@itwin/itwinui-css 1.0.0-dev.1 → 1.0.0-dev.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (49) hide show
  1. package/css/alert.css +78 -78
  2. package/css/all.css +1744 -2220
  3. package/css/anchor.css +3 -3
  4. package/css/avatar.css +46 -46
  5. package/css/backdrop.css +6 -4
  6. package/css/badge.css +8 -8
  7. package/css/blockquote.css +6 -6
  8. package/css/breadcrumbs.css +57 -52
  9. package/css/button.css +93 -89
  10. package/css/carousel.css +15 -14
  11. package/css/checkbox.css +20 -20
  12. package/css/code.css +14 -14
  13. package/css/color-picker.css +36 -39
  14. package/css/date-picker.css +59 -88
  15. package/css/dialog.css +25 -25
  16. package/css/expandable-block.css +33 -30
  17. package/css/fieldset.css +7 -7
  18. package/css/file-upload.css +13 -12
  19. package/css/footer.css +11 -11
  20. package/css/global.css +50 -617
  21. package/css/header.css +52 -51
  22. package/css/information-panel.css +33 -32
  23. package/css/input.css +56 -56
  24. package/css/keyboard.css +6 -6
  25. package/css/location-marker.css +26 -18
  26. package/css/menu.css +34 -27
  27. package/css/non-ideal-state.css +12 -12
  28. package/css/progress-indicator.css +33 -35
  29. package/css/radio-tile.css +33 -33
  30. package/css/radio.css +20 -20
  31. package/css/select.css +83 -80
  32. package/css/side-navigation.css +27 -26
  33. package/css/skip-to-content.css +11 -11
  34. package/css/slider.css +59 -32
  35. package/css/stepper.css +15 -15
  36. package/css/surface.css +2 -2
  37. package/css/table.css +151 -133
  38. package/css/tabs.css +54 -47
  39. package/css/tag.css +24 -25
  40. package/css/text.css +24 -24
  41. package/css/tile.css +120 -101
  42. package/css/time-picker.css +16 -14
  43. package/css/toast.css +47 -47
  44. package/css/toggle-switch.css +26 -26
  45. package/css/tooltip.css +6 -6
  46. package/css/tree.css +24 -22
  47. package/css/utils.css +162 -148
  48. package/css/workflow-diagram.css +8 -8
  49. package/package.json +2 -2
package/css/global.css CHANGED
@@ -2,629 +2,62 @@
2
2
  * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
3
3
  * See LICENSE.md in the project root for license terms and full copyright notice.
4
4
  *--------------------------------------------------------------------------------------------*/
