@skbkontur/colors 1.1.2-799ba.0 → 1.1.2-97dd9.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.js +2 -0
- package/dist/cjs/get-default-tokens.d.ts +40 -22
- package/dist/cjs/get-default-tokens.js +163 -145
- package/dist/cjs/helpers/get-palette.js +1 -1
- package/dist/cjs/tokens/base/js/brand-blue-deep_accent-brand.d.ts +26 -0
- package/dist/cjs/tokens/base/js/brand-blue-deep_accent-brand.js +52 -26
- package/dist/cjs/tokens/base/js/brand-blue-deep_accent-gray.js +26 -26
- package/dist/cjs/tokens/base/js/brand-blue_accent-brand.d.ts +26 -0
- package/dist/cjs/tokens/base/js/brand-blue_accent-brand.js +52 -26
- package/dist/cjs/tokens/base/js/brand-blue_accent-gray.js +26 -26
- package/dist/cjs/tokens/base/js/brand-green_accent-brand.d.ts +26 -0
- package/dist/cjs/tokens/base/js/brand-green_accent-brand.js +52 -26
- package/dist/cjs/tokens/base/js/brand-green_accent-gray.js +26 -26
- package/dist/cjs/tokens/base/js/brand-mint_accent-brand.d.ts +26 -0
- package/dist/cjs/tokens/base/js/brand-mint_accent-brand.js +52 -26
- package/dist/cjs/tokens/base/js/brand-mint_accent-gray.js +26 -26
- package/dist/cjs/tokens/base/js/brand-orange_accent-brand.d.ts +26 -0
- package/dist/cjs/tokens/base/js/brand-orange_accent-brand.js +52 -26
- package/dist/cjs/tokens/base/js/brand-orange_accent-gray.js +26 -26
- package/dist/cjs/tokens/base/js/brand-purple_accent-brand.d.ts +26 -0
- package/dist/cjs/tokens/base/js/brand-purple_accent-brand.js +52 -26
- package/dist/cjs/tokens/base/js/brand-purple_accent-gray.js +26 -26
- package/dist/cjs/tokens/base/js/brand-red_accent-brand.d.ts +26 -0
- package/dist/cjs/tokens/base/js/brand-red_accent-brand.js +52 -26
- package/dist/cjs/tokens/base/js/brand-red_accent-gray.js +26 -26
- package/dist/cjs/tokens/base/js/brand-violet_accent-brand.d.ts +26 -0
- package/dist/cjs/tokens/base/js/brand-violet_accent-brand.js +52 -26
- package/dist/cjs/tokens/base/js/brand-violet_accent-gray.js +26 -26
- package/dist/cjs/tokens/base/js-tree/brand-blue-deep_accent-brand.tree.d.ts +28 -0
- package/dist/cjs/tokens/base/js-tree/brand-blue-deep_accent-brand.tree.js +54 -26
- package/dist/cjs/tokens/base/js-tree/brand-blue-deep_accent-gray.tree.js +26 -26
- package/dist/cjs/tokens/base/js-tree/brand-blue_accent-brand.tree.d.ts +28 -0
- package/dist/cjs/tokens/base/js-tree/brand-blue_accent-brand.tree.js +54 -26
- package/dist/cjs/tokens/base/js-tree/brand-blue_accent-gray.tree.js +26 -26
- package/dist/cjs/tokens/base/js-tree/brand-green_accent-brand.tree.d.ts +28 -0
- package/dist/cjs/tokens/base/js-tree/brand-green_accent-brand.tree.js +54 -26
- package/dist/cjs/tokens/base/js-tree/brand-green_accent-gray.tree.js +26 -26
- package/dist/cjs/tokens/base/js-tree/brand-mint_accent-brand.tree.d.ts +28 -0
- package/dist/cjs/tokens/base/js-tree/brand-mint_accent-brand.tree.js +54 -26
- package/dist/cjs/tokens/base/js-tree/brand-mint_accent-gray.tree.js +26 -26
- package/dist/cjs/tokens/base/js-tree/brand-orange_accent-brand.tree.d.ts +28 -0
- package/dist/cjs/tokens/base/js-tree/brand-orange_accent-brand.tree.js +54 -26
- package/dist/cjs/tokens/base/js-tree/brand-orange_accent-gray.tree.js +26 -26
- package/dist/cjs/tokens/base/js-tree/brand-purple_accent-brand.tree.d.ts +28 -0
- package/dist/cjs/tokens/base/js-tree/brand-purple_accent-brand.tree.js +54 -26
- package/dist/cjs/tokens/base/js-tree/brand-purple_accent-gray.tree.js +26 -26
- package/dist/cjs/tokens/base/js-tree/brand-red_accent-brand.tree.d.ts +28 -0
- package/dist/cjs/tokens/base/js-tree/brand-red_accent-brand.tree.js +54 -26
- package/dist/cjs/tokens/base/js-tree/brand-red_accent-gray.tree.js +26 -26
- package/dist/cjs/tokens/base/js-tree/brand-violet_accent-brand.tree.d.ts +28 -0
- package/dist/cjs/tokens/base/js-tree/brand-violet_accent-brand.tree.js +54 -26
- package/dist/cjs/tokens/base/js-tree/brand-violet_accent-gray.tree.js +26 -26
- package/dist/cjs/tokens/semantic/js/brand-blue-deep_accent-brand.d.ts +60 -33
- package/dist/cjs/tokens/semantic/js/brand-blue-deep_accent-brand.js +78 -60
- package/dist/cjs/tokens/semantic/js/brand-blue-deep_accent-gray.d.ts +60 -33
- package/dist/cjs/tokens/semantic/js/brand-blue-deep_accent-gray.js +78 -60
- package/dist/cjs/tokens/semantic/js/brand-blue_accent-brand.d.ts +60 -33
- package/dist/cjs/tokens/semantic/js/brand-blue_accent-brand.js +78 -60
- package/dist/cjs/tokens/semantic/js/brand-blue_accent-gray.d.ts +60 -33
- package/dist/cjs/tokens/semantic/js/brand-blue_accent-gray.js +78 -60
- package/dist/cjs/tokens/semantic/js/brand-green_accent-brand.d.ts +60 -33
- package/dist/cjs/tokens/semantic/js/brand-green_accent-brand.js +78 -60
- package/dist/cjs/tokens/semantic/js/brand-green_accent-gray.d.ts +60 -33
- package/dist/cjs/tokens/semantic/js/brand-green_accent-gray.js +78 -60
- package/dist/cjs/tokens/semantic/js/brand-mint_accent-brand.d.ts +60 -33
- package/dist/cjs/tokens/semantic/js/brand-mint_accent-brand.js +78 -60
- package/dist/cjs/tokens/semantic/js/brand-mint_accent-gray.d.ts +60 -33
- package/dist/cjs/tokens/semantic/js/brand-mint_accent-gray.js +78 -60
- package/dist/cjs/tokens/semantic/js/brand-orange_accent-brand.d.ts +60 -33
- package/dist/cjs/tokens/semantic/js/brand-orange_accent-brand.js +78 -60
- package/dist/cjs/tokens/semantic/js/brand-orange_accent-gray.d.ts +60 -33
- package/dist/cjs/tokens/semantic/js/brand-orange_accent-gray.js +78 -60
- package/dist/cjs/tokens/semantic/js/brand-purple_accent-brand.d.ts +60 -33
- package/dist/cjs/tokens/semantic/js/brand-purple_accent-brand.js +78 -60
- package/dist/cjs/tokens/semantic/js/brand-purple_accent-gray.d.ts +60 -33
- package/dist/cjs/tokens/semantic/js/brand-purple_accent-gray.js +78 -60
- package/dist/cjs/tokens/semantic/js/brand-red_accent-brand.d.ts +60 -33
- package/dist/cjs/tokens/semantic/js/brand-red_accent-brand.js +78 -60
- package/dist/cjs/tokens/semantic/js/brand-red_accent-gray.d.ts +60 -33
- package/dist/cjs/tokens/semantic/js/brand-red_accent-gray.js +78 -60
- package/dist/cjs/tokens/semantic/js/brand-violet_accent-brand.d.ts +60 -33
- package/dist/cjs/tokens/semantic/js/brand-violet_accent-brand.js +78 -60
- package/dist/cjs/tokens/semantic/js/brand-violet_accent-gray.d.ts +60 -33
- package/dist/cjs/tokens/semantic/js/brand-violet_accent-gray.js +78 -60
- package/dist/cjs/types/base-tokens.d.ts +1 -0
- package/dist/esm/get-base-tokens.js +2 -0
- package/dist/esm/get-default-tokens.d.ts +40 -22
- package/dist/esm/get-default-tokens.js +163 -145
- package/dist/esm/helpers/get-palette.js +1 -1
- package/dist/esm/tokens/base/js/brand-blue-deep_accent-brand.d.ts +26 -0
- package/dist/esm/tokens/base/js/brand-blue-deep_accent-brand.js +52 -26
- package/dist/esm/tokens/base/js/brand-blue-deep_accent-gray.js +26 -26
- package/dist/esm/tokens/base/js/brand-blue_accent-brand.d.ts +26 -0
- package/dist/esm/tokens/base/js/brand-blue_accent-brand.js +52 -26
- package/dist/esm/tokens/base/js/brand-blue_accent-gray.js +26 -26
- package/dist/esm/tokens/base/js/brand-green_accent-brand.d.ts +26 -0
- package/dist/esm/tokens/base/js/brand-green_accent-brand.js +52 -26
- package/dist/esm/tokens/base/js/brand-green_accent-gray.js +26 -26
- package/dist/esm/tokens/base/js/brand-mint_accent-brand.d.ts +26 -0
- package/dist/esm/tokens/base/js/brand-mint_accent-brand.js +52 -26
- package/dist/esm/tokens/base/js/brand-mint_accent-gray.js +26 -26
- package/dist/esm/tokens/base/js/brand-orange_accent-brand.d.ts +26 -0
- package/dist/esm/tokens/base/js/brand-orange_accent-brand.js +52 -26
- package/dist/esm/tokens/base/js/brand-orange_accent-gray.js +26 -26
- package/dist/esm/tokens/base/js/brand-purple_accent-brand.d.ts +26 -0
- package/dist/esm/tokens/base/js/brand-purple_accent-brand.js +52 -26
- package/dist/esm/tokens/base/js/brand-purple_accent-gray.js +26 -26
- package/dist/esm/tokens/base/js/brand-red_accent-brand.d.ts +26 -0
- package/dist/esm/tokens/base/js/brand-red_accent-brand.js +52 -26
- package/dist/esm/tokens/base/js/brand-red_accent-gray.js +26 -26
- package/dist/esm/tokens/base/js/brand-violet_accent-brand.d.ts +26 -0
- package/dist/esm/tokens/base/js/brand-violet_accent-brand.js +52 -26
- package/dist/esm/tokens/base/js/brand-violet_accent-gray.js +26 -26
- package/dist/esm/tokens/base/js-tree/brand-blue-deep_accent-brand.tree.d.ts +28 -0
- package/dist/esm/tokens/base/js-tree/brand-blue-deep_accent-brand.tree.js +54 -26
- package/dist/esm/tokens/base/js-tree/brand-blue-deep_accent-gray.tree.js +26 -26
- package/dist/esm/tokens/base/js-tree/brand-blue_accent-brand.tree.d.ts +28 -0
- package/dist/esm/tokens/base/js-tree/brand-blue_accent-brand.tree.js +54 -26
- package/dist/esm/tokens/base/js-tree/brand-blue_accent-gray.tree.js +26 -26
- package/dist/esm/tokens/base/js-tree/brand-green_accent-brand.tree.d.ts +28 -0
- package/dist/esm/tokens/base/js-tree/brand-green_accent-brand.tree.js +54 -26
- package/dist/esm/tokens/base/js-tree/brand-green_accent-gray.tree.js +26 -26
- package/dist/esm/tokens/base/js-tree/brand-mint_accent-brand.tree.d.ts +28 -0
- package/dist/esm/tokens/base/js-tree/brand-mint_accent-brand.tree.js +54 -26
- package/dist/esm/tokens/base/js-tree/brand-mint_accent-gray.tree.js +26 -26
- package/dist/esm/tokens/base/js-tree/brand-orange_accent-brand.tree.d.ts +28 -0
- package/dist/esm/tokens/base/js-tree/brand-orange_accent-brand.tree.js +54 -26
- package/dist/esm/tokens/base/js-tree/brand-orange_accent-gray.tree.js +26 -26
- package/dist/esm/tokens/base/js-tree/brand-purple_accent-brand.tree.d.ts +28 -0
- package/dist/esm/tokens/base/js-tree/brand-purple_accent-brand.tree.js +54 -26
- package/dist/esm/tokens/base/js-tree/brand-purple_accent-gray.tree.js +26 -26
- package/dist/esm/tokens/base/js-tree/brand-red_accent-brand.tree.d.ts +28 -0
- package/dist/esm/tokens/base/js-tree/brand-red_accent-brand.tree.js +54 -26
- package/dist/esm/tokens/base/js-tree/brand-red_accent-gray.tree.js +26 -26
- package/dist/esm/tokens/base/js-tree/brand-violet_accent-brand.tree.d.ts +28 -0
- package/dist/esm/tokens/base/js-tree/brand-violet_accent-brand.tree.js +54 -26
- package/dist/esm/tokens/base/js-tree/brand-violet_accent-gray.tree.js +26 -26
- package/dist/esm/tokens/semantic/js/brand-blue-deep_accent-brand.d.ts +60 -33
- package/dist/esm/tokens/semantic/js/brand-blue-deep_accent-brand.js +78 -60
- package/dist/esm/tokens/semantic/js/brand-blue-deep_accent-gray.d.ts +60 -33
- package/dist/esm/tokens/semantic/js/brand-blue-deep_accent-gray.js +78 -60
- package/dist/esm/tokens/semantic/js/brand-blue_accent-brand.d.ts +60 -33
- package/dist/esm/tokens/semantic/js/brand-blue_accent-brand.js +78 -60
- package/dist/esm/tokens/semantic/js/brand-blue_accent-gray.d.ts +60 -33
- package/dist/esm/tokens/semantic/js/brand-blue_accent-gray.js +78 -60
- package/dist/esm/tokens/semantic/js/brand-green_accent-brand.d.ts +60 -33
- package/dist/esm/tokens/semantic/js/brand-green_accent-brand.js +78 -60
- package/dist/esm/tokens/semantic/js/brand-green_accent-gray.d.ts +60 -33
- package/dist/esm/tokens/semantic/js/brand-green_accent-gray.js +78 -60
- package/dist/esm/tokens/semantic/js/brand-mint_accent-brand.d.ts +60 -33
- package/dist/esm/tokens/semantic/js/brand-mint_accent-brand.js +78 -60
- package/dist/esm/tokens/semantic/js/brand-mint_accent-gray.d.ts +60 -33
- package/dist/esm/tokens/semantic/js/brand-mint_accent-gray.js +78 -60
- package/dist/esm/tokens/semantic/js/brand-orange_accent-brand.d.ts +60 -33
- package/dist/esm/tokens/semantic/js/brand-orange_accent-brand.js +78 -60
- package/dist/esm/tokens/semantic/js/brand-orange_accent-gray.d.ts +60 -33
- package/dist/esm/tokens/semantic/js/brand-orange_accent-gray.js +78 -60
- package/dist/esm/tokens/semantic/js/brand-purple_accent-brand.d.ts +60 -33
- package/dist/esm/tokens/semantic/js/brand-purple_accent-brand.js +78 -60
- package/dist/esm/tokens/semantic/js/brand-purple_accent-gray.d.ts +60 -33
- package/dist/esm/tokens/semantic/js/brand-purple_accent-gray.js +78 -60
- package/dist/esm/tokens/semantic/js/brand-red_accent-brand.d.ts +60 -33
- package/dist/esm/tokens/semantic/js/brand-red_accent-brand.js +78 -60
- package/dist/esm/tokens/semantic/js/brand-red_accent-gray.d.ts +60 -33
- package/dist/esm/tokens/semantic/js/brand-red_accent-gray.js +78 -60
- package/dist/esm/tokens/semantic/js/brand-violet_accent-brand.d.ts +60 -33
- package/dist/esm/tokens/semantic/js/brand-violet_accent-brand.js +78 -60
- package/dist/esm/tokens/semantic/js/brand-violet_accent-gray.d.ts +60 -33
- package/dist/esm/tokens/semantic/js/brand-violet_accent-gray.js +78 -60
- package/dist/esm/types/base-tokens.d.ts +1 -0
- package/package.json +3 -3
|
@@ -28,12 +28,6 @@ exports.SEMANTIC_TOKENS = {
|
|
|
28
28
|
textLogo: '#844BEC',
|
|
29
29
|
textNeutralPrimary: 'rgba(0, 0, 0, 0.88)',
|
|
30
30
|
textNeutralSecondary: 'rgba(0, 0, 0, 0.56)',
|
|
31
|
-
textOnaccentboldDisabled: 'rgba(0, 0, 0, 0.4)',
|
|
32
|
-
textOnaccentboldPrimary: 'rgba(0, 0, 0, 0.96)',
|
|
33
|
-
textOnaccentboldSecondary: 'rgba(0, 0, 0, 0.64)',
|
|
34
|
-
textOnbrandoriginalDisabled: 'rgba(0, 0, 0, 0.4)',
|
|
35
|
-
textOnbrandoriginalPrimary: 'rgba(0, 0, 0, 0.96)',
|
|
36
|
-
textOnbrandoriginalSecondary: 'rgba(0, 0, 0, 0.64)',
|
|
37
31
|
textSuccessPrimary: '#007f34',
|
|
38
32
|
textSuccessPrimaryHover: '#009b41',
|
|
39
33
|
textSuccessPrimaryPressed: '#3a6a43',
|
|
@@ -46,6 +40,12 @@ exports.SEMANTIC_TOKENS = {
|
|
|
46
40
|
textConstPrimaryWhite: 'rgba(255, 255, 255, 0.96)',
|
|
47
41
|
textConstSecondaryBlack: 'rgba(0, 0, 0, 0.56)',
|
|
48
42
|
textConstSecondaryWhite: 'rgba(255, 255, 255, 0.64)',
|
|
43
|
+
textOnAccentBoldDisabled: 'rgba(255, 255, 255, 0.4)',
|
|
44
|
+
textOnAccentBoldPrimary: 'rgba(255, 255, 255, 0.96)',
|
|
45
|
+
textOnAccentBoldSecondary: 'rgba(255, 255, 255, 0.64)',
|
|
46
|
+
textOnBrandOriginalDisabled: 'rgba(255, 255, 255, 0.4)',
|
|
47
|
+
textOnBrandOriginalPrimary: 'rgba(255, 255, 255, 0.96)',
|
|
48
|
+
textOnBrandOriginalSecondary: 'rgba(255, 255, 255, 0.64)',
|
|
49
49
|
shapeBoldAccent: '#3d3d3d',
|
|
50
50
|
shapeBoldAccentHover: '#333333',
|
|
51
51
|
shapeBoldAccentPressed: '#292929',
|
|
@@ -90,8 +90,8 @@ exports.SEMANTIC_TOKENS = {
|
|
|
90
90
|
shapeOtherBacklessHover: 'rgba(0, 0, 0, 0.08)',
|
|
91
91
|
shapeOtherBacklessPressed: 'rgba(0, 0, 0, 0.12)',
|
|
92
92
|
shapeOtherBase: '#ffffff',
|
|
93
|
-
shapeOtherBaseHover: 'rgba(255, 255, 255, 0.
|
|
94
|
-
shapeOtherBasePressed: 'rgba(255, 255, 255, 0.
|
|
93
|
+
shapeOtherBaseHover: 'rgba(255, 255, 255, 0.64)',
|
|
94
|
+
shapeOtherBasePressed: 'rgba(255, 255, 255, 0.32)',
|
|
95
95
|
shapeOtherDisabled: 'rgba(0, 0, 0, 0.06)',
|
|
96
96
|
shapeOtherField: '#ffffff',
|
|
97
97
|
shapeOtherLow: 'rgba(0, 0, 0, 0.06)',
|
|
@@ -145,21 +145,30 @@ exports.SEMANTIC_TOKENS = {
|
|
|
145
145
|
shapeInvertedBacklessHover: 'rgba(255, 255, 255, 0.08)',
|
|
146
146
|
shapeInvertedBacklessPressed: 'rgba(255, 255, 255, 0.04)',
|
|
147
147
|
shapeInvertedDisabled: 'rgba(255, 255, 255, 0.06)',
|
|
148
|
+
shapeInvertedNeutralFaintAlpha: 'rgba(255, 255, 255, 0.06)',
|
|
149
|
+
shapeInvertedNeutralFaintAlphaHover: 'rgba(255, 255, 255, 0.08)',
|
|
150
|
+
shapeInvertedNeutralFaintAlphaPressed: 'rgba(255, 255, 255, 0.04)',
|
|
148
151
|
shapeInvertedNeutralHeavy: '#ffffff',
|
|
149
152
|
shapeInvertedNeutralHeavyHover: 'rgba(255, 255, 255, 0.88)',
|
|
150
153
|
shapeInvertedNeutralHeavyPressed: 'rgba(255, 255, 255, 0.72)',
|
|
151
|
-
shapeInvertedNeutralPaleAlpha: 'rgba(255, 255, 255, 0.
|
|
154
|
+
shapeInvertedNeutralPaleAlpha: 'rgba(255, 255, 255, 0.08)',
|
|
152
155
|
shapeInvertedNeutralPaleAlphaHover: 'rgba(255, 255, 255, 0.12)',
|
|
153
156
|
shapeInvertedNeutralPaleAlphaPressed: 'rgba(255, 255, 255, 0.06)',
|
|
154
|
-
shapeInvertedNeutralSoftAlpha: 'rgba(255, 255, 255, 0.
|
|
155
|
-
shapeInvertedNeutralSoftAlphaHover: 'rgba(255, 255, 255, 0.
|
|
156
|
-
shapeInvertedNeutralSoftAlphaPressed: 'rgba(255, 255, 255, 0.
|
|
157
|
-
shapeConstBacklessBlackHover: 'rgba(0, 0, 0, 0.
|
|
158
|
-
shapeConstBacklessBlackPressed: 'rgba(0, 0, 0, 0.
|
|
159
|
-
shapeConstBacklessWhiteHover: 'rgba(255, 255, 255, 0.
|
|
160
|
-
shapeConstBacklessWhitePressed: 'rgba(255, 255, 255, 0.
|
|
157
|
+
shapeInvertedNeutralSoftAlpha: 'rgba(255, 255, 255, 0.16)',
|
|
158
|
+
shapeInvertedNeutralSoftAlphaHover: 'rgba(255, 255, 255, 0.24)',
|
|
159
|
+
shapeInvertedNeutralSoftAlphaPressed: 'rgba(255, 255, 255, 0.12)',
|
|
160
|
+
shapeConstBacklessBlackHover: 'rgba(0, 0, 0, 0.12)',
|
|
161
|
+
shapeConstBacklessBlackPressed: 'rgba(0, 0, 0, 0.16)',
|
|
162
|
+
shapeConstBacklessWhiteHover: 'rgba(255, 255, 255, 0.12)',
|
|
163
|
+
shapeConstBacklessWhitePressed: 'rgba(255, 255, 255, 0.06)',
|
|
161
164
|
shapeConstDisabledBlack: 'rgba(0, 0, 0, 0.06)',
|
|
162
165
|
shapeConstDisabledWhite: 'rgba(255, 255, 255, 0.06)',
|
|
166
|
+
shapeConstFaintBlack: 'rgba(0, 0, 0, 0.12)',
|
|
167
|
+
shapeConstFaintBlackHover: 'rgba(0, 0, 0, 0.16)',
|
|
168
|
+
shapeConstFaintBlackPressed: 'rgba(0, 0, 0, 0.24)',
|
|
169
|
+
shapeConstFaintWhite: 'rgba(255, 255, 255, 0.12)',
|
|
170
|
+
shapeConstFaintWhiteHover: 'rgba(255, 255, 255, 0.16)',
|
|
171
|
+
shapeConstFaintWhitePressed: 'rgba(255, 255, 255, 0.08)',
|
|
163
172
|
shapeConstHeavyBlack: 'rgba(0, 0, 0, 0.8)',
|
|
164
173
|
shapeConstHeavyBlackHover: 'rgba(0, 0, 0, 0.88)',
|
|
165
174
|
shapeConstHeavyBlackPressed: 'rgba(0, 0, 0, 0.64)',
|
|
@@ -168,17 +177,17 @@ exports.SEMANTIC_TOKENS = {
|
|
|
168
177
|
shapeConstHeavyWhitePressed: 'rgba(255, 255, 255, 0.64)',
|
|
169
178
|
shapeConstPaleBlack: 'rgba(0, 0, 0, 0.16)',
|
|
170
179
|
shapeConstPaleBlackHover: 'rgba(0, 0, 0, 0.24)',
|
|
171
|
-
shapeConstPaleBlackPressed: 'rgba(0, 0, 0, 0.
|
|
180
|
+
shapeConstPaleBlackPressed: 'rgba(0, 0, 0, 0.32)',
|
|
172
181
|
shapeConstPaleWhite: 'rgba(255, 255, 255, 0.16)',
|
|
173
182
|
shapeConstPaleWhiteHover: 'rgba(255, 255, 255, 0.24)',
|
|
174
183
|
shapeConstPaleWhitePressed: 'rgba(255, 255, 255, 0.12)',
|
|
175
184
|
shapeConstPromo: '#32205a',
|
|
176
|
-
shapeConstSoftBlack: 'rgba(0, 0, 0, 0.
|
|
177
|
-
shapeConstSoftBlackHover: 'rgba(0, 0, 0, 0.
|
|
178
|
-
shapeConstSoftBlackPressed: 'rgba(0, 0, 0, 0.
|
|
179
|
-
shapeConstSoftWhite: 'rgba(255, 255, 255, 0.
|
|
180
|
-
shapeConstSoftWhiteHover: 'rgba(255, 255, 255, 0.
|
|
181
|
-
shapeConstSoftWhitePressed: 'rgba(255, 255, 255, 0.
|
|
185
|
+
shapeConstSoftBlack: 'rgba(0, 0, 0, 0.24)',
|
|
186
|
+
shapeConstSoftBlackHover: 'rgba(0, 0, 0, 0.32)',
|
|
187
|
+
shapeConstSoftBlackPressed: 'rgba(0, 0, 0, 0.4)',
|
|
188
|
+
shapeConstSoftWhite: 'rgba(255, 255, 255, 0.24)',
|
|
189
|
+
shapeConstSoftWhiteHover: 'rgba(255, 255, 255, 0.32)',
|
|
190
|
+
shapeConstSoftWhitePressed: 'rgba(255, 255, 255, 0.24)',
|
|
182
191
|
lineAccentBold: '#3d3d3d',
|
|
183
192
|
lineAccentBoldHover: '#333333',
|
|
184
193
|
lineAccentBoldPressed: '#292929',
|
|
@@ -196,10 +205,10 @@ exports.SEMANTIC_TOKENS = {
|
|
|
196
205
|
lineNeutralPale: 'rgba(0, 0, 0, 0.16)',
|
|
197
206
|
lineNeutralPaleHover: 'rgba(0, 0, 0, 0.24)',
|
|
198
207
|
lineNeutralPalePressed: 'rgba(0, 0, 0, 0.4)',
|
|
199
|
-
|
|
200
|
-
|
|
201
|
-
|
|
202
|
-
|
|
208
|
+
lineOnAccentBoldFaint: 'rgba(255, 255, 255, 0.12)',
|
|
209
|
+
lineOnAccentBoldPale: 'rgba(255, 255, 255, 0.24)',
|
|
210
|
+
lineOnBrandOriginalFaint: 'rgba(255, 255, 255, 0.12)',
|
|
211
|
+
lineOnBrandOriginalPale: 'rgba(255, 255, 255, 0.24)',
|
|
203
212
|
lineSuccessBold: '#008d3a',
|
|
204
213
|
lineSuccessBoldHover: '#00b74e',
|
|
205
214
|
lineSuccessBoldPressed: '#458552',
|
|
@@ -228,8 +237,8 @@ exports.SEMANTIC_TOKENS = {
|
|
|
228
237
|
lineInvertedWarningBold: '#f8ae00',
|
|
229
238
|
lineInvertedWarningBoldHover: '#ffbf0b',
|
|
230
239
|
lineInvertedWarningBoldPressed: '#cc9a51',
|
|
231
|
-
lineConstFaintBlack: 'rgba(0, 0, 0, 0.
|
|
232
|
-
lineConstFaintWhite: 'rgba(255, 255, 255, 0.
|
|
240
|
+
lineConstFaintBlack: 'rgba(0, 0, 0, 0.12)',
|
|
241
|
+
lineConstFaintWhite: 'rgba(255, 255, 255, 0.12)',
|
|
233
242
|
lineConstPaleBlack: 'rgba(0, 0, 0, 0.24)',
|
|
234
243
|
lineConstPaleBlackHover: 'rgba(0, 0, 0, 0.32)',
|
|
235
244
|
lineConstPaleBlackPressed: 'rgba(0, 0, 0, 0.16)',
|
|
@@ -243,8 +252,8 @@ exports.SEMANTIC_TOKENS = {
|
|
|
243
252
|
illustrationBlack: '#0d0d0d',
|
|
244
253
|
illustrationBrand: '#844BEC',
|
|
245
254
|
illustrationComplement: '#32205a',
|
|
246
|
-
illustrationOnBrand: 'rgba(
|
|
247
|
-
|
|
255
|
+
illustrationOnBrand: 'rgba(255, 255, 255, 1)',
|
|
256
|
+
illustrationOnComplement: '#ffffff',
|
|
248
257
|
illustrationPromo: '#32205a',
|
|
249
258
|
illustrationSymbol: '#c1b0ff',
|
|
250
259
|
illustrationWhite: '#ffffff',
|
|
@@ -330,12 +339,6 @@ exports.SEMANTIC_TOKENS = {
|
|
|
330
339
|
textLogo: '#9864ff',
|
|
331
340
|
textNeutralPrimary: 'rgba(255, 255, 255, 0.96)',
|
|
332
341
|
textNeutralSecondary: 'rgba(255, 255, 255, 0.64)',
|
|
333
|
-
textOnaccentboldDisabled: 'rgba(0, 0, 0, 0.32)',
|
|
334
|
-
textOnaccentboldPrimary: 'rgba(0, 0, 0, 0.96)',
|
|
335
|
-
textOnaccentboldSecondary: 'rgba(0, 0, 0, 0.56)',
|
|
336
|
-
textOnbrandoriginalDisabled: 'rgba(0, 0, 0, 0.4)',
|
|
337
|
-
textOnbrandoriginalPrimary: 'rgba(0, 0, 0, 0.96)',
|
|
338
|
-
textOnbrandoriginalSecondary: 'rgba(0, 0, 0, 0.64)',
|
|
339
342
|
textSuccessPrimary: '#00c655',
|
|
340
343
|
textSuccessPrimaryHover: '#4ede76',
|
|
341
344
|
textSuccessPrimaryPressed: '#4fa161',
|
|
@@ -348,6 +351,12 @@ exports.SEMANTIC_TOKENS = {
|
|
|
348
351
|
textConstPrimaryWhite: 'rgba(255, 255, 255, 0.96)',
|
|
349
352
|
textConstSecondaryBlack: 'rgba(0, 0, 0, 0.56)',
|
|
350
353
|
textConstSecondaryWhite: 'rgba(255, 255, 255, 0.64)',
|
|
354
|
+
textOnAccentBoldDisabled: 'rgba(0, 0, 0, 0.32)',
|
|
355
|
+
textOnAccentBoldPrimary: 'rgba(0, 0, 0, 0.88)',
|
|
356
|
+
textOnAccentBoldSecondary: 'rgba(0, 0, 0, 0.56)',
|
|
357
|
+
textOnBrandOriginalDisabled: 'rgba(255, 255, 255, 0.4)',
|
|
358
|
+
textOnBrandOriginalPrimary: 'rgba(255, 255, 255, 0.96)',
|
|
359
|
+
textOnBrandOriginalSecondary: 'rgba(255, 255, 255, 0.64)',
|
|
351
360
|
shapeBoldAccent: '#f2f2f2',
|
|
352
361
|
shapeBoldAccentHover: '#484848',
|
|
353
362
|
shapeBoldAccentPressed: '#333333',
|
|
@@ -447,21 +456,30 @@ exports.SEMANTIC_TOKENS = {
|
|
|
447
456
|
shapeInvertedBacklessHover: 'rgba(0, 0, 0, 0.08)',
|
|
448
457
|
shapeInvertedBacklessPressed: 'rgba(0, 0, 0, 0.12)',
|
|
449
458
|
shapeInvertedDisabled: 'rgba(0, 0, 0, 0.06)',
|
|
459
|
+
shapeInvertedNeutralFaintAlpha: 'rgba(0, 0, 0, 0.06)',
|
|
460
|
+
shapeInvertedNeutralFaintAlphaHover: 'rgba(0, 0, 0, 0.08)',
|
|
461
|
+
shapeInvertedNeutralFaintAlphaPressed: 'rgba(0, 0, 0, 0.12)',
|
|
450
462
|
shapeInvertedNeutralHeavy: 'rgba(0, 0, 0, 0.8)',
|
|
451
463
|
shapeInvertedNeutralHeavyHover: 'rgba(0, 0, 0, 0.88)',
|
|
452
464
|
shapeInvertedNeutralHeavyPressed: 'rgba(0, 0, 0, 0.72)',
|
|
453
|
-
shapeInvertedNeutralPaleAlpha: 'rgba(0, 0, 0, 0.
|
|
465
|
+
shapeInvertedNeutralPaleAlpha: 'rgba(0, 0, 0, 0.08)',
|
|
454
466
|
shapeInvertedNeutralPaleAlphaHover: 'rgba(0, 0, 0, 0.12)',
|
|
455
467
|
shapeInvertedNeutralPaleAlphaPressed: 'rgba(0, 0, 0, 0.16)',
|
|
456
|
-
shapeInvertedNeutralSoftAlpha: 'rgba(0, 0, 0, 0.
|
|
457
|
-
shapeInvertedNeutralSoftAlphaHover: 'rgba(0, 0, 0, 0.
|
|
458
|
-
shapeInvertedNeutralSoftAlphaPressed: 'rgba(0, 0, 0, 0.
|
|
459
|
-
shapeConstBacklessBlackHover: 'rgba(0, 0, 0, 0.
|
|
460
|
-
shapeConstBacklessBlackPressed: 'rgba(0, 0, 0, 0.
|
|
461
|
-
shapeConstBacklessWhiteHover: 'rgba(255, 255, 255, 0.
|
|
462
|
-
shapeConstBacklessWhitePressed: 'rgba(255, 255, 255, 0.
|
|
468
|
+
shapeInvertedNeutralSoftAlpha: 'rgba(0, 0, 0, 0.16)',
|
|
469
|
+
shapeInvertedNeutralSoftAlphaHover: 'rgba(0, 0, 0, 0.24)',
|
|
470
|
+
shapeInvertedNeutralSoftAlphaPressed: 'rgba(0, 0, 0, 0.32)',
|
|
471
|
+
shapeConstBacklessBlackHover: 'rgba(0, 0, 0, 0.12)',
|
|
472
|
+
shapeConstBacklessBlackPressed: 'rgba(0, 0, 0, 0.16)',
|
|
473
|
+
shapeConstBacklessWhiteHover: 'rgba(255, 255, 255, 0.12)',
|
|
474
|
+
shapeConstBacklessWhitePressed: 'rgba(255, 255, 255, 0.06)',
|
|
463
475
|
shapeConstDisabledBlack: 'rgba(0, 0, 0, 0.06)',
|
|
464
476
|
shapeConstDisabledWhite: 'rgba(255, 255, 255, 0.06)',
|
|
477
|
+
shapeConstFaintBlack: 'rgba(0, 0, 0, 0.12)',
|
|
478
|
+
shapeConstFaintBlackHover: 'rgba(0, 0, 0, 0.16)',
|
|
479
|
+
shapeConstFaintBlackPressed: 'rgba(0, 0, 0, 0.24)',
|
|
480
|
+
shapeConstFaintWhite: 'rgba(255, 255, 255, 0.12)',
|
|
481
|
+
shapeConstFaintWhiteHover: 'rgba(255, 255, 255, 0.16)',
|
|
482
|
+
shapeConstFaintWhitePressed: 'rgba(255, 255, 255, 0.08)',
|
|
465
483
|
shapeConstHeavyBlack: 'rgba(0, 0, 0, 0.8)',
|
|
466
484
|
shapeConstHeavyBlackHover: 'rgba(0, 0, 0, 0.88)',
|
|
467
485
|
shapeConstHeavyBlackPressed: 'rgba(0, 0, 0, 0.64)',
|
|
@@ -470,17 +488,17 @@ exports.SEMANTIC_TOKENS = {
|
|
|
470
488
|
shapeConstHeavyWhitePressed: 'rgba(255, 255, 255, 0.64)',
|
|
471
489
|
shapeConstPaleBlack: 'rgba(0, 0, 0, 0.16)',
|
|
472
490
|
shapeConstPaleBlackHover: 'rgba(0, 0, 0, 0.24)',
|
|
473
|
-
shapeConstPaleBlackPressed: 'rgba(0, 0, 0, 0.
|
|
491
|
+
shapeConstPaleBlackPressed: 'rgba(0, 0, 0, 0.32)',
|
|
474
492
|
shapeConstPaleWhite: 'rgba(255, 255, 255, 0.16)',
|
|
475
493
|
shapeConstPaleWhiteHover: 'rgba(255, 255, 255, 0.24)',
|
|
476
494
|
shapeConstPaleWhitePressed: 'rgba(255, 255, 255, 0.12)',
|
|
477
495
|
shapeConstPromo: '#32205a',
|
|
478
|
-
shapeConstSoftBlack: 'rgba(0, 0, 0, 0.
|
|
479
|
-
shapeConstSoftBlackHover: 'rgba(0, 0, 0, 0.
|
|
480
|
-
shapeConstSoftBlackPressed: 'rgba(0, 0, 0, 0.
|
|
481
|
-
shapeConstSoftWhite: 'rgba(255, 255, 255, 0.
|
|
482
|
-
shapeConstSoftWhiteHover: 'rgba(255, 255, 255, 0.
|
|
483
|
-
shapeConstSoftWhitePressed: 'rgba(255, 255, 255, 0.
|
|
496
|
+
shapeConstSoftBlack: 'rgba(0, 0, 0, 0.24)',
|
|
497
|
+
shapeConstSoftBlackHover: 'rgba(0, 0, 0, 0.32)',
|
|
498
|
+
shapeConstSoftBlackPressed: 'rgba(0, 0, 0, 0.4)',
|
|
499
|
+
shapeConstSoftWhite: 'rgba(255, 255, 255, 0.24)',
|
|
500
|
+
shapeConstSoftWhiteHover: 'rgba(255, 255, 255, 0.32)',
|
|
501
|
+
shapeConstSoftWhitePressed: 'rgba(255, 255, 255, 0.24)',
|
|
484
502
|
lineAccentBold: '#f2f2f2',
|
|
485
503
|
lineAccentBoldHover: '#484848',
|
|
486
504
|
lineAccentBoldPressed: '#333333',
|
|
@@ -498,10 +516,10 @@ exports.SEMANTIC_TOKENS = {
|
|
|
498
516
|
lineNeutralPale: 'rgba(255, 255, 255, 0.16)',
|
|
499
517
|
lineNeutralPaleHover: 'rgba(255, 255, 255, 0.24)',
|
|
500
518
|
lineNeutralPalePressed: 'rgba(255, 255, 255, 0.12)',
|
|
501
|
-
|
|
502
|
-
|
|
503
|
-
|
|
504
|
-
|
|
519
|
+
lineOnAccentBoldFaint: 'rgba(0, 0, 0, 0.12)',
|
|
520
|
+
lineOnAccentBoldPale: 'rgba(0, 0, 0, 0.24)',
|
|
521
|
+
lineOnBrandOriginalFaint: 'rgba(255, 255, 255, 0.12)',
|
|
522
|
+
lineOnBrandOriginalPale: 'rgba(255, 255, 255, 0.24)',
|
|
505
523
|
lineSuccessBold: '#009b41',
|
|
506
524
|
lineSuccessBoldHover: '#00b74e',
|
|
507
525
|
lineSuccessBoldPressed: '#458552',
|
|
@@ -530,8 +548,8 @@ exports.SEMANTIC_TOKENS = {
|
|
|
530
548
|
lineInvertedWarningBold: '#f8ae00',
|
|
531
549
|
lineInvertedWarningBoldHover: '#db9400',
|
|
532
550
|
lineInvertedWarningBoldPressed: '#bd8f4d',
|
|
533
|
-
lineConstFaintBlack: 'rgba(0, 0, 0, 0.
|
|
534
|
-
lineConstFaintWhite: 'rgba(255, 255, 255, 0.
|
|
551
|
+
lineConstFaintBlack: 'rgba(0, 0, 0, 0.12)',
|
|
552
|
+
lineConstFaintWhite: 'rgba(255, 255, 255, 0.12)',
|
|
535
553
|
lineConstPaleBlack: 'rgba(0, 0, 0, 0.24)',
|
|
536
554
|
lineConstPaleBlackHover: 'rgba(0, 0, 0, 0.32)',
|
|
537
555
|
lineConstPaleBlackPressed: 'rgba(0, 0, 0, 0.16)',
|
|
@@ -545,8 +563,8 @@ exports.SEMANTIC_TOKENS = {
|
|
|
545
563
|
illustrationBlack: '#0d0d0d',
|
|
546
564
|
illustrationBrand: '#844BEC',
|
|
547
565
|
illustrationComplement: '#ffffff',
|
|
548
|
-
illustrationOnBrand: 'rgba(
|
|
549
|
-
|
|
566
|
+
illustrationOnBrand: 'rgba(255, 255, 255, 1)',
|
|
567
|
+
illustrationOnComplement: '#32205a',
|
|
550
568
|
illustrationPromo: '#32205a',
|
|
551
569
|
illustrationSymbol: '#c1b0ff',
|
|
552
570
|
illustrationWhite: '#ffffff',
|
|
@@ -24,6 +24,7 @@ export interface BaseTokens {
|
|
|
24
24
|
whiteAlpha: ColorWithScale<AlphaScale>;
|
|
25
25
|
blackAlpha: ColorWithScale<AlphaScale>;
|
|
26
26
|
onBrand: ColorWithScale<AlphaScale>;
|
|
27
|
+
onAccent?: ColorWithScale<AlphaScale>;
|
|
27
28
|
customizable: {
|
|
28
29
|
red: ColorPalette;
|
|
29
30
|
orange: ColorPalette;
|
|
@@ -73,6 +73,8 @@ export function getBaseTokens(_a) {
|
|
|
73
73
|
whiteAlpha: DEFAULT_SWATCH.whiteAlpha,
|
|
74
74
|
blackAlpha: DEFAULT_SWATCH.blackAlpha,
|
|
75
75
|
onBrand: calcOnBrand(brandColor),
|
|
76
|
+
// TODO: настроить для gray
|
|
77
|
+
onAccent: (accent === 'brand' && calcOnBrand(brandColor)) || undefined,
|
|
76
78
|
customizable: customizable,
|
|
77
79
|
};
|
|
78
80
|
}
|
|
@@ -26,12 +26,6 @@ export declare const getDefaultTokens: (base: BaseTokens) => {
|
|
|
26
26
|
textLogo: string;
|
|
27
27
|
textNeutralPrimary: string;
|
|
28
28
|
textNeutralSecondary: string;
|
|
29
|
-
textOnaccentboldDisabled: string;
|
|
30
|
-
textOnaccentboldPrimary: string;
|
|
31
|
-
textOnaccentboldSecondary: string;
|
|
32
|
-
textOnbrandoriginalDisabled: string;
|
|
33
|
-
textOnbrandoriginalPrimary: string;
|
|
34
|
-
textOnbrandoriginalSecondary: string;
|
|
35
29
|
textSuccessPrimary: string;
|
|
36
30
|
textSuccessPrimaryHover: string;
|
|
37
31
|
textSuccessPrimaryPressed: string;
|
|
@@ -44,6 +38,12 @@ export declare const getDefaultTokens: (base: BaseTokens) => {
|
|
|
44
38
|
textConstPrimaryWhite: string;
|
|
45
39
|
textConstSecondaryBlack: string;
|
|
46
40
|
textConstSecondaryWhite: string;
|
|
41
|
+
textOnAccentBoldDisabled: string;
|
|
42
|
+
textOnAccentBoldPrimary: string;
|
|
43
|
+
textOnAccentBoldSecondary: string;
|
|
44
|
+
textOnBrandOriginalDisabled: string;
|
|
45
|
+
textOnBrandOriginalPrimary: string;
|
|
46
|
+
textOnBrandOriginalSecondary: string;
|
|
47
47
|
shapeBoldAccent: string;
|
|
48
48
|
shapeBoldAccentHover: string;
|
|
49
49
|
shapeBoldAccentPressed: string;
|
|
@@ -143,6 +143,9 @@ export declare const getDefaultTokens: (base: BaseTokens) => {
|
|
|
143
143
|
shapeInvertedBacklessHover: string;
|
|
144
144
|
shapeInvertedBacklessPressed: string;
|
|
145
145
|
shapeInvertedDisabled: string;
|
|
146
|
+
shapeInvertedNeutralFaintAlpha: string;
|
|
147
|
+
shapeInvertedNeutralFaintAlphaHover: string;
|
|
148
|
+
shapeInvertedNeutralFaintAlphaPressed: string;
|
|
146
149
|
shapeInvertedNeutralHeavy: string;
|
|
147
150
|
shapeInvertedNeutralHeavyHover: string;
|
|
148
151
|
shapeInvertedNeutralHeavyPressed: string;
|
|
@@ -158,6 +161,12 @@ export declare const getDefaultTokens: (base: BaseTokens) => {
|
|
|
158
161
|
shapeConstBacklessWhitePressed: string;
|
|
159
162
|
shapeConstDisabledBlack: string;
|
|
160
163
|
shapeConstDisabledWhite: string;
|
|
164
|
+
shapeConstFaintBlack: string;
|
|
165
|
+
shapeConstFaintBlackHover: string;
|
|
166
|
+
shapeConstFaintBlackPressed: string;
|
|
167
|
+
shapeConstFaintWhite: string;
|
|
168
|
+
shapeConstFaintWhiteHover: string;
|
|
169
|
+
shapeConstFaintWhitePressed: string;
|
|
161
170
|
shapeConstHeavyBlack: string;
|
|
162
171
|
shapeConstHeavyBlackHover: string;
|
|
163
172
|
shapeConstHeavyBlackPressed: string;
|
|
@@ -194,10 +203,10 @@ export declare const getDefaultTokens: (base: BaseTokens) => {
|
|
|
194
203
|
lineNeutralPale: string;
|
|
195
204
|
lineNeutralPaleHover: string;
|
|
196
205
|
lineNeutralPalePressed: string;
|
|
197
|
-
|
|
198
|
-
|
|
199
|
-
|
|
200
|
-
|
|
206
|
+
lineOnAccentBoldFaint: string;
|
|
207
|
+
lineOnAccentBoldPale: string;
|
|
208
|
+
lineOnBrandOriginalFaint: string;
|
|
209
|
+
lineOnBrandOriginalPale: string;
|
|
201
210
|
lineSuccessBold: string;
|
|
202
211
|
lineSuccessBoldHover: string;
|
|
203
212
|
lineSuccessBoldPressed: string;
|
|
@@ -242,7 +251,7 @@ export declare const getDefaultTokens: (base: BaseTokens) => {
|
|
|
242
251
|
illustrationBrand: string;
|
|
243
252
|
illustrationComplement: string;
|
|
244
253
|
illustrationOnBrand: string;
|
|
245
|
-
|
|
254
|
+
illustrationOnComplement: string;
|
|
246
255
|
illustrationPromo: string;
|
|
247
256
|
illustrationSymbol: string;
|
|
248
257
|
illustrationWhite: string;
|
|
@@ -328,12 +337,6 @@ export declare const getDefaultTokens: (base: BaseTokens) => {
|
|
|
328
337
|
textLogo: string;
|
|
329
338
|
textNeutralPrimary: string;
|
|
330
339
|
textNeutralSecondary: string;
|
|
331
|
-
textOnaccentboldDisabled: string;
|
|
332
|
-
textOnaccentboldPrimary: string;
|
|
333
|
-
textOnaccentboldSecondary: string;
|
|
334
|
-
textOnbrandoriginalDisabled: string;
|
|
335
|
-
textOnbrandoriginalPrimary: string;
|
|
336
|
-
textOnbrandoriginalSecondary: string;
|
|
337
340
|
textSuccessPrimary: string;
|
|
338
341
|
textSuccessPrimaryHover: string;
|
|
339
342
|
textSuccessPrimaryPressed: string;
|
|
@@ -346,6 +349,12 @@ export declare const getDefaultTokens: (base: BaseTokens) => {
|
|
|
346
349
|
textConstPrimaryWhite: string;
|
|
347
350
|
textConstSecondaryBlack: string;
|
|
348
351
|
textConstSecondaryWhite: string;
|
|
352
|
+
textOnAccentBoldDisabled: string;
|
|
353
|
+
textOnAccentBoldPrimary: string;
|
|
354
|
+
textOnAccentBoldSecondary: string;
|
|
355
|
+
textOnBrandOriginalDisabled: string;
|
|
356
|
+
textOnBrandOriginalPrimary: string;
|
|
357
|
+
textOnBrandOriginalSecondary: string;
|
|
349
358
|
shapeBoldAccent: string;
|
|
350
359
|
shapeBoldAccentHover: string;
|
|
351
360
|
shapeBoldAccentPressed: string;
|
|
@@ -445,6 +454,9 @@ export declare const getDefaultTokens: (base: BaseTokens) => {
|
|
|
445
454
|
shapeInvertedBacklessHover: string;
|
|
446
455
|
shapeInvertedBacklessPressed: string;
|
|
447
456
|
shapeInvertedDisabled: string;
|
|
457
|
+
shapeInvertedNeutralFaintAlpha: string;
|
|
458
|
+
shapeInvertedNeutralFaintAlphaHover: string;
|
|
459
|
+
shapeInvertedNeutralFaintAlphaPressed: string;
|
|
448
460
|
shapeInvertedNeutralHeavy: string;
|
|
449
461
|
shapeInvertedNeutralHeavyHover: string;
|
|
450
462
|
shapeInvertedNeutralHeavyPressed: string;
|
|
@@ -460,6 +472,12 @@ export declare const getDefaultTokens: (base: BaseTokens) => {
|
|
|
460
472
|
shapeConstBacklessWhitePressed: string;
|
|
461
473
|
shapeConstDisabledBlack: string;
|
|
462
474
|
shapeConstDisabledWhite: string;
|
|
475
|
+
shapeConstFaintBlack: string;
|
|
476
|
+
shapeConstFaintBlackHover: string;
|
|
477
|
+
shapeConstFaintBlackPressed: string;
|
|
478
|
+
shapeConstFaintWhite: string;
|
|
479
|
+
shapeConstFaintWhiteHover: string;
|
|
480
|
+
shapeConstFaintWhitePressed: string;
|
|
463
481
|
shapeConstHeavyBlack: string;
|
|
464
482
|
shapeConstHeavyBlackHover: string;
|
|
465
483
|
shapeConstHeavyBlackPressed: string;
|
|
@@ -496,10 +514,10 @@ export declare const getDefaultTokens: (base: BaseTokens) => {
|
|
|
496
514
|
lineNeutralPale: string;
|
|
497
515
|
lineNeutralPaleHover: string;
|
|
498
516
|
lineNeutralPalePressed: string;
|
|
499
|
-
|
|
500
|
-
|
|
501
|
-
|
|
502
|
-
|
|
517
|
+
lineOnAccentBoldFaint: string;
|
|
518
|
+
lineOnAccentBoldPale: string;
|
|
519
|
+
lineOnBrandOriginalFaint: string;
|
|
520
|
+
lineOnBrandOriginalPale: string;
|
|
503
521
|
lineSuccessBold: string;
|
|
504
522
|
lineSuccessBoldHover: string;
|
|
505
523
|
lineSuccessBoldPressed: string;
|
|
@@ -544,7 +562,7 @@ export declare const getDefaultTokens: (base: BaseTokens) => {
|
|
|
544
562
|
illustrationBrand: string;
|
|
545
563
|
illustrationComplement: string;
|
|
546
564
|
illustrationOnBrand: string;
|
|
547
|
-
|
|
565
|
+
illustrationOnComplement: string;
|
|
548
566
|
illustrationPromo: string;
|
|
549
567
|
illustrationSymbol: string;
|
|
550
568
|
illustrationWhite: string;
|