@veracity/vui 0.7.0-beta.2 → 0.7.1

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

@@ -1,9 +0,0 @@
-import { CheckboxProps, CheckboxStyleProps } from './checkbox.types';
-export declare const CheckboxBase: import("styled-components").StyledComponent<"label", import("styled-components").DefaultTheme, import("..").AnimationProps & import("..").BackgroundColorProps & import("..").BorderProps & import("..").BorderTopProps & import("..").BorderRightProps & import("..").BorderBottomProps & import("..").BorderLeftProps & import("..").BorderColorProps & import("..").BorderTopColorProps & import("..").BorderRightColorProps & import("..").BorderBottomColorProps & import("..").BorderLeftColorProps & import("..").BorderWidthProps & import("..").BorderTopWidthProps & import("..").BorderRightWidthProps & import("..").BorderBottomWidthProps & import("..").BorderLeftWidthProps & import("..").BorderStyleProps & import("..").BorderRadiusProps & import("..").OutlineProps & import("..").OutlineColorProps & import("..").OutlineWidthProps & import("..").OutlineStyleProps & import("..").DivideXProps & import("..").DivideYProps & import("..").DivideXReverseProps & import("..").DivideYReverseProps & import("..").DivideColorProps & import("..").DivideStyleProps & import("..").RingProps & import("..").RingColorProps & import("..").OpacityProps & import("..").BoxShadowProps & import("..").TextShadowProps & import("..").DisplayProps & import("..").AlignItemsProps & import("..").AlignContentProps & import("..").JustifyContentProps & import("..").JustifyItemsProps & import("..").FlexWrapProps & import("..").FlexGrowProps & import("..").FlexShrinkProps & import("..").FlexBasisProps & import("..").FlexDirectionProps & import("..").FlexProps & import("..").JustifySelfProps & import("..").AlignSelfProps & import("..").OrderProps & import("../system/flexboxGrids").RowProps & import("../system/flexboxGrids").ColProps & import("../system/grids").GapProps & import("../system/grids").ColumnGapProps & import("../system/grids").RowGapProps & import("../system/grids").GridColumnProps & import("../system/grids").GridRowProps & import("../system/grids").GridAutoFlowProps & import("../system/grids").GridAutoColumnsProps & import("../system/grids").GridAutoRowsProps & import("../system/grids").GridTemplateColumnsProps & import("../system/grids").GridTemplateRowsProps & import("../system/grids").GridTemplateAreasProps & import("../system/grids").GridAreaProps & import("..").AppearanceProps & import("..").CursorProps & import("..").PointerEventsProps & import("..").ResizeProps & import("..").UserSelectProps & import("..").IsTruncatedProps & import("..").FloatProps & import("..").BoxSizingProps & import("..").OverflowProps & import("..").OverflowXProps & import("..").OverflowYProps & import("..").PositionProps & import("..").ZIndexProps & import("..").TopProps & import("..").RightProps & import("..").BottomProps & import("..").LeftProps & import("..").VisibilityProps & import("..").OverscrollBehaviorProps & import("..").ObjectFitProps & import("..").MaxLinesProps & import("..").WidthProps & import("..").HeightProps & import("..").MaxWidthProps & import("..").MaxHeightProps & import("..").MinWidthProps & import("..").MinHeightProps & import("..").MarginProps & import("..").MarginTopProps & import("..").MarginRightProps & import("..").MarginBottomProps & import("..").MarginLeftProps & import("..").MarginXProps & import("..").MarginYProps & import("..").PaddingProps & import("..").PaddingTopProps & import("..").PaddingRightProps & import("..").PaddingBottomProps & import("..").PaddingLeftProps & import("..").PaddingXProps & import("..").PaddingYProps & import("..").SpaceXProps & import("..").SpaceYProps & import("..").SpaceXReverseProps & import("..").SpaceYReverseProps & import("../system/tables").BorderCollapseProps & import("../system/tables").TableLayoutProps & import("..").TransformProps & import("..").TransformOriginProps & import("..").TranslateXProps & import("..").TranslateYProps & import("..").RotateProps & import("..").SkewXProps & import("..").SkewYProps & import("..").ScaleProps & import("..").ScaleXProps & import("..").ScaleYProps & import("..").TransitionProps & import("..").TransitionPropertyProps & import("..").TransitionDurationProps & import("..").TransitionTimingFunctionProps & import("..").TransitionDelayProps & import("..").FontFamilyProps & import("..").FontSizeProps & import("..").FontStyleProps & import("..").FontWeightProps & import("..").LineHeightProps & import("..").ColorProps & import("..").TextTransformProps & import("..").TextDecorationProps & import("..").TextAlignProps & import("..").VerticalAlignProps & import("..").LetterSpacingProps & import("..").WhiteSpaceProps & import("..").TextOverflowProps & import("..").ListStyleTypeProps & import("..").ListStylePositionProps & import("..").WordBreakProps & CheckboxStyleProps, never>;
-/**
- * Allows selection of one or more choices from a set of items. Handles controlled and uncontrolled modes.
- * Uses icons to display itself in different states. Can be indeterminate when selecting some nested items.
- */
-export declare const Checkbox: import("../core").VuiComponent<"span", CheckboxProps>;
-export default Checkbox;
-//# sourceMappingURL=checkbox.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"checkbox.d.ts","sourceRoot":"","sources":["../../../src/checkbox/checkbox.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,aAAa,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAA;AAwBpE,eAAO,MAAM,YAAY,ulJAkBxB,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,QAAQ,uDAmFnB,CAAA;AAIF,eAAe,QAAQ,CAAA"}

