@conveyorhq/arrow-ds 2.0.0-beta.1 → 2.0.0-beta.10

package/public/components/PropertyDiff/PropertyDiff.js

@@ -1,22 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.PropertyDiff = void 0;
-const react_1 = __importDefault(require("react"));
-const classnames_1 = __importDefault(require("classnames"));
-const Flex_1 = require("../Flex");
-const Icon_1 = require("../Icon");
-const Text_1 = require("../Text");
-const bem_1 = require("../../utilities/bem");
-const cn = "PropertyDiff";
-const PropertyDiff = (props) => {
-    const { property, oldValue, newValue, className, ...rest } = props;
-    return (react_1.default.createElement(Flex_1.Flex, Object.assign({ className: classnames_1.default(bem_1.bem(cn), className) }, rest),
-        property && (react_1.default.createElement(Text_1.Text, { as: "div", className: bem_1.bem(cn, { e: "property" }) }, property)),
-        oldValue && (react_1.default.createElement(Text_1.Text, { as: "div", className: bem_1.bem(cn, { e: "oldValue" }) }, oldValue)),
-        oldValue && newValue && (react_1.default.createElement(Icon_1.Icon, { className: bem_1.bem(cn, { e: "icon" }), icon: Icon_1.ICON_TYPE.LONG_ARROW_ALT_RIGHT })),
-        newValue && (react_1.default.createElement(Text_1.Text, { as: "div", className: bem_1.bem(cn, { e: "newValue" }) }, newValue))));
-};
-exports.PropertyDiff = PropertyDiff;

package/public/components/PropertyDiff/index.d.ts

@@ -1 +0,0 @@
-export * from "./PropertyDiff";

package/public/components/PropertyDiff/index.js

@@ -1,13 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./PropertyDiff"), exports);

package/public/components/Relative/Relative.d.ts

@@ -1,2 +0,0 @@
-import { BoxProps } from "../Box";
-export declare const Relative: (props: BoxProps) => JSX.Element;

package/public/components/Relative/Relative.js

@@ -1,14 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Relative = void 0;
-const react_1 = __importDefault(require("react"));
-const classnames_1 = __importDefault(require("classnames"));
-const Box_1 = require("../Box");
-const Relative = (props) => {
-    const { className, ...rest } = props;
-    return react_1.default.createElement(Box_1.Box, Object.assign({ className: classnames_1.default("relative", className) }, rest));
-};
-exports.Relative = Relative;

package/public/components/Relative/Relative.story.d.ts

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

package/public/components/Relative/Relative.story.js

@@ -1,12 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importDefault(require("react"));
-const react_2 = require("@storybook/react");
-const Story_1 = __importDefault(require("../../storybook-components/Story"));
-const Relative_1 = require("./Relative");
-const stories = react_2.storiesOf("Components/Positioning/Relative", module);
-stories.add("Default", () => (react_1.default.createElement(Story_1.default, { title: "Relative" },
-    react_1.default.createElement(Relative_1.Relative, null, "This is the Relative component"))));

package/public/components/Relative/index.d.ts

@@ -1 +0,0 @@
-export { Relative } from "./Relative";

package/public/components/Relative/index.js

@@ -1,5 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Relative = void 0;
-var Relative_1 = require("./Relative");
-Object.defineProperty(exports, "Relative", { enumerable: true, get: function () { return Relative_1.Relative; } });

package/public/components/SearchFilter/SearchFilter.d.ts

@@ -1,17 +0,0 @@
-import React from "react";
-import { BoxProps } from "../Box";
-export declare enum SEARCH_FILTER_DIRECTION {
-    LEFT = "left",
-    RIGHT = "right"
-}
-export interface SearchFilterProps extends BoxProps {
-    inputValue: string;
-    onInputChange: (event: React.ChangeEvent<HTMLInputElement>) => void;
-    onSearchSubmit: (event: React.FormEvent<HTMLFormElement>) => void;
-    onClear?: (event: React.MouseEvent<HTMLButtonElement>) => void;
-    autoClose?: boolean;
-    onClose?: () => void;
-    direction?: SEARCH_FILTER_DIRECTION;
-    placeholder?: string;
-}
-export declare const SearchFilter: ({ className, direction, placeholder, inputValue, onInputChange, onSearchSubmit, onClear, autoClose, onClose, ...rest }: SearchFilterProps) => JSX.Element;

package/public/components/SearchFilter/SearchFilter.js

