@veracity/vui 0.0.1

package/box/box.d.ts

@@ -0,0 +1,6 @@
+import { BoxProps, BoxStyleProps } from './box.types';
+export declare const BaseBox: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+    [x: string]: {};
+} & BoxStyleProps, never>;
+export declare const Box: import("styled-components").StyledComponent<"div", never, BoxProps, never>;
+export default Box;

package/box/box.js

@@ -0,0 +1,61 @@
+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+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 __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Box = exports.BaseBox = void 0;
+var styled_components_1 = require("@xstyled/styled-components");
+var react_1 = __importDefault(require("react"));
+var styled_components_2 = __importDefault(require("styled-components"));
+var core_1 = require("../core");
+var utils_1 = require("../utils");
+var generator = styled_components_1.compose(styled_components_1.backgroundColor, styled_components_1.borders, styled_components_1.effects, styled_components_1.flexboxes, styled_components_1.interactivity, styled_components_1.layout, styled_components_1.sizing, styled_components_1.space, styled_components_1.transitions);
+exports.BaseBox = styled_components_2.default.div.withConfig({
+    shouldForwardProp: core_1.shouldForwardProp(generator.meta.props)
+})(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n\tdisplay: flex;\n\ttransition: all 0s ease-in-out;\n\n\t", "\n"], ["\n\tdisplay: flex;\n\ttransition: all 0s ease-in-out;\n\n\t", "\n"])), generator);
+exports.Box = core_1.forwardRef(function (props, ref) {
+    var _a = core_1.omitThemingProps(props), align = _a.align, center = _a.center, centerH = _a.centerH, centerV = _a.centerV, className = _a.className, column = _a.column, direction = _a.direction, hoverShadow = _a.hoverShadow, justify = _a.justify, radius = _a.radius, shadow = _a.shadow, wrap = _a.wrap, rest = __rest(_a, ["align", "center", "centerH", "centerV", "className", "column", "direction", "hoverShadow", "justify", "radius", "shadow", "wrap"]);
+    var styles = core_1.useStyleConfig('Box', props);
+    var alignItems = (center || (column ? centerH : centerV)) && 'center';
+    var flexDirection = column && 'column';
+    var justifyContent = (center || (column ? centerV : centerH)) && 'center';
+    var aliasedProps = utils_1.filterUndefined({
+        alignItems: align !== null && align !== void 0 ? align : alignItems,
+        borderRadius: radius,
+        boxShadow: shadow,
+        flexDirection: direction !== null && direction !== void 0 ? direction : flexDirection,
+        flexWrap: wrap && 'wrap',
+        hoverBoxShadow: hoverShadow,
+        justifyContent: justify !== null && justify !== void 0 ? justify : justifyContent
+    });
+    return (react_1.default.createElement(exports.BaseBox, __assign({ className: utils_1.cs('vui-box', className), ref: ref, transitionDuration: "normal" }, styles, aliasedProps, rest)));
+});
+exports.Box.displayName = 'Box';
+exports.default = exports.Box;
+var templateObject_1;

package/box/box.types.d.ts

@@ -0,0 +1,19 @@
+import { HTMLAttributes } from 'react';
+import { AlignItemsProps, BackgroundColorProps, BordersProps, EffectsProps, FlexboxesProps, FlexDirectionProps, InteractivityProps, JustifyContentProps, LayoutProps, SizingProps, SpaceProps, TransitionsProps } from '../system';
+import { Radius, Shadow, ThemingProps } from '../theme';
+import { AnyString } from '../utils';
+export interface BoxProps extends Omit<HTMLAttributes<HTMLDivElement>, 'color'>, BoxStyleProps, ThemingProps<'Box'> {
+    align?: AlignItemsProps['alignItems'];
+    center?: boolean;
+    centerH?: boolean;
+    centerV?: boolean;
+    column?: boolean;
+    direction?: FlexDirectionProps['flexDirection'];
+    hoverShadow?: Shadow | AnyString;
+    justify?: JustifyContentProps['justifyContent'];
+    radius?: Radius | AnyString;
+    shadow?: Shadow | AnyString;
+    wrap?: boolean;
+}
+export interface BoxStyleProps extends BackgroundColorProps, BordersProps, EffectsProps, FlexboxesProps, InteractivityProps, LayoutProps, SizingProps, SpaceProps, TransitionsProps {
+}

package/box/box.types.js

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

package/box/index.d.ts

@@ -0,0 +1,3 @@
+export * from './box';
+export * from './box.types';
+export { default } from './box';

package/box/index.js

@@ -0,0 +1,20 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = void 0;
+__exportStar(require("./box"), exports);
+__exportStar(require("./box.types"), exports);
+var box_1 = require("./box");
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(box_1).default; } });

