@nypl/design-system-react-components 2.0.0 → 2.1.0-rc

package/lib/components/01-atoms/Forms/FormDropdown.stories.d.ts

@@ -1,8 +0,0 @@
-import FormDropdown from "./FormDropdown";
-declare const _default: {
-    title: string;
-    component: typeof FormDropdown;
-};
-export default _default;
-export declare const dropdown: () => JSX.Element;
-export declare const dropdownWithSelected: () => JSX.Element;

package/lib/components/01-atoms/Forms/FormDropdown.stories.js

@@ -1,22 +0,0 @@
-"use strict";
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (Object.hasOwnProperty.call(mod, k)) result[k] = mod[k];
-    result["default"] = 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 FormDropdown_1 = __importDefault(require("./FormDropdown"));
-const addon_actions_1 = require("@storybook/addon-actions");
-const addon_knobs_1 = require("@storybook/addon-knobs");
-exports.default = {
-    title: "FormDropdown",
-    component: FormDropdown_1.default
-};
-exports.dropdown = () => React.createElement(FormDropdown_1.default, { dropdownId: "baaah", isRequired: false, ariaLabel: "search", options: ["one", "two", addon_knobs_1.text("third option", "three")], onSelectBlur: addon_actions_1.action("blur"), onSelectChange: addon_actions_1.action("changed") });
-exports.dropdownWithSelected = () => React.createElement(FormDropdown_1.default, { dropdownId: "baaah", isRequired: false, ariaLabel: "search", selectedOption: "two", options: ["one", "two"], onSelectBlur: addon_actions_1.action("blur"), onSelectChange: addon_actions_1.action("changed") });

package/lib/components/01-atoms/Forms/HelperErrorText.d.ts

@@ -1,26 +0,0 @@
-import * as React from "react";
-export interface HelperErrorTextOptions {
-    content?: JSX.Element;
-    id?: string;
-    isError?: boolean;
-    modifiers?: string[];
-    blockName?: string;
-    baseClass?: string;
-}
-interface HelperErrorTextProps {
-    /** unique ID for helper */
-    id: string;
-    /** Toggles between helper and error styling */
-    isError: boolean;
-    /** Optional modifiers array for use with BEM. See how to work with modifiers and BEM here: http://getbem.com/introduction/ */
-    modifiers?: string[];
-    /** Optional blockName for use with BEM. See how to work with blockNames and BEM here: http://getbem.com/introduction/ */
-    blockName?: string;
-    /** Optional baseClass for use with BEM. See how to work with blockNames and BEM here: http://getbem.com/introduction/ */
-    baseClass?: string;
-}
-/**
- * Helper or Error text for forms
- */
-export default function HelperErrorText(props: React.PropsWithChildren<HelperErrorTextProps>): JSX.Element;
-export {};

package/lib/components/01-atoms/Forms/HelperErrorText.js

@@ -1,29 +0,0 @@
-"use strict";
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (Object.hasOwnProperty.call(mod, k)) result[k] = mod[k];
-    result["default"] = 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 bem_1 = __importDefault(require("../../../utils/bem"));
-/**
- * Helper or Error text for forms
- */
-function HelperErrorText(props) {
-    const { id, blockName = "input-description", baseClass = "form-item", isError } = props;
-    let modifiers = [];
-    if (isError) {
-        modifiers.push("error");
-    }
-    if (props.modifiers) {
-        modifiers.push(...props.modifiers);
-    }
-    return React.createElement("span", { id: id, className: bem_1.default(blockName, modifiers, baseClass) }, props.children);
-}
-exports.default = HelperErrorText;

package/lib/components/01-atoms/Forms/HelperErrorText.stories.d.ts

@@ -1,9 +0,0 @@
-import HelperErrorText from "./HelperErrorText";
-declare const _default: {
-    title: string;
-    component: typeof HelperErrorText;
-};
-export default _default;
-export declare const helperTextWithLink: () => JSX.Element;
-export declare const errorText: () => JSX.Element;
-export declare const longHelperText: () => JSX.Element;

