@salutejs/plasma-new-hope 0.117.0-canary.1344.10270215610.0 → 0.118.0-canary.1328.10279808885.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (360) hide show
  1. package/cjs/components/Accordion/Accordion.tokens.js +0 -1
  2. package/cjs/components/Accordion/Accordion.tokens.js.map +1 -1
  3. package/cjs/components/Accordion/ui/AccordionItem/AccordionItem.styles.js +2 -2
  4. package/cjs/components/Accordion/ui/AccordionItem/AccordionItem.styles.js.map +1 -1
  5. package/cjs/components/Breadcrumbs/Breadcrumbs.css +13 -0
  6. package/cjs/components/Breadcrumbs/Breadcrumbs.js +59 -0
  7. package/cjs/components/Breadcrumbs/Breadcrumbs.js.map +1 -0
  8. package/cjs/components/Breadcrumbs/Breadcrumbs.styles.js +46 -0
  9. package/cjs/components/Breadcrumbs/Breadcrumbs.styles.js.map +1 -0
  10. package/cjs/components/Breadcrumbs/Breadcrumbs.styles_1troyzr.css +3 -0
  11. package/cjs/components/Breadcrumbs/Breadcrumbs.tokens.js +23 -0
  12. package/cjs/components/Breadcrumbs/Breadcrumbs.tokens.js.map +1 -0
  13. package/cjs/components/Breadcrumbs/ui/BreadcrumbShorter/BreadcrumbShorter.js +36 -0
  14. package/cjs/components/Breadcrumbs/ui/BreadcrumbShorter/BreadcrumbShorter.js.map +1 -0
  15. package/cjs/components/Breadcrumbs/ui/BreadcrumbShorter/BreadcrumbShorter.styles.js +27 -0
  16. package/cjs/components/Breadcrumbs/ui/BreadcrumbShorter/BreadcrumbShorter.styles.js.map +1 -0
  17. package/cjs/components/Breadcrumbs/utils/index.js +54 -0
  18. package/cjs/components/Breadcrumbs/utils/index.js.map +1 -0
  19. package/cjs/components/Breadcrumbs/variations/_size/base.js +9 -0
  20. package/cjs/components/Breadcrumbs/variations/_size/base.js.map +1 -0
  21. package/cjs/components/Breadcrumbs/variations/_size/base_x642ct.css +1 -0
  22. package/cjs/components/Breadcrumbs/variations/_view/base.js +9 -0
  23. package/cjs/components/Breadcrumbs/variations/_view/base.js.map +1 -0
  24. package/cjs/components/Breadcrumbs/variations/_view/base_x642ct.css +1 -0
  25. package/cjs/components/Button/Button.css +8 -8
  26. package/cjs/components/Button/Button.styles.js +1 -1
  27. package/cjs/components/Button/Button.styles.js.map +1 -1
  28. package/cjs/components/Button/{Button.styles_1oz1dew.css → Button.styles_1sopr3d.css} +2 -2
  29. package/cjs/components/Button/Button.tokens.js +2 -0
  30. package/cjs/components/Button/Button.tokens.js.map +1 -1
  31. package/cjs/components/Calendar/CalendarBase/CalendarBase.css +8 -8
  32. package/cjs/components/Calendar/CalendarDouble/CalendarDouble.css +8 -8
  33. package/cjs/components/Calendar/ui/CalendarHeader/CalendarHeader.css +8 -8
  34. package/cjs/components/DatePicker/RangeDate/RangeDate.css +8 -8
  35. package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +8 -8
  36. package/cjs/components/DatePicker/SingleDate/SingleDate.css +8 -8
  37. package/cjs/components/Drawer/Drawer.css +8 -8
  38. package/cjs/components/Drawer/ui/DrawerContent/DrawerContent.css +8 -8
  39. package/cjs/components/EmptyState/EmptyState.css +8 -8
  40. package/cjs/components/IconButton/IconButton.css +8 -8
  41. package/cjs/components/Notification/Notification.css +8 -8
  42. package/cjs/components/Notification/NotificationsProvider.css +8 -8
  43. package/cjs/components/Pagination/Pagination.css +29 -29
  44. package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +30 -30
  45. package/cjs/components/Panel/ui/PanelHeader/PanelHeader.css +8 -8
  46. package/cjs/components/Select/Select.css +30 -30
  47. package/cjs/components/Select/Select.js +28 -32
  48. package/cjs/components/Select/Select.js.map +1 -1
  49. package/cjs/components/Select/Select.styles.js +1 -1
  50. package/cjs/components/Select/Select.styles.js.map +1 -1
  51. package/{es/components/Select/Select.styles_zx0ztg.css → cjs/components/Select/Select.styles_1e7cbbz.css} +1 -1
  52. package/cjs/components/Select/Select.tokens.js.map +1 -1
  53. package/cjs/components/Select/hooks/useKeyboardNavigation.js.map +1 -1
  54. package/cjs/components/Select/ui/Inner/Inner.css +31 -31
  55. package/cjs/components/Select/ui/Inner/ui/Item/Item.css +30 -30
  56. package/cjs/components/Select/ui/Target/Target.css +26 -26
  57. package/cjs/components/Select/ui/Target/Target.js +7 -11
  58. package/cjs/components/Select/ui/Target/Target.js.map +1 -1
  59. package/cjs/components/Select/ui/Target/ui/Button/Button.css +14 -14
  60. package/cjs/components/Select/ui/Target/ui/Button/Button.js +7 -8
  61. package/cjs/components/Select/ui/Target/ui/Button/Button.js.map +1 -1
  62. package/cjs/components/Select/ui/Target/ui/Button/Button.styles.js +12 -2
  63. package/cjs/components/Select/ui/Target/ui/Button/Button.styles.js.map +1 -1
  64. package/{es/components/Select/ui/Target/ui/Button/Button.styles_nn6pg.css → cjs/components/Select/ui/Target/ui/Button/Button.styles_lxxm4p.css} +3 -3
  65. package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.css +21 -21
  66. package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.js +11 -11
  67. package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.js.map +1 -1
  68. package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +11 -2
  69. package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.styles.js.map +1 -1
  70. package/{es/components/Select/ui/Target/ui/Textfield/Textfield.styles_16d02b7.css → cjs/components/Select/ui/Target/ui/Textfield/Textfield.styles_5mg7p7.css} +1 -1
  71. package/cjs/components/Select/utils/getButtonLabel.js +12 -13
  72. package/cjs/components/Select/utils/getButtonLabel.js.map +1 -1
  73. package/cjs/components/Toast/Toast.css +8 -8
  74. package/cjs/components/Toast/ToastController.css +8 -8
  75. package/cjs/index.css +35 -31
  76. package/cjs/index.js +6 -0
  77. package/cjs/index.js.map +1 -1
  78. package/emotion/cjs/components/Accordion/Accordion.tokens.js +0 -1
  79. package/emotion/cjs/components/Accordion/ui/AccordionItem/AccordionItem.styles.js +2 -2
  80. package/emotion/cjs/components/Breadcrumbs/Breadcrumbs.js +59 -0
  81. package/emotion/cjs/components/Breadcrumbs/Breadcrumbs.styles.js +33 -0
  82. package/emotion/cjs/components/Breadcrumbs/Breadcrumbs.template-doc.mdx +96 -0
  83. package/emotion/cjs/components/Breadcrumbs/Breadcrumbs.tokens.js +21 -0
  84. package/emotion/cjs/components/Breadcrumbs/Breadcrumbs.types.js +5 -0
  85. package/emotion/cjs/components/Breadcrumbs/index.js +31 -0
  86. package/emotion/cjs/components/Breadcrumbs/ui/BreadcrumbShorter/BreadcrumbShorter.js +42 -0
  87. package/emotion/cjs/components/Breadcrumbs/ui/BreadcrumbShorter/BreadcrumbShorter.styles.js +20 -0
  88. package/emotion/cjs/components/Breadcrumbs/ui/BreadcrumbShorter/BreadcrumbShorter.types.js +5 -0
  89. package/emotion/cjs/components/Breadcrumbs/utils/index.js +50 -0
  90. package/emotion/cjs/components/Breadcrumbs/variations/_size/base.js +8 -0
  91. package/emotion/cjs/components/Breadcrumbs/variations/_size/tokens.json +0 -0
  92. package/emotion/cjs/components/Breadcrumbs/variations/_view/base.js +8 -0
  93. package/emotion/cjs/components/Breadcrumbs/variations/_view/tokens.json +0 -0
  94. package/emotion/cjs/components/Button/Button.styles.js +8 -8
  95. package/emotion/cjs/components/Button/Button.tokens.js +2 -0
  96. package/emotion/cjs/components/Select/Select.js +28 -32
  97. package/emotion/cjs/components/Select/Select.styles.js +6 -6
  98. package/emotion/cjs/components/Select/Select.tokens.js +1 -1
  99. package/emotion/cjs/components/Select/ui/Target/Target.js +7 -11
  100. package/emotion/cjs/components/Select/ui/Target/ui/Button/Button.js +7 -8
  101. package/emotion/cjs/components/Select/ui/Target/ui/Button/Button.styles.js +8 -5
  102. package/emotion/cjs/components/Select/ui/Target/ui/Textfield/Textfield.js +11 -11
  103. package/emotion/cjs/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +16 -13
  104. package/emotion/cjs/components/Select/utils/getButtonLabel.js +12 -13
  105. package/emotion/cjs/examples/plasma_b2c/components/Accordion/Accordion.config.js +6 -6
  106. package/emotion/cjs/examples/plasma_b2c/components/Breadcrumbs/Breadcrumbs.config.js +25 -0
  107. package/emotion/cjs/examples/plasma_b2c/components/Breadcrumbs/Breadcrumbs.js +11 -0
  108. package/emotion/cjs/examples/plasma_b2c/components/Breadcrumbs/Breadcrumbs.stories.tsx +42 -0
  109. package/emotion/cjs/examples/plasma_web/components/Accordion/Accordion.config.js +8 -8
  110. package/emotion/cjs/examples/plasma_web/components/Breadcrumbs/Breadcrumbs.config.js +25 -0
  111. package/emotion/cjs/examples/plasma_web/components/Breadcrumbs/Breadcrumbs.js +11 -0
  112. package/emotion/cjs/examples/plasma_web/components/Breadcrumbs/Breadcrumbs.stories.tsx +42 -0
  113. package/emotion/cjs/index.js +11 -0
  114. package/emotion/es/components/Accordion/Accordion.tokens.js +0 -1
  115. package/emotion/es/components/Accordion/ui/AccordionItem/AccordionItem.styles.js +2 -2
  116. package/emotion/es/components/Breadcrumbs/Breadcrumbs.js +50 -0
  117. package/emotion/es/components/Breadcrumbs/Breadcrumbs.styles.js +26 -0
  118. package/emotion/es/components/Breadcrumbs/Breadcrumbs.template-doc.mdx +96 -0
  119. package/emotion/es/components/Breadcrumbs/Breadcrumbs.tokens.js +15 -0
  120. package/emotion/es/components/Breadcrumbs/Breadcrumbs.types.js +1 -0
  121. package/emotion/es/components/Breadcrumbs/index.js +2 -0
  122. package/emotion/es/components/Breadcrumbs/ui/BreadcrumbShorter/BreadcrumbShorter.js +33 -0
  123. package/emotion/es/components/Breadcrumbs/ui/BreadcrumbShorter/BreadcrumbShorter.styles.js +13 -0
  124. package/emotion/es/components/Breadcrumbs/ui/BreadcrumbShorter/BreadcrumbShorter.types.js +1 -0
  125. package/emotion/es/components/Breadcrumbs/utils/index.js +43 -0
  126. package/emotion/es/components/Breadcrumbs/variations/_size/base.js +2 -0
  127. package/emotion/es/components/Breadcrumbs/variations/_size/tokens.json +0 -0
  128. package/emotion/es/components/Breadcrumbs/variations/_view/base.js +2 -0
  129. package/emotion/es/components/Breadcrumbs/variations/_view/tokens.json +0 -0
  130. package/emotion/es/components/Button/Button.styles.js +8 -8
  131. package/emotion/es/components/Button/Button.tokens.js +2 -0
  132. package/emotion/es/components/Select/Select.js +28 -32
  133. package/emotion/es/components/Select/Select.styles.js +6 -6
  134. package/emotion/es/components/Select/Select.tokens.js +1 -1
  135. package/emotion/es/components/Select/ui/Target/Target.js +7 -11
  136. package/emotion/es/components/Select/ui/Target/ui/Button/Button.js +7 -8
  137. package/emotion/es/components/Select/ui/Target/ui/Button/Button.styles.js +8 -5
  138. package/emotion/es/components/Select/ui/Target/ui/Textfield/Textfield.js +11 -11
  139. package/emotion/es/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +16 -13
  140. package/emotion/es/components/Select/utils/getButtonLabel.js +12 -13
  141. package/emotion/es/examples/plasma_b2c/components/Accordion/Accordion.config.js +6 -6
  142. package/emotion/es/examples/plasma_b2c/components/Breadcrumbs/Breadcrumbs.config.js +19 -0
  143. package/emotion/es/examples/plasma_b2c/components/Breadcrumbs/Breadcrumbs.js +5 -0
  144. package/emotion/es/examples/plasma_b2c/components/Breadcrumbs/Breadcrumbs.stories.tsx +42 -0
  145. package/emotion/es/examples/plasma_web/components/Accordion/Accordion.config.js +8 -8
  146. package/emotion/es/examples/plasma_web/components/Breadcrumbs/Breadcrumbs.config.js +19 -0
  147. package/emotion/es/examples/plasma_web/components/Breadcrumbs/Breadcrumbs.js +5 -0
  148. package/emotion/es/examples/plasma_web/components/Breadcrumbs/Breadcrumbs.stories.tsx +42 -0
  149. package/emotion/es/index.js +1 -0
  150. package/es/components/Accordion/Accordion.tokens.js +0 -1
  151. package/es/components/Accordion/Accordion.tokens.js.map +1 -1
  152. package/es/components/Accordion/ui/AccordionItem/AccordionItem.styles.js +2 -2
  153. package/es/components/Accordion/ui/AccordionItem/AccordionItem.styles.js.map +1 -1
  154. package/es/components/Breadcrumbs/Breadcrumbs.css +13 -0
  155. package/es/components/Breadcrumbs/Breadcrumbs.js +54 -0
  156. package/es/components/Breadcrumbs/Breadcrumbs.js.map +1 -0
  157. package/es/components/Breadcrumbs/Breadcrumbs.styles.js +40 -0
  158. package/es/components/Breadcrumbs/Breadcrumbs.styles.js.map +1 -0
  159. package/es/components/Breadcrumbs/Breadcrumbs.styles_1troyzr.css +3 -0
  160. package/es/components/Breadcrumbs/Breadcrumbs.tokens.js +18 -0
  161. package/es/components/Breadcrumbs/Breadcrumbs.tokens.js.map +1 -0
  162. package/es/components/Breadcrumbs/ui/BreadcrumbShorter/BreadcrumbShorter.js +32 -0
  163. package/es/components/Breadcrumbs/ui/BreadcrumbShorter/BreadcrumbShorter.js.map +1 -0
  164. package/es/components/Breadcrumbs/ui/BreadcrumbShorter/BreadcrumbShorter.styles.js +21 -0
  165. package/es/components/Breadcrumbs/ui/BreadcrumbShorter/BreadcrumbShorter.styles.js.map +1 -0
  166. package/es/components/Breadcrumbs/utils/index.js +47 -0
  167. package/es/components/Breadcrumbs/utils/index.js.map +1 -0
  168. package/es/components/Breadcrumbs/variations/_size/base.js +5 -0
  169. package/es/components/Breadcrumbs/variations/_size/base.js.map +1 -0
  170. package/es/components/Breadcrumbs/variations/_size/base_x642ct.css +1 -0
  171. package/es/components/Breadcrumbs/variations/_view/base.js +5 -0
  172. package/es/components/Breadcrumbs/variations/_view/base.js.map +1 -0
  173. package/es/components/Breadcrumbs/variations/_view/base_x642ct.css +1 -0
  174. package/es/components/Button/Button.css +8 -8
  175. package/es/components/Button/Button.styles.js +1 -1
  176. package/es/components/Button/Button.styles.js.map +1 -1
  177. package/es/components/Button/{Button.styles_1oz1dew.css → Button.styles_1sopr3d.css} +2 -2
  178. package/es/components/Button/Button.tokens.js +2 -0
  179. package/es/components/Button/Button.tokens.js.map +1 -1
  180. package/es/components/Calendar/CalendarBase/CalendarBase.css +8 -8
  181. package/es/components/Calendar/CalendarDouble/CalendarDouble.css +8 -8
  182. package/es/components/Calendar/ui/CalendarHeader/CalendarHeader.css +8 -8
  183. package/es/components/DatePicker/RangeDate/RangeDate.css +8 -8
  184. package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +8 -8
  185. package/es/components/DatePicker/SingleDate/SingleDate.css +8 -8
  186. package/es/components/Drawer/Drawer.css +8 -8
  187. package/es/components/Drawer/ui/DrawerContent/DrawerContent.css +8 -8
  188. package/es/components/EmptyState/EmptyState.css +8 -8
  189. package/es/components/IconButton/IconButton.css +8 -8
  190. package/es/components/Notification/Notification.css +8 -8
  191. package/es/components/Notification/NotificationsProvider.css +8 -8
  192. package/es/components/Pagination/Pagination.css +29 -29
  193. package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +30 -30
  194. package/es/components/Panel/ui/PanelHeader/PanelHeader.css +8 -8
  195. package/es/components/Select/Select.css +30 -30
  196. package/es/components/Select/Select.js +28 -32
  197. package/es/components/Select/Select.js.map +1 -1
  198. package/es/components/Select/Select.styles.js +1 -1
  199. package/es/components/Select/Select.styles.js.map +1 -1
  200. package/{cjs/components/Select/Select.styles_zx0ztg.css → es/components/Select/Select.styles_1e7cbbz.css} +1 -1
  201. package/es/components/Select/Select.tokens.js.map +1 -1
  202. package/es/components/Select/hooks/useKeyboardNavigation.js.map +1 -1
  203. package/es/components/Select/ui/Inner/Inner.css +31 -31
  204. package/es/components/Select/ui/Inner/ui/Item/Item.css +30 -30
  205. package/es/components/Select/ui/Target/Target.css +26 -26
  206. package/es/components/Select/ui/Target/Target.js +7 -11
  207. package/es/components/Select/ui/Target/Target.js.map +1 -1
  208. package/es/components/Select/ui/Target/ui/Button/Button.css +14 -14
  209. package/es/components/Select/ui/Target/ui/Button/Button.js +7 -8
  210. package/es/components/Select/ui/Target/ui/Button/Button.js.map +1 -1
  211. package/es/components/Select/ui/Target/ui/Button/Button.styles.js +12 -2
  212. package/es/components/Select/ui/Target/ui/Button/Button.styles.js.map +1 -1
  213. package/{cjs/components/Select/ui/Target/ui/Button/Button.styles_nn6pg.css → es/components/Select/ui/Target/ui/Button/Button.styles_lxxm4p.css} +3 -3
  214. package/es/components/Select/ui/Target/ui/Textfield/Textfield.css +21 -21
  215. package/es/components/Select/ui/Target/ui/Textfield/Textfield.js +11 -11
  216. package/es/components/Select/ui/Target/ui/Textfield/Textfield.js.map +1 -1
  217. package/es/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +11 -2
  218. package/es/components/Select/ui/Target/ui/Textfield/Textfield.styles.js.map +1 -1
  219. package/{cjs/components/Select/ui/Target/ui/Textfield/Textfield.styles_16d02b7.css → es/components/Select/ui/Target/ui/Textfield/Textfield.styles_5mg7p7.css} +1 -1
  220. package/es/components/Select/utils/getButtonLabel.js +12 -13
  221. package/es/components/Select/utils/getButtonLabel.js.map +1 -1
  222. package/es/components/Toast/Toast.css +8 -8
  223. package/es/components/Toast/ToastController.css +8 -8
  224. package/es/index.css +35 -31
  225. package/es/index.js +2 -0
  226. package/es/index.js.map +1 -1
  227. package/package.json +2 -2
  228. package/styled-components/cjs/components/Accordion/Accordion.tokens.js +0 -1
  229. package/styled-components/cjs/components/Accordion/ui/AccordionItem/AccordionItem.styles.js +2 -2
  230. package/styled-components/cjs/components/Breadcrumbs/Breadcrumbs.js +59 -0
  231. package/styled-components/cjs/components/Breadcrumbs/Breadcrumbs.styles.js +32 -0
  232. package/styled-components/cjs/components/Breadcrumbs/Breadcrumbs.template-doc.mdx +96 -0
  233. package/styled-components/cjs/components/Breadcrumbs/Breadcrumbs.tokens.js +21 -0
  234. package/styled-components/cjs/components/Breadcrumbs/Breadcrumbs.types.js +5 -0
  235. package/styled-components/cjs/components/Breadcrumbs/index.js +31 -0
  236. package/styled-components/cjs/components/Breadcrumbs/ui/BreadcrumbShorter/BreadcrumbShorter.js +42 -0
  237. package/styled-components/cjs/components/Breadcrumbs/ui/BreadcrumbShorter/BreadcrumbShorter.styles.js +24 -0
  238. package/styled-components/cjs/components/Breadcrumbs/ui/BreadcrumbShorter/BreadcrumbShorter.types.js +5 -0
  239. package/styled-components/cjs/components/Breadcrumbs/utils/index.js +50 -0
  240. package/styled-components/cjs/components/Breadcrumbs/variations/_size/base.js +8 -0
  241. package/styled-components/cjs/components/Breadcrumbs/variations/_size/tokens.json +0 -0
  242. package/styled-components/cjs/components/Breadcrumbs/variations/_view/base.js +8 -0
  243. package/styled-components/cjs/components/Breadcrumbs/variations/_view/tokens.json +0 -0
  244. package/styled-components/cjs/components/Button/Button.styles.js +2 -2
  245. package/styled-components/cjs/components/Button/Button.tokens.js +2 -0
  246. package/styled-components/cjs/components/Select/Select.js +28 -32
  247. package/styled-components/cjs/components/Select/Select.styles.js +1 -1
  248. package/styled-components/cjs/components/Select/Select.tokens.js +1 -1
  249. package/styled-components/cjs/components/Select/ui/Target/Target.js +7 -11
  250. package/styled-components/cjs/components/Select/ui/Target/ui/Button/Button.js +7 -8
  251. package/styled-components/cjs/components/Select/ui/Target/ui/Button/Button.styles.js +6 -3
  252. package/styled-components/cjs/components/Select/ui/Target/ui/Textfield/Textfield.js +11 -11
  253. package/styled-components/cjs/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +4 -1
  254. package/styled-components/cjs/components/Select/utils/getButtonLabel.js +12 -13
  255. package/styled-components/cjs/examples/plasma_b2c/components/Accordion/Accordion.config.js +2 -2
  256. package/styled-components/cjs/examples/plasma_b2c/components/Breadcrumbs/Breadcrumbs.config.js +25 -0
  257. package/styled-components/cjs/examples/plasma_b2c/components/Breadcrumbs/Breadcrumbs.js +11 -0
  258. package/styled-components/cjs/examples/plasma_b2c/components/Breadcrumbs/Breadcrumbs.stories.tsx +42 -0
  259. package/styled-components/cjs/examples/plasma_web/components/Accordion/Accordion.config.js +2 -2
  260. package/styled-components/cjs/examples/plasma_web/components/Breadcrumbs/Breadcrumbs.config.js +25 -0
  261. package/styled-components/cjs/examples/plasma_web/components/Breadcrumbs/Breadcrumbs.js +11 -0
  262. package/styled-components/cjs/examples/plasma_web/components/Breadcrumbs/Breadcrumbs.stories.tsx +42 -0
  263. package/styled-components/cjs/index.js +11 -0
  264. package/styled-components/es/components/Accordion/Accordion.tokens.js +0 -1
  265. package/styled-components/es/components/Accordion/ui/AccordionItem/AccordionItem.styles.js +2 -2
  266. package/styled-components/es/components/Breadcrumbs/Breadcrumbs.js +50 -0
  267. package/styled-components/es/components/Breadcrumbs/Breadcrumbs.styles.js +24 -0
  268. package/styled-components/es/components/Breadcrumbs/Breadcrumbs.template-doc.mdx +96 -0
  269. package/styled-components/es/components/Breadcrumbs/Breadcrumbs.tokens.js +15 -0
  270. package/styled-components/es/components/Breadcrumbs/Breadcrumbs.types.js +1 -0
  271. package/styled-components/es/components/Breadcrumbs/index.js +2 -0
  272. package/styled-components/es/components/Breadcrumbs/ui/BreadcrumbShorter/BreadcrumbShorter.js +33 -0
  273. package/styled-components/es/components/Breadcrumbs/ui/BreadcrumbShorter/BreadcrumbShorter.styles.js +17 -0
  274. package/styled-components/es/components/Breadcrumbs/ui/BreadcrumbShorter/BreadcrumbShorter.types.js +1 -0
  275. package/styled-components/es/components/Breadcrumbs/utils/index.js +43 -0
  276. package/styled-components/es/components/Breadcrumbs/variations/_size/base.js +2 -0
  277. package/styled-components/es/components/Breadcrumbs/variations/_size/tokens.json +0 -0
  278. package/styled-components/es/components/Breadcrumbs/variations/_view/base.js +2 -0
  279. package/styled-components/es/components/Breadcrumbs/variations/_view/tokens.json +0 -0
  280. package/styled-components/es/components/Button/Button.styles.js +2 -2
  281. package/styled-components/es/components/Button/Button.tokens.js +2 -0
  282. package/styled-components/es/components/Select/Select.js +28 -32
  283. package/styled-components/es/components/Select/Select.styles.js +1 -1
  284. package/styled-components/es/components/Select/Select.tokens.js +1 -1
  285. package/styled-components/es/components/Select/ui/Target/Target.js +7 -11
  286. package/styled-components/es/components/Select/ui/Target/ui/Button/Button.js +7 -8
  287. package/styled-components/es/components/Select/ui/Target/ui/Button/Button.styles.js +6 -3
  288. package/styled-components/es/components/Select/ui/Target/ui/Textfield/Textfield.js +11 -11
  289. package/styled-components/es/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +4 -1
  290. package/styled-components/es/components/Select/utils/getButtonLabel.js +12 -13
  291. package/styled-components/es/examples/plasma_b2c/components/Accordion/Accordion.config.js +2 -2
  292. package/styled-components/es/examples/plasma_b2c/components/Breadcrumbs/Breadcrumbs.config.js +19 -0
  293. package/styled-components/es/examples/plasma_b2c/components/Breadcrumbs/Breadcrumbs.js +5 -0
  294. package/styled-components/es/examples/plasma_b2c/components/Breadcrumbs/Breadcrumbs.stories.tsx +42 -0
  295. package/styled-components/es/examples/plasma_web/components/Accordion/Accordion.config.js +2 -2
  296. package/styled-components/es/examples/plasma_web/components/Breadcrumbs/Breadcrumbs.config.js +19 -0
  297. package/styled-components/es/examples/plasma_web/components/Breadcrumbs/Breadcrumbs.js +5 -0
  298. package/styled-components/es/examples/plasma_web/components/Breadcrumbs/Breadcrumbs.stories.tsx +42 -0
  299. package/styled-components/es/index.js +1 -0
  300. package/types/components/Accordion/Accordion.tokens.d.ts +0 -1
  301. package/types/components/Accordion/Accordion.tokens.d.ts.map +1 -1
  302. package/types/components/Breadcrumbs/Breadcrumbs.d.ts +35 -0
  303. package/types/components/Breadcrumbs/Breadcrumbs.d.ts.map +1 -0
  304. package/types/components/Breadcrumbs/Breadcrumbs.styles.d.ts +7 -0
  305. package/types/components/Breadcrumbs/Breadcrumbs.styles.d.ts.map +1 -0
  306. package/types/components/Breadcrumbs/Breadcrumbs.tokens.d.ts +16 -0
  307. package/types/components/Breadcrumbs/Breadcrumbs.tokens.d.ts.map +1 -0
  308. package/types/components/Breadcrumbs/Breadcrumbs.types.d.ts +38 -0
  309. package/types/components/Breadcrumbs/Breadcrumbs.types.d.ts.map +1 -0
  310. package/types/components/Breadcrumbs/index.d.ts +4 -0
  311. package/types/components/Breadcrumbs/index.d.ts.map +1 -0
  312. package/types/components/Breadcrumbs/ui/BreadcrumbShorter/BreadcrumbShorter.d.ts +4 -0
  313. package/types/components/Breadcrumbs/ui/BreadcrumbShorter/BreadcrumbShorter.d.ts.map +1 -0
  314. package/types/components/Breadcrumbs/ui/BreadcrumbShorter/BreadcrumbShorter.styles.d.ts +4 -0
  315. package/types/components/Breadcrumbs/ui/BreadcrumbShorter/BreadcrumbShorter.styles.d.ts.map +1 -0
  316. package/types/components/Breadcrumbs/ui/BreadcrumbShorter/BreadcrumbShorter.types.d.ts +8 -0
  317. package/types/components/Breadcrumbs/ui/BreadcrumbShorter/BreadcrumbShorter.types.d.ts.map +1 -0
  318. package/types/components/Breadcrumbs/utils/index.d.ts +7 -0
  319. package/types/components/Breadcrumbs/utils/index.d.ts.map +1 -0
  320. package/types/components/Breadcrumbs/variations/_size/base.d.ts +2 -0
  321. package/types/components/Breadcrumbs/variations/_size/base.d.ts.map +1 -0
  322. package/types/components/Breadcrumbs/variations/_view/base.d.ts +2 -0
  323. package/types/components/Breadcrumbs/variations/_view/base.d.ts.map +1 -0
  324. package/types/components/Button/Button.styles.d.ts.map +1 -1
  325. package/types/components/Button/Button.tokens.d.ts +2 -0
  326. package/types/components/Button/Button.tokens.d.ts.map +1 -1
  327. package/types/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.d.ts +4 -4
  328. package/types/components/Select/Select.types.d.ts +12 -8
  329. package/types/components/Select/Select.types.d.ts.map +1 -1
  330. package/types/components/Select/hooks/useKeyboardNavigation.d.ts +1 -1
  331. package/types/components/Select/hooks/useKeyboardNavigation.d.ts.map +1 -1
  332. package/types/components/Select/ui/Target/Target.d.ts.map +1 -1
  333. package/types/components/Select/ui/Target/Target.types.d.ts +2 -1
  334. package/types/components/Select/ui/Target/Target.types.d.ts.map +1 -1
  335. package/types/components/Select/ui/Target/ui/Button/Button.d.ts.map +1 -1
  336. package/types/components/Select/ui/Target/ui/Button/Button.styles.d.ts +4 -2
  337. package/types/components/Select/ui/Target/ui/Button/Button.styles.d.ts.map +1 -1
  338. package/types/components/Select/ui/Target/ui/Button/Button.types.d.ts +2 -2
  339. package/types/components/Select/ui/Target/ui/Button/Button.types.d.ts.map +1 -1
  340. package/types/components/Select/ui/Target/ui/Textfield/Textfield.d.ts.map +1 -1
  341. package/types/components/Select/ui/Target/ui/Textfield/Textfield.styles.d.ts +4 -2
  342. package/types/components/Select/ui/Target/ui/Textfield/Textfield.styles.d.ts.map +1 -1
  343. package/types/components/Select/ui/Target/ui/Textfield/Textfield.types.d.ts +3 -1
  344. package/types/components/Select/ui/Target/ui/Textfield/Textfield.types.d.ts.map +1 -1
  345. package/types/components/Select/utils/getButtonLabel.d.ts +1 -1
  346. package/types/components/Select/utils/getButtonLabel.d.ts.map +1 -1
  347. package/types/examples/plasma_b2c/components/Accordion/Accordion.config.d.ts.map +1 -1
  348. package/types/examples/plasma_b2c/components/Breadcrumbs/Breadcrumbs.config.d.ts +18 -0
  349. package/types/examples/plasma_b2c/components/Breadcrumbs/Breadcrumbs.config.d.ts.map +1 -0
  350. package/types/examples/plasma_b2c/components/Breadcrumbs/Breadcrumbs.d.ts +19 -0
  351. package/types/examples/plasma_b2c/components/Breadcrumbs/Breadcrumbs.d.ts.map +1 -0
  352. package/types/examples/plasma_b2c/components/Select/Select.d.ts +4 -4
  353. package/types/examples/plasma_web/components/Accordion/Accordion.config.d.ts.map +1 -1
  354. package/types/examples/plasma_web/components/Breadcrumbs/Breadcrumbs.config.d.ts +18 -0
  355. package/types/examples/plasma_web/components/Breadcrumbs/Breadcrumbs.config.d.ts.map +1 -0
  356. package/types/examples/plasma_web/components/Breadcrumbs/Breadcrumbs.d.ts +19 -0
  357. package/types/examples/plasma_web/components/Breadcrumbs/Breadcrumbs.d.ts.map +1 -0
  358. package/types/examples/plasma_web/components/Select/Select.d.ts +4 -4
  359. package/types/index.d.ts +1 -0
  360. package/types/index.d.ts.map +1 -1
