@veracity/vui 2.8.4 → 2.9.0-beta.1

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

@@ -1,15 +1,15 @@
 import React, { ComponentPropsWithoutRef, ComponentPropsWithRef, ElementType } from 'react';
 /** Type for a a no-op function stub. */
-export declare type AnyFunction = (...args: any[]) => any;
+export type AnyFunction = (...args: any[]) => any;
 /** Type for any number without breaking autocompletion. */
-export declare type AnyNumber = number & {};
+export type AnyNumber = number & {};
 /** Type for any string without breaking autocompletion. */
-export declare type AnyString = string & {};
+export type AnyString = string & {};
 /** Type of change event defaulted to input element */
-export declare type ChangeEvent<T = HTMLInputElement> = React.ChangeEvent<T>;
+export type ChangeEvent<T = HTMLInputElement> = React.ChangeEvent<T>;
 /** Type of change event handler defaulted to input element */
-export declare type ChangeEventHandler<T = HTMLInputElement> = React.ChangeEventHandler<T>;
-export declare type CreateContextOptions = {
+export type ChangeEventHandler<T = HTMLInputElement> = React.ChangeEventHandler<T>;
+export type CreateContextOptions = {
     /** Message displayed when context is used outside of the provider */
     errorMessage?: string;
     /** Accessing context outside of provider won't throw error */
@@ -18,32 +18,32 @@ export declare type CreateContextOptions = {
     name?: string;
 };
 /** Return value of the createContext function. */
-export declare type CreateContextReturn<T> = [React.Provider<T>, () => T];
+export type CreateContextReturn<T> = [React.Provider<T>, () => T];
 /** Basic dictionary typing. */
-export declare type Dict<T = any> = Record<string, T>;
+export type Dict<T = any> = Record<string, T>;
 /** Classic application's environment names. */
-export declare type Environment = 'Prod' | 'Stag' | 'Test';
+export type Environment = 'Prod' | 'Stag' | 'Test';
 /** Type of blur/focus event defaulted to any html element */
-export declare type FocusEvent<T = HTMLElement> = React.FocusEvent<T>;
+export type FocusEvent<T = HTMLElement> = React.FocusEvent<T>;
 /** Type of blur/focus event handler defaulted to any html element */
-export declare type FocusEventHandler<T = HTMLElement> = React.FocusEventHandler<T>;
+export type FocusEventHandler<T = HTMLElement> = React.FocusEventHandler<T>;
 /** Type of keyboard event defaulted to any html element */
-export declare type KeyboardEvent<T = HTMLElement> = React.KeyboardEvent<T>;
+export type KeyboardEvent<T = HTMLElement> = React.KeyboardEvent<T>;
 /** Type of keyboard event handler defaulted to any html element */
-export declare type KeyboardEventHandler<T = HTMLElement> = React.KeyboardEventHandler<T>;
+export type KeyboardEventHandler<T = HTMLElement> = React.KeyboardEventHandler<T>;
 /** Type of mouse event defaulted to any html element */
-export declare type MouseEvent<T = HTMLElement> = React.MouseEvent<T>;
+export type MouseEvent<T = HTMLElement> = React.MouseEvent<T>;
 /** Type of mouse event handler defaulted to any html element */
-export declare type MouseEventHandler<T = HTMLElement> = React.MouseEventHandler<T>;
+export type MouseEventHandler<T = HTMLElement> = React.MouseEventHandler<T>;
 /** Merges component/element base props and custom props */
-export declare type PropsOf<C extends ElementType, Props = {}> = RightJoinProps<ComponentPropsWithoutRef<C>, Props>;
+export type PropsOf<C extends ElementType, Props = {}> = RightJoinProps<ComponentPropsWithoutRef<C>, Props>;
 /** Merges component/element base props and custom props including ref */
-export declare type RefPropsOf<C extends ElementType, Props = {}> = RightJoinProps<ComponentPropsWithRef<C>, Props>;
+export type RefPropsOf<C extends ElementType, Props = {}> = RightJoinProps<ComponentPropsWithRef<C>, Props>;
 /** Render props of component's children. */
-export declare type RenderProps<P> = React.ReactNode | ((props: P) => React.ReactNode);
+export type RenderProps<P> = React.ReactNode | ((props: P) => React.ReactNode);
 /** Merges props definitions, overriding source keys */
-export declare type RightJoinProps<SourceProps, OverrideProps> = Omit<SourceProps, keyof OverrideProps> & OverrideProps;
-export declare type Sort<T = string> = {
+export type RightJoinProps<SourceProps, OverrideProps> = Omit<SourceProps, keyof OverrideProps> & OverrideProps;
+export type Sort<T = string> = {
     key: T;
     order: 'asc' | 'desc';
 };

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/utils/types.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/utils/types.ts"],"names":[],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"accordion.d.ts","sourceRoot":"","sources":["../../../src/accordion/accordion.tsx"],"names":[],"mappings":"AAEA,OAAO,EAA+B,YAAY,EAAE,MAAM,SAAS,CAAA;AAGnE,OAAO,EAAsB,cAAc,EAAE,MAAM,mBAAmB,CAAA;AACtE,OAAO,aAAa,MAAM,iBAAiB,CAAA;AAC3C,OAAO,uBAAuB,MAAM,2BAA2B,CAAA;AAG/D,eAAO,MAAM,aAAa,+HAIzB,CAAA;AAED,qEAAqE;AACrE,eAAO,MAAM,SAAS;UA8Bd,oBAAoB;oBACV,8BAA8B;CAC/C,CAAA;AAKD,eAAe,SAAS,CAAA"}
+{"version":3,"file":"accordion.d.ts","sourceRoot":"","sources":["../../../src/accordion/accordion.tsx"],"names":[],"mappings":"AAEA,OAAO,EAA+B,YAAY,EAAE,MAAM,SAAS,CAAA;AAGnE,OAAO,EAAsB,cAAc,EAAE,MAAM,mBAAmB,CAAA;AACtE,OAAO,aAAa,MAAM,iBAAiB,CAAA;AAC3C,OAAO,uBAAuB,MAAM,2BAA2B,CAAA;AAG/D,eAAO,MAAM,aAAa,+HAIzB,CAAA;AAED,qEAAqE;AACrE,eAAO,MAAM,SAAS;UAuCd,oBAAoB;oBACV,8BAA8B;CAC/C,CAAA;AAKD,eAAe,SAAS,CAAA"}

package/dist/esm/accordion/accordion.js

@@ -12,14 +12,18 @@ export const AccordionBase = styled.divBox `
 `;
 /** Allows to show and hide sections of related content on a page. */
 export const Accordion = vui((props, ref) => {
-    const { children, className, itemTitleHoverBg = 'blue.10', items, orientation = 'vertical', size, ...rest } = props;
+    const { children, className, items, orientation = 'vertical', iconPosition = 'end', size, variant, ...rest } = props;
     const styles = useStyleConfig('Accordion', props);
-    const context = useMemo(() => filterUndefined({ size }), [size]);
+    const context = useMemo(() => filterUndefined({ size, variant }), [size, variant]);
     const aliasedProps = filterUndefined({});
+    const isVertical = orientation === 'vertical';
     return (React.createElement(AccordionProvider, { value: context },
-        React.createElement(AccordionBase, { className: cs('vui-accordion', className), ref: ref, ...styles, ...aliasedProps, ...rest }, orientation === 'vertical' ? (React.createElement(List, { w: "100%" }, items
-            ? items?.map?.((item, key) => (React.createElement(AccordionItem, { itemTitleHoverBg: itemTitleHoverBg, key: key, ...item })))
-            : children)) : items ? (items?.map?.((item, key) => (React.createElement(AccordionItemHorizontal, { itemTitleHoverBg: itemTitleHoverBg, key: key, ...item })))) : (children))));
+        React.createElement(AccordionBase, { borderLeft: isVertical
+                ? undefined
+                : `1px solid transparent
+        `, borderTop: isVertical ? `1px solid transparent` : undefined, className: cs('vui-accordion', className), ref: ref, ...styles.container, ...aliasedProps, ...rest }, isVertical ? (React.createElement(List, { w: "100%" }, items
+            ? items?.map?.((item, key) => (React.createElement(AccordionItem, { iconPosition: iconPosition, key: key, ...item })))
+            : children)) : items ? (items?.map?.((item, key) => React.createElement(AccordionItemHorizontal, { key: key, ...item }))) : (children))));
 });
 Accordion.Item = AccordionItem;
 Accordion.ItemHorizontal = AccordionItemHorizontal;

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

@@ -2,21 +2,22 @@ import { ReactNode } from 'react';
 import { ListItemProps } from '../list';
 import { SystemProps } from '../system';
 import { ThemingProps } from '../theme';
-export declare type AccordionOrientation = 'vertical' | 'horizontal';
-export declare type AccordionProps = SystemProps & ThemingProps<'Accordion'> & {
-    /** Items AccordionOrientation @default 'vertical' */
+export type AccordionOrientation = 'vertical' | 'horizontal';
+export type AccordionIconPosition = 'end' | 'start';
+export type AccordionProps = SystemProps & ThemingProps<'Accordion'> & {
+    /** Items AccordionOrientation @default "vertical" */
     orientation?: AccordionOrientation;
-    /** Hover color for the item title @default "blue.10" */
-    itemTitleHoverBg?: string;
     /** Collection of Accordion items */
     items?: AccordionItemProps[];
+    /** Icon position for vertical orientation @default "end" */
+    iconPosition?: AccordionIconPosition;
 };
-export declare type AccordionItemId = string | number;
-export declare type AccordionOnToggleEvent = {
+export type AccordionItemId = string | number;
+export type AccordionOnToggleEvent = {
     id: AccordionItemId;
     collapsed: boolean;
 };
-export declare type AccordionItemProps = ListItemProps & {
+export type AccordionItemProps = ListItemProps & {
     /** Unique ID */
     id: AccordionItemId;
     /** Custom class name */
@@ -29,15 +30,16 @@ export declare type AccordionItemProps = ListItemProps & {
     contentPx?: string | number;
     /** Collapsed state */
     collapsed?: boolean;
-    /** Hover color for the item title @default "blue.10" */
-    itemTitleHoverBg?: string;
+    /** The icon position @default "end" */
+    iconPosition?: AccordionIconPosition;
     /** Title */
     title?: string | ReactNode;
     /** Collapse change state */
     onToggle?: (event: AccordionOnToggleEvent) => void;
 };
-export declare type AccordionItemArrowProps = {
+export type AccordionItemArrowProps = {
     collapsed?: boolean;
     orientation?: AccordionOrientation;
+    color?: string;
 };
 //# sourceMappingURL=accordion.types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"accordion.types.d.ts","sourceRoot":"","sources":["../../../src/accordion/accordion.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEjC,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AACvC,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAA;AACvC,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AAEvC,oBAAY,oBAAoB,GAAG,UAAU,GAAG,YAAY,CAAA;AAE5D,oBAAY,cAAc,GAAG,WAAW,GACtC,YAAY,CAAC,WAAW,CAAC,GAAG;IAC1B,qDAAqD;IACrD,WAAW,CAAC,EAAE,oBAAoB,CAAA;IAClC,wDAAwD;IACxD,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,oCAAoC;IACpC,KAAK,CAAC,EAAE,kBAAkB,EAAE,CAAA;CAC7B,CAAA;AAEH,oBAAY,eAAe,GAAG,MAAM,GAAG,MAAM,CAAA;AAE7C,oBAAY,sBAAsB,GAAG;IACnC,EAAE,EAAE,eAAe,CAAA;IACnB,SAAS,EAAE,OAAO,CAAA;CACnB,CAAA;AAED,oBAAY,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,wDAAwD;IACxD,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,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,oBAAY,uBAAuB,GAAG;IACpC,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,WAAW,CAAC,EAAE,oBAAoB,CAAA;CACnC,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,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"}

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { AccordionItemProps } from './accordion.types';
 /** An accordion item. */
 export declare const AccordionItem: (props: AccordionItemProps) => JSX.Element;

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

@@ -1 +1 @@
-{"version":3,"file":"accordionItem.d.ts","sourceRoot":"","sources":["../../../src/accordion/accordionItem.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAA;AAItD,yBAAyB;AACzB,eAAO,MAAM,aAAa,UAAW,kBAAkB,gBA6DtD,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,gBAoFtD,CAAA;AAED,eAAe,aAAa,CAAA"}

package/dist/esm/accordion/accordionItem.js

@@ -7,7 +7,7 @@ import AccordionItemArrow from './accordionItemArrow';
 import { useAccordionContext } from './context';
 /** An accordion item. */
 export const AccordionItem = (props) => {
-    const { className, children, collapsed, content, disabled, id, itemTitleHoverBg = 'blue.10', title, onToggle, ...rest } = omitThemingProps(props);
+    const { className, children, collapsed, content, disabled, id, iconPosition = 'end', title, onToggle, ...rest } = omitThemingProps(props);
     const [collapsedInternal, setIsCollapsedInternal] = useState(false);
     const styles = useStyleConfig('Accordion', useAccordionContext());
     useEffect(() => {
@@ -19,11 +19,19 @@ export const AccordionItem = (props) => {
             setIsCollapsedInternal(!collapsedInternal);
         }
     };
-    return (React.createElement(ListItem, { borderBottom: "1px solid grey.40", className: cs('vui-accordion-item', className), disabled: disabled, flexDirection: "column", h: "auto", id: `${id}`, p: 0, w: "100%", ...rest },
-        React.createElement(Box, { cursor: disabled ? 'not-allowed' : 'pointer', hoverBg: itemTitleHoverBg, justifyContent: "space-between", onClick: toggle, px: 2, w: "100%", ...styles.item },
-            React.createElement(Box, { fontWeight: typeof title === 'string' ? '500' : 'inherit' }, title),
-            React.createElement(Box, null,
-                React.createElement(AccordionItemArrow, { collapsed: collapsedInternal }))),
+    const isIconStart = iconPosition === 'start';
+    const isIconEnd = iconPosition === 'end';
+    return (React.createElement(ListItem, { borderBottom: "1px solid transparent", borderColor: styles.item.borderColor, className: cs('vui-accordion-item', className), color: "yellow", disabled: disabled, disabledBg: styles.item.disabledBg, disabledColor: styles.item.disabledColor, flexDirection: "column", h: "auto", id: `${id}`, p: 0, w: "100%", ...rest },
+        React.createElement(Box, { color: "yellow", cursor: disabled ? 'not-allowed' : 'pointer', hoverBg: disabled
+                ? 'transparent'
+                : collapsedInternal
+                    ? styles.item.itemTitleHoverBg
+                    : styles.item.expandedItemTitleHoverBg, justifyContent: iconPosition === 'start' ? 'initial' : 'space-between', onClick: toggle, px: 2, w: "100%", ...styles.item },
+            isIconStart && (React.createElement(Box, null,
+                React.createElement(AccordionItemArrow, { collapsed: collapsedInternal, color: styles.icon.color }))),
+            React.createElement(Box, { fontWeight: typeof title === 'string' ? '500' : 'inherit', ml: isIconStart ? 2 : 0 }, title),
+            isIconEnd && (React.createElement(Box, null,
+                React.createElement(AccordionItemArrow, { collapsed: collapsedInternal, color: styles.icon.color })))),
         !collapsedInternal && (React.createElement(Box, { mb: 2, mt: 2, px: 2, py: 1, w: "100%" }, children ?? content))));
 };
 export default AccordionItem;

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

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

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

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

package/dist/esm/accordion/accordionItemArrow.js

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

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { AccordionItemProps } from './accordion.types';
 /** An accordion item (horizontal AccordionOrientation). */
 export declare const AccordionItemHorizontal: (props: AccordionItemProps) => JSX.Element;

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

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

package/dist/esm/accordion/accordionItemHorizontal.js

@@ -6,7 +6,7 @@ import AccordionItemArrow from './accordionItemArrow';
 import { useAccordionContext } from './context';
 /** An accordion item (horizontal AccordionOrientation). */
 export const AccordionItemHorizontal = (props) => {
-    const { className, children, collapsed, content, disabled, id, contentPx, itemTitleHoverBg = 'blue.10', title, onToggle, ...rest } = omitThemingProps(props);
+    const { className, children, collapsed, content, disabled, id, contentPx, title, onToggle, ...rest } = omitThemingProps(props);
     const [collapsedInternal, setIsCollapsedInternal] = useState(false);
     const styles = useStyleConfig('Accordion', useAccordionContext());
     useEffect(() => {
@@ -21,8 +21,12 @@ export const AccordionItemHorizontal = (props) => {
     const cursor = disabled ? 'not-allowed' : 'pointer';
     const fontWeight = typeof title === 'string' ? '500' : 'inherit';
     const expandedContentPx = contentPx ? contentPx : styles.item.pt;
-    return (React.createElement(Box, { alignItems: collapsedInternal ? 'normal' : 'baseline', bg: disabled ? 'disabled.bg' : undefined, borderRight: "1px solid grey.40", className: cs('vui-accordion-item-horizontal', className), color: disabled ? 'disabled.color' : undefined, column: true, cursor: disabled ? 'not-allowed' : undefined, id: `${id}`, maxW: collapsedInternal ? styles.item.minH : 'auto', minW: styles.item.minH, p: 0, transitionDuration: "0ms", userSelect: disabled ? 'none' : undefined, ...rest },
-        React.createElement(Box, { ...styles.item, cursor: cursor, hoverBg: itemTitleHoverBg, justifyContent: "space-between", minH: styles.item.minH, onClick: toggle, p: styles.item.pt, w: "100%" },
+    return (React.createElement(Box, { alignItems: collapsedInternal ? 'normal' : 'baseline', bg: disabled ? 'disabled.bg' : undefined, borderRight: "1px solid transparent", className: cs('vui-accordion-item-horizontal', className), color: disabled ? 'disabled.color' : undefined, column: true, cursor: disabled ? 'not-allowed' : undefined, id: `${id}`, maxW: collapsedInternal ? styles.item.minH : 'auto', minW: styles.item.minH, transitionDuration: "0ms", userSelect: disabled ? 'none' : undefined, ...styles.item, p: 0, ...rest },
+        React.createElement(Box, { cursor: cursor, hoverBg: disabled
+                ? 'transparent'
+                : collapsedInternal
+                    ? styles.item.itemTitleHoverBg
+                    : styles.item.expandedItemTitleHoverBg, justifyContent: "space-between", minH: styles.item.minH, onClick: toggle, p: styles.item.pt, w: "100%" },
             !collapsedInternal && React.createElement(Box, { fontWeight: fontWeight }, title),
             React.createElement(AccordionItemArrow, { collapsed: collapsedInternal, orientation: "horizontal" })),
         !collapsedInternal ? (React.createElement(Box, { p: styles.item.pt, pt: 0, px: expandedContentPx, transitionDuration: "0ms", w: 1 }, children ?? content)) : (React.createElement(Box, { cursor: cursor, flexDirection: "row-reverse", fontWeight: fontWeight, mb: styles.item.minH, mt: styles.item.pt, onClick: toggle, transform: "rotate(-90deg)", transitionDuration: "0ms", whiteSpace: "nowrap" }, title))));

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

@@ -2,6 +2,7 @@ declare const _default: {
     baseStyle: {};
     defaultProps: {
         size: string;
+        variant: string;
     };
     sizes: {
         sm: {
@@ -23,7 +24,38 @@ declare const _default: {
             };
         };
     };
-    variants: {};
+    variants: {
+        light: {
+            container: {
+                bg: string;
+                borderColor: string;
+            };
+            item: {
+                borderColor: string;
+                itemTitleHoverBg: string;
+                expandedItemTitleHoverBg: string;
+            };
+            icon: {
+                color: string;
+            };
+        };
+        dark: {
+            container: {
+                bg: string;
+                borderColor: string;
+                color: string;
+            };
+            item: {
+                borderColor: string;
+                disabledBg: string;
+                itemTitleHoverBg: string;
+                expandedItemTitleHoverBg: string;
+            };
+            icon: {
+                color: string;
+            };
+        };
+    };
 };
 export default _default;
 //# sourceMappingURL=theme.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../src/accordion/theme.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AA6BA,wBAKC"}
+{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../src/accordion/theme.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6DA,wBAKC"}

package/dist/esm/accordion/theme.js

@@ -1,6 +1,7 @@
 const baseStyle = {};
 const defaultProps = {
-    size: 'md'
+    size: 'md',
+    variant: 'light'
 };
 const sizes = {
     sm: {
@@ -22,7 +23,38 @@ const sizes = {
         }
     }
 };
-const variants = {};
+const variants = {
+    light: {
+        container: {
+            bg: 'white',
+            borderColor: 'sandstone.main'
+        },
+        item: {
+            borderColor: 'sandstone.main',
+            itemTitleHoverBg: 'skyBlue.95',
+            expandedItemTitleHoverBg: 'skyBlue.90'
+        },
+        icon: {
+            color: 'sandstone.10'
+        }
+    },
+    dark: {
+        container: {
+            bg: 'darkBlue.main',
+            borderColor: 'white',
+            color: 'white'
+        },
+        item: {
+            borderColor: 'white',
+            disabledBg: 'transparent',
+            itemTitleHoverBg: 'seaBlue.35',
+            expandedItemTitleHoverBg: 'seaBlue.25'
+        },
+        icon: {
+            color: 'digiGreen.main'
+        }
+    }
+};
 export default {
     baseStyle,
     defaultProps,

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

@@ -1,7 +1,7 @@
 import { IconProp } from '../icon';
 import { SystemProps } from '../system';
 import { ThemingProps } from '../theme';
-export declare type AvatarProps = SystemProps & ThemingProps<'Avatar'> & {
+export type AvatarProps = SystemProps & ThemingProps<'Avatar'> & {
     /** Available theme colors for this component. @deprecated */
     colorScheme?: 'blue' | 'green' | 'grey' | 'prussian' | 'red' | 'yellow';
     /** Displays avatar in disabled state with appropriate styling. */

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

@@ -1 +1 @@
-{"version":3,"file":"avatar.types.d.ts","sourceRoot":"","sources":["../../../src/avatar/avatar.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,oBAAY,WAAW,GAAG,WAAW,GACnC,YAAY,CAAC,QAAQ,CAAC,GAAG;IACvB,6DAA6D;IAC7D,WAAW,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,MAAM,GAAG,UAAU,GAAG,KAAK,GAAG,QAAQ,CAAA;IACvE,kEAAkE;IAClE,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,sEAAsE;IACtE,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,MAAM,CAAA;IACtC,2CAA2C;IAC3C,IAAI,CAAC,EAAE,QAAQ,CAAA;IACf,iEAAiE;IACjE,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,qDAAqD;IACrD,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,8CAA8C;IAC9C,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,mDAAmD;IACnD,GAAG,CAAC,EAAE,MAAM,CAAA;CACb,CAAA"}
+{"version":3,"file":"avatar.types.d.ts","sourceRoot":"","sources":["../../../src/avatar/avatar.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,WAAW,GAAG,WAAW,GACnC,YAAY,CAAC,QAAQ,CAAC,GAAG;IACvB,6DAA6D;IAC7D,WAAW,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,MAAM,GAAG,UAAU,GAAG,KAAK,GAAG,QAAQ,CAAA;IACvE,kEAAkE;IAClE,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,sEAAsE;IACtE,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,MAAM,CAAA;IACtC,2CAA2C;IAC3C,IAAI,CAAC,EAAE,QAAQ,CAAA;IACf,iEAAiE;IACjE,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,qDAAqD;IACrD,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,8CAA8C;IAC9C,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,mDAAmD;IACnD,GAAG,CAAC,EAAE,MAAM,CAAA;CACb,CAAA"}

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

@@ -3,7 +3,7 @@ import { IconProp } from '../icon';
 import { SystemProps } from '../system';
 import { TagInnerProps } from '../tag';
 import { ThemingProps } from '../theme';
-export declare type BadgeInnerProps = {
+export type BadgeInnerProps = {
     /** Icon that replaces any other content. */
     icon?: IconProp | JSX.Element;
     /** Socket displaying icon on the left side. */
@@ -13,5 +13,5 @@ export declare type BadgeInnerProps = {
     /** Socket displaying text as alternative to children. */
     text?: React.ReactNode;
 };
-export declare type BadgeProps = SystemProps & ThemingProps<'Badge'> & TagInnerProps & BadgeInnerProps;
+export type BadgeProps = SystemProps & ThemingProps<'Badge'> & TagInnerProps & BadgeInnerProps;
 //# sourceMappingURL=badge.types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"badge.types.d.ts","sourceRoot":"","sources":["../../../src/badge/badge.types.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAA;AAClC,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAA;AACvC,OAAO,EAAE,aAAa,EAAE,MAAM,QAAQ,CAAA;AACtC,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AAEvC,oBAAY,eAAe,GAAG;IAC5B,4CAA4C;IAC5C,IAAI,CAAC,EAAE,QAAQ,GAAG,GAAG,CAAC,OAAO,CAAA;IAC7B,+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,yDAAyD;IACzD,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CACvB,CAAA;AAED,oBAAY,UAAU,GAAG,WAAW,GAAG,YAAY,CAAC,OAAO,CAAC,GAAG,aAAa,GAAG,eAAe,CAAA"}
+{"version":3,"file":"badge.types.d.ts","sourceRoot":"","sources":["../../../src/badge/badge.types.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAA;AAClC,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAA;AACvC,OAAO,EAAE,aAAa,EAAE,MAAM,QAAQ,CAAA;AACtC,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AAEvC,MAAM,MAAM,eAAe,GAAG;IAC5B,4CAA4C;IAC5C,IAAI,CAAC,EAAE,QAAQ,GAAG,GAAG,CAAC,OAAO,CAAA;IAC7B,+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,yDAAyD;IACzD,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CACvB,CAAA;AAED,MAAM,MAAM,UAAU,GAAG,WAAW,GAAG,YAAY,CAAC,OAAO,CAAC,GAAG,aAAa,GAAG,eAAe,CAAA"}

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

@@ -1,6 +1,6 @@
 import { BordersProps, EffectsProps, FlexboxesProps, SystemProps } from '../system';
 import { ThemingProps } from '../theme';
-export declare type BoxProps = SystemProps & ThemingProps<'Box'> & {
+export type BoxProps = SystemProps & ThemingProps<'Box'> & {
     /** Alias for alignItems prop. @deprecated */
     align?: FlexboxesProps['alignItems'];
     /** Centers the content vertically and horizontally. */

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

@@ -1 +1 @@
-{"version":3,"file":"box.types.d.ts","sourceRoot":"","sources":["../../../src/box/box.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,YAAY,EAAE,cAAc,EAAE,WAAW,EAAE,MAAM,WAAW,CAAA;AACnF,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AAEvC,oBAAY,QAAQ,GAAG,WAAW,GAChC,YAAY,CAAC,KAAK,CAAC,GAAG;IACpB,6CAA6C;IAC7C,KAAK,CAAC,EAAE,cAAc,CAAC,YAAY,CAAC,CAAA;IACpC,uDAAuD;IACvD,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,wCAAwC;IACxC,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,sCAAsC;IACtC,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,oCAAoC;IACpC,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,gDAAgD;IAChD,SAAS,CAAC,EAAE,cAAc,CAAC,eAAe,CAAC,CAAA;IAC3C,4CAA4C;IAC5C,SAAS,CAAC,EAAE,YAAY,CAAC,WAAW,CAAC,CAAA;IACrC,iDAAiD;IACjD,WAAW,CAAC,EAAE,YAAY,CAAC,gBAAgB,CAAC,CAAA;IAC5C,iDAAiD;IACjD,OAAO,CAAC,EAAE,cAAc,CAAC,gBAAgB,CAAC,CAAA;IAC1C,+CAA+C;IAC/C,MAAM,CAAC,EAAE,YAAY,CAAC,cAAc,CAAC,CAAA;IACrC,4CAA4C;IAC5C,MAAM,CAAC,EAAE,YAAY,CAAC,WAAW,CAAC,CAAA;IAClC,kCAAkC;IAClC,IAAI,CAAC,EAAE,OAAO,CAAA;CACf,CAAA"}
+{"version":3,"file":"box.types.d.ts","sourceRoot":"","sources":["../../../src/box/box.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,YAAY,EAAE,cAAc,EAAE,WAAW,EAAE,MAAM,WAAW,CAAA;AACnF,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AAEvC,MAAM,MAAM,QAAQ,GAAG,WAAW,GAChC,YAAY,CAAC,KAAK,CAAC,GAAG;IACpB,6CAA6C;IAC7C,KAAK,CAAC,EAAE,cAAc,CAAC,YAAY,CAAC,CAAA;IACpC,uDAAuD;IACvD,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,wCAAwC;IACxC,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,sCAAsC;IACtC,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,oCAAoC;IACpC,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,gDAAgD;IAChD,SAAS,CAAC,EAAE,cAAc,CAAC,eAAe,CAAC,CAAA;IAC3C,4CAA4C;IAC5C,SAAS,CAAC,EAAE,YAAY,CAAC,WAAW,CAAC,CAAA;IACrC,iDAAiD;IACjD,WAAW,CAAC,EAAE,YAAY,CAAC,gBAAgB,CAAC,CAAA;IAC5C,iDAAiD;IACjD,OAAO,CAAC,EAAE,cAAc,CAAC,gBAAgB,CAAC,CAAA;IAC1C,+CAA+C;IAC/C,MAAM,CAAC,EAAE,YAAY,CAAC,cAAc,CAAC,CAAA;IACrC,4CAA4C;IAC5C,MAAM,CAAC,EAAE,YAAY,CAAC,WAAW,CAAC,CAAA;IAClC,kCAAkC;IAClC,IAAI,CAAC,EAAE,OAAO,CAAA;CACf,CAAA"}

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

@@ -2,14 +2,14 @@ import { ReactNode } from 'react';
 import { BoxProps } from '../box';
 import { SystemProps } from '../system';
 import { ThemingProps } from '../theme';
-export declare type BreadcrumbsProps = SystemProps & ThemingProps<'Breadcrumbs'>;
-export declare type BreadcrumbsItemProps = BoxProps & {
+export type BreadcrumbsProps = SystemProps & ThemingProps<'Breadcrumbs'>;
+export type BreadcrumbsItemProps = BoxProps & {
     /** Custom class name */
     className?: string;
     /** Content */
     children?: ReactNode;
 };
-export declare type BreadcrumbsSeparatorProps = BoxProps & {
+export type BreadcrumbsSeparatorProps = BoxProps & {
     /** Custom class name */
     className?: string;
     /** Content */

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

@@ -1 +1 @@
-{"version":3,"file":"breadcrumbs.types.d.ts","sourceRoot":"","sources":["../../../src/breadcrumbs/breadcrumbs.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEjC,OAAO,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAA;AACjC,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAA;AACvC,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AAEvC,oBAAY,gBAAgB,GAAG,WAAW,GAAG,YAAY,CAAC,aAAa,CAAC,CAAA;AAExE,oBAAY,oBAAoB,GAAG,QAAQ,GAAG;IAC5C,wBAAwB;IACxB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,cAAc;IACd,QAAQ,CAAC,EAAE,SAAS,CAAA;CACrB,CAAA;AAED,oBAAY,yBAAyB,GAAG,QAAQ,GAAG;IACjD,wBAAwB;IACxB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,cAAc;IACd,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,yCAAyC;IACzC,OAAO,CAAC,EAAE,SAAS,CAAA;CACpB,CAAA"}
+{"version":3,"file":"breadcrumbs.types.d.ts","sourceRoot":"","sources":["../../../src/breadcrumbs/breadcrumbs.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEjC,OAAO,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAA;AACjC,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAA;AACvC,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AAEvC,MAAM,MAAM,gBAAgB,GAAG,WAAW,GAAG,YAAY,CAAC,aAAa,CAAC,CAAA;AAExE,MAAM,MAAM,oBAAoB,GAAG,QAAQ,GAAG;IAC5C,wBAAwB;IACxB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,cAAc;IACd,QAAQ,CAAC,EAAE,SAAS,CAAA;CACrB,CAAA;AAED,MAAM,MAAM,yBAAyB,GAAG,QAAQ,GAAG;IACjD,wBAAwB;IACxB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,cAAc;IACd,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,yCAAyC;IACzC,OAAO,CAAC,EAAE,SAAS,CAAA;CACpB,CAAA"}

package/dist/esm/breadcrumbs/breadcrumbsSeparator.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { BreadcrumbsSeparatorProps } from './breadcrumbs.types';
 /** Breadcrumbs separator. */
 export declare const BreadcrumbsSeparator: ({ className, children, content, ...rest }: BreadcrumbsSeparatorProps) => JSX.Element;

package/dist/esm/breadcrumbs/breadcrumbsSeparator.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"breadcrumbsSeparator.d.ts","sourceRoot":"","sources":["../../../src/breadcrumbs/breadcrumbsSeparator.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,yBAAyB,EAAE,MAAM,qBAAqB,CAAA;AAG/D,6BAA6B;AAC7B,eAAO,MAAM,oBAAoB,8CAA+C,yBAAyB,gBAQxG,CAAA;AAED,eAAe,oBAAoB,CAAA"}
+{"version":3,"file":"breadcrumbsSeparator.d.ts","sourceRoot":"","sources":["../../../src/breadcrumbs/breadcrumbsSeparator.tsx"],"names":[],"mappings":";AAMA,OAAO,EAAE,yBAAyB,EAAE,MAAM,qBAAqB,CAAA;AAG/D,6BAA6B;AAC7B,eAAO,MAAM,oBAAoB,8CAA+C,yBAAyB,gBAQxG,CAAA;AAED,eAAe,oBAAoB,CAAA"}

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

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

package/dist/esm/button/button.js

@@ -19,7 +19,6 @@ const StateWrapper = styled.span `
 `;
 export const ButtonBase = styled.buttonBox `
   align-items: center;
-  border-radius: none;
   display: inline-flex;
   flex-shrink: 0;
   font-weight: medium;
@@ -98,14 +97,14 @@ export const Button = vui((props, ref) => {
         }
         : {};
     const aliasedProps = filterUndefined({
-        borderRadius: isRound ? h / 2 : 0,
+        borderRadius: isRound ? h / 2 : styles?.container?.borderRadius || 0,
         boxShadow: isElevated ? '2' : undefined,
         minW: icon ? 0 : undefined,
         pointerEvents: hasState ? 'none' : undefined,
         w: isFullWidth ? '100%' : undefined
     });
     return (React.createElement(ButtonProvider, { value: context },
-        React.createElement(ButtonBase, { "aria-label": ariaLabel, borderWidth: border, className: cs('vui-button', className, isActive && activeClassName), disabled: disabled, focusRing: 3, h: h, pl: pl, pr: isDropDown ? 0 : pr, ref: ref, title: title, type: "button", variant: variant, ...buttonStyles, ...disabledProps, ...aliasedProps, ...rest },
+        React.createElement(ButtonBase, { "aria-label": ariaLabel, borderWidth: border, className: cs('vui-button', className, isActive && activeClassName, `vui-button-variant-${variantProp}`), disabled: disabled, focusRing: 3, h: h, pl: pl, pr: isDropDown ? 0 : pr, ref: ref, title: title, type: "button", variant: variant, ...buttonStyles, ...disabledProps, ...aliasedProps, ...rest },
             hasState && (React.createElement(StateWrapper, { onClick: (e) => e.stopPropagation(), ...stateProps },
                 React.createElement(ButtonIcon, { m: "auto", ...stateIconProps }))),
             React.createElement(Content, null,

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

@@ -3,7 +3,7 @@ import { IconProp, IconProps } from '../icon';
 import { SystemProps } from '../system';
 import { ThemingProps } from '../theme';
 import { AnyString } from '../utils';
-export declare type ButtonProps = SystemProps & ThemingProps<'Button'> & {
+export type ButtonProps = SystemProps & ThemingProps<'Button'> & {
     /** Deprecated. Please use variant instead. @deprecated  */
     colorScheme?: string;
     /** Icon for the drop-down element. @default falAngleDown */
@@ -35,11 +35,11 @@ export declare type ButtonProps = SystemProps & ThemingProps<'Button'> & {
     /** Socket placing text as alternative to children. */
     text?: React.ReactNode;
 };
-export declare type ButtonState = 'error' | 'idle' | 'loading' | 'success' | AnyString;
-export declare type ButtonStateMapping = Record<string, SystemProps & {
+export type ButtonState = 'error' | 'idle' | 'loading' | 'success' | AnyString;
+export type ButtonStateMapping = Record<string, SystemProps & {
     variant: ButtonProps['variant'];
     iconProps: IconProps;
 }>;
 /** Narrower prop definition for IconButton component */
-export declare type IconButtonProps = Omit<ButtonProps, 'iconLeft' | 'iconRight' | 'text'>;
+export type IconButtonProps = Omit<ButtonProps, 'iconLeft' | 'iconRight' | 'text'>;
 //# sourceMappingURL=button.types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"button.types.d.ts","sourceRoot":"","sources":["../../../src/button/button.types.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AAC7C,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAA;AACvC,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AACvC,OAAO,EAAE,SAAS,EAAE,MAAM,UAAU,CAAA;AAEpC,oBAAY,WAAW,GAAG,WAAW,GACnC,YAAY,CAAC,QAAQ,CAAC,GAAG;IACvB,2DAA2D;IAC3D,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,4DAA4D;IAC5D,YAAY,CAAC,EAAE,QAAQ,CAAA;IACvB,4CAA4C;IAC5C,IAAI,CAAC,EAAE,QAAQ,GAAG,GAAG,CAAC,OAAO,CAAA;IAC7B,+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,sDAAsD;IACtD,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,6CAA6C;IAC7C,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,4CAA4C;IAC5C,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,qEAAqE;IACrE,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,8DAA8D;IAC9D,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,yCAAyC;IACzC,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,yDAAyD;IACzD,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,kEAAkE;IAClE,KAAK,CAAC,EAAE,WAAW,CAAA;IACnB,8DAA8D;IAC9D,YAAY,CAAC,EAAE,kBAAkB,CAAA;IACjC,sDAAsD;IACtD,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CACvB,CAAA;AAEH,oBAAY,WAAW,GAAG,OAAO,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,CAAA;AAE9E,oBAAY,kBAAkB,GAAG,MAAM,CAAC,MAAM,EAAE,WAAW,GAAG;IAAE,OAAO,EAAE,WAAW,CAAC,SAAS,CAAC,CAAC;IAAC,SAAS,EAAE,SAAS,CAAA;CAAE,CAAC,CAAA;AAExH,wDAAwD;AACxD,oBAAY,eAAe,GAAG,IAAI,CAAC,WAAW,EAAE,UAAU,GAAG,WAAW,GAAG,MAAM,CAAC,CAAA"}
+{"version":3,"file":"button.types.d.ts","sourceRoot":"","sources":["../../../src/button/button.types.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AAC7C,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAA;AACvC,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AACvC,OAAO,EAAE,SAAS,EAAE,MAAM,UAAU,CAAA;AAEpC,MAAM,MAAM,WAAW,GAAG,WAAW,GACnC,YAAY,CAAC,QAAQ,CAAC,GAAG;IACvB,2DAA2D;IAC3D,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,4DAA4D;IAC5D,YAAY,CAAC,EAAE,QAAQ,CAAA;IACvB,4CAA4C;IAC5C,IAAI,CAAC,EAAE,QAAQ,GAAG,GAAG,CAAC,OAAO,CAAA;IAC7B,+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,sDAAsD;IACtD,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,6CAA6C;IAC7C,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,4CAA4C;IAC5C,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,qEAAqE;IACrE,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,8DAA8D;IAC9D,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,yCAAyC;IACzC,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,yDAAyD;IACzD,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,kEAAkE;IAClE,KAAK,CAAC,EAAE,WAAW,CAAA;IACnB,8DAA8D;IAC9D,YAAY,CAAC,EAAE,kBAAkB,CAAA;IACjC,sDAAsD;IACtD,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CACvB,CAAA;AAEH,MAAM,MAAM,WAAW,GAAG,OAAO,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,CAAA;AAE9E,MAAM,MAAM,kBAAkB,GAAG,MAAM,CAAC,MAAM,EAAE,WAAW,GAAG;IAAE,OAAO,EAAE,WAAW,CAAC,SAAS,CAAC,CAAC;IAAC,SAAS,EAAE,SAAS,CAAA;CAAE,CAAC,CAAA;AAExH,wDAAwD;AACxD,MAAM,MAAM,eAAe,GAAG,IAAI,CAAC,WAAW,EAAE,UAAU,GAAG,WAAW,GAAG,MAAM,CAAC,CAAA"}

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

@@ -257,6 +257,21 @@ declare const _default: {
                 color: string;
             };
         };
+        buttonGroupRounded: {
+            container: {
+                bg: string;
+                borderColor: string;
+                color: string;
+                hoverBg: string;
+                hoverBorderColor: string;
+                hoverColor: string;
+                activeBg: string;
+                activeBorderColor: string;
+                activeColor: string;
+                borderRadius: string;
+                marginRight: string;
+            };
+        };
     };
 };
 export default _default;

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

@@ -1 +1 @@
-{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../src/button/theme.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+RA,wBAMC"}
+{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../src/button/theme.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgTA,wBAMC"}

package/dist/esm/button/theme.js

@@ -269,6 +269,22 @@ const variants = {
             activeBg: 'landGreen.85',
             color: 'landGreen.30'
         }
+    },
+    // buttonGroupRounded is an internal variant, used in buttonGroup;
+    buttonGroupRounded: {
+        container: {
+            bg: 'white',
+            borderColor: 'sandstone.79',
+            color: 'sandstone.10',
+            hoverBg: 'seaBlue.20',
+            hoverBorderColor: 'buttonTypePrimaryHoverBorderColorDark',
+            hoverColor: 'white',
+            activeBg: 'seaBlue.35',
+            activeBorderColor: 'buttonTypePrimaryActiveBorderColorDark',
+            activeColor: 'white',
+            borderRadius: 'round',
+            marginRight: '22px'
+        }
     }
 };
 export default {