@thecb/components 7.5.2 → 7.6.0

package/dist/src/components/atoms/paragraph/Paragraph.js

@@ -1,40 +0,0 @@
-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;
-};
-/*
-03/30/2022
-
-For new pages/applications, please us <Title /> and <Detail /> atoms (specify "as" prop with value of "p")
-
-*/
-import React from "react";
-import { fallbackValues } from "./Paragraph.theme";
-import { themeComponent } from "../../../util/themeUtils";
-import { FONT_WEIGHT_REGULAR } from "../../../constants/style_constants";
-import { FIREFLY_GREY } from "../../../constants/colors";
-import { ParagraphText } from "./Paragraph.styled";
-import { safeChildren } from "../../../util/general";
-var Paragraph = function (_a) {
-    var themeValues = _a.themeValues, _b = _a.weight, weight = _b === void 0 ? FONT_WEIGHT_REGULAR : _b, _c = _a.color, color = _c === void 0 ? FIREFLY_GREY : _c, _d = _a.margin, margin = _d === void 0 ? 0 : _d, _e = _a.extraStyles, extraStyles = _e === void 0 ? "" : _e, dataQa = _a.dataQa, children = _a.children, as = _a.as, rest = __rest(_a, ["themeValues", "weight", "color", "margin", "extraStyles", "dataQa", "children", "as"]);
-    return (React.createElement(ParagraphText, __assign({ weight: weight, color: color, margin: margin, fontFamily: themeValues.fontFamily, fontSize: themeValues.fontSize, as: as, extraStyles: extraStyles, "data-qa": dataQa }, rest), safeChildren(children, React.createElement("span", null))));
-};
-export default themeComponent(Paragraph, "Paragraph", fallbackValues, "p");

package/dist/src/components/atoms/paragraph/Paragraph.stories.d.ts

@@ -1,7 +0,0 @@
-export default story;
-export function paragraph(): JSX.Element;
-declare const story: {
-    title: any;
-    component: any;
-    decorators: ((storyFn: any) => JSX.Element)[];
-};

package/dist/src/components/atoms/paragraph/Paragraph.stories.js

@@ -1,17 +0,0 @@
-import React from "react";
-import { text, number, select } from "@storybook/addon-knobs";
-import Paragraph from "./Paragraph";
-import page from "../../../../.storybook/page";
-import { FONT_WEIGHT_BOLD, FONT_WEIGHT_SEMIBOLD, FONT_WEIGHT_REGULAR } from "../../../constants/style_constants";
-import * as colors from "../../../constants/colors";
-var fontWeights = {
-    FONT_WEIGHT_BOLD: FONT_WEIGHT_BOLD,
-    FONT_WEIGHT_SEMIBOLD: FONT_WEIGHT_SEMIBOLD,
-    FONT_WEIGHT_REGULAR: FONT_WEIGHT_REGULAR
-};
-var story = page({
-    title: "Components|Atoms/Paragraph",
-    Component: Paragraph
-});
-export default story;
-export var paragraph = function () { return (React.createElement(Paragraph, { extraStyles: text("extraStyles", "text-align: center;", "props"), margin: number("margin", 0, { min: 0, max: 99 }, "props"), weight: select("weight", fontWeights, 400, "props"), color: select("activeColor", colors, "black", "props") }, text("children", "Lorem Ipsum", "props"))); };

package/dist/src/components/atoms/paragraph/Paragraph.styled.d.ts

@@ -1 +0,0 @@
-export const ParagraphText: any;

package/dist/src/components/atoms/paragraph/Paragraph.styled.js