@@ -1,103 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SearchFilter = exports.SEARCH_FILTER_DIRECTION = void 0;
-const classnames_1 = __importDefault(require("classnames"));
-const react_1 = __importStar(require("react"));
-const hooks_1 = require("../../hooks");
-const types_1 = require("../../types");
-const bem_1 = require("../../utilities/bem");
-const Box_1 = require("../Box");
-const Button_1 = require("../Button");
-const Flex_1 = require("../Flex");
-const Icon_1 = require("../Icon");
-const cn = "SearchFilter";
-var SEARCH_FILTER_DIRECTION;
-(function (SEARCH_FILTER_DIRECTION) {
-    SEARCH_FILTER_DIRECTION["LEFT"] = "left";
-    SEARCH_FILTER_DIRECTION["RIGHT"] = "right";
-})(SEARCH_FILTER_DIRECTION = exports.SEARCH_FILTER_DIRECTION || (exports.SEARCH_FILTER_DIRECTION = {}));
-const SearchFilter = ({ className, direction = SEARCH_FILTER_DIRECTION.LEFT, placeholder = "Search", inputValue, onInputChange, onSearchSubmit, onClear, autoClose = true, onClose, ...rest }) => {
-    const Component = autoClose ? "button" : "div";
-    const [isOpen, setIsOpen] = react_1.useState(!autoClose);
-    const searchElement = react_1.useRef(null);
-    const inputElement = react_1.useRef(null);
-    const focusInput = () => {
-        if (inputElement && inputElement.current) {
-            inputElement.current.focus();
-        }
-    };
-    const blurInput = () => {
-        if (inputElement && inputElement.current) {
-            inputElement.current.blur();
-        }
-    };
-    const openSearch = () => {
-        setIsOpen(true);
-        focusInput();
-    };
-    const closeSearch = () => {
-        setIsOpen(false);
-        blurInput();
-        if (onClose) {
-            onClose();
-        }
-    };
-    const toggleSearchInput = () => {
-        if (isOpen) {
-            closeSearch();
-        }
-        else {
-            openSearch();
-        }
-    };
-    const handleToggleClick = () => {
-        if (autoClose) {
-            toggleSearchInput();
-        }
-    };
-    hooks_1.useOutsideClick(searchElement, () => {
-        if (autoClose) {
-            closeSearch();
-        }
-    });
-    hooks_1.useKeyPress(types_1.KEY_CODE.ESC, () => {
-        if (autoClose) {
-            closeSearch();
-        }
-    });
-    const ToggleButton = () => {
-        return (react_1.default.createElement(Component, { className: classnames_1.default(bem_1.bem(cn, { e: "toggle-button" }), autoClose && bem_1.bem(cn, { e: "toggle-button", m: "autoClose" }), isOpen && bem_1.bem(cn, { e: "toggle-button", m: "isOpen" })), onClick: handleToggleClick },
-            react_1.default.createElement(Icon_1.Icon, { icon: Icon_1.ICON_TYPE.SEARCH })));
-    };
-    return (react_1.default.createElement(Box_1.Box, Object.assign({ ref: searchElement, className: classnames_1.default(className, bem_1.bem(cn), isOpen && bem_1.bem(cn, { m: "isOpen" }), bem_1.bem(cn, { m: direction })) }, rest),
-        direction === SEARCH_FILTER_DIRECTION.RIGHT && react_1.default.createElement(ToggleButton, null),
-        react_1.default.createElement("form", { onSubmit: onSearchSubmit },
-            react_1.default.createElement(Flex_1.Flex, { className: "items-center h-full" },
-                react_1.default.createElement("input", { ref: inputElement, className: classnames_1.default(bem_1.bem(cn, { e: "input" }), isOpen && bem_1.bem(cn, { e: "input", m: "isOpen" })), value: inputValue, placeholder: placeholder, tabIndex: isOpen ? 0 : -1, onChange: onInputChange, type: "text" }),
-                autoClose && isOpen && (react_1.default.createElement(Button_1.Button, { type: "submit", className: classnames_1.default(bem_1.bem(cn, { e: "submit-button" })), variant: Button_1.BUTTON_VARIANT.SECONDARY, icon: Icon_1.ICON_TYPE.ARROW_RIGHT })),
-                !autoClose && onClear && (react_1.default.createElement(Button_1.Button, { type: "button", className: classnames_1.default(bem_1.bem(cn, { e: "clear-button" }), !inputValue && "invisible"), variant: Button_1.BUTTON_VARIANT.SECONDARY, icon: Icon_1.ICON_TYPE.TIMES, onClick: onClear })))),
-        direction === SEARCH_FILTER_DIRECTION.LEFT && react_1.default.createElement(ToggleButton, null)));
-};
-exports.SearchFilter = SearchFilter;