package/lib/components/01-atoms/Forms/HelperErrorText.stories.js

@@ -1,23 +0,0 @@
-"use strict";
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (Object.hasOwnProperty.call(mod, k)) result[k] = mod[k];
-    result["default"] = 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 HelperErrorText_1 = __importDefault(require("./HelperErrorText"));
-exports.default = {
-    title: "HelperErrorText",
-    component: HelperErrorText_1.default,
-};
-exports.helperTextWithLink = () => React.createElement(HelperErrorText_1.default, { id: "helperTextWithLink", isError: false },
-    "If you're unsure of your size, please view the ",
-    React.createElement("a", { href: "#sizing-chart" }, "Sizing Chart"));
-exports.errorText = () => React.createElement(HelperErrorText_1.default, { id: "helpertextWithError", isError: true }, "Error Message");
-exports.longHelperText = () => React.createElement(HelperErrorText_1.default, { id: "longHelperText", isError: false }, "Souffl\u00E9 jujubes cupcake chocolate bar topping. Lollipop sesame snaps tootsie roll liquorice sweet chupa chups. Gummi bears tart sweet roll tiramisu biscuit cookie cake. Cookie chocolate jelly-o topping. Halvah bear claw wafer cupcake tiramisu ice cream tart gummi bears. Lemon drops chocolate cake croissant lemon drops gummies ice cream sugar plum.");

package/lib/components/01-atoms/Forms/Input.d.ts

@@ -1,47 +0,0 @@
-import * as React from "react";
-import { HelperErrorTextOptions } from "./HelperErrorText";
-export interface InputOptions {
-    baseClass?: string;
-    blockName?: string;
-    labelId?: string;
-    labelContent?: JSX.Element;
-    inputId?: string;
-    inputType?: string;
-    inputValue?: string | number;
-    onInputChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
-    isRequired?: boolean;
-    helperContentOpts?: HelperErrorTextOptions;
-    errorContentOpts?: HelperErrorTextOptions;
-    showError?: boolean;
-}
-interface InputProps {
-    /** Optional baseClass for use with BEM. See how to work with blockNames and BEM here: http://getbem.com/introduction/ */
-    baseClass?: string;
-    /** Optional blockName for use with BEM. See how to work with blockNames and BEM here: http://getbem.com/introduction/ */
-    blockName?: string;
-    /** The Label ID for the input */
-    labelId: string;
-    /** The label content for the input */
-    labelContent: JSX.Element;
-    /** The unique ID of the input */
-    inputId: string;
-    /** The HTML inputType */
-    inputType?: string;
-    /** The current input value */
-    inputValue?: string | number;
-    /** The action to perform on the <input>'s onChange function  */
-    onInputChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
-    /** Whether the "required" flag is shown */
-    isRequired?: boolean;
-    /** The input helper text */
-    helperContentOpts?: HelperErrorTextOptions;
-    /** The input error text */
-    errorContentOpts?: HelperErrorTextOptions;
-    /** Whether the input is currently in an error state */
-    showError?: boolean;
-}
-/**
- * An Input field that labels a TextField and has Helpers or Errors
- */
-export default function Input(props: InputProps): JSX.Element;
-export {};

package/lib/components/01-atoms/Forms/Input.js

