@thecb/components 6.3.1-beta.7 → 6.4.2

package/dist/.storybook/themes/sf.theme.js

@@ -1 +0,0 @@
-export var SFTheme = { values: { "AmountCallout": { "color": "#347BB2" }, "Breadcrumb": { "color": "#347BB2" }, "Button": { "active": { "danger": "background-color: #870000; border: 2px solid #870000; box-shadow: 0 0 10px #ED125F;", "ghost": "background-color: $(transparent)s; color: #001952; box-shadow: none;", "primary": "background-color: #001952; border: 2px solid #001952; box-shadow: 0 0 10px #347BB2", "secondary": "background-color: #D8E5F2; box-shadow: 0 0 10px #D8E5F2;", "smallGhost": "background-color: $(transparent)s; color: #001952; box-shadow: none;", "smallPrimary": "background-color: #001952; border: 2px solid #001952; box-shadow: 0 0 10px #347BB2;", "smallSecondary": "background-color: #D8E5F2; box-shadow: 0 0 10px #D8E5F2;" }, "backgroundColor": { "danger": "#ED125F", "ghost": "transparent", "primary": "#347BB2", "secondary": "transparent", "smallGhost": "transparent", "smallPrimary": "#347BB2", "smallSecondary": "transparent" }, "border": { "danger": "2px solid #ED125F;", "ghost": "none", "primary": "2px solid #347BB2;", "secondary": "2px solid #347BB2;", "smallGhost": "none", "smallPrimary": "2px solid #347BB2;", "smallSecondary": "2px solid #347BB2;" }, "color": { "danger": "#FFFFFF", "ghost": "#347BB2", "primary": "#FFFFFF", "secondary": "#347BB2", "smallGhost": "#347BB2", "smallPrimary": "#FFFFFF", "smallSecondary": "#347BB2" }, "disabled": { "danger": "background-color: #6E727E; border: 2px solid #6E727E; &:focus { box-shadow: 0 0 10px #6E727E; }", "ghost": "color: #6E727E; border: none", "primary": "background-color: #6E727E; border: 2px solid #6E727E; &:focus { box-shadow: 0 0 10px #6E727E; }", "secondary": "background-color: #6E727E; border: 2px solid #6E727E; &:focus { box-shadow: 0 0 10px #6E727E; }", "smallGhost": "color: #6E727E; border: none;", "smallPrimary": "background-color: #6E727E; border: 2px solid #6E727E; &:focus { box-shadow: 0 0 10px #6E727E; }", "smallSecondary": "background-color: #6E727E; border: 2px solid #6E727E; &:focus { box-shadow: 0 0 10px #6E727E; }" }, "focus": { "danger": "outline: none; background-color: #BA002C; border: 2px solid #BA002C; box-shadow: 0 0 10px #ED125F", "ghost": "outline: none; box-shadow: none; color: #024C85;", "primary": "outline: none; background-color: #024C85; border: 2px solid #024C85; box-shadow: 0 0 10px #347BB2", "secondary": "outline: none; background-color: #EAF2F8; box-shadow: 0 0 10px #EAF2F8;", "smallGhost": "outline: none; box-shadow: none; color: #024C85;", "smallPrimary": "outline: none; background-color: #024C85; border: 2px solid #024C85; box-shadow: 0 0 10px #347BB2", "smallSecondary": "outline: none; background-color: #EAF2F8; box-shadow: 0 0 10px #EAF2F8;" }, "hover": { "danger": "background-color: #BA002C; border: 2px solid #BA002C; box-shadow: 0 0 10px #ED125F;", "ghost": "cursor: pointer; color: #024C85;", "primary": "cursor: pointer; background-color: #024C85; border: 2px solid #024C85; box-shadow: 0 0 10px #347BB2", "secondary": "cursor: pointer; background-color: #EAF2F8; box-shadow: 0 0 10px #EAF2F8;", "smallGhost": "cursor: pointer; color: #024C85;", "smallPrimary": "cursor: pointer; background-color: #024C85; border: 2px solid #024C85; box-shadow: 0 0 10px #347BB2", "smallSecondary": "cursor: pointer; background-color: #EAF2F8; box-shadow: 0 0 10px #EAF2F8;" } }, "Checkbox": { "boxShadow": { "default": "0 0 0 3px #D8E5F2;" }, "checkedStyles": { "default": "background: #347BB2; border: 1px solid #347BB2;" } }, "Dropdown": { "hoverColor": "#EFFAFF", "selectedColor": "#347BB2" }, "Footer": { "backgroundColor": "#182848", "logoHeight": "52px", "subfooterColor": "#347BB2" }, "FormInput": { "hoverFocusStyles": { "default": "outline: none; text-decoration: underline; color: #024C85;" }, "linkColor": { "default": "#347BB2" } }, "Global": { "baseFontSize": "16px", "baseMobileFontSize": "14px", "pageBackground": "#F6F6F9" }, "Header": { "backgroundColor": "#347BB2" }, "Icons": { "accentColor": { "error": "#3B414D", "info": "#3B414D", "success": "#3B414D" }, "primaryColor": { "error": "#FFFFFF", "info": "#FFFFFF", "success": "#FFFFFF" }, "singleIconColor": { "darkMode": "#FFFFFF", "primary": "#347BB2", "secondary": "#3B414D" }, "subIconColor": { "error": "#ED125F", "info": "#347BB2", "success": "#317D4F" } }, "ModalLink": { "linkColor": "#347BB2" }, "NavMenu": { "backgroundColor": "#347BB2" }, "ProfileTab": { "activeTabAccent": "#347BB2", "activeTabBackground": "#FFFFFF", "activeTabHover": "#D8E5F2" }, "RadioButton": { "activeColor": "#347BB2" }, "Spinner": { "color": "#347BB2" }, "ToggleSwitch": { "onBackground": "#347BB2" }, "Workflow": { "accentColor": "#214566", "fontFamily": "Open Sans, sans-serif", "linkColor": "#214566", "primaryButtonColor": "#347BB2", "secondaryButtonColor": "#347BB2", "textColor": "#091325", "workflowFooterColor": "#182848", "workflowHeaderColor": "#347BB2" }, "linkColor": "#15749D", "logo": "logo.png", "primaryColor": "#3B414D", "secondaryColor": "#E5E7EC", "textColor": "#000000" } };

