@itwin/itwinui-css 0.50.1 → 0.51.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 (60) hide show
  1. package/css/alert.css +232 -174
  2. package/css/all.css +7242 -5607
  3. package/css/badge.css +2 -1
  4. package/css/blockquote.css +10 -7
  5. package/css/breadcrumbs.css +110 -87
  6. package/css/button.css +441 -345
  7. package/css/carousel.css +119 -88
  8. package/css/code.css +69 -56
  9. package/css/color-picker.css +150 -103
  10. package/css/date-picker.css +73 -55
  11. package/css/expandable-block.css +212 -160
  12. package/css/fieldset.css +22 -18
  13. package/css/file-upload.css +93 -79
  14. package/css/footer.css +64 -53
  15. package/css/global.css +100 -78
  16. package/css/header.css +471 -364
  17. package/css/icon.css +108 -78
  18. package/css/information-panel.css +174 -137
  19. package/css/inputs.css +1134 -942
  20. package/css/keyboard.css +11 -7
  21. package/css/location-marker.css +68 -58
  22. package/css/menu.css +105 -80
  23. package/css/modal.css +54 -43
  24. package/css/non-ideal-state.css +47 -40
  25. package/css/notification-marker.css +275 -200
  26. package/css/popover.css +10 -8
  27. package/css/progress-indicator.css +315 -237
  28. package/css/reset-global-styles.css +10 -5
  29. package/css/side-navigation.css +189 -140
  30. package/css/skip-to-content.css +41 -27
  31. package/css/slider.css +112 -87
  32. package/css/table.css +563 -419
  33. package/css/tabs.css +324 -238
  34. package/css/tag.css +111 -84
  35. package/css/text.css +46 -27
  36. package/css/tile.css +387 -311
  37. package/css/time-picker.css +113 -86
  38. package/css/toast-notification.css +232 -173
  39. package/css/toggle-switch.css +176 -111
  40. package/css/tooltip.css +21 -16
  41. package/css/tree.css +123 -93
  42. package/css/user-icon.css +204 -162
  43. package/css/wizard.css +156 -131
  44. package/package.json +5 -6
  45. package/scss/alert/alert.scss +1 -5
  46. package/scss/carousel/carousel.scss +4 -1
  47. package/scss/code/codeblock.scss +1 -1
  48. package/scss/inputs/checkbox.scss +1 -0
  49. package/scss/inputs/labeled-inputs.scss +8 -8
  50. package/scss/inputs/radio.scss +0 -4
  51. package/scss/location-marker/data-rich.scss +1 -1
  52. package/scss/location-marker/me.scss +4 -4
  53. package/scss/popover/popover.scss +1 -2
  54. package/scss/progress-indicator/linear.scss +2 -10
  55. package/scss/style/global.scss +1 -5
  56. package/scss/style/mixins.scss +9 -0
  57. package/scss/table/table.scss +23 -14
  58. package/scss/toast-notification/categories.scss +1 -5
  59. package/scss/toggle-switch/classes.scss +4 -0
  60. package/scss/toggle-switch/toggle-switch.scss +141 -162
package/css/footer.css CHANGED
@@ -10,56 +10,67 @@
10
10
  text-align:center;
11
11
  width:100%;
12
12
  padding:11px 0;
