@veracity/vui 0.0.14 → 0.1.0

package/switch/theme.js

@@ -1,113 +1,91 @@
-"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() {
+    var container = {};
+    var button = {
+        fontSize: 'md',
+        minW: 50,
+        thumb: {
+            h: 24,
+            w: 24
+        },
+        track: {
+            h: 28
+        }
+    };
+    var label = {
+        size: 'lg'
+    };
+    return { container: container, button: button, label: label };
+}
+function sizeMd() {
+    var container = {};
+    var button = {
+        fontSize: 'sm',
+        minW: 42,
+        thumb: {
+            h: 20,
+            w: 20
+        },
+        track: {
+            h: 24
+        }
+    };
+    var label = {
+        size: 'md'
+    };
+    return { container: container, button: button, label: label };
+}
+function sizeSm() {
+    var container = {};
+    var button = {
+        fontSize: 'xs',
+        minW: 34,
+        thumb: {
+            h: 16,
+            w: 16
+        },
+        track: {
+            h: 20
+        }
+    };
+    var label = {
+        size: 'sm'
+    };
+    return { container: container, button: button, label: label };
+}
+function variantContained(props) {
+    var c = props.colorScheme;
+    var container = {};
+    var button = {
+        thumb: {
+            bg: 'white'
+        },
+        track: {
+            bg: c + ".80",
+            ring: 3
+        }
+    };
+    var label = {};
+    return { container: container, button: button, label: label };
+}
+var defaultProps = {
+    colorScheme: 'blue',
+    size: 'md',
+    variant: 'contained'
+};
+var parts = ['container', 'button', 'label'];
+var sizes = {
+    sm: sizeSm,
+    md: sizeMd,
+    lg: sizeLg
+};
+var variants = {
+    contained: variantContained
+};
+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 });

package/system/borders.d.ts

