@aurodesignsystem/design-tokens 5.6.1 → 5.8.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/CHANGELOG.md +28 -0
- package/dist/CSSCustomProperties--bundled.css +507 -41
- package/dist/alaska/CSSCustomProperties--alaska.css +25 -22
- package/dist/alaska/JSONVariablesNested--alaska.json +26 -21
- package/dist/alaska/JSObject--allTokens.js +277 -180
- package/dist/alaska/SCSSVariables--alaska.scss +25 -22
- package/dist/alaska/SCSSVariablesMapFlat--alaska.scss +25 -22
- package/dist/alaska/primitives--alaska.scss +27 -27
- package/dist/alaska-classic/CSSCustomProperties--alaskaClassic.css +463 -0
- package/dist/alaska-classic/JSONVariablesNested--alaskaClassic.json +714 -0
- package/dist/alaska-classic/JSObject--allTokens.js +15671 -0
- package/dist/alaska-classic/SCSSVariables--alaskaClassic.scss +460 -0
- package/dist/alaska-classic/SCSSVariablesMapFlat--alaskaClassic.scss +464 -0
- package/dist/alaska-classic/primitives--alaskaClassic.scss +246 -0
- package/dist/auro-classic/CSSCustomProperties.css +1 -1
- package/dist/auro-classic/CSSSizeCustomProperties.css +1 -1
- package/dist/auro-classic/JSData--color.js +1 -1
- package/dist/auro-classic/JSObject--allTokens.js +1 -1
- package/dist/auro-classic/JSObject--deprecated.js +1 -1
- package/dist/auro-classic/JSVariables--color.js +1 -1
- package/dist/auro-classic/SCSSVariableMap.scss +1 -1
- package/dist/auro-classic/SCSSVariables.scss +1 -1
- package/dist/auro-classic/SCSSVariablesMapFlat.scss +1 -1
- package/dist/auro-classic/SassCustomProperties.scss +1 -1
- package/dist/auro-classic/SassSizeCustomProperties.scss +1 -1
- package/dist/hawaiian/CSSCustomProperties--hawaiian.css +23 -20
- package/dist/hawaiian/JSONVariablesNested--hawaiian.json +24 -19
- package/dist/hawaiian/JSObject--allTokens.js +273 -176
- package/dist/hawaiian/SCSSVariables--hawaiian.scss +23 -20
- package/dist/hawaiian/SCSSVariablesMapFlat--hawaiian.scss +23 -20
- package/dist/hawaiian/primitives--hawaiian.scss +27 -27
- package/dist/transparent/CSSCustomProperties--transparent.css +1 -1
- package/package.json +1 -1
- package/src/primitives/base/transparency.json +38 -38
- package/src/themes/alaska/advanced/boolean.json +2 -2
- package/src/themes/alaska/advanced/button/flat.json +58 -0
- package/src/themes/alaska/advanced/button/primary.json +0 -8
- package/src/themes/alaska/advanced/button/secondary.json +4 -4
- package/src/themes/alaska/advanced/button/tertiary.json +0 -32
- package/src/themes/alaska/basic/color/text-icon.json +16 -0
- package/src/themes/alaska-classic/advanced/accents.json +104 -0
- package/src/themes/alaska-classic/advanced/boolean.json +144 -0
- package/src/themes/alaska-classic/advanced/button/flat.json +58 -0
- package/src/themes/alaska-classic/advanced/button/primary.json +138 -0
- package/src/themes/alaska-classic/advanced/button/secondary.json +106 -0
- package/src/themes/alaska-classic/advanced/button/tertiary.json +66 -0
- package/src/themes/alaska-classic/advanced/hyperlink.json +40 -0
- package/src/themes/alaska-classic/advanced/shared.json +48 -0
- package/src/themes/alaska-classic/advanced/state.json +72 -0
- package/src/themes/alaska-classic/basic/color/border.json +64 -0
- package/src/themes/alaska-classic/basic/color/brand.json +104 -0
- package/src/themes/alaska-classic/basic/color/fare-brand.json +74 -0
- package/src/themes/alaska-classic/basic/color/page-background.json +24 -0
- package/src/themes/alaska-classic/basic/color/status.json +80 -0
- package/src/themes/alaska-classic/basic/color/surface.json +88 -0
- package/src/themes/alaska-classic/basic/color/text-icon.json +72 -0
- package/src/themes/alaska-classic/basic/corner-radius.json +30 -0
- package/src/themes/alaska-classic/basic/font/accent.json +918 -0
- package/src/themes/alaska-classic/basic/font/body.json +218 -0
- package/src/themes/alaska-classic/basic/font/display.json +788 -0
- package/src/themes/alaska-classic/basic/font/heading.json +788 -0
- package/src/themes/hawaiian/advanced/button/flat.json +58 -0
- package/src/themes/hawaiian/advanced/button/primary.json +0 -8
- package/src/themes/hawaiian/advanced/button/secondary.json +4 -4
- package/src/themes/hawaiian/advanced/button/tertiary.json +0 -32
- package/src/themes/hawaiian/basic/color/text-icon.json +16 -0
- package/src/themes/alaska-classic/color.json +0 -444
- package/src/themes/alaska-classic/component/boolean.json +0 -70
- package/src/themes/alaska-classic/component/button.json +0 -260
- package/src/themes/alaska-classic/component/hyperlink.json +0 -62
- package/src/themes/alaska-classic/component/shared.json +0 -46
- package/src/themes/alaska-classic/component/state.json +0 -70
- package/src/themes/alaska-classic/typography.json +0 -824
|
@@ -0,0 +1,246 @@
|
|
|
1
|
+
|
|
2
|
+
// Do not edit directly
|
|
3
|
+
// Generated on Wed, 09 Apr 2025 18:34:55 GMT
|
|
4
|
+
|
|
5
|
+
$asc-color-atlas-100: #ebf7ff;
|
|
6
|
+
$asc-color-atlas-200: #aedeff;
|
|
7
|
+
$asc-color-atlas-300: #63beff;
|
|
8
|
+
$asc-color-atlas-400: #289bee;
|
|
9
|
+
$asc-color-atlas-500: #0074ca;
|
|
10
|
+
$asc-color-atlas-600: #005fa7;
|
|
11
|
+
$asc-color-atlas-700: #004b84;
|
|
12
|
+
$asc-color-atlas-800: #003761;
|
|
13
|
+
$asc-color-atlas-900: #002c4e;
|
|
14
|
+
$asc-color-atlas-1000: #101d2c;
|
|
15
|
+
$asc-color-azores-100: #e4f8f4;
|
|
16
|
+
$asc-color-azores-200: #cff1ea;
|
|
17
|
+
$asc-color-azores-300: #b0ebdf;
|
|
18
|
+
$asc-color-azores-400: #81d4c3;
|
|
19
|
+
$asc-color-azores-500: #4ca895;
|
|
20
|
+
$asc-color-azores-600: #009173;
|
|
21
|
+
$asc-color-azores-700: #006e58;
|
|
22
|
+
$asc-color-azores-800: #004b3c;
|
|
23
|
+
$asc-color-azores-900: #002820;
|
|
24
|
+
$asc-color-azores-1000: #000504;
|
|
25
|
+
$asc-color-bliss-100: #ebfafd;
|
|
26
|
+
$asc-color-bliss-200: #d0f4fb;
|
|
27
|
+
$asc-color-bliss-300: #b4eff9;
|
|
28
|
+
$asc-color-bliss-400: #97eaf8;
|
|
29
|
+
$asc-color-bliss-500: #5de3f7;
|
|
30
|
+
$asc-color-bliss-600: #3ed3ea;
|
|
31
|
+
$asc-color-bliss-700: #18c3dd;
|
|
32
|
+
$asc-color-bliss-800: #0e9bb4;
|
|
33
|
+
$asc-color-bliss-900: #096173;
|
|
34
|
+
$asc-color-bliss-1000: #06414d;
|
|
35
|
+
$asc-color-breeze-100: #e7f4f8;
|
|
36
|
+
$asc-color-breeze-200: #d7ecf4;
|
|
37
|
+
$asc-color-breeze-300: #badfed;
|
|
38
|
+
$asc-color-breeze-400: #a2d4e7;
|
|
39
|
+
$asc-color-breeze-500: #8dcae2;
|
|
40
|
+
$asc-color-breeze-600: #6dbbd9;
|
|
41
|
+
$asc-color-breeze-700: #48aad0;
|
|
42
|
+
$asc-color-breeze-800: #2f91b7;
|
|
43
|
+
$asc-color-breeze-900: #1f607a;
|
|
44
|
+
$asc-color-breeze-1000: #0d2a35;
|
|
45
|
+
$asc-color-dune-100: #faf9f5;
|
|
46
|
+
$asc-color-dune-200: #e9e6d9;
|
|
47
|
+
$asc-color-dune-300: #dfd7c3;
|
|
48
|
+
$asc-color-dune-400: #d7c6ac;
|
|
49
|
+
$asc-color-dune-500: #c9b494;
|
|
50
|
+
$asc-color-dune-600: #bba27c;
|
|
51
|
+
$asc-color-dune-700: #ab9165;
|
|
52
|
+
$asc-color-dune-800: #967d55;
|
|
53
|
+
$asc-color-dune-900: #7b6949;
|
|
54
|
+
$asc-color-dune-1000: #62543c;
|
|
55
|
+
$asc-color-summit-100: #e9f1f1;
|
|
56
|
+
$asc-color-summit-200: #dfe9ea;
|
|
57
|
+
$asc-color-summit-300: #c2d5d6;
|
|
58
|
+
$asc-color-summit-400: #9fbdbe;
|
|
59
|
+
$asc-color-summit-500: #7ba5a6;
|
|
60
|
+
$asc-color-summit-600: #5c8f91;
|
|
61
|
+
$asc-color-summit-700: #3d7a7d;
|
|
62
|
+
$asc-color-summit-800: #21686a;
|
|
63
|
+
$asc-color-summit-900: #005154;
|
|
64
|
+
$asc-color-summit-1000: #004447;
|
|
65
|
+
$asc-color-flare-100: #fff0e5;
|
|
66
|
+
$asc-color-flare-200: #ffe2cf;
|
|
67
|
+
$asc-color-flare-300: #ffc9a4;
|
|
68
|
+
$asc-color-flare-400: #feb17a;
|
|
69
|
+
$asc-color-flare-500: #fe994f;
|
|
70
|
+
$asc-color-flare-600: #fb7f24;
|
|
71
|
+
$asc-color-flare-700: #eb6806;
|
|
72
|
+
$asc-color-flare-800: #bc5507;
|
|
73
|
+
$asc-color-flare-900: #8f4207;
|
|
74
|
+
$asc-color-flare-1000: #622e06;
|
|
75
|
+
$asc-color-maris-100: #ecf0f3;
|
|
76
|
+
$asc-color-maris-200: #e2e8ee;
|
|
77
|
+
$asc-color-maris-300: #c7d6e5;
|
|
78
|
+
$asc-color-maris-400: #aabed4;
|
|
79
|
+
$asc-color-maris-500: #8ca7c9;
|
|
80
|
+
$asc-color-maris-600: #6f8fb8;
|
|
81
|
+
$asc-color-maris-700: #5578a4;
|
|
82
|
+
$asc-color-maris-800: #40618c;
|
|
83
|
+
$asc-color-maris-900: #284a75;
|
|
84
|
+
$asc-color-maris-1000: #1f3451;
|
|
85
|
+
$asc-color-midnight-100: #ebf3f9;
|
|
86
|
+
$asc-color-midnight-200: #cfe0ef;
|
|
87
|
+
$asc-color-midnight-300: #acc9e2;
|
|
88
|
+
$asc-color-midnight-400: #89b2d4;
|
|
89
|
+
$asc-color-midnight-500: #6899c6;
|
|
90
|
+
$asc-color-midnight-600: #2875b5;
|
|
91
|
+
$asc-color-midnight-700: #326aa5;
|
|
92
|
+
$asc-color-midnight-800: #265688;
|
|
93
|
+
$asc-color-midnight-900: #01426a;
|
|
94
|
+
$asc-color-midnight-1000: #00274a;
|
|
95
|
+
$asc-color-sol-100: #fffdf5;
|
|
96
|
+
$asc-color-sol-200: #fffaec;
|
|
97
|
+
$asc-color-sol-300: #fff2d0;
|
|
98
|
+
$asc-color-sol-400: #feebb4;
|
|
99
|
+
$asc-color-sol-500: #fde398;
|
|
100
|
+
$asc-color-sol-600: #fcdb7d;
|
|
101
|
+
$asc-color-sol-700: #fad362;
|
|
102
|
+
$asc-color-sol-800: #f8cb48;
|
|
103
|
+
$asc-color-sol-900: #f5c22e;
|
|
104
|
+
$asc-color-sol-1000: #f2ba14;
|
|
105
|
+
$asc-color-tropical-100: #eaf3dd;
|
|
106
|
+
$asc-color-tropical-200: #deedca;
|
|
107
|
+
$asc-color-tropical-300: #c9e1a7;
|
|
108
|
+
$asc-color-tropical-400: #b2d583;
|
|
109
|
+
$asc-color-tropical-500: #a3cd6a;
|
|
110
|
+
$asc-color-tropical-600: #92c450;
|
|
111
|
+
$asc-color-tropical-700: #7daf3b;
|
|
112
|
+
$asc-color-tropical-800: #5f852d;
|
|
113
|
+
$asc-color-tropical-900: #476322;
|
|
114
|
+
$asc-color-tropical-1000: #212e0f;
|
|
115
|
+
$asc-color-black: #000000;
|
|
116
|
+
$asc-color-gray-50: #f7f7f7;
|
|
117
|
+
$asc-color-gray-100: #f2f2f2;
|
|
118
|
+
$asc-color-gray-200: #dddddd;
|
|
119
|
+
$asc-color-gray-250: #d0d0d0;
|
|
120
|
+
$asc-color-gray-300: #c5c5c5;
|
|
121
|
+
$asc-color-gray-400: #adadad;
|
|
122
|
+
$asc-color-gray-500: #959595;
|
|
123
|
+
$asc-color-gray-600: #7e7e7e;
|
|
124
|
+
$asc-color-gray-700: #676767;
|
|
125
|
+
$asc-color-gray-800: #525252;
|
|
126
|
+
$asc-color-gray-900: #3d3d3d;
|
|
127
|
+
$asc-color-gray-1000: #2a2a2a;
|
|
128
|
+
$asc-color-neutral-100: #f7f8fa;
|
|
129
|
+
$asc-color-neutral-200: #e4e8ec;
|
|
130
|
+
$asc-color-neutral-300: #ccd2db;
|
|
131
|
+
$asc-color-neutral-400: #afb9c6;
|
|
132
|
+
$asc-color-neutral-500: #939fad;
|
|
133
|
+
$asc-color-neutral-600: #7e8894;
|
|
134
|
+
$asc-color-neutral-700: #6a717c;
|
|
135
|
+
$asc-color-neutral-800: #585e67;
|
|
136
|
+
$asc-color-neutral-900: #484d55;
|
|
137
|
+
$asc-color-neutral-1000: #393d43;
|
|
138
|
+
$asc-color-oneworld-emerald: #139142;
|
|
139
|
+
$asc-color-oneworld-ruby: #a41d4a;
|
|
140
|
+
$asc-color-oneworld-sapphire: #015daa;
|
|
141
|
+
$asc-color-status-error-100: #fbc6c6;
|
|
142
|
+
$asc-color-status-error-200: #f9a4a8;
|
|
143
|
+
$asc-color-status-error-300: #f0898d;
|
|
144
|
+
$asc-color-status-error-400: #f15f65;
|
|
145
|
+
$asc-color-status-error-500: #e8454b;
|
|
146
|
+
$asc-color-status-error-600: #e53339;
|
|
147
|
+
$asc-color-status-error-700: #e31f26;
|
|
148
|
+
$asc-color-status-error-800: #b1161c;
|
|
149
|
+
$asc-color-status-error-900: #7a0f13;
|
|
150
|
+
$asc-color-status-error-1000: #44090b;
|
|
151
|
+
$asc-color-status-help-100: #e8f2f8;
|
|
152
|
+
$asc-color-status-help-200: #dbe6f0;
|
|
153
|
+
$asc-color-status-help-300: #abc7de;
|
|
154
|
+
$asc-color-status-help-400: #7eabcd;
|
|
155
|
+
$asc-color-status-help-500: #5494c0;
|
|
156
|
+
$asc-color-status-help-600: #007db1;
|
|
157
|
+
$asc-color-status-help-700: #136791;
|
|
158
|
+
$asc-color-status-help-800: #195170;
|
|
159
|
+
$asc-color-status-help-900: #193b51;
|
|
160
|
+
$asc-color-status-help-1000: #152734;
|
|
161
|
+
$asc-color-status-success-100: #d6eac7;
|
|
162
|
+
$asc-color-status-success-200: #b6de9b;
|
|
163
|
+
$asc-color-status-success-300: #96cf6e;
|
|
164
|
+
$asc-color-status-success-400: #7ac248;
|
|
165
|
+
$asc-color-status-success-500: #5da72a;
|
|
166
|
+
$asc-color-status-success-600: #529325;
|
|
167
|
+
$asc-color-status-success-700: #447a1f;
|
|
168
|
+
$asc-color-status-success-800: #325a16;
|
|
169
|
+
$asc-color-status-success-900: #294912;
|
|
170
|
+
$asc-color-status-success-1000: #17290a;
|
|
171
|
+
$asc-color-status-warn-100: #fff0b2;
|
|
172
|
+
$asc-color-status-warn-200: #ffe382;
|
|
173
|
+
$asc-color-status-warn-300: #fac200;
|
|
174
|
+
$asc-color-status-warn-400: #e0ae00;
|
|
175
|
+
$asc-color-status-warn-500: #bd9200;
|
|
176
|
+
$asc-color-status-warn-600: #9e7b00;
|
|
177
|
+
$asc-color-status-warn-700: #856700;
|
|
178
|
+
$asc-color-status-warn-800: #6b5300;
|
|
179
|
+
$asc-color-status-warn-900: #523f00;
|
|
180
|
+
$asc-color-status-warn-1000: #382b00;
|
|
181
|
+
$asc-color-white: #ffffff;
|
|
182
|
+
$asc-font-family-as-circular: AS Circular;
|
|
183
|
+
$asc-font-family-good-ot: Good OT;
|
|
184
|
+
$asc-font-letter-spacing-md: .10em;
|
|
185
|
+
$asc-font-letter-spacing-sm: .05em;
|
|
186
|
+
$asc-font-letter-spacing-xs: 0;
|
|
187
|
+
$asc-font-line-height-percent-100: 100%;
|
|
188
|
+
$asc-font-line-height-percent-130: 130%;
|
|
189
|
+
$asc-font-line-height-px-14: 14px;
|
|
190
|
+
$asc-font-line-height-px-16: 16px;
|
|
191
|
+
$asc-font-line-height-px-20: 20px;
|
|
192
|
+
$asc-font-line-height-px-24: 24px;
|
|
193
|
+
$asc-font-line-height-px-26: 26px;
|
|
194
|
+
$asc-font-size-10: 10px;
|
|
195
|
+
$asc-font-size-12: 12px;
|
|
196
|
+
$asc-font-size-14: 14px;
|
|
197
|
+
$asc-font-size-16: 16px;
|
|
198
|
+
$asc-font-size-18: 18px;
|
|
199
|
+
$asc-font-size-20: 20px;
|
|
200
|
+
$asc-font-size-22: 22px;
|
|
201
|
+
$asc-font-size-24: 24px;
|
|
202
|
+
$asc-font-size-26: 26px;
|
|
203
|
+
$asc-font-size-28: 28px;
|
|
204
|
+
$asc-font-size-32: 32px;
|
|
205
|
+
$asc-font-size-36: 36px;
|
|
206
|
+
$asc-font-size-38: 38px;
|
|
207
|
+
$asc-font-size-40: 40px;
|
|
208
|
+
$asc-font-size-44: 44px;
|
|
209
|
+
$asc-font-size-48: 48px;
|
|
210
|
+
$asc-font-size-56: 56px;
|
|
211
|
+
$asc-font-size-64: 64px;
|
|
212
|
+
$asc-font-size-72: 72px;
|
|
213
|
+
$asc-font-size-86: 86px;
|
|
214
|
+
$asc-font-weight-300: Light;
|
|
215
|
+
$asc-font-weight-400: Regular;
|
|
216
|
+
$asc-font-weight-425: Cond News;
|
|
217
|
+
$asc-font-weight-450: Book;
|
|
218
|
+
$asc-font-weight-500: Medium;
|
|
219
|
+
$asc-font-weight-525: Cond Medium;
|
|
220
|
+
$asc-font-weight-600: Semibold;
|
|
221
|
+
$asc-transparency-black-5: rgba(0, 0, 0, 0.05);
|
|
222
|
+
$asc-transparency-black-10: rgba(0, 0, 0, 0.1);
|
|
223
|
+
$asc-transparency-black-15: rgba(0, 0, 0, 0.15);
|
|
224
|
+
$asc-transparency-black-20: rgba(0, 0, 0, 0.2);
|
|
225
|
+
$asc-transparency-black-30: rgba(0, 0, 0, 0.3);
|
|
226
|
+
$asc-transparency-black-40: rgba(0, 0, 0, 0.4);
|
|
227
|
+
$asc-transparency-black-50: rgba(0, 0, 0, 0.5);
|
|
228
|
+
$asc-transparency-black-55: rgba(0, 0, 0, 0.55);
|
|
229
|
+
$asc-transparency-black-60: rgba(0, 0, 0, 0.6);
|
|
230
|
+
$asc-transparency-black-70: rgba(0, 0, 0, 0.7);
|
|
231
|
+
$asc-transparency-black-75: rgba(0, 0, 0, 0.75);
|
|
232
|
+
$asc-transparency-black-80: rgba(0, 0, 0, 0.8);
|
|
233
|
+
$asc-transparency-black-90: rgba(0, 0, 0, 0.9);
|
|
234
|
+
$asc-transparency-white-5: rgba(255, 255, 255, 0.05);
|
|
235
|
+
$asc-transparency-white-10: rgba(255, 255, 255, 0.1);
|
|
236
|
+
$asc-transparency-white-15: rgba(255, 255, 255, 0.15);
|
|
237
|
+
$asc-transparency-white-20: rgba(255, 255, 255, 0.2);
|
|
238
|
+
$asc-transparency-white-30: rgba(255, 255, 255, 0.3);
|
|
239
|
+
$asc-transparency-white-40: rgba(255, 255, 255, 0.4);
|
|
240
|
+
$asc-transparency-white-50: rgba(255, 255, 255, 0.5);
|
|
241
|
+
$asc-transparency-white-55: rgba(255, 255, 255, 0.55);
|
|
242
|
+
$asc-transparency-white-60: rgba(255, 255, 255, 0.6);
|
|
243
|
+
$asc-transparency-white-70: rgba(255, 255, 255, 0.7);
|
|
244
|
+
$asc-transparency-white-75: rgba(255, 255, 255, 0.75);
|
|
245
|
+
$asc-transparency-white-80: rgba(255, 255, 255, 0.8);
|
|
246
|
+
$asc-transparency-white-90: rgba(255, 255, 255, 0.9);
|
|
@@ -1,46 +1,47 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on
|
|
3
|
+
* Generated on Wed, 09 Apr 2025 18:34:55 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
:root {
|
|
7
|
+
--ds-advanced-color-button-flat-text: #676767;
|
|
8
|
+
--ds-advanced-color-button-flat-text-disabled: #d0d0d0;
|
|
9
|
+
--ds-advanced-color-button-flat-text-hover: #525252;
|
|
10
|
+
--ds-advanced-color-button-flat-text-inverse: #ffffff;
|
|
11
|
+
--ds-advanced-color-button-flat-text-inverse-disabled: #7e8894;
|
|
12
|
+
--ds-advanced-color-button-flat-text-inverse-hover: #adadad;
|
|
7
13
|
--ds-advanced-color-button-primary-background: #463c8f;
|
|
8
|
-
--ds-advanced-color-button-primary-background-active: #31295c;
|
|
9
14
|
--ds-advanced-color-button-primary-background-disabled: #aca1cc;
|
|
10
15
|
--ds-advanced-color-button-primary-background-hover: #31295c;
|
|
11
16
|
--ds-advanced-color-button-primary-background-inactive: #ccc5e0;
|
|
12
17
|
--ds-advanced-color-button-primary-background-inactive-hover: #8c7eb8;
|
|
13
18
|
--ds-advanced-color-button-primary-background-inverse: #ffffff;
|
|
14
|
-
--ds-advanced-color-button-primary-background-inverse-disabled:
|
|
19
|
+
--ds-advanced-color-button-primary-background-inverse-disabled: rgba(255, 255, 255, 0.75);
|
|
15
20
|
--ds-advanced-color-button-primary-background-inverse-hover: #edeaf4;
|
|
16
21
|
--ds-advanced-color-button-primary-border: #463c8f;
|
|
17
22
|
--ds-advanced-color-button-primary-border-disabled: #aca1cc;
|
|
18
23
|
--ds-advanced-color-button-primary-border-hover: #31295c;
|
|
19
24
|
--ds-advanced-color-button-primary-border-inverse: #ffffff;
|
|
20
|
-
--ds-advanced-color-button-primary-border-inverse-disabled:
|
|
25
|
+
--ds-advanced-color-button-primary-border-inverse-disabled: rgba(255, 255, 255, 0.75);
|
|
21
26
|
--ds-advanced-color-button-primary-border-inverse-hover: #edeaf4;
|
|
22
27
|
--ds-advanced-color-button-primary-text: #ffffff;
|
|
23
28
|
--ds-advanced-color-button-primary-text-inverse: #463c8f;
|
|
24
29
|
--ds-advanced-color-button-secondary-background: #ffffff;
|
|
25
30
|
--ds-advanced-color-button-secondary-background-disabled: #f7f7f7;
|
|
26
31
|
--ds-advanced-color-button-secondary-background-hover: #f2f2f2;
|
|
27
|
-
--ds-advanced-color-button-secondary-background-inverse-hover:
|
|
32
|
+
--ds-advanced-color-button-secondary-background-inverse-hover: rgba(0, 0, 0, 0.05);
|
|
28
33
|
--ds-advanced-color-button-secondary-border: #d0d0d0;
|
|
29
34
|
--ds-advanced-color-button-secondary-border-hover: #d0d0d0;
|
|
30
|
-
--ds-advanced-color-button-secondary-border-
|
|
35
|
+
--ds-advanced-color-button-secondary-border-disabled: #d0d0d0;
|
|
31
36
|
--ds-advanced-color-button-secondary-border-inverse: #ffffff;
|
|
32
37
|
--ds-advanced-color-button-secondary-border-inverse-disabled: #dddddd;
|
|
33
38
|
--ds-advanced-color-button-secondary-text: #463c8f;
|
|
34
39
|
--ds-advanced-color-button-secondary-text-hover: #31295c;
|
|
35
40
|
--ds-advanced-color-button-secondary-text-inverse: #ffffff;
|
|
36
|
-
--ds-advanced-color-button-tertiary-background:
|
|
37
|
-
--ds-advanced-color-button-tertiary-background-hover:
|
|
38
|
-
--ds-advanced-color-button-tertiary-background-inverse:
|
|
39
|
-
--ds-advanced-color-button-tertiary-background-inverse-hover:
|
|
40
|
-
--ds-advanced-color-button-tertiary-border: #0000000d;
|
|
41
|
-
--ds-advanced-color-button-tertiary-border-hover: #0000001a;
|
|
42
|
-
--ds-advanced-color-button-tertiary-border-inverse: #ffffff0d;
|
|
43
|
-
--ds-advanced-color-button-tertiary-border-inverse-hover: #ffffffe6;
|
|
41
|
+
--ds-advanced-color-button-tertiary-background: rgba(0, 0, 0, 0.05);
|
|
42
|
+
--ds-advanced-color-button-tertiary-background-hover: rgba(0, 0, 0, 0.1);
|
|
43
|
+
--ds-advanced-color-button-tertiary-background-inverse: rgba(255, 255, 255, 0.05);
|
|
44
|
+
--ds-advanced-color-button-tertiary-background-inverse-hover: rgba(255, 255, 255, 0.1);
|
|
44
45
|
--ds-advanced-color-button-tertiary-text: #463c8f;
|
|
45
46
|
--ds-advanced-color-button-tertiary-text-hover: #31295c;
|
|
46
47
|
--ds-advanced-color-button-tertiary-text-inverse: #ffffff;
|
|
@@ -67,24 +68,24 @@
|
|
|
67
68
|
--ds-advanced-color-boolean-isfalse-border: #adadad;
|
|
68
69
|
--ds-advanced-color-boolean-isfalse-border-inverse: #ffffff;
|
|
69
70
|
--ds-advanced-color-boolean-isfalse-hover: #f2f2f2;
|
|
70
|
-
--ds-advanced-color-boolean-isfalse-inverse:
|
|
71
|
+
--ds-advanced-color-boolean-isfalse-inverse: rgba(255, 255, 255, 0.05);
|
|
71
72
|
--ds-advanced-color-boolean-isfalse-inverse-hover: #f2f2f2;
|
|
72
73
|
--ds-advanced-color-boolean-istrue: #463c8f;
|
|
73
74
|
--ds-advanced-color-boolean-istrue-hover: #31295c;
|
|
74
75
|
--ds-advanced-color-boolean-istrue-inverse: #ffffff;
|
|
75
|
-
--ds-advanced-color-boolean-istrue-inverse-hover:
|
|
76
|
+
--ds-advanced-color-boolean-istrue-inverse-hover: rgba(255, 255, 255, 0.7);
|
|
76
77
|
--ds-advanced-color-hyperlink-text: #463c8f;
|
|
77
78
|
--ds-advanced-color-hyperlink-text-hover: #31295c;
|
|
78
79
|
--ds-advanced-color-hyperlink-text-inverse: #ffffff;
|
|
79
80
|
--ds-advanced-color-hyperlink-text-inverse-hover: #ffffff;
|
|
80
81
|
--ds-advanced-color-shared-background: #ffffff;
|
|
81
|
-
--ds-advanced-color-shared-background-inverse:
|
|
82
|
+
--ds-advanced-color-shared-background-inverse: rgba(255, 255, 255, 0.05);
|
|
82
83
|
--ds-advanced-color-shared-background-muted: #f7f7f7;
|
|
83
84
|
--ds-advanced-color-shared-background-strong: #7e7e7e;
|
|
84
85
|
--ds-advanced-color-shared-text-accent: #463c8f;
|
|
85
86
|
--ds-advanced-color-state-background-disabled: #dddddd;
|
|
86
87
|
--ds-advanced-color-state-background-hover: #f2f2f2;
|
|
87
|
-
--ds-advanced-color-state-background-inverse-hover:
|
|
88
|
+
--ds-advanced-color-state-background-inverse-hover: rgba(255, 255, 255, 0.15);
|
|
88
89
|
--ds-advanced-color-state-error-inverse: #f9a4a8;
|
|
89
90
|
--ds-advanced-color-state-focused: #463c8f;
|
|
90
91
|
--ds-advanced-color-state-focused-inverse: #ffffff;
|
|
@@ -93,8 +94,8 @@
|
|
|
93
94
|
--ds-basic-color-border-bold: #adadad;
|
|
94
95
|
--ds-basic-color-border-brand: #463c8f;
|
|
95
96
|
--ds-basic-color-border-default: #d0d0d0;
|
|
96
|
-
--ds-basic-color-border-divider:
|
|
97
|
-
--ds-basic-color-border-divider-inverse:
|
|
97
|
+
--ds-basic-color-border-divider: rgba(0, 0, 0, 0.15);
|
|
98
|
+
--ds-basic-color-border-divider-inverse: rgba(255, 255, 255, 0.4);
|
|
98
99
|
--ds-basic-color-border-inverse: #ffffff;
|
|
99
100
|
--ds-basic-color-border-subtle: #dddddd;
|
|
100
101
|
--ds-basic-color-brand-primary: #463c8f;
|
|
@@ -143,6 +144,8 @@
|
|
|
143
144
|
--ds-basic-color-texticon-disabled: #d0d0d0;
|
|
144
145
|
--ds-basic-color-texticon-disabled-inverse: #7e8894;
|
|
145
146
|
--ds-basic-color-texticon-inverse: #ffffff;
|
|
147
|
+
--ds-basic-color-texticon-inverse-disabled: #7e8894;
|
|
148
|
+
--ds-basic-color-texticon-inverse-muted: #ccd2db;
|
|
146
149
|
--ds-basic-color-texticon-muted: #3d3d3d;
|
|
147
150
|
--ds-basic-text-accent-lg-breakpoint-lg-font-family: Slate Pro;
|
|
148
151
|
--ds-basic-text-accent-lg-breakpoint-lg-font-size: 28px;
|
|
@@ -2,21 +2,28 @@
|
|
|
2
2
|
"advanced": {
|
|
3
3
|
"color": {
|
|
4
4
|
"button": {
|
|
5
|
+
"flat": {
|
|
6
|
+
"text": "#676767",
|
|
7
|
+
"textDisabled": "#d0d0d0",
|
|
8
|
+
"textHover": "#525252",
|
|
9
|
+
"textInverse": "#ffffff",
|
|
10
|
+
"textInverseDisabled": "#7e8894",
|
|
11
|
+
"textInverseHover": "#adadad"
|
|
12
|
+
},
|
|
5
13
|
"primary": {
|
|
6
14
|
"background": "#463c8f",
|
|
7
|
-
"backgroundActive": "#31295c",
|
|
8
15
|
"backgroundDisabled": "#aca1cc",
|
|
9
16
|
"backgroundHover": "#31295c",
|
|
10
17
|
"backgroundInactive": "#ccc5e0",
|
|
11
18
|
"backgroundInactiveHover": "#8c7eb8",
|
|
12
19
|
"backgroundInverse": "#ffffff",
|
|
13
|
-
"backgroundInverseDisabled": "
|
|
20
|
+
"backgroundInverseDisabled": "rgba(255, 255, 255, 0.75)",
|
|
14
21
|
"backgroundInverseHover": "#edeaf4",
|
|
15
22
|
"border": "#463c8f",
|
|
16
23
|
"borderDisabled": "#aca1cc",
|
|
17
24
|
"borderHover": "#31295c",
|
|
18
25
|
"borderInverse": "#ffffff",
|
|
19
|
-
"borderInverseDisabled": "
|
|
26
|
+
"borderInverseDisabled": "rgba(255, 255, 255, 0.75)",
|
|
20
27
|
"borderInverseHover": "#edeaf4",
|
|
21
28
|
"text": "#ffffff",
|
|
22
29
|
"textInverse": "#463c8f"
|
|
@@ -25,10 +32,10 @@
|
|
|
25
32
|
"background": "#ffffff",
|
|
26
33
|
"backgroundDisabled": "#f7f7f7",
|
|
27
34
|
"backgroundHover": "#f2f2f2",
|
|
28
|
-
"backgroundInverseHover": "
|
|
35
|
+
"backgroundInverseHover": "rgba(0, 0, 0, 0.05)",
|
|
29
36
|
"border": "#d0d0d0",
|
|
30
37
|
"borderHover": "#d0d0d0",
|
|
31
|
-
"
|
|
38
|
+
"borderDisabled": "#d0d0d0",
|
|
32
39
|
"borderInverse": "#ffffff",
|
|
33
40
|
"borderInverseDisabled": "#dddddd",
|
|
34
41
|
"text": "#463c8f",
|
|
@@ -36,14 +43,10 @@
|
|
|
36
43
|
"textInverse": "#ffffff"
|
|
37
44
|
},
|
|
38
45
|
"tertiary": {
|
|
39
|
-
"background": "
|
|
40
|
-
"backgroundHover": "
|
|
41
|
-
"backgroundInverse": "
|
|
42
|
-
"backgroundInverseHover": "
|
|
43
|
-
"border": "#0000000d",
|
|
44
|
-
"borderHover": "#0000001a",
|
|
45
|
-
"borderInverse": "#ffffff0d",
|
|
46
|
-
"borderInverseHover": "#ffffffe6",
|
|
46
|
+
"background": "rgba(0, 0, 0, 0.05)",
|
|
47
|
+
"backgroundHover": "rgba(0, 0, 0, 0.1)",
|
|
48
|
+
"backgroundInverse": "rgba(255, 255, 255, 0.05)",
|
|
49
|
+
"backgroundInverseHover": "rgba(255, 255, 255, 0.1)",
|
|
47
50
|
"text": "#463c8f",
|
|
48
51
|
"textHover": "#31295c",
|
|
49
52
|
"textInverse": "#ffffff"
|
|
@@ -75,12 +78,12 @@
|
|
|
75
78
|
"isfalseBorder": "#adadad",
|
|
76
79
|
"isfalseBorderInverse": "#ffffff",
|
|
77
80
|
"isfalseHover": "#f2f2f2",
|
|
78
|
-
"isfalseInverse": "
|
|
81
|
+
"isfalseInverse": "rgba(255, 255, 255, 0.05)",
|
|
79
82
|
"isfalseInverseHover": "#f2f2f2",
|
|
80
83
|
"istrue": "#463c8f",
|
|
81
84
|
"istrueHover": "#31295c",
|
|
82
85
|
"istrueInverse": "#ffffff",
|
|
83
|
-
"istrueInverseHover": "
|
|
86
|
+
"istrueInverseHover": "rgba(255, 255, 255, 0.7)"
|
|
84
87
|
},
|
|
85
88
|
"hyperlink": {
|
|
86
89
|
"text": "#463c8f",
|
|
@@ -90,7 +93,7 @@
|
|
|
90
93
|
},
|
|
91
94
|
"shared": {
|
|
92
95
|
"background": "#ffffff",
|
|
93
|
-
"backgroundInverse": "
|
|
96
|
+
"backgroundInverse": "rgba(255, 255, 255, 0.05)",
|
|
94
97
|
"backgroundMuted": "#f7f7f7",
|
|
95
98
|
"backgroundStrong": "#7e7e7e",
|
|
96
99
|
"textAccent": "#463c8f"
|
|
@@ -98,7 +101,7 @@
|
|
|
98
101
|
"state": {
|
|
99
102
|
"backgroundDisabled": "#dddddd",
|
|
100
103
|
"backgroundHover": "#f2f2f2",
|
|
101
|
-
"backgroundInverseHover": "
|
|
104
|
+
"backgroundInverseHover": "rgba(255, 255, 255, 0.15)",
|
|
102
105
|
"errorInverse": "#f9a4a8",
|
|
103
106
|
"focused": "#463c8f",
|
|
104
107
|
"focusedInverse": "#ffffff",
|
|
@@ -113,8 +116,8 @@
|
|
|
113
116
|
"bold": "#adadad",
|
|
114
117
|
"brand": "#463c8f",
|
|
115
118
|
"default": "#d0d0d0",
|
|
116
|
-
"divider": "
|
|
117
|
-
"dividerInverse": "
|
|
119
|
+
"divider": "rgba(0, 0, 0, 0.15)",
|
|
120
|
+
"dividerInverse": "rgba(255, 255, 255, 0.4)",
|
|
118
121
|
"inverse": "#ffffff",
|
|
119
122
|
"subtle": "#dddddd"
|
|
120
123
|
},
|
|
@@ -177,6 +180,8 @@
|
|
|
177
180
|
"disabled": "#d0d0d0",
|
|
178
181
|
"disabledInverse": "#7e8894",
|
|
179
182
|
"inverse": "#ffffff",
|
|
183
|
+
"inverseDisabled": "#7e8894",
|
|
184
|
+
"inverseMuted": "#ccd2db",
|
|
180
185
|
"muted": "#3d3d3d"
|
|
181
186
|
}
|
|
182
187
|
},
|