@thecb/components 7.3.2-beta.5 → 7.4.0

package/dist/src/components/atoms/button-with-action/ButtonWithAction.theme.js

@@ -1,202 +0,0 @@
-/*
-  For now I'm using string values, eventually shared components library will have its own constants file
-  for colors/values that should be used here instead
-*/
-var padding = {
-    primary: "0.75rem 1.5rem",
-    secondary: "0.75rem 1.5rem",
-    back: "0.75rem 1.5rem",
-    smallPrimary: "0.75rem 1rem",
-    smallSecondary: "0.75rem 1rem",
-    smallGhost: "0",
-    tertiary: "0.75rem 1.5rem",
-    ghost: "0.65rem 0",
-    danger: "0.75rem 1.5rem",
-    whiteSecondary: "0.75rem 2rem",
-    whitePrimary: "1.125rem 0.75rem"
-};
-var color = {
-    primary: "#FFFFFF",
-    secondary: "#15749D",
-    back: "#15749D",
-    smallPrimary: "#FFFFFF",
-    smallSecondary: "#15749D",
-    smallGhost: "#15749D",
-    ghost: "#15749D",
-    tertiary: "#15749D",
-    danger: "#FFFFFF",
-    whiteSecondary: "#FFFFFF",
-    whitePrimary: "#FFFFFF"
-};
-var fontSizeVariant = {
-    primary: "pS",
-    secondary: "pS",
-    back: "pS",
-    smallPrimary: "pS",
-    smallSecondary: "pS",
-    smallGhost: "p",
-    ghost: "pL",
-    tertiary: "pS",
-    danger: "pS",
-    whiteSecondary: "pS",
-    whitePrimary: "pS"
-};
-var fontWeight = {
-    primary: "600",
-    secondary: "600",
-    back: "600",
-    smallPrimary: "600",
-    smallSecondary: "600",
-    smallGhost: "400",
-    ghost: "600",
-    tertiary: "600",
-    danger: "600",
-    whiteSecondary: "600",
-    whitePrimary: "600"
-};
-var height = {
-    primary: "3rem",
-    secondary: "3rem",
-    back: "3rem",
-    smallPrimary: "2.5rem",
-    smallSecondary: "2.5rem",
-    smallGhost: "1.5rem",
-    ghost: "3rem",
-    tertiary: "3rem",
-    danger: "3rem",
-    whiteSecondary: "3rem",
-    whitePrimary: "auto"
-};
-var minWidth = {
-    primary: "130px",
-    secondary: "130px",
-    back: "130px",
-    smallPrimary: "100px",
-    smallSecondary: "100px",
-    smallGhost: "100px",
-    ghost: "130px",
-    tertiary: "130px",
-    danger: "130px",
-    whiteSecondary: "160px",
-    whitePrimary: "130px"
-};
-var backgroundColor = {
-    primary: "#15749D",
-    secondary: "transparent",
-    back: "transparent",
-    smallPrimary: "#15749D",
-    smallSecondary: "transparent",
-    smallGhost: "transparent",
-    ghost: "transparent",
-    tertiary: "transparent",
-    danger: "#ED125F",
-    whiteSecondary: "transparent",
-    whitePrimary: "transparent"
-};
-var border = {
-    primary: "2px solid #15749D",
-    secondary: "2px solid #15749D",
-    back: "2px solid #15749D",
-    smallPrimary: "2px solid #15749D",
-    smallSecondary: "2px solid #15749D",
-    smallGhost: "none",
-    ghost: "none",
-    tertiary: "none",
-    danger: "2px solid #ED125F",
-    whiteSecondary: "2px solid white",
-    whitePrimary: "2px solid transparent"
-};
-var hoverBackgroundColor = {
-    primary: "#116285",
-    secondary: "#DBEAF0",
-    back: "transparent",
-    smallPrimary: "#116285",
-    smallSecondary: "#DBEAF0",
-    smallGhost: "transparent",
-    ghost: "transparent",
-    tertiary: "transparent",
-    danger: "#BA002C",
-    whiteSecondary: "transparent",
-    whitePrimary: "transparent"
-};
-var hoverBorderColor = {
-    primary: "#116285",
-    secondary: "#15749D",
-    back: "#DCEAF1",
-    smallPrimary: "#116285",
-    smallSecondary: "#15749D",
-    smallGhost: "transparent",
-    ghost: "transparent",
-    tertiary: "transparent",
-    danger: "#BA002C",
-    whiteSecondary: "2px solid transparent",
-    whitePrimary: "2px solid transparent"
-};
-var hoverColor = {
-    primary: "#FFFFFF",
-    secondary: "#116285",
-    back: "#116285",
-    smallPrimary: "#FFFFFF",
-    smallSecondary: "#116285",
-    smallGhost: "#116285",
-    ghost: "#116285",
-    tertiary: "#116285",
-    danger: "#FFFFFF",
-    whiteSecondary: "#FFFFFF",
-    whitePrimary: "#FFFFFF"
-};
-var activeBackgroundColor = {
-    primary: "#0E506D",
-    secondary: "#B8D5E1",
-    back: "transparent",
-    smallPrimary: "#0E506D",
-    smallSecondary: "#B8D5E1",
-    smallGhost: "transparent",
-    ghost: "transparent",
-    tertiary: "transparent",
-    danger: "#870000",
-    whiteSecondary: "transparent",
-    whitePrimary: "transparent"
-};
-var activeBorderColor = {
-    primary: "#0E506D",
-    secondary: "#15749D",
-    back: "#0E506D",
-    smallPrimary: "#0E506D",
-    smallSecondary: "#15749D",
-    smallGhost: "transparent",
-    ghost: "transparent",
-    tertiary: "transparent",
-    danger: "#870000",
-    whiteSecondary: "2px solid transparent",
-    whitePrimary: "2px solid transparent"
-};
-var activeColor = {
-    primary: "#FFFFFF",
-    secondary: "#15749D",
-    back: "#0E506D",
-    smallPrimary: "#FFFFFF",
-    smallSecondary: "#0E506D",
-    smallGhost: "#0E506D",
-    ghost: "#0E506D",
-    tertiary: "#0E506D",
-    danger: "#FFFFFF",
-    whiteSecondary: "#FFFFFF",
-    whitePrimary: "#FFFFFF"
-};
-export var fallbackValues = {
-    padding: padding,
-    color: color,
-    fontSizeVariant: fontSizeVariant,
-    fontWeight: fontWeight,
-    height: height,
-    minWidth: minWidth,
-    backgroundColor: backgroundColor,
-    border: border,
-    hoverBackgroundColor: hoverBackgroundColor,
-    hoverBorderColor: hoverBorderColor,
-    hoverColor: hoverColor,
-    activeBackgroundColor: activeBackgroundColor,
-    activeBorderColor: activeBorderColor,
-    activeColor: activeColor
-};

