@veracity/vui 2.1.0 → 2.3.0

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAA;AAC3B,cAAc,UAAU,CAAA;AACxB,cAAc,SAAS,CAAA;AACvB,cAAc,OAAO,CAAA;AACrB,cAAc,eAAe,CAAA;AAC7B,cAAc,UAAU,CAAA;AACxB,cAAc,eAAe,CAAA;AAC7B,cAAc,qBAAqB,CAAA;AACnC,cAAc,QAAQ,CAAA;AACtB,cAAc,YAAY,CAAA;AAC1B,cAAc,mBAAmB,CAAA;AACjC,cAAc,QAAQ,CAAA;AACtB,cAAc,UAAU,CAAA;AACxB,cAAc,WAAW,CAAA;AACzB,cAAc,eAAe,CAAA;AAC7B,cAAc,UAAU,CAAA;AACxB,cAAc,QAAQ,CAAA;AACtB,cAAc,UAAU,CAAA;AACxB,cAAc,WAAW,CAAA;AACzB,cAAc,QAAQ,CAAA;AACtB,cAAc,SAAS,CAAA;AACvB,cAAc,SAAS,CAAA;AACvB,cAAc,SAAS,CAAA;AACvB,cAAc,QAAQ,CAAA;AACtB,cAAc,QAAQ,CAAA;AACtB,cAAc,QAAQ,CAAA;AACtB,cAAc,QAAQ,CAAA;AACtB,cAAc,WAAW,CAAA;AACzB,cAAc,SAAS,CAAA;AACvB,cAAc,gBAAgB,CAAA;AAC9B,cAAc,KAAK,CAAA;AACnB,cAAc,cAAc,CAAA;AAC5B,cAAc,SAAS,CAAA;AACvB,cAAc,WAAW,CAAA;AACzB,cAAc,UAAU,CAAA;AACxB,cAAc,YAAY,CAAA;AAC1B,cAAc,SAAS,CAAA;AACvB,cAAc,UAAU,CAAA;AACxB,cAAc,YAAY,CAAA;AAC1B,cAAc,YAAY,CAAA;AAC1B,cAAc,WAAW,CAAA;AACzB,cAAc,OAAO,CAAA;AACrB,cAAc,UAAU,CAAA;AACxB,cAAc,UAAU,CAAA;AACxB,cAAc,KAAK,CAAA;AACnB,cAAc,SAAS,CAAA;AACvB,cAAc,WAAW,CAAA;AACzB,cAAc,SAAS,CAAA;AACvB,cAAc,QAAQ,CAAA;AACtB,cAAc,OAAO,CAAA;AACrB,cAAc,YAAY,CAAA;AAC1B,cAAc,SAAS,CAAA;AACvB,cAAc,YAAY,CAAA;AAC1B,cAAc,SAAS,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAA;AAC3B,cAAc,UAAU,CAAA;AACxB,cAAc,SAAS,CAAA;AACvB,cAAc,OAAO,CAAA;AACrB,cAAc,eAAe,CAAA;AAC7B,cAAc,UAAU,CAAA;AACxB,cAAc,eAAe,CAAA;AAC7B,cAAc,qBAAqB,CAAA;AACnC,cAAc,QAAQ,CAAA;AACtB,cAAc,YAAY,CAAA;AAC1B,cAAc,mBAAmB,CAAA;AACjC,cAAc,QAAQ,CAAA;AACtB,cAAc,UAAU,CAAA;AACxB,cAAc,WAAW,CAAA;AACzB,cAAc,eAAe,CAAA;AAC7B,cAAc,UAAU,CAAA;AACxB,cAAc,QAAQ,CAAA;AACtB,cAAc,UAAU,CAAA;AACxB,cAAc,WAAW,CAAA;AACzB,cAAc,QAAQ,CAAA;AACtB,cAAc,SAAS,CAAA;AACvB,cAAc,SAAS,CAAA;AACvB,cAAc,SAAS,CAAA;AACvB,cAAc,QAAQ,CAAA;AACtB,cAAc,QAAQ,CAAA;AACtB,cAAc,QAAQ,CAAA;AACtB,cAAc,QAAQ,CAAA;AACtB,cAAc,WAAW,CAAA;AACzB,cAAc,SAAS,CAAA;AACvB,cAAc,gBAAgB,CAAA;AAC9B,cAAc,KAAK,CAAA;AACnB,cAAc,cAAc,CAAA;AAC5B,cAAc,SAAS,CAAA;AACvB,cAAc,WAAW,CAAA;AACzB,cAAc,UAAU,CAAA;AACxB,cAAc,YAAY,CAAA;AAC1B,cAAc,SAAS,CAAA;AACvB,cAAc,UAAU,CAAA;AACxB,cAAc,YAAY,CAAA;AAC1B,cAAc,YAAY,CAAA;AAC1B,cAAc,WAAW,CAAA;AACzB,cAAc,OAAO,CAAA;AACrB,cAAc,UAAU,CAAA;AACxB,cAAc,UAAU,CAAA;AACxB,cAAc,KAAK,CAAA;AACnB,cAAc,SAAS,CAAA;AACvB,cAAc,WAAW,CAAA;AACzB,cAAc,SAAS,CAAA;AACvB,cAAc,QAAQ,CAAA;AACtB,cAAc,OAAO,CAAA;AACrB,cAAc,YAAY,CAAA;AAC1B,cAAc,SAAS,CAAA;AACvB,cAAc,QAAQ,CAAA;AACtB,cAAc,YAAY,CAAA;AAC1B,cAAc,SAAS,CAAA"}