@@ -1,25 +0,0 @@
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-import styled from "styled-components";
-export var ParagraphText = styled.p(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  --font-size: ", ";\n  font-size: var(--font-size);\n  line-height: calc(1.5 * var(--font-size));\n  font-weight: ", ";\n  font-family: ", ";\n  color: ", ";\n  margin: ", ";\n\n  ", "\n"], ["\n  --font-size: ", ";\n  font-size: var(--font-size);\n  line-height: calc(1.5 * var(--font-size));\n  font-weight: ", ";\n  font-family: ", ";\n  color: ", ";\n  margin: ", ";\n\n  ", "\n"])), function (_a) {
-    var fontSize = _a.fontSize;
-    return fontSize;
-}, function (_a) {
-    var weight = _a.weight;
-    return weight;
-}, function (_a) {
-    var fontFamily = _a.fontFamily;
-    return fontFamily;
-}, function (_a) {
-    var color = _a.color;
-    return color;
-}, function (_a) {
-    var margin = _a.margin;
-    return margin;
-}, function (_a) {
-    var extraStyles = _a.extraStyles;
-    return extraStyles;
-});
-var templateObject_1;

package/dist/src/components/atoms/paragraph/Paragraph.theme.d.ts

@@ -1,27 +0,0 @@
-export namespace fallbackValues {
-    export { fontFamily };
-    export { fontSize };
-}
-declare namespace fontFamily {
-    const p: string;
-    const pL: string;
-    const pS: string;
-    const pXS: string;
-    const pXXS: string;
-    const pXL: string;
-}
-declare namespace fontSize {
-    const p_1: string;
-    export { p_1 as p };
-    const pL_1: string;
-    export { pL_1 as pL };
-    const pS_1: string;
-    export { pS_1 as pS };
-    const pXS_1: string;
-    export { pXS_1 as pXS };
-    const pXXS_1: string;
-    export { pXXS_1 as pXXS };
-    const pXL_1: string;
-    export { pXL_1 as pXL };
-}
-export {};

package/dist/src/components/atoms/paragraph/Paragraph.theme.js

@@ -1,21 +0,0 @@
-var fontFamily = {
-    p: "Public Sans",
-    pL: "Public Sans",
-    pS: "Public Sans",
-    pXS: "Public Sans",
-    pXXS: "Public Sans",
-    pXL: "Public Sans"
-};
-// Comments assume base font size of 16px
-var fontSize = {
-    p: "1rem",
-    pL: "1.125rem",
-    pS: "0.875rem",
-    pXS: "0.75rem",
-    pXXS: "0.65rem",
-    pXL: "1.5rem" // 24px
-};
-export var fallbackValues = {
-    fontFamily: fontFamily,
-    fontSize: fontSize
-};

package/dist/src/components/atoms/paragraph/index.d.ts

@@ -1,2 +0,0 @@
-export default Paragraph;
-import Paragraph from "./Paragraph";

package/dist/src/components/atoms/paragraph/index.js

@@ -1,2 +0,0 @@
-import Paragraph from "./Paragraph";
-export default Paragraph;

package/dist/src/components/atoms/password-requirements/PasswordRequirements.d.ts

@@ -1,5 +0,0 @@
-export default PasswordRequirements;
-declare function PasswordRequirements({ password, isMobile }: {
-    password: any;
-    isMobile: any;
-}): JSX.Element;

package/dist/src/components/atoms/password-requirements/PasswordRequirements.js

