polaris_tokens 1.3.1 → 2.0.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (30) hide show
  1. checksums.yaml +4 -4
  2. data/README.md +63 -10
  3. data/dist/Polaris.ase +0 -0
  4. data/dist/Polaris.clr +0 -0
  5. data/dist/Polaris.sketchpalette +152 -152
  6. data/dist/color-filters.color-map.scss +140 -0
  7. data/dist/color-filters.common.js +116 -0
  8. data/dist/color-filters.custom-properties.css +116 -0
  9. data/dist/color-filters.json +116 -0
  10. data/dist/color-filters.map.scss +232 -0
  11. data/dist/color-filters.raw.json +642 -0
  12. data/dist/color-filters.scss +114 -0
  13. data/dist/{colors.android-colors.xml → colors.android.xml} +12 -12
  14. data/dist/colors.ase.json +98 -103
  15. data/dist/colors.color-map.scss +51 -51
  16. data/dist/colors.common.js +49 -49
  17. data/dist/colors.custom-properties.css +49 -49
  18. data/dist/colors.json +49 -49
  19. data/dist/colors.map.scss +99 -99
  20. data/dist/colors.raw.json +238 -238
  21. data/dist/colors.scss +49 -49
  22. data/dist/index.common.js +49 -49
  23. data/dist/index.custom-properties.css +49 -49
  24. data/dist/index.d.ts +12 -12
  25. data/dist/index.json +49 -49
  26. data/dist/index.map.scss +99 -99
  27. data/dist/index.raw.json +238 -238
  28. data/dist/index.scss +49 -49
  29. data/package.json +16 -15
  30. metadata +10 -3
data/dist/index.scss CHANGED
@@ -1,61 +1,61 @@
1
- $color-purple-lighter: rgb(246, 240, 253);
2
- $color-purple-light: rgb(227, 208, 255);
3
- $color-purple-base: rgb(156, 106, 222);
4
- $color-purple-dark: rgb(80, 36, 143);
5
- $color-purple-darker: rgb(35, 0, 81);
6
1
  $color-purple-text: rgb(80, 73, 90);
7
- $color-indigo-lighter: rgb(244, 245, 250);
8
- $color-indigo-light: rgb(179, 188, 245);
9
- $color-indigo-base: rgb(92, 106, 196);
10
- $color-indigo-dark: rgb(32, 46, 120);
11
- $color-indigo-darker: rgb(0, 6, 57);
2
+ $color-purple-darker: rgb(35, 0, 81);
3
+ $color-purple-dark: rgb(80, 36, 143);
4
+ $color-purple: rgb(156, 106, 222);
5
+ $color-purple-light: rgb(227, 208, 255);
6
+ $color-purple-lighter: rgb(246, 240, 253);
12
7
  $color-indigo-text: rgb(62, 65, 85);
13
- $color-blue-lighter: rgb(235, 245, 250);
14
- $color-blue-light: rgb(180, 225, 250);
15
- $color-blue-base: rgb(0, 122, 206);
16
- $color-blue-dark: rgb(8, 78, 138);
17
- $color-blue-darker: rgb(0, 20, 41);
8
+ $color-indigo-darker: rgb(0, 6, 57);
9
+ $color-indigo-dark: rgb(32, 46, 120);
10
+ $color-indigo: rgb(92, 106, 196);
11
+ $color-indigo-light: rgb(179, 188, 245);
12
+ $color-indigo-lighter: rgb(244, 245, 250);
18
13
  $color-blue-text: rgb(62, 78, 87);
19
- $color-teal-lighter: rgb(224, 245, 245);
20
- $color-teal-light: rgb(183, 236, 236);
21
- $color-teal-base: rgb(71, 193, 191);
22
- $color-teal-dark: rgb(0, 132, 142);
23
- $color-teal-darker: rgb(0, 49, 53);
14
+ $color-blue-darker: rgb(0, 20, 41);
15
+ $color-blue-dark: rgb(8, 78, 138);
16
+ $color-blue: rgb(0, 122, 206);
17
+ $color-blue-light: rgb(180, 225, 250);
18
+ $color-blue-lighter: rgb(235, 245, 250);
24
19
  $color-teal-text: rgb(64, 83, 82);
25
- $color-green-lighter: rgb(227, 241, 223);
26
- $color-green-light: rgb(187, 229, 179);
27
- $color-green-base: rgb(80, 184, 60);
28
- $color-green-dark: rgb(16, 128, 67);
29
- $color-green-darker: rgb(23, 54, 48);
20
+ $color-teal-darker: rgb(0, 49, 53);
21
+ $color-teal-dark: rgb(0, 132, 142);
22
+ $color-teal: rgb(71, 193, 191);
23
+ $color-teal-light: rgb(183, 236, 236);
24
+ $color-teal-lighter: rgb(224, 245, 245);
30
25
  $color-green-text: rgb(65, 79, 62);
