@salutejs/plasma-new-hope 0.190.0-canary.1552.11794692529.0 → 0.190.1-canary.1532.11798057558.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (105) hide show
  1. package/cjs/components/Breadcrumbs/Breadcrumbs.css +3 -3
  2. package/cjs/components/Breadcrumbs/Breadcrumbs.styles.js +7 -14
  3. package/cjs/components/Breadcrumbs/Breadcrumbs.styles.js.map +1 -1
  4. package/cjs/components/Breadcrumbs/{Breadcrumbs.styles_19b6ey4.css → Breadcrumbs.styles_1icsgdr.css} +1 -1
  5. package/cjs/components/Breadcrumbs/utils/index.css +3 -3
  6. package/cjs/components/Combobox/ComboboxNew/Combobox.css +0 -2
  7. package/cjs/components/Combobox/ComboboxNew/Combobox.js +6 -31
  8. package/cjs/components/Combobox/ComboboxNew/Combobox.js.map +1 -1
  9. package/cjs/components/Combobox/ComboboxNew/ui/Inner/Inner.css +0 -2
  10. package/cjs/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.css +0 -2
  11. package/cjs/components/Dropdown/Dropdown.js +6 -4
  12. package/cjs/components/Dropdown/Dropdown.js.map +1 -1
  13. package/cjs/index.css +3 -5
  14. package/emotion/cjs/components/Breadcrumbs/Breadcrumbs.styles.js +8 -11
  15. package/emotion/cjs/components/Combobox/ComboboxNew/Combobox.js +7 -32
  16. package/emotion/cjs/components/Dropdown/Dropdown.js +6 -4
  17. package/emotion/cjs/examples/plasma_b2c/components/Combobox/Combobox.stories.tsx +1 -1
  18. package/emotion/cjs/examples/plasma_b2c/components/Dropdown/Dropdown.stories.tsx +9 -0
  19. package/emotion/cjs/examples/plasma_b2c/components/Tabs/Tabs.stories.tsx +15 -13
  20. package/emotion/cjs/examples/plasma_web/components/Dropdown/Dropdown.stories.tsx +9 -0
  21. package/emotion/cjs/examples/plasma_web/components/Tabs/Tabs.stories.tsx +14 -12
  22. package/emotion/es/components/Breadcrumbs/Breadcrumbs.styles.js +8 -11
  23. package/emotion/es/components/Combobox/ComboboxNew/Combobox.js +7 -33
  24. package/emotion/es/components/Dropdown/Dropdown.js +6 -4
  25. package/emotion/es/examples/plasma_b2c/components/Combobox/Combobox.stories.tsx +1 -1
  26. package/emotion/es/examples/plasma_b2c/components/Dropdown/Dropdown.stories.tsx +9 -0
  27. package/emotion/es/examples/plasma_b2c/components/Tabs/Tabs.stories.tsx +15 -13
  28. package/emotion/es/examples/plasma_web/components/Dropdown/Dropdown.stories.tsx +9 -0
  29. package/emotion/es/examples/plasma_web/components/Tabs/Tabs.stories.tsx +14 -12
  30. package/es/components/Breadcrumbs/Breadcrumbs.css +3 -3
  31. package/es/components/Breadcrumbs/Breadcrumbs.styles.js +7 -14
  32. package/es/components/Breadcrumbs/Breadcrumbs.styles.js.map +1 -1
  33. package/es/components/Breadcrumbs/{Breadcrumbs.styles_19b6ey4.css → Breadcrumbs.styles_1icsgdr.css} +1 -1
  34. package/es/components/Breadcrumbs/utils/index.css +3 -3
  35. package/es/components/Combobox/ComboboxNew/Combobox.css +0 -2
  36. package/es/components/Combobox/ComboboxNew/Combobox.js +8 -33
  37. package/es/components/Combobox/ComboboxNew/Combobox.js.map +1 -1
  38. package/es/components/Combobox/ComboboxNew/ui/Inner/Inner.css +0 -2
  39. package/es/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.css +0 -2
  40. package/es/components/Dropdown/Dropdown.js +6 -4
  41. package/es/components/Dropdown/Dropdown.js.map +1 -1
  42. package/es/index.css +3 -5
  43. package/package.json +2 -2
  44. package/styled-components/cjs/components/Breadcrumbs/Breadcrumbs.styles.js +5 -8
  45. package/styled-components/cjs/components/Combobox/ComboboxNew/Combobox.js +7 -32
  46. package/styled-components/cjs/components/Dropdown/Dropdown.js +6 -4
  47. package/styled-components/cjs/examples/plasma_b2c/components/Combobox/Combobox.stories.tsx +1 -1
  48. package/styled-components/cjs/examples/plasma_b2c/components/Dropdown/Dropdown.stories.tsx +9 -0
  49. package/styled-components/cjs/examples/plasma_b2c/components/Tabs/Tabs.stories.tsx +15 -13
  50. package/styled-components/cjs/examples/plasma_web/components/Dropdown/Dropdown.stories.tsx +9 -0
  51. package/styled-components/cjs/examples/plasma_web/components/Tabs/Tabs.stories.tsx +14 -12
  52. package/styled-components/es/components/Breadcrumbs/Breadcrumbs.styles.js +5 -8
  53. package/styled-components/es/components/Combobox/ComboboxNew/Combobox.js +7 -33
  54. package/styled-components/es/components/Dropdown/Dropdown.js +6 -4
  55. package/styled-components/es/examples/plasma_b2c/components/Combobox/Combobox.stories.tsx +1 -1
  56. package/styled-components/es/examples/plasma_b2c/components/Dropdown/Dropdown.stories.tsx +9 -0
  57. package/styled-components/es/examples/plasma_b2c/components/Tabs/Tabs.stories.tsx +15 -13
  58. package/styled-components/es/examples/plasma_web/components/Dropdown/Dropdown.stories.tsx +9 -0
  59. package/styled-components/es/examples/plasma_web/components/Tabs/Tabs.stories.tsx +14 -12
  60. package/types/components/Breadcrumbs/Breadcrumbs.styles.d.ts.map +1 -1
  61. package/types/components/Combobox/ComboboxNew/Combobox.d.ts +2 -2
  62. package/types/components/Combobox/ComboboxNew/Combobox.d.ts.map +1 -1
  63. package/types/components/Combobox/ComboboxNew/Combobox.types.d.ts +2 -24
  64. package/types/components/Combobox/ComboboxNew/Combobox.types.d.ts.map +1 -1
  65. package/types/components/Dropdown/Dropdown.d.ts.map +1 -1
  66. package/types/components/Dropdown/Dropdown.types.d.ts +4 -0
  67. package/types/components/Dropdown/Dropdown.types.d.ts.map +1 -1
  68. package/types/examples/plasma_b2c/components/Combobox/Combobox.d.ts +120 -1080
  69. package/types/examples/plasma_b2c/components/Combobox/Combobox.d.ts.map +1 -1
  70. package/types/examples/plasma_web/components/Combobox/Combobox.d.ts +120 -1080
  71. package/types/examples/plasma_web/components/Combobox/Combobox.d.ts.map +1 -1
  72. package/cjs/components/Combobox/ComboboxNew/ui/Form/Form.css +0 -1
  73. package/cjs/components/Combobox/ComboboxNew/ui/Form/Form.js +0 -37
  74. package/cjs/components/Combobox/ComboboxNew/ui/Form/Form.js.map +0 -1
  75. package/cjs/components/Combobox/ComboboxNew/ui/Form/Form.styles.js +0 -15
  76. package/cjs/components/Combobox/ComboboxNew/ui/Form/Form.styles.js.map +0 -1
  77. package/cjs/components/Combobox/ComboboxNew/ui/Form/Form.styles_22v2s5.css +0 -1
  78. package/cjs/utils/syntheticEvent.js +0 -55
  79. package/cjs/utils/syntheticEvent.js.map +0 -1
  80. package/emotion/cjs/components/Combobox/ComboboxNew/ui/Form/Form.js +0 -38
  81. package/emotion/cjs/components/Combobox/ComboboxNew/ui/Form/Form.styles.js +0 -13
  82. package/emotion/cjs/utils/syntheticEvent.js +0 -53
  83. package/emotion/es/components/Combobox/ComboboxNew/ui/Form/Form.js +0 -29
  84. package/emotion/es/components/Combobox/ComboboxNew/ui/Form/Form.styles.js +0 -6
  85. package/emotion/es/utils/syntheticEvent.js +0 -47
  86. package/es/components/Combobox/ComboboxNew/ui/Form/Form.css +0 -1
  87. package/es/components/Combobox/ComboboxNew/ui/Form/Form.js +0 -33
  88. package/es/components/Combobox/ComboboxNew/ui/Form/Form.js.map +0 -1
  89. package/es/components/Combobox/ComboboxNew/ui/Form/Form.styles.js +0 -11
  90. package/es/components/Combobox/ComboboxNew/ui/Form/Form.styles.js.map +0 -1
  91. package/es/components/Combobox/ComboboxNew/ui/Form/Form.styles_22v2s5.css +0 -1
  92. package/es/utils/syntheticEvent.js +0 -50
  93. package/es/utils/syntheticEvent.js.map +0 -1
  94. package/styled-components/cjs/components/Combobox/ComboboxNew/ui/Form/Form.js +0 -38
  95. package/styled-components/cjs/components/Combobox/ComboboxNew/ui/Form/Form.styles.js +0 -12
  96. package/styled-components/cjs/utils/syntheticEvent.js +0 -53
  97. package/styled-components/es/components/Combobox/ComboboxNew/ui/Form/Form.js +0 -29
  98. package/styled-components/es/components/Combobox/ComboboxNew/ui/Form/Form.styles.js +0 -5
  99. package/styled-components/es/utils/syntheticEvent.js +0 -47
  100. package/types/components/Combobox/ComboboxNew/ui/Form/Form.d.ts +0 -6
  101. package/types/components/Combobox/ComboboxNew/ui/Form/Form.d.ts.map +0 -1
  102. package/types/components/Combobox/ComboboxNew/ui/Form/Form.styles.d.ts +0 -3
  103. package/types/components/Combobox/ComboboxNew/ui/Form/Form.styles.d.ts.map +0 -1
  104. package/types/utils/syntheticEvent.d.ts +0 -4
  105. package/types/utils/syntheticEvent.d.ts.map +0 -1
