@aortl/admin-css 0.5.2 → 0.7.0

package/dist/admin.css

@@ -20,6 +20,7 @@
     --text-xl--line-height: calc(1.75 / 1.25);
     --font-weight-medium: 500;
     --font-weight-semibold: 600;
+    --font-weight-bold: 700;
     --tracking-wide: 0.025em;
     --leading-tight: 1.25;
     --leading-snug: 1.375;
@@ -396,9 +397,6 @@
   .block {
     display: block;
   }
-  .contents {
-    display: contents;
-  }
   .grid {
     display: grid;
   }
@@ -414,6 +412,9 @@
   .flex-1 {
     flex: 1;
   }
+  .transform {
+    transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
+  }
   .text-right {
     text-align: right;
   }
@@ -421,10 +422,6 @@
     --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,);
   }
-  .shadow {
-    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
-    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
-  }
   .select-all {
     -webkit-user-select: all;
     user-select: all;
@@ -1064,6 +1061,103 @@
     user-select: none;
   }
 }
+@layer components {
+  .property-list {
+    display: flex;
+    flex-direction: column;
+    font-size: var(--text-sm);
+    line-height: var(--tw-leading, var(--text-sm--line-height));
+    color: var(--color-text);
+  }
+  .property-list-title {
+    margin-bottom: 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-bold);
+    font-weight: var(--font-weight-bold);
+    color: var(--color-text);
+  }
+  .property-list-items {
+    display: grid;
+    grid-template-columns: max-content 1fr;
+  }
+  .property-list-label, .property-list-value {
+    display: flex;
+    align-items: center;
+    padding: 0.375rem 0.75rem;
+    min-height: 2rem;
+  }
+  .property-list-label {
+    color: var(--color-text-muted);
+  }
+  .property-list-value {
+    gap: 0.5rem;
+    min-width: 0;
+  }
+  .property-list-value-numeric {
+    justify-content: flex-end;
+    --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,);
+  }
+  .property-list-striped dt:nth-of-type(2n + 2), .property-list-striped dd:nth-of-type(2n + 2) {
+    background-color: var(--color-surface-muted);
+  }
+  .property-list-hide-if-empty:not(:has(.property-list-value:not(.property-list-value-empty))) {
+    display: none;
+  }
+  .property-list-copy {
+    margin-left: auto;
+    display: inline-flex;
+    cursor: pointer;
+    align-items: center;
+    justify-content: center;
+    border-radius: 0.25rem;
+    border-style: var(--tw-border-style);
+    border-width: 0px;
+    background-color: transparent;
+    color: var(--color-text-muted);
+    &:hover {
+      @media (hover: hover) {
+        color: var(--color-text);
+      }
+    }
+    &:focus-visible {
+      outline-style: var(--tw-outline-style);
+      outline-width: 2px;
+    }
+    &:focus-visible {
+      outline-offset: 2px;
+    }
+    &:focus-visible {
+      outline-color: var(--color-primary);
+    }
+    display: none;
+    flex-shrink: 0;
+    padding: 0.125rem;
+    transition: opacity 100ms ease, color 100ms ease;
+  }
+  .property-list-copyable .property-list-copy, .property-list-value-copyable .property-list-copy {
+    display: inline-flex;
+    opacity: 0;
+    pointer-events: none;
+  }
+  .property-list-copyable .property-list-label:hover + .property-list-value .property-list-copy, .property-list-copyable .property-list-value:hover .property-list-copy, .property-list-label:has(+ .property-list-value-copyable):hover + .property-list-value .property-list-copy, .property-list-value-copyable:hover .property-list-copy, .property-list-copy:focus-visible, .property-list-copy[data-copied] {
+    opacity: 1;
+    pointer-events: auto;
+  }
+  .property-list-copy .property-list-copy-icon-copied {
+    display: none;
+  }
+  .property-list-copy[data-copied] .property-list-copy-icon {
+    display: none;
+  }
+  .property-list-copy[data-copied] .property-list-copy-icon-copied {
+    display: inline-flex;
+  }
+  .property-list-copy[data-copied] {
+    color: var(--color-success);
+  }
+}
 @layer components {
   .btn {
     display: inline-flex;
@@ -1956,6 +2050,18 @@
     --tw-font-weight: var(--font-weight-semibold);
     font-weight: var(--font-weight-semibold);
   }
+  .card-header {
+    display: flex;
+    align-items: center;
+    gap: calc(var(--spacing) * 2);
+  }
+  .card-toolbar {
+    margin-top: calc(var(--spacing) * -0.5);
+    margin-left: auto;
+    display: flex;
+    align-items: center;
+    gap: calc(var(--spacing) * 1);
+  }
   .card-description {
     font-size: var(--text-sm);
     line-height: var(--tw-leading, var(--text-sm--line-height));
@@ -3385,6 +3491,26 @@
     transition: opacity 150ms ease-out 200ms, visibility 0s linear 200ms;
   }
 }
+@property --tw-rotate-x {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-rotate-y {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-rotate-z {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-skew-x {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-skew-y {
+  syntax: "*";
+  inherits: false;
+}
 @property --tw-ordinal {
   syntax: "*";
   inherits: false;
@@ -3405,6 +3531,28 @@
   syntax: "*";
   inherits: false;
 }
+@property --tw-leading {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-font-weight {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-border-style {
+  syntax: "*";
+  inherits: false;
+  initial-value: solid;
+}
+@property --tw-outline-style {
+  syntax: "*";
+  inherits: false;
+  initial-value: solid;
+}
+@property --tw-duration {
+  syntax: "*";
+  inherits: false;
+}
 @property --tw-shadow {
   syntax: "*";
   inherits: false;
@@ -3470,28 +3618,6 @@
   inherits: false;
   initial-value: 0 0 #0000;
 }
-@property --tw-leading {
-  syntax: "*";
-  inherits: false;
-}
-@property --tw-font-weight {
-  syntax: "*";
-  inherits: false;
-}
-@property --tw-border-style {
-  syntax: "*";
-  inherits: false;
-  initial-value: solid;
-}
-@property --tw-outline-style {
-  syntax: "*";
-  inherits: false;
-  initial-value: solid;
-}
-@property --tw-duration {
-  syntax: "*";
-  inherits: false;
-}
 @property --tw-translate-x {
   syntax: "*";
   inherits: false;
@@ -3514,11 +3640,21 @@
 @layer properties {
   @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
     *, ::before, ::after, ::backdrop {
+      --tw-rotate-x: initial;
+      --tw-rotate-y: initial;
+      --tw-rotate-z: initial;
+      --tw-skew-x: initial;
+      --tw-skew-y: initial;
       --tw-ordinal: initial;
       --tw-slashed-zero: initial;
       --tw-numeric-figure: initial;
       --tw-numeric-spacing: initial;
       --tw-numeric-fraction: initial;
+      --tw-leading: initial;
+      --tw-font-weight: initial;
+      --tw-border-style: solid;
+      --tw-outline-style: solid;
+      --tw-duration: initial;
       --tw-shadow: 0 0 #0000;
       --tw-shadow-color: initial;
       --tw-shadow-alpha: 100%;
@@ -3533,11 +3669,6 @@
       --tw-ring-offset-width: 0px;
       --tw-ring-offset-color: #fff;
       --tw-ring-offset-shadow: 0 0 #0000;
-      --tw-leading: initial;
-      --tw-font-weight: initial;
-      --tw-border-style: solid;
-      --tw-outline-style: solid;
-      --tw-duration: initial;
       --tw-translate-x: 0;
       --tw-translate-y: 0;
       --tw-translate-z: 0;