@nypl/design-system-react-components 2.0.0 → 2.0.1

package/lib/components/03-organisms/List/UnorderedList.js

@@ -1,28 +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"));
-/** Wrapper component for an unordered list of objects */
-function UnorderedList(props) {
-    const { id, modifiers = [], blockName = "" } = props;
-    const baseClass = "unordered-list";
-    if (!Array.isArray(props.children)) {
-        throw new Error("Please pass only an Array as a child of UnorderedList");
-    }
-    const content = props.children.map((content, i) => {
-        return React.createElement("li", { className: bem_1.default("list-item", [], baseClass), key: id + "-li-" + i }, content);
-    });
-    return (React.createElement("div", { className: bem_1.default("list-container", modifiers, baseClass) },
-        React.createElement("ul", { id: id, className: baseClass + " " + bem_1.default(blockName, modifiers, baseClass) }, content)));
-}
-exports.default = UnorderedList;

package/lib/components/03-organisms/List/UnorderedList.stories.d.ts

@@ -1,11 +0,0 @@
-import UnorderedList from "./UnorderedList";
-declare const _default: {
-    title: string;
-    component: typeof UnorderedList;
-};
-export default _default;
-export declare const iconLinkList: () => JSX.Element;
-export declare const checkboxList: () => JSX.Element;
-export declare const editionsList: () => JSX.Element;
-export declare const searchResultsList: () => JSX.Element;
-export declare const textListWithScroll: () => JSX.Element;

package/lib/components/03-organisms/List/UnorderedList.stories.js

@@ -1,73 +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 UnorderedList_1 = __importDefault(require("./UnorderedList"));
-const IconLink_1 = __importDefault(require("../../01-atoms/Links/IconLink"));
-const EditionCard_1 = __importDefault(require("../../02-molecules/Cards/EditionCard"));
-const SearchResultItem_1 = __importDefault(require("../../02-molecules/Cards/SearchResultItem"));
-const UnderlineLink_1 = __importDefault(require("../../01-atoms/Links/UnderlineLink"));
-const Checkbox_1 = __importDefault(require("../../01-atoms/Forms/Checkbox"));
-const addon_actions_1 = require("@storybook/addon-actions");
-exports.default = {
-    title: "UnorderedList",
-    component: UnorderedList_1.default,
-};
-const links = [React.createElement(IconLink_1.default, { url: "#url1" }, "Link1"), React.createElement(IconLink_1.default, { url: "#url2" }, "link2"), React.createElement(IconLink_1.default, { url: "#url3" }, "link3")];
-exports.iconLinkList = () => React.createElement(UnorderedList_1.default, { id: "link-list", blockName: "list-iconLink" }, links);
-let editionData = {
-    editionYearHeading: React.createElement("a", { href: "edition-link", className: bem_1.default("link", [], "heading") }, "2004 Edition"),
-    publisherAndLocation: "Published in New York by Random House",
-    coverUrl: "https://placeimg.com/57/81/arch",
-    language: "Written in English",
-    license: "Under Creative Commons License",
-    readOnlineLink: "#read-online",
-    downloadLink: "#download",
-};
-const checkboxes = [
-    React.createElement(Checkbox_1.default, { key: "checkbox-1", onChange: addon_actions_1.action("changed"), checkboxId: "checkbox-1", labelOptions: { id: "checkbox-1-label", labelContent: React.createElement(React.Fragment, null, "Checkbox 1") } }),
-    React.createElement(Checkbox_1.default, { key: "checkbox-2", onChange: addon_actions_1.action("changed"), checkboxId: "checkbox-2", labelOptions: { id: "checkbox-2-label", labelContent: React.createElement(React.Fragment, null, "Checkbox 2") } }),
-    React.createElement(Checkbox_1.default, { key: "checkbox-3", onChange: addon_actions_1.action("changed"), checkboxId: "checkbox-3", labelOptions: { id: "checkbox-3-label", labelContent: React.createElement(React.Fragment, null, "Checkbox 3") } })
-];
-exports.checkboxList = () => React.createElement(UnorderedList_1.default, { id: "checkbox-list" }, checkboxes);
-const editions = [
-    React.createElement(EditionCard_1.default, { id: "edition-1", key: "edition-1", coverUrl: editionData.coverUrl, editionHeadingElement: editionData.editionYearHeading, editionInfo: [editionData.publisherAndLocation, editionData.language, editionData.license], readOnlineLink: editionData.readOnlineLink, downloadLink: editionData.downloadLink }),
-    React.createElement(EditionCard_1.default, { id: "edition-2", key: "edition-2", coverUrl: editionData.coverUrl, editionHeadingElement: editionData.editionYearHeading, editionInfo: [editionData.publisherAndLocation, editionData.language, editionData.license], readOnlineLink: editionData.readOnlineLink, downloadLink: editionData.downloadLink }),
-    React.createElement(EditionCard_1.default, { id: "edition-3", key: "edition-3", coverUrl: editionData.coverUrl, editionHeadingElement: editionData.editionYearHeading, editionInfo: [editionData.publisherAndLocation, editionData.language, editionData.license], readOnlineLink: editionData.readOnlineLink, downloadLink: editionData.downloadLink })
-];
-exports.editionsList = () => React.createElement(UnorderedList_1.default, { id: "editions-list" }, editions);
-let searchItemData = {
-    titleElement: React.createElement("a", { href: "title-link-url", className: bem_1.default("link", ["no-underline"]) }, "Investigation of un-American propaganda activities in the United States. Hear..."),
-    subtitle: React.createElement(React.Fragment, null, "\"Subtitle need max character count Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.\""),
-    editionInfo: {
-        editionYearHeading: React.createElement("a", { href: "edition-link", className: bem_1.default("link", [], "heading") }, "2004 Edition"),
-        publisherAndLocation: "Published in New York by Random House",
-        coverUrl: "https://placeimg.com/57/81/arch",
-        language: "Written in English",
-        license: "Under Creative Commons License",
-        readOnlineLink: "#read-online",
-        downloadLink: "#download",
-    },
-    authorElement: React.createElement(UnderlineLink_1.default, { url: "author-url" }, "First Last"),
-    editionsLinkElement: React.createElement(UnderlineLink_1.default, { url: "#allEditionsUrl" }, `View All 7 editions`)
-};
-const searchResults = [
-    React.createElement(SearchResultItem_1.default, { key: "search-result-item-1", id: "search-result-item-1", resultIndex: 1, headingContent: searchItemData.titleElement, subtitleContent: searchItemData.subtitle, authorLinkElement: searchItemData.authorElement, editionInfo: searchItemData.editionInfo, editionsLinkElement: searchItemData.editionsLinkElement }),
-    React.createElement(SearchResultItem_1.default, { key: "search-result-item-2", id: "search-result-item-2", resultIndex: 2, headingContent: searchItemData.titleElement, subtitleContent: searchItemData.subtitle, authorLinkElement: searchItemData.authorElement, editionInfo: searchItemData.editionInfo, editionsLinkElement: searchItemData.editionsLinkElement })
-];
-exports.searchResultsList = () => React.createElement(UnorderedList_1.default, { id: "search-results-list" }, searchResults);
-let textList = [];
-for (let i = 0; i < 100; i++) {
-    textList.push(React.createElement("span", { key: i }, "Hello"));
-}
-exports.textListWithScroll = () => React.createElement(UnorderedList_1.default, { id: "text-list-scroll", modifiers: ["scroll"] }, textList);