package/dist/src/components/atoms/button-with-action/ButtonWithActionProps.d.ts

@@ -1,14 +0,0 @@
-/// <reference types="react" />
-export default interface ButtonWithActionProps {
-    action?: any;
-    variant?: string;
-    text?: string;
-    textWrap?: boolean;
-    isLoading?: boolean;
-    dataQa?: string;
-    textExtraStyles?: string;
-    contentOverride?: boolean;
-    extraStyles?: string;
-    tabIndex?: number;
-    children?: Array<JSX.Element>;
-}

package/dist/src/components/atoms/button-with-action/ButtonWithActionProps.js

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

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

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

package/dist/src/components/atoms/button-with-action/index.js

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

package/dist/src/components/atoms/button-with-link/ButtonWithLink.d.ts

@@ -1,11 +0,0 @@
-export default ButtonWithLink;
-declare function ButtonWithLink({ url, disabled, fileLink, extraStyles, linkExtraStyles, newTab, dataQa, ...otherProps }: {
-    [x: string]: any;
-    url?: string | undefined;
-    disabled?: boolean | undefined;
-    fileLink?: boolean | undefined;
-    extraStyles: any;
-    linkExtraStyles: any;
-    newTab?: boolean | undefined;
-    dataQa: any;
-}): JSX.Element;

package/dist/src/components/atoms/button-with-link/ButtonWithLink.js

