@veracity/vui 0.0.14 → 0.0.15

package/switch/switchButton.types.d.ts

@@ -1,19 +1,19 @@
-import { HTMLAttributes, ReactNode } from 'react';
-import { ChangeEventHandler, FocusEventHandler } from '../core';
-import { SystemProps } from '../system';
-import { ThemingProps } from '../theme';
-export interface SwitchButtonProps extends SystemProps, ThemingProps<'Switch'> {
-    checked?: boolean;
-    colorScheme?: 'blue' | 'green' | 'prussian' | 'red';
-    disabled?: boolean;
-    innerLabelOff?: ReactNode;
-    innerLabelOn?: ReactNode;
-    inputProps?: HTMLAttributes<HTMLInputElement>;
-    inputRef?: React.MutableRefObject<HTMLInputElement | null> | null;
-    name?: string;
-    onBlur?: FocusEventHandler;
-    onChange?: ChangeEventHandler;
-    onFocus?: FocusEventHandler;
-    required?: boolean;
-    value?: number | string;
-}
+import { HTMLAttributes, ReactNode } from 'react';
+import { ChangeEventHandler, FocusEventHandler } from '../core';
+import { SystemProps } from '../system';
+import { ThemingProps } from '../theme';
+export interface SwitchButtonProps extends SystemProps, ThemingProps<'Switch'> {
+    checked?: boolean;
+    colorScheme?: 'blue' | 'green' | 'prussian' | 'red';
+    disabled?: boolean;
+    innerLabelOff?: ReactNode;
+    innerLabelOn?: ReactNode;
+    inputProps?: HTMLAttributes<HTMLInputElement>;
+    inputRef?: React.MutableRefObject<HTMLInputElement | null> | null;
+    name?: string;
+    onBlur?: FocusEventHandler;
+    onChange?: ChangeEventHandler;
+    onFocus?: FocusEventHandler;
+    required?: boolean;
+    value?: number | string;
+}

package/switch/switchButton.types.js

@@ -1,2 +1,2 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/switch/switchLabel.d.ts

@@ -1,3 +1,3 @@
-import { TProps } from '../t';
-export declare const SwitchLabel: import("../core").VuiComponent<"span", TProps>;
-export default SwitchLabel;
+import { TProps } from '../t';
+export declare const SwitchLabel: import("../core").VuiComponent<"span", TProps>;
+export default SwitchLabel;

package/switch/switchLabel.js

@@ -1,30 +1,30 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SwitchLabel = void 0;
-var react_1 = __importDefault(require("react"));
-var context_1 = require("./context");
-var core_1 = require("../core");
-var t_1 = __importDefault(require("../t"));
-exports.SwitchLabel = core_1.vui(function (props, ref) {
-    var _a;
-    var switchProps = (_a = context_1.useSwitch()) !== null && _a !== void 0 ? _a : {};
-    var mergedProps = __assign(__assign({}, switchProps), props);
-    var styles = core_1.useStyleConfig('Switch', mergedProps);
-    return react_1.default.createElement(t_1.default, __assign({ className: "vui-switchLabel", ref: ref }, styles.label, props));
-});
-exports.SwitchLabel.displayName = 'SwitchLabel';
-exports.default = exports.SwitchLabel;
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SwitchLabel = void 0;
+var react_1 = __importDefault(require("react"));
+var context_1 = require("./context");
+var core_1 = require("../core");
+var t_1 = __importDefault(require("../t"));
+exports.SwitchLabel = core_1.vui(function (props, ref) {
+    var _a;
+    var switchProps = (_a = context_1.useSwitch()) !== null && _a !== void 0 ? _a : {};
+    var mergedProps = __assign(__assign({}, switchProps), props);
+    var styles = core_1.useStyleConfig('Switch', mergedProps);
+    return react_1.default.createElement(t_1.default, __assign({ className: "vui-switchLabel", display: "flex", ref: ref }, styles.label, props));
+});
+exports.SwitchLabel.displayName = 'SwitchLabel';
+exports.default = exports.SwitchLabel;

package/switch/theme.d.ts

