@payfit/unity-themes 2.8.3 → 2.9.1

package/dist/css/unity.css

@@ -480,6 +480,7 @@
   --color-border-primary-focus: var(--uy-color-blue-l5);
   --color-border-primary-active: var(--uy-color-blue-l8);
   --color-border-primary-disabled: var(--uy-color-grayscale-l4);
+  --color-border-primary-lowest: var(--uy-color-blue-l2);
   --color-border-neutral-high: var(--uy-color-grayscale-l7);
   --color-border-neutral-high-enabled: var(--uy-color-grayscale-l8);
   --color-border-neutral-high-hover: var(--uy-color-grayscale-l9);

package/dist/esm/utils/cn.js

@@ -1,11 +1,11 @@
-import { cn as c } from "tailwind-variants";
-import { twMergeConfig as n } from "./merge-config.js";
-const o = (...t) => c(...t)({
+import { cnMerge as e } from "tailwind-variants";
+import { twMergeConfig as r } from "./merge-config.js";
+const o = (...t) => e(...t)({
   twMerge: !0,
-  twMergeConfig: n
-}), e = o, m = o, a = o;
+  twMergeConfig: r
+}), s = o, m = o, g = o;
 export {
   m as classNames,
-  a as clsx,
-  e as cn
+  g as clsx,
+  s as cn
 };

package/dist/esm/utils/tailwind-variants.d.ts

@@ -40,5 +40,5 @@ import { VariantProps } from 'tailwind-variants';
  * @see {@link https://www.tailwind-variants.org/ Tailwind Variants Documentation}
  * @see {@link twMergeConfig} for the Unity merge configuration details
  */
-export declare const uyTv: import('tailwind-variants').CreateTV;
+export declare const uyTv: import('tailwind-variants').TV;
 export type { VariantProps };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@payfit/unity-themes",
-  "version": "2.8.3",
+  "version": "2.9.1",
   "main": "./dist/esm/index.js",
   "types": "./dist/esm/index.d.ts",
   "style": "./dist/css/unity.css",
@@ -42,7 +42,7 @@
     "@storybook/addon-vitest": "10.2.8",
     "@storybook/react-vite": "10.2.8",
     "@storybook/test-runner": "0.24.2",
-    "@tailwindcss/vite": "4.1.11",
+    "@tailwindcss/vite": "4.1.18",
     "@types/lodash": "4.14.202",
     "@types/node": "^22.0.0",
     "@types/react": "18.3.18",
@@ -74,8 +74,8 @@
     "@fontsource/source-serif-4": "5.0.19",
     "colorjs.io": "0.5.2",
     "style-dictionary": "5.0.0",
-    "tailwind-merge": "3.3.1",
-    "tailwind-variants": "2.1.0",
-    "tailwindcss": "4.1.11"
+    "tailwind-merge": "3.4.0",
+    "tailwind-variants": "3.2.2",
+    "tailwindcss": "4.1.18"
   }
 }

package/src/utils/cn.ts

@@ -1,4 +1,4 @@
-import { cn as cnBase } from 'tailwind-variants'
+import { cnMerge } from 'tailwind-variants'
 
 import { twMergeConfig } from './merge-config'
 
@@ -7,7 +7,7 @@ import { twMergeConfig } from './merge-config'
  * @internal
  */
 const uyCn = (...classes: string[]) =>
-  cnBase(...classes)({
+  cnMerge(...classes)({
     twMerge: true,
     twMergeConfig,
   })

package/tokens/colors.json

@@ -1184,25 +1184,30 @@
       "$description": "Border color.for various components and states",
       "primary": {
         "default": {
-          "$value": "{color.blue.L5}"
-        },
-        "enabled": {
-          "$value": "{color.blue.L5}"
-        },
-        "hover": {
-          "$value": "{color.blue.L6}"
-        },
-        "pressed": {
-          "$value": "{color.blue.L7}"
-        },
-        "focus": {
-          "$value": "{color.blue.L5}"
-        },
-        "active": {
-          "$value": "{color.blue.L8}"
+          "default": {
+            "$value": "{color.blue.L5}"
+          },
+          "enabled": {
+            "$value": "{color.blue.L5}"
+          },
+          "hover": {
+            "$value": "{color.blue.L6}"
+          },
+          "pressed": {
+            "$value": "{color.blue.L7}"
+          },
+          "focus": {
+            "$value": "{color.blue.L5}"
+          },
+          "active": {
+            "$value": "{color.blue.L8}"
+          },
+          "disabled": {
+            "$value": "{color.grayscale.L4}"
+          }
         },
-        "disabled": {
-          "$value": "{color.grayscale.L4}"
+        "lowest": {
+          "$value": "{color.blue.L2}"
         }
       },
       "neutral": {