@@ -1,41 +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;
-};
-import React from "react";
-import * as R from "ramda";
-import { URL_TEST } from "../../../constants/regex_constants";
-import { InternalLink, ExternalLink } from "../link";
-import { safeChildren } from "../../../util/general";
-import ButtonWithAction from "../button-with-action";
-var ButtonWithLink = function (_a) {
-    var _b = _a.url, url = _b === void 0 ? "/" : _b, _c = _a.disabled, disabled = _c === void 0 ? false : _c, _d = _a.fileLink, fileLink = _d === void 0 ? false : _d, extraStyles = _a.extraStyles, linkExtraStyles = _a.linkExtraStyles, _e = _a.newTab, newTab = _e === void 0 ? false : _e, dataQa = _a.dataQa, otherProps = __rest(_a, ["url", "disabled", "fileLink", "extraStyles", "linkExtraStyles", "newTab", "dataQa"]);
-    var ButtonWithLinkWrapper = function (_a) {
-        var children = _a.children, url = _a.url, disabled = _a.disabled, newTab = _a.newTab, dataQa = _a.dataQa, extraStyles = _a.extraStyles;
-        if (disabled) {
-            return safeChildren(children, React.createElement("span", null));
-        }
-        return R.test(URL_TEST, url) || fileLink ? (React.createElement(ExternalLink, { href: url, tabIndex: "-1", newTab: newTab, extraStyles: extraStyles, dataQa: dataQa }, safeChildren(children, React.createElement("span", null)))) : (React.createElement(InternalLink, { to: url, tabIndex: "-1", dataQa: dataQa, extraStyles: extraStyles }, safeChildren(children, React.createElement("span", null))));
-    };
-    return (React.createElement(ButtonWithLinkWrapper, { url: url, disabled: disabled, newTab: newTab, extraStyles: "".concat(linkExtraStyles, " text-decoration: none; &:hover {\n        text-decoration: none; }"), dataQa: dataQa },
-        React.createElement(ButtonWithAction, __assign({}, otherProps, { extraStyles: extraStyles }))));
-};
-export default ButtonWithLink;

package/dist/src/components/atoms/button-with-link/ButtonWithLink.stories.d.ts

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

package/dist/src/components/atoms/button-with-link/ButtonWithLink.stories.js

@@ -1,21 +0,0 @@
-import React from "react";
-import { text, select, boolean } from "@storybook/addon-knobs";
-import ButtonWithLink from "./ButtonWithLink";
-import page from "../../../../.storybook/page";
-var variants = {
-    primary: "primary",
-    secondary: "secondary",
-    back: "back",
-    smallPrimary: "smallPrimary",
-    smallSecondary: "smallSecondary",
-    ghost: "ghost",
-    smallGhost: "smallGhost",
-    danger: "danger",
-    None: undefined
-};
-export var buttonWithLink = function () { return (React.createElement(ButtonWithLink, { variant: select("variant", variants, "primary", "props"), url: text("url", "/login", "props"), disabled: boolean("disabled", false, "props"), extraStyles: text("extraStyles", "", "props"), text: text("text", "Lorem", "props") })); };
-var story = page({
-    title: "Components|Atoms/ButtonWithLink",
-    Component: ButtonWithLink
-});
-export default story;

package/dist/src/components/atoms/button-with-link/ButtonWithLinkProps.d.ts

@@ -1,10 +0,0 @@
-import ButtonWithActionProps from "../button-with-action/ButtonWithActionProps";
-export default interface ButtonWithLinkProps extends ButtonWithActionProps {
-    url: string;
-    disabled?: boolean;
-    fileLink?: boolean;
-    extraStyles?: string;
-    linkExtraStyles?: string;
-    newTab?: boolean;
-    dataQa?: string;
-}

package/dist/src/components/atoms/button-with-link/ButtonWithLinkProps.js

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

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

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

package/dist/src/components/atoms/button-with-link/index.js

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

package/dist/src/components/atoms/card/Card.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/card/Card.js

