@thecb/components 7.3.2-beta.5 → 7.4.0

package/dist/src/components/atoms/layouts/examples/cluster-example/ClusterExample.stories.js

@@ -1,43 +0,0 @@
-import React from "react";
-import { text, radios } from "@storybook/addon-knobs";
-import ClusterExample from "./ClusterExample";
-import Cover from "../../Cover";
-import Center from "../../Center";
-import FixedSizeContainer from "../FixedSizeContainer";
-import ResizingContainer from "../ResizingContainer";
-import LayoutContentBlock from "../LayoutContentBlock";
-export default {
-    title: "Layouts/Basic Layouts/Cluster",
-    component: ClusterExample,
-    decorators: [
-        function (storyFn) { return (React.createElement(Cover, null,
-            React.createElement("div", null),
-            React.createElement(Center, null, storyFn()),
-            React.createElement("div", null))); }
-    ]
-};
-var label = "Animate";
-var options = {
-    play: "play",
-    pause: "pause"
-};
-var defaultValue = "pause";
-var groupID = "RADIO-GROUP-1";
-export var basicCluster = function () { return (React.createElement(ResizingContainer, { animate: radios(label, options, defaultValue, groupID), containerMax: text("Container Max", "60rem"), containerMin: text("Container Min", "20rem") },
-    React.createElement(ClusterExample, { justify: "space-between", align: "center" },
-        React.createElement(LayoutContentBlock, { height: "3.5rem", width: "8rem", layoutName: "City Logo" }),
-        React.createElement(ClusterExample, { justify: "flex-start", align: "center" },
-            React.createElement(LayoutContentBlock, { height: "2.5rem", width: "4.5rem", layoutName: "Profile" }),
-            React.createElement(LayoutContentBlock, { height: "2.5rem", width: "4.5rem", layoutName: "Settings" }),
-            React.createElement(LayoutContentBlock, { height: "2.5rem", width: "4.5rem", layoutName: "Accounts" }))))); };
-basicCluster.storyName = "Resizing Nav Cluster";
-export var formButtonCluster = function () { return (React.createElement(FixedSizeContainer, { width: text("Container Width", "40rem"), floatingLabel: "Cluster" },
-    React.createElement(ClusterExample, { justify: "flex-end", align: "center" },
-        React.createElement(LayoutContentBlock, { height: "3rem", width: "6rem", layoutName: "Back" }),
-        React.createElement(LayoutContentBlock, { height: "3rem", width: "6rem", layoutName: "Submit" })))); };
-formButtonCluster.storyName = "Form Button Cluster";
-export var formInputCluster = function () { return (React.createElement(ResizingContainer, { animate: radios(label, options, defaultValue, groupID), containerMax: text("Container Max", "40rem"), containerMin: text("Container Min", "20rem") },
-    React.createElement(ClusterExample, { justify: "flex-start", align: "center" },
-        React.createElement(LayoutContentBlock, { height: "1.5rem", width: "3rem", layoutName: "Label" }),
-        React.createElement(LayoutContentBlock, { height: "3rem", width: "20rem", layoutName: "Form Input" })))); };
-formInputCluster.storyName = "Form Input Cluster";

package/dist/src/components/atoms/layouts/examples/cover-example/CoverExample.stories.d.ts

@@ -1,15 +0,0 @@
-declare const _default: {
-    title: any;
-    component: any;
-    decorators: ((storyFn: any) => JSX.Element)[];
-};
-export default _default;
-export function cover(): JSX.Element;
-export namespace cover {
-    const storyName: string;
-}
-export function coverSingleChild(): JSX.Element;
-export namespace coverSingleChild {
-    const storyName_1: string;
-    export { storyName_1 as storyName };
-}

package/dist/src/components/atoms/layouts/examples/cover-example/CoverExample.stories.js

