@veracity/vui 0.0.15 → 0.2.0

package/tag/theme.d.ts

@@ -0,0 +1,65 @@
+import { Dict } from '../utils';
+declare function variantSolid(props: Dict): {
+    container: {
+        hoverBg: string;
+        activeBg: string;
+        bg: string;
+        color: string;
+    };
+};
+declare function variantSubtle(props: Dict): {
+    container: {
+        hoverBg: string;
+        activeBg: string;
+        bg: string;
+        color: string;
+    };
+};
+declare const _default: {
+    defaultProps: {
+        colorScheme: string;
+        size: string;
+        variant: string;
+    };
+    parts: string[];
+    sizes: {
+        sm: {
+            container: {
+                fontSize: string;
+                h: number;
+                spaceX: number;
+            };
+            icon: {
+                size: string;
+            };
+            text: {};
+        };
+        md: {
+            container: {
+                fontSize: string;
+                h: number;
+                spaceX: number;
+            };
+            icon: {
+                size: string;
+            };
+            text: {};
+        };
+        lg: {
+            container: {
+                fontSize: string;
+                h: number;
+                spaceX: number;
+            };
+            icon: {
+                size: string;
+            };
+            text: {};
+        };
+    };
+    variants: {
+        solid: typeof variantSolid;
+        subtle: typeof variantSubtle;
+    };
+};
+export default _default;

package/tag/theme.js

@@ -0,0 +1,78 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+function variantSolid(props) {
+    var c = props.colorScheme;
+    var container = {
+        hoverBg: c + ".90",
+        activeBg: c + ".100",
+        bg: c + ".80",
+        color: 'white'
+    };
+    if (c === 'yellow') {
+        container.hoverBg = c + ".80";
+        container.activeBg = c + ".90";
+        container.bg = c + ".70";
+    }
+    return { container: container };
+}
+function variantSubtle(props) {
+    var c = props.colorScheme;
+    var container = {
+        hoverBg: c + ".30",
+        activeBg: c + ".40",
+        bg: c + ".20",
+        color: 'prussian.80'
+    };
+    return { container: container };
+}
+var defaultProps = {
+    colorScheme: 'blue',
+    size: 'md',
+    variant: 'subtle'
+};
+var parts = ['container', 'icon', 'text'];
+var sizes = {
+    sm: {
+        container: {
+            fontSize: 'sm',
+            h: 24,
+            spaceX: 4
+        },
+        icon: {
+            size: 'xs'
+        },
+        text: {}
+    },
+    md: {
+        container: {
+            fontSize: 'sm',
+            h: 32,
+            spaceX: 6
+        },
+        icon: {
+            size: 'sm'
+        },
+        text: {}
+    },
+    lg: {
+        container: {
+            fontSize: 'md',
+            h: 40,
+            spaceX: 8
+        },
+        icon: {
+            size: 'md'
+        },
+        text: {}
+    }
+};
+var variants = {
+    solid: variantSolid,
+    subtle: variantSubtle
+};
+exports.default = {
+    defaultProps: defaultProps,
+    parts: parts,
+    sizes: sizes,
+    variants: variants
+};

package/textarea/textarea.js

@@ -76,7 +76,7 @@ exports.TextareaTextarea = styled_components_1.default.textarea.withConfig(core_
 exports.TextareaBase = styled_components_1.default.div.withConfig(core_1.forwardPropConfig(system_1.system))(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n\tdisplay: flex;\n\tflex-direction: column;\n\tmin-height: 80px;\n\tposition: relative;\n\twidth: 100%;\n\n\t", "\n"], ["\n\tdisplay: flex;\n\tflex-direction: column;\n\tmin-height: 80px;\n\tposition: relative;\n\twidth: 100%;\n\n\t", "\n"])), system_1.system);
 exports.Textarea = core_1.vui(function (props, ref) {
     var _a = __read(react_1.useState(helpers_1.getInitialCount(props)), 2), count = _a[0], setCount = _a[1];
-    var _b = core_1.omitThemingProps(props), autoFocus = _b.autoFocus, className = _b.className, colorSchemeProp = _b.colorScheme, defaultValue = _b.defaultValue, disabled = _b.disabled, isInvalid = _b.isInvalid, maxLength = _b.maxLength, name = _b.name, onBlur = _b.onBlur, onChangeProp = _b.onChange, onFocus = _b.onFocus, placeholder = _b.placeholder, readOnly = _b.readOnly, required = _b.required, resize = _b.resize, showCount = _b.showCount, _c = _b.textareaProps, textareaProps = _c === void 0 ? {} : _c, textareaRef = _b.textareaRef, value = _b.value, rest = __rest(_b, ["autoFocus", "className", "colorScheme", "defaultValue", "disabled", "isInvalid", "maxLength", "name", "onBlur", "onChange", "onFocus", "placeholder", "readOnly", "required", "resize", "showCount", "textareaProps", "textareaRef", "value"]);
+    var _b = core_1.omitThemingProps(props), autoFocus = _b.autoFocus, className = _b.className, colorSchemeProp = _b.colorScheme, defaultValue = _b.defaultValue, disabled = _b.disabled, id = _b.id, isInvalid = _b.isInvalid, maxLength = _b.maxLength, name = _b.name, onBlur = _b.onBlur, onChangeProp = _b.onChange, onFocus = _b.onFocus, placeholder = _b.placeholder, readOnly = _b.readOnly, required = _b.required, resize = _b.resize, showCount = _b.showCount, _c = _b.textareaProps, textareaProps = _c === void 0 ? {} : _c, textareaRef = _b.textareaRef, value = _b.value, rest = __rest(_b, ["autoFocus", "className", "colorScheme", "defaultValue", "disabled", "id", "isInvalid", "maxLength", "name", "onBlur", "onChange", "onFocus", "placeholder", "readOnly", "required", "resize", "showCount", "textareaProps", "textareaRef", "value"]);
     var colorProps = utils_1.filterUndefined({
         colorScheme: colorSchemeProp !== null && colorSchemeProp !== void 0 ? colorSchemeProp : (isInvalid ? 'red' : undefined)
     });
@@ -95,6 +95,7 @@ exports.Textarea = core_1.vui(function (props, ref) {
             autoFocus: autoFocus,
             defaultValue: defaultValue,
             disabled: disabled,
+            id: id,
             maxLength: maxLength,
             name: name,
             onBlur: onBlur,

package/textarea/textarea.types.d.ts

@@ -4,6 +4,7 @@ import { SystemProps } from '../system';
 import { ThemingProps } from '../theme';
 export interface TextareaProps extends SystemProps, ThemingProps<'Textarea'> {
     autoFocus?: boolean;
+    children?: never;
     colorScheme?: 'green' | 'grey' | 'red';
     cols?: number;
     defaultValue?: number | string;