polaris_tokens 2.4.0.pre.beta.2 → 2.4.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (23) hide show
  1. checksums.yaml +4 -4
  2. data/README.md +1 -1
  3. data/dist/index.common.js +1 -7
  4. data/dist/index.custom-properties.css +3 -8
  5. data/dist/index.d.ts +1 -7
  6. data/dist/index.json +1 -7
  7. data/dist/index.map.scss +11 -20
  8. data/dist/index.raw.json +4 -46
  9. data/dist/index.scss +3 -8
  10. data/dist/typography.common.js +1 -1
  11. data/dist/typography.custom-properties.css +3 -2
  12. data/dist/typography.json +1 -1
  13. data/dist/typography.map.scss +11 -2
  14. data/dist/typography.raw.json +4 -4
  15. data/dist/typography.scss +3 -2
  16. data/package.json +2 -3
  17. metadata +4 -10
  18. data/dist/duration.common.js +0 -8
  19. data/dist/duration.custom-properties.css +0 -8
  20. data/dist/duration.json +0 -8
  21. data/dist/duration.map.scss +0 -20
  22. data/dist/duration.raw.json +0 -47
  23. data/dist/duration.scss +0 -6
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: 7a1cad6438410f6f12c05c1e7b3d25a5261d37d492f2766ff98078522fe7562c
4
- data.tar.gz: 0edbb0a824c85312ebcf6df3ff9f07715623a6cd48c5db964ff2e9d68183726a
3
+ metadata.gz: d40592abd24add1359b9fc96465d38e6412204bb40376afdffe76a8d58426813
4
+ data.tar.gz: ddd725c496fb4ea3f2b1f3122879cb84dfce2bd1d675f40a0a3b5c02fe97f53c
5
5
  SHA512:
6
- metadata.gz: 92b123e06b9008f72a4c184f63a889e8691f24959e6117c4831ac05c41833e36cbbede8eaed7201ad7fd61e8ba5721d1dde46cd6611962940ca3f442f05362c1
7
- data.tar.gz: 95b7d0a7ac86057f5234695615f595d8154633c68880a0652e8e3925ca6782f89b1c70ffd27a6f2381427a09856124a1d0a361fa3e54268ba4589c5123dfb9b3
6
+ metadata.gz: b2f97993688f9aa485715eed6ece474c5ed2edba322f660450910b8aa8436039b849c0753a5775769731c8cf120a6dd853a7da03858a76f7d8849127964c5b06
7
+ data.tar.gz: 4aad5314caaafc605119a4394b30ad86e354bb1594293fe41c3c77aa66925eaf21565d1282f9b8d67d391130e7d6e88a7b59c8be92d6897400fcb9291c0a0a9c
data/README.md CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
  <img src="https://user-images.githubusercontent.com/85783/39013335-ebf76f5e-43cb-11e8-81f2-706259125897.png" alt="" align="center" />
4
4
 
5
- <h3 align="center">Colors, spacing, animation, and typography for all platforms</h3>
5
+ <h3 align="center">Colors, spacing, typography for all platforms</h3>
6
6
 
7
7
  <p align="center"><em>JavaScript · JSON · CSS · SCSS · Android · Sketch · macOS · Adobe Swatch</em></p>
8
8
 