@@ -1,18 +0,0 @@
-import React, { Fragment } from "react";
-import { themeComponent } from "../../../util/themeUtils";
-import withWindowSize from "../../withWindowSize";
-import { Box, Stack, Cover } from "../layouts";
-import BoxWithShadow from "../box-with-shadow";
-import { fallbackValues } from "./Card.theme";
-var CardVariantSwitcher = function (_a) {
-    var variant = _a.variant, children = _a.children;
-    return variant === "vertical" ? (React.createElement(Fragment, null, children)) : (React.createElement(Box, { padding: "0", extraStyles: "width: 100%" },
-        React.createElement(Stack, { childGap: "0", maxWidth: "100%", fullHeight: true }, children)));
-};
-var Card = function (_a) {
-    var themeValues = _a.themeValues, variant = _a.variant, children = _a.children;
-    return (React.createElement(BoxWithShadow, { variant: "baseStandard", background: themeValues.backgroundColor, borderRadius: "4px", padding: "5px", margin: "5px", maxWidth: variant !== "vertical" ? "100%" : "306px", minHeight: "100%", minWidth: variant !== "vertical" && "300px" },
-        React.createElement(Cover, { singleChild: true, fillCenter: true },
-            React.createElement(CardVariantSwitcher, { variant: variant }, children))));
-};
-export default themeComponent(withWindowSize(Card), "Card", fallbackValues);

package/dist/src/components/atoms/card/Card.theme.d.ts

@@ -1,5 +0,0 @@
-export namespace fallbackValues {
-    export { backgroundColor };
-}
-declare const backgroundColor: "#FFFFFF";
-export {};

package/dist/src/components/atoms/card/Card.theme.js

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

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

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

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

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

package/dist/src/components/atoms/checkbox/Checkbox.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/checkbox/Checkbox.js