package/box/theme.d.ts

@@ -0,0 +1,6 @@
+declare const _default: {
+    defaultProps: {};
+    sizes: {};
+    variants: {};
+};
+export default _default;

package/box/theme.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var defaultProps = {};
+var sizes = {};
+var variants = {};
+exports.default = {
+    defaultProps: defaultProps,
+    sizes: sizes,
+    variants: variants
+};

package/button/button.d.ts

@@ -0,0 +1,6 @@
+import { ButtonProps, ButtonStyleProps } from './button.types';
+export declare const BaseButton: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, {
+    [x: string]: {};
+} & ButtonStyleProps, never>;
+export declare const Button: import("styled-components").StyledComponent<"button", never, ButtonProps, never>;
+export default Button;

package/button/button.js

@@ -0,0 +1,76 @@
+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+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 __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Button = exports.BaseButton = void 0;
+var styled_components_1 = require("@xstyled/styled-components");
+var react_1 = __importDefault(require("react"));
+var styled_components_2 = __importDefault(require("styled-components"));
+var core_1 = require("../core");
+var icon_1 = __importDefault(require("../icon"));
+var utils_1 = require("../utils");
+var generator = styled_components_1.compose(styled_components_1.backgroundColor, styled_components_1.borders, styled_components_1.color, styled_components_1.effects, styled_components_1.flexboxes, styled_components_1.fontSize, styled_components_1.fontWeight, styled_components_1.pointerEvents, styled_components_1.sizing, styled_components_1.space, styled_components_1.transitions);
+var ContentWrapper = styled_components_2.default.span(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n\tvisibility: hidden;\n"], ["\n\tvisibility: hidden;\n"])));
+var LoadingWrapper = styled_components_2.default.span(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n\tbottom: 0;\n\tdisplay: flex;\n\tleft: 0;\n\tposition: absolute;\n\tright: 0;\n\ttop: 0;\n"], ["\n\tbottom: 0;\n\tdisplay: flex;\n\tleft: 0;\n\tposition: absolute;\n\tright: 0;\n\ttop: 0;\n"])));
+exports.BaseButton = styled_components_2.default.button.withConfig({
+    shouldForwardProp: core_1.shouldForwardProp(generator.meta.props)
+})(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n\talign-items: center;\n\tdisplay: flex;\n\tflex-shrink: 0;\n\tjustify-content: center;\n\tline-height: 1.1;\n\tposition: relative;\n\ttransition: all 0s ease-in-out;\n\tuser-select: none;\n\twidth: fit-content;\n\n\t&:focus {\n\t\tborder-color: transparent;\n\t\toutline: none;\n\t}\n\n\t", "\n"], ["\n\talign-items: center;\n\tdisplay: flex;\n\tflex-shrink: 0;\n\tjustify-content: center;\n\tline-height: 1.1;\n\tposition: relative;\n\ttransition: all 0s ease-in-out;\n\tuser-select: none;\n\twidth: fit-content;\n\n\t&:focus {\n\t\tborder-color: transparent;\n\t\toutline: none;\n\t}\n\n\t", "\n"])), generator);
+exports.Button = core_1.forwardRef(function (props, ref) {
+    var _a;
+    var _b = core_1.omitThemingProps(props), borderWidthProp = _b.borderWidth, children = _b.children, className = _b.className, disabled = _b.disabled, icon = _b.icon, iconLeftProp = _b.iconLeft, iconRightProp = _b.iconRight, isElevated = _b.isElevated, isFullWidth = _b.isFullWidth, isLoading = _b.isLoading, isRound = _b.isRound, isSplit = _b.isSplit, itemLeftProp = _b.itemLeft, itemRightProp = _b.itemRight, text = _b.text, rest = __rest(_b, ["borderWidth", "children", "className", "disabled", "icon", "iconLeft", "iconRight", "isElevated", "isFullWidth", "isLoading", "isRound", "isSplit", "itemLeft", "itemRight", "text"]);
+    var _c = core_1.useStyleConfig('Button', props), borderWidth = _c.borderWidth, h = _c.h, _d = _c.iconSize, iconSize = _d === void 0 ? 'md' : _d, minW = _c.minW, _e = _c.spaceX, spaceXBase = _e === void 0 ? 0 : _e, styles = __rest(_c, ["borderWidth", "h", "iconSize", "minW", "spaceX"]);
+    var Content = isLoading ? ContentWrapper : react_1.default.Fragment;
+    var border = (_a = borderWidthProp !== null && borderWidthProp !== void 0 ? borderWidthProp : borderWidth) !== null && _a !== void 0 ? _a : 0;
+    var spaceX = (spaceXBase - border) / 8;
+    var spaceXText = spaceX * 2;
+    var iconRightMl = isSplit ? 'auto' : spaceX;
+    var iconLeft = iconLeftProp && react_1.default.createElement(icon_1.default, { icon: iconLeftProp, mr: spaceX, size: iconSize });
+    var iconRight = iconRightProp && react_1.default.createElement(icon_1.default, { icon: iconRightProp, ml: iconRightMl, size: iconSize });
+    var itemLeft = itemLeftProp !== null && itemLeftProp !== void 0 ? itemLeftProp : iconLeft;
+    var itemRight = itemRightProp !== null && itemRightProp !== void 0 ? itemRightProp : iconRight;
+    var pl = icon || itemLeft ? spaceX : spaceXText;
+    var pr = icon || itemRight ? spaceX : spaceXText;
+    var minWidth = !icon ? minW : undefined;
+    var aliasedProps = utils_1.filterUndefined({
+        borderRadius: isRound ? h / 2 : undefined,
+        boxShadow: isElevated ? 2 : undefined,
+        pointerEvents: disabled || isLoading ? 'none' : undefined,
+        w: isFullWidth ? '100%' : undefined
+    });
+    return (react_1.default.createElement(exports.BaseButton, __assign({ borderRadius: "md", borderWidth: border, className: utils_1.cs('vui-button', className), disabled: disabled, disabledBg: "grey.20", disabledBorderColor: "grey.50", disabledColor: "grey.50", focusRing: 3, focusRingColor: "blue.50", fontWeight: "medium", h: h, minW: minWidth, pl: pl, pr: pr, ref: ref, transitionDuration: "fast", type: "button" }, styles, aliasedProps, rest),
+        isLoading && (react_1.default.createElement(LoadingWrapper, { onClick: function (e) { return e.stopPropagation(); } },
+            react_1.default.createElement(icon_1.default, { animation: "spin", icon: "falSpinner", m: "auto", size: iconSize }))),
+        react_1.default.createElement(Content, null, icon ? (react_1.default.createElement(icon_1.default, { icon: icon, size: iconSize })) : (react_1.default.createElement(react_1.default.Fragment, null,
+            itemLeft, children !== null && children !== void 0 ? children : text,
+            itemRight)))));
+});
+exports.Button.displayName = 'Button';
+exports.default = exports.Button;
+var templateObject_1, templateObject_2, templateObject_3;

package/button/button.types.d.ts

@@ -0,0 +1,20 @@
+import { HTMLAttributes } from 'react';
+import { IconProp } from '../icon';
+import { BackgroundColorProps, BordersProps, ColorProps, EffectsProps, FontSizeProps, FontWeightProps, PointerEventsProps, SizingProps, SpaceProps, TransitionsProps } from '../system';
+import { ThemingProps } from '../theme';
+export interface ButtonProps extends Omit<HTMLAttributes<HTMLButtonElement>, 'color'>, ButtonStyleProps, ThemingProps<'Button'> {
+    colorScheme?: 'blue' | 'green' | 'pink' | 'prussian' | 'red';
+    icon?: IconProp;
+    iconLeft?: IconProp;
+    iconRight?: IconProp;
+    isElevated?: boolean;
+    isFullWidth?: boolean;
+    isLoading?: boolean;
+    isRound?: boolean;
+    isSplit?: boolean;
+    itemLeft?: React.ReactNode;
+    itemRight?: React.ReactNode;
+    text?: string;
+}
+export interface ButtonStyleProps extends BackgroundColorProps, BordersProps, ColorProps, EffectsProps, FontSizeProps, FontWeightProps, PointerEventsProps, SizingProps, SpaceProps, TransitionsProps {
+}

package/button/button.types.js

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

package/button/buttons.d.ts

@@ -0,0 +1,8 @@
+import { ButtonProps as BaseButtonProps } from './button.types';
+declare type ButtonProps = Omit<BaseButtonProps, 'variant'>;
+export declare const AppButton: import("styled-components").StyledComponent<"button", never, ButtonProps, never>;
+export declare const CTAButton: import("styled-components").StyledComponent<"button", never, ButtonProps, never>;
+export declare const DangerButton: import("styled-components").StyledComponent<"button", never, ButtonProps, never>;
+export declare const OutlinedButton: import("styled-components").StyledComponent<"button", never, ButtonProps, never>;
+export declare const TextButton: import("styled-components").StyledComponent<"button", never, ButtonProps, never>;
+export {};

package/button/buttons.js

@@ -0,0 +1,25 @@
+"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.TextButton = exports.OutlinedButton = exports.DangerButton = exports.CTAButton = exports.AppButton = void 0;
+var react_1 = __importDefault(require("react"));
+var button_1 = __importDefault(require("./button"));
+var core_1 = require("../core");
+exports.AppButton = core_1.forwardRef(function (props, ref) { return (react_1.default.createElement(button_1.default, __assign({ colorScheme: "blue", ref: ref }, props))); });
+exports.CTAButton = core_1.forwardRef(function (props, ref) { return (react_1.default.createElement(button_1.default, __assign({ colorScheme: "green", ref: ref }, props))); });
+exports.DangerButton = core_1.forwardRef(function (props, ref) { return (react_1.default.createElement(button_1.default, __assign({ colorScheme: "red", ref: ref }, props))); });
+exports.OutlinedButton = core_1.forwardRef(function (props, ref) { return (react_1.default.createElement(button_1.default, __assign({ colorScheme: "blue", ref: ref, variant: "outlined" }, props))); });
+exports.TextButton = core_1.forwardRef(function (props, ref) { return (react_1.default.createElement(button_1.default, __assign({ colorScheme: "blue", ref: ref, variant: "text" }, props))); });

package/button/index.d.ts

@@ -0,0 +1,4 @@
+export * from './button';
+export * from './button.types';
+export * from './buttons';
+export { default } from './button';

package/button/index.js

@@ -0,0 +1,21 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = void 0;
+__exportStar(require("./button"), exports);
+__exportStar(require("./button.types"), exports);
+__exportStar(require("./buttons"), exports);
+var button_1 = require("./button");
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(button_1).default; } });

