@atscript/ui-styles 0.1.71 → 0.1.72
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/css/all.css +49 -59
- package/dist/css/form.css +17 -27
- package/dist/css/table.css +41 -51
- package/dist/css/wf.css +28 -38
- package/dist/index.cjs +7 -3
- package/dist/index.mjs +7 -3
- package/dist/{kebab-BpjJ2z7f.cjs → kebab-BPHnHEi8.cjs} +6 -1
- package/dist/{kebab-g9fDDCzA.mjs → kebab-CZWRZ3O6.mjs} +6 -1
- package/dist/vite.cjs +1 -1
- package/dist/vite.mjs +1 -1
- package/package.json +4 -4
package/dist/css/all.css
CHANGED
|
@@ -138,8 +138,6 @@ __vunor_palette_options {background-image: url("data:image/gif;base64,eyJjb2xvcn
|
|
|
138
138
|
.as-table-scroll-container{overflow-anchor:none;min-height:0;flex:1 1 0%;overflow:auto;}
|
|
139
139
|
.group:focus-within .as-orderable-list-item-actions,
|
|
140
140
|
.group:hover .as-orderable-list-item-actions{pointer-events:auto;opacity:1;}
|
|
141
|
-
.as-action-field[data-loading]>div:not(.loading-indicator-wrapper)>button,
|
|
142
|
-
.as-action-field[data-loading]>span>button,
|
|
143
141
|
.as-action-form-cancel[data-loading]>div:not(.loading-indicator-wrapper),
|
|
144
142
|
.as-action-form-cancel[data-loading]>span,
|
|
145
143
|
.as-action-form-submit[data-loading]>div:not(.loading-indicator-wrapper),
|
|
@@ -199,7 +197,9 @@ __vunor_palette_options {background-image: url("data:image/gif;base64,eyJjb2xvcn
|
|
|
199
197
|
.as-th-drop-indicator-before::before{pointer-events:none;position:absolute;top:0;bottom:0;left:0;z-index:1;width:0.236em;content:'';--un-bg-opacity:1;background-color:rgb(var(--current-hl) / var(--un-bg-opacity));}
|
|
200
198
|
[data-active] .as-preset-picker-item-active{visibility:visible;}
|
|
201
199
|
.as-preset-picker-item-active{visibility:hidden;width:1em;height:1em;flex-shrink:0;font-size:1em;--un-text-opacity:1;color:rgb(76 129 236 / var(--un-text-opacity));}
|
|
202
|
-
.as-action-
|
|
200
|
+
.as-action-form-cancel,
|
|
201
|
+
.as-confirm-dialog-cancel,
|
|
202
|
+
.as-preset-dialog-footer-close{position:relative;height:var(--v-fingertip);display:flex;-webkit-user-select:none;user-select:none;align-items:center;justify-content:center;gap:0.382em;border-width:1px;border-radius:4px;padding-left:1em;padding-right:1em;font-weight:700;letter-spacing:0.025em;--current-bg:var(--scope-light-0);--current-text:var(--scope-dark-1);--current-icon:var(--scope-dark-1);--current-border:var(--scope-color-100);--un-bg-opacity:1;background-color:rgb(var(--current-bg) / var(--un-bg-opacity));--un-text-opacity:1;color:rgb(var(--current-text) / var(--un-text-opacity));--un-border-opacity:1;border-color:rgb(var(--current-border) / var(--un-border-opacity));--un-icon-opacity:1;--scope-color:117 135 162;--scope-color-50:245 245 245;--scope-color-100:220 222 224;--scope-color-200:195 200 206;--scope-color-300:169 178 189;--scope-color-400:144 157 175;--scope-color-500:117 135 162;--scope-color-600:98 113 135;--scope-color-700:82 91 104;--scope-color-800:67 71 76;--scope-color-900:51 51 51;--scope-light-0:255 255 255;--scope-dark-0:27 27 27;--scope-light-1:248 248 249;--scope-dark-1:31 31 32;--scope-light-2:241 241 242;--scope-dark-2:36 36 38;--scope-light-3:235 235 236;--scope-dark-3:40 41 42;--scope-light-4:228 228 228;--scope-dark-4:46 46 46;--current-hl:117 135 162;--current-text-muted:120 136 158;--current-icon-muted:120 136 158;--current-text-hover:27 27 27;--current-bg-hover:248 248 249;--current-border-hover:235 235 236;}
|
|
203
203
|
.as-action-form-cancel>.loading-indicator-wrapper,
|
|
204
204
|
.as-action-form-submit>.loading-indicator-wrapper,
|
|
205
205
|
.as-confirm-dialog-cancel>.loading-indicator-wrapper,
|
|
@@ -220,11 +220,6 @@ __vunor_palette_options {background-image: url("data:image/gif;base64,eyJjb2xvcn
|
|
|
220
220
|
.as-wf-finish-option>.loading-indicator-wrapper,
|
|
221
221
|
.as-wf-finish-primary>.loading-indicator-wrapper,
|
|
222
222
|
.as-wf-finish-skip>.loading-indicator-wrapper{position:absolute;left:0;top:0;right:0;bottom:0;display:flex;cursor:wait;align-items:center;justify-content:center;}
|
|
223
|
-
.as-action-field>button,
|
|
224
|
-
.as-submit-btn{position:relative;height:var(--v-fingertip);display:flex;-webkit-user-select:none;user-select:none;align-items:center;align-self:flex-end;justify-content:center;gap:0.382em;border-radius:4px;padding-left:1em;padding-right:1em;font-weight:700;letter-spacing:0.025em;--current-bg:var(--scope-color-500);--current-text:255 255 255;--current-icon:255 255 255;--un-icon-opacity:1;--un-bg-opacity:1;background-color:rgb(var(--current-bg) / var(--un-bg-opacity));--un-text-opacity:1;color:rgb(var(--current-text) / var(--un-text-opacity));--scope-color:37 99 235;--scope-color-50:241 246 252;--scope-color-100:208 223 246;--scope-color-200:175 200 242;--scope-color-300:144 178 239;--scope-color-400:110 154 237;--scope-color-500:76 129 236;--scope-color-600:37 99 235;--scope-color-700:24 77 199;--scope-color-800:25 62 150;--scope-color-900:23 46 103;--scope-light-0:255 255 255;--scope-dark-0:27 27 27;--scope-light-1:247 248 249;--scope-dark-1:29 31 35;--scope-light-2:240 242 244;--scope-dark-2:32 36 45;--scope-light-3:234 235 238;--scope-dark-3:38 41 47;--scope-light-4:228 228 228;--scope-dark-4:46 46 46;--current-hl:76 129 236;--current-text-muted:120 136 158;--current-icon-muted:120 136 158;--current-text-hover:27 27 27;--current-bg-hover:247 248 249;--current-border-hover:234 235 238;}
|
|
225
|
-
.as-action-form-cancel,
|
|
226
|
-
.as-confirm-dialog-cancel,
|
|
227
|
-
.as-preset-dialog-footer-close{position:relative;height:var(--v-fingertip);display:flex;-webkit-user-select:none;user-select:none;align-items:center;justify-content:center;gap:0.382em;border-width:1px;border-radius:4px;padding-left:1em;padding-right:1em;font-weight:700;letter-spacing:0.025em;--current-bg:var(--scope-light-0);--current-text:var(--scope-dark-1);--current-icon:var(--scope-dark-1);--current-border:var(--scope-color-100);--un-bg-opacity:1;background-color:rgb(var(--current-bg) / var(--un-bg-opacity));--un-text-opacity:1;color:rgb(var(--current-text) / var(--un-text-opacity));--un-border-opacity:1;border-color:rgb(var(--current-border) / var(--un-border-opacity));--un-icon-opacity:1;--scope-color:117 135 162;--scope-color-50:245 245 245;--scope-color-100:220 222 224;--scope-color-200:195 200 206;--scope-color-300:169 178 189;--scope-color-400:144 157 175;--scope-color-500:117 135 162;--scope-color-600:98 113 135;--scope-color-700:82 91 104;--scope-color-800:67 71 76;--scope-color-900:51 51 51;--scope-light-0:255 255 255;--scope-dark-0:27 27 27;--scope-light-1:248 248 249;--scope-dark-1:31 31 32;--scope-light-2:241 241 242;--scope-dark-2:36 36 38;--scope-light-3:235 235 236;--scope-dark-3:40 41 42;--scope-light-4:228 228 228;--scope-dark-4:46 46 46;--current-hl:117 135 162;--current-text-muted:120 136 158;--current-icon-muted:120 136 158;--current-text-hover:27 27 27;--current-bg-hover:248 248 249;--current-border-hover:235 235 236;}
|
|
228
223
|
.as-action-form-content,
|
|
229
224
|
.as-config-dialog-content,
|
|
230
225
|
.as-filter-dialog-content,
|
|
@@ -262,6 +257,7 @@ __vunor_palette_options {background-image: url("data:image/gif;base64,eyJjb2xvcn
|
|
|
262
257
|
.as-ref-anchor{position:relative;display:flex;align-items:center;}
|
|
263
258
|
.as-ref-clear{position:absolute;right:0.618em;top:50%;--un-translate-y:-50%;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));cursor:pointer;border-width:0px;background-color:transparent;padding:0;line-height:1;--un-text-opacity:0.5;color:rgb(var(--current-text) / 0.5);}
|
|
264
259
|
.as-select-wrap{position:relative;display:block;width:100%;}
|
|
260
|
+
.as-submit-btn{position:relative;height:var(--v-fingertip);display:flex;-webkit-user-select:none;user-select:none;align-items:center;align-self:flex-end;justify-content:center;gap:0.382em;border-radius:4px;padding-left:1em;padding-right:1em;font-weight:700;letter-spacing:0.025em;--current-bg:var(--scope-color-500);--current-text:255 255 255;--current-icon:255 255 255;--un-icon-opacity:1;--un-bg-opacity:1;background-color:rgb(var(--current-bg) / var(--un-bg-opacity));--un-text-opacity:1;color:rgb(var(--current-text) / var(--un-text-opacity));--scope-color:37 99 235;--scope-color-50:241 246 252;--scope-color-100:208 223 246;--scope-color-200:175 200 242;--scope-color-300:144 178 239;--scope-color-400:110 154 237;--scope-color-500:76 129 236;--scope-color-600:37 99 235;--scope-color-700:24 77 199;--scope-color-800:25 62 150;--scope-color-900:23 46 103;--scope-light-0:255 255 255;--scope-dark-0:27 27 27;--scope-light-1:247 248 249;--scope-dark-1:29 31 35;--scope-light-2:240 242 244;--scope-dark-2:32 36 45;--scope-light-3:234 235 238;--scope-dark-3:38 41 47;--scope-light-4:228 228 228;--scope-dark-4:46 46 46;--current-hl:76 129 236;--current-text-muted:120 136 158;--current-icon-muted:120 136 158;--current-text-hover:27 27 27;--current-bg-hover:247 248 249;--current-border-hover:234 235 238;}
|
|
265
261
|
.as-table th{position:relative;-webkit-user-select:none;user-select:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-bottom-width:1px;padding-left:1em;padding-right:1em;padding-top:0.618em;padding-bottom:0.618em;text-align:left;font-weight:600;letter-spacing:0.01em;--un-text-opacity:0.8;color:rgb(var(--current-text) / 0.8);}
|
|
266
262
|
.as-table-actions-btn{position:relative;height:var(--v-fingertip);display:flex;flex-shrink:0;-webkit-user-select:none;user-select:none;align-items:center;justify-content:center;gap:0.382em;border-radius:4px;padding-left:1em;padding-right:1em;font-weight:700;letter-spacing:0.025em;--current-bg:var(--scope-color-500);--current-text:255 255 255;--current-icon:255 255 255;--un-icon-opacity:1;--un-bg-opacity:1;background-color:rgb(var(--current-bg) / var(--un-bg-opacity));--un-text-opacity:1;color:rgb(var(--current-text) / var(--un-text-opacity));--scope-color:37 99 235;--scope-color-50:241 246 252;--scope-color-100:208 223 246;--scope-color-200:175 200 242;--scope-color-300:144 178 239;--scope-color-400:110 154 237;--scope-color-500:76 129 236;--scope-color-600:37 99 235;--scope-color-700:24 77 199;--scope-color-800:25 62 150;--scope-color-900:23 46 103;--scope-light-0:255 255 255;--scope-dark-0:27 27 27;--scope-light-1:247 248 249;--scope-dark-1:29 31 35;--scope-light-2:240 242 244;--scope-dark-2:32 36 45;--scope-light-3:234 235 238;--scope-dark-3:38 41 47;--scope-light-4:228 228 228;--scope-dark-4:46 46 46;--current-hl:76 129 236;--current-text-muted:120 136 158;--current-icon-muted:120 136 158;--current-text-hover:27 27 27;--current-bg-hover:247 248 249;--current-border-hover:234 235 238;}
|
|
267
263
|
.as-table-outer-wrap{position:relative;min-height:0;display:flex;flex:1 1 0%;flex-direction:column;}
|
|
@@ -376,7 +372,6 @@ details:not([open]) .as-variant-trigger{display:none;}
|
|
|
376
372
|
.as-preset-dialog-legend{display:none;flex-shrink:0;align-items:center;gap:1em;font-size:0.8866564356700387em;--font-bold:600;--font-size:0.8866564356700387em;--font-corrected:0.8866564356700387em;--font-bc:-0.1183em;--font-tc:-0.1537em;font-weight:400;line-height:1.2720062892926278em;letter-spacing:-0.009em;--un-text-opacity:0.6;color:rgb(var(--current-text) / 0.6);}
|
|
377
373
|
.as-preset-dialog-row-owner{display:none;width:7em;flex-shrink:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:0.8866564356700387em;--font-bold:600;--font-size:0.8866564356700387em;--font-corrected:0.8866564356700387em;--font-bc:-0.1183em;--font-tc:-0.1537em;font-weight:400;line-height:1.2720062892926278em;letter-spacing:-0.009em;--un-text-opacity:0.6;color:rgb(var(--current-text) / 0.6);}
|
|
378
374
|
.as-filter-value-help-filters:empty{display:none;}
|
|
379
|
-
.as-action-field.btn-square>button,
|
|
380
375
|
.as-action-form-cancel.btn-square,
|
|
381
376
|
.as-action-form-submit.btn-square,
|
|
382
377
|
.as-confirm-dialog-cancel.btn-square,
|
|
@@ -580,11 +575,14 @@ details:not([open]) .as-variant-trigger{display:none;}
|
|
|
580
575
|
.as-window-skeleton-row{animation:as-shimmer 4.2s linear infinite;cursor:default;-webkit-user-select:none;user-select:none;background-image:linear-gradient(90deg,rgb(var(--scope-dark-0)/0.05) 0%,rgb(var(--scope-dark-0)/0.05) 40%,rgb(var(--scope-dark-0)/0.12) 50%,rgb(var(--scope-dark-0)/0.05) 60%,rgb(var(--scope-dark-0)/0.05) 100%);background-size:200% 100%;}
|
|
581
576
|
.as-th-fixed{cursor:default !important;padding:0 !important;text-align:center !important;}
|
|
582
577
|
.as-window-empty-row{cursor:default;-webkit-user-select:none;user-select:none;--un-bg-opacity:1;background-color:rgb(var(--current-bg) / var(--un-bg-opacity));}
|
|
578
|
+
.as-action-field>button,
|
|
583
579
|
.as-field-action-link{cursor:pointer;border-width:0px;background-color:transparent;padding:0;font-size:0.8866564356700387em;--font-bold:600;--font-size:0.8866564356700387em;--font-corrected:0.8866564356700387em;--font-bc:-0.1183em;--font-tc:-0.1537em;font-weight:400;line-height:1.2720062892926278em;letter-spacing:-0.009em;--un-text-opacity:1;color:rgb(var(--current-hl) / var(--un-text-opacity));--scope-color:37 99 235;--scope-color-50:241 246 252;--scope-color-100:208 223 246;--scope-color-200:175 200 242;--scope-color-300:144 178 239;--scope-color-400:110 154 237;--scope-color-500:76 129 236;--scope-color-600:37 99 235;--scope-color-700:24 77 199;--scope-color-800:25 62 150;--scope-color-900:23 46 103;--scope-light-0:255 255 255;--scope-dark-0:27 27 27;--scope-light-1:247 248 249;--scope-dark-1:29 31 35;--scope-light-2:240 242 244;--scope-dark-2:32 36 45;--scope-light-3:234 235 238;--scope-dark-3:38 41 47;--scope-light-4:228 228 228;--scope-dark-4:46 46 46;--current-hl:76 129 236;--current-text-muted:120 136 158;--current-icon-muted:120 136 158;--current-text-hover:27 27 27;--current-bg-hover:247 248 249;--current-border-hover:234 235 238;}
|
|
584
580
|
.as-filter-add-condition{cursor:pointer;border-width:0px;background-color:transparent;padding-top:0.382em;padding-bottom:0.382em;padding-left:0;padding-right:0;text-align:left;--un-text-opacity:1;color:rgb(var(--current-hl) / var(--un-text-opacity));}
|
|
585
581
|
.as-filter-dialog-clear-all{cursor:pointer;white-space:nowrap;border-width:0px;background-color:transparent;padding:0;font-size:0.8866564356700387em;--font-bold:600;--font-size:0.8866564356700387em;--font-corrected:0.8866564356700387em;--font-bc:-0.1183em;--font-tc:-0.1537em;font-weight:400;line-height:1.2720062892926278em;letter-spacing:-0.009em;font-weight:500;--un-text-opacity:0.7;color:rgb(var(--current-text) / 0.7);}
|
|
586
582
|
.as-filter-select{cursor:pointer;}
|
|
587
583
|
.as-filter-shortcut-btn{cursor:pointer;white-space:nowrap;border-width:1px;border-radius:4px;padding-left:0.618em;padding-right:0.618em;padding-top:0.15em;padding-bottom:0.15em;font-size:0.8866564356700387em;--font-bold:600;--font-size:0.8866564356700387em;--font-corrected:0.8866564356700387em;--font-bc:-0.1183em;--font-tc:-0.1537em;font-weight:400;line-height:1.2720062892926278em;letter-spacing:-0.009em;transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;transition-duration:120ms;--current-bg:var(--scope-light-2);--current-text:var(--scope-dark-0);--current-icon:var(--scope-dark-0);--current-text-muted:var(--scope-dark-2);--current-icon-muted:var(--scope-dark-2);--current-bg-hover:var(--scope-light-3);--current-border-hover:var(--scope-light-3);--current-text-hover:var(--scope-dark-0);--current-border:120 136 158;--un-bg-opacity:1;background-color:rgb(var(--current-bg) / var(--un-bg-opacity));--un-text-opacity:1;color:rgb(var(--current-text) / var(--un-text-opacity));--un-text-opacity:0.7;color:rgb(var(--current-text) / 0.7);}
|
|
584
|
+
.as-action-field[aria-disabled=true]>button,
|
|
585
|
+
.as-action-field[data-disabled]>button,
|
|
588
586
|
.as-array-add-btn[aria-disabled=true],
|
|
589
587
|
.as-array-add-btn[data-disabled],
|
|
590
588
|
.as-decimal[aria-disabled=true],
|
|
@@ -628,7 +626,7 @@ details:not([open]) .as-variant-trigger{display:none;}
|
|
|
628
626
|
.as-default-field :is(input:not([type=checkbox]):not([type=radio]),select,textarea):disabled{cursor:not-allowed;--current-bg:var(--scope-light-2);--current-text:var(--scope-dark-0);--current-icon:var(--scope-dark-0);--current-text-muted:var(--scope-dark-2);--current-icon-muted:var(--scope-dark-2);--current-bg-hover:var(--scope-light-3);--current-border-hover:var(--scope-light-3);--current-text-hover:var(--scope-dark-0);--current-border:120 136 158;--un-bg-opacity:1;background-color:rgb(var(--current-bg) / var(--un-bg-opacity));--un-text-opacity:1;color:rgb(var(--current-text) / var(--un-text-opacity));--un-text-opacity:0.4;color:rgb(var(--current-text) / 0.4);}
|
|
629
627
|
.as-orderable-list-item-actions button:disabled{cursor:not-allowed;opacity:0.35;}
|
|
630
628
|
.as-sorter-direction-disabled{cursor:not-allowed;opacity:0.5;}
|
|
631
|
-
.as-action-field:disabled>button{cursor:not-allowed;opacity:0.
|
|
629
|
+
.as-action-field:disabled>button{cursor:not-allowed;opacity:0.4;}
|
|
632
630
|
.as-action-form-cancel:disabled{cursor:not-allowed;opacity:0.8;}
|
|
633
631
|
.as-action-form-submit:disabled{cursor:not-allowed;opacity:0.8;}
|
|
634
632
|
.as-array-add-btn:disabled{cursor:not-allowed;opacity:0.4;}
|
|
@@ -682,6 +680,7 @@ details:not([open]) .as-variant-trigger{display:none;}
|
|
|
682
680
|
.as-preset-picker-section-header{-webkit-user-select:none;user-select:none;padding-left:1em;padding-right:1em;padding-top:0.618em;padding-bottom:0.382em;font-size:0.8866564356700387em;--font-bold:600;--font-size:0.8866564356700387em;--font-corrected:0.8866564356700387em;--font-bc:-0.1183em;--font-tc:-0.1537em;font-weight:400;line-height:1.2720062892926278em;letter-spacing:-0.009em;letter-spacing:0.05em;text-transform:uppercase;--un-text-opacity:0.6;color:rgb(var(--current-text) / 0.6);}
|
|
683
681
|
.as-collapsible-island>summary,
|
|
684
682
|
.as-collapsible-section>summary{list-style-type:none;}
|
|
683
|
+
.as-action-field{align-items:flex-start;}
|
|
685
684
|
.as-table td{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-bottom-width:1px;padding-left:1em;padding-right:1em;padding-top:0.618em;padding-bottom:0.618em;}
|
|
686
685
|
.as-preset-dialog-row-label-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:1em;--font-bold:600;--font-size:1em;--font-corrected:1em;--font-bc:-0.1973em;--font-tc:-0.2373em;font-weight:400;line-height:1.4346101129141227em;letter-spacing:-0.011em;}
|
|
687
686
|
.as-preset-picker-trigger-label{white-space:nowrap;font-size:1em;--font-bold:600;--font-size:1em;--font-corrected:1em;--font-bc:-0.1973em;--font-tc:-0.2373em;font-weight:400;line-height:1.4346101129141227em;letter-spacing:-0.011em;}
|
|
@@ -695,7 +694,6 @@ details:not([open]) .as-variant-trigger{display:none;}
|
|
|
695
694
|
.as-collapsible-section:not(:has(+ .as-collapsible-section)){border-bottom-width:1px;padding-bottom:1em;}
|
|
696
695
|
.as-collapsible-section:first-child{border-top-width:0px;}
|
|
697
696
|
.as-orderable-list-item:last-child{border-bottom-width:0px;}
|
|
698
|
-
.as-action-field.btn-round>button,
|
|
699
697
|
.as-action-form-cancel.btn-round,
|
|
700
698
|
.as-action-form-submit.btn-round,
|
|
701
699
|
.as-confirm-dialog-cancel.btn-round,
|
|
@@ -727,7 +725,6 @@ details:not([open]) .as-variant-trigger{display:none;}
|
|
|
727
725
|
.as-window-scrollbar-thumb:hover{--un-bg-opacity:0.3;background-color:rgba(0, 0, 0, var(--un-bg-opacity));}
|
|
728
726
|
.dark .as-window-scrollbar-thumb:hover{--un-bg-opacity:0.3;background-color:rgba(255, 255, 255, var(--un-bg-opacity));}
|
|
729
727
|
.as-row-actions{padding:0 !important;text-align:center;}
|
|
730
|
-
.as-action-field.btn-round.btn-square>button,
|
|
731
728
|
.as-action-form-cancel.btn-round.btn-square,
|
|
732
729
|
.as-action-form-submit.btn-round.btn-square,
|
|
733
730
|
.as-confirm-dialog-cancel.btn-round.btn-square,
|
|
@@ -765,10 +762,11 @@ details:not([open]) .as-variant-trigger{display:none;}
|
|
|
765
762
|
.as-form-title{font-size:1.54em;font-weight:700;letter-spacing:-0.02em;}
|
|
766
763
|
.as-no-data-icon>span{font-size:1.4em;}
|
|
767
764
|
.as-object-empty-add-icon{font-size:1.2em;line-height:1;}
|
|
765
|
+
.as-paragraph-field,
|
|
766
|
+
.as-table-actions-btn-label{font-size:1em;--font-bold:600;--font-size:1em;--font-corrected:1em;--font-bc:-0.1973em;--font-tc:-0.2373em;font-weight:400;line-height:1.4346101129141227em;letter-spacing:-0.011em;}
|
|
768
767
|
.as-preset-dialog-legend-icon{font-size:1.05em;}
|
|
769
768
|
.as-preset-picker-popover-label{font-size:1em;--font-bold:600;--font-size:1em;--font-corrected:1em;--font-bc:-0.1973em;--font-tc:-0.2373em;font-weight:400;line-height:1.4346101129141227em;letter-spacing:-0.011em;font-weight:600;--un-text-opacity:1;color:rgb(var(--current-text) / var(--un-text-opacity));}
|
|
770
769
|
.as-row-actions-btn-label{font-size:0.8866564356700387em;--font-bold:600;--font-size:0.8866564356700387em;--font-corrected:0.8866564356700387em;--font-bc:-0.1183em;--font-tc:-0.1537em;font-weight:400;line-height:1.2720062892926278em;letter-spacing:-0.009em;}
|
|
771
|
-
.as-table-actions-btn-label{font-size:1em;--font-bold:600;--font-size:1em;--font-corrected:1em;--font-bc:-0.1973em;--font-tc:-0.2373em;font-weight:400;line-height:1.4346101129141227em;letter-spacing:-0.011em;}
|
|
772
770
|
.group[aria-selected="true"] .as-orderable-list-checkbox,
|
|
773
771
|
.group[data-state=checked] .as-orderable-list-checkbox{--un-text-opacity:1;color:rgb(255 255 255 / var(--un-text-opacity));--un-bg-opacity:1;background-color:rgb(var(--current-hl) / var(--un-bg-opacity));--un-border-opacity:1;border-color:rgb(var(--current-hl) / var(--un-border-opacity));}
|
|
774
772
|
.as-preset-dialog-aspect-chip[data-on],
|
|
@@ -798,9 +796,11 @@ details:not([open]) .as-variant-trigger{display:none;}
|
|
|
798
796
|
.as-preset-dialog-row-owner-self{font-style:italic;}
|
|
799
797
|
.as-filter-field-dropdown-footer :not(.as-kbd) button:hover{text-decoration-line:underline;}
|
|
800
798
|
.as-preset-dialog-row[data-deleted] .as-preset-dialog-row-label-text{text-decoration-line:line-through;}
|
|
799
|
+
.as-action-field:not(:disabled):hover>button{text-decoration-line:underline;}
|
|
801
800
|
.as-field-action-link:not(:disabled):hover{text-decoration-line:underline;}
|
|
802
801
|
.as-filter-add-condition:hover{text-decoration-line:underline;}
|
|
803
802
|
.as-filter-dialog-clear-all:hover{text-decoration-line:underline;--un-text-opacity:1;color:rgb(var(--current-text) / var(--un-text-opacity));}
|
|
803
|
+
.as-action-field:focus-visible>button{text-decoration-line:underline;}
|
|
804
804
|
.as-field-action-link:focus-visible{text-decoration-line:underline;}
|
|
805
805
|
.as-checkbox-indeterminate{opacity:0.6;}
|
|
806
806
|
.as-orderable-list-checkbox-disabled{opacity:0.5;}
|
|
@@ -884,46 +884,6 @@ details:not([open]) .as-variant-trigger{display:none;}
|
|
|
884
884
|
.as-cell-json-trigger:focus-visible{outline-style:solid;--current-outline:var(--current-hl);outline-color:rgb(var(--i8-outline-color, var(--current-outline)) / var(--i8-outline-opacity, 0.5));outline-width:var(--i8-outline-width, 2px);}
|
|
885
885
|
.as-multi-select-item[data-highlighted]{outline:2px solid transparent;outline-offset:2px;--current-bg:var(--scope-light-3);--current-text:var(--scope-dark-0);--current-icon:var(--scope-dark-0);--current-text-muted:var(--scope-dark-2);--current-icon-muted:var(--scope-dark-2);--current-bg-hover:var(--scope-light-4);--current-border-hover:var(--scope-light-3);--current-text-hover:var(--scope-dark-0);--current-border:120 136 158;--un-bg-opacity:1;background-color:rgb(var(--current-bg) / var(--un-bg-opacity));--un-text-opacity:1;color:rgb(var(--current-text) / var(--un-text-opacity));}
|
|
886
886
|
.as-table tbody tr{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;transition-duration:100ms;}
|
|
887
|
-
.as-action-field:not(disabled)[data-active]>button,
|
|
888
|
-
.as-action-form-submit:not(disabled)[data-active],
|
|
889
|
-
.as-confirm-dialog-confirm:not(disabled)[data-active],
|
|
890
|
-
.as-filter-btn-apply:not(disabled)[data-active],
|
|
891
|
-
.as-preset-dialog-footer-save:not(disabled)[data-active],
|
|
892
|
-
.as-preset-picker-popover-save:not(disabled)[data-active],
|
|
893
|
-
.as-submit-btn:not(disabled)[data-active],
|
|
894
|
-
.as-table-actions-btn:not(disabled)[data-active],
|
|
895
|
-
.as-wf-finish-primary:not(disabled)[data-active],
|
|
896
|
-
.as-wf-finish-skip:not(disabled)[data-active]{--current-bg:var(--scope-color-700);}
|
|
897
|
-
.as-action-field:not(disabled)[data-highlighted]>button,
|
|
898
|
-
.as-action-form-submit:not(disabled)[data-highlighted],
|
|
899
|
-
.as-confirm-dialog-confirm:not(disabled)[data-highlighted],
|
|
900
|
-
.as-filter-btn-apply:not(disabled)[data-highlighted],
|
|
901
|
-
.as-preset-dialog-footer-save:not(disabled)[data-highlighted],
|
|
902
|
-
.as-preset-picker-popover-save:not(disabled)[data-highlighted],
|
|
903
|
-
.as-submit-btn:not(disabled)[data-highlighted],
|
|
904
|
-
.as-table-actions-btn:not(disabled)[data-highlighted],
|
|
905
|
-
.as-wf-finish-primary:not(disabled)[data-highlighted],
|
|
906
|
-
.as-wf-finish-skip:not(disabled)[data-highlighted]{--current-bg:var(--scope-color-600);}
|
|
907
|
-
.dark .as-action-field:not(disabled)[data-active]>button,
|
|
908
|
-
.dark .as-action-form-submit:not(disabled)[data-active],
|
|
909
|
-
.dark .as-confirm-dialog-confirm:not(disabled)[data-active],
|
|
910
|
-
.dark .as-filter-btn-apply:not(disabled)[data-active],
|
|
911
|
-
.dark .as-preset-dialog-footer-save:not(disabled)[data-active],
|
|
912
|
-
.dark .as-preset-picker-popover-save:not(disabled)[data-active],
|
|
913
|
-
.dark .as-submit-btn:not(disabled)[data-active],
|
|
914
|
-
.dark .as-table-actions-btn:not(disabled)[data-active],
|
|
915
|
-
.dark .as-wf-finish-primary:not(disabled)[data-active],
|
|
916
|
-
.dark .as-wf-finish-skip:not(disabled)[data-active]{--current-bg:var(--scope-color-300);}
|
|
917
|
-
.dark .as-action-field:not(disabled)[data-highlighted]>button,
|
|
918
|
-
.dark .as-action-form-submit:not(disabled)[data-highlighted],
|
|
919
|
-
.dark .as-confirm-dialog-confirm:not(disabled)[data-highlighted],
|
|
920
|
-
.dark .as-filter-btn-apply:not(disabled)[data-highlighted],
|
|
921
|
-
.dark .as-preset-dialog-footer-save:not(disabled)[data-highlighted],
|
|
922
|
-
.dark .as-preset-picker-popover-save:not(disabled)[data-highlighted],
|
|
923
|
-
.dark .as-submit-btn:not(disabled)[data-highlighted],
|
|
924
|
-
.dark .as-table-actions-btn:not(disabled)[data-highlighted],
|
|
925
|
-
.dark .as-wf-finish-primary:not(disabled)[data-highlighted],
|
|
926
|
-
.dark .as-wf-finish-skip:not(disabled)[data-highlighted]{--current-bg:var(--scope-color-400);}
|
|
927
887
|
.as-action-form-cancel:not(disabled)[data-active],
|
|
928
888
|
.as-confirm-dialog-cancel:not(disabled)[data-active],
|
|
929
889
|
.as-filter-btn:not(disabled)[data-active],
|
|
@@ -1134,6 +1094,42 @@ details:not([open]) .as-variant-trigger{display:none;}
|
|
|
1134
1094
|
.dark .as-preset-dialog-row-public-toggle[data-on],
|
|
1135
1095
|
.dark .as-sorter-index,
|
|
1136
1096
|
.dark .as-sorter-segment-btn-active{--current-bg:var(--scope-dark-2);--current-text:var(--scope-light-0);--current-icon:var(--scope-light-0);--current-text-muted:var(--scope-light-2);--current-icon-muted:var(--scope-light-2);--current-bg-hover:var(--scope-dark-3);--current-border-hover:var(--scope-dark-3);--current-text-hover:var(--scope-light-0);}
|
|
1097
|
+
.as-action-form-submit:not(disabled)[data-active],
|
|
1098
|
+
.as-confirm-dialog-confirm:not(disabled)[data-active],
|
|
1099
|
+
.as-filter-btn-apply:not(disabled)[data-active],
|
|
1100
|
+
.as-preset-dialog-footer-save:not(disabled)[data-active],
|
|
1101
|
+
.as-preset-picker-popover-save:not(disabled)[data-active],
|
|
1102
|
+
.as-submit-btn:not(disabled)[data-active],
|
|
1103
|
+
.as-table-actions-btn:not(disabled)[data-active],
|
|
1104
|
+
.as-wf-finish-primary:not(disabled)[data-active],
|
|
1105
|
+
.as-wf-finish-skip:not(disabled)[data-active]{--current-bg:var(--scope-color-700);}
|
|
1106
|
+
.as-action-form-submit:not(disabled)[data-highlighted],
|
|
1107
|
+
.as-confirm-dialog-confirm:not(disabled)[data-highlighted],
|
|
1108
|
+
.as-filter-btn-apply:not(disabled)[data-highlighted],
|
|
1109
|
+
.as-preset-dialog-footer-save:not(disabled)[data-highlighted],
|
|
1110
|
+
.as-preset-picker-popover-save:not(disabled)[data-highlighted],
|
|
1111
|
+
.as-submit-btn:not(disabled)[data-highlighted],
|
|
1112
|
+
.as-table-actions-btn:not(disabled)[data-highlighted],
|
|
1113
|
+
.as-wf-finish-primary:not(disabled)[data-highlighted],
|
|
1114
|
+
.as-wf-finish-skip:not(disabled)[data-highlighted]{--current-bg:var(--scope-color-600);}
|
|
1115
|
+
.dark .as-action-form-submit:not(disabled)[data-active],
|
|
1116
|
+
.dark .as-confirm-dialog-confirm:not(disabled)[data-active],
|
|
1117
|
+
.dark .as-filter-btn-apply:not(disabled)[data-active],
|
|
1118
|
+
.dark .as-preset-dialog-footer-save:not(disabled)[data-active],
|
|
1119
|
+
.dark .as-preset-picker-popover-save:not(disabled)[data-active],
|
|
1120
|
+
.dark .as-submit-btn:not(disabled)[data-active],
|
|
1121
|
+
.dark .as-table-actions-btn:not(disabled)[data-active],
|
|
1122
|
+
.dark .as-wf-finish-primary:not(disabled)[data-active],
|
|
1123
|
+
.dark .as-wf-finish-skip:not(disabled)[data-active]{--current-bg:var(--scope-color-300);}
|
|
1124
|
+
.dark .as-action-form-submit:not(disabled)[data-highlighted],
|
|
1125
|
+
.dark .as-confirm-dialog-confirm:not(disabled)[data-highlighted],
|
|
1126
|
+
.dark .as-filter-btn-apply:not(disabled)[data-highlighted],
|
|
1127
|
+
.dark .as-preset-dialog-footer-save:not(disabled)[data-highlighted],
|
|
1128
|
+
.dark .as-preset-picker-popover-save:not(disabled)[data-highlighted],
|
|
1129
|
+
.dark .as-submit-btn:not(disabled)[data-highlighted],
|
|
1130
|
+
.dark .as-table-actions-btn:not(disabled)[data-highlighted],
|
|
1131
|
+
.dark .as-wf-finish-primary:not(disabled)[data-highlighted],
|
|
1132
|
+
.dark .as-wf-finish-skip:not(disabled)[data-highlighted]{--current-bg:var(--scope-color-400);}
|
|
1137
1133
|
.as-collapsible-island-even{--current-bg:var(--scope-light-0);--current-text:var(--scope-dark-0);--current-icon:var(--scope-dark-0);--current-text-muted:var(--scope-dark-2);--current-icon-muted:var(--scope-dark-2);--current-bg-hover:var(--scope-light-1);--current-border-hover:var(--scope-light-3);--current-text-hover:var(--scope-dark-0);--current-border:120 136 158;--un-bg-opacity:1;background-color:rgb(var(--current-bg) / var(--un-bg-opacity));--un-text-opacity:1;color:rgb(var(--current-text) / var(--un-text-opacity));}
|
|
1138
1134
|
.as-collapsible-island-odd,
|
|
1139
1135
|
.as-orderable-list-item[data-highlighted],
|
|
@@ -1315,8 +1311,6 @@ details:not([open]) .as-variant-trigger{display:none;}
|
|
|
1315
1311
|
.dark .as-row-actions-btn-labelled[aria-selected=true].as-row-actions-btn,
|
|
1316
1312
|
.dark .as-row-actions-btn-labelled[data-on=true].as-row-actions-btn,
|
|
1317
1313
|
.dark .as-row-actions-btn-labelled[data-selected=true].as-row-actions-btn{--current-bg:var(--scope-dark-1) !important;--current-text:var(--scope-color-400) !important;--current-icon:var(--scope-color-400) !important;}
|
|
1318
|
-
.as-action-field:not(disabled):hover>button{--current-bg:var(--scope-color-600);}
|
|
1319
|
-
.dark .as-action-field:not(disabled):hover>button{--current-bg:var(--scope-color-400);}
|
|
1320
1314
|
.as-action-form-cancel:not(disabled):hover{--current-bg:var(--scope-light-1);--un-bg-opacity:1;background-color:rgb(var(--current-bg) / var(--un-bg-opacity));}
|
|
1321
1315
|
.dark .as-action-form-cancel:not(disabled):hover{--current-bg:var(--scope-dark-1);}
|
|
1322
1316
|
.as-action-form-close:hover{--current-bg:var(--scope-light-2);--current-text:var(--scope-dark-0);--current-icon:var(--scope-dark-0);--current-text-muted:var(--scope-dark-2);--current-icon-muted:var(--scope-dark-2);--current-bg-hover:var(--scope-light-3);--current-border-hover:var(--scope-light-3);--current-text-hover:var(--scope-dark-0);--current-border:120 136 158;--un-bg-opacity:1;background-color:rgb(var(--current-bg) / var(--un-bg-opacity));--un-text-opacity:1;color:rgb(var(--current-text) / var(--un-text-opacity));}
|
|
@@ -1417,8 +1411,6 @@ details:not([open]) .as-variant-trigger{display:none;}
|
|
|
1417
1411
|
.dark .as-wf-finish-primary:not(disabled):hover{--current-bg:var(--scope-color-400);}
|
|
1418
1412
|
.as-wf-finish-skip:not(disabled):hover{--current-bg:var(--scope-color-600);}
|
|
1419
1413
|
.dark .as-wf-finish-skip:not(disabled):hover{--current-bg:var(--scope-color-400);}
|
|
1420
|
-
.as-action-field:not(disabled):focus-visible>button{--current-bg:var(--scope-color-600);}
|
|
1421
|
-
.dark .as-action-field:not(disabled):focus-visible>button{--current-bg:var(--scope-color-400);}
|
|
1422
1414
|
.as-action-form-cancel:not(disabled):focus-visible{--current-bg:var(--scope-light-1);--un-bg-opacity:1;background-color:rgb(var(--current-bg) / var(--un-bg-opacity));}
|
|
1423
1415
|
.dark .as-action-form-cancel:not(disabled):focus-visible{--current-bg:var(--scope-dark-1);}
|
|
1424
1416
|
.as-action-form-submit:not(disabled):focus-visible{--current-bg:var(--scope-color-600);}
|
|
@@ -1459,8 +1451,6 @@ details:not([open]) .as-variant-trigger{display:none;}
|
|
|
1459
1451
|
.dark .as-wf-finish-primary:not(disabled):focus-visible{--current-bg:var(--scope-color-400);}
|
|
1460
1452
|
.as-wf-finish-skip:not(disabled):focus-visible{--current-bg:var(--scope-color-600);}
|
|
1461
1453
|
.dark .as-wf-finish-skip:not(disabled):focus-visible{--current-bg:var(--scope-color-400);}
|
|
1462
|
-
.as-action-field:not(disabled):active>button{--current-bg:var(--scope-color-700);}
|
|
1463
|
-
.dark .as-action-field:not(disabled):active>button{--current-bg:var(--scope-color-300);}
|
|
1464
1454
|
.as-action-form-cancel:not(disabled):active{--current-bg:var(--scope-light-2);--un-bg-opacity:1;background-color:rgb(var(--current-bg) / var(--un-bg-opacity));}
|
|
1465
1455
|
.dark .as-action-form-cancel:not(disabled):active{--current-bg:var(--scope-dark-2);}
|
|
1466
1456
|
.as-action-form-submit:not(disabled):active{--current-bg:var(--scope-color-700);}
|
package/dist/css/form.css
CHANGED
|
@@ -100,29 +100,25 @@ __vunor_palette_options {background-image: url("data:image/gif;base64,eyJjb2xvcn
|
|
|
100
100
|
.as-collapsible-body{container-type:inline-size;container-name:as-grid;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));margin-top:1em;gap:1em;}
|
|
101
101
|
.as-default-field select{color-scheme:light dark;cursor:pointer;-webkit-appearance:none;appearance:none;white-space:nowrap;padding-right:1.75em;--un-bg-opacity:1 !important;background-color:rgb(var(--current-bg) / var(--un-bg-opacity)) !important;}
|
|
102
102
|
.as-form-grid{container-type:inline-size;container-name:as-grid;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:1em;}
|
|
103
|
-
.as-
|
|
104
|
-
.as-
|
|
103
|
+
.as-form-overlay{pointer-events:none;position:absolute;left:0;top:0;right:0;bottom:0;z-index:5;display:flex;cursor:wait;align-items:center;justify-content:center;border-radius:6px;background-color:rgb(255 255 255 / 0.5);--un-text-opacity:1;color:rgb(var(--current-hl) / var(--un-text-opacity));}
|
|
104
|
+
.as-multi-select-caret{pointer-events:none;flex-shrink:0;font-size:1.1em;--un-text-opacity:0.5;color:rgb(var(--current-text) / 0.5);}
|
|
105
105
|
.as-multi-select-footer-action[data-loading]>div:not(.loading-indicator-wrapper),
|
|
106
106
|
.as-multi-select-footer-action[data-loading]>span,
|
|
107
107
|
.as-submit-btn[data-loading]>div:not(.loading-indicator-wrapper),
|
|
108
108
|
.as-submit-btn[data-loading]>span{pointer-events:none;opacity:0;}
|
|
109
|
-
.as-form-overlay{pointer-events:none;position:absolute;left:0;top:0;right:0;bottom:0;z-index:5;display:flex;cursor:wait;align-items:center;justify-content:center;border-radius:6px;background-color:rgb(255 255 255 / 0.5);--un-text-opacity:1;color:rgb(var(--current-hl) / var(--un-text-opacity));}
|
|
110
|
-
.as-multi-select-caret{pointer-events:none;flex-shrink:0;font-size:1.1em;--un-text-opacity:0.5;color:rgb(var(--current-text) / 0.5);}
|
|
111
109
|
.as-select-caret{pointer-events:none;position:absolute;right:0.618em;top:50%;--un-translate-y:-50%;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));font-size:1em;--un-text-opacity:0.6;color:rgb(var(--current-text) / 0.6);}
|
|
112
|
-
.as-action-field>.loading-indicator-wrapper>button,
|
|
113
|
-
.as-multi-select-footer-action>.loading-indicator-wrapper,
|
|
114
|
-
.as-submit-btn>.loading-indicator-wrapper{position:absolute;left:0;top:0;right:0;bottom:0;display:flex;cursor:wait;align-items:center;justify-content:center;}
|
|
115
|
-
.as-action-field>button,
|
|
116
|
-
.as-submit-btn{position:relative;height:var(--v-fingertip);display:flex;-webkit-user-select:none;user-select:none;align-items:center;align-self:flex-end;justify-content:center;gap:0.382em;border-radius:4px;padding-left:1em;padding-right:1em;font-weight:700;letter-spacing:0.025em;--current-bg:var(--scope-color-500);--current-text:255 255 255;--current-icon:255 255 255;--un-icon-opacity:1;--un-bg-opacity:1;background-color:rgb(var(--current-bg) / var(--un-bg-opacity));--un-text-opacity:1;color:rgb(var(--current-text) / var(--un-text-opacity));--scope-color:37 99 235;--scope-color-50:241 246 252;--scope-color-100:208 223 246;--scope-color-200:175 200 242;--scope-color-300:144 178 239;--scope-color-400:110 154 237;--scope-color-500:76 129 236;--scope-color-600:37 99 235;--scope-color-700:24 77 199;--scope-color-800:25 62 150;--scope-color-900:23 46 103;--scope-light-0:255 255 255;--scope-dark-0:27 27 27;--scope-light-1:247 248 249;--scope-dark-1:29 31 35;--scope-light-2:240 242 244;--scope-dark-2:32 36 45;--scope-light-3:234 235 238;--scope-dark-3:38 41 47;--scope-light-4:228 228 228;--scope-dark-4:46 46 46;--current-hl:76 129 236;--current-text-muted:120 136 158;--current-icon-muted:120 136 158;--current-text-hover:27 27 27;--current-bg-hover:247 248 249;--current-border-hover:234 235 238;}
|
|
117
110
|
.as-default-field{position:relative;grid-column:1/-1;grid-row:span 1/span 1;display:flex;flex-direction:column;gap:0.382em;}
|
|
118
111
|
.as-dropdown{position:relative;display:inline-flex;align-items:center;}
|
|
119
112
|
.as-dropdown-menu{position:absolute;top:100%;left:0;z-index:100;z-index:50;margin-top:0.382em;min-width:10em;overflow:hidden;border-width:1px;border-radius:6px;padding-top:0.382em;padding-bottom:0.382em;--un-shadow:0 0 10px rgba(0,0,0,0.1),0 4px 20px rgba(0,0,0,0.15);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);--current-bg:var(--scope-light-0);--current-text:var(--scope-dark-1);--current-icon:var(--scope-dark-1);--current-border:var(--scope-color-100);--current-border:143 157 175;--current-bg:var(--scope-light-1);--current-text:var(--scope-dark-0);--current-icon:var(--scope-dark-0);--current-text-muted:var(--scope-dark-2);--current-icon-muted:var(--scope-dark-2);--current-bg-hover:var(--scope-light-2);--current-border-hover:var(--scope-light-3);--current-text-hover:var(--scope-dark-0);--current-border:120 136 158;--un-bg-opacity:1;background-color:rgb(var(--current-bg) / var(--un-bg-opacity));--un-text-opacity:1;color:rgb(var(--current-text) / var(--un-text-opacity));--un-border-opacity:1;border-color:rgb(var(--current-border) / var(--un-border-opacity));--un-icon-opacity:1;--un-border-opacity:0.2;border-color:rgb(var(--current-border) / 0.2);--scope-color:37 99 235;--scope-color-50:241 246 252;--scope-color-100:208 223 246;--scope-color-200:175 200 242;--scope-color-300:144 178 239;--scope-color-400:110 154 237;--scope-color-500:76 129 236;--scope-color-600:37 99 235;--scope-color-700:24 77 199;--scope-color-800:25 62 150;--scope-color-900:23 46 103;--scope-light-0:255 255 255;--scope-dark-0:27 27 27;--scope-light-1:247 248 249;--scope-dark-1:29 31 35;--scope-light-2:240 242 244;--scope-dark-2:32 36 45;--scope-light-3:234 235 238;--scope-dark-3:38 41 47;--scope-light-4:228 228 228;--scope-dark-4:46 46 46;--current-hl:76 129 236;--current-text-muted:120 136 158;--current-icon-muted:120 136 158;--current-text-hover:27 27 27;--current-bg-hover:247 248 249;--current-border-hover:234 235 238;}
|
|
120
113
|
.as-form{position:relative;display:flex;flex-direction:column;gap:1em;}
|
|
121
114
|
.as-multi-select-anchor{position:relative;box-sizing:border-box;height:2.6em;width:100%;height:auto !important;min-height:2.6em;display:flex;flex-wrap:wrap;cursor:text;align-items:center;gap:0.382em;border-radius:4px;padding-left:0.618em;padding-right:0.618em;padding-top:0.382em;padding-bottom:0.382em;outline:2px solid transparent;outline-offset:2px;--current-bg:var(--scope-light-0);--current-text:var(--scope-dark-0);--current-icon:var(--scope-dark-0);--current-text-muted:var(--scope-dark-2);--current-icon-muted:var(--scope-dark-2);--current-bg-hover:var(--scope-light-1);--current-border-hover:var(--scope-light-3);--current-text-hover:var(--scope-dark-0);--current-border:120 136 158;--current-outline:var(--current-hl);--un-bg-opacity:1;background-color:rgb(var(--current-bg) / var(--un-bg-opacity));--un-text-opacity:1;color:rgb(var(--current-text) / var(--un-text-opacity));--scope-color:37 99 235;--scope-color-50:241 246 252;--scope-color-100:208 223 246;--scope-color-200:175 200 242;--scope-color-300:144 178 239;--scope-color-400:110 154 237;--scope-color-500:76 129 236;--scope-color-600:37 99 235;--scope-color-700:24 77 199;--scope-color-800:25 62 150;--scope-color-900:23 46 103;--scope-light-0:255 255 255;--scope-dark-0:27 27 27;--scope-light-1:247 248 249;--scope-dark-1:29 31 35;--scope-light-2:240 242 244;--scope-dark-2:32 36 45;--scope-light-3:234 235 238;--scope-dark-3:38 41 47;--scope-light-4:228 228 228;--scope-dark-4:46 46 46;--current-hl:76 129 236;--current-text-muted:120 136 158;--current-icon-muted:120 136 158;--current-text-hover:27 27 27;--current-bg-hover:247 248 249;--current-border-hover:234 235 238;background-color:rgb(var(--i8-bg-color, var(--current-bg)) / var(--i8-bg-opacity, 1));border-color:rgb(var(--i8-border-color, var(--current-border)) / var(--i8-border-opacity, 0.2));border-width:var(--i8-border-width, 1px);}
|
|
122
115
|
.as-multi-select-footer-action{position:relative;height:var(--v-fingertip);display:flex;-webkit-user-select:none;user-select:none;align-items:center;justify-content:center;gap:0.382em;border-radius:4px;padding-left:1em;padding-right:1em;padding-left:0.618em;padding-right:0.618em;padding-top:0.236em;padding-bottom:0.236em;font-size:0.8866564356700387em;--font-bold:600;--font-size:0.8866564356700387em;--font-corrected:0.8866564356700387em;--font-bc:-0.1183em;--font-tc:-0.1537em;font-weight:400;line-height:1.2720062892926278em;letter-spacing:-0.009em;font-weight:700;letter-spacing:0.025em;--current-bg:var(--scope-color-500);--current-text:0 0 0;--current-icon:0 0 0;--un-bg-opacity:0;background-color:rgb(var(--current-bg) / 0);--un-text-opacity:0.8;color:rgb(var(--current-text) / 0.8);--un-icon-opacity:0.5;}
|
|
116
|
+
.as-multi-select-footer-action>.loading-indicator-wrapper,
|
|
117
|
+
.as-submit-btn>.loading-indicator-wrapper{position:absolute;left:0;top:0;right:0;bottom:0;display:flex;cursor:wait;align-items:center;justify-content:center;}
|
|
123
118
|
.as-ref-anchor{position:relative;display:flex;align-items:center;}
|
|
124
119
|
.as-ref-clear{position:absolute;right:0.618em;top:50%;--un-translate-y:-50%;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));cursor:pointer;border-width:0px;background-color:transparent;padding:0;line-height:1;--un-text-opacity:0.5;color:rgb(var(--current-text) / 0.5);}
|
|
125
120
|
.as-select-wrap{position:relative;display:block;width:100%;}
|
|
121
|
+
.as-submit-btn{position:relative;height:var(--v-fingertip);display:flex;-webkit-user-select:none;user-select:none;align-items:center;align-self:flex-end;justify-content:center;gap:0.382em;border-radius:4px;padding-left:1em;padding-right:1em;font-weight:700;letter-spacing:0.025em;--current-bg:var(--scope-color-500);--current-text:255 255 255;--current-icon:255 255 255;--un-icon-opacity:1;--un-bg-opacity:1;background-color:rgb(var(--current-bg) / var(--un-bg-opacity));--un-text-opacity:1;color:rgb(var(--current-text) / var(--un-text-opacity));--scope-color:37 99 235;--scope-color-50:241 246 252;--scope-color-100:208 223 246;--scope-color-200:175 200 242;--scope-color-300:144 178 239;--scope-color-400:110 154 237;--scope-color-500:76 129 236;--scope-color-600:37 99 235;--scope-color-700:24 77 199;--scope-color-800:25 62 150;--scope-color-900:23 46 103;--scope-light-0:255 255 255;--scope-dark-0:27 27 27;--scope-light-1:247 248 249;--scope-dark-1:29 31 35;--scope-light-2:240 242 244;--scope-dark-2:32 36 45;--scope-light-3:234 235 238;--scope-dark-3:38 41 47;--scope-light-4:228 228 228;--scope-dark-4:46 46 46;--current-hl:76 129 236;--current-text-muted:120 136 158;--current-icon-muted:120 136 158;--current-text-hover:27 27 27;--current-bg-hover:247 248 249;--current-border-hover:234 235 238;}
|
|
126
122
|
.as-multi-select-content{z-index:100;z-index:50;width:var(--reka-combobox-trigger-width);display:flex;flex-direction:column;overflow:hidden;border-width:1px;border-radius:6px;--un-shadow:0 0 10px rgba(0,0,0,0.1),0 4px 20px rgba(0,0,0,0.15);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);--current-bg:var(--scope-light-0);--current-text:var(--scope-dark-1);--current-icon:var(--scope-dark-1);--current-border:var(--scope-color-100);--current-border:143 157 175;--current-bg:var(--scope-light-1);--current-text:var(--scope-dark-0);--current-icon:var(--scope-dark-0);--current-text-muted:var(--scope-dark-2);--current-icon-muted:var(--scope-dark-2);--current-bg-hover:var(--scope-light-2);--current-border-hover:var(--scope-light-3);--current-text-hover:var(--scope-dark-0);--current-border:120 136 158;--un-bg-opacity:1;background-color:rgb(var(--current-bg) / var(--un-bg-opacity));--un-text-opacity:1;color:rgb(var(--current-text) / var(--un-text-opacity));--un-border-opacity:1;border-color:rgb(var(--current-border) / var(--un-border-opacity));--un-icon-opacity:1;--un-border-opacity:0.2;border-color:rgb(var(--current-border) / 0.2);--scope-color:37 99 235;--scope-color-50:241 246 252;--scope-color-100:208 223 246;--scope-color-200:175 200 242;--scope-color-300:144 178 239;--scope-color-400:110 154 237;--scope-color-500:76 129 236;--scope-color-600:37 99 235;--scope-color-700:24 77 199;--scope-color-800:25 62 150;--scope-color-900:23 46 103;--scope-light-0:255 255 255;--scope-dark-0:27 27 27;--scope-light-1:247 248 249;--scope-dark-1:29 31 35;--scope-light-2:240 242 244;--scope-dark-2:32 36 45;--scope-light-3:234 235 238;--scope-dark-3:38 41 47;--scope-light-4:228 228 228;--scope-dark-4:46 46 46;--current-hl:76 129 236;--current-text-muted:120 136 158;--current-icon-muted:120 136 158;--current-text-hover:27 27 27;--current-bg-hover:247 248 249;--current-border-hover:234 235 238;}
|
|
127
123
|
.as-ref-content{z-index:100;z-index:50;width:var(--reka-combobox-trigger-width);overflow:hidden;border-width:1px;border-radius:6px;--un-shadow:0 0 10px rgba(0,0,0,0.1),0 4px 20px rgba(0,0,0,0.15);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);--current-bg:var(--scope-light-0);--current-text:var(--scope-dark-1);--current-icon:var(--scope-dark-1);--current-border:var(--scope-color-100);--current-border:143 157 175;--current-bg:var(--scope-light-1);--current-text:var(--scope-dark-0);--current-icon:var(--scope-dark-0);--current-text-muted:var(--scope-dark-2);--current-icon-muted:var(--scope-dark-2);--current-bg-hover:var(--scope-light-2);--current-border-hover:var(--scope-light-3);--current-text-hover:var(--scope-dark-0);--current-border:120 136 158;--un-bg-opacity:1;background-color:rgb(var(--current-bg) / var(--un-bg-opacity));--un-text-opacity:1;color:rgb(var(--current-text) / var(--un-text-opacity));--un-border-opacity:1;border-color:rgb(var(--current-border) / var(--un-border-opacity));--un-icon-opacity:1;--un-border-opacity:0.2;border-color:rgb(var(--current-border) / 0.2);--scope-color:37 99 235;--scope-color-50:241 246 252;--scope-color-100:208 223 246;--scope-color-200:175 200 242;--scope-color-300:144 178 239;--scope-color-400:110 154 237;--scope-color-500:76 129 236;--scope-color-600:37 99 235;--scope-color-700:24 77 199;--scope-color-800:25 62 150;--scope-color-900:23 46 103;--scope-light-0:255 255 255;--scope-dark-0:27 27 27;--scope-light-1:247 248 249;--scope-dark-1:29 31 35;--scope-light-2:240 242 244;--scope-dark-2:32 36 45;--scope-light-3:234 235 238;--scope-dark-3:38 41 47;--scope-light-4:228 228 228;--scope-dark-4:46 46 46;--current-hl:76 129 236;--current-text-muted:120 136 158;--current-icon-muted:120 136 158;--current-text-hover:27 27 27;--current-bg-hover:247 248 249;--current-border-hover:234 235 238;}
|
|
128
124
|
.as-field-remove-btn{display:inline-grid;height:1.5em;width:1.5em;cursor:pointer;place-items:center;border-width:1px;border-radius:4px;font-size:0.8866564356700387em;--font-bold:600;--font-size:0.8866564356700387em;--font-corrected:0.8866564356700387em;--font-bc:-0.1183em;--font-tc:-0.1537em;font-weight:400;line-height:1.2720062892926278em;letter-spacing:-0.009em;transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;transition-duration:120ms;--current-bg:var(--scope-light-0);--current-text:var(--scope-dark-0);--current-icon:var(--scope-dark-0);--current-text-muted:var(--scope-dark-2);--current-icon-muted:var(--scope-dark-2);--current-bg-hover:var(--scope-light-1);--current-border-hover:var(--scope-light-3);--current-text-hover:var(--scope-dark-0);--current-border:120 136 158;--un-bg-opacity:1;background-color:rgb(var(--current-bg) / var(--un-bg-opacity));--un-text-opacity:1;color:rgb(var(--current-text) / var(--un-text-opacity));--un-text-opacity:0.6;color:rgb(var(--current-text) / 0.6);}
|
|
@@ -149,7 +145,6 @@ __vunor_palette_options {background-image: url("data:image/gif;base64,eyJjb2xvcn
|
|
|
149
145
|
.as-collapsible-island>summary::-webkit-details-marker,
|
|
150
146
|
.as-collapsible-section>summary::-webkit-details-marker,
|
|
151
147
|
details:not([open]) .as-variant-trigger{display:none;}
|
|
152
|
-
.as-action-field.btn-square>button,
|
|
153
148
|
.as-multi-select-footer-action.btn-square,
|
|
154
149
|
.as-submit-btn.btn-square{width:var(--v-fingertip);height:var(--v-fingertip);padding-left:0;padding-right:0;}
|
|
155
150
|
.as-array-add-btn{height:2.15em;display:inline-flex;cursor:pointer;align-items:center;gap:0.382em;border-width:1px;border-radius:4px;border-style:dashed;background-color:transparent;padding-left:1em;padding-right:1em;transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;transition-duration:120ms;--un-text-opacity:0.6;color:rgb(var(--current-text) / 0.6);}
|
|
@@ -202,7 +197,10 @@ details:not([open]) .as-variant-trigger{display:none;}
|
|
|
202
197
|
.as-ref-anchor>input{flex:1 1 0%;}
|
|
203
198
|
.as-ref-item-label{flex:1 1 0%;--un-text-opacity:1;color:rgb(var(--current-text) / var(--un-text-opacity));}
|
|
204
199
|
.as-collapsible-chevron-collapsed{--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-rotate:-90deg;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}
|
|
200
|
+
.as-action-field>button,
|
|
205
201
|
.as-field-action-link{cursor:pointer;border-width:0px;background-color:transparent;padding:0;font-size:0.8866564356700387em;--font-bold:600;--font-size:0.8866564356700387em;--font-corrected:0.8866564356700387em;--font-bc:-0.1183em;--font-tc:-0.1537em;font-weight:400;line-height:1.2720062892926278em;letter-spacing:-0.009em;--un-text-opacity:1;color:rgb(var(--current-hl) / var(--un-text-opacity));--scope-color:37 99 235;--scope-color-50:241 246 252;--scope-color-100:208 223 246;--scope-color-200:175 200 242;--scope-color-300:144 178 239;--scope-color-400:110 154 237;--scope-color-500:76 129 236;--scope-color-600:37 99 235;--scope-color-700:24 77 199;--scope-color-800:25 62 150;--scope-color-900:23 46 103;--scope-light-0:255 255 255;--scope-dark-0:27 27 27;--scope-light-1:247 248 249;--scope-dark-1:29 31 35;--scope-light-2:240 242 244;--scope-dark-2:32 36 45;--scope-light-3:234 235 238;--scope-dark-3:38 41 47;--scope-light-4:228 228 228;--scope-dark-4:46 46 46;--current-hl:76 129 236;--current-text-muted:120 136 158;--current-icon-muted:120 136 158;--current-text-hover:27 27 27;--current-bg-hover:247 248 249;--current-border-hover:234 235 238;}
|
|
202
|
+
.as-action-field[aria-disabled=true]>button,
|
|
203
|
+
.as-action-field[data-disabled]>button,
|
|
206
204
|
.as-array-add-btn[aria-disabled=true],
|
|
207
205
|
.as-array-add-btn[data-disabled],
|
|
208
206
|
.as-decimal[aria-disabled=true],
|
|
@@ -228,7 +226,7 @@ details:not([open]) .as-variant-trigger{display:none;}
|
|
|
228
226
|
.as-variant-trigger[aria-disabled=true],
|
|
229
227
|
.as-variant-trigger[data-disabled]{cursor:not-allowed;opacity:0.4;}
|
|
230
228
|
.as-default-field :is(input:not([type=checkbox]):not([type=radio]),select,textarea):disabled{cursor:not-allowed;--current-bg:var(--scope-light-2);--current-text:var(--scope-dark-0);--current-icon:var(--scope-dark-0);--current-text-muted:var(--scope-dark-2);--current-icon-muted:var(--scope-dark-2);--current-bg-hover:var(--scope-light-3);--current-border-hover:var(--scope-light-3);--current-text-hover:var(--scope-dark-0);--current-border:120 136 158;--un-bg-opacity:1;background-color:rgb(var(--current-bg) / var(--un-bg-opacity));--un-text-opacity:1;color:rgb(var(--current-text) / var(--un-text-opacity));--un-text-opacity:0.4;color:rgb(var(--current-text) / 0.4);}
|
|
231
|
-
.as-action-field:disabled>button{cursor:not-allowed;opacity:0.
|
|
229
|
+
.as-action-field:disabled>button{cursor:not-allowed;opacity:0.4;}
|
|
232
230
|
.as-array-add-btn:disabled{cursor:not-allowed;opacity:0.4;}
|
|
233
231
|
.as-decimal:disabled{cursor:not-allowed;opacity:0.4;}
|
|
234
232
|
.as-decimal-decimal:disabled{cursor:not-allowed !important;--un-text-opacity:0.4 !important;color:rgb(var(--current-text) / 0.4) !important;}
|
|
@@ -251,15 +249,14 @@ details:not([open]) .as-variant-trigger{display:none;}
|
|
|
251
249
|
.as-suffix{-webkit-user-select:none;user-select:none;white-space:nowrap;--un-text-opacity:0.6;color:rgb(var(--current-text) / 0.6);}
|
|
252
250
|
.as-collapsible-island>summary,
|
|
253
251
|
.as-collapsible-section>summary{list-style-type:none;}
|
|
252
|
+
.as-action-field{align-items:flex-start;}
|
|
254
253
|
.as-collapsible-island{border-width:1px;border-radius:6px;padding:1em;}
|
|
255
254
|
.as-collapsible-section{border-top-width:1px;padding-top:1em;}
|
|
256
255
|
.as-collapsible-section:not(:has(+ .as-collapsible-section)){border-bottom-width:1px;padding-bottom:1em;}
|
|
257
256
|
.as-collapsible-section:first-child{border-top-width:0px;}
|
|
258
|
-
.as-action-field.btn-round>button,
|
|
259
257
|
.as-multi-select-footer-action.btn-round,
|
|
260
258
|
.as-submit-btn.btn-round{border-radius:var(--v-fingertip-half);padding-left:var(--v-fingertip-half);padding-right:var(--v-fingertip-half);}
|
|
261
259
|
.dark .as-form-overlay{background-color:rgb(0 0 0 / 0.5);}
|
|
262
|
-
.as-action-field.btn-round.btn-square>button,
|
|
263
260
|
.as-multi-select-footer-action.btn-round.btn-square,
|
|
264
261
|
.as-submit-btn.btn-round.btn-square{padding-left:0;padding-right:0;}
|
|
265
262
|
.as-decimal:has(:is(.as-prefix,.as-prefix-icon)) .as-decimal-integer,
|
|
@@ -274,6 +271,7 @@ details:not([open]) .as-variant-trigger{display:none;}
|
|
|
274
271
|
.as-form-title{font-size:1.54em;font-weight:700;letter-spacing:-0.02em;}
|
|
275
272
|
.as-no-data-icon>span{font-size:1.4em;}
|
|
276
273
|
.as-object-empty-add-icon{font-size:1.2em;line-height:1;}
|
|
274
|
+
.as-paragraph-field{font-size:1em;--font-bold:600;--font-size:1em;--font-corrected:1em;--font-bc:-0.1973em;--font-tc:-0.2373em;font-weight:400;line-height:1.4346101129141227em;letter-spacing:-0.011em;}
|
|
277
275
|
.as-collapsible-title-index,
|
|
278
276
|
.as-field-label-index{font-weight:400;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;text-transform:none;--un-text-opacity:0.6;color:rgb(var(--current-text) / 0.6);}
|
|
279
277
|
.as-default-field label,
|
|
@@ -281,7 +279,9 @@ details:not([open]) .as-variant-trigger{display:none;}
|
|
|
281
279
|
.as-dropdown-item--active{font-weight:500;--un-bg-opacity:0.1;background-color:rgb(var(--current-hl) / 0.1);--un-text-opacity:1;color:rgb(var(--current-hl) / var(--un-text-opacity));}
|
|
282
280
|
.as-multi-select-item[data-state=checked]{font-weight:600;--un-bg-opacity:0.1;background-color:rgb(var(--current-hl) / 0.1);--un-text-opacity:1;color:rgb(var(--current-hl) / var(--un-text-opacity));}
|
|
283
281
|
.as-multi-select-chip-label{line-height:1;}
|
|
282
|
+
.as-action-field:not(:disabled):hover>button{text-decoration-line:underline;}
|
|
284
283
|
.as-field-action-link:not(:disabled):hover{text-decoration-line:underline;}
|
|
284
|
+
.as-action-field:focus-visible>button{text-decoration-line:underline;}
|
|
285
285
|
.as-field-action-link:focus-visible{text-decoration-line:underline;}
|
|
286
286
|
.as-checkbox-indeterminate{opacity:0.6;}
|
|
287
287
|
.as-collapsible-error-badge.dark,
|
|
@@ -314,14 +314,6 @@ details:not([open]) .as-variant-trigger{display:none;}
|
|
|
314
314
|
.as-number:focus{outline-style:solid;--current-border:var(--current-hl);outline-color:rgb(var(--i8-outline-color, var(--current-outline)) / var(--i8-outline-opacity, 0.5));outline-width:var(--i8-outline-width, 2px);}
|
|
315
315
|
.as-ref-input:focus{outline-style:solid;--current-border:var(--current-hl);outline-color:rgb(var(--i8-outline-color, var(--current-outline)) / var(--i8-outline-opacity, 0.5));outline-width:var(--i8-outline-width, 2px);}
|
|
316
316
|
.as-multi-select-item[data-highlighted]{outline:2px solid transparent;outline-offset:2px;--current-bg:var(--scope-light-3);--current-text:var(--scope-dark-0);--current-icon:var(--scope-dark-0);--current-text-muted:var(--scope-dark-2);--current-icon-muted:var(--scope-dark-2);--current-bg-hover:var(--scope-light-4);--current-border-hover:var(--scope-light-3);--current-text-hover:var(--scope-dark-0);--current-border:120 136 158;--un-bg-opacity:1;background-color:rgb(var(--current-bg) / var(--un-bg-opacity));--un-text-opacity:1;color:rgb(var(--current-text) / var(--un-text-opacity));}
|
|
317
|
-
.as-action-field:not(disabled)[data-active]>button,
|
|
318
|
-
.as-submit-btn:not(disabled)[data-active]{--current-bg:var(--scope-color-700);}
|
|
319
|
-
.as-action-field:not(disabled)[data-highlighted]>button,
|
|
320
|
-
.as-submit-btn:not(disabled)[data-highlighted]{--current-bg:var(--scope-color-600);}
|
|
321
|
-
.dark .as-action-field:not(disabled)[data-active]>button,
|
|
322
|
-
.dark .as-submit-btn:not(disabled)[data-active]{--current-bg:var(--scope-color-300);}
|
|
323
|
-
.dark .as-action-field:not(disabled)[data-highlighted]>button,
|
|
324
|
-
.dark .as-submit-btn:not(disabled)[data-highlighted]{--current-bg:var(--scope-color-400);}
|
|
325
317
|
.as-array-items-chip.dark,
|
|
326
318
|
.as-default-field.dark :is(input:not([type=checkbox]):not([type=radio]),select,textarea):disabled,
|
|
327
319
|
.as-default-field.dark :is(input:not([type=checkbox]):not([type=radio]),textarea):read-only,
|
|
@@ -417,8 +409,10 @@ details:not([open]) .as-variant-trigger{display:none;}
|
|
|
417
409
|
.dark .as-multi-select-item[data-highlighted],
|
|
418
410
|
.dark .as-ref-item[data-highlighted]{--current-bg:var(--scope-dark-3);--current-text:var(--scope-light-0);--current-icon:var(--scope-light-0);--current-text-muted:var(--scope-light-2);--current-icon-muted:var(--scope-light-2);--current-bg-hover:var(--scope-dark-4);--current-border-hover:var(--scope-dark-3);--current-text-hover:var(--scope-light-0);}
|
|
419
411
|
.as-ref-item[data-highlighted]{--current-bg:var(--scope-light-3);--current-text:var(--scope-dark-0);--current-icon:var(--scope-dark-0);--current-text-muted:var(--scope-dark-2);--current-icon-muted:var(--scope-dark-2);--current-bg-hover:var(--scope-light-4);--current-border-hover:var(--scope-light-3);--current-text-hover:var(--scope-dark-0);--current-border:120 136 158;--un-bg-opacity:1;background-color:rgb(var(--current-bg) / var(--un-bg-opacity));--un-text-opacity:1;color:rgb(var(--current-text) / var(--un-text-opacity));}
|
|
420
|
-
.as-
|
|
421
|
-
.
|
|
412
|
+
.as-submit-btn:not(disabled)[data-active]{--current-bg:var(--scope-color-700);}
|
|
413
|
+
.as-submit-btn:not(disabled)[data-highlighted]{--current-bg:var(--scope-color-600);}
|
|
414
|
+
.dark .as-submit-btn:not(disabled)[data-active]{--current-bg:var(--scope-color-300);}
|
|
415
|
+
.dark .as-submit-btn:not(disabled)[data-highlighted]{--current-bg:var(--scope-color-400);}
|
|
422
416
|
.as-dropdown-item:hover{--current-bg:var(--scope-light-3);--current-text:var(--scope-dark-0);--current-icon:var(--scope-dark-0);--current-text-muted:var(--scope-dark-2);--current-icon-muted:var(--scope-dark-2);--current-bg-hover:var(--scope-light-4);--current-border-hover:var(--scope-light-3);--current-text-hover:var(--scope-dark-0);--current-border:120 136 158;--un-bg-opacity:1;background-color:rgb(var(--current-bg) / var(--un-bg-opacity));--un-text-opacity:1;color:rgb(var(--current-text) / var(--un-text-opacity));color:rgb(var(--current-hl) / var(--un-text-opacity));}
|
|
423
417
|
.as-dropdown-item.dark:hover{--current-bg:var(--scope-dark-3);--current-text:var(--scope-light-0);--current-icon:var(--scope-light-0);--current-text-muted:var(--scope-light-2);--current-icon-muted:var(--scope-light-2);--current-bg-hover:var(--scope-dark-4);--current-border-hover:var(--scope-dark-3);--current-text-hover:var(--scope-light-0);}
|
|
424
418
|
.dark .as-dropdown-item:hover{--current-bg:var(--scope-dark-3);--current-text:var(--scope-light-0);--current-icon:var(--scope-light-0);--current-text-muted:var(--scope-light-2);--current-icon-muted:var(--scope-light-2);--current-bg-hover:var(--scope-dark-4);--current-border-hover:var(--scope-dark-3);--current-text-hover:var(--scope-light-0);}
|
|
@@ -428,16 +422,12 @@ details:not([open]) .as-variant-trigger{display:none;}
|
|
|
428
422
|
.dark .as-object-empty-add:not(disabled):hover{--current-bg:var(--scope-dark-1);}
|
|
429
423
|
.as-submit-btn:not(disabled):hover{--current-bg:var(--scope-color-600);}
|
|
430
424
|
.dark .as-submit-btn:not(disabled):hover{--current-bg:var(--scope-color-400);}
|
|
431
|
-
.as-action-field:not(disabled):focus-visible>button{--current-bg:var(--scope-color-600);}
|
|
432
|
-
.dark .as-action-field:not(disabled):focus-visible>button{--current-bg:var(--scope-color-400);}
|
|
433
425
|
.as-multi-select-chip:not(disabled):focus-visible{--current-bg:var(--scope-light-1);--un-bg-opacity:1;background-color:rgb(var(--current-bg) / var(--un-bg-opacity));}
|
|
434
426
|
.dark .as-multi-select-chip:not(disabled):focus-visible{--current-bg:var(--scope-dark-1);}
|
|
435
427
|
.as-object-empty-add:not(disabled):focus-visible{--current-bg:var(--scope-light-1);--un-bg-opacity:1;background-color:rgb(var(--current-bg) / var(--un-bg-opacity));}
|
|
436
428
|
.dark .as-object-empty-add:not(disabled):focus-visible{--current-bg:var(--scope-dark-1);}
|
|
437
429
|
.as-submit-btn:not(disabled):focus-visible{--current-bg:var(--scope-color-600);}
|
|
438
430
|
.dark .as-submit-btn:not(disabled):focus-visible{--current-bg:var(--scope-color-400);}
|
|
439
|
-
.as-action-field:not(disabled):active>button{--current-bg:var(--scope-color-700);}
|
|
440
|
-
.dark .as-action-field:not(disabled):active>button{--current-bg:var(--scope-color-300);}
|
|
441
431
|
.as-multi-select-chip:not(disabled):active{--current-bg:var(--scope-light-2);--un-bg-opacity:1;background-color:rgb(var(--current-bg) / var(--un-bg-opacity));}
|
|
442
432
|
.dark .as-multi-select-chip:not(disabled):active{--current-bg:var(--scope-dark-2);}
|
|
443
433
|
.as-object-empty-add:not(disabled):active{--current-bg:var(--scope-light-2);--un-bg-opacity:1;background-color:rgb(var(--current-bg) / var(--un-bg-opacity));}
|
package/dist/css/table.css
CHANGED
|
@@ -138,8 +138,6 @@ __vunor_palette_options {background-image: url("data:image/gif;base64,eyJjb2xvcn
|
|
|
138
138
|
.as-table-scroll-container{overflow-anchor:none;min-height:0;flex:1 1 0%;overflow:auto;}
|
|
139
139
|
.group:focus-within .as-orderable-list-item-actions,
|
|
140
140
|
.group:hover .as-orderable-list-item-actions{pointer-events:auto;opacity:1;}
|
|
141
|
-
.as-action-field[data-loading]>div:not(.loading-indicator-wrapper)>button,
|
|
142
|
-
.as-action-field[data-loading]>span>button,
|
|
143
141
|
.as-action-form-cancel[data-loading]>div:not(.loading-indicator-wrapper),
|
|
144
142
|
.as-action-form-cancel[data-loading]>span,
|
|
145
143
|
.as-action-form-submit[data-loading]>div:not(.loading-indicator-wrapper),
|
|
@@ -193,7 +191,9 @@ __vunor_palette_options {background-image: url("data:image/gif;base64,eyJjb2xvcn
|
|
|
193
191
|
.as-th-drop-indicator-before::before{pointer-events:none;position:absolute;top:0;bottom:0;left:0;z-index:1;width:0.236em;content:'';--un-bg-opacity:1;background-color:rgb(var(--current-hl) / var(--un-bg-opacity));}
|
|
194
192
|
[data-active] .as-preset-picker-item-active{visibility:visible;}
|
|
195
193
|
.as-preset-picker-item-active{visibility:hidden;width:1em;height:1em;flex-shrink:0;font-size:1em;--un-text-opacity:1;color:rgb(76 129 236 / var(--un-text-opacity));}
|
|
196
|
-
.as-action-
|
|
194
|
+
.as-action-form-cancel,
|
|
195
|
+
.as-confirm-dialog-cancel,
|
|
196
|
+
.as-preset-dialog-footer-close{position:relative;height:var(--v-fingertip);display:flex;-webkit-user-select:none;user-select:none;align-items:center;justify-content:center;gap:0.382em;border-width:1px;border-radius:4px;padding-left:1em;padding-right:1em;font-weight:700;letter-spacing:0.025em;--current-bg:var(--scope-light-0);--current-text:var(--scope-dark-1);--current-icon:var(--scope-dark-1);--current-border:var(--scope-color-100);--un-bg-opacity:1;background-color:rgb(var(--current-bg) / var(--un-bg-opacity));--un-text-opacity:1;color:rgb(var(--current-text) / var(--un-text-opacity));--un-border-opacity:1;border-color:rgb(var(--current-border) / var(--un-border-opacity));--un-icon-opacity:1;--scope-color:117 135 162;--scope-color-50:245 245 245;--scope-color-100:220 222 224;--scope-color-200:195 200 206;--scope-color-300:169 178 189;--scope-color-400:144 157 175;--scope-color-500:117 135 162;--scope-color-600:98 113 135;--scope-color-700:82 91 104;--scope-color-800:67 71 76;--scope-color-900:51 51 51;--scope-light-0:255 255 255;--scope-dark-0:27 27 27;--scope-light-1:248 248 249;--scope-dark-1:31 31 32;--scope-light-2:241 241 242;--scope-dark-2:36 36 38;--scope-light-3:235 235 236;--scope-dark-3:40 41 42;--scope-light-4:228 228 228;--scope-dark-4:46 46 46;--current-hl:117 135 162;--current-text-muted:120 136 158;--current-icon-muted:120 136 158;--current-text-hover:27 27 27;--current-bg-hover:248 248 249;--current-border-hover:235 235 236;}
|
|
197
197
|
.as-action-form-cancel>.loading-indicator-wrapper,
|
|
198
198
|
.as-action-form-submit>.loading-indicator-wrapper,
|
|
199
199
|
.as-confirm-dialog-cancel>.loading-indicator-wrapper,
|
|
@@ -211,11 +211,6 @@ __vunor_palette_options {background-image: url("data:image/gif;base64,eyJjb2xvcn
|
|
|
211
211
|
.as-submit-btn>.loading-indicator-wrapper,
|
|
212
212
|
.as-table-actions-btn>.loading-indicator-wrapper,
|
|
213
213
|
.as-table-actions-more>.loading-indicator-wrapper{position:absolute;left:0;top:0;right:0;bottom:0;display:flex;cursor:wait;align-items:center;justify-content:center;}
|
|
214
|
-
.as-action-field>button,
|
|
215
|
-
.as-submit-btn{position:relative;height:var(--v-fingertip);display:flex;-webkit-user-select:none;user-select:none;align-items:center;align-self:flex-end;justify-content:center;gap:0.382em;border-radius:4px;padding-left:1em;padding-right:1em;font-weight:700;letter-spacing:0.025em;--current-bg:var(--scope-color-500);--current-text:255 255 255;--current-icon:255 255 255;--un-icon-opacity:1;--un-bg-opacity:1;background-color:rgb(var(--current-bg) / var(--un-bg-opacity));--un-text-opacity:1;color:rgb(var(--current-text) / var(--un-text-opacity));--scope-color:37 99 235;--scope-color-50:241 246 252;--scope-color-100:208 223 246;--scope-color-200:175 200 242;--scope-color-300:144 178 239;--scope-color-400:110 154 237;--scope-color-500:76 129 236;--scope-color-600:37 99 235;--scope-color-700:24 77 199;--scope-color-800:25 62 150;--scope-color-900:23 46 103;--scope-light-0:255 255 255;--scope-dark-0:27 27 27;--scope-light-1:247 248 249;--scope-dark-1:29 31 35;--scope-light-2:240 242 244;--scope-dark-2:32 36 45;--scope-light-3:234 235 238;--scope-dark-3:38 41 47;--scope-light-4:228 228 228;--scope-dark-4:46 46 46;--current-hl:76 129 236;--current-text-muted:120 136 158;--current-icon-muted:120 136 158;--current-text-hover:27 27 27;--current-bg-hover:247 248 249;--current-border-hover:234 235 238;}
|
|
216
|
-
.as-action-form-cancel,
|
|
217
|
-
.as-confirm-dialog-cancel,
|
|
218
|
-
.as-preset-dialog-footer-close{position:relative;height:var(--v-fingertip);display:flex;-webkit-user-select:none;user-select:none;align-items:center;justify-content:center;gap:0.382em;border-width:1px;border-radius:4px;padding-left:1em;padding-right:1em;font-weight:700;letter-spacing:0.025em;--current-bg:var(--scope-light-0);--current-text:var(--scope-dark-1);--current-icon:var(--scope-dark-1);--current-border:var(--scope-color-100);--un-bg-opacity:1;background-color:rgb(var(--current-bg) / var(--un-bg-opacity));--un-text-opacity:1;color:rgb(var(--current-text) / var(--un-text-opacity));--un-border-opacity:1;border-color:rgb(var(--current-border) / var(--un-border-opacity));--un-icon-opacity:1;--scope-color:117 135 162;--scope-color-50:245 245 245;--scope-color-100:220 222 224;--scope-color-200:195 200 206;--scope-color-300:169 178 189;--scope-color-400:144 157 175;--scope-color-500:117 135 162;--scope-color-600:98 113 135;--scope-color-700:82 91 104;--scope-color-800:67 71 76;--scope-color-900:51 51 51;--scope-light-0:255 255 255;--scope-dark-0:27 27 27;--scope-light-1:248 248 249;--scope-dark-1:31 31 32;--scope-light-2:241 241 242;--scope-dark-2:36 36 38;--scope-light-3:235 235 236;--scope-dark-3:40 41 42;--scope-light-4:228 228 228;--scope-dark-4:46 46 46;--current-hl:117 135 162;--current-text-muted:120 136 158;--current-icon-muted:120 136 158;--current-text-hover:27 27 27;--current-bg-hover:248 248 249;--current-border-hover:235 235 236;}
|
|
219
214
|
.as-action-form-content,
|
|
220
215
|
.as-config-dialog-content,
|
|
221
216
|
.as-filter-dialog-content,
|
|
@@ -253,6 +248,7 @@ __vunor_palette_options {background-image: url("data:image/gif;base64,eyJjb2xvcn
|
|
|
253
248
|
.as-ref-anchor{position:relative;display:flex;align-items:center;}
|
|
254
249
|
.as-ref-clear{position:absolute;right:0.618em;top:50%;--un-translate-y:-50%;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));cursor:pointer;border-width:0px;background-color:transparent;padding:0;line-height:1;--un-text-opacity:0.5;color:rgb(var(--current-text) / 0.5);}
|
|
255
250
|
.as-select-wrap{position:relative;display:block;width:100%;}
|
|
251
|
+
.as-submit-btn{position:relative;height:var(--v-fingertip);display:flex;-webkit-user-select:none;user-select:none;align-items:center;align-self:flex-end;justify-content:center;gap:0.382em;border-radius:4px;padding-left:1em;padding-right:1em;font-weight:700;letter-spacing:0.025em;--current-bg:var(--scope-color-500);--current-text:255 255 255;--current-icon:255 255 255;--un-icon-opacity:1;--un-bg-opacity:1;background-color:rgb(var(--current-bg) / var(--un-bg-opacity));--un-text-opacity:1;color:rgb(var(--current-text) / var(--un-text-opacity));--scope-color:37 99 235;--scope-color-50:241 246 252;--scope-color-100:208 223 246;--scope-color-200:175 200 242;--scope-color-300:144 178 239;--scope-color-400:110 154 237;--scope-color-500:76 129 236;--scope-color-600:37 99 235;--scope-color-700:24 77 199;--scope-color-800:25 62 150;--scope-color-900:23 46 103;--scope-light-0:255 255 255;--scope-dark-0:27 27 27;--scope-light-1:247 248 249;--scope-dark-1:29 31 35;--scope-light-2:240 242 244;--scope-dark-2:32 36 45;--scope-light-3:234 235 238;--scope-dark-3:38 41 47;--scope-light-4:228 228 228;--scope-dark-4:46 46 46;--current-hl:76 129 236;--current-text-muted:120 136 158;--current-icon-muted:120 136 158;--current-text-hover:27 27 27;--current-bg-hover:247 248 249;--current-border-hover:234 235 238;}
|
|
256
252
|
.as-table th{position:relative;-webkit-user-select:none;user-select:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-bottom-width:1px;padding-left:1em;padding-right:1em;padding-top:0.618em;padding-bottom:0.618em;text-align:left;font-weight:600;letter-spacing:0.01em;--un-text-opacity:0.8;color:rgb(var(--current-text) / 0.8);}
|
|
257
253
|
.as-table-actions-btn{position:relative;height:var(--v-fingertip);display:flex;flex-shrink:0;-webkit-user-select:none;user-select:none;align-items:center;justify-content:center;gap:0.382em;border-radius:4px;padding-left:1em;padding-right:1em;font-weight:700;letter-spacing:0.025em;--current-bg:var(--scope-color-500);--current-text:255 255 255;--current-icon:255 255 255;--un-icon-opacity:1;--un-bg-opacity:1;background-color:rgb(var(--current-bg) / var(--un-bg-opacity));--un-text-opacity:1;color:rgb(var(--current-text) / var(--un-text-opacity));--scope-color:37 99 235;--scope-color-50:241 246 252;--scope-color-100:208 223 246;--scope-color-200:175 200 242;--scope-color-300:144 178 239;--scope-color-400:110 154 237;--scope-color-500:76 129 236;--scope-color-600:37 99 235;--scope-color-700:24 77 199;--scope-color-800:25 62 150;--scope-color-900:23 46 103;--scope-light-0:255 255 255;--scope-dark-0:27 27 27;--scope-light-1:247 248 249;--scope-dark-1:29 31 35;--scope-light-2:240 242 244;--scope-dark-2:32 36 45;--scope-light-3:234 235 238;--scope-dark-3:38 41 47;--scope-light-4:228 228 228;--scope-dark-4:46 46 46;--current-hl:76 129 236;--current-text-muted:120 136 158;--current-icon-muted:120 136 158;--current-text-hover:27 27 27;--current-bg-hover:247 248 249;--current-border-hover:234 235 238;}
|
|
258
254
|
.as-table-outer-wrap{position:relative;min-height:0;display:flex;flex:1 1 0%;flex-direction:column;}
|
|
@@ -360,7 +356,6 @@ details:not([open]) .as-variant-trigger{display:none;}
|
|
|
360
356
|
.as-preset-dialog-legend{display:none;flex-shrink:0;align-items:center;gap:1em;font-size:0.8866564356700387em;--font-bold:600;--font-size:0.8866564356700387em;--font-corrected:0.8866564356700387em;--font-bc:-0.1183em;--font-tc:-0.1537em;font-weight:400;line-height:1.2720062892926278em;letter-spacing:-0.009em;--un-text-opacity:0.6;color:rgb(var(--current-text) / 0.6);}
|
|
361
357
|
.as-preset-dialog-row-owner{display:none;width:7em;flex-shrink:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:0.8866564356700387em;--font-bold:600;--font-size:0.8866564356700387em;--font-corrected:0.8866564356700387em;--font-bc:-0.1183em;--font-tc:-0.1537em;font-weight:400;line-height:1.2720062892926278em;letter-spacing:-0.009em;--un-text-opacity:0.6;color:rgb(var(--current-text) / 0.6);}
|
|
362
358
|
.as-filter-value-help-filters:empty{display:none;}
|
|
363
|
-
.as-action-field.btn-square>button,
|
|
364
359
|
.as-action-form-cancel.btn-square,
|
|
365
360
|
.as-action-form-submit.btn-square,
|
|
366
361
|
.as-confirm-dialog-cancel.btn-square,
|
|
@@ -559,11 +554,14 @@ details:not([open]) .as-variant-trigger{display:none;}
|
|
|
559
554
|
.as-window-skeleton-row{animation:as-shimmer 4.2s linear infinite;cursor:default;-webkit-user-select:none;user-select:none;background-image:linear-gradient(90deg,rgb(var(--scope-dark-0)/0.05) 0%,rgb(var(--scope-dark-0)/0.05) 40%,rgb(var(--scope-dark-0)/0.12) 50%,rgb(var(--scope-dark-0)/0.05) 60%,rgb(var(--scope-dark-0)/0.05) 100%);background-size:200% 100%;}
|
|
560
555
|
.as-th-fixed{cursor:default !important;padding:0 !important;text-align:center !important;}
|
|
561
556
|
.as-window-empty-row{cursor:default;-webkit-user-select:none;user-select:none;--un-bg-opacity:1;background-color:rgb(var(--current-bg) / var(--un-bg-opacity));}
|
|
557
|
+
.as-action-field>button,
|
|
562
558
|
.as-field-action-link{cursor:pointer;border-width:0px;background-color:transparent;padding:0;font-size:0.8866564356700387em;--font-bold:600;--font-size:0.8866564356700387em;--font-corrected:0.8866564356700387em;--font-bc:-0.1183em;--font-tc:-0.1537em;font-weight:400;line-height:1.2720062892926278em;letter-spacing:-0.009em;--un-text-opacity:1;color:rgb(var(--current-hl) / var(--un-text-opacity));--scope-color:37 99 235;--scope-color-50:241 246 252;--scope-color-100:208 223 246;--scope-color-200:175 200 242;--scope-color-300:144 178 239;--scope-color-400:110 154 237;--scope-color-500:76 129 236;--scope-color-600:37 99 235;--scope-color-700:24 77 199;--scope-color-800:25 62 150;--scope-color-900:23 46 103;--scope-light-0:255 255 255;--scope-dark-0:27 27 27;--scope-light-1:247 248 249;--scope-dark-1:29 31 35;--scope-light-2:240 242 244;--scope-dark-2:32 36 45;--scope-light-3:234 235 238;--scope-dark-3:38 41 47;--scope-light-4:228 228 228;--scope-dark-4:46 46 46;--current-hl:76 129 236;--current-text-muted:120 136 158;--current-icon-muted:120 136 158;--current-text-hover:27 27 27;--current-bg-hover:247 248 249;--current-border-hover:234 235 238;}
|
|
563
559
|
.as-filter-add-condition{cursor:pointer;border-width:0px;background-color:transparent;padding-top:0.382em;padding-bottom:0.382em;padding-left:0;padding-right:0;text-align:left;--un-text-opacity:1;color:rgb(var(--current-hl) / var(--un-text-opacity));}
|
|
564
560
|
.as-filter-dialog-clear-all{cursor:pointer;white-space:nowrap;border-width:0px;background-color:transparent;padding:0;font-size:0.8866564356700387em;--font-bold:600;--font-size:0.8866564356700387em;--font-corrected:0.8866564356700387em;--font-bc:-0.1183em;--font-tc:-0.1537em;font-weight:400;line-height:1.2720062892926278em;letter-spacing:-0.009em;font-weight:500;--un-text-opacity:0.7;color:rgb(var(--current-text) / 0.7);}
|
|
565
561
|
.as-filter-select{cursor:pointer;}
|
|
566
562
|
.as-filter-shortcut-btn{cursor:pointer;white-space:nowrap;border-width:1px;border-radius:4px;padding-left:0.618em;padding-right:0.618em;padding-top:0.15em;padding-bottom:0.15em;font-size:0.8866564356700387em;--font-bold:600;--font-size:0.8866564356700387em;--font-corrected:0.8866564356700387em;--font-bc:-0.1183em;--font-tc:-0.1537em;font-weight:400;line-height:1.2720062892926278em;letter-spacing:-0.009em;transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;transition-duration:120ms;--current-bg:var(--scope-light-2);--current-text:var(--scope-dark-0);--current-icon:var(--scope-dark-0);--current-text-muted:var(--scope-dark-2);--current-icon-muted:var(--scope-dark-2);--current-bg-hover:var(--scope-light-3);--current-border-hover:var(--scope-light-3);--current-text-hover:var(--scope-dark-0);--current-border:120 136 158;--un-bg-opacity:1;background-color:rgb(var(--current-bg) / var(--un-bg-opacity));--un-text-opacity:1;color:rgb(var(--current-text) / var(--un-text-opacity));--un-text-opacity:0.7;color:rgb(var(--current-text) / 0.7);}
|
|
563
|
+
.as-action-field[aria-disabled=true]>button,
|
|
564
|
+
.as-action-field[data-disabled]>button,
|
|
567
565
|
.as-array-add-btn[aria-disabled=true],
|
|
568
566
|
.as-array-add-btn[data-disabled],
|
|
569
567
|
.as-decimal[aria-disabled=true],
|
|
@@ -607,7 +605,7 @@ details:not([open]) .as-variant-trigger{display:none;}
|
|
|
607
605
|
.as-default-field :is(input:not([type=checkbox]):not([type=radio]),select,textarea):disabled{cursor:not-allowed;--current-bg:var(--scope-light-2);--current-text:var(--scope-dark-0);--current-icon:var(--scope-dark-0);--current-text-muted:var(--scope-dark-2);--current-icon-muted:var(--scope-dark-2);--current-bg-hover:var(--scope-light-3);--current-border-hover:var(--scope-light-3);--current-text-hover:var(--scope-dark-0);--current-border:120 136 158;--un-bg-opacity:1;background-color:rgb(var(--current-bg) / var(--un-bg-opacity));--un-text-opacity:1;color:rgb(var(--current-text) / var(--un-text-opacity));--un-text-opacity:0.4;color:rgb(var(--current-text) / 0.4);}
|
|
608
606
|
.as-orderable-list-item-actions button:disabled{cursor:not-allowed;opacity:0.35;}
|
|
609
607
|
.as-sorter-direction-disabled{cursor:not-allowed;opacity:0.5;}
|
|
610
|
-
.as-action-field:disabled>button{cursor:not-allowed;opacity:0.
|
|
608
|
+
.as-action-field:disabled>button{cursor:not-allowed;opacity:0.4;}
|
|
611
609
|
.as-action-form-cancel:disabled{cursor:not-allowed;opacity:0.8;}
|
|
612
610
|
.as-action-form-submit:disabled{cursor:not-allowed;opacity:0.8;}
|
|
613
611
|
.as-array-add-btn:disabled{cursor:not-allowed;opacity:0.4;}
|
|
@@ -658,6 +656,7 @@ details:not([open]) .as-variant-trigger{display:none;}
|
|
|
658
656
|
.as-preset-picker-section-header{-webkit-user-select:none;user-select:none;padding-left:1em;padding-right:1em;padding-top:0.618em;padding-bottom:0.382em;font-size:0.8866564356700387em;--font-bold:600;--font-size:0.8866564356700387em;--font-corrected:0.8866564356700387em;--font-bc:-0.1183em;--font-tc:-0.1537em;font-weight:400;line-height:1.2720062892926278em;letter-spacing:-0.009em;letter-spacing:0.05em;text-transform:uppercase;--un-text-opacity:0.6;color:rgb(var(--current-text) / 0.6);}
|
|
659
657
|
.as-collapsible-island>summary,
|
|
660
658
|
.as-collapsible-section>summary{list-style-type:none;}
|
|
659
|
+
.as-action-field{align-items:flex-start;}
|
|
661
660
|
.as-table td{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-bottom-width:1px;padding-left:1em;padding-right:1em;padding-top:0.618em;padding-bottom:0.618em;}
|
|
662
661
|
.as-preset-dialog-row-label-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:1em;--font-bold:600;--font-size:1em;--font-corrected:1em;--font-bc:-0.1973em;--font-tc:-0.2373em;font-weight:400;line-height:1.4346101129141227em;letter-spacing:-0.011em;}
|
|
663
662
|
.as-preset-picker-trigger-label{white-space:nowrap;font-size:1em;--font-bold:600;--font-size:1em;--font-corrected:1em;--font-bc:-0.1973em;--font-tc:-0.2373em;font-weight:400;line-height:1.4346101129141227em;letter-spacing:-0.011em;}
|
|
@@ -670,7 +669,6 @@ details:not([open]) .as-variant-trigger{display:none;}
|
|
|
670
669
|
.as-collapsible-section:not(:has(+ .as-collapsible-section)){border-bottom-width:1px;padding-bottom:1em;}
|
|
671
670
|
.as-collapsible-section:first-child{border-top-width:0px;}
|
|
672
671
|
.as-orderable-list-item:last-child{border-bottom-width:0px;}
|
|
673
|
-
.as-action-field.btn-round>button,
|
|
674
672
|
.as-action-form-cancel.btn-round,
|
|
675
673
|
.as-action-form-submit.btn-round,
|
|
676
674
|
.as-confirm-dialog-cancel.btn-round,
|
|
@@ -699,7 +697,6 @@ details:not([open]) .as-variant-trigger{display:none;}
|
|
|
699
697
|
.as-window-scrollbar-thumb:hover{--un-bg-opacity:0.3;background-color:rgba(0, 0, 0, var(--un-bg-opacity));}
|
|
700
698
|
.dark .as-window-scrollbar-thumb:hover{--un-bg-opacity:0.3;background-color:rgba(255, 255, 255, var(--un-bg-opacity));}
|
|
701
699
|
.as-row-actions{padding:0 !important;text-align:center;}
|
|
702
|
-
.as-action-field.btn-round.btn-square>button,
|
|
703
700
|
.as-action-form-cancel.btn-round.btn-square,
|
|
704
701
|
.as-action-form-submit.btn-round.btn-square,
|
|
705
702
|
.as-confirm-dialog-cancel.btn-round.btn-square,
|
|
@@ -733,10 +730,11 @@ details:not([open]) .as-variant-trigger{display:none;}
|
|
|
733
730
|
.as-form-title{font-size:1.54em;font-weight:700;letter-spacing:-0.02em;}
|
|
734
731
|
.as-no-data-icon>span{font-size:1.4em;}
|
|
735
732
|
.as-object-empty-add-icon{font-size:1.2em;line-height:1;}
|
|
733
|
+
.as-paragraph-field,
|
|
734
|
+
.as-table-actions-btn-label{font-size:1em;--font-bold:600;--font-size:1em;--font-corrected:1em;--font-bc:-0.1973em;--font-tc:-0.2373em;font-weight:400;line-height:1.4346101129141227em;letter-spacing:-0.011em;}
|
|
736
735
|
.as-preset-dialog-legend-icon{font-size:1.05em;}
|
|
737
736
|
.as-preset-picker-popover-label{font-size:1em;--font-bold:600;--font-size:1em;--font-corrected:1em;--font-bc:-0.1973em;--font-tc:-0.2373em;font-weight:400;line-height:1.4346101129141227em;letter-spacing:-0.011em;font-weight:600;--un-text-opacity:1;color:rgb(var(--current-text) / var(--un-text-opacity));}
|
|
738
737
|
.as-row-actions-btn-label{font-size:0.8866564356700387em;--font-bold:600;--font-size:0.8866564356700387em;--font-corrected:0.8866564356700387em;--font-bc:-0.1183em;--font-tc:-0.1537em;font-weight:400;line-height:1.2720062892926278em;letter-spacing:-0.009em;}
|
|
739
|
-
.as-table-actions-btn-label{font-size:1em;--font-bold:600;--font-size:1em;--font-corrected:1em;--font-bc:-0.1973em;--font-tc:-0.2373em;font-weight:400;line-height:1.4346101129141227em;letter-spacing:-0.011em;}
|
|
740
738
|
.group[aria-selected="true"] .as-orderable-list-checkbox,
|
|
741
739
|
.group[data-state=checked] .as-orderable-list-checkbox{--un-text-opacity:1;color:rgb(255 255 255 / var(--un-text-opacity));--un-bg-opacity:1;background-color:rgb(var(--current-hl) / var(--un-bg-opacity));--un-border-opacity:1;border-color:rgb(var(--current-hl) / var(--un-border-opacity));}
|
|
742
740
|
.as-preset-dialog-aspect-chip[data-on],
|
|
@@ -766,9 +764,11 @@ details:not([open]) .as-variant-trigger{display:none;}
|
|
|
766
764
|
.as-preset-dialog-row-owner-self{font-style:italic;}
|
|
767
765
|
.as-filter-field-dropdown-footer :not(.as-kbd) button:hover{text-decoration-line:underline;}
|
|
768
766
|
.as-preset-dialog-row[data-deleted] .as-preset-dialog-row-label-text{text-decoration-line:line-through;}
|
|
767
|
+
.as-action-field:not(:disabled):hover>button{text-decoration-line:underline;}
|
|
769
768
|
.as-field-action-link:not(:disabled):hover{text-decoration-line:underline;}
|
|
770
769
|
.as-filter-add-condition:hover{text-decoration-line:underline;}
|
|
771
770
|
.as-filter-dialog-clear-all:hover{text-decoration-line:underline;--un-text-opacity:1;color:rgb(var(--current-text) / var(--un-text-opacity));}
|
|
771
|
+
.as-action-field:focus-visible>button{text-decoration-line:underline;}
|
|
772
772
|
.as-field-action-link:focus-visible{text-decoration-line:underline;}
|
|
773
773
|
.as-checkbox-indeterminate{opacity:0.6;}
|
|
774
774
|
.as-orderable-list-checkbox-disabled{opacity:0.5;}
|
|
@@ -848,38 +848,6 @@ details:not([open]) .as-variant-trigger{display:none;}
|
|
|
848
848
|
.as-cell-json-trigger:focus-visible{outline-style:solid;--current-outline:var(--current-hl);outline-color:rgb(var(--i8-outline-color, var(--current-outline)) / var(--i8-outline-opacity, 0.5));outline-width:var(--i8-outline-width, 2px);}
|
|
849
849
|
.as-multi-select-item[data-highlighted]{outline:2px solid transparent;outline-offset:2px;--current-bg:var(--scope-light-3);--current-text:var(--scope-dark-0);--current-icon:var(--scope-dark-0);--current-text-muted:var(--scope-dark-2);--current-icon-muted:var(--scope-dark-2);--current-bg-hover:var(--scope-light-4);--current-border-hover:var(--scope-light-3);--current-text-hover:var(--scope-dark-0);--current-border:120 136 158;--un-bg-opacity:1;background-color:rgb(var(--current-bg) / var(--un-bg-opacity));--un-text-opacity:1;color:rgb(var(--current-text) / var(--un-text-opacity));}
|
|
850
850
|
.as-table tbody tr{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;transition-duration:100ms;}
|
|
851
|
-
.as-action-field:not(disabled)[data-active]>button,
|
|
852
|
-
.as-action-form-submit:not(disabled)[data-active],
|
|
853
|
-
.as-confirm-dialog-confirm:not(disabled)[data-active],
|
|
854
|
-
.as-filter-btn-apply:not(disabled)[data-active],
|
|
855
|
-
.as-preset-dialog-footer-save:not(disabled)[data-active],
|
|
856
|
-
.as-preset-picker-popover-save:not(disabled)[data-active],
|
|
857
|
-
.as-submit-btn:not(disabled)[data-active],
|
|
858
|
-
.as-table-actions-btn:not(disabled)[data-active]{--current-bg:var(--scope-color-700);}
|
|
859
|
-
.as-action-field:not(disabled)[data-highlighted]>button,
|
|
860
|
-
.as-action-form-submit:not(disabled)[data-highlighted],
|
|
861
|
-
.as-confirm-dialog-confirm:not(disabled)[data-highlighted],
|
|
862
|
-
.as-filter-btn-apply:not(disabled)[data-highlighted],
|
|
863
|
-
.as-preset-dialog-footer-save:not(disabled)[data-highlighted],
|
|
864
|
-
.as-preset-picker-popover-save:not(disabled)[data-highlighted],
|
|
865
|
-
.as-submit-btn:not(disabled)[data-highlighted],
|
|
866
|
-
.as-table-actions-btn:not(disabled)[data-highlighted]{--current-bg:var(--scope-color-600);}
|
|
867
|
-
.dark .as-action-field:not(disabled)[data-active]>button,
|
|
868
|
-
.dark .as-action-form-submit:not(disabled)[data-active],
|
|
869
|
-
.dark .as-confirm-dialog-confirm:not(disabled)[data-active],
|
|
870
|
-
.dark .as-filter-btn-apply:not(disabled)[data-active],
|
|
871
|
-
.dark .as-preset-dialog-footer-save:not(disabled)[data-active],
|
|
872
|
-
.dark .as-preset-picker-popover-save:not(disabled)[data-active],
|
|
873
|
-
.dark .as-submit-btn:not(disabled)[data-active],
|
|
874
|
-
.dark .as-table-actions-btn:not(disabled)[data-active]{--current-bg:var(--scope-color-300);}
|
|
875
|
-
.dark .as-action-field:not(disabled)[data-highlighted]>button,
|
|
876
|
-
.dark .as-action-form-submit:not(disabled)[data-highlighted],
|
|
877
|
-
.dark .as-confirm-dialog-confirm:not(disabled)[data-highlighted],
|
|
878
|
-
.dark .as-filter-btn-apply:not(disabled)[data-highlighted],
|
|
879
|
-
.dark .as-preset-dialog-footer-save:not(disabled)[data-highlighted],
|
|
880
|
-
.dark .as-preset-picker-popover-save:not(disabled)[data-highlighted],
|
|
881
|
-
.dark .as-submit-btn:not(disabled)[data-highlighted],
|
|
882
|
-
.dark .as-table-actions-btn:not(disabled)[data-highlighted]{--current-bg:var(--scope-color-400);}
|
|
883
851
|
.as-action-form-cancel:not(disabled)[data-active],
|
|
884
852
|
.as-confirm-dialog-cancel:not(disabled)[data-active],
|
|
885
853
|
.as-filter-btn:not(disabled)[data-active],
|
|
@@ -1090,6 +1058,34 @@ details:not([open]) .as-variant-trigger{display:none;}
|
|
|
1090
1058
|
.dark .as-preset-dialog-row-public-toggle[data-on],
|
|
1091
1059
|
.dark .as-sorter-index,
|
|
1092
1060
|
.dark .as-sorter-segment-btn-active{--current-bg:var(--scope-dark-2);--current-text:var(--scope-light-0);--current-icon:var(--scope-light-0);--current-text-muted:var(--scope-light-2);--current-icon-muted:var(--scope-light-2);--current-bg-hover:var(--scope-dark-3);--current-border-hover:var(--scope-dark-3);--current-text-hover:var(--scope-light-0);}
|
|
1061
|
+
.as-action-form-submit:not(disabled)[data-active],
|
|
1062
|
+
.as-confirm-dialog-confirm:not(disabled)[data-active],
|
|
1063
|
+
.as-filter-btn-apply:not(disabled)[data-active],
|
|
1064
|
+
.as-preset-dialog-footer-save:not(disabled)[data-active],
|
|
1065
|
+
.as-preset-picker-popover-save:not(disabled)[data-active],
|
|
1066
|
+
.as-submit-btn:not(disabled)[data-active],
|
|
1067
|
+
.as-table-actions-btn:not(disabled)[data-active]{--current-bg:var(--scope-color-700);}
|
|
1068
|
+
.as-action-form-submit:not(disabled)[data-highlighted],
|
|
1069
|
+
.as-confirm-dialog-confirm:not(disabled)[data-highlighted],
|
|
1070
|
+
.as-filter-btn-apply:not(disabled)[data-highlighted],
|
|
1071
|
+
.as-preset-dialog-footer-save:not(disabled)[data-highlighted],
|
|
1072
|
+
.as-preset-picker-popover-save:not(disabled)[data-highlighted],
|
|
1073
|
+
.as-submit-btn:not(disabled)[data-highlighted],
|
|
1074
|
+
.as-table-actions-btn:not(disabled)[data-highlighted]{--current-bg:var(--scope-color-600);}
|
|
1075
|
+
.dark .as-action-form-submit:not(disabled)[data-active],
|
|
1076
|
+
.dark .as-confirm-dialog-confirm:not(disabled)[data-active],
|
|
1077
|
+
.dark .as-filter-btn-apply:not(disabled)[data-active],
|
|
1078
|
+
.dark .as-preset-dialog-footer-save:not(disabled)[data-active],
|
|
1079
|
+
.dark .as-preset-picker-popover-save:not(disabled)[data-active],
|
|
1080
|
+
.dark .as-submit-btn:not(disabled)[data-active],
|
|
1081
|
+
.dark .as-table-actions-btn:not(disabled)[data-active]{--current-bg:var(--scope-color-300);}
|
|
1082
|
+
.dark .as-action-form-submit:not(disabled)[data-highlighted],
|
|
1083
|
+
.dark .as-confirm-dialog-confirm:not(disabled)[data-highlighted],
|
|
1084
|
+
.dark .as-filter-btn-apply:not(disabled)[data-highlighted],
|
|
1085
|
+
.dark .as-preset-dialog-footer-save:not(disabled)[data-highlighted],
|
|
1086
|
+
.dark .as-preset-picker-popover-save:not(disabled)[data-highlighted],
|
|
1087
|
+
.dark .as-submit-btn:not(disabled)[data-highlighted],
|
|
1088
|
+
.dark .as-table-actions-btn:not(disabled)[data-highlighted]{--current-bg:var(--scope-color-400);}
|
|
1093
1089
|
.as-collapsible-island-even{--current-bg:var(--scope-light-0);--current-text:var(--scope-dark-0);--current-icon:var(--scope-dark-0);--current-text-muted:var(--scope-dark-2);--current-icon-muted:var(--scope-dark-2);--current-bg-hover:var(--scope-light-1);--current-border-hover:var(--scope-light-3);--current-text-hover:var(--scope-dark-0);--current-border:120 136 158;--un-bg-opacity:1;background-color:rgb(var(--current-bg) / var(--un-bg-opacity));--un-text-opacity:1;color:rgb(var(--current-text) / var(--un-text-opacity));}
|
|
1094
1090
|
.as-collapsible-island-odd,
|
|
1095
1091
|
.as-orderable-list-item[data-highlighted],
|
|
@@ -1262,8 +1258,6 @@ details:not([open]) .as-variant-trigger{display:none;}
|
|
|
1262
1258
|
.dark .as-row-actions-btn-labelled[aria-selected=true].as-row-actions-btn,
|
|
1263
1259
|
.dark .as-row-actions-btn-labelled[data-on=true].as-row-actions-btn,
|
|
1264
1260
|
.dark .as-row-actions-btn-labelled[data-selected=true].as-row-actions-btn{--current-bg:var(--scope-dark-1) !important;--current-text:var(--scope-color-400) !important;--current-icon:var(--scope-color-400) !important;}
|
|
1265
|
-
.as-action-field:not(disabled):hover>button{--current-bg:var(--scope-color-600);}
|
|
1266
|
-
.dark .as-action-field:not(disabled):hover>button{--current-bg:var(--scope-color-400);}
|
|
1267
1261
|
.as-action-form-cancel:not(disabled):hover{--current-bg:var(--scope-light-1);--un-bg-opacity:1;background-color:rgb(var(--current-bg) / var(--un-bg-opacity));}
|
|
1268
1262
|
.dark .as-action-form-cancel:not(disabled):hover{--current-bg:var(--scope-dark-1);}
|
|
1269
1263
|
.as-action-form-close:hover{--current-bg:var(--scope-light-2);--current-text:var(--scope-dark-0);--current-icon:var(--scope-dark-0);--current-text-muted:var(--scope-dark-2);--current-icon-muted:var(--scope-dark-2);--current-bg-hover:var(--scope-light-3);--current-border-hover:var(--scope-light-3);--current-text-hover:var(--scope-dark-0);--current-border:120 136 158;--un-bg-opacity:1;background-color:rgb(var(--current-bg) / var(--un-bg-opacity));--un-text-opacity:1;color:rgb(var(--current-text) / var(--un-text-opacity));}
|
|
@@ -1360,8 +1354,6 @@ details:not([open]) .as-variant-trigger{display:none;}
|
|
|
1360
1354
|
.dark .as-table-actions-more:not(disabled):hover{--current-bg:var(--scope-dark-1);}
|
|
1361
1355
|
.as-vh-empty-clear:not(disabled):hover{--current-bg:var(--scope-light-1);--un-bg-opacity:1;background-color:rgb(var(--current-bg) / var(--un-bg-opacity));}
|
|
1362
1356
|
.dark .as-vh-empty-clear:not(disabled):hover{--current-bg:var(--scope-dark-1);}
|
|
1363
|
-
.as-action-field:not(disabled):focus-visible>button{--current-bg:var(--scope-color-600);}
|
|
1364
|
-
.dark .as-action-field:not(disabled):focus-visible>button{--current-bg:var(--scope-color-400);}
|
|
1365
1357
|
.as-action-form-cancel:not(disabled):focus-visible{--current-bg:var(--scope-light-1);--un-bg-opacity:1;background-color:rgb(var(--current-bg) / var(--un-bg-opacity));}
|
|
1366
1358
|
.dark .as-action-form-cancel:not(disabled):focus-visible{--current-bg:var(--scope-dark-1);}
|
|
1367
1359
|
.as-action-form-submit:not(disabled):focus-visible{--current-bg:var(--scope-color-600);}
|
|
@@ -1398,8 +1390,6 @@ details:not([open]) .as-variant-trigger{display:none;}
|
|
|
1398
1390
|
.dark .as-table-actions-more:not(disabled):focus-visible{--current-bg:var(--scope-dark-1);}
|
|
1399
1391
|
.as-vh-empty-clear:not(disabled):focus-visible{--current-bg:var(--scope-light-1);--un-bg-opacity:1;background-color:rgb(var(--current-bg) / var(--un-bg-opacity));}
|
|
1400
1392
|
.dark .as-vh-empty-clear:not(disabled):focus-visible{--current-bg:var(--scope-dark-1);}
|
|
1401
|
-
.as-action-field:not(disabled):active>button{--current-bg:var(--scope-color-700);}
|
|
1402
|
-
.dark .as-action-field:not(disabled):active>button{--current-bg:var(--scope-color-300);}
|
|
1403
1393
|
.as-action-form-cancel:not(disabled):active{--current-bg:var(--scope-light-2);--un-bg-opacity:1;background-color:rgb(var(--current-bg) / var(--un-bg-opacity));}
|
|
1404
1394
|
.dark .as-action-form-cancel:not(disabled):active{--current-bg:var(--scope-dark-2);}
|
|
1405
1395
|
.as-action-form-submit:not(disabled):active{--current-bg:var(--scope-color-700);}
|
package/dist/css/wf.css
CHANGED
|
@@ -100,8 +100,8 @@ __vunor_palette_options {background-image: url("data:image/gif;base64,eyJjb2xvcn
|
|
|
100
100
|
.as-collapsible-body{container-type:inline-size;container-name:as-grid;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));margin-top:1em;gap:1em;}
|
|
101
101
|
.as-default-field select{color-scheme:light dark;cursor:pointer;-webkit-appearance:none;appearance:none;white-space:nowrap;padding-right:1.75em;--un-bg-opacity:1 !important;background-color:rgb(var(--current-bg) / var(--un-bg-opacity)) !important;}
|
|
102
102
|
.as-form-grid{container-type:inline-size;container-name:as-grid;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:1em;}
|
|
103
|
-
.as-
|
|
104
|
-
.as-
|
|
103
|
+
.as-form-overlay{pointer-events:none;position:absolute;left:0;top:0;right:0;bottom:0;z-index:5;display:flex;cursor:wait;align-items:center;justify-content:center;border-radius:6px;background-color:rgb(255 255 255 / 0.5);--un-text-opacity:1;color:rgb(var(--current-hl) / var(--un-text-opacity));}
|
|
104
|
+
.as-multi-select-caret{pointer-events:none;flex-shrink:0;font-size:1.1em;--un-text-opacity:0.5;color:rgb(var(--current-text) / 0.5);}
|
|
105
105
|
.as-multi-select-footer-action[data-loading]>div:not(.loading-indicator-wrapper),
|
|
106
106
|
.as-multi-select-footer-action[data-loading]>span,
|
|
107
107
|
.as-submit-btn[data-loading]>div:not(.loading-indicator-wrapper),
|
|
@@ -112,26 +112,22 @@ __vunor_palette_options {background-image: url("data:image/gif;base64,eyJjb2xvcn
|
|
|
112
112
|
.as-wf-finish-primary[data-loading]>span,
|
|
113
113
|
.as-wf-finish-skip[data-loading]>div:not(.loading-indicator-wrapper),
|
|
114
114
|
.as-wf-finish-skip[data-loading]>span{pointer-events:none;opacity:0;}
|
|
115
|
-
.as-form-overlay{pointer-events:none;position:absolute;left:0;top:0;right:0;bottom:0;z-index:5;display:flex;cursor:wait;align-items:center;justify-content:center;border-radius:6px;background-color:rgb(255 255 255 / 0.5);--un-text-opacity:1;color:rgb(var(--current-hl) / var(--un-text-opacity));}
|
|
116
|
-
.as-multi-select-caret{pointer-events:none;flex-shrink:0;font-size:1.1em;--un-text-opacity:0.5;color:rgb(var(--current-text) / 0.5);}
|
|
117
115
|
.as-select-caret{pointer-events:none;position:absolute;right:0.618em;top:50%;--un-translate-y:-50%;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));font-size:1em;--un-text-opacity:0.6;color:rgb(var(--current-text) / 0.6);}
|
|
118
|
-
.as-action-field>.loading-indicator-wrapper>button,
|
|
119
|
-
.as-multi-select-footer-action>.loading-indicator-wrapper,
|
|
120
|
-
.as-submit-btn>.loading-indicator-wrapper,
|
|
121
|
-
.as-wf-finish-option>.loading-indicator-wrapper,
|
|
122
|
-
.as-wf-finish-primary>.loading-indicator-wrapper,
|
|
123
|
-
.as-wf-finish-skip>.loading-indicator-wrapper{position:absolute;left:0;top:0;right:0;bottom:0;display:flex;cursor:wait;align-items:center;justify-content:center;}
|
|
124
|
-
.as-action-field>button,
|
|
125
|
-
.as-submit-btn{position:relative;height:var(--v-fingertip);display:flex;-webkit-user-select:none;user-select:none;align-items:center;align-self:flex-end;justify-content:center;gap:0.382em;border-radius:4px;padding-left:1em;padding-right:1em;font-weight:700;letter-spacing:0.025em;--current-bg:var(--scope-color-500);--current-text:255 255 255;--current-icon:255 255 255;--un-icon-opacity:1;--un-bg-opacity:1;background-color:rgb(var(--current-bg) / var(--un-bg-opacity));--un-text-opacity:1;color:rgb(var(--current-text) / var(--un-text-opacity));--scope-color:37 99 235;--scope-color-50:241 246 252;--scope-color-100:208 223 246;--scope-color-200:175 200 242;--scope-color-300:144 178 239;--scope-color-400:110 154 237;--scope-color-500:76 129 236;--scope-color-600:37 99 235;--scope-color-700:24 77 199;--scope-color-800:25 62 150;--scope-color-900:23 46 103;--scope-light-0:255 255 255;--scope-dark-0:27 27 27;--scope-light-1:247 248 249;--scope-dark-1:29 31 35;--scope-light-2:240 242 244;--scope-dark-2:32 36 45;--scope-light-3:234 235 238;--scope-dark-3:38 41 47;--scope-light-4:228 228 228;--scope-dark-4:46 46 46;--current-hl:76 129 236;--current-text-muted:120 136 158;--current-icon-muted:120 136 158;--current-text-hover:27 27 27;--current-bg-hover:247 248 249;--current-border-hover:234 235 238;}
|
|
126
116
|
.as-default-field{position:relative;grid-column:1/-1;grid-row:span 1/span 1;display:flex;flex-direction:column;gap:0.382em;}
|
|
127
117
|
.as-dropdown{position:relative;display:inline-flex;align-items:center;}
|
|
128
118
|
.as-dropdown-menu{position:absolute;top:100%;left:0;z-index:100;z-index:50;margin-top:0.382em;min-width:10em;overflow:hidden;border-width:1px;border-radius:6px;padding-top:0.382em;padding-bottom:0.382em;--un-shadow:0 0 10px rgba(0,0,0,0.1),0 4px 20px rgba(0,0,0,0.15);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);--current-bg:var(--scope-light-0);--current-text:var(--scope-dark-1);--current-icon:var(--scope-dark-1);--current-border:var(--scope-color-100);--current-border:143 157 175;--current-bg:var(--scope-light-1);--current-text:var(--scope-dark-0);--current-icon:var(--scope-dark-0);--current-text-muted:var(--scope-dark-2);--current-icon-muted:var(--scope-dark-2);--current-bg-hover:var(--scope-light-2);--current-border-hover:var(--scope-light-3);--current-text-hover:var(--scope-dark-0);--current-border:120 136 158;--un-bg-opacity:1;background-color:rgb(var(--current-bg) / var(--un-bg-opacity));--un-text-opacity:1;color:rgb(var(--current-text) / var(--un-text-opacity));--un-border-opacity:1;border-color:rgb(var(--current-border) / var(--un-border-opacity));--un-icon-opacity:1;--un-border-opacity:0.2;border-color:rgb(var(--current-border) / 0.2);--scope-color:37 99 235;--scope-color-50:241 246 252;--scope-color-100:208 223 246;--scope-color-200:175 200 242;--scope-color-300:144 178 239;--scope-color-400:110 154 237;--scope-color-500:76 129 236;--scope-color-600:37 99 235;--scope-color-700:24 77 199;--scope-color-800:25 62 150;--scope-color-900:23 46 103;--scope-light-0:255 255 255;--scope-dark-0:27 27 27;--scope-light-1:247 248 249;--scope-dark-1:29 31 35;--scope-light-2:240 242 244;--scope-dark-2:32 36 45;--scope-light-3:234 235 238;--scope-dark-3:38 41 47;--scope-light-4:228 228 228;--scope-dark-4:46 46 46;--current-hl:76 129 236;--current-text-muted:120 136 158;--current-icon-muted:120 136 158;--current-text-hover:27 27 27;--current-bg-hover:247 248 249;--current-border-hover:234 235 238;}
|
|
129
119
|
.as-form{position:relative;display:flex;flex-direction:column;gap:1em;}
|
|
130
120
|
.as-multi-select-anchor{position:relative;box-sizing:border-box;height:2.6em;width:100%;height:auto !important;min-height:2.6em;display:flex;flex-wrap:wrap;cursor:text;align-items:center;gap:0.382em;border-radius:4px;padding-left:0.618em;padding-right:0.618em;padding-top:0.382em;padding-bottom:0.382em;outline:2px solid transparent;outline-offset:2px;--current-bg:var(--scope-light-0);--current-text:var(--scope-dark-0);--current-icon:var(--scope-dark-0);--current-text-muted:var(--scope-dark-2);--current-icon-muted:var(--scope-dark-2);--current-bg-hover:var(--scope-light-1);--current-border-hover:var(--scope-light-3);--current-text-hover:var(--scope-dark-0);--current-border:120 136 158;--current-outline:var(--current-hl);--un-bg-opacity:1;background-color:rgb(var(--current-bg) / var(--un-bg-opacity));--un-text-opacity:1;color:rgb(var(--current-text) / var(--un-text-opacity));--scope-color:37 99 235;--scope-color-50:241 246 252;--scope-color-100:208 223 246;--scope-color-200:175 200 242;--scope-color-300:144 178 239;--scope-color-400:110 154 237;--scope-color-500:76 129 236;--scope-color-600:37 99 235;--scope-color-700:24 77 199;--scope-color-800:25 62 150;--scope-color-900:23 46 103;--scope-light-0:255 255 255;--scope-dark-0:27 27 27;--scope-light-1:247 248 249;--scope-dark-1:29 31 35;--scope-light-2:240 242 244;--scope-dark-2:32 36 45;--scope-light-3:234 235 238;--scope-dark-3:38 41 47;--scope-light-4:228 228 228;--scope-dark-4:46 46 46;--current-hl:76 129 236;--current-text-muted:120 136 158;--current-icon-muted:120 136 158;--current-text-hover:27 27 27;--current-bg-hover:247 248 249;--current-border-hover:234 235 238;background-color:rgb(var(--i8-bg-color, var(--current-bg)) / var(--i8-bg-opacity, 1));border-color:rgb(var(--i8-border-color, var(--current-border)) / var(--i8-border-opacity, 0.2));border-width:var(--i8-border-width, 1px);}
|
|
131
121
|
.as-multi-select-footer-action{position:relative;height:var(--v-fingertip);display:flex;-webkit-user-select:none;user-select:none;align-items:center;justify-content:center;gap:0.382em;border-radius:4px;padding-left:1em;padding-right:1em;padding-left:0.618em;padding-right:0.618em;padding-top:0.236em;padding-bottom:0.236em;font-size:0.8866564356700387em;--font-bold:600;--font-size:0.8866564356700387em;--font-corrected:0.8866564356700387em;--font-bc:-0.1183em;--font-tc:-0.1537em;font-weight:400;line-height:1.2720062892926278em;letter-spacing:-0.009em;font-weight:700;letter-spacing:0.025em;--current-bg:var(--scope-color-500);--current-text:0 0 0;--current-icon:0 0 0;--un-bg-opacity:0;background-color:rgb(var(--current-bg) / 0);--un-text-opacity:0.8;color:rgb(var(--current-text) / 0.8);--un-icon-opacity:0.5;}
|
|
122
|
+
.as-multi-select-footer-action>.loading-indicator-wrapper,
|
|
123
|
+
.as-submit-btn>.loading-indicator-wrapper,
|
|
124
|
+
.as-wf-finish-option>.loading-indicator-wrapper,
|
|
125
|
+
.as-wf-finish-primary>.loading-indicator-wrapper,
|
|
126
|
+
.as-wf-finish-skip>.loading-indicator-wrapper{position:absolute;left:0;top:0;right:0;bottom:0;display:flex;cursor:wait;align-items:center;justify-content:center;}
|
|
132
127
|
.as-ref-anchor{position:relative;display:flex;align-items:center;}
|
|
133
128
|
.as-ref-clear{position:absolute;right:0.618em;top:50%;--un-translate-y:-50%;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));cursor:pointer;border-width:0px;background-color:transparent;padding:0;line-height:1;--un-text-opacity:0.5;color:rgb(var(--current-text) / 0.5);}
|
|
134
129
|
.as-select-wrap{position:relative;display:block;width:100%;}
|
|
130
|
+
.as-submit-btn{position:relative;height:var(--v-fingertip);display:flex;-webkit-user-select:none;user-select:none;align-items:center;align-self:flex-end;justify-content:center;gap:0.382em;border-radius:4px;padding-left:1em;padding-right:1em;font-weight:700;letter-spacing:0.025em;--current-bg:var(--scope-color-500);--current-text:255 255 255;--current-icon:255 255 255;--un-icon-opacity:1;--un-bg-opacity:1;background-color:rgb(var(--current-bg) / var(--un-bg-opacity));--un-text-opacity:1;color:rgb(var(--current-text) / var(--un-text-opacity));--scope-color:37 99 235;--scope-color-50:241 246 252;--scope-color-100:208 223 246;--scope-color-200:175 200 242;--scope-color-300:144 178 239;--scope-color-400:110 154 237;--scope-color-500:76 129 236;--scope-color-600:37 99 235;--scope-color-700:24 77 199;--scope-color-800:25 62 150;--scope-color-900:23 46 103;--scope-light-0:255 255 255;--scope-dark-0:27 27 27;--scope-light-1:247 248 249;--scope-dark-1:29 31 35;--scope-light-2:240 242 244;--scope-dark-2:32 36 45;--scope-light-3:234 235 238;--scope-dark-3:38 41 47;--scope-light-4:228 228 228;--scope-dark-4:46 46 46;--current-hl:76 129 236;--current-text-muted:120 136 158;--current-icon-muted:120 136 158;--current-text-hover:27 27 27;--current-bg-hover:247 248 249;--current-border-hover:234 235 238;}
|
|
135
131
|
.as-wf-finish-option{position:relative;height:var(--v-fingertip);height:2.6em;display:flex;cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;justify-content:center;gap:0.382em;border-radius:4px;padding-left:1em;padding-right:1em;font-weight:700;letter-spacing:0.025em;--current-bg:var(--scope-color-500);--current-text:0 0 0;--current-icon:0 0 0;--un-bg-opacity:0;background-color:rgb(var(--current-bg) / 0);--un-text-opacity:0.8;color:rgb(var(--current-text) / 0.8);--un-icon-opacity:0.5;}
|
|
136
132
|
.as-wf-finish-primary{position:relative;height:var(--v-fingertip);height:2.6em;display:flex;cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;justify-content:center;gap:0.382em;border-radius:4px;padding-left:1em;padding-right:1em;font-weight:700;letter-spacing:0.025em;--current-bg:var(--scope-color-500);--current-text:255 255 255;--current-icon:255 255 255;--un-icon-opacity:1;--un-bg-opacity:1;background-color:rgb(var(--current-bg) / var(--un-bg-opacity));--un-text-opacity:1;color:rgb(var(--current-text) / var(--un-text-opacity));--scope-color:37 99 235;--scope-color-50:241 246 252;--scope-color-100:208 223 246;--scope-color-200:175 200 242;--scope-color-300:144 178 239;--scope-color-400:110 154 237;--scope-color-500:76 129 236;--scope-color-600:37 99 235;--scope-color-700:24 77 199;--scope-color-800:25 62 150;--scope-color-900:23 46 103;--scope-light-0:255 255 255;--scope-dark-0:27 27 27;--scope-light-1:247 248 249;--scope-dark-1:29 31 35;--scope-light-2:240 242 244;--scope-dark-2:32 36 45;--scope-light-3:234 235 238;--scope-dark-3:38 41 47;--scope-light-4:228 228 228;--scope-dark-4:46 46 46;--current-hl:76 129 236;--current-text-muted:120 136 158;--current-icon-muted:120 136 158;--current-text-hover:27 27 27;--current-bg-hover:247 248 249;--current-border-hover:234 235 238;}
|
|
137
133
|
.as-wf-finish-skip{position:relative;height:var(--v-fingertip);height:2.6em;display:flex;cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;justify-content:center;gap:0.382em;overflow:hidden;border-radius:4px;padding-left:1em;padding-right:1em;font-weight:700;letter-spacing:0.025em;--current-bg:var(--scope-color-500);--current-text:255 255 255;--current-icon:255 255 255;--un-icon-opacity:1;--un-bg-opacity:1;background-color:rgb(var(--current-bg) / var(--un-bg-opacity));--un-text-opacity:1;color:rgb(var(--current-text) / var(--un-text-opacity));--scope-color:37 99 235;--scope-color-50:241 246 252;--scope-color-100:208 223 246;--scope-color-200:175 200 242;--scope-color-300:144 178 239;--scope-color-400:110 154 237;--scope-color-500:76 129 236;--scope-color-600:37 99 235;--scope-color-700:24 77 199;--scope-color-800:25 62 150;--scope-color-900:23 46 103;--scope-light-0:255 255 255;--scope-dark-0:27 27 27;--scope-light-1:247 248 249;--scope-dark-1:29 31 35;--scope-light-2:240 242 244;--scope-dark-2:32 36 45;--scope-light-3:234 235 238;--scope-dark-3:38 41 47;--scope-light-4:228 228 228;--scope-dark-4:46 46 46;--current-hl:76 129 236;--current-text-muted:120 136 158;--current-icon-muted:120 136 158;--current-text-hover:27 27 27;--current-bg-hover:247 248 249;--current-border-hover:234 235 238;}
|
|
@@ -165,7 +161,6 @@ __vunor_palette_options {background-image: url("data:image/gif;base64,eyJjb2xvcn
|
|
|
165
161
|
.as-collapsible-island>summary::-webkit-details-marker,
|
|
166
162
|
.as-collapsible-section>summary::-webkit-details-marker,
|
|
167
163
|
details:not([open]) .as-variant-trigger{display:none;}
|
|
168
|
-
.as-action-field.btn-square>button,
|
|
169
164
|
.as-multi-select-footer-action.btn-square,
|
|
170
165
|
.as-submit-btn.btn-square,
|
|
171
166
|
.as-wf-finish-option.btn-square,
|
|
@@ -223,7 +218,10 @@ details:not([open]) .as-variant-trigger{display:none;}
|
|
|
223
218
|
.as-ref-anchor>input{flex:1 1 0%;}
|
|
224
219
|
.as-ref-item-label{flex:1 1 0%;--un-text-opacity:1;color:rgb(var(--current-text) / var(--un-text-opacity));}
|
|
225
220
|
.as-collapsible-chevron-collapsed{--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-rotate:-90deg;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}
|
|
221
|
+
.as-action-field>button,
|
|
226
222
|
.as-field-action-link{cursor:pointer;border-width:0px;background-color:transparent;padding:0;font-size:0.8866564356700387em;--font-bold:600;--font-size:0.8866564356700387em;--font-corrected:0.8866564356700387em;--font-bc:-0.1183em;--font-tc:-0.1537em;font-weight:400;line-height:1.2720062892926278em;letter-spacing:-0.009em;--un-text-opacity:1;color:rgb(var(--current-hl) / var(--un-text-opacity));--scope-color:37 99 235;--scope-color-50:241 246 252;--scope-color-100:208 223 246;--scope-color-200:175 200 242;--scope-color-300:144 178 239;--scope-color-400:110 154 237;--scope-color-500:76 129 236;--scope-color-600:37 99 235;--scope-color-700:24 77 199;--scope-color-800:25 62 150;--scope-color-900:23 46 103;--scope-light-0:255 255 255;--scope-dark-0:27 27 27;--scope-light-1:247 248 249;--scope-dark-1:29 31 35;--scope-light-2:240 242 244;--scope-dark-2:32 36 45;--scope-light-3:234 235 238;--scope-dark-3:38 41 47;--scope-light-4:228 228 228;--scope-dark-4:46 46 46;--current-hl:76 129 236;--current-text-muted:120 136 158;--current-icon-muted:120 136 158;--current-text-hover:27 27 27;--current-bg-hover:247 248 249;--current-border-hover:234 235 238;}
|
|
223
|
+
.as-action-field[aria-disabled=true]>button,
|
|
224
|
+
.as-action-field[data-disabled]>button,
|
|
227
225
|
.as-array-add-btn[aria-disabled=true],
|
|
228
226
|
.as-array-add-btn[data-disabled],
|
|
229
227
|
.as-decimal[aria-disabled=true],
|
|
@@ -249,7 +247,7 @@ details:not([open]) .as-variant-trigger{display:none;}
|
|
|
249
247
|
.as-variant-trigger[aria-disabled=true],
|
|
250
248
|
.as-variant-trigger[data-disabled]{cursor:not-allowed;opacity:0.4;}
|
|
251
249
|
.as-default-field :is(input:not([type=checkbox]):not([type=radio]),select,textarea):disabled{cursor:not-allowed;--current-bg:var(--scope-light-2);--current-text:var(--scope-dark-0);--current-icon:var(--scope-dark-0);--current-text-muted:var(--scope-dark-2);--current-icon-muted:var(--scope-dark-2);--current-bg-hover:var(--scope-light-3);--current-border-hover:var(--scope-light-3);--current-text-hover:var(--scope-dark-0);--current-border:120 136 158;--un-bg-opacity:1;background-color:rgb(var(--current-bg) / var(--un-bg-opacity));--un-text-opacity:1;color:rgb(var(--current-text) / var(--un-text-opacity));--un-text-opacity:0.4;color:rgb(var(--current-text) / 0.4);}
|
|
252
|
-
.as-action-field:disabled>button{cursor:not-allowed;opacity:0.
|
|
250
|
+
.as-action-field:disabled>button{cursor:not-allowed;opacity:0.4;}
|
|
253
251
|
.as-array-add-btn:disabled{cursor:not-allowed;opacity:0.4;}
|
|
254
252
|
.as-decimal:disabled{cursor:not-allowed;opacity:0.4;}
|
|
255
253
|
.as-decimal-decimal:disabled{cursor:not-allowed !important;--un-text-opacity:0.4 !important;color:rgb(var(--current-text) / 0.4) !important;}
|
|
@@ -275,19 +273,18 @@ details:not([open]) .as-variant-trigger{display:none;}
|
|
|
275
273
|
.as-suffix{-webkit-user-select:none;user-select:none;white-space:nowrap;--un-text-opacity:0.6;color:rgb(var(--current-text) / 0.6);}
|
|
276
274
|
.as-collapsible-island>summary,
|
|
277
275
|
.as-collapsible-section>summary{list-style-type:none;}
|
|
276
|
+
.as-action-field{align-items:flex-start;}
|
|
278
277
|
.as-collapsible-island{border-width:1px;border-radius:6px;padding:1em;}
|
|
279
278
|
.as-wf-finish-message{border-width:1px;border-radius:4px;padding-left:1em;padding-right:1em;padding-top:0.618em;padding-bottom:0.618em;font-size:1em;--font-bold:600;--font-size:1em;--font-corrected:1em;--font-bc:-0.1973em;--font-tc:-0.2373em;font-weight:400;line-height:1.4346101129141227em;letter-spacing:-0.011em;--current-bg:var(--scope-color-100);--current-text:var(--scope-color-800);--current-icon:var(--scope-color-800);--current-border:var(--scope-color-200);--un-bg-opacity:1;background-color:rgb(var(--current-bg) / var(--un-bg-opacity));--un-text-opacity:1;color:rgb(var(--current-text) / var(--un-text-opacity));--un-border-opacity:1;border-color:rgb(var(--current-border) / var(--un-border-opacity));--un-icon-opacity:1;}
|
|
280
279
|
.as-collapsible-section{border-top-width:1px;padding-top:1em;}
|
|
281
280
|
.as-collapsible-section:not(:has(+ .as-collapsible-section)){border-bottom-width:1px;padding-bottom:1em;}
|
|
282
281
|
.as-collapsible-section:first-child{border-top-width:0px;}
|
|
283
|
-
.as-action-field.btn-round>button,
|
|
284
282
|
.as-multi-select-footer-action.btn-round,
|
|
285
283
|
.as-submit-btn.btn-round,
|
|
286
284
|
.as-wf-finish-option.btn-round,
|
|
287
285
|
.as-wf-finish-primary.btn-round,
|
|
288
286
|
.as-wf-finish-skip.btn-round{border-radius:var(--v-fingertip-half);padding-left:var(--v-fingertip-half);padding-right:var(--v-fingertip-half);}
|
|
289
287
|
.dark .as-form-overlay{background-color:rgb(0 0 0 / 0.5);}
|
|
290
|
-
.as-action-field.btn-round.btn-square>button,
|
|
291
288
|
.as-multi-select-footer-action.btn-round.btn-square,
|
|
292
289
|
.as-submit-btn.btn-round.btn-square,
|
|
293
290
|
.as-wf-finish-option.btn-round.btn-square,
|
|
@@ -306,6 +303,7 @@ details:not([open]) .as-variant-trigger{display:none;}
|
|
|
306
303
|
.as-form-title{font-size:1.54em;font-weight:700;letter-spacing:-0.02em;}
|
|
307
304
|
.as-no-data-icon>span{font-size:1.4em;}
|
|
308
305
|
.as-object-empty-add-icon{font-size:1.2em;line-height:1;}
|
|
306
|
+
.as-paragraph-field{font-size:1em;--font-bold:600;--font-size:1em;--font-corrected:1em;--font-bc:-0.1973em;--font-tc:-0.2373em;font-weight:400;line-height:1.4346101129141227em;letter-spacing:-0.011em;}
|
|
309
307
|
.as-collapsible-title-index,
|
|
310
308
|
.as-field-label-index{font-weight:400;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;text-transform:none;--un-text-opacity:0.6;color:rgb(var(--current-text) / 0.6);}
|
|
311
309
|
.as-default-field label,
|
|
@@ -313,7 +311,9 @@ details:not([open]) .as-variant-trigger{display:none;}
|
|
|
313
311
|
.as-dropdown-item--active{font-weight:500;--un-bg-opacity:0.1;background-color:rgb(var(--current-hl) / 0.1);--un-text-opacity:1;color:rgb(var(--current-hl) / var(--un-text-opacity));}
|
|
314
312
|
.as-multi-select-item[data-state=checked]{font-weight:600;--un-bg-opacity:0.1;background-color:rgb(var(--current-hl) / 0.1);--un-text-opacity:1;color:rgb(var(--current-hl) / var(--un-text-opacity));}
|
|
315
313
|
.as-multi-select-chip-label{line-height:1;}
|
|
314
|
+
.as-action-field:not(:disabled):hover>button{text-decoration-line:underline;}
|
|
316
315
|
.as-field-action-link:not(:disabled):hover{text-decoration-line:underline;}
|
|
316
|
+
.as-action-field:focus-visible>button{text-decoration-line:underline;}
|
|
317
317
|
.as-field-action-link:focus-visible{text-decoration-line:underline;}
|
|
318
318
|
.as-checkbox-indeterminate{opacity:0.6;}
|
|
319
319
|
.as-collapsible-error-badge.dark,
|
|
@@ -350,22 +350,6 @@ details:not([open]) .as-variant-trigger{display:none;}
|
|
|
350
350
|
.as-number:focus{outline-style:solid;--current-border:var(--current-hl);outline-color:rgb(var(--i8-outline-color, var(--current-outline)) / var(--i8-outline-opacity, 0.5));outline-width:var(--i8-outline-width, 2px);}
|
|
351
351
|
.as-ref-input:focus{outline-style:solid;--current-border:var(--current-hl);outline-color:rgb(var(--i8-outline-color, var(--current-outline)) / var(--i8-outline-opacity, 0.5));outline-width:var(--i8-outline-width, 2px);}
|
|
352
352
|
.as-multi-select-item[data-highlighted]{outline:2px solid transparent;outline-offset:2px;--current-bg:var(--scope-light-3);--current-text:var(--scope-dark-0);--current-icon:var(--scope-dark-0);--current-text-muted:var(--scope-dark-2);--current-icon-muted:var(--scope-dark-2);--current-bg-hover:var(--scope-light-4);--current-border-hover:var(--scope-light-3);--current-text-hover:var(--scope-dark-0);--current-border:120 136 158;--un-bg-opacity:1;background-color:rgb(var(--current-bg) / var(--un-bg-opacity));--un-text-opacity:1;color:rgb(var(--current-text) / var(--un-text-opacity));}
|
|
353
|
-
.as-action-field:not(disabled)[data-active]>button,
|
|
354
|
-
.as-submit-btn:not(disabled)[data-active],
|
|
355
|
-
.as-wf-finish-primary:not(disabled)[data-active],
|
|
356
|
-
.as-wf-finish-skip:not(disabled)[data-active]{--current-bg:var(--scope-color-700);}
|
|
357
|
-
.as-action-field:not(disabled)[data-highlighted]>button,
|
|
358
|
-
.as-submit-btn:not(disabled)[data-highlighted],
|
|
359
|
-
.as-wf-finish-primary:not(disabled)[data-highlighted],
|
|
360
|
-
.as-wf-finish-skip:not(disabled)[data-highlighted]{--current-bg:var(--scope-color-600);}
|
|
361
|
-
.dark .as-action-field:not(disabled)[data-active]>button,
|
|
362
|
-
.dark .as-submit-btn:not(disabled)[data-active],
|
|
363
|
-
.dark .as-wf-finish-primary:not(disabled)[data-active],
|
|
364
|
-
.dark .as-wf-finish-skip:not(disabled)[data-active]{--current-bg:var(--scope-color-300);}
|
|
365
|
-
.dark .as-action-field:not(disabled)[data-highlighted]>button,
|
|
366
|
-
.dark .as-submit-btn:not(disabled)[data-highlighted],
|
|
367
|
-
.dark .as-wf-finish-primary:not(disabled)[data-highlighted],
|
|
368
|
-
.dark .as-wf-finish-skip:not(disabled)[data-highlighted]{--current-bg:var(--scope-color-400);}
|
|
369
353
|
.as-array-items-chip.dark,
|
|
370
354
|
.as-default-field.dark :is(input:not([type=checkbox]):not([type=radio]),select,textarea):disabled,
|
|
371
355
|
.as-default-field.dark :is(input:not([type=checkbox]):not([type=radio]),textarea):read-only,
|
|
@@ -470,8 +454,18 @@ details:not([open]) .as-variant-trigger{display:none;}
|
|
|
470
454
|
.dark .as-multi-select-item[data-highlighted],
|
|
471
455
|
.dark .as-ref-item[data-highlighted]{--current-bg:var(--scope-dark-3);--current-text:var(--scope-light-0);--current-icon:var(--scope-light-0);--current-text-muted:var(--scope-light-2);--current-icon-muted:var(--scope-light-2);--current-bg-hover:var(--scope-dark-4);--current-border-hover:var(--scope-dark-3);--current-text-hover:var(--scope-light-0);}
|
|
472
456
|
.as-ref-item[data-highlighted]{--current-bg:var(--scope-light-3);--current-text:var(--scope-dark-0);--current-icon:var(--scope-dark-0);--current-text-muted:var(--scope-dark-2);--current-icon-muted:var(--scope-dark-2);--current-bg-hover:var(--scope-light-4);--current-border-hover:var(--scope-light-3);--current-text-hover:var(--scope-dark-0);--current-border:120 136 158;--un-bg-opacity:1;background-color:rgb(var(--current-bg) / var(--un-bg-opacity));--un-text-opacity:1;color:rgb(var(--current-text) / var(--un-text-opacity));}
|
|
473
|
-
.as-
|
|
474
|
-
.
|
|
457
|
+
.as-submit-btn:not(disabled)[data-active],
|
|
458
|
+
.as-wf-finish-primary:not(disabled)[data-active],
|
|
459
|
+
.as-wf-finish-skip:not(disabled)[data-active]{--current-bg:var(--scope-color-700);}
|
|
460
|
+
.as-submit-btn:not(disabled)[data-highlighted],
|
|
461
|
+
.as-wf-finish-primary:not(disabled)[data-highlighted],
|
|
462
|
+
.as-wf-finish-skip:not(disabled)[data-highlighted]{--current-bg:var(--scope-color-600);}
|
|
463
|
+
.dark .as-submit-btn:not(disabled)[data-active],
|
|
464
|
+
.dark .as-wf-finish-primary:not(disabled)[data-active],
|
|
465
|
+
.dark .as-wf-finish-skip:not(disabled)[data-active]{--current-bg:var(--scope-color-300);}
|
|
466
|
+
.dark .as-submit-btn:not(disabled)[data-highlighted],
|
|
467
|
+
.dark .as-wf-finish-primary:not(disabled)[data-highlighted],
|
|
468
|
+
.dark .as-wf-finish-skip:not(disabled)[data-highlighted]{--current-bg:var(--scope-color-400);}
|
|
475
469
|
.as-dropdown-item:hover{--current-bg:var(--scope-light-3);--current-text:var(--scope-dark-0);--current-icon:var(--scope-dark-0);--current-text-muted:var(--scope-dark-2);--current-icon-muted:var(--scope-dark-2);--current-bg-hover:var(--scope-light-4);--current-border-hover:var(--scope-light-3);--current-text-hover:var(--scope-dark-0);--current-border:120 136 158;--un-bg-opacity:1;background-color:rgb(var(--current-bg) / var(--un-bg-opacity));--un-text-opacity:1;color:rgb(var(--current-text) / var(--un-text-opacity));color:rgb(var(--current-hl) / var(--un-text-opacity));}
|
|
476
470
|
.as-dropdown-item.dark:hover{--current-bg:var(--scope-dark-3);--current-text:var(--scope-light-0);--current-icon:var(--scope-light-0);--current-text-muted:var(--scope-light-2);--current-icon-muted:var(--scope-light-2);--current-bg-hover:var(--scope-dark-4);--current-border-hover:var(--scope-dark-3);--current-text-hover:var(--scope-light-0);}
|
|
477
471
|
.dark .as-dropdown-item:hover{--current-bg:var(--scope-dark-3);--current-text:var(--scope-light-0);--current-icon:var(--scope-light-0);--current-text-muted:var(--scope-light-2);--current-icon-muted:var(--scope-light-2);--current-bg-hover:var(--scope-dark-4);--current-border-hover:var(--scope-dark-3);--current-text-hover:var(--scope-light-0);}
|
|
@@ -485,8 +479,6 @@ details:not([open]) .as-variant-trigger{display:none;}
|
|
|
485
479
|
.dark .as-wf-finish-primary:not(disabled):hover{--current-bg:var(--scope-color-400);}
|
|
486
480
|
.as-wf-finish-skip:not(disabled):hover{--current-bg:var(--scope-color-600);}
|
|
487
481
|
.dark .as-wf-finish-skip:not(disabled):hover{--current-bg:var(--scope-color-400);}
|
|
488
|
-
.as-action-field:not(disabled):focus-visible>button{--current-bg:var(--scope-color-600);}
|
|
489
|
-
.dark .as-action-field:not(disabled):focus-visible>button{--current-bg:var(--scope-color-400);}
|
|
490
482
|
.as-multi-select-chip:not(disabled):focus-visible{--current-bg:var(--scope-light-1);--un-bg-opacity:1;background-color:rgb(var(--current-bg) / var(--un-bg-opacity));}
|
|
491
483
|
.dark .as-multi-select-chip:not(disabled):focus-visible{--current-bg:var(--scope-dark-1);}
|
|
492
484
|
.as-object-empty-add:not(disabled):focus-visible{--current-bg:var(--scope-light-1);--un-bg-opacity:1;background-color:rgb(var(--current-bg) / var(--un-bg-opacity));}
|
|
@@ -497,8 +489,6 @@ details:not([open]) .as-variant-trigger{display:none;}
|
|
|
497
489
|
.dark .as-wf-finish-primary:not(disabled):focus-visible{--current-bg:var(--scope-color-400);}
|
|
498
490
|
.as-wf-finish-skip:not(disabled):focus-visible{--current-bg:var(--scope-color-600);}
|
|
499
491
|
.dark .as-wf-finish-skip:not(disabled):focus-visible{--current-bg:var(--scope-color-400);}
|
|
500
|
-
.as-action-field:not(disabled):active>button{--current-bg:var(--scope-color-700);}
|
|
501
|
-
.dark .as-action-field:not(disabled):active>button{--current-bg:var(--scope-color-300);}
|
|
502
492
|
.as-multi-select-chip:not(disabled):active{--current-bg:var(--scope-light-2);--un-bg-opacity:1;background-color:rgb(var(--current-bg) / var(--un-bg-opacity));}
|
|
503
493
|
.dark .as-multi-select-chip:not(disabled):active{--current-bg:var(--scope-dark-2);}
|
|
504
494
|
.as-object-empty-add:not(disabled):active{--current-bg:var(--scope-light-2);--un-bg-opacity:1;background-color:rgb(var(--current-bg) / var(--un-bg-opacity));}
|
package/dist/index.cjs
CHANGED
|
@@ -21,7 +21,7 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
|
|
|
21
21
|
enumerable: true
|
|
22
22
|
}) : target, mod));
|
|
23
23
|
//#endregion
|
|
24
|
-
const require_kebab = require("./kebab-
|
|
24
|
+
const require_kebab = require("./kebab-BPHnHEi8.cjs");
|
|
25
25
|
let _unocss_preset_icons = require("@unocss/preset-icons");
|
|
26
26
|
_unocss_preset_icons = __toESM(_unocss_preset_icons);
|
|
27
27
|
let vunor_theme = require("vunor/theme");
|
|
@@ -122,8 +122,12 @@ const commonShortcuts = (0, vunor_theme.mergeVunorShortcuts)([baseCommon, c8Prog
|
|
|
122
122
|
//#endregion
|
|
123
123
|
//#region src/shortcuts/form/as-action.ts
|
|
124
124
|
const asActionShortcuts = (0, vunor_theme.defineShortcuts)({
|
|
125
|
-
"as-action-field": {
|
|
126
|
-
|
|
125
|
+
"as-action-field": {
|
|
126
|
+
"": "items-start",
|
|
127
|
+
"[&>button]:": "as-field-action-link"
|
|
128
|
+
},
|
|
129
|
+
"as-submit-btn": "scope-primary c8-filled btn self-end",
|
|
130
|
+
"as-paragraph-field": "text-body"
|
|
127
131
|
});
|
|
128
132
|
//#endregion
|
|
129
133
|
//#region src/shortcuts/form/as-array.ts
|
package/dist/index.mjs
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { a as getHelperClasses, i as getComponentClasses, n as componentClasses, o as helperAliases, r as componentPackages, t as kebabize } from "./kebab-
|
|
1
|
+
import { a as getHelperClasses, i as getComponentClasses, n as componentClasses, o as helperAliases, r as componentPackages, t as kebabize } from "./kebab-CZWRZ3O6.mjs";
|
|
2
2
|
import presetIcons from "@unocss/preset-icons";
|
|
3
3
|
import { defineShortcuts, defineShortcuts as defineShortcuts$1, mergeVunorShortcuts, mergeVunorShortcuts as mergeVunorShortcuts$1, presetVunor, toUnoShortcut, vunorShortcuts } from "vunor/theme";
|
|
4
4
|
//#region src/extractor.ts
|
|
@@ -95,8 +95,12 @@ const commonShortcuts = mergeVunorShortcuts$1([defineShortcuts$1({
|
|
|
95
95
|
//#endregion
|
|
96
96
|
//#region src/shortcuts/form/as-action.ts
|
|
97
97
|
const asActionShortcuts = defineShortcuts$1({
|
|
98
|
-
"as-action-field": {
|
|
99
|
-
|
|
98
|
+
"as-action-field": {
|
|
99
|
+
"": "items-start",
|
|
100
|
+
"[&>button]:": "as-field-action-link"
|
|
101
|
+
},
|
|
102
|
+
"as-submit-btn": "scope-primary c8-filled btn self-end",
|
|
103
|
+
"as-paragraph-field": "text-body"
|
|
100
104
|
});
|
|
101
105
|
//#endregion
|
|
102
106
|
//#region src/shortcuts/form/as-array.ts
|
|
@@ -137,6 +137,7 @@ const componentClasses = {
|
|
|
137
137
|
"as-object-empty-add",
|
|
138
138
|
"as-object-empty-add-icon",
|
|
139
139
|
"as-optional-clear",
|
|
140
|
+
"as-paragraph-field",
|
|
140
141
|
"as-prefix",
|
|
141
142
|
"as-prefix-icon",
|
|
142
143
|
"as-radio-group",
|
|
@@ -1442,6 +1443,7 @@ const componentClasses = {
|
|
|
1442
1443
|
"i-as-field-fill"
|
|
1443
1444
|
],
|
|
1444
1445
|
"as-paragraph": [
|
|
1446
|
+
"as-default-field",
|
|
1445
1447
|
"as-narrow:col-span-1",
|
|
1446
1448
|
"as-narrow:col-span-10",
|
|
1447
1449
|
"as-narrow:col-span-11",
|
|
@@ -1459,7 +1461,8 @@ const componentClasses = {
|
|
|
1459
1461
|
"as-narrow:row-span-3",
|
|
1460
1462
|
"as-narrow:row-span-4",
|
|
1461
1463
|
"as-narrow:row-span-5",
|
|
1462
|
-
"as-narrow:row-span-6"
|
|
1464
|
+
"as-narrow:row-span-6",
|
|
1465
|
+
"as-paragraph-field"
|
|
1463
1466
|
],
|
|
1464
1467
|
"as-preset-dialog": [
|
|
1465
1468
|
"as-narrow:col-span-1",
|
|
@@ -2219,6 +2222,7 @@ const componentClasses = {
|
|
|
2219
2222
|
"as-orderable-list-toolbar",
|
|
2220
2223
|
"as-orderable-list-toolbar-actions",
|
|
2221
2224
|
"as-orderable-list-toolbar-btn",
|
|
2225
|
+
"as-paragraph-field",
|
|
2222
2226
|
"as-prefix",
|
|
2223
2227
|
"as-prefix-icon",
|
|
2224
2228
|
"as-preset-dialog-aspect-chip",
|
|
@@ -2637,6 +2641,7 @@ const componentClasses = {
|
|
|
2637
2641
|
"as-object-empty-add",
|
|
2638
2642
|
"as-object-empty-add-icon",
|
|
2639
2643
|
"as-optional-clear",
|
|
2644
|
+
"as-paragraph-field",
|
|
2640
2645
|
"as-prefix",
|
|
2641
2646
|
"as-prefix-icon",
|
|
2642
2647
|
"as-radio-group",
|
|
@@ -137,6 +137,7 @@ const componentClasses = {
|
|
|
137
137
|
"as-object-empty-add",
|
|
138
138
|
"as-object-empty-add-icon",
|
|
139
139
|
"as-optional-clear",
|
|
140
|
+
"as-paragraph-field",
|
|
140
141
|
"as-prefix",
|
|
141
142
|
"as-prefix-icon",
|
|
142
143
|
"as-radio-group",
|
|
@@ -1442,6 +1443,7 @@ const componentClasses = {
|
|
|
1442
1443
|
"i-as-field-fill"
|
|
1443
1444
|
],
|
|
1444
1445
|
"as-paragraph": [
|
|
1446
|
+
"as-default-field",
|
|
1445
1447
|
"as-narrow:col-span-1",
|
|
1446
1448
|
"as-narrow:col-span-10",
|
|
1447
1449
|
"as-narrow:col-span-11",
|
|
@@ -1459,7 +1461,8 @@ const componentClasses = {
|
|
|
1459
1461
|
"as-narrow:row-span-3",
|
|
1460
1462
|
"as-narrow:row-span-4",
|
|
1461
1463
|
"as-narrow:row-span-5",
|
|
1462
|
-
"as-narrow:row-span-6"
|
|
1464
|
+
"as-narrow:row-span-6",
|
|
1465
|
+
"as-paragraph-field"
|
|
1463
1466
|
],
|
|
1464
1467
|
"as-preset-dialog": [
|
|
1465
1468
|
"as-narrow:col-span-1",
|
|
@@ -2219,6 +2222,7 @@ const componentClasses = {
|
|
|
2219
2222
|
"as-orderable-list-toolbar",
|
|
2220
2223
|
"as-orderable-list-toolbar-actions",
|
|
2221
2224
|
"as-orderable-list-toolbar-btn",
|
|
2225
|
+
"as-paragraph-field",
|
|
2222
2226
|
"as-prefix",
|
|
2223
2227
|
"as-prefix-icon",
|
|
2224
2228
|
"as-preset-dialog-aspect-chip",
|
|
@@ -2637,6 +2641,7 @@ const componentClasses = {
|
|
|
2637
2641
|
"as-object-empty-add",
|
|
2638
2642
|
"as-object-empty-add-icon",
|
|
2639
2643
|
"as-optional-clear",
|
|
2644
|
+
"as-paragraph-field",
|
|
2640
2645
|
"as-prefix",
|
|
2641
2646
|
"as-prefix-icon",
|
|
2642
2647
|
"as-radio-group",
|
package/dist/vite.cjs
CHANGED
package/dist/vite.mjs
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { r as componentPackages, s as primaryComponents, t as kebabize } from "./kebab-
|
|
1
|
+
import { r as componentPackages, s as primaryComponents, t as kebabize } from "./kebab-CZWRZ3O6.mjs";
|
|
2
2
|
//#region src/vite.ts
|
|
3
3
|
const PKG_TO_NPM = {
|
|
4
4
|
form: "@atscript/vue-form",
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atscript/ui-styles",
|
|
3
|
-
"version": "0.1.
|
|
3
|
+
"version": "0.1.72",
|
|
4
4
|
"description": "Shared UnoCSS shortcuts, presets, and icon loader for atscript-ui (vue-form, vue-table, vue-wf)",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"atscript",
|
|
@@ -60,9 +60,9 @@
|
|
|
60
60
|
"unplugin-vue-components": "^32.0.0",
|
|
61
61
|
"vitest": "npm:@voidzero-dev/vite-plus-test@0.1.14",
|
|
62
62
|
"vunor": "^0.2",
|
|
63
|
-
"@atscript/vue-form": "^0.1.
|
|
64
|
-
"@atscript/vue-wf": "^0.1.
|
|
65
|
-
"@atscript/vue-table": "^0.1.
|
|
63
|
+
"@atscript/vue-form": "^0.1.72",
|
|
64
|
+
"@atscript/vue-wf": "^0.1.72",
|
|
65
|
+
"@atscript/vue-table": "^0.1.72"
|
|
66
66
|
},
|
|
67
67
|
"peerDependencies": {
|
|
68
68
|
"@unocss/preset-icons": "^66.6.0",
|