@veracity/vui 2.10.0 → 2.11.0

package/dist/cjs/theme/components.js

@@ -12,40 +12,41 @@ const theme_5 = __importDefault(require("../breadcrumbs/theme"));
 const theme_6 = __importDefault(require("../button/theme"));
 const theme_7 = __importDefault(require("../card/theme"));
 const theme_8 = __importDefault(require("../checkbox/theme"));
-const theme_9 = __importDefault(require("../dialog/theme"));
-const theme_10 = __importDefault(require("../divider/theme"));
-const theme_11 = __importDefault(require("../dragAndDrop/theme"));
-const theme_12 = __importDefault(require("../footer/theme"));
-const theme_13 = __importDefault(require("../grid/theme"));
-const theme_14 = __importDefault(require("../header/theme"));
-const theme_15 = __importDefault(require("../heading/theme"));
-const theme_16 = __importDefault(require("../icon/theme"));
-const theme_17 = __importDefault(require("../image/theme"));
-const theme_18 = __importDefault(require("../input/theme"));
-const theme_19 = __importDefault(require("../link/theme"));
-const theme_20 = __importDefault(require("../list/theme"));
-const theme_21 = __importDefault(require("../menu/theme"));
-const theme_22 = __importDefault(require("../message/theme"));
-const theme_23 = __importDefault(require("../modal/theme"));
-const theme_24 = __importDefault(require("../notification/theme"));
-const theme_25 = __importDefault(require("../p/theme"));
-const theme_26 = __importDefault(require("../pagination/theme"));
-const theme_27 = __importDefault(require("../panel/theme"));
-const theme_28 = __importDefault(require("../popover/theme"));
-const theme_29 = __importDefault(require("../progress/theme"));
-const theme_30 = __importDefault(require("../progressCircular/theme"));
-const theme_31 = __importDefault(require("../radio/theme"));
-const theme_32 = __importDefault(require("../select/theme"));
-const theme_33 = __importDefault(require("../sidemenu/theme"));
-const theme_34 = __importDefault(require("../skeleton/theme"));
-const theme_35 = __importDefault(require("../spinner/theme"));
-const theme_36 = __importDefault(require("../switch/theme"));
-const theme_37 = __importDefault(require("../t/theme"));
-const theme_38 = __importDefault(require("../table/theme"));
-const theme_39 = __importDefault(require("../tabs/theme"));
-const theme_40 = __importDefault(require("../tag/theme"));
-const theme_41 = __importDefault(require("../textarea/theme"));
-const theme_42 = __importDefault(require("../tree/theme"));
+const theme_9 = __importDefault(require("../definition/theme"));
+const theme_10 = __importDefault(require("../dialog/theme"));
+const theme_11 = __importDefault(require("../divider/theme"));
+const theme_12 = __importDefault(require("../dragAndDrop/theme"));
+const theme_13 = __importDefault(require("../footer/theme"));
+const theme_14 = __importDefault(require("../grid/theme"));
+const theme_15 = __importDefault(require("../header/theme"));
+const theme_16 = __importDefault(require("../heading/theme"));
+const theme_17 = __importDefault(require("../icon/theme"));
+const theme_18 = __importDefault(require("../image/theme"));
+const theme_19 = __importDefault(require("../input/theme"));
+const theme_20 = __importDefault(require("../link/theme"));
+const theme_21 = __importDefault(require("../list/theme"));
+const theme_22 = __importDefault(require("../menu/theme"));
+const theme_23 = __importDefault(require("../message/theme"));
+const theme_24 = __importDefault(require("../modal/theme"));
+const theme_25 = __importDefault(require("../notification/theme"));
+const theme_26 = __importDefault(require("../p/theme"));
+const theme_27 = __importDefault(require("../pagination/theme"));
+const theme_28 = __importDefault(require("../panel/theme"));
+const theme_29 = __importDefault(require("../popover/theme"));
+const theme_30 = __importDefault(require("../progress/theme"));
+const theme_31 = __importDefault(require("../progressCircular/theme"));
+const theme_32 = __importDefault(require("../radio/theme"));
+const theme_33 = __importDefault(require("../select/theme"));
+const theme_34 = __importDefault(require("../sidemenu/theme"));
+const theme_35 = __importDefault(require("../skeleton/theme"));
+const theme_36 = __importDefault(require("../spinner/theme"));
+const theme_37 = __importDefault(require("../switch/theme"));
+const theme_38 = __importDefault(require("../t/theme"));
+const theme_39 = __importDefault(require("../table/theme"));
+const theme_40 = __importDefault(require("../tabs/theme"));
+const theme_41 = __importDefault(require("../tag/theme"));
+const theme_42 = __importDefault(require("../textarea/theme"));
+const theme_43 = __importDefault(require("../tree/theme"));
 const themePlaceholder_1 = __importDefault(require("./themePlaceholder"));
 // Official external components
 const Markdown = themePlaceholder_1.default;
