@salutejs/plasma-new-hope 0.196.0-dev.0 → 0.196.1-dev.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (152) hide show
  1. package/cjs/components/Autocomplete/Autocomplete.css +2 -1
  2. package/cjs/components/Combobox/ComboboxNew/Combobox.css +2 -1
  3. package/cjs/components/Combobox/ComboboxNew/ui/Inner/Inner.css +2 -1
  4. package/cjs/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.css +2 -1
  5. package/cjs/components/DatePicker/RangeDate/RangeDate.css +2 -1
  6. package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +2 -1
  7. package/cjs/components/DatePicker/SingleDate/SingleDate.css +2 -1
  8. package/cjs/components/Pagination/Pagination.css +2 -1
  9. package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +2 -1
  10. package/cjs/components/Range/Range.css +2 -1
  11. package/cjs/components/Select/Select.css +2 -1
  12. package/cjs/components/Select/ui/Inner/Inner.css +2 -1
  13. package/cjs/components/Select/ui/Inner/ui/Item/Item.css +2 -1
  14. package/cjs/components/Select/ui/Target/Target.css +2 -1
  15. package/cjs/components/Select/ui/Target/Target.js +2 -1
  16. package/cjs/components/Select/ui/Target/Target.js.map +1 -1
  17. package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.css +2 -1
  18. package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.js +4 -2
  19. package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.js.map +1 -1
  20. package/cjs/components/Slider/Slider.css +2 -1
  21. package/cjs/components/Slider/components/Double/Double.css +2 -1
  22. package/cjs/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.css +2 -1
  23. package/cjs/components/TextField/TextField.js +7 -4
  24. package/cjs/components/TextField/TextField.js.map +1 -1
  25. package/cjs/components/TextField/ui/TextFieldChip/TextFieldChip.css +2 -1
  26. package/cjs/components/TextField/ui/TextFieldChip/TextFieldChip.js +17 -3
  27. package/cjs/components/TextField/ui/TextFieldChip/TextFieldChip.js.map +1 -1
  28. package/cjs/components/TextField/ui/TextFieldChip/TextFieldChip.styles.js +7 -1
  29. package/cjs/components/TextField/ui/TextFieldChip/TextFieldChip.styles.js.map +1 -1
  30. package/cjs/components/TextField/ui/TextFieldChip/{TextFieldChip.styles_1y8n7la.css → TextFieldChip.styles_1yosnxc.css} +1 -0
  31. package/cjs/index.css +2 -1
  32. package/emotion/cjs/components/Select/ui/Target/Target.js +2 -1
  33. package/emotion/cjs/components/Select/ui/Target/ui/Textfield/Textfield.js +4 -2
  34. package/emotion/cjs/components/TextField/TextField.js +8 -5
  35. package/emotion/cjs/components/TextField/TextField.template-doc.mdx +13 -3
  36. package/emotion/cjs/components/TextField/ui/TextFieldChip/TextFieldChip.js +17 -3
  37. package/emotion/cjs/components/TextField/ui/TextFieldChip/TextFieldChip.styles.js +12 -3
  38. package/emotion/cjs/examples/plasma_b2c/components/Select/Select.stories.tsx +8 -1
  39. package/emotion/cjs/examples/plasma_b2c/components/TextField/TextField.stories.tsx +10 -0
  40. package/emotion/cjs/examples/plasma_web/components/Select/Select.stories.tsx +8 -1
  41. package/emotion/cjs/examples/plasma_web/components/TextField/TextField.stories.tsx +10 -0
  42. package/emotion/es/components/Select/ui/Target/Target.js +2 -1
  43. package/emotion/es/components/Select/ui/Target/ui/Textfield/Textfield.js +4 -2
  44. package/emotion/es/components/TextField/TextField.js +8 -5
  45. package/emotion/es/components/TextField/TextField.template-doc.mdx +13 -3
  46. package/emotion/es/components/TextField/ui/TextFieldChip/TextFieldChip.js +18 -4
  47. package/emotion/es/components/TextField/ui/TextFieldChip/TextFieldChip.styles.js +11 -2
  48. package/emotion/es/examples/plasma_b2c/components/Select/Select.stories.tsx +8 -1
  49. package/emotion/es/examples/plasma_b2c/components/TextField/TextField.stories.tsx +10 -0
  50. package/emotion/es/examples/plasma_web/components/Select/Select.stories.tsx +8 -1
  51. package/emotion/es/examples/plasma_web/components/TextField/TextField.stories.tsx +10 -0
  52. package/es/components/Autocomplete/Autocomplete.css +2 -1
  53. package/es/components/Combobox/ComboboxNew/Combobox.css +2 -1
  54. package/es/components/Combobox/ComboboxNew/ui/Inner/Inner.css +2 -1
  55. package/es/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.css +2 -1
  56. package/es/components/DatePicker/RangeDate/RangeDate.css +2 -1
  57. package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +2 -1
  58. package/es/components/DatePicker/SingleDate/SingleDate.css +2 -1
  59. package/es/components/Pagination/Pagination.css +2 -1
  60. package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +2 -1
  61. package/es/components/Range/Range.css +2 -1
  62. package/es/components/Select/Select.css +2 -1
  63. package/es/components/Select/ui/Inner/Inner.css +2 -1
  64. package/es/components/Select/ui/Inner/ui/Item/Item.css +2 -1
  65. package/es/components/Select/ui/Target/Target.css +2 -1
  66. package/es/components/Select/ui/Target/Target.js +2 -1
  67. package/es/components/Select/ui/Target/Target.js.map +1 -1
  68. package/es/components/Select/ui/Target/ui/Textfield/Textfield.css +2 -1
  69. package/es/components/Select/ui/Target/ui/Textfield/Textfield.js +4 -2
  70. package/es/components/Select/ui/Target/ui/Textfield/Textfield.js.map +1 -1
  71. package/es/components/Slider/Slider.css +2 -1
  72. package/es/components/Slider/components/Double/Double.css +2 -1
  73. package/es/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.css +2 -1
  74. package/es/components/TextField/TextField.js +7 -4
  75. package/es/components/TextField/TextField.js.map +1 -1
  76. package/es/components/TextField/ui/TextFieldChip/TextFieldChip.css +2 -1
  77. package/es/components/TextField/ui/TextFieldChip/TextFieldChip.js +18 -4
  78. package/es/components/TextField/ui/TextFieldChip/TextFieldChip.js.map +1 -1
  79. package/es/components/TextField/ui/TextFieldChip/TextFieldChip.styles.js +7 -2
  80. package/es/components/TextField/ui/TextFieldChip/TextFieldChip.styles.js.map +1 -1
  81. package/es/components/TextField/ui/TextFieldChip/{TextFieldChip.styles_1y8n7la.css → TextFieldChip.styles_1yosnxc.css} +1 -0
  82. package/es/index.css +2 -1
  83. package/package.json +2 -2
  84. package/styled-components/cjs/components/Select/ui/Target/Target.js +2 -1
  85. package/styled-components/cjs/components/Select/ui/Target/ui/Textfield/Textfield.js +4 -2
  86. package/styled-components/cjs/components/TextField/TextField.js +7 -4
  87. package/styled-components/cjs/components/TextField/TextField.template-doc.mdx +13 -3
  88. package/styled-components/cjs/components/TextField/ui/TextFieldChip/TextFieldChip.js +17 -3
  89. package/styled-components/cjs/components/TextField/ui/TextFieldChip/TextFieldChip.styles.js +10 -2
  90. package/styled-components/cjs/examples/plasma_b2c/components/Select/Select.stories.tsx +8 -1
  91. package/styled-components/cjs/examples/plasma_b2c/components/TextField/TextField.stories.tsx +10 -0
  92. package/styled-components/cjs/examples/plasma_web/components/Select/Select.stories.tsx +8 -1
  93. package/styled-components/cjs/examples/plasma_web/components/TextField/TextField.stories.tsx +10 -0
  94. package/styled-components/es/components/Select/ui/Target/Target.js +2 -1
  95. package/styled-components/es/components/Select/ui/Target/ui/Textfield/Textfield.js +4 -2
  96. package/styled-components/es/components/TextField/TextField.js +7 -4
  97. package/styled-components/es/components/TextField/TextField.template-doc.mdx +13 -3
  98. package/styled-components/es/components/TextField/ui/TextFieldChip/TextFieldChip.js +18 -4
  99. package/styled-components/es/components/TextField/ui/TextFieldChip/TextFieldChip.styles.js +9 -1
  100. package/styled-components/es/examples/plasma_b2c/components/Select/Select.stories.tsx +8 -1
  101. package/styled-components/es/examples/plasma_b2c/components/TextField/TextField.stories.tsx +10 -0
  102. package/styled-components/es/examples/plasma_web/components/Select/Select.stories.tsx +8 -1
  103. package/styled-components/es/examples/plasma_web/components/TextField/TextField.stories.tsx +10 -0
  104. package/types/components/Autocomplete/Autocomplete.types.d.ts +3 -2
  105. package/types/components/Autocomplete/Autocomplete.types.d.ts.map +1 -1
  106. package/types/components/Autocomplete/ui/TextField/TextField.styles.d.ts +16 -0
  107. package/types/components/Autocomplete/ui/TextField/TextField.styles.d.ts.map +1 -1
  108. package/types/components/Combobox/ComboboxNew/ui/Target/Target.styles.d.ts +16 -0
  109. package/types/components/Combobox/ComboboxNew/ui/Target/Target.styles.d.ts.map +1 -1
  110. package/types/components/DatePicker/SingleDate/SingleDate.styles.d.ts +16 -0
  111. package/types/components/DatePicker/SingleDate/SingleDate.styles.d.ts.map +1 -1
  112. package/types/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.d.ts +6 -0
  113. package/types/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.d.ts.map +1 -1
  114. package/types/components/Range/Range.styles.d.ts +16 -0
  115. package/types/components/Range/Range.styles.d.ts.map +1 -1
  116. package/types/components/Select/Select.types.d.ts +5 -0
  117. package/types/components/Select/Select.types.d.ts.map +1 -1
  118. package/types/components/Select/ui/Target/Target.d.ts +1 -1
  119. package/types/components/Select/ui/Target/Target.d.ts.map +1 -1
  120. package/types/components/Select/ui/Target/Target.types.d.ts +1 -1
  121. package/types/components/Select/ui/Target/Target.types.d.ts.map +1 -1
  122. package/types/components/Select/ui/Target/ui/Textfield/Textfield.d.ts.map +1 -1
  123. package/types/components/Select/ui/Target/ui/Textfield/Textfield.styles.d.ts +16 -0
  124. package/types/components/Select/ui/Target/ui/Textfield/Textfield.styles.d.ts.map +1 -1
  125. package/types/components/Select/ui/Target/ui/Textfield/Textfield.types.d.ts +1 -1
  126. package/types/components/Select/ui/Target/ui/Textfield/Textfield.types.d.ts.map +1 -1
  127. package/types/components/Slider/components/Double/Double.styles.d.ts +16 -0
  128. package/types/components/Slider/components/Double/Double.styles.d.ts.map +1 -1
  129. package/types/components/TextField/TextField.d.ts.map +1 -1
  130. package/types/components/TextField/TextField.types.d.ts +8 -0
  131. package/types/components/TextField/TextField.types.d.ts.map +1 -1
  132. package/types/components/TextField/ui/TextFieldChip/TextFieldChip.d.ts.map +1 -1
  133. package/types/components/TextField/ui/TextFieldChip/TextFieldChip.styles.d.ts +1 -0
  134. package/types/components/TextField/ui/TextFieldChip/TextFieldChip.styles.d.ts.map +1 -1
  135. package/types/components/TextField/ui/TextFieldChip/TextFieldChip.types.d.ts +5 -1
  136. package/types/components/TextField/ui/TextFieldChip/TextFieldChip.types.d.ts.map +1 -1
  137. package/types/examples/plasma_b2c/components/Autocomplete/Autocomplete.d.ts +553 -3
  138. package/types/examples/plasma_b2c/components/Autocomplete/Autocomplete.d.ts.map +1 -1
  139. package/types/examples/plasma_b2c/components/Mask/Mask.d.ts +16 -0
  140. package/types/examples/plasma_b2c/components/Mask/Mask.d.ts.map +1 -1
  141. package/types/examples/plasma_b2c/components/Select/Select.d.ts +6 -0
  142. package/types/examples/plasma_b2c/components/Select/Select.d.ts.map +1 -1
  143. package/types/examples/plasma_b2c/components/TextField/TextField.d.ts +16 -0
  144. package/types/examples/plasma_b2c/components/TextField/TextField.d.ts.map +1 -1
  145. package/types/examples/plasma_web/components/Autocomplete/Autocomplete.d.ts +553 -3
  146. package/types/examples/plasma_web/components/Autocomplete/Autocomplete.d.ts.map +1 -1
  147. package/types/examples/plasma_web/components/Mask/Mask.d.ts +16 -0
  148. package/types/examples/plasma_web/components/Mask/Mask.d.ts.map +1 -1
  149. package/types/examples/plasma_web/components/Select/Select.d.ts +6 -0
  150. package/types/examples/plasma_web/components/Select/Select.d.ts.map +1 -1
  151. package/types/examples/plasma_web/components/TextField/TextField.d.ts +16 -0
  152. package/types/examples/plasma_web/components/TextField/TextField.d.ts.map +1 -1