package/dist/button-with-link/ButtonWithLinkProps.js

@@ -1 +0,0 @@
-;

package/dist/index.d.ts

@@ -1,306 +0,0 @@
-import React from 'react';
-
-type Expand<T> = T extends infer O ? { [K in keyof O]: O[K] } : never;
-
-interface CardProps {
-  text?: string;
-  titleText?: string;
-  titleVariant?: string;
-  extraStyles?: string;
-  imgSrc?: string;
-  imgHeight?: string;
-  imgObjectFit?:
-    | "contain"
-    | "cover"
-    | "fill"
-    | "none"
-    | "scale-down"
-    | "inherit"
-    | "initial"
-    | "revert"
-    | "revert-layer"
-    | "unset";
-  headerText?: string;
-  headerVariant?: string;
-  borderRadius?: string;
-  width?: string;
-  padding?: string;
-}
-
-declare const Card: React.FC<Expand<CardProps> &
-  React.HTMLAttributes<HTMLElement>>;
-
-interface ButtonWithActionProps {
-  action?: React.SyntheticEvent;
-  variant?: string;
-  text?: string;
-  textWrap?: boolean;
-  isLoading?: boolean;
-  textExtraStyles?: string;
-  contentOverride?: boolean;
-  extraStyles?: string;
-  tabIndex?: number;
-}
-
-declare const ButtonWithAction: React.FC<Expand<ButtonWithActionProps> &
-  React.HTMLAttributes<HTMLElement>>;
-
-interface ButtonWithLinkProps extends ButtonWithActionProps {
-  linkExtraStyles?: string;
-  url: string;
-  disabled?: boolean;
-  fileLink?: boolean;
-  newTab?: boolean;
-}
-
-declare const ButtonWithLink: React.FC<Expand<ButtonWithLinkProps> &
-  React.HTMLAttributes<HTMLElement>>;
-
-interface BoxProps {
-  padding?: string;
-  borderSize?: string;
-  borderColor?: string;
-  borderRadius?: string;
-  boxShadow?: string;
-  background?: string;
-  color?: string;
-  minHeight?: string;
-  width?: string;
-  minWidth?: string;
-  maxWidth?: string;
-  borderWidthOverride?: string;
-  border?: string;
-  textAlign?: string;
-  hoverStyles?: string;
-  activeStyles?: string;
-  disabledStyles?: string;
-  variant?: string;
-  as?: string;
-  theme?: string;
-  hiddenStyles?: string;
-  extraStyles?: string;
-  srOnly?: boolean;
-  dataQa?: string;
-}
-
-declare const Box: React.FC<Expand<BoxProps> &
-  React.HTMLAttributes<HTMLElement>>;
-
-interface CenterProps {
-  maxWidth?: string;
-  gutters?: string;
-  intrinsic?: boolean;
-}
-
-declare const Center: React.FC<Expand<CenterProps> &
-  React.HTMLAttributes<HTMLElement>>;
-
-interface ClusterProps {
-  childGap?: string;
-  extraStyles?: string;
-  align?: string;
-  justify?: string;
-  minHeight?: string;
-  minWidth?: string;
-  nowrap?: boolean;
-  overflow?: boolean;
-  justifySelf?: string;
-  alignSelf?: string;
-  flexGrow?: string;
-}
-
-declare const Cluster: React.FC<Expand<ClusterProps> &
-  React.HTMLAttributes<HTMLElement>>;
-
-interface CoverProps {
-  minHeight?: string;
-  childGap?: string;
-  padding?: string;
-  fillCenter?: boolean;
-  singleChild?: boolean;
-  centerOverride?: boolean;
-}
-
-declare const Cover: React.FC<Expand<CoverProps> &
-  React.HTMLAttributes<HTMLElement>>;
-
-interface StackProps {
-  childGap?: string;
-  bottomItem?: number;
-  fullHeight?: boolean;
-  direction?:
-    | "row"
-    | "row-reverse"
-    | "column"
-    | "column-reverse"
-    | "initial"
-    | "inherit";
-  justify?:
-    | "flex-start"
-    | "flex-end"
-    | "center"
-    | "space-between"
-    | "space-around"
-    | "space-evenly"
-    | "initial"
-    | "inherit";
-}
-
-declare const Stack: React.FC<Expand<StackProps> &
-  React.HTMLAttributes<HTMLElement>>;
-
-interface SwitcherProps {
-  breakpoint?: string;
-  childGap?: string;
-  largeChild?: string;
-  largeChildSize?: string;
-  maxChildren?: string;
-  maxChildrenOnly?: boolean;
-  padding?: string;
-  extraStyles?: string;
-  constrainMobile?: boolean;
-}
-
-declare const Switcher: React.FC<Expand<SwitcherProps> &
-  React.HTMLAttributes<HTMLElement>>;
-
-interface ExternalLinkProps {
-  href: string;
-  newTab?: boolean;
-  size?: string;
-  lineHeight?: string;
-  weight?: string;
-  extraStyles?: string;
-  variant?: string;
-  tabIndex?: string;
-  dataQa?: string;
-  ariaLabel?: string;
-}
-
-declare const ExternalLink: React.FC<Expand<ExternalLinkProps> &
-  React.HTMLAttributes<HTMLElement>>;
-
-interface InternalLinkProps {
-  to: string;
-  color?: string;
-  active?: boolean;
-  fontSize?: string;
-  lineheight?: string;
-  fontWeight?: string;
-  variant?: string;
-  margin?: string;
-  tabIndex?: string;
-  dataQa?: string;
-  extraStyles?: string;
-}
-
-declare const InternalLink: React.FC<Expand<InternalLinkProps> &
-  React.HTMLAttributes<HTMLElement>>;
-
-interface NavFooterProps {
-  leftContent?: JSX.Element;
-  rightContent?: JSX.Element;
-  footerMinHeight?: string;
-  backgroundColor?: string;
-  largeSide?: "left" | "right";
-  largeSideSize?: string;
-  footerPadding?: string;
-  isMobile?: boolean;
-  footerWidth?: string;
-}
-
-declare const NavFooter: React.FC<Expand<NavFooterProps> &
-  React.HTMLAttributes<HTMLElement>>;
-
-interface NavHeaderProps {
-  headerHeight?: string;
-  headerWith?: string;
-  backgroundColor?: string;
-  leftContent?: JSX.Element;
-  rightContent?: JSX.Element;
-  margin?: string;
-  extraStyles?: string;
-  isMobile?: boolean;
-}
-
-declare const NavHeader: React.FC<Expand<NavHeaderProps> &
-  React.HTMLAttributes<HTMLElement>>;
-
-interface NavTabsProps {
-  tabsConfig: Array<{ path: string; label: string }>;
-  tabGap?: string;
-}
-
-declare const NavTabs: React.FC<Expand<NavTabsProps> &
-  React.HTMLAttributes<HTMLElement>>;
-
-interface ParagraphProps {
-  color?: string;
-  themeValues?: string;
-  weight?: string;
-  margin?: string;
-  extraStyles?: string;
-  dataQa?: string;
-  as?: string;
-}
-
-declare const Paragraph: React.FC<Expand<ParagraphProps> &
-  React.HTMLAttributes<HTMLElement>>;
-
-interface TextProps {
-  weight?: string;
-  color?: string;
-  textWrap?: boolean;
-  extraStyles?: string;
-  hoverStyles?: string;
-  as?: string;
-  dataQa?: string;
-  variant?: string;
-}
-
-declare const Text: React.FC<Expand<TextProps> &
-  React.HTMLAttributes<HTMLElement>>;
-
-interface TitleProps {
-  variant?: string;
-  color?: string;
-  margin?: string;
-  extraStyles?: string;
-  weight?: string;
-  textAlign?: string;
-  className?: string;
-  as?: string;
-  dataQa?: string;
-}
-
-declare const Title: React.FC<Expand<TitleProps> &
-  React.HTMLAttributes<HTMLElement>>;
-
-interface FooterWithSubfooterProps {
-  footerLargeSide?: "left" | "right";
-  footerLargeSideSize?: string;
-  leftFooterContent?: JSX.Element;
-  rightFooterContent?: JSX.Element;
-  leftSubfooterContent?: JSX.Element;
-  rightSubfooterContent?: JSX.Element;
-}
-
-declare const FooterWithSubfooter: React.FC<Expand<FooterWithSubfooterProps> &
-  React.HTMLAttributes<HTMLElement>>;
-
-interface DefaultPageTemplateProps {
-  content: JSX.Element;
-  header?: JSX.Element;
-  subHeader?: JSX.Element;
-  footer?: JSX.Element;
-  hideMobileSubHeader?: boolean;
-  maxWidth?: string;
-  gutters?: string;
-  fillPageVertical?: Boolean;
-}
-
-declare const DefaultPageTemplate: React.FC<Expand<DefaultPageTemplateProps> &
-  React.HTMLAttributes<HTMLElement>>;
-
-export { Box, BoxProps, ButtonWithAction, ButtonWithActionProps, ButtonWithLink, ButtonWithLinkProps, Card, CardProps, Center, CenterProps, Cluster, ClusterProps, Cover, CoverProps, DefaultPageTemplate, DefaultPageTemplateProps, ExternalLink, ExternalLinkProps, FooterWithSubfooter, FooterWithSubfooterProps, InternalLink, InternalLinkProps, NavFooter, NavFooterProps, NavHeader, NavHeaderProps, NavTabs, NavTabsProps, Paragraph, ParagraphProps, Stack, StackProps, Switcher, SwitcherProps, Text, TextProps, Title, TitleProps };
-//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/src/components/atoms/add-obligation/AddObligation.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/add-obligation/AddObligation.js

