@salutejs/plasma-web 1.426.0-canary.1488.11458822191.0 → 1.426.0-canary.1497.11459278795.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (27) hide show
  1. package/api/plasma-web.api.md +5 -4
  2. package/components/Dropdown/Dropdown.config.d.ts +3 -3
  3. package/components/Dropdown/Dropdown.config.js +5 -5
  4. package/components/Dropdown/Dropdown.d.ts +4 -4
  5. package/components/Dropdown/components/DropdownPopup.js +4 -2
  6. package/css/cjs/components/Dropdown/Dropdown.config.js +5 -5
  7. package/css/cjs/components/Dropdown/Dropdown.config.js.map +1 -1
  8. package/css/cjs/components/Dropdown/Dropdown.config_1tiyqmq.css +5 -0
  9. package/css/cjs/components/Dropdown/Dropdown.css +5 -5
  10. package/css/cjs/components/Dropdown/components/DropdownPopup.js +4 -2
  11. package/css/cjs/components/Dropdown/components/DropdownPopup.js.map +1 -1
  12. package/css/cjs/index.css +5 -5
  13. package/css/es/components/Dropdown/Dropdown.config.js +5 -5
  14. package/css/es/components/Dropdown/Dropdown.config.js.map +1 -1
  15. package/css/es/components/Dropdown/Dropdown.config_1tiyqmq.css +5 -0
  16. package/css/es/components/Dropdown/Dropdown.css +5 -5
  17. package/css/es/components/Dropdown/components/DropdownPopup.js +4 -2
  18. package/css/es/components/Dropdown/components/DropdownPopup.js.map +1 -1
  19. package/css/es/index.css +5 -5
  20. package/es/components/Dropdown/Dropdown.config.js +6 -6
  21. package/es/components/Dropdown/components/DropdownPopup.js +4 -2
  22. package/package.json +4 -4
  23. package/temp/plasma-web.api.md +5 -4
  24. package/components/Dropdown/Dropdown.perftest.js +0 -175
  25. package/css/cjs/components/Dropdown/Dropdown.config_7l17mu.css +0 -5
  26. package/css/es/components/Dropdown/Dropdown.config_7l17mu.css +0 -5
  27. package/es/components/Dropdown/Dropdown.perftest.js +0 -168
package/api/plasma-web.api.md CHANGED
@@ -133,6 +133,7 @@ import { DropdownItem as DropdownItemType } from '@salutejs/plasma-hope';
133
133
  import { DropdownNodeType } from '@salutejs/plasma-hope';
134
134
  import { DropdownPopupProps } from '@salutejs/plasma-hope';
135
135
  import { DropdownProps } from '@salutejs/plasma-new-hope/styled-components';
136
+ import { DropdownProps as DropdownProps_2 } from '@salutejs/plasma-new-hope/types/components/Dropdown/Dropdown.types';
136
137
  import { EditableProps } from '@salutejs/plasma-new-hope/types/components/Editable/Editable.types';
137
138
  import { ElasticGrid } from '@salutejs/plasma-hope';
138
139
  import { ElasticGridProps } from '@salutejs/plasma-hope';
@@ -1503,15 +1504,15 @@ export { DrawerProps }
1503
1504
  // @public (undocumented)
1504
1505
  export const Dropdown: FunctionComponent<PropsType< {
1505
1506
  size: {
1506
- xs: PolymorphicClassName;
1507
- s: PolymorphicClassName;
1508
- m: PolymorphicClassName;
1509
1507
  l: PolymorphicClassName;
1508
+ m: PolymorphicClassName;
1509
+ s: PolymorphicClassName;
1510
+ xs: PolymorphicClassName;
1510
1511
  };
1511
1512
  view: {
1512
1513
  default: PolymorphicClassName;
1513
1514
  };
1514
- }> & DropdownProps & RefAttributes<HTMLDivElement>>;
1515
+ }> & DropdownProps_2 & RefAttributes<HTMLDivElement>>;
1515
1516
 
1516
1517
  // @public (undocumented)
1517
1518
  export const DropdownItem: React_2.ForwardRefExoticComponent<DropdownItemProps & React_2.RefAttributes<HTMLDivElement>>;
package/components/Dropdown/Dropdown.config.d.ts CHANGED
@@ -5,10 +5,10 @@ export declare const config: {
5
5
  };