package/dist/esm/checkbox/checkbox.js

@@ -1,79 +0,0 @@
-import React, { useEffect, useState } from 'react';
-import { omitThemingProps, styled, th, useStyleConfig, vui } from '../core';
-import Icon from '../icon';
-import T from '../t';
-import { cs, filterUndefined } from '../utils';
-import { useCheckboxGroupContext } from './context';
-const CheckboxControl = styled.spanBox `
-	border-radius: sm;
-	display: inline-flex;
-	flex-shrink: 0;
-	position: relative;
-	transition-duration: fast;
-`;
-const CheckboxInput = styled.input `
-	cursor: inherit;
-	height: 100%;
-	left: 0;
-	margin: 0;
-	opacity: 0;
-	padding: 0;
-	position: absolute;
-	top: 0;
-	width: 100%;
-	z-index: 1;
-`;
-export const CheckboxBase = styled.labelBox `
-	align-items: center;
-	cursor: pointer;
-	display: inline-flex;
-	width: fit-content;
-
-	&:not([aria-disabled='true']):hover .vui-checkboxControl {
-		color: ${p => th.color(p.controlHoverColor)};
-	}
-
-	&[aria-disabled='true'] {
-		color: disabled.color;
-		cursor: not-allowed;
-
-		.vui-checkboxControl {
-			color: disabled.color;
-		}
-	}
-`;
-/**
- * Allows selection of one or more choices from a set of items. Handles controlled and uncontrolled modes.
- * Uses icons to display itself in different states. Can be indeterminate when selecting some nested items.
- */
-export const Checkbox = vui((props, ref) => {
-    const { defaultValue: groupDefaultValue, ...checkboxGroupProps } = useCheckboxGroupContext() ?? {};
-    const mergedProps = { ...checkboxGroupProps, ...props };
-    const { checked, children, className, defaultChecked = groupDefaultValue !== undefined ? groupDefaultValue.includes(props.value) : undefined, disabled, icon: iconProp = 'cuiCheckboxUnselected', iconChecked = 'cuiCheckboxSelected', iconIndeterminate = 'cuiCheckboxIndeterminate', id, inputProps, inputRef, isIndeterminate, label, name, onChange, required, value, ...rest } = omitThemingProps(mergedProps);
-    const [isChecked, setIsChecked] = useState(defaultChecked);
-    const styles = useStyleConfig('Checkbox', mergedProps);
-    const { color: controlColor, hoverColor, ...controlStyles } = styles.control;
-    const isFilled = isChecked || isIndeterminate;
-    const icon = isIndeterminate ? iconIndeterminate : isChecked ? iconChecked : iconProp;
-    const controlMr = children || label ? 1 : 0;
-    const color = isFilled ? controlColor : 'grey.60';
-    const controlHoverColor = isFilled ? hoverColor : 'grey.90';
-    useEffect(() => {
-        checked !== undefined && setIsChecked(checked);
-    }, [checked]);
-    function handleOnChange(e) {
-        setIsChecked(e.target.checked);
-        onChange?.(e);
-    }
-    const aliasedProps = filterUndefined({
-        'aria-disabled': disabled
-    });
-    return (React.createElement(CheckboxBase, { className: cs('vui-checkbox', className), controlHoverColor: controlHoverColor, ref: ref, ...styles.container, ...aliasedProps, ...rest },
-        React.createElement(CheckboxControl, { className: "vui-checkboxControl", color: color, focusWithinRing: 3, mr: controlMr, ...controlStyles },
-            React.createElement(CheckboxInput, { className: "vui-checkboxInput", onChange: handleOnChange, ref: inputRef, type: "checkbox", ...{ checked, defaultChecked, disabled, id, name, required, value }, ...inputProps }),
-            React.createElement(Icon, { className: "vui-checkboxIcon", h: "100%", name: icon, w: "100%" })),
-        children ??
-            (label && (React.createElement(T, { className: "vui-checkboxLabel", lineHeight: "normal", ...styles.label }, label)))));
-});
-Checkbox.displayName = 'Checkbox';
-export default Checkbox;

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

