@itwin/itwinui-css 1.0.0-dev.0 → 1.0.0-dev.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +26 -0
- package/css/alert.css +16 -27
- package/css/all.css +723 -817
- package/css/avatar.css +1 -1
- package/css/blockquote.css +2 -2
- package/css/breadcrumbs.css +19 -13
- package/css/button.css +30 -56
- package/css/carousel.css +5 -4
- package/css/checkbox.css +10 -7
- package/css/code.css +1 -0
- package/css/color-picker.css +10 -10
- package/css/date-picker.css +1 -1
- package/css/dialog.css +12 -9
- package/css/expandable-block.css +8 -19
- package/css/fieldset.css +2 -2
- package/css/file-upload.css +11 -20
- package/css/footer.css +28 -28
- package/css/global.css +65 -65
- package/css/header.css +12 -6
- package/css/information-panel.css +12 -7
- package/css/input.css +18 -10
- package/css/location-marker.css +8 -2
- package/css/menu.css +14 -7
- package/css/non-ideal-state.css +5 -5
- package/css/progress-indicator.css +10 -6
- package/css/radio-tile.css +19 -10
- package/css/radio.css +10 -7
- package/css/select.css +25 -19
- package/css/side-navigation.css +14 -19
- package/css/skip-to-content.css +2 -2
- package/css/slider.css +108 -40
- package/css/stepper.css +4 -4
- package/css/table.css +28 -28
- package/css/tabs.css +17 -10
- package/css/tag.css +5 -5
- package/css/text.css +7 -7
- package/css/tile.css +45 -69
- package/css/time-picker.css +3 -3
- package/css/toast.css +13 -11
- package/css/toggle-switch.css +5 -5
- package/css/tree.css +13 -20
- package/css/utils.css +104 -44
- package/css/workflow-diagram.css +1 -1
- package/package.json +8 -11
- package/css/icon.css +0 -117
- package/css/textarea.css +0 -96
- package/scss/alert/alert.scss +0 -89
- package/scss/alert/classes.scss +0 -33
- package/scss/alert/index.scss +0 -3
- package/scss/anchor/anchor.scss +0 -78
- package/scss/anchor/classes.scss +0 -11
- package/scss/anchor/index.scss +0 -3
- package/scss/avatar/avatar-sizes.scss +0 -23
- package/scss/avatar/avatar.scss +0 -215
- package/scss/avatar/classes.scss +0 -27
- package/scss/avatar/index.scss +0 -3
- package/scss/backdrop/backdrop.scss +0 -27
- package/scss/backdrop/classes.scss +0 -7
- package/scss/backdrop/index.scss +0 -3
- package/scss/badge/badge.scss +0 -34
- package/scss/badge/classes.scss +0 -7
- package/scss/badge/index.scss +0 -3
- package/scss/blockquote/blockquote.scss +0 -26
- package/scss/blockquote/classes.scss +0 -7
- package/scss/blockquote/index.scss +0 -3
- package/scss/breadcrumbs/breadcrumbs.scss +0 -119
- package/scss/breadcrumbs/classes.scss +0 -31
- package/scss/breadcrumbs/index.scss +0 -3
- package/scss/button/borderless.scss +0 -36
- package/scss/button/button-group.scss +0 -118
- package/scss/button/button.scss +0 -119
- package/scss/button/classes.scss +0 -80
- package/scss/button/default.scss +0 -51
- package/scss/button/idea.scss +0 -12
- package/scss/button/index.scss +0 -9
- package/scss/button/split-button.scss +0 -45
- package/scss/button/variant.scss +0 -44
- package/scss/carousel/carousel.scss +0 -113
- package/scss/carousel/classes.scss +0 -15
- package/scss/carousel/index.scss +0 -3
- package/scss/checkbox/checkbox.scss +0 -154
- package/scss/checkbox/classes.scss +0 -7
- package/scss/checkbox/index.scss +0 -3
- package/scss/classes.scss +0 -52
- package/scss/code/classes.scss +0 -11
- package/scss/code/code.scss +0 -16
- package/scss/code/codeblock.scss +0 -59
- package/scss/code/index.scss +0 -4
- package/scss/color-picker/classes.scss +0 -43
- package/scss/color-picker/color-picker.scss +0 -241
- package/scss/color-picker/index.scss +0 -3
- package/scss/date-picker/classes.scss +0 -47
- package/scss/date-picker/date-picker.scss +0 -246
- package/scss/date-picker/index.scss +0 -3
- package/scss/dialog/classes.scss +0 -48
- package/scss/dialog/dialog.scss +0 -178
- package/scss/dialog/index.scss +0 -3
- package/scss/expandable-block/block.scss +0 -165
- package/scss/expandable-block/classes.scss +0 -7
- package/scss/expandable-block/index.scss +0 -3
- package/scss/fieldset/classes.scss +0 -7
- package/scss/fieldset/fieldset.scss +0 -29
- package/scss/fieldset/index.scss +0 -3
- package/scss/file-upload/classes.scss +0 -7
- package/scss/file-upload/file-upload.scss +0 -80
- package/scss/file-upload/index.scss +0 -3
- package/scss/footer/classes.scss +0 -7
- package/scss/footer/footer.scss +0 -55
- package/scss/footer/index.scss +0 -3
- package/scss/header/classes.scss +0 -79
- package/scss/header/header-buttons.scss +0 -316
- package/scss/header/header.scss +0 -75
- package/scss/header/index.scss +0 -4
- package/scss/icon/classes.scss +0 -27
- package/scss/icon/icon.scss +0 -65
- package/scss/icon/index.scss +0 -3
- package/scss/index.scss +0 -50
- package/scss/information-panel/classes.scss +0 -27
- package/scss/information-panel/index.scss +0 -3
- package/scss/information-panel/information-panel.scss +0 -215
- package/scss/input/classes.scss +0 -15
- package/scss/input/index.scss +0 -4
- package/scss/input/input-with-icon.scss +0 -37
- package/scss/input/input.scss +0 -70
- package/scss/keyboard/classes.scss +0 -7
- package/scss/keyboard/index.scss +0 -3
- package/scss/keyboard/keyboard.scss +0 -29
- package/scss/location-marker/classes.scss +0 -15
- package/scss/location-marker/data-rich.scss +0 -49
- package/scss/location-marker/default.scss +0 -19
- package/scss/location-marker/index.scss +0 -6
- package/scss/location-marker/location-marker.scss +0 -11
- package/scss/location-marker/me.scss +0 -29
- package/scss/menu/classes.scss +0 -21
- package/scss/menu/index.scss +0 -3
- package/scss/menu/menu.scss +0 -185
- package/scss/non-ideal-state/classes.scss +0 -7
- package/scss/non-ideal-state/index.scss +0 -3
- package/scss/non-ideal-state/non-ideal-state.scss +0 -56
- package/scss/progress-indicator/classes.scss +0 -31
- package/scss/progress-indicator/index.scss +0 -5
- package/scss/progress-indicator/linear.scss +0 -108
- package/scss/progress-indicator/overlay.scss +0 -51
- package/scss/progress-indicator/radial.scss +0 -155
- package/scss/radio/classes.scss +0 -7
- package/scss/radio/index.scss +0 -3
- package/scss/radio/radio.scss +0 -18
- package/scss/radio-tile/classes.scss +0 -31
- package/scss/radio-tile/index.scss +0 -3
- package/scss/radio-tile/radio-tile.scss +0 -167
- package/scss/select/classes.scss +0 -27
- package/scss/select/index.scss +0 -3
- package/scss/select/select.scss +0 -124
- package/scss/side-navigation/classes.scss +0 -15
- package/scss/side-navigation/index.scss +0 -3
- package/scss/side-navigation/side-navigation.scss +0 -202
- package/scss/skip-to-content/classes.scss +0 -7
- package/scss/skip-to-content/index.scss +0 -3
- package/scss/skip-to-content/skip-to-content.scss +0 -40
- package/scss/slider/classes.scss +0 -27
- package/scss/slider/index.scss +0 -3
- package/scss/slider/slider.scss +0 -135
- package/scss/stepper/classes.scss +0 -32
- package/scss/stepper/index.scss +0 -3
- package/scss/stepper/stepper.scss +0 -151
- package/scss/style/baseline.scss +0 -4
- package/scss/style/color.scss +0 -39
- package/scss/style/elevation.scss +0 -11
- package/scss/style/global-variables.scss +0 -23
- package/scss/style/global.scss +0 -69
- package/scss/style/icon-sizes.scss +0 -14
- package/scss/style/index.scss +0 -11
- package/scss/style/space.scss +0 -11
- package/scss/style/speed.scss +0 -8
- package/scss/style/theme.scss +0 -443
- package/scss/style/typography.scss +0 -55
- package/scss/surface/classes.scss +0 -7
- package/scss/surface/index.scss +0 -3
- package/scss/surface/surface.scss +0 -17
- package/scss/table/classes.scss +0 -64
- package/scss/table/column-filter.scss +0 -34
- package/scss/table/index.scss +0 -6
- package/scss/table/paginator.scss +0 -79
- package/scss/table/sizes.scss +0 -31
- package/scss/table/table-densities.scss +0 -11
- package/scss/table/table.scss +0 -482
- package/scss/tabs/borderless.scss +0 -59
- package/scss/tabs/classes.scss +0 -44
- package/scss/tabs/default.scss +0 -89
- package/scss/tabs/index.scss +0 -6
- package/scss/tabs/pill.scss +0 -38
- package/scss/tabs/tabs.scss +0 -192
- package/scss/tag/classes.scss +0 -30
- package/scss/tag/index.scss +0 -3
- package/scss/tag/tag.scss +0 -89
- package/scss/text/classes.scss +0 -40
- package/scss/text/index.scss +0 -5
- package/scss/text/mixins.scss +0 -43
- package/scss/text/muted.scss +0 -7
- package/scss/text/skeleton.scss +0 -43
- package/scss/textarea/classes.scss +0 -7
- package/scss/textarea/index.scss +0 -3
- package/scss/textarea/textarea.scss +0 -15
- package/scss/tile/classes.scss +0 -51
- package/scss/tile/index.scss +0 -3
- package/scss/tile/tile.scss +0 -340
- package/scss/time-picker/classes.scss +0 -16
- package/scss/time-picker/index.scss +0 -3
- package/scss/time-picker/time-picker.scss +0 -63
- package/scss/toast/categories.scss +0 -22
- package/scss/toast/classes.scss +0 -98
- package/scss/toast/index.scss +0 -4
- package/scss/toast/toast.scss +0 -70
- package/scss/toggle-switch/classes.scss +0 -11
- package/scss/toggle-switch/index.scss +0 -3
- package/scss/toggle-switch/toggle-switch.scss +0 -203
- package/scss/tooltip/classes.scss +0 -24
- package/scss/tooltip/index.scss +0 -3
- package/scss/tooltip/tooltip.scss +0 -40
- package/scss/tree/classes.scss +0 -19
- package/scss/tree/index.scss +0 -3
- package/scss/tree/tree.scss +0 -126
- package/scss/utils/classes.scss +0 -6
- package/scss/utils/index.scss +0 -6
- package/scss/utils/input-container/classes.scss +0 -39
- package/scss/utils/input-container/index.scss +0 -3
- package/scss/utils/input-container/input-container.scss +0 -285
- package/scss/utils/mixins.scss +0 -171
- package/scss/utils/notification-marker/classes.scss +0 -9
- package/scss/utils/notification-marker/index.scss +0 -3
- package/scss/utils/notification-marker/notification-marker.scss +0 -55
- package/scss/utils/popover/classes.scss +0 -7
- package/scss/utils/popover/index.scss +0 -3
- package/scss/utils/popover/popover.scss +0 -21
- package/scss/variables.scss +0 -3
- package/scss/workflow-diagram/classes.scss +0 -15
- package/scss/workflow-diagram/index.scss +0 -3
- package/scss/workflow-diagram/workflow-diagram.scss +0 -64
- package/src/index.scss +0 -50
package/css/all.css
CHANGED
|
@@ -63,14 +63,14 @@ html{
|
|
|
63
63
|
--iui-text-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2));
|
|
64
64
|
--iui-text-color-muted:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4));
|
|
65
65
|
--iui-text-color-placeholder:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5));
|
|
66
|
-
--iui-
|
|
67
|
-
--iui-
|
|
68
|
-
--iui-
|
|
69
|
-
--iui-
|
|
70
|
-
--iui-
|
|
71
|
-
--iui-
|
|
72
|
-
--iui-
|
|
73
|
-
--iui-
|
|
66
|
+
--iui-icon-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4));
|
|
67
|
+
--iui-icon-color-actionable:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2));
|
|
68
|
+
--iui-icon-color-actionable-hover:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-1));
|
|
69
|
+
--iui-icon-color-actionable-disabled:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5));
|
|
70
|
+
--iui-icon-color-primary:var(--iui-color-foreground-primary);
|
|
71
|
+
--iui-icon-color-positive:var(--iui-color-foreground-positive);
|
|
72
|
+
--iui-icon-color-warning:var(--iui-color-foreground-warning);
|
|
73
|
+
--iui-icon-color-negative:var(--iui-color-foreground-negative);
|
|
74
74
|
}
|
|
75
75
|
@media (prefers-color-scheme: dark){
|
|
76
76
|
html{
|
|
@@ -133,14 +133,14 @@ html{
|
|
|
133
133
|
--iui-text-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2));
|
|
134
134
|
--iui-text-color-muted:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4));
|
|
135
135
|
--iui-text-color-placeholder:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5));
|
|
136
|
-
--iui-
|
|
137
|
-
--iui-
|
|
138
|
-
--iui-
|
|
139
|
-
--iui-
|
|
140
|
-
--iui-
|
|
141
|
-
--iui-
|
|
142
|
-
--iui-
|
|
143
|
-
--iui-
|
|
136
|
+
--iui-icon-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4));
|
|
137
|
+
--iui-icon-color-actionable:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2));
|
|
138
|
+
--iui-icon-color-actionable-hover:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-1));
|
|
139
|
+
--iui-icon-color-actionable-disabled:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5));
|
|
140
|
+
--iui-icon-color-primary:var(--iui-color-foreground-primary);
|
|
141
|
+
--iui-icon-color-positive:var(--iui-color-foreground-positive);
|
|
142
|
+
--iui-icon-color-warning:var(--iui-color-foreground-warning);
|
|
143
|
+
--iui-icon-color-negative:var(--iui-color-foreground-negative);
|
|
144
144
|
}
|
|
145
145
|
}
|
|
146
146
|
@media (prefers-color-scheme: light) and (prefers-contrast: more){
|
|
@@ -201,14 +201,14 @@ html{
|
|
|
201
201
|
--iui-text-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2));
|
|
202
202
|
--iui-text-color-muted:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4));
|
|
203
203
|
--iui-text-color-placeholder:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5));
|
|
204
|
-
--iui-
|
|
205
|
-
--iui-
|
|
206
|
-
--iui-
|
|
207
|
-
--iui-
|
|
208
|
-
--iui-
|
|
209
|
-
--iui-
|
|
210
|
-
--iui-
|
|
211
|
-
--iui-
|
|
204
|
+
--iui-icon-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4));
|
|
205
|
+
--iui-icon-color-actionable:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2));
|
|
206
|
+
--iui-icon-color-actionable-hover:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-1));
|
|
207
|
+
--iui-icon-color-actionable-disabled:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5));
|
|
208
|
+
--iui-icon-color-primary:var(--iui-color-foreground-primary);
|
|
209
|
+
--iui-icon-color-positive:var(--iui-color-foreground-positive);
|
|
210
|
+
--iui-icon-color-warning:var(--iui-color-foreground-warning);
|
|
211
|
+
--iui-icon-color-negative:var(--iui-color-foreground-negative);
|
|
212
212
|
}
|
|
213
213
|
}
|
|
214
214
|
@media (prefers-color-scheme: dark) and (prefers-contrast: more){
|
|
@@ -269,14 +269,14 @@ html{
|
|
|
269
269
|
--iui-text-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2));
|
|
270
270
|
--iui-text-color-muted:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4));
|
|
271
271
|
--iui-text-color-placeholder:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5));
|
|
272
|
-
--iui-
|
|
273
|
-
--iui-
|
|
274
|
-
--iui-
|
|
275
|
-
--iui-
|
|
276
|
-
--iui-
|
|
277
|
-
--iui-
|
|
278
|
-
--iui-
|
|
279
|
-
--iui-
|
|
272
|
+
--iui-icon-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4));
|
|
273
|
+
--iui-icon-color-actionable:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2));
|
|
274
|
+
--iui-icon-color-actionable-hover:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-1));
|
|
275
|
+
--iui-icon-color-actionable-disabled:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5));
|
|
276
|
+
--iui-icon-color-primary:var(--iui-color-foreground-primary);
|
|
277
|
+
--iui-icon-color-positive:var(--iui-color-foreground-positive);
|
|
278
|
+
--iui-icon-color-warning:var(--iui-color-foreground-warning);
|
|
279
|
+
--iui-icon-color-negative:var(--iui-color-foreground-negative);
|
|
280
280
|
}
|
|
281
281
|
}
|
|
282
282
|
html.iui-theme-light{
|
|
@@ -339,14 +339,14 @@ html.iui-theme-light{
|
|
|
339
339
|
--iui-text-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2));
|
|
340
340
|
--iui-text-color-muted:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4));
|
|
341
341
|
--iui-text-color-placeholder:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5));
|
|
342
|
-
--iui-
|
|
343
|
-
--iui-
|
|
344
|
-
--iui-
|
|
345
|
-
--iui-
|
|
346
|
-
--iui-
|
|
347
|
-
--iui-
|
|
348
|
-
--iui-
|
|
349
|
-
--iui-
|
|
342
|
+
--iui-icon-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4));
|
|
343
|
+
--iui-icon-color-actionable:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2));
|
|
344
|
+
--iui-icon-color-actionable-hover:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-1));
|
|
345
|
+
--iui-icon-color-actionable-disabled:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5));
|
|
346
|
+
--iui-icon-color-primary:var(--iui-color-foreground-primary);
|
|
347
|
+
--iui-icon-color-positive:var(--iui-color-foreground-positive);
|
|
348
|
+
--iui-icon-color-warning:var(--iui-color-foreground-warning);
|
|
349
|
+
--iui-icon-color-negative:var(--iui-color-foreground-negative);
|
|
350
350
|
}
|
|
351
351
|
html.iui-theme-dark{
|
|
352
352
|
--iui-color-background-1-rgb:90, 104, 114;
|
|
@@ -408,14 +408,14 @@ html.iui-theme-dark{
|
|
|
408
408
|
--iui-text-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2));
|
|
409
409
|
--iui-text-color-muted:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4));
|
|
410
410
|
--iui-text-color-placeholder:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5));
|
|
411
|
-
--iui-
|
|
412
|
-
--iui-
|
|
413
|
-
--iui-
|
|
414
|
-
--iui-
|
|
415
|
-
--iui-
|
|
416
|
-
--iui-
|
|
417
|
-
--iui-
|
|
418
|
-
--iui-
|
|
411
|
+
--iui-icon-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4));
|
|
412
|
+
--iui-icon-color-actionable:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2));
|
|
413
|
+
--iui-icon-color-actionable-hover:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-1));
|
|
414
|
+
--iui-icon-color-actionable-disabled:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5));
|
|
415
|
+
--iui-icon-color-primary:var(--iui-color-foreground-primary);
|
|
416
|
+
--iui-icon-color-positive:var(--iui-color-foreground-positive);
|
|
417
|
+
--iui-icon-color-warning:var(--iui-color-foreground-warning);
|
|
418
|
+
--iui-icon-color-negative:var(--iui-color-foreground-negative);
|
|
419
419
|
}
|
|
420
420
|
html.iui-theme-light-hc{
|
|
421
421
|
--iui-color-background-1-rgb:255, 255, 255;
|
|
@@ -474,14 +474,14 @@ html.iui-theme-light-hc{
|
|
|
474
474
|
--iui-text-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2));
|
|
475
475
|
--iui-text-color-muted:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4));
|
|
476
476
|
--iui-text-color-placeholder:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5));
|
|
477
|
-
--iui-
|
|
478
|
-
--iui-
|
|
479
|
-
--iui-
|
|
480
|
-
--iui-
|
|
481
|
-
--iui-
|
|
482
|
-
--iui-
|
|
483
|
-
--iui-
|
|
484
|
-
--iui-
|
|
477
|
+
--iui-icon-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4));
|
|
478
|
+
--iui-icon-color-actionable:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2));
|
|
479
|
+
--iui-icon-color-actionable-hover:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-1));
|
|
480
|
+
--iui-icon-color-actionable-disabled:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5));
|
|
481
|
+
--iui-icon-color-primary:var(--iui-color-foreground-primary);
|
|
482
|
+
--iui-icon-color-positive:var(--iui-color-foreground-positive);
|
|
483
|
+
--iui-icon-color-warning:var(--iui-color-foreground-warning);
|
|
484
|
+
--iui-icon-color-negative:var(--iui-color-foreground-negative);
|
|
485
485
|
}
|
|
486
486
|
html.iui-theme-dark-hc{
|
|
487
487
|
--iui-color-background-1-rgb:45, 53, 57;
|
|
@@ -540,21 +540,21 @@ html.iui-theme-dark-hc{
|
|
|
540
540
|
--iui-text-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2));
|
|
541
541
|
--iui-text-color-muted:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4));
|
|
542
542
|
--iui-text-color-placeholder:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5));
|
|
543
|
-
--iui-
|
|
544
|
-
--iui-
|
|
545
|
-
--iui-
|
|
546
|
-
--iui-
|
|
547
|
-
--iui-
|
|
548
|
-
--iui-
|
|
549
|
-
--iui-
|
|
550
|
-
--iui-
|
|
543
|
+
--iui-icon-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4));
|
|
544
|
+
--iui-icon-color-actionable:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2));
|
|
545
|
+
--iui-icon-color-actionable-hover:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-1));
|
|
546
|
+
--iui-icon-color-actionable-disabled:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5));
|
|
547
|
+
--iui-icon-color-primary:var(--iui-color-foreground-primary);
|
|
548
|
+
--iui-icon-color-positive:var(--iui-color-foreground-positive);
|
|
549
|
+
--iui-icon-color-warning:var(--iui-color-foreground-warning);
|
|
550
|
+
--iui-icon-color-negative:var(--iui-color-foreground-negative);
|
|
551
551
|
}
|
|
552
552
|
|
|
553
553
|
.iui-body{
|
|
554
554
|
background-color:var(--iui-color-background-2);
|
|
555
555
|
color:var(--iui-text-color);
|
|
556
556
|
font-size:14px;
|
|
557
|
-
line-height:
|
|
557
|
+
line-height:24px;
|
|
558
558
|
scrollbar-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4)) transparent;
|
|
559
559
|
scrollbar-width:thin;
|
|
560
560
|
font-family:"Noto Sans", "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif;
|
|
@@ -681,7 +681,7 @@ html.iui-theme-dark-hc{
|
|
|
681
681
|
left:0;
|
|
682
682
|
}
|
|
683
683
|
.iui-alert-positive .iui-alert-icon{
|
|
684
|
-
fill:var(--iui-
|
|
684
|
+
fill:var(--iui-icon-color-positive);
|
|
685
685
|
}
|
|
686
686
|
.iui-alert-positive .iui-alert-message::-moz-selection, .iui-alert-positive .iui-alert-message *::-moz-selection{
|
|
687
687
|
background-color:rgba(var(--iui-color-foreground-positive-rgb), var(--iui-opacity-5));
|
|
@@ -745,7 +745,7 @@ html.iui-theme-dark-hc{
|
|
|
745
745
|
left:0;
|
|
746
746
|
}
|
|
747
747
|
.iui-alert-negative .iui-alert-icon{
|
|
748
|
-
fill:var(--iui-
|
|
748
|
+
fill:var(--iui-icon-color-negative);
|
|
749
749
|
}
|
|
750
750
|
.iui-alert-negative .iui-alert-message::-moz-selection, .iui-alert-negative .iui-alert-message *::-moz-selection{
|
|
751
751
|
background-color:rgba(var(--iui-color-foreground-negative-rgb), var(--iui-opacity-5));
|
|
@@ -809,7 +809,7 @@ html.iui-theme-dark-hc{
|
|
|
809
809
|
left:0;
|
|
810
810
|
}
|
|
811
811
|
.iui-alert-warning .iui-alert-icon{
|
|
812
|
-
fill:var(--iui-
|
|
812
|
+
fill:var(--iui-icon-color-warning);
|
|
813
813
|
}
|
|
814
814
|
.iui-alert-warning .iui-alert-message::-moz-selection, .iui-alert-warning .iui-alert-message *::-moz-selection{
|
|
815
815
|
background-color:rgba(var(--iui-color-foreground-warning-rgb), var(--iui-opacity-5));
|
|
@@ -873,7 +873,7 @@ html.iui-theme-dark-hc{
|
|
|
873
873
|
left:0;
|
|
874
874
|
}
|
|
875
875
|
.iui-alert-informational .iui-alert-icon{
|
|
876
|
-
fill:var(--iui-
|
|
876
|
+
fill:var(--iui-icon-color-primary);
|
|
877
877
|
}
|
|
878
878
|
.iui-alert-informational .iui-alert-message::-moz-selection, .iui-alert-informational .iui-alert-message *::-moz-selection{
|
|
879
879
|
background-color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-5));
|
|
@@ -904,28 +904,15 @@ html.iui-theme-dark-hc{
|
|
|
904
904
|
}
|
|
905
905
|
|
|
906
906
|
.iui-alert-icon{
|
|
907
|
-
|
|
908
|
-
|
|
907
|
+
display:flex;
|
|
908
|
+
flex-shrink:0;
|
|
909
909
|
width:16px;
|
|
910
910
|
height:16px;
|
|
911
|
-
flex-shrink:0;
|
|
912
911
|
margin-left:16px;
|
|
913
912
|
}
|
|
914
|
-
.iui-alert-icon.iui-informational{
|
|
915
|
-
fill:var(--iui-icons-color-primary);
|
|
916
|
-
}
|
|
917
|
-
.iui-alert-icon.iui-positive{
|
|
918
|
-
fill:var(--iui-icons-color-positive);
|
|
919
|
-
}
|
|
920
|
-
.iui-alert-icon.iui-warning{
|
|
921
|
-
fill:var(--iui-icons-color-warning);
|
|
922
|
-
}
|
|
923
|
-
.iui-alert-icon.iui-negative{
|
|
924
|
-
fill:var(--iui-icons-color-negative);
|
|
925
|
-
}
|
|
926
913
|
|
|
927
914
|
.iui-alert-message{
|
|
928
|
-
margin:
|
|
915
|
+
margin:12px 16px;
|
|
929
916
|
}
|
|
930
917
|
|
|
931
918
|
.iui-alert-link{
|
|
@@ -955,7 +942,7 @@ html.iui-theme-dark-hc{
|
|
|
955
942
|
justify-content:center;
|
|
956
943
|
position:relative;
|
|
957
944
|
border-radius:4px;
|
|
958
|
-
line-height:
|
|
945
|
+
line-height:24px;
|
|
959
946
|
font-size:14px;
|
|
960
947
|
font-weight:400;
|
|
961
948
|
-webkit-user-select:none;
|
|
@@ -974,18 +961,18 @@ html.iui-theme-dark-hc{
|
|
|
974
961
|
-webkit-tap-highlight-color:transparent;
|
|
975
962
|
text-decoration:none;
|
|
976
963
|
--_iui-button-gap:8px;
|
|
977
|
-
--_iui-button-height:
|
|
964
|
+
--_iui-button-height:40px;
|
|
978
965
|
--_iui-button-padding-inline:16px;
|
|
979
966
|
--_iui-button-text-color:var(--iui-text-color);
|
|
980
967
|
--_iui-button-background-color:transparent;
|
|
981
968
|
--_iui-button-border-color:transparent;
|
|
982
|
-
--_iui-button-icon-margin-x:
|
|
969
|
+
--_iui-button-icon-margin-x:4px;
|
|
983
970
|
--_iui-button-gap:8px;
|
|
984
|
-
--_iui-button-height:
|
|
971
|
+
--_iui-button-height:40px;
|
|
985
972
|
--_iui-button-padding-inline:16px;
|
|
986
973
|
--_iui-button-padding-inline:8px;
|
|
987
974
|
--_iui-button-gap:4px;
|
|
988
|
-
--_iui-button-height:
|
|
975
|
+
--_iui-button-height:28px;
|
|
989
976
|
--_iui-button-padding-inline:8px;
|
|
990
977
|
--_iui-button-padding-inline:2px;
|
|
991
978
|
margin-left:auto;
|
|
@@ -1016,12 +1003,14 @@ html.iui-theme-dark-hc{
|
|
|
1016
1003
|
}
|
|
1017
1004
|
|
|
1018
1005
|
.iui-alert-button-icon{
|
|
1006
|
+
display:flex;
|
|
1007
|
+
flex-shrink:0;
|
|
1019
1008
|
width:16px;
|
|
1020
1009
|
height:16px;
|
|
1021
1010
|
transition:fill 0.2s ease-out;
|
|
1022
1011
|
fill:currentColor;
|
|
1023
|
-
margin-left:
|
|
1024
|
-
margin-right:
|
|
1012
|
+
margin-left:4px;
|
|
1013
|
+
margin-right:4px;
|
|
1025
1014
|
}
|
|
1026
1015
|
.iui-alert-button-icon:only-child{
|
|
1027
1016
|
margin-left:var(--_iui-button-icon-margin-x);
|
|
@@ -1207,7 +1196,7 @@ html.iui-theme-dark-hc{
|
|
|
1207
1196
|
.iui-avatar > .iui-status.iui-offline::after{
|
|
1208
1197
|
-webkit-mask:url("data:image/svg+xml,<svg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'><path d='m12.5 2-4.5 4.5-4.5-4.5-1.5 1.5 4.5 4.5-4.5 4.5 1.5 1.5 4.5-4.5 4.5 4.5 1.5-1.5-4.5-4.5 4.5-4.5z' /></svg>");
|
|
1209
1198
|
mask:url("data:image/svg+xml,<svg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'><path d='m12.5 2-4.5 4.5-4.5-4.5-1.5 1.5 4.5 4.5-4.5 4.5 1.5 1.5 4.5-4.5 4.5 4.5 1.5-1.5-4.5-4.5 4.5-4.5z' /></svg>");
|
|
1210
|
-
background-color:var(--iui-
|
|
1199
|
+
background-color:var(--iui-icon-color);
|
|
1211
1200
|
}
|
|
1212
1201
|
.iui-avatar.iui-avatar-count > .iui-initials{
|
|
1213
1202
|
background-color:var(--iui-color-background-3);
|
|
@@ -1366,8 +1355,8 @@ html.iui-theme-dark-hc{
|
|
|
1366
1355
|
vertical-align:baseline;
|
|
1367
1356
|
display:block;
|
|
1368
1357
|
position:relative;
|
|
1369
|
-
padding:
|
|
1370
|
-
margin:
|
|
1358
|
+
padding:12px 16px;
|
|
1359
|
+
margin:12px 0;
|
|
1371
1360
|
text-align:justify;
|
|
1372
1361
|
box-shadow:0 1px 5px rgba(0, 0, 0, 0.25);
|
|
1373
1362
|
border-radius:4px;
|
|
@@ -1388,7 +1377,7 @@ html.iui-theme-dark-hc{
|
|
|
1388
1377
|
vertical-align:baseline;
|
|
1389
1378
|
display:flex;
|
|
1390
1379
|
align-items:center;
|
|
1391
|
-
height:
|
|
1380
|
+
height:40px;
|
|
1392
1381
|
}
|
|
1393
1382
|
|
|
1394
1383
|
.iui-breadcrumbs-list{
|
|
@@ -1431,7 +1420,7 @@ html.iui-theme-dark-hc{
|
|
|
1431
1420
|
cursor:pointer;
|
|
1432
1421
|
text-decoration:none;
|
|
1433
1422
|
box-sizing:border-box;
|
|
1434
|
-
line-height:
|
|
1423
|
+
line-height:40px;
|
|
1435
1424
|
}
|
|
1436
1425
|
.iui-breadcrumbs-item-overrides > :-moz-any-link{
|
|
1437
1426
|
color:var(--iui-color-foreground-primary);
|
|
@@ -1440,7 +1429,7 @@ html.iui-theme-dark-hc{
|
|
|
1440
1429
|
cursor:pointer;
|
|
1441
1430
|
text-decoration:none;
|
|
1442
1431
|
box-sizing:border-box;
|
|
1443
|
-
line-height:
|
|
1432
|
+
line-height:40px;
|
|
1444
1433
|
}
|
|
1445
1434
|
.iui-breadcrumbs-item-overrides > :any-link{
|
|
1446
1435
|
color:var(--iui-color-foreground-primary);
|
|
@@ -1449,7 +1438,7 @@ html.iui-theme-dark-hc{
|
|
|
1449
1438
|
cursor:pointer;
|
|
1450
1439
|
text-decoration:none;
|
|
1451
1440
|
box-sizing:border-box;
|
|
1452
|
-
line-height:
|
|
1441
|
+
line-height:40px;
|
|
1453
1442
|
}
|
|
1454
1443
|
.iui-breadcrumbs-item-overrides > :-webkit-any-link:focus-visible{
|
|
1455
1444
|
outline:1px solid var(--iui-color-foreground-primary);
|
|
@@ -1570,9 +1559,9 @@ html.iui-theme-dark-hc{
|
|
|
1570
1559
|
--_iui-button-text-color:var(--iui-text-color);
|
|
1571
1560
|
--_iui-button-background-color:transparent;
|
|
1572
1561
|
--_iui-button-border-color:transparent;
|
|
1573
|
-
--_iui-button-icon-margin-x:
|
|
1562
|
+
--_iui-button-icon-margin-x:4px;
|
|
1574
1563
|
--_iui-button-gap:8px;
|
|
1575
|
-
--_iui-button-height:
|
|
1564
|
+
--_iui-button-height:40px;
|
|
1576
1565
|
--_iui-button-padding-inline:16px;
|
|
1577
1566
|
--_iui-button-padding-inline:8px;
|
|
1578
1567
|
border:none;
|
|
@@ -1604,7 +1593,7 @@ html.iui-theme-dark-hc{
|
|
|
1604
1593
|
overflow:hidden;
|
|
1605
1594
|
white-space:nowrap;
|
|
1606
1595
|
text-overflow:ellipsis;
|
|
1607
|
-
line-height:
|
|
1596
|
+
line-height:40px;
|
|
1608
1597
|
}
|
|
1609
1598
|
a.iui-breadcrumbs-text{
|
|
1610
1599
|
color:var(--iui-color-foreground-primary);
|
|
@@ -1667,7 +1656,7 @@ a.iui-breadcrumbs-text:focus{
|
|
|
1667
1656
|
justify-content:center;
|
|
1668
1657
|
position:relative;
|
|
1669
1658
|
border-radius:4px;
|
|
1670
|
-
line-height:
|
|
1659
|
+
line-height:24px;
|
|
1671
1660
|
font-size:14px;
|
|
1672
1661
|
font-weight:400;
|
|
1673
1662
|
-webkit-user-select:none;
|
|
@@ -1686,14 +1675,14 @@ a.iui-breadcrumbs-text:focus{
|
|
|
1686
1675
|
-webkit-tap-highlight-color:transparent;
|
|
1687
1676
|
text-decoration:none;
|
|
1688
1677
|
--_iui-button-gap:8px;
|
|
1689
|
-
--_iui-button-height:
|
|
1678
|
+
--_iui-button-height:40px;
|
|
1690
1679
|
--_iui-button-padding-inline:16px;
|
|
1691
1680
|
--_iui-button-text-color:var(--iui-text-color);
|
|
1692
1681
|
--_iui-button-background-color:transparent;
|
|
1693
1682
|
--_iui-button-border-color:transparent;
|
|
1694
|
-
--_iui-button-icon-margin-x:
|
|
1683
|
+
--_iui-button-icon-margin-x:4px;
|
|
1695
1684
|
--_iui-button-gap:8px;
|
|
1696
|
-
--_iui-button-height:
|
|
1685
|
+
--_iui-button-height:40px;
|
|
1697
1686
|
--_iui-button-padding-inline:16px;
|
|
1698
1687
|
--_iui-button-padding-inline:8px;
|
|
1699
1688
|
padding:0;
|
|
@@ -1732,10 +1721,16 @@ a.iui-breadcrumbs-text:focus{
|
|
|
1732
1721
|
margin:0 2px;
|
|
1733
1722
|
}
|
|
1734
1723
|
.iui-breadcrumbs-separator svg{
|
|
1724
|
+
display:flex;
|
|
1725
|
+
flex-shrink:0;
|
|
1735
1726
|
width:12px;
|
|
1736
1727
|
height:12px;
|
|
1737
|
-
|
|
1738
|
-
|
|
1728
|
+
fill:var(--iui-icon-color);
|
|
1729
|
+
}
|
|
1730
|
+
@media (forced-colors: active){
|
|
1731
|
+
.iui-breadcrumbs-separator svg{
|
|
1732
|
+
fill:CanvasText;
|
|
1733
|
+
}
|
|
1739
1734
|
}
|
|
1740
1735
|
@media (forced-colors: active){
|
|
1741
1736
|
.iui-breadcrumbs-separator svg{
|
|
@@ -1754,7 +1749,7 @@ a.iui-breadcrumbs-text:focus{
|
|
|
1754
1749
|
justify-content:center;
|
|
1755
1750
|
position:relative;
|
|
1756
1751
|
border-radius:4px;
|
|
1757
|
-
line-height:
|
|
1752
|
+
line-height:24px;
|
|
1758
1753
|
font-size:14px;
|
|
1759
1754
|
font-weight:400;
|
|
1760
1755
|
-webkit-user-select:none;
|
|
@@ -1773,7 +1768,7 @@ a.iui-breadcrumbs-text:focus{
|
|
|
1773
1768
|
-webkit-tap-highlight-color:transparent;
|
|
1774
1769
|
text-decoration:none;
|
|
1775
1770
|
--_iui-button-gap:8px;
|
|
1776
|
-
--_iui-button-height:
|
|
1771
|
+
--_iui-button-height:40px;
|
|
1777
1772
|
--_iui-button-padding-inline:16px;
|
|
1778
1773
|
--_iui-button-text-color:var(--iui-text-color);
|
|
1779
1774
|
--_iui-button-background-color:var(--iui-color-background-1);
|
|
@@ -1818,22 +1813,22 @@ a.iui-breadcrumbs-text:focus{
|
|
|
1818
1813
|
}
|
|
1819
1814
|
.iui-button[data-iui-size=small]{
|
|
1820
1815
|
--_iui-button-gap:4px;
|
|
1821
|
-
--_iui-button-height:
|
|
1816
|
+
--_iui-button-height:28px;
|
|
1822
1817
|
--_iui-button-padding-inline:8px;
|
|
1823
1818
|
}
|
|
1824
1819
|
.iui-button[data-iui-size=large]{
|
|
1825
1820
|
font-size:16px;
|
|
1826
1821
|
--_iui-button-gap:12px;
|
|
1827
|
-
--_iui-button-height:
|
|
1822
|
+
--_iui-button-height:52px;
|
|
1828
1823
|
--_iui-button-padding-inline:24px;
|
|
1829
1824
|
}
|
|
1830
1825
|
.iui-button[data-iui-variant=borderless]{
|
|
1831
1826
|
--_iui-button-text-color:var(--iui-text-color);
|
|
1832
1827
|
--_iui-button-background-color:transparent;
|
|
1833
1828
|
--_iui-button-border-color:transparent;
|
|
1834
|
-
--_iui-button-icon-margin-x:
|
|
1829
|
+
--_iui-button-icon-margin-x:4px;
|
|
1835
1830
|
--_iui-button-gap:8px;
|
|
1836
|
-
--_iui-button-height:
|
|
1831
|
+
--_iui-button-height:40px;
|
|
1837
1832
|
--_iui-button-padding-inline:16px;
|
|
1838
1833
|
--_iui-button-padding-inline:8px;
|
|
1839
1834
|
}
|
|
@@ -1852,14 +1847,14 @@ a.iui-breadcrumbs-text:focus{
|
|
|
1852
1847
|
}
|
|
1853
1848
|
.iui-button[data-iui-variant=borderless][data-iui-size=small]{
|
|
1854
1849
|
--_iui-button-gap:4px;
|
|
1855
|
-
--_iui-button-height:
|
|
1850
|
+
--_iui-button-height:28px;
|
|
1856
1851
|
--_iui-button-padding-inline:8px;
|
|
1857
1852
|
--_iui-button-padding-inline:2px;
|
|
1858
1853
|
}
|
|
1859
1854
|
.iui-button[data-iui-variant=borderless][data-iui-size=large]{
|
|
1860
1855
|
font-size:16px;
|
|
1861
1856
|
--_iui-button-gap:12px;
|
|
1862
|
-
--_iui-button-height:
|
|
1857
|
+
--_iui-button-height:52px;
|
|
1863
1858
|
--_iui-button-padding-inline:24px;
|
|
1864
1859
|
--_iui-button-padding-inline:12px;
|
|
1865
1860
|
}
|
|
@@ -1939,7 +1934,7 @@ a.iui-breadcrumbs-text:focus{
|
|
|
1939
1934
|
border-radius:9999px;
|
|
1940
1935
|
box-shadow:0 9px 46px rgba(0, 0, 0, 0.25);
|
|
1941
1936
|
position:fixed;
|
|
1942
|
-
bottom:
|
|
1937
|
+
bottom:12px;
|
|
1943
1938
|
right:16px;
|
|
1944
1939
|
}
|
|
1945
1940
|
.iui-button[data-iui-variant=idea]:hover, .iui-button[data-iui-variant=idea]:active{
|
|
@@ -1959,6 +1954,8 @@ a.iui-breadcrumbs-text:focus{
|
|
|
1959
1954
|
}
|
|
1960
1955
|
|
|
1961
1956
|
.iui-button-icon{
|
|
1957
|
+
display:flex;
|
|
1958
|
+
flex-shrink:0;
|
|
1962
1959
|
width:16px;
|
|
1963
1960
|
height:16px;
|
|
1964
1961
|
transition:fill 0.2s ease-out;
|
|
@@ -1983,68 +1980,40 @@ a.iui-breadcrumbs-text:focus{
|
|
|
1983
1980
|
display:inline-flex;
|
|
1984
1981
|
align-items:center;
|
|
1985
1982
|
isolation:isolate;
|
|
1986
|
-
pointer-events:none;
|
|
1987
|
-
}
|
|
1988
|
-
.iui-button-split > *{
|
|
1989
|
-
display:flex;
|
|
1990
1983
|
}
|
|
1991
|
-
.iui-button-split
|
|
1992
|
-
|
|
1984
|
+
.iui-button-split :where(.iui-button:first-child){
|
|
1985
|
+
border-top-right-radius:0;
|
|
1986
|
+
border-bottom-right-radius:0;
|
|
1993
1987
|
}
|
|
1994
|
-
.iui-button-split
|
|
1995
|
-
|
|
1996
|
-
--_iui-button-active-stripe-inset:2px 2px calc(100% - 4px);
|
|
1988
|
+
.iui-button-split :where(.iui-button:first-child)[data-iui-variant=high-visibility], .iui-button-split :where(.iui-button:first-child)[data-iui-variant=cta]{
|
|
1989
|
+
border-right-color:rgba(255, 255, 255, var(--iui-opacity-4));
|
|
1997
1990
|
}
|
|
1998
|
-
.iui-button-split
|
|
1991
|
+
.iui-button-split :where(.iui-button:first-child):hover{
|
|
1999
1992
|
z-index:1;
|
|
2000
1993
|
}
|
|
2001
|
-
.iui-button-split
|
|
1994
|
+
.iui-button-split :where(.iui-button:first-child)[disabled], .iui-button-split :where(.iui-button:first-child):disabled, .iui-button-split :where(.iui-button:first-child)[aria-disabled=true]{
|
|
1995
|
+
border-right-color:var(--iui-color-background-4);
|
|
2002
1996
|
z-index:-1;
|
|
2003
1997
|
}
|
|
2004
|
-
.iui-button-split
|
|
2005
|
-
|
|
2006
|
-
|
|
2007
|
-
|
|
2008
|
-
border-radius:0;
|
|
2009
|
-
transition-duration:0ms;
|
|
2010
|
-
}
|
|
2011
|
-
.iui-button-split > * .iui-input:hover, .iui-button-split > * .iui-input:focus, .iui-button-split > * .iui-button:where(:not([data-iui-variant="borderless"])):hover, .iui-button-split > * .iui-button:where(:not([data-iui-variant="borderless"])):focus{
|
|
2012
|
-
transition-duration:0.2s;
|
|
2013
|
-
}
|
|
2014
|
-
.iui-button-split > *:first-child .iui-input, .iui-button-split > *:first-child .iui-button:where(:not([data-iui-variant="borderless"])){
|
|
2015
|
-
border-top-left-radius:4px;
|
|
2016
|
-
border-bottom-left-radius:4px;
|
|
2017
|
-
}
|
|
2018
|
-
.iui-button-split > *:last-child .iui-input, .iui-button-split > *:last-child .iui-button:where(:not([data-iui-variant="borderless"])){
|
|
2019
|
-
border-bottom-right-radius:4px;
|
|
2020
|
-
border-top-right-radius:4px;
|
|
2021
|
-
}
|
|
2022
|
-
.iui-button-split > * + *{
|
|
1998
|
+
.iui-button-split :where(.iui-button:last-child){
|
|
1999
|
+
--_iui-button-padding-inline:4px;
|
|
2000
|
+
border-top-left-radius:0;
|
|
2001
|
+
border-bottom-left-radius:0;
|
|
2023
2002
|
margin-left:-1px;
|
|
2024
2003
|
}
|
|
2025
|
-
.iui-button-split
|
|
2026
|
-
border-left-color:var(--iui-
|
|
2027
|
-
}
|
|
2028
|
-
.iui-button-split:hover{
|
|
2029
|
-
background-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-6));
|
|
2004
|
+
.iui-button-split :where(.iui-button:last-child)[data-iui-variant=high-visibility], .iui-button-split :where(.iui-button:last-child)[data-iui-variant=cta]{
|
|
2005
|
+
border-left-color:rgba(255, 255, 255, var(--iui-opacity-4));
|
|
2030
2006
|
}
|
|
2031
|
-
.iui-button-split
|
|
2032
|
-
--
|
|
2007
|
+
.iui-button-split :where(.iui-button:last-child)[disabled], .iui-button-split :where(.iui-button:last-child):disabled, .iui-button-split :where(.iui-button:last-child)[aria-disabled=true]{
|
|
2008
|
+
border-left-color:var(--iui-color-background-4);
|
|
2009
|
+
z-index:-1;
|
|
2033
2010
|
}
|
|
2034
|
-
.iui-button-split
|
|
2011
|
+
.iui-button-split :where(.iui-button:last-child)[data-iui-size=small]{
|
|
2035
2012
|
--_iui-button-padding-inline:2px;
|
|
2036
2013
|
}
|
|
2037
|
-
.iui-button-split
|
|
2014
|
+
.iui-button-split :where(.iui-button:last-child)[data-iui-size=large]{
|
|
2038
2015
|
--_iui-button-padding-inline:8px;
|
|
2039
2016
|
}
|
|
2040
|
-
.iui-button-split > *:first-child > [data-iui-variant=high-visibility],
|
|
2041
|
-
.iui-button-split > *:first-child > [data-iui-variant=cta]{
|
|
2042
|
-
border-right-color:rgba(var(--iui-color-foreground-accessory-rgb), var(--iui-opacity-4));
|
|
2043
|
-
}
|
|
2044
|
-
.iui-button-split > *:last-child > [data-iui-variant=high-visibility],
|
|
2045
|
-
.iui-button-split > *:last-child > [data-iui-variant=cta]{
|
|
2046
|
-
border-left-color:rgba(var(--iui-color-foreground-accessory-rgb), var(--iui-opacity-4));
|
|
2047
|
-
}
|
|
2048
2017
|
|
|
2049
2018
|
.iui-button-group{
|
|
2050
2019
|
display:inline-flex;
|
|
@@ -2184,7 +2153,7 @@ a.iui-breadcrumbs-text:focus{
|
|
|
2184
2153
|
.iui-carousel-navigation{
|
|
2185
2154
|
display:flex;
|
|
2186
2155
|
align-items:center;
|
|
2187
|
-
height:
|
|
2156
|
+
height:36px;
|
|
2188
2157
|
border-top:2px solid var(--iui-color-background-4);
|
|
2189
2158
|
}
|
|
2190
2159
|
.iui-carousel-navigation-left, .iui-carousel-navigation-right{
|
|
@@ -2224,7 +2193,7 @@ a.iui-breadcrumbs-text:focus{
|
|
|
2224
2193
|
}
|
|
2225
2194
|
.iui-carousel-navigation-dot{
|
|
2226
2195
|
--_iui-button-gap:4px;
|
|
2227
|
-
--_iui-button-height:
|
|
2196
|
+
--_iui-button-height:28px;
|
|
2228
2197
|
--_iui-button-padding-inline:8px;
|
|
2229
2198
|
background-color:transparent;
|
|
2230
2199
|
border:none;
|
|
@@ -2237,10 +2206,11 @@ a.iui-breadcrumbs-text:focus{
|
|
|
2237
2206
|
background-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-3));
|
|
2238
2207
|
}
|
|
2239
2208
|
.iui-carousel-navigation-dot::after{
|
|
2240
|
-
|
|
2241
|
-
|
|
2209
|
+
display:flex;
|
|
2210
|
+
flex-shrink:0;
|
|
2242
2211
|
width:12px;
|
|
2243
2212
|
height:12px;
|
|
2213
|
+
content:"";
|
|
2244
2214
|
border-radius:50%;
|
|
2245
2215
|
border:1px solid transparent;
|
|
2246
2216
|
background-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4));
|
|
@@ -2273,16 +2243,17 @@ a.iui-breadcrumbs-text:focus{
|
|
|
2273
2243
|
--_iui-checkbox-border-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4));
|
|
2274
2244
|
--_iui-checkbox-background-color:var(--iui-color-background-1);
|
|
2275
2245
|
--_iui-checkbox-mask-image:initial;
|
|
2246
|
+
display:flex;
|
|
2247
|
+
flex-shrink:0;
|
|
2248
|
+
width:16px;
|
|
2249
|
+
height:16px;
|
|
2276
2250
|
-webkit-appearance:none;
|
|
2277
2251
|
-moz-appearance:none;
|
|
2278
2252
|
appearance:none;
|
|
2279
2253
|
margin:0;
|
|
2280
|
-
width:16px;
|
|
2281
|
-
height:16px;
|
|
2282
2254
|
position:relative;
|
|
2283
2255
|
border-radius:4px;
|
|
2284
2256
|
background-color:var(--_iui-checkbox-background-color);
|
|
2285
|
-
flex-shrink:0;
|
|
2286
2257
|
cursor:pointer;
|
|
2287
2258
|
}
|
|
2288
2259
|
.iui-checkbox-wrapper{
|
|
@@ -2316,6 +2287,8 @@ a.iui-breadcrumbs-text:focus{
|
|
|
2316
2287
|
}
|
|
2317
2288
|
.iui-checkbox-wrapper > .iui-checkbox-label svg,
|
|
2318
2289
|
.iui-checkbox-wrapper > .iui-radio-label svg{
|
|
2290
|
+
display:flex;
|
|
2291
|
+
flex-shrink:0;
|
|
2319
2292
|
width:16px;
|
|
2320
2293
|
height:16px;
|
|
2321
2294
|
vertical-align:middle;
|
|
@@ -2326,7 +2299,7 @@ a.iui-breadcrumbs-text:focus{
|
|
|
2326
2299
|
color:var(--iui-text-color-muted);
|
|
2327
2300
|
}
|
|
2328
2301
|
.iui-checkbox-wrapper.iui-disabled svg{
|
|
2329
|
-
fill:var(--iui-
|
|
2302
|
+
fill:var(--iui-icon-color-actionable-disabled);
|
|
2330
2303
|
}
|
|
2331
2304
|
.iui-checkbox-wrapper.iui-positive{
|
|
2332
2305
|
color:var(--iui-color-foreground-positive);
|
|
@@ -2380,7 +2353,7 @@ a.iui-breadcrumbs-text:focus{
|
|
|
2380
2353
|
}
|
|
2381
2354
|
}
|
|
2382
2355
|
.iui-checkbox:disabled{
|
|
2383
|
-
--_iui-checkbox-svg-color:var(--iui-
|
|
2356
|
+
--_iui-checkbox-svg-color:var(--iui-icon-color-actionable-disabled);
|
|
2384
2357
|
--_iui-checkbox-border-color:var(--iui-color-background-border);
|
|
2385
2358
|
--_iui-checkbox-background-color:var(--iui-color-background-disabled);
|
|
2386
2359
|
cursor:not-allowed;
|
|
@@ -2393,14 +2366,14 @@ a.iui-breadcrumbs-text:focus{
|
|
|
2393
2366
|
--_iui-checkbox-background-color:transparent;
|
|
2394
2367
|
}
|
|
2395
2368
|
.iui-checkbox.iui-checkbox-visibility:where(:not(:checked):not(:indeterminate)){
|
|
2396
|
-
--_iui-checkbox-svg-color:var(--iui-
|
|
2369
|
+
--_iui-checkbox-svg-color:var(--iui-icon-color-actionable);
|
|
2397
2370
|
}
|
|
2398
2371
|
.iui-checkbox.iui-checkbox-visibility:where(:hover){
|
|
2399
2372
|
--_iui-checkbox-border-color:transparent;
|
|
2400
2373
|
--_iui-checkbox-background-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-6));
|
|
2401
2374
|
}
|
|
2402
2375
|
.iui-checkbox.iui-checkbox-visibility:where(:disabled){
|
|
2403
|
-
--_iui-checkbox-svg-color:var(--iui-
|
|
2376
|
+
--_iui-checkbox-svg-color:var(--iui-icon-color-actionable-disabled);
|
|
2404
2377
|
--_iui-checkbox-background-color:var(--iui-color-background-disabled);
|
|
2405
2378
|
}
|
|
2406
2379
|
.iui-checkbox.iui-loading{
|
|
@@ -2451,6 +2424,7 @@ a.iui-breadcrumbs-text:focus{
|
|
|
2451
2424
|
}
|
|
2452
2425
|
.iui-codeblock > .iui-codeblock-content{
|
|
2453
2426
|
margin:0;
|
|
2427
|
+
display:grid;
|
|
2454
2428
|
overflow-x:auto;
|
|
2455
2429
|
overflow-y:auto;
|
|
2456
2430
|
border-radius:0 0 4px 4px;
|
|
@@ -2501,15 +2475,15 @@ a.iui-breadcrumbs-text:focus{
|
|
|
2501
2475
|
color:var(--iui-text-color);
|
|
2502
2476
|
border-radius:4px;
|
|
2503
2477
|
display:inline-flex;
|
|
2504
|
-
padding:
|
|
2478
|
+
padding:12px 12px;
|
|
2505
2479
|
-webkit-user-select:none;
|
|
2506
2480
|
-moz-user-select:none;
|
|
2507
2481
|
-ms-user-select:none;
|
|
2508
2482
|
user-select:none;
|
|
2509
2483
|
overflow-y:auto;
|
|
2510
2484
|
flex-direction:column;
|
|
2511
|
-
max-height:
|
|
2512
|
-
row-gap:
|
|
2485
|
+
max-height:540px;
|
|
2486
|
+
row-gap:12px;
|
|
2513
2487
|
}
|
|
2514
2488
|
@media (forced-colors: active){
|
|
2515
2489
|
.iui-color-picker{
|
|
@@ -2618,7 +2592,7 @@ a.iui-breadcrumbs-text:focus{
|
|
|
2618
2592
|
}
|
|
2619
2593
|
|
|
2620
2594
|
.iui-color-picker-section-label{
|
|
2621
|
-
margin-bottom:
|
|
2595
|
+
margin-bottom:6px;
|
|
2622
2596
|
overflow:hidden;
|
|
2623
2597
|
text-overflow:ellipsis;
|
|
2624
2598
|
white-space:nowrap;
|
|
@@ -2636,7 +2610,7 @@ a.iui-breadcrumbs-text:focus{
|
|
|
2636
2610
|
position:relative;
|
|
2637
2611
|
cursor:crosshair;
|
|
2638
2612
|
width:100%;
|
|
2639
|
-
height:
|
|
2613
|
+
height:216px;
|
|
2640
2614
|
forced-color-adjust:none;
|
|
2641
2615
|
background-image:linear-gradient(0deg, black, transparent), linear-gradient(90deg, white, var(--iui-color-field-hue));
|
|
2642
2616
|
}
|
|
@@ -2644,30 +2618,30 @@ a.iui-breadcrumbs-text:focus{
|
|
|
2644
2618
|
margin-bottom:6px;
|
|
2645
2619
|
}
|
|
2646
2620
|
|
|
2647
|
-
.iui-hue-slider .iui-slider-rail{
|
|
2621
|
+
.iui-hue-slider .iui-slider-container .iui-slider-rail{
|
|
2648
2622
|
height:8px;
|
|
2649
2623
|
forced-color-adjust:none;
|
|
2650
2624
|
background:linear-gradient(to right, #F00 0%, #FF0 17%, lime 33%, aqua 50%, #03F 67%, #C3F 83%, #F00 100%);
|
|
2651
2625
|
}
|
|
2652
|
-
.iui-hue-slider .iui-slider-thumb{
|
|
2626
|
+
.iui-hue-slider .iui-slider-container .iui-slider-thumb{
|
|
2653
2627
|
top:7px;
|
|
2654
2628
|
}
|
|
2655
2629
|
|
|
2656
|
-
.iui-opacity-slider .iui-slider-rail{
|
|
2630
|
+
.iui-opacity-slider .iui-slider-container .iui-slider-rail{
|
|
2657
2631
|
height:8px;
|
|
2658
2632
|
forced-color-adjust:none;
|
|
2659
2633
|
background-position:0 0, 4px 4px;
|
|
2660
2634
|
background-size:8px 8px;
|
|
2661
2635
|
background-image:repeating-linear-gradient(45deg, var(--iui-color-background-3) 25%, transparent 25%, transparent 75%, var(--iui-color-background-3) 75%, var(--iui-color-background-3)), repeating-linear-gradient(45deg, var(--iui-color-background-3) 25%, var(--iui-color-background-5) 25%, var(--iui-color-background-5) 75%, var(--iui-color-background-3) 75%, var(--iui-color-background-3));
|
|
2662
2636
|
}
|
|
2663
|
-
.iui-opacity-slider .iui-slider-rail::before{
|
|
2637
|
+
.iui-opacity-slider .iui-slider-container .iui-slider-rail::before{
|
|
2664
2638
|
display:block;
|
|
2665
2639
|
content:"";
|
|
2666
2640
|
width:100%;
|
|
2667
2641
|
height:100%;
|
|
2668
2642
|
background-image:linear-gradient(to right, transparent 0%, var(--iui-color-picker-selected-color) 100%);
|
|
2669
2643
|
}
|
|
2670
|
-
.iui-opacity-slider .iui-slider-thumb{
|
|
2644
|
+
.iui-opacity-slider .iui-slider-container .iui-slider-thumb{
|
|
2671
2645
|
top:7px;
|
|
2672
2646
|
}
|
|
2673
2647
|
|
|
@@ -2737,7 +2711,7 @@ a.iui-breadcrumbs-text:focus{
|
|
|
2737
2711
|
flex-shrink:0;
|
|
2738
2712
|
align-items:center;
|
|
2739
2713
|
justify-content:center;
|
|
2740
|
-
line-height:
|
|
2714
|
+
line-height:48px;
|
|
2741
2715
|
}
|
|
2742
2716
|
|
|
2743
2717
|
.iui-calendar-month{
|
|
@@ -3141,7 +3115,7 @@ a.iui-breadcrumbs-text:focus{
|
|
|
3141
3115
|
border-radius:4px;
|
|
3142
3116
|
box-shadow:0 9px 46px rgba(0, 0, 0, 0.25);
|
|
3143
3117
|
position:fixed;
|
|
3144
|
-
padding:
|
|
3118
|
+
padding:12px 16px;
|
|
3145
3119
|
overflow:hidden;
|
|
3146
3120
|
pointer-events:auto;
|
|
3147
3121
|
background-color:var(--iui-color-background-1);
|
|
@@ -3174,25 +3148,25 @@ a.iui-breadcrumbs-text:focus{
|
|
|
3174
3148
|
.iui-dialog-default[data-iui-placement=top-left]{
|
|
3175
3149
|
top:0;
|
|
3176
3150
|
left:0;
|
|
3177
|
-
margin-left:
|
|
3151
|
+
margin-left:12px;
|
|
3178
3152
|
margin-top:16px;
|
|
3179
3153
|
}
|
|
3180
3154
|
.iui-dialog-default[data-iui-placement=top-right]{
|
|
3181
3155
|
top:0;
|
|
3182
3156
|
right:0;
|
|
3183
|
-
margin-right:
|
|
3157
|
+
margin-right:12px;
|
|
3184
3158
|
margin-top:16px;
|
|
3185
3159
|
}
|
|
3186
3160
|
.iui-dialog-default[data-iui-placement=bottom-left]{
|
|
3187
3161
|
bottom:0;
|
|
3188
3162
|
left:0;
|
|
3189
|
-
margin-left:
|
|
3163
|
+
margin-left:12px;
|
|
3190
3164
|
margin-bottom:16px;
|
|
3191
3165
|
}
|
|
3192
3166
|
.iui-dialog-default[data-iui-placement=bottom-right]{
|
|
3193
3167
|
bottom:0;
|
|
3194
3168
|
right:0;
|
|
3195
|
-
margin-right:
|
|
3169
|
+
margin-right:12px;
|
|
3196
3170
|
margin-bottom:16px;
|
|
3197
3171
|
}
|
|
3198
3172
|
|
|
@@ -3230,25 +3204,28 @@ a.iui-breadcrumbs-text:focus{
|
|
|
3230
3204
|
}
|
|
3231
3205
|
|
|
3232
3206
|
.iui-dialog-title{
|
|
3207
|
+
display:flex;
|
|
3208
|
+
align-items:center;
|
|
3233
3209
|
font-size:inherit;
|
|
3234
3210
|
white-space:nowrap;
|
|
3235
3211
|
overflow:hidden;
|
|
3236
3212
|
text-overflow:ellipsis;
|
|
3237
3213
|
line-height:1.5;
|
|
3214
|
+
margin-right:auto;
|
|
3238
3215
|
}
|
|
3239
3216
|
|
|
3240
3217
|
.iui-dialog-title-bar{
|
|
3241
3218
|
display:flex;
|
|
3242
3219
|
align-items:center;
|
|
3243
|
-
margin-bottom:
|
|
3244
|
-
|
|
3220
|
+
margin-bottom:12px;
|
|
3221
|
+
box-sizing:border-box;
|
|
3245
3222
|
font-size:18px;
|
|
3246
3223
|
}
|
|
3247
3224
|
|
|
3248
3225
|
.iui-dialog-title-bar-filled{
|
|
3249
3226
|
font-size:16px;
|
|
3250
3227
|
padding:6px 16px;
|
|
3251
|
-
margin:-
|
|
3228
|
+
margin:-12px -16px 12px -16px;
|
|
3252
3229
|
cursor:-webkit-grab;
|
|
3253
3230
|
cursor:grab;
|
|
3254
3231
|
background-color:var(--iui-color-background-3);
|
|
@@ -3268,7 +3245,7 @@ a.iui-breadcrumbs-text:focus{
|
|
|
3268
3245
|
}
|
|
3269
3246
|
|
|
3270
3247
|
.iui-dialog-button-bar{
|
|
3271
|
-
margin-top:
|
|
3248
|
+
margin-top:12px;
|
|
3272
3249
|
display:flex;
|
|
3273
3250
|
align-items:center;
|
|
3274
3251
|
justify-content:flex-end;
|
|
@@ -3296,7 +3273,7 @@ a.iui-breadcrumbs-text:focus{
|
|
|
3296
3273
|
.iui-expandable-block > .iui-header{
|
|
3297
3274
|
display:flex;
|
|
3298
3275
|
align-items:center;
|
|
3299
|
-
padding:
|
|
3276
|
+
padding:12px 12px;
|
|
3300
3277
|
cursor:pointer;
|
|
3301
3278
|
-webkit-user-select:none;
|
|
3302
3279
|
-moz-user-select:none;
|
|
@@ -3323,13 +3300,13 @@ a.iui-breadcrumbs-text:focus{
|
|
|
3323
3300
|
}
|
|
3324
3301
|
.iui-expandable-block > .iui-header > .iui-icon,
|
|
3325
3302
|
.iui-expandable-block > .iui-header > .iui-status-icon{
|
|
3326
|
-
display:
|
|
3303
|
+
display:flex;
|
|
3327
3304
|
flex-shrink:0;
|
|
3328
3305
|
width:16px;
|
|
3329
3306
|
height:16px;
|
|
3330
3307
|
}
|
|
3331
3308
|
.iui-expandable-block > .iui-header > .iui-icon{
|
|
3332
|
-
fill:var(--iui-
|
|
3309
|
+
fill:var(--iui-icon-color-actionable);
|
|
3333
3310
|
}
|
|
3334
3311
|
@media (prefers-reduced-motion: no-preference){
|
|
3335
3312
|
.iui-expandable-block > .iui-header > .iui-icon{
|
|
@@ -3338,19 +3315,6 @@ a.iui-breadcrumbs-text:focus{
|
|
|
3338
3315
|
}
|
|
3339
3316
|
.iui-expandable-block > .iui-header > .iui-status-icon{
|
|
3340
3317
|
margin-left:12px;
|
|
3341
|
-
fill:var(--iui-icons-color);
|
|
3342
|
-
}
|
|
3343
|
-
.iui-expandable-block > .iui-header > .iui-status-icon.iui-informational{
|
|
3344
|
-
fill:var(--iui-icons-color-primary);
|
|
3345
|
-
}
|
|
3346
|
-
.iui-expandable-block > .iui-header > .iui-status-icon.iui-positive{
|
|
3347
|
-
fill:var(--iui-icons-color-positive);
|
|
3348
|
-
}
|
|
3349
|
-
.iui-expandable-block > .iui-header > .iui-status-icon.iui-warning{
|
|
3350
|
-
fill:var(--iui-icons-color-warning);
|
|
3351
|
-
}
|
|
3352
|
-
.iui-expandable-block > .iui-header > .iui-status-icon.iui-negative{
|
|
3353
|
-
fill:var(--iui-icons-color-negative);
|
|
3354
3318
|
}
|
|
3355
3319
|
.iui-expandable-block > .iui-header .iui-expandable-block-label{
|
|
3356
3320
|
display:flex;
|
|
@@ -3417,13 +3381,13 @@ a.iui-breadcrumbs-text:focus{
|
|
|
3417
3381
|
}
|
|
3418
3382
|
}
|
|
3419
3383
|
.iui-expandable-block .iui-expandable-content > div{
|
|
3420
|
-
padding:
|
|
3384
|
+
padding:12px 12px;
|
|
3421
3385
|
}
|
|
3422
3386
|
.iui-expandable-block:hover > .iui-header{
|
|
3423
3387
|
background-color:var(--iui-color-background-4);
|
|
3424
3388
|
}
|
|
3425
3389
|
.iui-expandable-block:hover > .iui-header > .iui-icon{
|
|
3426
|
-
fill:var(--iui-
|
|
3390
|
+
fill:var(--iui-icon-color-actionable-hover);
|
|
3427
3391
|
}
|
|
3428
3392
|
.iui-expandable-block:hover > .iui-header .iui-caption,
|
|
3429
3393
|
.iui-expandable-block:hover > .iui-header .iui-title{
|
|
@@ -3448,9 +3412,11 @@ a.iui-breadcrumbs-text:focus{
|
|
|
3448
3412
|
transform:rotate(90deg);
|
|
3449
3413
|
}
|
|
3450
3414
|
.iui-expandable-block.iui-small .iui-header{
|
|
3451
|
-
padding:
|
|
3415
|
+
padding:6px 8px;
|
|
3452
3416
|
}
|
|
3453
3417
|
.iui-expandable-block.iui-small .iui-header > .iui-icon{
|
|
3418
|
+
display:flex;
|
|
3419
|
+
flex-shrink:0;
|
|
3454
3420
|
width:12px;
|
|
3455
3421
|
height:12px;
|
|
3456
3422
|
}
|
|
@@ -3480,14 +3446,14 @@ a.iui-breadcrumbs-text:focus{
|
|
|
3480
3446
|
padding:0;
|
|
3481
3447
|
border:none;
|
|
3482
3448
|
vertical-align:baseline;
|
|
3483
|
-
padding:
|
|
3449
|
+
padding:12px 12px;
|
|
3484
3450
|
border-radius:4px;
|
|
3485
3451
|
border:1px solid var(--iui-color-background-border);
|
|
3486
3452
|
background-color:var(--iui-color-background-1);
|
|
3487
3453
|
}
|
|
3488
3454
|
.iui-fieldset legend{
|
|
3489
3455
|
font-size:16px;
|
|
3490
|
-
padding:
|
|
3456
|
+
padding:1px 8px;
|
|
3491
3457
|
border-radius:4px;
|
|
3492
3458
|
-webkit-user-select:none;
|
|
3493
3459
|
-moz-user-select:none;
|
|
@@ -3540,28 +3506,19 @@ a.iui-breadcrumbs-text:focus{
|
|
|
3540
3506
|
}
|
|
3541
3507
|
.iui-file-upload > .iui-content > svg,
|
|
3542
3508
|
.iui-file-upload > .iui-content .iui-template-icon{
|
|
3543
|
-
|
|
3544
|
-
|
|
3509
|
+
display:flex;
|
|
3510
|
+
flex-shrink:0;
|
|
3545
3511
|
width:64px;
|
|
3546
3512
|
height:64px;
|
|
3547
|
-
|
|
3548
|
-
margin-
|
|
3549
|
-
|
|
3550
|
-
.iui-file-upload > .iui-content > svg.iui-informational,
|
|
3551
|
-
.iui-file-upload > .iui-content .iui-template-icon.iui-informational{
|
|
3552
|
-
fill:var(--iui-icons-color-primary);
|
|
3553
|
-
}
|
|
3554
|
-
.iui-file-upload > .iui-content > svg.iui-positive,
|
|
3555
|
-
.iui-file-upload > .iui-content .iui-template-icon.iui-positive{
|
|
3556
|
-
fill:var(--iui-icons-color-positive);
|
|
3557
|
-
}
|
|
3558
|
-
.iui-file-upload > .iui-content > svg.iui-warning,
|
|
3559
|
-
.iui-file-upload > .iui-content .iui-template-icon.iui-warning{
|
|
3560
|
-
fill:var(--iui-icons-color-warning);
|
|
3513
|
+
fill:var(--iui-icon-color);
|
|
3514
|
+
margin-top:12px;
|
|
3515
|
+
margin-bottom:12px;
|
|
3561
3516
|
}
|
|
3562
|
-
|
|
3563
|
-
.iui-file-upload > .iui-content
|
|
3564
|
-
|
|
3517
|
+
@media (forced-colors: active){
|
|
3518
|
+
.iui-file-upload > .iui-content > svg,
|
|
3519
|
+
.iui-file-upload > .iui-content .iui-template-icon{
|
|
3520
|
+
fill:CanvasText;
|
|
3521
|
+
}
|
|
3565
3522
|
}
|
|
3566
3523
|
.iui-file-upload > .iui-content:only-child{
|
|
3567
3524
|
visibility:visible;
|
|
@@ -3586,7 +3543,7 @@ a.iui-breadcrumbs-text:focus{
|
|
|
3586
3543
|
}
|
|
3587
3544
|
.iui-file-upload.iui-drag > .iui-content > svg,
|
|
3588
3545
|
.iui-file-upload.iui-drag > .iui-content .iui-template-icon{
|
|
3589
|
-
fill:var(--iui-
|
|
3546
|
+
fill:var(--iui-icon-color-primary);
|
|
3590
3547
|
}
|
|
3591
3548
|
.iui-legal-footer{
|
|
3592
3549
|
margin:0;
|
|
@@ -3595,10 +3552,11 @@ a.iui-breadcrumbs-text:focus{
|
|
|
3595
3552
|
vertical-align:baseline;
|
|
3596
3553
|
text-align:center;
|
|
3597
3554
|
width:100%;
|
|
3598
|
-
padding:
|
|
3555
|
+
padding:12px 0;
|
|
3599
3556
|
font-size:12px;
|
|
3600
3557
|
}
|
|
3601
|
-
|
|
3558
|
+
|
|
3559
|
+
.iui-legal-footer-list{
|
|
3602
3560
|
list-style-type:none;
|
|
3603
3561
|
margin:0 auto;
|
|
3604
3562
|
padding:0;
|
|
@@ -3607,8 +3565,10 @@ a.iui-breadcrumbs-text:focus{
|
|
|
3607
3565
|
align-items:center;
|
|
3608
3566
|
flex-wrap:wrap;
|
|
3609
3567
|
}
|
|
3610
|
-
|
|
3611
|
-
|
|
3568
|
+
|
|
3569
|
+
.iui-legal-footer-item{
|
|
3570
|
+
display:flex;
|
|
3571
|
+
align-items:center;
|
|
3612
3572
|
-webkit-user-select:none;
|
|
3613
3573
|
-moz-user-select:none;
|
|
3614
3574
|
-ms-user-select:none;
|
|
@@ -3617,71 +3577,68 @@ a.iui-breadcrumbs-text:focus{
|
|
|
3617
3577
|
word-break:keep-all;
|
|
3618
3578
|
color:var(--iui-text-color-muted);
|
|
3619
3579
|
}
|
|
3620
|
-
.iui-legal-footer >
|
|
3621
|
-
margin:0 8px;
|
|
3622
|
-
width:1px;
|
|
3623
|
-
height:11px;
|
|
3624
|
-
display:inline-table;
|
|
3625
|
-
background-color:var(--iui-text-color-muted);
|
|
3626
|
-
}
|
|
3627
|
-
.iui-legal-footer > ul > li > a{
|
|
3580
|
+
.iui-legal-footer-item > a{
|
|
3628
3581
|
color:var(--iui-color-foreground-primary);
|
|
3629
3582
|
-webkit-tap-highlight-color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-5));
|
|
3630
3583
|
border-radius:4px;
|
|
3631
3584
|
cursor:pointer;
|
|
3632
3585
|
text-decoration:none;
|
|
3633
3586
|
}
|
|
3634
|
-
.iui-legal-footer >
|
|
3587
|
+
.iui-legal-footer-item > a:focus-visible{
|
|
3635
3588
|
outline:1px solid var(--iui-color-foreground-primary);
|
|
3636
3589
|
outline-offset:1px;
|
|
3637
3590
|
}
|
|
3638
3591
|
@supports not selector(*:focus-visible){
|
|
3639
|
-
.iui-legal-footer >
|
|
3592
|
+
.iui-legal-footer-item > a:focus{
|
|
3640
3593
|
outline:1px solid var(--iui-color-foreground-primary);
|
|
3641
3594
|
outline-offset:1px;
|
|
3642
3595
|
}
|
|
3643
3596
|
}
|
|
3644
|
-
.iui-legal-footer >
|
|
3597
|
+
.iui-legal-footer-item > a:hover{
|
|
3645
3598
|
color:var(--iui-color-foreground-primary-overlay);
|
|
3646
3599
|
}
|
|
3647
|
-
.iui-legal-footer >
|
|
3600
|
+
.iui-legal-footer-item > a:hover{
|
|
3648
3601
|
text-decoration:underline;
|
|
3649
3602
|
}
|
|
3650
3603
|
@media (prefers-contrast: more){
|
|
3651
|
-
.iui-legal-footer >
|
|
3604
|
+
.iui-legal-footer-item > a{
|
|
3652
3605
|
text-decoration:underline;
|
|
3653
3606
|
}
|
|
3654
|
-
.iui-legal-footer >
|
|
3607
|
+
.iui-legal-footer-item > a:hover{
|
|
3655
3608
|
text-decoration:none;
|
|
3656
3609
|
}
|
|
3657
3610
|
}
|
|
3658
|
-
.iui-theme-light .iui-legal-footer >
|
|
3611
|
+
.iui-theme-light .iui-legal-footer-item > a, .iui-theme-dark .iui-legal-footer-item > a{
|
|
3659
3612
|
text-decoration:none;
|
|
3660
3613
|
}
|
|
3661
|
-
.iui-theme-light .iui-legal-footer >
|
|
3614
|
+
.iui-theme-light .iui-legal-footer-item > a:hover, .iui-theme-dark .iui-legal-footer-item > a:hover{
|
|
3662
3615
|
text-decoration:underline;
|
|
3663
3616
|
}
|
|
3664
3617
|
|
|
3665
|
-
.iui-theme-light-hc .iui-legal-footer >
|
|
3618
|
+
.iui-theme-light-hc .iui-legal-footer-item > a, .iui-theme-dark-hc .iui-legal-footer-item > a{
|
|
3666
3619
|
text-decoration:underline;
|
|
3667
3620
|
}
|
|
3668
|
-
.iui-theme-light-hc .iui-legal-footer >
|
|
3621
|
+
.iui-theme-light-hc .iui-legal-footer-item > a:hover, .iui-theme-dark-hc .iui-legal-footer-item > a:hover{
|
|
3669
3622
|
text-decoration:none;
|
|
3670
3623
|
}
|
|
3671
3624
|
|
|
3672
|
-
.iui-legal-footer >
|
|
3625
|
+
.iui-legal-footer-item > a, .iui-legal-footer-item > a:hover{
|
|
3673
3626
|
color:var(--iui-text-color-muted);
|
|
3674
3627
|
}
|
|
3675
|
-
|
|
3676
|
-
|
|
3677
|
-
|
|
3678
|
-
|
|
3679
|
-
|
|
3628
|
+
|
|
3629
|
+
.iui-legal-footer-separator{
|
|
3630
|
+
margin:0 8px;
|
|
3631
|
+
width:1px;
|
|
3632
|
+
height:12px;
|
|
3633
|
+
background-color:var(--iui-text-color-muted);
|
|
3634
|
+
}
|
|
3635
|
+
|
|
3636
|
+
.iui-legal-footer-developer{
|
|
3680
3637
|
color:var(--iui-text-color-muted);
|
|
3681
3638
|
}
|
|
3682
3639
|
.iui-page-header{
|
|
3683
3640
|
--_iui-header-brand-label-font-size:16px;
|
|
3684
|
-
--_iui-header-height:
|
|
3641
|
+
--_iui-header-height:60px;
|
|
3685
3642
|
--_iui-header-icon-scale:none;
|
|
3686
3643
|
margin:0;
|
|
3687
3644
|
padding:0;
|
|
@@ -3707,7 +3664,7 @@ a.iui-breadcrumbs-text:focus{
|
|
|
3707
3664
|
}
|
|
3708
3665
|
.iui-page-header[data-iui-size=slim]{
|
|
3709
3666
|
--_iui-header-brand-label-font-size:14px;
|
|
3710
|
-
--_iui-header-height:
|
|
3667
|
+
--_iui-header-height:36px;
|
|
3711
3668
|
--_iui-header-icon-scale:scale(0.66666);
|
|
3712
3669
|
}
|
|
3713
3670
|
|
|
@@ -3737,7 +3694,7 @@ a.iui-breadcrumbs-text:focus{
|
|
|
3737
3694
|
}
|
|
3738
3695
|
|
|
3739
3696
|
.iui-page-header-divider{
|
|
3740
|
-
height:
|
|
3697
|
+
height:24px;
|
|
3741
3698
|
border-left:1px solid var(--iui-color-background-border);
|
|
3742
3699
|
}
|
|
3743
3700
|
@media (forced-colors: active){
|
|
@@ -3808,10 +3765,12 @@ a.iui-header-brand{
|
|
|
3808
3765
|
}
|
|
3809
3766
|
|
|
3810
3767
|
.iui-header-brand-icon{
|
|
3768
|
+
display:flex;
|
|
3769
|
+
flex-shrink:0;
|
|
3811
3770
|
width:24px;
|
|
3812
3771
|
height:24px;
|
|
3813
3772
|
margin:0 24px;
|
|
3814
|
-
fill:var(--iui-
|
|
3773
|
+
fill:var(--iui-icon-color-actionable);
|
|
3815
3774
|
will-change:transform;
|
|
3816
3775
|
transform:var(--_iui-header-icon-scale);
|
|
3817
3776
|
}
|
|
@@ -3981,6 +3940,8 @@ a.iui-header-brand{
|
|
|
3981
3940
|
}
|
|
3982
3941
|
|
|
3983
3942
|
.iui-header-breadcrumb-button-icon{
|
|
3943
|
+
display:flex;
|
|
3944
|
+
flex-shrink:0;
|
|
3984
3945
|
width:24px;
|
|
3985
3946
|
height:24px;
|
|
3986
3947
|
background-color:var(--iui-color-background-3);
|
|
@@ -3989,7 +3950,7 @@ a.iui-header-brand{
|
|
|
3989
3950
|
flex-shrink:0;
|
|
3990
3951
|
box-sizing:border-box;
|
|
3991
3952
|
padding:4px;
|
|
3992
|
-
fill:var(--iui-
|
|
3953
|
+
fill:var(--iui-icon-color);
|
|
3993
3954
|
will-change:transform;
|
|
3994
3955
|
transform:var(--_iui-header-icon-scale);
|
|
3995
3956
|
}
|
|
@@ -4033,7 +3994,7 @@ div.iui-header-breadcrumb-button-icon{
|
|
|
4033
3994
|
|
|
4034
3995
|
:disabled .iui-header-breadcrumb-button-icon, [aria-disabled=true] .iui-header-breadcrumb-button-icon{
|
|
4035
3996
|
background-color:var(--iui-color-background-2);
|
|
4036
|
-
fill:var(--iui-
|
|
3997
|
+
fill:var(--iui-icon-color-actionable-disabled);
|
|
4037
3998
|
}
|
|
4038
3999
|
@media (forced-colors: active){
|
|
4039
4000
|
:disabled .iui-header-breadcrumb-button-icon, [aria-disabled=true] .iui-header-breadcrumb-button-icon{
|
|
@@ -4055,6 +4016,8 @@ div.iui-header-breadcrumb-button-icon{
|
|
|
4055
4016
|
}
|
|
4056
4017
|
|
|
4057
4018
|
.iui-header-breadcrumb-button-dropdown-icon{
|
|
4019
|
+
display:flex;
|
|
4020
|
+
flex-shrink:0;
|
|
4058
4021
|
width:16px;
|
|
4059
4022
|
height:16px;
|
|
4060
4023
|
fill:currentColor;
|
|
@@ -4104,120 +4067,6 @@ div.iui-header-breadcrumb-button-icon{
|
|
|
4104
4067
|
height:0;
|
|
4105
4068
|
width:0;
|
|
4106
4069
|
}
|
|
4107
|
-
|
|
4108
|
-
.iui-icons-default{
|
|
4109
|
-
fill:var(--iui-icons-color);
|
|
4110
|
-
display:inline-flex;
|
|
4111
|
-
width:16px;
|
|
4112
|
-
height:16px;
|
|
4113
|
-
}
|
|
4114
|
-
.iui-icons-default.iui-informational{
|
|
4115
|
-
fill:var(--iui-icons-color-primary);
|
|
4116
|
-
}
|
|
4117
|
-
.iui-icons-default.iui-positive{
|
|
4118
|
-
fill:var(--iui-icons-color-positive);
|
|
4119
|
-
}
|
|
4120
|
-
.iui-icons-default.iui-warning{
|
|
4121
|
-
fill:var(--iui-icons-color-warning);
|
|
4122
|
-
}
|
|
4123
|
-
.iui-icons-default.iui-negative{
|
|
4124
|
-
fill:var(--iui-icons-color-negative);
|
|
4125
|
-
}
|
|
4126
|
-
|
|
4127
|
-
.iui-icons-small{
|
|
4128
|
-
fill:var(--iui-icons-color);
|
|
4129
|
-
display:inline-flex;
|
|
4130
|
-
width:12px;
|
|
4131
|
-
height:12px;
|
|
4132
|
-
}
|
|
4133
|
-
.iui-icons-small.iui-informational{
|
|
4134
|
-
fill:var(--iui-icons-color-primary);
|
|
4135
|
-
}
|
|
4136
|
-
.iui-icons-small.iui-positive{
|
|
4137
|
-
fill:var(--iui-icons-color-positive);
|
|
4138
|
-
}
|
|
4139
|
-
.iui-icons-small.iui-warning{
|
|
4140
|
-
fill:var(--iui-icons-color-warning);
|
|
4141
|
-
}
|
|
4142
|
-
.iui-icons-small.iui-negative{
|
|
4143
|
-
fill:var(--iui-icons-color-negative);
|
|
4144
|
-
}
|
|
4145
|
-
|
|
4146
|
-
.iui-icons-large{
|
|
4147
|
-
fill:var(--iui-icons-color);
|
|
4148
|
-
display:inline-flex;
|
|
4149
|
-
width:24px;
|
|
4150
|
-
height:24px;
|
|
4151
|
-
}
|
|
4152
|
-
.iui-icons-large.iui-informational{
|
|
4153
|
-
fill:var(--iui-icons-color-primary);
|
|
4154
|
-
}
|
|
4155
|
-
.iui-icons-large.iui-positive{
|
|
4156
|
-
fill:var(--iui-icons-color-positive);
|
|
4157
|
-
}
|
|
4158
|
-
.iui-icons-large.iui-warning{
|
|
4159
|
-
fill:var(--iui-icons-color-warning);
|
|
4160
|
-
}
|
|
4161
|
-
.iui-icons-large.iui-negative{
|
|
4162
|
-
fill:var(--iui-icons-color-negative);
|
|
4163
|
-
}
|
|
4164
|
-
|
|
4165
|
-
.iui-icons-xl{
|
|
4166
|
-
fill:var(--iui-icons-color);
|
|
4167
|
-
display:inline-flex;
|
|
4168
|
-
width:32px;
|
|
4169
|
-
height:32px;
|
|
4170
|
-
}
|
|
4171
|
-
.iui-icons-xl.iui-informational{
|
|
4172
|
-
fill:var(--iui-icons-color-primary);
|
|
4173
|
-
}
|
|
4174
|
-
.iui-icons-xl.iui-positive{
|
|
4175
|
-
fill:var(--iui-icons-color-positive);
|
|
4176
|
-
}
|
|
4177
|
-
.iui-icons-xl.iui-warning{
|
|
4178
|
-
fill:var(--iui-icons-color-warning);
|
|
4179
|
-
}
|
|
4180
|
-
.iui-icons-xl.iui-negative{
|
|
4181
|
-
fill:var(--iui-icons-color-negative);
|
|
4182
|
-
}
|
|
4183
|
-
|
|
4184
|
-
.iui-icons-xxl{
|
|
4185
|
-
fill:var(--iui-icons-color);
|
|
4186
|
-
display:inline-flex;
|
|
4187
|
-
width:48px;
|
|
4188
|
-
height:48px;
|
|
4189
|
-
}
|
|
4190
|
-
.iui-icons-xxl.iui-informational{
|
|
4191
|
-
fill:var(--iui-icons-color-primary);
|
|
4192
|
-
}
|
|
4193
|
-
.iui-icons-xxl.iui-positive{
|
|
4194
|
-
fill:var(--iui-icons-color-positive);
|
|
4195
|
-
}
|
|
4196
|
-
.iui-icons-xxl.iui-warning{
|
|
4197
|
-
fill:var(--iui-icons-color-warning);
|
|
4198
|
-
}
|
|
4199
|
-
.iui-icons-xxl.iui-negative{
|
|
4200
|
-
fill:var(--iui-icons-color-negative);
|
|
4201
|
-
}
|
|
4202
|
-
|
|
4203
|
-
.iui-icons-3xl{
|
|
4204
|
-
fill:var(--iui-icons-color);
|
|
4205
|
-
display:inline-flex;
|
|
4206
|
-
width:64px;
|
|
4207
|
-
height:64px;
|
|
4208
|
-
}
|
|
4209
|
-
.iui-icons-3xl.iui-informational{
|
|
4210
|
-
fill:var(--iui-icons-color-primary);
|
|
4211
|
-
}
|
|
4212
|
-
.iui-icons-3xl.iui-positive{
|
|
4213
|
-
fill:var(--iui-icons-color-positive);
|
|
4214
|
-
}
|
|
4215
|
-
.iui-icons-3xl.iui-warning{
|
|
4216
|
-
fill:var(--iui-icons-color-warning);
|
|
4217
|
-
}
|
|
4218
|
-
.iui-icons-3xl.iui-negative{
|
|
4219
|
-
fill:var(--iui-icons-color-negative);
|
|
4220
|
-
}
|
|
4221
4070
|
.iui-information-panel-wrapper{
|
|
4222
4071
|
position:relative;
|
|
4223
4072
|
overflow:hidden;
|
|
@@ -4255,7 +4104,7 @@ div.iui-header-breadcrumb-button-icon{
|
|
|
4255
4104
|
padding-right:12px;
|
|
4256
4105
|
}
|
|
4257
4106
|
.iui-information-panel .iui-information-header{
|
|
4258
|
-
height:
|
|
4107
|
+
height:60px;
|
|
4259
4108
|
flex-shrink:0;
|
|
4260
4109
|
display:flex;
|
|
4261
4110
|
align-items:center;
|
|
@@ -4277,19 +4126,24 @@ div.iui-header-breadcrumb-button-icon{
|
|
|
4277
4126
|
}
|
|
4278
4127
|
.iui-information-panel .iui-information-header .iui-information-header-label svg{
|
|
4279
4128
|
display:flex;
|
|
4129
|
+
flex-shrink:0;
|
|
4280
4130
|
width:24px;
|
|
4281
4131
|
height:24px;
|
|
4132
|
+
fill:var(--iui-icon-color);
|
|
4282
4133
|
margin-right:8px;
|
|
4283
|
-
|
|
4284
|
-
|
|
4134
|
+
}
|
|
4135
|
+
@media (forced-colors: active){
|
|
4136
|
+
.iui-information-panel .iui-information-header .iui-information-header-label svg{
|
|
4137
|
+
fill:CanvasText;
|
|
4138
|
+
}
|
|
4285
4139
|
}
|
|
4286
4140
|
.iui-information-panel .iui-information-header .iui-information-header-actions{
|
|
4287
4141
|
flex-shrink:0;
|
|
4288
4142
|
margin-left:8px;
|
|
4289
4143
|
}
|
|
4290
4144
|
.iui-information-panel .iui-information-body{
|
|
4291
|
-
padding-top:
|
|
4292
|
-
padding-bottom:
|
|
4145
|
+
padding-top:12px;
|
|
4146
|
+
padding-bottom:12px;
|
|
4293
4147
|
height:100%;
|
|
4294
4148
|
overflow-x:hidden;
|
|
4295
4149
|
overflow-y:auto;
|
|
@@ -4386,10 +4240,10 @@ div.iui-header-breadcrumb-button-icon{
|
|
|
4386
4240
|
color:var(--iui-text-color-muted);
|
|
4387
4241
|
}
|
|
4388
4242
|
.iui-information-body-content:not(.iui-inline) > *:nth-child(even):not(:last-child){
|
|
4389
|
-
margin-bottom:
|
|
4243
|
+
margin-bottom:12px;
|
|
4390
4244
|
}
|
|
4391
4245
|
.iui-information-body-content.iui-inline{
|
|
4392
|
-
row-gap:
|
|
4246
|
+
row-gap:12px;
|
|
4393
4247
|
grid-template-columns:auto 1fr;
|
|
4394
4248
|
align-items:center;
|
|
4395
4249
|
}
|
|
@@ -4410,13 +4264,13 @@ div.iui-header-breadcrumb-button-icon{
|
|
|
4410
4264
|
font-family:inherit;
|
|
4411
4265
|
font-size:14px;
|
|
4412
4266
|
font-weight:400;
|
|
4413
|
-
line-height:
|
|
4267
|
+
line-height:24px;
|
|
4414
4268
|
border-radius:4px;
|
|
4415
4269
|
-webkit-appearance:none;
|
|
4416
4270
|
-moz-appearance:none;
|
|
4417
4271
|
appearance:none;
|
|
4418
4272
|
padding:7px 12px;
|
|
4419
|
-
min-height:
|
|
4273
|
+
min-height:40px;
|
|
4420
4274
|
color:var(--iui-text-color);
|
|
4421
4275
|
background-color:var(--iui-color-background-1);
|
|
4422
4276
|
border:1px solid rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4));
|
|
@@ -4437,14 +4291,14 @@ div.iui-header-breadcrumb-button-icon{
|
|
|
4437
4291
|
}
|
|
4438
4292
|
}
|
|
4439
4293
|
.iui-input.iui-small{
|
|
4440
|
-
padding-top:
|
|
4441
|
-
padding-bottom:
|
|
4442
|
-
min-height:
|
|
4294
|
+
padding-top:1px;
|
|
4295
|
+
padding-bottom:1px;
|
|
4296
|
+
min-height:28px;
|
|
4443
4297
|
}
|
|
4444
4298
|
.iui-input.iui-large{
|
|
4445
|
-
padding-top:
|
|
4446
|
-
padding-bottom:
|
|
4447
|
-
min-height:
|
|
4299
|
+
padding-top:13px;
|
|
4300
|
+
padding-bottom:13px;
|
|
4301
|
+
min-height:52px;
|
|
4448
4302
|
font-size:16px;
|
|
4449
4303
|
}
|
|
4450
4304
|
.iui-input::-moz-placeholder{
|
|
@@ -4488,6 +4342,12 @@ div.iui-header-breadcrumb-button-icon{
|
|
|
4488
4342
|
cursor:not-allowed;
|
|
4489
4343
|
--_hover-color:var(--iui-color-background-disabled);
|
|
4490
4344
|
}
|
|
4345
|
+
:where(textarea.iui-input){
|
|
4346
|
+
resize:vertical;
|
|
4347
|
+
}
|
|
4348
|
+
:where(textarea.iui-input)[disabled], :where(textarea.iui-input)[readonly]{
|
|
4349
|
+
resize:none;
|
|
4350
|
+
}
|
|
4491
4351
|
|
|
4492
4352
|
.iui-input-with-icon.iui-input-with-icon{
|
|
4493
4353
|
display:grid;
|
|
@@ -4515,6 +4375,8 @@ div.iui-header-breadcrumb-button-icon{
|
|
|
4515
4375
|
grid-area:1/-1;
|
|
4516
4376
|
}
|
|
4517
4377
|
.iui-end-icon svg{
|
|
4378
|
+
display:flex;
|
|
4379
|
+
flex-shrink:0;
|
|
4518
4380
|
width:16px;
|
|
4519
4381
|
height:16px;
|
|
4520
4382
|
}
|
|
@@ -4547,7 +4409,7 @@ div.iui-header-breadcrumb-button-icon{
|
|
|
4547
4409
|
transition:background 0s;
|
|
4548
4410
|
}
|
|
4549
4411
|
.iui-end-icon.iui-actionable svg{
|
|
4550
|
-
fill:var(--iui-
|
|
4412
|
+
fill:var(--iui-icon-color-actionable);
|
|
4551
4413
|
transition:transform 0.2s ease-out;
|
|
4552
4414
|
}
|
|
4553
4415
|
.iui-end-icon.iui-actionable.iui-open svg{
|
|
@@ -4557,7 +4419,7 @@ div.iui-header-breadcrumb-button-icon{
|
|
|
4557
4419
|
cursor:not-allowed;
|
|
4558
4420
|
}
|
|
4559
4421
|
.iui-end-icon.iui-disabled svg{
|
|
4560
|
-
fill:var(--iui-
|
|
4422
|
+
fill:var(--iui-icon-color-actionable-disabled);
|
|
4561
4423
|
}
|
|
4562
4424
|
.iui-keyboard{
|
|
4563
4425
|
margin:0;
|
|
@@ -4601,6 +4463,8 @@ div.iui-header-breadcrumb-button-icon{
|
|
|
4601
4463
|
-ms-user-select:none;
|
|
4602
4464
|
user-select:none;
|
|
4603
4465
|
position:relative;
|
|
4466
|
+
display:flex;
|
|
4467
|
+
flex-shrink:0;
|
|
4604
4468
|
width:24px;
|
|
4605
4469
|
height:24px;
|
|
4606
4470
|
cursor:pointer;
|
|
@@ -4652,9 +4516,11 @@ div.iui-header-breadcrumb-button-icon{
|
|
|
4652
4516
|
border-color:var(--iui-color-foreground-accessory) transparent transparent transparent;
|
|
4653
4517
|
}
|
|
4654
4518
|
.iui-location-marker-data-rich > .iui-location-marker-data-rich-body > .iui-location-marker-data-rich-icon{
|
|
4655
|
-
display:
|
|
4519
|
+
display:flex;
|
|
4520
|
+
flex-shrink:0;
|
|
4656
4521
|
width:16px;
|
|
4657
4522
|
height:16px;
|
|
4523
|
+
display:inline-block;
|
|
4658
4524
|
font-size:inherit;
|
|
4659
4525
|
vertical-align:-2px;
|
|
4660
4526
|
}
|
|
@@ -4673,9 +4539,11 @@ div.iui-header-breadcrumb-button-icon{
|
|
|
4673
4539
|
-ms-user-select:none;
|
|
4674
4540
|
user-select:none;
|
|
4675
4541
|
position:relative;
|
|
4676
|
-
|
|
4542
|
+
display:flex;
|
|
4543
|
+
flex-shrink:0;
|
|
4677
4544
|
width:24px;
|
|
4678
4545
|
height:24px;
|
|
4546
|
+
position:relative;
|
|
4679
4547
|
border-radius:50%;
|
|
4680
4548
|
cursor:default;
|
|
4681
4549
|
background:radial-gradient(circle at center, rgba(var(--iui-color-foreground-primary-rgb), 0), rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-5)));
|
|
@@ -4710,6 +4578,7 @@ div.iui-header-breadcrumb-button-icon{
|
|
|
4710
4578
|
width:100%;
|
|
4711
4579
|
margin:0;
|
|
4712
4580
|
padding:0;
|
|
4581
|
+
max-height:var(--iui-menu-max-height);
|
|
4713
4582
|
}
|
|
4714
4583
|
@media (forced-colors: active){
|
|
4715
4584
|
.iui-menu{
|
|
@@ -4720,14 +4589,17 @@ div.iui-header-breadcrumb-button-icon{
|
|
|
4720
4589
|
margin:0 4px;
|
|
4721
4590
|
}
|
|
4722
4591
|
.iui-menu div.iui-header-menu-icon{
|
|
4723
|
-
|
|
4592
|
+
display:flex;
|
|
4593
|
+
flex-shrink:0;
|
|
4724
4594
|
width:24px;
|
|
4725
4595
|
height:24px;
|
|
4596
|
+
margin:0;
|
|
4726
4597
|
border-radius:4px;
|
|
4727
4598
|
}
|
|
4728
4599
|
.iui-menu.iui-scroll{
|
|
4729
4600
|
overflow-y:auto;
|
|
4730
4601
|
overflow-y:overlay;
|
|
4602
|
+
--iui-menu-max-height:315px;
|
|
4731
4603
|
}
|
|
4732
4604
|
|
|
4733
4605
|
.iui-menu-item{
|
|
@@ -4735,9 +4607,10 @@ div.iui-header-breadcrumb-button-icon{
|
|
|
4735
4607
|
align-items:center;
|
|
4736
4608
|
font-size:14px;
|
|
4737
4609
|
padding:0 13px;
|
|
4738
|
-
height:
|
|
4610
|
+
height:40px;
|
|
4739
4611
|
cursor:pointer;
|
|
4740
4612
|
line-height:normal;
|
|
4613
|
+
color:var(--iui-color-foreground-2);
|
|
4741
4614
|
}
|
|
4742
4615
|
.iui-menu-item + .iui-menu-item{
|
|
4743
4616
|
margin-top:-1px;
|
|
@@ -4762,10 +4635,12 @@ div.iui-header-breadcrumb-button-icon{
|
|
|
4762
4635
|
opacity:var(--iui-opacity-3);
|
|
4763
4636
|
}
|
|
4764
4637
|
.iui-menu-item > .iui-icon{
|
|
4638
|
+
display:flex;
|
|
4639
|
+
flex-shrink:0;
|
|
4765
4640
|
width:16px;
|
|
4766
4641
|
height:16px;
|
|
4767
4642
|
flex:0 0 auto;
|
|
4768
|
-
fill:var(--iui-
|
|
4643
|
+
fill:var(--iui-icon-color-actionable);
|
|
4769
4644
|
}
|
|
4770
4645
|
.iui-menu-item > .iui-icon + .iui-content{
|
|
4771
4646
|
margin-left:8px;
|
|
@@ -4781,7 +4656,7 @@ div.iui-header-breadcrumb-button-icon{
|
|
|
4781
4656
|
outline:none;
|
|
4782
4657
|
}
|
|
4783
4658
|
.iui-menu-item.iui-large{
|
|
4784
|
-
height:
|
|
4659
|
+
height:52px;
|
|
4785
4660
|
}
|
|
4786
4661
|
.iui-menu-item.iui-large .iui-menu-description{
|
|
4787
4662
|
display:block;
|
|
@@ -4796,7 +4671,7 @@ div.iui-header-breadcrumb-button-icon{
|
|
|
4796
4671
|
opacity:1;
|
|
4797
4672
|
}
|
|
4798
4673
|
.iui-menu-item.iui-active > .iui-icon{
|
|
4799
|
-
fill:var(--iui-
|
|
4674
|
+
fill:var(--iui-icon-color-primary);
|
|
4800
4675
|
}
|
|
4801
4676
|
.iui-menu-item.iui-active:focus, .iui-menu-item.iui-active.iui-focused{
|
|
4802
4677
|
outline-width:2px;
|
|
@@ -4813,7 +4688,7 @@ div.iui-header-breadcrumb-button-icon{
|
|
|
4813
4688
|
color:var(--iui-text-color-placeholder);
|
|
4814
4689
|
}
|
|
4815
4690
|
.iui-menu-item.iui-disabled > .iui-icon, .iui-menu-item.iui-disabled:hover > .iui-icon{
|
|
4816
|
-
fill:var(--iui-
|
|
4691
|
+
fill:var(--iui-icon-color-actionable-disabled);
|
|
4817
4692
|
}
|
|
4818
4693
|
.iui-menu-item-skeleton{
|
|
4819
4694
|
--iui-menu-item-content-skeleton-max-width:30%;
|
|
@@ -4838,7 +4713,7 @@ div.iui-header-breadcrumb-button-icon{
|
|
|
4838
4713
|
}
|
|
4839
4714
|
|
|
4840
4715
|
.iui-menu-content{
|
|
4841
|
-
padding:
|
|
4716
|
+
padding:12px 13px;
|
|
4842
4717
|
}
|
|
4843
4718
|
|
|
4844
4719
|
.iui-menu-divider{
|
|
@@ -4866,7 +4741,7 @@ div.iui-header-breadcrumb-button-icon{
|
|
|
4866
4741
|
.iui-non-ideal-state > .iui-non-ideal-state-illustration{
|
|
4867
4742
|
max-width:220px;
|
|
4868
4743
|
max-height:242px;
|
|
4869
|
-
margin-bottom:
|
|
4744
|
+
margin-bottom:24px;
|
|
4870
4745
|
text-align:center;
|
|
4871
4746
|
display:flex;
|
|
4872
4747
|
justify-content:center;
|
|
@@ -4879,9 +4754,9 @@ div.iui-header-breadcrumb-button-icon{
|
|
|
4879
4754
|
vertical-align:baseline;
|
|
4880
4755
|
font-size:32px;
|
|
4881
4756
|
font-weight:300;
|
|
4882
|
-
line-height:
|
|
4757
|
+
line-height:48px;
|
|
4883
4758
|
padding:0;
|
|
4884
|
-
margin:0 0
|
|
4759
|
+
margin:0 0 24px;
|
|
4885
4760
|
}
|
|
4886
4761
|
.iui-non-ideal-state > .iui-non-ideal-state-description{
|
|
4887
4762
|
margin:0;
|
|
@@ -4890,9 +4765,9 @@ div.iui-header-breadcrumb-button-icon{
|
|
|
4890
4765
|
vertical-align:baseline;
|
|
4891
4766
|
font-size:14px;
|
|
4892
4767
|
font-weight:400;
|
|
4893
|
-
line-height:
|
|
4768
|
+
line-height:24px;
|
|
4894
4769
|
padding:0;
|
|
4895
|
-
margin:0 0
|
|
4770
|
+
margin:0 0 24px;
|
|
4896
4771
|
}
|
|
4897
4772
|
.iui-non-ideal-state > .iui-non-ideal-state-actions{
|
|
4898
4773
|
display:flex;
|
|
@@ -4948,6 +4823,7 @@ div.iui-header-breadcrumb-button-icon{
|
|
|
4948
4823
|
}
|
|
4949
4824
|
.iui-progress-indicator-linear > .iui-label svg{
|
|
4950
4825
|
display:flex;
|
|
4826
|
+
flex-shrink:0;
|
|
4951
4827
|
width:16px;
|
|
4952
4828
|
height:16px;
|
|
4953
4829
|
}
|
|
@@ -4959,7 +4835,7 @@ div.iui-header-breadcrumb-button-icon{
|
|
|
4959
4835
|
color:var(--iui-color-foreground-positive);
|
|
4960
4836
|
}
|
|
4961
4837
|
.iui-progress-indicator-linear.iui-positive > .iui-label svg{
|
|
4962
|
-
fill:var(--iui-
|
|
4838
|
+
fill:var(--iui-icon-color-positive);
|
|
4963
4839
|
}
|
|
4964
4840
|
.iui-progress-indicator-linear.iui-positive > .iui-label > span::-moz-selection, .iui-progress-indicator-linear.iui-positive > .iui-label > span *::-moz-selection{
|
|
4965
4841
|
background-color:rgba(var(--iui-color-foreground-positive-rgb), var(--iui-opacity-5));
|
|
@@ -4976,7 +4852,7 @@ div.iui-header-breadcrumb-button-icon{
|
|
|
4976
4852
|
color:var(--iui-color-foreground-negative);
|
|
4977
4853
|
}
|
|
4978
4854
|
.iui-progress-indicator-linear.iui-negative > .iui-label svg{
|
|
4979
|
-
fill:var(--iui-
|
|
4855
|
+
fill:var(--iui-icon-color-negative);
|
|
4980
4856
|
}
|
|
4981
4857
|
.iui-progress-indicator-linear.iui-negative > .iui-label > span::-moz-selection, .iui-progress-indicator-linear.iui-negative > .iui-label > span *::-moz-selection{
|
|
4982
4858
|
background-color:rgba(var(--iui-color-foreground-negative-rgb), var(--iui-opacity-5));
|
|
@@ -5056,13 +4932,14 @@ div.iui-header-breadcrumb-button-icon{
|
|
|
5056
4932
|
.iui-progress-indicator-radial .iui-inner-content svg,
|
|
5057
4933
|
.iui-progress-indicator-radial .iui-inner-content img{
|
|
5058
4934
|
display:flex;
|
|
4935
|
+
flex-shrink:0;
|
|
5059
4936
|
width:16px;
|
|
5060
4937
|
height:16px;
|
|
5061
|
-
fill:var(--iui-
|
|
4938
|
+
fill:var(--iui-icon-color-actionable);
|
|
5062
4939
|
}
|
|
5063
4940
|
.iui-progress-indicator-radial .iui-inner-content svg:hover,
|
|
5064
4941
|
.iui-progress-indicator-radial .iui-inner-content img:hover{
|
|
5065
|
-
fill:var(--iui-
|
|
4942
|
+
fill:var(--iui-icon-color-actionable-hover);
|
|
5066
4943
|
}
|
|
5067
4944
|
.iui-progress-indicator-radial.iui-positive{
|
|
5068
4945
|
color:var(--iui-color-foreground-positive);
|
|
@@ -5072,7 +4949,7 @@ div.iui-header-breadcrumb-button-icon{
|
|
|
5072
4949
|
stroke:var(--iui-color-foreground-positive);
|
|
5073
4950
|
}
|
|
5074
4951
|
.iui-progress-indicator-radial.iui-positive .iui-inner-content svg{
|
|
5075
|
-
fill:var(--iui-
|
|
4952
|
+
fill:var(--iui-icon-color-positive);
|
|
5076
4953
|
}
|
|
5077
4954
|
.iui-progress-indicator-radial.iui-negative{
|
|
5078
4955
|
color:var(--iui-color-foreground-negative);
|
|
@@ -5081,7 +4958,7 @@ div.iui-header-breadcrumb-button-icon{
|
|
|
5081
4958
|
stroke:var(--iui-color-foreground-negative);
|
|
5082
4959
|
}
|
|
5083
4960
|
.iui-progress-indicator-radial.iui-negative .iui-inner-content svg{
|
|
5084
|
-
fill:var(--iui-
|
|
4961
|
+
fill:var(--iui-icon-color-negative);
|
|
5085
4962
|
}
|
|
5086
4963
|
.iui-progress-indicator-radial.iui-x-small{
|
|
5087
4964
|
width:16px;
|
|
@@ -5103,6 +4980,8 @@ div.iui-header-breadcrumb-button-icon{
|
|
|
5103
4980
|
}
|
|
5104
4981
|
.iui-progress-indicator-radial.iui-large .iui-inner-content svg,
|
|
5105
4982
|
.iui-progress-indicator-radial.iui-large .iui-inner-content img{
|
|
4983
|
+
display:flex;
|
|
4984
|
+
flex-shrink:0;
|
|
5106
4985
|
width:24px;
|
|
5107
4986
|
height:24px;
|
|
5108
4987
|
}
|
|
@@ -5213,16 +5092,17 @@ div.iui-header-breadcrumb-button-icon{
|
|
|
5213
5092
|
--_iui-checkbox-border-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4));
|
|
5214
5093
|
--_iui-checkbox-background-color:var(--iui-color-background-1);
|
|
5215
5094
|
--_iui-checkbox-mask-image:initial;
|
|
5095
|
+
display:flex;
|
|
5096
|
+
flex-shrink:0;
|
|
5097
|
+
width:16px;
|
|
5098
|
+
height:16px;
|
|
5216
5099
|
-webkit-appearance:none;
|
|
5217
5100
|
-moz-appearance:none;
|
|
5218
5101
|
appearance:none;
|
|
5219
5102
|
margin:0;
|
|
5220
|
-
width:16px;
|
|
5221
|
-
height:16px;
|
|
5222
5103
|
position:relative;
|
|
5223
5104
|
border-radius:4px;
|
|
5224
5105
|
background-color:var(--_iui-checkbox-background-color);
|
|
5225
|
-
flex-shrink:0;
|
|
5226
5106
|
cursor:pointer;
|
|
5227
5107
|
border-radius:50%;
|
|
5228
5108
|
}
|
|
@@ -5257,6 +5137,8 @@ div.iui-header-breadcrumb-button-icon{
|
|
|
5257
5137
|
}
|
|
5258
5138
|
.iui-radio-wrapper > .iui-checkbox-label svg,
|
|
5259
5139
|
.iui-radio-wrapper > .iui-radio-label svg{
|
|
5140
|
+
display:flex;
|
|
5141
|
+
flex-shrink:0;
|
|
5260
5142
|
width:16px;
|
|
5261
5143
|
height:16px;
|
|
5262
5144
|
vertical-align:middle;
|
|
@@ -5267,7 +5149,7 @@ div.iui-header-breadcrumb-button-icon{
|
|
|
5267
5149
|
color:var(--iui-text-color-muted);
|
|
5268
5150
|
}
|
|
5269
5151
|
.iui-radio-wrapper.iui-disabled svg{
|
|
5270
|
-
fill:var(--iui-
|
|
5152
|
+
fill:var(--iui-icon-color-actionable-disabled);
|
|
5271
5153
|
}
|
|
5272
5154
|
.iui-radio-wrapper.iui-positive{
|
|
5273
5155
|
color:var(--iui-color-foreground-positive);
|
|
@@ -5321,7 +5203,7 @@ div.iui-header-breadcrumb-button-icon{
|
|
|
5321
5203
|
}
|
|
5322
5204
|
}
|
|
5323
5205
|
.iui-radio:disabled{
|
|
5324
|
-
--_iui-checkbox-svg-color:var(--iui-
|
|
5206
|
+
--_iui-checkbox-svg-color:var(--iui-icon-color-actionable-disabled);
|
|
5325
5207
|
--_iui-checkbox-border-color:var(--iui-color-background-border);
|
|
5326
5208
|
--_iui-checkbox-background-color:var(--iui-color-background-disabled);
|
|
5327
5209
|
cursor:not-allowed;
|
|
@@ -5334,14 +5216,14 @@ div.iui-header-breadcrumb-button-icon{
|
|
|
5334
5216
|
--_iui-checkbox-background-color:transparent;
|
|
5335
5217
|
}
|
|
5336
5218
|
.iui-radio.iui-checkbox-visibility:where(:not(:checked):not(:indeterminate)){
|
|
5337
|
-
--_iui-checkbox-svg-color:var(--iui-
|
|
5219
|
+
--_iui-checkbox-svg-color:var(--iui-icon-color-actionable);
|
|
5338
5220
|
}
|
|
5339
5221
|
.iui-radio.iui-checkbox-visibility:where(:hover){
|
|
5340
5222
|
--_iui-checkbox-border-color:transparent;
|
|
5341
5223
|
--_iui-checkbox-background-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-6));
|
|
5342
5224
|
}
|
|
5343
5225
|
.iui-radio.iui-checkbox-visibility:where(:disabled){
|
|
5344
|
-
--_iui-checkbox-svg-color:var(--iui-
|
|
5226
|
+
--_iui-checkbox-svg-color:var(--iui-icon-color-actionable-disabled);
|
|
5345
5227
|
--_iui-checkbox-background-color:var(--iui-color-background-disabled);
|
|
5346
5228
|
}
|
|
5347
5229
|
.iui-radio.iui-loading{
|
|
@@ -5381,7 +5263,7 @@ div.iui-header-breadcrumb-button-icon{
|
|
|
5381
5263
|
outline-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2));
|
|
5382
5264
|
}
|
|
5383
5265
|
.iui-radio-tile-content:hover .iui-radio-tile-icon{
|
|
5384
|
-
fill:var(--iui-
|
|
5266
|
+
fill:var(--iui-icon-color-actionable);
|
|
5385
5267
|
}
|
|
5386
5268
|
@media (forced-colors: active){
|
|
5387
5269
|
.iui-radio-tile-content:hover .iui-radio-tile-icon{
|
|
@@ -5422,7 +5304,7 @@ div.iui-header-breadcrumb-button-icon{
|
|
|
5422
5304
|
}
|
|
5423
5305
|
}
|
|
5424
5306
|
.iui-radio-tile-input:checked + * .iui-radio-tile-icon{
|
|
5425
|
-
fill:var(--iui-
|
|
5307
|
+
fill:var(--iui-icon-color-primary);
|
|
5426
5308
|
}
|
|
5427
5309
|
@media (forced-colors: active){
|
|
5428
5310
|
.iui-radio-tile-input:checked + * .iui-radio-tile-icon{
|
|
@@ -5430,9 +5312,11 @@ div.iui-header-breadcrumb-button-icon{
|
|
|
5430
5312
|
}
|
|
5431
5313
|
}
|
|
5432
5314
|
.iui-radio-tile-input:checked + *::after{
|
|
5433
|
-
|
|
5315
|
+
display:flex;
|
|
5316
|
+
flex-shrink:0;
|
|
5434
5317
|
width:16px;
|
|
5435
5318
|
height:16px;
|
|
5319
|
+
content:"";
|
|
5436
5320
|
position:absolute;
|
|
5437
5321
|
top:8px;
|
|
5438
5322
|
right:8px;
|
|
@@ -5452,7 +5336,7 @@ div.iui-header-breadcrumb-button-icon{
|
|
|
5452
5336
|
background-color:var(--iui-color-background-disabled);
|
|
5453
5337
|
}
|
|
5454
5338
|
.iui-radio-tile-input:disabled + *::after{
|
|
5455
|
-
background-color:var(--iui-
|
|
5339
|
+
background-color:var(--iui-icon-color-actionable-disabled);
|
|
5456
5340
|
}
|
|
5457
5341
|
@media (forced-colors: active){
|
|
5458
5342
|
.iui-radio-tile-input:disabled + *::after{
|
|
@@ -5461,7 +5345,7 @@ div.iui-header-breadcrumb-button-icon{
|
|
|
5461
5345
|
}
|
|
5462
5346
|
.iui-radio-tile-input:disabled + * .iui-radio-tile-icon{
|
|
5463
5347
|
filter:grayscale(100%);
|
|
5464
|
-
fill:var(--iui-
|
|
5348
|
+
fill:var(--iui-icon-color-actionable-disabled);
|
|
5465
5349
|
}
|
|
5466
5350
|
@media (forced-colors: active){
|
|
5467
5351
|
.iui-radio-tile-input:disabled + * .iui-radio-tile-icon{
|
|
@@ -5510,11 +5394,18 @@ div.iui-header-breadcrumb-button-icon{
|
|
|
5510
5394
|
}
|
|
5511
5395
|
|
|
5512
5396
|
.iui-radio-tile-icon{
|
|
5397
|
+
display:flex;
|
|
5398
|
+
flex-shrink:0;
|
|
5513
5399
|
width:32px;
|
|
5514
5400
|
height:32px;
|
|
5515
|
-
|
|
5516
|
-
margin:6px auto
|
|
5517
|
-
fill:var(--iui-
|
|
5401
|
+
fill:var(--iui-icon-color);
|
|
5402
|
+
margin:6px auto 12px;
|
|
5403
|
+
fill:var(--iui-icon-color);
|
|
5404
|
+
}
|
|
5405
|
+
@media (forced-colors: active){
|
|
5406
|
+
.iui-radio-tile-icon{
|
|
5407
|
+
fill:CanvasText;
|
|
5408
|
+
}
|
|
5518
5409
|
}
|
|
5519
5410
|
@media (prefers-reduced-motion: no-preference){
|
|
5520
5411
|
.iui-radio-tile-icon{
|
|
@@ -5530,7 +5421,7 @@ div.iui-header-breadcrumb-button-icon{
|
|
|
5530
5421
|
.iui-radio-tile-label{
|
|
5531
5422
|
font-size:14px;
|
|
5532
5423
|
font-weight:600;
|
|
5533
|
-
line-height:
|
|
5424
|
+
line-height:24px;
|
|
5534
5425
|
text-align:center;
|
|
5535
5426
|
word-break:break-word;
|
|
5536
5427
|
color:var(--iui-text-color);
|
|
@@ -5538,7 +5429,7 @@ div.iui-header-breadcrumb-button-icon{
|
|
|
5538
5429
|
|
|
5539
5430
|
.iui-radio-tile-sublabel{
|
|
5540
5431
|
font-size:12px;
|
|
5541
|
-
line-height:
|
|
5432
|
+
line-height:17px;
|
|
5542
5433
|
text-align:center;
|
|
5543
5434
|
word-break:break-word;
|
|
5544
5435
|
color:var(--iui-text-color-muted);
|
|
@@ -5548,7 +5439,7 @@ div.iui-header-breadcrumb-button-icon{
|
|
|
5548
5439
|
margin:0;
|
|
5549
5440
|
border-radius:4px;
|
|
5550
5441
|
padding:7px 12px;
|
|
5551
|
-
min-height:
|
|
5442
|
+
min-height:40px;
|
|
5552
5443
|
transition:border-color 0.2s ease-out;
|
|
5553
5444
|
display:flex;
|
|
5554
5445
|
align-items:center;
|
|
@@ -5573,14 +5464,14 @@ div.iui-header-breadcrumb-button-icon{
|
|
|
5573
5464
|
}
|
|
5574
5465
|
}
|
|
5575
5466
|
.iui-select-button.iui-small{
|
|
5576
|
-
padding-top:
|
|
5577
|
-
padding-bottom:
|
|
5578
|
-
min-height:
|
|
5467
|
+
padding-top:1px;
|
|
5468
|
+
padding-bottom:1px;
|
|
5469
|
+
min-height:28px;
|
|
5579
5470
|
}
|
|
5580
5471
|
.iui-select-button.iui-large{
|
|
5581
|
-
padding-top:
|
|
5582
|
-
padding-bottom:
|
|
5583
|
-
min-height:
|
|
5472
|
+
padding-top:13px;
|
|
5473
|
+
padding-bottom:13px;
|
|
5474
|
+
min-height:52px;
|
|
5584
5475
|
font-size:16px;
|
|
5585
5476
|
}
|
|
5586
5477
|
.iui-select-button.iui-disabled{
|
|
@@ -5590,10 +5481,12 @@ div.iui-header-breadcrumb-button-icon{
|
|
|
5590
5481
|
cursor:not-allowed;
|
|
5591
5482
|
}
|
|
5592
5483
|
.iui-select-button .iui-icon{
|
|
5484
|
+
display:flex;
|
|
5485
|
+
flex-shrink:0;
|
|
5593
5486
|
width:16px;
|
|
5594
5487
|
height:16px;
|
|
5595
5488
|
flex:0 0 auto;
|
|
5596
|
-
fill:var(--iui-
|
|
5489
|
+
fill:var(--iui-icon-color-actionable);
|
|
5597
5490
|
fill:currentColor;
|
|
5598
5491
|
}
|
|
5599
5492
|
.iui-select-button .iui-icon + .iui-content{
|
|
@@ -5632,9 +5525,9 @@ div.iui-header-breadcrumb-button-icon{
|
|
|
5632
5525
|
user-select:all;
|
|
5633
5526
|
text-transform:lowercase;
|
|
5634
5527
|
display:inline-flex;
|
|
5635
|
-
height:
|
|
5636
|
-
margin-top:
|
|
5637
|
-
margin-bottom:
|
|
5528
|
+
height:36px;
|
|
5529
|
+
margin-top:4px;
|
|
5530
|
+
margin-bottom:4px;
|
|
5638
5531
|
border-radius:9999px;
|
|
5639
5532
|
padding:0 2px;
|
|
5640
5533
|
align-items:center;
|
|
@@ -5651,7 +5544,7 @@ div.iui-header-breadcrumb-button-icon{
|
|
|
5651
5544
|
display:inline-flex;
|
|
5652
5545
|
align-items:center;
|
|
5653
5546
|
height:80%;
|
|
5654
|
-
max-height:
|
|
5547
|
+
max-height:36px;
|
|
5655
5548
|
}
|
|
5656
5549
|
.iui-select-tag:hover{
|
|
5657
5550
|
border-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-1));
|
|
@@ -5664,7 +5557,7 @@ div.iui-header-breadcrumb-button-icon{
|
|
|
5664
5557
|
vertical-align:baseline;
|
|
5665
5558
|
font-size:14px;
|
|
5666
5559
|
font-weight:400;
|
|
5667
|
-
line-height:
|
|
5560
|
+
line-height:24px;
|
|
5668
5561
|
white-space:nowrap;
|
|
5669
5562
|
text-overflow:ellipsis;
|
|
5670
5563
|
overflow:hidden;
|
|
@@ -5677,7 +5570,7 @@ div.iui-header-breadcrumb-button-icon{
|
|
|
5677
5570
|
}
|
|
5678
5571
|
.iui-select-button.iui-small .iui-select-tag-label{
|
|
5679
5572
|
font-size:12px;
|
|
5680
|
-
line-height:
|
|
5573
|
+
line-height:18px;
|
|
5681
5574
|
}
|
|
5682
5575
|
|
|
5683
5576
|
.iui-select-tag-button{
|
|
@@ -5692,7 +5585,7 @@ div.iui-header-breadcrumb-button-icon{
|
|
|
5692
5585
|
justify-content:center;
|
|
5693
5586
|
position:relative;
|
|
5694
5587
|
border-radius:4px;
|
|
5695
|
-
line-height:
|
|
5588
|
+
line-height:24px;
|
|
5696
5589
|
font-size:14px;
|
|
5697
5590
|
font-weight:400;
|
|
5698
5591
|
-webkit-user-select:none;
|
|
@@ -5711,14 +5604,14 @@ div.iui-header-breadcrumb-button-icon{
|
|
|
5711
5604
|
-webkit-tap-highlight-color:transparent;
|
|
5712
5605
|
text-decoration:none;
|
|
5713
5606
|
--_iui-button-gap:8px;
|
|
5714
|
-
--_iui-button-height:
|
|
5607
|
+
--_iui-button-height:40px;
|
|
5715
5608
|
--_iui-button-padding-inline:16px;
|
|
5716
5609
|
--_iui-button-text-color:var(--iui-text-color);
|
|
5717
5610
|
--_iui-button-background-color:transparent;
|
|
5718
5611
|
--_iui-button-border-color:transparent;
|
|
5719
|
-
--_iui-button-icon-margin-x:
|
|
5612
|
+
--_iui-button-icon-margin-x:4px;
|
|
5720
5613
|
--_iui-button-gap:8px;
|
|
5721
|
-
--_iui-button-height:
|
|
5614
|
+
--_iui-button-height:40px;
|
|
5722
5615
|
--_iui-button-padding-inline:16px;
|
|
5723
5616
|
--_iui-button-padding-inline:8px;
|
|
5724
5617
|
border-radius:50%;
|
|
@@ -5751,10 +5644,12 @@ div.iui-header-breadcrumb-button-icon{
|
|
|
5751
5644
|
}
|
|
5752
5645
|
.iui-select-button.iui-small .iui-select-tag-button{
|
|
5753
5646
|
font-size:12px;
|
|
5754
|
-
line-height:
|
|
5647
|
+
line-height:18px;
|
|
5755
5648
|
}
|
|
5756
5649
|
|
|
5757
5650
|
.iui-select-tag-button-icon{
|
|
5651
|
+
display:flex;
|
|
5652
|
+
flex-shrink:0;
|
|
5758
5653
|
width:16px;
|
|
5759
5654
|
height:16px;
|
|
5760
5655
|
transition:fill 0.2s ease-out;
|
|
@@ -5766,6 +5661,8 @@ div.iui-header-breadcrumb-button-icon{
|
|
|
5766
5661
|
margin-right:var(--_iui-button-icon-margin-x);
|
|
5767
5662
|
}
|
|
5768
5663
|
.iui-select-button.iui-small .iui-select-tag-button-icon{
|
|
5664
|
+
display:flex;
|
|
5665
|
+
flex-shrink:0;
|
|
5769
5666
|
width:12px;
|
|
5770
5667
|
height:12px;
|
|
5771
5668
|
}
|
|
@@ -5839,7 +5736,7 @@ div.iui-header-breadcrumb-button-icon{
|
|
|
5839
5736
|
--_iui-button-active-stripe-inset:0 0 0 calc(100% - 2px);
|
|
5840
5737
|
}
|
|
5841
5738
|
.iui-side-navigation .iui-sidenav-button:not(.iui-expand){
|
|
5842
|
-
height:
|
|
5739
|
+
height:60px;
|
|
5843
5740
|
}
|
|
5844
5741
|
@supports (padding: max(0px)){
|
|
5845
5742
|
.iui-side-navigation .iui-sidenav-button:not(.iui-expand){
|
|
@@ -5855,9 +5752,10 @@ div.iui-header-breadcrumb-button-icon{
|
|
|
5855
5752
|
border-color:var(--iui-color-background-border);
|
|
5856
5753
|
}
|
|
5857
5754
|
.iui-side-navigation .iui-sidenav-button > .iui-button-icon:not(.iui-avatar){
|
|
5755
|
+
display:flex;
|
|
5756
|
+
flex-shrink:0;
|
|
5858
5757
|
width:24px;
|
|
5859
5758
|
height:24px;
|
|
5860
|
-
flex-shrink:0;
|
|
5861
5759
|
}
|
|
5862
5760
|
.iui-side-navigation .iui-sidenav-button.iui-submenu-open .iui-button-icon{
|
|
5863
5761
|
fill:var(--iui-color-foreground-primary);
|
|
@@ -5866,28 +5764,22 @@ div.iui-header-breadcrumb-button-icon{
|
|
|
5866
5764
|
background-color:var(--iui-color-background-2);
|
|
5867
5765
|
}
|
|
5868
5766
|
.iui-side-navigation .iui-sidenav-button.iui-expand{
|
|
5869
|
-
height:
|
|
5767
|
+
height:24px;
|
|
5870
5768
|
justify-content:center;
|
|
5871
5769
|
border:none;
|
|
5872
5770
|
border-bottom:1px solid var(--iui-color-background-border);
|
|
5873
5771
|
}
|
|
5874
5772
|
.iui-side-navigation .iui-sidenav-button.iui-expand > .iui-button-icon{
|
|
5875
|
-
|
|
5876
|
-
|
|
5773
|
+
display:flex;
|
|
5774
|
+
flex-shrink:0;
|
|
5877
5775
|
width:12px;
|
|
5878
5776
|
height:12px;
|
|
5777
|
+
fill:var(--iui-icon-color);
|
|
5879
5778
|
}
|
|
5880
|
-
|
|
5881
|
-
|
|
5882
|
-
|
|
5883
|
-
|
|
5884
|
-
fill:var(--iui-icons-color-positive);
|
|
5885
|
-
}
|
|
5886
|
-
.iui-side-navigation .iui-sidenav-button.iui-expand > .iui-button-icon.iui-warning{
|
|
5887
|
-
fill:var(--iui-icons-color-warning);
|
|
5888
|
-
}
|
|
5889
|
-
.iui-side-navigation .iui-sidenav-button.iui-expand > .iui-button-icon.iui-negative{
|
|
5890
|
-
fill:var(--iui-icons-color-negative);
|
|
5779
|
+
@media (forced-colors: active){
|
|
5780
|
+
.iui-side-navigation .iui-sidenav-button.iui-expand > .iui-button-icon{
|
|
5781
|
+
fill:CanvasText;
|
|
5782
|
+
}
|
|
5891
5783
|
}
|
|
5892
5784
|
@media (prefers-reduced-motion: no-preference){
|
|
5893
5785
|
.iui-side-navigation .iui-sidenav-button.iui-expand > .iui-button-icon{
|
|
@@ -5932,11 +5824,11 @@ div.iui-header-breadcrumb-button-icon{
|
|
|
5932
5824
|
display:flex;
|
|
5933
5825
|
}
|
|
5934
5826
|
.iui-side-navigation-submenu-content{
|
|
5935
|
-
padding:0 12px
|
|
5827
|
+
padding:0 12px 12px;
|
|
5936
5828
|
flex-shrink:0;
|
|
5937
5829
|
}
|
|
5938
5830
|
.iui-side-navigation-submenu-header{
|
|
5939
|
-
height:
|
|
5831
|
+
height:60px;
|
|
5940
5832
|
display:flex;
|
|
5941
5833
|
align-items:center;
|
|
5942
5834
|
justify-content:space-between;
|
|
@@ -5948,7 +5840,7 @@ div.iui-header-breadcrumb-button-icon{
|
|
|
5948
5840
|
vertical-align:baseline;
|
|
5949
5841
|
font-size:24px;
|
|
5950
5842
|
font-weight:300;
|
|
5951
|
-
line-height:
|
|
5843
|
+
line-height:36px;
|
|
5952
5844
|
display:flex;
|
|
5953
5845
|
align-items:center;
|
|
5954
5846
|
overflow:hidden;
|
|
@@ -5980,11 +5872,11 @@ div.iui-header-breadcrumb-button-icon{
|
|
|
5980
5872
|
-moz-user-select:none;
|
|
5981
5873
|
-ms-user-select:none;
|
|
5982
5874
|
user-select:none;
|
|
5983
|
-
padding:
|
|
5875
|
+
padding:9px 16px;
|
|
5984
5876
|
position:fixed;
|
|
5985
5877
|
text-align:center;
|
|
5986
5878
|
left:50%;
|
|
5987
|
-
top:
|
|
5879
|
+
top:24px;
|
|
5988
5880
|
opacity:0;
|
|
5989
5881
|
z-index:99;
|
|
5990
5882
|
transform:translateX(-50%) translateY(-170%);
|
|
@@ -6032,48 +5924,96 @@ div.iui-header-breadcrumb-button-icon{
|
|
|
6032
5924
|
transition:opacity 0s ease-in-out, background-color 0.2s ease-in-out, transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
|
|
6033
5925
|
}
|
|
6034
5926
|
}
|
|
6035
|
-
.iui-slider-
|
|
6036
|
-
|
|
6037
|
-
min-height:22px;
|
|
5927
|
+
.iui-slider-horizontal{
|
|
5928
|
+
min-height:24px;
|
|
6038
5929
|
}
|
|
6039
|
-
.iui-slider-
|
|
6040
|
-
|
|
6041
|
-
|
|
6042
|
-
|
|
6043
|
-
user-select:all;
|
|
6044
|
-
margin-top:2px;
|
|
5930
|
+
.iui-slider-horizontal .iui-slider-rail{
|
|
5931
|
+
width:100%;
|
|
5932
|
+
height:4px;
|
|
5933
|
+
top:12px;
|
|
6045
5934
|
}
|
|
6046
|
-
.iui-slider-
|
|
6047
|
-
|
|
6048
|
-
|
|
6049
|
-
display:inline-flex;
|
|
6050
|
-
width:16px;
|
|
6051
|
-
height:16px;
|
|
6052
|
-
margin-top:4px;
|
|
5935
|
+
.iui-slider-horizontal .iui-slider-thumb{
|
|
5936
|
+
top:5px;
|
|
5937
|
+
transform:translateX(-50%);
|
|
6053
5938
|
}
|
|
6054
|
-
.iui-slider-
|
|
6055
|
-
|
|
6056
|
-
|
|
5939
|
+
.iui-slider-horizontal .iui-slider-track{
|
|
5940
|
+
height:4px;
|
|
5941
|
+
left:0;
|
|
6057
5942
|
}
|
|
6058
|
-
.iui-slider-
|
|
6059
|
-
|
|
6060
|
-
fill:var(--iui-icons-color-positive);
|
|
5943
|
+
.iui-slider-horizontal .iui-slider-ticks{
|
|
5944
|
+
padding-top:16px;
|
|
6061
5945
|
}
|
|
6062
|
-
.iui-slider-
|
|
6063
|
-
|
|
6064
|
-
|
|
5946
|
+
.iui-slider-horizontal .iui-slider-ticks .iui-slider-tick{
|
|
5947
|
+
flex-direction:column;
|
|
5948
|
+
width:1px;
|
|
6065
5949
|
}
|
|
6066
|
-
.iui-slider-
|
|
6067
|
-
|
|
6068
|
-
|
|
5950
|
+
.iui-slider-horizontal .iui-slider-ticks .iui-slider-tick::before{
|
|
5951
|
+
content:"";
|
|
5952
|
+
width:1px;
|
|
5953
|
+
height:12px;
|
|
6069
5954
|
}
|
|
6070
|
-
.iui-slider-
|
|
5955
|
+
.iui-slider-horizontal .iui-slider-min,
|
|
5956
|
+
.iui-slider-horizontal .iui-slider-max{
|
|
5957
|
+
margin-top:2px;
|
|
5958
|
+
}
|
|
5959
|
+
.iui-slider-horizontal .iui-slider-min{
|
|
6071
5960
|
margin-right:12px;
|
|
6072
5961
|
text-align:right;
|
|
6073
5962
|
}
|
|
6074
|
-
.iui-slider-
|
|
5963
|
+
.iui-slider-horizontal .iui-slider-max{
|
|
6075
5964
|
margin-left:12px;
|
|
6076
5965
|
}
|
|
5966
|
+
|
|
5967
|
+
.iui-slider-vertical{
|
|
5968
|
+
flex-direction:column-reverse;
|
|
5969
|
+
min-width:24px;
|
|
5970
|
+
height:100%;
|
|
5971
|
+
}
|
|
5972
|
+
.iui-slider-vertical .iui-slider-rail{
|
|
5973
|
+
width:4px;
|
|
5974
|
+
height:100%;
|
|
5975
|
+
left:12px;
|
|
5976
|
+
}
|
|
5977
|
+
.iui-slider-vertical .iui-slider-thumb{
|
|
5978
|
+
transform:translateY(50%);
|
|
5979
|
+
left:5px;
|
|
5980
|
+
}
|
|
5981
|
+
.iui-slider-vertical .iui-slider-track{
|
|
5982
|
+
width:4px;
|
|
5983
|
+
bottom:0;
|
|
5984
|
+
left:12px;
|
|
5985
|
+
}
|
|
5986
|
+
.iui-slider-vertical .iui-slider-ticks{
|
|
5987
|
+
padding-left:16px;
|
|
5988
|
+
flex-direction:column-reverse;
|
|
5989
|
+
align-items:flex-start;
|
|
5990
|
+
height:100%;
|
|
5991
|
+
}
|
|
5992
|
+
.iui-slider-vertical .iui-slider-ticks .iui-slider-tick{
|
|
5993
|
+
flex:row;
|
|
5994
|
+
height:1px;
|
|
5995
|
+
}
|
|
5996
|
+
.iui-slider-vertical .iui-slider-ticks .iui-slider-tick::before{
|
|
5997
|
+
content:"";
|
|
5998
|
+
width:12px;
|
|
5999
|
+
height:1px;
|
|
6000
|
+
margin-right:12px;
|
|
6001
|
+
}
|
|
6002
|
+
.iui-slider-vertical .iui-slider-min,
|
|
6003
|
+
.iui-slider-vertical .iui-slider-max{
|
|
6004
|
+
margin-left:2px;
|
|
6005
|
+
text-align:center;
|
|
6006
|
+
}
|
|
6007
|
+
.iui-slider-vertical .iui-slider-min{
|
|
6008
|
+
margin-top:12px;
|
|
6009
|
+
}
|
|
6010
|
+
.iui-slider-vertical .iui-slider-max{
|
|
6011
|
+
margin-bottom:12px;
|
|
6012
|
+
}
|
|
6013
|
+
|
|
6014
|
+
.iui-slider-component-container{
|
|
6015
|
+
display:flex;
|
|
6016
|
+
}
|
|
6077
6017
|
.iui-slider-component-container.iui-disabled{
|
|
6078
6018
|
cursor:not-allowed;
|
|
6079
6019
|
}
|
|
@@ -6098,6 +6038,13 @@ div.iui-header-breadcrumb-button-icon{
|
|
|
6098
6038
|
user-select:none;
|
|
6099
6039
|
color:var(--iui-text-color-muted);
|
|
6100
6040
|
}
|
|
6041
|
+
@media (forced-colors: active){
|
|
6042
|
+
.iui-slider-component-container.iui-disabled .iui-slider-min,
|
|
6043
|
+
.iui-slider-component-container.iui-disabled .iui-slider-max,
|
|
6044
|
+
.iui-slider-component-container.iui-disabled .iui-slider-tick{
|
|
6045
|
+
color:GrayText;
|
|
6046
|
+
}
|
|
6047
|
+
}
|
|
6101
6048
|
|
|
6102
6049
|
.iui-slider-container{
|
|
6103
6050
|
position:relative;
|
|
@@ -6113,7 +6060,6 @@ div.iui-header-breadcrumb-button-icon{
|
|
|
6113
6060
|
|
|
6114
6061
|
.iui-slider-ticks{
|
|
6115
6062
|
position:relative;
|
|
6116
|
-
padding-top:16px;
|
|
6117
6063
|
display:flex;
|
|
6118
6064
|
pointer-events:none;
|
|
6119
6065
|
justify-content:space-between;
|
|
@@ -6127,18 +6073,21 @@ div.iui-header-breadcrumb-button-icon{
|
|
|
6127
6073
|
display:flex;
|
|
6128
6074
|
pointer-events:none;
|
|
6129
6075
|
justify-content:center;
|
|
6130
|
-
|
|
6131
|
-
|
|
6132
|
-
|
|
6133
|
-
margin-bottom:22px;
|
|
6076
|
+
align-items:center;
|
|
6077
|
+
}
|
|
6078
|
+
.iui-slider-ticks .iui-slider-tick::before{
|
|
6134
6079
|
background-color:var(--iui-color-background-4);
|
|
6135
6080
|
}
|
|
6081
|
+
@media (forced-colors: active){
|
|
6082
|
+
.iui-slider-ticks .iui-slider-tick::before{
|
|
6083
|
+
background-color:CanvasText;
|
|
6084
|
+
}
|
|
6085
|
+
}
|
|
6136
6086
|
|
|
6137
6087
|
.iui-slider-rail{
|
|
6138
6088
|
position:absolute;
|
|
6139
6089
|
width:100%;
|
|
6140
6090
|
height:4px;
|
|
6141
|
-
top:12px;
|
|
6142
6091
|
background-color:var(--iui-color-background-border);
|
|
6143
6092
|
}
|
|
6144
6093
|
|
|
@@ -6148,8 +6097,6 @@ div.iui-header-breadcrumb-button-icon{
|
|
|
6148
6097
|
height:16px;
|
|
6149
6098
|
width:16px;
|
|
6150
6099
|
border-radius:100%;
|
|
6151
|
-
top:5px;
|
|
6152
|
-
transform:translateX(-9px);
|
|
6153
6100
|
z-index:1;
|
|
6154
6101
|
cursor:-webkit-grab;
|
|
6155
6102
|
cursor:grab;
|
|
@@ -6174,15 +6121,28 @@ div.iui-header-breadcrumb-button-icon{
|
|
|
6174
6121
|
.iui-slider-track{
|
|
6175
6122
|
pointer-events:none;
|
|
6176
6123
|
position:absolute;
|
|
6177
|
-
height:4px;
|
|
6178
|
-
left:0;
|
|
6179
6124
|
top:12px;
|
|
6180
6125
|
background-color:var(--iui-color-foreground-primary);
|
|
6181
6126
|
}
|
|
6127
|
+
|
|
6128
|
+
.iui-slider-min,
|
|
6129
|
+
.iui-slider-max{
|
|
6130
|
+
-webkit-user-select:all;
|
|
6131
|
+
-moz-user-select:all;
|
|
6132
|
+
user-select:all;
|
|
6133
|
+
}
|
|
6134
|
+
.iui-slider-min svg,
|
|
6135
|
+
.iui-slider-max svg{
|
|
6136
|
+
display:flex;
|
|
6137
|
+
flex-shrink:0;
|
|
6138
|
+
width:16px;
|
|
6139
|
+
height:16px;
|
|
6140
|
+
margin-top:4px;
|
|
6141
|
+
}
|
|
6182
6142
|
.iui-stepper{
|
|
6183
6143
|
display:flex;
|
|
6184
6144
|
flex-direction:column;
|
|
6185
|
-
row-gap:
|
|
6145
|
+
row-gap:6px;
|
|
6186
6146
|
}
|
|
6187
6147
|
.iui-stepper > ol{
|
|
6188
6148
|
margin:0;
|
|
@@ -6212,7 +6172,7 @@ div.iui-header-breadcrumb-button-icon{
|
|
|
6212
6172
|
vertical-align:baseline;
|
|
6213
6173
|
font-size:12px;
|
|
6214
6174
|
font-weight:400;
|
|
6215
|
-
line-height:
|
|
6175
|
+
line-height:24px;
|
|
6216
6176
|
color:var(--_iui-stepper-step-text-color);
|
|
6217
6177
|
}
|
|
6218
6178
|
.iui-stepper-step:first-of-type{
|
|
@@ -6233,10 +6193,10 @@ div.iui-header-breadcrumb-button-icon{
|
|
|
6233
6193
|
--_iui-stepper-step-border-color:var(--iui-color-background-border);
|
|
6234
6194
|
--_iui-stepper-step-number-color:var(--iui-text-color-muted);
|
|
6235
6195
|
--_iui-stepper-step-text-color:var(--iui-text-color-muted);
|
|
6236
|
-
--_iui-stepper-step-track-before-color:var(--iui-color-background-
|
|
6196
|
+
--_iui-stepper-step-track-before-color:var(--iui-color-background-border);
|
|
6237
6197
|
}
|
|
6238
6198
|
.iui-stepper-step.iui-current ~ .iui-stepper-step:not(:last-of-type){
|
|
6239
|
-
--_iui-stepper-step-track-after-color:var(--iui-color-background-
|
|
6199
|
+
--_iui-stepper-step-track-after-color:var(--iui-color-background-border);
|
|
6240
6200
|
}
|
|
6241
6201
|
.iui-stepper-step.iui-clickable:focus{
|
|
6242
6202
|
outline:0;
|
|
@@ -6339,8 +6299,8 @@ div.iui-header-breadcrumb-button-icon{
|
|
|
6339
6299
|
display:flex;
|
|
6340
6300
|
flex-direction:column;
|
|
6341
6301
|
isolation:isolate;
|
|
6342
|
-
--_iui-table-header-size:
|
|
6343
|
-
--_iui-table-row-size:
|
|
6302
|
+
--_iui-table-header-size:60px;
|
|
6303
|
+
--_iui-table-row-size:62px;
|
|
6344
6304
|
}
|
|
6345
6305
|
.iui-table .iui-table-cell-end-icon,
|
|
6346
6306
|
.iui-table .iui-table-cell-start-icon{
|
|
@@ -6352,6 +6312,7 @@ div.iui-header-breadcrumb-button-icon{
|
|
|
6352
6312
|
.iui-table .iui-table-cell-end-icon svg:not(.iui-radial),
|
|
6353
6313
|
.iui-table .iui-table-cell-start-icon svg:not(.iui-radial){
|
|
6354
6314
|
display:flex;
|
|
6315
|
+
flex-shrink:0;
|
|
6355
6316
|
width:16px;
|
|
6356
6317
|
height:16px;
|
|
6357
6318
|
}
|
|
@@ -6365,15 +6326,15 @@ div.iui-header-breadcrumb-button-icon{
|
|
|
6365
6326
|
margin-left:auto;
|
|
6366
6327
|
}
|
|
6367
6328
|
.iui-table[data-iui-size=condensed]{
|
|
6368
|
-
--_iui-table-header-size:
|
|
6369
|
-
--_iui-table-row-size:
|
|
6329
|
+
--_iui-table-header-size:48px;
|
|
6330
|
+
--_iui-table-row-size:50px;
|
|
6370
6331
|
}
|
|
6371
6332
|
.iui-table[data-iui-size=extra-condensed]{
|
|
6372
|
-
--_iui-table-header-size:
|
|
6373
|
-
--_iui-table-row-size:
|
|
6333
|
+
--_iui-table-header-size:36px;
|
|
6334
|
+
--_iui-table-row-size:38px;
|
|
6374
6335
|
}
|
|
6375
6336
|
.iui-table[data-iui-size=extra-condensed] .iui-table-header .iui-table-cell{
|
|
6376
|
-
padding-block:
|
|
6337
|
+
padding-block:3px;
|
|
6377
6338
|
}
|
|
6378
6339
|
.iui-table .iui-table-header .iui-table-cell,
|
|
6379
6340
|
.iui-table .iui-table-paginator{
|
|
@@ -6409,7 +6370,7 @@ div.iui-header-breadcrumb-button-icon{
|
|
|
6409
6370
|
.iui-table-header .iui-table-cell:not(.iui-slot){
|
|
6410
6371
|
-moz-column-gap:4px;
|
|
6411
6372
|
column-gap:4px;
|
|
6412
|
-
padding-block:
|
|
6373
|
+
padding-block:6px;
|
|
6413
6374
|
}
|
|
6414
6375
|
.iui-table-header .iui-table-cell:not(.iui-slot):focus-visible{
|
|
6415
6376
|
outline:1px solid var(--iui-color-foreground-primary);
|
|
@@ -6483,14 +6444,13 @@ div.iui-header-breadcrumb-button-icon{
|
|
|
6483
6444
|
}
|
|
6484
6445
|
.iui-table-header .iui-table-sort{
|
|
6485
6446
|
visibility:hidden;
|
|
6486
|
-
fill:var(--iui-icons-color);
|
|
6487
6447
|
}
|
|
6488
6448
|
.iui-table-header .iui-sorted{
|
|
6489
6449
|
background-color:var(--iui-color-background-4);
|
|
6490
6450
|
}
|
|
6491
6451
|
.iui-table-header .iui-sorted .iui-table-sort{
|
|
6492
6452
|
visibility:visible;
|
|
6493
|
-
fill:var(--iui-
|
|
6453
|
+
fill:var(--iui-icon-color-actionable);
|
|
6494
6454
|
}
|
|
6495
6455
|
|
|
6496
6456
|
.iui-table-row{
|
|
@@ -6619,7 +6579,7 @@ div.iui-header-breadcrumb-button-icon{
|
|
|
6619
6579
|
}
|
|
6620
6580
|
.iui-table-body .iui-table-row[data-iui-status=positive] .iui-table-cell:first-of-type,
|
|
6621
6581
|
.iui-table-body .iui-table-row[data-iui-status=positive] + .iui-table-expanded-content{
|
|
6622
|
-
box-shadow:inset 2px 0 0 0 var(--iui-
|
|
6582
|
+
box-shadow:inset 2px 0 0 0 var(--iui-icon-color-positive);
|
|
6623
6583
|
}
|
|
6624
6584
|
.iui-table-body .iui-table-row[data-iui-status=positive] .iui-table-cell:first-of-type::-moz-selection, .iui-table-body .iui-table-row[data-iui-status=positive] .iui-table-cell:first-of-type *::-moz-selection, .iui-table-body .iui-table-row[data-iui-status=positive] + .iui-table-expanded-content::-moz-selection, .iui-table-body .iui-table-row[data-iui-status=positive] + .iui-table-expanded-content *::-moz-selection{
|
|
6625
6585
|
background-color:rgba(var(--iui-color-foreground-positive-rgb), var(--iui-opacity-5));
|
|
@@ -6631,11 +6591,11 @@ div.iui-header-breadcrumb-button-icon{
|
|
|
6631
6591
|
background-color:rgba(var(--iui-color-foreground-positive-rgb), var(--iui-opacity-5));
|
|
6632
6592
|
}
|
|
6633
6593
|
.iui-table-body .iui-table-row[data-iui-status=positive] .iui-table-cell-end-icon svg{
|
|
6634
|
-
fill:var(--iui-
|
|
6594
|
+
fill:var(--iui-icon-color-positive);
|
|
6635
6595
|
}
|
|
6636
6596
|
.iui-table-body .iui-table-row[data-iui-status=warning] .iui-table-cell:first-of-type,
|
|
6637
6597
|
.iui-table-body .iui-table-row[data-iui-status=warning] + .iui-table-expanded-content{
|
|
6638
|
-
box-shadow:inset 2px 0 0 0 var(--iui-
|
|
6598
|
+
box-shadow:inset 2px 0 0 0 var(--iui-icon-color-warning);
|
|
6639
6599
|
}
|
|
6640
6600
|
.iui-table-body .iui-table-row[data-iui-status=warning] .iui-table-cell:first-of-type::-moz-selection, .iui-table-body .iui-table-row[data-iui-status=warning] .iui-table-cell:first-of-type *::-moz-selection, .iui-table-body .iui-table-row[data-iui-status=warning] + .iui-table-expanded-content::-moz-selection, .iui-table-body .iui-table-row[data-iui-status=warning] + .iui-table-expanded-content *::-moz-selection{
|
|
6641
6601
|
background-color:rgba(var(--iui-color-foreground-warning-rgb), var(--iui-opacity-5));
|
|
@@ -6647,11 +6607,11 @@ div.iui-header-breadcrumb-button-icon{
|
|
|
6647
6607
|
background-color:rgba(var(--iui-color-foreground-warning-rgb), var(--iui-opacity-5));
|
|
6648
6608
|
}
|
|
6649
6609
|
.iui-table-body .iui-table-row[data-iui-status=warning] .iui-table-cell-end-icon svg{
|
|
6650
|
-
fill:var(--iui-
|
|
6610
|
+
fill:var(--iui-icon-color-warning);
|
|
6651
6611
|
}
|
|
6652
6612
|
.iui-table-body .iui-table-row[data-iui-status=negative] .iui-table-cell:first-of-type,
|
|
6653
6613
|
.iui-table-body .iui-table-row[data-iui-status=negative] + .iui-table-expanded-content{
|
|
6654
|
-
box-shadow:inset 2px 0 0 0 var(--iui-
|
|
6614
|
+
box-shadow:inset 2px 0 0 0 var(--iui-icon-color-negative);
|
|
6655
6615
|
}
|
|
6656
6616
|
.iui-table-body .iui-table-row[data-iui-status=negative] .iui-table-cell:first-of-type::-moz-selection, .iui-table-body .iui-table-row[data-iui-status=negative] .iui-table-cell:first-of-type *::-moz-selection, .iui-table-body .iui-table-row[data-iui-status=negative] + .iui-table-expanded-content::-moz-selection, .iui-table-body .iui-table-row[data-iui-status=negative] + .iui-table-expanded-content *::-moz-selection{
|
|
6657
6617
|
background-color:rgba(var(--iui-color-foreground-negative-rgb), var(--iui-opacity-5));
|
|
@@ -6663,7 +6623,7 @@ div.iui-header-breadcrumb-button-icon{
|
|
|
6663
6623
|
background-color:rgba(var(--iui-color-foreground-negative-rgb), var(--iui-opacity-5));
|
|
6664
6624
|
}
|
|
6665
6625
|
.iui-table-body .iui-table-row[data-iui-status=negative] .iui-table-cell-end-icon svg{
|
|
6666
|
-
fill:var(--iui-
|
|
6626
|
+
fill:var(--iui-icon-color-negative);
|
|
6667
6627
|
}
|
|
6668
6628
|
|
|
6669
6629
|
.iui-table-header-actions-container{
|
|
@@ -6698,7 +6658,7 @@ div.iui-header-breadcrumb-button-icon{
|
|
|
6698
6658
|
scroll-snap-align:start none;
|
|
6699
6659
|
}
|
|
6700
6660
|
.iui-table-body.iui-zebra-striping .iui-table-row:nth-child(even):not([aria-selected=true]) .iui-table-cell{
|
|
6701
|
-
background-color
|
|
6661
|
+
background:linear-gradient(rgba(var(--iui-color-foreground-body-rgb), 0.02), rgba(var(--iui-color-foreground-body-rgb), 0.02)), linear-gradient(var(--iui-color-background-1), var(--iui-color-background-1));
|
|
6702
6662
|
}
|
|
6703
6663
|
.iui-table-body > .iui-table-empty{
|
|
6704
6664
|
text-align:center;
|
|
@@ -6863,11 +6823,11 @@ div.iui-header-breadcrumb-button-icon{
|
|
|
6863
6823
|
display:flex;
|
|
6864
6824
|
justify-content:center;
|
|
6865
6825
|
align-items:center;
|
|
6866
|
-
width:
|
|
6826
|
+
width:40px;
|
|
6867
6827
|
color:var(--iui-text-color-muted);
|
|
6868
6828
|
}
|
|
6869
6829
|
.iui-table-paginator-ellipsis-small{
|
|
6870
|
-
width:
|
|
6830
|
+
width:28px;
|
|
6871
6831
|
}
|
|
6872
6832
|
|
|
6873
6833
|
.iui-table-paginator-pages-group{
|
|
@@ -6888,7 +6848,7 @@ div.iui-header-breadcrumb-button-icon{
|
|
|
6888
6848
|
justify-content:center;
|
|
6889
6849
|
position:relative;
|
|
6890
6850
|
border-radius:4px;
|
|
6891
|
-
line-height:
|
|
6851
|
+
line-height:24px;
|
|
6892
6852
|
font-size:14px;
|
|
6893
6853
|
font-weight:400;
|
|
6894
6854
|
-webkit-user-select:none;
|
|
@@ -6907,17 +6867,17 @@ div.iui-header-breadcrumb-button-icon{
|
|
|
6907
6867
|
-webkit-tap-highlight-color:transparent;
|
|
6908
6868
|
text-decoration:none;
|
|
6909
6869
|
--_iui-button-gap:8px;
|
|
6910
|
-
--_iui-button-height:
|
|
6870
|
+
--_iui-button-height:40px;
|
|
6911
6871
|
--_iui-button-padding-inline:16px;
|
|
6912
6872
|
--_iui-button-text-color:var(--iui-text-color);
|
|
6913
6873
|
--_iui-button-background-color:transparent;
|
|
6914
6874
|
--_iui-button-border-color:transparent;
|
|
6915
|
-
--_iui-button-icon-margin-x:
|
|
6875
|
+
--_iui-button-icon-margin-x:4px;
|
|
6916
6876
|
--_iui-button-gap:8px;
|
|
6917
|
-
--_iui-button-height:
|
|
6877
|
+
--_iui-button-height:40px;
|
|
6918
6878
|
--_iui-button-padding-inline:16px;
|
|
6919
6879
|
--_iui-button-padding-inline:8px;
|
|
6920
|
-
width:
|
|
6880
|
+
width:40px;
|
|
6921
6881
|
}
|
|
6922
6882
|
.iui-table-paginator-page-button:focus-visible{
|
|
6923
6883
|
outline:1px solid var(--iui-color-foreground-primary);
|
|
@@ -6944,9 +6904,9 @@ div.iui-header-breadcrumb-button-icon{
|
|
|
6944
6904
|
}
|
|
6945
6905
|
.iui-table-paginator-page-button-small{
|
|
6946
6906
|
--_iui-button-gap:4px;
|
|
6947
|
-
--_iui-button-height:
|
|
6907
|
+
--_iui-button-height:28px;
|
|
6948
6908
|
--_iui-button-padding-inline:8px;
|
|
6949
|
-
width:
|
|
6909
|
+
width:28px;
|
|
6950
6910
|
}
|
|
6951
6911
|
.iui-table-paginator-page-button[data-iui-active=true]{
|
|
6952
6912
|
--_iui-button-active-stripe-inset:initial;
|
|
@@ -6985,7 +6945,7 @@ div.iui-header-breadcrumb-button-icon{
|
|
|
6985
6945
|
border-radius:var(--iui-surface-border-radius);
|
|
6986
6946
|
box-shadow:var(--iui-surface-elevation);
|
|
6987
6947
|
color:var(--iui-text-color);
|
|
6988
|
-
padding:
|
|
6948
|
+
padding:12px 12px;
|
|
6989
6949
|
display:inline-flex;
|
|
6990
6950
|
flex-direction:column;
|
|
6991
6951
|
align-items:flex-end;
|
|
@@ -7000,7 +6960,7 @@ div.iui-header-breadcrumb-button-icon{
|
|
|
7000
6960
|
}
|
|
7001
6961
|
.iui-table-column-filter > .iui-input-container,
|
|
7002
6962
|
.iui-table-column-filter > .iui-input{
|
|
7003
|
-
margin-bottom:
|
|
6963
|
+
margin-bottom:12px;
|
|
7004
6964
|
}
|
|
7005
6965
|
.iui-table-column-filter > .iui-button-bar{
|
|
7006
6966
|
display:flex;
|
|
@@ -7066,7 +7026,7 @@ div.iui-header-breadcrumb-button-icon{
|
|
|
7066
7026
|
display:flex;
|
|
7067
7027
|
align-items:center;
|
|
7068
7028
|
font-size:14px;
|
|
7069
|
-
min-height:
|
|
7029
|
+
min-height:40px;
|
|
7070
7030
|
height:100%;
|
|
7071
7031
|
cursor:pointer;
|
|
7072
7032
|
color:var(--iui-text-color);
|
|
@@ -7076,7 +7036,7 @@ div.iui-header-breadcrumb-button-icon{
|
|
|
7076
7036
|
color:var(--iui-color-foreground-primary);
|
|
7077
7037
|
}
|
|
7078
7038
|
.iui-tabs .iui-tab.iui-active .iui-tab-icon{
|
|
7079
|
-
fill:var(--iui-
|
|
7039
|
+
fill:var(--iui-icon-color-primary);
|
|
7080
7040
|
}
|
|
7081
7041
|
.iui-tabs .iui-tab.iui-active .iui-tab-description{
|
|
7082
7042
|
opacity:var(--iui-opacity-1);
|
|
@@ -7086,7 +7046,7 @@ div.iui-header-breadcrumb-button-icon{
|
|
|
7086
7046
|
color:var(--iui-text-color-muted);
|
|
7087
7047
|
}
|
|
7088
7048
|
.iui-tabs .iui-tab[disabled] .iui-tab-icon{
|
|
7089
|
-
fill:var(--iui-
|
|
7049
|
+
fill:var(--iui-icon-color-actionable-disabled);
|
|
7090
7050
|
}
|
|
7091
7051
|
.iui-tabs .iui-tab:focus-visible{
|
|
7092
7052
|
outline:1px solid var(--iui-color-foreground-primary);
|
|
@@ -7099,10 +7059,11 @@ div.iui-header-breadcrumb-button-icon{
|
|
|
7099
7059
|
}
|
|
7100
7060
|
}
|
|
7101
7061
|
.iui-tabs .iui-tab-icon{
|
|
7062
|
+
display:flex;
|
|
7063
|
+
flex-shrink:0;
|
|
7102
7064
|
width:16px;
|
|
7103
7065
|
height:16px;
|
|
7104
|
-
|
|
7105
|
-
fill:var(--iui-icons-color-actionable);
|
|
7066
|
+
fill:var(--iui-icon-color-actionable);
|
|
7106
7067
|
transition:fill 0.2s ease-out;
|
|
7107
7068
|
}
|
|
7108
7069
|
.iui-tabs .iui-tab-icon + .iui-tab-label{
|
|
@@ -7120,11 +7081,11 @@ div.iui-header-breadcrumb-button-icon{
|
|
|
7120
7081
|
color:var(--iui-color-foreground-positive);
|
|
7121
7082
|
}
|
|
7122
7083
|
.iui-tabs.iui-green .iui-tab.iui-active .iui-tab-icon{
|
|
7123
|
-
fill:var(--iui-
|
|
7084
|
+
fill:var(--iui-icon-color-positive);
|
|
7124
7085
|
}
|
|
7125
7086
|
.iui-tabs ~ .iui-tabs-content{
|
|
7126
|
-
padding-top:
|
|
7127
|
-
padding-bottom:
|
|
7087
|
+
padding-top:12px;
|
|
7088
|
+
padding-bottom:12px;
|
|
7128
7089
|
}
|
|
7129
7090
|
.iui-tabs.iui-default .iui-tab::after{
|
|
7130
7091
|
content:"";
|
|
@@ -7170,6 +7131,9 @@ div.iui-header-breadcrumb-button-icon{
|
|
|
7170
7131
|
.iui-horizontal .iui-tabs.iui-default ~ .iui-tabs-content{
|
|
7171
7132
|
margin-top:-1px;
|
|
7172
7133
|
}
|
|
7134
|
+
.iui-horizontal .iui-tabs.iui-default :where(.iui-button){
|
|
7135
|
+
height:100%;
|
|
7136
|
+
}
|
|
7173
7137
|
|
|
7174
7138
|
.iui-vertical .iui-tabs.iui-default .iui-tab.iui-active{
|
|
7175
7139
|
border-right-color:transparent;
|
|
@@ -7180,9 +7144,12 @@ div.iui-header-breadcrumb-button-icon{
|
|
|
7180
7144
|
.iui-vertical .iui-tabs.iui-default ~ .iui-tabs-content{
|
|
7181
7145
|
margin-left:-1px;
|
|
7182
7146
|
}
|
|
7147
|
+
.iui-vertical .iui-tabs.iui-default :where(.iui-button){
|
|
7148
|
+
width:100%;
|
|
7149
|
+
}
|
|
7183
7150
|
|
|
7184
7151
|
.iui-tabs.iui-default.iui-large .iui-tab{
|
|
7185
|
-
min-height:
|
|
7152
|
+
min-height:52px;
|
|
7186
7153
|
}
|
|
7187
7154
|
.iui-tabs.iui-default.iui-large .iui-tab-description{
|
|
7188
7155
|
display:-webkit-box;
|
|
@@ -7226,7 +7193,7 @@ div.iui-header-breadcrumb-button-icon{
|
|
|
7226
7193
|
background-color:rgba(var(--iui-color-foreground-positive-rgb), var(--iui-opacity-6));
|
|
7227
7194
|
}
|
|
7228
7195
|
.iui-tabs.iui-borderless.iui-large .iui-tab{
|
|
7229
|
-
min-height:
|
|
7196
|
+
min-height:52px;
|
|
7230
7197
|
}
|
|
7231
7198
|
.iui-tabs.iui-borderless.iui-large .iui-tab-description{
|
|
7232
7199
|
display:-webkit-box;
|
|
@@ -7324,9 +7291,9 @@ div.iui-header-breadcrumb-button-icon{
|
|
|
7324
7291
|
user-select:all;
|
|
7325
7292
|
text-transform:lowercase;
|
|
7326
7293
|
display:inline-flex;
|
|
7327
|
-
height:
|
|
7328
|
-
margin-top:
|
|
7329
|
-
margin-bottom:
|
|
7294
|
+
height:36px;
|
|
7295
|
+
margin-top:4px;
|
|
7296
|
+
margin-bottom:4px;
|
|
7330
7297
|
border-radius:9999px;
|
|
7331
7298
|
padding:0 2px;
|
|
7332
7299
|
align-items:center;
|
|
@@ -7361,7 +7328,7 @@ div.iui-header-breadcrumb-button-icon{
|
|
|
7361
7328
|
vertical-align:baseline;
|
|
7362
7329
|
font-size:14px;
|
|
7363
7330
|
font-weight:400;
|
|
7364
|
-
line-height:
|
|
7331
|
+
line-height:24px;
|
|
7365
7332
|
white-space:nowrap;
|
|
7366
7333
|
text-overflow:ellipsis;
|
|
7367
7334
|
overflow:hidden;
|
|
@@ -7456,7 +7423,7 @@ a.iui-tag-basic:focus-visible{
|
|
|
7456
7423
|
}
|
|
7457
7424
|
.iui-tag-container.iui-visible{
|
|
7458
7425
|
border-radius:4px;
|
|
7459
|
-
padding:
|
|
7426
|
+
padding:4px 12px;
|
|
7460
7427
|
background-color:var(--iui-color-background-3);
|
|
7461
7428
|
}
|
|
7462
7429
|
.iui-text-headline{
|
|
@@ -7466,7 +7433,7 @@ a.iui-tag-basic:focus-visible{
|
|
|
7466
7433
|
vertical-align:baseline;
|
|
7467
7434
|
font-size:32px;
|
|
7468
7435
|
font-weight:300;
|
|
7469
|
-
line-height:
|
|
7436
|
+
line-height:48px;
|
|
7470
7437
|
}
|
|
7471
7438
|
|
|
7472
7439
|
.iui-text-title{
|
|
@@ -7476,7 +7443,7 @@ a.iui-tag-basic:focus-visible{
|
|
|
7476
7443
|
vertical-align:baseline;
|
|
7477
7444
|
font-size:24px;
|
|
7478
7445
|
font-weight:300;
|
|
7479
|
-
line-height:
|
|
7446
|
+
line-height:36px;
|
|
7480
7447
|
}
|
|
7481
7448
|
|
|
7482
7449
|
.iui-text-subheading{
|
|
@@ -7486,7 +7453,7 @@ a.iui-tag-basic:focus-visible{
|
|
|
7486
7453
|
vertical-align:baseline;
|
|
7487
7454
|
font-size:18px;
|
|
7488
7455
|
font-weight:400;
|
|
7489
|
-
line-height:
|
|
7456
|
+
line-height:36px;
|
|
7490
7457
|
}
|
|
7491
7458
|
|
|
7492
7459
|
.iui-text-leading{
|
|
@@ -7496,7 +7463,7 @@ a.iui-tag-basic:focus-visible{
|
|
|
7496
7463
|
vertical-align:baseline;
|
|
7497
7464
|
font-size:16px;
|
|
7498
7465
|
font-weight:400;
|
|
7499
|
-
line-height:
|
|
7466
|
+
line-height:24px;
|
|
7500
7467
|
}
|
|
7501
7468
|
|
|
7502
7469
|
.iui-text-block{
|
|
@@ -7506,7 +7473,7 @@ a.iui-tag-basic:focus-visible{
|
|
|
7506
7473
|
vertical-align:baseline;
|
|
7507
7474
|
font-size:14px;
|
|
7508
7475
|
font-weight:400;
|
|
7509
|
-
line-height:
|
|
7476
|
+
line-height:24px;
|
|
7510
7477
|
}
|
|
7511
7478
|
|
|
7512
7479
|
.iui-text-small{
|
|
@@ -7516,7 +7483,7 @@ a.iui-tag-basic:focus-visible{
|
|
|
7516
7483
|
vertical-align:baseline;
|
|
7517
7484
|
font-size:12px;
|
|
7518
7485
|
font-weight:400;
|
|
7519
|
-
line-height:
|
|
7486
|
+
line-height:24px;
|
|
7520
7487
|
}
|
|
7521
7488
|
|
|
7522
7489
|
.iui-text-muted{
|
|
@@ -7572,99 +7539,7 @@ a.iui-tag-basic:focus-visible{
|
|
|
7572
7539
|
|
|
7573
7540
|
.iui-text-spacing{
|
|
7574
7541
|
padding:0;
|
|
7575
|
-
margin:0 0
|
|
7576
|
-
}
|
|
7577
|
-
.iui-textarea{
|
|
7578
|
-
margin:0;
|
|
7579
|
-
padding:0;
|
|
7580
|
-
border:none;
|
|
7581
|
-
vertical-align:baseline;
|
|
7582
|
-
width:100%;
|
|
7583
|
-
font-family:inherit;
|
|
7584
|
-
font-size:14px;
|
|
7585
|
-
font-weight:400;
|
|
7586
|
-
line-height:22px;
|
|
7587
|
-
border-radius:4px;
|
|
7588
|
-
-webkit-appearance:none;
|
|
7589
|
-
-moz-appearance:none;
|
|
7590
|
-
appearance:none;
|
|
7591
|
-
padding:7px 12px;
|
|
7592
|
-
min-height:38px;
|
|
7593
|
-
color:var(--iui-text-color);
|
|
7594
|
-
background-color:var(--iui-color-background-1);
|
|
7595
|
-
border:1px solid rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4));
|
|
7596
|
-
resize:vertical;
|
|
7597
|
-
min-height:38px;
|
|
7598
|
-
}
|
|
7599
|
-
.iui-textarea:focus-visible{
|
|
7600
|
-
outline:2px solid var(--iui-color-foreground-primary);
|
|
7601
|
-
outline-offset:-2px;
|
|
7602
|
-
}
|
|
7603
|
-
@supports not selector(*:focus-visible){
|
|
7604
|
-
.iui-textarea:focus{
|
|
7605
|
-
outline:2px solid var(--iui-color-foreground-primary);
|
|
7606
|
-
outline-offset:-2px;
|
|
7607
|
-
}
|
|
7608
|
-
}
|
|
7609
|
-
@media (prefers-reduced-motion: no-preference){
|
|
7610
|
-
.iui-textarea{
|
|
7611
|
-
transition:border-color 0.2s ease-out;
|
|
7612
|
-
}
|
|
7613
|
-
}
|
|
7614
|
-
.iui-textarea.iui-small{
|
|
7615
|
-
padding-top:1.5px;
|
|
7616
|
-
padding-bottom:1.5px;
|
|
7617
|
-
min-height:27px;
|
|
7618
|
-
}
|
|
7619
|
-
.iui-textarea.iui-large{
|
|
7620
|
-
padding-top:12.5px;
|
|
7621
|
-
padding-bottom:12.5px;
|
|
7622
|
-
min-height:49px;
|
|
7623
|
-
font-size:16px;
|
|
7624
|
-
}
|
|
7625
|
-
.iui-textarea::-moz-placeholder{
|
|
7626
|
-
-moz-user-select:none;
|
|
7627
|
-
user-select:none;
|
|
7628
|
-
color:var(--iui-text-color-placeholder);
|
|
7629
|
-
}
|
|
7630
|
-
.iui-textarea:-ms-input-placeholder{
|
|
7631
|
-
-ms-user-select:none;
|
|
7632
|
-
user-select:none;
|
|
7633
|
-
color:var(--iui-text-color-placeholder);
|
|
7634
|
-
}
|
|
7635
|
-
.iui-textarea::placeholder{
|
|
7636
|
-
-webkit-user-select:none;
|
|
7637
|
-
-moz-user-select:none;
|
|
7638
|
-
-ms-user-select:none;
|
|
7639
|
-
user-select:none;
|
|
7640
|
-
color:var(--iui-text-color-placeholder);
|
|
7641
|
-
}
|
|
7642
|
-
.iui-textarea:-webkit-autofill{
|
|
7643
|
-
border-color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-1));
|
|
7644
|
-
color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-1));
|
|
7645
|
-
background:linear-gradient(rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-6)), rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-6))), linear-gradient(var(--iui-color-background-1), var(--iui-color-background-1));
|
|
7646
|
-
}
|
|
7647
|
-
.iui-textarea:autofill{
|
|
7648
|
-
border-color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-1));
|
|
7649
|
-
color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-1));
|
|
7650
|
-
background:linear-gradient(rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-6)), rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-6))), linear-gradient(var(--iui-color-background-1), var(--iui-color-background-1));
|
|
7651
|
-
}
|
|
7652
|
-
.iui-textarea:hover{
|
|
7653
|
-
border-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2));
|
|
7654
|
-
}
|
|
7655
|
-
@media (prefers-reduced-motion: no-preference){
|
|
7656
|
-
.iui-textarea:hover{
|
|
7657
|
-
transition:border-color 0.2s ease-out;
|
|
7658
|
-
}
|
|
7659
|
-
}
|
|
7660
|
-
.iui-textarea[disabled]{
|
|
7661
|
-
background-color:var(--iui-color-background-disabled);
|
|
7662
|
-
border-color:var(--iui-color-background-disabled);
|
|
7663
|
-
cursor:not-allowed;
|
|
7664
|
-
--_hover-color:var(--iui-color-background-disabled);
|
|
7665
|
-
}
|
|
7666
|
-
.iui-textarea[disabled], .iui-textarea[readonly]{
|
|
7667
|
-
resize:none;
|
|
7542
|
+
margin:0 0 24px;
|
|
7668
7543
|
}
|
|
7669
7544
|
.iui-tile{
|
|
7670
7545
|
margin:0;
|
|
@@ -7704,11 +7579,15 @@ a.iui-tag-basic:focus-visible{
|
|
|
7704
7579
|
.iui-tile:hover .iui-tile-metadata:not(:last-child), .iui-tile:focus-within .iui-tile-metadata:not(:last-child){
|
|
7705
7580
|
width:calc(100% - 32px);
|
|
7706
7581
|
}
|
|
7582
|
+
.iui-tile.iui-new{
|
|
7583
|
+
--_iui-tile-status-icon-fill:var(--iui-color-foreground-positive);
|
|
7584
|
+
}
|
|
7707
7585
|
.iui-tile.iui-new .iui-tile-name,
|
|
7708
7586
|
.iui-tile.iui-new .iui-tile-description{
|
|
7709
7587
|
font-weight:600;
|
|
7710
7588
|
}
|
|
7711
7589
|
.iui-tile.iui-selected{
|
|
7590
|
+
--_iui-tile-status-icon-fill:var(--iui-color-foreground-primary);
|
|
7712
7591
|
outline:solid 2px var(--iui-color-foreground-primary);
|
|
7713
7592
|
background:linear-gradient(rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-6)), rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-6))), linear-gradient(var(--iui-color-background-1), var(--iui-color-background-1));
|
|
7714
7593
|
}
|
|
@@ -7748,7 +7627,7 @@ a.iui-tag-basic:focus-visible{
|
|
|
7748
7627
|
flex-wrap:nowrap;
|
|
7749
7628
|
}
|
|
7750
7629
|
.iui-tile.iui-folder .iui-tile-thumbnail{
|
|
7751
|
-
height:
|
|
7630
|
+
height:120px;
|
|
7752
7631
|
flex:1;
|
|
7753
7632
|
border-bottom:none;
|
|
7754
7633
|
border-right:1px solid var(--iui-color-background-border);
|
|
@@ -7758,7 +7637,7 @@ a.iui-tag-basic:focus-visible{
|
|
|
7758
7637
|
}
|
|
7759
7638
|
.iui-tile.iui-folder .iui-tile-description{
|
|
7760
7639
|
height:100%;
|
|
7761
|
-
max-height:
|
|
7640
|
+
max-height:48px;
|
|
7762
7641
|
margin-bottom:0;
|
|
7763
7642
|
-webkit-line-clamp:2;
|
|
7764
7643
|
}
|
|
@@ -7782,6 +7661,9 @@ a.iui-tag-basic:focus-visible{
|
|
|
7782
7661
|
.iui-tile[aria-disabled=true] .iui-tile-more-options{
|
|
7783
7662
|
display:none;
|
|
7784
7663
|
}
|
|
7664
|
+
.iui-tile.iui-positive{
|
|
7665
|
+
--_iui-tile-status-icon-fill:var(--iui-color-foreground-positive);
|
|
7666
|
+
}
|
|
7785
7667
|
.iui-tile.iui-positive::-moz-selection, .iui-tile.iui-positive *::-moz-selection{
|
|
7786
7668
|
background-color:rgba(var(--iui-color-foreground-positive-rgb), var(--iui-opacity-5));
|
|
7787
7669
|
}
|
|
@@ -7799,8 +7681,8 @@ a.iui-tag-basic:focus-visible{
|
|
|
7799
7681
|
.iui-tile.iui-positive .iui-tile-name-label{
|
|
7800
7682
|
color:var(--iui-color-foreground-positive);
|
|
7801
7683
|
}
|
|
7802
|
-
.iui-tile.iui-
|
|
7803
|
-
fill:var(--iui-color-foreground-
|
|
7684
|
+
.iui-tile.iui-warning{
|
|
7685
|
+
--_iui-tile-status-icon-fill:var(--iui-color-foreground-warning);
|
|
7804
7686
|
}
|
|
7805
7687
|
.iui-tile.iui-warning::-moz-selection, .iui-tile.iui-warning *::-moz-selection{
|
|
7806
7688
|
background-color:rgba(var(--iui-color-foreground-warning-rgb), var(--iui-opacity-5));
|
|
@@ -7819,8 +7701,8 @@ a.iui-tag-basic:focus-visible{
|
|
|
7819
7701
|
.iui-tile.iui-warning .iui-tile-name-label{
|
|
7820
7702
|
color:var(--iui-color-foreground-warning);
|
|
7821
7703
|
}
|
|
7822
|
-
.iui-tile.iui-
|
|
7823
|
-
fill:var(--iui-color-foreground-
|
|
7704
|
+
.iui-tile.iui-negative{
|
|
7705
|
+
--_iui-tile-status-icon-fill:var(--iui-color-foreground-negative);
|
|
7824
7706
|
}
|
|
7825
7707
|
.iui-tile.iui-negative::-moz-selection, .iui-tile.iui-negative *::-moz-selection{
|
|
7826
7708
|
background-color:rgba(var(--iui-color-foreground-negative-rgb), var(--iui-opacity-5));
|
|
@@ -7839,21 +7721,18 @@ a.iui-tag-basic:focus-visible{
|
|
|
7839
7721
|
.iui-tile.iui-negative .iui-tile-name-label{
|
|
7840
7722
|
color:var(--iui-color-foreground-negative);
|
|
7841
7723
|
}
|
|
7842
|
-
.iui-tile.iui-negative .iui-tile-status-icon{
|
|
7843
|
-
fill:var(--iui-color-foreground-negative);
|
|
7844
|
-
}
|
|
7845
7724
|
|
|
7846
7725
|
.iui-tile-thumbnail-type-indicator{
|
|
7847
7726
|
--_iui-button-text-color:var(--iui-text-color);
|
|
7848
7727
|
--_iui-button-background-color:transparent;
|
|
7849
7728
|
--_iui-button-border-color:transparent;
|
|
7850
|
-
--_iui-button-icon-margin-x:
|
|
7729
|
+
--_iui-button-icon-margin-x:4px;
|
|
7851
7730
|
--_iui-button-gap:8px;
|
|
7852
|
-
--_iui-button-height:
|
|
7731
|
+
--_iui-button-height:40px;
|
|
7853
7732
|
--_iui-button-padding-inline:16px;
|
|
7854
7733
|
--_iui-button-padding-inline:8px;
|
|
7855
7734
|
--_iui-button-gap:4px;
|
|
7856
|
-
--_iui-button-height:
|
|
7735
|
+
--_iui-button-height:28px;
|
|
7857
7736
|
--_iui-button-padding-inline:8px;
|
|
7858
7737
|
--_iui-button-padding-inline:2px;
|
|
7859
7738
|
position:absolute;
|
|
@@ -7900,13 +7779,13 @@ a.iui-tag-basic:focus-visible{
|
|
|
7900
7779
|
--_iui-button-text-color:var(--iui-text-color);
|
|
7901
7780
|
--_iui-button-background-color:transparent;
|
|
7902
7781
|
--_iui-button-border-color:transparent;
|
|
7903
|
-
--_iui-button-icon-margin-x:
|
|
7782
|
+
--_iui-button-icon-margin-x:4px;
|
|
7904
7783
|
--_iui-button-gap:8px;
|
|
7905
|
-
--_iui-button-height:
|
|
7784
|
+
--_iui-button-height:40px;
|
|
7906
7785
|
--_iui-button-padding-inline:16px;
|
|
7907
7786
|
--_iui-button-padding-inline:8px;
|
|
7908
7787
|
--_iui-button-gap:4px;
|
|
7909
|
-
--_iui-button-height:
|
|
7788
|
+
--_iui-button-height:28px;
|
|
7910
7789
|
--_iui-button-padding-inline:8px;
|
|
7911
7790
|
--_iui-button-padding-inline:2px;
|
|
7912
7791
|
position:absolute;
|
|
@@ -7974,7 +7853,7 @@ a.iui-tag-basic:focus-visible{
|
|
|
7974
7853
|
font-size:14px;
|
|
7975
7854
|
flex:1;
|
|
7976
7855
|
height:auto;
|
|
7977
|
-
padding:
|
|
7856
|
+
padding:12px 12px;
|
|
7978
7857
|
overflow:hidden;
|
|
7979
7858
|
white-space:nowrap;
|
|
7980
7859
|
text-overflow:ellipsis;
|
|
@@ -7994,7 +7873,7 @@ a.iui-tag-basic:focus-visible{
|
|
|
7994
7873
|
.iui-tile-thumbnail{
|
|
7995
7874
|
box-sizing:content-box;
|
|
7996
7875
|
width:100%;
|
|
7997
|
-
height:
|
|
7876
|
+
height:168px;
|
|
7998
7877
|
flex-shrink:0;
|
|
7999
7878
|
overflow:hidden;
|
|
8000
7879
|
position:relative;
|
|
@@ -8005,22 +7884,16 @@ a.iui-tag-basic:focus-visible{
|
|
|
8005
7884
|
border-bottom:1px solid var(--iui-color-background-border);
|
|
8006
7885
|
}
|
|
8007
7886
|
.iui-tile-thumbnail .iui-thumbnail-icon{
|
|
8008
|
-
|
|
8009
|
-
|
|
7887
|
+
display:flex;
|
|
7888
|
+
flex-shrink:0;
|
|
8010
7889
|
width:64px;
|
|
8011
7890
|
height:64px;
|
|
7891
|
+
fill:var(--iui-icon-color);
|
|
8012
7892
|
}
|
|
8013
|
-
|
|
8014
|
-
|
|
8015
|
-
|
|
8016
|
-
|
|
8017
|
-
fill:var(--iui-icons-color-positive);
|
|
8018
|
-
}
|
|
8019
|
-
.iui-tile-thumbnail .iui-thumbnail-icon.iui-warning{
|
|
8020
|
-
fill:var(--iui-icons-color-warning);
|
|
8021
|
-
}
|
|
8022
|
-
.iui-tile-thumbnail .iui-thumbnail-icon.iui-negative{
|
|
8023
|
-
fill:var(--iui-icons-color-negative);
|
|
7893
|
+
@media (forced-colors: active){
|
|
7894
|
+
.iui-tile-thumbnail .iui-thumbnail-icon{
|
|
7895
|
+
fill:CanvasText;
|
|
7896
|
+
}
|
|
8024
7897
|
}
|
|
8025
7898
|
|
|
8026
7899
|
.iui-tile-thumbnail-picture{
|
|
@@ -8055,7 +7928,7 @@ div.iui-tile-thumbnail-picture{
|
|
|
8055
7928
|
}
|
|
8056
7929
|
|
|
8057
7930
|
.iui-tile-content{
|
|
8058
|
-
padding:
|
|
7931
|
+
padding:12px 12px;
|
|
8059
7932
|
position:relative;
|
|
8060
7933
|
display:flex;
|
|
8061
7934
|
flex-direction:column;
|
|
@@ -8070,28 +7943,16 @@ div.iui-tile-thumbnail-picture{
|
|
|
8070
7943
|
-webkit-user-select:all;
|
|
8071
7944
|
-moz-user-select:all;
|
|
8072
7945
|
user-select:all;
|
|
8073
|
-
margin-bottom:
|
|
7946
|
+
margin-bottom:6px;
|
|
8074
7947
|
color:var(--iui-text-color);
|
|
8075
7948
|
}
|
|
8076
7949
|
.iui-tile-content .iui-tile-status-icon{
|
|
8077
|
-
|
|
8078
|
-
|
|
7950
|
+
display:flex;
|
|
7951
|
+
flex-shrink:0;
|
|
8079
7952
|
width:16px;
|
|
8080
7953
|
height:16px;
|
|
8081
7954
|
margin-right:8px;
|
|
8082
|
-
|
|
8083
|
-
}
|
|
8084
|
-
.iui-tile-content .iui-tile-status-icon.iui-informational{
|
|
8085
|
-
fill:var(--iui-icons-color-primary);
|
|
8086
|
-
}
|
|
8087
|
-
.iui-tile-content .iui-tile-status-icon.iui-positive{
|
|
8088
|
-
fill:var(--iui-icons-color-positive);
|
|
8089
|
-
}
|
|
8090
|
-
.iui-tile-content .iui-tile-status-icon.iui-warning{
|
|
8091
|
-
fill:var(--iui-icons-color-warning);
|
|
8092
|
-
}
|
|
8093
|
-
.iui-tile-content .iui-tile-status-icon.iui-negative{
|
|
8094
|
-
fill:var(--iui-icons-color-negative);
|
|
7955
|
+
fill:var(--_iui-tile-status-icon-fill);
|
|
8095
7956
|
}
|
|
8096
7957
|
.iui-tile-content .iui-tile-name-label{
|
|
8097
7958
|
overflow:hidden;
|
|
@@ -8099,10 +7960,10 @@ div.iui-tile-thumbnail-picture{
|
|
|
8099
7960
|
text-overflow:ellipsis;
|
|
8100
7961
|
}
|
|
8101
7962
|
.iui-tile-content .iui-tile-description{
|
|
8102
|
-
margin-bottom:
|
|
7963
|
+
margin-bottom:12px;
|
|
8103
7964
|
font-size:14px;
|
|
8104
7965
|
height:100%;
|
|
8105
|
-
max-height:
|
|
7966
|
+
max-height:72px;
|
|
8106
7967
|
overflow:hidden;
|
|
8107
7968
|
text-overflow:ellipsis;
|
|
8108
7969
|
display:-webkit-box;
|
|
@@ -8115,7 +7976,7 @@ div.iui-tile-thumbnail-picture{
|
|
|
8115
7976
|
flex-shrink:0;
|
|
8116
7977
|
overflow:hidden;
|
|
8117
7978
|
text-overflow:ellipsis;
|
|
8118
|
-
height:
|
|
7979
|
+
height:24px;
|
|
8119
7980
|
width:100%;
|
|
8120
7981
|
display:flex;
|
|
8121
7982
|
align-items:center;
|
|
@@ -8124,28 +7985,18 @@ div.iui-tile-thumbnail-picture{
|
|
|
8124
7985
|
}
|
|
8125
7986
|
.iui-tile-content .iui-tile-metadata > svg,
|
|
8126
7987
|
.iui-tile-content .iui-tile-metadata .iui-tile-metadata-icon{
|
|
8127
|
-
|
|
8128
|
-
|
|
7988
|
+
display:flex;
|
|
7989
|
+
flex-shrink:0;
|
|
8129
7990
|
width:16px;
|
|
8130
7991
|
height:16px;
|
|
7992
|
+
fill:var(--iui-icon-color);
|
|
8131
7993
|
margin-right:8px;
|
|
8132
|
-
flex-shrink:0;
|
|
8133
7994
|
}
|
|
8134
|
-
|
|
8135
|
-
.iui-tile-content .iui-tile-metadata
|
|
8136
|
-
|
|
8137
|
-
|
|
8138
|
-
|
|
8139
|
-
.iui-tile-content .iui-tile-metadata .iui-tile-metadata-icon.iui-positive{
|
|
8140
|
-
fill:var(--iui-icons-color-positive);
|
|
8141
|
-
}
|
|
8142
|
-
.iui-tile-content .iui-tile-metadata > svg.iui-warning,
|
|
8143
|
-
.iui-tile-content .iui-tile-metadata .iui-tile-metadata-icon.iui-warning{
|
|
8144
|
-
fill:var(--iui-icons-color-warning);
|
|
8145
|
-
}
|
|
8146
|
-
.iui-tile-content .iui-tile-metadata > svg.iui-negative,
|
|
8147
|
-
.iui-tile-content .iui-tile-metadata .iui-tile-metadata-icon.iui-negative{
|
|
8148
|
-
fill:var(--iui-icons-color-negative);
|
|
7995
|
+
@media (forced-colors: active){
|
|
7996
|
+
.iui-tile-content .iui-tile-metadata > svg,
|
|
7997
|
+
.iui-tile-content .iui-tile-metadata .iui-tile-metadata-icon{
|
|
7998
|
+
fill:CanvasText;
|
|
7999
|
+
}
|
|
8149
8000
|
}
|
|
8150
8001
|
.iui-tile-content .iui-tile-metadata > *{
|
|
8151
8002
|
white-space:nowrap;
|
|
@@ -8155,7 +8006,7 @@ div.iui-tile-thumbnail-picture{
|
|
|
8155
8006
|
|
|
8156
8007
|
.iui-tile-more-options{
|
|
8157
8008
|
position:absolute;
|
|
8158
|
-
bottom:
|
|
8009
|
+
bottom:6px;
|
|
8159
8010
|
right:8px;
|
|
8160
8011
|
}
|
|
8161
8012
|
.iui-tile-more-options:not(.iui-visible){
|
|
@@ -8180,7 +8031,7 @@ div.iui-tile-thumbnail-picture{
|
|
|
8180
8031
|
-ms-user-select:none;
|
|
8181
8032
|
user-select:none;
|
|
8182
8033
|
text-align:center;
|
|
8183
|
-
height:
|
|
8034
|
+
height:312px;
|
|
8184
8035
|
display:inline-flex;
|
|
8185
8036
|
background-color:var(--iui-color-background-1);
|
|
8186
8037
|
}
|
|
@@ -8192,7 +8043,7 @@ div.iui-tile-thumbnail-picture{
|
|
|
8192
8043
|
}
|
|
8193
8044
|
|
|
8194
8045
|
.iui-time{
|
|
8195
|
-
padding:
|
|
8046
|
+
padding:12px 8px;
|
|
8196
8047
|
overflow-y:auto;
|
|
8197
8048
|
overflow-y:overlay;
|
|
8198
8049
|
scrollbar-width:none;
|
|
@@ -8244,7 +8095,7 @@ div.iui-tile-thumbnail-picture{
|
|
|
8244
8095
|
}
|
|
8245
8096
|
|
|
8246
8097
|
.iui-period{
|
|
8247
|
-
padding:
|
|
8098
|
+
padding:12px 8px;
|
|
8248
8099
|
overflow-y:auto;
|
|
8249
8100
|
overflow-y:overlay;
|
|
8250
8101
|
scrollbar-width:none;
|
|
@@ -8308,14 +8159,14 @@ div.iui-tile-thumbnail-picture{
|
|
|
8308
8159
|
@media screen and (max-width: 400px){
|
|
8309
8160
|
.iui-toast-wrapper{
|
|
8310
8161
|
width:calc(100vw - 36px);
|
|
8311
|
-
margin-top:
|
|
8162
|
+
margin-top:12px;
|
|
8312
8163
|
}
|
|
8313
8164
|
}
|
|
8314
8165
|
@media screen and (min-width: 401px){
|
|
8315
8166
|
.iui-toast-wrapper{
|
|
8316
8167
|
min-width:400px;
|
|
8317
8168
|
max-width:640px;
|
|
8318
|
-
margin:
|
|
8169
|
+
margin:24px 0;
|
|
8319
8170
|
}
|
|
8320
8171
|
}
|
|
8321
8172
|
@media (prefers-reduced-motion: no-preference){
|
|
@@ -8348,7 +8199,7 @@ div.iui-tile-thumbnail-picture{
|
|
|
8348
8199
|
right:0;
|
|
8349
8200
|
}
|
|
8350
8201
|
.iui-toast-wrapper.iui-placement-bottom .iui-toast{
|
|
8351
|
-
margin:
|
|
8202
|
+
margin:12px 16px 0 16px;
|
|
8352
8203
|
}
|
|
8353
8204
|
.iui-toast-wrapper.iui-placement-bottom-start{
|
|
8354
8205
|
bottom:0;
|
|
@@ -8356,7 +8207,7 @@ div.iui-tile-thumbnail-picture{
|
|
|
8356
8207
|
align-items:flex-start;
|
|
8357
8208
|
}
|
|
8358
8209
|
.iui-toast-wrapper.iui-placement-bottom-start .iui-toast{
|
|
8359
|
-
margin:
|
|
8210
|
+
margin:12px 16px 0 16px;
|
|
8360
8211
|
}
|
|
8361
8212
|
.iui-toast-wrapper.iui-placement-bottom-end{
|
|
8362
8213
|
bottom:0;
|
|
@@ -8364,7 +8215,7 @@ div.iui-tile-thumbnail-picture{
|
|
|
8364
8215
|
align-items:flex-end;
|
|
8365
8216
|
}
|
|
8366
8217
|
.iui-toast-wrapper.iui-placement-bottom-end .iui-toast{
|
|
8367
|
-
margin:
|
|
8218
|
+
margin:12px 16px 0 16px;
|
|
8368
8219
|
}
|
|
8369
8220
|
|
|
8370
8221
|
.iui-toast{
|
|
@@ -8375,8 +8226,8 @@ div.iui-tile-thumbnail-picture{
|
|
|
8375
8226
|
display:inline-flex;
|
|
8376
8227
|
align-items:center;
|
|
8377
8228
|
pointer-events:all;
|
|
8378
|
-
margin:0 16px
|
|
8379
|
-
min-height:
|
|
8229
|
+
margin:0 16px 12px 16px;
|
|
8230
|
+
min-height:48px;
|
|
8380
8231
|
border-radius:4px;
|
|
8381
8232
|
background-color:var(--iui-color-background-1);
|
|
8382
8233
|
border:1px solid var(--iui-color-foreground-body);
|
|
@@ -8392,18 +8243,20 @@ div.iui-tile-thumbnail-picture{
|
|
|
8392
8243
|
background-color:var(--iui-color-background-5);
|
|
8393
8244
|
}
|
|
8394
8245
|
.iui-toast > .iui-status-area > .iui-icon{
|
|
8395
|
-
|
|
8246
|
+
display:flex;
|
|
8247
|
+
flex-shrink:0;
|
|
8396
8248
|
width:16px;
|
|
8249
|
+
height:16px;
|
|
8397
8250
|
fill:var(--iui-color-foreground-accessory);
|
|
8398
8251
|
}
|
|
8399
8252
|
.iui-toast > .iui-message{
|
|
8400
8253
|
flex-grow:1;
|
|
8401
8254
|
font-size:14px;
|
|
8402
|
-
margin-top:
|
|
8403
|
-
margin-bottom:
|
|
8255
|
+
margin-top:6px;
|
|
8256
|
+
margin-bottom:6px;
|
|
8404
8257
|
margin-right:24px;
|
|
8405
8258
|
margin-left:16px;
|
|
8406
|
-
line-height:
|
|
8259
|
+
line-height:24px;
|
|
8407
8260
|
font-weight:400;
|
|
8408
8261
|
font-style:normal;
|
|
8409
8262
|
color:var(--iui-text-color);
|
|
@@ -8627,7 +8480,7 @@ div.iui-tile-thumbnail-picture{
|
|
|
8627
8480
|
-webkit-appearance:none;
|
|
8628
8481
|
-moz-appearance:none;
|
|
8629
8482
|
appearance:none;
|
|
8630
|
-
width:
|
|
8483
|
+
width:48px;
|
|
8631
8484
|
border-radius:9999px;
|
|
8632
8485
|
transition:background-color 0.2s ease-out, border-color 0.2s ease-out;
|
|
8633
8486
|
background-color:var(--iui-color-background-1);
|
|
@@ -8652,7 +8505,7 @@ div.iui-tile-thumbnail-picture{
|
|
|
8652
8505
|
content:"";
|
|
8653
8506
|
height:16px;
|
|
8654
8507
|
width:16px;
|
|
8655
|
-
margin:
|
|
8508
|
+
margin:4px;
|
|
8656
8509
|
aspect-ratio:1/1;
|
|
8657
8510
|
border-radius:50%;
|
|
8658
8511
|
transition:background-color 0.2s ease-out, opacity 0.2s ease-out;
|
|
@@ -8705,7 +8558,7 @@ div.iui-tile-thumbnail-picture{
|
|
|
8705
8558
|
}
|
|
8706
8559
|
}
|
|
8707
8560
|
.iui-toggle-switch:checked::after{
|
|
8708
|
-
transform:translateX(
|
|
8561
|
+
transform:translateX(20px);
|
|
8709
8562
|
background-color:var(--iui-color-foreground-accessory);
|
|
8710
8563
|
opacity:var(--iui-opacity-2);
|
|
8711
8564
|
}
|
|
@@ -8751,7 +8604,7 @@ div.iui-tile-thumbnail-picture{
|
|
|
8751
8604
|
}
|
|
8752
8605
|
.iui-toggle-switch:disabled ~ .iui-toggle-switch-icon{
|
|
8753
8606
|
opacity:0;
|
|
8754
|
-
fill:var(--iui-
|
|
8607
|
+
fill:var(--iui-icon-color-actionable);
|
|
8755
8608
|
}
|
|
8756
8609
|
@media (forced-colors: active){
|
|
8757
8610
|
.iui-toggle-switch:disabled:checked{
|
|
@@ -8778,7 +8631,7 @@ div.iui-tile-thumbnail-picture{
|
|
|
8778
8631
|
width:16px;
|
|
8779
8632
|
height:16px;
|
|
8780
8633
|
padding:2px;
|
|
8781
|
-
margin:
|
|
8634
|
+
margin:5px;
|
|
8782
8635
|
display:flex;
|
|
8783
8636
|
z-index:1;
|
|
8784
8637
|
transition:opacity 0.2s ease-out;
|
|
@@ -8895,33 +8748,26 @@ div.iui-tile-thumbnail-picture{
|
|
|
8895
8748
|
.iui-tree-node-content{
|
|
8896
8749
|
display:flex;
|
|
8897
8750
|
align-items:center;
|
|
8898
|
-
min-height:
|
|
8899
|
-
margin-left:calc(
|
|
8751
|
+
min-height:36px;
|
|
8752
|
+
margin-left:calc(30px * (var(--level, 0)));
|
|
8900
8753
|
overflow:hidden;
|
|
8901
8754
|
padding-left:2px;
|
|
8902
8755
|
}
|
|
8903
8756
|
.iui-tree-node-content-icon{
|
|
8904
|
-
|
|
8905
|
-
|
|
8757
|
+
display:flex;
|
|
8758
|
+
flex-shrink:0;
|
|
8906
8759
|
width:16px;
|
|
8907
8760
|
height:16px;
|
|
8908
|
-
|
|
8909
|
-
|
|
8910
|
-
}
|
|
8911
|
-
.iui-tree-node-content-icon.iui-informational{
|
|
8912
|
-
fill:var(--iui-icons-color-primary);
|
|
8913
|
-
}
|
|
8914
|
-
.iui-tree-node-content-icon.iui-positive{
|
|
8915
|
-
fill:var(--iui-icons-color-positive);
|
|
8916
|
-
}
|
|
8917
|
-
.iui-tree-node-content-icon.iui-warning{
|
|
8918
|
-
fill:var(--iui-icons-color-warning);
|
|
8761
|
+
fill:var(--iui-icon-color);
|
|
8762
|
+
margin:0 7px;
|
|
8919
8763
|
}
|
|
8920
|
-
|
|
8921
|
-
|
|
8764
|
+
@media (forced-colors: active){
|
|
8765
|
+
.iui-tree-node-content-icon{
|
|
8766
|
+
fill:CanvasText;
|
|
8767
|
+
}
|
|
8922
8768
|
}
|
|
8923
8769
|
.iui-tree-node-content-icon:first-child{
|
|
8924
|
-
margin-left:
|
|
8770
|
+
margin-left:37px;
|
|
8925
8771
|
}
|
|
8926
8772
|
@media (prefers-reduced-motion: no-preference){
|
|
8927
8773
|
.iui-tree-node-content-expander-icon{
|
|
@@ -8933,10 +8779,10 @@ div.iui-tile-thumbnail-picture{
|
|
|
8933
8779
|
}
|
|
8934
8780
|
.iui-tree-node-content-label{
|
|
8935
8781
|
min-width:0;
|
|
8936
|
-
padding-left:
|
|
8782
|
+
padding-left:7px;
|
|
8937
8783
|
}
|
|
8938
8784
|
.iui-tree-node-content-label:first-child{
|
|
8939
|
-
margin-left:
|
|
8785
|
+
margin-left:30px;
|
|
8940
8786
|
}
|
|
8941
8787
|
.iui-tree-node-content-title, .iui-tree-node-content-caption{
|
|
8942
8788
|
white-space:nowrap;
|
|
@@ -8971,6 +8817,73 @@ div.iui-tile-thumbnail-picture{
|
|
|
8971
8817
|
.iui-tree-node.iui-disabled .iui-tree-node-content-caption{
|
|
8972
8818
|
color:var(--iui-text-color-placeholder);
|
|
8973
8819
|
}
|
|
8820
|
+
[data-iui-icon-size=s]{
|
|
8821
|
+
display:flex;
|
|
8822
|
+
flex-shrink:0;
|
|
8823
|
+
width:12px;
|
|
8824
|
+
height:12px;
|
|
8825
|
+
}
|
|
8826
|
+
|
|
8827
|
+
[data-iui-icon-size=m]{
|
|
8828
|
+
display:flex;
|
|
8829
|
+
flex-shrink:0;
|
|
8830
|
+
width:16px;
|
|
8831
|
+
height:16px;
|
|
8832
|
+
}
|
|
8833
|
+
|
|
8834
|
+
[data-iui-icon-size=l]{
|
|
8835
|
+
display:flex;
|
|
8836
|
+
flex-shrink:0;
|
|
8837
|
+
width:24px;
|
|
8838
|
+
height:24px;
|
|
8839
|
+
}
|
|
8840
|
+
|
|
8841
|
+
[data-iui-icon-size=xl]{
|
|
8842
|
+
display:flex;
|
|
8843
|
+
flex-shrink:0;
|
|
8844
|
+
width:32px;
|
|
8845
|
+
height:32px;
|
|
8846
|
+
}
|
|
8847
|
+
|
|
8848
|
+
[data-iui-icon-size="2xl"]{
|
|
8849
|
+
display:flex;
|
|
8850
|
+
flex-shrink:0;
|
|
8851
|
+
width:48px;
|
|
8852
|
+
height:48px;
|
|
8853
|
+
}
|
|
8854
|
+
|
|
8855
|
+
[data-iui-icon-size="3xl"]{
|
|
8856
|
+
display:flex;
|
|
8857
|
+
flex-shrink:0;
|
|
8858
|
+
width:64px;
|
|
8859
|
+
height:64px;
|
|
8860
|
+
}
|
|
8861
|
+
|
|
8862
|
+
[data-iui-icon-color=default]{
|
|
8863
|
+
fill:var(--iui-icon-color);
|
|
8864
|
+
}
|
|
8865
|
+
@media (forced-colors: active){
|
|
8866
|
+
[data-iui-icon-color=default]{
|
|
8867
|
+
fill:CanvasText;
|
|
8868
|
+
}
|
|
8869
|
+
}
|
|
8870
|
+
|
|
8871
|
+
[data-iui-icon-color=informational]{
|
|
8872
|
+
fill:var(--iui-icon-color-primary);
|
|
8873
|
+
}
|
|
8874
|
+
|
|
8875
|
+
[data-iui-icon-color=positive]{
|
|
8876
|
+
fill:var(--iui-icon-color-positive);
|
|
8877
|
+
}
|
|
8878
|
+
|
|
8879
|
+
[data-iui-icon-color=warning]{
|
|
8880
|
+
fill:var(--iui-icon-color-warning);
|
|
8881
|
+
}
|
|
8882
|
+
|
|
8883
|
+
[data-iui-icon-color=negative]{
|
|
8884
|
+
fill:var(--iui-icon-color-negative);
|
|
8885
|
+
}
|
|
8886
|
+
|
|
8974
8887
|
.iui-input-container{
|
|
8975
8888
|
margin:0;
|
|
8976
8889
|
padding:0;
|
|
@@ -8980,23 +8893,20 @@ div.iui-tile-thumbnail-picture{
|
|
|
8980
8893
|
grid-template:"label label" "inputs inputs"/auto 1fr;
|
|
8981
8894
|
cursor:default;
|
|
8982
8895
|
}
|
|
8983
|
-
.iui-input-container.iui-inline-icon > .iui-input
|
|
8984
|
-
.iui-input-container.iui-inline-icon > .iui-textarea{
|
|
8896
|
+
.iui-input-container.iui-inline-icon > .iui-input{
|
|
8985
8897
|
padding-right:40px;
|
|
8986
8898
|
}
|
|
8987
|
-
.iui-input-container.iui-inline-icon > .iui-input:last-child
|
|
8988
|
-
.iui-input-container.iui-inline-icon > .iui-textarea:last-child{
|
|
8899
|
+
.iui-input-container.iui-inline-icon > .iui-input:last-child{
|
|
8989
8900
|
padding-right:12px;
|
|
8990
8901
|
}
|
|
8991
8902
|
.iui-input-container.iui-with-message{
|
|
8992
8903
|
grid-template:"label label" "inputs inputs" "icon message"/auto 1fr;
|
|
8993
8904
|
}
|
|
8994
8905
|
.iui-input-container.iui-with-message:not(.iui-inline-icon) > .iui-input-icon{
|
|
8995
|
-
margin-top:
|
|
8906
|
+
margin-top:4px;
|
|
8996
8907
|
}
|
|
8997
8908
|
.iui-input-container .iui-input,
|
|
8998
8909
|
.iui-input-container .iui-input-with-icon,
|
|
8999
|
-
.iui-input-container .iui-textarea,
|
|
9000
8910
|
.iui-input-container .iui-input-group{
|
|
9001
8911
|
grid-area:inputs;
|
|
9002
8912
|
}
|
|
@@ -9015,7 +8925,7 @@ label.iui-input-container.iui-disabled{
|
|
|
9015
8925
|
}
|
|
9016
8926
|
.iui-input-container .iui-checkbox-wrapper,
|
|
9017
8927
|
.iui-input-container .iui-radio-wrapper{
|
|
9018
|
-
min-height:
|
|
8928
|
+
min-height:24px;
|
|
9019
8929
|
}
|
|
9020
8930
|
.iui-input-container.iui-inline-label{
|
|
9021
8931
|
grid-template:"label inputs icon"/auto 1fr auto;
|
|
@@ -9032,7 +8942,7 @@ label.iui-input-container.iui-disabled{
|
|
|
9032
8942
|
}
|
|
9033
8943
|
.iui-input-container > .iui-label{
|
|
9034
8944
|
font-weight:600;
|
|
9035
|
-
margin-bottom:
|
|
8945
|
+
margin-bottom:4px;
|
|
9036
8946
|
grid-area:label;
|
|
9037
8947
|
align-self:center;
|
|
9038
8948
|
}
|
|
@@ -9043,11 +8953,17 @@ label.iui-input-container.iui-disabled{
|
|
|
9043
8953
|
}
|
|
9044
8954
|
.iui-input-container .iui-input-icon{
|
|
9045
8955
|
display:flex;
|
|
9046
|
-
|
|
8956
|
+
flex-shrink:0;
|
|
9047
8957
|
width:16px;
|
|
9048
8958
|
height:16px;
|
|
8959
|
+
fill:var(--iui-icon-color);
|
|
8960
|
+
grid-area:icon;
|
|
9049
8961
|
align-self:center;
|
|
9050
|
-
|
|
8962
|
+
}
|
|
8963
|
+
@media (forced-colors: active){
|
|
8964
|
+
.iui-input-container .iui-input-icon{
|
|
8965
|
+
fill:CanvasText;
|
|
8966
|
+
}
|
|
9051
8967
|
}
|
|
9052
8968
|
.iui-input-container .iui-input-icon:not(:last-child){
|
|
9053
8969
|
margin-right:4px;
|
|
@@ -9055,7 +8971,7 @@ label.iui-input-container.iui-disabled{
|
|
|
9055
8971
|
.iui-input-container .iui-message{
|
|
9056
8972
|
font-size:12px;
|
|
9057
8973
|
grid-area:message;
|
|
9058
|
-
margin-top:
|
|
8974
|
+
margin-top:4px;
|
|
9059
8975
|
color:var(--iui-text-color-muted);
|
|
9060
8976
|
}
|
|
9061
8977
|
.iui-input-container .iui-message a{
|
|
@@ -9071,6 +8987,8 @@ label.iui-input-container.iui-disabled{
|
|
|
9071
8987
|
position:relative;
|
|
9072
8988
|
}
|
|
9073
8989
|
.iui-input-container.iui-inline-icon > .iui-input-icon svg{
|
|
8990
|
+
display:flex;
|
|
8991
|
+
flex-shrink:0;
|
|
9074
8992
|
width:16px;
|
|
9075
8993
|
height:16px;
|
|
9076
8994
|
}
|
|
@@ -9103,7 +9021,7 @@ label.iui-input-container.iui-disabled{
|
|
|
9103
9021
|
transition:background 0s;
|
|
9104
9022
|
}
|
|
9105
9023
|
.iui-input-container.iui-inline-icon > .iui-input-icon.iui-actionable svg{
|
|
9106
|
-
fill:var(--iui-
|
|
9024
|
+
fill:var(--iui-icon-color-actionable);
|
|
9107
9025
|
transition:transform 0.2s ease-out;
|
|
9108
9026
|
}
|
|
9109
9027
|
.iui-input-container.iui-inline-icon > .iui-input-icon.iui-actionable.iui-open svg{
|
|
@@ -9113,7 +9031,7 @@ label.iui-input-container.iui-disabled{
|
|
|
9113
9031
|
cursor:not-allowed;
|
|
9114
9032
|
}
|
|
9115
9033
|
.iui-input-container.iui-inline-icon > .iui-input-icon.iui-disabled svg{
|
|
9116
|
-
fill:var(--iui-
|
|
9034
|
+
fill:var(--iui-icon-color-actionable-disabled);
|
|
9117
9035
|
}
|
|
9118
9036
|
.iui-input-container.iui-inline-label > .iui-label{
|
|
9119
9037
|
margin:0 16px 0 0;
|
|
@@ -9142,21 +9060,17 @@ label.iui-input-container.iui-disabled{
|
|
|
9142
9060
|
text-decoration:none;
|
|
9143
9061
|
color:var(--iui-color-foreground-positive-overlay);
|
|
9144
9062
|
}
|
|
9145
|
-
.iui-input-container.iui-positive .iui-input
|
|
9146
|
-
.iui-input-container.iui-positive .iui-textarea{
|
|
9063
|
+
.iui-input-container.iui-positive .iui-input{
|
|
9147
9064
|
padding-bottom:6px;
|
|
9148
9065
|
border-bottom:2px solid var(--iui-color-foreground-positive);
|
|
9149
9066
|
}
|
|
9150
|
-
.iui-input-container.iui-positive .iui-input.iui-small
|
|
9151
|
-
|
|
9152
|
-
padding-bottom:0.5px;
|
|
9067
|
+
.iui-input-container.iui-positive .iui-input.iui-small{
|
|
9068
|
+
padding-bottom:0px;
|
|
9153
9069
|
}
|
|
9154
|
-
.iui-input-container.iui-positive .iui-input.iui-large
|
|
9155
|
-
|
|
9156
|
-
padding-bottom:11.5px;
|
|
9070
|
+
.iui-input-container.iui-positive .iui-input.iui-large{
|
|
9071
|
+
padding-bottom:12px;
|
|
9157
9072
|
}
|
|
9158
|
-
.iui-input-container.iui-positive .iui-input:focus
|
|
9159
|
-
.iui-input-container.iui-positive .iui-textarea:focus{
|
|
9073
|
+
.iui-input-container.iui-positive .iui-input:focus{
|
|
9160
9074
|
border-bottom:2px solid var(--iui-color-foreground-positive);
|
|
9161
9075
|
outline:2px solid var(--iui-color-foreground-positive);
|
|
9162
9076
|
outline-offset:-2px;
|
|
@@ -9198,21 +9112,17 @@ label.iui-input-container.iui-disabled{
|
|
|
9198
9112
|
text-decoration:none;
|
|
9199
9113
|
color:var(--iui-color-foreground-negative-overlay);
|
|
9200
9114
|
}
|
|
9201
|
-
.iui-input-container.iui-negative .iui-input
|
|
9202
|
-
.iui-input-container.iui-negative .iui-textarea{
|
|
9115
|
+
.iui-input-container.iui-negative .iui-input{
|
|
9203
9116
|
padding-bottom:6px;
|
|
9204
9117
|
border-bottom:2px solid var(--iui-color-foreground-negative);
|
|
9205
9118
|
}
|
|
9206
|
-
.iui-input-container.iui-negative .iui-input.iui-small
|
|
9207
|
-
|
|
9208
|
-
padding-bottom:0.5px;
|
|
9119
|
+
.iui-input-container.iui-negative .iui-input.iui-small{
|
|
9120
|
+
padding-bottom:0px;
|
|
9209
9121
|
}
|
|
9210
|
-
.iui-input-container.iui-negative .iui-input.iui-large
|
|
9211
|
-
|
|
9212
|
-
padding-bottom:11.5px;
|
|
9122
|
+
.iui-input-container.iui-negative .iui-input.iui-large{
|
|
9123
|
+
padding-bottom:12px;
|
|
9213
9124
|
}
|
|
9214
|
-
.iui-input-container.iui-negative .iui-input:focus
|
|
9215
|
-
.iui-input-container.iui-negative .iui-textarea:focus{
|
|
9125
|
+
.iui-input-container.iui-negative .iui-input:focus{
|
|
9216
9126
|
border-bottom:2px solid var(--iui-color-foreground-negative);
|
|
9217
9127
|
outline:2px solid var(--iui-color-foreground-negative);
|
|
9218
9128
|
outline-offset:-2px;
|
|
@@ -9254,21 +9164,17 @@ label.iui-input-container.iui-disabled{
|
|
|
9254
9164
|
text-decoration:none;
|
|
9255
9165
|
color:var(--iui-color-foreground-warning-overlay);
|
|
9256
9166
|
}
|
|
9257
|
-
.iui-input-container.iui-warning .iui-input
|
|
9258
|
-
.iui-input-container.iui-warning .iui-textarea{
|
|
9167
|
+
.iui-input-container.iui-warning .iui-input{
|
|
9259
9168
|
padding-bottom:6px;
|
|
9260
9169
|
border-bottom:2px solid var(--iui-color-foreground-warning);
|
|
9261
9170
|
}
|
|
9262
|
-
.iui-input-container.iui-warning .iui-input.iui-small
|
|
9263
|
-
|
|
9264
|
-
padding-bottom:0.5px;
|
|
9171
|
+
.iui-input-container.iui-warning .iui-input.iui-small{
|
|
9172
|
+
padding-bottom:0px;
|
|
9265
9173
|
}
|
|
9266
|
-
.iui-input-container.iui-warning .iui-input.iui-large
|
|
9267
|
-
|
|
9268
|
-
padding-bottom:11.5px;
|
|
9174
|
+
.iui-input-container.iui-warning .iui-input.iui-large{
|
|
9175
|
+
padding-bottom:12px;
|
|
9269
9176
|
}
|
|
9270
|
-
.iui-input-container.iui-warning .iui-input:focus
|
|
9271
|
-
.iui-input-container.iui-warning .iui-textarea:focus{
|
|
9177
|
+
.iui-input-container.iui-warning .iui-input:focus{
|
|
9272
9178
|
border-bottom:2px solid var(--iui-color-foreground-warning);
|
|
9273
9179
|
outline:2px solid var(--iui-color-foreground-warning);
|
|
9274
9180
|
outline-offset:-2px;
|
|
@@ -9292,7 +9198,7 @@ label.iui-input-container.iui-disabled{
|
|
|
9292
9198
|
|
|
9293
9199
|
.iui-input-label{
|
|
9294
9200
|
font-weight:600;
|
|
9295
|
-
margin-bottom:
|
|
9201
|
+
margin-bottom:4px;
|
|
9296
9202
|
cursor:default;
|
|
9297
9203
|
display:block;
|
|
9298
9204
|
}
|
|
@@ -9604,7 +9510,7 @@ label.iui-input-label.iui-disabled{
|
|
|
9604
9510
|
vertical-align:baseline;
|
|
9605
9511
|
font-size:12px;
|
|
9606
9512
|
font-weight:400;
|
|
9607
|
-
line-height:
|
|
9513
|
+
line-height:24px;
|
|
9608
9514
|
color:var(--_iui-workflow-diagram-circle-text-color);
|
|
9609
9515
|
}
|
|
9610
9516
|
.iui-workflow-diagram-step:first-of-type, .iui-workflow-diagram-step:last-of-type{
|