@salutejs/plasma-new-hope 0.78.0-canary.1201.8968491632.0 → 0.78.0-canary.1201.8983771283.0

package/styled-components/cjs/components/Dropdown/ui/DropdownOld/DropdownOld.js

@@ -0,0 +1,101 @@
+"use strict";
+
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.dropdownOldRoot = exports.dropdownOldConfig = void 0;
+var _react = /*#__PURE__*/_interopRequireWildcard( /*#__PURE__*/require("react"));
+var _plasmaCore = /*#__PURE__*/require("@salutejs/plasma-core");
+var _base = /*#__PURE__*/require("./variations/_view/base");
+var _base2 = /*#__PURE__*/require("./variations/_size/base");
+var _Dropdown = /*#__PURE__*/require("./Dropdown.styles");
+var _utils = /*#__PURE__*/require("./utils");
+var _excluded = ["id", "target", "children", "hasArrow", "role", "view", "size", "frame", "onToggle", "isFocusTrapped", "isOpen", "placement", "trigger", "offset", "preventOverflow", "closeOnOverlayClick", "closeOnEsc"];
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : 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 _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+/**
+ * Выпадающий список без внешнего контроля видимости.
+ */
+var dropdownOldRoot = exports.dropdownOldRoot = function dropdownOldRoot(Root) {
+  return /*#__PURE__*/(0, _react.forwardRef)(function (_ref, outerRootRef) {
+    var id = _ref.id,
+      target = _ref.target,
+      children = _ref.children,
+      hasArrow = _ref.hasArrow,
+      role = _ref.role,
+      view = _ref.view,
+      size = _ref.size,
+      frame = _ref.frame,
+      _onToggle = _ref.onToggle,
+      _ref$isFocusTrapped = _ref.isFocusTrapped,
+      isFocusTrapped = _ref$isFocusTrapped === void 0 ? true : _ref$isFocusTrapped,
+      _ref$isOpen = _ref.isOpen,
+      isOpen = _ref$isOpen === void 0 ? false : _ref$isOpen,
+      _ref$placement = _ref.placement,
+      placement = _ref$placement === void 0 ? 'auto' : _ref$placement,
+      _ref$trigger = _ref.trigger,
+      trigger = _ref$trigger === void 0 ? 'click' : _ref$trigger,
+      _ref$offset = _ref.offset,
+      offset = _ref$offset === void 0 ? [0, 6] : _ref$offset,
+      _ref$preventOverflow = _ref.preventOverflow,
+      preventOverflow = _ref$preventOverflow === void 0 ? false : _ref$preventOverflow,
+      _ref$closeOnOverlayCl = _ref.closeOnOverlayClick,
+      closeOnOverlayClick = _ref$closeOnOverlayCl === void 0 ? false : _ref$closeOnOverlayCl,
+      _ref$closeOnEsc = _ref.closeOnEsc,
+      closeOnEsc = _ref$closeOnEsc === void 0 ? false : _ref$closeOnEsc,
+      rest = _objectWithoutProperties(_ref, _excluded);
+    var uniqId = (0, _plasmaCore.useUniqId)();
+    var innerId = id || uniqId;
+    var rootRef = (0, _react.useRef)(null);
+    var dropdownRef = (0, _react.useRef)(null);
+    var handleRef = (0, _plasmaCore.useForkRef)(rootRef, outerRootRef);
+    var trapRef = (0, _plasmaCore.useFocusTrap)(isOpen && isFocusTrapped);
+    var dropdownForkRef = (0, _plasmaCore.useForkRef)(dropdownRef, trapRef);
+    return /*#__PURE__*/_react["default"].createElement(_Dropdown.StyledPopover, {
+      role: role,
+      isOpen: isOpen,
+      usePortal: false,
+      onToggle: function onToggle(is, event) {
+        return _onToggle === null || _onToggle === void 0 ? void 0 : _onToggle(is, event);
+      },
+      id: innerId,
+      ref: dropdownForkRef,
+      target: target,
+      offset: offset,
+      preventOverflow: preventOverflow,
+      hasArrow: hasArrow,
+      placement: (0, _utils.getPlacements)(placement),
+      trigger: trigger,
+      closeOnOverlayClick: closeOnOverlayClick,
+      closeOnEsc: closeOnEsc,
+      isFocusTrapped: isFocusTrapped,
+      frame: frame
+    }, /*#__PURE__*/_react["default"].createElement(Root, _extends({
+      ref: handleRef,
+      view: view,
+      size: size
+    }, rest), /*#__PURE__*/_react["default"].createElement(_Dropdown.StyledDropdown, null, children)));
+  });
+};
+var dropdownOldConfig = exports.dropdownOldConfig = {
+  name: 'Dropdown',
+  tag: 'div',
+  layout: dropdownOldRoot,
+  base: '',
+  variations: {
+    view: {
+      css: _base.base
+    },
+    size: {
+      css: _base2.base
+    }
+  },
+  defaults: {
+    view: 'default',
+    size: 'm'
+  }
+};

