@webiny/app-admin 0.0.0-unstable.496cf268ac → 0.0.0-unstable.5387e5f7c8

package/plugins/globalSearch/styled.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["SearchShortcut","styled","border","color","borderRadius","width","height","marginTop","textAlign","fontSize","paddingTop","boxSizing","cursor","opacity","SearchBarWrapper","display","SearchBarInputWrapper","position","searchBarInput","css","lineHeight","outline","backgroundColor","paddingLeft","borderBottom","searchBarDropdown","background","left","top","zIndex","padding","fontWeight","icon","paddingRight","iconSearchType","searchWrapper","transition","boxShadow","input"],"sources":["styled.ts"],"sourcesContent":["// TODO remove\n// @ts-nocheck\nimport { css } from \"emotion\";\nimport styled from \"@emotion/styled\";\n\nexport const SearchShortcut = styled(\"div\")({\n    border: \"1px solid var(--mdc-theme-surface)\",\n    color: \"var(--mdc-theme-surface)\",\n    borderRadius: 5,\n    width: 20,\n    height: 24,\n    marginTop: 1,\n    textAlign: \"center\",\n    fontSize: \"12px\",\n    paddingTop: \"3px\",\n    boxSizing: \"border-box\",\n    cursor: \"default\",\n    opacity: \"0.8\"\n});\n\nexport const SearchBarWrapper = styled(\"div\")({\n    display: \"flex\",\n    width: \"100%\"\n});\n\nexport const SearchBarInputWrapper = styled(\"div\")({\n    display: \"flex\",\n    width: \"100%\",\n    position: \"relative\"\n});\n\nexport const searchBarInput = css({\n    width: \"100%\",\n    lineHeight: 1,\n    border: \"none\",\n    outline: \"none\",\n    backgroundColor: \"transparent\",\n    \"&.mdc-text-field__input\": {\n        paddingTop: \"5px !important\",\n        paddingLeft: \"10px !important\",\n        borderBottom: \"none !important\",\n        height: \"25px !important\",\n        color: \"var(--mdc-theme-surface)\",\n        \"&::placeholder\": {\n            color: \"var(--mdc-theme-surface) !important\",\n            opacity: \"1 !important\"\n        },\n        \"&:focus::placeholder\": {\n            color: \"var(--mdc-theme-text-secondary-on-background) !important\"\n        }\n    }\n});\n\nexport const searchBarDropdown = css({\n    position: \"absolute\",\n    background: \"white\",\n    left: -1,\n    width: \"calc(100% + 2px)\",\n    top: 45,\n    zIndex: 2,\n    color: \"var(--mdc-theme-on-surface)\",\n    borderRadius: \"0 0 5px 5px\",\n    \".mdc-list\": {\n        padding: 0,\n        \".mdc-list-item\": {\n            \"&.selected\": {\n                fontWeight: \"bold\"\n            },\n            \"&.highlighted\": {\n                backgroundColor: \"var(--mdc-theme-on-background)\"\n            }\n        }\n    }\n});\n\nexport const icon = css({\n    \"&.mdc-button__icon\": {\n        width: \"auto !important\",\n        paddingRight: 5,\n        opacity: 0.75,\n        marginTop: 2\n    }\n});\n\nexport const iconSearchType = css({\n    cursor: \"pointer\",\n    paddingLeft: 5\n});\n\nexport const searchWrapper = css({\n    backgroundColor: \"rgba(0, 0, 0, 0.1)\",\n    display: \"flex\",\n    padding: \"10px 20px\",\n    position: \"relative\",\n    borderRadius: 4,\n    transition: \"background 100ms ease-in,width 100ms ease-out\",\n    color: \"var(--mdc-theme-surface)\",\n    border: \"1px solid transparent\",\n    \"&.active\": {\n        color: \"var(--mdc-theme-on-surface)\",\n        border: \"1px solid var(--mdc-theme-text-hint-on-dark)\",\n        background: \"var(--mdc-theme-surface)\",\n        boxShadow: \"0 1px 1px var(--mdc-theme-text-hint-on-dark)\",\n        input: {\n            color: \"var(--mdc-theme-on-surface)\"\n        },\n        [SearchShortcut]: {\n            display: \"none\"\n        }\n    },\n    input: {\n        color: \"var(--mdc-theme-surface)\"\n    }\n});\n"],"mappings":"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"}

package/plugins/uiLayoutRenderer/index.d.ts