@@ -59,40 +60,41 @@ exports.default = {
     Button: theme_6.default,
     Card: theme_7.default,
     Checkbox: theme_8.default,
-    Dialog: theme_9.default,
-    Divider: theme_10.default,
-    DragAndDrop: theme_11.default,
-    Footer: theme_12.default,
-    Grid: theme_13.default,
-    Header: theme_14.default,
-    Heading: theme_15.default,
-    Icon: theme_16.default,
-    Image: theme_17.default,
-    Input: theme_18.default,
-    Link: theme_19.default,
-    List: theme_20.default,
+    Dialog: theme_10.default,
+    Divider: theme_11.default,
+    DragAndDrop: theme_12.default,
+    Footer: theme_13.default,
+    Grid: theme_14.default,
+    Header: theme_15.default,
+    Heading: theme_16.default,
+    Icon: theme_17.default,
+    Image: theme_18.default,
+    Input: theme_19.default,
+    Link: theme_20.default,
+    List: theme_21.default,
     Markdown,
     MarkdownEditor,
-    Menu: theme_21.default,
-    Message: theme_22.default,
-    Modal: theme_23.default,
-    Notification: theme_24.default,
-    P: theme_25.default,
-    Pagination: theme_26.default,
-    Panel: theme_27.default,
-    Progress: theme_29.default,
-    ProgressCircular: theme_30.default,
-    Popover: theme_28.default,
-    Radio: theme_31.default,
-    Select: theme_32.default,
-    Sidemenu: theme_33.default,
-    Skeleton: theme_34.default,
-    Spinner: theme_35.default,
-    Switch: theme_36.default,
-    T: theme_37.default,
-    Table: theme_38.default,
-    Tabs: theme_39.default,
-    Tag: theme_40.default,
-    Textarea: theme_41.default,
-    Tree: theme_42.default
+    Menu: theme_22.default,
+    Message: theme_23.default,
+    Modal: theme_24.default,
+    Notification: theme_25.default,
+    P: theme_26.default,
+    Pagination: theme_27.default,
+    Panel: theme_28.default,
+    Progress: theme_30.default,
+    ProgressCircular: theme_31.default,
+    Definition: theme_9.default,
+    Popover: theme_29.default,
+    Radio: theme_32.default,
+    Select: theme_33.default,
+    Sidemenu: theme_34.default,
+    Skeleton: theme_35.default,
+    Spinner: theme_36.default,
+    Switch: theme_37.default,
+    T: theme_38.default,
+    Table: theme_39.default,
+    Tabs: theme_40.default,
+    Tag: theme_41.default,
+    Textarea: theme_42.default,
+    Tree: theme_43.default
 };

package/dist/cjs/theme/defaultTheme.d.ts