@@ -1,59 +0,0 @@
-import React from "react";
-import { IconNeutral, IconInvalid, IconValid } from "../../../deprecated/icons";
-import Paragraph from "../paragraph";
-import { Cluster, Stack, Box, Sidebar, Cover } from "../layouts";
-import { getInputState, MIN_LENGTH_ERROR, HAS_NUMBER_ERROR, HAS_UPPERCASE_LETTER_ERROR, HAS_LOWERCASE_LETTER_ERROR, HAS_SPECIAL_CHARACTER_ERROR, INPUT_STATE_INVALID, INPUT_STATE_NEUTRAL, INPUT_STATE_VALID } from "../../../util/inputValidationUtils";
-import { MINESHAFT_GREY, ATHENS_GREY, FOREST_GREEN, RAZZMATAZZ_RED } from "../../../constants/colors";
-var PasswordRequirements = function (_a) {
-    var _b;
-    var password = _a.password, isMobile = _a.isMobile;
-    var iconMap = (_b = {},
-        _b[INPUT_STATE_NEUTRAL] = {
-            icon: React.createElement(IconNeutral, { margin: "0 0.5rem 0 0" }),
-            color: MINESHAFT_GREY
-        },
-        _b[INPUT_STATE_INVALID] = {
-            icon: React.createElement(IconInvalid, { margin: "0 0.5rem 0 0" }),
-            color: RAZZMATAZZ_RED
-        },
-        _b[INPUT_STATE_VALID] = {
-            icon: React.createElement(IconValid, { margin: "0 0.5rem 0 0" }),
-            color: FOREST_GREEN
-        },
-        _b);
-    var validationMap = {
-        charactersValidation: {
-            validationMessage: "Password must be 8 characters",
-            validationRequirement: [MIN_LENGTH_ERROR]
-        },
-        numbersValidation: {
-            validationMessage: "Password must contain at least one number",
-            validationRequirement: [HAS_NUMBER_ERROR]
-        },
-        letterCaseValidation: {
-            validationMessage: "Password must contain an upper and lower case letter",
-            validationRequirement: [
-                HAS_UPPERCASE_LETTER_ERROR,
-                HAS_LOWERCASE_LETTER_ERROR
-            ]
-        },
-        specialCharacterValidation: {
-            validationMessage: "Password must contain a special character (!@#$%^&*.?)",
-            validationRequirement: [HAS_SPECIAL_CHARACTER_ERROR]
-        }
-    };
-    return (React.createElement(Box, { background: ATHENS_GREY, padding: isMobile ? "1rem" : "1.5rem", width: "100%" },
-        React.createElement(Cluster, { justify: "center", align: "center" },
-            React.createElement(Stack, null, Object.values(validationMap).map(function (item) { return (React.createElement(Box, { padding: "0", key: item.validationMessage },
-                React.createElement(Sidebar, { width: "24px", childGap: "0rem" },
-                    React.createElement(Box, { padding: "0", minHeight: "100%" },
-                        React.createElement(Cover, { minHeight: "100%", singleChild: true },
-                            React.createElement(Box, { padding: "0" }, iconMap[getInputState(password, item.validationRequirement)].icon))),
-                    React.createElement(Box, { padding: "0" },
-                        React.createElement(Sidebar, { onRight: true, childGap: "0rem" },
-                            React.createElement(Box, { padding: "0.15rem 0 0 0" },
-                                React.createElement(Cluster, { justify: "flex-start", align: "center" },
-                                    React.createElement(Stack, { fullHeight: true, childGap: "0.25rem" },
-                                        React.createElement(Paragraph, { variant: "pS", color: iconMap[getInputState(password, item.validationRequirement)].color }, item.validationMessage))))))))); })))));
-};
-export default PasswordRequirements;

package/dist/src/components/atoms/password-requirements/PasswordRequirements.stories.d.ts

@@ -1,7 +0,0 @@
-export default story;
-export function passwordRequirements(): JSX.Element;
-declare const story: {
-    title: any;
-    component: any;
-    decorators: ((storyFn: any) => JSX.Element)[];
-};

package/dist/src/components/atoms/password-requirements/PasswordRequirements.stories.js