@@ -1,44 +0,0 @@
-import { HTMLAttributes } from 'react';
-import { IconProp } from '../icon';
-import { SystemProps } from '../system';
-import { ThemingProps } from '../theme';
-import { ChangeEventHandler, FocusEventHandler } from '../utils';
-export declare type CheckboxProps = SystemProps & ThemingProps<'Checkbox'> & {
-    /** Provides value to checkbox in controlled mode. */
-    checked?: boolean;
-    /** Available theme colors for this component. @default blue */
-    colorScheme?: 'blue' | 'prussian';
-    /** Disables checkbox and related elements with the right styling. */
-    disabled?: boolean;
-    /** Icon used when not checked. @default cuiCheckboxUnselected */
-    icon?: IconProp;
-    /** Icon used when checked. @default cuiCheckboxSelected */
-    iconChecked?: IconProp;
-    /** Icon used when in indeterminte state. @default cuiCheckboxIndeterminate */
-    iconIndeterminate?: IconProp;
-    /** Props object passed to the inner input element. */
-    inputProps?: HTMLAttributes<HTMLInputElement>;
-    /** Ref passed to the inner input element. */
-    inputRef?: React.MutableRefObject<HTMLInputElement | null> | null;
-    /** Displays the checkbox as indeterminate. */
-    isIndeterminate?: boolean;
-    /** Socket placing text to the left of the checkbox. */
-    label?: string;
-    /** Passed to the inner input. */
-    name?: string;
-    /** Passed to the inner input. */
-    onBlur?: FocusEventHandler;
-    /** Passed to the inner input. */
-    onChange?: ChangeEventHandler;
-    /** Passed to the inner input. */
-    onFocus?: FocusEventHandler;
-    /** Passed to the inner input. */
-    required?: boolean;
-    /** Passed to the inner input. */
-    value?: number | string;
-};
-export declare type CheckboxStyleProps = {
-    /** Styles the icon when any part of the checkbox is hovered. */
-    controlHoverColor: string;
-};
-//# sourceMappingURL=checkbox.types.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"checkbox.types.d.ts","sourceRoot":"","sources":["../../../src/checkbox/checkbox.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,aAAa,GAAG,WAAW,GACtC,YAAY,CAAC,UAAU,CAAC,GAAG;IAC1B,qDAAqD;IACrD,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,+DAA+D;IAC/D,WAAW,CAAC,EAAE,MAAM,GAAG,UAAU,CAAA;IACjC,qEAAqE;IACrE,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,iEAAiE;IACjE,IAAI,CAAC,EAAE,QAAQ,CAAA;IACf,2DAA2D;IAC3D,WAAW,CAAC,EAAE,QAAQ,CAAA;IACtB,8EAA8E;IAC9E,iBAAiB,CAAC,EAAE,QAAQ,CAAA;IAC5B,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,8CAA8C;IAC9C,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,uDAAuD;IACvD,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;CACvB,CAAA;AAEF,oBAAY,kBAAkB,GAAG;IAChC,gEAAgE;IAChE,iBAAiB,EAAE,MAAM,CAAA;CACzB,CAAA"}

package/dist/esm/checkbox/checkbox.types.js

@@ -1 +0,0 @@
-export {};

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