@@ -1,21 +0,0 @@
-import React from "react";
-import ButtonWithAction from "../button-with-action";
-import { Box, Center, Cluster, Cover } from "../layouts";
-import { IconAdd } from "../icons";
-import { FONT_WEIGHT_SEMIBOLD } from "../../../constants/style_constants";
-import { fallbackValues } from "./AddObligation.theme";
-import { themeComponent } from "../../../util/themeUtils";
-import { ROYAL_BLUE } from "../../../constants/colors";
-var AddObligation = function (_a) {
-    var text = _a.text, action = _a.action, themeValues = _a.themeValues, extraStyles = _a.extraStyles, textExtraStyles = _a.textExtraStyles;
-    var hoverStyles = "\n  &:hover {\n    .fill { fill: ".concat(themeValues.hoverColor, "; }\n    .stroke { stroke: ").concat(themeValues.hoverColor, "; }\n    button { text-decoration: underline; text-decoration-color: ").concat(themeValues.hoverColor, "; }\n    span { color: ").concat(themeValues.hoverColor, "; }\n  }");
-    var activeStyles = "\n   &:active {\n     .fill { fill: ".concat(themeValues.activeColor, "; }\n     .stroke { stroke: ").concat(themeValues.activeColor, "; }\n    button { text-decoration: underline; text-decoration-color: ").concat(themeValues.activeColor, "; }\n    span { color: ").concat(themeValues.activeColor, "; }\n    }");
-    var defaultStyles = "\n      min-height: 0;\n      .fill { fill: ".concat(themeValues.color, "; }\n      .stroke { stroke: ").concat(themeValues.color, "; }\n      &:focus {\n        outline: 3px solid ").concat(ROYAL_BLUE, ";\n        outline-offset: 2px;\n      }\n     ");
-    return (React.createElement(Box, { className: "button", padding: "0", hoverStyles: hoverStyles, activeStyles: activeStyles, extraStyles: defaultStyles, onClick: action, tabIndex: "0" },
-        React.createElement(Cover, { singleChild: true, minHeight: "100%" },
-            React.createElement(Cluster, { justify: "center", align: "center", minHeight: "100%" },
-                React.createElement(IconAdd, null),
-                React.createElement(Center, { intrinsic: true },
-                    React.createElement(ButtonWithAction, { action: action, text: text, variant: "smallGhost", extraStyles: "min-height: 0; ".concat(extraStyles), textExtraStyles: "padding: 0 0 0 0.75rem; font-size: 0.875rem; font-weight ".concat(FONT_WEIGHT_SEMIBOLD, "; ").concat(textExtraStyles), tabIndex: "-1" }))))));
-};
-export default themeComponent(AddObligation, "AddObligation", fallbackValues);

