@aortl/admin-css 0.13.0 → 0.13.2

package/dist/admin.css

@@ -4,9 +4,10 @@
 @layer theme, base, components, utilities;
 @layer theme {
   :root, :host {
-    --font-sans: "IBM Plex Sans", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
-    --font-mono: "IBM Plex Mono", ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono",
-    monospace;
+    --font-sans: "IBM Plex Sans", "IBM Plex Sans Fallback", ui-sans-serif, system-ui, -apple-system, "Segoe UI",
+    Roboto, sans-serif;
+    --font-mono: "IBM Plex Mono", "IBM Plex Mono Fallback", ui-monospace, SFMono-Regular, "SF Mono", Menlo,
+    Consolas, "Liberation Mono", monospace;
     --spacing: 0.25rem;
     --container-xs: 20rem;
     --text-xs: 0.75rem;
@@ -460,7 +461,7 @@
   font-family: "IBM Plex Sans";
   font-style: normal;
   font-weight: 400 600;
-  font-display: optional;
+  font-display: swap;
   src: url(https://fonts.gstatic.com/s/ibmplexsans/v23/zYXzKVElMYYaJe8bpLHnCwDKr932-G7dytD-Dmu1syxQKYbABA.woff2) format("woff2");
   unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
 }
@@ -468,7 +469,7 @@
   font-family: "IBM Plex Sans";
   font-style: normal;
   font-weight: 400 600;
-  font-display: optional;
+  font-display: swap;
   src: url(https://fonts.gstatic.com/s/ibmplexsans/v23/zYXzKVElMYYaJe8bpLHnCwDKr932-G7dytD-Dmu1syxeKYY.woff2) format("woff2");
   unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
 }
@@ -476,7 +477,7 @@
   font-family: "IBM Plex Mono";
   font-style: normal;
   font-weight: 400;
-  font-display: optional;
+  font-display: swap;
   src: url(https://fonts.gstatic.com/s/ibmplexmono/v20/-F63fjptAgt5VM-kVkqdyU8n1iEq129k.woff2) format("woff2");
   unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
 }
@@ -484,7 +485,7 @@
   font-family: "IBM Plex Mono";
   font-style: normal;
   font-weight: 400;
-  font-display: optional;
+  font-display: swap;
   src: url(https://fonts.gstatic.com/s/ibmplexmono/v20/-F63fjptAgt5VM-kVkqdyU8n1i8q1w.woff2) format("woff2");
   unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
 }
@@ -492,7 +493,7 @@
   font-family: "IBM Plex Mono";
   font-style: normal;
   font-weight: 500;
-  font-display: optional;
+  font-display: swap;
   src: url(https://fonts.gstatic.com/s/ibmplexmono/v20/-F6qfjptAgt5VM-kVkqdyU8n3twJwl5FgtIU.woff2) format("woff2");
   unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
 }
@@ -500,10 +501,25 @@
   font-family: "IBM Plex Mono";
   font-style: normal;
   font-weight: 500;
-  font-display: optional;
+  font-display: swap;
   src: url(https://fonts.gstatic.com/s/ibmplexmono/v20/-F6qfjptAgt5VM-kVkqdyU8n3twJwlBFgg.woff2) format("woff2");
   unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
 }
+@font-face {
+  font-family: "IBM Plex Sans Fallback";
+  src: local("Arial"), local("ArialMT");
+  ascent-override: 101.3184%;
+  descent-override: 27.183%;
+  line-gap-override: 0%;
+  size-adjust: 101.1663%;
+}
+@font-face {
+  font-family: "IBM Plex Mono Fallback";
+  src: local("Courier New"), local("CourierNewPSMT");
+  ascent-override: 102.5167%;
+  descent-override: 27.5045%;
+  size-adjust: 99.9837%;
+}
 :root {
   color-scheme: light dark;
 }
@@ -607,6 +623,9 @@
   .accordion-summary::-webkit-details-marker {
     display: none;
   }
+  .accordion-summary > :is(i, svg) {
+    flex-shrink: 0;
+  }
   .accordion-summary::after {
     content: "";
     width: 0.5rem;
@@ -657,10 +676,11 @@
     font-size: var(--text-sm);
     line-height: var(--tw-leading, var(--text-sm--line-height));
     color: var(--color-text);
+    overflow-wrap: break-word;
   }
   .alert:has(> :is(i, svg):first-child) {
     display: grid;
-    grid-template-columns: auto 1fr;
+    grid-template-columns: auto minmax(0, 1fr);
     column-gap: 0.5rem;
     row-gap: 0.25rem;
     align-items: center;
@@ -678,6 +698,7 @@
   }
   .alert > :is(.alert-title, .alert-description) {
     grid-column: 2;
+    min-width: 0;
   }
   .alert-info {
     border-color: var(--color-info-muted);
@@ -807,6 +828,9 @@
     white-space: nowrap;
     color: var(--color-text);
   }
+  .badge > :is(i, svg) {
+    flex-shrink: 0;
+  }
   .badge-info {
     border-color: var(--color-info-muted);
     background-color: var(--color-info-muted);
@@ -1158,6 +1182,9 @@
     width: 0.875rem;
     height: 0.875rem;
   }
+  .breadcrumb-item > :is(i, svg), .breadcrumb-separator > :is(i, svg) {
+    flex-shrink: 0;
+  }
 }
 @layer components {
   .pagination > ol, .pagination > ul {
@@ -1280,6 +1307,10 @@
   .property-list-value {
     gap: 0.5rem;
     min-width: 0;
+    overflow-wrap: break-word;
+  }
+  .property-list-compact .property-list-title {
+    margin-bottom: calc(var(--spacing) * 1);
   }
   .property-list-compact .property-list-label, .property-list-compact .property-list-value {
     padding: 0.125rem 0.5rem;
@@ -1402,6 +1433,9 @@
       opacity: 50%;
     }
   }
+  .btn > :is(i, svg) {
+    flex-shrink: 0;
+  }
   .btn-primary {
     border-color: transparent;
     background-color: var(--color-primary);
@@ -1422,6 +1456,14 @@
       }
     }
   }
