@salutejs/plasma-new-hope 0.78.0-canary.1201.8969250152.0 → 0.78.0-canary.1201.8985207823.0

package/styled-components/cjs/components/Dropdown/hooks/useKeyboardNavigation.js

@@ -39,180 +39,207 @@ var useKeyNavigation = exports.useKeyNavigation = function useKeyNavigation(_ref
   var currentLength = pathMap.get(path === null || path === void 0 ? void 0 : path[path.length - 1]) || 0;
   var currentIndex = (focusedPath === null || focusedPath === void 0 ? void 0 : focusedPath[focusedPath.length - 1]) || 0;
   var onKeyDown = function onKeyDown(event) {
-    var code = event.code;
-    if (code === keys.ArrowUp) {
-      if (focusedPath.length) {
-        if (currentIndex <= 0) {
-          return;
-        }
-        dispatchFocusedPath({
-          type: 'change_last_focus',
-          value: currentIndex - 1
-        });
-      } else {
-        dispatchPath({
-          type: 'opened_first_level'
-        });
-        dispatchFocusedPath({
-          type: 'set_initial_focus'
-        });
-        handleGlobalToggle(true, event);
-      }
-    }
-    if (code === keys.ArrowDown) {
-      if (focusedPath.length) {
-        if (currentIndex + 1 >= currentLength) {
-          return;
-        }
-        dispatchFocusedPath({
-          type: 'change_last_focus',
-          value: currentIndex + 1
-        });
-      } else {
-        dispatchPath({
-          type: 'opened_first_level'
-        });
-        dispatchFocusedPath({
-          type: 'set_initial_focus'
-        });
-        handleGlobalToggle(true, event);
-      }
-    }
-    if (code === keys.ArrowLeft) {
-      if (focusedPath.length) {
-        dispatchPath({
-          type: 'removed_last_level'
-        });
-        dispatchFocusedPath({
-          type: 'return_prev_focus'
-        });
-      }
-      if (focusedPath.length === 1) {
-        handleGlobalToggle(false, event);
-      }
-    }
-    if (code === keys.ArrowRight) {
-      if (focusedPath.length) {
-        var currentItem = getFurtherPath(focusedPath, focusedToValueMap);
-        if (currentItem !== null && currentItem !== void 0 && currentItem.items) {
-          dispatchPath({
-            type: 'added_next_level',
-            value: currentItem.value.toString()
-          });
-          dispatchFocusedPath({
-            type: 'add_focus',
-            value: 0
-          });
+    switch (event.code) {
+      case keys.ArrowUp:
+        {
+          if (focusedPath.length) {
+            if (currentIndex > 0) {
+              dispatchFocusedPath({
+                type: 'change_last_focus',
+                value: currentIndex - 1
+              });
+            }
+          } else {
+            dispatchPath({
+              type: 'opened_first_level'
+            });
+            dispatchFocusedPath({
+              type: 'set_initial_focus'
+            });
+            handleGlobalToggle(true, event);
+          }
+          break;
         }
-      }
-    }
-    if (code === keys.Enter || code === keys.Space) {
-      event.preventDefault();
-      if (path[0]) {
-        var _currentItem = getFurtherPath(focusedPath, focusedToValueMap);
-        if (_currentItem !== null && _currentItem !== void 0 && _currentItem.disabled || _currentItem !== null && _currentItem !== void 0 && _currentItem.isDisabled) {
-          return;
+      case keys.ArrowDown:
+        {
+          if (focusedPath.length) {
+            if (currentIndex + 1 < currentLength) {
+              dispatchFocusedPath({
+                type: 'change_last_focus',
+                value: currentIndex + 1
+              });
+            }
+          } else {
+            dispatchPath({
+              type: 'opened_first_level'
+            });
+            dispatchFocusedPath({
+              type: 'set_initial_focus'
+            });
+            handleGlobalToggle(true, event);
+          }
+          break;
         }
-        if (_currentItem !== null && _currentItem !== void 0 && _currentItem.items) {
-          dispatchPath({
-            type: 'added_next_level',
-            value: _currentItem.value.toString()
-          });
-          dispatchFocusedPath({
-            type: 'add_focus',
-            value: 0
-          });
-        } else {
-          if (closeOnSelect) {
+      case keys.ArrowLeft:
+        {
+          if (focusedPath.length) {
+            dispatchPath({
+              type: 'removed_last_level'
+            });
+            dispatchFocusedPath({
+              type: 'return_prev_focus'
+            });
+          }
+          if (focusedPath.length === 1) {
             handleGlobalToggle(false, event);
           }
-          if (onItemSelect && _currentItem) {
-            onItemSelect(_currentItem, event);
+          break;
+        }
+      case keys.ArrowRight:
+        {
+          if (focusedPath.length) {
+            var currentItem = getFurtherPath(focusedPath, focusedToValueMap);
+            if (currentItem !== null && currentItem !== void 0 && currentItem.items) {
+              dispatchPath({
+                type: 'added_next_level',
+                value: currentItem.value.toString()
+              });
+              dispatchFocusedPath({
+                type: 'add_focus',
+                value: 0
+              });
+            }
           }
-          if (onItemClick && _currentItem) {
-            onItemClick(_currentItem, event);
+          break;
+        }
+      case keys.Enter:
+      case keys.Space:
+        {
+          event.preventDefault();
+          if (path[0]) {
+            var _currentItem = getFurtherPath(focusedPath, focusedToValueMap);
+            if (_currentItem !== null && _currentItem !== void 0 && _currentItem.disabled || _currentItem !== null && _currentItem !== void 0 && _currentItem.isDisabled) {
+              break;
+            }
+            if (_currentItem !== null && _currentItem !== void 0 && _currentItem.items) {
+              dispatchPath({
+                type: 'added_next_level',
+                value: _currentItem.value.toString()
+              });
+              dispatchFocusedPath({
+                type: 'add_focus',
+                value: 0
+              });
+            } else {
+              if (closeOnSelect) {
+                handleGlobalToggle(false, event);
+              }
+              if (onItemSelect && _currentItem) {
+                onItemSelect(_currentItem, event);
+              }
+              if (onItemClick && _currentItem) {
+                onItemClick(_currentItem, event);
+              }
+            }
+          } else {
+            dispatchPath({
+              type: 'opened_first_level'
+            });
+            dispatchFocusedPath({
+              type: 'set_initial_focus'
+            });
           }
+          break;
         }
-      } else {
-        dispatchPath({
-          type: 'opened_first_level'
-        });
-        dispatchFocusedPath({
-          type: 'set_initial_focus'
-        });
-      }
-    }
-    if (code === keys.Tab || code === keys.Escape) {
-      dispatchFocusedPath({
-        type: 'reset'
-      });
-      dispatchPath({
-        type: 'reset'
-      });
-      handleGlobalToggle(false, event);
-    }
-    if (code === keys.Home) {
-      if (path[0]) {
-        dispatchFocusedPath({
-          type: 'change_last_focus',
-          value: 0
-        });
-      } else {
-        dispatchPath({
-          type: 'opened_first_level'
-        });
-        dispatchFocusedPath({
-          type: 'set_initial_focus'
-        });
-        handleGlobalToggle(true, event);
-      }
-    }
-    if (code === keys.End) {
-      if (path[0]) {
-        dispatchFocusedPath({
-          type: 'change_last_focus',
-          value: currentLength - 1
-        });
-      } else {
-        dispatchPath({
-          type: 'opened_first_level'
-        });
-        dispatchFocusedPath({
-          type: 'change_last_focus',
-          value: (pathMap.get('root') || 0) - 1
-        });
-        handleGlobalToggle(true, event);
-      }
-    }
-    if (code === keys.PageUp) {
-      if (path[0]) {
-        if (currentIndex <= JUMP_SIZE) {
+      case keys.Tab:
+      case keys.Escape:
+        {
           dispatchFocusedPath({
-            type: 'change_last_focus',
-            value: 0
+            type: 'reset'
           });
-        } else {
-          dispatchFocusedPath({
-            type: 'change_last_focus',
-            value: currentIndex - JUMP_SIZE
+          dispatchPath({
+            type: 'reset'
           });
+          handleGlobalToggle(false, event);
+          break;
         }
-      }
-    }
-    if (code === keys.PageDown) {
-      if (path[0]) {
-        if (currentLength - currentIndex <= JUMP_SIZE) {
-          dispatchFocusedPath({
-            type: 'change_last_focus',
-            value: currentLength - 1
-          });
-        } else {
-          dispatchFocusedPath({
-            type: 'change_last_focus',
-            value: currentIndex + JUMP_SIZE
-          });
+      case keys.Home:
+        {
+          if (path[0]) {
+            dispatchFocusedPath({
+              type: 'change_last_focus',
+              value: 0
+            });
+          } else {
+            dispatchPath({
+              type: 'opened_first_level'
+            });
+            dispatchFocusedPath({
+              type: 'set_initial_focus'
+            });
+            handleGlobalToggle(true, event);
+          }
+          break;
+        }
+      case keys.End:
+        {
+          if (path[0]) {
+            dispatchFocusedPath({
+              type: 'change_last_focus',
+              value: currentLength - 1
+            });
+          } else {
+            dispatchPath({
+              type: 'opened_first_level'
+            });
+            dispatchFocusedPath({
+              type: 'change_last_focus',
+              value: (pathMap.get('root') || 0) - 1
+            });
+            handleGlobalToggle(true, event);
+          }
+          break;
+        }
+      case keys.PageUp:
+        {
+          if (!path[0]) {
+            break;
+          }
+          if (currentIndex <= JUMP_SIZE) {
+            dispatchFocusedPath({
+              type: 'change_last_focus',
+              value: 0
+            });
+          } else {
+            dispatchFocusedPath({
+              type: 'change_last_focus',
+              value: currentIndex - JUMP_SIZE
+            });
+          }
+          break;
+        }
+      case keys.PageDown:
+        {
+          if (!path[0]) {
+            break;
+          }
+          if (currentLength - currentIndex <= JUMP_SIZE) {
+            dispatchFocusedPath({
+              type: 'change_last_focus',
+              value: currentLength - 1
+            });
+          } else {
+            dispatchFocusedPath({
+              type: 'change_last_focus',
+              value: currentIndex + JUMP_SIZE
+            });
+          }
+          break;
+        }
+      default:
+        {
+          break;
         }
-      }
     }
   };
   return {

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

@@ -42,7 +42,7 @@ var DropdownInner = exports.DropdownInner = function DropdownInner(_ref) {
     }
   };
   var isCurrentListOpen = path[currentLevel + 1] === item.value.toString();
-  var listId = "listbox".concat(currentLevel + 2);
+  var listId = "tree_level_".concat(currentLevel + 2);
   var nextLevel = currentLevel + 1;
   if (item !== null && item !== void 0 && item.items) {
     return /*#__PURE__*/_react["default"].createElement(_Dropdown.StyledPopover, {

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

@@ -0,0 +1,19 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.StyledPopover = exports.StyledDropdown = void 0;
+var _styledComponents = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("styled-components"));
+var _engines = /*#__PURE__*/require("../../../../engines");
+var _Popover = /*#__PURE__*/require("../../../Popover");
+var _DropdownOld = /*#__PURE__*/require("./DropdownOld.tokens");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+// issue #823
+var Popover = /*#__PURE__*/(0, _engines.component)(_Popover.popoverConfig);
+var StyledPopover = exports.StyledPopover = /*#__PURE__*/(0, _styledComponents["default"])(Popover).withConfig({
+  componentId: "plasma-new-hope__sc-10adsb5-0"
+})([".", "{display:block;}"], /*#__PURE__*/String(_Popover.popoverClasses.target));
+var StyledDropdown = exports.StyledDropdown = /*#__PURE__*/_styledComponents["default"].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(", ");"], _DropdownOld.tokens.background, _DropdownOld.tokens.boxShadow, _DropdownOld.tokens.borderRadius, _DropdownOld.tokens.width, _DropdownOld.tokens.height, _DropdownOld.tokens.paddingTop, _DropdownOld.tokens.paddingRight, _DropdownOld.tokens.paddingBottom, _DropdownOld.tokens.paddingLeft);

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

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

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)([""]);