@salutejs/plasma-new-hope 0.141.0-canary.1421.10719019658.0 → 0.141.0-canary.1422.10737462879.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (137) hide show
  1. package/cjs/components/Combobox/ComboboxNew/Combobox.js +6 -4
  2. package/cjs/components/Combobox/ComboboxNew/Combobox.js.map +1 -1
  3. package/cjs/components/Combobox/ComboboxOld/Combobox.js +15 -8
  4. package/cjs/components/Combobox/ComboboxOld/Combobox.js.map +1 -1
  5. package/cjs/components/TextArea/TextArea.js +1 -2
  6. package/cjs/components/TextArea/TextArea.js.map +1 -1
  7. package/cjs/components/TextField/TextField.js +12 -7
  8. package/cjs/components/TextField/TextField.js.map +1 -1
  9. package/emotion/cjs/components/Combobox/Combobox.template-doc.mdx +344 -0
  10. package/emotion/cjs/components/Combobox/ComboboxNew/Combobox.js +6 -4
  11. package/emotion/cjs/components/Combobox/ComboboxOld/Combobox.js +15 -8
  12. package/emotion/cjs/components/TextArea/TextArea.js +2 -3
  13. package/emotion/cjs/components/TextField/TextField.js +13 -8
  14. package/emotion/cjs/examples/plasma_b2c/components/Combobox/Combobox.config.js +39 -0
  15. package/{styled-components/cjs/examples/plasma_b2c/components/Combobox/ComboboxNew → emotion/cjs/examples/plasma_b2c/components/Combobox}/Combobox.js +2 -2
  16. package/emotion/{es/examples/plasma_b2c/components/Combobox/ComboboxNew → cjs/examples/plasma_b2c/components/Combobox}/Combobox.stories.tsx +5 -3
  17. package/emotion/cjs/examples/plasma_b2c/components/Combobox/Legacy/Combobox.config.js +25 -0
  18. package/emotion/cjs/examples/plasma_b2c/components/Combobox/{ComboboxOld → Legacy}/Combobox.stories.tsx +18 -16
  19. package/emotion/cjs/examples/plasma_web/components/Combobox/Combobox.config.js +39 -0
  20. package/emotion/cjs/examples/{plasma_b2c/components/Combobox/ComboboxNew → plasma_web/components/Combobox}/Combobox.js +2 -2
  21. package/emotion/cjs/examples/plasma_web/components/Combobox/{ComboboxNew/Combobox.stories.tsx → Combobox.stories.tsx} +5 -3
  22. package/emotion/cjs/examples/plasma_web/components/Combobox/Legacy/Combobox.config.js +25 -0
  23. package/emotion/{es/examples/plasma_b2c/components/Combobox/ComboboxOld → cjs/examples/plasma_web/components/Combobox/Legacy}/Combobox.stories.tsx +18 -16
  24. package/emotion/es/components/Combobox/Combobox.template-doc.mdx +344 -0
  25. package/emotion/es/components/Combobox/ComboboxNew/Combobox.js +6 -4
  26. package/emotion/es/components/Combobox/ComboboxOld/Combobox.js +15 -8
  27. package/emotion/es/components/TextArea/TextArea.js +2 -3
  28. package/emotion/es/components/TextField/TextField.js +13 -8
  29. package/emotion/es/examples/plasma_b2c/components/Combobox/Combobox.config.js +33 -0
  30. package/emotion/es/examples/plasma_b2c/components/Combobox/{ComboboxNew/Combobox.js → Combobox.js} +2 -2
  31. package/emotion/{cjs/examples/plasma_b2c/components/Combobox/ComboboxNew → es/examples/plasma_b2c/components/Combobox}/Combobox.stories.tsx +5 -3
  32. package/emotion/es/examples/plasma_b2c/components/Combobox/Legacy/Combobox.config.js +19 -0
  33. package/emotion/es/examples/{plasma_web/components/Combobox/ComboboxOld → plasma_b2c/components/Combobox/Legacy}/Combobox.stories.tsx +18 -16
  34. package/emotion/es/examples/plasma_web/components/Combobox/Combobox.config.js +33 -0
  35. package/emotion/es/examples/plasma_web/components/Combobox/{ComboboxNew/Combobox.js → Combobox.js} +2 -2
  36. package/emotion/es/examples/plasma_web/components/Combobox/{ComboboxNew/Combobox.stories.tsx → Combobox.stories.tsx} +5 -3
  37. package/emotion/es/examples/plasma_web/components/Combobox/Legacy/Combobox.config.js +19 -0
  38. package/emotion/{cjs/examples/plasma_web/components/Combobox/ComboboxOld → es/examples/plasma_web/components/Combobox/Legacy}/Combobox.stories.tsx +18 -16
  39. package/es/components/Combobox/ComboboxNew/Combobox.js +6 -4
  40. package/es/components/Combobox/ComboboxNew/Combobox.js.map +1 -1
  41. package/es/components/Combobox/ComboboxOld/Combobox.js +15 -8
  42. package/es/components/Combobox/ComboboxOld/Combobox.js.map +1 -1
  43. package/es/components/TextArea/TextArea.js +1 -2
  44. package/es/components/TextArea/TextArea.js.map +1 -1
  45. package/es/components/TextField/TextField.js +12 -7
  46. package/es/components/TextField/TextField.js.map +1 -1
  47. package/package.json +4 -5
  48. package/styled-components/cjs/components/Combobox/Combobox.template-doc.mdx +344 -0
  49. package/styled-components/cjs/components/Combobox/ComboboxNew/Combobox.js +6 -4
  50. package/styled-components/cjs/components/Combobox/ComboboxOld/Combobox.js +15 -8
  51. package/styled-components/cjs/components/TextArea/TextArea.js +1 -2
  52. package/styled-components/cjs/components/TextField/TextField.js +12 -7
  53. package/styled-components/cjs/examples/plasma_b2c/components/Combobox/Combobox.config.js +39 -0
  54. package/{emotion/cjs/examples/plasma_web/components/Combobox/ComboboxNew → styled-components/cjs/examples/plasma_b2c/components/Combobox}/Combobox.js +2 -2
  55. package/styled-components/cjs/examples/plasma_b2c/components/Combobox/Combobox.stories.tsx +368 -0
  56. package/styled-components/cjs/examples/plasma_b2c/components/Combobox/{ComboboxOld → Legacy}/Combobox.config.js +1 -1
  57. package/styled-components/cjs/examples/plasma_b2c/components/Combobox/Legacy/Combobox.stories.tsx +256 -0
  58. package/styled-components/cjs/examples/{plasma_b2c/components/Combobox/ComboboxNew → plasma_web/components/Combobox}/Combobox.config.js +1 -1
  59. package/styled-components/cjs/examples/plasma_web/components/Combobox/{ComboboxNew/Combobox.js → Combobox.js} +2 -2
  60. package/styled-components/cjs/examples/plasma_web/components/Combobox/Combobox.stories.tsx +368 -0
  61. package/styled-components/cjs/examples/plasma_web/components/Combobox/{ComboboxOld → Legacy}/Combobox.config.js +1 -1
  62. package/styled-components/cjs/examples/plasma_web/components/Combobox/Legacy/Combobox.stories.tsx +256 -0
  63. package/styled-components/es/components/Combobox/Combobox.template-doc.mdx +344 -0
  64. package/styled-components/es/components/Combobox/ComboboxNew/Combobox.js +6 -4
  65. package/styled-components/es/components/Combobox/ComboboxOld/Combobox.js +15 -8
  66. package/styled-components/es/components/TextArea/TextArea.js +1 -2
  67. package/styled-components/es/components/TextField/TextField.js +12 -7
  68. package/styled-components/es/examples/plasma_b2c/components/Combobox/Combobox.config.js +33 -0
  69. package/styled-components/es/examples/plasma_b2c/components/Combobox/{ComboboxNew/Combobox.js → Combobox.js} +2 -2
  70. package/styled-components/es/examples/plasma_b2c/components/Combobox/Combobox.stories.tsx +368 -0
  71. package/styled-components/es/examples/plasma_b2c/components/Combobox/{ComboboxOld → Legacy}/Combobox.config.js +1 -1
  72. package/styled-components/es/examples/plasma_b2c/components/Combobox/Legacy/Combobox.stories.tsx +256 -0
  73. package/styled-components/es/examples/plasma_web/components/Combobox/{ComboboxNew/Combobox.config.js → Combobox.config.js} +1 -1
  74. package/styled-components/es/examples/plasma_web/components/Combobox/{ComboboxNew/Combobox.js → Combobox.js} +2 -2
  75. package/styled-components/es/examples/plasma_web/components/Combobox/Combobox.stories.tsx +368 -0
  76. package/styled-components/es/examples/plasma_web/components/Combobox/{ComboboxOld → Legacy}/Combobox.config.js +1 -1
  77. package/styled-components/es/examples/plasma_web/components/Combobox/Legacy/Combobox.stories.tsx +256 -0
  78. package/types/components/Combobox/ComboboxNew/Combobox.d.ts.map +1 -1
  79. package/types/components/Combobox/ComboboxNew/Combobox.types.d.ts +7 -1
  80. package/types/components/Combobox/ComboboxNew/Combobox.types.d.ts.map +1 -1
  81. package/types/components/Combobox/ComboboxOld/Combobox.d.ts.map +1 -1
  82. package/types/components/Combobox/ComboboxOld/Combobox.types.d.ts +6 -0
  83. package/types/components/Combobox/ComboboxOld/Combobox.types.d.ts.map +1 -1
  84. package/types/components/TextArea/TextArea.d.ts.map +1 -1
  85. package/types/components/TextField/TextField.d.ts.map +1 -1
  86. package/types/examples/plasma_b2c/components/Combobox/Combobox.config.d.ts.map +1 -0
  87. package/types/examples/plasma_b2c/components/Combobox/{ComboboxNew/Combobox.d.ts → Combobox.d.ts} +3 -3
  88. package/types/examples/plasma_b2c/components/Combobox/Combobox.d.ts.map +1 -0
  89. package/types/examples/plasma_b2c/components/Combobox/{ComboboxOld → Legacy}/Combobox.config.d.ts.map +1 -1
  90. package/types/examples/plasma_b2c/components/Combobox/Legacy/Combobox.d.ts.map +1 -0
  91. package/types/examples/plasma_web/components/Combobox/Combobox.config.d.ts.map +1 -0
  92. package/types/examples/plasma_web/components/Combobox/{ComboboxNew/Combobox.d.ts → Combobox.d.ts} +3 -3
  93. package/types/examples/plasma_web/components/Combobox/Combobox.d.ts.map +1 -0
  94. package/types/examples/plasma_web/components/Combobox/{ComboboxOld → Legacy}/Combobox.config.d.ts.map +1 -1
  95. package/types/examples/plasma_web/components/Combobox/Legacy/Combobox.d.ts.map +1 -0
  96. package/emotion/cjs/examples/plasma_b2c/components/Combobox/ComboboxNew/Combobox.config.js +0 -39
  97. package/emotion/cjs/examples/plasma_b2c/components/Combobox/ComboboxOld/Combobox.config.js +0 -25
  98. package/emotion/cjs/examples/plasma_b2c/components/Form/Form.stories.tsx +0 -106
  99. package/emotion/cjs/examples/plasma_web/components/Combobox/ComboboxNew/Combobox.config.js +0 -39
  100. package/emotion/cjs/examples/plasma_web/components/Combobox/ComboboxOld/Combobox.config.js +0 -25
  101. package/emotion/es/examples/plasma_b2c/components/Combobox/ComboboxNew/Combobox.config.js +0 -33
  102. package/emotion/es/examples/plasma_b2c/components/Combobox/ComboboxOld/Combobox.config.js +0 -19
  103. package/emotion/es/examples/plasma_b2c/components/Form/Form.stories.tsx +0 -106
  104. package/emotion/es/examples/plasma_web/components/Combobox/ComboboxNew/Combobox.config.js +0 -33
  105. package/emotion/es/examples/plasma_web/components/Combobox/ComboboxOld/Combobox.config.js +0 -19
  106. package/styled-components/cjs/examples/plasma_b2c/components/Combobox/ComboboxNew/Combobox.stories.tsx +0 -366
  107. package/styled-components/cjs/examples/plasma_b2c/components/Combobox/ComboboxOld/Combobox.stories.tsx +0 -254
  108. package/styled-components/cjs/examples/plasma_b2c/components/Form/Form.stories.tsx +0 -106
  109. package/styled-components/cjs/examples/plasma_web/components/Combobox/ComboboxNew/Combobox.config.js +0 -39
  110. package/styled-components/cjs/examples/plasma_web/components/Combobox/ComboboxNew/Combobox.stories.tsx +0 -366
  111. package/styled-components/cjs/examples/plasma_web/components/Combobox/ComboboxOld/Combobox.stories.tsx +0 -254
  112. package/styled-components/es/examples/plasma_b2c/components/Combobox/ComboboxNew/Combobox.config.js +0 -33
  113. package/styled-components/es/examples/plasma_b2c/components/Combobox/ComboboxNew/Combobox.stories.tsx +0 -366
  114. package/styled-components/es/examples/plasma_b2c/components/Combobox/ComboboxOld/Combobox.stories.tsx +0 -254
  115. package/styled-components/es/examples/plasma_b2c/components/Form/Form.stories.tsx +0 -106
  116. package/styled-components/es/examples/plasma_web/components/Combobox/ComboboxNew/Combobox.stories.tsx +0 -366
  117. package/styled-components/es/examples/plasma_web/components/Combobox/ComboboxOld/Combobox.stories.tsx +0 -254
  118. package/types/examples/plasma_b2c/components/Combobox/ComboboxNew/Combobox.config.d.ts.map +0 -1
  119. package/types/examples/plasma_b2c/components/Combobox/ComboboxNew/Combobox.d.ts.map +0 -1
  120. package/types/examples/plasma_b2c/components/Combobox/ComboboxOld/Combobox.d.ts.map +0 -1
  121. package/types/examples/plasma_web/components/Combobox/ComboboxNew/Combobox.config.d.ts.map +0 -1
  122. package/types/examples/plasma_web/components/Combobox/ComboboxNew/Combobox.d.ts.map +0 -1
  123. package/types/examples/plasma_web/components/Combobox/ComboboxOld/Combobox.d.ts.map +0 -1
  124. /package/emotion/cjs/examples/plasma_b2c/components/Combobox/{ComboboxOld → Legacy}/Combobox.js +0 -0
  125. /package/emotion/cjs/examples/plasma_web/components/Combobox/{ComboboxOld → Legacy}/Combobox.js +0 -0
  126. /package/emotion/es/examples/plasma_b2c/components/Combobox/{ComboboxOld → Legacy}/Combobox.js +0 -0
  127. /package/emotion/es/examples/plasma_web/components/Combobox/{ComboboxOld → Legacy}/Combobox.js +0 -0
  128. /package/styled-components/cjs/examples/plasma_b2c/components/Combobox/{ComboboxOld → Legacy}/Combobox.js +0 -0
  129. /package/styled-components/cjs/examples/plasma_web/components/Combobox/{ComboboxOld → Legacy}/Combobox.js +0 -0
  130. /package/styled-components/es/examples/plasma_b2c/components/Combobox/{ComboboxOld → Legacy}/Combobox.js +0 -0
  131. /package/styled-components/es/examples/plasma_web/components/Combobox/{ComboboxOld → Legacy}/Combobox.js +0 -0
  132. /package/types/examples/plasma_b2c/components/Combobox/{ComboboxNew/Combobox.config.d.ts → Combobox.config.d.ts} +0 -0
  133. /package/types/examples/plasma_b2c/components/Combobox/{ComboboxOld → Legacy}/Combobox.config.d.ts +0 -0
  134. /package/types/examples/plasma_b2c/components/Combobox/{ComboboxOld → Legacy}/Combobox.d.ts +0 -0
  135. /package/types/examples/plasma_web/components/Combobox/{ComboboxNew/Combobox.config.d.ts → Combobox.config.d.ts} +0 -0
  136. /package/types/examples/plasma_web/components/Combobox/{ComboboxOld → Legacy}/Combobox.config.d.ts +0 -0
  137. /package/types/examples/plasma_web/components/Combobox/{ComboboxOld → Legacy}/Combobox.d.ts +0 -0
