@veracity/vui 2.19.0 → 2.20.0-beta.0

package/dist/cjs/textarea/textarea.js

@@ -17,6 +17,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Textarea = exports.TextareaBase = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
+const __1 = require("..");
 const core_1 = require("../core");
 const consts_1 = require("../input/consts");
 const helpText_1 = __importDefault(require("../input/helpText"));
@@ -51,9 +52,11 @@ exports.TextareaBase = core_1.styled.divBox `
  * Forwards many relevant props to the inner textarea. Exposes some props to the children via context.
  */
 exports.Textarea = (0, core_1.vui)((props, ref) => {
-    const _a = (0, core_1.omitThemingProps)(props), { autoFocus, ariaLabel, className, colorScheme: colorSchemeProp, cols, defaultValue, disabled, errorText, id, helpText, maxLength, name, onBlur, onChange: onChangeProp, onFocus, placeholder, readOnly, required, resize = 'none', rows, showCount, textareaProps = {}, textareaRef, value } = _a, rest = __rest(_a, ["autoFocus", "ariaLabel", "className", "colorScheme", "cols", "defaultValue", "disabled", "errorText", "id", "helpText", "maxLength", "name", "onBlur", "onChange", "onFocus", "placeholder", "readOnly", "required", "resize", "rows", "showCount", "textareaProps", "textareaRef", "value"]);
+    const _a = (0, core_1.omitThemingProps)(props), { autoFocus, ariaLabel, className, colorScheme: colorSchemeProp, cols, defaultValue, disabled, errorText, id: idProp, helpText, label, maxLength, name, onBlur, onChange: onChangeProp, onFocus, placeholder, readOnly, required, resize = 'none', rows, showCount, textareaProps = {}, textareaRef, value } = _a, rest = __rest(_a, ["autoFocus", "ariaLabel", "className", "colorScheme", "cols", "defaultValue", "disabled", "errorText", "id", "helpText", "label", "maxLength", "name", "onBlur", "onChange", "onFocus", "placeholder", "readOnly", "required", "resize", "rows", "showCount", "textareaProps", "textareaRef", "value"]);
+    const generatedId = (0, react_1.useId)();
     const [count, setCount] = (0, react_1.useState)((0, helpers_1.getInitialCount)(props));
     const [valueInternal, setValueInternal] = (0, react_1.useState)(defaultValue);
+    const id = idProp || generatedId;
     const styles = (0, core_1.useStyleConfig)('Textarea', props);
     function onChange(e) {
         setValueInternal(e.target.value);
@@ -76,21 +79,21 @@ exports.Textarea = (0, core_1.vui)((props, ref) => {
         setValueInternal(value);
         setCount(((_a = value === null || value === void 0 ? void 0 : value.toString()) === null || _a === void 0 ? void 0 : _a.length) ? `${value}`.length : 0);
     }, [value]);
-    return ((0, jsx_runtime_1.jsxs)(exports.TextareaBase, Object.assign({ className: (0, utils_1.cs)('vui-textarea', className), ref: ref }, styles.container, aliasedProps, rest, { children: [(0, jsx_runtime_1.jsx)(TextareaTextarea, Object.assign({ className: "vui-textareaTextarea", ref: textareaRef, autoFocus,
-                cols,
-                defaultValue,
-                disabled,
-                id,
-                maxLength,
-                name,
-                onBlur,
-                onChange,
-                onFocus,
-                placeholder,
-                readOnly,
-                required,
-                resize,
-                rows, value: valueInternal }, styles.textarea, textareaAliasedProps, textareaProps)), showCount && ((0, jsx_runtime_1.jsxs)(t_1.default, { className: "vui-textareaCount", color: maxLength && count > maxLength ? consts_1.inputColors.error : consts_1.inputColors.helpText, position: "absolute", right: 0, size: "sm", top: "calc(100% + 1px)", children: [count, " ", maxLength ? `/ ${maxLength}` : null] })), !!helpText && (0, jsx_runtime_1.jsx)(helpText_1.default, { size: consts_1.helpTextSize['lg'], children: helpText }), !!errorText && ((0, jsx_runtime_1.jsx)(helpText_1.default, { isError: true, size: consts_1.helpTextSize['lg'], children: errorText }))] })));
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, utils_1.isString)(label) ? ((0, jsx_runtime_1.jsx)(__1.Label, Object.assign({ "aria-disabled": disabled, className: "vui-textareaLabel", htmlFor: id, mb: 0.5 }, styles.label, { children: label }))) : (label), (0, jsx_runtime_1.jsxs)(exports.TextareaBase, Object.assign({ className: (0, utils_1.cs)('vui-textarea', className), ref: ref }, styles.container, aliasedProps, rest, { children: [(0, jsx_runtime_1.jsx)(TextareaTextarea, Object.assign({ className: "vui-textareaTextarea", ref: textareaRef, autoFocus,
+                        cols,
+                        defaultValue,
+                        disabled,
+                        id,
+                        maxLength,
+                        name,
+                        onBlur,
+                        onChange,
+                        onFocus,
+                        placeholder,
+                        readOnly,
+                        required,
+                        resize,
+                        rows, value: valueInternal }, styles.textarea, textareaAliasedProps, textareaProps)), showCount && ((0, jsx_runtime_1.jsxs)(t_1.default, { className: "vui-textareaCount", color: maxLength && count > maxLength ? consts_1.inputColors.error : consts_1.inputColors.helpText, position: "absolute", right: 0, size: "sm", top: "calc(100% + 1px)", children: [count, " ", maxLength ? `/ ${maxLength}` : null] })), !!helpText && (0, jsx_runtime_1.jsx)(helpText_1.default, { size: consts_1.helpTextSize['lg'], children: helpText }), !!errorText && ((0, jsx_runtime_1.jsx)(helpText_1.default, { isError: true, size: consts_1.helpTextSize['lg'], children: errorText }))] }))] }));
 });
 exports.Textarea.displayName = 'Textarea';
 exports.default = exports.Textarea;

package/dist/cjs/textarea/textarea.js.map

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

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

@@ -23,6 +23,8 @@ export type TextareaProps = SystemProps & ThemingProps<'Textarea'> & {
     helpText?: React.ReactNode | string;
     /** Deprecated. Please use variant="red" instead. @deprecated*/
     isInvalid?: boolean;
+    /** The label. */
+    label?: string | React.ReactNode;
     /** Passed to the inner input. */
     maxLength?: number;
     /** Passed to the inner input. */

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

@@ -1 +1 @@
-{"version":3,"file":"textarea.types.d.ts","sourceRoot":"","sources":["../../../src/textarea/textarea.types.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAA;AACvC,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AACvC,OAAO,EAAE,kBAAkB,EAAE,iBAAiB,EAAE,OAAO,EAAE,MAAM,UAAU,CAAA;AAEzE,MAAM,MAAM,aAAa,GAAG,WAAW,GACrC,YAAY,CAAC,UAAU,CAAC,GAAG;IACzB,iCAAiC;IACjC,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,wCAAwC;IACxC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,gDAAgD;IAChD,QAAQ,CAAC,EAAE,KAAK,CAAA;IAChB,2DAA2D;IAC3D,WAAW,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,KAAK,CAAA;IACtC,iCAAiC;IACjC,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,iCAAiC;IACjC,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC9B,iCAAiC;IACjC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,mDAAmD;IACnD,SAAS,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAA;IACpC,kDAAkD;IAClD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,MAAM,CAAA;IACnC,+DAA+D;IAC/D,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,iCAAiC;IACjC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,iCAAiC;IACjC,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,iCAAiC;IACjC,MAAM,CAAC,EAAE,iBAAiB,CAAC,mBAAmB,CAAC,CAAA;IAC/C,iCAAiC;IACjC,QAAQ,CAAC,EAAE,kBAAkB,CAAC,mBAAmB,CAAC,CAAA;IAClD,iCAAiC;IACjC,OAAO,CAAC,EAAE,iBAAiB,CAAC,mBAAmB,CAAC,CAAA;IAChD,iCAAiC;IACjC,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,iCAAiC;IACjC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,iCAAiC;IACjC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,iCAAiC;IACjC,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,iEAAiE;IACjE,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,iDAAiD;IACjD,aAAa,CAAC,EAAE,OAAO,CAAC,UAAU,EAAE,WAAW,CAAC,CAAA;IAChD,wCAAwC;IACxC,WAAW,CAAC,EAAE,KAAK,CAAC,gBAAgB,CAAC,mBAAmB,GAAG,IAAI,CAAC,GAAG,IAAI,CAAA;IACvE,iCAAiC;IACjC,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;CACxB,CAAA"}
+{"version":3,"file":"textarea.types.d.ts","sourceRoot":"","sources":["../../../src/textarea/textarea.types.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAA;AACvC,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AACvC,OAAO,EAAE,kBAAkB,EAAE,iBAAiB,EAAE,OAAO,EAAE,MAAM,UAAU,CAAA;AAEzE,MAAM,MAAM,aAAa,GAAG,WAAW,GACrC,YAAY,CAAC,UAAU,CAAC,GAAG;IACzB,iCAAiC;IACjC,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,wCAAwC;IACxC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,gDAAgD;IAChD,QAAQ,CAAC,EAAE,KAAK,CAAA;IAChB,2DAA2D;IAC3D,WAAW,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,KAAK,CAAA;IACtC,iCAAiC;IACjC,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,iCAAiC;IACjC,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC9B,iCAAiC;IACjC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,mDAAmD;IACnD,SAAS,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAA;IACpC,kDAAkD;IAClD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,MAAM,CAAA;IACnC,+DAA+D;IAC/D,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,iBAAiB;IACjB,KAAK,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAA;IAChC,iCAAiC;IACjC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,iCAAiC;IACjC,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,iCAAiC;IACjC,MAAM,CAAC,EAAE,iBAAiB,CAAC,mBAAmB,CAAC,CAAA;IAC/C,iCAAiC;IACjC,QAAQ,CAAC,EAAE,kBAAkB,CAAC,mBAAmB,CAAC,CAAA;IAClD,iCAAiC;IACjC,OAAO,CAAC,EAAE,iBAAiB,CAAC,mBAAmB,CAAC,CAAA;IAChD,iCAAiC;IACjC,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,iCAAiC;IACjC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,iCAAiC;IACjC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,iCAAiC;IACjC,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,iEAAiE;IACjE,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,iDAAiD;IACjD,aAAa,CAAC,EAAE,OAAO,CAAC,UAAU,EAAE,WAAW,CAAC,CAAA;IAChD,wCAAwC;IACxC,WAAW,CAAC,EAAE,KAAK,CAAC,gBAAgB,CAAC,mBAAmB,GAAG,IAAI,CAAC,GAAG,IAAI,CAAA;IACvE,iCAAiC;IACjC,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;CACxB,CAAA"}

package/dist/cjs/textarea/theme.js

@@ -13,7 +13,7 @@ const baseStyle = {
 const defaultProps = {
     variant: 'grey',
 };
-const parts = ['container', 'textarea'];
+const parts = ['container', 'textarea', 'label'];
 const sizes = {};
 const variants = {
     grey: {

package/dist/cjs/textarea/theme.js.map

@@ -1 +1 @@
-{"version":3,"file":"theme.js","sourceRoot":"","sources":["../../../src/textarea/theme.ts"],"names":[],"mappings":";;AAAA,4CAA6C;AAE7C,MAAM,SAAS,GAAG;IAChB,QAAQ,EAAE;QACR,eAAe,EAAE,CAAC;QAClB,KAAK,EAAE,oBAAW,CAAC,SAAS;KAC7B;IACD,KAAK,EAAE;QACL,KAAK,EAAE,EAAE,WAAW,EAAE,oBAAW,CAAC,WAAW,EAAE;KAChD;CACF,CAAA;AAED,MAAM,YAAY,GAAG;IACnB,OAAO,EAAE,MAAM;CAChB,CAAA;AAED,MAAM,KAAK,GAAG,CAAC,WAAW,EAAE,UAAU,CAAC,CAAA;AAEvC,MAAM,KAAK,GAAG,EAAE,CAAA;AAEhB,MAAM,QAAQ,GAAG;IACf,IAAI,EAAE;QACJ,QAAQ,EAAE;YACR,WAAW,EAAE,oBAAW,CAAC,MAAM;YAC/B,oBAAoB,EAAE,oBAAW,CAAC,KAAK;SACxC;KACF;IACD,KAAK,EAAE;QACL,QAAQ,EAAE;YACR,WAAW,EAAE,oBAAW,CAAC,OAAO;YAChC,oBAAoB,EAAE,oBAAW,CAAC,OAAO;SAC1C;KACF;IACD,GAAG,EAAE;QACH,QAAQ,EAAE;YACR,WAAW,EAAE,oBAAW,CAAC,KAAK;YAC9B,oBAAoB,EAAE,oBAAW,CAAC,KAAK;SACxC;KACF;CACF,CAAA;AAED,kBAAe;IACb,SAAS;IACT,YAAY;IACZ,KAAK;IACL,KAAK;IACL,QAAQ;CACT,CAAA"}
+{"version":3,"file":"theme.js","sourceRoot":"","sources":["../../../src/textarea/theme.ts"],"names":[],"mappings":";;AAAA,4CAA6C;AAE7C,MAAM,SAAS,GAAG;IAChB,QAAQ,EAAE;QACR,eAAe,EAAE,CAAC;QAClB,KAAK,EAAE,oBAAW,CAAC,SAAS;KAC7B;IACD,KAAK,EAAE;QACL,KAAK,EAAE,EAAE,WAAW,EAAE,oBAAW,CAAC,WAAW,EAAE;KAChD;CACF,CAAA;AAED,MAAM,YAAY,GAAG;IACnB,OAAO,EAAE,MAAM;CAChB,CAAA;AAED,MAAM,KAAK,GAAG,CAAC,WAAW,EAAE,UAAU,EAAE,OAAO,CAAC,CAAA;AAEhD,MAAM,KAAK,GAAG,EAAE,CAAA;AAEhB,MAAM,QAAQ,GAAG;IACf,IAAI,EAAE;QACJ,QAAQ,EAAE;YACR,WAAW,EAAE,oBAAW,CAAC,MAAM;YAC/B,oBAAoB,EAAE,oBAAW,CAAC,KAAK;SACxC;KACF;IACD,KAAK,EAAE;QACL,QAAQ,EAAE;YACR,WAAW,EAAE,oBAAW,CAAC,OAAO;YAChC,oBAAoB,EAAE,oBAAW,CAAC,OAAO;SAC1C;KACF;IACD,GAAG,EAAE;QACH,QAAQ,EAAE;YACR,WAAW,EAAE,oBAAW,CAAC,KAAK;YAC9B,oBAAoB,EAAE,oBAAW,CAAC,KAAK;SACxC;KACF;CACF,CAAA;AAED,kBAAe;IACb,SAAS;IACT,YAAY;IACZ,KAAK;IACL,KAAK;IACL,QAAQ;CACT,CAAA"}

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

@@ -730,7 +730,7 @@ declare const _default: {
         baseStyle: {
             control: {
                 color: "sandstone.60";
-                hoverColor: "sandstone.60";
+                hoverColor: "seaBlue.20";
             };
         };
         defaultProps: {
@@ -1187,6 +1187,9 @@ declare const _default: {
                     size: string;
                 };
                 input: {};
+                label: {
+                    fontSize: string;
+                };
             };
             md: {
                 container: {
@@ -1197,6 +1200,9 @@ declare const _default: {
                     size: string;
                 };
                 input: {};
+                label: {
+                    fontSize: string;
+                };
             };
             lg: {
                 container: {
@@ -1207,6 +1213,9 @@ declare const _default: {
                     size: string;
                 };
                 input: {};
+                label: {
+                    fontSize: string;
+                };
             };
             xl: {
                 container: {
@@ -1217,6 +1226,9 @@ declare const _default: {
                     size: string;
                 };
                 input: {};
+                label: {
+                    fontSize: string;
+                };
             };
         };
         variants: {
@@ -1240,6 +1252,27 @@ declare const _default: {
             };
         };
     };
+    Label: {
+        baseStyle: {};
+        defaultProps: {
+            size: string;
+        };
+        sizes: {
+            xs: {
+                fontSize: string;
+            };
+            sm: {
+                fontSize: string;
+            };
+            md: {
+                fontSize: string;
+            };
+            lg: {
+                fontSize: string;
+            };
+        };
+        variants: {};
+    };
     Link: {
         baseStyle: {
             container: {
@@ -1798,7 +1831,7 @@ declare const _default: {
         baseStyle: {
             control: {
                 color: "sandstone.60";
-                hoverColor: "sandstone.60";
+                hoverColor: "seaBlue.20";
             };
         };
         defaultProps: {
@@ -1848,11 +1881,43 @@ declare const _default: {
                 button: {
                     size: string;
                 };
+                group: {
+                    size: string;
+                };
+                option: {
+                    size: string;
+                };
+                label: {
+                    fontSize: string;
+                };
             };
             md: {
                 button: {
                     size: string;
                 };
+                group: {
+                    size: string;
+                };
+                option: {
+                    size: string;
+                };
+                label: {
+                    fontSize: string;
+                };
+            };
+            lg: {
+                button: {
+                    size: string;
+                };
+                group: {
+                    size: string;
+                };
+                option: {
+                    size: string;
+                };
+                label: {
+                    fontSize: string;
+                };
             };
         };
         variants: {
@@ -2197,6 +2262,22 @@ declare const _default: {
                     size: string;
                 };
             };
+            xl: () => {
+                button: {
+                    fontSize: string;
+                    minW: number;
+                    thumb: {
+                        h: number;
+                        w: number;
+                    };
+                    track: {
+                        h: number;
+                    };
+                };
+                label: {
+                    size: string;
+                };
+            };
         };
         variants: {
             primary: {

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

@@ -1 +1 @@
-{"version":3,"file":"components.d.ts","sourceRoot":"","sources":["../../../src/theme/components.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwDA,wBAmDC"}
+{"version":3,"file":"components.d.ts","sourceRoot":"","sources":["../../../src/theme/components.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyDA,wBAoDC"}

package/dist/cjs/theme/components.js

@@ -25,33 +25,34 @@ const theme_18 = __importDefault(require("../heading/theme"));
 const theme_19 = __importDefault(require("../icon/theme"));
 const theme_20 = __importDefault(require("../image/theme"));
 const theme_21 = __importDefault(require("../input/theme"));
-const theme_22 = __importDefault(require("../link/theme"));
-const theme_23 = __importDefault(require("../list/theme"));
-const theme_24 = __importDefault(require("../menu/theme"));
-const theme_25 = __importDefault(require("../message/theme"));
-const theme_26 = __importDefault(require("../modal/theme"));
-const theme_27 = __importDefault(require("../notification/theme"));
-const theme_28 = __importDefault(require("../p/theme"));
-const theme_29 = __importDefault(require("../pagination/theme"));
-const theme_30 = __importDefault(require("../panel/theme"));
-const theme_31 = __importDefault(require("../popover/theme"));
-const theme_32 = __importDefault(require("../progress/theme"));
-const theme_33 = __importDefault(require("../progressCircular/theme"));
-const theme_34 = __importDefault(require("../radio/theme"));
-const theme_35 = __importDefault(require("../select/theme"));
-const theme_36 = __importDefault(require("../sidemenu/theme"));
-const theme_37 = __importDefault(require("../skeleton/theme"));
-const theme_38 = __importDefault(require("../spinner/theme"));
-const theme_39 = __importDefault(require("../stepIndicator/theme"));
-const theme_40 = __importDefault(require("../stepperHorizontal/theme"));
-const theme_41 = __importDefault(require("../stepperVertical/theme"));
-const theme_42 = __importDefault(require("../switch/theme"));
-const theme_43 = __importDefault(require("../t/theme"));
-const theme_44 = __importDefault(require("../table/theme"));
-const theme_45 = __importDefault(require("../tabs/theme"));
-const theme_46 = __importDefault(require("../tag/theme"));
-const theme_47 = __importDefault(require("../textarea/theme"));
-const theme_48 = __importDefault(require("../tree/theme"));
+const theme_22 = __importDefault(require("../label/theme"));
+const theme_23 = __importDefault(require("../link/theme"));
+const theme_24 = __importDefault(require("../list/theme"));
+const theme_25 = __importDefault(require("../menu/theme"));
+const theme_26 = __importDefault(require("../message/theme"));
+const theme_27 = __importDefault(require("../modal/theme"));
+const theme_28 = __importDefault(require("../notification/theme"));
+const theme_29 = __importDefault(require("../p/theme"));
+const theme_30 = __importDefault(require("../pagination/theme"));
+const theme_31 = __importDefault(require("../panel/theme"));
+const theme_32 = __importDefault(require("../popover/theme"));
+const theme_33 = __importDefault(require("../progress/theme"));
+const theme_34 = __importDefault(require("../progressCircular/theme"));
+const theme_35 = __importDefault(require("../radio/theme"));
+const theme_36 = __importDefault(require("../select/theme"));
+const theme_37 = __importDefault(require("../sidemenu/theme"));
+const theme_38 = __importDefault(require("../skeleton/theme"));
+const theme_39 = __importDefault(require("../spinner/theme"));
+const theme_40 = __importDefault(require("../stepIndicator/theme"));
+const theme_41 = __importDefault(require("../stepperHorizontal/theme"));
+const theme_42 = __importDefault(require("../stepperVertical/theme"));
+const theme_43 = __importDefault(require("../switch/theme"));
+const theme_44 = __importDefault(require("../t/theme"));
+const theme_45 = __importDefault(require("../table/theme"));
+const theme_46 = __importDefault(require("../tabs/theme"));
+const theme_47 = __importDefault(require("../tag/theme"));
+const theme_48 = __importDefault(require("../textarea/theme"));
+const theme_49 = __importDefault(require("../tree/theme"));
 const themePlaceholder_1 = __importDefault(require("./themePlaceholder"));
 // Official external components
 const Markdown = themePlaceholder_1.default;
@@ -77,35 +78,36 @@ exports.default = {
     Icon: theme_19.default,
     Image: theme_20.default,
     Input: theme_21.default,
-    Link: theme_22.default,
-    List: theme_23.default,
+    Label: theme_22.default,
+    Link: theme_23.default,
+    List: theme_24.default,
     Markdown,
     MarkdownEditor,
-    Menu: theme_24.default,
-    Message: theme_25.default,
-    Modal: theme_26.default,
-    Notification: theme_27.default,
-    P: theme_28.default,
-    Pagination: theme_29.default,
-    Panel: theme_30.default,
-    Progress: theme_32.default,
-    ProgressCircular: theme_33.default,
+    Menu: theme_25.default,
+    Message: theme_26.default,
+    Modal: theme_27.default,
+    Notification: theme_28.default,
+    P: theme_29.default,
+    Pagination: theme_30.default,
+    Panel: theme_31.default,
+    Progress: theme_33.default,
+    ProgressCircular: theme_34.default,
     Definition: theme_11.default,
-    Popover: theme_31.default,
-    Radio: theme_34.default,
-    Select: theme_35.default,
-    Sidemenu: theme_36.default,
-    Skeleton: theme_37.default,
-    StepIndicator: theme_39.default,
-    StepperHorizontal: theme_40.default,
-    StepperVertical: theme_41.default,
-    Spinner: theme_38.default,
-    Switch: theme_42.default,
-    T: theme_43.default,
-    Table: theme_44.default,
-    Tabs: theme_45.default,
-    Tag: theme_46.default,
-    Textarea: theme_47.default,
-    Tree: theme_48.default,
+    Popover: theme_32.default,
+    Radio: theme_35.default,
+    Select: theme_36.default,
+    Sidemenu: theme_37.default,
+    Skeleton: theme_38.default,
+    StepIndicator: theme_40.default,
+    StepperHorizontal: theme_41.default,
+    StepperVertical: theme_42.default,
+    Spinner: theme_39.default,
+    Switch: theme_43.default,
+    T: theme_44.default,
+    Table: theme_45.default,
+    Tabs: theme_46.default,
+    Tag: theme_47.default,
+    Textarea: theme_48.default,
+    Tree: theme_49.default,
 };
 //# sourceMappingURL=components.js.map

package/dist/cjs/theme/components.js.map

@@ -1 +1 @@
-{"version":3,"file":"components.js","sourceRoot":"","sources":["../../../src/theme/components.ts"],"names":[],"mappings":";;;;;AAAA,mBAAmB;AACnB,+DAA0C;AAC1C,4DAAoC;AACpC,2DAAkC;AAClC,yDAA8B;AAC9B,iEAA8C;AAC9C,4DAAoC;AACpC,8DAAwC;AACxC,0DAAgC;AAChC,8DAAwC;AACxC,iEAA4C;AAC5C,iEAA4C;AAC5C,6DAAoC;AACpC,8DAAsC;AACtC,kEAA8C;AAC9C,6DAAoC;AACpC,2DAAgC;AAChC,6DAAoC;AACpC,8DAAsC;AACtC,2DAAgC;AAChC,4DAAkC;AAClC,4DAAkC;AAClC,2DAAgC;AAChC,2DAAgC;AAChC,2DAAgC;AAChC,8DAAsC;AACtC,4DAAkC;AAClC,mEAAgD;AAChD,wDAA0B;AAC1B,iEAA4C;AAC5C,4DAAkC;AAClC,8DAAsC;AACtC,+DAAwC;AACxC,uEAAwD;AACxD,4DAAkC;AAClC,6DAAoC;AACpC,+DAAwC;AACxC,+DAAwC;AACxC,8DAAsC;AACtC,oEAAkD;AAClD,wEAA0D;AAC1D,sEAAsD;AACtD,6DAAoC;AACpC,wDAA0B;AAC1B,4DAAkC;AAClC,2DAAgC;AAChC,0DAA8B;AAC9B,+DAAwC;AACxC,2DAAgC;AAChC,0EAAiD;AAEjD,+BAA+B;AAE/B,MAAM,QAAQ,GAAG,0BAAgB,CAAA;AACjC,MAAM,cAAc,GAAG,0BAAgB,CAAA;AAEvC,kBAAe;IACb,SAAS,EAAT,eAAS;IACT,MAAM,EAAN,eAAM;IACN,KAAK,EAAL,eAAK;IACL,GAAG,EAAH,eAAG;IACH,WAAW,EAAX,eAAW;IACX,MAAM,EAAN,eAAM;IACN,QAAQ,EAAR,eAAQ;IACR,IAAI,EAAJ,eAAI;IACJ,QAAQ,EAAR,eAAQ;IACR,UAAU,EAAV,gBAAU;IACV,MAAM,EAAN,gBAAM;IACN,OAAO,EAAP,gBAAO;IACP,WAAW,EAAX,gBAAW;IACX,MAAM,EAAN,gBAAM;IACN,IAAI,EAAJ,gBAAI;IACJ,MAAM,EAAN,gBAAM;IACN,OAAO,EAAP,gBAAO;IACP,IAAI,EAAJ,gBAAI;IACJ,KAAK,EAAL,gBAAK;IACL,KAAK,EAAL,gBAAK;IACL,IAAI,EAAJ,gBAAI;IACJ,IAAI,EAAJ,gBAAI;IACJ,QAAQ;IACR,cAAc;IACd,IAAI,EAAJ,gBAAI;IACJ,OAAO,EAAP,gBAAO;IACP,KAAK,EAAL,gBAAK;IACL,YAAY,EAAZ,gBAAY;IACZ,CAAC,EAAD,gBAAC;IACD,UAAU,EAAV,gBAAU;IACV,KAAK,EAAL,gBAAK;IACL,QAAQ,EAAR,gBAAQ;IACR,gBAAgB,EAAhB,gBAAgB;IAChB,UAAU,EAAV,gBAAU;IACV,OAAO,EAAP,gBAAO;IACP,KAAK,EAAL,gBAAK;IACL,MAAM,EAAN,gBAAM;IACN,QAAQ,EAAR,gBAAQ;IACR,QAAQ,EAAR,gBAAQ;IACR,aAAa,EAAb,gBAAa;IACb,iBAAiB,EAAjB,gBAAiB;IACjB,eAAe,EAAf,gBAAe;IACf,OAAO,EAAP,gBAAO;IACP,MAAM,EAAN,gBAAM;IACN,CAAC,EAAD,gBAAC;IACD,KAAK,EAAL,gBAAK;IACL,IAAI,EAAJ,gBAAI;IACJ,GAAG,EAAH,gBAAG;IACH,QAAQ,EAAR,gBAAQ;IACR,IAAI,EAAJ,gBAAI;CACL,CAAA"}
+{"version":3,"file":"components.js","sourceRoot":"","sources":["../../../src/theme/components.ts"],"names":[],"mappings":";;;;;AAAA,mBAAmB;AACnB,+DAA0C;AAC1C,4DAAoC;AACpC,2DAAkC;AAClC,yDAA8B;AAC9B,iEAA8C;AAC9C,4DAAoC;AACpC,8DAAwC;AACxC,0DAAgC;AAChC,8DAAwC;AACxC,iEAA4C;AAC5C,iEAA4C;AAC5C,6DAAoC;AACpC,8DAAsC;AACtC,kEAA8C;AAC9C,6DAAoC;AACpC,2DAAgC;AAChC,6DAAoC;AACpC,8DAAsC;AACtC,2DAAgC;AAChC,4DAAkC;AAClC,4DAAkC;AAClC,4DAAkC;AAClC,2DAAgC;AAChC,2DAAgC;AAChC,2DAAgC;AAChC,8DAAsC;AACtC,4DAAkC;AAClC,mEAAgD;AAChD,wDAA0B;AAC1B,iEAA4C;AAC5C,4DAAkC;AAClC,8DAAsC;AACtC,+DAAwC;AACxC,uEAAwD;AACxD,4DAAkC;AAClC,6DAAoC;AACpC,+DAAwC;AACxC,+DAAwC;AACxC,8DAAsC;AACtC,oEAAkD;AAClD,wEAA0D;AAC1D,sEAAsD;AACtD,6DAAoC;AACpC,wDAA0B;AAC1B,4DAAkC;AAClC,2DAAgC;AAChC,0DAA8B;AAC9B,+DAAwC;AACxC,2DAAgC;AAChC,0EAAiD;AAEjD,+BAA+B;AAE/B,MAAM,QAAQ,GAAG,0BAAgB,CAAA;AACjC,MAAM,cAAc,GAAG,0BAAgB,CAAA;AAEvC,kBAAe;IACb,SAAS,EAAT,eAAS;IACT,MAAM,EAAN,eAAM;IACN,KAAK,EAAL,eAAK;IACL,GAAG,EAAH,eAAG;IACH,WAAW,EAAX,eAAW;IACX,MAAM,EAAN,eAAM;IACN,QAAQ,EAAR,eAAQ;IACR,IAAI,EAAJ,eAAI;IACJ,QAAQ,EAAR,eAAQ;IACR,UAAU,EAAV,gBAAU;IACV,MAAM,EAAN,gBAAM;IACN,OAAO,EAAP,gBAAO;IACP,WAAW,EAAX,gBAAW;IACX,MAAM,EAAN,gBAAM;IACN,IAAI,EAAJ,gBAAI;IACJ,MAAM,EAAN,gBAAM;IACN,OAAO,EAAP,gBAAO;IACP,IAAI,EAAJ,gBAAI;IACJ,KAAK,EAAL,gBAAK;IACL,KAAK,EAAL,gBAAK;IACL,KAAK,EAAL,gBAAK;IACL,IAAI,EAAJ,gBAAI;IACJ,IAAI,EAAJ,gBAAI;IACJ,QAAQ;IACR,cAAc;IACd,IAAI,EAAJ,gBAAI;IACJ,OAAO,EAAP,gBAAO;IACP,KAAK,EAAL,gBAAK;IACL,YAAY,EAAZ,gBAAY;IACZ,CAAC,EAAD,gBAAC;IACD,UAAU,EAAV,gBAAU;IACV,KAAK,EAAL,gBAAK;IACL,QAAQ,EAAR,gBAAQ;IACR,gBAAgB,EAAhB,gBAAgB;IAChB,UAAU,EAAV,gBAAU;IACV,OAAO,EAAP,gBAAO;IACP,KAAK,EAAL,gBAAK;IACL,MAAM,EAAN,gBAAM;IACN,QAAQ,EAAR,gBAAQ;IACR,QAAQ,EAAR,gBAAQ;IACR,aAAa,EAAb,gBAAa;IACb,iBAAiB,EAAjB,gBAAiB;IACjB,eAAe,EAAf,gBAAe;IACf,OAAO,EAAP,gBAAO;IACP,MAAM,EAAN,gBAAM;IACN,CAAC,EAAD,gBAAC;IACD,KAAK,EAAL,gBAAK;IACL,IAAI,EAAJ,gBAAI;IACJ,GAAG,EAAH,gBAAG;IACH,QAAQ,EAAR,gBAAQ;IACR,IAAI,EAAJ,gBAAI;CACL,CAAA"}

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

@@ -1236,7 +1236,7 @@ declare const defaultTheme: {
             baseStyle: {
                 control: {
                     color: "sandstone.60";
-                    hoverColor: "sandstone.60";
+                    hoverColor: "seaBlue.20";
                 };
             };
             defaultProps: {
@@ -1693,6 +1693,9 @@ declare const defaultTheme: {
                         size: string;
                     };
                     input: {};
+                    label: {
+                        fontSize: string;
+                    };
                 };
                 md: {
                     container: {
@@ -1703,6 +1706,9 @@ declare const defaultTheme: {
                         size: string;
                     };
                     input: {};
+                    label: {
+                        fontSize: string;
+                    };
                 };
                 lg: {
                     container: {
@@ -1713,6 +1719,9 @@ declare const defaultTheme: {
                         size: string;
                     };
                     input: {};
+                    label: {
+                        fontSize: string;
+                    };
                 };
                 xl: {
                     container: {
@@ -1723,6 +1732,9 @@ declare const defaultTheme: {
                         size: string;
                     };
                     input: {};
+                    label: {
+                        fontSize: string;
+                    };
                 };
             };
             variants: {
@@ -1746,6 +1758,27 @@ declare const defaultTheme: {
                 };
             };
         };
+        Label: {
+            baseStyle: {};
+            defaultProps: {
+                size: string;
+            };
+            sizes: {
+                xs: {
+                    fontSize: string;
+                };
+                sm: {
+                    fontSize: string;
+                };
+                md: {
+                    fontSize: string;
+                };
+                lg: {
+                    fontSize: string;
+                };
+            };
+            variants: {};
+        };
         Link: {
             baseStyle: {
                 container: {
@@ -2304,7 +2337,7 @@ declare const defaultTheme: {
             baseStyle: {
                 control: {
                     color: "sandstone.60";
-                    hoverColor: "sandstone.60";
+                    hoverColor: "seaBlue.20";
                 };
             };
             defaultProps: {
@@ -2354,11 +2387,43 @@ declare const defaultTheme: {
                     button: {
                         size: string;
                     };
+                    group: {
+                        size: string;
+                    };
+                    option: {
+                        size: string;
+                    };
+                    label: {
+                        fontSize: string;
+                    };
                 };
                 md: {
                     button: {
                         size: string;
                     };
+                    group: {
+                        size: string;
+                    };
+                    option: {
+                        size: string;
+                    };
+                    label: {
+                        fontSize: string;
+                    };
+                };
+                lg: {
+                    button: {
+                        size: string;
+                    };
+                    group: {
+                        size: string;
+                    };
+                    option: {
+                        size: string;
+                    };
+                    label: {
+                        fontSize: string;
+                    };
                 };
             };
             variants: {
@@ -2703,6 +2768,22 @@ declare const defaultTheme: {
                         size: string;
                     };
                 };
+                xl: () => {
+                    button: {
+                        fontSize: string;
+                        minW: number;
+                        thumb: {
+                            h: number;
+                            w: number;
+                        };
+                        track: {
+                            h: number;
+                        };
+                    };
+                    label: {
+                        size: string;
+                    };
+                };
             };
             variants: {
                 primary: {

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

@@ -1 +1 @@
-{"version":3,"file":"defaultTheme.d.ts","sourceRoot":"","sources":["../../../src/theme/defaultTheme.ts"],"names":[],"mappings":"AAGA,QAAA,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAGjB,CAAA;AAED,eAAe,YAAY,CAAA"}
+{"version":3,"file":"defaultTheme.d.ts","sourceRoot":"","sources":["../../../src/theme/defaultTheme.ts"],"names":[],"mappings":"AAGA,QAAA,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAGjB,CAAA;AAED,eAAe,YAAY,CAAA"}

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

@@ -1 +1 @@
-{"version":3,"file":"checkbox.d.ts","sourceRoot":"","sources":["../../../src/checkbox/checkbox.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,aAAa,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAA;AAyBpE,eAAO,MAAM,YAAY,ulJAiBxB,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,QAAQ,uDAuFnB,CAAA;AAGF,eAAe,QAAQ,CAAA"}
+{"version":3,"file":"checkbox.d.ts","sourceRoot":"","sources":["../../../src/checkbox/checkbox.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,aAAa,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAA;AAyBpE,eAAO,MAAM,YAAY,ulJAoBxB,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,QAAQ,uDAsFnB,CAAA;AAGF,eAAe,QAAQ,CAAA"}

package/dist/esm/checkbox/checkbox.js

@@ -34,12 +34,15 @@ export const CheckboxBase = styled.labelBox `
     color: ${p => th.color(p.controlHoverColor)};
   }
 
