@webiny/ui 0.0.0-unstable.97a151f74d → 0.0.0-unstable.98511f29f1

package/Accordion/Accordion.js

@@ -1,33 +1,24 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.Accordion = void 0;
-
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _List = require("../List");
-
 var _Elevation = require("../Elevation");
-
 var _emotion = require("emotion");
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _excluded = ["children", "elevation", "className"];
 var listStyle = /*#__PURE__*/(0, _emotion.css)("&.mdc-list{padding:0;&.mdc-list--two-line .mdc-list-item{height:48px;padding:8px 20px;}}label:listStyle;");
-
 var Accordion = function Accordion(props) {
   var children = props.children,
-      _props$elevation = props.elevation,
-      elevation = _props$elevation === void 0 ? 2 : _props$elevation,
-      className = props.className,
-      other = (0, _objectWithoutProperties2.default)(props, _excluded);
+    _props$elevation = props.elevation,
+    elevation = _props$elevation === void 0 ? 2 : _props$elevation,
+    className = props.className,
+    other = (0, _objectWithoutProperties2.default)(props, _excluded);
   return /*#__PURE__*/_react.default.createElement(_Elevation.Elevation, {
     z: elevation,
     className: (0, _classnames.default)("webiny-ui-accordion", className)
@@ -36,5 +27,4 @@ var Accordion = function Accordion(props) {
     className: listStyle
   }, other), children));
 };
-
 exports.Accordion = Accordion;

package/Accordion/Accordion.js.map

@@ -1 +1 @@
-{"version":3,"names":["listStyle","css","Accordion","props","children","elevation","className","other","classNames"],"sources":["Accordion.tsx"],"sourcesContent":["import React from \"react\";\nimport { List, ListItem } from \"../List\";\nimport { AccordionItem } from \"./AccordionItem\";\nimport { Elevation } from \"../Elevation\";\nimport { css } from \"emotion\";\nimport classNames from \"classnames\";\n\nexport interface AccordionProps {\n    /**\n     * Element displayed when accordion is expanded.\n     */\n    children:\n        | React.ReactElement<typeof ListItem>[]\n        | React.ReactElement<typeof AccordionItem>\n        | React.ReactElement<typeof AccordionItem>[];\n\n    /**\n     * Elevation number, default set to 2\n     */\n    elevation?: number;\n\n    /**\n     * Append a class name\n     */\n    className?: string;\n}\n\nconst listStyle = css`\n    &.mdc-list {\n        padding: 0;\n        &.mdc-list--two-line .mdc-list-item {\n            height: 48px;\n            padding: 8px 20px;\n        }\n    }\n`;\n\nconst Accordion: React.FC<AccordionProps> = props => {\n    const { children, elevation = 2, className, ...other } = props;\n    return (\n        <Elevation z={elevation} className={classNames(\"webiny-ui-accordion\", className)}>\n            <List twoLine className={listStyle} {...other}>\n                {children}\n            </List>\n        </Elevation>\n    );\n};\n\nexport { Accordion };\n"],"mappings":";;;;;;;;;;;AAAA;;AACA;;AAEA;;AACA;;AACA;;;AAsBA,IAAMA,SAAS,oBAAGC,YAAH,6GAAf;;AAUA,IAAMC,SAAmC,GAAG,SAAtCA,SAAsC,CAAAC,KAAK,EAAI;EACjD,IAAQC,QAAR,GAAyDD,KAAzD,CAAQC,QAAR;EAAA,uBAAyDD,KAAzD,CAAkBE,SAAlB;EAAA,IAAkBA,SAAlB,iCAA8B,CAA9B;EAAA,IAAiCC,SAAjC,GAAyDH,KAAzD,CAAiCG,SAAjC;EAAA,IAA+CC,KAA/C,0CAAyDJ,KAAzD;EACA,oBACI,6BAAC,oBAAD;IAAW,CAAC,EAAEE,SAAd;IAAyB,SAAS,EAAE,IAAAG,mBAAA,EAAW,qBAAX,EAAkCF,SAAlC;EAApC,gBACI,6BAAC,UAAD;IAAM,OAAO,MAAb;IAAc,SAAS,EAAEN;EAAzB,GAAwCO,KAAxC,GACKH,QADL,CADJ,CADJ;AAOH,CATD"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_List","_Elevation","_emotion","_classnames","_excluded","listStyle","css","Accordion","props","children","_props$elevation","elevation","className","other","_objectWithoutProperties2","default","createElement","Elevation","z","classNames","List","Object","assign","twoLine","exports"],"sources":["Accordion.tsx"],"sourcesContent":["import React from \"react\";\nimport { List, ListItem } from \"../List\";\nimport { AccordionItem } from \"./AccordionItem\";\nimport { Elevation } from \"../Elevation\";\nimport { css } from \"emotion\";\nimport classNames from \"classnames\";\n\nexport interface AccordionProps {\n    /**\n     * Element displayed when accordion is expanded.\n     */\n    children:\n        | React.ReactElement<typeof ListItem>[]\n        | React.ReactElement<typeof AccordionItem>\n        | React.ReactElement<typeof AccordionItem>[];\n\n    /**\n     * Elevation number, default set to 2\n     */\n    elevation?: number;\n\n    /**\n     * Append a class name\n     */\n    className?: string;\n}\n\nconst listStyle = css`\n    &.mdc-list {\n        padding: 0;\n        &.mdc-list--two-line .mdc-list-item {\n            height: 48px;\n            padding: 8px 20px;\n        }\n    }\n`;\n\nconst Accordion: React.FC<AccordionProps> = props => {\n    const { children, elevation = 2, className, ...other } = props;\n    return (\n        <Elevation z={elevation} className={classNames(\"webiny-ui-accordion\", className)}>\n            <List twoLine className={listStyle} {...other}>\n                {children}\n            </List>\n        </Elevation>\n    );\n};\n\nexport { Accordion };\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AAEA,IAAAE,UAAA,GAAAF,OAAA;AACA,IAAAG,QAAA,GAAAH,OAAA;AACA,IAAAI,WAAA,GAAAL,sBAAA,CAAAC,OAAA;AAAoC,IAAAK,SAAA;AAsBpC,IAAMC,SAAS,oBAAGC,YAAG,6GAQpB;AAED,IAAMC,SAAmC,GAAG,SAAtCA,SAAmCA,CAAGC,KAAK,EAAI;EACjD,IAAQC,QAAQ,GAAyCD,KAAK,CAAtDC,QAAQ;IAAAC,gBAAA,GAAyCF,KAAK,CAA5CG,SAAS;IAATA,SAAS,GAAAD,gBAAA,cAAG,CAAC,GAAAA,gBAAA;IAAEE,SAAS,GAAeJ,KAAK,CAA7BI,SAAS;IAAKC,KAAK,OAAAC,yBAAA,CAAAC,OAAA,EAAKP,KAAK,EAAAJ,SAAA;EAC9D,oBACIP,MAAA,CAAAkB,OAAA,CAAAC,aAAA,CAACf,UAAA,CAAAgB,SAAS;IAACC,CAAC,EAAEP,SAAU;IAACC,SAAS,EAAE,IAAAO,mBAAU,EAAC,qBAAqB,EAAEP,SAAS;EAAE,gBAC7Ef,MAAA,CAAAkB,OAAA,CAAAC,aAAA,CAAChB,KAAA,CAAAoB,IAAI,EAAAC,MAAA,CAAAC,MAAA;IAACC,OAAO;IAACX,SAAS,EAAEP;EAAU,GAAKQ,KAAK,GACxCJ,QACC,CACC,CAAC;AAEpB,CAAC;AAACe,OAAA,CAAAjB,SAAA,GAAAA,SAAA"}

package/Accordion/Accordion.stories.js