13
- font-size:12px; }
14
- .iui-legal-footer > ul{
15
- list-style-type:none;
16
- margin:0 auto;
17
- padding:0;
18
- display:flex;
19
- justify-content:center;
20
- align-items:center;
21
- flex-wrap:wrap; }
22
- .iui-legal-footer > ul > li{
23
- display:inline-block;
24
- -webkit-user-select:none;
25
- -moz-user-select:none;
26
- -ms-user-select:none;
27
- user-select:none;
28
- white-space:nowrap;
29
- word-break:keep-all;
30
- color:rgba(0, 0, 0, 0.4);
31
- color:var(--iui-text-color-muted); }
32
- .iui-legal-footer > ul > li .iui-separator{
33
- margin:0 8px;
34
- width:1px;
35
- height:11px;
36
- display:inline-table;
37
- background-color:rgba(0, 0, 0, 0.4);
38
- background-color:var(--iui-text-color-muted); }
39
- .iui-legal-footer > ul > li > a{
40
- border-radius:3px;
41
- text-decoration:none;
42
- cursor:pointer;
43
- color:#008BE1;
44
- color:var(--iui-color-foreground-primary); }
45
- .iui-legal-footer > ul > li > a:focus-visible{
46
- outline:1px solid var(--iui-color-foreground-primary);
47
- outline-offset:2px; }
48
- @supports not selector(*:focus-visible){
49
- .iui-legal-footer > ul > li > a:focus{
50
- outline:1px solid var(--iui-color-foreground-primary);
51
- outline-offset:2px; } }
52
- .iui-legal-footer > ul > li > a:hover{
53
- color:#006bae;
54
- color:var(--iui-color-foreground-primary-overlay);
55
- text-decoration:underline; }
56
- .iui-legal-footer > ul > li > a, .iui-legal-footer > ul > li > a:hover{
57
- color:rgba(0, 0, 0, 0.4);
58
- color:var(--iui-text-color-muted); }
59
- .iui-legal-footer > .iui-legal-footer-developer{
60
- display:block;
61
- -webkit-user-select:all;
62
- -moz-user-select:all;
63
- user-select:all;
64
- color:rgba(0, 0, 0, 0.4);
65
- color:var(--iui-text-color-muted); }
13
+ font-size:12px;
14
+ }
15
+ .iui-legal-footer > ul{
16
+ list-style-type:none;
17
+ margin:0 auto;
18
+ padding:0;
19
+ display:flex;
20
+ justify-content:center;
21
+ align-items:center;
22
+ flex-wrap:wrap;
23
+ }
24
+ .iui-legal-footer > ul > li{
25
+ display:inline-block;
26
+ -webkit-user-select:none;
27
+ -moz-user-select:none;
28
+ -ms-user-select:none;
29
+ user-select:none;
30
+ white-space:nowrap;
31
+ word-break:keep-all;
32
+ color:rgba(0, 0, 0, 0.4);
33
+ color:var(--iui-text-color-muted);
34
+ }
35
+ .iui-legal-footer > ul > li .iui-separator{
36
+ margin:0 8px;
37
+ width:1px;
38
+ height:11px;
39
+ display:inline-table;
40
+ background-color:rgba(0, 0, 0, 0.4);
41
+ background-color:var(--iui-text-color-muted);
42
+ }
43
+ .iui-legal-footer > ul > li > a{
44
+ border-radius:3px;
45
+ text-decoration:none;
46
+ cursor:pointer;
47
+ color:#008BE1;
48
+ color:var(--iui-color-foreground-primary);
49
+ }
50
+ .iui-legal-footer > ul > li > a:focus-visible{
51
+ outline:1px solid var(--iui-color-foreground-primary);
52
+ outline-offset:2px;
53
+ }
54
+ @supports not selector(*:focus-visible){
55
+ .iui-legal-footer > ul > li > a:focus{
56
+ outline:1px solid var(--iui-color-foreground-primary);
57
+ outline-offset:2px;
58
+ }
59
+ }
60
+ .iui-legal-footer > ul > li > a:hover{
61
+ color:#006bae;
62
+ color:var(--iui-color-foreground-primary-overlay);
63
+ text-decoration:underline;
64
+ }
65
+ .iui-legal-footer > ul > li > a, .iui-legal-footer > ul > li > a:hover{
66
+ color:rgba(0, 0, 0, 0.4);
67
+ color:var(--iui-text-color-muted);
68
+ }
69
+ .iui-legal-footer > .iui-legal-footer-developer{
70
+ display:block;
71
+ -webkit-user-select:all;
72
+ -moz-user-select:all;
73
+ user-select:all;
74
+ color:rgba(0, 0, 0, 0.4);
75
+ color:var(--iui-text-color-muted);
76
+ }
package/css/global.css CHANGED
@@ -13,70 +13,90 @@
13
13
  scrollbar-width:thin;
