@salutejs/plasma-new-hope 0.166.0-canary.1392.11342835439.0 → 0.166.0-canary.1392.11347585113.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (81) hide show
  1. package/cjs/components/Attach/Attach.js +17 -8
  2. package/cjs/components/Attach/Attach.js.map +1 -1
  3. package/cjs/components/Combobox/ComboboxNew/utils/filterItems.js +4 -5
  4. package/cjs/components/Combobox/ComboboxNew/utils/filterItems.js.map +1 -1
  5. package/cjs/components/Segment/ui/SegmentGroup/SegmentGroup.css +8 -8
  6. package/cjs/components/Segment/ui/SegmentGroup/SegmentGroup.styles.js +9 -9
  7. package/cjs/components/Segment/ui/SegmentGroup/SegmentGroup.styles.js.map +1 -1
  8. package/cjs/components/Segment/ui/SegmentGroup/{SegmentGroup.styles_1tb4sy2.css → SegmentGroup.styles_zqao76.css} +1 -1
  9. package/cjs/index.css +8 -8
  10. package/emotion/cjs/components/Attach/Attach.js +17 -8
  11. package/emotion/cjs/components/Attach/Attach.template-doc.mdx +69 -0
  12. package/emotion/cjs/components/Combobox/ComboboxNew/utils/filterItems.js +4 -5
  13. package/emotion/cjs/components/Segment/Segment.template-doc.mdx +47 -4
  14. package/emotion/cjs/components/Segment/ui/SegmentGroup/SegmentGroup.styles.js +8 -8
  15. package/emotion/cjs/examples/plasma_b2c/components/Combobox/Combobox.js +2 -1
  16. package/emotion/cjs/examples/plasma_b2c/components/Combobox/Combobox.stories.tsx +0 -2
  17. package/emotion/cjs/examples/plasma_b2c/components/Toast/Toast.config.js +5 -5
  18. package/emotion/cjs/examples/plasma_web/components/Combobox/Combobox.js +2 -1
  19. package/emotion/cjs/examples/plasma_web/components/Combobox/Combobox.stories.tsx +0 -2
  20. package/emotion/cjs/examples/plasma_web/components/Toast/Toast.config.js +5 -5
  21. package/emotion/es/components/Attach/Attach.js +17 -8
  22. package/emotion/es/components/Attach/Attach.template-doc.mdx +69 -0
  23. package/emotion/es/components/Combobox/ComboboxNew/utils/filterItems.js +4 -5
  24. package/emotion/es/components/Segment/Segment.template-doc.mdx +47 -4
  25. package/emotion/es/components/Segment/ui/SegmentGroup/SegmentGroup.styles.js +8 -8
  26. package/emotion/es/examples/plasma_b2c/components/Combobox/Combobox.js +2 -1
  27. package/emotion/es/examples/plasma_b2c/components/Combobox/Combobox.stories.tsx +0 -2
  28. package/emotion/es/examples/plasma_b2c/components/Toast/Toast.config.js +5 -5
  29. package/emotion/es/examples/plasma_web/components/Combobox/Combobox.js +2 -1
  30. package/emotion/es/examples/plasma_web/components/Combobox/Combobox.stories.tsx +0 -2
  31. package/emotion/es/examples/plasma_web/components/Toast/Toast.config.js +5 -5
  32. package/es/components/Attach/Attach.js +17 -8
  33. package/es/components/Attach/Attach.js.map +1 -1
  34. package/es/components/Combobox/ComboboxNew/utils/filterItems.js +4 -5
  35. package/es/components/Combobox/ComboboxNew/utils/filterItems.js.map +1 -1
  36. package/es/components/Segment/ui/SegmentGroup/SegmentGroup.css +8 -8
  37. package/es/components/Segment/ui/SegmentGroup/SegmentGroup.styles.js +9 -9
  38. package/es/components/Segment/ui/SegmentGroup/SegmentGroup.styles.js.map +1 -1
  39. package/es/components/Segment/ui/SegmentGroup/{SegmentGroup.styles_1tb4sy2.css → SegmentGroup.styles_zqao76.css} +1 -1
  40. package/es/index.css +8 -8
  41. package/package.json +2 -2
  42. package/styled-components/cjs/components/Attach/Attach.js +17 -8
  43. package/styled-components/cjs/components/Attach/Attach.template-doc.mdx +69 -0
  44. package/styled-components/cjs/components/Combobox/ComboboxNew/utils/filterItems.js +4 -5
  45. package/styled-components/cjs/components/Segment/Segment.template-doc.mdx +47 -4
  46. package/styled-components/cjs/components/Segment/ui/SegmentGroup/SegmentGroup.styles.js +1 -1
  47. package/styled-components/cjs/examples/plasma_b2c/components/Combobox/Combobox.js +2 -1
  48. package/styled-components/cjs/examples/plasma_b2c/components/Combobox/Combobox.stories.tsx +0 -2
  49. package/styled-components/cjs/examples/plasma_b2c/components/Toast/Toast.config.js +1 -1
  50. package/styled-components/cjs/examples/plasma_web/components/Combobox/Combobox.js +2 -1
  51. package/styled-components/cjs/examples/plasma_web/components/Combobox/Combobox.stories.tsx +0 -2
  52. package/styled-components/cjs/examples/plasma_web/components/Toast/Toast.config.js +1 -1
  53. package/styled-components/es/components/Attach/Attach.js +17 -8
  54. package/styled-components/es/components/Attach/Attach.template-doc.mdx +69 -0
  55. package/styled-components/es/components/Combobox/ComboboxNew/utils/filterItems.js +4 -5
  56. package/styled-components/es/components/Segment/Segment.template-doc.mdx +47 -4
  57. package/styled-components/es/components/Segment/ui/SegmentGroup/SegmentGroup.styles.js +1 -1
  58. package/styled-components/es/examples/plasma_b2c/components/Combobox/Combobox.js +2 -1
  59. package/styled-components/es/examples/plasma_b2c/components/Combobox/Combobox.stories.tsx +0 -2
  60. package/styled-components/es/examples/plasma_b2c/components/Toast/Toast.config.js +1 -1
  61. package/styled-components/es/examples/plasma_web/components/Combobox/Combobox.js +2 -1
  62. package/styled-components/es/examples/plasma_web/components/Combobox/Combobox.stories.tsx +0 -2
  63. package/styled-components/es/examples/plasma_web/components/Toast/Toast.config.js +1 -1
  64. package/types/components/Attach/Attach.d.ts.map +1 -1
  65. package/types/components/Attach/Attach.types.d.ts +4 -0
  66. package/types/components/Attach/Attach.types.d.ts.map +1 -1
  67. package/types/components/Combobox/ComboboxNew/Combobox.d.ts +2 -2
  68. package/types/components/Combobox/ComboboxNew/Combobox.d.ts.map +1 -1
  69. package/types/components/Combobox/ComboboxNew/Combobox.types.d.ts +6 -7
  70. package/types/components/Combobox/ComboboxNew/Combobox.types.d.ts.map +1 -1
  71. package/types/components/Combobox/ComboboxNew/index.d.ts +2 -0
  72. package/types/components/Combobox/ComboboxNew/index.d.ts.map +1 -1
  73. package/types/components/Combobox/ComboboxNew/utils/filterItems.d.ts +2 -2
  74. package/types/components/Combobox/ComboboxNew/utils/filterItems.d.ts.map +1 -1
  75. package/types/components/Combobox/index.d.ts +1 -0
  76. package/types/components/Combobox/index.d.ts.map +1 -1
  77. package/types/components/Segment/ui/SegmentGroup/SegmentGroup.styles.d.ts.map +1 -1
  78. package/types/examples/plasma_b2c/components/Combobox/Combobox.d.ts +332 -8
  79. package/types/examples/plasma_b2c/components/Combobox/Combobox.d.ts.map +1 -1
  80. package/types/examples/plasma_web/components/Combobox/Combobox.d.ts +332 -8
  81. package/types/examples/plasma_web/components/Combobox/Combobox.d.ts.map +1 -1
