@webiny/ui 5.43.2 → 6.0.0-alpha.0

package/TopAppBar/index.js

@@ -1,84 +1,9 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var _TopAppBar = require("./TopAppBar");
-Object.keys(_TopAppBar).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _TopAppBar[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _TopAppBar[key];
-    }
-  });
-});
-var _TopAppBarPrimary = require("./TopAppBarPrimary");
-Object.keys(_TopAppBarPrimary).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _TopAppBarPrimary[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _TopAppBarPrimary[key];
-    }
-  });
-});
-var _TopAppBarSecondary = require("./TopAppBarSecondary");
-Object.keys(_TopAppBarSecondary).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _TopAppBarSecondary[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _TopAppBarSecondary[key];
-    }
-  });
-});
-var _TopAppBarSection = require("./TopAppBarSection");
-Object.keys(_TopAppBarSection).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _TopAppBarSection[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _TopAppBarSection[key];
-    }
-  });
-});
-var _TopAppBarTitle = require("./TopAppBarTitle");
-Object.keys(_TopAppBarTitle).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _TopAppBarTitle[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _TopAppBarTitle[key];
-    }
-  });
-});
-var _TopAppBarNavigationIcon = require("./TopAppBarNavigationIcon");
-Object.keys(_TopAppBarNavigationIcon).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _TopAppBarNavigationIcon[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _TopAppBarNavigationIcon[key];
-    }
-  });
-});
-var _TopAppBarActionItem = require("./TopAppBarActionItem");
-Object.keys(_TopAppBarActionItem).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _TopAppBarActionItem[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _TopAppBarActionItem[key];
-    }
-  });
-});
+export * from "./TopAppBar";
+export * from "./TopAppBarPrimary";
+export * from "./TopAppBarSecondary";
+export * from "./TopAppBarSection";
+export * from "./TopAppBarTitle";
+export * from "./TopAppBarNavigationIcon";
+export * from "./TopAppBarActionItem";
 
 //# sourceMappingURL=index.js.map

package/TopAppBar/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_TopAppBar","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get","_TopAppBarPrimary","_TopAppBarSecondary","_TopAppBarSection","_TopAppBarTitle","_TopAppBarNavigationIcon","_TopAppBarActionItem"],"sources":["index.ts"],"sourcesContent":["export * from \"./TopAppBar\";\nexport * from \"./TopAppBarPrimary\";\nexport * from \"./TopAppBarSecondary\";\nexport * from \"./TopAppBarSection\";\nexport * from \"./TopAppBarTitle\";\nexport * from \"./TopAppBarNavigationIcon\";\nexport * from \"./TopAppBarActionItem\";\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"./TopAppBar\";\nexport * from \"./TopAppBarPrimary\";\nexport * from \"./TopAppBarSecondary\";\nexport * from \"./TopAppBarSection\";\nexport * from \"./TopAppBarTitle\";\nexport * from \"./TopAppBarNavigationIcon\";\nexport * from \"./TopAppBarActionItem\";\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA","ignoreList":[]}

package/Typography/Typography.d.ts

@@ -1,13 +1,18 @@
 import React from "react";
