@master/css 2.0.0-rc.66 → 2.0.0-rc.68

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.
@@ -171,6 +171,10 @@ const rules = {
171
171
  '-webkit-font-smoothing': 'antialiased',
172
172
  '-moz-osx-font-smoothing': 'grayscale'
173
173
  };
174
+ default:
175
+ return {
176
+ 'font-smooth': value
177
+ };
174
178
  }
175
179
  }
176
180
  },
@@ -792,6 +796,9 @@ const rules = {
792
796
  key: 'cols',
793
797
  type: SyntaxRuleType.NativeShorthand
794
798
  },
799
+ 'overflow-wrap': {
800
+ type: SyntaxRuleType.Native
801
+ },
795
802
  'white-space': {
796
803
  type: SyntaxRuleType.Native
797
804
  },
@@ -89,7 +89,7 @@ const utilities = {
89
89
  isolate: {
90
90
  isolation: 'isolate'
91
91
  },
92
- overflowed: {
92
+ overflow: {
93
93
  overflow: 'visible'
94
94
  },
95
95
  untouchable: {
@@ -190,8 +190,16 @@ const utilities = {
190
190
  'white-space': 'break-spaces'
191
191
  },
192
192
  'break-word': {
193
- 'overflow-wrap': 'break-word',
194
- overflow: 'hidden'
193
+ 'word-break': 'break-word'
194
+ },
195
+ 'wrap-break-word': {
196
+ 'overflow-wrap': 'break-word'
197
+ },
198
+ 'wrap-anywhere': {
199
+ 'overflow-wrap': 'anywhere'
200
+ },
201
+ 'wrap-normal': {
202
+ 'overflow-wrap': 'normal'
195
203
  },
196
204
  'gradient-text': {
197
205
  '-webkit-text-fill-color': 'transparent',
@@ -87,7 +87,7 @@ declare const utilities: {
87
87
  readonly isolate: {
88
88
  readonly isolation: "isolate";
89
89
  };
90
- readonly overflowed: {
90
+ readonly overflow: {
91
91
  readonly overflow: "visible";
92
92
  };
93
93
  readonly untouchable: {
@@ -188,8 +188,16 @@ declare const utilities: {
188
188
  readonly 'white-space': "break-spaces";
189
189
  };
190
190
  readonly 'break-word': {
191
+ readonly 'word-break': "break-word";
192
+ };
193
+ readonly 'wrap-break-word': {
191
194
  readonly 'overflow-wrap': "break-word";
192
- readonly overflow: "hidden";
195
+ };
196
+ readonly 'wrap-anywhere': {
197
+ readonly 'overflow-wrap': "anywhere";
198
+ };
199
+ readonly 'wrap-normal': {
200
+ readonly 'overflow-wrap': "normal";
193
201
  };
194
202
  readonly 'gradient-text': {
195
203
  readonly '-webkit-text-fill-color': "transparent";
@@ -87,7 +87,7 @@ const utilities = {
87
87
  isolate: {
88
88
  isolation: 'isolate'
89
89
  },
90
- overflowed: {
90
+ overflow: {
91
91
  overflow: 'visible'
92
92
  },
93
93
  untouchable: {
@@ -188,8 +188,16 @@ const utilities = {
188
188
  'white-space': 'break-spaces'
189
189
  },
190
190
  'break-word': {
191
- 'overflow-wrap': 'break-word',
192
- overflow: 'hidden'
191
+ 'word-break': 'break-word'
192
+ },
193
+ 'wrap-break-word': {
194
+ 'overflow-wrap': 'break-word'
195
+ },
196
+ 'wrap-anywhere': {
197
+ 'overflow-wrap': 'anywhere'
198
+ },
199
+ 'wrap-normal': {
200
+ 'overflow-wrap': 'normal'
193
201
  },
194
202
  'gradient-text': {
195
203
  '-webkit-text-fill-color': 'transparent',
@@ -111,358 +111,358 @@ const _variables = {
111
111
  current: 'currentColor',
112
112
  frame: {
113
113
  neutral: {
114
- '@light': '$(slate-60)',
115
- '@dark': '$(gray-30)'
114
+ '@light': '$slate-60',
115
+ '@dark': '$gray-30'
116
116
  },
117
117
  light: {
118
- '@light': '$(slate-60)/.2',
119
- '@dark': '$(gray-30)/.2'
118
+ '@light': '$slate-60/.2',
119
+ '@dark': '$gray-30/.2'
120
120
  },
121
121
  lighter: {
122
- '@light': '$(slate-60)/.16',
123
- '@dark': '$(gray-30)/.16'
122
+ '@light': '$slate-60/.16',
123
+ '@dark': '$gray-30/.16'
124
124
  },
125
125
  lightest: {
126
- '@light': '$(slate-60)/.12',
127
- '@dark': '$(gray-30)/.12'
126
+ '@light': '$slate-60/.12',
127
+ '@dark': '$gray-30/.12'
128
128
  }
129
129
  },
130
130
  // from figma
131
131
  white: '#ffffff',
132
132
  black: '#000000',
133
133
  base: {
134
- '@light': '$(white)',
135
- '@dark': '$(gray-95)'
134
+ '@light': '$white',
135
+ '@dark': '$gray-95'
136
136
  },
137
137
  canvas: {
138
- '@light': '$(slate-5)',
139
- '@dark': '$(gray-90)'
138
+ '@light': '$slate-5',
139
+ '@dark': '$gray-90'
140
140
  },
141
141
  surface: {
142
- '@light': '$(white)',
143
- '@dark': '$(gray-80)'
142
+ '@light': '$white',
143
+ '@dark': '$gray-80'
144
144
  },
145
145
  invert: {
146
- '@light': '$(black)',
147
- '@dark': '$(white)'
146
+ '@light': '$black',
147
+ '@dark': '$white'
148
148
  },
149
149
  gray: {
150
- '@light': '$(gray-30)',
151
- '@dark': '$(gray-40)',
150
+ '@light': '$gray-30',
151
+ '@dark': '$gray-40',
152
152
  active: {
153
- '@light': '$(gray-40)',
154
- '@dark': '$(gray-30)'
153
+ '@light': '$gray-40',
154
+ '@dark': '$gray-30'
155
155
  },
156
156
  text: {
157
- '@light': '$(gray-90)',
158
- '@dark': '$(gray-95)'
157
+ '@light': '$gray-90',
158
+ '@dark': '$gray-95'
159
159
  }
160
160
  },
161
161
  slate: {
162
- '@light': '$(slate-30)',
163
- '@dark': '$(slate-40)',
162
+ '@light': '$slate-30',
163
+ '@dark': '$slate-40',
164
164
  active: {
165
- '@light': '$(slate-40)',
166
- '@dark': '$(slate-30)'
165
+ '@light': '$slate-40',
166
+ '@dark': '$slate-30'
167
167
  },
168
168
  text: {
169
- '@light': '$(slate-90)',
170
- '@dark': '$(slate-95)'
169
+ '@light': '$slate-90',
170
+ '@dark': '$slate-95'
171
171
  }
172
172
  },
173
173
  brown: {
174
- '@light': '$(brown-40)',
175
- '@dark': '$(brown-50)',
174
+ '@light': '$brown-40',
175
+ '@dark': '$brown-50',
176
176
  active: {
177
- '@light': '$(brown-50)',
178
- '@dark': '$(brown-40)'
177
+ '@light': '$brown-50',
178
+ '@dark': '$brown-40'
179
179
  },
180
180
  text: {
181
- '@light': '$(brown-90)',
182
- '@dark': '$(brown-95)'
181
+ '@light': '$brown-90',
182
+ '@dark': '$brown-95'
183
183
  }
184
184
  },
185
185
  orange: {
186
- '@light': '$(orange-40)',
187
- '@dark': '$(orange-50)',
186
+ '@light': '$orange-40',
187
+ '@dark': '$orange-50',
188
188
  active: {
189
- '@light': '$(orange-50)',
190
- '@dark': '$(orange-40)'
189
+ '@light': '$orange-50',
190
+ '@dark': '$orange-40'
191
191
  },
192
192
  text: {
193
- '@light': '$(orange-90)',
194
- '@dark': '$(orange-95)'
193
+ '@light': '$orange-90',
194
+ '@dark': '$orange-95'
195
195
  }
196
196
  },
197
197
  amber: {
198
- '@light': '$(amber-40)',
199
- '@dark': '$(amber-50)',
198
+ '@light': '$amber-40',
199
+ '@dark': '$amber-50',
200
200
  active: {
201
- '@light': '$(amber-50)',
202
- '@dark': '$(amber-30)'
201
+ '@light': '$amber-50',
202
+ '@dark': '$amber-30'
203
203
  },
204
204
  text: {
205
- '@light': '$(amber-90)',
206
- '@dark': '$(amber-95)'
205
+ '@light': '$amber-90',
206
+ '@dark': '$amber-95'
207
207
  }
208
208
  },
209
209
  yellow: {
210
- '@light': '$(yellow-40)',
211
- '@dark': '$(yellow-50)',
210
+ '@light': '$yellow-40',
211
+ '@dark': '$yellow-50',
212
212
  active: {
213
- '@light': '$(yellow-50)',
214
- '@dark': '$(yellow-30)'
213
+ '@light': '$yellow-50',
214
+ '@dark': '$yellow-30'
215
215
  },
216
216
  text: {
217
- '@light': '$(yellow-90)',
218
- '@dark': '$(yellow-95)'
217
+ '@light': '$yellow-90',
218
+ '@dark': '$yellow-95'
219
219
  }
220
220
  },
221
221
  lime: {
222
- '@light': '$(lime-40)',
223
- '@dark': '$(lime-50)',
222
+ '@light': '$lime-40',
223
+ '@dark': '$lime-50',
224
224
  active: {
225
- '@light': '$(lime-50)',
226
- '@dark': '$(lime-30)'
225
+ '@light': '$lime-50',
226
+ '@dark': '$lime-30'
227
227
  },
228
228
  text: {
229
- '@light': '$(lime-90)',
230
- '@dark': '$(lime-95)'
229
+ '@light': '$lime-90',
230
+ '@dark': '$lime-95'
231
231
  }
232
232
  },
233
233
  green: {
234
- '@light': '$(green-40)',
235
- '@dark': '$(green-50)',
234
+ '@light': '$green-40',
235
+ '@dark': '$green-50',
236
236
  active: {
237
- '@light': '$(green-50)',
238
- '@dark': '$(green-30)'
237
+ '@light': '$green-50',
238
+ '@dark': '$green-30'
239
239
  },
240
240
  text: {
241
- '@light': '$(green-90)',
242
- '@dark': '$(green-95)'
241
+ '@light': '$green-90',
242
+ '@dark': '$green-95'
243
243
  }
244
244
  },
245
245
  beryl: {
246
- '@light': '$(beryl-40)',
247
- '@dark': '$(beryl-50)',
246
+ '@light': '$beryl-40',
247
+ '@dark': '$beryl-50',
248
248
  active: {
249
- '@light': '$(beryl-50)',
250
- '@dark': '$(beryl-30)'
249
+ '@light': '$beryl-50',
250
+ '@dark': '$beryl-30'
251
251
  },
252
252
  text: {
253
- '@light': '$(beryl-90)',
254
- '@dark': '$(beryl-95)'
253
+ '@light': '$beryl-90',
254
+ '@dark': '$beryl-95'
255
255
  }
256
256
  },
257
257
  teal: {
258
- '@light': '$(teal-40)',
259
- '@dark': '$(teal-50)',
258
+ '@light': '$teal-40',
259
+ '@dark': '$teal-50',
260
260
  active: {
261
- '@light': '$(teal-50)',
262
- '@dark': '$(teal-30)'
261
+ '@light': '$teal-50',
262
+ '@dark': '$teal-30'
263
263
  },
264
264
  text: {
265
- '@light': '$(teal-90)',
266
- '@dark': '$(teal-95)'
265
+ '@light': '$teal-90',
266
+ '@dark': '$teal-95'
267
267
  }
268
268
  },
269
269
  cyan: {
270
- '@light': '$(cyan-40)',
271
- '@dark': '$(cyan-50)',
270
+ '@light': '$cyan-40',
271
+ '@dark': '$cyan-50',
272
272
  active: {
273
- '@light': '$(cyan-50)',
274
- '@dark': '$(cyan-30)'
273
+ '@light': '$cyan-50',
274
+ '@dark': '$cyan-30'
275
275
  },
276
276
  text: {
277
- '@light': '$(cyan-90)',
278
- '@dark': '$(cyan-95)'
277
+ '@light': '$cyan-90',
278
+ '@dark': '$cyan-95'
279
279
  }
280
280
  },
281
281
  sky: {
282
- '@light': '$(sky-60)',
283
- '@dark': '$(sky-50)',
282
+ '@light': '$sky-60',
283
+ '@dark': '$sky-50',
284
284
  active: {
285
- '@light': '$(sky-70)',
286
- '@dark': '$(sky-40)'
285
+ '@light': '$sky-70',
286
+ '@dark': '$sky-40'
287
287
  },
288
- text: '$(white)'
288
+ text: '$white'
289
289
  },
290
290
  blue: {
291
- '@light': '$(blue-60)',
292
- '@dark': '$(blue-50)',
291
+ '@light': '$blue-60',
292
+ '@dark': '$blue-50',
293
293
  active: {
294
- '@light': '$(blue-70)',
295
- '@dark': '$(blue-40)'
294
+ '@light': '$blue-70',
295
+ '@dark': '$blue-40'
296
296
  },
297
- text: '$(white)'
297
+ text: '$white'
298
298
  },
299
299
  indigo: {
300
- '@light': '$(indigo-60)',
301
- '@dark': '$(indigo-50)',
300
+ '@light': '$indigo-60',
301
+ '@dark': '$indigo-50',
302
302
  active: {
303
- '@light': '$(indigo-70)',
304
- '@dark': '$(indigo-40)'
303
+ '@light': '$indigo-70',
304
+ '@dark': '$indigo-40'
305
305
  },
306
- text: '$(white)'
306
+ text: '$white'
307
307
  },
308
308
  violet: {
309
- '@light': '$(violet-60)',
310
- '@dark': '$(violet-50)',
309
+ '@light': '$violet-60',
310
+ '@dark': '$violet-50',
311
311
  active: {
312
- '@light': '$(violet-70)',
313
- '@dark': '$(violet-40)'
312
+ '@light': '$violet-70',
313
+ '@dark': '$violet-40'
314
314
  },
315
- text: '$(white)'
315
+ text: '$white'
316
316
  },
317
317
  purple: {
318
- '@light': '$(purple-60)',
319
- '@dark': '$(purple-50)',
318
+ '@light': '$purple-60',
319
+ '@dark': '$purple-50',
320
320
  active: {
321
- '@light': '$(purple-70)',
322
- '@dark': '$(purple-40)'
321
+ '@light': '$purple-70',
322
+ '@dark': '$purple-40'
323
323
  },
324
- text: '$(white)'
324
+ text: '$white'
325
325
  },
326
326
  fuchsia: {
327
- '@light': '$(fuchsia-60)',
328
- '@dark': '$(fuchsia-50)',
327
+ '@light': '$fuchsia-60',
328
+ '@dark': '$fuchsia-50',
329
329
  active: {
330
- '@light': '$(fuchsia-70)',
331
- '@dark': '$(fuchsia-40)'
330
+ '@light': '$fuchsia-70',
331
+ '@dark': '$fuchsia-40'
332
332
  },
333
- text: '$(white)'
333
+ text: '$white'
334
334
  },
335
335
  pink: {
336
- '@light': '$(pink-60)',
337
- '@dark': '$(pink-50)',
336
+ '@light': '$pink-60',
337
+ '@dark': '$pink-50',
338
338
  active: {
339
- '@light': '$(pink-70)',
340
- '@dark': '$(pink-40)'
339
+ '@light': '$pink-70',
340
+ '@dark': '$pink-40'
341
341
  },
342
- text: '$(white)'
342
+ text: '$white'
343
343
  },
344
344
  crimson: {
345
- '@light': '$(crimson-60)',
346
- '@dark': '$(crimson-50)',
345
+ '@light': '$crimson-60',
346
+ '@dark': '$crimson-50',
347
347
  active: {
348
- '@light': '$(crimson-70)',
349
- '@dark': '$(crimson-40)'
348
+ '@light': '$crimson-70',
349
+ '@dark': '$crimson-40'
350
350
  },
351
- text: '$(white)'
351
+ text: '$white'
352
352
  },
353
353
  red: {
354
- '@light': '$(red-60)',
355
- '@dark': '$(red-50)',
354
+ '@light': '$red-60',
355
+ '@dark': '$red-50',
356
356
  active: {
357
- '@light': '$(red-70)',
358
- '@dark': '$(red-40)'
357
+ '@light': '$red-70',
358
+ '@dark': '$red-40'
359
359
  },
360
- text: '$(white)'
360
+ text: '$white'
361
361
  },
362
362
  text: {
363
363
  invert: {
364
- '@light': '$(white)',
365
- '@dark': '$(black)'
364
+ '@light': '$white',
365
+ '@dark': '$black'
366
366
  },
367
367
  strong: {
368
- '@light': '$(slate-95)',
369
- '@dark': '$(gray-10)'
368
+ '@light': '$slate-95',
369
+ '@dark': '$gray-10'
370
370
  },
371
371
  neutral: {
372
- '@light': '$(slate-70)',
373
- '@dark': '$(gray-30)'
372
+ '@light': '$slate-70',
373
+ '@dark': '$gray-30'
374
374
  },
375
375
  lightest: {
376
- '@light': '$(slate-30)',
377
- '@dark': '$(gray-60)'
376
+ '@light': '$slate-30',
377
+ '@dark': '$gray-60'
378
378
  },
379
379
  lighter: {
380
- '@light': '$(slate-40)',
381
- '@dark': '$(gray-50)'
380
+ '@light': '$slate-40',
381
+ '@dark': '$gray-50'
382
382
  },
383
383
  light: {
384
- '@light': '$(slate-50)',
385
- '@dark': '$(gray-40)'
384
+ '@light': '$slate-50',
385
+ '@dark': '$gray-40'
386
386
  },
387
387
  gray: {
388
- '@light': '$(gray-60)',
389
- '@dark': '$(gray-30)'
388
+ '@light': '$gray-60',
389
+ '@dark': '$gray-30'
390
390
  },
391
391
  slate: {
392
- '@light': '$(slate-60)',
393
- '@dark': '$(slate-30)'
392
+ '@light': '$slate-60',
393
+ '@dark': '$slate-30'
394
394
  },
395
395
  brown: {
396
- '@light': '$(brown-60)',
397
- '@dark': '$(brown-30)'
396
+ '@light': '$brown-60',
397
+ '@dark': '$brown-30'
398
398
  },
399
399
  orange: {
400
- '@light': '$(orange-60)',
401
- '@dark': '$(orange-30)'
400
+ '@light': '$orange-60',
401
+ '@dark': '$orange-30'
402
402
  },
403
403
  amber: {
404
- '@light': '$(amber-60)',
405
- '@dark': '$(amber-40)'
404
+ '@light': '$amber-60',
405
+ '@dark': '$amber-40'
406
406
  },
407
407
  yellow: {
408
- '@light': '$(yellow-60)',
409
- '@dark': '$(yellow-40)'
408
+ '@light': '$yellow-60',
409
+ '@dark': '$yellow-40'
410
410
  },
411
411
  lime: {
412
- '@light': '$(lime-70)',
413
- '@dark': '$(lime-40)'
412
+ '@light': '$lime-70',
413
+ '@dark': '$lime-40'
414
414
  },
415
415
  green: {
416
- '@light': '$(green-70)',
417
- '@dark': '$(green-40)'
416
+ '@light': '$green-70',
417
+ '@dark': '$green-40'
418
418
  },
419
419
  beryl: {
420
- '@light': '$(beryl-70)',
421
- '@dark': '$(beryl-40)'
420
+ '@light': '$beryl-70',
421
+ '@dark': '$beryl-40'
422
422
  },
423
423
  teal: {
424
- '@light': '$(teal-70)',
425
- '@dark': '$(teal-40)'
424
+ '@light': '$teal-70',
425
+ '@dark': '$teal-40'
426
426
  },
427
427
  cyan: {
428
- '@light': '$(cyan-70)',
429
- '@dark': '$(cyan-40)'
428
+ '@light': '$cyan-70',
429
+ '@dark': '$cyan-40'
430
430
  },
431
431
  sky: {
432
- '@light': '$(sky-70)',
433
- '@dark': '$(sky-30)'
432
+ '@light': '$sky-70',
433
+ '@dark': '$sky-30'
434
434
  },
435
435
  blue: {
436
- '@light': '$(blue-60)',
437
- '@dark': '$(blue-30)'
436
+ '@light': '$blue-60',
437
+ '@dark': '$blue-30'
438
438
  },
439
439
  indigo: {
440
- '@light': '$(indigo-60)',
441
- '@dark': '$(indigo-30)'
440
+ '@light': '$indigo-60',
441
+ '@dark': '$indigo-30'
442
442
  },
443
443
  violet: {
444
- '@light': '$(violet-60)',
445
- '@dark': '$(violet-30)'
444
+ '@light': '$violet-60',
445
+ '@dark': '$violet-30'
446
446
  },
447
447
  purple: {
448
- '@light': '$(purple-60)',
449
- '@dark': '$(purple-30)'
448
+ '@light': '$purple-60',
449
+ '@dark': '$purple-30'
450
450
  },
451
451
  fuchsia: {
452
- '@light': '$(fuchsia-60)',
453
- '@dark': '$(fuchsia-30)'
452
+ '@light': '$fuchsia-60',
453
+ '@dark': '$fuchsia-30'
454
454
  },
455
455
  pink: {
456
- '@light': '$(pink-60)',
457
- '@dark': '$(pink-30)'
456
+ '@light': '$pink-60',
457
+ '@dark': '$pink-30'
458
458
  },
459
459
  crimson: {
460
- '@light': '$(crimson-60)',
461
- '@dark': '$(crimson-30)'
460
+ '@light': '$crimson-60',
461
+ '@dark': '$crimson-30'
462
462
  },
463
463
  red: {
464
- '@light': '$(red-60)',
465
- '@dark': '$(red-30)'
464
+ '@light': '$red-60',
465
+ '@dark': '$red-30'
466
466
  }
467
467
  }
468
468
  };