@@ -1,2 +0,0 @@
-import { UILayoutPlugin } from "../../ui/UILayout";
-export declare const uiLayoutPlugin: UILayoutPlugin<import("@webiny/ui-composer/UILayout").UILayout>;

package/plugins/uiLayoutRenderer/index.js

@@ -1,61 +0,0 @@
-"use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.uiLayoutPlugin = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _Grid = require("@webiny/ui/Grid");
-var _UILayout = require("../../ui/UILayout");
-function getElementKey(element) {
-  return "".concat(element.constructor.name, ":").concat(element.id);
-}
-var ElementID = function ElementID(_ref) {
-  var children = _ref.children;
-  return children;
-};
-var uiLayoutPlugin = new _UILayout.UILayoutPlugin(function (layout) {
-  layout.setRenderer(function (_ref2) {
-    var layout = _ref2.layout,
-      props = _ref2.props,
-      hasParentGrid = _ref2.hasParentGrid;
-    if (!layout.getGrid()) {
-      return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, layout.getLayout().map(function (row, index) {
-        return /*#__PURE__*/_react.default.createElement(_react.Fragment, {
-          key: index
-        }, row.map(function (item) {
-          var element = layout.getElement(item.element);
-          if (!element) {
-            console.warn("Element \"".concat(item.element, "\" was not found!"));
-            return null;
-          }
-          if (!element.shouldRender(props)) {
-            return null;
-          }
-          return /*#__PURE__*/_react.default.createElement(ElementID, {
-            key: getElementKey(element)
-          }, element.render(props));
-        }));
-      }));
-    }
-    var GridComponent = hasParentGrid ? _Grid.GridInner : _Grid.Grid;
-    return /*#__PURE__*/_react.default.createElement(GridComponent, null, layout.getLayout().map(function (row, index) {
-      return /*#__PURE__*/_react.default.createElement(_react.Fragment, {
-        key: index
-      }, row.map(function (item) {
-        var element = layout.getElement(item.element);
-        if (!element.shouldRender(props)) {
-          return null;
-        }
-        return /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
-          key: item.element,
-          span: item.width
-        }, /*#__PURE__*/_react.default.createElement(ElementID, {
-          key: getElementKey(element)
-        }, element.render(props)));
-      }));
-    }));
-  });
-});
-exports.uiLayoutPlugin = uiLayoutPlugin;

