Shared styles for Atlaskit components


3.1.23 years ago5 years agoMinified + gzip package size for @atlaskit/util-shared-styles in KB


Atlaskit component registry Commitizen friendly semantic-release Report an issue

[WARNING] This package is deprecated. We recommend using @atlaskit/theme package instead.

Please follow @atlaskit/theme migration guide for migration to @atlaskit/theme package in your project.

This package provides you with the ADG colors & typography in a programmatic way.

You can either use the less files by importing them via

@import "~@atlaskit/util-shared-styles/src/colors.less";
@import "~@atlaskit/util-shared-styles/src/fonts.less";

.myclass {
  color: @ak-color-R100;
  font-family: @ak-font-family;

or use them within JS via

import {
  akColorN500 as defaultColor,
  akColorR500 as highlightColor,
  akFontFamily as fontFamily
} from "@atlaskit/util-shared-styles";

* Please note that this module could have dependencies that are governed by the Atlassian Design Guidelines license which will be automatically included on install. Each dependency has a license file that indicates whether the Atlassian Design Guidelines license applies.

We're here to help!

Let us know what you think of our components and docs, your feedback is really important for us.

Are you in trouble? Read through our contribution guidelines and raise an issue to us.

If you find any bugs or have a feature request, please open an issue on github!

The npm package download data comes from npm's download counts api and package details come from npms.io.