@veracity/vui 2.5.0-beta.0 → 2.5.0

package/dist/esm/radio/radio.js

@@ -3,6 +3,7 @@ import { omitThemingProps, styled, th, useStyleConfig, vui } from '../core';
 import Icon from '../icon';
 import T from '../t';
 import { cs, filterUndefined } from '../utils';
+import { radioColors } from './consts';
 import { useRadioGroupContext } from './context';
 const RadioControl = styled.spanBox `
   border-radius: 50%;
@@ -34,11 +35,11 @@ export const RadioBase = styled.labelBox `
   }
 
   &[aria-disabled='true'] {
-    color: disabled.color;
+    color: ${radioColors.disabled};
     cursor: not-allowed;
 
     .vui-radioControl {
-      color: disabled.color;
+      color: ${radioColors.disabled};
     }
   }
 `;
@@ -56,8 +57,8 @@ export const Radio = vui((props, ref) => {
     const { color: controlColor, hoverColor, ...controlStyles } = styles.control;
     const icon = isChecked ? iconChecked : iconProp;
     const controlMr = children || label ? 1 : 0;
-    const color = isChecked ? controlColor : 'grey.60';
-    const controlHoverColor = isChecked ? hoverColor : 'grey.90';
+    const color = controlColor ? controlColor : radioColors.main;
+    const controlHoverColor = hoverColor ? hoverColor : radioColors.hover;
     useEffect(() => {
         if (groupIsChecked !== undefined) {
             setIsChecked(groupIsChecked === value);

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

@@ -6,7 +6,7 @@ import { ChangeEventHandler, FocusEventHandler } from '../utils';
 export declare type RadioProps = SystemProps & ThemingProps<'Radio'> & {
     /** Provides value to radio in controlled mode. */
     checked?: boolean;
-    /** Available theme colors for this component. @default blue */
+    /** Deprecated. Please use variant instead. @deprecated  */
     colorScheme?: 'blue' | 'prussian';
     /** Disables radio and related elements with the right styling. */
     disabled?: boolean;

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

@@ -1 +1 @@
-{"version":3,"file":"radio.types.d.ts","sourceRoot":"","sources":["../../../src/radio/radio.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAEtC,OAAO,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAA;AAClC,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAA;AACvC,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AACvC,OAAO,EAAE,kBAAkB,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAA;AAEhE,oBAAY,UAAU,GAAG,WAAW,GAClC,YAAY,CAAC,OAAO,CAAC,GAAG;IACtB,kDAAkD;IAClD,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,+DAA+D;IAC/D,WAAW,CAAC,EAAE,MAAM,GAAG,UAAU,CAAA;IACjC,kEAAkE;IAClE,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,4DAA4D;IAC5D,IAAI,CAAC,EAAE,QAAQ,CAAA;IACf,0DAA0D;IAC1D,WAAW,CAAC,EAAE,QAAQ,CAAA;IACtB,sDAAsD;IACtD,UAAU,CAAC,EAAE,cAAc,CAAC,gBAAgB,CAAC,CAAA;IAC7C,6CAA6C;IAC7C,QAAQ,CAAC,EAAE,KAAK,CAAC,gBAAgB,CAAC,gBAAgB,GAAG,IAAI,CAAC,GAAG,IAAI,CAAA;IACjE,4CAA4C;IAC5C,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,iCAAiC;IACjC,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,iCAAiC;IACjC,MAAM,CAAC,EAAE,iBAAiB,CAAA;IAC1B,iCAAiC;IACjC,QAAQ,CAAC,EAAE,kBAAkB,CAAA;IAC7B,iCAAiC;IACjC,OAAO,CAAC,EAAE,iBAAiB,CAAA;IAC3B,iCAAiC;IACjC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,iCAAiC;IACjC,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;CACxB,CAAA;AAEH,oBAAY,eAAe,GAAG;IAC5B,6DAA6D;IAC7D,iBAAiB,EAAE,MAAM,CAAA;CAC1B,CAAA"}
+{"version":3,"file":"radio.types.d.ts","sourceRoot":"","sources":["../../../src/radio/radio.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAEtC,OAAO,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAA;AAClC,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAA;AACvC,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AACvC,OAAO,EAAE,kBAAkB,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAA;AAEhE,oBAAY,UAAU,GAAG,WAAW,GAClC,YAAY,CAAC,OAAO,CAAC,GAAG;IACtB,kDAAkD;IAClD,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,2DAA2D;IAC3D,WAAW,CAAC,EAAE,MAAM,GAAG,UAAU,CAAA;IACjC,kEAAkE;IAClE,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,4DAA4D;IAC5D,IAAI,CAAC,EAAE,QAAQ,CAAA;IACf,0DAA0D;IAC1D,WAAW,CAAC,EAAE,QAAQ,CAAA;IACtB,sDAAsD;IACtD,UAAU,CAAC,EAAE,cAAc,CAAC,gBAAgB,CAAC,CAAA;IAC7C,6CAA6C;IAC7C,QAAQ,CAAC,EAAE,KAAK,CAAC,gBAAgB,CAAC,gBAAgB,GAAG,IAAI,CAAC,GAAG,IAAI,CAAA;IACjE,4CAA4C;IAC5C,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,iCAAiC;IACjC,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,iCAAiC;IACjC,MAAM,CAAC,EAAE,iBAAiB,CAAA;IAC1B,iCAAiC;IACjC,QAAQ,CAAC,EAAE,kBAAkB,CAAA;IAC7B,iCAAiC;IACjC,OAAO,CAAC,EAAE,iBAAiB,CAAA;IAC3B,iCAAiC;IACjC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,iCAAiC;IACjC,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;CACxB,CAAA;AAEH,oBAAY,eAAe,GAAG;IAC5B,6DAA6D;IAC7D,iBAAiB,EAAE,MAAM,CAAA;CAC1B,CAAA"}

package/dist/esm/radio/radioGroup.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"radioGroup.d.ts","sourceRoot":"","sources":["../../../src/radio/radioGroup.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAA;AAEpD,eAAO,MAAM,cAAc,+HAI1B,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,UAAU,wDAqDrB,CAAA;AAEF,eAAe,UAAU,CAAA"}
+{"version":3,"file":"radioGroup.d.ts","sourceRoot":"","sources":["../../../src/radio/radioGroup.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAA;AAEpD,eAAO,MAAM,cAAc,+HAI1B,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,UAAU,wDAuCrB,CAAA;AAEF,eAAe,UAAU,CAAA"}

package/dist/esm/radio/radioGroup.js

@@ -12,14 +12,13 @@ export const RadioGroupBase = styled.divBox `
  * Exposes some props to the children via context.
  */
 export const RadioGroup = vui((props, ref) => {
-    const { className, colorScheme, defaultValue, disabled, isRow, name, onBlur, onChange, onFocus, size, value, variant, ...rest } = props;
+    const { className, defaultValue, disabled, isRow, name, onBlur, onChange, onFocus, size, value, variant, ...rest } = props;
     const [isChecked, setIsChecked] = useState(value ?? defaultValue);
     const handleOnChange = useCallback((e) => {
         setIsChecked(e.target.value);
         onChange?.(e);
     }, [onChange]);
     const context = useMemo(() => filterUndefined({
-        colorScheme,
         defaultValue,
         disabled,
         isChecked,
@@ -30,7 +29,7 @@ export const RadioGroup = vui((props, ref) => {
         size,
         value,
         variant
-    }), [colorScheme, defaultValue, disabled, handleOnChange, isChecked, name, onBlur, onFocus, size, value, variant]);
+    }), [defaultValue, disabled, handleOnChange, isChecked, name, onBlur, onFocus, size, value, variant]);
     const aliasedProps = filterUndefined({
         flexDirection: isRow ? 'row' : undefined
     });

package/dist/esm/radio/radioGroup.types.d.ts

@@ -2,7 +2,7 @@ import { SystemProps } from '../system';
 import { ThemingProps } from '../theme';
 import { ChangeEventHandler, FocusEventHandler } from '../utils';
 export declare type RadioGroupProps = SystemProps & ThemingProps<'Radio'> & {
-    /** Available theme colors for this component. */
+    /** Deprecated. Please use variant instead. @deprecated  */
     colorScheme?: 'blue' | 'prussian';
     /** Passes the prop to each radio. */
     disabled?: boolean;

package/dist/esm/radio/radioGroup.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"radioGroup.types.d.ts","sourceRoot":"","sources":["../../../src/radio/radioGroup.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,MAAM,UAAU,CAAA;AAEhE,oBAAY,eAAe,GAAG,WAAW,GACvC,YAAY,CAAC,OAAO,CAAC,GAAG;IACtB,iDAAiD;IACjD,WAAW,CAAC,EAAE,MAAM,GAAG,UAAU,CAAA;IACjC,qCAAqC;IACrC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,uCAAuC;IACvC,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,wCAAwC;IACxC,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,wCAAwC;IACxC,MAAM,CAAC,EAAE,iBAAiB,CAAA;IAC1B,wCAAwC;IACxC,QAAQ,CAAC,EAAE,kBAAkB,CAAA;IAC7B,wCAAwC;IACxC,OAAO,CAAC,EAAE,iBAAiB,CAAA;IAC3B,wCAAwC;IACxC,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;CACxB,CAAA"}
+{"version":3,"file":"radioGroup.types.d.ts","sourceRoot":"","sources":["../../../src/radio/radioGroup.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,MAAM,UAAU,CAAA;AAEhE,oBAAY,eAAe,GAAG,WAAW,GACvC,YAAY,CAAC,OAAO,CAAC,GAAG;IACtB,2DAA2D;IAC3D,WAAW,CAAC,EAAE,MAAM,GAAG,UAAU,CAAA;IACjC,qCAAqC;IACrC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,uCAAuC;IACvC,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,wCAAwC;IACxC,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,wCAAwC;IACxC,MAAM,CAAC,EAAE,iBAAiB,CAAA;IAC1B,wCAAwC;IACxC,QAAQ,CAAC,EAAE,kBAAkB,CAAA;IAC7B,wCAAwC;IACxC,OAAO,CAAC,EAAE,iBAAiB,CAAA;IAC3B,wCAAwC;IACxC,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;CACxB,CAAA"}

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

@@ -1,16 +1,12 @@
-import { Dict } from '../utils';
-declare function variantDefault(props: Dict): {
-    control: {
-        color: string;
-        hoverColor: string;
-    };
-};
 declare const _default: {
-    baseStyle: {};
+    baseStyle: {
+        control: {
+            color: string;
+            hoverColor: string;
+        };
+    };
     defaultProps: {
-        colorScheme: string;
         size: string;
-        variant: string;
     };
     parts: string[];
     sizes: {
@@ -42,9 +38,7 @@ declare const _default: {
             };
         };
     };
-    variants: {
-        default: typeof variantDefault;
-    };
+    variants: {};
 };
 export default _default;
 //# sourceMappingURL=theme.d.ts.map

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

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

package/dist/esm/radio/theme.js

@@ -1,21 +1,12 @@
-function variantDefault(props) {
-    const { colorScheme: c } = props;
-    const control = {
-        color: `${c}.80`,
-        hoverColor: `${c}.90`
-    };
-    if (c === 'prussian') {
-        control.hoverColor = 'prussian.70';
+import { radioColors } from './consts';
+const baseStyle = {
+    control: {
+        color: radioColors.main,
+        hoverColor: radioColors.hover
     }
-    return {
-        control
-    };
-}
-const baseStyle = {};
+};
 const defaultProps = {
-    colorScheme: 'blue',
-    size: 'md',
-    variant: 'default'
+    size: 'md'
 };
 const parts = ['container', 'control', 'label'];
 const sizes = {
@@ -47,9 +38,7 @@ const sizes = {
         }
     }
 };
-const variants = {
-    default: variantDefault
-};
+const variants = {};
 export default {
     baseStyle,
     defaultProps,

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

@@ -0,0 +1,9 @@
+export declare const switchColors: {
+    main: string;
+    hover: string;
+    disabled: string;
+    disabledBg: string;
+    green: string;
+    red: string;
+};
+//# sourceMappingURL=consts.d.ts.map

package/dist/esm/switch/consts.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"consts.d.ts","sourceRoot":"","sources":["../../../src/switch/consts.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,YAAY;;;;;;;CAOxB,CAAA"}

package/dist/esm/switch/consts.js

@@ -0,0 +1,8 @@
+export const switchColors = {
+    main: 'seaBlue.main',
+    hover: 'seaBlue.40',
+    disabled: 'sandstone.main',
+    disabledBg: 'sandstone.95',
+    green: 'landGreen.main',
+    red: 'energyRed.main'
+};

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

@@ -5,7 +5,7 @@ import { ChangeEventHandler, FocusEventHandler, PropsOf } from '../utils';
 export declare type SwitchButtonProps = SystemProps & ThemingProps<'Switch'> & {
     /** Provides value to switch in controlled mode. */
     checked?: boolean;
-    /** Available theme colors for this component. */
+    /** Deprecated. Please use variant instead. @deprecated  */
     colorScheme?: 'blue' | 'green' | 'prussian';
     /** Disables switch and related elements with the right styling. */
     disabled?: boolean;
@@ -38,7 +38,7 @@ export declare type SwitchProps = SystemProps & ThemingProps<'Switch'> & {
     button?: ReactNode;
     /** Provides value to switch button in controlled mode. */
     checked?: boolean;
-    /** Available theme colors for this component. @default blue */
+    /** Deprecated. Please use variant instead. @deprecated  */
     colorScheme?: 'blue' | 'green' | 'prussian';
     /** Disables switch and related elements with the right styling. */
     disabled?: boolean;

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

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

package/dist/esm/switch/switchButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"switchButton.d.ts","sourceRoot":"","sources":["../../../src/switch/switchButton.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAA;AAkClD,eAAO,MAAM,gBAAgB,gIAoB5B,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,YAAY,2DA+FvB,CAAA;AAEF,eAAe,YAAY,CAAA"}
+{"version":3,"file":"switchButton.d.ts","sourceRoot":"","sources":["../../../src/switch/switchButton.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAA;AAkClD,eAAO,MAAM,gBAAgB,gIAkB5B,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,YAAY,2DAgGvB,CAAA;AAEF,eAAe,YAAY,CAAA"}

package/dist/esm/switch/switchButton.js

@@ -1,6 +1,7 @@
 import React, { useEffect, useRef, useState } from 'react';
 import { omitThemingProps, styled, useStyleConfig, vui } from '../core';
 import { cs, filterUndefined } from '../utils';
+import { switchColors } from './consts';
 import { useSwitchContext } from './context';
 const SwitchInput = styled.inputBox `
   cursor: inherit;
@@ -14,41 +15,38 @@ const SwitchInput = styled.inputBox `
   width: calc(100% + 10px);
   z-index: 1;
 `;
-/** Circular element that moves along the track when toggled. */
-const SwitchThumb = styled.spanBox `
-  border-radius: round;
+const SwitchFoundation = styled.spanBox `
+  border-radius: 100px;
   display: inline-flex;
   flex-shrink: 0;
-  position: absolute;
   transition-duration: fast;
+  position: relative;
+`;
+/** Circular element that moves along the track when toggled. */
+const SwitchThumb = styled(SwitchFoundation) `
+  position: absolute;
 `;
 /** Track element along which the thumb moves when toggled. */
-const SwitchTrack = styled.spanBox `
+const SwitchTrack = styled(SwitchFoundation) `
   align-items: center;
-  border-radius: round;
-  display: inline-flex;
   flex: 1;
-  position: relative;
-  transition-duration: fast;
 `;
-export const SwitchButtonBase = styled.spanBox `
+export const SwitchButtonBase = styled(SwitchFoundation) `
   color: white;
   cursor: pointer;
-  display: inline-flex;
-  flex-shrink: 0;
-  position: relative;
+  --x-ring-color: green;
 
   &[aria-disabled='true'] {
     cursor: not-allowed;
 
     .vui-switchThumb {
-      background-color: disabled.color;
+      background-color: ${switchColors.disabled};
     }
 
     .vui-switchTrack {
-      // Using ring instead of border when disabled, because it's easier
-      --x-ring-color: var(--vui-colors-disabled-border);
-      background-color: disabled.bg;
+      --x-ring-color: ${switchColors.disabled};
+      background-color: ${switchColors.disabledBg};
+      color: ${switchColors.disabled};
     }
   }
 `;
@@ -92,14 +90,14 @@ export const SwitchButton = vui((props, ref) => {
         ring: isFocused ? thumbStyles.ring : 0
     });
     const trackAliasedProps = filterUndefined({
-        bg: isChecked ? trackStyles.bg : 'grey.50',
+        bg: isChecked ? trackStyles.bg : switchColors.disabled,
         pl: isChecked ? 1 : labelOffset,
         pr: isChecked ? labelOffset : 1,
-        ring: !disabled ? (isFocused ? trackStyles.ring : 0) : 1
+        ring: !disabled ? (isFocused ? trackStyles.ring : 0) : 3
     });
     return (React.createElement(SwitchButtonBase, { className: cs('vui-switchButton', className), ref: ref, ...buttonStyles, ...aliasedProps, ...rest },
-        React.createElement(SwitchInput, { className: "vui-switchInput", onBlur: handleOnBlur, onChange: handleOnChange, onFocus: handleOnFocus, ref: inputRef, type: "checkbox", ...{ checked, defaultChecked, disabled, id, name, required, value }, ...inputProps }),
-        React.createElement(SwitchTrack, { className: "vui-switchTrack", ...trackStyles, ...trackAliasedProps },
+        React.createElement(SwitchInput, { className: "vui-switchInput", onBlur: handleOnBlur, onChange: handleOnChange, onFocus: handleOnFocus, ref: inputRef, tabIndex: -1, type: "checkbox", ...{ checked, defaultChecked, disabled, id, name, required, value }, ...inputProps }),
+        React.createElement(SwitchTrack, { className: "vui-switchTrack", tabIndex: 0, ...trackStyles, ...trackAliasedProps },
             !isChecked && innerLabelOff,
             React.createElement(SwitchThumb, { className: "vui-switchThumb", ...thumbStyles, ...thumbAliasedProps }),
             isChecked && innerLabelOn)));

package/dist/esm/switch/switchMain.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"switchMain.d.ts","sourceRoot":"","sources":["../../../src/switch/switchMain.tsx"],"names":[],"mappings":"AAEA,OAAO,EAA+B,YAAY,EAAE,MAAM,SAAS,CAAA;AAGnE,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAC5C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAC7C,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAE3C,eAAO,MAAM,UAAU,iIActB,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,MAAM;YA+DT,mBAAmB;WACpB,kBAAkB;CAC1B,CAAA;AAKD,eAAe,MAAM,CAAA"}
+{"version":3,"file":"switchMain.d.ts","sourceRoot":"","sources":["../../../src/switch/switchMain.tsx"],"names":[],"mappings":"AAEA,OAAO,EAA+B,YAAY,EAAE,MAAM,SAAS,CAAA;AAGnE,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAC5C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAC7C,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAE3C,eAAO,MAAM,UAAU,iIActB,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,MAAM;YA6DT,mBAAmB;WACpB,kBAAkB;CAC1B,CAAA;AAKD,eAAe,MAAM,CAAA"}

package/dist/esm/switch/switchMain.js

@@ -24,11 +24,10 @@ export const SwitchBase = styled.labelBox `
  * Forwards many relevant props to the innner input element. Exposes some props to the children via context.
  */
 export const Switch = vui((props, ref) => {
-    const { button, checked, children, className, colorScheme, defaultChecked, disabled, id, innerLabelOff, innerLabelOn, inputProps, inputRef, labelLeft, labelRight, name, onBlur, onChange, onFocus, required, size, value, variant, ...rest } = props;
+    const { button, checked, children, className, defaultChecked, disabled, id, innerLabelOff, innerLabelOn, inputProps, inputRef, labelLeft, labelRight, name, onBlur, onChange, onFocus, required, size, value, variant, ...rest } = props;
     const styles = useStyleConfig('Switch', props);
     const context = useMemo(() => filterUndefined({
         checked,
-        colorScheme,
         defaultChecked,
         disabled,
         name,
@@ -39,7 +38,7 @@ export const Switch = vui((props, ref) => {
         size,
         value,
         variant
-    }), [checked, colorScheme, defaultChecked, disabled, name, onBlur, onChange, onFocus, required, size, value, variant]);
+    }), [checked, defaultChecked, disabled, name, onBlur, onChange, onFocus, required, size, value, variant]);
     const aliasedProps = filterUndefined({
         'aria-disabled': disabled
     });

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

@@ -1,4 +1,3 @@
-import { Dict } from '../utils';
 declare function sizeLg(): {
     button: {
         fontSize: string;
@@ -47,21 +46,18 @@ declare function sizeSm(): {
         size: string;
     };
 };
-declare function variantContained(props: Dict): {
-    button: {
-        thumb: {
-            bg: string;
-        };
-        track: {
-            bg: string;
-            ring: number;
+declare const _default: {
+    baseStyle: {
+        button: {
+            thumb: {
+                bg: string;
+            };
+            track: {
+                ring: number;
+            };
         };
     };
-};
-declare const _default: {
-    baseStyle: {};
     defaultProps: {
-        colorScheme: string;
         size: string;
         variant: string;
     };
@@ -72,7 +68,27 @@ declare const _default: {
         lg: typeof sizeLg;
     };
     variants: {
-        contained: typeof variantContained;
+        primary: {
+            button: {
+                track: {
+                    bg: string;
+                };
+            };
+        };
+        green: {
+            button: {
+                track: {
+                    bg: string;
+                };
+            };
+        };
+        red: {
+            button: {
+                track: {
+                    bg: string;
+                };
+            };
+        };
     };
 };
 export default _default;

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

@@ -1 +1 @@
-{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../src/switch/theme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAA;AAE/B,iBAAS,MAAM;;;;;;;;;;;;;;;EAkBd;AAED,iBAAS,MAAM;;;;;;;;;;;;;;;EAkBd;AAED,iBAAS,MAAM;;;;;;;;;;;;;;;EAkBd;AAED,iBAAS,gBAAgB,CAAC,KAAK,EAAE,IAAI;;;;;;;;;;EAcpC;;;;;;;;;;;;;;;;;;AAsBD,wBAMC"}
+{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../src/switch/theme.ts"],"names":[],"mappings":"AAaA,iBAAS,MAAM;;;;;;;;;;;;;;;EAkBd;AAED,iBAAS,MAAM;;;;;;;;;;;;;;;EAkBd;AAED,iBAAS,MAAM;;;;;;;;;;;;;;;EAkBd;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuCD,wBAMC"}

package/dist/esm/switch/theme.js

@@ -1,3 +1,14 @@
+import { switchColors } from './consts';
+const baseStyle = {
+    button: {
+        thumb: {
+            bg: 'white'
+        },
+        track: {
+            ring: 3
+        }
+    }
+};
 function sizeLg() {
     const button = {
         fontSize: 'md',
@@ -49,24 +60,9 @@ function sizeSm() {
     };
     return { button, label };
 }
-function variantContained(props) {
-    const { colorScheme: c } = props;
-    const button = {
-        thumb: {
-            bg: 'white'
-        },
-        track: {
-            bg: `${c}.80`,
-            ring: 3
-        }
-    };
-    return { button };
-}
-const baseStyle = {};
 const defaultProps = {
-    colorScheme: 'blue',
     size: 'md',
-    variant: 'contained'
+    variant: 'primary'
 };
 const parts = ['container', 'button', 'label'];
 const sizes = {
@@ -75,7 +71,27 @@ const sizes = {
     lg: sizeLg
 };
 const variants = {
-    contained: variantContained
+    primary: {
+        button: {
+            track: {
+                bg: switchColors.main
+            }
+        }
+    },
+    green: {
+        button: {
+            track: {
+                bg: switchColors.green
+            }
+        }
+    },
+    red: {
+        button: {
+            track: {
+                bg: switchColors.red
+            }
+        }
+    }
 };
 export default {
     baseStyle,

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

@@ -1 +1 @@
-{"version":3,"file":"textarea.d.ts","sourceRoot":"","sources":["../../../src/textarea/textarea.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAA;AAwBhD,eAAO,MAAM,YAAY,+HAKxB,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,QAAQ,sDAmGnB,CAAA;AAEF,eAAe,QAAQ,CAAA"}
+{"version":3,"file":"textarea.d.ts","sourceRoot":"","sources":["../../../src/textarea/textarea.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAA;AAkBhD,eAAO,MAAM,YAAY,+HAKxB,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,QAAQ,sDA+FnB,CAAA;AAEF,eAAe,QAAQ,CAAA"}

package/dist/esm/textarea/textarea.js

@@ -1,8 +1,8 @@
 import React, { useEffect, useState } from 'react';
 import { omitThemingProps, styled, useStyleConfig, vui } from '../core';
+import { inputColors } from '../input/consts';
 import T from '../t';
 import { cs, filterUndefined } from '../utils';
-import { greyColor, greyLightColor, redColor } from './consts';
 import { getInitialCount } from './helpers';
 const TextareaTextarea = styled.textareaBox `
   border-radius: none;
@@ -13,15 +13,9 @@ const TextareaTextarea = styled.textareaBox `
   transition-duration: fast;
   width: 100%;
 
-  &::placeholder {
-    color: grey.60;
-  }
-
   &[aria-disabled='true'],
   &[aria-disabled='true']::placeholder {
-    background-color: disabled.bg;
-    border-color: disabled.border;
-    color: disabled.color;
+    opacity: 0.5;
     cursor: not-allowed;
   }
 `;
@@ -36,13 +30,10 @@ export const TextareaBase = styled.divBox `
  * Forwards many relevant props to the inner textarea. Exposes some props to the children via context.
  */
 export const Textarea = vui((props, ref) => {
-    const { autoFocus, className, colorScheme: colorSchemeProp, cols, defaultValue, disabled, id, isInvalid, maxLength, name, onBlur, onChange: onChangeProp, onFocus, placeholder, readOnly, required, resize = 'none', rows, showCount, textareaProps = {}, textareaRef, value, ...rest } = omitThemingProps(props);
+    const { autoFocus, className, colorScheme: colorSchemeProp, cols, defaultValue, disabled, id, maxLength, name, onBlur, onChange: onChangeProp, onFocus, placeholder, readOnly, required, resize = 'none', rows, showCount, textareaProps = {}, textareaRef, value, ...rest } = omitThemingProps(props);
     const [count, setCount] = useState(getInitialCount(props));
     const [valueInternal, setValueInternal] = useState(defaultValue);
-    const colorProps = filterUndefined({
-        colorScheme: colorSchemeProp ?? (isInvalid ? 'red' : undefined)
-    });
-    const styles = useStyleConfig('Textarea', { ...colorProps, ...props });
+    const styles = useStyleConfig('Textarea', props);
     function onChange(e) {
         setValueInternal(e.target.value);
         setCount(e.target.value.length);
@@ -53,9 +44,9 @@ export const Textarea = vui((props, ref) => {
     });
     const textareaAliasedProps = filterUndefined({
         'aria-disabled': disabled,
-        bg: readOnly ? greyLightColor : undefined,
-        focusBorderColor: !readOnly ? 'transparent' : undefined,
-        focusRing: readOnly ? 0 : undefined
+        bg: readOnly ? inputColors.disabled : undefined,
+        focusWithinBorderColor: !readOnly ? 'transparent' : undefined,
+        focusWithinRingColor: readOnly ? 'transparent' : undefined
     });
     useEffect(() => {
         setValueInternal(value);
@@ -79,7 +70,7 @@ export const Textarea = vui((props, ref) => {
                 resize,
                 rows
             }, value: valueInternal, ...styles.textarea, ...textareaAliasedProps, ...textareaProps }),
-        showCount && (React.createElement(T, { className: "vui-textareaCount", color: maxLength && count > maxLength ? redColor : greyColor, position: "absolute", right: 0, size: "sm", top: "calc(100% + 1px)" },
+        showCount && (React.createElement(T, { className: "vui-textareaCount", color: maxLength && count > maxLength ? inputColors.error : inputColors.helpText, position: "absolute", right: 0, size: "sm", top: "calc(100% + 1px)" },
             count,
             " ",
             maxLength ? `/ ${maxLength}` : null))));

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

@@ -7,7 +7,7 @@ export declare type TextareaProps = SystemProps & ThemingProps<'Textarea'> & {
     autoFocus?: boolean;
     /** Children are disabled for this component. */
     children?: never;
-    /** Available theme colors for this component. @default grey */
+    /** Deprecated. Please use variant instead. @deprecated  */
     colorScheme?: 'green' | 'grey' | 'red';
     /** Passed to the inner input. */
     cols?: number;
@@ -15,7 +15,7 @@ export declare type TextareaProps = SystemProps & ThemingProps<'Textarea'> & {
     defaultValue?: number | string;
     /** Passed to the inner input. */
     disabled?: boolean;
-    /** Styles the textarea in invalid state. */
+    /** Deprecated. Please use variant="red" instead. @deprecated*/
     isInvalid?: boolean;
     /** Passed to the inner input. */
     maxLength?: number;

package/dist/esm/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,oBAAY,aAAa,GAAG,WAAW,GACrC,YAAY,CAAC,UAAU,CAAC,GAAG;IACzB,iCAAiC;IACjC,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,gDAAgD;IAChD,QAAQ,CAAC,EAAE,KAAK,CAAA;IAChB,+DAA+D;IAC/D,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,4CAA4C;IAC5C,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,oBAAY,aAAa,GAAG,WAAW,GACrC,YAAY,CAAC,UAAU,CAAC,GAAG;IACzB,iCAAiC;IACjC,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,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,+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"}

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

@@ -1,22 +1,39 @@
-import { Dict } from '../utils';
-declare function variantDefault(props: Dict): {
-    container: {};
-    textarea: {
-        borderColor: string;
-        focusRing: number;
-        focusRingColor: string;
-    };
-};
 declare const _default: {
-    baseStyle: {};
+    baseStyle: {
+        textarea: {
+            focusWithinRing: number;
+            color: string;
+        };
+        input: {
+            color: {
+                placeholder: string;
+            };
+        };
+    };
     defaultProps: {
-        colorScheme: string;
         variant: string;
     };
     parts: string[];
     sizes: {};
     variants: {
-        default: typeof variantDefault;
+        grey: {
+            textarea: {
+                borderColor: string;
+                focusWithinRingColor: string;
+            };
+        };
+        green: {
+            textarea: {
+                borderColor: string;
+                focusWithinRingColor: string;
+            };
+        };
+        red: {
+            textarea: {
+                borderColor: string;
+                focusWithinRingColor: string;
+            };
+        };
     };
 };
 export default _default;

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

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