Add color factory and build modern color tokens

Co-authored-by: Dan Rosenthal <dan.rosenthal@shopify.com>
Co-authored-by: Ben Scott <227292+BPScott@users.noreply.github.com>
Co-authored-by: Kyle Durand <kyle.durand@shopify.com>
Co-authored-by: Sara Hill <sara.hill@shopify.com>

.circleci/config.yml

@@ -18,6 +18,7 @@ jobs:
           key: v2-npm-deps-{{ arch }}-{{ checksum "yarn.lock" }}
           paths:
             - node_modules
+      - run: yarn run type-check
       - run: yarn run build-ci
       - run: yarn run test
       - run: yarn run lint

.eslintignore

@@ -0,0 +1,4 @@
+node_modules
+/dist
+/dist-modern
+/tmp

.gitignore

@@ -15,3 +15,5 @@ node_modules
 
 # sewing-kit temporary folder
 tmp
+
+dist-modern

.npmignore

@@ -1,8 +1,8 @@
 **/*
 !dist/**/*
+!dist-modern/**/*
 !index.js
 !LICENSE.md
 !README.md
 !package.json
-!yarn.lock
 dist/colors.ase.json

.prettierignore

@@ -1 +1,5 @@
+node_modules
 package.json
+/.dev
+/dist-modern
+/tmp

.vscode/settings.json

@@ -5,5 +5,18 @@
   "editor.formatOnSave": true,
   "editor.codeActionsOnSave": {
     "source.fixAll.eslint": true
+  },
+  "files.exclude": {
+    "**/.DS_Store": true,
+    "**/.git": true,
+    "**/node_modules": true,
+    ".{bundle,dev,shadowenv.d}": true,
+    "{tmp,dist-modern}/": true
+  },
+  "search.exclude": {
+    "**/.DS_Store": true,
+    "**/.git": true,
+    "**/node_modules": true,
+    "{tmp,dist-modern}/": true
   }
 }

NEXT_CHANGELOG.md

