@itwin/itwinui-css 0.49.0 → 0.51.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (63) hide show
  1. package/css/alert.css +232 -174
  2. package/css/all.css +7251 -5567
  3. package/css/badge.css +2 -1
  4. package/css/blockquote.css +10 -7
  5. package/css/breadcrumbs.css +110 -87
  6. package/css/button.css +443 -315
  7. package/css/carousel.css +125 -78
  8. package/css/code.css +69 -56
  9. package/css/color-picker.css +150 -103
  10. package/css/date-picker.css +73 -55
  11. package/css/expandable-block.css +212 -160
  12. package/css/fieldset.css +22 -18
  13. package/css/file-upload.css +93 -79
  14. package/css/footer.css +64 -53
  15. package/css/global.css +100 -78
  16. package/css/header.css +471 -364
  17. package/css/icon.css +108 -78
  18. package/css/information-panel.css +174 -137
  19. package/css/inputs.css +1134 -942
  20. package/css/keyboard.css +11 -7
  21. package/css/location-marker.css +68 -58
  22. package/css/menu.css +105 -80
  23. package/css/modal.css +54 -42
  24. package/css/non-ideal-state.css +47 -40
  25. package/css/notification-marker.css +275 -200
  26. package/css/popover.css +10 -8
  27. package/css/progress-indicator.css +315 -237
  28. package/css/reset-global-styles.css +10 -5
  29. package/css/side-navigation.css +189 -140
  30. package/css/skip-to-content.css +41 -27
  31. package/css/slider.css +112 -87
  32. package/css/table.css +563 -419
  33. package/css/tabs.css +324 -238
  34. package/css/tag.css +111 -84
  35. package/css/text.css +46 -27
  36. package/css/tile.css +387 -311
  37. package/css/time-picker.css +113 -86
  38. package/css/toast-notification.css +232 -173
  39. package/css/toggle-switch.css +176 -111
  40. package/css/tooltip.css +21 -16
  41. package/css/tree.css +123 -93
  42. package/css/user-icon.css +204 -162
  43. package/css/wizard.css +156 -131
  44. package/package.json +5 -6
  45. package/scss/alert/alert.scss +1 -5
  46. package/scss/button/button-group.scss +38 -8
  47. package/scss/button/classes.scss +4 -0
  48. package/scss/carousel/carousel.scss +17 -6
  49. package/scss/code/codeblock.scss +1 -1
  50. package/scss/inputs/checkbox.scss +1 -0
  51. package/scss/inputs/labeled-inputs.scss +8 -8
  52. package/scss/inputs/radio.scss +0 -4
  53. package/scss/location-marker/data-rich.scss +1 -1
  54. package/scss/location-marker/me.scss +4 -4
  55. package/scss/modal/modal.scss +1 -0
  56. package/scss/popover/popover.scss +1 -2
  57. package/scss/progress-indicator/linear.scss +2 -10
  58. package/scss/style/global.scss +1 -5
  59. package/scss/style/mixins.scss +9 -0
  60. package/scss/table/table.scss +23 -14
  61. package/scss/toast-notification/categories.scss +1 -5
  62. package/scss/toggle-switch/classes.scss +4 -0
  63. package/scss/toggle-switch/toggle-switch.scss +141 -162
package/css/table.css CHANGED
@@ -9,35 +9,43 @@
9
9
  border:none;
10
10
  vertical-align:baseline;
11
11
  display:flex;
12
- flex-direction:column; }
13
- .iui-table *{
14
- box-sizing:border-box; }
15
- .iui-table .iui-cell-end-icon,
16
- .iui-table .iui-cell-start-icon{
17
- flex-shrink:0;
18
- display:flex;
19
- align-items:center;
20
- justify-content:center; }
21
- .iui-table .iui-cell-end-icon svg:not(.iui-radial),
22
- .iui-table .iui-cell-start-icon svg:not(.iui-radial){
23
- display:flex;
24
- width:16px;
25
- height:16px; }
26
- .iui-table .iui-cell-start-icon{
27
- margin-right:8px; }
28
- .iui-table .iui-cell-end-icon{
29
- width:24px;
30
- height:24px;
31
- margin-right:12px;
32
- margin-left:auto; }
33
- .iui-table.iui-condensed .iui-table-header .iui-cell,
34
- .iui-table.iui-condensed .iui-row .iui-cell,
35
- .iui-table.iui-condensed .iui-paginator{
36
- min-height:44px; }
37
- .iui-table.iui-extra-condensed .iui-table-header .iui-cell,
38
- .iui-table.iui-extra-condensed .iui-row .iui-cell,
39
- .iui-table.iui-extra-condensed .iui-paginator{
40
- min-height:33px; }
12
+ flex-direction:column;
13
+ }
14
+ .iui-table *{
15
+ box-sizing:border-box;
16
+ }
17
+ .iui-table .iui-cell-end-icon,
18
+ .iui-table .iui-cell-start-icon{
19
+ flex-shrink:0;
20
+ display:flex;
21
+ align-items:center;
22
+ justify-content:center;
23
+ }
24
+ .iui-table .iui-cell-end-icon svg:not(.iui-radial),
25
+ .iui-table .iui-cell-start-icon svg:not(.iui-radial){
26
+ display:flex;
27
+ width:16px;
28
+ height:16px;
29
+ }
30
+ .iui-table .iui-cell-start-icon{
31
+ margin-right:8px;
32
+ }
33
+ .iui-table .iui-cell-end-icon{
34
+ width:24px;
35
+ height:24px;
36
+ margin-right:12px;
37
+ margin-left:auto;
38
+ }
39
+ .iui-table.iui-condensed .iui-table-header .iui-cell,
40
+ .iui-table.iui-condensed .iui-row .iui-cell,
41
+ .iui-table.iui-condensed .iui-paginator{
42
+ min-height:44px;
43
+ }
44
+ .iui-table.iui-extra-condensed .iui-table-header .iui-cell,
45
+ .iui-table.iui-extra-condensed .iui-row .iui-cell,
46
+ .iui-table.iui-extra-condensed .iui-paginator{
47
+ min-height:33px;
48
+ }
41
49
 