@@ -127,7 +127,6 @@ var textAreaRoot = exports.textAreaRoot = function textAreaRoot(Root) {
127
127
  uncontrolledValue = _useState6[0],
128
128
  setUncontrolledValue = _useState6[1];
129
129
  var outerRef = innerRef && 'current' in innerRef ? innerRef : /*#__PURE__*/(0, _react.createRef)();
130
- var ref = innerRef !== null && innerRef !== void 0 ? innerRef : /*#__PURE__*/(0, _react.createRef)();
131
130
  var innerOptional = required ? false : optional;
132
131
  var hasHelper = Boolean(leftHelper || rightHelper || helperText);
133
132
  var hasOuterLabel = Boolean(label && labelPlacement === 'outer');
@@ -199,7 +198,7 @@ var textAreaRoot = exports.textAreaRoot = function textAreaRoot(Root) {
199
198
  hasContentRight: Boolean(contentRight),
200
199
  hasHelper: hasHelper,
201
200
  applyCustomWidth: applyCustomWidth,
202
- ref: ref,
201
+ ref: outerRef,
203
202
  disabled: disabled,
204
203
  height: autoResize ? minAuto : height,
205
204
  width: width,
@@ -18,7 +18,7 @@ var _TextField = /*#__PURE__*/require("./TextField.styles");
18
18
  var _TextField2 = /*#__PURE__*/require("./TextField.tokens");
19
19
  var _ui = /*#__PURE__*/require("./ui");
20
20
  var _hooks = /*#__PURE__*/require("./hooks");
21
- var _excluded = ["id", "className", "style", "contentLeft", "contentRight", "label", "labelPlacement", "textBefore", "textAfter", "placeholder", "leftHelper", "enumerationType", "requiredPlacement", "view", "size", "readOnly", "disabled", "required", "optional", "chips", "onChange", "onChangeChips", "onSearch", "onKeyDown"];
21
+ var _excluded = ["id", "className", "style", "contentLeft", "contentRight", "label", "labelPlacement", "textBefore", "textAfter", "placeholder", "leftHelper", "enumerationType", "requiredPlacement", "view", "size", "readOnly", "disabled", "required", "optional", "value", "chips", "onChange", "onChangeChips", "onSearch", "onKeyDown"];
22
22
  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); }
23
23
  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; }
24
24
  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); }