@@ -1,39 +0,0 @@
-"use strict";
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (Object.hasOwnProperty.call(mod, k)) result[k] = mod[k];
-    result["default"] = 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 bem_1 = __importDefault(require("../../../utils/bem"));
-const TextField_1 = __importDefault(require("../../01-atoms/Forms/TextField"));
-const Label_1 = __importDefault(require("./Label"));
-const HelperErrorText_1 = __importDefault(require("./HelperErrorText"));
-/**
- * An Input field that labels a TextField and has Helpers or Errors
- */
-function Input(props) {
-    const { baseClass = "input", blockName = "form-item", labelId, labelContent, inputId, inputType = "text", inputValue, onInputChange, isRequired, helperContentOpts, errorContentOpts, showError } = props;
-    if (showError && !errorContentOpts) {
-        throw new Error("Error should be shown, but no errorContentOpts passed");
-    }
-    let labelOptions = { id: labelId, labelContent: labelContent, referenceId: inputId };
-    let textFieldOptions = { id: inputId, ariaLabelledBy: labelId, value: inputValue, isRequired: isRequired, type: inputType, onChange: onInputChange };
-    return (React.createElement("div", { className: bem_1.default(blockName, [], baseClass) },
-        React.createElement("div", { className: "label-container" },
-            React.createElement("div", { className: bem_1.default("label", [], baseClass) },
-                React.createElement(Label_1.default, { referenceId: labelOptions.referenceId, id: labelOptions.id }, labelOptions.labelContent)),
-            isRequired && React.createElement("span", { className: bem_1.default("required-message", [], baseClass) }, "Required")),
-        React.createElement(TextField_1.default, Object.assign({ id: inputId }, textFieldOptions)),
-        helperContentOpts && React.createElement("div", { className: bem_1.default("help-text", [], baseClass) },
-            React.createElement(HelperErrorText_1.default, { id: helperContentOpts.id, isError: false }, helperContentOpts.content)),
-        showError && React.createElement("div", { className: bem_1.default("error-text", [], baseClass) },
-            React.createElement(HelperErrorText_1.default, { id: errorContentOpts.id, isError: true }, errorContentOpts.content))));
-}
-exports.default = Input;

package/lib/components/01-atoms/Forms/Input.stories.d.ts

@@ -1,10 +0,0 @@
-import Input from "./Input";
-declare const _default: {
-    title: string;
-    component: typeof Input;
-};
-export default _default;
-export declare const input: () => JSX.Element;
-export declare const inputWithHelper: () => JSX.Element;
-export declare const inputRequiredWithError: () => JSX.Element;
-export declare const inputRequiredWithHelperAndError: () => JSX.Element;

package/lib/components/01-atoms/Forms/Input.stories.js

@@ -1,22 +0,0 @@
-"use strict";
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (Object.hasOwnProperty.call(mod, k)) result[k] = mod[k];
-    result["default"] = 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 Input_1 = __importDefault(require("./Input"));
-exports.default = {
-    title: "Input",
-    component: Input_1.default,
-};
-exports.input = () => React.createElement(Input_1.default, { labelId: "blah", labelContent: React.createElement(React.Fragment, null, "Label"), inputId: "blah", isRequired: false });
-exports.inputWithHelper = () => React.createElement(Input_1.default, { labelId: "blah", labelContent: React.createElement(React.Fragment, null, "Label"), inputId: "blah", helperContentOpts: { id: "blah", content: React.createElement(React.Fragment, null, "This is some helpful text") } });
-exports.inputRequiredWithError = () => React.createElement(Input_1.default, { labelId: "blah", labelContent: React.createElement(React.Fragment, null, "Label"), inputId: "blah", isRequired: true, errorContentOpts: { id: "blah", content: React.createElement(React.Fragment, null, "Error Message Lorem Ipsum") }, showError: true });
-exports.inputRequiredWithHelperAndError = () => React.createElement(Input_1.default, { labelId: "blah", labelContent: React.createElement(React.Fragment, null, "Label"), inputId: "blah", isRequired: true, helperContentOpts: { id: "blah", content: React.createElement(React.Fragment, null, "This is some helpful text") }, errorContentOpts: { id: "blah", content: React.createElement(React.Fragment, null, "Error Message Lorem Ipsum") }, showError: true });

package/lib/components/01-atoms/Forms/Label.d.ts

@@ -1,19 +0,0 @@
-import * as React from "react";
-export interface LabelOptions {
-    labelContent?: JSX.Element;
-    id: string;
-    referenceId?: string;
-}
-interface LabelProps {
-    id: string;
-    /** The id of the html element that this Label is describing */
-    referenceId: string;
-}
-/** A Label for form inputs.
- * It should never be used alone.
- */
-export default function Label(props: React.PropsWithChildren<LabelProps>): React.DetailedReactHTMLElement<{
-    id: string;
-    htmlFor: string;
-}, HTMLElement>;
-export {};