@@ -8,4 +8,5 @@ var _engines = /*#__PURE__*/require("../../../../engines");
8
8
  var _ = /*#__PURE__*/require("../../../..");
9
9
  var _Combobox = /*#__PURE__*/require("./Combobox.config");
10
10
  var mergedConfig = /*#__PURE__*/(0, _engines.mergeConfig)(_.comboboxNewConfig, _Combobox.config);
11
- var Combobox = exports.Combobox = /*#__PURE__*/(0, _engines.component)(mergedConfig);
11
+ var ComboboxComponent = /*#__PURE__*/(0, _engines.component)(mergedConfig);
12
+ var Combobox = exports.Combobox = ComboboxComponent;
@@ -332,7 +332,6 @@ const SingleStory = (args: StorySelectProps) => {
332
332
  value={value}
333
333
  onChange={setValue}
334
334
  contentLeft={args.enableContentLeft ? <IconDone size="s" /> : undefined}
335
- autoComplete="off"
336
335
  />
337
336
  </div>
338
337
  );
@@ -362,7 +361,6 @@ const MultipleStory = (args: StorySelectProps) => {
362
361
  value={value}
363
362
  onChange={setValue}
364
363
  contentLeft={args.enableContentLeft ? <IconDone size="s" /> : undefined}
365
- autoComplete="off"
366
364
  />
367
365
  </div>
368
366
  );
@@ -14,7 +14,7 @@ var config = exports.config = {
14
14
  variations: {
15
15
  view: {
16
16
  "default": /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-primary);", ":var(--surface-solid-card-brightness);", ":var(--text-secondary);", ":var(--text-secondary);"], _Toast.toastTokens.color, _Toast.toastTokens.background, _Toast.toastTokens.closeIconColor, _Toast.toastTokens.closeIconColorOnHover),
17
- dark: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--on-dark-text-primary);", ":var(--on-dark-surface-solid-brightness);", ":var(--on-dark-text-secondary);", ":var(--on-dark-text-secondary);"], _Toast.toastTokens.color, _Toast.toastTokens.background, _Toast.toastTokens.closeIconColor, _Toast.toastTokens.closeIconColorOnHover),
17
+ dark: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--on-dark-text-primary);", ":var(--on-dark-surface-solid-primary-brightness);", ":var(--on-dark-text-secondary);", ":var(--on-dark-text-secondary);"], _Toast.toastTokens.color, _Toast.toastTokens.background, _Toast.toastTokens.closeIconColor, _Toast.toastTokens.closeIconColorOnHover),
18
18
  light: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--on-light-text-primary);", ":var(--on-light-surface-solid-primary-brightness);", ":var(--on-light-text-secondary);", ":var(--on-light-text-secondary);"], _Toast.toastTokens.color, _Toast.toastTokens.background, _Toast.toastTokens.closeIconColor, _Toast.toastTokens.closeIconColorOnHover)
19
19
  },