+  .vui-checkboxControl:focus-within {
+    color: ${checkboxColors.focus};
+  }
+
   &[aria-disabled='true'] {
-    color: ${checkboxColors.disabledText};
     cursor: not-allowed;
 
     .vui-checkboxControl {
-      color: ${checkboxColors.disabledText};
+      color: ${checkboxColors.disabled};
     }
   }
 `;
@@ -56,7 +59,7 @@ export const Checkbox = vui((props, ref) => {
     const { color: controlColor, hoverColor, ...controlStyles } = styles.control;
     const icon = isIndeterminate ? iconIndeterminate : isChecked ? iconChecked : iconProp;
     const controlMr = children || label ? 1 : 0;
-    const color = controlColor ? controlColor : checkboxColors.main;
+    const color = isChecked || isIndeterminate ? checkboxColors.checked : controlColor;
     const controlHoverColor = hoverColor ? hoverColor : checkboxColors.hover;
     const isLongLabel = label && label?.length >= 60;
     useEffect(() => {
@@ -69,7 +72,7 @@ export const Checkbox = vui((props, ref) => {
     const aliasedProps = filterUndefined({
         'aria-disabled': disabled,
     });
-    return (_jsxs(CheckboxBase, { alignItems: isLongLabel ? 'flex-start' : 'center', className: cs('vui-checkbox', className), controlHoverColor: controlHoverColor, ref: ref, ...styles.container, ...aliasedProps, ...rest, children: [_jsxs(CheckboxControl, { bg: "white", className: "vui-checkboxControl", color: color, focusWithinRing: 3, mr: controlMr, role: "none", ...controlStyles, children: [_jsx(CheckboxInput, { "aria-label": label ? label : 'input-checkbox', className: "vui-checkboxInput", onChange: handleOnChange, ref: inputRef, type: "checkbox", checked, defaultChecked, disabled, id, name, required, value, ...inputProps }), _jsx(Icon, { className: "vui-checkboxIcon", h: "100%", name: icon, w: "100%" })] }), children ??
+    return (_jsxs(CheckboxBase, { alignItems: isLongLabel ? 'flex-start' : 'center', className: cs('vui-checkbox', className), controlHoverColor: controlHoverColor, ref: ref, ...styles.container, ...aliasedProps, ...rest, children: [_jsxs(CheckboxControl, { bg: "white", className: "vui-checkboxControl", color: color, focusWithinRing: 3, mr: controlMr, role: "none", ...controlStyles, children: [_jsx(CheckboxInput, { className: "vui-checkboxInput", onChange: handleOnChange, ref: inputRef, type: "checkbox", checked, defaultChecked, disabled, id, name, required, value, ...inputProps }), _jsx(Icon, { className: "vui-checkboxIcon", h: "100%", name: icon, w: "100%" })] }), children ??
                 (label && (_jsx(T, { className: "vui-checkboxLabel", lineHeight: isLongLabel ? '26px' : 'normal', ...styles.label, children: label })))] }));
 });
 Checkbox.displayName = 'Checkbox';