package/plugins/uiLayoutRenderer/index.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["getElementKey","element","constructor","name","id","ElementID","children","uiLayoutPlugin","UILayoutPlugin","layout","setRenderer","props","hasParentGrid","getGrid","getLayout","map","row","index","item","getElement","console","warn","shouldRender","render","GridComponent","GridInner","Grid","width"],"sources":["index.tsx"],"sourcesContent":["import React, { Fragment } from \"react\";\nimport { Cell, Grid, GridInner } from \"@webiny/ui/Grid\";\nimport { UILayoutPlugin } from \"~/ui/UILayout\";\nimport { UIElement } from \"~/ui/UIElement\";\n\nfunction getElementKey(element: UIElement) {\n    return `${element.constructor.name}:${element.id}`;\n}\n\nconst ElementID: React.FC = ({ children }) => {\n    return children as unknown as React.ReactElement;\n};\n\nexport const uiLayoutPlugin = new UILayoutPlugin(layout => {\n    layout.setRenderer(({ layout, props, hasParentGrid }) => {\n        if (!layout.getGrid()) {\n            return (\n                <Fragment>\n                    {layout.getLayout().map((row, index) => (\n                        <Fragment key={index}>\n                            {row.map(item => {\n                                const element = layout.getElement(item.element);\n\n                                if (!element) {\n                                    console.warn(`Element \"${item.element}\" was not found!`);\n                                    return null;\n                                }\n\n                                if (!element.shouldRender(props)) {\n                                    return null;\n                                }\n\n                                return (\n                                    <ElementID key={getElementKey(element)}>\n                                        {element.render(props)}\n                                    </ElementID>\n                                );\n                            })}\n                        </Fragment>\n                    ))}\n                </Fragment>\n            );\n        }\n\n        const GridComponent = hasParentGrid ? GridInner : Grid;\n\n        return (\n            <GridComponent>\n                {layout.getLayout().map((row, index) => (\n                    <Fragment key={index}>\n                        {row.map(item => {\n                            const element = layout.getElement(item.element);\n                            if (!element.shouldRender(props)) {\n                                return null;\n                            }\n                            return (\n                                <Cell key={item.element} span={item.width}>\n                                    <ElementID key={getElementKey(element)}>\n                                        {element.render(props)}\n                                    </ElementID>\n                                </Cell>\n                            );\n                        })}\n                    </Fragment>\n                ))}\n            </GridComponent>\n        );\n    });\n});\n"],"mappings":";;;;;;;AAAA;AACA;AACA;AAGA,SAASA,aAAa,CAACC,OAAkB,EAAE;EACvC,iBAAUA,OAAO,CAACC,WAAW,CAACC,IAAI,cAAIF,OAAO,CAACG,EAAE;AACpD;AAEA,IAAMC,SAAmB,GAAG,SAAtBA,SAAmB,OAAqB;EAAA,IAAfC,QAAQ,QAARA,QAAQ;EACnC,OAAOA,QAAQ;AACnB,CAAC;AAEM,IAAMC,cAAc,GAAG,IAAIC,wBAAc,CAAC,UAAAC,MAAM,EAAI;EACvDA,MAAM,CAACC,WAAW,CAAC,iBAAsC;IAAA,IAAnCD,MAAM,SAANA,MAAM;MAAEE,KAAK,SAALA,KAAK;MAAEC,aAAa,SAAbA,aAAa;IAC9C,IAAI,CAACH,MAAM,CAACI,OAAO,EAAE,EAAE;MACnB,oBACI,6BAAC,eAAQ,QACJJ,MAAM,CAACK,SAAS,EAAE,CAACC,GAAG,CAAC,UAACC,GAAG,EAAEC,KAAK;QAAA,oBAC/B,6BAAC,eAAQ;UAAC,GAAG,EAAEA;QAAM,GAChBD,GAAG,CAACD,GAAG,CAAC,UAAAG,IAAI,EAAI;UACb,IAAMjB,OAAO,GAAGQ,MAAM,CAACU,UAAU,CAACD,IAAI,CAACjB,OAAO,CAAC;UAE/C,IAAI,CAACA,OAAO,EAAE;YACVmB,OAAO,CAACC,IAAI,qBAAaH,IAAI,CAACjB,OAAO,uBAAmB;YACxD,OAAO,IAAI;UACf;UAEA,IAAI,CAACA,OAAO,CAACqB,YAAY,CAACX,KAAK,CAAC,EAAE;YAC9B,OAAO,IAAI;UACf;UAEA,oBACI,6BAAC,SAAS;YAAC,GAAG,EAAEX,aAAa,CAACC,OAAO;UAAE,GAClCA,OAAO,CAACsB,MAAM,CAACZ,KAAK,CAAC,CACd;QAEpB,CAAC,CAAC,CACK;MAAA,CACd,CAAC,CACK;IAEnB;IAEA,IAAMa,aAAa,GAAGZ,aAAa,GAAGa,eAAS,GAAGC,UAAI;IAEtD,oBACI,6BAAC,aAAa,QACTjB,MAAM,CAACK,SAAS,EAAE,CAACC,GAAG,CAAC,UAACC,GAAG,EAAEC,KAAK;MAAA,oBAC/B,6BAAC,eAAQ;QAAC,GAAG,EAAEA;MAAM,GAChBD,GAAG,CAACD,GAAG,CAAC,UAAAG,IAAI,EAAI;QACb,IAAMjB,OAAO,GAAGQ,MAAM,CAACU,UAAU,CAACD,IAAI,CAACjB,OAAO,CAAC;QAC/C,IAAI,CAACA,OAAO,CAACqB,YAAY,CAACX,KAAK,CAAC,EAAE;UAC9B,OAAO,IAAI;QACf;QACA,oBACI,6BAAC,UAAI;UAAC,GAAG,EAAEO,IAAI,CAACjB,OAAQ;UAAC,IAAI,EAAEiB,IAAI,CAACS;QAAM,gBACtC,6BAAC,SAAS;UAAC,GAAG,EAAE3B,aAAa,CAACC,OAAO;QAAE,GAClCA,OAAO,CAACsB,MAAM,CAACZ,KAAK,CAAC,CACd,CACT;MAEf,CAAC,CAAC,CACK;IAAA,CACd,CAAC,CACU;EAExB,CAAC,CAAC;AACN,CAAC,CAAC;AAAC"}

package/styles/material-theme-assignments.scss