@@ -1,46 +0,0 @@
-import React from "react";
-import { boolean } from "@storybook/addon-knobs";
-import PasswordRequirements from "./PasswordRequirements";
-import { FormInput } from "../form-layouts";
-import { Box } from "../layouts";
-import page from "../../../../.storybook/page";
-import { connect } from "react-redux";
-import { createFormState, required, hasLength, hasNumber, hasLowercaseLetter, hasUppercaseLetter, hasSpecialCharacter } from "redux-freeform";
-var formConfig = {
-    password: {
-        validators: [
-            required(),
-            hasLength(8, 100),
-            hasNumber(),
-            hasLowercaseLetter(),
-            hasUppercaseLetter(),
-            hasSpecialCharacter()
-        ]
-    }
-};
-var passwordForm = createFormState(formConfig);
-var passwordRequirementsWrapper = function (_a) {
-    var _b;
-    var fields = _a.fields, actions = _a.actions, showErrors = _a.showErrors;
-    var passwordErrorMessages = (_b = {},
-        _b[required.error] = "Password is required",
-        _b[hasLength.error] = "Password must have at least 8 characters",
-        _b[hasNumber.error] = "Password must contain at least one number",
-        _b[hasLowercaseLetter.error] = "Password must contain at least one lowercase letter",
-        _b[hasUppercaseLetter.error] = "Password must contain at least one uppercase letter",
-        _b[hasSpecialCharacter.error] = "Password must contain at least one special character (!@#$%^&*.?)",
-        _b);
-    return (React.createElement(Box, null,
-        React.createElement(FormInput, { labelTextWhenNoError: "Type in password", errorMessages: passwordErrorMessages, field: fields.password, fieldActions: actions.fields.password, showErrors: showErrors }),
-        React.createElement(PasswordRequirements, { password: fields.password })));
-};
-var story = page({
-    title: "Components|Atoms/PasswordRequirements",
-    Component: PasswordRequirements,
-    reducer: passwordForm.reducer,
-    mapStateToProps: passwordForm.mapStateToProps,
-    mapDispatchToProps: passwordForm.mapDispatchToProps
-});
-export default story;
-var ConnectedForm = connect(passwordForm.mapStateToProps, passwordForm.mapDispatchToProps)(passwordRequirementsWrapper);
-export var passwordRequirements = function () { return (React.createElement(ConnectedForm, { showErrors: boolean("showErrors", false, "props") })); };

package/dist/src/components/atoms/password-requirements/index.d.ts

@@ -1,2 +0,0 @@
-export default PasswordRequirements;
-import PasswordRequirements from "./PasswordRequirements";

package/dist/src/components/atoms/password-requirements/index.js

@@ -1,2 +0,0 @@
-import PasswordRequirements from "./PasswordRequirements";
-export default PasswordRequirements;

package/dist/src/components/atoms/placeholder/Placeholder.d.ts

@@ -1,5 +0,0 @@
-declare const _default: ({ variant, ...props }: {
-    [x: string]: any;
-    variant?: any;
-}) => any;
-export default _default;

package/dist/src/components/atoms/placeholder/Placeholder.js

