@segmentify/ui 0.0.27 → 0.0.29

package/dist/ui.css

@@ -8,13 +8,23 @@
     --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-amber-50: oklch(98.7% 0.022 95.277);
     --ui-color-amber-200: oklch(92.4% 0.12 95.746);
+    --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-700: oklch(52.7% 0.154 150.069);
+    --ui-color-green-800: oklch(44.8% 0.119 151.328);
+    --ui-color-blue-50: oklch(97% 0.014 254.604);
+    --ui-color-blue-200: oklch(88.2% 0.059 254.128);
     --ui-color-blue-500: oklch(62.3% 0.214 259.815);
+    --ui-color-blue-800: oklch(42.4% 0.199 265.638);
     --ui-color-purple-500: oklch(62.7% 0.265 303.9);
+    --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-200: #e5e7eb;
     --ui-color-gray-300: #d2d6dc;
     --ui-color-gray-400: #9fa6b2;
@@ -44,6 +54,8 @@
     --ui-text-lg--line-height: calc(1.75 / 1.125);
     --ui-text-xl: 1.25rem;
     --ui-text-xl--line-height: calc(1.75 / 1.25);
+    --ui-text-2xl: 1.5rem;
+    --ui-text-2xl--line-height: calc(2 / 1.5);
     --ui-text-3xl: 1.875rem;
     --ui-text-3xl--line-height: calc(2.25 / 1.875);
     --ui-text-4xl: 2.25rem;
@@ -468,6 +480,9 @@
   .ui\:mb-6 {
     margin-bottom: calc(var(--ui-spacing) * 6);
   }
+  .ui\:mb-8 {
+    margin-bottom: calc(var(--ui-spacing) * 8);
+  }
   .ui\:-ml-4 {
     margin-left: calc(var(--ui-spacing) * -4);
   }
@@ -785,6 +800,9 @@
   .ui\:max-w-\[calc\(100\%-2rem\)\] {
     max-width: calc(100% - 2rem);
   }
+  .ui\:max-w-full {
+    max-width: 100%;
+  }
   .ui\:max-w-max {
     max-width: max-content;
   }
@@ -937,6 +955,9 @@
   .ui\:auto-rows-min {
     grid-auto-rows: min-content;
   }
+  .ui\:grid-cols-1 {
+    grid-template-columns: repeat(1, minmax(0, 1fr));
+  }
   .ui\:grid-cols-2 {
     grid-template-columns: repeat(2, minmax(0, 1fr));
   }
@@ -1215,6 +1236,12 @@
   .ui\:border-\(--color-border\) {
     border-color: var(--color-border);
   }
+  .ui\:border-amber-200 {
+    border-color: var(--ui-color-amber-200);
+  }
+  .ui\:border-blue-200 {
+    border-color: var(--ui-color-blue-200);
+  }
   .ui\:border-border {
     border-color: var(--ui-color-border);
   }
@@ -1233,6 +1260,9 @@
   .ui\:border-gray-200 {
     border-color: var(--ui-color-gray-200);
   }
+  .ui\:border-green-200 {
+    border-color: var(--ui-color-green-200);
+  }
   .ui\:border-input {
     border-color: var(--ui-color-input);
   }
@@ -1248,6 +1278,9 @@
   .ui\:border-sidebar-border {
     border-color: var(--ui-sidebar-border);
   }
+  .ui\:border-slate-200 {
+    border-color: var(--ui-color-slate-200);
+  }
   .ui\:border-transparent {
     border-color: transparent;
   }
@@ -1263,6 +1296,9 @@
   .ui\:bg-accent {
     background-color: var(--ui-color-accent);
   }
+  .ui\:bg-amber-50 {
+    background-color: var(--ui-color-amber-50);
+  }
   .ui\:bg-amber-200 {
     background-color: var(--ui-color-amber-200);
   }
@@ -1275,6 +1311,9 @@
       background-color: color-mix(in oklab, var(--ui-color-black) 50%, transparent);
     }
   }