@@ -58,6 +58,7 @@ var textFieldRoot = exports.textFieldRoot = function textFieldRoot(Root) {
58
58
  _ref$required = _ref.required,
59
59
  required = _ref$required === void 0 ? false : _ref$required,
60
60
  optional = _ref.optional,
61
+ outerValue = _ref.value,
61
62
  values = _ref.chips,
62
63
  onChange = _ref.onChange,
63
64
  onChangeChips = _ref.onChangeChips,
@@ -73,7 +74,7 @@ var textFieldRoot = exports.textFieldRoot = function textFieldRoot(Root) {
73
74
  inputRef: inputRef,
74
75
  chipsRefs: chipsRefs
75
76
  };
76
- var _useState = (0, _react.useState)(!!rest.value),
77
+ var _useState = (0, _react.useState)(Boolean(outerValue)),
77
78
  _useState2 = _slicedToArray(_useState, 2),
78
79
  hasValue = _useState2[0],
79
80
  setHasValue = _useState2[1];
@@ -86,23 +87,23 @@ var textFieldRoot = exports.textFieldRoot = function textFieldRoot(Root) {
86
87
  var labelId = (0, _plasmaCore.safeUseId)();
87
88
  var helperTextId = (0, _plasmaCore.safeUseId)();
88
89
  var isChipEnumeration = enumerationType === 'chip';
89
- var isChipsVisible = isChipEnumeration && !!(chips !== null && chips !== void 0 && chips.length);
90
+ var isChipsVisible = isChipEnumeration && Boolean(chips === null || chips === void 0 ? void 0 : chips.length);
90
91
  var withHasChips = isChipsVisible ? _TextField2.classes.hasChips : undefined;
91
- var hasLabelValue = !!label;
92
+ var hasLabelValue = Boolean(label);
92
93
  var hasInnerLabel = size !== 'xs' && labelPlacement === 'inner' && !isChipsVisible && hasLabelValue;
93
94
  var hasOuterLabel = labelPlacement === 'outer' && hasLabelValue;
94
- var hasPlaceholder = !!placeholder && !hasInnerLabel;
95
+ var hasPlaceholder = Boolean(placeholder) && !hasInnerLabel;
95
96
  var innerLabelValue = hasInnerLabel || hasOuterLabel ? label : undefined;
96
97
  var innerLabelPlacementValue = labelPlacement === 'inner' && !hasInnerLabel ? undefined : labelPlacement;
97
98
  var innerPlaceholderValue = hasPlaceholder ? placeholder : undefined;
98
- var placeholderShown = !!innerPlaceholderValue && !hasValue;
99
+ var placeholderShown = Boolean(innerPlaceholderValue) && !hasValue;
99
100
  var requiredPlacementClass = requiredPlacement === 'right' ? 'align-right ' : undefined;
100
101
  var labelPlacementClass = innerLabelPlacementValue ? _TextField2.classes["".concat(innerLabelPlacementValue, "LabelPlacement")] : undefined;
101
102
  var hasValueClass = hasValue ? _TextField2.classes.hasValue : undefined;
102
103
  var wrapperWithoutLeftContent = !contentLeft && isChipsVisible ? _TextField2.classes.hasEmptyContentLeft : undefined;
103
104
  var wrapperWithoutRightContent = !contentRight && isChipsVisible ? _TextField2.classes.hasEmptyContentRight : undefined;
104
105
  var handleInput = function handleInput(event) {
105
- setHasValue(!!event.target.value);
106
+ setHasValue(Boolean(event.target.value));
106
107
  };
107
108
  var handleChange = function handleChange(event) {
108
109
  if (disabled || readOnly) {
@@ -170,6 +171,9 @@ var textFieldRoot = exports.textFieldRoot = function textFieldRoot(Root) {
170
171
  })) || [];
171
172
  setChips(newChips);
172
173
  }, [isChipEnumeration, values]);
174
+ (0, _react.useEffect)(function () {
175
+ setHasValue(Boolean(outerValue));
176
+ }, [outerValue]);
173
177
  var innerOptional = Boolean(required ? false : optional);
174
178
  var hasPlaceholderOptional = innerOptional && !innerLabelValue && !hasOuterLabel;
175
179
  var optionalTextNode = innerOptional ? /*#__PURE__*/_react["default"].createElement(_TextField.StyledOptionalText, null, Boolean(hasPlaceholderOptional ? innerPlaceholderValue : innerLabelValue) && '\xa0', optionalText) : null;