@@ -104,6 +104,11 @@ 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
+ },
107
112
  },
108
113
  args: {
109
114
  target: 'textfield-like',
@@ -121,6 +126,7 @@ const meta: Meta<StorySelectProps> = {
121
126
  optional: false,
122
127
  required: false,
123
128
  requiredPlacement: 'right',
129
+ chipType: 'default',
124
130
  },
125
131
  parameters: {
126
132
  controls: {
@@ -144,6 +150,7 @@ const meta: Meta<StorySelectProps> = {
144
150
  'optional',
145
151
  'required',
146
152
  'requiredPlacement',
153
+ 'chipType',
147
154
  ],
148
155
  },
149
156
  },
@@ -382,7 +389,7 @@ const SingleStory = (args: StorySelectProps) => {
382
389
  export const Single: StoryObj<StorySelectProps> = {
383
390
  parameters: {
384
391
  controls: {
385
- exclude: ['chipView', 'isTargetAmount'],
392
+ exclude: ['chipView', 'isTargetAmount', 'chipType'],
386
393
  },
387
394
  },
388
395
  render: (args) => <SingleStory {...args} />,
@@ -134,6 +134,10 @@ 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
+ },
137
141
  },
138
142
  };
139
143
 
@@ -233,6 +237,11 @@ export const Default: StoryObj<StoryPropsDefault> = {
233
237
  hintWidth: '10rem',
234
238
  hintHasArrow: true,
235
239
  },