@@ -466,6 +466,7 @@ declare const defaultTheme: {
         md: number;
         lg: number;
         xl: number;
+        xxl: number;
         '2xl': number;
     };
     shadows: {
@@ -1388,6 +1389,7 @@ declare const defaultTheme: {
                             activeBorderColor: string;
                         };
                         link: {
+                            size: string;
                             color: string;
                             borderColor: string;
                             hoverColor: string;
@@ -1455,6 +1457,7 @@ declare const defaultTheme: {
                             activeBorderColor: string;
                         };
                         link: {
+                            size: string;
                             color: string;
                             borderColor: string;
                             hoverBg: string;
@@ -2219,6 +2222,69 @@ declare const defaultTheme: {
                 };
             };
         };
+        Definition: {
+            baseStyle: {};
+            defaultProps: {
+                size: string;
+                variant: string;
+            };
+            parts: string[];
+            sizes: {
+                sm: {
+                    container: {
+                        fontSize: string;
+                        lineHeight: string;
+                    };
+                    dt: {
+                        fontSize: string;
+                        spaceX: number;
+                    };
+                    dd: {
+                        fontSize: string;
+                        spaceX: number;
+                    };
+                    icon: {
+                        size: string;
+                        mx: number;
+                        my: string;
+                    };
+                };
+                md: {
+                    container: {
+                        fontSize: string;
+                        lineHeight: string;
+                    };
+                    dt: {
+                        fontSize: string;
+                        spaceX: number;
+                    };
+                    dd: {
+                        fontSize: string;
+                        spaceX: number;
+                    };
+                    icon: {
+                        size: string;
+                        mx: number;
+                        my: string;
+                    };
+                };
+            };
+            variants: {
+                light: {
+                    container: {
+                        bg: string;
+                        color: string;
+                        borderColor: string;
+                    };
+                };
+                dark: {
+                    container: {
+                        bg: string;
+                        color: string;
+                    };
+                };
+            };
+        };
         Popover: {
             baseStyle: {};
             defaultProps: {};
@@ -2384,7 +2450,11 @@ declare const defaultTheme: {
             };
         };
         Spinner: {
-            baseStyle: {};
+            baseStyle: {
+                container: {
+                    padding: number;
+                };
+            };
             defaultProps: {
                 size: string;
                 variant: string;
@@ -2419,14 +2489,28 @@ declare const defaultTheme: {
                         w: number;
                     };
                 };
-                card: {
+                xl: {
+                    circle: {
+                        borderWidth: number;
+                        h: number;
+                        w: number;
+                    };
+                };
+                xxl: {
                     circle: {
                         borderWidth: number;
                         h: number;
                         w: number;
                     };
                 };
-                page: {
+                xxxl: {
+                    circle: {
+                        borderWidth: number;
+                        h: number;
+                        w: number;
+                    };
+                };
+                xxxxl: {
                     circle: {
                         borderWidth: number;
                         h: number;
@@ -2435,7 +2519,7 @@ declare const defaultTheme: {
                 };
             };
             variants: {
-                lightBackground: {
+                light: {
                     circle: {
                         borderColor: string;
                         borderTopColor: string;
@@ -2444,7 +2528,10 @@ declare const defaultTheme: {
                         color: string;
                     };
                 };
-                darkBackground: {
+                dark: {
+                    container: {
+                        bg: string;
+                    };
                     circle: {
                         borderColor: string;
                         borderTopColor: string;

package/dist/cjs/theme/defaultTheme.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"defaultTheme.d.ts","sourceRoot":"","sources":["../../../src/theme/defaultTheme.ts"],"names":[],"mappings":"AAGA,QAAA,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAGjB,CAAA;AAED,eAAe,YAAY,CAAA"}
+{"version":3,"file":"defaultTheme.d.ts","sourceRoot":"","sources":["../../../src/theme/defaultTheme.ts"],"names":[],"mappings":"AAGA,QAAA,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAGjB,CAAA;AAED,eAAe,YAAY,CAAA"}

package/dist/cjs/theme/foundations/colors.js

@@ -26,7 +26,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.disabled = exports.yellow = exports.red = exports.prussian = exports.pink = exports.grey = exports.green = exports.blue = exports.warmGrey = exports.terracotta = exports.sunflower = exports.skyBlue = exports.sandstone = exports.seaBlue = exports.landGreen = exports.energyRed = exports.earth = exports.digiGreen = exports.darkBlue = exports.focusColor = void 0;
 // eslint-disable-next-line @typescript-eslint/ban-ts-comment
 // @ts-ignore - the missing types have to be added into the onedesign-tokens package
-const oneDesignButtonTokens = __importStar(require("../../onedesign-tokens/dist/js/es6/rem/button"));
+const oneDesignButtonTokens = __importStar(require("../../onedesign-tokens/dist/js/rem/button"));
 const buttonTypePrimaryDefaultBorderColorDark = oneDesignButtonTokens.buttonTypePrimaryDefaultBorderColorDark;
 const buttonTypePrimaryDefaultBorderColorLight = oneDesignButtonTokens.buttonTypePrimaryDefaultBorderColorLight;
 const buttonTypePrimaryDefaultBackgroundColorDark = oneDesignButtonTokens.buttonTypePrimaryDefaultBackgroundColorDark;

package/dist/cjs/theme/foundations/index.d.ts

@@ -466,6 +466,7 @@ declare const _default: {
         md: number;
         lg: number;
         xl: number;
+        xxl: number;
         '2xl': number;
     };
     shadows: {

package/dist/cjs/theme/foundations/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/theme/foundations/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqBA,wBAqBC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/theme/foundations/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqBA,wBAqBC"}

package/dist/cjs/theme/foundations/screens.d.ts

@@ -4,6 +4,7 @@ declare const _default: {
     md: number;
     lg: number;
     xl: number;
+    xxl: number;
     '2xl': number;
 };
 export default _default;

package/dist/cjs/theme/foundations/screens.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"screens.d.ts","sourceRoot":"","sources":["../../../../src/theme/foundations/screens.ts"],"names":[],"mappings":";;;;;;;;AACA,wBAOC"}
+{"version":3,"file":"screens.d.ts","sourceRoot":"","sources":["../../../../src/theme/foundations/screens.ts"],"names":[],"mappings":";;;;;;;;;AACA,wBAQC"}

package/dist/cjs/theme/foundations/screens.js

@@ -7,5 +7,6 @@ exports.default = {
     md: 768,
     lg: 1024,
     xl: 1280,
-    '2xl': 1536
+    xxl: 1536,
+    '2xl': 1536 // Obsolete, please use 'xxl' instead
 };

package/dist/esm/accordion/accordion.types.d.ts

@@ -1,4 +1,5 @@
 import { ReactNode } from 'react';
+import { IconProps } from '../icon';
 import { ListItemProps } from '../list';
 import { SystemProps } from '../system';
 import { ThemingProps } from '../theme';
@@ -37,9 +38,10 @@ export type AccordionItemProps = ListItemProps & {
     /** Collapse change state */
     onToggle?: (event: AccordionOnToggleEvent) => void;
 };
-export type AccordionItemArrowProps = {
+export type AccordionItemArrowProps = IconProps & {
     collapsed?: boolean;
-    orientation?: AccordionOrientation;
     color?: string;
+    disabled?: boolean;
+    orientation?: AccordionOrientation;
 };
 //# sourceMappingURL=accordion.types.d.ts.map

package/dist/esm/accordion/accordion.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"accordion.types.d.ts","sourceRoot":"","sources":["../../../src/accordion/accordion.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEjC,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AACvC,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAA;AACvC,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AAEvC,MAAM,MAAM,oBAAoB,GAAG,UAAU,GAAG,YAAY,CAAA;AAC5D,MAAM,MAAM,qBAAqB,GAAG,KAAK,GAAG,OAAO,CAAA;AAEnD,MAAM,MAAM,cAAc,GAAG,WAAW,GACtC,YAAY,CAAC,WAAW,CAAC,GAAG;IAC1B,qDAAqD;IACrD,WAAW,CAAC,EAAE,oBAAoB,CAAA;IAClC,oCAAoC;IACpC,KAAK,CAAC,EAAE,kBAAkB,EAAE,CAAA;IAC5B,4DAA4D;IAC5D,YAAY,CAAC,EAAE,qBAAqB,CAAA;CACrC,CAAA;AAEH,MAAM,MAAM,eAAe,GAAG,MAAM,GAAG,MAAM,CAAA;AAE7C,MAAM,MAAM,sBAAsB,GAAG;IACnC,EAAE,EAAE,eAAe,CAAA;IACnB,SAAS,EAAE,OAAO,CAAA;CACnB,CAAA;AAED,MAAM,MAAM,kBAAkB,GAAG,aAAa,GAAG;IAC/C,gBAAgB;IAChB,EAAE,EAAE,eAAe,CAAA;IACnB,wBAAwB;IACxB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,cAAc;IACd,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,yCAAyC;IACzC,OAAO,CAAC,EAAE,SAAS,CAAA;IACnB,yCAAyC;IACzC,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC3B,sBAAsB;IACtB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,uCAAuC;IACvC,YAAY,CAAC,EAAE,qBAAqB,CAAA;IACpC,YAAY;IACZ,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IAC1B,4BAA4B;IAC5B,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,sBAAsB,KAAK,IAAI,CAAA;CACnD,CAAA;AAED,MAAM,MAAM,uBAAuB,GAAG;IACpC,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,WAAW,CAAC,EAAE,oBAAoB,CAAA;IAClC,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAA"}
+{"version":3,"file":"accordion.types.d.ts","sourceRoot":"","sources":["../../../src/accordion/accordion.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEjC,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AACnC,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AACvC,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAA;AACvC,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AAEvC,MAAM,MAAM,oBAAoB,GAAG,UAAU,GAAG,YAAY,CAAA;AAC5D,MAAM,MAAM,qBAAqB,GAAG,KAAK,GAAG,OAAO,CAAA;AAEnD,MAAM,MAAM,cAAc,GAAG,WAAW,GACtC,YAAY,CAAC,WAAW,CAAC,GAAG;IAC1B,qDAAqD;IACrD,WAAW,CAAC,EAAE,oBAAoB,CAAA;IAClC,oCAAoC;IACpC,KAAK,CAAC,EAAE,kBAAkB,EAAE,CAAA;IAC5B,4DAA4D;IAC5D,YAAY,CAAC,EAAE,qBAAqB,CAAA;CACrC,CAAA;AAEH,MAAM,MAAM,eAAe,GAAG,MAAM,GAAG,MAAM,CAAA;AAE7C,MAAM,MAAM,sBAAsB,GAAG;IACnC,EAAE,EAAE,eAAe,CAAA;IACnB,SAAS,EAAE,OAAO,CAAA;CACnB,CAAA;AAED,MAAM,MAAM,kBAAkB,GAAG,aAAa,GAAG;IAC/C,gBAAgB;IAChB,EAAE,EAAE,eAAe,CAAA;IACnB,wBAAwB;IACxB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,cAAc;IACd,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,yCAAyC;IACzC,OAAO,CAAC,EAAE,SAAS,CAAA;IACnB,yCAAyC;IACzC,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC3B,sBAAsB;IACtB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,uCAAuC;IACvC,YAAY,CAAC,EAAE,qBAAqB,CAAA;IACpC,YAAY;IACZ,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IAC1B,4BAA4B;IAC5B,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,sBAAsB,KAAK,IAAI,CAAA;CACnD,CAAA;AAED,MAAM,MAAM,uBAAuB,GAAG,SAAS,GAAG;IAChD,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,WAAW,CAAC,EAAE,oBAAoB,CAAA;CACnC,CAAA"}

package/dist/esm/accordion/accordionItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"accordionItem.d.ts","sourceRoot":"","sources":["../../../src/accordion/accordionItem.tsx"],"names":[],"mappings":";AAMA,OAAO,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAA;AAItD,yBAAyB;AACzB,eAAO,MAAM,aAAa,UAAW,kBAAkB,gBAmFtD,CAAA;AAED,eAAe,aAAa,CAAA"}
+{"version":3,"file":"accordionItem.d.ts","sourceRoot":"","sources":["../../../src/accordion/accordionItem.tsx"],"names":[],"mappings":";AAMA,OAAO,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAA;AAItD,yBAAyB;AACzB,eAAO,MAAM,aAAa,UAAW,kBAAkB,gBAuFtD,CAAA;AAED,eAAe,aAAa,CAAA"}

package/dist/esm/accordion/accordionItem.js

@@ -29,9 +29,9 @@ export const AccordionItem = (props) => {
                     : styles.item.expandedItemTitleHoverBg, justifyContent: iconPosition === 'start' ? 'initial' : 'space-between', onClick: toggle, px: 2, w: "100%", ...styles.item },
             isIconStart && (React.createElement(Box, null,
                 React.createElement(AccordionItemArrow, { collapsed: collapsedInternal, color: styles.icon.color }))),
-            React.createElement(Box, { fontWeight: typeof title === 'string' ? '500' : 'inherit', ml: isIconStart ? 2 : 0 }, title),
+            React.createElement(Box, { fontWeight: typeof title === 'string' ? '500' : 'inherit', ml: isIconStart ? 2 : 0, opacity: disabled ? 0.5 : 1 }, title),
             isIconEnd && (React.createElement(Box, null,
-                React.createElement(AccordionItemArrow, { collapsed: collapsedInternal, color: styles.icon.color })))),
+                React.createElement(AccordionItemArrow, { collapsed: collapsedInternal, color: styles.icon.color, disabled: disabled })))),
         !collapsedInternal && (React.createElement(Box, { mb: 2, mt: 2, px: 2, py: 1, w: "100%" }, children ?? content))));
 };
 export default AccordionItem;

package/dist/esm/accordion/accordionItemArrow.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
 import { AccordionItemArrowProps } from './accordion.types';
-declare const _default: React.MemoExoticComponent<({ collapsed, color, orientation }: AccordionItemArrowProps) => JSX.Element>;
+declare const _default: React.MemoExoticComponent<({ collapsed, color, disabled, orientation, ...rest }: AccordionItemArrowProps) => JSX.Element>;
 export default _default;
 //# sourceMappingURL=accordionItemArrow.d.ts.map

package/dist/esm/accordion/accordionItemArrow.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"accordionItemArrow.d.ts","sourceRoot":"","sources":["../../../src/accordion/accordionItemArrow.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,EAAE,uBAAuB,EAAE,MAAM,mBAAmB,CAAA;;AAqB3D,wBAA6C"}
+{"version":3,"file":"accordionItemArrow.d.ts","sourceRoot":"","sources":["../../../src/accordion/accordionItemArrow.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,EAAE,uBAAuB,EAAE,MAAM,mBAAmB,CAAA;;AA6B3D,wBAA6C"}

package/dist/esm/accordion/accordionItemArrow.js

@@ -10,5 +10,5 @@ const names = {
         expanded: 'falChevronUp'
     }
 };
-const AccordionItemArrow = ({ collapsed, color = 'sandstone.10', orientation = 'vertical' }) => (React.createElement(Icon, { name: names[orientation][collapsed ? 'collapsed' : 'expanded'], pathFill: color, size: "sm" }));
+const AccordionItemArrow = ({ collapsed, color = 'sandstone.10', disabled = false, orientation = 'vertical', ...rest }) => (React.createElement(Icon, { name: names[orientation][collapsed ? 'collapsed' : 'expanded'], opacity: disabled ? 0.5 : 1, pathFill: color, size: "sm", ...rest }));
 export default React.memo(AccordionItemArrow);

package/dist/esm/accordion/accordionItemHorizontal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"accordionItemHorizontal.d.ts","sourceRoot":"","sources":["../../../src/accordion/accordionItemHorizontal.tsx"],"names":[],"mappings":";AAKA,OAAO,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAA;AAItD,2DAA2D;AAC3D,eAAO,MAAM,uBAAuB,UAAW,kBAAkB,gBAiFhE,CAAA;AAED,eAAe,uBAAuB,CAAA"}
+{"version":3,"file":"accordionItemHorizontal.d.ts","sourceRoot":"","sources":["../../../src/accordion/accordionItemHorizontal.tsx"],"names":[],"mappings":";AAKA,OAAO,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAA;AAItD,2DAA2D;AAC3D,eAAO,MAAM,uBAAuB,UAAW,kBAAkB,gBA0FhE,CAAA;AAED,eAAe,uBAAuB,CAAA"}

package/dist/esm/accordion/accordionItemHorizontal.js

@@ -27,8 +27,8 @@ export const AccordionItemHorizontal = (props) => {
                 : collapsedInternal
                     ? styles.item.itemTitleHoverBg
                     : styles.item.expandedItemTitleHoverBg, justifyContent: "space-between", minH: styles.item.minH, onClick: toggle, p: styles.item.pt, w: "100%" },
-            !collapsedInternal && React.createElement(Box, { fontWeight: fontWeight }, title),
-            React.createElement(AccordionItemArrow, { collapsed: collapsedInternal, orientation: "horizontal" })),
+            !collapsedInternal && (React.createElement(Box, { fontWeight: fontWeight, opacity: disabled ? 0.5 : 1 }, title)),
+            React.createElement(AccordionItemArrow, { collapsed: collapsedInternal, color: styles.icon.color, disabled: disabled, orientation: "horizontal" })),
         !collapsedInternal ? (React.createElement(Box, { p: styles.item.pt, pt: 0, px: expandedContentPx, transitionDuration: "0ms", w: 1 }, children ?? content)) : (React.createElement(Box, { cursor: cursor, flexDirection: "row-reverse", fontWeight: fontWeight, mb: styles.item.minH, mt: styles.item.pt, onClick: toggle, transform: "rotate(-90deg)", transitionDuration: "0ms", whiteSpace: "nowrap" }, title))));
 };
 export default AccordionItemHorizontal;