42
50
  .iui-table-header{
43
51
  -webkit-user-select:none;
@@ -47,81 +55,115 @@
47
55
  overflow:hidden;
48
56
  flex-shrink:0;
49
57
  background-color:#EEF0F3;
50
- background-color:var(--iui-color-background-3); }
51
- @supports not (overflow: overlay){
52
- .iui-table-header{
53
- overflow-y:scroll; } }
54
- .iui-table-header .iui-row{
55
- display:flex;
56
- flex-grow:1; }
57
- .iui-table-header .iui-cell:not(.iui-slot):focus-visible{
58
+ background-color:var(--iui-color-background-3);
59
+ }
60
+ @supports not (overflow: overlay){
61
+ .iui-table-header{
62
+ overflow-y:scroll;
63
+ }
64
+ }
65
+ .iui-table-header .iui-row{
66
+ display:flex;
67
+ flex-grow:1;
68
+ border-left:solid 1px transparent;
69
+ border-right:solid 1px transparent;
70
+ }
71
+ .iui-table-header .iui-cell:not(.iui-slot):focus-visible{
72
+ outline:1px solid var(--iui-color-foreground-primary);
73
+ outline-offset:-1px;
74
+ }
75
+ @supports not selector(*:focus-visible){
76
+ .iui-table-header .iui-cell:not(.iui-slot):focus{
58
77
  outline:1px solid var(--iui-color-foreground-primary);
59
- outline-offset:-1px; }
60
- @supports not selector(*:focus-visible){
61
- .iui-table-header .iui-cell:not(.iui-slot):focus{
62
- outline:1px solid var(--iui-color-foreground-primary);
63
- outline-offset:-1px; } }
64
- .iui-table-header .iui-cell:not(.iui-slot).iui-actionable{
65
- cursor:pointer; }
66
- .iui-table-header .iui-cell:not(.iui-slot).iui-grabbing{
67
- cursor:-webkit-grabbing;
68
- cursor:grabbing; }
69
- .iui-table-header .iui-cell:not(.iui-slot) > .iui-filter-button{
70
- margin-left:4px;
71
- margin-right:8px; }
72
- .iui-table-header .iui-cell:not(.iui-slot) > .iui-filter-button:not(.iui-active){
73
- visibility:hidden; }
74
- .iui-table-header .iui-cell:not(.iui-slot) > .iui-resizer{
75
- height:100%;
76
- width:16px;
77
- position:absolute;
78
- top:0;
79
- right:0;
80
- transform:translateX(50%);
81
- touch-action:none;
82
- cursor:ew-resize;
83
- z-index:1;
84
- opacity:0; }
85
- .iui-table-header .iui-cell:not(.iui-slot) > .iui-resizer > .iui-resizer-bar{
86
- height:100%;
87
- width:2px;
88
- margin:0 auto;
89
- background-color:#C7CCD1;
90
- background-color:var(--iui-color-background-5); }
91
- @media (prefers-reduced-motion: no-preference){
92
- .iui-table-header .iui-cell:not(.iui-slot) > .iui-resizer > .iui-resizer-bar{
93
- transition:background-color 0.2s ease-out, width 0.2s ease-out; } }
94
- .iui-table-header .iui-cell:not(.iui-slot) > .iui-resizer:hover > .iui-resizer-bar{
95
- width:4px;
96
- background-color:#008BE1;
97
- background-color:var(--iui-color-foreground-primary); }
98
- .iui-table-header .iui-cell:not(.iui-slot):hover > .iui-resizer{
99
- opacity:1; }
100
- .iui-table-header .iui-cell:not(.iui-slot):hover, .iui-table-header .iui-cell:not(.iui-slot):focus, .iui-table-header .iui-cell:not(.iui-slot):focus-within{
101
- background-color:#DCE0E3;
102
- background-color:var(--iui-color-background-4); }
103
- .iui-table-header .iui-cell:not(.iui-slot):hover .iui-sort,
104
- .iui-table-header .iui-cell:not(.iui-slot):hover .iui-filter-button, .iui-table-header .iui-cell:not(.iui-slot):focus .iui-sort,
105
- .iui-table-header .iui-cell:not(.iui-slot):focus .iui-filter-button, .iui-table-header .iui-cell:not(.iui-slot):focus-within .iui-sort,
106
- .iui-table-header .iui-cell:not(.iui-slot):focus-within .iui-filter-button{
107
- visibility:visible; }
108
- .iui-table-header .iui-reorder-column-right{
109
- border-right:2px solid #008BE1;
110
- border-right:2px solid var(--iui-color-foreground-primary); }
111
- .iui-table-header .iui-reorder-column-left{
112
- border-left:2px solid #008BE1;
113
- border-left:2px solid var(--iui-color-foreground-primary); }
114
- .iui-table-header .iui-sort{
115
- visibility:hidden;
116
- fill:rgba(0, 0, 0, 0.4);
117
- fill:var(--iui-icons-color); }
118
- .iui-table-header .iui-sorted{
119
- background-color:#DCE0E3;
120
- background-color:var(--iui-color-background-4); }
121
- .iui-table-header .iui-sorted .iui-sort{
122
- visibility:visible;
123
- fill:rgba(0, 0, 0, 0.8);
124
- fill:var(--iui-icons-color-actionable); }
78
+ outline-offset:-1px;
79
+ }
80
+ }
81
+ .iui-table-header .iui-cell:not(.iui-slot).iui-actionable{
82
+ cursor:pointer;
83
+ }
84
+ .iui-table-header .iui-cell:not(.iui-slot).iui-grabbing{
85
+ cursor:-webkit-grabbing;
86
+ cursor:grabbing;
87
+ }
88
+ .iui-table-header .iui-cell:not(.iui-slot) > .iui-filter-button{
89
+ margin-left:4px;
90
+ margin-right:8px;
91
+ }
92
+ .iui-table-header .iui-cell:not(.iui-slot) > .iui-filter-button:not(.iui-active){
93
+ visibility:hidden;
94
+ }
95
+ .iui-table-header .iui-cell:not(.iui-slot) > .iui-resizer{
96
+ height:100%;
97
+ width:16px;
98
+ position:absolute;
99
+ top:0;
100
+ right:0;
101
+ transform:translateX(50%);
102
+ touch-action:none;
103
+ cursor:ew-resize;
104
+ z-index:1;
105
+ opacity:0;
106
+ }
107
+ .iui-table-header .iui-cell:not(.iui-slot) > .iui-resizer > .iui-resizer-bar{
108
+ height:100%;
109
+ width:2px;
110
+ margin:0 auto;
111
+ background-color:#C7CCD1;
112
+ background-color:var(--iui-color-background-5);
113
+ }
114
+ @media (prefers-reduced-motion: no-preference){
115
+ .iui-table-header .iui-cell:not(.iui-slot) > .iui-resizer > .iui-resizer-bar{
116
+ transition:background-color 0.2s ease-out, width 0.2s ease-out;
117
+ }
118
+ }
119
+ .iui-table-header .iui-cell:not(.iui-slot) > .iui-resizer:hover > .iui-resizer-bar{
120
+ width:4px;
121
+ background-color:#008BE1;
122
+ background-color:var(--iui-color-foreground-primary);
123
+ }
124
+ .iui-table-header .iui-cell:not(.iui-slot):hover > .iui-resizer{
125
+ opacity:1;
126
+ }
127
+ .iui-table-header .iui-cell:not(.iui-slot):hover, .iui-table-header .iui-cell:not(.iui-slot):focus, .iui-table-header .iui-cell:not(.iui-slot):focus-within{
128
+ background-color:#DCE0E3;
129
+ background-color:var(--iui-color-background-4);
130
+ }
131
+ .iui-table-header .iui-cell:not(.iui-slot):hover .iui-sort,
132
+ .iui-table-header .iui-cell:not(.iui-slot):hover .iui-filter-button, .iui-table-header .iui-cell:not(.iui-slot):focus .iui-sort,
133
+ .iui-table-header .iui-cell:not(.iui-slot):focus .iui-filter-button, .iui-table-header .iui-cell:not(.iui-slot):focus-within .iui-sort,
134
+ .iui-table-header .iui-cell:not(.iui-slot):focus-within .iui-filter-button{
135
+ visibility:visible;
136
+ }
137
+ .iui-table-header .iui-reorder-bar{
138
+ position:absolute;
139
+ height:100%;
140
+ width:2px;
141
+ }
142
+ .iui-table-header .iui-reorder-column-right > .iui-reorder-bar{
143
+ right:0;
144
+ }
145
+ .iui-table-header .iui-reorder-column-left > .iui-reorder-bar{
146
+ left:0;
147
+ }
148
+ .iui-table-header .iui-reorder-column-left > .iui-reorder-bar,
149
+ .iui-table-header .iui-reorder-column-right > .iui-reorder-bar{
150
+ background-color:#008BE1;
151
+ background-color:var(--iui-color-foreground-primary);
152
+ }
153
+ .iui-table-header .iui-sort{
154
+ visibility:hidden;
155
+ fill:rgba(0, 0, 0, 0.4);
156
+ fill:var(--iui-icons-color);
157
+ }
158
+ .iui-table-header .iui-sorted{
159
+ background-color:#DCE0E3;
160
+ background-color:var(--iui-color-background-4);
161
+ }
162
+ .iui-table-header .iui-sorted .iui-sort{
163
+ visibility:visible;
164
+ fill:rgba(0, 0, 0, 0.8);
165
+ fill:var(--iui-icons-color-actionable);
166
+ }
125
167
 
