@segmentify/ui 0.0.40 → 0.0.42

package/dist/ui.css

@@ -1,4 +1,4 @@
-/*! tailwindcss v4.2.0 | MIT License | https://tailwindcss.com */
+/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
 @layer properties;
 :root, :host {
   --ui-font-sans: ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol',
@@ -93,6 +93,7 @@
   --ui-aspect-video: 16 / 9;
   --ui-default-transition-duration: 150ms;
   --ui-default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  --ui-default-font-family: var(--ui-font-sans);
   --ui-animate-accordion-down: accordion-down 0.2s ease-out;
   --ui-animate-accordion-up: accordion-up 0.6s ease-out;
   --ui-color-background: hsl(var(--ui-background));
@@ -352,6 +353,9 @@
 .ui\:mb-2 {
   margin-bottom: calc(var(--ui-spacing) * 2);
 }
+.ui\:mb-2\.5 {
+  margin-bottom: calc(var(--ui-spacing) * 2.5);
+}
 .ui\:mb-4 {
   margin-bottom: calc(var(--ui-spacing) * 4);
 }
@@ -361,6 +365,9 @@
 .ui\:mb-8 {
   margin-bottom: calc(var(--ui-spacing) * 8);
 }
+.ui\:mb-16 {
+  margin-bottom: calc(var(--ui-spacing) * 16);
+}
 .ui\:-ml-1 {
   margin-left: calc(var(--ui-spacing) * -1);
 }
@@ -528,9 +535,6 @@
 .ui\:h-\[calc\(--spacing\(5\.5\)\)\] {
   height: calc(calc(var(--ui-spacing) * 5.5));
 }
-.ui\:h-\[calc\(100\%-1px\)\] {
-  height: calc(100% - 1px);
-}
 .ui\:h-auto {
   height: auto;
 }
@@ -989,13 +993,6 @@
     margin-block-end: calc(calc(var(--ui-spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
   }
 }
-.ui\:space-y-2\.5 {
-  :where(& > :not(:last-child)) {
-    --tw-space-y-reverse: 0;
-    margin-block-start: calc(calc(var(--ui-spacing) * 2.5) * var(--tw-space-y-reverse));
-    margin-block-end: calc(calc(var(--ui-spacing) * 2.5) * calc(1 - var(--tw-space-y-reverse)));
-  }
-}
 .ui\:space-y-3 {
   :where(& > :not(:last-child)) {
     --tw-space-y-reverse: 0;
@@ -1114,6 +1111,14 @@
   border-top-right-radius: var(--ui-radius-md);
   border-bottom-right-radius: var(--ui-radius-md);
 }
+.ui\:rounded-b-lg {
+  border-bottom-right-radius: var(--ui-radius-lg);
+  border-bottom-left-radius: var(--ui-radius-lg);
+}
+.ui\:rounded-b-none {
+  border-bottom-right-radius: 0;
+  border-bottom-left-radius: 0;
+}
 .ui\:border {
   border-style: var(--tw-border-style);
   border-width: 1px;
@@ -1138,6 +1143,10 @@
   border-top-style: var(--tw-border-style);
   border-top-width: 1px;
 }
+.ui\:border-t-0 {
+  border-top-style: var(--tw-border-style);
+  border-top-width: 0px;
+}
 .ui\:border-r {
   border-right-style: var(--tw-border-style);
   border-right-width: 1px;
@@ -1497,9 +1506,6 @@
 .ui\:p-8 {
   padding: calc(var(--ui-spacing) * 8);
 }
-.ui\:p-\[3px\] {
-  padding: 3px;
-}
 .ui\:p-px {
   padding: 1px;
 }
@@ -1554,6 +1560,9 @@
 .ui\:py-6 {
   padding-block: calc(var(--ui-spacing) * 6);
 }
+.ui\:py-7 {
+  padding-block: calc(var(--ui-spacing) * 7);
+}
 .ui\:py-8 {
   padding-block: calc(var(--ui-spacing) * 8);
 }
@@ -3614,9 +3623,14 @@
     }
   }
 }
-.ui\:data-\[state\=active\]\:bg-background {
+.ui\:data-\[state\=active\]\:bg-segmentify-200 {
   &[data-state="active"] {
-    background-color: var(--ui-color-background);
+    background-color: var(--ui-color-segmentify-200);
+  }
+}
+.ui\:data-\[state\=active\]\:text-primary {
+  &[data-state="active"] {
+    color: var(--ui-color-primary);
   }
 }
 .ui\:data-\[state\=active\]\:shadow-sm {
@@ -4874,6 +4888,10 @@
   .ui-lib-root {
     background-color: var(--ui-color-background);
     color: var(--ui-color-foreground);
+    line-height: 1.5;
+    -webkit-text-size-adjust: 100%;
+    tab-size: 4;
+    font-family: var(--ui-default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
   }
 }
 @property --tw-animation-delay {
@@ -5056,6 +5074,11 @@
     background-color: var(--ui-color-background);
     color: var(--ui-color-foreground);
   }
+  [data-radix-popper-content-wrapper], [data-radix-select-viewport], [data-slot="select-content"], [data-slot="dialog-portal"], [data-slot="alert-dialog-portal"], [data-slot="drawer-portal"], [data-slot="dropdown-menu-portal"], [data-slot="sheet-portal"], [data-slot="hover-card-portal"] {
+    font-family: var(--ui-default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
+    line-height: 1.5;
+    -webkit-text-size-adjust: 100%;
+  }
 }
 @property --tw-translate-x {
   syntax: "*";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@segmentify/ui",
-  "version": "0.0.40",
+  "version": "0.0.42",
   "description": "A collection of reusable React UI components built with Tailwind CSS and Radix UI",
   "repository": {
     "type": "git",