@veracity/vui 2.10.0 → 2.12.0-beta.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/buttonIcon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"buttonIcon.d.ts","sourceRoot":"","sources":["../../../src/button/buttonIcon.tsx"],"names":[],"mappings":"AAGA,OAAa,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AAIzC,0CAA0C;AAC1C,eAAO,MAAM,UAAU,kDAKrB,CAAA;AAEF,eAAe,UAAU,CAAA"}
+{"version":3,"file":"buttonIcon.d.ts","sourceRoot":"","sources":["../../../src/button/buttonIcon.tsx"],"names":[],"mappings":"AAGA,OAAa,EAAY,SAAS,EAAE,MAAM,SAAS,CAAA;AAMnD,0CAA0C;AAC1C,eAAO,MAAM,UAAU,kDAMrB,CAAA;AAEF,eAAe,UAAU,CAAA"}

package/dist/cjs/button/buttonIcon.js

@@ -20,10 +20,12 @@ const core_1 = require("../core");
 const icon_1 = __importDefault(require("../icon"));
 const utils_1 = require("../utils");
 const context_1 = require("./context");
+const isConceptualIcon = (name) => name === null || name === void 0 ? void 0 : name.startsWith('con');
 /** Displays an icon within the Button. */
 exports.ButtonIcon = (0, core_1.vui)((props, ref) => {
-    const { className } = props, rest = __rest(props, ["className"]);
+    const { className, name } = props, rest = __rest(props, ["className", "name"]);
     const styles = (0, core_1.useStyleConfig)('Button', (0, context_1.useButtonContext)());
-    return react_1.default.createElement(icon_1.default, Object.assign({ className: (0, utils_1.cs)('vui-buttonIcon', className), ref: ref }, styles.icon, rest));
+    const verifiedName = isConceptualIcon(name) ? undefined : name;
+    return react_1.default.createElement(icon_1.default, Object.assign({ className: (0, utils_1.cs)('vui-buttonIcon', className), name: verifiedName, ref: ref }, styles.icon, rest));
 });
 exports.default = exports.ButtonIcon;

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/consts.d.ts

@@ -0,0 +1,2 @@
+export declare const noScrollClass = "vui-no-scroll";
+//# sourceMappingURL=consts.d.ts.map

package/dist/cjs/core/vuiProvider/consts.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"consts.d.ts","sourceRoot":"","sources":["../../../../src/core/vuiProvider/consts.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,aAAa,kBAAkB,CAAA"}

package/dist/cjs/core/vuiProvider/consts.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.noScrollClass = void 0;
+exports.noScrollClass = 'vui-no-scroll';

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":"AAOA,KAAK,gBAAgB,GAAG;IACtB,WAAW,CAAC,EAAE,OAAO,CAAA;CACtB,CAAA;AAED;;;;;;GAMG;;AACH,wBA2FC"}

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

@@ -18,6 +18,7 @@ const foundations_1 = __importDefault(require("../../theme/foundations"));
 const utils_1 = require("../../utils");
 const styled_1 = require("../styled");
 const animations_1 = require("./animations");