@@ -1,52 +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, { useState } from "react";
-import styled, { css } from "styled-components";
-import { fallbackValues } from "./Checkbox.theme";
-import { noop } from "../../../util/general";
-import Box from "../layouts/Box";
-import Text from "../text";
-import { themeComponent } from "../../../util/themeUtils";
-var CheckboxContainer = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: inline-block;\n  vertical-align: middle;\n"], ["\n  display: inline-block;\n  vertical-align: middle;\n"])));
-var CheckboxLabelContainer = styled.label(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n"], ["\n  display: flex;\n  align-items: center;\n"])));
-var CheckboxIcon = styled.svg(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  fill: none;\n  stroke-width: 2px;\n  stroke: ", ";\n"], ["\n  fill: none;\n  stroke-width: 2px;\n  stroke: ", ";\n"])), function (_a) {
-    var disabled = _a.disabled, disabledCheckColor = _a.disabledCheckColor, checkColor = _a.checkColor;
-    return disabled
-        ? css(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n          ", "\n        "], ["\n          ", "\n        "])), disabledCheckColor) : css(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n          ", "\n        "], ["\n          ", "\n        "])), checkColor);
-});
-var HiddenCheckbox = styled.input.attrs({ type: "checkbox" })(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  border: 0;\n  clip: rect(0 0 0 0);\n  clippath: inset(50%);\n  height: 1px;\n  margin: -1px;\n  overflow: hidden;\n  padding: 0;\n  position: absolute;\n  white-space: nowrap;\n  width: 1px;\n"], ["\n  border: 0;\n  clip: rect(0 0 0 0);\n  clippath: inset(50%);\n  height: 1px;\n  margin: -1px;\n  overflow: hidden;\n  padding: 0;\n  position: absolute;\n  white-space: nowrap;\n  width: 1px;\n"])));
-var StyledCheckbox = styled.div(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n  display: inline-block;\n  margin-right: 16px;\n  width: 24px;\n  height: 24px;\n  border-radius: 2px;\n  transition: all 150ms;\n\n  ", " {\n    visibility: ", ";\n  }\n\n  ", ";\n"], ["\n  display: inline-block;\n  margin-right: 16px;\n  width: 24px;\n  height: 24px;\n  border-radius: 2px;\n  transition: all 150ms;\n\n  ", " {\n    visibility: ", ";\n  }\n\n  ", ";\n"])), CheckboxIcon, function (_a) {
-    var checked = _a.checked;
-    return (checked ? "visible" : "hidden");
-}, function (_a) {
-    var error = _a.error, disabled = _a.disabled, checked = _a.checked, focused = _a.focused, defaultStyles = _a.defaultStyles, checkedStyles = _a.checkedStyles, focusedStyles = _a.focusedStyles, errorStyles = _a.errorStyles, disabledStyles = _a.disabledStyles, disabledCheckedStyles = _a.disabledCheckedStyles;
-    return error
-        ? css(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n          ", " ", "\n        "], ["\n          ", " ", "\n        "])), errorStyles, focused && focusedStyles) : disabled
-        ? css(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n          ", "\n        "], ["\n          ", "\n        "])), checked ? disabledCheckedStyles : disabledStyles) : checked
-        ? css(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n          ", " ", "\n        "], ["\n          ", " ", "\n        "])), checkedStyles, focused && focusedStyles) : css(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n          ", " ", "\n        "], ["\n          ", " ", "\n        "])), defaultStyles, focused && focusedStyles);
-});
-var Checkbox = function (_a) {
-    var title = _a.title, name = _a.name, checked = _a.checked, _b = _a.onChange, onChange = _b === void 0 ? noop : _b, _c = _a.disabled, disabled = _c === void 0 ? false : _c, themeValues = _a.themeValues, _d = _a.hidden, hidden = _d === void 0 ? false : _d, _e = _a.error, error = _e === void 0 ? false : _e, extraStyles = _a.extraStyles, textExtraStyles = _a.textExtraStyles;
-    var _f = useState(false), focused = _f[0], setFocused = _f[1];
-    var handleClick = function (e, func) {
-        if ((e === null || e === void 0 ? void 0 : e.keyCode) === 13) {
-            func();
-        }
-    };
-    return (React.createElement(Box, { padding: "0", tabIndex: "0", onFocus: function () { return setFocused(true); }, onBlur: function () { return setFocused(false); }, onKeyDown: function (e) { return handleClick(e, onChange); }, hiddenStyles: hidden, background: themeValues.backgroundColor, extraStyles: "outline: none; ".concat(extraStyles) },
-        React.createElement(CheckboxLabelContainer, null,
-            React.createElement(CheckboxContainer, { "data-qa": "Checkbox" },
-                React.createElement(HiddenCheckbox, { id: "checkbox-".concat(name), disabled: disabled, name: name, "aria-label": name, checked: checked, onChange: onChange, tabIndex: "-1", "aria-invalid": error, "aria-describedby": "".concat(name, "-error-message") }),
-                React.createElement(StyledCheckbox, { error: error, disabled: disabled, checked: checked, focused: focused, defaultStyles: themeValues.defaultStyles, checkedStyles: themeValues.checkedStyles, errorStyles: themeValues.errorStyles, disabledStyles: themeValues.disabledStyles, disabledCheckedStyles: themeValues.disabledCheckedStyles, focusedStyles: themeValues.focusedStyles },
-                    React.createElement(CheckboxIcon, { viewBox: "0 0 24 24", disabled: disabled, disabledCheckColor: themeValues.disabledCheckColor, checkColor: themeValues.checkColor },
-                        React.createElement("polyline", { points: "20 6 9 17 4 12" })))),
-            React.createElement(Text, { variant: "p", weight: themeValues.textFontWeight, color: themeValues.textColor, extraStyles: textExtraStyles
-                    ? "".concat(textExtraStyles, " ").concat(disabled &&
-                        "color: #6e727e; background-color: #f7f7f7;", " ")
-                    : "margin-left: 1rem ".concat(disabled &&
-                        "color: #6e727e; background-color: #f7f7f7;") }, title))));
-};
-export default themeComponent(Checkbox, "Checkbox", fallbackValues, "default");
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11;

package/dist/src/components/atoms/checkbox/Checkbox.stories.d.ts

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

package/dist/src/components/atoms/checkbox/Checkbox.stories.js

@@ -1,16 +0,0 @@
-import React from "react";
-import { text, select, boolean } from "@storybook/addon-knobs";
-import Checkbox from "./Checkbox";
-import page from "../../../../.storybook/page";
-var variantsLabel = "variant";
-var variants = {
-    default: "default"
-};
-var defaultValue = "default";
-var groupId = "props";
-export var checkbox = function () { return (React.createElement(Checkbox, { variant: select(variantsLabel, variants, defaultValue, groupId), title: text("title", "Checkbox", "props"), name: text("name", "Checkbox", "props"), checked: boolean("checked", false, "props"), error: boolean("error", false, "props"), disabled: boolean("disabled", false, "props"), focused: boolean("focused", false, "props") })); };
-var story = page({
-    title: "Components|Atoms/Checkbox",
-    Component: Checkbox
-});
-export default story;

package/dist/src/components/atoms/checkbox/Checkbox.theme.d.ts