package/public/components/SearchFilter/index.d.ts

@@ -1 +0,0 @@
-export * from "./SearchFilter";

package/public/components/SearchFilter/index.js

@@ -1,13 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./SearchFilter"), exports);

package/public/components/SpeechBubble/SpeechBubble.story.d.ts

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

package/public/components/SpeechBubble/SpeechBubble.story.js

@@ -1,19 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importDefault(require("react"));
-const react_2 = require("@storybook/react");
-const Story_1 = __importDefault(require("../../storybook-components/Story"));
-const Examples_1 = __importDefault(require("../../storybook-components/Examples"));
-const SpeechBubble_1 = require("./SpeechBubble");
-const stories = react_2.storiesOf("Components/Data/Speech Bubble", module);
-const placementOptions = [
-    "top-start",
-    "top-end",
-    "bottom-start",
-    "bottom-end",
-];
-stories.add("Default", () => (react_1.default.createElement(Story_1.default, { title: "SpeechBubble" },
-    react_1.default.createElement(Examples_1.default, null, placementOptions.map((placement) => (react_1.default.createElement(SpeechBubble_1.SpeechBubble, { "data-placement": placement }, "This is the SpeechBubble component")))))));

package/public/components/StatusLabel/StatusLabel.d.ts

@@ -1,16 +0,0 @@
-import { BoxProps } from "../Box";
-import { STATUS_VARIANT } from "../../types";
-import { ICON_TYPE } from "../Icon";
-export declare enum STATUS_LABEL_ICON_POSITION {
-    LEFT = "left",
-    RIGHT = "right"
-}
-export interface StatusLabelProps extends BoxProps {
-    icon?: ICON_TYPE;
-    iconPosition?: STATUS_LABEL_ICON_POSITION;
-    iconFontSize?: string;
-    variant?: STATUS_VARIANT;
-    colorLabel?: boolean;
-    removeIcon?: boolean;
-}
-export declare const StatusLabel: (props: StatusLabelProps) => JSX.Element;

package/public/components/StatusLabel/StatusLabel.js

@@ -1,40 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.StatusLabel = exports.STATUS_LABEL_ICON_POSITION = void 0;
-const react_1 = __importDefault(require("react"));
-const classnames_1 = __importDefault(require("classnames"));
-const Box_1 = require("../Box");
-const bem_1 = require("../../utilities/bem");
-const types_1 = require("../../types");
-const Flex_1 = require("../Flex");
-const Icon_1 = require("../Icon");
-const Text_1 = require("../Text");
-const cn = "StatusLabel";
-var STATUS_LABEL_ICON_POSITION;
-(function (STATUS_LABEL_ICON_POSITION) {
-    STATUS_LABEL_ICON_POSITION["LEFT"] = "left";
-    STATUS_LABEL_ICON_POSITION["RIGHT"] = "right";
-})(STATUS_LABEL_ICON_POSITION = exports.STATUS_LABEL_ICON_POSITION || (exports.STATUS_LABEL_ICON_POSITION = {}));
-const StatusIcon = ({ icon, iconPosition, iconFontSize, variant, }) => (react_1.default.createElement(Icon_1.Icon, { style: { fontSize: iconFontSize }, className: classnames_1.default(bem_1.bem(cn, { e: "icon" }), bem_1.bem(cn, { e: "icon", m: variant }), { right: "ml-1", left: "mr-1" }[iconPosition === STATUS_LABEL_ICON_POSITION.RIGHT ? "right" : "left"]), icon: icon }));
-const StatusText = ({ children, variant, colorLabel }) => (react_1.default.createElement(Text_1.Text, { className: classnames_1.default(bem_1.bem(cn, { e: "label" }), colorLabel && bem_1.bem(cn, { e: "label", m: variant })) }, children));
-const StatusLabel = (props) => {
-    const { icon = Icon_1.ICON_TYPE.CIRCLE, iconPosition = STATUS_LABEL_ICON_POSITION.LEFT, iconFontSize = "60%", variant = types_1.STATUS_VARIANT.DEFAULT, colorLabel, removeIcon, className, children, ...rest } = props;
-    const iconProps = {
-        icon,
-        iconPosition,
-        iconFontSize,
-        variant,
-    };
-    if (removeIcon) {
-        return (react_1.default.createElement(Box_1.Box, Object.assign({ className: classnames_1.default(bem_1.bem(cn), className) }, rest),
-            react_1.default.createElement(StatusText, { colorLabel: colorLabel, variant: variant }, children)));
-    }
-    return (react_1.default.createElement(Flex_1.Flex, Object.assign({ className: classnames_1.default(bem_1.bem(cn), className) }, rest),
-        iconPosition === STATUS_LABEL_ICON_POSITION.LEFT && (react_1.default.createElement(StatusIcon, Object.assign({}, iconProps))),
-        react_1.default.createElement(StatusText, { colorLabel: colorLabel, variant: variant }, children),
-        iconPosition === STATUS_LABEL_ICON_POSITION.RIGHT && (react_1.default.createElement(StatusIcon, Object.assign({}, iconProps)))));
-};
-exports.StatusLabel = StatusLabel;

