@onereach/styles 2.34.1-beta.2324.0 → 2.34.1-beta.2328.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.
Files changed (3) hide show
  1. package/package.json +1 -1
  2. package/src/variables/tokens/design-tokens-next.json +198 -276
  3. package/tailwind.config.preset.js +4 -21
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@onereach/styles",
3
- "version": "2.34.1-beta.2324.0",
3
+ "version": "2.34.1-beta.2328.0",
4
4
  "description": "Styles for or-ui-next",
5
5
  "license": "UNLICENSED",
6
6
  "main": "./main.css",
package/src/variables/tokens/design-tokens-next.json CHANGED
@@ -2,693 +2,555 @@
2
2
  "colors" : [
3
3
  {
4
4
  "name" : "white",
5
- "value" : "rgba(255,255,255,1)",
6
- "groupName" : "white"
5
+ "value" : "rgba(255,255,255,1)"
7
6
  },
8
7
  {
9
8
  "name" : "black",
10
- "value" : "rgba(0,0,0,1)",
11
- "groupName" : "black"
9
+ "value" : "rgba(0,0,0,1)"
12
10
  },
13
11
  {
14
12
  "name" : "light-primary",
15
- "value" : "rgba(0,95,177,1)",
16
- "groupName" : "light/primary"
13
+ "value" : "rgba(0,95,177,1)"
17
14
  },
18
15
  {
19
16
  "name" : "light-on-primary",
20
- "value" : "rgba(255,255,255,1)",
21
- "groupName" : "light/on-primary"
17
+ "value" : "rgba(255,255,255,1)"
22
18
  },
23
19
  {
24
20
  "name" : "light-primary-container",
25
- "value" : "rgba(211,227,255,1)",
26
- "groupName" : "light/primary-container"
21
+ "value" : "rgba(211,227,255,1)"
27
22
  },
28
23
  {
29
24
  "name" : "light-on-primary-container",
30
- "value" : "rgba(0,28,59,1)",
31
- "groupName" : "light/on-primary-container"
25
+ "value" : "rgba(0,28,59,1)"
32
26
  },
33
27
  {
34
28
  "name" : "light-secondary",
35
- "value" : "rgba(84,95,113,1)",
36
- "groupName" : "light/secondary"
29
+ "value" : "rgba(84,95,113,1)"
37
30
  },
38
31
  {
39
32
  "name" : "light-on-secondary",
40
- "value" : "rgba(255,255,255,1)",
41
- "groupName" : "light/on-secondary"
33
+ "value" : "rgba(255,255,255,1)"
42
34
  },
43
35
  {
44
36
  "name" : "light-secondary-container",
45
- "value" : "rgba(216,227,248,1)",
46
- "groupName" : "light/secondary-container"
37
+ "value" : "rgba(216,227,248,1)"
47
38
  },
48
39
  {
49
40
  "name" : "light-on-secondary-container",
50
- "value" : "rgba(18,28,43,1)",
51
- "groupName" : "light/on-secondary-container"
41
+ "value" : "rgba(18,28,43,1)"
52
42
  },
53
43
  {
54
44
  "name" : "light-tertiary",
55
- "value" : "rgba(109,86,118,1)",
56
- "groupName" : "light/tertiary"
45
+ "value" : "rgba(109,86,118,1)"
57
46
  },
58
47
  {
59
48
  "name" : "light-on-tertiary",
60
- "value" : "rgba(255,255,255,1)",
61
- "groupName" : "light/on-tertiary"
49
+ "value" : "rgba(255,255,255,1)"
62
50
  },
63
51
  {
64
52
  "name" : "light-tertiary-container",
65
- "value" : "rgba(247,217,255,1)",
66
- "groupName" : "light/tertiary-container"
53
+ "value" : "rgba(247,217,255,1)"
67
54
  },
68
55
  {
69
56
  "name" : "light-on-tertiary-container",
70
- "value" : "rgba(39,19,48,1)",
71
- "groupName" : "light/on-tertiary-container"
57
+ "value" : "rgba(39,19,48,1)"
72
58
  },
73
59
  {
74
60
  "name" : "light-error",
75
- "value" : "rgba(186,27,27,1)",
76
- "groupName" : "light/error"
61
+ "value" : "rgba(186,27,27,1)"
77
62
  },
78
63
  {
79
64
  "name" : "light-on-error",
80
- "value" : "rgba(255,255,255,1)",
81
- "groupName" : "light/on-error"
65
+ "value" : "rgba(255,255,255,1)"
82
66
  },
83
67
  {
84
68
  "name" : "light-error-container",
85
- "value" : "rgba(255,237,233,1)",
86
- "groupName" : "light/error-container"
69
+ "value" : "rgba(255,237,233,1)"
87
70
  },
88
71
  {
89
72
  "name" : "light-on-error-container",
90
- "value" : "rgba(147,0,6,1)",
91
- "groupName" : "light/on-error-container"
73
+ "value" : "rgba(147,0,6,1)"
92
74
  },
93
75
  {
94
76
  "name" : "light-success",
95
- "value" : "rgba(44,137,0,1)",
96
- "groupName" : "light/success"
77
+ "value" : "rgba(44,137,0,1)"
97
78
  },
98
79
  {
99
80
  "name" : "light-on-success",
100
- "value" : "rgba(255,255,255,1)",
101
- "groupName" : "light/on-success"
81
+ "value" : "rgba(255,255,255,1)"
102
82
  },
103
83
  {
104
84
  "name" : "light-success-container",
105
- "value" : "rgba(204,255,170,1)",
106
- "groupName" : "light/success-container"
85
+ "value" : "rgba(204,255,170,1)"
107
86
  },
108
87
  {
109
88
  "name" : "light-on-success-container",
110
- "value" : "rgba(22,82,0,1)",
111
- "groupName" : "light/on-success-container"
89
+ "value" : "rgba(22,82,0,1)"
112
90
  },
113
91
  {
114
92
  "name" : "light-warning",
115
- "value" : "rgba(153,112,0,1)",
116
- "groupName" : "light/warning"
93
+ "value" : "rgba(153,112,0,1)"
117
94
  },
118
95
  {
119
96
  "name" : "light-on-warning",
120
- "value" : "rgba(255,255,255,1)",
121
- "groupName" : "light/on- warning"
97
+ "value" : "rgba(255,255,255,1)"
122
98
  },
123
99
  {
124
100
  "name" : "light-warning-container",
125
- "value" : "rgba(255,239,209,1)",
126
- "groupName" : "light/warning-container"
101
+ "value" : "rgba(255,239,209,1)"
127
102
  },
128
103
  {
129
104
  "name" : "light-on-warning-container",
130
- "value" : "rgba(92,66,0,1)",
131
- "groupName" : "light/on- warning-container"
105
+ "value" : "rgba(92,66,0,1)"
132
106
  },
133
107
  {
134
108
  "name" : "light-background",
135
- "value" : "rgba(255,255,255,1)",
136
- "groupName" : "light/background"
109
+ "value" : "rgba(255,255,255,1)"
137
110
  },
138
111
  {
139
112
  "name" : "light-on-background",
140
- "value" : "rgba(27,27,29,1)",
141
- "groupName" : "light/on-background"
113
+ "value" : "rgba(27,27,29,1)"
142
114
  },
143
115
  {
144
116
  "name" : "light-surface",
145
- "value" : "rgba(253,251,255,1)",
146
- "groupName" : "light/surface"
117
+ "value" : "rgba(253,251,255,1)"
147
118
  },
148
119
  {
149
120
  "name" : "light-surface-1",
150
- "value" : "rgba(240,243,251,1)",
151
- "groupName" : "light/surface1"
121
+ "value" : "rgba(240,243,251,1)"
152
122
  },
153
123
  {
154
124
  "name" : "light-surface-2",
155
- "value" : "rgba(233,239,249,1)",
156
- "groupName" : "light/surface2"
125
+ "value" : "rgba(233,239,249,1)"
157
126
  },
158
127
  {
159
128
  "name" : "light-surface-3",
160
- "value" : "rgba(225,234,246,1)",
161
- "groupName" : "light/surface3"
129
+ "value" : "rgba(225,234,246,1)"
162
130
  },
163
131
  {
164
132
  "name" : "light-surface-4",
165
- "value" : "rgba(223,232,246,1)",
166
- "groupName" : "light/surface4"
133
+ "value" : "rgba(223,232,246,1)"
167
134
  },
168
135
  {
169
136
  "name" : "light-surface-5",
170
- "value" : "rgba(218,229,244,1)",
171
- "groupName" : "light/surface5"
137
+ "value" : "rgba(218,229,244,1)"
172
138
  },
173
139
  {
174
140
  "name" : "light-on-surface",
175
- "value" : "rgba(27,27,29,1)",
176
- "groupName" : "light/on-surface"
141
+ "value" : "rgba(27,27,29,1)"
177
142
  },
178
143
  {
179
144
  "name" : "light-surface-variant",
180
- "value" : "rgba(223,226,235,1)",
181
- "groupName" : "light/surface-variant"
145
+ "value" : "rgba(223,226,235,1)"
182
146
  },
183
147
  {
184
148
  "name" : "light-on-surface-variant",
185
- "value" : "rgba(67,71,78,1)",
186
- "groupName" : "light/on-surface-variant"
149
+ "value" : "rgba(67,71,78,1)"
187
150
  },
188
151
  {
189
152
  "name" : "light-inverse-surface",
190
- "value" : "rgba(47,48,51,1)",
191
- "groupName" : "light/inverse-surface"
153
+ "value" : "rgba(47,48,51,1)"
192
154
  },
193
155
  {
194
156
  "name" : "light-inverse-on-surface",
195
- "value" : "rgba(241,240,244,1)",
196
- "groupName" : "light/inverse-on-surface"
157
+ "value" : "rgba(241,240,244,1)"
197
158
  },
198
159
  {
199
160
  "name" : "light-inverse-primary",
200
- "value" : "rgba(164,200,255,1)",
201
- "groupName" : "light/inverse-primary"
161
+ "value" : "rgba(164,200,255,1)"
202
162
  },
203
163
  {
204
164
  "name" : "light-outline",
205
- "value" : "rgba(116,119,127,1)",
206
- "groupName" : "light/outline"
165
+ "value" : "rgba(116,119,127,1)"
207
166
  },
208
167
  {
209
168
  "name" : "light-shadow",
210
- "value" : "rgba(0,0,0,1)",
211
- "groupName" : "light/shadow"
169
+ "value" : "rgba(0,0,0,1)"
212
170
  },
213
171
  {
214
172
  "name" : "light-on-disabled",
215
- "value" : "rgba(27,27,29,0.3)",
216
- "groupName" : "light/on-disabled"
173
+ "value" : "rgba(27,27,29,0.3)"
217
174
  },
218
175
  {
219
176
  "name" : "light-primary-opacity-0-08",
220
- "value" : "rgba(0,95,177,0.08)",
221
- "groupName" : "light/primary/opacity-0.08"
177
+ "value" : "rgba(0,95,177,0.08)"
222
178
  },
223
179
  {
224
180
  "name" : "light-primary-opacity-0-12",
225
- "value" : "rgba(0,95,177,0.12)",
226
- "groupName" : "light/primary/opacity-0.12"
181
+ "value" : "rgba(0,95,177,0.12)"
227
182
  },
228
183
  {
229
184
  "name" : "light-primary-opacity-0-16",
230
- "value" : "rgba(0,95,177,0.16)",
231
- "groupName" : "light/primary/opacity-0.16"
185
+ "value" : "rgba(0,95,177,0.16)"
232
186
  },
233
187
  {
234
188
  "name" : "dark-primary",
235
- "value" : "rgba(164,200,255,1)",
236
- "groupName" : "dark/primary"
189
+ "value" : "rgba(164,200,255,1)"
237
190
  },
238
191
  {
239
192
  "name" : "dark-on-primary",
240
- "value" : "rgba(0,48,95,1)",
241
- "groupName" : "dark/on-primary"
193
+ "value" : "rgba(0,48,95,1)"
242
194
  },
243
195
  {
244
196
  "name" : "dark-primary-container",
245
- "value" : "rgba(0,71,136,1)",
246
- "groupName" : "dark/primary-container"
197
+ "value" : "rgba(0,71,136,1)"
247
198
  },
248
199
  {
249
200
  "name" : "dark-on-primary-container",
250
- "value" : "rgba(211,227,255,1)",
251
- "groupName" : "dark/on-primary-container"
201
+ "value" : "rgba(211,227,255,1)"
252
202
  },
253
203
  {
254
204
  "name" : "dark-secondary",
255
- "value" : "rgba(188,199,220,1)",
256
- "groupName" : "dark/secondary"
205
+ "value" : "rgba(188,199,220,1)"
257
206
  },
258
207
  {
259
208
  "name" : "dark-on-secondary",
260
- "value" : "rgba(38,49,65,1)",
261
- "groupName" : "dark/on-secondary"
209
+ "value" : "rgba(38,49,65,1)"
262
210
  },
263
211
  {
264
212
  "name" : "dark-secondary-container",
265
- "value" : "rgba(61,71,88,1)",
266
- "groupName" : "dark/secondary-container"
213
+ "value" : "rgba(61,71,88,1)"
267
214
  },
268
215
  {
269
216
  "name" : "dark-on-secondary-container",
270
- "value" : "rgba(216,227,248,1)",
271
- "groupName" : "dark/on-secondary-container"
217
+ "value" : "rgba(216,227,248,1)"
272
218
  },
273
219
  {
274
220
  "name" : "dark-tertiary",
275
- "value" : "rgba(218,189,226,1)",
276
- "groupName" : "dark/tertiary"
221
+ "value" : "rgba(218,189,226,1)"
277
222
  },
278
223
  {
279
224
  "name" : "dark-on-tertiary",
280
- "value" : "rgba(61,40,70,1)",
281
- "groupName" : "dark/on-tertiary"
225
+ "value" : "rgba(61,40,70,1)"
282
226
  },
283
227
  {
284
228
  "name" : "dark-tertiary-container",
285
- "value" : "rgba(85,63,94,1)",
286
- "groupName" : "dark/tertiary-container"
229
+ "value" : "rgba(85,63,94,1)"
287
230
  },
288
231
  {
289
232
  "name" : "dark-on-tertiary-container",
290
- "value" : "rgba(247,217,255,1)",
291
- "groupName" : "dark/on-tertiary-container"
233
+ "value" : "rgba(247,217,255,1)"
292
234
  },
293
235
  {
294
236
  "name" : "dark-error",
295
- "value" : "rgba(255,180,169,1)",
296
- "groupName" : "dark/error"
237
+ "value" : "rgba(255,180,169,1)"
297
238
  },
298
239
  {
299
240
  "name" : "dark-on-error",
300
- "value" : "rgba(104,0,3,1)",
301
- "groupName" : "dark/on-error"
241
+ "value" : "rgba(104,0,3,1)"
302
242
  },
303
243
  {
304
244
  "name" : "dark-error-container",
305
- "value" : "rgba(147,0,6,1)",
306
- "groupName" : "dark/error-container"
245
+ "value" : "rgba(147,0,6,1)"
307
246
  },
308
247
  {
309
248
  "name" : "dark-on-error-container",
310
- "value" : "rgba(255,218,212,1)",
311
- "groupName" : "dark/on-error-container"
249
+ "value" : "rgba(255,218,212,1)"
312
250
  },
313
251
  {
314
252
  "name" : "dark-success",
315
- "value" : "rgba(108,224,54,1)",
316
- "groupName" : "dark/success"
253
+ "value" : "rgba(108,224,54,1)"
317
254
  },
318
255
  {
319
256
  "name" : "dark-on-success",
320
- "value" : "rgba(12,57,0,1)",
321
- "groupName" : "dark/on-success"
257
+ "value" : "rgba(12,57,0,1)"
322
258
  },
323
259
  {
324
260
  "name" : "dark-success-container",
325
- "value" : "rgba(22,82,0,1)",
326
- "groupName" : "dark/success-container"
261
+ "value" : "rgba(22,82,0,1)"
327
262
  },
328
263
  {
329
264
  "name" : "dark-on-success-container",
330
- "value" : "rgba(136,253,82,1)",
331
- "groupName" : "dark/on-success-container"
265
+ "value" : "rgba(136,253,82,1)"
332
266
  },
333
267
  {
334
268
  "name" : "dark-warning",
335
- "value" : "rgba(251,188,12,1)",
336
- "groupName" : "dark/warning"
269
+ "value" : "rgba(251,188,12,1)"
337
270
  },
338
271
  {
339
272
  "name" : "dark-on-warning",
340
- "value" : "rgba(64,45,0,1)",
341
- "groupName" : "dark/on- warning"
273
+ "value" : "rgba(64,45,0,1)"
342
274
  },
343
275
  {
344
276
  "name" : "dark-warning-container",
345
- "value" : "rgba(92,66,0,1)",
346
- "groupName" : "dark/warning-container"
277
+ "value" : "rgba(92,66,0,1)"
347
278
  },
348
279
  {
349
280
  "name" : "dark-on-warning-container",
350
- "value" : "rgba(255,223,156,1)",
351
- "groupName" : "dark/on- warning-container"
281
+ "value" : "rgba(255,223,156,1)"
352
282
  },
353
283
  {
354
284
  "name" : "dark-background",
355
- "value" : "rgba(27,27,29,1)",
356
- "groupName" : "dark/background"
285
+ "value" : "rgba(27,27,29,1)"
357
286
  },
358
287
  {
359
288
  "name" : "dark-on-background",
360
- "value" : "rgba(227,226,230,1)",
361
- "groupName" : "dark/on-background"
289
+ "value" : "rgba(227,226,230,1)"
362
290
  },
363
291
  {
364
292
  "name" : "dark-surface",
365
- "value" : "rgba(27,27,29,1)",
366
- "groupName" : "dark/surface"
293
+ "value" : "rgba(27,27,29,1)"
367
294
  },
368
295
  {
369
296
  "name" : "dark-surface-1",
370
- "value" : "rgba(34,36,40,1)",
371
- "groupName" : "dark/surface1"
297
+ "value" : "rgba(34,36,40,1)"
372
298
  },
373
299
  {
374
300
  "name" : "dark-surface-2",
375
- "value" : "rgba(38,41,47,1)",
376
- "groupName" : "dark/surface2"
301
+ "value" : "rgba(38,41,47,1)"
377
302
  },
378
303
  {
379
304
  "name" : "dark-surface-3",
380
- "value" : "rgba(42,46,54,1)",
381
- "groupName" : "dark/surface3"
305
+ "value" : "rgba(42,46,54,1)"
382
306
  },
383
307
  {
384
308
  "name" : "dark-surface-4",
385
- "value" : "rgba(43,48,56,1)",
386
- "groupName" : "dark/surface4"
309
+ "value" : "rgba(43,48,56,1)"
387
310
  },
388
311
  {
389
312
  "name" : "dark-surface-5",
390
- "value" : "rgba(46,51,61,1)",
391
- "groupName" : "dark/surface5"
313
+ "value" : "rgba(46,51,61,1)"
392
314
  },
393
315
  {
394
316
  "name" : "dark-on-surface",
395
- "value" : "rgba(227,226,230,1)",
396
- "groupName" : "dark/on-surface"
317
+ "value" : "rgba(227,226,230,1)"
397
318
  },
398
319
  {
399
320
  "name" : "dark-surface-variant",
400
- "value" : "rgba(67,71,78,1)",
401
- "groupName" : "dark/surface-variant"
321
+ "value" : "rgba(67,71,78,1)"
402
322
  },
403
323
  {
404
324
  "name" : "dark-on-surface-variant",
405
- "value" : "rgba(195,198,207,1)",
406
- "groupName" : "dark/on-surface-variant"
325
+ "value" : "rgba(195,198,207,1)"
407
326
  },
408
327
  {
409
328
  "name" : "dark-inverse-surface",
410
- "value" : "rgba(227,226,230,1)",
411
- "groupName" : "dark/inverse-surface"
329
+ "value" : "rgba(227,226,230,1)"
412
330
  },
413
331
  {
414
332
  "name" : "dark-inverse-on-surface",
415
- "value" : "rgba(27,27,29,1)",
416
- "groupName" : "dark/inverse-on-surface"
333
+ "value" : "rgba(27,27,29,1)"
417
334
  },
418
335
  {
419
336
  "name" : "dark-inverse-primary",
420
- "value" : "rgba(0,95,177,1)",
421
- "groupName" : "dark/inverse-primary"
337
+ "value" : "rgba(0,95,177,1)"
422
338
  },
423
339
  {
424
340
  "name" : "dark-outline",
425
- "value" : "rgba(142,145,153,1)",
426
- "groupName" : "dark/outline"
341
+ "value" : "rgba(142,145,153,1)"
427
342
  },
428
343
  {
429
344
  "name" : "dark-shadow",
430
- "value" : "rgba(0,0,0,1)",
431
- "groupName" : "dark/shadow"
345
+ "value" : "rgba(0,0,0,1)"
432
346
  },
433
347
  {
434
348
  "name" : "dark-on-disabled",
435
- "value" : "rgba(227,226,230,0.3)",
436
- "groupName" : "dark/on-disabled"
349
+ "value" : "rgba(227,226,230,0.3)"
437
350
  },
438
351
  {
439
352
  "name" : "dark-primary-opacity-0-08",
440
- "value" : "rgba(164,200,255,0.08)",
441
- "groupName" : "dark/primary/opacity-0.08"
353
+ "value" : "rgba(164,200,255,0.08)"
442
354
  },
443
355
  {
444
356
  "name" : "dark-primary-opacity-0-12",
445
- "value" : "rgba(164,200,255,0.12)",
446
- "groupName" : "dark/primary/opacity-0.12"
357
+ "value" : "rgba(164,200,255,0.12)"
447
358
  },
448
359
  {
449
360
  "name" : "dark-primary-opacity-0-16",
450
- "value" : "rgba(164,200,255,0.16)",
451
- "groupName" : "dark/primary/opacity-0.16"
361
+ "value" : "rgba(164,200,255,0.16)"
452
362
  },
453
363
  {
454
364
  "name" : "light-primary-hover",
455
- "value" : "rgba(0,119,220,1)",
456
- "groupName" : "light/primary-hover"
365
+ "value" : "rgba(0,119,220,1)"
457
366
  },
458
367
  {
459
368
  "name" : "light-error-hover",
460
- "value" : "rgba(221,55,48,1)",
461
- "groupName" : "light/error-hover"
369
+ "value" : "rgba(221,55,48,1)"
462
370
  },
463
371
  {
464
372
  "name" : "light-success-hover",
465
- "value" : "rgba(56,166,0,1)",
466
- "groupName" : "light/success-hover"
373
+ "value" : "rgba(56,166,0,1)"
467
374
  },
468
375
  {
469
376
  "name" : "light-warning-hover",
470
- "value" : "rgba(186,137,0,1)",
471
- "groupName" : "light/warning-hover"
377
+ "value" : "rgba(186,137,0,1)"
472
378
  },
473
379
  {
474
380
  "name" : "light-error-opacity-0-08",
475
- "value" : "rgba(186,27,27,0.08)",
476
- "groupName" : "light/error/opacity-0.08"
381
+ "value" : "rgba(186,27,27,0.08)"
477
382
  },
478
383
  {
479
384
  "name" : "light-error-opacity-0-12",
480
- "value" : "rgba(186,27,27,0.12)",
481
- "groupName" : "light/error/opacity-0.12"
385
+ "value" : "rgba(186,27,27,0.12)"
482
386
  },
483
387
  {
484
388
  "name" : "light-error-opacity-0-16",
485
- "value" : "rgba(186,27,27,0.16)",
486
- "groupName" : "light/error/opacity-0.16"
389
+ "value" : "rgba(186,27,27,0.16)"
487
390
  },
488
391
  {
489
392
  "name" : "dark-primary-hover",
490
- "value" : "rgba(111,174,255,1)",
491
- "groupName" : "dark/primary-hover"
393
+ "value" : "rgba(111,174,255,1)"
492
394
  },
493
395
  {
494
396
  "name" : "dark-error-hover",
495
- "value" : "rgba(255,137,122,1)",
496
- "groupName" : "dark/error-hover"
397
+ "value" : "rgba(255,137,122,1)"
497
398
  },
498
399
  {
499
400
  "name" : "dark-success-hover",
500
- "value" : "rgba(81,195,20,1)",
501
- "groupName" : "dark/success-hover"
401
+ "value" : "rgba(81,195,20,1)"
502
402
  },
503
403
  {
504
404
  "name" : "dark-warning-hover",
505
- "value" : "rgba(219,162,0,1)",
506
- "groupName" : "dark/warning-hover"
405
+ "value" : "rgba(219,162,0,1)"
507
406
  },
508
407
  {
509
408
  "name" : "dark-error-opacity-0-08",
510
- "value" : "rgba(255,180,169,0.08)",
511
- "groupName" : "dark/error/opacity-0.08"
409
+ "value" : "rgba(255,180,169,0.08)"
512
410
  },
513
411
  {
514
412
  "name" : "dark-error-opacity-0-12",
515
- "value" : "rgba(255,180,169,0.12)",
516
- "groupName" : "dark/error/opacity-0.12"
413
+ "value" : "rgba(255,180,169,0.12)"
517
414
  },
518
415
  {
519
416
  "name" : "dark-error-opacity-0-16",
520
- "value" : "rgba(255,180,169,0.16)",
521
- "groupName" : "dark/error/opacity-0.16"
417
+ "value" : "rgba(255,180,169,0.16)"
522
418
  },
523
419
  {
524
420
  "name" : "light-disabled",
525
- "value" : "rgba(27,27,29,0.12)",
526
- "groupName" : "light/disabled"
421
+ "value" : "rgba(27,27,29,0.12)"
527
422
  },
528
423
  {
529
424
  "name" : "dark-disabled",
530
- "value" : "rgba(227,226,230,0.12)",
531
- "groupName" : "dark/disabled"
425
+ "value" : "rgba(227,226,230,0.12)"
532
426
  },
533
427
  {
534
428
  "name" : "light-success-opacity-0-08",
535
- "value" : "rgba(44,137,0,0.08)",
536
- "groupName" : "light/success/opacity-0.08"
429
+ "value" : "rgba(44,137,0,0.08)"
537
430
  },
538
431
  {
539
432
  "name" : "light-success-opacity-0-12",
540
- "value" : "rgba(44,137,0,0.12)",
541
- "groupName" : "light/success/opacity-0.12"
433
+ "value" : "rgba(44,137,0,0.12)"
542
434
  },
543
435
  {
544
436
  "name" : "light-success-opacity-0-16",
545
- "value" : "rgba(44,137,0,0.16)",
546
- "groupName" : "light/success/opacity-0.16"
437
+ "value" : "rgba(44,137,0,0.16)"
547
438
  },
548
439
  {
549
440
  "name" : "light-warning-opacity-0-08",
550
- "value" : "rgba(153,112,0,0.08)",
551
- "groupName" : "light/warning/opacity-0.08"
441
+ "value" : "rgba(153,112,0,0.08)"
552
442
  },
553
443
  {
554
444
  "name" : "light-warning-opacity-0-12",
555
- "value" : "rgba(153,112,0,0.12)",
556
- "groupName" : "light/warning/opacity-0.12"
445
+ "value" : "rgba(153,112,0,0.12)"
557
446
  },
558
447
  {
559
448
  "name" : "light-warning-opacity-0-16",
560
- "value" : "rgba(153,112,0,0.16)",
561
- "groupName" : "light/warning/opacity-0.16"
449
+ "value" : "rgba(153,112,0,0.16)"
562
450
  },
563
451
  {
564
452
  "name" : "dark-success-opacity-0-08",
565
- "value" : "rgba(108,224,54,0.08)",
566
- "groupName" : "dark/success/opacity-0.08"
453
+ "value" : "rgba(108,224,54,0.08)"
567
454
  },
568
455
  {
569
456
  "name" : "dark-success-opacity-0-12",
570
- "value" : "rgba(108,224,54,0.12)",
571
- "groupName" : "dark/success/opacity-0.12"
457
+ "value" : "rgba(108,224,54,0.12)"
572
458
  },
573
459
  {
574
460
  "name" : "dark-success-opacity-0-16",
575
- "value" : "rgba(108,224,54,0.16)",
576
- "groupName" : "dark/success/opacity-0.16"
461
+ "value" : "rgba(108,224,54,0.16)"
577
462
  },
578
463
  {
579
464
  "name" : "dark-warning-opacity-0-08",
580
- "value" : "rgba(251,188,12,0.08)",
581
- "groupName" : "dark/warning/opacity-0.08"
465
+ "value" : "rgba(251,188,12,0.08)"
582
466
  },
583
467
  {
584
468
  "name" : "dark-warning-opacity-0-12",
585
- "value" : "rgba(251,188,12,0.12)",
586
- "groupName" : "dark/warning/opacity-0.12"
469
+ "value" : "rgba(251,188,12,0.12)"
587
470
  },
588
471
  {
589
472
  "name" : "dark-warning-opacity-0-16",
590
- "value" : "rgba(251,188,12,0.16)",
591
- "groupName" : "dark/warning/opacity-0.16"
473
+ "value" : "rgba(251,188,12,0.16)"
592
474
  },
593
475
  {
594
476
  "name" : "light-overlay",
595
- "value" : "rgba(27,27,29,0.8)",
596
- "groupName" : "light/overlay"
477
+ "value" : "rgba(27,27,29,0.8)"
597
478
  },
598
479
  {
599
480
  "name" : "dark-overlay",
600
- "value" : "rgba(27,27,29,0.8)",
601
- "groupName" : "dark/overlay"
481
+ "value" : "rgba(27,27,29,0.8)"
602
482
  },
603
483
  {
604
484
  "name" : "light-outline-variant",
605
- "value" : "rgba(223,226,235,1)",
606
- "groupName" : "light/outline-variant"
485
+ "value" : "rgba(223,226,235,1)"
607
486
  },
608
487
  {
609
488
  "name" : "dark-outline-variant",
610
- "value" : "rgba(67,71,78,1)",
611
- "groupName" : "dark/outline-variant"
489
+ "value" : "rgba(67,71,78,1)"
612
490
  },
613
491
  {
614
492
  "name" : "light-primary-hover-opacity-0-08",
615
- "value" : "rgba(0,119,220,0.08)",
616
- "groupName" : "light/primary-hover/opacity-0.08"
493
+ "value" : "rgba(0,119,220,0.08)"
617
494
  },
618
495
  {
619
496
  "name" : "light-primary-hover-opacity-0-12",
620
- "value" : "rgba(0,119,220,0.12)",
621
- "groupName" : "light / primary-hover / opacity-0.12"
497
+ "value" : "rgba(0,119,220,0.12)"
622
498
  },
623
499
  {
624
500
  "name" : "light-primary-hover-opacity-0-16",
625
- "value" : "rgba(0,119,220,0.16)",
626
- "groupName" : "light / primary-hover / opacity-0.16"
501
+ "value" : "rgba(0,119,220,0.16)"
627
502
  },
628
503
  {
629
504
  "name" : "light-primary-hover-opacity-0-32",
630
- "value" : "rgba(0,119,220,0.32)",
631
- "groupName" : "light / primary-hover / opacity-0.32"
505
+ "value" : "rgba(0,119,220,0.32)"
632
506
  },
633
507
  {
634
508
  "name" : "light-primary-hover-opacity-0-48",
635
- "value" : "rgba(0,119,220,0.48)",
636
- "groupName" : "light / primary-hover / opacity-0.48"
509
+ "value" : "rgba(0,119,220,0.48)"
637
510
  },
638
511
  {
639
512
  "name" : "light-primary-hover-opacity-0-64",
640
- "value" : "rgba(0,119,220,0.64)",
641
- "groupName" : "light / primary-hover / opacity-0.64"
513
+ "value" : "rgba(0,119,220,0.64)"
642
514
  },
643
515
  {
644
516
  "name" : "light-primary-hover-opacity-0-80",
645
- "value" : "rgba(0,119,220,0.8)",
646
- "groupName" : "light / primary-hover / opacity-0.80"
517
+ "value" : "rgba(0,119,220,0.8)"
647
518
  },
648
519
  {
649
520
  "name" : "light-primary-hover-opacity-0-96",
650
- "value" : "rgba(0,119,220,0.96)",
651
- "groupName" : "light / primary-hover / opacity-0.96"
521
+ "value" : "rgba(0,119,220,0.96)"
652
522
  },
653
523
  {
654
524
  "name" : "dark-primary-hover-opacity-0-08",
655
- "value" : "rgba(111,174,255,0.08)",
656
- "groupName" : "dark/primary-hover/opacity-0.08"
525
+ "value" : "rgba(111,174,255,0.08)"
657
526
  },
658
527
  {
659
528
  "name" : "dark-primary-hover-opacity-0-12",
660
- "value" : "rgba(111,174,255,0.12)",
661
- "groupName" : "dark/primary-hover/opacity-0.12"
529
+ "value" : "rgba(111,174,255,0.12)"
662
530
  },
663
531
  {
664
532
  "name" : "dark-primary-hover-opacity-0-16",
665
- "value" : "rgba(111,174,255,0.16)",
666
- "groupName" : "dark/primary-hover/opacity-0.16"
533
+ "value" : "rgba(111,174,255,0.16)"
667
534
  },
668
535
  {
669
536
  "name" : "dark-primary-hover-opacity-0-32",
670
- "value" : "rgba(111,174,255,0.32)",
671
- "groupName" : "dark/primary-hover/opacity-0.32"
537
+ "value" : "rgba(111,174,255,0.32)"
672
538
  },
673
539
  {
674
540
  "name" : "dark-primary-hover-opacity-0-48",
675
- "value" : "rgba(111,174,255,0.48)",
676
- "groupName" : "dark/primary-hover/opacity-0.48"
541
+ "value" : "rgba(111,174,255,0.48)"
677
542
  },
678
543
  {
679
544
  "name" : "dark-primary-hover-opacity-0-64",
680
- "value" : "rgba(111,174,255,0.64)",
681
- "groupName" : "dark/primary-hover/opacity-0.64"
545
+ "value" : "rgba(111,174,255,0.64)"
682
546
  },
683
547
  {
684
548
  "name" : "dark-primary-hover-opacity-0-80",
685
- "value" : "rgba(111,174,255,0.8)",
686
- "groupName" : "dark/primary-hover/opacity-0.80"
549
+ "value" : "rgba(111,174,255,0.8)"
687
550
  },
688
551
  {
689
552
  "name" : "dark-primary-hover-opacity-0-96",
690
- "value" : "rgba(111,174,255,0.96)",
691
- "groupName" : "dark/primary-hover/opacity-0.96"
553
+ "value" : "rgba(111,174,255,0.96)"
692
554
  }
693
555
  ],