5
- html{
6
- --iui-color-background-1-rgb:255, 255, 255;
7
- --iui-color-background-1:rgb(var(--iui-color-background-1-rgb));
8
- --iui-color-background-2-rgb:249, 249, 251;
9
- --iui-color-background-2:rgb(var(--iui-color-background-2-rgb));
10
- --iui-color-background-3-rgb:237, 239, 242;
11
- --iui-color-background-3:rgb(var(--iui-color-background-3-rgb));
12
- --iui-color-background-4-rgb:221, 225, 228;
13
- --iui-color-background-4:rgb(var(--iui-color-background-4-rgb));
14
- --iui-color-background-5-rgb:199, 204, 209;
15
- --iui-color-background-5:rgb(var(--iui-color-background-5-rgb));
16
- --iui-color-background-primary-rgb:0, 138, 224;
17
- --iui-color-background-primary:rgb(var(--iui-color-background-primary-rgb));
18
- --iui-color-background-positive-rgb:83, 162, 26;
19
- --iui-color-background-positive:rgb(var(--iui-color-background-positive-rgb));
20
- --iui-color-background-warning-rgb:241, 141, 19;
21
- --iui-color-background-warning:rgb(var(--iui-color-background-warning-rgb));
22
- --iui-color-background-negative-rgb:209, 10, 10;
23
- --iui-color-background-negative:rgb(var(--iui-color-background-negative-rgb));
24
- --iui-color-background-disabled-rgb:237, 239, 242;
25
- --iui-color-background-disabled:rgb(var(--iui-color-background-disabled-rgb));
26
- --iui-color-background-border-rgb:199, 204, 209;
27
- --iui-color-background-border:rgb(var(--iui-color-background-border-rgb));
28
- --iui-color-foreground-body-rgb:0, 0, 0;
29
- --iui-color-foreground-body:rgb(var(--iui-color-foreground-body-rgb));
30
- --iui-color-foreground-body-invert-rgb:255, 255, 255;
31
- --iui-color-foreground-body-invert:rgb(var(--iui-color-foreground-body-invert-rgb));
32
- --iui-color-foreground-accessory-rgb:255, 255, 255;
33
- --iui-color-foreground-accessory:rgb(var(--iui-color-foreground-accessory-rgb));
34
- --iui-color-foreground-primary-rgb:0, 138, 224;
35
- --iui-color-foreground-primary:rgb(var(--iui-color-foreground-primary-rgb));
36
- --iui-color-foreground-positive-rgb:83, 162, 26;
37
- --iui-color-foreground-positive:rgb(var(--iui-color-foreground-positive-rgb));
38
- --iui-color-foreground-warning-rgb:241, 141, 19;
39
- --iui-color-foreground-warning:rgb(var(--iui-color-foreground-warning-rgb));
40
- --iui-color-foreground-negative-rgb:209, 10, 10;
41
- --iui-color-foreground-negative:rgb(var(--iui-color-foreground-negative-rgb));
42
- --iui-color-background-1-overlay-rgb:242, 242, 242;
43
- --iui-color-background-1-overlay:rgb(var(--iui-color-background-1-overlay-rgb));
44
- --iui-color-background-primary-overlay-rgb:0, 107, 173;
45
- --iui-color-background-primary-overlay:rgb(var(--iui-color-background-primary-overlay-rgb));
46
- --iui-color-background-positive-overlay-rgb:61, 118, 19;
47
- --iui-color-background-positive-overlay:rgb(var(--iui-color-background-positive-overlay-rgb));
48
- --iui-color-foreground-primary-overlay-rgb:0, 107, 173;
49
- --iui-color-foreground-primary-overlay:rgb(var(--iui-color-foreground-primary-overlay-rgb));
50
- --iui-color-foreground-positive-overlay-rgb:61, 118, 19;
51
- --iui-color-foreground-positive-overlay:rgb(var(--iui-color-foreground-positive-overlay-rgb));
52
- --iui-color-foreground-warning-overlay-rgb:198, 114, 12;
53
- --iui-color-foreground-warning-overlay:rgb(var(--iui-color-foreground-warning-overlay-rgb));
54
- --iui-color-foreground-negative-overlay-rgb:161, 8, 8;
55
- --iui-color-foreground-negative-overlay:rgb(var(--iui-color-foreground-negative-overlay-rgb));
56
- --iui-opacity-1:1;
57
- --iui-opacity-2:0.8;
58
- --iui-opacity-3:0.6;
59
- --iui-opacity-4:0.4;
60
- --iui-opacity-5:0.2;
61
- --iui-opacity-6:0.1;
62
- --iui-text-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2));
63
- --iui-text-color-muted:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4));
64
- --iui-text-color-placeholder:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5));
65
- --iui-icon-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4));
66
- --iui-icon-color-actionable:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2));
67
- --iui-icon-color-actionable-hover:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-1));
68
- --iui-icon-color-actionable-disabled:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5));
69
- --iui-icon-color-primary:var(--iui-color-foreground-primary);
70
- --iui-icon-color-positive:var(--iui-color-foreground-positive);
71
- --iui-icon-color-warning:var(--iui-color-foreground-warning);
72
- --iui-icon-color-negative:var(--iui-color-foreground-negative);
73
- }
74
- @media (prefers-color-scheme: dark){
75
- html{
76
- --iui-color-background-1-rgb:90, 104, 114;
77
- --iui-color-background-1:rgb(var(--iui-color-background-1-rgb));
78
- --iui-color-background-2-rgb:79, 92, 100;
79
- --iui-color-background-2:rgb(var(--iui-color-background-2-rgb));
80
- --iui-color-background-3-rgb:69, 81, 89;
81
- --iui-color-background-3:rgb(var(--iui-color-background-3-rgb));
82
- --iui-color-background-4-rgb:55, 67, 73;
83
- --iui-color-background-4:rgb(var(--iui-color-background-4-rgb));
84
- --iui-color-background-5-rgb:46, 56, 61;
85
- --iui-color-background-5:rgb(var(--iui-color-background-5-rgb));
86
- --iui-color-background-primary-rgb:0, 138, 224;
87
- --iui-color-background-primary:rgb(var(--iui-color-background-primary-rgb));
88
- --iui-color-background-positive-rgb:83, 162, 26;
89
- --iui-color-background-positive:rgb(var(--iui-color-background-positive-rgb));
90
- --iui-color-background-warning-rgb:241, 141, 19;
91
- --iui-color-background-warning:rgb(var(--iui-color-background-warning-rgb));
92
- --iui-color-background-negative-rgb:209, 10, 10;
93
- --iui-color-background-negative:rgb(var(--iui-color-background-negative-rgb));
94
- --iui-color-background-disabled-rgb:69, 81, 89;
95
- --iui-color-background-disabled:rgb(var(--iui-color-background-disabled-rgb));
96
- --iui-color-background-border-rgb:46, 56, 61;
97
- --iui-color-background-border:rgb(var(--iui-color-background-border-rgb));
98
- --iui-color-foreground-body-rgb:255, 255, 255;
99
- --iui-color-foreground-body:rgb(var(--iui-color-foreground-body-rgb));
100
- --iui-color-foreground-body-invert-rgb:0, 0, 0;
101
- --iui-color-foreground-body-invert:rgb(var(--iui-color-foreground-body-invert-rgb));
102
- --iui-color-foreground-accessory-rgb:255, 255, 255;
103
- --iui-color-foreground-accessory:rgb(var(--iui-color-foreground-accessory-rgb));
104
- --iui-color-foreground-primary-rgb:163, 214, 245;
105
- --iui-color-foreground-primary:rgb(var(--iui-color-foreground-primary-rgb));
106
- --iui-color-foreground-positive-rgb:194, 224, 174;
107
- --iui-color-foreground-positive:rgb(var(--iui-color-foreground-positive-rgb));
108
- --iui-color-foreground-warning-rgb:249, 214, 169;
109
- --iui-color-foreground-warning:rgb(var(--iui-color-foreground-warning-rgb));
110
- --iui-color-foreground-negative-rgb:239, 169, 169;
111
- --iui-color-foreground-negative:rgb(var(--iui-color-foreground-negative-rgb));
112
- --iui-color-background-1-overlay-rgb:101, 118, 129;
113
- --iui-color-background-1-overlay:rgb(var(--iui-color-background-1-overlay-rgb));
114
- --iui-color-background-primary-overlay-rgb:0, 154, 250;
115
- --iui-color-background-primary-overlay:rgb(var(--iui-color-background-primary-overlay-rgb));
116
- --iui-color-background-positive-overlay-rgb:94, 184, 30;
117
- --iui-color-background-positive-overlay:rgb(var(--iui-color-background-positive-overlay-rgb));
118
- --iui-color-foreground-primary-overlay-rgb:209, 234, 250;
119
- --iui-color-foreground-primary-overlay:rgb(var(--iui-color-foreground-primary-overlay-rgb));
120
- --iui-color-foreground-positive-overlay-rgb:222, 238, 211;
121
- --iui-color-foreground-positive-overlay:rgb(var(--iui-color-foreground-positive-overlay-rgb));
122
- --iui-color-foreground-warning-overlay-rgb:252, 237, 217;
123
- --iui-color-foreground-warning-overlay:rgb(var(--iui-color-foreground-warning-overlay-rgb));
124
- --iui-color-foreground-negative-overlay-rgb:247, 212, 212;
125
- --iui-color-foreground-negative-overlay:rgb(var(--iui-color-foreground-negative-overlay-rgb));
126
- --iui-opacity-1:1;
127
- --iui-opacity-2:0.85;
128
- --iui-opacity-3:0.65;
129
- --iui-opacity-4:0.45;
130
- --iui-opacity-5:0.25;
131
- --iui-opacity-6:0.1;
132
- --iui-text-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2));
133
- --iui-text-color-muted:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4));
134
- --iui-text-color-placeholder:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5));
135
- --iui-icon-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4));
136
- --iui-icon-color-actionable:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2));
137
- --iui-icon-color-actionable-hover:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-1));
138
- --iui-icon-color-actionable-disabled:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5));
139
- --iui-icon-color-primary:var(--iui-color-foreground-primary);
140
- --iui-icon-color-positive:var(--iui-color-foreground-positive);
141
- --iui-icon-color-warning:var(--iui-color-foreground-warning);
142
- --iui-icon-color-negative:var(--iui-color-foreground-negative);
143
- }
144
- }
145
- @media (prefers-color-scheme: light) and (prefers-contrast: more){
146
- html{
147
- --iui-color-background-1-rgb:255, 255, 255;
148
- --iui-color-background-1:rgb(var(--iui-color-background-1-rgb));
149
- --iui-color-background-2-rgb:249, 250, 251;
150
- --iui-color-background-2:rgb(var(--iui-color-background-2-rgb));
151
- --iui-color-background-3-rgb:238, 240, 242;
152
- --iui-color-background-3:rgb(var(--iui-color-background-3-rgb));
153
- --iui-color-background-4-rgb:221, 226, 228;
154
- --iui-color-background-4:rgb(var(--iui-color-background-4-rgb));
155
- --iui-color-background-5-rgb:198, 206, 210;
156
- --iui-color-background-5:rgb(var(--iui-color-background-5-rgb));
157
- --iui-color-background-primary-rgb:0, 88, 133;
158
- --iui-color-background-primary:rgb(var(--iui-color-background-primary-rgb));
159
- --iui-color-background-positive-rgb:0, 97, 32;
160
- --iui-color-background-positive:rgb(var(--iui-color-background-positive-rgb));
161
- --iui-color-background-warning-rgb:112, 84, 0;
162
- --iui-color-background-warning:rgb(var(--iui-color-background-warning-rgb));
163
- --iui-color-background-negative-rgb:158, 0, 0;
164
- --iui-color-background-negative:rgb(var(--iui-color-background-negative-rgb));
165
- --iui-color-background-disabled-rgb:238, 240, 242;
166
- --iui-color-background-disabled:rgb(var(--iui-color-background-disabled-rgb));
167
- --iui-color-background-border:rgba(0, 0, 0, 0.3);
168
- --iui-color-foreground-body-rgb:0, 0, 0;
169
- --iui-color-foreground-body:rgb(var(--iui-color-foreground-body-rgb));
170
- --iui-color-foreground-accessory-rgb:255, 255, 255;
171
- --iui-color-foreground-accessory:rgb(var(--iui-color-foreground-accessory-rgb));
172
- --iui-color-foreground-primary-rgb:0, 78, 117;
173
- --iui-color-foreground-primary:rgb(var(--iui-color-foreground-primary-rgb));
174
- --iui-color-foreground-positive-rgb:0, 82, 27;
175
- --iui-color-foreground-positive:rgb(var(--iui-color-foreground-positive-rgb));
176
- --iui-color-foreground-warning-rgb:97, 73, 0;
177
- --iui-color-foreground-warning:rgb(var(--iui-color-foreground-warning-rgb));
178
- --iui-color-foreground-negative-rgb:143, 0, 0;
179
- --iui-color-foreground-negative:rgb(var(--iui-color-foreground-negative-rgb));
180
- --iui-color-background-1-overlay-rgb:226, 231, 233;
181
- --iui-color-background-1-overlay:rgb(var(--iui-color-background-1-overlay-rgb));
182
- --iui-color-background-primary-overlay-rgb:0, 54, 82;
183
- --iui-color-background-primary-overlay:rgb(var(--iui-color-background-primary-overlay-rgb));
184
- --iui-color-background-positive-overlay-rgb:0, 46, 15;
185
- --iui-color-background-positive-overlay:rgb(var(--iui-color-background-positive-overlay-rgb));
186
- --iui-color-foreground-primary-overlay-rgb:0, 44, 66;
187
- --iui-color-foreground-primary-overlay:rgb(var(--iui-color-foreground-primary-overlay-rgb));
188
- --iui-color-foreground-positive-overlay-rgb:0, 31, 10;
189
- --iui-color-foreground-positive-overlay:rgb(var(--iui-color-foreground-positive-overlay-rgb));
190
- --iui-color-foreground-warning-overlay-rgb:46, 34, 0;
191
- --iui-color-foreground-warning-overlay:rgb(var(--iui-color-foreground-warning-overlay-rgb));
192
- --iui-color-foreground-negative-overlay-rgb:92, 0, 0;
193
- --iui-color-foreground-negative-overlay:rgb(var(--iui-color-foreground-negative-overlay-rgb));
194
- --iui-opacity-1:1;
195
- --iui-opacity-2:0.86;
196
- --iui-opacity-3:0.72;
197
- --iui-opacity-4:0.67;
198
- --iui-opacity-5:0.3;
199
- --iui-opacity-6:0.06;
200
- --iui-text-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2));
201
- --iui-text-color-muted:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4));
202
- --iui-text-color-placeholder:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5));
203
- --iui-icon-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4));
204
- --iui-icon-color-actionable:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2));
205
- --iui-icon-color-actionable-hover:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-1));
206
- --iui-icon-color-actionable-disabled:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5));
207
- --iui-icon-color-primary:var(--iui-color-foreground-primary);
208
- --iui-icon-color-positive:var(--iui-color-foreground-positive);
209
- --iui-icon-color-warning:var(--iui-color-foreground-warning);
210
- --iui-icon-color-negative:var(--iui-color-foreground-negative);
211
- }
212
- }
213
- @media (prefers-color-scheme: dark) and (prefers-contrast: more){
214
- html{
215
- --iui-color-background-1-rgb:45, 53, 57;
216
- --iui-color-background-1:rgb(var(--iui-color-background-1-rgb));
217
- --iui-color-background-2-rgb:34, 40, 43;
218
- --iui-color-background-2:rgb(var(--iui-color-background-2-rgb));
219
- --iui-color-background-3-rgb:22, 27, 29;
220
- --iui-color-background-3:rgb(var(--iui-color-background-3-rgb));
221
- --iui-color-background-4-rgb:56, 66, 71;
222
- --iui-color-background-4:rgb(var(--iui-color-background-4-rgb));
223
- --iui-color-background-5-rgb:67, 80, 86;
224
- --iui-color-background-5:rgb(var(--iui-color-background-5-rgb));
225
- --iui-color-background-primary-rgb:0, 88, 133;
226
- --iui-color-background-primary:rgb(var(--iui-color-background-primary-rgb));
227
- --iui-color-background-positive-rgb:0, 97, 32;
228
- --iui-color-background-positive:rgb(var(--iui-color-background-positive-rgb));
229
- --iui-color-background-warning-rgb:112, 84, 0;
230
- --iui-color-background-warning:rgb(var(--iui-color-background-warning-rgb));
231
- --iui-color-background-negative-rgb:158, 0, 0;
232
- --iui-color-background-negative:rgb(var(--iui-color-background-negative-rgb));
233
- --iui-color-background-disabled-rgb:56, 66, 71;
234
- --iui-color-background-disabled:rgb(var(--iui-color-background-disabled-rgb));
235
- --iui-color-background-border:rgba(255, 255, 255, 0.34);
236
- --iui-color-foreground-body-rgb:255, 255, 255;
237
- --iui-color-foreground-body:rgb(var(--iui-color-foreground-body-rgb));
238
- --iui-color-foreground-accessory-rgb:255, 255, 255;
239
- --iui-color-foreground-accessory:rgb(var(--iui-color-foreground-accessory-rgb));
240
- --iui-color-foreground-primary-rgb:148, 219, 255;
241
- --iui-color-foreground-primary:rgb(var(--iui-color-foreground-primary-rgb));
242
- --iui-color-foreground-positive-rgb:112, 255, 160;
243
- --iui-color-foreground-positive:rgb(var(--iui-color-foreground-positive-rgb));
244
- --iui-color-foreground-warning-rgb:255, 223, 128;
245
- --iui-color-foreground-warning:rgb(var(--iui-color-foreground-warning-rgb));
246
- --iui-color-foreground-negative-rgb:255, 194, 194;
247
- --iui-color-foreground-negative:rgb(var(--iui-color-foreground-negative-rgb));
248
- --iui-color-background-1-overlay-rgb:67, 80, 86;
249
- --iui-color-background-1-overlay:rgb(var(--iui-color-background-1-overlay-rgb));
250
- --iui-color-background-primary-overlay-rgb:0, 122, 184;
251
- --iui-color-background-primary-overlay:rgb(var(--iui-color-background-primary-overlay-rgb));
252
- --iui-color-background-positive-overlay-rgb:0, 148, 49;
253
- --iui-color-background-positive-overlay:rgb(var(--iui-color-background-positive-overlay-rgb));
254
- --iui-color-foreground-primary-overlay-rgb:199, 236, 255;
255
- --iui-color-foreground-primary-overlay:rgb(var(--iui-color-foreground-primary-overlay-rgb));
256
- --iui-color-foreground-positive-overlay-rgb:163, 255, 194;
257
- --iui-color-foreground-positive-overlay:rgb(var(--iui-color-foreground-positive-overlay-rgb));
258
- --iui-color-foreground-warning-overlay-rgb:255, 236, 179;
259
- --iui-color-foreground-warning-overlay:rgb(var(--iui-color-foreground-warning-overlay-rgb));
260
- --iui-color-foreground-negative-overlay-rgb:255, 245, 245;
261
- --iui-color-foreground-negative-overlay:rgb(var(--iui-color-foreground-negative-overlay-rgb));
262
- --iui-opacity-1:1;
263
- --iui-opacity-2:0.94;
264
- --iui-opacity-3:0.88;
265
- --iui-opacity-4:0.76;
266
- --iui-opacity-5:0.34;
267
- --iui-opacity-6:0.07;
268
- --iui-text-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2));
269
- --iui-text-color-muted:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4));
270
- --iui-text-color-placeholder:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5));
271
- --iui-icon-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4));
272
- --iui-icon-color-actionable:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2));
273
- --iui-icon-color-actionable-hover:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-1));
274
- --iui-icon-color-actionable-disabled:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5));
275
- --iui-icon-color-primary:var(--iui-color-foreground-primary);
276
- --iui-icon-color-positive:var(--iui-color-foreground-positive);
277
- --iui-icon-color-warning:var(--iui-color-foreground-warning);
278
- --iui-icon-color-negative:var(--iui-color-foreground-negative);
279
- }
280
- }
281
- html.iui-theme-light{
282
- --iui-color-background-1-rgb:255, 255, 255;
283
- --iui-color-background-1:rgb(var(--iui-color-background-1-rgb));
284
- --iui-color-background-2-rgb:249, 249, 251;
285
- --iui-color-background-2:rgb(var(--iui-color-background-2-rgb));
286
- --iui-color-background-3-rgb:237, 239, 242;
287
- --iui-color-background-3:rgb(var(--iui-color-background-3-rgb));
288
- --iui-color-background-4-rgb:221, 225, 228;
289
- --iui-color-background-4:rgb(var(--iui-color-background-4-rgb));
290
- --iui-color-background-5-rgb:199, 204, 209;
291
- --iui-color-background-5:rgb(var(--iui-color-background-5-rgb));
292
- --iui-color-background-primary-rgb:0, 138, 224;
293
- --iui-color-background-primary:rgb(var(--iui-color-background-primary-rgb));
294
- --iui-color-background-positive-rgb:83, 162, 26;
295
- --iui-color-background-positive:rgb(var(--iui-color-background-positive-rgb));
296
- --iui-color-background-warning-rgb:241, 141, 19;
297
- --iui-color-background-warning:rgb(var(--iui-color-background-warning-rgb));
298
- --iui-color-background-negative-rgb:209, 10, 10;
299
- --iui-color-background-negative:rgb(var(--iui-color-background-negative-rgb));
300
- --iui-color-background-disabled-rgb:237, 239, 242;
301
- --iui-color-background-disabled:rgb(var(--iui-color-background-disabled-rgb));
302
- --iui-color-background-border-rgb:199, 204, 209;
303
- --iui-color-background-border:rgb(var(--iui-color-background-border-rgb));
304
- --iui-color-foreground-body-rgb:0, 0, 0;
305
- --iui-color-foreground-body:rgb(var(--iui-color-foreground-body-rgb));
306
- --iui-color-foreground-body-invert-rgb:255, 255, 255;
307
- --iui-color-foreground-body-invert:rgb(var(--iui-color-foreground-body-invert-rgb));
308
- --iui-color-foreground-accessory-rgb:255, 255, 255;
309
- --iui-color-foreground-accessory:rgb(var(--iui-color-foreground-accessory-rgb));
310
- --iui-color-foreground-primary-rgb:0, 138, 224;
311
- --iui-color-foreground-primary:rgb(var(--iui-color-foreground-primary-rgb));
312
- --iui-color-foreground-positive-rgb:83, 162, 26;
313
- --iui-color-foreground-positive:rgb(var(--iui-color-foreground-positive-rgb));
314
- --iui-color-foreground-warning-rgb:241, 141, 19;
315
- --iui-color-foreground-warning:rgb(var(--iui-color-foreground-warning-rgb));
316
- --iui-color-foreground-negative-rgb:209, 10, 10;
317
- --iui-color-foreground-negative:rgb(var(--iui-color-foreground-negative-rgb));
318
- --iui-color-background-1-overlay-rgb:242, 242, 242;
319
- --iui-color-background-1-overlay:rgb(var(--iui-color-background-1-overlay-rgb));
320
- --iui-color-background-primary-overlay-rgb:0, 107, 173;
321
- --iui-color-background-primary-overlay:rgb(var(--iui-color-background-primary-overlay-rgb));
322
- --iui-color-background-positive-overlay-rgb:61, 118, 19;
323
- --iui-color-background-positive-overlay:rgb(var(--iui-color-background-positive-overlay-rgb));
324
- --iui-color-foreground-primary-overlay-rgb:0, 107, 173;
325
- --iui-color-foreground-primary-overlay:rgb(var(--iui-color-foreground-primary-overlay-rgb));
326
- --iui-color-foreground-positive-overlay-rgb:61, 118, 19;
327
- --iui-color-foreground-positive-overlay:rgb(var(--iui-color-foreground-positive-overlay-rgb));
328
- --iui-color-foreground-warning-overlay-rgb:198, 114, 12;
329
- --iui-color-foreground-warning-overlay:rgb(var(--iui-color-foreground-warning-overlay-rgb));
330
- --iui-color-foreground-negative-overlay-rgb:161, 8, 8;
331
- --iui-color-foreground-negative-overlay:rgb(var(--iui-color-foreground-negative-overlay-rgb));
332
- --iui-opacity-1:1;
333
- --iui-opacity-2:0.8;
334
- --iui-opacity-3:0.6;
335
- --iui-opacity-4:0.4;
336
- --iui-opacity-5:0.2;
337
- --iui-opacity-6:0.1;
338
- --iui-text-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2));
339
- --iui-text-color-muted:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4));
340
- --iui-text-color-placeholder:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5));
341
- --iui-icon-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4));
342
- --iui-icon-color-actionable:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2));
343
- --iui-icon-color-actionable-hover:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-1));
344
- --iui-icon-color-actionable-disabled:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5));
345
- --iui-icon-color-primary:var(--iui-color-foreground-primary);
346
- --iui-icon-color-positive:var(--iui-color-foreground-positive);
347
- --iui-icon-color-warning:var(--iui-color-foreground-warning);
348
- --iui-icon-color-negative:var(--iui-color-foreground-negative);
349
- }
350
- html.iui-theme-dark{
351
- --iui-color-background-1-rgb:90, 104, 114;
352
- --iui-color-background-1:rgb(var(--iui-color-background-1-rgb));
353
- --iui-color-background-2-rgb:79, 92, 100;
354
- --iui-color-background-2:rgb(var(--iui-color-background-2-rgb));
355
- --iui-color-background-3-rgb:69, 81, 89;
356
- --iui-color-background-3:rgb(var(--iui-color-background-3-rgb));
357
- --iui-color-background-4-rgb:55, 67, 73;
358
- --iui-color-background-4:rgb(var(--iui-color-background-4-rgb));
359
- --iui-color-background-5-rgb:46, 56, 61;
360
- --iui-color-background-5:rgb(var(--iui-color-background-5-rgb));
361
- --iui-color-background-primary-rgb:0, 138, 224;
362
- --iui-color-background-primary:rgb(var(--iui-color-background-primary-rgb));
363
- --iui-color-background-positive-rgb:83, 162, 26;
364
- --iui-color-background-positive:rgb(var(--iui-color-background-positive-rgb));
365
- --iui-color-background-warning-rgb:241, 141, 19;
366
- --iui-color-background-warning:rgb(var(--iui-color-background-warning-rgb));
367
- --iui-color-background-negative-rgb:209, 10, 10;
368
- --iui-color-background-negative:rgb(var(--iui-color-background-negative-rgb));
369
- --iui-color-background-disabled-rgb:69, 81, 89;
370
- --iui-color-background-disabled:rgb(var(--iui-color-background-disabled-rgb));
371
- --iui-color-background-border-rgb:46, 56, 61;
372
- --iui-color-background-border:rgb(var(--iui-color-background-border-rgb));
373
- --iui-color-foreground-body-rgb:255, 255, 255;
374
- --iui-color-foreground-body:rgb(var(--iui-color-foreground-body-rgb));
375
- --iui-color-foreground-body-invert-rgb:0, 0, 0;
376
- --iui-color-foreground-body-invert:rgb(var(--iui-color-foreground-body-invert-rgb));
377
- --iui-color-foreground-accessory-rgb:255, 255, 255;
378
- --iui-color-foreground-accessory:rgb(var(--iui-color-foreground-accessory-rgb));
379
- --iui-color-foreground-primary-rgb:163, 214, 245;
380
- --iui-color-foreground-primary:rgb(var(--iui-color-foreground-primary-rgb));
381
- --iui-color-foreground-positive-rgb:194, 224, 174;
382
- --iui-color-foreground-positive:rgb(var(--iui-color-foreground-positive-rgb));
383
- --iui-color-foreground-warning-rgb:249, 214, 169;
384
- --iui-color-foreground-warning:rgb(var(--iui-color-foreground-warning-rgb));
385
- --iui-color-foreground-negative-rgb:239, 169, 169;
386
- --iui-color-foreground-negative:rgb(var(--iui-color-foreground-negative-rgb));
387
- --iui-color-background-1-overlay-rgb:101, 118, 129;
388
- --iui-color-background-1-overlay:rgb(var(--iui-color-background-1-overlay-rgb));
389
- --iui-color-background-primary-overlay-rgb:0, 154, 250;
390
- --iui-color-background-primary-overlay:rgb(var(--iui-color-background-primary-overlay-rgb));
391
- --iui-color-background-positive-overlay-rgb:94, 184, 30;
392
- --iui-color-background-positive-overlay:rgb(var(--iui-color-background-positive-overlay-rgb));
393
- --iui-color-foreground-primary-overlay-rgb:209, 234, 250;
394
- --iui-color-foreground-primary-overlay:rgb(var(--iui-color-foreground-primary-overlay-rgb));
395
- --iui-color-foreground-positive-overlay-rgb:222, 238, 211;
396
- --iui-color-foreground-positive-overlay:rgb(var(--iui-color-foreground-positive-overlay-rgb));
397
- --iui-color-foreground-warning-overlay-rgb:252, 237, 217;
398
- --iui-color-foreground-warning-overlay:rgb(var(--iui-color-foreground-warning-overlay-rgb));
399
- --iui-color-foreground-negative-overlay-rgb:247, 212, 212;
400
- --iui-color-foreground-negative-overlay:rgb(var(--iui-color-foreground-negative-overlay-rgb));
401
- --iui-opacity-1:1;
402
- --iui-opacity-2:0.85;
403
- --iui-opacity-3:0.65;
404
- --iui-opacity-4:0.45;
405
- --iui-opacity-5:0.25;
406
- --iui-opacity-6:0.1;
407
- --iui-text-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2));
408
- --iui-text-color-muted:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4));
409
- --iui-text-color-placeholder:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5));
410
- --iui-icon-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4));
411
- --iui-icon-color-actionable:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2));
412
- --iui-icon-color-actionable-hover:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-1));
413
- --iui-icon-color-actionable-disabled:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5));
414
- --iui-icon-color-primary:var(--iui-color-foreground-primary);
415
- --iui-icon-color-positive:var(--iui-color-foreground-positive);
416
- --iui-icon-color-warning:var(--iui-color-foreground-warning);
417
- --iui-icon-color-negative:var(--iui-color-foreground-negative);
418
- }
419
- html.iui-theme-light-hc{
420
- --iui-color-background-1-rgb:255, 255, 255;
421
- --iui-color-background-1:rgb(var(--iui-color-background-1-rgb));
422
- --iui-color-background-2-rgb:249, 250, 251;
423
- --iui-color-background-2:rgb(var(--iui-color-background-2-rgb));
424
- --iui-color-background-3-rgb:238, 240, 242;
425
- --iui-color-background-3:rgb(var(--iui-color-background-3-rgb));
426
- --iui-color-background-4-rgb:221, 226, 228;
427
- --iui-color-background-4:rgb(var(--iui-color-background-4-rgb));
428
- --iui-color-background-5-rgb:198, 206, 210;
429
- --iui-color-background-5:rgb(var(--iui-color-background-5-rgb));
430
- --iui-color-background-primary-rgb:0, 88, 133;
431
- --iui-color-background-primary:rgb(var(--iui-color-background-primary-rgb));
432
- --iui-color-background-positive-rgb:0, 97, 32;
433
- --iui-color-background-positive:rgb(var(--iui-color-background-positive-rgb));
434
- --iui-color-background-warning-rgb:112, 84, 0;
435
- --iui-color-background-warning:rgb(var(--iui-color-background-warning-rgb));
436
- --iui-color-background-negative-rgb:158, 0, 0;
437
- --iui-color-background-negative:rgb(var(--iui-color-background-negative-rgb));
438
- --iui-color-background-disabled-rgb:238, 240, 242;
439
- --iui-color-background-disabled:rgb(var(--iui-color-background-disabled-rgb));
440
- --iui-color-background-border:rgba(0, 0, 0, 0.3);
441
- --iui-color-foreground-body-rgb:0, 0, 0;
442
- --iui-color-foreground-body:rgb(var(--iui-color-foreground-body-rgb));
443
- --iui-color-foreground-accessory-rgb:255, 255, 255;
444
- --iui-color-foreground-accessory:rgb(var(--iui-color-foreground-accessory-rgb));
445
- --iui-color-foreground-primary-rgb:0, 78, 117;
446
- --iui-color-foreground-primary:rgb(var(--iui-color-foreground-primary-rgb));
447
- --iui-color-foreground-positive-rgb:0, 82, 27;
448
- --iui-color-foreground-positive:rgb(var(--iui-color-foreground-positive-rgb));
449
- --iui-color-foreground-warning-rgb:97, 73, 0;
450
- --iui-color-foreground-warning:rgb(var(--iui-color-foreground-warning-rgb));
451
- --iui-color-foreground-negative-rgb:143, 0, 0;
452
- --iui-color-foreground-negative:rgb(var(--iui-color-foreground-negative-rgb));
453
- --iui-color-background-1-overlay-rgb:226, 231, 233;
454
- --iui-color-background-1-overlay:rgb(var(--iui-color-background-1-overlay-rgb));
455
- --iui-color-background-primary-overlay-rgb:0, 54, 82;
456
- --iui-color-background-primary-overlay:rgb(var(--iui-color-background-primary-overlay-rgb));
457
- --iui-color-background-positive-overlay-rgb:0, 46, 15;
458
- --iui-color-background-positive-overlay:rgb(var(--iui-color-background-positive-overlay-rgb));
459
- --iui-color-foreground-primary-overlay-rgb:0, 44, 66;
460
- --iui-color-foreground-primary-overlay:rgb(var(--iui-color-foreground-primary-overlay-rgb));
461
- --iui-color-foreground-positive-overlay-rgb:0, 31, 10;
462
- --iui-color-foreground-positive-overlay:rgb(var(--iui-color-foreground-positive-overlay-rgb));
463
- --iui-color-foreground-warning-overlay-rgb:46, 34, 0;
464
- --iui-color-foreground-warning-overlay:rgb(var(--iui-color-foreground-warning-overlay-rgb));
465
- --iui-color-foreground-negative-overlay-rgb:92, 0, 0;
466
- --iui-color-foreground-negative-overlay:rgb(var(--iui-color-foreground-negative-overlay-rgb));
467
- --iui-opacity-1:1;
468
- --iui-opacity-2:0.86;
469
- --iui-opacity-3:0.72;
470
- --iui-opacity-4:0.67;
471
- --iui-opacity-5:0.3;
472
- --iui-opacity-6:0.06;
473
- --iui-text-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2));
474
- --iui-text-color-muted:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4));
475
- --iui-text-color-placeholder:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5));
476
- --iui-icon-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4));
477
- --iui-icon-color-actionable:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2));
478
- --iui-icon-color-actionable-hover:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-1));
479
- --iui-icon-color-actionable-disabled:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5));
480
- --iui-icon-color-primary:var(--iui-color-foreground-primary);
481
- --iui-icon-color-positive:var(--iui-color-foreground-positive);
482
- --iui-icon-color-warning:var(--iui-color-foreground-warning);
483
- --iui-icon-color-negative:var(--iui-color-foreground-negative);
484
- }
485
- html.iui-theme-dark-hc{
486
- --iui-color-background-1-rgb:45, 53, 57;
487
- --iui-color-background-1:rgb(var(--iui-color-background-1-rgb));
488
- --iui-color-background-2-rgb:34, 40, 43;
489
- --iui-color-background-2:rgb(var(--iui-color-background-2-rgb));
490
- --iui-color-background-3-rgb:22, 27, 29;
491
- --iui-color-background-3:rgb(var(--iui-color-background-3-rgb));
492
- --iui-color-background-4-rgb:56, 66, 71;
493
- --iui-color-background-4:rgb(var(--iui-color-background-4-rgb));
494
- --iui-color-background-5-rgb:67, 80, 86;
495
- --iui-color-background-5:rgb(var(--iui-color-background-5-rgb));
496
- --iui-color-background-primary-rgb:0, 88, 133;
497
- --iui-color-background-primary:rgb(var(--iui-color-background-primary-rgb));
498
- --iui-color-background-positive-rgb:0, 97, 32;
499
- --iui-color-background-positive:rgb(var(--iui-color-background-positive-rgb));
500
- --iui-color-background-warning-rgb:112, 84, 0;
501
- --iui-color-background-warning:rgb(var(--iui-color-background-warning-rgb));
502
- --iui-color-background-negative-rgb:158, 0, 0;
503
- --iui-color-background-negative:rgb(var(--iui-color-background-negative-rgb));
504
- --iui-color-background-disabled-rgb:56, 66, 71;
505
- --iui-color-background-disabled:rgb(var(--iui-color-background-disabled-rgb));
506
- --iui-color-background-border:rgba(255, 255, 255, 0.34);
507
- --iui-color-foreground-body-rgb:255, 255, 255;
508
- --iui-color-foreground-body:rgb(var(--iui-color-foreground-body-rgb));
509
- --iui-color-foreground-accessory-rgb:255, 255, 255;
510
- --iui-color-foreground-accessory:rgb(var(--iui-color-foreground-accessory-rgb));
511
- --iui-color-foreground-primary-rgb:148, 219, 255;
512
- --iui-color-foreground-primary:rgb(var(--iui-color-foreground-primary-rgb));
513
- --iui-color-foreground-positive-rgb:112, 255, 160;
514
- --iui-color-foreground-positive:rgb(var(--iui-color-foreground-positive-rgb));
515
- --iui-color-foreground-warning-rgb:255, 223, 128;
516
- --iui-color-foreground-warning:rgb(var(--iui-color-foreground-warning-rgb));
517
- --iui-color-foreground-negative-rgb:255, 194, 194;
518
- --iui-color-foreground-negative:rgb(var(--iui-color-foreground-negative-rgb));
519
- --iui-color-background-1-overlay-rgb:67, 80, 86;
520
- --iui-color-background-1-overlay:rgb(var(--iui-color-background-1-overlay-rgb));
521
- --iui-color-background-primary-overlay-rgb:0, 122, 184;
522
- --iui-color-background-primary-overlay:rgb(var(--iui-color-background-primary-overlay-rgb));
523
- --iui-color-background-positive-overlay-rgb:0, 148, 49;
524
- --iui-color-background-positive-overlay:rgb(var(--iui-color-background-positive-overlay-rgb));
525
- --iui-color-foreground-primary-overlay-rgb:199, 236, 255;
526
- --iui-color-foreground-primary-overlay:rgb(var(--iui-color-foreground-primary-overlay-rgb));
527
- --iui-color-foreground-positive-overlay-rgb:163, 255, 194;
528
- --iui-color-foreground-positive-overlay:rgb(var(--iui-color-foreground-positive-overlay-rgb));
529
- --iui-color-foreground-warning-overlay-rgb:255, 236, 179;
530
- --iui-color-foreground-warning-overlay:rgb(var(--iui-color-foreground-warning-overlay-rgb));
531
- --iui-color-foreground-negative-overlay-rgb:255, 245, 245;
532
- --iui-color-foreground-negative-overlay:rgb(var(--iui-color-foreground-negative-overlay-rgb));
533
- --iui-opacity-1:1;
534
- --iui-opacity-2:0.94;
535
- --iui-opacity-3:0.88;
536
- --iui-opacity-4:0.76;
537
- --iui-opacity-5:0.34;
538
- --iui-opacity-6:0.07;
539
- --iui-text-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2));
540
- --iui-text-color-muted:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4));
541
- --iui-text-color-placeholder:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5));
542
- --iui-icon-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4));
543
- --iui-icon-color-actionable:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2));
544
- --iui-icon-color-actionable-hover:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-1));
545
- --iui-icon-color-actionable-disabled:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5));
546
- --iui-icon-color-primary:var(--iui-color-foreground-primary);
547
- --iui-icon-color-positive:var(--iui-color-foreground-positive);
548
- --iui-icon-color-warning:var(--iui-color-foreground-warning);
549
- --iui-icon-color-negative:var(--iui-color-foreground-negative);
550
- }
551
-
552
- .iui-body{
5
+ :where(.iui-root){
6
+ color:var(--iui-color-foreground-2);
7
+ font-size:var(--iui-font-size-1);
8
+ line-height:var(--iui-size-l);
9
+ font-family:var(--iui-font-sans);
10
+ }
11
+ :where(body:where(.iui-root)){
12
+ margin:0;
553
13
  background-color:var(--iui-color-background-2);
554
- color:var(--iui-text-color);
555
- font-size:14px;
556
- line-height:24px;
557
- scrollbar-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4)) transparent;
558
- scrollbar-width:thin;
559
- font-family:"Noto Sans", "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif;
560
- }
561
- .iui-body::-webkit-scrollbar{
562
- width:8px;
563
- height:8px;
564
- }
565
- .iui-body::-webkit-scrollbar-thumb{
566
- background-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4));
567
- border-radius:4px;
568
- }
569
- .iui-body::-webkit-scrollbar-thumb:hover{
570
- background-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-3));
571
- }
572
- .iui-body::-webkit-scrollbar-track, .iui-body::-webkit-scrollbar-corner{
573
- background-color:transparent;
574
- }
575
- .iui-body.iui-no-webfonts{
576
- font-family:"Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif;
577
14
  }