-import { TypographyProps as RmwcTypographyProps } from "@rmwc/typography";
-interface TypographyProps extends RmwcTypographyProps {
+export declare type TypographyT = "headline1" | "headline2" | "headline3" | "headline4" | "headline5" | "headline6" | "subtitle1" | "subtitle2" | "body1" | "body2" | "caption" | "button" | "overline";
+interface TypographyProps {
+    use: TypographyT;
     children?: React.ReactNode;
     className?: string;
+    /**
+     * @deprecated
+     */
     style?: React.CSSProperties;
     tag?: string;
 }
 /**
- * Use Ripple component to display a list of choices, once the handler is triggered.
+ * @deprecated This component is deprecated and will be removed in future releases.
+ * Please use the `Heading` or `Text` components from the `@webiny/admin-ui` package instead.
  */
 declare const Typography: (props: TypographyProps) => React.JSX.Element;
 export { Typography, TypographyProps };

package/Typography/Typography.js

@@ -1,17 +1,37 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Typography = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _typography = require("@rmwc/typography");
+import React from "react";
+import { Heading, Text } from "@webiny/admin-ui";
 /**
- * Use Ripple component to display a list of choices, once the handler is triggered.
+ * @deprecated This component is deprecated and will be removed in future releases.
+ * Please use the `Heading` or `Text` components from the `@webiny/admin-ui` package instead.
  */
-var Typography = exports.Typography = function Typography(props) {
-  return /*#__PURE__*/_react.default.createElement(_typography.Typography, props, props.children);
+const Typography = props => {
+  const {
+    children,
+    use,
+    className
+  } = props;
+
+  // Define a mapping of use values to heading levels
+  const headingLevelMap = {
+    headline1: 1,
+    headline2: 2,
+    headline3: 3,
+    headline4: 4,
+    headline5: 5,
+    headline6: 6
+  };
+  if (use in headingLevelMap) {
+    const level = headingLevelMap[use];
+    return /*#__PURE__*/React.createElement(Heading, {
+      level: level,
+      className: className
+    }, children);
+  }
+  return /*#__PURE__*/React.createElement(Text, {
+    size: "md",
+    className: className
+  }, children);
 };
+export { Typography };
 
 //# sourceMappingURL=Typography.js.map

package/Typography/Typography.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_typography","Typography","exports","props","default","createElement","children"],"sources":["Typography.tsx"],"sourcesContent":["import React from \"react\";\nimport {\n    Typography as RwmcTypography,\n    TypographyProps as RmwcTypographyProps\n} from \"@rmwc/typography\";\n\ninterface TypographyProps extends RmwcTypographyProps {\n    children?: React.ReactNode;\n    className?: string;\n    style?: React.CSSProperties;\n    tag?: string;\n}\n\n/**\n * Use Ripple component to display a list of choices, once the handler is triggered.\n */\nconst Typography = (props: TypographyProps) => {\n    return <RwmcTypography {...props}>{props.children}</RwmcTypography>;\n};\n\nexport { Typography, TypographyProps };\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AAYA;AACA;AACA;AACA,IAAME,UAAU,GAAAC,OAAA,CAAAD,UAAA,GAAG,SAAbA,UAAUA,CAAIE,KAAsB,EAAK;EAC3C,oBAAON,MAAA,CAAAO,OAAA,CAAAC,aAAA,CAACL,WAAA,CAAAC,UAAc,EAAKE,KAAK,EAAGA,KAAK,CAACG,QAAyB,CAAC;AACvE,CAAC","ignoreList":[]}
+{"version":3,"names":["React","Heading","Text","Typography","props","children","use","className","headingLevelMap","headline1","headline2","headline3","headline4","headline5","headline6","level","createElement","size"],"sources":["Typography.tsx"],"sourcesContent":["import React from \"react\";\nimport { Heading, HeadingLevels, Text } from \"@webiny/admin-ui\";\n\nexport declare type TypographyT =\n    | \"headline1\"\n    | \"headline2\"\n    | \"headline3\"\n    | \"headline4\"\n    | \"headline5\"\n    | \"headline6\"\n    | \"subtitle1\"\n    | \"subtitle2\"\n    | \"body1\"\n    | \"body2\"\n    | \"caption\"\n    | \"button\"\n    | \"overline\";\n\ninterface TypographyProps {\n    use: TypographyT;\n    children?: React.ReactNode;\n    className?: string;\n    /**\n     * @deprecated\n     */\n    style?: React.CSSProperties;\n    tag?: string;\n}\n\n/**\n * @deprecated This component is deprecated and will be removed in future releases.\n * Please use the `Heading` or `Text` components from the `@webiny/admin-ui` package instead.\n */\nconst Typography = (props: TypographyProps) => {\n    const { children, use, className } = props;\n\n    // Define a mapping of use values to heading levels\n    const headingLevelMap: { [key: string]: HeadingLevels } = {\n        headline1: 1,\n        headline2: 2,\n        headline3: 3,\n        headline4: 4,\n        headline5: 5,\n        headline6: 6\n    };\n\n    if (use in headingLevelMap) {\n        const level = headingLevelMap[use];\n        return (\n            <Heading level={level} className={className}>\n                {children}\n            </Heading>\n        );\n    }\n\n    return (\n        <Text size={\"md\"} className={className}>\n            {children}\n        </Text>\n    );\n};\n\nexport { Typography, TypographyProps };\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,OAAO,EAAiBC,IAAI,QAAQ,kBAAkB;AA4B/D;AACA;AACA;AACA;AACA,MAAMC,UAAU,GAAIC,KAAsB,IAAK;EAC3C,MAAM;IAAEC,QAAQ;IAAEC,GAAG;IAAEC;EAAU,CAAC,GAAGH,KAAK;;EAE1C;EACA,MAAMI,eAAiD,GAAG;IACtDC,SAAS,EAAE,CAAC;IACZC,SAAS,EAAE,CAAC;IACZC,SAAS,EAAE,CAAC;IACZC,SAAS,EAAE,CAAC;IACZC,SAAS,EAAE,CAAC;IACZC,SAAS,EAAE;EACf,CAAC;EAED,IAAIR,GAAG,IAAIE,eAAe,EAAE;IACxB,MAAMO,KAAK,GAAGP,eAAe,CAACF,GAAG,CAAC;IAClC,oBACIN,KAAA,CAAAgB,aAAA,CAACf,OAAO;MAACc,KAAK,EAAEA,KAAM;MAACR,SAAS,EAAEA;IAAU,GACvCF,QACI,CAAC;EAElB;EAEA,oBACIL,KAAA,CAAAgB,aAAA,CAACd,IAAI;IAACe,IAAI,EAAE,IAAK;IAACV,SAAS,EAAEA;EAAU,GAClCF,QACC,CAAC;AAEf,CAAC;AAED,SAASF,UAAU","ignoreList":[]}

package/Typography/index.js

@@ -1,18 +1,3 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var _Typography = require("./Typography");
-Object.keys(_Typography).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _Typography[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _Typography[key];
-    }
-  });
-});
+export * from "./Typography";
 
 //# sourceMappingURL=index.js.map

