@salutejs/plasma-new-hope 0.195.2-canary.1577.11955096429.0 → 0.195.2-canary.1586.11970189580.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (231) hide show
  1. package/cjs/components/Autocomplete/Autocomplete.css +1 -2
  2. package/cjs/components/Calendar/Calendar.tokens.js +2 -1
  3. package/cjs/components/Calendar/Calendar.tokens.js.map +1 -1
  4. package/cjs/components/Calendar/CalendarBase/CalendarBase.css +4 -4
  5. package/cjs/components/Calendar/CalendarDouble/CalendarDouble.css +4 -4
  6. package/cjs/components/Calendar/ui/CalendarDays/CalendarDays.css +4 -4
  7. package/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.css +4 -4
  8. package/cjs/components/Calendar/ui/CalendarQuarters/CalendarQuarters.css +4 -4
  9. package/cjs/components/Calendar/ui/CalendarYears/CalendarYears.css +4 -4
  10. package/cjs/components/Calendar/ui/DateStructureItem/DateStructureItem.css +4 -4
  11. package/cjs/components/Calendar/ui/DateStructureItem/DateStructureItem.styles.js +1 -1
  12. package/cjs/components/Calendar/ui/DateStructureItem/DateStructureItem.styles.js.map +1 -1
  13. package/cjs/components/Calendar/ui/DateStructureItem/{DateStructureItem.styles_uzh6dj.css → DateStructureItem.styles_1nxfztn.css} +1 -1
  14. package/cjs/components/Combobox/ComboboxNew/Combobox.css +1 -2
  15. package/cjs/components/Combobox/ComboboxNew/FloatingPopover.js +4 -1
  16. package/cjs/components/Combobox/ComboboxNew/FloatingPopover.js.map +1 -1
  17. package/cjs/components/Combobox/ComboboxNew/ui/Inner/Inner.css +1 -2
  18. package/cjs/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.css +1 -2
  19. package/cjs/components/DatePicker/RangeDate/RangeDate.css +5 -6
  20. package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +5 -6
  21. package/cjs/components/DatePicker/SingleDate/SingleDate.css +5 -6
  22. package/cjs/components/Dropdown/FloatingPopover.js +3 -2
  23. package/cjs/components/Dropdown/FloatingPopover.js.map +1 -1
  24. package/cjs/components/Pagination/Pagination.css +1 -2
  25. package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +1 -2
  26. package/cjs/components/Range/Range.css +1 -2
  27. package/cjs/components/Select/FloatingPopover.js +4 -1
  28. package/cjs/components/Select/FloatingPopover.js.map +1 -1
  29. package/cjs/components/Select/Select.css +1 -2
  30. package/cjs/components/Select/ui/Inner/Inner.css +1 -2
  31. package/cjs/components/Select/ui/Inner/ui/Item/Item.css +1 -2
  32. package/cjs/components/Select/ui/Target/Target.css +1 -2
  33. package/cjs/components/Select/ui/Target/Target.js +1 -2
  34. package/cjs/components/Select/ui/Target/Target.js.map +1 -1
  35. package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.css +1 -2
  36. package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.js +2 -4
  37. package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.js.map +1 -1
  38. package/cjs/components/Slider/Slider.css +1 -2
  39. package/cjs/components/Slider/components/Double/Double.css +1 -2
  40. package/cjs/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.css +1 -2
  41. package/cjs/components/TextField/TextField.js +4 -7
  42. package/cjs/components/TextField/TextField.js.map +1 -1
  43. package/cjs/components/TextField/ui/TextFieldChip/TextFieldChip.css +1 -2
  44. package/cjs/components/TextField/ui/TextFieldChip/TextFieldChip.js +3 -17
  45. package/cjs/components/TextField/ui/TextFieldChip/TextFieldChip.js.map +1 -1
  46. package/cjs/components/TextField/ui/TextFieldChip/TextFieldChip.styles.js +1 -7
  47. package/cjs/components/TextField/ui/TextFieldChip/TextFieldChip.styles.js.map +1 -1
  48. package/cjs/components/TextField/ui/TextFieldChip/{TextFieldChip.styles_1yosnxc.css → TextFieldChip.styles_1y8n7la.css} +0 -1
  49. package/cjs/index.css +5 -6
  50. package/emotion/cjs/components/Calendar/Calendar.tokens.js +2 -1
  51. package/emotion/cjs/components/Calendar/ui/DateStructureItem/DateStructureItem.styles.js +5 -5
  52. package/emotion/cjs/components/Combobox/ComboboxNew/FloatingPopover.js +4 -1
  53. package/emotion/cjs/components/Dropdown/FloatingPopover.js +3 -2
  54. package/emotion/cjs/components/Select/FloatingPopover.js +4 -1
  55. package/emotion/cjs/components/Select/ui/Target/Target.js +1 -2
  56. package/emotion/cjs/components/Select/ui/Target/ui/Textfield/Textfield.js +2 -4
  57. package/emotion/cjs/components/TextField/TextField.js +5 -8
  58. package/emotion/cjs/components/TextField/TextField.template-doc.mdx +3 -13
  59. package/emotion/cjs/components/TextField/ui/TextFieldChip/TextFieldChip.js +3 -17
  60. package/emotion/cjs/components/TextField/ui/TextFieldChip/TextFieldChip.styles.js +3 -12
  61. package/emotion/cjs/examples/plasma_b2c/components/Calendar/CalendarBase.config.js +5 -5
  62. package/emotion/cjs/examples/plasma_b2c/components/Calendar/CalendarDouble.config.js +5 -5
  63. package/emotion/cjs/examples/plasma_b2c/components/Select/Select.stories.tsx +1 -8
  64. package/emotion/cjs/examples/plasma_b2c/components/TextField/TextField.stories.tsx +0 -10
  65. package/emotion/cjs/examples/plasma_web/components/Calendar/CalendarBase.config.js +5 -5
  66. package/emotion/cjs/examples/plasma_web/components/Calendar/CalendarDouble.config.js +5 -5
  67. package/emotion/cjs/examples/plasma_web/components/Select/Select.stories.tsx +1 -8
  68. package/emotion/cjs/examples/plasma_web/components/TextField/TextField.stories.tsx +0 -10
  69. package/emotion/es/components/Calendar/Calendar.tokens.js +2 -1
  70. package/emotion/es/components/Calendar/ui/DateStructureItem/DateStructureItem.styles.js +5 -5
  71. package/emotion/es/components/Combobox/ComboboxNew/FloatingPopover.js +4 -1
  72. package/emotion/es/components/Dropdown/FloatingPopover.js +3 -2
  73. package/emotion/es/components/Select/FloatingPopover.js +4 -1
  74. package/emotion/es/components/Select/ui/Target/Target.js +1 -2
  75. package/emotion/es/components/Select/ui/Target/ui/Textfield/Textfield.js +2 -4
  76. package/emotion/es/components/TextField/TextField.js +5 -8
  77. package/emotion/es/components/TextField/TextField.template-doc.mdx +3 -13
  78. package/emotion/es/components/TextField/ui/TextFieldChip/TextFieldChip.js +4 -18
  79. package/emotion/es/components/TextField/ui/TextFieldChip/TextFieldChip.styles.js +2 -11
  80. package/emotion/es/examples/plasma_b2c/components/Calendar/CalendarBase.config.js +5 -5
  81. package/emotion/es/examples/plasma_b2c/components/Calendar/CalendarDouble.config.js +5 -5
  82. package/emotion/es/examples/plasma_b2c/components/Select/Select.stories.tsx +1 -8
  83. package/emotion/es/examples/plasma_b2c/components/TextField/TextField.stories.tsx +0 -10
  84. package/emotion/es/examples/plasma_web/components/Calendar/CalendarBase.config.js +5 -5
  85. package/emotion/es/examples/plasma_web/components/Calendar/CalendarDouble.config.js +5 -5
  86. package/emotion/es/examples/plasma_web/components/Select/Select.stories.tsx +1 -8
  87. package/emotion/es/examples/plasma_web/components/TextField/TextField.stories.tsx +0 -10
  88. package/es/components/Autocomplete/Autocomplete.css +1 -2
  89. package/es/components/Calendar/Calendar.tokens.js +2 -1
  90. package/es/components/Calendar/Calendar.tokens.js.map +1 -1
  91. package/es/components/Calendar/CalendarBase/CalendarBase.css +4 -4
  92. package/es/components/Calendar/CalendarDouble/CalendarDouble.css +4 -4
  93. package/es/components/Calendar/ui/CalendarDays/CalendarDays.css +4 -4
  94. package/es/components/Calendar/ui/CalendarMonths/CalendarMonths.css +4 -4
  95. package/es/components/Calendar/ui/CalendarQuarters/CalendarQuarters.css +4 -4
  96. package/es/components/Calendar/ui/CalendarYears/CalendarYears.css +4 -4
  97. package/es/components/Calendar/ui/DateStructureItem/DateStructureItem.css +4 -4
  98. package/es/components/Calendar/ui/DateStructureItem/DateStructureItem.styles.js +1 -1
  99. package/es/components/Calendar/ui/DateStructureItem/DateStructureItem.styles.js.map +1 -1
  100. package/es/components/Calendar/ui/DateStructureItem/{DateStructureItem.styles_uzh6dj.css → DateStructureItem.styles_1nxfztn.css} +1 -1
  101. package/es/components/Combobox/ComboboxNew/Combobox.css +1 -2
  102. package/es/components/Combobox/ComboboxNew/FloatingPopover.js +4 -1
  103. package/es/components/Combobox/ComboboxNew/FloatingPopover.js.map +1 -1
  104. package/es/components/Combobox/ComboboxNew/ui/Inner/Inner.css +1 -2
  105. package/es/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.css +1 -2
  106. package/es/components/DatePicker/RangeDate/RangeDate.css +5 -6
  107. package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +5 -6
  108. package/es/components/DatePicker/SingleDate/SingleDate.css +5 -6
  109. package/es/components/Dropdown/FloatingPopover.js +3 -2
  110. package/es/components/Dropdown/FloatingPopover.js.map +1 -1
  111. package/es/components/Pagination/Pagination.css +1 -2
  112. package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +1 -2
  113. package/es/components/Range/Range.css +1 -2
  114. package/es/components/Select/FloatingPopover.js +4 -1
  115. package/es/components/Select/FloatingPopover.js.map +1 -1
  116. package/es/components/Select/Select.css +1 -2
  117. package/es/components/Select/ui/Inner/Inner.css +1 -2
  118. package/es/components/Select/ui/Inner/ui/Item/Item.css +1 -2
  119. package/es/components/Select/ui/Target/Target.css +1 -2
  120. package/es/components/Select/ui/Target/Target.js +1 -2
  121. package/es/components/Select/ui/Target/Target.js.map +1 -1
  122. package/es/components/Select/ui/Target/ui/Textfield/Textfield.css +1 -2
  123. package/es/components/Select/ui/Target/ui/Textfield/Textfield.js +2 -4
  124. package/es/components/Select/ui/Target/ui/Textfield/Textfield.js.map +1 -1
  125. package/es/components/Slider/Slider.css +1 -2
  126. package/es/components/Slider/components/Double/Double.css +1 -2
  127. package/es/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.css +1 -2
  128. package/es/components/TextField/TextField.js +4 -7
  129. package/es/components/TextField/TextField.js.map +1 -1
  130. package/es/components/TextField/ui/TextFieldChip/TextFieldChip.css +1 -2
  131. package/es/components/TextField/ui/TextFieldChip/TextFieldChip.js +4 -18
  132. package/es/components/TextField/ui/TextFieldChip/TextFieldChip.js.map +1 -1
  133. package/es/components/TextField/ui/TextFieldChip/TextFieldChip.styles.js +2 -7
  134. package/es/components/TextField/ui/TextFieldChip/TextFieldChip.styles.js.map +1 -1
  135. package/es/components/TextField/ui/TextFieldChip/{TextFieldChip.styles_1yosnxc.css → TextFieldChip.styles_1y8n7la.css} +0 -1
  136. package/es/index.css +5 -6
  137. package/package.json +2 -2
  138. package/styled-components/cjs/components/Calendar/Calendar.tokens.js +2 -1
  139. package/styled-components/cjs/components/Calendar/ui/DateStructureItem/DateStructureItem.styles.js +1 -1
  140. package/styled-components/cjs/components/Combobox/ComboboxNew/FloatingPopover.js +4 -1
  141. package/styled-components/cjs/components/Dropdown/FloatingPopover.js +3 -2
  142. package/styled-components/cjs/components/Select/FloatingPopover.js +4 -1
  143. package/styled-components/cjs/components/Select/ui/Target/Target.js +1 -2
  144. package/styled-components/cjs/components/Select/ui/Target/ui/Textfield/Textfield.js +2 -4
  145. package/styled-components/cjs/components/TextField/TextField.js +4 -7
  146. package/styled-components/cjs/components/TextField/TextField.template-doc.mdx +3 -13
  147. package/styled-components/cjs/components/TextField/ui/TextFieldChip/TextFieldChip.js +3 -17
  148. package/styled-components/cjs/components/TextField/ui/TextFieldChip/TextFieldChip.styles.js +2 -10
  149. package/styled-components/cjs/examples/plasma_b2c/components/Calendar/CalendarBase.config.js +1 -1
  150. package/styled-components/cjs/examples/plasma_b2c/components/Calendar/CalendarDouble.config.js +1 -1
  151. package/styled-components/cjs/examples/plasma_b2c/components/Select/Select.stories.tsx +1 -8
  152. package/styled-components/cjs/examples/plasma_b2c/components/TextField/TextField.stories.tsx +0 -10
  153. package/styled-components/cjs/examples/plasma_web/components/Calendar/CalendarBase.config.js +1 -1
  154. package/styled-components/cjs/examples/plasma_web/components/Calendar/CalendarDouble.config.js +1 -1
  155. package/styled-components/cjs/examples/plasma_web/components/Select/Select.stories.tsx +1 -8
  156. package/styled-components/cjs/examples/plasma_web/components/TextField/TextField.stories.tsx +0 -10
  157. package/styled-components/es/components/Calendar/Calendar.tokens.js +2 -1
  158. package/styled-components/es/components/Calendar/ui/DateStructureItem/DateStructureItem.styles.js +1 -1
  159. package/styled-components/es/components/Combobox/ComboboxNew/FloatingPopover.js +4 -1
  160. package/styled-components/es/components/Dropdown/FloatingPopover.js +3 -2
  161. package/styled-components/es/components/Select/FloatingPopover.js +4 -1
  162. package/styled-components/es/components/Select/ui/Target/Target.js +1 -2
  163. package/styled-components/es/components/Select/ui/Target/ui/Textfield/Textfield.js +2 -4
  164. package/styled-components/es/components/TextField/TextField.js +4 -7
  165. package/styled-components/es/components/TextField/TextField.template-doc.mdx +3 -13
  166. package/styled-components/es/components/TextField/ui/TextFieldChip/TextFieldChip.js +4 -18
  167. package/styled-components/es/components/TextField/ui/TextFieldChip/TextFieldChip.styles.js +1 -9
  168. package/styled-components/es/examples/plasma_b2c/components/Calendar/CalendarBase.config.js +1 -1
  169. package/styled-components/es/examples/plasma_b2c/components/Calendar/CalendarDouble.config.js +1 -1
  170. package/styled-components/es/examples/plasma_b2c/components/Select/Select.stories.tsx +1 -8
  171. package/styled-components/es/examples/plasma_b2c/components/TextField/TextField.stories.tsx +0 -10
  172. package/styled-components/es/examples/plasma_web/components/Calendar/CalendarBase.config.js +1 -1
  173. package/styled-components/es/examples/plasma_web/components/Calendar/CalendarDouble.config.js +1 -1
  174. package/styled-components/es/examples/plasma_web/components/Select/Select.stories.tsx +1 -8
  175. package/styled-components/es/examples/plasma_web/components/TextField/TextField.stories.tsx +0 -10
  176. package/types/components/Autocomplete/Autocomplete.types.d.ts +2 -3
  177. package/types/components/Autocomplete/Autocomplete.types.d.ts.map +1 -1
  178. package/types/components/Autocomplete/ui/TextField/TextField.styles.d.ts +0 -16
  179. package/types/components/Autocomplete/ui/TextField/TextField.styles.d.ts.map +1 -1
  180. package/types/components/Calendar/Calendar.tokens.d.ts +1 -0
  181. package/types/components/Calendar/Calendar.tokens.d.ts.map +1 -1
  182. package/types/components/Combobox/ComboboxNew/ui/Target/Target.styles.d.ts +0 -16
  183. package/types/components/Combobox/ComboboxNew/ui/Target/Target.styles.d.ts.map +1 -1
  184. package/types/components/DatePicker/SingleDate/SingleDate.styles.d.ts +0 -16
  185. package/types/components/DatePicker/SingleDate/SingleDate.styles.d.ts.map +1 -1
  186. package/types/components/Dropdown/FloatingPopover.d.ts.map +1 -1
  187. package/types/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.d.ts +0 -6
  188. package/types/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.d.ts.map +1 -1
  189. package/types/components/Range/Range.styles.d.ts +0 -16
  190. package/types/components/Range/Range.styles.d.ts.map +1 -1
  191. package/types/components/Select/Select.types.d.ts +0 -5
  192. package/types/components/Select/Select.types.d.ts.map +1 -1
  193. package/types/components/Select/ui/Target/Target.d.ts +1 -1
  194. package/types/components/Select/ui/Target/Target.d.ts.map +1 -1
  195. package/types/components/Select/ui/Target/Target.types.d.ts +1 -1
  196. package/types/components/Select/ui/Target/Target.types.d.ts.map +1 -1
  197. package/types/components/Select/ui/Target/ui/Textfield/Textfield.d.ts.map +1 -1
  198. package/types/components/Select/ui/Target/ui/Textfield/Textfield.styles.d.ts +0 -16
  199. package/types/components/Select/ui/Target/ui/Textfield/Textfield.styles.d.ts.map +1 -1
  200. package/types/components/Select/ui/Target/ui/Textfield/Textfield.types.d.ts +1 -1
  201. package/types/components/Select/ui/Target/ui/Textfield/Textfield.types.d.ts.map +1 -1
  202. package/types/components/Slider/components/Double/Double.styles.d.ts +0 -16
  203. package/types/components/Slider/components/Double/Double.styles.d.ts.map +1 -1
  204. package/types/components/TextField/TextField.d.ts.map +1 -1
  205. package/types/components/TextField/TextField.types.d.ts +0 -8
  206. package/types/components/TextField/TextField.types.d.ts.map +1 -1
  207. package/types/components/TextField/ui/TextFieldChip/TextFieldChip.d.ts.map +1 -1
  208. package/types/components/TextField/ui/TextFieldChip/TextFieldChip.styles.d.ts +0 -1
  209. package/types/components/TextField/ui/TextFieldChip/TextFieldChip.styles.d.ts.map +1 -1
  210. package/types/components/TextField/ui/TextFieldChip/TextFieldChip.types.d.ts +1 -5
  211. package/types/components/TextField/ui/TextFieldChip/TextFieldChip.types.d.ts.map +1 -1
  212. package/types/examples/plasma_b2c/components/Autocomplete/Autocomplete.d.ts +3 -553
  213. package/types/examples/plasma_b2c/components/Autocomplete/Autocomplete.d.ts.map +1 -1
  214. package/types/examples/plasma_b2c/components/Calendar/CalendarBase.config.d.ts.map +1 -1
  215. package/types/examples/plasma_b2c/components/Calendar/CalendarDouble.config.d.ts.map +1 -1
  216. package/types/examples/plasma_b2c/components/Mask/Mask.d.ts +0 -16
  217. package/types/examples/plasma_b2c/components/Mask/Mask.d.ts.map +1 -1
  218. package/types/examples/plasma_b2c/components/Select/Select.d.ts +0 -6
  219. package/types/examples/plasma_b2c/components/Select/Select.d.ts.map +1 -1
  220. package/types/examples/plasma_b2c/components/TextField/TextField.d.ts +0 -16
  221. package/types/examples/plasma_b2c/components/TextField/TextField.d.ts.map +1 -1
  222. package/types/examples/plasma_web/components/Autocomplete/Autocomplete.d.ts +3 -553
  223. package/types/examples/plasma_web/components/Autocomplete/Autocomplete.d.ts.map +1 -1
  224. package/types/examples/plasma_web/components/Calendar/CalendarBase.config.d.ts.map +1 -1
  225. package/types/examples/plasma_web/components/Calendar/CalendarDouble.config.d.ts.map +1 -1
  226. package/types/examples/plasma_web/components/Mask/Mask.d.ts +0 -16
  227. package/types/examples/plasma_web/components/Mask/Mask.d.ts.map +1 -1
  228. package/types/examples/plasma_web/components/Select/Select.d.ts +0 -6
  229. package/types/examples/plasma_web/components/Select/Select.d.ts.map +1 -1
  230. package/types/examples/plasma_web/components/TextField/TextField.d.ts +0 -16
  231. package/types/examples/plasma_web/components/TextField/TextField.d.ts.map +1 -1