126
168
  .iui-table-body{
127
169
  overflow-y:scroll;
@@ -131,173 +173,227 @@
131
173
  flex-grow:1;
132
174
  align-items:flex-start;
133
175
  background-color:#FFF;
134
- background-color:var(--iui-color-background-1); }
135
- .iui-table-body.iui-scroll-snapping{
136
- -ms-scroll-snap-type:y mandatory;
137
- scroll-snap-type:y mandatory; }
138
- .iui-table-body.iui-scroll-snapping .iui-row{
139
- scroll-snap-align:start none; }
140
- .iui-table-body.iui-zebra-striping .iui-row:nth-child(even):not(.iui-selected){
141
- background-color:rgba(0, 0, 0, 0.02);
142
- background-color:rgba(var(--iui-color-foreground-body-rgb), 0.02); }
176
+ background-color:var(--iui-color-background-1);
177
+ }
178
+ .iui-table-body.iui-scroll-snapping{
179
+ -ms-scroll-snap-type:y mandatory;
180
+ scroll-snap-type:y mandatory;
181
+ }
182
+ .iui-table-body.iui-scroll-snapping .iui-row{
183
+ scroll-snap-align:start none;
184
+ }
185
+ .iui-table-body.iui-zebra-striping .iui-row:nth-child(even):not(.iui-selected){
186
+ background-color:rgba(0, 0, 0, 0.02);
187
+ background-color:rgba(var(--iui-color-foreground-body-rgb), 0.02);
188
+ }
189
+ .iui-table-body .iui-row{
190
+ min-width:100%;
191
+ display:flex;
192
+ border:solid 1px transparent;
193
+ border-bottom-color:#DCE0E3;
194
+ border-bottom-color:var(--iui-color-background-4);
195
+ }
196
+ @media (prefers-reduced-motion: no-preference){
143
197
  .iui-table-body .iui-row{
144
- min-width:100%;
145
- display:flex;
146
- border:solid 1px transparent;
147
- border-bottom-color:#DCE0E3;
148
- border-bottom-color:var(--iui-color-background-4); }
149
- @media (prefers-reduced-motion: no-preference){
150
- .iui-table-body .iui-row{
151
- transition:border 0.2s ease-out; } }
152
- .iui-table-body .iui-row > .iui-slot > .iui-more-options{
153
- visibility:hidden; }
154
- .iui-table-body .iui-row:hover:not(.iui-disabled):not(.iui-expanded-content){
155
- background-color:rgba(0, 139, 225, 0.1);
156
- background-color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-6)); }
157
- .iui-table-body .iui-row:hover:not(.iui-disabled) > .iui-slot > .iui-more-options{
158
- visibility:visible; }
159
- .iui-table-body .iui-row:not(.iui-disabled):focus-within > .iui-slot > .iui-more-options{
160
- visibility:visible; }
161
- @media (prefers-reduced-motion: no-preference){
162
- .iui-table-body .iui-row .iui-row-expander > .iui-button-icon{
163
- transition:transform 0.2s ease-out; } }
164
- .iui-table-body .iui-row.iui-row-expanded{
165
- overflow:hidden;
166
- border-left-color:#DCE0E3;
167
- border-right-color:#DCE0E3;
168
- border-bottom-color:transparent;
169
- border-left-color:var(--iui-color-background-4);
170
- border-right-color:var(--iui-color-background-4);
171
- border-bottom-color:transparent; }
172
- .iui-table-body .iui-row.iui-row-expanded .iui-row-expander > .iui-button-icon{
173
- transform:rotate(90deg); }
174
- .iui-table-body .iui-row.iui-row-expanded + .iui-expanded-content{
175
- border-left-color:#DCE0E3;
176
- border-right-color:#DCE0E3;
177
- border-left-color:var(--iui-color-background-4);
178
- border-right-color:var(--iui-color-background-4); }
179
- .iui-table-body .iui-row.iui-expanded-content{
180
- overflow:hidden; }
181
- .iui-table-body .iui-row.iui-expanded-content.iui-enter{
182
- opacity:0; }
183
- .iui-table-body .iui-row.iui-expanded-content.iui-enter-active{
184
- opacity:1; }
185
- @media (prefers-reduced-motion: no-preference){
186
- .iui-table-body .iui-row.iui-expanded-content.iui-enter-active{
187
- transition:opacity 0.2s ease-out, width 0.2s ease-out, height 0.2s ease-out; } }
188
- .iui-table-body .iui-row.iui-expanded-content.iui-exit{
189
- opacity:1; }
190
- .iui-table-body .iui-row.iui-expanded-content.iui-exit-active{
191
- opacity:0; }
192
- @media (prefers-reduced-motion: no-preference){
193
- .iui-table-body .iui-row.iui-expanded-content.iui-exit-active{
194
- transition:opacity 0.2s ease-out, width 0.2s ease-out, height 0.2s ease-out; } }
195
- .iui-table-body .iui-row:not(.iui-selected) + .iui-selected, .iui-table-body .iui-row.iui-selected:first-child{
196
- border-bottom-color:transparent; }
197
- .iui-table-body .iui-row.iui-selected{
198
- border-color:#008BE1;
199
- background:rgba(0, 139, 225, 0.2);
200
- border-color:var(--iui-color-foreground-primary);
201
- background:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-5)); }
202
- .iui-table-body .iui-row.iui-selected + .iui-selected{
203
- border-bottom-color:transparent;
204
- border-top-color:rgba(0, 139, 225, 0.4);
205
- border-top-color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-4)); }
206
- .iui-table-body .iui-row.iui-selected:last-child{
207
- border-bottom-color:#008BE1;
208
- border-bottom-color:var(--iui-color-foreground-primary); }
209
- .iui-table-body .iui-row.iui-selected + :not(.iui-selected),
210
- .iui-table-body .iui-row.iui-selected + .iui-expanded-content + :not(.iui-selected){
211
- border-top-color:#008BE1;
212
- border-top-color:var(--iui-color-foreground-primary); }
213
- .iui-table-body .iui-row.iui-selected + .iui-expanded-content{
214
- border-color:transparent #008BE1;
215
- border-color:transparent var(--iui-color-foreground-primary); }
216
- .iui-table-body .iui-row.iui-selected + .iui-expanded-content:last-child{
217
- border-bottom-color:#008BE1; }
218
- .iui-table-body .iui-row.iui-selected + .iui-expanded-content:last-child{
219
- border-bottom-color:var(--iui-color-foreground-primary); }
220
- .iui-table-body .iui-row.iui-new{
221
- font-weight:600; }
222
- .iui-table-body .iui-row.iui-new > .iui-main-column::before{
223
- content:'•';
224
- position:absolute;
225
- left:0;
226
- font-size:24px;
227
- color:#53A21A;
228
- color:var(--iui-color-foreground-positive); }
229
- .iui-table-body .iui-row.iui-disabled,
230
- .iui-table-body .iui-row.iui-disabled + .iui-expanded-content{
231
- font-style:italic;
232
- cursor:not-allowed;
233
- color:rgba(0, 0, 0, 0.4);
234
- color:var(--iui-text-color-muted); }
235
- .iui-table-body .iui-row.iui-disabled:hover > .iui-slot > .iui-more-options,
236
- .iui-table-body .iui-row.iui-disabled + .iui-expanded-content:hover > .iui-slot > .iui-more-options{
237
- visibility:hidden; }
238
- .iui-table-body .iui-row.iui-disabled img,
239
- .iui-table-body .iui-row.iui-disabled svg:not(.iui-radial),
240
- .iui-table-body .iui-row.iui-disabled .iui-user-icon,
241
- .iui-table-body .iui-row.iui-disabled + .iui-expanded-content img,
242
- .iui-table-body .iui-row.iui-disabled + .iui-expanded-content svg:not(.iui-radial),
243
- .iui-table-body .iui-row.iui-disabled + .iui-expanded-content .iui-user-icon{
244
- filter:grayscale(100%); }
245
- .iui-table-body .iui-row.iui-positive,
246
- .iui-table-body .iui-row.iui-positive + .iui-expanded-content{
247
- box-shadow:inset 2px 0 0 0 #53A21A;
248
- box-shadow:inset 2px 0 0 0 var(--iui-icons-color-positive); }
249
- .iui-table-body .iui-row.iui-positive *::-moz-selection, .iui-table-body .iui-row.iui-positive + .iui-expanded-content *::-moz-selection{
250
- background-color:rgba(83, 162, 26, 0.4);
251
- background-color:rgba(var(--iui-color-foreground-positive-rgb), var(--iui-opacity-4)); }
252
- .iui-table-body .iui-row.iui-positive *::selection,
253
- .iui-table-body .iui-row.iui-positive + .iui-expanded-content *::selection{
254
- background-color:rgba(83, 162, 26, 0.4);
255
- background-color:rgba(var(--iui-color-foreground-positive-rgb), var(--iui-opacity-4)); }
256
- .iui-table-body .iui-row.iui-positive .iui-cell-end-icon svg{
257
- fill:#53A21A;
258
- fill:var(--iui-icons-color-positive); }
259
- .iui-table-body .iui-row.iui-warning,
260
- .iui-table-body .iui-row.iui-warning + .iui-expanded-content{
261
- box-shadow:inset 2px 0 0 0 #F18B12;
262
- box-shadow:inset 2px 0 0 0 var(--iui-icons-color-warning); }
263
- .iui-table-body .iui-row.iui-warning *::-moz-selection, .iui-table-body .iui-row.iui-warning + .iui-expanded-content *::-moz-selection{
264
- background-color:rgba(241, 139, 18, 0.4);
265
- background-color:rgba(var(--iui-color-foreground-warning-rgb), var(--iui-opacity-4)); }
266
- .iui-table-body .iui-row.iui-warning *::selection,
267
- .iui-table-body .iui-row.iui-warning + .iui-expanded-content *::selection{
268
- background-color:rgba(241, 139, 18, 0.4);
269
- background-color:rgba(var(--iui-color-foreground-warning-rgb), var(--iui-opacity-4)); }
270
- .iui-table-body .iui-row.iui-warning .iui-cell-end-icon svg{
271
- fill:#F18B12;
272
- fill:var(--iui-icons-color-warning); }
273
- .iui-table-body .iui-row.iui-negative,
274
- .iui-table-body .iui-row.iui-negative + .iui-expanded-content{
275
- box-shadow:inset 2px 0 0 0 #D30A0A;
276
- box-shadow:inset 2px 0 0 0 var(--iui-icons-color-negative); }
277
- .iui-table-body .iui-row.iui-negative *::-moz-selection, .iui-table-body .iui-row.iui-negative + .iui-expanded-content *::-moz-selection{
278
- background-color:rgba(211, 10, 10, 0.4);
279
- background-color:rgba(var(--iui-color-foreground-negative-rgb), var(--iui-opacity-4)); }
280
- .iui-table-body .iui-row.iui-negative *::selection,
281
- .iui-table-body .iui-row.iui-negative + .iui-expanded-content *::selection{
282
- background-color:rgba(211, 10, 10, 0.4);
283
- background-color:rgba(var(--iui-color-foreground-negative-rgb), var(--iui-opacity-4)); }
284
- .iui-table-body .iui-row.iui-negative .iui-cell-end-icon svg{
285
- fill:#D30A0A;
286
- fill:var(--iui-icons-color-negative); }
287
- .iui-table-body > .iui-table-empty{
288
- text-align:center;
289
- padding:32px;
290
- display:flex;
291
- flex-direction:column;
292
- justify-content:center;
293
- align-items:center;
294
- flex-grow:1;
295
- -ms-grid-row-align:center;
296
- align-self:center;
297
- color:rgba(0, 0, 0, 0.4);
298
- background-color:#FFF;
299
- color:var(--iui-text-color-muted);
300
- background-color:var(--iui-color-background-1); }
198
+ transition:border 0.2s ease-out;
199
+ }
200
+ }
201
+ .iui-table-body .iui-row > .iui-slot > .iui-more-options{
202
+ visibility:hidden;
203
+ }
204
+ .iui-table-body .iui-row:hover:not(.iui-disabled):not(.iui-expanded-content){
205
+ background-color:rgba(0, 139, 225, 0.1);
206
+ background-color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-6));
207
+ }
208
+ .iui-table-body .iui-row:hover:not(.iui-disabled) > .iui-slot > .iui-more-options{
209
+ visibility:visible;
210
+ }
211
+ .iui-table-body .iui-row:not(.iui-disabled):focus-within > .iui-slot > .iui-more-options{
212
+ visibility:visible;
213
+ }
214
+ @media (prefers-reduced-motion: no-preference){
215
+ .iui-table-body .iui-row .iui-row-expander > .iui-button-icon{
216
+ transition:transform 0.2s ease-out;
217
+ }
218
+ }
219
+ .iui-table-body .iui-row.iui-row-expanded{
220
+ overflow:hidden;
221
+ border-left-color:#DCE0E3;
222
+ border-right-color:#DCE0E3;
223
+ border-bottom-color:transparent;
224
+ border-left-color:var(--iui-color-background-4);
225
+ border-right-color:var(--iui-color-background-4);
226
+ border-bottom-color:transparent;
227
+ }
228
+ .iui-table-body .iui-row.iui-row-expanded .iui-row-expander > .iui-button-icon{
229
+ transform:rotate(90deg);
230
+ }
231
+ .iui-table-body .iui-row.iui-row-expanded + .iui-expanded-content{
232
+ border-left-color:#DCE0E3;
233
+ border-right-color:#DCE0E3;
234
+ border-left-color:var(--iui-color-background-4);
235
+ border-right-color:var(--iui-color-background-4);
236
+ }
237
+ .iui-table-body .iui-row.iui-expanded-content{
238
+ overflow:hidden;
239
+ }
240
+ .iui-table-body .iui-row.iui-expanded-content.iui-enter{
241
+ opacity:0;
242
+ }
243
+ .iui-table-body .iui-row.iui-expanded-content.iui-enter-active{
244
+ opacity:1;
245
+ }
246
+ @media (prefers-reduced-motion: no-preference){
247
+ .iui-table-body .iui-row.iui-expanded-content.iui-enter-active{
248
+ transition:opacity 0.2s ease-out, width 0.2s ease-out, height 0.2s ease-out;
249
+ }
250
+ }
251
+ .iui-table-body .iui-row.iui-expanded-content.iui-exit{
252
+ opacity:1;
253
+ }
254
+ .iui-table-body .iui-row.iui-expanded-content.iui-exit-active{
255
+ opacity:0;
256
+ }
257
+ @media (prefers-reduced-motion: no-preference){
258
+ .iui-table-body .iui-row.iui-expanded-content.iui-exit-active{
259
+ transition:opacity 0.2s ease-out, width 0.2s ease-out, height 0.2s ease-out;
260
+ }
261
+ }
262
+ .iui-table-body .iui-row:not(.iui-selected) + .iui-selected, .iui-table-body .iui-row.iui-selected:first-child{
263
+ border-bottom-color:transparent;
264
+ }
265
+ .iui-table-body .iui-row.iui-selected{
266
+ border-color:#008BE1;
267
+ background:rgba(0, 139, 225, 0.2);
268
+ border-color:var(--iui-color-foreground-primary);
269
+ background:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-5));
270
+ }
271
+ .iui-table-body .iui-row.iui-selected + .iui-selected{
272
+ border-bottom-color:transparent;
273
+ border-top-color:rgba(0, 139, 225, 0.4);
274
+ border-top-color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-4));
275
+ }
276
+ .iui-table-body .iui-row.iui-selected:last-child{
277
+ border-bottom-color:#008BE1;
278
+ border-bottom-color:var(--iui-color-foreground-primary);
279
+ }
280
+ .iui-table-body .iui-row.iui-selected + :not(.iui-selected),
281
+ .iui-table-body .iui-row.iui-selected + .iui-expanded-content + :not(.iui-selected){
282
+ border-top-color:#008BE1;
283
+ border-top-color:var(--iui-color-foreground-primary);
284
+ }
285
+ .iui-table-body .iui-row.iui-selected + .iui-expanded-content{
286
+ border-color:transparent #008BE1;
287
+ border-color:transparent var(--iui-color-foreground-primary);
288
+ }
289
+ .iui-table-body .iui-row.iui-selected + .iui-expanded-content:last-child{
290
+ border-bottom-color:#008BE1;
291
+ }
292
+ .iui-table-body .iui-row.iui-selected + .iui-expanded-content:last-child{
293
+ border-bottom-color:var(--iui-color-foreground-primary);
294
+ }
295
+ .iui-table-body .iui-row.iui-new{
296
+ font-weight:600;
297
+ }
298
+ .iui-table-body .iui-row.iui-new > .iui-main-column::before{
299
+ content:"•";
300
+ position:absolute;
301
+ left:0;
302
+ font-size:24px;
303
+ color:#53A21A;
304
+ color:var(--iui-color-foreground-positive);
305
+ }
306
+ .iui-table-body .iui-row.iui-disabled, .iui-table-body .iui-row.iui-disabled + .iui-expanded-content{
307
+ font-style:italic;
308
+ cursor:not-allowed;
309
+ color:rgba(0, 0, 0, 0.4);
310
+ color:var(--iui-text-color-muted);
311
+ }
312
+ .iui-table-body .iui-row.iui-disabled:hover > .iui-slot > .iui-more-options, .iui-table-body .iui-row.iui-disabled + .iui-expanded-content:hover > .iui-slot > .iui-more-options{
313
+ visibility:hidden;
314
+ }
315
+ .iui-table-body .iui-row.iui-disabled img,
316
+ .iui-table-body .iui-row.iui-disabled svg:not(.iui-radial),
317
+ .iui-table-body .iui-row.iui-disabled .iui-user-icon, .iui-table-body .iui-row.iui-disabled + .iui-expanded-content img,
318
+ .iui-table-body .iui-row.iui-disabled + .iui-expanded-content svg:not(.iui-radial),
319
+ .iui-table-body .iui-row.iui-disabled + .iui-expanded-content .iui-user-icon{
320
+ filter:grayscale(100%);
321
+ }
322
+ .iui-table-body .iui-row.iui-positive,
323
+ .iui-table-body .iui-row.iui-positive + .iui-expanded-content{
324
+ box-shadow:inset 2px 0 0 0 #53A21A;
325
+ box-shadow:inset 2px 0 0 0 var(--iui-icons-color-positive);
326
+ }
327
+ .iui-table-body .iui-row.iui-positive::-moz-selection, .iui-table-body .iui-row.iui-positive *::-moz-selection, .iui-table-body .iui-row.iui-positive + .iui-expanded-content::-moz-selection, .iui-table-body .iui-row.iui-positive + .iui-expanded-content *::-moz-selection{
328
+ background-color:rgba(83, 162, 26, 0.4);
329
+ background-color:rgba(var(--iui-color-foreground-positive-rgb), var(--iui-opacity-4));
330
+ }
331
+ .iui-table-body .iui-row.iui-positive::selection,
332
+ .iui-table-body .iui-row.iui-positive *::selection,
333
+ .iui-table-body .iui-row.iui-positive + .iui-expanded-content::selection,
334
+ .iui-table-body .iui-row.iui-positive + .iui-expanded-content *::selection{
335
+ background-color:rgba(83, 162, 26, 0.4);
336
+ background-color:rgba(var(--iui-color-foreground-positive-rgb), var(--iui-opacity-4));
337
+ }
338
+ .iui-table-body .iui-row.iui-positive .iui-cell-end-icon svg{
339
+ fill:#53A21A;
340
+ fill:var(--iui-icons-color-positive);
341
+ }
342
+ .iui-table-body .iui-row.iui-warning,
343
+ .iui-table-body .iui-row.iui-warning + .iui-expanded-content{
344
+ box-shadow:inset 2px 0 0 0 #F18B12;
345
+ box-shadow:inset 2px 0 0 0 var(--iui-icons-color-warning);
346
+ }
347
+ .iui-table-body .iui-row.iui-warning::-moz-selection, .iui-table-body .iui-row.iui-warning *::-moz-selection, .iui-table-body .iui-row.iui-warning + .iui-expanded-content::-moz-selection, .iui-table-body .iui-row.iui-warning + .iui-expanded-content *::-moz-selection{
348
+ background-color:rgba(241, 139, 18, 0.4);
349
+ background-color:rgba(var(--iui-color-foreground-warning-rgb), var(--iui-opacity-4));
350
+ }
351
+ .iui-table-body .iui-row.iui-warning::selection,
352
+ .iui-table-body .iui-row.iui-warning *::selection,
353
+ .iui-table-body .iui-row.iui-warning + .iui-expanded-content::selection,
354
+ .iui-table-body .iui-row.iui-warning + .iui-expanded-content *::selection{
355
+ background-color:rgba(241, 139, 18, 0.4);
356
+ background-color:rgba(var(--iui-color-foreground-warning-rgb), var(--iui-opacity-4));
357
+ }
358
+ .iui-table-body .iui-row.iui-warning .iui-cell-end-icon svg{
359
+ fill:#F18B12;
360
+ fill:var(--iui-icons-color-warning);
361
+ }
362
+ .iui-table-body .iui-row.iui-negative,
363
+ .iui-table-body .iui-row.iui-negative + .iui-expanded-content{
364
+ box-shadow:inset 2px 0 0 0 #D30A0A;
365
+ box-shadow:inset 2px 0 0 0 var(--iui-icons-color-negative);
366
+ }
367
+ .iui-table-body .iui-row.iui-negative::-moz-selection, .iui-table-body .iui-row.iui-negative *::-moz-selection, .iui-table-body .iui-row.iui-negative + .iui-expanded-content::-moz-selection, .iui-table-body .iui-row.iui-negative + .iui-expanded-content *::-moz-selection{
368
+ background-color:rgba(211, 10, 10, 0.4);
369
+ background-color:rgba(var(--iui-color-foreground-negative-rgb), var(--iui-opacity-4));
370
+ }
371
+ .iui-table-body .iui-row.iui-negative::selection,
372
+ .iui-table-body .iui-row.iui-negative *::selection,
373
+ .iui-table-body .iui-row.iui-negative + .iui-expanded-content::selection,
374
+ .iui-table-body .iui-row.iui-negative + .iui-expanded-content *::selection{
375
+ background-color:rgba(211, 10, 10, 0.4);
376
+ background-color:rgba(var(--iui-color-foreground-negative-rgb), var(--iui-opacity-4));
377
+ }
378
+ .iui-table-body .iui-row.iui-negative .iui-cell-end-icon svg{
379
+ fill:#D30A0A;
380
+ fill:var(--iui-icons-color-negative);
381
+ }
382
+ .iui-table-body > .iui-table-empty{
383
+ text-align:center;
384
+ padding:32px;
385
+ display:flex;
386
+ flex-direction:column;
387
+ justify-content:center;
388
+ align-items:center;
389
+ flex-grow:1;
390
+ -ms-grid-row-align:center;
391
+ align-self:center;
392
+ color:rgba(0, 0, 0, 0.4);
393
+ background-color:#FFF;
394
+ color:var(--iui-text-color-muted);
395
+ background-color:var(--iui-color-background-1);
396
+ }
301
397
 
