@veracity/vui 0.0.14 → 0.0.15

package/spinner/consts.js

@@ -1,26 +1,26 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.spinnerSpeedMapping = exports.spinnerPositionMapping = void 0;
-exports.spinnerPositionMapping = {
-    bottom: {
-        container: { flexDirection: 'column' },
-        circle: { mb: 1 }
-    },
-    left: {
-        container: { flexDirection: 'row-reverse' },
-        circle: { ml: 1 }
-    },
-    right: {
-        container: { flexDirection: 'row' },
-        circle: { mr: 1 }
-    },
-    top: {
-        container: { flexDirection: 'column-reverse' },
-        circle: { mt: 1 }
-    }
-};
-exports.spinnerSpeedMapping = {
-    slow: '1s',
-    normal: '0.9s',
-    fast: '0.8s'
-};
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.spinnerSpeedMapping = exports.spinnerPositionMapping = void 0;
+exports.spinnerPositionMapping = {
+    bottom: {
+        container: { flexDirection: 'column' },
+        circle: { mb: 1 }
+    },
+    left: {
+        container: { flexDirection: 'row-reverse' },
+        circle: { ml: 1 }
+    },
+    right: {
+        container: { flexDirection: 'row' },
+        circle: { mr: 1 }
+    },
+    top: {
+        container: { flexDirection: 'column-reverse' },
+        circle: { mt: 1 }
+    }
+};
+exports.spinnerSpeedMapping = {
+    slow: '1s',
+    normal: '0.9s',
+    fast: '0.8s'
+};

package/spinner/index.d.ts

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

package/spinner/index.js

@@ -1,20 +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("./spinner"), exports);
-__exportStar(require("./spinner.types"), exports);
-var spinner_1 = require("./spinner");
-Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(spinner_1).default; } });
+"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("./spinner"), exports);
+__exportStar(require("./spinner.types"), exports);
+var spinner_1 = require("./spinner");
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(spinner_1).default; } });

package/spinner/spinner.d.ts

@@ -1,4 +1,4 @@
-import { SpinnerCircleStyleProps, SpinnerProps } from './spinner.types';
-export declare const SpinnerCircle: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, SpinnerCircleStyleProps, never>;
-export declare const Spinner: import("../core").VuiComponent<"div", SpinnerProps>;
-export default Spinner;
+import { SpinnerCircleStyleProps, SpinnerProps } from './spinner.types';
+export declare const SpinnerCircle: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, SpinnerCircleStyleProps, never>;
+export declare const Spinner: import("../core").VuiComponent<"div", SpinnerProps>;
+export default Spinner;

package/spinner/spinner.js