+  .ui\:bg-blue-50 {
+    background-color: var(--ui-color-blue-50);
+  }
   .ui\:bg-blue-500\/30 {
     background-color: var(--ui-color-blue-500);
     @supports (color: color-mix(in lab, red, red)) {
@@ -1299,6 +1338,9 @@
   .ui\:bg-gray-500 {
     background-color: var(--ui-color-gray-500);
   }
+  .ui\:bg-green-50 {
+    background-color: var(--ui-color-green-50);
+  }
   .ui\:bg-green-400 {
     background-color: var(--ui-color-green-400);
   }
@@ -1380,6 +1422,9 @@
   .ui\:bg-sidebar-border {
     background-color: var(--ui-sidebar-border);
   }
+  .ui\:bg-slate-50 {
+    background-color: var(--ui-color-slate-50);
+  }
   .ui\:bg-transparent {
     background-color: transparent;
   }
@@ -1461,6 +1506,9 @@
   .ui\:py-1 {
     padding-block: calc(var(--ui-spacing) * 1);
   }
+  .ui\:py-1\! {
+    padding-block: calc(var(--ui-spacing) * 1) !important;
+  }
   .ui\:py-1\.5 {
     padding-block: calc(var(--ui-spacing) * 1.5);
   }
@@ -1509,6 +1557,9 @@
   .ui\:pb-0 {
     padding-bottom: calc(var(--ui-spacing) * 0);
   }
+  .ui\:pb-2 {
+    padding-bottom: calc(var(--ui-spacing) * 2);
+  }
   .ui\:pb-3 {
     padding-bottom: calc(var(--ui-spacing) * 3);
   }
@@ -1548,6 +1599,10 @@
   .ui\:font-sans {
     font-family: var(--ui-font-sans);
   }
+  .ui\:text-2xl {
+    font-size: var(--ui-text-2xl);
+    line-height: var(--tw-leading, var(--ui-text-2xl--line-height));
+  }
   .ui\:text-3xl {
     font-size: var(--ui-text-3xl);
     line-height: var(--tw-leading, var(--ui-text-3xl--line-height));
@@ -1638,6 +1693,9 @@
   .ui\:text-accent-foreground {
     color: var(--ui-color-accent-foreground);
   }
+  .ui\:text-amber-800 {
+    color: var(--ui-color-amber-800);
+  }
   .ui\:text-background {
     color: var(--ui-color-background);
   }
@@ -1653,6 +1711,9 @@
   .ui\:text-black-950\! {
     color: var(--ui-color-black-950) !important;
   }
+  .ui\:text-blue-800 {
+    color: var(--ui-color-blue-800);
+  }
   .ui\:text-card-foreground {
     color: var(--ui-color-card-foreground);
   }
@@ -1674,9 +1735,18 @@
   .ui\:text-gray-600 {
     color: var(--ui-color-gray-600);
   }
+  .ui\:text-green-700 {
+    color: var(--ui-color-green-700);
+  }
+  .ui\:text-green-800 {
+    color: var(--ui-color-green-800);
+  }
   .ui\:text-muted-foreground {
     color: var(--ui-color-muted-foreground);
   }
+  .ui\:text-muted-foreground\! {
+    color: var(--ui-color-muted-foreground) !important;
+  }
   .ui\:text-popover-foreground {
     color: var(--ui-color-popover-foreground);
   }
@@ -2784,6 +2854,16 @@
       cursor: e-resize;
     }
   }
+  .ui\:in-data-\[slot\=card-content\]\:bg-transparent {
+    :where(*[data-slot="card-content"]) & {
+      background-color: transparent;
+    }
+  }
+  .ui\:in-data-\[slot\=popover-content\]\:bg-transparent {
+    :where(*[data-slot="popover-content"]) & {
+      background-color: transparent;
+    }
+  }
   .ui\:has-focus\:border-ring {
     &:has(*:focus) {
       border-color: var(--ui-color-ring);
@@ -2861,9 +2941,9 @@
       }
     }
   }
-  .ui\:aria-selected\:text-muted-foreground {
+  .ui\:aria-selected\:text-muted-foreground\! {
     &[aria-selected="true"] {
-      color: var(--ui-color-muted-foreground);
+      color: var(--ui-color-muted-foreground) !important;
     }
   }
   .ui\:data-disabled\:pointer-events-none {
@@ -2972,6 +3052,11 @@
       flex-direction: column;
     }
   }
+  .ui\:data-\[outside\=true\]\:text-muted-foreground {
+    &[data-outside="true"] {
+      color: var(--ui-color-muted-foreground);
+    }
+  }
   .ui\:data-\[range-end\=true\]\:rounded-md {
     &[data-range-end="true"] {
       border-radius: var(--ui-radius-md);
@@ -3510,6 +3595,11 @@
       display: flex;
     }
   }