@@ -62,7 +62,7 @@ export function App() {
62
62
  ```
63
63
 
64
64
  ### Статус поля
65
- Статус поля задается с помощью свойства `status`.
65
+ Статус поля задается с помощью свойства `status`.
66
66
  Возможные значения свойства: `success`, `warning` и `error`.
67
67
  На отображение TextField так же влияют свойства `clear` и `hasDivider`:
68
68
 
@@ -150,7 +150,7 @@ export function App() {
150
150
  ```
151
151
 
152
152
  ### Режим ввода
153
- С помощью свойства `enumerationType` можно вводить элементы как теги. Свойство `chipType` изменяет внешний вид чипа.
153
+ С помощью свойства `enumerationType` можно вводить элементы как теги.
154
154
  По нажатию Enter, после ввода нужного текста, он преобразуется в Chip:
155
155
 
156
156
  ```tsx live
@@ -166,17 +166,7 @@ export function App() {
166
166
  size="l"
167
167
  enumerationType="chip"
168
168
  helperText="Подсказка снизу"
169
- chips={["Значение 1"]}
170
- />
171
-
172
- <TextField
173
- placeholder="Введите значение"
174
- defaultValue="Значение"
175
- size="l"
176
- enumerationType="chip"
177
- helperText="Подсказка снизу"
178
- chips={["Значение 1"]}
179
- chipType="text"
169
+ values={["Значение 1"]}
180
170
  />
181
171
  </div>
182
172
  );
@@ -20,23 +20,14 @@ var TextFieldChip = exports.TextFieldChip = /*#__PURE__*/(0, _react.forwardRef)(
20
20
  onClick = _ref.onClick,
21
21
  onClear = _ref.onClear,
22
22
  onKeyDown = _ref.onKeyDown,
23
- _forceChipManipulationWithReadonly = _ref._forceChipManipulationWithReadonly,
24
- chipType = _ref.chipType;
23
+ _forceChipManipulationWithReadonly = _ref._forceChipManipulationWithReadonly;
25
24
  var onClearHandle = function onClearHandle() {
26
25
  return onClear(id);
27
26
  };
28
27
  var onKeyDownHandle = function onKeyDownHandle(event) {
29
28
  onKeyDown === null || onKeyDown === void 0 || onKeyDown(event, id);
30
29
  };
31
- var handleClick = function handleClick(e) {
32
- if (onClick) {
33
- onClick(e);
34
- }
35
- if (onClear) {
36
- onClear(id);
37
- }
38
- };
39
- return chipType === 'default' ? /*#__PURE__*/_react["default"].createElement(_TextFieldChip.StyledChip, {
30
+ return /*#__PURE__*/_react["default"].createElement(_TextFieldChip.StyledChip, {
40
31
  ref: ref,
41
32
  tabIndex: -1,
42
33
  disabled: disabled,
@@ -50,10 +41,5 @@ var TextFieldChip = exports.TextFieldChip = /*#__PURE__*/(0, _react.forwardRef)(
50
41
  // @ts-ignore
51
42
  ,
52
43
  _forceChipManipulationWithReadonly: _forceChipManipulationWithReadonly
53
- }) : /*#__PURE__*/_react["default"].createElement(_TextFieldChip.TextChip, {
54
- ref: ref,
55
- tabIndex: -1,
56
- onClick: handleClick,
57
- onKeyDown: onKeyDownHandle
58
- }, text);
44
+ });
59
45
  });
@@ -3,7 +3,7 @@
3
3
  Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
- exports.TextChip = exports.StyledChip = void 0;
6
+ exports.StyledChip = void 0;
7
7
  var _styledComponents = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("styled-components"));
8
8
  var _Chip = /*#__PURE__*/require("../../../Chip");
9
9
  var _engines = /*#__PURE__*/require("../../../../engines");
@@ -22,12 +22,4 @@ var StyledChip = exports.StyledChip = /*#__PURE__*/(0, _styledComponents["defaul
22
22
  outlineSize: '0.0625rem',
23
23
  outlineRadius: /*#__PURE__*/"calc(var(".concat(_TextField.tokens.chipBorderRadius, ") - 0.1rem)"),
24
24
  outlineColor: /*#__PURE__*/"var(".concat(_TextField.tokens.focusColor, ")")
25
- }), _TextField.tokens.chipOpacityReadonly);
26
- var TextChip = exports.TextChip = /*#__PURE__*/_styledComponents["default"].button.withConfig({
27
- componentId: "plasma-new-hope__sc-1mypbcr-1"
28
- })(["display:block;flex:none;background:none;border:none;outline:none;padding:0;white-space:nowrap;cursor:pointer;font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");color:var(", ");", " &:after{content:',';}&:last-child{&:after{content:'';}}"], _TextField.tokens.fontFamily, _TextField.tokens.fontSize, _TextField.tokens.fontStyle, _TextField.tokens.fontWeight, _TextField.tokens.letterSpacing, _TextField.tokens.lineHeight, _TextField.tokens.color, /*#__PURE__*/(0, _mixins.addFocus)({
29
- outlineOffset: '0.0625rem',
30
- outlineSize: '0.0625rem',
31
- outlineRadius: /*#__PURE__*/"calc(var(".concat(_TextField.tokens.chipBorderRadius, ") - 0.1rem)"),
32
- outlineColor: /*#__PURE__*/"var(".concat(_TextField.tokens.focusColor, ")")
33
- }));
25
+ }), _TextField.tokens.chipOpacityReadonly);
@@ -13,7 +13,7 @@ var config = exports.config = {
13
13
  },
14
14
  variations: {
15
15
  view: {
16
- "default": /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--surface-solid-default);", ":var(--inverse-text-primary);", ":var(--surface-transparent-secondary);", ":var(--surface-solid-default);", ":transparent;", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(--surface-solid-default);", ":var(--inverse-text-primary);", ":var(--surface-accent);", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(--surface-accent);", ":var(--surface-solid-default);", ":var(--text-secondary);", ":", ";", ":var(--text-secondary);", ":var(--text-primary);", ":var(--surface-clear);", ":var(--text-primary-hover);", ":var(--surface-clear);", ":var(--text-primary-hover);", ":var(--surface-clear);", ":var(--surface-accent);"], _Calendar.tokens.calendarSelectedItemBackground, _Calendar.tokens.calendarSelectedItemColor, _Calendar.tokens.calendarSelectableItemBackgroundHover, _Calendar.tokens.calendarCurrentItemBorderColor, _Calendar.tokens.calendarCurrentItemBackgroundHover, _Calendar.tokens.calendarCurrentItemColorHover, _Calendar.tokens.calendarCurrentItemChildBackgroundHover, _Calendar.tokens.calendarActiveItemBackground, _Calendar.tokens.calendarActiveItemColor, _Calendar.tokens.calendarHoveredItemBackground, _Calendar.tokens.calendarHoveredItemColor, _Calendar.tokens.calendarRangeBackground, _Calendar.tokens.calendarOutlineFocusColor, _Calendar.tokens.calendarContentPrimaryColor, _Calendar.tokens.calendarContentSecondaryColor, _Calendar.tokens.calendarHeaderArrowColor, _Calendar.tokens.calendarContentPrimaryColor, _Calendar.tokens.calendarDayOfWeekColor, _Calendar.tokens.iconButtonColor, _Calendar.tokens.iconButtonBackgroundColor, _Calendar.tokens.iconButtonColorHover, _Calendar.tokens.iconButtonBackgroundColorHover, _Calendar.tokens.iconButtonColorActive, _Calendar.tokens.iconButtonBackgroundColorActive, _Calendar.tokens.iconButtonFocusColor)
16
+ "default": /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--surface-solid-default);", ":var(--inverse-text-primary);", ":var(--surface-transparent-secondary);", ":var(--surface-solid-default);", ":transparent;", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(--surface-solid-default);", ":var(--inverse-text-primary);", ":var(--surface-accent);", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(--surface-accent);", ":var(--surface-solid-default);", ":var(--text-secondary);", ":", ";", ":var(--text-secondary);", ":0.4;", ":var(--text-primary);", ":var(--surface-clear);", ":var(--text-primary-hover);", ":var(--surface-clear);", ":var(--text-primary-hover);", ":var(--surface-clear);", ":var(--surface-accent);"], _Calendar.tokens.calendarSelectedItemBackground, _Calendar.tokens.calendarSelectedItemColor, _Calendar.tokens.calendarSelectableItemBackgroundHover, _Calendar.tokens.calendarCurrentItemBorderColor, _Calendar.tokens.calendarCurrentItemBackgroundHover, _Calendar.tokens.calendarCurrentItemColorHover, _Calendar.tokens.calendarCurrentItemChildBackgroundHover, _Calendar.tokens.calendarActiveItemBackground, _Calendar.tokens.calendarActiveItemColor, _Calendar.tokens.calendarHoveredItemBackground, _Calendar.tokens.calendarHoveredItemColor, _Calendar.tokens.calendarRangeBackground, _Calendar.tokens.calendarOutlineFocusColor, _Calendar.tokens.calendarContentPrimaryColor, _Calendar.tokens.calendarContentSecondaryColor, _Calendar.tokens.calendarHeaderArrowColor, _Calendar.tokens.calendarContentPrimaryColor, _Calendar.tokens.calendarDayOfWeekColor, _Calendar.tokens.calendarDisabledOpacity, _Calendar.tokens.iconButtonColor, _Calendar.tokens.iconButtonBackgroundColor, _Calendar.tokens.iconButtonColorHover, _Calendar.tokens.iconButtonBackgroundColorHover, _Calendar.tokens.iconButtonColorActive, _Calendar.tokens.iconButtonBackgroundColorActive, _Calendar.tokens.iconButtonFocusColor)
17
17
  },
18
18
  size: {
19
19
  l: /*#__PURE__*/(0, _styledComponents.css)(["", ":24.5rem;", ":25rem;", ":0.5rem 0.5rem 0 0.5rem;", ":0.75rem;", ":7.8125rem;", ":5.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-letter-spacing);", ":var(--plasma-typo-body-l-line-height);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-bold-font-weight);", ":0.5rem 0.5rem 0 0.5rem;", ":0.75rem;", ":11.75rem;", ":10.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-letter-spacing);", ":var(--plasma-typo-body-l-line-height);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-bold-font-weight);", ":0.5rem 0.5rem 0 0.5rem;", ":0.75rem;", ":7.8125rem;", ":5.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-letter-spacing);", ":var(--plasma-typo-body-l-line-height);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-bold-font-weight);", ":0.5rem 0 0 0;", ":0.75rem;", ":3.5rem;", ":3rem;", ":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-letter-spacing);", ":var(--plasma-typo-body-l-line-height);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-bold-font-weight);", ":0.063rem;", ":0.5rem;", ":0 0 0 1rem;", ":0.5rem;", ":var(--plasma-typo-h4-font-family);", ":var(--plasma-typo-h4-font-size);", ":var(--plasma-typo-h4-font-style);", ":var(--plasma-typo-h4-letter-spacing);", ":var(--plasma-typo-h4-line-height);", ":var(--plasma-typo-h4-font-weight);", ":var(--plasma-typo-h4-bold-font-weight);", ":3.5rem;", ":3.5rem;", ":1.5rem;", ":0.875rem;"], _Calendar.tokens.calendarWidth, _Calendar.tokens.calendarHeight, _Calendar.tokens.calendarYearsPadding, _Calendar.tokens.calendarYearItemBorderRadius, _Calendar.tokens.calendarYearItemWidth, _Calendar.tokens.calendarYearItemHeight, _Calendar.tokens.calendarYearFontFamily, _Calendar.tokens.calendarYearFontSize, _Calendar.tokens.calendarYearFontStyle, _Calendar.tokens.calendarYearFontLetterSpacing, _Calendar.tokens.calendarYearFontLineHeight, _Calendar.tokens.calendarYearFontWeight, _Calendar.tokens.calendarYearSelectedFontWeight, _Calendar.tokens.calendarQuartersPadding, _Calendar.tokens.calendarQuarterItemBorderRadius, _Calendar.tokens.calendarQuarterItemWidth, _Calendar.tokens.calendarQuarterItemHeight, _Calendar.tokens.calendarQuarterFontFamily, _Calendar.tokens.calendarQuarterFontSize, _Calendar.tokens.calendarQuarterFontStyle, _Calendar.tokens.calendarQuarterFontLetterSpacing, _Calendar.tokens.calendarQuarterFontLineHeight, _Calendar.tokens.calendarQuarterFontWeight, _Calendar.tokens.calendarQuarterSelectedFontWeight, _Calendar.tokens.calendarMonthsPadding, _Calendar.tokens.calendarMonthItemBorderRadius, _Calendar.tokens.calendarMonthItemWidth, _Calendar.tokens.calendarMonthItemHeight, _Calendar.tokens.calendarMonthFontFamily, _Calendar.tokens.calendarMonthFontSize, _Calendar.tokens.calendarMonthFontStyle, _Calendar.tokens.calendarMonthFontLetterSpacing, _Calendar.tokens.calendarMonthFontLineHeight, _Calendar.tokens.calendarMonthFontWeight, _Calendar.tokens.calendarMonthSelectedFontWeight, _Calendar.tokens.calendarDaysPadding, _Calendar.tokens.calendarDayItemBorderRadius, _Calendar.tokens.calendarDayItemWidth, _Calendar.tokens.calendarDayItemHeight, _Calendar.tokens.calendarDayFontFamily, _Calendar.tokens.calendarDayFontSize, _Calendar.tokens.calendarDayFontStyle, _Calendar.tokens.calendarDayFontLetterSpacing, _Calendar.tokens.calendarDayFontLineHeight, _Calendar.tokens.calendarDayFontWeight, _Calendar.tokens.calendarDaySelectedFontWeight, _Calendar.tokens.calendarCurrentItemBorderWidth, _Calendar.tokens.calendarHeaderArrowGap, _Calendar.tokens.calendarHeaderPadding, _Calendar.tokens.calendarHeaderDateGap, _Calendar.tokens.calendarHeaderFontFamily, _Calendar.tokens.calendarHeaderFontSize, _Calendar.tokens.calendarHeaderFontStyle, _Calendar.tokens.calendarHeaderFontLetterSpacing, _Calendar.tokens.calendarHeaderFontLineHeight, _Calendar.tokens.calendarHeaderFontWeight, _Calendar.tokens.calendarHeaderFontWeightBold, _Calendar.tokens.iconButtonHeight, _Calendar.tokens.iconButtonWidth, _Calendar.tokens.iconButtonPadding, _Calendar.tokens.iconButtonRadius),
@@ -13,7 +13,7 @@ var config = exports.config = {
13
13
  },
14
14
  variations: {
15
15
  view: {
16
- "default": /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--surface-transparent-secondary);", ":transparent;", ":var(--surface-solid-default);", ":var(--inverse-text-primary);", ":var(--surface-transparent-secondary);", ":var(--surface-solid-default);", ":transparent;", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(--surface-solid-default);", ":var(--inverse-text-primary);", ":var(--surface-accent);", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(--surface-accent);", ":var(--surface-solid-default);", ":", ";", ":var(--text-secondary);", ":var(--text-primary);", ":var(--surface-clear);", ":var(--text-primary-hover);", ":var(--surface-clear);", ":var(--text-primary-hover);", ":var(--surface-clear);", ":var(--surface-accent);"], _Calendar.tokens.calendarSeparatorBackground, _Calendar.tokens.calendarBackgroundColor, _Calendar.tokens.calendarSelectedItemBackground, _Calendar.tokens.calendarSelectedItemColor, _Calendar.tokens.calendarSelectableItemBackgroundHover, _Calendar.tokens.calendarCurrentItemBorderColor, _Calendar.tokens.calendarCurrentItemBackgroundHover, _Calendar.tokens.calendarCurrentItemColorHover, _Calendar.tokens.calendarCurrentItemChildBackgroundHover, _Calendar.tokens.calendarActiveItemBackground, _Calendar.tokens.calendarActiveItemColor, _Calendar.tokens.calendarHoveredItemBackground, _Calendar.tokens.calendarHoveredItemColor, _Calendar.tokens.calendarRangeBackground, _Calendar.tokens.calendarOutlineFocusColor, _Calendar.tokens.calendarContentPrimaryColor, _Calendar.tokens.calendarHeaderArrowColor, _Calendar.tokens.calendarContentPrimaryColor, _Calendar.tokens.calendarContentSecondaryColor, _Calendar.tokens.iconButtonColor, _Calendar.tokens.iconButtonBackgroundColor, _Calendar.tokens.iconButtonColorHover, _Calendar.tokens.iconButtonBackgroundColorHover, _Calendar.tokens.iconButtonColorActive, _Calendar.tokens.iconButtonBackgroundColorActive, _Calendar.tokens.iconButtonFocusColor)
16
+ "default": /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--surface-transparent-secondary);", ":transparent;", ":var(--surface-solid-default);", ":var(--inverse-text-primary);", ":var(--surface-transparent-secondary);", ":var(--surface-solid-default);", ":transparent;", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(--surface-solid-default);", ":var(--inverse-text-primary);", ":var(--surface-accent);", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(--surface-accent);", ":var(--surface-solid-default);", ":", ";", ":var(--text-secondary);", ":0.4;", ":var(--text-primary);", ":var(--surface-clear);", ":var(--text-primary-hover);", ":var(--surface-clear);", ":var(--text-primary-hover);", ":var(--surface-clear);", ":var(--surface-accent);"], _Calendar.tokens.calendarSeparatorBackground, _Calendar.tokens.calendarBackgroundColor, _Calendar.tokens.calendarSelectedItemBackground, _Calendar.tokens.calendarSelectedItemColor, _Calendar.tokens.calendarSelectableItemBackgroundHover, _Calendar.tokens.calendarCurrentItemBorderColor, _Calendar.tokens.calendarCurrentItemBackgroundHover, _Calendar.tokens.calendarCurrentItemColorHover, _Calendar.tokens.calendarCurrentItemChildBackgroundHover, _Calendar.tokens.calendarActiveItemBackground, _Calendar.tokens.calendarActiveItemColor, _Calendar.tokens.calendarHoveredItemBackground, _Calendar.tokens.calendarHoveredItemColor, _Calendar.tokens.calendarRangeBackground, _Calendar.tokens.calendarOutlineFocusColor, _Calendar.tokens.calendarContentPrimaryColor, _Calendar.tokens.calendarHeaderArrowColor, _Calendar.tokens.calendarContentPrimaryColor, _Calendar.tokens.calendarContentSecondaryColor, _Calendar.tokens.calendarDisabledOpacity, _Calendar.tokens.iconButtonColor, _Calendar.tokens.iconButtonBackgroundColor, _Calendar.tokens.iconButtonColorHover, _Calendar.tokens.iconButtonBackgroundColorHover, _Calendar.tokens.iconButtonColorActive, _Calendar.tokens.iconButtonBackgroundColorActive, _Calendar.tokens.iconButtonFocusColor)
17
17
  },
18
18
  size: {
19
19
  l: /*#__PURE__*/(0, _styledComponents.css)(["", ":51.063rem;", ":25rem;", ":0.5rem 0.5rem 0 0.5rem;", ":0.75rem;", ":7.8125rem;", ":5.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-letter-spacing);", ":var(--plasma-typo-body-l-line-height);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-bold-font-weight);", ":0.5rem 0.5rem 0 0.5rem;", ":0.75rem;", ":11.75rem;", ":10.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-letter-spacing);", ":var(--plasma-typo-body-l-line-height);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-bold-font-weight);", ":0.5rem 0.5rem 0 0.5rem;", ":0.75rem;", ":7.8125rem;", ":5.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-letter-spacing);", ":var(--plasma-typo-body-l-line-height);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-bold-font-weight);", ":0.75rem;", ":3.5rem;", ":3rem;", ":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-letter-spacing);", ":var(--plasma-typo-body-l-line-height);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-bold-font-weight);", ":0.063rem;", ":0.5rem;", ":0.5rem 0 0 0;", ":0 0 0 1rem;", ":0.5rem;", ":var(--plasma-typo-h4-font-family);", ":var(--plasma-typo-h4-font-size);", ":var(--plasma-typo-h4-font-style);", ":var(--plasma-typo-h4-letter-spacing);", ":var(--plasma-typo-h4-line-height);", ":var(--plasma-typo-h4-font-weight);", ":var(--plasma-typo-h4-bold-font-weight);", ":3.5rem;", ":3.5rem;", ":1.5rem;", ":0.875rem;"], _Calendar.tokens.calendarWidth, _Calendar.tokens.calendarHeight, _Calendar.tokens.calendarYearsPadding, _Calendar.tokens.calendarYearItemBorderRadius, _Calendar.tokens.calendarYearItemWidth, _Calendar.tokens.calendarYearItemHeight, _Calendar.tokens.calendarYearFontFamily, _Calendar.tokens.calendarYearFontSize, _Calendar.tokens.calendarYearFontStyle, _Calendar.tokens.calendarYearFontLetterSpacing, _Calendar.tokens.calendarYearFontLineHeight, _Calendar.tokens.calendarYearFontWeight, _Calendar.tokens.calendarYearSelectedFontWeight, _Calendar.tokens.calendarQuartersPadding, _Calendar.tokens.calendarQuarterItemBorderRadius, _Calendar.tokens.calendarQuarterItemWidth, _Calendar.tokens.calendarQuarterItemHeight, _Calendar.tokens.calendarQuarterFontFamily, _Calendar.tokens.calendarQuarterFontSize, _Calendar.tokens.calendarQuarterFontStyle, _Calendar.tokens.calendarQuarterFontLetterSpacing, _Calendar.tokens.calendarQuarterFontLineHeight, _Calendar.tokens.calendarQuarterFontWeight, _Calendar.tokens.calendarQuarterSelectedFontWeight, _Calendar.tokens.calendarMonthsPadding, _Calendar.tokens.calendarMonthItemBorderRadius, _Calendar.tokens.calendarMonthItemWidth, _Calendar.tokens.calendarMonthItemHeight, _Calendar.tokens.calendarMonthFontFamily, _Calendar.tokens.calendarMonthFontSize, _Calendar.tokens.calendarMonthFontStyle, _Calendar.tokens.calendarMonthFontLetterSpacing, _Calendar.tokens.calendarMonthFontLineHeight, _Calendar.tokens.calendarMonthFontWeight, _Calendar.tokens.calendarMonthSelectedFontWeight, _Calendar.tokens.calendarDayItemBorderRadius, _Calendar.tokens.calendarDayItemWidth, _Calendar.tokens.calendarDayItemHeight, _Calendar.tokens.calendarDayFontFamily, _Calendar.tokens.calendarDayFontSize, _Calendar.tokens.calendarDayFontStyle, _Calendar.tokens.calendarDayFontLetterSpacing, _Calendar.tokens.calendarDayFontLineHeight, _Calendar.tokens.calendarDayFontWeight, _Calendar.tokens.calendarDaySelectedFontWeight, _Calendar.tokens.calendarCurrentItemBorderWidth, _Calendar.tokens.calendarHeaderArrowGap, _Calendar.tokens.calendarDaysPadding, _Calendar.tokens.calendarHeaderPadding, _Calendar.tokens.calendarHeaderDateGap, _Calendar.tokens.calendarHeaderFontFamily, _Calendar.tokens.calendarHeaderFontSize, _Calendar.tokens.calendarHeaderFontStyle, _Calendar.tokens.calendarHeaderFontLetterSpacing, _Calendar.tokens.calendarHeaderFontLineHeight, _Calendar.tokens.calendarHeaderFontWeight, _Calendar.tokens.calendarHeaderFontWeightBold, _Calendar.tokens.iconButtonHeight, _Calendar.tokens.iconButtonWidth, _Calendar.tokens.iconButtonPadding, _Calendar.tokens.iconButtonRadius),
@@ -104,11 +104,6 @@ const meta: Meta<StorySelectProps> = {
104
104
  },
105
105
  if: { arg: 'required', truthy: false },
106
106
  },
107
- chipType: {
108
- control: 'select',
109
- options: ['default', 'text'],
110
- if: { arg: 'target', eq: 'textfield-like' },
111
- },
112
107
  },
113
108
  args: {
114
109
  target: 'textfield-like',
@@ -126,7 +121,6 @@ const meta: Meta<StorySelectProps> = {
126
121
  optional: false,
127
122
  required: false,
128
123
  requiredPlacement: 'right',
129
- chipType: 'default',
130
124
  },
131
125
  parameters: {
132
126
  controls: {
@@ -150,7 +144,6 @@ const meta: Meta<StorySelectProps> = {
150
144
  'optional',
151
145
  'required',
152
146
  'requiredPlacement',
153
- 'chipType',
154
147
  ],
155
148
  },
156
149
  },
@@ -389,7 +382,7 @@ const SingleStory = (args: StorySelectProps) => {
389
382
  export const Single: StoryObj<StorySelectProps> = {
390
383
  parameters: {
391
384
  controls: {
392
- exclude: ['chipView', 'isTargetAmount', 'chipType'],
385
+ exclude: ['chipView', 'isTargetAmount'],
393
386
  },
394
387
  },
395
388
  render: (args) => <SingleStory {...args} />,
@@ -134,10 +134,6 @@ const meta: Meta<typeof TextField> = {
134
134
  control: { type: 'text' },
135
135
  if: { arg: 'hasHint', truthy: true },
136
136
  },
137
- chipType: {
138
- control: 'select',
139
- options: ['default', 'text'],
140
- },
141
137
  },
142
138
  };
143
139
 
@@ -237,11 +233,6 @@ export const Default: StoryObj<StoryPropsDefault> = {
237
233
  hintWidth: '10rem',
238
234
  hintHasArrow: true,
239
235
  },
240
- parameters: {
241
- controls: {
242
- exclude: ['chipType'],
243
- },
244
- },
245
236
  render: (args) => <StoryDemo {...args} />,
246
237
  };
247
238
 
@@ -297,7 +288,6 @@ export const Chips: StoryObj<StoryPropsChips> = {
297
288
  args: {
298
289
  ...Default.args,
299
290
  chips: ['1 value', '2 value', '3 value', '4 value'],
300
- chipType: 'default',
301
291
  },
302
292
  render: (args) => <StoryChips {...args} />,
303
293
  };
@@ -13,7 +13,7 @@ var config = exports.config = {
13
13
  },
14
14
  variations: {
15
15
  view: {
16
- "default": /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--surface-solid-default);", ":var(--inverse-text-primary);", ":var(--surface-transparent-secondary);", ":var(--surface-solid-default);", ":transparent;", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(--surface-solid-default);", ":var(--inverse-text-primary);", ":var(--surface-accent);", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(--surface-accent);", ":var(--surface-solid-default);", ":var(--text-secondary);", ":", ";", ":var(--text-secondary);", ":var(--text-primary);", ":var(--surface-clear);", ":var(--text-primary-hover);", ":var(--surface-clear);", ":var(--text-primary-hover);", ":var(--surface-clear);", ":var(--surface-accent);"], _Calendar.tokens.calendarSelectedItemBackground, _Calendar.tokens.calendarSelectedItemColor, _Calendar.tokens.calendarSelectableItemBackgroundHover, _Calendar.tokens.calendarCurrentItemBorderColor, _Calendar.tokens.calendarCurrentItemBackgroundHover, _Calendar.tokens.calendarCurrentItemColorHover, _Calendar.tokens.calendarCurrentItemChildBackgroundHover, _Calendar.tokens.calendarActiveItemBackground, _Calendar.tokens.calendarActiveItemColor, _Calendar.tokens.calendarHoveredItemBackground, _Calendar.tokens.calendarHoveredItemColor, _Calendar.tokens.calendarRangeBackground, _Calendar.tokens.calendarOutlineFocusColor, _Calendar.tokens.calendarContentPrimaryColor, _Calendar.tokens.calendarContentSecondaryColor, _Calendar.tokens.calendarHeaderArrowColor, _Calendar.tokens.calendarContentPrimaryColor, _Calendar.tokens.calendarDayOfWeekColor, _Calendar.tokens.iconButtonColor, _Calendar.tokens.iconButtonBackgroundColor, _Calendar.tokens.iconButtonColorHover, _Calendar.tokens.iconButtonBackgroundColorHover, _Calendar.tokens.iconButtonColorActive, _Calendar.tokens.iconButtonBackgroundColorActive, _Calendar.tokens.iconButtonFocusColor)
16
+ "default": /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--surface-solid-default);", ":var(--inverse-text-primary);", ":var(--surface-transparent-secondary);", ":var(--surface-solid-default);", ":transparent;", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(--surface-solid-default);", ":var(--inverse-text-primary);", ":var(--surface-accent);", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(--surface-accent);", ":var(--surface-solid-default);", ":var(--text-secondary);", ":", ";", ":var(--text-secondary);", ":0.4;", ":var(--text-primary);", ":var(--surface-clear);", ":var(--text-primary-hover);", ":var(--surface-clear);", ":var(--text-primary-hover);", ":var(--surface-clear);", ":var(--surface-accent);"], _Calendar.tokens.calendarSelectedItemBackground, _Calendar.tokens.calendarSelectedItemColor, _Calendar.tokens.calendarSelectableItemBackgroundHover, _Calendar.tokens.calendarCurrentItemBorderColor, _Calendar.tokens.calendarCurrentItemBackgroundHover, _Calendar.tokens.calendarCurrentItemColorHover, _Calendar.tokens.calendarCurrentItemChildBackgroundHover, _Calendar.tokens.calendarActiveItemBackground, _Calendar.tokens.calendarActiveItemColor, _Calendar.tokens.calendarHoveredItemBackground, _Calendar.tokens.calendarHoveredItemColor, _Calendar.tokens.calendarRangeBackground, _Calendar.tokens.calendarOutlineFocusColor, _Calendar.tokens.calendarContentPrimaryColor, _Calendar.tokens.calendarContentSecondaryColor, _Calendar.tokens.calendarHeaderArrowColor, _Calendar.tokens.calendarContentPrimaryColor, _Calendar.tokens.calendarDayOfWeekColor, _Calendar.tokens.calendarDisabledOpacity, _Calendar.tokens.iconButtonColor, _Calendar.tokens.iconButtonBackgroundColor, _Calendar.tokens.iconButtonColorHover, _Calendar.tokens.iconButtonBackgroundColorHover, _Calendar.tokens.iconButtonColorActive, _Calendar.tokens.iconButtonBackgroundColorActive, _Calendar.tokens.iconButtonFocusColor)
17
17
  },
18
18
  size: {
19
19
  l: /*#__PURE__*/(0, _styledComponents.css)(["", ":24.5rem;", ":25rem;", ":0.5rem 0.5rem 0 0.5rem;", ":0.75rem;", ":7.8125rem;", ":5.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-letter-spacing);", ":var(--plasma-typo-body-l-line-height);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-bold-font-weight);", ":0.5rem 0.5rem 0 0.5rem;", ":0.75rem;", ":11.75rem;", ":10.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-letter-spacing);", ":var(--plasma-typo-body-l-line-height);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-bold-font-weight);", ":0.5rem 0.5rem 0 0.5rem;", ":0.75rem;", ":7.8125rem;", ":5.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-letter-spacing);", ":var(--plasma-typo-body-l-line-height);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-bold-font-weight);", ":0.5rem 0 0 0;", ":0.75rem;", ":3.5rem;", ":3rem;", ":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-letter-spacing);", ":var(--plasma-typo-body-l-line-height);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-bold-font-weight);", ":0.063rem;", ":0.5rem;", ":0 0 0 1rem;", ":0.5rem;", ":var(--plasma-typo-h4-font-family);", ":var(--plasma-typo-h4-font-size);", ":var(--plasma-typo-h4-font-style);", ":var(--plasma-typo-h4-letter-spacing);", ":var(--plasma-typo-h4-line-height);", ":var(--plasma-typo-h4-font-weight);", ":var(--plasma-typo-h4-bold-font-weight);", ":3.5rem;", ":3.5rem;", ":1.5rem;", ":0.875rem;"], _Calendar.tokens.calendarWidth, _Calendar.tokens.calendarHeight, _Calendar.tokens.calendarYearsPadding, _Calendar.tokens.calendarYearItemBorderRadius, _Calendar.tokens.calendarYearItemWidth, _Calendar.tokens.calendarYearItemHeight, _Calendar.tokens.calendarYearFontFamily, _Calendar.tokens.calendarYearFontSize, _Calendar.tokens.calendarYearFontStyle, _Calendar.tokens.calendarYearFontLetterSpacing, _Calendar.tokens.calendarYearFontLineHeight, _Calendar.tokens.calendarYearFontWeight, _Calendar.tokens.calendarYearSelectedFontWeight, _Calendar.tokens.calendarQuartersPadding, _Calendar.tokens.calendarQuarterItemBorderRadius, _Calendar.tokens.calendarQuarterItemWidth, _Calendar.tokens.calendarQuarterItemHeight, _Calendar.tokens.calendarQuarterFontFamily, _Calendar.tokens.calendarQuarterFontSize, _Calendar.tokens.calendarQuarterFontStyle, _Calendar.tokens.calendarQuarterFontLetterSpacing, _Calendar.tokens.calendarQuarterFontLineHeight, _Calendar.tokens.calendarQuarterFontWeight, _Calendar.tokens.calendarQuarterSelectedFontWeight, _Calendar.tokens.calendarMonthsPadding, _Calendar.tokens.calendarMonthItemBorderRadius, _Calendar.tokens.calendarMonthItemWidth, _Calendar.tokens.calendarMonthItemHeight, _Calendar.tokens.calendarMonthFontFamily, _Calendar.tokens.calendarMonthFontSize, _Calendar.tokens.calendarMonthFontStyle, _Calendar.tokens.calendarMonthFontLetterSpacing, _Calendar.tokens.calendarMonthFontLineHeight, _Calendar.tokens.calendarMonthFontWeight, _Calendar.tokens.calendarMonthSelectedFontWeight, _Calendar.tokens.calendarDaysPadding, _Calendar.tokens.calendarDayItemBorderRadius, _Calendar.tokens.calendarDayItemWidth, _Calendar.tokens.calendarDayItemHeight, _Calendar.tokens.calendarDayFontFamily, _Calendar.tokens.calendarDayFontSize, _Calendar.tokens.calendarDayFontStyle, _Calendar.tokens.calendarDayFontLetterSpacing, _Calendar.tokens.calendarDayFontLineHeight, _Calendar.tokens.calendarDayFontWeight, _Calendar.tokens.calendarDaySelectedFontWeight, _Calendar.tokens.calendarCurrentItemBorderWidth, _Calendar.tokens.calendarHeaderArrowGap, _Calendar.tokens.calendarHeaderPadding, _Calendar.tokens.calendarHeaderDateGap, _Calendar.tokens.calendarHeaderFontFamily, _Calendar.tokens.calendarHeaderFontSize, _Calendar.tokens.calendarHeaderFontStyle, _Calendar.tokens.calendarHeaderFontLetterSpacing, _Calendar.tokens.calendarHeaderFontLineHeight, _Calendar.tokens.calendarHeaderFontWeight, _Calendar.tokens.calendarHeaderFontWeightBold, _Calendar.tokens.iconButtonHeight, _Calendar.tokens.iconButtonWidth, _Calendar.tokens.iconButtonPadding, _Calendar.tokens.iconButtonRadius),
@@ -13,7 +13,7 @@ var config = exports.config = {
13
13
  },
14
14
  variations: {
15
15
  view: {
16
- "default": /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--surface-transparent-secondary);", ":transparent;", ":var(--surface-solid-default);", ":var(--inverse-text-primary);", ":var(--surface-transparent-secondary);", ":var(--surface-solid-default);", ":transparent;", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(--surface-solid-default);", ":var(--inverse-text-primary);", ":var(--surface-accent);", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(--surface-accent);", ":var(--surface-solid-default);", ":", ";", ":var(--text-secondary);", ":var(--text-primary);", ":var(--surface-clear);", ":var(--text-primary-hover);", ":var(--surface-clear);", ":var(--text-primary-hover);", ":var(--surface-clear);", ":var(--surface-accent);"], _Calendar.tokens.calendarSeparatorBackground, _Calendar.tokens.calendarBackgroundColor, _Calendar.tokens.calendarSelectedItemBackground, _Calendar.tokens.calendarSelectedItemColor, _Calendar.tokens.calendarSelectableItemBackgroundHover, _Calendar.tokens.calendarCurrentItemBorderColor, _Calendar.tokens.calendarCurrentItemBackgroundHover, _Calendar.tokens.calendarCurrentItemColorHover, _Calendar.tokens.calendarCurrentItemChildBackgroundHover, _Calendar.tokens.calendarActiveItemBackground, _Calendar.tokens.calendarActiveItemColor, _Calendar.tokens.calendarHoveredItemBackground, _Calendar.tokens.calendarHoveredItemColor, _Calendar.tokens.calendarRangeBackground, _Calendar.tokens.calendarOutlineFocusColor, _Calendar.tokens.calendarContentPrimaryColor, _Calendar.tokens.calendarHeaderArrowColor, _Calendar.tokens.calendarContentPrimaryColor, _Calendar.tokens.calendarContentSecondaryColor, _Calendar.tokens.iconButtonColor, _Calendar.tokens.iconButtonBackgroundColor, _Calendar.tokens.iconButtonColorHover, _Calendar.tokens.iconButtonBackgroundColorHover, _Calendar.tokens.iconButtonColorActive, _Calendar.tokens.iconButtonBackgroundColorActive, _Calendar.tokens.iconButtonFocusColor)
16
+ "default": /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--surface-transparent-secondary);", ":transparent;", ":var(--surface-solid-default);", ":var(--inverse-text-primary);", ":var(--surface-transparent-secondary);", ":var(--surface-solid-default);", ":transparent;", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(--surface-solid-default);", ":var(--inverse-text-primary);", ":var(--surface-accent);", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(--surface-accent);", ":var(--surface-solid-default);", ":", ";", ":var(--text-secondary);", ":0.4;", ":var(--text-primary);", ":var(--surface-clear);", ":var(--text-primary-hover);", ":var(--surface-clear);", ":var(--text-primary-hover);", ":var(--surface-clear);", ":var(--surface-accent);"], _Calendar.tokens.calendarSeparatorBackground, _Calendar.tokens.calendarBackgroundColor, _Calendar.tokens.calendarSelectedItemBackground, _Calendar.tokens.calendarSelectedItemColor, _Calendar.tokens.calendarSelectableItemBackgroundHover, _Calendar.tokens.calendarCurrentItemBorderColor, _Calendar.tokens.calendarCurrentItemBackgroundHover, _Calendar.tokens.calendarCurrentItemColorHover, _Calendar.tokens.calendarCurrentItemChildBackgroundHover, _Calendar.tokens.calendarActiveItemBackground, _Calendar.tokens.calendarActiveItemColor, _Calendar.tokens.calendarHoveredItemBackground, _Calendar.tokens.calendarHoveredItemColor, _Calendar.tokens.calendarRangeBackground, _Calendar.tokens.calendarOutlineFocusColor, _Calendar.tokens.calendarContentPrimaryColor, _Calendar.tokens.calendarHeaderArrowColor, _Calendar.tokens.calendarContentPrimaryColor, _Calendar.tokens.calendarContentSecondaryColor, _Calendar.tokens.calendarDisabledOpacity, _Calendar.tokens.iconButtonColor, _Calendar.tokens.iconButtonBackgroundColor, _Calendar.tokens.iconButtonColorHover, _Calendar.tokens.iconButtonBackgroundColorHover, _Calendar.tokens.iconButtonColorActive, _Calendar.tokens.iconButtonBackgroundColorActive, _Calendar.tokens.iconButtonFocusColor)
17
17
  },
18
18
  size: {
19
19
  l: /*#__PURE__*/(0, _styledComponents.css)(["", ":51.063rem;", ":25rem;", ":0.5rem 0.5rem 0 0.5rem;", ":0.75rem;", ":7.8125rem;", ":5.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-letter-spacing);", ":var(--plasma-typo-body-l-line-height);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-bold-font-weight);", ":0.5rem 0.5rem 0 0.5rem;", ":0.75rem;", ":11.75rem;", ":10.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-letter-spacing);", ":var(--plasma-typo-body-l-line-height);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-bold-font-weight);", ":0.5rem 0.5rem 0 0.5rem;", ":0.75rem;", ":7.8125rem;", ":5.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-letter-spacing);", ":var(--plasma-typo-body-l-line-height);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-bold-font-weight);", ":0.75rem;", ":3.5rem;", ":3rem;", ":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-letter-spacing);", ":var(--plasma-typo-body-l-line-height);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-bold-font-weight);", ":0.063rem;", ":0.5rem;", ":0.5rem 0 0 0;", ":0 0 0 1rem;", ":0.5rem;", ":var(--plasma-typo-h4-font-family);", ":var(--plasma-typo-h4-font-size);", ":var(--plasma-typo-h4-font-style);", ":var(--plasma-typo-h4-letter-spacing);", ":var(--plasma-typo-h4-line-height);", ":var(--plasma-typo-h4-font-weight);", ":var(--plasma-typo-h4-bold-font-weight);", ":3.5rem;", ":3.5rem;", ":1.5rem;", ":0.875rem;"], _Calendar.tokens.calendarWidth, _Calendar.tokens.calendarHeight, _Calendar.tokens.calendarYearsPadding, _Calendar.tokens.calendarYearItemBorderRadius, _Calendar.tokens.calendarYearItemWidth, _Calendar.tokens.calendarYearItemHeight, _Calendar.tokens.calendarYearFontFamily, _Calendar.tokens.calendarYearFontSize, _Calendar.tokens.calendarYearFontStyle, _Calendar.tokens.calendarYearFontLetterSpacing, _Calendar.tokens.calendarYearFontLineHeight, _Calendar.tokens.calendarYearFontWeight, _Calendar.tokens.calendarYearSelectedFontWeight, _Calendar.tokens.calendarQuartersPadding, _Calendar.tokens.calendarQuarterItemBorderRadius, _Calendar.tokens.calendarQuarterItemWidth, _Calendar.tokens.calendarQuarterItemHeight, _Calendar.tokens.calendarQuarterFontFamily, _Calendar.tokens.calendarQuarterFontSize, _Calendar.tokens.calendarQuarterFontStyle, _Calendar.tokens.calendarQuarterFontLetterSpacing, _Calendar.tokens.calendarQuarterFontLineHeight, _Calendar.tokens.calendarQuarterFontWeight, _Calendar.tokens.calendarQuarterSelectedFontWeight, _Calendar.tokens.calendarMonthsPadding, _Calendar.tokens.calendarMonthItemBorderRadius, _Calendar.tokens.calendarMonthItemWidth, _Calendar.tokens.calendarMonthItemHeight, _Calendar.tokens.calendarMonthFontFamily, _Calendar.tokens.calendarMonthFontSize, _Calendar.tokens.calendarMonthFontStyle, _Calendar.tokens.calendarMonthFontLetterSpacing, _Calendar.tokens.calendarMonthFontLineHeight, _Calendar.tokens.calendarMonthFontWeight, _Calendar.tokens.calendarMonthSelectedFontWeight, _Calendar.tokens.calendarDayItemBorderRadius, _Calendar.tokens.calendarDayItemWidth, _Calendar.tokens.calendarDayItemHeight, _Calendar.tokens.calendarDayFontFamily, _Calendar.tokens.calendarDayFontSize, _Calendar.tokens.calendarDayFontStyle, _Calendar.tokens.calendarDayFontLetterSpacing, _Calendar.tokens.calendarDayFontLineHeight, _Calendar.tokens.calendarDayFontWeight, _Calendar.tokens.calendarDaySelectedFontWeight, _Calendar.tokens.calendarCurrentItemBorderWidth, _Calendar.tokens.calendarHeaderArrowGap, _Calendar.tokens.calendarDaysPadding, _Calendar.tokens.calendarHeaderPadding, _Calendar.tokens.calendarHeaderDateGap, _Calendar.tokens.calendarHeaderFontFamily, _Calendar.tokens.calendarHeaderFontSize, _Calendar.tokens.calendarHeaderFontStyle, _Calendar.tokens.calendarHeaderFontLetterSpacing, _Calendar.tokens.calendarHeaderFontLineHeight, _Calendar.tokens.calendarHeaderFontWeight, _Calendar.tokens.calendarHeaderFontWeightBold, _Calendar.tokens.iconButtonHeight, _Calendar.tokens.iconButtonWidth, _Calendar.tokens.iconButtonPadding, _Calendar.tokens.iconButtonRadius),
@@ -103,11 +103,6 @@ const meta: Meta<StorySelectProps> = {
103
103
  },
104
104
  if: { arg: 'required', truthy: false },
105
105
  },
106
- chipType: {
107
- control: 'select',
108
- options: ['default', 'text'],
109
- if: { arg: 'target', eq: 'textfield-like' },
110
- },
111
106
  },
112
107
  args: {
113
108
  target: 'textfield-like',
@@ -125,7 +120,6 @@ const meta: Meta<StorySelectProps> = {
125
120
  optional: false,
126
121
  required: false,
127
122
  requiredPlacement: 'right',
128
- chipType: 'default',
129
123
  },
130
124
  parameters: {
131
125
  controls: {
@@ -149,7 +143,6 @@ const meta: Meta<StorySelectProps> = {
149
143
  'optional',
150
144
  'required',
151
145
  'requiredPlacement',
152
- 'chipType',
153
146
  ],
154
147
  },
155
148
  },
@@ -388,7 +381,7 @@ const SingleStory = (args: StorySelectProps) => {
388
381
  export const Single: StoryObj<StorySelectProps> = {
389
382
  parameters: {
390
383
  controls: {
391
- exclude: ['chipView', 'isTargetAmount', 'chipType'],
384
+ exclude: ['chipView', 'isTargetAmount'],
392
385
  },
393
386
  },
394
387
  render: (args) => <SingleStory {...args} />,
@@ -134,10 +134,6 @@ const meta: Meta<typeof TextField> = {
134
134
  control: { type: 'text' },
135
135
  if: { arg: 'hasHint', truthy: true },
136
136
  },
137
- chipType: {
138
- control: 'select',
139
- options: ['default', 'text'],
140
- },
141
137
  },
142
138
  };
143
139
 
@@ -237,11 +233,6 @@ export const Default: StoryObj<StoryPropsDefault> = {
237
233
  hintWidth: '10rem',
238
234
  hintHasArrow: true,
239
235
  },
240
- parameters: {
241
- controls: {
242
- exclude: ['chipType'],
243
- },
244
- },
245
236
  render: (args) => <StoryDemo {...args} />,
246
237
  };
247
238
 
@@ -297,7 +288,6 @@ export const Chips: StoryObj<StoryPropsChips> = {
297
288
  args: {
298
289
  ...Default.args,
299
290
  chips: ['1 value', '2 value', '3 value', '4 value'],
300
- chipType: 'default',
301
291
  },
302
292
  render: (args) => <StoryChips {...args} />,
303
293
  };
@@ -123,5 +123,6 @@ export var tokens = {
123
123
  calendarRangeBackground: '--plasma-calendar-range-background',
124
124
  calendarOutlineFocusColor: '--plasma-calendar-outline-focus-color',
125
125
  calendarContentPrimaryColor: '--plasma-calendar-content-primary-color',
126
- calendarContentSecondaryColor: '--plasma-calendar-content-secondary-color'
126
+ calendarContentSecondaryColor: '--plasma-calendar-content-secondary-color',
127
+ calendarDisabledOpacity: '--plasma-calendar-disabled-opacity'
127
128
  };
@@ -18,7 +18,7 @@ export var StyledItem = /*#__PURE__*/styled.div.withConfig({
18
18
  return "".concat(offset, "px");
19
19
  });
20
20
  var disabledItem = function disabledItem() {
21
- return "\n cursor: not-allowed;\n opacity: 0.4;\n";
21
+ return "\n cursor: not-allowed;\n opacity: var(".concat(tokens.calendarDisabledOpacity, ");\n");
22
22
  };
23
23
  var disabledCurrentItem = function disabledCurrentItem() {
24
24
  return "\n ".concat(disabledItem(), ";\n");
@@ -48,7 +48,10 @@ var FloatingPopover = /*#__PURE__*/forwardRef(function (_ref, ref) {
48
48
  var isTargetAsFunction = typeof target === 'function';
49
49
  return /*#__PURE__*/React.createElement("div", {
50
50
  ref: ref,
51
- id: wrappedId
51
+ id: wrappedId,
52
+ style: {
53
+ position: 'relative'
54
+ }
52
55
  }, /*#__PURE__*/React.createElement("div", {
53
56
  ref: isTargetAsFunction ? undefined : refs.setReference,
54
57
  onClick: handleClick
@@ -64,11 +64,12 @@ var FloatingPopover = /*#__PURE__*/forwardRef(function (_ref, ref) {
64
64
  }
65
65
  };
66
66
  return /*#__PURE__*/React.createElement("div", {
67
+ ref: ref,
67
68
  id: wrappedId,
68
69
  style: {
70
+ position: 'relative',
69
71
  display: isInner ? 'block' : 'inline-block'
70
- },
71
- ref: ref
72
+ }
72
73
  }, /*#__PURE__*/React.createElement("div", {
73
74
  ref: refs.setReference,
74
75
  onClick: handleTargetClick,
@@ -49,7 +49,10 @@ var FloatingPopover = /*#__PURE__*/forwardRef(function (_ref, ref) {
49
49
  var isTargetAsFunction = typeof target === 'function';
50
50
  return /*#__PURE__*/React.createElement("div", {
51
51
  ref: ref,
52
- id: wrappedId
52
+ id: wrappedId,
53
+ style: {
54
+ position: 'relative'
55
+ }
53
56
  }, /*#__PURE__*/React.createElement("div", {
54
57
  ref: isTargetAsFunction ? undefined : refs.setReference,
55
58
  onClick: handleClick
@@ -73,7 +73,6 @@ export var Target = /*#__PURE__*/forwardRef(function (_ref, ref) {
73
73
  onChange: onChange,
74
74
  labelToItemMap: labelToItemMap,
75
75
  chipView: chipView,
76
- requiredProps: requiredProps,
77
- chipType: selectProps.chipType
76
+ requiredProps: requiredProps
78
77
  });
79
78
  });
@@ -33,8 +33,7 @@ export var Textfield = /*#__PURE__*/forwardRef(function (_ref, ref) {
33
33
  onChange = _ref.onChange,
34
34
  labelToItemMap = _ref.labelToItemMap,
35
35
  chipView = _ref.chipView,
36
- requiredProps = _ref.requiredProps,
37
- chipType = _ref.chipType;
36
+ requiredProps = _ref.requiredProps;
38
37
  var withArrowInverse = opened ? classes.arrowInverse : undefined;
39
38
  var getChips = function getChips() {
40
39
  if (multiselect && Array.isArray(value)) {
@@ -105,8 +104,7 @@ export var Textfield = /*#__PURE__*/forwardRef(function (_ref, ref) {
105
104
  }, multiselect ? {
106
105
  enumerationType: 'chip',
107
106
  chips: getChips(),
108
- onChangeChips: handleChipsChange,
109
- chipType: chipType
107
+ onChangeChips: handleChipsChange
110
108
  } : {
111
109
  enumerationType: 'plain'
112
110
  }, {
@@ -1,4 +1,4 @@
1
- var _excluded = ["id", "className", "style", "contentLeft", "contentRight", "label", "labelPlacement", "textBefore", "textAfter", "placeholder", "leftHelper", "enumerationType", "requiredPlacement", "titleCaption", "hintTrigger", "hintText", "hintView", "hintSize", "hintTargetIcon", "hintPlacement", "hintHasArrow", "hintOffset", "hintWidth", "hintContentLeft", "view", "size", "readOnly", "disabled", "required", "clear", "optional", "hasDivider", "value", "chips", "chipType", "onChange", "onChangeChips", "onSearch", "onKeyDown"];
1
+ var _excluded = ["id", "className", "style", "contentLeft", "contentRight", "label", "labelPlacement", "textBefore", "textAfter", "placeholder", "leftHelper", "enumerationType", "requiredPlacement", "titleCaption", "hintTrigger", "hintText", "hintView", "hintSize", "hintTargetIcon", "hintPlacement", "hintHasArrow", "hintOffset", "hintWidth", "hintContentLeft", "view", "size", "readOnly", "disabled", "required", "clear", "optional", "hasDivider", "value", "chips", "onChange", "onChangeChips", "onSearch", "onKeyDown"];
2
2
  function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
3
3
  function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
4
4
  function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
@@ -77,8 +77,6 @@ export var textFieldRoot = function textFieldRoot(Root) {
77
77
  hasDivider = _ref.hasDivider,
78
78
  outerValue = _ref.value,
79
79
  values = _ref.chips,
80
- _ref$chipType = _ref.chipType,
81
- chipType = _ref$chipType === void 0 ? 'default' : _ref$chipType,
82
80
  onChange = _ref.onChange,
83
81
  onChangeChips = _ref.onChangeChips,
84
82
  onSearch = _ref.onSearch,
@@ -127,8 +125,8 @@ export var textFieldRoot = function textFieldRoot(Root) {
127
125
  var requiredPlacementClass = requiredPlacement === 'right' ? classes.requiredAlignRight : undefined;
128
126
  var labelPlacementClass = innerLabelPlacementValue ? classes["".concat(innerLabelPlacementValue, "LabelPlacement")] : undefined;
129
127
  var hasValueClass = hasValue ? classes.hasValue : undefined;
130
- var wrapperWithoutLeftContent = !contentLeft && isChipsVisible && chipType === 'default' ? classes.hasEmptyContentLeft : undefined;
131
- var wrapperWithoutRightContent = !contentRight && isChipsVisible && chipType === 'default' ? classes.hasEmptyContentRight : undefined;
128
+ var wrapperWithoutLeftContent = !contentLeft && isChipsVisible ? classes.hasEmptyContentLeft : undefined;
129
+ var wrapperWithoutRightContent = !contentRight && isChipsVisible ? classes.hasEmptyContentRight : undefined;
132
130
  var hintRef = useOutsideClick(function () {
133
131
  setIsHintVisible(false);
134
132
  });
@@ -319,8 +317,7 @@ export var textFieldRoot = function textFieldRoot(Root) {
319
317
  onClear: function onClear() {
320
318
  return onChipClear(chipId, index);
321
319
  },
322
- onClick: onChipClick,
323
- chipType: chipType
320
+ onClick: onChipClick
324
321
  // TODO: #1547
325
322
  // eslint-disable-next-line @typescript-eslint/ban-ts-comment
326
323
  // @ts-ignore
@@ -62,7 +62,7 @@ export function App() {
62
62
  ```
63
63
 
64
64
  ### Статус поля
65
- Статус поля задается с помощью свойства `status`.
65
+ Статус поля задается с помощью свойства `status`.
66
66
  Возможные значения свойства: `success`, `warning` и `error`.
67
67
  На отображение TextField так же влияют свойства `clear` и `hasDivider`:
68
68
 
@@ -150,7 +150,7 @@ export function App() {
150
150
  ```
151
151
 
152
152
  ### Режим ввода
153
- С помощью свойства `enumerationType` можно вводить элементы как теги. Свойство `chipType` изменяет внешний вид чипа.
153
+ С помощью свойства `enumerationType` можно вводить элементы как теги.
154
154
  По нажатию Enter, после ввода нужного текста, он преобразуется в Chip:
155
155
 
156
156
  ```tsx live
@@ -166,17 +166,7 @@ export function App() {
166
166
  size="l"
167
167
  enumerationType="chip"
168
168
  helperText="Подсказка снизу"
169
- chips={["Значение 1"]}
170
- />
171
-
172
- <TextField
173
- placeholder="Введите значение"
174
- defaultValue="Значение"
175
- size="l"
176
- enumerationType="chip"
177
- helperText="Подсказка снизу"
178
- chips={["Значение 1"]}
179
- chipType="text"
169
+ values={["Значение 1"]}
180
170
  />
181
171
  </div>
182
172
  );
@@ -1,5 +1,5 @@
1
1
  import React, { forwardRef } from 'react';
2
- import { StyledChip, TextChip } from './TextFieldChip.styles';
2
+ import { StyledChip } from './TextFieldChip.styles';
3
3
  /**
4
4
  * Чип, отображающий выбранный элемент
5
5
  */
@@ -11,23 +11,14 @@ export var TextFieldChip = /*#__PURE__*/forwardRef(function (_ref, ref) {
11
11
  onClick = _ref.onClick,
12
12
  onClear = _ref.onClear,
13
13
  onKeyDown = _ref.onKeyDown,
14
- _forceChipManipulationWithReadonly = _ref._forceChipManipulationWithReadonly,
15
- chipType = _ref.chipType;
14
+ _forceChipManipulationWithReadonly = _ref._forceChipManipulationWithReadonly;
16
15
  var onClearHandle = function onClearHandle() {
17
16
  return onClear(id);
18
17
  };
19
18
  var onKeyDownHandle = function onKeyDownHandle(event) {
20
19
  onKeyDown === null || onKeyDown === void 0 || onKeyDown(event, id);
21
20
  };
22
- var handleClick = function handleClick(e) {
23
- if (onClick) {
24
- onClick(e);
25
- }
26
- if (onClear) {
27
- onClear(id);
28
- }
29
- };
30
- return chipType === 'default' ? /*#__PURE__*/React.createElement(StyledChip, {
21
+ return /*#__PURE__*/React.createElement(StyledChip, {
31
22
  ref: ref,
32
23
  tabIndex: -1,
33
24
  disabled: disabled,
@@ -41,10 +32,5 @@ export var TextFieldChip = /*#__PURE__*/forwardRef(function (_ref, ref) {
41
32
  // @ts-ignore
42
33
  ,
43
34
  _forceChipManipulationWithReadonly: _forceChipManipulationWithReadonly
44
- }) : /*#__PURE__*/React.createElement(TextChip, {
45
- ref: ref,
46
- tabIndex: -1,
47
- onClick: handleClick,
48
- onKeyDown: onKeyDownHandle
49
- }, text);
35
+ });
50
36
  });
@@ -16,12 +16,4 @@ export var StyledChip = /*#__PURE__*/styled(Chip).withConfig({
16
16
  outlineSize: '0.0625rem',
17
17
  outlineRadius: /*#__PURE__*/"calc(var(".concat(tokens.chipBorderRadius, ") - 0.1rem)"),
18
18
  outlineColor: /*#__PURE__*/"var(".concat(tokens.focusColor, ")")
19
- }), tokens.chipOpacityReadonly);
20
- export var TextChip = /*#__PURE__*/styled.button.withConfig({
21
- componentId: "plasma-new-hope__sc-1mypbcr-1"
22
- })(["display:block;flex:none;background:none;border:none;outline:none;padding:0;white-space:nowrap;cursor:pointer;font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");color:var(", ");", " &:after{content:',';}&:last-child{&:after{content:'';}}"], tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight, tokens.color, /*#__PURE__*/addFocus({
23
- outlineOffset: '0.0625rem',
24
- outlineSize: '0.0625rem',
25
- outlineRadius: /*#__PURE__*/"calc(var(".concat(tokens.chipBorderRadius, ") - 0.1rem)"),
26
- outlineColor: /*#__PURE__*/"var(".concat(tokens.focusColor, ")")
27
- }));
19
+ }), tokens.chipOpacityReadonly);
@@ -7,7 +7,7 @@ export var config = {
7
7
  },