@@ -1,350 +0,0 @@
-@use "@material/top-app-bar/_mixins.scss" as topAppBar;
-@use "@material/elevation/mixins" as elevation;
-@use "@material/button/mixins" as button;
-@use "@material/icon-button/mixins" as iconButton;
-@use "@material/drawer/mixins" as drawer;
-@use "@material/tab-bar/mixins" as tabBar;
-@use "@material/tab/mixins" as tab;
-@use "@material/tab-indicator/mixins" as tabIndicator;
-@use "@material/list/mixins" as list;
-@use "@material/switch/mixins" as switch;
-@use "@material/textfield/mixins" as textfield;
-@use "@material/select/mixins" as select;
-@use "@material/checkbox/mixins" as checkbox;
-@use "@material/radio/mixins" as radio;
-@use "@material/snackbar/mixins" as snackbar;
-
-// top app bar should use theme-surface as the fill color
-.mdc-top-app-bar {
-  @include topAppBar.fill-color($mdc-theme-surface);
-}
-
-.mdc-top-app-bar.primary {
-  @include topAppBar.fill-color($mdc-theme-primary);
-}
-
-// elevation should use theme-surface as fill color so it can be used as surface
-.mdc-elevation--z1 {
-  @include elevation.elevation(1, $mdc-theme-on-surface);
-}
-
-.mdc-elevation--z2 {
-  @include elevation.elevation(2, $mdc-theme-on-surface);
-}
-
-.mdc-elevation--z3 {
-  @include elevation.elevation(3, $mdc-theme-on-surface);
-}
-
-.mdc-elevation--z1,
-.mdc-elevation--z2,
-.mdc-elevation--z3,
-.mdc-elevation--z4,
-.mdc-elevation--z5,
-.mdc-elevation--z6,
-.mdc-elevation--z7,
-.mdc-elevation--z8,
-.mdc-elevation--z9 {
-  background-color: $mdc-theme-surface;
-}
-
-// button styles
-.mdc-button {
-  @include button.shape-radius(2px);
-  .mdc-button__label {
-    display: flex;
-    align-items: center;
-  }
-}
-
-// set icon colors
-.mdc-icon,
-.mdc-icon-button {
-  @include iconButton.ink-color($mdc-theme-text-secondary-on-background);
-}
-
-// drawer
-.mcd-drawer {
-  @include drawer.title-ink-color($mdc-theme-text-primary-on-background);
-  @include drawer.subtitle-ink-color($mdc-theme-text-primary-on-background);
-  @include drawer.item-icon-ink-color($mdc-theme-text-primary-on-background);
-  @include drawer.item-text-ink-color($mdc-theme-text-primary-on-background);
-  @include drawer.surface-fill-color($mdc-theme-surface);
-  @include drawer.item-shape-radius(0);
-}
-
-// fix for drawer positioning
-.mdc-drawer {
-  z-index: 12;
-  background-color: $mdc-theme-surface;
-  &.mdc-drawer--modal.mdc-drawer--open {
-    top: 0;
-    background-color: $mdc-theme-surface;
-  }
-}
-
-// fix drawer display so we can have a nice drawer footer
-.mdc-drawer--modal.mdc-drawer--open {
-  display: flex;
-}
-
-// tabs
-.mdc-tab-bar {
-  @include tabBar.width("100%");
-
-  .mdc-tab {
-    @include tab.fixed-width("100px");
-    @include tab.text-label-color($mdc-theme-text-primary-on-background);
-    @include tab.icon-color($mdc-theme-text-primary-on-background);
-
-    // fixes tab width
-    flex: 1 0;
-  }
-
-  .mdc-tab-indicator {
-    @include tabIndicator.underline-color($mdc-theme-primary);
-  }
-}
-
-// list
-.mdc-list {
-  @include list.item-primary-text-ink-color($mdc-theme-text-primary-on-background);
-  @include list.item-secondary-text-ink-color($mdc-theme-text-secondary-on-background);
-  @include list.item-graphic-ink-color($mdc-theme-text-secondary-on-background);
-  @include list.item-meta-ink-color($mdc-theme-text-secondary-on-background);
-  @include list.divider-color($mdc-theme-on-background);
-  @include list.group-subheader-ink-color($mdc-theme-text-primary-on-background);
-  @include list.single-line-shape-radius(0);
-
-  .mdc-list-item {
-    color: $mdc-theme-text-primary-on-background;
-  }
-
-  .mdc-list-item:hover,
-  .mdc-list-item::after,
-  .mdc-list-item::before {
-    background-color: transparent;
-  }
-  &:not(.mdc-list--non-interactive) {
-    .mdc-list-item:hover {
-      background-color: $mdc-theme-text-hint-on-dark;
-      cursor: pointer;
-    }
-    .mdc-list-item::after,
-    .mdc-list-item::before {
-      background-color: $mdc-theme-text-primary-on-background;
-    }
-  }
-}
-
-// switch
-.mdc-switch {
-  @include switch.toggled-off-track-color($mdc-theme-on-surface);
-  margin-left: 5px;
-  margin-right: 10px;
-}
-
-// menu
-.mdc-menu {
-  background-color: $mdc-theme-surface;
-}
-
-/*
-Fix the width of input components when inside grids
- */
-.mdc-text-field {
-  width: 100%;
-  @include textfield.shape-radius(0);
-  @include textfield.textarea-shape-radius(0);
-  @include textfield.fill-color($mdc-theme-on-background);
-  @include textfield.label-color($mdc-theme-text-primary-on-background);
-  @include textfield.ink-color($mdc-theme-on-surface);
-  &.mdc-text-field--textarea {
-    textarea {
-      padding-top: 25px;
-    }
-    .mdc-floating-label.mdc-floating-label {
-      margin-left: 11px;
-      top: 35px;
-    }
-    &.--focused {
-      .mdc-floating-label.mdc-floating-label {
-        top: 0px;
-      }
-    }
-  }
-  &.mdc-text-field--disabled {
-    background-color: $mdc-theme-background;
-    opacity: 0.55;
-    .mdc-text-field__input {
-      color: $mdc-theme-text-primary-on-background;
-      &::placeholder {
-        color: $mdc-theme-text-primary-on-background;
-      }
-    }
-  }
-  .mdc-text-field__input {
-    width: 100%;
-    resize: none;
-    //border: 1px solid $mdc-theme-on-background;
-  }
-}
-
-// textfield helper - color fix
-.mdc-text-field-helper-text {
-  margin-left: 2px !important;
-  color: $mdc-theme-text-secondary-on-background;
-  &--error {
-    color: $mdc-theme-primary !important;
-  }
-}
-
-// dialog
-.mdc-dialog {
-  z-index: 20;
-  .mdc-dialog__container {
-    width: 100%;
-  }
-  .mdc-dialog__surface {
-    border-radius: 0px;
-    max-width: 875px;
-    position: relative;
-    .mdc-dialog__title {
-      background-color: $mdc-theme-secondary;
-      padding-bottom: 20px;
-      font-size: 1.4rem;
-      font-weight: 600;
-      color: $mdc-theme-on-secondary;
-    }
-    .mdc-dialog__content {
-      color: $mdc-theme-text-primary-on-background;
-      max-height: 70vh;
-      overflow: auto;
-      margin-top: 0;
-      padding-top: 24px;
-      padding-bottom: 24px;
-      background-color: $mdc-theme-surface;
-
-      // add options for when tabs are inside the body
-      > .webiny-ui-tabs {
-        margin: -24px;
-        > .mdc-tab-bar {
-          position: absolute;
-          z-index: 10;
-          @include tabBar.width(100%);
-          background-color: $mdc-theme-secondary;
-          .mdc-tab {
-            @include tab.text-label-color($mdc-theme-on-secondary);
-            @include tab.icon-color($mdc-theme-on-secondary);
-            @include tab.fixed-width(100px);
-            justify-content: flex-start;
-            font-weight: 600;
-          }
-          .mdc-tab-indicator {
-            padding-bottom: 5px;
-            margin-top: -1px;
-            @include tabIndicator.underline-color($mdc-theme-on-secondary);
-            background-color: $mdc-theme-secondary;
-          }
-        }
-        > .webiny-ui-tabs__content {
-          padding-top: 50px;
-          padding-bottom: 25px;
-        }
-      }
-      > .mdc-layout-grid {
-        margin: -24px;
-      }
-    }
-    .mdc-dialog__actions {
-      border-top: 1px solid $mdc-theme-on-background;
-      background-color: $mdc-theme-surface;
-      padding: 24px;
-    }
-  }
-  &.mdc-dialog--open .mdc-dialog__scrim {
-    opacity: 0.7;
-    background-color: var(--mdc-theme-on-surface);
-  }
-}
-
-// select
-.mdc-select {
-  width: 100%;
-  @include select.ink-color($mdc-theme-text-primary-on-background);
-  @include select.label-color($mdc-theme-text-secondary-on-background);
-  @include select.bottom-line-color($mdc-theme-text-secondary-on-background);
-  @include select.hover-bottom-line-color($mdc-theme-text-primary-on-background);
-  @include select.container-fill-color($mdc-theme-on-background);
-  @include select.shape-radius(0);
-  @include select.outline-shape-radius(2);
-
-  /*
-  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;
-    border-radius: 2px;
-  }
-
-  &.mdc-select--box {
-    border-radius: 2px;
-    .mdc-select__native-control {
-      padding-top: 10px;
-    }
-  }
-  &:not(.mdc-select--disabled).mdc-select--focused {
-    .mdc-floating-label {
-      color: rgba(0, 0, 0, 0.6);
-    }
-    .mdc-select__dropdown-icon {
-      @include select.dd-arrow-svg-bg_($mdc-theme-primary, 1);
-    }
-  }
-  &:not(.mdc-select--disabled).mdc-select--focused {
-    .mdc-floating-label {
-      color: rgba(0, 0, 0, 0.6);
-    }
-    .mdc-select__dropdown-icon {
-      @include select.dd-arrow-svg-bg_($mdc-theme-primary, 1);
-    }
-  }
-}
-
-// checkbox
-.mdc-checkbox {
-  @include checkbox.container-colors("text-secondary-on-background");
-}
-
-// radio button
-.mdc-radio {
-  @include radio.unchecked-stroke-color("text-secondary-on-background");
-}
-
-// snackbar
-.mdc-snackbar {
-  @include snackbar.shape-radius(2px);
-  @include snackbar.z-index(1000);
-}
-
-.mdc-snackbar__action:not(:disabled) {
-  color: var(--mdc-theme-primary);
-  &::before {
-    background-color: var(--mdc-theme-primary);
-  }
-  &::after {
-    background-color: var(--mdc-theme-primary);
-  }
-}
-
-// when grid is inside another grid cell, child grid should not have any padding
-.mdc-layout-grid {
-  > .mdc-layout-grid__inner {
-    > .mdc-layout-grid__cell {
-      > .mdc-layout-grid {
-        padding: 0;
-      }
-    }
-  }
-}

package/styles/material.scss

@@ -1,43 +0,0 @@
-@use "@material/theme/mixins" as themeMixins;
-
-// material variables
-$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;
-$mdc-typography-subtitle2-font-weight: $webiny-theme-typography-subtitle2-font-weight;
-
-@import "~material-components-web/material-components-web.scss";
-@import "material-theme-assignments.scss";
-
-body {
-  background-color: $mdc-theme-background;
-  min-height: 100vh;
-
-  // assign all the sass variables in css variables
-  --mdc-theme-primary: #{$mdc-theme-primary};
-  --mdc-theme-secondary: #{$mdc-theme-secondary};
-  --mdc-theme-background: #{$mdc-theme-background};
-  --mdc-theme-surface: #{$mdc-theme-surface};
-  --mdc-theme-on-primary: #{$mdc-theme-on-primary};
-  --mdc-theme-on-secondary: #{$mdc-theme-on-secondary};
-  --mdc-theme-on-surface: #{$mdc-theme-on-surface};
-  --mdc-theme-on-background: #{$mdc-theme-on-background};
-  --mdc-theme-text-primary-on-background: #{$mdc-theme-text-primary-on-background};
-  --mdc-theme-text-secondary-on-background: #{$mdc-theme-text-secondary-on-background};
-  --mdc-theme-text-hint-on-dark: #{$mdc-theme-text-hint-on-dark};
-  --mdc-theme-caret-down: #{$webiny-theme-light-caret-down};
-  --mdc-typography-font-family: #{$mdc-typography-font-family};
-  --mdc-typography-subtitle2-font-weight: #{$mdc-typography-subtitle2-font-weight};
-
-  font-family: "Source Sans Pro";
-}
-

package/styles/theme.scss

@@ -1,76 +0,0 @@
-// 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 dark theme
-$webiny-theme-dark-primary: #fa5723 !default;
-$webiny-theme-dark-secondary: #00ccb0 !default;
-$webiny-theme-dark-background: #121212 !default;
-$webiny-theme-dark-surface: #242424 !default;
-$webiny-theme-dark-on-primary: #ffffff !default;
-$webiny-theme-dark-on-secondary: #ffffff !default;
-$webiny-theme-dark-on-surface: #ffffff !default;
-$webiny-theme-dark-on-background: rgba(255, 255, 255, 0.15) !default;
-$webiny-theme-dark-text-primary-on-background: rgba(255, 255, 255, 0.87);
-$webiny-theme-dark-text-secondary-on-background: rgba(255, 255, 255, 0.54);
-$webiny-theme-dark-text-hint-on-dark: rgba(255, 255, 255, 0.15);
-$webiny-theme-dark-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%23FFFFFF%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 typography
-$webiny-theme-typography-font-family: "Source Sans Pro" !default;
-$webiny-theme-typography-subtitle2-font-weight: 600 !default;
-
-// import required fonts
-@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");
-
-body {
-  font-size: 16px;
-}
-
-a {
-  color: var(--webiny-theme-color-primary, #ee896b);
-  text-decoration: none;
-}
-
-// Default heading styles
-h1 {
-  font-size: 3rem;
-  line-height: 1;
-}
-
-h2 {
-  font-size: 2.25rem;
-  line-height: 2.5rem;
-}
-
-h3 {
-  font-size: 1.875rem;
-  line-height: 2.25rem;
-}
-
-h4 {
-  font-size: 1.5rem;
-  line-height: 2rem;
-}
-
-h5 {
-  font-size: 1.25rem;
-  line-height: 1.75rem;
-}
-
-h6 {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-}
-
-@import "@webiny/ui/styles.scss";

package/types.js.map

@@ -1 +0,0 @@
-{"version":3,"names":[],"sources":["types.ts"],"sourcesContent":["import React, { ReactElement } from \"react\";\nimport { Plugin } from \"@webiny/plugins/types\";\nimport { ApolloClient } from \"apollo-client\";\nimport { ItemProps, MenuProps, SectionProps } from \"~/plugins/MenuPlugin\";\n\nexport type AdminGlobalSearchPlugin = Plugin & {\n    type: \"admin-global-search\";\n    label: string;\n    route: string;\n    search?: {\n        operator?: \"and\" | \"or\";\n        fields?: Array<string>;\n    };\n};\n\nexport type AdminGlobalSearchPreventHotkeyPlugin = Plugin & {\n    type: \"admin-global-search-prevent-hotkey\";\n    preventOpen(e: React.KeyboardEvent): boolean | void;\n};\n\n/**\n * LEGACY TYPE. Only for backwards compatibility.\n */\nexport type AdminMenuLogoPlugin = Plugin & {\n    name: \"admin-menu-logo\";\n    type: \"admin-menu-logo\";\n    render(): React.ReactElement;\n};\n\n/**\n * Enables adding custom menu sections and items in the main menu, located on the left side of the screen.\n * @see https://docs.webiny.com/docs/webiny-apps/admin/development/plugins-reference/app#admin-menu\n */\nexport type AdminMenuPlugin = Plugin & {\n    type: \"admin-menu\";\n    render(props: {\n        Menu: React.ComponentType<MenuProps>;\n        Section: React.ComponentType<SectionProps>;\n        Item: React.ComponentType<ItemProps>;\n    }): React.ReactNode;\n    order?: number;\n};\n\nexport interface AdminFileManagerFileTypePluginRenderParams {\n    file: FileItem;\n}\nexport type AdminFileManagerFileTypePlugin = Plugin & {\n    type: \"admin-file-manager-file-type\";\n    types: string[];\n    render(params: AdminFileManagerFileTypePluginRenderParams): React.ReactNode;\n    fileDetails?: {\n        actions: Array<React.FC | React.Component>;\n    };\n};\n\nexport interface AdminInstallationPluginRenderParams {\n    onInstalled: () => Promise<void>;\n}\nexport type AdminInstallationPlugin = Plugin & {\n    type: \"admin-installation\";\n    getInstalledVersion(params: { client: ApolloClient<object> }): Promise<string | null>;\n    title: string;\n    dependencies?: string[];\n    secure: boolean;\n    render(params: AdminInstallationPluginRenderParams): React.ReactNode;\n};\n\nexport type AdminAppPermissionRendererPlugin = Plugin & {\n    type: \"admin-app-permissions-renderer\";\n    system?: boolean;\n    render(params: any): ReactElement;\n};\n\nimport { SecurityPermission } from \"@webiny/app-security/types\";\n\n/**\n * Represents a file as we receive from the GraphQL API.\n */\nexport interface FileItem {\n    id: string;\n    name: string;\n    key: string;\n    src: string;\n    size: number;\n    type: string;\n    tags: string[];\n    aliases: string[];\n    createdOn: string;\n    createdBy: {\n        id: string;\n    };\n}\n\nexport interface FileManagerSecurityPermission extends SecurityPermission {\n    rwd?: string;\n    own?: boolean;\n}\n"],"mappings":""}