package/button/theme.d.ts

@@ -0,0 +1,64 @@
+import { Dict } from '../utils';
+declare function variantOutlined(props: Dict): {
+    hoverBg: string;
+    activeBg: string;
+    bg: string;
+    color: string;
+    borderColor: string;
+    borderWidth: number;
+};
+declare function variantSolid(props: Dict): {
+    hoverBg: string;
+    activeBg: string;
+    bg: string;
+    color: string;
+};
+declare function variantText(props: Dict): {
+    hoverBg: string;
+    activeBg: string;
+    bg: string;
+    color: string;
+};
+declare const _default: {
+    defaultProps: {
+        colorScheme: string;
+        size: string;
+        variant: string;
+    };
+    sizes: {
+        xs: {
+            fontSize: string;
+            h: number;
+            iconSize: string;
+            minW: number;
+            spaceX: number;
+        };
+        sm: {
+            fontSize: string;
+            h: number;
+            iconSize: string;
+            minW: number;
+            spaceX: number;
+        };
+        md: {
+            fontSize: string;
+            h: number;
+            iconSize: string;
+            minW: number;
+            spaceX: number;
+        };
+        lg: {
+            fontSize: string;
+            h: number;
+            iconSize: string;
+            minW: number;
+            spaceX: number;
+        };
+    };
+    variants: {
+        outlined: typeof variantOutlined;
+        solid: typeof variantSolid;
+        text: typeof variantText;
+    };
+};
+export default _default;