package/Typography/index.js.map

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

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@webiny/ui",
-	"version": "5.43.2",
+	"version": "6.0.0-alpha.0",
 	"main": "index.js",
 	"repository": {
 		"type": "git",
@@ -14,70 +14,19 @@
 	],
 	"license": "MIT",
 	"dependencies": {
-		"@editorjs/editorjs": "2.26.5",
-		"@emotion/react": "11.10.8",
-		"@emotion/styled": "11.10.6",
-		"@material-design-icons/svg": "0.14.13",
-		"@rmwc/button": "14.3.5",
-		"@rmwc/checkbox": "14.3.5",
-		"@rmwc/chip": "14.3.5",
-		"@rmwc/data-table": "14.3.5",
-		"@rmwc/dialog": "14.3.5",
-		"@rmwc/drawer": "14.3.5",
-		"@rmwc/elevation": "14.3.5",
-		"@rmwc/fab": "14.3.5",
-		"@rmwc/grid": "14.3.5",
-		"@rmwc/icon-button": "14.3.5",
-		"@rmwc/list": "14.3.5",
-		"@rmwc/menu": "14.3.5",
-		"@rmwc/radio": "14.3.5",
-		"@rmwc/ripple": "14.3.5",
-		"@rmwc/select": "14.3.5",
-		"@rmwc/slider": "14.3.5",
-		"@rmwc/snackbar": "14.3.5",
-		"@rmwc/switch": "14.3.5",
-		"@rmwc/tabs": "14.3.5",
-		"@rmwc/textfield": "14.3.5",
-		"@rmwc/top-app-bar": "14.3.5",
-		"@rmwc/touch-target": "14.3.5",
-		"@rmwc/typography": "14.3.5",
 		"@svgr/webpack": "6.5.1",
-		"@tanstack/react-table": "8.7.9",
-		"@webiny/form": "5.43.2",
-		"@webiny/utils": "5.43.2",
-		"brace": "0.11.1",
+		"@webiny/admin-ui": "6.0.0-alpha.0",
+		"@webiny/utils": "6.0.0-alpha.0",
 		"classnames": "2.5.1",
-		"cropperjs": "1.5.13",
-		"dot-prop-immutable": "2.1.1",
-		"downshift": "2.2.3",
-		"emotion": "10.0.27",
 		"keycode": "2.2.1",
-		"load-script": "1.0.0",
-		"lodash": "4.17.21",
-		"material-components-web": "14.0.0",
-		"nprogress": "0.2.0",
-		"nuka-carousel": "4.7.1",
-		"rc-tooltip": "5.3.1",
-		"react-ace": "6.6.0",
-		"react-butterfiles": "1.3.3",
-		"react-color": "2.19.3",
-		"react-columned": "1.1.3",
-		"react-custom-scrollbars": "4.2.1",
-		"react-loading-skeleton": "3.1.0",
-		"react-spinner-material": "1.1.4",
-		"react-transition-group": "4.4.5",
-		"timeago-react": "3.0.6"
+		"lodash": "4.17.21"
 	},
 	"devDependencies": {
 		"@emotion/babel-plugin": "11.11.0",
 		"@testing-library/react": "15.0.7",
-		"@types/nprogress": "0.2.0",
-		"@types/react-color": "2.17.11",
-		"@types/react-custom-scrollbars": "4.0.10",
-		"@types/react-transition-group": "4.4.5",
-		"@webiny/cli": "5.43.2",
-		"@webiny/project-utils": "5.43.2",
-		"@webiny/validation": "5.43.2",
+		"@webiny/cli": "6.0.0-alpha.0",
+		"@webiny/project-utils": "6.0.0-alpha.0",
+		"@webiny/validation": "6.0.0-alpha.0",
 		"babel-loader": "9.2.1",
 		"execa": "5.1.1",
 		"ncp": "2.0.0",
@@ -107,12 +56,9 @@
 	"adio": {
 		"ignore": {
 			"dependencies": [
-				"@svgr/webpack",
-				"material-components-web",
-				"@emotion/react",
-				"@rmwc/touch-target"
+				"@svgr/webpack"
 			]
 		}
 	},
-	"gitHead": "ec6176f001f6350221d992981e110a0351addbaf"
+	"gitHead": "a5b28fed7a242d8f56712197a8ea83aa6d2ed101"
 }