20
20
  size: {
@@ -8,4 +8,5 @@ var _engines = /*#__PURE__*/require("../../../../engines");
8
8
  var _ = /*#__PURE__*/require("../../../..");
9
9
  var _Combobox = /*#__PURE__*/require("./Combobox.config");
10
10
  var mergedConfig = /*#__PURE__*/(0, _engines.mergeConfig)(_.comboboxNewConfig, _Combobox.config);
11
- var Combobox = exports.Combobox = /*#__PURE__*/(0, _engines.component)(mergedConfig);
11
+ var ComboboxComponent = /*#__PURE__*/(0, _engines.component)(mergedConfig);
12
+ var Combobox = exports.Combobox = ComboboxComponent;
@@ -332,7 +332,6 @@ const SingleStory = (args: StorySelectProps) => {
332
332
  value={value}
333
333
  onChange={setValue}
334
334
  contentLeft={args.enableContentLeft ? <IconDone size="s" /> : undefined}
335
- autoComplete="off"
336
335
  />
337
336
  </div>
338
337
  );
@@ -362,7 +361,6 @@ const MultipleStory = (args: StorySelectProps) => {
362
361
  value={value}
363
362
  onChange={setValue}
364
363
  contentLeft={args.enableContentLeft ? <IconDone size="s" /> : undefined}
365
- autoComplete="off"
366
364
  />
367
365
  </div>
368
366
  );
@@ -14,7 +14,7 @@ var config = exports.config = {
14
14
  variations: {
15
15
  view: {
16
16
  "default": /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-primary);", ":var(--surface-solid-card-brightness);", ":var(--text-secondary);", ":var(--text-secondary);"], _Toast.toastTokens.color, _Toast.toastTokens.background, _Toast.toastTokens.closeIconColor, _Toast.toastTokens.closeIconColorOnHover),
17
- dark: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--on-dark-text-primary);", ":var(--on-dark-surface-solid-brightness);", ":var(--on-dark-text-secondary);", ":var(--on-dark-text-secondary);"], _Toast.toastTokens.color, _Toast.toastTokens.background, _Toast.toastTokens.closeIconColor, _Toast.toastTokens.closeIconColorOnHover),
17
+ dark: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--on-dark-text-primary);", ":var(--on-dark-surface-solid-primary-brightness);", ":var(--on-dark-text-secondary);", ":var(--on-dark-text-secondary);"], _Toast.toastTokens.color, _Toast.toastTokens.background, _Toast.toastTokens.closeIconColor, _Toast.toastTokens.closeIconColorOnHover),
18
18
  light: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--on-light-text-primary);", ":var(--on-light-surface-solid-primary-brightness);", ":var(--on-light-text-secondary);", ":var(--on-light-text-secondary);"], _Toast.toastTokens.color, _Toast.toastTokens.background, _Toast.toastTokens.closeIconColor, _Toast.toastTokens.closeIconColorOnHover)
19
19
  },
20
20
  size: {
@@ -1,5 +1,5 @@
1
1
  var _IconCloseCircleOutli;
2
- var _excluded = ["flow", "buttonType", "hasAttachment", "acceptedFileFormats", "size", "view", "className", "style", "isLoading", "disabled"];
2
+ var _excluded = ["flow", "buttonType", "hasAttachment", "acceptedFileFormats", "size", "view", "className", "style", "isLoading", "disabled", "id", "name", "onChange", "onClear"];
3
3
  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); }
4
4
  function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
5
5
  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."); }
@@ -36,6 +36,10 @@ export var attachRoot = function attachRoot(Root) {
36
36
  style = props.style,
37
37
  isLoading = props.isLoading,
38
38
  disabled = props.disabled,
39
+ id = props.id,
40
+ name = props.name,
41
+ onChange = props.onChange,
42
+ onClear = props.onClear,
39
43
  rest = _objectWithoutProperties(props, _excluded);
40
44
  var innerRef = useRef(null);
41
45
  var ref = useForkRef(outerRef, innerRef);
@@ -104,16 +108,22 @@ export var attachRoot = function attachRoot(Root) {
104
108
  }
105
109
  inputRef.current.click();
106
110
  };