@@ -1,33 +0,0 @@
-import React from "react";
-import { tint } from "polished";
-import { Link } from "react-router-dom";
-import Text from "../text";
-import { Box, Switcher, Center, Cluster, Cover } from "../layouts";
-import { fallbackValues } from "./Placeholder.theme";
-import { themeComponent } from "../../../util/themeUtils";
-import { STORM_GREY, GRECIAN_GREY, CHARADE_GREY } from "../../../constants/colors";
-import { AccountsAddIcon, PropertiesAddIcon, IconAdd } from "../icons";
-import { FONT_WEIGHT_REGULAR } from "../../../constants/style_constants";
-var PlaceholderContentWrapper = function (_a) {
-    var isLink = _a.isLink, action = _a.action, destination = _a.destination, children = _a.children, dataQa = _a.dataQa;
-    return isLink ? (React.createElement(Link, { to: destination, "data-qa": dataQa },
-        React.createElement(Box, { padding: "0", minHeight: "100%", extraStyles: "cursor: pointer;" }, children))) : (React.createElement(Box, { onClick: action, padding: "0", minHeight: "100%", extraStyles: "cursor: pointer;", dataQa: dataQa }, children));
-};
-var Placeholder = function (_a) {
-    var text = _a.text, action = _a.action, _b = _a.visible, visible = _b === void 0 ? true : _b, _c = _a.isLink, isLink = _c === void 0 ? false : _c, destination = _a.destination, variant = _a.variant, largeIcon = _a.largeIcon, themeValues = _a.themeValues, dataQa = _a.dataQa;
-    return (React.createElement(PlaceholderContentWrapper, { isLink: isLink, action: action, destination: destination, dataQa: dataQa },
-        React.createElement(Box, { padding: "0", borderRadius: "4px", border: "none", minHeight: themeValues.height, hiddenStyles: !visible, extraStyles: "\n        background: linear-gradient(\n          to right,\n          ".concat(variant === "large" ? STORM_GREY : themeValues.color, " 40%,\n          rgba(255, 255, 255, 0) 0%\n        ),\n        linear-gradient(").concat(variant === "large" ? STORM_GREY : themeValues.color, " 40%, rgba(255, 255, 255, 0) 0%),\n        linear-gradient(to right, ").concat(variant === "large" ? STORM_GREY : themeValues.color, " 40%, rgba(255, 255, 255, 0) 0%),\n        linear-gradient(").concat(variant === "large" ? STORM_GREY : themeValues.color, " 40%, rgba(255, 255, 255, 0) 0%);\n        background-position: top, right, bottom, left;\n        background-repeat: repeat-x, repeat-y;\n        background-size: 5px 1px, 1px 5px;\n        display: flex;\n        justify-content: center;\n        align-items:center;"), hoverStyles: "background-color: ".concat(variant === "large" ? GRECIAN_GREY : tint(0.9, themeValues.color), ";") },
-            React.createElement(Center, { maxWidth: "300px" },
-                React.createElement(Box, { padding: "0", tabIndex: "0", onKeyPress: function (e) { return e.key === "Enter" && action(); } },
-                    React.createElement(Cluster, { justify: "center", align: "center", minHeight: "100%" },
-                        React.createElement(Switcher, { maxChildren: 2, childGap: "0" },
-                            variant === "large" && React.createElement("div", null),
-                            React.createElement(Box, { padding: "0", extraStyles: ".fill { \n                    fill: ".concat(variant === "large" ? CHARADE_GREY : themeValues.color, "; \n                  } .stroke { \n                    stroke: ").concat(variant === "large" ? CHARADE_GREY : themeValues.color, "; \n                  }") }, variant === "large" ? (React.createElement(Center, { intrinsic: true },
-                                largeIcon === "accounts" ? (React.createElement(AccountsAddIcon, null)) : (React.createElement(PropertiesAddIcon, null)),
-                                React.createElement(Text, { variant: "pS", color: themeValues.color, weight: FONT_WEIGHT_REGULAR, extraStyles: "text-align: center;" }, text))) : (React.createElement(Cover, { singleChild: true, minHeight: "100%" },
-                                React.createElement(Cluster, { justify: "center", align: "center" },
-                                    React.createElement(IconAdd, null),
-                                    React.createElement(Center, { intrinsic: true },
-                                        React.createElement(Text, { variant: "pS", color: themeValues.color, weight: FONT_WEIGHT_REGULAR, extraStyles: "padding: 0 0 0 8px; text-align: center;" }, text)))))))))))));
-};
-export default themeComponent(Placeholder, "Placeholder", fallbackValues, "default");

package/dist/src/components/atoms/placeholder/Placeholder.stories.d.ts

@@ -1,7 +0,0 @@
-export function placeholder(): JSX.Element;
-export default story;
-declare const story: {
-    title: any;
-    component: any;
-    decorators: ((storyFn: any) => JSX.Element)[];
-};

package/dist/src/components/atoms/placeholder/Placeholder.stories.js