@@ -1,18 +0,0 @@
-import React from "react";
-import { text, boolean } from "@storybook/addon-knobs";
-import page from "../../../../../../.storybook/page";
-import Cover from "../../Cover";
-import LayoutContentBlock from "../LayoutContentBlock";
-var groupId = "props";
-export default page({
-    title: "Layouts|Basic Layouts/Cover",
-    Component: Cover
-});
-export var cover = function () { return (React.createElement(Cover, { minHeight: text("minHeight", "100vh", groupId), childGap: text("childGap", "", groupId), padding: text("padding", "", groupId), fillCenter: boolean("fillCenter", false, groupId), singleChild: boolean("singleChild", false, groupId), centerOverride: boolean("centerOverride", false, groupId) },
-    React.createElement(LayoutContentBlock, { height: "3.5rem", width: "100%", layoutName: "Header" }),
-    "Text Child",
-    React.createElement(LayoutContentBlock, { height: "3.5rem", width: "100%", layoutName: "Footer" }))); };
-cover.storyName = "Cover with Multiple Children";
-export var coverSingleChild = function () { return (React.createElement(Cover, { minHeight: text("minHeight", "100vh", groupId), childGap: text("childGap", "", groupId), padding: text("padding", "", groupId), fillCenter: boolean("fillCenter", false, groupId), singleChild: boolean("singleChild", true, groupId), centerOverride: boolean("centerOverride", false, groupId) },
-    React.createElement(LayoutContentBlock, { height: "3.5rem", width: "100%", layoutName: "Child Component" }))); };
-coverSingleChild.storyName = "Cover with Single Child";

package/dist/src/components/atoms/layouts/examples/frame-example/FrameExample.stories.d.ts

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

package/dist/src/components/atoms/layouts/examples/frame-example/FrameExample.stories.js

@@ -1,12 +0,0 @@
-import React from "react";
-import { text } from "@storybook/addon-knobs";
-import page from "../../../../../../.storybook/page";
-import Frame from "../../Frame";
-import LayoutContentBlock from "../LayoutContentBlock";
-var groupId = "props";
-export default page({
-    title: "Layouts|Basic Layouts/Frame",
-    Component: Frame
-});
-export var frame = function () { return (React.createElement(Frame, { numerator: text("numerator", "1", groupId), denominator: text("denominator", "1", groupId) },
-    React.createElement(LayoutContentBlock, { height: "100%", width: "100%", layoutName: "Image" }))); };

package/dist/src/components/atoms/layouts/examples/grid-example/GridExample.d.ts

@@ -1,7 +0,0 @@
-export default GridExample;
-declare function GridExample({ minColWidth, maxColWidth, columnGap, numChildren }: {
-    minColWidth: any;
-    maxColWidth: any;
-    columnGap?: string | undefined;
-    numChildren: any;
-}): JSX.Element;

package/dist/src/components/atoms/layouts/examples/grid-example/GridExample.js

@@ -1,32 +0,0 @@
-var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
-    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
-        if (ar || !(i in from)) {
-            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
-            ar[i] = from[i];
-        }
-    }
-    return to.concat(ar || Array.prototype.slice.call(from));
-};
-import React from "react";
-import Grid from "../../Grid";
-import Stack from "../../Stack";
-import FixedSizeContainer from "../FixedSizeContainer";
-import LayoutContentBlock from "../LayoutContentBlock";
-var generateChildren = function (number) {
-    var childArray = [];
-    for (var count = 0; count < number; count++) {
-        childArray = __spreadArray(__spreadArray([], childArray, true), [
-            React.createElement(FixedSizeContainer, { key: "card-".concat(count), width: "12rem", height: "14rem", margin: "0 0 1rem 0" },
-                React.createElement(Stack, { fullHeight: true, bottomItem: 3 },
-                    React.createElement(LayoutContentBlock, { key: "1", height: "2rem", layoutName: "Card Title" }),
-                    React.createElement(LayoutContentBlock, { key: "2", height: "6rem", layoutName: "Card Content ".concat(count + 1) }),
-                    React.createElement(LayoutContentBlock, { key: "3", height: "2rem", layoutName: "Card Footer" })))
-        ], false);
-    }
-    return childArray;
-};
-var GridExample = function (_a) {
-    var minColWidth = _a.minColWidth, maxColWidth = _a.maxColWidth, _b = _a.columnGap, columnGap = _b === void 0 ? "0.5rem" : _b, numChildren = _a.numChildren;
-    return (React.createElement(Grid, { minColWidth: minColWidth, maxColWidth: maxColWidth, columnGap: columnGap }, generateChildren(numChildren)));
-};
-export default GridExample;

package/dist/src/components/atoms/layouts/examples/grid-example/GridExample.stories.d.ts

@@ -1,11 +0,0 @@
-declare namespace _default {
-    export const title: string;
-    export { GridExample as component };
-    export const decorators: ((storyFn: any) => JSX.Element)[];
-}
-export default _default;
-export function basicGrid(): JSX.Element;
-export namespace basicGrid {
-    const storyName: string;
-}
-import GridExample from "./GridExample";