package/button/theme.js

@@ -0,0 +1,88 @@
+"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);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+function variantOutlined(props) {
+    var c = props.colorScheme;
+    var styles = __assign({ borderColor: c + ".80", borderWidth: 1 }, variantText(props));
+    return styles;
+}
+function variantSolid(props) {
+    var c = props.colorScheme;
+    var styles = {
+        hoverBg: c + ".90",
+        activeBg: c + ".100",
+        bg: c + ".80",
+        color: 'white'
+    };
+    return styles;
+}
+function variantText(props) {
+    var c = props.colorScheme;
+    var styles = {
+        hoverBg: c + ".20",
+        activeBg: c + ".30",
+        bg: 'transparent',
+        color: c + ".80"
+    };
+    // Special cases
+    if (c === 'prussian') {
+        styles.activeBg = 'blue.30';
+        styles.hoverBg = 'blue.20';
+    }
+    return styles;
+}
+var defaultProps = {
+    colorScheme: 'prussian',
+    size: 'md',
+    variant: 'solid'
+};
+var sizes = {
+    xs: {
+        fontSize: 'sm',
+        h: 24,
+        iconSize: 'xs',
+        minW: 48,
+        spaceX: 4
+    },
+    sm: {
+        fontSize: 'sm',
+        h: 32,
+        iconSize: 'sm',
+        minW: 64,
+        spaceX: 6
+    },
+    md: {
+        fontSize: 'md',
+        h: 40,
+        iconSize: 'md',
+        minW: 80,
+        spaceX: 8
+    },
+    lg: {
+        fontSize: 'lg',
+        h: 48,
+        iconSize: 'lg',
+        minW: 96,
+        spaceX: 10
+    }
+};
+var variants = {
+    outlined: variantOutlined,
+    solid: variantSolid,
+    text: variantText
+};
+exports.default = {
+    defaultProps: defaultProps,
+    sizes: sizes,
+    variants: variants
+};