@@ -1,9 +0,0 @@
-import { CheckboxGroupProps } from './checkboxGroup.types';
-export declare const CheckboxGroupBase: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, import("..").SystemProps, never>;
-/**
- * Organizes layout and display of multiple checkboxes as a row or column.
- * Exposes some props to the children via context.
- */
-export declare const CheckboxGroup: import("../core").VuiComponent<"div", CheckboxGroupProps>;
-export default CheckboxGroup;
-//# sourceMappingURL=checkboxGroup.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"checkboxGroup.d.ts","sourceRoot":"","sources":["../../../src/checkbox/checkboxGroup.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAA;AAG1D,eAAO,MAAM,iBAAiB,+HAG7B,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,aAAa,2DA8BxB,CAAA;AAIF,eAAe,aAAa,CAAA"}

package/dist/esm/checkbox/checkboxGroup.js

@@ -1,23 +0,0 @@
-import React, { useMemo } from 'react';
-import { styled, vui } from '../core';
-import { cs, filterUndefined } from '../utils';
-import { CheckboxGroupProvider } from './context';
-export const CheckboxGroupBase = styled.divBox `
-	display: flex;
-	flex-direction: column;
-`;
-/**
- * Organizes layout and display of multiple checkboxes as a row or column.
- * Exposes some props to the children via context.
- */
-export const CheckboxGroup = vui((props, ref) => {
-    const { className, colorScheme, defaultValue, disabled, isRow, name, onBlur, onChange, onFocus, size, variant, ...rest } = props;
-    const context = useMemo(() => filterUndefined({ colorScheme, defaultValue, disabled, name, onBlur, onChange, onFocus, size, variant }), [colorScheme, defaultValue, disabled, name, onBlur, onChange, onFocus, size, variant]);
-    const aliasedProps = filterUndefined({
-        flexDirection: isRow ? 'row' : undefined
-    });
-    return (React.createElement(CheckboxGroupProvider, { value: context },
-        React.createElement(CheckboxGroupBase, { className: cs('vui-checkboxGroup', className), ref: ref, ...aliasedProps, ...rest })));
-});
-CheckboxGroup.displayName = 'CheckboxGroup';
-export default CheckboxGroup;

package/dist/esm/checkbox/checkboxGroup.types.d.ts

@@ -1,20 +0,0 @@
-import { SystemProps } from '../system';
-import { ThemingProps } from '../theme';
-import { ChangeEventHandler, FocusEventHandler } from '../utils';
-export declare type CheckboxGroupProps = SystemProps & ThemingProps<'Checkbox'> & {
-    /** Available theme colors for this component. */
-    colorScheme?: 'blue' | 'prussian';
-    /** Passes the prop to each checkbox. */
-    disabled?: boolean;
-    /** Displays checkboxes in a row. */
-    isRow?: boolean;
-    /** Passes the prop to each checkbox. */
-    name?: string;
-    /** Passes the prop to each checkbox. */
-    onBlur?: FocusEventHandler;
-    /** Passes the prop to each checkbox. */
-    onChange?: ChangeEventHandler;
-    /** Passes the prop to each checkbox. */
-    onFocus?: FocusEventHandler;
-};
-//# sourceMappingURL=checkboxGroup.types.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"checkboxGroup.types.d.ts","sourceRoot":"","sources":["../../../src/checkbox/checkboxGroup.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,kBAAkB,GAAG,WAAW,GAC3C,YAAY,CAAC,UAAU,CAAC,GAAG;IAC1B,iDAAiD;IACjD,WAAW,CAAC,EAAE,MAAM,GAAG,UAAU,CAAA;IACjC,wCAAwC;IACxC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,oCAAoC;IACpC,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;CAC3B,CAAA"}

package/dist/esm/checkbox/checkboxGroup.types.js

@@ -1 +0,0 @@
-export {};

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

@@ -1,5 +0,0 @@
-/// <reference types="react" />
-import { Dict } from '../utils';
-declare const CheckboxGroupProvider: import("react").Provider<Dict<any>>, useCheckboxGroupContext: () => Dict<any>;
-export { CheckboxGroupProvider, useCheckboxGroupContext };
-//# sourceMappingURL=context.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../src/checkbox/context.ts"],"names":[],"mappings":";AAAA,OAAO,EAAiB,IAAI,EAAE,MAAM,UAAU,CAAA;AAE9C,QAAA,MAAO,qBAAqB,uCAAE,uBAAuB,iBAA6C,CAAA;AAElG,OAAO,EAAE,qBAAqB,EAAE,uBAAuB,EAAE,CAAA"}