package/es/index.css CHANGED
@@ -8,14 +8,14 @@
8
8
 
9
9
  .base_hy8dc_bdz31nb__bd4ad37e.base_hy8dc_buttonStretchingFixed__bd4ad37e{width:var(--plasma-button-width);}.base_hy8dc_bdz31nb__bd4ad37e.base_hy8dc_buttonStretchingFilled__bd4ad37e{width:100%;}.base_hy8dc_bdz31nb__bd4ad37e.base_hy8dc_buttonStretchingAuto__bd4ad37e{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;}
10
10
 
11
- .Button_styles_1oz1dew_bzw1898__a16b28b2{min-width:4ch;-webkit-flex-shrink:2;-ms-flex-negative:2;flex-shrink:2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.Button_styles_1oz1dew_bzw1898__a16b28b2.Button_styles_1oz1dew_buttonContentRelaxed__a16b28b2{text-align:start;-webkit-box-flex:2;-webkit-flex-grow:2;-ms-flex-positive:2;flex-grow:2;}
12
- .Button_styles_1oz1dew_bdfuqwe__a16b28b2{color:var(--plasma-button-value-color);margin:var(--plasma-button-value-margin);min-width:4ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
13
- .Button_styles_1oz1dew_l9ypozh__a16b28b2{opacity:var(--l9ypozh-0);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:inherit;-webkit-box-align:inherit;-ms-flex-align:inherit;align-items:inherit;-webkit-box-pack:var(--l9ypozh-1);-webkit-justify-content:var(--l9ypozh-1);-ms-flex-pack:var(--l9ypozh-1);justify-content:var(--l9ypozh-1);height:100%;width:100%;}
14
- .Button_styles_1oz1dew_l4dfhbg__a16b28b2{position:absolute;}
15
- .Button_styles_1oz1dew_srdlazt__a16b28b2{--plasma-spinner-size:var(--plasma-button-spinner-size);--plasma-spinner-color:var(--plasma-button-spinner-color);}
16
- .Button_styles_1oz1dew_s7rggv0__a16b28b2{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin:var(--plasma-button-left-content-margin);}
17
- .Button_styles_1oz1dew_s1rjh7ra__a16b28b2{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin:var(--plasma-button-right-content-margin);}
18
- .Button_styles_1oz1dew_b9ga1dj__a16b28b2{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);--plasma_private-btn-br:var(--plasma_computed-btn-br);border-radius:var(--plasma_private-btn-br);}a.Button_styles_1oz1dew_b9ga1dj__a16b28b2{-webkit-text-decoration:none;text-decoration:none;}.Button_styles_1oz1dew_b9ga1dj__a16b28b2.Button_styles_1oz1dew_b9ga1dj__a16b28b2.Button_styles_1oz1dew_buttonSquare__a16b28b2{width:var(--plasma-button-height);padding:0;}
11
+ .Button_styles_1sopr3d_bzw1898__8219590b{min-width:4ch;-webkit-flex-shrink:2;-ms-flex-negative:2;flex-shrink:2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.Button_styles_1sopr3d_bzw1898__8219590b.Button_styles_1sopr3d_buttonContentRelaxed__8219590b{text-align:start;-webkit-box-flex:2;-webkit-flex-grow:2;-ms-flex-positive:2;flex-grow:2;}
12
+ .Button_styles_1sopr3d_bdfuqwe__8219590b{color:var(--plasma-button-value-color);margin:var(--plasma-button-value-margin);min-width:4ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
13
+ .Button_styles_1sopr3d_l9ypozh__8219590b{opacity:var(--l9ypozh-0);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:inherit;-webkit-box-align:inherit;-ms-flex-align:inherit;align-items:inherit;-webkit-box-pack:var(--l9ypozh-1);-webkit-justify-content:var(--l9ypozh-1);-ms-flex-pack:var(--l9ypozh-1);justify-content:var(--l9ypozh-1);height:100%;width:100%;}
14
+ .Button_styles_1sopr3d_l4dfhbg__8219590b{position:absolute;}
15
+ .Button_styles_1sopr3d_srdlazt__8219590b{--plasma-spinner-size:var(--plasma-button-spinner-size);--plasma-spinner-color:var(--plasma-button-spinner-color);}
16
+ .Button_styles_1sopr3d_s7rggv0__8219590b{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin:var(--plasma-button-left-content-margin);-webkit-align-self:var(--plasma-button-left-content-align-self);-ms-flex-item-align:var(--plasma-button-left-content-align);align-self:var(--plasma-button-left-content-align-self);}
17
+ .Button_styles_1sopr3d_s1rjh7ra__8219590b{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin:var(--plasma-button-right-content-margin);-webkit-align-self:var(--plasma-button-right-content-align-self);-ms-flex-item-align:var(--plasma-button-right-content-align);align-self:var(--plasma-button-right-content-align-self);}
18
+ .Button_styles_1sopr3d_b9ga1dj__8219590b{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);--plasma_private-btn-br:var(--plasma_computed-btn-br);border-radius:var(--plasma_private-btn-br);}a.Button_styles_1sopr3d_b9ga1dj__8219590b{-webkit-text-decoration:none;text-decoration:none;}.Button_styles_1sopr3d_b9ga1dj__8219590b.Button_styles_1sopr3d_b9ga1dj__8219590b.Button_styles_1sopr3d_buttonSquare__8219590b{width:var(--plasma-button-height);padding:0;}
19
19
 
20
20
  .IconButton_styles_7v8g0e_b1ua728l__3b30d792{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);--plasma_private-btn-br:var(--plasma_computed-btn-br);border-radius:var(--plasma_private-btn-br);color:var(--plasma-button-color);background-color:var(--plasma-button-background-color);height:var(--plasma-button-height);width:var(--plasma-button-width);padding:0 var(--plasma-button-padding,calc(var(--plasma-button-height) * 1.618 / 4));font-family:var(--plasma-button-font-family);font-size:var(--plasma-button-font-size);font-style:var(--plasma-button-font-style);font-weight:var(--plasma-button-font-weight);-webkit-letter-spacing:var(--plasma-button-letter-spacing);-moz-letter-spacing:var(--plasma-button-letter-spacing);-ms-letter-spacing:var(--plasma-button-letter-spacing);letter-spacing:var(--plasma-button-letter-spacing);line-height:var(--plasma-button-line-height);--plasma_private-btn-outline-size:var(--plasma-button-outline-size,0.0625rem);position:relative;--plasma-button-padding:0;--plasma-button-color:var(--plasma-icon-button-color);--plasma-button-background-color:var(--plasma-icon-button-background-color);--plasma-button-color-hover:var(--plasma-icon-button-color-hover);--plasma-button-background-color-hover:var(--plasma-icon-button-background-color-hover);--plasma-button-color-active:var(--plasma-icon-button-color-active);--plasma-button-background-color-active:var(--plasma-icon-button-background-color-active);--plasma-button-font-family:var(--plasma-icon-button-font-family);--plasma-button-font-size:var(--plasma-icon-button-font-size);--plasma-button-font-style:var(--plasma-icon-button-font-style);--plasma-button-font-weight:var(--plasma-icon-button-font-weight);--plasma-button-letter-spacing:var(--plasma-icon-button-letter-spacing);--plasma-button-line-height:var(--plasma-icon-button-line-height);--plasma-button-width:var(--plasma-icon-button-width);--plasma-button-height:var(--plasma-icon-button-height);--plasma-button-radius:var(--plasma-icon-button-radius);--plasma-button-disabled-opacity:var(--plasma-icon-button-disabled-opacity);--plasma-button-focus-color:var(--plasma-icon-button-focus-color);--plasma-button-spinner-size:var(--plasma-icon-button-spinner-size);--plasma-button-spinner-color:var(--plasma-icon-button-spinner-color);}a.IconButton_styles_7v8g0e_b1ua728l__3b30d792{-webkit-text-decoration:none;text-decoration:none;}.IconButton_styles_7v8g0e_b1ua728l__3b30d792.IconButton_styles_7v8g0e_b1ua728l__3b30d792.IconButton_styles_7v8g0e_buttonSquare__3b30d792{width:var(--plasma-button-height);padding:0;}.IconButton_styles_7v8g0e_b1ua728l__3b30d792:hover{color:var(--plasma-button-color-hover,var(--plasma-button-color));background-color:var(--plasma-button-background-color-hover,var(--plasma-button-background-color));scale:var(--plasma-button-scale-hover);}.IconButton_styles_7v8g0e_b1ua728l__3b30d792:active{color:var(--plasma-button-color-active,var(--plasma-button-color));background-color:var(--plasma-button-background-color-active,var(--plasma-button-background-color));scale:var(---plasma-button-scale-active);}.IconButton_styles_7v8g0e_b1ua728l__3b30d792:focus{outline:none;}.IconButton_styles_7v8g0e_b1ua728l__3b30d792::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:var(--plasma_private-btn-outline-size) solid transparent;border-radius:calc(0.125rem + var(--plasma_private-btn-br));-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.IconButton_styles_7v8g0e_b1ua728l__3b30d792.IconButton_styles_7v8g0e_focusVisible__3b30d792:focus::before,.IconButton_styles_7v8g0e_b1ua728l__3b30d792[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 var(--plasma_private-btn-outline-size) var(--plasma-button-focus-color);}.IconButton_styles_7v8g0e_b1ua728l__3b30d792[disabled]{opacity:var(--plasma-button-disabled-opacity);cursor:not-allowed;}.IconButton_styles_7v8g0e_b1ua728l__3b30d792[disabled]:hover,.IconButton_styles_7v8g0e_b1ua728l__3b30d792[disabled]:active{scale:none;color:var(--plasma-button-color);background-color:var(--plasma-button-background-color);}.IconButton_styles_7v8g0e_b1ua728l__3b30d792.IconButton_styles_7v8g0e_buttonStretchingFixed__3b30d792{width:var(--plasma-button-width);}.IconButton_styles_7v8g0e_b1ua728l__3b30d792.IconButton_styles_7v8g0e_buttonStretchingFilled__3b30d792{width:100%;}.IconButton_styles_7v8g0e_b1ua728l__3b30d792.IconButton_styles_7v8g0e_buttonStretchingAuto__3b30d792{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;}
21
21
 
@@ -33,6 +33,10 @@
33
33
 
34
34
  .ButtonGroup_styles_92nbdg_b181uun8__0ffde6c1{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}
35
35
 
36
+ .Breadcrumbs_styles_1troyzr_shehk3i__0db10aef{opacity:var(--shehk3i-0);position:relative;}.Breadcrumbs_styles_1troyzr_shehk3i__0db10aef::before{content:'';position:absolute;top:0rem;left:0rem;right:0rem;bottom:0rem;z-index:1;display:block;box-sizing:content-box;border:0.125rem solid transparent;border-radius:0rem;-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.Breadcrumbs_styles_1troyzr_shehk3i__0db10aef.Breadcrumbs_styles_1troyzr_focusVisible__0db10aef:focus::before,.Breadcrumbs_styles_1troyzr_shehk3i__0db10aef[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.125rem var(--plasma-breadcrumbs-focus-outline-color);}
37
+ .Breadcrumbs_styles_1troyzr_bkgt5xr__0db10aef{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:var(--plasma-breadcrumbs-gap);color:var(--plasma-breadcrumbs-color);font-family:var(--plasma-breadcrumbs-font-family);font-size:var(--plasma-breadcrumbs-font-size);font-weight:var(--plasma-breadcrumbs-font-weight);font-style:var(--plasma-breadcrumbs-font-style);-webkit-letter-spacing:var(--plasma-breadcrumbs-letter-spacing);-moz-letter-spacing:var(--plasma-breadcrumbs-letter-spacing);-ms-letter-spacing:var(--plasma-breadcrumbs-letter-spacing);letter-spacing:var(--plasma-breadcrumbs-letter-spacing);line-height:var(--plasma-breadcrumbs-line-height);}
38
+ .Breadcrumbs_styles_1troyzr_sajtslk__0db10aef{color:var(--plasma-breadcrumbs-color);opacity:var(--plasma-breadcrumbs-opacity);}
39
+
36
40
  .IconRoot_7pl7ig_svvlqhf__32c458a1{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;width:var(--svvlqhf-0);height:var(--svvlqhf-0);-webkit-flex:0 0 var(--svvlqhf-0);-ms-flex:0 0 var(--svvlqhf-0);flex:0 0 var(--svvlqhf-0);}
37
41
 
38
42
  .base_1lwlv7t_b13tc97x__334a4e59{color:var(--plasma-chip-color);background-color:var(--plasma-chip-background);}.base_1lwlv7t_b13tc97x__334a4e59:hover{color:var(--plasma-chip-color-hover);background-color:var(--plasma-chip-background-hover);scale:var(--plasma-chip-scale-hover);}.base_1lwlv7t_b13tc97x__334a4e59:active{color:var(--plasma-chip-color-active);background-color:var(--plasma-chip-background-active);scale:var(--plasma-chip-scale-active);}
@@ -488,32 +492,32 @@
488
492
  .Item_styles_y3jg1m_wzzpzvq__110489ac{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;min-height:var(--plasma-select-item-height);margin:0;box-sizing:content-box;padding:var(--wzzpzvq-0);font-family:var(--plasma-select-font-family);font-size:var(--plasma-select-font-size);font-style:var(--plasma-select-font-style);font-weight:var(--plasma-select-font-weight);-webkit-letter-spacing:var(--plasma-select-font-letter-spacing);-moz-letter-spacing:var(--plasma-select-font-letter-spacing);-ms-letter-spacing:var(--plasma-select-font-letter-spacing);letter-spacing:var(--plasma-select-font-letter-spacing);line-height:var(--plasma-select-font-line-height);background:var(--plasma-colors-transparent);color:var(--text-primary);border-radius:var(--plasma-select-item-border-radius);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;}.Item_styles_y3jg1m_wzzpzvq__110489ac:hover:not(.Item_styles_y3jg1m_dropdownItemIsDisabled__110489ac){cursor:pointer;background:var(--surface-transparent-secondary);}.Item_styles_y3jg1m_wzzpzvq__110489ac.Item_styles_y3jg1m_dropdownItemIsActive__110489ac{background:var(--surface-transparent-secondary);}.Item_styles_y3jg1m_wzzpzvq__110489ac.Item_styles_y3jg1m_dropdownItemIsDisabled__110489ac{opacity:0.4;cursor:not-allowed;}.Item_styles_y3jg1m_wzzpzvq__110489ac:focus{outline:none;}.Item_styles_y3jg1m_wzzpzvq__110489ac::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;display:block;box-sizing:content-box;border:0.0625rem solid transparent;border-radius:var(--plasma-select-item-border-radius);-webkit-transition:none;transition:none;pointer-events:none;}.Item_styles_y3jg1m_wzzpzvq__110489ac.Item_styles_y3jg1m_dropdownItemIsFocused__110489ac:before{outline:none;box-shadow:0 0 0 0.0625rem var(--surface-accent);}
489
493
 
490
494
 
491
- .Button_styles_nn6pg_sfn0xs0__4081a75b{--plasma-button-color:var(--plasma-select-target-button-color);--plasma-button-color-hover:var(--plasma-select-target-button-color-hover);--plasma-button-color-active:var(--plasma-select-target-button-color-active);--plasma-button-background-color:var(--plasma-select-target-button-background-color);--plasma-button-background-color-hover:var(--plasma-select-target-button-background-color-hover);--plasma-button-background-color-active:var(--plasma-select-target-button-background-color-active);--plasma-button-right-content-margin:var(--plasma-select-target-button-arrow-margin);--plasma-button-height:var(--plasma-select-target-height);--plasma-button-width:100%;--plasma-button-padding:var(--plasma-select-target-button-padding);--plasma-button-radius:var(--plasma-select-border-radius);--plasma-button-font-family:var(--plasma-select-font-family);--plasma-button-font-size:var(--plasma-select-font-size);--plasma-button-font-style:var(--plasma-select-font-style);--plasma-button-font-weight:600;--plasma-button-letter-spacing:var(--plasma-select-font-letter-spacing);--plasma-button-line-height:var(--plasma-select-font-line-height);--plasma-button-disabled-opacity:0.4;--plasma-button-focus-color:var(--surface-accent);}
492
- .Button_styles_nn6pg_i1akdel6__4081a75b{line-height:0;color:var(--plasma-select-target-button-arrow-color);}.Button_styles_nn6pg_i1akdel6__4081a75b:hover{color:var(--plasma-select-target-button-arrow-color-hover);}.Button_styles_nn6pg_i1akdel6__4081a75b:active{color:var(--plasma-select-target-button-arrow-color-active);}
493
- .Button_styles_nn6pg_sn98tws__4081a75b{-webkit-transition:color 0.3s ease-in,-webkit-transform 0.15s ease-in;-webkit-transition:color 0.3s ease-in,transform 0.15s ease-in;transition:color 0.3s ease-in,transform 0.15s ease-in;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
494
- .Button_styles_nn6pg_ba2820e__4081a75b{display:inline;}.Button_styles_nn6pg_ba2820e__4081a75b .Button_styles_nn6pg_selectWithoutBoxShadow__4081a75b::before{box-shadow:none !important;}
495
- .Button_styles_nn6pg_lpf11kx__4081a75b{display:inline;width:100%;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.Button_styles_nn6pg_lpf11kx__4081a75b .Button_styles_nn6pg_arrowInverse__4081a75b{-webkit-transform:rotate(-180deg);-ms-transform:rotate(-180deg);transform:rotate(-180deg);}
495
+ .Button_styles_lxxm4p_sfn0xs0__70a12c1a{--plasma-button-color:var(--plasma-select-target-button-color);--plasma-button-color-hover:var(--plasma-select-target-button-color-hover);--plasma-button-color-active:var(--plasma-select-target-button-color-active);--plasma-button-background-color:var(--plasma-select-target-button-background-color);--plasma-button-background-color-hover:var(--plasma-select-target-button-background-color-hover);--plasma-button-background-color-active:var(--plasma-select-target-button-background-color-active);--plasma-button-right-content-margin:var(--plasma-select-target-button-arrow-margin);--plasma-button-height:var(--sfn0xs0-0);--plasma-button-width:100%;--plasma-button-padding:var(--plasma-select-target-button-padding);--plasma-button-radius:var(--plasma-select-border-radius);--plasma-button-font-family:var(--plasma-select-font-family);--plasma-button-font-size:var(--plasma-select-font-size);--plasma-button-font-style:var(--plasma-select-font-style);--plasma-button-font-weight:600;--plasma-button-letter-spacing:var(--plasma-select-font-letter-spacing);--plasma-button-line-height:var(--plasma-select-font-line-height);--plasma-button-disabled-opacity:0.4;--plasma-button-focus-color:var(--surface-accent);text-align:left;}
496
+ .Button_styles_lxxm4p_i1akdel6__70a12c1a{line-height:0;color:var(--plasma-select-target-button-arrow-color);}.Button_styles_lxxm4p_i1akdel6__70a12c1a:hover{color:var(--plasma-select-target-button-arrow-color-hover);}.Button_styles_lxxm4p_i1akdel6__70a12c1a:active{color:var(--plasma-select-target-button-arrow-color-active);}
497
+ .Button_styles_lxxm4p_sn98tws__70a12c1a{-webkit-transition:color 0.3s ease-in,-webkit-transform 0.15s ease-in;-webkit-transition:color 0.3s ease-in,transform 0.15s ease-in;transition:color 0.3s ease-in,transform 0.15s ease-in;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
498
+ .Button_styles_lxxm4p_ba2820e__70a12c1a{display:inline;}.Button_styles_lxxm4p_ba2820e__70a12c1a .Button_styles_lxxm4p_selectWithoutBoxShadow__70a12c1a::before{box-shadow:none !important;}.Button_styles_lxxm4p_ba2820e__70a12c1a .Button_styles_lxxm4p_arrowInverse__70a12c1a{-webkit-transform:rotate(-180deg);-ms-transform:rotate(-180deg);transform:rotate(-180deg);}
499
+ .Button_styles_lxxm4p_lpf11kx__70a12c1a{display:inline;width:100%;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
496
500
 
497
501
  .Chip_styles_1a752pa_scwjjdn__1a6784c0{--plasma-chip-color:var(--plasma-select-chip-color);--plasma-chip-color-hover:var(--plasma-select-chip-color);--plasma-chip-color-active:var(--plasma-select-chip-color);--plasma-chip-background:var(--plasma-select-chip-background);--plasma-chip-background-hover:var(--plasma-select-chip-background-hover);--plasma-chip-background-active:var(--plasma-select-chip-background-active);--plasma-chip-border-radius:var(--plasma-select-chip-border-radius);--plasma-chip-height:var(--plasma-select-chip-height);--plasma-chip-padding-right:var(--plasma-select-chip-padding-right);--plasma-chip-padding-left:var(--plasma-select-chip-padding-left);--plasma-chip-font-family:var(--plasma-select-font-family);--plasma-chip-font-size:var(--plasma-select-font-size);--plasma-chip-font-style:var(--plasma-select-font-style);--plasma-chip-font-weight:var(--plasma-select-font-weight);--plasma-chip-letter-spacing:var(--plasma-select-font-letter-spacing);--plasma-chip-lineheight:var(--plasma-select-font-line-height);--plasma-chip-clear-content-margin-left:var(--plasma-select-chip-clear-content-margin-left);--plasma-chip-clear-content-margin-right:var(--plasma-select-chip-clear-content-margin-right);--plasma-chip-close-icon-size:var(--plasma-select-chip-close-icon-size);--plasma-chip-close-icon-color:var(--plasma-select-chip-color);--plasma-chip-focus-color:var(--surface-accent);position:relative;}.Chip_styles_1a752pa_scwjjdn__1a6784c0::before{content:'';position:absolute;top:calc(var(--plasma-select-focus-offset) * -1);left:calc(var(--plasma-select-focus-offset) * -1);right:calc(var(--plasma-select-focus-offset) * -1);bottom:calc(var(--plasma-select-focus-offset) * -1);z-index:1;display:block;box-sizing:content-box;border:0.125rem solid transparent;border-radius:calc(var(--plasma-select-chip-border-radius) + var(--plasma-select-focus-offset));-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.Chip_styles_1a752pa_scwjjdn__1a6784c0.Chip_styles_1a752pa_selectChipIsFocused__1a6784c0:before{outline:none;box-shadow:0 0 0 0.0625rem var(--surface-accent);}
498
502
 
499
- .Textfield_styles_16d02b7_t1yhwv5r__12f473dc{display:inline;}.Textfield_styles_16d02b7_t1yhwv5r__12f473dc .Textfield_styles_16d02b7_selectTextfieldTarget__12f473dc{background:var(--t1yhwv5r-0);padding:var(--t1yhwv5r-1);}.Textfield_styles_16d02b7_t1yhwv5r__12f473dc .Textfield_styles_16d02b7_selectWithoutBoxShadow__12f473dc::before{box-shadow:none !important;}
500
- .Textfield_styles_16d02b7_s7x5udn__12f473dc{--plasma-button-color:var(--text-primary);--plasma-button-color-hover:var(--text-primary);--plasma-button-color-active:var(--text-primary);--plasma-button-height:var(--plasma-select-target-height);--plasma-button-width:100%;--plasma-button-padding:var(--plasma-select-target-textfield-padding);--plasma-button-radius:var(--plasma-select-border-radius);--plasma-button-font-family:var(--plasma-select-font-family);--plasma-button-font-size:var(--plasma-select-font-size);--plasma-button-font-style:var(--plasma-select-font-style);--plasma-button-font-weight:var(--plasma-select-font-weight);--plasma-button-letter-spacing:var(--plasma-select-font-letter-spacing);--plasma-button-line-height:var(--plasma-select-font-line-height);--plasma-button-disabled-opacity:0.4;--plasma-button-focus-color:var(--surface-accent);box-shadow:inset 0 0 0 0.0625rem var(--plasma-select-target-textfield-border-color);position:relative;}.Textfield_styles_16d02b7_s7x5udn__12f473dc::before{content:'';position:absolute;top:0.0625rem;left:0.0625rem;right:0.0625rem;bottom:0.0625rem;z-index:1;display:block;box-sizing:content-box;border:0.0625rem solid transparent;border-radius:calc(var(--plasma-select-border-radius) - 0.0625rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.Textfield_styles_16d02b7_s7x5udn__12f473dc.Textfield_styles_16d02b7_focusVisible__12f473dc:focus::before,.Textfield_styles_16d02b7_s7x5udn__12f473dc[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.0625rem var(--surface-accent);}
501
-
502
- .Textfield_styles_16d02b7_i1kxyc50__12f473dc{line-height:0;margin:var(--plasma-select-target-textfield-arrow-margin);color:var(--plasma-select-target-textfield-arrow-color);}.Textfield_styles_16d02b7_i1kxyc50__12f473dc:hover{color:var(--plasma-select-target-textfield-arrow-color-hover);}.Textfield_styles_16d02b7_i1kxyc50__12f473dc:active{color:var(--plasma-select-target-textfield-arrow-color-active);}
503
- .Textfield_styles_16d02b7_wqzfsxn__12f473dc{width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;}.Textfield_styles_16d02b7_wqzfsxn__12f473dc .Textfield_styles_16d02b7_arrowInverse__12f473dc{-webkit-transform:rotate(-180deg);-ms-transform:rotate(-180deg);transform:rotate(-180deg);}
504
- .Textfield_styles_16d02b7_c1cgo38i__12f473dc{width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;min-width:0;padding:calc(0.0625rem + var(--plasma-select-focus-offset));gap:0.25rem;overflow-x:scroll;border-top-right-radius:var(--plasma-select-chip-border-radius);border-bottom-right-radius:var(--plasma-select-chip-border-radius);-ms-overflow-style:none;-webkit-scrollbar-width:none;-moz-scrollbar-width:none;-ms-scrollbar-width:none;scrollbar-width:none;}.Textfield_styles_16d02b7_c1cgo38i__12f473dc::-webkit-scrollbar{display:none;}
505
- .Textfield_styles_16d02b7_l9ikjwc__12f473dc{color:var(--text-secondary);font-family:var(--plasma-select-font-family);font-size:var(--plasma-select-font-size);font-style:var(--plasma-select-font-style);font-weight:var(--plasma-select-font-weight);-webkit-letter-spacing:var(--plasma-select-font-letter-spacing);-moz-letter-spacing:var(--plasma-select-font-letter-spacing);-ms-letter-spacing:var(--plasma-select-font-letter-spacing);letter-spacing:var(--plasma-select-font-letter-spacing);line-height:var(--plasma-select-font-line-height);}
506
- .Textfield_styles_16d02b7_p1jn3k4y__12f473dc{color:var(--text-secondary);font-family:var(--plasma-select-font-family);font-size:var(--plasma-select-font-size);font-style:var(--plasma-select-font-style);font-weight:var(--plasma-select-font-weight);-webkit-letter-spacing:var(--plasma-select-font-letter-spacing);-moz-letter-spacing:var(--plasma-select-font-letter-spacing);-ms-letter-spacing:var(--plasma-select-font-letter-spacing);letter-spacing:var(--plasma-select-font-letter-spacing);line-height:var(--plasma-select-font-line-height);}
507
- .Textfield_styles_16d02b7_i8xlj9b__12f473dc{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:start;-webkit-box-align:start;-ms-flex-align:start;align-items:start;row-gap:var(--plasma-select-inner-label-gap);font-family:var(--plasma-select-font-family);font-size:var(--plasma-select-font-size);font-style:var(--plasma-select-font-style);font-weight:var(--plasma-select-font-weight);-webkit-letter-spacing:var(--plasma-select-font-letter-spacing);-moz-letter-spacing:var(--plasma-select-font-letter-spacing);-ms-letter-spacing:var(--plasma-select-font-letter-spacing);letter-spacing:var(--plasma-select-font-letter-spacing);line-height:var(--plasma-select-font-line-height);}
508
- .Textfield_styles_16d02b7_iu6fefp__12f473dc{color:var(--text-secondary);font-family:var(--plasma-typo-body-xs-font-family);font-size:var(--plasma-typo-body-xs-font-size);font-style:var(--plasma-typo-body-xs-font-style);font-weight:var(--plasma-typo-body-xs-font-weight);-webkit-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);-moz-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);-ms-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);letter-spacing:var(--plasma-typo-body-xs-letter-spacing);line-height:var(--plasma-typo-body-xs-line-height);text-align:left;}
509
- .Textfield_styles_16d02b7_c1ox0htq__12f473dc{-webkit-flex:none;-ms-flex:none;flex:none;margin-left:-0.125rem;margin-right:0.375rem;line-height:0;}
510
- .Textfield_styles_16d02b7_v1kam5d__12f473dc{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
511
-
512
- .Select_styles_zx0ztg_spxbau6__ae62f9d8 .Select_styles_zx0ztg_popoverRoot__ae62f9d8,.Select_styles_zx0ztg_spxbau6__ae62f9d8 .Select_styles_zx0ztg_popoverTarget__ae62f9d8{width:100%;}
513
- .Select_styles_zx0ztg_u1yey2x3__ae62f9d8{box-sizing:border-box;background:var(--surface-solid-card);box-shadow:var(--shadow-down-soft-s);border-radius:var(--plasma-select-border-radius);width:var(--u1yey2x3-0);height:var(--u1yey2x3-1);overflow:var(--u1yey2x3-2);margin:var(--u1yey2x3-3);padding:var(--plasma-select-padding);}
514
- .Select_styles_zx0ztg_bvro45w__ae62f9d8 .Select_styles_zx0ztg_popoverWrapper__ae62f9d8,.Select_styles_zx0ztg_bvro45w__ae62f9d8 .Select_styles_zx0ztg_popoverTarget__ae62f9d8{display:block;}
515
- .Select_styles_zx0ztg_ogpldc9__ae62f9d8{display:block;margin-bottom:var(--plasma-select-label-offset);color:var(--text-primary);font-family:var(--plasma-select-font-family);font-size:var(--plasma-select-font-size);font-style:var(--plasma-select-font-style);font-weight:var(--plasma-select-font-weight);-webkit-letter-spacing:var(--plasma-select-font-letter-spacing);-moz-letter-spacing:var(--plasma-select-font-letter-spacing);-ms-letter-spacing:var(--plasma-select-font-letter-spacing);letter-spacing:var(--plasma-select-font-letter-spacing);line-height:var(--plasma-select-font-line-height);}
516
- .Select_styles_zx0ztg_h2ef052__ae62f9d8{margin-top:var(--plasma-select-helper-text-offset);color:var(--plasma-select-helper-text-color);font-family:var(--plasma-typo-body-xs-font-family);font-size:var(--plasma-typo-body-xs-font-size);font-style:var(--plasma-typo-body-xs-font-style);font-weight:var(--plasma-typo-body-xs-font-weight);-webkit-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);-moz-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);-ms-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);letter-spacing:var(--plasma-typo-body-xs-letter-spacing);line-height:var(--plasma-typo-body-xs-line-height);}
503
+ .Textfield_styles_5mg7p7_t1yhwv5r__edd76511{display:inline;}.Textfield_styles_5mg7p7_t1yhwv5r__edd76511 .Textfield_styles_5mg7p7_selectTextfieldTarget__edd76511{background:var(--t1yhwv5r-0);padding:var(--t1yhwv5r-1);}.Textfield_styles_5mg7p7_t1yhwv5r__edd76511 .Textfield_styles_5mg7p7_selectWithoutBoxShadow__edd76511::before{box-shadow:none !important;}
504
+ .Textfield_styles_5mg7p7_s7x5udn__edd76511{--plasma-button-color:var(--text-primary);--plasma-button-color-hover:var(--text-primary);--plasma-button-color-active:var(--text-primary);--plasma-button-height:var(--s7x5udn-0);--plasma-button-width:100%;--plasma-button-padding:var(--plasma-select-target-textfield-padding);--plasma-button-radius:var(--plasma-select-border-radius);--plasma-button-font-family:var(--plasma-select-font-family);--plasma-button-font-size:var(--plasma-select-font-size);--plasma-button-font-style:var(--plasma-select-font-style);--plasma-button-font-weight:var(--plasma-select-font-weight);--plasma-button-letter-spacing:var(--plasma-select-font-letter-spacing);--plasma-button-line-height:var(--plasma-select-font-line-height);--plasma-button-disabled-opacity:0.4;--plasma-button-focus-color:var(--surface-accent);box-shadow:inset 0 0 0 0.0625rem var(--plasma-select-target-textfield-border-color);text-align:left;position:relative;}.Textfield_styles_5mg7p7_s7x5udn__edd76511::before{content:'';position:absolute;top:0.0625rem;left:0.0625rem;right:0.0625rem;bottom:0.0625rem;z-index:1;display:block;box-sizing:content-box;border:0.0625rem solid transparent;border-radius:calc(var(--plasma-select-border-radius) - 0.0625rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.Textfield_styles_5mg7p7_s7x5udn__edd76511.Textfield_styles_5mg7p7_focusVisible__edd76511:focus::before,.Textfield_styles_5mg7p7_s7x5udn__edd76511[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.0625rem var(--surface-accent);}
505
+
506
+ .Textfield_styles_5mg7p7_i1kxyc50__edd76511{line-height:0;margin:var(--plasma-select-target-textfield-arrow-margin);color:var(--plasma-select-target-textfield-arrow-color);}.Textfield_styles_5mg7p7_i1kxyc50__edd76511:hover{color:var(--plasma-select-target-textfield-arrow-color-hover);}.Textfield_styles_5mg7p7_i1kxyc50__edd76511:active{color:var(--plasma-select-target-textfield-arrow-color-active);}
507
+ .Textfield_styles_5mg7p7_wqzfsxn__edd76511{width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;}.Textfield_styles_5mg7p7_wqzfsxn__edd76511 .Textfield_styles_5mg7p7_arrowInverse__edd76511{-webkit-transform:rotate(-180deg);-ms-transform:rotate(-180deg);transform:rotate(-180deg);}
508
+ .Textfield_styles_5mg7p7_c1cgo38i__edd76511{width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;min-width:0;padding:calc(0.0625rem + var(--plasma-select-focus-offset));gap:0.25rem;overflow-x:scroll;border-top-right-radius:var(--plasma-select-chip-border-radius);border-bottom-right-radius:var(--plasma-select-chip-border-radius);-ms-overflow-style:none;-webkit-scrollbar-width:none;-moz-scrollbar-width:none;-ms-scrollbar-width:none;scrollbar-width:none;}.Textfield_styles_5mg7p7_c1cgo38i__edd76511::-webkit-scrollbar{display:none;}
509
+ .Textfield_styles_5mg7p7_l9ikjwc__edd76511{color:var(--text-secondary);font-family:var(--plasma-select-font-family);font-size:var(--plasma-select-font-size);font-style:var(--plasma-select-font-style);font-weight:var(--plasma-select-font-weight);-webkit-letter-spacing:var(--plasma-select-font-letter-spacing);-moz-letter-spacing:var(--plasma-select-font-letter-spacing);-ms-letter-spacing:var(--plasma-select-font-letter-spacing);letter-spacing:var(--plasma-select-font-letter-spacing);line-height:var(--plasma-select-font-line-height);}
510
+ .Textfield_styles_5mg7p7_p1jn3k4y__edd76511{color:var(--text-secondary);font-family:var(--plasma-select-font-family);font-size:var(--plasma-select-font-size);font-style:var(--plasma-select-font-style);font-weight:var(--plasma-select-font-weight);-webkit-letter-spacing:var(--plasma-select-font-letter-spacing);-moz-letter-spacing:var(--plasma-select-font-letter-spacing);-ms-letter-spacing:var(--plasma-select-font-letter-spacing);letter-spacing:var(--plasma-select-font-letter-spacing);line-height:var(--plasma-select-font-line-height);}
511
+ .Textfield_styles_5mg7p7_i8xlj9b__edd76511{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:start;-webkit-box-align:start;-ms-flex-align:start;align-items:start;row-gap:var(--plasma-select-inner-label-gap);font-family:var(--plasma-select-font-family);font-size:var(--plasma-select-font-size);font-style:var(--plasma-select-font-style);font-weight:var(--plasma-select-font-weight);-webkit-letter-spacing:var(--plasma-select-font-letter-spacing);-moz-letter-spacing:var(--plasma-select-font-letter-spacing);-ms-letter-spacing:var(--plasma-select-font-letter-spacing);letter-spacing:var(--plasma-select-font-letter-spacing);line-height:var(--plasma-select-font-line-height);}
512
+ .Textfield_styles_5mg7p7_iu6fefp__edd76511{color:var(--text-secondary);font-family:var(--plasma-typo-body-xs-font-family);font-size:var(--plasma-typo-body-xs-font-size);font-style:var(--plasma-typo-body-xs-font-style);font-weight:var(--plasma-typo-body-xs-font-weight);-webkit-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);-moz-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);-ms-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);letter-spacing:var(--plasma-typo-body-xs-letter-spacing);line-height:var(--plasma-typo-body-xs-line-height);text-align:left;}
513
+ .Textfield_styles_5mg7p7_c1ox0htq__edd76511{-webkit-flex:none;-ms-flex:none;flex:none;margin-left:-0.125rem;margin-right:0.375rem;line-height:0;}
514
+ .Textfield_styles_5mg7p7_v1kam5d__edd76511{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
515
+
516
+ .Select_styles_1e7cbbz_spxbau6__4a6fbd83 .Select_styles_1e7cbbz_popoverRoot__4a6fbd83,.Select_styles_1e7cbbz_spxbau6__4a6fbd83 .Select_styles_1e7cbbz_popoverTarget__4a6fbd83{width:100%;}
517
+ .Select_styles_1e7cbbz_u1yey2x3__4a6fbd83{box-sizing:border-box;background:var(--surface-solid-card);box-shadow:0px 4px 14px -4px rgba(8,8,8,0.08),0px 1px 4px -1px rgba(0,0,0,0.04);border-radius:var(--plasma-select-border-radius);width:var(--u1yey2x3-0);height:var(--u1yey2x3-1);overflow:var(--u1yey2x3-2);margin:var(--u1yey2x3-3);padding:var(--plasma-select-padding);}
518
+ .Select_styles_1e7cbbz_bvro45w__4a6fbd83 .Select_styles_1e7cbbz_popoverWrapper__4a6fbd83,.Select_styles_1e7cbbz_bvro45w__4a6fbd83 .Select_styles_1e7cbbz_popoverTarget__4a6fbd83{display:block;}
519
+ .Select_styles_1e7cbbz_ogpldc9__4a6fbd83{display:block;margin-bottom:var(--plasma-select-label-offset);color:var(--text-primary);font-family:var(--plasma-select-font-family);font-size:var(--plasma-select-font-size);font-style:var(--plasma-select-font-style);font-weight:var(--plasma-select-font-weight);-webkit-letter-spacing:var(--plasma-select-font-letter-spacing);-moz-letter-spacing:var(--plasma-select-font-letter-spacing);-ms-letter-spacing:var(--plasma-select-font-letter-spacing);letter-spacing:var(--plasma-select-font-letter-spacing);line-height:var(--plasma-select-font-line-height);}
520
+ .Select_styles_1e7cbbz_h2ef052__4a6fbd83{margin-top:var(--plasma-select-helper-text-offset);color:var(--plasma-select-helper-text-color);font-family:var(--plasma-typo-body-xs-font-family);font-size:var(--plasma-typo-body-xs-font-size);font-style:var(--plasma-typo-body-xs-font-style);font-weight:var(--plasma-typo-body-xs-font-weight);-webkit-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);-moz-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);-ms-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);letter-spacing:var(--plasma-typo-body-xs-letter-spacing);line-height:var(--plasma-typo-body-xs-line-height);}
517
521
 
518
522
  .base_1mk6ghf_b1qy9s12__46da26aa{background:var(--plasma-divider-background);}
519
523
 
package/es/index.js CHANGED
@@ -23,6 +23,8 @@ export { iconButtonConfig, iconButtonRoot } from './components/IconButton/IconBu
23
23
  export { tokens as iconButtonTokens } from './components/IconButton/IconButton.tokens.js';
24
24
  export { buttonGroupConfig, buttonGroupRoot } from './components/ButtonGroup/ButtonGroup.js';
25
25
  export { classes as buttonGroupClasses, tokens as buttonGroupTokens } from './components/ButtonGroup/ButtonGroup.tokens.js';
26
+ export { breadcrumbsConfig, breadcrumbsRoot } from './components/Breadcrumbs/Breadcrumbs.js';
27
+ export { classes as breadcrumbsClasses, tokens as breadcrumbsTokens } from './components/Breadcrumbs/Breadcrumbs.tokens.js';
26
28
  export { chipConfig, chipRoot } from './components/Chip/Chip.js';
27
29
  export { tokens as chipTokens } from './components/Chip/Chip.tokens.js';
28
30
  export { CellTextboxLabel } from './components/Cell/ui/CellTextboxLabel/CellTextboxLabel.js';
package/es/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@salutejs/plasma-new-hope",
3
- "version": "0.117.0-canary.1344.10270215610.0",
3
+ "version": "0.118.0-canary.1328.10279808885.0",
4
4
  "description": "Salute Design System blueprint",