@@ -223,6 +227,7 @@ var textFieldRoot = exports.textFieldRoot = function textFieldRoot(Root) {
223
227
  })), /*#__PURE__*/_react["default"].createElement(_TextField.InputContainer, null, /*#__PURE__*/_react["default"].createElement(_TextField.Input, _extends({
224
228
  ref: inputForkRef,
225
229
  id: innerId,
230
+ value: outerValue,
226
231
  "aria-labelledby": labelId,
227
232
  "aria-describedby": helperTextId,
228
233
  placeholder: innerPlaceholderValue,
@@ -0,0 +1,39 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.config = void 0;
7
+ var _styledComponents = /*#__PURE__*/require("styled-components");
8
+ var _Combobox = /*#__PURE__*/require("../../../../components/Combobox");
9
+ var config = exports.config = {
10
+ defaults: {
11
+ view: 'default',
12
+ size: 'm',
13
+ labelPlacement: 'outer'
14
+ },
15
+ variations: {
16
+ view: {
17
+ "default": /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-primary);", ":var(--text-tertiary);", ":var(--text-tertiary-hover);", ":var(--text-accent);", ":var(--text-accent);", ":var(--text-secondary);", ":var(--text-tertiary);", ":var(--text-tertiary);", ":var(--text-primary);", ":var(--text-secondary);", ":var(--text-accent);", ":var(--text-secondary);", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":var(--surface-transparent-secondary-hover);", ":var(--text-primary);", ":var(--surface-transparent-secondary-active);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":0.72;"], _Combobox.comboboxNewTokens.textFieldColor, _Combobox.comboboxNewTokens.textFieldBorderColor, _Combobox.comboboxNewTokens.textFieldBorderColorHover, _Combobox.comboboxNewTokens.textFieldBorderColorFocus, _Combobox.comboboxNewTokens.textFieldCaretColor, _Combobox.comboboxNewTokens.textFieldPlaceholderColor, _Combobox.comboboxNewTokens.textFieldTextBeforeColor, _Combobox.comboboxNewTokens.textFieldTextAfterColor, _Combobox.comboboxNewTokens.textFieldLabelColor, _Combobox.comboboxNewTokens.textFieldLeftHelperColor, _Combobox.comboboxNewTokens.textFieldFocusColor, _Combobox.comboboxNewTokens.textFieldChipCloseIconColor, _Combobox.comboboxNewTokens.textFieldChipColor, _Combobox.comboboxNewTokens.textFieldChipBackground, _Combobox.comboboxNewTokens.textFieldChipColorHover, _Combobox.comboboxNewTokens.textFieldChipBackgroundHover, _Combobox.comboboxNewTokens.textFieldChipColorActive, _Combobox.comboboxNewTokens.textFieldChipBackgroundActive, _Combobox.comboboxNewTokens.textFieldChipBackgroundReadOnly, _Combobox.comboboxNewTokens.textFieldChipColorReadOnly, _Combobox.comboboxNewTokens.textFieldChipBackgroundReadOnlyHover, _Combobox.comboboxNewTokens.textFieldChipColorReadOnlyHover, _Combobox.comboboxNewTokens.textFieldChipOpacityReadonly),
18
+ positive: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--plasma-colors-primary);", ":var(--surface-positive);", ":var(--surface-positive);", ":var(--surface-accent);", ":var(--text-accent);", ":var(--text-secondary);", ":var(--text-tertiary);", ":var(--text-tertiary);", ":var(--text-primary);", ":var(--text-positive);", ":var(--text-accent);", ":var(--text-secondary);", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":var(--surface-transparent-secondary-hover);", ":var(--text-primary);", ":var(--surface-transparent-secondary-active);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":0.72;"], _Combobox.comboboxNewTokens.textFieldColor, _Combobox.comboboxNewTokens.textFieldBorderColor, _Combobox.comboboxNewTokens.textFieldBorderColorHover, _Combobox.comboboxNewTokens.textFieldBorderColorFocus, _Combobox.comboboxNewTokens.textFieldCaretColor, _Combobox.comboboxNewTokens.textFieldPlaceholderColor, _Combobox.comboboxNewTokens.textFieldTextBeforeColor, _Combobox.comboboxNewTokens.textFieldTextAfterColor, _Combobox.comboboxNewTokens.textFieldLabelColor, _Combobox.comboboxNewTokens.textFieldLeftHelperColor, _Combobox.comboboxNewTokens.textFieldFocusColor, _Combobox.comboboxNewTokens.textFieldChipCloseIconColor, _Combobox.comboboxNewTokens.textFieldChipColor, _Combobox.comboboxNewTokens.textFieldChipBackground, _Combobox.comboboxNewTokens.textFieldChipColorHover, _Combobox.comboboxNewTokens.textFieldChipBackgroundHover, _Combobox.comboboxNewTokens.textFieldChipColorActive, _Combobox.comboboxNewTokens.textFieldChipBackgroundActive, _Combobox.comboboxNewTokens.textFieldChipBackgroundReadOnly, _Combobox.comboboxNewTokens.textFieldChipColorReadOnly, _Combobox.comboboxNewTokens.textFieldChipBackgroundReadOnlyHover, _Combobox.comboboxNewTokens.textFieldChipColorReadOnlyHover, _Combobox.comboboxNewTokens.textFieldChipOpacityReadonly),
19
+ warning: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--plasma-colors-primary);", ":var(--surface-warning);", ":var(--surface-warning);", ":var(--surface-accent);", ":var(--text-accent);", ":var(--text-secondary);", ":var(--text-tertiary);", ":var(--text-tertiary);", ":var(--text-primary);", ":var(--text-warning);", ":var(--text-accent);", ":var(--text-secondary);", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":var(--surface-transparent-secondary-hover);", ":var(--text-primary);", ":var(--surface-transparent-secondary-active);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":0.72;"], _Combobox.comboboxNewTokens.textFieldColor, _Combobox.comboboxNewTokens.textFieldBorderColor, _Combobox.comboboxNewTokens.textFieldBorderColorHover, _Combobox.comboboxNewTokens.textFieldBorderColorFocus, _Combobox.comboboxNewTokens.textFieldCaretColor, _Combobox.comboboxNewTokens.textFieldPlaceholderColor, _Combobox.comboboxNewTokens.textFieldTextBeforeColor, _Combobox.comboboxNewTokens.textFieldTextAfterColor, _Combobox.comboboxNewTokens.textFieldLabelColor, _Combobox.comboboxNewTokens.textFieldLeftHelperColor, _Combobox.comboboxNewTokens.textFieldFocusColor, _Combobox.comboboxNewTokens.textFieldChipCloseIconColor, _Combobox.comboboxNewTokens.textFieldChipColor, _Combobox.comboboxNewTokens.textFieldChipBackground, _Combobox.comboboxNewTokens.textFieldChipColorHover, _Combobox.comboboxNewTokens.textFieldChipBackgroundHover, _Combobox.comboboxNewTokens.textFieldChipColorActive, _Combobox.comboboxNewTokens.textFieldChipBackgroundActive, _Combobox.comboboxNewTokens.textFieldChipBackgroundReadOnly, _Combobox.comboboxNewTokens.textFieldChipColorReadOnly, _Combobox.comboboxNewTokens.textFieldChipBackgroundReadOnlyHover, _Combobox.comboboxNewTokens.textFieldChipColorReadOnlyHover, _Combobox.comboboxNewTokens.textFieldChipOpacityReadonly),
20
+ negative: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--plasma-colors-primary);", ":var(--surface-negative);", ":var(--surface-negative);", ":var(--surface-accent);", ":var(--text-accent);", ":var(--text-secondary);", ":var(--text-tertiary);", ":var(--text-tertiary);", ":var(--text-primary);", ":var(--text-negative);", ":var(--text-accent);", ":var(--text-secondary);", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":var(--surface-transparent-secondary-hover);", ":var(--text-primary);", ":var(--surface-transparent-secondary-active);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":0.72;"], _Combobox.comboboxNewTokens.textFieldColor, _Combobox.comboboxNewTokens.textFieldBorderColor, _Combobox.comboboxNewTokens.textFieldBorderColorHover, _Combobox.comboboxNewTokens.textFieldBorderColorFocus, _Combobox.comboboxNewTokens.textFieldCaretColor, _Combobox.comboboxNewTokens.textFieldPlaceholderColor, _Combobox.comboboxNewTokens.textFieldTextBeforeColor, _Combobox.comboboxNewTokens.textFieldTextAfterColor, _Combobox.comboboxNewTokens.textFieldLabelColor, _Combobox.comboboxNewTokens.textFieldLeftHelperColor, _Combobox.comboboxNewTokens.textFieldFocusColor, _Combobox.comboboxNewTokens.textFieldChipCloseIconColor, _Combobox.comboboxNewTokens.textFieldChipColor, _Combobox.comboboxNewTokens.textFieldChipBackground, _Combobox.comboboxNewTokens.textFieldChipColorHover, _Combobox.comboboxNewTokens.textFieldChipBackgroundHover, _Combobox.comboboxNewTokens.textFieldChipColorActive, _Combobox.comboboxNewTokens.textFieldChipBackgroundActive, _Combobox.comboboxNewTokens.textFieldChipBackgroundReadOnly, _Combobox.comboboxNewTokens.textFieldChipColorReadOnly, _Combobox.comboboxNewTokens.textFieldChipBackgroundReadOnlyHover, _Combobox.comboboxNewTokens.textFieldChipColorReadOnlyHover, _Combobox.comboboxNewTokens.textFieldChipOpacityReadonly)
21
+ },
22
+ size: {
23
+ l: /*#__PURE__*/(0, _styledComponents.css)(["", ":3.5rem;", ":1.0625rem 1.125rem 1.0625rem 1.125rem;", ":0.375rem;", ":0.875rem;", ":0.0625rem;", ":-0.0625rem 0.5rem -0.0625rem -0.125rem;", ":-0.0625rem -0.125rem -0.0625rem 0.75rem;", ":0 0.25rem 0 0;", ":0 0 0 0.25rem;", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);", ":0.75rem;", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);", ":0.25rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":0.5625rem 0 0.125rem 0;", ":1.5625rem 0 0.5625rem 0;", ":0.25rem;", ":0.5rem;", ":auto;", ":2.75rem;", ":0.75rem;", ":1rem;", ":0.625rem;", ":0rem;", ":1.5rem;", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);", ":1rem;", ":0.125rem;", ":0.875rem;", ":1.5rem;", ":1rem 1rem 1rem 0.875rem;", ":0.75rem 1rem 0.75rem 0.875rem;", ":0.75rem;", ":0 0.5rem 0 0;", ":1.5rem;", ":1.5rem;", ":0rem;", ":0rem;", ":0rem;", ":0rem;", ":0.125rem;", ":0.375rem;", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);", ":1.25rem;", ":1.25rem;", ":0.375rem;", ":0.375rem;", ":var(--text-accent);", ":var(--on-dark-text-primary);", ":var(--text-secondary);", ":0.375rem;"], _Combobox.comboboxNewTokens.textFieldHeight, _Combobox.comboboxNewTokens.textFieldPadding, _Combobox.comboboxNewTokens.textFieldPaddingWithChips, _Combobox.comboboxNewTokens.textFieldBorderRadius, _Combobox.comboboxNewTokens.textFieldBorderWidth, _Combobox.comboboxNewTokens.textFieldLeftContentMargin, _Combobox.comboboxNewTokens.textFieldRightContentMargin, _Combobox.comboboxNewTokens.textFieldTextBeforeMargin, _Combobox.comboboxNewTokens.textFieldTextAfterMargin, _Combobox.comboboxNewTokens.textFieldFontFamily, _Combobox.comboboxNewTokens.textFieldFontSize, _Combobox.comboboxNewTokens.textFieldFontStyle, _Combobox.comboboxNewTokens.textFieldFontWeight, _Combobox.comboboxNewTokens.textFieldLetterSpacing, _Combobox.comboboxNewTokens.textFieldLineHeight, _Combobox.comboboxNewTokens.textFieldLabelOffset, _Combobox.comboboxNewTokens.textFieldLabelFontFamily, _Combobox.comboboxNewTokens.textFieldLabelFontSize, _Combobox.comboboxNewTokens.textFieldLabelFontStyle, _Combobox.comboboxNewTokens.textFieldLabelFontWeight, _Combobox.comboboxNewTokens.textFieldLabelLetterSpacing, _Combobox.comboboxNewTokens.textFieldLabelLineHeight, _Combobox.comboboxNewTokens.textFieldLeftHelperOffset, _Combobox.comboboxNewTokens.textFieldLeftHelperFontFamily, _Combobox.comboboxNewTokens.textFieldLeftHelperFontSize, _Combobox.comboboxNewTokens.textFieldLeftHelperFontStyle, _Combobox.comboboxNewTokens.textFieldLeftHelperFontWeight, _Combobox.comboboxNewTokens.textFieldLeftHelperLetterSpacing, _Combobox.comboboxNewTokens.textFieldLeftHelperLineHeight, _Combobox.comboboxNewTokens.textFieldLabelInnerPadding, _Combobox.comboboxNewTokens.textFieldContentLabelInnerPadding, _Combobox.comboboxNewTokens.textFieldChipGap, _Combobox.comboboxNewTokens.textFieldChipBorderRadius, _Combobox.comboboxNewTokens.textFieldChipWidth, _Combobox.comboboxNewTokens.textFieldChipHeight, _Combobox.comboboxNewTokens.textFieldChipPaddingRight, _Combobox.comboboxNewTokens.textFieldChipPaddingLeft, _Combobox.comboboxNewTokens.textFieldChipClearContentMarginLeft, _Combobox.comboboxNewTokens.textFieldChipClearContentMarginRight, _Combobox.comboboxNewTokens.textFieldChipCloseIconSize, _Combobox.comboboxNewTokens.textFieldChipFontFamily, _Combobox.comboboxNewTokens.textFieldChipFontSize, _Combobox.comboboxNewTokens.textFieldChipFontStyle, _Combobox.comboboxNewTokens.textFieldChipFontWeight, _Combobox.comboboxNewTokens.textFieldChipLetterSpacing, _Combobox.comboboxNewTokens.textFieldChipLineHeight, _Combobox.comboboxNewTokens.emptyStatePadding, _Combobox.comboboxNewTokens.padding, _Combobox.comboboxNewTokens.borderRadius, _Combobox.comboboxNewTokens.itemHeight, _Combobox.comboboxNewTokens.itemPadding, _Combobox.comboboxNewTokens.itemPaddingTight, _Combobox.comboboxNewTokens.itemBorderRadius, _Combobox.comboboxNewTokens.itemIconMargin, _Combobox.comboboxNewTokens.itemIconSize, _Combobox.comboboxNewTokens.itemIconSizeTight, _Combobox.comboboxNewTokens.cellPadding, _Combobox.comboboxNewTokens.cellPaddingLeftContent, _Combobox.comboboxNewTokens.cellPaddingContent, _Combobox.comboboxNewTokens.cellPaddingRightContent, _Combobox.comboboxNewTokens.cellTextboxGap, _Combobox.comboboxNewTokens.cellGap, _Combobox.comboboxNewTokens.cellTitleFontFamily, _Combobox.comboboxNewTokens.cellTitleFontSize, _Combobox.comboboxNewTokens.cellTitleFontStyle, _Combobox.comboboxNewTokens.cellTitleFontWeight, _Combobox.comboboxNewTokens.cellTitleLetterSpacing, _Combobox.comboboxNewTokens.cellTitleLineHeight, _Combobox.comboboxNewTokens.fontFamily, _Combobox.comboboxNewTokens.fontSize, _Combobox.comboboxNewTokens.fontStyle, _Combobox.comboboxNewTokens.fontWeight, _Combobox.comboboxNewTokens.fontLetterSpacing, _Combobox.comboboxNewTokens.fontLineHeight, _Combobox.comboboxNewTokens.checkboxTriggerSize, _Combobox.comboboxNewTokens.checkboxTriggerSizeTight, _Combobox.comboboxNewTokens.checkboxTriggerBorderRadius, _Combobox.comboboxNewTokens.checkboxTriggerBorderRadiusTight, _Combobox.comboboxNewTokens.checkboxFillColor, _Combobox.comboboxNewTokens.checkboxIconColor, _Combobox.comboboxNewTokens.checkboxTriggerBorderColor, _Combobox.comboboxNewTokens.indicatorSize),
24
+ m: /*#__PURE__*/(0, _styledComponents.css)(["", ":3rem;", ":0.875rem 1rem 0.875rem 1rem;", ":0.375rem;", ":0.75rem;", ":0.0625rem;", ":-0.125rem 0.375rem -0.125rem -0.125rem;", ":-0.125rem -0.125rem -0.125rem 0.75rem;", ":0 0.25rem 0 0;", ":0 0 0 0.25rem;", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);", ":0.625rem;", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);", ":0.25rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":0.375rem 0 0.125rem 0;", ":1.375rem 0 0.375rem 0;", ":0.25rem;", ":0.375rem;", ":auto;", ":2.25rem;", ":0.625rem;", ":0.875rem;", ":0.5rem;", ":0rem;", ":1.25rem;", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);", ":0.875rem 1rem 0.875rem 1rem;", ":0.125rem;", ":0.75rem;", ":1.5rem;", ":0.75rem 0.75rem 0.75rem 0.75rem;", ":0.5rem 0.75rem 0.5rem 0.75rem;", ":0.625rem;", ":0 0.375rem 0 0;", ":1.5rem;", ":1.5rem;", ":0rem;", ":0rem;", ":0rem;", ":0rem;", ":0.125rem;", ":0.375rem;", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);", ":1.25rem;", ":1.25rem;", ":0.375rem;", ":0.375rem;", ":var(--text-accent);", ":var(--on-dark-text-primary);", ":var(--text-secondary);", ":0.375rem;"], _Combobox.comboboxNewTokens.textFieldHeight, _Combobox.comboboxNewTokens.textFieldPadding, _Combobox.comboboxNewTokens.textFieldPaddingWithChips, _Combobox.comboboxNewTokens.textFieldBorderRadius, _Combobox.comboboxNewTokens.textFieldBorderWidth, _Combobox.comboboxNewTokens.textFieldLeftContentMargin, _Combobox.comboboxNewTokens.textFieldRightContentMargin, _Combobox.comboboxNewTokens.textFieldTextBeforeMargin, _Combobox.comboboxNewTokens.textFieldTextAfterMargin, _Combobox.comboboxNewTokens.textFieldFontFamily, _Combobox.comboboxNewTokens.textFieldFontSize, _Combobox.comboboxNewTokens.textFieldFontStyle, _Combobox.comboboxNewTokens.textFieldFontWeight, _Combobox.comboboxNewTokens.textFieldLetterSpacing, _Combobox.comboboxNewTokens.textFieldLineHeight, _Combobox.comboboxNewTokens.textFieldLabelOffset, _Combobox.comboboxNewTokens.textFieldLabelFontFamily, _Combobox.comboboxNewTokens.textFieldLabelFontSize, _Combobox.comboboxNewTokens.textFieldLabelFontStyle, _Combobox.comboboxNewTokens.textFieldLabelFontWeight, _Combobox.comboboxNewTokens.textFieldLabelLetterSpacing, _Combobox.comboboxNewTokens.textFieldLabelLineHeight, _Combobox.comboboxNewTokens.textFieldLeftHelperOffset, _Combobox.comboboxNewTokens.textFieldLeftHelperFontFamily, _Combobox.comboboxNewTokens.textFieldLeftHelperFontSize, _Combobox.comboboxNewTokens.textFieldLeftHelperFontStyle, _Combobox.comboboxNewTokens.textFieldLeftHelperFontWeight, _Combobox.comboboxNewTokens.textFieldLeftHelperLetterSpacing, _Combobox.comboboxNewTokens.textFieldLeftHelperLineHeight, _Combobox.comboboxNewTokens.textFieldLabelInnerPadding, _Combobox.comboboxNewTokens.textFieldContentLabelInnerPadding, _Combobox.comboboxNewTokens.textFieldChipGap, _Combobox.comboboxNewTokens.textFieldChipBorderRadius, _Combobox.comboboxNewTokens.textFieldChipWidth, _Combobox.comboboxNewTokens.textFieldChipHeight, _Combobox.comboboxNewTokens.textFieldChipPaddingRight, _Combobox.comboboxNewTokens.textFieldChipPaddingLeft, _Combobox.comboboxNewTokens.textFieldChipClearContentMarginLeft, _Combobox.comboboxNewTokens.textFieldChipClearContentMarginRight, _Combobox.comboboxNewTokens.textFieldChipCloseIconSize, _Combobox.comboboxNewTokens.textFieldChipFontFamily, _Combobox.comboboxNewTokens.textFieldChipFontSize, _Combobox.comboboxNewTokens.textFieldChipFontStyle, _Combobox.comboboxNewTokens.textFieldChipFontWeight, _Combobox.comboboxNewTokens.textFieldChipLetterSpacing, _Combobox.comboboxNewTokens.textFieldChipLineHeight, _Combobox.comboboxNewTokens.emptyStatePadding, _Combobox.comboboxNewTokens.padding, _Combobox.comboboxNewTokens.borderRadius, _Combobox.comboboxNewTokens.itemHeight, _Combobox.comboboxNewTokens.itemPadding, _Combobox.comboboxNewTokens.itemPaddingTight, _Combobox.comboboxNewTokens.itemBorderRadius, _Combobox.comboboxNewTokens.itemIconMargin, _Combobox.comboboxNewTokens.itemIconSize, _Combobox.comboboxNewTokens.itemIconSizeTight, _Combobox.comboboxNewTokens.cellPadding, _Combobox.comboboxNewTokens.cellPaddingLeftContent, _Combobox.comboboxNewTokens.cellPaddingContent, _Combobox.comboboxNewTokens.cellPaddingRightContent, _Combobox.comboboxNewTokens.cellTextboxGap, _Combobox.comboboxNewTokens.cellGap, _Combobox.comboboxNewTokens.cellTitleFontFamily, _Combobox.comboboxNewTokens.cellTitleFontSize, _Combobox.comboboxNewTokens.cellTitleFontStyle, _Combobox.comboboxNewTokens.cellTitleFontWeight, _Combobox.comboboxNewTokens.cellTitleLetterSpacing, _Combobox.comboboxNewTokens.cellTitleLineHeight, _Combobox.comboboxNewTokens.fontFamily, _Combobox.comboboxNewTokens.fontSize, _Combobox.comboboxNewTokens.fontStyle, _Combobox.comboboxNewTokens.fontWeight, _Combobox.comboboxNewTokens.fontLetterSpacing, _Combobox.comboboxNewTokens.fontLineHeight, _Combobox.comboboxNewTokens.checkboxTriggerSize, _Combobox.comboboxNewTokens.checkboxTriggerSizeTight, _Combobox.comboboxNewTokens.checkboxTriggerBorderRadius, _Combobox.comboboxNewTokens.checkboxTriggerBorderRadiusTight, _Combobox.comboboxNewTokens.checkboxFillColor, _Combobox.comboboxNewTokens.checkboxIconColor, _Combobox.comboboxNewTokens.checkboxTriggerBorderColor, _Combobox.comboboxNewTokens.indicatorSize),
25
+ s: /*#__PURE__*/(0, _styledComponents.css)(["", ":2.5rem;", ":0.6875rem 0.875rem 0.6875rem 0.875rem;", ":0.375rem;", ":0.625rem;", ":0.0625rem;", ":-0.1875rem 0.25rem -0.1875rem -0.125rem;", ":-0.1875rem -0.125rem -0.1875rem 0.75rem;", ":0 0.25rem 0 0;", ":0 0 0 0.25rem;", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":0.5rem;", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":0.25rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":0.3125rem 0 0 0;", ":1.0625rem 0 0.3125rem 0;", ":0.25rem;", ":0.25rem;", ":auto;", ":1.75rem;", ":0.5rem;", ":0.75rem;", ":0.375rem;", ":0rem;", ":1rem;", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":0.625rem 0.875rem 0.625rem 0.875rem;", ":0.125rem;", ":0.625rem;", ":1.5rem;", ":0.5rem 0.75rem 0.5rem 0.675rem;", ":0.25rem 0.75rem 0.25rem 0.675rem;", ":0.5rem;", ":1.5rem;", ":1rem;", ":0 0.375rem 0 0;", ":0rem;", ":0rem;", ":0rem;", ":0rem;", ":0.125rem;", ":0.375rem;", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":1.25rem;", ":0.875rem;", ":0.375rem;", ":0.25rem;", ":var(--text-accent);", ":var(--on-dark-text-primary);", ":var(--text-secondary);", ":0.375rem;"], _Combobox.comboboxNewTokens.textFieldHeight, _Combobox.comboboxNewTokens.textFieldPadding, _Combobox.comboboxNewTokens.textFieldPaddingWithChips, _Combobox.comboboxNewTokens.textFieldBorderRadius, _Combobox.comboboxNewTokens.textFieldBorderWidth, _Combobox.comboboxNewTokens.textFieldLeftContentMargin, _Combobox.comboboxNewTokens.textFieldRightContentMargin, _Combobox.comboboxNewTokens.textFieldTextBeforeMargin, _Combobox.comboboxNewTokens.textFieldTextAfterMargin, _Combobox.comboboxNewTokens.textFieldFontFamily, _Combobox.comboboxNewTokens.textFieldFontSize, _Combobox.comboboxNewTokens.textFieldFontStyle, _Combobox.comboboxNewTokens.textFieldFontWeight, _Combobox.comboboxNewTokens.textFieldLetterSpacing, _Combobox.comboboxNewTokens.textFieldLineHeight, _Combobox.comboboxNewTokens.textFieldLabelOffset, _Combobox.comboboxNewTokens.textFieldLabelFontFamily, _Combobox.comboboxNewTokens.textFieldLabelFontSize, _Combobox.comboboxNewTokens.textFieldLabelFontStyle, _Combobox.comboboxNewTokens.textFieldLabelFontWeight, _Combobox.comboboxNewTokens.textFieldLabelLetterSpacing, _Combobox.comboboxNewTokens.textFieldLabelLineHeight, _Combobox.comboboxNewTokens.textFieldLeftHelperOffset, _Combobox.comboboxNewTokens.textFieldLeftHelperFontFamily, _Combobox.comboboxNewTokens.textFieldLeftHelperFontSize, _Combobox.comboboxNewTokens.textFieldLeftHelperFontStyle, _Combobox.comboboxNewTokens.textFieldLeftHelperFontWeight, _Combobox.comboboxNewTokens.textFieldLeftHelperLetterSpacing, _Combobox.comboboxNewTokens.textFieldLeftHelperLineHeight, _Combobox.comboboxNewTokens.textFieldLabelInnerPadding, _Combobox.comboboxNewTokens.textFieldContentLabelInnerPadding, _Combobox.comboboxNewTokens.textFieldChipGap, _Combobox.comboboxNewTokens.textFieldChipBorderRadius, _Combobox.comboboxNewTokens.textFieldChipWidth, _Combobox.comboboxNewTokens.textFieldChipHeight, _Combobox.comboboxNewTokens.textFieldChipPaddingRight, _Combobox.comboboxNewTokens.textFieldChipPaddingLeft, _Combobox.comboboxNewTokens.textFieldChipClearContentMarginLeft, _Combobox.comboboxNewTokens.textFieldChipClearContentMarginRight, _Combobox.comboboxNewTokens.textFieldChipCloseIconSize, _Combobox.comboboxNewTokens.textFieldChipFontFamily, _Combobox.comboboxNewTokens.textFieldChipFontSize, _Combobox.comboboxNewTokens.textFieldChipFontStyle, _Combobox.comboboxNewTokens.textFieldChipFontWeight, _Combobox.comboboxNewTokens.textFieldChipLetterSpacing, _Combobox.comboboxNewTokens.textFieldChipLineHeight, _Combobox.comboboxNewTokens.emptyStatePadding, _Combobox.comboboxNewTokens.padding, _Combobox.comboboxNewTokens.borderRadius, _Combobox.comboboxNewTokens.itemHeight, _Combobox.comboboxNewTokens.itemPadding, _Combobox.comboboxNewTokens.itemPaddingTight, _Combobox.comboboxNewTokens.itemBorderRadius, _Combobox.comboboxNewTokens.itemIconSize, _Combobox.comboboxNewTokens.itemIconSizeTight, _Combobox.comboboxNewTokens.itemIconMargin, _Combobox.comboboxNewTokens.cellPadding, _Combobox.comboboxNewTokens.cellPaddingLeftContent, _Combobox.comboboxNewTokens.cellPaddingContent, _Combobox.comboboxNewTokens.cellPaddingRightContent, _Combobox.comboboxNewTokens.cellTextboxGap, _Combobox.comboboxNewTokens.cellGap, _Combobox.comboboxNewTokens.cellTitleFontFamily, _Combobox.comboboxNewTokens.cellTitleFontSize, _Combobox.comboboxNewTokens.cellTitleFontStyle, _Combobox.comboboxNewTokens.cellTitleFontWeight, _Combobox.comboboxNewTokens.cellTitleLetterSpacing, _Combobox.comboboxNewTokens.cellTitleLineHeight, _Combobox.comboboxNewTokens.fontFamily, _Combobox.comboboxNewTokens.fontSize, _Combobox.comboboxNewTokens.fontStyle, _Combobox.comboboxNewTokens.fontWeight, _Combobox.comboboxNewTokens.fontLetterSpacing, _Combobox.comboboxNewTokens.fontLineHeight, _Combobox.comboboxNewTokens.checkboxTriggerSize, _Combobox.comboboxNewTokens.checkboxTriggerSizeTight, _Combobox.comboboxNewTokens.checkboxTriggerBorderRadius, _Combobox.comboboxNewTokens.checkboxTriggerBorderRadiusTight, _Combobox.comboboxNewTokens.checkboxFillColor, _Combobox.comboboxNewTokens.checkboxIconColor, _Combobox.comboboxNewTokens.checkboxTriggerBorderColor, _Combobox.comboboxNewTokens.indicatorSize),
26
+ xs: /*#__PURE__*/(0, _styledComponents.css)(["", ":2rem;", ":0.5625rem 0.625rem 0.5625rem 0.625rem;", ":0.375rem;", ":0.5rem;", ":0.0625rem;", ":-0.0625rem 0.25rem -0.0625rem -0.125rem;", ":-0.0625rem -0.125rem -0.0625rem 0.75rem;", ":0 0.25rem 0 0;", ":0 0 0 0.25rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":0.375rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":0.25rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":0.3125rem 0 0 0;", ":1.0625rem 0 0.3125rem 0;", ":0.25rem;", ":0.125rem;", ":auto;", ":1.25rem;", ":0.375rem;", ":0.625rem;", ":0.25rem;", ":0rem;", ":0.75rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":0.5rem 0.625rem 0.5rem 0.625rem;", ":0.125rem;", ":0.5rem;", ":1rem;", ":0.5rem 0.5rem 0.5rem 0.375rem;", ":0.25rem 0.5rem 0.25rem 0.375rem;", ":0.375rem;", ":0 0.25rem 0 0;", ":1rem;", ":1rem;", ":0rem;", ":0rem;", ":0rem;", ":0rem;", ":0.125rem;", ":0.25rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);", ":1.25rem;", ":1.25rem;", ":0.375rem;", ":0.375rem;", ":var(--text-accent);", ":var(--on-dark-text-primary);", ":var(--text-secondary);", ":0.375rem;"], _Combobox.comboboxNewTokens.textFieldHeight, _Combobox.comboboxNewTokens.textFieldPadding, _Combobox.comboboxNewTokens.textFieldPaddingWithChips, _Combobox.comboboxNewTokens.textFieldBorderRadius, _Combobox.comboboxNewTokens.textFieldBorderWidth, _Combobox.comboboxNewTokens.textFieldLeftContentMargin, _Combobox.comboboxNewTokens.textFieldRightContentMargin, _Combobox.comboboxNewTokens.textFieldTextBeforeMargin, _Combobox.comboboxNewTokens.textFieldTextAfterMargin, _Combobox.comboboxNewTokens.textFieldFontFamily, _Combobox.comboboxNewTokens.textFieldFontSize, _Combobox.comboboxNewTokens.textFieldFontStyle, _Combobox.comboboxNewTokens.textFieldFontWeight, _Combobox.comboboxNewTokens.textFieldLetterSpacing, _Combobox.comboboxNewTokens.textFieldLineHeight, _Combobox.comboboxNewTokens.textFieldLabelOffset, _Combobox.comboboxNewTokens.textFieldLabelFontFamily, _Combobox.comboboxNewTokens.textFieldLabelFontSize, _Combobox.comboboxNewTokens.textFieldLabelFontStyle, _Combobox.comboboxNewTokens.textFieldLabelFontWeight, _Combobox.comboboxNewTokens.textFieldLabelLetterSpacing, _Combobox.comboboxNewTokens.textFieldLabelLineHeight, _Combobox.comboboxNewTokens.textFieldLeftHelperOffset, _Combobox.comboboxNewTokens.textFieldLeftHelperFontFamily, _Combobox.comboboxNewTokens.textFieldLeftHelperFontSize, _Combobox.comboboxNewTokens.textFieldLeftHelperFontStyle, _Combobox.comboboxNewTokens.textFieldLeftHelperFontWeight, _Combobox.comboboxNewTokens.textFieldLeftHelperLetterSpacing, _Combobox.comboboxNewTokens.textFieldLeftHelperLineHeight, _Combobox.comboboxNewTokens.textFieldLabelInnerPadding, _Combobox.comboboxNewTokens.textFieldContentLabelInnerPadding, _Combobox.comboboxNewTokens.textFieldChipGap, _Combobox.comboboxNewTokens.textFieldChipBorderRadius, _Combobox.comboboxNewTokens.textFieldChipWidth, _Combobox.comboboxNewTokens.textFieldChipHeight, _Combobox.comboboxNewTokens.textFieldChipPaddingRight, _Combobox.comboboxNewTokens.textFieldChipPaddingLeft, _Combobox.comboboxNewTokens.textFieldChipClearContentMarginLeft, _Combobox.comboboxNewTokens.textFieldChipClearContentMarginRight, _Combobox.comboboxNewTokens.textFieldChipCloseIconSize, _Combobox.comboboxNewTokens.textFieldChipFontFamily, _Combobox.comboboxNewTokens.textFieldChipFontSize, _Combobox.comboboxNewTokens.textFieldChipFontStyle, _Combobox.comboboxNewTokens.textFieldChipFontWeight, _Combobox.comboboxNewTokens.textFieldChipLetterSpacing, _Combobox.comboboxNewTokens.textFieldChipLineHeight, _Combobox.comboboxNewTokens.emptyStatePadding, _Combobox.comboboxNewTokens.padding, _Combobox.comboboxNewTokens.borderRadius, _Combobox.comboboxNewTokens.itemHeight, _Combobox.comboboxNewTokens.itemPadding, _Combobox.comboboxNewTokens.itemPaddingTight, _Combobox.comboboxNewTokens.itemBorderRadius, _Combobox.comboboxNewTokens.itemIconMargin, _Combobox.comboboxNewTokens.itemIconSize, _Combobox.comboboxNewTokens.itemIconSizeTight, _Combobox.comboboxNewTokens.cellPadding, _Combobox.comboboxNewTokens.cellPaddingLeftContent, _Combobox.comboboxNewTokens.cellPaddingContent, _Combobox.comboboxNewTokens.cellPaddingRightContent, _Combobox.comboboxNewTokens.cellTextboxGap, _Combobox.comboboxNewTokens.cellGap, _Combobox.comboboxNewTokens.cellTitleFontFamily, _Combobox.comboboxNewTokens.cellTitleFontSize, _Combobox.comboboxNewTokens.cellTitleFontStyle, _Combobox.comboboxNewTokens.cellTitleFontWeight, _Combobox.comboboxNewTokens.cellTitleLetterSpacing, _Combobox.comboboxNewTokens.cellTitleLineHeight, _Combobox.comboboxNewTokens.fontFamily, _Combobox.comboboxNewTokens.fontSize, _Combobox.comboboxNewTokens.fontStyle, _Combobox.comboboxNewTokens.fontWeight, _Combobox.comboboxNewTokens.fontLetterSpacing, _Combobox.comboboxNewTokens.fontLineHeight, _Combobox.comboboxNewTokens.checkboxTriggerSize, _Combobox.comboboxNewTokens.checkboxTriggerSizeTight, _Combobox.comboboxNewTokens.checkboxTriggerBorderRadius, _Combobox.comboboxNewTokens.checkboxTriggerBorderRadiusTight, _Combobox.comboboxNewTokens.checkboxFillColor, _Combobox.comboboxNewTokens.checkboxIconColor, _Combobox.comboboxNewTokens.checkboxTriggerBorderColor, _Combobox.comboboxNewTokens.indicatorSize)
27
+ },
28
+ labelPlacement: {
29
+ inner: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--plasma-input-label-color,var(--plasma-input-placeholder-color,var(--plasma-colors-secondary)));", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);"], _Combobox.comboboxNewTokens.textFieldPlaceholderColor, _Combobox.comboboxNewTokens.textFieldLabelInnerFontFamily, _Combobox.comboboxNewTokens.textFieldLabelInnerFontSize, _Combobox.comboboxNewTokens.textFieldLabelInnerFontStyle, _Combobox.comboboxNewTokens.textFieldLabelInnerFontWeight, _Combobox.comboboxNewTokens.textFieldLabelInnerLetterSpacing, _Combobox.comboboxNewTokens.textFieldLabelInnerLineHeight),
30
+ outer: /*#__PURE__*/(0, _styledComponents.css)([""])
31
+ },
32
+ disabled: {
33
+ "true": /*#__PURE__*/(0, _styledComponents.css)(["", ":0.4;"], _Combobox.comboboxNewTokens.textFieldDisabledOpacity)
34
+ },
35
+ readOnly: {
36
+ "true": /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-secondary);", ":var(--surface-transparent-primary);", ":var(--text-secondary);", ":var(--text-secondary);", ":var(--text-secondary);"], _Combobox.comboboxNewTokens.textFieldColorReadOnly, _Combobox.comboboxNewTokens.textFieldBackgroundColorReadOnly, _Combobox.comboboxNewTokens.textFieldPlaceholderColorReadOnly, _Combobox.comboboxNewTokens.textFieldLeftHelperColorReadOnly, _Combobox.comboboxNewTokens.textFieldLabelColorReadOnly)
37
+ }
38
+ }
39
+ };
@@ -4,8 +4,8 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.Combobox = void 0;
7
- var _engines = /*#__PURE__*/require("../../../../../engines");
8
- var _ = /*#__PURE__*/require("../../../../..");
7
+ var _engines = /*#__PURE__*/require("../../../../engines");
8
+ var _ = /*#__PURE__*/require("../../../..");
9
9
  var _Combobox = /*#__PURE__*/require("./Combobox.config");