package/lib/components/03-organisms/SearchPromo/SearchPromo.d.ts

@@ -1,22 +0,0 @@
-import * as React from "react";
-export interface SearchPromoProps {
-    headingText: string;
-    modifiers?: [];
-    blockName?: string;
-    titleId: string;
-    searchBarId: string;
-    searchButtonId: string;
-    searchInputAriaLabel: string;
-    dropdownId: string;
-    hasError?: boolean;
-    errorMessage?: string;
-    searchDropdownOptions: string[];
-    selectedOption?: string;
-    searchValue?: string;
-    advancedSearchMessage: JSX.Element;
-    selectChangeHandler: (event: React.FormEvent) => void;
-    selectBlurHandler: (event: React.FormEvent) => void;
-    searchSubmitHandler: (event: React.MouseEvent) => void;
-    textChangeHandler?: (event: React.FormEvent) => void;
-}
-export default function SearchPromo(props: SearchPromoProps): JSX.Element;

package/lib/components/03-organisms/SearchPromo/SearchPromo.js

@@ -1,30 +0,0 @@
-"use strict";
-// OF-21 Search Promo
-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 SectionTitle_1 = __importDefault(require("../../02-molecules/Headings/SectionTitle"));
-const SearchBar_1 = __importDefault(require("../../02-molecules/SearchBar/SearchBar"));
-const BodyText_1 = __importDefault(require("../../01-atoms/Text/Text/BodyText"));
-function SearchPromo(props) {
-    const { headingText, modifiers, blockName, titleId, searchBarId, searchButtonId, hasError, errorMessage, dropdownId, selectedOption, searchDropdownOptions, advancedSearchMessage, searchValue, searchInputAriaLabel, selectChangeHandler, selectBlurHandler, searchSubmitHandler, textChangeHandler } = props;
-    const searchpromo__base_class = "search-promo";
-    return React.createElement("div", { className: bem_1.default(searchpromo__base_class, modifiers, blockName) },
-        React.createElement("div", { className: bem_1.default("content", [], searchpromo__base_class) },
-            React.createElement(SectionTitle_1.default, { id: titleId, headingText: headingText, blockName: searchpromo__base_class }),
-            React.createElement("div", { className: bem_1.default("search-section", [], searchpromo__base_class) },
-                React.createElement(SearchBar_1.default, { searchBarId: searchBarId, searchBarAriaLabelledBy: titleId, buttonId: searchButtonId, dropdownId: dropdownId, dropdownOptions: searchDropdownOptions, dropdownAriaLabel: "Filter Search", selectedField: selectedOption, searchValue: searchValue, hasError: hasError, errorMessage: errorMessage, selectBlurHandler: selectBlurHandler, selectChangeHandler: selectChangeHandler, searchSubmitHandler: searchSubmitHandler, searchChangeHandler: textChangeHandler }),
-                React.createElement("div", { className: bem_1.default("promo-text", [], searchpromo__base_class) },
-                    React.createElement(BodyText_1.default, { bodyContent: advancedSearchMessage })))));
-}
-exports.default = SearchPromo;

