@webiny/ui 6.0.0-beta.0 → 6.0.0-rc.0

package/package.json

@@ -1,6 +1,7 @@
 {
 	"name": "@webiny/ui",
-	"version": "6.0.0-beta.0",
+	"version": "6.0.0-rc.0",
+	"type": "module",
 	"main": "index.js",
 	"repository": {
 		"type": "git",
@@ -14,88 +15,26 @@
 	],
 	"license": "MIT",
 	"dependencies": {
-		"@babel/runtime": "7.24.1",
-		"@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.2.2",
-		"@rmwc/checkbox": "14.2.2",
-		"@rmwc/chip": "14.2.2",
-		"@rmwc/data-table": "14.2.2",
-		"@rmwc/dialog": "14.2.2",
-		"@rmwc/drawer": "14.2.2",
-		"@rmwc/elevation": "14.2.2",
-		"@rmwc/fab": "14.2.2",
-		"@rmwc/grid": "14.2.2",
-		"@rmwc/icon-button": "14.2.2",
-		"@rmwc/list": "14.2.2",
-		"@rmwc/menu": "14.2.2",
-		"@rmwc/radio": "14.2.2",
-		"@rmwc/ripple": "14.2.2",
-		"@rmwc/select": "14.2.2",
-		"@rmwc/slider": "14.2.2",
-		"@rmwc/snackbar": "14.2.2",
-		"@rmwc/switch": "14.2.2",
-		"@rmwc/tabs": "14.2.2",
-		"@rmwc/textfield": "14.2.2",
-		"@rmwc/top-app-bar": "14.2.2",
-		"@rmwc/touch-target": "14.2.2",
-		"@rmwc/typography": "14.2.2",
 		"@svgr/webpack": "6.5.1",
-		"@tanstack/react-table": "8.7.9",
-		"brace": "0.11.1",
-		"classnames": "2.3.2",
-		"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",
-		"shortid": "2.2.16",
-		"timeago-react": "3.0.6"
+		"@webiny/admin-ui": "6.0.0-rc.0",
+		"@webiny/utils": "6.0.0-rc.0",
+		"classnames": "2.5.1",
+		"lodash": "4.17.23"
 	},
 	"devDependencies": {
-		"@babel/cli": "7.24.1",
-		"@babel/core": "7.24.3",
-		"@babel/plugin-proposal-class-properties": "7.18.6",
-		"@babel/preset-env": "7.24.3",
-		"@babel/preset-typescript": "7.24.1",
-		"@emotion/babel-plugin": "11.11.0",
+		"@emotion/babel-plugin": "11.13.5",
 		"@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",
-		"@types/shortid": "0.0.29",
-		"@webiny/cli": "6.0.0-beta.0",
-		"@webiny/form": "6.0.0-beta.0",
-		"@webiny/project-utils": "6.0.0-beta.0",
-		"@webiny/validation": "6.0.0-beta.0",
-		"babel-loader": "9.1.2",
+		"@webiny/build-tools": "6.0.0-rc.0",
+		"@webiny/validation": "6.0.0-rc.0",
+		"babel-loader": "10.0.0",
 		"execa": "5.1.1",
-		"jest-dom": "3.5.0",
 		"ncp": "2.0.0",
-		"raw-loader": "0.5.1",
-		"rimraf": "5.0.5",
-		"ttypescript": "1.5.15",
-		"typescript": "4.7.4"
+		"raw-loader": "4.0.2",
+		"rimraf": "6.1.3",
+		"typescript": "5.9.3"
 	},
 	"peerDependencies": {
-		"minimatch": "^5.1.0",
+		"minimatch": "10.2.2",
 		"react": "18.2.0",
 		"react-dom": "18.2.0"
 	},
@@ -103,25 +42,12 @@
 		"access": "public",
 		"directory": "dist"
 	},