data/dist/index.common.js CHANGED
@@ -57,12 +57,6 @@ module.exports = {
57
57
  colorSkyLighter: 'rgb(249, 250, 251)',
58
58
  colorBlack: 'rgb(0, 0, 0)',
59
59
  colorWhite: 'rgb(255, 255, 255)',
60
- durationNone: 0,
61
- durationFast: 100,
62
- durationBase: 200,
63
- durationSlow: 300,
64
- durationSlower: 400,
65
- durationSlowest: 500,
66
60
  spacingNone: 0,
67
61
  spacingExtraTight: '4px',
68
62
  spacingTight: '8px',
@@ -71,6 +65,6 @@ module.exports = {
71
65
  spacingLoose: '20px',
72
66
  spacingExtraLoose: '32px',
73
67
  fontStackBase:
74
- "-apple-system, 'BlinkMacSystemFont', 'San Francisco', 'Roboto', 'Segoe UI', 'Helvetica Neue', sans-serif",
68
+ "-apple-system, BlinkMacSystemFont, 'San Francisco', Roboto, 'Segoe UI', 'Helvetica Neue', sans-serif",
75
69
  fontStackMonospace: "Monaco, Consolas, 'Lucida Console', monospace",
76
70
  };
data/dist/index.custom-properties.css CHANGED
@@ -57,12 +57,6 @@
57
57
  --color-sky-lighter: rgb(249, 250, 251);
58
58
  --color-black: rgb(0, 0, 0);
59
59
  --color-white: rgb(255, 255, 255);
60
- --duration-none: 0;
61
- --duration-fast: 100ms;
62
- --duration-base: 200ms;
63
- --duration-slow: 300ms;
64
- --duration-slower: 400ms;
65
- --duration-slowest: 500ms;
66
60
  --spacing-none: 0;
67
61
  --spacing-extra-tight: 4px;
68
62
  --spacing-tight: 8px;
@@ -70,6 +64,7 @@
70
64
  --spacing-base: 16px;
71
65
  --spacing-loose: 20px;
72
66
  --spacing-extra-loose: 32px;
73
- --font-stack-base: "-apple-system, 'BlinkMacSystemFont', 'San Francisco', 'Roboto', 'Segoe UI', 'Helvetica Neue', sans-serif";
74
- --font-stack-monospace: "Monaco, Consolas, 'Lucida Console', monospace";
67
+ --font-stack-base: -apple-system, BlinkMacSystemFont, 'San Francisco', Roboto,
68
+ 'Segoe UI', 'Helvetica Neue', sans-serif;
69
+ --font-stack-monospace: Monaco, Consolas, 'Lucida Console', monospace;
75
70
  }
data/dist/index.d.ts CHANGED
@@ -57,13 +57,7 @@ declare interface Tokens {
57
57
  colorYellowLight: "rgb(255, 234, 138)";
58
58
  colorYellowLighter: "rgb(252, 241, 205)";
59
59
  colorYellowText: "rgb(89, 81, 48)";
60
- durationBase: 200;
61
- durationFast: 100;
62
- durationNone: 0;
63
- durationSlow: 300;
64
- durationSlower: 400;
65
- durationSlowest: 500;
66
- fontStackBase: "-apple-system, 'BlinkMacSystemFont', 'San Francisco', 'Roboto', 'Segoe UI', 'Helvetica Neue', sans-serif";
60
+ fontStackBase: "-apple-system, BlinkMacSystemFont, 'San Francisco', Roboto, 'Segoe UI', 'Helvetica Neue', sans-serif";
67
61
  fontStackMonospace: "Monaco, Consolas, 'Lucida Console', monospace";
68
62
  spacingBase: "16px";
69
63
  spacingBaseTight: "12px";
data/dist/index.json CHANGED
@@ -57,12 +57,6 @@
57
57
  "color-sky-lighter": "rgb(249, 250, 251)",
58
58
  "color-black": "rgb(0, 0, 0)",
59
59
  "color-white": "rgb(255, 255, 255)",
60
- "duration-none": 0,
61
- "duration-fast": 100,
62
- "duration-base": 200,
63
- "duration-slow": 300,
64
- "duration-slower": 400,
65
- "duration-slowest": 500,
66
60
  "spacing-none": 0,
67
61
  "spacing-extra-tight": "4px",
68
62
  "spacing-tight": "8px",
@@ -70,6 +64,6 @@
70
64
  "spacing-base": "16px",
71
65
  "spacing-loose": "20px",
72
66
  "spacing-extra-loose": "32px",
73
- "font-stack-base": "-apple-system, 'BlinkMacSystemFont', 'San Francisco', 'Roboto', 'Segoe UI', 'Helvetica Neue', sans-serif",
67
+ "font-stack-base": "-apple-system, BlinkMacSystemFont, 'San Francisco', Roboto, 'Segoe UI', 'Helvetica Neue', sans-serif",
74
68
  "font-stack-monospace": "Monaco, Consolas, 'Lucida Console', monospace"
75
69
  }