package/lib/components/03-organisms/SearchPromo/SearchPromo.stories.d.ts

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

package/lib/components/03-organisms/SearchPromo/SearchPromo.stories.js

@@ -1,28 +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 SearchPromo_1 = __importDefault(require("./SearchPromo"));
-const addon_actions_1 = require("@storybook/addon-actions");
-const UnderlineLink_1 = __importDefault(require("../../01-atoms/Links/UnderlineLink"));
-exports.default = {
-    title: "SearchPromo",
-    component: SearchPromo_1.default,
-};
-exports.researchNowSearchPromo = () => React.createElement(SearchPromo_1.default, { headingText: "Search the World's Research Collections", titleId: "title", searchButtonId: "searchButtonId", advancedSearchMessage: React.createElement("p", null,
-        "Use ",
-        React.createElement(UnderlineLink_1.default, { url: "#advanced-fake-link" }, "Advanced Search"),
-        " to narrow your results."), searchBarId: "searchBarId", dropdownId: "dropdownId", searchInputAriaLabel: "ariaLabel", searchDropdownOptions: ["Keyword", "Author"], searchSubmitHandler: addon_actions_1.action("searched"), selectChangeHandler: addon_actions_1.action("changed"), selectBlurHandler: addon_actions_1.action("selectChanged") });
-exports.searchPromoWithError = () => React.createElement(SearchPromo_1.default, { headingText: "Search the World's Research Collections", titleId: "title", advancedSearchMessage: React.createElement("p", null,
-        "Use ",
-        React.createElement(UnderlineLink_1.default, { url: "#advanced-fake-link" }, "Advanced Search"),
-        " to narrow your results."), searchButtonId: "searchButtonId", searchBarId: "searchBarId", dropdownId: "dropdownId", searchInputAriaLabel: "ariaLabel", hasError: true, errorMessage: "oh no you messed up", searchDropdownOptions: ["Keyword", "Author"], searchSubmitHandler: addon_actions_1.action("searched"), selectChangeHandler: addon_actions_1.action("changed"), selectBlurHandler: addon_actions_1.action("selectChanged") });

package/lib/helpers/hoc/WithOneChild.d.ts

@@ -1,8 +0,0 @@
-import * as React from "react";
-/**
- * Wrapper component to verify that a component only has one child.
- * @param Component Component to test, either a React element
- *   or an object element.
- */
-declare const withOneChild: <P extends object>(Component: any) => React.ComponentType<P>;
-export default withOneChild;

package/lib/helpers/hoc/WithOneChild.js

