@veracity/vui 2.9.0 → 2.10.0-beta.0

package/dist/esm/header/headerMobileToggle.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"headerMobileToggle.d.ts","sourceRoot":"","sources":["../../../src/header/headerMobileToggle.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAc,MAAM,WAAW,CAAA;AAMnD,yDAAyD;AACzD,eAAO,MAAM,kBAAkB,uDAmB7B,CAAA;AAEF,eAAe,kBAAkB,CAAA"}
+{"version":3,"file":"headerMobileToggle.d.ts","sourceRoot":"","sources":["../../../src/header/headerMobileToggle.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAc,MAAM,WAAW,CAAA;AAMnD,yDAAyD;AACzD,eAAO,MAAM,kBAAkB,uDAoB7B,CAAA;AAEF,eAAe,kBAAkB,CAAA"}

package/dist/esm/header/headerMobileToggle.js

@@ -10,6 +10,6 @@ export const HeaderMobileToggle = vui((props, ref) => {
     const { isMobileOpen, mobileToggleRef, setIsMobileOpen } = useHeaderContext() ?? {};
     const styles = useStyleConfig('Header', useHeaderContext());
     const iconName = isMobileOpen ? 'falTimes' : 'falBars';
-    return (React.createElement(IconButton, { className: cs('vui-headerMobileToggle', className), icon: React.createElement(Icon, { name: iconName }), ml: 1, onClick: () => setIsMobileOpen(s => !s), p: "3px", ref: mergeRefs(ref, mobileToggleRef), ...styles.mobileToggle, ...rest }));
+    return (React.createElement(IconButton, { className: cs('vui-headerMobileToggle', className), icon: React.createElement(Icon, { name: iconName }), ml: 1, onClick: () => setIsMobileOpen(s => !s), p: "3px", ref: mergeRefs(ref, mobileToggleRef), title: "mobileToggleButton", ...styles.mobileToggle, ...rest }));
 });
 export default HeaderMobileToggle;

package/dist/esm/header/headerNotifications.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"headerNotifications.d.ts","sourceRoot":"","sources":["../../../src/header/headerNotifications.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,wBAAwB,EAAE,MAAM,gBAAgB,CAAA;AAoBzD,+FAA+F;AAC/F,eAAO,MAAM,mBAAmB,+DA8B9B,CAAA;AAEF,eAAe,mBAAmB,CAAA"}
+{"version":3,"file":"headerNotifications.d.ts","sourceRoot":"","sources":["../../../src/header/headerNotifications.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,wBAAwB,EAAE,MAAM,gBAAgB,CAAA;AAoBzD,+FAA+F;AAC/F,eAAO,MAAM,mBAAmB,+DA6B9B,CAAA;AAEF,eAAe,mBAAmB,CAAA"}

package/dist/esm/header/headerNotifications.js

@@ -25,7 +25,7 @@ export const HeaderNotifications = vui((props, ref) => {
     const { children, className, count = 0, url, ...rest } = props;
     const { links } = useHeaderContext() ?? {};
     const styles = useStyleConfig('Header', useHeaderContext()).notifications;
-    return (React.createElement(Button, { as: "a", className: cs('vui-headerNotifications', className), href: url ?? links.notifications, minW: 0, ml: 1, position: "relative", px: "7px", ref: ref, size: "lg", title: "Notifications", variant: "tertiaryDark", ...styles.container, ...rest }, children ?? (React.createElement(React.Fragment, null,
+    return (React.createElement(Button, { as: "a", className: cs('vui-headerNotifications', className), href: url ?? links.notifications, minW: 0, position: "relative", px: "9px", ref: ref, size: "lg", title: "Notifications", variant: "tertiaryDark", ...styles.container, ...rest }, children ?? (React.createElement(React.Fragment, null,
         React.createElement(Button.Icon, { name: "falBell" }),
         count > 0 && React.createElement(Badge, null, count < 100 ? count : '99+')))));
 });

package/dist/esm/header/headerServices.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"headerServices.d.ts","sourceRoot":"","sources":["../../../src/header/headerServices.tsx"],"names":[],"mappings":";AAMA,OAAO,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAA;AAoBpD,yDAAyD;AACzD,wBAAgB,cAAc,CAAC,KAAK,EAAE,mBAAmB,eAqCxD;AAED,eAAe,cAAc,CAAA"}
+{"version":3,"file":"headerServices.d.ts","sourceRoot":"","sources":["../../../src/header/headerServices.tsx"],"names":[],"mappings":";AAMA,OAAO,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAA;AAoBpD,yDAAyD;AACzD,wBAAgB,cAAc,CAAC,KAAK,EAAE,mBAAmB,eAsCxD;AAED,eAAe,cAAc,CAAA"}

package/dist/esm/header/headerServices.js

@@ -17,7 +17,7 @@ export function HeaderServices(props) {
     return (React.createElement(React.Fragment, null,
         React.createElement(RenderOnScreen, { minWidth: "lg" },
             React.createElement(Menu, { isLazy: false, offset: [offsetX, 20], placement: "bottom-end", size: "lg", ...rest },
-                React.createElement(Menu.Button, { className: "vui-services-trigger", icon: "falTh", title: "My services", ...styles.button, ...buttonProps }),
+                React.createElement(Menu.Button, { className: "vui-services-trigger", icon: "falTh", size: "lg", title: "My services", ...styles.button, ...buttonProps }),
                 React.createElement(Menu.List, { heading: "My Services", maxH: 400, right: 0, w: 320, ...styles.list },
                     React.createElement(ListContent, { links: links })))),
         React.createElement(RenderOnScreen, { maxWidth: "lg" },

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

@@ -1 +1 @@
-{"version":3,"file":"input.d.ts","sourceRoot":"","sources":["../../../src/input/input.tsx"],"names":[],"mappings":"AAEA,OAAO,EAA+B,YAAY,EAAE,MAAM,SAAS,CAAA;AAQnE,OAAO,QAAQ,MAAM,YAAY,CAAA;AACjC,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAC1C,OAAO,SAAS,MAAM,aAAa,CAAA;AACnC,OAAO,UAAU,MAAM,cAAc,CAAA;AAErC,eAAO,MAAM,cAAc,+HAE1B,CAAA;AAED,eAAO,MAAM,SAAS,+HAgBrB,CAAA;AAED;;;;GAIG;AACH,eAAO,MAAM,KAAK;UAgJV,gBAAgB;WACf,iBAAiB;cACd,eAAe;CAC1B,CAAA;AAMD,eAAe,KAAK,CAAA"}
+{"version":3,"file":"input.d.ts","sourceRoot":"","sources":["../../../src/input/input.tsx"],"names":[],"mappings":"AAEA,OAAO,EAA+B,YAAY,EAAE,MAAM,SAAS,CAAA;AAQnE,OAAO,QAAQ,MAAM,YAAY,CAAA;AACjC,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAC1C,OAAO,SAAS,MAAM,aAAa,CAAA;AACnC,OAAO,UAAU,MAAM,cAAc,CAAA;AAErC,eAAO,MAAM,cAAc,+HAE1B,CAAA;AAED,eAAO,MAAM,SAAS,+HAgBrB,CAAA;AAED;;;;GAIG;AACH,eAAO,MAAM,KAAK;UAuJV,gBAAgB;WACf,iBAAiB;cACd,eAAe;CAC1B,CAAA;AAMD,eAAe,KAAK,CAAA"}

package/dist/esm/input/input.js

@@ -63,8 +63,12 @@ export const Input = vui((props, ref) => {
     }, [value]);
     const filterAutoCompleteOptions = (i) => valueInternal === i ? false : !valueInternal || i.toLowerCase().includes(`${valueInternal}`.toLowerCase());
     return (React.createElement(InputProvider, { value: context },
-        React.createElement(Popover, { placement: "bottom-start" },
-            React.createElement(Popover.Trigger, { as: InputContainer },
+        React.createElement(Popover, { options: {
+                aria: {
+                    expanded: !autoCompleteOptions?.length
+                }
+            }, placement: "bottom-start" },
+            React.createElement(Popover.Trigger, { as: InputContainer, className: cs('vui-input-popoverTrigger') },
                 React.createElement(InputBase, { className: cs('vui-input', className), ref: ref, ...styles.container, ...aliasedProps, ...rest },
                     itemLeft,
                     isString(iconLeft) ? React.createElement(InputIcon, { ml: 1, name: iconLeft }) : iconLeft,

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

@@ -13,6 +13,8 @@ export type ListProps = SystemProps & ThemingProps<'List'> & {
     isInteractive?: boolean;
     /** Socket displaying a list of items. */
     items?: PropsOf<'li', ListItemProps>[] | JSX.Element;
+    /** Socket for the variant. The 'blue' variant is internal, used in the header. */
+    variant?: 'default' | 'ordered' | 'unordered' | 'blue';
 };
 export type ListItemLinkProps = PropsOf<'a', LinkProps> | object;
 export type ListItemProps = SystemProps & ThemingProps<'List'> & {

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

@@ -1 +1 @@
-{"version":3,"file":"list.types.d.ts","sourceRoot":"","sources":["../../../src/list/list.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEjC,OAAO,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAA;AAClC,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AACnC,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAA;AACvC,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AACvC,OAAO,EAAE,OAAO,EAAE,MAAM,UAAU,CAAA;AAElC,MAAM,MAAM,SAAS,GAAG,WAAW,GACjC,YAAY,CAAC,MAAM,CAAC,GAAG;IACrB,+BAA+B;IAC/B,WAAW,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC7B,mDAAmD;IACnD,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,2DAA2D;IAC3D,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,yCAAyC;IACzC,KAAK,CAAC,EAAE,OAAO,CAAC,IAAI,EAAE,aAAa,CAAC,EAAE,GAAG,GAAG,CAAC,OAAO,CAAA;CACrD,CAAA;AAEH,MAAM,MAAM,iBAAiB,GAAG,OAAO,CAAC,GAAG,EAAE,SAAS,CAAC,GAAG,MAAM,CAAA;AAEhE,MAAM,MAAM,aAAa,GAAG,WAAW,GACrC,YAAY,CAAC,MAAM,CAAC,GAAG;IACrB,mEAAmE;IACnE,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,oDAAoD;IACpD,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,kDAAkD;IAClD,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,+BAA+B;IAC/B,WAAW,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC7B,gDAAgD;IAChD,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,gFAAgF;IAChF,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,6CAA6C;IAC7C,QAAQ,CAAC,EAAE,QAAQ,GAAG,GAAG,CAAC,OAAO,CAAA;IACjC,8CAA8C;IAC9C,SAAS,CAAC,EAAE,QAAQ,GAAG,GAAG,CAAC,OAAO,CAAA;IAClC,mEAAmE;IACnE,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,gEAAgE;IAChE,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,mDAAmD;IACnD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,oDAAoD;IACpD,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC3B,6FAA6F;IAC7F,SAAS,CAAC,EAAE,iBAAiB,CAAA;IAC7B,8CAA8C;IAC9C,IAAI,CAAC,EAAE,SAAS,GAAG,GAAG,CAAC,OAAO,CAAA;CAC/B,CAAA"}
+{"version":3,"file":"list.types.d.ts","sourceRoot":"","sources":["../../../src/list/list.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEjC,OAAO,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAA;AAClC,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AACnC,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAA;AACvC,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AACvC,OAAO,EAAE,OAAO,EAAE,MAAM,UAAU,CAAA;AAElC,MAAM,MAAM,SAAS,GAAG,WAAW,GACjC,YAAY,CAAC,MAAM,CAAC,GAAG;IACrB,+BAA+B;IAC/B,WAAW,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC7B,mDAAmD;IACnD,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,2DAA2D;IAC3D,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,yCAAyC;IACzC,KAAK,CAAC,EAAE,OAAO,CAAC,IAAI,EAAE,aAAa,CAAC,EAAE,GAAG,GAAG,CAAC,OAAO,CAAA;IACpD,kFAAkF;IAClF,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,WAAW,GAAG,MAAM,CAAA;CACvD,CAAA;AAEH,MAAM,MAAM,iBAAiB,GAAG,OAAO,CAAC,GAAG,EAAE,SAAS,CAAC,GAAG,MAAM,CAAA;AAEhE,MAAM,MAAM,aAAa,GAAG,WAAW,GACrC,YAAY,CAAC,MAAM,CAAC,GAAG;IACrB,mEAAmE;IACnE,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,oDAAoD;IACpD,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,kDAAkD;IAClD,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,+BAA+B;IAC/B,WAAW,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC7B,gDAAgD;IAChD,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,gFAAgF;IAChF,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,6CAA6C;IAC7C,QAAQ,CAAC,EAAE,QAAQ,GAAG,GAAG,CAAC,OAAO,CAAA;IACjC,8CAA8C;IAC9C,SAAS,CAAC,EAAE,QAAQ,GAAG,GAAG,CAAC,OAAO,CAAA;IAClC,mEAAmE;IACnE,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,gEAAgE;IAChE,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,mDAAmD;IACnD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,oDAAoD;IACpD,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC3B,6FAA6F;IAC7F,SAAS,CAAC,EAAE,iBAAiB,CAAA;IAC7B,8CAA8C;IAC9C,IAAI,CAAC,EAAE,SAAS,GAAG,GAAG,CAAC,OAAO,CAAA;CAC/B,CAAA"}

package/dist/esm/list/theme.d.ts

@@ -80,6 +80,26 @@ declare const _default: {
     };
     variants: {
         default: {};
+        ordered: {
+            container: {
+                as: string;
+                listStyleType: string;
+                pl: number;
+            };
+            item: {
+                display: string;
+            };
+        };
+        unordered: {
+            container: {
+                as: string;
+                listStyleType: string;
+                pl: number;
+            };
+            item: {
+                display: string;
+            };
+        };
         blue: {
             heading: {
                 color: string;

package/dist/esm/list/theme.d.ts.map

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

package/dist/esm/list/theme.js

@@ -79,7 +79,27 @@ const sizes = {
 };
 const variants = {
     default: {},
-    // variant *blue* was introduced for the *header* component
+    ordered: {
+        container: {
+            as: 'ol',
+            listStyleType: 'decimal',
+            pl: 3
+        },
+        item: {
+            display: 'list-item'
+        }
+    },
+    unordered: {
+        container: {
+            as: 'ul',
+            listStyleType: 'disc',
+            pl: 3
+        },
+        item: {
+            display: 'list-item'
+        }
+    },
+    // internal; variant *blue* was introduced for the *header* component
     blue: {
         heading: {
             color: 'darkBlue.main'

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

@@ -1 +1 @@
-{"version":3,"file":"popover.d.ts","sourceRoot":"","sources":["../../../src/popover/popover.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAA;AAK9C;;;GAGG;AACH,iBAAwB,OAAO,CAAC,KAAK,EAAE,YAAY,eAQlD;kBARuB,OAAO;;;;eAAP,OAAO"}
+{"version":3,"file":"popover.d.ts","sourceRoot":"","sources":["../../../src/popover/popover.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAA;AAK9C;;;GAGG;AACH,iBAAwB,OAAO,CAAC,KAAK,EAAE,YAAY,eAOlD;kBAPuB,OAAO;;;;eAAP,OAAO"}

package/dist/esm/popover/popover.js

@@ -9,8 +9,8 @@ import usePopover from './usePopover';
  * By default, renders provided content only when popover is opened (lazy).
  */
 export default function Popover(props) {
-    const { children, isLazy = true, ...rest } = props;
-    const popoverProps = usePopover(rest);
+    const { children, isLazy = true, options, ...rest } = props;
+    const popoverProps = usePopover({ options, ...rest });
     const { close, isOpen, open } = popoverProps;
     const context = filterUndefined({ isLazy, ...popoverProps });
     return React.createElement(PopoverProvider, { value: context }, runIfFn(children, { close, isOpen, open }));

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

@@ -1,3 +1,4 @@
+import { TippyProps } from '@tippyjs/react';
 import { BoxProps } from '../box';
 import { SystemProps } from '../system';
 import { RenderProps } from '../utils';
@@ -9,6 +10,8 @@ export type PopoverProps = UsePopoverProps & {
     children?: PopoverRenderProps;
     /** Mounts provided content only when popover is opened for performance. @default true */
     isLazy?: boolean;
+    /** Object with any Tippy props. */
+    options?: Partial<TippyProps>;
 };
 export type PopoverRenderProps = RenderProps<{
     close: UsePopoverType['close'];

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

@@ -1 +1 @@
-{"version":3,"file":"popover.types.d.ts","sourceRoot":"","sources":["../../../src/popover/popover.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAA;AACjC,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAA;AACvC,OAAO,EAAE,WAAW,EAAE,MAAM,UAAU,CAAA;AACtC,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAA;AAC7C,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAA;AAEpD,MAAM,MAAM,mBAAmB,GAAG,QAAQ,CAAA;AAE1C,MAAM,MAAM,YAAY,GAAG,eAAe,GAAG;IAC3C,4CAA4C;IAC5C,QAAQ,CAAC,EAAE,kBAAkB,CAAA;IAC7B,yFAAyF;IACzF,MAAM,CAAC,EAAE,OAAO,CAAA;CACjB,CAAA;AAED,MAAM,MAAM,kBAAkB,GAAG,WAAW,CAAC;IAC3C,KAAK,EAAE,cAAc,CAAC,OAAO,CAAC,CAAA;IAC9B,MAAM,EAAE,cAAc,CAAC,QAAQ,CAAC,CAAA;IAChC,IAAI,EAAE,cAAc,CAAC,MAAM,CAAC,CAAA;CAC7B,CAAC,CAAA;AAEF,MAAM,MAAM,mBAAmB,GAAG,WAAW,CAAA"}
+{"version":3,"file":"popover.types.d.ts","sourceRoot":"","sources":["../../../src/popover/popover.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAA;AAE3C,OAAO,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAA;AACjC,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAA;AACvC,OAAO,EAAE,WAAW,EAAE,MAAM,UAAU,CAAA;AACtC,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAA;AAC7C,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAA;AAEpD,MAAM,MAAM,mBAAmB,GAAG,QAAQ,CAAA;AAE1C,MAAM,MAAM,YAAY,GAAG,eAAe,GAAG;IAC3C,4CAA4C;IAC5C,QAAQ,CAAC,EAAE,kBAAkB,CAAA;IAC7B,yFAAyF;IACzF,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,mCAAmC;IACnC,OAAO,CAAC,EAAE,OAAO,CAAC,UAAU,CAAC,CAAA;CAC9B,CAAA;AAED,MAAM,MAAM,kBAAkB,GAAG,WAAW,CAAC;IAC3C,KAAK,EAAE,cAAc,CAAC,OAAO,CAAC,CAAA;IAC9B,MAAM,EAAE,cAAc,CAAC,QAAQ,CAAC,CAAA;IAChC,IAAI,EAAE,cAAc,CAAC,MAAM,CAAC,CAAA;CAC7B,CAAC,CAAA;AAEF,MAAM,MAAM,mBAAmB,GAAG,WAAW,CAAA"}

package/dist/esm/popover/usePopover.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"usePopover.d.ts","sourceRoot":"","sources":["../../../src/popover/usePopover.ts"],"names":[],"mappings":";AACA,OAAc,EAAE,QAAQ,EAAE,KAAK,IAAI,UAAU,EAAE,MAAM,UAAU,CAAA;AAI/D,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAA;AAEpD;;;;GAIG;AACH,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,KAAK,GAAE,eAAoB;;;;;;;;;EA+G7D;AAED,MAAM,MAAM,cAAc,GAAG,UAAU,CAAC,OAAO,UAAU,CAAC,CAAA"}
+{"version":3,"file":"usePopover.d.ts","sourceRoot":"","sources":["../../../src/popover/usePopover.ts"],"names":[],"mappings":";AACA,OAAc,EAAE,QAAQ,EAAE,KAAK,IAAI,UAAU,EAAE,MAAM,UAAU,CAAA;AAI/D,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAA;AAEpD;;;;GAIG;AACH,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,KAAK,GAAE,eAAoB;;;;;;;;;EAiH7D;AAED,MAAM,MAAM,cAAc,GAAG,UAAU,CAAC,OAAO,UAAU,CAAC,CAAA"}

package/dist/esm/popover/usePopover.js

@@ -19,8 +19,9 @@ export default function usePopover(props = {}) {
     const open = useCallback(() => instance?.show(), [instance]);
     const isControlled = isOpenProp !== undefined;
     const tippyOptions = useMemo(() => {
-        const { offset: optionsOffset, onHidden, onHide, onShow, plugins = [], popperOptions = {}, ...otherOptions } = options ?? {};
+        const { aria, offset: optionsOffset, onHidden, onHide, onShow, plugins = [], popperOptions = {}, ...otherOptions } = options ?? {};
         return {
+            aria,
             arrow: false,
             duration: [200, 150],
             hideOnClick: !isControlled ? closeOnBlur : false,

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

@@ -1 +1 @@
-{"version":3,"file":"progressCircular.d.ts","sourceRoot":"","sources":["../../../src/progressCircular/progressCircular.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,qBAAqB,EAAE,MAAM,0BAA0B,CAAA;AAEhE,eAAO,MAAM,oBAAoB,+HAIhC,CAAA;AAWD,2CAA2C;AAC3C,eAAO,MAAM,gBAAgB,8DA6D3B,CAAA;AAEF,eAAe,gBAAgB,CAAA"}
+{"version":3,"file":"progressCircular.d.ts","sourceRoot":"","sources":["../../../src/progressCircular/progressCircular.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,qBAAqB,EAAE,MAAM,0BAA0B,CAAA;AAEhE,eAAO,MAAM,oBAAoB,+HAIhC,CAAA;AAWD,2CAA2C;AAC3C,eAAO,MAAM,gBAAgB,8DA8D3B,CAAA;AAEF,eAAe,gBAAgB,CAAA"}

package/dist/esm/progressCircular/progressCircular.js

@@ -33,7 +33,7 @@ export const ProgressCircular = vui((props, ref) => {
     const angle = radius * 2 * Math.PI;
     const offset = angle - (progress / maxValue) * angle;
     return (React.createElement(ProgressCircularBase, { className: cs('vui-progress-circular', className), ref: ref, w: styles.width, ...rest },
-        React.createElement("svg", { "aria-valuemax": maxValue, "aria-valuemin": 0, "aria-valuenow": progress, height: styles.width, version: "1.1", viewBox: "0 0 100 100", width: styles.width, xmlns: "http://www.w3.org/2000/svg" },
+        React.createElement("svg", { "aria-valuemax": maxValue, "aria-valuemin": 0, "aria-valuenow": progress, height: styles.width, role: "meter", version: "1.1", viewBox: "0 0 100 100", width: styles.width, xmlns: "http://www.w3.org/2000/svg" },
             React.createElement(MainCircle, { cx: "50", cy: "50", r: radius, stroke: styles.stroke.main, strokeWidth: styles.strokeWidth }),
             React.createElement(ProgressCircle, { cx: "50", cy: "50", r: radius, stroke: styles.stroke.progress, strokeDasharray: `${angle} ${angle}`, strokeDashoffset: offset, strokeWidth: styles.strokeWidth })),
         React.createElement(Box, { ...absCenterStyles, top: styles.top }, children ? (children) : showPercentage ? (React.createElement(T, { color: styles.color, fontSize: styles.fontSize },

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

@@ -1 +1 @@
-{"version":3,"file":"radio.d.ts","sourceRoot":"","sources":["../../../src/radio/radio.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAE,UAAU,EAAE,eAAe,EAAE,MAAM,eAAe,CAAA;AAuB3D,eAAO,MAAM,SAAS,olJAkBrB,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,KAAK,oDA4FhB,CAAA;AAEF,eAAe,KAAK,CAAA"}
+{"version":3,"file":"radio.d.ts","sourceRoot":"","sources":["../../../src/radio/radio.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAE,UAAU,EAAE,eAAe,EAAE,MAAM,eAAe,CAAA;AAuB3D,eAAO,MAAM,SAAS,olJAkBrB,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,KAAK,oDA4GhB,CAAA;AAEF,eAAe,KAAK,CAAA"}

package/dist/esm/radio/radio.js

@@ -76,7 +76,8 @@ export const Radio = vui((props, ref) => {
     });
     return (React.createElement(RadioBase, { className: cs('vui-radio', className), controlHoverColor: controlHoverColor, ref: ref, ...styles.container, ...aliasedProps, ...rest },
         React.createElement(RadioControl, { bg: "white", className: "vui-radioControl", color: color, focusWithinRing: 3, mr: controlMr, ...controlStyles },
-            React.createElement(RadioInput, { "aria-label": "input-radio", className: "vui-radioInput", onChange: handleOnChange, ref: inputRef, type: "radio", ...{ checked, defaultChecked, disabled, id, name, required, value }, ...inputProps }),
+            checked !== undefined && (React.createElement(RadioInput, { "aria-label": "input-radio", className: "vui-radioInput", onChange: handleOnChange, ref: inputRef, type: "radio", ...{ checked, disabled, id, name, required, value }, ...inputProps })),
+            checked === undefined && (React.createElement(RadioInput, { "aria-label": "input-radio", className: "vui-radioInput", onChange: handleOnChange, ref: inputRef, type: "radio", ...{ defaultChecked, disabled, id, name, required, value }, ...inputProps })),
             React.createElement(Icon, { className: "vui-radioIcon", h: "100%", name: icon, w: "100%" })),
         children ??
             (label && (React.createElement(T, { className: "vui-radioLabel", lineHeight: "normal", ...styles.label }, label)))));

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

@@ -1 +1 @@
-{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../../src/select/select.tsx"],"names":[],"mappings":";AAOA,OAAO,EAAoB,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAO9D;;;;GAIG;AACH,wBAAgB,MAAM,CAAC,KAAK,EAAE,WAAW,eAiFxC;yBAjFe,MAAM;;;;;;;;;AAwFtB,eAAe,MAAM,CAAA"}
+{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../../src/select/select.tsx"],"names":[],"mappings":";AAOA,OAAO,EAAoB,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAO9D;;;;GAIG;AACH,wBAAgB,MAAM,CAAC,KAAK,EAAE,WAAW,eAmFxC;yBAnFe,MAAM;;;;;;;;;AA0FtB,eAAe,MAAM,CAAA"}

package/dist/esm/select/select.js

@@ -15,7 +15,7 @@ import useSelect from './useSelect';
  * Supports single select and multi select, as well as controlled and uncontrolled modes.
  */
 export function Select(props) {
-    const { children, defaultValue, disabled, isInvalid, isMultiple, maxHeight, name, onChange, options, placeholder = 'Please select', readOnly, selectButton, showOptionsFilter, size, value, variant, ...rest } = props;
+    const { children, defaultValue, disabled, isInvalid, isMultiple, maxHeight, name, onChange, options, placeholder = 'Please select', readOnly, selectButton, selectButtonProps, showOptionsFilter, size, value, variant, ...rest } = props;
     const selectProps = useSelect({ defaultValue, isMultiple, onChange, value, options, children });
     if (__DEV__ && isMultiple && !Array.isArray(selectProps.value)) {
         console.error('<Select /> is used with isMultiple but its value is not an array: ', value);
@@ -44,7 +44,7 @@ export function Select(props) {
     return (React.createElement(SelectProvider, { value: context },
         React.createElement(Popover, { matchWidth: true, ...rest },
             React.createElement(React.Fragment, null,
-                selectButton ?? React.createElement(SelectButton, null),
+                selectButton ?? React.createElement(SelectButton, { ...selectButtonProps }),
                 React.createElement(SelectContent, null,
                     showOptionsFilter && (React.createElement(Box, { mr: 2 },
                         React.createElement(Input, { iconLeft: "culFilterAlt", m: 1, mt: 0, onChange: onQueryChange, placeholder: "Filter\u2026", size: "sm", value: query }))),

package/dist/esm/select/useSelect.types.d.ts

@@ -1,4 +1,5 @@
 import { ReactNode } from 'react';
+import { ButtonProps } from '../button';
 import { ChangeEvent } from '../utils';
 import { SelectOptionData, SelectValue } from './select.types';
 export type UseSelectProps = {
@@ -12,6 +13,8 @@ export type UseSelectProps = {
     options?: SelectOptionData[];
     /** Select children elements for dynamic handling */
     children?: ReactNode;
+    /** Props added to the select button */
+    selectButtonProps?: ButtonProps;
     /**
      * Callback triggered when an option is selected.
      *

package/dist/esm/select/useSelect.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useSelect.types.d.ts","sourceRoot":"","sources":["../../../src/select/useSelect.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEjC,OAAO,EAAE,WAAW,EAAE,MAAM,UAAU,CAAA;AACtC,OAAO,EAAE,gBAAgB,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAE9D,MAAM,MAAM,cAAc,GAAG;IAC3B,mDAAmD;IACnD,KAAK,CAAC,EAAE,WAAW,GAAG,WAAW,EAAE,CAAA;IACnC,mDAAmD;IACnD,YAAY,CAAC,EAAE,WAAW,GAAG,WAAW,EAAE,CAAA;IAC1C,wFAAwF;IACxF,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,oCAAoC;IACpC,OAAO,CAAC,EAAE,gBAAgB,EAAE,CAAA;IAC5B,oDAAoD;IACpD,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,WAAW,KAAK,IAAI,CAAA;CACpC,CAAA"}
+{"version":3,"file":"useSelect.types.d.ts","sourceRoot":"","sources":["../../../src/select/useSelect.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEjC,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAA;AACvC,OAAO,EAAE,WAAW,EAAE,MAAM,UAAU,CAAA;AACtC,OAAO,EAAE,gBAAgB,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAE9D,MAAM,MAAM,cAAc,GAAG;IAC3B,mDAAmD;IACnD,KAAK,CAAC,EAAE,WAAW,GAAG,WAAW,EAAE,CAAA;IACnC,mDAAmD;IACnD,YAAY,CAAC,EAAE,WAAW,GAAG,WAAW,EAAE,CAAA;IAC1C,wFAAwF;IACxF,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,oCAAoC;IACpC,OAAO,CAAC,EAAE,gBAAgB,EAAE,CAAA;IAC5B,oDAAoD;IACpD,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,uCAAuC;IACvC,iBAAiB,CAAC,EAAE,WAAW,CAAA;IAC/B;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,WAAW,KAAK,IAAI,CAAA;CACpC,CAAA"}

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

@@ -1,3 +1,2 @@
-export declare const border = "1px solid lightgray";
 export declare const expandedWidth = 64;
 //# sourceMappingURL=consts.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"consts.d.ts","sourceRoot":"","sources":["../../../src/sidemenu/consts.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,MAAM,wBAAwB,CAAA;AAE3C,eAAO,MAAM,aAAa,KAAK,CAAA"}
+{"version":3,"file":"consts.d.ts","sourceRoot":"","sources":["../../../src/sidemenu/consts.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,aAAa,KAAK,CAAA"}

package/dist/esm/sidemenu/consts.js

@@ -1,2 +1 @@
-export const border = '1px solid lightgray';
 export const expandedWidth = 64;

package/dist/esm/sidemenu/sidemenu.d.ts

@@ -3,7 +3,7 @@ import { SidemenuProps } from './sidemenu.types';
 import SidemenuItem from './sidemenuItem';
 import SidemenuTop from './sidemenuTop';
 export declare const SidemenuBase: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, import("..").SystemProps, never>;
-/** [Beta] A collapsible side menu for navigation. */
+/** A collapsible side menu for navigation. */
 export declare const Sidemenu: VuiComponent<"div", SidemenuProps> & {
     Top: typeof SidemenuTop;
     Item: typeof SidemenuItem;

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

@@ -1 +1 @@
-{"version":3,"file":"sidemenu.d.ts","sourceRoot":"","sources":["../../../src/sidemenu/sidemenu.tsx"],"names":[],"mappings":"AAIA,OAAO,EAA+B,YAAY,EAAE,MAAM,SAAS,CAAA;AAKnE,OAAO,EAAqB,aAAa,EAAE,MAAM,kBAAkB,CAAA;AACnE,OAAO,YAAY,MAAM,gBAAgB,CAAA;AACzC,OAAO,WAAW,MAAM,eAAe,CAAA;AAEvC,eAAO,MAAM,YAAY,+HAMxB,CAAA;AAED,qDAAqD;AACrD,eAAO,MAAM,QAAQ;SAmCd,kBAAkB;UACjB,mBAAmB;CAC1B,CAAA;AAKD,eAAe,QAAQ,CAAA"}
+{"version":3,"file":"sidemenu.d.ts","sourceRoot":"","sources":["../../../src/sidemenu/sidemenu.tsx"],"names":[],"mappings":"AAIA,OAAO,EAA+B,YAAY,EAAE,MAAM,SAAS,CAAA;AAKnE,OAAO,EAAqB,aAAa,EAAE,MAAM,kBAAkB,CAAA;AACnE,OAAO,YAAY,MAAM,gBAAgB,CAAA;AACzC,OAAO,WAAW,MAAM,eAAe,CAAA;AAEvC,eAAO,MAAM,YAAY,+HAMxB,CAAA;AAED,8CAA8C;AAC9C,eAAO,MAAM,QAAQ;SAsDd,kBAAkB;UACjB,mBAAmB;CAC1B,CAAA;AAKD,eAAe,QAAQ,CAAA"}

package/dist/esm/sidemenu/sidemenu.js

@@ -4,7 +4,7 @@ import Button from '../button';
 import { styled, useStyleConfig, vui } from '../core';
 import Icon from '../icon';
 import { cs, filterUndefined } from '../utils';
-import { border, expandedWidth } from './consts';
+import { expandedWidth } from './consts';
 import { SidemenuProvider } from './context';
 import SidemenuItem from './sidemenuItem';
 import SidemenuTop from './sidemenuTop';
@@ -15,12 +15,13 @@ export const SidemenuBase = styled.divBox `
   transition-duration: normal;
   overflow: hidden;
 `;
-/** [Beta] A collapsible side menu for navigation. */
+/** A collapsible side menu for navigation. */
 export const Sidemenu = vui((props, ref) => {
-    const { children, className, items, isExpanded = false, width = 280, ...rest } = props;
+    const { children, className, items, isExpanded = false, size, variant, width = 280, ...rest } = props;
     const styles = useStyleConfig('Sidemenu', props);
     const [isExpandedInternal, setIsExpandedInternal] = useState(isExpanded);
-    const context = useMemo(() => filterUndefined({ isExpandedInternal }), [isExpandedInternal]);
+    const context = useMemo(() => filterUndefined({ size, variant, isExpandedInternal }), [size, variant, isExpandedInternal]);
+    const isDark = variant === 'dark';
     const aliasedProps = filterUndefined({});
     useEffect(() => {
         setIsExpandedInternal(isExpanded);
@@ -30,12 +31,12 @@ export const Sidemenu = vui((props, ref) => {
     const icon = `falArrow${isExpandedInternal ? 'Left' : 'Right'}`;
     const justifyContent = isExpandedInternal ? 'flex-end' : 'center';
     return (React.createElement(SidemenuProvider, { value: context },
-        React.createElement(SidemenuBase, { className: cs('vui-sidemenu', className), ref: ref, w: w, ...styles, ...aliasedProps, ...rest },
+        React.createElement(SidemenuBase, { className: cs('vui-sidemenu', className), ref: ref, w: w, ...styles.container, ...aliasedProps, ...rest },
             React.createElement(Box, { flexDirection: "column", flexGrow: 1, overflowX: "hidden", overflowY: "auto", w: "100%" }, items
                 ? items?.map?.((item, key) => React.createElement(SidemenuItem, { key: key, ...item }))
                 : children),
-            React.createElement(Box, { borderTop: border, className: "vui-sidemenu-bottom", w: "100%" },
-                React.createElement(Button, { borderRadius: 0, justifyContent: justifyContent, onClick: onToggle, variant: "tertiaryDark", w: "100%" },
+            React.createElement(Box, { className: "vui-sidemenu-bottom", w: "100%", ...styles.bottom },
+                React.createElement(Button, { borderRadius: 0, justifyContent: justifyContent, minH: size === 'lg' ? '56px' : '40px', onClick: onToggle, variant: isDark ? 'tertiaryLight' : 'tertiaryDark', w: "100%" },
                     React.createElement(Icon, { name: icon }))))));
 });
 Sidemenu.Top = SidemenuTop;

package/dist/esm/sidemenu/sidemenuItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"sidemenuItem.d.ts","sourceRoot":"","sources":["../../../src/sidemenu/sidemenuItem.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAyB,YAAY,EAAE,MAAM,SAAS,CAAA;AAK7D,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAA;AAEpD,mBAAmB;AACnB,eAAO,MAAM,YAAY,wCA8DmB,CAAA;AAE5C,eAAe,YAAY,CAAA"}
+{"version":3,"file":"sidemenuItem.d.ts","sourceRoot":"","sources":["../../../src/sidemenu/sidemenuItem.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAyC,YAAY,EAAE,MAAM,SAAS,CAAA;AAK7E,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAA;AAEpD,mBAAmB;AACnB,eAAO,MAAM,YAAY,wCAgEmB,CAAA;AAE5C,eAAe,YAAY,CAAA"}

package/dist/esm/sidemenu/sidemenuItem.js

@@ -1,7 +1,7 @@
 import React, { useState } from 'react';
 import Box from '../box';
 import Button from '../button';
-import { omitThemingProps, vui } from '../core';
+import { omitThemingProps, useStyleConfig, vui } from '../core';
 import Icon from '../icon';
 import T from '../t';
 import { cs } from '../utils';
@@ -10,7 +10,9 @@ import { useSidemenuContext } from './context';
 export const SidemenuItem = vui((props, ref) => {
     const { className, children, icon, iconSize = 'md', isActive, onClick, title, ...rest } = omitThemingProps(props);
     const [displayChildren, setDisplayChildren] = useState(true);
-    const { isExpandedInternal } = useSidemenuContext();
+    const { variant, size, isExpandedInternal } = useSidemenuContext();
+    const styles = useStyleConfig('Sidemenu', useSidemenuContext);
+    const isDark = variant === 'dark';
     const innerContent = isExpandedInternal ? (React.createElement(Box, { centerV: true, px: 2, py: 1, w: "100%", whiteSpace: "pre" },
         React.createElement(Icon, { ml: iconSize === 'sm' ? '4px' : 0, name: icon, size: iconSize }),
         React.createElement(T, { isTruncated: true, ml: 2 }, title))) : (React.createElement(Box, { centerV: true, px: 2, py: 1, w: "100%" },
@@ -21,9 +23,9 @@ export const SidemenuItem = vui((props, ref) => {
         setDisplayChildren(!displayChildren);
     };
     return (React.createElement(Box, { flexDirection: "column", ref: ref, w: "100%" },
-        React.createElement(Button, { alignItems: "center", border: "none", borderLeft: "3px solid black", borderLeftColor: isActive ? 'blue.80' : 'transparent', borderRadius: 0, className: cs('vui-sidemenu-item', className), h: "auto", justifyContent: "space-between", onClick: () => onClick?.(), p: 0, variant: "tertiaryDark", w: "100%", ...rest },
+        React.createElement(Button, { alignItems: "center", border: "none", borderLeft: "3px solid transparent", borderLeftColor: isActive ? (isDark ? 'digiGreen.main' : 'seaBlue.main') : undefined, borderRadius: 0, className: cs('vui-sidemenu-item', className), h: "auto", justifyContent: "space-between", onClick: () => onClick?.(), p: 0, variant: isDark ? 'tertiaryLight' : 'tertiaryDark', w: "100%", ...styles.item, minH: size === 'lg' ? '56px' : '40px', ...rest },
             innerContent,
-            !!children && isExpandedInternal && (React.createElement(Button, { className: "vui-sidemenu-item-expand", icon: displayChildren ? 'falChevronUp' : 'falChevronDown', mr: 1, onClick: toggle, size: "sm", variant: "tertiaryDark" }))),
+            !!children && isExpandedInternal && (React.createElement(Button, { className: "vui-sidemenu-item-expand", icon: displayChildren ? 'falChevronUp' : 'falChevronDown', mr: 1, onClick: toggle, size: "sm", variant: isDark ? 'tertiaryLight' : 'tertiaryDark' }))),
         !!children && displayChildren && (React.createElement(Box, { flexDirection: "column", justifyContent: "start", w: "100%" }, children))));
 });
 export default SidemenuItem;

package/dist/esm/sidemenu/sidemenuTop.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"sidemenuTop.d.ts","sourceRoot":"","sources":["../../../src/sidemenu/sidemenuTop.tsx"],"names":[],"mappings":";AAOA,OAAO,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAA;AAEnD,qBAAqB;AACrB,eAAO,MAAM,WAAW,UAAW,gBAAgB,uBAalD,CAAA;AAED,eAAe,WAAW,CAAA"}
+{"version":3,"file":"sidemenuTop.d.ts","sourceRoot":"","sources":["../../../src/sidemenu/sidemenuTop.tsx"],"names":[],"mappings":";AAMA,OAAO,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAA;AAEnD,qBAAqB;AACrB,eAAO,MAAM,WAAW,UAAW,gBAAgB,uBAalD,CAAA;AAED,eAAe,WAAW,CAAA"}

package/dist/esm/sidemenu/sidemenuTop.js

@@ -1,16 +1,16 @@
 import React from 'react';
 import { Box } from '../box';
-import { omitThemingProps } from '../core';
+import { omitThemingProps, useStyleConfig } from '../core';
 import { cs } from '../utils';
-import { border } from './consts';
 import { useSidemenuContext } from './context';
 /** Top container. */
 export const SidemenuTop = (props) => {
     const { className, leftSlot, rightSlot, ...rest } = omitThemingProps(props);
+    const styles = useStyleConfig('Sidemenu', props);
     const { isExpandedInternal } = useSidemenuContext();
     if (!leftSlot && !rightSlot)
         return null;
-    return (React.createElement(Box, { borderBottom: border, className: cs('vui-sidemenu-top', className), mb: 1, w: "100%", ...rest },
+    return (React.createElement(Box, { className: cs('vui-sidemenu-top', className), mb: 1, w: "100%", ...styles.sidemenuTop, ...rest },
         !!leftSlot && leftSlot,
         !!rightSlot && isExpandedInternal && rightSlot));
 };

package/dist/esm/sidemenu/theme.d.ts

@@ -1,8 +1,47 @@
 declare const _default: {
     baseStyle: {};
-    defaultProps: {};
-    sizes: {};
-    variants: {};
+    defaultProps: {
+        size: string;
+        variant: string;
+    };
+    parts: string[];
+    sizes: {
+        md: {
+            item: {
+                minH: string;
+            };
+        };
+        lg: {
+            item: {
+                minH: string;
+            };
+        };
+    };
+    variants: {
+        light: {
+            container: {};
+            bottom: {
+                borderTop: string;
+            };
+            sidemenuTop: {
+                borderBottom: string;
+            };
+            item: {};
+        };
+        dark: {
+            container: {
+                bg: string;
+                color: string;
+            };
+            bottom: {
+                borderTop: string;
+            };
+            sidemenuTop: {
+                borderBottom: string;
+            };
+            item: {};
+        };
+    };
 };
 export default _default;
 //# sourceMappingURL=theme.d.ts.map

package/dist/esm/sidemenu/theme.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../src/sidemenu/theme.ts"],"names":[],"mappings":";;;;;;AAQA,wBAKC"}
+{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../src/sidemenu/theme.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+CA,wBAMC"}

package/dist/esm/sidemenu/theme.js

@@ -1,10 +1,50 @@
 const baseStyle = {};
-const defaultProps = {};
-const sizes = {};
-const variants = {};
+const defaultProps = {
+    size: 'md',
+    variant: 'light'
+};
+const parts = ['container', 'item', 'sidemenuTop', 'bottom'];
+const sizes = {
+    md: {
+        item: {
+            minH: '40px'
+        }
+    },
+    lg: {
+        item: {
+            minH: '56px'
+        }
+    }
+};
+const variants = {
+    light: {
+        container: {},
+        bottom: {
+            borderTop: '1px solid lightgray'
+        },
+        sidemenuTop: {
+            borderBottom: '1px solid lightgray'
+        },
+        item: {}
+    },
+    dark: {
+        container: {
+            bg: 'darkBlue.main',
+            color: 'white'
+        },
+        bottom: {
+            borderTop: '1px solid black'
+        },
+        sidemenuTop: {
+            borderBottom: '1px solid black'
+        },
+        item: {}
+    }
+};
 export default {
     baseStyle,
     defaultProps,
+    parts,
     sizes,
     variants
 };

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

@@ -1,6 +1,8 @@
 export declare const switchColors: {
     main: string;
     hover: string;
+    offBg: string;
+    offBgContrast: string;
     disabled: string;
     disabledBg: string;
     green: string;

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

@@ -1 +1 @@
-{"version":3,"file":"consts.d.ts","sourceRoot":"","sources":["../../../src/switch/consts.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,YAAY;;;;;;;CAOxB,CAAA"}
+{"version":3,"file":"consts.d.ts","sourceRoot":"","sources":["../../../src/switch/consts.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,YAAY;;;;;;;;;CASxB,CAAA"}

package/dist/esm/switch/consts.js

@@ -1,6 +1,8 @@
 export const switchColors = {
     main: 'seaBlue.main',
     hover: 'seaBlue.40',
+    offBg: 'sandstone.55',
+    offBgContrast: 'sandstone.45',
     disabled: 'sandstone.main',
     disabledBg: 'sandstone.95',
     green: 'landGreen.main',

package/dist/esm/switch/switchButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"switchButton.d.ts","sourceRoot":"","sources":["../../../src/switch/switchButton.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAA;AAkClD,eAAO,MAAM,gBAAgB,gIAkB5B,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,YAAY,2DAgGvB,CAAA;AAEF,eAAe,YAAY,CAAA"}
+{"version":3,"file":"switchButton.d.ts","sourceRoot":"","sources":["../../../src/switch/switchButton.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAA;AAkClD,eAAO,MAAM,gBAAgB,gIAkB5B,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,YAAY,2DA+FvB,CAAA;AAEF,eAAe,YAAY,CAAA"}

package/dist/esm/switch/switchButton.js

@@ -81,7 +81,6 @@ export const SwitchButton = vui((props, ref) => {
     const thumbOffset = `calc(100% - ${Math.abs(hDiff - thumbStyles.h)}px)`;
     const labelOffset = `${thumbStyles.h - hDiff + 4}px`;
     const aliasedProps = filterUndefined({
-        'aria-checked': isChecked ? true : false,
         'aria-disabled': disabled,
         'data-focused': isFocused ? true : false
     });
@@ -90,7 +89,7 @@ export const SwitchButton = vui((props, ref) => {
         ring: isFocused ? thumbStyles.ring : 0
     });
     const trackAliasedProps = filterUndefined({
-        bg: isChecked ? trackStyles.bg : switchColors.disabled,
+        bg: isChecked ? trackStyles.bg : innerLabelOff ? switchColors.offBgContrast : switchColors.offBg,
         pl: isChecked ? 1 : labelOffset,
         pr: isChecked ? labelOffset : 1,
         ring: !disabled ? (isFocused ? trackStyles.ring : 0) : 3

package/dist/esm/table/tableSortIcon.js

@@ -8,7 +8,7 @@ export const TableSortIcon = vui((props, ref) => {
     const { className, order, ...rest } = props;
     const styles = useStyleConfig('Table', useTableContext());
     const rotate = order === 'asc' ? 180 : 0;
-    const pathFill = order !== undefined ? ['seaBlue.main', 'sandstone.main'] : 'sandstone.main';
+    const pathFill = order ? ['seaBlue.main', 'sandstone.main'] : 'sandstone.main';
     return (React.createElement(Icon, { className: cs('vui-tableSortIcon', className), name: "fadSortUp", pathFill: pathFill, ref: ref, rotate: rotate, size: "xs", ...styles.tableSortIcon, ...rest }));
 });
 export default TableSortIcon;

package/dist/esm/table/useTable.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useTable.d.ts","sourceRoot":"","sources":["../../../src/table/useTable.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAA;AAEhD,8DAA8D;AAC9D,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,KAAK,EAAE,aAAa;;wBAQT,MAAM;;EAMjD;AAED,MAAM,MAAM,kBAAkB,GAAG,UAAU,CAAC,OAAO,QAAQ,CAAC,CAAA"}
+{"version":3,"file":"useTable.d.ts","sourceRoot":"","sources":["../../../src/table/useTable.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAA;AAUhD,8DAA8D;AAC9D,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,KAAK,EAAE,aAAa;;wBAQT,MAAM;;EAMjD;AAED,MAAM,MAAM,kBAAkB,GAAG,UAAU,CAAC,OAAO,QAAQ,CAAC,CAAA"}