+const consts_1 = require("./consts");
 const fontFaces_1 = __importDefault(require("./fontFaces"));
 /**
  * Provides global styles, such as:
@@ -41,6 +42,7 @@ exports.default = (0, styled_1.createGlobalStyle) `
   button,
   .vui-avatar,
   .vui-tag,
+  .vui-sidemenu-item,
   .vui-switchTrack {
     --x-ring-color: transparent;
   }
@@ -49,12 +51,18 @@ 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;
     z-index: 1;
   }
 
+  body.${consts_1.noScrollClass} {
+    overflow: hidden !important;
+    overscroll-behavior: contain;
+  }
+
   //@formatter:off
   ${p => p.globalStyle &&
     (0, styled_1.css) `

package/dist/cjs/core/vuiProvider/index.d.ts

@@ -1,6 +1,8 @@
 export * from './animations';
 export * from './context';
 export * from './useOfflineMode';
+export * from './useBodyScrollLock';
+export * from './consts';
 export { default as fontFaces } from './fontFaces';
 export { default as GlobalStyle } from './globalStyle';
 export { default as ResetCSS } from './resetCSS';

package/dist/cjs/core/vuiProvider/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/core/vuiProvider/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAA;AAC5B,cAAc,WAAW,CAAA;AACzB,cAAc,kBAAkB,CAAA;AAChC,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAA;AAClD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAA;AACtD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAA;AAChD,OAAO,EAAE,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/core/vuiProvider/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAA;AAC5B,cAAc,WAAW,CAAA;AACzB,cAAc,kBAAkB,CAAA;AAChC,cAAc,qBAAqB,CAAA;AACnC,cAAc,UAAU,CAAA;AACxB,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAA;AAClD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAA;AACtD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAA;AAChD,OAAO,EAAE,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAA"}

package/dist/cjs/core/vuiProvider/index.js

@@ -21,6 +21,8 @@ exports.VuiProvider = exports.default = exports.ResetCSS = exports.GlobalStyle =
 __exportStar(require("./animations"), exports);
 __exportStar(require("./context"), exports);
 __exportStar(require("./useOfflineMode"), exports);
+__exportStar(require("./useBodyScrollLock"), exports);
+__exportStar(require("./consts"), exports);
 var fontFaces_1 = require("./fontFaces");
 Object.defineProperty(exports, "fontFaces", { enumerable: true, get: function () { return __importDefault(fontFaces_1).default; } });
 var globalStyle_1 = require("./globalStyle");

package/dist/cjs/core/vuiProvider/useBodyScrollLock.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+export declare const useBodyScrollLock: () => {
+    isScrollLocked: boolean;
+    setIsScrollLocked: import("react").Dispatch<import("react").SetStateAction<boolean>>;
+    toggleIsScrollLocked: () => void;
+};
+//# sourceMappingURL=useBodyScrollLock.d.ts.map

package/dist/cjs/core/vuiProvider/useBodyScrollLock.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useBodyScrollLock.d.ts","sourceRoot":"","sources":["../../../../src/core/vuiProvider/useBodyScrollLock.tsx"],"names":[],"mappings":";AAKA,eAAO,MAAM,iBAAiB;;;;CAW7B,CAAA"}

package/dist/cjs/core/vuiProvider/useBodyScrollLock.js

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useBodyScrollLock = void 0;
+const react_1 = require("react");
+const utils_1 = require("../../utils");
+const consts_1 = require("./consts");
+const useBodyScrollLock = () => {
+    const [isScrollLocked, setIsScrollLocked] = (0, react_1.useState)(false);
+    const toggleIsScrollLocked = () => setIsScrollLocked(!isScrollLocked);
+    (0, react_1.useEffect)(() => {
+        if (isScrollLocked)
+            (0, utils_1.addBodyClass)(consts_1.noScrollClass);
+        else
+            (0, utils_1.removeBodyClass)(consts_1.noScrollClass);
+    }, [isScrollLocked]);
+    return { isScrollLocked, setIsScrollLocked, toggleIsScrollLocked };
+};
+exports.useBodyScrollLock = useBodyScrollLock;

package/dist/cjs/core/vuiProvider/vuiProvider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"vuiProvider.d.ts","sourceRoot":"","sources":["../../../../src/core/vuiProvider/vuiProvider.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAc,MAAM,OAAO,CAAA;AAM7C,OAAqB,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAA;AAGpD,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AAOvC,KAAK,gBAAgB,GAAG;IACtB,8CAA8C;IAC9C,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,6CAA6C;IAC7C,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,wDAAwD;IACxD,KAAK,CAAC,EAAE,QAAQ,CAAA;IAChB,2EAA2E;IAC3E,aAAa,CAAC,EAAE,OAAO,CAAA;CACxB,CAAA;AAED,oGAAoG;AACpG,QAAA,MAAM,WAAW,EAAE,EAAE,CAAC,gBAAgB,GAAG,YAAY,CAiCpD,CAAA;AAED,eAAe,WAAW,CAAA"}
+{"version":3,"file":"vuiProvider.d.ts","sourceRoot":"","sources":["../../../../src/core/vuiProvider/vuiProvider.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAc,MAAM,OAAO,CAAA;AAK7C,OAAqB,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAA;AAGpD,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AAOvC,KAAK,gBAAgB,GAAG;IACtB,8CAA8C;IAC9C,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,6CAA6C;IAC7C,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,wDAAwD;IACxD,KAAK,CAAC,EAAE,QAAQ,CAAA;IAChB,2EAA2E;IAC3E,aAAa,CAAC,EAAE,OAAO,CAAA;CACxB,CAAA;AAED,oGAAoG;AACpG,QAAA,MAAM,WAAW,EAAE,EAAE,CAAC,gBAAgB,GAAG,YAAY,CAgCpD,CAAA;AAED,eAAe,WAAW,CAAA"}

package/dist/cjs/core/vuiProvider/vuiProvider.js

@@ -28,7 +28,6 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = __importStar(require("react"));
 const styled_components_1 = require("styled-components");
-const modalStyle_1 = __importDefault(require("../../modal/modalStyle"));
 const popoverStyle_1 = __importDefault(require("../../popover/popoverStyle"));
 const portal_1 = require("../../portal");
 const theme_1 = __importDefault(require("../../theme"));
@@ -50,7 +49,6 @@ const VuiProvider = ({ children, globalStyle = true, resetCSS = true, theme = th
             react_1.default.createElement(react_1.default.Fragment, null,
                 resetCSS && react_1.default.createElement(resetCSS_1.default, null),
                 react_1.default.createElement(globalStyle_1.default, { globalStyle: globalStyle }),
-                react_1.default.createElement(modalStyle_1.default, null),
                 react_1.default.createElement(popoverStyle_1.default, null),
                 children,
                 notifyOffline && react_1.default.createElement(notifyOffline_1.default, null),

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,uDAiBrB,CAAA;AAEF,eAAe,UAAU,CAAA"}

package/dist/cjs/definition/definition.js

@@ -0,0 +1,85 @@
+"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);
+    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/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; } });