@@ -1,63 +0,0 @@
-"use strict";
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-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"));
-/**
- * Wrapper component to verify that a component only has one child.
- * @param Component Component to test, either a React element
- *   or an object element.
- */
-const withOneChild = (Component) => ((_a) => {
-    var initProps = __rest(_a, []);
-    // It's more likely that the component passed will be a
-    // React element so set these as default.
-    let componentChildren = initProps.children;
-    let componentToRender = Component;
-    let name = Component.name;
-    let props = initProps;
-    // In case the component is an object!
-    // E.g, a component passed as a prop.
-    if (Component && typeof Component === "object") {
-        componentChildren = Component.props.children;
-        name = Component.type;
-        props = Component.props;
-        componentToRender = Component.type;
-    }
-    // If the passed component is a string, wrap it in a fragment.
-    if (componentChildren && typeof componentChildren === "string") {
-        componentChildren = React.createElement(React.Fragment, null, componentChildren);
-    }
-    else if (componentChildren && typeof componentChildren !== "string") {
-        // Otherwise, it is a React element but
-        // check that it's only one element.
-        try {
-            React.Children.only(componentChildren);
-        }
-        catch (e) {
-            const children = React.Children.map(componentChildren, child => child.type);
-            // Catch the error and return a new one with the wrapper
-            // component's name for better debugging.
-            throw new Error("Please only pass one child, got elements " +
-                `(${children ? children.join(", ") : ""}), for base component ${name}`);
-        }
-    }
-    return React.createElement(componentToRender, props, props.children);
-});
-exports.default = withOneChild;

package/lib/index.d.ts

@@ -1,24 +0,0 @@
-export { default as Container } from "./components/00-base/Container/Container";
-export { default as Modal } from "./components/00-base/Container/Modal";
-export { default as Button } from "./components/01-atoms/Button/Button";
-export { ButtonIconPositions, ButtonTypes } from "./components/01-atoms/Button/ButtonTypes";
-export { default as BodyText } from "./components/01-atoms/Text/Text/BodyText";
-export { default as UnderlineLink } from "./components/01-atoms/Links/UnderlineLink";
-export { default as IconLink } from "./components/01-atoms/Links/IconLink";
-export { default as Heading } from "./components/01-atoms/Text/Headings/Heading";
-export { default as SectionTitle } from "./components/02-molecules/Headings/SectionTitle";
-export { default as Breadcrumbs } from "./components/02-molecules/Menus/Breadcrumbs/Breadcrumbs";
-export { default as Pagination } from "./components/02-molecules/Menus/Pagination/Pagination";
-export { default as Dropdown } from "./components/02-molecules/Dropdown/Dropdown";
-export { default as EditionCard } from "./components/02-molecules/Cards/EditionCard";
-export { default as SearchResultItem } from "./components/02-molecules/Cards/SearchResultItem";
-export { default as UnorderedList } from "./components/03-organisms/List/UnorderedList";
-export { HeroTypes } from "./components/03-organisms/Hero/HeroTypes";
-export { default as Hero } from "./components/03-organisms/Hero/Hero";
-export { default as SearchPromo } from "./components/03-organisms/SearchPromo/SearchPromo";
-export { default as HeaderWithSearch } from "./components/03-organisms/Headers/RNHeaderWithSearch";
-export { default as DateRangeForm } from "./components/01-atoms/Forms/DateRangeForm";
-export { default as Checkbox } from "./components/01-atoms/Forms/Checkbox";
-export { default as Label } from "./components/01-atoms/Forms/Label";
-export { default as Input } from "./components/01-atoms/Forms/Input";
-export { default as Accordion } from "./components/03-organisms/Accordion/Accordion";

package/lib/index.js