14
14
  scrollbar-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4)) transparent;
15
15
  scrollbar-width:thin;
16
- font-family:"Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif; }
17
- .iui-body::-webkit-scrollbar{
18
- width:8px;
19
- height:8px; }
20
- .iui-body::-webkit-scrollbar-thumb{
21
- background-color:rgba(0, 0, 0, 0.4);
22
- background-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4));
23
- border-radius:4px; }
24
- .iui-body::-webkit-scrollbar-thumb:hover{
25
- background-color:rgba(0, 0, 0, 0.6);
26
- background-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-3)); }
27
- .iui-body::-webkit-scrollbar-track, .iui-body::-webkit-scrollbar-corner{
28
- background-color:transparent; }
29
- .iui-body.iui-no-webfonts{
30
- font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif; }
16
+ font-family:"Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif;
17
+ }
18
+ .iui-body::-webkit-scrollbar{
19
+ width:8px;
20
+ height:8px;
21
+ }
22
+ .iui-body::-webkit-scrollbar-thumb{
23
+ background-color:rgba(0, 0, 0, 0.4);
24
+ background-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4));
25
+ border-radius:4px;
26
+ }
27
+ .iui-body::-webkit-scrollbar-thumb:hover{
28
+ background-color:rgba(0, 0, 0, 0.6);
29
+ background-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-3));
30
+ }
31
+ .iui-body::-webkit-scrollbar-track, .iui-body::-webkit-scrollbar-corner{
32
+ background-color:transparent;
33
+ }
34
+ .iui-body.iui-no-webfonts{
35
+ font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif;
36
+ }
31
37
 
32
38
  .iui-anchor{
33
39
  border-radius:3px;
34
40
  text-decoration:none;
35
41
  cursor:pointer;
36
42
  color:#008BE1;
37
- color:var(--iui-color-foreground-primary); }
38
- .iui-anchor:focus-visible{
43
+ color:var(--iui-color-foreground-primary);
44
+ }
45
+ .iui-anchor:focus-visible{
46
+ outline:1px solid var(--iui-color-foreground-primary);
47
+ outline-offset:2px;
48
+ }
49
+ @supports not selector(*:focus-visible){
50
+ .iui-anchor:focus{
39
51
  outline:1px solid var(--iui-color-foreground-primary);
40
- outline-offset:2px; }
41
- @supports not selector(*:focus-visible){
42
- .iui-anchor:focus{
43
- outline:1px solid var(--iui-color-foreground-primary);
44
- outline-offset:2px; } }
45
- .iui-anchor:hover{
46
- color:#006bae;
47
- color:var(--iui-color-foreground-primary-overlay);
48
- text-decoration:underline; }
52
+ outline-offset:2px;
53
+ }
54
+ }
55
+ .iui-anchor:hover{
56
+ color:#006bae;
57
+ color:var(--iui-color-foreground-primary-overlay);
58
+ text-decoration:underline;
59
+ }
49
60
 
50
- [class*='iui-'],
51
- [class*='iui-'] *{
61
+ [class*=iui-],
62
+ [class*=iui-] *{
52
63
  scrollbar-color:rgba(0, 0, 0, 0.4) transparent;
53
64
  scrollbar-width:thin;
54
65
  scrollbar-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4)) transparent;
