@overmap-ai/blocks 1.0.27-custom-table-component.4 → 1.0.27-remix-icon.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 (64) hide show
  1. package/README.md +3 -3
  2. package/dist/Buttons/index.d.ts +1 -1
  3. package/dist/Buttons/typings.d.ts +1 -0
  4. package/dist/CollapsibleTree/CollapsibleTree.d.ts +5 -0
  5. package/dist/CollapsibleTree/context.d.ts +14 -0
  6. package/dist/CollapsibleTree/index.d.ts +2 -0
  7. package/dist/CollapsibleTree/typings.d.ts +71 -0
  8. package/dist/DialogMenu/Provider.d.ts +6 -0
  9. package/dist/DialogMenu/components/DialogCommandMenu.d.ts +6 -0
  10. package/dist/DialogMenu/components/DialogMultiSelectMenu.d.ts +6 -0
  11. package/dist/DialogMenu/components/DialogSelectMenu.d.ts +7 -0
  12. package/dist/DialogMenu/components/index.d.ts +3 -0
  13. package/dist/DialogMenu/constants.d.ts +3 -0
  14. package/dist/DialogMenu/content/Content.d.ts +8 -0
  15. package/dist/DialogMenu/content/SubContent.d.ts +5 -0
  16. package/dist/DialogMenu/content/index.d.ts +2 -0
  17. package/dist/DialogMenu/context.d.ts +14 -0
  18. package/dist/DialogMenu/groups/Group.d.ts +3 -0
  19. package/dist/DialogMenu/groups/MultiSelectGroup.d.ts +3 -0
  20. package/dist/DialogMenu/groups/SelectGroup.d.ts +3 -0
  21. package/dist/DialogMenu/groups/index.d.ts +3 -0
  22. package/dist/DialogMenu/index.d.ts +20 -0
  23. package/dist/DialogMenu/items/Item.d.ts +3 -0
  24. package/dist/DialogMenu/items/MultiSelectItem.d.ts +3 -0
  25. package/dist/DialogMenu/items/SelectItem.d.ts +3 -0
  26. package/dist/DialogMenu/items/Separator.d.ts +4 -0
  27. package/dist/DialogMenu/items/SubTrigger.d.ts +3 -0
  28. package/dist/DialogMenu/items/index.d.ts +5 -0
  29. package/dist/DialogMenu/root/Root.d.ts +6 -0
  30. package/dist/DialogMenu/root/index.d.ts +1 -0
  31. package/dist/DialogMenu/typings.d.ts +59 -0
  32. package/dist/Dialogs/BaseDialog/BaseDialog.d.ts +3 -0
  33. package/dist/Dialogs/BaseDialog/index.d.ts +2 -0
  34. package/dist/Dialogs/BaseDialog/typings.d.ts +31 -0
  35. package/dist/Dialogs/Overlay/Overlay.d.ts +3 -30
  36. package/dist/MultiPagePopover/typings.d.ts +1 -0
  37. package/dist/OvermapInputItem/OvermapInputItem.d.ts +6 -0
  38. package/dist/OvermapInputItem/index.d.ts +2 -0
  39. package/dist/OvermapInputItem/typings.d.ts +4 -0
  40. package/dist/OvermapItem/typings.d.ts +4 -0
  41. package/dist/OvermapItemGroup/OvermapItemGroup.d.ts +3 -0
  42. package/dist/OvermapItemGroup/context.d.ts +9 -0
  43. package/dist/OvermapItemGroup/index.d.ts +3 -0
  44. package/dist/OvermapItemGroup/typings.d.ts +7 -0
  45. package/dist/RiIcon/RiIcon.d.ts +7 -0
  46. package/dist/RiIcon/index.d.ts +1 -0
  47. package/dist/SelectContext/Provider.d.ts +14 -0
  48. package/dist/SelectContext/context.d.ts +5 -0
  49. package/dist/SelectContext/index.d.ts +3 -0
  50. package/dist/SelectContext/typings.d.ts +10 -0
  51. package/dist/Table/Table.d.ts +3 -11
  52. package/dist/Table/typings.d.ts +27 -0
  53. package/dist/blocks.js +4517 -3761
  54. package/dist/blocks.js.map +1 -1
  55. package/dist/blocks.umd.cjs +3736 -2984
  56. package/dist/blocks.umd.cjs.map +1 -1
  57. package/dist/constants.d.ts +1 -0
  58. package/dist/index.d.ts +33 -29
  59. package/dist/style.css +522 -358
  60. package/package.json +109 -105
  61. package/dist/Pagination/PaginationControls.d.ts +0 -8
  62. package/dist/Pagination/hooks.d.ts +0 -2
  63. package/dist/Pagination/index.d.ts +0 -3
  64. package/dist/Pagination/typings.d.ts +0 -6
package/dist/style.css CHANGED
@@ -8,52 +8,6 @@
8
8
 
