@novie/ui 0.1.14 → 0.1.16

package/dist/lib/utils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../src/lib/utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,UAAU,EAAQ,MAAM,MAAM,CAAA;AAG5C,wBAAgB,EAAE,CAAC,GAAG,MAAM,EAAE,UAAU,EAAE,UAEzC"}
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../src/lib/utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,UAAU,EAAQ,MAAM,MAAM,CAAA;AAyC5C,wBAAgB,EAAE,CAAC,GAAG,MAAM,EAAE,UAAU,EAAE,UAEzC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@novie/ui",
-  "version": "0.1.14",
+  "version": "0.1.16",
   "description": "Novie design system component library built on shadcn/ui conventions",
   "repository": {
     "type": "git",

package/src/index.css

@@ -82,6 +82,10 @@
   /* --- Borders --- */
   --border: 0 0% 78%;
   /* semantic: border/default/default    ← palette: neutral-200    hex: #c7c7c7 */
+  --border-strong: 0 0% 64%;
+  /* semantic: border/default/strong     ← palette: neutral-400    hex: #a3a3a3 */
+  --border-block: 0 0% 89.8%;
+  /* semantic: border/default/block      ← palette: gray-200       hex: #e5e5e5 */
   --input: 0 0% 85.1%;
   /* semantic: border/default/secondary   ← palette: neutral-100    hex: #d9d9d9 */
   --ring: 0 0% 0%;
@@ -106,8 +110,8 @@
   /* --- Warning (orange) --- */
   --warning: 30.2 100% 61.4%;
   /* semantic: bg/warning/default        ← palette: orange-500     hex: #ff9d3a */
-  --warning-foreground: 39 90% 97.3%;
-  /* semantic: text/primary/on-dark      ← palette: page-secondary  hex: #fcfaf6 */
+  --warning-foreground: 40 50% 97.6%;
+  /* semantic: text/primary/on-dark      ← palette: sand-300        hex: #fcfaf6 */
   --warning-secondary: 30 100% 74.5%;
   /* semantic: bg/warning/secondary     ← palette: orange-300     hex: #ffbe7d */
   --warning-tertiary: 30 100% 87.1%;
@@ -145,8 +149,8 @@
   /* semantic: bg/page/tertiary          ← palette: sand-500       hex: #eceae7 */
   --surface-inset: 36 11.6% 91.6%;
   /* semantic: bg/surface/inset          ← palette: sand-500       hex: #eceae7 */
-  --surface-elevated: 0 0% 100%;
-  /* semantic: bg/surface/elevated       ← palette: white          hex: #ffffff */
+  --surface-elevated: 210 16.7% 97.6%;
+  /* semantic: bg/surface/elevated       ← palette: gray-50        hex: #f8f9fa */
   --surface-overlay: 0 0% 0% / 50%;
   /* semantic: bg/surface/overlay        ← palette: black-50a      hex: #00000080 */
 
@@ -198,8 +202,8 @@
   /* semantic: border/error/default       ← palette: red-500        hex: #c8391a */
   --border-error-secondary: 12.8 76.2% 68.6%;
   /* semantic: border/error/secondary ← palette: red-300       hex: #ec8c72 */
-  --border-success: 148.1 23.2% 39.8%;
-  /* semantic: border/success/default     ← palette: fern-600       hex: #4e7d64 */
+  --border-success: 151.5 59.7% 26.3%;
+  /* semantic: border/success/default     ← palette: forrest-600    hex: #1b6b45 */
   --border-success-secondary: 143.1 28.9% 64.7%;
   /* semantic: border/success/secondary ← palette: fern-400 hex: #8bbf9f */
   --border-info: 210 12.6% 50.2%;
@@ -219,8 +223,8 @@
   /* semantic: text/primary/default       ← palette: neutral-900    hex: #333333 */
   --text-primary-secondary: 0 0% 39.6%;
   /* semantic: text/primary/secondary     ← palette: neutral-700    hex: #656565 */
-  --text-primary-tertiary: 0 0% 39.6%;
-  /* semantic: text/primary/tertiary      ← palette: neutral-700    hex: #656565 */
+  --text-primary-tertiary: 0 0% 63.9%;
+  /* semantic: text/primary/tertiary      ← palette: neutral-400    hex: #a3a3a3 */
   --text-primary-on-dark: 40 50% 97.6%;
   /* semantic: text/primary/on-dark       ← palette: sand-300       hex: #fcfaf6 */
   --text-disabled: 0 0% 63.9%;
@@ -376,7 +380,7 @@
   /* semantic: icon/default/secondary             ← palette: neutral-500    hex: #808080 */
   --icon-button-disabled: 0 0% 70.6%;
   /* semantic: icon/default/disabled              ← palette: neutral-300    hex: #b4b4b4 */
-  --icon-button-danger-bg: 12.4 80.9% 36.5%;
+  --icon-button-danger-bg: 11.2 80.6% 36.5%;
   /* semantic: icon/error/default                 ← palette: red-600        hex: #a82e12 */
   --icon-button-danger-hover: 14.1 85.5% 79.6%;
   /* semantic: background/error/secondary         ← palette: red-200        hex: #f5b5a0 */

package/tailwind.preset.ts

@@ -6,7 +6,11 @@ const noviePreset: Config = {
   theme: {
     extend: {
       colors: {
-        border: "hsl(var(--border))",
+        border: {
+          DEFAULT: "hsl(var(--border))",
+          strong: "hsl(var(--border-strong))",
+          block: "hsl(var(--border-block))",
+        },
         input: "hsl(var(--input))",
         ring: "hsl(var(--ring))",
         background: "hsl(var(--background))",
@@ -163,10 +167,20 @@ const noviePreset: Config = {
           "0%": { transform: "translateX(-100%)" },
           "100%": { transform: "translateX(200%)" },
         },
+        "accordion-down": {
+          from: { height: "0" },
+          to: { height: "var(--radix-accordion-content-height)" },
+        },
+        "accordion-up": {
+          from: { height: "var(--radix-accordion-content-height)" },
+          to: { height: "0" },
+        },
       },
       animation: {
         "progress-indeterminate":
           "progress-indeterminate 1.5s ease-in-out infinite",
+        "accordion-down": "accordion-down 0.2s ease-out",
+        "accordion-up": "accordion-up 0.2s ease-out",
       },
     },
   },