package/dist/src/components/atoms/layouts/examples/grid-example/GridExample.stories.js

@@ -1,26 +0,0 @@
-import React from "react";
-import { text, radios, number } from "@storybook/addon-knobs";
-import GridExample from "./GridExample";
-import Cover from "../../Cover";
-import Center from "../../Center";
-import ResizingContainer from "../ResizingContainer";
-export default {
-    title: "Layouts/Basic Layouts/Grid",
-    component: GridExample,
-    decorators: [
-        function (storyFn) { return (React.createElement(Cover, null,
-            React.createElement("div", null),
-            React.createElement(Center, null, storyFn()),
-            React.createElement("div", null))); }
-    ]
-};
-var label = "Animate";
-var options = {
-    play: "play",
-    pause: "pause"
-};
-var defaultValue = "pause";
-var groupID = "RADIO-GROUP-1";
-export var basicGrid = function () { return (React.createElement(ResizingContainer, { animate: radios(label, options, defaultValue, groupID), containerMax: text("Container Max", "60rem"), containerMin: text("Container Min", "25rem"), padding: "1rem" },
-    React.createElement(GridExample, { numChildren: number("Number of Cards", 8), minColWidth: 13 }))); };
-basicGrid.storyName = "Grid of cards";

package/dist/src/components/atoms/layouts/examples/imposter-example/ImposterExample.stories.d.ts

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

package/dist/src/components/atoms/layouts/examples/imposter-example/ImposterExample.stories.js

@@ -1,14 +0,0 @@
-import React from "react";
-import { text, boolean } from "@storybook/addon-knobs";
-import page from "../../../../../../.storybook/page";
-import Box from "../../Box";
-import Imposter from "../../Imposter";
-import LayoutContentBlock from "../LayoutContentBlock";
-var groupId = "props";
-export default page({
-    title: "Layouts|Basic Layouts/Imposter",
-    Component: Imposter
-});
-export var imposter = function () { return (React.createElement(Box, { minHeight: "50vh", background: "#F6F6F9" },
-    React.createElement(Imposter, { fixed: boolean("fixed", false, groupId), verticalMargin: text("verticalMargin", "0px", groupId), horizontalMargin: text("horizontalMargin", "0px", groupId), breakout: boolean("breakout", true, groupId), top: text("top", "50%", groupId), left: text("left", "50%", groupId), centered: boolean("centered", false, groupId), visible: boolean("visible", true, groupId) },
-        React.createElement(LayoutContentBlock, { height: "100%", width: "100%", layoutName: "Component Child" })))); };

package/dist/src/components/atoms/layouts/examples/motion-example/MotionExample.stories.d.ts

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

package/dist/src/components/atoms/layouts/examples/motion-example/MotionExample.stories.js

@@ -1,41 +0,0 @@
-import React from "react";
-import { text, select, boolean } from "@storybook/addon-knobs";
-import page from "../../../../../../.storybook/page";
-import Motion from "../../Motion";
-import LayoutContentBlock from "../LayoutContentBlock";
-var position = {
-    relative: "relative",
-    absolute: "absolute"
-};
-var animate = {
-    open: "open",
-    closed: "closed"
-};
-var groupId = "props";
-var variants = {
-    open: {
-        height: "50vh",
-        opacity: 1,
-        transition: {
-            duration: 0.3,
-            ease: [0.04, 0.62, 0.23, 0.98],
-            staggerChildren: 0
-        }
-    },
-    closed: {
-        height: 0,
-        opacity: 0,
-        transition: {
-            duration: 0.3,
-            ease: [0.04, 0.62, 0.23, 0.98],
-            staggerChildren: 0,
-            staggerDirection: -1
-        }
-    }
-};
-export default page({
-    title: "Layouts|Basic Layouts/Motion",
-    Component: Motion
-});
-export var motion = function () { return (React.createElement(Motion, { position: select("position", position, "relative", groupId), padding: text("padding", "0", groupId), variants: variants, layoutTransition: boolean("layoutTransition", true, groupId), positionTransition: boolean("positionTransition", false, groupId), initial: "closed", animate: select("animate", animate, "open", groupId), exit: "closed" },
-    React.createElement(LayoutContentBlock, { height: "100%", width: "100%", layoutName: "Component Child" }))); };