package/dist/src/components/atoms/add-obligation/AddObligation.stories.d.ts

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

package/dist/src/components/atoms/add-obligation/AddObligation.stories.js

@@ -1,10 +0,0 @@
-import React from "react";
-import { text } from "@storybook/addon-knobs";
-import AddObligation from "./AddObligation";
-import page from "../../../../.storybook/page";
-export var addObligation = function () { return (React.createElement(AddObligation, { text: text("text", "Lorem", "props"), extraStyles: text("extraStyles", "", "props"), textExtraStyles: text("textExtraStyles", "", "props") })); };
-var story = page({
-    title: "Components|Atoms/AddObligation",
-    Component: AddObligation
-});
-export default story;

package/dist/src/components/atoms/add-obligation/AddObligation.theme.d.ts

@@ -1,9 +0,0 @@
-export namespace fallbackValues {
-    export { color };
-    export { hoverColor };
-    export { activeColor };
-}
-declare const color: "#15749D";
-declare const hoverColor: "#116285";
-declare const activeColor: "#0E506D";
-export {};

package/dist/src/components/atoms/add-obligation/AddObligation.theme.js

@@ -1,8 +0,0 @@
-var color = "#15749D";
-var hoverColor = "#116285";
-var activeColor = "#0E506D";
-export var fallbackValues = {
-    color: color,
-    hoverColor: hoverColor,
-    activeColor: activeColor
-};