@@ -1,68 +0,0 @@
-export namespace fallbackValues {
-    export { backgroundColor };
-    export { textFontSize };
-    export { textFontWeight };
-    export { textLineHeight };
-    export { textColor };
-    export { disabledCheckColor };
-    export { checkColor };
-    export { errorStyles };
-    export { focusedStyles };
-    export { disabledStyles };
-    export { checkedStyles };
-    export { defaultStyles };
-    export { disabledCheckedStyles };
-}
-declare namespace backgroundColor {
-    const _default: string;
-    export { _default as default };
-}
-declare namespace textFontSize {
-    const _default_1: string;
-    export { _default_1 as default };
-}
-declare namespace textFontWeight {
-    const _default_2: string;
-    export { _default_2 as default };
-}
-declare namespace textLineHeight {
-    const _default_3: string;
-    export { _default_3 as default };
-}
-declare namespace textColor {
-    const _default_4: string;
-    export { _default_4 as default };
-}
-declare namespace disabledCheckColor {
-    const _default_5: string;
-    export { _default_5 as default };
-}
-declare namespace checkColor {
-    const _default_6: string;
-    export { _default_6 as default };
-}
-declare namespace errorStyles {
-    const _default_7: string;
-    export { _default_7 as default };
-}
-declare namespace focusedStyles {
-    const _default_8: string;
-    export { _default_8 as default };
-}
-declare namespace disabledStyles {
-    const _default_9: string;
-    export { _default_9 as default };
-}
-declare namespace checkedStyles {
-    const _default_10: string;
-    export { _default_10 as default };
-}
-declare namespace defaultStyles {
-    const _default_11: string;
-    export { _default_11 as default };
-}
-declare namespace disabledCheckedStyles {
-    const _default_12: string;
-    export { _default_12 as default };
-}
-export {};

package/dist/src/components/atoms/checkbox/Checkbox.theme.js

@@ -1,39 +0,0 @@
-import { WHITE, TRANSPARENT, SEASHELL_WHITE, MATISSE_BLUE, RED, CHARADE_GREY, STORM_GREY } from "../../../constants/colors";
-var backgroundColor = { default: "".concat(TRANSPARENT) };
-var textFontSize = { default: "1.1rem" };
-var textFontWeight = { default: "400" };
-var textLineHeight = { default: "2rem" };
-var textColor = { default: "".concat(CHARADE_GREY) };
-var disabledCheckColor = { default: "".concat(WHITE, ";") };
-var checkColor = { default: "".concat(WHITE, ";") };
-var errorStyles = { default: "border: 1px solid ".concat(RED, ";") };
-var focusedStyles = {
-    default: "box-shadow: 0 0 5px 0 ".concat(MATISSE_BLUE, ";")
-};
-var disabledCheckedStyles = {
-    default: "\n  background: #6d717e;\n  border: 1px solid #6d717e;\n"
-};
-var disabledStyles = {
-    default: "\n  background: ".concat(SEASHELL_WHITE, ";\n  border: 1px solid ").concat(STORM_GREY, ";\n")
-};
-var checkedStyles = {
-    default: "\n  background: ".concat(MATISSE_BLUE, ";    \n  border: 1px solid ").concat(MATISSE_BLUE, ";\n")
-};
-var defaultStyles = {
-    default: "\n  background: ".concat(WHITE, "; \n  border: 1px solid ").concat(STORM_GREY, ";\n")
-};
-export var fallbackValues = {
-    backgroundColor: backgroundColor,
-    textFontSize: textFontSize,
-    textFontWeight: textFontWeight,
-    textLineHeight: textLineHeight,
-    textColor: textColor,
-    disabledCheckColor: disabledCheckColor,
-    checkColor: checkColor,
-    errorStyles: errorStyles,
-    focusedStyles: focusedStyles,
-    disabledStyles: disabledStyles,
-    checkedStyles: checkedStyles,
-    defaultStyles: defaultStyles,
-    disabledCheckedStyles: disabledCheckedStyles
-};

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

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

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

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

package/dist/src/components/atoms/checkbox-list/CheckboxList.d.ts

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

package/dist/src/components/atoms/checkbox-list/CheckboxList.js