578
15
 
579
- .iui-visually-hidden{
580
- -webkit-clip-path:inset(50%);
581
- clip-path:inset(50%);
582
- overflow:hidden;
583
- position:absolute;
584
- white-space:nowrap;
585
- height:1px;
586
- width:1px;
587
- padding:0;
588
- margin:-1px;
589
- border-width:0;
16
+ :where(.iui-root) :where([class*="iui-"]):where(:not(.iui-root)), :where(.iui-root) :where([class*="iui-"]):where(:not(.iui-root))::before, :where(.iui-root) :where([class*="iui-"]):where(:not(.iui-root))::after,
17
+ :where(.iui-root) :where([class*="iui-"]) *,
18
+ :where(.iui-root) :where([class*="iui-"]) *::before,
19
+ :where(.iui-root) :where([class*="iui-"]) *::after{
20
+ box-sizing:border-box;
590
21
  }
591
22
 
592
- [class*=iui-],
593
- [class*=iui-] *{
594
- scrollbar-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4)) transparent;
23
+ :where([data-iui-theme]),
24
+ :where(.iui-root),
25
+ :where(.iui-root) *{
26
+ scrollbar-color:hsl(var(--iui-color-foreground-1-hsl)/var(--iui-opacity-4)) transparent;
595
27
  scrollbar-width:thin;
596
28
  }
