@aortl/admin-css 0.10.0 → 0.12.0

package/dist/admin.scoped.css

@@ -847,6 +847,34 @@
       display: none;
     }
   }
+:scope._ao-container, :scope ._ao-container {
+    margin-inline: auto;
+    display: flex;
+    width: 100%;
+    flex-direction: column;
+    gap: calc(var(--spacing) * 6);
+    padding-inline: calc(var(--spacing) * 6);
+    padding-block: calc(var(--spacing) * 6);
+    max-width: var(--container-max, 90rem);
+  }
+:scope._ao-container-sm, :scope ._ao-container-sm {
+    --container-max: 60rem;
+  }
+:scope._ao-container-lg, :scope ._ao-container-lg {
+    --container-max: 115rem;
+  }
+:scope._ao-container-fluid, :scope ._ao-container-fluid {
+    --container-max: none;
+  }
+:scope._ao-container-compact, :scope ._ao-container-compact {
+    gap: calc(var(--spacing) * 4);
+    padding-block: calc(var(--spacing) * 4);
+  }
+@media (max-width: 48rem) {
+    :scope._ao-container, :scope ._ao-container {
+      padding-inline: calc(var(--spacing) * 4);
+    }
+  }
 :scope._ao-badge, :scope ._ao-badge {
     display: inline-flex;
     height: calc(var(--spacing) * 5);
@@ -857,6 +885,7 @@
     border-style: var(--tw-border-style);
     border-width: 1px;
     border-color: transparent;
+    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));
@@ -865,9 +894,6 @@
     --tw-font-weight: var(--font-weight-medium);
     font-weight: var(--font-weight-medium);
     white-space: nowrap;
-  }
-:scope._ao-badge-neutral, :scope ._ao-badge-neutral {
-    background-color: var(--color-surface-strong);
     color: var(--color-text);
   }
 :scope._ao-badge-info, :scope ._ao-badge-info {
@@ -1404,7 +1430,8 @@
     border-radius: var(--radius-lg);
     border-style: var(--tw-border-style);
     border-width: 1px;
-    border-color: transparent;
+    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);
@@ -1413,6 +1440,7 @@
     line-height: 1;
     --tw-font-weight: var(--font-weight-medium);
     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));
@@ -1420,6 +1448,11 @@
     transition-duration: 150ms;
     -webkit-user-select: none;
     user-select: none;
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--color-surface-strong);
+      }
+    }
     &:focus-visible {
       outline-style: var(--tw-outline-style);
       outline-width: 2px;
@@ -1441,6 +1474,7 @@
     }
   }
 :scope._ao-btn-primary, :scope ._ao-btn-primary {
+    border-color: transparent;
     background-color: var(--color-primary);
     color: var(--color-primary-content);
     &:hover {
@@ -1449,17 +1483,8 @@
       }
     }
   }