package/styles.scss

@@ -1,43 +1,17 @@
-// webiny light theme
-$webiny-theme-light-primary: #fa5723 !default;
-$webiny-theme-light-secondary: #00ccb0 !default;
-$webiny-theme-light-background: #f2f2f2 !default;
-$webiny-theme-light-surface: #fff !default;
-$webiny-theme-light-on-primary: #ffffff !default;
-$webiny-theme-light-on-secondary: #ffffff !default;
-$webiny-theme-light-on-surface: #000000 !default;
-$webiny-theme-light-on-background: rgba(212, 212, 212, 0.5) !default;
-$webiny-theme-light-text-primary-on-background: rgba(0, 0, 0, 0.87);
-$webiny-theme-light-text-secondary-on-background: rgba(0, 0, 0, 0.54);
-$webiny-theme-light-text-hint-on-dark: rgba(255, 255, 255, 0.5);
-$webiny-theme-light-caret-down: url("data:image/svg+xml,%3Csvg%20width%3D%2210px%22%20height%3D%225px%22%20viewBox%3D%227%2010%2010%205%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%0A%20%20%20%20%3Cpolygon%20id%3D%22Shape%22%20stroke%3D%22none%22%20fill%3D%22%23000000%22%20fill-rule%3D%22evenodd%22%20opacity%3D%220.54%22%20points%3D%227%2010%2012%2015%2017%2010%22%3E%3C%2Fpolygon%3E%0A%3C%2Fsvg%3E");
-$webiny-theme-typography-font-family: "Source Sans Pro" !default;
-$webiny-theme-typography-subtitle2-font-weight: 600 !default;
+// ⚠️ DEPRECATED STYLESHEET ⚠️
+// We no longer rely on @material or RMWC for theming or component styling.
+// We still need to support these variables for backward compatibility.
+// Refer to the updated design system and theming approach from @webiny/admin-ui for current styling practices.
 
