@atscript/ui-styles 0.1.103 → 0.1.104
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 +2 -0
- package/dist/css/aooth.css +2 -0
- package/dist/css/form.css +2 -0
- package/dist/css/table.css +2 -0
- package/dist/css/wf.css +3 -1
- package/dist/index.cjs +2 -0
- package/dist/index.mjs +2 -0
- package/package.json +5 -5
package/dist/css/all.css
CHANGED
|
@@ -294,6 +294,7 @@ __vunor_palette_options {background-image: url("data:image/gif;base64,eyJjb2xvcn
|
|
|
294
294
|
.as-window-scrollbar-track{position:relative;height:100%;width:100%;cursor:pointer;border-radius:5px;--un-bg-opacity:0.05;background-color:rgba(0, 0, 0, var(--un-bg-opacity));}
|
|
295
295
|
.as-window-skeleton-cell{position:relative;background-color:transparent;padding-left:1em;padding-right:1em;padding-top:0.618em;padding-bottom:0.618em;vertical-align:middle;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;color:transparent;}
|
|
296
296
|
.as-window-table-scroll-area{position:relative;min-height:0;width:100%;display:flex;flex:1 1 0%;flex-direction:row;}
|
|
297
|
+
.as-default-field:is([data-dirty])::before{position:absolute;left:-0.4em;top:0;bottom:0;width:0.15em;border-radius:9999px;content:"";--un-bg-opacity:1;background-color:rgb(var(--current-hl) / var(--un-bg-opacity));}
|
|
297
298
|
.as-orderable-list-drop-indicator::before{position:absolute;left:0;top:-0.15em;width:6px;height:6px;border-radius:9999px;content:'';--un-bg-opacity:1;background-color:rgb(var(--current-hl) / var(--un-bg-opacity));}
|
|
298
299
|
.as-preset-dialog-aspect-chip:not(:first-child)::before{position:absolute;left:0;top:0.236em;bottom:0.236em;width:0;border-left-width:1px;content:'';}
|
|
299
300
|
.as-preset-picker-item-aspect-chip:not(:first-child)::before{position:absolute;left:0;top:0.236em;bottom:0.236em;width:0;border-left-width:1px;content:'';}
|
|
@@ -1822,6 +1823,7 @@ tr[data-state=checked] .as-table-checkbox{--un-bg-opacity:1;background-color:rgb
|
|
|
1822
1823
|
.as-table-actions-intent-positive.as-table-actions-btn{--scope-color:76 156 59 !important;--scope-color-50:243 246 241 !important;--scope-color-100:214 227 207 !important;--scope-color-200:180 210 166 !important;--scope-color-300:141 194 121 !important;--scope-color-400:97 178 73 !important;--scope-color-500:76 156 59 !important;--scope-color-600:67 129 54 !important;--scope-color-700:59 104 50 !important;--scope-color-800:49 79 44 !important;--scope-color-900:40 56 37 !important;--scope-light-0:255 255 255 !important;--scope-dark-0:27 27 27 !important;--scope-light-1:248 249 248 !important;--scope-dark-1:29 32 29 !important;--scope-light-2:240 242 240 !important;--scope-dark-2:33 38 32 !important;--scope-light-3:234 236 234 !important;--scope-dark-3:39 42 38 !important;--scope-light-4:228 228 228 !important;--scope-dark-4:46 46 46 !important;--current-hl:76 156 59 !important;--current-text-muted:120 136 158 !important;--current-icon-muted:120 136 158 !important;--current-text-hover:27 27 27 !important;--current-bg-hover:248 249 248 !important;--current-border-hover:234 236 234 !important;}
|
|
1823
1824
|
.as-confirm-dialog-confirm-neutral.as-confirm-dialog-confirm{--scope-color:117 135 162 !important;--scope-color-50:245 245 245 !important;--scope-color-100:220 222 224 !important;--scope-color-200:195 200 206 !important;--scope-color-300:169 178 189 !important;--scope-color-400:144 157 175 !important;--scope-color-500:117 135 162 !important;--scope-color-600:98 113 135 !important;--scope-color-700:82 91 104 !important;--scope-color-800:67 71 76 !important;--scope-color-900:51 51 51 !important;--scope-light-0:255 255 255 !important;--scope-dark-0:27 27 27 !important;--scope-light-1:248 248 249 !important;--scope-dark-1:31 31 32 !important;--scope-light-2:241 241 242 !important;--scope-dark-2:36 36 38 !important;--scope-light-3:235 235 236 !important;--scope-dark-3:40 41 42 !important;--scope-light-4:228 228 228 !important;--scope-dark-4:46 46 46 !important;--current-hl:117 135 162 !important;--current-text-muted:120 136 158 !important;--current-icon-muted:120 136 158 !important;--current-text-hover:27 27 27 !important;--current-bg-hover:248 248 249 !important;--current-border-hover:235 235 236 !important;}
|
|
1824
1825
|
.as-confirm-dialog-confirm-primary,
|
|
1826
|
+
.as-default-field:is([data-dirty]),
|
|
1825
1827
|
.as-row-actions-intent-primary,
|
|
1826
1828
|
.as-table-actions-intent-primary,
|
|
1827
1829
|
.as-wf-finish-message[data-level="info"]{--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;}
|
package/dist/css/aooth.css
CHANGED
|
@@ -137,6 +137,7 @@ __vunor_palette_options {background-image: url("data:image/gif;base64,eyJjb2xvcn
|
|
|
137
137
|
.as-sso-provider-btn{position:relative;height:var(--v-fingertip);width:100%;height:2.9em;display:flex;cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;justify-content:center;gap:0.382em;gap:0.618em;border-width:1px;border-radius:4px;padding-left:1em;padding-right:1em;font-size:1.2720062892926278em;--font-bold:600;--font-size:1.2720062892926278em;--font-corrected:1.2720062892926278em;--font-bc:-0.1919em;--font-tc:-0.2427em;font-weight:400;line-height:1.4346101129141227em;letter-spacing:-0.014em;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;}
|
|
138
138
|
.as-sso-provider-chip{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-width:1px;border-radius:4px;padding-left:1em;padding-right:1em;padding-left:0.618em;padding-right:0.618em;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-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;}
|
|
139
139
|
.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;}
|
|
140
|
+
.as-default-field:is([data-dirty])::before{position:absolute;left:-0.4em;top:0;bottom:0;width:0.15em;border-radius:9999px;content:"";--un-bg-opacity:1;background-color:rgb(var(--current-hl) / var(--un-bg-opacity));}
|
|
140
141
|
.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;}
|
|
141
142
|
.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;}
|
|
142
143
|
.as-sso-providers-secondary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;gap:0.618em;}
|
|
@@ -608,6 +609,7 @@ details:not([open]) .as-variant-trigger{display:none;}
|
|
|
608
609
|
.as-multi-select-anchor::placeholder{--un-text-opacity:0.5;color:rgb(var(--current-text) / 0.5);}
|
|
609
610
|
.as-number::placeholder{--un-text-opacity:0.5;color:rgb(var(--current-text) / 0.5);}
|
|
610
611
|
.as-ref-input::placeholder{--un-text-opacity:0.5;color:rgb(var(--current-text) / 0.5);}
|
|
612
|
+
.as-default-field:is([data-dirty]){--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;}
|
|
611
613
|
.dark .as-copy-input{--un-text-opacity:1;color:rgb(var(--scope-light-0, #ffffff) / var(--un-text-opacity));}
|
|
612
614
|
/* layer: default */
|
|
613
615
|
.col-span-1{grid-column:span 1/span 1;}
|
package/dist/css/form.css
CHANGED
|
@@ -121,6 +121,7 @@ __vunor_palette_options {background-image: url("data:image/gif;base64,eyJjb2xvcn
|
|
|
121
121
|
.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);}
|
|
122
122
|
.as-select-wrap{position:relative;display:block;width:100%;}
|
|
123
123
|
.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;}
|
|
124
|
+
.as-default-field:is([data-dirty])::before{position:absolute;left:-0.4em;top:0;bottom:0;width:0.15em;border-radius:9999px;content:"";--un-bg-opacity:1;background-color:rgb(var(--current-hl) / var(--un-bg-opacity));}
|
|
124
125
|
.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;}
|
|
125
126
|
.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;}
|
|
126
127
|
.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);}
|
|
@@ -476,6 +477,7 @@ details:not([open]) .as-variant-trigger{display:none;}
|
|
|
476
477
|
.as-multi-select-anchor::placeholder{--un-text-opacity:0.5;color:rgb(var(--current-text) / 0.5);}
|
|
477
478
|
.as-number::placeholder{--un-text-opacity:0.5;color:rgb(var(--current-text) / 0.5);}
|
|
478
479
|
.as-ref-input::placeholder{--un-text-opacity:0.5;color:rgb(var(--current-text) / 0.5);}
|
|
480
|
+
.as-default-field:is([data-dirty]){--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;}
|
|
479
481
|
/* layer: default */
|
|
480
482
|
.col-span-1{grid-column:span 1/span 1;}
|
|
481
483
|
.col-span-10{grid-column:span 10/span 10;}
|
package/dist/css/table.css
CHANGED
|
@@ -263,6 +263,7 @@ __vunor_palette_options {background-image: url("data:image/gif;base64,eyJjb2xvcn
|
|
|
263
263
|
.as-window-scrollbar-track{position:relative;height:100%;width:100%;cursor:pointer;border-radius:5px;--un-bg-opacity:0.05;background-color:rgba(0, 0, 0, var(--un-bg-opacity));}
|
|
264
264
|
.as-window-skeleton-cell{position:relative;background-color:transparent;padding-left:1em;padding-right:1em;padding-top:0.618em;padding-bottom:0.618em;vertical-align:middle;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;color:transparent;}
|
|
265
265
|
.as-window-table-scroll-area{position:relative;min-height:0;width:100%;display:flex;flex:1 1 0%;flex-direction:row;}
|
|
266
|
+
.as-default-field:is([data-dirty])::before{position:absolute;left:-0.4em;top:0;bottom:0;width:0.15em;border-radius:9999px;content:"";--un-bg-opacity:1;background-color:rgb(var(--current-hl) / var(--un-bg-opacity));}
|
|
266
267
|
.as-orderable-list-drop-indicator::before{position:absolute;left:0;top:-0.15em;width:6px;height:6px;border-radius:9999px;content:'';--un-bg-opacity:1;background-color:rgb(var(--current-hl) / var(--un-bg-opacity));}
|
|
267
268
|
.as-preset-dialog-aspect-chip:not(:first-child)::before{position:absolute;left:0;top:0.236em;bottom:0.236em;width:0;border-left-width:1px;content:'';}
|
|
268
269
|
.as-preset-picker-item-aspect-chip:not(:first-child)::before{position:absolute;left:0;top:0.236em;bottom:0.236em;width:0;border-left-width:1px;content:'';}
|
|
@@ -1616,6 +1617,7 @@ tr[data-state=checked] .as-table-checkbox{--un-bg-opacity:1;background-color:rgb
|
|
|
1616
1617
|
.as-table-actions-intent-positive.as-table-actions-btn{--scope-color:76 156 59 !important;--scope-color-50:243 246 241 !important;--scope-color-100:214 227 207 !important;--scope-color-200:180 210 166 !important;--scope-color-300:141 194 121 !important;--scope-color-400:97 178 73 !important;--scope-color-500:76 156 59 !important;--scope-color-600:67 129 54 !important;--scope-color-700:59 104 50 !important;--scope-color-800:49 79 44 !important;--scope-color-900:40 56 37 !important;--scope-light-0:255 255 255 !important;--scope-dark-0:27 27 27 !important;--scope-light-1:248 249 248 !important;--scope-dark-1:29 32 29 !important;--scope-light-2:240 242 240 !important;--scope-dark-2:33 38 32 !important;--scope-light-3:234 236 234 !important;--scope-dark-3:39 42 38 !important;--scope-light-4:228 228 228 !important;--scope-dark-4:46 46 46 !important;--current-hl:76 156 59 !important;--current-text-muted:120 136 158 !important;--current-icon-muted:120 136 158 !important;--current-text-hover:27 27 27 !important;--current-bg-hover:248 249 248 !important;--current-border-hover:234 236 234 !important;}
|
|
1617
1618
|
.as-confirm-dialog-confirm-neutral.as-confirm-dialog-confirm{--scope-color:117 135 162 !important;--scope-color-50:245 245 245 !important;--scope-color-100:220 222 224 !important;--scope-color-200:195 200 206 !important;--scope-color-300:169 178 189 !important;--scope-color-400:144 157 175 !important;--scope-color-500:117 135 162 !important;--scope-color-600:98 113 135 !important;--scope-color-700:82 91 104 !important;--scope-color-800:67 71 76 !important;--scope-color-900:51 51 51 !important;--scope-light-0:255 255 255 !important;--scope-dark-0:27 27 27 !important;--scope-light-1:248 248 249 !important;--scope-dark-1:31 31 32 !important;--scope-light-2:241 241 242 !important;--scope-dark-2:36 36 38 !important;--scope-light-3:235 235 236 !important;--scope-dark-3:40 41 42 !important;--scope-light-4:228 228 228 !important;--scope-dark-4:46 46 46 !important;--current-hl:117 135 162 !important;--current-text-muted:120 136 158 !important;--current-icon-muted:120 136 158 !important;--current-text-hover:27 27 27 !important;--current-bg-hover:248 248 249 !important;--current-border-hover:235 235 236 !important;}
|
|
1618
1619
|
.as-confirm-dialog-confirm-primary,
|
|
1620
|
+
.as-default-field:is([data-dirty]),
|
|
1619
1621
|
.as-row-actions-intent-primary,
|
|
1620
1622
|
.as-table-actions-intent-primary{--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;}
|
|
1621
1623
|
.as-confirm-dialog-confirm-secondary,
|
package/dist/css/wf.css
CHANGED
|
@@ -136,6 +136,7 @@ __vunor_palette_options {background-image: url("data:image/gif;base64,eyJjb2xvcn
|
|
|
136
136
|
.as-wf-finish-skip-fill{position:absolute;top:0;bottom:0;left:0;width:0;animation:as-progress-fill var(--progress-duration,4s) linear forwards;background-color:rgb(0 0 0 / 0.2);}
|
|
137
137
|
.as-wf-finish-skip-label{position:relative;}
|
|
138
138
|
.as-wf-form-loading{position:relative;min-height:100px;}
|
|
139
|
+
.as-default-field:is([data-dirty])::before{position:absolute;left:-0.4em;top:0;bottom:0;width:0.15em;border-radius:9999px;content:"";--un-bg-opacity:1;background-color:rgb(var(--current-hl) / var(--un-bg-opacity));}
|
|
139
140
|
.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;}
|
|
140
141
|
.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;}
|
|
141
142
|
.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);}
|
|
@@ -550,8 +551,9 @@ details:not([open]) .as-variant-trigger{display:none;}
|
|
|
550
551
|
.as-multi-select-anchor::placeholder{--un-text-opacity:0.5;color:rgb(var(--current-text) / 0.5);}
|
|
551
552
|
.as-number::placeholder{--un-text-opacity:0.5;color:rgb(var(--current-text) / 0.5);}
|
|
552
553
|
.as-ref-input::placeholder{--un-text-opacity:0.5;color:rgb(var(--current-text) / 0.5);}
|
|
553
|
-
.as-
|
|
554
|
+
.as-default-field:is([data-dirty]),
|
|
554
555
|
.as-wf-finish-message[data-level="info"]{--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;}
|
|
556
|
+
.as-wf-finish-message[data-level="error"]{--scope-color:225 72 72;--scope-color-50:251 243 243;--scope-color-100:242 214 212;--scope-color-200:236 184 180;--scope-color-300:232 152 149;--scope-color-400:229 116 115;--scope-color-500:225 72 72;--scope-color-600:202 39 39;--scope-color-700:161 37 37;--scope-color-800:122 35 35;--scope-color-900:85 30 30;--scope-light-0:255 255 255;--scope-dark-0:27 27 27;--scope-light-1:249 248 248;--scope-dark-1:36 30 30;--scope-light-2:244 240 240;--scope-dark-2:44 33 33;--scope-light-3:237 234 234;--scope-dark-3:47 39 39;--scope-light-4:228 228 228;--scope-dark-4:46 46 46;--current-hl:225 72 72;--current-text-muted:120 136 158;--current-icon-muted:120 136 158;--current-text-hover:27 27 27;--current-bg-hover:249 248 248;--current-border-hover:237 234 234;}
|
|
555
557
|
.as-wf-finish-message[data-level="success"]{--scope-color:76 156 59;--scope-color-50:243 246 241;--scope-color-100:214 227 207;--scope-color-200:180 210 166;--scope-color-300:141 194 121;--scope-color-400:97 178 73;--scope-color-500:76 156 59;--scope-color-600:67 129 54;--scope-color-700:59 104 50;--scope-color-800:49 79 44;--scope-color-900:40 56 37;--scope-light-0:255 255 255;--scope-dark-0:27 27 27;--scope-light-1:248 249 248;--scope-dark-1:29 32 29;--scope-light-2:240 242 240;--scope-dark-2:33 38 32;--scope-light-3:234 236 234;--scope-dark-3:39 42 38;--scope-light-4:228 228 228;--scope-dark-4:46 46 46;--current-hl:76 156 59;--current-text-muted:120 136 158;--current-icon-muted:120 136 158;--current-text-hover:27 27 27;--current-bg-hover:248 249 248;--current-border-hover:234 236 234;}
|
|
556
558
|
.as-wf-finish-message[data-level="warn"]{--scope-color:191 113 14;--scope-color-50:250 245 233;--scope-color-100:241 220 179;--scope-color-200:235 192 119;--scope-color-300:231 161 54;--scope-color-400:216 134 20;--scope-color-500:191 113 14;--scope-color-600:161 94 16;--scope-color-700:131 76 17;--scope-color-800:101 59 18;--scope-color-900:73 43 17;--scope-light-0:255 255 255;--scope-dark-0:27 27 27;--scope-light-1:249 248 247;--scope-dark-1:34 31 28;--scope-light-2:244 241 239;--scope-dark-2:40 35 28;--scope-light-3:237 235 232;--scope-dark-3:44 40 35;--scope-light-4:228 228 228;--scope-dark-4:46 46 46;--current-hl:191 113 14;--current-text-muted:120 136 158;--current-icon-muted:120 136 158;--current-text-hover:27 27 27;--current-bg-hover:249 248 247;--current-border-hover:237 235 232;}
|
|
557
559
|
/* layer: default */
|
package/dist/index.cjs
CHANGED
|
@@ -354,6 +354,8 @@ const asFieldShortcuts = (0, vunor_theme.defineShortcuts)({
|
|
|
354
354
|
"": "as-grid-item flex flex-col gap-$xs relative",
|
|
355
355
|
"[&.required_.as-field-label]:after:": "content-[\"_*\"] scope-error text-current-hl font-700 ml-[0.1em]",
|
|
356
356
|
"[&.error_.as-error-slot]:": "scope-error text-current-hl",
|
|
357
|
+
"[&:is([data-dirty])]:": "scope-primary",
|
|
358
|
+
"[&:is([data-dirty])]:before:": "content-[\"\"] absolute left-[-0.4em] top-0 bottom-0 w-[0.15em] rounded-full bg-current-hl",
|
|
357
359
|
"[&_:is(input:not([type=checkbox]):not([type=radio]),select,textarea)]:": inputBase,
|
|
358
360
|
"[&_:is(input:not([type=checkbox]):not([type=radio]),select,textarea):hover]:": "border-current/30",
|
|
359
361
|
"[&_:is(input:not([type=checkbox]):not([type=radio]),select,textarea):focus]:": "current-border-hl outline i8-apply-outline",
|
package/dist/index.mjs
CHANGED
|
@@ -327,6 +327,8 @@ const asFieldShortcuts = defineShortcuts$1({
|
|
|
327
327
|
"": "as-grid-item flex flex-col gap-$xs relative",
|
|
328
328
|
"[&.required_.as-field-label]:after:": "content-[\"_*\"] scope-error text-current-hl font-700 ml-[0.1em]",
|
|
329
329
|
"[&.error_.as-error-slot]:": "scope-error text-current-hl",
|
|
330
|
+
"[&:is([data-dirty])]:": "scope-primary",
|
|
331
|
+
"[&:is([data-dirty])]:before:": "content-[\"\"] absolute left-[-0.4em] top-0 bottom-0 w-[0.15em] rounded-full bg-current-hl",
|
|
330
332
|
"[&_:is(input:not([type=checkbox]):not([type=radio]),select,textarea)]:": inputBase,
|
|
331
333
|
"[&_:is(input:not([type=checkbox]):not([type=radio]),select,textarea):hover]:": "border-current/30",
|
|
332
334
|
"[&_:is(input:not([type=checkbox]):not([type=radio]),select,textarea):focus]:": "current-border-hl outline i8-apply-outline",
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atscript/ui-styles",
|
|
3
|
-
"version": "0.1.
|
|
3
|
+
"version": "0.1.104",
|
|
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",
|
|
@@ -64,10 +64,10 @@
|
|
|
64
64
|
"unplugin-vue-components": "^32.0.0",
|
|
65
65
|
"vitest": "npm:@voidzero-dev/vite-plus-test@0.1.14",
|
|
66
66
|
"vunor": "^0.2.1",
|
|
67
|
-
"@atscript/vue-
|
|
68
|
-
"@atscript/vue-
|
|
69
|
-
"@atscript/vue-
|
|
70
|
-
"@atscript/vue-
|
|
67
|
+
"@atscript/vue-table": "^0.1.104",
|
|
68
|
+
"@atscript/vue-wf": "^0.1.104",
|
|
69
|
+
"@atscript/vue-form": "^0.1.104",
|
|
70
|
+
"@atscript/vue-aooth": "^0.1.104"
|
|
71
71
|
},
|
|
72
72
|
"peerDependencies": {
|
|
73
73
|
"@unocss/preset-icons": "^66.7.0",
|