package/dist/esm/checkbox/context.js

@@ -1,3 +0,0 @@
-import { createContext } from '../utils';
-const [CheckboxGroupProvider, useCheckboxGroupContext] = createContext({ isOptional: true });
-export { CheckboxGroupProvider, useCheckboxGroupContext };

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

@@ -1,7 +0,0 @@
-export * from './checkbox';
-export { default } from './checkbox';
-export * from './checkbox.types';
-export * from './checkboxGroup';
-export * from './checkboxGroup.types';
-export * from './context';
-//# sourceMappingURL=index.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/checkbox/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAA;AAC1B,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAA;AACpC,cAAc,kBAAkB,CAAA;AAChC,cAAc,iBAAiB,CAAA;AAC/B,cAAc,uBAAuB,CAAA;AACrC,cAAc,WAAW,CAAA"}

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

@@ -1,50 +0,0 @@
-import { Dict } from '../utils';
-declare function variantDefault(props: Dict): {
-    control: {
-        color: string;
-        hoverColor: string;
-    };
-};
-declare const _default: {
-    baseStyle: {};
-    defaultProps: {
-        colorScheme: string;
-        size: string;
-        variant: string;
-    };
-    parts: string[];
-    sizes: {
-        sm: {
-            control: {
-                h: number;
-                w: number;
-            };
-            label: {
-                size: string;
-            };
-        };
-        md: {
-            control: {
-                h: number;
-                w: number;
-            };
-            label: {
-                size: string;
-            };
-        };
-        lg: {
-            control: {
-                h: number;
-                w: number;
-            };
-            label: {
-                size: string;
-            };
-        };
-    };
-    variants: {
-        default: typeof variantDefault;
-    };
-};
-export default _default;
-//# sourceMappingURL=theme.d.ts.map

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

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

package/dist/esm/checkbox/theme.js

@@ -1,59 +0,0 @@
-function variantDefault(props) {
-    const { colorScheme: c } = props;
-    const control = {
-        color: `${c}.80`,
-        hoverColor: `${c}.90`
-    };
-    if (c === 'prussian') {
-        control.hoverColor = 'prussian.70';
-    }
-    return {
-        control
-    };
-}
-const baseStyle = {};
-const defaultProps = {
-    colorScheme: 'blue',
-    size: 'md',
-    variant: 'default'
-};
-const parts = ['container', 'control', 'label'];
-const sizes = {
-    sm: {
-        control: {
-            h: 16,
-            w: 16
-        },
-        label: {
-            size: 'sm'
-        }
-    },
-    md: {
-        control: {
-            h: 20,
-            w: 20
-        },
-        label: {
-            size: 'md'
-        }
-    },
-    lg: {
-        control: {
-            h: 24,
-            w: 24
-        },
-        label: {
-            size: 'lg'
-        }
-    }
-};
-const variants = {
-    default: variantDefault
-};
-export default {
-    baseStyle,
-    defaultProps,
-    parts,
-    sizes,
-    variants
-};

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

@@ -1,9 +0,0 @@
-export declare const cdnUrl = "https://cdn.veracity.com";
-export declare const cdnStagUrl = "https://cdnstag.veracity.com";
-export declare const cdnTestUrl = "https://cdntest.veracity.com";
-export declare const cdnUrls: {
-    readonly Prod: "https://cdn.veracity.com";
-    readonly Stag: "https://cdnstag.veracity.com";
-    readonly Test: "https://cdntest.veracity.com";
-};
-//# sourceMappingURL=consts.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"consts.d.ts","sourceRoot":"","sources":["../../../src/core/consts.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,MAAM,6BAA6B,CAAA;AAChD,eAAO,MAAM,UAAU,iCAAiC,CAAA;AACxD,eAAO,MAAM,UAAU,iCAAiC,CAAA;AAExD,eAAO,MAAM,OAAO;;;;CAIV,CAAA"}

package/dist/esm/core/consts.js

@@ -1,8 +0,0 @@
-export const cdnUrl = 'https://cdn.veracity.com';
-export const cdnStagUrl = 'https://cdnstag.veracity.com';
-export const cdnTestUrl = 'https://cdntest.veracity.com';
-export const cdnUrls = {
-    Prod: cdnUrl,
-    Stag: cdnStagUrl,
-    Test: cdnTestUrl
-};