package/dist/src/components/atoms/layouts/examples/reel-example/ReelExample.stories.d.ts

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

package/dist/src/components/atoms/layouts/examples/reel-example/ReelExample.stories.js

@@ -1,21 +0,0 @@
-import React from "react";
-import { text, boolean, select } from "@storybook/addon-knobs";
-import page from "../../../../../../.storybook/page";
-import Reel from "../../Reel";
-import LayoutContentBlock from "../LayoutContentBlock";
-var justifyContent = {
-    flexStart: "flex-start",
-    flexEnd: "flex-end",
-    center: "center",
-    spaceEvenly: "space-evenly"
-};
-var groupId = "props";
-export default page({
-    title: "Layouts|Basic Layouts/Reel",
-    Component: Reel
-});
-export var reel = function () { return (React.createElement(Reel, { childGap: text("childGap", "1rem", groupId), height: text("height", "auto", groupId), childWidth: text("childWidth", "auto", groupId), padding: text("padding", "1rem", groupId), justifyContent: select("justify-content", justifyContent, "flexStart", groupId), disableScroll: boolean("disableScroll", false, groupId) },
-    React.createElement(LayoutContentBlock, { height: "3.5rem", width: "8rem", layoutName: "Component Child" }),
-    React.createElement(LayoutContentBlock, { height: "3.5rem", width: "8rem", layoutName: "Component Child 2" }),
-    React.createElement(LayoutContentBlock, { height: "3.5rem", width: "8rem", layoutName: "Component Child 3 " }),
-    React.createElement(LayoutContentBlock, { height: "3.5rem", width: "8rem", layoutName: "Component Child 4" }))); };

package/dist/src/components/atoms/layouts/examples/sidebar-example/SidebarExample.d.ts

@@ -1,7 +0,0 @@
-export default SidebarExample;
-declare function SidebarExample({ width, onRight, childGap, children }: {
-    width: any;
-    onRight: any;
-    childGap: any;
-    children: any;
-}): JSX.Element;

package/dist/src/components/atoms/layouts/examples/sidebar-example/SidebarExample.js

@@ -1,7 +0,0 @@
-import React from "react";
-import Sidebar from "../../Sidebar";
-var SidebarExample = function (_a) {
-    var width = _a.width, onRight = _a.onRight, childGap = _a.childGap, children = _a.children;
-    return (React.createElement(Sidebar, { width: width, sidebarOnRight: onRight, childGap: childGap }, children));
-};
-export default SidebarExample;

package/dist/src/components/atoms/layouts/examples/sidebar-example/SidebarExample.stories.d.ts

@@ -1,11 +0,0 @@
-declare namespace _default {
-    export const title: string;
-    export { SidebarExample as component };
-    export const decorators: ((storyFn: any) => JSX.Element)[];
-}
-export default _default;
-export function basicSidebar(): JSX.Element;
-export namespace basicSidebar {
-    const storyName: string;
-}
-import SidebarExample from "./SidebarExample";

package/dist/src/components/atoms/layouts/examples/sidebar-example/SidebarExample.stories.js

@@ -1,41 +0,0 @@
-import React from "react";
-import { text, radios } from "@storybook/addon-knobs";
-import SidebarExample from "./SidebarExample";
-//import Stack from "../../Stack";
-import Switcher from "../../Switcher";
-import Cover from "../../Cover";
-import Center from "../../Center";
-import FixedSizeContainer from "../FixedSizeContainer";
-import ResizingContainer from "../ResizingContainer";
-import LayoutContentBlock from "../LayoutContentBlock";
-export default {
-    title: "Layouts/Basic Layouts/Sidebar",
-    component: SidebarExample,
-    decorators: [
-        function (storyFn) { return (React.createElement(Cover, null,
-            React.createElement("div", null),
-            React.createElement(Center, null, storyFn()),
-            React.createElement("div", null))); }
-    ]
-};
-var label = "Animate";
-var options = {
-    play: "play",
-    pause: "pause"
-};
-var defaultValue = "pause";
-var groupID = "RADIO-GROUP-1";
-export var basicSidebar = function () { return (React.createElement(ResizingContainer, { animate: radios(label, options, defaultValue, groupID), containerMax: text("Container Max", "60rem"), containerMin: text("Container Min", "25rem"), padding: "1rem" },
-    React.createElement(SidebarExample, { childGap: "0.5rem", width: "15rem" },
-        React.createElement(FixedSizeContainer, null,
-            React.createElement(Switcher, { breakpoint: "15rem" },
-                React.createElement(LayoutContentBlock, { height: "3rem", width: "2rem", layoutName: "First Tab" }),
-                React.createElement(LayoutContentBlock, { height: "3rem", width: "2rem", layoutName: "Second Tab" }),
-                React.createElement(LayoutContentBlock, { height: "3rem", width: "2rem", layoutName: "Third Tab" }))),
-        React.createElement(FixedSizeContainer, null,
-            React.createElement(Cover, { minHeight: "75vh" },
-                React.createElement("div", null),
-                React.createElement(Center, null,
-                    React.createElement(LayoutContentBlock, { layoutName: "Some great content", width: "20rem", height: "400px" })),
-                React.createElement("div", null)))))); };
-basicSidebar.storyName = "Sidebar and content";