package/public/components/StatusLabel/index.d.ts

@@ -1 +0,0 @@
-export * from "./StatusLabel";

package/public/components/StatusLabel/index.js

@@ -1,13 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./StatusLabel"), exports);

package/public/components/StatusPanel/StatusPanel.d.ts

@@ -1,11 +0,0 @@
-import { BoxProps } from "../Box";
-import { STATUS_VARIANT } from "../../types";
-export interface StatusPanelProps extends BoxProps {
-    variant?: STATUS_VARIANT;
-    hoverable?: boolean;
-}
-declare const StatusPanel: {
-    (props: StatusPanelProps): JSX.Element;
-    defaultProps: Partial<StatusPanelProps>;
-};
-export { StatusPanel };

package/public/components/StatusPanel/StatusPanel.js

@@ -1,24 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.StatusPanel = void 0;
-const react_1 = __importDefault(require("react"));
-const classnames_1 = __importDefault(require("classnames"));
-const Box_1 = require("../Box");
-const bem_1 = require("../../utilities/bem");
-const types_1 = require("../../types");
-const cn = "StatusPanel";
-const defaultStatusPanelProps = {
-    variant: types_1.STATUS_VARIANT.DEFAULT,
-    hoverable: false,
-};
-const StatusPanel = (props) => {
-    const { variant = defaultStatusPanelProps.variant, hoverable = defaultStatusPanelProps.hoverable, className, children, ...rest } = props;
-    return (react_1.default.createElement(Box_1.Box, Object.assign({ className: classnames_1.default(bem_1.bem(cn, { e: "wrapper" }), className) }, rest),
-        react_1.default.createElement(Box_1.Box, { className: classnames_1.default(bem_1.bem(cn), hoverable && bem_1.bem(cn, { m: "hoverable" }), bem_1.bem(cn, { m: variant })) }, children),
-        react_1.default.createElement(Box_1.Box, { className: classnames_1.default(bem_1.bem(cn, { e: "accent" }), bem_1.bem(cn, { e: "accent", m: variant })) })));
-};
-exports.StatusPanel = StatusPanel;
-StatusPanel.defaultProps = defaultStatusPanelProps;

package/public/components/StatusPanel/index.d.ts

@@ -1 +0,0 @@
-export * from "./StatusPanel";

package/public/components/StatusPanel/index.js

@@ -1,13 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./StatusPanel"), exports);

package/public/components/Sticky/Sticky.d.ts

@@ -1,2 +0,0 @@
-import { BoxProps } from "../Box";
-export declare const Sticky: (props: BoxProps) => JSX.Element;

package/public/components/Sticky/Sticky.js

@@ -1,14 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Sticky = void 0;
-const react_1 = __importDefault(require("react"));
-const classnames_1 = __importDefault(require("classnames"));
-const Box_1 = require("../Box");
-const Sticky = (props) => {
-    const { className, ...rest } = props;
-    return react_1.default.createElement(Box_1.Box, Object.assign({ className: classnames_1.default("sticky", className) }, rest));
-};
-exports.Sticky = Sticky;

package/public/components/Sticky/Sticky.story.d.ts

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

package/public/components/Sticky/Sticky.story.js

@@ -1,12 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importDefault(require("react"));
-const react_2 = require("@storybook/react");
-const Story_1 = __importDefault(require("../../storybook-components/Story"));
-const Sticky_1 = require("./Sticky");
-const stories = react_2.storiesOf("Components/Positioning/Sticky", module);
-stories.add("Default", () => (react_1.default.createElement(Story_1.default, { title: "Sticky" },
-    react_1.default.createElement(Sticky_1.Sticky, null, "This is the Sticky component"))));