data/dist/index.map.scss CHANGED
@@ -173,24 +173,6 @@ $polaris-index-map: (
173
173
  'color-white': (
174
174
  rgb(255, 255, 255),
175
175
  ),
176
- 'duration-none': (
177
- 0,
178
- ),
179
- 'duration-fast': (
180
- 100ms,
181
- ),
182
- 'duration-base': (
183
- 200ms,
184
- ),
185
- 'duration-slow': (
186
- 300ms,
187
- ),
188
- 'duration-slower': (
189
- 400ms,
190
- ),
191
- 'duration-slowest': (
192
- 500ms,
193
- ),
194
176
  'spacing-none': (
195
177
  0,
196
178
  ),
@@ -213,9 +195,18 @@ $polaris-index-map: (
213
195
  32px,
214
196
  ),
215
197
  'font-stack-base': (
216
- "-apple-system, 'BlinkMacSystemFont', 'San Francisco', 'Roboto', 'Segoe UI', 'Helvetica Neue', sans-serif",
198
+ -apple-system,
199
+ BlinkMacSystemFont,
200
+ 'San Francisco',
201
+ Roboto,
202
+ 'Segoe UI',
203
+ 'Helvetica Neue',
204
+ sans-serif,
217
205
  ),
218
206
  'font-stack-monospace': (
219
- "Monaco, Consolas, 'Lucida Console', monospace",
207
+ Monaco,
208
+ Consolas,
209
+ 'Lucida Console',
210
+ monospace,
220
211
  ),
221
212
  );
data/dist/index.raw.json CHANGED
@@ -582,48 +582,6 @@
582
582
  "value": "rgb(255, 255, 255)",
583
583
  "originalValue": "{!color-white}"
584
584
  },
585
- "duration-none": {
586
- "type": "time",
587
- "category": "time",
588
- "name": "duration-none",
589
- "value": 0,
590
- "originalValue": 0
591
- },
592
- "duration-fast": {
593
- "type": "time",
594
- "category": "time",
595
- "name": "duration-fast",
596
- "value": "100ms",
597
- "originalValue": "100ms"
598
- },
599
- "duration-base": {
600
- "type": "time",
601
- "category": "time",
602
- "name": "duration-base",
603
- "value": "200ms",
604
- "originalValue": "200ms"
605
- },
606
- "duration-slow": {
607
- "type": "time",
608
- "category": "time",
609
- "name": "duration-slow",
610
- "value": "300ms",
611
- "originalValue": "300ms"
612
- },
613
- "duration-slower": {
614
- "type": "time",
615
- "category": "time",
616
- "name": "duration-slower",
617
- "value": "400ms",
618
- "originalValue": "400ms"
619
- },
620
- "duration-slowest": {
621
- "type": "time",
622
- "category": "time",
623
- "name": "duration-slowest",
624
- "value": "500ms",
625
- "originalValue": "500ms"
626
- },
627
585
  "spacing-none": {
628
586
  "type": "number",
629
587
  "category": "spacing",
@@ -674,14 +632,14 @@
674
632
  "originalValue": "32px"
675
633
  },
676
634
  "font-stack-base": {
677
- "type": "string",
635
+ "type": "font-family",
678
636
  "category": "font-family",
679
637
  "name": "font-stack-base",
680
- "value": "-apple-system, 'BlinkMacSystemFont', 'San Francisco', 'Roboto', 'Segoe UI', 'Helvetica Neue', sans-serif",
681
- "originalValue": "-apple-system, 'BlinkMacSystemFont', 'San Francisco', 'Roboto', 'Segoe UI', 'Helvetica Neue', sans-serif"
638
+ "value": "-apple-system, BlinkMacSystemFont, 'San Francisco', Roboto, 'Segoe UI', 'Helvetica Neue', sans-serif",
639
+ "originalValue": "-apple-system, BlinkMacSystemFont, 'San Francisco', Roboto, 'Segoe UI', 'Helvetica Neue', sans-serif"
682
640
  },