107
- var handleChange = function handleChange() {
108
- if (!inputRef.current || !inputRef.current.files) {
111
+ var handleChange = function handleChange(e) {
112
+ if (!e.target.files) {
109
113
  return;
110
114
  }
111
- setFilename(inputRef.current.files[0].name);
115
+ if (onChange) {
116
+ onChange(e);
117
+ }
118
+ setFilename(e.target.files[0].name);
112
119
  };
113
120
  var handleClear = function handleClear() {
114
121
  if (!inputRef.current) {
115
122
  return;
116
123
  }
124
+ if (onClear) {
125
+ onClear();
126
+ }
117
127
  inputRef.current.value = '';
118
128
  setFilename('');
119
129
  setTruncatedFilename('');
@@ -128,12 +138,11 @@ export var attachRoot = function attachRoot(Root) {
128
138
  ref: inputRef,
129
139
  accept: accept,
130
140
  type: "file",
131
- id: "attachHiddenInput",
132
- name: "attachHiddenInput",
141
+ id: id,
142
+ name: name,
133
143
  onChange: handleChange
134
144
  }), /*#__PURE__*/React.createElement(StyledHiddenInputHelper, {
135
- ref: inputHelperRef,
136
- id: "attachHiddenInputHelper"
145
+ ref: inputHelperRef
137
146
  }, filename), /*#__PURE__*/React.createElement(AttachButton, _extends({
138
147
  buttonType: buttonType,
139
148
  view: view,
@@ -61,3 +61,72 @@ export function App() {
61
61
  );
62
62
  }
63
63
  ```
64
+
65
+ ### Пример использования в форме
66
+
67
+ ```tsx live
68
+ import React, { useState } from 'react';
69
+ import { Attach, Button } from '@salutejs/{{ package }}';
70
+
71
+ function App() {
72
+ const ids = ['0', '1', '2'];
73
+ const [isLoading, setIsLoading] = useState(false);
74
+ const [attachedFiles, setAttachedFiles] = useState([]);
75
+
76
+ const handleAttachFile = (e) => {
77
+ setAttachedFiles((prevAttachedFiles) => [
78
+ ...prevAttachedFiles,
79
+ {
80
+ fileData: e.target.files[0],
81
+ id: e.target.id,
82
+ },
83
+ ]);
84
+ };
85
+
86
+ const handleAttachClear = (id) => {
87
+ setAttachedFiles(attachedFiles.filter((file) => file.id !== id));
88
+ };
89
+
90
+ const handleSubmit = (e) => {
91
+ e.preventDefault();
92
+ setIsLoading(true);
93
+
94
+ const formData = new FormData(e.target);
95
+ console.log('formData', Object.fromEntries(formData));
96
+
97
+ setTimeout(() => {
98
+ setAttachedFiles([]);
99
+ setIsLoading(false);
100
+ }, 2000);
101
+ };
102
+
103
+ return (
104
+ <>
105
+ <span>{isLoading ? 'Форма отправляется' : 'Прикрепленные файлы:'}</span>
106
+ {!isLoading && attachedFiles.length > 0 && (
107
+ <div style=\{{ display: 'flex', flexDirection: 'column', gap: '0px' }}>
108
+ {attachedFiles.map((file) => (
109
+ <span>{file.fileData.name}</span>
110
+ ))}
111
+ </div>
112
+ )}
113
+
114
+ {!isLoading && (
115
+ <form onSubmit={handleSubmit} style=\{{ display: 'flex', flexDirection: 'column', gap: '30px' }}>
116
+ {ids.map((id) => (
117
+ <Attach
118
+ id={id}
119
+ name={`attach${id}`}
120
+ text={`Загрузить файл ${id}`}
121
+ onChange={handleAttachFile}
122
+ onClear={() => handleAttachClear(id)}
123
+ />
124
+ ))}
125
+
126
+ <Button type="submit">Отправить</Button>
127
+ </form>
128
+ )}
129
+ </>
130
+ );
131
+ }
132
+ ```
@@ -13,15 +13,15 @@ function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e
13
13
  // Не мутирует исходные данные.
14
14
  export var filterItems = function filterItems(items, textValue, currentLabel, customFilter) {
15
15
  if (!textValue || textValue === currentLabel) return items;
16
- var defaultFilter = function defaultFilter(label, value) {
17
- return label.toLowerCase().includes(value.toLowerCase());
16
+ var defaultFilter = function defaultFilter(item, value) {
17
+ return item.label.toLowerCase().includes(value.toLowerCase());
18
18
  };
19
19
  var filter = customFilter || defaultFilter;
20
20
  var dfs = function dfs(items) {
21
21
  var newItems = [];
22
22
  items.forEach(function (item) {
23
23
  if (item.items) {
24
- if (filter(item.label, textValue)) {
24
+ if (filter(item, textValue)) {
25
25
  newItems.push(item);
26
26
  return;
27
27
  }
@@ -31,12 +31,11 @@ export var filterItems = function filterItems(items, textValue, currentLabel, cu
31
31
  items: res
32
32
  }));
33
33
  }
34
- } else if (filter(item.label, textValue)) {
34
+ } else if (filter(item, textValue)) {
35
35
  newItems.push(item);
36
36
  }
37
37
  });
38
38
  return newItems;
39
39
  };
40
- dfs(items);
41
40
  return dfs(items);
42
41
  };
@@ -27,7 +27,7 @@ import { PropsTable, Description } from '@site/src/components';
27
27
  ### Выбранные по умолчанию SegmentItem
28
28
 
29
29
  Можно задать выбранные по умолчанию сегменты с помощью свойства `defaultSelected`.
30
- Оно передается в `SegmentProvider`, в виде массива `value` элеметов.
30
+ Оно передается в `SegmentProvider`, в виде массива `value` элементов.
31
31
 
32
32
  ```tsx live
33
33
  import React from 'react';
@@ -41,8 +41,9 @@ export function App() {
41
41
 
42
42
  return (
43
43
  <>
44
- <div>Выбранные элементы: {selectedSegmentItems.join(', ')}</div>
45
- <SegmentGroup hasBackground pilled>
44
+ <div>Выбранный элемент: {selectedSegmentItems.join(', ')}</div>
45
+ <br />
46
+ <SegmentGroup hasBackground pilled clip={false}>
46
47
  {items.map((_, i) => (
47
48
  <SegmentItem
48
49
  label={`Label ${i}`}
@@ -58,7 +59,49 @@ export function App() {
58
59
  }
59
60
 
60
61
  return (
61
- <div style=\{{ display: "block" }} >
62
+ <div style={{ display: "block" }} >
63
+ <SegmentProvider defaultSelected={['label_1']}>
64
+ <SegmentTemplate/>
65
+ </SegmentProvider>
66
+ </div>
67
+ );
68
+ }
69
+ ```
70
+
71
+ ### Вертикальное отображение
72
+
73
+ Для смены ориентации передаем `orientation: 'vertical'`
74
+
75
+ ```tsx live
76
+ import React from 'react';
77
+ import { SegmentGroup, SegmentItem, SegmentProvider, useSegment } from '@salutejs/{{ package }}';
78
+
79
+ export function App() {
80
+ const items = Array(8).fill(0);
81
+
82
+ const SegmentTemplate = () => {
83
+ const {selectedSegmentItems} = useSegment();
84
+
85
+ return (
86
+ <>
87
+ <div>Выбранный элемент: {selectedSegmentItems.join(', ')}</div>
88
+ <br />
89
+ <SegmentGroup hasBackground clip={false}>
90
+ {items.map((_, i) => (
91
+ <SegmentItem
92
+ label={`Label ${i}`}
93
+ value={`label_${i}`}
94
+ key={`label_${i}`}
95
+ view='secondary'
96
+ />
97
+ ))}
98
+ </SegmentGroup>
99
+ </>
100
+ )
101
+ }
102
+
103
+ return (
104
+ <div style={{ display: "block" }} >
62
105
  <SegmentProvider defaultSelected={['label_1']}>
63
106
  <SegmentTemplate/>
64
107
  </SegmentProvider>
@@ -4,7 +4,7 @@ import { css } from 'styled-components';
4
4
  import styled from 'styled-components';
5
5
  import { addFocus } from '../../../../mixins';
6
6
  import { classes, tokens } from '../../tokens';
7
- export var base = /*#__PURE__*/css(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n display: inline-flex;\n align-items: center;\n max-width: 100%;\n\n &:before {\n border-radius: var(", ");\n }\n"])), tokens.groupBorderRadius);
7
+ export var base = /*#__PURE__*/css(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n display: inline-flex;\n align-items: center;\n max-width: 100%;\n\n &.", " {\n max-width: none;\n max-height: 100%;\n }\n\n &:before {\n border-radius: var(", ");\n }\n"])), classes.segmentVertical, tokens.groupBorderRadius);
8
8
  export var StyledContent = /*#__PURE__*/styled.div.withConfig({
9
9
  componentId: "plasma-new-hope__sc-1kj8wok-0"
10
10
  })(["display:inline-flex;flex-direction:row;align-items:center;max-width:100%;"]);
@@ -2,5 +2,6 @@ import { component, mergeConfig } from '../../../../engines';
2
2
  import { comboboxNewConfig } from '../../../..';
3
3
  import { config } from './Combobox.config';
4
4
  var mergedConfig = /*#__PURE__*/mergeConfig(comboboxNewConfig, config);
5
- var Combobox = /*#__PURE__*/component(mergedConfig);
5
+ var ComboboxComponent = /*#__PURE__*/component(mergedConfig);
6
+ var Combobox = ComboboxComponent;
6
7
  export { Combobox };
@@ -332,7 +332,6 @@ const SingleStory = (args: StorySelectProps) => {
332
332
  value={value}
333
333
  onChange={setValue}
334
334
  contentLeft={args.enableContentLeft ? <IconDone size="s" /> : undefined}
335
- autoComplete="off"
336
335
  />
337
336
  </div>
338
337
  );
@@ -362,7 +361,6 @@ const MultipleStory = (args: StorySelectProps) => {
362
361
  value={value}
363
362
  onChange={setValue}
364
363
  contentLeft={args.enableContentLeft ? <IconDone size="s" /> : undefined}
365
- autoComplete="off"
366
364
  />
367
365
  </div>
368
366
  );
@@ -8,7 +8,7 @@ export var config = {
8
8
  variations: {
9
9
  view: {
10
10
  "default": /*#__PURE__*/css(["", ":var(--text-primary);", ":var(--surface-solid-card-brightness);", ":var(--text-secondary);", ":var(--text-secondary);"], toastTokens.color, toastTokens.background, toastTokens.closeIconColor, toastTokens.closeIconColorOnHover),
11
- dark: /*#__PURE__*/css(["", ":var(--on-dark-text-primary);", ":var(--on-dark-surface-solid-brightness);", ":var(--on-dark-text-secondary);", ":var(--on-dark-text-secondary);"], toastTokens.color, toastTokens.background, toastTokens.closeIconColor, toastTokens.closeIconColorOnHover),
11
+ dark: /*#__PURE__*/css(["", ":var(--on-dark-text-primary);", ":var(--on-dark-surface-solid-primary-brightness);", ":var(--on-dark-text-secondary);", ":var(--on-dark-text-secondary);"], toastTokens.color, toastTokens.background, toastTokens.closeIconColor, toastTokens.closeIconColorOnHover),
12
12
  light: /*#__PURE__*/css(["", ":var(--on-light-text-primary);", ":var(--on-light-surface-solid-primary-brightness);", ":var(--on-light-text-secondary);", ":var(--on-light-text-secondary);"], toastTokens.color, toastTokens.background, toastTokens.closeIconColor, toastTokens.closeIconColorOnHover)
13
13
  },
14
14
  size: {
@@ -2,5 +2,6 @@ import { component, mergeConfig } from '../../../../engines';
2
2
  import { comboboxNewConfig } from '../../../..';
3
3
  import { config } from './Combobox.config';
4
4
  var mergedConfig = /*#__PURE__*/mergeConfig(comboboxNewConfig, config);
5
- var Combobox = /*#__PURE__*/component(mergedConfig);
5
+ var ComboboxComponent = /*#__PURE__*/component(mergedConfig);
6
+ var Combobox = ComboboxComponent;
6
7
  export { Combobox };
@@ -332,7 +332,6 @@ const SingleStory = (args: StorySelectProps) => {
332
332
  value={value}
333
333
  onChange={setValue}
334
334
  contentLeft={args.enableContentLeft ? <IconDone size="s" /> : undefined}
335
- autoComplete="off"
336
335
  />
337
336
  </div>
338
337
  );
@@ -362,7 +361,6 @@ const MultipleStory = (args: StorySelectProps) => {
362
361
  value={value}
363
362
  onChange={setValue}
364
363
  contentLeft={args.enableContentLeft ? <IconDone size="s" /> : undefined}
365
- autoComplete="off"
366
364
  />
367
365
  </div>
368
366
  );
@@ -8,7 +8,7 @@ export var config = {
8
8
  variations: {
9
9
  view: {
10
10
  "default": /*#__PURE__*/css(["", ":var(--text-primary);", ":var(--surface-solid-card-brightness);", ":var(--text-secondary);", ":var(--text-secondary);"], toastTokens.color, toastTokens.background, toastTokens.closeIconColor, toastTokens.closeIconColorOnHover),
11
- dark: /*#__PURE__*/css(["", ":var(--on-dark-text-primary);", ":var(--on-dark-surface-solid-brightness);", ":var(--on-dark-text-secondary);", ":var(--on-dark-text-secondary);"], toastTokens.color, toastTokens.background, toastTokens.closeIconColor, toastTokens.closeIconColorOnHover),
11
+ dark: /*#__PURE__*/css(["", ":var(--on-dark-text-primary);", ":var(--on-dark-surface-solid-primary-brightness);", ":var(--on-dark-text-secondary);", ":var(--on-dark-text-secondary);"], toastTokens.color, toastTokens.background, toastTokens.closeIconColor, toastTokens.closeIconColorOnHover),
12
12
  light: /*#__PURE__*/css(["", ":var(--on-light-text-primary);", ":var(--on-light-surface-solid-primary-brightness);", ":var(--on-light-text-secondary);", ":var(--on-light-text-secondary);"], toastTokens.color, toastTokens.background, toastTokens.closeIconColor, toastTokens.closeIconColorOnHover)
13
13
  },
14
14
  size: {
@@ -1 +1 @@
1
- {"version":3,"file":"Attach.d.ts","sourceRoot":"","sources":["../../../src/components/Attach/Attach.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkD,MAAM,OAAO,CAAC;AAGvE,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAI1C,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAU7C,eAAO,MAAM,UAAU,SAAU,UAAU,cAAc,EAAE,WAAW,CAAC,uFAqKjE,CAAC;AAEP,eAAO,MAAM,YAAY;;;mBAvKQ,UAAU,cAAc,EAAE,WAAW,CAAC;;;;;;;;;;;;;;CAwLtE,CAAC"}
1
+ {"version":3,"file":"Attach.d.ts","sourceRoot":"","sources":["../../../src/components/Attach/Attach.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkD,MAAM,OAAO,CAAC;AAIvE,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAI1C,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAU7C,eAAO,MAAM,UAAU,SAAU,UAAU,cAAc,EAAE,WAAW,CAAC,uFA+KjE,CAAC;AAEP,eAAO,MAAM,YAAY;;;mBAjLQ,UAAU,cAAc,EAAE,WAAW,CAAC;;;;;;;;;;;;;;CAkMtE,CAAC"}
@@ -25,6 +25,10 @@ export declare type BaseAttachProps = {
25
25
  * Вид Attach
26
26
  */
27
27
  view?: string;
28
+ /**
29
+ * Callback при удалении прикрепленного файла
30
+ */
31
+ onClear?: () => void;
28
32
  };
29
33
  export declare type AttachButtonProps = ({
30
34
  /**
@@ -1 +1 @@
1
- {"version":3,"file":"Attach.types.d.ts","sourceRoot":"","sources":["../../../src/components/Attach/Attach.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AAErD,oBAAY,eAAe,GAAG;IAC1B;;OAEG;IACH,mBAAmB,CAAC,EAAE,MAAM,EAAE,CAAC;IAC/B;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;;;OAIG;IACH,IAAI,CAAC,EAAE,YAAY,GAAG,UAAU,GAAG,MAAM,CAAC;IAC1C;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,oBAAY,iBAAiB,GAAG,CAC1B;IACI;;;OAGG;IACH,UAAU,CAAC,EAAE,QAAQ,CAAC;CACzB,GACD;IACI,UAAU,CAAC,EAAE,YAAY,CAAC;IAC1B;;OAEG;IACH,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC1B,CACN,GACG,WAAW,CAAC;AAEhB,oBAAY,WAAW,GAAG,cAAc,CAAC,cAAc,CAAC,GAAG,WAAW,GAAG,eAAe,GAAG,iBAAiB,CAAC"}
1
+ {"version":3,"file":"Attach.types.d.ts","sourceRoot":"","sources":["../../../src/components/Attach/Attach.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AAErD,oBAAY,eAAe,GAAG;IAC1B;;OAEG;IACH,mBAAmB,CAAC,EAAE,MAAM,EAAE,CAAC;IAC/B;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;;;OAIG;IACH,IAAI,CAAC,EAAE,YAAY,GAAG,UAAU,GAAG,MAAM,CAAC;IAC1C;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACxB,CAAC;AAEF,oBAAY,iBAAiB,GAAG,CAC1B;IACI;;;OAGG;IACH,UAAU,CAAC,EAAE,QAAQ,CAAC;CACzB,GACD;IACI,UAAU,CAAC,EAAE,YAAY,CAAC;IAC1B;;OAEG;IACH,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC1B,CACN,GACG,WAAW,CAAC;AAEhB,oBAAY,WAAW,GAAG,cAAc,CAAC,cAAc,CAAC,GAAG,WAAW,GAAG,eAAe,GAAG,iBAAiB,CAAC"}
@@ -5,11 +5,11 @@ export declare const Context: React.Context<ItemContext>;
5
5
  /**
6
6
  * Поле ввода с выпадающим списком и возможностью фильтрации и выбора элементов.
7
7
  */
8
- export declare const comboboxRoot: (Root: RootProps<HTMLInputElement, Omit<ComboboxProps, 'items'>>) => React.ForwardRefExoticComponent<ComboboxProps & React.RefAttributes<HTMLInputElement>>;
8
+ export declare const comboboxRoot: (Root: RootProps<HTMLInputElement, Omit<ComboboxProps, 'items'>>) => React.ForwardRefExoticComponent<ComboboxProps<import("./ui/Inner/ui/Item/Item.types").ItemOption> & React.RefAttributes<HTMLInputElement>>;
9
9
  export declare const comboboxConfig: {
10
10
  name: string;
11
11
  tag: string;
12
- layout: (Root: RootProps<HTMLInputElement, Omit<ComboboxProps, 'items'>>) => React.ForwardRefExoticComponent<ComboboxProps & React.RefAttributes<HTMLInputElement>>;
12
+ layout: (Root: RootProps<HTMLInputElement, Omit<ComboboxProps, 'items'>>) => React.ForwardRefExoticComponent<ComboboxProps<import("./ui/Inner/ui/Item/Item.types").ItemOption> & React.RefAttributes<HTMLInputElement>>;
13
13
  base: import("@linaria/core").LinariaClassName;
14
14
  variations: {
15
15
  view: {
@@ -1 +1 @@
1
- {"version":3,"file":"Combobox.d.ts","sourceRoot":"","sources":["../../../../src/components/Combobox/ComboboxNew/Combobox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4F,MAAM,OAAO,CAAC;AAIjH,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAoB7C,OAAO,KAAK,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAKnE,eAAO,MAAM,OAAO,4BAAgD,CAAC;AAErE;;GAEG;AACH,eAAO,MAAM,YAAY,SAAU,UAAU,gBAAgB,EAAE,KAAK,aAAa,EAAE,OAAO,CAAC,CAAC,2FAuYtF,CAAC;AAEP,eAAO,MAAM,cAAc;;;mBAzYQ,UAAU,gBAAgB,EAAE,KAAK,aAAa,EAAE,OAAO,CAAC,CAAC;;;;;;;;;;;;;;;;;;CA8Z3F,CAAC"}
1
+ {"version":3,"file":"Combobox.d.ts","sourceRoot":"","sources":["../../../../src/components/Combobox/ComboboxNew/Combobox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4F,MAAM,OAAO,CAAC;AAIjH,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAoB7C,OAAO,KAAK,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAKnE,eAAO,MAAM,OAAO,4BAAgD,CAAC;AAErE;;GAEG;AACH,eAAO,MAAM,YAAY,SAAU,UAAU,gBAAgB,EAAE,KAAK,aAAa,EAAE,OAAO,CAAC,CAAC,+IAuYtF,CAAC;AAEP,eAAO,MAAM,cAAc;;;mBAzYQ,UAAU,gBAAgB,EAAE,KAAK,aAAa,EAAE,OAAO,CAAC,CAAC;;;;;;;;;;;;;;;;;;CA8Z3F,CAAC"}
@@ -59,11 +59,11 @@ declare type ViewStateProps = {
59
59
  */
60
60
  alwaysOpened?: true;
61
61
  };
62
- export interface BasicProps {
62
+ export declare type ComboboxProps<T extends ItemOption = ItemOption> = {
63
63
  /**
64
64
  * Список элементов.
65
65
  */
66
- items: Array<ItemOption>;
66
+ items: Array<T>;
67
67
  /**
68
68
  * Сторона открытия дропдауна относительно target элемента.
69
69
  * @default bottom
@@ -119,11 +119,11 @@ export interface BasicProps {
119
119
  /**
120
120
  * Callback для кастомной настройки айтема в выпадающем списке.
121
121
  */
122
- renderItem?: (item: ItemOption) => React.ReactNode;
122
+ renderItem?: (item: T) => React.ReactNode;
123
123
  /**
124
124
  * Функция фильтрации элементов.
125
125
  */
126
- filter?: (label: string, textValue: string) => boolean;
126
+ filter?: (item: T, textValue: string) => boolean;
127
127
  /**
128
128
  * Закрывать ли выпадающий список после выбора элемента.
129
129
  * @default если single, то true; если multiple, то false; если передан alwaysOpened, то false
@@ -142,15 +142,14 @@ export interface BasicProps {
142
142
  * @default outer
143
143
  */
144
144
  labelPlacement?: 'outer' | 'inner';
145
- }
146
- export declare type ComboboxProps = BasicProps & ViewStateProps & IsMultiselect & Omit<ButtonHTMLAttributes<HTMLInputElement>, 'value' | 'onChange'>;
145
+ } & ViewStateProps & IsMultiselect & Omit<ButtonHTMLAttributes<HTMLInputElement>, 'value' | 'onChange'>;
147
146
  export declare type FloatingPopoverProps = {
148
147
  target: React.ReactNode | ((ref: React.MutableRefObject<HTMLElement | null>) => React.ReactNode);
149
148
  children: React.ReactNode;
150
149
  opened: boolean;
151
150
  onToggle: (opened: boolean) => void;
152
151
  placement: Placement;
153
- portal?: BasicProps['portal'];
152
+ portal?: ComboboxProps['portal'];
154
153
  offset?: number;
155
154
  };
156
155
  export declare type ItemContext = {
@@ -1 +1 @@
1
- {"version":3,"file":"Combobox.types.d.ts","sourceRoot":"","sources":["../../../../src/components/Combobox/ComboboxNew/Combobox.types.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"Combobox.types.d.ts","sourceRoot":"","sources":["../../../../src/components/Combobox/ComboboxNew/Combobox.types.ts"],"names":[],"mappings":"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"}
@@ -1,3 +1,5 @@
1
1
  export { comboboxConfig, comboboxRoot } from './Combobox';
2
2
  export { tokens as comboboxTokens } from './Combobox.tokens';
3
+ export type { ComboboxProps } from './Combobox.types';
4
+ export type { ItemOption } from './ui/Inner/ui/Item/Item.types';
3
5
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Combobox/ComboboxNew/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC;AAC1D,OAAO,EAAE,MAAM,IAAI,cAAc,EAAE,MAAM,mBAAmB,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Combobox/ComboboxNew/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC;AAC1D,OAAO,EAAE,MAAM,IAAI,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAE7D,YAAY,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACtD,YAAY,EAAE,UAAU,EAAE,MAAM,+BAA+B,CAAC"}
@@ -1,3 +1,3 @@
1
- import { ItemOptionTransformed } from '../ui/Inner/ui/Item/Item.types';
2
- export declare const filterItems: (items: Array<ItemOptionTransformed>, textValue: string, currentLabel: string, customFilter?: ((label: string, value: string) => boolean) | undefined) => Array<ItemOptionTransformed>;
1
+ import { ItemOptionTransformed, ItemOption } from '../ui/Inner/ui/Item/Item.types';
2
+ export declare const filterItems: (items: Array<ItemOptionTransformed>, textValue: string, currentLabel: string, customFilter?: ((item: ItemOption, value: string) => boolean) | undefined) => Array<ItemOptionTransformed>;
3
3
  //# sourceMappingURL=filterItems.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"filterItems.d.ts","sourceRoot":"","sources":["../../../../../src/components/Combobox/ComboboxNew/utils/filterItems.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,gCAAgC,CAAC;AASvE,eAAO,MAAM,WAAW,UACb,MAAM,qBAAqB,CAAC,aACxB,MAAM,gBACH,MAAM,0BACG,MAAM,SAAS,MAAM,KAAK,OAAO,kBACzD,MAAM,qBAAqB,CAgC7B,CAAC"}
1
+ {"version":3,"file":"filterItems.d.ts","sourceRoot":"","sources":["../../../../../src/components/Combobox/ComboboxNew/utils/filterItems.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,UAAU,EAAE,MAAM,gCAAgC,CAAC;AASnF,eAAO,MAAM,WAAW,UACb,MAAM,qBAAqB,CAAC,aACxB,MAAM,gBACH,MAAM,yBACE,UAAU,SAAS,MAAM,KAAK,OAAO,kBAC5D,MAAM,qBAAqB,CA+B7B,CAAC"}
@@ -1,4 +1,5 @@
1
1
  export { comboboxRoot as comboboxOldRoot, comboboxConfig as comboboxOldConfig, comboboxDividerRoot, comboboxDividerConfig, comboboxFooterRoot, comboboxFooterConfig, comboboxGroupRoot, comboboxGroupConfig, comboboxHeaderRoot, comboboxHeaderConfig, comboboxItemRoot, comboboxItemConfig, ComboboxTarget, comboboxClasses as comboboxOldClasses, comboboxTokens as comboboxOldTokens, } from './ComboboxOld';
2
2
  export type { ComboboxProps as ComboboxOldProps } from './ComboboxOld';
3
3
  export { comboboxTokens as comboboxNewTokens, comboboxRoot as comboboxNewRoot, comboboxConfig as comboboxNewConfig, } from './ComboboxNew';
4
+ export type { ItemOption, ComboboxProps } from './ComboboxNew';
4
5
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Combobox/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACH,YAAY,IAAI,eAAe,EAC/B,cAAc,IAAI,iBAAiB,EACnC,mBAAmB,EACnB,qBAAqB,EACrB,kBAAkB,EAClB,oBAAoB,EACpB,iBAAiB,EACjB,mBAAmB,EACnB,kBAAkB,EAClB,oBAAoB,EACpB,gBAAgB,EAChB,kBAAkB,EAClB,cAAc,EACd,eAAe,IAAI,kBAAkB,EACrC,cAAc,IAAI,iBAAiB,GACtC,MAAM,eAAe,CAAC;AAEvB,YAAY,EAAE,aAAa,IAAI,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAEvE,OAAO,EACH,cAAc,IAAI,iBAAiB,EACnC,YAAY,IAAI,eAAe,EAC/B,cAAc,IAAI,iBAAiB,GACtC,MAAM,eAAe,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Combobox/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACH,YAAY,IAAI,eAAe,EAC/B,cAAc,IAAI,iBAAiB,EACnC,mBAAmB,EACnB,qBAAqB,EACrB,kBAAkB,EAClB,oBAAoB,EACpB,iBAAiB,EACjB,mBAAmB,EACnB,kBAAkB,EAClB,oBAAoB,EACpB,gBAAgB,EAChB,kBAAkB,EAClB,cAAc,EACd,eAAe,IAAI,kBAAkB,EACrC,cAAc,IAAI,iBAAiB,GACtC,MAAM,eAAe,CAAC;AAEvB,YAAY,EAAE,aAAa,IAAI,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAEvE,OAAO,EACH,cAAc,IAAI,iBAAiB,EACnC,YAAY,IAAI,eAAe,EAC/B,cAAc,IAAI,iBAAiB,GACtC,MAAM,eAAe,CAAC;AACvB,YAAY,EAAE,UAAU,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"SegmentGroup.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/Segment/ui/SegmentGroup/SegmentGroup.styles.ts"],"names":[],"mappings":";AAMA,eAAO,MAAM,IAAI,0CAQhB,CAAC;AAEF,eAAO,MAAM,aAAa,qKAKzB,CAAC;AAEF,eAAO,MAAM,oBAAoB,qKAsBhC,CAAC;AAEF,eAAO,MAAM,WAAW,iLAiBvB,CAAC;AAEF,eAAO,MAAM,eAAe;;EAK3B,CAAC;AAEF,eAAO,MAAM,gBAAgB;;EAK5B,CAAC;AAEF,eAAO,MAAM,cAAc;;EAI1B,CAAC;AAEF,eAAO,MAAM,iBAAiB;;EAI7B,CAAC"}
1
+ {"version":3,"file":"SegmentGroup.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/Segment/ui/SegmentGroup/SegmentGroup.styles.ts"],"names":[],"mappings":";AAMA,eAAO,MAAM,IAAI,0CAahB,CAAC;AAEF,eAAO,MAAM,aAAa,qKAKzB,CAAC;AAEF,eAAO,MAAM,oBAAoB,qKAsBhC,CAAC;AAEF,eAAO,MAAM,WAAW,iLAiBvB,CAAC;AAEF,eAAO,MAAM,eAAe;;EAK3B,CAAC;AAEF,eAAO,MAAM,gBAAgB;;EAK5B,CAAC;AAEF,eAAO,MAAM,cAAc;;EAI1B,CAAC;AAEF,eAAO,MAAM,iBAAiB;;EAI7B,CAAC"}