@@ -1,23 +0,0 @@
-import React from "react";
-import { text, select } from "@storybook/addon-knobs";
-import Placeholder from "./Placeholder";
-import page from "../../../../.storybook/page";
-var variantsLabel = "variant";
-var variants = {
-    default: "default",
-    large: "large"
-};
-var defaultValue = "default";
-var groupId = "props";
-var icons = {
-    accounts: "accounts",
-    properties: "properties"
-};
-var iconLabel = "largeIcon";
-var defaultIcon = "accounts";
-export var placeholder = function () { return (React.createElement(Placeholder, { variant: select(variantsLabel, variants, defaultValue, groupId), isLink: true, destination: text("destination", "add-account", "props"), text: text("text", "Add an Account", "props"), largeIcon: select(iconLabel, icons, defaultIcon, groupId), key: "placeholder" })); };
-var story = page({
-    title: "Components|Atoms/Placeholder",
-    Component: Placeholder
-});
-export default story;

package/dist/src/components/atoms/placeholder/Placeholder.theme.d.ts

@@ -1,16 +0,0 @@
-export namespace fallbackValues {
-    export { color };
-    export { height };
-}
-declare namespace color {
-    const _default: string;
-    export { _default as default };
-    export const large: string;
-}
-declare namespace height {
-    const _default_1: string;
-    export { _default_1 as default };
-    const large_1: string;
-    export { large_1 as large };
-}
-export {};

package/dist/src/components/atoms/placeholder/Placeholder.theme.js

@@ -1,7 +0,0 @@
-import { BRIGHT_GREY, CHARADE_GREY } from "../../../constants/colors";
-var color = { default: "".concat(CHARADE_GREY), large: "".concat(BRIGHT_GREY) };
-var height = { default: "3rem", large: "192px" };
-export var fallbackValues = {
-    color: color,
-    height: height
-};

package/dist/src/components/atoms/placeholder/index.d.ts

@@ -1,2 +0,0 @@
-export default Placeholder;
-import Placeholder from "./Placeholder";

package/dist/src/components/atoms/placeholder/index.js

@@ -1,2 +0,0 @@
-import Placeholder from "./Placeholder";
-export default Placeholder;

package/dist/src/components/atoms/processing-fee/ProcessingFee.d.ts

@@ -1,5 +0,0 @@
-declare const _default: ({ variant, ...props }: {
-    [x: string]: any;
-    variant?: any;
-}) => any;
-export default _default;

package/dist/src/components/atoms/processing-fee/ProcessingFee.js

@@ -1,15 +0,0 @@
-import React from "react";
-import { ifElse, isNil, always } from "ramda";
-import { fallbackValues } from "./ProcessingFee.theme";
-import { themeComponent } from "../../../util/themeUtils";
-import Box from "../layouts/Box";
-import Alert from "../alert";
-import { displayCurrency, formatPercent } from "../../../util/general";
-var ProcessingFee = function (_a) {
-    var _b = _a.feeValue, feeValue = _b === void 0 ? 0 : _b, _c = _a.feeName, feeName = _c === void 0 ? "" : _c, feeType = _a.feeType, _d = _a.feeMinimum, feeMinimum = _d === void 0 ? 0 : _d, hide = _a.hide, themeValues = _a.themeValues;
-    return (React.createElement(Box, { padding: "0 1.5rem 1.5rem", background: themeValues.backgroundColor, hiddenStyles: hide },
-        React.createElement(Alert, { heading: "Processing Fee", text: "There is a processing fee of ".concat(feeType === "FLAT"
-                ? "".concat(displayCurrency(feeValue))
-                : "".concat(formatPercent(feeValue * 100), "%"), " ").concat(ifElse(isNil, always(""), function (a) { return "with a minimum of ".concat(displayCurrency(a), " "); })(feeMinimum), "on all ").concat(feeName, " payments."), variant: "info", showQuitLink: false })));
-};
-export default themeComponent(ProcessingFee, "ProcessingFee", fallbackValues, "default");

package/dist/src/components/atoms/processing-fee/ProcessingFee.stories.d.ts

@@ -1,7 +0,0 @@
-export function processingFee(): JSX.Element;
-export default story;
-declare const story: {
-    title: any;
-    component: any;
-    decorators: ((storyFn: any) => JSX.Element)[];
-};

package/dist/src/components/atoms/processing-fee/ProcessingFee.stories.js

