@aortl/admin-css 0.10.0 → 0.12.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +1 -1
- package/dist/admin.css +155 -63
- package/dist/admin.min.css +1 -1
- package/dist/admin.scoped.css +153 -63
- package/dist/admin.scoped.min.css +54 -38
- package/dist/admin.utilities.css +2405 -136
- package/dist/admin.utilities.min.css +1 -1
- package/package.json +1 -1
- package/src/components/badge.css +4 -6
- package/src/components/button.css +8 -9
- package/src/components/card.css +52 -1
- package/src/components/container.css +35 -0
- package/src/components/file-input.css +3 -7
- package/src/components/index.css +1 -0
- package/src/components/input.css +3 -7
- package/src/components/select.css +3 -7
- package/src/components/stat-card.css +31 -10
- package/src/components/tabs.css +3 -10
- package/src/components/textarea.css +3 -7
- package/src/utilities.css +30 -0
|
@@ -158,8 +158,13 @@
|
|
|
158
158
|
:scope._ao-app-shell-with-sidebar, :scope ._ao-app-shell-with-sidebar{grid-template-columns:auto 1fr;grid-template-areas:"header header""sidebar main""footer footer"}
|
|
159
159
|
:scope._ao-app-shell-with-sidebar>._ao-sidebar, :scope ._ao-app-shell-with-sidebar>._ao-sidebar{grid-area:sidebar}
|
|
160
160
|
@media (max-width:48rem){:scope._ao-app-shell-with-sidebar, :scope ._ao-app-shell-with-sidebar{grid-template-columns:1fr;grid-template-areas:"header""main""footer"}:scope._ao-app-shell-with-sidebar>._ao-sidebar, :scope ._ao-app-shell-with-sidebar>._ao-sidebar{display:none}}
|
|
161
|
-
:scope._ao-
|
|
162
|
-
:scope._ao-
|
|
161
|
+
:scope._ao-container, :scope ._ao-container{gap:calc(var(--spacing) * 6);width:100%;padding-inline:calc(var(--spacing) * 6);padding-block:calc(var(--spacing) * 6);max-width:var(--container-max,90rem);flex-direction:column;margin-inline:auto;display:flex}
|
|
162
|
+
:scope._ao-container-sm, :scope ._ao-container-sm{--container-max:60rem}
|
|
163
|
+
:scope._ao-container-lg, :scope ._ao-container-lg{--container-max:115rem}
|
|
164
|
+
:scope._ao-container-fluid, :scope ._ao-container-fluid{--container-max:none}
|
|
165
|
+
:scope._ao-container-compact, :scope ._ao-container-compact{gap:calc(var(--spacing) * 4);padding-block:calc(var(--spacing) * 4)}
|
|
166
|
+
@media (max-width:48rem){:scope._ao-container, :scope ._ao-container{padding-inline:calc(var(--spacing) * 4)}}
|
|
167
|
+
:scope._ao-badge, :scope ._ao-badge{height:calc(var(--spacing) * 5);justify-content:center;align-items:center;gap:calc(var(--spacing) * 1);border-style:var(--tw-border-style);background-color:var(--color-surface-strong);padding-inline:calc(var(--spacing) * 2);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));--tw-leading:1;--tw-font-weight:var(--font-weight-medium);line-height:1;font-weight:var(--font-weight-medium);white-space:nowrap;color:var(--color-text);border-width:1px;border-color:#0000;border-radius:3.40282e38px;display:inline-flex}
|
|
163
168
|
:scope._ao-badge-info, :scope ._ao-badge-info{border-color:var(--color-info-muted);background-color:var(--color-info-muted);color:var(--color-info)}
|
|
164
169
|
:scope._ao-badge-success, :scope ._ao-badge-success{border-color:var(--color-success-muted);background-color:var(--color-success-muted);color:var(--color-success)}
|
|
165
170
|
:scope._ao-badge-warning, :scope ._ao-badge-warning{border-color:var(--color-warning-muted);background-color:var(--color-warning-muted);color:var(--color-text)}
|
|
@@ -253,16 +258,15 @@
|
|
|
253
258
|
:scope._ao-property-list-copy ._ao-property-list-copy-icon-copied, :scope ._ao-property-list-copy ._ao-property-list-copy-icon-copied, :scope._ao-property-list-copy[data-copied] ._ao-property-list-copy-icon, :scope ._ao-property-list-copy[data-copied] ._ao-property-list-copy-icon{display:none}
|
|
254
259
|
:scope._ao-property-list-copy[data-copied] ._ao-property-list-copy-icon-copied, :scope ._ao-property-list-copy[data-copied] ._ao-property-list-copy-icon-copied{display:inline-flex}
|
|
255
260
|
:scope._ao-property-list-copy[data-copied], :scope ._ao-property-list-copy[data-copied]{color:var(--color-success)}
|
|
256
|
-
:scope._ao-btn, :scope ._ao-btn{cursor:pointer;justify-content:center;align-items:center;gap:calc(var(--spacing) * 2);border-radius:var(--radius-lg);border-style:var(--tw-border-style);padding-inline:calc(var(--spacing) * 4);padding-block:calc(var(--spacing) * 2);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-leading:1;--tw-font-weight:var(--font-weight-medium);line-height:1;font-weight:var(--font-weight-medium);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.15s;-webkit-user-select:none;user-select:none;
|
|
261
|
+
:scope._ao-btn, :scope ._ao-btn{cursor:pointer;justify-content:center;align-items:center;gap:calc(var(--spacing) * 2);border-radius:var(--radius-lg);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-border);background-color:var(--color-surface-muted);padding-inline:calc(var(--spacing) * 4);padding-block:calc(var(--spacing) * 2);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-leading:1;--tw-font-weight:var(--font-weight-medium);line-height:1;font-weight:var(--font-weight-medium);color:var(--color-text);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.15s;-webkit-user-select:none;user-select:none;transition-duration:.15s;display:inline-flex}
|
|
262
|
+
@media (hover:hover){:scope._ao-btn:hover, :scope ._ao-btn:hover{background-color:var(--color-surface-strong)}}
|
|
257
263
|
:scope._ao-btn:focus-visible, :scope ._ao-btn:focus-visible{outline-style:var(--tw-outline-style);outline-offset:2px;outline-width:2px;outline-color:var(--color-primary)}
|
|
258
264
|
:scope._ao-btn:disabled, :scope ._ao-btn:disabled{pointer-events:none;cursor:not-allowed;opacity:.5}
|
|
259
|
-
:scope._ao-btn-primary, :scope ._ao-btn-primary{background-color:var(--color-primary);color:var(--color-primary-content)}
|
|
265
|
+
:scope._ao-btn-primary, :scope ._ao-btn-primary{background-color:var(--color-primary);color:var(--color-primary-content);border-color:#0000}
|
|
260
266
|
@media (hover:hover){:scope._ao-btn-primary:hover, :scope ._ao-btn-primary:hover{background-color:var(--color-primary-hover)}}
|
|
261
|
-
:scope._ao-btn-
|
|
262
|
-
@media (hover:hover){:scope._ao-btn-secondary:hover, :scope ._ao-btn-secondary:hover{background-color:var(--color-surface-strong)}}
|
|
263
|
-
:scope._ao-btn-ghost, :scope ._ao-btn-ghost{color:var(--color-text);background-color:#0000}
|
|
267
|
+
:scope._ao-btn-ghost, :scope ._ao-btn-ghost{color:var(--color-text);background-color:#0000;border-color:#0000}
|
|
264
268
|
@media (hover:hover){:scope._ao-btn-ghost:hover, :scope ._ao-btn-ghost:hover{background-color:var(--color-surface-muted)}}
|
|
265
|
-
:scope._ao-btn-danger, :scope ._ao-btn-danger{background-color:var(--color-danger);color:var(--color-danger-content)}
|
|
269
|
+
:scope._ao-btn-danger, :scope ._ao-btn-danger{background-color:var(--color-danger);color:var(--color-danger-content);border-color:#0000}
|
|
266
270
|
@media (hover:hover){:scope._ao-btn-danger:hover, :scope ._ao-btn-danger:hover{opacity:.9}}
|
|
267
271
|
:scope._ao-btn-sm, :scope ._ao-btn-sm{gap:calc(var(--spacing) * 1.5);padding-inline:calc(var(--spacing) * 3);padding-block:calc(var(--spacing) * 1.5);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}
|
|
268
272
|
:scope._ao-btn-lg, :scope ._ao-btn-lg{gap:calc(var(--spacing) * 2.5);padding-inline:calc(var(--spacing) * 5);padding-block:calc(var(--spacing) * 2.5);font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}
|
|
@@ -295,15 +299,15 @@
|
|
|
295
299
|
:scope._ao-btn-group-vertical>._ao-btn:last-child, :scope ._ao-btn-group-vertical>._ao-btn:last-child, :scope._ao-btn-group-vertical>._ao-menu:last-child>._ao-menu-trigger, :scope ._ao-btn-group-vertical>._ao-menu:last-child>._ao-menu-trigger{border-bottom-right-radius:var(--radius-lg);border-bottom-left-radius:var(--radius-lg)}
|
|
296
300
|
:scope._ao-btn-group-vertical>._ao-btn:not(:first-child), :scope ._ao-btn-group-vertical>._ao-btn:not(:first-child), :scope._ao-btn-group-vertical>._ao-menu:not(:first-child)>._ao-menu-trigger, :scope ._ao-btn-group-vertical>._ao-menu:not(:first-child)>._ao-menu-trigger{border-top-color:currentColor}
|
|
297
301
|
@supports (color:color-mix(in lab, red, red)){:scope._ao-btn-group-vertical>._ao-btn:not(:first-child), :scope ._ao-btn-group-vertical>._ao-btn:not(:first-child), :scope._ao-btn-group-vertical>._ao-menu:not(:first-child)>._ao-menu-trigger, :scope ._ao-btn-group-vertical>._ao-menu:not(:first-child)>._ao-menu-trigger{border-top-color:color-mix(in srgb, currentColor 25%, transparent)}}
|
|
298
|
-
:scope._ao-input, :scope ._ao-input{border-radius:var(--radius-lg);border-style:var(--tw-border-style);background-color:var(--color-surface);width:100%;padding-inline:calc(var(--spacing) * 3);padding-block:calc(var(--spacing) * 2);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-leading:1;color:var(--color-text);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.15s;
|
|
302
|
+
:scope._ao-input, :scope ._ao-input{border-radius:var(--radius-lg);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-border);background-color:var(--color-surface);width:100%;padding-inline:calc(var(--spacing) * 3);padding-block:calc(var(--spacing) * 2);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-leading:1;color:var(--color-text);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.15s;align-items:center;line-height:1;transition-duration:.15s;display:inline-flex}
|
|
299
303
|
:scope._ao-input::placeholder, :scope ._ao-input::placeholder{color:var(--color-text-muted)}
|
|
304
|
+
@media (hover:hover){:scope._ao-input:hover, :scope ._ao-input:hover{border-color:var(--color-border-strong)}}
|
|
300
305
|
:scope._ao-input:focus-visible, :scope ._ao-input:focus-visible{outline-style:var(--tw-outline-style);outline-offset:2px;outline-width:2px;outline-color:var(--color-primary)}
|
|
301
306
|
:scope._ao-input:disabled, :scope ._ao-input:disabled{cursor:not-allowed;opacity:.5}
|
|
302
|
-
:scope._ao-input-
|
|
303
|
-
@media (hover:hover){:scope._ao-input-
|
|
304
|
-
:scope._ao-input-ghost, :scope ._ao-input-ghost{background-color:#0000}
|
|
305
|
-
@media (hover:hover){:scope._ao-input-ghost:hover, :scope ._ao-input-ghost:hover{background-color:var(--color-surface-muted)}}
|
|
307
|
+
:scope._ao-input-ghost, :scope ._ao-input-ghost{background-color:#0000;border-color:#0000}
|
|
308
|
+
@media (hover:hover){:scope._ao-input-ghost:hover, :scope ._ao-input-ghost:hover{background-color:var(--color-surface-muted);border-color:#0000}}
|
|
306
309
|
:scope._ao-input-danger, :scope ._ao-input-danger{border-color:var(--color-danger)}
|
|
310
|
+
@media (hover:hover){:scope._ao-input-danger:hover, :scope ._ao-input-danger:hover{border-color:var(--color-danger)}}
|
|
307
311
|
:scope._ao-input-danger:focus-visible, :scope ._ao-input-danger:focus-visible{outline-color:var(--color-danger)}
|
|
308
312
|
:scope._ao-input-sm, :scope ._ao-input-sm{padding-inline:calc(var(--spacing) * 2.5);padding-block:calc(var(--spacing) * 1.5);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}
|
|
309
313
|
:scope._ao-input-lg, :scope ._ao-input-lg{padding-inline:calc(var(--spacing) * 4);padding-block:calc(var(--spacing) * 2.5);font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}
|
|
@@ -316,15 +320,15 @@
|
|
|
316
320
|
:scope._ao-input-group>:not(:first-child), :scope ._ao-input-group>:not(:first-child){margin-left:-1px}
|
|
317
321
|
:scope._ao-input-group>:focus, :scope ._ao-input-group>:focus, :scope._ao-input-group>:focus-within, :scope ._ao-input-group>:focus-within{z-index:10;position:relative}
|
|
318
322
|
:scope._ao-input-group-addon, :scope ._ao-input-group-addon{border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-border);background-color:var(--color-surface-muted);padding-inline:calc(var(--spacing) * 3);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-leading:1;white-space:nowrap;color:var(--color-text-muted);align-items:center;line-height:1;display:inline-flex}
|
|
319
|
-
:scope._ao-textarea, :scope ._ao-textarea{min-height:calc(var(--spacing) * 20);resize:vertical;border-radius:var(--radius-lg);border-style:var(--tw-border-style);background-color:var(--color-surface);width:100%;padding-inline:calc(var(--spacing) * 3);padding-block:calc(var(--spacing) * 2);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));color:var(--color-text);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.15s;
|
|
323
|
+
:scope._ao-textarea, :scope ._ao-textarea{min-height:calc(var(--spacing) * 20);resize:vertical;border-radius:var(--radius-lg);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-border);background-color:var(--color-surface);width:100%;padding-inline:calc(var(--spacing) * 3);padding-block:calc(var(--spacing) * 2);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));color:var(--color-text);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.15s;transition-duration:.15s;display:block}
|
|
320
324
|
:scope._ao-textarea::placeholder, :scope ._ao-textarea::placeholder{color:var(--color-text-muted)}
|
|
325
|
+
@media (hover:hover){:scope._ao-textarea:hover, :scope ._ao-textarea:hover{border-color:var(--color-border-strong)}}
|
|
321
326
|
:scope._ao-textarea:focus-visible, :scope ._ao-textarea:focus-visible{outline-style:var(--tw-outline-style);outline-offset:2px;outline-width:2px;outline-color:var(--color-primary)}
|
|
322
327
|
:scope._ao-textarea:disabled, :scope ._ao-textarea:disabled{cursor:not-allowed;opacity:.5}
|
|
323
|
-
:scope._ao-textarea-
|
|
324
|
-
@media (hover:hover){:scope._ao-textarea-
|
|
325
|
-
:scope._ao-textarea-ghost, :scope ._ao-textarea-ghost{background-color:#0000}
|
|
326
|
-
@media (hover:hover){:scope._ao-textarea-ghost:hover, :scope ._ao-textarea-ghost:hover{background-color:var(--color-surface-muted)}}
|
|
328
|
+
:scope._ao-textarea-ghost, :scope ._ao-textarea-ghost{background-color:#0000;border-color:#0000}
|
|
329
|
+
@media (hover:hover){:scope._ao-textarea-ghost:hover, :scope ._ao-textarea-ghost:hover{background-color:var(--color-surface-muted);border-color:#0000}}
|
|
327
330
|
:scope._ao-textarea-danger, :scope ._ao-textarea-danger{border-color:var(--color-danger)}
|
|
331
|
+
@media (hover:hover){:scope._ao-textarea-danger:hover, :scope ._ao-textarea-danger:hover{border-color:var(--color-danger)}}
|
|
328
332
|
:scope._ao-textarea-danger:focus-visible, :scope ._ao-textarea-danger:focus-visible{outline-color:var(--color-danger)}
|
|
329
333
|
:scope._ao-textarea-sm, :scope ._ao-textarea-sm{min-height:calc(var(--spacing) * 16);padding-inline:calc(var(--spacing) * 2.5);padding-block:calc(var(--spacing) * 1.5);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}
|
|
330
334
|
:scope._ao-textarea-lg, :scope ._ao-textarea-lg{min-height:calc(var(--spacing) * 24);padding-inline:calc(var(--spacing) * 4);padding-block:calc(var(--spacing) * 2.5);font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}
|
|
@@ -366,16 +370,16 @@
|
|
|
366
370
|
:scope input._ao-switch:checked:before{--tw-translate-x:calc(var(--spacing) * 4);translate:var(--tw-translate-x) var(--tw-translate-y)}
|
|
367
371
|
:scope label:has(>._ao-switch){cursor:pointer;align-items:center;gap:calc(var(--spacing) * 3);display:inline-flex}
|
|
368
372
|
:scope label:has(>._ao-switch:disabled), :scope label:has(>._ao-switch[data-disabled]){cursor:not-allowed;opacity:.6}
|
|
369
|
-
:scope._ao-select, :scope ._ao-select{cursor:pointer;justify-content:space-between;align-items:center;gap:calc(var(--spacing) * 2);border-radius:var(--radius-lg);border-style:var(--tw-border-style);background-color:var(--color-surface);width:100%;padding-inline:calc(var(--spacing) * 3);padding-block:calc(var(--spacing) * 2);text-align:left;font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-leading:1;color:var(--color-text);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.15s;-webkit-user-select:none;user-select:none;
|
|
373
|
+
:scope._ao-select, :scope ._ao-select{cursor:pointer;justify-content:space-between;align-items:center;gap:calc(var(--spacing) * 2);border-radius:var(--radius-lg);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-border);background-color:var(--color-surface);width:100%;padding-inline:calc(var(--spacing) * 3);padding-block:calc(var(--spacing) * 2);text-align:left;font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-leading:1;color:var(--color-text);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.15s;-webkit-user-select:none;user-select:none;line-height:1;transition-duration:.15s;display:inline-flex}
|
|
374
|
+
@media (hover:hover){:scope._ao-select:hover, :scope ._ao-select:hover{border-color:var(--color-border-strong)}}
|
|
370
375
|
:scope._ao-select:focus-visible, :scope ._ao-select:focus-visible{outline-style:var(--tw-outline-style);outline-offset:2px;outline-width:2px;outline-color:var(--color-primary)}
|
|
371
376
|
:scope._ao-select:disabled, :scope ._ao-select:disabled{cursor:not-allowed;opacity:.5}
|
|
372
377
|
:scope._ao-select[data-popup-open], :scope ._ao-select[data-popup-open]{outline-style:var(--tw-outline-style);outline-offset:2px;outline-width:2px;outline-color:var(--color-primary)}
|
|
373
378
|
:scope._ao-select[data-placeholder], :scope ._ao-select[data-placeholder]{color:var(--color-text-muted)}
|
|
374
|
-
:scope._ao-select-
|
|
375
|
-
@media (hover:hover){:scope._ao-select-
|
|
376
|
-
:scope._ao-select-ghost, :scope ._ao-select-ghost{background-color:#0000}
|
|
377
|
-
@media (hover:hover){:scope._ao-select-ghost:hover, :scope ._ao-select-ghost:hover{background-color:var(--color-surface-muted)}}
|
|
379
|
+
:scope._ao-select-ghost, :scope ._ao-select-ghost{background-color:#0000;border-color:#0000}
|
|
380
|
+
@media (hover:hover){:scope._ao-select-ghost:hover, :scope ._ao-select-ghost:hover{background-color:var(--color-surface-muted);border-color:#0000}}
|
|
378
381
|
:scope._ao-select-danger, :scope ._ao-select-danger{border-color:var(--color-danger)}
|
|
382
|
+
@media (hover:hover){:scope._ao-select-danger:hover, :scope ._ao-select-danger:hover{border-color:var(--color-danger)}}
|
|
379
383
|
:scope._ao-select-danger:focus-visible, :scope ._ao-select-danger:focus-visible{outline-color:var(--color-danger)}
|
|
380
384
|
:scope._ao-select-sm, :scope ._ao-select-sm{padding-inline:calc(var(--spacing) * 2.5);padding-block:calc(var(--spacing) * 1.5);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}
|
|
381
385
|
:scope._ao-select-lg, :scope ._ao-select-lg{padding-inline:calc(var(--spacing) * 4);padding-block:calc(var(--spacing) * 2.5);font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}
|
|
@@ -393,7 +397,7 @@
|
|
|
393
397
|
:scope._ao-select-item[data-disabled], :scope ._ao-select-item[data-disabled]{cursor:not-allowed;opacity:.5}
|
|
394
398
|
:scope._ao-select-item-indicator, :scope ._ao-select-item-indicator{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4);color:var(--color-primary);justify-content:center;align-items:center;margin-left:auto;display:inline-flex}
|
|
395
399
|
:scope._ao-select-group-label, :scope ._ao-select-group-label{padding-inline:calc(var(--spacing) * 3);padding-top:calc(var(--spacing) * 2);padding-bottom:calc(var(--spacing) * 1);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide);color:var(--color-text-muted);text-transform:uppercase}
|
|
396
|
-
:scope._ao-card, :scope ._ao-card{border-radius:var(--radius-xl);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-border);background-color:var(--color-surface);color:var(--color-text);--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);flex-direction:column;display:flex;overflow:hidden}
|
|
400
|
+
:scope._ao-card, :scope ._ao-card{border-radius:var(--radius-xl);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-border);background-color:var(--color-surface-strong);color:var(--color-text);--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);flex-direction:column;display:flex;overflow:hidden}
|
|
397
401
|
:scope._ao-card-body, :scope ._ao-card-body{gap:calc(var(--spacing) * 3);padding:calc(var(--spacing) * 5);flex-direction:column;display:flex}
|
|
398
402
|
:scope._ao-card-title, :scope ._ao-card-title{align-items:center;gap:calc(var(--spacing) * 2);font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height));--tw-leading:var(--leading-tight);line-height:var(--leading-tight);--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);display:flex}
|
|
399
403
|
:scope._ao-card-header, :scope ._ao-card-header{align-items:center;gap:calc(var(--spacing) * 2);display:flex}
|
|
@@ -402,12 +406,25 @@
|
|
|
402
406
|
:scope._ao-card-actions, :scope ._ao-card-actions{align-items:center;gap:calc(var(--spacing) * 2);padding-top:calc(var(--spacing) * 2);flex-wrap:wrap;margin-top:auto;display:flex}
|
|
403
407
|
:scope._ao-card-compact ._ao-card-body, :scope ._ao-card-compact ._ao-card-body{gap:calc(var(--spacing) * 2);padding:calc(var(--spacing) * 3)}
|
|
404
408
|
:scope._ao-card-bordered, :scope ._ao-card-bordered{border-color:var(--color-border-strong);--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
|
|
405
|
-
:scope._ao-
|
|
409
|
+
:scope._ao-card-muted, :scope ._ao-card-muted{background-color:var(--color-surface)}
|
|
410
|
+
:scope._ao-card-primary, :scope ._ao-card-primary{border-color:var(--color-primary-muted);background-color:var(--color-primary-muted)}
|
|
411
|
+
:scope._ao-card-info, :scope ._ao-card-info{border-color:var(--color-info-muted);background-color:var(--color-info-muted)}
|
|
412
|
+
:scope._ao-card-success, :scope ._ao-card-success{border-color:var(--color-success-muted);background-color:var(--color-success-muted)}
|
|
413
|
+
:scope._ao-card-warning, :scope ._ao-card-warning{border-color:var(--color-warning-muted);background-color:var(--color-warning-muted)}
|
|
414
|
+
:scope._ao-card-danger, :scope ._ao-card-danger{border-color:var(--color-danger-muted);background-color:var(--color-danger-muted)}
|
|
415
|
+
:scope._ao-card-primary ._ao-card-title, :scope ._ao-card-primary ._ao-card-title{color:var(--color-primary)}
|
|
416
|
+
:scope._ao-card-info ._ao-card-title, :scope ._ao-card-info ._ao-card-title{color:var(--color-info)}
|
|
417
|
+
:scope._ao-card-success ._ao-card-title, :scope ._ao-card-success ._ao-card-title{color:var(--color-success)}
|
|
418
|
+
:scope._ao-card-danger ._ao-card-title, :scope ._ao-card-danger ._ao-card-title{color:var(--color-danger)}
|
|
419
|
+
:scope._ao-stat-card, :scope ._ao-stat-card{gap:calc(var(--spacing) * 1);padding:calc(var(--spacing) * 4)}
|
|
406
420
|
:scope._ao-stat-card-label, :scope ._ao-stat-card-label{align-items:center;gap:calc(var(--spacing) * 2);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);color:var(--color-text-muted);display:flex}
|
|
407
421
|
:scope._ao-stat-card-value, :scope ._ao-stat-card-value{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height));--tw-leading:var(--leading-tight);line-height:var(--leading-tight);--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold);--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}
|
|
408
422
|
:scope._ao-stat-card-detail, :scope ._ao-stat-card-detail{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));color:var(--color-text-muted)}
|
|
409
|
-
:scope._ao-stat-card
|
|
410
|
-
:scope._ao-stat-card-
|
|
423
|
+
:scope._ao-card-compact._ao-stat-card, :scope ._ao-card-compact._ao-stat-card{gap:calc(var(--spacing) * .5);padding:calc(var(--spacing) * 3)}
|
|
424
|
+
:scope._ao-card-primary ._ao-stat-card-value, :scope ._ao-card-primary ._ao-stat-card-value{color:var(--color-primary)}
|
|
425
|
+
:scope._ao-card-info ._ao-stat-card-value, :scope ._ao-card-info ._ao-stat-card-value{color:var(--color-info)}
|
|
426
|
+
:scope._ao-card-success ._ao-stat-card-value, :scope ._ao-card-success ._ao-stat-card-value{color:var(--color-success)}
|
|
427
|
+
:scope._ao-card-danger ._ao-stat-card-value, :scope ._ao-card-danger ._ao-stat-card-value{color:var(--color-danger)}
|
|
411
428
|
:scope._ao-dialog, :scope ._ao-dialog{border-radius:var(--radius-xl);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-border);background-color:var(--color-surface);padding:calc(var(--spacing) * 0);color:var(--color-text);--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);opacity:1;width:calc(100% - 2rem);max-width:32rem;max-height:calc(100dvh - 2rem);transition:display .15s allow-discrete, overlay .15s allow-discrete, opacity .15s ease-out, transform .15s ease-out;flex-direction:column;margin:auto;transform:translateY(0)scale(1)}
|
|
412
429
|
:scope._ao-dialog[open], :scope ._ao-dialog[open]{display:flex}
|
|
413
430
|
:scope._ao-dialog::backdrop, :scope ._ao-dialog::backdrop{transition:display .15s allow-discrete, overlay .15s allow-discrete, background .15s ease-out;background:#0006}
|
|
@@ -431,7 +448,7 @@
|
|
|
431
448
|
:scope._ao-field-error, :scope ._ao-field-error{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed);color:var(--color-danger)}
|
|
432
449
|
:scope._ao-field[data-invalid] ._ao-input, :scope ._ao-field[data-invalid] ._ao-input, :scope._ao-field[data-invalid] ._ao-textarea, :scope ._ao-field[data-invalid] ._ao-textarea, :scope._ao-field[data-invalid] ._ao-select, :scope ._ao-field[data-invalid] ._ao-select, :scope._ao-field[data-invalid] ._ao-file-input, :scope ._ao-field[data-invalid] ._ao-file-input, :scope._ao-field[data-invalid] ._ao-checkbox[data-unchecked], :scope ._ao-field[data-invalid] ._ao-checkbox[data-unchecked], :scope._ao-field[data-invalid] ._ao-radio[data-unchecked], :scope ._ao-field[data-invalid] ._ao-radio[data-unchecked]{border-color:var(--color-danger)}
|
|
433
450
|
:scope._ao-field[data-invalid] ._ao-switch[data-unchecked], :scope ._ao-field[data-invalid] ._ao-switch[data-unchecked]{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);--tw-ring-color:var(--color-danger)}
|
|
434
|
-
:scope._ao-file-input, :scope ._ao-file-input{border-radius:var(--radius-lg);border-style:var(--tw-border-style);background-color:var(--color-surface);width:100%;padding-right:calc(var(--spacing) * 3);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-leading:1;color:var(--color-text);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.15s;
|
|
451
|
+
:scope._ao-file-input, :scope ._ao-file-input{border-radius:var(--radius-lg);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-border);background-color:var(--color-surface);width:100%;padding-right:calc(var(--spacing) * 3);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-leading:1;color:var(--color-text);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.15s;align-items:center;line-height:1;transition-duration:.15s;display:inline-flex;overflow:hidden}
|
|
435
452
|
:scope._ao-file-input::file-selector-button, :scope ._ao-file-input::file-selector-button{margin-right:calc(var(--spacing) * 3)}
|
|
436
453
|
:scope._ao-file-input::file-selector-button, :scope ._ao-file-input::file-selector-button{cursor:pointer}
|
|
437
454
|
:scope._ao-file-input::file-selector-button, :scope ._ao-file-input::file-selector-button{border-style:var(--tw-border-style);border-width:0}
|
|
@@ -444,14 +461,13 @@
|
|
|
444
461
|
:scope._ao-file-input::file-selector-button, :scope ._ao-file-input::file-selector-button{--tw-leading:1;line-height:1}
|
|
445
462
|
:scope._ao-file-input::file-selector-button, :scope ._ao-file-input::file-selector-button{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}
|
|
446
463
|
:scope._ao-file-input::file-selector-button, :scope ._ao-file-input::file-selector-button{color:var(--color-text)}
|
|
447
|
-
@media (hover:hover){:scope._ao-file-input:hover::file-selector-button, :scope ._ao-file-input:hover::file-selector-button{background-color:var(--color-surface-strong)}}
|
|
464
|
+
@media (hover:hover){:scope._ao-file-input:hover, :scope ._ao-file-input:hover{border-color:var(--color-border-strong)}:scope._ao-file-input:hover::file-selector-button, :scope ._ao-file-input:hover::file-selector-button{background-color:var(--color-surface-strong)}}
|
|
448
465
|
:scope._ao-file-input:focus-visible, :scope ._ao-file-input:focus-visible{outline-style:var(--tw-outline-style);outline-offset:2px;outline-width:2px;outline-color:var(--color-primary)}
|
|
449
466
|
:scope._ao-file-input:disabled, :scope ._ao-file-input:disabled{cursor:not-allowed;opacity:.5}
|
|
450
|
-
:scope._ao-file-input-
|
|
451
|
-
@media (hover:hover){:scope._ao-file-input-
|
|
452
|
-
:scope._ao-file-input-ghost, :scope ._ao-file-input-ghost{background-color:#0000}
|
|
453
|
-
@media (hover:hover){:scope._ao-file-input-ghost:hover, :scope ._ao-file-input-ghost:hover{background-color:var(--color-surface-muted)}}
|
|
467
|
+
:scope._ao-file-input-ghost, :scope ._ao-file-input-ghost{background-color:#0000;border-color:#0000}
|
|
468
|
+
@media (hover:hover){:scope._ao-file-input-ghost:hover, :scope ._ao-file-input-ghost:hover{background-color:var(--color-surface-muted);border-color:#0000}}
|
|
454
469
|
:scope._ao-file-input-danger, :scope ._ao-file-input-danger{border-color:var(--color-danger)}
|
|
470
|
+
@media (hover:hover){:scope._ao-file-input-danger:hover, :scope ._ao-file-input-danger:hover{border-color:var(--color-danger)}}
|
|
455
471
|
:scope._ao-file-input-danger:focus-visible, :scope ._ao-file-input-danger:focus-visible{outline-color:var(--color-danger)}
|
|
456
472
|
:scope._ao-file-input-sm, :scope ._ao-file-input-sm{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}
|
|
457
473
|
:scope._ao-file-input-sm::file-selector-button, :scope ._ao-file-input-sm::file-selector-button{margin-right:calc(var(--spacing) * 2.5)}
|
|
@@ -557,9 +573,9 @@
|
|
|
557
573
|
:scope._ao-tabs ._ao-tab-input, :scope ._ao-tabs ._ao-tab-input{opacity:0;pointer-events:none;border:0;width:1px;height:1px;margin:0;padding:0;position:absolute}
|
|
558
574
|
:scope._ao-tabs ._ao-tab-input:checked+._ao-tab, :scope ._ao-tabs ._ao-tab-input:checked+._ao-tab{color:var(--color-text)}
|
|
559
575
|
:scope._ao-tabs ._ao-tab-input:focus-visible+._ao-tab, :scope ._ao-tabs ._ao-tab-input:focus-visible+._ao-tab{outline-style:var(--tw-outline-style);outline-offset:2px;outline-width:2px;outline-color:var(--color-primary)}
|
|
560
|
-
:scope._ao-tabs
|
|
561
|
-
:scope._ao-tabs
|
|
562
|
-
:scope._ao-tabs
|
|
576
|
+
:scope._ao-tabs:not(._ao-tabs-boxed) ._ao-tab, :scope ._ao-tabs:not(._ao-tabs-boxed) ._ao-tab{position:relative}
|
|
577
|
+
:scope._ao-tabs:not(._ao-tabs-boxed) ._ao-tab:after, :scope ._ao-tabs:not(._ao-tabs-boxed) ._ao-tab:after{content:"";background-color:var(--color-primary);block-size:2px;transition:transform .15s;position:absolute;inset-block-end:-1px;inset-inline:0;transform:scaleX(0)}
|
|
578
|
+
:scope._ao-tabs:not(._ao-tabs-boxed) ._ao-tab[data-selected]:after, :scope ._ao-tabs:not(._ao-tabs-boxed) ._ao-tab[data-selected]:after, :scope._ao-tabs:not(._ao-tabs-boxed) ._ao-tab[aria-selected=true]:after, :scope ._ao-tabs:not(._ao-tabs-boxed) ._ao-tab[aria-selected=true]:after, :scope._ao-tabs:not(._ao-tabs-boxed) ._ao-tab-input:checked+._ao-tab:after, :scope ._ao-tabs:not(._ao-tabs-boxed) ._ao-tab-input:checked+._ao-tab:after{transform:scaleX(1)}
|
|
563
579
|
:scope._ao-tabs-boxed ._ao-tab-list, :scope ._ao-tabs-boxed ._ao-tab-list{gap:calc(var(--spacing) * 0);border-radius:var(--radius-md);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-border);background-color:var(--color-surface-muted);padding:calc(var(--spacing) * .5)}
|
|
564
580
|
:scope._ao-tabs-boxed ._ao-tab, :scope ._ao-tabs-boxed ._ao-tab{border-radius:.25rem}
|
|
565
581
|
:scope._ao-tabs-boxed ._ao-tab[data-selected], :scope ._ao-tabs-boxed ._ao-tab[data-selected], :scope._ao-tabs-boxed ._ao-tab[aria-selected=true], :scope ._ao-tabs-boxed ._ao-tab[aria-selected=true], :scope._ao-tabs-boxed ._ao-tab-input:checked+._ao-tab, :scope ._ao-tabs-boxed ._ao-tab-input:checked+._ao-tab{background-color:var(--color-surface);color:var(--color-text);--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
|
|
@@ -572,8 +588,8 @@
|
|
|
572
588
|
:scope._ao-tabs[data-orientation=vertical], :scope ._ao-tabs[data-orientation=vertical]{gap:calc(var(--spacing) * 3);flex-direction:row}
|
|
573
589
|
:scope._ao-tabs[data-orientation=vertical] ._ao-tab-list, :scope ._ao-tabs[data-orientation=vertical] ._ao-tab-list{border-right-style:var(--tw-border-style);border-right-width:1px;border-bottom-style:var(--tw-border-style);border-bottom-width:0;border-color:var(--color-border);flex-direction:column;align-items:stretch}
|
|
574
590
|
:scope._ao-tabs[data-orientation=vertical] ._ao-tab, :scope ._ao-tabs[data-orientation=vertical] ._ao-tab{justify-content:flex-start;width:100%}
|
|
575
|
-
:scope._ao-tabs[data-orientation=vertical]
|
|
576
|
-
:scope._ao-tabs[data-orientation=vertical]
|
|
591
|
+
:scope._ao-tabs[data-orientation=vertical]:not(._ao-tabs-boxed) ._ao-tab:after, :scope ._ao-tabs[data-orientation=vertical]:not(._ao-tabs-boxed) ._ao-tab:after{block-size:auto;inline-size:2px;inset-block:0;inset-inline:auto -1px;transform:scaleY(0)}
|
|
592
|
+
:scope._ao-tabs[data-orientation=vertical]:not(._ao-tabs-boxed) ._ao-tab[data-selected]:after, :scope ._ao-tabs[data-orientation=vertical]:not(._ao-tabs-boxed) ._ao-tab[data-selected]:after, :scope._ao-tabs[data-orientation=vertical]:not(._ao-tabs-boxed) ._ao-tab[aria-selected=true]:after, :scope ._ao-tabs[data-orientation=vertical]:not(._ao-tabs-boxed) ._ao-tab[aria-selected=true]:after{transform:scaleY(1)}
|
|
577
593
|
:scope._ao-table, :scope ._ao-table{border-collapse:collapse;width:100%;font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));color:var(--color-text)}
|
|
578
594
|
:scope._ao-table :where(th, td), :scope ._ao-table :where(th, td), :scope._ao-table-cell, :scope ._ao-table-cell, :scope._ao-table-header-cell, :scope ._ao-table-header-cell{border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:var(--color-border);padding-inline:calc(var(--spacing) * 3);padding-block:calc(var(--spacing) * 1.5);text-align:left;vertical-align:middle}
|
|
579
595
|
:scope._ao-table :where(thead th), :scope ._ao-table :where(thead th), :scope._ao-table-header-cell, :scope ._ao-table-header-cell{border-bottom-color:var(--color-border-strong);background-color:var(--color-surface-muted);--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);white-space:nowrap;color:var(--color-text-muted)}
|