+  .btn-muted {
+    background-color: var(--color-surface);
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--color-surface-muted);
+      }
+    }
+  }
   .btn-danger {
     border-color: transparent;
     background-color: var(--color-danger);
@@ -1589,6 +1631,9 @@
       outline-color: var(--color-primary);
     }
   }
+  .link > :is(i, svg) {
+    flex-shrink: 0;
+  }
   .link-external {
     --link-external-arrow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M17 7 7 17'/%3E%3Cpath d='M8 7h9v9'/%3E%3C/svg%3E");
   }
@@ -2468,6 +2513,9 @@
     font-weight: var(--font-weight-medium);
     color: var(--color-text-muted);
   }
+  .stat-card-label > :is(i, svg) {
+    flex-shrink: 0;
+  }
   .stat-card-value {
     font-size: var(--text-2xl);
     line-height: var(--tw-leading, var(--text-2xl--line-height));
@@ -3036,6 +3084,9 @@
     cursor: not-allowed;
     opacity: 50%;
   }
+  .menu-trigger > :is(i, svg), .menu-item > :is(i, svg) {
+    flex-shrink: 0;
+  }
   .menu-separator {
     margin-block: calc(var(--spacing) * 1);
     height: 1px;
@@ -3129,6 +3180,9 @@
     background-color: var(--color-primary-muted);
     color: var(--color-primary);
   }
+  .navbar-brand > :is(i, svg), .navbar-item > :is(i, svg) {
+    flex-shrink: 0;
+  }
   .navbar-actions {
     margin-left: auto;
     display: flex;
@@ -3615,6 +3669,9 @@
   .tabs .tab[data-selected], .tabs .tab[aria-selected="true"] {
     color: var(--color-text);
   }
+  .tabs .tab > :is(i, svg) {
+    flex-shrink: 0;
+  }
   .tabs .tab-input {
     position: absolute;
     width: 1px;