@salutejs/plasma-web 1.426.0-canary.1497.11459278795.0 → 1.426.0-dev.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (64) hide show
  1. package/api/plasma-web.api.md +2115 -667
  2. package/components/Autocomplete/Autocomplete.d.ts +1 -1
  3. package/components/Dropdown/Dropdown.config.d.ts +3 -3
  4. package/components/Dropdown/Dropdown.config.js +5 -5
  5. package/components/Dropdown/Dropdown.d.ts +4 -4
  6. package/components/Dropdown/Dropdown.perftest.js +175 -0
  7. package/components/Dropdown/components/DropdownPopup.js +2 -4
  8. package/components/Mask/Mask.d.ts +740 -12
  9. package/components/TextArea/TextArea.config.d.ts +7 -0
  10. package/components/TextArea/TextArea.config.js +19 -12
  11. package/components/TextArea/TextArea.d.ts +717 -3
  12. package/components/TextArea/index.d.ts +68 -1
  13. package/components/TextField/TextField.config.d.ts +7 -0
  14. package/components/TextField/TextField.config.js +18 -11
  15. package/components/TextField/TextField.d.ts +527 -43
  16. package/components/TextField/TextField.js +4 -1
  17. package/css/cjs/components/Dropdown/Dropdown.config.js +5 -5
  18. package/css/cjs/components/Dropdown/Dropdown.config.js.map +1 -1
  19. package/css/cjs/components/Dropdown/Dropdown.config_7l17mu.css +5 -0
  20. package/css/cjs/components/Dropdown/Dropdown.css +5 -5
  21. package/css/cjs/components/Dropdown/components/DropdownPopup.js +2 -4
  22. package/css/cjs/components/Dropdown/components/DropdownPopup.js.map +1 -1
  23. package/css/cjs/components/Mask/Mask.css +14 -11
  24. package/css/cjs/components/TextArea/TextArea.config.js +10 -3
  25. package/css/cjs/components/TextArea/TextArea.config.js.map +1 -1
  26. package/css/{es/components/TextArea/TextArea.config_gz8cpa.css → cjs/components/TextArea/TextArea.config_1xy99im.css} +13 -10
  27. package/css/cjs/components/TextArea/TextArea.css +13 -10
  28. package/css/cjs/components/TextArea/TextArea.js.map +1 -1
  29. package/css/cjs/components/TextField/TextField.config.js +10 -3
  30. package/css/cjs/components/TextField/TextField.config.js.map +1 -1
  31. package/css/cjs/components/TextField/TextField.config_zr4d8x.css +16 -0
  32. package/css/cjs/components/TextField/TextField.js +4 -1
  33. package/css/cjs/components/TextField/TextField.js.map +1 -1
  34. package/css/cjs/index.css +36 -30
  35. package/css/es/components/Dropdown/Dropdown.config.js +5 -5
  36. package/css/es/components/Dropdown/Dropdown.config.js.map +1 -1
  37. package/css/es/components/Dropdown/Dropdown.config_7l17mu.css +5 -0
  38. package/css/es/components/Dropdown/Dropdown.css +5 -5
  39. package/css/es/components/Dropdown/components/DropdownPopup.js +2 -4
  40. package/css/es/components/Dropdown/components/DropdownPopup.js.map +1 -1
  41. package/css/es/components/Mask/Mask.css +14 -11
  42. package/css/es/components/TextArea/TextArea.config.js +10 -3
  43. package/css/es/components/TextArea/TextArea.config.js.map +1 -1
  44. package/css/{cjs/components/TextArea/TextArea.config_gz8cpa.css → es/components/TextArea/TextArea.config_1xy99im.css} +13 -10
  45. package/css/es/components/TextArea/TextArea.css +13 -10
  46. package/css/es/components/TextArea/TextArea.js.map +1 -1
  47. package/css/es/components/TextField/TextField.config.js +10 -3
  48. package/css/es/components/TextField/TextField.config.js.map +1 -1
  49. package/css/es/components/TextField/TextField.config_zr4d8x.css +16 -0
  50. package/css/es/components/TextField/TextField.js +4 -1
  51. package/css/es/components/TextField/TextField.js.map +1 -1
  52. package/css/es/index.css +36 -30
  53. package/es/components/Dropdown/Dropdown.config.js +6 -6
  54. package/es/components/Dropdown/Dropdown.perftest.js +168 -0
  55. package/es/components/Dropdown/components/DropdownPopup.js +2 -4
  56. package/es/components/TextArea/TextArea.config.js +19 -12
  57. package/es/components/TextField/TextField.config.js +18 -11
  58. package/es/components/TextField/TextField.js +4 -1
  59. package/package.json +3 -3
  60. package/css/cjs/components/Dropdown/Dropdown.config_1tiyqmq.css +0 -5
  61. package/css/cjs/components/TextField/TextField.config_j0ymp0.css +0 -13
  62. package/css/es/components/Dropdown/Dropdown.config_1tiyqmq.css +0 -5
  63. package/css/es/components/TextField/TextField.config_j0ymp0.css +0 -13
  64. package/temp/plasma-web.api.md +0 -3400