@@ -1,142 +1,144 @@
-import { SystemProp, VariantsType } from '@xstyled/system';
-import { ColorGetter } from './colors';
-import { VuiTheme } from '../theme';
-export declare type BorderGetter = VariantsType<VuiTheme['borders']>;
-export declare type BorderStyleGetter = VariantsType<unknown>;
-export declare type BorderWidthGetter = VariantsType<unknown>;
-export declare type RadiusGetter = VariantsType<VuiTheme['radii']>;
-export declare type RingWidthGetter = VariantsType<VuiTheme['ringWidths']>;
-declare type BorderProp = SystemProp<BorderGetter, VuiTheme>;
-export interface BorderProps {
-    border?: BorderProp;
-    hoverBorder?: BorderProp;
-}
-declare type BorderTopProp = SystemProp<BorderGetter, VuiTheme>;
-export interface BorderTopProps {
-    borderTop?: BorderTopProp;
-}
-declare type BorderRightProp = SystemProp<BorderGetter, VuiTheme>;
-export interface BorderRightProps {
-    borderRight?: BorderRightProp;
-}
-declare type BorderBottomProp = SystemProp<BorderGetter, VuiTheme>;
-export interface BorderBottomProps {
-    borderBottom?: BorderBottomProp;
-}
-declare type BorderLeftProp = SystemProp<BorderGetter, VuiTheme>;
-export interface BorderLeftProps {
-    borderLeft?: BorderLeftProp;
-}
-declare type BorderColorProp = SystemProp<ColorGetter, VuiTheme>;
-export interface BorderColorProps {
-    borderColor?: BorderColorProp;
-    disabledBorderColor?: BorderColorProp;
-    focusBorderColor?: BorderColorProp;
-    hoverBorderColor?: BorderColorProp;
-    focusWithinBorderColor?: BorderColorProp;
-}
-declare type BorderTopColorProp = SystemProp<ColorGetter, VuiTheme>;
-export interface BorderTopColorProps {
-    borderTopColor?: BorderTopColorProp;
-}
-declare type BorderRightColorProp = SystemProp<ColorGetter, VuiTheme>;
-export interface BorderRightColorProps {
-    borderRightColor?: BorderRightColorProp;
-}
-declare type BorderBottomColorProp = SystemProp<ColorGetter, VuiTheme>;
-export interface BorderBottomColorProps {
-    borderBottomColor?: BorderBottomColorProp;
-}
-declare type BorderLeftColorProp = SystemProp<ColorGetter, VuiTheme>;
-export interface BorderLeftColorProps {
-    borderLeftColor?: BorderLeftColorProp;
-}
-declare type BorderWidthProp = SystemProp<BorderWidthGetter, VuiTheme>;
-export interface BorderWidthProps {
-    borderWidth?: BorderWidthProp;
-    hoverBorderWidth?: BorderWidthProp;
-}
-declare type BorderTopWidthProp = SystemProp<BorderWidthGetter, VuiTheme>;
-export interface BorderTopWidthProps {
-    borderTopWidth?: BorderTopWidthProp;
-}
-declare type BorderRightWidthProp = SystemProp<BorderWidthGetter, VuiTheme>;
-export interface BorderRightWidthProps {
-    borderRightWidth?: BorderRightWidthProp;
-}
-declare type BorderBottomWidthProp = SystemProp<BorderWidthGetter, VuiTheme>;
-export interface BorderBottomWidthProps {
-    borderBottomWidth?: BorderBottomWidthProp;
-}
-declare type BorderLeftWidthProp = SystemProp<BorderWidthGetter, VuiTheme>;
-export interface BorderLeftWidthProps {
-    borderLeftWidth?: BorderLeftWidthProp;
-}
-declare type BorderStyleProp = SystemProp<BorderStyleGetter, VuiTheme>;
-export interface BorderStyleProps {
-    borderStyle?: BorderStyleProp;
-    hoverBorderStyle?: BorderStyleProp;
-}
-declare type BorderRadiusProp = SystemProp<RadiusGetter, VuiTheme>;
-export interface BorderRadiusProps {
-    borderRadius?: BorderRadiusProp;
-    hoverBorderRadius?: BorderRadiusProp;
-}
-declare type OutlineProp = SystemProp<BorderGetter, VuiTheme>;
-export interface OutlineProps {
-    outline?: OutlineProp;
-}
-declare type OutlineColorProp = SystemProp<ColorGetter, VuiTheme>;
-export interface OutlineColorProps {
-    outlineColor?: OutlineColorProp;
-}
-declare type OutlineWidthProp = SystemProp<BorderWidthGetter, VuiTheme>;
-export interface OutlineWidthProps {
-    outlineWidth?: OutlineWidthProp;
-}
-declare type OutlineStyleProp = SystemProp<BorderStyleGetter, VuiTheme>;
-export interface OutlineStyleProps {
-    outlineStyle?: OutlineStyleProp;
-}
-declare type DivideXProp = SystemProp<BorderWidthGetter, VuiTheme>;
-export interface DivideXProps {
-    divideX?: DivideXProp;
-}
-declare type DivideYProp = SystemProp<BorderWidthGetter, VuiTheme>;
-export interface DivideYProps {
-    divideY?: DivideYProp;
-}
-declare type DivideXReverseProp = SystemProp<BorderWidthGetter, VuiTheme>;
-export interface DivideXReverseProps {
-    divideXReverse?: DivideXReverseProp;
-}
-declare type DivideYReverseProp = SystemProp<BorderWidthGetter, VuiTheme>;
-export interface DivideYReverseProps {
-    divideYReverse?: DivideYReverseProp;
-}
-declare type DivideColorProp = SystemProp<ColorGetter, VuiTheme>;
-export interface DivideColorProps {
-    divideColor?: DivideColorProp;
-    hoverDivideColor?: DivideColorProp;
-}
-declare type DivideStyleProp = SystemProp<BorderStyleGetter, VuiTheme>;
-export interface DivideStyleProps {
-    divideStyle?: DivideStyleProp;
-}
-declare type RingProp = SystemProp<RingWidthGetter, VuiTheme>;
-export interface RingProps {
-    ring?: RingProp;
-    focusRing?: RingProp;
-    focusVisibleRing?: RingProp;
-    focusWithinRing?: RingProp;
-}
-declare type RingColorProp = SystemProp<ColorGetter, VuiTheme>;
-export interface RingColorProps {
-    ringColor?: RingColorProp;
-    focusRingColor?: RingColorProp;
-    focusVisibleRingColor?: RingColorProp;
-    focusWithinRingColor?: RingColorProp;
-}
-export interface BordersProps extends BorderProps, BorderTopProps, BorderRightProps, BorderBottomProps, BorderLeftProps, BorderColorProps, BorderTopColorProps, BorderRightColorProps, BorderBottomColorProps, BorderLeftColorProps, BorderWidthProps, BorderTopWidthProps, BorderRightWidthProps, BorderBottomWidthProps, BorderLeftWidthProps, BorderStyleProps, BorderRadiusProps, OutlineProps, OutlineColorProps, OutlineWidthProps, OutlineStyleProps, DivideXProps, DivideYProps, DivideXReverseProps, DivideYReverseProps, DivideColorProps, DivideStyleProps, RingProps, RingColorProps {
-}
-export {};
+import { SystemProp, VariantsType } from '@xstyled/system';
+import { ColorGetter } from './colors';
+import { VuiTheme } from '../theme';
+export declare type BorderGetter = VariantsType<VuiTheme['borders']>;
+export declare type BorderStyleGetter = VariantsType<unknown>;
+export declare type BorderWidthGetter = VariantsType<unknown>;
+export declare type RadiusGetter = VariantsType<VuiTheme['radii']>;
+export declare type RingWidthGetter = VariantsType<VuiTheme['ringWidths']>;
+declare type BorderProp = SystemProp<BorderGetter, VuiTheme>;
+export interface BorderProps {
+    border?: BorderProp;
+    hoverBorder?: BorderProp;
+}
+declare type BorderTopProp = SystemProp<BorderGetter, VuiTheme>;
+export interface BorderTopProps {
+    borderTop?: BorderTopProp;
+}
+declare type BorderRightProp = SystemProp<BorderGetter, VuiTheme>;
+export interface BorderRightProps {
+    borderRight?: BorderRightProp;
+}
+declare type BorderBottomProp = SystemProp<BorderGetter, VuiTheme>;
+export interface BorderBottomProps {
+    borderBottom?: BorderBottomProp;
+}
+declare type BorderLeftProp = SystemProp<BorderGetter, VuiTheme>;
+export interface BorderLeftProps {
+    borderLeft?: BorderLeftProp;
+}
+declare type BorderColorProp = SystemProp<ColorGetter, VuiTheme>;
+export interface BorderColorProps {
+    borderColor?: BorderColorProp;
+    disabledBorderColor?: BorderColorProp;
+    focusBorderColor?: BorderColorProp;
+    hoverBorderColor?: BorderColorProp;
+    focusWithinBorderColor?: BorderColorProp;
+}
+declare type BorderTopColorProp = SystemProp<ColorGetter, VuiTheme>;
+export interface BorderTopColorProps {
+    borderTopColor?: BorderTopColorProp;
+}
+declare type BorderRightColorProp = SystemProp<ColorGetter, VuiTheme>;
+export interface BorderRightColorProps {
+    borderRightColor?: BorderRightColorProp;
+}
+declare type BorderBottomColorProp = SystemProp<ColorGetter, VuiTheme>;
+export interface BorderBottomColorProps {
+    borderBottomColor?: BorderBottomColorProp;
+}
+declare type BorderLeftColorProp = SystemProp<ColorGetter, VuiTheme>;
+export interface BorderLeftColorProps {
+    borderLeftColor?: BorderLeftColorProp;
+}
+declare type BorderWidthProp = SystemProp<BorderWidthGetter, VuiTheme>;
+export interface BorderWidthProps {
+    borderWidth?: BorderWidthProp;
+    hoverBorderWidth?: BorderWidthProp;
+}
+declare type BorderTopWidthProp = SystemProp<BorderWidthGetter, VuiTheme>;
+export interface BorderTopWidthProps {
+    borderTopWidth?: BorderTopWidthProp;
+}
+declare type BorderRightWidthProp = SystemProp<BorderWidthGetter, VuiTheme>;
+export interface BorderRightWidthProps {
+    borderRightWidth?: BorderRightWidthProp;
+}
+declare type BorderBottomWidthProp = SystemProp<BorderWidthGetter, VuiTheme>;
+export interface BorderBottomWidthProps {
+    borderBottomWidth?: BorderBottomWidthProp;
+}
+declare type BorderLeftWidthProp = SystemProp<BorderWidthGetter, VuiTheme>;
+export interface BorderLeftWidthProps {
+    borderLeftWidth?: BorderLeftWidthProp;
+}
+declare type BorderStyleProp = SystemProp<BorderStyleGetter, VuiTheme>;
+export interface BorderStyleProps {
+    borderStyle?: BorderStyleProp;
+    hoverBorderStyle?: BorderStyleProp;
+}
+export declare type BorderRadiusProp = SystemProp<RadiusGetter, VuiTheme>;
+export interface BorderRadiusProps {
+    borderRadius?: BorderRadiusProp;
+    hoverBorderRadius?: BorderRadiusProp;
+}
+declare type OutlineProp = SystemProp<BorderGetter, VuiTheme>;
+export interface OutlineProps {
+    outline?: OutlineProp;
+}
+declare type OutlineColorProp = SystemProp<ColorGetter, VuiTheme>;
+export interface OutlineColorProps {
+    outlineColor?: OutlineColorProp;
+}
+declare type OutlineWidthProp = SystemProp<BorderWidthGetter, VuiTheme>;
+export interface OutlineWidthProps {
+    outlineWidth?: OutlineWidthProp;
+}
+declare type OutlineStyleProp = SystemProp<BorderStyleGetter, VuiTheme>;
+export interface OutlineStyleProps {
+    outlineStyle?: OutlineStyleProp;
+}
+declare type DivideXProp = SystemProp<BorderWidthGetter, VuiTheme>;
+export interface DivideXProps {
+    divideX?: DivideXProp;
+}
+declare type DivideYProp = SystemProp<BorderWidthGetter, VuiTheme>;
+export interface DivideYProps {
+    divideY?: DivideYProp;
+}
+declare type DivideXReverseProp = SystemProp<BorderWidthGetter, VuiTheme>;
+export interface DivideXReverseProps {
+    divideXReverse?: DivideXReverseProp;
+}
+declare type DivideYReverseProp = SystemProp<BorderWidthGetter, VuiTheme>;
+export interface DivideYReverseProps {
+    divideYReverse?: DivideYReverseProp;
+}
+declare type DivideColorProp = SystemProp<ColorGetter, VuiTheme>;
+export interface DivideColorProps {
+    divideColor?: DivideColorProp;
+    hoverDivideColor?: DivideColorProp;
+}
+declare type DivideStyleProp = SystemProp<BorderStyleGetter, VuiTheme>;
+export interface DivideStyleProps {
+    divideStyle?: DivideStyleProp;
+}
+declare type RingProp = SystemProp<RingWidthGetter, VuiTheme>;
+export interface RingProps {
+    ring?: RingProp;
+    focusRing?: RingProp;
+    focusVisibleRing?: RingProp;
+    focusWithinRing?: RingProp;
+    hoverRing?: RingProp;
+}
+declare type RingColorProp = SystemProp<ColorGetter, VuiTheme>;
+export interface RingColorProps {
+    ringColor?: RingColorProp;
+    focusRingColor?: RingColorProp;
+    focusVisibleRingColor?: RingColorProp;
+    focusWithinRingColor?: RingColorProp;
+    hoverRingColor?: RingColorProp;
+}
+export interface BordersProps extends BorderProps, BorderTopProps, BorderRightProps, BorderBottomProps, BorderLeftProps, BorderColorProps, BorderTopColorProps, BorderRightColorProps, BorderBottomColorProps, BorderLeftColorProps, BorderWidthProps, BorderTopWidthProps, BorderRightWidthProps, BorderBottomWidthProps, BorderLeftWidthProps, BorderStyleProps, BorderRadiusProps, OutlineProps, OutlineColorProps, OutlineWidthProps, OutlineStyleProps, DivideXProps, DivideYProps, DivideXReverseProps, DivideYReverseProps, DivideColorProps, DivideStyleProps, RingProps, RingColorProps {
+}
+export {};

