Important: This documentation covers Yarn 1 (Classic).
For Yarn 2+ docs and migration guide, see yarnpkg.com.

Package detail

@atlaskit/util-shared-styles

atlassian89.1kSEE LICENSE IN LICENSEdeprecated3.1.2TypeScript support: included

Please use @atlaskit/theme instead. Migration guide is available at https://atlaskit.atlassian.com/packages/core/theme/docs/migration-guide

Shared styles for Atlaskit components

atlaskit, ui, internal

readme

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.

changelog

3.1.2 (2019-01-21)

3.1.2 (2019-01-21)

Bug Fixes

  • component: updated the deprecation warning (a9e43d9)

3.1.1 (2019-01-07)

Bug Fixes

  • docs: added deprecation warning to the package (d70aa03)

3.1.0 (2019-01-06)

Features

  • docs: added deprecation warning to the util-shared-styles package (58761cf)

3.0.0 (2018-09-12)

Bug Fixes

  • component: updated the H100 styles in util-shared-styles (d2b8def)

BREAKING CHANGES

  • component: updated the H100 styles in util-shared-styles

ISSUES CLOSED: #5156

2.10.8 (2018-05-02)

Bug Fixes

  • package: add version range for styled-components dep for all packages (82865c1)

2.10.7 (2018-03-12)

Bug Fixes

  • package: remove styled-components as a dependency (8ddba73)

2.10.6 (2017-11-20)

Bug Fixes

  • component: fS-3907 Bump tooltip version in icon, item and util-shared-styles (6d20540)
  • component: fS-3907 Use content attribute instead of description for Tooltip (25c9604)

2.10.5 (2017-11-14)

Bug Fixes

  • build: fix build dir not being included in util-shared-styles dist package (113e514)
  • build: remove es6 bundles from util-shared-styles (30b8c28)

2.10.4 (2017-10-22)

Bug Fixes

  • package: update styled components dep and react peerDep (5539ada)

2.10.3 (2017-08-02)

Bug Fixes

  • component: fix order of util-shared-styles exports so variables are available at compile time (e9c2992)

2.10.2 (2017-07-27)

Bug Fixes

  • package: rename jsnext:main to jsnext:experimental:main temporarily (c7508e0)

2.10.1 (2017-07-25)

Bug Fixes

  • build: use class transform in loose mode in babel to improve load performance in apps (fde719a)

2.7.0 (2017-07-17)

2.7.0 (2017-07-17)

2.7.0 (2017-07-17)

Bug Fixes

  • package: rerelease, failed prepublish scripts (5fd82f8)

2.7.0 (2017-07-17)

Features

  • package: added ES module builds to dist and add jsnext:main to most ADG packages (ea76507)

2.4.0 (2017-07-12)

Bug Fixes

  • package: re-releases the prepublish fix that was intended for 2.4.1 (7b6166e)

2.4.0 (2017-07-12)

Bug Fixes

  • component: moves the generateJsVars script to prepublish instead of postinstall (f5868f9)

2.4.0 (2017-07-11)

Features

  • package: less-vars-to-js-loader has been replaced by a build time dependency (977e6a2)

2.3.1 (2017-06-05)

Bug Fixes

  • docs: fix util-shared-styles usage example (a3fc4dc)

2.3.0 (2017-06-01)

Features

  • component: update color values and usages as per #AK-2482 (ae8fae5)

2.2.1 (2017-05-29)

Bug Fixes

  • component: add index shim for unit tests (9b46ffd)

2.2.0 (2017-05-26)

Features

  • component: add animation mixins for JS (cb3bf0c)

2.1.1 (2017-05-23)

2.1.0 (2017-05-22)

Bug Fixes

  • component: fixing webkit code font issue (8b92b36)

Features

  • component: added placeholder mixin to util-shared-styles (49ad2a4)

2.0.3 (2017-05-16)

Bug Fixes

  • typings: add type for akTypographyMixins (766b85a)

2.0.2 (2017-05-10)

Bug Fixes

  • package: moved styled-components from peerDeps -> deps (703ec3f)

2.0.1 (2017-04-27)

Bug Fixes

  • docs: update legal copy to be more clear. Not all modules include ADG license. (f3a945e)

2.0.0 (2017-04-27)

1.7.1 (2017-04-26)

Bug Fixes

  • docs: update legal copy and fix broken links for component README on npm. New contribution and (0b3e454)

Code Refactoring

  • component: remove all references to web components. (ca5726e)

BREAKING CHANGES

  • component: Remove all references to web component utils.

ISSUES CLOSED: AK-1998

1.7.0 (2017-04-20)

Features

  • refactor: removed explicit style! imports, set style-loader in webpack config (891fc3c)

1.6.1 (2017-04-13)

1.6.0 (2017-04-05)

Bug Fixes

  • component: convert some shared style variables to be actual numbers (like akGridSizeUnitless) (374eccf)

Features

  • component: create helper mixins for styled components (5149c29)

1.5.1 (2017-04-04)

Bug Fixes

  • component: changes util-shared-styles to always prepublish (104e712)

1.5.0 (2017-03-29)

Features

  • component: create mixins for elevation styles (22f25fb)

1.3.0 (2017-03-28)

1.3.0 (2017-03-28)

Features

  • component: new akTypographyMixins available for use in styled-components (4d00137)

1.2.1 (2017-03-23)

Bug Fixes

  • typings: add z-indexes to typings (5710934)

1.1.0 (2017-03-22)

1.1.0 (2017-03-22)

1.0.4 (2017-03-21)

1.0.4 (2017-03-21)

Bug Fixes

  • component: hard-code grid size assignment (6d77e50)
  • package: maintainers for all the packages were added (261d00a)

Features

  • component: added unitless variable for grid (9120e28)

1.0.3 (2017-02-27)

Bug Fixes

  • empty commit to make components release themselves (5511fbe)

1.0.2 (2017-02-06)

Bug Fixes

  • layering: layer navigation at correct level so it works with modal (5bef9db)

1.0.1 (2017-01-31)

Bug Fixes

  • Make flags higher than modals (9e2355f)