@homlista-devs/ui 1.6.4 → 1.6.6

package/dist/index.css

@@ -603,9 +603,15 @@
   .w-1\/3 {
     width: calc(1/3 * 100%);
   }
+  .w-1\/5 {
+    width: calc(1/5 * 100%);
+  }
   .w-2 {
     width: calc(var(--spacing) * 2);
   }
+  .w-2\/3 {
+    width: calc(2/3 * 100%);
+  }
   .w-3 {
     width: calc(var(--spacing) * 3);
   }
@@ -672,6 +678,10 @@
   .max-w-7xl {
     max-width: var(--container-7xl);
   }
+  .max-w-fit {
+    max-width: -moz-fit-content;
+    max-width: fit-content;
+  }
   .max-w-md {
     max-width: var(--container-md);
   }
@@ -839,6 +849,13 @@
       margin-block-end: calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse)));
     }
   }
+  .space-x-4 {
+    :where(& > :not(:last-child)) {
+      --tw-space-x-reverse: 0;
+      margin-inline-start: calc(calc(var(--spacing) * 4) * var(--tw-space-x-reverse));
+      margin-inline-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-x-reverse)));
+    }
+  }
   .self-stretch {
     align-self: stretch;
   }
@@ -1432,6 +1449,12 @@
     --tw-tracking: var(--tracking-wider);
     letter-spacing: var(--tracking-wider);
   }
+  .text-nowrap {
+    text-wrap: nowrap;
+  }
+  .text-ellipsis {
+    text-overflow: ellipsis;
+  }
   .whitespace-nowrap {
     white-space: nowrap;
   }
@@ -2166,6 +2189,11 @@
       height: calc(var(--spacing) * 24);
     }
   }
+  .md\:w-1\/5 {
+    @media (width >= 48rem) {
+      width: calc(1/5 * 100%);
+    }
+  }
   .md\:grid-cols-2 {
     @media (width >= 48rem) {
       grid-template-columns: repeat(2, minmax(0, 1fr));
@@ -2413,8 +2441,7 @@
   --radius-3xl: 1.5rem;
   --radius-full: 9999px;
 }
-.dark,
-[data-theme="dark"] {
+.dark, [data-theme="dark"] {
   --background: 222.2 84% 4.9%;
   --background-secondary: 222.2 84% 6%;
   --background-tertiary: 222.2 84% 8%;
@@ -2685,9 +2712,7 @@
   --ring: 221.2 83.2% 53.3%;
 }
 @layer base {
-  *,
-  *::before,
-  *::after {
+  *, *::before, *::after {
     box-sizing: border-box;
   }
   * {
@@ -2707,19 +2732,11 @@
   :focus:not(:focus-visible) {
     outline: none;
   }
-  img,
-  picture,
-  video,
-  canvas,
-  svg {
+  img, picture, video, canvas, svg {
     display: block;
     max-width: 100%;
   }
-  input,
-  button,
-  select,
-  optgroup,
-  textarea {
+  input, button, select, optgroup, textarea {
     font-family: inherit;
     font-size: 100%;
     line-height: 1.15;
@@ -2729,10 +2746,7 @@
     -webkit-appearance: textfield;
     outline-offset: -2px;
   }
-  input[type="search"]::-webkit-search-decoration,
-  input[type="search"]::-webkit-search-cancel-button,
-  input[type="search"]::-webkit-search-results-button,
-  input[type="search"]::-webkit-search-results-decoration {
+  input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-results-button, input[type="search"]::-webkit-search-results-decoration {
     -webkit-appearance: none;
   }
   button {
@@ -2747,18 +2761,13 @@
     -moz-osx-font-smoothing: grayscale;
     font-family: var(--font-body, ui-sans-serif, system-ui, sans-serif);
   }
-  ol,
-  ul {
+  ol, ul {
     list-style: none;
   }
-  blockquote,
-  q {
+  blockquote, q {
     quotes: none;
   }
-  blockquote::before,
-  blockquote::after,
-  q::before,
-  q::after {
+  blockquote::before, blockquote::after, q::before, q::after {
     content: '';
     content: none;
   }
@@ -3135,9 +3144,7 @@
     }
   }
   @media (prefers-reduced-motion: reduce) {
-    *,
-    *::before,
-    *::after {
+    *, *::before, *::after {
       animation-duration: 0.01ms !important;
       animation-iteration-count: 1 !important;
       transition-duration: 0.01ms !important;
@@ -3307,6 +3314,11 @@
   inherits: false;
   initial-value: 0;
 }
+@property --tw-space-x-reverse {
+  syntax: "*";
+  inherits: false;
+  initial-value: 0;
+}
 @property --tw-border-style {
   syntax: "*";
   inherits: false;
@@ -3570,6 +3582,7 @@
       --tw-skew-x: initial;
       --tw-skew-y: initial;
       --tw-space-y-reverse: 0;
+      --tw-space-x-reverse: 0;
       --tw-border-style: solid;
       --tw-gradient-position: initial;
       --tw-gradient-from: #0000;