@@ -1,21 +1,13 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _react2 = require("@storybook/react");
-
 var _Story = require("@webiny/storybook-utils/Story");
-
 var _README = _interopRequireDefault(require("./README.md"));
-
 var _Accordion = require("./Accordion");
-
 var _AccordionItem = require("./AccordionItem");
-
 var _roundSettings24px = require("./icons/round-settings-24px.svg");
-
 var story = (0, _react2.storiesOf)("Components/Accordion", module);
 story.add("usage", function () {
   return /*#__PURE__*/_react.default.createElement(_Story.Story, null, /*#__PURE__*/_react.default.createElement(_Story.StoryReadme, null, _README.default), /*#__PURE__*/_react.default.createElement(_Story.StorySandbox, {

package/Accordion/Accordion.stories.js.map

@@ -1 +1 @@
-{"version":3,"names":["story","storiesOf","module","add","readme","info","propTables","Accordion","AccordionItem"],"sources":["Accordion.stories.tsx"],"sourcesContent":["import React from \"react\";\nimport { storiesOf } from \"@storybook/react\";\nimport {\n    Story,\n    StoryReadme,\n    StorySandboxCode,\n    StorySandbox,\n    StorySandboxExample\n} from \"@webiny/storybook-utils/Story\";\nimport readme from \"./README.md\";\nimport { Accordion } from \"./Accordion\";\nimport { AccordionItem } from \"./AccordionItem\";\nimport { ReactComponent as SettingsIcon } from \"./icons/round-settings-24px.svg\";\n\nconst story = storiesOf(\"Components/Accordion\", module);\n\nstory.add(\n    \"usage\",\n    () => {\n        return (\n            <Story>\n                <StoryReadme>{readme}</StoryReadme>\n                <StorySandbox title={\"Accordion\"}>\n                    <StorySandboxExample>\n                        <Accordion>\n                            <AccordionItem\n                                icon={<SettingsIcon />}\n                                title=\"Settings 1\"\n                                description=\"Settings description\"\n                                open\n                            >\n                                <div>Inner child 1</div>\n                            </AccordionItem>\n                            <AccordionItem\n                                icon={<SettingsIcon />}\n                                title=\"Settings 2\"\n                                description=\"Settings description\"\n                            >\n                                <div>Inner child 2</div>\n                            </AccordionItem>\n                            <AccordionItem\n                                icon={<SettingsIcon />}\n                                title=\"Settings 3\"\n                                description=\"Settings description\"\n                            >\n                                <div>Inner child 3</div>\n                            </AccordionItem>\n                        </Accordion>\n                    </StorySandboxExample>\n                    <StorySandboxCode>\n                        <div>\n                            <Accordion>\n                                <AccordionItem\n                                    icon={<SettingsIcon />}\n                                    title=\"Settings 1\"\n                                    description=\"Settings description\"\n                                    open\n                                >\n                                    <div>Inner child 1</div>\n                                </AccordionItem>\n                                <AccordionItem\n                                    icon={<SettingsIcon />}\n                                    title=\"Settings 2\"\n                                    description=\"Settings description\"\n                                >\n                                    <div>Inner child 2</div>\n                                </AccordionItem>\n                                <AccordionItem\n                                    icon={<SettingsIcon />}\n                                    title=\"Settings 3\"\n                                    description=\"Settings description\"\n                                >\n                                    <div>Inner child 3</div>\n                                </AccordionItem>\n                            </Accordion>\n                        </div>\n                    </StorySandboxCode>\n                </StorySandbox>\n            </Story>\n        );\n    },\n    { info: { propTables: [Accordion, AccordionItem] } }\n);\n"],"mappings":";;;;AAAA;;AACA;;AACA;;AAOA;;AACA;;AACA;;AACA;;AAEA,IAAMA,KAAK,GAAG,IAAAC,iBAAA,EAAU,sBAAV,EAAkCC,MAAlC,CAAd;AAEAF,KAAK,CAACG,GAAN,CACI,OADJ,EAEI,YAAM;EACF,oBACI,6BAAC,YAAD,qBACI,6BAAC,kBAAD,QAAcC,eAAd,CADJ,eAEI,6BAAC,mBAAD;IAAc,KAAK,EAAE;EAArB,gBACI,6BAAC,0BAAD,qBACI,6BAAC,oBAAD,qBACI,6BAAC,4BAAD;IACI,IAAI,eAAE,6BAAC,iCAAD,OADV;IAEI,KAAK,EAAC,YAFV;IAGI,WAAW,EAAC,sBAHhB;IAII,IAAI;EAJR,gBAMI,0DANJ,CADJ,eASI,6BAAC,4BAAD;IACI,IAAI,eAAE,6BAAC,iCAAD,OADV;IAEI,KAAK,EAAC,YAFV;IAGI,WAAW,EAAC;EAHhB,gBAKI,0DALJ,CATJ,eAgBI,6BAAC,4BAAD;IACI,IAAI,eAAE,6BAAC,iCAAD,OADV;IAEI,KAAK,EAAC,YAFV;IAGI,WAAW,EAAC;EAHhB,gBAKI,0DALJ,CAhBJ,CADJ,CADJ,eA2BI,6BAAC,uBAAD,qBACI,uDACI,6BAAC,oBAAD,qBACI,6BAAC,4BAAD;IACI,IAAI,eAAE,6BAAC,iCAAD,OADV;IAEI,KAAK,EAAC,YAFV;IAGI,WAAW,EAAC,sBAHhB;IAII,IAAI;EAJR,gBAMI,0DANJ,CADJ,eASI,6BAAC,4BAAD;IACI,IAAI,eAAE,6BAAC,iCAAD,OADV;IAEI,KAAK,EAAC,YAFV;IAGI,WAAW,EAAC;EAHhB,gBAKI,0DALJ,CATJ,eAgBI,6BAAC,4BAAD;IACI,IAAI,eAAE,6BAAC,iCAAD,OADV;IAEI,KAAK,EAAC,YAFV;IAGI,WAAW,EAAC;EAHhB,gBAKI,0DALJ,CAhBJ,CADJ,CADJ,CA3BJ,CAFJ,CADJ;AA6DH,CAhEL,EAiEI;EAAEC,IAAI,EAAE;IAAEC,UAAU,EAAE,CAACC,oBAAD,EAAYC,4BAAZ;EAAd;AAAR,CAjEJ"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_react2","_Story","_README","_Accordion","_AccordionItem","_roundSettings24px","story","storiesOf","module","add","default","createElement","Story","StoryReadme","readme","StorySandbox","title","StorySandboxExample","Accordion","AccordionItem","icon","ReactComponent","description","open","StorySandboxCode","info","propTables"],"sources":["Accordion.stories.tsx"],"sourcesContent":["import React from \"react\";\nimport { storiesOf } from \"@storybook/react\";\nimport {\n    Story,\n    StoryReadme,\n    StorySandboxCode,\n    StorySandbox,\n    StorySandboxExample\n} from \"@webiny/storybook-utils/Story\";\nimport readme from \"./README.md\";\nimport { Accordion } from \"./Accordion\";\nimport { AccordionItem } from \"./AccordionItem\";\nimport { ReactComponent as SettingsIcon } from \"./icons/round-settings-24px.svg\";\n\nconst story = storiesOf(\"Components/Accordion\", module);\n\nstory.add(\n    \"usage\",\n    () => {\n        return (\n            <Story>\n                <StoryReadme>{readme}</StoryReadme>\n                <StorySandbox title={\"Accordion\"}>\n                    <StorySandboxExample>\n                        <Accordion>\n                            <AccordionItem\n                                icon={<SettingsIcon />}\n                                title=\"Settings 1\"\n                                description=\"Settings description\"\n                                open\n                            >\n                                <div>Inner child 1</div>\n                            </AccordionItem>\n                            <AccordionItem\n                                icon={<SettingsIcon />}\n                                title=\"Settings 2\"\n                                description=\"Settings description\"\n                            >\n                                <div>Inner child 2</div>\n                            </AccordionItem>\n                            <AccordionItem\n                                icon={<SettingsIcon />}\n                                title=\"Settings 3\"\n                                description=\"Settings description\"\n                            >\n                                <div>Inner child 3</div>\n                            </AccordionItem>\n                        </Accordion>\n                    </StorySandboxExample>\n                    <StorySandboxCode>\n                        <div>\n                            <Accordion>\n                                <AccordionItem\n                                    icon={<SettingsIcon />}\n                                    title=\"Settings 1\"\n                                    description=\"Settings description\"\n                                    open\n                                >\n                                    <div>Inner child 1</div>\n                                </AccordionItem>\n                                <AccordionItem\n                                    icon={<SettingsIcon />}\n                                    title=\"Settings 2\"\n                                    description=\"Settings description\"\n                                >\n                                    <div>Inner child 2</div>\n                                </AccordionItem>\n                                <AccordionItem\n                                    icon={<SettingsIcon />}\n                                    title=\"Settings 3\"\n                                    description=\"Settings description\"\n                                >\n                                    <div>Inner child 3</div>\n                                </AccordionItem>\n                            </Accordion>\n                        </div>\n                    </StorySandboxCode>\n                </StorySandbox>\n            </Story>\n        );\n    },\n    { info: { propTables: [Accordion, AccordionItem] } }\n);\n"],"mappings":"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"}

package/Accordion/AccordionItem.d.ts

@@ -1,7 +1,10 @@
 /// <reference types="web" />
 import React from "react";
 import { AccordionItemAction, AccordionItemActions } from "./AccordionItemActions";
-declare const Divider: import("@emotion/styled-base").StyledComponent<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, Pick<React.ClassAttributes<HTMLSpanElement> & React.HTMLAttributes<HTMLSpanElement>, keyof React.HTMLAttributes<HTMLSpanElement>>, object>;
+declare const Divider: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: React.ElementType<any> | undefined;
+}, React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
 export interface AccordionItemProps {
     /**
      * Can user toggle the accordion item by clicking it? Defaults to `true`.

package/Accordion/AccordionItem.js

@@ -1,42 +1,25 @@
 "use strict";
 
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.AccordionItem = void 0;
-
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _List = require("../List");
-
 var _Transition = _interopRequireDefault(require("react-transition-group/Transition"));
-
 var _Icon = require("../Icon");
-
 var _styled = _interopRequireDefault(require("@emotion/styled"));
-
 var _emotion = require("emotion");
-
 var _Typography = require("../Typography");
-
 var _roundKeyboard_arrow_up24px = require("./icons/round-keyboard_arrow_up-24px.svg");
-
 var _roundKeyboard_arrow_down24px = require("./icons/round-keyboard_arrow_down-24px.svg");
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _AccordionItemActions = require("./AccordionItemActions");
-
 var Content = /*#__PURE__*/(0, _styled.default)("div", {
   label: "Content",
   target: "eypjd5u0"
@@ -64,7 +47,6 @@ var defaultStyle = {
   pointerEvents: "none",
   overflow: "hidden"
 };
-
 /**
  * We are casting pointerEvents as any because csstype does not have PointerEvents exported. Or at least, that is the error.
  */
@@ -98,16 +80,14 @@ var Actions = /*#__PURE__*/(0, _styled.default)(_List.ListItemMeta, {
   label: "Actions",
   target: "eypjd5u5"
 })("display:flex;height:40%;align-items:center;");
-
 var AccordionItemComponent = function AccordionItemComponent(props) {
   var _useState = (0, _react.useState)(props.open ? props.open : false),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-      open = _useState2[0],
-      setState = _useState2[1];
-
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    open = _useState2[0],
+    setState = _useState2[1];
   var _props$interactive = props.interactive,
-      interactive = _props$interactive === void 0 ? true : _props$interactive,
-      actions = props.actions;
+    interactive = _props$interactive === void 0 ? true : _props$interactive,
+    actions = props.actions;
   var toggleState = (0, _react.useCallback)(function () {
     setState(!open);
   }, [open]);
@@ -143,7 +123,6 @@ var AccordionItemComponent = function AccordionItemComponent(props) {
     }, props.children);
   }));
 };
-
 var AccordionItem = Object.assign(AccordionItemComponent, {
   Divider: Divider,
   Action: _AccordionItemActions.AccordionItemAction,

package/Accordion/AccordionItem.js.map

@@ -1 +1 @@
-{"version":3,"names":["Content","styled","listItem","css","ListItemTitle","ListItemDescription","TitleContent","openedState","nonInteractive","duration","defaultStyle","transition","opacity","height","pointerEvents","overflow","transitionStyles","entering","padding","entered","exiting","Divider","Actions","ListItemMeta","AccordionItemComponent","props","useState","open","setState","interactive","actions","toggleState","useCallback","onClick","undefined","divider","arrowIcon","useEffect","classNames","className","icon","iconClassName","title","description","state","children","AccordionItem","Object","assign","Action","AccordionItemAction","AccordionItemActions"],"sources":["AccordionItem.tsx"],"sourcesContent":["import React, { useState, useCallback, useEffect } from \"react\";\nimport { ListItem, ListItemGraphic, ListItemMeta } from \"~/List\";\nimport Transition from \"react-transition-group/Transition\";\nimport { Icon } from \"~/Icon\";\nimport styled from \"@emotion/styled\";\nimport { css } from \"emotion\";\nimport { Typography } from \"~/Typography\";\n\nimport { ReactComponent as UpArrow } from \"./icons/round-keyboard_arrow_up-24px.svg\";\nimport { ReactComponent as DownArrow } from \"./icons/round-keyboard_arrow_down-24px.svg\";\nimport classNames from \"classnames\";\nimport { AccordionItemAction, AccordionItemActions } from \"~/Accordion/AccordionItemActions\";\n\nconst Content = styled.div`\n    width: 100%;\n    border-right: 1px solid var(--mdc-theme-background);\n    border-bottom: 1px solid var(--mdc-theme-background);\n    border-left: 1px solid var(--mdc-theme-background);\n    box-sizing: border-box;\n    > .mdc-layout-grid {\n        margin: -24px;\n    }\n`;\n\nconst listItem = css`\n    cursor: pointer;\n    border-bottom: 1px solid var(--mdc-theme-background);\n    &:last-child {\n        border-bottom: none;\n    }\n    .mdc-list-item__graphic {\n        margin-right: 20px;\n    }\n`;\n\nconst ListItemTitle = styled.div`\n    font-weight: 600;\n    line-height: 100%;\n`;\n\nconst ListItemDescription = styled.div`\n    line-height: 100%;\n`;\n\nconst TitleContent = styled.div`\n    display: flex;\n    flex-direction: column;\n`;\n\nconst openedState = css`\n    background-color: var(--mdc-theme-on-background);\n`;\n\nconst nonInteractive = css`\n    background-color: var(--mdc-theme-surface);\n`;\n\nconst duration = 150;\nconst defaultStyle = {\n    transition: `all ${duration}ms ease-in-out`,\n    opacity: 0,\n    height: 0,\n    pointerEvents: \"none\",\n    overflow: \"hidden\"\n};\n\ntype TransitionStylesState = \"entering\" | \"entered\" | \"exiting\";\n\n/**\n * We are casting pointerEvents as any because csstype does not have PointerEvents exported. Or at least, that is the error.\n */\nconst transitionStyles = {\n    entering: {\n        opacity: 0,\n        height: 0,\n        padding: \"20px\",\n        pointerEvents: \"auto\" as any,\n        overflow: \"initial\"\n    },\n    entered: {\n        opacity: 1,\n        height: \"auto\",\n        padding: \"20px\",\n        pointerEvents: \"auto\" as any,\n        overflow: \"initial\"\n    },\n    exiting: {\n        height: \"auto\",\n        padding: \"20px\",\n        pointerEvents: \"auto\" as any,\n        overflow: \"initial\"\n    }\n};\n\nconst Divider = styled.span`\n    width: 1px;\n    margin: 0 15px;\n    height: 100%;\n    background-color: var(--mdc-theme-on-background);\n`;\n\nconst Actions = styled(ListItemMeta)`\n    display: flex;\n    height: 40%;\n    align-items: center;\n`;\n\nexport interface AccordionItemProps {\n    /**\n     * Can user toggle the accordion item by clicking it? Defaults to `true`.\n     */\n    interactive?: boolean;\n    /**\n     * Actions to show on the right side of the accordion item\n     */\n    actions?: React.ReactElement | null;\n    /**\n     * Left side icon\n     */\n    icon?: React.ReactElement | null;\n\n    /**\n     * Accordion title\n     */\n    title?: React.ReactNode;\n\n    /**\n     * Optional description\n     */\n    description?: string;\n\n    /**\n     * Append a class name\n     */\n    className?: string;\n\n    /**\n     * Render item opened by default\n     */\n    open?: boolean;\n    /**\n     * For testing purpose\n     */\n    \"data-testid\"?: string;\n    /**\n     * Append a class name to Icon\n     */\n    iconClassName?: string;\n}\n\nconst AccordionItemComponent: React.FC<AccordionItemProps> = props => {\n    const [open, setState] = useState<boolean>(props.open ? props.open : false);\n    const { interactive = true, actions } = props;\n\n    const toggleState = useCallback(() => {\n        setState(!open);\n    }, [open]);\n\n    const onClick = interactive ? toggleState : undefined;\n    const divider = interactive && actions ? <Divider /> : null;\n    const arrowIcon = interactive ? <Icon icon={!open ? <DownArrow /> : <UpArrow />} /> : null;\n\n    useEffect(() => {\n        setState(!!props.open);\n    }, [props.open]);\n\n    return (\n        <div className={classNames(\"webiny-ui-accordion-item\", props.className)}>\n            <ListItem\n                disabled={!interactive}\n                className={classNames(\n                    listItem,\n                    { [openedState]: open },\n                    { [nonInteractive]: !interactive },\n                    \"webiny-ui-accordion-item__list-item\"\n                )}\n                onClick={onClick}\n                data-testid={props[\"data-testid\"]}\n            >\n                {props.icon && (\n                    <ListItemGraphic>\n                        <Icon icon={props.icon} className={props.iconClassName} />\n                    </ListItemGraphic>\n                )}\n\n                <TitleContent className=\"webiny-ui-accordion-item__title\">\n                    <ListItemTitle>{props.title}</ListItemTitle>\n                    {props.description && (\n                        <ListItemDescription>\n                            <Typography use={\"body2\"}>{props.description}</Typography>\n                        </ListItemDescription>\n                    )}\n                </TitleContent>\n                <Actions>\n                    {props.actions ? props.actions : null}\n                    {divider}\n                    {arrowIcon}\n                </Actions>\n            </ListItem>\n            <Transition in={open} timeout={duration}>\n                {(state: TransitionStylesState) => (\n                    <Content\n                        style={{ ...defaultStyle, ...transitionStyles[state] }}\n                        className=\"webiny-ui-accordion-item__content\"\n                    >\n                        {props.children}\n                    </Content>\n                )}\n            </Transition>\n        </div>\n    );\n};\n\ntype AccordionItem = React.FC<AccordionItemProps> & {\n    Divider: typeof Divider;\n    Actions: typeof AccordionItemActions;\n    Action: typeof AccordionItemAction;\n};\n\nexport const AccordionItem: AccordionItem = Object.assign(AccordionItemComponent, {\n    Divider,\n    Action: AccordionItemAction,\n    Actions: AccordionItemActions\n});\n"],"mappings":"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"}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_List","_Transition","_interopRequireDefault","_Icon","_styled","_emotion","_Typography","_roundKeyboard_arrow_up24px","_roundKeyboard_arrow_down24px","_classnames","_AccordionItemActions","Content","styled","label","target","listItem","css","ListItemTitle","ListItemDescription","TitleContent","openedState","nonInteractive","duration","defaultStyle","transition","concat","opacity","height","pointerEvents","overflow","transitionStyles","entering","padding","entered","exiting","Divider","Actions","ListItemMeta","AccordionItemComponent","props","_useState","useState","open","_useState2","_slicedToArray2","default","setState","_props$interactive","interactive","actions","toggleState","useCallback","onClick","undefined","divider","createElement","arrowIcon","Icon","icon","ReactComponent","useEffect","className","classNames","ListItem","disabled","_defineProperty2","ListItemGraphic","iconClassName","title","description","Typography","use","in","timeout","state","style","_objectSpread2","children","AccordionItem","Object","assign","Action","AccordionItemAction","AccordionItemActions","exports"],"sources":["AccordionItem.tsx"],"sourcesContent":["import React, { useState, useCallback, useEffect } from \"react\";\nimport { ListItem, ListItemGraphic, ListItemMeta } from \"~/List\";\nimport Transition from \"react-transition-group/Transition\";\nimport { Icon } from \"~/Icon\";\nimport styled from \"@emotion/styled\";\nimport { css } from \"emotion\";\nimport { Typography } from \"~/Typography\";\n\nimport { ReactComponent as UpArrow } from \"./icons/round-keyboard_arrow_up-24px.svg\";\nimport { ReactComponent as DownArrow } from \"./icons/round-keyboard_arrow_down-24px.svg\";\nimport classNames from \"classnames\";\nimport { AccordionItemAction, AccordionItemActions } from \"~/Accordion/AccordionItemActions\";\n\nconst Content = styled.div`\n    width: 100%;\n    border-right: 1px solid var(--mdc-theme-background);\n    border-bottom: 1px solid var(--mdc-theme-background);\n    border-left: 1px solid var(--mdc-theme-background);\n    box-sizing: border-box;\n    > .mdc-layout-grid {\n        margin: -24px;\n    }\n`;\n\nconst listItem = css`\n    cursor: pointer;\n    border-bottom: 1px solid var(--mdc-theme-background);\n    &:last-child {\n        border-bottom: none;\n    }\n    .mdc-list-item__graphic {\n        margin-right: 20px;\n    }\n`;\n\nconst ListItemTitle = styled.div`\n    font-weight: 600;\n    line-height: 100%;\n`;\n\nconst ListItemDescription = styled.div`\n    line-height: 100%;\n`;\n\nconst TitleContent = styled.div`\n    display: flex;\n    flex-direction: column;\n`;\n\nconst openedState = css`\n    background-color: var(--mdc-theme-on-background);\n`;\n\nconst nonInteractive = css`\n    background-color: var(--mdc-theme-surface);\n`;\n\nconst duration = 150;\nconst defaultStyle = {\n    transition: `all ${duration}ms ease-in-out`,\n    opacity: 0,\n    height: 0,\n    pointerEvents: \"none\",\n    overflow: \"hidden\"\n};\n\ntype TransitionStylesState = \"entering\" | \"entered\" | \"exiting\";\n\n/**\n * We are casting pointerEvents as any because csstype does not have PointerEvents exported. Or at least, that is the error.\n */\nconst transitionStyles = {\n    entering: {\n        opacity: 0,\n        height: 0,\n        padding: \"20px\",\n        pointerEvents: \"auto\" as any,\n        overflow: \"initial\"\n    },\n    entered: {\n        opacity: 1,\n        height: \"auto\",\n        padding: \"20px\",\n        pointerEvents: \"auto\" as any,\n        overflow: \"initial\"\n    },\n    exiting: {\n        height: \"auto\",\n        padding: \"20px\",\n        pointerEvents: \"auto\" as any,\n        overflow: \"initial\"\n    }\n};\n\nconst Divider = styled.span`\n    width: 1px;\n    margin: 0 15px;\n    height: 100%;\n    background-color: var(--mdc-theme-on-background);\n`;\n\nconst Actions = styled(ListItemMeta)`\n    display: flex;\n    height: 40%;\n    align-items: center;\n`;\n\nexport interface AccordionItemProps {\n    /**\n     * Can user toggle the accordion item by clicking it? Defaults to `true`.\n     */\n    interactive?: boolean;\n    /**\n     * Actions to show on the right side of the accordion item\n     */\n    actions?: React.ReactElement | null;\n    /**\n     * Left side icon\n     */\n    icon?: React.ReactElement | null;\n\n    /**\n     * Accordion title\n     */\n    title?: React.ReactNode;\n\n    /**\n     * Optional description\n     */\n    description?: string;\n\n    /**\n     * Append a class name\n     */\n    className?: string;\n\n    /**\n     * Render item opened by default\n     */\n    open?: boolean;\n    /**\n     * For testing purpose\n     */\n    \"data-testid\"?: string;\n    /**\n     * Append a class name to Icon\n     */\n    iconClassName?: string;\n}\n\nconst AccordionItemComponent: React.FC<AccordionItemProps> = props => {\n    const [open, setState] = useState<boolean>(props.open ? props.open : false);\n    const { interactive = true, actions } = props;\n\n    const toggleState = useCallback(() => {\n        setState(!open);\n    }, [open]);\n\n    const onClick = interactive ? toggleState : undefined;\n    const divider = interactive && actions ? <Divider /> : null;\n    const arrowIcon = interactive ? <Icon icon={!open ? <DownArrow /> : <UpArrow />} /> : null;\n\n    useEffect(() => {\n        setState(!!props.open);\n    }, [props.open]);\n\n    return (\n        <div className={classNames(\"webiny-ui-accordion-item\", props.className)}>\n            <ListItem\n                disabled={!interactive}\n                className={classNames(\n                    listItem,\n                    { [openedState]: open },\n                    { [nonInteractive]: !interactive },\n                    \"webiny-ui-accordion-item__list-item\"\n                )}\n                onClick={onClick}\n                data-testid={props[\"data-testid\"]}\n            >\n                {props.icon && (\n                    <ListItemGraphic>\n                        <Icon icon={props.icon} className={props.iconClassName} />\n                    </ListItemGraphic>\n                )}\n\n                <TitleContent className=\"webiny-ui-accordion-item__title\">\n                    <ListItemTitle>{props.title}</ListItemTitle>\n                    {props.description && (\n                        <ListItemDescription>\n                            <Typography use={\"body2\"}>{props.description}</Typography>\n                        </ListItemDescription>\n                    )}\n                </TitleContent>\n                <Actions>\n                    {props.actions ? props.actions : null}\n                    {divider}\n                    {arrowIcon}\n                </Actions>\n            </ListItem>\n            <Transition in={open} timeout={duration}>\n                {(state: TransitionStylesState) => (\n                    <Content\n                        style={{ ...defaultStyle, ...transitionStyles[state] }}\n                        className=\"webiny-ui-accordion-item__content\"\n                    >\n                        {props.children}\n                    </Content>\n                )}\n            </Transition>\n        </div>\n    );\n};\n\ntype AccordionItem = React.FC<AccordionItemProps> & {\n    Divider: typeof Divider;\n    Actions: typeof AccordionItemActions;\n    Action: typeof AccordionItemAction;\n};\n\nexport const AccordionItem: AccordionItem = Object.assign(AccordionItemComponent, {\n    Divider,\n    Action: AccordionItemAction,\n    Actions: AccordionItemActions\n});\n"],"mappings":"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"}

package/Accordion/AccordionItemActions.js

@@ -1,36 +1,28 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.AccordionItemActions = exports.AccordionItemAction = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _Button = require("../Button");
-
 var AccordionItemActions = function AccordionItemActions(_ref) {
   var children = _ref.children;
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, children);
 };
-
 exports.AccordionItemActions = AccordionItemActions;
-
 var AccordionItemAction = function AccordionItemAction(_ref2) {
   var icon = _ref2.icon,
-      _onClick = _ref2.onClick,
-      disabled = _ref2.disabled;
+    _onClick = _ref2.onClick,
+    disabled = _ref2.disabled;
   return /*#__PURE__*/_react.default.createElement(_Button.IconButton, {
     disabled: disabled,
     icon: icon,
     onClick: function onClick(e) {
       e.stopPropagation();
-
       _onClick();
     }
   });
 };
-
 exports.AccordionItemAction = AccordionItemAction;

package/Accordion/AccordionItemActions.js.map

@@ -1 +1 @@
-{"version":3,"names":["AccordionItemActions","children","AccordionItemAction","icon","onClick","disabled","e","stopPropagation"],"sources":["AccordionItemActions.tsx"],"sourcesContent":["import React from \"react\";\nimport { IconButton } from \"~/Button\";\n\nexport const AccordionItemActions: React.FC = ({ children }) => {\n    return <>{children}</>;\n};\n\nexport interface AccordionItemActionProps {\n    icon: JSX.Element;\n    onClick: () => void;\n    disabled?: boolean;\n}\n\nexport const AccordionItemAction = ({ icon, onClick, disabled }: AccordionItemActionProps) => {\n    return (\n        <IconButton\n            disabled={disabled}\n            icon={icon}\n            onClick={e => {\n                e.stopPropagation();\n                onClick();\n            }}\n        />\n    );\n};\n"],"mappings":";;;;;;;;;AAAA;;AACA;;AAEO,IAAMA,oBAA8B,GAAG,SAAjCA,oBAAiC,OAAkB;EAAA,IAAfC,QAAe,QAAfA,QAAe;EAC5D,oBAAO,4DAAGA,QAAH,CAAP;AACH,CAFM;;;;AAUA,IAAMC,mBAAmB,GAAG,SAAtBA,mBAAsB,QAA2D;EAAA,IAAxDC,IAAwD,SAAxDA,IAAwD;EAAA,IAAlDC,QAAkD,SAAlDA,OAAkD;EAAA,IAAzCC,QAAyC,SAAzCA,QAAyC;EAC1F,oBACI,6BAAC,kBAAD;IACI,QAAQ,EAAEA,QADd;IAEI,IAAI,EAAEF,IAFV;IAGI,OAAO,EAAE,iBAAAG,CAAC,EAAI;MACVA,CAAC,CAACC,eAAF;;MACAH,QAAO;IACV;EANL,EADJ;AAUH,CAXM"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_Button","AccordionItemActions","_ref","children","default","createElement","Fragment","exports","AccordionItemAction","_ref2","icon","onClick","disabled","IconButton","e","stopPropagation"],"sources":["AccordionItemActions.tsx"],"sourcesContent":["import React from \"react\";\nimport { IconButton } from \"~/Button\";\n\nexport const AccordionItemActions: React.FC = ({ children }) => {\n    return <>{children}</>;\n};\n\nexport interface AccordionItemActionProps {\n    icon: JSX.Element;\n    onClick: () => void;\n    disabled?: boolean;\n}\n\nexport const AccordionItemAction = ({ icon, onClick, disabled }: AccordionItemActionProps) => {\n    return (\n        <IconButton\n            disabled={disabled}\n            icon={icon}\n            onClick={e => {\n                e.stopPropagation();\n                onClick();\n            }}\n        />\n    );\n};\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AAEO,IAAME,oBAA8B,GAAG,SAAjCA,oBAA8BA,CAAAC,IAAA,EAAqB;EAAA,IAAfC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;EACrD,oBAAON,MAAA,CAAAO,OAAA,CAAAC,aAAA,CAAAR,MAAA,CAAAO,OAAA,CAAAE,QAAA,QAAGH,QAAW,CAAC;AAC1B,CAAC;AAACI,OAAA,CAAAN,oBAAA,GAAAA,oBAAA;AAQK,IAAMO,mBAAmB,GAAG,SAAtBA,mBAAmBA,CAAAC,KAAA,EAA8D;EAAA,IAAxDC,IAAI,GAAAD,KAAA,CAAJC,IAAI;IAAEC,QAAO,GAAAF,KAAA,CAAPE,OAAO;IAAEC,QAAQ,GAAAH,KAAA,CAARG,QAAQ;EACzD,oBACIf,MAAA,CAAAO,OAAA,CAAAC,aAAA,CAACL,OAAA,CAAAa,UAAU;IACPD,QAAQ,EAAEA,QAAS;IACnBF,IAAI,EAAEA,IAAK;IACXC,OAAO,EAAE,SAAAA,QAAAG,CAAC,EAAI;MACVA,CAAC,CAACC,eAAe,CAAC,CAAC;MACnBJ,QAAO,CAAC,CAAC;IACb;EAAE,CACL,CAAC;AAEV,CAAC;AAACJ,OAAA,CAAAC,mBAAA,GAAAA,mBAAA"}

package/Accordion/index.js

@@ -3,9 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-
 var _Accordion = require("./Accordion");
-
 Object.keys(_Accordion).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _Accordion[key]) return;