package/dist/esm/core/index.d.ts

@@ -1,8 +0,0 @@
-export * from './consts';
-export * from './links';
-export * from './media';
-export * from './styled';
-export * from './theme';
-export * from './vui';
-export * from './vuiProvider';
-//# sourceMappingURL=index.d.ts.map

package/dist/esm/core/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/core/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAA;AACxB,cAAc,SAAS,CAAA;AACvB,cAAc,SAAS,CAAA;AACvB,cAAc,UAAU,CAAA;AACxB,cAAc,SAAS,CAAA;AACvB,cAAc,OAAO,CAAA;AACrB,cAAc,eAAe,CAAA"}

package/dist/esm/core/links.d.ts

@@ -1,22 +0,0 @@
-import React, { Dispatch, SetStateAction } from 'react';
-import { Dict, Environment } from '../utils';
-export declare type LinksDict = Dict<string>;
-declare type LinksContextType = [LinksDict, Dispatch<SetStateAction<LinksDict>>];
-/**
- * Adds loggedIn=1 parameter to the URL if 'isLoggedIn' flag is true, which means the user is logged in.
- * If 'isLoggedIn' is falsy, loggedin param will be removed.
- * This is supposed to aid login flow when navigating between Veracity applications.
- */
-export declare function getLoggedInLink(link: string, isLoggedIn?: boolean): string;
-export declare function LinksProvider(props: {
-    children: React.ReactNode;
-}): JSX.Element;
-/** Returns links and setLinks from LinksContext. */
-export declare function useLinks(): LinksContextType;
-/**
- * Retrieves the links from CDN for the given environment and appends them with loggedin=1 parameter
- * if user is logged in. Links will be reloaded when 'env' changes or updated when 'isLoggedIn' changes.
- */
-export declare function useLoadLinks(env?: Environment, isLoggedIn?: boolean): void;
-export {};
-//# sourceMappingURL=links.d.ts.map

package/dist/esm/core/links.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"links.d.ts","sourceRoot":"","sources":["../../../src/core/links.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAiB,QAAQ,EAAE,cAAc,EAAmC,MAAM,OAAO,CAAA;AAEvG,OAAO,EAAE,IAAI,EAAE,WAAW,EAAkC,MAAM,UAAU,CAAA;AAG5E,oBAAY,SAAS,GAAG,IAAI,CAAC,MAAM,CAAC,CAAA;AAEpC,aAAK,gBAAgB,GAAG,CAAC,SAAS,EAAE,QAAQ,CAAC,cAAc,CAAC,SAAS,CAAC,CAAC,CAAC,CAAA;AAIxE;;;;GAIG;AACH,wBAAgB,eAAe,CAAC,IAAI,EAAE,MAAM,EAAE,UAAU,CAAC,EAAE,OAAO,UAcjE;AAED,wBAAgB,aAAa,CAAC,KAAK,EAAE;IAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,eAIjE;AAED,oDAAoD;AACpD,wBAAgB,QAAQ,qBASvB;AAED;;;GAGG;AACH,wBAAgB,YAAY,CAAC,GAAG,CAAC,EAAE,WAAW,EAAE,UAAU,CAAC,EAAE,OAAO,QAuCnE"}

package/dist/esm/core/links.js

