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 +4 -4
- data/README.md +1 -1
- data/dist/index.common.js +1 -7
- data/dist/index.custom-properties.css +3 -8
- data/dist/index.d.ts +1 -7
- data/dist/index.json +1 -7
- data/dist/index.map.scss +11 -20
- data/dist/index.raw.json +4 -46
- data/dist/index.scss +3 -8
- data/dist/typography.common.js +1 -1
- data/dist/typography.custom-properties.css +3 -2
- data/dist/typography.json +1 -1
- data/dist/typography.map.scss +11 -2
- data/dist/typography.raw.json +4 -4
- data/dist/typography.scss +3 -2
- data/package.json +2 -3
- metadata +4 -10
- data/dist/duration.common.js +0 -8
- data/dist/duration.custom-properties.css +0 -8
- data/dist/duration.json +0 -8
- data/dist/duration.map.scss +0 -20
- data/dist/duration.raw.json +0 -47
- data/dist/duration.scss +0 -6
checksums.yaml
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
---
|
2
2
|
SHA256:
|
3
|
-
metadata.gz:
|
4
|
-
data.tar.gz:
|
3
|
+
metadata.gz: d40592abd24add1359b9fc96465d38e6412204bb40376afdffe76a8d58426813
|
4
|
+
data.tar.gz: ddd725c496fb4ea3f2b1f3122879cb84dfce2bd1d675f40a0a3b5c02fe97f53c
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
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,
|
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,
|
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:
|
74
|
-
|
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
|
-
|
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,
|
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
|
-
|
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
|
-
|
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": "
|
635
|
+
"type": "font-family",
|
678
636
|
"category": "font-family",
|
679
637
|
"name": "font-stack-base",
|
680
|
-
"value": "-apple-system,
|
681
|
-
"originalValue": "-apple-system,
|
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": "
|
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:
|
73
|
-
|
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,
|
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:
|
3
|
-
|
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,
|
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
|
-
|
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
|
-
|
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": "
|
5
|
+
"type": "font-family",
|
6
6
|
"category": "font-family",
|
7
7
|
"name": "font-stack-base",
|
8
|
-
"value": "-apple-system,
|
9
|
-
"originalValue": "-apple-system,
|
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": "
|
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:
|
2
|
-
|
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
|
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.
|
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
|
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-
|
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:
|
86
|
+
version: '0'
|
93
87
|
requirements: []
|
94
88
|
rubyforge_project:
|
95
89
|
rubygems_version: 2.7.6
|
data/dist/duration.common.js
DELETED
data/dist/duration.json
DELETED
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
|
-
}
|