polaris_tokens 2.3.0 → 2.4.0.pre.beta.1

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.
Files changed (18) hide show
  1. checksums.yaml +4 -4
  2. data/README.md +1 -1
  3. data/dist/Polaris.sketchpalette +215 -181
  4. data/dist/duration.common.js +8 -0
  5. data/dist/duration.custom-properties.css +8 -0
  6. data/dist/duration.json +8 -0
  7. data/dist/duration.map.scss +20 -0
  8. data/dist/duration.raw.json +47 -0
  9. data/dist/duration.scss +6 -0
  10. data/dist/index.common.js +6 -0
  11. data/dist/index.custom-properties.css +6 -0
  12. data/dist/index.d.ts +6 -0
  13. data/dist/index.json +6 -0
  14. data/dist/index.map.scss +18 -0
  15. data/dist/index.raw.json +42 -0
  16. data/dist/index.scss +6 -0
  17. data/package.json +2 -1
  18. metadata +10 -4
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: 4ee99caf6b099795b84dbbba56012a67a41013c12a2a322d18a53162f806b8f4
4
- data.tar.gz: 91f4a5abd1b82cfd981c82aec2a2f394cf256ca632a709d5d515daea222433c8
3
+ metadata.gz: 42886fe24feee202e423a223a1d9ae97b76ac5d759250a60e9f2fdb088e2740e
4
+ data.tar.gz: adab42efabf87219fb3067cf60d2702e2afc3535a645a11e2277969c62944b1b
5
5
  SHA512:
