@skbkontur/colors 1.1.2-34230.0 → 1.1.2-73aed.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.
- package/dist/cjs/get-base-tokens.d.ts +7 -5
- package/dist/cjs/get-base-tokens.js +35 -63
- package/dist/cjs/get-default-tokens.d.ts +8 -0
- package/dist/cjs/get-default-tokens.js +19 -11
- package/dist/cjs/helpers/get-palette.js +58 -64
- package/dist/cjs/helpers/get-promo.js +21 -27
- package/dist/cjs/types/base-tokens.d.ts +5 -6
- package/dist/cjs/utils/format-variable.d.ts +2 -0
- package/dist/cjs/utils/format-variable.js +11 -0
- package/dist/esm/get-base-tokens.d.ts +7 -5
- package/dist/esm/get-base-tokens.js +33 -58
- package/dist/esm/get-default-tokens.d.ts +8 -0
- package/dist/esm/get-default-tokens.js +19 -11
- package/dist/esm/helpers/get-palette.js +58 -64
- package/dist/esm/helpers/get-promo.js +21 -27
- package/dist/esm/types/base-tokens.d.ts +5 -6
- package/dist/esm/utils/format-variable.d.ts +2 -0
- package/dist/esm/utils/format-variable.js +6 -0
- package/dist/tokens/base/css/brand-blue-deep_accent-gray.css +1 -1
- package/dist/tokens/base/css/brand-blue_accent-gray.css +1 -1
- package/dist/tokens/base/css/brand-green_accent-gray.css +1 -1
- package/dist/tokens/base/css/brand-mint_accent-gray.css +1 -1
- package/dist/tokens/base/css/brand-orange_accent-gray.css +1 -1
- package/dist/tokens/base/css/brand-purple_accent-gray.css +1 -1
- package/dist/tokens/base/css/brand-red_accent-gray.css +1 -1
- package/dist/tokens/base/css/brand-violet_accent-gray.css +1 -1
- package/dist/tokens/base/js/brand-blue-deep_accent-gray.js +1 -0
- package/dist/tokens/base/js/brand-blue_accent-gray.js +1 -0
- package/dist/tokens/base/js/brand-green_accent-gray.js +1 -0
- package/dist/tokens/base/js/brand-mint_accent-gray.js +1 -0
- package/dist/tokens/base/js/brand-orange_accent-gray.js +1 -0
- package/dist/tokens/base/js/brand-purple_accent-gray.js +1 -0
- package/dist/tokens/base/js/brand-red_accent-gray.js +1 -0
- package/dist/tokens/base/js/brand-violet_accent-gray.js +1 -0
- package/dist/tokens/base/js-tree/brand-blue-deep_accent-gray.tree.js +1 -0
- package/dist/tokens/base/js-tree/brand-blue_accent-gray.tree.js +1 -0
- package/dist/tokens/base/js-tree/brand-green_accent-gray.tree.js +1 -0
- package/dist/tokens/base/js-tree/brand-mint_accent-gray.tree.js +1 -0
- package/dist/tokens/base/js-tree/brand-orange_accent-gray.tree.js +1 -0
- package/dist/tokens/base/js-tree/brand-purple_accent-gray.tree.js +1 -0
- package/dist/tokens/base/js-tree/brand-red_accent-gray.tree.js +1 -0
- package/dist/tokens/base/js-tree/brand-violet_accent-gray.tree.js +1 -0
- package/dist/tokens/base/json/brand-blue-deep_accent-gray.json +1 -0
- package/dist/tokens/base/json/brand-blue_accent-gray.json +1 -0
- package/dist/tokens/base/json/brand-green_accent-gray.json +1 -0
- package/dist/tokens/base/json/brand-mint_accent-gray.json +1 -0
- package/dist/tokens/base/json/brand-orange_accent-gray.json +1 -0
- package/dist/tokens/base/json/brand-purple_accent-gray.json +1 -0
- package/dist/tokens/base/json/brand-red_accent-gray.json +1 -0
- package/dist/tokens/base/json/brand-violet_accent-gray.json +1 -0
- package/dist/tokens/base/json-tree/brand-blue-deep_accent-gray.tree.json +1 -0
- package/dist/tokens/base/json-tree/brand-blue_accent-gray.tree.json +1 -0
- package/dist/tokens/base/json-tree/brand-green_accent-gray.tree.json +1 -0
- package/dist/tokens/base/json-tree/brand-mint_accent-gray.tree.json +1 -0
- package/dist/tokens/base/json-tree/brand-orange_accent-gray.tree.json +1 -0
- package/dist/tokens/base/json-tree/brand-purple_accent-gray.tree.json +1 -0
- package/dist/tokens/base/json-tree/brand-red_accent-gray.tree.json +1 -0
- package/dist/tokens/base/json-tree/brand-violet_accent-gray.tree.json +1 -0
- package/dist/tokens/base/less/brand-blue-deep_accent-gray.less +1 -1
- package/dist/tokens/base/less/brand-blue_accent-gray.less +1 -1
- package/dist/tokens/base/less/brand-green_accent-gray.less +1 -1
- package/dist/tokens/base/less/brand-mint_accent-gray.less +1 -1
- package/dist/tokens/base/less/brand-orange_accent-gray.less +1 -1
- package/dist/tokens/base/less/brand-purple_accent-gray.less +1 -1
- package/dist/tokens/base/less/brand-red_accent-gray.less +1 -1
- package/dist/tokens/base/less/brand-violet_accent-gray.less +1 -1
- package/dist/tokens/base/scss/brand-blue-deep_accent-gray.scss +1 -1
- package/dist/tokens/base/scss/brand-blue_accent-gray.scss +1 -1
- package/dist/tokens/base/scss/brand-green_accent-gray.scss +1 -1
- package/dist/tokens/base/scss/brand-mint_accent-gray.scss +1 -1
- package/dist/tokens/base/scss/brand-orange_accent-gray.scss +1 -1
- package/dist/tokens/base/scss/brand-purple_accent-gray.scss +1 -1
- package/dist/tokens/base/scss/brand-red_accent-gray.scss +1 -1
- package/dist/tokens/base/scss/brand-violet_accent-gray.scss +1 -1
- package/dist/tokens/semantic/css/brand-blue-deep_accent-brand.css +19 -11
- package/dist/tokens/semantic/css/brand-blue-deep_accent-gray.css +19 -11
- package/dist/tokens/semantic/css/brand-blue_accent-brand.css +19 -11
- package/dist/tokens/semantic/css/brand-blue_accent-gray.css +19 -11
- package/dist/tokens/semantic/css/brand-green_accent-brand.css +19 -11
- package/dist/tokens/semantic/css/brand-green_accent-gray.css +19 -11
- package/dist/tokens/semantic/css/brand-mint_accent-brand.css +19 -11
- package/dist/tokens/semantic/css/brand-mint_accent-gray.css +19 -11
- package/dist/tokens/semantic/css/brand-orange_accent-brand.css +19 -11
- package/dist/tokens/semantic/css/brand-orange_accent-gray.css +19 -11
- package/dist/tokens/semantic/css/brand-purple_accent-brand.css +19 -11
- package/dist/tokens/semantic/css/brand-purple_accent-gray.css +19 -11
- package/dist/tokens/semantic/css/brand-red_accent-brand.css +19 -11
- package/dist/tokens/semantic/css/brand-red_accent-gray.css +19 -11
- package/dist/tokens/semantic/css/brand-violet_accent-brand.css +19 -11
- package/dist/tokens/semantic/css/brand-violet_accent-gray.css +19 -11
- package/dist/tokens/semantic/js/brand-blue-deep_accent-brand.js +19 -11
- package/dist/tokens/semantic/js/brand-blue-deep_accent-gray.js +19 -11
- package/dist/tokens/semantic/js/brand-blue_accent-brand.js +19 -11
- package/dist/tokens/semantic/js/brand-blue_accent-gray.js +19 -11
- package/dist/tokens/semantic/js/brand-green_accent-brand.js +19 -11
- package/dist/tokens/semantic/js/brand-green_accent-gray.js +19 -11
- package/dist/tokens/semantic/js/brand-mint_accent-brand.js +19 -11
- package/dist/tokens/semantic/js/brand-mint_accent-gray.js +19 -11
- package/dist/tokens/semantic/js/brand-orange_accent-brand.js +19 -11
- package/dist/tokens/semantic/js/brand-orange_accent-gray.js +19 -11
- package/dist/tokens/semantic/js/brand-purple_accent-brand.js +19 -11
- package/dist/tokens/semantic/js/brand-purple_accent-gray.js +19 -11
- package/dist/tokens/semantic/js/brand-red_accent-brand.js +19 -11
- package/dist/tokens/semantic/js/brand-red_accent-gray.js +19 -11
- package/dist/tokens/semantic/js/brand-violet_accent-brand.js +19 -11
- package/dist/tokens/semantic/js/brand-violet_accent-gray.js +19 -11
- package/dist/tokens/semantic/json/brand-blue-deep_accent-brand.json +9 -1
- package/dist/tokens/semantic/json/brand-blue-deep_accent-gray.json +9 -1
- package/dist/tokens/semantic/json/brand-blue_accent-brand.json +9 -1
- package/dist/tokens/semantic/json/brand-blue_accent-gray.json +9 -1
- package/dist/tokens/semantic/json/brand-green_accent-brand.json +9 -1
- package/dist/tokens/semantic/json/brand-green_accent-gray.json +9 -1
- package/dist/tokens/semantic/json/brand-mint_accent-brand.json +9 -1
- package/dist/tokens/semantic/json/brand-mint_accent-gray.json +9 -1
- package/dist/tokens/semantic/json/brand-orange_accent-brand.json +9 -1
- package/dist/tokens/semantic/json/brand-orange_accent-gray.json +9 -1
- package/dist/tokens/semantic/json/brand-purple_accent-brand.json +9 -1
- package/dist/tokens/semantic/json/brand-purple_accent-gray.json +9 -1
- package/dist/tokens/semantic/json/brand-red_accent-brand.json +9 -1
- package/dist/tokens/semantic/json/brand-red_accent-gray.json +9 -1
- package/dist/tokens/semantic/json/brand-violet_accent-brand.json +9 -1
- package/dist/tokens/semantic/json/brand-violet_accent-gray.json +9 -1
- package/dist/tokens/semantic/less/semantic.less +4 -0
- package/dist/tokens/semantic/scss/semantic.scss +4 -0
- package/package.json +1 -1
|
@@ -84,13 +84,15 @@ export const SEMANTIC_TOKENS = {
|
|
|
84
84
|
shapeHeavySuccess: '#0b4a1f',
|
|
85
85
|
shapeHeavyWarning: '#543600',
|
|
86
86
|
shapeOtherAccentBoldDisabled: 'rgba(0, 0, 0, 0.32)',
|
|
87
|
-
shapeOtherBacklessHover: 'rgba(0, 0, 0, 0.
|
|
88
|
-
shapeOtherBacklessPressed: 'rgba(0, 0, 0, 0.
|
|
87
|
+
shapeOtherBacklessHover: 'rgba(0, 0, 0, 0.06)',
|
|
88
|
+
shapeOtherBacklessPressed: 'rgba(0, 0, 0, 0.08)',
|
|
89
89
|
shapeOtherBase: '#ffffff',
|
|
90
|
-
shapeOtherBaseHover: '
|
|
91
|
-
shapeOtherBasePressed: '
|
|
90
|
+
shapeOtherBaseHover: '#f2f2f2',
|
|
91
|
+
shapeOtherBasePressed: '#e4e4e4',
|
|
92
92
|
shapeOtherDisabled: 'rgba(0, 0, 0, 0.06)',
|
|
93
93
|
shapeOtherField: '#ffffff',
|
|
94
|
+
shapeOtherFieldHover: '#f2f2f2',
|
|
95
|
+
shapeOtherFieldPressed: '#e4e4e4',
|
|
94
96
|
shapeOtherLow: 'rgba(0, 0, 0, 0.06)',
|
|
95
97
|
shapeOtherLowHover: 'rgba(0, 0, 0, 0.08)',
|
|
96
98
|
shapeOtherLowPressed: 'rgba(0, 0, 0, 0.12)',
|
|
@@ -139,7 +141,7 @@ export const SEMANTIC_TOKENS = {
|
|
|
139
141
|
shapeSoftWarning: '#fcd35d',
|
|
140
142
|
shapeSoftWarningHover: '#f4c359',
|
|
141
143
|
shapeSoftWarningPressed: '#e5b566',
|
|
142
|
-
shapeInvertedBacklessHover: 'rgba(255, 255, 255, 0.
|
|
144
|
+
shapeInvertedBacklessHover: 'rgba(255, 255, 255, 0.06)',
|
|
143
145
|
shapeInvertedBacklessPressed: 'rgba(255, 255, 255, 0.04)',
|
|
144
146
|
shapeInvertedDisabled: 'rgba(255, 255, 255, 0.06)',
|
|
145
147
|
shapeInvertedNeutralFaintAlpha: 'rgba(255, 255, 255, 0.06)',
|
|
@@ -249,6 +251,8 @@ export const SEMANTIC_TOKENS = {
|
|
|
249
251
|
illustrationBlack: '#0d0d0d',
|
|
250
252
|
illustrationBrand: '#B750D1',
|
|
251
253
|
illustrationComplement: '#331f5a',
|
|
254
|
+
illustrationInvertedNeutral: '#ffffff',
|
|
255
|
+
illustrationNeutral: '#000000',
|
|
252
256
|
illustrationOnBrand: 'rgba(255, 255, 255, 1)',
|
|
253
257
|
illustrationOnComplement: '#ffffff',
|
|
254
258
|
illustrationPromo: '#331f5a',
|
|
@@ -395,13 +399,15 @@ export const SEMANTIC_TOKENS = {
|
|
|
395
399
|
shapeHeavySuccess: '#c3f3ca',
|
|
396
400
|
shapeHeavyWarning: '#fbe48d',
|
|
397
401
|
shapeOtherAccentBoldDisabled: 'rgba(255, 255, 255, 0.32)',
|
|
398
|
-
shapeOtherBacklessHover: 'rgba(255, 255, 255, 0.
|
|
402
|
+
shapeOtherBacklessHover: 'rgba(255, 255, 255, 0.06)',
|
|
399
403
|
shapeOtherBacklessPressed: 'rgba(255, 255, 255, 0.04)',
|
|
400
|
-
shapeOtherBase: '
|
|
401
|
-
shapeOtherBaseHover: '
|
|
402
|
-
shapeOtherBasePressed: '
|
|
404
|
+
shapeOtherBase: '#333333',
|
|
405
|
+
shapeOtherBaseHover: '#3d3d3d',
|
|
406
|
+
shapeOtherBasePressed: '#292929',
|
|
403
407
|
shapeOtherDisabled: 'rgba(255, 255, 255, 0.06)',
|
|
404
408
|
shapeOtherField: 'rgba(0, 0, 0, 0.12)',
|
|
409
|
+
shapeOtherFieldHover: 'rgba(255, 255, 255, 0.04)',
|
|
410
|
+
shapeOtherFieldPressed: 'rgba(0, 0, 0, 0.24)',
|
|
405
411
|
shapeOtherLow: 'rgba(0, 0, 0, 0.24)',
|
|
406
412
|
shapeOtherLowHover: 'rgba(0, 0, 0, 0.16)',
|
|
407
413
|
shapeOtherLowPressed: 'rgba(0, 0, 0, 0.32)',
|
|
@@ -450,8 +456,8 @@ export const SEMANTIC_TOKENS = {
|
|
|
450
456
|
shapeSoftWarning: '#86612c',
|
|
451
457
|
shapeSoftWarningHover: '#956c30',
|
|
452
458
|
shapeSoftWarningPressed: '#775728',
|
|
453
|
-
shapeInvertedBacklessHover: 'rgba(0, 0, 0, 0.
|
|
454
|
-
shapeInvertedBacklessPressed: 'rgba(0, 0, 0, 0.
|
|
459
|
+
shapeInvertedBacklessHover: 'rgba(0, 0, 0, 0.06)',
|
|
460
|
+
shapeInvertedBacklessPressed: 'rgba(0, 0, 0, 0.08)',
|
|
455
461
|
shapeInvertedDisabled: 'rgba(0, 0, 0, 0.06)',
|
|
456
462
|
shapeInvertedNeutralFaintAlpha: 'rgba(0, 0, 0, 0.06)',
|
|
457
463
|
shapeInvertedNeutralFaintAlphaHover: 'rgba(0, 0, 0, 0.08)',
|
|
@@ -560,6 +566,8 @@ export const SEMANTIC_TOKENS = {
|
|
|
560
566
|
illustrationBlack: '#0d0d0d',
|
|
561
567
|
illustrationBrand: '#B750D1',
|
|
562
568
|
illustrationComplement: '#ffffff',
|
|
569
|
+
illustrationInvertedNeutral: '#000000',
|
|
570
|
+
illustrationNeutral: '#ffffff',
|
|
563
571
|
illustrationOnBrand: 'rgba(255, 255, 255, 1)',
|
|
564
572
|
illustrationOnComplement: '#331f5a',
|
|
565
573
|
illustrationPromo: '#331f5a',
|
|
@@ -84,13 +84,15 @@ export const SEMANTIC_TOKENS = {
|
|
|
84
84
|
shapeHeavySuccess: '#0b4a1f',
|
|
85
85
|
shapeHeavyWarning: '#543600',
|
|
86
86
|
shapeOtherAccentBoldDisabled: 'rgba(0, 0, 0, 0.32)',
|
|
87
|
-
shapeOtherBacklessHover: 'rgba(0, 0, 0, 0.
|
|
88
|
-
shapeOtherBacklessPressed: 'rgba(0, 0, 0, 0.
|
|
87
|
+
shapeOtherBacklessHover: 'rgba(0, 0, 0, 0.06)',
|
|
88
|
+
shapeOtherBacklessPressed: 'rgba(0, 0, 0, 0.08)',
|
|
89
89
|
shapeOtherBase: '#ffffff',
|
|
90
|
-
shapeOtherBaseHover: '
|
|
91
|
-
shapeOtherBasePressed: '
|
|
90
|
+
shapeOtherBaseHover: '#f2f2f2',
|
|
91
|
+
shapeOtherBasePressed: '#e4e4e4',
|
|
92
92
|
shapeOtherDisabled: 'rgba(0, 0, 0, 0.06)',
|
|
93
93
|
shapeOtherField: '#ffffff',
|
|
94
|
+
shapeOtherFieldHover: '#f2f2f2',
|
|
95
|
+
shapeOtherFieldPressed: '#e4e4e4',
|
|
94
96
|
shapeOtherLow: 'rgba(0, 0, 0, 0.06)',
|
|
95
97
|
shapeOtherLowHover: 'rgba(0, 0, 0, 0.08)',
|
|
96
98
|
shapeOtherLowPressed: 'rgba(0, 0, 0, 0.12)',
|
|
@@ -139,7 +141,7 @@ export const SEMANTIC_TOKENS = {
|
|
|
139
141
|
shapeSoftWarning: '#fcd35d',
|
|
140
142
|
shapeSoftWarningHover: '#f4c359',
|
|
141
143
|
shapeSoftWarningPressed: '#e5b566',
|
|
142
|
-
shapeInvertedBacklessHover: 'rgba(255, 255, 255, 0.
|
|
144
|
+
shapeInvertedBacklessHover: 'rgba(255, 255, 255, 0.06)',
|
|
143
145
|
shapeInvertedBacklessPressed: 'rgba(255, 255, 255, 0.04)',
|
|
144
146
|
shapeInvertedDisabled: 'rgba(255, 255, 255, 0.06)',
|
|
145
147
|
shapeInvertedNeutralFaintAlpha: 'rgba(255, 255, 255, 0.06)',
|
|
@@ -249,6 +251,8 @@ export const SEMANTIC_TOKENS = {
|
|
|
249
251
|
illustrationBlack: '#0d0d0d',
|
|
250
252
|
illustrationBrand: '#FE4C4C',
|
|
251
253
|
illustrationComplement: '#5d1d3c',
|
|
254
|
+
illustrationInvertedNeutral: '#ffffff',
|
|
255
|
+
illustrationNeutral: '#000000',
|
|
252
256
|
illustrationOnBrand: 'rgba(255, 255, 255, 1)',
|
|
253
257
|
illustrationOnComplement: '#ffffff',
|
|
254
258
|
illustrationPromo: '#5d1d3c',
|
|
@@ -395,13 +399,15 @@ export const SEMANTIC_TOKENS = {
|
|
|
395
399
|
shapeHeavySuccess: '#c3f3ca',
|
|
396
400
|
shapeHeavyWarning: '#fbe48d',
|
|
397
401
|
shapeOtherAccentBoldDisabled: 'rgba(255, 255, 255, 0.32)',
|
|
398
|
-
shapeOtherBacklessHover: 'rgba(255, 255, 255, 0.
|
|
402
|
+
shapeOtherBacklessHover: 'rgba(255, 255, 255, 0.06)',
|
|
399
403
|
shapeOtherBacklessPressed: 'rgba(255, 255, 255, 0.04)',
|
|
400
|
-
shapeOtherBase: '
|
|
401
|
-
shapeOtherBaseHover: '
|
|
402
|
-
shapeOtherBasePressed: '
|
|
404
|
+
shapeOtherBase: '#333333',
|
|
405
|
+
shapeOtherBaseHover: '#3d3d3d',
|
|
406
|
+
shapeOtherBasePressed: '#292929',
|
|
403
407
|
shapeOtherDisabled: 'rgba(255, 255, 255, 0.06)',
|
|
404
408
|
shapeOtherField: 'rgba(0, 0, 0, 0.12)',
|
|
409
|
+
shapeOtherFieldHover: 'rgba(255, 255, 255, 0.04)',
|
|
410
|
+
shapeOtherFieldPressed: 'rgba(0, 0, 0, 0.24)',
|
|
405
411
|
shapeOtherLow: 'rgba(0, 0, 0, 0.24)',
|
|
406
412
|
shapeOtherLowHover: 'rgba(0, 0, 0, 0.16)',
|
|
407
413
|
shapeOtherLowPressed: 'rgba(0, 0, 0, 0.32)',
|
|
@@ -450,8 +456,8 @@ export const SEMANTIC_TOKENS = {
|
|
|
450
456
|
shapeSoftWarning: '#86612c',
|
|
451
457
|
shapeSoftWarningHover: '#956c30',
|
|
452
458
|
shapeSoftWarningPressed: '#775728',
|
|
453
|
-
shapeInvertedBacklessHover: 'rgba(0, 0, 0, 0.
|
|
454
|
-
shapeInvertedBacklessPressed: 'rgba(0, 0, 0, 0.
|
|
459
|
+
shapeInvertedBacklessHover: 'rgba(0, 0, 0, 0.06)',
|
|
460
|
+
shapeInvertedBacklessPressed: 'rgba(0, 0, 0, 0.08)',
|
|
455
461
|
shapeInvertedDisabled: 'rgba(0, 0, 0, 0.06)',
|
|
456
462
|
shapeInvertedNeutralFaintAlpha: 'rgba(0, 0, 0, 0.06)',
|
|
457
463
|
shapeInvertedNeutralFaintAlphaHover: 'rgba(0, 0, 0, 0.08)',
|
|
@@ -560,6 +566,8 @@ export const SEMANTIC_TOKENS = {
|
|
|
560
566
|
illustrationBlack: '#0d0d0d',
|
|
561
567
|
illustrationBrand: '#FE4C4C',
|
|
562
568
|
illustrationComplement: '#ffffff',
|
|
569
|
+
illustrationInvertedNeutral: '#000000',
|
|
570
|
+
illustrationNeutral: '#ffffff',
|
|
563
571
|
illustrationOnBrand: 'rgba(255, 255, 255, 1)',
|
|
564
572
|
illustrationOnComplement: '#5d1d3c',
|
|
565
573
|
illustrationPromo: '#5d1d3c',
|
|
@@ -84,13 +84,15 @@ export const SEMANTIC_TOKENS = {
|
|
|
84
84
|
shapeHeavySuccess: '#0b4a1f',
|
|
85
85
|
shapeHeavyWarning: '#543600',
|
|
86
86
|
shapeOtherAccentBoldDisabled: 'rgba(0, 0, 0, 0.32)',
|
|
87
|
-
shapeOtherBacklessHover: 'rgba(0, 0, 0, 0.
|
|
88
|
-
shapeOtherBacklessPressed: 'rgba(0, 0, 0, 0.
|
|
87
|
+
shapeOtherBacklessHover: 'rgba(0, 0, 0, 0.06)',
|
|
88
|
+
shapeOtherBacklessPressed: 'rgba(0, 0, 0, 0.08)',
|
|
89
89
|
shapeOtherBase: '#ffffff',
|
|
90
|
-
shapeOtherBaseHover: '
|
|
91
|
-
shapeOtherBasePressed: '
|
|
90
|
+
shapeOtherBaseHover: '#f2f2f2',
|
|
91
|
+
shapeOtherBasePressed: '#e4e4e4',
|
|
92
92
|
shapeOtherDisabled: 'rgba(0, 0, 0, 0.06)',
|
|
93
93
|
shapeOtherField: '#ffffff',
|
|
94
|
+
shapeOtherFieldHover: '#f2f2f2',
|
|
95
|
+
shapeOtherFieldPressed: '#e4e4e4',
|
|
94
96
|
shapeOtherLow: 'rgba(0, 0, 0, 0.06)',
|
|
95
97
|
shapeOtherLowHover: 'rgba(0, 0, 0, 0.08)',
|
|
96
98
|
shapeOtherLowPressed: 'rgba(0, 0, 0, 0.12)',
|
|
@@ -139,7 +141,7 @@ export const SEMANTIC_TOKENS = {
|
|
|
139
141
|
shapeSoftWarning: '#fcd35d',
|
|
140
142
|
shapeSoftWarningHover: '#f4c359',
|
|
141
143
|
shapeSoftWarningPressed: '#e5b566',
|
|
142
|
-
shapeInvertedBacklessHover: 'rgba(255, 255, 255, 0.
|
|
144
|
+
shapeInvertedBacklessHover: 'rgba(255, 255, 255, 0.06)',
|
|
143
145
|
shapeInvertedBacklessPressed: 'rgba(255, 255, 255, 0.04)',
|
|
144
146
|
shapeInvertedDisabled: 'rgba(255, 255, 255, 0.06)',
|
|
145
147
|
shapeInvertedNeutralFaintAlpha: 'rgba(255, 255, 255, 0.06)',
|
|
@@ -249,6 +251,8 @@ export const SEMANTIC_TOKENS = {
|
|
|
249
251
|
illustrationBlack: '#0d0d0d',
|
|
250
252
|
illustrationBrand: '#FE4C4C',
|
|
251
253
|
illustrationComplement: '#5d1d3c',
|
|
254
|
+
illustrationInvertedNeutral: '#ffffff',
|
|
255
|
+
illustrationNeutral: '#000000',
|
|
252
256
|
illustrationOnBrand: 'rgba(255, 255, 255, 1)',
|
|
253
257
|
illustrationOnComplement: '#ffffff',
|
|
254
258
|
illustrationPromo: '#5d1d3c',
|
|
@@ -395,13 +399,15 @@ export const SEMANTIC_TOKENS = {
|
|
|
395
399
|
shapeHeavySuccess: '#c3f3ca',
|
|
396
400
|
shapeHeavyWarning: '#fbe48d',
|
|
397
401
|
shapeOtherAccentBoldDisabled: 'rgba(255, 255, 255, 0.32)',
|
|
398
|
-
shapeOtherBacklessHover: 'rgba(255, 255, 255, 0.
|
|
402
|
+
shapeOtherBacklessHover: 'rgba(255, 255, 255, 0.06)',
|
|
399
403
|
shapeOtherBacklessPressed: 'rgba(255, 255, 255, 0.04)',
|
|
400
|
-
shapeOtherBase: '
|
|
401
|
-
shapeOtherBaseHover: '
|
|
402
|
-
shapeOtherBasePressed: '
|
|
404
|
+
shapeOtherBase: '#333333',
|
|
405
|
+
shapeOtherBaseHover: '#3d3d3d',
|
|
406
|
+
shapeOtherBasePressed: '#292929',
|
|
403
407
|
shapeOtherDisabled: 'rgba(255, 255, 255, 0.06)',
|
|
404
408
|
shapeOtherField: 'rgba(0, 0, 0, 0.12)',
|
|
409
|
+
shapeOtherFieldHover: 'rgba(255, 255, 255, 0.04)',
|
|
410
|
+
shapeOtherFieldPressed: 'rgba(0, 0, 0, 0.24)',
|
|
405
411
|
shapeOtherLow: 'rgba(0, 0, 0, 0.24)',
|
|
406
412
|
shapeOtherLowHover: 'rgba(0, 0, 0, 0.16)',
|
|
407
413
|
shapeOtherLowPressed: 'rgba(0, 0, 0, 0.32)',
|
|
@@ -450,8 +456,8 @@ export const SEMANTIC_TOKENS = {
|
|
|
450
456
|
shapeSoftWarning: '#86612c',
|
|
451
457
|
shapeSoftWarningHover: '#956c30',
|
|
452
458
|
shapeSoftWarningPressed: '#775728',
|
|
453
|
-
shapeInvertedBacklessHover: 'rgba(0, 0, 0, 0.
|
|
454
|
-
shapeInvertedBacklessPressed: 'rgba(0, 0, 0, 0.
|
|
459
|
+
shapeInvertedBacklessHover: 'rgba(0, 0, 0, 0.06)',
|
|
460
|
+
shapeInvertedBacklessPressed: 'rgba(0, 0, 0, 0.08)',
|
|
455
461
|
shapeInvertedDisabled: 'rgba(0, 0, 0, 0.06)',
|
|
456
462
|
shapeInvertedNeutralFaintAlpha: 'rgba(0, 0, 0, 0.06)',
|
|
457
463
|
shapeInvertedNeutralFaintAlphaHover: 'rgba(0, 0, 0, 0.08)',
|
|
@@ -560,6 +566,8 @@ export const SEMANTIC_TOKENS = {
|
|
|
560
566
|
illustrationBlack: '#0d0d0d',
|
|
561
567
|
illustrationBrand: '#FE4C4C',
|
|
562
568
|
illustrationComplement: '#ffffff',
|
|
569
|
+
illustrationInvertedNeutral: '#000000',
|
|
570
|
+
illustrationNeutral: '#ffffff',
|
|
563
571
|
illustrationOnBrand: 'rgba(255, 255, 255, 1)',
|
|
564
572
|
illustrationOnComplement: '#5d1d3c',
|
|
565
573
|
illustrationPromo: '#5d1d3c',
|
|
@@ -84,13 +84,15 @@ export const SEMANTIC_TOKENS = {
|
|
|
84
84
|
shapeHeavySuccess: '#0b4a1f',
|
|
85
85
|
shapeHeavyWarning: '#543600',
|
|
86
86
|
shapeOtherAccentBoldDisabled: 'rgba(0, 0, 0, 0.32)',
|
|
87
|
-
shapeOtherBacklessHover: 'rgba(0, 0, 0, 0.
|
|
88
|
-
shapeOtherBacklessPressed: 'rgba(0, 0, 0, 0.
|
|
87
|
+
shapeOtherBacklessHover: 'rgba(0, 0, 0, 0.06)',
|
|
88
|
+
shapeOtherBacklessPressed: 'rgba(0, 0, 0, 0.08)',
|
|
89
89
|
shapeOtherBase: '#ffffff',
|
|
90
|
-
shapeOtherBaseHover: '
|
|
91
|
-
shapeOtherBasePressed: '
|
|
90
|
+
shapeOtherBaseHover: '#f2f2f2',
|
|
91
|
+
shapeOtherBasePressed: '#e4e4e4',
|
|
92
92
|
shapeOtherDisabled: 'rgba(0, 0, 0, 0.06)',
|
|
93
93
|
shapeOtherField: '#ffffff',
|
|
94
|
+
shapeOtherFieldHover: '#f2f2f2',
|
|
95
|
+
shapeOtherFieldPressed: '#e4e4e4',
|
|
94
96
|
shapeOtherLow: 'rgba(0, 0, 0, 0.06)',
|
|
95
97
|
shapeOtherLowHover: 'rgba(0, 0, 0, 0.08)',
|
|
96
98
|
shapeOtherLowPressed: 'rgba(0, 0, 0, 0.12)',
|
|
@@ -139,7 +141,7 @@ export const SEMANTIC_TOKENS = {
|
|
|
139
141
|
shapeSoftWarning: '#fcd35d',
|
|
140
142
|
shapeSoftWarningHover: '#f4c359',
|
|
141
143
|
shapeSoftWarningPressed: '#e5b566',
|
|
142
|
-
shapeInvertedBacklessHover: 'rgba(255, 255, 255, 0.
|
|
144
|
+
shapeInvertedBacklessHover: 'rgba(255, 255, 255, 0.06)',
|
|
143
145
|
shapeInvertedBacklessPressed: 'rgba(255, 255, 255, 0.04)',
|
|
144
146
|
shapeInvertedDisabled: 'rgba(255, 255, 255, 0.06)',
|
|
145
147
|
shapeInvertedNeutralFaintAlpha: 'rgba(255, 255, 255, 0.06)',
|
|
@@ -249,6 +251,8 @@ export const SEMANTIC_TOKENS = {
|
|
|
249
251
|
illustrationBlack: '#0d0d0d',
|
|
250
252
|
illustrationBrand: '#844BEC',
|
|
251
253
|
illustrationComplement: '#32205a',
|
|
254
|
+
illustrationInvertedNeutral: '#ffffff',
|
|
255
|
+
illustrationNeutral: '#000000',
|
|
252
256
|
illustrationOnBrand: 'rgba(255, 255, 255, 1)',
|
|
253
257
|
illustrationOnComplement: '#ffffff',
|
|
254
258
|
illustrationPromo: '#32205a',
|
|
@@ -395,13 +399,15 @@ export const SEMANTIC_TOKENS = {
|
|
|
395
399
|
shapeHeavySuccess: '#c3f3ca',
|
|
396
400
|
shapeHeavyWarning: '#fbe48d',
|
|
397
401
|
shapeOtherAccentBoldDisabled: 'rgba(255, 255, 255, 0.32)',
|
|
398
|
-
shapeOtherBacklessHover: 'rgba(255, 255, 255, 0.
|
|
402
|
+
shapeOtherBacklessHover: 'rgba(255, 255, 255, 0.06)',
|
|
399
403
|
shapeOtherBacklessPressed: 'rgba(255, 255, 255, 0.04)',
|
|
400
|
-
shapeOtherBase: '
|
|
401
|
-
shapeOtherBaseHover: '
|
|
402
|
-
shapeOtherBasePressed: '
|
|
404
|
+
shapeOtherBase: '#333333',
|
|
405
|
+
shapeOtherBaseHover: '#3d3d3d',
|
|
406
|
+
shapeOtherBasePressed: '#292929',
|
|
403
407
|
shapeOtherDisabled: 'rgba(255, 255, 255, 0.06)',
|
|
404
408
|
shapeOtherField: 'rgba(0, 0, 0, 0.12)',
|
|
409
|
+
shapeOtherFieldHover: 'rgba(255, 255, 255, 0.04)',
|
|
410
|
+
shapeOtherFieldPressed: 'rgba(0, 0, 0, 0.24)',
|
|
405
411
|
shapeOtherLow: 'rgba(0, 0, 0, 0.24)',
|
|
406
412
|
shapeOtherLowHover: 'rgba(0, 0, 0, 0.16)',
|
|
407
413
|
shapeOtherLowPressed: 'rgba(0, 0, 0, 0.32)',
|
|
@@ -450,8 +456,8 @@ export const SEMANTIC_TOKENS = {
|
|
|
450
456
|
shapeSoftWarning: '#86612c',
|
|
451
457
|
shapeSoftWarningHover: '#956c30',
|
|
452
458
|
shapeSoftWarningPressed: '#775728',
|
|
453
|
-
shapeInvertedBacklessHover: 'rgba(0, 0, 0, 0.
|
|
454
|
-
shapeInvertedBacklessPressed: 'rgba(0, 0, 0, 0.
|
|
459
|
+
shapeInvertedBacklessHover: 'rgba(0, 0, 0, 0.06)',
|
|
460
|
+
shapeInvertedBacklessPressed: 'rgba(0, 0, 0, 0.08)',
|
|
455
461
|
shapeInvertedDisabled: 'rgba(0, 0, 0, 0.06)',
|
|
456
462
|
shapeInvertedNeutralFaintAlpha: 'rgba(0, 0, 0, 0.06)',
|
|
457
463
|
shapeInvertedNeutralFaintAlphaHover: 'rgba(0, 0, 0, 0.08)',
|
|
@@ -560,6 +566,8 @@ export const SEMANTIC_TOKENS = {
|
|
|
560
566
|
illustrationBlack: '#0d0d0d',
|
|
561
567
|
illustrationBrand: '#844BEC',
|
|
562
568
|
illustrationComplement: '#ffffff',
|
|
569
|
+
illustrationInvertedNeutral: '#000000',
|
|
570
|
+
illustrationNeutral: '#ffffff',
|
|
563
571
|
illustrationOnBrand: 'rgba(255, 255, 255, 1)',
|
|
564
572
|
illustrationOnComplement: '#32205a',
|
|
565
573
|
illustrationPromo: '#32205a',
|
|
@@ -84,13 +84,15 @@ export const SEMANTIC_TOKENS = {
|
|
|
84
84
|
shapeHeavySuccess: '#0b4a1f',
|
|
85
85
|
shapeHeavyWarning: '#543600',
|
|
86
86
|
shapeOtherAccentBoldDisabled: 'rgba(0, 0, 0, 0.32)',
|
|
87
|
-
shapeOtherBacklessHover: 'rgba(0, 0, 0, 0.
|
|
88
|
-
shapeOtherBacklessPressed: 'rgba(0, 0, 0, 0.
|
|
87
|
+
shapeOtherBacklessHover: 'rgba(0, 0, 0, 0.06)',
|
|
88
|
+
shapeOtherBacklessPressed: 'rgba(0, 0, 0, 0.08)',
|
|
89
89
|
shapeOtherBase: '#ffffff',
|
|
90
|
-
shapeOtherBaseHover: '
|
|
91
|
-
shapeOtherBasePressed: '
|
|
90
|
+
shapeOtherBaseHover: '#f2f2f2',
|
|
91
|
+
shapeOtherBasePressed: '#e4e4e4',
|
|
92
92
|
shapeOtherDisabled: 'rgba(0, 0, 0, 0.06)',
|
|
93
93
|
shapeOtherField: '#ffffff',
|
|
94
|
+
shapeOtherFieldHover: '#f2f2f2',
|
|
95
|
+
shapeOtherFieldPressed: '#e4e4e4',
|
|
94
96
|
shapeOtherLow: 'rgba(0, 0, 0, 0.06)',
|
|
95
97
|
shapeOtherLowHover: 'rgba(0, 0, 0, 0.08)',
|
|
96
98
|
shapeOtherLowPressed: 'rgba(0, 0, 0, 0.12)',
|
|
@@ -139,7 +141,7 @@ export const SEMANTIC_TOKENS = {
|
|
|
139
141
|
shapeSoftWarning: '#fcd35d',
|
|
140
142
|
shapeSoftWarningHover: '#f4c359',
|
|
141
143
|
shapeSoftWarningPressed: '#e5b566',
|
|
142
|
-
shapeInvertedBacklessHover: 'rgba(255, 255, 255, 0.
|
|
144
|
+
shapeInvertedBacklessHover: 'rgba(255, 255, 255, 0.06)',
|
|
143
145
|
shapeInvertedBacklessPressed: 'rgba(255, 255, 255, 0.04)',
|
|
144
146
|
shapeInvertedDisabled: 'rgba(255, 255, 255, 0.06)',
|
|
145
147
|
shapeInvertedNeutralFaintAlpha: 'rgba(255, 255, 255, 0.06)',
|
|
@@ -249,6 +251,8 @@ export const SEMANTIC_TOKENS = {
|
|
|
249
251
|
illustrationBlack: '#0d0d0d',
|
|
250
252
|
illustrationBrand: '#844BEC',
|
|
251
253
|
illustrationComplement: '#32205a',
|
|
254
|
+
illustrationInvertedNeutral: '#ffffff',
|
|
255
|
+
illustrationNeutral: '#000000',
|
|
252
256
|
illustrationOnBrand: 'rgba(255, 255, 255, 1)',
|
|
253
257
|
illustrationOnComplement: '#ffffff',
|
|
254
258
|
illustrationPromo: '#32205a',
|
|
@@ -395,13 +399,15 @@ export const SEMANTIC_TOKENS = {
|
|
|
395
399
|
shapeHeavySuccess: '#c3f3ca',
|
|
396
400
|
shapeHeavyWarning: '#fbe48d',
|
|
397
401
|
shapeOtherAccentBoldDisabled: 'rgba(255, 255, 255, 0.32)',
|
|
398
|
-
shapeOtherBacklessHover: 'rgba(255, 255, 255, 0.
|
|
402
|
+
shapeOtherBacklessHover: 'rgba(255, 255, 255, 0.06)',
|
|
399
403
|
shapeOtherBacklessPressed: 'rgba(255, 255, 255, 0.04)',
|
|
400
|
-
shapeOtherBase: '
|
|
401
|
-
shapeOtherBaseHover: '
|
|
402
|
-
shapeOtherBasePressed: '
|
|
404
|
+
shapeOtherBase: '#333333',
|
|
405
|
+
shapeOtherBaseHover: '#3d3d3d',
|
|
406
|
+
shapeOtherBasePressed: '#292929',
|
|
403
407
|
shapeOtherDisabled: 'rgba(255, 255, 255, 0.06)',
|
|
404
408
|
shapeOtherField: 'rgba(0, 0, 0, 0.12)',
|
|
409
|
+
shapeOtherFieldHover: 'rgba(255, 255, 255, 0.04)',
|
|
410
|
+
shapeOtherFieldPressed: 'rgba(0, 0, 0, 0.24)',
|
|
405
411
|
shapeOtherLow: 'rgba(0, 0, 0, 0.24)',
|
|
406
412
|
shapeOtherLowHover: 'rgba(0, 0, 0, 0.16)',
|
|
407
413
|
shapeOtherLowPressed: 'rgba(0, 0, 0, 0.32)',
|
|
@@ -450,8 +456,8 @@ export const SEMANTIC_TOKENS = {
|
|
|
450
456
|
shapeSoftWarning: '#86612c',
|
|
451
457
|
shapeSoftWarningHover: '#956c30',
|
|
452
458
|
shapeSoftWarningPressed: '#775728',
|
|
453
|
-
shapeInvertedBacklessHover: 'rgba(0, 0, 0, 0.
|
|
454
|
-
shapeInvertedBacklessPressed: 'rgba(0, 0, 0, 0.
|
|
459
|
+
shapeInvertedBacklessHover: 'rgba(0, 0, 0, 0.06)',
|
|
460
|
+
shapeInvertedBacklessPressed: 'rgba(0, 0, 0, 0.08)',
|
|
455
461
|
shapeInvertedDisabled: 'rgba(0, 0, 0, 0.06)',
|
|
456
462
|
shapeInvertedNeutralFaintAlpha: 'rgba(0, 0, 0, 0.06)',
|
|
457
463
|
shapeInvertedNeutralFaintAlphaHover: 'rgba(0, 0, 0, 0.08)',
|
|
@@ -560,6 +566,8 @@ export const SEMANTIC_TOKENS = {
|
|
|
560
566
|
illustrationBlack: '#0d0d0d',
|
|
561
567
|
illustrationBrand: '#844BEC',
|
|
562
568
|
illustrationComplement: '#ffffff',
|
|
569
|
+
illustrationInvertedNeutral: '#000000',
|
|
570
|
+
illustrationNeutral: '#ffffff',
|
|
563
571
|
illustrationOnBrand: 'rgba(255, 255, 255, 1)',
|
|
564
572
|
illustrationOnComplement: '#32205a',
|
|
565
573
|
illustrationPromo: '#32205a',
|
|
@@ -177,7 +177,7 @@
|
|
|
177
177
|
},
|
|
178
178
|
"shapeOtherBase": {
|
|
179
179
|
"light": "#ffffff",
|
|
180
|
-
"dark": "#
|
|
180
|
+
"dark": "#333333"
|
|
181
181
|
},
|
|
182
182
|
"shapeOtherDisabled": {
|
|
183
183
|
"light": "#0f000000",
|
|
@@ -443,6 +443,14 @@
|
|
|
443
443
|
"light": "#25255e",
|
|
444
444
|
"dark": "#ffffff"
|
|
445
445
|
},
|
|
446
|
+
"illustrationInvertedNeutral": {
|
|
447
|
+
"light": "#ffffff",
|
|
448
|
+
"dark": "#000000"
|
|
449
|
+
},
|
|
450
|
+
"illustrationNeutral": {
|
|
451
|
+
"light": "#000000",
|
|
452
|
+
"dark": "#ffffff"
|
|
453
|
+
},
|
|
446
454
|
"illustrationOnBrand": {
|
|
447
455
|
"light": "#ffffffff",
|
|
448
456
|
"dark": "#ffffffff"
|
|
@@ -177,7 +177,7 @@
|
|
|
177
177
|
},
|
|
178
178
|
"shapeOtherBase": {
|
|
179
179
|
"light": "#ffffff",
|
|
180
|
-
"dark": "#
|
|
180
|
+
"dark": "#333333"
|
|
181
181
|
},
|
|
182
182
|
"shapeOtherDisabled": {
|
|
183
183
|
"light": "#0f000000",
|
|
@@ -443,6 +443,14 @@
|
|
|
443
443
|
"light": "#25255e",
|
|
444
444
|
"dark": "#ffffff"
|
|
445
445
|
},
|
|
446
|
+
"illustrationInvertedNeutral": {
|
|
447
|
+
"light": "#ffffff",
|
|
448
|
+
"dark": "#000000"
|
|
449
|
+
},
|
|
450
|
+
"illustrationNeutral": {
|
|
451
|
+
"light": "#000000",
|
|
452
|
+
"dark": "#ffffff"
|
|
453
|
+
},
|
|
446
454
|
"illustrationOnBrand": {
|
|
447
455
|
"light": "#ffffffff",
|
|
448
456
|
"dark": "#ffffffff"
|
|
@@ -177,7 +177,7 @@
|
|
|
177
177
|
},
|
|
178
178
|
"shapeOtherBase": {
|
|
179
179
|
"light": "#ffffff",
|
|
180
|
-
"dark": "#
|
|
180
|
+
"dark": "#333333"
|
|
181
181
|
},
|
|
182
182
|
"shapeOtherDisabled": {
|
|
183
183
|
"light": "#0f000000",
|
|
@@ -443,6 +443,14 @@
|
|
|
443
443
|
"light": "#1a3268",
|
|
444
444
|
"dark": "#ffffff"
|
|
445
445
|
},
|
|
446
|
+
"illustrationInvertedNeutral": {
|
|
447
|
+
"light": "#ffffff",
|
|
448
|
+
"dark": "#000000"
|
|
449
|
+
},
|
|
450
|
+
"illustrationNeutral": {
|
|
451
|
+
"light": "#000000",
|
|
452
|
+
"dark": "#ffffff"
|
|
453
|
+
},
|
|
446
454
|
"illustrationOnBrand": {
|
|
447
455
|
"light": "#ffffffff",
|
|
448
456
|
"dark": "#ffffffff"
|
|
@@ -177,7 +177,7 @@
|
|
|
177
177
|
},
|
|
178
178
|
"shapeOtherBase": {
|
|
179
179
|
"light": "#ffffff",
|
|
180
|
-
"dark": "#
|
|
180
|
+
"dark": "#333333"
|
|
181
181
|
},
|
|
182
182
|
"shapeOtherDisabled": {
|
|
183
183
|
"light": "#0f000000",
|
|
@@ -443,6 +443,14 @@
|
|
|
443
443
|
"light": "#1a3268",
|
|
444
444
|
"dark": "#ffffff"
|
|
445
445
|
},
|
|
446
|
+
"illustrationInvertedNeutral": {
|
|
447
|
+
"light": "#ffffff",
|
|
448
|
+
"dark": "#000000"
|
|
449
|
+
},
|
|
450
|
+
"illustrationNeutral": {
|
|
451
|
+
"light": "#000000",
|
|
452
|
+
"dark": "#ffffff"
|
|
453
|
+
},
|
|
446
454
|
"illustrationOnBrand": {
|
|
447
455
|
"light": "#ffffffff",
|
|
448
456
|
"dark": "#ffffffff"
|
|
@@ -177,7 +177,7 @@
|
|
|
177
177
|
},
|
|
178
178
|
"shapeOtherBase": {
|
|
179
179
|
"light": "#ffffff",
|
|
180
|
-
"dark": "#
|
|
180
|
+
"dark": "#333333"
|
|
181
181
|
},
|
|
182
182
|
"shapeOtherDisabled": {
|
|
183
183
|
"light": "#0f000000",
|
|
@@ -443,6 +443,14 @@
|
|
|
443
443
|
"light": "#00413e",
|
|
444
444
|
"dark": "#ffffff"
|
|
445
445
|
},
|
|
446
|
+
"illustrationInvertedNeutral": {
|
|
447
|
+
"light": "#ffffff",
|
|
448
|
+
"dark": "#000000"
|
|
449
|
+
},
|
|
450
|
+
"illustrationNeutral": {
|
|
451
|
+
"light": "#000000",
|
|
452
|
+
"dark": "#ffffff"
|
|
453
|
+
},
|
|
446
454
|
"illustrationOnBrand": {
|
|
447
455
|
"light": "#ffffffff",
|
|
448
456
|
"dark": "#ffffffff"
|
|
@@ -177,7 +177,7 @@
|
|
|
177
177
|
},
|
|
178
178
|
"shapeOtherBase": {
|
|
179
179
|
"light": "#ffffff",
|
|
180
|
-
"dark": "#
|
|
180
|
+
"dark": "#333333"
|
|
181
181
|
},
|
|
182
182
|
"shapeOtherDisabled": {
|
|
183
183
|
"light": "#0f000000",
|
|
@@ -443,6 +443,14 @@
|
|
|
443
443
|
"light": "#00413e",
|
|
444
444
|
"dark": "#ffffff"
|
|
445
445
|
},
|
|
446
|
+
"illustrationInvertedNeutral": {
|
|
447
|
+
"light": "#ffffff",
|
|
448
|
+
"dark": "#000000"
|
|
449
|
+
},
|
|
450
|
+
"illustrationNeutral": {
|
|
451
|
+
"light": "#000000",
|
|
452
|
+
"dark": "#ffffff"
|
|
453
|
+
},
|
|
446
454
|
"illustrationOnBrand": {
|
|
447
455
|
"light": "#ffffffff",
|
|
448
456
|
"dark": "#ffffffff"
|
|
@@ -177,7 +177,7 @@
|
|
|
177
177
|
},
|
|
178
178
|
"shapeOtherBase": {
|
|
179
179
|
"light": "#ffffff",
|
|
180
|
-
"dark": "#
|
|
180
|
+
"dark": "#333333"
|
|
181
181
|
},
|
|
182
182
|
"shapeOtherDisabled": {
|
|
183
183
|
"light": "#0f000000",
|
|
@@ -443,6 +443,14 @@
|
|
|
443
443
|
"light": "#003e53",
|
|
444
444
|
"dark": "#ffffff"
|
|
445
445
|
},
|
|
446
|
+
"illustrationInvertedNeutral": {
|
|
447
|
+
"light": "#ffffff",
|
|
448
|
+
"dark": "#000000"
|
|
449
|
+
},
|
|
450
|
+
"illustrationNeutral": {
|
|
451
|
+
"light": "#000000",
|
|
452
|
+
"dark": "#ffffff"
|
|
453
|
+
},
|
|
446
454
|
"illustrationOnBrand": {
|
|
447
455
|
"light": "#ffffffff",
|
|
448
456
|
"dark": "#ffffffff"
|
|
@@ -177,7 +177,7 @@
|
|
|
177
177
|
},
|
|
178
178
|
"shapeOtherBase": {
|
|
179
179
|
"light": "#ffffff",
|
|
180
|
-
"dark": "#
|
|
180
|
+
"dark": "#333333"
|
|
181
181
|
},
|
|
182
182
|
"shapeOtherDisabled": {
|
|
183
183
|
"light": "#0f000000",
|
|
@@ -443,6 +443,14 @@
|
|
|
443
443
|
"light": "#003e53",
|
|
444
444
|
"dark": "#ffffff"
|
|
445
445
|
},
|
|
446
|
+
"illustrationInvertedNeutral": {
|
|
447
|
+
"light": "#ffffff",
|
|
448
|
+
"dark": "#000000"
|
|
449
|
+
},
|
|
450
|
+
"illustrationNeutral": {
|
|
451
|
+
"light": "#000000",
|
|
452
|
+
"dark": "#ffffff"
|
|
453
|
+
},
|
|
446
454
|
"illustrationOnBrand": {
|
|
447
455
|
"light": "#ffffffff",
|
|
448
456
|
"dark": "#ffffffff"
|
|
@@ -177,7 +177,7 @@
|
|
|
177
177
|
},
|
|
178
178
|
"shapeOtherBase": {
|
|
179
179
|
"light": "#ffffff",
|
|
180
|
-
"dark": "#
|
|
180
|
+
"dark": "#333333"
|
|
181
181
|
},
|
|
182
182
|
"shapeOtherDisabled": {
|
|
183
183
|
"light": "#0f000000",
|
|
@@ -443,6 +443,14 @@
|
|
|
443
443
|
"light": "#601c2c",
|
|
444
444
|
"dark": "#ffffff"
|
|
445
445
|
},
|
|
446
|
+
"illustrationInvertedNeutral": {
|
|
447
|
+
"light": "#ffffff",
|
|
448
|
+
"dark": "#000000"
|
|
449
|
+
},
|
|
450
|
+
"illustrationNeutral": {
|
|
451
|
+
"light": "#000000",
|
|
452
|
+
"dark": "#ffffff"
|
|
453
|
+
},
|
|
446
454
|
"illustrationOnBrand": {
|
|
447
455
|
"light": "#ffffffff",
|
|
448
456
|
"dark": "#ffffffff"
|
|
@@ -177,7 +177,7 @@
|
|
|
177
177
|
},
|
|
178
178
|
"shapeOtherBase": {
|
|
179
179
|
"light": "#ffffff",
|
|
180
|
-
"dark": "#
|
|
180
|
+
"dark": "#333333"
|
|
181
181
|
},
|
|
182
182
|
"shapeOtherDisabled": {
|
|
183
183
|
"light": "#0f000000",
|
|
@@ -443,6 +443,14 @@
|
|
|
443
443
|
"light": "#601c2c",
|
|
444
444
|
"dark": "#ffffff"
|
|
445
445
|
},
|
|
446
|
+
"illustrationInvertedNeutral": {
|
|
447
|
+
"light": "#ffffff",
|
|
448
|
+
"dark": "#000000"
|
|
449
|
+
},
|
|
450
|
+
"illustrationNeutral": {
|
|
451
|
+
"light": "#000000",
|
|
452
|
+
"dark": "#ffffff"
|
|
453
|
+
},
|
|
446
454
|
"illustrationOnBrand": {
|
|
447
455
|
"light": "#ffffffff",
|
|
448
456
|
"dark": "#ffffffff"
|
|
@@ -177,7 +177,7 @@
|
|
|
177
177
|
},
|
|
178
178
|
"shapeOtherBase": {
|
|
179
179
|
"light": "#ffffff",
|
|
180
|
-
"dark": "#
|
|
180
|
+
"dark": "#333333"
|
|
181
181
|
},
|
|
182
182
|
"shapeOtherDisabled": {
|
|
183
183
|
"light": "#0f000000",
|
|
@@ -443,6 +443,14 @@
|
|
|
443
443
|
"light": "#331f5a",
|
|
444
444
|
"dark": "#ffffff"
|
|
445
445
|
},
|
|
446
|
+
"illustrationInvertedNeutral": {
|
|
447
|
+
"light": "#ffffff",
|
|
448
|
+
"dark": "#000000"
|
|
449
|
+
},
|
|
450
|
+
"illustrationNeutral": {
|
|
451
|
+
"light": "#000000",
|
|
452
|
+
"dark": "#ffffff"
|
|
453
|
+
},
|
|
446
454
|
"illustrationOnBrand": {
|
|
447
455
|
"light": "#ffffffff",
|
|
448
456
|
"dark": "#ffffffff"
|