6
6
  variations: {
7
7
  size: {
8
- xs: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
9
- s: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
10
- m: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
11
8
  l: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
9
+ m: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
10
+ s: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
11
+ xs: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
12
12
  };
13
13
  view: {
14
14
  default: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
package/components/Dropdown/Dropdown.config.js CHANGED
@@ -14,13 +14,13 @@ var config = exports.config = {
14
14
  },
15
15
  variations: {
16
16
  size: {
17
- xs: /*#__PURE__*/(0, _styledComponents.css)(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.125rem;\n ", ": 10rem;\n ", ": 0.5rem;\n\n ", ": 0.5625rem;\n ", ": 0.5rem;\n ", ": 0.5625rem;\n ", ": 0.5rem;\n ", ": 0.375rem;\n ", ": 0.3125rem;\n ", ": 0.3125rem;\n\n ", ": 0.25rem;\n ", ": 0.5rem;\n ", ": 0.25rem;\n ", ": 0.5rem;\n ", ": 0.125rem;\n ", ": 0.125rem;\n\n ", ": var(--plasma-typo-body-xs-font-family);\n ", ": var(--plasma-typo-body-xs-font-size);\n ", ": var(--plasma-typo-body-xs-font-style);\n ", ": var(--plasma-typo-body-xs-font-weight);\n ", ": var(--plasma-typo-body-xs-letter-spacing);\n ", ": var(--plasma-typo-body-xs-line-height);\n "])), _styledComponents.dropdownTokens.padding, _styledComponents.dropdownTokens.width, _styledComponents.dropdownTokens.borderRadius, _styledComponents.dropdownTokens.itemPaddingTop, _styledComponents.dropdownTokens.itemPaddingRight, _styledComponents.dropdownTokens.itemPaddingBottom, _styledComponents.dropdownTokens.itemPaddingLeft, _styledComponents.dropdownTokens.itemBorderRadius, _styledComponents.dropdownTokens.itemPaddingTopTight, _styledComponents.dropdownTokens.itemPaddingBottomTight, _styledComponents.dropdownTokens.dividerMarginTop, _styledComponents.dropdownTokens.dividerMarginRight, _styledComponents.dropdownTokens.dividerMarginBottom, _styledComponents.dropdownTokens.dividerMarginLeft, _styledComponents.dropdownTokens.dividerMarginTopTight, _styledComponents.dropdownTokens.dividerMarginBottomTight, _styledComponents.dropdownTokens.itemFontFamily, _styledComponents.dropdownTokens.itemFontSize, _styledComponents.dropdownTokens.itemFontStyle, _styledComponents.dropdownTokens.itemFontWeightBold, _styledComponents.dropdownTokens.itemFontLetterSpacing, _styledComponents.dropdownTokens.itemFontLineHeight),
18
- s: /*#__PURE__*/(0, _styledComponents.css)(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.125rem;\n ", ": 12.5rem;\n ", ": 0.625rem;\n\n ", ": 0.6875rem;\n ", ": 0.75rem;\n ", ": 0.6875rem;\n ", ": 0.75rem;\n ", ": 0.5rem;\n ", ": 0.4375rem;\n ", ": 0.4375rem;\n\n ", ": 0.375rem;\n ", ": 0.75rem;\n ", ": 0.375rem;\n ", ": 0.75rem;\n ", ": 0.25rem;\n ", ": 0.25rem;\n\n ", ": var(--plasma-typo-body-s-font-family);\n ", ": var(--plasma-typo-body-s-font-size);\n ", ": var(--plasma-typo-body-s-font-style);\n ", ": var(--plasma-typo-body-s-font-weight);\n ", ": var(--plasma-typo-body-s-letter-spacing);\n ", ": var(--plasma-typo-body-s-line-height);\n "])), _styledComponents.dropdownTokens.padding, _styledComponents.dropdownTokens.width, _styledComponents.dropdownTokens.borderRadius, _styledComponents.dropdownTokens.itemPaddingTop, _styledComponents.dropdownTokens.itemPaddingRight, _styledComponents.dropdownTokens.itemPaddingBottom, _styledComponents.dropdownTokens.itemPaddingLeft, _styledComponents.dropdownTokens.itemBorderRadius, _styledComponents.dropdownTokens.itemPaddingTopTight, _styledComponents.dropdownTokens.itemPaddingBottomTight, _styledComponents.dropdownTokens.dividerMarginTop, _styledComponents.dropdownTokens.dividerMarginRight, _styledComponents.dropdownTokens.dividerMarginBottom, _styledComponents.dropdownTokens.dividerMarginLeft, _styledComponents.dropdownTokens.dividerMarginTopTight, _styledComponents.dropdownTokens.dividerMarginBottomTight, _styledComponents.dropdownTokens.itemFontFamily, _styledComponents.dropdownTokens.itemFontSize, _styledComponents.dropdownTokens.itemFontStyle, _styledComponents.dropdownTokens.itemFontWeightBold, _styledComponents.dropdownTokens.itemFontLetterSpacing, _styledComponents.dropdownTokens.itemFontLineHeight),
19
- m: /*#__PURE__*/(0, _styledComponents.css)(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.125rem;\n ", ": 15rem;\n ", ": 0.75rem;\n\n ", ": 0.875rem;\n ", ": 0.875rem;\n ", ": 0.875rem;\n ", ": 0.875rem;\n ", ": 0.625rem;\n ", ": 0.625rem;\n ", ": 0.625rem;\n\n ", ": 0.375rem;\n ", ": 0.875rem;\n ", ": 0.375rem;\n ", ": 0.875rem;\n ", ": 0.375rem;\n ", ": 0.375rem;\n\n ", ": var(--plasma-typo-body-m-font-family);\n ", ": var(--plasma-typo-body-m-font-size);\n ", ": var(--plasma-typo-body-m-font-style);\n ", ": var(--plasma-typo-body-m-font-weight);\n ", ": var(--plasma-typo-body-m-letter-spacing);\n ", ": var(--plasma-typo-body-m-line-height);\n "])), _styledComponents.dropdownTokens.padding, _styledComponents.dropdownTokens.width, _styledComponents.dropdownTokens.borderRadius, _styledComponents.dropdownTokens.itemPaddingTop, _styledComponents.dropdownTokens.itemPaddingRight, _styledComponents.dropdownTokens.itemPaddingBottom, _styledComponents.dropdownTokens.itemPaddingLeft, _styledComponents.dropdownTokens.itemBorderRadius, _styledComponents.dropdownTokens.itemPaddingTopTight, _styledComponents.dropdownTokens.itemPaddingBottomTight, _styledComponents.dropdownTokens.dividerMarginTop, _styledComponents.dropdownTokens.dividerMarginRight, _styledComponents.dropdownTokens.dividerMarginBottom, _styledComponents.dropdownTokens.dividerMarginLeft, _styledComponents.dropdownTokens.dividerMarginTopTight, _styledComponents.dropdownTokens.dividerMarginBottomTight, _styledComponents.dropdownTokens.itemFontFamily, _styledComponents.dropdownTokens.itemFontSize, _styledComponents.dropdownTokens.itemFontStyle, _styledComponents.dropdownTokens.itemFontWeightBold, _styledComponents.dropdownTokens.itemFontLetterSpacing, _styledComponents.dropdownTokens.itemFontLineHeight),
20
- l: /*#__PURE__*/(0, _styledComponents.css)(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.125rem;\n ", ": 17.5rem;\n ", ": 0.875rem;\n\n ", ": 1.0625rem;\n ", ": 1rem;\n ", ": 1.0625rem;\n ", ": 1rem;\n ", ": 0.75rem;\n ", ": 0.8125rem;\n ", ": 0.8125rem;\n\n ", ": 0.5rem;\n ", ": 1.125rem;\n ", ": 0.5rem;\n ", ": 1.125rem;\n ", ": 0.375rem;\n ", ": 0.375rem;\n\n ", ": var(--plasma-typo-body-l-font-family);\n ", ": var(--plasma-typo-body-l-font-size);\n ", ": var(--plasma-typo-body-l-font-style);\n ", ": var(--plasma-typo-body-l-font-weight);\n ", ": var(--plasma-typo-body-l-letter-spacing);\n ", ": var(--plasma-typo-body-l-line-height);\n "])), _styledComponents.dropdownTokens.padding, _styledComponents.dropdownTokens.width, _styledComponents.dropdownTokens.borderRadius, _styledComponents.dropdownTokens.itemPaddingTop, _styledComponents.dropdownTokens.itemPaddingRight, _styledComponents.dropdownTokens.itemPaddingBottom, _styledComponents.dropdownTokens.itemPaddingLeft, _styledComponents.dropdownTokens.itemBorderRadius, _styledComponents.dropdownTokens.itemPaddingTopTight, _styledComponents.dropdownTokens.itemPaddingBottomTight, _styledComponents.dropdownTokens.dividerMarginTop, _styledComponents.dropdownTokens.dividerMarginRight, _styledComponents.dropdownTokens.dividerMarginBottom, _styledComponents.dropdownTokens.dividerMarginLeft, _styledComponents.dropdownTokens.dividerMarginTopTight, _styledComponents.dropdownTokens.dividerMarginBottomTight, _styledComponents.dropdownTokens.itemFontFamily, _styledComponents.dropdownTokens.itemFontSize, _styledComponents.dropdownTokens.itemFontStyle, _styledComponents.dropdownTokens.itemFontWeightBold, _styledComponents.dropdownTokens.itemFontLetterSpacing, _styledComponents.dropdownTokens.itemFontLineHeight)
17
+ l: /*#__PURE__*/(0, _styledComponents.css)(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.125rem;\n ", ": 17.5rem;\n ", ": 0.875rem;\n\n ", ": 1.5rem;\n ", ": 1rem 1rem 1rem 0.875rem;\n ", ": 0.75rem 1rem 0.75rem 0.875rem;\n ", ": 0.75rem;\n\n ", ": 0.5rem;\n ", ": 1.125rem;\n ", ": 0.5rem;\n ", ": 1.125rem;\n ", ": 0.375rem;\n ", ": 0.375rem;\n\n ", ": var(--plasma-typo-body-l-font-family);\n ", ": var(--plasma-typo-body-l-font-size);\n ", ": var(--plasma-typo-body-l-font-style);\n ", ": var(--plasma-typo-body-l-font-weight);\n ", ": var(--plasma-typo-body-l-letter-spacing);\n ", ": var(--plasma-typo-body-l-line-height);\n\n ", ": 0rem;\n ", ": 0rem;\n ", ": 0rem;\n ", ": 0rem;\n ", ": 0.125rem;\n ", ": 0.375rem;\n ", ": var(--plasma-typo-body-l-font-family);\n ", ": var(--plasma-typo-body-l-font-size);\n ", ": var(--plasma-typo-body-l-font-style);\n ", ": var(--plasma-typo-body-l-font-weight);\n ", ": var(--plasma-typo-body-l-letter-spacing);\n ", ": var(--plasma-typo-body-l-line-height);\n "])), _styledComponents.dropdownTokens.padding, _styledComponents.dropdownTokens.width, _styledComponents.dropdownTokens.borderRadius, _styledComponents.dropdownTokens.itemHeight, _styledComponents.dropdownTokens.itemPadding, _styledComponents.dropdownTokens.itemPaddingTight, _styledComponents.dropdownTokens.itemBorderRadius, _styledComponents.dropdownTokens.dividerMarginTop, _styledComponents.dropdownTokens.dividerMarginRight, _styledComponents.dropdownTokens.dividerMarginBottom, _styledComponents.dropdownTokens.dividerMarginLeft, _styledComponents.dropdownTokens.dividerMarginTopTight, _styledComponents.dropdownTokens.dividerMarginBottomTight, _styledComponents.dropdownTokens.itemFontFamily, _styledComponents.dropdownTokens.itemFontSize, _styledComponents.dropdownTokens.itemFontStyle, _styledComponents.dropdownTokens.itemFontWeightBold, _styledComponents.dropdownTokens.itemFontLetterSpacing, _styledComponents.dropdownTokens.itemFontLineHeight, _styledComponents.dropdownTokens.cellPadding, _styledComponents.dropdownTokens.cellPaddingLeftContent, _styledComponents.dropdownTokens.cellPaddingContent, _styledComponents.dropdownTokens.cellPaddingRightContent, _styledComponents.dropdownTokens.cellTextboxGap, _styledComponents.dropdownTokens.cellGap, _styledComponents.dropdownTokens.cellTitleFontFamily, _styledComponents.dropdownTokens.cellTitleFontSize, _styledComponents.dropdownTokens.cellTitleFontStyle, _styledComponents.dropdownTokens.cellTitleFontWeight, _styledComponents.dropdownTokens.cellTitleLetterSpacing, _styledComponents.dropdownTokens.cellTitleLineHeight),
18
+ m: /*#__PURE__*/(0, _styledComponents.css)(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.125rem;\n ", ": 15rem;\n ", ": 0.75rem;\n\n ", ": 1.5rem;\n ", ": 0.75rem 0.75rem 0.75rem 0.75rem;\n ", ": 0.5rem 0.75rem 0.5rem 0.75rem;\n ", ": 0.625rem;\n\n ", ": 0.375rem;\n ", ": 0.875rem;\n ", ": 0.375rem;\n ", ": 0.875rem;\n ", ": 0.375rem;\n ", ": 0.375rem;\n\n ", ": var(--plasma-typo-body-m-font-family);\n ", ": var(--plasma-typo-body-m-font-size);\n ", ": var(--plasma-typo-body-m-font-style);\n ", ": var(--plasma-typo-body-m-font-weight);\n ", ": var(--plasma-typo-body-m-letter-spacing);\n ", ": var(--plasma-typo-body-m-line-height);\n\n ", ": 0rem;\n ", ": 0rem;\n ", ": 0rem;\n ", ": 0rem;\n ", ": 0.125rem;\n ", ": 0.375rem;\n ", ": var(--plasma-typo-body-m-font-family);\n ", ": var(--plasma-typo-body-m-font-size);\n ", ": var(--plasma-typo-body-m-font-style);\n ", ": var(--plasma-typo-body-m-font-weight);\n ", ": var(--plasma-typo-body-m-letter-spacing);\n ", ": var(--plasma-typo-body-m-line-height);\n "])), _styledComponents.dropdownTokens.padding, _styledComponents.dropdownTokens.width, _styledComponents.dropdownTokens.borderRadius, _styledComponents.dropdownTokens.itemHeight, _styledComponents.dropdownTokens.itemPadding, _styledComponents.dropdownTokens.itemPaddingTight, _styledComponents.dropdownTokens.itemBorderRadius, _styledComponents.dropdownTokens.dividerMarginTop, _styledComponents.dropdownTokens.dividerMarginRight, _styledComponents.dropdownTokens.dividerMarginBottom, _styledComponents.dropdownTokens.dividerMarginLeft, _styledComponents.dropdownTokens.dividerMarginTopTight, _styledComponents.dropdownTokens.dividerMarginBottomTight, _styledComponents.dropdownTokens.itemFontFamily, _styledComponents.dropdownTokens.itemFontSize, _styledComponents.dropdownTokens.itemFontStyle, _styledComponents.dropdownTokens.itemFontWeightBold, _styledComponents.dropdownTokens.itemFontLetterSpacing, _styledComponents.dropdownTokens.itemFontLineHeight, _styledComponents.dropdownTokens.cellPadding, _styledComponents.dropdownTokens.cellPaddingLeftContent, _styledComponents.dropdownTokens.cellPaddingContent, _styledComponents.dropdownTokens.cellPaddingRightContent, _styledComponents.dropdownTokens.cellTextboxGap, _styledComponents.dropdownTokens.cellGap, _styledComponents.dropdownTokens.cellTitleFontFamily, _styledComponents.dropdownTokens.cellTitleFontSize, _styledComponents.dropdownTokens.cellTitleFontStyle, _styledComponents.dropdownTokens.cellTitleFontWeight, _styledComponents.dropdownTokens.cellTitleLetterSpacing, _styledComponents.dropdownTokens.cellTitleLineHeight),
19
+ s: /*#__PURE__*/(0, _styledComponents.css)(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.125rem;\n ", ": 12.5rem;\n ", ": 0.625rem;\n\n ", ": 1.5rem;\n ", ": 0.5rem 0.75rem 0.5rem 0.675rem;\n ", ": 0.25rem 0.75rem 0.25rem 0.675rem;\n ", ": 0.5rem;\n\n ", ": 0.375rem;\n ", ": 0.75rem;\n ", ": 0.375rem;\n ", ": 0.75rem;\n ", ": 0.25rem;\n ", ": 0.25rem;\n\n ", ": var(--plasma-typo-body-s-font-family);\n ", ": var(--plasma-typo-body-s-font-size);\n ", ": var(--plasma-typo-body-s-font-style);\n ", ": var(--plasma-typo-body-s-font-weight);\n ", ": var(--plasma-typo-body-s-letter-spacing);\n ", ": var(--plasma-typo-body-s-line-height);\n\n ", ": 0rem;\n ", ": 0rem;\n ", ": 0rem;\n ", ": 0rem;\n ", ": 0.125rem;\n ", ": 0.375rem;\n ", ": var(--plasma-typo-body-s-font-family);\n ", ": var(--plasma-typo-body-s-font-size);\n ", ": var(--plasma-typo-body-s-font-style);\n ", ": var(--plasma-typo-body-s-font-weight);\n ", ": var(--plasma-typo-body-s-letter-spacing);\n ", ": var(--plasma-typo-body-s-line-height);\n "])), _styledComponents.dropdownTokens.padding, _styledComponents.dropdownTokens.width, _styledComponents.dropdownTokens.borderRadius, _styledComponents.dropdownTokens.itemHeight, _styledComponents.dropdownTokens.itemPadding, _styledComponents.dropdownTokens.itemPaddingTight, _styledComponents.dropdownTokens.itemBorderRadius, _styledComponents.dropdownTokens.dividerMarginTop, _styledComponents.dropdownTokens.dividerMarginRight, _styledComponents.dropdownTokens.dividerMarginBottom, _styledComponents.dropdownTokens.dividerMarginLeft, _styledComponents.dropdownTokens.dividerMarginTopTight, _styledComponents.dropdownTokens.dividerMarginBottomTight, _styledComponents.dropdownTokens.itemFontFamily, _styledComponents.dropdownTokens.itemFontSize, _styledComponents.dropdownTokens.itemFontStyle, _styledComponents.dropdownTokens.itemFontWeightBold, _styledComponents.dropdownTokens.itemFontLetterSpacing, _styledComponents.dropdownTokens.itemFontLineHeight, _styledComponents.dropdownTokens.cellPadding, _styledComponents.dropdownTokens.cellPaddingLeftContent, _styledComponents.dropdownTokens.cellPaddingContent, _styledComponents.dropdownTokens.cellPaddingRightContent, _styledComponents.dropdownTokens.cellTextboxGap, _styledComponents.dropdownTokens.cellGap, _styledComponents.dropdownTokens.cellTitleFontFamily, _styledComponents.dropdownTokens.cellTitleFontSize, _styledComponents.dropdownTokens.cellTitleFontStyle, _styledComponents.dropdownTokens.cellTitleFontWeight, _styledComponents.dropdownTokens.cellTitleLetterSpacing, _styledComponents.dropdownTokens.cellTitleLineHeight),
20
+ xs: /*#__PURE__*/(0, _styledComponents.css)(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.125rem;\n ", ": 10rem;\n ", ": 0.5rem;\n\n ", ": 1rem;\n ", ": 0.5rem 0.5rem 0.5rem 0.375rem;\n ", ": 0.25rem 0.5rem 0.25rem 0.375rem;\n ", ": 0.375rem;\n\n ", ": 0.25rem;\n ", ": 0.5rem;\n ", ": 0.25rem;\n ", ": 0.5rem;\n ", ": 0.125rem;\n ", ": 0.125rem;\n\n ", ": var(--plasma-typo-body-xs-font-family);\n ", ": var(--plasma-typo-body-xs-font-size);\n ", ": var(--plasma-typo-body-xs-font-style);\n ", ": var(--plasma-typo-body-xs-font-weight);\n ", ": var(--plasma-typo-body-xs-letter-spacing);\n ", ": var(--plasma-typo-body-xs-line-height);\n\n ", ": 0rem;\n ", ": 0rem;\n ", ": 0rem;\n ", ": 0rem;\n ", ": 0.125rem;\n ", ": 0.25rem;\n ", ": var(--plasma-typo-body-xs-font-family);\n ", ": var(--plasma-typo-body-xs-font-size);\n ", ": var(--plasma-typo-body-xs-font-style);\n ", ": var(--plasma-typo-body-xs-font-weight);\n ", ": var(--plasma-typo-body-xs-letter-spacing);\n ", ": var(--plasma-typo-body-xs-line-height);\n "])), _styledComponents.dropdownTokens.padding, _styledComponents.dropdownTokens.width, _styledComponents.dropdownTokens.borderRadius, _styledComponents.dropdownTokens.itemHeight, _styledComponents.dropdownTokens.itemPadding, _styledComponents.dropdownTokens.itemPaddingTight, _styledComponents.dropdownTokens.itemBorderRadius, _styledComponents.dropdownTokens.dividerMarginTop, _styledComponents.dropdownTokens.dividerMarginRight, _styledComponents.dropdownTokens.dividerMarginBottom, _styledComponents.dropdownTokens.dividerMarginLeft, _styledComponents.dropdownTokens.dividerMarginTopTight, _styledComponents.dropdownTokens.dividerMarginBottomTight, _styledComponents.dropdownTokens.itemFontFamily, _styledComponents.dropdownTokens.itemFontSize, _styledComponents.dropdownTokens.itemFontStyle, _styledComponents.dropdownTokens.itemFontWeightBold, _styledComponents.dropdownTokens.itemFontLetterSpacing, _styledComponents.dropdownTokens.itemFontLineHeight, _styledComponents.dropdownTokens.cellPadding, _styledComponents.dropdownTokens.cellPaddingLeftContent, _styledComponents.dropdownTokens.cellPaddingContent, _styledComponents.dropdownTokens.cellPaddingRightContent, _styledComponents.dropdownTokens.cellTextboxGap, _styledComponents.dropdownTokens.cellGap, _styledComponents.dropdownTokens.cellTitleFontFamily, _styledComponents.dropdownTokens.cellTitleFontSize, _styledComponents.dropdownTokens.cellTitleFontStyle, _styledComponents.dropdownTokens.cellTitleFontWeight, _styledComponents.dropdownTokens.cellTitleLetterSpacing, _styledComponents.dropdownTokens.cellTitleLineHeight)
21
21
  },
22
22
  view: {
23
- "default": /*#__PURE__*/(0, _styledComponents.css)(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.4;\n ", ": var(--surface-accent);\n ", ": var(--surface-solid-card-brightness);\n ", ": 0px 4px 14px -4px rgba(8, 8, 8, 0.08), 0px 1px 4px -1px rgba(0, 0, 0, 0.04);\n ", ": var(--text-secondary);\n ", ": var(--surface-clear);\n ", ": var(--surface-transparent-secondary);\n ", ": var(--text-primary);\n ", ": var(--surface-transparent-tertiary);\n "])), _styledComponents.dropdownTokens.disabledOpacity, _styledComponents.dropdownTokens.focusColor, _styledComponents.dropdownTokens.background, _styledComponents.dropdownTokens.boxShadow, _styledComponents.dropdownTokens.disclosureIconColor, _styledComponents.dropdownTokens.itemBackground, _styledComponents.dropdownTokens.itemBackgroundHover, _styledComponents.dropdownTokens.itemColor, _styledComponents.dropdownTokens.dividerColor)
23
+ "default": /*#__PURE__*/(0, _styledComponents.css)(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--surface-transparent-tertiary);\n "])), _styledComponents.dropdownTokens.dividerColor)
24
24
  }
25
25
  }
26
26
  };
package/components/Dropdown/Dropdown.d.ts CHANGED
@@ -1,13 +1,13 @@
1
1
  /// <reference types="react" />
2
2
  declare const Dropdown: import("react").FunctionComponent<import("@salutejs/plasma-new-hope/types/engines/types").PropsType<{
3
3
  size: {
4
- xs: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
5
- s: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
6
- m: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
7
4
  l: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
5
+ m: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
6
+ s: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
7
+ xs: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
8
8
  };
9
9
  view: {
10
10
  default: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
11
11
  };
12
- }> & import("@salutejs/plasma-new-hope/styled-components").DropdownProps & import("react").RefAttributes<HTMLDivElement>>;
12
+ }> & import("@salutejs/plasma-new-hope/types/components/Dropdown/Dropdown.types").DropdownProps & import("react").RefAttributes<HTMLDivElement>>;
13
13
  export { Dropdown };
package/components/Dropdown/components/DropdownPopup.js CHANGED
@@ -8,7 +8,7 @@ exports.DropdownPopup = void 0;
8
8
  var _react = /*#__PURE__*/_interopRequireWildcard( /*#__PURE__*/require("react"));
9
9
  var _styledComponents = /*#__PURE__*/require("@salutejs/plasma-new-hope/styled-components");
10
10
  var _DropdownOld = /*#__PURE__*/require("./DropdownOld.config");
11
- var _excluded = ["trigger", "children", "isOpen", "disclosure", "onToggle", "placement", "offsetTop"];
11
+ var _excluded = ["trigger", "children", "opened", "isOpen", "disclosure", "onToggle", "placement", "offsetTop"];
12
12
  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); }
13
13
  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; }
14
14
  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); }
@@ -19,6 +19,7 @@ var DropdownNewHope = /*#__PURE__*/(0, _styledComponents.component)(mergedConfig
19
19
  var DropdownPopup = exports.DropdownPopup = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
20
20
  var trigger = props.trigger,
21
21
  children = props.children,
22
+ opened = props.opened,
22
23
  isOpen = props.isOpen,
23
24
  disclosure = props.disclosure,
24
25
  onToggle = props.onToggle,
@@ -30,7 +31,8 @@ var DropdownPopup = exports.DropdownPopup = /*#__PURE__*/(0, _react.forwardRef)(
30
31
  ref: ref,
31
32
  onToggle: onToggle,
32
33
  target: disclosure,
33
- opened: isOpen,
34
+ opened: opened,
35
+ isOpen: isOpen,
34
36
  trigger: trigger,
35
37
  placement: placement,
36
38
  offset: [offsetAtTop, 0]
package/css/cjs/components/Dropdown/Dropdown.config.js CHANGED
@@ -1,4 +1,4 @@
1
- import './Dropdown.config_7l17mu.css';
1
+ import './Dropdown.config_1tiyqmq.css';
2
2
  'use strict';
3
3
 
4
4
  Object.defineProperty(exports, '__esModule', { value: true });
@@ -10,10 +10,10 @@ var config = {
10
10
  },
11
11
  variations: {
12
12
  size: {
13
- xs: "xuajbqv",
14
- s: "sxwpid0",
15
- m: "m12u1ccx",
16
- l: "lj8enjv"
13
+ l: "luajbqv",
14
+ m: "mxwpid0",
15
+ s: "s12u1ccx",
16
+ xs: "xj8enjv"
17
17
  },
18
18
  view: {
19
19
  "default": "da0vaum"
package/css/cjs/components/Dropdown/Dropdown.config.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Dropdown.config.js","sources":["../../../../src-css/components/Dropdown/Dropdown.config.ts"],"sourcesContent":["import { css, dropdownTokens } from '@salutejs/plasma-new-hope';\n\nexport const config = {\n defaults: {\n view: 'default',\n size: 'm',\n },\n variations: {\n size: {\n xs: css`\n ${dropdownTokens.padding}: 0.125rem;\n ${dropdownTokens.width}: 10rem;\n ${dropdownTokens.borderRadius}: 0.5rem;\n\n ${dropdownTokens.itemPaddingTop}: 0.5625rem;\n ${dropdownTokens.itemPaddingRight}: 0.5rem;\n ${dropdownTokens.itemPaddingBottom}: 0.5625rem;\n ${dropdownTokens.itemPaddingLeft}: 0.5rem;\n ${dropdownTokens.itemBorderRadius}: 0.375rem;\n ${dropdownTokens.itemPaddingTopTight}: 0.3125rem;\n ${dropdownTokens.itemPaddingBottomTight}: 0.3125rem;\n\n ${dropdownTokens.dividerMarginTop}: 0.25rem;\n ${dropdownTokens.dividerMarginRight}: 0.5rem;\n ${dropdownTokens.dividerMarginBottom}: 0.25rem;\n ${dropdownTokens.dividerMarginLeft}: 0.5rem;\n ${dropdownTokens.dividerMarginTopTight}: 0.125rem;\n ${dropdownTokens.dividerMarginBottomTight}: 0.125rem;\n\n ${dropdownTokens.itemFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${dropdownTokens.itemFontSize}: var(--plasma-typo-body-xs-font-size);\n ${dropdownTokens.itemFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${dropdownTokens.itemFontWeightBold}: var(--plasma-typo-body-xs-font-weight);\n ${dropdownTokens.itemFontLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${dropdownTokens.itemFontLineHeight}: var(--plasma-typo-body-xs-line-height);\n `,\n s: css`\n ${dropdownTokens.padding}: 0.125rem;\n ${dropdownTokens.width}: 12.5rem;\n ${dropdownTokens.borderRadius}: 0.625rem;\n\n ${dropdownTokens.itemPaddingTop}: 0.6875rem;\n ${dropdownTokens.itemPaddingRight}: 0.75rem;\n ${dropdownTokens.itemPaddingBottom}: 0.6875rem;\n ${dropdownTokens.itemPaddingLeft}: 0.75rem;\n ${dropdownTokens.itemBorderRadius}: 0.5rem;\n ${dropdownTokens.itemPaddingTopTight}: 0.4375rem;\n ${dropdownTokens.itemPaddingBottomTight}: 0.4375rem;\n\n ${dropdownTokens.dividerMarginTop}: 0.375rem;\n ${dropdownTokens.dividerMarginRight}: 0.75rem;\n ${dropdownTokens.dividerMarginBottom}: 0.375rem;\n ${dropdownTokens.dividerMarginLeft}: 0.75rem;\n ${dropdownTokens.dividerMarginTopTight}: 0.25rem;\n ${dropdownTokens.dividerMarginBottomTight}: 0.25rem;\n\n ${dropdownTokens.itemFontFamily}: var(--plasma-typo-body-s-font-family);\n ${dropdownTokens.itemFontSize}: var(--plasma-typo-body-s-font-size);\n ${dropdownTokens.itemFontStyle}: var(--plasma-typo-body-s-font-style);\n ${dropdownTokens.itemFontWeightBold}: var(--plasma-typo-body-s-font-weight);\n ${dropdownTokens.itemFontLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${dropdownTokens.itemFontLineHeight}: var(--plasma-typo-body-s-line-height);\n `,\n m: css`\n ${dropdownTokens.padding}: 0.125rem;\n ${dropdownTokens.width}: 15rem;\n ${dropdownTokens.borderRadius}: 0.75rem;\n\n ${dropdownTokens.itemPaddingTop}: 0.875rem;\n ${dropdownTokens.itemPaddingRight}: 0.875rem;\n ${dropdownTokens.itemPaddingBottom}: 0.875rem;\n ${dropdownTokens.itemPaddingLeft}: 0.875rem;\n ${dropdownTokens.itemBorderRadius}: 0.625rem;\n ${dropdownTokens.itemPaddingTopTight}: 0.625rem;\n ${dropdownTokens.itemPaddingBottomTight}: 0.625rem;\n\n ${dropdownTokens.dividerMarginTop}: 0.375rem;\n ${dropdownTokens.dividerMarginRight}: 0.875rem;\n ${dropdownTokens.dividerMarginBottom}: 0.375rem;\n ${dropdownTokens.dividerMarginLeft}: 0.875rem;\n ${dropdownTokens.dividerMarginTopTight}: 0.375rem;\n ${dropdownTokens.dividerMarginBottomTight}: 0.375rem;\n\n ${dropdownTokens.itemFontFamily}: var(--plasma-typo-body-m-font-family);\n ${dropdownTokens.itemFontSize}: var(--plasma-typo-body-m-font-size);\n ${dropdownTokens.itemFontStyle}: var(--plasma-typo-body-m-font-style);\n ${dropdownTokens.itemFontWeightBold}: var(--plasma-typo-body-m-font-weight);\n ${dropdownTokens.itemFontLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${dropdownTokens.itemFontLineHeight}: var(--plasma-typo-body-m-line-height);\n `,\n l: css`\n ${dropdownTokens.padding}: 0.125rem;\n ${dropdownTokens.width}: 17.5rem;\n ${dropdownTokens.borderRadius}: 0.875rem;\n\n ${dropdownTokens.itemPaddingTop}: 1.0625rem;\n ${dropdownTokens.itemPaddingRight}: 1rem;\n ${dropdownTokens.itemPaddingBottom}: 1.0625rem;\n ${dropdownTokens.itemPaddingLeft}: 1rem;\n ${dropdownTokens.itemBorderRadius}: 0.75rem;\n ${dropdownTokens.itemPaddingTopTight}: 0.8125rem;\n ${dropdownTokens.itemPaddingBottomTight}: 0.8125rem;\n\n ${dropdownTokens.dividerMarginTop}: 0.5rem;\n ${dropdownTokens.dividerMarginRight}: 1.125rem;\n ${dropdownTokens.dividerMarginBottom}: 0.5rem;\n ${dropdownTokens.dividerMarginLeft}: 1.125rem;\n ${dropdownTokens.dividerMarginTopTight}: 0.375rem;\n ${dropdownTokens.dividerMarginBottomTight}: 0.375rem;\n\n ${dropdownTokens.itemFontFamily}: var(--plasma-typo-body-l-font-family);\n ${dropdownTokens.itemFontSize}: var(--plasma-typo-body-l-font-size);\n ${dropdownTokens.itemFontStyle}: var(--plasma-typo-body-l-font-style);\n ${dropdownTokens.itemFontWeightBold}: var(--plasma-typo-body-l-font-weight);\n ${dropdownTokens.itemFontLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${dropdownTokens.itemFontLineHeight}: var(--plasma-typo-body-l-line-height);\n `,\n },\n view: {\n default: css`\n ${dropdownTokens.disabledOpacity}: 0.4;\n ${dropdownTokens.focusColor}: var(--surface-accent);\n ${dropdownTokens.background}: var(--surface-solid-card-brightness);\n ${dropdownTokens.boxShadow}: 0px 4px 14px -4px rgba(8, 8, 8, 0.08), 0px 1px 4px -1px rgba(0, 0, 0, 0.04);\n ${dropdownTokens.disclosureIconColor}: var(--text-secondary);\n ${dropdownTokens.itemBackground}: var(--surface-clear);\n ${dropdownTokens.itemBackgroundHover}: var(--surface-transparent-secondary);\n ${dropdownTokens.itemColor}: var(--text-primary);\n ${dropdownTokens.dividerColor}: var(--surface-transparent-tertiary);\n `,\n },\n },\n};\n"],"names":["config","defaults","view","size","variations","xs","s","m","l","default"],"mappings":";;;;AAEO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,IAAI,EAAE,GAAA;GACT;AACDC,EAAAA,UAAU,EAAE;AACRD,IAAAA,IAAI,EAAE;AACFE,MAAAA,EAAE,EA0BD,SAAA;AACDC,MAAAA,CAAC,EA0BA,SAAA;AACDC,MAAAA,CAAC,EA0BA,UAAA;AACDC,MAAAA,CAAC,EAAA,SAAA;KA2BJ;AACDN,IAAAA,IAAI,EAAE;MACFO,SAAO,EAAA,SAAA;AAWX,KAAA;AACJ,GAAA;AACJ;;;;"}
1
+ {"version":3,"file":"Dropdown.config.js","sources":["../../../../src-css/components/Dropdown/Dropdown.config.ts"],"sourcesContent":["import { css, dropdownTokens as tokens } from '@salutejs/plasma-new-hope';\n\nexport const config = {\n defaults: {\n view: 'default',\n size: 'm',\n },\n variations: {\n size: {\n l: css`\n ${tokens.padding}: 0.125rem;\n ${tokens.width}: 17.5rem;\n ${tokens.borderRadius}: 0.875rem;\n\n ${tokens.itemHeight}: 1.5rem;\n ${tokens.itemPadding}: 1rem 1rem 1rem 0.875rem;\n ${tokens.itemPaddingTight}: 0.75rem 1rem 0.75rem 0.875rem;\n ${tokens.itemBorderRadius}: 0.75rem;\n\n ${tokens.dividerMarginTop}: 0.5rem;\n ${tokens.dividerMarginRight}: 1.125rem;\n ${tokens.dividerMarginBottom}: 0.5rem;\n ${tokens.dividerMarginLeft}: 1.125rem;\n ${tokens.dividerMarginTopTight}: 0.375rem;\n ${tokens.dividerMarginBottomTight}: 0.375rem;\n\n ${tokens.itemFontFamily}: var(--plasma-typo-body-l-font-family);\n ${tokens.itemFontSize}: var(--plasma-typo-body-l-font-size);\n ${tokens.itemFontStyle}: var(--plasma-typo-body-l-font-style);\n ${tokens.itemFontWeightBold}: var(--plasma-typo-body-l-font-weight);\n ${tokens.itemFontLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${tokens.itemFontLineHeight}: var(--plasma-typo-body-l-line-height);\n\n ${tokens.cellPadding}: 0rem;\n ${tokens.cellPaddingLeftContent}: 0rem;\n ${tokens.cellPaddingContent}: 0rem;\n ${tokens.cellPaddingRightContent}: 0rem;\n ${tokens.cellTextboxGap}: 0.125rem;\n ${tokens.cellGap}: 0.375rem;\n ${tokens.cellTitleFontFamily}: var(--plasma-typo-body-l-font-family);\n ${tokens.cellTitleFontSize}: var(--plasma-typo-body-l-font-size);\n ${tokens.cellTitleFontStyle}: var(--plasma-typo-body-l-font-style);\n ${tokens.cellTitleFontWeight}: var(--plasma-typo-body-l-font-weight);\n ${tokens.cellTitleLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${tokens.cellTitleLineHeight}: var(--plasma-typo-body-l-line-height);\n `,\n m: css`\n ${tokens.padding}: 0.125rem;\n ${tokens.width}: 15rem;\n ${tokens.borderRadius}: 0.75rem;\n\n ${tokens.itemHeight}: 1.5rem;\n ${tokens.itemPadding}: 0.75rem 0.75rem 0.75rem 0.75rem;\n ${tokens.itemPaddingTight}: 0.5rem 0.75rem 0.5rem 0.75rem;\n ${tokens.itemBorderRadius}: 0.625rem;\n\n ${tokens.dividerMarginTop}: 0.375rem;\n ${tokens.dividerMarginRight}: 0.875rem;\n ${tokens.dividerMarginBottom}: 0.375rem;\n ${tokens.dividerMarginLeft}: 0.875rem;\n ${tokens.dividerMarginTopTight}: 0.375rem;\n ${tokens.dividerMarginBottomTight}: 0.375rem;\n\n ${tokens.itemFontFamily}: var(--plasma-typo-body-m-font-family);\n ${tokens.itemFontSize}: var(--plasma-typo-body-m-font-size);\n ${tokens.itemFontStyle}: var(--plasma-typo-body-m-font-style);\n ${tokens.itemFontWeightBold}: var(--plasma-typo-body-m-font-weight);\n ${tokens.itemFontLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${tokens.itemFontLineHeight}: var(--plasma-typo-body-m-line-height);\n\n ${tokens.cellPadding}: 0rem;\n ${tokens.cellPaddingLeftContent}: 0rem;\n ${tokens.cellPaddingContent}: 0rem;\n ${tokens.cellPaddingRightContent}: 0rem;\n ${tokens.cellTextboxGap}: 0.125rem;\n ${tokens.cellGap}: 0.375rem;\n ${tokens.cellTitleFontFamily}: var(--plasma-typo-body-m-font-family);\n ${tokens.cellTitleFontSize}: var(--plasma-typo-body-m-font-size);\n ${tokens.cellTitleFontStyle}: var(--plasma-typo-body-m-font-style);\n ${tokens.cellTitleFontWeight}: var(--plasma-typo-body-m-font-weight);\n ${tokens.cellTitleLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${tokens.cellTitleLineHeight}: var(--plasma-typo-body-m-line-height);\n `,\n s: css`\n ${tokens.padding}: 0.125rem;\n ${tokens.width}: 12.5rem;\n ${tokens.borderRadius}: 0.625rem;\n\n ${tokens.itemHeight}: 1.5rem;\n ${tokens.itemPadding}: 0.5rem 0.75rem 0.5rem 0.675rem;\n ${tokens.itemPaddingTight}: 0.25rem 0.75rem 0.25rem 0.675rem;\n ${tokens.itemBorderRadius}: 0.5rem;\n\n ${tokens.dividerMarginTop}: 0.375rem;\n ${tokens.dividerMarginRight}: 0.75rem;\n ${tokens.dividerMarginBottom}: 0.375rem;\n ${tokens.dividerMarginLeft}: 0.75rem;\n ${tokens.dividerMarginTopTight}: 0.25rem;\n ${tokens.dividerMarginBottomTight}: 0.25rem;\n\n ${tokens.itemFontFamily}: var(--plasma-typo-body-s-font-family);\n ${tokens.itemFontSize}: var(--plasma-typo-body-s-font-size);\n ${tokens.itemFontStyle}: var(--plasma-typo-body-s-font-style);\n ${tokens.itemFontWeightBold}: var(--plasma-typo-body-s-font-weight);\n ${tokens.itemFontLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${tokens.itemFontLineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${tokens.cellPadding}: 0rem;\n ${tokens.cellPaddingLeftContent}: 0rem;\n ${tokens.cellPaddingContent}: 0rem;\n ${tokens.cellPaddingRightContent}: 0rem;\n ${tokens.cellTextboxGap}: 0.125rem;\n ${tokens.cellGap}: 0.375rem;\n ${tokens.cellTitleFontFamily}: var(--plasma-typo-body-s-font-family);\n ${tokens.cellTitleFontSize}: var(--plasma-typo-body-s-font-size);\n ${tokens.cellTitleFontStyle}: var(--plasma-typo-body-s-font-style);\n ${tokens.cellTitleFontWeight}: var(--plasma-typo-body-s-font-weight);\n ${tokens.cellTitleLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${tokens.cellTitleLineHeight}: var(--plasma-typo-body-s-line-height);\n `,\n xs: css`\n ${tokens.padding}: 0.125rem;\n ${tokens.width}: 10rem;\n ${tokens.borderRadius}: 0.5rem;\n\n ${tokens.itemHeight}: 1rem;\n ${tokens.itemPadding}: 0.5rem 0.5rem 0.5rem 0.375rem;\n ${tokens.itemPaddingTight}: 0.25rem 0.5rem 0.25rem 0.375rem;\n ${tokens.itemBorderRadius}: 0.375rem;\n\n ${tokens.dividerMarginTop}: 0.25rem;\n ${tokens.dividerMarginRight}: 0.5rem;\n ${tokens.dividerMarginBottom}: 0.25rem;\n ${tokens.dividerMarginLeft}: 0.5rem;\n ${tokens.dividerMarginTopTight}: 0.125rem;\n ${tokens.dividerMarginBottomTight}: 0.125rem;\n\n ${tokens.itemFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.itemFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.itemFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.itemFontWeightBold}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.itemFontLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.itemFontLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.cellPadding}: 0rem;\n ${tokens.cellPaddingLeftContent}: 0rem;\n ${tokens.cellPaddingContent}: 0rem;\n ${tokens.cellPaddingRightContent}: 0rem;\n ${tokens.cellTextboxGap}: 0.125rem;\n ${tokens.cellGap}: 0.25rem;\n ${tokens.cellTitleFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.cellTitleFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.cellTitleFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.cellTitleFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.cellTitleLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.cellTitleLineHeight}: var(--plasma-typo-body-xs-line-height);\n `,\n },\n view: {\n default: css`\n ${tokens.dividerColor}: var(--surface-transparent-tertiary);\n `,\n },\n },\n};\n"],"names":["config","defaults","view","size","variations","l","m","s","xs","default"],"mappings":";;;;AAEO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,IAAI,EAAE,GAAA;GACT;AACDC,EAAAA,UAAU,EAAE;AACRD,IAAAA,IAAI,EAAE;AACFE,MAAAA,CAAC,EAoCA,SAAA;AACDC,MAAAA,CAAC,EAoCA,SAAA;AACDC,MAAAA,CAAC,EAoCA,UAAA;AACDC,MAAAA,EAAE,EAAA,SAAA;KAqCL;AACDN,IAAAA,IAAI,EAAE;MACFO,SAAO,EAAA,SAAA;AAGX,KAAA;AACJ,GAAA;AACJ;;;;"}
package/css/cjs/components/Dropdown/Dropdown.config_1tiyqmq.css ADDED
@@ -0,0 +1,5 @@
1
+ .luajbqv{--plasma-dropdown-padding:0.125rem;--plasma-dropdown-width:17.5rem;--plasma-dropdown-border-radius:0.875rem;--plasma-dropdown-item-height:1.5rem;--plasma-dropdown-item-padding:1rem 1rem 1rem 0.875rem;--plasma-dropdown-item-padding-tight:0.75rem 1rem 0.75rem 0.875rem;--plasma-dropdown-item-border-radius:0.75rem;--plasma-dropdown-divider-margin-top:0.5rem;--plasma-dropdown-divider-margin-right:1.125rem;--plasma-dropdown-divider-margin-bottom:0.5rem;--plasma-dropdown-divider-margin-left:1.125rem;--plasma-dropdown-divider-margin-top-tight:0.375rem;--plasma-dropdown-divider-margin-bottom-tight:0.375rem;--plasma-dropdown-item-font-family:var(--plasma-typo-body-l-font-family);--plasma-dropdown-item-font-size:var(--plasma-typo-body-l-font-size);--plasma-dropdown-item-font-style:var(--plasma-typo-body-l-font-style);--plasma-dropdown-item-letter-spacing:var(--plasma-typo-body-l-font-weight);--plasma-dropdown-item-line-height:var(--plasma-typo-body-l-letter-spacing);--plasma-dropdown-item-font-weight:var(--plasma-typo-body-l-line-height);--plasma-dropdown-cell-padding:0rem;--plasma-dropdown-cell-padding-left-content:0rem;--plasma-dropdown-cell-padding-content:0rem;--plasma-dropdown-cell-padding-right-content:0rem;--plasma-dropdown-cell-textbox-gap:0.125rem;--plasma-dropdown-cell-gap:0.375rem;--plasma-dropdown-cell-title-font-family:var(--plasma-typo-body-l-font-family);--plasma-dropdown-cell-title-font-size:var(--plasma-typo-body-l-font-size);--plasma-dropdown-cell-title-font-style:var(--plasma-typo-body-l-font-style);--plasma-dropdown-cell-title-font-weight:var(--plasma-typo-body-l-font-weight);--plasma-dropdown-cell-title-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-dropdown-cell-title-line-height:var(--plasma-typo-body-l-line-height);}
2
+ .mxwpid0{--plasma-dropdown-padding:0.125rem;--plasma-dropdown-width:15rem;--plasma-dropdown-border-radius:0.75rem;--plasma-dropdown-item-height:1.5rem;--plasma-dropdown-item-padding:0.75rem 0.75rem 0.75rem 0.75rem;--plasma-dropdown-item-padding-tight:0.5rem 0.75rem 0.5rem 0.75rem;--plasma-dropdown-item-border-radius:0.625rem;--plasma-dropdown-divider-margin-top:0.375rem;--plasma-dropdown-divider-margin-right:0.875rem;--plasma-dropdown-divider-margin-bottom:0.375rem;--plasma-dropdown-divider-margin-left:0.875rem;--plasma-dropdown-divider-margin-top-tight:0.375rem;--plasma-dropdown-divider-margin-bottom-tight:0.375rem;--plasma-dropdown-item-font-family:var(--plasma-typo-body-m-font-family);--plasma-dropdown-item-font-size:var(--plasma-typo-body-m-font-size);--plasma-dropdown-item-font-style:var(--plasma-typo-body-m-font-style);--plasma-dropdown-item-letter-spacing:var(--plasma-typo-body-m-font-weight);--plasma-dropdown-item-line-height:var(--plasma-typo-body-m-letter-spacing);--plasma-dropdown-item-font-weight:var(--plasma-typo-body-m-line-height);--plasma-dropdown-cell-padding:0rem;--plasma-dropdown-cell-padding-left-content:0rem;--plasma-dropdown-cell-padding-content:0rem;--plasma-dropdown-cell-padding-right-content:0rem;--plasma-dropdown-cell-textbox-gap:0.125rem;--plasma-dropdown-cell-gap:0.375rem;--plasma-dropdown-cell-title-font-family:var(--plasma-typo-body-m-font-family);--plasma-dropdown-cell-title-font-size:var(--plasma-typo-body-m-font-size);--plasma-dropdown-cell-title-font-style:var(--plasma-typo-body-m-font-style);--plasma-dropdown-cell-title-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-dropdown-cell-title-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-dropdown-cell-title-line-height:var(--plasma-typo-body-m-line-height);}
3
+ .s12u1ccx{--plasma-dropdown-padding:0.125rem;--plasma-dropdown-width:12.5rem;--plasma-dropdown-border-radius:0.625rem;--plasma-dropdown-item-height:1.5rem;--plasma-dropdown-item-padding:0.5rem 0.75rem 0.5rem 0.675rem;--plasma-dropdown-item-padding-tight:0.25rem 0.75rem 0.25rem 0.675rem;--plasma-dropdown-item-border-radius:0.5rem;--plasma-dropdown-divider-margin-top:0.375rem;--plasma-dropdown-divider-margin-right:0.75rem;--plasma-dropdown-divider-margin-bottom:0.375rem;--plasma-dropdown-divider-margin-left:0.75rem;--plasma-dropdown-divider-margin-top-tight:0.25rem;--plasma-dropdown-divider-margin-bottom-tight:0.25rem;--plasma-dropdown-item-font-family:var(--plasma-typo-body-s-font-family);--plasma-dropdown-item-font-size:var(--plasma-typo-body-s-font-size);--plasma-dropdown-item-font-style:var(--plasma-typo-body-s-font-style);--plasma-dropdown-item-letter-spacing:var(--plasma-typo-body-s-font-weight);--plasma-dropdown-item-line-height:var(--plasma-typo-body-s-letter-spacing);--plasma-dropdown-item-font-weight:var(--plasma-typo-body-s-line-height);--plasma-dropdown-cell-padding:0rem;--plasma-dropdown-cell-padding-left-content:0rem;--plasma-dropdown-cell-padding-content:0rem;--plasma-dropdown-cell-padding-right-content:0rem;--plasma-dropdown-cell-textbox-gap:0.125rem;--plasma-dropdown-cell-gap:0.375rem;--plasma-dropdown-cell-title-font-family:var(--plasma-typo-body-s-font-family);--plasma-dropdown-cell-title-font-size:var(--plasma-typo-body-s-font-size);--plasma-dropdown-cell-title-font-style:var(--plasma-typo-body-s-font-style);--plasma-dropdown-cell-title-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-dropdown-cell-title-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-dropdown-cell-title-line-height:var(--plasma-typo-body-s-line-height);}
4
+ .xj8enjv{--plasma-dropdown-padding:0.125rem;--plasma-dropdown-width:10rem;--plasma-dropdown-border-radius:0.5rem;--plasma-dropdown-item-height:1rem;--plasma-dropdown-item-padding:0.5rem 0.5rem 0.5rem 0.375rem;--plasma-dropdown-item-padding-tight:0.25rem 0.5rem 0.25rem 0.375rem;--plasma-dropdown-item-border-radius:0.375rem;--plasma-dropdown-divider-margin-top:0.25rem;--plasma-dropdown-divider-margin-right:0.5rem;--plasma-dropdown-divider-margin-bottom:0.25rem;--plasma-dropdown-divider-margin-left:0.5rem;--plasma-dropdown-divider-margin-top-tight:0.125rem;--plasma-dropdown-divider-margin-bottom-tight:0.125rem;--plasma-dropdown-item-font-family:var(--plasma-typo-body-xs-font-family);--plasma-dropdown-item-font-size:var(--plasma-typo-body-xs-font-size);--plasma-dropdown-item-font-style:var(--plasma-typo-body-xs-font-style);--plasma-dropdown-item-letter-spacing:var(--plasma-typo-body-xs-font-weight);--plasma-dropdown-item-line-height:var(--plasma-typo-body-xs-letter-spacing);--plasma-dropdown-item-font-weight:var(--plasma-typo-body-xs-line-height);--plasma-dropdown-cell-padding:0rem;--plasma-dropdown-cell-padding-left-content:0rem;--plasma-dropdown-cell-padding-content:0rem;--plasma-dropdown-cell-padding-right-content:0rem;--plasma-dropdown-cell-textbox-gap:0.125rem;--plasma-dropdown-cell-gap:0.25rem;--plasma-dropdown-cell-title-font-family:var(--plasma-typo-body-xs-font-family);--plasma-dropdown-cell-title-font-size:var(--plasma-typo-body-xs-font-size);--plasma-dropdown-cell-title-font-style:var(--plasma-typo-body-xs-font-style);--plasma-dropdown-cell-title-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-dropdown-cell-title-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-dropdown-cell-title-line-height:var(--plasma-typo-body-xs-line-height);}
5
+ .da0vaum{--plasma-dropdown-divider-color:var(--surface-transparent-tertiary);}
package/css/cjs/components/Dropdown/Dropdown.css CHANGED
@@ -1,5 +1,5 @@
1
- .Dropdown_config_7l17mu_xuajbqv__3c35b8ae{--plasma-dropdown-padding:0.125rem;--plasma-dropdown-width:10rem;--plasma-dropdown-border-radius:0.5rem;--plasma-dropdown-item-padding-top:0.5625rem;--plasma-dropdown-item-padding-right:0.5rem;--plasma-dropdown-item-padding-bottom:0.5625rem;--plasma-dropdown-item-padding-left:0.5rem;--plasma-dropdown-item-border-radius:0.375rem;--plasma-dropdown-item-padding-top-tight:0.3125rem;--plasma-dropdown-item-padding-bottom-tight:0.3125rem;--plasma-dropdown-divider-margin-top:0.25rem;--plasma-dropdown-divider-margin-right:0.5rem;--plasma-dropdown-divider-margin-bottom:0.25rem;--plasma-dropdown-divider-margin-left:0.5rem;--plasma-dropdown-divider-margin-top-tight:0.125rem;--plasma-dropdown-divider-margin-bottom-tight:0.125rem;--plasma-dropdown-item-font-family:var(--plasma-typo-body-xs-font-family);--plasma-dropdown-item-font-size:var(--plasma-typo-body-xs-font-size);--plasma-dropdown-item-font-style:var(--plasma-typo-body-xs-font-style);--plasma-dropdown-item-letter-spacing:var(--plasma-typo-body-xs-font-weight);--plasma-dropdown-item-line-height:var(--plasma-typo-body-xs-letter-spacing);--plasma-dropdown-item-font-weight:var(--plasma-typo-body-xs-line-height);}
2
- .Dropdown_config_7l17mu_sxwpid0__3c35b8ae{--plasma-dropdown-padding:0.125rem;--plasma-dropdown-width:12.5rem;--plasma-dropdown-border-radius:0.625rem;--plasma-dropdown-item-padding-top:0.6875rem;--plasma-dropdown-item-padding-right:0.75rem;--plasma-dropdown-item-padding-bottom:0.6875rem;--plasma-dropdown-item-padding-left:0.75rem;--plasma-dropdown-item-border-radius:0.5rem;--plasma-dropdown-item-padding-top-tight:0.4375rem;--plasma-dropdown-item-padding-bottom-tight:0.4375rem;--plasma-dropdown-divider-margin-top:0.375rem;--plasma-dropdown-divider-margin-right:0.75rem;--plasma-dropdown-divider-margin-bottom:0.375rem;--plasma-dropdown-divider-margin-left:0.75rem;--plasma-dropdown-divider-margin-top-tight:0.25rem;--plasma-dropdown-divider-margin-bottom-tight:0.25rem;--plasma-dropdown-item-font-family:var(--plasma-typo-body-s-font-family);--plasma-dropdown-item-font-size:var(--plasma-typo-body-s-font-size);--plasma-dropdown-item-font-style:var(--plasma-typo-body-s-font-style);--plasma-dropdown-item-letter-spacing:var(--plasma-typo-body-s-font-weight);--plasma-dropdown-item-line-height:var(--plasma-typo-body-s-letter-spacing);--plasma-dropdown-item-font-weight:var(--plasma-typo-body-s-line-height);}
3
- .Dropdown_config_7l17mu_m12u1ccx__3c35b8ae{--plasma-dropdown-padding:0.125rem;--plasma-dropdown-width:15rem;--plasma-dropdown-border-radius:0.75rem;--plasma-dropdown-item-padding-top:0.875rem;--plasma-dropdown-item-padding-right:0.875rem;--plasma-dropdown-item-padding-bottom:0.875rem;--plasma-dropdown-item-padding-left:0.875rem;--plasma-dropdown-item-border-radius:0.625rem;--plasma-dropdown-item-padding-top-tight:0.625rem;--plasma-dropdown-item-padding-bottom-tight:0.625rem;--plasma-dropdown-divider-margin-top:0.375rem;--plasma-dropdown-divider-margin-right:0.875rem;--plasma-dropdown-divider-margin-bottom:0.375rem;--plasma-dropdown-divider-margin-left:0.875rem;--plasma-dropdown-divider-margin-top-tight:0.375rem;--plasma-dropdown-divider-margin-bottom-tight:0.375rem;--plasma-dropdown-item-font-family:var(--plasma-typo-body-m-font-family);--plasma-dropdown-item-font-size:var(--plasma-typo-body-m-font-size);--plasma-dropdown-item-font-style:var(--plasma-typo-body-m-font-style);--plasma-dropdown-item-letter-spacing:var(--plasma-typo-body-m-font-weight);--plasma-dropdown-item-line-height:var(--plasma-typo-body-m-letter-spacing);--plasma-dropdown-item-font-weight:var(--plasma-typo-body-m-line-height);}
4
- .Dropdown_config_7l17mu_lj8enjv__3c35b8ae{--plasma-dropdown-padding:0.125rem;--plasma-dropdown-width:17.5rem;--plasma-dropdown-border-radius:0.875rem;--plasma-dropdown-item-padding-top:1.0625rem;--plasma-dropdown-item-padding-right:1rem;--plasma-dropdown-item-padding-bottom:1.0625rem;--plasma-dropdown-item-padding-left:1rem;--plasma-dropdown-item-border-radius:0.75rem;--plasma-dropdown-item-padding-top-tight:0.8125rem;--plasma-dropdown-item-padding-bottom-tight:0.8125rem;--plasma-dropdown-divider-margin-top:0.5rem;--plasma-dropdown-divider-margin-right:1.125rem;--plasma-dropdown-divider-margin-bottom:0.5rem;--plasma-dropdown-divider-margin-left:1.125rem;--plasma-dropdown-divider-margin-top-tight:0.375rem;--plasma-dropdown-divider-margin-bottom-tight:0.375rem;--plasma-dropdown-item-font-family:var(--plasma-typo-body-l-font-family);--plasma-dropdown-item-font-size:var(--plasma-typo-body-l-font-size);--plasma-dropdown-item-font-style:var(--plasma-typo-body-l-font-style);--plasma-dropdown-item-letter-spacing:var(--plasma-typo-body-l-font-weight);--plasma-dropdown-item-line-height:var(--plasma-typo-body-l-letter-spacing);--plasma-dropdown-item-font-weight:var(--plasma-typo-body-l-line-height);}
5
- .Dropdown_config_7l17mu_da0vaum__3c35b8ae{--plasma-dropdown-disabled-opacity:0.4;--plasma-dropdown-focus-color:var(--surface-accent);--plasma-dropdown-background:var(--surface-solid-card-brightness);--plasma-dropdown-box-shadow:0px 4px 14px -4px rgba(8,8,8,0.08),0px 1px 4px -1px rgba(0,0,0,0.04);--plasma-dropdown-disclosure-icon-color:var(--text-secondary);--plasma-dropdown-item-background:var(--surface-clear);--plasma-dropdown-item-background-hover:var(--surface-transparent-secondary);--plasma-dropdown-item-color:var(--text-primary);--plasma-dropdown-divider-color:var(--surface-transparent-tertiary);}
1
+ .Dropdown_config_1tiyqmq_luajbqv__446c1630{--plasma-dropdown-padding:0.125rem;--plasma-dropdown-width:17.5rem;--plasma-dropdown-border-radius:0.875rem;--plasma-dropdown-item-height:1.5rem;--plasma-dropdown-item-padding:1rem 1rem 1rem 0.875rem;--plasma-dropdown-item-padding-tight:0.75rem 1rem 0.75rem 0.875rem;--plasma-dropdown-item-border-radius:0.75rem;--plasma-dropdown-divider-margin-top:0.5rem;--plasma-dropdown-divider-margin-right:1.125rem;--plasma-dropdown-divider-margin-bottom:0.5rem;--plasma-dropdown-divider-margin-left:1.125rem;--plasma-dropdown-divider-margin-top-tight:0.375rem;--plasma-dropdown-divider-margin-bottom-tight:0.375rem;--plasma-dropdown-item-font-family:var(--plasma-typo-body-l-font-family);--plasma-dropdown-item-font-size:var(--plasma-typo-body-l-font-size);--plasma-dropdown-item-font-style:var(--plasma-typo-body-l-font-style);--plasma-dropdown-item-letter-spacing:var(--plasma-typo-body-l-font-weight);--plasma-dropdown-item-line-height:var(--plasma-typo-body-l-letter-spacing);--plasma-dropdown-item-font-weight:var(--plasma-typo-body-l-line-height);--plasma-dropdown-cell-padding:0rem;--plasma-dropdown-cell-padding-left-content:0rem;--plasma-dropdown-cell-padding-content:0rem;--plasma-dropdown-cell-padding-right-content:0rem;--plasma-dropdown-cell-textbox-gap:0.125rem;--plasma-dropdown-cell-gap:0.375rem;--plasma-dropdown-cell-title-font-family:var(--plasma-typo-body-l-font-family);--plasma-dropdown-cell-title-font-size:var(--plasma-typo-body-l-font-size);--plasma-dropdown-cell-title-font-style:var(--plasma-typo-body-l-font-style);--plasma-dropdown-cell-title-font-weight:var(--plasma-typo-body-l-font-weight);--plasma-dropdown-cell-title-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-dropdown-cell-title-line-height:var(--plasma-typo-body-l-line-height);}
2
+ .Dropdown_config_1tiyqmq_mxwpid0__446c1630{--plasma-dropdown-padding:0.125rem;--plasma-dropdown-width:15rem;--plasma-dropdown-border-radius:0.75rem;--plasma-dropdown-item-height:1.5rem;--plasma-dropdown-item-padding:0.75rem 0.75rem 0.75rem 0.75rem;--plasma-dropdown-item-padding-tight:0.5rem 0.75rem 0.5rem 0.75rem;--plasma-dropdown-item-border-radius:0.625rem;--plasma-dropdown-divider-margin-top:0.375rem;--plasma-dropdown-divider-margin-right:0.875rem;--plasma-dropdown-divider-margin-bottom:0.375rem;--plasma-dropdown-divider-margin-left:0.875rem;--plasma-dropdown-divider-margin-top-tight:0.375rem;--plasma-dropdown-divider-margin-bottom-tight:0.375rem;--plasma-dropdown-item-font-family:var(--plasma-typo-body-m-font-family);--plasma-dropdown-item-font-size:var(--plasma-typo-body-m-font-size);--plasma-dropdown-item-font-style:var(--plasma-typo-body-m-font-style);--plasma-dropdown-item-letter-spacing:var(--plasma-typo-body-m-font-weight);--plasma-dropdown-item-line-height:var(--plasma-typo-body-m-letter-spacing);--plasma-dropdown-item-font-weight:var(--plasma-typo-body-m-line-height);--plasma-dropdown-cell-padding:0rem;--plasma-dropdown-cell-padding-left-content:0rem;--plasma-dropdown-cell-padding-content:0rem;--plasma-dropdown-cell-padding-right-content:0rem;--plasma-dropdown-cell-textbox-gap:0.125rem;--plasma-dropdown-cell-gap:0.375rem;--plasma-dropdown-cell-title-font-family:var(--plasma-typo-body-m-font-family);--plasma-dropdown-cell-title-font-size:var(--plasma-typo-body-m-font-size);--plasma-dropdown-cell-title-font-style:var(--plasma-typo-body-m-font-style);--plasma-dropdown-cell-title-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-dropdown-cell-title-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-dropdown-cell-title-line-height:var(--plasma-typo-body-m-line-height);}
3
+ .Dropdown_config_1tiyqmq_s12u1ccx__446c1630{--plasma-dropdown-padding:0.125rem;--plasma-dropdown-width:12.5rem;--plasma-dropdown-border-radius:0.625rem;--plasma-dropdown-item-height:1.5rem;--plasma-dropdown-item-padding:0.5rem 0.75rem 0.5rem 0.675rem;--plasma-dropdown-item-padding-tight:0.25rem 0.75rem 0.25rem 0.675rem;--plasma-dropdown-item-border-radius:0.5rem;--plasma-dropdown-divider-margin-top:0.375rem;--plasma-dropdown-divider-margin-right:0.75rem;--plasma-dropdown-divider-margin-bottom:0.375rem;--plasma-dropdown-divider-margin-left:0.75rem;--plasma-dropdown-divider-margin-top-tight:0.25rem;--plasma-dropdown-divider-margin-bottom-tight:0.25rem;--plasma-dropdown-item-font-family:var(--plasma-typo-body-s-font-family);--plasma-dropdown-item-font-size:var(--plasma-typo-body-s-font-size);--plasma-dropdown-item-font-style:var(--plasma-typo-body-s-font-style);--plasma-dropdown-item-letter-spacing:var(--plasma-typo-body-s-font-weight);--plasma-dropdown-item-line-height:var(--plasma-typo-body-s-letter-spacing);--plasma-dropdown-item-font-weight:var(--plasma-typo-body-s-line-height);--plasma-dropdown-cell-padding:0rem;--plasma-dropdown-cell-padding-left-content:0rem;--plasma-dropdown-cell-padding-content:0rem;--plasma-dropdown-cell-padding-right-content:0rem;--plasma-dropdown-cell-textbox-gap:0.125rem;--plasma-dropdown-cell-gap:0.375rem;--plasma-dropdown-cell-title-font-family:var(--plasma-typo-body-s-font-family);--plasma-dropdown-cell-title-font-size:var(--plasma-typo-body-s-font-size);--plasma-dropdown-cell-title-font-style:var(--plasma-typo-body-s-font-style);--plasma-dropdown-cell-title-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-dropdown-cell-title-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-dropdown-cell-title-line-height:var(--plasma-typo-body-s-line-height);}
4
+ .Dropdown_config_1tiyqmq_xj8enjv__446c1630{--plasma-dropdown-padding:0.125rem;--plasma-dropdown-width:10rem;--plasma-dropdown-border-radius:0.5rem;--plasma-dropdown-item-height:1rem;--plasma-dropdown-item-padding:0.5rem 0.5rem 0.5rem 0.375rem;--plasma-dropdown-item-padding-tight:0.25rem 0.5rem 0.25rem 0.375rem;--plasma-dropdown-item-border-radius:0.375rem;--plasma-dropdown-divider-margin-top:0.25rem;--plasma-dropdown-divider-margin-right:0.5rem;--plasma-dropdown-divider-margin-bottom:0.25rem;--plasma-dropdown-divider-margin-left:0.5rem;--plasma-dropdown-divider-margin-top-tight:0.125rem;--plasma-dropdown-divider-margin-bottom-tight:0.125rem;--plasma-dropdown-item-font-family:var(--plasma-typo-body-xs-font-family);--plasma-dropdown-item-font-size:var(--plasma-typo-body-xs-font-size);--plasma-dropdown-item-font-style:var(--plasma-typo-body-xs-font-style);--plasma-dropdown-item-letter-spacing:var(--plasma-typo-body-xs-font-weight);--plasma-dropdown-item-line-height:var(--plasma-typo-body-xs-letter-spacing);--plasma-dropdown-item-font-weight:var(--plasma-typo-body-xs-line-height);--plasma-dropdown-cell-padding:0rem;--plasma-dropdown-cell-padding-left-content:0rem;--plasma-dropdown-cell-padding-content:0rem;--plasma-dropdown-cell-padding-right-content:0rem;--plasma-dropdown-cell-textbox-gap:0.125rem;--plasma-dropdown-cell-gap:0.25rem;--plasma-dropdown-cell-title-font-family:var(--plasma-typo-body-xs-font-family);--plasma-dropdown-cell-title-font-size:var(--plasma-typo-body-xs-font-size);--plasma-dropdown-cell-title-font-style:var(--plasma-typo-body-xs-font-style);--plasma-dropdown-cell-title-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-dropdown-cell-title-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-dropdown-cell-title-line-height:var(--plasma-typo-body-xs-line-height);}
5
+ .Dropdown_config_1tiyqmq_da0vaum__446c1630{--plasma-dropdown-divider-color:var(--surface-transparent-tertiary);}
package/css/cjs/components/Dropdown/components/DropdownPopup.js CHANGED
@@ -7,12 +7,13 @@ var React = require('react');
7
7
  var plasmaNewHope = require('@salutejs/plasma-new-hope');
8
8
  var DropdownOld_config = require('./DropdownOld.config.js');
9
9
 
10
- var _excluded = ["trigger", "children", "isOpen", "disclosure", "onToggle", "placement", "offsetTop"];
10
+ var _excluded = ["trigger", "children", "opened", "isOpen", "disclosure", "onToggle", "placement", "offsetTop"];
11
11
  var mergedConfig = /*#__PURE__*/plasmaNewHope.mergeConfig(plasmaNewHope.dropdownOldConfig, DropdownOld_config.config);
12
12
  var DropdownNewHope = /*#__PURE__*/plasmaNewHope.component(mergedConfig);
13
13
  var DropdownPopup = /*#__PURE__*/React.forwardRef(function (props, ref) {
14
14
  var trigger = props.trigger,
15
15
  children = props.children,
16
+ opened = props.opened,
16
17
  isOpen = props.isOpen,
17
18
  disclosure = props.disclosure,
18
19
  onToggle = props.onToggle,
@@ -24,7 +25,8 @@ var DropdownPopup = /*#__PURE__*/React.forwardRef(function (props, ref) {
24
25
  ref: ref,
25
26
  onToggle: onToggle,
26
27
  target: disclosure,
27
- opened: isOpen,
28
+ opened: opened,
29
+ isOpen: isOpen,
28
30
  trigger: trigger,
29
31
  placement: placement,
30
32
  offset: [offsetAtTop, 0]
package/css/cjs/components/Dropdown/components/DropdownPopup.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"DropdownPopup.js","sources":["../../../../../src-css/components/Dropdown/components/DropdownPopup.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { DropdownPopupProps } from '@salutejs/plasma-hope';\nimport { component, dropdownOldConfig, mergeConfig } from '@salutejs/plasma-new-hope';\n\nimport { config } from './DropdownOld.config';\n\nconst mergedConfig = mergeConfig(dropdownOldConfig, config);\nconst DropdownNewHope = component(mergedConfig);\n\nexport const DropdownPopup = forwardRef<HTMLDivElement, DropdownPopupProps>((props, ref) => {\n const { trigger, children, isOpen, disclosure, onToggle, placement, offsetTop, ...rest } = props;\n\n const offsetAtTop = typeof offsetTop === 'number' ? offsetTop : 0;\n\n return (\n <DropdownNewHope\n {...rest}\n ref={ref}\n onToggle={onToggle}\n target={disclosure}\n opened={isOpen}\n trigger={trigger}\n placement={placement}\n offset={[offsetAtTop, 0]}\n >\n {children}\n </DropdownNewHope>\n );\n});\n"],"names":["mergedConfig","mergeConfig","dropdownOldConfig","config","DropdownNewHope","component","DropdownPopup","forwardRef","props","ref","trigger","children","isOpen","disclosure","onToggle","placement","offsetTop","rest","_objectWithoutProperties","_excluded","offsetAtTop","React","createElement","_extends","target","opened","offset"],"mappings":";;;;;;;;;;AAMA,IAAMA,YAAY,gBAAGC,yBAAW,CAACC,+BAAiB,EAAEC,yBAAM,CAAC,CAAA;AAC3D,IAAMC,eAAe,gBAAGC,uBAAS,CAACL,YAAY,CAAC,CAAA;AAExC,IAAMM,aAAa,gBAAGC,gBAAU,CAAqC,UAACC,KAAK,EAAEC,GAAG,EAAK;AACxF,EAAA,IAAQC,OAAO,GAA4EF,KAAK,CAAxFE,OAAO;IAAEC,QAAQ,GAAkEH,KAAK,CAA/EG,QAAQ;IAAEC,MAAM,GAA0DJ,KAAK,CAArEI,MAAM;IAAEC,UAAU,GAA8CL,KAAK,CAA7DK,UAAU;IAAEC,QAAQ,GAAoCN,KAAK,CAAjDM,QAAQ;IAAEC,SAAS,GAAyBP,KAAK,CAAvCO,SAAS;IAAEC,SAAS,GAAcR,KAAK,CAA5BQ,SAAS;AAAKC,IAAAA,IAAI,GAAAC,iDAAA,CAAKV,KAAK,EAAAW,SAAA,CAAA,CAAA;EAEhG,IAAMC,WAAW,GAAG,OAAOJ,SAAS,KAAK,QAAQ,GAAGA,SAAS,GAAG,CAAC,CAAA;EAEjE,oBACIK,KAAA,CAAAC,aAAA,CAAClB,eAAe,EAAAmB,iCAAA,KACRN,IAAI,EAAA;AACRR,IAAAA,GAAG,EAAEA,GAAI;AACTK,IAAAA,QAAQ,EAAEA,QAAS;AACnBU,IAAAA,MAAM,EAAEX,UAAW;AACnBY,IAAAA,MAAM,EAAEb,MAAO;AACfF,IAAAA,OAAO,EAAEA,OAAQ;AACjBK,IAAAA,SAAS,EAAEA,SAAU;AACrBW,IAAAA,MAAM,EAAE,CAACN,WAAW,EAAE,CAAC,CAAA;AAAE,GAAA,CAAA,EAExBT,QACY,CAAC,CAAA;AAE1B,CAAC;;;;"}
1
+ {"version":3,"file":"DropdownPopup.js","sources":["../../../../../src-css/components/Dropdown/components/DropdownPopup.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { DropdownPopupProps } from '@salutejs/plasma-hope';\nimport { component, dropdownOldConfig, mergeConfig } from '@salutejs/plasma-new-hope';\n\nimport { config } from './DropdownOld.config';\n\nconst mergedConfig = mergeConfig(dropdownOldConfig, config);\nconst DropdownNewHope = component(mergedConfig);\n\nexport const DropdownPopup = forwardRef<HTMLDivElement, DropdownPopupProps>((props, ref) => {\n const { trigger, children, opened, isOpen, disclosure, onToggle, placement, offsetTop, ...rest } = props;\n\n const offsetAtTop = typeof offsetTop === 'number' ? offsetTop : 0;\n\n return (\n <DropdownNewHope\n {...rest}\n ref={ref}\n onToggle={onToggle}\n target={disclosure}\n opened={opened}\n isOpen={isOpen}\n trigger={trigger}\n placement={placement}\n offset={[offsetAtTop, 0]}\n >\n {children}\n </DropdownNewHope>\n );\n});\n"],"names":["mergedConfig","mergeConfig","dropdownOldConfig","config","DropdownNewHope","component","DropdownPopup","forwardRef","props","ref","trigger","children","opened","isOpen","disclosure","onToggle","placement","offsetTop","rest","_objectWithoutProperties","_excluded","offsetAtTop","React","createElement","_extends","target","offset"],"mappings":";;;;;;;;;;AAMA,IAAMA,YAAY,gBAAGC,yBAAW,CAACC,+BAAiB,EAAEC,yBAAM,CAAC,CAAA;AAC3D,IAAMC,eAAe,gBAAGC,uBAAS,CAACL,YAAY,CAAC,CAAA;AAExC,IAAMM,aAAa,gBAAGC,gBAAU,CAAqC,UAACC,KAAK,EAAEC,GAAG,EAAK;AACxF,EAAA,IAAQC,OAAO,GAAoFF,KAAK,CAAhGE,OAAO;IAAEC,QAAQ,GAA0EH,KAAK,CAAvFG,QAAQ;IAAEC,MAAM,GAAkEJ,KAAK,CAA7EI,MAAM;IAAEC,MAAM,GAA0DL,KAAK,CAArEK,MAAM;IAAEC,UAAU,GAA8CN,KAAK,CAA7DM,UAAU;IAAEC,QAAQ,GAAoCP,KAAK,CAAjDO,QAAQ;IAAEC,SAAS,GAAyBR,KAAK,CAAvCQ,SAAS;IAAEC,SAAS,GAAcT,KAAK,CAA5BS,SAAS;AAAKC,IAAAA,IAAI,GAAAC,iDAAA,CAAKX,KAAK,EAAAY,SAAA,CAAA,CAAA;EAExG,IAAMC,WAAW,GAAG,OAAOJ,SAAS,KAAK,QAAQ,GAAGA,SAAS,GAAG,CAAC,CAAA;EAEjE,oBACIK,KAAA,CAAAC,aAAA,CAACnB,eAAe,EAAAoB,iCAAA,KACRN,IAAI,EAAA;AACRT,IAAAA,GAAG,EAAEA,GAAI;AACTM,IAAAA,QAAQ,EAAEA,QAAS;AACnBU,IAAAA,MAAM,EAAEX,UAAW;AACnBF,IAAAA,MAAM,EAAEA,MAAO;AACfC,IAAAA,MAAM,EAAEA,MAAO;AACfH,IAAAA,OAAO,EAAEA,OAAQ;AACjBM,IAAAA,SAAS,EAAEA,SAAU;AACrBU,IAAAA,MAAM,EAAE,CAACL,WAAW,EAAE,CAAC,CAAA;AAAE,GAAA,CAAA,EAExBV,QACY,CAAC,CAAA;AAE1B,CAAC;;;;"}
package/css/cjs/index.css CHANGED
@@ -229,11 +229,11 @@
229
229
  .Drawer_config_1kci8o2_n1nan2tb__bd39187d{--plasma-drawer-border-radius:0;}
230
230
  .Drawer_config_1kci8o2_d10epcq6__bd39187d{--plasma-drawer-border-radius:1.25rem;}
231
231
 
232
- .Dropdown_config_7l17mu_xuajbqv__3c35b8ae{--plasma-dropdown-padding:0.125rem;--plasma-dropdown-width:10rem;--plasma-dropdown-border-radius:0.5rem;--plasma-dropdown-item-padding-top:0.5625rem;--plasma-dropdown-item-padding-right:0.5rem;--plasma-dropdown-item-padding-bottom:0.5625rem;--plasma-dropdown-item-padding-left:0.5rem;--plasma-dropdown-item-border-radius:0.375rem;--plasma-dropdown-item-padding-top-tight:0.3125rem;--plasma-dropdown-item-padding-bottom-tight:0.3125rem;--plasma-dropdown-divider-margin-top:0.25rem;--plasma-dropdown-divider-margin-right:0.5rem;--plasma-dropdown-divider-margin-bottom:0.25rem;--plasma-dropdown-divider-margin-left:0.5rem;--plasma-dropdown-divider-margin-top-tight:0.125rem;--plasma-dropdown-divider-margin-bottom-tight:0.125rem;--plasma-dropdown-item-font-family:var(--plasma-typo-body-xs-font-family);--plasma-dropdown-item-font-size:var(--plasma-typo-body-xs-font-size);--plasma-dropdown-item-font-style:var(--plasma-typo-body-xs-font-style);--plasma-dropdown-item-letter-spacing:var(--plasma-typo-body-xs-font-weight);--plasma-dropdown-item-line-height:var(--plasma-typo-body-xs-letter-spacing);--plasma-dropdown-item-font-weight:var(--plasma-typo-body-xs-line-height);}
233
- .Dropdown_config_7l17mu_sxwpid0__3c35b8ae{--plasma-dropdown-padding:0.125rem;--plasma-dropdown-width:12.5rem;--plasma-dropdown-border-radius:0.625rem;--plasma-dropdown-item-padding-top:0.6875rem;--plasma-dropdown-item-padding-right:0.75rem;--plasma-dropdown-item-padding-bottom:0.6875rem;--plasma-dropdown-item-padding-left:0.75rem;--plasma-dropdown-item-border-radius:0.5rem;--plasma-dropdown-item-padding-top-tight:0.4375rem;--plasma-dropdown-item-padding-bottom-tight:0.4375rem;--plasma-dropdown-divider-margin-top:0.375rem;--plasma-dropdown-divider-margin-right:0.75rem;--plasma-dropdown-divider-margin-bottom:0.375rem;--plasma-dropdown-divider-margin-left:0.75rem;--plasma-dropdown-divider-margin-top-tight:0.25rem;--plasma-dropdown-divider-margin-bottom-tight:0.25rem;--plasma-dropdown-item-font-family:var(--plasma-typo-body-s-font-family);--plasma-dropdown-item-font-size:var(--plasma-typo-body-s-font-size);--plasma-dropdown-item-font-style:var(--plasma-typo-body-s-font-style);--plasma-dropdown-item-letter-spacing:var(--plasma-typo-body-s-font-weight);--plasma-dropdown-item-line-height:var(--plasma-typo-body-s-letter-spacing);--plasma-dropdown-item-font-weight:var(--plasma-typo-body-s-line-height);}
234
- .Dropdown_config_7l17mu_m12u1ccx__3c35b8ae{--plasma-dropdown-padding:0.125rem;--plasma-dropdown-width:15rem;--plasma-dropdown-border-radius:0.75rem;--plasma-dropdown-item-padding-top:0.875rem;--plasma-dropdown-item-padding-right:0.875rem;--plasma-dropdown-item-padding-bottom:0.875rem;--plasma-dropdown-item-padding-left:0.875rem;--plasma-dropdown-item-border-radius:0.625rem;--plasma-dropdown-item-padding-top-tight:0.625rem;--plasma-dropdown-item-padding-bottom-tight:0.625rem;--plasma-dropdown-divider-margin-top:0.375rem;--plasma-dropdown-divider-margin-right:0.875rem;--plasma-dropdown-divider-margin-bottom:0.375rem;--plasma-dropdown-divider-margin-left:0.875rem;--plasma-dropdown-divider-margin-top-tight:0.375rem;--plasma-dropdown-divider-margin-bottom-tight:0.375rem;--plasma-dropdown-item-font-family:var(--plasma-typo-body-m-font-family);--plasma-dropdown-item-font-size:var(--plasma-typo-body-m-font-size);--plasma-dropdown-item-font-style:var(--plasma-typo-body-m-font-style);--plasma-dropdown-item-letter-spacing:var(--plasma-typo-body-m-font-weight);--plasma-dropdown-item-line-height:var(--plasma-typo-body-m-letter-spacing);--plasma-dropdown-item-font-weight:var(--plasma-typo-body-m-line-height);}
235
- .Dropdown_config_7l17mu_lj8enjv__3c35b8ae{--plasma-dropdown-padding:0.125rem;--plasma-dropdown-width:17.5rem;--plasma-dropdown-border-radius:0.875rem;--plasma-dropdown-item-padding-top:1.0625rem;--plasma-dropdown-item-padding-right:1rem;--plasma-dropdown-item-padding-bottom:1.0625rem;--plasma-dropdown-item-padding-left:1rem;--plasma-dropdown-item-border-radius:0.75rem;--plasma-dropdown-item-padding-top-tight:0.8125rem;--plasma-dropdown-item-padding-bottom-tight:0.8125rem;--plasma-dropdown-divider-margin-top:0.5rem;--plasma-dropdown-divider-margin-right:1.125rem;--plasma-dropdown-divider-margin-bottom:0.5rem;--plasma-dropdown-divider-margin-left:1.125rem;--plasma-dropdown-divider-margin-top-tight:0.375rem;--plasma-dropdown-divider-margin-bottom-tight:0.375rem;--plasma-dropdown-item-font-family:var(--plasma-typo-body-l-font-family);--plasma-dropdown-item-font-size:var(--plasma-typo-body-l-font-size);--plasma-dropdown-item-font-style:var(--plasma-typo-body-l-font-style);--plasma-dropdown-item-letter-spacing:var(--plasma-typo-body-l-font-weight);--plasma-dropdown-item-line-height:var(--plasma-typo-body-l-letter-spacing);--plasma-dropdown-item-font-weight:var(--plasma-typo-body-l-line-height);}
236
- .Dropdown_config_7l17mu_da0vaum__3c35b8ae{--plasma-dropdown-disabled-opacity:0.4;--plasma-dropdown-focus-color:var(--surface-accent);--plasma-dropdown-background:var(--surface-solid-card-brightness);--plasma-dropdown-box-shadow:0px 4px 14px -4px rgba(8,8,8,0.08),0px 1px 4px -1px rgba(0,0,0,0.04);--plasma-dropdown-disclosure-icon-color:var(--text-secondary);--plasma-dropdown-item-background:var(--surface-clear);--plasma-dropdown-item-background-hover:var(--surface-transparent-secondary);--plasma-dropdown-item-color:var(--text-primary);--plasma-dropdown-divider-color:var(--surface-transparent-tertiary);}
232
+ .Dropdown_config_1tiyqmq_luajbqv__446c1630{--plasma-dropdown-padding:0.125rem;--plasma-dropdown-width:17.5rem;--plasma-dropdown-border-radius:0.875rem;--plasma-dropdown-item-height:1.5rem;--plasma-dropdown-item-padding:1rem 1rem 1rem 0.875rem;--plasma-dropdown-item-padding-tight:0.75rem 1rem 0.75rem 0.875rem;--plasma-dropdown-item-border-radius:0.75rem;--plasma-dropdown-divider-margin-top:0.5rem;--plasma-dropdown-divider-margin-right:1.125rem;--plasma-dropdown-divider-margin-bottom:0.5rem;--plasma-dropdown-divider-margin-left:1.125rem;--plasma-dropdown-divider-margin-top-tight:0.375rem;--plasma-dropdown-divider-margin-bottom-tight:0.375rem;--plasma-dropdown-item-font-family:var(--plasma-typo-body-l-font-family);--plasma-dropdown-item-font-size:var(--plasma-typo-body-l-font-size);--plasma-dropdown-item-font-style:var(--plasma-typo-body-l-font-style);--plasma-dropdown-item-letter-spacing:var(--plasma-typo-body-l-font-weight);--plasma-dropdown-item-line-height:var(--plasma-typo-body-l-letter-spacing);--plasma-dropdown-item-font-weight:var(--plasma-typo-body-l-line-height);--plasma-dropdown-cell-padding:0rem;--plasma-dropdown-cell-padding-left-content:0rem;--plasma-dropdown-cell-padding-content:0rem;--plasma-dropdown-cell-padding-right-content:0rem;--plasma-dropdown-cell-textbox-gap:0.125rem;--plasma-dropdown-cell-gap:0.375rem;--plasma-dropdown-cell-title-font-family:var(--plasma-typo-body-l-font-family);--plasma-dropdown-cell-title-font-size:var(--plasma-typo-body-l-font-size);--plasma-dropdown-cell-title-font-style:var(--plasma-typo-body-l-font-style);--plasma-dropdown-cell-title-font-weight:var(--plasma-typo-body-l-font-weight);--plasma-dropdown-cell-title-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-dropdown-cell-title-line-height:var(--plasma-typo-body-l-line-height);}
233
+ .Dropdown_config_1tiyqmq_mxwpid0__446c1630{--plasma-dropdown-padding:0.125rem;--plasma-dropdown-width:15rem;--plasma-dropdown-border-radius:0.75rem;--plasma-dropdown-item-height:1.5rem;--plasma-dropdown-item-padding:0.75rem 0.75rem 0.75rem 0.75rem;--plasma-dropdown-item-padding-tight:0.5rem 0.75rem 0.5rem 0.75rem;--plasma-dropdown-item-border-radius:0.625rem;--plasma-dropdown-divider-margin-top:0.375rem;--plasma-dropdown-divider-margin-right:0.875rem;--plasma-dropdown-divider-margin-bottom:0.375rem;--plasma-dropdown-divider-margin-left:0.875rem;--plasma-dropdown-divider-margin-top-tight:0.375rem;--plasma-dropdown-divider-margin-bottom-tight:0.375rem;--plasma-dropdown-item-font-family:var(--plasma-typo-body-m-font-family);--plasma-dropdown-item-font-size:var(--plasma-typo-body-m-font-size);--plasma-dropdown-item-font-style:var(--plasma-typo-body-m-font-style);--plasma-dropdown-item-letter-spacing:var(--plasma-typo-body-m-font-weight);--plasma-dropdown-item-line-height:var(--plasma-typo-body-m-letter-spacing);--plasma-dropdown-item-font-weight:var(--plasma-typo-body-m-line-height);--plasma-dropdown-cell-padding:0rem;--plasma-dropdown-cell-padding-left-content:0rem;--plasma-dropdown-cell-padding-content:0rem;--plasma-dropdown-cell-padding-right-content:0rem;--plasma-dropdown-cell-textbox-gap:0.125rem;--plasma-dropdown-cell-gap:0.375rem;--plasma-dropdown-cell-title-font-family:var(--plasma-typo-body-m-font-family);--plasma-dropdown-cell-title-font-size:var(--plasma-typo-body-m-font-size);--plasma-dropdown-cell-title-font-style:var(--plasma-typo-body-m-font-style);--plasma-dropdown-cell-title-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-dropdown-cell-title-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-dropdown-cell-title-line-height:var(--plasma-typo-body-m-line-height);}
234
+ .Dropdown_config_1tiyqmq_s12u1ccx__446c1630{--plasma-dropdown-padding:0.125rem;--plasma-dropdown-width:12.5rem;--plasma-dropdown-border-radius:0.625rem;--plasma-dropdown-item-height:1.5rem;--plasma-dropdown-item-padding:0.5rem 0.75rem 0.5rem 0.675rem;--plasma-dropdown-item-padding-tight:0.25rem 0.75rem 0.25rem 0.675rem;--plasma-dropdown-item-border-radius:0.5rem;--plasma-dropdown-divider-margin-top:0.375rem;--plasma-dropdown-divider-margin-right:0.75rem;--plasma-dropdown-divider-margin-bottom:0.375rem;--plasma-dropdown-divider-margin-left:0.75rem;--plasma-dropdown-divider-margin-top-tight:0.25rem;--plasma-dropdown-divider-margin-bottom-tight:0.25rem;--plasma-dropdown-item-font-family:var(--plasma-typo-body-s-font-family);--plasma-dropdown-item-font-size:var(--plasma-typo-body-s-font-size);--plasma-dropdown-item-font-style:var(--plasma-typo-body-s-font-style);--plasma-dropdown-item-letter-spacing:var(--plasma-typo-body-s-font-weight);--plasma-dropdown-item-line-height:var(--plasma-typo-body-s-letter-spacing);--plasma-dropdown-item-font-weight:var(--plasma-typo-body-s-line-height);--plasma-dropdown-cell-padding:0rem;--plasma-dropdown-cell-padding-left-content:0rem;--plasma-dropdown-cell-padding-content:0rem;--plasma-dropdown-cell-padding-right-content:0rem;--plasma-dropdown-cell-textbox-gap:0.125rem;--plasma-dropdown-cell-gap:0.375rem;--plasma-dropdown-cell-title-font-family:var(--plasma-typo-body-s-font-family);--plasma-dropdown-cell-title-font-size:var(--plasma-typo-body-s-font-size);--plasma-dropdown-cell-title-font-style:var(--plasma-typo-body-s-font-style);--plasma-dropdown-cell-title-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-dropdown-cell-title-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-dropdown-cell-title-line-height:var(--plasma-typo-body-s-line-height);}
235
+ .Dropdown_config_1tiyqmq_xj8enjv__446c1630{--plasma-dropdown-padding:0.125rem;--plasma-dropdown-width:10rem;--plasma-dropdown-border-radius:0.5rem;--plasma-dropdown-item-height:1rem;--plasma-dropdown-item-padding:0.5rem 0.5rem 0.5rem 0.375rem;--plasma-dropdown-item-padding-tight:0.25rem 0.5rem 0.25rem 0.375rem;--plasma-dropdown-item-border-radius:0.375rem;--plasma-dropdown-divider-margin-top:0.25rem;--plasma-dropdown-divider-margin-right:0.5rem;--plasma-dropdown-divider-margin-bottom:0.25rem;--plasma-dropdown-divider-margin-left:0.5rem;--plasma-dropdown-divider-margin-top-tight:0.125rem;--plasma-dropdown-divider-margin-bottom-tight:0.125rem;--plasma-dropdown-item-font-family:var(--plasma-typo-body-xs-font-family);--plasma-dropdown-item-font-size:var(--plasma-typo-body-xs-font-size);--plasma-dropdown-item-font-style:var(--plasma-typo-body-xs-font-style);--plasma-dropdown-item-letter-spacing:var(--plasma-typo-body-xs-font-weight);--plasma-dropdown-item-line-height:var(--plasma-typo-body-xs-letter-spacing);--plasma-dropdown-item-font-weight:var(--plasma-typo-body-xs-line-height);--plasma-dropdown-cell-padding:0rem;--plasma-dropdown-cell-padding-left-content:0rem;--plasma-dropdown-cell-padding-content:0rem;--plasma-dropdown-cell-padding-right-content:0rem;--plasma-dropdown-cell-textbox-gap:0.125rem;--plasma-dropdown-cell-gap:0.25rem;--plasma-dropdown-cell-title-font-family:var(--plasma-typo-body-xs-font-family);--plasma-dropdown-cell-title-font-size:var(--plasma-typo-body-xs-font-size);--plasma-dropdown-cell-title-font-style:var(--plasma-typo-body-xs-font-style);--plasma-dropdown-cell-title-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-dropdown-cell-title-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-dropdown-cell-title-line-height:var(--plasma-typo-body-xs-line-height);}
236
+ .Dropdown_config_1tiyqmq_da0vaum__446c1630{--plasma-dropdown-divider-color:var(--surface-transparent-tertiary);}
237
237
 
238
238
  .DropdownOld_config_11xcwfh_xy53zv1__a82e8a13{--plasma-dropdown-width:100%;--plasma-dropdown-height:auto;--plasma-dropdown-border-radius:0.5rem;--plasma-dropdown-padding-top:0.125rem;--plasma-dropdown-padding-right:0.0625rem;--plasma-dropdown-padding-bottom:0.125rem;--plasma-dropdown-padding-left:0.125rem;--plasma-dropdown-item-width:auto;--plasma-dropdown-item-height:auto;--plasma-dropdown-item-margin-top:0;--plasma-dropdown-item-margin-right:0;--plasma-dropdown-item-margin-bottom:0;--plasma-dropdown-item-margin-left:0;--plasma-dropdown-item-padding-top:0.5625rem;--plasma-dropdown-item-padding-right:0.5rem;--plasma-dropdown-item-padding-bottom:0.5625rem;--plasma-dropdown-item-padding-left:0.5rem;--plasma-dropdown-item-border-radius:0.375rem;--plasma-dropdown-item-font-family:var(--plasma-typo-body-xs-font-family);--plasma-dropdown-item-font-size:var(--plasma-typo-body-xs-font-size);--plasma-dropdown-item-font-style:var(--plasma-typo-body-xs-font-style);--plasma-dropdown-item-letter-spacing:var(--plasma-typo-body-xs-font-weight);--plasma-dropdown-item-line-height:var(--plasma-typo-body-xs-letter-spacing);--plasma-dropdown-item-font-weight:var(--plasma-typo-body-xs-line-height);}
239
239
  .DropdownOld_config_11xcwfh_s1vd6y5w__a82e8a13{--plasma-dropdown-width:100%;--plasma-dropdown-height:auto;--plasma-dropdown-border-radius:0.5rem;--plasma-dropdown-padding-top:0.125rem;--plasma-dropdown-padding-right:0.0625rem;--plasma-dropdown-padding-bottom:0.125rem;--plasma-dropdown-padding-left:0.125rem;--plasma-dropdown-item-width:auto;--plasma-dropdown-item-height:auto;--plasma-dropdown-item-margin-top:0;--plasma-dropdown-item-margin-right:0;--plasma-dropdown-item-margin-bottom:0;--plasma-dropdown-item-margin-left:0;--plasma-dropdown-item-padding-top:0.6875rem;--plasma-dropdown-item-padding-right:0.75rem;--plasma-dropdown-item-padding-bottom:0.6875rem;--plasma-dropdown-item-padding-left:0.75rem;--plasma-dropdown-item-border-radius:0.5rem;--plasma-dropdown-item-font-family:var(--plasma-typo-body-s-font-family);--plasma-dropdown-item-font-size:var(--plasma-typo-body-s-font-size);--plasma-dropdown-item-font-style:var(--plasma-typo-body-s-font-style);--plasma-dropdown-item-letter-spacing:var(--plasma-typo-body-s-font-weight);--plasma-dropdown-item-line-height:var(--plasma-typo-body-s-letter-spacing);--plasma-dropdown-item-font-weight:var(--plasma-typo-body-s-line-height);}
package/css/es/components/Dropdown/Dropdown.config.js CHANGED
@@ -1,4 +1,4 @@
1
- import './Dropdown.config_7l17mu.css';
1
+ import './Dropdown.config_1tiyqmq.css';
2
2
  var config = {
3
3
  defaults: {
4
4
  view: 'default',
@@ -6,10 +6,10 @@ var config = {
6
6
  },
7
7
  variations: {
8
8
  size: {
9
- xs: "xuajbqv",
10
- s: "sxwpid0",
11
- m: "m12u1ccx",
12
- l: "lj8enjv"
9
+ l: "luajbqv",
10
+ m: "mxwpid0",
11
+ s: "s12u1ccx",
12
+ xs: "xj8enjv"
13
13
  },
14
14
  view: {
15
15
  "default": "da0vaum"
package/css/es/components/Dropdown/Dropdown.config.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Dropdown.config.js","sources":["../../../../src-css/components/Dropdown/Dropdown.config.ts"],"sourcesContent":["import { css, dropdownTokens } from '@salutejs/plasma-new-hope';\n\nexport const config = {\n defaults: {\n view: 'default',\n size: 'm',\n },\n variations: {\n size: {\n xs: css`\n ${dropdownTokens.padding}: 0.125rem;\n ${dropdownTokens.width}: 10rem;\n ${dropdownTokens.borderRadius}: 0.5rem;\n\n ${dropdownTokens.itemPaddingTop}: 0.5625rem;\n ${dropdownTokens.itemPaddingRight}: 0.5rem;\n ${dropdownTokens.itemPaddingBottom}: 0.5625rem;\n ${dropdownTokens.itemPaddingLeft}: 0.5rem;\n ${dropdownTokens.itemBorderRadius}: 0.375rem;\n ${dropdownTokens.itemPaddingTopTight}: 0.3125rem;\n ${dropdownTokens.itemPaddingBottomTight}: 0.3125rem;\n\n ${dropdownTokens.dividerMarginTop}: 0.25rem;\n ${dropdownTokens.dividerMarginRight}: 0.5rem;\n ${dropdownTokens.dividerMarginBottom}: 0.25rem;\n ${dropdownTokens.dividerMarginLeft}: 0.5rem;\n ${dropdownTokens.dividerMarginTopTight}: 0.125rem;\n ${dropdownTokens.dividerMarginBottomTight}: 0.125rem;\n\n ${dropdownTokens.itemFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${dropdownTokens.itemFontSize}: var(--plasma-typo-body-xs-font-size);\n ${dropdownTokens.itemFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${dropdownTokens.itemFontWeightBold}: var(--plasma-typo-body-xs-font-weight);\n ${dropdownTokens.itemFontLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${dropdownTokens.itemFontLineHeight}: var(--plasma-typo-body-xs-line-height);\n `,\n s: css`\n ${dropdownTokens.padding}: 0.125rem;\n ${dropdownTokens.width}: 12.5rem;\n ${dropdownTokens.borderRadius}: 0.625rem;\n\n ${dropdownTokens.itemPaddingTop}: 0.6875rem;\n ${dropdownTokens.itemPaddingRight}: 0.75rem;\n ${dropdownTokens.itemPaddingBottom}: 0.6875rem;\n ${dropdownTokens.itemPaddingLeft}: 0.75rem;\n ${dropdownTokens.itemBorderRadius}: 0.5rem;\n ${dropdownTokens.itemPaddingTopTight}: 0.4375rem;\n ${dropdownTokens.itemPaddingBottomTight}: 0.4375rem;\n\n ${dropdownTokens.dividerMarginTop}: 0.375rem;\n ${dropdownTokens.dividerMarginRight}: 0.75rem;\n ${dropdownTokens.dividerMarginBottom}: 0.375rem;\n ${dropdownTokens.dividerMarginLeft}: 0.75rem;\n ${dropdownTokens.dividerMarginTopTight}: 0.25rem;\n ${dropdownTokens.dividerMarginBottomTight}: 0.25rem;\n\n ${dropdownTokens.itemFontFamily}: var(--plasma-typo-body-s-font-family);\n ${dropdownTokens.itemFontSize}: var(--plasma-typo-body-s-font-size);\n ${dropdownTokens.itemFontStyle}: var(--plasma-typo-body-s-font-style);\n ${dropdownTokens.itemFontWeightBold}: var(--plasma-typo-body-s-font-weight);\n ${dropdownTokens.itemFontLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${dropdownTokens.itemFontLineHeight}: var(--plasma-typo-body-s-line-height);\n `,\n m: css`\n ${dropdownTokens.padding}: 0.125rem;\n ${dropdownTokens.width}: 15rem;\n ${dropdownTokens.borderRadius}: 0.75rem;\n\n ${dropdownTokens.itemPaddingTop}: 0.875rem;\n ${dropdownTokens.itemPaddingRight}: 0.875rem;\n ${dropdownTokens.itemPaddingBottom}: 0.875rem;\n ${dropdownTokens.itemPaddingLeft}: 0.875rem;\n ${dropdownTokens.itemBorderRadius}: 0.625rem;\n ${dropdownTokens.itemPaddingTopTight}: 0.625rem;\n ${dropdownTokens.itemPaddingBottomTight}: 0.625rem;\n\n ${dropdownTokens.dividerMarginTop}: 0.375rem;\n ${dropdownTokens.dividerMarginRight}: 0.875rem;\n ${dropdownTokens.dividerMarginBottom}: 0.375rem;\n ${dropdownTokens.dividerMarginLeft}: 0.875rem;\n ${dropdownTokens.dividerMarginTopTight}: 0.375rem;\n ${dropdownTokens.dividerMarginBottomTight}: 0.375rem;\n\n ${dropdownTokens.itemFontFamily}: var(--plasma-typo-body-m-font-family);\n ${dropdownTokens.itemFontSize}: var(--plasma-typo-body-m-font-size);\n ${dropdownTokens.itemFontStyle}: var(--plasma-typo-body-m-font-style);\n ${dropdownTokens.itemFontWeightBold}: var(--plasma-typo-body-m-font-weight);\n ${dropdownTokens.itemFontLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${dropdownTokens.itemFontLineHeight}: var(--plasma-typo-body-m-line-height);\n `,\n l: css`\n ${dropdownTokens.padding}: 0.125rem;\n ${dropdownTokens.width}: 17.5rem;\n ${dropdownTokens.borderRadius}: 0.875rem;\n\n ${dropdownTokens.itemPaddingTop}: 1.0625rem;\n ${dropdownTokens.itemPaddingRight}: 1rem;\n ${dropdownTokens.itemPaddingBottom}: 1.0625rem;\n ${dropdownTokens.itemPaddingLeft}: 1rem;\n ${dropdownTokens.itemBorderRadius}: 0.75rem;\n ${dropdownTokens.itemPaddingTopTight}: 0.8125rem;\n ${dropdownTokens.itemPaddingBottomTight}: 0.8125rem;\n\n ${dropdownTokens.dividerMarginTop}: 0.5rem;\n ${dropdownTokens.dividerMarginRight}: 1.125rem;\n ${dropdownTokens.dividerMarginBottom}: 0.5rem;\n ${dropdownTokens.dividerMarginLeft}: 1.125rem;\n ${dropdownTokens.dividerMarginTopTight}: 0.375rem;\n ${dropdownTokens.dividerMarginBottomTight}: 0.375rem;\n\n ${dropdownTokens.itemFontFamily}: var(--plasma-typo-body-l-font-family);\n ${dropdownTokens.itemFontSize}: var(--plasma-typo-body-l-font-size);\n ${dropdownTokens.itemFontStyle}: var(--plasma-typo-body-l-font-style);\n ${dropdownTokens.itemFontWeightBold}: var(--plasma-typo-body-l-font-weight);\n ${dropdownTokens.itemFontLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${dropdownTokens.itemFontLineHeight}: var(--plasma-typo-body-l-line-height);\n `,\n },\n view: {\n default: css`\n ${dropdownTokens.disabledOpacity}: 0.4;\n ${dropdownTokens.focusColor}: var(--surface-accent);\n ${dropdownTokens.background}: var(--surface-solid-card-brightness);\n ${dropdownTokens.boxShadow}: 0px 4px 14px -4px rgba(8, 8, 8, 0.08), 0px 1px 4px -1px rgba(0, 0, 0, 0.04);\n ${dropdownTokens.disclosureIconColor}: var(--text-secondary);\n ${dropdownTokens.itemBackground}: var(--surface-clear);\n ${dropdownTokens.itemBackgroundHover}: var(--surface-transparent-secondary);\n ${dropdownTokens.itemColor}: var(--text-primary);\n ${dropdownTokens.dividerColor}: var(--surface-transparent-tertiary);\n `,\n },\n },\n};\n"],"names":["config","defaults","view","size","variations","xs","s","m","l","default"],"mappings":"AAEO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,IAAI,EAAE,GAAA;GACT;AACDC,EAAAA,UAAU,EAAE;AACRD,IAAAA,IAAI,EAAE;AACFE,MAAAA,EAAE,EA0BD,SAAA;AACDC,MAAAA,CAAC,EA0BA,SAAA;AACDC,MAAAA,CAAC,EA0BA,UAAA;AACDC,MAAAA,CAAC,EAAA,SAAA;KA2BJ;AACDN,IAAAA,IAAI,EAAE;MACFO,SAAO,EAAA,SAAA;AAWX,KAAA;AACJ,GAAA;AACJ;;;;"}
1
+ {"version":3,"file":"Dropdown.config.js","sources":["../../../../src-css/components/Dropdown/Dropdown.config.ts"],"sourcesContent":["import { css, dropdownTokens as tokens } from '@salutejs/plasma-new-hope';\n\nexport const config = {\n defaults: {\n view: 'default',\n size: 'm',\n },\n variations: {\n size: {\n l: css`\n ${tokens.padding}: 0.125rem;\n ${tokens.width}: 17.5rem;\n ${tokens.borderRadius}: 0.875rem;\n\n ${tokens.itemHeight}: 1.5rem;\n ${tokens.itemPadding}: 1rem 1rem 1rem 0.875rem;\n ${tokens.itemPaddingTight}: 0.75rem 1rem 0.75rem 0.875rem;\n ${tokens.itemBorderRadius}: 0.75rem;\n\n ${tokens.dividerMarginTop}: 0.5rem;\n ${tokens.dividerMarginRight}: 1.125rem;\n ${tokens.dividerMarginBottom}: 0.5rem;\n ${tokens.dividerMarginLeft}: 1.125rem;\n ${tokens.dividerMarginTopTight}: 0.375rem;\n ${tokens.dividerMarginBottomTight}: 0.375rem;\n\n ${tokens.itemFontFamily}: var(--plasma-typo-body-l-font-family);\n ${tokens.itemFontSize}: var(--plasma-typo-body-l-font-size);\n ${tokens.itemFontStyle}: var(--plasma-typo-body-l-font-style);\n ${tokens.itemFontWeightBold}: var(--plasma-typo-body-l-font-weight);\n ${tokens.itemFontLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${tokens.itemFontLineHeight}: var(--plasma-typo-body-l-line-height);\n\n ${tokens.cellPadding}: 0rem;\n ${tokens.cellPaddingLeftContent}: 0rem;\n ${tokens.cellPaddingContent}: 0rem;\n ${tokens.cellPaddingRightContent}: 0rem;\n ${tokens.cellTextboxGap}: 0.125rem;\n ${tokens.cellGap}: 0.375rem;\n ${tokens.cellTitleFontFamily}: var(--plasma-typo-body-l-font-family);\n ${tokens.cellTitleFontSize}: var(--plasma-typo-body-l-font-size);\n ${tokens.cellTitleFontStyle}: var(--plasma-typo-body-l-font-style);\n ${tokens.cellTitleFontWeight}: var(--plasma-typo-body-l-font-weight);\n ${tokens.cellTitleLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${tokens.cellTitleLineHeight}: var(--plasma-typo-body-l-line-height);\n `,\n m: css`\n ${tokens.padding}: 0.125rem;\n ${tokens.width}: 15rem;\n ${tokens.borderRadius}: 0.75rem;\n\n ${tokens.itemHeight}: 1.5rem;\n ${tokens.itemPadding}: 0.75rem 0.75rem 0.75rem 0.75rem;\n ${tokens.itemPaddingTight}: 0.5rem 0.75rem 0.5rem 0.75rem;\n ${tokens.itemBorderRadius}: 0.625rem;\n\n ${tokens.dividerMarginTop}: 0.375rem;\n ${tokens.dividerMarginRight}: 0.875rem;\n ${tokens.dividerMarginBottom}: 0.375rem;\n ${tokens.dividerMarginLeft}: 0.875rem;\n ${tokens.dividerMarginTopTight}: 0.375rem;\n ${tokens.dividerMarginBottomTight}: 0.375rem;\n\n ${tokens.itemFontFamily}: var(--plasma-typo-body-m-font-family);\n ${tokens.itemFontSize}: var(--plasma-typo-body-m-font-size);\n ${tokens.itemFontStyle}: var(--plasma-typo-body-m-font-style);\n ${tokens.itemFontWeightBold}: var(--plasma-typo-body-m-font-weight);\n ${tokens.itemFontLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${tokens.itemFontLineHeight}: var(--plasma-typo-body-m-line-height);\n\n ${tokens.cellPadding}: 0rem;\n ${tokens.cellPaddingLeftContent}: 0rem;\n ${tokens.cellPaddingContent}: 0rem;\n ${tokens.cellPaddingRightContent}: 0rem;\n ${tokens.cellTextboxGap}: 0.125rem;\n ${tokens.cellGap}: 0.375rem;\n ${tokens.cellTitleFontFamily}: var(--plasma-typo-body-m-font-family);\n ${tokens.cellTitleFontSize}: var(--plasma-typo-body-m-font-size);\n ${tokens.cellTitleFontStyle}: var(--plasma-typo-body-m-font-style);\n ${tokens.cellTitleFontWeight}: var(--plasma-typo-body-m-font-weight);\n ${tokens.cellTitleLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${tokens.cellTitleLineHeight}: var(--plasma-typo-body-m-line-height);\n `,\n s: css`\n ${tokens.padding}: 0.125rem;\n ${tokens.width}: 12.5rem;\n ${tokens.borderRadius}: 0.625rem;\n\n ${tokens.itemHeight}: 1.5rem;\n ${tokens.itemPadding}: 0.5rem 0.75rem 0.5rem 0.675rem;\n ${tokens.itemPaddingTight}: 0.25rem 0.75rem 0.25rem 0.675rem;\n ${tokens.itemBorderRadius}: 0.5rem;\n\n ${tokens.dividerMarginTop}: 0.375rem;\n ${tokens.dividerMarginRight}: 0.75rem;\n ${tokens.dividerMarginBottom}: 0.375rem;\n ${tokens.dividerMarginLeft}: 0.75rem;\n ${tokens.dividerMarginTopTight}: 0.25rem;\n ${tokens.dividerMarginBottomTight}: 0.25rem;\n\n ${tokens.itemFontFamily}: var(--plasma-typo-body-s-font-family);\n ${tokens.itemFontSize}: var(--plasma-typo-body-s-font-size);\n ${tokens.itemFontStyle}: var(--plasma-typo-body-s-font-style);\n ${tokens.itemFontWeightBold}: var(--plasma-typo-body-s-font-weight);\n ${tokens.itemFontLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${tokens.itemFontLineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${tokens.cellPadding}: 0rem;\n ${tokens.cellPaddingLeftContent}: 0rem;\n ${tokens.cellPaddingContent}: 0rem;\n ${tokens.cellPaddingRightContent}: 0rem;\n ${tokens.cellTextboxGap}: 0.125rem;\n ${tokens.cellGap}: 0.375rem;\n ${tokens.cellTitleFontFamily}: var(--plasma-typo-body-s-font-family);\n ${tokens.cellTitleFontSize}: var(--plasma-typo-body-s-font-size);\n ${tokens.cellTitleFontStyle}: var(--plasma-typo-body-s-font-style);\n ${tokens.cellTitleFontWeight}: var(--plasma-typo-body-s-font-weight);\n ${tokens.cellTitleLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${tokens.cellTitleLineHeight}: var(--plasma-typo-body-s-line-height);\n `,\n xs: css`\n ${tokens.padding}: 0.125rem;\n ${tokens.width}: 10rem;\n ${tokens.borderRadius}: 0.5rem;\n\n ${tokens.itemHeight}: 1rem;\n ${tokens.itemPadding}: 0.5rem 0.5rem 0.5rem 0.375rem;\n ${tokens.itemPaddingTight}: 0.25rem 0.5rem 0.25rem 0.375rem;\n ${tokens.itemBorderRadius}: 0.375rem;\n\n ${tokens.dividerMarginTop}: 0.25rem;\n ${tokens.dividerMarginRight}: 0.5rem;\n ${tokens.dividerMarginBottom}: 0.25rem;\n ${tokens.dividerMarginLeft}: 0.5rem;\n ${tokens.dividerMarginTopTight}: 0.125rem;\n ${tokens.dividerMarginBottomTight}: 0.125rem;\n\n ${tokens.itemFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.itemFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.itemFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.itemFontWeightBold}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.itemFontLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.itemFontLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.cellPadding}: 0rem;\n ${tokens.cellPaddingLeftContent}: 0rem;\n ${tokens.cellPaddingContent}: 0rem;\n ${tokens.cellPaddingRightContent}: 0rem;\n ${tokens.cellTextboxGap}: 0.125rem;\n ${tokens.cellGap}: 0.25rem;\n ${tokens.cellTitleFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.cellTitleFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.cellTitleFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.cellTitleFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.cellTitleLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.cellTitleLineHeight}: var(--plasma-typo-body-xs-line-height);\n `,\n },\n view: {\n default: css`\n ${tokens.dividerColor}: var(--surface-transparent-tertiary);\n `,\n },\n },\n};\n"],"names":["config","defaults","view","size","variations","l","m","s","xs","default"],"mappings":"AAEO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,IAAI,EAAE,GAAA;GACT;AACDC,EAAAA,UAAU,EAAE;AACRD,IAAAA,IAAI,EAAE;AACFE,MAAAA,CAAC,EAoCA,SAAA;AACDC,MAAAA,CAAC,EAoCA,SAAA;AACDC,MAAAA,CAAC,EAoCA,UAAA;AACDC,MAAAA,EAAE,EAAA,SAAA;KAqCL;AACDN,IAAAA,IAAI,EAAE;MACFO,SAAO,EAAA,SAAA;AAGX,KAAA;AACJ,GAAA;AACJ;;;;"}
package/css/es/components/Dropdown/Dropdown.config_1tiyqmq.css ADDED
@@ -0,0 +1,5 @@
1
+ .luajbqv{--plasma-dropdown-padding:0.125rem;--plasma-dropdown-width:17.5rem;--plasma-dropdown-border-radius:0.875rem;--plasma-dropdown-item-height:1.5rem;--plasma-dropdown-item-padding:1rem 1rem 1rem 0.875rem;--plasma-dropdown-item-padding-tight:0.75rem 1rem 0.75rem 0.875rem;--plasma-dropdown-item-border-radius:0.75rem;--plasma-dropdown-divider-margin-top:0.5rem;--plasma-dropdown-divider-margin-right:1.125rem;--plasma-dropdown-divider-margin-bottom:0.5rem;--plasma-dropdown-divider-margin-left:1.125rem;--plasma-dropdown-divider-margin-top-tight:0.375rem;--plasma-dropdown-divider-margin-bottom-tight:0.375rem;--plasma-dropdown-item-font-family:var(--plasma-typo-body-l-font-family);--plasma-dropdown-item-font-size:var(--plasma-typo-body-l-font-size);--plasma-dropdown-item-font-style:var(--plasma-typo-body-l-font-style);--plasma-dropdown-item-letter-spacing:var(--plasma-typo-body-l-font-weight);--plasma-dropdown-item-line-height:var(--plasma-typo-body-l-letter-spacing);--plasma-dropdown-item-font-weight:var(--plasma-typo-body-l-line-height);--plasma-dropdown-cell-padding:0rem;--plasma-dropdown-cell-padding-left-content:0rem;--plasma-dropdown-cell-padding-content:0rem;--plasma-dropdown-cell-padding-right-content:0rem;--plasma-dropdown-cell-textbox-gap:0.125rem;--plasma-dropdown-cell-gap:0.375rem;--plasma-dropdown-cell-title-font-family:var(--plasma-typo-body-l-font-family);--plasma-dropdown-cell-title-font-size:var(--plasma-typo-body-l-font-size);--plasma-dropdown-cell-title-font-style:var(--plasma-typo-body-l-font-style);--plasma-dropdown-cell-title-font-weight:var(--plasma-typo-body-l-font-weight);--plasma-dropdown-cell-title-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-dropdown-cell-title-line-height:var(--plasma-typo-body-l-line-height);}
2
+ .mxwpid0{--plasma-dropdown-padding:0.125rem;--plasma-dropdown-width:15rem;--plasma-dropdown-border-radius:0.75rem;--plasma-dropdown-item-height:1.5rem;--plasma-dropdown-item-padding:0.75rem 0.75rem 0.75rem 0.75rem;--plasma-dropdown-item-padding-tight:0.5rem 0.75rem 0.5rem 0.75rem;--plasma-dropdown-item-border-radius:0.625rem;--plasma-dropdown-divider-margin-top:0.375rem;--plasma-dropdown-divider-margin-right:0.875rem;--plasma-dropdown-divider-margin-bottom:0.375rem;--plasma-dropdown-divider-margin-left:0.875rem;--plasma-dropdown-divider-margin-top-tight:0.375rem;--plasma-dropdown-divider-margin-bottom-tight:0.375rem;--plasma-dropdown-item-font-family:var(--plasma-typo-body-m-font-family);--plasma-dropdown-item-font-size:var(--plasma-typo-body-m-font-size);--plasma-dropdown-item-font-style:var(--plasma-typo-body-m-font-style);--plasma-dropdown-item-letter-spacing:var(--plasma-typo-body-m-font-weight);--plasma-dropdown-item-line-height:var(--plasma-typo-body-m-letter-spacing);--plasma-dropdown-item-font-weight:var(--plasma-typo-body-m-line-height);--plasma-dropdown-cell-padding:0rem;--plasma-dropdown-cell-padding-left-content:0rem;--plasma-dropdown-cell-padding-content:0rem;--plasma-dropdown-cell-padding-right-content:0rem;--plasma-dropdown-cell-textbox-gap:0.125rem;--plasma-dropdown-cell-gap:0.375rem;--plasma-dropdown-cell-title-font-family:var(--plasma-typo-body-m-font-family);--plasma-dropdown-cell-title-font-size:var(--plasma-typo-body-m-font-size);--plasma-dropdown-cell-title-font-style:var(--plasma-typo-body-m-font-style);--plasma-dropdown-cell-title-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-dropdown-cell-title-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-dropdown-cell-title-line-height:var(--plasma-typo-body-m-line-height);}
3
+ .s12u1ccx{--plasma-dropdown-padding:0.125rem;--plasma-dropdown-width:12.5rem;--plasma-dropdown-border-radius:0.625rem;--plasma-dropdown-item-height:1.5rem;--plasma-dropdown-item-padding:0.5rem 0.75rem 0.5rem 0.675rem;--plasma-dropdown-item-padding-tight:0.25rem 0.75rem 0.25rem 0.675rem;--plasma-dropdown-item-border-radius:0.5rem;--plasma-dropdown-divider-margin-top:0.375rem;--plasma-dropdown-divider-margin-right:0.75rem;--plasma-dropdown-divider-margin-bottom:0.375rem;--plasma-dropdown-divider-margin-left:0.75rem;--plasma-dropdown-divider-margin-top-tight:0.25rem;--plasma-dropdown-divider-margin-bottom-tight:0.25rem;--plasma-dropdown-item-font-family:var(--plasma-typo-body-s-font-family);--plasma-dropdown-item-font-size:var(--plasma-typo-body-s-font-size);--plasma-dropdown-item-font-style:var(--plasma-typo-body-s-font-style);--plasma-dropdown-item-letter-spacing:var(--plasma-typo-body-s-font-weight);--plasma-dropdown-item-line-height:var(--plasma-typo-body-s-letter-spacing);--plasma-dropdown-item-font-weight:var(--plasma-typo-body-s-line-height);--plasma-dropdown-cell-padding:0rem;--plasma-dropdown-cell-padding-left-content:0rem;--plasma-dropdown-cell-padding-content:0rem;--plasma-dropdown-cell-padding-right-content:0rem;--plasma-dropdown-cell-textbox-gap:0.125rem;--plasma-dropdown-cell-gap:0.375rem;--plasma-dropdown-cell-title-font-family:var(--plasma-typo-body-s-font-family);--plasma-dropdown-cell-title-font-size:var(--plasma-typo-body-s-font-size);--plasma-dropdown-cell-title-font-style:var(--plasma-typo-body-s-font-style);--plasma-dropdown-cell-title-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-dropdown-cell-title-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-dropdown-cell-title-line-height:var(--plasma-typo-body-s-line-height);}
4
+ .xj8enjv{--plasma-dropdown-padding:0.125rem;--plasma-dropdown-width:10rem;--plasma-dropdown-border-radius:0.5rem;--plasma-dropdown-item-height:1rem;--plasma-dropdown-item-padding:0.5rem 0.5rem 0.5rem 0.375rem;--plasma-dropdown-item-padding-tight:0.25rem 0.5rem 0.25rem 0.375rem;--plasma-dropdown-item-border-radius:0.375rem;--plasma-dropdown-divider-margin-top:0.25rem;--plasma-dropdown-divider-margin-right:0.5rem;--plasma-dropdown-divider-margin-bottom:0.25rem;--plasma-dropdown-divider-margin-left:0.5rem;--plasma-dropdown-divider-margin-top-tight:0.125rem;--plasma-dropdown-divider-margin-bottom-tight:0.125rem;--plasma-dropdown-item-font-family:var(--plasma-typo-body-xs-font-family);--plasma-dropdown-item-font-size:var(--plasma-typo-body-xs-font-size);--plasma-dropdown-item-font-style:var(--plasma-typo-body-xs-font-style);--plasma-dropdown-item-letter-spacing:var(--plasma-typo-body-xs-font-weight);--plasma-dropdown-item-line-height:var(--plasma-typo-body-xs-letter-spacing);--plasma-dropdown-item-font-weight:var(--plasma-typo-body-xs-line-height);--plasma-dropdown-cell-padding:0rem;--plasma-dropdown-cell-padding-left-content:0rem;--plasma-dropdown-cell-padding-content:0rem;--plasma-dropdown-cell-padding-right-content:0rem;--plasma-dropdown-cell-textbox-gap:0.125rem;--plasma-dropdown-cell-gap:0.25rem;--plasma-dropdown-cell-title-font-family:var(--plasma-typo-body-xs-font-family);--plasma-dropdown-cell-title-font-size:var(--plasma-typo-body-xs-font-size);--plasma-dropdown-cell-title-font-style:var(--plasma-typo-body-xs-font-style);--plasma-dropdown-cell-title-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-dropdown-cell-title-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-dropdown-cell-title-line-height:var(--plasma-typo-body-xs-line-height);}
5
+ .da0vaum{--plasma-dropdown-divider-color:var(--surface-transparent-tertiary);}
package/css/es/components/Dropdown/Dropdown.css CHANGED
@@ -1,5 +1,5 @@
1
- .Dropdown_config_7l17mu_xuajbqv__3c35b8ae{--plasma-dropdown-padding:0.125rem;--plasma-dropdown-width:10rem;--plasma-dropdown-border-radius:0.5rem;--plasma-dropdown-item-padding-top:0.5625rem;--plasma-dropdown-item-padding-right:0.5rem;--plasma-dropdown-item-padding-bottom:0.5625rem;--plasma-dropdown-item-padding-left:0.5rem;--plasma-dropdown-item-border-radius:0.375rem;--plasma-dropdown-item-padding-top-tight:0.3125rem;--plasma-dropdown-item-padding-bottom-tight:0.3125rem;--plasma-dropdown-divider-margin-top:0.25rem;--plasma-dropdown-divider-margin-right:0.5rem;--plasma-dropdown-divider-margin-bottom:0.25rem;--plasma-dropdown-divider-margin-left:0.5rem;--plasma-dropdown-divider-margin-top-tight:0.125rem;--plasma-dropdown-divider-margin-bottom-tight:0.125rem;--plasma-dropdown-item-font-family:var(--plasma-typo-body-xs-font-family);--plasma-dropdown-item-font-size:var(--plasma-typo-body-xs-font-size);--plasma-dropdown-item-font-style:var(--plasma-typo-body-xs-font-style);--plasma-dropdown-item-letter-spacing:var(--plasma-typo-body-xs-font-weight);--plasma-dropdown-item-line-height:var(--plasma-typo-body-xs-letter-spacing);--plasma-dropdown-item-font-weight:var(--plasma-typo-body-xs-line-height);}
2
- .Dropdown_config_7l17mu_sxwpid0__3c35b8ae{--plasma-dropdown-padding:0.125rem;--plasma-dropdown-width:12.5rem;--plasma-dropdown-border-radius:0.625rem;--plasma-dropdown-item-padding-top:0.6875rem;--plasma-dropdown-item-padding-right:0.75rem;--plasma-dropdown-item-padding-bottom:0.6875rem;--plasma-dropdown-item-padding-left:0.75rem;--plasma-dropdown-item-border-radius:0.5rem;--plasma-dropdown-item-padding-top-tight:0.4375rem;--plasma-dropdown-item-padding-bottom-tight:0.4375rem;--plasma-dropdown-divider-margin-top:0.375rem;--plasma-dropdown-divider-margin-right:0.75rem;--plasma-dropdown-divider-margin-bottom:0.375rem;--plasma-dropdown-divider-margin-left:0.75rem;--plasma-dropdown-divider-margin-top-tight:0.25rem;--plasma-dropdown-divider-margin-bottom-tight:0.25rem;--plasma-dropdown-item-font-family:var(--plasma-typo-body-s-font-family);--plasma-dropdown-item-font-size:var(--plasma-typo-body-s-font-size);--plasma-dropdown-item-font-style:var(--plasma-typo-body-s-font-style);--plasma-dropdown-item-letter-spacing:var(--plasma-typo-body-s-font-weight);--plasma-dropdown-item-line-height:var(--plasma-typo-body-s-letter-spacing);--plasma-dropdown-item-font-weight:var(--plasma-typo-body-s-line-height);}
3
- .Dropdown_config_7l17mu_m12u1ccx__3c35b8ae{--plasma-dropdown-padding:0.125rem;--plasma-dropdown-width:15rem;--plasma-dropdown-border-radius:0.75rem;--plasma-dropdown-item-padding-top:0.875rem;--plasma-dropdown-item-padding-right:0.875rem;--plasma-dropdown-item-padding-bottom:0.875rem;--plasma-dropdown-item-padding-left:0.875rem;--plasma-dropdown-item-border-radius:0.625rem;--plasma-dropdown-item-padding-top-tight:0.625rem;--plasma-dropdown-item-padding-bottom-tight:0.625rem;--plasma-dropdown-divider-margin-top:0.375rem;--plasma-dropdown-divider-margin-right:0.875rem;--plasma-dropdown-divider-margin-bottom:0.375rem;--plasma-dropdown-divider-margin-left:0.875rem;--plasma-dropdown-divider-margin-top-tight:0.375rem;--plasma-dropdown-divider-margin-bottom-tight:0.375rem;--plasma-dropdown-item-font-family:var(--plasma-typo-body-m-font-family);--plasma-dropdown-item-font-size:var(--plasma-typo-body-m-font-size);--plasma-dropdown-item-font-style:var(--plasma-typo-body-m-font-style);--plasma-dropdown-item-letter-spacing:var(--plasma-typo-body-m-font-weight);--plasma-dropdown-item-line-height:var(--plasma-typo-body-m-letter-spacing);--plasma-dropdown-item-font-weight:var(--plasma-typo-body-m-line-height);}
4
- .Dropdown_config_7l17mu_lj8enjv__3c35b8ae{--plasma-dropdown-padding:0.125rem;--plasma-dropdown-width:17.5rem;--plasma-dropdown-border-radius:0.875rem;--plasma-dropdown-item-padding-top:1.0625rem;--plasma-dropdown-item-padding-right:1rem;--plasma-dropdown-item-padding-bottom:1.0625rem;--plasma-dropdown-item-padding-left:1rem;--plasma-dropdown-item-border-radius:0.75rem;--plasma-dropdown-item-padding-top-tight:0.8125rem;--plasma-dropdown-item-padding-bottom-tight:0.8125rem;--plasma-dropdown-divider-margin-top:0.5rem;--plasma-dropdown-divider-margin-right:1.125rem;--plasma-dropdown-divider-margin-bottom:0.5rem;--plasma-dropdown-divider-margin-left:1.125rem;--plasma-dropdown-divider-margin-top-tight:0.375rem;--plasma-dropdown-divider-margin-bottom-tight:0.375rem;--plasma-dropdown-item-font-family:var(--plasma-typo-body-l-font-family);--plasma-dropdown-item-font-size:var(--plasma-typo-body-l-font-size);--plasma-dropdown-item-font-style:var(--plasma-typo-body-l-font-style);--plasma-dropdown-item-letter-spacing:var(--plasma-typo-body-l-font-weight);--plasma-dropdown-item-line-height:var(--plasma-typo-body-l-letter-spacing);--plasma-dropdown-item-font-weight:var(--plasma-typo-body-l-line-height);}
5
- .Dropdown_config_7l17mu_da0vaum__3c35b8ae{--plasma-dropdown-disabled-opacity:0.4;--plasma-dropdown-focus-color:var(--surface-accent);--plasma-dropdown-background:var(--surface-solid-card-brightness);--plasma-dropdown-box-shadow:0px 4px 14px -4px rgba(8,8,8,0.08),0px 1px 4px -1px rgba(0,0,0,0.04);--plasma-dropdown-disclosure-icon-color:var(--text-secondary);--plasma-dropdown-item-background:var(--surface-clear);--plasma-dropdown-item-background-hover:var(--surface-transparent-secondary);--plasma-dropdown-item-color:var(--text-primary);--plasma-dropdown-divider-color:var(--surface-transparent-tertiary);}
1
+ .Dropdown_config_1tiyqmq_luajbqv__446c1630{--plasma-dropdown-padding:0.125rem;--plasma-dropdown-width:17.5rem;--plasma-dropdown-border-radius:0.875rem;--plasma-dropdown-item-height:1.5rem;--plasma-dropdown-item-padding:1rem 1rem 1rem 0.875rem;--plasma-dropdown-item-padding-tight:0.75rem 1rem 0.75rem 0.875rem;--plasma-dropdown-item-border-radius:0.75rem;--plasma-dropdown-divider-margin-top:0.5rem;--plasma-dropdown-divider-margin-right:1.125rem;--plasma-dropdown-divider-margin-bottom:0.5rem;--plasma-dropdown-divider-margin-left:1.125rem;--plasma-dropdown-divider-margin-top-tight:0.375rem;--plasma-dropdown-divider-margin-bottom-tight:0.375rem;--plasma-dropdown-item-font-family:var(--plasma-typo-body-l-font-family);--plasma-dropdown-item-font-size:var(--plasma-typo-body-l-font-size);--plasma-dropdown-item-font-style:var(--plasma-typo-body-l-font-style);--plasma-dropdown-item-letter-spacing:var(--plasma-typo-body-l-font-weight);--plasma-dropdown-item-line-height:var(--plasma-typo-body-l-letter-spacing);--plasma-dropdown-item-font-weight:var(--plasma-typo-body-l-line-height);--plasma-dropdown-cell-padding:0rem;--plasma-dropdown-cell-padding-left-content:0rem;--plasma-dropdown-cell-padding-content:0rem;--plasma-dropdown-cell-padding-right-content:0rem;--plasma-dropdown-cell-textbox-gap:0.125rem;--plasma-dropdown-cell-gap:0.375rem;--plasma-dropdown-cell-title-font-family:var(--plasma-typo-body-l-font-family);--plasma-dropdown-cell-title-font-size:var(--plasma-typo-body-l-font-size);--plasma-dropdown-cell-title-font-style:var(--plasma-typo-body-l-font-style);--plasma-dropdown-cell-title-font-weight:var(--plasma-typo-body-l-font-weight);--plasma-dropdown-cell-title-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-dropdown-cell-title-line-height:var(--plasma-typo-body-l-line-height);}
2
+ .Dropdown_config_1tiyqmq_mxwpid0__446c1630{--plasma-dropdown-padding:0.125rem;--plasma-dropdown-width:15rem;--plasma-dropdown-border-radius:0.75rem;--plasma-dropdown-item-height:1.5rem;--plasma-dropdown-item-padding:0.75rem 0.75rem 0.75rem 0.75rem;--plasma-dropdown-item-padding-tight:0.5rem 0.75rem 0.5rem 0.75rem;--plasma-dropdown-item-border-radius:0.625rem;--plasma-dropdown-divider-margin-top:0.375rem;--plasma-dropdown-divider-margin-right:0.875rem;--plasma-dropdown-divider-margin-bottom:0.375rem;--plasma-dropdown-divider-margin-left:0.875rem;--plasma-dropdown-divider-margin-top-tight:0.375rem;--plasma-dropdown-divider-margin-bottom-tight:0.375rem;--plasma-dropdown-item-font-family:var(--plasma-typo-body-m-font-family);--plasma-dropdown-item-font-size:var(--plasma-typo-body-m-font-size);--plasma-dropdown-item-font-style:var(--plasma-typo-body-m-font-style);--plasma-dropdown-item-letter-spacing:var(--plasma-typo-body-m-font-weight);--plasma-dropdown-item-line-height:var(--plasma-typo-body-m-letter-spacing);--plasma-dropdown-item-font-weight:var(--plasma-typo-body-m-line-height);--plasma-dropdown-cell-padding:0rem;--plasma-dropdown-cell-padding-left-content:0rem;--plasma-dropdown-cell-padding-content:0rem;--plasma-dropdown-cell-padding-right-content:0rem;--plasma-dropdown-cell-textbox-gap:0.125rem;--plasma-dropdown-cell-gap:0.375rem;--plasma-dropdown-cell-title-font-family:var(--plasma-typo-body-m-font-family);--plasma-dropdown-cell-title-font-size:var(--plasma-typo-body-m-font-size);--plasma-dropdown-cell-title-font-style:var(--plasma-typo-body-m-font-style);--plasma-dropdown-cell-title-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-dropdown-cell-title-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-dropdown-cell-title-line-height:var(--plasma-typo-body-m-line-height);}
3
+ .Dropdown_config_1tiyqmq_s12u1ccx__446c1630{--plasma-dropdown-padding:0.125rem;--plasma-dropdown-width:12.5rem;--plasma-dropdown-border-radius:0.625rem;--plasma-dropdown-item-height:1.5rem;--plasma-dropdown-item-padding:0.5rem 0.75rem 0.5rem 0.675rem;--plasma-dropdown-item-padding-tight:0.25rem 0.75rem 0.25rem 0.675rem;--plasma-dropdown-item-border-radius:0.5rem;--plasma-dropdown-divider-margin-top:0.375rem;--plasma-dropdown-divider-margin-right:0.75rem;--plasma-dropdown-divider-margin-bottom:0.375rem;--plasma-dropdown-divider-margin-left:0.75rem;--plasma-dropdown-divider-margin-top-tight:0.25rem;--plasma-dropdown-divider-margin-bottom-tight:0.25rem;--plasma-dropdown-item-font-family:var(--plasma-typo-body-s-font-family);--plasma-dropdown-item-font-size:var(--plasma-typo-body-s-font-size);--plasma-dropdown-item-font-style:var(--plasma-typo-body-s-font-style);--plasma-dropdown-item-letter-spacing:var(--plasma-typo-body-s-font-weight);--plasma-dropdown-item-line-height:var(--plasma-typo-body-s-letter-spacing);--plasma-dropdown-item-font-weight:var(--plasma-typo-body-s-line-height);--plasma-dropdown-cell-padding:0rem;--plasma-dropdown-cell-padding-left-content:0rem;--plasma-dropdown-cell-padding-content:0rem;--plasma-dropdown-cell-padding-right-content:0rem;--plasma-dropdown-cell-textbox-gap:0.125rem;--plasma-dropdown-cell-gap:0.375rem;--plasma-dropdown-cell-title-font-family:var(--plasma-typo-body-s-font-family);--plasma-dropdown-cell-title-font-size:var(--plasma-typo-body-s-font-size);--plasma-dropdown-cell-title-font-style:var(--plasma-typo-body-s-font-style);--plasma-dropdown-cell-title-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-dropdown-cell-title-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-dropdown-cell-title-line-height:var(--plasma-typo-body-s-line-height);}
4
+ .Dropdown_config_1tiyqmq_xj8enjv__446c1630{--plasma-dropdown-padding:0.125rem;--plasma-dropdown-width:10rem;--plasma-dropdown-border-radius:0.5rem;--plasma-dropdown-item-height:1rem;--plasma-dropdown-item-padding:0.5rem 0.5rem 0.5rem 0.375rem;--plasma-dropdown-item-padding-tight:0.25rem 0.5rem 0.25rem 0.375rem;--plasma-dropdown-item-border-radius:0.375rem;--plasma-dropdown-divider-margin-top:0.25rem;--plasma-dropdown-divider-margin-right:0.5rem;--plasma-dropdown-divider-margin-bottom:0.25rem;--plasma-dropdown-divider-margin-left:0.5rem;--plasma-dropdown-divider-margin-top-tight:0.125rem;--plasma-dropdown-divider-margin-bottom-tight:0.125rem;--plasma-dropdown-item-font-family:var(--plasma-typo-body-xs-font-family);--plasma-dropdown-item-font-size:var(--plasma-typo-body-xs-font-size);--plasma-dropdown-item-font-style:var(--plasma-typo-body-xs-font-style);--plasma-dropdown-item-letter-spacing:var(--plasma-typo-body-xs-font-weight);--plasma-dropdown-item-line-height:var(--plasma-typo-body-xs-letter-spacing);--plasma-dropdown-item-font-weight:var(--plasma-typo-body-xs-line-height);--plasma-dropdown-cell-padding:0rem;--plasma-dropdown-cell-padding-left-content:0rem;--plasma-dropdown-cell-padding-content:0rem;--plasma-dropdown-cell-padding-right-content:0rem;--plasma-dropdown-cell-textbox-gap:0.125rem;--plasma-dropdown-cell-gap:0.25rem;--plasma-dropdown-cell-title-font-family:var(--plasma-typo-body-xs-font-family);--plasma-dropdown-cell-title-font-size:var(--plasma-typo-body-xs-font-size);--plasma-dropdown-cell-title-font-style:var(--plasma-typo-body-xs-font-style);--plasma-dropdown-cell-title-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-dropdown-cell-title-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-dropdown-cell-title-line-height:var(--plasma-typo-body-xs-line-height);}
5
+ .Dropdown_config_1tiyqmq_da0vaum__446c1630{--plasma-dropdown-divider-color:var(--surface-transparent-tertiary);}
package/css/es/components/Dropdown/components/DropdownPopup.js CHANGED
@@ -3,12 +3,13 @@ import React, { forwardRef } from 'react';
3
3
  import { component, mergeConfig, dropdownOldConfig } from '@salutejs/plasma-new-hope';
4
4
  import { config } from './DropdownOld.config.js';
5
5
 
6
- var _excluded = ["trigger", "children", "isOpen", "disclosure", "onToggle", "placement", "offsetTop"];
6
+ var _excluded = ["trigger", "children", "opened", "isOpen", "disclosure", "onToggle", "placement", "offsetTop"];
7
7
  var mergedConfig = /*#__PURE__*/mergeConfig(dropdownOldConfig, config);
8
8
  var DropdownNewHope = /*#__PURE__*/component(mergedConfig);
9
9
  var DropdownPopup = /*#__PURE__*/forwardRef(function (props, ref) {
10
10
  var trigger = props.trigger,
11
11
  children = props.children,
12
+ opened = props.opened,
12
13
  isOpen = props.isOpen,
13
14
  disclosure = props.disclosure,
14
15
  onToggle = props.onToggle,
@@ -20,7 +21,8 @@ var DropdownPopup = /*#__PURE__*/forwardRef(function (props, ref) {
20
21
  ref: ref,
21
22
  onToggle: onToggle,
22
23
  target: disclosure,
23
- opened: isOpen,
24
+ opened: opened,
25
+ isOpen: isOpen,
24
26
  trigger: trigger,
25
27
  placement: placement,
26
28
  offset: [offsetAtTop, 0]
package/css/es/components/Dropdown/components/DropdownPopup.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"DropdownPopup.js","sources":["../../../../../src-css/components/Dropdown/components/DropdownPopup.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { DropdownPopupProps } from '@salutejs/plasma-hope';\nimport { component, dropdownOldConfig, mergeConfig } from '@salutejs/plasma-new-hope';\n\nimport { config } from './DropdownOld.config';\n\nconst mergedConfig = mergeConfig(dropdownOldConfig, config);\nconst DropdownNewHope = component(mergedConfig);\n\nexport const DropdownPopup = forwardRef<HTMLDivElement, DropdownPopupProps>((props, ref) => {\n const { trigger, children, isOpen, disclosure, onToggle, placement, offsetTop, ...rest } = props;\n\n const offsetAtTop = typeof offsetTop === 'number' ? offsetTop : 0;\n\n return (\n <DropdownNewHope\n {...rest}\n ref={ref}\n onToggle={onToggle}\n target={disclosure}\n opened={isOpen}\n trigger={trigger}\n placement={placement}\n offset={[offsetAtTop, 0]}\n >\n {children}\n </DropdownNewHope>\n );\n});\n"],"names":["mergedConfig","mergeConfig","dropdownOldConfig","config","DropdownNewHope","component","DropdownPopup","forwardRef","props","ref","trigger","children","isOpen","disclosure","onToggle","placement","offsetTop","rest","_objectWithoutProperties","_excluded","offsetAtTop","React","createElement","_extends","target","opened","offset"],"mappings":";;;;;;AAMA,IAAMA,YAAY,gBAAGC,WAAW,CAACC,iBAAiB,EAAEC,MAAM,CAAC,CAAA;AAC3D,IAAMC,eAAe,gBAAGC,SAAS,CAACL,YAAY,CAAC,CAAA;AAExC,IAAMM,aAAa,gBAAGC,UAAU,CAAqC,UAACC,KAAK,EAAEC,GAAG,EAAK;AACxF,EAAA,IAAQC,OAAO,GAA4EF,KAAK,CAAxFE,OAAO;IAAEC,QAAQ,GAAkEH,KAAK,CAA/EG,QAAQ;IAAEC,MAAM,GAA0DJ,KAAK,CAArEI,MAAM;IAAEC,UAAU,GAA8CL,KAAK,CAA7DK,UAAU;IAAEC,QAAQ,GAAoCN,KAAK,CAAjDM,QAAQ;IAAEC,SAAS,GAAyBP,KAAK,CAAvCO,SAAS;IAAEC,SAAS,GAAcR,KAAK,CAA5BQ,SAAS;AAAKC,IAAAA,IAAI,GAAAC,wBAAA,CAAKV,KAAK,EAAAW,SAAA,CAAA,CAAA;EAEhG,IAAMC,WAAW,GAAG,OAAOJ,SAAS,KAAK,QAAQ,GAAGA,SAAS,GAAG,CAAC,CAAA;EAEjE,oBACIK,KAAA,CAAAC,aAAA,CAAClB,eAAe,EAAAmB,QAAA,KACRN,IAAI,EAAA;AACRR,IAAAA,GAAG,EAAEA,GAAI;AACTK,IAAAA,QAAQ,EAAEA,QAAS;AACnBU,IAAAA,MAAM,EAAEX,UAAW;AACnBY,IAAAA,MAAM,EAAEb,MAAO;AACfF,IAAAA,OAAO,EAAEA,OAAQ;AACjBK,IAAAA,SAAS,EAAEA,SAAU;AACrBW,IAAAA,MAAM,EAAE,CAACN,WAAW,EAAE,CAAC,CAAA;AAAE,GAAA,CAAA,EAExBT,QACY,CAAC,CAAA;AAE1B,CAAC;;;;"}
1
+ {"version":3,"file":"DropdownPopup.js","sources":["../../../../../src-css/components/Dropdown/components/DropdownPopup.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { DropdownPopupProps } from '@salutejs/plasma-hope';\nimport { component, dropdownOldConfig, mergeConfig } from '@salutejs/plasma-new-hope';\n\nimport { config } from './DropdownOld.config';\n\nconst mergedConfig = mergeConfig(dropdownOldConfig, config);\nconst DropdownNewHope = component(mergedConfig);\n\nexport const DropdownPopup = forwardRef<HTMLDivElement, DropdownPopupProps>((props, ref) => {\n const { trigger, children, opened, isOpen, disclosure, onToggle, placement, offsetTop, ...rest } = props;\n\n const offsetAtTop = typeof offsetTop === 'number' ? offsetTop : 0;\n\n return (\n <DropdownNewHope\n {...rest}\n ref={ref}\n onToggle={onToggle}\n target={disclosure}\n opened={opened}\n isOpen={isOpen}\n trigger={trigger}\n placement={placement}\n offset={[offsetAtTop, 0]}\n >\n {children}\n </DropdownNewHope>\n );\n});\n"],"names":["mergedConfig","mergeConfig","dropdownOldConfig","config","DropdownNewHope","component","DropdownPopup","forwardRef","props","ref","trigger","children","opened","isOpen","disclosure","onToggle","placement","offsetTop","rest","_objectWithoutProperties","_excluded","offsetAtTop","React","createElement","_extends","target","offset"],"mappings":";;;;;;AAMA,IAAMA,YAAY,gBAAGC,WAAW,CAACC,iBAAiB,EAAEC,MAAM,CAAC,CAAA;AAC3D,IAAMC,eAAe,gBAAGC,SAAS,CAACL,YAAY,CAAC,CAAA;AAExC,IAAMM,aAAa,gBAAGC,UAAU,CAAqC,UAACC,KAAK,EAAEC,GAAG,EAAK;AACxF,EAAA,IAAQC,OAAO,GAAoFF,KAAK,CAAhGE,OAAO;IAAEC,QAAQ,GAA0EH,KAAK,CAAvFG,QAAQ;IAAEC,MAAM,GAAkEJ,KAAK,CAA7EI,MAAM;IAAEC,MAAM,GAA0DL,KAAK,CAArEK,MAAM;IAAEC,UAAU,GAA8CN,KAAK,CAA7DM,UAAU;IAAEC,QAAQ,GAAoCP,KAAK,CAAjDO,QAAQ;IAAEC,SAAS,GAAyBR,KAAK,CAAvCQ,SAAS;IAAEC,SAAS,GAAcT,KAAK,CAA5BS,SAAS;AAAKC,IAAAA,IAAI,GAAAC,wBAAA,CAAKX,KAAK,EAAAY,SAAA,CAAA,CAAA;EAExG,IAAMC,WAAW,GAAG,OAAOJ,SAAS,KAAK,QAAQ,GAAGA,SAAS,GAAG,CAAC,CAAA;EAEjE,oBACIK,KAAA,CAAAC,aAAA,CAACnB,eAAe,EAAAoB,QAAA,KACRN,IAAI,EAAA;AACRT,IAAAA,GAAG,EAAEA,GAAI;AACTM,IAAAA,QAAQ,EAAEA,QAAS;AACnBU,IAAAA,MAAM,EAAEX,UAAW;AACnBF,IAAAA,MAAM,EAAEA,MAAO;AACfC,IAAAA,MAAM,EAAEA,MAAO;AACfH,IAAAA,OAAO,EAAEA,OAAQ;AACjBM,IAAAA,SAAS,EAAEA,SAAU;AACrBU,IAAAA,MAAM,EAAE,CAACL,WAAW,EAAE,CAAC,CAAA;AAAE,GAAA,CAAA,EAExBV,QACY,CAAC,CAAA;AAE1B,CAAC;;;;"}
package/css/es/index.css CHANGED
@@ -229,11 +229,11 @@
229
229
  .Drawer_config_1kci8o2_n1nan2tb__bd39187d{--plasma-drawer-border-radius:0;}
230
230
  .Drawer_config_1kci8o2_d10epcq6__bd39187d{--plasma-drawer-border-radius:1.25rem;}
231
231
 
232
- .Dropdown_config_7l17mu_xuajbqv__3c35b8ae{--plasma-dropdown-padding:0.125rem;--plasma-dropdown-width:10rem;--plasma-dropdown-border-radius:0.5rem;--plasma-dropdown-item-padding-top:0.5625rem;--plasma-dropdown-item-padding-right:0.5rem;--plasma-dropdown-item-padding-bottom:0.5625rem;--plasma-dropdown-item-padding-left:0.5rem;--plasma-dropdown-item-border-radius:0.375rem;--plasma-dropdown-item-padding-top-tight:0.3125rem;--plasma-dropdown-item-padding-bottom-tight:0.3125rem;--plasma-dropdown-divider-margin-top:0.25rem;--plasma-dropdown-divider-margin-right:0.5rem;--plasma-dropdown-divider-margin-bottom:0.25rem;--plasma-dropdown-divider-margin-left:0.5rem;--plasma-dropdown-divider-margin-top-tight:0.125rem;--plasma-dropdown-divider-margin-bottom-tight:0.125rem;--plasma-dropdown-item-font-family:var(--plasma-typo-body-xs-font-family);--plasma-dropdown-item-font-size:var(--plasma-typo-body-xs-font-size);--plasma-dropdown-item-font-style:var(--plasma-typo-body-xs-font-style);--plasma-dropdown-item-letter-spacing:var(--plasma-typo-body-xs-font-weight);--plasma-dropdown-item-line-height:var(--plasma-typo-body-xs-letter-spacing);--plasma-dropdown-item-font-weight:var(--plasma-typo-body-xs-line-height);}
233
- .Dropdown_config_7l17mu_sxwpid0__3c35b8ae{--plasma-dropdown-padding:0.125rem;--plasma-dropdown-width:12.5rem;--plasma-dropdown-border-radius:0.625rem;--plasma-dropdown-item-padding-top:0.6875rem;--plasma-dropdown-item-padding-right:0.75rem;--plasma-dropdown-item-padding-bottom:0.6875rem;--plasma-dropdown-item-padding-left:0.75rem;--plasma-dropdown-item-border-radius:0.5rem;--plasma-dropdown-item-padding-top-tight:0.4375rem;--plasma-dropdown-item-padding-bottom-tight:0.4375rem;--plasma-dropdown-divider-margin-top:0.375rem;--plasma-dropdown-divider-margin-right:0.75rem;--plasma-dropdown-divider-margin-bottom:0.375rem;--plasma-dropdown-divider-margin-left:0.75rem;--plasma-dropdown-divider-margin-top-tight:0.25rem;--plasma-dropdown-divider-margin-bottom-tight:0.25rem;--plasma-dropdown-item-font-family:var(--plasma-typo-body-s-font-family);--plasma-dropdown-item-font-size:var(--plasma-typo-body-s-font-size);--plasma-dropdown-item-font-style:var(--plasma-typo-body-s-font-style);--plasma-dropdown-item-letter-spacing:var(--plasma-typo-body-s-font-weight);--plasma-dropdown-item-line-height:var(--plasma-typo-body-s-letter-spacing);--plasma-dropdown-item-font-weight:var(--plasma-typo-body-s-line-height);}
234
- .Dropdown_config_7l17mu_m12u1ccx__3c35b8ae{--plasma-dropdown-padding:0.125rem;--plasma-dropdown-width:15rem;--plasma-dropdown-border-radius:0.75rem;--plasma-dropdown-item-padding-top:0.875rem;--plasma-dropdown-item-padding-right:0.875rem;--plasma-dropdown-item-padding-bottom:0.875rem;--plasma-dropdown-item-padding-left:0.875rem;--plasma-dropdown-item-border-radius:0.625rem;--plasma-dropdown-item-padding-top-tight:0.625rem;--plasma-dropdown-item-padding-bottom-tight:0.625rem;--plasma-dropdown-divider-margin-top:0.375rem;--plasma-dropdown-divider-margin-right:0.875rem;--plasma-dropdown-divider-margin-bottom:0.375rem;--plasma-dropdown-divider-margin-left:0.875rem;--plasma-dropdown-divider-margin-top-tight:0.375rem;--plasma-dropdown-divider-margin-bottom-tight:0.375rem;--plasma-dropdown-item-font-family:var(--plasma-typo-body-m-font-family);--plasma-dropdown-item-font-size:var(--plasma-typo-body-m-font-size);--plasma-dropdown-item-font-style:var(--plasma-typo-body-m-font-style);--plasma-dropdown-item-letter-spacing:var(--plasma-typo-body-m-font-weight);--plasma-dropdown-item-line-height:var(--plasma-typo-body-m-letter-spacing);--plasma-dropdown-item-font-weight:var(--plasma-typo-body-m-line-height);}
235
- .Dropdown_config_7l17mu_lj8enjv__3c35b8ae{--plasma-dropdown-padding:0.125rem;--plasma-dropdown-width:17.5rem;--plasma-dropdown-border-radius:0.875rem;--plasma-dropdown-item-padding-top:1.0625rem;--plasma-dropdown-item-padding-right:1rem;--plasma-dropdown-item-padding-bottom:1.0625rem;--plasma-dropdown-item-padding-left:1rem;--plasma-dropdown-item-border-radius:0.75rem;--plasma-dropdown-item-padding-top-tight:0.8125rem;--plasma-dropdown-item-padding-bottom-tight:0.8125rem;--plasma-dropdown-divider-margin-top:0.5rem;--plasma-dropdown-divider-margin-right:1.125rem;--plasma-dropdown-divider-margin-bottom:0.5rem;--plasma-dropdown-divider-margin-left:1.125rem;--plasma-dropdown-divider-margin-top-tight:0.375rem;--plasma-dropdown-divider-margin-bottom-tight:0.375rem;--plasma-dropdown-item-font-family:var(--plasma-typo-body-l-font-family);--plasma-dropdown-item-font-size:var(--plasma-typo-body-l-font-size);--plasma-dropdown-item-font-style:var(--plasma-typo-body-l-font-style);--plasma-dropdown-item-letter-spacing:var(--plasma-typo-body-l-font-weight);--plasma-dropdown-item-line-height:var(--plasma-typo-body-l-letter-spacing);--plasma-dropdown-item-font-weight:var(--plasma-typo-body-l-line-height);}
236
- .Dropdown_config_7l17mu_da0vaum__3c35b8ae{--plasma-dropdown-disabled-opacity:0.4;--plasma-dropdown-focus-color:var(--surface-accent);--plasma-dropdown-background:var(--surface-solid-card-brightness);--plasma-dropdown-box-shadow:0px 4px 14px -4px rgba(8,8,8,0.08),0px 1px 4px -1px rgba(0,0,0,0.04);--plasma-dropdown-disclosure-icon-color:var(--text-secondary);--plasma-dropdown-item-background:var(--surface-clear);--plasma-dropdown-item-background-hover:var(--surface-transparent-secondary);--plasma-dropdown-item-color:var(--text-primary);--plasma-dropdown-divider-color:var(--surface-transparent-tertiary);}
232
+ .Dropdown_config_1tiyqmq_luajbqv__446c1630{--plasma-dropdown-padding:0.125rem;--plasma-dropdown-width:17.5rem;--plasma-dropdown-border-radius:0.875rem;--plasma-dropdown-item-height:1.5rem;--plasma-dropdown-item-padding:1rem 1rem 1rem 0.875rem;--plasma-dropdown-item-padding-tight:0.75rem 1rem 0.75rem 0.875rem;--plasma-dropdown-item-border-radius:0.75rem;--plasma-dropdown-divider-margin-top:0.5rem;--plasma-dropdown-divider-margin-right:1.125rem;--plasma-dropdown-divider-margin-bottom:0.5rem;--plasma-dropdown-divider-margin-left:1.125rem;--plasma-dropdown-divider-margin-top-tight:0.375rem;--plasma-dropdown-divider-margin-bottom-tight:0.375rem;--plasma-dropdown-item-font-family:var(--plasma-typo-body-l-font-family);--plasma-dropdown-item-font-size:var(--plasma-typo-body-l-font-size);--plasma-dropdown-item-font-style:var(--plasma-typo-body-l-font-style);--plasma-dropdown-item-letter-spacing:var(--plasma-typo-body-l-font-weight);--plasma-dropdown-item-line-height:var(--plasma-typo-body-l-letter-spacing);--plasma-dropdown-item-font-weight:var(--plasma-typo-body-l-line-height);--plasma-dropdown-cell-padding:0rem;--plasma-dropdown-cell-padding-left-content:0rem;--plasma-dropdown-cell-padding-content:0rem;--plasma-dropdown-cell-padding-right-content:0rem;--plasma-dropdown-cell-textbox-gap:0.125rem;--plasma-dropdown-cell-gap:0.375rem;--plasma-dropdown-cell-title-font-family:var(--plasma-typo-body-l-font-family);--plasma-dropdown-cell-title-font-size:var(--plasma-typo-body-l-font-size);--plasma-dropdown-cell-title-font-style:var(--plasma-typo-body-l-font-style);--plasma-dropdown-cell-title-font-weight:var(--plasma-typo-body-l-font-weight);--plasma-dropdown-cell-title-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-dropdown-cell-title-line-height:var(--plasma-typo-body-l-line-height);}
233
+ .Dropdown_config_1tiyqmq_mxwpid0__446c1630{--plasma-dropdown-padding:0.125rem;--plasma-dropdown-width:15rem;--plasma-dropdown-border-radius:0.75rem;--plasma-dropdown-item-height:1.5rem;--plasma-dropdown-item-padding:0.75rem 0.75rem 0.75rem 0.75rem;--plasma-dropdown-item-padding-tight:0.5rem 0.75rem 0.5rem 0.75rem;--plasma-dropdown-item-border-radius:0.625rem;--plasma-dropdown-divider-margin-top:0.375rem;--plasma-dropdown-divider-margin-right:0.875rem;--plasma-dropdown-divider-margin-bottom:0.375rem;--plasma-dropdown-divider-margin-left:0.875rem;--plasma-dropdown-divider-margin-top-tight:0.375rem;--plasma-dropdown-divider-margin-bottom-tight:0.375rem;--plasma-dropdown-item-font-family:var(--plasma-typo-body-m-font-family);--plasma-dropdown-item-font-size:var(--plasma-typo-body-m-font-size);--plasma-dropdown-item-font-style:var(--plasma-typo-body-m-font-style);--plasma-dropdown-item-letter-spacing:var(--plasma-typo-body-m-font-weight);--plasma-dropdown-item-line-height:var(--plasma-typo-body-m-letter-spacing);--plasma-dropdown-item-font-weight:var(--plasma-typo-body-m-line-height);--plasma-dropdown-cell-padding:0rem;--plasma-dropdown-cell-padding-left-content:0rem;--plasma-dropdown-cell-padding-content:0rem;--plasma-dropdown-cell-padding-right-content:0rem;--plasma-dropdown-cell-textbox-gap:0.125rem;--plasma-dropdown-cell-gap:0.375rem;--plasma-dropdown-cell-title-font-family:var(--plasma-typo-body-m-font-family);--plasma-dropdown-cell-title-font-size:var(--plasma-typo-body-m-font-size);--plasma-dropdown-cell-title-font-style:var(--plasma-typo-body-m-font-style);--plasma-dropdown-cell-title-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-dropdown-cell-title-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-dropdown-cell-title-line-height:var(--plasma-typo-body-m-line-height);}
234
+ .Dropdown_config_1tiyqmq_s12u1ccx__446c1630{--plasma-dropdown-padding:0.125rem;--plasma-dropdown-width:12.5rem;--plasma-dropdown-border-radius:0.625rem;--plasma-dropdown-item-height:1.5rem;--plasma-dropdown-item-padding:0.5rem 0.75rem 0.5rem 0.675rem;--plasma-dropdown-item-padding-tight:0.25rem 0.75rem 0.25rem 0.675rem;--plasma-dropdown-item-border-radius:0.5rem;--plasma-dropdown-divider-margin-top:0.375rem;--plasma-dropdown-divider-margin-right:0.75rem;--plasma-dropdown-divider-margin-bottom:0.375rem;--plasma-dropdown-divider-margin-left:0.75rem;--plasma-dropdown-divider-margin-top-tight:0.25rem;--plasma-dropdown-divider-margin-bottom-tight:0.25rem;--plasma-dropdown-item-font-family:var(--plasma-typo-body-s-font-family);--plasma-dropdown-item-font-size:var(--plasma-typo-body-s-font-size);--plasma-dropdown-item-font-style:var(--plasma-typo-body-s-font-style);--plasma-dropdown-item-letter-spacing:var(--plasma-typo-body-s-font-weight);--plasma-dropdown-item-line-height:var(--plasma-typo-body-s-letter-spacing);--plasma-dropdown-item-font-weight:var(--plasma-typo-body-s-line-height);--plasma-dropdown-cell-padding:0rem;--plasma-dropdown-cell-padding-left-content:0rem;--plasma-dropdown-cell-padding-content:0rem;--plasma-dropdown-cell-padding-right-content:0rem;--plasma-dropdown-cell-textbox-gap:0.125rem;--plasma-dropdown-cell-gap:0.375rem;--plasma-dropdown-cell-title-font-family:var(--plasma-typo-body-s-font-family);--plasma-dropdown-cell-title-font-size:var(--plasma-typo-body-s-font-size);--plasma-dropdown-cell-title-font-style:var(--plasma-typo-body-s-font-style);--plasma-dropdown-cell-title-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-dropdown-cell-title-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-dropdown-cell-title-line-height:var(--plasma-typo-body-s-line-height);}
235
+ .Dropdown_config_1tiyqmq_xj8enjv__446c1630{--plasma-dropdown-padding:0.125rem;--plasma-dropdown-width:10rem;--plasma-dropdown-border-radius:0.5rem;--plasma-dropdown-item-height:1rem;--plasma-dropdown-item-padding:0.5rem 0.5rem 0.5rem 0.375rem;--plasma-dropdown-item-padding-tight:0.25rem 0.5rem 0.25rem 0.375rem;--plasma-dropdown-item-border-radius:0.375rem;--plasma-dropdown-divider-margin-top:0.25rem;--plasma-dropdown-divider-margin-right:0.5rem;--plasma-dropdown-divider-margin-bottom:0.25rem;--plasma-dropdown-divider-margin-left:0.5rem;--plasma-dropdown-divider-margin-top-tight:0.125rem;--plasma-dropdown-divider-margin-bottom-tight:0.125rem;--plasma-dropdown-item-font-family:var(--plasma-typo-body-xs-font-family);--plasma-dropdown-item-font-size:var(--plasma-typo-body-xs-font-size);--plasma-dropdown-item-font-style:var(--plasma-typo-body-xs-font-style);--plasma-dropdown-item-letter-spacing:var(--plasma-typo-body-xs-font-weight);--plasma-dropdown-item-line-height:var(--plasma-typo-body-xs-letter-spacing);--plasma-dropdown-item-font-weight:var(--plasma-typo-body-xs-line-height);--plasma-dropdown-cell-padding:0rem;--plasma-dropdown-cell-padding-left-content:0rem;--plasma-dropdown-cell-padding-content:0rem;--plasma-dropdown-cell-padding-right-content:0rem;--plasma-dropdown-cell-textbox-gap:0.125rem;--plasma-dropdown-cell-gap:0.25rem;--plasma-dropdown-cell-title-font-family:var(--plasma-typo-body-xs-font-family);--plasma-dropdown-cell-title-font-size:var(--plasma-typo-body-xs-font-size);--plasma-dropdown-cell-title-font-style:var(--plasma-typo-body-xs-font-style);--plasma-dropdown-cell-title-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-dropdown-cell-title-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-dropdown-cell-title-line-height:var(--plasma-typo-body-xs-line-height);}
236
+ .Dropdown_config_1tiyqmq_da0vaum__446c1630{--plasma-dropdown-divider-color:var(--surface-transparent-tertiary);}
237
237
 
238
238
  .DropdownOld_config_11xcwfh_xy53zv1__a82e8a13{--plasma-dropdown-width:100%;--plasma-dropdown-height:auto;--plasma-dropdown-border-radius:0.5rem;--plasma-dropdown-padding-top:0.125rem;--plasma-dropdown-padding-right:0.0625rem;--plasma-dropdown-padding-bottom:0.125rem;--plasma-dropdown-padding-left:0.125rem;--plasma-dropdown-item-width:auto;--plasma-dropdown-item-height:auto;--plasma-dropdown-item-margin-top:0;--plasma-dropdown-item-margin-right:0;--plasma-dropdown-item-margin-bottom:0;--plasma-dropdown-item-margin-left:0;--plasma-dropdown-item-padding-top:0.5625rem;--plasma-dropdown-item-padding-right:0.5rem;--plasma-dropdown-item-padding-bottom:0.5625rem;--plasma-dropdown-item-padding-left:0.5rem;--plasma-dropdown-item-border-radius:0.375rem;--plasma-dropdown-item-font-family:var(--plasma-typo-body-xs-font-family);--plasma-dropdown-item-font-size:var(--plasma-typo-body-xs-font-size);--plasma-dropdown-item-font-style:var(--plasma-typo-body-xs-font-style);--plasma-dropdown-item-letter-spacing:var(--plasma-typo-body-xs-font-weight);--plasma-dropdown-item-line-height:var(--plasma-typo-body-xs-letter-spacing);--plasma-dropdown-item-font-weight:var(--plasma-typo-body-xs-line-height);}
239
239
  .DropdownOld_config_11xcwfh_s1vd6y5w__a82e8a13{--plasma-dropdown-width:100%;--plasma-dropdown-height:auto;--plasma-dropdown-border-radius:0.5rem;--plasma-dropdown-padding-top:0.125rem;--plasma-dropdown-padding-right:0.0625rem;--plasma-dropdown-padding-bottom:0.125rem;--plasma-dropdown-padding-left:0.125rem;--plasma-dropdown-item-width:auto;--plasma-dropdown-item-height:auto;--plasma-dropdown-item-margin-top:0;--plasma-dropdown-item-margin-right:0;--plasma-dropdown-item-margin-bottom:0;--plasma-dropdown-item-margin-left:0;--plasma-dropdown-item-padding-top:0.6875rem;--plasma-dropdown-item-padding-right:0.75rem;--plasma-dropdown-item-padding-bottom:0.6875rem;--plasma-dropdown-item-padding-left:0.75rem;--plasma-dropdown-item-border-radius:0.5rem;--plasma-dropdown-item-font-family:var(--plasma-typo-body-s-font-family);--plasma-dropdown-item-font-size:var(--plasma-typo-body-s-font-size);--plasma-dropdown-item-font-style:var(--plasma-typo-body-s-font-style);--plasma-dropdown-item-letter-spacing:var(--plasma-typo-body-s-font-weight);--plasma-dropdown-item-line-height:var(--plasma-typo-body-s-letter-spacing);--plasma-dropdown-item-font-weight:var(--plasma-typo-body-s-line-height);}
package/es/components/Dropdown/Dropdown.config.js CHANGED
@@ -1,6 +1,6 @@
1
1
  var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
2
2
  function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
3
- import { css, dropdownTokens } from '@salutejs/plasma-new-hope/styled-components';
3
+ import { css, dropdownTokens as tokens } from '@salutejs/plasma-new-hope/styled-components';
4
4
  export var config = {
5
5
  defaults: {
6
6
  view: 'default',
@@ -8,13 +8,13 @@ export var config = {
8
8
  },
9
9
  variations: {
10
10
  size: {
11
- xs: /*#__PURE__*/css(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.125rem;\n ", ": 10rem;\n ", ": 0.5rem;\n\n ", ": 0.5625rem;\n ", ": 0.5rem;\n ", ": 0.5625rem;\n ", ": 0.5rem;\n ", ": 0.375rem;\n ", ": 0.3125rem;\n ", ": 0.3125rem;\n\n ", ": 0.25rem;\n ", ": 0.5rem;\n ", ": 0.25rem;\n ", ": 0.5rem;\n ", ": 0.125rem;\n ", ": 0.125rem;\n\n ", ": var(--plasma-typo-body-xs-font-family);\n ", ": var(--plasma-typo-body-xs-font-size);\n ", ": var(--plasma-typo-body-xs-font-style);\n ", ": var(--plasma-typo-body-xs-font-weight);\n ", ": var(--plasma-typo-body-xs-letter-spacing);\n ", ": var(--plasma-typo-body-xs-line-height);\n "])), dropdownTokens.padding, dropdownTokens.width, dropdownTokens.borderRadius, dropdownTokens.itemPaddingTop, dropdownTokens.itemPaddingRight, dropdownTokens.itemPaddingBottom, dropdownTokens.itemPaddingLeft, dropdownTokens.itemBorderRadius, dropdownTokens.itemPaddingTopTight, dropdownTokens.itemPaddingBottomTight, dropdownTokens.dividerMarginTop, dropdownTokens.dividerMarginRight, dropdownTokens.dividerMarginBottom, dropdownTokens.dividerMarginLeft, dropdownTokens.dividerMarginTopTight, dropdownTokens.dividerMarginBottomTight, dropdownTokens.itemFontFamily, dropdownTokens.itemFontSize, dropdownTokens.itemFontStyle, dropdownTokens.itemFontWeightBold, dropdownTokens.itemFontLetterSpacing, dropdownTokens.itemFontLineHeight),
12
- s: /*#__PURE__*/css(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.125rem;\n ", ": 12.5rem;\n ", ": 0.625rem;\n\n ", ": 0.6875rem;\n ", ": 0.75rem;\n ", ": 0.6875rem;\n ", ": 0.75rem;\n ", ": 0.5rem;\n ", ": 0.4375rem;\n ", ": 0.4375rem;\n\n ", ": 0.375rem;\n ", ": 0.75rem;\n ", ": 0.375rem;\n ", ": 0.75rem;\n ", ": 0.25rem;\n ", ": 0.25rem;\n\n ", ": var(--plasma-typo-body-s-font-family);\n ", ": var(--plasma-typo-body-s-font-size);\n ", ": var(--plasma-typo-body-s-font-style);\n ", ": var(--plasma-typo-body-s-font-weight);\n ", ": var(--plasma-typo-body-s-letter-spacing);\n ", ": var(--plasma-typo-body-s-line-height);\n "])), dropdownTokens.padding, dropdownTokens.width, dropdownTokens.borderRadius, dropdownTokens.itemPaddingTop, dropdownTokens.itemPaddingRight, dropdownTokens.itemPaddingBottom, dropdownTokens.itemPaddingLeft, dropdownTokens.itemBorderRadius, dropdownTokens.itemPaddingTopTight, dropdownTokens.itemPaddingBottomTight, dropdownTokens.dividerMarginTop, dropdownTokens.dividerMarginRight, dropdownTokens.dividerMarginBottom, dropdownTokens.dividerMarginLeft, dropdownTokens.dividerMarginTopTight, dropdownTokens.dividerMarginBottomTight, dropdownTokens.itemFontFamily, dropdownTokens.itemFontSize, dropdownTokens.itemFontStyle, dropdownTokens.itemFontWeightBold, dropdownTokens.itemFontLetterSpacing, dropdownTokens.itemFontLineHeight),
13
- m: /*#__PURE__*/css(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.125rem;\n ", ": 15rem;\n ", ": 0.75rem;\n\n ", ": 0.875rem;\n ", ": 0.875rem;\n ", ": 0.875rem;\n ", ": 0.875rem;\n ", ": 0.625rem;\n ", ": 0.625rem;\n ", ": 0.625rem;\n\n ", ": 0.375rem;\n ", ": 0.875rem;\n ", ": 0.375rem;\n ", ": 0.875rem;\n ", ": 0.375rem;\n ", ": 0.375rem;\n\n ", ": var(--plasma-typo-body-m-font-family);\n ", ": var(--plasma-typo-body-m-font-size);\n ", ": var(--plasma-typo-body-m-font-style);\n ", ": var(--plasma-typo-body-m-font-weight);\n ", ": var(--plasma-typo-body-m-letter-spacing);\n ", ": var(--plasma-typo-body-m-line-height);\n "])), dropdownTokens.padding, dropdownTokens.width, dropdownTokens.borderRadius, dropdownTokens.itemPaddingTop, dropdownTokens.itemPaddingRight, dropdownTokens.itemPaddingBottom, dropdownTokens.itemPaddingLeft, dropdownTokens.itemBorderRadius, dropdownTokens.itemPaddingTopTight, dropdownTokens.itemPaddingBottomTight, dropdownTokens.dividerMarginTop, dropdownTokens.dividerMarginRight, dropdownTokens.dividerMarginBottom, dropdownTokens.dividerMarginLeft, dropdownTokens.dividerMarginTopTight, dropdownTokens.dividerMarginBottomTight, dropdownTokens.itemFontFamily, dropdownTokens.itemFontSize, dropdownTokens.itemFontStyle, dropdownTokens.itemFontWeightBold, dropdownTokens.itemFontLetterSpacing, dropdownTokens.itemFontLineHeight),
14
- l: /*#__PURE__*/css(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.125rem;\n ", ": 17.5rem;\n ", ": 0.875rem;\n\n ", ": 1.0625rem;\n ", ": 1rem;\n ", ": 1.0625rem;\n ", ": 1rem;\n ", ": 0.75rem;\n ", ": 0.8125rem;\n ", ": 0.8125rem;\n\n ", ": 0.5rem;\n ", ": 1.125rem;\n ", ": 0.5rem;\n ", ": 1.125rem;\n ", ": 0.375rem;\n ", ": 0.375rem;\n\n ", ": var(--plasma-typo-body-l-font-family);\n ", ": var(--plasma-typo-body-l-font-size);\n ", ": var(--plasma-typo-body-l-font-style);\n ", ": var(--plasma-typo-body-l-font-weight);\n ", ": var(--plasma-typo-body-l-letter-spacing);\n ", ": var(--plasma-typo-body-l-line-height);\n "])), dropdownTokens.padding, dropdownTokens.width, dropdownTokens.borderRadius, dropdownTokens.itemPaddingTop, dropdownTokens.itemPaddingRight, dropdownTokens.itemPaddingBottom, dropdownTokens.itemPaddingLeft, dropdownTokens.itemBorderRadius, dropdownTokens.itemPaddingTopTight, dropdownTokens.itemPaddingBottomTight, dropdownTokens.dividerMarginTop, dropdownTokens.dividerMarginRight, dropdownTokens.dividerMarginBottom, dropdownTokens.dividerMarginLeft, dropdownTokens.dividerMarginTopTight, dropdownTokens.dividerMarginBottomTight, dropdownTokens.itemFontFamily, dropdownTokens.itemFontSize, dropdownTokens.itemFontStyle, dropdownTokens.itemFontWeightBold, dropdownTokens.itemFontLetterSpacing, dropdownTokens.itemFontLineHeight)
11
+ l: /*#__PURE__*/css(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.125rem;\n ", ": 17.5rem;\n ", ": 0.875rem;\n\n ", ": 1.5rem;\n ", ": 1rem 1rem 1rem 0.875rem;\n ", ": 0.75rem 1rem 0.75rem 0.875rem;\n ", ": 0.75rem;\n\n ", ": 0.5rem;\n ", ": 1.125rem;\n ", ": 0.5rem;\n ", ": 1.125rem;\n ", ": 0.375rem;\n ", ": 0.375rem;\n\n ", ": var(--plasma-typo-body-l-font-family);\n ", ": var(--plasma-typo-body-l-font-size);\n ", ": var(--plasma-typo-body-l-font-style);\n ", ": var(--plasma-typo-body-l-font-weight);\n ", ": var(--plasma-typo-body-l-letter-spacing);\n ", ": var(--plasma-typo-body-l-line-height);\n\n ", ": 0rem;\n ", ": 0rem;\n ", ": 0rem;\n ", ": 0rem;\n ", ": 0.125rem;\n ", ": 0.375rem;\n ", ": var(--plasma-typo-body-l-font-family);\n ", ": var(--plasma-typo-body-l-font-size);\n ", ": var(--plasma-typo-body-l-font-style);\n ", ": var(--plasma-typo-body-l-font-weight);\n ", ": var(--plasma-typo-body-l-letter-spacing);\n ", ": var(--plasma-typo-body-l-line-height);\n "])), tokens.padding, tokens.width, tokens.borderRadius, tokens.itemHeight, tokens.itemPadding, tokens.itemPaddingTight, tokens.itemBorderRadius, tokens.dividerMarginTop, tokens.dividerMarginRight, tokens.dividerMarginBottom, tokens.dividerMarginLeft, tokens.dividerMarginTopTight, tokens.dividerMarginBottomTight, tokens.itemFontFamily, tokens.itemFontSize, tokens.itemFontStyle, tokens.itemFontWeightBold, tokens.itemFontLetterSpacing, tokens.itemFontLineHeight, tokens.cellPadding, tokens.cellPaddingLeftContent, tokens.cellPaddingContent, tokens.cellPaddingRightContent, tokens.cellTextboxGap, tokens.cellGap, tokens.cellTitleFontFamily, tokens.cellTitleFontSize, tokens.cellTitleFontStyle, tokens.cellTitleFontWeight, tokens.cellTitleLetterSpacing, tokens.cellTitleLineHeight),
12
+ m: /*#__PURE__*/css(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.125rem;\n ", ": 15rem;\n ", ": 0.75rem;\n\n ", ": 1.5rem;\n ", ": 0.75rem 0.75rem 0.75rem 0.75rem;\n ", ": 0.5rem 0.75rem 0.5rem 0.75rem;\n ", ": 0.625rem;\n\n ", ": 0.375rem;\n ", ": 0.875rem;\n ", ": 0.375rem;\n ", ": 0.875rem;\n ", ": 0.375rem;\n ", ": 0.375rem;\n\n ", ": var(--plasma-typo-body-m-font-family);\n ", ": var(--plasma-typo-body-m-font-size);\n ", ": var(--plasma-typo-body-m-font-style);\n ", ": var(--plasma-typo-body-m-font-weight);\n ", ": var(--plasma-typo-body-m-letter-spacing);\n ", ": var(--plasma-typo-body-m-line-height);\n\n ", ": 0rem;\n ", ": 0rem;\n ", ": 0rem;\n ", ": 0rem;\n ", ": 0.125rem;\n ", ": 0.375rem;\n ", ": var(--plasma-typo-body-m-font-family);\n ", ": var(--plasma-typo-body-m-font-size);\n ", ": var(--plasma-typo-body-m-font-style);\n ", ": var(--plasma-typo-body-m-font-weight);\n ", ": var(--plasma-typo-body-m-letter-spacing);\n ", ": var(--plasma-typo-body-m-line-height);\n "])), tokens.padding, tokens.width, tokens.borderRadius, tokens.itemHeight, tokens.itemPadding, tokens.itemPaddingTight, tokens.itemBorderRadius, tokens.dividerMarginTop, tokens.dividerMarginRight, tokens.dividerMarginBottom, tokens.dividerMarginLeft, tokens.dividerMarginTopTight, tokens.dividerMarginBottomTight, tokens.itemFontFamily, tokens.itemFontSize, tokens.itemFontStyle, tokens.itemFontWeightBold, tokens.itemFontLetterSpacing, tokens.itemFontLineHeight, tokens.cellPadding, tokens.cellPaddingLeftContent, tokens.cellPaddingContent, tokens.cellPaddingRightContent, tokens.cellTextboxGap, tokens.cellGap, tokens.cellTitleFontFamily, tokens.cellTitleFontSize, tokens.cellTitleFontStyle, tokens.cellTitleFontWeight, tokens.cellTitleLetterSpacing, tokens.cellTitleLineHeight),
13
+ s: /*#__PURE__*/css(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.125rem;\n ", ": 12.5rem;\n ", ": 0.625rem;\n\n ", ": 1.5rem;\n ", ": 0.5rem 0.75rem 0.5rem 0.675rem;\n ", ": 0.25rem 0.75rem 0.25rem 0.675rem;\n ", ": 0.5rem;\n\n ", ": 0.375rem;\n ", ": 0.75rem;\n ", ": 0.375rem;\n ", ": 0.75rem;\n ", ": 0.25rem;\n ", ": 0.25rem;\n\n ", ": var(--plasma-typo-body-s-font-family);\n ", ": var(--plasma-typo-body-s-font-size);\n ", ": var(--plasma-typo-body-s-font-style);\n ", ": var(--plasma-typo-body-s-font-weight);\n ", ": var(--plasma-typo-body-s-letter-spacing);\n ", ": var(--plasma-typo-body-s-line-height);\n\n ", ": 0rem;\n ", ": 0rem;\n ", ": 0rem;\n ", ": 0rem;\n ", ": 0.125rem;\n ", ": 0.375rem;\n ", ": var(--plasma-typo-body-s-font-family);\n ", ": var(--plasma-typo-body-s-font-size);\n ", ": var(--plasma-typo-body-s-font-style);\n ", ": var(--plasma-typo-body-s-font-weight);\n ", ": var(--plasma-typo-body-s-letter-spacing);\n ", ": var(--plasma-typo-body-s-line-height);\n "])), tokens.padding, tokens.width, tokens.borderRadius, tokens.itemHeight, tokens.itemPadding, tokens.itemPaddingTight, tokens.itemBorderRadius, tokens.dividerMarginTop, tokens.dividerMarginRight, tokens.dividerMarginBottom, tokens.dividerMarginLeft, tokens.dividerMarginTopTight, tokens.dividerMarginBottomTight, tokens.itemFontFamily, tokens.itemFontSize, tokens.itemFontStyle, tokens.itemFontWeightBold, tokens.itemFontLetterSpacing, tokens.itemFontLineHeight, tokens.cellPadding, tokens.cellPaddingLeftContent, tokens.cellPaddingContent, tokens.cellPaddingRightContent, tokens.cellTextboxGap, tokens.cellGap, tokens.cellTitleFontFamily, tokens.cellTitleFontSize, tokens.cellTitleFontStyle, tokens.cellTitleFontWeight, tokens.cellTitleLetterSpacing, tokens.cellTitleLineHeight),
14
+ xs: /*#__PURE__*/css(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.125rem;\n ", ": 10rem;\n ", ": 0.5rem;\n\n ", ": 1rem;\n ", ": 0.5rem 0.5rem 0.5rem 0.375rem;\n ", ": 0.25rem 0.5rem 0.25rem 0.375rem;\n ", ": 0.375rem;\n\n ", ": 0.25rem;\n ", ": 0.5rem;\n ", ": 0.25rem;\n ", ": 0.5rem;\n ", ": 0.125rem;\n ", ": 0.125rem;\n\n ", ": var(--plasma-typo-body-xs-font-family);\n ", ": var(--plasma-typo-body-xs-font-size);\n ", ": var(--plasma-typo-body-xs-font-style);\n ", ": var(--plasma-typo-body-xs-font-weight);\n ", ": var(--plasma-typo-body-xs-letter-spacing);\n ", ": var(--plasma-typo-body-xs-line-height);\n\n ", ": 0rem;\n ", ": 0rem;\n ", ": 0rem;\n ", ": 0rem;\n ", ": 0.125rem;\n ", ": 0.25rem;\n ", ": var(--plasma-typo-body-xs-font-family);\n ", ": var(--plasma-typo-body-xs-font-size);\n ", ": var(--plasma-typo-body-xs-font-style);\n ", ": var(--plasma-typo-body-xs-font-weight);\n ", ": var(--plasma-typo-body-xs-letter-spacing);\n ", ": var(--plasma-typo-body-xs-line-height);\n "])), tokens.padding, tokens.width, tokens.borderRadius, tokens.itemHeight, tokens.itemPadding, tokens.itemPaddingTight, tokens.itemBorderRadius, tokens.dividerMarginTop, tokens.dividerMarginRight, tokens.dividerMarginBottom, tokens.dividerMarginLeft, tokens.dividerMarginTopTight, tokens.dividerMarginBottomTight, tokens.itemFontFamily, tokens.itemFontSize, tokens.itemFontStyle, tokens.itemFontWeightBold, tokens.itemFontLetterSpacing, tokens.itemFontLineHeight, tokens.cellPadding, tokens.cellPaddingLeftContent, tokens.cellPaddingContent, tokens.cellPaddingRightContent, tokens.cellTextboxGap, tokens.cellGap, tokens.cellTitleFontFamily, tokens.cellTitleFontSize, tokens.cellTitleFontStyle, tokens.cellTitleFontWeight, tokens.cellTitleLetterSpacing, tokens.cellTitleLineHeight)
15
15
  },
16
16
  view: {
17
- "default": /*#__PURE__*/css(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.4;\n ", ": var(--surface-accent);\n ", ": var(--surface-solid-card-brightness);\n ", ": 0px 4px 14px -4px rgba(8, 8, 8, 0.08), 0px 1px 4px -1px rgba(0, 0, 0, 0.04);\n ", ": var(--text-secondary);\n ", ": var(--surface-clear);\n ", ": var(--surface-transparent-secondary);\n ", ": var(--text-primary);\n ", ": var(--surface-transparent-tertiary);\n "])), dropdownTokens.disabledOpacity, dropdownTokens.focusColor, dropdownTokens.background, dropdownTokens.boxShadow, dropdownTokens.disclosureIconColor, dropdownTokens.itemBackground, dropdownTokens.itemBackgroundHover, dropdownTokens.itemColor, dropdownTokens.dividerColor)
17
+ "default": /*#__PURE__*/css(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--surface-transparent-tertiary);\n "])), tokens.dividerColor)
18
18
  }
19
19
  }
20
20
  };
package/es/components/Dropdown/components/DropdownPopup.js CHANGED
@@ -1,4 +1,4 @@
1
- var _excluded = ["trigger", "children", "isOpen", "disclosure", "onToggle", "placement", "offsetTop"];
1
+ var _excluded = ["trigger", "children", "opened", "isOpen", "disclosure", "onToggle", "placement", "offsetTop"];
2
2
  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); }
3
3
  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; }
4
4
  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; }
@@ -10,6 +10,7 @@ var DropdownNewHope = /*#__PURE__*/component(mergedConfig);
10
10
  export var DropdownPopup = /*#__PURE__*/forwardRef(function (props, ref) {
11
11
  var trigger = props.trigger,
12
12
  children = props.children,
13
+ opened = props.opened,
13
14
  isOpen = props.isOpen,
14
15
  disclosure = props.disclosure,
15
16
  onToggle = props.onToggle,
@@ -21,7 +22,8 @@ export var DropdownPopup = /*#__PURE__*/forwardRef(function (props, ref) {
21
22
  ref: ref,
22
23
  onToggle: onToggle,
23
24
  target: disclosure,
24
- opened: isOpen,
25
+ opened: opened,
26
+ isOpen: isOpen,
25
27
  trigger: trigger,
26
28
  placement: placement,
27
29
  offset: [offsetAtTop, 0]
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@salutejs/plasma-web",
3
- "version": "1.426.0-canary.1488.11458822191.0",
3
+ "version": "1.426.0-canary.1497.11459278795.0",
4
4
  "description": "Salute Design System / React UI kit for web applications",
5
5
  "author": "Salute Frontend Team <salute.developers@gmail.com>",
6
6
  "license": "MIT",
@@ -21,8 +21,8 @@
21
21
  "dependencies": {
22
22
  "@salutejs/plasma-core": "1.183.0-dev.0",
23
23
  "@salutejs/plasma-hope": "1.316.0-dev.0",
24
- "@salutejs/plasma-new-hope": "0.173.0-canary.1488.11458822191.0",
25
- "@salutejs/plasma-themes": "0.22.0-canary.1488.11458822191.0",
24
+ "@salutejs/plasma-new-hope": "0.173.0-canary.1497.11459278795.0",
25
+ "@salutejs/plasma-themes": "0.21.0-dev.0",
26
26
  "@salutejs/plasma-tokens-b2b": "1.43.0",
27
27
  "@salutejs/plasma-tokens-b2c": "0.53.0",
28
28
  "@salutejs/plasma-tokens-web": "1.58.0",
@@ -112,5 +112,5 @@
112
112
  "Fanil Zubairov"
113
113
  ],
114
114
  "sideEffects": false,
115
- "gitHead": "6acfa715c176312ba9570bc115b9dffff9ae2f21"
115
+ "gitHead": "cca28a8f90b8bbe88744192e7be70976c7701775"
116
116
  }
package/temp/plasma-web.api.md CHANGED
@@ -133,6 +133,7 @@ import { DropdownItem as DropdownItemType } from '@salutejs/plasma-hope';
133
133
  import { DropdownNodeType } from '@salutejs/plasma-hope';
134
134
  import { DropdownPopupProps } from '@salutejs/plasma-hope';
135
135
  import { DropdownProps } from '@salutejs/plasma-new-hope/styled-components';
136
+ import { DropdownProps as DropdownProps_2 } from '@salutejs/plasma-new-hope/types/components/Dropdown/Dropdown.types';
136
137
  import { EditableProps } from '@salutejs/plasma-new-hope/types/components/Editable/Editable.types';
137
138
  import { ElasticGrid } from '@salutejs/plasma-hope';
138
139
  import { ElasticGridProps } from '@salutejs/plasma-hope';
@@ -1503,15 +1504,15 @@ export { DrawerProps }
1503
1504
  // @public (undocumented)
1504
1505
  export const Dropdown: FunctionComponent<PropsType< {
1505
1506
  size: {
1506
- xs: PolymorphicClassName;
1507
- s: PolymorphicClassName;
1508
- m: PolymorphicClassName;
1509
1507
  l: PolymorphicClassName;
1508
+ m: PolymorphicClassName;
1509
+ s: PolymorphicClassName;
1510
+ xs: PolymorphicClassName;
1510
1511
  };
1511
1512
  view: {
1512
1513
  default: PolymorphicClassName;
1513
1514
  };
1514
- }> & DropdownProps & RefAttributes<HTMLDivElement>>;
1515
+ }> & DropdownProps_2 & RefAttributes<HTMLDivElement>>;
1515
1516
 
1516
1517
  // @public (undocumented)
1517
1518
  export const DropdownItem: React_2.ForwardRefExoticComponent<DropdownItemProps & React_2.RefAttributes<HTMLDivElement>>;
package/components/Dropdown/Dropdown.perftest.js DELETED
@@ -1,175 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.Trigger = void 0;
7
- var _react = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("react"));
8
- var _plasmaIcons = /*#__PURE__*/require("@salutejs/plasma-icons");
9
- var _Button = /*#__PURE__*/require("../Button");
10
- var _ = /*#__PURE__*/require(".");
11
- var _Dropdown;
12
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
13
- var items = [{
14
- value: 'north_america',
15
- label: 'Северная Америка',
16
- contentLeft: /*#__PURE__*/_react["default"].createElement(_plasmaIcons.IconLocation, {
17
- color: "inherit"
18
- }),
19
- contentRight: /*#__PURE__*/_react["default"].createElement(_plasmaIcons.IconLocation, {
20
- color: "inherit"
21
- })
22
- }, {
23
- value: 'south_america',
24
- label: 'Южная Америка',
25
- items: [{
26
- value: 'brazil',
27
- label: 'Бразилия',
28
- items: [{
29
- value: 'rio_de_janeiro',
30
- label: 'Рио-де-Жанейро'
31
- }, {
32
- value: 'sao_paulo',
33
- label: 'Сан-Паулу'
34
- }]
35
- }, {
36
- value: 'argentina',
37
- label: 'Аргентина',
38
- items: [{
39
- value: 'buenos_aires',
40
- label: 'Буэнос-Айрес'
41
- }, {
42
- value: 'cordoba',
43
- label: 'Кордова'
44
- }]
45
- }, {
46
- value: 'colombia',
47
- label: 'Колумбия',
48
- items: [{
49
- value: 'bogota',
50
- label: 'Богота'
51
- }, {
52
- value: 'medellin',
53
- label: 'Медельин'
54
- }]
55
- }]
56
- }, {
57
- value: 'europe',
58
- label: 'Европа',
59
- items: [{
60
- value: 'france',
61
- label: 'Франция',
62
- items: [{
63
- value: 'paris',
64
- label: 'Париж'
65
- }, {
66
- value: 'lyon',
67
- label: 'Лион'
68
- }]
69
- }, {
70
- value: 'germany',
71
- label: 'Германия',
72
- items: [{
73
- value: 'berlin',
74
- label: 'Берлин'
75
- }, {
76
- value: 'munich',
77
- label: 'Мюнхен'
78
- }]
79
- }, {
80
- value: 'italy',
81
- label: 'Италия',
82
- items: [{
83
- value: 'rome',
84
- label: 'Рим'
85
- }, {
86
- value: 'milan',
87
- label: 'Милан'
88
- }]
89
- }, {
90
- value: 'spain',
91
- label: 'Испания',
92
- items: [{
93
- value: 'madrid',
94
- label: 'Мадрид'
95
- }, {
96
- value: 'barcelona',
97
- label: 'Барселона'
98
- }]
99
- }, {
100
- value: 'united_kingdom',
101
- label: 'Великобритания',
102
- items: [{
103
- value: 'london',
104
- label: 'Лондон'
105
- }, {
106
- value: 'manchester',
107
- label: 'Манчестер'
108
- }]
109
- }]
110
- }, {
111
- value: 'asia',
112
- label: 'Азия',
113
- items: [{
114
- value: 'china',
115
- label: 'Китай',
116
- items: [{
117
- value: 'beijing',
118
- label: 'Пекин'
119
- }, {
120
- value: 'shanghai',
121
- label: 'Шанхай'
122
- }]
123
- }, {
124
- value: 'japan',
125
- label: 'Япония',
126
- items: [{
127
- value: 'tokyo',
128
- label: 'Токио'
129
- }, {
130
- value: 'osaka',
131
- label: 'Осака'
132
- }]
133
- }, {
134
- value: 'india',
135
- label: 'Индия',
136
- items: [{
137
- value: 'delhi',
138
- label: 'Дели'
139
- }, {
140
- value: 'mumbai',
141
- label: 'Мумбаи'
142
- }]
143
- }, {
144
- value: 'south_korea',
145
- label: 'Южная Корея',
146
- items: [{
147
- value: 'seoul',
148
- label: 'Сеул'
149
- }, {
150
- value: 'busan',
151
- label: 'Пусан'
152
- }]
153
- }, {
154
- value: 'thailand',
155
- label: 'Таиланд',
156
- items: [{
157
- value: 'bangkok',
158
- label: 'Бангкок'
159
- }, {
160
- value: 'phuket',
161
- label: 'Пхукет'
162
- }]
163
- }]
164
- }, {
165
- value: 'africa',
166
- label: 'Африка',
167
- disabled: true
168
- }];
169
- var Trigger = exports.Trigger = function Trigger() {
170
- return _Dropdown || (_Dropdown = /*#__PURE__*/_react["default"].createElement(_.Dropdown, {
171
- items: items
172
- }, /*#__PURE__*/_react["default"].createElement(_Button.Button, {
173
- text: "\u0421\u043F\u0438\u0441\u043E\u043A \u0441\u0442\u0440\u0430\u043D"
174
- })));
175
- };
package/css/cjs/components/Dropdown/Dropdown.config_7l17mu.css DELETED
@@ -1,5 +0,0 @@
1
- .xuajbqv{--plasma-dropdown-padding:0.125rem;--plasma-dropdown-width:10rem;--plasma-dropdown-border-radius:0.5rem;--plasma-dropdown-item-padding-top:0.5625rem;--plasma-dropdown-item-padding-right:0.5rem;--plasma-dropdown-item-padding-bottom:0.5625rem;--plasma-dropdown-item-padding-left:0.5rem;--plasma-dropdown-item-border-radius:0.375rem;--plasma-dropdown-item-padding-top-tight:0.3125rem;--plasma-dropdown-item-padding-bottom-tight:0.3125rem;--plasma-dropdown-divider-margin-top:0.25rem;--plasma-dropdown-divider-margin-right:0.5rem;--plasma-dropdown-divider-margin-bottom:0.25rem;--plasma-dropdown-divider-margin-left:0.5rem;--plasma-dropdown-divider-margin-top-tight:0.125rem;--plasma-dropdown-divider-margin-bottom-tight:0.125rem;--plasma-dropdown-item-font-family:var(--plasma-typo-body-xs-font-family);--plasma-dropdown-item-font-size:var(--plasma-typo-body-xs-font-size);--plasma-dropdown-item-font-style:var(--plasma-typo-body-xs-font-style);--plasma-dropdown-item-letter-spacing:var(--plasma-typo-body-xs-font-weight);--plasma-dropdown-item-line-height:var(--plasma-typo-body-xs-letter-spacing);--plasma-dropdown-item-font-weight:var(--plasma-typo-body-xs-line-height);}
2
- .sxwpid0{--plasma-dropdown-padding:0.125rem;--plasma-dropdown-width:12.5rem;--plasma-dropdown-border-radius:0.625rem;--plasma-dropdown-item-padding-top:0.6875rem;--plasma-dropdown-item-padding-right:0.75rem;--plasma-dropdown-item-padding-bottom:0.6875rem;--plasma-dropdown-item-padding-left:0.75rem;--plasma-dropdown-item-border-radius:0.5rem;--plasma-dropdown-item-padding-top-tight:0.4375rem;--plasma-dropdown-item-padding-bottom-tight:0.4375rem;--plasma-dropdown-divider-margin-top:0.375rem;--plasma-dropdown-divider-margin-right:0.75rem;--plasma-dropdown-divider-margin-bottom:0.375rem;--plasma-dropdown-divider-margin-left:0.75rem;--plasma-dropdown-divider-margin-top-tight:0.25rem;--plasma-dropdown-divider-margin-bottom-tight:0.25rem;--plasma-dropdown-item-font-family:var(--plasma-typo-body-s-font-family);--plasma-dropdown-item-font-size:var(--plasma-typo-body-s-font-size);--plasma-dropdown-item-font-style:var(--plasma-typo-body-s-font-style);--plasma-dropdown-item-letter-spacing:var(--plasma-typo-body-s-font-weight);--plasma-dropdown-item-line-height:var(--plasma-typo-body-s-letter-spacing);--plasma-dropdown-item-font-weight:var(--plasma-typo-body-s-line-height);}
3
- .m12u1ccx{--plasma-dropdown-padding:0.125rem;--plasma-dropdown-width:15rem;--plasma-dropdown-border-radius:0.75rem;--plasma-dropdown-item-padding-top:0.875rem;--plasma-dropdown-item-padding-right:0.875rem;--plasma-dropdown-item-padding-bottom:0.875rem;--plasma-dropdown-item-padding-left:0.875rem;--plasma-dropdown-item-border-radius:0.625rem;--plasma-dropdown-item-padding-top-tight:0.625rem;--plasma-dropdown-item-padding-bottom-tight:0.625rem;--plasma-dropdown-divider-margin-top:0.375rem;--plasma-dropdown-divider-margin-right:0.875rem;--plasma-dropdown-divider-margin-bottom:0.375rem;--plasma-dropdown-divider-margin-left:0.875rem;--plasma-dropdown-divider-margin-top-tight:0.375rem;--plasma-dropdown-divider-margin-bottom-tight:0.375rem;--plasma-dropdown-item-font-family:var(--plasma-typo-body-m-font-family);--plasma-dropdown-item-font-size:var(--plasma-typo-body-m-font-size);--plasma-dropdown-item-font-style:var(--plasma-typo-body-m-font-style);--plasma-dropdown-item-letter-spacing:var(--plasma-typo-body-m-font-weight);--plasma-dropdown-item-line-height:var(--plasma-typo-body-m-letter-spacing);--plasma-dropdown-item-font-weight:var(--plasma-typo-body-m-line-height);}
4
- .lj8enjv{--plasma-dropdown-padding:0.125rem;--plasma-dropdown-width:17.5rem;--plasma-dropdown-border-radius:0.875rem;--plasma-dropdown-item-padding-top:1.0625rem;--plasma-dropdown-item-padding-right:1rem;--plasma-dropdown-item-padding-bottom:1.0625rem;--plasma-dropdown-item-padding-left:1rem;--plasma-dropdown-item-border-radius:0.75rem;--plasma-dropdown-item-padding-top-tight:0.8125rem;--plasma-dropdown-item-padding-bottom-tight:0.8125rem;--plasma-dropdown-divider-margin-top:0.5rem;--plasma-dropdown-divider-margin-right:1.125rem;--plasma-dropdown-divider-margin-bottom:0.5rem;--plasma-dropdown-divider-margin-left:1.125rem;--plasma-dropdown-divider-margin-top-tight:0.375rem;--plasma-dropdown-divider-margin-bottom-tight:0.375rem;--plasma-dropdown-item-font-family:var(--plasma-typo-body-l-font-family);--plasma-dropdown-item-font-size:var(--plasma-typo-body-l-font-size);--plasma-dropdown-item-font-style:var(--plasma-typo-body-l-font-style);--plasma-dropdown-item-letter-spacing:var(--plasma-typo-body-l-font-weight);--plasma-dropdown-item-line-height:var(--plasma-typo-body-l-letter-spacing);--plasma-dropdown-item-font-weight:var(--plasma-typo-body-l-line-height);}
5
- .da0vaum{--plasma-dropdown-disabled-opacity:0.4;--plasma-dropdown-focus-color:var(--surface-accent);--plasma-dropdown-background:var(--surface-solid-card-brightness);--plasma-dropdown-box-shadow:0px 4px 14px -4px rgba(8,8,8,0.08),0px 1px 4px -1px rgba(0,0,0,0.04);--plasma-dropdown-disclosure-icon-color:var(--text-secondary);--plasma-dropdown-item-background:var(--surface-clear);--plasma-dropdown-item-background-hover:var(--surface-transparent-secondary);--plasma-dropdown-item-color:var(--text-primary);--plasma-dropdown-divider-color:var(--surface-transparent-tertiary);}
package/css/es/components/Dropdown/Dropdown.config_7l17mu.css DELETED
@@ -1,5 +0,0 @@
1
- .xuajbqv{--plasma-dropdown-padding:0.125rem;--plasma-dropdown-width:10rem;--plasma-dropdown-border-radius:0.5rem;--plasma-dropdown-item-padding-top:0.5625rem;--plasma-dropdown-item-padding-right:0.5rem;--plasma-dropdown-item-padding-bottom:0.5625rem;--plasma-dropdown-item-padding-left:0.5rem;--plasma-dropdown-item-border-radius:0.375rem;--plasma-dropdown-item-padding-top-tight:0.3125rem;--plasma-dropdown-item-padding-bottom-tight:0.3125rem;--plasma-dropdown-divider-margin-top:0.25rem;--plasma-dropdown-divider-margin-right:0.5rem;--plasma-dropdown-divider-margin-bottom:0.25rem;--plasma-dropdown-divider-margin-left:0.5rem;--plasma-dropdown-divider-margin-top-tight:0.125rem;--plasma-dropdown-divider-margin-bottom-tight:0.125rem;--plasma-dropdown-item-font-family:var(--plasma-typo-body-xs-font-family);--plasma-dropdown-item-font-size:var(--plasma-typo-body-xs-font-size);--plasma-dropdown-item-font-style:var(--plasma-typo-body-xs-font-style);--plasma-dropdown-item-letter-spacing:var(--plasma-typo-body-xs-font-weight);--plasma-dropdown-item-line-height:var(--plasma-typo-body-xs-letter-spacing);--plasma-dropdown-item-font-weight:var(--plasma-typo-body-xs-line-height);}
2
- .sxwpid0{--plasma-dropdown-padding:0.125rem;--plasma-dropdown-width:12.5rem;--plasma-dropdown-border-radius:0.625rem;--plasma-dropdown-item-padding-top:0.6875rem;--plasma-dropdown-item-padding-right:0.75rem;--plasma-dropdown-item-padding-bottom:0.6875rem;--plasma-dropdown-item-padding-left:0.75rem;--plasma-dropdown-item-border-radius:0.5rem;--plasma-dropdown-item-padding-top-tight:0.4375rem;--plasma-dropdown-item-padding-bottom-tight:0.4375rem;--plasma-dropdown-divider-margin-top:0.375rem;--plasma-dropdown-divider-margin-right:0.75rem;--plasma-dropdown-divider-margin-bottom:0.375rem;--plasma-dropdown-divider-margin-left:0.75rem;--plasma-dropdown-divider-margin-top-tight:0.25rem;--plasma-dropdown-divider-margin-bottom-tight:0.25rem;--plasma-dropdown-item-font-family:var(--plasma-typo-body-s-font-family);--plasma-dropdown-item-font-size:var(--plasma-typo-body-s-font-size);--plasma-dropdown-item-font-style:var(--plasma-typo-body-s-font-style);--plasma-dropdown-item-letter-spacing:var(--plasma-typo-body-s-font-weight);--plasma-dropdown-item-line-height:var(--plasma-typo-body-s-letter-spacing);--plasma-dropdown-item-font-weight:var(--plasma-typo-body-s-line-height);}
3
- .m12u1ccx{--plasma-dropdown-padding:0.125rem;--plasma-dropdown-width:15rem;--plasma-dropdown-border-radius:0.75rem;--plasma-dropdown-item-padding-top:0.875rem;--plasma-dropdown-item-padding-right:0.875rem;--plasma-dropdown-item-padding-bottom:0.875rem;--plasma-dropdown-item-padding-left:0.875rem;--plasma-dropdown-item-border-radius:0.625rem;--plasma-dropdown-item-padding-top-tight:0.625rem;--plasma-dropdown-item-padding-bottom-tight:0.625rem;--plasma-dropdown-divider-margin-top:0.375rem;--plasma-dropdown-divider-margin-right:0.875rem;--plasma-dropdown-divider-margin-bottom:0.375rem;--plasma-dropdown-divider-margin-left:0.875rem;--plasma-dropdown-divider-margin-top-tight:0.375rem;--plasma-dropdown-divider-margin-bottom-tight:0.375rem;--plasma-dropdown-item-font-family:var(--plasma-typo-body-m-font-family);--plasma-dropdown-item-font-size:var(--plasma-typo-body-m-font-size);--plasma-dropdown-item-font-style:var(--plasma-typo-body-m-font-style);--plasma-dropdown-item-letter-spacing:var(--plasma-typo-body-m-font-weight);--plasma-dropdown-item-line-height:var(--plasma-typo-body-m-letter-spacing);--plasma-dropdown-item-font-weight:var(--plasma-typo-body-m-line-height);}
4
- .lj8enjv{--plasma-dropdown-padding:0.125rem;--plasma-dropdown-width:17.5rem;--plasma-dropdown-border-radius:0.875rem;--plasma-dropdown-item-padding-top:1.0625rem;--plasma-dropdown-item-padding-right:1rem;--plasma-dropdown-item-padding-bottom:1.0625rem;--plasma-dropdown-item-padding-left:1rem;--plasma-dropdown-item-border-radius:0.75rem;--plasma-dropdown-item-padding-top-tight:0.8125rem;--plasma-dropdown-item-padding-bottom-tight:0.8125rem;--plasma-dropdown-divider-margin-top:0.5rem;--plasma-dropdown-divider-margin-right:1.125rem;--plasma-dropdown-divider-margin-bottom:0.5rem;--plasma-dropdown-divider-margin-left:1.125rem;--plasma-dropdown-divider-margin-top-tight:0.375rem;--plasma-dropdown-divider-margin-bottom-tight:0.375rem;--plasma-dropdown-item-font-family:var(--plasma-typo-body-l-font-family);--plasma-dropdown-item-font-size:var(--plasma-typo-body-l-font-size);--plasma-dropdown-item-font-style:var(--plasma-typo-body-l-font-style);--plasma-dropdown-item-letter-spacing:var(--plasma-typo-body-l-font-weight);--plasma-dropdown-item-line-height:var(--plasma-typo-body-l-letter-spacing);--plasma-dropdown-item-font-weight:var(--plasma-typo-body-l-line-height);}
5
- .da0vaum{--plasma-dropdown-disabled-opacity:0.4;--plasma-dropdown-focus-color:var(--surface-accent);--plasma-dropdown-background:var(--surface-solid-card-brightness);--plasma-dropdown-box-shadow:0px 4px 14px -4px rgba(8,8,8,0.08),0px 1px 4px -1px rgba(0,0,0,0.04);--plasma-dropdown-disclosure-icon-color:var(--text-secondary);--plasma-dropdown-item-background:var(--surface-clear);--plasma-dropdown-item-background-hover:var(--surface-transparent-secondary);--plasma-dropdown-item-color:var(--text-primary);--plasma-dropdown-divider-color:var(--surface-transparent-tertiary);}
package/es/components/Dropdown/Dropdown.perftest.js DELETED
@@ -1,168 +0,0 @@
1
- var _Dropdown;
2
- import React from 'react';
3
- import { IconLocation } from '@salutejs/plasma-icons';
4
- import { Button } from '../Button';
5
- import { Dropdown } from '.';
6
- var items = [{
7
- value: 'north_america',
8
- label: 'Северная Америка',
9
- contentLeft: /*#__PURE__*/React.createElement(IconLocation, {
10
- color: "inherit"
11
- }),
12
- contentRight: /*#__PURE__*/React.createElement(IconLocation, {
13
- color: "inherit"
14
- })
15
- }, {
16
- value: 'south_america',
17
- label: 'Южная Америка',
18
- items: [{
19
- value: 'brazil',
20
- label: 'Бразилия',
21
- items: [{
22
- value: 'rio_de_janeiro',
23
- label: 'Рио-де-Жанейро'
24
- }, {
25
- value: 'sao_paulo',
26
- label: 'Сан-Паулу'
27
- }]
28
- }, {
29
- value: 'argentina',
30
- label: 'Аргентина',
31
- items: [{
32
- value: 'buenos_aires',
33
- label: 'Буэнос-Айрес'
34
- }, {
35
- value: 'cordoba',
36
- label: 'Кордова'
37
- }]
38
- }, {
39
- value: 'colombia',
40
- label: 'Колумбия',
41
- items: [{
42
- value: 'bogota',
43
- label: 'Богота'
44
- }, {
45
- value: 'medellin',
46
- label: 'Медельин'
47
- }]
48
- }]
49
- }, {
50
- value: 'europe',
51
- label: 'Европа',
52
- items: [{
53
- value: 'france',
54
- label: 'Франция',
55
- items: [{
56
- value: 'paris',
57
- label: 'Париж'
58
- }, {
59
- value: 'lyon',
60
- label: 'Лион'
61
- }]
62
- }, {
63
- value: 'germany',
64
- label: 'Германия',
65
- items: [{
66
- value: 'berlin',
67
- label: 'Берлин'
68
- }, {
69
- value: 'munich',
70
- label: 'Мюнхен'
71
- }]
72
- }, {
73
- value: 'italy',
74
- label: 'Италия',
75
- items: [{
76
- value: 'rome',
77
- label: 'Рим'
78
- }, {
79
- value: 'milan',
80
- label: 'Милан'
81
- }]
82
- }, {
83
- value: 'spain',
84
- label: 'Испания',
85
- items: [{
86
- value: 'madrid',
87
- label: 'Мадрид'
88
- }, {
89
- value: 'barcelona',
90
- label: 'Барселона'
91
- }]
92
- }, {
93
- value: 'united_kingdom',
94
- label: 'Великобритания',
95
- items: [{
96
- value: 'london',
97
- label: 'Лондон'
98
- }, {
99
- value: 'manchester',
100
- label: 'Манчестер'
101
- }]
102
- }]
103
- }, {
104
- value: 'asia',
105
- label: 'Азия',
106
- items: [{
107
- value: 'china',
108
- label: 'Китай',
109
- items: [{
110
- value: 'beijing',
111
- label: 'Пекин'
112
- }, {
113
- value: 'shanghai',
114
- label: 'Шанхай'
115
- }]
116
- }, {
117
- value: 'japan',
118
- label: 'Япония',
119
- items: [{
120
- value: 'tokyo',
121
- label: 'Токио'
122
- }, {
123
- value: 'osaka',
124
- label: 'Осака'
125
- }]
126
- }, {
127
- value: 'india',
128
- label: 'Индия',
129
- items: [{
130
- value: 'delhi',
131
- label: 'Дели'
132
- }, {
133
- value: 'mumbai',
134
- label: 'Мумбаи'
135
- }]
136
- }, {
137
- value: 'south_korea',
138
- label: 'Южная Корея',
139
- items: [{
140
- value: 'seoul',
141
- label: 'Сеул'
142
- }, {
143
- value: 'busan',
144
- label: 'Пусан'
145
- }]
146
- }, {
147
- value: 'thailand',
148
- label: 'Таиланд',
149
- items: [{
150
- value: 'bangkok',
151
- label: 'Бангкок'
152
- }, {
153
- value: 'phuket',
154
- label: 'Пхукет'
155
- }]
156
- }]
157
- }, {
158
- value: 'africa',
159
- label: 'Африка',
160
- disabled: true
161
- }];
162
- export var Trigger = function Trigger() {
163
- return _Dropdown || (_Dropdown = /*#__PURE__*/React.createElement(Dropdown, {
164
- items: items
165
- }, /*#__PURE__*/React.createElement(Button, {
166
- text: "\u0421\u043F\u0438\u0441\u043E\u043A \u0441\u0442\u0440\u0430\u043D"
167
- })));
168
- };