package/styled-components/cjs/components/Dropdown/ui/DropdownOld/DropdownOld.tokens.js

@@ -0,0 +1,118 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.tokens = exports.classes = void 0;
+var classes = exports.classes = {
+  dropdownItemIsSelected: 'dropdown-item-is-selected',
+  dropdownItemIsDisabled: 'dropdown-item-is-disabled'
+};
+var tokens = exports.tokens = {
+  background: '--plasma-dropdown-background',
+  boxShadow: '--plasma-dropdown-box-shadow',
+  width: '--plasma-dropdown-width',
+  height: '--plasma-dropdown-height',
+  borderRadius: '--plasma-dropdown-border-radius',
+  paddingTop: '--plasma-dropdown-padding-top',
+  paddingRight: '--plasma-dropdown-padding-right',
+  paddingBottom: '--plasma-dropdown-padding-bottom',
+  paddingLeft: '--plasma-dropdown-padding-left',
+  itemBackground: '--plasma-dropdown-item-background',
+  itemColor: '--plasma-dropdown-item-color',
+  itemBackgroundHover: '--plasma-dropdown-item-background-hover',
+  itemBackgroundSelected: '--plasma-dropdown-item-background-selected',
+  itemColorSelected: '--plasma-dropdown-item-color-selected',
+  itemBackgroundSelectedHover: '--plasma-dropdown-item-background-selected-hover',
+  itemColorSelectedHover: '--plasma-dropdown-item-color-selected-hover',
+  itemWidth: '--plasma-dropdown-item-width',
+  itemHeight: '--plasma-dropdown-item-height',
+  itemBorderRadius: '--plasma-dropdown-item-border-radius',
+  itemPaddingTop: '--plasma-dropdown-item-padding-top',
+  itemPaddingRight: '--plasma-dropdown-item-padding-right',
+  itemPaddingBottom: '--plasma-dropdown-item-padding-bottom',
+  itemPaddingLeft: '--plasma-dropdown-item-padding-left',
+  itemMarginTop: '--plasma-dropdown-item-margin-top',
+  itemMarginRight: '--plasma-dropdown-item-margin-right',
+  itemMarginBottom: '--plasma-dropdown-item-margin-bottom',
+  itemMarginLeft: '--plasma-dropdown-item-margin-left',
+  itemFontFamily: '--plasma-dropdown-item-font-family',
+  itemFontSize: '--plasma-dropdown-item-font-size',
+  itemFontStyle: '--plasma-dropdown-item-font-style',
+  itemFontWeightBold: '--plasma-dropdown-item-letter-spacing',
+  itemFontLetterSpacing: '--plasma-dropdown-item-line-height',
+  itemFontLineHeight: '--plasma-dropdown-item-font-weight',
+  itemContentLeftColor: '--plasma-dropdown-item-content-left-color',
+  itemContentRightColor: '--plasma-dropdown-item-content-right-color',
+  itemContentLeftWidth: '--plasma-dropdown-item-content-left-width',
+  itemContentRightWidth: '--plasma-dropdown-item-content-right-width',
+  footerBackground: '--plasma-dropdown-footer-background',
+  footerWidth: '--plasma-dropdown-footer-width',
+  footerHeight: '--plasma-dropdown-footer-height',
+  footerPaddingTop: '--plasma-dropdown-footer-padding-top',
+  footerPaddingRight: '--plasma-dropdown-footer-padding-right',
+  footerPaddingBottom: '--plasma-dropdown-footer-padding-bottom',
+  footerPaddingLeft: '--plasma-dropdown-footer-padding-left',
+  footerMarginTop: '--plasma-dropdown-footer-margin-top',
+  footerMarginRight: '--plasma-dropdown-footer-margin-right',
+  footerMarginBottom: '--plasma-dropdown-footer-margin-bottom',
+  footerMarginLeft: '--plasma-dropdown-footer-margin-left',
+  footerFontFamily: '--plasma-dropdown-footer-font-family',
+  footerFontSize: '--plasma-dropdown-footer-font-size',
+  footerFontStyle: '--plasma-dropdown-footer-font-style',
+  footerFontWeightBold: '--plasma-dropdown-footer-letter-spacing',
+  footerFontLetterSpacing: '--plasma-dropdown-footer-line-height',
+  footerFontLineHeight: '--plasma-dropdown-footer-font-weight',
+  headerBackground: '--plasma-dropdown-header-background',
+  headerWidth: '--plasma-dropdown-header-width',
+  headerHeight: '--plasma-dropdown-header-height',
+  headerPaddingTop: '--plasma-dropdown-header-padding-top',
+  headerPaddingRight: '--plasma-dropdown-header-padding-right',
+  headerPaddingBottom: '--plasma-dropdown-header-padding-bottom',
+  headerPaddingLeft: '--plasma-dropdown-header-padding-left',
+  headerMarginTop: '--plasma-dropdown-header-margin-top',
+  headerMarginRight: '--plasma-dropdown-header-margin-right',
+  headerMarginBottom: '--plasma-dropdown-header-margin-bottom',
+  headerMarginLeft: '--plasma-dropdown-header-margin-left',
+  headerFontFamily: '--plasma-dropdown-header-font-family',
+  headerFontSize: '--plasma-dropdown-header-font-size',
+  headerFontStyle: '--plasma-dropdown-header-font-style',
+  headerFontWeightBold: '--plasma-dropdown-header-letter-spacing',
+  headerFontLetterSpacing: '--plasma-dropdown-header-line-height',
+  headerFontLineHeight: '--plasma-dropdown-header-font-weight',
+  dividerColor: '--plasma-dropdown-divider-color',
+  dividerWidth: '--plasma-dropdown-divider-width',
+  dividerHeight: '--plasma-dropdown-divider-height',
+  dividerMarginTop: '--plasma-dropdown-divider-margin-top',
+  dividerMarginRight: '--plasma-dropdown-divider-margin-right',
+  dividerMarginBottom: '--plasma-dropdown-divider-margin-bottom',
+  dividerMarginLeft: '--plasma-dropdown-divider-margin-left',
+  groupBackground: '--plasma-dropdown-group-background',
+  groupWidth: '--plasma-dropdown-group-width',
+  groupHeight: '--plasma-dropdown-group-height',
+  groupPaddingTop: '--plasma-dropdown-group-padding-top',
+  groupPaddingRight: '--plasma-dropdown-group-padding-right',
+  groupPaddingBottom: '--plasma-dropdown-group-padding-bottom',
+  groupPaddingLeft: '--plasma-dropdown-group-padding-left',
+  groupMarginTop: '--plasma-dropdown-group-margin-top',
+  groupMarginRight: '--plasma-dropdown-group-margin-right',
+  groupMarginBottom: '--plasma-dropdown-group-margin-bottom',
+  groupMarginLeft: '--plasma-dropdown-group-margin-left',
+  groupLabelColor: '--plasma-dropdown-group-label-color',
+  groupLabelFontFamily: '--plasma-dropdown-group-label-font-family',
+  groupLabelFontSize: '--plasma-dropdown-group-label-font-size',
+  groupLabelFontStyle: '--plasma-dropdown-group-label-font-style',
+  groupLabelFontWeight: '--plasma-dropdown-group-label-font-weight',
+  groupLabelLetterSpacing: '--plasma-dropdown-group-label-letter-spacing',
+  groupLabelLineHeight: '--plasma-dropdown-group-label-line-height',
+  groupLabelPaddingTop: '--plasma-dropdown-group-label-padding-top',
+  groupLabelPaddingRight: '--plasma-dropdown-group-label-padding-right',
+  groupLabelPaddingBottom: '--plasma-dropdown-group-label-padding-bottom',
+  groupLabelPaddingLeft: '--plasma-dropdown-group-label-padding-left',
+  groupLabelMarginTop: '--plasma-dropdown-group-label-margin-top',
+  groupLabelMarginRight: '--plasma-dropdown-group-label-margin-right',
+  groupLabelMarginBottom: '--plasma-dropdown-group-label-margin-bottom',
+  groupLabelMarginLeft: '--plasma-dropdown-group-label-margin-left',
+  disabledOpacity: '--plasma-dropdown-disabled-opacity',
+  focusColor: '--plasma-dropdown-focus-color'
+};