@@ -1,87 +1,87 @@
-import { Dict } from '../utils';
-declare function sizeLg(props: Dict): {
-    button: {
-        fontSize: string;
-    };
-    label: {
-        size: string;
-    };
-    thumb: {
-        h: number;
-        w: number;
-    };
-    track: {
-        h: number;
-        minW: number;
-    };
-};
-declare function sizeMd(props: Dict): {
-    button: {
-        fontSize: string;
-    };
-    label: {
-        size: string;
-    };
-    thumb: {
-        h: number;
-        w: number;
-    };
-    track: {
-        h: number;
-        minW: number;
-    };
-};
-declare function sizeSm(props: Dict): {
-    button: {
-        fontSize: string;
-    };
-    label: {
-        size: string;
-    };
-    thumb: {
-        h: number;
-        w: number;
-    };
-    track: {
-        h: number;
-        minW: number;
-    };
-};
-declare function variantContained(props: Dict): {
-    thumb: {
-        bg: string;
-    };
-    track: {
-        bg: string;
-        ring: number;
-    };
-};
-declare function variantThin(props: Dict): {
-    thumb: {
-        bg: string;
-        borderColor: string;
-        borderWidth: number;
-        ring: number;
-    };
-    track: {
-        bg: string;
-    };
-};
-declare const _default: {
-    defaultProps: {
-        colorScheme: string;
-        size: string;
-        variant: string;
-    };
-    parts: string[];
-    sizes: {
-        sm: typeof sizeSm;
-        md: typeof sizeMd;
-        lg: typeof sizeLg;
-    };
-    variants: {
-        contained: typeof variantContained;
-        thin: typeof variantThin;
-    };
-};
-export default _default;
+import { Dict } from '../utils';
+declare function sizeLg(props: Dict): {
+    button: {
+        fontSize: string;
+    };
+    label: {
+        size: string;
+    };
+    thumb: {
+        h: number;
+        w: number;
+    };
+    track: {
+        h: number;
+        minW: number;
+    };
+};
+declare function sizeMd(props: Dict): {
+    button: {
+        fontSize: string;
+    };
+    label: {
+        size: string;
+    };
+    thumb: {
+        h: number;
+        w: number;
+    };
+    track: {
+        h: number;
+        minW: number;
+    };
+};
+declare function sizeSm(props: Dict): {
+    button: {
+        fontSize: string;
+    };
+    label: {
+        size: string;
+    };
+    thumb: {
+        h: number;
+        w: number;
+    };
+    track: {
+        h: number;
+        minW: number;
+    };
+};
+declare function variantContained(props: Dict): {
+    thumb: {
+        bg: string;
+    };
+    track: {
+        bg: string;
+        ring: number;
+    };
+};
+declare function variantThin(props: Dict): {
+    thumb: {
+        bg: string;
+        borderColor: string;
+        borderWidth: number;
+        ring: number;
+    };
+    track: {
+        bg: string;
+    };
+};
+declare const _default: {
+    defaultProps: {
+        colorScheme: string;
+        size: string;
+        variant: string;
+    };
+    parts: string[];
+    sizes: {
+        sm: typeof sizeSm;
+        md: typeof sizeMd;
+        lg: typeof sizeLg;
+    };
+    variants: {
+        contained: typeof variantContained;
+        thin: typeof variantThin;
+    };
+};
+export default _default;

package/switch/theme.js