31
- $color-yellow-lighter: rgb(252, 241, 205);
32
- $color-yellow-light: rgb(255, 234, 138);
33
- $color-yellow-base: rgb(238, 194, 0);
34
- $color-yellow-dark: rgb(156, 111, 25);
35
- $color-yellow-darker: rgb(87, 59, 0);
26
+ $color-green-darker: rgb(23, 54, 48);
27
+ $color-green-dark: rgb(16, 128, 67);
28
+ $color-green: rgb(80, 184, 60);
29
+ $color-green-light: rgb(187, 229, 179);
30
+ $color-green-lighter: rgb(227, 241, 223);
36
31
  $color-yellow-text: rgb(89, 81, 48);
37
- $color-orange-lighter: rgb(252, 235, 219);
38
- $color-orange-light: rgb(255, 197, 139);
39
- $color-orange-base: rgb(244, 147, 66);
40
- $color-orange-dark: rgb(192, 87, 23);
41
- $color-orange-darker: rgb(74, 21, 4);
32
+ $color-yellow-darker: rgb(87, 59, 0);
33
+ $color-yellow-dark: rgb(156, 111, 25);
34
+ $color-yellow: rgb(238, 194, 0);
35
+ $color-yellow-light: rgb(255, 234, 138);
36
+ $color-yellow-lighter: rgb(252, 241, 205);
42
37
  $color-orange-text: rgb(89, 68, 48);
43
- $color-red-lighter: rgb(251, 234, 229);
44
- $color-red-light: rgb(254, 173, 154);
45
- $color-red-base: rgb(222, 54, 24);
46
- $color-red-dark: rgb(191, 7, 17);
47
- $color-red-darker: rgb(51, 1, 1);
38
+ $color-orange-darker: rgb(74, 21, 4);
39
+ $color-orange-dark: rgb(192, 87, 23);
40
+ $color-orange: rgb(244, 147, 66);
41
+ $color-orange-light: rgb(255, 197, 139);
42
+ $color-orange-lighter: rgb(252, 235, 219);
48
43
  $color-red-text: rgb(88, 60, 53);
49
- $color-white-base: rgb(255, 255, 255);
50
- $color-sky-lighter: rgb(249, 250, 251);
51
- $color-sky-light: rgb(244, 246, 248);
52
- $color-sky-base: rgb(223, 227, 232);
53
- $color-sky-dark: rgb(196, 205, 213);
54
- $color-ink-lightest: rgb(145, 158, 171);
55
- $color-ink-lighter: rgb(99, 115, 129);
44
+ $color-red-darker: rgb(51, 1, 1);
45
+ $color-red-dark: rgb(191, 7, 17);
46
+ $color-red: rgb(222, 54, 24);
47
+ $color-red-light: rgb(254, 173, 154);
48
+ $color-red-lighter: rgb(251, 234, 229);
49
+ $color-ink: rgb(33, 43, 54);
56
50
  $color-ink-light: rgb(69, 79, 91);
57
- $color-ink-base: rgb(33, 43, 54);
58
- $color-black-base: rgb(0, 0, 0);
51
+ $color-ink-lighter: rgb(99, 115, 129);
52
+ $color-ink-lightest: rgb(145, 158, 171);
53
+ $color-sky-dark: rgb(196, 205, 213);
54
+ $color-sky: rgb(223, 227, 232);
55
+ $color-sky-light: rgb(244, 246, 248);
56
+ $color-sky-lighter: rgb(249, 250, 251);
57
+ $color-black: rgb(0, 0, 0);
58
+ $color-white: rgb(255, 255, 255);
59
59
  $spacing-none: 0;
60
60
  $spacing-extra-tight: 4px;
61
61
  $spacing-tight: 8px;
data/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@shopify/polaris-tokens",
3
- "version": "1.3.1",
3
+ "version": "2.0.0",
4
4
  "description": "Design Tokens for the Polaris Design System",
5
5
  "main": "index.js",
6
6
  "types": "dist/index.d.ts",
@@ -8,7 +8,7 @@
8
8
  "test": "jest",
9
9
  "test-watch": "nodemon --exec 'npm-run-all dist test' --watch ./tokens --watch ./formats --watch ./gulpfile.js --watch ./scripts",
10
10
  "clean": "rimraf ./dist",
11
- "getTokensFromInvision": "node ./scripts/getTokensFromInvision.js",
11
+ "get-tokens-from-invision-dsm": "node ./scripts/get-tokens-from-invision-dsm.js",
12
12
  "predist": "yarn clean",
13
13
  "dist": "npm-run-all dist:**",
14
14
  "dist-ci": "npm-run-all dist:* dist:*:*",