package/core/consts.d.ts

@@ -0,0 +1 @@
+export declare const cdnUrl = "https://cdn.veracity.com";

package/core/consts.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.cdnUrl = void 0;
+exports.cdnUrl = 'https://cdn.veracity.com';

package/core/globalStyle.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("styled-components").GlobalStyleComponent<object, import("styled-components").DefaultTheme>;
+export default _default;

package/core/globalStyle.js

@@ -0,0 +1,10 @@
+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var styled_components_1 = require("@xstyled/styled-components");
+var styles_1 = require("../styles");
+exports.default = styled_components_1.createGlobalStyle(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n\t", "\n\n\thtml {\n\t\tbox-sizing: border-box;\n\t}\n\n\t*, *:before, *:after {\n\t\tbox-sizing: inherit;\n\t}\n\n\t* {\n\t\t--x-shadow: 0 0 0 0 #fff;\n\t}\n\n\tbody {\n\t\tbackground-color: blue.10;\n\t\tcolor: prussian.80;\n\t\tfont-family: avenir;\n\t\tfont-size: md;\n\t}\n\n\ta {\n\t\ttext-decoration: none;\n\t}\n\n\t@keyframes fadeDown {\n\t\t", "\n\t}\n\n\t@keyframes fadeIn {\n\t\t", "\n\t}\n\n\t@keyframes fadeLeft {\n\t\t", "\n\t}\n\n\t@keyframes fadeOut {\n\t\t", "\n\t}\n\n\t@keyframes fadeRight {\n\t\t", "\n\t}\n\n\t@keyframes fadeUp {\n\t\t", "\n\t}\n\n\t@keyframes spin {\n\t\t", "\n\t}\n"], ["\n\t", "\n\n\thtml {\n\t\tbox-sizing: border-box;\n\t}\n\n\t*, *:before, *:after {\n\t\tbox-sizing: inherit;\n\t}\n\n\t* {\n\t\t--x-shadow: 0 0 0 0 #fff;\n\t}\n\n\tbody {\n\t\tbackground-color: blue.10;\n\t\tcolor: prussian.80;\n\t\tfont-family: avenir;\n\t\tfont-size: md;\n\t}\n\n\ta {\n\t\ttext-decoration: none;\n\t}\n\n\t@keyframes fadeDown {\n\t\t", "\n\t}\n\n\t@keyframes fadeIn {\n\t\t", "\n\t}\n\n\t@keyframes fadeLeft {\n\t\t", "\n\t}\n\n\t@keyframes fadeOut {\n\t\t", "\n\t}\n\n\t@keyframes fadeRight {\n\t\t", "\n\t}\n\n\t@keyframes fadeUp {\n\t\t", "\n\t}\n\n\t@keyframes spin {\n\t\t", "\n\t}\n"])), styles_1.fonts, styles_1.fadeDown, styles_1.fadeIn, styles_1.fadeLeft, styles_1.fadeOut, styles_1.fadeRight, styles_1.fadeUp, styles_1.spin);
+var templateObject_1;

package/core/index.d.ts

@@ -0,0 +1,5 @@
+export * from './consts';
+export * from './types';
+export * from './utils';
+export { default as GlobalStyle } from './globalStyle';
+export { default as VuiProvider } from './vuiProvider';

package/core/index.js

@@ -0,0 +1,23 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.VuiProvider = exports.GlobalStyle = void 0;
+__exportStar(require("./consts"), exports);
+__exportStar(require("./types"), exports);
+__exportStar(require("./utils"), exports);
+var globalStyle_1 = require("./globalStyle");
+Object.defineProperty(exports, "GlobalStyle", { enumerable: true, get: function () { return __importDefault(globalStyle_1).default; } });
+var vuiProvider_1 = require("./vuiProvider");
+Object.defineProperty(exports, "VuiProvider", { enumerable: true, get: function () { return __importDefault(vuiProvider_1).default; } });

package/core/types.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+export declare type As = React.ElementType;
+export interface CreateContextOptions {
+    errorMessage?: string;
+    name?: string;
+}
+export declare type CreateContextReturn<T> = [React.Provider<T>, () => T];
+export declare type PropsOf<T extends As> = React.ComponentPropsWithoutRef<T>;

package/core/types.js

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

package/core/utils.d.ts

@@ -0,0 +1,28 @@
+import React from 'react';
+import { StyledComponent, StyledProps } from 'styled-components';
+import { As, CreateContextOptions, CreateContextReturn, PropsOf } from './types';
+import { ThemingProps, ThemeOverrides, VuiTheme } from '../theme';
+import { Dict } from '../utils';
+/** Generic function to create new Context and context access hook. */
+export declare function createContext<ContextType>(options?: CreateContextOptions): CreateContextReturn<ContextType>;
+/** Merges provided theme overrides with default VUI theme */
+export declare function extendTheme(overrides: ThemeOverrides): VuiTheme;
+/** Custom implementation of forwardRef, including polymorphic 'as' type based on StyledComponent. */
+export declare function forwardRef<Props extends object, Component extends As>(component: React.ForwardRefRenderFunction<Component, PropsOf<Component> & Props & {
+    as?: As;
+}>): StyledComponent<Component, never, Props, never>;
+/** Removes specific theming keys from the given props. */
+export declare function omitThemingProps<T extends ThemingProps>(props: T): Omit<T, "size" | "variant">;
+/**
+ * Custom validator to prevent certain props from reaching the HTML element.
+ * @param props - list of props to filter out
+ */
+export declare function shouldForwardProp(props: string[]): (prop: string | number, defaultValidatorFn: (prop: string | number) => boolean) => boolean;
+/** Attemps to access a theme property at the given path. */
+export declare function th(path: string | string[]): (props: StyledProps<unknown>) => Dict<any> | undefined;
+/**
+ * Retrieves and merges size and variant styling from theme configuration.
+ * @param component - name of any component configured in the theme
+ * @param props - props object of the given component
+ */
+export declare function useStyleConfig(component: keyof VuiTheme['components'], props?: any): Dict<any>;