6
- metadata.gz: 93ac987889f431b0a13a0f60024c11c0f3e7f15a6dd74811d18c23717f7e8639a911f23c48f4e84fccdc569ec8fedcf45ba5546df39597737612265766dc7219
7
- data.tar.gz: ca5bbe48a5ad7af8ce40782b1002568d574e82c7cf984517161fe5c7aea4b23e61999b6d0e90a1d4542af029f5fc45d0e3e8721961c867739322e513ec500885
6
+ metadata.gz: 457baacd2d673caa048ddcf2e04ce84a33b7d6bcc149762a8d37ea3c134c462a8bcf41e1a1b7b6ecd2b7d00f8959a2b1edca5653f4e1c52b111919a9282a9bdd
7
+ data.tar.gz: c5c7c3b983955287cfffa321d40e36924e6d0be435920eb1e22eebd67d67726a1d9ce2242ec6f50e31638282c042cda4857116804ecfe88c9f45c5ce0f23e78c
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, typography for all platforms</h3>
5
+ <h3 align="center">Colors, spacing, animation, and 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/Polaris.sketchpalette CHANGED
@@ -1,367 +1,401 @@
1
1
  {
2
2
  "compatibleVersion": "2.0",
3
- "pluginVersion": "2.0",
3
+ "pluginVersion": "2.21",
4
4
  "colors": [
5
5
  {
6
- "red": 0.7686274509803922,
7
- "green": 0.803921568627451,
8
- "blue": 0.8352941176470589,
9
- "alpha": 1
10
- },
11
- {
12
- "red": 0.8745098039215686,
13
- "green": 0.8901960784313725,
14
- "blue": 0.9098039215686274,
15
- "alpha": 1
16
- },
17
- {
18
- "red": 0.9568627450980393,
19
- "green": 0.9647058823529412,
20
- "blue": 0.9725490196078431,
6
+ "name": "Purple Text",
7
+ "red": 0.3137254901960784,
8
+ "green": 0.28627450980392155,
9
+ "blue": 0.35294117647058826,
21
10
  "alpha": 1
22
11
  },
23
12
  {
24
- "red": 0.9764705882352941,
25
- "green": 0.9803921568627451,
26
- "blue": 0.984313725490196,
13
+ "name": "Purple Darker",
14
+ "red": 0.13725490196078433,
15
+ "green": 0,
16
+ "blue": 0.3176470588235294,
27
17
  "alpha": 1
28
18
  },
29
- {"red": 1, "green": 1, "blue": 1, "alpha": 1},
30
- {"red": 1, "green": 1, "blue": 1, "alpha": 1},
31
- {"red": 1, "green": 1, "blue": 1, "alpha": 1},
32
- {"red": 1, "green": 1, "blue": 1, "alpha": 1},
33
19
  {
34
- "red": 0.12941176470588237,
35
- "green": 0.16862745098039217,
36
- "blue": 0.21176470588235294,
20
+ "name": "Purple Dark",
21
+ "red": 0.3137254901960784,
22
+ "green": 0.1411764705882353,
23
+ "blue": 0.5607843137254902,
37
24
  "alpha": 1
38
25
  },
39
26
  {
40
- "red": 0.27058823529411763,
41
- "green": 0.30980392156862746,
42
- "blue": 0.3568627450980392,
27
+ "name": "Purple",
28
+ "red": 0.611764705882353,
29
+ "green": 0.41568627450980394,
30
+ "blue": 0.8705882352941177,
43
31
  "alpha": 1
44
32
  },
45
33
  {
46
- "red": 0.38823529411764707,
47
- "green": 0.45098039215686275,
48
- "blue": 0.5058823529411764,
34
+ "name": "Purple Light",
35
+ "red": 0.8901960784313725,
36
+ "green": 0.8156862745098039,
37
+ "blue": 1,
49
38
  "alpha": 1
50
39
  },
51
40
  {
52
- "red": 0.5686274509803921,
53
- "green": 0.6196078431372549,
54
- "blue": 0.6705882352941176,
41
+ "name": "Purple Lighter",
42
+ "red": 0.9647058823529412,
43
+ "green": 0.9411764705882353,
44
+ "blue": 0.9921568627450981,
55
45
  "alpha": 1
56
46
  },
57
- {"red": 1, "green": 1, "blue": 1, "alpha": 1},
58
- {"red": 1, "green": 1, "blue": 1, "alpha": 1},
59
- {"red": 1, "green": 1, "blue": 1, "alpha": 1},
60
- {"red": 1, "green": 1, "blue": 1, "alpha": 1},
61
47
  {
62
- "red": 0.34509803921568627,
63
- "green": 0.23529411764705882,
64
- "blue": 0.20784313725490197,
48
+ "name": "Indigo Text",
49
+ "red": 0.24313725490196078,
50
+ "green": 0.2549019607843137,
51
+ "blue": 0.3333333333333333,
65
52
  "alpha": 1
66
53
  },
67
54
  {
68
- "red": 0.2,
69
- "green": 0.00392156862745098,
70
- "blue": 0.00392156862745098,
55
+ "name": "Indigo Darker",
56
+ "red": 0,
57
+ "green": 0.023529411764705882,
58
+ "blue": 0.2235294117647059,
71
59
  "alpha": 1
72
60
  },
73
61
  {
74
- "red": 0.7490196078431373,
75
- "green": 0.027450980392156862,
76
- "blue": 0.06666666666666667,
62
+ "name": "Indigo Dark",
63
+ "red": 0.12549019607843137,
64
+ "green": 0.1803921568627451,
65
+ "blue": 0.47058823529411764,
77
66
  "alpha": 1
78
67
  },
79
68
  {
80
- "red": 0.8705882352941177,
81
- "green": 0.21176470588235294,
82
- "blue": 0.09411764705882353,
69
+ "name": "Indigo",
70
+ "red": 0.3607843137254902,
71
+ "green": 0.41568627450980394,
72
+ "blue": 0.7686274509803922,
83
73
  "alpha": 1
84
74
  },
85
75
  {
86
- "red": 0.996078431372549,
87
- "green": 0.6784313725490196,
88
- "blue": 0.6039215686274509,
76
+ "name": "Indigo Light",
77
+ "red": 0.7019607843137254,
78
+ "green": 0.7372549019607844,
79
+ "blue": 0.9607843137254902,
89
80
  "alpha": 1
90
81
  },
91
82
  {
92
- "red": 0.984313725490196,
93
- "green": 0.9176470588235294,
94
- "blue": 0.8980392156862745,
83
+ "name": "Indigo Lighter",
84
+ "red": 0.9568627450980393,
85
+ "green": 0.9607843137254902,
86
+ "blue": 0.9803921568627451,
95
87
  "alpha": 1
96
88
  },
97
- {"red": 1, "green": 1, "blue": 1, "alpha": 1},
98
- {"red": 1, "green": 1, "blue": 1, "alpha": 1},
99
89
  {
100
- "red": 0.34901960784313724,
101
- "green": 0.26666666666666666,
102
- "blue": 0.18823529411764706,
90
+ "name": "Blue Text",
91
+ "red": 0.24313725490196078,
92
+ "green": 0.3058823529411765,
93
+ "blue": 0.3411764705882353,
103
94
  "alpha": 1
104
95
  },
105
96
  {
106
- "red": 0.2901960784313726,
107
- "green": 0.08235294117647059,
108
- "blue": 0.01568627450980392,
97
+ "name": "Blue Darker",
98
+ "red": 0,
99
+ "green": 0.0784313725490196,
100
+ "blue": 0.1607843137254902,
109
101
  "alpha": 1
110
102
  },
111
103
  {
112
- "red": 0.7529411764705882,
113
- "green": 0.3411764705882353,
114
- "blue": 0.09019607843137255,
104
+ "name": "Blue Dark",
105
+ "red": 0.03137254901960784,
106
+ "green": 0.3058823529411765,
107
+ "blue": 0.5411764705882353,
115
108
  "alpha": 1
116
109
  },
117
110
  {
118
- "red": 0.9568627450980393,
119
- "green": 0.5764705882352941,
120
- "blue": 0.25882352941176473,
111
+ "name": "Blue",
112
+ "red": 0,
113
+ "green": 0.47843137254901963,
114
+ "blue": 0.807843137254902,
121
115
  "alpha": 1
122
116
  },
123
117
  {
124
- "red": 1,
125
- "green": 0.7725490196078432,
126
- "blue": 0.5450980392156862,
118
+ "name": "Blue Light",
119
+ "red": 0.7058823529411765,
120
+ "green": 0.8823529411764706,
121
+ "blue": 0.9803921568627451,
127
122
  "alpha": 1
128
123
  },
129
124
  {
130
- "red": 0.9882352941176471,
131
- "green": 0.9215686274509803,
132
- "blue": 0.8588235294117647,
125
+ "name": "Blue Lighter",
126
+ "red": 0.9215686274509803,
127
+ "green": 0.9607843137254902,
128
+ "blue": 0.9803921568627451,
133
129
  "alpha": 1
134
130
  },
135
- {"red": 1, "green": 1, "blue": 1, "alpha": 1},
136
- {"red": 1, "green": 1, "blue": 1, "alpha": 1},
137
131
  {
138
- "red": 0.34901960784313724,
139
- "green": 0.3176470588235294,
140
- "blue": 0.18823529411764706,
132
+ "name": "Teal Text",
133
+ "red": 0.25098039215686274,
134
+ "green": 0.3254901960784314,
135
+ "blue": 0.3215686274509804,
141
136
  "alpha": 1
142
137
  },
143
138
  {
144
- "red": 0.3411764705882353,
145
- "green": 0.23137254901960785,
146
- "blue": 0,
139
+ "name": "Teal Darker",
140
+ "red": 0,
141
+ "green": 0.19215686274509805,
142
+ "blue": 0.20784313725490197,
147
143
  "alpha": 1
148
144
  },
149
145
  {
150
- "red": 0.5411764705882353,
151
- "green": 0.3803921568627451,
152
- "blue": 0.08627450980392157,
146
+ "name": "Teal Dark",
147
+ "red": 0,
148
+ "green": 0.5176470588235295,
149
+ "blue": 0.5568627450980392,
153
150
  "alpha": 1
154
151
  },
155
152
  {
156
- "red": 0.9333333333333333,
157
- "green": 0.7607843137254902,
158
- "blue": 0,
153
+ "name": "Teal",
154
+ "red": 0.2784313725490196,
155
+ "green": 0.7568627450980392,
156
+ "blue": 0.7490196078431373,
159
157
  "alpha": 1
160
158
  },
161
159
  {
162
- "red": 1,
163
- "green": 0.9176470588235294,
164
- "blue": 0.5411764705882353,
160
+ "name": "Teal Light",
161
+ "red": 0.7176470588235294,
162
+ "green": 0.9254901960784314,
163
+ "blue": 0.9254901960784314,
165
164
  "alpha": 1
166
165
  },
167
166
  {
168
- "red": 0.9882352941176471,
169
- "green": 0.9450980392156862,
170
- "blue": 0.803921568627451,
167
+ "name": "Teal Lighter",
168
+ "red": 0.8784313725490196,
169
+ "green": 0.9607843137254902,
170
+ "blue": 0.9607843137254902,
171
171
  "alpha": 1
172
172
  },
173
- {"red": 1, "green": 1, "blue": 1, "alpha": 1},
174
- {"red": 1, "green": 1, "blue": 1, "alpha": 1},
175
173
  {
174
+ "name": "Green Text",
176
175
  "red": 0.2549019607843137,
177
176
  "green": 0.30980392156862746,
178
177
  "blue": 0.24313725490196078,
179
178
  "alpha": 1
180
179
  },
181
180
  {
181
+ "name": "Green Darker",
182
182
  "red": 0.09019607843137255,
183
183
  "green": 0.21176470588235294,
184
184
  "blue": 0.18823529411764706,
185
185
  "alpha": 1
186
186
  },
187
187
  {
188
+ "name": "Green Dark",
188
189
  "red": 0.06274509803921569,
189
190
  "green": 0.5019607843137255,
190
191
  "blue": 0.2627450980392157,
191
192
  "alpha": 1
192
193
  },
193
194
  {
195
+ "name": "Green",
194
196
  "red": 0.3137254901960784,
195
197
  "green": 0.7215686274509804,
196
198
  "blue": 0.23529411764705882,
197
199
  "alpha": 1
198
200
  },
199
201
  {
202
+ "name": "Green Light",
200
203
  "red": 0.7333333333333333,
201
204
  "green": 0.8980392156862745,
202
205
  "blue": 0.7019607843137254,
203
206
  "alpha": 1
204
207
  },
205
208
  {
209
+ "name": "Green Lighter",
206
210
  "red": 0.8901960784313725,
207
211
  "green": 0.9450980392156862,
208
212
  "blue": 0.8745098039215686,
209
213
  "alpha": 1
210
214
  },
211
- {"red": 1, "green": 1, "blue": 1, "alpha": 1},
212
- {"red": 1, "green": 1, "blue": 1, "alpha": 1},
213
215
  {
214
- "red": 0.25098039215686274,
215
- "green": 0.3254901960784314,
216
- "blue": 0.3215686274509804,
216
+ "name": "Yellow Text",
217
+ "red": 0.34901960784313724,
218
+ "green": 0.3176470588235294,
219
+ "blue": 0.18823529411764706,
217
220
  "alpha": 1
218
221
  },
219
222
  {
220
- "red": 0,
221
- "green": 0.19215686274509805,
222
- "blue": 0.20784313725490197,
223
+ "name": "Yellow Darker",
224
+ "red": 0.3411764705882353,
225
+ "green": 0.23137254901960785,
226
+ "blue": 0,
223
227
  "alpha": 1
224
228
  },
225
229
  {
226
- "red": 0,
227
- "green": 0.5176470588235295,
228
- "blue": 0.5568627450980392,
230
+ "name": "Yellow Dark",
231
+ "red": 0.5411764705882353,
232
+ "green": 0.3803921568627451,
233
+ "blue": 0.08627450980392157,
229
234
  "alpha": 1
230
235
  },
231
236
  {
232
- "red": 0.2784313725490196,
233
- "green": 0.7568627450980392,
234
- "blue": 0.7490196078431373,
237
+ "name": "Yellow",
238
+ "red": 0.9333333333333333,
239
+ "green": 0.7607843137254902,
240
+ "blue": 0,
235
241
  "alpha": 1
236
242
  },
237
243
  {
238
- "red": 0.7176470588235294,
239
- "green": 0.9254901960784314,
240
- "blue": 0.9254901960784314,
244
+ "name": "Yellow Light",
245
+ "red": 1,
246
+ "green": 0.9176470588235294,
247
+ "blue": 0.5411764705882353,
241
248
  "alpha": 1
242
249
  },
243
250
  {
244
- "red": 0.8784313725490196,
245
- "green": 0.9607843137254902,
246
- "blue": 0.9607843137254902,
251
+ "name": "Yellow Lighter",
252
+ "red": 0.9882352941176471,
253
+ "green": 0.9450980392156862,
254
+ "blue": 0.803921568627451,
247
255
  "alpha": 1
248
256
  },
249
- {"red": 1, "green": 1, "blue": 1, "alpha": 1},
250
- {"red": 1, "green": 1, "blue": 1, "alpha": 1},
251
257
  {
252
- "red": 0.24313725490196078,
253
- "green": 0.3058823529411765,
254
- "blue": 0.3411764705882353,
258
+ "name": "Orange Text",
259
+ "red": 0.34901960784313724,
260
+ "green": 0.26666666666666666,
261
+ "blue": 0.18823529411764706,
255
262
  "alpha": 1
256
263
  },
257
264
  {
258
- "red": 0,
259
- "green": 0.0784313725490196,
260
- "blue": 0.1607843137254902,
265
+ "name": "Orange Darker",
266
+ "red": 0.2901960784313726,
267
+ "green": 0.08235294117647059,
268
+ "blue": 0.01568627450980392,
261
269
  "alpha": 1
262
270
  },
263
271
  {
264
- "red": 0.03137254901960784,
265
- "green": 0.3058823529411765,
266
- "blue": 0.5411764705882353,
272
+ "name": "Orange Dark",
273
+ "red": 0.7529411764705882,
274
+ "green": 0.3411764705882353,
275
+ "blue": 0.09019607843137255,
267
276
  "alpha": 1
268
277
  },
269
278
  {
270
- "red": 0,
271
- "green": 0.47843137254901963,
272
- "blue": 0.807843137254902,
279
+ "name": "Orange",
280
+ "red": 0.9568627450980393,
281
+ "green": 0.5764705882352941,
282
+ "blue": 0.25882352941176473,
273
283
  "alpha": 1
274
284
  },
275
285
  {
276
- "red": 0.7058823529411765,
277
- "green": 0.8823529411764706,
278
- "blue": 0.9803921568627451,
286
+ "name": "Orange Light",
287
+ "red": 1,
288
+ "green": 0.7725490196078432,
289
+ "blue": 0.5450980392156862,
279
290
  "alpha": 1
280
291
  },
281
292
  {
282
- "red": 0.9215686274509803,
283
- "green": 0.9607843137254902,
284
- "blue": 0.9803921568627451,
293
+ "name": "Orange Lighter",
294
+ "red": 0.9882352941176471,
295
+ "green": 0.9215686274509803,
296
+ "blue": 0.8588235294117647,
285
297
  "alpha": 1
286
298
  },
287
- {"red": 1, "green": 1, "blue": 1, "alpha": 1},
288
- {"red": 1, "green": 1, "blue": 1, "alpha": 1},
289
299
  {
290
- "red": 0.24313725490196078,
291
- "green": 0.2549019607843137,
292
- "blue": 0.3333333333333333,
300
+ "name": "Red Text",
301
+ "red": 0.34509803921568627,
302
+ "green": 0.23529411764705882,
303
+ "blue": 0.20784313725490197,
293
304
  "alpha": 1
294
305
  },
295
306
  {
296
- "red": 0,
297
- "green": 0.023529411764705882,
298
- "blue": 0.2235294117647059,
307
+ "name": "Red Darker",
308
+ "red": 0.2,
309
+ "green": 0.00392156862745098,
310
+ "blue": 0.00392156862745098,
299
311
  "alpha": 1
300
312
  },
301
313
  {
302
- "red": 0.12549019607843137,
303
- "green": 0.1803921568627451,
304
- "blue": 0.47058823529411764,
314
+ "name": "Red Dark",
315
+ "red": 0.7490196078431373,
316
+ "green": 0.027450980392156862,
317
+ "blue": 0.06666666666666667,
305
318
  "alpha": 1
306
319
  },
307
320
  {
308
- "red": 0.3607843137254902,
309
- "green": 0.41568627450980394,
310
- "blue": 0.7686274509803922,
321
+ "name": "Red",
322
+ "red": 0.8705882352941177,
323
+ "green": 0.21176470588235294,
324
+ "blue": 0.09411764705882353,
311
325
  "alpha": 1
312
326
  },
313
327
  {
314
- "red": 0.7019607843137254,
315
- "green": 0.7372549019607844,
316
- "blue": 0.9607843137254902,
328
+ "name": "Red Light",
329
+ "red": 0.996078431372549,
330
+ "green": 0.6784313725490196,
331
+ "blue": 0.6039215686274509,
317
332
  "alpha": 1
318
333
  },
319
334
  {
320
- "red": 0.9568627450980393,
321
- "green": 0.9607843137254902,
322
- "blue": 0.9803921568627451,
335
+ "name": "Red Lighter",
336
+ "red": 0.984313725490196,
337
+ "green": 0.9176470588235294,
338
+ "blue": 0.8980392156862745,
323
339
  "alpha": 1
324
340
  },
325
- {"red": 1, "green": 1, "blue": 1, "alpha": 1},
326
- {"red": 1, "green": 1, "blue": 1, "alpha": 1},
327
341
  {
328
- "red": 0.3137254901960784,
329
- "green": 0.28627450980392155,
330
- "blue": 0.35294117647058826,
342
+ "name": "Ink",
343
+ "red": 0.12941176470588237,
344
+ "green": 0.16862745098039217,
345
+ "blue": 0.21176470588235294,
331
346
  "alpha": 1
332
347
  },
333
348
  {
334
- "red": 0.13725490196078433,
335
- "green": 0,
336
- "blue": 0.3176470588235294,
349
+ "name": "Ink Light",
350
+ "red": 0.27058823529411763,
351
+ "green": 0.30980392156862746,
352
+ "blue": 0.3568627450980392,
337
353
  "alpha": 1
338
354
  },
339
355
  {
340
- "red": 0.3137254901960784,
341
- "green": 0.1411764705882353,
342
- "blue": 0.5607843137254902,
356
+ "name": "Ink Lighter",
357
+ "red": 0.38823529411764707,
358
+ "green": 0.45098039215686275,
359
+ "blue": 0.5058823529411764,
343
360
  "alpha": 1
344
361
  },
345
362
  {
346
- "red": 0.611764705882353,
347
- "green": 0.41568627450980394,
348
- "blue": 0.8705882352941177,
363
+ "name": "Ink Lightest",
364
+ "red": 0.5686274509803921,
365
+ "green": 0.6196078431372549,
366
+ "blue": 0.6705882352941176,
349
367
  "alpha": 1
350
368
  },
351
369
  {
352
- "red": 0.8901960784313725,
353
- "green": 0.8156862745098039,
354
- "blue": 1,
370
+ "name": "Sky Dark",
371
+ "red": 0.7686274509803922,
372
+ "green": 0.803921568627451,
373
+ "blue": 0.8352941176470589,
355
374
  "alpha": 1
356
375
  },
357
376
  {
358
- "red": 0.9647058823529412,
359
- "green": 0.9411764705882353,
360
- "blue": 0.9921568627450981,
377
+ "name": "Sky",
378
+ "red": 0.8745098039215686,
379
+ "green": 0.8901960784313725,
380
+ "blue": 0.9098039215686274,
381
+ "alpha": 1
382
+ },
383
+ {
384
+ "name": "Sky Light",
385
+ "red": 0.9568627450980393,
386
+ "green": 0.9647058823529412,
387
+ "blue": 0.9725490196078431,
388
+ "alpha": 1
389
+ },
390
+ {
391
+ "name": "Sky Lighter",
392
+ "red": 0.9764705882352941,
393
+ "green": 0.9803921568627451,
394
+ "blue": 0.984313725490196,
361
395
  "alpha": 1
362
396
  },
363
- {"red": 1, "green": 1, "blue": 1, "alpha": 1},
364
- {"red": 1, "green": 1, "blue": 1, "alpha": 1}
397
+ {"name": "Black", "red": 0, "green": 0, "blue": 0, "alpha": 1},
398
+ {"name": "White", "red": 1, "green": 1, "blue": 1, "alpha": 1}
365
399
  ],
366
400
  "gradients": [],
367
401
  "images": []
data/dist/duration.common.js ADDED
@@ -0,0 +1,8 @@
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 ADDED
@@ -0,0 +1,8 @@
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 ADDED
@@ -0,0 +1,8 @@
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 ADDED
@@ -0,0 +1,20 @@
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 ADDED
@@ -0,0 +1,47 @@
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 ADDED
@@ -0,0 +1,6 @@
1
+ $duration-none: 0;
2
+ $duration-fast: 100ms;
3
+ $duration-base: 200ms;
4
+ $duration-slow: 300ms;
5
+ $duration-slower: 400ms;
6
+ $duration-slowest: 500ms;
data/dist/index.common.js CHANGED
@@ -57,6 +57,12 @@ 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,
60
66
  spacingNone: 0,
61
67
  spacingExtraTight: '4px',
62
68
  spacingTight: '8px',
data/dist/index.custom-properties.css CHANGED
@@ -57,6 +57,12 @@
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;
60
66
  --spacing-none: 0;
61
67
  --spacing-extra-tight: 4px;
62
68
  --spacing-tight: 8px;
data/dist/index.d.ts CHANGED
@@ -57,6 +57,12 @@ 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: "200ms";
61
+ durationFast: "100ms";
62
+ durationNone: 0;
63
+ durationSlow: "300ms";
64
+ durationSlower: "400ms";
65
+ durationSlowest: "500ms";
60
66
  fontStackBase: "-apple-system, 'BlinkMacSystemFont', 'San Francisco', 'Roboto', 'Segoe UI', 'Helvetica Neue', sans-serif";
61
67
  fontStackMonospace: "Monaco, Consolas, 'Lucida Console', monospace";
62
68
  spacingBase: "16px";
data/dist/index.json CHANGED
@@ -57,6 +57,12 @@
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,
60
66
  "spacing-none": 0,
61
67
  "spacing-extra-tight": "4px",
62
68
  "spacing-tight": "8px",
data/dist/index.map.scss CHANGED
@@ -173,6 +173,24 @@ $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
+ ),
176
194
  'spacing-none': (
177
195
  0,
178
196
  ),