683
641
  "font-stack-monospace": {
684
- "type": "string",
642
+ "type": "font-family",
685
643
  "category": "font-family",
686
644
  "name": "font-stack-monospace",
687
645
  "value": "Monaco, Consolas, 'Lucida Console', monospace",
data/dist/index.scss CHANGED
@@ -56,12 +56,6 @@ $color-sky-light: rgb(244, 246, 248);
56
56
  $color-sky-lighter: rgb(249, 250, 251);
57
57
  $color-black: rgb(0, 0, 0);
58
58
  $color-white: rgb(255, 255, 255);
59
- $duration-none: 0;
60
- $duration-fast: 100ms;
61
- $duration-base: 200ms;
62
- $duration-slow: 300ms;
63
- $duration-slower: 400ms;
64
- $duration-slowest: 500ms;
65
59
  $spacing-none: 0;
66
60
  $spacing-extra-tight: 4px;
67
61
  $spacing-tight: 8px;
@@ -69,5 +63,6 @@ $spacing-base-tight: 12px;
69
63
  $spacing-base: 16px;
70
64
  $spacing-loose: 20px;
71
65
  $spacing-extra-loose: 32px;
72
- $font-stack-base: "-apple-system, 'BlinkMacSystemFont', 'San Francisco', 'Roboto', 'Segoe UI', 'Helvetica Neue', sans-serif";
73
- $font-stack-monospace: "Monaco, Consolas, 'Lucida Console', monospace";
66
+ $font-stack-base: -apple-system, BlinkMacSystemFont, 'San Francisco', Roboto,
67
+ 'Segoe UI', 'Helvetica Neue', sans-serif;
68
+ $font-stack-monospace: Monaco, Consolas, 'Lucida Console', monospace;
data/dist/typography.common.js CHANGED
@@ -1,5 +1,5 @@
1
1
  module.exports = {
2
2
  fontStackBase:
3
- "-apple-system, 'BlinkMacSystemFont', 'San Francisco', 'Roboto', 'Segoe UI', 'Helvetica Neue', sans-serif",
3
+ "-apple-system, BlinkMacSystemFont, 'San Francisco', Roboto, 'Segoe UI', 'Helvetica Neue', sans-serif",
4
4
  fontStackMonospace: "Monaco, Consolas, 'Lucida Console', monospace",
5
5
  };
data/dist/typography.custom-properties.css CHANGED
@@ -1,4 +1,5 @@
1
1
  :root {
2
- --font-stack-base: "-apple-system, 'BlinkMacSystemFont', 'San Francisco', 'Roboto', 'Segoe UI', 'Helvetica Neue', sans-serif";
3
- --font-stack-monospace: "Monaco, Consolas, 'Lucida Console', monospace";
2
+ --font-stack-base: -apple-system, BlinkMacSystemFont, 'San Francisco', Roboto,
3
+ 'Segoe UI', 'Helvetica Neue', sans-serif;
4
+ --font-stack-monospace: Monaco, Consolas, 'Lucida Console', monospace;
4
5
  }
data/dist/typography.json CHANGED
@@ -1,4 +1,4 @@
1
1
  {
2
- "font-stack-base": "-apple-system, 'BlinkMacSystemFont', 'San Francisco', 'Roboto', 'Segoe UI', 'Helvetica Neue', sans-serif",
2
+ "font-stack-base": "-apple-system, BlinkMacSystemFont, 'San Francisco', Roboto, 'Segoe UI', 'Helvetica Neue', sans-serif",
3
3
  "font-stack-monospace": "Monaco, Consolas, 'Lucida Console', monospace"
4
4
  }
data/dist/typography.map.scss CHANGED
@@ -1,8 +1,17 @@
1
1
  $polaris-typography-map: (
2
2
  'font-stack-base': (
3
- "-apple-system, 'BlinkMacSystemFont', 'San Francisco', 'Roboto', 'Segoe UI', 'Helvetica Neue', sans-serif",
3
+ -apple-system,
4
+ BlinkMacSystemFont,
5
+ 'San Francisco',
6
+ Roboto,
7
+ 'Segoe UI',
8
+ 'Helvetica Neue',
9
+ sans-serif,
4
10
  ),
5
11
  'font-stack-monospace': (
6
- "Monaco, Consolas, 'Lucida Console', monospace",
12
+ Monaco,
13
+ Consolas,
14
+ 'Lucida Console',
15
+ monospace,
7
16
  ),
8
17
  );
data/dist/typography.raw.json CHANGED
@@ -2,14 +2,14 @@
2
2
  "aliases": {},
3
3
  "props": {
4
4
  "font-stack-base": {
5
- "type": "string",
5
+ "type": "font-family",
6
6
  "category": "font-family",
7
7
  "name": "font-stack-base",
8
- "value": "-apple-system, 'BlinkMacSystemFont', 'San Francisco', 'Roboto', 'Segoe UI', 'Helvetica Neue', sans-serif",
9
- "originalValue": "-apple-system, 'BlinkMacSystemFont', 'San Francisco', 'Roboto', 'Segoe UI', 'Helvetica Neue', sans-serif"
8
+ "value": "-apple-system, BlinkMacSystemFont, 'San Francisco', Roboto, 'Segoe UI', 'Helvetica Neue', sans-serif",
9
+ "originalValue": "-apple-system, BlinkMacSystemFont, 'San Francisco', Roboto, 'Segoe UI', 'Helvetica Neue', sans-serif"
10
10
  },
11
11
  "font-stack-monospace": {
12
- "type": "string",
12
+ "type": "font-family",
13
13
  "category": "font-family",
14
14
  "name": "font-stack-monospace",
15
15
  "value": "Monaco, Consolas, 'Lucida Console', monospace",
data/dist/typography.scss CHANGED
@@ -1,2 +1,3 @@
1
- $font-stack-base: "-apple-system, 'BlinkMacSystemFont', 'San Francisco', 'Roboto', 'Segoe UI', 'Helvetica Neue', sans-serif";
2
- $font-stack-monospace: "Monaco, Consolas, 'Lucida Console', monospace";
1
+ $font-stack-base: -apple-system, BlinkMacSystemFont, 'San Francisco', Roboto,
2
+ 'Segoe UI', 'Helvetica Neue', sans-serif;
3
+ $font-stack-monospace: Monaco, Consolas, 'Lucida Console', monospace;
data/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@shopify/polaris-tokens",
3
- "version": "2.4.0-beta.2",
3
+ "version": "2.4.0",
4
4
  "description": "Design Tokens for the Polaris Design System",
5
5
  "main": "index.js",
6
6
  "types": "dist/index.d.ts",
@@ -54,7 +54,7 @@
54
54
  },
55
55
  "homepage": "https://github.com/Shopify/polaris-tokens#readme",
56
56
  "devDependencies": {
57
- "@shopify/sewing-kit": "^0.69.0",
57
+ "@shopify/sewing-kit": "^0.79.3",
58
58
  "ase-util": "^1.0.1",
59
59
  "ase-utils": "^0.1.1",
60
60
  "browser-sync": "^2.26.3",
@@ -73,7 +73,6 @@
73
73
  "immutable": "^3.8.2",
74
74
  "js-yaml": "^3.12.1",
75
75
  "lodash": "^4.17.11",
76
- "ms": "^2.1.1",
77
76
  "node-fetch": "^2.3.0",
78
77
  "nodemon": "^1.18.9",
79
78
  "npm-run-all": "^4.1.5",
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: 2.4.0.pre.beta.2
4
+ version: 2.4.0
5
5
  platform: ruby
6
6
  authors:
7
7
  - Shopify
8
8
  autorequire:
9
9
  bindir: bin
10
10
  cert_chain: []
11
- date: 2019-03-29 00:00:00.000000000 Z
11
+ date: 2019-04-05 00:00:00.000000000 Z
12
12
  dependencies: []
13
13
  description: Design Tokens for the Polaris Design System
14
14
  email:
@@ -38,12 +38,6 @@ files:
38
38
  - dist/colors.map.scss
39
39
  - dist/colors.raw.json
40
40
  - dist/colors.scss
41
- - dist/duration.common.js
42
- - dist/duration.custom-properties.css
43
- - dist/duration.json
44
- - dist/duration.map.scss
45
- - dist/duration.raw.json
46
- - dist/duration.scss
47
41
  - dist/index.common.js
48
42
  - dist/index.custom-properties.css
49
43
  - dist/index.d.ts
@@ -87,9 +81,9 @@ required_ruby_version: !ruby/object:Gem::Requirement
87
81
  version: 2.4.0
88
82
  required_rubygems_version: !ruby/object:Gem::Requirement
89
83
  requirements:
90
- - - ">"
84
+ - - ">="
91
85
  - !ruby/object:Gem::Version
92
- version: 1.3.1
86
+ version: '0'
93
87
  requirements: []
94
88
  rubyforge_project:
95
89
  rubygems_version: 2.7.6
data/dist/duration.common.js DELETED
@@ -1,8 +0,0 @@
1
- module.exports = {
2
- durationNone: 0,
3
- durationFast: 100,
4
- durationBase: 200,
5
- durationSlow: 300,
6
- durationSlower: 400,
7
- durationSlowest: 500,
8
- };
data/dist/duration.custom-properties.css DELETED
@@ -1,8 +0,0 @@
1
- :root {
2
- --duration-none: 0;
3
- --duration-fast: 100ms;
4
- --duration-base: 200ms;
5
- --duration-slow: 300ms;
6
- --duration-slower: 400ms;
7
- --duration-slowest: 500ms;
8
- }
data/dist/duration.json DELETED
@@ -1,8 +0,0 @@
1
- {
2
- "duration-none": 0,
3
- "duration-fast": 100,
4
- "duration-base": 200,
5
- "duration-slow": 300,
6
- "duration-slower": 400,
7
- "duration-slowest": 500
8
- }
data/dist/duration.map.scss DELETED
@@ -1,20 +0,0 @@
1
- $polaris-duration-map: (
2
- 'duration-none': (
3
- 0,
4
- ),
5
- 'duration-fast': (
6
- 100ms,
7
- ),
8
- 'duration-base': (
9
- 200ms,
10
- ),
11
- 'duration-slow': (
12
- 300ms,
13
- ),
14
- 'duration-slower': (
15
- 400ms,
16
- ),
17
- 'duration-slowest': (
18
- 500ms,
19
- ),
20
- );
data/dist/duration.raw.json DELETED
@@ -1,47 +0,0 @@
1
- {
2
- "aliases": {},
3
- "props": {
4
- "duration-none": {
5
- "type": "time",
6
- "category": "time",
7
- "name": "duration-none",
8
- "value": 0,
9
- "originalValue": 0
10
- },
11
- "duration-fast": {
12
- "type": "time",
13
- "category": "time",
14
- "name": "duration-fast",
15
- "value": "100ms",
16
- "originalValue": "100ms"
17
- },
18
- "duration-base": {
19
- "type": "time",
20
- "category": "time",
21
- "name": "duration-base",
22
- "value": "200ms",
23
- "originalValue": "200ms"
24
- },
25
- "duration-slow": {
26
- "type": "time",
27
- "category": "time",
28
- "name": "duration-slow",
29
- "value": "300ms",
30
- "originalValue": "300ms"
31
- },
32
- "duration-slower": {
33
- "type": "time",
34
- "category": "time",
35
- "name": "duration-slower",
36
- "value": "400ms",
37
- "originalValue": "400ms"
38
- },
39
- "duration-slowest": {
40
- "type": "time",
41
- "category": "time",
42
- "name": "duration-slowest",
43
- "value": "500ms",
44
- "originalValue": "500ms"
45
- }
46
- }
47
- }
data/dist/duration.scss DELETED
@@ -1,6 +0,0 @@
1
- $duration-none: 0;
2
- $duration-fast: 100ms;
3
- $duration-base: 200ms;
4
- $duration-slow: 300ms;
5
- $duration-slower: 400ms;
6
- $duration-slowest: 500ms;