package/system/borders.js

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

package/system/colors.d.ts

@@ -1,3 +1,3 @@
-import { VuiTheme } from '../theme';
-import { AnyString } from '../utils';
-export declare type ColorGetter = keyof VuiTheme['colors'] | AnyString;
+import { VuiTheme } from '../theme';
+import { AnyString } from '../utils';
+export declare type ColorGetter = keyof VuiTheme['colors'] | AnyString;

package/system/colors.js

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

package/system/custom.d.ts

@@ -1,10 +1,31 @@
-/** Provides styling to truncate multi-line text. */
-export declare const maxLines: import("@xstyled/system").StyleGenerator;
-export interface MaxLinesProps {
-    maxLines?: number;
-}
-/** Provides styling to truncate single-line text. */
-export declare const isTruncated: import("@xstyled/system").StyleGenerator;
-export interface IsTruncatedProps {
-    isTruncated?: boolean;
-}
+import { BorderRadiusProp } from './borders';
+export interface BorderRadiusBottomProps {
+    borderRadiusBottom?: BorderRadiusProp;
+}
+export declare const borderRadiusBottom: import("@xstyled/system").StyleGenerator;
+export interface BorderRadiusLeftProps {
+    borderRadiusLeft?: BorderRadiusProp;
+}
+export declare const borderRadiusLeft: import("@xstyled/system").StyleGenerator;
+export interface BorderRadiusRightProps {
+    borderRadiusRight?: BorderRadiusProp;
+}
+export declare const borderRadiusRight: import("@xstyled/system").StyleGenerator;
+export interface BorderRadiusTopProps {
+    borderRadiusTop?: BorderRadiusProp;
+}
+export declare const borderRadiusTop: import("@xstyled/system").StyleGenerator;
+export interface IsTruncatedProps {
+    isTruncated?: boolean;
+}
+/** Provides styling to truncate single-line text. */
+export declare const isTruncated: import("@xstyled/system").StyleGenerator;
+export interface MaxLinesProps {
+    maxLines?: number;
+}
+/** Provides styling to truncate multi-line text. */
+export declare const maxLines: import("@xstyled/system").StyleGenerator;
+export declare type WordBreakProps = {
+    wordBreak?: 'normal' | 'break-all' | 'keep-all' | 'break-word';
+};
+export declare const wordBreak: import("@xstyled/system").StyleGenerator;