@@ -1,77 +0,0 @@
-import React, { createContext, useContext, useEffect, useState } from 'react';
-import { isObject, noop, useCallbackRef } from '../utils';
-import { cdnUrls } from './consts';
-const LinksContext = createContext(undefined);
-/**
- * Adds loggedIn=1 parameter to the URL if 'isLoggedIn' flag is true, which means the user is logged in.
- * If 'isLoggedIn' is falsy, loggedin param will be removed.
- * This is supposed to aid login flow when navigating between Veracity applications.
- */
-export function getLoggedInLink(link, isLoggedIn) {
-    try {
-        const url = new URL(link);
-        if (isLoggedIn) {
-            url.searchParams.append('loggedin', '1');
-        }
-        else {
-            url.searchParams.delete('loggedin');
-        }
-        return url.toString();
-    }
-    catch {
-        return link;
-    }
-}
-export function LinksProvider(props) {
-    const linksState = useState({});
-    return React.createElement(LinksContext.Provider, { value: linksState, ...props });
-}
-/** Returns links and setLinks from LinksContext. */
-export function useLinks() {
-    const context = useContext(LinksContext);
-    if (context === undefined) {
-        console.error('useLinks must be used within a LinksContext.');
-        return [{}, noop];
-    }
-    return context;
-}
-/**
- * Retrieves the links from CDN for the given environment and appends them with loggedin=1 parameter
- * if user is logged in. Links will be reloaded when 'env' changes or updated when 'isLoggedIn' changes.
- */
-export function useLoadLinks(env, isLoggedIn) {
-    const [, setLinks] = useLinks();
-    // Load links from the CDN for the given environment.
-    const loadLinks = async (env) => {
-        try {
-            const response = await fetch(`${cdnUrls[env]}/common/data/links/base.json`);
-            if (!response.ok)
-                return;
-            const data = await response.json();
-            if (isObject(data)) {
-                setLinks(updateLoggedInParam(data));
-            }
-        }
-        catch {
-            console.error('Failed to retrieve links');
-        }
-    };
-    /**
-     * Adds/removes loggedin=1 URL param for each link based on isLoggedIn arg.
-     * useCallbackRef is used here to prevent a stale closure in async loadLinks.
-     */
-    const updateLoggedInParam = useCallbackRef((links) => {
-        return Object.keys(links).reduce((loggedInLinks, key) => {
-            loggedInLinks[key] = getLoggedInLink(links[key], isLoggedIn);
-            return loggedInLinks;
-        }, {});
-    });
-    useEffect(() => {
-        if (!env)
-            return;
-        loadLinks(env);
-    }, [env]);
-    useEffect(() => {
-        setLinks(updateLoggedInParam);
-    }, [isLoggedIn]);
-}

package/dist/esm/core/media.d.ts

@@ -1,39 +0,0 @@
-import { FC } from 'react';
-import { StyledProps } from 'styled-components';
-import { Screen } from '../theme';
-import { AnyNumber, AnyString } from '../utils';
-declare type ScreenWidth = Screen | AnyNumber | AnyString;
-export declare type RenderOnScreenProps = {
-    /** Changes direction to below the breakpoint. */
-    isDown?: boolean;
-    /** Breakpoint to compare viewport width against. */
-    screen?: Screen;
-};
-/** Returns CSS media string with appropriate min-width and max-width values. */
-export declare const mediaBetween: (minWidth: ScreenWidth, maxWidth: ScreenWidth) => (props: StyledProps<unknown>) => string;
-/** Returns CSS media string with appropriate max-width value */
-export declare const mediaDown: (width: ScreenWidth) => (props: StyledProps<unknown>) => string;
-/** Returns CSS media string with appropriate min-width value. */
-export declare const mediaUp: (width: ScreenWidth) => (props: StyledProps<unknown>) => string;
-/** Renders its content when viewport width is at or above 'md' breakpoint (default: 960px and more). */
-export declare const RenderOnDesktop: FC<RenderOnScreenProps>;
-/** Renders its content when viewport width is below 'md' breakpoint (default: below 960px). */
-export declare const RenderOnMobile: FC<RenderOnScreenProps>;
-/**
- * Renders its content when viewport width is at or above a provided breakpoint.
- * Optionally, direction can be set to down, or below, the breakpoint.
- */
-export declare const RenderOnScreen: FC<RenderOnScreenProps>;
-/** Returns true if current viewport width is between provided min and max widths. */
-export declare function useBetween(minWidth: ScreenWidth, maxWidth: ScreenWidth): boolean;
-/** Returns true if current viewport width is smaller than provided width. */
-export declare function useDown(width: ScreenWidth): boolean;
-/** Returns viewport width and provided screen width as a number. */
-export declare function useMedia(width: ScreenWidth): {
-    value: number;
-    viewportWidth: number | null;
-};
-/** Returns true if current viewport width is larger than or equal to provided width. */
-export declare function useUp(width: ScreenWidth): boolean;
-export {};
-//# sourceMappingURL=media.d.ts.map