@@ -1,17 +0,0 @@
-import React from "react";
-import { text, select, boolean } from "@storybook/addon-knobs";
-import ProcessingFee from "./ProcessingFee";
-import page from "../../../../.storybook/page";
-var feeTypes = {
-    flat: "FLAT",
-    percentage: "PERCENTAGE",
-    None: undefined
-};
-var defaultValue = "FLAT";
-var groupId = "props";
-export var processingFee = function () { return (React.createElement(ProcessingFee, { feeValue: text("feeValue", "0", groupId), feeName: text("feeName", "Credit Card", groupId), feeType: select("feeTypes", feeTypes, defaultValue, groupId), feeMinimum: text("feeMinimum", "0", groupId), hide: boolean("hide", false, groupId) })); };
-var story = page({
-    title: "Components|Atoms/ProcessingFee",
-    Component: ProcessingFee
-});
-export default story;

package/dist/src/components/atoms/processing-fee/ProcessingFee.theme.d.ts

@@ -1,8 +0,0 @@
-export namespace fallbackValues {
-    export { backgroundColor };
-}
-declare namespace backgroundColor {
-    const _default: string;
-    export { _default as default };
-}
-export {};

package/dist/src/components/atoms/processing-fee/ProcessingFee.theme.js

@@ -1,5 +0,0 @@
-import { WHITE } from "../../../constants/colors";
-var backgroundColor = { default: "".concat(WHITE) };
-export var fallbackValues = {
-    backgroundColor: backgroundColor
-};

package/dist/src/components/atoms/processing-fee/index.d.ts

@@ -1,2 +0,0 @@
-export default ProcessingFee;
-import ProcessingFee from "./ProcessingFee";

package/dist/src/components/atoms/processing-fee/index.js

@@ -1,2 +0,0 @@
-import ProcessingFee from "./ProcessingFee";
-export default ProcessingFee;

package/dist/src/components/atoms/radio-button/RadioButton.d.ts

@@ -1,5 +0,0 @@
-declare const _default: ({ variant, ...props }: {
-    [x: string]: any;
-    variant?: any;
-}) => any;
-export default _default;

package/dist/src/components/atoms/radio-button/RadioButton.js

@@ -1,68 +0,0 @@
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-import React from "react";
-import { themeComponent } from "../../../util/themeUtils";
-import { fallbackValues } from "./RadioButton.theme";
-import { Motion } from "../layouts";
-import styled from "styled-components";
-var HiddenRadioButton = styled.input(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  opacity: 0;\n  position: absolute;\n  cursor: ", ";\n"], ["\n  opacity: 0;\n  position: absolute;\n  cursor: ", ";\n"])), function (_a) {
-    var disabled = _a.disabled;
-    return (disabled ? "auto" : "pointer");
-});
-var RadioButton = function (_a) {
-    var _b = _a.radioOn, radioOn = _b === void 0 ? false : _b, _c = _a.radioFocused, radioFocused = _c === void 0 ? false : _c, toggleRadio = _a.toggleRadio, name = _a.name, _d = _a.disabled, disabled = _d === void 0 ? false : _d, themeValues = _a.themeValues;
-    var buttonBorder = {
-        onFocused: {
-            borderColor: themeValues.activeColor,
-            boxShadow: "0px 0px 4px 0px ".concat(themeValues.activeColor)
-        },
-        offFocused: {
-            borderColor: themeValues.activeColor,
-            boxShadow: "0px 0px 4px 0px ".concat(themeValues.activeColor)
-        },
-        on: {
-            borderColor: themeValues.activeColor,
-            boxShadow: "0px 0px 0px 0px #FFFFFF"
-        },
-        off: {
-            borderColor: themeValues.inactiveColor,
-            boxShadow: "0px 0px 0px 0px #FFFFFF"
-        }
-    };
-    var buttonCenter = {
-        on: {
-            backgroundColor: themeValues.activeColor,
-            height: "16px",
-            width: "16px"
-        },
-        onFocused: {
-            backgroundColor: themeValues.activeColor,
-            height: "16px",
-            width: "16px"
-        },
-        offFocused: {
-            backgroundColor: "transparent",
-            height: "0px",
-            width: "0px"
-        },
-        off: {
-            backgroundColor: "transparent",
-            height: "0px",
-            width: "0px"
-        }
-    };
-    return (React.createElement(Motion, { position: "relative", padding: "0", initial: "off", animate: radioOn
-            ? radioFocused
-                ? "onFocused"
-                : "on"
-            : radioFocused
-                ? "offFocused"
-                : "off" },
-        React.createElement(HiddenRadioButton, { id: "#radio-".concat(name), "aria-label": name, disabled: disabled, onClick: toggleRadio, tabIndex: "-1" }),
-        React.createElement(Motion, { borderWidth: "1px", borderStyle: "solid", borderRadius: "12px", margin: "4px 14px 4px 4px", height: "24px", width: "24px", variants: buttonBorder, display: "flex", extraStyles: "justify-content: center; align-items: center;" },
-            React.createElement(Motion, { variants: buttonCenter, borderRadius: "8px" }))));
-};
-export default themeComponent(RadioButton, "RadioButton", fallbackValues);
-var templateObject_1;