694
556
  "Gradients" : [
@@ -782,6 +644,66 @@
782
644
  }
783
645
  ],
784
646
  "typeStyles" : [
647
+ {
648
+ "name" : "display-large",
649
+ "fontFamily" : "Inter",
650
+ "fontSize" : "57px",
651
+ "lineHeight" : "64px",
652
+ "letterSpacing" : "-0.25px",
653
+ "fontWeight" : "400",
654
+ "fontSizeRem" : "3.5625",
655
+ "lineHeightRem" : "4"
656
+ },
657
+ {
658
+ "name" : "display-medium",
659
+ "fontFamily" : "Inter",
660
+ "fontSize" : "45px",
661
+ "lineHeight" : "52px",
662
+ "letterSpacing" : "0em",
663
+ "fontWeight" : "400",
664
+ "fontSizeRem" : "2.8125",
665
+ "lineHeightRem" : "3.25"
666
+ },
667
+ {
668
+ "name" : "display-small",
669
+ "fontFamily" : "Inter",
670
+ "fontSize" : "36px",
671
+ "lineHeight" : "44px",
672
+ "letterSpacing" : "0em",
673
+ "fontWeight" : "500",
674
+ "fontSizeRem" : "2.25",
675
+ "lineHeightRem" : "2.75"
676
+ },
677
+ {
678
+ "name" : "mobile-display-large",
679
+ "fontFamily" : "Inter",
680
+ "fontSize" : "36px",
681
+ "lineHeight" : "40px",
682
+ "letterSpacing" : "-0.25px",
683
+ "fontWeight" : "400",
684
+ "fontSizeRem" : "2.25",
685
+ "lineHeightRem" : "2.5"
686
+ },
687
+ {
688
+ "name" : "mobile-display-medium",
689
+ "fontFamily" : "Inter",
690
+ "fontSize" : "32px",
691
+ "lineHeight" : "36px",
692
+ "letterSpacing" : "0em",
693
+ "fontWeight" : "400",
694
+ "fontSizeRem" : "2",
695
+ "lineHeightRem" : "2.25"
696
+ },
697
+ {
698
+ "name" : "mobile-display-small",
699
+ "fontFamily" : "Inter",
700
+ "fontSize" : "28px",
701
+ "lineHeight" : "32px",
702
+ "letterSpacing" : "0em",
703
+ "fontWeight" : "500",
704
+ "fontSizeRem" : "1.75",
705
+ "lineHeightRem" : "2"
706
+ },
785
707
  {
786
708
  "name" : "headline-1",
787
709
  "fontFamily" : "Inter",
package/tailwind.config.preset.js CHANGED
@@ -241,23 +241,16 @@ module.exports = {
241
241
  return {
242
242
  display: prefix + 'flex',
243
243
  flexDirection: direction,
244
- flex: prefix === 'inline-' ? '0 0 auto' : undefined,
245
- alignItems: direction === 'row' ? 'center' : undefined,
244
+ alignItems: direction === 'row' ? 'center' : 'normal',
246
245
  };
247
246
  },
248
247
  }, {
249
248
  values: {
250
249
  'row': 'row',
251
- 'row-reverse': 'row-reverse',
252
-
253
250
  'column': 'column',
254
- 'column-reverse': 'column-reverse',
255
251
 
256
252
  'inline-row': 'inline-..row',
257
- 'inline-row-reverse': 'inline-..row-reverse',
258
-
259
253
  'inline-column': 'inline-..column',
260
- 'inline-column-reverse': 'inline-..column-reverse',
261
254
  },
262
255
  });