package/dist/src/components/atoms/add-obligation/index.d.ts

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

package/dist/src/components/atoms/add-obligation/index.js

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

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

@@ -1,26 +0,0 @@
-import React from "react";
-import { AlertIcons, IconQuit } from "../../../deprecated/icons";
-import { Box, Center, Cluster, Stack, Cover, Sidebar } from "../layouts";
-import Text from "../text";
-import { fallbackValues } from "./Alert.theme";
-import { themeComponent } from "../../../util/themeUtils";
-var Alert = function (_a) {
-    var heading = _a.heading, text = _a.text, textOverride = _a.textOverride, variant = _a.variant, children = _a.children, height = _a.height, onLinkClick = _a.onLinkClick, _b = _a.padding, padding = _b === void 0 ? "0.5rem" : _b, _c = _a.showQuitLink, showQuitLink = _c === void 0 ? true : _c, themeValues = _a.themeValues, extraStyles = _a.extraStyles, maxContentWidth = _a.maxContentWidth;
-    var Icon = AlertIcons[variant];
-    var content = (React.createElement(Sidebar, { width: "24px", childGap: "0rem" },
-        React.createElement(Box, { padding: "0 0 0 1rem", minHeight: "100%" },
-            React.createElement(Cover, { minHeight: "100%", singleChild: true },
-                React.createElement(Box, { padding: "0", width: "1.5rem", minHeight: "1.5rem" },
-                    React.createElement(Icon, null)))),
-        React.createElement(Box, { padding: "0" },
-            React.createElement(Sidebar, { sidebarOnRight: true, width: "24px", childGap: "0rem" },
-                React.createElement(Box, { padding: maxContentWidth ? "".concat(padding, " 1rem") : "1rem" },
-                    React.createElement(Cluster, { justify: "flex-start", align: "center" }, textOverride ? (textOverride) : (React.createElement(Stack, { fullHeight: true, childGap: "0.25rem" },
-                        React.createElement(Text, { variant: "p", color: themeValues.text, weight: "600" }, heading),
-                        React.createElement(Text, { variant: "pS", color: themeValues.text }, text),
-                        children)))),
-                React.createElement(Cluster, { justify: "flex-end", align: "flex-start" }, showQuitLink && (React.createElement(Box, { padding: "0", minHeight: "100%", onClick: onLinkClick },
-                    React.createElement(IconQuit, null))))))));
-    return (React.createElement(Box, { padding: padding, width: "100%", minHeight: height && parseInt(height) < 100 ? height : "100px", height: height ? height : "auto", background: themeValues.background, borderRadius: "4px", borderColor: themeValues.border, borderSize: "1px", extraStyles: extraStyles }, maxContentWidth ? (React.createElement(Center, { maxWidth: maxContentWidth }, content)) : (content)));
-};
-export default themeComponent(Alert, "Alert", fallbackValues, "info");