@@ -1,113 +1,113 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-function sizeLg(props) {
-    var variant = props.variant;
-    var button = {
-        fontSize: 'md'
-    };
-    var label = {
-        size: 'lg'
-    };
-    var thumb = {
-        h: 24,
-        w: 24
-    };
-    var track = {
-        h: 28,
-        minW: 50
-    };
-    if (variant === 'thin') {
-        track.h = 18;
-        track.minW = 40;
-    }
-    return { button: button, label: label, thumb: thumb, track: track };
-}
-function sizeMd(props) {
-    var variant = props.variant;
-    var button = {
-        fontSize: 'sm'
-    };
-    var label = {
-        size: 'md'
-    };
-    var thumb = {
-        h: 20,
-        w: 20
-    };
-    var track = {
-        h: 24,
-        minW: 42
-    };
-    if (variant === 'thin') {
-        track.h = 14;
-        track.minW = 32;
-    }
-    return { button: button, label: label, thumb: thumb, track: track };
-}
-function sizeSm(props) {
-    var variant = props.variant;
-    var button = {
-        fontSize: 'xs'
-    };
-    var label = {
-        size: 'sm'
-    };
-    var thumb = {
-        h: 16,
-        w: 16
-    };
-    var track = {
-        h: 20,
-        minW: 34
-    };
-    if (variant === 'thin') {
-        track.h = 10;
-        track.minW = 24;
-    }
-    return { button: button, label: label, thumb: thumb, track: track };
-}
-function variantContained(props) {
-    var c = props.colorScheme;
-    var thumb = {
-        bg: 'white'
-    };
-    var track = {
-        bg: c + ".80",
-        ring: 3
-    };
-    return { thumb: thumb, track: track };
-}
-function variantThin(props) {
-    var c = props.colorScheme;
-    var thumb = {
-        bg: 'white',
-        borderColor: c + ".80",
-        borderWidth: 1,
-        ring: 3
-    };
-    var track = {
-        bg: c + ".80"
-    };
-    return { thumb: thumb, track: track };
-}
-var defaultProps = {
-    colorScheme: 'blue',
-    size: 'md',
-    variant: 'contained'
-};
-var parts = ['container', 'button', 'label', 'track', 'thumb'];
-var sizes = {
-    sm: sizeSm,
-    md: sizeMd,
-    lg: sizeLg
-};
-var variants = {
-    contained: variantContained,
-    thin: variantThin
-};
-exports.default = {
-    defaultProps: defaultProps,
-    parts: parts,
-    sizes: sizes,
-    variants: variants
-};
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+function sizeLg(props) {
+    var variant = props.variant;
+    var button = {
+        fontSize: 'md'
+    };
+    var label = {
+        size: 'lg'
+    };
+    var thumb = {
+        h: 24,
+        w: 24
+    };
+    var track = {
+        h: 28,
+        minW: 50
+    };
+    if (variant === 'thin') {
+        track.h = 18;
+        track.minW = 40;
+    }
+    return { button: button, label: label, thumb: thumb, track: track };
+}
+function sizeMd(props) {
+    var variant = props.variant;
+    var button = {
+        fontSize: 'sm'
+    };
+    var label = {
+        size: 'md'
+    };
+    var thumb = {
+        h: 20,
+        w: 20
+    };
+    var track = {
+        h: 24,
+        minW: 42
+    };
+    if (variant === 'thin') {
+        track.h = 14;
+        track.minW = 32;
+    }
+    return { button: button, label: label, thumb: thumb, track: track };
+}
+function sizeSm(props) {
+    var variant = props.variant;
+    var button = {
+        fontSize: 'xs'
+    };
+    var label = {
+        size: 'sm'
+    };
+    var thumb = {
+        h: 16,
+        w: 16
+    };
+    var track = {
+        h: 20,
+        minW: 34
+    };
+    if (variant === 'thin') {
+        track.h = 10;
+        track.minW = 24;
+    }
+    return { button: button, label: label, thumb: thumb, track: track };
+}
+function variantContained(props) {
+    var c = props.colorScheme;
+    var thumb = {
+        bg: 'white'
+    };
+    var track = {
+        bg: c + ".80",
+        ring: 3
+    };
+    return { thumb: thumb, track: track };
+}
+function variantThin(props) {
+    var c = props.colorScheme;
+    var thumb = {
+        bg: 'white',
+        borderColor: c + ".80",
+        borderWidth: 1,
+        ring: 3
+    };
+    var track = {
+        bg: c + ".80"
+    };
+    return { thumb: thumb, track: track };
+}
+var defaultProps = {
+    colorScheme: 'blue',
+    size: 'md',
+    variant: 'contained'
+};
+var parts = ['container', 'button', 'label', 'track', 'thumb'];
+var sizes = {
+    sm: sizeSm,
+    md: sizeMd,
+    lg: sizeLg
+};
+var variants = {
+    contained: variantContained,
+    thin: variantThin
+};
+exports.default = {
+    defaultProps: defaultProps,
+    parts: parts,
+    sizes: sizes,
+    variants: variants
+};

package/system/animations.d.ts

@@ -1,11 +1,11 @@
-import { SystemProp, VariantsType } from '@xstyled/system';
-import { VuiTheme } from '../theme';
-export declare type AnimationGetter = VariantsType<VuiTheme['animations']>;
-declare type AnimationProp = SystemProp<AnimationGetter, VuiTheme>;
-export interface AnimationProps {
-    animation?: AnimationProp;
-    hoverAnimation?: AnimationProp;
-}
-export interface AnimationsProps extends AnimationProps {
-}
-export {};
+import { SystemProp, VariantsType } from '@xstyled/system';
+import { VuiTheme } from '../theme';
+export declare type AnimationGetter = VariantsType<VuiTheme['animations']>;
+declare type AnimationProp = SystemProp<AnimationGetter, VuiTheme>;
+export interface AnimationProps {
+    animation?: AnimationProp;
+    hoverAnimation?: AnimationProp;
+}
+export interface AnimationsProps extends AnimationProps {
+}
+export {};

package/system/animations.js

@@ -1,2 +1,2 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/system/backgrounds.d.ts

@@ -1,13 +1,13 @@
-import { SystemProp } from '@xstyled/system';
-import { ColorGetter } from './colors';
-import { VuiTheme } from '../theme';
-declare type BackgroundColorProp = SystemProp<ColorGetter, VuiTheme>;
-export interface BackgroundColorProps {
-    activeBg?: BackgroundColorProp;
-    bg?: BackgroundColorProp;
-    disabledBg?: BackgroundColorProp;
-    hoverBg?: BackgroundColorProp;
-}
-export interface BackgroundsProps extends BackgroundColorProps {
-}
-export {};
+import { SystemProp } from '@xstyled/system';
+import { ColorGetter } from './colors';
+import { VuiTheme } from '../theme';
+declare type BackgroundColorProp = SystemProp<ColorGetter, VuiTheme>;
+export interface BackgroundColorProps {
+    activeBg?: BackgroundColorProp;
+    bg?: BackgroundColorProp;
+    disabledBg?: BackgroundColorProp;
+    hoverBg?: BackgroundColorProp;
+}
+export interface BackgroundsProps extends BackgroundColorProps {
+}
+export {};

package/system/backgrounds.js

@@ -1,2 +1,2 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });