@salutejs/plasma-new-hope 0.343.0-canary.2367.19851506127.0 → 0.343.0-canary.2368.19872331595.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (172) hide show
  1. package/cjs/components/Combobox/ComboboxNew/Combobox.js +6 -5
  2. package/cjs/components/Combobox/ComboboxNew/Combobox.js.map +1 -1
  3. package/cjs/components/Combobox/ComboboxNew/Combobox.styles.js +6 -4
  4. package/cjs/components/Combobox/ComboboxNew/Combobox.styles.js.map +1 -1
  5. package/cjs/components/DateTimePicker/DateTimePicker.css +1 -1
  6. package/cjs/components/DateTimePicker/ui/Input/Input.css +1 -1
  7. package/cjs/components/DateTimePicker/ui/Input/Input.styles.js +1 -1
  8. package/cjs/components/DateTimePicker/ui/Input/Input.styles.js.map +1 -1
  9. package/cjs/components/DateTimePicker/ui/Input/{Input.styles_1vvloyr.css → Input.styles_lw80by.css} +1 -1
  10. package/cjs/index.css +1 -1
  11. package/emotion/cjs/components/Combobox/ComboboxNew/Combobox.js +6 -5
  12. package/emotion/cjs/components/Combobox/ComboboxNew/Combobox.styles.js +17 -17
  13. package/emotion/cjs/components/DateTimePicker/ui/Input/Input.styles.js +2 -2
  14. package/emotion/cjs/examples/components/Combobox/Combobox.js +0 -15
  15. package/emotion/cjs/examples/components/Tokens/Colors/Colors.styles.js +152 -55
  16. package/emotion/cjs/examples/components/Tokens/NumberTokens/NumberTokens.styles.js +72 -25
  17. package/emotion/cjs/examples/components/Tokens/Typography/Typography.styles.js +200 -75
  18. package/emotion/es/components/Combobox/ComboboxNew/Combobox.js +6 -5
  19. package/emotion/es/components/Combobox/ComboboxNew/Combobox.styles.js +17 -17
  20. package/emotion/es/components/DateTimePicker/ui/Input/Input.styles.js +2 -2
  21. package/emotion/es/examples/components/Tokens/Colors/Colors.styles.js +152 -55
  22. package/emotion/es/examples/components/Tokens/NumberTokens/NumberTokens.styles.js +72 -25
  23. package/emotion/es/examples/components/Tokens/Typography/Typography.styles.js +200 -75
  24. package/es/components/Combobox/ComboboxNew/Combobox.js +6 -5
  25. package/es/components/Combobox/ComboboxNew/Combobox.js.map +1 -1
  26. package/es/components/Combobox/ComboboxNew/Combobox.styles.js +6 -4
  27. package/es/components/Combobox/ComboboxNew/Combobox.styles.js.map +1 -1
  28. package/es/components/DateTimePicker/DateTimePicker.css +1 -1
  29. package/es/components/DateTimePicker/ui/Input/Input.css +1 -1
  30. package/es/components/DateTimePicker/ui/Input/Input.styles.js +1 -1
  31. package/es/components/DateTimePicker/ui/Input/Input.styles.js.map +1 -1
  32. package/es/components/DateTimePicker/ui/Input/{Input.styles_1vvloyr.css → Input.styles_lw80by.css} +1 -1
  33. package/es/index.css +1 -1
  34. package/package.json +6 -16
  35. package/styled-components/cjs/components/Combobox/ComboboxNew/Combobox.js +6 -5
  36. package/styled-components/cjs/components/Combobox/ComboboxNew/Combobox.styles.js +10 -10
  37. package/styled-components/cjs/components/DateTimePicker/ui/Input/Input.styles.js +2 -8
  38. package/styled-components/es/components/Combobox/ComboboxNew/Combobox.js +6 -5
  39. package/styled-components/es/components/Combobox/ComboboxNew/Combobox.styles.js +10 -10
  40. package/styled-components/es/components/DateTimePicker/ui/Input/Input.styles.js +2 -8
  41. package/styled-components/es/examples/components/Combobox/Combobox.js +7 -0
  42. package/types/components/Accordion/ui/AccordionItem/AccordionItem.styles.d.ts +2 -2
  43. package/types/components/Attach/ui/Button/Button.styles.d.ts +1 -1
  44. package/types/components/Attach/ui/Cell/Cell.styles.d.ts +1 -1
  45. package/types/components/Attach/ui/Dropdown/Dropdown.styles.d.ts +1 -1
  46. package/types/components/Attach/ui/IconButton/IconButton.styles.d.ts +2 -2
  47. package/types/components/Autocomplete/ui/TextField/TextField.styles.d.ts +1 -1
  48. package/types/components/Avatar/Avatar.styles.d.ts +2 -2
  49. package/types/components/Breadcrumbs/Breadcrumbs.styles.d.ts +1 -1
  50. package/types/components/Button/Button.styles.d.ts +1 -1
  51. package/types/components/Calendar/ui/CalendarHeader/CalendarHeader.styles.d.ts +4 -4
  52. package/types/components/Calendar/ui/EventTooltip/EventTooltip.styles.d.ts +1 -1
  53. package/types/components/Carousel/CarouselNew/Carousel.styles.d.ts +1 -1
  54. package/types/components/Combobox/ComboboxNew/Combobox.styles.d.ts +3 -2
  55. package/types/components/Combobox/ComboboxNew/Combobox.styles.d.ts.map +1 -1
  56. package/types/components/Combobox/ComboboxNew/Combobox.types.d.ts +4 -0
  57. package/types/components/Combobox/ComboboxNew/Combobox.types.d.ts.map +1 -1
  58. package/types/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.styles.d.ts +5 -5
  59. package/types/components/Combobox/ComboboxNew/ui/Target/Target.styles.d.ts +1 -1
  60. package/types/components/Combobox/ComboboxNew/ui/TreeList/ui/Item/Item.styles.d.ts +6 -6
  61. package/types/components/Combobox/ComboboxOld/ui/ComboboxChip/ComboboxChip.styles.d.ts +1 -1
  62. package/types/components/Combobox/ComboboxOld/ui/ComboboxTarget/ComboboxTarget.styles.d.ts +1 -1
  63. package/types/components/DatePicker/RangeDate/RangeDate.styles.d.ts +2 -2
  64. package/types/components/DatePicker/SingleDate/SingleDate.styles.d.ts +6 -6
  65. package/types/components/DateTimePicker/ui/DateShortcut/DateShortcutList.styles.d.ts +1 -1
  66. package/types/components/DateTimePicker/ui/Input/Input.styles.d.ts +1 -1
  67. package/types/components/DateTimePicker/ui/Input/Input.styles.d.ts.map +1 -1
  68. package/types/components/Drawer/Drawer.styles.d.ts +1 -1
  69. package/types/components/Drawer/ui/DrawerHeader/DrawerHeader.d.ts +2 -2
  70. package/types/components/Dropdown/ui/DropdownItem/DropdownItem.styles.d.ts +2 -2
  71. package/types/components/Dropdown/ui/DropdownOld/Dropdown.styles.d.ts +1 -1
  72. package/types/components/EmptyState/EmptyState.styles.d.ts +1 -1
  73. package/types/components/InformationWrapper/InformationWrapper.styles.d.ts +1 -1
  74. package/types/components/LinkButton/LinkButton.styles.d.ts +1 -1
  75. package/types/components/List/ui/ListItem.styles.d.ts +1 -1
  76. package/types/components/Loader/Loader.styles.d.ts +2 -2
  77. package/types/components/NavigationDrawer/ui/MenuItem/MenuItem.styles.d.ts +2 -2
  78. package/types/components/NavigationDrawer/ui/Section/Section.styles.d.ts +1 -1
  79. package/types/components/Note/Note.styles.d.ts +1 -1
  80. package/types/components/Notification/Notification.styles.d.ts +3 -3
  81. package/types/components/NumberInput/ui/ActionButton/ActionButton.styles.d.ts +1 -1
  82. package/types/components/NumberInput/ui/Input/Input.styles.d.ts +1 -1
  83. package/types/components/Pagination/Pagination.styles.d.ts +7 -7
  84. package/types/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.d.ts +1 -1
  85. package/types/components/PaginationDots/PaginationDots.d.ts +1 -1
  86. package/types/components/Panel/ui/PanelHeader/PanelHeader.styles.d.ts +1 -1
  87. package/types/components/Popup/Popup.styles.d.ts +1 -1
  88. package/types/components/Range/Range.styles.d.ts +1 -1
  89. package/types/components/Segment/ui/SegmentGroup/SegmentGroup.styles.d.ts +4 -4
  90. package/types/components/Select/ui/Inner/ui/Item/Item.styles.d.ts +5 -5
  91. package/types/components/Select/ui/Target/ui/Button/Button.styles.d.ts +2 -2
  92. package/types/components/Select/ui/Target/ui/Textfield/Textfield.styles.d.ts +1 -1
  93. package/types/components/Select/ui/TreeList/ui/Item/Item.styles.d.ts +6 -6
  94. package/types/components/Skeleton/LineSkeleton/LineSkeleton.d.ts +4 -4
  95. package/types/components/Skeleton/LineSkeleton/LineSkeleton.d.ts.map +1 -1
  96. package/types/components/Skeleton/RectSkeleton/RectSkeleton.d.ts +2 -2
  97. package/types/components/Skeleton/RectSkeleton/RectSkeleton.d.ts.map +1 -1
  98. package/types/components/Slider/components/Double/Double.styles.d.ts +1 -1
  99. package/types/components/Steps/ui/StepItem/StepItem.styles.d.ts +1 -1
  100. package/types/components/Table/Table.styles.d.ts +5 -5
  101. package/types/components/Table/ui/EditableCell/EditableCell.styles.d.ts +2 -2
  102. package/types/components/Table/ui/HeadCell/ui/Filter/Filter.styles.d.ts +4 -4
  103. package/types/components/Tabs/ui/horizontal/HorizontalIconTabItem/HorizontalIconTabItem.d.ts +2 -2
  104. package/types/components/Tabs/ui/horizontal/HorizontalIconTabItem/HorizontalIconTabItem.d.ts.map +1 -1
  105. package/types/components/Tabs/ui/vertical/VerticalIconTabItem/VerticalIconTabItem.d.ts +2 -2
  106. package/types/components/Tabs/ui/vertical/VerticalIconTabItem/VerticalIconTabItem.d.ts.map +1 -1
  107. package/types/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.d.ts +2 -2
  108. package/types/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.d.ts.map +1 -1
  109. package/types/components/TextArea/TextArea.styles.d.ts +2 -2
  110. package/types/components/TextField/TextField.styles.d.ts +1 -1
  111. package/types/components/TextField/ui/TextFieldChip/TextFieldChip.styles.d.ts +1 -1
  112. package/types/components/TimePicker/TimePicker.styles.d.ts +7 -7
  113. package/types/components/Toast/Toast.styles.d.ts +2 -2
  114. package/types/components/Toast/ToastNew/ToastNew.styles.d.ts +1 -1
  115. package/types/components/Tree/Tree.styles.d.ts +2 -2
  116. package/types/components/_Resizable/Resizable.styles.d.ts +1 -1
  117. package/types/examples/components/Autocomplete/Autocomplete.d.ts +40 -40
  118. package/types/examples/components/Autocomplete/Autocomplete.d.ts.map +1 -1
  119. package/types/examples/components/Avatar/Avatar.d.ts +1 -1
  120. package/types/examples/components/ButtonGroup/ButtonGroup.d.ts +1 -1
  121. package/types/examples/components/ButtonGroup/ButtonGroup.d.ts.map +1 -1
  122. package/types/examples/components/Calendar/Calendar.d.ts +1 -1
  123. package/types/examples/components/Calendar/Calendar.d.ts.map +1 -1
  124. package/types/examples/components/Carousel/Carousel.d.ts +3 -3
  125. package/types/examples/components/Carousel/Carousel.d.ts.map +1 -1
  126. package/types/examples/components/Chip/Chip.d.ts +3 -3
  127. package/types/examples/components/Chip/Chip.d.ts.map +1 -1
  128. package/types/examples/components/Combobox/Combobox.d.ts +36 -12
  129. package/types/examples/components/Combobox/Combobox.d.ts.map +1 -1
  130. package/types/examples/components/DatePicker/DatePicker.d.ts +1 -1
  131. package/types/examples/components/Divider/Divider.d.ts +1 -1
  132. package/types/examples/components/Divider/Divider.d.ts.map +1 -1
  133. package/types/examples/components/Drawer/Drawer.d.ts +1 -1
  134. package/types/examples/components/Dropdown/Dropdown.d.ts +5 -5
  135. package/types/examples/components/Dropdown/Dropdown.d.ts.map +1 -1
  136. package/types/examples/components/EmptyState/EmptyState.d.ts +1 -1
  137. package/types/examples/components/Flow/Flow.d.ts +1 -1
  138. package/types/examples/components/Grid/Grid.d.ts +1 -1
  139. package/types/examples/components/Grid/Grid.d.ts.map +1 -1
  140. package/types/examples/components/Image/Image.d.ts +1 -1
  141. package/types/examples/components/Indicator/Indicator.d.ts +1 -1
  142. package/types/examples/components/Modal/Modal.d.ts +2 -2
  143. package/types/examples/components/NumberFormat/NumberFormat.d.ts +8 -8
  144. package/types/examples/components/NumberFormat/NumberFormat.d.ts.map +1 -1
  145. package/types/examples/components/Pagination/Pagination.d.ts +1 -1
  146. package/types/examples/components/Pagination/Pagination.d.ts.map +1 -1
  147. package/types/examples/components/Panel/Panel.d.ts +1 -1
  148. package/types/examples/components/Popup/Popup.d.ts +1 -1
  149. package/types/examples/components/Popup/Popup.d.ts.map +1 -1
  150. package/types/examples/components/Progress/Progress.d.ts +1 -1
  151. package/types/examples/components/Progress/Progress.d.ts.map +1 -1
  152. package/types/examples/components/Range/Range.d.ts +3 -3
  153. package/types/examples/components/Range/Range.d.ts.map +1 -1
  154. package/types/examples/components/Segment/Segment.d.ts +1 -1
  155. package/types/examples/components/Segment/Segment.d.ts.map +1 -1
  156. package/types/examples/components/Select/Select.d.ts +2 -2
  157. package/types/examples/components/Sheet/Sheet.d.ts +1 -1
  158. package/types/examples/components/Sheet/Sheet.d.ts.map +1 -1
  159. package/types/examples/components/Slider/Slider.d.ts +2 -2
  160. package/types/examples/components/Steps/Steps.d.ts +1 -1
  161. package/types/examples/components/Switch/Switch.d.ts +2 -2
  162. package/types/examples/components/Switch/Switch.d.ts.map +1 -1
  163. package/types/examples/components/Tabs/Tabs.d.ts +2 -2
  164. package/types/examples/components/Tabs/Tabs.d.ts.map +1 -1
  165. package/types/examples/components/Tabs/TabsController.d.ts +1 -1
  166. package/types/examples/components/Tabs/TabsController.d.ts.map +1 -1
  167. package/types/examples/components/Tokens/Colors/Colors.styles.d.ts +16 -16
  168. package/types/examples/components/Tokens/Colors/Colors.styles.d.ts.map +1 -1
  169. package/types/examples/components/Tokens/NumberTokens/NumberTokens.styles.d.ts +6 -8
  170. package/types/examples/components/Tokens/NumberTokens/NumberTokens.styles.d.ts.map +1 -1
  171. package/types/examples/components/Tokens/Typography/Typography.styles.d.ts +20 -20
  172. package/types/examples/components/Tokens/Typography/Typography.styles.d.ts.map +1 -1
package/es/index.css CHANGED
@@ -1238,7 +1238,7 @@
1238
1238
 
1239
1239
  .base_rrpgsr_b1ohdsnd__2917f543[readonly]{cursor:default;}.base_rrpgsr_b1ohdsnd__2917f543[readonly] .base_rrpgsr_l1wg33ap__2917f543{color:var(--plasma-date-time-picker__left-helper-color-readonly);}
1240
1240
 
1241
- .Input_styles_1vvloyr_s1e5xwjo__5c9e5b06{width:100%;--plasma-textfield-color:var(--plasma-date-time-picker-textfield-color);--plasma-textfield__placeholder-color:var(--plasma-date-time-picker-textfield-placeholder-color);--plasma-textfield__placeholder-color-focus:var(--plasma-date-time-picker-textfield__placeholder-color-focus);--plasma-textfield__caret-color:var(--plasma-date-time-picker-textfield-caret-color);--plasma-textfield-focus-color:var(--plasma-date-time-picker-textfield-focus-color);--plasma-textfield-bg-color:var(--plasma-date-time-picker-textfield-background-color);--plasma-textfield-bg-color-hover:var(--plasma-date-time-picker-textfield-background-color-hover);--plasma-textfield-bg-color-focus:var(--plasma-date-time-picker-textfield-background-color-focus);--plasma-textfield-border-width:var(--plasma-date-time-picker-textfield-border-width);--plasma-textfield-border-radius:var(--plasma-date-time-picker-textfield-border-radius);--plasma-textfield-border-color:var(--plasma-date-time-picker-textfield-border-color);--plasma-textfield-border-color-hover:var(--plasma-date-time-picker-textfield-border-color-hover);--plasma-textfield-border-color-focus:var(--plasma-date-time-picker-textfield-border-color-focus);--plasma-textfield-color-readonly:var(--plasma-date-time-picker-textfield-color-readonly);--plasma-textfield-bg-color-readonly:var(--plasma-date-time-picker-textfield-background-color-readonly);--plasma-textfield-readonly-opacity:var(--plasma-date-time-picker-textfield-readonly-opacity);--plasma-textfield-border-color-readonly:var(--plasma-date-time-picker-textfield-border-color-readonly);--plasma-textfield__placeholder-color-readonly:var(--plasma-date-time-picker-textfield-placeholder-color-readonly);--plasma-textfield-height:var(--plasma-date-time-picker-textfield-height);--plasma-textfield-padding:var(--plasma-date-time-picker-textfield-padding);--plasma-textfield-placement_inner__label-padding:var(--plasma-date-time-picker-placement_inner__label-padding);--plasma-textfield-placement_inner__content-padding:var(--plasma-date-time-picker-placement_inner__content-padding);--plasma-textfield__label-offset:var(--plasma-date-time-picker__label-offset);--plasma-textfield__label-font-family:var(--plasma-date-time-picker__label-font-family);--plasma-textfield__label-font-style:var(--plasma-date-time-picker__label-font-style);--plasma-textfield__label-font-size:var(--plasma-date-time-picker__label-font-size);--plasma-textfield__label-font-weight:var(--plasma-date-time-picker__label-font-weight);--plasma-textfield__label-letter-spacing:var(--plasma-date-time-picker__label-letter-spacing);--plasma-textfield__label-line-height:var(--plasma-date-time-picker__label-line-height);--plasma-textfield-placement_inner__label-font-family:var(--plasma-date-time-picker-placement_inner__label-font-family);--plasma-textfield-placement_inner__label-font-size:var(--plasma-date-time-picker-placement_inner__label-font-size);--plasma-textfield-placement_inner__label-font-style:var(--plasma-date-time-picker-placement_inner__label-font-style);--plasma-textfield-placement_inner__label-font-weight:var(--plasma-date-time-picker-placement_inner__label-font-weight);--plasma-textfield-placement_inner__label-letter-spacing:var(--plasma-date-time-picker-placement_inner__label-letter-spacing);--plasma-textfield-placement_inner__label-line-height:var(--plasma-date-time-picker-placement_inner__label-line-height);--plasma-textfield__label-color-readonly:var(--plasma-date-time-picker__label-color-readonly);--plasma-textfield__indicator-color:var(--plasma-date-time-picker__indicator-color);--plasma-textfield__indicator-size-inner:var(--plasma-date-time-picker__indicator-size);--plasma-textfield__indicator-size-outer:var(--plasma-date-time-picker__indicator-size-outer);--plasma-textfield__indicator-placement-inner:var(--plasma-date-time-picker__indicator-placement);--plasma-textfield__indicator-placement-outer:var(--plasma-date-time-picker__indicator-placement-outer);--plasma-textfield__indicator-placement-inner-right:var(--plasma-date-time-picker__indicator-placement-right);--plasma-textfield__indicator-placement-outer-right:var(--plasma-date-time-picker__indicator-placement-outer-right);--plasma-textfield__left-content-margin:var(--plasma-date-time-picker-textfield__left-content-margin);--plasma-textfield__right-content-margin:var(--plasma-date-time-picker-textfield__right-content-margin);--plasma-textfield-font-family:var(--plasma-date-time-picker-textfield-font-family);--plasma-textfield-font-size:var(--plasma-date-time-picker-textfield-font-size);--plasma-textfield-font-style:var(--plasma-date-time-picker-textfield-font-style);--plasma-textfield-font-weight:var(--plasma-date-time-picker-textfield-font-weight);--plasma-textfield-letter-spacing:var(--plasma-date-time-picker-textfield-letter-spacing);--plasma-textfield-line-height:var(--plasma-date-time-picker-textfield-line-height);--plasma-textfield-disabled-opacity:var(--plasma-date-time-picker-disabled-opacity);--plasma-textfield__before-text-color:var(--plasma-date-time-picker-textfield__before-text-color);--plasma-textfield__after-text-color:var(--plasma-date-time-picker-textfield__after-text-color);--plasma-textfield__before-text-margin:var(--plasma-date-time-picker-textfield__before-text-margin);--plasma-textfield__after-text-margin:var(--plasma-date-time-picker-textfield__after-text-margin);--plasma-textfield-content-slot-color:var(--plasma-date-time-picker-textfield__content-color,var(--plasma-date-time-picker-textfield-color));--plasma-textfield-content-slot-color-hover:var(--plasma-date-time-picker-textfield__content-color-hover,var(--plasma-date-time-picker-textfield-color));--plasma-textfield-content-slot-color-active:var(--plasma-date-time-picker-textfield__content-color-active,var(--plasma-date-time-picker-textfield-color));--plasma-textfield-content-right-slot-color:var(--plasma-date-time-picker-textfield__content-right-color,var(--plasma-textfield-content-slot-color));--plasma-textfield-content-right-slot-color-hover:var(--plasma-date-time-picker-textfield__content-right-color-hover,var(--plasma-textfield-content-right-slot-color));--plasma-textfield-right-content-opacity-readonly:var(--plasma-date-time-picker-textfield__content-right-opacity-readonly);}.Input_styles_1vvloyr_s1e5xwjo__5c9e5b06.Input_styles_1vvloyr_plasma_dateTimePickerError__5c9e5b06{--plasma-textfield-bg-color:var(--plasma-date-time-picker-textfield-background-color-error);--plasma-textfield-bg-color-hover:var(--plasma-date-time-picker-textfield-background-color-error-hover);--plasma-textfield-bg-color-focus:var(--plasma-date-time-picker-textfield-background-color-error-focus);--plasma-textfield-border-color:var(--plasma-date-time-picker-textfield-border-color-error);--plasma-textfield-border-color-hover:var(--plasma-date-time-picker-textfield-border-color-error-hover);--plasma-textfield-border-color-focus:var(--plasma-date-time-picker-textfield-border-color-error-focus);}.Input_styles_1vvloyr_s1e5xwjo__5c9e5b06.Input_styles_1vvloyr_plasma_dateTimePickerSuccess__5c9e5b06{--plasma-textfield-bg-color:var(--plasma-date-time-picker-textfield-background-color-success);--plasma-textfield-bg-color-hover:var(--plasma-date-time-picker-textfield-background-color-success-hover);--plasma-textfield-bg-color-focus:var(--plasma-date-time-picker-textfield-background-color-success-focus);--plasma-textfield-border-color:var(--plasma-date-time-picker-textfield-border-color-success);--plasma-textfield-border-color-hover:var(--plasma-date-time-picker-textfield-border-color-success-hover);--plasma-textfield-border-color-focus:var(--plasma-date-time-picker-textfield-border-color-success-focus);}
1241
+ .Input_styles_lw80by_s1e5xwjo__d9773df3{width:100%;--plasma-textfield-color:var(--plasma-date-time-picker-textfield-color);--plasma-textfield__placeholder-color:var(--plasma-date-time-picker-textfield-placeholder-color);--plasma-textfield__placeholder-color-focus:var(--plasma-date-time-picker-textfield__placeholder-color-focus);--plasma-textfield__caret-color:var(--plasma-date-time-picker-textfield-caret-color);--plasma-textfield-focus-color:var(--plasma-date-time-picker-textfield-focus-color);--plasma-textfield-bg-color:var(--plasma-date-time-picker-textfield-background-color);--plasma-textfield-bg-color-hover:var(--plasma-date-time-picker-textfield-background-color-hover);--plasma-textfield-bg-color-focus:var(--plasma-date-time-picker-textfield-background-color-focus);--plasma-textfield-border-width:var(--plasma-date-time-picker-textfield-border-width);--plasma-textfield-border-radius:var(--plasma-date-time-picker-textfield-border-radius);--plasma-textfield-border-color:var(--plasma-date-time-picker-textfield-border-color);--plasma-textfield-border-color-hover:var(--plasma-date-time-picker-textfield-border-color-hover);--plasma-textfield-border-color-focus:var(--plasma-date-time-picker-textfield-border-color-focus);--plasma-textfield-color-readonly:var(--plasma-date-time-picker-textfield-color-readonly);--plasma-textfield-bg-color-readonly:var(--plasma-date-time-picker-textfield-background-color-readonly);--plasma-textfield-readonly-opacity:var(--plasma-date-time-picker-textfield-readonly-opacity);--plasma-textfield-border-color-readonly:var(--plasma-date-time-picker-textfield-border-color-readonly);--plasma-textfield__placeholder-color-readonly:var(--plasma-date-time-picker-textfield-placeholder-color-readonly);--plasma-textfield-height:var(--plasma-date-time-picker-textfield-height);--plasma-textfield-padding:var(--plasma-date-time-picker-textfield-padding);--plasma-textfield-placement_inner__label-padding:var(--plasma-date-time-picker-placement_inner__label-padding);--plasma-textfield-placement_inner__content-padding:var(--plasma-date-time-picker-placement_inner__content-padding);--plasma-textfield__label-offset:var(--plasma-date-time-picker__label-offset);--plasma-textfield__label-font-family:var(--plasma-date-time-picker__label-font-family);--plasma-textfield__label-font-style:var(--plasma-date-time-picker__label-font-style);--plasma-textfield__label-font-size:var(--plasma-date-time-picker__label-font-size);--plasma-textfield__label-font-weight:var(--plasma-date-time-picker__label-font-weight);--plasma-textfield__label-letter-spacing:var(--plasma-date-time-picker__label-letter-spacing);--plasma-textfield__label-line-height:var(--plasma-date-time-picker__label-line-height);--plasma-textfield-placement_inner__label-font-family:var(--plasma-date-time-picker-placement_inner__label-font-family);--plasma-textfield-placement_inner__label-font-size:var(--plasma-date-time-picker-placement_inner__label-font-size);--plasma-textfield-placement_inner__label-font-style:var(--plasma-date-time-picker-placement_inner__label-font-style);--plasma-textfield-placement_inner__label-font-weight:var(--plasma-date-time-picker-placement_inner__label-font-weight);--plasma-textfield-placement_inner__label-letter-spacing:var(--plasma-date-time-picker-placement_inner__label-letter-spacing);--plasma-textfield-placement_inner__label-line-height:var(--plasma-date-time-picker-placement_inner__label-line-height);--plasma-textfield__label-color-readonly:var(--plasma-date-time-picker__label-color-readonly);--plasma-textfield__indicator-color:var(--plasma-date-time-picker__indicator-color);--plasma-textfield__indicator-size-inner:var(--plasma-date-time-picker__indicator-size);--plasma-textfield__indicator-size-outer:var(--plasma-date-time-picker__indicator-size-outer);--plasma-textfield__indicator-placement-inner:var(--plasma-date-time-picker__indicator-placement);--plasma-textfield__indicator-placement-outer:var(--plasma-date-time-picker__indicator-placement-outer);--plasma-textfield__indicator-placement-inner-right:var(--plasma-date-time-picker__indicator-placement-right);--plasma-textfield__indicator-placement-outer-right:var(--plasma-date-time-picker__indicator-placement-outer-right);--plasma-textfield__left-content-margin:var(--plasma-date-time-picker-textfield__left-content-margin);--plasma-textfield__right-content-margin:var(--plasma-date-time-picker-textfield__right-content-margin);--plasma-textfield-font-family:var(--plasma-date-time-picker-textfield-font-family);--plasma-textfield-font-size:var(--plasma-date-time-picker-textfield-font-size);--plasma-textfield-font-style:var(--plasma-date-time-picker-textfield-font-style);--plasma-textfield-font-weight:var(--plasma-date-time-picker-textfield-font-weight);--plasma-textfield-letter-spacing:var(--plasma-date-time-picker-textfield-letter-spacing);--plasma-textfield-line-height:var(--plasma-date-time-picker-textfield-line-height);--plasma-textfield-disabled-opacity:var(--plasma-date-time-picker-disabled-opacity);--plasma-textfield__before-text-color:var(--plasma-date-time-picker-textfield__before-text-color);--plasma-textfield__after-text-color:var(--plasma-date-time-picker-textfield__after-text-color);--plasma-textfield__before-text-margin:var(--plasma-date-time-picker-textfield__before-text-margin);--plasma-textfield__after-text-margin:var(--plasma-date-time-picker-textfield__after-text-margin);--plasma-textfield-content-slot-color:var(--plasma-date-time-picker-textfield__content-color,var(--plasma-date-time-picker-textfield-color));--plasma-textfield-content-right-slot-color:var(--plasma-date-time-picker-textfield__content-right-color,var(--plasma-textfield-content-slot-color));--plasma-textfield-content-right-slot-color-hover:var(--plasma-date-time-picker-textfield__content-right-color-hover,var(--plasma-textfield-content-right-slot-color));--plasma-textfield-right-content-opacity-readonly:var(--plasma-date-time-picker-textfield__content-right-opacity-readonly);}.Input_styles_lw80by_s1e5xwjo__d9773df3.Input_styles_lw80by_plasma_dateTimePickerError__d9773df3{--plasma-textfield-bg-color:var(--plasma-date-time-picker-textfield-background-color-error);--plasma-textfield-bg-color-hover:var(--plasma-date-time-picker-textfield-background-color-error-hover);--plasma-textfield-bg-color-focus:var(--plasma-date-time-picker-textfield-background-color-error-focus);--plasma-textfield-border-color:var(--plasma-date-time-picker-textfield-border-color-error);--plasma-textfield-border-color-hover:var(--plasma-date-time-picker-textfield-border-color-error-hover);--plasma-textfield-border-color-focus:var(--plasma-date-time-picker-textfield-border-color-error-focus);}.Input_styles_lw80by_s1e5xwjo__d9773df3.Input_styles_lw80by_plasma_dateTimePickerSuccess__d9773df3{--plasma-textfield-bg-color:var(--plasma-date-time-picker-textfield-background-color-success);--plasma-textfield-bg-color-hover:var(--plasma-date-time-picker-textfield-background-color-success-hover);--plasma-textfield-bg-color-focus:var(--plasma-date-time-picker-textfield-background-color-success-focus);--plasma-textfield-border-color:var(--plasma-date-time-picker-textfield-border-color-success);--plasma-textfield-border-color-hover:var(--plasma-date-time-picker-textfield-border-color-success-hover);--plasma-textfield-border-color-focus:var(--plasma-date-time-picker-textfield-border-color-success-focus);}
1242
1242
 
