@vellira-ui/tokens 2.26.1 → 2.28.0

package/dist/primitives/colors.js

@@ -64,17 +64,17 @@ export const colors = {
         950: '#071927',
     },
     success: {
-        50: '#ECFDF5',
-        100: '#D1FAE5',
-        200: '#A7F3D0',
-        300: '#6EE7B7',
-        400: '#34D399',
-        500: '#10B981',
-        600: '#059669',
-        700: '#047857',
-        800: '#065F46',
-        900: '#064E3B',
-        950: '#022C22',
+        50: '#F0FDFA',
+        100: '#CCFBF1',
+        200: '#99F6E4',
+        300: '#5EEAD4',
+        400: '#2DD4BF',
+        500: '#14B8A6',
+        600: '#0F9E94',
+        700: '#0F766E',
+        800: '#115E59',
+        900: '#134E4A',
+        950: '#042F2E',
     },
     error: {
         50: '#FFF1F2',

package/dist/utils/createButtonPalette.d.ts

@@ -0,0 +1,106 @@
+export type ButtonState = {
+    bg: string;
+    fg: string;
+    border: string;
+};
+export type ButtonPaletteConfig = {
+    ring: string;
+    solid: {
+        default: ButtonState;
+        hover: ButtonState;
+        pressed: ButtonState;
+    };
+    fg: string;
+    bg: string;
+    border: string;
+    hoverBg: string;
+    hoverFg: string;
+    hoverBorder?: string;
+    pressedBg: string;
+    pressedFg: string;
+    pressedBorder?: string;
+    softBorder?: string;
+    softHoverBorder?: string;
+    softPressedBorder?: string;
+};
+export declare const transparent: {
+    readonly bg: "transparent";
+    readonly border: "transparent";
+};
+export declare const createButtonPalette: ({ ring, solid, fg, bg, border, hoverBg, hoverFg, hoverBorder, pressedBg, pressedFg, pressedBorder, softBorder, softHoverBorder, softPressedBorder, }: ButtonPaletteConfig) => {
+    readonly ring: string;
+    readonly solid: {
+        default: ButtonState;
+        hover: ButtonState;
+        pressed: ButtonState;
+    };
+    readonly outline: {
+        readonly default: {
+            readonly bg: "transparent";
+            readonly fg: string;
+            readonly border: string;
+        };
+        readonly hover: {
+            readonly bg: string;
+            readonly fg: string;
+            readonly border: string;
+        };
+        readonly pressed: {
+            readonly bg: string;
+            readonly fg: string;
+            readonly border: string;
+        };
+    };
+    readonly ghost: {
+        readonly default: {
+            readonly fg: string;
+            readonly bg: "transparent";
+            readonly border: "transparent";
+        };
+        readonly hover: {
+            readonly bg: string;
+            readonly fg: string;
+            readonly border: "transparent";
+        };
+        readonly pressed: {
+            readonly bg: string;
+            readonly fg: string;
+            readonly border: "transparent";
+        };
+    };
+    readonly soft: {
+        readonly default: {
+            readonly bg: string;
+            readonly fg: string;
+            readonly border: string;
+        };
+        readonly hover: {
+            readonly bg: string;
+            readonly fg: string;
+            readonly border: string;
+        };
+        readonly pressed: {
+            readonly bg: string;
+            readonly fg: string;
+            readonly border: string;
+        };
+    };
+    readonly link: {
+        readonly default: {
+            readonly fg: string;
+            readonly bg: "transparent";
+            readonly border: "transparent";
+        };
+        readonly hover: {
+            readonly fg: string;
+            readonly bg: "transparent";
+            readonly border: "transparent";
+        };
+        readonly pressed: {
+            readonly fg: string;
+            readonly bg: "transparent";
+            readonly border: "transparent";
+        };
+    };
+};
+//# sourceMappingURL=createButtonPalette.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"createButtonPalette.d.ts","sourceRoot":"","sources":["../../src/utils/createButtonPalette.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,WAAW,GAAG;IACxB,EAAE,EAAE,MAAM,CAAC;IACX,EAAE,EAAE,MAAM,CAAC;IACX,MAAM,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG;IAChC,IAAI,EAAE,MAAM,CAAC;IAEb,KAAK,EAAE;QACL,OAAO,EAAE,WAAW,CAAC;QACrB,KAAK,EAAE,WAAW,CAAC;QACnB,OAAO,EAAE,WAAW,CAAC;KACtB,CAAC;IAEF,EAAE,EAAE,MAAM,CAAC;IACX,EAAE,EAAE,MAAM,CAAC;IACX,MAAM,EAAE,MAAM,CAAC;IAEf,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,MAAM,CAAC;IAClB,aAAa,CAAC,EAAE,MAAM,CAAC;IAEvB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B,CAAC;AAEF,eAAO,MAAM,WAAW;;;CAGd,CAAC;AAEX,eAAO,MAAM,mBAAmB,GAAI,sJAejC,mBAAmB;;;iBA1CT,WAAW;eACb,WAAW;iBACT,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiHX,CAAC"}

package/dist/utils/createButtonPalette.js

@@ -0,0 +1,72 @@
+export const transparent = {
+    bg: 'transparent',
+    border: 'transparent',
+};
+export const createButtonPalette = ({ ring, solid, fg, bg, border, hoverBg, hoverFg, hoverBorder = border, pressedBg, pressedFg, pressedBorder = border, softBorder = transparent.border, softHoverBorder = softBorder, softPressedBorder = softBorder, }) => ({
+    ring,
+    solid,
+    outline: {
+        default: {
+            bg: transparent.bg,
+            fg,
+            border,
+        },
+        hover: {
+            bg: hoverBg,
+            fg: hoverFg,
+            border: hoverBorder,
+        },
+        pressed: {
+            bg: pressedBg,
+            fg: pressedFg,
+            border: pressedBorder,
+        },
+    },
+    ghost: {
+        default: {
+            ...transparent,
+            fg,
+        },
+        hover: {
+            ...transparent,
+            bg: hoverBg,
+            fg: hoverFg,
+        },
+        pressed: {
+            ...transparent,
+            bg: pressedBg,
+            fg: pressedFg,
+        },
+    },
+    soft: {
+        default: {
+            bg,
+            fg,
+            border: softBorder,
+        },
+        hover: {
+            bg: hoverBg,
+            fg: hoverFg,
+            border: softHoverBorder,
+        },
+        pressed: {
+            bg: pressedBg,
+            fg: pressedFg,
+            border: softPressedBorder,
+        },
+    },
+    link: {
+        default: {
+            ...transparent,
+            fg,
+        },
+        hover: {
+            ...transparent,
+            fg: hoverFg,
+        },
+        pressed: {
+            ...transparent,
+            fg: pressedFg,
+        },
+    },
+});

package/dist/utils/createCheckboxPalette.d.ts

@@ -0,0 +1,19 @@
+export type CheckboxState = {
+    bg: string;
+    fg: string;
+    border: string;
+    labelFg: string;
+};
+export type CheckboxPaletteConfig = {
+    ring: string;
+    default: CheckboxState;
+    hover: CheckboxState;
+    pressed: CheckboxState;
+};
+export declare const createCheckboxPalette: ({ ring, default: defaultState, hover, pressed, }: CheckboxPaletteConfig) => {
+    readonly ring: string;
+    readonly default: CheckboxState;
+    readonly hover: CheckboxState;
+    readonly pressed: CheckboxState;
+};
+//# sourceMappingURL=createCheckboxPalette.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"createCheckboxPalette.d.ts","sourceRoot":"","sources":["../../src/utils/createCheckboxPalette.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,aAAa,GAAG;IAC1B,EAAE,EAAE,MAAM,CAAC;IACX,EAAE,EAAE,MAAM,CAAC;IACX,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,MAAM,MAAM,qBAAqB,GAAG;IAClC,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,aAAa,CAAC;IACvB,KAAK,EAAE,aAAa,CAAC;IACrB,OAAO,EAAE,aAAa,CAAC;CACxB,CAAC;AAEF,eAAO,MAAM,qBAAqB,GAAI,kDAKnC,qBAAqB;;;;;CAMX,CAAC"}

package/dist/utils/createCheckboxPalette.js

@@ -0,0 +1,6 @@
+export const createCheckboxPalette = ({ ring, default: defaultState, hover, pressed, }) => ({
+    ring,
+    default: defaultState,
+    hover,
+    pressed,
+});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vellira-ui/tokens",
-  "version": "2.26.1",
+  "version": "2.28.0",
   "description": "Design tokens for Vellira Design System",
   "author": "Roman Bakurov",
   "license": "MIT",