package/dist/esm/core/media.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"media.d.ts","sourceRoot":"","sources":["../../../src/core/media.tsx"],"names":[],"mappings":"AACA,OAAc,EAAE,EAAE,EAAE,MAAM,OAAO,CAAA;AACjC,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAA;AAE/C,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AACjC,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,UAAU,CAAA;AAG/C,aAAK,WAAW,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,CAAA;AAEjD,oBAAY,mBAAmB,GAAG;IACjC,iDAAiD;IACjD,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,oDAAoD;IACpD,MAAM,CAAC,EAAE,MAAM,CAAA;CACf,CAAA;AAED,gFAAgF;AAChF,eAAO,MAAM,YAAY,aAAc,WAAW,YAAY,WAAW,aAAa,YAAY,OAAO,CAAC,WACP,CAAA;AAEnG,gEAAgE;AAChE,eAAO,MAAM,SAAS,UAAW,WAAW,aAAa,YAAY,OAAO,CAAC,WAE5E,CAAA;AAED,iEAAiE;AACjE,eAAO,MAAM,OAAO,UAAW,WAAW,aAAa,YAAY,OAAO,CAAC,WAC1B,CAAA;AAEjD,wGAAwG;AACxG,eAAO,MAAM,eAAe,EAAE,EAAE,CAAC,mBAAmB,CAA0C,CAAA;AAE9F,+FAA+F;AAC/F,eAAO,MAAM,cAAc,EAAE,EAAE,CAAC,mBAAmB,CAAiD,CAAA;AAEpG;;;GAGG;AACH,eAAO,MAAM,cAAc,EAAE,EAAE,CAAC,mBAAmB,CAGlD,CAAA;AAED,qFAAqF;AACrF,wBAAgB,UAAU,CAAC,QAAQ,EAAE,WAAW,EAAE,QAAQ,EAAE,WAAW,WAKtE;AAED,6EAA6E;AAC7E,wBAAgB,OAAO,CAAC,KAAK,EAAE,WAAW,WAIzC;AAED,oEAAoE;AACpE,wBAAgB,QAAQ,CAAC,KAAK,EAAE,WAAW;;;EAO1C;AAED,wFAAwF;AACxF,wBAAgB,KAAK,CAAC,KAAK,EAAE,WAAW,WAIvC"}

package/dist/esm/core/media.js

@@ -1,47 +0,0 @@
-import { useViewportWidth } from '@xstyled/styled-components';
-import React from 'react';
-import { th, useTheme } from './theme';
-/** Returns CSS media string with appropriate min-width and max-width values. */
-export const mediaBetween = (minWidth, maxWidth) => (props) => `@media (min-width: ${th.screen(minWidth)(props)}) and (max-width: ${th.screen(maxWidth)(props)})`;
-/** Returns CSS media string with appropriate max-width value */
-export const mediaDown = (width) => (props) => {
-    return `@media (max-width: ${th.screen(width)(props)})`;
-};
-/** Returns CSS media string with appropriate min-width value. */
-export const mediaUp = (width) => (props) => `@media (min-width: ${th.screen(width)(props)})`;
-/** Renders its content when viewport width is at or above 'md' breakpoint (default: 960px and more). */
-export const RenderOnDesktop = props => React.createElement(RenderOnScreen, { ...props });
-/** Renders its content when viewport width is below 'md' breakpoint (default: below 960px). */
-export const RenderOnMobile = props => React.createElement(RenderOnScreen, { isDown: true, ...props });
-/**
- * Renders its content when viewport width is at or above a provided breakpoint.
- * Optionally, direction can be set to down, or below, the breakpoint.
- */
-export const RenderOnScreen = ({ children, isDown, screen = 'md' }) => {
-    const mediaFn = isDown ? useDown : useUp;
-    return mediaFn(screen) ? React.createElement(React.Fragment, null, children) : null;
-};
-/** Returns true if current viewport width is between provided min and max widths. */
-export function useBetween(minWidth, maxWidth) {
-    const isDown = useDown(maxWidth);
-    const isUp = useUp(minWidth);
-    return isDown && isUp;
-}
-/** Returns true if current viewport width is smaller than provided width. */
-export function useDown(width) {
-    const { value, viewportWidth } = useMedia(width);
-    return viewportWidth !== null && value !== null && viewportWidth < value;
-}
-/** Returns viewport width and provided screen width as a number. */
-export function useMedia(width) {
-    const theme = useTheme();
-    const viewportWidth = useViewportWidth();
-    const valueString = th.screen(width)({ theme });
-    const value = Number(valueString.replace('px', ''));
-    return { value, viewportWidth };
-}
-/** Returns true if current viewport width is larger than or equal to provided width. */
-export function useUp(width) {
-    const { value, viewportWidth } = useMedia(width);
-    return viewportWidth !== null && value !== null && viewportWidth >= value;
-}