@segmentify/ui 0.0.49 → 0.0.51

package/dist/ui.css

@@ -6,17 +6,18 @@
   --ui-font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New',
     monospace;
   --ui-color-red-500: oklch(63.7% 0.237 25.331);
+  --ui-color-red-600: oklch(57.7% 0.245 27.325);
   --ui-color-orange-600: #f25847;
   --ui-color-amber-50: oklch(98.7% 0.022 95.277);
   --ui-color-amber-200: oklch(92.4% 0.12 95.746);
   --ui-color-amber-500: oklch(76.9% 0.188 70.08);
   --ui-color-amber-600: oklch(66.6% 0.179 58.318);
   --ui-color-amber-800: oklch(47.3% 0.137 46.201);
-  --ui-color-yellow-500: oklch(79.5% 0.184 86.047);
   --ui-color-green-50: oklch(98.2% 0.018 155.826);
   --ui-color-green-200: oklch(92.5% 0.084 155.995);
   --ui-color-green-400: oklch(79.2% 0.209 151.711);
   --ui-color-green-500: oklch(72.3% 0.219 149.579);
+  --ui-color-green-600: oklch(62.7% 0.194 149.214);
   --ui-color-green-700: oklch(52.7% 0.154 150.069);
   --ui-color-green-800: oklch(44.8% 0.119 151.328);
   --ui-color-emerald-500: oklch(69.6% 0.17 162.48);
@@ -36,6 +37,7 @@
   --ui-color-rose-600: oklch(58.6% 0.253 17.585);
   --ui-color-slate-50: oklch(98.4% 0.003 247.858);
   --ui-color-slate-200: oklch(92.9% 0.013 255.508);
+  --ui-color-gray-50: #f9fafb;
   --ui-color-gray-100: #f4f5f7;
   --ui-color-gray-200: #e5e7eb;
   --ui-color-gray-300: #d2d6dc;
@@ -1215,6 +1217,10 @@
   border-style: var(--tw-border-style);
   border-width: 0px;
 }
+.ui\:border-2 {
+  border-style: var(--tw-border-style);
+  border-width: 2px;
+}
 .ui\:border-4 {
   border-style: var(--tw-border-style);
   border-width: 4px;
@@ -1412,15 +1418,15 @@
 .ui\:bg-foreground {
   background-color: var(--ui-color-foreground);
 }
+.ui\:bg-gray-50 {
+  background-color: var(--ui-color-gray-50);
+}
 .ui\:bg-gray-100 {
   background-color: var(--ui-color-gray-100);
 }
 .ui\:bg-gray-200 {
   background-color: var(--ui-color-gray-200);
 }
-.ui\:bg-gray-500 {
-  background-color: var(--ui-color-gray-500);
-}
 .ui\:bg-gray-800 {
   background-color: var(--ui-color-gray-800);
 }
@@ -1430,9 +1436,6 @@
 .ui\:bg-green-400 {
   background-color: var(--ui-color-green-400);
 }
-.ui\:bg-green-500 {
-  background-color: var(--ui-color-green-500);
-}
 .ui\:bg-indigo-600\/10 {
   background-color: var(--ui-color-indigo-600);
   @supports (color: color-mix(in lab, red, red)) {
@@ -1502,9 +1505,6 @@
     background-color: color-mix(in oklab, var(--ui-color-purple-500) 30%, transparent);
   }
 }
-.ui\:bg-red-500 {
-  background-color: var(--ui-color-red-500);
-}
 .ui\:bg-rose-500\/10 {
   background-color: var(--ui-color-rose-500);
   @supports (color: color-mix(in lab, red, red)) {
@@ -1559,9 +1559,6 @@
 .ui\:bg-white {
   background-color: var(--ui-color-white);
 }
-.ui\:bg-yellow-500 {
-  background-color: var(--ui-color-yellow-500);
-}
 .ui\:bg-whatsapp-bg {
   background-image: var(--image-whatsapp-bg);
 }
@@ -1742,6 +1739,9 @@
 .ui\:align-middle {
   vertical-align: middle;
 }
+.ui\:font-\[inherit\] {
+  font-family: inherit;
+}
 .ui\:font-mono {
   font-family: var(--ui-font-mono);
 }
@@ -1794,6 +1794,9 @@
 .ui\:text-\[0\.70rem\] {
   font-size: 0.70rem;
 }
+.ui\:text-\[length\:inherit\] {
+  font-size: inherit;
+}
 .ui\:leading-6 {
   --tw-leading: calc(var(--ui-spacing) * 6);
   line-height: calc(var(--ui-spacing) * 6);
@@ -1914,6 +1917,9 @@
 .ui\:text-gray-650 {
   color: var(--ui-color-gray-650);
 }
+.ui\:text-green-500 {
+  color: var(--ui-color-green-500);
+}
 .ui\:text-green-700 {
   color: var(--ui-color-green-700);
 }
@@ -2831,6 +2837,13 @@
     }
   }
 }
+.ui\:hover\:text-black-900 {
+  &:hover {
+    @media (hover: hover) {
+      color: var(--ui-color-black-900);
+    }
+  }
+}
 .ui\:hover\:text-black-950 {
   &:hover {
     @media (hover: hover) {
@@ -2852,6 +2865,13 @@
     }
   }
 }
+.ui\:hover\:text-green-600 {
+  &:hover {
+    @media (hover: hover) {
+      color: var(--ui-color-green-600);
+    }
+  }
+}
 .ui\:hover\:text-primary {
   &:hover {
     @media (hover: hover) {
@@ -2859,6 +2879,13 @@
     }
   }
 }
+.ui\:hover\:text-red-600 {
+  &:hover {
+    @media (hover: hover) {
+      color: var(--ui-color-red-600);
+    }
+  }
+}
 .ui\:hover\:text-segmentify-700 {
   &:hover {
     @media (hover: hover) {
@@ -4302,6 +4329,11 @@
     margin-left: calc(var(--ui-spacing) * 2);
   }
 }
+.ui\:lg\:ml-4 {
+  @media (width >= 64rem) {
+    margin-left: calc(var(--ui-spacing) * 4);
+  }
+}
 .ui\:lg\:w-auto {
   @media (width >= 64rem) {
     width: auto;
@@ -4702,11 +4734,6 @@
     padding-bottom: calc(var(--ui-spacing) * 3);
   }
 }
-.ui\:\[\.border-b\]\:pb-6 {
-  &:is(.border-b) {
-    padding-bottom: calc(var(--ui-spacing) * 6);
-  }
-}
 .ui\:\[\.border-t\]\:pt-3 {
   &:is(.border-t) {
     padding-top: calc(var(--ui-spacing) * 3);
@@ -5180,6 +5207,12 @@
   .ql-editor {
     min-height: 100px;
   }
+  .accordion-content-overflow-visible[data-state='open'] {
+    overflow: visible !important;
+  }
+  .accordion-content-overflow-visible[data-state='closed'] {
+    overflow: hidden !important;
+  }
   .full-width-trigger {
     width: var(--radix-popover-trigger-width) !important;
     max-height: var(--radix-popover-content-available-height);

package/package.json

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