597
- [class*=iui-]::-moz-selection, [class*=iui-] *::-moz-selection, [class*=iui-] *::-moz-selection, [class*=iui-] * *::-moz-selection{
598
- background-color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-5));
599
- }
600
- [class*=iui-]::selection,
601
- [class*=iui-] *::selection,
602
- [class*=iui-] *::selection,
603
- [class*=iui-] * *::selection{
604
- background-color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-5));
605
- }
606
- [class*=iui-]::-webkit-scrollbar,
607
- [class*=iui-] *::-webkit-scrollbar{
608
- width:8px;
609
- height:8px;
610
- }
611
- [class*=iui-]::-webkit-scrollbar-thumb,
612
- [class*=iui-] *::-webkit-scrollbar-thumb{
613
- background-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4));
614
- border-radius:4px;
615
- }
616
- [class*=iui-]::-webkit-scrollbar-thumb:hover,
617
- [class*=iui-] *::-webkit-scrollbar-thumb:hover{
618
- background-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-3));
619
- }
620
- [class*=iui-]::-webkit-scrollbar-track, [class*=iui-]::-webkit-scrollbar-corner,
621
- [class*=iui-] *::-webkit-scrollbar-track,
622
- [class*=iui-] *::-webkit-scrollbar-corner{
29
+ :where([data-iui-theme])::-moz-selection, :where([data-iui-theme]) *::-moz-selection, :where(.iui-root)::-moz-selection, :where(.iui-root) *::-moz-selection, :where(.iui-root) *::-moz-selection, :where(.iui-root) * *::-moz-selection{
30
+ background-color:hsl(var(--iui-color-foreground-primary-hsl)/var(--iui-opacity-5));
31
+ }
32
+ :where([data-iui-theme])::selection,
33
+ :where([data-iui-theme]) *::selection,
34
+ :where(.iui-root)::selection,
35
+ :where(.iui-root) *::selection,
36
+ :where(.iui-root) *::selection,
37
+ :where(.iui-root) * *::selection{
38
+ background-color:hsl(var(--iui-color-foreground-primary-hsl)/var(--iui-opacity-5));
39
+ }
40
+ :where([data-iui-theme])::-webkit-scrollbar,
41
+ :where(.iui-root)::-webkit-scrollbar,
42
+ :where(.iui-root) *::-webkit-scrollbar{
43
+ width:var(--iui-size-xs);
44
+ height:var(--iui-size-xs);
45
+ }
46
+ :where([data-iui-theme])::-webkit-scrollbar-thumb,
47
+ :where(.iui-root)::-webkit-scrollbar-thumb,
48
+ :where(.iui-root) *::-webkit-scrollbar-thumb{
49
+ background-color:hsl(var(--iui-color-foreground-1-hsl)/var(--iui-opacity-4));
50
+ border-radius:var(--iui-border-radius-round);
51
+ }
52
+ :where([data-iui-theme])::-webkit-scrollbar-thumb:hover,
53
+ :where(.iui-root)::-webkit-scrollbar-thumb:hover,
54
+ :where(.iui-root) *::-webkit-scrollbar-thumb:hover{
55
+ background-color:hsl(var(--iui-color-foreground-1-hsl)/var(--iui-opacity-3));
56
+ }
57
+ :where([data-iui-theme])::-webkit-scrollbar-track, :where([data-iui-theme])::-webkit-scrollbar-corner,
58
+ :where(.iui-root)::-webkit-scrollbar-track,
59
+ :where(.iui-root)::-webkit-scrollbar-corner,
60
+ :where(.iui-root) *::-webkit-scrollbar-track,
61
+ :where(.iui-root) *::-webkit-scrollbar-corner{
623
62
  background-color:transparent;
624
- }
625
-
626
- [class*=iui-]:where(:not(.iui-body)),
627
- [class*=iui-]:where(:not(.iui-body))::before,
628
- [class*=iui-]:where(:not(.iui-body))::after{
629
- box-sizing:border-box;
630
63
  }