9
9
  ._radius_curjh_9 {
10
10
  border-radius: max(var(--radius-full), var(--radius-4));
11
- }._BaseMenuItem_5r3et_1 {
12
- font-size: var(--font-size-2);
13
- }
14
- ._BaseMenuItem_5r3et_1:after {
15
- content: "";
16
- position: absolute;
17
- inset: 0;
18
- background-color: transparent;
19
- border-radius: var(--radius-2);
20
- }
21
- ._BaseMenuItem_5r3et_1[data-highlighted]:after {
22
- background-color: var(--accent-a5);
23
- }
24
-
25
- ._RemoveOutline_5r3et_15 {
26
- outline: none;
27
- }
28
-
29
- ._BaseMenuSeparator_5r3et_19 {
30
- margin: 0 calc(-1 * var(--base-menu-content-padding));
31
- align-self: center;
32
- }
33
- ._BaseMenuSeparator_5r3et_19 > div {
34
- border-bottom: 1px solid var(--gray-a4);
35
- }
36
-
37
- ._BaseMenuInput_5r3et_27 {
38
- width: 100%;
39
- }._merged_wdgxo_1 > .rt-BaseButton:not(:first-of-type):not(:last-of-type) {
40
- border-radius: 0;
41
- }
42
- ._merged_wdgxo_1[data-direction=column] > .rt-BaseButton:first-of-type {
43
- border-bottom-right-radius: 0;
44
- border-bottom-left-radius: 0;
45
- }
46
- ._merged_wdgxo_1[data-direction=column] > .rt-BaseButton:last-of-type {
47
- border-top-left-radius: 0;
48
- border-top-right-radius: 0;
49
- }
50
- ._merged_wdgxo_1[data-direction=row] > .rt-BaseButton:first-of-type {
51
- border-top-right-radius: 0;
52
- border-bottom-right-radius: 0;
53
- }
54
- ._merged_wdgxo_1[data-direction=row] > .rt-BaseButton:last-of-type {
55
- border-top-left-radius: 0;
56
- border-bottom-left-radius: 0;
57
11
  }._fluid_r73gr_1 {
58
12
  flex-grow: 1;
59
13
  width: auto;
@@ -96,7 +50,7 @@
96
50
  }
97
51
  ._hoverSpin360Clockwise_r73gr_35:hover:not(:disabled) svg {
98
52
  transform: rotate(360deg) !important;
99
- }@keyframes _spin_isifr_9 {
53
+ }@keyframes _spin_1oknc_9 {
100
54
  0% {
101
55
  transform: rotate(0deg);
102
56
  }
@@ -104,138 +58,196 @@
104
58
  transform: rotate(360deg);
105
59
  }
106
60
  }