@@ -17,8 +17,8 @@
17
17
  "dist:prettier": "prettier ./{dist,docs}/*.{scss,css,json,js} --write",
18
18
  "dist:colors:prettier-sketchpalette": "prettier ./dist/*.sketchpalette --write --parser json",
19
19
  "dist:colors:ase": "node ./scripts/ase-encode.js",
20
- "dist:colors:clr:excludeFromCI": "ase2clr ./dist/colors.ase ./dist/colors.clr",
21
- "dist:colors:rename-palettes": "renamer --find colors --replace Polaris ./dist/colors.{ase,clr,sketchpalette}",
20
+ "dist:colors:clr:exclude-from-ci": "ase2clr ./dist/colors.ase ./dist/colors.clr",
21
+ "dist:colors:rename-palettes:exclude-from-ci": "renamer --find colors --replace Polaris ./dist/colors.{ase,clr,sketchpalette}",
22
22
  "lint": "npm-run-all lint:**",
23
23
  "lint:js": "eslint . --format codeframe",
24
24
  "lint:tokens": "yamllint ./tokens/*.yml",
@@ -63,34 +63,35 @@
63
63
  "devDependencies": {
64
64
  "ase-util": "^1.0.1",
65
65
  "ase-utils": "^0.1.1",
66
- "browser-sync": "^2.24.5",
66
+ "browser-sync": "^2.24.6",
67
67
  "dashify": "^1.0.0",
68
- "eslint": "^5.0.1",
68
+ "eslint": "^5.2.0",
69
69
  "eslint-config-prettier": "^2.9.0",
70
- "eslint-plugin-prettier": "^2.6.1",
71
- "eslint-plugin-shopify": "^22.1.0",
72
- "fs-extra": "^6.0.1",
70
+ "eslint-plugin-prettier": "^2.6.2",
71
+ "eslint-plugin-shopify": "^23.0.0",
72
+ "fs-extra": "^7.0.0",
73
+ "gray-matter": "^4.0.1",
73
74
  "gulp": "^3.9.1",
74
75
  "gulp-load-plugins": "^1.5.0",
75
76
  "gulp-plumber": "^1.2.0",
76
- "gulp-rename": "^1.3.0",
77
+ "gulp-rename": "^1.4.0",
77
78
  "gulp-restart": "^0.1.1",
78
79
  "gulp-sass": "^4.0.1",
79
80
  "gulp-sourcemaps": "^2.6.4",
80
81
  "gulp-theo": "^2.0.0",
81
82
  "http-server": "^0.11.1",
82
83
  "immutable": "^3.8.2",
83
- "jest": "^23.2.0",
84
+ "jest": "^23.4.1",
84
85
  "js-yaml": "^3.12.0",
85
86
  "lodash": "^4.17.10",
86
- "node-fetch": "^2.1.2",
87
- "nodemon": "^1.17.5",
87
+ "node-fetch": "^2.2.0",
88
+ "nodemon": "^1.18.3",
88
89
  "npm-run-all": "^4.1.3",
89
90
  "prettier": "1.13.7",
90
- "renamer": "^0.7.3",
91
+ "renamer": "^1.0.0",
91
92
  "rimraf": "^2.6.2",
92
93
  "run-sequence": "^2.2.1",
93
- "theo": "^7.0.1",
94
+ "theo": "8.0.0-beta.2",
94
95
  "tinycolor2": "^1.4.1",
95
96
  "xml": "^1.0.1",
96
97
  "yaml-lint": "^1.2.4"
metadata CHANGED
@@ -1,14 +1,14 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: polaris_tokens
3
3
  version: !ruby/object:Gem::Version
4
- version: 1.3.1
4
+ version: 2.0.0
5
5
  platform: ruby
6
6
  authors:
7
7
  - Shopify
8
8
  autorequire:
9
9
  bindir: bin
10
10
  cert_chain: []
11
- date: 2018-07-09 00:00:00.000000000 Z
11
+ date: 2018-10-23 00:00:00.000000000 Z
12
12
  dependencies: []
13
13
  description: Design Tokens for the Polaris Design System
14
14
  email:
@@ -22,7 +22,14 @@ files:
22
22
  - dist/Polaris.ase
23
23
  - dist/Polaris.clr
24
24
  - dist/Polaris.sketchpalette
25
- - dist/colors.android-colors.xml
25
+ - dist/color-filters.color-map.scss
26
+ - dist/color-filters.common.js
27
+ - dist/color-filters.custom-properties.css
28
+ - dist/color-filters.json
29
+ - dist/color-filters.map.scss
30
+ - dist/color-filters.raw.json
31
+ - dist/color-filters.scss
32
+ - dist/colors.android.xml
26
33
  - dist/colors.ase.json
27
34
  - dist/colors.color-map.scss
28
35
  - dist/colors.common.js