package/dist/cjs/index.js

@@ -66,5 +66,6 @@ __exportStar(require("./tabs"), exports);
 __exportStar(require("./tag"), exports);
 __exportStar(require("./textarea"), exports);
 __exportStar(require("./theme"), exports);
+__exportStar(require("./tree"), exports);
 __exportStar(require("./tutorial"), exports);
 __exportStar(require("./utils"), exports);

package/dist/cjs/input/consts.d.ts

@@ -1,6 +1,20 @@
 import { InputStateMapping } from './input.types';
-export declare const greyLightColor = "warmGrey.90";
-export declare const greyColor = "sandstone.60";
-export declare const redColor = "energyRed.45";
+export declare const inputColors: {
+    border: string;
+    placeholder: string;
+    inputText: string;
+    helpText: string;
+    icons: string;
+    disabled: string;
+    focus: string;
+    error: string;
+    loading: string;
+    success: string;
+};
+export declare const stateIcons: {
+    error: string;
+    loading: string;
+    success: string;
+};
 export declare const inputStateMapping: InputStateMapping;
 //# sourceMappingURL=consts.d.ts.map

package/dist/cjs/input/consts.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"consts.d.ts","sourceRoot":"","sources":["../../../src/input/consts.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAA;AAEjD,eAAO,MAAM,cAAc,gBAAgB,CAAA;AAC3C,eAAO,MAAM,SAAS,iBAAiB,CAAA;AACvC,eAAO,MAAM,QAAQ,iBAAiB,CAAA;AAEtC,eAAO,MAAM,iBAAiB,EAAE,iBAuB/B,CAAA"}
+{"version":3,"file":"consts.d.ts","sourceRoot":"","sources":["../../../src/input/consts.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAA;AAEjD,eAAO,MAAM,WAAW;;;;;;;;;;;CAWvB,CAAA;AAED,eAAO,MAAM,UAAU;;;;CAItB,CAAA;AAED,eAAO,MAAM,iBAAiB,EAAE,iBAuB/B,CAAA"}

package/dist/cjs/input/consts.js

@@ -1,30 +1,44 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.inputStateMapping = exports.redColor = exports.greyColor = exports.greyLightColor = void 0;
-exports.greyLightColor = 'warmGrey.90';
-exports.greyColor = 'sandstone.60';
-exports.redColor = 'energyRed.45';
+exports.inputStateMapping = exports.stateIcons = exports.inputColors = void 0;
+exports.inputColors = {
+    border: 'sandstone.60',
+    placeholder: 'sandstone.55',
+    inputText: 'sandstone.10',
+    helpText: 'sandstone.30',
+    icons: 'seaBlue.28',
+    disabled: 'sandstone.95',
+    focus: 'seaBlue.28',
+    error: 'energyRed.45',
+    loading: 'seaBlue.80',
+    success: 'landGreen.41'
+};
+exports.stateIcons = {
+    error: 'falExclamationTriangle',
+    loading: 'fadSpinnerThird',
+    success: 'falCheck'
+};
 exports.inputStateMapping = {
     error: {
-        colorScheme: 'red',
+        variant: 'red',
         iconProps: {
-            color: 'energyRed.45',
-            icon: 'falExclamationTriangle'
+            color: exports.inputColors.error,
+            icon: exports.stateIcons.error
         }
     },
     loading: {
-        colorScheme: 'grey',
+        variant: 'grey',
         iconProps: {
             animation: 'vui-spin 0.6s linear infinite',
-            name: 'fadSpinnerThird',
-            pathFill: ['seaBlue.90', 'seaBlue.28']
+            name: exports.stateIcons.loading,
+            pathFill: [exports.inputColors.loading, exports.inputColors.icons]
         }
     },
     success: {
-        colorScheme: 'green',
+        variant: 'green',
         iconProps: {
-            color: 'landGreen.30',
-            icon: 'falCheck'
+            color: exports.inputColors.success,
+            icon: exports.stateIcons.success
         }
     }
 };

package/dist/cjs/input/helpText.js

@@ -28,9 +28,9 @@ exports.HelpText = (0, core_1.vui)((props, ref) => {
     const inputProps = (0, context_1.useInputContext)();
     const mergedProps = Object.assign(Object.assign({}, inputProps), props);
     const styles = (0, core_1.useStyleConfig)('Input', mergedProps);
-    const color = isError ? consts_1.redColor : consts_1.greyColor;
+    const color = isError ? consts_1.inputColors.error : consts_1.inputColors.helpText;
     return (react_1.default.createElement(p_1.default, Object.assign({ className: (0, utils_1.cs)('vui-inputHelpText', className), color: color, display: "flex", py: 1, ref: ref }, styles.helpText, rest),
-        isError && react_1.default.createElement(icon_1.default, { mr: 1, name: "falExclamationTriangle", pathFill: consts_1.redColor, size: "sm" }),
+        isError && react_1.default.createElement(icon_1.default, { mr: 1, name: "falExclamationTriangle", pathFill: consts_1.inputColors.error, size: "sm" }),
         children));
 });
 exports.default = exports.HelpText;

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

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

package/dist/cjs/input/input.js

@@ -71,16 +71,13 @@ exports.InputBase = core_1.styled.divBox `
  * Exposes some props to the children via context.
  */
 exports.Input = (0, core_1.vui)((props, ref) => {
-    var _a, _b, _c, _d;
-    const { autoComplete, autoFocus, children, className, colorScheme, defaultValue, disabled, errorText, iconLeft, iconRight, id, input, inputProps, inputRef, isInvalid, itemLeft, itemRight, helpText, max, maxLength, min, name, onBlur, onChange: onChangeProp, onFocus, pattern, placeholder, readOnly, required, showCount, size, state = '', stateMapping, step, type = 'text', value, variant } = props, rest = __rest(props, ["autoComplete", "autoFocus", "children", "className", "colorScheme", "defaultValue", "disabled", "errorText", "iconLeft", "iconRight", "id", "input", "inputProps", "inputRef", "isInvalid", "itemLeft", "itemRight", "helpText", "max", "maxLength", "min", "name", "onBlur", "onChange", "onFocus", "pattern", "placeholder", "readOnly", "required", "showCount", "size", "state", "stateMapping", "step", "type", "value", "variant"]);
+    var _a, _b;
+    const { autoComplete, autoFocus, children, className, defaultValue, disabled, errorText, iconLeft, iconRight, id, input, inputProps, inputRef, itemLeft, itemRight, helpText, max, maxLength, min, name, onBlur, onChange: onChangeProp, onFocus, pattern, placeholder, readOnly, required, showCount, size, state = '', stateMapping, step, type = 'text', value, variant } = props, rest = __rest(props, ["autoComplete", "autoFocus", "children", "className", "defaultValue", "disabled", "errorText", "iconLeft", "iconRight", "id", "input", "inputProps", "inputRef", "itemLeft", "itemRight", "helpText", "max", "maxLength", "min", "name", "onBlur", "onChange", "onFocus", "pattern", "placeholder", "readOnly", "required", "showCount", "size", "state", "stateMapping", "step", "type", "value", "variant"]);
     const [count, setCount] = (0, react_1.useState)((0, helpers_1.getInitialCount)(props));
     const [valueInternal, setValueInternal] = (0, react_1.useState)(defaultValue || '');
     const states = Object.assign(Object.assign({}, consts_1.inputStateMapping), stateMapping);
-    const computedColorScheme = (0, utils_1.filterUndefined)({
-        colorScheme: (_a = colorScheme !== null && colorScheme !== void 0 ? colorScheme : (isInvalid ? 'red' : undefined)) !== null && _a !== void 0 ? _a : (_b = states[state]) === null || _b === void 0 ? void 0 : _b.colorScheme
-    });
-    const styles = (0, core_1.useStyleConfig)('Input', Object.assign(Object.assign({}, computedColorScheme), props));
-    const context = (0, react_1.useMemo)(() => (0, utils_1.filterUndefined)({ colorScheme, disabled, size, variant }), [colorScheme, disabled, size, variant]);
+    const styles = (0, core_1.useStyleConfig)('Input', props);
+    const context = (0, react_1.useMemo)(() => (0, utils_1.filterUndefined)({ disabled, size, variant }), [disabled, size, variant]);
     function onChange(e) {
         setValueInternal(e.target.value);
         setCount(e.target.value.length);
@@ -88,7 +85,7 @@ exports.Input = (0, core_1.vui)((props, ref) => {
     }
     const aliasedProps = (0, utils_1.filterUndefined)({
         'aria-disabled': disabled,
-        bg: readOnly ? consts_1.greyLightColor : undefined,
+        bg: readOnly ? consts_1.inputColors.disabled : undefined,
         focusWithinBorderColor: !readOnly ? 'transparent' : undefined,
         focusWithinRingColor: readOnly ? 'transparent' : undefined
     });
@@ -100,7 +97,7 @@ exports.Input = (0, core_1.vui)((props, ref) => {
     return (react_1.default.createElement(context_1.InputProvider, { value: context },
         react_1.default.createElement(exports.InputBase, Object.assign({ className: (0, utils_1.cs)('vui-input', className), ref: ref }, styles.container, aliasedProps, rest),
             itemLeft,
-            (0, utils_1.isString)(iconLeft) ? react_1.default.createElement(inputIcon_1.default, { ml: 1, name: iconLeft }) : iconLeft, (_c = children !== null && children !== void 0 ? children : input) !== null && _c !== void 0 ? _c : (react_1.default.createElement(inputInput_1.default, Object.assign({ ref: inputRef }, {
+            (0, utils_1.isString)(iconLeft) ? react_1.default.createElement(inputIcon_1.default, { ml: 1, name: iconLeft }) : iconLeft, (_a = children !== null && children !== void 0 ? children : input) !== null && _a !== void 0 ? _a : (react_1.default.createElement(inputInput_1.default, Object.assign({ ref: inputRef }, {
             autoComplete,
             autoFocus,
             defaultValue,
@@ -122,8 +119,8 @@ exports.Input = (0, core_1.vui)((props, ref) => {
         }, { value: valueInternal }, inputProps))),
             (0, utils_1.isString)(iconRight) ? react_1.default.createElement(inputIcon_1.default, { mr: 1, name: iconRight }) : iconRight,
             itemRight,
-            state && react_1.default.createElement(inputIcon_1.default, Object.assign({ mr: 1 }, (_d = states[state]) === null || _d === void 0 ? void 0 : _d.iconProps)),
-            showCount && (react_1.default.createElement(t_1.T, { className: "vui-inputCount", color: maxLength && count > maxLength ? consts_1.redColor : consts_1.greyColor, position: "absolute", right: 0, size: "sm", top: "calc(100% + 1px)" },
+            state && react_1.default.createElement(inputIcon_1.default, Object.assign({ mr: 1 }, (_b = states[state]) === null || _b === void 0 ? void 0 : _b.iconProps)),
+            showCount && (react_1.default.createElement(t_1.T, { className: "vui-inputCount", color: maxLength && count > maxLength ? consts_1.inputColors.error : consts_1.inputColors.helpText, position: "absolute", right: 0, size: "sm", top: "calc(100% + 1px)" },
                 count,
                 " ",
                 maxLength ? `/ ${maxLength}` : null))),

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

@@ -10,7 +10,7 @@ export declare type InputProps = SystemProps & ThemingProps<'Input'> & {
     autoComplete?: string;
     /** Passed to the inner input. */
     autoFocus?: boolean;
-    /** Available theme colors for this component. @default grey */
+    /** Deprecated. Please use variant instead. @deprecated  */
     colorScheme?: 'green' | 'grey' | 'red';
     /** Passed to the inner input. */
     defaultValue?: number | string;
@@ -28,7 +28,7 @@ export declare type InputProps = SystemProps & ThemingProps<'Input'> & {
     inputProps?: InputInputProps;
     /** Ref passed to the inner input. */
     inputRef?: React.MutableRefObject<HTMLInputElement | null> | null;
-    /** Styles the input in invalid state. */
+    /** Deprecated. Please use variant="red" and/or state="error" instead. @deprecated*/
     isInvalid?: boolean;
     /** Socket displaying a custom element on the left. */
     itemLeft?: React.ReactNode;
@@ -37,11 +37,11 @@ export declare type InputProps = SystemProps & ThemingProps<'Input'> & {
     /** Socket displaying help text bellow an input. */
     helpText?: React.ReactNode | string;
     /** Passed to the inner input. */
-    max?: number | string;
+    max?: number;
     /** Passed to the inner input. */
     maxLength?: number;
     /** Passed to the inner input. */
-    min?: number | string;
+    min?: number;
     /** Passed to the inner input. */
     name?: string;
     /** Passed to the inner input. */
@@ -65,7 +65,7 @@ export declare type InputProps = SystemProps & ThemingProps<'Input'> & {
     /** Object definition of styles and content for each state. */
     stateMapping?: InputStateMapping;
     /** Passed to the inner input. */
-    step?: number | string;
+    step?: number;
     /** Passed to the inner input. */
     type?: InputType;
     /** Passed to the inner input. */
@@ -76,7 +76,7 @@ export declare type HelpTextProps = PProps & {
 };
 export declare type InputState = 'default' | 'error' | 'loading' | 'success';
 export declare type InputStateMapping = Record<string, {
-    colorScheme?: InputProps['colorScheme'];
+    variant?: InputProps['variant'];
     iconProps: IconProps;
 }>;
 export declare type InputType = 'date' | 'datetime-local' | 'email' | 'hidden' | 'month' | 'number' | 'password' | 'search' | 'tel' | 'text' | 'time' | 'url' | 'week';

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

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

package/dist/cjs/input/inputIcon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"inputIcon.d.ts","sourceRoot":"","sources":["../../../src/input/inputIcon.tsx"],"names":[],"mappings":"AAGA,OAAa,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AAIzC,yCAAyC;AACzC,eAAO,MAAM,SAAS,kDASpB,CAAA;AAEF,eAAe,SAAS,CAAA"}
+{"version":3,"file":"inputIcon.d.ts","sourceRoot":"","sources":["../../../src/input/inputIcon.tsx"],"names":[],"mappings":"AAGA,OAAa,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AAKzC,yCAAyC;AACzC,eAAO,MAAM,SAAS,kDASpB,CAAA;AAEF,eAAe,SAAS,CAAA"}

package/dist/cjs/input/inputIcon.js

@@ -19,6 +19,7 @@ const react_1 = __importDefault(require("react"));
 const core_1 = require("../core");
 const icon_1 = __importDefault(require("../icon"));
 const utils_1 = require("../utils");
+const consts_1 = require("./consts");
 const context_1 = require("./context");
 /** Displays an icon within the Input. */
 exports.InputIcon = (0, core_1.vui)((props, ref) => {
@@ -26,7 +27,7 @@ exports.InputIcon = (0, core_1.vui)((props, ref) => {
     const inputProps = (0, context_1.useInputContext)();
     const mergedProps = Object.assign(Object.assign({}, inputProps), props);
     const styles = (0, core_1.useStyleConfig)('Input', mergedProps);
-    const color = !mergedProps.disabled ? 'blue.80' : 'grey.50';
+    const color = !mergedProps.disabled ? consts_1.inputColors.icons : consts_1.inputColors.placeholder;
     return react_1.default.createElement(icon_1.default, Object.assign({ className: (0, utils_1.cs)('vui-inputIcon', className), color: color, ref: ref }, styles.icon, rest));
 });
 exports.default = exports.InputIcon;

package/dist/cjs/input/theme.d.ts

@@ -1,23 +1,22 @@
-import { Dict } from '../utils';
-declare function variantDefault(props: Dict): {
-    container: {
-        borderColor: string;
-        focusWithinRing: number;
-        focusWithinRingColor: string;
-    };
-    icon: {};
-    input: {};
-};
 declare const _default: {
-    baseStyle: {};
+    baseStyle: {
+        container: {
+            focusWithinRing: number;
+            color: string;
+        };
+        input: {
+            color: {
+                placeholder: string;
+            };
+        };
+    };
     defaultProps: {
-        colorScheme: string;
         size: string;
         variant: string;
     };
     parts: string[];
     sizes: {
-        xs: {
+        sm: {
             container: {
                 fontSize: string;
                 h: number;
@@ -27,7 +26,7 @@ declare const _default: {
             };
             input: {};
         };
-        sm: {
+        md: {
             container: {
                 fontSize: string;
                 h: number;
@@ -37,7 +36,7 @@ declare const _default: {
             };
             input: {};
         };
-        md: {
+        lg: {
             container: {
                 fontSize: string;
                 h: number;
@@ -47,7 +46,7 @@ declare const _default: {
             };
             input: {};
         };
-        lg: {
+        xl: {
             container: {
                 fontSize: string;
                 h: number;
@@ -59,7 +58,24 @@ declare const _default: {
         };
     };
     variants: {
-        default: typeof variantDefault;
+        grey: {
+            container: {
+                borderColor: string;
+                focusWithinRingColor: string;
+            };
+        };
+        green: {
+            container: {
+                borderColor: string;
+                focusWithinRingColor: string;
+            };
+        };
+        red: {
+            container: {
+                borderColor: string;
+                focusWithinRingColor: string;
+            };
+        };
     };
 };
 export default _default;

package/dist/cjs/input/theme.d.ts.map

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

package/dist/cjs/input/theme.js

@@ -1,29 +1,22 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-function variantDefault(props) {
-    const { colorScheme: c } = props;
-    const container = {
-        borderColor: `${c}.80`,
+const consts_1 = require("./consts");
+const baseStyle = {
+    container: {
         focusWithinRing: 2,
-        focusWithinRingColor: `${c}.80`
-    };
-    if (c === 'grey') {
-        container.borderColor = `${c}.60`;
-        container.focusWithinRingColor = 'blue.50';
+        color: consts_1.inputColors.inputText
+    },
+    input: {
+        color: { placeholder: consts_1.inputColors.placeholder }
     }
-    const icon = {};
-    const input = {};
-    return { container, icon, input };
-}
-const baseStyle = {};
+};
 const defaultProps = {
-    colorScheme: 'grey',
-    size: 'md',
-    variant: 'default'
+    size: 'lg',
+    variant: 'grey'
 };
 const parts = ['container', 'icon', 'input'];
 const sizes = {
-    xs: {
+    sm: {
         container: {
             fontSize: 'sm',
             h: 24
@@ -33,7 +26,7 @@ const sizes = {
         },
         input: {}
     },
-    sm: {
+    md: {
         container: {
             fontSize: 'sm',
             h: 32
@@ -43,7 +36,7 @@ const sizes = {
         },
         input: {}
     },
-    md: {
+    lg: {
         container: {
             fontSize: 'md',
             h: 40
@@ -53,7 +46,7 @@ const sizes = {
         },
         input: {}
     },
-    lg: {
+    xl: {
         container: {
             fontSize: 'lg',
             h: 48
@@ -65,7 +58,24 @@ const sizes = {
     }
 };
 const variants = {
-    default: variantDefault
+    grey: {
+        container: {
+            borderColor: consts_1.inputColors.border,
+            focusWithinRingColor: consts_1.inputColors.focus
+        }
+    },
+    green: {
+        container: {
+            borderColor: consts_1.inputColors.success,
+            focusWithinRingColor: consts_1.inputColors.success
+        }
+    },
+    red: {
+        container: {
+            borderColor: consts_1.inputColors.error,
+            focusWithinRingColor: consts_1.inputColors.error
+        }
+    }
 };
 exports.default = {
     baseStyle,

package/dist/cjs/list/listItem.js

@@ -54,8 +54,8 @@ exports.ListItemBase = core_1.styled.liBox `
   transition-duration: fast;
 
   &[aria-disabled='true'] {
-    background-color: disabled .bg;
-    color: disabled .color;
+    background-color: sandstone.95;
+    color: sandstone.10;
     cursor: not-allowed;
     user-select: none;
   }

package/dist/cjs/message/consts.d.ts

@@ -5,9 +5,15 @@ export declare const iconDictionary: {
     success: string;
 };
 export declare const spacingDictionary: {
-    md: number;
-    xs: number;
     sm: number;
+    md: number;
     lg: number;
+    xl: number;
+};
+export declare const messageColors: {
+    info: string;
+    warning: string;
+    error: string;
+    success: string;
 };
 //# sourceMappingURL=consts.d.ts.map

package/dist/cjs/message/consts.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"consts.d.ts","sourceRoot":"","sources":["../../../src/message/consts.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,cAAc;;;;;CAK1B,CAAA;AAED,eAAO,MAAM,iBAAiB;;;;;CAK7B,CAAA"}
+{"version":3,"file":"consts.d.ts","sourceRoot":"","sources":["../../../src/message/consts.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,cAAc;;;;;CAK1B,CAAA;AAED,eAAO,MAAM,iBAAiB;;;;;CAK7B,CAAA;AAED,eAAO,MAAM,aAAa;;;;;CAKzB,CAAA"}

package/dist/cjs/message/consts.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.spacingDictionary = exports.iconDictionary = void 0;
+exports.messageColors = exports.spacingDictionary = exports.iconDictionary = void 0;
 exports.iconDictionary = {
     info: 'falInfoCircle',
     warning: 'falExclamationTriangle',
@@ -8,8 +8,14 @@ exports.iconDictionary = {
     success: 'falCheckCircle'
 };
 exports.spacingDictionary = {
-    md: 8,
-    xs: 4,
-    sm: 6,
-    lg: 10
+    sm: 4,
+    md: 6,
+    lg: 8,
+    xl: 10
+};
+exports.messageColors = {
+    info: 'seaBlue.28',
+    warning: 'terracotta.30',
+    error: 'energyRed.45',
+    success: 'landGreen.35'
 };

package/dist/cjs/message/message.js

@@ -27,11 +27,11 @@ exports.MessageBase = core_1.styled.divBox `
 `;
 /** Displays a simple message text. */
 exports.Message = (0, core_1.vui)((props, ref) => {
-    const { children, className, text, size = 'md', variant = 'info' } = props, rest = __rest(props, ["children", "className", "text", "size", "variant"]);
+    const { children, className, text, size = 'lg', variant = 'info' } = props, rest = __rest(props, ["children", "className", "text", "size", "variant"]);
     const styles = (0, core_1.useStyleConfig)('Message', props);
     return (react_1.default.createElement(exports.MessageBase, Object.assign({ className: (0, utils_1.cs)('vui-message', className), ref: ref }, styles, rest),
         react_1.default.createElement(box_1.Box, null,
-            react_1.default.createElement(icon_1.Icon, { mr: `${consts_1.spacingDictionary[size]}px`, name: consts_1.iconDictionary[variant], size: size }),
-            react_1.default.createElement(t_1.T, { size: size }, children !== null && children !== void 0 ? children : text))));
+            react_1.default.createElement(icon_1.Icon, { mr: `${consts_1.spacingDictionary[size]}px`, name: consts_1.iconDictionary[variant], size: styles.fontSize }),
+            react_1.default.createElement(t_1.T, { size: styles.fontSize }, children !== null && children !== void 0 ? children : text))));
 });
 exports.default = exports.Message;