package/ui/UIElement.d.ts

@@ -1,2 +0,0 @@
-export type { UIElementConfig, ApplyFunction, ShouldRender, UiElementRenderProps } from "@webiny/ui-composer/UIElement";
-export { UIElement, UIElementPlugin } from "@webiny/ui-composer/UIElement";

package/ui/UIElement.js

@@ -1,18 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "UIElement", {
-  enumerable: true,
-  get: function get() {
-    return _UIElement.UIElement;
-  }
-});
-Object.defineProperty(exports, "UIElementPlugin", {
-  enumerable: true,
-  get: function get() {
-    return _UIElement.UIElementPlugin;
-  }
-});
-var _UIElement = require("@webiny/ui-composer/UIElement");

package/ui/UIElement.js.map

@@ -1 +0,0 @@
-{"version":3,"names":[],"sources":["UIElement.tsx"],"sourcesContent":["export type {\n    UIElementConfig,\n    ApplyFunction,\n    ShouldRender,\n    UiElementRenderProps\n} from \"@webiny/ui-composer/UIElement\";\n\nexport { UIElement, UIElementPlugin } from \"@webiny/ui-composer/UIElement\";\n"],"mappings":";;;;;;;;;;;;;;;;;AAOA"}

package/ui/UILayout.d.ts