55
- scrollbar-width:thin; }
56
- [class*='iui-'] ::-moz-selection, [class*='iui-'] * ::-moz-selection{
57
- background-color:rgba(0, 139, 225, 0.4);
58
- background-color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-4)); }
59
- [class*='iui-'] ::selection,
60
- [class*='iui-'] * ::selection{
61
- background-color:rgba(0, 139, 225, 0.4);
62
- background-color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-4)); }
63
- [class*='iui-']::-webkit-scrollbar,
64
- [class*='iui-'] *::-webkit-scrollbar{
65
- width:8px;
66
- height:8px; }
67
- [class*='iui-']::-webkit-scrollbar-thumb,
68
- [class*='iui-'] *::-webkit-scrollbar-thumb{
69
- background-color:rgba(0, 0, 0, 0.4);
70
- background-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4));
71
- border-radius:4px; }
72
- [class*='iui-']::-webkit-scrollbar-thumb:hover,
73
- [class*='iui-'] *::-webkit-scrollbar-thumb:hover{
74
- background-color:rgba(0, 0, 0, 0.6);
75
- background-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-3)); }
76
- [class*='iui-']::-webkit-scrollbar-track, [class*='iui-']::-webkit-scrollbar-corner,
77
- [class*='iui-'] *::-webkit-scrollbar-track,
78
- [class*='iui-'] *::-webkit-scrollbar-corner{
79
- background-color:transparent; }
66
+ scrollbar-width:thin;
67
+ }
68
+ [class*=iui-]::-moz-selection, [class*=iui-] *::-moz-selection, [class*=iui-] *::-moz-selection, [class*=iui-] * *::-moz-selection{
69
+ background-color:rgba(0, 139, 225, 0.4);
70
+ background-color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-4));
71
+ }
72
+ [class*=iui-]::selection,
73
+ [class*=iui-] *::selection,
74
+ [class*=iui-] *::selection,
75
+ [class*=iui-] * *::selection{
76
+ background-color:rgba(0, 139, 225, 0.4);
77
+ background-color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-4));
78
+ }
79
+ [class*=iui-]::-webkit-scrollbar,
80
+ [class*=iui-] *::-webkit-scrollbar{
81
+ width:8px;
82
+ height:8px;
83
+ }
84
+ [class*=iui-]::-webkit-scrollbar-thumb,
85
+ [class*=iui-] *::-webkit-scrollbar-thumb{
86
+ background-color:rgba(0, 0, 0, 0.4);
87
+ background-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4));
88
+ border-radius:4px;
89
+ }
90
+ [class*=iui-]::-webkit-scrollbar-thumb:hover,
91
+ [class*=iui-] *::-webkit-scrollbar-thumb:hover{
92
+ background-color:rgba(0, 0, 0, 0.6);
93
+ background-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-3));
94
+ }
95
+ [class*=iui-]::-webkit-scrollbar-track, [class*=iui-]::-webkit-scrollbar-corner,
96
+ [class*=iui-] *::-webkit-scrollbar-track,
97
+ [class*=iui-] *::-webkit-scrollbar-corner{
98
+ background-color:transparent;
99
+ }
80
100
 