302
398
  .iui-cell{
303
399
  align-items:center;
@@ -308,53 +404,71 @@
308
404
  padding-left:16px;
309
405
  flex-basis:64px;
310
406
  position:relative;
311
- word-break:break-word; }
312
- .iui-cell.iui-slot{
313
- width:48px;
314
- padding:0;
315
- flex-grow:0;
316
- min-width:0;
317
- display:flex;
318
- justify-content:center;
319
- align-items:center;
320
- flex-basis:48px; }
321
- .iui-cell:not(.iui-slot):last-child{
322
- padding-right:16px; }
323
- .iui-cell.iui-positive{
324
- background-color:rgba(83, 162, 26, 0.1);
325
- background-color:rgba(var(--iui-color-foreground-positive-rgb), var(--iui-opacity-6)); }
326
- .iui-cell.iui-positive::-moz-selection{
327
- background-color:rgba(83, 162, 26, 0.4);
328
- background-color:rgba(var(--iui-color-foreground-positive-rgb), var(--iui-opacity-4)); }
329
- .iui-cell.iui-positive::selection{
330
- background-color:rgba(83, 162, 26, 0.4);
331
- background-color:rgba(var(--iui-color-foreground-positive-rgb), var(--iui-opacity-4)); }
332
- .iui-cell.iui-warning{
333
- background-color:rgba(241, 139, 18, 0.1);
334
- background-color:rgba(var(--iui-color-foreground-warning-rgb), var(--iui-opacity-6)); }
335
- .iui-cell.iui-warning::-moz-selection{
336
- background-color:rgba(241, 139, 18, 0.4);
337
- background-color:rgba(var(--iui-color-foreground-warning-rgb), var(--iui-opacity-4)); }
338
- .iui-cell.iui-warning::selection{
339
- background-color:rgba(241, 139, 18, 0.4);
340
- background-color:rgba(var(--iui-color-foreground-warning-rgb), var(--iui-opacity-4)); }
341
- .iui-cell.iui-negative{
342
- background-color:rgba(211, 10, 10, 0.1);
343
- background-color:rgba(var(--iui-color-foreground-negative-rgb), var(--iui-opacity-6)); }
344
- .iui-cell.iui-negative::-moz-selection{
345
- background-color:rgba(211, 10, 10, 0.4);
346
- background-color:rgba(var(--iui-color-foreground-negative-rgb), var(--iui-opacity-4)); }
347
- .iui-cell.iui-negative::selection{
348
- background-color:rgba(211, 10, 10, 0.4);
349
- background-color:rgba(var(--iui-color-foreground-negative-rgb), var(--iui-opacity-4)); }
350
- .iui-cell[contenteditable]{
351
- outline-offset:-1px; }
352
- .iui-cell[contenteditable]:focus, .iui-cell[contenteditable]:hover{
353
- outline:1px solid #008BE1;
354
- outline:1px solid var(--iui-color-foreground-primary); }
355
- .iui-cell[contenteditable]:focus{
356
- background-color:#FFF;
357
- background-color:var(--iui-color-background-1); }
407
+ word-break:break-word;
408
+ }
409
+ .iui-cell.iui-slot{
410
+ width:48px;
411
+ padding:0;
412
+ flex-grow:0;
413
+ min-width:0;
414
+ display:flex;
415
+ justify-content:center;
416
+ align-items:center;
417
+ flex-basis:48px;
418
+ }
419
+ .iui-cell:not(.iui-slot):last-child{
420
+ padding-right:16px;
421
+ }
422
+ .iui-cell.iui-positive{
423
+ background-color:rgba(83, 162, 26, 0.1);
424
+ background-color:rgba(var(--iui-color-foreground-positive-rgb), var(--iui-opacity-6));
425
+ }
426
+ .iui-cell.iui-positive::-moz-selection, .iui-cell.iui-positive *::-moz-selection{
427
+ background-color:rgba(83, 162, 26, 0.4);
428
+ background-color:rgba(var(--iui-color-foreground-positive-rgb), var(--iui-opacity-4));
429
+ }
430
+ .iui-cell.iui-positive::selection,
431
+ .iui-cell.iui-positive *::selection{
432
+ background-color:rgba(83, 162, 26, 0.4);
433
+ background-color:rgba(var(--iui-color-foreground-positive-rgb), var(--iui-opacity-4));
434
+ }
435
+ .iui-cell.iui-warning{
436
+ background-color:rgba(241, 139, 18, 0.1);
437
+ background-color:rgba(var(--iui-color-foreground-warning-rgb), var(--iui-opacity-6));
438
+ }
439
+ .iui-cell.iui-warning::-moz-selection, .iui-cell.iui-warning *::-moz-selection{
440
+ background-color:rgba(241, 139, 18, 0.4);
441
+ background-color:rgba(var(--iui-color-foreground-warning-rgb), var(--iui-opacity-4));
442
+ }
443
+ .iui-cell.iui-warning::selection,
444
+ .iui-cell.iui-warning *::selection{
445
+ background-color:rgba(241, 139, 18, 0.4);
446
+ background-color:rgba(var(--iui-color-foreground-warning-rgb), var(--iui-opacity-4));
447
+ }
448
+ .iui-cell.iui-negative{
449
+ background-color:rgba(211, 10, 10, 0.1);
450
+ background-color:rgba(var(--iui-color-foreground-negative-rgb), var(--iui-opacity-6));
451
+ }
452
+ .iui-cell.iui-negative::-moz-selection, .iui-cell.iui-negative *::-moz-selection{
453
+ background-color:rgba(211, 10, 10, 0.4);
454
+ background-color:rgba(var(--iui-color-foreground-negative-rgb), var(--iui-opacity-4));
455
+ }
456
+ .iui-cell.iui-negative::selection,
457
+ .iui-cell.iui-negative *::selection{
458
+ background-color:rgba(211, 10, 10, 0.4);
459
+ background-color:rgba(var(--iui-color-foreground-negative-rgb), var(--iui-opacity-4));
460
+ }
461
+ .iui-cell[contenteditable]{
462
+ outline-offset:-1px;
463
+ }
464
+ .iui-cell[contenteditable]:focus, .iui-cell[contenteditable]:hover{
465
+ outline:1px solid #008BE1;
466
+ outline:1px solid var(--iui-color-foreground-primary);
467
+ }
468
+ .iui-cell[contenteditable]:focus{
469
+ background-color:#FFF;
470
+ background-color:var(--iui-color-background-1);
471
+ }
358
472
 
