@veracity/vui 2.5.1 → 2.6.0

package/dist/cjs/link/theme.js

@@ -1,37 +1,37 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-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: {
@@ -70,12 +70,6 @@ const sizes = {
         }
     }
 };
-const variants = {
-    default: variantDefault,
-    light: variantLight,
-    plain: variantPlain,
-    white: variantWhite
-};
 exports.default = {
     baseStyle,
     defaultProps,

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

@@ -50,9 +50,9 @@ const listText_1 = __importDefault(require("./listText"));
 exports.ListBase = core_1.styled.ulBox ``;
 /** Displays a list of list link items and optional heading. Exposes some props to the children via context. */
 exports.List = (0, core_1.vui)((props, ref) => {
-    const { children, className, colorScheme, heading, isInteractive, items, size, variant } = props, rest = __rest(props, ["children", "className", "colorScheme", "heading", "isInteractive", "items", "size", "variant"]);
+    const { children, className, heading, isInteractive, items, size, variant } = props, rest = __rest(props, ["children", "className", "heading", "isInteractive", "items", "size", "variant"]);
     const styles = (0, core_1.useStyleConfig)('List', props);
-    const context = (0, react_1.useMemo)(() => (0, utils_1.filterUndefined)({ colorScheme, isInteractive, size, variant }), [colorScheme, isInteractive, size, variant]);
+    const context = (0, react_1.useMemo)(() => (0, utils_1.filterUndefined)({ isInteractive, size, variant }), [isInteractive, size, variant]);
     return (react_1.default.createElement(context_1.ListProvider, { value: context },
         react_1.default.createElement(exports.ListBase, Object.assign({ className: (0, utils_1.cs)('vui-list', className), ref: ref }, styles.container, rest),
             (0, utils_1.isReactText)(heading) ? react_1.default.createElement(listHeading_1.default, { text: heading }) : heading, children !== null && children !== void 0 ? children : ((0, utils_1.isArray)(items)

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

@@ -24,6 +24,6 @@ const context_1 = require("./context");
 exports.ListHeading = (0, core_1.vui)((props, ref) => {
     const { className } = props, rest = __rest(props, ["className"]);
     const styles = (0, core_1.useStyleConfig)('List', (0, context_1.useListContext)());
-    return (react_1.default.createElement(t_1.T, Object.assign({ className: (0, utils_1.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_1.default.createElement(t_1.T, Object.assign({ className: (0, utils_1.cs)('vui-listHeading', className), display: "inline-block", px: 2, py: 1, ref: ref, size: "sm", textTransform: "uppercase", weight: "medium" }, styles.heading, rest)));
 });
 exports.default = exports.ListHeading;

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

@@ -54,8 +54,7 @@ exports.ListItemBase = core_1.styled.liBox `
   transition-duration: fast;
 
   &[aria-disabled='true'] {
-    background-color: disabled.bg;
-    color: disabled.color;
+    color: sandstone.main;
     cursor: not-allowed;
     user-select: none;
   }
@@ -97,7 +96,7 @@ exports.ListItem = (0, core_1.vui)((props, ref) => {
         justifyContent,
         px: isLinkItem ? 0 : undefined
     });
-    return (react_1.default.createElement(exports.ListItemBase, Object.assign({ className: (0, utils_1.cs)('vui-listItem', className), onClick: !disabled ? onClick : undefined, ref: ref }, itemStyles, interactiveProps, aliasedProps, rest),
+    return (react_1.default.createElement(exports.ListItemBase, Object.assign({ bg: disabled ? 'sandstone.95' : undefined, className: (0, utils_1.cs)('vui-listItem', className), onClick: !disabled ? onClick : undefined, ref: ref }, itemStyles, interactiveProps, aliasedProps, rest),
         react_1.default.createElement(ContentWrapper, Object.assign({}, linkProps),
             itemLeft,
             (0, utils_1.isString)(iconLeft) ? react_1.default.createElement(listIcon_1.default, { mr: 1, name: iconLeft }) : iconLeft, children !== null && children !== void 0 ? children : ((0, utils_1.isReactText)(text) ? react_1.default.createElement(listText_1.default, Object.assign({}, { isTruncated, text })) : text),

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

@@ -1,20 +1,19 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-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 = {
@@ -23,8 +22,11 @@ const sizes = {
             size: 'sm'
         },
         item: {
-            fontSize: 'md',
-            h: 32
+            fontSize: 12,
+            h: 24
+        },
+        heading: {
+            fontSize: 12
         }
     },
     md: {
@@ -32,54 +34,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 = {};
 exports.default = {
     baseStyle,
     defaultProps,

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

@@ -22,7 +22,7 @@ const svg_1 = __importDefault(require("../svg"));
 const utils_1 = require("../utils");
 const veracityLogo = `${core_1.cdnUrl}/common/icons/logos/veracity-logo.svg`;
 const dnvLogo = `${core_1.cdnUrl}/common/icons/logos/dnv-logo.svg`;
-/** Brand logo. By default Veracity logo is used. */
+/** Brand logo. */
 exports.Logo = (0, core_1.vui)((props, ref) => {
     const { brand, children, className, src, url } = props, rest = __rest(props, ["brand", "children", "className", "src", "url"]);
     let svgSrc = src;

package/dist/cjs/menu/menuList.js

@@ -25,7 +25,7 @@ const context_1 = require("./context");
 exports.MenuList = (0, core_1.vui)((props, ref) => {
     const { className, contentProps, contentRef } = props, rest = __rest(props, ["className", "contentProps", "contentRef"]);
     const styles = (0, core_1.useStyleConfig)('Menu', (0, context_1.useMenuContext)());
-    return (react_1.default.createElement(popover_1.PopoverContent, Object.assign({ ref: contentRef }, contentProps),
+    return (react_1.default.createElement(popover_1.PopoverContent, Object.assign({ borderRadius: "1px", ref: contentRef }, contentProps),
         react_1.default.createElement(list_1.default, Object.assign({ className: (0, utils_1.cs)('vui-menuList', className), py: 1, ref: ref, w: "100%" }, styles.list, rest))));
 });
 exports.MenuList.Divider = list_1.default.Divider;

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

@@ -94,7 +94,7 @@ exports.Modal = (0, core_1.vui)((props, ref) => {
             react_1.default.createElement(box_1.default, Object.assign({ className: (0, utils_1.cs)('vui-modal', className), ref: (0, utils_1.mergeRefs)(ref, modalRef) }, rest, { onKeyDown: (0, utils_1.callAll)(props.onKeyDown, onKeyDown), onMouseDown: (0, utils_1.callAll)(props.onMouseDown, onMouseDown) }),
                 !hideBackdrop && react_1.default.createElement(modalBackdrop_1.default, null),
                 react_1.default.createElement(focusLock_1.default, { autoFocus: !disableAutoFocus, finalFocusRef: finalFocusRef, initialFocusRef: initialFocusRef, isDisabled: disableTrapFocus, returnFocus: !disableReturnFocus },
-                    react_1.default.createElement(modalContent_1.default, Object.assign({}, contentProps), (0, react_1.cloneElement)(children, childProps)))))));
+                    react_1.default.createElement(modalContent_1.default, Object.assign({ animation: "fadeDown" }, contentProps), (0, react_1.cloneElement)(children, childProps)))))));
 });
 exports.Modal.Backdrop = modalBackdrop_1.default;
 exports.Modal.Content = modalContent_1.default;

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

@@ -20,10 +20,11 @@ const core_1 = require("../core");
 const theme_1 = require("../theme");
 const utils_1 = require("../utils");
 const context_1 = require("./context");
+const { h, s, l } = (0, utils_1.parseHSL)(theme_1.colors.seaBlue.main);
+const rgba = (0, utils_1.HSLToRGBA)(h, s, l, 0.6);
 exports.ModalBackdropBase = core_1.styled.divBox `
-  animation: vui-fadeIn 0.3s ease;
-  background-color: ${(0, utils_1.hexToRGBA)(theme_1.colors.prussian[80], 0.6)};
-  inset: 0px;
+  background-color: ${rgba};
+  inset: 0;
   position: fixed;
   z-index: modal;
 `;
@@ -31,6 +32,6 @@ exports.ModalBackdropBase = core_1.styled.divBox `
 exports.ModalBackdrop = (0, core_1.vui)((props, ref) => {
     const { className } = props, rest = __rest(props, ["className"]);
     const styles = (0, core_1.useStyleConfig)('Modal', (0, context_1.useModalContext)());
-    return react_1.default.createElement(exports.ModalBackdropBase, Object.assign({ className: (0, utils_1.cs)('vui-modalBackdrop', className), ref: ref }, styles.backdrop, rest));
+    return (react_1.default.createElement(exports.ModalBackdropBase, Object.assign({ animation: "fadeIn", className: (0, utils_1.cs)('vui-modalBackdrop', className), ref: ref }, styles.backdrop, rest)));
 });
 exports.default = exports.ModalBackdrop;

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

@@ -1,4 +1,27 @@
 "use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
 var __rest = (this && this.__rest) || function (s, e) {
     var t = {};
     for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
@@ -15,7 +38,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Select = void 0;
-const react_1 = __importDefault(require("react"));
+const react_1 = __importStar(require("react"));
+const box_1 = require("../box");
+const input_1 = require("../input");
 const popover_1 = require("../popover");
 const utils_1 = require("../utils");
 const context_1 = require("./context");
@@ -31,11 +56,13 @@ const useSelect_1 = __importDefault(require("./useSelect"));
  */
 function Select(props) {
     var _a;
-    const { children, defaultValue, disabled, isInvalid, isMultiple, maxHeight, name, onChange, options, placeholder = 'Please select', readOnly, selectButton, size, value, variant } = props, rest = __rest(props, ["children", "defaultValue", "disabled", "isInvalid", "isMultiple", "maxHeight", "name", "onChange", "options", "placeholder", "readOnly", "selectButton", "size", "value", "variant"]);
+    const { children, defaultValue, disabled, isInvalid, isMultiple, maxHeight, name, onChange, options, placeholder = 'Please select', readOnly, selectButton, showOptionsFilter, size, value, variant } = props, rest = __rest(props, ["children", "defaultValue", "disabled", "isInvalid", "isMultiple", "maxHeight", "name", "onChange", "options", "placeholder", "readOnly", "selectButton", "showOptionsFilter", "size", "value", "variant"]);
     const selectProps = (0, useSelect_1.default)({ defaultValue, isMultiple, onChange, value, options, children });
     if (utils_1.__DEV__ && isMultiple && !Array.isArray(selectProps.value)) {
         console.error('<Select /> is used with isMultiple but its value is not an array: ', value);
     }
+    const [query, setQuery] = (0, react_1.useState)('');
+    const [filteredOptions, setFilteredOptions] = (0, react_1.useState)(options);
     const context = Object.assign({ disabled,
         isInvalid,
         isMultiple,
@@ -45,11 +72,21 @@ function Select(props) {
         readOnly,
         size,
         variant }, selectProps);
+    const onQueryChange = (e) => {
+        var _a;
+        setQuery((_a = e.target.value) === null || _a === void 0 ? void 0 : _a.toLowerCase());
+    };
+    const filterOptions = (i) => { var _a, _b; return !showOptionsFilter || !(query === null || query === void 0 ? void 0 : query.length) ? true : (_b = (_a = i === null || i === void 0 ? void 0 : i.text) === null || _a === void 0 ? void 0 : _a.toLowerCase()) === null || _b === void 0 ? void 0 : _b.includes(query); };
+    (0, react_1.useEffect)(() => {
+        setFilteredOptions(options === null || options === void 0 ? void 0 : options.filter(filterOptions));
+    }, [query]);
     return (react_1.default.createElement(context_1.SelectProvider, { value: context },
         react_1.default.createElement(popover_1.Popover, Object.assign({ matchWidth: true }, rest),
             react_1.default.createElement(react_1.default.Fragment, null, selectButton !== null && selectButton !== void 0 ? selectButton : react_1.default.createElement(selectButton_1.default, null),
                 react_1.default.createElement(selectContent_1.default, null,
-                    react_1.default.createElement(selectGroup_1.default, { maxH: maxHeight, tabIndex: 1000 }, children !== null && children !== void 0 ? children : (_a = options === null || options === void 0 ? void 0 : options.map) === null || _a === void 0 ? void 0 : _a.call(options, option => react_1.default.createElement(selectOption_1.default, Object.assign({ key: option.value, title: option.text }, option)))))))));
+                    showOptionsFilter && (react_1.default.createElement(box_1.Box, { mr: 2 },
+                        react_1.default.createElement(input_1.Input, { iconLeft: "culFilterAlt", m: 1, mt: 0, onChange: onQueryChange, placeholder: "Filter\u2026", size: "sm", value: query }))),
+                    react_1.default.createElement(selectGroup_1.default, { maxH: maxHeight, tabIndex: 1000 }, children !== null && children !== void 0 ? children : (_a = filteredOptions === null || filteredOptions === void 0 ? void 0 : filteredOptions.map) === null || _a === void 0 ? void 0 : _a.call(filteredOptions, option => react_1.default.createElement(selectOption_1.default, Object.assign({ key: option.value, title: option.text }, option)))))))));
 }
 exports.Select = Select;
 Select.Button = selectButton_1.default;

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

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

package/dist/cjs/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/cjs/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"}