package/lib/components/01-atoms/Forms/Label.js

@@ -1,22 +0,0 @@
-"use strict";
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (Object.hasOwnProperty.call(mod, k)) result[k] = mod[k];
-    result["default"] = mod;
-    return result;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const React = __importStar(require("react"));
-/** A Label for form inputs.
- * It should never be used alone.
- */
-function Label(props) {
-    const { id, referenceId } = props;
-    let attributes = {
-        id: id,
-        htmlFor: referenceId
-    };
-    return React.createElement("label", attributes, props.children);
-}
-exports.default = Label;

package/lib/components/01-atoms/Forms/Label.stories.d.ts

@@ -1,7 +0,0 @@
-import Label from "./Label";
-declare const _default: {
-    title: string;
-    component: typeof Label;
-};
-export default _default;
-export declare const label: () => JSX.Element;

package/lib/components/01-atoms/Forms/Label.stories.js

@@ -1,20 +0,0 @@
-"use strict";
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (Object.hasOwnProperty.call(mod, k)) result[k] = mod[k];
-    result["default"] = 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 Label_1 = __importDefault(require("./Label"));
-exports.default = {
-    title: "Label",
-    component: Label_1.default,
-};
-exports.label = () => React.createElement(Label_1.default, { id: "label-id", referenceId: "should-never-be-used-alone" },
-    React.createElement("div", null, "Lonely"));

package/lib/components/01-atoms/Forms/TextField.d.ts

@@ -1,26 +0,0 @@
-import * as React from "react";
-export interface TextFieldOptions {
-    id?: string;
-    ariaLabel?: string;
-    ariaLabelledBy?: string;
-    isRequired?: boolean;
-    blockName?: string;
-    modifiers?: string[];
-    value?: string | number;
-    placeholderText?: string;
-    type?: string;
-    onChange?: (event: React.FormEvent) => void;
-}
-export interface TextFieldProps {
-    id: string;
-    ariaLabel?: string;
-    ariaLabelledBy?: string;
-    isRequired?: boolean;
-    blockName?: string;
-    modifiers?: string[];
-    value?: string | number;
-    placeholderText?: string;
-    type?: string;
-    onChange?: (event: React.FormEvent) => void;
-}
-export default function TextField(props: TextFieldProps): JSX.Element;

package/lib/components/01-atoms/Forms/TextField.js

@@ -1,36 +0,0 @@
-"use strict";
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (Object.hasOwnProperty.call(mod, k)) result[k] = mod[k];
-    result["default"] = mod;
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-// AF-239 Text Field
-const React = __importStar(require("react"));
-const bem_1 = __importDefault(require("../../../utils/bem"));
-function TextField(props) {
-    const { id, ariaLabel, ariaLabelledBy, isRequired = "false", blockName, modifiers, value, placeholderText, type = "text", onChange } = props;
-    let textfieldBlockName = blockName ? blockName : "form-item";
-    if (!ariaLabel && !ariaLabelledBy) {
-        throw new Error("Either label or ariaLabel must be defined");
-    }
-    let textFieldProps = {
-        className: bem_1.default("input", modifiers, textfieldBlockName),
-        type: type,
-        value: value,
-        onChange: onChange,
-        "aria-label": !ariaLabelledBy ? ariaLabel : undefined,
-        "aria-labelledby": ariaLabelledBy
-    };
-    if (isRequired) {
-        textFieldProps["aria-required"] = true;
-    }
-    let transformedTextField = React.createElement("input", Object.assign({ id: `input-${id}` }, textFieldProps, { placeholder: placeholderText }));
-    return transformedTextField;
-}
-exports.default = TextField;

package/lib/components/01-atoms/Forms/TextField.stories.d.ts