359
473
  .iui-paginator{
360
474
  margin:0;
@@ -371,28 +485,33 @@
371
485
  -ms-user-select:none;
372
486
  user-select:none;
373
487
  background-color:#EEF0F3;
374
- background-color:var(--iui-color-background-3); }
375
- .iui-paginator > .iui-left,
376
- .iui-paginator > .iui-center,
377
- .iui-paginator > .iui-right{
378
- display:flex;
379
- align-items:center;
380
- position:relative;
381
- flex:1;
382
- min-width:0; }
383
- .iui-paginator > .iui-center{
384
- justify-content:center;
385
- flex:2 1;
386
- color:rgba(0, 0, 0, 0.8);
387
- color:var(--iui-text-color); }
388
- .iui-paginator > .iui-right{
389
- justify-content:flex-end; }
390
- .iui-paginator-page-size-label{
391
- color:rgba(0, 0, 0, 0.4);
392
- color:var(--iui-text-color-muted);
393
- white-space:nowrap;
394
- overflow:hidden;
395
- text-overflow:ellipsis; }
488
+ background-color:var(--iui-color-background-3);
489
+ }
490
+ .iui-paginator > .iui-left,
491
+ .iui-paginator > .iui-center,
492
+ .iui-paginator > .iui-right{
493
+ display:flex;
494
+ align-items:center;
495
+ position:relative;
496
+ flex:1;
497
+ min-width:0;
498
+ }
499
+ .iui-paginator > .iui-center{
500
+ justify-content:center;
501
+ flex:2 1;
502
+ color:rgba(0, 0, 0, 0.8);
503
+ color:var(--iui-text-color);
504
+ }
505
+ .iui-paginator > .iui-right{
506
+ justify-content:flex-end;
507
+ }
508
+ .iui-paginator-page-size-label{
509
+ color:rgba(0, 0, 0, 0.4);
510
+ color:var(--iui-text-color-muted);
511
+ white-space:nowrap;
512
+ overflow:hidden;
513
+ text-overflow:ellipsis;
514
+ }
396
515
 