package/styled-components/cjs/components/Dropdown/ui/DropdownOld/utils/index.js

@@ -0,0 +1,21 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getPlacements = exports.getPlacement = void 0;
+var getPlacement = exports.getPlacement = function getPlacement(placement) {
+  return "".concat(placement, "-start");
+};
+var getPlacements = exports.getPlacements = function getPlacements(placements) {
+  if (!placements) {
+    return;
+  }
+  var isArray = Array.isArray(placements);
+  if (!isArray) {
+    return getPlacement(placements);
+  }
+  return (placements || []).map(function (placement) {
+    return getPlacement(placement);
+  });
+};

package/styled-components/cjs/components/Dropdown/ui/DropdownOld/variations/_size/base.js

@@ -0,0 +1,8 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.base = void 0;
+var _styledComponents = /*#__PURE__*/require("styled-components");
+var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)([""]);

package/styled-components/cjs/components/Dropdown/ui/DropdownOld/variations/_size/tokens.json

@@ -0,0 +1 @@
+[]

package/styled-components/cjs/components/Dropdown/ui/DropdownOld/variations/_view/base.js

@@ -0,0 +1,8 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.base = void 0;
+var _styledComponents = /*#__PURE__*/require("styled-components");
+var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)([""]);

package/styled-components/cjs/components/Dropdown/ui/DropdownOld/variations/_view/tokens.json

