@skbkontur/colors 2.0.0-alpha.0 → 2.0.0-alpha.2
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.
- package/dist/cjs/get-base-tokens.d.ts +7 -0
- package/dist/cjs/get-base-tokens.js +121 -1
- package/dist/cjs/get-colors.d.ts +2 -1
- package/dist/cjs/get-colors.js +6 -2
- package/dist/cjs/get-default-tokens.d.ts +12 -12
- package/dist/cjs/get-default-tokens.js +15 -16
- package/dist/cjs/helpers/get-palette.js +3 -3
- package/dist/colors.default-dark.js +326 -319
- package/dist/colors.default-light.js +329 -319
- package/dist/colors.js +319 -319
- package/dist/colors.less +319 -319
- package/dist/colors.scss +319 -319
- package/dist/esm/get-base-tokens.d.ts +7 -0
- package/dist/esm/get-base-tokens.js +110 -0
- package/dist/esm/get-colors.d.ts +2 -1
- package/dist/esm/get-colors.js +7 -3
- package/dist/esm/get-default-tokens.d.ts +12 -12
- package/dist/esm/get-default-tokens.js +15 -16
- package/dist/esm/helpers/get-palette.js +3 -3
- package/dist/tokens/brand-blue-deep_accent-brand.css +640 -640
- package/dist/tokens/brand-blue-deep_accent-gray.css +640 -640
- package/dist/tokens/brand-blue_accent-brand.css +640 -640
- package/dist/tokens/brand-blue_accent-gray.css +640 -640
- package/dist/tokens/brand-green_accent-brand.css +640 -640
- package/dist/tokens/brand-green_accent-gray.css +640 -640
- package/dist/tokens/brand-mint_accent-brand.css +640 -640
- package/dist/tokens/brand-mint_accent-gray.css +640 -640
- package/dist/tokens/brand-orange_accent-gray.css +640 -640
- package/dist/tokens/brand-purple_accent-brand.css +640 -640
- package/dist/tokens/brand-purple_accent-gray.css +640 -640
- package/dist/tokens/brand-red_accent-gray.css +640 -640
- package/dist/tokens/brand-violet_accent-brand.css +640 -640
- package/dist/tokens/brand-violet_accent-gray.css +640 -640
- package/dist/tokens-js/brand-blue-deep_accent-brand.js +15 -15
- package/dist/tokens-js/brand-blue-deep_accent-gray.js +15 -15
- package/dist/tokens-js/brand-blue_accent-brand.js +15 -15
- package/dist/tokens-js/brand-blue_accent-gray.js +15 -15
- package/dist/tokens-js/brand-green_accent-brand.js +15 -15
- package/dist/tokens-js/brand-green_accent-gray.js +15 -15
- package/dist/tokens-js/brand-mint_accent-brand.js +15 -15
- package/dist/tokens-js/brand-mint_accent-gray.js +15 -15
- package/dist/tokens-js/brand-orange_accent-gray.js +15 -15
- package/dist/tokens-js/brand-purple_accent-brand.js +15 -15
- package/dist/tokens-js/brand-purple_accent-gray.js +15 -15
- package/dist/tokens-js/brand-red_accent-gray.js +15 -15
- package/dist/tokens-js/brand-violet_accent-brand.js +15 -15
- package/dist/tokens-js/brand-violet_accent-gray.js +15 -15
- package/dist/tokens-mobile/brand-blue-deep_accent-brand.json +13 -13
- package/dist/tokens-mobile/brand-blue-deep_accent-gray.json +13 -13
- package/dist/tokens-mobile/brand-blue_accent-brand.json +13 -13
- package/dist/tokens-mobile/brand-blue_accent-gray.json +13 -13
- package/dist/tokens-mobile/brand-green_accent-brand.json +13 -13
- package/dist/tokens-mobile/brand-green_accent-gray.json +13 -13
- package/dist/tokens-mobile/brand-mint_accent-brand.json +13 -13
- package/dist/tokens-mobile/brand-mint_accent-gray.json +13 -13
- package/dist/tokens-mobile/brand-orange_accent-gray.json +13 -13
- package/dist/tokens-mobile/brand-purple_accent-brand.json +13 -13
- package/dist/tokens-mobile/brand-purple_accent-gray.json +13 -13
- package/dist/tokens-mobile/brand-red_accent-gray.json +13 -13
- package/dist/tokens-mobile/brand-violet_accent-brand.json +13 -13
- package/dist/tokens-mobile/brand-violet_accent-gray.json +13 -13
- package/package.json +2 -2
|
@@ -3,17 +3,16 @@ export const SEMANTIC_TOKENS = {
|
|
|
3
3
|
textAccentHeavy: 'rgba(0, 0, 0, 0.88)',
|
|
4
4
|
textAccentHeavyHover: 'rgba(0, 0, 0, 0.96)',
|
|
5
5
|
textAccentHeavyPressed: 'rgba(0, 0, 0, 0.96)',
|
|
6
|
-
textDisabled: 'rgba(0, 0, 0, 0.32)',
|
|
7
6
|
textErrorHeavy: '#c50220',
|
|
8
7
|
textErrorHeavyHover: '#e62b34',
|
|
9
8
|
textErrorHeavyPressed: '#943e3b',
|
|
10
9
|
textInvertedAccentHeavy: 'rgba(255, 255, 255, 0.96)',
|
|
11
10
|
textInvertedAccentHeavyHover: '#ffffff',
|
|
12
11
|
textInvertedAccentHeavyPressed: '#ffffff',
|
|
13
|
-
textInvertedDisabled: 'rgba(255, 255, 255, 0.4)',
|
|
14
12
|
textInvertedErrorHeavy: '#ff5352',
|
|
15
13
|
textInvertedErrorHeavyHover: '#ff726b',
|
|
16
14
|
textInvertedErrorHeavyPressed: '#dd5d58',
|
|
15
|
+
textInvertedNeutralFaint: 'rgba(255, 255, 255, 0.4)',
|
|
17
16
|
textInvertedNeutralHeavy: 'rgba(255, 255, 255, 0.96)',
|
|
18
17
|
textInvertedNeutralPale: 'rgba(255, 255, 255, 0.48)',
|
|
19
18
|
textInvertedNeutralSoft: 'rgba(255, 255, 255, 0.64)',
|
|
@@ -24,6 +23,7 @@ export const SEMANTIC_TOKENS = {
|
|
|
24
23
|
textInvertedWarningHeavyHover: '#ffbf0b',
|
|
25
24
|
textInvertedWarningHeavyPressed: '#cc9a51',
|
|
26
25
|
textLogo: '#26AD50',
|
|
26
|
+
textNeutralFaint: 'rgba(0, 0, 0, 0.32)',
|
|
27
27
|
textNeutralHeavy: 'rgba(0, 0, 0, 0.88)',
|
|
28
28
|
textNeutralPale: 'rgba(0, 0, 0, 0.4)',
|
|
29
29
|
textNeutralSoft: 'rgba(0, 0, 0, 0.56)',
|
|
@@ -33,19 +33,19 @@ export const SEMANTIC_TOKENS = {
|
|
|
33
33
|
textWarningHeavy: '#bc7d00',
|
|
34
34
|
textWarningHeavyHover: '#db9400',
|
|
35
35
|
textWarningHeavyPressed: '#a37736',
|
|
36
|
-
|
|
37
|
-
|
|
36
|
+
textConstFaintBlack: 'rgba(0, 0, 0, 0.32)',
|
|
37
|
+
textConstFaintWhite: 'rgba(255, 255, 255, 0.4)',
|
|
38
38
|
textConstHeavyBlack: 'rgba(0, 0, 0, 0.88)',
|
|
39
39
|
textConstHeavyWhite: 'rgba(255, 255, 255, 0.96)',
|
|
40
40
|
textConstPaleBlack: 'rgba(0, 0, 0, 0.4)',
|
|
41
41
|
textConstPaleWhite: 'rgba(255, 255, 255, 0.48)',
|
|
42
42
|
textConstSoftBlack: 'rgba(0, 0, 0, 0.56)',
|
|
43
43
|
textConstSoftWhite: 'rgba(255, 255, 255, 0.64)',
|
|
44
|
-
|
|
44
|
+
textOnAccentBoldFaint: 'rgba(255, 255, 255, 0.4)',
|
|
45
45
|
textOnAccentBoldHeavy: 'rgba(255, 255, 255, 0.96)',
|
|
46
46
|
textOnAccentBoldPale: 'rgba(255, 255, 255, 0.48)',
|
|
47
47
|
textOnAccentBoldSoft: 'rgba(255, 255, 255, 0.64)',
|
|
48
|
-
|
|
48
|
+
textOnBrandOriginalFaint: 'rgba(255, 255, 255, 0.4)',
|
|
49
49
|
textOnBrandOriginalHeavy: 'rgba(255, 255, 255, 0.96)',
|
|
50
50
|
textOnBrandOriginalPale: 'rgba(255, 255, 255, 0.48)',
|
|
51
51
|
textOnBrandOriginalSoft: 'rgba(255, 255, 255, 0.64)',
|
|
@@ -324,17 +324,16 @@ export const SEMANTIC_TOKENS = {
|
|
|
324
324
|
textAccentHeavy: 'rgba(255, 255, 255, 0.96)',
|
|
325
325
|
textAccentHeavyHover: '#ffffff',
|
|
326
326
|
textAccentHeavyPressed: '#ffffff',
|
|
327
|
-
textDisabled: 'rgba(255, 255, 255, 0.4)',
|
|
328
327
|
textErrorHeavy: '#ff5352',
|
|
329
328
|
textErrorHeavyHover: '#ff726b',
|
|
330
329
|
textErrorHeavyPressed: '#dd5d58',
|
|
331
330
|
textInvertedAccentHeavy: 'rgba(0, 0, 0, 0.88)',
|
|
332
331
|
textInvertedAccentHeavyHover: 'rgba(0, 0, 0, 0.96)',
|
|
333
332
|
textInvertedAccentHeavyPressed: 'rgba(0, 0, 0, 0.96)',
|
|
334
|
-
textInvertedDisabled: 'rgba(0, 0, 0, 0.32)',
|
|
335
333
|
textInvertedErrorHeavy: '#c50220',
|
|
336
334
|
textInvertedErrorHeavyHover: '#e62b34',
|
|
337
335
|
textInvertedErrorHeavyPressed: '#943e3b',
|
|
336
|
+
textInvertedNeutralFaint: 'rgba(0, 0, 0, 0.32)',
|
|
338
337
|
textInvertedNeutralHeavy: 'rgba(0, 0, 0, 0.88)',
|
|
339
338
|
textInvertedNeutralPale: 'rgba(0, 0, 0, 0.4)',
|
|
340
339
|
textInvertedNeutralSoft: 'rgba(0, 0, 0, 0.56)',
|
|
@@ -345,6 +344,7 @@ export const SEMANTIC_TOKENS = {
|
|
|
345
344
|
textInvertedWarningHeavyHover: '#db9400',
|
|
346
345
|
textInvertedWarningHeavyPressed: '#956c30',
|
|
347
346
|
textLogo: '#22ad51',
|
|
347
|
+
textNeutralFaint: 'rgba(255, 255, 255, 0.4)',
|
|
348
348
|
textNeutralHeavy: 'rgba(255, 255, 255, 0.96)',
|
|
349
349
|
textNeutralPale: 'rgba(255, 255, 255, 0.48)',
|
|
350
350
|
textNeutralSoft: 'rgba(255, 255, 255, 0.64)',
|
|
@@ -354,19 +354,19 @@ export const SEMANTIC_TOKENS = {
|
|
|
354
354
|
textWarningHeavy: '#f8ae00',
|
|
355
355
|
textWarningHeavyHover: '#ffbf0b',
|
|
356
356
|
textWarningHeavyPressed: '#cc9a51',
|
|
357
|
-
|
|
358
|
-
|
|
357
|
+
textConstFaintBlack: 'rgba(0, 0, 0, 0.32)',
|
|
358
|
+
textConstFaintWhite: 'rgba(255, 255, 255, 0.4)',
|
|
359
359
|
textConstHeavyBlack: 'rgba(0, 0, 0, 0.88)',
|
|
360
360
|
textConstHeavyWhite: 'rgba(255, 255, 255, 0.96)',
|
|
361
361
|
textConstPaleBlack: 'rgba(0, 0, 0, 0.4)',
|
|
362
362
|
textConstPaleWhite: 'rgba(255, 255, 255, 0.48)',
|
|
363
363
|
textConstSoftBlack: 'rgba(0, 0, 0, 0.56)',
|
|
364
364
|
textConstSoftWhite: 'rgba(255, 255, 255, 0.64)',
|
|
365
|
-
|
|
365
|
+
textOnAccentBoldFaint: 'rgba(0, 0, 0, 0.32)',
|
|
366
366
|
textOnAccentBoldHeavy: 'rgba(0, 0, 0, 0.88)',
|
|
367
367
|
textOnAccentBoldPale: 'rgba(0, 0, 0, 0.4)',
|
|
368
368
|
textOnAccentBoldSoft: 'rgba(0, 0, 0, 0.56)',
|
|
369
|
-
|
|
369
|
+
textOnBrandOriginalFaint: 'rgba(255, 255, 255, 0.4)',
|
|
370
370
|
textOnBrandOriginalHeavy: 'rgba(255, 255, 255, 0.96)',
|
|
371
371
|
textOnBrandOriginalPale: 'rgba(255, 255, 255, 0.48)',
|
|
372
372
|
textOnBrandOriginalSoft: 'rgba(255, 255, 255, 0.64)',
|
|
@@ -413,9 +413,9 @@ export const SEMANTIC_TOKENS = {
|
|
|
413
413
|
shapeOtherAccentBoldDisabled: 'rgba(255, 255, 255, 0.32)',
|
|
414
414
|
shapeOtherBacklessHover: 'rgba(255, 255, 255, 0.06)',
|
|
415
415
|
shapeOtherBacklessPressed: 'rgba(255, 255, 255, 0.04)',
|
|
416
|
-
shapeOtherBase: '
|
|
417
|
-
shapeOtherBaseHover: '
|
|
418
|
-
shapeOtherBasePressed: '
|
|
416
|
+
shapeOtherBase: 'rgba(255, 255, 255, 0.06)',
|
|
417
|
+
shapeOtherBaseHover: 'rgba(255, 255, 255, 0.08)',
|
|
418
|
+
shapeOtherBasePressed: 'rgba(255, 255, 255, 0.04)',
|
|
419
419
|
shapeOtherDisabled: 'rgba(255, 255, 255, 0.06)',
|
|
420
420
|
shapeOtherField: 'rgba(0, 0, 0, 0.16)',
|
|
421
421
|
shapeOtherFieldHover: 'rgba(0, 0, 0, 0.04)',
|
|
@@ -3,17 +3,16 @@ export const SEMANTIC_TOKENS = {
|
|
|
3
3
|
textAccentHeavy: '#027b68',
|
|
4
4
|
textAccentHeavyHover: '#02957f',
|
|
5
5
|
textAccentHeavyPressed: '#216c5d',
|
|
6
|
-
textDisabled: 'rgba(0, 0, 0, 0.32)',
|
|
7
6
|
textErrorHeavy: '#c50220',
|
|
8
7
|
textErrorHeavyHover: '#e62b34',
|
|
9
8
|
textErrorHeavyPressed: '#943e3b',
|
|
10
9
|
textInvertedAccentHeavy: '#05bfa3',
|
|
11
10
|
textInvertedAccentHeavyHover: '#02dcbe',
|
|
12
11
|
textInvertedAccentHeavyPressed: '#35a08b',
|
|
13
|
-
textInvertedDisabled: 'rgba(255, 255, 255, 0.4)',
|
|
14
12
|
textInvertedErrorHeavy: '#ff5352',
|
|
15
13
|
textInvertedErrorHeavyHover: '#ff726b',
|
|
16
14
|
textInvertedErrorHeavyPressed: '#dd5d58',
|
|
15
|
+
textInvertedNeutralFaint: 'rgba(255, 255, 255, 0.4)',
|
|
17
16
|
textInvertedNeutralHeavy: 'rgba(255, 255, 255, 0.96)',
|
|
18
17
|
textInvertedNeutralPale: 'rgba(255, 255, 255, 0.48)',
|
|
19
18
|
textInvertedNeutralSoft: 'rgba(255, 255, 255, 0.64)',
|
|
@@ -24,6 +23,7 @@ export const SEMANTIC_TOKENS = {
|
|
|
24
23
|
textInvertedWarningHeavyHover: '#ffbf0b',
|
|
25
24
|
textInvertedWarningHeavyPressed: '#cc9a51',
|
|
26
25
|
textLogo: '#00BEA2',
|
|
26
|
+
textNeutralFaint: 'rgba(0, 0, 0, 0.32)',
|
|
27
27
|
textNeutralHeavy: 'rgba(0, 0, 0, 0.88)',
|
|
28
28
|
textNeutralPale: 'rgba(0, 0, 0, 0.4)',
|
|
29
29
|
textNeutralSoft: 'rgba(0, 0, 0, 0.56)',
|
|
@@ -33,19 +33,19 @@ export const SEMANTIC_TOKENS = {
|
|
|
33
33
|
textWarningHeavy: '#bc7d00',
|
|
34
34
|
textWarningHeavyHover: '#db9400',
|
|
35
35
|
textWarningHeavyPressed: '#a37736',
|
|
36
|
-
|
|
37
|
-
|
|
36
|
+
textConstFaintBlack: 'rgba(0, 0, 0, 0.32)',
|
|
37
|
+
textConstFaintWhite: 'rgba(255, 255, 255, 0.4)',
|
|
38
38
|
textConstHeavyBlack: 'rgba(0, 0, 0, 0.88)',
|
|
39
39
|
textConstHeavyWhite: 'rgba(255, 255, 255, 0.96)',
|
|
40
40
|
textConstPaleBlack: 'rgba(0, 0, 0, 0.4)',
|
|
41
41
|
textConstPaleWhite: 'rgba(255, 255, 255, 0.48)',
|
|
42
42
|
textConstSoftBlack: 'rgba(0, 0, 0, 0.56)',
|
|
43
43
|
textConstSoftWhite: 'rgba(255, 255, 255, 0.64)',
|
|
44
|
-
|
|
44
|
+
textOnAccentBoldFaint: 'rgba(255, 255, 255, 0.4)',
|
|
45
45
|
textOnAccentBoldHeavy: 'rgba(255, 255, 255, 0.96)',
|
|
46
46
|
textOnAccentBoldPale: 'rgba(255, 255, 255, 0.48)',
|
|
47
47
|
textOnAccentBoldSoft: 'rgba(255, 255, 255, 0.64)',
|
|
48
|
-
|
|
48
|
+
textOnBrandOriginalFaint: 'rgba(255, 255, 255, 0.4)',
|
|
49
49
|
textOnBrandOriginalHeavy: 'rgba(255, 255, 255, 0.96)',
|
|
50
50
|
textOnBrandOriginalPale: 'rgba(255, 255, 255, 0.48)',
|
|
51
51
|
textOnBrandOriginalSoft: 'rgba(255, 255, 255, 0.64)',
|
|
@@ -324,17 +324,16 @@ export const SEMANTIC_TOKENS = {
|
|
|
324
324
|
textAccentHeavy: '#05bfa3',
|
|
325
325
|
textAccentHeavyHover: '#02dcbe',
|
|
326
326
|
textAccentHeavyPressed: '#35a08b',
|
|
327
|
-
textDisabled: 'rgba(255, 255, 255, 0.4)',
|
|
328
327
|
textErrorHeavy: '#ff5352',
|
|
329
328
|
textErrorHeavyHover: '#ff726b',
|
|
330
329
|
textErrorHeavyPressed: '#dd5d58',
|
|
331
330
|
textInvertedAccentHeavy: '#027b68',
|
|
332
331
|
textInvertedAccentHeavyHover: '#02957f',
|
|
333
332
|
textInvertedAccentHeavyPressed: '#216c5d',
|
|
334
|
-
textInvertedDisabled: 'rgba(0, 0, 0, 0.32)',
|
|
335
333
|
textInvertedErrorHeavy: '#c50220',
|
|
336
334
|
textInvertedErrorHeavyHover: '#e62b34',
|
|
337
335
|
textInvertedErrorHeavyPressed: '#943e3b',
|
|
336
|
+
textInvertedNeutralFaint: 'rgba(0, 0, 0, 0.32)',
|
|
338
337
|
textInvertedNeutralHeavy: 'rgba(0, 0, 0, 0.88)',
|
|
339
338
|
textInvertedNeutralPale: 'rgba(0, 0, 0, 0.4)',
|
|
340
339
|
textInvertedNeutralSoft: 'rgba(0, 0, 0, 0.56)',
|
|
@@ -345,6 +344,7 @@ export const SEMANTIC_TOKENS = {
|
|
|
345
344
|
textInvertedWarningHeavyHover: '#db9400',
|
|
346
345
|
textInvertedWarningHeavyPressed: '#956c30',
|
|
347
346
|
textLogo: '#00bea2',
|
|
347
|
+
textNeutralFaint: 'rgba(255, 255, 255, 0.4)',
|
|
348
348
|
textNeutralHeavy: 'rgba(255, 255, 255, 0.96)',
|
|
349
349
|
textNeutralPale: 'rgba(255, 255, 255, 0.48)',
|
|
350
350
|
textNeutralSoft: 'rgba(255, 255, 255, 0.64)',
|
|
@@ -354,19 +354,19 @@ export const SEMANTIC_TOKENS = {
|
|
|
354
354
|
textWarningHeavy: '#f8ae00',
|
|
355
355
|
textWarningHeavyHover: '#ffbf0b',
|
|
356
356
|
textWarningHeavyPressed: '#cc9a51',
|
|
357
|
-
|
|
358
|
-
|
|
357
|
+
textConstFaintBlack: 'rgba(0, 0, 0, 0.32)',
|
|
358
|
+
textConstFaintWhite: 'rgba(255, 255, 255, 0.4)',
|
|
359
359
|
textConstHeavyBlack: 'rgba(0, 0, 0, 0.88)',
|
|
360
360
|
textConstHeavyWhite: 'rgba(255, 255, 255, 0.96)',
|
|
361
361
|
textConstPaleBlack: 'rgba(0, 0, 0, 0.4)',
|
|
362
362
|
textConstPaleWhite: 'rgba(255, 255, 255, 0.48)',
|
|
363
363
|
textConstSoftBlack: 'rgba(0, 0, 0, 0.56)',
|
|
364
364
|
textConstSoftWhite: 'rgba(255, 255, 255, 0.64)',
|
|
365
|
-
|
|
365
|
+
textOnAccentBoldFaint: 'rgba(255, 255, 255, 0.32)',
|
|
366
366
|
textOnAccentBoldHeavy: 'rgba(255, 255, 255, 0.96)',
|
|
367
367
|
textOnAccentBoldPale: 'rgba(255, 255, 255, 0.4)',
|
|
368
368
|
textOnAccentBoldSoft: 'rgba(255, 255, 255, 0.56)',
|
|
369
|
-
|
|
369
|
+
textOnBrandOriginalFaint: 'rgba(255, 255, 255, 0.4)',
|
|
370
370
|
textOnBrandOriginalHeavy: 'rgba(255, 255, 255, 0.96)',
|
|
371
371
|
textOnBrandOriginalPale: 'rgba(255, 255, 255, 0.48)',
|
|
372
372
|
textOnBrandOriginalSoft: 'rgba(255, 255, 255, 0.64)',
|
|
@@ -413,9 +413,9 @@ export const SEMANTIC_TOKENS = {
|
|
|
413
413
|
shapeOtherAccentBoldDisabled: 'rgba(255, 255, 255, 0.32)',
|
|
414
414
|
shapeOtherBacklessHover: 'rgba(255, 255, 255, 0.06)',
|
|
415
415
|
shapeOtherBacklessPressed: 'rgba(255, 255, 255, 0.04)',
|
|
416
|
-
shapeOtherBase: '
|
|
417
|
-
shapeOtherBaseHover: '
|
|
418
|
-
shapeOtherBasePressed: '
|
|
416
|
+
shapeOtherBase: 'rgba(255, 255, 255, 0.06)',
|
|
417
|
+
shapeOtherBaseHover: 'rgba(255, 255, 255, 0.08)',
|
|
418
|
+
shapeOtherBasePressed: 'rgba(255, 255, 255, 0.04)',
|
|
419
419
|
shapeOtherDisabled: 'rgba(255, 255, 255, 0.06)',
|
|
420
420
|
shapeOtherField: 'rgba(0, 0, 0, 0.16)',
|
|
421
421
|
shapeOtherFieldHover: 'rgba(0, 0, 0, 0.04)',
|
|
@@ -3,17 +3,16 @@ export const SEMANTIC_TOKENS = {
|
|
|
3
3
|
textAccentHeavy: 'rgba(0, 0, 0, 0.88)',
|
|
4
4
|
textAccentHeavyHover: 'rgba(0, 0, 0, 0.96)',
|
|
5
5
|
textAccentHeavyPressed: 'rgba(0, 0, 0, 0.96)',
|
|
6
|
-
textDisabled: 'rgba(0, 0, 0, 0.32)',
|
|
7
6
|
textErrorHeavy: '#c50220',
|
|
8
7
|
textErrorHeavyHover: '#e62b34',
|
|
9
8
|
textErrorHeavyPressed: '#943e3b',
|
|
10
9
|
textInvertedAccentHeavy: 'rgba(255, 255, 255, 0.96)',
|
|
11
10
|
textInvertedAccentHeavyHover: '#ffffff',
|
|
12
11
|
textInvertedAccentHeavyPressed: '#ffffff',
|
|
13
|
-
textInvertedDisabled: 'rgba(255, 255, 255, 0.4)',
|
|
14
12
|
textInvertedErrorHeavy: '#ff5352',
|
|
15
13
|
textInvertedErrorHeavyHover: '#ff726b',
|
|
16
14
|
textInvertedErrorHeavyPressed: '#dd5d58',
|
|
15
|
+
textInvertedNeutralFaint: 'rgba(255, 255, 255, 0.4)',
|
|
17
16
|
textInvertedNeutralHeavy: 'rgba(255, 255, 255, 0.96)',
|
|
18
17
|
textInvertedNeutralPale: 'rgba(255, 255, 255, 0.48)',
|
|
19
18
|
textInvertedNeutralSoft: 'rgba(255, 255, 255, 0.64)',
|
|
@@ -24,6 +23,7 @@ export const SEMANTIC_TOKENS = {
|
|
|
24
23
|
textInvertedWarningHeavyHover: '#ffbf0b',
|
|
25
24
|
textInvertedWarningHeavyPressed: '#cc9a51',
|
|
26
25
|
textLogo: '#00BEA2',
|
|
26
|
+
textNeutralFaint: 'rgba(0, 0, 0, 0.32)',
|
|
27
27
|
textNeutralHeavy: 'rgba(0, 0, 0, 0.88)',
|
|
28
28
|
textNeutralPale: 'rgba(0, 0, 0, 0.4)',
|
|
29
29
|
textNeutralSoft: 'rgba(0, 0, 0, 0.56)',
|
|
@@ -33,19 +33,19 @@ export const SEMANTIC_TOKENS = {
|
|
|
33
33
|
textWarningHeavy: '#bc7d00',
|
|
34
34
|
textWarningHeavyHover: '#db9400',
|
|
35
35
|
textWarningHeavyPressed: '#a37736',
|
|
36
|
-
|
|
37
|
-
|
|
36
|
+
textConstFaintBlack: 'rgba(0, 0, 0, 0.32)',
|
|
37
|
+
textConstFaintWhite: 'rgba(255, 255, 255, 0.4)',
|
|
38
38
|
textConstHeavyBlack: 'rgba(0, 0, 0, 0.88)',
|
|
39
39
|
textConstHeavyWhite: 'rgba(255, 255, 255, 0.96)',
|
|
40
40
|
textConstPaleBlack: 'rgba(0, 0, 0, 0.4)',
|
|
41
41
|
textConstPaleWhite: 'rgba(255, 255, 255, 0.48)',
|
|
42
42
|
textConstSoftBlack: 'rgba(0, 0, 0, 0.56)',
|
|
43
43
|
textConstSoftWhite: 'rgba(255, 255, 255, 0.64)',
|
|
44
|
-
|
|
44
|
+
textOnAccentBoldFaint: 'rgba(255, 255, 255, 0.4)',
|
|
45
45
|
textOnAccentBoldHeavy: 'rgba(255, 255, 255, 0.96)',
|
|
46
46
|
textOnAccentBoldPale: 'rgba(255, 255, 255, 0.48)',
|
|
47
47
|
textOnAccentBoldSoft: 'rgba(255, 255, 255, 0.64)',
|
|
48
|
-
|
|
48
|
+
textOnBrandOriginalFaint: 'rgba(255, 255, 255, 0.4)',
|
|
49
49
|
textOnBrandOriginalHeavy: 'rgba(255, 255, 255, 0.96)',
|
|
50
50
|
textOnBrandOriginalPale: 'rgba(255, 255, 255, 0.48)',
|
|
51
51
|
textOnBrandOriginalSoft: 'rgba(255, 255, 255, 0.64)',
|
|
@@ -324,17 +324,16 @@ export const SEMANTIC_TOKENS = {
|
|
|
324
324
|
textAccentHeavy: 'rgba(255, 255, 255, 0.96)',
|
|
325
325
|
textAccentHeavyHover: '#ffffff',
|
|
326
326
|
textAccentHeavyPressed: '#ffffff',
|
|
327
|
-
textDisabled: 'rgba(255, 255, 255, 0.4)',
|
|
328
327
|
textErrorHeavy: '#ff5352',
|
|
329
328
|
textErrorHeavyHover: '#ff726b',
|
|
330
329
|
textErrorHeavyPressed: '#dd5d58',
|
|
331
330
|
textInvertedAccentHeavy: 'rgba(0, 0, 0, 0.88)',
|
|
332
331
|
textInvertedAccentHeavyHover: 'rgba(0, 0, 0, 0.96)',
|
|
333
332
|
textInvertedAccentHeavyPressed: 'rgba(0, 0, 0, 0.96)',
|
|
334
|
-
textInvertedDisabled: 'rgba(0, 0, 0, 0.32)',
|
|
335
333
|
textInvertedErrorHeavy: '#c50220',
|
|
336
334
|
textInvertedErrorHeavyHover: '#e62b34',
|
|
337
335
|
textInvertedErrorHeavyPressed: '#943e3b',
|
|
336
|
+
textInvertedNeutralFaint: 'rgba(0, 0, 0, 0.32)',
|
|
338
337
|
textInvertedNeutralHeavy: 'rgba(0, 0, 0, 0.88)',
|
|
339
338
|
textInvertedNeutralPale: 'rgba(0, 0, 0, 0.4)',
|
|
340
339
|
textInvertedNeutralSoft: 'rgba(0, 0, 0, 0.56)',
|
|
@@ -345,6 +344,7 @@ export const SEMANTIC_TOKENS = {
|
|
|
345
344
|
textInvertedWarningHeavyHover: '#db9400',
|
|
346
345
|
textInvertedWarningHeavyPressed: '#956c30',
|
|
347
346
|
textLogo: '#00bea2',
|
|
347
|
+
textNeutralFaint: 'rgba(255, 255, 255, 0.4)',
|
|
348
348
|
textNeutralHeavy: 'rgba(255, 255, 255, 0.96)',
|
|
349
349
|
textNeutralPale: 'rgba(255, 255, 255, 0.48)',
|
|
350
350
|
textNeutralSoft: 'rgba(255, 255, 255, 0.64)',
|
|
@@ -354,19 +354,19 @@ export const SEMANTIC_TOKENS = {
|
|
|
354
354
|
textWarningHeavy: '#f8ae00',
|
|
355
355
|
textWarningHeavyHover: '#ffbf0b',
|
|
356
356
|
textWarningHeavyPressed: '#cc9a51',
|
|
357
|
-
|
|
358
|
-
|
|
357
|
+
textConstFaintBlack: 'rgba(0, 0, 0, 0.32)',
|
|
358
|
+
textConstFaintWhite: 'rgba(255, 255, 255, 0.4)',
|
|
359
359
|
textConstHeavyBlack: 'rgba(0, 0, 0, 0.88)',
|
|
360
360
|
textConstHeavyWhite: 'rgba(255, 255, 255, 0.96)',
|
|
361
361
|
textConstPaleBlack: 'rgba(0, 0, 0, 0.4)',
|
|
362
362
|
textConstPaleWhite: 'rgba(255, 255, 255, 0.48)',
|
|
363
363
|
textConstSoftBlack: 'rgba(0, 0, 0, 0.56)',
|
|
364
364
|
textConstSoftWhite: 'rgba(255, 255, 255, 0.64)',
|
|
365
|
-
|
|
365
|
+
textOnAccentBoldFaint: 'rgba(0, 0, 0, 0.32)',
|
|
366
366
|
textOnAccentBoldHeavy: 'rgba(0, 0, 0, 0.88)',
|
|
367
367
|
textOnAccentBoldPale: 'rgba(0, 0, 0, 0.4)',
|
|
368
368
|
textOnAccentBoldSoft: 'rgba(0, 0, 0, 0.56)',
|
|
369
|
-
|
|
369
|
+
textOnBrandOriginalFaint: 'rgba(255, 255, 255, 0.4)',
|
|
370
370
|
textOnBrandOriginalHeavy: 'rgba(255, 255, 255, 0.96)',
|
|
371
371
|
textOnBrandOriginalPale: 'rgba(255, 255, 255, 0.48)',
|
|
372
372
|
textOnBrandOriginalSoft: 'rgba(255, 255, 255, 0.64)',
|
|
@@ -413,9 +413,9 @@ export const SEMANTIC_TOKENS = {
|
|
|
413
413
|
shapeOtherAccentBoldDisabled: 'rgba(255, 255, 255, 0.32)',
|
|
414
414
|
shapeOtherBacklessHover: 'rgba(255, 255, 255, 0.06)',
|
|
415
415
|
shapeOtherBacklessPressed: 'rgba(255, 255, 255, 0.04)',
|
|
416
|
-
shapeOtherBase: '
|
|
417
|
-
shapeOtherBaseHover: '
|
|
418
|
-
shapeOtherBasePressed: '
|
|
416
|
+
shapeOtherBase: 'rgba(255, 255, 255, 0.06)',
|
|
417
|
+
shapeOtherBaseHover: 'rgba(255, 255, 255, 0.08)',
|
|
418
|
+
shapeOtherBasePressed: 'rgba(255, 255, 255, 0.04)',
|
|
419
419
|
shapeOtherDisabled: 'rgba(255, 255, 255, 0.06)',
|
|
420
420
|
shapeOtherField: 'rgba(0, 0, 0, 0.16)',
|
|
421
421
|
shapeOtherFieldHover: 'rgba(0, 0, 0, 0.04)',
|
|
@@ -3,17 +3,16 @@ export const SEMANTIC_TOKENS = {
|
|
|
3
3
|
textAccentHeavy: 'rgba(0, 0, 0, 0.88)',
|
|
4
4
|
textAccentHeavyHover: 'rgba(0, 0, 0, 0.96)',
|
|
5
5
|
textAccentHeavyPressed: 'rgba(0, 0, 0, 0.96)',
|
|
6
|
-
textDisabled: 'rgba(0, 0, 0, 0.32)',
|
|
7
6
|
textErrorHeavy: '#c50220',
|
|
8
7
|
textErrorHeavyHover: '#e62b34',
|
|
9
8
|
textErrorHeavyPressed: '#943e3b',
|
|
10
9
|
textInvertedAccentHeavy: 'rgba(255, 255, 255, 0.96)',
|
|
11
10
|
textInvertedAccentHeavyHover: '#ffffff',
|
|
12
11
|
textInvertedAccentHeavyPressed: '#ffffff',
|
|
13
|
-
textInvertedDisabled: 'rgba(255, 255, 255, 0.4)',
|
|
14
12
|
textInvertedErrorHeavy: '#ff5352',
|
|
15
13
|
textInvertedErrorHeavyHover: '#ff726b',
|
|
16
14
|
textInvertedErrorHeavyPressed: '#dd5d58',
|
|
15
|
+
textInvertedNeutralFaint: 'rgba(255, 255, 255, 0.4)',
|
|
17
16
|
textInvertedNeutralHeavy: 'rgba(255, 255, 255, 0.96)',
|
|
18
17
|
textInvertedNeutralPale: 'rgba(255, 255, 255, 0.48)',
|
|
19
18
|
textInvertedNeutralSoft: 'rgba(255, 255, 255, 0.64)',
|
|
@@ -24,6 +23,7 @@ export const SEMANTIC_TOKENS = {
|
|
|
24
23
|
textInvertedWarningHeavyHover: '#ffbf0b',
|
|
25
24
|
textInvertedWarningHeavyPressed: '#cc9a51',
|
|
26
25
|
textLogo: '#FC7630',
|
|
26
|
+
textNeutralFaint: 'rgba(0, 0, 0, 0.32)',
|
|
27
27
|
textNeutralHeavy: 'rgba(0, 0, 0, 0.88)',
|
|
28
28
|
textNeutralPale: 'rgba(0, 0, 0, 0.4)',
|
|
29
29
|
textNeutralSoft: 'rgba(0, 0, 0, 0.56)',
|
|
@@ -33,19 +33,19 @@ export const SEMANTIC_TOKENS = {
|
|
|
33
33
|
textWarningHeavy: '#bc7d00',
|
|
34
34
|
textWarningHeavyHover: '#db9400',
|
|
35
35
|
textWarningHeavyPressed: '#a37736',
|
|
36
|
-
|
|
37
|
-
|
|
36
|
+
textConstFaintBlack: 'rgba(0, 0, 0, 0.32)',
|
|
37
|
+
textConstFaintWhite: 'rgba(255, 255, 255, 0.4)',
|
|
38
38
|
textConstHeavyBlack: 'rgba(0, 0, 0, 0.88)',
|
|
39
39
|
textConstHeavyWhite: 'rgba(255, 255, 255, 0.96)',
|
|
40
40
|
textConstPaleBlack: 'rgba(0, 0, 0, 0.4)',
|
|
41
41
|
textConstPaleWhite: 'rgba(255, 255, 255, 0.48)',
|
|
42
42
|
textConstSoftBlack: 'rgba(0, 0, 0, 0.56)',
|
|
43
43
|
textConstSoftWhite: 'rgba(255, 255, 255, 0.64)',
|
|
44
|
-
|
|
44
|
+
textOnAccentBoldFaint: 'rgba(255, 255, 255, 0.4)',
|
|
45
45
|
textOnAccentBoldHeavy: 'rgba(255, 255, 255, 0.96)',
|
|
46
46
|
textOnAccentBoldPale: 'rgba(255, 255, 255, 0.48)',
|
|
47
47
|
textOnAccentBoldSoft: 'rgba(255, 255, 255, 0.64)',
|
|
48
|
-
|
|
48
|
+
textOnBrandOriginalFaint: 'rgba(255, 255, 255, 0.4)',
|
|
49
49
|
textOnBrandOriginalHeavy: 'rgba(255, 255, 255, 0.96)',
|
|
50
50
|
textOnBrandOriginalPale: 'rgba(255, 255, 255, 0.48)',
|
|
51
51
|
textOnBrandOriginalSoft: 'rgba(255, 255, 255, 0.64)',
|
|
@@ -324,17 +324,16 @@ export const SEMANTIC_TOKENS = {
|
|
|
324
324
|
textAccentHeavy: 'rgba(255, 255, 255, 0.96)',
|
|
325
325
|
textAccentHeavyHover: '#ffffff',
|
|
326
326
|
textAccentHeavyPressed: '#ffffff',
|
|
327
|
-
textDisabled: 'rgba(255, 255, 255, 0.4)',
|
|
328
327
|
textErrorHeavy: '#ff5352',
|
|
329
328
|
textErrorHeavyHover: '#ff726b',
|
|
330
329
|
textErrorHeavyPressed: '#dd5d58',
|
|
331
330
|
textInvertedAccentHeavy: 'rgba(0, 0, 0, 0.88)',
|
|
332
331
|
textInvertedAccentHeavyHover: 'rgba(0, 0, 0, 0.96)',
|
|
333
332
|
textInvertedAccentHeavyPressed: 'rgba(0, 0, 0, 0.96)',
|
|
334
|
-
textInvertedDisabled: 'rgba(0, 0, 0, 0.32)',
|
|
335
333
|
textInvertedErrorHeavy: '#c50220',
|
|
336
334
|
textInvertedErrorHeavyHover: '#e62b34',
|
|
337
335
|
textInvertedErrorHeavyPressed: '#943e3b',
|
|
336
|
+
textInvertedNeutralFaint: 'rgba(0, 0, 0, 0.32)',
|
|
338
337
|
textInvertedNeutralHeavy: 'rgba(0, 0, 0, 0.88)',
|
|
339
338
|
textInvertedNeutralPale: 'rgba(0, 0, 0, 0.4)',
|
|
340
339
|
textInvertedNeutralSoft: 'rgba(0, 0, 0, 0.56)',
|
|
@@ -345,6 +344,7 @@ export const SEMANTIC_TOKENS = {
|
|
|
345
344
|
textInvertedWarningHeavyHover: '#db9400',
|
|
346
345
|
textInvertedWarningHeavyPressed: '#956c30',
|
|
347
346
|
textLogo: '#fc762f',
|
|
347
|
+
textNeutralFaint: 'rgba(255, 255, 255, 0.4)',
|
|
348
348
|
textNeutralHeavy: 'rgba(255, 255, 255, 0.96)',
|
|
349
349
|
textNeutralPale: 'rgba(255, 255, 255, 0.48)',
|
|
350
350
|
textNeutralSoft: 'rgba(255, 255, 255, 0.64)',
|
|
@@ -354,19 +354,19 @@ export const SEMANTIC_TOKENS = {
|
|
|
354
354
|
textWarningHeavy: '#f8ae00',
|
|
355
355
|
textWarningHeavyHover: '#ffbf0b',
|
|
356
356
|
textWarningHeavyPressed: '#cc9a51',
|
|
357
|
-
|
|
358
|
-
|
|
357
|
+
textConstFaintBlack: 'rgba(0, 0, 0, 0.32)',
|
|
358
|
+
textConstFaintWhite: 'rgba(255, 255, 255, 0.4)',
|
|
359
359
|
textConstHeavyBlack: 'rgba(0, 0, 0, 0.88)',
|
|
360
360
|
textConstHeavyWhite: 'rgba(255, 255, 255, 0.96)',
|
|
361
361
|
textConstPaleBlack: 'rgba(0, 0, 0, 0.4)',
|
|
362
362
|
textConstPaleWhite: 'rgba(255, 255, 255, 0.48)',
|
|
363
363
|
textConstSoftBlack: 'rgba(0, 0, 0, 0.56)',
|
|
364
364
|
textConstSoftWhite: 'rgba(255, 255, 255, 0.64)',
|
|
365
|
-
|
|
365
|
+
textOnAccentBoldFaint: 'rgba(0, 0, 0, 0.32)',
|
|
366
366
|
textOnAccentBoldHeavy: 'rgba(0, 0, 0, 0.88)',
|
|
367
367
|
textOnAccentBoldPale: 'rgba(0, 0, 0, 0.4)',
|
|
368
368
|
textOnAccentBoldSoft: 'rgba(0, 0, 0, 0.56)',
|
|
369
|
-
|
|
369
|
+
textOnBrandOriginalFaint: 'rgba(255, 255, 255, 0.4)',
|
|
370
370
|
textOnBrandOriginalHeavy: 'rgba(255, 255, 255, 0.96)',
|
|
371
371
|
textOnBrandOriginalPale: 'rgba(255, 255, 255, 0.48)',
|
|
372
372
|
textOnBrandOriginalSoft: 'rgba(255, 255, 255, 0.64)',
|
|
@@ -413,9 +413,9 @@ export const SEMANTIC_TOKENS = {
|
|
|
413
413
|
shapeOtherAccentBoldDisabled: 'rgba(255, 255, 255, 0.32)',
|
|
414
414
|
shapeOtherBacklessHover: 'rgba(255, 255, 255, 0.06)',
|
|
415
415
|
shapeOtherBacklessPressed: 'rgba(255, 255, 255, 0.04)',
|
|
416
|
-
shapeOtherBase: '
|
|
417
|
-
shapeOtherBaseHover: '
|
|
418
|
-
shapeOtherBasePressed: '
|
|
416
|
+
shapeOtherBase: 'rgba(255, 255, 255, 0.06)',
|
|
417
|
+
shapeOtherBaseHover: 'rgba(255, 255, 255, 0.08)',
|
|
418
|
+
shapeOtherBasePressed: 'rgba(255, 255, 255, 0.04)',
|
|
419
419
|
shapeOtherDisabled: 'rgba(255, 255, 255, 0.06)',
|
|
420
420
|
shapeOtherField: 'rgba(0, 0, 0, 0.16)',
|
|
421
421
|
shapeOtherFieldHover: 'rgba(0, 0, 0, 0.04)',
|
|
@@ -3,17 +3,16 @@ export const SEMANTIC_TOKENS = {
|
|
|
3
3
|
textAccentHeavy: '#992db3',
|
|
4
4
|
textAccentHeavyHover: '#b545d1',
|
|
5
5
|
textAccentHeavyPressed: '#7c428b',
|
|
6
|
-
textDisabled: 'rgba(0, 0, 0, 0.32)',
|
|
7
6
|
textErrorHeavy: '#c50220',
|
|
8
7
|
textErrorHeavyHover: '#e62b34',
|
|
9
8
|
textErrorHeavyPressed: '#943e3b',
|
|
10
9
|
textInvertedAccentHeavy: '#db70f7',
|
|
11
10
|
textInvertedAccentHeavyHover: '#ea9aff',
|
|
12
11
|
textInvertedAccentHeavyPressed: '#b568ca',
|
|
13
|
-
textInvertedDisabled: 'rgba(255, 255, 255, 0.4)',
|
|
14
12
|
textInvertedErrorHeavy: '#ff5352',
|
|
15
13
|
textInvertedErrorHeavyHover: '#ff726b',
|
|
16
14
|
textInvertedErrorHeavyPressed: '#dd5d58',
|
|
15
|
+
textInvertedNeutralFaint: 'rgba(255, 255, 255, 0.4)',
|
|
17
16
|
textInvertedNeutralHeavy: 'rgba(255, 255, 255, 0.96)',
|
|
18
17
|
textInvertedNeutralPale: 'rgba(255, 255, 255, 0.48)',
|
|
19
18
|
textInvertedNeutralSoft: 'rgba(255, 255, 255, 0.64)',
|
|
@@ -24,6 +23,7 @@ export const SEMANTIC_TOKENS = {
|
|
|
24
23
|
textInvertedWarningHeavyHover: '#ffbf0b',
|
|
25
24
|
textInvertedWarningHeavyPressed: '#cc9a51',
|
|
26
25
|
textLogo: '#B750D1',
|
|
26
|
+
textNeutralFaint: 'rgba(0, 0, 0, 0.32)',
|
|
27
27
|
textNeutralHeavy: 'rgba(0, 0, 0, 0.88)',
|
|
28
28
|
textNeutralPale: 'rgba(0, 0, 0, 0.4)',
|
|
29
29
|
textNeutralSoft: 'rgba(0, 0, 0, 0.56)',
|
|
@@ -33,19 +33,19 @@ export const SEMANTIC_TOKENS = {
|
|
|
33
33
|
textWarningHeavy: '#bc7d00',
|
|
34
34
|
textWarningHeavyHover: '#db9400',
|
|
35
35
|
textWarningHeavyPressed: '#a37736',
|
|
36
|
-
|
|
37
|
-
|
|
36
|
+
textConstFaintBlack: 'rgba(0, 0, 0, 0.32)',
|
|
37
|
+
textConstFaintWhite: 'rgba(255, 255, 255, 0.4)',
|
|
38
38
|
textConstHeavyBlack: 'rgba(0, 0, 0, 0.88)',
|
|
39
39
|
textConstHeavyWhite: 'rgba(255, 255, 255, 0.96)',
|
|
40
40
|
textConstPaleBlack: 'rgba(0, 0, 0, 0.4)',
|
|
41
41
|
textConstPaleWhite: 'rgba(255, 255, 255, 0.48)',
|
|
42
42
|
textConstSoftBlack: 'rgba(0, 0, 0, 0.56)',
|
|
43
43
|
textConstSoftWhite: 'rgba(255, 255, 255, 0.64)',
|
|
44
|
-
|
|
44
|
+
textOnAccentBoldFaint: 'rgba(255, 255, 255, 0.4)',
|
|
45
45
|
textOnAccentBoldHeavy: 'rgba(255, 255, 255, 0.96)',
|
|
46
46
|
textOnAccentBoldPale: 'rgba(255, 255, 255, 0.48)',
|
|
47
47
|
textOnAccentBoldSoft: 'rgba(255, 255, 255, 0.64)',
|
|
48
|
-
|
|
48
|
+
textOnBrandOriginalFaint: 'rgba(255, 255, 255, 0.4)',
|
|
49
49
|
textOnBrandOriginalHeavy: 'rgba(255, 255, 255, 0.96)',
|
|
50
50
|
textOnBrandOriginalPale: 'rgba(255, 255, 255, 0.48)',
|
|
51
51
|
textOnBrandOriginalSoft: 'rgba(255, 255, 255, 0.64)',
|
|
@@ -324,17 +324,16 @@ export const SEMANTIC_TOKENS = {
|
|
|
324
324
|
textAccentHeavy: '#db70f7',
|
|
325
325
|
textAccentHeavyHover: '#ea9aff',
|
|
326
326
|
textAccentHeavyPressed: '#b568ca',
|
|
327
|
-
textDisabled: 'rgba(255, 255, 255, 0.4)',
|
|
328
327
|
textErrorHeavy: '#ff5352',
|
|
329
328
|
textErrorHeavyHover: '#ff726b',
|
|
330
329
|
textErrorHeavyPressed: '#dd5d58',
|
|
331
330
|
textInvertedAccentHeavy: '#992db3',
|
|
332
331
|
textInvertedAccentHeavyHover: '#b545d1',
|
|
333
332
|
textInvertedAccentHeavyPressed: '#7c428b',
|
|
334
|
-
textInvertedDisabled: 'rgba(0, 0, 0, 0.32)',
|
|
335
333
|
textInvertedErrorHeavy: '#c50220',
|
|
336
334
|
textInvertedErrorHeavyHover: '#e62b34',
|
|
337
335
|
textInvertedErrorHeavyPressed: '#943e3b',
|
|
336
|
+
textInvertedNeutralFaint: 'rgba(0, 0, 0, 0.32)',
|
|
338
337
|
textInvertedNeutralHeavy: 'rgba(0, 0, 0, 0.88)',
|
|
339
338
|
textInvertedNeutralPale: 'rgba(0, 0, 0, 0.4)',
|
|
340
339
|
textInvertedNeutralSoft: 'rgba(0, 0, 0, 0.56)',
|
|
@@ -345,6 +344,7 @@ export const SEMANTIC_TOKENS = {
|
|
|
345
344
|
textInvertedWarningHeavyHover: '#db9400',
|
|
346
345
|
textInvertedWarningHeavyPressed: '#956c30',
|
|
347
346
|
textLogo: '#bf58d9',
|
|
347
|
+
textNeutralFaint: 'rgba(255, 255, 255, 0.4)',
|
|
348
348
|
textNeutralHeavy: 'rgba(255, 255, 255, 0.96)',
|
|
349
349
|
textNeutralPale: 'rgba(255, 255, 255, 0.48)',
|
|
350
350
|
textNeutralSoft: 'rgba(255, 255, 255, 0.64)',
|
|
@@ -354,19 +354,19 @@ export const SEMANTIC_TOKENS = {
|
|
|
354
354
|
textWarningHeavy: '#f8ae00',
|
|
355
355
|
textWarningHeavyHover: '#ffbf0b',
|
|
356
356
|
textWarningHeavyPressed: '#cc9a51',
|
|
357
|
-
|
|
358
|
-
|
|
357
|
+
textConstFaintBlack: 'rgba(0, 0, 0, 0.32)',
|
|
358
|
+
textConstFaintWhite: 'rgba(255, 255, 255, 0.4)',
|
|
359
359
|
textConstHeavyBlack: 'rgba(0, 0, 0, 0.88)',
|
|
360
360
|
textConstHeavyWhite: 'rgba(255, 255, 255, 0.96)',
|
|
361
361
|
textConstPaleBlack: 'rgba(0, 0, 0, 0.4)',
|
|
362
362
|
textConstPaleWhite: 'rgba(255, 255, 255, 0.48)',
|
|
363
363
|
textConstSoftBlack: 'rgba(0, 0, 0, 0.56)',
|
|
364
364
|
textConstSoftWhite: 'rgba(255, 255, 255, 0.64)',
|
|
365
|
-
|
|
365
|
+
textOnAccentBoldFaint: 'rgba(255, 255, 255, 0.32)',
|
|
366
366
|
textOnAccentBoldHeavy: 'rgba(255, 255, 255, 0.96)',
|
|
367
367
|
textOnAccentBoldPale: 'rgba(255, 255, 255, 0.4)',
|
|
368
368
|
textOnAccentBoldSoft: 'rgba(255, 255, 255, 0.56)',
|
|
369
|
-
|
|
369
|
+
textOnBrandOriginalFaint: 'rgba(255, 255, 255, 0.4)',
|
|
370
370
|
textOnBrandOriginalHeavy: 'rgba(255, 255, 255, 0.96)',
|
|
371
371
|
textOnBrandOriginalPale: 'rgba(255, 255, 255, 0.48)',
|
|
372
372
|
textOnBrandOriginalSoft: 'rgba(255, 255, 255, 0.64)',
|
|
@@ -413,9 +413,9 @@ export const SEMANTIC_TOKENS = {
|
|
|
413
413
|
shapeOtherAccentBoldDisabled: 'rgba(255, 255, 255, 0.32)',
|
|
414
414
|
shapeOtherBacklessHover: 'rgba(255, 255, 255, 0.06)',
|
|
415
415
|
shapeOtherBacklessPressed: 'rgba(255, 255, 255, 0.04)',
|
|
416
|
-
shapeOtherBase: '
|
|
417
|
-
shapeOtherBaseHover: '
|
|
418
|
-
shapeOtherBasePressed: '
|
|
416
|
+
shapeOtherBase: 'rgba(255, 255, 255, 0.06)',
|
|
417
|
+
shapeOtherBaseHover: 'rgba(255, 255, 255, 0.08)',
|
|
418
|
+
shapeOtherBasePressed: 'rgba(255, 255, 255, 0.04)',
|
|
419
419
|
shapeOtherDisabled: 'rgba(255, 255, 255, 0.06)',
|
|
420
420
|
shapeOtherField: 'rgba(0, 0, 0, 0.16)',
|
|
421
421
|
shapeOtherFieldHover: 'rgba(0, 0, 0, 0.04)',
|