package/dist/src/components/atoms/layouts/examples/stack-example/StackExample.d.ts

@@ -1,7 +0,0 @@
-export default StackExample;
-declare function StackExample({ numChildren, childGap, bottomItem, fullHeight }: {
-    numChildren: any;
-    childGap: any;
-    bottomItem: any;
-    fullHeight: any;
-}): JSX.Element;

package/dist/src/components/atoms/layouts/examples/stack-example/StackExample.js

@@ -1,26 +0,0 @@
-var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
-    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
-        if (ar || !(i in from)) {
-            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
-            ar[i] = from[i];
-        }
-    }
-    return to.concat(ar || Array.prototype.slice.call(from));
-};
-import React from "react";
-import Stack from "../../Stack";
-import LayoutContentBlock from "../LayoutContentBlock";
-var generateChildren = function (number) {
-    var childArray = [];
-    for (var count = 0; count < number; count++) {
-        childArray = __spreadArray(__spreadArray([], childArray, true), [
-            React.createElement(LayoutContentBlock, { height: "2.5rem", layoutName: "Element ".concat(count + 1), key: "count ".concat(count) })
-        ], false);
-    }
-    return childArray;
-};
-var StackExample = function (_a) {
-    var numChildren = _a.numChildren, childGap = _a.childGap, bottomItem = _a.bottomItem, fullHeight = _a.fullHeight;
-    return (React.createElement(Stack, { childGap: childGap, bottomItem: bottomItem, fullHeight: fullHeight }, generateChildren(numChildren)));
-};
-export default StackExample;

package/dist/src/components/atoms/layouts/examples/stack-example/StackExample.stories.d.ts

@@ -1,21 +0,0 @@
-declare namespace _default {
-    export const title: string;
-    export { StackExample as component };
-    export const decorators: ((storyFn: any) => JSX.Element)[];
-}
-export default _default;
-export function basicStack(): JSX.Element;
-export namespace basicStack {
-    const storyName: string;
-}
-export function bottomItemStack(): JSX.Element;
-export namespace bottomItemStack {
-    const storyName_1: string;
-    export { storyName_1 as storyName };
-}
-export function splitStack(): JSX.Element;
-export namespace splitStack {
-    const storyName_2: string;
-    export { storyName_2 as storyName };
-}
-import StackExample from "./StackExample";

package/dist/src/components/atoms/layouts/examples/stack-example/StackExample.stories.js

@@ -1,26 +0,0 @@
-import React from "react";
-import { text, number, boolean } from "@storybook/addon-knobs";
-import StackExample from "./StackExample";
-import Cover from "../../Cover";
-import Center from "../../Center";
-import FixedSizeContainer from "../FixedSizeContainer";
-import { TROUT_GREY } from "../../../../../constants/colors";
-export default {
-    title: "Layouts/Basic Layouts/Stack",
-    component: StackExample,
-    decorators: [
-        function (storyFn) { return (React.createElement(Cover, null,
-            React.createElement("div", null),
-            React.createElement(Center, null, storyFn()),
-            React.createElement("div", null))); }
-    ]
-};
-export var basicStack = function () { return (React.createElement(FixedSizeContainer, { width: text("Container Width", "30rem"), height: text("Container Height", "auto"), border: text("Container Border", "2px solid ".concat(TROUT_GREY)) },
-    React.createElement(StackExample, { numChildren: number("Number of children", 4), childGap: text("Space between children", "1rem"), bottomItem: text("Bottom item", ""), fullHeight: boolean("Full height", false) }))); };
-basicStack.storyName = "Basic Stack";
-export var bottomItemStack = function () { return (React.createElement(FixedSizeContainer, { width: "30rem", height: "20rem", border: text("Container Border", "2px solid ".concat(TROUT_GREY)) },
-    React.createElement(StackExample, { numChildren: 4, bottomItem: 4, fullHeight: true }))); };
-bottomItemStack.storyName = "Bottom Item Stack";
-export var splitStack = function () { return (React.createElement(FixedSizeContainer, { width: "30rem", height: "20rem", border: text("Container Border", "2px solid ".concat(TROUT_GREY)) },
-    React.createElement(StackExample, { numChildren: 4, bottomItem: 3, fullHeight: true }))); };
-splitStack.storyName = "Split Stack";