@@ -1,7 +0,0 @@
-import TextField from "./TextField";
-declare const _default: {
-    title: string;
-    component: typeof TextField;
-};
-export default _default;
-export declare const textField: () => JSX.Element;

package/lib/components/01-atoms/Forms/TextField.stories.js

@@ -1,20 +0,0 @@
-"use strict";
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (Object.hasOwnProperty.call(mod, k)) result[k] = mod[k];
-    result["default"] = 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 TextField_1 = __importDefault(require("./TextField"));
-const addon_actions_1 = require("@storybook/addon-actions");
-exports.default = {
-    title: "TextField",
-    component: TextField_1.default,
-};
-exports.textField = () => React.createElement(TextField_1.default, { id: "text-field", ariaLabel: "text field", isRequired: false, onChange: addon_actions_1.action("changed") });

package/lib/components/01-atoms/Images/Icons/Icon.d.ts

@@ -1,14 +0,0 @@
-import * as React from "react";
-export interface IconProps {
-    name: string;
-    blockName?: string;
-    modifiers?: string[];
-    decorative: boolean;
-    role?: string;
-    title?: boolean;
-    desc?: boolean;
-}
-export default class Icon extends React.Component<IconProps, {}> {
-    constructor(props: IconProps);
-    render(): JSX.Element;
-}

package/lib/components/01-atoms/Images/Icons/Icon.js

@@ -1,38 +0,0 @@
-"use strict";
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (Object.hasOwnProperty.call(mod, k)) result[k] = mod[k];
-    result["default"] = 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 sprite_svg_1 = __importDefault(require("@nypl/design-system-icons/dist/sprite/sprite.svg"));
-const bem_1 = __importDefault(require("../../../../utils/bem"));
-class Icon extends React.Component {
-    constructor(props) {
-        super(props);
-    }
-    render() {
-        let { modifiers, blockName, name, decorative, role, title, desc } = this.props;
-        let icon_base_class = "icon";
-        let iconProps = {
-            "className": bem_1.default(icon_base_class, modifiers, blockName),
-            "role": decorative ? "img" : role,
-            "aria-hidden": decorative,
-            "aria-labelledby": title ? "title-" + name : undefined,
-            "aria-describedby": desc ? "desc-" + name : undefined
-        };
-        return (React.createElement("svg", Object.assign({}, iconProps),
-            title &&
-                React.createElement("title", { id: `title-${name}` }, title),
-            desc &&
-                React.createElement("desc", { id: `title-${name}` }, desc),
-            React.createElement("use", { href: `${sprite_svg_1.default}#${name}` })));
-    }
-}
-exports.default = Icon;

package/lib/components/01-atoms/Images/Image/Image.d.ts

@@ -1,8 +0,0 @@
-export interface ImageProps {
-    src: string;
-    isDecorative: boolean;
-    altText?: string;
-    imageModifiers?: string[];
-    imageBlockname?: string;
-}
-export default function Image(props: ImageProps): JSX.Element;

package/lib/components/01-atoms/Images/Image/Image.js

@@ -1,32 +0,0 @@
-"use strict";
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (Object.hasOwnProperty.call(mod, k)) result[k] = mod[k];
-    result["default"] = mod;
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-// Images
-const React = __importStar(require("react"));
-const bem_1 = __importDefault(require("../../../../utils/bem"));
-function Image(props) {
-    const image_base_class = "image";
-    const { src, isDecorative, altText, imageModifiers, imageBlockname } = props;
-    if (!isDecorative && !altText) {
-        throw new Error("If image is decorative, alt text is required");
-    }
-    if (altText && altText.length > 300) {
-        throw new Error("Alt Text must be less than 300 characters");
-    }
-    let imageProps = {
-        className: bem_1.default(image_base_class, imageModifiers, imageBlockname),
-        src: src,
-        alt: isDecorative ? "" : altText
-    };
-    return React.createElement("img", Object.assign({}, imageProps));
-}
-exports.default = Image;

package/lib/components/01-atoms/Images/Image/Image.stories.d.ts