240
+ parameters: {
241
+ controls: {
242
+ exclude: ['chipType'],
243
+ },
244
+ },
236
245
  render: (args) => <StoryDemo {...args} />,
237
246
  };
238
247
 
@@ -288,6 +297,7 @@ export const Chips: StoryObj<StoryPropsChips> = {
288
297
  args: {
289
298
  ...Default.args,
290
299
  chips: ['1 value', '2 value', '3 value', '4 value'],
300
+ chipType: 'default',
291
301
  },
292
302
  render: (args) => <StoryChips {...args} />,
293
303
  };
@@ -103,6 +103,11 @@ 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
+ },
106
111
  },
107
112
  args: {
108
113
  target: 'textfield-like',
@@ -120,6 +125,7 @@ const meta: Meta<StorySelectProps> = {
120
125
  optional: false,
121
126
  required: false,
122
127
  requiredPlacement: 'right',
128
+ chipType: 'default',
123
129
  },
124
130
  parameters: {
125
131
  controls: {
@@ -143,6 +149,7 @@ const meta: Meta<StorySelectProps> = {
143
149
  'optional',
144
150
  'required',
145
151
  'requiredPlacement',
152
+ 'chipType',
146
153
  ],
147
154
  },
148
155
  },
@@ -381,7 +388,7 @@ const SingleStory = (args: StorySelectProps) => {
381
388
  export const Single: StoryObj<StorySelectProps> = {
382
389
  parameters: {
383
390
  controls: {
384
- exclude: ['chipView', 'isTargetAmount'],
391
+ exclude: ['chipView', 'isTargetAmount', 'chipType'],
385
392
  },
386
393
  },
387
394
  render: (args) => <SingleStory {...args} />,
@@ -134,6 +134,10 @@ 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
+ },
137
141
  },
138
142
  };