107
- ._spinner_isifr_9 {
61
+ ._spinner_1oknc_9 {
108
62
  width: 16px;
109
63
  height: 16px;
110
64
  border-radius: 9999px;
111
- border: 2px solid white;
65
+ border: 2px solid var(--gray-12);
112
66
  border-bottom: 2px solid transparent;
113
- animation: _spin_isifr_9 1s linear infinite;
67
+ animation: _spin_1oknc_9 1s linear infinite;
68
+ }._merged_wdgxo_1 > .rt-BaseButton:not(:first-of-type):not(:last-of-type) {
69
+ border-radius: 0;
70
+ }
71
+ ._merged_wdgxo_1[data-direction=column] > .rt-BaseButton:first-of-type {
72
+ border-bottom-right-radius: 0;
73
+ border-bottom-left-radius: 0;
74
+ }
75
+ ._merged_wdgxo_1[data-direction=column] > .rt-BaseButton:last-of-type {
76
+ border-top-left-radius: 0;
77
+ border-top-right-radius: 0;
78
+ }
79
+ ._merged_wdgxo_1[data-direction=row] > .rt-BaseButton:first-of-type {
80
+ border-top-right-radius: 0;
81
+ border-bottom-right-radius: 0;
82
+ }
83
+ ._merged_wdgxo_1[data-direction=row] > .rt-BaseButton:last-of-type {
84
+ border-top-left-radius: 0;
85
+ border-bottom-left-radius: 0;
114
86
  }._separators_1f7v1_1 > *:not(:last-of-type) {
115
87
  border-bottom: 1px solid var(--gray-a6);
116
- }button {
117
- all: unset;
88
+ }._OverlayContent_1nr9w_1 {
89
+ position: fixed;
90
+ inset: 0;
118
91
  }
119
92
 
120
- ._checkbox_yl8iy_5 {
121
- background-color: var(--color-panel-solid);
122
- width: 15px;
123
- height: 15px;
124
- border-radius: 4px;
125
- display: flex;
126
- align-items: center;
127
- justify-content: center;
128
- background-color: var(--color-surface);
129
- box-shadow: inset 0 0 0 1px var(--gray-a7);
130
- cursor: var(--cursor-checkbox);
93
+ ._OverlayOverlay_1nr9w_6 {
94
+ position: fixed;
95
+ inset: 0;
96
+ }._DialogMenuItem_1ojd2_1 {
97
+ position: relative;
98
+ outline: none;
99
+ user-select: none;
131
100
  }
132
- ._checkbox_yl8iy_5 [data-state=checked], ._checkbox_yl8iy_5 [data-state=indeterminate] {
133
- background-color: var(--accent-9);
134
- color: var(--accent-9-contrast);
101
+ ._DialogMenuItem_1ojd2_1:after {
102
+ content: "";
103
+ position: absolute;
104
+ inset: 0;
105
+ background-color: transparent;
106
+ border-radius: var(--radius-2);
135
107
  }
136
-
137
- ._checkboxIndicator_yl8iy_22 {
138
- display: flex;
139
- align-items: center;
140
- justify-content: center;
141
- justify-items: center;
142
- height: 100%;
143
- width: 100%;
144
- border-radius: 4px;
145
- padding-right: 0.5px;
108
+ ._DialogMenuItem_1ojd2_1:hover:after, ._DialogMenuItem_1ojd2_1:focus-within:after {
109
+ background-color: var(--gray-a3);
146
110
  }
147
-
148
- ._checkboxLabel_yl8iy_33 {
149
- padding-left: 0.5rem;
111
+ ._DialogMenuItem_1ojd2_1:active:after {
112
+ background-color: var(--gray-a4);
113
+ }._light_1u8fs_1 span {
114
+ color: var(--gray-a3);
115
+ }
116
+ ._light_1u8fs_1 [role=separator] {
117
+ background-color: var(--gray-a3);
150
118
  }
151
119
 
152
- ._noTextHighlight_yl8iy_37 {
153
- -webkit-touch-callout: none;
154
- -webkit-user-select: none;
155
- -khtml-user-select: none;
156
- -moz-user-select: none;
157
- -ms-user-select: none;
158
- user-select: none;
120
+ ._bold_1u8fs_8 span {
121
+ color: var(--gray-a9);
122
+ }
123
+ ._bold_1u8fs_8 [role=separator] {
124
+ background-color: var(--gray-a9);
159
125
  }
160
126
 
161
- ._checkboxHidden_yl8iy_46 {
162
- visibility: hidden;
163
- }._editableTextContainer_174g6_1 {
164
- align-items: center;
127
+ ._full_1u8fs_15 span {
128
+ color: var(--gray-a12);
129
+ }
130
+ ._full_1u8fs_15 [role=separator] {
131
+ background-color: var(--gray-a12);
165
132
  }
166
133
 
167
- ._editableTextText_174g6_5 div {
134
+ ._Text_1u8fs_22 {
135
+ color: var(--gray-a6);
136
+ }._OvermapInputItem_1jgzv_1 {
168
137
  outline: none;
169
- box-shadow: none;
138
+ width: 100%;
139
+ height: 100%;
170
140
  border: none;
171
141
  background: transparent;
142
+ font-size: inherit;
143
+ }._DialogContentScrollArea_i3a60_1 {
144
+ height: 100%;
145
+ overflow: hidden;
146
+ width: 100%;
147
+ margin-right: calc(-1 * var(--space-3));
172
148
  }
173
- ._editableTextText_174g6_5 input {
174
- font-size: var(--font-size-3);
175
- }
176
- ._editableTextText_174g6_5 .rt-TextFieldInput:where(:disabled, :read-only) {
177
- color: unset;
178
- -webkit-text-fill-color: unset;
149
+ ._DialogContentScrollArea_i3a60_1 > [data-orientation=vertical] {
150
+ right: calc(-1 * var(--scrollarea-scrollbar-size)) !important;
151
+ }._DialogMenuWrapper_16hy0_1 {
152
+ display: flex;
153
+ justify-content: center;
154
+ overflow: hidden;
155
+ position: fixed;
156
+ inset: 0;
157
+ pointer-events: none;
158
+ padding: var(--space-9) var(--space-3) var(--space-3) var(--space-3);
179
159
  }
180
160
 
181
- ._editableTextInput_174g6_19 input {
182
- font-size: var(--font-size-3);
161
+ ._DialogMenu_16hy0_1 {
162
+ pointer-events: all;
163
+ outline: none;
164
+ background: var(--color-background);
165
+ width: min(500px, 100%);
166
+ height: max-content;
167
+ max-height: 50%;
168
+ border-radius: var(--radius-2);
169
+ box-shadow: var(--shadow-5);
170
+ }._BaseMenuItem_5r3et_1 {
171
+ font-size: var(--font-size-2);
183
172
  }
184
-
185
- ._iconHidden_174g6_23 {
186
- visibility: hidden;
187
- }._OverlayContent_1nr9w_1 {
188
- position: fixed;
173
+ ._BaseMenuItem_5r3et_1:after {
174
+ content: "";
175
+ position: absolute;
189
176
  inset: 0;
177
+ background-color: transparent;
178
+ border-radius: var(--radius-2);
179
+ }
180
+ ._BaseMenuItem_5r3et_1[data-highlighted]:after {
181
+ background-color: var(--accent-a5);
190
182
  }
191
183
 
192
- ._OverlayOverlay_1nr9w_6 {
193
- position: fixed;
194
- inset: 0;
195
- }._accommodateCharCount_1octa_1 {
196
- margin-bottom: var(--line-height-1);
184
+ ._RemoveOutline_5r3et_15 {
185
+ outline: none;
197
186
  }
198
187
 
199
- ._wrapper_1octa_5 {
200
- height: min-content;
201
- flex-grow: 1;
188
+ ._BaseMenuSeparator_5r3et_19 {
189
+ margin: 0 calc(-1 * var(--base-menu-content-padding));
190
+ align-self: center;
191
+ }
192
+ ._BaseMenuSeparator_5r3et_19 > div {
193
+ border-bottom: 1px solid var(--gray-a4);
202
194
  }
203
195
 
204
- ._default_1octa_10 {
196
+ ._BaseMenuInput_5r3et_27 {
205
197
  width: 100%;
198
+ }._fluid_7n1wr_1 {
199
+ flex-grow: 1;
200
+ width: auto;
201
+ }._default_u936h_1 {
202
+ cursor: var(--cursor-switch);
206
203
  }
207
-
208
- ._noLeftIcon_1octa_14 {
209
- padding-left: 0.25rem;
204
+ ._default_u936h_1 span {
205
+ display: flex;
206
+ align-items: center;
207
+ justify-content: center;
210
208
  }
211
-
212
- ._noRightIcon_1octa_18 {
213
- padding-right: 0.25rem;
209
+ ._default_u936h_1 svg {
210
+ pointer-events: none;
211
+ cursor: inherit;
212
+ display: flex;
213
+ justify-content: center;
214
+ align-items: center;
215
+ }._sidebarContent_1onyo_1 {
216
+ position: absolute;
217
+ overflow: hidden;
218
+ top: 0;
219
+ bottom: 0;
214
220
  }
215
-
216
- ._ghost_1octa_22 input {
217
- text-indent: 0;
218
- padding: 0;
221
+ ._sidebarContent_1onyo_1._right_1onyo_7 {
222
+ right: 0;
219
223
  }
220
- ._ghost_1octa_22 input:not(._noLeftIcon_1octa_14) {
221
- padding-left: 0.25rem;
224
+ ._sidebarContent_1onyo_1._right_1onyo_7 ._resizeHandle_1onyo_10 {
225
+ left: 3px !important;
222
226
  }
223
- ._ghost_1octa_22 input:not(._noRightIcon_1octa_18) {
224
- padding-right: 0.25rem;
227
+ ._sidebarContent_1onyo_1._left_1onyo_13 {
228
+ left: 0;
225
229
  }
226
- ._ghost_1octa_22 div {
227
- padding: 0;
228
- outline: none;
229
- box-shadow: none;
230
- border: none;
231
- background: transparent;
230
+ ._sidebarContent_1onyo_1._left_1onyo_13 ._resizeHandle_1onyo_10 {
231
+ right: 3px !important;
232
232
  }
233
233
 
234
- ._charCount_1octa_40 {
234
+ ._resizeHandle_1onyo_10 {
235
235
  position: absolute;
236
- right: 0;
237
- top: 98%;
238
- font-size: xx-small !important;
236
+ display: flex;
237
+ flex-direction: column;
238
+ align-items: center;
239
+ justify-content: center;
240
+ opacity: 0;
241
+ transition: opacity 200ms linear;
242
+ }
243
+ ._resizeHandle_1onyo_10:hover, ._resizeHandle_1onyo_10:active, ._resizeHandle_1onyo_10:focus {
244
+ opacity: 1;
245
+ }
246
+
247
+ ._overlay_1onyo_33 {
248
+ position: absolute;
249
+ inset: 0;
250
+ background-color: var(--color-overlay);
239
251
  }/** CSSTransition Classes for Right SlideOut */
240
252
  ._EnterRight_1jwyv_2 {
241
253
  margin-right: calc(-1 * var(--slide-out-width));
@@ -294,257 +306,198 @@
294
306
  ._Overlay_1jwyv_56 {
295
307
  position: absolute;
296
308
  inset: 0;
297
- }._wrapper_1ssf2_1 {
298
- position: relative;
299
- overflow: hidden;
309
+ }/** CSSTransition Classes for Right SlideOut */
310
+ ._EnterRight_1jwyv_2 {
311
+ margin-right: calc(-1 * var(--slide-out-width));
300
312
  }
301
313
 
302
- ._panelContent_1ssf2_6 {
303
- border: 0;
304
- flex-shrink: 0;
305
- min-width: 0;
306
- overflow: hidden;
307
- transition-property: transform, margin-right, margin-left;
308
- box-shadow: var(--shadow-2);
309
- }
310
- ._panelContent_1ssf2_6._left_1ssf2_14 {
311
- transform: translateX(-100%);
312
- margin-right: auto;
313
- }
314
- ._panelContent_1ssf2_6._right_1ssf2_18 {
315
- transform: translateX(100%);
316
- margin-left: auto;
314
+ ._EnterActiveRight_1jwyv_6 {
315
+ transition: margin-right 200ms linear;
316
+ margin-right: 0;
317
317
  }
318
318
 
319
- ._resizable_1ssf2_23 {
320
- position: relative;
321
- height: 100% !important;
319
+ ._EnterDoneRight_1jwyv_11 {
320
+ margin-right: 0;
322
321
  }
323
322
 
324
- ._resizeHandle_1ssf2_28 {
325
- /* handleShift is a slight adjustment made to the resize handle created by Re-resizable library so that it */
326
- /* renders flush with its container */
327
- display: flex;
328
- flex-direction: column;
329
- align-items: center;
330
- justify-content: center;
331
- opacity: 0;
332
- transition: opacity 200ms linear;
333
- }
334
- ._resizeHandle_1ssf2_28:hover, ._resizeHandle_1ssf2_28:active {
335
- opacity: 1;
336
- }
337
- ._resizeHandle_1ssf2_28._right_1ssf2_18 {
338
- left: 3px !important;
339
- }
340
- ._resizeHandle_1ssf2_28._left_1ssf2_14 {
341
- right: 3px !important;
323
+ ._ExitRight_1jwyv_15 {
324
+ margin-right: 0;
342
325
  }
343
326
 
344
- ._panelMainContent_1ssf2_48 {
345
- overflow: hidden;
346
- flex-grow: 1;
347
- flex-shrink: 1;
348
- min-width: 0;
349
- width: max-content;
350
- }._wrapper_tmtz0_1 {
351
- height: max-content;
352
- }._multiPagePopover_16xvh_1 {
353
- display: flex;
354
- flex-direction: column;
355
- gap: var(--space-2);
356
- min-width: 150px !important;
357
- justify-content: start;
358
- align-items: start;
359
- padding: 10px !important;
360
- box-shadow: rgba(0, 0, 0, 0.09) 0 3px 12px !important;
327
+ ._ExitActiveRight_1jwyv_19 {
328
+ transition: margin-right 200ms linear;
329
+ margin-right: calc(-1 * var(--slide-out-width));
361
330
  }
362
331
 
363
- ._pageTitle_16xvh_12 {
364
- font-weight: bold !important;
332
+ ._ExitDoneRight_1jwyv_24 {
333
+ margin-right: calc(-1 * var(--slide-out-width));
365
334
  }
366
335
 
367
- ._buttonContainer_16xvh_16 {
368
- display: flex;
369
- flex-direction: row;
336
+ /** CSSTransition Classes for Left SlideOut */
337
+ ._EnterLeft_1jwyv_29 {
338
+ margin-left: calc(-1 * var(--slide-out-width));
370
339
  }
371
340
 
372
- ._optionsButtonContainer_16xvh_21 {
373
- width: 100%;
374
- display: flex;
375
- gap: 10px;
376
- justify-content: center;
377
- flex-direction: column !important;
341
+ ._EnterActiveLeft_1jwyv_33 {
342
+ transition: margin-left 200ms linear;
343
+ margin-left: 0;
378
344
  }
379
345
 
380
- ._optionsButton_16xvh_21 {
381
- width: 100% !important;
382
- flex: 1;
383
- justify-content: start !important;
384
- }
385
- ._optionsButton_16xvh_21:hover {
386
- background-color: rgba(0, 0, 0, 0.1) !important;
387
- }._noWrap_1wpa5_1 {
388
- white-space: nowrap;
389
- overflow: hidden;
390
- text-overflow: ellipsis;
391
- display: block;
392
- }._fluid_7n1wr_1 {
393
- flex-grow: 1;
394
- width: auto;
395
- }._light_1u8fs_1 span {
396
- color: var(--gray-a3);
397
- }
398
- ._light_1u8fs_1 [role=separator] {
399
- background-color: var(--gray-a3);
346
+ ._EnterDoneLeft_1jwyv_38 {
347
+ margin-left: 0;
400
348
  }
401
349
 
402
- ._bold_1u8fs_8 span {
403
- color: var(--gray-a9);
404
- }
405
- ._bold_1u8fs_8 [role=separator] {
406
- background-color: var(--gray-a9);
350
+ ._ExitLeft_1jwyv_42 {
351
+ margin-left: 0;
407
352
  }
408
353
 
409
- ._full_1u8fs_15 span {
410
- color: var(--gray-a12);
354
+ ._ExitActiveLeft_1jwyv_46 {
355
+ transition: margin-left 200ms linear;
356
+ margin-left: calc(-1 * var(--slide-out-width));
411
357
  }
412
- ._full_1u8fs_15 [role=separator] {
413
- background-color: var(--gray-a12);
358
+
359
+ ._ExitDoneLeft_1jwyv_51 {
360
+ margin-left: calc(-1 * var(--slide-out-width));
414
361
  }
415
362
 
416
- ._Text_1u8fs_22 {
417
- color: var(--gray-a6);
418
- }._sidebarContent_1onyo_1 {
363
+ /** Other Classes */
364
+ ._Overlay_1jwyv_56 {
419
365
  position: absolute;
420
- overflow: hidden;
421
- top: 0;
422
- bottom: 0;
366
+ inset: 0;
367
+ }._accommodateCharCount_1octa_1 {
368
+ margin-bottom: var(--line-height-1);
423
369
  }
424
- ._sidebarContent_1onyo_1._right_1onyo_7 {
425
- right: 0;
370
+
371
+ ._wrapper_1octa_5 {
372
+ height: min-content;
373
+ flex-grow: 1;
426
374
  }
427
- ._sidebarContent_1onyo_1._right_1onyo_7 ._resizeHandle_1onyo_10 {
428
- left: 3px !important;
375
+
376
+ ._default_1octa_10 {
377
+ width: 100%;
429
378
  }
430
- ._sidebarContent_1onyo_1._left_1onyo_13 {
431
- left: 0;
379
+
380
+ ._noLeftIcon_1octa_14 {
381
+ padding-left: 0.25rem;
432
382
  }
433
- ._sidebarContent_1onyo_1._left_1onyo_13 ._resizeHandle_1onyo_10 {
434
- right: 3px !important;
383
+
384
+ ._noRightIcon_1octa_18 {
385
+ padding-right: 0.25rem;
435
386
  }
436
387
 
437
- ._resizeHandle_1onyo_10 {
438
- position: absolute;
439
- display: flex;
440
- flex-direction: column;
441
- align-items: center;
442
- justify-content: center;
443
- opacity: 0;
444
- transition: opacity 200ms linear;
388
+ ._ghost_1octa_22 input {
389
+ text-indent: 0;
390
+ padding: 0;
445
391
  }
446
- ._resizeHandle_1onyo_10:hover, ._resizeHandle_1onyo_10:active, ._resizeHandle_1onyo_10:focus {
447
- opacity: 1;
392
+ ._ghost_1octa_22 input:not(._noLeftIcon_1octa_14) {
393
+ padding-left: 0.25rem;
448
394
  }
449
-
450
- ._overlay_1onyo_33 {
451
- position: absolute;
452
- inset: 0;
453
- background-color: var(--color-overlay);
454
- }/** CSSTransition Classes for Right SlideOut */
455
- ._EnterRight_1jwyv_2 {
456
- margin-right: calc(-1 * var(--slide-out-width));
395
+ ._ghost_1octa_22 input:not(._noRightIcon_1octa_18) {
396
+ padding-right: 0.25rem;
457
397
  }
458
-
459
- ._EnterActiveRight_1jwyv_6 {
460
- transition: margin-right 200ms linear;
461
- margin-right: 0;
398
+ ._ghost_1octa_22 div {
399
+ padding: 0;
400
+ outline: none;
401
+ box-shadow: none;
402
+ border: none;
403
+ background: transparent;
462
404
  }
463
405
 
464
- ._EnterDoneRight_1jwyv_11 {
465
- margin-right: 0;
406
+ ._charCount_1octa_40 {
407
+ position: absolute;
408
+ right: 0;
409
+ top: 98%;
410
+ font-size: xx-small !important;
411
+ }._wrapper_tmtz0_1 {
412
+ height: max-content;
413
+ }._wrapper_1ssf2_1 {
414
+ position: relative;
415
+ overflow: hidden;
466
416
  }
467
417
 
468
- ._ExitRight_1jwyv_15 {
469
- margin-right: 0;
418
+ ._panelContent_1ssf2_6 {
419
+ border: 0;
420
+ flex-shrink: 0;
421
+ min-width: 0;
422
+ overflow: hidden;
423
+ transition-property: transform, margin-right, margin-left;
424
+ box-shadow: var(--shadow-2);
470
425
  }
471
-
472
- ._ExitActiveRight_1jwyv_19 {
473
- transition: margin-right 200ms linear;
474
- margin-right: calc(-1 * var(--slide-out-width));
426
+ ._panelContent_1ssf2_6._left_1ssf2_14 {
427
+ transform: translateX(-100%);
428
+ margin-right: auto;
475
429
  }
476
-
477
- ._ExitDoneRight_1jwyv_24 {
478
- margin-right: calc(-1 * var(--slide-out-width));
430
+ ._panelContent_1ssf2_6._right_1ssf2_18 {
431
+ transform: translateX(100%);
432
+ margin-left: auto;
479
433
  }
480
434
 
481
- /** CSSTransition Classes for Left SlideOut */
482
- ._EnterLeft_1jwyv_29 {
483
- margin-left: calc(-1 * var(--slide-out-width));
435
+ ._resizable_1ssf2_23 {
436
+ position: relative;
437
+ height: 100% !important;
484
438
  }
485
439
 
486
- ._EnterActiveLeft_1jwyv_33 {
487
- transition: margin-left 200ms linear;
488
- margin-left: 0;
440
+ ._resizeHandle_1ssf2_28 {
441
+ /* handleShift is a slight adjustment made to the resize handle created by Re-resizable library so that it */
442
+ /* renders flush with its container */
443
+ display: flex;
444
+ flex-direction: column;
445
+ align-items: center;
446
+ justify-content: center;
447
+ opacity: 0;
448
+ transition: opacity 200ms linear;
489
449
  }
490
-
491
- ._EnterDoneLeft_1jwyv_38 {
492
- margin-left: 0;
450
+ ._resizeHandle_1ssf2_28:hover, ._resizeHandle_1ssf2_28:active {
451
+ opacity: 1;
493
452
  }
494
-
495
- ._ExitLeft_1jwyv_42 {
496
- margin-left: 0;
453
+ ._resizeHandle_1ssf2_28._right_1ssf2_18 {
454
+ left: 3px !important;
497
455
  }
498
-
499
- ._ExitActiveLeft_1jwyv_46 {
500
- transition: margin-left 200ms linear;
501
- margin-left: calc(-1 * var(--slide-out-width));
456
+ ._resizeHandle_1ssf2_28._left_1ssf2_14 {
457
+ right: 3px !important;
502
458
  }
503
459
 
504
- ._ExitDoneLeft_1jwyv_51 {
505
- margin-left: calc(-1 * var(--slide-out-width));
460
+ ._panelMainContent_1ssf2_48 {
461
+ overflow: hidden;
462
+ flex-grow: 1;
463
+ flex-shrink: 1;
464
+ min-width: 0;
465
+ width: max-content;
466
+ }._multiPagePopover_16xvh_1 {
467
+ display: flex;
468
+ flex-direction: column;
469
+ gap: var(--space-2);
470
+ min-width: 150px !important;
471
+ justify-content: start;
472
+ align-items: start;
473
+ padding: 10px !important;
474
+ box-shadow: rgba(0, 0, 0, 0.09) 0 3px 12px !important;
506
475
  }
507
476
 
508
- /** Other Classes */
509
- ._Overlay_1jwyv_56 {
510
- position: absolute;
511
- inset: 0;
512
- }._default_u936h_1 {
513
- cursor: var(--cursor-switch);
477
+ ._pageTitle_16xvh_12 {
478
+ font-weight: bold !important;
514
479
  }
515
- ._default_u936h_1 span {
480
+
481
+ ._buttonContainer_16xvh_16 {
516
482
  display: flex;
517
- align-items: center;
518
- justify-content: center;
483
+ flex-direction: row;
519
484
  }
520
- ._default_u936h_1 svg {
521
- pointer-events: none;
522
- cursor: inherit;
485
+
486
+ ._optionsButtonContainer_16xvh_21 {
487
+ width: 100%;
523
488
  display: flex;
489
+ gap: 10px;
524
490
  justify-content: center;
525
- align-items: center;
526
- }._sortIconButton_1eqvr_1 {
527
- width: 14px;
528
- height: 100%;
529
- background-color: unset;
530
- border: unset;
531
- padding: unset;
532
- margin: unset;
533
- cursor: pointer;
534
- position: relative;
535
- display: flex;
536
- align-items: center;
537
- }
538
- ._sortIconButton_1eqvr_1 > svg {
539
- margin: 0 auto;
540
- display: block;
541
- }
542
- ._sortIconButton_1eqvr_1:disabled {
543
- visibility: hidden;
491
+ flex-direction: column !important;
544
492
  }
545
493
 
546
- ._tableRoot_1eqvr_21 {
547
- margin: 0;
494
+ ._optionsButton_16xvh_21 {
495
+ width: 100% !important;
496
+ flex: 1;
497
+ justify-content: start !important;
498
+ }
499
+ ._optionsButton_16xvh_21:hover {
500
+ background-color: rgba(0, 0, 0, 0.1) !important;
548
501
  }._charCount_1lz28_1 {
549
502
  font-size: x-small;
550
503
  }
@@ -556,23 +509,9 @@
556
509
  outline: none;
557
510
  box-shadow: none;
558
511
  background-color: transparent;
559
- }/*
560
- Doubling up on the radix-themes class to increase specificity over the default.
561
- Note: the class name must be "radix-themes" for nested themes to work.
562
-
563
- See documentation at https://www.radix-ui.com/themes/docs/theme/token-reference
564
- */
565
- .radix-themes.radix-themes {
566
- --cursor-button: pointer;
567
- --cursor-menu-item: pointer;
568
- --cursor-checkbox: pointer;
569
- }
570
-
571
- .rt-BaseButton {
572
- /* fix the cursor token only being applied to HTML buttons */
573
- cursor: var(--cursor-button);
574
- }
575
- ._ToastViewport_1i6bp_1 {
512
+ }._default_xqvoc_1 {
513
+ min-width: max-content;
514
+ }._ToastViewport_1i6bp_1 {
576
515
  --viewport-padding: var(--space-5);
577
516
  position: fixed;
578
517
  top: 0;
@@ -629,6 +568,17 @@
629
568
  to {
630
569
  transform: translateX(calc(100% + var(--viewport-padding)));
631
570
  }
571
+ }._default_1odpt_1 {
572
+ background-color: var(--color-panel-solid);
573
+ box-shadow: var(--shadow-2);
574
+ height: max-content;
575
+ width: max-content;
576
+ }
577
+ ._default_1odpt_1 p {
578
+ color: var(--gray-12) !important;
579
+ }
580
+ ._default_1odpt_1 span {
581
+ display: none;
632
582
  }._ToggleButton_13aus_1[data-state=on][data-variant=solid] {
633
583
  outline: 2px solid var(--color-focus-root);
634
584
  outline-offset: 2px;
@@ -642,17 +592,231 @@
642
592
  }
643
593
  ._ToggleButton_13aus_1[data-state=on][data-variant=ghost] {
644
594
  background-color: var(--accent-a5);
645
- }._default_xqvoc_1 {
646
- min-width: max-content;
647
- }._default_1odpt_1 {
595
+ }._noWrap_1wpa5_1 {
596
+ white-space: nowrap;
597
+ overflow: hidden;
598
+ text-overflow: ellipsis;
599
+ display: block;
600
+ }/*
601
+ Doubling up on the radix-themes class to increase specificity over the default.
602
+ Note: the class name must be "radix-themes" for nested themes to work.
603
+
604
+ See documentation at https://www.radix-ui.com/themes/docs/theme/token-reference
605
+ */
606
+ .radix-themes.radix-themes {
607
+ --cursor-button: pointer;
608
+ --cursor-menu-item: pointer;
609
+ --cursor-checkbox: pointer;
610
+ }
611
+
612
+ .rt-BaseButton {
613
+ /* fix the cursor token only being applied to HTML buttons */
614
+ cursor: var(--cursor-button);
615
+ }
616
+ button {
617
+ all: unset;
618
+ }
619
+
620
+ ._checkbox_yl8iy_5 {
648
621
  background-color: var(--color-panel-solid);
649
- box-shadow: var(--shadow-2);
650
- height: max-content;
651
- width: max-content;
622
+ width: 15px;
623
+ height: 15px;
624
+ border-radius: 4px;
625
+ display: flex;
626
+ align-items: center;
627
+ justify-content: center;
628
+ background-color: var(--color-surface);
629
+ box-shadow: inset 0 0 0 1px var(--gray-a7);
630
+ cursor: var(--cursor-checkbox);
652
631
  }
653
- ._default_1odpt_1 p {
654
- color: var(--gray-12) !important;
632
+ ._checkbox_yl8iy_5 [data-state=checked], ._checkbox_yl8iy_5 [data-state=indeterminate] {
633
+ background-color: var(--accent-9);
634
+ color: var(--accent-9-contrast);
655
635
  }
656
- ._default_1odpt_1 span {
636
+
637
+ ._checkboxIndicator_yl8iy_22 {
638
+ display: flex;
639
+ align-items: center;
640
+ justify-content: center;
641
+ justify-items: center;
642
+ height: 100%;
643
+ width: 100%;
644
+ border-radius: 4px;
645
+ padding-right: 0.5px;
646
+ }
647
+
648
+ ._checkboxLabel_yl8iy_33 {
649
+ padding-left: 0.5rem;
650
+ }
651
+
652
+ ._noTextHighlight_yl8iy_37 {
653
+ -webkit-touch-callout: none;
654
+ -webkit-user-select: none;
655
+ -khtml-user-select: none;
656
+ -moz-user-select: none;
657
+ -ms-user-select: none;
658
+ user-select: none;
659
+ }
660
+
661
+ ._checkboxHidden_yl8iy_46 {
662
+ visibility: hidden;
663
+ }._disabled_5i91d_1 {
664
+ color: var(--gray-a10);
665
+ }
666
+
667
+ ._outerTableContainer_5i91d_5 {
668
+ padding: 30px;
669
+ border: 1px solid var(--gray-a4);
670
+ border-radius: 0.5rem;
671
+ box-shadow: var(--shadow-4);
672
+ }
673
+ @media only screen and (max-width: 600px) {
674
+ ._outerTableContainer_5i91d_5 {
675
+ padding: 10px;
676
+ }
677
+ }
678
+
679
+ ._headerContainer_5i91d_17 {
680
+ padding-bottom: 1rem;
681
+ }
682
+
683
+ ._tableTopContainer_5i91d_21 {
684
+ padding: 10px 0;
685
+ }
686
+
687
+ ._tableContainer_5i91d_25 {
688
+ flex: 1;
689
+ overflow-y: auto;
690
+ }
691
+
692
+ ._searchContainer_5i91d_30 {
693
+ display: block;
694
+ width: 250px;
695
+ }
696
+ @media only screen and (max-width: 600px) {
697
+ ._searchContainer_5i91d_30 {
698
+ width: auto;
699
+ }
700
+ }
701
+
702
+ ._columnFilterSelect_5i91d_40 {
703
+ display: block;
704
+ box-shadow: none;
705
+ }
706
+ ._columnFilterSelect_5i91d_40 svg {
657
707
  display: none;
708
+ }
709
+ ._columnFilterSelect_5i91d_40:hover {
710
+ background-color: rgba(0, 0, 0, 0.01);
711
+ cursor: pointer;
712
+ }
713
+
714
+ ._table_5i91d_21 {
715
+ border: 1px solid var(--gray-a4);
716
+ border-radius: 3px !important;
717
+ background-color: inherit;
718
+ }
719
+
720
+ ._tableHeaderCell_5i91d_58 {
721
+ background-color: var(--color-background) !important;
722
+ padding: 10px !important;
723
+ border-bottom: 1px solid var(--gray-4);
724
+ max-height: 110px;
725
+ }
726
+ ._tableHeaderCell_5i91d_58 svg {
727
+ visibility: hidden;
728
+ }
729
+ @media only screen and (max-width: 600px) {
730
+ ._tableHeaderCell_5i91d_58 div[title] > div:first-child {
731
+ overflow: visible;
732
+ white-space: normal;
733
+ }
734
+ }
735
+
736
+ ._showSortIcon_5i91d_74 svg {
737
+ visibility: visible;
738
+ }
739
+
740
+ ._tableRow_5i91d_78 {
741
+ background-color: inherit;
742
+ /* This for the CellSelect checkbox component as it does not accept a className prop */
743
+ }
744
+ ._tableRow_5i91d_78 span, ._tableRow_5i91d_78 i {
745
+ display: inline-flex;
746
+ place-self: center;
747
+ }
748
+ ._tableRow_5i91d_78 td {
749
+ padding-left: 10px !important;
750
+ }
751
+ ._tableRow_5i91d_78:hover:not(._disabled_5i91d_1) {
752
+ background-color: var(--gray-a4);
753
+ }
754
+
755
+ ._tableCell_5i91d_93 {
756
+ padding: 10px !important;
757
+ }
758
+ ._tableCell_5i91d_93 > div > span:first-child {
759
+ width: 100%;
760
+ }
761
+ ._tableCell_5i91d_93:not(:last-of-type) {
762
+ padding-right: 20px !important;
763
+ }
764
+
765
+ ._noDataTextContainer_5i91d_103 {
766
+ padding: 0.5rem 10px;
767
+ color: #616161;
768
+ width: max-content;
769
+ }
770
+
771
+ ._tableBottomContainer_5i91d_109 {
772
+ padding: 15px 0;
773
+ }
774
+
775
+ ._rowsPerPageContainer_5i91d_113 {
776
+ flex: 1;
777
+ }
778
+ @media only screen and (max-width: 600px) {
779
+ ._rowsPerPageContainer_5i91d_113 {
780
+ justify-content: center;
781
+ padding-top: 5px;
782
+ }
783
+ }
784
+
785
+ ._rowsPerPageText_5i91d_123 {
786
+ padding-right: 10px;
787
+ padding-top: 4px;
788
+ }
789
+
790
+ ._pageText_5i91d_128 {
791
+ padding-top: 4px;
792
+ }
793
+
794
+ ._descriptionSecondLine_5i91d_132 {
795
+ white-space: nowrap;
796
+ overflow: hidden;
797
+ text-overflow: ellipsis;
798
+ }._editableTextContainer_174g6_1 {
799
+ align-items: center;
800
+ }
801
+
802
+ ._editableTextText_174g6_5 div {
803
+ outline: none;
804
+ box-shadow: none;
805
+ border: none;
806
+ background: transparent;
807
+ }
808
+ ._editableTextText_174g6_5 input {
809
+ font-size: var(--font-size-3);
810
+ }
811
+ ._editableTextText_174g6_5 .rt-TextFieldInput:where(:disabled, :read-only) {
812
+ color: unset;
813
+ -webkit-text-fill-color: unset;
814
+ }
815
+
816
+ ._editableTextInput_174g6_19 input {
817
+ font-size: var(--font-size-3);
818
+ }
819
+
820
+ ._iconHidden_174g6_23 {
821
+ visibility: hidden;
658
822
  }