package/dist/esm/button/button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../src/button/button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAA;AAGtC,OAAO,EAA+B,YAAY,EAAE,MAAM,SAAS,CAAA;AAEnE,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAC5C,OAAO,UAAU,MAAM,cAAc,CAAA;AACrC,OAAO,UAAU,MAAM,cAAc,CAAA;AAiBrC,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;SAYtB,CAAA;AAED;;;;;;GAMG;AACH,eAAO,MAAM,MAAM;UA2IX,iBAAiB;UACjB,iBAAiB;CACxB,CAAA;AAKD,eAAe,MAAM,CAAA"}
+{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../src/button/button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAA;AAGtC,OAAO,EAA+B,YAAY,EAAE,MAAM,SAAS,CAAA;AAEnE,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAC5C,OAAO,UAAU,MAAM,cAAc,CAAA;AACrC,OAAO,UAAU,MAAM,cAAc,CAAA;AAiBrC,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;SAYtB,CAAA;AAED;;;;;;GAMG;AACH,eAAO,MAAM,MAAM;UA0IX,iBAAiB;UACjB,iBAAiB;CACxB,CAAA;AAKD,eAAe,MAAM,CAAA"}

package/dist/esm/button/button.js

@@ -4,7 +4,7 @@ import { styled, useStyleConfig, vui } from '../core';
 import { activeClassName, cs, filterUndefined, isReactText, isString } from '../utils';
 import ButtonIcon from './buttonIcon';
 import ButtonText from './buttonText';
-import { buttonStateMapping } from './consts';
+import { buttonStateMapping, loadingIconProps } from './consts';
 import { ButtonProvider } from './context';
 const ContentWrapper = styled.span `
   visibility: hidden;
@@ -41,7 +41,7 @@ export const Button = vui((props, ref) => {
     const buttonGroupProps = useButtonGroupContext();
     const mergedProps = { ...buttonGroupProps, ...props };
     const { borderWidth: borderWidthProp, children, className, colorScheme, disabled, dropDownIcon = 'falAngleDown', icon, iconLeft, iconRight, isActive, isDropDown, isElevated, isFullWidth, isLoading, // eslint-disable-line
-    isRound, isSplit, isTruncated, size, state = props.isLoading ? 'loading' : '', stateMapping, text, title, variant: variantProp, ...rest } = mergedProps;
+    isRound, isSplit, isTruncated, size, state = '', stateMapping, text, title, variant: variantProp, ...rest } = mergedProps;
     const hasState = Boolean(state) && state !== 'idle';
     const states = { ...buttonStateMapping, ...stateMapping };
     const { iconProps: stateIconProps, ...stateProps } = states[state] ?? {};
@@ -58,29 +58,23 @@ export const Button = vui((props, ref) => {
     const spaceXText = spaceX * 2 - border;
     const iconLeftMr = spaceXItem + 1 + 'px';
     const iconRightMl = isSplit ? 'auto' : spaceXItem + 1 + 'px';
-    const pl = (icon || iconLeft ? spaceXItem : spaceXText) + 'px';
+    const pl = (icon || iconLeft || isLoading ? spaceXItem : spaceXText) + 'px';
     const pr = (icon || iconRight ? spaceXItem : spaceXText) + 'px';
     let ariaLabel = 'vui-button';
-    if (title) {
+    if (title)
         ariaLabel = title;
-    }
     else {
-        if (isString(text)) {
+        if (isString(text))
             ariaLabel = text;
-        }
-        else if (isReactText(text)) {
+        else if (isReactText(text))
             ariaLabel = text.toString();
-        }
         else {
-            if (isString(icon)) {
+            if (isString(icon))
                 ariaLabel = icon;
-            }
-            else if (isString(iconLeft)) {
+            else if (isString(iconLeft))
                 ariaLabel = iconLeft;
-            }
-            else if (isString(iconRight)) {
+            else if (isString(iconRight))
                 ariaLabel = iconRight;
-            }
         }
     }
     const disabledProps = disabled
@@ -111,7 +105,7 @@ export const Button = vui((props, ref) => {
             React.createElement(Content, null,
                 isString(icon) ? React.createElement(ButtonIcon, { name: icon }) : icon,
                 !icon && (React.createElement(React.Fragment, null,
-                    isString(iconLeft) ? React.createElement(ButtonIcon, { mr: isDropDown ? 0 : iconLeftMr, name: iconLeft }) : iconLeft,
+                    isLoading ? (React.createElement(ButtonIcon, { mr: isDropDown ? 0 : iconLeftMr, ...loadingIconProps })) : isString(iconLeft) ? (React.createElement(ButtonIcon, { mr: isDropDown ? 0 : iconLeftMr, name: iconLeft })) : (iconLeft),
                     children ?? (isReactText(text) ? React.createElement(ButtonText, { ...{ isTruncated, text } }) : text),
                     isString(iconRight) ? React.createElement(ButtonIcon, { ml: iconRightMl, name: iconRight }) : iconRight)),
                 isDropDown && React.createElement(ButtonIcon, { name: dropDownIcon })))));

package/dist/esm/button/consts.d.ts

@@ -1,3 +1,8 @@
 import { ButtonStateMapping } from './button.types';
+export declare const loadingIconProps: {
+    animation: string;
+    name: string;
+    pathFill: string[];
+};
 export declare const buttonStateMapping: ButtonStateMapping;
 //# sourceMappingURL=consts.d.ts.map

package/dist/esm/button/consts.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"consts.d.ts","sourceRoot":"","sources":["../../../src/button/consts.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,gBAAgB,CAAA;AAEnD,eAAO,MAAM,kBAAkB,EAAE,kBAuBhC,CAAA"}
+{"version":3,"file":"consts.d.ts","sourceRoot":"","sources":["../../../src/button/consts.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,gBAAgB,CAAA;AAEnD,eAAO,MAAM,gBAAgB;;;;CAI5B,CAAA;AAED,eAAO,MAAM,kBAAkB,EAAE,kBAmBhC,CAAA"}

package/dist/esm/button/consts.js

@@ -1,3 +1,8 @@
+export const loadingIconProps = {
+    animation: 'vui-spin 0.6s linear infinite',
+    name: 'fadSpinnerThird',
+    pathFill: ['', 'transparent']
+};
 export const buttonStateMapping = {
     error: {
         variant: 'solidRed',
@@ -8,11 +13,7 @@ export const buttonStateMapping = {
     },
     loading: {
         variant: 'primaryDark',
-        iconProps: {
-            animation: 'vui-spin 0.6s linear infinite',
-            name: 'fadSpinnerThird',
-            pathFill: ['', 'transparent']
-        }
+        iconProps: loadingIconProps
     },
     success: {
         variant: 'solidGreen',

package/dist/esm/core/vuiProvider/globalStyle.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"globalStyle.d.ts","sourceRoot":"","sources":["../../../../src/core/vuiProvider/globalStyle.tsx"],"names":[],"mappings":"AAMA,KAAK,gBAAgB,GAAG;IACtB,WAAW,CAAC,EAAE,OAAO,CAAA;CACtB,CAAA;AAED;;;;;;GAMG;;AACH,wBAoFC"}
+{"version":3,"file":"globalStyle.d.ts","sourceRoot":"","sources":["../../../../src/core/vuiProvider/globalStyle.tsx"],"names":[],"mappings":"AAMA,KAAK,gBAAgB,GAAG;IACtB,WAAW,CAAC,EAAE,OAAO,CAAA;CACtB,CAAA;AAED;;;;;;GAMG;;AACH,wBAsFC"}

package/dist/esm/core/vuiProvider/globalStyle.js

@@ -25,6 +25,7 @@ export default createGlobalStyle `
   button,
   .vui-avatar,
   .vui-tag,
+  .vui-sidemenu-item,
   .vui-switchTrack {
     --x-ring-color: transparent;
   }
@@ -33,6 +34,7 @@ export default createGlobalStyle `
   li:focus-visible,
   .vui-avatar:focus-visible,
   .vui-tag:focus-visible,
+  .vui-sidemenu-item:focus-visible,
   .vui-switchTrack:focus-visible {
     --x-ring-color: var(--vui-colors-focusColor);
     outline: var(--vui-colors-focusColor) solid 3px;

package/dist/esm/definition/definition.d.ts

@@ -0,0 +1,9 @@
+import { DefinitionProps } from './definition.types';
+/**
+ * Properties are definition lists
+ * */
+export declare const DefinitionVerticalBase: import("styled-components").StyledComponent<"dl", import("styled-components").DefaultTheme, import("..").SystemProps, never>;
+export declare const DefinitionHorizontalBase: import("styled-components").StyledComponent<"dl", import("styled-components").DefaultTheme, import("..").SystemProps, never>;
+export declare const Definition: import("../core").VuiComponent<"dl", DefinitionProps>;
+export default Definition;
+//# sourceMappingURL=definition.d.ts.map

package/dist/esm/definition/definition.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"definition.d.ts","sourceRoot":"","sources":["../../../src/definition/definition.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAA;AAGpD;;KAEK;AAEL,eAAO,MAAM,sBAAsB,8HAclC,CAAA;AAED,eAAO,MAAM,wBAAwB,8HAkCpC,CAAA;AAGD,eAAO,MAAM,UAAU,uDAoBrB,CAAA;AAEF,eAAe,UAAU,CAAA"}