polaris_tokens 2.3.0 → 2.4.0.pre.beta.1

Sign up to get free protection for your applications and to get access to all the features.
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