@@ -1 +0,0 @@
-export { UILayout, UILayoutPlugin } from "@webiny/ui-composer/UILayout";

package/ui/UILayout.js

@@ -1,18 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "UILayout", {
-  enumerable: true,
-  get: function get() {
-    return _UILayout.UILayout;
-  }
-});
-Object.defineProperty(exports, "UILayoutPlugin", {
-  enumerable: true,
-  get: function get() {
-    return _UILayout.UILayoutPlugin;
-  }
-});
-var _UILayout = require("@webiny/ui-composer/UILayout");

package/ui/UILayout.js.map

@@ -1 +0,0 @@
-{"version":3,"names":[],"sources":["UILayout.tsx"],"sourcesContent":["export { UILayout, UILayoutPlugin } from \"@webiny/ui-composer/UILayout\";\n"],"mappings":";;;;;;;;;;;;;;;;;AAAA"}

package/ui/UIRenderer.d.ts

@@ -1,2 +0,0 @@
-export { UIRenderer } from "@webiny/ui-composer/UIRenderer";
-export type { UIRenderParams, RenderNext } from "@webiny/ui-composer/UIRenderer";

package/ui/UIRenderer.js

@@ -1,12 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "UIRenderer", {
-  enumerable: true,
-  get: function get() {
-    return _UIRenderer.UIRenderer;
-  }
-});
-var _UIRenderer = require("@webiny/ui-composer/UIRenderer");