@@ -0,0 +1,141 @@
+# Changelog
+
+All notable changes to this project will be documented in this file.
+
+The format is based on [Keep a Changelog](http://keepachangelog.com/en/1.0.0/)
+and this project adheres to [Semantic Versioning](http://semver.org/spec/v2.0.0.html).
+
+<!-- ## [Unreleased] -->
+
+## [2.8.0-rc.0] - 2020-02-06
+
+- Added surface disabled variant and updated other variant configs ([#101](https://github.com/Shopify/polaris-tokens/pull/101))
+- Added TypeScript build for modern tokens, and shifted directory structures to differentiate between legacy and modern tokens ([#97](https://github.com/Shopify/polaris-tokens/pull/97))
+
+## [3.0.0-beta.7] - 2020-02-06
+
+- Updated variant names and descriptions ([#96](https://github.com/Shopify/polaris-tokens/pull/96))
+- Added decorative icon variants ([#94](https://github.com/Shopify/polaris-tokens/pull/94))
+
+## [3.0.0-beta.6] - 2020-02-03
+
+- Built changes from previous release, and added textOnInteractive variant ([#93](https://github.com/Shopify/polaris-tokens/pull/93))
+
+## [3.0.0-beta.5] - 2020-01-30
+
+- Fixed an issue where legacy themes caused the color factory to throw ([#92](https://github.com/Shopify/polaris-tokens/pull/92))
+
+## [3.0.0-beta.4] - 2020-01-29
+
+- Update color variants for consistency with changes in Polaris React ([#91](https://github.com/Shopify/polaris-tokens/pull/91))
+
+## [3.0.0-beta.3] - 2020-01-28
+
+- Marked the config as optional and the colors as partial ([dd3d8fc](https://github.com/Shopify/polaris-tokens/commit/dd3d8fc05572fb03e764a85a0519bbd3dde11855))
+
+## [3.0.0-beta.2] - 2020-01-28
+
+- Actually exporting the types would be helpful ([4998856](https://github.com/Shopify/polaris-tokens/commit/49988564d7048c73e53cd85eab89f5ff49d0e28b))
+
+## [3.0.0-beta.1] - 2020-01-28
+
+- Added the Color Factory. Long live the Color Factory! ([#89](https://github.com/Shopify/polaris-tokens/pull/89))
+
+## [2.7.0] - 2019-10-28
+
+- Updated filter for the Blue color ([#64](https://github.com/Shopify/polaris-tokens/pull/64))
+- Removed reliance on the Invision DSM import script (colors are now directly managed in `tokens/colors.yml`) ([#66](https://github.com/Shopify/polaris-tokens/pull/66))
+- Added a JSON color export for iOS ([`colors.ios.json`](/dist/colors.ios.json)) ([#86](https://github.com/Shopify/polaris-tokens/pull/86))
+
+## [2.6.0] - 2019-06-06
+
+- Update `color-blue` to `#006fbb` from `#007ace` for accessibility ([#63](https://github.com/Shopify/polaris-tokens/pull/63))
+- Add missing `colorYellowDark` values from ([#44](https://github.com/Shopify/polaris-tokens/pull/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](https://github.com/Shopify/polaris-tokens/pull/53))
+- Fixed a bug where the font family value was wrapped in quotes ([#58](https://github.com/Shopify/polaris-tokens/pull/58))
+
+## [2.3.0] - 2019-02-19
+
+- Added spacing-map format, usable as `spacing.spacing-map.scss` ([#52](https://github.com/Shopify/polaris-tokens/pull/52))
+
+## [2.2.0] - 2019-02-19
+
+- Updated devDependencies ([#45](https://github.com/Shopify/polaris-tokens/pull/45))
+- Added `base-tight` to the spacing map ([#48](https://github.com/Shopify/polaris-tokens/pull/48))
+
+## [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](https://github.com/Shopify/polaris-tokens/pull/44))
+- Documented how to import tokens using ES Modules ([#37](https://github.com/Shopify/polaris-tokens/pull/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` to `colors.android.xml`
+- **Breaking:** removed `-base` suffix from base color token names (fixes [#16](https://github.com/Shopify/polaris-tokens/issues/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`.
+
+- Updated dependencies, including Theo to from `^7.0.1` to `8.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](https://prettier.io/). This reformatted SCSS files in `./dist/` but didn’t impact the tokens themselves.
+
+## [1.3.0] - 2018-06-29
+
+- Added [`colors.android-colors.xml`](https://github.com/Shopify/polaris-tokens/blob/master/dist/colors.android-colors.xml), for Android apps
+
+## [1.2.0] - 2018-05-30
+
+- `ase` and `clr` palettes: removed the `color-` prefix from color names
+- Updated devDependencies
+
+## [1.1.0] - 2018-04-24
+
+Polaris tokens are now available as both a [npm package](https://www.npmjs.com/package/@shopify/polaris-tokens) and a [Ruby gem](https://rubygems.org/gems/polaris_tokens)! Check the [README](https://github.com/Shopify/polaris-tokens/blob/master/README.md) for installation and usage instructions for both.
+
+## 1.0.0 - 2018-04-13
+
+First stable release 🎉
+
+Color design tokens are now used in:
+
+- `Shopify/shopify`
+- `Shopify/polaris-styleguide`
+- `Shopify/polaris-react` (`@shopify/polaris` v2 on npm)
+
+[unreleased]: https://github.com/Shopify/polaris-tokens/compare/v2.7.0...HEAD
+[2.7.0]: https://github.com/Shopify/polaris-tokens/compare/v2.6.0...v2.7.0
+[2.6.0]: https://github.com/Shopify/polaris-tokens/compare/v2.5.0...v2.6.0
+[2.5.0]: https://github.com/Shopify/polaris-tokens/compare/v2.4.0...v2.5.0
+[2.4.0]: https://github.com/Shopify/polaris-tokens/compare/v2.3.0...v2.4.0
+[2.3.0]: https://github.com/Shopify/polaris-tokens/compare/v2.2.0...v2.3.0
+[2.2.0]: https://github.com/Shopify/polaris-tokens/compare/v2.1.1...v2.2.0
+[2.1.1]: https://github.com/Shopify/polaris-tokens/compare/v2.1.0...v2.1.1
+[2.1.0]: https://github.com/Shopify/polaris-tokens/compare/v2.0.0...v2.1.0
+[2.0.0]: https://github.com/Shopify/polaris-tokens/compare/v1.3.1...v2.0.0
+[1.3.1]: https://github.com/Shopify/polaris-tokens/compare/v1.3.0...v1.3.1
+[1.3.0]: https://github.com/Shopify/polaris-tokens/compare/v1.2.0...v1.3.0
+[1.2.0]: https://github.com/Shopify/polaris-tokens/compare/v1.1.0...v1.2.0
+[1.1.0]: https://github.com/Shopify/polaris-tokens/compare/v1.0.0...v1.1.0