@itwin/itwinui-css 1.0.0-dev.9 → 1.0.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 (51) hide show
  1. package/CHANGELOG.md +39 -969
  2. package/README.md +50 -29
  3. package/css/alert.css +1 -387
  4. package/css/all.css +1 -9061
  5. package/css/anchor.css +1 -64
  6. package/css/avatar.css +1 -222
  7. package/css/backdrop.css +1 -22
  8. package/css/badge.css +1 -25
  9. package/css/blockquote.css +1 -22
  10. package/css/breadcrumbs.css +1 -372
  11. package/css/button.css +1 -381
  12. package/css/carousel.css +1 -121
  13. package/css/checkbox.css +1 -150
  14. package/css/code.css +1 -81
  15. package/css/color-picker.css +1 -203
  16. package/css/date-picker.css +1 -399
  17. package/css/dialog.css +1 -159
  18. package/css/expandable-block.css +1 -171
  19. package/css/fieldset.css +1 -27
  20. package/css/file-upload.css +1 -78
  21. package/css/footer.css +1 -91
  22. package/css/global.css +1 -59
  23. package/css/header.css +1 -432
  24. package/css/information-panel.css +1 -189
  25. package/css/input.css +1 -166
  26. package/css/keyboard.css +1 -27
  27. package/css/location-marker.css +1 -114
  28. package/css/menu.css +1 -171
  29. package/css/non-ideal-state.css +1 -61
  30. package/css/progress-indicator.css +1 -299
  31. package/css/radio-tile.css +1 -187
  32. package/css/radio.css +1 -157
  33. package/css/select.css +1 -235
  34. package/css/side-navigation.css +1 -198
  35. package/css/skip-to-content.css +1 -61
  36. package/css/slider.css +1 -258
  37. package/css/stepper.css +1 -137
  38. package/css/surface.css +1 -14
  39. package/css/table.css +1 -717
  40. package/css/tabs.css +1 -321
  41. package/css/tag.css +1 -140
  42. package/css/text.css +1 -115
  43. package/css/tile.css +1 -488
  44. package/css/time-picker.css +1 -128
  45. package/css/toast.css +1 -284
  46. package/css/toggle-switch.css +1 -212
  47. package/css/tooltip.css +1 -48
  48. package/css/tree.css +1 -124
  49. package/css/utils.css +1 -679
  50. package/css/workflow-diagram.css +1 -63
  51. package/package.json +8 -4
package/css/table.css CHANGED
@@ -2,720 +2,4 @@
2
2
  * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
3
3
  * See LICENSE.md in the project root for license terms and full copyright notice.
4
4
  *--------------------------------------------------------------------------------------------*/