@@ -1,40 +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 styled, { ThemeProvider } from "styled-components";
-import { fallbackValues } from "./CheckboxList.theme";
-import { themeComponent } from "../../../util/themeUtils";
-import { RadioButton } from "../../../deprecated";
-import Text from "../text";
-import { noop } from "../../../util/general";
-import { Box, Cluster, Switcher } from "../layouts";
-export var CheckboxItemIcon = styled.img(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  width: 2rem;\n"], ["\n  width: 2rem;\n"])));
-var HiddenCheckboxInput = styled.input(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  opacity: 0;\n  position: absolute;\n  z-index: -2;\n  cursor: pointer;\n"], ["\n  opacity: 0;\n  position: absolute;\n  z-index: -2;\n  cursor: pointer;\n"])));
-var CheckboxLabel = styled.label(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  position: relative;\n  z-index: 5;\n  &:focus {\n    outline: none;\n  }\n"], ["\n  position: relative;\n  z-index: 5;\n  &:focus {\n    outline: none;\n  }\n"])));
-var CheckboxListItem = function (_a) {
-    var text = _a.text, render = _a.render, isSelected = _a.isSelected, onSelect = _a.onSelect, index = _a.index, name = _a.name, imageUrl = _a.imageUrl, image = _a.image, _b = _a.imageAlt, imageAlt = _b === void 0 ? "checkbox icon" : _b, disabled = _a.disabled, borderColor = _a.borderColor, color = _a.color, background = _a.background, radioButtonActive = _a.radioButtonActive, radioButtonInactive = _a.radioButtonInactive;
-    return (React.createElement(Box, { padding: "0.875rem", borderRadius: "4px", minWidth: "30%", onClick: disabled ? noop : onSelect, borderColor: borderColor, borderSize: "1px", color: color, background: background, extraStyles: "cursor: pointer;" },
-        React.createElement(Cluster, { justify: "flex-start", align: "center" },
-            React.createElement(HiddenCheckboxInput, { id: "checkbox-".concat(name, "-").concat(index) }),
-            React.createElement(CheckboxLabel, { name: name, "aria-label": name, htmlFor: "checkbox-".concat(name, "-").concat(index), onClick: disabled ? noop : onSelect, onKeyDown: disabled ? noop : onSelect, tabIndex: 0 },
-                React.createElement(ThemeProvider, { theme: {
-                        accentColor: radioButtonActive,
-                        inactiveColor: radioButtonInactive
-                    } },
-                    React.createElement(RadioButton, { name: name, isSelected: isSelected }))),
-            React.createElement(Box, { padding: "0rem 0.5rem 0rem 0rem", hiddenStyles: !imageUrl },
-                React.createElement(Cluster, { justify: "flex-start", align: "center" },
-                    React.createElement(CheckboxItemIcon, { src: imageUrl, alt: imageAlt }))),
-            React.createElement(Box, { padding: "0rem 0.5rem 0rem 0rem", hiddenStyles: !image },
-                React.createElement(Cluster, { justify: "flex-start", align: "center" }, image)),
-            React.createElement(Text, { variant: "p", isSelected: isSelected }, text ? text : render()))));
-};
-var CheckboxList = function (_a) {
-    var items = _a.items, selectedName = _a.selectedName, onSelect = _a.onSelect, variant = _a.variant, _b = _a.breakpoint, breakpoint = _b === void 0 ? "30rem" : _b, themeValues = _a.themeValues;
-    return (React.createElement(Box, { padding: "0rem", background: themeValues.listBackgroundColor },
-        React.createElement(Switcher, { childGap: "0.5rem", breakpoint: breakpoint, maxChildren: 0 }, items.map(function (item, index) { return (React.createElement(CheckboxListItem, { color: themeValues.listItemColor, background: themeValues.listItemBackgroundColor, borderColor: themeValues.listItemBorderColor, key: "checkbox-item-".concat(item.name), text: item.text, render: item.render, isSelected: item.name === selectedName, onSelect: function (evt) { return onSelect(evt, item); }, index: index, imageUrl: item.imageUrl, image: item.image, name: item.name, disabled: variant === "disabled", radioButtonActive: themeValues.radioButtonActive, radioButtonInactive: themeValues.radioButtonInactive })); }))));
-};
-export default themeComponent(CheckboxList, "CheckboxList", fallbackValues, "default");
-var templateObject_1, templateObject_2, templateObject_3;