package/ui/UIRenderer.js.map

@@ -1 +0,0 @@
-{"version":3,"names":[],"sources":["UIRenderer.tsx"],"sourcesContent":["export { UIRenderer } from \"@webiny/ui-composer/UIRenderer\";\nexport type { UIRenderParams, RenderNext } from \"@webiny/ui-composer/UIRenderer\";\n"],"mappings":";;;;;;;;;;;AAAA"}

package/ui/UIView.d.ts

@@ -1,2 +0,0 @@
-export type { ApplyFunction, UIElementWrapperProps, UIElementWrapper, UIViewProps } from "@webiny/ui-composer/UIView";
-export { UIView, UIViewComponent, UIViewPlugin } from "@webiny/ui-composer/UIView";

package/ui/UIView.js

@@ -1,24 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "UIView", {
-  enumerable: true,
-  get: function get() {
-    return _UIView.UIView;
-  }
-});
-Object.defineProperty(exports, "UIViewComponent", {
-  enumerable: true,
-  get: function get() {
-    return _UIView.UIViewComponent;
-  }
-});
-Object.defineProperty(exports, "UIViewPlugin", {
-  enumerable: true,
-  get: function get() {
-    return _UIView.UIViewPlugin;
-  }
-});
-var _UIView = require("@webiny/ui-composer/UIView");