@@ -1,61 +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.Spinner = exports.SpinnerCircle = void 0;
-var react_1 = __importDefault(require("react"));
-var styled_components_1 = __importDefault(require("styled-components"));
-var consts_1 = require("./consts");
-var box_1 = __importDefault(require("../box"));
-var core_1 = require("../core");
-var system_1 = require("../system");
-var t_1 = __importDefault(require("../t"));
-var utils_1 = require("../utils");
-exports.SpinnerCircle = styled_components_1.default.div.withConfig(core_1.forwardPropConfig(system_1.system))(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n\tdisplay: flex;\n\tflex-shrink: 0;\n\n\t", "\n\n\tanimation-duration: ", ";\n"], ["\n\tdisplay: flex;\n\tflex-shrink: 0;\n\n\t", "\n\n\tanimation-duration: ", ";\n"])), system_1.system, function (p) { return p.speed; });
-exports.Spinner = core_1.vui(function (props, ref) {
-    var _a;
-    var className = props.className, emptyColor = props.emptyColor, size = props.size, _b = props.speed, speedProp = _b === void 0 ? 'normal' : _b, text = props.text, _c = props.textPosition, textPosition = _c === void 0 ? 'bottom' : _c, thickness = props.thickness, rest = __rest(props, ["className", "emptyColor", "size", "speed", "text", "textPosition", "thickness"]);
-    var styles = core_1.useStyleConfig('Spinner', props);
-    var isCustomSize = typeof size === 'number';
-    var positionProps = consts_1.spinnerPositionMapping[textPosition];
-    var speed = (_a = consts_1.spinnerSpeedMapping[speedProp]) !== null && _a !== void 0 ? _a : speedProp;
-    var circleProps = utils_1.filterUndefined({
-        borderColor: emptyColor,
-        borderWidth: isCustomSize ? thickness !== null && thickness !== void 0 ? thickness : 4 : thickness,
-        h: isCustomSize ? size : undefined,
-        w: isCustomSize ? size : undefined
-    });
-    return (react_1.default.createElement(box_1.default, __assign({ center: true, className: utils_1.cs('vui-spinner', className), ref: ref, transitionDuration: "fast" }, styles.container, positionProps.container, rest),
-        react_1.default.createElement(exports.SpinnerCircle, __assign({ animation: "spin", borderRadius: "round", className: "vui-spinnerCircle", speed: speed }, styles.circle, positionProps.circle, circleProps)),
-        text && (react_1.default.createElement(t_1.default, __assign({ className: "vui-spinnerText" }, styles.text), text))));
-});
-exports.Spinner.displayName = 'Spinner';
-exports.default = exports.Spinner;
-var templateObject_1;
+"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.Spinner = exports.SpinnerCircle = void 0;
+var react_1 = __importDefault(require("react"));
+var styled_components_1 = __importDefault(require("styled-components"));
+var consts_1 = require("./consts");
+var box_1 = __importDefault(require("../box"));
+var core_1 = require("../core");
+var system_1 = require("../system");
+var t_1 = __importDefault(require("../t"));
+var utils_1 = require("../utils");
+exports.SpinnerCircle = styled_components_1.default.div.withConfig(core_1.forwardPropConfig(system_1.system))(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n\tdisplay: flex;\n\tflex-shrink: 0;\n\n\t", "\n\n\tanimation-duration: ", ";\n"], ["\n\tdisplay: flex;\n\tflex-shrink: 0;\n\n\t", "\n\n\tanimation-duration: ", ";\n"])), system_1.system, function (p) { return p.speed; });
+exports.Spinner = core_1.vui(function (props, ref) {
+    var _a;
+    var className = props.className, emptyColor = props.emptyColor, size = props.size, _b = props.speed, speedProp = _b === void 0 ? 'normal' : _b, text = props.text, _c = props.textPosition, textPosition = _c === void 0 ? 'bottom' : _c, thickness = props.thickness, rest = __rest(props, ["className", "emptyColor", "size", "speed", "text", "textPosition", "thickness"]);
+    var styles = core_1.useStyleConfig('Spinner', props);
+    var isCustomSize = typeof size === 'number';
+    var positionProps = consts_1.spinnerPositionMapping[textPosition];
+    var speed = (_a = consts_1.spinnerSpeedMapping[speedProp]) !== null && _a !== void 0 ? _a : speedProp;
+    var circleProps = utils_1.filterUndefined({
+        borderColor: emptyColor,
+        borderWidth: isCustomSize ? thickness !== null && thickness !== void 0 ? thickness : 4 : thickness,
+        h: isCustomSize ? size : undefined,
+        w: isCustomSize ? size : undefined
+    });
+    return (react_1.default.createElement(box_1.default, __assign({ center: true, className: utils_1.cs('vui-spinner', className), ref: ref, transitionDuration: "fast" }, styles.container, positionProps.container, rest),
+        react_1.default.createElement(exports.SpinnerCircle, __assign({ animation: "spin", borderRadius: "round", className: "vui-spinnerCircle", speed: speed }, styles.circle, positionProps.circle, circleProps)),
+        text && (react_1.default.createElement(t_1.default, __assign({ className: "vui-spinnerText" }, styles.text), text))));
+});
+exports.Spinner.displayName = 'Spinner';
+exports.default = exports.Spinner;
+var templateObject_1;

package/spinner/spinner.types.d.ts

@@ -1,15 +1,15 @@
-import { BoxProps } from '../box';
-import { SystemProps } from '../system';
-import { ThemingProps } from '../theme';
-export interface SpinnerCircleStyleProps extends SystemProps {
-    speed?: string;
-}
-export interface SpinnerProps extends Omit<BoxProps, 'size' | 'variant'>, Omit<ThemingProps<'Spinner'>, 'size'> {
-    colorScheme?: 'blue' | 'grey' | 'prussian';
-    emptyColor?: string;
-    speed?: string;
-    size?: ThemingProps<'Spinner'>['size'] | number;
-    text?: string;
-    textPosition?: 'bottom' | 'left' | 'right' | 'top';
-    thickness?: number;
-}
+import { BoxProps } from '../box';
+import { SystemProps } from '../system';
+import { ThemingProps } from '../theme';
+export interface SpinnerCircleStyleProps extends SystemProps {
+    speed?: string;
+}
+export interface SpinnerProps extends Omit<BoxProps, 'size' | 'variant'>, Omit<ThemingProps<'Spinner'>, 'size'> {
+    colorScheme?: 'blue' | 'grey' | 'prussian';
+    emptyColor?: string;
+    speed?: string;
+    size?: ThemingProps<'Spinner'>['size'] | number;
+    text?: string;
+    textPosition?: 'bottom' | 'left' | 'right' | 'top';
+    thickness?: number;
+}

package/spinner/spinner.types.js

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

package/spinner/theme.d.ts

@@ -1,67 +1,67 @@
-import { Dict } from '../utils';
-declare function variantDefault(props: Dict): {
-    container: {
-        color: string;
-    };
-    circle: {
-        borderColor: string;
-        borderTopColor: string;
-    };
-    text: {};
-};
-declare const _default: {
-    defaultProps: {
-        colorScheme: string;
-        size: string;
-        variant: string;
-    };
-    parts: string[];
-    sizes: {
-        xs: {
-            circle: {
-                borderWidth: number;
-                h: number;
-                w: number;
-            };
-        };
-        sm: {
-            circle: {
-                borderWidth: number;
-                h: number;
-                w: number;
-            };
-        };
-        md: {
-            circle: {
-                borderWidth: number;
-                h: number;
-                w: number;
-            };
-        };
-        lg: {
-            circle: {
-                borderWidth: number;
-                h: number;
-                w: number;
-            };
-        };
-        card: {
-            circle: {
-                borderWidth: number;
-                h: number;
-                w: number;
-            };
-        };
-        page: {
-            circle: {
-                borderWidth: number;
-                h: number;
-                w: number;
-            };
-        };
-    };
-    variants: {
-        default: typeof variantDefault;
-    };
-};
-export default _default;
+import { Dict } from '../utils';
+declare function variantDefault(props: Dict): {
+    container: {
+        color: string;
+    };
+    circle: {
+        borderColor: string;
+        borderTopColor: string;
+    };
+    text: {};
+};
+declare const _default: {
+    defaultProps: {
+        colorScheme: string;
+        size: string;
+        variant: string;
+    };
+    parts: string[];
+    sizes: {
+        xs: {
+            circle: {
+                borderWidth: number;
+                h: number;
+                w: number;
+            };
+        };
+        sm: {
+            circle: {
+                borderWidth: number;
+                h: number;
+                w: number;
+            };
+        };
+        md: {
+            circle: {
+                borderWidth: number;
+                h: number;
+                w: number;
+            };
+        };
+        lg: {
+            circle: {
+                borderWidth: number;
+                h: number;
+                w: number;
+            };
+        };
+        card: {
+            circle: {
+                borderWidth: number;
+                h: number;
+                w: number;
+            };
+        };
+        page: {
+            circle: {
+                borderWidth: number;
+                h: number;
+                w: number;
+            };
+        };
+    };
+    variants: {
+        default: typeof variantDefault;
+    };
+};
+export default _default;

package/spinner/theme.js

@@ -1,73 +1,73 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-function variantDefault(props) {
-    var c = props.colorScheme;
-    var container = {
-        color: c + ".50"
-    };
-    var circle = {
-        borderColor: c + ".20",
-        borderTopColor: c + ".50"
-    };
-    var text = {};
-    return { container: container, circle: circle, text: text };
-}
-var defaultProps = {
-    colorScheme: 'blue',
-    size: 'page',
-    variant: 'default'
-};
-var parts = ['container', 'circle', 'text'];
-var sizes = {
-    xs: {
-        circle: {
-            borderWidth: 1,
-            h: 16,
-            w: 16
-        }
-    },
-    sm: {
-        circle: {
-            borderWidth: 2,
-            h: 24,
-            w: 24
-        }
-    },
-    md: {
-        circle: {
-            borderWidth: 3,
-            h: 32,
-            w: 32
-        }
-    },
-    lg: {
-        circle: {
-            borderWidth: 3,
-            h: 40,
-            w: 40
-        }
-    },
-    card: {
-        circle: {
-            borderWidth: 4,
-            h: 60,
-            w: 60
-        }
-    },
-    page: {
-        circle: {
-            borderWidth: 5,
-            h: 80,
-            w: 80
-        }
-    }
-};
-var variants = {
-    default: variantDefault
-};
-exports.default = {
-    defaultProps: defaultProps,
-    parts: parts,
-    sizes: sizes,
-    variants: variants
-};
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+function variantDefault(props) {
+    var c = props.colorScheme;
+    var container = {
+        color: c + ".50"
+    };
+    var circle = {
+        borderColor: c + ".20",
+        borderTopColor: c + ".50"
+    };
+    var text = {};
+    return { container: container, circle: circle, text: text };
+}
+var defaultProps = {
+    colorScheme: 'blue',
+    size: 'page',
+    variant: 'default'
+};
+var parts = ['container', 'circle', 'text'];
+var sizes = {
+    xs: {
+        circle: {
+            borderWidth: 1,
+            h: 16,
+            w: 16
+        }
+    },
+    sm: {
+        circle: {
+            borderWidth: 2,
+            h: 24,
+            w: 24
+        }
+    },
+    md: {
+        circle: {
+            borderWidth: 3,
+            h: 32,
+            w: 32
+        }
+    },
+    lg: {
+        circle: {
+            borderWidth: 3,
+            h: 40,
+            w: 40
+        }
+    },
+    card: {
+        circle: {
+            borderWidth: 4,
+            h: 60,
+            w: 60
+        }
+    },
+    page: {
+        circle: {
+            borderWidth: 5,
+            h: 80,
+            w: 80
+        }
+    }
+};
+var variants = {
+    default: variantDefault
+};
+exports.default = {
+    defaultProps: defaultProps,
+    parts: parts,
+    sizes: sizes,
+    variants: variants
+};

package/styles/animations.d.ts

@@ -1,9 +1,9 @@
-export declare const bounce = "\n\t0%, 100% {\n\t\tanimationTimingFunction: cubic-bezier(0.8, 0, 1, 1);\n\t\ttransform: translateY(-25%);\n\t}\n\t50% {\n\t\tanimationTimingFunction: cubic-bezier(0, 0, 0.2, 1);\n\t\ttransform: translateY(0);\n\t}\n";
-export declare const fadeDown = "\n\tfrom {\n\t\topacity: 0;\n\t\ttransform: translateY(-20px)\n\t}\n\tto {\n\t\topacity: 1;\n\t\ttransform: translateY(0)\n\t}\n";
-export declare const fadeIn = "\n\tfrom {\n\t\topacity: 0;\n\t}\n\tto {\n\t\topacity: 1;\n\t}\n";
-export declare const fadeLeft = "\n\tfrom {\n\t\topacity: 0;\n\t\ttransform: translateX(20px)\n\t}\n\tto {\n\t\topacity: 1;\n\t\ttransform: translateX(0)\n\t}\n";
-export declare const fadeOut = "\n\tfrom {\n\t\topacity: 1;\n\t}\n\tto {\n\t\topacity: 0;\n\t}\n";
-export declare const fadeRight = "\n\tfrom {\n\t\topacity: 0;\n\t\ttransform: translateX(-20px)\n\t}\n\tto {\n\t\topacity: 1;\n\t\ttransform: translateX(0)\n\t}\n";
-export declare const fadeUp = "\n\tfrom {\n\t\topacity: 0;\n\t\ttransform: translateY(20px)\n\t}\n\tto {\n\t\topacity: 1;\n\t\ttransform: translateY(0)\n\t}\n";
-export declare const pulse = "\n\t0%, 100% {\n\t\topacity: 1;\n\t}\n\t50% {\n\t\topacity: .5;\n\t}\n";
-export declare const spin = "\n\tfrom {\n\t\ttransform: rotate(0deg);\n\t}\n\tto {\n\t\ttransform: rotate(360deg);\n\t}\n";
+export declare const bounce = "\n\t0%, 100% {\n\t\tanimationTimingFunction: cubic-bezier(0.8, 0, 1, 1);\n\t\ttransform: translateY(-25%);\n\t}\n\t50% {\n\t\tanimationTimingFunction: cubic-bezier(0, 0, 0.2, 1);\n\t\ttransform: translateY(0);\n\t}\n";
+export declare const fadeDown = "\n\tfrom {\n\t\topacity: 0;\n\t\ttransform: translateY(-20px)\n\t}\n\tto {\n\t\topacity: 1;\n\t\ttransform: translateY(0)\n\t}\n";
+export declare const fadeIn = "\n\tfrom {\n\t\topacity: 0;\n\t}\n\tto {\n\t\topacity: 1;\n\t}\n";
+export declare const fadeLeft = "\n\tfrom {\n\t\topacity: 0;\n\t\ttransform: translateX(20px)\n\t}\n\tto {\n\t\topacity: 1;\n\t\ttransform: translateX(0)\n\t}\n";
+export declare const fadeOut = "\n\tfrom {\n\t\topacity: 1;\n\t}\n\tto {\n\t\topacity: 0;\n\t}\n";
+export declare const fadeRight = "\n\tfrom {\n\t\topacity: 0;\n\t\ttransform: translateX(-20px)\n\t}\n\tto {\n\t\topacity: 1;\n\t\ttransform: translateX(0)\n\t}\n";
+export declare const fadeUp = "\n\tfrom {\n\t\topacity: 0;\n\t\ttransform: translateY(20px)\n\t}\n\tto {\n\t\topacity: 1;\n\t\ttransform: translateY(0)\n\t}\n";
+export declare const pulse = "\n\t0%, 100% {\n\t\topacity: 1;\n\t}\n\t50% {\n\t\topacity: .5;\n\t}\n";
+export declare const spin = "\n\tfrom {\n\t\ttransform: rotate(0deg);\n\t}\n\tto {\n\t\ttransform: rotate(360deg);\n\t}\n";

package/styles/animations.js

@@ -1,12 +1,12 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.spin = exports.pulse = exports.fadeUp = exports.fadeRight = exports.fadeOut = exports.fadeLeft = exports.fadeIn = exports.fadeDown = exports.bounce = void 0;
-exports.bounce = "\n\t0%, 100% {\n\t\tanimationTimingFunction: cubic-bezier(0.8, 0, 1, 1);\n\t\ttransform: translateY(-25%);\n\t}\n\t50% {\n\t\tanimationTimingFunction: cubic-bezier(0, 0, 0.2, 1);\n\t\ttransform: translateY(0);\n\t}\n";
-exports.fadeDown = "\n\tfrom {\n\t\topacity: 0;\n\t\ttransform: translateY(-20px)\n\t}\n\tto {\n\t\topacity: 1;\n\t\ttransform: translateY(0)\n\t}\n";
-exports.fadeIn = "\n\tfrom {\n\t\topacity: 0;\n\t}\n\tto {\n\t\topacity: 1;\n\t}\n";
-exports.fadeLeft = "\n\tfrom {\n\t\topacity: 0;\n\t\ttransform: translateX(20px)\n\t}\n\tto {\n\t\topacity: 1;\n\t\ttransform: translateX(0)\n\t}\n";
-exports.fadeOut = "\n\tfrom {\n\t\topacity: 1;\n\t}\n\tto {\n\t\topacity: 0;\n\t}\n";
-exports.fadeRight = "\n\tfrom {\n\t\topacity: 0;\n\t\ttransform: translateX(-20px)\n\t}\n\tto {\n\t\topacity: 1;\n\t\ttransform: translateX(0)\n\t}\n";
-exports.fadeUp = "\n\tfrom {\n\t\topacity: 0;\n\t\ttransform: translateY(20px)\n\t}\n\tto {\n\t\topacity: 1;\n\t\ttransform: translateY(0)\n\t}\n";
-exports.pulse = "\n\t0%, 100% {\n\t\topacity: 1;\n\t}\n\t50% {\n\t\topacity: .5;\n\t}\n";
-exports.spin = "\n\tfrom {\n\t\ttransform: rotate(0deg);\n\t}\n\tto {\n\t\ttransform: rotate(360deg);\n\t}\n";
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.spin = exports.pulse = exports.fadeUp = exports.fadeRight = exports.fadeOut = exports.fadeLeft = exports.fadeIn = exports.fadeDown = exports.bounce = void 0;
+exports.bounce = "\n\t0%, 100% {\n\t\tanimationTimingFunction: cubic-bezier(0.8, 0, 1, 1);\n\t\ttransform: translateY(-25%);\n\t}\n\t50% {\n\t\tanimationTimingFunction: cubic-bezier(0, 0, 0.2, 1);\n\t\ttransform: translateY(0);\n\t}\n";
+exports.fadeDown = "\n\tfrom {\n\t\topacity: 0;\n\t\ttransform: translateY(-20px)\n\t}\n\tto {\n\t\topacity: 1;\n\t\ttransform: translateY(0)\n\t}\n";
+exports.fadeIn = "\n\tfrom {\n\t\topacity: 0;\n\t}\n\tto {\n\t\topacity: 1;\n\t}\n";
+exports.fadeLeft = "\n\tfrom {\n\t\topacity: 0;\n\t\ttransform: translateX(20px)\n\t}\n\tto {\n\t\topacity: 1;\n\t\ttransform: translateX(0)\n\t}\n";
+exports.fadeOut = "\n\tfrom {\n\t\topacity: 1;\n\t}\n\tto {\n\t\topacity: 0;\n\t}\n";
+exports.fadeRight = "\n\tfrom {\n\t\topacity: 0;\n\t\ttransform: translateX(-20px)\n\t}\n\tto {\n\t\topacity: 1;\n\t\ttransform: translateX(0)\n\t}\n";
+exports.fadeUp = "\n\tfrom {\n\t\topacity: 0;\n\t\ttransform: translateY(20px)\n\t}\n\tto {\n\t\topacity: 1;\n\t\ttransform: translateY(0)\n\t}\n";
+exports.pulse = "\n\t0%, 100% {\n\t\topacity: 1;\n\t}\n\t50% {\n\t\topacity: .5;\n\t}\n";
+exports.spin = "\n\tfrom {\n\t\ttransform: rotate(0deg);\n\t}\n\tto {\n\t\ttransform: rotate(360deg);\n\t}\n";

package/styles/fontFaces.d.ts

@@ -1,2 +1,2 @@
-declare const _default: string;
-export default _default;
+declare const _default: string;
+export default _default;

package/styles/fontFaces.js

@@ -1,4 +1,4 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var core_1 = require("../core");
-exports.default = "\n\t@font-face {\n\t\tfont-family: 'Avenir Next';\n\t\tsrc: url('" + core_1.cdnUrl + "/common/fonts/avenir-regular-lat-ext.woff');\n\t\tfont-weight: 400;\n\t}\n\n\t@font-face {\n\t\tfont-family: 'Avenir Next';\n\t\tsrc: url('" + core_1.cdnUrl + "/common/fonts/avenir-medium-lat-ext.woff');\n\t\tfont-weight: 500;\n\t}\n\n\t@font-face {\n\t\tfont-family: 'Avenir Next';\n\t\tsrc: url('" + core_1.cdnUrl + "/common/fonts/avenir-demi-lat-ext.woff');\n\t\tfont-weight: 600;\n\t}\n\n\t@font-face {\n\t\tfont-family: 'Avenir Next';\n\t\tsrc: url('" + core_1.cdnUrl + "/common/fonts/avenir-bold-lat-ext.woff');\n\t\tfont-weight: 700;\n\t}\n";
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var core_1 = require("../core");
+exports.default = "\n\t@font-face {\n\t\tfont-family: 'Avenir Next';\n\t\tsrc: url('" + core_1.cdnUrl + "/common/fonts/avenir-regular-lat-ext.woff');\n\t\tfont-weight: 400;\n\t}\n\n\t@font-face {\n\t\tfont-family: 'Avenir Next';\n\t\tsrc: url('" + core_1.cdnUrl + "/common/fonts/avenir-medium-lat-ext.woff');\n\t\tfont-weight: 500;\n\t}\n\n\t@font-face {\n\t\tfont-family: 'Avenir Next';\n\t\tsrc: url('" + core_1.cdnUrl + "/common/fonts/avenir-demi-lat-ext.woff');\n\t\tfont-weight: 600;\n\t}\n\n\t@font-face {\n\t\tfont-family: 'Avenir Next';\n\t\tsrc: url('" + core_1.cdnUrl + "/common/fonts/avenir-bold-lat-ext.woff');\n\t\tfont-weight: 700;\n\t}\n";

package/styles/helpers.d.ts

@@ -1,4 +1,4 @@
-export declare const lineClamp: (maxLines: number) => string;
-export declare const resetLink = "\n\ttext-decoration: none;\n\tcolor: inherit;\n";
-export declare const resetList = "\n\tlist-style: none;\n\tpadding-left: 0;\n";
-export declare const truncateText = "\n\toverflow: hidden;\n\ttext-overflow: ellipsis;\n\twhite-space: nowrap;\n";
+export declare const lineClamp: (maxLines: number) => string;
+export declare const resetLink = "\n\ttext-decoration: none;\n\tcolor: inherit;\n";
+export declare const resetList = "\n\tlist-style: none;\n\tpadding-left: 0;\n";
+export declare const truncateText = "\n\toverflow: hidden;\n\ttext-overflow: ellipsis;\n\twhite-space: nowrap;\n";