package/dist/src/components/atoms/alert/Alert.stories.d.ts

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

package/dist/src/components/atoms/alert/Alert.stories.js

@@ -1,19 +0,0 @@
-import React from "react";
-import { text, select, boolean } from "@storybook/addon-knobs";
-import Alert from "./Alert";
-import page from "../../../../.storybook/page";
-var variantsLabel = "variant";
-var variants = {
-    info: "info",
-    warn: "warn",
-    error: "error",
-    success: "success"
-};
-var defaultValue = "info";
-var groupId = "props";
-export var alert = function () { return (React.createElement(Alert, { variant: select(variantsLabel, variants, defaultValue, groupId), text: text("text", "Alert Bar", "props"), showQuitLink: boolean("showQuitLink", true, "props") })); };
-var story = page({
-    title: "Components|Atoms/Alert",
-    Component: Alert
-});
-export default story;

package/dist/src/components/atoms/alert/Alert.theme.d.ts

@@ -1,65 +0,0 @@
-export namespace fallbackValues {
-    export { background };
-    export { border };
-    export { iconBackground };
-    export { iconFill };
-    export { text };
-    export { link };
-}
-declare namespace background {
-    const info: string;
-    const warn: string;
-    const error: string;
-    const success: string;
-}
-declare namespace border {
-    const info_1: string;
-    export { info_1 as info };
-    const warn_1: string;
-    export { warn_1 as warn };
-    const error_1: string;
-    export { error_1 as error };
-    const success_1: string;
-    export { success_1 as success };
-}
-declare namespace iconBackground {
-    const info_2: string;
-    export { info_2 as info };
-    const warn_2: string;
-    export { warn_2 as warn };
-    const error_2: string;
-    export { error_2 as error };
-    const success_2: string;
-    export { success_2 as success };
-}
-declare namespace iconFill {
-    const info_3: string;
-    export { info_3 as info };
-    const warn_3: string;
-    export { warn_3 as warn };
-    const error_3: string;
-    export { error_3 as error };
-    const success_3: string;
-    export { success_3 as success };
-}
-declare namespace text {
-    const info_4: string;
-    export { info_4 as info };
-    const warn_4: string;
-    export { warn_4 as warn };
-    const error_4: string;
-    export { error_4 as error };
-    const success_4: string;
-    export { success_4 as success };
-}
-declare namespace link {
-    const info_5: string;
-    export { info_5 as info };
-    const warn_5: string;
-    export { warn_5 as warn };
-    const error_5: string;
-    export { error_5 as error };
-    const success_5: string;
-    export { success_5 as success };
-}
-export {};

package/dist/src/components/atoms/alert/Alert.theme.js