5
5
  "main": "cjs/index.js",
6
6
  "module": "es/index.js",
@@ -118,5 +118,5 @@
118
118
  "react-popper": "2.3.0",
119
119
  "storeon": "3.1.5"
120
120
  },
121
- "gitHead": "57a1be0f9cbdb6993e63062f3862a196cab983cd"
121
+ "gitHead": "1a69a1405052ef4cbc7b2f66be8e9befa11de65b"
122
122
  }
@@ -29,7 +29,6 @@ var tokens = exports.tokens = {
29
29
  accordionItemFocus: '--plasma-accordion-item-focus',
30
30
  accordionItemBorder: '--plasma-accordion-item-border',
31
31
  accordionItemBorderBottom: '--plasma-accordion-item-border-bottom',
32
- accordionItemIconColor: '--plasma-accordion-item-color-icon',
33
32
  accordionItemTitleColor: '--plasma-accordion-item-title-color',
34
33
  accordionItemTitleFontFamily: '--plasma-accordion-item-title-font-family',
35
34
  accordionItemTitleFontSize: '--plasma-accordion-item-title-font-size',
@@ -40,10 +40,10 @@ var StyledAccordionBody = exports.StyledAccordionBody = /*#__PURE__*/_styledComp
40
40
  })(["color:var(", ");font-family:var(", ");font-size:var(", ");font-weight:var(", ");font-style:var(", ");letter-spacing:var(", ");line-height:var(", ");overflow:hidden;padding-right:var(", ");padding-left:var(", ");text-align:left;"], _Accordion.tokens.accordionItemTextColor, _Accordion.tokens.accordionItemTextFontFamily, _Accordion.tokens.accordionItemTextFontSize, _Accordion.tokens.accordionItemTextFontWeight, _Accordion.tokens.accordionItemTextFontStyle, _Accordion.tokens.accordionItemTextLetterSpacing, _Accordion.tokens.accordionItemTextLineHeight, _Accordion.tokens.accordionItemPaddingHorizontal, _Accordion.tokens.accordionItemPaddingHorizontalLeft);
