carbon-react 106.6.9 → 107.0.0

package/lib/components/sidebar/__internal__/sidebar-header/sidebar-header.component.d.ts

@@ -1,13 +1,15 @@
 export default SidebarHeader;
-declare function SidebarHeader({ className, children, ...props }: {
+declare function SidebarHeader({ className, children, id, ...props }: {
     [x: string]: any;
     className: any;
     children: any;
+    id: any;
 }): JSX.Element;
 declare namespace SidebarHeader {
     namespace propTypes {
         const children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         const className: PropTypes.Requireable<string>;
+        const id: PropTypes.Requireable<string>;
     }
 }
 import PropTypes from "prop-types";

package/lib/components/sidebar/__internal__/sidebar-header/sidebar-header.component.js

@@ -20,9 +20,11 @@ function _extends() { _extends = Object.assign || function (target) { for (var i
 const SidebarHeader = ({
   className,
   children,
+  id,
   ...props
 }) => /*#__PURE__*/_react.default.createElement(_sidebarHeader.default, _extends({
-  className: className
+  className: className,
+  id: id
 }, (0, _tags.default)("sidebar-header", props)), children);
 
 SidebarHeader.propTypes = {
@@ -30,7 +32,10 @@ SidebarHeader.propTypes = {
   children: _propTypes.default.node,
 
   /** A custom class name. */
-  className: _propTypes.default.string
+  className: _propTypes.default.string,
+
+  /** A custom id. */
+  id: _propTypes.default.string
 };
 var _default = SidebarHeader;
 exports.default = _default;

package/lib/components/sidebar/sidebar.component.js

@@ -25,6 +25,8 @@ var _box = _interopRequireDefault(require("../box"));
 
 var _sidebar2 = require("./sidebar.config");
 
+var _guid = _interopRequireDefault(require("../../__internal__/utils/helpers/guid"));
+
 var _useLocale = _interopRequireDefault(require("../../hooks/__internal__/useLocale"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -55,6 +57,9 @@ const Sidebar = /*#__PURE__*/_react.default.forwardRef(({
   ...rest
 }, ref) => {
   const locale = (0, _useLocale.default)();
+  const {
+    current: titleId
+  } = (0, _react.useRef)((0, _guid.default)());
   let sidebarRef = (0, _react.useRef)();
   if (ref) sidebarRef = ref;
 
@@ -79,14 +84,16 @@ const Sidebar = /*#__PURE__*/_react.default.forwardRef(({
     "aria-modal": !enableBackgroundUI,
     "aria-describedby": ariaDescribedBy,
     "aria-label": ariaLabel,
-    "aria-labelledby": ariaLabelledBy,
+    "aria-labelledby": !ariaLabelledBy && !ariaLabel ? titleId : ariaLabelledBy,
     ref: sidebarRef,
     position: position,
     size: size,
     "data-element": "sidebar",
     onCancel: onCancel,
     role: role
-  }, closeIcon(), header && /*#__PURE__*/_react.default.createElement(_sidebarHeader.default, null, header), /*#__PURE__*/_react.default.createElement(_box.default, {
+  }, header && /*#__PURE__*/_react.default.createElement(_sidebarHeader.default, {
+    id: titleId
+  }, header), closeIcon(), /*#__PURE__*/_react.default.createElement(_box.default, {
     "data-element": "sidebar-content",
     p: 4,
     pt: "27px",
@@ -106,7 +113,8 @@ const Sidebar = /*#__PURE__*/_react.default.forwardRef(({
     enableBackgroundUI: enableBackgroundUI,
     className: "carbon-sidebar"
   }, componentTags), enableBackgroundUI ? sidebar : /*#__PURE__*/_react.default.createElement(_focusTrap.default, {
-    wrapperRef: sidebarRef
+    wrapperRef: sidebarRef,
+    isOpen: open
   }, sidebar));
 });
 

package/lib/components/simple-color-picker/simple-color-picker.component.js

@@ -19,7 +19,7 @@ var _fieldset = _interopRequireDefault(require("../../__internal__/fieldset"));
 
 var _simpleColor = _interopRequireDefault(require("./simple-color"));
 
-var _radioButtonMapper = _interopRequireDefault(require("../radio-button/radio-button-mapper.component"));
+var _radioButtonMapper = _interopRequireDefault(require("../../__internal__/radio-button-mapper/radio-button-mapper.component"));
 
 var _simpleColorPicker = require("./simple-color-picker.style");
 

package/lib/components/split-button/split-button-toggle.style.d.ts

@@ -1,4 +1,4 @@
 export default StyledSplitButtonToggle;
-declare const StyledSplitButtonToggle: import("styled-components").StyledComponent<"button", any, import("styled-system").SpaceProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> & Omit<import("../button").ButtonProps, "as"> & {
+declare const StyledSplitButtonToggle: import("styled-components").StyledComponent<"button", any, import("styled-system").SpaceProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> & import("../button").ButtonProps & {
     iconOnly?: boolean | undefined;
 }, never>;

package/lib/components/split-button/split-button.component.d.ts

@@ -1,8 +1,7 @@
 export default SplitButton;
-declare function SplitButton({ align, as, buttonType, children, disabled, iconPosition, iconType, onClick, size, subtext, text, "data-element": dataElement, "data-role": dataRole, ...rest }: {
+declare function SplitButton({ align, buttonType, children, disabled, iconPosition, iconType, onClick, size, subtext, text, "data-element": dataElement, "data-role": dataRole, ...rest }: {
     [x: string]: any;
     align?: string | undefined;
-    as: any;
     buttonType?: string | undefined;
     children: any;
     disabled?: boolean | undefined;
@@ -19,8 +18,6 @@ declare namespace SplitButton {
     const propTypes: {
         /** Button type: "primary" | "secondary" */
         buttonType: PropTypes.Requireable<string>;
-        /** Button type: "primary" | "secondary" for legacy theme */
-        as: PropTypes.Requireable<string>;
         /** The additional button to display. */
         children: PropTypes.Validator<string | number | boolean | {} | PropTypes.ReactElementLike | PropTypes.ReactNodeArray>;
         /** A custom value for the data-element attribute */

package/lib/components/split-button/split-button.component.js

@@ -35,8 +35,6 @@ var _themes = require("../../style/themes");
 
 var _focusTrapUtils = require("../../__internal__/focus-trap/focus-trap-utils");
 
-var _logger = _interopRequireDefault(require("../../__internal__/utils/logger"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
@@ -47,11 +45,9 @@ function _extends() { _extends = Object.assign || function (target) { for (var i
 
 const marginPropTypes = (0, _utils.filterStyledSystemMarginProps)(_propTypes2.default.space);
 const CONTENT_WIDTH_RATIO = 0.75;
-let deprecatedWarnTriggered = false;
 
 const SplitButton = ({
   align = "left",
-  as,
   buttonType = "secondary",
   children,
   disabled = false,
@@ -65,13 +61,6 @@ const SplitButton = ({
   "data-role": dataRole,
   ...rest
 }) => {
-  if (!deprecatedWarnTriggered && as) {
-    deprecatedWarnTriggered = true;
-
-    _logger.default.deprecate( // eslint-disable-next-line max-len
-    "The `as` prop is deprecated and will soon be removed from the `SplitButton` component interface. You should use the `buttonType` prop to achieve the same styling. The following codemod is available to help with updating your code https://github.com/Sage/carbon-codemod/tree/master/transforms/rename-prop");
-  }
-
   const theme = (0, _react.useContext)(_styledComponents.ThemeContext) || _themes.baseTheme;
 
   const isToggleButtonFocused = (0, _react.useRef)(false);
@@ -159,7 +148,6 @@ const SplitButton = ({
       onFocus: hideButtons,
       onTouchStart: hideButtons,
       iconPosition,
-      as,
       buttonType,
       disabled,
       iconType,
@@ -180,7 +168,7 @@ const SplitButton = ({
         isToggleButtonFocused.current = false;
       },
       onKeyDown: handleToggleButtonKeyDown,
-      buttonType: as || buttonType,
+      buttonType,
       size
     };
 
@@ -204,7 +192,7 @@ const SplitButton = ({
       primary: theme.colors.white,
       secondary: theme.colors.primary
     };
-    return colorsMap[as || buttonType];
+    return colorsMap[buttonType];
   }
 
   function renderMainButton() {
@@ -315,9 +303,6 @@ SplitButton.propTypes = { ...marginPropTypes,
   /** Button type: "primary" | "secondary" */
   buttonType: _propTypes.default.oneOf(["primary", "secondary"]),
 
-  /** Button type: "primary" | "secondary" for legacy theme */
-  as: _propTypes.default.oneOf(["primary", "secondary"]),
-
   /** The additional button to display. */
   children: _propTypes.default.node.isRequired,
 
@@ -342,6 +327,6 @@ SplitButton.propTypes = { ...marginPropTypes,
   /** Set align of the rendered content */
   align: _propTypes.default.oneOf(["left", "right"])
 };
-SplitButton.safeProps = ["buttonType", "as", "disabled", "size"];
+SplitButton.safeProps = ["buttonType", "disabled", "size"];
 var _default = SplitButton;
 exports.default = _default;

package/lib/components/split-button/split-button.d.ts

@@ -6,8 +6,6 @@ export interface SplitButtonProps
     MarginProps {
   /** Set align of the rendered content */
   align?: "left" | "right";
-  /** Button type: "primary" | "secondary" for legacy theme */
-  as?: "primary" | "secondary";
   /** Button type: "primary" | "secondary" */
   buttonType?: "primary" | "secondary";
   /** The additional button to display. */

package/lib/components/tile/tile.component.d.ts

@@ -1,7 +1,6 @@
 export default Tile;
-declare function Tile({ as, variant, p, children, orientation, width, ...props }: {
+declare function Tile({ variant, p, children, orientation, width, ...props }: {
     [x: string]: any;
-    as: any;
     variant?: string | undefined;
     p?: number | undefined;
     children: any;

package/lib/components/tile/tile.component.js

@@ -13,16 +13,11 @@ var _propTypes2 = _interopRequireDefault(require("@styled-system/prop-types"));
 
 var _tileStyle = require("./tile.style.js");
 
-var _logger = _interopRequireDefault(require("../../__internal__/utils/logger"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
-let deprecatedWarnTriggered = false;
-
 const Tile = ({
-  as,
   variant = "tile",
   p = 3,
   children,
@@ -30,13 +25,6 @@ const Tile = ({
   width,
   ...props
 }) => {
-  if (!deprecatedWarnTriggered && as) {
-    deprecatedWarnTriggered = true;
-
-    _logger.default.deprecate( // eslint-disable-next-line max-len
-    "The `as` prop is deprecated and will soon be removed from the `Tile` component interface. You should use the `variant` prop to achieve the same styling. The following codemod is available to help with updating your code https://github.com/Sage/carbon-codemod/tree/master/transforms/rename-prop");
-  }
-
   const isHorizontal = () => orientation === "horizontal";
 
   const isVertical = () => orientation === "vertical";
@@ -66,7 +54,7 @@ const Tile = ({
   });
 
   return /*#__PURE__*/_react.default.createElement(_tileStyle.StyledTile, _extends({
-    tileTheme: as || variant,
+    tileTheme: variant,
     width: width,
     "data-component": "tile",
     isHorizontal: isHorizontal(orientation),
@@ -78,9 +66,6 @@ Tile.propTypes = {
   /** Styled system spacing props */
   ..._propTypes2.default.space,
 
-  /** Sets the theme of the tile - either 'tile' or 'transparent' */
-  as: _propTypes.default.oneOf(["tile", "transparent"]),
-
   /** Sets the theme of the tile - either 'tile' or 'transparent' */
   variant: _propTypes.default.oneOf(["tile", "transparent"]),
 

package/lib/components/tile/tile.d.ts

@@ -2,8 +2,6 @@ import * as React from "react";
 import { SpaceProps } from "styled-system";
 
 export interface TileProps extends SpaceProps {
-  /** Sets the theme of the tile - either 'tile' or 'transparent' */
-  as?: "tile" | "transparent";
   /** Sets the theme of the tile - either 'tile' or 'transparent' */
   variant?: "tile" | "transparent";
   /**

package/lib/components/tile-select/tile-select-group.component.js

@@ -15,7 +15,7 @@ var _tags = _interopRequireDefault(require("../../__internal__/utils/helpers/tag
 
 var _tileSelect = _interopRequireDefault(require("./tile-select.component"));
 
-var _radioButtonMapper = _interopRequireDefault(require("../radio-button/radio-button-mapper.component"));
+var _radioButtonMapper = _interopRequireDefault(require("../../__internal__/radio-button-mapper/radio-button-mapper.component"));
 
 var _tileSelect2 = require("./tile-select.style");
 

package/lib/components/toast/toast.component.d.ts

@@ -1,7 +1,6 @@
 export default Toast;
-declare function Toast({ as, children, className, id, isCenter, maxWidth, onDismiss, open, targetPortalId, timeout, variant, ...restProps }: {
+declare function Toast({ children, className, id, isCenter, maxWidth, onDismiss, open, targetPortalId, timeout, variant, ...restProps }: {
     [x: string]: any;
-    as: any;
     children: any;
     className: any;
     id: any;
@@ -17,8 +16,6 @@ declare namespace Toast {
     const propTypes: {
         /** Customizes the appearance in the DLS theme */
         variant: PropTypes.Requireable<string>;
-        /** Customizes the appearance in a legacy theme through colour (see the 'iconColorSets' for possible values) */
-        as: PropTypes.Requireable<string>;
         /** Custom className */
         className: PropTypes.Requireable<string>;
         /** Custom id  */

package/lib/components/toast/toast.component.js

@@ -27,8 +27,6 @@ var _useLocale = _interopRequireDefault(require("../../hooks/__internal__/useLoc
 
 var _useModalManager = _interopRequireDefault(require("../../hooks/__internal__/useModalManager"));
 
-var _logger = _interopRequireDefault(require("../../__internal__/utils/logger"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
@@ -37,10 +35,7 @@ function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj;
 
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
-let deprecatedWarnTriggered = false;
-
 const Toast = ({
-  as,
   children,
   className,
   id,
@@ -53,13 +48,6 @@ const Toast = ({
   variant,
   ...restProps
 }) => {
-  if (!deprecatedWarnTriggered && as) {
-    deprecatedWarnTriggered = true;
-
-    _logger.default.deprecate( // eslint-disable-next-line max-len
-    "The `as` prop is deprecated and will soon be removed from the `Toast` component interface. You should use the `variant` prop to achieve the same styling. The following codemod is available to help with updating your code https://github.com/Sage/carbon-codemod/tree/master/transforms/rename-prop");
-  }
-
   const locale = (0, _useLocale.default)();
   const toastRef = (0, _react.useRef)();
   const timer = (0, _react.useRef)();
@@ -99,7 +87,7 @@ const Toast = ({
     if (!open) return null;
     const toastProps = {
       isCenter,
-      variant: variant || as || "success",
+      variant: variant || "success",
       id,
       maxWidth
     };
@@ -139,9 +127,6 @@ Toast.propTypes = {
   /** Customizes the appearance in the DLS theme */
   variant: _propTypes.default.oneOf(["error", "info", "success", "warning"]),
 
-  /** Customizes the appearance in a legacy theme through colour (see the 'iconColorSets' for possible values) */
-  as: _propTypes.default.oneOf(["error", "info", "success", "warning"]),
-
   /** Custom className */
   className: _propTypes.default.string,
 

package/lib/components/toast/toast.d.ts

@@ -7,8 +7,6 @@ export interface ToastPropTypes {
   children: React.ReactNode;
   /** Customizes the appearance in the DLS theme */
   variant?: ToastVariants;
-  /** Customizes the appearance in a legacy theme through colour (see the 'iconColorSets' for possible values) */
-  as?: ToastVariants;
   /** Custom className */
   className?: string;
   /** Custom id  */

package/lib/locales/en-gb.js

@@ -125,15 +125,6 @@ const enGB = {
     ariaLabels: {
       close: () => "Close"
     }
-  },
-  wizards: {
-    multiStep: {
-      buttons: {
-        submit: () => "Submit",
-        next: () => "Next",
-        back: () => "Back"
-      }
-    }
   }
 };
 var _default = enGB;

package/lib/locales/locale.d.ts

@@ -92,14 +92,5 @@ interface Locale {
             close: () => string;
         };
     };
-    wizards: {
-        multiStep: {
-            buttons: {
-                submit: () => string;
-                next: () => string;
-                back: () => string;
-            };
-        };
-    };
 }
 export default Locale;

package/lib/locales/pl-pl.js

@@ -123,15 +123,6 @@ const plPL = {
     ariaLabels: {
       close: () => "Zamknij"
     }
-  },
-  wizards: {
-    multiStep: {
-      buttons: {
-        submit: () => "Wyślij",
-        next: () => "Następny",
-        back: () => "Wstecz"
-      }
-    }
   }
 };
 var _default = plPL;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "carbon-react",
-  "version": "106.6.9",
+  "version": "107.0.0",
   "description": "A library of reusable React components for easily building user interfaces.",
   "engineStrict": true,
   "engines": {

package/esm/components/app-wrapper/app-wrapper.component.d.ts

@@ -1,25 +0,0 @@
-export default AppWrapper;
-/**
- * Manages the width and containment of your application.
- */
-declare class AppWrapper extends React.Component<any, any, any> {
-    constructor(...args: any[]);
-    /**
-     * Returns the classes for the component.
-     *
-     * @method classes
-     * @return {String}
-     */
-    classes(): string;
-    /**
-     * @method render
-     */
-    render(): JSX.Element;
-}
-declare namespace AppWrapper {
-    namespace propTypes {
-        const children: Node;
-        const className: string;
-    }
-}
-import React from "react";

package/esm/components/app-wrapper/app-wrapper.component.js

@@ -1,104 +0,0 @@
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
-function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
-
-function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
-
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
-
-function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
-
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-
-function _possibleConstructorReturn(self, call) { if (call && (typeof call === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
-
-function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
-
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
-function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
-
-import React from "react";
-import PropTypes from "prop-types";
-import classNames from "classnames";
-import tagComponent from "../../__internal__/utils/helpers/tags/tags";
-import StyledAppWrapper from "./app-wrapper.style";
-import Logger from "../../__internal__/utils/logger";
-let deprecatedWarnTriggered = false;
-/**
- * Manages the width and containment of your application.
- */
-
-let AppWrapper = /*#__PURE__*/function (_React$Component) {
-  _inherits(AppWrapper, _React$Component);
-
-  var _super = _createSuper(AppWrapper);
-
-  function AppWrapper(...args) {
-    var _this;
-
-    _classCallCheck(this, AppWrapper);
-
-    _this = _super.call(this, ...args);
-    _this.classes = _this.classes.bind(_assertThisInitialized(_this));
-
-    if (!deprecatedWarnTriggered) {
-      deprecatedWarnTriggered = true; // eslint-disable-next-line max-len
-
-      Logger.deprecate("`AppWrapper` component is now deprecated and will soon be removed. Please use the `Box` component instead.");
-    }
-
-    return _this;
-  }
-  /**
-   * Returns the classes for the component.
-   *
-   * @method classes
-   * @return {String}
-   */
-
-
-  _createClass(AppWrapper, [{
-    key: "classes",
-    value: function classes() {
-      return classNames("carbon-app-wrapper", this.props.className);
-    }
-    /**
-     * @method render
-     */
-
-  }, {
-    key: "render",
-    value: function render() {
-      const {
-        children
-      } = this.props;
-      return /*#__PURE__*/React.createElement(StyledAppWrapper, _extends({}, this.props, {
-        className: this.classes()
-      }, tagComponent("app-wrapper", this.props)), children);
-    }
-  }]);
-
-  return AppWrapper;
-}(React.Component);
-
-AppWrapper.propTypes = {
-  /**
-   * Children elements
-   *
-   * @property children
-   * @type {Node}
-   */
-  children: PropTypes.node,
-
-  /**
-   * Custom className
-   *
-   * @property className
-   * @type {String}
-   */
-  className: PropTypes.string
-};
-export default AppWrapper;

package/esm/components/app-wrapper/app-wrapper.d.ts

@@ -1,12 +0,0 @@
-import * as React from "react";
-
-export interface AppWrapperProps {
-  /** Children elements */
-  children?: React.ReactNode;
-  /** Custom className */
-  className?: string;
-}
-
-declare class AppWrapper extends React.Component<AppWrapperProps> {}
-
-export default AppWrapper;

package/esm/components/app-wrapper/app-wrapper.style.d.ts

@@ -1,2 +0,0 @@
-export default StyledAppWrapper;
-declare const StyledAppWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;

package/esm/components/app-wrapper/app-wrapper.style.js

@@ -1,17 +0,0 @@
-import styled from "styled-components";
-const StyledAppWrapper = styled.div`
-  box-sizing: border-box;
-  max-width: 1600px;
-  min-width: 958px;
-  margin: 0 auto;
-  padding: 0 40px;
-
-  @media only screen and (max-width: 1366px) {
-    padding: 0 30px;
-  }
-
-  @media only screen and (max-width: 1024px) {
-    padding: 0 25px;
-  }
-`;
-export default StyledAppWrapper;

package/esm/components/app-wrapper/index.d.ts

@@ -1 +0,0 @@
-export { default } from "./app-wrapper";

package/esm/components/app-wrapper/index.js

@@ -1 +0,0 @@
-export { default } from "./app-wrapper.component";

package/esm/components/menu/submenu-block/index.d.ts

@@ -1,2 +0,0 @@
-export { default } from "./submenu-block";
-export * from "./submenu-block";

package/esm/components/menu/submenu-block/index.js

@@ -1 +0,0 @@
-export { default } from "./submenu-block.component";

package/esm/components/menu/submenu-block/submenu-block.component.d.ts

@@ -1,12 +0,0 @@
-export default SubmenuBlock;
-declare function SubmenuBlock({ children, variant }: {
-    children: any;
-    variant?: string | undefined;
-}): JSX.Element;
-declare namespace SubmenuBlock {
-    namespace propTypes {
-        const children: PropTypes.Validator<string | number | boolean | {} | PropTypes.ReactElementLike | PropTypes.ReactNodeArray>;
-        const variant: PropTypes.Requireable<string>;
-    }
-}
-import PropTypes from "prop-types";