-$mdc-theme-primary: $webiny-theme-light-primary;
-$mdc-theme-on-primary: $webiny-theme-light-on-primary;
-$mdc-theme-secondary: $webiny-theme-light-secondary;
-$mdc-theme-on-secondary: $webiny-theme-light-on-secondary;
-$mdc-theme-surface: $webiny-theme-light-surface;
-$mdc-theme-on-surface: $webiny-theme-light-on-surface;
-$mdc-theme-background: $webiny-theme-light-background;
-$mdc-theme-on-background: $webiny-theme-light-on-background;
-$mdc-theme-text-primary-on-background: $webiny-theme-light-text-primary-on-background !global;
-$mdc-theme-text-secondary-on-background: $webiny-theme-light-text-secondary-on-background;
-$mdc-theme-text-hint-on-dark: $webiny-theme-light-text-hint-on-dark;
-$mdc-typography-font-family: $webiny-theme-typography-font-family;
-
-@import "material-components-web/material-components-web.scss";
-@import url("https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,600,700|Open+Sans:300,400,600,700|Source+Code+Pro:400,700|Material+Icons");
-
-/*
-Fix for select box appearance. For some reason browser prefix css attributes are striped away.
- */
-.mdc-select__native-control {
-  -webkit-appearance: none;
-  -moz-appearance: none;
-}
-
-.mdc-select--box .mdc-select__native-control {
-  padding-top: 10px;
+:root {
+  --mdc-theme-primary: hsl(var(--color-primary-500));
+  --mdc-theme-on-primary: hsl(var(--color-neutral-0));
+  --mdc-theme-secondary: hsl(var(--color-secondary-500));
+  --mdc-theme-on-secondary: hsl(var(--color-neutral-0));
+  --mdc-theme-surface: hsl(var(--color-neutral-0));
+  --mdc-theme-on-surface: hsl(var(--color-neutral-900));
+  --mdc-theme-background: hsl(var(--color-neutral-200));
+  --mdc-theme-on-background: hsl(var(--color-neutral-300));
+  --mdc-theme-text-primary-on-background: hsl(var(--color-neutral-700));
+  --mdc-theme-text-secondary-on-background: hsl(var(--color-neutral-500));
 }

package/types.js

@@ -1,7 +1,3 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
+export {};
 
 //# sourceMappingURL=types.js.map

package/Accordion/README.md

@@ -1,11 +0,0 @@
-# Accordion
-
-### Description
-
-Use `Accordion` component to display a set of `AccordionItems`.
-
-### Import
-
-```js
-import { Accordion, AccordionItem } from "@webiny/ui/Accordion";
-```

package/Accordion/icons/round-keyboard_arrow_down-24px.svg

@@ -1,16 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!-- Generator: Adobe Illustrator 19.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
-<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="24px"
-	 height="24px" viewBox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve">
-<g id="Bounding_Boxes" display="none">
-	<g id="ui_x5F_spec_x5F_header_copy_3" display="inline">
-	</g>
-	<path display="inline" fill="none" d="M0,0h24v24H0V0z"/>
-</g>
-<g id="Rounded">
-	<g id="ui_x5F_spec_x5F_header_copy_6">
-	</g>
-	<path fill="currentColor" d="M8.12,9.29L12,13.17l3.88-3.88c0.39-0.39,1.02-0.39,1.41,0l0,0c0.39,0.39,0.39,1.02,0,1.41l-4.59,4.59
-		c-0.39,0.39-1.02,0.39-1.41,0l-4.59-4.59c-0.39-0.39-0.39-1.02,0-1.41l0,0C7.09,8.91,7.73,8.9,8.12,9.29z"/>
-</g>
-</svg>

package/Accordion/icons/round-keyboard_arrow_up-24px.svg

@@ -1,16 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!-- Generator: Adobe Illustrator 19.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
-<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="24px"
-	 height="24px" viewBox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve">
-<g id="Bounding_Boxes" display="none">
-	<g id="ui_x5F_spec_x5F_header_copy_3" display="inline">
-	</g>
-	<path display="inline" fill="none" d="M0,0h24v24H0V0z"/>
-</g>
-<g id="Rounded">
-	<g id="ui_x5F_spec_x5F_header_copy_6">
-	</g>
-	<path fill="currentColor" d="M8.12,14.71L12,10.83l3.88,3.88c0.39,0.39,1.02,0.39,1.41,0l0,0c0.39-0.39,0.39-1.02,0-1.41l-4.59-4.59
-		c-0.39-0.39-1.02-0.39-1.41,0l-4.59,4.59c-0.39,0.39-0.39,1.02,0,1.41l0,0C7.09,15.09,7.73,15.1,8.12,14.71z"/>
-</g>
-</svg>

package/Accordion/icons/round-settings-24px.svg

@@ -1,21 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="20px" height="20px" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <!-- Generator: Sketch 51.1 (57501) - http://www.bohemiancoding.com/sketch -->
-    <title>round-settings-24px (2)</title>
-    <desc>Created with Sketch.</desc>
-    <defs></defs>
-    <g id="Webiny---Site-Manager" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="Site-Settings" transform="translate(-291.000000, -161.000000)">
-            <g id="General-settings" transform="translate(264.000000, 151.000000)">
-                <g id="round-settings-24px-(2)" transform="translate(25.000000, 8.000000)">
-                    <g id="Bounding_Boxes">
-                        <polygon id="Shape" points="0 0 24 0 24 24 0 24"></polygon>
-                    </g>
-                    <g id="Rounded" transform="translate(2.000000, 2.000000)" fill="#4A4A4A" fill-rule="nonzero">
-                        <path d="M17.43,10.98 C17.47,10.66 17.5,10.34 17.5,10 C17.5,9.66 17.47,9.34 17.43,9.02 L19.54,7.37 C19.73,7.22 19.78,6.95 19.66,6.73 L17.66,3.27 C17.54,3.05 17.27,2.97 17.05,3.05 L14.56,4.05 C14.04,3.65 13.48,3.32 12.87,3.07 L12.49,0.42 C12.46,0.18 12.25,0 12,0 L8,0 C7.75,0 7.54,0.18 7.51,0.42 L7.13,3.07 C6.52,3.32 5.96,3.66 5.44,4.05 L2.95,3.05 C2.72,2.96 2.46,3.05 2.34,3.27 L0.34,6.73 C0.21,6.95 0.27,7.22 0.46,7.37 L2.57,9.02 C2.53,9.34 2.5,9.67 2.5,10 C2.5,10.33 2.53,10.66 2.57,10.98 L0.46,12.63 C0.27,12.78 0.22,13.05 0.34,13.27 L2.34,16.73 C2.46,16.95 2.73,17.03 2.95,16.95 L5.44,15.95 C5.96,16.35 6.52,16.68 7.13,16.93 L7.51,19.58 C7.54,19.82 7.75,20 8,20 L12,20 C12.25,20 12.46,19.82 12.49,19.58 L12.87,16.93 C13.48,16.68 14.04,16.34 14.56,15.95 L17.05,16.95 C17.28,17.04 17.54,16.95 17.66,16.73 L19.66,13.27 C19.78,13.05 19.73,12.78 19.54,12.63 L17.43,10.98 Z M10,13.5 C8.07,13.5 6.5,11.93 6.5,10 C6.5,8.07 8.07,6.5 10,6.5 C11.93,6.5 13.5,8.07 13.5,10 C13.5,11.93 11.93,13.5 10,13.5 Z" id="Shape"></path>
-                    </g>
-                </g>
-            </g>
-        </g>
-    </g>
-</svg>

package/Alert/README.md

@@ -1,11 +0,0 @@
-# Alert
-
-### Description
-
-Use `Alert` component to display inline messages.
-
-### Import
-
-```js
-import { Alert } from "@webiny/ui/Alert";
-```

package/AutoComplete/AutoCompleteReadme.md

@@ -1,11 +0,0 @@
-# AutoComplete
-
-### Description
-
-`AutoComplete` component lets users select a value from a list of suggestions (created based on their input).
-
-### Import
-
-```js
-import { AutoComplete } from "@webiny/ui/AutoComplete";
-```

package/AutoComplete/MultiAutoCompleteReadme.md

@@ -1,11 +0,0 @@
-# MultiAutoComplete
-
-### Description
-
-`MultiAutoComplete` component lets users select multiple values from a list of suggestions (created based on their input).
-
-### Import
-
-```js
-import { MultiAutoComplete } from "@webiny/ui/MultiAutoComplete";
-```

package/AutoComplete/icons/baseline-close-24px.svg

@@ -1,4 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24">
-    <path fill="currentColor" d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"/>
-    <path d="M0 0h24v24H0z" fill="none"/>
-</svg>

package/AutoComplete/icons/delete.svg

@@ -1,12 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!-- Generator: Adobe Illustrator 19.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
-<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="24px"
-	 height="24px" viewBox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve">
-<g id="Rounded">
-	<g id="ui_x5F_spec_x5F_header_copy_5">
-	</g>
-	<path fill="currentColor" d="M6,19c0,1.1,0.9,2,2,2h8c1.1,0,2-0.9,2-2V9c0-1.1-0.9-2-2-2H8C6.9,7,6,7.9,6,9V19z M18,4h-2.5l-0.71-0.71
-		C14.61,3.11,14.35,3,14.09,3H9.91C9.65,3,9.39,3.11,9.21,3.29L8.5,4H6C5.45,4,5,4.45,5,5v0c0,0.55,0.45,1,1,1h12c0.55,0,1-0.45,1-1
-		v0C19,4.45,18.55,4,18,4z"/>
-</g>
-</svg>

package/AutoComplete/icons/navigate_before-24px.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M14.91 6.71c-.39-.39-1.02-.39-1.41 0L8.91 11.3c-.39.39-.39 1.02 0 1.41l4.59 4.59c.39.39 1.02.39 1.41 0 .39-.39.39-1.02 0-1.41L11.03 12l3.88-3.88c.38-.39.38-1.03 0-1.41z"/></svg>

package/AutoComplete/icons/navigate_next-24px.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M9.31 6.71c-.39.39-.39 1.02 0 1.41L13.19 12l-3.88 3.88c-.39.39-.39 1.02 0 1.41.39.39 1.02.39 1.41 0l4.59-4.59c.39-.39.39-1.02 0-1.41L10.72 6.7c-.38-.38-1.02-.38-1.41.01z"/></svg>

package/AutoComplete/icons/reorder_black_24dp.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="#000000"><path d="M0 0h24v24H0z" fill="none"/><path d="M3 15h18v-2H3v2zm0 4h18v-2H3v2zm0-8h18V9H3v2zm0-6v2h18V5H3z"/></svg>

package/AutoComplete/icons/skip_next-24px.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24"><path d="M7.58 16.89l5.77-4.07c.56-.4.56-1.24 0-1.63L7.58 7.11C6.91 6.65 6 7.12 6 7.93v8.14c0 .81.91 1.28 1.58.82zM16 7v10c0 .55.45 1 1 1s1-.45 1-1V7c0-.55-.45-1-1-1s-1 .45-1 1z"/></svg>

package/AutoComplete/icons/skip_previous-24px.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24"><path d="M7 6c.55 0 1 .45 1 1v10c0 .55-.45 1-1 1s-1-.45-1-1V7c0-.55.45-1 1-1zm3.66 6.82l5.77 4.07c.66.47 1.58-.01 1.58-.82V7.93c0-.81-.91-1.28-1.58-.82l-5.77 4.07c-.57.4-.57 1.24 0 1.64z"/></svg>

package/AutoComplete/icons/spinner.svg

@@ -1,3 +0,0 @@
-<svg class="spinner" width="65px" height="65px" viewBox="0 0 66 66" xmlns="http://www.w3.org/2000/svg">
-    <circle class="path" fill="none" stroke-width="6" stroke-linecap="round" cx="33" cy="33" r="30"></circle>
-</svg>

package/AutoComplete/styles.d.ts

@@ -1,2 +0,0 @@
-export declare const autoCompleteStyle: string;
-export declare const suggestionList: string;

package/AutoComplete/styles.js

@@ -1,66 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.suggestionList = exports.autoCompleteStyle = void 0;
-var _emotion = require("emotion");
-var autoCompleteStyle = exports.autoCompleteStyle = (0, _emotion.css)({
-  position: "relative",
-  ".mdc-elevation--z1": {
-    position: "absolute",
-    width: "calc(100% - 2px)",
-    left: 1,
-    top: 56,
-    zIndex: 10,
-    maxHeight: 200,
-    overflowY: "scroll",
-    backgroundColor: "var(--mdc-theme-surface)"
-  },
-  ul: {
-    listStyle: "none",
-    width: "100%",
-    padding: 0,
-    li: {
-      padding: 10,
-      cursor: "pointer",
-      span: {
-        color: "var(--mdc-theme-on-surface)"
-      }
-    }
-  },
-  "&.webiny-ui-autocomplete--size-medium": {
-    ".mdc-elevation--z1": {
-      top: 40
-    },
-    ul: {
-      li: {
-        padding: 8
-      }
-    }
-  },
-  "&.webiny-ui-autocomplete--size-small": {
-    ".mdc-elevation--z1": {
-      top: 30
-    },
-    ul: {
-      li: {
-        padding: 5
-      }
-    }
-  }
-});
-var suggestionList = exports.suggestionList = (0, _emotion.css)({
-  fontWeight: "normal",
-  backgroundColor: "var(--mdc-theme-surface)",
-  transition: "background-color 0.2s",
-  color: "var(--mdc-theme-text-primary-on-background)",
-  "&.selected": {
-    fontWeight: "bold"
-  },
-  "&.highlighted": {
-    backgroundColor: "var(--mdc-theme-on-background)"
-  }
-});
-
-//# sourceMappingURL=styles.js.map

package/AutoComplete/styles.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_emotion","require","autoCompleteStyle","exports","css","position","width","left","top","zIndex","maxHeight","overflowY","backgroundColor","ul","listStyle","padding","li","cursor","span","color","suggestionList","fontWeight","transition"],"sources":["styles.ts"],"sourcesContent":["import { css } from \"emotion\";\n\nexport const autoCompleteStyle = css({\n    position: \"relative\",\n    \".mdc-elevation--z1\": {\n        position: \"absolute\",\n        width: \"calc(100% - 2px)\",\n        left: 1,\n        top: 56,\n        zIndex: 10,\n        maxHeight: 200,\n        overflowY: \"scroll\",\n        backgroundColor: \"var(--mdc-theme-surface)\"\n    },\n    ul: {\n        listStyle: \"none\",\n        width: \"100%\",\n        padding: 0,\n        li: {\n            padding: 10,\n            cursor: \"pointer\",\n            span: {\n                color: \"var(--mdc-theme-on-surface)\"\n            }\n        }\n    },\n    \"&.webiny-ui-autocomplete--size-medium\": {\n        \".mdc-elevation--z1\": {\n            top: 40\n        },\n        ul: {\n            li: {\n                padding: 8\n            }\n        }\n    },\n    \"&.webiny-ui-autocomplete--size-small\": {\n        \".mdc-elevation--z1\": {\n            top: 30\n        },\n        ul: {\n            li: {\n                padding: 5\n            }\n        }\n    }\n});\n\nexport const suggestionList = css({\n    fontWeight: \"normal\",\n    backgroundColor: \"var(--mdc-theme-surface)\",\n    transition: \"background-color 0.2s\",\n    color: \"var(--mdc-theme-text-primary-on-background)\",\n    \"&.selected\": {\n        fontWeight: \"bold\"\n    },\n    \"&.highlighted\": {\n        backgroundColor: \"var(--mdc-theme-on-background)\"\n    }\n});\n"],"mappings":";;;;;;AAAA,IAAAA,QAAA,GAAAC,OAAA;AAEO,IAAMC,iBAAiB,GAAAC,OAAA,CAAAD,iBAAA,GAAG,IAAAE,YAAG,EAAC;EACjCC,QAAQ,EAAE,UAAU;EACpB,oBAAoB,EAAE;IAClBA,QAAQ,EAAE,UAAU;IACpBC,KAAK,EAAE,kBAAkB;IACzBC,IAAI,EAAE,CAAC;IACPC,GAAG,EAAE,EAAE;IACPC,MAAM,EAAE,EAAE;IACVC,SAAS,EAAE,GAAG;IACdC,SAAS,EAAE,QAAQ;IACnBC,eAAe,EAAE;EACrB,CAAC;EACDC,EAAE,EAAE;IACAC,SAAS,EAAE,MAAM;IACjBR,KAAK,EAAE,MAAM;IACbS,OAAO,EAAE,CAAC;IACVC,EAAE,EAAE;MACAD,OAAO,EAAE,EAAE;MACXE,MAAM,EAAE,SAAS;MACjBC,IAAI,EAAE;QACFC,KAAK,EAAE;MACX;IACJ;EACJ,CAAC;EACD,uCAAuC,EAAE;IACrC,oBAAoB,EAAE;MAClBX,GAAG,EAAE;IACT,CAAC;IACDK,EAAE,EAAE;MACAG,EAAE,EAAE;QACAD,OAAO,EAAE;MACb;IACJ;EACJ,CAAC;EACD,sCAAsC,EAAE;IACpC,oBAAoB,EAAE;MAClBP,GAAG,EAAE;IACT,CAAC;IACDK,EAAE,EAAE;MACAG,EAAE,EAAE;QACAD,OAAO,EAAE;MACb;IACJ;EACJ;AACJ,CAAC,CAAC;AAEK,IAAMK,cAAc,GAAAjB,OAAA,CAAAiB,cAAA,GAAG,IAAAhB,YAAG,EAAC;EAC9BiB,UAAU,EAAE,QAAQ;EACpBT,eAAe,EAAE,0BAA0B;EAC3CU,UAAU,EAAE,uBAAuB;EACnCH,KAAK,EAAE,6CAA6C;EACpD,YAAY,EAAE;IACVE,UAAU,EAAE;EAChB,CAAC;EACD,eAAe,EAAE;IACbT,eAAe,EAAE;EACrB;AACJ,CAAC,CAAC","ignoreList":[]}

package/Avatar/README.md

@@ -1,11 +0,0 @@
-# Avatar
-
-### Description
-
-Use `Avatar` component to display an avatar.
-
-### Import
-
-```js
-import { Avatar } from "@webiny/ui/Avatar";
-```