41
41
  var StyledArrow = exports.StyledArrow = /*#__PURE__*/(0, _styledComponents["default"])(_Icon.IconChevronDownFill).withConfig({
42
42
  componentId: "plasma-new-hope__sc-20ij9z-8"
43
- })(["pointer-events:none;user-select:none;color:var(", ");"], _Accordion.tokens.accordionItemIconColor);
43
+ })(["pointer-events:none;user-select:none;color:var(", ");"], _Accordion.tokens.accordionItemTextColor);
44
44
  var StyledMinus = exports.StyledMinus = /*#__PURE__*/(0, _styledComponents["default"])(_Icon.IconMinus).withConfig({
45
45
  componentId: "plasma-new-hope__sc-20ij9z-9"
46
- })(["pointer-events:none;user-select:none;color:var(", ");display:flex;align-items:center;position:absolute;top:0;left:0;&.", "{transition:0.2s;transform:rotate(90deg);}&.", "{transition:0.2s;transform:rotate(0deg);}"], _Accordion.tokens.accordionItemIconColor, _Accordion.classes.accordionPlusAnimationElement, _Accordion.classes.accordionItemShowBody);
46
+ })(["pointer-events:none;user-select:none;color:var(", ");display:flex;align-items:center;position:absolute;top:0;left:0;&.", "{transition:0.2s;transform:rotate(90deg);}&.", "{transition:0.2s;transform:rotate(0deg);}"], _Accordion.tokens.accordionItemTextColor, _Accordion.classes.accordionPlusAnimationElement, _Accordion.classes.accordionItemShowBody);
47
47
  var StyledPlus = exports.StyledPlus = /*#__PURE__*/_styledComponents["default"].div.withConfig({
48
48
  componentId: "plasma-new-hope__sc-20ij9z-10"
49
49
  })(["position:relative;height:1rem;display:flex;align-items:center;justify-content:center;width:1rem;"]);
