polaris_tokens 2.4.0.pre.beta.2 → 2.4.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
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
  };
@@ -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;
@@ -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
  };
@@ -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
  }
@@ -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
  );
@@ -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
@@ -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
- };
@@ -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
- }
@@ -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
- );
@@ -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;