@veracity/vui 2.5.1 → 2.6.0

package/dist/esm/link/theme.js

@@ -1,35 +1,35 @@
-function variantDefault() {
-    const container = {
-        color: `seaBlue.main`,
-        hoverColor: `seaBlue.main`
-    };
-    return { container };
-}
-function variantWhite() {
-    const container = {
-        color: `white`,
-        hoverColor: `white`
-    };
-    return { container };
-}
-function variantLight() {
-    const container = {
-        color: `seaBlue.main`,
-        hoverColor: `seaBlue.main`
-    };
-    return { container };
-}
-const variantPlain = {
+const baseStyle = {
     container: {
-        hoverTextDecoration: 'none'
+        dislplay: 'inline'
     }
 };
-const baseStyle = {};
 const defaultProps = {
     size: 'md',
-    variant: 'default'
+    variant: 'dark'
 };
 const parts = ['container', 'icon', 'text'];
+const variants = {
+    dark: {
+        container: {
+            color: `seaBlue.main`
+        }
+    },
+    light: {
+        container: {
+            color: `digiGreen.main`
+        }
+    },
+    white: {
+        container: {
+            color: `white`
+        }
+    },
+    plain: {
+        container: {
+            hoverTextDecoration: 'none'
+        }
+    }
+};
 const sizes = {
     sm: {
         container: {
@@ -68,12 +68,6 @@ const sizes = {
         }
     }
 };
-const variants = {
-    default: variantDefault,
-    light: variantLight,
-    plain: variantPlain,
-    white: variantWhite
-};
 export default {
     baseStyle,
     defaultProps,

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

@@ -1 +1 @@
-{"version":3,"file":"list.d.ts","sourceRoot":"","sources":["../../../src/list/list.tsx"],"names":[],"mappings":"AAEA,OAAO,EAA+B,YAAY,EAAE,MAAM,SAAS,CAAA;AAGnE,OAAO,EAAiB,SAAS,EAAE,MAAM,cAAc,CAAA;AACvD,OAAO,WAAW,MAAM,eAAe,CAAA;AACvC,OAAO,WAAW,MAAM,eAAe,CAAA;AACvC,OAAO,QAAQ,MAAM,YAAY,CAAA;AACjC,OAAO,QAAQ,MAAM,YAAY,CAAA;AACjC,OAAO,QAAQ,MAAM,YAAY,CAAA;AAEjC,eAAO,MAAM,QAAQ,8HAAiB,CAAA;AAEtC,+GAA+G;AAC/G,eAAO,MAAM,IAAI;aAsBN,kBAAkB;aAClB,kBAAkB;UACrB,eAAe;UACf,eAAe;UACf,eAAe;CACtB,CAAA;AAQD,eAAe,IAAI,CAAA"}
+{"version":3,"file":"list.d.ts","sourceRoot":"","sources":["../../../src/list/list.tsx"],"names":[],"mappings":"AAEA,OAAO,EAA+B,YAAY,EAAE,MAAM,SAAS,CAAA;AAGnE,OAAO,EAAiB,SAAS,EAAE,MAAM,cAAc,CAAA;AACvD,OAAO,WAAW,MAAM,eAAe,CAAA;AACvC,OAAO,WAAW,MAAM,eAAe,CAAA;AACvC,OAAO,QAAQ,MAAM,YAAY,CAAA;AACjC,OAAO,QAAQ,MAAM,YAAY,CAAA;AACjC,OAAO,QAAQ,MAAM,YAAY,CAAA;AAEjC,eAAO,MAAM,QAAQ,8HAAiB,CAAA;AAEtC,+GAA+G;AAC/G,eAAO,MAAM,IAAI;aAmBN,kBAAkB;aAClB,kBAAkB;UACrB,eAAe;UACf,eAAe;UACf,eAAe;CACtB,CAAA;AAQD,eAAe,IAAI,CAAA"}

package/dist/esm/list/list.js

@@ -10,9 +10,9 @@ import ListText from './listText';
 export const ListBase = styled.ulBox ``;
 /** Displays a list of list link items and optional heading. Exposes some props to the children via context. */
 export const List = vui((props, ref) => {
-    const { children, className, colorScheme, heading, isInteractive, items, size, variant, ...rest } = props;
+    const { children, className, heading, isInteractive, items, size, variant, ...rest } = props;
     const styles = useStyleConfig('List', props);
-    const context = useMemo(() => filterUndefined({ colorScheme, isInteractive, size, variant }), [colorScheme, isInteractive, size, variant]);
+    const context = useMemo(() => filterUndefined({ isInteractive, size, variant }), [isInteractive, size, variant]);
     return (React.createElement(ListProvider, { value: context },
         React.createElement(ListBase, { className: cs('vui-list', className), ref: ref, ...styles.container, ...rest },
             isReactText(heading) ? React.createElement(ListHeading, { text: heading }) : heading,

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

@@ -5,7 +5,7 @@ import { SystemProps } from '../system';
 import { ThemingProps } from '../theme';
 import { PropsOf } from '../utils';
 export declare type ListProps = SystemProps & ThemingProps<'List'> & {
-    /** Available theme colors for this component. @default blue */
+    /** Deprecated. @deprecated  */
     colorScheme?: 'blue' | 'grey';
     /** Socket displaying a heading above the items. */
     heading?: React.ReactNode;
@@ -22,7 +22,7 @@ export declare type ListItemProps = SystemProps & ThemingProps<'List'> & {
     centerH?: boolean;
     /** Centers the content vertically. @deprecated */
     centerV?: boolean;
-    /** Available theme colors for this component. */
+    /** Deprecated. @deprecated  */
     colorScheme?: 'blue' | 'grey';
     /** Displays content in a column. @deprecated */
     column?: boolean;

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,oBAAY,SAAS,GAAG,WAAW,GACjC,YAAY,CAAC,MAAM,CAAC,GAAG;IACrB,+DAA+D;IAC/D,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,oBAAY,iBAAiB,GAAG,OAAO,CAAC,GAAG,EAAE,SAAS,CAAC,GAAG,MAAM,CAAA;AAEhE,oBAAY,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,iDAAiD;IACjD,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,oBAAY,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,oBAAY,iBAAiB,GAAG,OAAO,CAAC,GAAG,EAAE,SAAS,CAAC,GAAG,MAAM,CAAA;AAEhE,oBAAY,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/listHeading.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"listHeading.d.ts","sourceRoot":"","sources":["../../../src/list/listHeading.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAK,MAAM,EAAE,MAAM,MAAM,CAAA;AAIhC,0CAA0C;AAC1C,eAAO,MAAM,WAAW,gDAmBtB,CAAA;AAEF,eAAe,WAAW,CAAA"}
+{"version":3,"file":"listHeading.d.ts","sourceRoot":"","sources":["../../../src/list/listHeading.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAK,MAAM,EAAE,MAAM,MAAM,CAAA;AAIhC,0CAA0C;AAC1C,eAAO,MAAM,WAAW,gDAkBtB,CAAA;AAEF,eAAe,WAAW,CAAA"}

package/dist/esm/list/listHeading.js

@@ -7,6 +7,6 @@ import { useListContext } from './context';
 export const ListHeading = vui((props, ref) => {
     const { className, ...rest } = props;
     const styles = useStyleConfig('List', useListContext());
-    return (React.createElement(T, { className: cs('vui-listHeading', className), color: "grey.60", display: "inline-block", px: 2, py: 1, ref: ref, size: "sm", textTransform: "uppercase", weight: "medium", ...styles.heading, ...rest }));
+    return (React.createElement(T, { className: cs('vui-listHeading', className), display: "inline-block", px: 2, py: 1, ref: ref, size: "sm", textTransform: "uppercase", weight: "medium", ...styles.heading, ...rest }));
 });
 export default ListHeading;

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

@@ -1 +1 @@
-{"version":3,"file":"listItem.d.ts","sourceRoot":"","sources":["../../../src/list/listItem.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAA;AAkB5C,eAAO,MAAM,YAAY,8HAgBxB,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,QAAQ,qDA6EnB,CAAA;AAEF,eAAe,QAAQ,CAAA"}
+{"version":3,"file":"listItem.d.ts","sourceRoot":"","sources":["../../../src/list/listItem.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAA;AAkB5C,eAAO,MAAM,YAAY,8HAexB,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,QAAQ,qDA8EnB,CAAA;AAEF,eAAe,QAAQ,CAAA"}

package/dist/esm/list/listItem.js

@@ -14,8 +14,7 @@ export const ListItemBase = styled.liBox `
   transition-duration: fast;
 
   &[aria-disabled='true'] {
-    background-color: disabled.bg;
-    color: disabled.color;
+    color: sandstone.main;
     cursor: not-allowed;
     user-select: none;
   }
@@ -57,7 +56,7 @@ export const ListItem = vui((props, ref) => {
         justifyContent,
         px: isLinkItem ? 0 : undefined
     });
-    return (React.createElement(ListItemBase, { className: cs('vui-listItem', className), onClick: !disabled ? onClick : undefined, ref: ref, ...itemStyles, ...interactiveProps, ...aliasedProps, ...rest },
+    return (React.createElement(ListItemBase, { bg: disabled ? 'sandstone.95' : undefined, className: cs('vui-listItem', className), onClick: !disabled ? onClick : undefined, ref: ref, ...itemStyles, ...interactiveProps, ...aliasedProps, ...rest },
         React.createElement(ContentWrapper, { ...linkProps },
             itemLeft,
             isString(iconLeft) ? React.createElement(ListIcon, { mr: 1, name: iconLeft }) : iconLeft,

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

@@ -1,13 +1,18 @@
-import { Dict } from '../utils';
-declare function variantDefault(props: Dict): {
-    item: Dict<any>;
-};
 declare const _default: {
-    baseStyle: {};
+    baseStyle: {
+        item: {
+            color: string;
+            activeBg: string;
+            hoverBg: string;
+            selectedBg: string;
+            px: number;
+        };
+        heading: {
+            color: string;
+        };
+    };
     defaultProps: {
-        colorScheme: string;
         size: string;
-        variant: string;
     };
     parts: string[];
     sizes: {
@@ -16,63 +21,63 @@ declare const _default: {
                 size: string;
             };
             item: {
-                fontSize: string;
+                fontSize: number;
                 h: number;
             };
+            heading: {
+                fontSize: number;
+            };
         };
         md: {
             icon: {
                 size: string;
             };
             item: {
-                fontSize: string;
+                fontSize: number;
                 h: number;
             };
+            heading: {
+                fontSize: number;
+            };
         };
         lg: {
-            item: {
-                fontSize: string;
-                h: number;
-            };
             icon: {
                 size: string;
             };
-        };
-        xl: {
             item: {
-                fontSize: string;
+                fontSize: number;
                 h: number;
             };
-            icon: {
-                scale: number;
+            heading: {
+                fontSize: number;
             };
         };
-    };
-    variants: {
-        default: typeof variantDefault;
-        ordered: {
-            container: {
-                as: string;
-                listStyleType: string;
-                pl: number;
+        xl: {
+            icon: {
+                size: string;
             };
             item: {
-                display: string;
-                h: string;
+                fontSize: number;
+                h: number;
+            };
+            heading: {
+                fontSize: number;
             };
         };
-        unordered: {
-            container: {
-                as: string;
-                listStyleType: string;
-                pl: number;
+        xxl: {
+            icon: {
+                size: string;
             };
             item: {
-                display: string;
-                h: string;
+                fontSize: number;
+                h: number;
+            };
+            heading: {
+                fontSize: number;
             };
         };
     };
+    variants: {};
 };
 export default _default;
 //# sourceMappingURL=theme.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../src/list/theme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAA;AAE/B,iBAAS,cAAc,CAAC,KAAK,EAAE,IAAI;;EAWlC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6ED,wBAMC"}
+{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../src/list/theme.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoFA,wBAMC"}

package/dist/esm/list/theme.js

@@ -1,18 +1,17 @@
-function variantDefault(props) {
-    const { colorScheme: c } = props;
-    const item = {
-        activeBg: `${c}.30`,
-        hoverBg: `${c}.20`,
-        selectedBg: `${c}.10`,
+const baseStyle = {
+    item: {
+        color: 'sandstone.10',
+        activeBg: 'skyBlue.95',
+        hoverBg: 'skyBlue.90',
+        selectedBg: 'skyBlue.95',
         px: 2
-    };
-    return { item };
-}
-const baseStyle = {};
+    },
+    heading: {
+        color: 'sandstone.60'
+    }
+};
 const defaultProps = {
-    colorScheme: 'blue',
-    size: 'md',
-    variant: 'default'
+    size: 'lg'
 };
 const parts = ['container', 'divider', 'heading', 'icon', 'item', 'text'];
 const sizes = {
@@ -21,8 +20,11 @@ const sizes = {
             size: 'sm'
         },
         item: {
-            fontSize: 'md',
-            h: 32
+            fontSize: 12,
+            h: 24
+        },
+        heading: {
+            fontSize: 12
         }
     },
     md: {
@@ -30,54 +32,51 @@ const sizes = {
             size: 'md'
         },
         item: {
-            fontSize: 'md',
-            h: 40
+            fontSize: 14,
+            h: 32
+        },
+        heading: {
+            fontSize: 14
         }
     },
     lg: {
-        item: {
-            fontSize: 'md',
-            h: 48
-        },
         icon: {
             size: 'lg'
+        },
+        item: {
+            fontSize: 16,
+            h: 40
+        },
+        heading: {
+            fontSize: 16
         }
     },
     xl: {
-        item: {
-            fontSize: 'lg',
-            h: 56
-        },
         icon: {
-            scale: 2
-        }
-    }
-};
-const variants = {
-    default: variantDefault,
-    ordered: {
-        container: {
-            as: 'ol',
-            listStyleType: 'decimal',
-            pl: 3
+            size: 'xl'
         },
         item: {
-            display: 'list-item',
-            h: ''
+            fontSize: 18,
+            h: 48
+        },
+        heading: {
+            fontSize: 18
         }
     },
-    unordered: {
-        container: {
-            as: 'ul',
-            listStyleType: 'disc',
-            pl: 3
+    xxl: {
+        icon: {
+            size: 'xl'
         },
         item: {
-            display: 'list-item',
-            h: ''
+            fontSize: 18,
+            h: 56
+        },
+        heading: {
+            fontSize: 18
         }
     }
 };
+const variants = {};
 export default {
     baseStyle,
     defaultProps,

package/dist/esm/logo/Logo.d.ts

@@ -1,5 +1,5 @@
 import { LogoProps } from './logo.types';
-/** Brand logo. By default Veracity logo is used. */
+/** Brand logo. */
 export declare const Logo: import("../core").VuiComponent<"div", LogoProps>;
 export default Logo;
 //# sourceMappingURL=Logo.d.ts.map

package/dist/esm/logo/Logo.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Logo.d.ts","sourceRoot":"","sources":["../../../src/logo/Logo.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AAKxC,oDAAoD;AACpD,eAAO,MAAM,IAAI,kDAcf,CAAA;AAEF,eAAe,IAAI,CAAA"}
+{"version":3,"file":"Logo.d.ts","sourceRoot":"","sources":["../../../src/logo/Logo.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AAKxC,kBAAkB;AAClB,eAAO,MAAM,IAAI,kDAcf,CAAA;AAEF,eAAe,IAAI,CAAA"}

package/dist/esm/logo/Logo.js

@@ -5,7 +5,7 @@ import Svg from '../svg';
 import { cs } from '../utils';
 const veracityLogo = `${cdnUrl}/common/icons/logos/veracity-logo.svg`;
 const dnvLogo = `${cdnUrl}/common/icons/logos/dnv-logo.svg`;
-/** Brand logo. By default Veracity logo is used. */
+/** Brand logo. */
 export const Logo = vui((props, ref) => {
     const { brand, children, className, src, url, ...rest } = props;
     let svgSrc = src;

package/dist/esm/menu/menuList.js

@@ -8,7 +8,7 @@ import { useMenuContext } from './context';
 export const MenuList = vui((props, ref) => {
     const { className, contentProps, contentRef, ...rest } = props;
     const styles = useStyleConfig('Menu', useMenuContext());
-    return (React.createElement(PopoverContent, { ref: contentRef, ...contentProps },
+    return (React.createElement(PopoverContent, { borderRadius: "1px", ref: contentRef, ...contentProps },
         React.createElement(List, { className: cs('vui-menuList', className), py: 1, ref: ref, w: "100%", ...styles.list, ...rest })));
 });
 MenuList.Divider = List.Divider;

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

@@ -1 +1 @@
-{"version":3,"file":"modal.d.ts","sourceRoot":"","sources":["../../../src/modal/modal.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAO,YAAY,EAAE,MAAM,SAAS,CAAA;AAK3C,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAC1C,OAAO,aAAa,MAAM,iBAAiB,CAAA;AAC3C,OAAO,YAAY,MAAM,gBAAgB,CAAA;AAGzC;;;;;GAKG;AACH,eAAO,MAAM,KAAK;cA6FN,oBAAoB;aACrB,mBAAmB;CAC7B,CAAA;AAKD,eAAe,KAAK,CAAA"}
+{"version":3,"file":"modal.d.ts","sourceRoot":"","sources":["../../../src/modal/modal.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAO,YAAY,EAAE,MAAM,SAAS,CAAA;AAK3C,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAC1C,OAAO,aAAa,MAAM,iBAAiB,CAAA;AAC3C,OAAO,YAAY,MAAM,gBAAgB,CAAA;AAGzC;;;;;GAKG;AACH,eAAO,MAAM,KAAK;cA+FN,oBAAoB;aACrB,mBAAmB;CAC7B,CAAA;AAKD,eAAe,KAAK,CAAA"}

package/dist/esm/modal/modal.js

@@ -52,7 +52,7 @@ export const Modal = vui((props, ref) => {
             React.createElement(Box, { className: cs('vui-modal', className), ref: mergeRefs(ref, modalRef), ...rest, onKeyDown: callAll(props.onKeyDown, onKeyDown), onMouseDown: callAll(props.onMouseDown, onMouseDown) },
                 !hideBackdrop && React.createElement(ModalBackdrop, null),
                 React.createElement(FocusLock, { autoFocus: !disableAutoFocus, finalFocusRef: finalFocusRef, initialFocusRef: initialFocusRef, isDisabled: disableTrapFocus, returnFocus: !disableReturnFocus },
-                    React.createElement(ModalContent, { ...contentProps }, cloneElement(children, childProps)))))));
+                    React.createElement(ModalContent, { animation: "fadeDown", ...contentProps }, cloneElement(children, childProps)))))));
 });
 Modal.Backdrop = ModalBackdrop;
 Modal.Content = ModalContent;

package/dist/esm/modal/modalBackdrop.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"modalBackdrop.d.ts","sourceRoot":"","sources":["../../../src/modal/modalBackdrop.tsx"],"names":[],"mappings":"AAQA,eAAO,MAAM,iBAAiB,+HAM7B,CAAA;AAED,oFAAoF;AACpF,eAAO,MAAM,aAAa,iEAKxB,CAAA;AAEF,eAAe,aAAa,CAAA"}
+{"version":3,"file":"modalBackdrop.d.ts","sourceRoot":"","sources":["../../../src/modal/modalBackdrop.tsx"],"names":[],"mappings":"AAWA,eAAO,MAAM,iBAAiB,+HAK7B,CAAA;AAED,oFAAoF;AACpF,eAAO,MAAM,aAAa,iEAaxB,CAAA;AAEF,eAAe,aAAa,CAAA"}

package/dist/esm/modal/modalBackdrop.js

@@ -1,12 +1,13 @@
 import React from 'react';
 import { styled, useStyleConfig, vui } from '../core';
 import { colors } from '../theme';
-import { cs, hexToRGBA } from '../utils';
+import { cs, HSLToRGBA, parseHSL } from '../utils';
 import { useModalContext } from './context';
+const { h, s, l } = parseHSL(colors.seaBlue.main);
+const rgba = HSLToRGBA(h, s, l, 0.6);
 export const ModalBackdropBase = styled.divBox `
-  animation: vui-fadeIn 0.3s ease;
-  background-color: ${hexToRGBA(colors.prussian[80], 0.6)};
-  inset: 0px;
+  background-color: ${rgba};
+  inset: 0;
   position: fixed;
   z-index: modal;
 `;
@@ -14,6 +15,6 @@ export const ModalBackdropBase = styled.divBox `
 export const ModalBackdrop = vui((props, ref) => {
     const { className, ...rest } = props;
     const styles = useStyleConfig('Modal', useModalContext());
-    return React.createElement(ModalBackdropBase, { className: cs('vui-modalBackdrop', className), ref: ref, ...styles.backdrop, ...rest });
+    return (React.createElement(ModalBackdropBase, { animation: "fadeIn", className: cs('vui-modalBackdrop', className), ref: ref, ...styles.backdrop, ...rest }));
 });
 export default ModalBackdrop;

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

@@ -7,7 +7,7 @@ import { SelectProps } from './select.types';
 export declare function Select(props: SelectProps): JSX.Element;
 export declare namespace Select {
     var Button: import("..").VuiComponent<"button", import("..").ButtonProps>;
-    var Content: import("..").VuiComponent<"div", import("..").BoxProps>;
+    var Content: import("..").VuiComponent<"div", import("../box").BoxProps>;
     var Group: import("..").VuiComponent<"ul", import("..").ListProps> & {
         Divider: import("..").VuiComponent<"hr", import("..").DividerProps>;
         Heading: import("..").VuiComponent<"span", import("..").TProps>;

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

@@ -1 +1 @@
-{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../../src/select/select.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAO5C;;;;GAIG;AACH,wBAAgB,MAAM,CAAC,KAAK,EAAE,WAAW,eAsDxC;yBAtDe,MAAM;;;;;;;;;AA6DtB,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,eAiFxC;yBAjFe,MAAM;;;;;;;;;AAwFtB,eAAe,MAAM,CAAA"}

package/dist/esm/select/select.js

@@ -1,4 +1,6 @@
-import React from 'react';
+import React, { useEffect, useState } from 'react';
+import { Box } from '../box';
+import { Input } from '../input';
 import { Popover } from '../popover';
 import { __DEV__ } from '../utils';
 import { SelectProvider } from './context';
@@ -13,11 +15,13 @@ 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, size, value, variant, ...rest } = props;
+    const { children, defaultValue, disabled, isInvalid, isMultiple, maxHeight, name, onChange, options, placeholder = 'Please select', readOnly, selectButton, 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);
     }
+    const [query, setQuery] = useState('');
+    const [filteredOptions, setFilteredOptions] = useState(options);
     const context = {
         disabled,
         isInvalid,
@@ -30,13 +34,22 @@ export function Select(props) {
         variant,
         ...selectProps
     };
+    const onQueryChange = (e) => {
+        setQuery(e.target.value?.toLowerCase());
+    };
+    const filterOptions = (i) => !showOptionsFilter || !query?.length ? true : i?.text?.toLowerCase()?.includes(query);
+    useEffect(() => {
+        setFilteredOptions(options?.filter(filterOptions));
+    }, [query]);
     return (React.createElement(SelectProvider, { value: context },
         React.createElement(Popover, { matchWidth: true, ...rest },
             React.createElement(React.Fragment, null,
                 selectButton ?? React.createElement(SelectButton, null),
                 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 }))),
                     React.createElement(SelectGroup, { maxH: maxHeight, tabIndex: 1000 }, children ??
-                        options?.map?.(option => React.createElement(SelectOption, { key: option.value, title: option.text, ...option }))))))));
+                        filteredOptions?.map?.(option => React.createElement(SelectOption, { key: option.value, title: option.text, ...option }))))))));
 }
 Select.Button = SelectButton;
 Select.Content = SelectContent;

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

@@ -26,6 +26,8 @@ export declare type SelectProps = ThemingProps<'Select'> & PopoverProps & UseSel
     readOnly?: boolean;
     /** Custom select button slot. */
     selectButton?: ReactNode;
+    /** Displays a filter input to limit the number of options. */
+    showOptionsFilter?: boolean;
 };
 export declare type SelectOptionData = {
     /** Option is displayed as disabled. */

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

@@ -1 +1 @@
-{"version":3,"file":"select.types.d.ts","sourceRoot":"","sources":["../../../src/select/select.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEjC,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAA;AACvC,OAAO,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AAClD,OAAO,EAAE,mBAAmB,EAAE,YAAY,EAAE,MAAM,YAAY,CAAA;AAC9D,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AACvC,OAAO,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAA;AACjD,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAA;AAElD,oBAAY,iBAAiB,GAAG,WAAW,CAAA;AAE3C,oBAAY,kBAAkB,GAAG,mBAAmB,CAAA;AAEpD,oBAAY,aAAa,GAAG,IAAI,CAC9B,WAAW,EACX,UAAU,GAAG,WAAW,GAAG,YAAY,GAAG,MAAM,GAAG,SAAS,GAAG,aAAa,GAAG,UAAU,GAAG,MAAM,GAAG,SAAS,CAC/G,GACC,mBAAmB,CAAA;AAErB,oBAAY,gBAAgB,GAAG,SAAS,CAAA;AAExC,oBAAY,WAAW,GAAG,YAAY,CAAC,QAAQ,CAAC,GAC9C,YAAY,GACZ,cAAc,GAAG;IACf,yDAAyD;IACzD,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,+DAA+D;IAC/D,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,sCAAsC;IACtC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,0FAA0F;IAC1F,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,+DAA+D;IAC/D,OAAO,CAAC,EAAE,gBAAgB,EAAE,CAAA;IAC5B,8DAA8D;IAC9D,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,yDAAyD;IACzD,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,iCAAiC;IACjC,YAAY,CAAC,EAAE,SAAS,CAAA;CACzB,CAAA;AAEH,oBAAY,gBAAgB,GAAG;IAC7B,uCAAuC;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,gCAAgC;IAChC,IAAI,EAAE,MAAM,CAAA;IACZ,+BAA+B;IAC/B,KAAK,EAAE,WAAW,CAAA;CACnB,CAAA;AAED,oBAAY,iBAAiB,GAAG,aAAa,GAAG;IAC9C,mGAAmG;IACnG,KAAK,CAAC,EAAE,WAAW,CAAA;IACnB,wBAAwB;IACxB,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAA;AAED,oBAAY,WAAW,GAAG,MAAM,GAAG,MAAM,CAAA"}
+{"version":3,"file":"select.types.d.ts","sourceRoot":"","sources":["../../../src/select/select.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEjC,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAA;AACvC,OAAO,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AAClD,OAAO,EAAE,mBAAmB,EAAE,YAAY,EAAE,MAAM,YAAY,CAAA;AAC9D,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AACvC,OAAO,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAA;AACjD,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAA;AAElD,oBAAY,iBAAiB,GAAG,WAAW,CAAA;AAE3C,oBAAY,kBAAkB,GAAG,mBAAmB,CAAA;AAEpD,oBAAY,aAAa,GAAG,IAAI,CAC9B,WAAW,EACX,UAAU,GAAG,WAAW,GAAG,YAAY,GAAG,MAAM,GAAG,SAAS,GAAG,aAAa,GAAG,UAAU,GAAG,MAAM,GAAG,SAAS,CAC/G,GACC,mBAAmB,CAAA;AAErB,oBAAY,gBAAgB,GAAG,SAAS,CAAA;AAExC,oBAAY,WAAW,GAAG,YAAY,CAAC,QAAQ,CAAC,GAC9C,YAAY,GACZ,cAAc,GAAG;IACf,yDAAyD;IACzD,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,+DAA+D;IAC/D,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,sCAAsC;IACtC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,0FAA0F;IAC1F,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,+DAA+D;IAC/D,OAAO,CAAC,EAAE,gBAAgB,EAAE,CAAA;IAC5B,8DAA8D;IAC9D,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,yDAAyD;IACzD,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,iCAAiC;IACjC,YAAY,CAAC,EAAE,SAAS,CAAA;IACxB,8DAA8D;IAC9D,iBAAiB,CAAC,EAAE,OAAO,CAAA;CAC5B,CAAA;AAEH,oBAAY,gBAAgB,GAAG;IAC7B,uCAAuC;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,gCAAgC;IAChC,IAAI,EAAE,MAAM,CAAA;IACZ,+BAA+B;IAC/B,KAAK,EAAE,WAAW,CAAA;CACnB,CAAA;AAED,oBAAY,iBAAiB,GAAG,aAAa,GAAG;IAC9C,mGAAmG;IACnG,KAAK,CAAC,EAAE,WAAW,CAAA;IACnB,wBAAwB;IACxB,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAA;AAED,oBAAY,WAAW,GAAG,MAAM,GAAG,MAAM,CAAA"}

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

@@ -1 +1 @@
-{"version":3,"file":"selectButton.d.ts","sourceRoot":"","sources":["../../../src/select/selectButton.tsx"],"names":[],"mappings":"AASA;;;;GAIG;AACH,eAAO,MAAM,YAAY,2EAqDvB,CAAA;AAEF,eAAe,YAAY,CAAA"}
+{"version":3,"file":"selectButton.d.ts","sourceRoot":"","sources":["../../../src/select/selectButton.tsx"],"names":[],"mappings":"AASA;;;;GAIG;AACH,eAAO,MAAM,YAAY,2EAoDvB,CAAA;AAEF,eAAe,YAAY,CAAA"}

package/dist/esm/select/selectButton.js

@@ -33,6 +33,6 @@ export const SelectButton = vui((props, ref) => {
             hoverBorderColor: 'energyRed.45'
         }
         : {};
-    return (React.createElement(PopoverTrigger, { as: LineButton, bg: "white", className: cs('vui-selectButton', className), colorScheme: "prussian", disabled: disabled, focusRing: 2, fontWeight: "regular", iconRight: React.createElement(Button.Icon, { color: iconColor, ml: "auto", name: "falAngleDown" }), isFullWidth: true, px: 1, ref: ref, text: React.createElement(Button.Text, { color: textColor, ...ellipsisOverflow }, text), userSelect: "text", ...styles.button, ...readOnlyProps, ...isInvalidProps, ...rest }));
+    return (React.createElement(PopoverTrigger, { as: LineButton, bg: "white", className: cs('vui-selectButton', className), disabled: disabled, focusRing: 2, fontWeight: "regular", iconRight: React.createElement(Button.Icon, { color: iconColor, ml: "auto", name: "falAngleDown" }), isFullWidth: true, px: 1, ref: ref, text: React.createElement(Button.Text, { color: textColor, ...ellipsisOverflow }, text), userSelect: "text", ...styles.button, ...readOnlyProps, ...isInvalidProps, ...rest }));
 });
 export default SelectButton;

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

@@ -1,7 +1,3 @@
 export declare const border = "1px solid lightgray";
 export declare const expandedWidth = 64;
-export declare const right: {
-    expanded: number;
-    collapsed: number;
-};
 //# 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;AAE/B,eAAO,MAAM,KAAK;;;CAGjB,CAAA"}
+{"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"}

package/dist/esm/sidemenu/consts.js

@@ -1,6 +1,2 @@
 export const border = '1px solid lightgray';
 export const expandedWidth = 64;
-export const right = {
-    expanded: 16,
-    collapsed: 34
-};

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;SAqCd,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,qDAAqD;AACrD,eAAO,MAAM,QAAQ;SAmCd,kBAAkB;UACjB,mBAAmB;CAC1B,CAAA;AAKD,eAAe,QAAQ,CAAA"}