package/dist/src/components/atoms/layouts/examples/switcher-example/SwitcherExample.d.ts

@@ -1,8 +0,0 @@
-export default SwitcherExample;
-declare function SwitcherExample({ numChildren, breakpoint, largeChild, largeChildSize, maxChildren }: {
-    numChildren: any;
-    breakpoint: any;
-    largeChild: any;
-    largeChildSize: any;
-    maxChildren: any;
-}): JSX.Element;

package/dist/src/components/atoms/layouts/examples/switcher-example/SwitcherExample.js

@@ -1,26 +0,0 @@
-var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
-    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
-        if (ar || !(i in from)) {
-            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
-            ar[i] = from[i];
-        }
-    }
-    return to.concat(ar || Array.prototype.slice.call(from));
-};
-import React from "react";
-import Switcher from "../../Switcher";
-import LayoutContentBlock from "../LayoutContentBlock";
-var generateChildren = function (number) {
-    var childArray = [];
-    for (var count = 0; count < number; count++) {
-        childArray = __spreadArray(__spreadArray([], childArray, true), [
-            React.createElement(LayoutContentBlock, { height: "3rem", layoutName: "Element ".concat(count + 1), key: "count ".concat(count) })
-        ], false);
-    }
-    return childArray;
-};
-var SwitcherExample = function (_a) {
-    var numChildren = _a.numChildren, breakpoint = _a.breakpoint, largeChild = _a.largeChild, largeChildSize = _a.largeChildSize, maxChildren = _a.maxChildren;
-    return (React.createElement(Switcher, { breakpoint: breakpoint, largeChild: largeChild, largeChildSize: largeChildSize, maxChildren: maxChildren }, generateChildren(numChildren)));
-};
-export default SwitcherExample;

package/dist/src/components/atoms/layouts/examples/switcher-example/SwitcherExample.stories.d.ts

@@ -1,16 +0,0 @@
-declare namespace _default {
-    export const title: string;
-    export { SwitcherExample as component };
-    export const decorators: ((storyFn: any) => JSX.Element)[];
-}
-export default _default;
-export function basicSwitcher(): JSX.Element;
-export namespace basicSwitcher {
-    const storyName: string;
-}
-export function childLimitSwitcher(): JSX.Element;
-export namespace childLimitSwitcher {
-    const storyName_1: string;
-    export { storyName_1 as storyName };
-}
-import SwitcherExample from "./SwitcherExample";

package/dist/src/components/atoms/layouts/examples/switcher-example/SwitcherExample.stories.js

@@ -1,30 +0,0 @@
-import React from "react";
-import { text, radios, number } from "@storybook/addon-knobs";
-import SwitcherExample from "./SwitcherExample";
-import Cover from "../../Cover";
-import Center from "../../Center";
-import FixedSizeContainer from "../FixedSizeContainer";
-import ResizingContainer from "../ResizingContainer";
-export default {
-    title: "Layouts/Basic Layouts/Switcher",
-    component: SwitcherExample,
-    decorators: [
-        function (storyFn) { return (React.createElement(Cover, null,
-            React.createElement("div", null),
-            React.createElement(Center, null, storyFn()),
-            React.createElement("div", null))); }
-    ]
-};
-var label = "Animate";
-var options = {
-    play: "play",
-    pause: "pause"
-};
-var defaultValue = "pause";
-var groupID = "RADIO-GROUP-1";
-export var basicSwitcher = function () { return (React.createElement(ResizingContainer, { animate: radios(label, options, defaultValue, groupID), containerMax: text("Container Max", "45rem"), containerMin: text("Container Min", "12.5rem") },
-    React.createElement(SwitcherExample, { numChildren: 4, breakpoint: text("Switcher Breakpoint", "30rem") }))); };
-basicSwitcher.storyName = "Resizing Switcher";
-export var childLimitSwitcher = function () { return (React.createElement(FixedSizeContainer, { width: text("Container Width", "40rem"), floatingLabel: "Switcher" },
-    React.createElement(SwitcherExample, { numChildren: number("Number of Children", 4), maxChildren: number("Max Children", 6), largeChild: number("Large Child", 2), largeChildSize: number("Large Child Size", 1) }))); };
-childLimitSwitcher.storyName = "Limited Children Switcher";

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