@@ -0,0 +1 @@
+[]

package/styled-components/cjs/components/Dropdown/ui/index.js

@@ -75,10 +75,30 @@ Object.defineProperty(exports, "dropdownItemOldRoot", {
     return _DropdownItemOld.dropdownItemOldRoot;
   }
 });
+Object.defineProperty(exports, "dropdownOldConfig", {
+  enumerable: true,
+  get: function get() {
+    return _DropdownOld.dropdownOldConfig;
+  }
+});
+Object.defineProperty(exports, "dropdownOldRoot", {
+  enumerable: true,
+  get: function get() {
+    return _DropdownOld.dropdownOldRoot;
+  }
+});
+Object.defineProperty(exports, "dropdownOldTokens", {
+  enumerable: true,
+  get: function get() {
+    return _DropdownOld2.tokens;
+  }
+});
 var _DropdownDivider = /*#__PURE__*/require("./DropdownDivider/DropdownDivider");
 var _DropdownFooter = /*#__PURE__*/require("./DropdownFooter/DropdownFooter");
 var _DropdownGroup = /*#__PURE__*/require("./DropdownGroup/DropdownGroup");
 var _DropdownHeader = /*#__PURE__*/require("./DropdownHeader/DropdownHeader");
 var _DropdownItem = /*#__PURE__*/require("./DropdownItem/DropdownItem");
 var _DropdownInner = /*#__PURE__*/require("./DropdownInner/DropdownInner");
-var _DropdownItemOld = /*#__PURE__*/require("./DropdownItemOld/DropdownItemOld");
+var _DropdownItemOld = /*#__PURE__*/require("./DropdownItemOld/DropdownItemOld");
+var _DropdownOld = /*#__PURE__*/require("./DropdownOld/DropdownOld");
+var _DropdownOld2 = /*#__PURE__*/require("./DropdownOld/DropdownOld.tokens");

package/styled-components/es/components/Dropdown/ui/DropdownOld/Dropdown.styles.js

