@mindlogic-ai/logician-ui 2.0.0 → 3.0.0-alpha.1

package/dist/components/Breadcrumb/BreadcrumbLink/BreadcrumbLink.types.d.ts

@@ -1,4 +1,3 @@
 import { BreadcrumbLinkProps as ChakraBreadcrumbLinkProps } from '@chakra-ui/react';
-export interface BreadcrumbLinkProps extends ChakraBreadcrumbLinkProps {
-}
+export type BreadcrumbLinkProps = ChakraBreadcrumbLinkProps;
 //# sourceMappingURL=BreadcrumbLink.types.d.ts.map

package/dist/components/Breadcrumb/BreadcrumbLink/BreadcrumbLink.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BreadcrumbLink.types.d.ts","sourceRoot":"","sources":["../../../../src/components/Breadcrumb/BreadcrumbLink/BreadcrumbLink.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,IAAI,yBAAyB,EAAE,MAAM,kBAAkB,CAAC;AAEpF,MAAM,WAAW,mBAAoB,SAAQ,yBAAyB;CAAG"}
+{"version":3,"file":"BreadcrumbLink.types.d.ts","sourceRoot":"","sources":["../../../../src/components/Breadcrumb/BreadcrumbLink/BreadcrumbLink.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,IAAI,yBAAyB,EAAE,MAAM,kBAAkB,CAAC;AAEpF,MAAM,MAAM,mBAAmB,GAAG,yBAAyB,CAAC"}

package/dist/components/Button/Button.d.ts

@@ -1,4 +1,19 @@
-export declare const Button: import("react").ForwardRefExoticComponent<Omit<import("@chakra-ui/react").ButtonProps, "variant"> & {
+/**
+ * Button component with two-dimensional variant system.
+ *
+ * Combines `colorPalette` (semantic color) with `variant` (visual appearance)
+ * for flexible, consistent button styling.
+ *
+ * @example
+ * ```tsx
+ * <Button colorPalette="primary" variant="soft">Submit</Button>
+ * <Button colorPalette="danger" variant="solid">Delete</Button>
+ * <Button colorPalette="secondary" variant="outline">Cancel</Button>
+ * <Button colorPalette="neutral" variant="ghost">Close</Button>
+ * ```
+ */
+export declare const Button: import("react").ForwardRefExoticComponent<Omit<import("@chakra-ui/react").ButtonProps, "colorScheme" | "colorPalette" | "variant" | "leftIcon" | "rightIcon"> & {
+    colorPalette?: import("./Button.types").ButtonColorPalette;
     variant?: import("./Button.types").ButtonVariant;
-} & import("react").RefAttributes<unknown>>;
+} & import("react").RefAttributes<HTMLButtonElement>>;
 //# sourceMappingURL=Button.d.ts.map

package/dist/components/Button/Button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/components/Button/Button.tsx"],"names":[],"mappings":"AAMA,eAAO,MAAM,MAAM;;2CAkClB,CAAC"}
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/components/Button/Button.tsx"],"names":[],"mappings":"AAMA;;;;;;;;;;;;;GAaG;AACH,eAAO,MAAM,MAAM;;;qDA2ClB,CAAC"}

package/dist/components/Button/Button.js

@@ -6,15 +6,39 @@ var React = require('react');
 var react = require('@chakra-ui/react');
 var Button_styles = require('./Button.styles.js');
 
-const Button = React.forwardRef(({ variant = 'secondary', // default to secondary as they are less likely to cause bigger design issues
-_focus, size, ...rest }, ref) => {
-    const theme = react.useTheme();
-    const primaryMainColor = react.useToken('colors', theme.semanticTokens.colors.primary.main);
-    return (jsxRuntime.jsx(react.Button, { border: "1px solid", lineHeight: "1.2", size: size, fontSize: size === 'xs' ? 'sm' : size, variant: variant === 'link' ? 'link' : undefined, ...Button_styles.variantStyles[variant], _focus: {
+/**
+ * Button component with two-dimensional variant system.
+ *
+ * Combines `colorPalette` (semantic color) with `variant` (visual appearance)
+ * for flexible, consistent button styling.
+ *
+ * @example
+ * ```tsx
+ * <Button colorPalette="primary" variant="soft">Submit</Button>
+ * <Button colorPalette="danger" variant="solid">Delete</Button>
+ * <Button colorPalette="secondary" variant="outline">Cancel</Button>
+ * <Button colorPalette="neutral" variant="ghost">Close</Button>
+ * ```
+ */
+const Button = React.forwardRef(({ colorPalette, variant = 'soft', _focus, size, children, ...rest }, ref) => {
+    const primaryMainColor = react.useToken('colors', 'primary.main')[0];
+    const palette = colorPalette ?? 'primary';
+    const styles = Button_styles.getButtonStyles(palette, variant);
+    /**
+     * Chakra Button automatically maps size prop to textStyle:
+     * - 2xs, xs → textStyle="xs" (10.5px with 14px base)
+     * - sm, md → textStyle="sm" (12.25px with 14px base) ← default
+     * - lg, xl → textStyle="md" (14px with 14px base)
+     * - 2xl → textStyle="lg" (15.75px with 14px base)
+     *
+     * We override fontSize for xs size to 'sm' (12.25px) for better readability.
+     * Other sizes use Chakra's default textStyle mapping.
+     */
+    return (jsxRuntime.jsx(react.Button, { border: "1px solid", lineHeight: "1.2", fontWeight: "semibold", size: size, fontSize: size === 'xs' ? 'sm' : undefined, borderRadius: "md", ...styles, _focus: {
             outline: 'none',
             boxShadow: `rgb(255, 255, 255) 0px 0px 0px 2px, ${primaryMainColor} 0px 0px 0px 4px`,
             ..._focus,
-        }, transition: "all 0.25s ease-in-out", ref: ref, ...rest }));
+        }, transition: "all 0.25s ease-in-out", ref: ref, ...rest, children: children }));
 });
 Button.displayName = 'Button';
 

package/dist/components/Button/Button.js.map

@@ -1 +1 @@
-{"version":3,"file":"Button.js","sources":["../../../src/components/Button/Button.tsx"],"sourcesContent":[null],"names":["forwardRef","useTheme","useToken","_jsx","ChakraButton","variantStyles"],"mappings":";;;;;;;;AAMO,MAAM,MAAM,GAAGA,gBAAU,CAC9B,CACE,EACE,OAAO,GAAG,WAAW;AACrB,MAAM,EACN,IAAI,EACJ,GAAG,IAAI,EACK,EACd,GAAG,KACD;AACF,IAAA,MAAM,KAAK,GAAGC,cAAQ,EAAE;AACxB,IAAA,MAAM,gBAAgB,GAAGC,cAAQ,CAC/B,QAAQ,EACR,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CACzC;IACD,QACEC,eAACC,YAAY,EAAA,EACX,MAAM,EAAC,WAAW,EAClB,UAAU,EAAC,KAAK,EAChB,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,IAAI,KAAK,IAAI,GAAG,IAAI,GAAG,IAAI,EACrC,OAAO,EAAE,OAAO,KAAK,MAAM,GAAG,MAAM,GAAG,SAAS,EAAA,GAC5CC,2BAAa,CAAC,OAAO,CAAC,EAC1B,MAAM,EAAE;AACN,YAAA,OAAO,EAAE,MAAM;YACf,SAAS,EAAE,CAAA,oCAAA,EAAuC,gBAAgB,CAAA,gBAAA,CAAkB;AACpF,YAAA,GAAG,MAAM;SACV,EACD,UAAU,EAAC,uBAAuB,EAClC,GAAG,EAAE,GAAG,EAAA,GACJ,IAAI,EAAA,CACR;AAEN,CAAC;AAGH,MAAM,CAAC,WAAW,GAAG,QAAQ;;;;"}
+{"version":3,"file":"Button.js","sources":["../../../src/components/Button/Button.tsx"],"sourcesContent":[null],"names":["forwardRef","useToken","getButtonStyles","_jsx","ChakraButton"],"mappings":";;;;;;;;AAMA;;;;;;;;;;;;;AAaG;AACI,MAAM,MAAM,GAAGA,gBAAU,CAC9B,CACE,EAAE,YAAY,EAAE,OAAO,GAAG,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EACnE,GAAG,KACD;IACF,MAAM,gBAAgB,GAAGC,cAAQ,CAAC,QAAQ,EAAE,cAAc,CAAC,CAAC,CAAC,CAAC;AAE9D,IAAA,MAAM,OAAO,GAAG,YAAY,IAAI,SAAS;IAEzC,MAAM,MAAM,GAAGC,6BAAe,CAAC,OAAO,EAAE,OAAO,CAAC;AAEhD;;;;;;;;;AASG;AACH,IAAA,QACEC,cAAA,CAACC,YAAY,IACX,MAAM,EAAC,WAAW,EAClB,UAAU,EAAC,KAAK,EAChB,UAAU,EAAC,UAAU,EACrB,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,IAAI,KAAK,IAAI,GAAG,IAAI,GAAG,SAAS,EAC1C,YAAY,EAAC,IAAI,KACb,MAAM,EACV,MAAM,EAAE;AACN,YAAA,OAAO,EAAE,MAAM;YACf,SAAS,EAAE,CAAA,oCAAA,EAAuC,gBAAgB,CAAA,gBAAA,CAAkB;AACpF,YAAA,GAAG,MAAM;AACV,SAAA,EACD,UAAU,EAAC,uBAAuB,EAClC,GAAG,EAAE,GAAG,EAAA,GACJ,IAAI,EAAA,QAAA,EAEP,QAAQ,EAAA,CACI;AAEnB,CAAC;AAGH,MAAM,CAAC,WAAW,GAAG,QAAQ;;;;"}

package/dist/components/Button/Button.mjs

@@ -1,18 +1,42 @@
 "use client";
 import { jsx } from 'react/jsx-runtime';
 import { forwardRef } from 'react';
-import { useTheme, useToken, Button as Button$1 } from '@chakra-ui/react';
-import { variantStyles } from './Button.styles.mjs';
+import { useToken, Button as Button$1 } from '@chakra-ui/react';
+import { getButtonStyles } from './Button.styles.mjs';
 
-const Button = forwardRef(({ variant = 'secondary', // default to secondary as they are less likely to cause bigger design issues
-_focus, size, ...rest }, ref) => {
-    const theme = useTheme();
-    const primaryMainColor = useToken('colors', theme.semanticTokens.colors.primary.main);
-    return (jsx(Button$1, { border: "1px solid", lineHeight: "1.2", size: size, fontSize: size === 'xs' ? 'sm' : size, variant: variant === 'link' ? 'link' : undefined, ...variantStyles[variant], _focus: {
+/**
+ * Button component with two-dimensional variant system.
+ *
+ * Combines `colorPalette` (semantic color) with `variant` (visual appearance)
+ * for flexible, consistent button styling.
+ *
+ * @example
+ * ```tsx
+ * <Button colorPalette="primary" variant="soft">Submit</Button>
+ * <Button colorPalette="danger" variant="solid">Delete</Button>
+ * <Button colorPalette="secondary" variant="outline">Cancel</Button>
+ * <Button colorPalette="neutral" variant="ghost">Close</Button>
+ * ```
+ */
+const Button = forwardRef(({ colorPalette, variant = 'soft', _focus, size, children, ...rest }, ref) => {
+    const primaryMainColor = useToken('colors', 'primary.main')[0];
+    const palette = colorPalette ?? 'primary';
+    const styles = getButtonStyles(palette, variant);
+    /**
+     * Chakra Button automatically maps size prop to textStyle:
+     * - 2xs, xs → textStyle="xs" (10.5px with 14px base)
+     * - sm, md → textStyle="sm" (12.25px with 14px base) ← default
+     * - lg, xl → textStyle="md" (14px with 14px base)
+     * - 2xl → textStyle="lg" (15.75px with 14px base)
+     *
+     * We override fontSize for xs size to 'sm' (12.25px) for better readability.
+     * Other sizes use Chakra's default textStyle mapping.
+     */
+    return (jsx(Button$1, { border: "1px solid", lineHeight: "1.2", fontWeight: "semibold", size: size, fontSize: size === 'xs' ? 'sm' : undefined, borderRadius: "md", ...styles, _focus: {
             outline: 'none',
             boxShadow: `rgb(255, 255, 255) 0px 0px 0px 2px, ${primaryMainColor} 0px 0px 0px 4px`,
             ..._focus,
-        }, transition: "all 0.25s ease-in-out", ref: ref, ...rest }));
+        }, transition: "all 0.25s ease-in-out", ref: ref, ...rest, children: children }));
 });
 Button.displayName = 'Button';
 

package/dist/components/Button/Button.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Button.mjs","sources":["../../../src/components/Button/Button.tsx"],"sourcesContent":[null],"names":["_jsx","ChakraButton"],"mappings":";;;;;;AAMO,MAAM,MAAM,GAAG,UAAU,CAC9B,CACE,EACE,OAAO,GAAG,WAAW;AACrB,MAAM,EACN,IAAI,EACJ,GAAG,IAAI,EACK,EACd,GAAG,KACD;AACF,IAAA,MAAM,KAAK,GAAG,QAAQ,EAAE;AACxB,IAAA,MAAM,gBAAgB,GAAG,QAAQ,CAC/B,QAAQ,EACR,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CACzC;IACD,QACEA,IAACC,QAAY,EAAA,EACX,MAAM,EAAC,WAAW,EAClB,UAAU,EAAC,KAAK,EAChB,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,IAAI,KAAK,IAAI,GAAG,IAAI,GAAG,IAAI,EACrC,OAAO,EAAE,OAAO,KAAK,MAAM,GAAG,MAAM,GAAG,SAAS,EAAA,GAC5C,aAAa,CAAC,OAAO,CAAC,EAC1B,MAAM,EAAE;AACN,YAAA,OAAO,EAAE,MAAM;YACf,SAAS,EAAE,CAAA,oCAAA,EAAuC,gBAAgB,CAAA,gBAAA,CAAkB;AACpF,YAAA,GAAG,MAAM;SACV,EACD,UAAU,EAAC,uBAAuB,EAClC,GAAG,EAAE,GAAG,EAAA,GACJ,IAAI,EAAA,CACR;AAEN,CAAC;AAGH,MAAM,CAAC,WAAW,GAAG,QAAQ;;;;"}
+{"version":3,"file":"Button.mjs","sources":["../../../src/components/Button/Button.tsx"],"sourcesContent":[null],"names":["_jsx","ChakraButton"],"mappings":";;;;;;AAMA;;;;;;;;;;;;;AAaG;AACI,MAAM,MAAM,GAAG,UAAU,CAC9B,CACE,EAAE,YAAY,EAAE,OAAO,GAAG,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EACnE,GAAG,KACD;IACF,MAAM,gBAAgB,GAAG,QAAQ,CAAC,QAAQ,EAAE,cAAc,CAAC,CAAC,CAAC,CAAC;AAE9D,IAAA,MAAM,OAAO,GAAG,YAAY,IAAI,SAAS;IAEzC,MAAM,MAAM,GAAG,eAAe,CAAC,OAAO,EAAE,OAAO,CAAC;AAEhD;;;;;;;;;AASG;AACH,IAAA,QACEA,GAAA,CAACC,QAAY,IACX,MAAM,EAAC,WAAW,EAClB,UAAU,EAAC,KAAK,EAChB,UAAU,EAAC,UAAU,EACrB,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,IAAI,KAAK,IAAI,GAAG,IAAI,GAAG,SAAS,EAC1C,YAAY,EAAC,IAAI,KACb,MAAM,EACV,MAAM,EAAE;AACN,YAAA,OAAO,EAAE,MAAM;YACf,SAAS,EAAE,CAAA,oCAAA,EAAuC,gBAAgB,CAAA,gBAAA,CAAkB;AACpF,YAAA,GAAG,MAAM;AACV,SAAA,EACD,UAAU,EAAC,uBAAuB,EAClC,GAAG,EAAE,GAAG,EAAA,GACJ,IAAI,EAAA,QAAA,EAEP,QAAQ,EAAA,CACI;AAEnB,CAAC;AAGH,MAAM,CAAC,WAAW,GAAG,QAAQ;;;;"}

package/dist/components/Button/Button.styles.d.ts

@@ -1,4 +1,46 @@
-import { ButtonProps } from '@chakra-ui/react';
-import { ButtonVariant } from '@/components/Button/Button.types';
-export declare const variantStyles: Record<Exclude<ButtonVariant, undefined>, Partial<ButtonProps>>;
+import { ButtonProps as ChakraButtonProps } from '@chakra-ui/react';
+import { ButtonColorPalette, ButtonVariant } from './Button.types';
+type StyleProps = Partial<ChakraButtonProps>;
+/**
+ * Two-dimensional Button styles using the Golden Ratio color system.
+ *
+ * Combines `colorPalette` (semantic color) with `variant` (visual appearance)
+ * to create a flexible, consistent button styling system.
+ *
+ * ## Color Palettes:
+ * - `primary`: Blue - main brand actions
+ * - `secondary`: Violet - accent actions
+ * - `danger`: Rose - destructive actions
+ * - `success`: Green - positive actions
+ * - `warning`: Gold - caution actions
+ * - `neutral`: Gray - low-emphasis actions
+ *
+ * ## Variants:
+ * - `solid`: Filled background (most prominent)
+ * - `soft`: Light tinted background (subtle)
+ * - `outline`: Border only (medium emphasis)
+ * - `ghost`: No background or border (lowest emphasis)
+ */
+export declare const buttonColorPaletteStyles: Record<ButtonColorPalette, Record<ButtonVariant, StyleProps>>;
+/**
+ * Get button styles for a given colorPalette and variant combination.
+ */
+export declare const getButtonStyles: (colorPalette?: ButtonColorPalette, variant?: ButtonVariant) => StyleProps;
+/**
+ * List of all available color palettes.
+ */
+export declare const buttonColorPalettes: ButtonColorPalette[];
+/**
+ * @deprecated Use buttonColorPalettes instead. Will be removed in next major version.
+ */
+export declare const buttonColorSchemes: ButtonColorPalette[];
+/**
+ * @deprecated Use buttonColorPaletteStyles instead. Will be removed in next major version.
+ */
+export declare const buttonColorSchemeStyles: Record<ButtonColorPalette, Record<ButtonVariant, Partial<ChakraButtonProps>>>;
+/**
+ * List of all available variants.
+ */
+export declare const buttonVariants: ButtonVariant[];
+export {};
 //# sourceMappingURL=Button.styles.d.ts.map

package/dist/components/Button/Button.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Button.styles.d.ts","sourceRoot":"","sources":["../../../src/components/Button/Button.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAE/C,OAAO,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAC;AAGjE,eAAO,MAAM,aAAa,EAAE,MAAM,CAChC,OAAO,CAAC,aAAa,EAAE,SAAS,CAAC,EACjC,OAAO,CAAC,WAAW,CAAC,CAmDrB,CAAC"}
+{"version":3,"file":"Button.styles.d.ts","sourceRoot":"","sources":["../../../src/components/Button/Button.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,IAAI,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAEpE,OAAO,EAAE,kBAAkB,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAEnE,KAAK,UAAU,GAAG,OAAO,CAAC,iBAAiB,CAAC,CAAC;AAE7C;;;;;;;;;;;;;;;;;;;GAmBG;AACH,eAAO,MAAM,wBAAwB,EAAE,MAAM,CAC3C,kBAAkB,EAClB,MAAM,CAAC,aAAa,EAAE,UAAU,CAAC,CAyTlC,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,eAAe,GAC1B,eAAc,kBAA8B,EAC5C,UAAS,aAAuB,KAC/B,UAEF,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,mBAAmB,EAAE,kBAAkB,EAOnD,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,kBAAkB,sBAAsB,CAAC;AAEtD;;GAEG;AACH,eAAO,MAAM,uBAAuB,+EAA2B,CAAC;AAEhE;;GAEG;AACH,eAAO,MAAM,cAAc,EAAE,aAAa,EAKzC,CAAC"}

package/dist/components/Button/Button.styles.js

@@ -1,59 +1,363 @@
 "use client";
 'use strict';
 
-var index = require('../../theme/index.js');
-
-const variantStyles = {
+/**
+ * Two-dimensional Button styles using the Golden Ratio color system.
+ *
+ * Combines `colorPalette` (semantic color) with `variant` (visual appearance)
+ * to create a flexible, consistent button styling system.
+ *
+ * ## Color Palettes:
+ * - `primary`: Blue - main brand actions
+ * - `secondary`: Violet - accent actions
+ * - `danger`: Rose - destructive actions
+ * - `success`: Green - positive actions
+ * - `warning`: Gold - caution actions
+ * - `neutral`: Gray - low-emphasis actions
+ *
+ * ## Variants:
+ * - `solid`: Filled background (most prominent)
+ * - `soft`: Light tinted background (subtle)
+ * - `outline`: Border only (medium emphasis)
+ * - `ghost`: No background or border (lowest emphasis)
+ */
+const buttonColorPaletteStyles = {
+    /**
+     * Primary (Blue) color scheme
+     */
     primary: {
-        borderColor: 'primary.main',
-        bgColor: 'primary.main',
-        color: 'white',
-        _hover: {
-            borderColor: 'blue.800',
-            bgColor: 'blue.800',
+        solid: {
+            borderColor: 'primary.main',
+            bgColor: 'primary.main', // #1751D0
+            color: 'white',
+            _hover: {
+                borderColor: 'blue.600',
+                bgColor: 'blue.600', // #1241A6
+            },
+            _active: {
+                bgColor: 'primary.dark', // #0D317D
+            },
+        },
+        soft: {
+            borderColor: 'primary.lighter', // #B9CBF3
+            bgColor: 'primary.lightest', // #E8EEFB
+            color: 'primary.dark', // #0D317D
+            _hover: {
+                borderColor: 'primary.light',
+                bgColor: 'primary.lighter', // #B9CBF3
+            },
+            _active: {
+                bgColor: 'primary.light', // #7DA0E8
+            },
         },
-        // TODO: pressed styles currently not applying accurately in Storybook
-        _pressed: {
-            bgColor: 'blue.1000',
+        outline: {
+            borderColor: 'primary.main',
+            bgColor: 'transparent',
+            color: 'primary.main',
+            _hover: {
+                bgColor: 'primary.lightest', // #E8EEFB
+            },
+            _active: {
+                bgColor: 'primary.lighter', // #B9CBF3
+            },
+        },
+        ghost: {
+            borderColor: 'transparent',
+            bgColor: 'transparent',
+            color: 'primary.main',
+            _hover: {
+                bgColor: 'primary.lightest', // #E8EEFB
+            },
+            _active: {
+                bgColor: 'primary.lighter', // #B9CBF3
+            },
         },
     },
+    /**
+     * Secondary (Violet) color scheme
+     */
     secondary: {
-        borderColor: '#dbe7ff',
-        bgColor: 'primary.light',
-        color: 'primary.main',
-        _hover: {
-            borderColor: '#c8d9ff',
-            bgColor: 'blue.200',
+        solid: {
+            borderColor: 'secondary.main',
+            bgColor: 'secondary.main', // #9117D0
+            color: 'white',
+            _hover: {
+                borderColor: 'violet.600',
+                bgColor: 'violet.600', // #7412A6
+            },
+            _active: {
+                bgColor: 'secondary.dark', // #570D7D
+            },
         },
-        _pressed: {
-            bgColor: 'blue.400',
+        soft: {
+            borderColor: 'secondary.lighter', // #DEB9F3
+            bgColor: 'secondary.lightest', // #F4E8FB
+            color: 'secondary.dark', // #570D7D
+            _hover: {
+                borderColor: 'secondary.light',
+                bgColor: 'secondary.lighter', // #DEB9F3
+            },
+            _active: {
+                bgColor: 'secondary.light', // #C17DE8
+            },
         },
-    },
-    tertiary: {
-        borderColor: 'gray.400',
-        bgColor: 'white',
-        color: 'gray.1200',
-        _hover: {
-            bgColor: 'gray.50',
+        outline: {
+            borderColor: 'secondary.main',
+            bgColor: 'transparent',
+            color: 'secondary.main',
+            _hover: {
+                bgColor: 'secondary.lightest', // #F4E8FB
+            },
+            _active: {
+                bgColor: 'secondary.lighter', // #DEB9F3
+            },
+        },
+        ghost: {
+            borderColor: 'transparent',
+            bgColor: 'transparent',
+            color: 'secondary.main',
+            _hover: {
+                bgColor: 'secondary.lightest', // #F4E8FB
+            },
+            _active: {
+                bgColor: 'secondary.lighter', // #DEB9F3
+            },
         },
     },
+    /**
+     * Danger (Rose) color scheme
+     */
     danger: {
-        borderColor: 'danger.main',
-        bgColor: 'danger.main',
-        color: 'white',
-        _hover: {
-            bgColor: index.default.colors.red[600],
+        solid: {
+            borderColor: 'danger.main',
+            bgColor: 'danger.main', // #D01721
+            color: 'white',
+            _hover: {
+                borderColor: 'rose.600',
+                bgColor: 'rose.600', // #A6121A
+            },
+            _active: {
+                bgColor: 'danger.dark', // #7D0D14
+            },
+        },
+        soft: {
+            borderColor: 'danger.lighter', // #F3B9BD
+            bgColor: 'danger.lightest', // #FBE8E9
+            color: 'danger.dark', // #7D0D14
+            _hover: {
+                borderColor: 'danger.light',
+                bgColor: 'danger.lighter', // #F3B9BD
+            },
+            _active: {
+                bgColor: 'danger.light', // #E87D84
+            },
+        },
+        outline: {
+            borderColor: 'danger.main',
+            bgColor: 'transparent',
+            color: 'danger.main',
+            _hover: {
+                bgColor: 'danger.lightest', // #FBE8E9
+            },
+            _active: {
+                bgColor: 'danger.lighter', // #F3B9BD
+            },
+        },
+        ghost: {
+            borderColor: 'transparent',
+            bgColor: 'transparent',
+            color: 'danger.main',
+            _hover: {
+                bgColor: 'danger.lightest', // #FBE8E9
+            },
+            _active: {
+                bgColor: 'danger.lighter', // #F3B9BD
+            },
         },
     },
-    link: {
-        borderColor: 'transparent',
-        bgColor: 'transparent',
-        borderRadius: 'none',
-        _hover: {
+    /**
+     * Success (Green) color scheme
+     */
+    success: {
+        solid: {
+            borderColor: 'success.main',
+            bgColor: 'success.main', // #1AA612
+            color: 'white',
+            _hover: {
+                borderColor: 'success.dark',
+                bgColor: 'success.dark', // #147D0D
+            },
+            _active: {
+                bgColor: 'green.800', // #0D5309
+            },
+        },
+        soft: {
+            borderColor: 'success.lighter', // #BDF3B9
+            bgColor: 'success.lightest', // #E9FBE8
+            color: 'success.dark', // #147D0D
+            _hover: {
+                borderColor: 'success.light',
+                bgColor: 'success.lighter', // #BDF3B9
+            },
+            _active: {
+                bgColor: 'success.light', // #84E87D
+            },
+        },
+        outline: {
+            borderColor: 'success.main',
             bgColor: 'transparent',
+            color: 'success.main',
+            _hover: {
+                bgColor: 'success.lightest', // #E9FBE8
+            },
+            _active: {
+                bgColor: 'success.lighter', // #BDF3B9
+            },
+        },
+        ghost: {
+            borderColor: 'transparent',
+            bgColor: 'transparent',
+            color: 'success.main',
+            _hover: {
+                bgColor: 'success.lightest', // #E9FBE8
+            },
+            _active: {
+                bgColor: 'success.lighter', // #BDF3B9
+            },
+        },
+    },
+    /**
+     * Warning (Gold) color scheme
+     */
+    warning: {
+        solid: {
+            borderColor: 'warning.main',
+            bgColor: 'warning.main', // #D0A117
+            color: 'white',
+            _hover: {
+                borderColor: 'gold.600',
+                bgColor: 'gold.600', // #A68112
+            },
+            _active: {
+                bgColor: 'warning.dark', // #7D610D
+            },
+        },
+        soft: {
+            borderColor: 'warning.lighter', // #F3E4B9
+            bgColor: 'warning.lightest', // #FBF6E8
+            color: 'warning.dark', // #7D610D
+            _hover: {
+                borderColor: 'warning.light',
+                bgColor: 'warning.lighter', // #F3E4B9
+            },
+            _active: {
+                bgColor: 'warning.light', // #E8CD7D
+            },
+        },
+        outline: {
+            borderColor: 'warning.main',
+            bgColor: 'transparent',
+            color: 'warning.dark', // Use dark for better contrast
+            _hover: {
+                bgColor: 'warning.lightest', // #FBF6E8
+            },
+            _active: {
+                bgColor: 'warning.lighter', // #F3E4B9
+            },
+        },
+        ghost: {
+            borderColor: 'transparent',
+            bgColor: 'transparent',
+            color: 'warning.dark', // Use dark for better contrast
+            _hover: {
+                bgColor: 'warning.lightest', // #FBF6E8
+            },
+            _active: {
+                bgColor: 'warning.lighter', // #F3E4B9
+            },
         },
     },
+    /**
+     * Neutral (Gray) color scheme
+     */
+    neutral: {
+        solid: {
+            borderColor: 'gray.700',
+            bgColor: 'gray.700', // #737D96
+            color: 'white',
+            _hover: {
+                borderColor: 'gray.800',
+                bgColor: 'gray.800', // #616B85
+            },
+            _active: {
+                bgColor: 'gray.900', // #505A74
+            },
+        },
+        soft: {
+            borderColor: 'gray.200', // #E2E6F0
+            bgColor: 'gray.100', // #F0F3F9
+            color: 'gray.1200', // #2A3142
+            _hover: {
+                borderColor: 'gray.300',
+                bgColor: 'gray.200', // #E2E6F0
+            },
+            _active: {
+                bgColor: 'gray.300', // #CDD3E0
+            },
+        },
+        outline: {
+            borderColor: 'gray.300', // #CDD3E0
+            bgColor: 'transparent',
+            color: 'gray.1200', // #2A3142
+            _hover: {
+                bgColor: 'gray.50', // #F7F9FC
+            },
+            _active: {
+                bgColor: 'gray.100', // #F0F3F9
+            },
+        },
+        ghost: {
+            borderColor: 'transparent',
+            bgColor: 'transparent',
+            color: 'gray.1200', // #2A3142
+            _hover: {
+                bgColor: 'gray.50', // #F7F9FC
+            },
+            _active: {
+                bgColor: 'gray.100', // #F0F3F9
+            },
+        },
+    },
+};
+/**
+ * Get button styles for a given colorPalette and variant combination.
+ */
+const getButtonStyles = (colorPalette = 'primary', variant = 'solid') => {
+    return buttonColorPaletteStyles[colorPalette][variant];
 };
+/**
+ * List of all available color palettes.
+ */
+const buttonColorPalettes = [
+    'primary',
+    'secondary',
+    'danger',
+    'success',
+    'warning',
+    'neutral',
+];
+/**
+ * List of all available variants.
+ */
+const buttonVariants = [
+    'solid',
+    'soft',
+    'outline',
+    'ghost',
+];
 
-exports.variantStyles = variantStyles;
+exports.buttonColorPaletteStyles = buttonColorPaletteStyles;
+exports.buttonColorPalettes = buttonColorPalettes;
+exports.buttonVariants = buttonVariants;
+exports.getButtonStyles = getButtonStyles;
 //# sourceMappingURL=Button.styles.js.map

package/dist/components/Button/Button.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Button.styles.js","sources":["../../../src/components/Button/Button.styles.ts"],"sourcesContent":[null],"names":["theme"],"mappings":";;;;;AAKO,MAAM,aAAa,GAGtB;AACF,IAAA,OAAO,EAAE;AACP,QAAA,WAAW,EAAE,cAAc;AAC3B,QAAA,OAAO,EAAE,cAAc;AACvB,QAAA,KAAK,EAAE,OAAO;AACd,QAAA,MAAM,EAAE;AACN,YAAA,WAAW,EAAE,UAAU;AACvB,YAAA,OAAO,EAAE,UAAU;AACpB,SAAA;;AAED,QAAA,QAAQ,EAAE;AACR,YAAA,OAAO,EAAE,WAAW;AACrB,SAAA;AACF,KAAA;AACD,IAAA,SAAS,EAAE;AACT,QAAA,WAAW,EAAE,SAAS;AACtB,QAAA,OAAO,EAAE,eAAe;AACxB,QAAA,KAAK,EAAE,cAAc;AACrB,QAAA,MAAM,EAAE;AACN,YAAA,WAAW,EAAE,SAAS;AACtB,YAAA,OAAO,EAAE,UAAU;AACpB,SAAA;AACD,QAAA,QAAQ,EAAE;AACR,YAAA,OAAO,EAAE,UAAU;AACpB,SAAA;AACF,KAAA;AACD,IAAA,QAAQ,EAAE;AACR,QAAA,WAAW,EAAE,UAAU;AACvB,QAAA,OAAO,EAAE,OAAO;AAChB,QAAA,KAAK,EAAE,WAAW;AAClB,QAAA,MAAM,EAAE;AACN,YAAA,OAAO,EAAE,SAAS;AACnB,SAAA;AACF,KAAA;AACD,IAAA,MAAM,EAAE;AACN,QAAA,WAAW,EAAE,aAAa;AAC1B,QAAA,OAAO,EAAE,aAAa;AACtB,QAAA,KAAK,EAAE,OAAO;AACd,QAAA,MAAM,EAAE;YACN,OAAO,EAAEA,aAAK,CAAC,MAAM,CAAC,GAAG,CAAC,GAAG,CAAC;AAC/B,SAAA;AACF,KAAA;AACD,IAAA,IAAI,EAAE;AACJ,QAAA,WAAW,EAAE,aAAa;AAC1B,QAAA,OAAO,EAAE,aAAa;AACtB,QAAA,YAAY,EAAE,MAAM;AACpB,QAAA,MAAM,EAAE;AACN,YAAA,OAAO,EAAE,aAAa;AACvB,SAAA;AACF,KAAA;;;;;"}
+{"version":3,"file":"Button.styles.js","sources":["../../../src/components/Button/Button.styles.ts"],"sourcesContent":[null],"names":[],"mappings":"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"}