1243
1243
  .CalendarGrid_styles_1yl3xrz_s1rkvk29__3f2ee134{-webkit-flex-shrink:var(--s1rkvk29-0);-ms-flex-negative:var(--s1rkvk29-0);flex-shrink:var(--s1rkvk29-0);width:var(--s1rkvk29-1);height:var(--s1rkvk29-2);--plasma-calendar-separator-background:var(--plasma-date-time-picker-calendar__separator-background);--plasma-calendar-selected-item-background:var(--plasma-date-time-picker-calendar__selected-item-background);--plasma-calendar-selected-item-color:var(--plasma-date-time-picker-calendar__selected-item-color);--plasma-calendar-selectable-item-bg-hover:var(--plasma-date-time-picker-calendar__selectable-item-background-hover);--plasma-calendar-current-item-border-color:var(--plasma-date-time-picker-calendar__current-item-border-color);--plasma-calendar-current-item-border-width:var(--plasma-date-time-picker-calendar__current-item-border-width);--plasma-calendar-current-item-bg-hover:var(--plasma-date-time-picker-calendar__current-item-background-hover);--plasma-calendar-current-item-color-hover:var(--plasma-date-time-picker-calendar__current-item-color-hover);--plasma-calendar-current-item-child-bg-hover:var(--plasma-date-time-picker-calendar__current-item-child-background-hover);--plasma-calendar-active-item-bg:var(--plasma-date-time-picker-calendar__active-item-background);--plasma-calendar-active-item-color:var(--plasma-date-time-picker-calendar__active-item-color);--plasma-calendar-hovered-item-bg:var(--plasma-date-time-picker-calendar__hovered-item-background);--plasma-calendar-hovered-item-color:var(--plasma-date-time-picker-calendar__hovered-item-color);--plasma-calendar-range-background:var(--plasma-date-time-picker-calendar__range-background);--plasma-calendar-outline-focus-color:var(--plasma-date-time-picker-calendar__outline-focus-color);--plasma-calendar-content-primary-color:var(--plasma-date-time-picker-calendar__content-primary-color);--plasma-calendar-content-primary-disabled-color:var(--plasma-date-time-picker-calendar__content-primary-disabled-color);--plasma-calendar-content-secondary-color:var(--plasma-date-time-picker-calendar__content-secondary-color);--plasma-calendar-content-secondary-disabled-color:var(--plasma-date-time-picker-calendar__content-secondary-disabled-color);--plasma-calendar-disabled-opacity:var(--plasma-date-time-picker-calendar__disabled-opacity);--plasma-calendar-icon-button-color:var(--plasma-date-time-picker-icon-button__color);--plasma-calendar-icon-button-background:var(--plasma-date-time-picker-icon-button__background-color);--plasma-calendar-icon-button-color-hover:var(--plasma-date-time-picker-icon-button__color-hover);--plasma-calendar-icon-button-background-hover:var(--plasma-date-time-picker-icon-button__background-color-hover);--plasma-calendar-icon-button-color-active:var(--plasma-date-time-picker-icon-button__color-active);--plasma-calendar-icon-button-background-active:var(--plasma-date-time-picker-icon-button__background-color-active);--plasma-calendar-border-width:var(--plasma-date-time-picker-calendar-border-width);--plasma-calendar-border-color:var(--plasma-date-time-picker-calendar-border-color);--plasma-calendar-years-padding:var(--plasma-date-time-picker-calendar__years-padding);--plasma-calendar-year-item-border-radius:var(--plasma-date-time-picker-calendar__year-item-border-radius);--plasma-calendar-year-font-family:var(--plasma-date-time-picker-calendar__year-font-family);--plasma-calendar-year-font-size:var(--plasma-date-time-picker-calendar__year-font-size);--plasma-calendar-year-font-style:var(--plasma-date-time-picker-calendar__year-font-style);--plasma-calendar-year-font-letter-spacing:var(--plasma-date-time-picker-calendar__year-letter-spacing);--plasma-calendar-year-line-height:var(--plasma-date-time-picker-calendar__year-line-height);--plasma-calendar-year-font-weight:var(--plasma-date-time-picker-calendar__year-font-weight);--plasma-calendar-year-selected-font-weight:var(--plasma-date-time-picker-calendar__year-selected-font-weight);--plasma-calendar-months-padding:var(--plasma-date-time-picker-calendar__months-padding);--plasma-calendar-month-item-border-radius:var(--plasma-date-time-picker-calendar__month-item-border-radius);--plasma-calendar-month-font-family:var(--plasma-date-time-picker-calendar__month-font-family);--plasma-calendar-month-font-size:var(--plasma-date-time-picker-calendar__month-font-size);--plasma-calendar-month-font-style:var(--plasma-date-time-picker-calendar__month-font-style);--plasma-calendar-month-font-letter-spacing:var(--plasma-date-time-picker-calendar__month-letter-spacing);--plasma-calendar-month-line-height:var(--plasma-date-time-picker-calendar__month-line-height);--plasma-calendar-month-font-weight:var(--plasma-date-time-picker-calendar__month-font-weight);--plasma-calendar-month-selected-font-weight:var(--plasma-date-time-picker-calendar__month-selected-font-weight);--plasma-calendar-quarters-padding:var(--plasma-date-time-picker-calendar__quarters-padding);--plasma-calendar-quarter-item-border-radius:var(--plasma-date-time-picker-calendar__quarter-item-border-radius);--plasma-calendar-quarter-font-family:var(--plasma-date-time-picker-calendar__quarter-font-family);--plasma-calendar-quarter-font-size:var(--plasma-date-time-picker-calendar__quarter-font-size);--plasma-calendar-quarter-font-style:var(--plasma-date-time-picker-calendar__quarter-font-style);--plasma-calendar-quarter-font-letter-spacing:var(--plasma-date-time-picker-calendar__quarter-letter-spacing);--plasma-calendar-quarter-line-height:var(--plasma-date-time-picker-calendar__quarter-line-height);--plasma-calendar-quarter-font-weight:var(--plasma-date-time-picker-calendar__quarter-font-weight);--plasma-calendar-quarter-selected-font-weight:var(--plasma-date-time-picker-calendar__quarter-selected-font-weight);--plasma-calendar-days-padding:var(--plasma-date-time-picker-calendar__days-padding);--plasma-calendar-day-item-border-radius:var(--plasma-date-time-picker-calendar__day-item-border-radius);--plasma-calendar-day-font-family:var(--plasma-date-time-picker-calendar__day-font-family);--plasma-calendar-day-font-size:var(--plasma-date-time-picker-calendar__day-font-size);--plasma-calendar-day-font-style:var(--plasma-date-time-picker-calendar__day-font-style);--plasma-calendar-day-font-letter-spacing:var(--plasma-date-time-picker-calendar__day-letter-spacing);--plasma-calendar-day-line-height:var(--plasma-date-time-picker-calendar__day-line-height);--plasma-calendar-day-font-weight:var(--plasma-date-time-picker-calendar__day-font-weight);--plasma-calendar-day-selected-font-weight:var(--plasma-date-time-picker-calendar__day-selected-font-weight);--plasma-calendar-day-of-the-week-color:var(--plasma-date-time-picker-calendar__day-of-week-color);--plasma-calendar-event-item-bottom:var(--plasma-date-time-picker-calendar__event-item-bottom);--plasma-calendar-header-wrapper-padding:var(--plasma-date-time-picker-calendar__header-wrapper-padding);--plasma-calendar-arrow-container-gap:var(--plasma-date-time-picker-calendar__header-arrow-gap);--plasma-calendar-arrow-container-padding:var(--plasma-date-time-picker-calendar__header-arrow-padding);--plasma-calendar-header-padding:var(--plasma-date-time-picker-calendar__header-padding);--plasma-calendar-header-date-gap:var(--plasma-date-time-picker-calendar__header-date-gap);--plasma-calendar-header-font-family:var(--plasma-date-time-picker-calendar__header-font-family);--plasma-calendar-header-font-size:var(--plasma-date-time-picker-calendar__header-font-size);--plasma-calendar-header-font-style:var(--plasma-date-time-picker-calendar__header-font-style);--plasma-calendar-header-font-letter-spacing:var(--plasma-date-time-picker-calendar__header-letter-spacing);--plasma-calendar-header-line-height:var(--plasma-date-time-picker-calendar__header-line-height);--plasma-calendar-header-font-weight:var(--plasma-date-time-picker-calendar__header-font-weight);--plasma-calendar-header-font-weight-bold:var(--plasma-date-time-picker-calendar__header-font-weight-bold);--plasma-calendar-header-arrow-color:var(--plasma-date-time-picker-calendar__header-arrow-color);--plasma-calendar-arrow-custom-size:var(--plasma-date-time-picker-calendar__header-arrow-custom-size);--plasma-calendar-icon-button-height:var(--plasma-date-time-picker-icon-button__height);--plasma-calendar-icon-button-width:var(--plasma-date-time-picker-icon-button__width);--plasma-calendar-icon-button-padding:var(--plasma-date-time-picker-icon-button__padding);--plasma-calendar-icon-button-radius:var(--plasma-date-time-picker-icon-button__radius);--plasma-calendar-icon-button-focus-color:var(--plasma-date-time-picker-icon-button__focus-color);--plasma-calendar-tooltip-padding-top:var(--plasma-date-time-picker-calendar-tooltip-padding-top);--plasma-calendar-tooltip-padding-right:var(--plasma-date-time-picker-calendar-tooltip-padding-right);--plasma-calendar-tooltip-padding-bottom:var(--plasma-date-time-picker-calendar-tooltip-padding-bottom);--plasma-calendar-tooltip-padding-left:var(--plasma-date-time-picker-calendar-tooltip-padding-left);--plasma-calendar-tooltip-min-height:var(--plasma-date-time-picker-calendar-tooltip-min-height);--plasma-calendar-tooltip-background-color:var(--plasma-date-time-picker-calendar-tooltip-background-color);--plasma-calendar-tooltip-box-shadow:var(--plasma-date-time-picker-calendar-tooltip-box-shadow);--plasma-calendar-tooltip-border-radius:var(--plasma-date-time-picker-calendar-tooltip-border-radius);--plasma-calendar-tooltip-color:var(--plasma-date-time-picker-calendar-tooltip-color);--plasma-calendar-tooltip-text-font-family:var(--plasma-date-time-picker-calendar-tooltip-text-font-family);--plasma-calendar-tooltip-text-font-size:var(--plasma-date-time-picker-calendar-tooltip-text-font-size);--plasma-calendar-tooltip-text-font-style:var(--plasma-date-time-picker-calendar-tooltip-text-font-style);--plasma-calendar-tooltip-text-font-weight:var(--plasma-date-time-picker-calendar-tooltip-text-font-weight);--plasma-calendar-tooltip-text-font-letter-spacing:var(--plasma-date-time-picker-calendar-tooltip-text-font-letter-spacing);--plasma-calendar-tooltip-text-font-line-height:var(--plasma-date-time-picker-calendar-tooltip-text-font-line-height);--plasma-calendar-tooltip-content-left-margin:var(--plasma-date-time-picker-calendar-tooltip-content-left-margin);--plasma-calendar-tooltip-arrow-mask-width:var(--plasma-date-time-picker-calendar-tooltip-arrow-mask-width);--plasma-calendar-tooltip-arrow-mask-height:var(--plasma-date-time-picker-calendar-tooltip-arrow-mask-height);--plasma-calendar-tooltip-arrow-mask-image:var(--plasma-date-time-picker-calendar-tooltip-arrow-mask-image);--plasma-calendar-tooltip-arrow-background:var(--plasma-date-time-picker-calendar-tooltip-arrow-background);--plasma-calendar-tooltip-arrow-height:var(--plasma-date-time-picker-calendar-tooltip-arrow-height);--plasma-calendar-tooltip-arrow-edge-margin:var(--plasma-date-time-picker-calendar-tooltip-arrow-edge-margin);}
1244
1244
  .CalendarGrid_styles_1yl3xrz_sqe6c9j__3f2ee134{--plasma_private-calendar-double-width:calc(var(--plasma-date-time-picker-calendar-width) * 2 + 2.063rem);-webkit-flex-shrink:var(--sqe6c9j-0);-ms-flex-negative:var(--sqe6c9j-0);flex-shrink:var(--sqe6c9j-0);width:var(--sqe6c9j-1);height:var(--sqe6c9j-2);--plasma-calendar-separator-background:var(--plasma-date-time-picker-calendar__separator-background);--plasma-calendar-selected-item-background:var(--plasma-date-time-picker-calendar__selected-item-background);--plasma-calendar-selected-item-color:var(--plasma-date-time-picker-calendar__selected-item-color);--plasma-calendar-selectable-item-bg-hover:var(--plasma-date-time-picker-calendar__selectable-item-background-hover);--plasma-calendar-current-item-border-color:var(--plasma-date-time-picker-calendar__current-item-border-color);--plasma-calendar-current-item-border-width:var(--plasma-date-time-picker-calendar__current-item-border-width);--plasma-calendar-current-item-bg-hover:var(--plasma-date-time-picker-calendar__current-item-background-hover);--plasma-calendar-current-item-color-hover:var(--plasma-date-time-picker-calendar__current-item-color-hover);--plasma-calendar-current-item-child-bg-hover:var(--plasma-date-time-picker-calendar__current-item-child-background-hover);--plasma-calendar-active-item-bg:var(--plasma-date-time-picker-calendar__active-item-background);--plasma-calendar-active-item-color:var(--plasma-date-time-picker-calendar__active-item-color);--plasma-calendar-hovered-item-bg:var(--plasma-date-time-picker-calendar__hovered-item-background);--plasma-calendar-hovered-item-color:var(--plasma-date-time-picker-calendar__hovered-item-color);--plasma-calendar-range-background:var(--plasma-date-time-picker-calendar__range-background);--plasma-calendar-outline-focus-color:var(--plasma-date-time-picker-calendar__outline-focus-color);--plasma-calendar-content-primary-color:var(--plasma-date-time-picker-calendar__content-primary-color);--plasma-calendar-content-primary-disabled-color:var(--plasma-date-time-picker-calendar__content-primary-disabled-color);--plasma-calendar-content-secondary-color:var(--plasma-date-time-picker-calendar__content-secondary-color);--plasma-calendar-content-secondary-disabled-color:var(--plasma-date-time-picker-calendar__content-secondary-disabled-color);--plasma-calendar-disabled-opacity:var(--plasma-date-time-picker-calendar__disabled-opacity);--plasma-calendar-icon-button-color:var(--plasma-date-time-picker-icon-button__color);--plasma-calendar-icon-button-background:var(--plasma-date-time-picker-icon-button__background-color);--plasma-calendar-icon-button-color-hover:var(--plasma-date-time-picker-icon-button__color-hover);--plasma-calendar-icon-button-background-hover:var(--plasma-date-time-picker-icon-button__background-color-hover);--plasma-calendar-icon-button-color-active:var(--plasma-date-time-picker-icon-button__color-active);--plasma-calendar-icon-button-background-active:var(--plasma-date-time-picker-icon-button__background-color-active);--plasma-calendar-border-width:var(--plasma-date-time-picker-calendar-border-width);--plasma-calendar-border-color:var(--plasma-date-time-picker-calendar-border-color);--plasma-calendar-years-padding:var(--plasma-date-time-picker-calendar__years-padding);--plasma-calendar-year-item-border-radius:var(--plasma-date-time-picker-calendar__year-item-border-radius);--plasma-calendar-year-font-family:var(--plasma-date-time-picker-calendar__year-font-family);--plasma-calendar-year-font-size:var(--plasma-date-time-picker-calendar__year-font-size);--plasma-calendar-year-font-style:var(--plasma-date-time-picker-calendar__year-font-style);--plasma-calendar-year-font-letter-spacing:var(--plasma-date-time-picker-calendar__year-letter-spacing);--plasma-calendar-year-line-height:var(--plasma-date-time-picker-calendar__year-line-height);--plasma-calendar-year-font-weight:var(--plasma-date-time-picker-calendar__year-font-weight);--plasma-calendar-year-selected-font-weight:var(--plasma-date-time-picker-calendar__year-selected-font-weight);--plasma-calendar-months-padding:var(--plasma-date-time-picker-calendar__months-padding);--plasma-calendar-month-item-border-radius:var(--plasma-date-time-picker-calendar__month-item-border-radius);--plasma-calendar-month-font-family:var(--plasma-date-time-picker-calendar__month-font-family);--plasma-calendar-month-font-size:var(--plasma-date-time-picker-calendar__month-font-size);--plasma-calendar-month-font-style:var(--plasma-date-time-picker-calendar__month-font-style);--plasma-calendar-month-font-letter-spacing:var(--plasma-date-time-picker-calendar__month-letter-spacing);--plasma-calendar-month-line-height:var(--plasma-date-time-picker-calendar__month-line-height);--plasma-calendar-month-font-weight:var(--plasma-date-time-picker-calendar__month-font-weight);--plasma-calendar-month-selected-font-weight:var(--plasma-date-time-picker-calendar__month-selected-font-weight);--plasma-calendar-quarters-padding:var(--plasma-date-time-picker-calendar__quarters-padding);--plasma-calendar-quarter-item-border-radius:var(--plasma-date-time-picker-calendar__quarter-item-border-radius);--plasma-calendar-quarter-font-family:var(--plasma-date-time-picker-calendar__quarter-font-family);--plasma-calendar-quarter-font-size:var(--plasma-date-time-picker-calendar__quarter-font-size);--plasma-calendar-quarter-font-style:var(--plasma-date-time-picker-calendar__quarter-font-style);--plasma-calendar-quarter-font-letter-spacing:var(--plasma-date-time-picker-calendar__quarter-letter-spacing);--plasma-calendar-quarter-line-height:var(--plasma-date-time-picker-calendar__quarter-line-height);--plasma-calendar-quarter-font-weight:var(--plasma-date-time-picker-calendar__quarter-font-weight);--plasma-calendar-quarter-selected-font-weight:var(--plasma-date-time-picker-calendar__quarter-selected-font-weight);--plasma-calendar-days-padding:var(--plasma-date-time-picker-calendar__days-padding);--plasma-calendar-day-item-border-radius:var(--plasma-date-time-picker-calendar__day-item-border-radius);--plasma-calendar-day-font-family:var(--plasma-date-time-picker-calendar__day-font-family);--plasma-calendar-day-font-size:var(--plasma-date-time-picker-calendar__day-font-size);--plasma-calendar-day-font-style:var(--plasma-date-time-picker-calendar__day-font-style);--plasma-calendar-day-font-letter-spacing:var(--plasma-date-time-picker-calendar__day-letter-spacing);--plasma-calendar-day-line-height:var(--plasma-date-time-picker-calendar__day-line-height);--plasma-calendar-day-font-weight:var(--plasma-date-time-picker-calendar__day-font-weight);--plasma-calendar-day-selected-font-weight:var(--plasma-date-time-picker-calendar__day-selected-font-weight);--plasma-calendar-day-of-the-week-color:var(--plasma-date-time-picker-calendar__day-of-week-color);--plasma-calendar-event-item-bottom:var(--plasma-date-time-picker-calendar__event-item-bottom);--plasma-calendar-header-wrapper-padding:var(--plasma-date-time-picker-calendar__header-wrapper-padding);--plasma-calendar-arrow-container-gap:var(--plasma-date-time-picker-calendar__header-arrow-gap);--plasma-calendar-arrow-container-padding:var(--plasma-date-time-picker-calendar__header-arrow-padding);--plasma-calendar-header-padding:var(--plasma-date-time-picker-calendar__header-padding);--plasma-calendar-header-date-gap:var(--plasma-date-time-picker-calendar__header-date-gap);--plasma-calendar-header-font-family:var(--plasma-date-time-picker-calendar__header-font-family);--plasma-calendar-header-font-size:var(--plasma-date-time-picker-calendar__header-font-size);--plasma-calendar-header-font-style:var(--plasma-date-time-picker-calendar__header-font-style);--plasma-calendar-header-font-letter-spacing:var(--plasma-date-time-picker-calendar__header-letter-spacing);--plasma-calendar-header-line-height:var(--plasma-date-time-picker-calendar__header-line-height);--plasma-calendar-header-font-weight:var(--plasma-date-time-picker-calendar__header-font-weight);--plasma-calendar-header-font-weight-bold:var(--plasma-date-time-picker-calendar__header-font-weight-bold);--plasma-calendar-header-arrow-color:var(--plasma-date-time-picker-calendar__header-arrow-color);--plasma-calendar-arrow-custom-size:var(--plasma-date-time-picker-calendar__header-arrow-custom-size);--plasma-calendar-icon-button-height:var(--plasma-date-time-picker-icon-button__height);--plasma-calendar-icon-button-width:var(--plasma-date-time-picker-icon-button__width);--plasma-calendar-icon-button-padding:var(--plasma-date-time-picker-icon-button__padding);--plasma-calendar-icon-button-radius:var(--plasma-date-time-picker-icon-button__radius);--plasma-calendar-icon-button-focus-color:var(--plasma-date-time-picker-icon-button__focus-color);--plasma-calendar-tooltip-padding-top:var(--plasma-date-time-picker-calendar-tooltip-padding-top);--plasma-calendar-tooltip-padding-right:var(--plasma-date-time-picker-calendar-tooltip-padding-right);--plasma-calendar-tooltip-padding-bottom:var(--plasma-date-time-picker-calendar-tooltip-padding-bottom);--plasma-calendar-tooltip-padding-left:var(--plasma-date-time-picker-calendar-tooltip-padding-left);--plasma-calendar-tooltip-min-height:var(--plasma-date-time-picker-calendar-tooltip-min-height);--plasma-calendar-tooltip-background-color:var(--plasma-date-time-picker-calendar-tooltip-background-color);--plasma-calendar-tooltip-box-shadow:var(--plasma-date-time-picker-calendar-tooltip-box-shadow);--plasma-calendar-tooltip-border-radius:var(--plasma-date-time-picker-calendar-tooltip-border-radius);--plasma-calendar-tooltip-color:var(--plasma-date-time-picker-calendar-tooltip-color);--plasma-calendar-tooltip-text-font-family:var(--plasma-date-time-picker-calendar-tooltip-text-font-family);--plasma-calendar-tooltip-text-font-size:var(--plasma-date-time-picker-calendar-tooltip-text-font-size);--plasma-calendar-tooltip-text-font-style:var(--plasma-date-time-picker-calendar-tooltip-text-font-style);--plasma-calendar-tooltip-text-font-weight:var(--plasma-date-time-picker-calendar-tooltip-text-font-weight);--plasma-calendar-tooltip-text-font-letter-spacing:var(--plasma-date-time-picker-calendar-tooltip-text-font-letter-spacing);--plasma-calendar-tooltip-text-font-line-height:var(--plasma-date-time-picker-calendar-tooltip-text-font-line-height);--plasma-calendar-tooltip-content-left-margin:var(--plasma-date-time-picker-calendar-tooltip-content-left-margin);--plasma-calendar-tooltip-arrow-mask-width:var(--plasma-date-time-picker-calendar-tooltip-arrow-mask-width);--plasma-calendar-tooltip-arrow-mask-height:var(--plasma-date-time-picker-calendar-tooltip-arrow-mask-height);--plasma-calendar-tooltip-arrow-mask-image:var(--plasma-date-time-picker-calendar-tooltip-arrow-mask-image);--plasma-calendar-tooltip-arrow-background:var(--plasma-date-time-picker-calendar-tooltip-arrow-background);--plasma-calendar-tooltip-arrow-height:var(--plasma-date-time-picker-calendar-tooltip-arrow-height);--plasma-calendar-tooltip-arrow-edge-margin:var(--plasma-date-time-picker-calendar-tooltip-arrow-edge-margin);}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@salutejs/plasma-new-hope",
3
- "version": "0.343.0-canary.2367.19851506127.0",
3
+ "version": "0.343.0-canary.2368.19872331595.0",
4
4
  "description": "Salute Design System blueprint",
5
5
  "main": "cjs/index.js",
6
6
  "module": "es/index.js",
@@ -75,19 +75,12 @@
75
75
  "@emotion/styled": "11.11.5",
76
76
  "@ironkinoko/rollup-plugin-styles": "^4.0.3",
77
77
  "@linaria/rollup": "5.0.4",
78
- "@linaria/vite": "5.0.4",
79
78
  "@rollup/plugin-babel": "^6.0.4",
80
79
  "@rollup/plugin-commonjs": "^25.0.4",
81
80
  "@rollup/plugin-node-resolve": "^15.1.0",
82
- "@salutejs/plasma-cy-utils": "0.141.0-canary.2367.19851506127.0",
83
- "@salutejs/plasma-sb-utils": "0.211.0-canary.2367.19851506127.0",
81
+ "@salutejs/plasma-cy-utils": "0.141.0-canary.2368.19872331595.0",
82
+ "@salutejs/plasma-sb-utils": "0.211.0-canary.2368.19872331595.0",
84
83
  "@salutejs/plasma-themes": "0.38.0",
85
- "@storybook/addon-docs": "8.6.12",
86
- "@storybook/addon-essentials": "8.6.12",
87
- "@storybook/manager-api": "8.6.12",
88
- "@storybook/react": "8.6.12",
89
- "@storybook/react-vite": "8.6.12",
90
- "@storybook/theming": "8.6.12",
91
84
  "@types/lodash": "^4.14.191",
92
85
  "@types/lodash.chunk": "4.2.9",
93
86
  "@types/lodash.throttle": "4.1.6",
@@ -95,7 +88,6 @@
95
88
  "@types/react": "18.0.28",
96
89
  "@types/react-dom": "18.0.11",
97
90
  "@types/styled-components": "5.1.0",
98
- "@vitejs/plugin-react": "^3.1.0",
99
91
  "babel-loader": "8.2.2",
100
92
  "babel-plugin-annotate-pure-calls": "0.4.0",
101
93
  "babel-plugin-module-resolver": "5.0.2",
@@ -105,10 +97,8 @@
105
97
  "react": "18.2.0",
106
98
  "react-dom": "18.2.0",
107
99
  "rollup": "^3.28.0",
108
- "storybook": "8.6.12",
109
100
  "styled-components": "5.3.1",
110
- "tsc-alias": "1.8.16",
111
- "vite": "4.5.3"
101
+ "tsc-alias": "1.8.16"
112
102
  },
113
103
  "dependencies": {
114
104
  "@floating-ui/dom": "1.7.4",
@@ -118,7 +108,7 @@
118
108
  "@linaria/react": "5.0.3",
119
109
  "@popperjs/core": "2.11.8",
120
110
  "@salutejs/input-core": "2.1.2",
121
- "@salutejs/plasma-core": "1.211.0-canary.2367.19851506127.0",
111
+ "@salutejs/plasma-core": "1.211.0-canary.2368.19872331595.0",
122
112
  "@salutejs/react-maskinput": "3.3.2",
123
113
  "@tanstack/react-table": "8.21.2",
124
114
  "@tanstack/react-virtual": "3.13.2",
@@ -138,5 +128,5 @@
138
128
  "sideEffects": [
139
129
  "*.css"
140
130
  ],
141
- "gitHead": "b45bb390fc4c6cfb9086f67ba67db7fec442ee0c"
131
+ "gitHead": "e3027f9033ce2e332b3c6ec282e199d5efa7f771"
142
132
  }
@@ -206,7 +206,7 @@ function _unsupported_iterable_to_array(o, minLen) {
206
206
  var comboboxRoot = function(Root) {
207
207
  return /*#__PURE__*/ (0, _react.forwardRef)(function(props, ref) {
208
208
  var _getItemByFocused;
209
- var name = props.name, multiple = props.multiple, outerValue = props.value, outerOnChange = props.onChange, defaultValue = props.defaultValue, isTargetAmount = props.isTargetAmount, targetAmount = props.targetAmount, items = props.items, _props_treeView = props.treeView, treeView = _props_treeView === void 0 ? false : _props_treeView, _props_arrowPlacement = props.arrowPlacement, arrowPlacement = _props_arrowPlacement === void 0 ? 'left' : _props_arrowPlacement, _props_placement = props.placement, placement = _props_placement === void 0 ? 'bottom-start' : _props_placement, label = props.label, placeholder = props.placeholder, helperText = props.helperText, contentLeft = props.contentLeft, textBefore = props.textBefore, textAfter = props.textAfter, _props_variant = props.variant, variant = _props_variant === void 0 ? 'normal' : _props_variant, listOverflow = props.listOverflow, listHeight = props.listHeight, listMaxHeight = props.listMaxHeight, listWidth = props.listWidth, portal = props.portal, renderItem = props.renderItem, view = props.view, size = props.size, labelPlacement = props.labelPlacement, keepPlaceholder = props.keepPlaceholder, _props_readOnly = props.readOnly, readOnly = _props_readOnly === void 0 ? false : _props_readOnly, _props_disabled = props.disabled, disabled = _props_disabled === void 0 ? false : _props_disabled, _props_alwaysOpened = props.alwaysOpened, alwaysOpened = _props_alwaysOpened === void 0 ? false : _props_alwaysOpened, filter = props.filter, outerCloseAfterSelect = props.closeAfterSelect, renderValue = props.renderValue, zIndex = props.zIndex, beforeList = props.beforeList, afterList = props.afterList, _props_virtual = props.virtual, virtual = _props_virtual === void 0 ? false : _props_virtual, hintView = props.hintView, hintSize = props.hintSize, emptyStateDescription = props.emptyStateDescription, onChangeValue = props.onChangeValue, onScroll = props.onScroll, onToggle = props.onToggle, _props_mode = props.mode, mode = _props_mode === void 0 ? 'default' : _props_mode, _props_chipClickArea = props.chipClickArea, chipClickArea = _props_chipClickArea === void 0 ? 'full' : _props_chipClickArea, // @ts-ignore
209
+ var name = props.name, multiple = props.multiple, outerValue = props.value, outerOnChange = props.onChange, defaultValue = props.defaultValue, isTargetAmount = props.isTargetAmount, targetAmount = props.targetAmount, items = props.items, _props_treeView = props.treeView, treeView = _props_treeView === void 0 ? false : _props_treeView, _props_arrowPlacement = props.arrowPlacement, arrowPlacement = _props_arrowPlacement === void 0 ? 'left' : _props_arrowPlacement, _props_placement = props.placement, placement = _props_placement === void 0 ? 'bottom-start' : _props_placement, label = props.label, placeholder = props.placeholder, helperText = props.helperText, contentLeft = props.contentLeft, textBefore = props.textBefore, textAfter = props.textAfter, _props_variant = props.variant, variant = _props_variant === void 0 ? 'normal' : _props_variant, listOverflow = props.listOverflow, listHeight = props.listHeight, listMaxHeight = props.listMaxHeight, listWidth = props.listWidth, portal = props.portal, renderItem = props.renderItem, view = props.view, size = props.size, labelPlacement = props.labelPlacement, keepPlaceholder = props.keepPlaceholder, _props_readOnly = props.readOnly, readOnly = _props_readOnly === void 0 ? false : _props_readOnly, _props_disabled = props.disabled, disabled = _props_disabled === void 0 ? false : _props_disabled, _props_alwaysOpened = props.alwaysOpened, alwaysOpened = _props_alwaysOpened === void 0 ? false : _props_alwaysOpened, filter = props.filter, outerCloseAfterSelect = props.closeAfterSelect, renderValue = props.renderValue, zIndex = props.zIndex, beforeList = props.beforeList, afterList = props.afterList, _props_virtual = props.virtual, virtual = _props_virtual === void 0 ? false : _props_virtual, hintView = props.hintView, hintSize = props.hintSize, emptyStateDescription = props.emptyStateDescription, onChangeValue = props.onChangeValue, filterValue = props.filterValue, onScroll = props.onScroll, onToggle = props.onToggle, _props_mode = props.mode, mode = _props_mode === void 0 ? 'default' : _props_mode, _props_chipClickArea = props.chipClickArea, chipClickArea = _props_chipClickArea === void 0 ? 'full' : _props_chipClickArea, // @ts-ignore
210
210
  _offset = props._offset, rest = _object_without_properties(props, [
211
211
  "name",
212
212
  "multiple",
@@ -250,6 +250,7 @@ var comboboxRoot = function(Root) {
250
250
  "hintSize",
251
251
  "emptyStateDescription",
252
252
  "onChangeValue",
253
+ "filterValue",
253
254
  "onScroll",
254
255
  "onToggle",
255
256
  "mode",
@@ -346,16 +347,15 @@ var comboboxRoot = function(Root) {
346
347
  };
347
348
  // Обработчик изменения значения в инпуте
348
349
  var handleTextValueChange = function(e) {
349
- setTextValue(e.target.value);
350
+ if (!filterValue || filterValue(e.target.value)) {
351
+ setTextValue(e.target.value);
352
+ }
350
353
  dispatchPath({
351
354
  type: 'opened_first_level'
352
355
  });
353
356
  dispatchFocusedPath({
354
357
  type: 'reset'
355
358
  });
356
- if (onChangeValue) {
357
- onChangeValue(e.target.value);
358
- }
359
359
  };
360
360
  // Обработчик чипов
361
361
  var handleChipClick = function(chip) {
@@ -712,6 +712,7 @@ var comboboxRoot = function(Root) {
712
712
  contentLeft: contentLeft,
713
713
  contentRight: /*#__PURE__*/ _react.default.createElement(_Comboboxstyles.IconArrowWrapper, {
714
714
  disabled: disabled,
715
+ readOnly: readOnly,
715
716
  onClick: handleClickArrow,
716
717
  className: _Comboboxtokens.classes.comboboxTargetArrow
717
718
  }, /*#__PURE__*/ _react.default.createElement(_Comboboxstyles.StyledArrow, {
@@ -84,7 +84,7 @@ var mergedConfig = (0, _engines.mergeConfig)(_EmptyState.emptyStateConfig);
84
84
  var EmptyState = (0, _engines.component)(mergedConfig);
85
85
  var ListWrapper = _styledcomponents.default.div.withConfig({
86
86
  displayName: "Combobox.styles__ListWrapper",
87
- componentId: "sc-21c5f0bf-0"
87
+ componentId: "sc-48cd29fe-0"
88
88
  })([
89
89
  "width:",
90
90
  ";padding:calc(var(",
@@ -101,7 +101,7 @@ var ListWrapper = _styledcomponents.default.div.withConfig({
101
101
  }, _Comboboxtokens.tokens.padding, _Comboboxtokens.tokens.dropdownBorderWidth, _Comboboxtokens.tokens.borderRadius, _Comboboxtokens.constants.background, _Comboboxtokens.constants.boxShadow, _Comboboxtokens.tokens.dropdownBorderWidth, _Comboboxtokens.tokens.dropdownBorderColor);
102
102
  var Ul = _styledcomponents.default.ul.withConfig({
103
103
  displayName: "Combobox.styles__Ul",
104
- componentId: "sc-21c5f0bf-1"
104
+ componentId: "sc-48cd29fe-1"
105
105
  })([
106
106
  "max-height:",
107
107
  ";overflow-x:hidden;overflow-y:",
@@ -118,7 +118,7 @@ var Ul = _styledcomponents.default.ul.withConfig({
118
118
  }, _Comboboxtokens.tokens.borderRadius, _Comboboxtokens.tokens.dropdownBorderWidth, _Comboboxtokens.classes.emptyStateWrapper);
119
119
  var IconArrowWrapper = _styledcomponents.default.div.withConfig({
120
120
  displayName: "Combobox.styles__IconArrowWrapper",
121
- componentId: "sc-21c5f0bf-2"
121
+ componentId: "sc-48cd29fe-2"
122
122
  })([
123
123
  "line-height:0;color:var(",
124
124
  ");cursor:",
@@ -126,11 +126,11 @@ var IconArrowWrapper = _styledcomponents.default.div.withConfig({
126
126
  "{transform:rotate(-180deg);}&:hover,&:active{color:",
127
127
  ";}"
128
128
  ], _Comboboxtokens.tokens.disclosureIconColor, function(param) {
129
- var disabled = param.disabled;
130
- return disabled ? 'inherit' : 'pointer';
129
+ var disabled = param.disabled, readOnly = param.readOnly;
130
+ return disabled || readOnly ? 'inherit' : 'pointer';
131
131
  }, _Comboboxtokens.classes.arrowInverse, function(param) {
132
- var disabled = param.disabled;
133
- return disabled ? "var(".concat(_Comboboxtokens.tokens.disclosureIconColor, ")") : "var(".concat(_Comboboxtokens.tokens.disclosureIconColorHover, ")");
132
+ var disabled = param.disabled, readOnly = param.readOnly;
133
+ return disabled || readOnly ? "var(".concat(_Comboboxtokens.tokens.disclosureIconColor, ")") : "var(".concat(_Comboboxtokens.tokens.disclosureIconColorHover, ")");
134
134
  });
135
135
  var sizeMap = {
136
136
  xs: '1rem',
@@ -138,7 +138,7 @@ var sizeMap = {
138
138
  };
139
139
  var StyledArrow = (0, _styledcomponents.default)(_Icon.IconDisclosureDownCentered).withConfig({
140
140
  displayName: "Combobox.styles__StyledArrow",
141
- componentId: "sc-21c5f0bf-3"
141
+ componentId: "sc-48cd29fe-3"
142
142
  })([
143
143
  "width:",
144
144
  ";height:",
@@ -155,7 +155,7 @@ var base = (0, _styledcomponents.css)([
155
155
  ]);
156
156
  var StyledEmptyState = (0, _styledcomponents.default)(EmptyState).withConfig({
157
157
  displayName: "Combobox.styles__StyledEmptyState",
158
- componentId: "sc-21c5f0bf-4"
158
+ componentId: "sc-48cd29fe-4"
159
159
  })([
160
160
  "",
161
161
  ":var(",
@@ -177,7 +177,7 @@ var StyledEmptyState = (0, _styledcomponents.default)(EmptyState).withConfig({
177
177
  ], _EmptyState.emptyStateTokens.borderRadius, _Comboboxtokens.tokens.textFieldBorderRadius, _EmptyState.emptyStateTokens.padding, _Comboboxtokens.tokens.emptyStatePadding, _EmptyState.emptyStateTokens.fontFamily, _Comboboxtokens.tokens.textFieldFontFamily, _EmptyState.emptyStateTokens.fontSize, _Comboboxtokens.tokens.textFieldFontSize, _EmptyState.emptyStateTokens.fontStyle, _Comboboxtokens.tokens.textFieldFontStyle, _EmptyState.emptyStateTokens.fontWeight, _Comboboxtokens.tokens.textFieldFontWeight, _EmptyState.emptyStateTokens.fontLetterSpacing, _Comboboxtokens.tokens.textFieldLetterSpacing, _EmptyState.emptyStateTokens.fontLineHeight, _Comboboxtokens.tokens.textFieldLineHeight);
178
178
  var StyledLeftHelper = _styledcomponents.default.span.withConfig({
179
179
  displayName: "Combobox.styles__StyledLeftHelper",
180
- componentId: "sc-21c5f0bf-5"
180
+ componentId: "sc-48cd29fe-5"
181
181
  })([
182
182
  "margin:0;padding:0;"
183
183
  ]);
@@ -21,7 +21,7 @@ var mergedTextFieldConfig = (0, _engines.mergeConfig)(_TextField.textFieldConfig
21
21
  var TextField = (0, _engines.component)(mergedTextFieldConfig);
22
22
  var StyledInput = (0, _styledcomponents.default)(TextField).withConfig({
23
23
  displayName: "Input.styles__StyledInput",
24
- componentId: "sc-ccd65eda-0"
24
+ componentId: "sc-566fa015-0"
25
25
  })([
26
26
  "width:100%;",
27
27
  ":var(",
@@ -146,12 +146,6 @@ var StyledInput = (0, _styledcomponents.default)(TextField).withConfig({
146
146
  ",var(",
147
147
  "));",
148
148
  ":var(",
149
- ",var(",
150
- "));",
151
- ":var(",
152
- ",var(",
153
- "));",
154
- ":var(",
155
149
  ");&.",
156
150
  "{",
157
151
  ":var(",
@@ -179,4 +173,4 @@ var StyledInput = (0, _styledcomponents.default)(TextField).withConfig({
179
173
  ");",
180
174
  ":var(",
181
175
  ");}"
182
- ], _TextField.textFieldTokens.color, _DateTimePickertokens.tokens.textFieldColor, _TextField.textFieldTokens.placeholderColor, _DateTimePickertokens.tokens.textFieldPlaceholderColor, _TextField.textFieldTokens.placeholderColorFocus, _DateTimePickertokens.tokens.textFieldPlaceholderColorFocus, _TextField.textFieldTokens.caretColor, _DateTimePickertokens.tokens.textFieldCaretColor, _TextField.textFieldTokens.focusColor, _DateTimePickertokens.tokens.textFieldFocusColor, _TextField.textFieldTokens.backgroundColor, _DateTimePickertokens.tokens.textFieldBackgroundColor, _TextField.textFieldTokens.backgroundColorHover, _DateTimePickertokens.tokens.textFieldBackgroundColorHover, _TextField.textFieldTokens.backgroundColorFocus, _DateTimePickertokens.tokens.textFieldBackgroundColorFocus, _TextField.textFieldTokens.borderWidth, _DateTimePickertokens.tokens.textFieldBorderWidth, _TextField.textFieldTokens.borderRadius, _DateTimePickertokens.tokens.textFieldBorderRadius, _TextField.textFieldTokens.borderColor, _DateTimePickertokens.tokens.textFieldBorderColor, _TextField.textFieldTokens.borderColorHover, _DateTimePickertokens.tokens.textFieldBorderColorHover, _TextField.textFieldTokens.borderColorFocus, _DateTimePickertokens.tokens.textFieldBorderColorFocus, _TextField.textFieldTokens.colorReadOnly, _DateTimePickertokens.tokens.textFieldColorReadOnly, _TextField.textFieldTokens.backgroundColorReadOnly, _DateTimePickertokens.tokens.textFieldBackgroundColorReadOnly, _TextField.textFieldTokens.readOnlyOpacity, _DateTimePickertokens.tokens.textFieldReadOnlyOpacity, _TextField.textFieldTokens.borderColorReadOnly, _DateTimePickertokens.tokens.textFieldBorderColorReadOnly, _TextField.textFieldTokens.placeholderColorReadOnly, _DateTimePickertokens.tokens.textFieldPlaceholderColorReadOnly, _TextField.textFieldTokens.height, _DateTimePickertokens.tokens.textFieldHeight, _TextField.textFieldTokens.padding, _DateTimePickertokens.tokens.textFieldPadding, _TextField.textFieldTokens.labelInnerPadding, _DateTimePickertokens.tokens.labelInnerPadding, _TextField.textFieldTokens.contentLabelInnerPadding, _DateTimePickertokens.tokens.contentLabelInnerPadding, _TextField.textFieldTokens.labelOffset, _DateTimePickertokens.tokens.labelOffset, _TextField.textFieldTokens.labelFontFamily, _DateTimePickertokens.tokens.labelFontFamily, _TextField.textFieldTokens.labelFontStyle, _DateTimePickertokens.tokens.labelFontStyle, _TextField.textFieldTokens.labelFontSize, _DateTimePickertokens.tokens.labelFontSize, _TextField.textFieldTokens.labelFontWeight, _DateTimePickertokens.tokens.labelFontWeight, _TextField.textFieldTokens.labelLetterSpacing, _DateTimePickertokens.tokens.labelLetterSpacing, _TextField.textFieldTokens.labelLineHeight, _DateTimePickertokens.tokens.labelLineHeight, _TextField.textFieldTokens.labelInnerFontFamily, _DateTimePickertokens.tokens.labelInnerFontFamily, _TextField.textFieldTokens.labelInnerFontSize, _DateTimePickertokens.tokens.labelInnerFontSize, _TextField.textFieldTokens.labelInnerFontStyle, _DateTimePickertokens.tokens.labelInnerFontStyle, _TextField.textFieldTokens.labelInnerFontWeight, _DateTimePickertokens.tokens.labelInnerFontWeight, _TextField.textFieldTokens.labelInnerLetterSpacing, _DateTimePickertokens.tokens.labelInnerLetterSpacing, _TextField.textFieldTokens.labelInnerLineHeight, _DateTimePickertokens.tokens.labelInnerLineHeight, _TextField.textFieldTokens.labelColorReadOnly, _DateTimePickertokens.tokens.labelColorReadOnly, _TextField.textFieldTokens.indicatorColor, _DateTimePickertokens.tokens.indicatorColor, _TextField.textFieldTokens.indicatorSizeInner, _DateTimePickertokens.tokens.indicatorSize, _TextField.textFieldTokens.indicatorSizeOuter, _DateTimePickertokens.tokens.indicatorSizeOuter, _TextField.textFieldTokens.indicatorLabelPlacementInner, _DateTimePickertokens.tokens.indicatorPlacement, _TextField.textFieldTokens.indicatorLabelPlacementOuter, _DateTimePickertokens.tokens.indicatorOuterPlacement, _TextField.textFieldTokens.indicatorLabelPlacementInnerRight, _DateTimePickertokens.tokens.indicatorPlacementRight, _TextField.textFieldTokens.indicatorLabelPlacementOuterRight, _DateTimePickertokens.tokens.indicatorOuterPlacementRight, _TextField.textFieldTokens.leftContentMargin, _DateTimePickertokens.tokens.textFieldLeftContentMargin, _TextField.textFieldTokens.rightContentMargin, _DateTimePickertokens.tokens.textFieldRightContentMargin, _TextField.textFieldTokens.fontFamily, _DateTimePickertokens.tokens.textFieldFontFamily, _TextField.textFieldTokens.fontSize, _DateTimePickertokens.tokens.textFieldFontSize, _TextField.textFieldTokens.fontStyle, _DateTimePickertokens.tokens.textFieldFontStyle, _TextField.textFieldTokens.fontWeight, _DateTimePickertokens.tokens.textFieldFontWeight, _TextField.textFieldTokens.letterSpacing, _DateTimePickertokens.tokens.textFieldLetterSpacing, _TextField.textFieldTokens.lineHeight, _DateTimePickertokens.tokens.textFieldLineHeight, _TextField.textFieldTokens.disabledOpacity, _DateTimePickertokens.tokens.disabledOpacity, _TextField.textFieldTokens.textBeforeColor, _DateTimePickertokens.tokens.textFieldTextBeforeColor, _TextField.textFieldTokens.textAfterColor, _DateTimePickertokens.tokens.textFieldTextAfterColor, _TextField.textFieldTokens.textBeforeMargin, _DateTimePickertokens.tokens.textFieldTextBeforeMargin, _TextField.textFieldTokens.textAfterMargin, _DateTimePickertokens.tokens.textFieldTextAfterMargin, _TextField.textFieldTokens.contentSlotColor, _DateTimePickertokens.tokens.textFieldContentSlotColor, _DateTimePickertokens.tokens.textFieldColor, _TextField.textFieldTokens.contentSlotColorHover, _DateTimePickertokens.tokens.textFieldContentSlotColorHover, _DateTimePickertokens.tokens.textFieldColor, _TextField.textFieldTokens.contentSlotColorActive, _DateTimePickertokens.tokens.textFieldContentSlotColorActive, _DateTimePickertokens.tokens.textFieldColor, _TextField.textFieldTokens.contentSlotRightColor, _DateTimePickertokens.tokens.textFieldContentRightSlotColor, _TextField.textFieldTokens.contentSlotColor, _TextField.textFieldTokens.contentSlotRightColorHover, _DateTimePickertokens.tokens.textFieldContentRightSlotColorHover, _TextField.textFieldTokens.contentSlotRightColor, _TextField.textFieldTokens.contentSlotRightOpacityReadOnly, _DateTimePickertokens.tokens.textFieldContentSlotRightOpacityReadOnly, _DateTimePickertokens.classes.error, _TextField.textFieldTokens.backgroundColor, _DateTimePickertokens.tokens.textFieldBackgroundErrorColor, _TextField.textFieldTokens.backgroundColorHover, _DateTimePickertokens.tokens.textFieldBackgroundErrorColorHover, _TextField.textFieldTokens.backgroundColorFocus, _DateTimePickertokens.tokens.textFieldBackgroundErrorColorFocus, _TextField.textFieldTokens.borderColor, _DateTimePickertokens.tokens.textFieldBorderColorError, _TextField.textFieldTokens.borderColorHover, _DateTimePickertokens.tokens.textFieldBorderColorErrorHover, _TextField.textFieldTokens.borderColorFocus, _DateTimePickertokens.tokens.textFieldBorderColorErrorFocus, _DateTimePickertokens.classes.success, _TextField.textFieldTokens.backgroundColor, _DateTimePickertokens.tokens.textFieldBackgroundSuccessColor, _TextField.textFieldTokens.backgroundColorHover, _DateTimePickertokens.tokens.textFieldBackgroundSuccessColorHover, _TextField.textFieldTokens.backgroundColorFocus, _DateTimePickertokens.tokens.textFieldBackgroundSuccessColorFocus, _TextField.textFieldTokens.borderColor, _DateTimePickertokens.tokens.textFieldBorderColorSuccess, _TextField.textFieldTokens.borderColorHover, _DateTimePickertokens.tokens.textFieldBorderColorSuccessHover, _TextField.textFieldTokens.borderColorFocus, _DateTimePickertokens.tokens.textFieldBorderColorSuccessFocus);
176
+ ], _TextField.textFieldTokens.color, _DateTimePickertokens.tokens.textFieldColor, _TextField.textFieldTokens.placeholderColor, _DateTimePickertokens.tokens.textFieldPlaceholderColor, _TextField.textFieldTokens.placeholderColorFocus, _DateTimePickertokens.tokens.textFieldPlaceholderColorFocus, _TextField.textFieldTokens.caretColor, _DateTimePickertokens.tokens.textFieldCaretColor, _TextField.textFieldTokens.focusColor, _DateTimePickertokens.tokens.textFieldFocusColor, _TextField.textFieldTokens.backgroundColor, _DateTimePickertokens.tokens.textFieldBackgroundColor, _TextField.textFieldTokens.backgroundColorHover, _DateTimePickertokens.tokens.textFieldBackgroundColorHover, _TextField.textFieldTokens.backgroundColorFocus, _DateTimePickertokens.tokens.textFieldBackgroundColorFocus, _TextField.textFieldTokens.borderWidth, _DateTimePickertokens.tokens.textFieldBorderWidth, _TextField.textFieldTokens.borderRadius, _DateTimePickertokens.tokens.textFieldBorderRadius, _TextField.textFieldTokens.borderColor, _DateTimePickertokens.tokens.textFieldBorderColor, _TextField.textFieldTokens.borderColorHover, _DateTimePickertokens.tokens.textFieldBorderColorHover, _TextField.textFieldTokens.borderColorFocus, _DateTimePickertokens.tokens.textFieldBorderColorFocus, _TextField.textFieldTokens.colorReadOnly, _DateTimePickertokens.tokens.textFieldColorReadOnly, _TextField.textFieldTokens.backgroundColorReadOnly, _DateTimePickertokens.tokens.textFieldBackgroundColorReadOnly, _TextField.textFieldTokens.readOnlyOpacity, _DateTimePickertokens.tokens.textFieldReadOnlyOpacity, _TextField.textFieldTokens.borderColorReadOnly, _DateTimePickertokens.tokens.textFieldBorderColorReadOnly, _TextField.textFieldTokens.placeholderColorReadOnly, _DateTimePickertokens.tokens.textFieldPlaceholderColorReadOnly, _TextField.textFieldTokens.height, _DateTimePickertokens.tokens.textFieldHeight, _TextField.textFieldTokens.padding, _DateTimePickertokens.tokens.textFieldPadding, _TextField.textFieldTokens.labelInnerPadding, _DateTimePickertokens.tokens.labelInnerPadding, _TextField.textFieldTokens.contentLabelInnerPadding, _DateTimePickertokens.tokens.contentLabelInnerPadding, _TextField.textFieldTokens.labelOffset, _DateTimePickertokens.tokens.labelOffset, _TextField.textFieldTokens.labelFontFamily, _DateTimePickertokens.tokens.labelFontFamily, _TextField.textFieldTokens.labelFontStyle, _DateTimePickertokens.tokens.labelFontStyle, _TextField.textFieldTokens.labelFontSize, _DateTimePickertokens.tokens.labelFontSize, _TextField.textFieldTokens.labelFontWeight, _DateTimePickertokens.tokens.labelFontWeight, _TextField.textFieldTokens.labelLetterSpacing, _DateTimePickertokens.tokens.labelLetterSpacing, _TextField.textFieldTokens.labelLineHeight, _DateTimePickertokens.tokens.labelLineHeight, _TextField.textFieldTokens.labelInnerFontFamily, _DateTimePickertokens.tokens.labelInnerFontFamily, _TextField.textFieldTokens.labelInnerFontSize, _DateTimePickertokens.tokens.labelInnerFontSize, _TextField.textFieldTokens.labelInnerFontStyle, _DateTimePickertokens.tokens.labelInnerFontStyle, _TextField.textFieldTokens.labelInnerFontWeight, _DateTimePickertokens.tokens.labelInnerFontWeight, _TextField.textFieldTokens.labelInnerLetterSpacing, _DateTimePickertokens.tokens.labelInnerLetterSpacing, _TextField.textFieldTokens.labelInnerLineHeight, _DateTimePickertokens.tokens.labelInnerLineHeight, _TextField.textFieldTokens.labelColorReadOnly, _DateTimePickertokens.tokens.labelColorReadOnly, _TextField.textFieldTokens.indicatorColor, _DateTimePickertokens.tokens.indicatorColor, _TextField.textFieldTokens.indicatorSizeInner, _DateTimePickertokens.tokens.indicatorSize, _TextField.textFieldTokens.indicatorSizeOuter, _DateTimePickertokens.tokens.indicatorSizeOuter, _TextField.textFieldTokens.indicatorLabelPlacementInner, _DateTimePickertokens.tokens.indicatorPlacement, _TextField.textFieldTokens.indicatorLabelPlacementOuter, _DateTimePickertokens.tokens.indicatorOuterPlacement, _TextField.textFieldTokens.indicatorLabelPlacementInnerRight, _DateTimePickertokens.tokens.indicatorPlacementRight, _TextField.textFieldTokens.indicatorLabelPlacementOuterRight, _DateTimePickertokens.tokens.indicatorOuterPlacementRight, _TextField.textFieldTokens.leftContentMargin, _DateTimePickertokens.tokens.textFieldLeftContentMargin, _TextField.textFieldTokens.rightContentMargin, _DateTimePickertokens.tokens.textFieldRightContentMargin, _TextField.textFieldTokens.fontFamily, _DateTimePickertokens.tokens.textFieldFontFamily, _TextField.textFieldTokens.fontSize, _DateTimePickertokens.tokens.textFieldFontSize, _TextField.textFieldTokens.fontStyle, _DateTimePickertokens.tokens.textFieldFontStyle, _TextField.textFieldTokens.fontWeight, _DateTimePickertokens.tokens.textFieldFontWeight, _TextField.textFieldTokens.letterSpacing, _DateTimePickertokens.tokens.textFieldLetterSpacing, _TextField.textFieldTokens.lineHeight, _DateTimePickertokens.tokens.textFieldLineHeight, _TextField.textFieldTokens.disabledOpacity, _DateTimePickertokens.tokens.disabledOpacity, _TextField.textFieldTokens.textBeforeColor, _DateTimePickertokens.tokens.textFieldTextBeforeColor, _TextField.textFieldTokens.textAfterColor, _DateTimePickertokens.tokens.textFieldTextAfterColor, _TextField.textFieldTokens.textBeforeMargin, _DateTimePickertokens.tokens.textFieldTextBeforeMargin, _TextField.textFieldTokens.textAfterMargin, _DateTimePickertokens.tokens.textFieldTextAfterMargin, _TextField.textFieldTokens.contentSlotColor, _DateTimePickertokens.tokens.textFieldContentSlotColor, _DateTimePickertokens.tokens.textFieldColor, _TextField.textFieldTokens.contentSlotRightColor, _DateTimePickertokens.tokens.textFieldContentRightSlotColor, _TextField.textFieldTokens.contentSlotColor, _TextField.textFieldTokens.contentSlotRightColorHover, _DateTimePickertokens.tokens.textFieldContentRightSlotColorHover, _TextField.textFieldTokens.contentSlotRightColor, _TextField.textFieldTokens.contentSlotRightOpacityReadOnly, _DateTimePickertokens.tokens.textFieldContentSlotRightOpacityReadOnly, _DateTimePickertokens.classes.error, _TextField.textFieldTokens.backgroundColor, _DateTimePickertokens.tokens.textFieldBackgroundErrorColor, _TextField.textFieldTokens.backgroundColorHover, _DateTimePickertokens.tokens.textFieldBackgroundErrorColorHover, _TextField.textFieldTokens.backgroundColorFocus, _DateTimePickertokens.tokens.textFieldBackgroundErrorColorFocus, _TextField.textFieldTokens.borderColor, _DateTimePickertokens.tokens.textFieldBorderColorError, _TextField.textFieldTokens.borderColorHover, _DateTimePickertokens.tokens.textFieldBorderColorErrorHover, _TextField.textFieldTokens.borderColorFocus, _DateTimePickertokens.tokens.textFieldBorderColorErrorFocus, _DateTimePickertokens.classes.success, _TextField.textFieldTokens.backgroundColor, _DateTimePickertokens.tokens.textFieldBackgroundSuccessColor, _TextField.textFieldTokens.backgroundColorHover, _DateTimePickertokens.tokens.textFieldBackgroundSuccessColorHover, _TextField.textFieldTokens.backgroundColorFocus, _DateTimePickertokens.tokens.textFieldBackgroundSuccessColorFocus, _TextField.textFieldTokens.borderColor, _DateTimePickertokens.tokens.textFieldBorderColorSuccess, _TextField.textFieldTokens.borderColorHover, _DateTimePickertokens.tokens.textFieldBorderColorSuccessHover, _TextField.textFieldTokens.borderColorFocus, _DateTimePickertokens.tokens.textFieldBorderColorSuccessFocus);
@@ -149,7 +149,7 @@ import { Context } from "./Combobox.context";
149
149
  */ export var comboboxRoot = function(Root) {
150
150
  return /*#__PURE__*/ forwardRef(function(props, ref) {
151
151
  var _getItemByFocused;
152
- var name = props.name, multiple = props.multiple, outerValue = props.value, outerOnChange = props.onChange, defaultValue = props.defaultValue, isTargetAmount = props.isTargetAmount, targetAmount = props.targetAmount, items = props.items, _props_treeView = props.treeView, treeView = _props_treeView === void 0 ? false : _props_treeView, _props_arrowPlacement = props.arrowPlacement, arrowPlacement = _props_arrowPlacement === void 0 ? 'left' : _props_arrowPlacement, _props_placement = props.placement, placement = _props_placement === void 0 ? 'bottom-start' : _props_placement, label = props.label, placeholder = props.placeholder, helperText = props.helperText, contentLeft = props.contentLeft, textBefore = props.textBefore, textAfter = props.textAfter, _props_variant = props.variant, variant = _props_variant === void 0 ? 'normal' : _props_variant, listOverflow = props.listOverflow, listHeight = props.listHeight, listMaxHeight = props.listMaxHeight, listWidth = props.listWidth, portal = props.portal, renderItem = props.renderItem, view = props.view, size = props.size, labelPlacement = props.labelPlacement, keepPlaceholder = props.keepPlaceholder, _props_readOnly = props.readOnly, readOnly = _props_readOnly === void 0 ? false : _props_readOnly, _props_disabled = props.disabled, disabled = _props_disabled === void 0 ? false : _props_disabled, _props_alwaysOpened = props.alwaysOpened, alwaysOpened = _props_alwaysOpened === void 0 ? false : _props_alwaysOpened, filter = props.filter, outerCloseAfterSelect = props.closeAfterSelect, renderValue = props.renderValue, zIndex = props.zIndex, beforeList = props.beforeList, afterList = props.afterList, _props_virtual = props.virtual, virtual = _props_virtual === void 0 ? false : _props_virtual, hintView = props.hintView, hintSize = props.hintSize, emptyStateDescription = props.emptyStateDescription, onChangeValue = props.onChangeValue, onScroll = props.onScroll, onToggle = props.onToggle, _props_mode = props.mode, mode = _props_mode === void 0 ? 'default' : _props_mode, _props_chipClickArea = props.chipClickArea, chipClickArea = _props_chipClickArea === void 0 ? 'full' : _props_chipClickArea, // @ts-ignore
152
+ var name = props.name, multiple = props.multiple, outerValue = props.value, outerOnChange = props.onChange, defaultValue = props.defaultValue, isTargetAmount = props.isTargetAmount, targetAmount = props.targetAmount, items = props.items, _props_treeView = props.treeView, treeView = _props_treeView === void 0 ? false : _props_treeView, _props_arrowPlacement = props.arrowPlacement, arrowPlacement = _props_arrowPlacement === void 0 ? 'left' : _props_arrowPlacement, _props_placement = props.placement, placement = _props_placement === void 0 ? 'bottom-start' : _props_placement, label = props.label, placeholder = props.placeholder, helperText = props.helperText, contentLeft = props.contentLeft, textBefore = props.textBefore, textAfter = props.textAfter, _props_variant = props.variant, variant = _props_variant === void 0 ? 'normal' : _props_variant, listOverflow = props.listOverflow, listHeight = props.listHeight, listMaxHeight = props.listMaxHeight, listWidth = props.listWidth, portal = props.portal, renderItem = props.renderItem, view = props.view, size = props.size, labelPlacement = props.labelPlacement, keepPlaceholder = props.keepPlaceholder, _props_readOnly = props.readOnly, readOnly = _props_readOnly === void 0 ? false : _props_readOnly, _props_disabled = props.disabled, disabled = _props_disabled === void 0 ? false : _props_disabled, _props_alwaysOpened = props.alwaysOpened, alwaysOpened = _props_alwaysOpened === void 0 ? false : _props_alwaysOpened, filter = props.filter, outerCloseAfterSelect = props.closeAfterSelect, renderValue = props.renderValue, zIndex = props.zIndex, beforeList = props.beforeList, afterList = props.afterList, _props_virtual = props.virtual, virtual = _props_virtual === void 0 ? false : _props_virtual, hintView = props.hintView, hintSize = props.hintSize, emptyStateDescription = props.emptyStateDescription, onChangeValue = props.onChangeValue, filterValue = props.filterValue, onScroll = props.onScroll, onToggle = props.onToggle, _props_mode = props.mode, mode = _props_mode === void 0 ? 'default' : _props_mode, _props_chipClickArea = props.chipClickArea, chipClickArea = _props_chipClickArea === void 0 ? 'full' : _props_chipClickArea, // @ts-ignore
153
153
  _offset = props._offset, rest = _object_without_properties(props, [
154
154
  "name",
155
155
  "multiple",
@@ -193,6 +193,7 @@ import { Context } from "./Combobox.context";
193
193
  "hintSize",
194
194
  "emptyStateDescription",
195
195
  "onChangeValue",
196
+ "filterValue",
196
197
  "onScroll",
197
198
  "onToggle",
198
199
  "mode",
@@ -289,16 +290,15 @@ import { Context } from "./Combobox.context";
289
290
  };
290
291
  // Обработчик изменения значения в инпуте
291
292
  var handleTextValueChange = function(e) {
292
- setTextValue(e.target.value);
293
+ if (!filterValue || filterValue(e.target.value)) {
294
+ setTextValue(e.target.value);
295
+ }
293
296
  dispatchPath({
294
297
  type: 'opened_first_level'
295
298
  });
296
299
  dispatchFocusedPath({
297
300
  type: 'reset'
298
301
  });
299
- if (onChangeValue) {
300
- onChangeValue(e.target.value);
301
- }
302
302
  };
303
303
  // Обработчик чипов
304
304
  var handleChipClick = function(chip) {
@@ -655,6 +655,7 @@ import { Context } from "./Combobox.context";
655
655
  contentLeft: contentLeft,
656
656
  contentRight: /*#__PURE__*/ React.createElement(IconArrowWrapper, {
657
657
  disabled: disabled,
658
+ readOnly: readOnly,
658
659
  onClick: handleClickArrow,
659
660
  className: classes.comboboxTargetArrow
660
661
  }, /*#__PURE__*/ React.createElement(StyledArrow, {
@@ -8,7 +8,7 @@ var mergedConfig = mergeConfig(emptyStateConfig);
8
8
  var EmptyState = component(mergedConfig);
9
9
  export var ListWrapper = styled.div.withConfig({
10
10
  displayName: "Combobox.styles__ListWrapper",
11
- componentId: "sc-21c5f0bf-0"
11
+ componentId: "sc-48cd29fe-0"
12
12
  })([
13
13
  "width:",
14
14
  ";padding:calc(var(",
@@ -25,7 +25,7 @@ export var ListWrapper = styled.div.withConfig({
25
25
  }, tokens.padding, tokens.dropdownBorderWidth, tokens.borderRadius, constants.background, constants.boxShadow, tokens.dropdownBorderWidth, tokens.dropdownBorderColor);
26
26
  export var Ul = styled.ul.withConfig({
27
27
  displayName: "Combobox.styles__Ul",
28
- componentId: "sc-21c5f0bf-1"
28
+ componentId: "sc-48cd29fe-1"
29
29
  })([
30
30
  "max-height:",
31
31
  ";overflow-x:hidden;overflow-y:",
@@ -42,7 +42,7 @@ export var Ul = styled.ul.withConfig({
42
42
  }, tokens.borderRadius, tokens.dropdownBorderWidth, classes.emptyStateWrapper);
43
43
  export var IconArrowWrapper = styled.div.withConfig({
44
44
  displayName: "Combobox.styles__IconArrowWrapper",
45
- componentId: "sc-21c5f0bf-2"
45
+ componentId: "sc-48cd29fe-2"
46
46
  })([
47
47
  "line-height:0;color:var(",
48
48
  ");cursor:",
@@ -50,11 +50,11 @@ export var IconArrowWrapper = styled.div.withConfig({
50
50
  "{transform:rotate(-180deg);}&:hover,&:active{color:",
51
51
  ";}"
52
52
  ], tokens.disclosureIconColor, function(param) {
53
- var disabled = param.disabled;
54
- return disabled ? 'inherit' : 'pointer';
53
+ var disabled = param.disabled, readOnly = param.readOnly;
54
+ return disabled || readOnly ? 'inherit' : 'pointer';
55
55
  }, classes.arrowInverse, function(param) {
56
- var disabled = param.disabled;
57
- return disabled ? "var(".concat(tokens.disclosureIconColor, ")") : "var(".concat(tokens.disclosureIconColorHover, ")");
56
+ var disabled = param.disabled, readOnly = param.readOnly;
57
+ return disabled || readOnly ? "var(".concat(tokens.disclosureIconColor, ")") : "var(".concat(tokens.disclosureIconColorHover, ")");
58
58
  });
59
59
  // TODO: Удалить после поддержки JS переменных в конфиге компонент
60
60
  export var sizeMap = {
@@ -63,7 +63,7 @@ export var sizeMap = {
63
63
  };
64
64
  export var StyledArrow = styled(IconDisclosureDownCentered).withConfig({
65
65
  displayName: "Combobox.styles__StyledArrow",
66
- componentId: "sc-21c5f0bf-3"
66
+ componentId: "sc-48cd29fe-3"
67
67
  })([
68
68
  "width:",
69
69
  ";height:",
@@ -80,7 +80,7 @@ export var base = css([
80
80
  ]);
81
81
  export var StyledEmptyState = styled(EmptyState).withConfig({
82
82
  displayName: "Combobox.styles__StyledEmptyState",
83
- componentId: "sc-21c5f0bf-4"
83
+ componentId: "sc-48cd29fe-4"
84
84
  })([
85
85
  "",
86
86
  ":var(",
@@ -102,7 +102,7 @@ export var StyledEmptyState = styled(EmptyState).withConfig({
102
102
  ], emptyStateTokens.borderRadius, tokens.textFieldBorderRadius, emptyStateTokens.padding, tokens.emptyStatePadding, emptyStateTokens.fontFamily, tokens.textFieldFontFamily, emptyStateTokens.fontSize, tokens.textFieldFontSize, emptyStateTokens.fontStyle, tokens.textFieldFontStyle, emptyStateTokens.fontWeight, tokens.textFieldFontWeight, emptyStateTokens.fontLetterSpacing, tokens.textFieldLetterSpacing, emptyStateTokens.fontLineHeight, tokens.textFieldLineHeight);
103
103
  export var StyledLeftHelper = styled.span.withConfig({
104
104
  displayName: "Combobox.styles__StyledLeftHelper",
105
- componentId: "sc-21c5f0bf-5"
105
+ componentId: "sc-48cd29fe-5"
106
106
  })([
107
107
  "margin:0;padding:0;"
108
108
  ]);
@@ -7,7 +7,7 @@ var TextField = component(mergedTextFieldConfig);
7
7
  // NOTE: переопределение токенов TextField
8
8
  export var StyledInput = styled(TextField).withConfig({
9
9
  displayName: "Input.styles__StyledInput",
10
- componentId: "sc-ccd65eda-0"
10
+ componentId: "sc-566fa015-0"
11
11
  })([
12
12
  "width:100%;",
13
13
  ":var(",
@@ -132,12 +132,6 @@ export var StyledInput = styled(TextField).withConfig({
132
132
  ",var(",
133
133
  "));",
134
134
  ":var(",
135
- ",var(",
136
- "));",
137
- ":var(",
138
- ",var(",
139
- "));",
140
- ":var(",
141
135
  ");&.",
142
136
  "{",
143
137
  ":var(",
@@ -165,4 +159,4 @@ export var StyledInput = styled(TextField).withConfig({
165
159
  ");",
166
160
  ":var(",
167
161
  ");}"
168
- ], textFieldTokens.color, tokens.textFieldColor, textFieldTokens.placeholderColor, tokens.textFieldPlaceholderColor, textFieldTokens.placeholderColorFocus, tokens.textFieldPlaceholderColorFocus, textFieldTokens.caretColor, tokens.textFieldCaretColor, textFieldTokens.focusColor, tokens.textFieldFocusColor, textFieldTokens.backgroundColor, tokens.textFieldBackgroundColor, textFieldTokens.backgroundColorHover, tokens.textFieldBackgroundColorHover, textFieldTokens.backgroundColorFocus, tokens.textFieldBackgroundColorFocus, textFieldTokens.borderWidth, tokens.textFieldBorderWidth, textFieldTokens.borderRadius, tokens.textFieldBorderRadius, textFieldTokens.borderColor, tokens.textFieldBorderColor, textFieldTokens.borderColorHover, tokens.textFieldBorderColorHover, textFieldTokens.borderColorFocus, tokens.textFieldBorderColorFocus, textFieldTokens.colorReadOnly, tokens.textFieldColorReadOnly, textFieldTokens.backgroundColorReadOnly, tokens.textFieldBackgroundColorReadOnly, textFieldTokens.readOnlyOpacity, tokens.textFieldReadOnlyOpacity, textFieldTokens.borderColorReadOnly, tokens.textFieldBorderColorReadOnly, textFieldTokens.placeholderColorReadOnly, tokens.textFieldPlaceholderColorReadOnly, textFieldTokens.height, tokens.textFieldHeight, textFieldTokens.padding, tokens.textFieldPadding, textFieldTokens.labelInnerPadding, tokens.labelInnerPadding, textFieldTokens.contentLabelInnerPadding, tokens.contentLabelInnerPadding, textFieldTokens.labelOffset, tokens.labelOffset, textFieldTokens.labelFontFamily, tokens.labelFontFamily, textFieldTokens.labelFontStyle, tokens.labelFontStyle, textFieldTokens.labelFontSize, tokens.labelFontSize, textFieldTokens.labelFontWeight, tokens.labelFontWeight, textFieldTokens.labelLetterSpacing, tokens.labelLetterSpacing, textFieldTokens.labelLineHeight, tokens.labelLineHeight, textFieldTokens.labelInnerFontFamily, tokens.labelInnerFontFamily, textFieldTokens.labelInnerFontSize, tokens.labelInnerFontSize, textFieldTokens.labelInnerFontStyle, tokens.labelInnerFontStyle, textFieldTokens.labelInnerFontWeight, tokens.labelInnerFontWeight, textFieldTokens.labelInnerLetterSpacing, tokens.labelInnerLetterSpacing, textFieldTokens.labelInnerLineHeight, tokens.labelInnerLineHeight, textFieldTokens.labelColorReadOnly, tokens.labelColorReadOnly, textFieldTokens.indicatorColor, tokens.indicatorColor, textFieldTokens.indicatorSizeInner, tokens.indicatorSize, textFieldTokens.indicatorSizeOuter, tokens.indicatorSizeOuter, textFieldTokens.indicatorLabelPlacementInner, tokens.indicatorPlacement, textFieldTokens.indicatorLabelPlacementOuter, tokens.indicatorOuterPlacement, textFieldTokens.indicatorLabelPlacementInnerRight, tokens.indicatorPlacementRight, textFieldTokens.indicatorLabelPlacementOuterRight, tokens.indicatorOuterPlacementRight, textFieldTokens.leftContentMargin, tokens.textFieldLeftContentMargin, textFieldTokens.rightContentMargin, tokens.textFieldRightContentMargin, textFieldTokens.fontFamily, tokens.textFieldFontFamily, textFieldTokens.fontSize, tokens.textFieldFontSize, textFieldTokens.fontStyle, tokens.textFieldFontStyle, textFieldTokens.fontWeight, tokens.textFieldFontWeight, textFieldTokens.letterSpacing, tokens.textFieldLetterSpacing, textFieldTokens.lineHeight, tokens.textFieldLineHeight, textFieldTokens.disabledOpacity, tokens.disabledOpacity, textFieldTokens.textBeforeColor, tokens.textFieldTextBeforeColor, textFieldTokens.textAfterColor, tokens.textFieldTextAfterColor, textFieldTokens.textBeforeMargin, tokens.textFieldTextBeforeMargin, textFieldTokens.textAfterMargin, tokens.textFieldTextAfterMargin, textFieldTokens.contentSlotColor, tokens.textFieldContentSlotColor, tokens.textFieldColor, textFieldTokens.contentSlotColorHover, tokens.textFieldContentSlotColorHover, tokens.textFieldColor, textFieldTokens.contentSlotColorActive, tokens.textFieldContentSlotColorActive, tokens.textFieldColor, textFieldTokens.contentSlotRightColor, tokens.textFieldContentRightSlotColor, textFieldTokens.contentSlotColor, textFieldTokens.contentSlotRightColorHover, tokens.textFieldContentRightSlotColorHover, textFieldTokens.contentSlotRightColor, textFieldTokens.contentSlotRightOpacityReadOnly, tokens.textFieldContentSlotRightOpacityReadOnly, classes.error, textFieldTokens.backgroundColor, tokens.textFieldBackgroundErrorColor, textFieldTokens.backgroundColorHover, tokens.textFieldBackgroundErrorColorHover, textFieldTokens.backgroundColorFocus, tokens.textFieldBackgroundErrorColorFocus, textFieldTokens.borderColor, tokens.textFieldBorderColorError, textFieldTokens.borderColorHover, tokens.textFieldBorderColorErrorHover, textFieldTokens.borderColorFocus, tokens.textFieldBorderColorErrorFocus, classes.success, textFieldTokens.backgroundColor, tokens.textFieldBackgroundSuccessColor, textFieldTokens.backgroundColorHover, tokens.textFieldBackgroundSuccessColorHover, textFieldTokens.backgroundColorFocus, tokens.textFieldBackgroundSuccessColorFocus, textFieldTokens.borderColor, tokens.textFieldBorderColorSuccess, textFieldTokens.borderColorHover, tokens.textFieldBorderColorSuccessHover, textFieldTokens.borderColorFocus, tokens.textFieldBorderColorSuccessFocus);
162
+ ], textFieldTokens.color, tokens.textFieldColor, textFieldTokens.placeholderColor, tokens.textFieldPlaceholderColor, textFieldTokens.placeholderColorFocus, tokens.textFieldPlaceholderColorFocus, textFieldTokens.caretColor, tokens.textFieldCaretColor, textFieldTokens.focusColor, tokens.textFieldFocusColor, textFieldTokens.backgroundColor, tokens.textFieldBackgroundColor, textFieldTokens.backgroundColorHover, tokens.textFieldBackgroundColorHover, textFieldTokens.backgroundColorFocus, tokens.textFieldBackgroundColorFocus, textFieldTokens.borderWidth, tokens.textFieldBorderWidth, textFieldTokens.borderRadius, tokens.textFieldBorderRadius, textFieldTokens.borderColor, tokens.textFieldBorderColor, textFieldTokens.borderColorHover, tokens.textFieldBorderColorHover, textFieldTokens.borderColorFocus, tokens.textFieldBorderColorFocus, textFieldTokens.colorReadOnly, tokens.textFieldColorReadOnly, textFieldTokens.backgroundColorReadOnly, tokens.textFieldBackgroundColorReadOnly, textFieldTokens.readOnlyOpacity, tokens.textFieldReadOnlyOpacity, textFieldTokens.borderColorReadOnly, tokens.textFieldBorderColorReadOnly, textFieldTokens.placeholderColorReadOnly, tokens.textFieldPlaceholderColorReadOnly, textFieldTokens.height, tokens.textFieldHeight, textFieldTokens.padding, tokens.textFieldPadding, textFieldTokens.labelInnerPadding, tokens.labelInnerPadding, textFieldTokens.contentLabelInnerPadding, tokens.contentLabelInnerPadding, textFieldTokens.labelOffset, tokens.labelOffset, textFieldTokens.labelFontFamily, tokens.labelFontFamily, textFieldTokens.labelFontStyle, tokens.labelFontStyle, textFieldTokens.labelFontSize, tokens.labelFontSize, textFieldTokens.labelFontWeight, tokens.labelFontWeight, textFieldTokens.labelLetterSpacing, tokens.labelLetterSpacing, textFieldTokens.labelLineHeight, tokens.labelLineHeight, textFieldTokens.labelInnerFontFamily, tokens.labelInnerFontFamily, textFieldTokens.labelInnerFontSize, tokens.labelInnerFontSize, textFieldTokens.labelInnerFontStyle, tokens.labelInnerFontStyle, textFieldTokens.labelInnerFontWeight, tokens.labelInnerFontWeight, textFieldTokens.labelInnerLetterSpacing, tokens.labelInnerLetterSpacing, textFieldTokens.labelInnerLineHeight, tokens.labelInnerLineHeight, textFieldTokens.labelColorReadOnly, tokens.labelColorReadOnly, textFieldTokens.indicatorColor, tokens.indicatorColor, textFieldTokens.indicatorSizeInner, tokens.indicatorSize, textFieldTokens.indicatorSizeOuter, tokens.indicatorSizeOuter, textFieldTokens.indicatorLabelPlacementInner, tokens.indicatorPlacement, textFieldTokens.indicatorLabelPlacementOuter, tokens.indicatorOuterPlacement, textFieldTokens.indicatorLabelPlacementInnerRight, tokens.indicatorPlacementRight, textFieldTokens.indicatorLabelPlacementOuterRight, tokens.indicatorOuterPlacementRight, textFieldTokens.leftContentMargin, tokens.textFieldLeftContentMargin, textFieldTokens.rightContentMargin, tokens.textFieldRightContentMargin, textFieldTokens.fontFamily, tokens.textFieldFontFamily, textFieldTokens.fontSize, tokens.textFieldFontSize, textFieldTokens.fontStyle, tokens.textFieldFontStyle, textFieldTokens.fontWeight, tokens.textFieldFontWeight, textFieldTokens.letterSpacing, tokens.textFieldLetterSpacing, textFieldTokens.lineHeight, tokens.textFieldLineHeight, textFieldTokens.disabledOpacity, tokens.disabledOpacity, textFieldTokens.textBeforeColor, tokens.textFieldTextBeforeColor, textFieldTokens.textAfterColor, tokens.textFieldTextAfterColor, textFieldTokens.textBeforeMargin, tokens.textFieldTextBeforeMargin, textFieldTokens.textAfterMargin, tokens.textFieldTextAfterMargin, textFieldTokens.contentSlotColor, tokens.textFieldContentSlotColor, tokens.textFieldColor, textFieldTokens.contentSlotRightColor, tokens.textFieldContentRightSlotColor, textFieldTokens.contentSlotColor, textFieldTokens.contentSlotRightColorHover, tokens.textFieldContentRightSlotColorHover, textFieldTokens.contentSlotRightColor, textFieldTokens.contentSlotRightOpacityReadOnly, tokens.textFieldContentSlotRightOpacityReadOnly, classes.error, textFieldTokens.backgroundColor, tokens.textFieldBackgroundErrorColor, textFieldTokens.backgroundColorHover, tokens.textFieldBackgroundErrorColorHover, textFieldTokens.backgroundColorFocus, tokens.textFieldBackgroundErrorColorFocus, textFieldTokens.borderColor, tokens.textFieldBorderColorError, textFieldTokens.borderColorHover, tokens.textFieldBorderColorErrorHover, textFieldTokens.borderColorFocus, tokens.textFieldBorderColorErrorFocus, classes.success, textFieldTokens.backgroundColor, tokens.textFieldBackgroundSuccessColor, textFieldTokens.backgroundColorHover, tokens.textFieldBackgroundSuccessColorHover, textFieldTokens.backgroundColorFocus, tokens.textFieldBackgroundSuccessColorFocus, textFieldTokens.borderColor, tokens.textFieldBorderColorSuccess, textFieldTokens.borderColorHover, tokens.textFieldBorderColorSuccessHover, textFieldTokens.borderColorFocus, tokens.textFieldBorderColorSuccessFocus);
@@ -0,0 +1,7 @@
1
+ import { component, mergeConfig } from "../../../engines";
2
+ import { comboboxNewConfig } from "../../..";
3
+ import { config } from "./Combobox.config";
4
+ var mergedConfig = mergeConfig(comboboxNewConfig, config);
5
+ var ComboboxComponent = component(mergedConfig);
6
+ var Combobox = ComboboxComponent;
7
+ export { Combobox };
@@ -5,8 +5,8 @@ export declare const StyledAccordionContentLeft: import("@linaria/react").Styled
5
5
  export declare const StyledAccordionTitle: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
6
6
  export declare const StyledAccordionBodyAnimate: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
7
7
  export declare const StyledAccordionBody: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
8
- export declare const StyledArrow: import("@linaria/react").StyledMeta & import("react").FC<import("../../../_Icon/IconRoot").IconProps>;
9
- export declare const StyledMinus: import("@linaria/react").StyledMeta & import("react").FC<import("../../../_Icon/IconRoot").IconProps>;
8
+ export declare const StyledArrow: import("@linaria/utils").StyledMeta & import("react").FC<import("../../../_Icon/IconRoot").IconProps>;
9
+ export declare const StyledMinus: import("@linaria/utils").StyledMeta & import("react").FC<import("../../../_Icon/IconRoot").IconProps>;
10
10
  export declare const StyledPlus: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
11
11
  export declare const StyledAccordionItem: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
12
12
  //# sourceMappingURL=AccordionItem.styles.d.ts.map
@@ -1,4 +1,4 @@
1
- export declare const StyledButton: import("@linaria/react").StyledMeta & import("react").FunctionComponent<import("../../../../engines/types").PropsType<import("../../../../engines/types").Variants> & ((Omit<import("react").ButtonHTMLAttributes<HTMLElement>, "value"> & Omit<import("react").AnchorHTMLAttributes<HTMLElement>, "type"> & import("../../../..").AsProps & {
1
+ export declare const StyledButton: import("@linaria/utils").StyledMeta & import("react").FunctionComponent<import("../../../../engines/types").PropsType<import("../../../../engines/types").Variants> & ((Omit<import("react").ButtonHTMLAttributes<HTMLElement>, "value"> & Omit<import("react").AnchorHTMLAttributes<HTMLElement>, "type"> & import("../../../..").AsProps & {
2
2
  text?: string;
3
3
  contentLeft?: import("react").ReactNode;
4
4
  contentPlacing?: "default" | "relaxed";
@@ -1,4 +1,4 @@
1
- export declare const StyledCell: import("@linaria/react").StyledMeta & import("react").FunctionComponent<import("../../../../engines/types").PropsType<import("../../../../engines/types").Variants> & (({
1
+ export declare const StyledCell: import("@linaria/utils").StyledMeta & import("react").FunctionComponent<import("../../../../engines/types").PropsType<import("../../../../engines/types").Variants> & (({
2
2
  size?: string;
3
3
  view?: string;
4
4
  contentLeft?: import("react").ReactNode;
@@ -1,4 +1,4 @@
1
- export declare const StyledDropdown: import("@linaria/react").StyledMeta & import("react").FunctionComponent<import("../../../../engines/types").PropsType<import("../../../../engines/types").Variants> & {
1
+ export declare const StyledDropdown: import("@linaria/utils").StyledMeta & import("react").FunctionComponent<import("../../../../engines/types").PropsType<import("../../../../engines/types").Variants> & {
2
2
  items: import("../../../Dropdown").DropdownItemOption[];
3
3
  alwaysOpened?: boolean;
4
4
  children?: import("react").ReactNode;
@@ -1,4 +1,4 @@
1
- export declare const StyledIconButton: import("@linaria/react").StyledMeta & import("react").FunctionComponent<import("../../../../engines/types").PropsType<import("../../../../engines/types").Variants> & ((Omit<import("react").ButtonHTMLAttributes<HTMLElement>, "value"> & Omit<import("react").AnchorHTMLAttributes<HTMLElement>, "type"> & import("../../../..").AsProps & {
1
+ export declare const StyledIconButton: import("@linaria/utils").StyledMeta & import("react").FunctionComponent<import("../../../../engines/types").PropsType<import("../../../../engines/types").Variants> & ((Omit<import("react").ButtonHTMLAttributes<HTMLElement>, "value"> & Omit<import("react").AnchorHTMLAttributes<HTMLElement>, "type"> & import("../../../..").AsProps & {
2
2
  text?: string;
3
3
  contentLeft?: import("react").ReactNode;
4
4
  contentPlacing?: "default" | "relaxed";
@@ -43,7 +43,7 @@ export declare const StyledIconButton: import("@linaria/react").StyledMeta & imp
43
43
  value?: never;
44
44
  contentRight?: import("react").ReactNode;
45
45
  } & import("react").RefAttributes<HTMLButtonElement>))>;
46
- export declare const StyledIconButtonCancel: import("@linaria/react").StyledMeta & import("react").FunctionComponent<import("../../../../engines/types").PropsType<import("../../../../engines/types").Variants> & ((Omit<import("react").ButtonHTMLAttributes<HTMLElement>, "value"> & Omit<import("react").AnchorHTMLAttributes<HTMLElement>, "type"> & import("../../../..").AsProps & {
46
+ export declare const StyledIconButtonCancel: import("@linaria/utils").StyledMeta & import("react").FunctionComponent<import("../../../../engines/types").PropsType<import("../../../../engines/types").Variants> & ((Omit<import("react").ButtonHTMLAttributes<HTMLElement>, "value"> & Omit<import("react").AnchorHTMLAttributes<HTMLElement>, "type"> & import("../../../..").AsProps & {
47
47
  text?: string;
48
48
  contentLeft?: import("react").ReactNode;
49
49
  contentPlacing?: "default" | "relaxed";
@@ -1,4 +1,4 @@
1
- export declare const StyledTextField: import("@linaria/react").StyledMeta & import("react").FunctionComponent<import("../../../../engines/types").PropsType<import("../../../../engines/types").Variants> & (({
1
+ export declare const StyledTextField: import("@linaria/utils").StyledMeta & import("react").FunctionComponent<import("../../../../engines/types").PropsType<import("../../../../engines/types").Variants> & (({
2
2
  size?: string;
3
3
  view?: string;
4
4
  readOnly?: boolean;
@@ -10,7 +10,7 @@ export declare const Image: import("@linaria/react").StyledComponent<import("rea
10
10
  }>;
11
11
  export declare const Text: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement> & Record<never, unknown>>;
12
12
  export declare const ExtraContent: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
13
- export declare const ExtraBadge: import("@linaria/react").StyledMeta & import("react").FunctionComponent<import("../../engines/types").PropsType<import("../../engines/types").Variants> & ((import("react").HTMLAttributes<HTMLDivElement> & {
13
+ export declare const ExtraBadge: import("@linaria/utils").StyledMeta & import("react").FunctionComponent<import("../../engines/types").PropsType<import("../../engines/types").Variants> & ((import("react").HTMLAttributes<HTMLDivElement> & {
14
14
  text?: string;
15
15
  customColor?: string;
16
16
  customBackgroundColor?: string;
@@ -67,5 +67,5 @@ export declare const ExtraBadge: import("@linaria/react").StyledMeta & import("r
67
67
  transparent?: boolean;
68
68
  clear?: never;
69
69
  } & import("react").RefAttributes<HTMLDivElement>))>;
70
- export declare const ExtraCounter: import("@linaria/react").StyledMeta & import("react").FunctionComponent<import("../../engines/types").PropsType<import("../../engines/types").Variants> & import("react").HTMLAttributes<HTMLDivElement> & import("../Counter/Counter.types").CustomCounterProps & import("react").RefAttributes<HTMLDivElement>>;
70
+ export declare const ExtraCounter: import("@linaria/utils").StyledMeta & import("react").FunctionComponent<import("../../engines/types").PropsType<import("../../engines/types").Variants> & import("react").HTMLAttributes<HTMLDivElement> & import("../Counter/Counter.types").CustomCounterProps & import("react").RefAttributes<HTMLDivElement>>;
71
71
  //# sourceMappingURL=Avatar.styles.d.ts.map
@@ -2,5 +2,5 @@ export declare const StyledLink: import("@linaria/react").StyledComponent<{
2
2
  isHref: boolean;
3
3
  } & import("../../engines/types").PropsType<import("../../engines/types").Variants> & import("react").AnchorHTMLAttributes<HTMLAnchorElement> & import("../Link/Link.types").LinkCustomProps & import("react").RefAttributes<HTMLAnchorElement>>;
4
4
  export declare const base: import("@linaria/core").LinariaClassName;
5
- export declare const Separator: import("@linaria/react").StyledMeta & import("react").FC<import("../_Icon/IconRoot").IconProps & import("react").HTMLAttributes<HTMLDivElement>>;
5
+ export declare const Separator: import("@linaria/utils").StyledMeta & import("react").FC<import("../_Icon/IconRoot").IconProps & import("react").HTMLAttributes<HTMLDivElement>>;
6
6
  //# sourceMappingURL=Breadcrumbs.styles.d.ts.map