@@ -0,0 +1,13 @@
+import styled from 'styled-components';
+import { component } from '../../../../engines';
+import { popoverConfig, popoverClasses } from '../../../Popover';
+import { tokens } from './DropdownOld.tokens';
+
+// issue #823
+var Popover = /*#__PURE__*/component(popoverConfig);
+export var StyledPopover = /*#__PURE__*/styled(Popover).withConfig({
+  componentId: "plasma-new-hope__sc-10adsb5-0"
+})([".", "{display:block;}"], /*#__PURE__*/String(popoverClasses.target));
+export var StyledDropdown = /*#__PURE__*/styled.div.withConfig({
+  componentId: "plasma-new-hope__sc-10adsb5-1"
+})(["box-sizing:border-box;background:var(", ");box-shadow:var(", ");border-radius:var(", ");width:var(", ");height:var(", ");padding:var(", ") var(", ") var(", ") var(", ");"], tokens.background, tokens.boxShadow, tokens.borderRadius, tokens.width, tokens.height, tokens.paddingTop, tokens.paddingRight, tokens.paddingBottom, tokens.paddingLeft);

package/styled-components/es/components/Dropdown/ui/DropdownOld/Dropdown.types.js

@@ -0,0 +1 @@
+export {};

package/styled-components/es/components/Dropdown/ui/DropdownOld/DropdownOld.js