8
8
  variations: {
9
9
  view: {
10
- "default": /*#__PURE__*/css(["", ":var(--surface-solid-default);", ":var(--inverse-text-primary);", ":var(--surface-transparent-secondary);", ":var(--surface-solid-default);", ":transparent;", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(--surface-solid-default);", ":var(--inverse-text-primary);", ":var(--surface-accent);", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(--surface-accent);", ":var(--surface-solid-default);", ":var(--text-secondary);", ":", ";", ":var(--text-secondary);", ":var(--text-primary);", ":var(--surface-clear);", ":var(--text-primary-hover);", ":var(--surface-clear);", ":var(--text-primary-hover);", ":var(--surface-clear);", ":var(--surface-accent);"], calendarBaseTokens.calendarSelectedItemBackground, calendarBaseTokens.calendarSelectedItemColor, calendarBaseTokens.calendarSelectableItemBackgroundHover, calendarBaseTokens.calendarCurrentItemBorderColor, calendarBaseTokens.calendarCurrentItemBackgroundHover, calendarBaseTokens.calendarCurrentItemColorHover, calendarBaseTokens.calendarCurrentItemChildBackgroundHover, calendarBaseTokens.calendarActiveItemBackground, calendarBaseTokens.calendarActiveItemColor, calendarBaseTokens.calendarHoveredItemBackground, calendarBaseTokens.calendarHoveredItemColor, calendarBaseTokens.calendarRangeBackground, calendarBaseTokens.calendarOutlineFocusColor, calendarBaseTokens.calendarContentPrimaryColor, calendarBaseTokens.calendarContentSecondaryColor, calendarBaseTokens.calendarHeaderArrowColor, calendarBaseTokens.calendarContentPrimaryColor, calendarBaseTokens.calendarDayOfWeekColor, calendarBaseTokens.iconButtonColor, calendarBaseTokens.iconButtonBackgroundColor, calendarBaseTokens.iconButtonColorHover, calendarBaseTokens.iconButtonBackgroundColorHover, calendarBaseTokens.iconButtonColorActive, calendarBaseTokens.iconButtonBackgroundColorActive, calendarBaseTokens.iconButtonFocusColor)
10
+ "default": /*#__PURE__*/css(["", ":var(--surface-solid-default);", ":var(--inverse-text-primary);", ":var(--surface-transparent-secondary);", ":var(--surface-solid-default);", ":transparent;", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(--surface-solid-default);", ":var(--inverse-text-primary);", ":var(--surface-accent);", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(--surface-accent);", ":var(--surface-solid-default);", ":var(--text-secondary);", ":", ";", ":var(--text-secondary);", ":0.4;", ":var(--text-primary);", ":var(--surface-clear);", ":var(--text-primary-hover);", ":var(--surface-clear);", ":var(--text-primary-hover);", ":var(--surface-clear);", ":var(--surface-accent);"], calendarBaseTokens.calendarSelectedItemBackground, calendarBaseTokens.calendarSelectedItemColor, calendarBaseTokens.calendarSelectableItemBackgroundHover, calendarBaseTokens.calendarCurrentItemBorderColor, calendarBaseTokens.calendarCurrentItemBackgroundHover, calendarBaseTokens.calendarCurrentItemColorHover, calendarBaseTokens.calendarCurrentItemChildBackgroundHover, calendarBaseTokens.calendarActiveItemBackground, calendarBaseTokens.calendarActiveItemColor, calendarBaseTokens.calendarHoveredItemBackground, calendarBaseTokens.calendarHoveredItemColor, calendarBaseTokens.calendarRangeBackground, calendarBaseTokens.calendarOutlineFocusColor, calendarBaseTokens.calendarContentPrimaryColor, calendarBaseTokens.calendarContentSecondaryColor, calendarBaseTokens.calendarHeaderArrowColor, calendarBaseTokens.calendarContentPrimaryColor, calendarBaseTokens.calendarDayOfWeekColor, calendarBaseTokens.calendarDisabledOpacity, calendarBaseTokens.iconButtonColor, calendarBaseTokens.iconButtonBackgroundColor, calendarBaseTokens.iconButtonColorHover, calendarBaseTokens.iconButtonBackgroundColorHover, calendarBaseTokens.iconButtonColorActive, calendarBaseTokens.iconButtonBackgroundColorActive, calendarBaseTokens.iconButtonFocusColor)
11
11
  },
12
12
  size: {
13
13
  l: /*#__PURE__*/css(["", ":24.5rem;", ":25rem;", ":0.5rem 0.5rem 0 0.5rem;", ":0.75rem;", ":7.8125rem;", ":5.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-letter-spacing);", ":var(--plasma-typo-body-l-line-height);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-bold-font-weight);", ":0.5rem 0.5rem 0 0.5rem;", ":0.75rem;", ":11.75rem;", ":10.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-letter-spacing);", ":var(--plasma-typo-body-l-line-height);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-bold-font-weight);", ":0.5rem 0.5rem 0 0.5rem;", ":0.75rem;", ":7.8125rem;", ":5.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-letter-spacing);", ":var(--plasma-typo-body-l-line-height);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-bold-font-weight);", ":0.5rem 0 0 0;", ":0.75rem;", ":3.5rem;", ":3rem;", ":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-letter-spacing);", ":var(--plasma-typo-body-l-line-height);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-bold-font-weight);", ":0.063rem;", ":0.5rem;", ":0 0 0 1rem;", ":0.5rem;", ":var(--plasma-typo-h4-font-family);", ":var(--plasma-typo-h4-font-size);", ":var(--plasma-typo-h4-font-style);", ":var(--plasma-typo-h4-letter-spacing);", ":var(--plasma-typo-h4-line-height);", ":var(--plasma-typo-h4-font-weight);", ":var(--plasma-typo-h4-bold-font-weight);", ":3.5rem;", ":3.5rem;", ":1.5rem;", ":0.875rem;"], calendarBaseTokens.calendarWidth, calendarBaseTokens.calendarHeight, calendarBaseTokens.calendarYearsPadding, calendarBaseTokens.calendarYearItemBorderRadius, calendarBaseTokens.calendarYearItemWidth, calendarBaseTokens.calendarYearItemHeight, calendarBaseTokens.calendarYearFontFamily, calendarBaseTokens.calendarYearFontSize, calendarBaseTokens.calendarYearFontStyle, calendarBaseTokens.calendarYearFontLetterSpacing, calendarBaseTokens.calendarYearFontLineHeight, calendarBaseTokens.calendarYearFontWeight, calendarBaseTokens.calendarYearSelectedFontWeight, calendarBaseTokens.calendarQuartersPadding, calendarBaseTokens.calendarQuarterItemBorderRadius, calendarBaseTokens.calendarQuarterItemWidth, calendarBaseTokens.calendarQuarterItemHeight, calendarBaseTokens.calendarQuarterFontFamily, calendarBaseTokens.calendarQuarterFontSize, calendarBaseTokens.calendarQuarterFontStyle, calendarBaseTokens.calendarQuarterFontLetterSpacing, calendarBaseTokens.calendarQuarterFontLineHeight, calendarBaseTokens.calendarQuarterFontWeight, calendarBaseTokens.calendarQuarterSelectedFontWeight, calendarBaseTokens.calendarMonthsPadding, calendarBaseTokens.calendarMonthItemBorderRadius, calendarBaseTokens.calendarMonthItemWidth, calendarBaseTokens.calendarMonthItemHeight, calendarBaseTokens.calendarMonthFontFamily, calendarBaseTokens.calendarMonthFontSize, calendarBaseTokens.calendarMonthFontStyle, calendarBaseTokens.calendarMonthFontLetterSpacing, calendarBaseTokens.calendarMonthFontLineHeight, calendarBaseTokens.calendarMonthFontWeight, calendarBaseTokens.calendarMonthSelectedFontWeight, calendarBaseTokens.calendarDaysPadding, calendarBaseTokens.calendarDayItemBorderRadius, calendarBaseTokens.calendarDayItemWidth, calendarBaseTokens.calendarDayItemHeight, calendarBaseTokens.calendarDayFontFamily, calendarBaseTokens.calendarDayFontSize, calendarBaseTokens.calendarDayFontStyle, calendarBaseTokens.calendarDayFontLetterSpacing, calendarBaseTokens.calendarDayFontLineHeight, calendarBaseTokens.calendarDayFontWeight, calendarBaseTokens.calendarDaySelectedFontWeight, calendarBaseTokens.calendarCurrentItemBorderWidth, calendarBaseTokens.calendarHeaderArrowGap, calendarBaseTokens.calendarHeaderPadding, calendarBaseTokens.calendarHeaderDateGap, calendarBaseTokens.calendarHeaderFontFamily, calendarBaseTokens.calendarHeaderFontSize, calendarBaseTokens.calendarHeaderFontStyle, calendarBaseTokens.calendarHeaderFontLetterSpacing, calendarBaseTokens.calendarHeaderFontLineHeight, calendarBaseTokens.calendarHeaderFontWeight, calendarBaseTokens.calendarHeaderFontWeightBold, calendarBaseTokens.iconButtonHeight, calendarBaseTokens.iconButtonWidth, calendarBaseTokens.iconButtonPadding, calendarBaseTokens.iconButtonRadius),