263
256
  }),
@@ -311,6 +304,9 @@ module.exports = {
311
304
  },
312
305
  }, {
313
306
  values: {
307
+ 'display-large': 'display-large',
308
+ 'display-medium': 'display-medium',
309
+ 'display-small': 'display-small',
314
310
  'headline-1': 'headline-1',
315
311
  'headline-2': 'headline-2',
316
312
  'headline-3': 'headline-3',
@@ -627,7 +623,6 @@ module.exports = {
627
623
  'surface-inverse-dark': 'inverse-surface..-dark',
628
624
 
629
625
  'transparent': 'transparent',
630
- 'transparent-dark': 'transparent..-dark',
631
626
  },
632
627
  });
633
628
 
@@ -758,10 +753,7 @@ module.exports = {
758
753
  'on-surface-inverse-dark': 'inverse-on-surface..-dark',
759
754
 
760
755
  'transparent': 'transparent',
761
- 'transparent-dark': 'transparent..-dark',
762
-
763
756
  'inherit': 'inherit',
764
- 'inherit-dark': 'inherit..-dark',
765
757
  },
766
758
  });
767
759
 
@@ -807,10 +799,7 @@ module.exports = {
807
799
  'error-dark': 'error..-dark',
808
800
 
809
801
  'transparent': 'transparent',
810
- 'transparent-dark': 'transparent..-dark',
811
-
812
802
  'current': 'current',
813
- 'current-dark': 'current..-dark',
814
803
  },
815
804
  });
816
805
 
@@ -855,10 +844,7 @@ module.exports = {
855
844
  'error-dark': 'error..-dark',
856
845
 
857
846
  'transparent': 'transparent',
858
- 'transparent-dark': 'transparent..-dark',
859
-
860
847
  'current': 'current',
861
- 'current-dark': 'current..-dark',
862
848
  },
863
849
  });
864
850
 
@@ -906,10 +892,7 @@ module.exports = {
906
892
  'error-dark': 'error..-dark',
907
893
 
908
894
  'transparent': 'transparent',
909
- 'transparent-dark': 'transparent..-dark',
910
-
911
895
  'current': 'current',
912
- 'current-dark': 'current..-dark',
913
896
  },
914
897
  });
915
898
  }),