@@ -1,51 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var Container_1 = require("./components/00-base/Container/Container");
-exports.Container = Container_1.default;
-var Modal_1 = require("./components/00-base/Container/Modal");
-exports.Modal = Modal_1.default;
-var Button_1 = require("./components/01-atoms/Button/Button");
-exports.Button = Button_1.default;
-var ButtonTypes_1 = require("./components/01-atoms/Button/ButtonTypes");
-exports.ButtonIconPositions = ButtonTypes_1.ButtonIconPositions;
-exports.ButtonTypes = ButtonTypes_1.ButtonTypes;
-var BodyText_1 = require("./components/01-atoms/Text/Text/BodyText");
-exports.BodyText = BodyText_1.default;
-var UnderlineLink_1 = require("./components/01-atoms/Links/UnderlineLink");
-exports.UnderlineLink = UnderlineLink_1.default;
-var IconLink_1 = require("./components/01-atoms/Links/IconLink");
-exports.IconLink = IconLink_1.default;
-var Heading_1 = require("./components/01-atoms/Text/Headings/Heading");
-exports.Heading = Heading_1.default;
-var SectionTitle_1 = require("./components/02-molecules/Headings/SectionTitle");
-exports.SectionTitle = SectionTitle_1.default;
-var Breadcrumbs_1 = require("./components/02-molecules/Menus/Breadcrumbs/Breadcrumbs");
-exports.Breadcrumbs = Breadcrumbs_1.default;
-var Pagination_1 = require("./components/02-molecules/Menus/Pagination/Pagination");
-exports.Pagination = Pagination_1.default;
-var Dropdown_1 = require("./components/02-molecules/Dropdown/Dropdown");
-exports.Dropdown = Dropdown_1.default;
-var EditionCard_1 = require("./components/02-molecules/Cards/EditionCard");
-exports.EditionCard = EditionCard_1.default;
-var SearchResultItem_1 = require("./components/02-molecules/Cards/SearchResultItem");
-exports.SearchResultItem = SearchResultItem_1.default;
-var UnorderedList_1 = require("./components/03-organisms/List/UnorderedList");
-exports.UnorderedList = UnorderedList_1.default;
-var HeroTypes_1 = require("./components/03-organisms/Hero/HeroTypes");
-exports.HeroTypes = HeroTypes_1.HeroTypes;
-var Hero_1 = require("./components/03-organisms/Hero/Hero");
-exports.Hero = Hero_1.default;
-var SearchPromo_1 = require("./components/03-organisms/SearchPromo/SearchPromo");
-exports.SearchPromo = SearchPromo_1.default;
-var RNHeaderWithSearch_1 = require("./components/03-organisms/Headers/RNHeaderWithSearch");
-exports.HeaderWithSearch = RNHeaderWithSearch_1.default;
-var DateRangeForm_1 = require("./components/01-atoms/Forms/DateRangeForm");
-exports.DateRangeForm = DateRangeForm_1.default;
-var Checkbox_1 = require("./components/01-atoms/Forms/Checkbox");
-exports.Checkbox = Checkbox_1.default;
-var Label_1 = require("./components/01-atoms/Forms/Label");
-exports.Label = Label_1.default;
-var Input_1 = require("./components/01-atoms/Forms/Input");
-exports.Input = Input_1.default;
-var Accordion_1 = require("./components/03-organisms/Accordion/Accordion");
-exports.Accordion = Accordion_1.default;

package/lib/utils/bem.d.ts

@@ -1 +0,0 @@
-export default function bem(baseClass: string, modifiers?: string[], blockName?: string, extra?: string[]): string;

package/lib/utils/bem.js

@@ -1,35 +0,0 @@
-"use strict";
-// Re-written in TS from https://github.com/drupal-pattern-lab/bem-twig-extension
-Object.defineProperty(exports, "__esModule", { value: true });
-function bem(baseClass, modifiers, blockName, extra) {
-    let classes = [];
-    // If using a blockname to override default class.
-    if (blockName) {
-        classes.push(blockName.concat("__").concat(baseClass));
-        // Set blockname--modifier classes for each modifier.
-        if (modifiers) {
-            modifiers.forEach((modifier) => {
-                classes.push(blockName.concat("__").concat(baseClass).concat("--").concat(modifier));
-            });
-        }
-    }
-    // If not overriding base class.
-    else {
-        // Set base class.
-        classes.push(baseClass);
-        if (modifiers) {
-            modifiers.forEach((modifier) => {
-                classes.push(baseClass.concat("--").concat(modifier));
-            });
-        }
-    }
-    // If extra non-BEM classes are added.
-    if (extra) {
-        extra.forEach((extraClass) => {
-            classes.push(extraClass);
-        });
-    }
-    let attributes = classes.join(" ");
-    return attributes;
-}
-exports.default = bem;

package/tsd.d.ts

@@ -1,4 +0,0 @@
-declare module "*.svg" {
-  const content:any;
-  export default content;
-}

package/webpack.prod.js

@@ -1,38 +0,0 @@
-const path = require("path");
-
-module.exports = {
-  mode: "production",
-  devtool: "source-map",
-  entry: {
-    app: [
-      "./src/index.ts"
-    ]
-  },
-  output: {
-    path: path.resolve(__dirname, "./dist"),
-    publicPath: "/",
-    filename: "design-system-react-components.min.js",
-    library: "DesignSystemReactComponents",
-    libraryTarget: "umd",
-    // This allows a server-side app to import this package and not crash.
-    globalObject: 'this'
-  },
-
-  resolve: {
-    extensions: [".ts", ".tsx", ".js", ".json"]
-  },
-
-  module: {
-    rules: [
-      // All files with a '.ts' or '.tsx' extension will be handled by 'ts-loader'.
-      {
-        test: /\.tsx?$/,
-        loader: "ts-loader",
-      },
-      {
-        test: /\.(ttf|woff|eot|svg|png|woff2|gif|jpg)(\?[\s\S]+)?$/,
-        loader: 'url-loader?limit=100000'
-      }
-    ]
-  }
-};