@@ -1,45 +0,0 @@
-import { APRICOT_ORANGE, INFO_BLUE, BLUSH_RED, HINT_GREEN, ZEST_ORANGE, MATISSE_BLUE, RAZZMATAZZ_RED, EMERALD_GREEN, MUSTARD_YELLOW, ONAHAU_BLUE, COSMOS_RED, ICE_GREEN, CARROT_ORANGE, CONGRESS_BLUE, THUNDERBIRD_RED, HAZE_GREEN, ZODIAC_BLUE, SCIENCE_BLUE } from "../../../constants/colors";
-var background = {
-    info: "".concat(INFO_BLUE),
-    warn: "".concat(APRICOT_ORANGE),
-    error: "".concat(BLUSH_RED),
-    success: "".concat(HINT_GREEN)
-};
-var border = {
-    info: "".concat(MATISSE_BLUE),
-    warn: "".concat(ZEST_ORANGE),
-    error: "".concat(RAZZMATAZZ_RED),
-    success: "".concat(EMERALD_GREEN)
-};
-var iconBackground = {
-    info: "".concat(ONAHAU_BLUE),
-    warn: "".concat(MUSTARD_YELLOW),
-    error: "".concat(COSMOS_RED),
-    success: "".concat(ICE_GREEN)
-};
-var iconFill = {
-    info: "".concat(CONGRESS_BLUE),
-    warn: "".concat(CARROT_ORANGE),
-    error: "".concat(THUNDERBIRD_RED),
-    success: "".concat(HAZE_GREEN)
-};
-var text = {
-    info: "".concat(ZODIAC_BLUE),
-    warn: "".concat(ZODIAC_BLUE),
-    error: "".concat(ZODIAC_BLUE),
-    success: "".concat(ZODIAC_BLUE)
-};
-var link = {
-    info: "".concat(SCIENCE_BLUE),
-    warn: "".concat(SCIENCE_BLUE),
-    error: "".concat(SCIENCE_BLUE),
-    success: "".concat(SCIENCE_BLUE)
-};
-export var fallbackValues = {
-    background: background,
-    border: border,
-    iconBackground: iconBackground,
-    iconFill: iconFill,
-    text: text,
-    link: link
-};

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

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

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

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

package/dist/src/components/atoms/amount-callout/AmountCallout.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/amount-callout/AmountCallout.js

@@ -1,12 +0,0 @@
-import React from "react";
-import Title from "../title";
-import { Box } from "../layouts";
-import { fallbackValues } from "./AmountCallout.theme";
-import { themeComponent } from "../../../util/themeUtils";
-import { FONT_WEIGHT_SEMIBOLD } from "../../../constants/style_constants";
-var AmountCallout = function (_a) {
-    var amount = _a.amount, textAlign = _a.textAlign, themeValues = _a.themeValues;
-    return (React.createElement(Box, { padding: "0", textAlign: textAlign },
-        React.createElement(Title, { variant: "small", weight: FONT_WEIGHT_SEMIBOLD, color: themeValues.color, as: "p" }, amount)));
-};
-export default themeComponent(AmountCallout, "AmountCallout", fallbackValues);

package/dist/src/components/atoms/amount-callout/AmountCallout.stories.d.ts

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

package/dist/src/components/atoms/amount-callout/AmountCallout.stories.js

@@ -1,18 +0,0 @@
-import React from "react";
-import { text, select } from "@storybook/addon-knobs";
-import AmountCallout from "./AmountCallout";
-import page from "../../../../.storybook/page";
-var textAlignLabel = "textAlign";
-var textAlign = {
-    left: "left",
-    center: "center",
-    right: "right"
-};
-var defaultTextAlignValue = "left";
-var groupId = "props";
-export var amountCallout = function () { return (React.createElement(AmountCallout, { amount: text("text", "$1.23", "props"), textAlign: select(textAlignLabel, textAlign, defaultTextAlignValue, groupId) })); };
-var story = page({
-    title: "Components|Atoms/AmountCallout",
-    Component: AmountCallout
-});
-export default story;

package/dist/src/components/atoms/amount-callout/AmountCallout.theme.d.ts

@@ -1,5 +0,0 @@
-export namespace fallbackValues {
-    export { color };
-}
-declare const color: "#292A33";
-export {};

package/dist/src/components/atoms/amount-callout/AmountCallout.theme.js

@@ -1,4 +0,0 @@
-var color = "#292A33";
-export var fallbackValues = {
-    color: color
-};

package/dist/src/components/atoms/amount-callout/index.d.ts

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

package/dist/src/components/atoms/amount-callout/index.js

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