package/dist/cjs/message/theme.d.ts

@@ -2,11 +2,9 @@ declare const _default: {
     baseStyle: {};
     defaultProps: {
         variant: string;
+        size: string;
     };
     sizes: {
-        xs: {
-            fontSize: string;
-        };
         sm: {
             fontSize: string;
         };
@@ -16,6 +14,9 @@ declare const _default: {
         lg: {
             fontSize: string;
         };
+        xl: {
+            fontSize: string;
+        };
     };
     variants: {
         info: {

package/dist/cjs/message/theme.d.ts.map

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

package/dist/cjs/message/theme.js

@@ -1,35 +1,37 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+const consts_1 = require("./consts");
 const baseStyle = {};
 const defaultProps = {
-    variant: 'info'
+    variant: 'info',
+    size: 'lg'
 };
 const sizes = {
-    xs: {
+    sm: {
         fontSize: 'xs'
     },
-    sm: {
+    md: {
         fontSize: 'sm'
     },
-    md: {
+    lg: {
         fontSize: 'md'
     },
-    lg: {
+    xl: {
         fontSize: 'lg'
     }
 };
 const variants = {
     info: {
-        color: 'blue.80'
+        color: consts_1.messageColors.info
     },
     warning: {
-        color: 'yellow.90'
+        color: consts_1.messageColors.warning
     },
     error: {
-        color: 'red.80'
+        color: consts_1.messageColors.error
     },
     success: {
-        color: 'green.80'
+        color: consts_1.messageColors.success
     }
 };
 exports.default = {

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,eAqDxC;yBArDe,MAAM;;;;;;;;;AA4DtB,eAAe,MAAM,CAAA"}
+{"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"}

package/dist/cjs/select/select.js

@@ -31,7 +31,7 @@ const useSelect_1 = __importDefault(require("./useSelect"));
  */
 function Select(props) {
     var _a;
-    const { children, defaultValue, disabled, isInvalid, isMultiple, name, onChange, options, placeholder = 'Please select', readOnly, selectButton, size, value, variant } = props, rest = __rest(props, ["children", "defaultValue", "disabled", "isInvalid", "isMultiple", "name", "onChange", "options", "placeholder", "readOnly", "selectButton", "size", "value", "variant"]);
+    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 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);
@@ -49,7 +49,7 @@ function Select(props) {
         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, { 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)))))))));
+                    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)))))))));
 }
 exports.Select = Select;
 Select.Button = selectButton_1.default;