@@ -1,8 +0,0 @@
-import Image from "./Image";
-declare const _default: {
-    title: string;
-    component: typeof Image;
-};
-export default _default;
-export declare const twoByOne: () => JSX.Element[];
-export declare const threeByFour: () => JSX.Element[];

package/lib/components/01-atoms/Images/Image/Image.stories.js

@@ -1,24 +0,0 @@
-"use strict";
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (Object.hasOwnProperty.call(mod, k)) result[k] = mod[k];
-    result["default"] = 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 Image_1 = __importDefault(require("./Image"));
-exports.default = {
-    title: "Image",
-    component: Image_1.default,
-};
-exports.twoByOne = () => [React.createElement(Image_1.default, { src: "https://placeimg.com/200/100/arch", isDecorative: true }),
-    React.createElement(Image_1.default, { src: "https://placeimg.com/400/200/arch", isDecorative: true }),
-    React.createElement(Image_1.default, { src: "https://placeimg.com/1600/800/arch", isDecorative: true }),
-    React.createElement(Image_1.default, { src: "https://placeimg.com/2000/1000/arch", isDecorative: true })];
-exports.threeByFour = () => [React.createElement(Image_1.default, { src: "https://placeimg.com/150/200/arch", isDecorative: true }),
-    React.createElement(Image_1.default, { src: "https://placeimg.com/300/400/arch", isDecorative: true })];

package/lib/components/01-atoms/Links/BasicLink.d.ts

@@ -1,15 +0,0 @@
-import * as React from "react";
-export interface BasicLinkProps {
-    className?: string;
-    icon?: {
-        element: JSX.Element;
-    };
-    url?: string;
-    attributes?: {};
-}
-export declare class BasicLinkBase extends React.Component<BasicLinkProps, {}> {
-    constructor(props: BasicLinkProps);
-    render(): JSX.Element;
-}
-declare const BasicLink: React.ComponentType<BasicLinkProps>;
-export default BasicLink;

package/lib/components/01-atoms/Links/BasicLink.js

@@ -1,50 +0,0 @@
-"use strict";
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (Object.hasOwnProperty.call(mod, k)) result[k] = mod[k];
-    result["default"] = mod;
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-// Base Link Helper Class
-const React = __importStar(require("react"));
-const WithOneChild_1 = __importDefault(require("../../../helpers/hoc/WithOneChild"));
-class BasicLinkBase extends React.Component {
-    constructor(props) {
-        super(props);
-    }
-    render() {
-        const { url, className, attributes, icon } = this.props;
-        let props = Object.assign({ className: className }, attributes);
-        let linkElement;
-        // If the value is a string, then it's only one element but wrap it in a fragment.
-        if (typeof this.props.children === "string") {
-            if (!url) {
-                throw new Error(`if children ${this.props.children} has no anchor tag, please pass prop: url`);
-            }
-            props["href"] = url;
-            let linkChildren = [React.createElement(React.Fragment, null, this.props.children)];
-            if (icon) {
-                linkChildren.push(icon.element);
-            }
-            linkElement = React.createElement("a", props, linkChildren);
-        }
-        else {
-            let passedInChild = this.props.children;
-            let linkChildren = [passedInChild.props.children];
-            if (icon) {
-                linkChildren.push(icon.element);
-            }
-            // TODO Check that there is a href attribute and that this is indeed a link.
-            linkElement = React.cloneElement(passedInChild, props, linkChildren);
-        }
-        return linkElement;
-    }
-}
-exports.BasicLinkBase = BasicLinkBase;
-const BasicLink = WithOneChild_1.default(BasicLinkBase);
-exports.default = BasicLink;

package/lib/components/01-atoms/Links/BasicLink.stories.d.ts

@@ -1,8 +0,0 @@
-import * as React from "react";
-declare const _default: {
-    title: string;
-    component: React.ComponentType<import("./BasicLink").BasicLinkProps>;
-};
-export default _default;
-export declare const passedInBasicLink: () => JSX.Element;
-export declare const generatedBasicLink: () => JSX.Element;