@veracity/vui 2.10.0-beta.4 → 2.11.0

package/dist/cjs/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/cjs/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/cjs/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/cjs/accordion/accordionItem.js

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

package/dist/cjs/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/cjs/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/cjs/accordion/accordionItemArrow.js

@@ -1,4 +1,15 @@
 "use strict";
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
@@ -15,5 +26,8 @@ const names = {
         expanded: 'falChevronUp'
     }
 };
-const AccordionItemArrow = ({ collapsed, color = 'sandstone.10', orientation = 'vertical' }) => (react_1.default.createElement(icon_1.default, { name: names[orientation][collapsed ? 'collapsed' : 'expanded'], pathFill: color, size: "sm" }));
+const AccordionItemArrow = (_a) => {
+    var { collapsed, color = 'sandstone.10', disabled = false, orientation = 'vertical' } = _a, rest = __rest(_a, ["collapsed", "color", "disabled", "orientation"]);
+    return (react_1.default.createElement(icon_1.default, Object.assign({ name: names[orientation][collapsed ? 'collapsed' : 'expanded'], opacity: disabled ? 0.5 : 1, pathFill: color, size: "sm" }, rest)));
+};
 exports.default = react_1.default.memo(AccordionItemArrow);

package/dist/cjs/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/cjs/accordion/accordionItemHorizontal.js

@@ -67,8 +67,8 @@ 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_1.default.createElement(box_1.default, { fontWeight: fontWeight }, title),
-            react_1.default.createElement(accordionItemArrow_1.default, { collapsed: collapsedInternal, orientation: "horizontal" })),
+            !collapsedInternal && (react_1.default.createElement(box_1.default, { fontWeight: fontWeight, opacity: disabled ? 0.5 : 1 }, title)),
+            react_1.default.createElement(accordionItemArrow_1.default, { collapsed: collapsedInternal, color: styles.icon.color, disabled: disabled, orientation: "horizontal" })),
         !collapsedInternal ? (react_1.default.createElement(box_1.default, { p: styles.item.pt, pt: 0, px: expandedContentPx, transitionDuration: "0ms", w: 1 }, children !== null && children !== void 0 ? children : content)) : (react_1.default.createElement(box_1.default, { 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))));
 };
 exports.AccordionItemHorizontal = AccordionItemHorizontal;

package/dist/cjs/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/cjs/button/button.js

@@ -82,7 +82,7 @@ exports.Button = (0, core_1.vui)((props, ref) => {
     const buttonGroupProps = (0, context_1.useButtonGroupContext)();
     const mergedProps = Object.assign(Object.assign({}, 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 } = mergedProps, rest = __rest(mergedProps, ["borderWidth", "children", "className", "colorScheme", "disabled", "dropDownIcon", "icon", "iconLeft", "iconRight", "isActive", "isDropDown", "isElevated", "isFullWidth", "isLoading", "isRound", "isSplit", "isTruncated", "size", "state", "stateMapping", "text", "title", "variant"]);
+    isRound, isSplit, isTruncated, size, state = '', stateMapping, text, title, variant: variantProp } = mergedProps, rest = __rest(mergedProps, ["borderWidth", "children", "className", "colorScheme", "disabled", "dropDownIcon", "icon", "iconLeft", "iconRight", "isActive", "isDropDown", "isElevated", "isFullWidth", "isLoading", "isRound", "isSplit", "isTruncated", "size", "state", "stateMapping", "text", "title", "variant"]);
     const hasState = Boolean(state) && state !== 'idle';
     const states = Object.assign(Object.assign({}, consts_1.buttonStateMapping), stateMapping);
     const _f = (_a = states[state]) !== null && _a !== void 0 ? _a : {}, { iconProps: stateIconProps } = _f, stateProps = __rest(_f, ["iconProps"]);
@@ -99,29 +99,23 @@ exports.Button = (0, core_1.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 ((0, utils_1.isString)(text)) {
+        if ((0, utils_1.isString)(text))
             ariaLabel = text;
-        }
-        else if ((0, utils_1.isReactText)(text)) {
+        else if ((0, utils_1.isReactText)(text))
             ariaLabel = text.toString();
-        }
         else {
-            if ((0, utils_1.isString)(icon)) {
+            if ((0, utils_1.isString)(icon))
                 ariaLabel = icon;
-            }
-            else if ((0, utils_1.isString)(iconLeft)) {
+            else if ((0, utils_1.isString)(iconLeft))
                 ariaLabel = iconLeft;
-            }
-            else if ((0, utils_1.isString)(iconRight)) {
+            else if ((0, utils_1.isString)(iconRight))
                 ariaLabel = iconRight;
-            }
         }
     }
     const disabledProps = disabled
@@ -152,7 +146,7 @@ exports.Button = (0, core_1.vui)((props, ref) => {
             react_1.default.createElement(Content, null,
                 (0, utils_1.isString)(icon) ? react_1.default.createElement(buttonIcon_1.default, { name: icon }) : icon,
                 !icon && (react_1.default.createElement(react_1.default.Fragment, null,
-                    (0, utils_1.isString)(iconLeft) ? react_1.default.createElement(buttonIcon_1.default, { mr: isDropDown ? 0 : iconLeftMr, name: iconLeft }) : iconLeft, children !== null && children !== void 0 ? children : ((0, utils_1.isReactText)(text) ? react_1.default.createElement(buttonText_1.default, Object.assign({}, { isTruncated, text })) : text),
+                    isLoading ? (react_1.default.createElement(buttonIcon_1.default, Object.assign({ mr: isDropDown ? 0 : iconLeftMr }, consts_1.loadingIconProps))) : (0, utils_1.isString)(iconLeft) ? (react_1.default.createElement(buttonIcon_1.default, { mr: isDropDown ? 0 : iconLeftMr, name: iconLeft })) : (iconLeft), children !== null && children !== void 0 ? children : ((0, utils_1.isReactText)(text) ? react_1.default.createElement(buttonText_1.default, Object.assign({}, { isTruncated, text })) : text),
                     (0, utils_1.isString)(iconRight) ? react_1.default.createElement(buttonIcon_1.default, { ml: iconRightMl, name: iconRight }) : iconRight)),
                 isDropDown && react_1.default.createElement(buttonIcon_1.default, { name: dropDownIcon })))));
 });