data/dist/index.raw.json CHANGED
@@ -582,6 +582,48 @@
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
+ },
585
627
  "spacing-none": {
586
628
  "type": "number",
587
629
  "category": "spacing",
data/dist/index.scss CHANGED
@@ -56,6 +56,12 @@ $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;
59
65
  $spacing-none: 0;
60
66
  $spacing-extra-tight: 4px;
61
67
  $spacing-tight: 8px;
data/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@shopify/polaris-tokens",
3
- "version": "2.3.0",
3
+ "version": "2.4.0-beta.1",
4
4
  "description": "Design Tokens for the Polaris Design System",
5
5
  "main": "index.js",
6
6
  "types": "dist/index.d.ts",
@@ -73,6 +73,7 @@
73
73
  "immutable": "^3.8.2",
74
74
  "js-yaml": "^3.12.1",
75
75
  "lodash": "^4.17.11",
76
+ "ms": "^2.1.1",
76
77
  "node-fetch": "^2.3.0",
77
78
  "nodemon": "^1.18.9",
78
79
  "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.3.0
4
+ version: 2.4.0.pre.beta.1
5
5
  platform: ruby
6
6
  authors:
7
7
  - Shopify
8
8
  autorequire:
9
9
  bindir: bin
10
10
  cert_chain: []
11
- date: 2019-02-20 00:00:00.000000000 Z
11
+ date: 2019-03-28 00:00:00.000000000 Z
12
12
  dependencies: []
13
13
  description: Design Tokens for the Polaris Design System
14
14
  email:
@@ -38,6 +38,12 @@ 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
41
47
  - dist/index.common.js
42
48
  - dist/index.custom-properties.css
43
49
  - dist/index.d.ts
@@ -81,9 +87,9 @@ required_ruby_version: !ruby/object:Gem::Requirement
81
87
  version: 2.4.0
82
88
  required_rubygems_version: !ruby/object:Gem::Requirement
83
89
  requirements:
84
- - - ">="
90
+ - - ">"
85
91
  - !ruby/object:Gem::Version
86
- version: '0'
92
+ version: 1.3.1
87
93
  requirements: []
88
94
  rubyforge_project:
89
95
  rubygems_version: 2.7.6