@@ -0,0 +1,59 @@
1
+ "use strict";
2
+
3
+ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
4
+ Object.defineProperty(exports, "__esModule", {
5
+ value: true
6
+ });
7
+ exports.breadcrumbsRoot = exports.breadcrumbsConfig = void 0;
8
+ var _react = /*#__PURE__*/_interopRequireWildcard( /*#__PURE__*/require("react"));
9
+ var _utils = /*#__PURE__*/require("../../utils");
10
+ var _base = /*#__PURE__*/require("./variations/_size/base");
11
+ var _base2 = /*#__PURE__*/require("./variations/_view/base");
12
+ var _Breadcrumbs = /*#__PURE__*/require("./Breadcrumbs.styles");
13
+ var _utils2 = /*#__PURE__*/require("./utils");
14
+ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
15
+ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
16
+ var breadcrumbsRoot = exports.breadcrumbsRoot = function breadcrumbsRoot(Root) {
17
+ return /*#__PURE__*/(0, _react.forwardRef)(function (_ref, outerRootRef) {
18
+ var view = _ref.view,
19
+ size = _ref.size,
20
+ separator = _ref.separator,
21
+ items = _ref.items,
22
+ _ref$showItems = _ref.showItems,
23
+ showItems = _ref$showItems === void 0 ? items.length : _ref$showItems,
24
+ className = _ref.className;
25
+ var renderSeparator = separator !== null && separator !== void 0 ? separator : /*#__PURE__*/_react["default"].createElement(_Breadcrumbs.Separator, {
26
+ color: "inherit",
27
+ size: (0, _utils2.convertIconSize)(size)
28
+ });
29
+ var renderItems = (0, _utils2.getRenderItems)(items, renderSeparator, showItems);
30
+ var itemsWithSeparator = (0, _utils2.addSeparator)(renderItems, renderSeparator);
31
+ return /*#__PURE__*/_react["default"].createElement(Root, {
32
+ ref: outerRootRef,
33
+ size: size,
34
+ view: view,
35
+ className: (0, _utils.cx)(className),
36
+ items: items
37
+ }, itemsWithSeparator.map(function (item) {
38
+ return item;
39
+ }));
40
+ });
41
+ };
42
+ var breadcrumbsConfig = exports.breadcrumbsConfig = {
43
+ name: 'Breadcrumbs',
44
+ tag: 'div',
45
+ layout: breadcrumbsRoot,
46
+ base: _Breadcrumbs.base,
47
+ variations: {
48
+ view: {
49
+ css: _base2.base
50
+ },
51
+ size: {
52
+ css: _base.base
53
+ }
54
+ },
55
+ defaults: {
56
+ view: 'default',
57
+ size: 'm'
58
+ }
59
+ };
@@ -0,0 +1,32 @@
1
+ "use strict";
2
+
3
+ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
4
+ Object.defineProperty(exports, "__esModule", {
5
+ value: true
6
+ });
7
+ exports.base = exports.StyledLink = exports.Separator = void 0;
8
+ var _styledComponents = /*#__PURE__*/_interopRequireWildcard( /*#__PURE__*/require("styled-components"));
9
+ var _Link = /*#__PURE__*/require("../Link");
10
+ var _engines = /*#__PURE__*/require("../../engines");
11
+ var _Icon = /*#__PURE__*/require("../_Icon");
12
+ var _mixins = /*#__PURE__*/require("../../mixins");
13
+ var _Breadcrumbs = /*#__PURE__*/require("./Breadcrumbs.tokens");
14
+ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
15
+ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
16
+ var mergedLinkConfig = /*#__PURE__*/(0, _engines.mergeConfig)(_Link.linkConfig);
17
+ var Link = /*#__PURE__*/(0, _engines.component)(mergedLinkConfig);
18
+ var StyledLink = exports.StyledLink = /*#__PURE__*/(0, _styledComponents["default"])(Link).withConfig({
19
+ componentId: "plasma-new-hope__sc-4bjoev-0"
20
+ })(["opacity:", ";", ""], function (_ref) {
21
+ var isHref = _ref.isHref;
22
+ return isHref ? 1 : "var(".concat(_Breadcrumbs.tokens.breadcrumbsOpacity, ")");
23
+ }, /*#__PURE__*/(0, _mixins.addFocus)({
24
+ outlineOffset: '0rem',
25
+ outlineSize: '0.125rem',
26
+ outlineRadius: '0rem',
27
+ outlineColor: /*#__PURE__*/"var(".concat(_Breadcrumbs.tokens.breadcrumbsFocusOutlineColor, ")")
28
+ }));
29
+ var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["display:flex;flex-direction:row;align-items:center;gap:var(", ");color:var(", ");font-family:var(", ");font-size:var(", ");font-weight:var(", ");font-style:var(", ");letter-spacing:var(", ");line-height:var(", ");"], _Breadcrumbs.tokens.breadcrumbsGap, _Breadcrumbs.tokens.breadcrumbsColor, _Breadcrumbs.tokens.breadcrumbsFontFamily, _Breadcrumbs.tokens.breadcrumbsFontSize, _Breadcrumbs.tokens.breadcrumbsFontWeight, _Breadcrumbs.tokens.breadcrumbsFontStyle, _Breadcrumbs.tokens.breadcrumbsLetterSpacing, _Breadcrumbs.tokens.breadcrumbsLineHeight);
30
+ var Separator = exports.Separator = /*#__PURE__*/(0, _styledComponents["default"])(_Icon.IconDisclosureRight).withConfig({
31
+ componentId: "plasma-new-hope__sc-4bjoev-1"
32
+ })(["color:var(", ");opacity:var(", ");"], _Breadcrumbs.tokens.breadcrumbsColor, _Breadcrumbs.tokens.breadcrumbsOpacity);
@@ -0,0 +1,96 @@
1
+ ---
2
+ id: breadcrumbs
3
+ title: Breadcrumbs
4
+ ---
5
+
6
+ import { PropsTable } from '@site/src/components';
7
+
8
+ # Breadcrumbs
9
+ <PropsTable name="Breadcrumbs" />
10
+
11
+ # Обычное использование
12
+
13
+ ```tsx live
14
+ import React from 'react';
15
+ import { Breadcrumbs } from '@salutejs/{{ package }}';
16
+
17
+ export function App() {
18
+ const items = [
19
+ { title: 'Home', href: '/' },
20
+ { title: 'About as', href: '/' },
21
+ { renderItem: () => <span>Custom Item</span> },
22
+ { title: 'Contacts' },
23
+ ];
24
+
25
+ return (
26
+ <div>
27
+ <Breadcrumbs items={items} />
28
+ </div>
29
+ );
30
+ }
31
+ ```
32
+ # Использование с shorter
33
+ ```tsx live
34
+ import React from 'react';
35
+ import { Breadcrumbs } from '@salutejs/{{ package }}';
36
+
37
+ export function App() {
38
+ const items = [
39
+ { title: 'Home', href: '/' },
40
+ { title: 'About as', href: '/' },
41
+ { renderItem: () => <span>Custom Item</span> },
42
+ { title: 'Contacts' },
43
+ ];
44
+
45
+ return (
46
+ <div style=\{{"flexDirection": 'column'}}>
47
+ <div>
48
+ <Breadcrumbs items={items} showItems={2} />
49
+ </div>
50
+ <div>
51
+ <Breadcrumbs items={items} showItems={3} />
52
+ </div>
53
+ </div>
54
+ );
55
+ }
56
+ ```
57
+
58
+ # Использование с кастомным элементом
59
+ ```tsx live
60
+ import React from 'react';
61
+ import { Breadcrumbs, Dropdown } from '@salutejs/{{ package }}';
62
+
63
+ export function App() {
64
+ const items = [
65
+ { title: 'Home', href: '/' },
66
+ { title: 'About as', href: '/' },
67
+ {
68
+ renderItem: () => {
69
+ const itemsDropdown = [
70
+ {
71
+ value: 'Custom Item 1',
72
+ label: 'Custom Item 1',
73
+ },
74
+ {
75
+ value: 'Custom Item 2',
76
+ label: 'Custom Item 2',
77
+ },
78
+ ];
79
+ return (
80
+ <Dropdown variant="tight" placement="bottom" items={itemsDropdown} trigger="hover">
81
+ <span>...</span>
82
+ </Dropdown>
83
+ );
84
+ },
85
+ },
86
+ { title: 'Contacts' },
87
+ ];
88
+
89
+
90
+ return (
91
+ <div style=\{{height: '200px'}}>
92
+ <Breadcrumbs items={items} />
93
+ </div>
94
+ );
95
+ }
96
+ ```
@@ -0,0 +1,21 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.tokens = exports.classes = void 0;
7
+ var classes = exports.classes = {
8
+ breadcrumbsRoot: 'breadcrumbs-root'
9
+ };
10
+ var tokens = exports.tokens = {
11
+ breadcrumbsGap: '--plasma-breadcrumbs-gap',
12
+ breadcrumbsOpacity: '--plasma-breadcrumbs-opacity',
13
+ breadcrumbsFocusOutlineColor: '--plasma-breadcrumbs-focus-outline-color',
14
+ breadcrumbsColor: '--plasma-breadcrumbs-color',
15
+ breadcrumbsFontFamily: '--plasma-breadcrumbs-font-family',
16
+ breadcrumbsFontSize: '--plasma-breadcrumbs-font-size',
17
+ breadcrumbsFontStyle: '--plasma-breadcrumbs-font-style',
18
+ breadcrumbsFontWeight: '--plasma-breadcrumbs-font-weight',
19
+ breadcrumbsLetterSpacing: '--plasma-breadcrumbs-letter-spacing',
20
+ breadcrumbsLineHeight: '--plasma-breadcrumbs-line-height'
21
+ };
@@ -0,0 +1,5 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
@@ -0,0 +1,31 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ Object.defineProperty(exports, "breadcrumbsClasses", {
7
+ enumerable: true,
8
+ get: function get() {
9
+ return _Breadcrumbs2.classes;
10
+ }
11
+ });
12
+ Object.defineProperty(exports, "breadcrumbsConfig", {
13
+ enumerable: true,
14
+ get: function get() {
15
+ return _Breadcrumbs.breadcrumbsConfig;
16
+ }
17
+ });
18
+ Object.defineProperty(exports, "breadcrumbsRoot", {
19
+ enumerable: true,
20
+ get: function get() {
21
+ return _Breadcrumbs.breadcrumbsRoot;
22
+ }
23
+ });
24
+ Object.defineProperty(exports, "breadcrumbsTokens", {
25
+ enumerable: true,
26
+ get: function get() {
27
+ return _Breadcrumbs2.tokens;
28
+ }
29
+ });
30
+ var _Breadcrumbs = /*#__PURE__*/require("./Breadcrumbs");
31
+ var _Breadcrumbs2 = /*#__PURE__*/require("./Breadcrumbs.tokens");
@@ -0,0 +1,42 @@
1
+ "use strict";
2
+
3
+ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
4
+ Object.defineProperty(exports, "__esModule", {
5
+ value: true
6
+ });
7
+ exports.BreadcrumbShorter = void 0;
8
+ var _react = /*#__PURE__*/_interopRequireWildcard( /*#__PURE__*/require("react"));
9
+ var _utils = /*#__PURE__*/require("../../utils");
10
+ var _BreadcrumbShorter = /*#__PURE__*/require("./BreadcrumbShorter.styles");
11
+ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
12
+ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
13
+ function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
14
+ function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
15
+ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
16
+ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
17
+ function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
18
+ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
19
+ var BreadcrumbShorter = exports.BreadcrumbShorter = function BreadcrumbShorter(_ref) {
20
+ var children = _ref.children,
21
+ separator = _ref.separator;
22
+ var _useState = (0, _react.useState)(false),
23
+ _useState2 = _slicedToArray(_useState, 2),
24
+ openShorter = _useState2[0],
25
+ setOpenShorter = _useState2[1];
26
+ var renderItems = (0, _utils.addSeparator)(children, separator);
27
+ var onKeyPress = function onKeyPress(event) {
28
+ event.persist();
29
+ if (event.keyCode === 13) {
30
+ setOpenShorter(true);
31
+ }
32
+ };
33
+ return /*#__PURE__*/_react["default"].createElement(_BreadcrumbShorter.StyledRoot, null, !openShorter && /*#__PURE__*/_react["default"].createElement(_BreadcrumbShorter.StyledShorter, {
34
+ tabIndex: 0,
35
+ onClick: function onClick() {
36
+ return setOpenShorter(true);
37
+ },
38
+ onKeyDown: onKeyPress
39
+ }, "..."), openShorter && /*#__PURE__*/_react["default"].createElement(_BreadcrumbShorter.StyledHidden, null, renderItems.map(function (item) {
40
+ return item;
41
+ })));
42
+ };
@@ -0,0 +1,24 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.StyledShorter = exports.StyledRoot = exports.StyledHidden = void 0;
7
+ var _styledComponents = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("styled-components"));
8
+ var _mixins = /*#__PURE__*/require("../../../../mixins");
9
+ var _Breadcrumbs = /*#__PURE__*/require("../../Breadcrumbs.tokens");
10
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
11
+ var StyledRoot = exports.StyledRoot = /*#__PURE__*/_styledComponents["default"].div.withConfig({
12
+ componentId: "plasma-new-hope__sc-1shiits-0"
13
+ })([""]);
14
+ var StyledShorter = exports.StyledShorter = /*#__PURE__*/_styledComponents["default"].div.withConfig({
15
+ componentId: "plasma-new-hope__sc-1shiits-1"
16
+ })(["cursor:pointer;", ""], /*#__PURE__*/(0, _mixins.addFocus)({
17
+ outlineOffset: '0.125rem',
18
+ outlineSize: '0.125rem',
19
+ outlineRadius: '0',
20
+ outlineColor: /*#__PURE__*/"var(".concat(_Breadcrumbs.tokens.breadcrumbsFocusOutlineColor, ")")
21
+ }));
22
+ var StyledHidden = exports.StyledHidden = /*#__PURE__*/_styledComponents["default"].div.withConfig({
23
+ componentId: "plasma-new-hope__sc-1shiits-2"
24
+ })(["display:flex;align-items:center;gap:var(", ");"], _Breadcrumbs.tokens.breadcrumbsGap);
@@ -0,0 +1,5 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
@@ -0,0 +1,50 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.shortItems = exports.getRenderItems = exports.convertIconSize = exports.addSeparator = void 0;
7
+ var _react = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("react"));
8
+ var _BreadcrumbShorter = /*#__PURE__*/require("../ui/BreadcrumbShorter/BreadcrumbShorter");
9
+ var _Breadcrumbs = /*#__PURE__*/require("../Breadcrumbs.styles");
10
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
11
+ var shortItems = exports.shortItems = function shortItems(items, renderSeparator, showItems) {
12
+ if (!showItems || showItems < 2 || items.length <= showItems) {
13
+ return items;
14
+ }
15
+ var leftSlice = Math.floor(showItems / 2);
16
+ var rightSlice = items.length - leftSlice - showItems % 2;
17
+ var renderItems = items.slice(leftSlice, rightSlice);
18
+ var shorter = /*#__PURE__*/_react["default"].createElement(_BreadcrumbShorter.BreadcrumbShorter, {
19
+ separator: renderSeparator
20
+ }, renderItems);
21
+ items.splice(leftSlice, rightSlice - leftSlice, shorter);
22
+ return items;
23
+ };
24
+ var convertIconSize = exports.convertIconSize = function convertIconSize(size) {
25
+ switch (size) {
26
+ case 's':
27
+ case 'xs':
28
+ return 'xs';
29
+ default:
30
+ return 's';
31
+ }
32
+ };
33
+ var getRenderItems = exports.getRenderItems = function getRenderItems(items, renderSeparator, showItems) {
34
+ var renderItems = shortItems(items.map(function (item) {
35
+ if ('renderItem' in item) {
36
+ return item.renderItem();
37
+ }
38
+ return /*#__PURE__*/_react["default"].createElement(_Breadcrumbs.StyledLink, {
39
+ tabIndex: 0,
40
+ href: item.href,
41
+ isHref: Boolean(item.href)
42
+ }, item.title);
43
+ }), renderSeparator, showItems);
44
+ return renderItems;
45
+ };
46
+ var addSeparator = exports.addSeparator = function addSeparator(items, renderSeparator) {
47
+ return items.flatMap(function (item, idx) {
48
+ return idx < items.length - 1 ? [item, renderSeparator] : [item];
49
+ });
50
+ };
@@ -0,0 +1,8 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.base = void 0;
7
+ var _styledComponents = /*#__PURE__*/require("styled-components");
8
+ var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)([""]);
@@ -0,0 +1,8 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.base = void 0;
7
+ var _styledComponents = /*#__PURE__*/require("styled-components");
8
+ var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)([""]);