5
- @charset "UTF-8";
6
- .iui-table{
7
- margin:0;
8
- padding:0;
9
- border:none;
10
- vertical-align:baseline;
11
- display:flex;
12
- flex-direction:column;
13
- isolation:isolate;
14
- --_iui-table-header-size:calc(var(--iui-size-s) * 5);
15
- --_iui-table-row-size:calc(var(--iui-size-s) * 5 + 2px);
16
- }
17
- .iui-table .iui-table-cell-end-icon,
18
- .iui-table .iui-table-cell-start-icon{
19
- flex-shrink:0;
20
- display:flex;
21
- align-items:center;
22
- justify-content:center;
23
- }
24
- .iui-table .iui-table-cell-end-icon svg:not(.iui-radial),
25
- .iui-table .iui-table-cell-start-icon svg:not(.iui-radial){
26
- display:flex;
27
- flex-shrink:0;
28
- width:var(--iui-size-m);
29
- height:var(--iui-size-m);
30
- fill:var(--_iui-table-cell-icon-fill);
31
- }
32
- .iui-table .iui-table-cell-start-icon{
33
- margin-right:var(--iui-size-xs);
34
- }
35
- .iui-table .iui-table-cell-end-icon{
36
- width:var(--iui-size-l);
37
- height:var(--iui-size-l);
38
- margin-right:var(--iui-size-s);
39
- margin-left:auto;
40
- }
41
- .iui-table[data-iui-size=condensed]{
42
- --_iui-table-header-size:calc(var(--iui-size-s) * 4);
43
- --_iui-table-row-size:calc(var(--iui-size-s) * 4 + 2px);
44
- }
45
- .iui-table[data-iui-size=extra-condensed]{
46
- --_iui-table-header-size:calc(var(--iui-size-s) * 3);
47
- --_iui-table-row-size:calc(var(--iui-size-s) * 3 + 2px);
48
- }
49
- .iui-table[data-iui-size=extra-condensed] .iui-table-header .iui-table-cell{
50
- padding-block:calc(var(--iui-size-s) * 0.25);
51
- }
52
- .iui-table .iui-table-header .iui-table-cell,
53
- .iui-table .iui-table-paginator{
54
- min-height:var(--_iui-table-header-size);
55
- }
56
- .iui-table .iui-table-cell{
57
- min-height:var(--_iui-table-row-size);
58
- }
59
-
60
- .iui-table-header-wrapper{
61
- overflow:hidden;
62
- display:flex;
63
- flex-shrink:0;
64
- border-top-left-radius:var(--iui-border-radius-1);
65
- border-top-right-radius:var(--iui-border-radius-1);
66
- }
67
- @supports not (overflow: overlay){
68
- .iui-table-header-wrapper{
69
- overflow-y:scroll;
70
- }
71
- }
72
-
73
- .iui-table-header{
74
- display:flex;
75
- -webkit-user-select:none;
76
- -moz-user-select:none;
77
- -ms-user-select:none;
78
- user-select:none;
79
- min-width:100%;
80
- flex-shrink:0;
81
- }
82
- .iui-table-header .iui-table-cell{
83
- background-color:var(--iui-color-background-3);
84
- }
85
- .iui-table-header .iui-table-cell:not(.iui-slot){
86
- -moz-column-gap:var(--iui-size-2xs);
87
- column-gap:var(--iui-size-2xs);
88
- padding-block:calc(var(--iui-size-s) * 0.5);
89
- }
90
- .iui-table-header .iui-table-cell:not(.iui-slot):focus-visible{
91
- outline:1px solid var(--iui-color-foreground-primary);
92
- outline-offset:-1px;
93
- }
94
- @supports not selector(*:focus-visible){
95
- .iui-table-header .iui-table-cell:not(.iui-slot):focus{
96
- outline:1px solid var(--iui-color-foreground-primary);
97
- outline-offset:-1px;
98
- }
99
- }
100
- .iui-table-header .iui-table-cell:not(.iui-slot).iui-actionable{
101
- cursor:pointer;
102
- }
103
- .iui-table-header .iui-table-cell:not(.iui-slot).iui-grabbing{
104
- cursor:-webkit-grabbing;
105
- cursor:grabbing;
106
- }
107
- .iui-table-header .iui-table-cell:not(.iui-slot) .iui-table-filter-button:not([data-iui-active=true]){
108
- opacity:0;
109
- }
110
- .iui-table-header .iui-table-cell:not(.iui-slot) > .iui-table-resizer{
111
- height:100%;
112
- width:var(--iui-size-m);
113
- position:absolute;
114
- top:0;
115
- right:0;
116
- transform:translateX(50%);
117
- touch-action:none;
118
- cursor:ew-resize;
119
- z-index:1;
120
- opacity:0;
121
- }
122
- .iui-table-header .iui-table-cell:not(.iui-slot) > .iui-table-resizer > .iui-table-resizer-bar{
123
- height:100%;
124
- width:var(--iui-size-3xs);
125
- margin:0 auto;
126
- transition:background-color var(--iui-duration-1) ease-out, width var(--iui-duration-1) ease-out;
127
- background-color:var(--iui-color-background-border);
128
- }
129
- .iui-table-header .iui-table-cell:not(.iui-slot) > .iui-table-resizer:hover > .iui-table-resizer-bar{
130
- width:var(--iui-size-2xs);
131
- background-color:var(--iui-color-foreground-primary);
132
- }
133
- .iui-table-header .iui-table-cell:not(.iui-slot):hover > .iui-table-resizer{
134
- opacity:1;
135
- }
136
- .iui-table-header .iui-table-cell:not(.iui-slot):hover, .iui-table-header .iui-table-cell:not(.iui-slot):focus, .iui-table-header .iui-table-cell:not(.iui-slot):focus-within{
137
- background-color:var(--iui-color-background-4);
138
- }
139
- .iui-table-header .iui-table-cell:not(.iui-slot):hover .iui-table-sort,
140
- .iui-table-header .iui-table-cell:not(.iui-slot):hover .iui-table-filter-button, .iui-table-header .iui-table-cell:not(.iui-slot):focus .iui-table-sort,
141
- .iui-table-header .iui-table-cell:not(.iui-slot):focus .iui-table-filter-button, .iui-table-header .iui-table-cell:not(.iui-slot):focus-within .iui-table-sort,
142
- .iui-table-header .iui-table-cell:not(.iui-slot):focus-within .iui-table-filter-button{
143
- opacity:1;
144
- }
145
- .iui-table-header .iui-table-reorder-bar{
146
- position:absolute;
147
- height:100%;
148
- width:var(--iui-size-3xs);
149
- }
150
- .iui-table-header .iui-table-reorder-column-right > .iui-table-reorder-bar{
151
- right:0;
152
- }
153
- .iui-table-header .iui-table-reorder-column-left > .iui-table-reorder-bar{
154
- left:0;
155
- }
156
- .iui-table-header .iui-table-reorder-column-left > .iui-table-reorder-bar,
157
- .iui-table-header .iui-table-reorder-column-right > .iui-table-reorder-bar{
158
- background-color:var(--iui-color-foreground-primary);
159
- }
160
- .iui-table-header .iui-table-sort{
161
- opacity:0;
162
- }
163
- .iui-table-header .iui-sorted{
164
- --_iui-table-cell-icon-fill:var(--iui-color-foreground-2);
165
- background-color:var(--iui-color-background-4);
166
- }
167
- .iui-table-header .iui-sorted .iui-table-sort{
168
- opacity:1;
169
- }
170
-
171
- .iui-table-row{
172
- --_iui-table-cell-icon-fill:var(--iui-color-foreground-4);
173
- min-width:100%;
174
- display:flex;
175
- }
176
- .iui-table-row:last-of-type{
177
- border-radius:inherit;
178
- }
179
- .iui-table-header .iui-table-row{
180
- flex-grow:1;
181
- }
182
-
183
- .iui-table-body .iui-table-row .iui-table-cell{
184
- border-top:solid 1px transparent;
185
- border-bottom:solid 1px transparent;
186
- border-bottom-color:var(--iui-color-background-border);
187
- background-color:var(--iui-color-background-1);
188
- transition:border var(--iui-duration-1) ease-out;
189
- }
190
- .iui-table-body .iui-table-row > .iui-slot > .iui-table-more-options{
191
- opacity:0;
192
- }
193
- .iui-table-body .iui-table-row:where(:hover, :focus-within) > .iui-slot > .iui-table-more-options{
194
- opacity:1;
195
- }
196
- .iui-table-body .iui-table-row:where(:hover:not(.iui-loading):not([aria-disabled="true"])) .iui-table-cell{
197
- background-color:var(--iui-color-background-transparent-hover);
198
- }
199
- @media (prefers-reduced-motion: no-preference){
200
- .iui-table-body .iui-table-row .iui-table-row-expander > .iui-button-icon{
201
- transition:transform var(--iui-duration-1) ease-out;
202
- }
203
- }
204
- .iui-table-body .iui-table-row.iui-table-row-expanded{
205
- overflow:hidden;
206
- }
207
- .iui-table-body .iui-table-row.iui-table-row-expanded .iui-table-cell{
208
- border-left-color:var(--iui-color-background-4);
209
- border-right-color:var(--iui-color-background-4);
210
- border-bottom-color:transparent;
211
- }
212
- .iui-table-body .iui-table-row.iui-table-row-expanded .iui-table-row-expander > .iui-button-icon{
213
- transform:rotate(90deg);
214
- }
215
- .iui-table-body .iui-table-row.iui-table-row-expanded + .iui-table-expanded-content{
216
- border-left-color:var(--iui-color-background-4);
217
- border-right-color:var(--iui-color-background-4);
218
- }
219
- .iui-table-body .iui-table-row.iui-table-expanded-content{
220
- overflow:hidden;
221
- border-left:1px solid transparent;
222
- border-right:1px solid transparent;
223
- border-bottom:1px solid var(--iui-color-background-border);
224
- }
225
- .iui-table-body .iui-table-row.iui-table-expanded-content.iui-enter{
226
- opacity:0;
227
- }
228
- .iui-table-body .iui-table-row.iui-table-expanded-content.iui-enter-active{
229
- opacity:1;
230
- }
231
- @media (prefers-reduced-motion: no-preference){
232
- .iui-table-body .iui-table-row.iui-table-expanded-content.iui-enter-active{
233
- transition:opacity var(--iui-duration-1) ease-out, width var(--iui-duration-1) ease-out, height var(--iui-duration-1) ease-out;
234
- }
235
- }
236
- .iui-table-body .iui-table-row.iui-table-expanded-content.iui-exit{
237
- opacity:1;
238
- }
239
- .iui-table-body .iui-table-row.iui-table-expanded-content.iui-exit-active{
240
- opacity:0;
241
- }
242
- @media (prefers-reduced-motion: no-preference){
243
- .iui-table-body .iui-table-row.iui-table-expanded-content.iui-exit-active{
244
- transition:opacity var(--iui-duration-1) ease-out, width var(--iui-duration-1) ease-out, height var(--iui-duration-1) ease-out;
245
- }
246
- }
247
- .iui-table-body .iui-table-row:not([aria-selected=true]) + [aria-selected=true] .iui-table-cell, .iui-table-body .iui-table-row[aria-selected=true]:first-child .iui-table-cell{
248
- border-bottom-color:transparent;
249
- }
250
- .iui-table-body .iui-table-row[aria-selected=true] .iui-table-cell{
251
- border-color:var(--iui-color-foreground-primary);
252
- background-color:var(--iui-color-background-subtle-primary);
253
- }
254
- .iui-table-body .iui-table-row[aria-selected=true] + [aria-selected=true] .iui-table-cell{
255
- border-bottom-color:transparent;
256
- border-top-color:hsl(var(--iui-color-foreground-primary-hsl)/var(--iui-opacity-4));
257
- }
258
- .iui-table-body .iui-table-row[aria-selected=true]:last-child .iui-table-cell{
259
- border-bottom-color:var(--iui-color-foreground-primary);
260
- }
261
- .iui-table-body .iui-table-row[aria-selected=true] + :not([aria-selected=true]) .iui-table-cell,
262
- .iui-table-body .iui-table-row[aria-selected=true] + .iui-table-expanded-content + .iui-table-row:not([aria-selected=true]) .iui-table-cell{
263
- border-top-color:var(--iui-color-foreground-primary);
264
- }
265
- .iui-table-body .iui-table-row[aria-selected=true] + .iui-table-expanded-content{
266
- border-color:transparent var(--iui-color-foreground-primary);
267
- }
268
- .iui-table-body .iui-table-row[aria-selected=true] + .iui-table-expanded-content:last-child{
269
- border-bottom-color:var(--iui-color-foreground-primary);
270
- }
271
- .iui-table-body .iui-table-row.iui-new{
272
- font-weight:var(--iui-font-weight-semibold);
273
- }
274
- .iui-table-body .iui-table-row.iui-new > .iui-main-column::before{
275
- content:"•";
276
- position:absolute;
277
- left:0;
278
- font-size:var(--iui-font-size-4);
279
- color:var(--iui-color-foreground-positive);
280
- }
281
- .iui-table-body .iui-table-row.iui-loading,
282
- .iui-table-body .iui-table-row .iui-table-cell[aria-disabled=true], .iui-table-body .iui-table-row.iui-table-expanded-content[aria-disabled=true]{
283
- --_iui-table-cell-icon-fill:var(--iui-color-foreground-4);
284
- --_iui-table-cell-image-filter:grayscale(100%);
285
- color:var(--iui-color-foreground-4);
286
- }
287
- .iui-table-body .iui-table-row.iui-loading img,
288
- .iui-table-body .iui-table-row.iui-loading svg:not(.iui-radial),
289
- .iui-table-body .iui-table-row.iui-loading .iui-avatar,
290
- .iui-table-body .iui-table-row .iui-table-cell[aria-disabled=true] img,
291
- .iui-table-body .iui-table-row .iui-table-cell[aria-disabled=true] svg:not(.iui-radial),
292
- .iui-table-body .iui-table-row .iui-table-cell[aria-disabled=true] .iui-avatar, .iui-table-body .iui-table-row.iui-table-expanded-content[aria-disabled=true] img,
293
- .iui-table-body .iui-table-row.iui-table-expanded-content[aria-disabled=true] svg:not(.iui-radial),
294
- .iui-table-body .iui-table-row.iui-table-expanded-content[aria-disabled=true] .iui-avatar{
295
- filter:var(--_iui-table-cell-image-filter);
296
- }
297
- .iui-table-body .iui-table-row.iui-loading{
298
- font-style:italic;
299
- }
300
- .iui-table-body .iui-table-row.iui-loading,
301
- .iui-table-body .iui-table-row.iui-loading .iui-checkbox{
302
- cursor:progress;
303
- }
304
- .iui-table-body .iui-table-row .iui-table-cell[aria-disabled=true], .iui-table-body .iui-table-row.iui-table-expanded-content[aria-disabled=true]{
305
- cursor:not-allowed;
306
- }
307
- .iui-table-body .iui-table-row[data-iui-status=positive] .iui-table-cell:first-of-type,
308
- .iui-table-body .iui-table-row[data-iui-status=positive] + .iui-table-expanded-content{
309
- box-shadow:inset var(--iui-size-3xs) 0 0 0 var(--iui-color-foreground-positive);
310
- }
311
- .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{
312
- background-color:hsl(var(--iui-color-foreground-positive-hsl)/var(--iui-opacity-5));
313
- }
314
- .iui-table-body .iui-table-row[data-iui-status=positive] .iui-table-cell:first-of-type::selection,
315
- .iui-table-body .iui-table-row[data-iui-status=positive] .iui-table-cell:first-of-type *::selection,
316
- .iui-table-body .iui-table-row[data-iui-status=positive] + .iui-table-expanded-content::selection,
317
- .iui-table-body .iui-table-row[data-iui-status=positive] + .iui-table-expanded-content *::selection{
318
- background-color:hsl(var(--iui-color-foreground-positive-hsl)/var(--iui-opacity-5));
319
- }
320
- .iui-table-body .iui-table-row[data-iui-status=positive] .iui-table-cell-end-icon{
321
- --_iui-table-cell-icon-fill:var(--iui-color-foreground-positive);
322
- }
323
- .iui-table-body .iui-table-row[data-iui-status=positive] .iui-table-cell[aria-disabled=true] .iui-table-cell-end-icon{
324
- --_iui-table-cell-image-filter:none;
325
- }
326
- .iui-table-body .iui-table-row[data-iui-status=warning] .iui-table-cell:first-of-type,
327
- .iui-table-body .iui-table-row[data-iui-status=warning] + .iui-table-expanded-content{
328
- box-shadow:inset var(--iui-size-3xs) 0 0 0 var(--iui-color-foreground-warning);
329
- }
330
- .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{
331
- background-color:hsl(var(--iui-color-foreground-warning-hsl)/var(--iui-opacity-5));
332
- }
333
- .iui-table-body .iui-table-row[data-iui-status=warning] .iui-table-cell:first-of-type::selection,
334
- .iui-table-body .iui-table-row[data-iui-status=warning] .iui-table-cell:first-of-type *::selection,
335
- .iui-table-body .iui-table-row[data-iui-status=warning] + .iui-table-expanded-content::selection,
336
- .iui-table-body .iui-table-row[data-iui-status=warning] + .iui-table-expanded-content *::selection{
337
- background-color:hsl(var(--iui-color-foreground-warning-hsl)/var(--iui-opacity-5));
338
- }
339
- .iui-table-body .iui-table-row[data-iui-status=warning] .iui-table-cell-end-icon{
340
- --_iui-table-cell-icon-fill:var(--iui-color-foreground-warning);
341
- }
342
- .iui-table-body .iui-table-row[data-iui-status=warning] .iui-table-cell[aria-disabled=true] .iui-table-cell-end-icon{
343
- --_iui-table-cell-image-filter:none;
344
- }
345
- .iui-table-body .iui-table-row[data-iui-status=negative] .iui-table-cell:first-of-type,
346
- .iui-table-body .iui-table-row[data-iui-status=negative] + .iui-table-expanded-content{
347
- box-shadow:inset var(--iui-size-3xs) 0 0 0 var(--iui-color-foreground-negative);
348
- }
349
- .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{
350
- background-color:hsl(var(--iui-color-foreground-negative-hsl)/var(--iui-opacity-5));
351
- }
352
- .iui-table-body .iui-table-row[data-iui-status=negative] .iui-table-cell:first-of-type::selection,
353
- .iui-table-body .iui-table-row[data-iui-status=negative] .iui-table-cell:first-of-type *::selection,
354
- .iui-table-body .iui-table-row[data-iui-status=negative] + .iui-table-expanded-content::selection,
355
- .iui-table-body .iui-table-row[data-iui-status=negative] + .iui-table-expanded-content *::selection{
356
- background-color:hsl(var(--iui-color-foreground-negative-hsl)/var(--iui-opacity-5));
357
- }
358
- .iui-table-body .iui-table-row[data-iui-status=negative] .iui-table-cell-end-icon{
359
- --_iui-table-cell-icon-fill:var(--iui-color-foreground-negative);
360
- }
361
- .iui-table-body .iui-table-row[data-iui-status=negative] .iui-table-cell[aria-disabled=true] .iui-table-cell-end-icon{
362
- --_iui-table-cell-image-filter:none;
363
- }
364
-
365
- .iui-table-header-actions-container{
366
- display:flex;
367
- flex-grow:1;
368
- align-items:center;
369
- flex-wrap:wrap;
370
- justify-content:flex-end;
371
- margin-right:var(--iui-size-s);
372
- }
373
- .iui-table-header-actions-container .iui-table-cell-end-icon{
374
- width:28px;
375
- height:28px;
376
- margin-right:initial;
377
- margin-left:auto;
378
- }
379
-
380
- .iui-table-body{
381
- overflow-y:scroll;
382
- overflow:overlay;
383
- display:flex;
384
- flex-direction:column;
385
- flex-grow:1;
386
- align-items:flex-start;
387
- background-color:var(--iui-color-background-1);
388
- }
389
- .iui-table-body.iui-scroll-snapping{
390
- -ms-scroll-snap-type:y mandatory;
391
- scroll-snap-type:y mandatory;
392
- }
393
- .iui-table-body.iui-scroll-snapping .iui-table-row{
394
- scroll-snap-align:start none;
395
- }
396
- .iui-table-body:last-child{
397
- border-bottom-left-radius:var(--iui-border-radius-1);
398
- border-bottom-right-radius:var(--iui-border-radius-1);
399
- }
400
- .iui-table-body.iui-zebra-striping .iui-table-row:nth-child(even):not([aria-selected=true]) .iui-table-cell::before{
401
- content:"";
402
- position:absolute;
403
- inset:0;
404
- background-color:hsl(var(--iui-color-foreground-1-hsl)/0.02);
405
- }
406
- .iui-table-body > .iui-table-empty{
407
- text-align:center;
408
- padding:var(--iui-size-xl);
409
- display:flex;
410
- flex-direction:column;
411
- justify-content:center;
412
- align-items:center;
413
- flex-grow:1;
414
- align-self:center;
415
- color:var(--iui-color-foreground-4);
416
- background-color:var(--iui-color-background-1);
417
- }
418
-
419
- .iui-table-cell{
420
- align-items:center;
421
- display:flex;
422
- flex-grow:1;
423
- min-width:var(--iui-size-2xl);
424
- padding-left:var(--iui-size-m);
425
- flex-basis:var(--iui-size-2xl);
426
- position:relative;
427
- word-break:break-word;
428
- }
429
- .iui-table-cell:first-of-type{
430
- border-left:solid 1px transparent;
431
- border-bottom-left-radius:inherit;
432
- }
433
- .iui-table-cell:last-of-type{
434
- border-right:solid 1px transparent;
435
- }
436
- .iui-table-cell.iui-slot{
437
- width:calc(var(--iui-size-l) * 2);
438
- padding:0;
439
- flex-grow:0;
440
- min-width:0;
441
- display:flex;
442
- justify-content:center;
443
- align-items:center;
444
- flex-basis:calc(var(--iui-size-l) * 2);
445
- }
446
- .iui-table-cell.iui-table-cell-sticky{
447
- position:-webkit-sticky;
448
- position:sticky;
449
- z-index:1;
450
- left:var(--iui-table-sticky-left, initial);
451
- right:var(--iui-table-sticky-right, initial);
452
- }
453
- .iui-table-cell:not(.iui-slot):last-child{
454
- padding-right:var(--iui-size-m);
455
- }
456
- .iui-table-cell[data-iui-status=positive]::-moz-selection, .iui-table-cell[data-iui-status=positive] *::-moz-selection{
457
- background-color:hsl(var(--iui-color-foreground-positive-hsl)/var(--iui-opacity-5));
458
- }
459
- .iui-table-cell[data-iui-status=positive]::selection,
460
- .iui-table-cell[data-iui-status=positive] *::selection{
461
- background-color:hsl(var(--iui-color-foreground-positive-hsl)/var(--iui-opacity-5));
462
- }
463
- .iui-table-cell[data-iui-status=positive]::before{
464
- content:"";
465
- position:absolute;
466
- inset:0;
467
- background-color:hsl(var(--iui-color-foreground-positive-hsl)/var(--iui-opacity-6));
468
- }
469
- .iui-table-cell[data-iui-status=warning]::-moz-selection, .iui-table-cell[data-iui-status=warning] *::-moz-selection{
470
- background-color:hsl(var(--iui-color-foreground-warning-hsl)/var(--iui-opacity-5));
471
- }
472
- .iui-table-cell[data-iui-status=warning]::selection,
473
- .iui-table-cell[data-iui-status=warning] *::selection{
474
- background-color:hsl(var(--iui-color-foreground-warning-hsl)/var(--iui-opacity-5));
475
- }
476
- .iui-table-cell[data-iui-status=warning]::before{
477
- content:"";
478
- position:absolute;
479
- inset:0;
480
- background-color:hsl(var(--iui-color-foreground-warning-hsl)/var(--iui-opacity-6));
481
- }
482
- .iui-table-cell[data-iui-status=negative]::-moz-selection, .iui-table-cell[data-iui-status=negative] *::-moz-selection{
483
- background-color:hsl(var(--iui-color-foreground-negative-hsl)/var(--iui-opacity-5));
484
- }
485
- .iui-table-cell[data-iui-status=negative]::selection,
486
- .iui-table-cell[data-iui-status=negative] *::selection{
487
- background-color:hsl(var(--iui-color-foreground-negative-hsl)/var(--iui-opacity-5));
488
- }
489
- .iui-table-cell[data-iui-status=negative]::before{
490
- content:"";
491
- position:absolute;
492
- inset:0;
493
- background-color:hsl(var(--iui-color-foreground-negative-hsl)/var(--iui-opacity-6));
494
- }
495
- .iui-table-cell[contenteditable]{
496
- outline-offset:-1px;
497
- }
498
- .iui-table-cell[contenteditable]:focus, .iui-table-cell[contenteditable]:hover{
499
- outline:1px solid var(--iui-color-foreground-primary);
500
- }
501
- .iui-table-cell[contenteditable]:focus{
502
- background-color:var(--iui-color-background-1);
503
- }
504
-
505
- .iui-table-cell-shadow-left{
506
- position:absolute;
507
- top:-1px;
508
- bottom:-1px;
509
- width:var(--iui-size-l);
510
- pointer-events:none;
511
- left:0;
512
- transform:translate(-100%);
513
- box-shadow:inset -10px 0 5px -10px var(--iui-shadow-color);
514
- }
515
- .iui-table-header .iui-table-cell-shadow-left{
516
- top:0;
517
- bottom:0;
518
- }
519
-
520
- .iui-table-cell-shadow-right{
521
- position:absolute;
522
- top:-1px;
523
- bottom:-1px;
524
- width:var(--iui-size-l);
525
- pointer-events:none;
526
- right:0;
527
- transform:translate(100%);
528
- box-shadow:inset 10px 0 5px -10px var(--iui-shadow-color);
529
- }
530
- .iui-table-header .iui-table-cell-shadow-right{
531
- top:0;
532
- bottom:0;
533
- }
534
-
535
- .iui-table-paginator{
536
- margin:0;
537
- padding:0;
538
- border:none;
539
- vertical-align:baseline;
540
- display:flex;
541
- justify-content:space-between;
542
- align-items:center;
543
- padding:0 var(--iui-size-m);
544
- -webkit-user-select:none;
545
- -moz-user-select:none;
546
- -ms-user-select:none;
547
- user-select:none;
548
- background-color:var(--iui-color-background-3);
549
- border-bottom-left-radius:var(--iui-border-radius-1);
550
- border-bottom-right-radius:var(--iui-border-radius-1);
551
- }
552
- .iui-table-paginator > .iui-left,
553
- .iui-table-paginator > .iui-center,
554
- .iui-table-paginator > .iui-right{
555
- display:flex;
556
- align-items:center;
557
- position:relative;
558
- flex:1;
559
- min-width:0;
560
- }
561
- .iui-table-paginator > .iui-center{
562
- justify-content:center;
563
- flex:2 1;
564
- color:var(--iui-color-foreground-2);
565
- }
566
- .iui-table-paginator > .iui-right{
567
- justify-content:flex-end;
568
- }
569
-
570
- .iui-table-paginator-page-size-label{
571
- color:var(--iui-color-foreground-4);
572
- white-space:nowrap;
573
- overflow:hidden;
574
- text-overflow:ellipsis;
575
- }
576
-
577
- .iui-table-paginator-ellipsis{
578
- display:flex;
579
- justify-content:center;
580
- align-items:center;
581
- padding-inline:var(--iui-size-xs);
582
- color:var(--iui-color-foreground-4);
583
- }
584
- .iui-table-paginator-ellipsis-small{
585
- padding-inline:var(--iui-size-2xs);
586
- }
587
-
588
- .iui-table-paginator-pages-group{
589
- display:inline-flex;
590
- align-items:center;
591
- margin:0 var(--iui-size-xs);
592
- }
593
-
594
- .iui-table-paginator-page-button{
595
- margin:0;
596
- padding:0;
597
- border:none;
598
- vertical-align:baseline;
599
- font-family:inherit;
600
- display:inline-flex;
601
- flex-shrink:0;
602
- align-items:center;
603
- vertical-align:middle;
604
- justify-content:center;
605
- position:relative;
606
- border-radius:var(--iui-border-radius-1);
607
- line-height:var(--iui-size-l);
608
- font-size:var(--iui-font-size-1);
609
- font-weight:var(--iui-font-weight-normal);
610
- -webkit-user-select:none;
611
- -moz-user-select:none;
612
- -ms-user-select:none;
613
- user-select:none;
614
- cursor:pointer;
615
- white-space:nowrap;
616
- border:1px solid var(--_iui-button-border-color);
617
- background:var(--_iui-button-background-color);
618
- color:var(--_iui-button-text-color);
619
- gap:var(--_iui-button-gap);
620
- min-height:var(--_iui-button-min-height);
621
- min-width:var(--_iui-button-min-height);
622
- padding-block:var(--_iui-button-padding-block);
623
- padding-inline:var(--_iui-button-padding-inline);
624
- transition:background-color var(--iui-duration-1) ease-out, border-color var(--iui-duration-1) ease-out;
625
- -webkit-tap-highlight-color:transparent;
626
- text-decoration:none;
627
- --_iui-button-gap:var(--iui-size-xs);
628
- --_iui-button-padding-block:var(--iui-size-2xs);
629
- --_iui-button-padding-inline:var(--iui-size-m);
630
- --_iui-button-min-height:var(--iui-component-height);
631
- --_iui-button-text-color:var(--iui-color-foreground-2);
632
- --_iui-button-background-color:transparent;
633
- --_iui-button-border-color:transparent;
634
- --_iui-button-gap:var(--iui-size-xs);
635
- --_iui-button-padding-block:var(--iui-size-2xs);
636
- --_iui-button-padding-inline:var(--iui-size-m);
637
- --_iui-button-min-height:var(--iui-component-height);
638
- --_iui-button-padding-inline:var(--iui-size-xs);
639
- }
640
- .iui-table-paginator-page-button:focus-visible{
641
- outline:1px solid var(--iui-color-foreground-primary);
642
- outline-offset:-1px;
643
- }
644
- @supports not selector(*:focus-visible){
645
- .iui-table-paginator-page-button:focus{
646
- outline:1px solid var(--iui-color-foreground-primary);
647
- outline-offset:-1px;
648
- }
649
- }
650
- .iui-table-paginator-page-button:where(:hover, :active){
651
- --_iui-button-text-color:var(--iui-color-foreground-1);
652
- --_iui-button-background-color:var(--iui-color-background-transparent-hover);
653
- }
654
- .iui-table-paginator-page-button:where(:focus){
655
- outline-offset:-1px;
656
- outline-width:1px;
657
- }
658
- .iui-table-paginator-page-button:where([disabled], :disabled, [aria-disabled="true"]){
659
- --_iui-button-text-color:var(--iui-color-foreground-5);
660
- --_iui-button-background-color:transparent;
661
- --_iui-button-border-color:transparent;
662
- }
663
- .iui-table-paginator-page-button-small{
664
- --_iui-button-gap:var(--iui-size-2xs);
665
- --_iui-button-padding-block:0;
666
- --_iui-button-padding-inline:var(--iui-size-xs);
667
- --_iui-button-min-height:var(--iui-component-height-small);
668
- }
669
- .iui-table-paginator-page-button[data-iui-active=true]{
670
- --_iui-button-active-stripe-inset:initial;
671
- --_iui-button-active-stripe-color:var(--iui-color-foreground-primary);
672
- --_iui-button-text-color:var(--iui-color-foreground-primary);
673
- --_iui-button-background-color:var(--iui-color-background-subtle-primary);
674
- --_iui-button-background-color:hsl(var(--iui-color-foreground-primary-hsl) / var(--iui-opacity-6));
675
- --_iui-button-active-stripe-inset:calc(100% - var(--iui-size-2xs)) var(--iui-size-3xs) var(--iui-size-3xs);
676
- }
677
- .iui-table-paginator-page-button[data-iui-active=true]::after{
678
- content:"";
679
- position:absolute;
680
- inset:var(--_iui-button-active-stripe-inset);
681
- background-color:var(--_iui-button-active-stripe-color);
682
- }
683
- .iui-table-paginator-page-button[data-iui-active=true][disabled], .iui-table-paginator-page-button[data-iui-active=true]:disabled, .iui-table-paginator-page-button[data-iui-active=true][aria-disabled=true]{
684
- --_iui-button-active-stripe-color:var(--iui-color-foreground-5);
685
- --_iui-button-text-color:var(--iui-color-foreground-5);
686
- }
687
-
688
- .iui-table-column-filter{
689
- --iui-surface-background-color:var(--iui-color-background-1);
690
- --iui-surface-border-radius:var(--iui-border-radius-1);
691
- --iui-surface-elevation:var(--iui-shadow-1);
692
- background-color:var(--iui-surface-background-color);
693
- border-radius:var(--iui-surface-border-radius);
694
- box-shadow:var(--iui-surface-elevation);
695
- color:var(--iui-color-foreground-2);
696
- padding:var(--iui-size-s) var(--iui-size-s);
697
- display:inline-flex;
698
- flex-direction:column;
699
- align-items:flex-end;
700
- }
701
- @media (forced-colors: active){
702
- .iui-table-column-filter{
703
- border:1px solid transparent;
704
- }
705
- }
706
- .iui-table-column-filter > .iui-input-container:not(.iui-inline-label){
707
- width:100%;
708
- }
709
- .iui-table-column-filter > .iui-input-container,
710
- .iui-table-column-filter > .iui-input{
711
- margin-bottom:var(--iui-size-s);
712
- }
713
- .iui-table-column-filter > .iui-button-bar{
714
- display:flex;
715
- width:100%;
716
- align-content:center;
717
- gap:var(--iui-size-xs);
718
- }
719
- .iui-table-column-filter > .iui-button-bar > .iui-button:first-of-type{
720
- margin-left:auto;
721
- }
5
+ .iui-table{vertical-align:baseline;isolation:isolate;--_iui-table-header-size:calc(var(--iui-size-s)*5);--_iui-table-row-size:calc(var(--iui-size-s)*5 + 2px);border:none;flex-direction:column;margin:0;padding:0;display:flex}.iui-table .iui-table-cell-end-icon,.iui-table .iui-table-cell-start-icon{fill:var(--_iui-table-cell-icon-fill);flex-shrink:0;justify-content:center;align-items:center;display:flex}.iui-table .iui-table-cell-end-icon svg:not(.iui-radial),.iui-table .iui-table-cell-start-icon svg:not(.iui-radial){width:var(--iui-size-m);height:var(--iui-size-m);flex-shrink:0;display:flex}.iui-table .iui-table-cell-start-icon{margin-right:var(--iui-size-xs)}.iui-table .iui-table-cell-end-icon{width:var(--iui-size-l);height:var(--iui-size-l);margin-right:var(--iui-size-s);margin-left:auto}.iui-table[data-iui-size=condensed]{--_iui-table-header-size:calc(var(--iui-size-s)*4);--_iui-table-row-size:calc(var(--iui-size-s)*4 + 2px)}.iui-table[data-iui-size=extra-condensed]{--_iui-table-header-size:calc(var(--iui-size-s)*3);--_iui-table-row-size:calc(var(--iui-size-s)*3 + 2px)}.iui-table[data-iui-size=extra-condensed] .iui-table-header .iui-table-cell{padding-block:calc(var(--iui-size-s)*.25)}.iui-table .iui-table-header,.iui-table .iui-table-paginator{min-height:var(--_iui-table-header-size)}.iui-table .iui-table-body .iui-table-cell{min-height:var(--_iui-table-row-size)}.iui-table-header-wrapper{border-top-left-radius:var(--iui-border-radius-1);border-top-right-radius:var(--iui-border-radius-1);flex-shrink:0;display:flex;overflow:hidden}@supports not (overflow: overlay){.iui-table-header-wrapper{overflow-y:scroll}}.iui-table-header{-webkit-user-select:none;user-select:none;min-width:100%;font-weight:var(--iui-font-weight-semibold);border-bottom:1px solid var(--iui-color-border);flex-shrink:0;display:flex}.iui-table-header .iui-table-cell{background-color:var(--iui-color-background)}.iui-table-header .iui-table-cell:not(.iui-slot){column-gap:var(--iui-size-2xs);padding-block:calc(var(--iui-size-s)*.5)}.iui-table-header .iui-table-cell:not(.iui-slot):focus-visible{outline:1px solid var(--iui-color-border-accent);outline-offset:-1px}@supports not selector(*:focus-visible){.iui-table-header .iui-table-cell:not(.iui-slot):focus{outline:1px solid var(--iui-color-border-accent);outline-offset:-1px}}.iui-table-header .iui-table-cell:not(.iui-slot).iui-actionable{cursor:pointer}.iui-table-header .iui-table-cell:not(.iui-slot).iui-grabbing{cursor:grabbing}.iui-table-header .iui-table-cell:not(.iui-slot) .iui-table-filter-button:not([data-iui-active=true]){opacity:0}.iui-table-header .iui-table-cell:not(.iui-slot)>.iui-table-resizer{height:100%;width:var(--iui-size-m);touch-action:none;cursor:ew-resize;z-index:1;opacity:0;position:absolute;top:0;right:0;transform:translate(50%)}.iui-table-header .iui-table-cell:not(.iui-slot)>.iui-table-resizer>.iui-table-resizer-bar{height:100%;width:var(--iui-size-3xs);transition:background-color var(--iui-duration-1)ease-out,width var(--iui-duration-1)ease-out;background-color:var(--iui-color-border);margin:0 auto}.iui-table-header .iui-table-cell:not(.iui-slot)>.iui-table-resizer:hover>.iui-table-resizer-bar{width:var(--iui-size-2xs);background-color:var(--iui-color-border-accent)}.iui-table-header .iui-table-cell:not(.iui-slot):hover>.iui-table-resizer{opacity:1}.iui-table-header .iui-table-cell:not(.iui-slot):hover,.iui-table-header .iui-table-cell:not(.iui-slot):focus,.iui-table-header .iui-table-cell:not(.iui-slot):focus-within{background-color:var(--iui-color-background-hover)}.iui-table-header .iui-table-cell:not(.iui-slot):hover .iui-table-sort,.iui-table-header .iui-table-cell:not(.iui-slot):hover .iui-table-filter-button,.iui-table-header .iui-table-cell:not(.iui-slot):focus .iui-table-sort,.iui-table-header .iui-table-cell:not(.iui-slot):focus .iui-table-filter-button,.iui-table-header .iui-table-cell:not(.iui-slot):focus-within .iui-table-sort,.iui-table-header .iui-table-cell:not(.iui-slot):focus-within .iui-table-filter-button{opacity:1}.iui-table-header .iui-table-reorder-bar{height:100%;width:var(--iui-size-3xs);position:absolute}.iui-table-header .iui-table-reorder-column-right>.iui-table-reorder-bar{right:0}.iui-table-header .iui-table-reorder-column-left>.iui-table-reorder-bar{left:0}.iui-table-header .iui-table-reorder-column-left>.iui-table-reorder-bar,.iui-table-header .iui-table-reorder-column-right>.iui-table-reorder-bar{background-color:var(--iui-color-border-accent)}.iui-table-header .iui-table-sort{opacity:0;fill:var(--iui-color-icon-muted)}.iui-table-header .iui-sorted{background-color:var(--iui-color-background-hover)}.iui-table-header .iui-sorted .iui-table-sort{opacity:1;fill:var(--iui-color-icon)}.iui-table-row{--_iui-table-cell-icon-fill:var(--iui-color-icon-muted);min-width:100%;display:flex}.iui-table-row:last-of-type{border-radius:inherit}.iui-table-header .iui-table-row{flex-grow:1}.iui-table-body .iui-table-row .iui-table-cell{border-top:1px solid #0000;border-bottom:1px solid #0000;border-bottom-color:var(--iui-color-border);background-color:var(--iui-color-background);transition:border var(--iui-duration-1)ease-out}.iui-table-body .iui-table-row>.iui-slot>.iui-table-more-options{opacity:0}.iui-table-body .iui-table-row:where(:hover,:focus-within)>.iui-slot>.iui-table-more-options{opacity:1}.iui-table-body .iui-table-row:where(:hover:not(.iui-loading):not([aria-disabled=true])) .iui-table-cell{background-color:var(--iui-color-background-hover)}@media (prefers-reduced-motion:no-preference){.iui-table-body .iui-table-row .iui-table-row-expander>.iui-button-icon{transition:transform var(--iui-duration-1)ease-out}}.iui-table-body .iui-table-row.iui-table-row-expanded{overflow:hidden}.iui-table-body .iui-table-row.iui-table-row-expanded .iui-table-cell{border-left-color:var(--iui-color-border);border-right-color:var(--iui-color-border);border-bottom-color:#0000}.iui-table-body .iui-table-row.iui-table-row-expanded .iui-table-row-expander>.iui-button-icon{transform:rotate(90deg)}.iui-table-body .iui-table-row.iui-table-row-expanded+.iui-table-expanded-content{border-left-color:var(--iui-color-border);border-right-color:var(--iui-color-border)}.iui-table-body .iui-table-row.iui-table-expanded-content{border-left:1px solid #0000;border-right:1px solid #0000;border-bottom:1px solid var(--iui-color-border);overflow:hidden}.iui-table-body .iui-table-row.iui-table-expanded-content.iui-enter{opacity:0}.iui-table-body .iui-table-row.iui-table-expanded-content.iui-enter-active{opacity:1}@media (prefers-reduced-motion:no-preference){.iui-table-body .iui-table-row.iui-table-expanded-content.iui-enter-active{transition:opacity var(--iui-duration-1)ease-out,width var(--iui-duration-1)ease-out,height var(--iui-duration-1)ease-out}}.iui-table-body .iui-table-row.iui-table-expanded-content.iui-exit{opacity:1}.iui-table-body .iui-table-row.iui-table-expanded-content.iui-exit-active{opacity:0}@media (prefers-reduced-motion:no-preference){.iui-table-body .iui-table-row.iui-table-expanded-content.iui-exit-active{transition:opacity var(--iui-duration-1)ease-out,width var(--iui-duration-1)ease-out,height var(--iui-duration-1)ease-out}}.iui-table-body .iui-table-row:not([aria-selected=true])+[aria-selected=true] .iui-table-cell,.iui-table-body .iui-table-row[aria-selected=true]:first-child .iui-table-cell{border-bottom-color:#0000}.iui-table-body .iui-table-row[aria-selected=true] .iui-table-cell{border-color:var(--iui-color-border-accent);background-color:var(--iui-color-background-accent-muted)}.iui-table-body .iui-table-row[aria-selected=true]+[aria-selected=true] .iui-table-cell{border-bottom-color:#0000;border-top-color:hsl(var(--iui-color-accent-hsl)/var(--iui-opacity-4))}.iui-table-body .iui-table-row[aria-selected=true]:last-child .iui-table-cell{border-bottom-color:var(--iui-color-border-accent)}.iui-table-body .iui-table-row[aria-selected=true]+:not([aria-selected=true]) .iui-table-cell,.iui-table-body .iui-table-row[aria-selected=true]+.iui-table-expanded-content+.iui-table-row:not([aria-selected=true]) .iui-table-cell{border-top-color:var(--iui-color-border-accent)}.iui-table-body .iui-table-row[aria-selected=true]+.iui-table-expanded-content{border-color:transparent var(--iui-color-border-accent)}.iui-table-body .iui-table-row[aria-selected=true]+.iui-table-expanded-content:last-child{border-bottom-color:var(--iui-color-border-accent)}.iui-table-body .iui-table-row.iui-new{font-weight:var(--iui-font-weight-semibold)}.iui-table-body .iui-table-row.iui-new>.iui-main-column:before{content:"•";font-size:var(--iui-font-size-4);color:var(--iui-color-icon-positive);position:absolute;left:0}.iui-table-body .iui-table-row.iui-loading,.iui-table-body .iui-table-row .iui-table-cell[aria-disabled=true],.iui-table-body .iui-table-row.iui-table-expanded-content[aria-disabled=true]{--_iui-table-cell-icon-fill:var(--iui-color-icon-muted);--_iui-table-cell-image-filter:grayscale(100%);color:var(--iui-color-text-disabled)}.iui-table-body .iui-table-row.iui-loading img,.iui-table-body .iui-table-row.iui-loading svg:not(.iui-radial),.iui-table-body .iui-table-row.iui-loading .iui-avatar,.iui-table-body .iui-table-row .iui-table-cell[aria-disabled=true] img,.iui-table-body .iui-table-row .iui-table-cell[aria-disabled=true] svg:not(.iui-radial),.iui-table-body .iui-table-row .iui-table-cell[aria-disabled=true] .iui-avatar,.iui-table-body .iui-table-row.iui-table-expanded-content[aria-disabled=true] img,.iui-table-body .iui-table-row.iui-table-expanded-content[aria-disabled=true] svg:not(.iui-radial),.iui-table-body .iui-table-row.iui-table-expanded-content[aria-disabled=true] .iui-avatar{filter:var(--_iui-table-cell-image-filter)}.iui-table-body .iui-table-row.iui-loading{font-style:italic}.iui-table-body .iui-table-row.iui-loading,.iui-table-body .iui-table-row.iui-loading .iui-checkbox{cursor:progress}.iui-table-body .iui-table-row .iui-table-cell[aria-disabled=true],.iui-table-body .iui-table-row.iui-table-expanded-content[aria-disabled=true]{cursor:not-allowed}.iui-table-body .iui-table-row[data-iui-status=positive] .iui-table-cell:first-of-type,.iui-table-body .iui-table-row[data-iui-status=positive]+.iui-table-expanded-content{box-shadow:inset var(--iui-size-2xs)0 0 0 var(--iui-color-border-positive)}.iui-table-body .iui-table-row[data-iui-status=positive] .iui-table-cell:first-of-type::selection,.iui-table-body .iui-table-row[data-iui-status=positive] .iui-table-cell:first-of-type ::selection,.iui-table-body .iui-table-row[data-iui-status=positive]+.iui-table-expanded-content::selection,.iui-table-body .iui-table-row[data-iui-status=positive]+.iui-table-expanded-content ::selection{background-color:hsl(var(--iui-color-positive-hsl)/var(--iui-opacity-5))}.iui-table-body .iui-table-row[data-iui-status=positive] .iui-table-cell-end-icon{--_iui-table-cell-icon-fill:var(--iui-color-icon-positive)}.iui-table-body .iui-table-row[data-iui-status=positive] .iui-table-cell[aria-disabled=true] .iui-table-cell-end-icon{--_iui-table-cell-image-filter:none}.iui-table-body .iui-table-row[data-iui-status=warning] .iui-table-cell:first-of-type,.iui-table-body .iui-table-row[data-iui-status=warning]+.iui-table-expanded-content{box-shadow:inset var(--iui-size-2xs)0 0 0 var(--iui-color-border-warning)}.iui-table-body .iui-table-row[data-iui-status=warning] .iui-table-cell:first-of-type::selection,.iui-table-body .iui-table-row[data-iui-status=warning] .iui-table-cell:first-of-type ::selection,.iui-table-body .iui-table-row[data-iui-status=warning]+.iui-table-expanded-content::selection,.iui-table-body .iui-table-row[data-iui-status=warning]+.iui-table-expanded-content ::selection{background-color:hsl(var(--iui-color-warning-hsl)/var(--iui-opacity-5))}.iui-table-body .iui-table-row[data-iui-status=warning] .iui-table-cell-end-icon{--_iui-table-cell-icon-fill:var(--iui-color-icon-warning)}.iui-table-body .iui-table-row[data-iui-status=warning] .iui-table-cell[aria-disabled=true] .iui-table-cell-end-icon{--_iui-table-cell-image-filter:none}.iui-table-body .iui-table-row[data-iui-status=negative] .iui-table-cell:first-of-type,.iui-table-body .iui-table-row[data-iui-status=negative]+.iui-table-expanded-content{box-shadow:inset var(--iui-size-2xs)0 0 0 var(--iui-color-border-negative)}.iui-table-body .iui-table-row[data-iui-status=negative] .iui-table-cell:first-of-type::selection,.iui-table-body .iui-table-row[data-iui-status=negative] .iui-table-cell:first-of-type ::selection,.iui-table-body .iui-table-row[data-iui-status=negative]+.iui-table-expanded-content::selection,.iui-table-body .iui-table-row[data-iui-status=negative]+.iui-table-expanded-content ::selection{background-color:hsl(var(--iui-color-negative-hsl)/var(--iui-opacity-5))}.iui-table-body .iui-table-row[data-iui-status=negative] .iui-table-cell-end-icon{--_iui-table-cell-icon-fill:var(--iui-color-icon-negative)}.iui-table-body .iui-table-row[data-iui-status=negative] .iui-table-cell[aria-disabled=true] .iui-table-cell-end-icon{--_iui-table-cell-image-filter:none}.iui-table-header-actions-container{margin-right:var(--iui-size-s);flex-wrap:wrap;flex-grow:1;justify-content:flex-end;align-items:center;display:flex}.iui-table-header-actions-container .iui-table-cell-end-icon{width:28px;height:28px;margin-right:initial;margin-left:auto}.iui-table-body{overflow-y:scroll;overflow:overlay;background-color:var(--iui-color-background);flex-direction:column;flex-grow:1;align-items:flex-start;display:flex}.iui-table-body.iui-scroll-snapping{scroll-snap-type:y mandatory}.iui-table-body.iui-scroll-snapping .iui-table-row{scroll-snap-align:start none}.iui-table-body:last-child{border-bottom-left-radius:var(--iui-border-radius-1);border-bottom-right-radius:var(--iui-border-radius-1)}.iui-table-body.iui-zebra-striping .iui-table-row:nth-child(2n):not([aria-selected=true]) .iui-table-cell{background-color:var(--iui-color-background-zebra)}.iui-table-body.iui-zebra-striping .iui-table-row:nth-child(2n):not([aria-selected=true]):hover .iui-table-cell{background-color:var(--iui-color-background-hover)}.iui-table-body>.iui-table-empty{text-align:center;padding:var(--iui-size-xl);color:var(--iui-color-text-muted);background-color:var(--iui-color-background);flex-direction:column;flex-grow:1;justify-content:center;align-self:center;align-items:center;display:flex}.iui-table-cell{min-width:var(--iui-size-2xl);padding-left:var(--iui-size-m);flex-grow:1;flex-basis:var(--iui-size-2xl);word-break:break-word;align-items:center;display:flex;position:relative}.iui-table-cell:first-of-type{border-bottom-left-radius:inherit;border-left:1px solid #0000}.iui-table-cell:last-of-type{border-right:1px solid #0000}.iui-table-cell.iui-slot{width:calc(var(--iui-size-l)*2);min-width:0;flex-grow:0;flex-basis:calc(var(--iui-size-l)*2);justify-content:center;align-items:center;padding:0;display:flex}.iui-table-cell.iui-table-cell-sticky{z-index:1;left:var(--iui-table-sticky-left,initial);right:var(--iui-table-sticky-right,initial);position:sticky}.iui-table-cell:not(.iui-slot):last-child{padding-right:var(--iui-size-m)}.iui-table-cell[data-iui-status=positive]::selection,.iui-table-cell[data-iui-status=positive] ::selection{background-color:hsl(var(--iui-color-positive-hsl)/var(--iui-opacity-5))}.iui-table-cell[data-iui-status=positive]:before{content:"";background-color:hsl(var(--iui-color-positive-hsl)/var(--iui-opacity-6));position:absolute;top:0;bottom:0;left:0;right:0}.iui-table-cell[data-iui-status=warning]::selection,.iui-table-cell[data-iui-status=warning] ::selection{background-color:hsl(var(--iui-color-warning-hsl)/var(--iui-opacity-5))}.iui-table-cell[data-iui-status=warning]:before{content:"";background-color:hsl(var(--iui-color-warning-hsl)/var(--iui-opacity-6));position:absolute;top:0;bottom:0;left:0;right:0}.iui-table-cell[data-iui-status=negative]::selection,.iui-table-cell[data-iui-status=negative] ::selection{background-color:hsl(var(--iui-color-negative-hsl)/var(--iui-opacity-5))}.iui-table-cell[data-iui-status=negative]:before{content:"";background-color:hsl(var(--iui-color-negative-hsl)/var(--iui-opacity-6));position:absolute;top:0;bottom:0;left:0;right:0}.iui-table-cell[contenteditable]{outline-offset:-1px}.iui-table-cell[contenteditable]:hover{outline:1px solid var(--iui-color-border-accent)}.iui-table-cell[contenteditable]:focus{background-color:var(--iui-color-background);outline:1px solid var(--iui-color-text-accent)}.iui-table-cell-shadow-left{width:var(--iui-size-l);pointer-events:none;box-shadow:inset -10px 0 5px -10px var(--iui-shadow-color);position:absolute;top:-1px;bottom:-1px;left:0;transform:translate(-100%)}.iui-table-header .iui-table-cell-shadow-left{top:0;bottom:0}.iui-table-cell-shadow-right{width:var(--iui-size-l);pointer-events:none;box-shadow:inset 10px 0 5px -10px var(--iui-shadow-color);position:absolute;top:-1px;bottom:-1px;right:0;transform:translate(100%)}.iui-table-header .iui-table-cell-shadow-right{top:0;bottom:0}.iui-table-paginator{vertical-align:baseline;padding:0;padding:0 var(--iui-size-m);-webkit-user-select:none;user-select:none;background-color:var(--iui-color-background);border-bottom-left-radius:var(--iui-border-radius-1);border-bottom-right-radius:var(--iui-border-radius-1);border:none;border-top:1px solid var(--iui-color-border);justify-content:space-between;align-items:center;margin:0;display:flex}.iui-table-paginator>.iui-left,.iui-table-paginator>.iui-center,.iui-table-paginator>.iui-right{min-width:0;flex:1;align-items:center;display:flex;position:relative}.iui-table-paginator>.iui-center{color:var(--iui-color-text);flex:2;justify-content:center}.iui-table-paginator>.iui-right{justify-content:flex-end}.iui-table-paginator-page-size-label{color:var(--iui-color-text-muted);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.iui-table-paginator-ellipsis{padding-inline:var(--iui-size-xs);justify-content:center;align-items:center;display:flex}.iui-table-paginator-ellipsis-small{padding-inline:var(--iui-size-2xs)}.iui-table-paginator-pages-group{margin:0 var(--iui-size-xs);align-items:center;display:inline-flex}.iui-table-paginator-page-button{vertical-align:baseline;vertical-align:middle;border-radius:var(--iui-border-radius-1);font-family:inherit;line-height:1.2;font-size:var(--iui-font-size-1);font-weight:var(--iui-font-weight-normal);-webkit-user-select:none;user-select:none;cursor:pointer;white-space:nowrap;border:none;border:1px solid var(--_iui-button-border-color);background:var(--_iui-button-background-color);color:var(--_iui-button-text-color);justify-content:center;align-items:center;gap:var(--_iui-button-gap);min-height:var(--_iui-button-min-height);min-width:var(--_iui-button-min-height);padding:0;padding-block:var(--_iui-button-padding-block);padding-inline:var(--_iui-button-padding-inline);transition:background-color var(--iui-duration-1)ease-out,border-color var(--iui-duration-1)ease-out;-webkit-tap-highlight-color:transparent;--_iui-button-gap:var(--iui-size-xs);--_iui-button-padding-block:var(--iui-size-2xs);--_iui-button-padding-inline:var(--iui-size-m);--_iui-button-min-height:var(--iui-component-height);--_iui-button-text-color:var(--iui-color-text);--_iui-button-background-color:transparent;--_iui-button-border-color:transparent;--_iui-button-icon-fill:var(--iui-color-icon);--_iui-button-gap:var(--iui-size-xs);--_iui-button-padding-block:var(--iui-size-2xs);--_iui-button-padding-inline:var(--iui-size-m);--_iui-button-min-height:var(--iui-component-height);--_iui-button-padding-inline:var(--iui-size-xs);flex-shrink:0;margin:0;text-decoration:none;display:inline-flex;position:relative}.iui-table-paginator-page-button:focus-visible{outline:1px solid var(--iui-color-border-accent);outline-offset:-1px}@supports not selector(*:focus-visible){.iui-table-paginator-page-button:focus{outline:1px solid var(--iui-color-border-accent);outline-offset:-1px}}.iui-table-paginator-page-button:where(:hover,:active){--_iui-button-text-color:var(--iui-color-text-hover);--_iui-button-background-color:var(--iui-color-background-transparent-hover);--_iui-button-icon-fill:var(--iui-color-icon-hover)}.iui-table-paginator-page-button:where(:focus){outline-offset:-1px;outline-width:1px}.iui-table-paginator-page-button:where([disabled],:disabled,[aria-disabled=true]){--_iui-button-text-color:var(--iui-color-text-disabled);--_iui-button-background-color:transparent;--_iui-button-border-color:transparent;--_iui-button-icon-fill:var(--iui-color-icon-disabled)}.iui-table-paginator-page-button-small{--_iui-button-gap:var(--iui-size-2xs);--_iui-button-padding-block:0;--_iui-button-padding-inline:var(--iui-size-xs);--_iui-button-min-height:var(--iui-component-height-small)}.iui-table-paginator-page-button[data-iui-active=true]{--_iui-button-active-stripe-inset:initial;--_iui-button-active-stripe-background:var(--iui-color-border-accent);--_iui-button-text-color:var(--iui-color-text-accent);--_iui-button-icon-fill:var(--iui-color-text-accent);--_iui-button-background-color:var(--iui-color-background-accent-muted);--_iui-button-background-color:hsl(var(--iui-color-accent-hsl)/var(--iui-opacity-6));--_iui-button-active-stripe-inset:calc(100% - var(--iui-size-2xs))var(--iui-size-3xs)var(--iui-size-3xs)}.iui-table-paginator-page-button[data-iui-active=true]:after{content:"";inset:var(--_iui-button-active-stripe-inset);background:var(--_iui-button-active-stripe-background);position:absolute}.iui-table-paginator-page-button[data-iui-active=true][disabled],.iui-table-paginator-page-button[data-iui-active=true]:disabled,.iui-table-paginator-page-button[data-iui-active=true][aria-disabled=true]{--_iui-button-active-stripe-background:var(--iui-color-icon-disabled);--_iui-button-text-color:var(--iui-color-text-disabled);--_iui-button-icon-fill:var(--iui-color-icon-disabled)}.iui-table-column-filter{--iui-surface-background-color:var(--iui-color-background);--iui-surface-border-color:var(--iui-color-border-subtle);--iui-surface-border-radius:var(--iui-border-radius-1);--iui-surface-elevation:var(--iui-shadow-1);background-color:var(--iui-surface-background-color);border:1px solid var(--iui-surface-border-color);border-radius:var(--iui-surface-border-radius);box-shadow:var(--iui-surface-elevation);color:var(--iui-color-text);padding:var(--iui-size-s)var(--iui-size-s);flex-direction:column;align-items:flex-end;display:inline-flex}.iui-table-column-filter>.iui-input-container:not(.iui-inline-label){width:100%}.iui-table-column-filter>.iui-input-container,.iui-table-column-filter>.iui-input{margin-bottom:var(--iui-size-s)}.iui-table-column-filter>.iui-button-bar{width:100%;align-content:center;gap:var(--iui-size-xs);display:flex}.iui-table-column-filter>.iui-button-bar>.iui-button:first-of-type{margin-left:auto}