397
516
  .iui-paginator-ellipsis{
398
517
  display:flex;
@@ -400,14 +519,17 @@
400
519
  align-items:center;
401
520
  width:38px;
402
521
  color:rgba(0, 0, 0, 0.4);
403
- color:var(--iui-text-color-muted); }
404
- .iui-paginator-ellipsis-small{
405
- width:27px; }
522
+ color:var(--iui-text-color-muted);
523
+ }
524
+ .iui-paginator-ellipsis-small{
525
+ width:27px;
526
+ }
406
527
 
407
528
  .iui-paginator-pages-group{
408
529
  display:inline-flex;
409
530
  align-items:center;
410
- margin:0 8px; }
531
+ margin:0 8px;
532
+ }
411
533
 
412
534
  .iui-paginator-page-button{
413
535
  --_iui-button-active-stripe-inset:initial;
@@ -443,70 +565,86 @@
443
565
  height:38px;
444
566
  gap:8px;
445
567
  width:38px;
446
- --_iui-button-active-stripe-inset:calc(100% - 4px) 2px 2px; }
447
- @media (prefers-reduced-motion: no-preference){
448
- .iui-paginator-page-button{
449
- transition:color 0.2s ease-out, background-color 0.2s ease-out, border-color 0.2s ease-out; } }
450
- .iui-paginator-page-button:hover{
451
- text-decoration:none;
452
- color:black;
453
- color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-1)); }
454
- .iui-paginator-page-button:focus-visible{
568
+ --_iui-button-active-stripe-inset:calc(100% - 4px) 2px 2px;
569
+ }
570
+ @media (prefers-reduced-motion: no-preference){
571
+ .iui-paginator-page-button{
572
+ transition:color 0.2s ease-out, background-color 0.2s ease-out, border-color 0.2s ease-out;
573
+ }
574
+ }
575
+ .iui-paginator-page-button:hover{
576
+ text-decoration:none;
577
+ color:black;
578
+ color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-1));
579
+ }
580
+ .iui-paginator-page-button:focus-visible{
581
+ outline:1px solid var(--iui-color-foreground-primary);
582
+ outline-offset:-1px;
583
+ }
584
+ @supports not selector(*:focus-visible){
585
+ .iui-paginator-page-button:focus{
455
586
  outline:1px solid var(--iui-color-foreground-primary);
456
- outline-offset:-1px; }
457
- @supports not selector(*:focus-visible){
458
- .iui-paginator-page-button:focus{
459
- outline:1px solid var(--iui-color-foreground-primary);
460
- outline-offset:-1px; } }
461
- .iui-paginator-page-button[disabled], .iui-paginator-page-button:disabled{
462
- cursor:not-allowed;
463
- background:#EEF0F3;
464
- border-color:#EEF0F3;
465
- color:rgba(0, 0, 0, 0.2);
466
- background:var(--iui-color-background-disabled);
467
- border-color:var(--iui-color-background-disabled);
468
- color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5)); }
469
- .iui-paginator-page-button.iui-active::after{
470
- content:'';
471
- position:absolute;
472
- inset:var(--_iui-button-active-stripe-inset);
473
- background-color:var(--iui-color-foreground-primary); }
474
- .iui-paginator-page-button.iui-active[disabled]::after, .iui-paginator-page-button.iui-active:disabled::after{
475
- background-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5)); }
476
- .iui-paginator-page-button > .iui-button-icon:only-child{
477
- margin-left:3px;
478
- margin-right:3px; }
479
- .iui-paginator-page-button:hover{
480
- background-color:rgba(0, 0, 0, 0.1);
481
- border-color:transparent;
482
- background-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-6));
483
- border-color:transparent; }
484
- .iui-paginator-page-button.iui-active{
485
- background-color:rgba(0, 139, 225, 0.1);
486
- color:#008BE1;
487
- background-color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-6));
488
- color:var(--iui-color-foreground-primary);
489
- border-color:transparent; }
490
- .iui-paginator-page-button[disabled], .iui-paginator-page-button:disabled{
491
- cursor:not-allowed;
492
- background:#EEF0F3;
493
- border-color:#EEF0F3;
494
- color:rgba(0, 0, 0, 0.2);
495
- background:var(--iui-color-background-disabled);
496
- border-color:var(--iui-color-background-disabled);
497
- color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5));
498
- background-color:transparent;
499
- border-color:transparent;
500
- background-color:transparent;
501
- border-color:transparent; }
502
- .iui-paginator-page-button[disabled].iui-active, .iui-paginator-page-button:disabled.iui-active{
503
- background-color:rgba(0, 0, 0, 0.05);
504
- background-color:rgba(var(--iui-color-foreground-body-rgb), 0.05); }
505
- .iui-paginator-page-button-small{
506
- padding:0 8px;
507
- height:27px;
508
- gap:4px;
509
- width:27px; }
587
+ outline-offset:-1px;
588
+ }
589
+ }
590
+ .iui-paginator-page-button[disabled], .iui-paginator-page-button:disabled{
591
+ cursor:not-allowed;
592
+ background:#EEF0F3;
593
+ border-color:#EEF0F3;
594
+ color:rgba(0, 0, 0, 0.2);
595
+ background:var(--iui-color-background-disabled);
596
+ border-color:var(--iui-color-background-disabled);
597
+ color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5));
598
+ }
599
+ .iui-paginator-page-button.iui-active::after{
600
+ content:"";
601
+ position:absolute;
602
+ inset:var(--_iui-button-active-stripe-inset);
603
+ background-color:var(--iui-color-foreground-primary);
604
+ }
605
+ .iui-paginator-page-button.iui-active[disabled]::after, .iui-paginator-page-button.iui-active:disabled::after{
606
+ background-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5));
607
+ }
608
+ .iui-paginator-page-button > .iui-button-icon:only-child{
609
+ margin-left:3px;
610
+ margin-right:3px;
611
+ }
612
+ .iui-paginator-page-button:hover{
613
+ background-color:rgba(0, 0, 0, 0.1);
614
+ border-color:transparent;
615
+ background-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-6));
616
+ border-color:transparent;
617
+ }
618
+ .iui-paginator-page-button.iui-active{
619
+ background-color:rgba(0, 139, 225, 0.1);
620
+ color:#008BE1;
621
+ background-color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-6));
622
+ color:var(--iui-color-foreground-primary);
623
+ border-color:transparent;
624
+ }
625
+ .iui-paginator-page-button[disabled], .iui-paginator-page-button:disabled{
626
+ cursor:not-allowed;
627
+ background:#EEF0F3;
628
+ border-color:#EEF0F3;
629
+ color:rgba(0, 0, 0, 0.2);
630
+ background:var(--iui-color-background-disabled);
631
+ border-color:var(--iui-color-background-disabled);
632
+ color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5));
633
+ background-color:transparent;
634
+ border-color:transparent;
635
+ background-color:transparent;
636
+ border-color:transparent;
637
+ }
638
+ .iui-paginator-page-button[disabled].iui-active, .iui-paginator-page-button:disabled.iui-active{
639
+ background-color:rgba(0, 0, 0, 0.05);
640
+ background-color:rgba(var(--iui-color-foreground-body-rgb), 0.05);
641
+ }
642
+ .iui-paginator-page-button-small{
643
+ padding:0 8px;
644
+ height:27px;
645
+ gap:4px;
646
+ width:27px;
647
+ }
510
648
 