@@ -1,13 +0,0 @@
-import Box from "./Box.js";
-import Center from "./Center.js";
-import Cluster from "./Cluster.js";
-import Grid from "./Grid.js";
-import Sidebar from "./Sidebar.js";
-import Stack from "./Stack.js";
-import Cover from "./Cover.js";
-import Frame from "./Frame.js";
-import Switcher from "./Switcher.js";
-import Imposter from "./Imposter.js";
-import Motion from "./Motion.js";
-import Reel from "./Reel.js";
-export { Box, Center, Cluster, Grid, Sidebar, Stack, Cover, Frame, Switcher, Imposter, Motion, Reel };

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

@@ -1,13 +0,0 @@
-import Box from "./Box.js";
-import Center from "./Center.js";
-import Cluster from "./Cluster.js";
-import Grid from "./Grid.js";
-import Sidebar from "./Sidebar.js";
-import Stack from "./Stack.js";
-import Cover from "./Cover.js";
-import Frame from "./Frame.js";
-import Switcher from "./Switcher.js";
-import Imposter from "./Imposter.js";
-import Motion from "./Motion.js";
-import Reel from "./Reel.js";
-export { Box, Center, Cluster, Grid, Sidebar, Stack, Cover, Frame, Switcher, Imposter, Motion, Reel };

package/dist/src/components/atoms/line-item/LineItem.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/line-item/LineItem.js

@@ -1,14 +0,0 @@
-import React from "react";
-import { Cluster, Stack } from "../layouts";
-import Paragraph from "../paragraph";
-import { themeComponent } from "../../../util/themeUtils";
-import { fallbackValues } from "./LineItem.theme";
-var LineItem = function (_a) {
-    var description = _a.description, subDescription = _a.subDescription, amount = _a.amount, themeValues = _a.themeValues;
-    return (React.createElement(Cluster, { nowrap: true, justify: "space-between", align: "start" },
-        React.createElement(Stack, { childGap: "0px" },
-            React.createElement(Paragraph, { variant: themeValues.paragraphVariant, weight: themeValues.weightTitle }, description),
-            React.createElement(Paragraph, { variant: themeValues.paragraphVariant, weight: "400" }, subDescription)),
-        React.createElement(Paragraph, { variant: themeValues.paragraphVariant, weight: "600", extraStyles: "margin: 0; text-align: end; min-width: fit-content; padding-left: 32px;" }, amount)));
-};
-export default themeComponent(LineItem, "LineItem", fallbackValues, "default");

package/dist/src/components/atoms/line-item/LineItem.stories.d.ts

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

package/dist/src/components/atoms/line-item/LineItem.stories.js

@@ -1,10 +0,0 @@
-import React from "react";
-import { text } from "@storybook/addon-knobs";
-import LineItem from "./LineItem";
-import page from "../../../../.storybook/page";
-var story = page({
-    title: "Components|Atoms/LineItem",
-    Component: LineItem
-});
-export default story;
-export var lineItem = function () { return (React.createElement(LineItem, { description: text("description", "Foo", "props"), subDescription: text("subDescription", "Bar", "props"), amount: text("amount", "$4.00", "props") })); };

package/dist/src/components/atoms/line-item/LineItem.theme.d.ts

@@ -1,16 +0,0 @@
-export namespace fallbackValues {
-    export { weightTitle };
-    export { paragraphVariant };
-}
-declare namespace weightTitle {
-    const _default: string;
-    export { _default as default };
-    export const small: string;
-}
-declare namespace paragraphVariant {
-    const _default_1: string;
-    export { _default_1 as default };
-    const small_1: string;
-    export { small_1 as small };
-}
-export {};