All notable changes to this project will be documented in this file.
The format is based on Keep a Changelog and this project adheres to Semantic Versioning.
4.0.0 - 2021-09-17
- Removed color theme for 6 River Systems MFP UI design system (#208)
3.1.0 - 2021-04-15
Added iconInteractive
to colors (#189)
3.0.0 - 2021-03-10
- Breaking: Move
onSurface.onSurfaceBackground
tosurface.surfaceSearchField
. (#183) Consumers of the variantonSurfaceBackground
should replace it withsurfaceSearchField
. The color value is unchanged.
2.21.1 - 2021-03-03
- Fix
icon
andaction
colors not being exposed indist/color-filters.color-map.scss
. (#182)
2.21.0 - 2021-03-02
- Added
mergeConfigs
andConfig
to the public API ofdist-modern/index.js
(#180) - Added esm support for legacy tokens. Doing
import {colorInk} from '@shopify/polaris-tokens';
shall load content fromdist/index.esm.js
which allows for better tree shaking. A default export so you can doimport tokens from '@shopify/polaris-tokens';
is provided for backwards compatability however this is just a stopgap, and will be removed in polaris-tokens v3.0.0. You should use either named imports (import {colorInk}
) or a namespace import (import * as tokens
) (#181)
2.20.0 - 2021-02-24
- Added color theme for 6 River Systems MFP UI design system (#179)
2.19.0 - 2021-02-17
- Added support for
.hbs
(handlebars) format templates (#176) - Increased contrast of dark border divider (#177)
2.18.0 - 2021-01-26
2.17.0 - 2021-01-13
- Froze and deprecated design tokens in
./dist
. In a future version, this directory may be moved to./dist-legacy
(#170)
2.16.0 - 2020-12-17
- Added textPrimary with hovered and pressed variations (#164)
2.15.0 - 2020-11-07
- Changed borderShadow value (#157)
2.14.0 - 2020-11-01
2.13.1 - 2020-11-01
- Moved mistaken border variants to surface variants (#154)
2.13.0 - 2020-11-01
- Add subdued variants to warning, highlight, and success (#153)
2.12.9 - 2020-09-11
- Update action secondary depressed color / add border depressed (#150)
2.12.8 - 2020-09-10
- Add icon and action colors to color-filters-map (#149)
2.12.7 - 2020-09-09
- Updates the onSurface background name (#147)
2.12.6 - 2020-09-09
- Added background under onSurface (#146)
2.12.5 - 2020-09-08
- Updated borderSubdued and added borderShadow, borderShadowSubdued, and divider colors (#145)
2.12.4 - 2020-08-27
- Updated background, surface, and action colors (#140)
2.12.3 - 2020-04-07
- Updated the font stack so that Segoe UI comes before Roboto. (#131)
2.12.2 - 2020-03-25
- Loosened the type of the first argument of
color-factory
to account for stricter merge checks in Typescript 3.8 (#130)
2.12.1 - 2020-03-18
- Adjusted Figma metadata for variants. Adjusted description of one variant. (#126)
2.12.0 - 2020-03-13
- Added variants for border subdued roles (#123)
2.11.0 - 2020-03-11
- Added missing variants (#121)
- Updated hover variants (#120)
- Updated color variants to use
saturationAdjustmentFn
instead ofsaturation
(#119)
2.10.0 - 2020-03-05
- Removed
borderSecondary
,borderSecondaryHovered
, andborderSecondaryDisabled
color variants from thesecondary
role in favor ofborder
and the newly addedborderHovered
andborderDisabled
color variants in theonSurface
role (#115)- Note: This is technically a breaking change although we will continue to ship as minor and patch versions until the new color system is enabled by default in production
2.9.0 - 2020-03-03
- Added Figma color name metadata (#110)
2.8.2 - 2020-02-27
- Fixed an issue where dev environment utils and types were exported (#113)
2.8.1 - 2020-02-27
2.8.0 - 2020-02-20
- Added color factory and built modern tokens (#105)
- Added surface disabled variant and updated other variant configs (#101)
- Added TypeScript build for modern tokens, and shifted directory structures to differentiate between legacy and modern tokens (#97)
- Updated variant names and descriptions (#96)
- Added decorative icon variants (#94)
- Built changes from previous release, and added textOnInteractive variant (#93)
- Fixed an issue where legacy themes caused the color factory to throw (#92)
- Updated color variants for consistency with changes in Polaris React (#91)
- Marked the config as optional and the colors as partial (dd3d8fc)
- Added the Color Factory. Long live the Color Factory! (#89)
2.7.0 - 2019-10-28
- Updated filter for the Blue color (#64)
- Removed reliance on the Invision DSM import script (colors are now directly managed in
tokens/colors.yml
) (#66) - Added a JSON color export for iOS (
colors.ios.json
) (#86)
2.6.0 - 2019-06-06
- Update
color-blue
to#006fbb
from#007ace
for accessibility (#63) - Add missing
colorYellowDark
values from (#44)
2.5.0 - 2019-04-19
- Duration tokens (with
type: time
) are treated as unitless and converted to milliseconds in JavaScript formats
2.4.0 - 2019-04-04
- Added color names to the Sketch palette (#53)
- Fixed a bug where the font family value was wrapped in quotes (#58)
2.3.0 - 2019-02-19
- Added spacing-map format, usable as
spacing.spacing-map.scss
(#52)
2.2.0 - 2019-02-19
2.1.1 - 2019-01-04
- No changes in this version (re-publishing as the 2.1.0 Gem release failed)
2.1.0 - 2019-01-04
- Updated
color-yellow-dark
for accessibility (#44) - Documented how to import tokens using ES Modules (#37)
- Updated Node.js to v10
- Updated Node.js & Ruby dependencies
- Reformatted files using sewing-kit
2.0.0 - 2018-10-23
-
Breaking: renamed
colors.android-colors.xml
tocolors.android.xml
-
Breaking: removed
-base
suffix from base color token names (fixes #16)Upgrade path:
- CSS: remove
-base
. For example:var(--color-ink-base)
→var(--color-ink)
. - Sass: remove
-base
. For example:$color-ink-base
→$color-ink
. - JSON: remove
-base
. For example:tokens['color-ink-base']
→tokens['color-ink']
. - Android: remove
_base
. For example:polaris_color_blue_base
→polaris_color_blue
. - JavaScript: remove
Base
. For example:colorPurpleBase
→colorPurple
.
- CSS: remove
-
Updated dependencies, including Theo to from
^7.0.1
to8.0.0-beta.2
-
Updated the Android token format to enable it to format other properties than just colors
1.3.1 - 2018-07-09
- Updated devDependencies, including Prettier. This reformatted SCSS files in
./dist/
but didn’t impact the tokens themselves.
1.3.0 - 2018-06-29
- Added
colors.android-colors.xml
, for Android apps
1.2.0 - 2018-05-30
ase
andclr
palettes: removed thecolor-
prefix from color names- Updated devDependencies
1.1.0 - 2018-04-24
Polaris tokens are now available as both a npm package and a Ruby gem! Check the README for installation and usage instructions for both.
First stable release 🎉
Color design tokens are now used in:
Shopify/shopify
Shopify/polaris-styleguide
Shopify/polaris-react
(@shopify/polaris
v2 on npm)