-	"scripts": {
-		"build": "yarn webiny run build",
-		"watch": "yarn webiny run watch"
-	},
-	"jest": {
-		"transform": {
-			"^.+\\.js$": "babel-jest"
-		},
-		"setupTestFrameworkScriptFile": "jest-extended"
-	},
 	"adio": {
 		"ignore": {
 			"dependencies": [
-				"@svgr/webpack",
-				"material-components-web",
-				"@emotion/react",
-				"@rmwc/touch-target"
+				"@svgr/webpack"
 			]
 		}
 	},
-	"gitHead": "aa8dbfbbd5ad13ec271adba6f2431e02991a300f"
+	"gitHead": "0f2aa699f4642e550ab62c96fcd050e8d02345c9"
 }

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";
-```

package/Button/Button.styles.d.ts

@@ -1,6 +0,0 @@
-/**
- * Controls the button styles
- * @type {string}
- */
-declare const webinyButtonStyles: string;
-export { webinyButtonStyles };

package/Button/Button.styles.js

@@ -1,17 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.webinyButtonStyles = void 0;
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-var _emotion = require("emotion");
-var _templateObject;
-/**
- * Controls the button styles
- * @type {string}
- */
-var webinyButtonStyles = exports.webinyButtonStyles = (0, _emotion.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n    &.webiny-ui-button--secondary:not(:disabled) {\n            border-color: var(--mdc-theme-primary);\n        }\n    }\n"])));
-
-//# sourceMappingURL=Button.styles.js.map

package/Button/Button.styles.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_emotion","require","_templateObject","webinyButtonStyles","exports","css","_taggedTemplateLiteral2","default"],"sources":["Button.styles.ts"],"sourcesContent":["import { css } from \"emotion\";\n\n/**\n * Controls the button styles\n * @type {string}\n */\nconst webinyButtonStyles = css`\n    &.webiny-ui-button--secondary:not(:disabled) {\n            border-color: var(--mdc-theme-primary);\n        }\n    }\n`;\n\nexport { webinyButtonStyles };\n"],"mappings":";;;;;;;;AAAA,IAAAA,QAAA,GAAAC,OAAA;AAA8B,IAAAC,eAAA;AAE9B;AACA;AACA;AACA;AACA,IAAMC,kBAAkB,GAAAC,OAAA,CAAAD,kBAAA,OAAGE,YAAG,EAAAH,eAAA,KAAAA,eAAA,OAAAI,uBAAA,CAAAC,OAAA,sIAK7B","ignoreList":[]}

package/Button/CopyButton/CopyButton.d.ts

@@ -1,11 +0,0 @@
-import React from "react";
-import { FormComponentProps } from "../../types";
-export interface CopyButtonProps extends FormComponentProps {
-    value: string;
-    onCopy?: () => void;
-}
-/**
- * Shows the icon button.
- */
-declare const CopyButton: (props: CopyButtonProps) => React.JSX.Element;
-export { CopyButton };

package/Button/CopyButton/CopyButton.js

@@ -1,33 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.CopyButton = void 0;
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _react = _interopRequireWildcard(require("react"));
-var _file_copy24px = require("../assets/file_copy-24px.svg");
-var _index = require("../index");
-var _excluded = ["value", "onCopy"];
-/**
- * Shows the icon button.
- */
-var CopyButton = exports.CopyButton = function CopyButton(props) {
-  var value = props.value,
-    onCopy = props.onCopy,
-    otherProps = (0, _objectWithoutProperties2.default)(props, _excluded);
-  var copyToClipboard = (0, _react.useCallback)(function () {
-    navigator.clipboard.writeText(value);
-    if (typeof onCopy === "function") {
-      onCopy();
-    }
-  }, [value]);
-  return /*#__PURE__*/_react.default.createElement(_index.IconButton, Object.assign({}, otherProps, {
-    onClick: copyToClipboard,
-    icon: /*#__PURE__*/_react.default.createElement(_file_copy24px.ReactComponent, null)
-  }));
-};
-
-//# sourceMappingURL=CopyButton.js.map

package/Button/CopyButton/CopyButton.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_file_copy24px","_index","_excluded","CopyButton","exports","props","value","onCopy","otherProps","_objectWithoutProperties2","default","copyToClipboard","useCallback","navigator","clipboard","writeText","createElement","IconButton","Object","assign","onClick","icon","ReactComponent"],"sources":["CopyButton.tsx"],"sourcesContent":["import React from \"react\";\nimport { ReactComponent as CopyToClipboardIcon } from \"../assets/file_copy-24px.svg\";\nimport { IconButton } from \"../index\";\nimport { FormComponentProps } from \"../../types\";\nimport { useCallback } from \"react\";\n\nexport interface CopyButtonProps extends FormComponentProps {\n    value: string;\n    onCopy?: () => void;\n}\n\n/**\n * Shows the icon button.\n */\nconst CopyButton = (props: CopyButtonProps) => {\n    const { value, onCopy, ...otherProps } = props;\n\n    const copyToClipboard = useCallback(() => {\n        navigator.clipboard.writeText(value);\n        if (typeof onCopy === \"function\") {\n            onCopy();\n        }\n    }, [value]);\n\n    return <IconButton {...otherProps} onClick={copyToClipboard} icon={<CopyToClipboardIcon />} />;\n};\n\nexport { CopyButton };\n"],"mappings":";;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,cAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AAAsC,IAAAG,SAAA;AAStC;AACA;AACA;AACA,IAAMC,UAAU,GAAAC,OAAA,CAAAD,UAAA,GAAG,SAAbA,UAAUA,CAAIE,KAAsB,EAAK;EAC3C,IAAQC,KAAK,GAA4BD,KAAK,CAAtCC,KAAK;IAAEC,MAAM,GAAoBF,KAAK,CAA/BE,MAAM;IAAKC,UAAU,OAAAC,yBAAA,CAAAC,OAAA,EAAKL,KAAK,EAAAH,SAAA;EAE9C,IAAMS,eAAe,GAAG,IAAAC,kBAAW,EAAC,YAAM;IACtCC,SAAS,CAACC,SAAS,CAACC,SAAS,CAACT,KAAK,CAAC;IACpC,IAAI,OAAOC,MAAM,KAAK,UAAU,EAAE;MAC9BA,MAAM,CAAC,CAAC;IACZ;EACJ,CAAC,EAAE,CAACD,KAAK,CAAC,CAAC;EAEX,oBAAOT,MAAA,CAAAa,OAAA,CAAAM,aAAA,CAACf,MAAA,CAAAgB,UAAU,EAAAC,MAAA,CAAAC,MAAA,KAAKX,UAAU;IAAEY,OAAO,EAAET,eAAgB;IAACU,IAAI,eAAExB,MAAA,CAAAa,OAAA,CAAAM,aAAA,CAAChB,cAAA,CAAAsB,cAAmB,MAAE;EAAE,EAAE,CAAC;AAClG,CAAC","ignoreList":[]}

package/Button/CopyButton/README.md

@@ -1,11 +0,0 @@
-# Copy Button
-
-### Description
-
-Provides a button that allows you to copy its passed `value` to the clipboard.
-
-### Import
-
-```js
-import { CopyButton } from "@webiny/ui/Button";
-```

package/Button/IconButton/IconButton.d.ts

@@ -1,37 +0,0 @@
-import React from "react";
-import { IconButtonProps as RmwcIconButtonProps } from "@rmwc/icon-button";
-import { FormComponentProps } from "../../types";
-export interface IconButtonProps extends Omit<FormComponentProps, "onChange">, RmwcIconButtonProps {
-    id?: string;
-    /**
-     * Icon should be provided as an SvgComponent.
-     */
-    icon: React.ReactNode;
-    /**
-     * Button label
-     */
-    label?: string;
-    /**
-     * onClick handler
-     * @param event
-     */
-    onClick?: (event: React.MouseEvent) => void;
-    /**
-     * Custom CSS class
-     */
-    className?: string;
-    /**
-     * For testing purposes.
-     */
-    "data-testid"?: string;
-    /**
-     * Should icon be disabled?
-     */
-    disabled?: boolean;
-    children?: React.ReactNode;
-}
-/**
- * Shows the icon button.
- */
-declare const IconButton: (props: IconButtonProps) => React.JSX.Element;
-export { IconButton };