-:scope._ao-btn-secondary, :scope ._ao-btn-secondary {
-    border-color: var(--color-border);
-    background-color: var(--color-surface-muted);
-    color: var(--color-text);
-    &:hover {
-      @media (hover: hover) {
-        background-color: var(--color-surface-strong);
-      }
-    }
-  }
 :scope._ao-btn-ghost, :scope ._ao-btn-ghost {
+    border-color: transparent;
     background-color: transparent;
     color: var(--color-text);
     &:hover {
@@ -1469,6 +1494,7 @@
     }
   }
 :scope._ao-btn-danger, :scope ._ao-btn-danger {
+    border-color: transparent;
     background-color: var(--color-danger);
     color: var(--color-danger-content);
     &:hover {
@@ -1598,7 +1624,7 @@
     border-radius: var(--radius-lg);
     border-style: var(--tw-border-style);
     border-width: 1px;
-    border-color: transparent;
+    border-color: var(--color-border);
     background-color: var(--color-surface);
     padding-inline: calc(var(--spacing) * 3);
     padding-block: calc(var(--spacing) * 2);
@@ -1615,6 +1641,11 @@
     &::placeholder {
       color: var(--color-text-muted);
     }
+    &:hover {
+      @media (hover: hover) {
+        border-color: var(--color-border-strong);
+      }
+    }
     &:focus-visible {
       outline-style: var(--tw-outline-style);
       outline-width: 2px;
@@ -1632,16 +1663,14 @@
       opacity: 50%;
     }
   }
-:scope._ao-input-bordered, :scope ._ao-input-bordered {
-    border-color: var(--color-border);
+:scope._ao-input-ghost, :scope ._ao-input-ghost {
+    border-color: transparent;
+    background-color: transparent;
     &:hover {
       @media (hover: hover) {
-        border-color: var(--color-border-strong);
+        border-color: transparent;
       }
     }
-  }
-:scope._ao-input-ghost, :scope ._ao-input-ghost {
-    background-color: transparent;
     &:hover {
       @media (hover: hover) {
         background-color: var(--color-surface-muted);
@@ -1650,6 +1679,11 @@
   }
 :scope._ao-input-danger, :scope ._ao-input-danger {
     border-color: var(--color-danger);
+    &:hover {
+      @media (hover: hover) {
+        border-color: var(--color-danger);
+      }
+    }
     &:focus-visible {
       outline-color: var(--color-danger);
     }
@@ -1720,7 +1754,7 @@
     border-radius: var(--radius-lg);
     border-style: var(--tw-border-style);
     border-width: 1px;
-    border-color: transparent;
+    border-color: var(--color-border);
     background-color: var(--color-surface);
     padding-inline: calc(var(--spacing) * 3);
     padding-block: calc(var(--spacing) * 2);
@@ -1735,6 +1769,11 @@
     &::placeholder {
       color: var(--color-text-muted);
     }
+    &:hover {
+      @media (hover: hover) {
+        border-color: var(--color-border-strong);
+      }
+    }
     &:focus-visible {
       outline-style: var(--tw-outline-style);
       outline-width: 2px;
@@ -1752,16 +1791,14 @@
       opacity: 50%;
     }
   }
-:scope._ao-textarea-bordered, :scope ._ao-textarea-bordered {
-    border-color: var(--color-border);
+:scope._ao-textarea-ghost, :scope ._ao-textarea-ghost {
+    border-color: transparent;
+    background-color: transparent;
     &:hover {
       @media (hover: hover) {
-        border-color: var(--color-border-strong);
+        border-color: transparent;
       }
     }
-  }
-:scope._ao-textarea-ghost, :scope ._ao-textarea-ghost {
-    background-color: transparent;
     &:hover {
       @media (hover: hover) {
         background-color: var(--color-surface-muted);
@@ -1770,6 +1807,11 @@
   }
 :scope._ao-textarea-danger, :scope ._ao-textarea-danger {
     border-color: var(--color-danger);
+    &:hover {
+      @media (hover: hover) {
+        border-color: var(--color-danger);
+      }
+    }
     &:focus-visible {
       outline-color: var(--color-danger);
     }
@@ -2051,7 +2093,7 @@
     border-radius: var(--radius-lg);
     border-style: var(--tw-border-style);
     border-width: 1px;
-    border-color: transparent;
+    border-color: var(--color-border);
     background-color: var(--color-surface);
     padding-inline: calc(var(--spacing) * 3);
     padding-block: calc(var(--spacing) * 2);
@@ -2068,6 +2110,11 @@
     transition-duration: 150ms;
     -webkit-user-select: none;
     user-select: none;
+    &:hover {
+      @media (hover: hover) {
+        border-color: var(--color-border-strong);
+      }
+    }
     &:focus-visible {
       outline-style: var(--tw-outline-style);
       outline-width: 2px;
@@ -2094,16 +2141,14 @@
 :scope._ao-select[data-placeholder], :scope ._ao-select[data-placeholder] {
     color: var(--color-text-muted);
   }
-:scope._ao-select-bordered, :scope ._ao-select-bordered {
-    border-color: var(--color-border);
+:scope._ao-select-ghost, :scope ._ao-select-ghost {
+    border-color: transparent;
+    background-color: transparent;
     &:hover {
       @media (hover: hover) {
-        border-color: var(--color-border-strong);
+        border-color: transparent;
       }
     }
-  }
-:scope._ao-select-ghost, :scope ._ao-select-ghost {
-    background-color: transparent;
     &:hover {
       @media (hover: hover) {
         background-color: var(--color-surface-muted);
@@ -2112,6 +2157,11 @@
   }
 :scope._ao-select-danger, :scope ._ao-select-danger {
     border-color: var(--color-danger);
+    &:hover {
+      @media (hover: hover) {
+        border-color: var(--color-danger);
+      }
+    }
     &:focus-visible {
       outline-color: var(--color-danger);
     }
@@ -2241,7 +2291,7 @@
     border-style: var(--tw-border-style);
     border-width: 1px;
     border-color: var(--color-border);
-    background-color: var(--color-surface);
+    background-color: var(--color-surface-strong);
     color: var(--color-text);
     --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05));
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
@@ -2297,19 +2347,44 @@
     --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);
   }
+:scope._ao-card-muted, :scope ._ao-card-muted {
+    background-color: var(--color-surface);
+  }
+:scope._ao-card-primary, :scope ._ao-card-primary {
+    border-color: var(--color-primary-muted);
+    background-color: var(--color-primary-muted);
+  }
+:scope._ao-card-info, :scope ._ao-card-info {
+    border-color: var(--color-info-muted);
+    background-color: var(--color-info-muted);
+  }
+:scope._ao-card-success, :scope ._ao-card-success {
+    border-color: var(--color-success-muted);
+    background-color: var(--color-success-muted);
+  }
+:scope._ao-card-warning, :scope ._ao-card-warning {
+    border-color: var(--color-warning-muted);
+    background-color: var(--color-warning-muted);
+  }
+:scope._ao-card-danger, :scope ._ao-card-danger {
+    border-color: var(--color-danger-muted);
+    background-color: var(--color-danger-muted);
+  }
+:scope._ao-card-primary ._ao-card-title, :scope ._ao-card-primary ._ao-card-title {
+    color: var(--color-primary);
+  }
+:scope._ao-card-info ._ao-card-title, :scope ._ao-card-info ._ao-card-title {
+    color: var(--color-info);
+  }
+:scope._ao-card-success ._ao-card-title, :scope ._ao-card-success ._ao-card-title {
+    color: var(--color-success);
+  }
+:scope._ao-card-danger ._ao-card-title, :scope ._ao-card-danger ._ao-card-title {
+    color: var(--color-danger);
+  }
 :scope._ao-stat-card, :scope ._ao-stat-card {
-    display: flex;
-    flex-direction: column;
     gap: calc(var(--spacing) * 1);
-    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) * 4);
-    color: var(--color-text);
-    --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05));
-    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
   }
 :scope._ao-stat-card-label, :scope ._ao-stat-card-label {
     display: flex;
@@ -2336,14 +2411,21 @@
     line-height: var(--tw-leading, var(--text-sm--line-height));
     color: var(--color-text-muted);
   }
-:scope._ao-stat-card-compact, :scope ._ao-stat-card-compact {
+:scope._ao-card-compact._ao-stat-card, :scope ._ao-card-compact._ao-stat-card {
     gap: calc(var(--spacing) * 0.5);
     padding: calc(var(--spacing) * 3);
   }
-:scope._ao-stat-card-bordered, :scope ._ao-stat-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);
+:scope._ao-card-primary ._ao-stat-card-value, :scope ._ao-card-primary ._ao-stat-card-value {
+    color: var(--color-primary);
+  }
+:scope._ao-card-info ._ao-stat-card-value, :scope ._ao-card-info ._ao-stat-card-value {
+    color: var(--color-info);
+  }
+:scope._ao-card-success ._ao-stat-card-value, :scope ._ao-card-success ._ao-stat-card-value {
+    color: var(--color-success);
+  }
+:scope._ao-card-danger ._ao-stat-card-value, :scope ._ao-card-danger ._ao-stat-card-value {
+    color: var(--color-danger);
   }
 :scope._ao-dialog, :scope ._ao-dialog {
     margin: auto;
@@ -2534,7 +2616,7 @@
     border-radius: var(--radius-lg);
     border-style: var(--tw-border-style);
     border-width: 1px;
-    border-color: transparent;
+    border-color: var(--color-border);
     background-color: var(--color-surface);
     padding-right: calc(var(--spacing) * 3);
     font-size: var(--text-sm);
@@ -2588,6 +2670,11 @@
     &::file-selector-button {
       color: var(--color-text);
     }
+    &:hover {
+      @media (hover: hover) {
+        border-color: var(--color-border-strong);
+      }
+    }
     &:hover {
       @media (hover: hover) {
         &::file-selector-button {
@@ -2612,16 +2699,14 @@
       opacity: 50%;
     }
   }
-:scope._ao-file-input-bordered, :scope ._ao-file-input-bordered {
-    border-color: var(--color-border);
+:scope._ao-file-input-ghost, :scope ._ao-file-input-ghost {
+    border-color: transparent;
+    background-color: transparent;
     &:hover {
       @media (hover: hover) {
-        border-color: var(--color-border-strong);
+        border-color: transparent;
       }
     }
-  }
-:scope._ao-file-input-ghost, :scope ._ao-file-input-ghost {
-    background-color: transparent;
     &:hover {
       @media (hover: hover) {
         background-color: var(--color-surface-muted);
@@ -2630,6 +2715,11 @@
   }
 :scope._ao-file-input-danger, :scope ._ao-file-input-danger {
     border-color: var(--color-danger);
+    &:hover {
+      @media (hover: hover) {
+        border-color: var(--color-danger);
+      }
+    }
     &:focus-visible {
       outline-color: var(--color-danger);
     }
@@ -3456,10 +3546,10 @@
     outline-offset: 2px;
     outline-color: var(--color-primary);
   }
-:scope._ao-tabs-bordered ._ao-tab, :scope ._ao-tabs-bordered ._ao-tab, :scope._ao-tabs:not(._ao-tabs-boxed) ._ao-tab, :scope ._ao-tabs:not(._ao-tabs-boxed) ._ao-tab {
+:scope._ao-tabs:not(._ao-tabs-boxed) ._ao-tab, :scope ._ao-tabs:not(._ao-tabs-boxed) ._ao-tab {
     position: relative;
   }
-:scope._ao-tabs-bordered ._ao-tab::after, :scope ._ao-tabs-bordered ._ao-tab::after, :scope._ao-tabs:not(._ao-tabs-boxed) ._ao-tab::after, :scope ._ao-tabs:not(._ao-tabs-boxed) ._ao-tab::after {
+:scope._ao-tabs:not(._ao-tabs-boxed) ._ao-tab::after, :scope ._ao-tabs:not(._ao-tabs-boxed) ._ao-tab::after {
     content: "";
     position: absolute;
     inset-inline: 0;
@@ -3469,7 +3559,7 @@
     transform: scaleX(0);
     transition: transform 150ms ease;
   }
-:scope._ao-tabs-bordered ._ao-tab[data-selected]::after, :scope ._ao-tabs-bordered ._ao-tab[data-selected]::after, :scope._ao-tabs-bordered ._ao-tab[aria-selected="true"]::after, :scope ._ao-tabs-bordered ._ao-tab[aria-selected="true"]::after, :scope._ao-tabs-bordered ._ao-tab-input:checked + ._ao-tab::after, :scope ._ao-tabs-bordered ._ao-tab-input:checked + ._ao-tab::after, :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 {
+: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);
   }
 :scope._ao-tabs-boxed ._ao-tab-list, :scope ._ao-tabs-boxed ._ao-tab-list {
@@ -3541,7 +3631,7 @@
     width: 100%;
     justify-content: flex-start;
   }
-:scope._ao-tabs[data-orientation="vertical"]._ao-tabs-bordered ._ao-tab::after, :scope ._ao-tabs[data-orientation="vertical"]._ao-tabs-bordered ._ao-tab::after, :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 {
+: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 {
     inset-inline: auto;
     inset-inline-end: -1px;
     inset-block: 0;
@@ -3549,7 +3639,7 @@
     block-size: auto;
     transform: scaleY(0);
   }
-:scope._ao-tabs[data-orientation="vertical"]._ao-tabs-bordered ._ao-tab[data-selected]::after, :scope ._ao-tabs[data-orientation="vertical"]._ao-tabs-bordered ._ao-tab[data-selected]::after, :scope._ao-tabs[data-orientation="vertical"]._ao-tabs-bordered ._ao-tab[aria-selected="true"]::after, :scope ._ao-tabs[data-orientation="vertical"]._ao-tabs-bordered ._ao-tab[aria-selected="true"]::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[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 {
+: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);
   }
 :scope._ao-table, :scope ._ao-table {