@@ -1,4 +1,4 @@
1
- var _excluded = ["items", "children", "placement", "offset", "closeOnOverlayClick", "onToggle", "size", "view", "itemRole", "className", "listWidth", "listHeight", "listOverflow", "closeOnSelect", "onHover", "onItemSelect", "onItemClick", "trigger", "variant", "hasArrow", "portal"];
1
+ var _excluded = ["items", "children", "placement", "offset", "closeOnOverlayClick", "onToggle", "size", "view", "itemRole", "className", "listWidth", "listHeight", "listOverflow", "closeOnSelect", "onHover", "onItemSelect", "onItemClick", "trigger", "variant", "hasArrow", "alwaysOpened", "portal"];
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."); }
@@ -57,6 +57,8 @@ export var dropdownRoot = function dropdownRoot(Root) {
57
57
  variant = _ref$variant === void 0 ? 'normal' : _ref$variant,
58
58
  _ref$hasArrow = _ref.hasArrow,
59
59
  hasArrow = _ref$hasArrow === void 0 ? true : _ref$hasArrow,
60
+ _ref$alwaysOpened = _ref.alwaysOpened,
61
+ alwaysOpened = _ref$alwaysOpened === void 0 ? false : _ref$alwaysOpened,
60
62
  portal = _ref.portal,
61
63
  rest = _objectWithoutProperties(_ref, _excluded);
62
64
  var _useReducer = useReducer(pathReducer, []),
@@ -77,7 +79,7 @@ export var dropdownRoot = function dropdownRoot(Root) {
77
79
 
78
80
  // Логика работы при клике за пределами выпадающего списка
79
81
  var targetRef = useOutsideClick(function (event) {
80
- if (!isCurrentListOpen || !closeOnOverlayClick) {
82
+ if (!isCurrentListOpen || !closeOnOverlayClick || alwaysOpened) {
81
83
  return;
82
84
  }
83
85
  dispatchPath({
@@ -91,7 +93,7 @@ export var dropdownRoot = function dropdownRoot(Root) {
91
93
  }
92
94
  }, floatingPopoverRef);
93
95
  var handleGlobalToggle = function handleGlobalToggle(opened, event) {
94
- if (opened) {
96
+ if (alwaysOpened || opened) {
95
97
  dispatchPath({
96
98
  type: 'opened_first_level'
97
99
  });
@@ -120,7 +122,7 @@ export var dropdownRoot = function dropdownRoot(Root) {
120
122
  onItemClick: onItemClick
121
123
  }),
122
124
  onKeyDown = _useKeyNavigation.onKeyDown;
123
- var isCurrentListOpen = Boolean(path[0]);
125
+ var isCurrentListOpen = alwaysOpened || Boolean(path[0]);
124
126
  return /*#__PURE__*/React.createElement(Context.Provider, {
125
127
  value: {
126
128
  focusedPath: focusedPath,
@@ -353,11 +353,11 @@ const items = [
353
353
 
354
354
  const SingleStory = (args: StorySelectProps) => {
355
355
  const [value, setValue] = useState('');
356
+
356
357
  return (
357
358
  <div style={{ width: '400px' }}>
358
359
  <Combobox
359
360
  {...args}
360
- name="mau"
361
361
  items={items}
362
362
  value={value}
363
363
  onChange={setValue}
@@ -45,6 +45,14 @@ const meta: Meta<StoryDropdownProps> = {
45
45
  type: 'select',
46
46
  },
47
47
  },
48
+ closeOnOverlayClick: {
49
+ control: { type: 'boolean' },
50
+ if: { arg: 'alwaysOpened', truthy: false },
51
+ },
52
+ closeOnSelect: {
53
+ control: { type: 'boolean' },
54
+ if: { arg: 'alwaysOpened', truthy: false },
55
+ },
48
56
  },
49
57
  args: {
50
58
  size: 'm',
@@ -54,6 +62,7 @@ const meta: Meta<StoryDropdownProps> = {
54
62
  offset: [0, 0],
55
63
  listWidth: '',
56
64
  hasArrow: true,
65
+ alwaysOpened: false,
57
66
  closeOnOverlayClick: true,
58
67
  closeOnSelect: true,
59
68
  },
@@ -25,6 +25,7 @@ type CustomStoryTabsProps = {
25
25
  contentRight: string;
26
26
  stretch: boolean;
27
27
  helperText: string;
28
+ maxItemWidth: string;
28
29
  };
29
30
 
30
31
  const contentLeftOptions = ['none', 'icon'];
@@ -59,17 +60,6 @@ const meta: Meta<StoryTabsProps> = {
59
60
  component: Tabs,
60
61
  decorators: [WithTheme],
61
62
  argTypes: {
62
- ...disableProps([
63
- 'orientation',
64
- 'tabItemContentLeft',
65
- 'pilled',
66
- 'animated',
67
- 'view',
68
- 'as',
69
- 'forwardedAs',
70
- 'outsideScroll',
71
- 'index',
72
- ]),
73
63
  contentRight: {
74
64
  options: contentRightOptions,
75
65
  control: {
@@ -83,6 +73,17 @@ const meta: Meta<StoryTabsProps> = {
83
73
  },
84
74
  if: { arg: 'stretch', truthy: false },
85
75
  },
76
+ ...disableProps([
77
+ 'orientation',
78
+ 'tabItemContentLeft',
79
+ 'pilled',
80
+ 'animated',
81
+ 'view',
82
+ 'as',
83
+ 'forwardedAs',
84
+ 'outsideScroll',
85
+ 'index',
86
+ ]),
86
87
  },
87
88
  };
88
89
 
@@ -99,12 +100,13 @@ const StoryHorizontalDefault = (props: HorizontalStoryTabsProps) => {
99
100
  stretch,
100
101
  maxItemWidth,
101
102
  helperText,
103
+ clip,
102
104
  } = props;
103
105
  const items = Array(itemQuantity).fill(0);
104
106
  const [index, setIndex] = useState(0);
105
107
 
106
108
  return (
107
- <Tabs clip="none" view="divider" hasDivider={hasDivider} stretch={stretch} disabled={disabled} size={size}>
109
+ <Tabs clip={clip} view="divider" hasDivider={hasDivider} stretch={stretch} disabled={disabled} size={size}>
108
110
  {items.map((_, i) => {
109
111
  if (helperText !== '') {
110
112
  return (
@@ -651,7 +653,7 @@ const StoryHeaderDefault = (props: HorizontalStoryTabsProps) => {
651
653
  size={size as HeaderSize}
652
654
  maxItemWidth={maxItemWidth}
653
655
  >
654
- {`Label${i + 1}`}
656
+ {`${labels[i % labels.length]} ${i + 1}`}
655
657
  </TabItem>
656
658
  ))}
657
659
  </Tabs>
@@ -45,6 +45,14 @@ const meta: Meta<StoryDropdownProps> = {
45
45
  type: 'select',
46
46
  },
47
47
  },
48
+ closeOnOverlayClick: {
49
+ control: { type: 'boolean' },
50
+ if: { arg: 'alwaysOpened', truthy: false },
51
+ },
52
+ closeOnSelect: {
53
+ control: { type: 'boolean' },
54
+ if: { arg: 'alwaysOpened', truthy: false },
55
+ },
48
56
  },
49
57
  args: {
50
58
  size: 'm',
@@ -54,6 +62,7 @@ const meta: Meta<StoryDropdownProps> = {
54
62
  offset: [0, 0],
55
63
  listWidth: '',
56
64
  hasArrow: true,
65
+ alwaysOpened: false,
57
66
  closeOnOverlayClick: true,
58
67
  closeOnSelect: true,
59
68
  },
@@ -25,6 +25,7 @@ type CustomStoryTabsProps = {
25
25
  contentRight: string;
26
26
  stretch: boolean;
27
27
  helperText: string;
28
+ maxItemWidth: string;
28
29
  };
29
30
 
30
31
  const contentLeftOptions = ['none', 'icon'];
@@ -59,17 +60,6 @@ const meta: Meta<StoryTabsProps> = {
59
60
  component: Tabs,
60
61
  decorators: [WithTheme],
61
62
  argTypes: {
62
- ...disableProps([
63
- 'orientation',
64
- 'tabItemContentLeft',
65
- 'pilled',
66
- 'animated',
67
- 'view',
68
- 'as',
69
- 'forwardedAs',
70
- 'outsideScroll',
71
- 'index',
72
- ]),
73
63
  contentRight: {
74
64
  options: contentRightOptions,
75
65
  control: {
@@ -83,6 +73,17 @@ const meta: Meta<StoryTabsProps> = {
83
73
  },
84
74
  if: { arg: 'stretch', truthy: false },
85
75
  },
76
+ ...disableProps([
77
+ 'orientation',
78
+ 'tabItemContentLeft',
79
+ 'pilled',
80
+ 'animated',
81
+ 'view',
82
+ 'as',
83
+ 'forwardedAs',
84
+ 'outsideScroll',
85
+ 'index',
86
+ ]),
86
87
  },
87
88
  };
88
89
 
@@ -99,12 +100,13 @@ const StoryHorizontalDefault = (props: HorizontalStoryTabsProps) => {
99
100
  stretch,
100
101
  maxItemWidth,
101
102
  helperText,
103
+ clip,
102
104
  } = props;
103
105
  const items = Array(itemQuantity).fill(0);
104
106
  const [index, setIndex] = useState(0);
105
107
 
106
108
  return (
107
- <Tabs clip="none" view="divider" hasDivider={hasDivider} stretch={stretch} disabled={disabled} size={size}>
109
+ <Tabs clip={clip} view="divider" hasDivider={hasDivider} stretch={stretch} disabled={disabled} size={size}>
108
110
  {items.map((_, i) => {
109
111
  if (helperText !== '') {
110
112
  return (
@@ -8,9 +8,9 @@
8
8
 
9
9
  .IconRoot_7pl7ig_svvlqhf__32c458a1{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;width:var(--svvlqhf-0);height:var(--svvlqhf-0);-webkit-flex:0 0 var(--svvlqhf-0);-ms-flex:0 0 var(--svvlqhf-0);flex:0 0 var(--svvlqhf-0);}
10
10
 
11
- .Breadcrumbs_styles_19b6ey4_shehk3i__c0ed7789{opacity:var(--shehk3i-0);cursor:var(--shehk3i-1);color:var(--shehk3i-2);--plasma-link-disabled-opacity:var(--plasma-breadcrumbs-opacity);position:relative;}.Breadcrumbs_styles_19b6ey4_shehk3i__c0ed7789::before{content:'';position:absolute;top:0rem;left:0rem;right:0rem;bottom:0rem;z-index:1;display:block;box-sizing:content-box;border:0.125rem solid transparent;border-radius:0rem;-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.Breadcrumbs_styles_19b6ey4_shehk3i__c0ed7789.Breadcrumbs_styles_19b6ey4_focusVisible__c0ed7789:focus::before,.Breadcrumbs_styles_19b6ey4_shehk3i__c0ed7789[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.125rem var(--plasma-breadcrumbs-focus-outline-color);}
12
- .Breadcrumbs_styles_19b6ey4_bkgt5xr__c0ed7789{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:var(--plasma-breadcrumbs-gap);color:var(--plasma-breadcrumbs-color);font-family:var(--plasma-breadcrumbs-font-family);font-size:var(--plasma-breadcrumbs-font-size);font-weight:var(--plasma-breadcrumbs-font-weight);font-style:var(--plasma-breadcrumbs-font-style);-webkit-letter-spacing:var(--plasma-breadcrumbs-letter-spacing);-moz-letter-spacing:var(--plasma-breadcrumbs-letter-spacing);-ms-letter-spacing:var(--plasma-breadcrumbs-letter-spacing);letter-spacing:var(--plasma-breadcrumbs-letter-spacing);line-height:var(--plasma-breadcrumbs-line-height);}
13
- .Breadcrumbs_styles_19b6ey4_sajtslk__c0ed7789{color:var(--plasma-breadcrumbs-color-separator);opacity:var(--plasma-breadcrumbs-opacity);}
11
+ .Breadcrumbs_styles_1icsgdr_shehk3i__3049ecb4{--plasma__private-color:var(--shehk3i-0);--plasma-link-color:var(--plasma__private-color);--plasma-link-color-hover:var(--plasma__private-color);--plasma-link-color-active:var(--plasma__private-color);--plasma-link-disabled-opacity:var(--plasma-breadcrumbs-opacity);opacity:var(--shehk3i-1);cursor:pointer;position:relative;}.Breadcrumbs_styles_1icsgdr_shehk3i__3049ecb4::before{content:'';position:absolute;top:0rem;left:0rem;right:0rem;bottom:0rem;z-index:1;display:block;box-sizing:content-box;border:0.125rem solid transparent;border-radius:0rem;-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.Breadcrumbs_styles_1icsgdr_shehk3i__3049ecb4.Breadcrumbs_styles_1icsgdr_focusVisible__3049ecb4:focus::before,.Breadcrumbs_styles_1icsgdr_shehk3i__3049ecb4[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.125rem var(--plasma-breadcrumbs-focus-outline-color);}
12
+ .Breadcrumbs_styles_1icsgdr_bkgt5xr__3049ecb4{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:var(--plasma-breadcrumbs-gap);color:var(--plasma-breadcrumbs-color);font-family:var(--plasma-breadcrumbs-font-family);font-size:var(--plasma-breadcrumbs-font-size);font-weight:var(--plasma-breadcrumbs-font-weight);font-style:var(--plasma-breadcrumbs-font-style);-webkit-letter-spacing:var(--plasma-breadcrumbs-letter-spacing);-moz-letter-spacing:var(--plasma-breadcrumbs-letter-spacing);-ms-letter-spacing:var(--plasma-breadcrumbs-letter-spacing);letter-spacing:var(--plasma-breadcrumbs-letter-spacing);line-height:var(--plasma-breadcrumbs-line-height);}
13
+ .Breadcrumbs_styles_1icsgdr_sajtslk__3049ecb4{color:var(--plasma-breadcrumbs-color-separator);opacity:var(--plasma-breadcrumbs-opacity);}
14
14
 
15
15
 
16
16
  .BreadcrumbShorter_styles_czqxks_s19f9x1v__c6484ba8{cursor:pointer;position:relative;}.BreadcrumbShorter_styles_czqxks_s19f9x1v__c6484ba8::before{content:'';position:absolute;top:0.125rem;left:0.125rem;right:0.125rem;bottom:0.125rem;z-index:1;display:block;box-sizing:content-box;border:0.125rem solid transparent;border-radius:0;-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.BreadcrumbShorter_styles_czqxks_s19f9x1v__c6484ba8.BreadcrumbShorter_styles_czqxks_focusVisible__c6484ba8:focus::before,.BreadcrumbShorter_styles_czqxks_s19f9x1v__c6484ba8[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.125rem var(--plasma-breadcrumbs-focus-outline-color);}
@@ -1,4 +1,4 @@
1
- import './Breadcrumbs.styles_19b6ey4.css';
1
+ import './Breadcrumbs.styles_1icsgdr.css';
2
2
  import { styled } from '@linaria/react';
3
3
  import { tokens } from './Breadcrumbs.tokens.js';
4
4
  import { component, mergeConfig } from '../../engines/common.js';
@@ -13,19 +13,13 @@ var _exp = function _exp() {
13
13
  var _exp2 = function _exp2() {
14
14
  return function (_ref) {
15
15
  var isHref = _ref.isHref;
16
- return isHref ? 1 : "var(".concat(tokens.breadcrumbsOpacity, ")");
16
+ return isHref ? "var(".concat(tokens.breadcrumbsColor, ")") : "var(".concat(tokens.breadcrumbsColorText, ")");
17
17
  };
18
18
  };
19
- var _exp3 = function _exp3() {
19
+ var _exp4 = function _exp4() {
20
20
  return function (_ref2) {
21
21
  var isHref = _ref2.isHref;
22
- return isHref ? 'pointer' : 'auto';
23
- };
24
- };
25
- var _exp4 = function _exp4() {
26
- return function (_ref3) {
27
- var isHref = _ref3.isHref;
28
- return isHref ? "var(".concat(tokens.breadcrumbsColor, ")") : "var(".concat(tokens.breadcrumbsColorText, ")");
22
+ return isHref ? 1 : "var(".concat(tokens.breadcrumbsOpacity, ")");
29
23
  };
30
24
  };
31
25
  var StyledLink = /*#__PURE__*/styled(_exp())({
@@ -34,15 +28,14 @@ var StyledLink = /*#__PURE__*/styled(_exp())({
34
28
  propsAsIs: true,
35
29
  vars: {
36
30
  "shehk3i-0": [/*#__PURE__*/_exp2()],
37
- "shehk3i-1": [/*#__PURE__*/_exp3()],
38
- "shehk3i-2": [/*#__PURE__*/_exp4()]
31
+ "shehk3i-1": [/*#__PURE__*/_exp4()]
39
32
  }
40
33
  });
41
34
  var base = "bkgt5xr";
42
- var _exp15 = function _exp15() {
35
+ var _exp14 = function _exp14() {
43
36
  return IconDisclosureRight;
44
37
  };
45
- var Separator = /*#__PURE__*/styled(_exp15())({
38
+ var Separator = /*#__PURE__*/styled(_exp14())({
46
39
  name: "Separator",
47
40
  "class": "sajtslk",
48
41
  propsAsIs: true
@@ -1 +1 @@
1
- {"version":3,"file":"Breadcrumbs.styles.js","sources":["../../../src/components/Breadcrumbs/Breadcrumbs.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\nimport { css } from '@linaria/core';\n\nimport { linkConfig } from '../Link';\nimport { component, mergeConfig } from '../../engines';\nimport { IconDisclosureRight } from '../_Icon';\nimport { addFocus } from '../../mixins';\n\nimport { tokens } from './Breadcrumbs.tokens';\n\nconst mergedLinkConfig = mergeConfig(linkConfig);\nconst Link = component(mergedLinkConfig);\n\nexport const StyledLink = styled(Link)<{ isHref: boolean }>`\n opacity: ${({ isHref }) => (isHref ? 1 : `var(${tokens.breadcrumbsOpacity})`)};\n cursor: ${({ isHref }) => (isHref ? 'pointer' : 'auto')};\n color: ${({ isHref }) => (isHref ? `var(${tokens.breadcrumbsColor})` : `var(${tokens.breadcrumbsColorText})`)};\n\n --plasma-link-disabled-opacity: var(${tokens.breadcrumbsOpacity});\n\n ${addFocus({\n outlineOffset: '0rem',\n outlineSize: '0.125rem',\n outlineRadius: '0rem',\n outlineColor: `var(${tokens.breadcrumbsFocusOutlineColor})`,\n })}\n`;\n\nexport const base = css`\n display: flex;\n flex-direction: row;\n align-items: center;\n gap: var(${tokens.breadcrumbsGap});\n\n color: var(${tokens.breadcrumbsColor});\n font-family: var(${tokens.breadcrumbsFontFamily});\n font-size: var(${tokens.breadcrumbsFontSize});\n font-weight: var(${tokens.breadcrumbsFontWeight});\n font-style: var(${tokens.breadcrumbsFontStyle});\n letter-spacing: var(${tokens.breadcrumbsLetterSpacing});\n line-height: var(${tokens.breadcrumbsLineHeight});\n`;\n\nexport const Separator = styled(IconDisclosureRight)`\n color: var(${tokens.breadcrumbsColorSeparator});\n opacity: var(${tokens.breadcrumbsOpacity});\n`;\n"],"names":["mergedLinkConfig","mergeConfig","linkConfig","Link","component","_exp","_exp2","_ref","isHref","concat","tokens","breadcrumbsOpacity","_exp3","_ref2","_exp4","_ref3","breadcrumbsColor","breadcrumbsColorText","StyledLink","styled","name","class","propsAsIs","vars","base","_exp15","IconDisclosureRight","Separator"],"mappings":";;;;;;AAUA,IAAMA,gBAAgB,gBAAGC,WAAW,CAACC,UAAU,CAAC,CAAA;AAChD,IAAMC,IAAI,gBAAGC,SAAS,CAACJ,gBAAgB,CAAC,CAAA;AAAC,IAAAK,IAAA,GAVvBA,SAUuBA,IAAAA,GAAA;AAAA,EAAA,OAERF,IAAI,CAAA;AAAA,CAAA,CAAA;AAAA,IAAAG,KAAA,GAZnBA,SAYmBA,KAAAA,GAAA;AAAA,EAAA,OACtB,UAAAC,IAAA,EAAA;AAAA,IAAA,IAAGC,MAAAA,GAAAA,IAAAA,CAAAA,MAAAA,CAAAA;IAAAA,OAAcA,MAAM,GAAG,CAAC,GAAA,MAAA,CAAAC,MAAA,CAAUC,MAAM,CAACC,kBAAmB,EAAG,GAAA,CAAA,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAAA,IAAAC,KAAA,GAb/DA,SAa+DA,KAAAA,GAAA;AAAA,EAAA,OACnE,UAAAC,KAAA,EAAA;AAAA,IAAA,IAAGL,MAAAA,GAAAA,KAAAA,CAAAA,MAAAA,CAAAA;AAAAA,IAAAA,OAAcA,MAAM,GAAG,SAAS,GAAG,MAAO,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAAA,IAAAM,KAAA,GAdzCA,SAcyCA,KAAAA,GAAA;AAAA,EAAA,OAC9C,UAAAC,KAAA,EAAA;AAAA,IAAA,IAAGP,MAAAA,GAAAA,KAAAA,CAAAA,MAAAA,CAAAA;AAAAA,IAAAA,OAAcA,MAAM,GAAA,MAAA,CAAAC,MAAA,CAAUC,MAAM,CAACM,gBAAiB,EAAA,GAAA,CAAA,GAAA,MAAA,CAAAP,MAAA,CAAYC,MAAM,CAACO,oBAAqB,EAAG,GAAA,CAAA,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAH1G,IAAMC,UAAU,gBAAGC,MAAM,CAAAd,IAAA,EAAA,CAAA,CAAA;AAAAe,EAAAA,IAAA,EAAA,YAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAAC,EAAAA,IAAA,EAAA;AAAA,IAAA,WAAA,EAAA,cACjBjB,KAAkE,EAAA,CAAA;AAAA,IAAA,WAAA,EAAA,cACnEM,KAA6C,EAAA,CAAA;AAAA,IAAA,WAAA,EAAA,cAC9CE,KAAoG,EAAA,CAAA;AAAA,GAAA;AAAA,CAUhH,EAAA;AAEM,IAAMU,IAAI,GAahB,UAAA;AAAC,IAAAC,MAAA,GAxCgBA,SAwChBA,MAAAA,GAAA;AAAA,EAAA,OAE8BC,mBAAmB,CAAA;AAAA,CAAA,CAAA;AAA5C,IAAMC,SAAS,gBAAGR,MAAM,CAAAM,MAAA,EAAA,CAAA,CAAA;AAAAL,EAAAA,IAAA,EAAA,WAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAG9B;;;;"}
1
+ {"version":3,"file":"Breadcrumbs.styles.js","sources":["../../../src/components/Breadcrumbs/Breadcrumbs.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\nimport { css } from '@linaria/core';\n\nimport { linkConfig } from '../Link';\nimport { component, mergeConfig } from '../../engines';\nimport { IconDisclosureRight } from '../_Icon';\nimport { addFocus } from '../../mixins';\n\nimport { tokens } from './Breadcrumbs.tokens';\n\nconst mergedLinkConfig = mergeConfig(linkConfig);\nconst Link = component(mergedLinkConfig);\n\nexport const StyledLink = styled(Link)<{ isHref: boolean }>`\n --plasma__private-color: ${({ isHref }) =>\n isHref ? `var(${tokens.breadcrumbsColor})` : `var(${tokens.breadcrumbsColorText})`};\n\n --plasma-link-color: var(--plasma__private-color);\n --plasma-link-color-hover: var(--plasma__private-color);\n --plasma-link-color-active: var(--plasma__private-color);\n\n --plasma-link-disabled-opacity: var(${tokens.breadcrumbsOpacity});\n opacity: ${({ isHref }) => (isHref ? 1 : `var(${tokens.breadcrumbsOpacity})`)};\n\n cursor: pointer;\n\n ${addFocus({\n outlineOffset: '0rem',\n outlineSize: '0.125rem',\n outlineRadius: '0rem',\n outlineColor: `var(${tokens.breadcrumbsFocusOutlineColor})`,\n })}\n`;\n\nexport const base = css`\n display: flex;\n flex-direction: row;\n align-items: center;\n gap: var(${tokens.breadcrumbsGap});\n\n color: var(${tokens.breadcrumbsColor});\n font-family: var(${tokens.breadcrumbsFontFamily});\n font-size: var(${tokens.breadcrumbsFontSize});\n font-weight: var(${tokens.breadcrumbsFontWeight});\n font-style: var(${tokens.breadcrumbsFontStyle});\n letter-spacing: var(${tokens.breadcrumbsLetterSpacing});\n line-height: var(${tokens.breadcrumbsLineHeight});\n`;\n\nexport const Separator = styled(IconDisclosureRight)`\n color: var(${tokens.breadcrumbsColorSeparator});\n opacity: var(${tokens.breadcrumbsOpacity});\n`;\n"],"names":["mergedLinkConfig","mergeConfig","linkConfig","Link","component","_exp","_exp2","_ref","isHref","concat","tokens","breadcrumbsColor","breadcrumbsColorText","_exp4","_ref2","breadcrumbsOpacity","StyledLink","styled","name","class","propsAsIs","vars","base","_exp14","IconDisclosureRight","Separator"],"mappings":";;;;;;AAUA,IAAMA,gBAAgB,gBAAGC,WAAW,CAACC,UAAU,CAAC,CAAA;AAChD,IAAMC,IAAI,gBAAGC,SAAS,CAACJ,gBAAgB,CAAC,CAAA;AAAC,IAAAK,IAAA,GAVvBA,SAUuBA,IAAAA,GAAA;AAAA,EAAA,OAERF,IAAI,CAAA;AAAA,CAAA,CAAA;AAAA,IAAAG,KAAA,GAZnBA,SAYmBA,KAAAA,GAAA;AAAA,EAAA,OACN,UAAAC,IAAA,EAAA;AAAA,IAAA,IAAGC,MAAAA,GAAAA,IAAAA,CAAAA,MAAAA,CAAAA;AAAAA,IAAAA,OAC1BA,MAAM,GAAA,MAAA,CAAAC,MAAA,CAAUC,MAAM,CAACC,gBAAiB,EAAA,GAAA,CAAA,GAAA,MAAA,CAAAF,MAAA,CAAYC,MAAM,CAACE,oBAAqB,EAAE,GAAA,CAAA,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAAA,IAAAC,KAAA,GAdxEA,SAcwEA,KAAAA,GAAA;AAAA,EAAA,OAO3E,UAAAC,KAAA,EAAA;AAAA,IAAA,IAAGN,MAAAA,GAAAA,KAAAA,CAAAA,MAAAA,CAAAA;IAAAA,OAAcA,MAAM,GAAG,CAAC,GAAA,MAAA,CAAAC,MAAA,CAAUC,MAAM,CAACK,kBAAmB,EAAG,GAAA,CAAA,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAT1E,IAAMC,UAAU,gBAAGC,MAAM,CAAAZ,IAAA,EAAA,CAAA,CAAA;AAAAa,EAAAA,IAAA,EAAA,YAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAAC,EAAAA,IAAA,EAAA;AAAA,IAAA,WAAA,EAAA,cACDf,KAC2D,EAAA,CAAA;AAAA,IAAA,WAAA,EAAA,cAO3EO,KAAkE,EAAA,CAAA;AAAA,GAAA;AAAA,CAUhF,EAAA;AAEM,IAAMS,IAAI,GAahB,UAAA;AAAC,IAAAC,MAAA,GA9CgBA,SA8ChBA,MAAAA,GAAA;AAAA,EAAA,OAE8BC,mBAAmB,CAAA;AAAA,CAAA,CAAA;AAA5C,IAAMC,SAAS,gBAAGR,MAAM,CAAAM,MAAA,EAAA,CAAA,CAAA;AAAAL,EAAAA,IAAA,EAAA,WAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAG9B;;;;"}
@@ -1,3 +1,3 @@
1
- .shehk3i{opacity:var(--shehk3i-0);cursor:var(--shehk3i-1);color:var(--shehk3i-2);--plasma-link-disabled-opacity:var(--plasma-breadcrumbs-opacity);position:relative;}.shehk3i::before{content:'';position:absolute;top:0rem;left:0rem;right:0rem;bottom:0rem;z-index:1;display:block;box-sizing:content-box;border:0.125rem solid transparent;border-radius:0rem;-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.shehk3i.focus-visible:focus::before,.shehk3i[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.125rem var(--plasma-breadcrumbs-focus-outline-color);}
1
+ .shehk3i{--plasma__private-color:var(--shehk3i-0);--plasma-link-color:var(--plasma__private-color);--plasma-link-color-hover:var(--plasma__private-color);--plasma-link-color-active:var(--plasma__private-color);--plasma-link-disabled-opacity:var(--plasma-breadcrumbs-opacity);opacity:var(--shehk3i-1);cursor:pointer;position:relative;}.shehk3i::before{content:'';position:absolute;top:0rem;left:0rem;right:0rem;bottom:0rem;z-index:1;display:block;box-sizing:content-box;border:0.125rem solid transparent;border-radius:0rem;-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.shehk3i.focus-visible:focus::before,.shehk3i[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.125rem var(--plasma-breadcrumbs-focus-outline-color);}
2
2
  .bkgt5xr{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:var(--plasma-breadcrumbs-gap);color:var(--plasma-breadcrumbs-color);font-family:var(--plasma-breadcrumbs-font-family);font-size:var(--plasma-breadcrumbs-font-size);font-weight:var(--plasma-breadcrumbs-font-weight);font-style:var(--plasma-breadcrumbs-font-style);-webkit-letter-spacing:var(--plasma-breadcrumbs-letter-spacing);-moz-letter-spacing:var(--plasma-breadcrumbs-letter-spacing);-ms-letter-spacing:var(--plasma-breadcrumbs-letter-spacing);letter-spacing:var(--plasma-breadcrumbs-letter-spacing);line-height:var(--plasma-breadcrumbs-line-height);}
3
3
  .sajtslk{color:var(--plasma-breadcrumbs-color-separator);opacity:var(--plasma-breadcrumbs-opacity);}
@@ -12,6 +12,6 @@
12
12
 
13
13
  .IconRoot_7pl7ig_svvlqhf__32c458a1{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;width:var(--svvlqhf-0);height:var(--svvlqhf-0);-webkit-flex:0 0 var(--svvlqhf-0);-ms-flex:0 0 var(--svvlqhf-0);flex:0 0 var(--svvlqhf-0);}
14
14
 
15
- .Breadcrumbs_styles_19b6ey4_shehk3i__c0ed7789{opacity:var(--shehk3i-0);cursor:var(--shehk3i-1);color:var(--shehk3i-2);--plasma-link-disabled-opacity:var(--plasma-breadcrumbs-opacity);position:relative;}.Breadcrumbs_styles_19b6ey4_shehk3i__c0ed7789::before{content:'';position:absolute;top:0rem;left:0rem;right:0rem;bottom:0rem;z-index:1;display:block;box-sizing:content-box;border:0.125rem solid transparent;border-radius:0rem;-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.Breadcrumbs_styles_19b6ey4_shehk3i__c0ed7789.Breadcrumbs_styles_19b6ey4_focusVisible__c0ed7789:focus::before,.Breadcrumbs_styles_19b6ey4_shehk3i__c0ed7789[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.125rem var(--plasma-breadcrumbs-focus-outline-color);}
16
- .Breadcrumbs_styles_19b6ey4_bkgt5xr__c0ed7789{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:var(--plasma-breadcrumbs-gap);color:var(--plasma-breadcrumbs-color);font-family:var(--plasma-breadcrumbs-font-family);font-size:var(--plasma-breadcrumbs-font-size);font-weight:var(--plasma-breadcrumbs-font-weight);font-style:var(--plasma-breadcrumbs-font-style);-webkit-letter-spacing:var(--plasma-breadcrumbs-letter-spacing);-moz-letter-spacing:var(--plasma-breadcrumbs-letter-spacing);-ms-letter-spacing:var(--plasma-breadcrumbs-letter-spacing);letter-spacing:var(--plasma-breadcrumbs-letter-spacing);line-height:var(--plasma-breadcrumbs-line-height);}
17
- .Breadcrumbs_styles_19b6ey4_sajtslk__c0ed7789{color:var(--plasma-breadcrumbs-color-separator);opacity:var(--plasma-breadcrumbs-opacity);}
15
+ .Breadcrumbs_styles_1icsgdr_shehk3i__3049ecb4{--plasma__private-color:var(--shehk3i-0);--plasma-link-color:var(--plasma__private-color);--plasma-link-color-hover:var(--plasma__private-color);--plasma-link-color-active:var(--plasma__private-color);--plasma-link-disabled-opacity:var(--plasma-breadcrumbs-opacity);opacity:var(--shehk3i-1);cursor:pointer;position:relative;}.Breadcrumbs_styles_1icsgdr_shehk3i__3049ecb4::before{content:'';position:absolute;top:0rem;left:0rem;right:0rem;bottom:0rem;z-index:1;display:block;box-sizing:content-box;border:0.125rem solid transparent;border-radius:0rem;-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.Breadcrumbs_styles_1icsgdr_shehk3i__3049ecb4.Breadcrumbs_styles_1icsgdr_focusVisible__3049ecb4:focus::before,.Breadcrumbs_styles_1icsgdr_shehk3i__3049ecb4[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.125rem var(--plasma-breadcrumbs-focus-outline-color);}
16
+ .Breadcrumbs_styles_1icsgdr_bkgt5xr__3049ecb4{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:var(--plasma-breadcrumbs-gap);color:var(--plasma-breadcrumbs-color);font-family:var(--plasma-breadcrumbs-font-family);font-size:var(--plasma-breadcrumbs-font-size);font-weight:var(--plasma-breadcrumbs-font-weight);font-style:var(--plasma-breadcrumbs-font-style);-webkit-letter-spacing:var(--plasma-breadcrumbs-letter-spacing);-moz-letter-spacing:var(--plasma-breadcrumbs-letter-spacing);-ms-letter-spacing:var(--plasma-breadcrumbs-letter-spacing);letter-spacing:var(--plasma-breadcrumbs-letter-spacing);line-height:var(--plasma-breadcrumbs-line-height);}
17
+ .Breadcrumbs_styles_1icsgdr_sajtslk__3049ecb4{color:var(--plasma-breadcrumbs-color-separator);opacity:var(--plasma-breadcrumbs-opacity);}
@@ -157,5 +157,3 @@
157
157
 
158
158
 
159
159
  .Combobox_styles_18a8p75_s11cn92k__ba048029{--plasma-emptystate-border-radius:var(--plasma-combobox-new-textfield-border-radius);--plasma-emptystate-padding:var(--plasma-combobox-new-empty-state-padding);--plasma-emptystate-font-family:var(--plasma-combobox-new-textfield-font-family);--plasma-emptystate-font-size:var(--plasma-combobox-new-textfield-font-size);--plasma-emptystate-font-style:var(--plasma-combobox-new-textfield-font-style);--plasma-emptystate-font-weight:var(--plasma-combobox-new-textfield-font-weight);--plasma-emptystate-font-letter-spacing:var(--plasma-combobox-new-textfield-letter-spacing);--plasma-emptystate-font-line-height:var(--plasma-combobox-new-textfield-line-height);}
160
-
161
- .Form_styles_22v2s5_sngk5la__4621e773{visibility:hidden;width:0;height:0;opacity:0;margin:0;padding:0;border:none;}
@@ -1,5 +1,5 @@
1
- import { objectWithoutProperties as _objectWithoutProperties, slicedToArray as _slicedToArray, extends as _extends, typeof as _typeof } from '../../../_virtual/_rollupPluginBabelHelpers.js';
2
- import React, { forwardRef, useMemo, useState, useRef, useReducer, useLayoutEffect, useEffect, createContext } from 'react';
1
+ import { objectWithoutProperties as _objectWithoutProperties, slicedToArray as _slicedToArray, extends as _extends } from '../../../_virtual/_rollupPluginBabelHelpers.js';
2
+ import React, { forwardRef, useMemo, useState, useRef, useReducer, useLayoutEffect, createContext } from 'react';
3
3
  import { useForkRef, safeUseId } from '@salutejs/plasma-core';
4
4
  import { classes } from './Combobox.tokens.js';
5
5
  import { FloatingPopover } from './FloatingPopover.js';
@@ -8,7 +8,6 @@ import { getTreeMaps, getPathMap } from './hooks/getPathMaps.js';
8
8
  import { IconArrowWrapper, StyledArrow, Ul, StyledEmptyState, base } from './Combobox.styles.js';
9
9
  import { base as base$1 } from './variations/_view/base.js';
10
10
  import { base as base$2 } from './variations/_size/base.js';
11
- import { Form } from './ui/Form/Form.js';
12
11
  import { initialItemsTransform } from './utils/initialItemsTransform.js';
13
12
  import { getInitialValue } from './utils/getInitialValue.js';
14
13
  import { filterItems } from './utils/filterItems.js';
@@ -24,21 +23,18 @@ import { sizeToIconSize } from '../../Select/utils/sizeToIconSize.js';
24
23
  import { getItemId } from './utils/getItemId.js';
25
24
  import { Inner } from './ui/Inner/Inner.js';
26
25
 
27
- var _excluded = ["name", "multiple", "value", "onChange", "defaultValue", "isTargetAmount", "targetAmount", "items", "placement", "label", "placeholder", "helperText", "contentLeft", "textBefore", "textAfter", "variant", "listOverflow", "listHeight", "listWidth", "portal", "renderItem", "view", "size", "labelPlacement", "readOnly", "disabled", "alwaysOpened", "filter", "closeAfterSelect", "renderValue"];
26
+ var _excluded = ["multiple", "value", "onChange", "isTargetAmount", "targetAmount", "items", "placement", "label", "placeholder", "helperText", "contentLeft", "textBefore", "textAfter", "variant", "listOverflow", "listHeight", "listWidth", "portal", "renderItem", "view", "size", "labelPlacement", "readOnly", "disabled", "alwaysOpened", "filter", "closeAfterSelect", "renderValue"];
28
27
  var Context = /*#__PURE__*/createContext({});
29
28
 
30
29
  /**
31
30
  * Поле ввода с выпадающим списком и возможностью фильтрации и выбора элементов.
32
31
  */
33
-
34
32
  var comboboxRoot = function comboboxRoot(Root) {
35
33
  return /*#__PURE__*/forwardRef(function (props, ref) {
36
34
  var _valueToItemMap$get, _valueToItemMap$get2, _getItemByFocused;
37
- var name = props.name,
38
- multiple = props.multiple,
35
+ var multiple = props.multiple,
39
36
  outerValue = props.value,
40
37
  outerOnChange = props.onChange,
41
- defaultValue = props.defaultValue,
42
38
  isTargetAmount = props.isTargetAmount,
43
39
  targetAmount = props.targetAmount,
44
40
  items = props.items,
@@ -147,19 +143,9 @@ var comboboxRoot = function comboboxRoot(Root) {
147
143
  }, floatingPopoverRef);
148
144
  var onChange = function onChange(newValue) {
149
145
  if (outerOnChange) {
150
- if (!name && !multiple && typeof newValue === 'string') {
151
- outerOnChange(newValue);
152
- }
153
- if (!name && multiple && Array.isArray(newValue)) {
154
- outerOnChange(newValue);
155
- }
156
- if (name && _typeof(newValue) === 'object' && !Array.isArray(newValue)) {
157
- outerOnChange(newValue);
158
- }
159
- }
160
- if (typeof newValue === 'string' || Array.isArray(newValue)) {
161
- setInternalValue(newValue);
146
+ outerOnChange(newValue);
162
147
  }
148
+ setInternalValue(newValue);
163
149
  };
164
150
  var handleClickArrow = function handleClickArrow() {
165
151
  if (disabled || readOnly) {
@@ -348,24 +334,13 @@ var comboboxRoot = function comboboxRoot(Root) {
348
334
  // Т.к. вначале нужно отфильтровать и провалидировать outerValue и результат положить в переменную.
349
335
  // А переменную, содержащую сложные типы данных, нельзя помещать в deps.
350
336
  }, [outerValue, internalValue, items]);
351
- useEffect(function () {
352
- if (defaultValue) {
353
- setInternalValue(defaultValue);
354
- }
355
- }, [defaultValue]);
356
337
  return /*#__PURE__*/React.createElement(Root, {
357
338
  size: size,
358
339
  view: view,
359
340
  labelPlacement: labelPlacement,
360
341
  disabled: disabled,
361
342
  readOnly: readOnly
362
- }, name && /*#__PURE__*/React.createElement(Form, {
363
- name: name,
364
- value: internalValue,
365
- multiple: multiple,
366
- onChange: onChange,
367
- ref: ref
368
- }), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Context.Provider, {
343
+ }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Context.Provider, {
369
344
  value: {
370
345
  focusedPath: focusedPath,
371
346
  checked: checked,
@@ -389,7 +364,7 @@ var comboboxRoot = function comboboxRoot(Root) {
389
364
  listWidth: listWidth,
390
365
  target: function target(referenceRef) {
391
366
  return /*#__PURE__*/React.createElement(StyledTextField, _extends({
392
- ref: name ? inputRef : inputForkRef,
367
+ ref: inputForkRef,
393
368
  inputWrapperRef: referenceRef,
394
369
  value: textValue,
395
370
  onChange: handleTextValueChange,