package/public/components/Sticky/index.d.ts

@@ -1 +0,0 @@
-export { Sticky } from "./Sticky";

package/public/components/Sticky/index.js

@@ -1,5 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Sticky = void 0;
-var Sticky_1 = require("./Sticky");
-Object.defineProperty(exports, "Sticky", { enumerable: true, get: function () { return Sticky_1.Sticky; } });

package/public/components/Svg/Svg.story.d.ts

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

package/public/components/Svg/Svg.story.js

@@ -1,14 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importDefault(require("react"));
-const react_2 = require("@storybook/react");
-const Story_1 = __importDefault(require("../../storybook-components/Story"));
-const tokens_1 = require("../../tokens");
-const Svg_1 = require("./Svg");
-const stories = react_2.storiesOf("Components/Images/Svg", module);
-stories.add("Default", () => (react_1.default.createElement(Story_1.default, { title: "Svg" },
-    react_1.default.createElement(Svg_1.Svg, { viewBox: "0 0 300 100", fill: tokens_1.colors.gray["900"] },
-        react_1.default.createElement("circle", { cx: "50", cy: "50", r: "40" })))));

package/public/components/Text/Text.story.d.ts

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

package/public/components/Text/Text.story.js

@@ -1,31 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const React = __importStar(require("react"));
-const react_1 = require("@storybook/react");
-const Story_1 = __importDefault(require("../../storybook-components/Story"));
-const Text_1 = require("./Text");
-const stories = react_1.storiesOf("Components/Typography/Text", module);
-stories.add("Default", () => (React.createElement(Story_1.default, { title: "Text" },
-    React.createElement(Text_1.Text, null, "This is the Text component"))));

package/public/components/TopBar/TopBar.d.ts

@@ -1,14 +0,0 @@
-import { ReactNode } from "react";
-import { BoxProps } from "../Box";
-export interface TopBarProps extends BoxProps {
-    leftSlot: ReactNode;
-    middleSlot?: ReactNode;
-    rightSlot?: ReactNode;
-}
-declare const TopBar: {
-    ({ leftSlot, middleSlot, rightSlot, className, ...rest }: TopBarProps): JSX.Element;
-    SubNav: (props: BoxProps) => JSX.Element;
-    SubNavItem: (props: import("./TopBarSubNavItem").SubNavItemProps) => JSX.Element;
-    Breadcrumbs: (props: import("./TopBarBreadcrumbs").BreadcrumbsProps) => JSX.Element;
-};
-export { TopBar };

package/public/components/TopBar/TopBar.js

@@ -1,24 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.TopBar = void 0;
-const react_1 = __importDefault(require("react"));
-const classnames_1 = __importDefault(require("classnames"));
-const Flex_1 = require("../Flex");
-const bem_1 = require("../../utilities/bem");
-const TopBarSubNavItem_1 = require("./TopBarSubNavItem");
-const TopBarSubNav_1 = require("./TopBarSubNav");
-const TopBarBreadcrumbs_1 = require("./TopBarBreadcrumbs");
-const b = bem_1.bemHOF("TopBar");
-const TopBar = ({ leftSlot, middleSlot, rightSlot, className, ...rest }) => {
-    return (react_1.default.createElement(Flex_1.Flex, Object.assign({ className: classnames_1.default(b(), className) }, rest),
-        react_1.default.createElement(Flex_1.Flex, { className: b({ e: "left-slot" }) }, leftSlot),
-        middleSlot && (react_1.default.createElement(Flex_1.Flex, { className: b({ e: "middle-slot" }) }, middleSlot)),
-        rightSlot && react_1.default.createElement(Flex_1.Flex, { className: b({ e: "right-slot" }) }, rightSlot)));
-};
-exports.TopBar = TopBar;
-TopBar.SubNav = TopBarSubNav_1.TopBarSubNav;
-TopBar.SubNavItem = TopBarSubNavItem_1.TopBarSubNavItem;
-TopBar.Breadcrumbs = TopBarBreadcrumbs_1.TopBarBreadcrumbs;

package/public/components/TopBar/TopBarBreadcrumbs.d.ts

@@ -1,10 +0,0 @@
-import { BoxProps } from "../Box";
-import { LinkProps } from "../Link";
-export interface BreadcrumbsProps extends BoxProps {
-    currentPageTitle: string;
-    currentPageSubtitle?: string;
-    parentTitle?: string;
-    parentLinkTitle?: string;
-    parentLinkProps?: LinkProps;
-}
-export declare const TopBarBreadcrumbs: (props: BreadcrumbsProps) => JSX.Element;