@@ -0,0 +1,92 @@
+var _excluded = ["id", "target", "children", "hasArrow", "role", "view", "size", "frame", "onToggle", "isFocusTrapped", "isOpen", "placement", "trigger", "offset", "preventOverflow", "closeOnOverlayClick", "closeOnEsc"];
+function _extends() { _extends = Object.assign ? Object.assign.bind() : 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 _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+import React, { forwardRef, useRef } from 'react';
+import { useFocusTrap, useForkRef, useUniqId } from '@salutejs/plasma-core';
+import { base as viewCSS } from './variations/_view/base';
+import { base as sizeCSS } from './variations/_size/base';
+import { StyledDropdown, StyledPopover } from './Dropdown.styles';
+import { getPlacements } from './utils';
+/**
+ * Выпадающий список без внешнего контроля видимости.
+ */
+export var dropdownOldRoot = function dropdownOldRoot(Root) {
+  return /*#__PURE__*/forwardRef(function (_ref, outerRootRef) {
+    var id = _ref.id,
+      target = _ref.target,
+      children = _ref.children,
+      hasArrow = _ref.hasArrow,
+      role = _ref.role,
+      view = _ref.view,
+      size = _ref.size,
+      frame = _ref.frame,
+      _onToggle = _ref.onToggle,
+      _ref$isFocusTrapped = _ref.isFocusTrapped,
+      isFocusTrapped = _ref$isFocusTrapped === void 0 ? true : _ref$isFocusTrapped,
+      _ref$isOpen = _ref.isOpen,
+      isOpen = _ref$isOpen === void 0 ? false : _ref$isOpen,
+      _ref$placement = _ref.placement,
+      placement = _ref$placement === void 0 ? 'auto' : _ref$placement,
+      _ref$trigger = _ref.trigger,
+      trigger = _ref$trigger === void 0 ? 'click' : _ref$trigger,
+      _ref$offset = _ref.offset,
+      offset = _ref$offset === void 0 ? [0, 6] : _ref$offset,
+      _ref$preventOverflow = _ref.preventOverflow,
+      preventOverflow = _ref$preventOverflow === void 0 ? false : _ref$preventOverflow,
+      _ref$closeOnOverlayCl = _ref.closeOnOverlayClick,
+      closeOnOverlayClick = _ref$closeOnOverlayCl === void 0 ? false : _ref$closeOnOverlayCl,
+      _ref$closeOnEsc = _ref.closeOnEsc,
+      closeOnEsc = _ref$closeOnEsc === void 0 ? false : _ref$closeOnEsc,
+      rest = _objectWithoutProperties(_ref, _excluded);
+    var uniqId = useUniqId();
+    var innerId = id || uniqId;
+    var rootRef = useRef(null);
+    var dropdownRef = useRef(null);
+    var handleRef = useForkRef(rootRef, outerRootRef);
+    var trapRef = useFocusTrap(isOpen && isFocusTrapped);
+    var dropdownForkRef = useForkRef(dropdownRef, trapRef);
+    return /*#__PURE__*/React.createElement(StyledPopover, {
+      role: role,
+      isOpen: isOpen,
+      usePortal: false,
+      onToggle: function onToggle(is, event) {
+        return _onToggle === null || _onToggle === void 0 ? void 0 : _onToggle(is, event);
+      },
+      id: innerId,
+      ref: dropdownForkRef,
+      target: target,
+      offset: offset,
+      preventOverflow: preventOverflow,
+      hasArrow: hasArrow,
+      placement: getPlacements(placement),
+      trigger: trigger,
+      closeOnOverlayClick: closeOnOverlayClick,
+      closeOnEsc: closeOnEsc,
+      isFocusTrapped: isFocusTrapped,
+      frame: frame
+    }, /*#__PURE__*/React.createElement(Root, _extends({
+      ref: handleRef,
+      view: view,
+      size: size
+    }, rest), /*#__PURE__*/React.createElement(StyledDropdown, null, children)));
+  });
+};
+export var dropdownOldConfig = {
+  name: 'Dropdown',
+  tag: 'div',
+  layout: dropdownOldRoot,
+  base: '',
+  variations: {
+    view: {
+      css: viewCSS
+    },
+    size: {
+      css: sizeCSS
+    }
+  },
+  defaults: {
+    view: 'default',
+    size: 'm'
+  }
+};

package/styled-components/es/components/Dropdown/ui/DropdownOld/DropdownOld.tokens.js

@@ -0,0 +1,112 @@
+export var classes = {
+  dropdownItemIsSelected: 'dropdown-item-is-selected',
+  dropdownItemIsDisabled: 'dropdown-item-is-disabled'
+};
+export var tokens = {
+  background: '--plasma-dropdown-background',
+  boxShadow: '--plasma-dropdown-box-shadow',
+  width: '--plasma-dropdown-width',
+  height: '--plasma-dropdown-height',
+  borderRadius: '--plasma-dropdown-border-radius',
+  paddingTop: '--plasma-dropdown-padding-top',
+  paddingRight: '--plasma-dropdown-padding-right',
+  paddingBottom: '--plasma-dropdown-padding-bottom',
+  paddingLeft: '--plasma-dropdown-padding-left',
+  itemBackground: '--plasma-dropdown-item-background',
+  itemColor: '--plasma-dropdown-item-color',
+  itemBackgroundHover: '--plasma-dropdown-item-background-hover',
+  itemBackgroundSelected: '--plasma-dropdown-item-background-selected',
+  itemColorSelected: '--plasma-dropdown-item-color-selected',
+  itemBackgroundSelectedHover: '--plasma-dropdown-item-background-selected-hover',
+  itemColorSelectedHover: '--plasma-dropdown-item-color-selected-hover',
+  itemWidth: '--plasma-dropdown-item-width',
+  itemHeight: '--plasma-dropdown-item-height',
+  itemBorderRadius: '--plasma-dropdown-item-border-radius',
+  itemPaddingTop: '--plasma-dropdown-item-padding-top',
+  itemPaddingRight: '--plasma-dropdown-item-padding-right',
+  itemPaddingBottom: '--plasma-dropdown-item-padding-bottom',
+  itemPaddingLeft: '--plasma-dropdown-item-padding-left',
+  itemMarginTop: '--plasma-dropdown-item-margin-top',
+  itemMarginRight: '--plasma-dropdown-item-margin-right',
+  itemMarginBottom: '--plasma-dropdown-item-margin-bottom',
+  itemMarginLeft: '--plasma-dropdown-item-margin-left',
+  itemFontFamily: '--plasma-dropdown-item-font-family',
+  itemFontSize: '--plasma-dropdown-item-font-size',
+  itemFontStyle: '--plasma-dropdown-item-font-style',
+  itemFontWeightBold: '--plasma-dropdown-item-letter-spacing',
+  itemFontLetterSpacing: '--plasma-dropdown-item-line-height',
+  itemFontLineHeight: '--plasma-dropdown-item-font-weight',
+  itemContentLeftColor: '--plasma-dropdown-item-content-left-color',
+  itemContentRightColor: '--plasma-dropdown-item-content-right-color',
+  itemContentLeftWidth: '--plasma-dropdown-item-content-left-width',
+  itemContentRightWidth: '--plasma-dropdown-item-content-right-width',
+  footerBackground: '--plasma-dropdown-footer-background',
+  footerWidth: '--plasma-dropdown-footer-width',
+  footerHeight: '--plasma-dropdown-footer-height',
+  footerPaddingTop: '--plasma-dropdown-footer-padding-top',
+  footerPaddingRight: '--plasma-dropdown-footer-padding-right',
+  footerPaddingBottom: '--plasma-dropdown-footer-padding-bottom',
+  footerPaddingLeft: '--plasma-dropdown-footer-padding-left',
+  footerMarginTop: '--plasma-dropdown-footer-margin-top',
+  footerMarginRight: '--plasma-dropdown-footer-margin-right',
+  footerMarginBottom: '--plasma-dropdown-footer-margin-bottom',
+  footerMarginLeft: '--plasma-dropdown-footer-margin-left',
+  footerFontFamily: '--plasma-dropdown-footer-font-family',
+  footerFontSize: '--plasma-dropdown-footer-font-size',
+  footerFontStyle: '--plasma-dropdown-footer-font-style',
+  footerFontWeightBold: '--plasma-dropdown-footer-letter-spacing',
+  footerFontLetterSpacing: '--plasma-dropdown-footer-line-height',
+  footerFontLineHeight: '--plasma-dropdown-footer-font-weight',
+  headerBackground: '--plasma-dropdown-header-background',
+  headerWidth: '--plasma-dropdown-header-width',
+  headerHeight: '--plasma-dropdown-header-height',
+  headerPaddingTop: '--plasma-dropdown-header-padding-top',
+  headerPaddingRight: '--plasma-dropdown-header-padding-right',
+  headerPaddingBottom: '--plasma-dropdown-header-padding-bottom',
+  headerPaddingLeft: '--plasma-dropdown-header-padding-left',
+  headerMarginTop: '--plasma-dropdown-header-margin-top',
+  headerMarginRight: '--plasma-dropdown-header-margin-right',
+  headerMarginBottom: '--plasma-dropdown-header-margin-bottom',
+  headerMarginLeft: '--plasma-dropdown-header-margin-left',
+  headerFontFamily: '--plasma-dropdown-header-font-family',
+  headerFontSize: '--plasma-dropdown-header-font-size',
+  headerFontStyle: '--plasma-dropdown-header-font-style',
+  headerFontWeightBold: '--plasma-dropdown-header-letter-spacing',
+  headerFontLetterSpacing: '--plasma-dropdown-header-line-height',
+  headerFontLineHeight: '--plasma-dropdown-header-font-weight',
+  dividerColor: '--plasma-dropdown-divider-color',
+  dividerWidth: '--plasma-dropdown-divider-width',
+  dividerHeight: '--plasma-dropdown-divider-height',
+  dividerMarginTop: '--plasma-dropdown-divider-margin-top',
+  dividerMarginRight: '--plasma-dropdown-divider-margin-right',
+  dividerMarginBottom: '--plasma-dropdown-divider-margin-bottom',
+  dividerMarginLeft: '--plasma-dropdown-divider-margin-left',
+  groupBackground: '--plasma-dropdown-group-background',
+  groupWidth: '--plasma-dropdown-group-width',
+  groupHeight: '--plasma-dropdown-group-height',
+  groupPaddingTop: '--plasma-dropdown-group-padding-top',
+  groupPaddingRight: '--plasma-dropdown-group-padding-right',
+  groupPaddingBottom: '--plasma-dropdown-group-padding-bottom',
+  groupPaddingLeft: '--plasma-dropdown-group-padding-left',
+  groupMarginTop: '--plasma-dropdown-group-margin-top',
+  groupMarginRight: '--plasma-dropdown-group-margin-right',
+  groupMarginBottom: '--plasma-dropdown-group-margin-bottom',
+  groupMarginLeft: '--plasma-dropdown-group-margin-left',
+  groupLabelColor: '--plasma-dropdown-group-label-color',
+  groupLabelFontFamily: '--plasma-dropdown-group-label-font-family',
+  groupLabelFontSize: '--plasma-dropdown-group-label-font-size',
+  groupLabelFontStyle: '--plasma-dropdown-group-label-font-style',
+  groupLabelFontWeight: '--plasma-dropdown-group-label-font-weight',
+  groupLabelLetterSpacing: '--plasma-dropdown-group-label-letter-spacing',
+  groupLabelLineHeight: '--plasma-dropdown-group-label-line-height',
+  groupLabelPaddingTop: '--plasma-dropdown-group-label-padding-top',
+  groupLabelPaddingRight: '--plasma-dropdown-group-label-padding-right',
+  groupLabelPaddingBottom: '--plasma-dropdown-group-label-padding-bottom',
+  groupLabelPaddingLeft: '--plasma-dropdown-group-label-padding-left',
+  groupLabelMarginTop: '--plasma-dropdown-group-label-margin-top',
+  groupLabelMarginRight: '--plasma-dropdown-group-label-margin-right',
+  groupLabelMarginBottom: '--plasma-dropdown-group-label-margin-bottom',
+  groupLabelMarginLeft: '--plasma-dropdown-group-label-margin-left',
+  disabledOpacity: '--plasma-dropdown-disabled-opacity',
+  focusColor: '--plasma-dropdown-focus-color'
+};

package/styled-components/es/components/Dropdown/ui/DropdownOld/utils/index.js

@@ -0,0 +1,15 @@
+export var getPlacement = function getPlacement(placement) {
+  return "".concat(placement, "-start");
+};
+export var getPlacements = function getPlacements(placements) {
+  if (!placements) {
+    return;
+  }
+  var isArray = Array.isArray(placements);
+  if (!isArray) {
+    return getPlacement(placements);
+  }
+  return (placements || []).map(function (placement) {
+    return getPlacement(placement);
+  });
+};

package/styled-components/es/components/Dropdown/ui/DropdownOld/variations/_size/base.js

@@ -0,0 +1,2 @@
+import { css } from 'styled-components';
+export var base = /*#__PURE__*/css([""]);

package/styled-components/es/components/Dropdown/ui/DropdownOld/variations/_size/tokens.json

@@ -0,0 +1 @@
+[]

package/styled-components/es/components/Dropdown/ui/DropdownOld/variations/_view/base.js

@@ -0,0 +1,2 @@
+import { css } from 'styled-components';
+export var base = /*#__PURE__*/css([""]);

package/styled-components/es/components/Dropdown/ui/DropdownOld/variations/_view/tokens.json

@@ -0,0 +1 @@
+[]

package/styled-components/es/components/Dropdown/ui/index.js

@@ -4,4 +4,6 @@ export { dropdownGroupRoot, dropdownGroupConfig } from './DropdownGroup/Dropdown
 export { dropdownHeaderRoot, dropdownHeaderConfig } from './DropdownHeader/DropdownHeader';
 export { DropdownItem } from './DropdownItem/DropdownItem';
 export { DropdownInner } from './DropdownInner/DropdownInner';
-export { dropdownItemOldRoot, dropdownItemOldConfig } from './DropdownItemOld/DropdownItemOld';
+export { dropdownItemOldRoot, dropdownItemOldConfig } from './DropdownItemOld/DropdownItemOld';
+export { dropdownOldRoot, dropdownOldConfig } from './DropdownOld/DropdownOld';
+export { tokens as dropdownOldTokens } from './DropdownOld/DropdownOld.tokens';

package/types/components/Dropdown/ui/DropdownOld/Dropdown.styles.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+export declare const StyledPopover: import("@linaria/react").StyledMeta & import("react").FunctionComponent<import("../../../../engines/types").PropsType<{
+    view: {
+        css: import("@linaria/core").LinariaClassName;
+    };
+}> & import("react").HTMLAttributes<HTMLDivElement> & import("../../../Popover/Popover.types").CustomPopoverProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare const StyledDropdown: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
+//# sourceMappingURL=Dropdown.styles.d.ts.map

package/types/components/Dropdown/ui/DropdownOld/Dropdown.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dropdown.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/Dropdown/ui/DropdownOld/Dropdown.styles.ts"],"names":[],"mappings":";AAUA,eAAO,MAAM,aAAa;;;;kKAIzB,CAAC;AAEF,eAAO,MAAM,cAAc,qKAY1B,CAAC"}