@useinsider/design-tokens 0.2.2 → 0.3.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/README.md +23 -8
  2. package/dist/_compat.scss +37 -37
  3. package/dist/_tokens.scss +299 -299
  4. package/dist/tokens.css +574 -574
  5. package/package.json +1 -1
package/dist/_tokens.scss CHANGED
@@ -1,302 +1,302 @@
1
1
  // @useinsider/design-tokens: generated by scripts/build.mjs from tokens/source.json. Do not edit.
2
2
  // Each variable references its CSS custom property; the second var() argument is the light value.
3
3
 
4
- $background-accent: var(--background-accent, #f4482b);
5
- $background-calendarpopover-primary-selected: var(--background-calendarpopover-primary-selected, #716174);
6
- $background-chips-secondary: var(--background-chips-secondary, #5a5546);
7
- $background-codesnippet-sidebar: var(--background-codesnippet-sidebar, #e5e5e5);
8
- $background-codesnippet-sidebar-disabled: var(--background-codesnippet-sidebar-disabled, #d9d9d9);
9
- $background-elevated: var(--background-elevated, white);
10
- $background-elevated-hover: var(--background-elevated-hover, #f8f8f8);
11
- $background-elevated-inverted: var(--background-elevated-inverted, #333);
12
- $background-elevated-selected: var(--background-elevated-selected, #ece5ed);
13
- $background-elevated-selected-hover: var(--background-elevated-selected-hover, #ded5df);
14
- $background-magenta: var(--background-magenta, #c42671);
15
- $background-magenta-subtle: var(--background-magenta-subtle, #ffd9e4);
16
- $background-orange: var(--background-orange, #e48818);
17
- $background-orange-subtle: var(--background-orange-subtle, #ffefde);
18
- $background-page: var(--background-page, #faf8f7);
19
- $background-primary: var(--background-primary, #261a28);
20
- $background-primary-hover: var(--background-primary-hover, #3f3042);
21
- $background-primary-subtle: var(--background-primary-subtle, #ece5ed);
22
- $background-primary-subtle-hover: var(--background-primary-subtle-hover, #ded5df);
23
- $background-secondary: var(--background-secondary, #e7e3da);
24
- $background-secondary-hover: var(--background-secondary-hover, #d4cfc4);
25
- $background-segment-disabled-selected: var(--background-segment-disabled-selected, #d9d9d9);
26
- $background-skeleton-shimmer: var(--background-skeleton-shimmer, #eee);
27
- $background-smart: var(--background-smart, #5d23a4);
28
- $background-smart-subtle: var(--background-smart-subtle, #e9deff);
29
- $background-state-disabled: var(--background-state-disabled, #eee);
30
- $background-state-disabled-onbg: var(--background-state-disabled-onbg, #e5e5e5);
31
- $background-state-error: var(--background-state-error, #ed4042);
32
- $background-state-error-subtle: var(--background-state-error-subtle, #ffe4e1);
33
- $background-state-error-subtle-hover: var(--background-state-error-subtle-hover, #ffd1ce);
34
- $background-state-info: var(--background-state-info, #4078ef);
35
- $background-state-info-subtle: var(--background-state-info-subtle, #e2ebff);
36
- $background-state-success: var(--background-state-success, #188b49);
37
- $background-state-success-subtle: var(--background-state-success-subtle, #e4f3e9);
38
- $background-state-warning: var(--background-state-warning, #fcc535);
39
- $background-state-warning-subtle: var(--background-state-warning-subtle, #fff5d5);
40
- $background-surface: var(--background-surface, white);
41
- $background-surface-hover: var(--background-surface-hover, #f8f8f8);
42
- $background-surface-inverted: var(--background-surface-inverted, #333);
43
- $background-surface-subtle: var(--background-surface-subtle, #fafafa);
44
- $background-surface-subtle-hover: var(--background-surface-subtle-hover, #e5e5e5);
45
- $background-track: var(--background-track, #d9d9d9);
46
- $background-calendarpopover-compare-selected: var(--background-calendarpopover-compare-selected, #c42671);
47
- $background-calendarpopover-compare-selected-hover: var(--background-calendarpopover-compare-selected-hover, #d35789);
48
- $background-calendarpopover-compare-subtle: var(--background-calendarpopover-compare-subtle, #ffc5d7);
49
- $background-calendarpopover-compare-subtle-hover: var(--background-calendarpopover-compare-subtle-hover, #f4a2bd);
50
- $background-calendarpopover-primary-selected-hover: var(--background-calendarpopover-primary-selected-hover, #8b7d8e);
51
- $background-calendarpopover-primary-subtle: var(--background-calendarpopover-primary-subtle, #ded5df);
52
- $background-calendarpopover-primary-subtle-hover: var(--background-calendarpopover-primary-subtle-hover, #c1b7c3);
53
- $background-chips-secondary-hover: var(--background-chips-secondary-hover, #736d5d);
54
- $background-chips-surface-error-hover: var(--background-chips-surface-error-hover, #fc8f8c);
55
- $background-chips-surface-info-hover: var(--background-chips-surface-info-hover, #94b7fb);
56
- $background-chips-surface-magenta-hover: var(--background-chips-surface-magenta-hover, #e481a4);
57
- $background-chips-surface-orange-hover: var(--background-chips-surface-orange-hover, #f1b06f);
58
- $background-chips-surface-primary-hover: var(--background-chips-surface-primary-hover, #a699a8);
59
- $background-chips-surface-secondary-subtle-hover: var(--background-chips-surface-secondary-subtle-hover, #a7a191);
60
- $background-chips-surface-smart-hover: var(--background-chips-surface-smart-hover, #a184dd);
61
- $background-chips-surface-success-hover: var(--background-chips-surface-success-hover, #8cc3a1);
62
- $background-chips-surface-warning-hover: var(--background-chips-surface-warning-hover, #fdd677);
63
- $background-datatable-pagination-selected: var(--background-datatable-pagination-selected, #ece5ed);
64
- $background-datatable-pagination-selected-hover: var(--background-datatable-pagination-selected-hover, #ded5df);
65
- $background-datatable-row-selected: var(--background-datatable-row-selected, #f2eef2);
66
- $background-datatable-row-selected-hover: var(--background-datatable-row-selected-hover, #ece5ed);
67
- $background-magenta-hover: var(--background-magenta-hover, #d35789);
68
- $background-magenta-subtle-hover: var(--background-magenta-subtle-hover, #ffc5d7);
69
- $background-orange-hover: var(--background-orange-hover, #eb9840);
70
- $background-orange-subtle-hover: var(--background-orange-subtle-hover, #ffe6ce);
71
- $background-overlay: var(--background-overlay, #00000066);
72
- $background-primary-bold: var(--background-primary-bold, #170d19);
73
- $background-primary-bold-hover: var(--background-primary-bold-hover, #3f3042);
74
- $background-ribbon-error: var(--background-ribbon-error, #ffd1ce);
75
- $background-ribbon-info: var(--background-ribbon-info, #d8e5ff);
76
- $background-ribbon-success: var(--background-ribbon-success, #d8efe0);
77
- $background-ribbon-warning: var(--background-ribbon-warning, #ffeebc);
78
- $background-sidebar-item: var(--background-sidebar-item, #170d19);
79
- $background-sidebar-item-hover: var(--background-sidebar-item-hover, #261a28);
80
- $background-sidebar-item-selected: var(--background-sidebar-item-selected, #261a28);
81
- $background-sidebar-oncolor-hover: var(--background-sidebar-oncolor-hover, #8b7d8e);
82
- $background-sidebar-seconditem: var(--background-sidebar-seconditem, #3f3042);
83
- $background-sidebar-seconditem-hover: var(--background-sidebar-seconditem-hover, #58485b);
84
- $background-sidebar-subitem: var(--background-sidebar-subitem, #261a28);
85
- $background-sidebar-subitem-hover: var(--background-sidebar-subitem-hover, #3f3042);
86
- $background-sidebar-thirditem: var(--background-sidebar-thirditem, #58485b);
87
- $background-sidebar-thirditem-hover: var(--background-sidebar-thirditem-hover, #716174);
88
- $background-smart-hover: var(--background-smart-hover, #794ec2);
89
- $background-smart-subtle-hover: var(--background-smart-subtle-hover, #ddceff);
90
- $background-state-disabled-onbg-filled: var(--background-state-disabled-onbg-filled, #999999);
91
- $background-state-error-hover: var(--background-state-error-hover, #ec585c);
92
- $background-state-info-hover: var(--background-state-info-hover, #6795f3);
93
- $background-state-info-subtle-hover: var(--background-state-info-subtle-hover, #d8e5ff);
94
- $background-state-success-hover: var(--background-state-success-hover, #449a67);
95
- $background-state-success-subtle-hover: var(--background-state-success-subtle-hover, #d8efe0);
96
- $background-state-warning-hover: var(--background-state-warning-hover, #fbc846);
97
- $background-state-warning-subtle-hover: var(--background-state-warning-subtle-hover, #ffeebc);
98
- $background-transparent: var(--background-transparent, #ffffff00);
99
- $border-bold: var(--border-bold, #999999);
100
- $border-bolder: var(--border-bolder, #333);
101
- $border-chips-error-subtle: var(--border-chips-error-subtle, #fc8f8c);
102
- $border-chips-info-subtle: var(--border-chips-info-subtle, #94b7fb);
103
- $border-chips-magenta-subtle: var(--border-chips-magenta-subtle, #e481a4);
104
- $border-chips-orange-subtle: var(--border-chips-orange-subtle, #f1b06f);
105
- $border-chips-smart-subtle: var(--border-chips-smart-subtle, #a184dd);
106
- $border-chips-warning-subtle: var(--border-chips-warning-subtle, #fdd677);
107
- $border-default: var(--border-default, #ccc);
108
- $border-inverted: var(--border-inverted, white);
109
- $border-primary: var(--border-primary, #261a28);
110
- $border-primary-hover: var(--border-primary-hover, #8b7d8e);
111
- $border-primary-subtle: var(--border-primary-subtle, #58485b);
112
- $border-primary-subtler: var(--border-primary-subtler, #a699a8);
113
- $border-secondary: var(--border-secondary, #a7a191);
114
- $border-smart: var(--border-smart, #5d23a4);
115
- $border-state-disabled: var(--border-state-disabled, #ccc);
116
- $border-state-error: var(--border-state-error, #ed4042);
117
- $border-state-error-hover: var(--border-state-error-hover, #fc8f8c);
118
- $border-state-formdisabled: var(--border-state-formdisabled, #eee);
119
- $border-state-info: var(--border-state-info, #4078ef);
120
- $border-state-success: var(--border-state-success, #188b49);
121
- $border-state-warning: var(--border-state-warning, #fcc535);
122
- $border-state-warning-hover: var(--border-state-warning-hover, #fdd677);
123
- $border-subtle: var(--border-subtle, #e5e5e5);
124
- $border-chips-success-subtle: var(--border-chips-success-subtle, #8cc3a1);
125
- $border-magenta: var(--border-magenta, #c42671);
126
- $border-magenta-hover: var(--border-magenta-hover, #e481a4);
127
- $border-magenta-subtle: var(--border-magenta-subtle, #ffd9e4);
128
- $border-orange: var(--border-orange, #e48818);
129
- $border-primary-subtlest: var(--border-primary-subtlest, #ece5ed);
130
- $border-smart-hover: var(--border-smart-hover, #a184dd);
131
- $border-state-info-hover: var(--border-state-info-hover, #94b7fb);
132
- $icon-button-secondary: var(--icon-button-secondary, #5a5546);
133
- $icon-default: var(--icon-default, #666);
134
- $icon-inverted: var(--icon-inverted, white);
135
- $icon-neutral: var(--icon-neutral, white);
136
- $icon-neutral-inverted: var(--icon-neutral-inverted, #333);
137
- $icon-primary: var(--icon-primary, #261a28);
138
- $icon-state-disabled: var(--icon-state-disabled, #999999);
139
- $icon-bold: var(--icon-bold, #333333);
140
- $icon-button-error-pressed: var(--icon-button-error-pressed, #ed4042);
141
- $icon-button-error-selected: var(--icon-button-error-selected, #a32226);
142
- $icon-button-inverted-pressed: var(--icon-button-inverted-pressed, #fafafa);
143
- $icon-button-inverted-selected: var(--icon-button-inverted-selected, #eeeeee);
144
- $icon-button-primary-pressed: var(--icon-button-primary-pressed, #716174);
145
- $icon-button-primary-selected: var(--icon-button-primary-selected, #3f3042);
146
- $icon-button-secondary-pressed: var(--icon-button-secondary-pressed, #736d5d);
147
- $icon-button-secondary-selected: var(--icon-button-secondary-selected, #423d30);
148
- $icon-button-smart-pressed: var(--icon-button-smart-pressed, #5d23a4);
149
- $icon-button-smart-selected: var(--icon-button-smart-selected, #411874);
150
- $icon-button-warning-pressed: var(--icon-button-warning-pressed, #bc9127);
151
- $icon-button-warning-selected: var(--icon-button-warning-selected, #5c4713);
152
- $icon-inverted-subtle: var(--icon-inverted-subtle, #cccccc);
153
- $icon-magenta: var(--icon-magenta, #c42671);
154
- $icon-magenta-oncolor: var(--icon-magenta-oncolor, #68143a);
155
- $icon-orange: var(--icon-orange, #e48818);
156
- $icon-orange-oncolor: var(--icon-orange-oncolor, #583306);
157
- $icon-primary-subtle: var(--icon-primary-subtle, #58485b);
158
- $icon-smart: var(--icon-smart, #5d23a4);
159
- $icon-smart-oncolor: var(--icon-smart-oncolor, #511c90);
160
- $icon-state-error: var(--icon-state-error, #ed4042);
161
- $icon-state-error-oncolor: var(--icon-state-error-oncolor, #c92f33);
162
- $icon-state-info: var(--icon-state-info, #4078ef);
163
- $icon-state-info-oncolor: var(--icon-state-info-oncolor, #223b85);
164
- $icon-state-success: var(--icon-state-success, #188b49);
165
- $icon-state-success-oncolor: var(--icon-state-success-oncolor, #0a4324);
166
- $icon-state-warning: var(--icon-state-warning, #fcc535);
167
- $icon-state-warning-oncolor: var(--icon-state-warning-oncolor, #8d6c1e);
168
- $icon-subtle: var(--icon-subtle, #cccccc);
169
- $icon-subtle-hover: var(--icon-subtle-hover, #666666);
170
- $icon-tab-hover: var(--icon-tab-hover, #58485b);
171
- $text-button-secondary: var(--text-button-secondary, #5a5546);
172
- $text-default: var(--text-default, #333);
173
- $text-inverted: var(--text-inverted, white);
174
- $text-magenta: var(--text-magenta, #68143a);
175
- $text-magenta-subtle: var(--text-magenta-subtle, #c42671);
176
- $text-neutral: var(--text-neutral, white);
177
- $text-neutral-inverted: var(--text-neutral-inverted, #333);
178
- $text-onlight: var(--text-onlight, #333);
179
- $text-orange: var(--text-orange, #583306);
180
- $text-primary: var(--text-primary, #261a28);
181
- $text-primary-subtle: var(--text-primary-subtle, #58485b);
182
- $text-smart: var(--text-smart, #511c90);
183
- $text-state-disabled: var(--text-state-disabled, #999);
184
- $text-state-error: var(--text-state-error, #c92f33);
185
- $text-state-error-subtle: var(--text-state-error-subtle, #ed4042);
186
- $text-state-info: var(--text-state-info, #223b85);
187
- $text-state-success: var(--text-state-success, #0a4324);
188
- $text-state-warning: var(--text-state-warning, #8d6c1e);
189
- $text-subtle: var(--text-subtle, #666);
190
- $text-tab-hover: var(--text-tab-hover, #58485b);
191
- $text-button-error-pressed: var(--text-button-error-pressed, #ed4042);
192
- $text-button-error-selected: var(--text-button-error-selected, #a32226);
193
- $text-button-inverted-pressed: var(--text-button-inverted-pressed, #fafafa);
194
- $text-button-inverted-selected: var(--text-button-inverted-selected, #eeeeee);
195
- $text-button-primary-pressed: var(--text-button-primary-pressed, #716174);
196
- $text-button-primary-selected: var(--text-button-primary-selected, #3f3042);
197
- $text-button-secondary-pressed: var(--text-button-secondary-pressed, #736d5d);
198
- $text-button-secondary-selected: var(--text-button-secondary-selected, #423d30);
199
- $text-button-smart-pressed: var(--text-button-smart-pressed, #5d23a4);
200
- $text-button-smart-selected: var(--text-button-smart-selected, #411874);
201
- $text-button-warning-pressed: var(--text-button-warning-pressed, #bc9127);
202
- $text-button-warning-selected: var(--text-button-warning-selected, #5c4713);
203
- $text-calendarpopover-days-label: var(--text-calendarpopover-days-label, #808080);
204
- $text-inverted-subtle: var(--text-inverted-subtle, #cccccc);
205
- $text-inverted-subtler: var(--text-inverted-subtler, #d9d9d9);
206
- $text-link: var(--text-link, #c93200);
207
- $text-link-hover: var(--text-link-hover, #ff7a5a);
208
- $text-link-oncolor: var(--text-link-oncolor, #333333);
209
- $text-link-visited: var(--text-link-visited, #c42671);
210
- $text-smart-subtle: var(--text-smart-subtle, #5d23a4);
211
- $text-state-disabled-onbg: var(--text-state-disabled-onbg, #333333);
212
- $text-state-info-subtle: var(--text-state-info-subtle, #4078ef);
213
- $text-state-success-subtle: var(--text-state-success-subtle, #188b49);
214
- $text-state-warning-subtle: var(--text-state-warning-subtle, #fcc535);
215
- $visual-dataviz-blue-subtle: var(--visual-dataviz-blue-subtle, #94b7fb);
216
- $visual-dataviz-datapaint-blue: var(--visual-dataviz-datapaint-blue, #4078ef);
217
- $visual-dataviz-datapaint-blue-bold: var(--visual-dataviz-datapaint-blue-bold, #2a4da8);
218
- $visual-dataviz-datapaint-green-subtle: var(--visual-dataviz-datapaint-green-subtle, #8cc3a1);
219
- $visual-dataviz-datapaint-purple: var(--visual-dataviz-datapaint-purple, #794ec2);
220
- $visual-dataviz-datapaint-red: var(--visual-dataviz-datapaint-red, #c92f33);
221
- $visual-dataviz-datapaint-solar-subtle: var(--visual-dataviz-datapaint-solar-subtle, #ff7a5a);
222
- $visual-dataviz-green-subtle: var(--visual-dataviz-green-subtle, #8cc3a1);
223
- $visual-dataviz-orange-subtle: var(--visual-dataviz-orange-subtle, #ffcd9b);
224
- $visual-illustration-blue-01: var(--visual-illustration-blue-01, #e2ebff);
225
- $visual-illustration-blue-02: var(--visual-illustration-blue-02, #4078ef);
226
- $visual-illustration-gray-01: var(--visual-illustration-gray-01, white);
227
- $visual-illustration-gray-02: var(--visual-illustration-gray-02, #fafafa);
228
- $visual-illustration-gray-04: var(--visual-illustration-gray-04, #eee);
229
- $visual-illustration-gray-05: var(--visual-illustration-gray-05, #e5e5e5);
230
- $visual-illustration-gray-08: var(--visual-illustration-gray-08, #595959);
231
- $visual-illustration-purple-01: var(--visual-illustration-purple-01, #ddceff);
232
- $visual-illustration-purple-02: var(--visual-illustration-purple-02, #5d23a4);
233
- $visual-illustration-red-01: var(--visual-illustration-red-01, #ffe4e1);
234
- $visual-illustration-red-02: var(--visual-illustration-red-02, #fc8f8c);
235
- $visual-illustration-red-03: var(--visual-illustration-red-03, #ed4042);
236
- $visual-illustration-yellow-01: var(--visual-illustration-yellow-01, #ffeebc);
237
- $visual-illustration-yellow-02: var(--visual-illustration-yellow-02, #fdd677);
238
- $visual-illustration-yellow-03: var(--visual-illustration-yellow-03, #fbc846);
239
- $visual-illustration-yellow-04: var(--visual-illustration-yellow-04, #fcc535);
240
- $visual-illustration-yellow-05: var(--visual-illustration-yellow-05, #e2af2e);
241
- $visual-scrollbar-thumb: var(--visual-scrollbar-thumb, #ccc);
242
- $visual-indicator-primary: var(--visual-indicator-primary, #261a28);
243
- $visual-dataviz-datapaint-blue-subtle: var(--visual-dataviz-datapaint-blue-subtle, #94b7fb);
244
- $visual-dataviz-datapaint-eclipse: var(--visual-dataviz-datapaint-eclipse, #3f3042);
245
- $visual-dataviz-datapaint-eclipse-bold: var(--visual-dataviz-datapaint-eclipse-bold, #261a28);
246
- $visual-dataviz-datapaint-eclipse-subtle: var(--visual-dataviz-datapaint-eclipse-subtle, #716174);
247
- $visual-dataviz-datapaint-gray: var(--visual-dataviz-datapaint-gray, #808080);
248
- $visual-dataviz-datapaint-gray-bold: var(--visual-dataviz-datapaint-gray-bold, #595959);
249
- $visual-dataviz-datapaint-gray-subtle: var(--visual-dataviz-datapaint-gray-subtle, #e5e5e5);
250
- $visual-dataviz-datapaint-green: var(--visual-dataviz-datapaint-green, #188b49);
251
- $visual-dataviz-datapaint-green-bold: var(--visual-dataviz-datapaint-green-bold, #0a4324);
252
- $visual-dataviz-datapaint-lunar: var(--visual-dataviz-datapaint-lunar, #8a453d);
253
- $visual-dataviz-datapaint-lunar-bold: var(--visual-dataviz-datapaint-lunar-bold, #54241f);
254
- $visual-dataviz-datapaint-lunar-subtle: var(--visual-dataviz-datapaint-lunar-subtle, #d0c2c7);
255
- $visual-dataviz-datapaint-magenta: var(--visual-dataviz-datapaint-magenta, #d35789);
256
- $visual-dataviz-datapaint-magenta-bold: var(--visual-dataviz-datapaint-magenta-bold, #ac2263);
257
- $visual-dataviz-datapaint-magenta-subtle: var(--visual-dataviz-datapaint-magenta-subtle, #f4a2bd);
258
- $visual-dataviz-datapaint-nova: var(--visual-dataviz-datapaint-nova, #a7a191);
259
- $visual-dataviz-datapaint-nova-bold: var(--visual-dataviz-datapaint-nova-bold, #8c8675);
260
- $visual-dataviz-datapaint-nova-subtle: var(--visual-dataviz-datapaint-nova-subtle, #e7e3da);
261
- $visual-dataviz-datapaint-orange: var(--visual-dataviz-datapaint-orange, #e48818);
262
- $visual-dataviz-datapaint-orange-bold: var(--visual-dataviz-datapaint-orange-bold, #a35e01);
263
- $visual-dataviz-datapaint-orange-subtle: var(--visual-dataviz-datapaint-orange-subtle, #ffcd9b);
264
- $visual-dataviz-datapaint-purple-bold: var(--visual-dataviz-datapaint-purple-bold, #5d23a4);
265
- $visual-dataviz-datapaint-purple-subtle: var(--visual-dataviz-datapaint-purple-subtle, #a184dd);
266
- $visual-dataviz-datapaint-red-bold: var(--visual-dataviz-datapaint-red-bold, #a32226);
267
- $visual-dataviz-datapaint-red-subtle: var(--visual-dataviz-datapaint-red-subtle, #ec585c);
268
- $visual-dataviz-datapaint-solar: var(--visual-dataviz-datapaint-solar, #f4482b);
269
- $visual-dataviz-datapaint-solar-bold: var(--visual-dataviz-datapaint-solar-bold, #a02200);
270
- $visual-dataviz-datapaint-solar-subtler: var(--visual-dataviz-datapaint-solar-subtler, #ffe5d9);
271
- $visual-dataviz-datapaint-yellow: var(--visual-dataviz-datapaint-yellow, #fbc846);
272
- $visual-dataviz-datapaint-yellow-bold: var(--visual-dataviz-datapaint-yellow-bold, #e2af2e);
273
- $visual-dataviz-datapaint-yellow-subtle: var(--visual-dataviz-datapaint-yellow-subtle, #ffe297);
274
- $visual-dataviz-grid-bar: var(--visual-dataviz-grid-bar, #999999cc);
275
- $visual-dataviz-grid-line: var(--visual-dataviz-grid-line, #cccccc);
276
- $visual-illustration-eclipse-01: var(--visual-illustration-eclipse-01, #3f3042);
277
- $visual-illustration-gray-03: var(--visual-illustration-gray-03, #f8f8f8);
278
- $visual-illustration-gray-06: var(--visual-illustration-gray-06, #d9d9d9);
279
- $visual-illustration-gray-07: var(--visual-illustration-gray-07, #808080);
280
- $visual-illustration-gray-09: var(--visual-illustration-gray-09, #18181b);
281
- $visual-illustration-red-04: var(--visual-illustration-red-04, #c92f33);
282
- $visual-pagination-dot-active: var(--visual-pagination-dot-active, #261a28);
283
- $visual-pagination-dot-inactive: var(--visual-pagination-dot-inactive, #cccccc);
284
- $visual-pagination-dot-oncolor-active: var(--visual-pagination-dot-oncolor-active, #ffffff);
285
- $visual-pagination-dot-oncolor-inactive: var(--visual-pagination-dot-oncolor-inactive, #ffffff);
286
- $visual-scrollbar-charts-zoomarea: var(--visual-scrollbar-charts-zoomarea, #99999966);
287
- $visual-scrollbar-charts-zoomhandle: var(--visual-scrollbar-charts-zoomhandle, #595959);
288
- $visual-scrollbar-datatable-pinspacer: var(--visual-scrollbar-datatable-pinspacer, #d9d9d9);
289
- $visual-scrollbar-thumb-hover: var(--visual-scrollbar-thumb-hover, #666666);
290
- $visual-scrollbar-track: var(--visual-scrollbar-track, #ffffff);
291
- $shadow-elevation: var(--shadow-elevation, 0px 4px 12px 0px oklch(0.51 0 0 / 16%));
292
- $shadow-primary: var(--shadow-primary, 0 0 0 3px oklch(0.43 0.037 321 / 32%));
293
- $shadow-inverted: var(--shadow-inverted, 0 0 0 3px oklch(0.70 0.026 322 / 40%));
294
- $shadow-create: var(--shadow-create, 0 0 0 3px oklch(0.65 0.213 32 / 32%));
295
- $shadow-error: var(--shadow-error, 0 0 0 3px oklch(0.63 0.211 25 / 32%));
296
- $shadow-info: var(--shadow-info, 0 0 0 3px oklch(0.62 0.189 261 / 20%));
297
- $shadow-magenta: var(--shadow-magenta, 0 0 0 3px oklch(0.56 0.200 4 / 20%));
298
- $shadow-orange: var(--shadow-orange, 0 0 0 3px oklch(0.70 0.156 60 / 32%));
299
- $shadow-secondary: var(--shadow-secondary, 0 0 0 3px oklch(0.54 0.025 90 / 32%));
300
- $shadow-smart: var(--shadow-smart, 0 0 0 3px oklch(0.45 0.191 298 / 32%));
301
- $shadow-success: var(--shadow-success, 0 0 0 3px oklch(0.55 0.139 152 / 20%));
302
- $shadow-warning: var(--shadow-warning, 0 0 0 3px oklch(0.84 0.160 82 / 40%));
4
+ $background-accent: var(--ins-background-accent, #f4482b);
5
+ $background-calendarpopover-primary-selected: var(--ins-background-calendarpopover-primary-selected, #716174);
6
+ $background-chips-secondary: var(--ins-background-chips-secondary, #5a5546);
7
+ $background-codesnippet-sidebar: var(--ins-background-codesnippet-sidebar, #e5e5e5);
8
+ $background-codesnippet-sidebar-disabled: var(--ins-background-codesnippet-sidebar-disabled, #d9d9d9);
9
+ $background-elevated: var(--ins-background-elevated, white);
10
+ $background-elevated-hover: var(--ins-background-elevated-hover, #f8f8f8);
11
+ $background-elevated-inverted: var(--ins-background-elevated-inverted, #333);
12
+ $background-elevated-selected: var(--ins-background-elevated-selected, #ece5ed);
13
+ $background-elevated-selected-hover: var(--ins-background-elevated-selected-hover, #ded5df);
14
+ $background-magenta: var(--ins-background-magenta, #c42671);
15
+ $background-magenta-subtle: var(--ins-background-magenta-subtle, #ffd9e4);
16
+ $background-orange: var(--ins-background-orange, #e48818);
17
+ $background-orange-subtle: var(--ins-background-orange-subtle, #ffefde);
18
+ $background-page: var(--ins-background-page, #faf8f7);
19
+ $background-primary: var(--ins-background-primary, #261a28);
20
+ $background-primary-hover: var(--ins-background-primary-hover, #3f3042);
21
+ $background-primary-subtle: var(--ins-background-primary-subtle, #ece5ed);
22
+ $background-primary-subtle-hover: var(--ins-background-primary-subtle-hover, #ded5df);
23
+ $background-secondary: var(--ins-background-secondary, #e7e3da);
24
+ $background-secondary-hover: var(--ins-background-secondary-hover, #d4cfc4);
25
+ $background-segment-disabled-selected: var(--ins-background-segment-disabled-selected, #d9d9d9);
26
+ $background-skeleton-shimmer: var(--ins-background-skeleton-shimmer, #eee);
27
+ $background-smart: var(--ins-background-smart, #5d23a4);
28
+ $background-smart-subtle: var(--ins-background-smart-subtle, #e9deff);
29
+ $background-state-disabled: var(--ins-background-state-disabled, #eee);
30
+ $background-state-disabled-onbg: var(--ins-background-state-disabled-onbg, #e5e5e5);
31
+ $background-state-error: var(--ins-background-state-error, #ed4042);
32
+ $background-state-error-subtle: var(--ins-background-state-error-subtle, #ffe4e1);
33
+ $background-state-error-subtle-hover: var(--ins-background-state-error-subtle-hover, #ffd1ce);
34
+ $background-state-info: var(--ins-background-state-info, #4078ef);
35
+ $background-state-info-subtle: var(--ins-background-state-info-subtle, #e2ebff);
36
+ $background-state-success: var(--ins-background-state-success, #188b49);
37
+ $background-state-success-subtle: var(--ins-background-state-success-subtle, #e4f3e9);
38
+ $background-state-warning: var(--ins-background-state-warning, #fcc535);
39
+ $background-state-warning-subtle: var(--ins-background-state-warning-subtle, #fff5d5);
40
+ $background-surface: var(--ins-background-surface, white);
41
+ $background-surface-hover: var(--ins-background-surface-hover, #f8f8f8);
42
+ $background-surface-inverted: var(--ins-background-surface-inverted, #333);
43
+ $background-surface-subtle: var(--ins-background-surface-subtle, #fafafa);
44
+ $background-surface-subtle-hover: var(--ins-background-surface-subtle-hover, #e5e5e5);
45
+ $background-track: var(--ins-background-track, #d9d9d9);
46
+ $background-calendarpopover-compare-selected: var(--ins-background-calendarpopover-compare-selected, #c42671);
47
+ $background-calendarpopover-compare-selected-hover: var(--ins-background-calendarpopover-compare-selected-hover, #d35789);
48
+ $background-calendarpopover-compare-subtle: var(--ins-background-calendarpopover-compare-subtle, #ffc5d7);
49
+ $background-calendarpopover-compare-subtle-hover: var(--ins-background-calendarpopover-compare-subtle-hover, #f4a2bd);
50
+ $background-calendarpopover-primary-selected-hover: var(--ins-background-calendarpopover-primary-selected-hover, #8b7d8e);
51
+ $background-calendarpopover-primary-subtle: var(--ins-background-calendarpopover-primary-subtle, #ded5df);
52
+ $background-calendarpopover-primary-subtle-hover: var(--ins-background-calendarpopover-primary-subtle-hover, #c1b7c3);
53
+ $background-chips-secondary-hover: var(--ins-background-chips-secondary-hover, #736d5d);
54
+ $background-chips-surface-error-hover: var(--ins-background-chips-surface-error-hover, #fc8f8c);
55
+ $background-chips-surface-info-hover: var(--ins-background-chips-surface-info-hover, #94b7fb);
56
+ $background-chips-surface-magenta-hover: var(--ins-background-chips-surface-magenta-hover, #e481a4);
57
+ $background-chips-surface-orange-hover: var(--ins-background-chips-surface-orange-hover, #f1b06f);
58
+ $background-chips-surface-primary-hover: var(--ins-background-chips-surface-primary-hover, #a699a8);
59
+ $background-chips-surface-secondary-subtle-hover: var(--ins-background-chips-surface-secondary-subtle-hover, #a7a191);
60
+ $background-chips-surface-smart-hover: var(--ins-background-chips-surface-smart-hover, #a184dd);
61
+ $background-chips-surface-success-hover: var(--ins-background-chips-surface-success-hover, #8cc3a1);
62
+ $background-chips-surface-warning-hover: var(--ins-background-chips-surface-warning-hover, #fdd677);
63
+ $background-datatable-pagination-selected: var(--ins-background-datatable-pagination-selected, #ece5ed);
64
+ $background-datatable-pagination-selected-hover: var(--ins-background-datatable-pagination-selected-hover, #ded5df);
65
+ $background-datatable-row-selected: var(--ins-background-datatable-row-selected, #f2eef2);
66
+ $background-datatable-row-selected-hover: var(--ins-background-datatable-row-selected-hover, #ece5ed);
67
+ $background-magenta-hover: var(--ins-background-magenta-hover, #d35789);
68
+ $background-magenta-subtle-hover: var(--ins-background-magenta-subtle-hover, #ffc5d7);
69
+ $background-orange-hover: var(--ins-background-orange-hover, #eb9840);
70
+ $background-orange-subtle-hover: var(--ins-background-orange-subtle-hover, #ffe6ce);
71
+ $background-overlay: var(--ins-background-overlay, #00000066);
72
+ $background-primary-bold: var(--ins-background-primary-bold, #170d19);
73
+ $background-primary-bold-hover: var(--ins-background-primary-bold-hover, #3f3042);
74
+ $background-ribbon-error: var(--ins-background-ribbon-error, #ffd1ce);
75
+ $background-ribbon-info: var(--ins-background-ribbon-info, #d8e5ff);
76
+ $background-ribbon-success: var(--ins-background-ribbon-success, #d8efe0);
77
+ $background-ribbon-warning: var(--ins-background-ribbon-warning, #ffeebc);
78
+ $background-sidebar-item: var(--ins-background-sidebar-item, #170d19);
79
+ $background-sidebar-item-hover: var(--ins-background-sidebar-item-hover, #261a28);
80
+ $background-sidebar-item-selected: var(--ins-background-sidebar-item-selected, #261a28);
81
+ $background-sidebar-oncolor-hover: var(--ins-background-sidebar-oncolor-hover, #8b7d8e);
82
+ $background-sidebar-seconditem: var(--ins-background-sidebar-seconditem, #3f3042);
83
+ $background-sidebar-seconditem-hover: var(--ins-background-sidebar-seconditem-hover, #58485b);
84
+ $background-sidebar-subitem: var(--ins-background-sidebar-subitem, #261a28);
85
+ $background-sidebar-subitem-hover: var(--ins-background-sidebar-subitem-hover, #3f3042);
86
+ $background-sidebar-thirditem: var(--ins-background-sidebar-thirditem, #58485b);
87
+ $background-sidebar-thirditem-hover: var(--ins-background-sidebar-thirditem-hover, #716174);
88
+ $background-smart-hover: var(--ins-background-smart-hover, #794ec2);
89
+ $background-smart-subtle-hover: var(--ins-background-smart-subtle-hover, #ddceff);
90
+ $background-state-disabled-onbg-filled: var(--ins-background-state-disabled-onbg-filled, #999999);
91
+ $background-state-error-hover: var(--ins-background-state-error-hover, #ec585c);
92
+ $background-state-info-hover: var(--ins-background-state-info-hover, #6795f3);
93
+ $background-state-info-subtle-hover: var(--ins-background-state-info-subtle-hover, #d8e5ff);
94
+ $background-state-success-hover: var(--ins-background-state-success-hover, #449a67);
95
+ $background-state-success-subtle-hover: var(--ins-background-state-success-subtle-hover, #d8efe0);
96
+ $background-state-warning-hover: var(--ins-background-state-warning-hover, #fbc846);
97
+ $background-state-warning-subtle-hover: var(--ins-background-state-warning-subtle-hover, #ffeebc);
98
+ $background-transparent: var(--ins-background-transparent, #ffffff00);
99
+ $border-bold: var(--ins-border-bold, #999999);
100
+ $border-bolder: var(--ins-border-bolder, #333);
101
+ $border-chips-error-subtle: var(--ins-border-chips-error-subtle, #fc8f8c);
102
+ $border-chips-info-subtle: var(--ins-border-chips-info-subtle, #94b7fb);
103
+ $border-chips-magenta-subtle: var(--ins-border-chips-magenta-subtle, #e481a4);
104
+ $border-chips-orange-subtle: var(--ins-border-chips-orange-subtle, #f1b06f);
105
+ $border-chips-smart-subtle: var(--ins-border-chips-smart-subtle, #a184dd);
106
+ $border-chips-warning-subtle: var(--ins-border-chips-warning-subtle, #fdd677);
107
+ $border-default: var(--ins-border-default, #ccc);
108
+ $border-inverted: var(--ins-border-inverted, white);
109
+ $border-primary: var(--ins-border-primary, #261a28);
110
+ $border-primary-hover: var(--ins-border-primary-hover, #8b7d8e);
111
+ $border-primary-subtle: var(--ins-border-primary-subtle, #58485b);
112
+ $border-primary-subtler: var(--ins-border-primary-subtler, #a699a8);
113
+ $border-secondary: var(--ins-border-secondary, #a7a191);
114
+ $border-smart: var(--ins-border-smart, #5d23a4);
115
+ $border-state-disabled: var(--ins-border-state-disabled, #ccc);
116
+ $border-state-error: var(--ins-border-state-error, #ed4042);
117
+ $border-state-error-hover: var(--ins-border-state-error-hover, #fc8f8c);
118
+ $border-state-formdisabled: var(--ins-border-state-formdisabled, #eee);
119
+ $border-state-info: var(--ins-border-state-info, #4078ef);
120
+ $border-state-success: var(--ins-border-state-success, #188b49);
121
+ $border-state-warning: var(--ins-border-state-warning, #fcc535);
122
+ $border-state-warning-hover: var(--ins-border-state-warning-hover, #fdd677);
123
+ $border-subtle: var(--ins-border-subtle, #e5e5e5);
124
+ $border-chips-success-subtle: var(--ins-border-chips-success-subtle, #8cc3a1);
125
+ $border-magenta: var(--ins-border-magenta, #c42671);
126
+ $border-magenta-hover: var(--ins-border-magenta-hover, #e481a4);
127
+ $border-magenta-subtle: var(--ins-border-magenta-subtle, #ffd9e4);
128
+ $border-orange: var(--ins-border-orange, #e48818);
129
+ $border-primary-subtlest: var(--ins-border-primary-subtlest, #ece5ed);
130
+ $border-smart-hover: var(--ins-border-smart-hover, #a184dd);
131
+ $border-state-info-hover: var(--ins-border-state-info-hover, #94b7fb);
132
+ $icon-button-secondary: var(--ins-icon-button-secondary, #5a5546);
133
+ $icon-default: var(--ins-icon-default, #666);
134
+ $icon-inverted: var(--ins-icon-inverted, white);
135
+ $icon-neutral: var(--ins-icon-neutral, white);
136
+ $icon-neutral-inverted: var(--ins-icon-neutral-inverted, #333);
137
+ $icon-primary: var(--ins-icon-primary, #261a28);
138
+ $icon-state-disabled: var(--ins-icon-state-disabled, #999999);
139
+ $icon-bold: var(--ins-icon-bold, #333333);
140
+ $icon-button-error-pressed: var(--ins-icon-button-error-pressed, #ed4042);
141
+ $icon-button-error-selected: var(--ins-icon-button-error-selected, #a32226);
142
+ $icon-button-inverted-pressed: var(--ins-icon-button-inverted-pressed, #fafafa);
143
+ $icon-button-inverted-selected: var(--ins-icon-button-inverted-selected, #eeeeee);
144
+ $icon-button-primary-pressed: var(--ins-icon-button-primary-pressed, #716174);
145
+ $icon-button-primary-selected: var(--ins-icon-button-primary-selected, #3f3042);
146
+ $icon-button-secondary-pressed: var(--ins-icon-button-secondary-pressed, #736d5d);
147
+ $icon-button-secondary-selected: var(--ins-icon-button-secondary-selected, #423d30);
148
+ $icon-button-smart-pressed: var(--ins-icon-button-smart-pressed, #5d23a4);
149
+ $icon-button-smart-selected: var(--ins-icon-button-smart-selected, #411874);
150
+ $icon-button-warning-pressed: var(--ins-icon-button-warning-pressed, #bc9127);
151
+ $icon-button-warning-selected: var(--ins-icon-button-warning-selected, #5c4713);
152
+ $icon-inverted-subtle: var(--ins-icon-inverted-subtle, #cccccc);
153
+ $icon-magenta: var(--ins-icon-magenta, #c42671);
154
+ $icon-magenta-oncolor: var(--ins-icon-magenta-oncolor, #68143a);
155
+ $icon-orange: var(--ins-icon-orange, #e48818);
156
+ $icon-orange-oncolor: var(--ins-icon-orange-oncolor, #583306);
157
+ $icon-primary-subtle: var(--ins-icon-primary-subtle, #58485b);
158
+ $icon-smart: var(--ins-icon-smart, #5d23a4);
159
+ $icon-smart-oncolor: var(--ins-icon-smart-oncolor, #511c90);
160
+ $icon-state-error: var(--ins-icon-state-error, #ed4042);
161
+ $icon-state-error-oncolor: var(--ins-icon-state-error-oncolor, #c92f33);
162
+ $icon-state-info: var(--ins-icon-state-info, #4078ef);
163
+ $icon-state-info-oncolor: var(--ins-icon-state-info-oncolor, #223b85);
164
+ $icon-state-success: var(--ins-icon-state-success, #188b49);
165
+ $icon-state-success-oncolor: var(--ins-icon-state-success-oncolor, #0a4324);
166
+ $icon-state-warning: var(--ins-icon-state-warning, #fcc535);
167
+ $icon-state-warning-oncolor: var(--ins-icon-state-warning-oncolor, #8d6c1e);
168
+ $icon-subtle: var(--ins-icon-subtle, #cccccc);
169
+ $icon-subtle-hover: var(--ins-icon-subtle-hover, #666666);
170
+ $icon-tab-hover: var(--ins-icon-tab-hover, #58485b);
171
+ $text-button-secondary: var(--ins-text-button-secondary, #5a5546);
172
+ $text-default: var(--ins-text-default, #333);
173
+ $text-inverted: var(--ins-text-inverted, white);
174
+ $text-magenta: var(--ins-text-magenta, #68143a);
175
+ $text-magenta-subtle: var(--ins-text-magenta-subtle, #c42671);
176
+ $text-neutral: var(--ins-text-neutral, white);
177
+ $text-neutral-inverted: var(--ins-text-neutral-inverted, #333);
178
+ $text-onlight: var(--ins-text-onlight, #333);
179
+ $text-orange: var(--ins-text-orange, #583306);
180
+ $text-primary: var(--ins-text-primary, #261a28);
181
+ $text-primary-subtle: var(--ins-text-primary-subtle, #58485b);
182
+ $text-smart: var(--ins-text-smart, #511c90);
183
+ $text-state-disabled: var(--ins-text-state-disabled, #999);
184
+ $text-state-error: var(--ins-text-state-error, #c92f33);
185
+ $text-state-error-subtle: var(--ins-text-state-error-subtle, #ed4042);
186
+ $text-state-info: var(--ins-text-state-info, #223b85);
187
+ $text-state-success: var(--ins-text-state-success, #0a4324);
188
+ $text-state-warning: var(--ins-text-state-warning, #8d6c1e);
189
+ $text-subtle: var(--ins-text-subtle, #666);
190
+ $text-tab-hover: var(--ins-text-tab-hover, #58485b);
191
+ $text-button-error-pressed: var(--ins-text-button-error-pressed, #ed4042);
192
+ $text-button-error-selected: var(--ins-text-button-error-selected, #a32226);
193
+ $text-button-inverted-pressed: var(--ins-text-button-inverted-pressed, #fafafa);
194
+ $text-button-inverted-selected: var(--ins-text-button-inverted-selected, #eeeeee);
195
+ $text-button-primary-pressed: var(--ins-text-button-primary-pressed, #716174);
196
+ $text-button-primary-selected: var(--ins-text-button-primary-selected, #3f3042);
197
+ $text-button-secondary-pressed: var(--ins-text-button-secondary-pressed, #736d5d);
198
+ $text-button-secondary-selected: var(--ins-text-button-secondary-selected, #423d30);
199
+ $text-button-smart-pressed: var(--ins-text-button-smart-pressed, #5d23a4);
200
+ $text-button-smart-selected: var(--ins-text-button-smart-selected, #411874);
201
+ $text-button-warning-pressed: var(--ins-text-button-warning-pressed, #bc9127);
202
+ $text-button-warning-selected: var(--ins-text-button-warning-selected, #5c4713);
203
+ $text-calendarpopover-days-label: var(--ins-text-calendarpopover-days-label, #808080);
204
+ $text-inverted-subtle: var(--ins-text-inverted-subtle, #cccccc);
205
+ $text-inverted-subtler: var(--ins-text-inverted-subtler, #d9d9d9);
206
+ $text-link: var(--ins-text-link, #c93200);
207
+ $text-link-hover: var(--ins-text-link-hover, #ff7a5a);
208
+ $text-link-oncolor: var(--ins-text-link-oncolor, #333333);
209
+ $text-link-visited: var(--ins-text-link-visited, #c42671);
210
+ $text-smart-subtle: var(--ins-text-smart-subtle, #5d23a4);
211
+ $text-state-disabled-onbg: var(--ins-text-state-disabled-onbg, #333333);
212
+ $text-state-info-subtle: var(--ins-text-state-info-subtle, #4078ef);
213
+ $text-state-success-subtle: var(--ins-text-state-success-subtle, #188b49);
214
+ $text-state-warning-subtle: var(--ins-text-state-warning-subtle, #fcc535);
215
+ $visual-dataviz-blue-subtle: var(--ins-visual-dataviz-blue-subtle, #94b7fb);
216
+ $visual-dataviz-datapaint-blue: var(--ins-visual-dataviz-datapaint-blue, #4078ef);
217
+ $visual-dataviz-datapaint-blue-bold: var(--ins-visual-dataviz-datapaint-blue-bold, #2a4da8);
218
+ $visual-dataviz-datapaint-green-subtle: var(--ins-visual-dataviz-datapaint-green-subtle, #8cc3a1);
219
+ $visual-dataviz-datapaint-purple: var(--ins-visual-dataviz-datapaint-purple, #794ec2);
220
+ $visual-dataviz-datapaint-red: var(--ins-visual-dataviz-datapaint-red, #c92f33);
221
+ $visual-dataviz-datapaint-solar-subtle: var(--ins-visual-dataviz-datapaint-solar-subtle, #ff7a5a);
222
+ $visual-dataviz-green-subtle: var(--ins-visual-dataviz-green-subtle, #8cc3a1);
223
+ $visual-dataviz-orange-subtle: var(--ins-visual-dataviz-orange-subtle, #ffcd9b);
224
+ $visual-illustration-blue-01: var(--ins-visual-illustration-blue-01, #e2ebff);
225
+ $visual-illustration-blue-02: var(--ins-visual-illustration-blue-02, #4078ef);
226
+ $visual-illustration-gray-01: var(--ins-visual-illustration-gray-01, white);
227
+ $visual-illustration-gray-02: var(--ins-visual-illustration-gray-02, #fafafa);
228
+ $visual-illustration-gray-04: var(--ins-visual-illustration-gray-04, #eee);
229
+ $visual-illustration-gray-05: var(--ins-visual-illustration-gray-05, #e5e5e5);
230
+ $visual-illustration-gray-08: var(--ins-visual-illustration-gray-08, #595959);
231
+ $visual-illustration-purple-01: var(--ins-visual-illustration-purple-01, #ddceff);
232
+ $visual-illustration-purple-02: var(--ins-visual-illustration-purple-02, #5d23a4);
233
+ $visual-illustration-red-01: var(--ins-visual-illustration-red-01, #ffe4e1);
234
+ $visual-illustration-red-02: var(--ins-visual-illustration-red-02, #fc8f8c);
235
+ $visual-illustration-red-03: var(--ins-visual-illustration-red-03, #ed4042);
236
+ $visual-illustration-yellow-01: var(--ins-visual-illustration-yellow-01, #ffeebc);
237
+ $visual-illustration-yellow-02: var(--ins-visual-illustration-yellow-02, #fdd677);
238
+ $visual-illustration-yellow-03: var(--ins-visual-illustration-yellow-03, #fbc846);
239
+ $visual-illustration-yellow-04: var(--ins-visual-illustration-yellow-04, #fcc535);
240
+ $visual-illustration-yellow-05: var(--ins-visual-illustration-yellow-05, #e2af2e);
241
+ $visual-scrollbar-thumb: var(--ins-visual-scrollbar-thumb, #ccc);
242
+ $visual-indicator-primary: var(--ins-visual-indicator-primary, #261a28);
243
+ $visual-dataviz-datapaint-blue-subtle: var(--ins-visual-dataviz-datapaint-blue-subtle, #94b7fb);
244
+ $visual-dataviz-datapaint-eclipse: var(--ins-visual-dataviz-datapaint-eclipse, #3f3042);
245
+ $visual-dataviz-datapaint-eclipse-bold: var(--ins-visual-dataviz-datapaint-eclipse-bold, #261a28);
246
+ $visual-dataviz-datapaint-eclipse-subtle: var(--ins-visual-dataviz-datapaint-eclipse-subtle, #716174);
247
+ $visual-dataviz-datapaint-gray: var(--ins-visual-dataviz-datapaint-gray, #808080);
248
+ $visual-dataviz-datapaint-gray-bold: var(--ins-visual-dataviz-datapaint-gray-bold, #595959);
249
+ $visual-dataviz-datapaint-gray-subtle: var(--ins-visual-dataviz-datapaint-gray-subtle, #e5e5e5);
250
+ $visual-dataviz-datapaint-green: var(--ins-visual-dataviz-datapaint-green, #188b49);
251
+ $visual-dataviz-datapaint-green-bold: var(--ins-visual-dataviz-datapaint-green-bold, #0a4324);
252
+ $visual-dataviz-datapaint-lunar: var(--ins-visual-dataviz-datapaint-lunar, #8a453d);
253
+ $visual-dataviz-datapaint-lunar-bold: var(--ins-visual-dataviz-datapaint-lunar-bold, #54241f);
254
+ $visual-dataviz-datapaint-lunar-subtle: var(--ins-visual-dataviz-datapaint-lunar-subtle, #d0c2c7);
255
+ $visual-dataviz-datapaint-magenta: var(--ins-visual-dataviz-datapaint-magenta, #d35789);
256
+ $visual-dataviz-datapaint-magenta-bold: var(--ins-visual-dataviz-datapaint-magenta-bold, #ac2263);
257
+ $visual-dataviz-datapaint-magenta-subtle: var(--ins-visual-dataviz-datapaint-magenta-subtle, #f4a2bd);
258
+ $visual-dataviz-datapaint-nova: var(--ins-visual-dataviz-datapaint-nova, #a7a191);
259
+ $visual-dataviz-datapaint-nova-bold: var(--ins-visual-dataviz-datapaint-nova-bold, #8c8675);
260
+ $visual-dataviz-datapaint-nova-subtle: var(--ins-visual-dataviz-datapaint-nova-subtle, #e7e3da);
261
+ $visual-dataviz-datapaint-orange: var(--ins-visual-dataviz-datapaint-orange, #e48818);
262
+ $visual-dataviz-datapaint-orange-bold: var(--ins-visual-dataviz-datapaint-orange-bold, #a35e01);
263
+ $visual-dataviz-datapaint-orange-subtle: var(--ins-visual-dataviz-datapaint-orange-subtle, #ffcd9b);
264
+ $visual-dataviz-datapaint-purple-bold: var(--ins-visual-dataviz-datapaint-purple-bold, #5d23a4);
265
+ $visual-dataviz-datapaint-purple-subtle: var(--ins-visual-dataviz-datapaint-purple-subtle, #a184dd);
266
+ $visual-dataviz-datapaint-red-bold: var(--ins-visual-dataviz-datapaint-red-bold, #a32226);
267
+ $visual-dataviz-datapaint-red-subtle: var(--ins-visual-dataviz-datapaint-red-subtle, #ec585c);
268
+ $visual-dataviz-datapaint-solar: var(--ins-visual-dataviz-datapaint-solar, #f4482b);
269
+ $visual-dataviz-datapaint-solar-bold: var(--ins-visual-dataviz-datapaint-solar-bold, #a02200);
270
+ $visual-dataviz-datapaint-solar-subtler: var(--ins-visual-dataviz-datapaint-solar-subtler, #ffe5d9);
271
+ $visual-dataviz-datapaint-yellow: var(--ins-visual-dataviz-datapaint-yellow, #fbc846);
272
+ $visual-dataviz-datapaint-yellow-bold: var(--ins-visual-dataviz-datapaint-yellow-bold, #e2af2e);
273
+ $visual-dataviz-datapaint-yellow-subtle: var(--ins-visual-dataviz-datapaint-yellow-subtle, #ffe297);
274
+ $visual-dataviz-grid-bar: var(--ins-visual-dataviz-grid-bar, #999999cc);
275
+ $visual-dataviz-grid-line: var(--ins-visual-dataviz-grid-line, #cccccc);
276
+ $visual-illustration-eclipse-01: var(--ins-visual-illustration-eclipse-01, #3f3042);
277
+ $visual-illustration-gray-03: var(--ins-visual-illustration-gray-03, #f8f8f8);
278
+ $visual-illustration-gray-06: var(--ins-visual-illustration-gray-06, #d9d9d9);
279
+ $visual-illustration-gray-07: var(--ins-visual-illustration-gray-07, #808080);
280
+ $visual-illustration-gray-09: var(--ins-visual-illustration-gray-09, #18181b);
281
+ $visual-illustration-red-04: var(--ins-visual-illustration-red-04, #c92f33);
282
+ $visual-pagination-dot-active: var(--ins-visual-pagination-dot-active, #261a28);
283
+ $visual-pagination-dot-inactive: var(--ins-visual-pagination-dot-inactive, #cccccc);
284
+ $visual-pagination-dot-oncolor-active: var(--ins-visual-pagination-dot-oncolor-active, #ffffff);
285
+ $visual-pagination-dot-oncolor-inactive: var(--ins-visual-pagination-dot-oncolor-inactive, #ffffff);
286
+ $visual-scrollbar-charts-zoomarea: var(--ins-visual-scrollbar-charts-zoomarea, #99999966);
287
+ $visual-scrollbar-charts-zoomhandle: var(--ins-visual-scrollbar-charts-zoomhandle, #595959);
288
+ $visual-scrollbar-datatable-pinspacer: var(--ins-visual-scrollbar-datatable-pinspacer, #d9d9d9);
289
+ $visual-scrollbar-thumb-hover: var(--ins-visual-scrollbar-thumb-hover, #666666);
290
+ $visual-scrollbar-track: var(--ins-visual-scrollbar-track, #ffffff);
291
+ $shadow-elevation: var(--ins-shadow-elevation, 0px 4px 12px 0px oklch(0.51 0 0 / 16%));
292
+ $shadow-primary: var(--ins-shadow-primary, 0 0 0 3px oklch(0.43 0.037 321 / 32%));
293
+ $shadow-inverted: var(--ins-shadow-inverted, 0 0 0 3px oklch(0.70 0.026 322 / 40%));
294
+ $shadow-create: var(--ins-shadow-create, 0 0 0 3px oklch(0.65 0.213 32 / 32%));
295
+ $shadow-error: var(--ins-shadow-error, 0 0 0 3px oklch(0.63 0.211 25 / 32%));
296
+ $shadow-info: var(--ins-shadow-info, 0 0 0 3px oklch(0.62 0.189 261 / 20%));
297
+ $shadow-magenta: var(--ins-shadow-magenta, 0 0 0 3px oklch(0.56 0.200 4 / 20%));
298
+ $shadow-orange: var(--ins-shadow-orange, 0 0 0 3px oklch(0.70 0.156 60 / 32%));
299
+ $shadow-secondary: var(--ins-shadow-secondary, 0 0 0 3px oklch(0.54 0.025 90 / 32%));
300
+ $shadow-smart: var(--ins-shadow-smart, 0 0 0 3px oklch(0.45 0.191 298 / 32%));
301
+ $shadow-success: var(--ins-shadow-success, 0 0 0 3px oklch(0.55 0.139 152 / 20%));
302
+ $shadow-warning: var(--ins-shadow-warning, 0 0 0 3px oklch(0.84 0.160 82 / 40%));