package/dist/src/components/atoms/radio-button/RadioButton.stories.d.ts

@@ -1,7 +0,0 @@
-export function radioButtonsDefault(): JSX.Element;
-export default story;
-declare const story: {
-    title: any;
-    component: any;
-    decorators: ((storyFn: any) => JSX.Element)[];
-};

package/dist/src/components/atoms/radio-button/RadioButton.stories.js

@@ -1,16 +0,0 @@
-import React, { useState } from "react";
-import { boolean } from "@storybook/addon-knobs";
-import RadioButton from "./RadioButton";
-import { Box } from "../layouts";
-import page from "../../../../.storybook/page";
-export var radioButtonsDefault = function () {
-    var _a = useState(null), selected = _a[0], setSelected = _a[1];
-    var _b = useState(null), focused = _b[0], setFocused = _b[1];
-    return (React.createElement(Box, { onFocus: function () { return setFocused(name); }, onBlur: function () { return setFocused(null); }, extraStyles: "outline: none;", tabIndex: "0" },
-        React.createElement(RadioButton, { name: "demo", radioOn: selected === name, radioFocused: focused === name, toggleRadio: function () { return setSelected(name); }, disabled: boolean("disabled", false, "props") })));
-};
-var story = page({
-    title: "Components|Atoms/RadioButton",
-    Component: RadioButton
-});
-export default story;

package/dist/src/components/atoms/radio-button/RadioButton.theme.d.ts

@@ -1,7 +0,0 @@
-export namespace fallbackValues {
-    export { activeColor };
-    export { inactiveColor };
-}
-declare const activeColor: string;
-declare const inactiveColor: string;
-export {};

package/dist/src/components/atoms/radio-button/RadioButton.theme.js

@@ -1,7 +0,0 @@
-import { MATISSE_BLUE, GREY_CHATEAU } from "../../../constants/colors";
-var activeColor = "".concat(MATISSE_BLUE);
-var inactiveColor = "".concat(GREY_CHATEAU);
-export var fallbackValues = {
-    activeColor: activeColor,
-    inactiveColor: inactiveColor
-};

package/dist/src/components/atoms/radio-button/index.d.ts

@@ -1,2 +0,0 @@
-export default RadioButton;
-import RadioButton from "./RadioButton";

package/dist/src/components/atoms/radio-button/index.js

@@ -1,2 +0,0 @@
-import RadioButton from "./RadioButton";
-export default RadioButton;

package/dist/src/components/atoms/searchable-select/SearchableSelect.d.ts

@@ -1,5 +0,0 @@
-declare const _default: ({ variant, ...props }: {
-    [x: string]: any;
-    variant?: any;
-}) => any;
-export default _default;