81
101
  html, html.iui-theme-light{
82
102
  --iui-color-background-1-rgb:255, 255, 255;
@@ -113,19 +133,19 @@ html, html.iui-theme-light{
113
133
  --iui-color-foreground-negative:rgb(var(--iui-color-foreground-negative-rgb));
114
134
  --iui-color-foreground-warning-rgb:241, 139, 18;
115
135
  --iui-color-foreground-warning:rgb(var(--iui-color-foreground-warning-rgb));
116
- --iui-color-background-1-overlay-rgb:242.25, 242.25, 242.25;
136
+ --iui-color-background-1-overlay-rgb:242, 242, 242;
117
137
  --iui-color-background-1-overlay:rgb(var(--iui-color-background-1-overlay-rgb));
118
- --iui-color-background-primary-overlay-rgb:0, 107.49333, 174;
138
+ --iui-color-background-primary-overlay-rgb:0, 107, 174;
119
139
  --iui-color-background-primary-overlay:rgb(var(--iui-color-background-primary-overlay-rgb));
120
- --iui-color-background-positive-overlay-rgb:60.48404, 118.05319, 18.94681;
140
+ --iui-color-background-positive-overlay-rgb:60, 118, 19;
121
141
  --iui-color-background-positive-overlay:rgb(var(--iui-color-background-positive-overlay-rgb));
122
- --iui-color-foreground-primary-overlay-rgb:0, 107.49333, 174;
142
+ --iui-color-foreground-primary-overlay-rgb:0, 107, 174;
123
143
  --iui-color-foreground-primary-overlay:rgb(var(--iui-color-foreground-primary-overlay-rgb));
124
- --iui-color-foreground-positive-overlay-rgb:60.48404, 118.05319, 18.94681;
144
+ --iui-color-foreground-positive-overlay-rgb:60, 118, 19;
125
145
  --iui-color-foreground-positive-overlay:rgb(var(--iui-color-foreground-positive-overlay-rgb));
126
- --iui-color-foreground-warning-overlay-rgb:196.39841, 111.87251, 11.60159;
146
+ --iui-color-foreground-warning-overlay-rgb:196, 112, 12;
127
147
  --iui-color-foreground-warning-overlay:rgb(var(--iui-color-foreground-warning-overlay-rgb));
128
- --iui-color-foreground-negative-overlay-rgb:162.30769, 7.69231, 7.69231;
148
+ --iui-color-foreground-negative-overlay-rgb:162, 8, 8;
129
149
  --iui-color-foreground-negative-overlay:rgb(var(--iui-color-foreground-negative-overlay-rgb));
130
150
  --iui-opacity-1:1;
131
151
  --iui-opacity-2:0.8;
@@ -147,8 +167,8 @@ html, html.iui-theme-light{
147
167
  --iui-icons-color-primary:var(--iui-color-foreground-primary);
148
168
  --iui-icons-color-positive:var(--iui-color-foreground-positive);
149
169
  --iui-icons-color-negative:var(--iui-color-foreground-negative);
150
- --iui-icons-color-warning:var(--iui-color-foreground-warning); }
151
-
170
+ --iui-icons-color-warning:var(--iui-color-foreground-warning);
171
+ }
152
172
  html.iui-theme-dark{
153
173
  --iui-color-background-1-rgb:90, 105, 115;
154
174
  --iui-color-background-1:rgb(var(--iui-color-background-1-rgb));
@@ -184,17 +204,17 @@ html.iui-theme-dark{
184
204
  --iui-color-foreground-negative:rgb(var(--iui-color-foreground-negative-rgb));
185
205
  --iui-color-foreground-warning-rgb:249, 215, 171;
186
206
  --iui-color-foreground-warning:rgb(var(--iui-color-foreground-warning-rgb));
187
- --iui-color-background-1-overlay-rgb:101.19512, 118.06098, 129.30488;
207
+ --iui-color-background-1-overlay-rgb:101, 118, 129;
188
208
  --iui-color-background-1-overlay:rgb(var(--iui-color-background-1-overlay-rgb));
189
- --iui-color-background-primary-overlay-rgb:0, 154.75333, 250.5;
209
+ --iui-color-background-primary-overlay-rgb:0, 155, 251;
190
210
  --iui-color-background-primary-overlay:rgb(var(--iui-color-background-primary-overlay-rgb));
191
- --iui-color-background-positive-overlay-rgb:94.25798, 183.9734, 29.5266;
211
+ --iui-color-background-positive-overlay-rgb:94, 184, 30;
192
212
  --iui-color-background-positive-overlay:rgb(var(--iui-color-background-positive-overlay-rgb));
193
- --iui-color-foreground-primary-overlay-rgb:210.9, 235.4, 250.1;
213
+ --iui-color-foreground-primary-overlay-rgb:211, 235, 250;
194
214
  --iui-color-foreground-primary-overlay:rgb(var(--iui-color-foreground-primary-overlay-rgb));
195
- --iui-color-foreground-positive-overlay-rgb:222.81818, 238.90909, 212.09091;
215
+ --iui-color-foreground-positive-overlay-rgb:223, 239, 212;
196
216
  --iui-color-foreground-positive-overlay:rgb(var(--iui-color-foreground-positive-overlay-rgb));
197
- --iui-color-foreground-warning-overlay-rgb:252.4, 237.66667, 218.6;
217
+ --iui-color-foreground-warning-overlay-rgb:252, 238, 219;
198
218
  --iui-color-foreground-warning-overlay:rgb(var(--iui-color-foreground-warning-overlay-rgb));
199
219
  --iui-color-foreground-negative-overlay-rgb:247, 212, 212;
200
220
  --iui-color-foreground-negative-overlay:rgb(var(--iui-color-foreground-negative-overlay-rgb));
@@ -218,10 +238,10 @@ html.iui-theme-dark{
218
238
  --iui-icons-color-primary:var(--iui-color-foreground-primary);
219
239
  --iui-icons-color-positive:var(--iui-color-foreground-positive);
220
240
  --iui-icons-color-negative:var(--iui-color-foreground-negative);
221
- --iui-icons-color-warning:var(--iui-color-foreground-warning); }
222
-
241
+ --iui-icons-color-warning:var(--iui-color-foreground-warning);
242
+ }
223
243
  @media (prefers-color-scheme: dark){
224
- html:not([class*='iui-theme-']){
244
+ html:not([class*=iui-theme-]){
225
245
  --iui-color-background-1-rgb:90, 105, 115;
226
246
  --iui-color-background-1:rgb(var(--iui-color-background-1-rgb));
227
247
  --iui-color-background-2-rgb:79, 93, 101;
@@ -256,17 +276,17 @@ html.iui-theme-dark{
256
276
  --iui-color-foreground-negative:rgb(var(--iui-color-foreground-negative-rgb));
257
277
  --iui-color-foreground-warning-rgb:249, 215, 171;
258
278
  --iui-color-foreground-warning:rgb(var(--iui-color-foreground-warning-rgb));
259
- --iui-color-background-1-overlay-rgb:101.19512, 118.06098, 129.30488;
279
+ --iui-color-background-1-overlay-rgb:101, 118, 129;
260
280
  --iui-color-background-1-overlay:rgb(var(--iui-color-background-1-overlay-rgb));
261
- --iui-color-background-primary-overlay-rgb:0, 154.75333, 250.5;
281
+ --iui-color-background-primary-overlay-rgb:0, 155, 251;
262
282
  --iui-color-background-primary-overlay:rgb(var(--iui-color-background-primary-overlay-rgb));
263
- --iui-color-background-positive-overlay-rgb:94.25798, 183.9734, 29.5266;
283
+ --iui-color-background-positive-overlay-rgb:94, 184, 30;
264
284
  --iui-color-background-positive-overlay:rgb(var(--iui-color-background-positive-overlay-rgb));
265
- --iui-color-foreground-primary-overlay-rgb:210.9, 235.4, 250.1;
285
+ --iui-color-foreground-primary-overlay-rgb:211, 235, 250;
266
286
  --iui-color-foreground-primary-overlay:rgb(var(--iui-color-foreground-primary-overlay-rgb));
267
- --iui-color-foreground-positive-overlay-rgb:222.81818, 238.90909, 212.09091;
287
+ --iui-color-foreground-positive-overlay-rgb:223, 239, 212;
268
288
  --iui-color-foreground-positive-overlay:rgb(var(--iui-color-foreground-positive-overlay-rgb));
269
- --iui-color-foreground-warning-overlay-rgb:252.4, 237.66667, 218.6;
289
+ --iui-color-foreground-warning-overlay-rgb:252, 238, 219;
270
290
  --iui-color-foreground-warning-overlay:rgb(var(--iui-color-foreground-warning-overlay-rgb));
271
291
  --iui-color-foreground-negative-overlay-rgb:247, 212, 212;
272
292
  --iui-color-foreground-negative-overlay:rgb(var(--iui-color-foreground-negative-overlay-rgb));
@@ -290,4 +310,6 @@ html.iui-theme-dark{
290
310
  --iui-icons-color-primary:var(--iui-color-foreground-primary);
291
311
  --iui-icons-color-positive:var(--iui-color-foreground-positive);
292
312
  --iui-icons-color-negative:var(--iui-color-foreground-negative);
293
- --iui-icons-color-warning:var(--iui-color-foreground-warning); } }
313
+ --iui-icons-color-warning:var(--iui-color-foreground-warning);
314
+ }
315
+ }