package/dist/cjs/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/cjs/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/cjs/button/consts.js

@@ -1,6 +1,11 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.buttonStateMapping = void 0;
+exports.buttonStateMapping = exports.loadingIconProps = void 0;
+exports.loadingIconProps = {
+    animation: 'vui-spin 0.6s linear infinite',
+    name: 'fadSpinnerThird',
+    pathFill: ['', 'transparent']
+};
 exports.buttonStateMapping = {
     error: {
         variant: 'solidRed',
@@ -11,11 +16,7 @@ exports.buttonStateMapping = {
     },
     loading: {
         variant: 'primaryDark',
-        iconProps: {
-            animation: 'vui-spin 0.6s linear infinite',
-            name: 'fadSpinnerThird',
-            pathFill: ['', 'transparent']
-        }
+        iconProps: exports.loadingIconProps
     },
     success: {
         variant: 'solidGreen',

package/dist/cjs/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/cjs/core/vuiProvider/globalStyle.js

@@ -41,6 +41,7 @@ exports.default = (0, styled_1.createGlobalStyle) `
   button,
   .vui-avatar,
   .vui-tag,
+  .vui-sidemenu-item,
   .vui-switchTrack {
     --x-ring-color: transparent;
   }
@@ -49,6 +50,7 @@ exports.default = (0, styled_1.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/cjs/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/cjs/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"}

package/dist/cjs/definition/definition.js

@@ -0,0 +1,86 @@
+"use strict";
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Definition = exports.DefinitionHorizontalBase = exports.DefinitionVerticalBase = void 0;
+const react_1 = __importDefault(require("react"));
+const core_1 = require("../core");
+const definitionContent_1 = require("./definitionContent");
+/**
+ * Properties are definition lists
+ * */
+// @formatter:off
+exports.DefinitionVerticalBase = core_1.styled.dlBox `
+  display: grid;
+  gap: 1em;
+  grid-template-columns: repeat(auto-fit, minmax(10em, 20em));
+
+  .vui-definitionItemWrapper {
+    display: flex;
+    flex-direction: column;
+  }
+
+  dt,
+  dd {
+    display: inline-flex;
+  }
+`;
+exports.DefinitionHorizontalBase = core_1.styled.dlBox `
+  padding: 10px;
+  display: grid;
+  gap: 0;
+
+  .vui-definitionItemWrapper {
+    display: flex;
+    flex-direction: column;
+    @media (min-width: 1024px) {
+      flex-direction: row;
+    }
+  }
+
+  dt,
+  dd {
+    display: inline-flex;
+    padding-left: 5px;
+  }
+
+  dd {
+    ::after {
+      content: '';
+    }
+    @media (min-width: 1024px) {
+      ::after {
+        content: ',';
+      }
+    }
+  }
+
+  dt {
+    width: 20%;
+    min-width: 130px;
+  }
+`;
+// @formatter:on
+exports.Definition = (0, core_1.vui)((props, ref) => {
+    const _a = props, { orientation = 'horizontal' } = _a, rest = __rest(_a, ["orientation"]);
+    const styles = (0, core_1.useStyleConfig)('Definition', props);
+    console.log('orientation', orientation);
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        orientation === 'horizontal' && (react_1.default.createElement(exports.DefinitionHorizontalBase, Object.assign({ className: "vui-definition" }, styles.container, rest),
+            react_1.default.createElement(definitionContent_1.DefinitionContent, Object.assign({}, rest)))),
+        orientation === 'vertical' && (react_1.default.createElement(exports.DefinitionVerticalBase, Object.assign({ className: "vui-definition" }, styles.container, rest),
+            react_1.default.createElement(definitionContent_1.DefinitionContent, Object.assign({}, rest))))));
+});
+exports.default = exports.Definition;

package/dist/cjs/definition/definition.types.d.ts

@@ -0,0 +1,24 @@
+/// <reference types="react" />
+import { IconProp } from '../icon';
+import { SystemProps } from '../system';
+import { ThemingProps } from '../theme';
+export type DefinitionItemProps = SystemProps & {
+    key: string;
+    keyHasIcon?: boolean;
+    value: string | number | string[] | number[];
+    valueHasIcon?: boolean;
+};
+export type DefinitionProps = SystemProps & ThemingProps<'Definition'> & {
+    /** Socket displaying icon on the left side. */
+    iconLeft?: IconProp | JSX.Element;
+    /** Socket displaying icon on the right side. */
+    iconRight?: IconProp | JSX.Element;
+    isLabelBold?: boolean;
+    isValueBold?: boolean;
+    items?: DefinitionItemProps[];
+    /** Socket defining orientation. */
+    orientation?: 'horizontal' | 'vertical';
+    size?: 'sm' | 'md';
+    variant?: 'light' | 'dark';
+};
+//# sourceMappingURL=definition.types.d.ts.map

package/dist/cjs/definition/definition.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"definition.types.d.ts","sourceRoot":"","sources":["../../../src/definition/definition.types.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAA;AAClC,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAA;AACvC,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AAEvC,MAAM,MAAM,mBAAmB,GAAG,WAAW,GAAG;IAC9C,GAAG,EAAE,MAAM,CAAA;IACX,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,EAAE,GAAG,MAAM,EAAE,CAAA;IAC5C,YAAY,CAAC,EAAE,OAAO,CAAA;CACvB,CAAA;AACD,MAAM,MAAM,eAAe,GAAG,WAAW,GACvC,YAAY,CAAC,YAAY,CAAC,GAAG;IAC3B,+CAA+C;IAC/C,QAAQ,CAAC,EAAE,QAAQ,GAAG,GAAG,CAAC,OAAO,CAAA;IACjC,gDAAgD;IAChD,SAAS,CAAC,EAAE,QAAQ,GAAG,GAAG,CAAC,OAAO,CAAA;IAClC,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,KAAK,CAAC,EAAE,mBAAmB,EAAE,CAAA;IAC7B,mCAAmC;IACnC,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAA;IACvC,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAA;IAClB,OAAO,CAAC,EAAE,OAAO,GAAG,MAAM,CAAA;CAC3B,CAAA"}

package/dist/cjs/definition/definition.types.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/cjs/definition/definitionContent.d.ts

@@ -0,0 +1,6 @@
+import { DefinitionProps } from './definition.types';
+export declare const DefinitionItemKey: import("styled-components").StyledComponent<"dt", import("styled-components").DefaultTheme, import("..").SystemProps, never>;
+export declare const DefinitionItemValue: import("styled-components").StyledComponent<"dd", import("styled-components").DefaultTheme, import("..").SystemProps, never>;
+export declare const DefinitionContent: import("../core").VuiComponent<"dl", DefinitionProps>;
+export default DefinitionContent;
+//# sourceMappingURL=definitionContent.d.ts.map

package/dist/cjs/definition/definitionContent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"definitionContent.d.ts","sourceRoot":"","sources":["../../../src/definition/definitionContent.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAuB,eAAe,EAAE,MAAM,oBAAoB,CAAA;AAEzE,eAAO,MAAM,iBAAiB,8HAAiB,CAAA;AAC/C,eAAO,MAAM,mBAAmB,8HAAiB,CAAA;AAEjD,eAAO,MAAM,iBAAiB,uDA+C5B,CAAA;AAEF,eAAe,iBAAiB,CAAA"}

package/dist/cjs/definition/definitionContent.js

@@ -0,0 +1,46 @@
+"use strict";
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DefinitionContent = exports.DefinitionItemValue = exports.DefinitionItemKey = void 0;
+const react_1 = __importDefault(require("react"));
+const box_1 = __importDefault(require("../box"));
+const core_1 = require("../core");
+const icon_1 = __importDefault(require("../icon"));
+const utils_1 = require("../utils");
+exports.DefinitionItemKey = core_1.styled.dtBox ``;
+exports.DefinitionItemValue = core_1.styled.ddBox ``;
+exports.DefinitionContent = (0, core_1.vui)(props => {
+    const { iconLeft, iconRight, isLabelBold, isValueBold, items } = props;
+    const styles = (0, core_1.useStyleConfig)('Definition', props);
+    return (react_1.default.createElement(react_1.default.Fragment, null, (0, utils_1.isArray)(items)
+        ? items.map((_a, index) => {
+            var { key, value } = _a, props = __rest(_a, ["key", "value"]);
+            return (react_1.default.createElement(box_1.default, { className: "vui-definitionItemWrapper", key: index },
+                react_1.default.createElement(exports.DefinitionItemKey, Object.assign({ fontWeight: isLabelBold ? 'demi' : 'default' }, styles.dt),
+                    props.keyHasIcon && iconLeft && (react_1.default.createElement(icon_1.default, Object.assign({ className: (0, utils_1.cs)('vui-definitionIcon'), name: iconLeft }, styles.icon))),
+                    key,
+                    props.keyHasIcon && iconRight && (react_1.default.createElement(icon_1.default, Object.assign({ className: (0, utils_1.cs)('vui-definitionIcon'), name: iconRight }, styles.icon)))),
+                (0, utils_1.isArray)(value) ? (value.map((value, index) => (react_1.default.createElement(exports.DefinitionItemValue, Object.assign({ fontWeight: isValueBold ? 'demi' : 'default' }, styles.dd, { key: index }),
+                    props.valueHasIcon && iconLeft && (react_1.default.createElement(icon_1.default, Object.assign({ className: (0, utils_1.cs)('vui-definitionIcon'), name: iconLeft }, styles.icon))),
+                    value,
+                    props.valueHasIcon && iconRight && (react_1.default.createElement(icon_1.default, Object.assign({ className: (0, utils_1.cs)('vui-definitionIcon'), name: iconRight }, styles.icon))))))) : (react_1.default.createElement(exports.DefinitionItemValue, Object.assign({ fontWeight: isValueBold ? 'demi' : 'default' }, styles.dd),
+                    props.valueHasIcon && iconLeft && (react_1.default.createElement(icon_1.default, Object.assign({ className: (0, utils_1.cs)('vui-definitionIcon'), name: iconLeft }, styles.icon))),
+                    value,
+                    props.valueHasIcon && iconRight && (react_1.default.createElement(icon_1.default, Object.assign({ className: (0, utils_1.cs)('vui-definitionIcon'), name: iconRight }, styles.icon)))))));
+        })
+        : items));
+});
+exports.default = exports.DefinitionContent;

package/dist/cjs/definition/index.d.ts

@@ -0,0 +1,3 @@
+export * from './definition';
+export { default } from './definition';
+//# sourceMappingURL=index.d.ts.map

package/dist/cjs/definition/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/definition/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAA;AAC5B,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAA"}

package/dist/cjs/definition/index.js

@@ -0,0 +1,23 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = void 0;
+__exportStar(require("./definition"), exports);
+var definition_1 = require("./definition");
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(definition_1).default; } });

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

@@ -0,0 +1,65 @@
+declare const _default: {
+    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;
+            };
+        };
+    };
+};
+export default _default;
+//# sourceMappingURL=theme.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../src/definition/theme.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkEA,wBAMC"}

package/dist/cjs/definition/theme.js

@@ -0,0 +1,70 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const baseStyle = {};
+const defaultProps = {
+    size: 'md',
+    variant: 'light'
+};
+const parts = ['container', 'icon', 'dt', 'dd'];
+const sizes = {
+    sm: {
+        container: {
+            fontSize: 'sm',
+            lineHeight: '22px'
+        },
+        dt: {
+            fontSize: 'sm',
+            spaceX: 4
+        },
+        dd: {
+            fontSize: 'sm',
+            spaceX: 4
+        },
+        icon: {
+            size: 'sm',
+            mx: 0.5,
+            my: 'auto'
+        }
+    },
+    md: {
+        container: {
+            fontSize: 'md',
+            lineHeight: '30px'
+        },
+        dt: {
+            fontSize: 'md',
+            spaceX: 6
+        },
+        dd: {
+            fontSize: 'md',
+            spaceX: 6
+        },
+        icon: {
+            size: 'md',
+            mx: 0.5,
+            my: 'auto'
+        }
+    }
+};
+const variants = {
+    light: {
+        container: {
+            bg: 'white',
+            color: 'sandstone.20',
+            borderColor: 'transparent'
+        }
+    },
+    dark: {
+        container: {
+            bg: 'darkBlue.main',
+            color: 'white'
+        }
+    }
+};
+exports.default = {
+    baseStyle,
+    defaultProps,
+    parts,
+    sizes,
+    variants
+};

package/dist/cjs/header/headerAccountUserInfo.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"headerAccountUserInfo.d.ts","sourceRoot":"","sources":["../../../src/header/headerAccountUserInfo.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAE,0BAA0B,EAAE,MAAM,uBAAuB,CAAA;AAElE,4FAA4F;AAC5F,eAAO,MAAM,qBAAqB,mEAuChC,CAAA;AAEF,eAAe,qBAAqB,CAAA"}
+{"version":3,"file":"headerAccountUserInfo.d.ts","sourceRoot":"","sources":["../../../src/header/headerAccountUserInfo.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAE,0BAA0B,EAAE,MAAM,uBAAuB,CAAA;AAElE,4FAA4F;AAC5F,eAAO,MAAM,qBAAqB,mEA2ChC,CAAA;AAEF,eAAe,qBAAqB,CAAA"}

package/dist/cjs/header/headerAccountUserInfo.js

@@ -29,8 +29,8 @@ exports.HeaderAccountUserInfo = (0, core_1.vui)((props, ref) => {
     return (react_1.default.createElement(box_1.default, Object.assign({ className: (0, utils_1.cs)('vui-headerAccountUserInfo', className), p: 2, pb: 1, ref: ref, spaceX: 2 }, styles.accountUserInfo, rest, { lineHeight: isApplication ? '18px' : 'inherit', pr: isApplication ? 0 : 'inherit', textAlign: isApplication ? 'right' : 'inherit' }), children !== null && children !== void 0 ? children : (react_1.default.createElement(react_1.default.Fragment, null,
         !isApplication && (react_1.default.createElement(avatar_1.default, { className: "vui-headerAccountUserInfoAvatar", name: displayName, size: "xl", variant: "solidDarkBlue" })),
         react_1.default.createElement(box_1.default, { column: true, rowGap: role ? 0 : 0.5 },
-            displayName && (react_1.default.createElement(t_1.default, { fontSize: isApplication ? '12px' : 'inherit', weight: "demi" }, displayName)),
-            companyName && react_1.default.createElement(t_1.default, { fontSize: isApplication ? '12px' : 'inherit' }, companyName),
-            role && (react_1.default.createElement(t_1.default, { color: "sandstone.45", fontSize: isApplication ? '12px' : 'inherit' }, role)))))));
+            displayName && (react_1.default.createElement(t_1.default, { fontSize: isApplication ? '12px' : 'inherit', isTruncated: true, pr: 1, title: displayName, weight: "demi" }, displayName)),
+            companyName && (react_1.default.createElement(t_1.default, { fontSize: isApplication ? '12px' : 'inherit', isTruncated: true, pr: 1, title: companyName }, companyName)),
+            role && (react_1.default.createElement(t_1.default, { color: "sandstone.45", fontSize: isApplication ? '12px' : 'inherit', isTruncated: true, pr: 1, title: role }, role)))))));
 });
 exports.default = exports.HeaderAccountUserInfo;

package/dist/cjs/header/headerLinkItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"headerLinkItem.d.ts","sourceRoot":"","sources":["../../../src/header/headerLinkItem.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAA;AAEpD,0CAA0C;AAC1C,eAAO,MAAM,cAAc,2DAyDzB,CAAA;AAEF,eAAe,cAAc,CAAA"}
+{"version":3,"file":"headerLinkItem.d.ts","sourceRoot":"","sources":["../../../src/header/headerLinkItem.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAA;AAEpD,0CAA0C;AAC1C,eAAO,MAAM,cAAc,2DA6DzB,CAAA;AAEF,eAAe,cAAc,CAAA"}