package/public/components/TopBar/TopBarBreadcrumbs.js

@@ -1,34 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.TopBarBreadcrumbs = void 0;
-const react_1 = __importDefault(require("react"));
-const classnames_1 = __importDefault(require("classnames"));
-const Box_1 = require("../Box");
-const Link_1 = require("../Link");
-const bem_1 = require("../../utilities/bem");
-const Icon_1 = require("../Icon");
-const Flex_1 = require("../Flex");
-const Text_1 = require("../Text");
-const b = bem_1.bemHOF("TopBar");
-const TopBarBreadcrumbs = (props) => {
-    const { className, currentPageTitle, currentPageSubtitle, parentTitle, parentLinkTitle, parentLinkProps, ...rest } = props;
-    let parentElement = null;
-    if (parentLinkTitle) {
-        const propsClasses = parentLinkProps !== undefined ? parentLinkProps.className : undefined;
-        const linkClasses = classnames_1.default(b({ e: "bc-parent" }), b({ e: "bc-parent", m: "link" }), propsClasses);
-        parentElement = (react_1.default.createElement(Link_1.Link, Object.assign({ noStyles: true }, parentLinkProps, { className: linkClasses }),
-            react_1.default.createElement(Icon_1.Icon, { icon: Icon_1.ICON_TYPE.LEVEL_UP_ALT, flip: "horizontal", className: b({ e: "bc-parent-link-icon" }) }),
-            parentLinkTitle));
-    }
-    if (parentTitle) {
-        parentElement = (react_1.default.createElement(Box_1.Box, { className: classnames_1.default(b({ e: "bc-parent" }), b({ e: "bc-parent", m: "title" })) }, parentTitle));
-    }
-    return (react_1.default.createElement(Flex_1.Flex, Object.assign({ className: classnames_1.default(b({ e: "bc" }), className) }, rest),
-        parentElement,
-        react_1.default.createElement(Text_1.Text, { as: "span", className: b({ e: "bc-page-title" }) }, currentPageTitle),
-        currentPageSubtitle && (react_1.default.createElement(Text_1.Text, { as: "span", className: b({ e: "bc-page-subtitle" }) }, currentPageSubtitle))));
-};
-exports.TopBarBreadcrumbs = TopBarBreadcrumbs;

package/public/components/TopBar/TopBarSubNav.d.ts

@@ -1,2 +0,0 @@
-import { BoxProps } from "../Box";
-export declare const TopBarSubNav: (props: BoxProps) => JSX.Element;

package/public/components/TopBar/TopBarSubNav.js

@@ -1,16 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.TopBarSubNav = void 0;
-const react_1 = __importDefault(require("react"));
-const classnames_1 = __importDefault(require("classnames"));
-const Flex_1 = require("../Flex");
-const bem_1 = require("../../utilities/bem");
-const b = bem_1.bemHOF("TopBar");
-const TopBarSubNav = (props) => {
-    const { className, ...rest } = props;
-    return (react_1.default.createElement(Flex_1.Flex, Object.assign({ as: "nav", className: classnames_1.default(b({ e: "subnav" }), className) }, rest)));
-};
-exports.TopBarSubNav = TopBarSubNav;

package/public/components/TopBar/TopBarSubNavItem.d.ts

@@ -1,5 +0,0 @@
-import { LinkProps } from "../Link";
-export interface SubNavItemProps extends LinkProps {
-    isActive?: boolean;
-}
-export declare const TopBarSubNavItem: (props: SubNavItemProps) => JSX.Element;

package/public/components/TopBar/TopBarSubNavItem.js

@@ -1,17 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.TopBarSubNavItem = void 0;
-const react_1 = __importDefault(require("react"));
-const classnames_1 = __importDefault(require("classnames"));
-const Link_1 = require("../Link");
-const bem_1 = require("../../utilities/bem");
-const b = bem_1.bemHOF("TopBar");
-const TopBarSubNavItem = (props) => {
-    const { isActive = false, className, ...rest } = props;
-    const classes = classnames_1.default(b({ e: "subnav-item" }), { [b({ e: "subnav-item", m: "isActive" })]: isActive }, className);
-    return react_1.default.createElement(Link_1.Link, Object.assign({ className: classes, noStyles: true }, rest));
-};
-exports.TopBarSubNavItem = TopBarSubNavItem;

package/public/components/TopBar/index.d.ts

@@ -1 +0,0 @@
-export * from "./TopBar";