511
649
  .iui-column-filter{
512
650
  margin:0;
@@ -521,17 +659,23 @@
521
659
  padding:11px 12px;
522
660
  display:inline-flex;
523
661
  flex-direction:column;
524
- align-items:flex-end; }
525
- .iui-column-filter > .iui-input-container:not(.iui-inline-label){
526
- width:100%; }
527
- .iui-column-filter > .iui-input-container,
528
- .iui-column-filter > .iui-input{
529
- margin-bottom:11px; }
530
- .iui-column-filter > .iui-button-bar{
531
- display:flex;
532
- width:100%;
533
- align-content:center; }
534
- .iui-column-filter > .iui-button-bar > .iui-button:first-of-type{
535
- margin-left:auto; }
536
- .iui-column-filter > .iui-button-bar > .iui-button:not(:last-child){
537
- margin-right:8px; }
662
+ align-items:flex-end;
663
+ }
664
+ .iui-column-filter > .iui-input-container:not(.iui-inline-label){
665
+ width:100%;
666
+ }
667
+ .iui-column-filter > .iui-input-container,
668
+ .iui-column-filter > .iui-input{
669
+ margin-bottom:11px;
670
+ }
671
+ .iui-column-filter > .iui-button-bar{
672
+ display:flex;
673
+ width:100%;
674
+ align-content:center;
675
+ }
676
+ .iui-column-filter > .iui-button-bar > .iui-button:first-of-type{
677
+ margin-left:auto;
678
+ }
679
+ .iui-column-filter > .iui-button-bar > .iui-button:not(:last-child){
680
+ margin-right:8px;
681
+ }