139
143
 
@@ -233,6 +237,11 @@ export const Default: StoryObj<StoryPropsDefault> = {
233
237
  hintWidth: '10rem',
234
238
  hintHasArrow: true,
235
239
  },
240
+ parameters: {
241
+ controls: {
242
+ exclude: ['chipType'],
243
+ },
244
+ },
236
245
  render: (args) => <StoryDemo {...args} />,
237
246
  };
238
247
 
@@ -288,6 +297,7 @@ export const Chips: StoryObj<StoryPropsChips> = {
288
297
  args: {
289
298
  ...Default.args,
290
299
  chips: ['1 value', '2 value', '3 value', '4 value'],
300
+ chipType: 'default',
291
301
  },
292
302
  render: (args) => <StoryChips {...args} />,
293
303
  };
@@ -73,6 +73,7 @@ export var Target = /*#__PURE__*/forwardRef(function (_ref, ref) {
73
73
  onChange: onChange,
74
74
  labelToItemMap: labelToItemMap,
75
75
  chipView: chipView,
76
- requiredProps: requiredProps
76
+ requiredProps: requiredProps,
77
+ chipType: selectProps.chipType
77
78
  });
78
79
  });
@@ -33,7 +33,8 @@ 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;
36
+ requiredProps = _ref.requiredProps,
37
+ chipType = _ref.chipType;
37
38
  var withArrowInverse = opened ? classes.arrowInverse : undefined;