+  .ui\:md\:w-max {
+    @media (width >= 48rem) {
+      width: max-content;
+    }
+  }
   .ui\:md\:min-w-\[450px\] {
     @media (width >= 48rem) {
       min-width: 450px;
@@ -3520,6 +3610,21 @@
       flex-basis: calc(1/2 * 100%);
     }
   }
+  .ui\:md\:grid-cols-3 {
+    @media (width >= 48rem) {
+      grid-template-columns: repeat(3, minmax(0, 1fr));
+    }
+  }
+  .ui\:md\:flex-row {
+    @media (width >= 48rem) {
+      flex-direction: row;
+    }
+  }
+  .ui\:md\:justify-end {
+    @media (width >= 48rem) {
+      justify-content: flex-end;
+    }
+  }
   .ui\:md\:gap-1\.5 {
     @media (width >= 48rem) {
       gap: calc(var(--ui-spacing) * 1.5);
@@ -4134,16 +4239,6 @@
       cursor: w-resize;
     }
   }
-  .ui\:\[\[data-slot\=card-content\]_\&\]\:bg-transparent {
-    [data-slot=card-content] & {
-      background-color: transparent;
-    }
-  }
-  .ui\:\[\[data-slot\=popover-content\]_\&\]\:bg-transparent {
-    [data-slot=popover-content] & {
-      background-color: transparent;
-    }
-  }
   .ui\:\[\[data-slot\=tooltip-content\]_\&\]\:bg-background\/20 {
     [data-slot=tooltip-content] & {
       background-color: var(--ui-color-background);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@segmentify/ui",
-  "version": "0.0.27",
+  "version": "0.0.29",
   "description": "A collection of reusable React UI components built with Tailwind CSS and Radix UI",
   "repository": {
     "type": "git",
@@ -26,6 +26,26 @@
   "files": [
     "dist"
   ],
+  "scripts": {
+    "dev": "vite",
+    "build:css": "tailwindcss -i src/index.css -o dist/ui.css",
+    "build": "pnpm run build:css && vite build --emptyOutDir=false && tsc -p tsconfig.build.json && node scripts/fix-type-aliases.mjs",
+    "postbuild": "node ./scripts/verify-dist.mjs",
+    "lint": "eslint .",
+    "lint:fix": "npm run lint -- --fix",
+    "format": "prettier --write \"**/*.{ts,tsx,md,mjs,cjs}\"",
+    "type-check": "tsc --noEmit",
+    "preview": "vite preview",
+    "storybook": "storybook dev -p 6006",
+    "build-storybook": "storybook build",
+    "test:storybook": "vitest --project=storybook --run",
+    "coverage": "vitest --project=storybook --run --coverage",
+    "prepare": "husky",
+    "knip": "knip",
+    "changeset": "changeset",
+    "version-packages": "changeset version",
+    "release": "changeset publish"
+  },
   "peerDependencies": {
     "react": "^18.0.0 || ^19.0.0",
     "react-dom": "^18.0.0 || ^19.0.0",
@@ -121,24 +141,5 @@
     "*.{json,js,ts,jsx,tsx,html}": [
       "prettier --write --ignore-unknown"
     ]
-  },
-  "scripts": {
-    "dev": "vite",
-    "build:css": "tailwindcss -i src/index.css -o dist/ui.css",
-    "build": "pnpm run build:css && vite build --emptyOutDir=false && tsc -p tsconfig.build.json && node scripts/fix-type-aliases.mjs",
-    "postbuild": "node ./scripts/verify-dist.mjs",
-    "lint": "eslint .",
-    "lint:fix": "npm run lint -- --fix",
-    "format": "prettier --write \"**/*.{ts,tsx,md,mjs,cjs}\"",
-    "type-check": "tsc --noEmit",
-    "preview": "vite preview",
-    "storybook": "storybook dev -p 6006",
-    "build-storybook": "storybook build",
-    "test:storybook": "vitest --project=storybook --run",
-    "coverage": "vitest --project=storybook --run --coverage",
-    "knip": "knip",
-    "changeset": "changeset",
-    "version-packages": "changeset version",
-    "release": "changeset publish"
   }
-}
+}