@@ -22,4 +22,4 @@ export declare const Autocomplete: import("react").FunctionComponent<import("@sa
22
22
  readOnly: {
23
23
  true: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
24
24
  };
25
- }> & import("@salutejs/plasma-new-hope/types/components/Autocomplete/Autocomplete.types").BaseProps & Omit<import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").TextFieldPropsBase, "required" | "enumerationType" | "requiredPlacement" | "optional" | "chips" | "onChangeChips"> & Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "size" | "required"> & import("react").RefAttributes<HTMLInputElement>>;
25
+ }> & import("@salutejs/plasma-new-hope/types/components/Autocomplete/Autocomplete.types").BaseProps & Omit<import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").TextFieldPropsBase, "required" | "enumerationType" | "chips" | "onChangeChips" | "requiredPlacement" | "optional"> & Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "size" | "required"> & import("react").RefAttributes<HTMLInputElement>>;
@@ -5,10 +5,10 @@ export declare const config: {
5
5
  };
6
6
  variations: {
7
7
  size: {
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
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
+ l: 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;
@@ -14,13 +14,13 @@ var config = exports.config = {
14
14
  },
15
15
  variations: {
16
16
  size: {
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)
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)
21
21
  },
22
22
  view: {
23
- "default": /*#__PURE__*/(0, _styledComponents.css)(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--surface-transparent-tertiary);\n "])), _styledComponents.dropdownTokens.dividerColor)
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)
24
24
  }
25
25
  }
26
26
  };
@@ -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
- 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
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
+ l: 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/types/components/Dropdown/Dropdown.types").DropdownProps & import("react").RefAttributes<HTMLDivElement>>;
12
+ }> & import("@salutejs/plasma-new-hope/styled-components").DropdownProps & import("react").RefAttributes<HTMLDivElement>>;
13
13
  export { Dropdown };
@@ -0,0 +1,175 @@
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
+ };
@@ -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", "opened", "isOpen", "disclosure", "onToggle", "placement", "offsetTop"];
11
+ var _excluded = ["trigger", "children", "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,7 +19,6 @@ 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,
23
22
  isOpen = props.isOpen,
24
23
  disclosure = props.disclosure,
25
24
  onToggle = props.onToggle,
@@ -31,8 +30,7 @@ var DropdownPopup = exports.DropdownPopup = /*#__PURE__*/(0, _react.forwardRef)(
31
30
  ref: ref,
32
31
  onToggle: onToggle,
33
32
  target: disclosure,
34
- opened: opened,
35
- isOpen: isOpen,
33
+ opened: isOpen,
36
34
  trigger: trigger,
37
35
  placement: placement,
38
36
  offset: [offsetAtTop, 0]