38
39
  var getChips = function getChips() {
39
40
  if (multiselect && Array.isArray(value)) {
@@ -104,7 +105,8 @@ export var Textfield = /*#__PURE__*/forwardRef(function (_ref, ref) {
104
105
  }, multiselect ? {
105
106
  enumerationType: 'chip',
106
107
  chips: getChips(),
107
- onChangeChips: handleChipsChange
108
+ onChangeChips: handleChipsChange,
109
+ chipType: chipType
108
110
  } : {
109
111
  enumerationType: 'plain'
110
112
  }, {
@@ -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", "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", "chipType", "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,6 +77,8 @@ 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,
80
82
  onChange = _ref.onChange,
81
83
  onChangeChips = _ref.onChangeChips,
82
84
  onSearch = _ref.onSearch,
@@ -125,8 +127,8 @@ export var textFieldRoot = function textFieldRoot(Root) {
125
127
  var requiredPlacementClass = requiredPlacement === 'right' ? classes.requiredAlignRight : undefined;
126
128
  var labelPlacementClass = innerLabelPlacementValue ? classes["".concat(innerLabelPlacementValue, "LabelPlacement")] : undefined;
127
129
  var hasValueClass = hasValue ? classes.hasValue : undefined;
128
- var wrapperWithoutLeftContent = !contentLeft && isChipsVisible ? classes.hasEmptyContentLeft : undefined;
129
- var wrapperWithoutRightContent = !contentRight && isChipsVisible ? classes.hasEmptyContentRight : undefined;
130
+ var wrapperWithoutLeftContent = !contentLeft && isChipsVisible && chipType === 'default' ? classes.hasEmptyContentLeft : undefined;
131
+ var wrapperWithoutRightContent = !contentRight && isChipsVisible && chipType === 'default' ? classes.hasEmptyContentRight : undefined;
130
132
  var hintRef = useOutsideClick(function () {
131
133
  setIsHintVisible(false);
132
134
  });
@@ -317,7 +319,8 @@ export var textFieldRoot = function textFieldRoot(Root) {
317
319
  onClear: function onClear() {
318
320
  return onChipClear(chipId, index);
319
321
  },
320
- onClick: onChipClick
322
+ onClick: onChipClick,
323
+ chipType: chipType
321
324
  // TODO: #1547
322
325
  // eslint-disable-next-line @typescript-eslint/ban-ts-comment
323
326
  // @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` можно вводить элементы как теги.
153
+ С помощью свойства `enumerationType` можно вводить элементы как теги. Свойство `chipType` изменяет внешний вид чипа.
154
154
  По нажатию Enter, после ввода нужного текста, он преобразуется в Chip:
155
155
 
156
156
  ```tsx live
@@ -166,7 +166,17 @@ export function App() {
166
166
  size="l"
167
167
  enumerationType="chip"
168
168
  helperText="Подсказка снизу"
169
- values={["Значение 1"]}
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"
170
180
  />
171
181
  </div>
172
182
  );
@@ -1,5 +1,5 @@
1
1
  import React, { forwardRef } from 'react';
2
- import { StyledChip } from './TextFieldChip.styles';
2
+ import { StyledChip, TextChip } from './TextFieldChip.styles';
3
3
  /**
4
4
  * Чип, отображающий выбранный элемент
5
5
  */
@@ -11,14 +11,23 @@ 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;
14
+ _forceChipManipulationWithReadonly = _ref._forceChipManipulationWithReadonly,
15
+ chipType = _ref.chipType;
15
16
  var onClearHandle = function onClearHandle() {
16
17
  return onClear(id);
17
18
  };
18
19
  var onKeyDownHandle = function onKeyDownHandle(event) {
19
20
  onKeyDown === null || onKeyDown === void 0 || onKeyDown(event, id);
20
21
  };
21
- return /*#__PURE__*/React.createElement(StyledChip, {
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, {
22
31
  ref: ref,
23
32
  tabIndex: -1,
24
33
  disabled: disabled,
@@ -32,5 +41,10 @@ export var TextFieldChip = /*#__PURE__*/forwardRef(function (_ref, ref) {
32
41
  // @ts-ignore
33
42
  ,
34
43
  _forceChipManipulationWithReadonly: _forceChipManipulationWithReadonly
35
- });
44
+ }) : /*#__PURE__*/React.createElement(TextChip, {
45
+ ref: ref,
46
+ tabIndex: -1,
47
+ onClick: handleClick,
48
+ onKeyDown: onKeyDownHandle
49
+ }, text);
36
50
  });
@@ -16,4 +16,12 @@ 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);
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
+ }));
@@ -104,6 +104,11 @@ 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
+ },
107
112
  },
108
113
  args: {
109
114
  target: 'textfield-like',
@@ -121,6 +126,7 @@ const meta: Meta<StorySelectProps> = {
121
126
  optional: false,
122
127
  required: false,
123
128
  requiredPlacement: 'right',
129
+ chipType: 'default',
124
130
  },
125
131
  parameters: {
126
132
  controls: {
@@ -144,6 +150,7 @@ const meta: Meta<StorySelectProps> = {
144
150
  'optional',
145
151
  'required',
146
152
  'requiredPlacement',
153
+ 'chipType',
147
154
  ],
148
155
  },
149
156
  },
@@ -382,7 +389,7 @@ const SingleStory = (args: StorySelectProps) => {
382
389
  export const Single: StoryObj<StorySelectProps> = {
383
390
  parameters: {
384
391
  controls: {
385
- exclude: ['chipView', 'isTargetAmount'],
392
+ exclude: ['chipView', 'isTargetAmount', 'chipType'],
386
393
  },
387
394
  },
388
395
  render: (args) => <SingleStory {...args} />,
@@ -134,6 +134,10 @@ 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
+ },
137
141
  },
138
142
  };
139
143
 
@@ -233,6 +237,11 @@ export const Default: StoryObj<StoryPropsDefault> = {
233
237
  hintWidth: '10rem',
234
238
  hintHasArrow: true,
235
239
  },
240
+ parameters: {
241
+ controls: {
242
+ exclude: ['chipType'],
243
+ },
244
+ },
236
245
  render: (args) => <StoryDemo {...args} />,
237
246
  };
238
247
 
@@ -288,6 +297,7 @@ export const Chips: StoryObj<StoryPropsChips> = {
288
297
  args: {
289
298
  ...Default.args,
290
299
  chips: ['1 value', '2 value', '3 value', '4 value'],
300
+ chipType: 'default',
291
301
  },
292
302
  render: (args) => <StoryChips {...args} />,
293
303
  };
@@ -103,6 +103,11 @@ 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
+ },
106
111
  },
107
112
  args: {
108
113
  target: 'textfield-like',
@@ -120,6 +125,7 @@ const meta: Meta<StorySelectProps> = {
120
125
  optional: false,
121
126
  required: false,
122
127
  requiredPlacement: 'right',
128
+ chipType: 'default',
123
129
  },
124
130
  parameters: {
125
131
  controls: {
@@ -143,6 +149,7 @@ const meta: Meta<StorySelectProps> = {
143
149
  'optional',
144
150
  'required',
145
151
  'requiredPlacement',
152
+ 'chipType',
146
153
  ],
147
154
  },
148
155
  },
@@ -381,7 +388,7 @@ const SingleStory = (args: StorySelectProps) => {
381
388
  export const Single: StoryObj<StorySelectProps> = {
382
389
  parameters: {
383
390
  controls: {
384
- exclude: ['chipView', 'isTargetAmount'],
391
+ exclude: ['chipView', 'isTargetAmount', 'chipType'],
385
392
  },
386
393
  },
387
394
  render: (args) => <SingleStory {...args} />,
@@ -134,6 +134,10 @@ 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
+ },
137
141
  },
138
142
  };
139
143
 
@@ -233,6 +237,11 @@ export const Default: StoryObj<StoryPropsDefault> = {
233
237
  hintWidth: '10rem',
234
238
  hintHasArrow: true,
235
239
  },
240
+ parameters: {
241
+ controls: {
242
+ exclude: ['chipType'],
243
+ },
244
+ },
236
245
  render: (args) => <StoryDemo {...args} />,
237
246
  };
238
247
 
@@ -288,6 +297,7 @@ export const Chips: StoryObj<StoryPropsChips> = {
288
297
  args: {
289
298
  ...Default.args,
290
299
  chips: ['1 value', '2 value', '3 value', '4 value'],
300
+ chipType: 'default',
291
301
  },
292
302
  render: (args) => <StoryChips {...args} />,
293
303
  };
@@ -1,5 +1,6 @@
1
1
  import type { InputHTMLAttributes, ReactNode } from 'react';
2
- import { TextFieldPropsBase, RequiredProps } from '../TextField/TextField.types';
2
+ import { DistributiveOmit } from '../../types';
3
+ import { TextFieldPropsBase } from '../TextField/TextField.types';
3
4
  export declare type SuggestionItemType = {
4
5
  /**
5
6
  * Метка-подпись к подсказке
@@ -84,5 +85,5 @@ export declare type BaseProps = {
84
85
  */
85
86
  renderListEnd?: () => ReactNode;
86
87
  };
87
- export declare type AutocompleteProps = BaseProps & RequiredProps & Omit<TextFieldPropsBase, 'chips' | 'onChangeChips' | 'enumerationType' | 'required' | 'optional' | 'requiredPlacement'> & Omit<InputHTMLAttributes<HTMLInputElement>, 'size' | 'required'>;
88
+ export declare type AutocompleteProps = BaseProps & DistributiveOmit<TextFieldPropsBase, 'chips' | 'onChangeChips' | 'enumerationType' | 'chipType'> & Omit<InputHTMLAttributes<HTMLInputElement>, 'size' | 'required'>;
88
89
  //# sourceMappingURL=Autocomplete.types.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"Autocomplete.types.d.ts","sourceRoot":"","sources":["../../../src/components/Autocomplete/Autocomplete.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE5D,OAAO,EAAE,kBAAkB,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAEjF,oBAAY,kBAAkB,GAAG;IAC7B;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB;;OAEG;IACH,YAAY,CAAC,EAAE,SAAS,CAAC;CAC5B,CAAC;AAEF,oBAAY,SAAS,GAAG;IACpB;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IAC/C;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,WAAW,CAAC,EAAE,kBAAkB,EAAE,CAAC;IACnC;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE,kBAAkB,KAAK,OAAO,CAAC;IAC/C;;OAEG;IACH,kBAAkB,CAAC,EAAE,CAAC,IAAI,EAAE,kBAAkB,KAAK,IAAI,CAAC;IACxD;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,OAAO,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IACxD;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,UAAU,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,kBAAkB,EAAE,KAAK,SAAS,CAAC;IACxD;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,SAAS,CAAC;CACnC,CAAC;AAEF,oBAAY,iBAAiB,GAAG,SAAS,GACrC,aAAa,GACb,IAAI,CACA,kBAAkB,EAClB,OAAO,GAAG,eAAe,GAAG,iBAAiB,GAAG,UAAU,GAAG,UAAU,GAAG,mBAAmB,CAChG,GACD,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,GAAG,UAAU,CAAC,CAAC"}
1
+ {"version":3,"file":"Autocomplete.types.d.ts","sourceRoot":"","sources":["../../../src/components/Autocomplete/Autocomplete.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE5D,OAAO,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAC/C,OAAO,EAAE,kBAAkB,EAAE,MAAM,8BAA8B,CAAC;AAElE,oBAAY,kBAAkB,GAAG;IAC7B;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB;;OAEG;IACH,YAAY,CAAC,EAAE,SAAS,CAAC;CAC5B,CAAC;AAEF,oBAAY,SAAS,GAAG;IACpB;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IAC/C;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,WAAW,CAAC,EAAE,kBAAkB,EAAE,CAAC;IACnC;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE,kBAAkB,KAAK,OAAO,CAAC;IAC/C;;OAEG;IACH,kBAAkB,CAAC,EAAE,CAAC,IAAI,EAAE,kBAAkB,KAAK,IAAI,CAAC;IACxD;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,OAAO,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IACxD;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,UAAU,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,kBAAkB,EAAE,KAAK,SAAS,CAAC;IACxD;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,SAAS,CAAC;CACnC,CAAC;AAEF,oBAAY,iBAAiB,GAAG,SAAS,GACrC,gBAAgB,CAAC,kBAAkB,EAAE,OAAO,GAAG,eAAe,GAAG,iBAAiB,GAAG,UAAU,CAAC,GAChG,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,GAAG,UAAU,CAAC,CAAC"}
@@ -38,6 +38,7 @@ export declare const StyledTextField: import("@linaria/react").StyledMeta & impo
38
38
  onChangeChips?: undefined;
39
39
  enumerationType?: "plain" | undefined;
40
40
  onSearch?: ((value: string, event?: import("react").KeyboardEvent<HTMLInputElement> | undefined) => void) | undefined;
41
+ chipType?: undefined;
41
42
  } & Omit<import("../../../..").InputHTMLAttributes<HTMLInputElement>, "required" | "size"> & import("react").RefAttributes<HTMLInputElement>) | ({
42
43
  size?: string | undefined;
43
44
  view?: string | undefined;
@@ -77,6 +78,7 @@ export declare const StyledTextField: import("@linaria/react").StyledMeta & impo
77
78
  onSearch?: undefined;
78
79
  chips?: import("../../../TextField/TextField.types").TextFieldPrimitiveValue[] | undefined;
79
80
  onChangeChips?: ((value: import("../../../TextField/TextField.types").TextFieldPrimitiveValue[]) => void) | undefined;
81
+ chipType?: "text" | "default" | undefined;
80
82
  } & Omit<import("../../../..").InputHTMLAttributes<HTMLInputElement>, "required" | "size"> & import("react").RefAttributes<HTMLInputElement>) | ({
81
83
  size?: string | undefined;
82
84
  view?: string | undefined;
@@ -116,6 +118,7 @@ export declare const StyledTextField: import("@linaria/react").StyledMeta & impo
116
118
  onChangeChips?: undefined;
117
119
  enumerationType?: "plain" | undefined;
118
120
  onSearch?: ((value: string, event?: import("react").KeyboardEvent<HTMLInputElement> | undefined) => void) | undefined;
121
+ chipType?: undefined;
119
122
  } & Omit<import("../../../..").InputHTMLAttributes<HTMLInputElement>, "required" | "size"> & import("react").RefAttributes<HTMLInputElement>) | ({
120
123
  size?: string | undefined;
121
124
  view?: string | undefined;
@@ -155,6 +158,7 @@ export declare const StyledTextField: import("@linaria/react").StyledMeta & impo
155
158
  onSearch?: undefined;
156
159
  chips?: import("../../../TextField/TextField.types").TextFieldPrimitiveValue[] | undefined;
157
160
  onChangeChips?: ((value: import("../../../TextField/TextField.types").TextFieldPrimitiveValue[]) => void) | undefined;
161
+ chipType?: "text" | "default" | undefined;
158
162
  } & Omit<import("../../../..").InputHTMLAttributes<HTMLInputElement>, "required" | "size"> & import("react").RefAttributes<HTMLInputElement>) | ({
159
163
  size?: string | undefined;
160
164
  view?: string | undefined;
@@ -194,6 +198,7 @@ export declare const StyledTextField: import("@linaria/react").StyledMeta & impo
194
198
  onChangeChips?: undefined;
195
199
  enumerationType?: "plain" | undefined;
196
200
  onSearch?: ((value: string, event?: import("react").KeyboardEvent<HTMLInputElement> | undefined) => void) | undefined;
201
+ chipType?: undefined;
197
202
  } & Omit<import("../../../..").InputHTMLAttributes<HTMLInputElement>, "required" | "size"> & import("react").RefAttributes<HTMLInputElement>) | ({
198
203
  size?: string | undefined;
199
204
  view?: string | undefined;
@@ -233,6 +238,7 @@ export declare const StyledTextField: import("@linaria/react").StyledMeta & impo
233
238
  onSearch?: undefined;
234
239
  chips?: import("../../../TextField/TextField.types").TextFieldPrimitiveValue[] | undefined;
235
240
  onChangeChips?: ((value: import("../../../TextField/TextField.types").TextFieldPrimitiveValue[]) => void) | undefined;
241
+ chipType?: "text" | "default" | undefined;
236
242
  } & Omit<import("../../../..").InputHTMLAttributes<HTMLInputElement>, "required" | "size"> & import("react").RefAttributes<HTMLInputElement>) | ({
237
243
  size?: string | undefined;
238
244
  view?: string | undefined;
@@ -272,6 +278,7 @@ export declare const StyledTextField: import("@linaria/react").StyledMeta & impo
272
278
  onChangeChips?: undefined;
273
279
  enumerationType?: "plain" | undefined;
274
280
  onSearch?: ((value: string, event?: import("react").KeyboardEvent<HTMLInputElement> | undefined) => void) | undefined;
281
+ chipType?: undefined;
275
282
  } & Omit<import("../../../..").InputHTMLAttributes<HTMLInputElement>, "required" | "size"> & import("react").RefAttributes<HTMLInputElement>) | ({
276
283
  size?: string | undefined;
277
284
  view?: string | undefined;
@@ -311,6 +318,7 @@ export declare const StyledTextField: import("@linaria/react").StyledMeta & impo
311
318
  onSearch?: undefined;
312
319
  chips?: import("../../../TextField/TextField.types").TextFieldPrimitiveValue[] | undefined;
313
320
  onChangeChips?: ((value: import("../../../TextField/TextField.types").TextFieldPrimitiveValue[]) => void) | undefined;
321
+ chipType?: "text" | "default" | undefined;
314
322
  } & Omit<import("../../../..").InputHTMLAttributes<HTMLInputElement>, "required" | "size"> & import("react").RefAttributes<HTMLInputElement>) | ({
315
323
  size?: string | undefined;
316
324
  view?: string | undefined;
@@ -350,6 +358,7 @@ export declare const StyledTextField: import("@linaria/react").StyledMeta & impo
350
358
  onChangeChips?: undefined;
351
359
  enumerationType?: "plain" | undefined;
352
360
  onSearch?: ((value: string, event?: import("react").KeyboardEvent<HTMLInputElement> | undefined) => void) | undefined;
361
+ chipType?: undefined;
353
362
  } & Omit<import("../../../..").InputHTMLAttributes<HTMLInputElement>, "required" | "size"> & import("react").RefAttributes<HTMLInputElement>) | ({
354
363
  size?: string | undefined;
355
364
  view?: string | undefined;
@@ -389,6 +398,7 @@ export declare const StyledTextField: import("@linaria/react").StyledMeta & impo
389
398
  onSearch?: undefined;
390
399
  chips?: import("../../../TextField/TextField.types").TextFieldPrimitiveValue[] | undefined;
391
400
  onChangeChips?: ((value: import("../../../TextField/TextField.types").TextFieldPrimitiveValue[]) => void) | undefined;
401
+ chipType?: "text" | "default" | undefined;
392
402
  } & Omit<import("../../../..").InputHTMLAttributes<HTMLInputElement>, "required" | "size"> & import("react").RefAttributes<HTMLInputElement>) | ({
393
403
  size?: string | undefined;
394
404
  view?: string | undefined;
@@ -428,6 +438,7 @@ export declare const StyledTextField: import("@linaria/react").StyledMeta & impo
428
438
  onChangeChips?: undefined;
429
439
  enumerationType?: "plain" | undefined;
430
440
  onSearch?: ((value: string, event?: import("react").KeyboardEvent<HTMLInputElement> | undefined) => void) | undefined;
441
+ chipType?: undefined;
431
442
  } & Omit<import("../../../..").InputHTMLAttributes<HTMLInputElement>, "required" | "size"> & import("react").RefAttributes<HTMLInputElement>) | ({
432
443
  size?: string | undefined;
433
444
  view?: string | undefined;
@@ -467,6 +478,7 @@ export declare const StyledTextField: import("@linaria/react").StyledMeta & impo
467
478
  onSearch?: undefined;
468
479
  chips?: import("../../../TextField/TextField.types").TextFieldPrimitiveValue[] | undefined;
469
480
  onChangeChips?: ((value: import("../../../TextField/TextField.types").TextFieldPrimitiveValue[]) => void) | undefined;
481
+ chipType?: "text" | "default" | undefined;
470
482
  } & Omit<import("../../../..").InputHTMLAttributes<HTMLInputElement>, "required" | "size"> & import("react").RefAttributes<HTMLInputElement>) | ({
471
483
  size?: string | undefined;
472
484
  view?: string | undefined;
@@ -506,6 +518,7 @@ export declare const StyledTextField: import("@linaria/react").StyledMeta & impo
506
518
  onChangeChips?: undefined;
507
519
  enumerationType?: "plain" | undefined;
508
520
  onSearch?: ((value: string, event?: import("react").KeyboardEvent<HTMLInputElement> | undefined) => void) | undefined;
521
+ chipType?: undefined;
509
522
  } & Omit<import("../../../..").InputHTMLAttributes<HTMLInputElement>, "required" | "size"> & import("react").RefAttributes<HTMLInputElement>) | ({
510
523
  size?: string | undefined;
511
524
  view?: string | undefined;
@@ -545,6 +558,7 @@ export declare const StyledTextField: import("@linaria/react").StyledMeta & impo
545
558
  onSearch?: undefined;
546
559
  chips?: import("../../../TextField/TextField.types").TextFieldPrimitiveValue[] | undefined;
547
560
  onChangeChips?: ((value: import("../../../TextField/TextField.types").TextFieldPrimitiveValue[]) => void) | undefined;
561
+ chipType?: "text" | "default" | undefined;
548
562
  } & Omit<import("../../../..").InputHTMLAttributes<HTMLInputElement>, "required" | "size"> & import("react").RefAttributes<HTMLInputElement>) | ({
549
563
  size?: string | undefined;
550
564
  view?: string | undefined;
@@ -584,6 +598,7 @@ export declare const StyledTextField: import("@linaria/react").StyledMeta & impo
584
598
  onChangeChips?: undefined;
585
599
  enumerationType?: "plain" | undefined;
586
600
  onSearch?: ((value: string, event?: import("react").KeyboardEvent<HTMLInputElement> | undefined) => void) | undefined;
601
+ chipType?: undefined;
587
602
  } & Omit<import("../../../..").InputHTMLAttributes<HTMLInputElement>, "required" | "size"> & import("react").RefAttributes<HTMLInputElement>) | ({
588
603
  size?: string | undefined;
589
604
  view?: string | undefined;
@@ -623,5 +638,6 @@ export declare const StyledTextField: import("@linaria/react").StyledMeta & impo
623
638
  onSearch?: undefined;
624
639
  chips?: import("../../../TextField/TextField.types").TextFieldPrimitiveValue[] | undefined;
625
640
  onChangeChips?: ((value: import("../../../TextField/TextField.types").TextFieldPrimitiveValue[]) => void) | undefined;
641
+ chipType?: "text" | "default" | undefined;
626
642
  } & Omit<import("../../../..").InputHTMLAttributes<HTMLInputElement>, "required" | "size"> & import("react").RefAttributes<HTMLInputElement>))>;
627
643
  //# sourceMappingURL=TextField.styles.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"TextField.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/Autocomplete/ui/TextField/TextField.styles.ts"],"names":[],"mappings":";AASA,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+IAoF3B,CAAC"}
1
+ {"version":3,"file":"TextField.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/Autocomplete/ui/TextField/TextField.styles.ts"],"names":[],"mappings":";AASA,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+IAoF3B,CAAC"}