10
10
  var mergedConfig = /*#__PURE__*/(0, _engines.mergeConfig)(_.comboboxNewConfig, _Combobox.config);
11
11
  var Combobox = exports.Combobox = /*#__PURE__*/(0, _engines.component)(mergedConfig);
@@ -0,0 +1,368 @@
1
+ import React, { useState } from 'react';
2
+ import type { ComponentProps } from 'react';
3
+ import type { Meta, StoryObj } from '@storybook/react';
4
+
5
+ import { WithTheme } from '../../../_helpers';
6
+ import { IconDone } from '../../../../components/_Icon';
7
+
8
+ import { Combobox } from './Combobox';
9
+
10
+ type StorySelectProps = ComponentProps<typeof Combobox> & {
11
+ enableContentLeft?: boolean;
12
+ };
13
+
14
+ const view = ['default', 'positive', 'warning', 'negative'];
15
+ const size = ['xs', 's', 'm', 'l'];
16
+ const labelPlacement = ['inner', 'outer'];
17
+ const variant = ['normal', 'tight'];
18
+
19
+ const meta: Meta<StorySelectProps> = {
20
+ title: 'plasma_b2c/Combobox',
21
+ decorators: [WithTheme],
22
+ component: Combobox,
23
+ argTypes: {
24
+ size: {
25
+ options: size,
26
+ control: {
27
+ type: 'select',
28
+ },
29
+ },
30
+ view: {
31
+ options: view,
32
+ control: {
33
+ type: 'select',
34
+ },
35
+ },
36
+ labelPlacement: {
37
+ options: labelPlacement,
38
+ control: {
39
+ type: 'select',
40
+ },
41
+ },
42
+ variant: {
43
+ options: variant,
44
+ control: {
45
+ type: 'select',
46
+ },
47
+ },
48
+ listWidth: {
49
+ control: {
50
+ type: 'text',
51
+ },
52
+ },
53
+ listOverflow: {
54
+ control: {
55
+ type: 'text',
56
+ },
57
+ },
58
+ listHeight: {
59
+ control: {
60
+ type: 'text',
61
+ },
62
+ },
63
+ },
64
+ args: {
65
+ label: 'Label',
66
+ labelPlacement: 'outer',
67
+ placeholder: 'Placeholder',
68
+ helperText: 'Helper text',
69
+ size: 'm',
70
+ view: 'default',
71
+ enableContentLeft: false,
72
+ isTargetAmount: false,
73
+ variant: 'normal',
74
+ disabled: false,
75
+ readOnly: false,
76
+ alwaysOpened: false,
77
+ },
78
+ parameters: {
79
+ controls: {
80
+ include: [
81
+ 'size',
82
+ 'view',
83
+ 'enableContentLeft',
84
+ 'label',
85
+ 'labelPlacement',
86
+ 'placeholder',
87
+ 'helperText',
88
+ 'isTargetAmount',
89
+ 'closeAfterSelect',
90
+ 'alwaysOpened',
91
+ 'variant',
92
+ 'disabled',
93
+ 'readOnly',
94
+ 'listWidth',
95
+ 'listOverflow',
96
+ 'listHeight',
97
+ ],
98
+ },
99
+ },
100
+ };
101
+
102
+ export default meta;
103
+
104
+ const items = [
105
+ {
106
+ value: 'north_america',
107
+ label: 'Северная Америка',
108
+ },
109
+ {
110
+ value: 'south_america',
111
+ label: 'Южная Америка',
112
+ items: [
113
+ {
114
+ value: 'brazil',
115
+ label: 'Бразилия',
116
+ items: [
117
+ {
118
+ value: 'rio_de_janeiro',
119
+ label: 'Рио-де-Жанейро',
120
+ },
121
+ {
122
+ value: 'sao_paulo',
123
+ label: 'Сан-Паулу',
124
+ },
125
+ ],
126
+ },
127
+ {
128
+ value: 'argentina',
129
+ label: 'Аргентина',
130
+ items: [
131
+ {
132
+ value: 'buenos_aires',
133
+ label: 'Буэнос-Айрес',
134
+ },
135
+ {
136
+ value: 'cordoba',
137
+ label: 'Кордова',
138
+ },
139
+ ],
140
+ },
141
+ {
142
+ value: 'colombia',
143
+ label: 'Колумбия',
144
+ items: [
145
+ {
146
+ value: 'bogota',
147
+ label: 'Богота',
148
+ },
149
+ {
150
+ value: 'medellin',
151
+ label: 'Медельин',
152
+ },
153
+ ],
154
+ },
155
+ ],
156
+ },
157
+ {
158
+ value: 'europe',
159
+ label: 'Европа',
160
+ items: [
161
+ {
162
+ value: 'france',
163
+ label: 'Франция',
164
+ items: [
165
+ {
166
+ value: 'paris',
167
+ label: 'Париж',
168
+ },
169
+ {
170
+ value: 'lyon',
171
+ label: 'Лион',
172
+ },
173
+ ],
174
+ },
175
+ {
176
+ value: 'germany',
177
+ label: 'Германия',
178
+ items: [
179
+ {
180
+ value: 'berlin',
181
+ label: 'Берлин',
182
+ },
183
+ {
184
+ value: 'munich',
185
+ label: 'Мюнхен',
186
+ },
187
+ ],
188
+ },
189
+ {
190
+ value: 'italy',
191
+ label: 'Италия',
192
+ items: [
193
+ {
194
+ value: 'rome',
195
+ label: 'Рим',
196
+ },
197
+ {
198
+ value: 'milan',
199
+ label: 'Милан',
200
+ },
201
+ ],
202
+ },
203
+ {
204
+ value: 'spain',
205
+ label: 'Испания',
206
+ items: [
207
+ {
208
+ value: 'madrid',
209
+ label: 'Мадрид',
210
+ },
211
+ {
212
+ value: 'barcelona',
213
+ label: 'Барселона',
214
+ },
215
+ ],
216
+ },
217
+ {
218
+ value: 'united_kingdom',
219
+ label: 'Великобритания',
220
+ items: [
221
+ {
222
+ value: 'london',
223
+ label: 'Лондон',
224
+ },
225
+ {
226
+ value: 'manchester',
227
+ label: 'Манчестер',
228
+ },
229
+ ],
230
+ },
231
+ ],
232
+ },
233
+ {
234
+ value: 'asia',
235
+ label: 'Азия',
236
+ items: [
237
+ {
238
+ value: 'china',
239
+ label: 'Китай',
240
+ items: [
241
+ {
242
+ value: 'beijing',
243
+ label: 'Пекин',
244
+ },
245
+ {
246
+ value: 'shanghai',
247
+ label: 'Шанхай',
248
+ },
249
+ ],
250
+ },
251
+ {
252
+ value: 'japan',
253
+ label: 'Япония',
254
+ items: [
255
+ {
256
+ value: 'tokyo',
257
+ label: 'Токио',
258
+ },
259
+ {
260
+ value: 'osaka',
261
+ label: 'Осака',
262
+ },
263
+ ],
264
+ },
265
+ {
266
+ value: 'india',
267
+ label: 'Индия',
268
+ items: [
269
+ {
270
+ value: 'delhi',
271
+ label: 'Дели',
272
+ },
273
+ {
274
+ value: 'mumbai',
275
+ label: 'Мумбаи',
276
+ },
277
+ ],
278
+ },
279
+ {
280
+ value: 'south_korea',
281
+ label: 'Южная Корея',
282
+ items: [
283
+ {
284
+ value: 'seoul',
285
+ label: 'Сеул',
286
+ },
287
+ {
288
+ value: 'busan',
289
+ label: 'Пусан',
290
+ },
291
+ ],
292
+ },
293
+ {
294
+ value: 'thailand',
295
+ label: 'Таиланд',
296
+ items: [
297
+ {
298
+ value: 'bangkok',
299
+ label: 'Бангкок',
300
+ },
301
+ {
302
+ value: 'phuket',
303
+ label: 'Пхукет',
304
+ },
305
+ ],
306
+ },
307
+ ],
308
+ },
309
+ {
310
+ value: 'africa',
311
+ label: 'Африка',
312
+ disabled: true,
313
+ },
314
+ ];
315
+
316
+ const SingleStory = (args: StorySelectProps) => {
317
+ const [value, setValue] = useState('');
318
+
319
+ return (
320
+ <div style={{ width: '400px' }}>
321
+ <Combobox
322
+ {...args}
323
+ items={items}
324
+ value={value}
325
+ onChange={setValue}
326
+ contentLeft={args.enableContentLeft ? <IconDone size="s" /> : undefined}
327
+ autoComplete="off"
328
+ />
329
+ </div>
330
+ );
331
+ };
332
+
333
+ export const Single: StoryObj<StorySelectProps> = {
334
+ render: (args) => <SingleStory {...args} />,
335
+ args: {
336
+ closeAfterSelect: true,
337
+ },
338
+ parameters: {
339
+ controls: {
340
+ exclude: ['isTargetAmount'],
341
+ },
342
+ },
343
+ };
344
+
345
+ const MultipleStory = (args: StorySelectProps) => {
346
+ const [value, setValue] = useState([]);
347
+
348
+ return (
349
+ <div style={{ width: '400px' }}>
350
+ <Combobox
351
+ {...args}
352
+ multiple
353
+ items={items}
354
+ value={value}
355
+ onChange={setValue}
356
+ contentLeft={args.enableContentLeft ? <IconDone size="s" /> : undefined}
357
+ autoComplete="off"
358
+ />
359
+ </div>
360
+ );
361
+ };
362
+
363
+ export const Multiple: StoryObj<StorySelectProps> = {
364
+ render: (args) => <MultipleStory {...args} />,
365
+ args: {
366
+ closeAfterSelect: false,
367
+ },
368
+ };
@@ -19,7 +19,7 @@ var config = exports.config = {
19
19
  l: /*#__PURE__*/(0, _styledComponents.css)(["", ":100%;", ":auto;", ":0.875rem;", ":0.125rem;", ":0.125rem;", ":0.125rem;", ":0.125rem;", ":var(--surface-transparent-tertiary);", ":0.063rem;", ":0;", ":1rem;", ":0;", ":1rem;", ":auto;", ":1.5rem;", ":1rem;", ":1rem;", ":1rem;", ":1rem;", ":0.75rem;", ":1.875rem;", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);", ":0.25rem;", ":0.5rem;", ":auto;", ":2.75rem;", ":0.75rem;", ":1rem;", ":0.625rem;", ":0rem;", ":1rem;", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);", ":1rem;", ":3.5rem;", ":100%;", ":0.875rem;", ":0 3.5rem 0 1.5rem;", ":0 3.625rem 0 0.375rem;", ":0 3.625rem 0 0.625rem;", ":0.5rem;", ":0.375rem;", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);"], _Combobox.comboboxOldTokens.width, _Combobox.comboboxOldTokens.height, _Combobox.comboboxOldTokens.borderRadius, _Combobox.comboboxOldTokens.paddingTop, _Combobox.comboboxOldTokens.paddingRight, _Combobox.comboboxOldTokens.paddingBottom, _Combobox.comboboxOldTokens.paddingLeft, _Combobox.comboboxOldTokens.dividerColor, _Combobox.comboboxOldTokens.dividerHeight, _Combobox.comboboxOldTokens.dividerMarginTop, _Combobox.comboboxOldTokens.dividerMarginRight, _Combobox.comboboxOldTokens.dividerMarginBottom, _Combobox.comboboxOldTokens.dividerMarginLeft, _Combobox.comboboxOldTokens.itemWidth, _Combobox.comboboxOldTokens.itemHeight, _Combobox.comboboxOldTokens.itemPaddingTop, _Combobox.comboboxOldTokens.itemPaddingRight, _Combobox.comboboxOldTokens.itemPaddingBottom, _Combobox.comboboxOldTokens.itemPaddingLeft, _Combobox.comboboxOldTokens.itemBorderRadius, _Combobox.comboboxOldTokens.itemContentLeftWidth, _Combobox.comboboxOldTokens.itemFontFamily, _Combobox.comboboxOldTokens.itemFontSize, _Combobox.comboboxOldTokens.itemFontStyle, _Combobox.comboboxOldTokens.itemFontWeightBold, _Combobox.comboboxOldTokens.itemFontLetterSpacing, _Combobox.comboboxOldTokens.itemFontLineHeight, _Combobox.comboboxOldTokens.chipGap, _Combobox.comboboxOldTokens.chipBorderRadius, _Combobox.comboboxOldTokens.chipWidth, _Combobox.comboboxOldTokens.chipHeight, _Combobox.comboboxOldTokens.chipPaddingRight, _Combobox.comboboxOldTokens.chipPaddingLeft, _Combobox.comboboxOldTokens.chipClearContentMarginLeft, _Combobox.comboboxOldTokens.chipClearContentMarginRight, _Combobox.comboboxOldTokens.chipCloseIconSize, _Combobox.comboboxOldTokens.chipFontFamily, _Combobox.comboboxOldTokens.chipFontSize, _Combobox.comboboxOldTokens.chipFontStyle, _Combobox.comboboxOldTokens.chipFontWeight, _Combobox.comboboxOldTokens.chipLetterSpacing, _Combobox.comboboxOldTokens.chipLineHeight, _Combobox.comboboxOldTokens.targetArrowRight, _Combobox.comboboxOldTokens.targetHeight, _Combobox.comboboxOldTokens.targetWidth, _Combobox.comboboxOldTokens.targetRadius, _Combobox.comboboxOldTokens.targetPadding, _Combobox.comboboxOldTokens.targetPaddingHasChips, _Combobox.comboboxOldTokens.targetPaddingWithInput, _Combobox.comboboxOldTokens.targetInnerTop, _Combobox.comboboxOldTokens.targetLabelInnerTop, _Combobox.comboboxOldTokens.targetFontFamily, _Combobox.comboboxOldTokens.targetFontSize, _Combobox.comboboxOldTokens.targetFontStyle, _Combobox.comboboxOldTokens.targetFontWeight, _Combobox.comboboxOldTokens.targetLetterSpacing, _Combobox.comboboxOldTokens.targetLineHeight, _Combobox.comboboxOldTokens.targetLabelInnerFontFamily, _Combobox.comboboxOldTokens.targetLabelInnerFontSize, _Combobox.comboboxOldTokens.targetLabelInnerFontStyle, _Combobox.comboboxOldTokens.targetLabelInnerFontWeight, _Combobox.comboboxOldTokens.targetLabelInnerLetterSpacing, _Combobox.comboboxOldTokens.targetLabelInnerLineHeight)
20
20
  },