@@ -16,9 +14,7 @@ Object.keys(_Accordion).forEach(function (key) {
     }
   });
 });
-
 var _AccordionItem = require("./AccordionItem");
-
 Object.keys(_AccordionItem).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _AccordionItem[key]) return;

package/Accordion/index.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"./Accordion\";\nexport * from \"./AccordionItem\";\n"],"mappings":";;;;;;AAAA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AACA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA"}
+{"version":3,"names":["_Accordion","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get","_AccordionItem"],"sources":["index.ts"],"sourcesContent":["export * from \"./Accordion\";\nexport * from \"./AccordionItem\";\n"],"mappings":";;;;;AAAA,IAAAA,UAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,UAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,UAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAT,UAAA,CAAAK,GAAA;IAAA;EAAA;AAAA;AACA,IAAAK,cAAA,GAAAT,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAO,cAAA,EAAAN,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAK,cAAA,CAAAL,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAC,cAAA,CAAAL,GAAA;IAAA;EAAA;AAAA"}

package/Alert/Alert.js

@@ -1,18 +1,13 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.Alert = void 0;
-
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _emotion = require("emotion");
-
 var _excluded = ["title", "type", "children"];
 var alertStyles = /*#__PURE__*/(0, _emotion.css)({
   borderLeft: "3px solid red",
@@ -42,15 +37,14 @@ var alertStyles = /*#__PURE__*/(0, _emotion.css)({
     borderColor: "#E4495C"
   }
 }, "label:alertStyles;");
-
 /**
  * Use Alert component to display user's avatar.
  */
 var Alert = function Alert(props) {
   var title = props.title,
-      type = props.type,
-      children = props.children,
-      rest = (0, _objectWithoutProperties2.default)(props, _excluded);
+    type = props.type,
+    children = props.children,
+    rest = (0, _objectWithoutProperties2.default)(props, _excluded);
   return /*#__PURE__*/_react.default.createElement("div", Object.assign({}, rest, {
     className: alertStyles + " webiny-ui-alert webiny-ui-alert--" + type
   }), /*#__PURE__*/_react.default.createElement("p", {
@@ -59,5 +53,4 @@ var Alert = function Alert(props) {
     className: "webiny-ui-alert__message"
   }, children));
 };
-
 exports.Alert = Alert;

package/Alert/Alert.js.map

@@ -1 +1 @@
-{"version":3,"names":["alertStyles","css","borderLeft","margin","padding","fontWeight","lineHeight","color","marginBottom","fontSize","borderColor","Alert","props","title","type","children","rest"],"sources":["Alert.tsx"],"sourcesContent":["import React from \"react\";\nimport { css } from \"emotion\";\n\nconst alertStyles = css({\n    borderLeft: \"3px solid red\",\n    margin: \"5px 0 15px 0\",\n    padding: \"2px 0 2px 10px\",\n    \".webiny-ui-alert__title\": {\n        fontWeight: 600,\n        lineHeight: \"150%\",\n        color: \"var(--mdc-theme-on-surface)\",\n        marginBottom: 5\n    },\n    \".webiny-ui-alert__message\": {\n        lineHeight: \"120%\",\n        fontSize: 14,\n        color: \"var(--mdc-theme-on-surface)\"\n    },\n    \"&.webiny-ui-alert--success\": {\n        borderColor: \"#21CEAF\"\n    },\n    \"&.webiny-ui-alert--info\": {\n        borderColor: \"#29A9DB\"\n    },\n    \"&.webiny-ui-alert--warning\": {\n        borderColor: \"#F45C3C\"\n    },\n    \"&.webiny-ui-alert--danger\": {\n        borderColor: \"#E4495C\"\n    }\n});\n\nexport type AlertType = \"success\" | \"info\" | \"warning\" | \"danger\";\n\nexport interface AlertProps {\n    // Alert title.\n    title: string;\n\n    // Alert type.\n    type: AlertType;\n\n    // Alert message.\n    children?: React.ReactNode;\n\n    // CSS class name\n    className?: string;\n\n    // Style object\n    style?: React.CSSProperties;\n}\n\n/**\n * Use Alert component to display user's avatar.\n */\nconst Alert: React.FC<AlertProps> = props => {\n    const { title, type, children, ...rest } = props;\n\n    return (\n        <div {...rest} className={alertStyles + \" webiny-ui-alert webiny-ui-alert--\" + type}>\n            <p className={\"webiny-ui-alert__title\"}>{title}</p>\n            <p className={\"webiny-ui-alert__message\"}>{children}</p>\n        </div>\n    );\n};\n\nexport { Alert };\n"],"mappings":";;;;;;;;;;;AAAA;;AACA;;;AAEA,IAAMA,WAAW,gBAAG,IAAAC,YAAA,EAAI;EACpBC,UAAU,EAAE,eADQ;EAEpBC,MAAM,EAAE,cAFY;EAGpBC,OAAO,EAAE,gBAHW;EAIpB,2BAA2B;IACvBC,UAAU,EAAE,GADW;IAEvBC,UAAU,EAAE,MAFW;IAGvBC,KAAK,EAAE,6BAHgB;IAIvBC,YAAY,EAAE;EAJS,CAJP;EAUpB,6BAA6B;IACzBF,UAAU,EAAE,MADa;IAEzBG,QAAQ,EAAE,EAFe;IAGzBF,KAAK,EAAE;EAHkB,CAVT;EAepB,8BAA8B;IAC1BG,WAAW,EAAE;EADa,CAfV;EAkBpB,2BAA2B;IACvBA,WAAW,EAAE;EADU,CAlBP;EAqBpB,8BAA8B;IAC1BA,WAAW,EAAE;EADa,CArBV;EAwBpB,6BAA6B;IACzBA,WAAW,EAAE;EADY;AAxBT,CAAJ,uBAApB;;AAgDA;AACA;AACA;AACA,IAAMC,KAA2B,GAAG,SAA9BA,KAA8B,CAAAC,KAAK,EAAI;EACzC,IAAQC,KAAR,GAA2CD,KAA3C,CAAQC,KAAR;EAAA,IAAeC,IAAf,GAA2CF,KAA3C,CAAeE,IAAf;EAAA,IAAqBC,QAArB,GAA2CH,KAA3C,CAAqBG,QAArB;EAAA,IAAkCC,IAAlC,0CAA2CJ,KAA3C;EAEA,oBACI,sDAASI,IAAT;IAAe,SAAS,EAAEhB,WAAW,GAAG,oCAAd,GAAqDc;EAA/E,iBACI;IAAG,SAAS,EAAE;EAAd,GAAyCD,KAAzC,CADJ,eAEI;IAAG,SAAS,EAAE;EAAd,GAA2CE,QAA3C,CAFJ,CADJ;AAMH,CATD"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_emotion","_excluded","alertStyles","css","borderLeft","margin","padding","fontWeight","lineHeight","color","marginBottom","fontSize","borderColor","Alert","props","title","type","children","rest","_objectWithoutProperties2","default","createElement","Object","assign","className","exports"],"sources":["Alert.tsx"],"sourcesContent":["import React from \"react\";\nimport { css } from \"emotion\";\n\nconst alertStyles = css({\n    borderLeft: \"3px solid red\",\n    margin: \"5px 0 15px 0\",\n    padding: \"2px 0 2px 10px\",\n    \".webiny-ui-alert__title\": {\n        fontWeight: 600,\n        lineHeight: \"150%\",\n        color: \"var(--mdc-theme-on-surface)\",\n        marginBottom: 5\n    },\n    \".webiny-ui-alert__message\": {\n        lineHeight: \"120%\",\n        fontSize: 14,\n        color: \"var(--mdc-theme-on-surface)\"\n    },\n    \"&.webiny-ui-alert--success\": {\n        borderColor: \"#21CEAF\"\n    },\n    \"&.webiny-ui-alert--info\": {\n        borderColor: \"#29A9DB\"\n    },\n    \"&.webiny-ui-alert--warning\": {\n        borderColor: \"#F45C3C\"\n    },\n    \"&.webiny-ui-alert--danger\": {\n        borderColor: \"#E4495C\"\n    }\n});\n\nexport type AlertType = \"success\" | \"info\" | \"warning\" | \"danger\";\n\nexport interface AlertProps {\n    // Alert title.\n    title: string;\n\n    // Alert type.\n    type: AlertType;\n\n    // Alert message.\n    children?: React.ReactNode;\n\n    // CSS class name\n    className?: string;\n\n    // Style object\n    style?: React.CSSProperties;\n}\n\n/**\n * Use Alert component to display user's avatar.\n */\nconst Alert: React.FC<AlertProps> = props => {\n    const { title, type, children, ...rest } = props;\n\n    return (\n        <div {...rest} className={alertStyles + \" webiny-ui-alert webiny-ui-alert--\" + type}>\n            <p className={\"webiny-ui-alert__title\"}>{title}</p>\n            <p className={\"webiny-ui-alert__message\"}>{children}</p>\n        </div>\n    );\n};\n\nexport { Alert };\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA;AAA8B,IAAAE,SAAA;AAE9B,IAAMC,WAAW,gBAAG,IAAAC,YAAG,EAAC;EACpBC,UAAU,EAAE,eAAe;EAC3BC,MAAM,EAAE,cAAc;EACtBC,OAAO,EAAE,gBAAgB;EACzB,yBAAyB,EAAE;IACvBC,UAAU,EAAE,GAAG;IACfC,UAAU,EAAE,MAAM;IAClBC,KAAK,EAAE,6BAA6B;IACpCC,YAAY,EAAE;EAClB,CAAC;EACD,2BAA2B,EAAE;IACzBF,UAAU,EAAE,MAAM;IAClBG,QAAQ,EAAE,EAAE;IACZF,KAAK,EAAE;EACX,CAAC;EACD,4BAA4B,EAAE;IAC1BG,WAAW,EAAE;EACjB,CAAC;EACD,yBAAyB,EAAE;IACvBA,WAAW,EAAE;EACjB,CAAC;EACD,4BAA4B,EAAE;IAC1BA,WAAW,EAAE;EACjB,CAAC;EACD,2BAA2B,EAAE;IACzBA,WAAW,EAAE;EACjB;AACJ,CAAC,uBAAC;AAqBF;AACA;AACA;AACA,IAAMC,KAA2B,GAAG,SAA9BA,KAA2BA,CAAGC,KAAK,EAAI;EACzC,IAAQC,KAAK,GAA8BD,KAAK,CAAxCC,KAAK;IAAEC,IAAI,GAAwBF,KAAK,CAAjCE,IAAI;IAAEC,QAAQ,GAAcH,KAAK,CAA3BG,QAAQ;IAAKC,IAAI,OAAAC,yBAAA,CAAAC,OAAA,EAAKN,KAAK,EAAAb,SAAA;EAEhD,oBACIJ,MAAA,CAAAuB,OAAA,CAAAC,aAAA,QAAAC,MAAA,CAAAC,MAAA,KAASL,IAAI;IAAEM,SAAS,EAAEtB,WAAW,GAAG,oCAAoC,GAAGc;EAAK,iBAChFnB,MAAA,CAAAuB,OAAA,CAAAC,aAAA;IAAGG,SAAS,EAAE;EAAyB,GAAET,KAAS,CAAC,eACnDlB,MAAA,CAAAuB,OAAA,CAAAC,aAAA;IAAGG,SAAS,EAAE;EAA2B,GAAEP,QAAY,CACtD,CAAC;AAEd,CAAC;AAACQ,OAAA,CAAAZ,KAAA,GAAAA,KAAA"}

package/Alert/Alert.stories.js

@@ -1,17 +1,11 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _react2 = require("@storybook/react");
-
 var _Story = require("@webiny/storybook-utils/Story");
-
 var _README = _interopRequireDefault(require("./README.md"));
-
 var _Alert = require("./Alert");
-
 var story = (0, _react2.storiesOf)("Components/Alert", module);
 story.add("usage", function () {
   return /*#__PURE__*/_react.default.createElement(_Story.Story, null, /*#__PURE__*/_react.default.createElement(_Story.StoryReadme, null, _README.default), /*#__PURE__*/_react.default.createElement(_Story.StorySandbox, null, /*#__PURE__*/_react.default.createElement(_Story.StorySandboxExample, {

package/Alert/Alert.stories.js.map

@@ -1 +1 @@
-{"version":3,"names":["story","storiesOf","module","add","readme","info","propTables","Alert"],"sources":["Alert.stories.tsx"],"sourcesContent":["import React from \"react\";\nimport { storiesOf } from \"@storybook/react\";\nimport {\n    Story,\n    StoryReadme,\n    StorySandboxCode,\n    StorySandbox,\n    StorySandboxExample\n} from \"@webiny/storybook-utils/Story\";\nimport readme from \"./README.md\";\n\nimport { Alert } from \"./Alert\";\n\nconst story = storiesOf(\"Components/Alert\", module);\n\nstory.add(\n    \"usage\",\n    () => {\n        return (\n            <Story>\n                <StoryReadme>{readme}</StoryReadme>\n                <StorySandbox>\n                    <StorySandboxExample title={\"Info\"}>\n                        <Alert title={\"Something went wrong!\"} type={\"info\"}>\n                            We failed to fetch your data.\n                        </Alert>\n                    </StorySandboxExample>\n                    <StorySandboxCode>\n                        <Alert title={\"Something went wrong!\"} type={\"info\"}>\n                            We failed to fetch your data.\n                        </Alert>\n                    </StorySandboxCode>\n                </StorySandbox>\n                <StorySandbox>\n                    <StorySandboxExample title={\"Danger\"}>\n                        <Alert title={\"Something went wrong!\"} type={\"danger\"}>\n                            Please contact support!\n                        </Alert>\n                    </StorySandboxExample>\n                    <StorySandboxCode>\n                        <Alert title={\"Something went wrong!\"} type={\"danger\"}>\n                            Please contact support!\n                        </Alert>\n                    </StorySandboxCode>\n                </StorySandbox>\n            </Story>\n        );\n    },\n    { info: { propTables: [Alert] } }\n);\n"],"mappings":";;;;AAAA;;AACA;;AACA;;AAOA;;AAEA;;AAEA,IAAMA,KAAK,GAAG,IAAAC,iBAAA,EAAU,kBAAV,EAA8BC,MAA9B,CAAd;AAEAF,KAAK,CAACG,GAAN,CACI,OADJ,EAEI,YAAM;EACF,oBACI,6BAAC,YAAD,qBACI,6BAAC,kBAAD,QAAcC,eAAd,CADJ,eAEI,6BAAC,mBAAD,qBACI,6BAAC,0BAAD;IAAqB,KAAK,EAAE;EAA5B,gBACI,6BAAC,YAAD;IAAO,KAAK,EAAE,uBAAd;IAAuC,IAAI,EAAE;EAA7C,mCADJ,CADJ,eAMI,6BAAC,uBAAD,qBACI,6BAAC,YAAD;IAAO,KAAK,EAAE,uBAAd;IAAuC,IAAI,EAAE;EAA7C,mCADJ,CANJ,CAFJ,eAcI,6BAAC,mBAAD,qBACI,6BAAC,0BAAD;IAAqB,KAAK,EAAE;EAA5B,gBACI,6BAAC,YAAD;IAAO,KAAK,EAAE,uBAAd;IAAuC,IAAI,EAAE;EAA7C,6BADJ,CADJ,eAMI,6BAAC,uBAAD,qBACI,6BAAC,YAAD;IAAO,KAAK,EAAE,uBAAd;IAAuC,IAAI,EAAE;EAA7C,6BADJ,CANJ,CAdJ,CADJ;AA6BH,CAhCL,EAiCI;EAAEC,IAAI,EAAE;IAAEC,UAAU,EAAE,CAACC,YAAD;EAAd;AAAR,CAjCJ"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_react2","_Story","_README","_Alert","story","storiesOf","module","add","default","createElement","Story","StoryReadme","readme","StorySandbox","StorySandboxExample","title","Alert","type","StorySandboxCode","info","propTables"],"sources":["Alert.stories.tsx"],"sourcesContent":["import React from \"react\";\nimport { storiesOf } from \"@storybook/react\";\nimport {\n    Story,\n    StoryReadme,\n    StorySandboxCode,\n    StorySandbox,\n    StorySandboxExample\n} from \"@webiny/storybook-utils/Story\";\nimport readme from \"./README.md\";\n\nimport { Alert } from \"./Alert\";\n\nconst story = storiesOf(\"Components/Alert\", module);\n\nstory.add(\n    \"usage\",\n    () => {\n        return (\n            <Story>\n                <StoryReadme>{readme}</StoryReadme>\n                <StorySandbox>\n                    <StorySandboxExample title={\"Info\"}>\n                        <Alert title={\"Something went wrong!\"} type={\"info\"}>\n                            We failed to fetch your data.\n                        </Alert>\n                    </StorySandboxExample>\n                    <StorySandboxCode>\n                        <Alert title={\"Something went wrong!\"} type={\"info\"}>\n                            We failed to fetch your data.\n                        </Alert>\n                    </StorySandboxCode>\n                </StorySandbox>\n                <StorySandbox>\n                    <StorySandboxExample title={\"Danger\"}>\n                        <Alert title={\"Something went wrong!\"} type={\"danger\"}>\n                            Please contact support!\n                        </Alert>\n                    </StorySandboxExample>\n                    <StorySandboxCode>\n                        <Alert title={\"Something went wrong!\"} type={\"danger\"}>\n                            Please contact support!\n                        </Alert>\n                    </StorySandboxCode>\n                </StorySandbox>\n            </Story>\n        );\n    },\n    { info: { propTables: [Alert] } }\n);\n"],"mappings":";;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AAOA,IAAAG,OAAA,GAAAJ,sBAAA,CAAAC,OAAA;AAEA,IAAAI,MAAA,GAAAJ,OAAA;AAEA,IAAMK,KAAK,GAAG,IAAAC,iBAAS,EAAC,kBAAkB,EAAEC,MAAM,CAAC;AAEnDF,KAAK,CAACG,GAAG,CACL,OAAO,EACP,YAAM;EACF,oBACIV,MAAA,CAAAW,OAAA,CAAAC,aAAA,CAACR,MAAA,CAAAS,KAAK,qBACFb,MAAA,CAAAW,OAAA,CAAAC,aAAA,CAACR,MAAA,CAAAU,WAAW,QAAEC,eAAoB,CAAC,eACnCf,MAAA,CAAAW,OAAA,CAAAC,aAAA,CAACR,MAAA,CAAAY,YAAY,qBACThB,MAAA,CAAAW,OAAA,CAAAC,aAAA,CAACR,MAAA,CAAAa,mBAAmB;IAACC,KAAK,EAAE;EAAO,gBAC/BlB,MAAA,CAAAW,OAAA,CAAAC,aAAA,CAACN,MAAA,CAAAa,KAAK;IAACD,KAAK,EAAE,uBAAwB;IAACE,IAAI,EAAE;EAAO,GAAC,+BAE9C,CACU,CAAC,eACtBpB,MAAA,CAAAW,OAAA,CAAAC,aAAA,CAACR,MAAA,CAAAiB,gBAAgB,qBACbrB,MAAA,CAAAW,OAAA,CAAAC,aAAA,CAACN,MAAA,CAAAa,KAAK;IAACD,KAAK,EAAE,uBAAwB;IAACE,IAAI,EAAE;EAAO,GAAC,+BAE9C,CACO,CACR,CAAC,eACfpB,MAAA,CAAAW,OAAA,CAAAC,aAAA,CAACR,MAAA,CAAAY,YAAY,qBACThB,MAAA,CAAAW,OAAA,CAAAC,aAAA,CAACR,MAAA,CAAAa,mBAAmB;IAACC,KAAK,EAAE;EAAS,gBACjClB,MAAA,CAAAW,OAAA,CAAAC,aAAA,CAACN,MAAA,CAAAa,KAAK;IAACD,KAAK,EAAE,uBAAwB;IAACE,IAAI,EAAE;EAAS,GAAC,yBAEhD,CACU,CAAC,eACtBpB,MAAA,CAAAW,OAAA,CAAAC,aAAA,CAACR,MAAA,CAAAiB,gBAAgB,qBACbrB,MAAA,CAAAW,OAAA,CAAAC,aAAA,CAACN,MAAA,CAAAa,KAAK;IAACD,KAAK,EAAE,uBAAwB;IAACE,IAAI,EAAE;EAAS,GAAC,yBAEhD,CACO,CACR,CACX,CAAC;AAEhB,CAAC,EACD;EAAEE,IAAI,EAAE;IAAEC,UAAU,EAAE,CAACJ,YAAK;EAAE;AAAE,CACpC,CAAC"}

package/Alert/index.js

@@ -3,9 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-
 var _Alert = require("./Alert");
-
 Object.keys(_Alert).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _Alert[key]) return;

package/Alert/index.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"./Alert\";\n"],"mappings":";;;;;;AAAA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA"}
+{"version":3,"names":["_Alert","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get"],"sources":["index.ts"],"sourcesContent":["export * from \"./Alert\";\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,MAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,MAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAT,MAAA,CAAAK,GAAA;IAAA;EAAA;AAAA"}

package/AutoComplete/AutoComplete.d.ts

@@ -9,6 +9,7 @@ export interface AutoCompleteProps extends Omit<AutoCompleteBaseProps, "onChange
     onChange?: (value: any, selection?: any) => void;
     loading?: boolean;
     noResultFound?: React.ReactNode;
+    size?: "small" | "medium" | "large";
 }
 interface State {
     inputValue: string;