21
21
  view: {
22
- "default": /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-primary);", ":var(--text-secondary);", ":var(--text-secondary);", ":var(--surface-transparent-primary);", ":var(--surface-transparent-primary-hover);", ":var(--surface-transparent-primary-active);", ":var(--surface-transparent-secondary);", ":var(--surface-solid-card-brightness);", ":var(--shadow-down-soft-s);", ":var(--plasma-colors-transparent);", ":var(--surface-transparent-secondary);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":var(--text-accent);", ":var(--text-secondary);", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":var(--surface-transparent-secondary-hover);", ":var(--text-primary);", ":var(--surface-transparent-secondary-active);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":0.72;", ":0.4;", ":var(--surface-accent);"], _Combobox.comboboxOldTokens.targetColor, _Combobox.comboboxOldTokens.targetLabelColor, _Combobox.comboboxOldTokens.targetArrowColor, _Combobox.comboboxOldTokens.targetBackgroundColor, _Combobox.comboboxOldTokens.targetBackgroundColorHover, _Combobox.comboboxOldTokens.targetBackgroundColorActive, _Combobox.comboboxOldTokens.targetBackgroundColorOpen, _Combobox.comboboxOldTokens.background, _Combobox.comboboxOldTokens.boxShadow, _Combobox.comboboxOldTokens.itemBackground, _Combobox.comboboxOldTokens.itemBackgroundHover, _Combobox.comboboxOldTokens.itemBackgroundSelectedHover, _Combobox.comboboxOldTokens.itemColor, _Combobox.comboboxOldTokens.itemContentLeftColor, _Combobox.comboboxOldTokens.chipCloseIconColor, _Combobox.comboboxOldTokens.chipColor, _Combobox.comboboxOldTokens.chipBackground, _Combobox.comboboxOldTokens.chipColorHover, _Combobox.comboboxOldTokens.chipBackgroundHover, _Combobox.comboboxOldTokens.chipColorActive, _Combobox.comboboxOldTokens.chipBackgroundActive, _Combobox.comboboxOldTokens.chipBackgroundReadOnly, _Combobox.comboboxOldTokens.chipColorReadOnly, _Combobox.comboboxOldTokens.chipBackgroundReadOnlyHover, _Combobox.comboboxOldTokens.chipColorReadOnlyHover, _Combobox.comboboxOldTokens.chipOpacityReadonly, _Combobox.comboboxOldTokens.disabledOpacity, _Combobox.comboboxOldTokens.focusColor)
22
+ "default": /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-primary);", ":var(--text-secondary);", ":var(--text-secondary);", ":var(--surface-transparent-primary);", ":var(--surface-transparent-primary-hover);", ":var(--surface-transparent-primary-active);", ":var(--surface-transparent-secondary);", ":var(--surface-solid-card);", ":var(--shadow-down-soft-s);", ":var(--plasma-colors-transparent);", ":var(--surface-transparent-secondary);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":var(--text-accent);", ":var(--text-secondary);", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":var(--surface-transparent-secondary-hover);", ":var(--text-primary);", ":var(--surface-transparent-secondary-active);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":0.72;", ":0.4;", ":var(--surface-accent);"], _Combobox.comboboxOldTokens.targetColor, _Combobox.comboboxOldTokens.targetLabelColor, _Combobox.comboboxOldTokens.targetArrowColor, _Combobox.comboboxOldTokens.targetBackgroundColor, _Combobox.comboboxOldTokens.targetBackgroundColorHover, _Combobox.comboboxOldTokens.targetBackgroundColorActive, _Combobox.comboboxOldTokens.targetBackgroundColorOpen, _Combobox.comboboxOldTokens.background, _Combobox.comboboxOldTokens.boxShadow, _Combobox.comboboxOldTokens.itemBackground, _Combobox.comboboxOldTokens.itemBackgroundHover, _Combobox.comboboxOldTokens.itemBackgroundSelectedHover, _Combobox.comboboxOldTokens.itemColor, _Combobox.comboboxOldTokens.itemContentLeftColor, _Combobox.comboboxOldTokens.chipCloseIconColor, _Combobox.comboboxOldTokens.chipColor, _Combobox.comboboxOldTokens.chipBackground, _Combobox.comboboxOldTokens.chipColorHover, _Combobox.comboboxOldTokens.chipBackgroundHover, _Combobox.comboboxOldTokens.chipColorActive, _Combobox.comboboxOldTokens.chipBackgroundActive, _Combobox.comboboxOldTokens.chipBackgroundReadOnly, _Combobox.comboboxOldTokens.chipColorReadOnly, _Combobox.comboboxOldTokens.chipBackgroundReadOnlyHover, _Combobox.comboboxOldTokens.chipColorReadOnlyHover, _Combobox.comboboxOldTokens.chipOpacityReadonly, _Combobox.comboboxOldTokens.disabledOpacity, _Combobox.comboboxOldTokens.focusColor)
23
23
  }
24
24
  }
25
25
  };