@salutejs/plasma-new-hope 0.112.1-canary.1325.10159014222.0 → 0.113.0-canary.1310.10159980270.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (198) hide show
  1. package/cjs/components/Breadcrumbs/Breadcrumbs.css +13 -0
  2. package/cjs/components/Breadcrumbs/Breadcrumbs.js +59 -0
  3. package/cjs/components/Breadcrumbs/Breadcrumbs.js.map +1 -0
  4. package/cjs/components/Breadcrumbs/Breadcrumbs.styles.js +46 -0
  5. package/cjs/components/Breadcrumbs/Breadcrumbs.styles.js.map +1 -0
  6. package/cjs/components/Breadcrumbs/Breadcrumbs.styles_1troyzr.css +3 -0
  7. package/cjs/components/Breadcrumbs/Breadcrumbs.tokens.js +23 -0
  8. package/cjs/components/Breadcrumbs/Breadcrumbs.tokens.js.map +1 -0
  9. package/cjs/components/Breadcrumbs/ui/BreadcrumbShorter/BreadcrumbShorter.js +36 -0
  10. package/cjs/components/Breadcrumbs/ui/BreadcrumbShorter/BreadcrumbShorter.js.map +1 -0
  11. package/cjs/components/Breadcrumbs/ui/BreadcrumbShorter/BreadcrumbShorter.styles.js +27 -0
  12. package/cjs/components/Breadcrumbs/ui/BreadcrumbShorter/BreadcrumbShorter.styles.js.map +1 -0
  13. package/cjs/components/Breadcrumbs/utils/index.js +53 -0
  14. package/cjs/components/Breadcrumbs/utils/index.js.map +1 -0
  15. package/cjs/components/Breadcrumbs/variations/_size/base.js +9 -0
  16. package/cjs/components/Breadcrumbs/variations/_size/base.js.map +1 -0
  17. package/cjs/components/Breadcrumbs/variations/_size/base_x642ct.css +1 -0
  18. package/cjs/components/Breadcrumbs/variations/_view/base.js +9 -0
  19. package/cjs/components/Breadcrumbs/variations/_view/base.js.map +1 -0
  20. package/cjs/components/Breadcrumbs/variations/_view/base_x642ct.css +1 -0
  21. package/cjs/components/Modal/hooks/useModal.js +15 -0
  22. package/cjs/components/Modal/hooks/useModal.js.map +1 -1
  23. package/cjs/components/Popup/PopupContext.js +8 -23
  24. package/cjs/components/Popup/PopupContext.js.map +1 -1
  25. package/cjs/components/Popup/hooks/usePopup.js +0 -5
  26. package/cjs/components/Popup/hooks/usePopup.js.map +1 -1
  27. package/cjs/index.css +4 -0
  28. package/cjs/index.js +6 -0
  29. package/cjs/index.js.map +1 -1
  30. package/emotion/cjs/components/Breadcrumbs/Breadcrumbs.js +59 -0
  31. package/emotion/cjs/components/Breadcrumbs/Breadcrumbs.styles.js +33 -0
  32. package/emotion/cjs/components/Breadcrumbs/Breadcrumbs.template-doc.mdx +96 -0
  33. package/emotion/cjs/components/Breadcrumbs/Breadcrumbs.tokens.js +21 -0
  34. package/emotion/cjs/components/Breadcrumbs/Breadcrumbs.types.js +5 -0
  35. package/emotion/cjs/components/Breadcrumbs/README.md +78 -0
  36. package/emotion/cjs/components/Breadcrumbs/index.js +31 -0
  37. package/emotion/cjs/components/Breadcrumbs/ui/BreadcrumbShorter/BreadcrumbShorter.js +42 -0
  38. package/emotion/cjs/components/Breadcrumbs/ui/BreadcrumbShorter/BreadcrumbShorter.styles.js +20 -0
  39. package/emotion/cjs/components/Breadcrumbs/ui/BreadcrumbShorter/BreadcrumbShorter.types.js +5 -0
  40. package/emotion/cjs/components/Breadcrumbs/utils/index.js +49 -0
  41. package/emotion/cjs/components/Breadcrumbs/variations/_size/base.js +8 -0
  42. package/emotion/cjs/components/Breadcrumbs/variations/_size/tokens.json +0 -0
  43. package/emotion/cjs/components/Breadcrumbs/variations/_view/base.js +8 -0
  44. package/emotion/cjs/components/Breadcrumbs/variations/_view/tokens.json +0 -0
  45. package/emotion/cjs/components/Modal/hooks/useModal.js +15 -0
  46. package/emotion/cjs/components/Popup/PopupContext.js +8 -23
  47. package/emotion/cjs/components/Popup/hooks/usePopup.js +0 -5
  48. package/emotion/cjs/examples/plasma_b2c/components/Breadcrumbs/Breadcrumbs.config.js +25 -0
  49. package/emotion/cjs/examples/plasma_b2c/components/Breadcrumbs/Breadcrumbs.js +11 -0
  50. package/emotion/cjs/examples/plasma_b2c/components/Breadcrumbs/Breadcrumbs.stories.tsx +42 -0
  51. package/emotion/cjs/examples/plasma_web/components/Breadcrumbs/Breadcrumbs.config.js +25 -0
  52. package/emotion/cjs/examples/plasma_web/components/Breadcrumbs/Breadcrumbs.js +11 -0
  53. package/emotion/cjs/examples/plasma_web/components/Breadcrumbs/Breadcrumbs.stories.tsx +42 -0
  54. package/emotion/cjs/index.js +11 -0
  55. package/emotion/es/components/Breadcrumbs/Breadcrumbs.js +50 -0
  56. package/emotion/es/components/Breadcrumbs/Breadcrumbs.styles.js +26 -0
  57. package/emotion/es/components/Breadcrumbs/Breadcrumbs.template-doc.mdx +96 -0
  58. package/emotion/es/components/Breadcrumbs/Breadcrumbs.tokens.js +15 -0
  59. package/emotion/es/components/Breadcrumbs/Breadcrumbs.types.js +1 -0
  60. package/emotion/es/components/Breadcrumbs/README.md +78 -0
  61. package/emotion/es/components/Breadcrumbs/index.js +2 -0
  62. package/emotion/es/components/Breadcrumbs/ui/BreadcrumbShorter/BreadcrumbShorter.js +33 -0
  63. package/emotion/es/components/Breadcrumbs/ui/BreadcrumbShorter/BreadcrumbShorter.styles.js +13 -0
  64. package/emotion/es/components/Breadcrumbs/ui/BreadcrumbShorter/BreadcrumbShorter.types.js +1 -0
  65. package/emotion/es/components/Breadcrumbs/utils/index.js +42 -0
  66. package/emotion/es/components/Breadcrumbs/variations/_size/base.js +2 -0
  67. package/emotion/es/components/Breadcrumbs/variations/_size/tokens.json +0 -0
  68. package/emotion/es/components/Breadcrumbs/variations/_view/base.js +2 -0
  69. package/emotion/es/components/Breadcrumbs/variations/_view/tokens.json +0 -0
  70. package/emotion/es/components/Modal/hooks/useModal.js +17 -2
  71. package/emotion/es/components/Popup/PopupContext.js +9 -24
  72. package/emotion/es/components/Popup/hooks/usePopup.js +0 -5
  73. package/emotion/es/examples/plasma_b2c/components/Breadcrumbs/Breadcrumbs.config.js +19 -0
  74. package/emotion/es/examples/plasma_b2c/components/Breadcrumbs/Breadcrumbs.js +5 -0
  75. package/emotion/es/examples/plasma_b2c/components/Breadcrumbs/Breadcrumbs.stories.tsx +42 -0
  76. package/emotion/es/examples/plasma_web/components/Breadcrumbs/Breadcrumbs.config.js +19 -0
  77. package/emotion/es/examples/plasma_web/components/Breadcrumbs/Breadcrumbs.js +5 -0
  78. package/emotion/es/examples/plasma_web/components/Breadcrumbs/Breadcrumbs.stories.tsx +42 -0
  79. package/emotion/es/index.js +1 -0
  80. package/es/components/Breadcrumbs/Breadcrumbs.css +13 -0
  81. package/es/components/Breadcrumbs/Breadcrumbs.js +54 -0
  82. package/es/components/Breadcrumbs/Breadcrumbs.js.map +1 -0
  83. package/es/components/Breadcrumbs/Breadcrumbs.styles.js +40 -0
  84. package/es/components/Breadcrumbs/Breadcrumbs.styles.js.map +1 -0
  85. package/es/components/Breadcrumbs/Breadcrumbs.styles_1troyzr.css +3 -0
  86. package/es/components/Breadcrumbs/Breadcrumbs.tokens.js +18 -0
  87. package/es/components/Breadcrumbs/Breadcrumbs.tokens.js.map +1 -0
  88. package/es/components/Breadcrumbs/ui/BreadcrumbShorter/BreadcrumbShorter.js +32 -0
  89. package/es/components/Breadcrumbs/ui/BreadcrumbShorter/BreadcrumbShorter.js.map +1 -0
  90. package/es/components/Breadcrumbs/ui/BreadcrumbShorter/BreadcrumbShorter.styles.js +21 -0
  91. package/es/components/Breadcrumbs/ui/BreadcrumbShorter/BreadcrumbShorter.styles.js.map +1 -0
  92. package/es/components/Breadcrumbs/utils/index.js +46 -0
  93. package/es/components/Breadcrumbs/utils/index.js.map +1 -0
  94. package/es/components/Breadcrumbs/variations/_size/base.js +5 -0
  95. package/es/components/Breadcrumbs/variations/_size/base.js.map +1 -0
  96. package/es/components/Breadcrumbs/variations/_size/base_x642ct.css +1 -0
  97. package/es/components/Breadcrumbs/variations/_view/base.js +5 -0
  98. package/es/components/Breadcrumbs/variations/_view/base.js.map +1 -0
  99. package/es/components/Breadcrumbs/variations/_view/base_x642ct.css +1 -0
  100. package/es/components/Modal/hooks/useModal.js +17 -2
  101. package/es/components/Modal/hooks/useModal.js.map +1 -1
  102. package/es/components/Popup/PopupContext.js +9 -24
  103. package/es/components/Popup/PopupContext.js.map +1 -1
  104. package/es/components/Popup/hooks/usePopup.js +0 -5
  105. package/es/components/Popup/hooks/usePopup.js.map +1 -1
  106. package/es/index.css +4 -0
  107. package/es/index.js +2 -0
  108. package/es/index.js.map +1 -1
  109. package/package.json +2 -2
  110. package/styled-components/cjs/components/Breadcrumbs/Breadcrumbs.js +59 -0
  111. package/styled-components/cjs/components/Breadcrumbs/Breadcrumbs.styles.js +32 -0
  112. package/styled-components/cjs/components/Breadcrumbs/Breadcrumbs.template-doc.mdx +96 -0
  113. package/styled-components/cjs/components/Breadcrumbs/Breadcrumbs.tokens.js +21 -0
  114. package/styled-components/cjs/components/Breadcrumbs/Breadcrumbs.types.js +5 -0
  115. package/styled-components/cjs/components/Breadcrumbs/README.md +78 -0
  116. package/styled-components/cjs/components/Breadcrumbs/index.js +31 -0
  117. package/styled-components/cjs/components/Breadcrumbs/ui/BreadcrumbShorter/BreadcrumbShorter.js +42 -0
  118. package/styled-components/cjs/components/Breadcrumbs/ui/BreadcrumbShorter/BreadcrumbShorter.styles.js +24 -0
  119. package/styled-components/cjs/components/Breadcrumbs/ui/BreadcrumbShorter/BreadcrumbShorter.types.js +5 -0
  120. package/styled-components/cjs/components/Breadcrumbs/utils/index.js +49 -0
  121. package/styled-components/cjs/components/Breadcrumbs/variations/_size/base.js +8 -0
  122. package/styled-components/cjs/components/Breadcrumbs/variations/_size/tokens.json +0 -0
  123. package/styled-components/cjs/components/Breadcrumbs/variations/_view/base.js +8 -0
  124. package/styled-components/cjs/components/Breadcrumbs/variations/_view/tokens.json +0 -0
  125. package/styled-components/cjs/components/Modal/hooks/useModal.js +15 -0
  126. package/styled-components/cjs/components/Popup/PopupContext.js +8 -23
  127. package/styled-components/cjs/components/Popup/hooks/usePopup.js +0 -5
  128. package/styled-components/cjs/examples/plasma_b2c/components/Breadcrumbs/Breadcrumbs.config.js +25 -0
  129. package/styled-components/cjs/examples/plasma_b2c/components/Breadcrumbs/Breadcrumbs.js +11 -0
  130. package/styled-components/cjs/examples/plasma_b2c/components/Breadcrumbs/Breadcrumbs.stories.tsx +42 -0
  131. package/styled-components/cjs/examples/plasma_web/components/Breadcrumbs/Breadcrumbs.config.js +25 -0
  132. package/styled-components/cjs/examples/plasma_web/components/Breadcrumbs/Breadcrumbs.js +11 -0
  133. package/styled-components/cjs/examples/plasma_web/components/Breadcrumbs/Breadcrumbs.stories.tsx +42 -0
  134. package/styled-components/cjs/index.js +11 -0
  135. package/styled-components/es/components/Breadcrumbs/Breadcrumbs.js +50 -0
  136. package/styled-components/es/components/Breadcrumbs/Breadcrumbs.styles.js +24 -0
  137. package/styled-components/es/components/Breadcrumbs/Breadcrumbs.template-doc.mdx +96 -0
  138. package/styled-components/es/components/Breadcrumbs/Breadcrumbs.tokens.js +15 -0
  139. package/styled-components/es/components/Breadcrumbs/Breadcrumbs.types.js +1 -0
  140. package/styled-components/es/components/Breadcrumbs/README.md +78 -0
  141. package/styled-components/es/components/Breadcrumbs/index.js +2 -0
  142. package/styled-components/es/components/Breadcrumbs/ui/BreadcrumbShorter/BreadcrumbShorter.js +33 -0
  143. package/styled-components/es/components/Breadcrumbs/ui/BreadcrumbShorter/BreadcrumbShorter.styles.js +17 -0
  144. package/styled-components/es/components/Breadcrumbs/ui/BreadcrumbShorter/BreadcrumbShorter.types.js +1 -0
  145. package/styled-components/es/components/Breadcrumbs/utils/index.js +42 -0
  146. package/styled-components/es/components/Breadcrumbs/variations/_size/base.js +2 -0
  147. package/styled-components/es/components/Breadcrumbs/variations/_size/tokens.json +0 -0
  148. package/styled-components/es/components/Breadcrumbs/variations/_view/base.js +2 -0
  149. package/styled-components/es/components/Breadcrumbs/variations/_view/tokens.json +0 -0
  150. package/styled-components/es/components/Modal/hooks/useModal.js +17 -2
  151. package/styled-components/es/components/Popup/PopupContext.js +9 -24
  152. package/styled-components/es/components/Popup/hooks/usePopup.js +0 -5
  153. package/styled-components/es/examples/plasma_b2c/components/Breadcrumbs/Breadcrumbs.config.js +19 -0
  154. package/styled-components/es/examples/plasma_b2c/components/Breadcrumbs/Breadcrumbs.js +5 -0
  155. package/styled-components/es/examples/plasma_b2c/components/Breadcrumbs/Breadcrumbs.stories.tsx +42 -0
  156. package/styled-components/es/examples/plasma_web/components/Breadcrumbs/Breadcrumbs.config.js +19 -0
  157. package/styled-components/es/examples/plasma_web/components/Breadcrumbs/Breadcrumbs.js +5 -0
  158. package/styled-components/es/examples/plasma_web/components/Breadcrumbs/Breadcrumbs.stories.tsx +42 -0
  159. package/styled-components/es/index.js +1 -0
  160. package/types/components/Breadcrumbs/Breadcrumbs.d.ts +35 -0
  161. package/types/components/Breadcrumbs/Breadcrumbs.d.ts.map +1 -0
  162. package/types/components/Breadcrumbs/Breadcrumbs.styles.d.ts +7 -0
  163. package/types/components/Breadcrumbs/Breadcrumbs.styles.d.ts.map +1 -0
  164. package/types/components/Breadcrumbs/Breadcrumbs.tokens.d.ts +16 -0
  165. package/types/components/Breadcrumbs/Breadcrumbs.tokens.d.ts.map +1 -0
  166. package/types/components/Breadcrumbs/Breadcrumbs.types.d.ts +38 -0
  167. package/types/components/Breadcrumbs/Breadcrumbs.types.d.ts.map +1 -0
  168. package/types/components/Breadcrumbs/index.d.ts +4 -0
  169. package/types/components/Breadcrumbs/index.d.ts.map +1 -0
  170. package/types/components/Breadcrumbs/ui/BreadcrumbShorter/BreadcrumbShorter.d.ts +4 -0
  171. package/types/components/Breadcrumbs/ui/BreadcrumbShorter/BreadcrumbShorter.d.ts.map +1 -0
  172. package/types/components/Breadcrumbs/ui/BreadcrumbShorter/BreadcrumbShorter.styles.d.ts +4 -0
  173. package/types/components/Breadcrumbs/ui/BreadcrumbShorter/BreadcrumbShorter.styles.d.ts.map +1 -0
  174. package/types/components/Breadcrumbs/ui/BreadcrumbShorter/BreadcrumbShorter.types.d.ts +8 -0
  175. package/types/components/Breadcrumbs/ui/BreadcrumbShorter/BreadcrumbShorter.types.d.ts.map +1 -0
  176. package/types/components/Breadcrumbs/utils/index.d.ts +7 -0
  177. package/types/components/Breadcrumbs/utils/index.d.ts.map +1 -0
  178. package/types/components/Breadcrumbs/variations/_size/base.d.ts +2 -0
  179. package/types/components/Breadcrumbs/variations/_size/base.d.ts.map +1 -0
  180. package/types/components/Breadcrumbs/variations/_view/base.d.ts +2 -0
  181. package/types/components/Breadcrumbs/variations/_view/base.d.ts.map +1 -0
  182. package/types/components/Header/ui/HeaderArrow/HeaderArrow.d.ts +2 -2
  183. package/types/components/Modal/hooks/useModal.d.ts +1 -1
  184. package/types/components/Modal/hooks/useModal.d.ts.map +1 -1
  185. package/types/components/Popup/PopupContext.d.ts.map +1 -1
  186. package/types/components/Popup/hooks/usePopup.d.ts.map +1 -1
  187. package/types/examples/plasma_b2c/components/Breadcrumbs/Breadcrumbs.config.d.ts +18 -0
  188. package/types/examples/plasma_b2c/components/Breadcrumbs/Breadcrumbs.config.d.ts.map +1 -0
  189. package/types/examples/plasma_b2c/components/Breadcrumbs/Breadcrumbs.d.ts +19 -0
  190. package/types/examples/plasma_b2c/components/Breadcrumbs/Breadcrumbs.d.ts.map +1 -0
  191. package/types/examples/plasma_b2c/components/Header/Header.d.ts +1 -1
  192. package/types/examples/plasma_web/components/Breadcrumbs/Breadcrumbs.config.d.ts +18 -0
  193. package/types/examples/plasma_web/components/Breadcrumbs/Breadcrumbs.config.d.ts.map +1 -0
  194. package/types/examples/plasma_web/components/Breadcrumbs/Breadcrumbs.d.ts +19 -0
  195. package/types/examples/plasma_web/components/Breadcrumbs/Breadcrumbs.d.ts.map +1 -0
  196. package/types/examples/plasma_web/components/Header/Header.d.ts +1 -1
  197. package/types/index.d.ts +1 -0
  198. package/types/index.d.ts.map +1 -1
@@ -0,0 +1,25 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.config = void 0;
7
+ var _react = /*#__PURE__*/require("@emotion/react");
8
+ var _Breadcrumbs = /*#__PURE__*/require("../../../../components/Breadcrumbs");
9
+ var config = exports.config = {
10
+ defaults: {
11
+ view: 'default',
12
+ size: 'm'
13
+ },
14
+ variations: {
15
+ view: {
16
+ "default": /*#__PURE__*/(0, _react.css)(_Breadcrumbs.breadcrumbsTokens.breadcrumbsColor, ":var(--text-primary);", _Breadcrumbs.breadcrumbsTokens.breadcrumbsOpacity, ":0.4;", _Breadcrumbs.breadcrumbsTokens.breadcrumbsFocusOutlineColor, ":var(--surface-accent);;label:plasma-new-hope__default;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2V4YW1wbGVzL3BsYXNtYV9iMmMvY29tcG9uZW50cy9CcmVhZGNydW1icy9CcmVhZGNydW1icy5jb25maWcudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBV3dCIiwiZmlsZSI6Ii4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2V4YW1wbGVzL3BsYXNtYV9iMmMvY29tcG9uZW50cy9CcmVhZGNydW1icy9CcmVhZGNydW1icy5jb25maWcudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmltcG9ydCB7IGJyZWFkY3J1bWJzVG9rZW5zIH0gZnJvbSAnLi4vLi4vLi4vLi4vY29tcG9uZW50cy9CcmVhZGNydW1icyc7XG5cbmV4cG9ydCBjb25zdCBjb25maWcgPSB7XG4gICAgZGVmYXVsdHM6IHtcbiAgICAgICAgdmlldzogJ2RlZmF1bHQnLFxuICAgICAgICBzaXplOiAnbScsXG4gICAgfSxcbiAgICB2YXJpYXRpb25zOiB7XG4gICAgICAgIHZpZXc6IHtcbiAgICAgICAgICAgIGRlZmF1bHQ6IGNzc2BcbiAgICAgICAgICAgICAgICAke2JyZWFkY3J1bWJzVG9rZW5zLmJyZWFkY3J1bWJzQ29sb3J9OiB2YXIoLS10ZXh0LXByaW1hcnkpO1xuICAgICAgICAgICAgICAgICR7YnJlYWRjcnVtYnNUb2tlbnMuYnJlYWRjcnVtYnNPcGFjaXR5fTogMC40O1xuICAgICAgICAgICAgICAgICR7YnJlYWRjcnVtYnNUb2tlbnMuYnJlYWRjcnVtYnNGb2N1c091dGxpbmVDb2xvcn06IHZhcigtLXN1cmZhY2UtYWNjZW50KTtcbiAgICAgICAgICAgIGAsXG4gICAgICAgIH0sXG4gICAgICAgIHNpemU6IHtcbiAgICAgICAgICAgIGw6IGNzc2BcbiAgICAgICAgICAgICAgICAke2JyZWFkY3J1bWJzVG9rZW5zLmJyZWFkY3J1bWJzR2FwfTogMC41cmVtO1xuXG4gICAgICAgICAgICAgICAgJHticmVhZGNydW1ic1Rva2Vucy5icmVhZGNydW1ic0ZvbnRGYW1pbHl9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LWwtZm9udC1mYW1pbHkpO1xuICAgICAgICAgICAgICAgICR7YnJlYWRjcnVtYnNUb2tlbnMuYnJlYWRjcnVtYnNGb250U2l6ZX06IHZhcigtLXBsYXNtYS10eXBvLWJvZHktbC1mb250LXNpemUpO1xuICAgICAgICAgICAgICAgICR7YnJlYWRjcnVtYnNUb2tlbnMuYnJlYWRjcnVtYnNGb250U3R5bGV9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LWwtZm9udC1zdHlsZSk7XG4gICAgICAgICAgICAgICAgJHticmVhZGNydW1ic1Rva2Vucy5icmVhZGNydW1ic0ZvbnRXZWlnaHR9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LWwtYm9sZC13ZWlnaHQpO1xuICAgICAgICAgICAgICAgICR7YnJlYWRjcnVtYnNUb2tlbnMuYnJlYWRjcnVtYnNMZXR0ZXJTcGFjaW5nfTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS1sLWxldHRlci1zcGFjaW5nKTtcbiAgICAgICAgICAgICAgICAke2JyZWFkY3J1bWJzVG9rZW5zLmJyZWFkY3J1bWJzTGluZUhlaWdodH06IHZhcigtLXBsYXNtYS10eXBvLWJvZHktbC1saW5lLWhlaWdodCk7XG4gICAgICAgICAgICBgLFxuICAgICAgICAgICAgbTogY3NzYFxuICAgICAgICAgICAgICAgICR7YnJlYWRjcnVtYnNUb2tlbnMuYnJlYWRjcnVtYnNHYXB9OiAwLjM3NXJlbTtcblxuICAgICAgICAgICAgICAgICR7YnJlYWRjcnVtYnNUb2tlbnMuYnJlYWRjcnVtYnNGb250RmFtaWx5fTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS1tLWZvbnQtZmFtaWx5KTtcbiAgICAgICAgICAgICAgICAke2JyZWFkY3J1bWJzVG9rZW5zLmJyZWFkY3J1bWJzRm9udFNpemV9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LW0tZm9udC1zaXplKTtcbiAgICAgICAgICAgICAgICAke2JyZWFkY3J1bWJzVG9rZW5zLmJyZWFkY3J1bWJzRm9udFN0eWxlfTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS1tLWZvbnQtc3R5bGUpO1xuICAgICAgICAgICAgICAgICR7YnJlYWRjcnVtYnNUb2tlbnMuYnJlYWRjcnVtYnNGb250V2VpZ2h0fTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS1tLWJvbGQtd2VpZ2h0KTtcbiAgICAgICAgICAgICAgICAke2JyZWFkY3J1bWJzVG9rZW5zLmJyZWFkY3J1bWJzTGV0dGVyU3BhY2luZ306IHZhcigtLXBsYXNtYS10eXBvLWJvZHktbS1sZXR0ZXItc3BhY2luZyk7XG4gICAgICAgICAgICAgICAgJHticmVhZGNydW1ic1Rva2Vucy5icmVhZGNydW1ic0xpbmVIZWlnaHR9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LW0tbGluZS1oZWlnaHQpO1xuICAgICAgICAgICAgYCxcbiAgICAgICAgICAgIHM6IGNzc2BcbiAgICAgICAgICAgICAgICAke2JyZWFkY3J1bWJzVG9rZW5zLmJyZWFkY3J1bWJzR2FwfTogMC4yNXJlbTtcblxuICAgICAgICAgICAgICAgICR7YnJlYWRjcnVtYnNUb2tlbnMuYnJlYWRjcnVtYnNGb250RmFtaWx5fTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS1zLWZvbnQtZmFtaWx5KTtcbiAgICAgICAgICAgICAgICAke2JyZWFkY3J1bWJzVG9rZW5zLmJyZWFkY3J1bWJzRm9udFNpemV9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LXMtZm9udC1zaXplKTtcbiAgICAgICAgICAgICAgICAke2JyZWFkY3J1bWJzVG9rZW5zLmJyZWFkY3J1bWJzRm9udFN0eWxlfTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS1zLWZvbnQtc3R5bGUpO1xuICAgICAgICAgICAgICAgICR7YnJlYWRjcnVtYnNUb2tlbnMuYnJlYWRjcnVtYnNGb250V2VpZ2h0fTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS1zLWJvbGQtd2VpZ2h0KTtcbiAgICAgICAgICAgICAgICAke2JyZWFkY3J1bWJzVG9rZW5zLmJyZWFkY3J1bWJzTGV0dGVyU3BhY2luZ306IHZhcigtLXBsYXNtYS10eXBvLWJvZHktcy1sZXR0ZXItc3BhY2luZyk7XG4gICAgICAgICAgICAgICAgJHticmVhZGNydW1ic1Rva2Vucy5icmVhZGNydW1ic0xpbmVIZWlnaHR9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LXMtbGluZS1oZWlnaHQpO1xuICAgICAgICAgICAgYCxcbiAgICAgICAgICAgIHhzOiBjc3NgXG4gICAgICAgICAgICAgICAgJHticmVhZGNydW1ic1Rva2Vucy5icmVhZGNydW1ic0dhcH06IDByZW07XG5cbiAgICAgICAgICAgICAgICAke2JyZWFkY3J1bWJzVG9rZW5zLmJyZWFkY3J1bWJzRm9udEZhbWlseX06IHZhcigtLXBsYXNtYS10eXBvLWJvZHkteHMtZm9udC1mYW1pbHkpO1xuICAgICAgICAgICAgICAgICR7YnJlYWRjcnVtYnNUb2tlbnMuYnJlYWRjcnVtYnNGb250U2l6ZX06IHZhcigtLXBsYXNtYS10eXBvLWJvZHkteHMtZm9udC1zaXplKTtcbiAgICAgICAgICAgICAgICAke2JyZWFkY3J1bWJzVG9rZW5zLmJyZWFkY3J1bWJzRm9udFN0eWxlfTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS14cy1mb250LXN0eWxlKTtcbiAgICAgICAgICAgICAgICAke2JyZWFkY3J1bWJzVG9rZW5zLmJyZWFkY3J1bWJzRm9udFdlaWdodH06IHZhcigtLXBsYXNtYS10eXBvLWJvZHkteHMtYm9sZC13ZWlnaHQpO1xuICAgICAgICAgICAgICAgICR7YnJlYWRjcnVtYnNUb2tlbnMuYnJlYWRjcnVtYnNMZXR0ZXJTcGFjaW5nfTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS14cy1sZXR0ZXItc3BhY2luZyk7XG4gICAgICAgICAgICAgICAgJHticmVhZGNydW1ic1Rva2Vucy5icmVhZGNydW1ic0xpbmVIZWlnaHR9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LXhzLWxpbmUtaGVpZ2h0KTtcbiAgICAgICAgICAgIGAsXG4gICAgICAgIH0sXG4gICAgfSxcbn07XG4iXX0= */"))
17
+ },
18
+ size: {
19
+ l: /*#__PURE__*/(0, _react.css)(_Breadcrumbs.breadcrumbsTokens.breadcrumbsGap, ":0.5rem;", _Breadcrumbs.breadcrumbsTokens.breadcrumbsFontFamily, ":var(--plasma-typo-body-l-font-family);", _Breadcrumbs.breadcrumbsTokens.breadcrumbsFontSize, ":var(--plasma-typo-body-l-font-size);", _Breadcrumbs.breadcrumbsTokens.breadcrumbsFontStyle, ":var(--plasma-typo-body-l-font-style);", _Breadcrumbs.breadcrumbsTokens.breadcrumbsFontWeight, ":var(--plasma-typo-body-l-bold-weight);", _Breadcrumbs.breadcrumbsTokens.breadcrumbsLetterSpacing, ":var(--plasma-typo-body-l-letter-spacing);", _Breadcrumbs.breadcrumbsTokens.breadcrumbsLineHeight, ":var(--plasma-typo-body-l-line-height);;label:plasma-new-hope__l;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2V4YW1wbGVzL3BsYXNtYV9iMmMvY29tcG9uZW50cy9CcmVhZGNydW1icy9CcmVhZGNydW1icy5jb25maWcudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBa0JrQiIsImZpbGUiOiIuLi8uLi8uLi8uLi8uLi8uLi9zcmMtZW1vdGlvbi9leGFtcGxlcy9wbGFzbWFfYjJjL2NvbXBvbmVudHMvQnJlYWRjcnVtYnMvQnJlYWRjcnVtYnMuY29uZmlnLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG5pbXBvcnQgeyBicmVhZGNydW1ic1Rva2VucyB9IGZyb20gJy4uLy4uLy4uLy4uL2NvbXBvbmVudHMvQnJlYWRjcnVtYnMnO1xuXG5leHBvcnQgY29uc3QgY29uZmlnID0ge1xuICAgIGRlZmF1bHRzOiB7XG4gICAgICAgIHZpZXc6ICdkZWZhdWx0JyxcbiAgICAgICAgc2l6ZTogJ20nLFxuICAgIH0sXG4gICAgdmFyaWF0aW9uczoge1xuICAgICAgICB2aWV3OiB7XG4gICAgICAgICAgICBkZWZhdWx0OiBjc3NgXG4gICAgICAgICAgICAgICAgJHticmVhZGNydW1ic1Rva2Vucy5icmVhZGNydW1ic0NvbG9yfTogdmFyKC0tdGV4dC1wcmltYXJ5KTtcbiAgICAgICAgICAgICAgICAke2JyZWFkY3J1bWJzVG9rZW5zLmJyZWFkY3J1bWJzT3BhY2l0eX06IDAuNDtcbiAgICAgICAgICAgICAgICAke2JyZWFkY3J1bWJzVG9rZW5zLmJyZWFkY3J1bWJzRm9jdXNPdXRsaW5lQ29sb3J9OiB2YXIoLS1zdXJmYWNlLWFjY2VudCk7XG4gICAgICAgICAgICBgLFxuICAgICAgICB9LFxuICAgICAgICBzaXplOiB7XG4gICAgICAgICAgICBsOiBjc3NgXG4gICAgICAgICAgICAgICAgJHticmVhZGNydW1ic1Rva2Vucy5icmVhZGNydW1ic0dhcH06IDAuNXJlbTtcblxuICAgICAgICAgICAgICAgICR7YnJlYWRjcnVtYnNUb2tlbnMuYnJlYWRjcnVtYnNGb250RmFtaWx5fTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS1sLWZvbnQtZmFtaWx5KTtcbiAgICAgICAgICAgICAgICAke2JyZWFkY3J1bWJzVG9rZW5zLmJyZWFkY3J1bWJzRm9udFNpemV9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LWwtZm9udC1zaXplKTtcbiAgICAgICAgICAgICAgICAke2JyZWFkY3J1bWJzVG9rZW5zLmJyZWFkY3J1bWJzRm9udFN0eWxlfTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS1sLWZvbnQtc3R5bGUpO1xuICAgICAgICAgICAgICAgICR7YnJlYWRjcnVtYnNUb2tlbnMuYnJlYWRjcnVtYnNGb250V2VpZ2h0fTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS1sLWJvbGQtd2VpZ2h0KTtcbiAgICAgICAgICAgICAgICAke2JyZWFkY3J1bWJzVG9rZW5zLmJyZWFkY3J1bWJzTGV0dGVyU3BhY2luZ306IHZhcigtLXBsYXNtYS10eXBvLWJvZHktbC1sZXR0ZXItc3BhY2luZyk7XG4gICAgICAgICAgICAgICAgJHticmVhZGNydW1ic1Rva2Vucy5icmVhZGNydW1ic0xpbmVIZWlnaHR9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LWwtbGluZS1oZWlnaHQpO1xuICAgICAgICAgICAgYCxcbiAgICAgICAgICAgIG06IGNzc2BcbiAgICAgICAgICAgICAgICAke2JyZWFkY3J1bWJzVG9rZW5zLmJyZWFkY3J1bWJzR2FwfTogMC4zNzVyZW07XG5cbiAgICAgICAgICAgICAgICAke2JyZWFkY3J1bWJzVG9rZW5zLmJyZWFkY3J1bWJzRm9udEZhbWlseX06IHZhcigtLXBsYXNtYS10eXBvLWJvZHktbS1mb250LWZhbWlseSk7XG4gICAgICAgICAgICAgICAgJHticmVhZGNydW1ic1Rva2Vucy5icmVhZGNydW1ic0ZvbnRTaXplfTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS1tLWZvbnQtc2l6ZSk7XG4gICAgICAgICAgICAgICAgJHticmVhZGNydW1ic1Rva2Vucy5icmVhZGNydW1ic0ZvbnRTdHlsZX06IHZhcigtLXBsYXNtYS10eXBvLWJvZHktbS1mb250LXN0eWxlKTtcbiAgICAgICAgICAgICAgICAke2JyZWFkY3J1bWJzVG9rZW5zLmJyZWFkY3J1bWJzRm9udFdlaWdodH06IHZhcigtLXBsYXNtYS10eXBvLWJvZHktbS1ib2xkLXdlaWdodCk7XG4gICAgICAgICAgICAgICAgJHticmVhZGNydW1ic1Rva2Vucy5icmVhZGNydW1ic0xldHRlclNwYWNpbmd9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LW0tbGV0dGVyLXNwYWNpbmcpO1xuICAgICAgICAgICAgICAgICR7YnJlYWRjcnVtYnNUb2tlbnMuYnJlYWRjcnVtYnNMaW5lSGVpZ2h0fTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS1tLWxpbmUtaGVpZ2h0KTtcbiAgICAgICAgICAgIGAsXG4gICAgICAgICAgICBzOiBjc3NgXG4gICAgICAgICAgICAgICAgJHticmVhZGNydW1ic1Rva2Vucy5icmVhZGNydW1ic0dhcH06IDAuMjVyZW07XG5cbiAgICAgICAgICAgICAgICAke2JyZWFkY3J1bWJzVG9rZW5zLmJyZWFkY3J1bWJzRm9udEZhbWlseX06IHZhcigtLXBsYXNtYS10eXBvLWJvZHktcy1mb250LWZhbWlseSk7XG4gICAgICAgICAgICAgICAgJHticmVhZGNydW1ic1Rva2Vucy5icmVhZGNydW1ic0ZvbnRTaXplfTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS1zLWZvbnQtc2l6ZSk7XG4gICAgICAgICAgICAgICAgJHticmVhZGNydW1ic1Rva2Vucy5icmVhZGNydW1ic0ZvbnRTdHlsZX06IHZhcigtLXBsYXNtYS10eXBvLWJvZHktcy1mb250LXN0eWxlKTtcbiAgICAgICAgICAgICAgICAke2JyZWFkY3J1bWJzVG9rZW5zLmJyZWFkY3J1bWJzRm9udFdlaWdodH06IHZhcigtLXBsYXNtYS10eXBvLWJvZHktcy1ib2xkLXdlaWdodCk7XG4gICAgICAgICAgICAgICAgJHticmVhZGNydW1ic1Rva2Vucy5icmVhZGNydW1ic0xldHRlclNwYWNpbmd9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LXMtbGV0dGVyLXNwYWNpbmcpO1xuICAgICAgICAgICAgICAgICR7YnJlYWRjcnVtYnNUb2tlbnMuYnJlYWRjcnVtYnNMaW5lSGVpZ2h0fTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS1zLWxpbmUtaGVpZ2h0KTtcbiAgICAgICAgICAgIGAsXG4gICAgICAgICAgICB4czogY3NzYFxuICAgICAgICAgICAgICAgICR7YnJlYWRjcnVtYnNUb2tlbnMuYnJlYWRjcnVtYnNHYXB9OiAwcmVtO1xuXG4gICAgICAgICAgICAgICAgJHticmVhZGNydW1ic1Rva2Vucy5icmVhZGNydW1ic0ZvbnRGYW1pbHl9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LXhzLWZvbnQtZmFtaWx5KTtcbiAgICAgICAgICAgICAgICAke2JyZWFkY3J1bWJzVG9rZW5zLmJyZWFkY3J1bWJzRm9udFNpemV9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LXhzLWZvbnQtc2l6ZSk7XG4gICAgICAgICAgICAgICAgJHticmVhZGNydW1ic1Rva2Vucy5icmVhZGNydW1ic0ZvbnRTdHlsZX06IHZhcigtLXBsYXNtYS10eXBvLWJvZHkteHMtZm9udC1zdHlsZSk7XG4gICAgICAgICAgICAgICAgJHticmVhZGNydW1ic1Rva2Vucy5icmVhZGNydW1ic0ZvbnRXZWlnaHR9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LXhzLWJvbGQtd2VpZ2h0KTtcbiAgICAgICAgICAgICAgICAke2JyZWFkY3J1bWJzVG9rZW5zLmJyZWFkY3J1bWJzTGV0dGVyU3BhY2luZ306IHZhcigtLXBsYXNtYS10eXBvLWJvZHkteHMtbGV0dGVyLXNwYWNpbmcpO1xuICAgICAgICAgICAgICAgICR7YnJlYWRjcnVtYnNUb2tlbnMuYnJlYWRjcnVtYnNMaW5lSGVpZ2h0fTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS14cy1saW5lLWhlaWdodCk7XG4gICAgICAgICAgICBgLFxuICAgICAgICB9LFxuICAgIH0sXG59O1xuIl19 */")),
20
+ m: /*#__PURE__*/(0, _react.css)(_Breadcrumbs.breadcrumbsTokens.breadcrumbsGap, ":0.375rem;", _Breadcrumbs.breadcrumbsTokens.breadcrumbsFontFamily, ":var(--plasma-typo-body-m-font-family);", _Breadcrumbs.breadcrumbsTokens.breadcrumbsFontSize, ":var(--plasma-typo-body-m-font-size);", _Breadcrumbs.breadcrumbsTokens.breadcrumbsFontStyle, ":var(--plasma-typo-body-m-font-style);", _Breadcrumbs.breadcrumbsTokens.breadcrumbsFontWeight, ":var(--plasma-typo-body-m-bold-weight);", _Breadcrumbs.breadcrumbsTokens.breadcrumbsLetterSpacing, ":var(--plasma-typo-body-m-letter-spacing);", _Breadcrumbs.breadcrumbsTokens.breadcrumbsLineHeight, ":var(--plasma-typo-body-m-line-height);;label:plasma-new-hope__m;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2V4YW1wbGVzL3BsYXNtYV9iMmMvY29tcG9uZW50cy9CcmVhZGNydW1icy9CcmVhZGNydW1icy5jb25maWcudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBNEJrQiIsImZpbGUiOiIuLi8uLi8uLi8uLi8uLi8uLi9zcmMtZW1vdGlvbi9leGFtcGxlcy9wbGFzbWFfYjJjL2NvbXBvbmVudHMvQnJlYWRjcnVtYnMvQnJlYWRjcnVtYnMuY29uZmlnLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG5pbXBvcnQgeyBicmVhZGNydW1ic1Rva2VucyB9IGZyb20gJy4uLy4uLy4uLy4uL2NvbXBvbmVudHMvQnJlYWRjcnVtYnMnO1xuXG5leHBvcnQgY29uc3QgY29uZmlnID0ge1xuICAgIGRlZmF1bHRzOiB7XG4gICAgICAgIHZpZXc6ICdkZWZhdWx0JyxcbiAgICAgICAgc2l6ZTogJ20nLFxuICAgIH0sXG4gICAgdmFyaWF0aW9uczoge1xuICAgICAgICB2aWV3OiB7XG4gICAgICAgICAgICBkZWZhdWx0OiBjc3NgXG4gICAgICAgICAgICAgICAgJHticmVhZGNydW1ic1Rva2Vucy5icmVhZGNydW1ic0NvbG9yfTogdmFyKC0tdGV4dC1wcmltYXJ5KTtcbiAgICAgICAgICAgICAgICAke2JyZWFkY3J1bWJzVG9rZW5zLmJyZWFkY3J1bWJzT3BhY2l0eX06IDAuNDtcbiAgICAgICAgICAgICAgICAke2JyZWFkY3J1bWJzVG9rZW5zLmJyZWFkY3J1bWJzRm9jdXNPdXRsaW5lQ29sb3J9OiB2YXIoLS1zdXJmYWNlLWFjY2VudCk7XG4gICAgICAgICAgICBgLFxuICAgICAgICB9LFxuICAgICAgICBzaXplOiB7XG4gICAgICAgICAgICBsOiBjc3NgXG4gICAgICAgICAgICAgICAgJHticmVhZGNydW1ic1Rva2Vucy5icmVhZGNydW1ic0dhcH06IDAuNXJlbTtcblxuICAgICAgICAgICAgICAgICR7YnJlYWRjcnVtYnNUb2tlbnMuYnJlYWRjcnVtYnNGb250RmFtaWx5fTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS1sLWZvbnQtZmFtaWx5KTtcbiAgICAgICAgICAgICAgICAke2JyZWFkY3J1bWJzVG9rZW5zLmJyZWFkY3J1bWJzRm9udFNpemV9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LWwtZm9udC1zaXplKTtcbiAgICAgICAgICAgICAgICAke2JyZWFkY3J1bWJzVG9rZW5zLmJyZWFkY3J1bWJzRm9udFN0eWxlfTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS1sLWZvbnQtc3R5bGUpO1xuICAgICAgICAgICAgICAgICR7YnJlYWRjcnVtYnNUb2tlbnMuYnJlYWRjcnVtYnNGb250V2VpZ2h0fTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS1sLWJvbGQtd2VpZ2h0KTtcbiAgICAgICAgICAgICAgICAke2JyZWFkY3J1bWJzVG9rZW5zLmJyZWFkY3J1bWJzTGV0dGVyU3BhY2luZ306IHZhcigtLXBsYXNtYS10eXBvLWJvZHktbC1sZXR0ZXItc3BhY2luZyk7XG4gICAgICAgICAgICAgICAgJHticmVhZGNydW1ic1Rva2Vucy5icmVhZGNydW1ic0xpbmVIZWlnaHR9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LWwtbGluZS1oZWlnaHQpO1xuICAgICAgICAgICAgYCxcbiAgICAgICAgICAgIG06IGNzc2BcbiAgICAgICAgICAgICAgICAke2JyZWFkY3J1bWJzVG9rZW5zLmJyZWFkY3J1bWJzR2FwfTogMC4zNzVyZW07XG5cbiAgICAgICAgICAgICAgICAke2JyZWFkY3J1bWJzVG9rZW5zLmJyZWFkY3J1bWJzRm9udEZhbWlseX06IHZhcigtLXBsYXNtYS10eXBvLWJvZHktbS1mb250LWZhbWlseSk7XG4gICAgICAgICAgICAgICAgJHticmVhZGNydW1ic1Rva2Vucy5icmVhZGNydW1ic0ZvbnRTaXplfTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS1tLWZvbnQtc2l6ZSk7XG4gICAgICAgICAgICAgICAgJHticmVhZGNydW1ic1Rva2Vucy5icmVhZGNydW1ic0ZvbnRTdHlsZX06IHZhcigtLXBsYXNtYS10eXBvLWJvZHktbS1mb250LXN0eWxlKTtcbiAgICAgICAgICAgICAgICAke2JyZWFkY3J1bWJzVG9rZW5zLmJyZWFkY3J1bWJzRm9udFdlaWdodH06IHZhcigtLXBsYXNtYS10eXBvLWJvZHktbS1ib2xkLXdlaWdodCk7XG4gICAgICAgICAgICAgICAgJHticmVhZGNydW1ic1Rva2Vucy5icmVhZGNydW1ic0xldHRlclNwYWNpbmd9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LW0tbGV0dGVyLXNwYWNpbmcpO1xuICAgICAgICAgICAgICAgICR7YnJlYWRjcnVtYnNUb2tlbnMuYnJlYWRjcnVtYnNMaW5lSGVpZ2h0fTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS1tLWxpbmUtaGVpZ2h0KTtcbiAgICAgICAgICAgIGAsXG4gICAgICAgICAgICBzOiBjc3NgXG4gICAgICAgICAgICAgICAgJHticmVhZGNydW1ic1Rva2Vucy5icmVhZGNydW1ic0dhcH06IDAuMjVyZW07XG5cbiAgICAgICAgICAgICAgICAke2JyZWFkY3J1bWJzVG9rZW5zLmJyZWFkY3J1bWJzRm9udEZhbWlseX06IHZhcigtLXBsYXNtYS10eXBvLWJvZHktcy1mb250LWZhbWlseSk7XG4gICAgICAgICAgICAgICAgJHticmVhZGNydW1ic1Rva2Vucy5icmVhZGNydW1ic0ZvbnRTaXplfTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS1zLWZvbnQtc2l6ZSk7XG4gICAgICAgICAgICAgICAgJHticmVhZGNydW1ic1Rva2Vucy5icmVhZGNydW1ic0ZvbnRTdHlsZX06IHZhcigtLXBsYXNtYS10eXBvLWJvZHktcy1mb250LXN0eWxlKTtcbiAgICAgICAgICAgICAgICAke2JyZWFkY3J1bWJzVG9rZW5zLmJyZWFkY3J1bWJzRm9udFdlaWdodH06IHZhcigtLXBsYXNtYS10eXBvLWJvZHktcy1ib2xkLXdlaWdodCk7XG4gICAgICAgICAgICAgICAgJHticmVhZGNydW1ic1Rva2Vucy5icmVhZGNydW1ic0xldHRlclNwYWNpbmd9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LXMtbGV0dGVyLXNwYWNpbmcpO1xuICAgICAgICAgICAgICAgICR7YnJlYWRjcnVtYnNUb2tlbnMuYnJlYWRjcnVtYnNMaW5lSGVpZ2h0fTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS1zLWxpbmUtaGVpZ2h0KTtcbiAgICAgICAgICAgIGAsXG4gICAgICAgICAgICB4czogY3NzYFxuICAgICAgICAgICAgICAgICR7YnJlYWRjcnVtYnNUb2tlbnMuYnJlYWRjcnVtYnNHYXB9OiAwcmVtO1xuXG4gICAgICAgICAgICAgICAgJHticmVhZGNydW1ic1Rva2Vucy5icmVhZGNydW1ic0ZvbnRGYW1pbHl9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LXhzLWZvbnQtZmFtaWx5KTtcbiAgICAgICAgICAgICAgICAke2JyZWFkY3J1bWJzVG9rZW5zLmJyZWFkY3J1bWJzRm9udFNpemV9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LXhzLWZvbnQtc2l6ZSk7XG4gICAgICAgICAgICAgICAgJHticmVhZGNydW1ic1Rva2Vucy5icmVhZGNydW1ic0ZvbnRTdHlsZX06IHZhcigtLXBsYXNtYS10eXBvLWJvZHkteHMtZm9udC1zdHlsZSk7XG4gICAgICAgICAgICAgICAgJHticmVhZGNydW1ic1Rva2Vucy5icmVhZGNydW1ic0ZvbnRXZWlnaHR9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LXhzLWJvbGQtd2VpZ2h0KTtcbiAgICAgICAgICAgICAgICAke2JyZWFkY3J1bWJzVG9rZW5zLmJyZWFkY3J1bWJzTGV0dGVyU3BhY2luZ306IHZhcigtLXBsYXNtYS10eXBvLWJvZHkteHMtbGV0dGVyLXNwYWNpbmcpO1xuICAgICAgICAgICAgICAgICR7YnJlYWRjcnVtYnNUb2tlbnMuYnJlYWRjcnVtYnNMaW5lSGVpZ2h0fTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS14cy1saW5lLWhlaWdodCk7XG4gICAgICAgICAgICBgLFxuICAgICAgICB9LFxuICAgIH0sXG59O1xuIl19 */")),
21
+ s: /*#__PURE__*/(0, _react.css)(_Breadcrumbs.breadcrumbsTokens.breadcrumbsGap, ":0.25rem;", _Breadcrumbs.breadcrumbsTokens.breadcrumbsFontFamily, ":var(--plasma-typo-body-s-font-family);", _Breadcrumbs.breadcrumbsTokens.breadcrumbsFontSize, ":var(--plasma-typo-body-s-font-size);", _Breadcrumbs.breadcrumbsTokens.breadcrumbsFontStyle, ":var(--plasma-typo-body-s-font-style);", _Breadcrumbs.breadcrumbsTokens.breadcrumbsFontWeight, ":var(--plasma-typo-body-s-bold-weight);", _Breadcrumbs.breadcrumbsTokens.breadcrumbsLetterSpacing, ":var(--plasma-typo-body-s-letter-spacing);", _Breadcrumbs.breadcrumbsTokens.breadcrumbsLineHeight, ":var(--plasma-typo-body-s-line-height);;label:plasma-new-hope__s;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2V4YW1wbGVzL3BsYXNtYV9iMmMvY29tcG9uZW50cy9CcmVhZGNydW1icy9CcmVhZGNydW1icy5jb25maWcudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBc0NrQiIsImZpbGUiOiIuLi8uLi8uLi8uLi8uLi8uLi9zcmMtZW1vdGlvbi9leGFtcGxlcy9wbGFzbWFfYjJjL2NvbXBvbmVudHMvQnJlYWRjcnVtYnMvQnJlYWRjcnVtYnMuY29uZmlnLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG5pbXBvcnQgeyBicmVhZGNydW1ic1Rva2VucyB9IGZyb20gJy4uLy4uLy4uLy4uL2NvbXBvbmVudHMvQnJlYWRjcnVtYnMnO1xuXG5leHBvcnQgY29uc3QgY29uZmlnID0ge1xuICAgIGRlZmF1bHRzOiB7XG4gICAgICAgIHZpZXc6ICdkZWZhdWx0JyxcbiAgICAgICAgc2l6ZTogJ20nLFxuICAgIH0sXG4gICAgdmFyaWF0aW9uczoge1xuICAgICAgICB2aWV3OiB7XG4gICAgICAgICAgICBkZWZhdWx0OiBjc3NgXG4gICAgICAgICAgICAgICAgJHticmVhZGNydW1ic1Rva2Vucy5icmVhZGNydW1ic0NvbG9yfTogdmFyKC0tdGV4dC1wcmltYXJ5KTtcbiAgICAgICAgICAgICAgICAke2JyZWFkY3J1bWJzVG9rZW5zLmJyZWFkY3J1bWJzT3BhY2l0eX06IDAuNDtcbiAgICAgICAgICAgICAgICAke2JyZWFkY3J1bWJzVG9rZW5zLmJyZWFkY3J1bWJzRm9jdXNPdXRsaW5lQ29sb3J9OiB2YXIoLS1zdXJmYWNlLWFjY2VudCk7XG4gICAgICAgICAgICBgLFxuICAgICAgICB9LFxuICAgICAgICBzaXplOiB7XG4gICAgICAgICAgICBsOiBjc3NgXG4gICAgICAgICAgICAgICAgJHticmVhZGNydW1ic1Rva2Vucy5icmVhZGNydW1ic0dhcH06IDAuNXJlbTtcblxuICAgICAgICAgICAgICAgICR7YnJlYWRjcnVtYnNUb2tlbnMuYnJlYWRjcnVtYnNGb250RmFtaWx5fTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS1sLWZvbnQtZmFtaWx5KTtcbiAgICAgICAgICAgICAgICAke2JyZWFkY3J1bWJzVG9rZW5zLmJyZWFkY3J1bWJzRm9udFNpemV9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LWwtZm9udC1zaXplKTtcbiAgICAgICAgICAgICAgICAke2JyZWFkY3J1bWJzVG9rZW5zLmJyZWFkY3J1bWJzRm9udFN0eWxlfTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS1sLWZvbnQtc3R5bGUpO1xuICAgICAgICAgICAgICAgICR7YnJlYWRjcnVtYnNUb2tlbnMuYnJlYWRjcnVtYnNGb250V2VpZ2h0fTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS1sLWJvbGQtd2VpZ2h0KTtcbiAgICAgICAgICAgICAgICAke2JyZWFkY3J1bWJzVG9rZW5zLmJyZWFkY3J1bWJzTGV0dGVyU3BhY2luZ306IHZhcigtLXBsYXNtYS10eXBvLWJvZHktbC1sZXR0ZXItc3BhY2luZyk7XG4gICAgICAgICAgICAgICAgJHticmVhZGNydW1ic1Rva2Vucy5icmVhZGNydW1ic0xpbmVIZWlnaHR9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LWwtbGluZS1oZWlnaHQpO1xuICAgICAgICAgICAgYCxcbiAgICAgICAgICAgIG06IGNzc2BcbiAgICAgICAgICAgICAgICAke2JyZWFkY3J1bWJzVG9rZW5zLmJyZWFkY3J1bWJzR2FwfTogMC4zNzVyZW07XG5cbiAgICAgICAgICAgICAgICAke2JyZWFkY3J1bWJzVG9rZW5zLmJyZWFkY3J1bWJzRm9udEZhbWlseX06IHZhcigtLXBsYXNtYS10eXBvLWJvZHktbS1mb250LWZhbWlseSk7XG4gICAgICAgICAgICAgICAgJHticmVhZGNydW1ic1Rva2Vucy5icmVhZGNydW1ic0ZvbnRTaXplfTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS1tLWZvbnQtc2l6ZSk7XG4gICAgICAgICAgICAgICAgJHticmVhZGNydW1ic1Rva2Vucy5icmVhZGNydW1ic0ZvbnRTdHlsZX06IHZhcigtLXBsYXNtYS10eXBvLWJvZHktbS1mb250LXN0eWxlKTtcbiAgICAgICAgICAgICAgICAke2JyZWFkY3J1bWJzVG9rZW5zLmJyZWFkY3J1bWJzRm9udFdlaWdodH06IHZhcigtLXBsYXNtYS10eXBvLWJvZHktbS1ib2xkLXdlaWdodCk7XG4gICAgICAgICAgICAgICAgJHticmVhZGNydW1ic1Rva2Vucy5icmVhZGNydW1ic0xldHRlclNwYWNpbmd9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LW0tbGV0dGVyLXNwYWNpbmcpO1xuICAgICAgICAgICAgICAgICR7YnJlYWRjcnVtYnNUb2tlbnMuYnJlYWRjcnVtYnNMaW5lSGVpZ2h0fTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS1tLWxpbmUtaGVpZ2h0KTtcbiAgICAgICAgICAgIGAsXG4gICAgICAgICAgICBzOiBjc3NgXG4gICAgICAgICAgICAgICAgJHticmVhZGNydW1ic1Rva2Vucy5icmVhZGNydW1ic0dhcH06IDAuMjVyZW07XG5cbiAgICAgICAgICAgICAgICAke2JyZWFkY3J1bWJzVG9rZW5zLmJyZWFkY3J1bWJzRm9udEZhbWlseX06IHZhcigtLXBsYXNtYS10eXBvLWJvZHktcy1mb250LWZhbWlseSk7XG4gICAgICAgICAgICAgICAgJHticmVhZGNydW1ic1Rva2Vucy5icmVhZGNydW1ic0ZvbnRTaXplfTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS1zLWZvbnQtc2l6ZSk7XG4gICAgICAgICAgICAgICAgJHticmVhZGNydW1ic1Rva2Vucy5icmVhZGNydW1ic0ZvbnRTdHlsZX06IHZhcigtLXBsYXNtYS10eXBvLWJvZHktcy1mb250LXN0eWxlKTtcbiAgICAgICAgICAgICAgICAke2JyZWFkY3J1bWJzVG9rZW5zLmJyZWFkY3J1bWJzRm9udFdlaWdodH06IHZhcigtLXBsYXNtYS10eXBvLWJvZHktcy1ib2xkLXdlaWdodCk7XG4gICAgICAgICAgICAgICAgJHticmVhZGNydW1ic1Rva2Vucy5icmVhZGNydW1ic0xldHRlclNwYWNpbmd9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LXMtbGV0dGVyLXNwYWNpbmcpO1xuICAgICAgICAgICAgICAgICR7YnJlYWRjcnVtYnNUb2tlbnMuYnJlYWRjcnVtYnNMaW5lSGVpZ2h0fTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS1zLWxpbmUtaGVpZ2h0KTtcbiAgICAgICAgICAgIGAsXG4gICAgICAgICAgICB4czogY3NzYFxuICAgICAgICAgICAgICAgICR7YnJlYWRjcnVtYnNUb2tlbnMuYnJlYWRjcnVtYnNHYXB9OiAwcmVtO1xuXG4gICAgICAgICAgICAgICAgJHticmVhZGNydW1ic1Rva2Vucy5icmVhZGNydW1ic0ZvbnRGYW1pbHl9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LXhzLWZvbnQtZmFtaWx5KTtcbiAgICAgICAgICAgICAgICAke2JyZWFkY3J1bWJzVG9rZW5zLmJyZWFkY3J1bWJzRm9udFNpemV9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LXhzLWZvbnQtc2l6ZSk7XG4gICAgICAgICAgICAgICAgJHticmVhZGNydW1ic1Rva2Vucy5icmVhZGNydW1ic0ZvbnRTdHlsZX06IHZhcigtLXBsYXNtYS10eXBvLWJvZHkteHMtZm9udC1zdHlsZSk7XG4gICAgICAgICAgICAgICAgJHticmVhZGNydW1ic1Rva2Vucy5icmVhZGNydW1ic0ZvbnRXZWlnaHR9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LXhzLWJvbGQtd2VpZ2h0KTtcbiAgICAgICAgICAgICAgICAke2JyZWFkY3J1bWJzVG9rZW5zLmJyZWFkY3J1bWJzTGV0dGVyU3BhY2luZ306IHZhcigtLXBsYXNtYS10eXBvLWJvZHkteHMtbGV0dGVyLXNwYWNpbmcpO1xuICAgICAgICAgICAgICAgICR7YnJlYWRjcnVtYnNUb2tlbnMuYnJlYWRjcnVtYnNMaW5lSGVpZ2h0fTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS14cy1saW5lLWhlaWdodCk7XG4gICAgICAgICAgICBgLFxuICAgICAgICB9LFxuICAgIH0sXG59O1xuIl19 */")),
22
+ xs: /*#__PURE__*/(0, _react.css)(_Breadcrumbs.breadcrumbsTokens.breadcrumbsGap, ":0rem;", _Breadcrumbs.breadcrumbsTokens.breadcrumbsFontFamily, ":var(--plasma-typo-body-xs-font-family);", _Breadcrumbs.breadcrumbsTokens.breadcrumbsFontSize, ":var(--plasma-typo-body-xs-font-size);", _Breadcrumbs.breadcrumbsTokens.breadcrumbsFontStyle, ":var(--plasma-typo-body-xs-font-style);", _Breadcrumbs.breadcrumbsTokens.breadcrumbsFontWeight, ":var(--plasma-typo-body-xs-bold-weight);", _Breadcrumbs.breadcrumbsTokens.breadcrumbsLetterSpacing, ":var(--plasma-typo-body-xs-letter-spacing);", _Breadcrumbs.breadcrumbsTokens.breadcrumbsLineHeight, ":var(--plasma-typo-body-xs-line-height);;label:plasma-new-hope__xs;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2V4YW1wbGVzL3BsYXNtYV9iMmMvY29tcG9uZW50cy9CcmVhZGNydW1icy9CcmVhZGNydW1icy5jb25maWcudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZ0RtQiIsImZpbGUiOiIuLi8uLi8uLi8uLi8uLi8uLi9zcmMtZW1vdGlvbi9leGFtcGxlcy9wbGFzbWFfYjJjL2NvbXBvbmVudHMvQnJlYWRjcnVtYnMvQnJlYWRjcnVtYnMuY29uZmlnLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG5pbXBvcnQgeyBicmVhZGNydW1ic1Rva2VucyB9IGZyb20gJy4uLy4uLy4uLy4uL2NvbXBvbmVudHMvQnJlYWRjcnVtYnMnO1xuXG5leHBvcnQgY29uc3QgY29uZmlnID0ge1xuICAgIGRlZmF1bHRzOiB7XG4gICAgICAgIHZpZXc6ICdkZWZhdWx0JyxcbiAgICAgICAgc2l6ZTogJ20nLFxuICAgIH0sXG4gICAgdmFyaWF0aW9uczoge1xuICAgICAgICB2aWV3OiB7XG4gICAgICAgICAgICBkZWZhdWx0OiBjc3NgXG4gICAgICAgICAgICAgICAgJHticmVhZGNydW1ic1Rva2Vucy5icmVhZGNydW1ic0NvbG9yfTogdmFyKC0tdGV4dC1wcmltYXJ5KTtcbiAgICAgICAgICAgICAgICAke2JyZWFkY3J1bWJzVG9rZW5zLmJyZWFkY3J1bWJzT3BhY2l0eX06IDAuNDtcbiAgICAgICAgICAgICAgICAke2JyZWFkY3J1bWJzVG9rZW5zLmJyZWFkY3J1bWJzRm9jdXNPdXRsaW5lQ29sb3J9OiB2YXIoLS1zdXJmYWNlLWFjY2VudCk7XG4gICAgICAgICAgICBgLFxuICAgICAgICB9LFxuICAgICAgICBzaXplOiB7XG4gICAgICAgICAgICBsOiBjc3NgXG4gICAgICAgICAgICAgICAgJHticmVhZGNydW1ic1Rva2Vucy5icmVhZGNydW1ic0dhcH06IDAuNXJlbTtcblxuICAgICAgICAgICAgICAgICR7YnJlYWRjcnVtYnNUb2tlbnMuYnJlYWRjcnVtYnNGb250RmFtaWx5fTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS1sLWZvbnQtZmFtaWx5KTtcbiAgICAgICAgICAgICAgICAke2JyZWFkY3J1bWJzVG9rZW5zLmJyZWFkY3J1bWJzRm9udFNpemV9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LWwtZm9udC1zaXplKTtcbiAgICAgICAgICAgICAgICAke2JyZWFkY3J1bWJzVG9rZW5zLmJyZWFkY3J1bWJzRm9udFN0eWxlfTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS1sLWZvbnQtc3R5bGUpO1xuICAgICAgICAgICAgICAgICR7YnJlYWRjcnVtYnNUb2tlbnMuYnJlYWRjcnVtYnNGb250V2VpZ2h0fTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS1sLWJvbGQtd2VpZ2h0KTtcbiAgICAgICAgICAgICAgICAke2JyZWFkY3J1bWJzVG9rZW5zLmJyZWFkY3J1bWJzTGV0dGVyU3BhY2luZ306IHZhcigtLXBsYXNtYS10eXBvLWJvZHktbC1sZXR0ZXItc3BhY2luZyk7XG4gICAgICAgICAgICAgICAgJHticmVhZGNydW1ic1Rva2Vucy5icmVhZGNydW1ic0xpbmVIZWlnaHR9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LWwtbGluZS1oZWlnaHQpO1xuICAgICAgICAgICAgYCxcbiAgICAgICAgICAgIG06IGNzc2BcbiAgICAgICAgICAgICAgICAke2JyZWFkY3J1bWJzVG9rZW5zLmJyZWFkY3J1bWJzR2FwfTogMC4zNzVyZW07XG5cbiAgICAgICAgICAgICAgICAke2JyZWFkY3J1bWJzVG9rZW5zLmJyZWFkY3J1bWJzRm9udEZhbWlseX06IHZhcigtLXBsYXNtYS10eXBvLWJvZHktbS1mb250LWZhbWlseSk7XG4gICAgICAgICAgICAgICAgJHticmVhZGNydW1ic1Rva2Vucy5icmVhZGNydW1ic0ZvbnRTaXplfTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS1tLWZvbnQtc2l6ZSk7XG4gICAgICAgICAgICAgICAgJHticmVhZGNydW1ic1Rva2Vucy5icmVhZGNydW1ic0ZvbnRTdHlsZX06IHZhcigtLXBsYXNtYS10eXBvLWJvZHktbS1mb250LXN0eWxlKTtcbiAgICAgICAgICAgICAgICAke2JyZWFkY3J1bWJzVG9rZW5zLmJyZWFkY3J1bWJzRm9udFdlaWdodH06IHZhcigtLXBsYXNtYS10eXBvLWJvZHktbS1ib2xkLXdlaWdodCk7XG4gICAgICAgICAgICAgICAgJHticmVhZGNydW1ic1Rva2Vucy5icmVhZGNydW1ic0xldHRlclNwYWNpbmd9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LW0tbGV0dGVyLXNwYWNpbmcpO1xuICAgICAgICAgICAgICAgICR7YnJlYWRjcnVtYnNUb2tlbnMuYnJlYWRjcnVtYnNMaW5lSGVpZ2h0fTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS1tLWxpbmUtaGVpZ2h0KTtcbiAgICAgICAgICAgIGAsXG4gICAgICAgICAgICBzOiBjc3NgXG4gICAgICAgICAgICAgICAgJHticmVhZGNydW1ic1Rva2Vucy5icmVhZGNydW1ic0dhcH06IDAuMjVyZW07XG5cbiAgICAgICAgICAgICAgICAke2JyZWFkY3J1bWJzVG9rZW5zLmJyZWFkY3J1bWJzRm9udEZhbWlseX06IHZhcigtLXBsYXNtYS10eXBvLWJvZHktcy1mb250LWZhbWlseSk7XG4gICAgICAgICAgICAgICAgJHticmVhZGNydW1ic1Rva2Vucy5icmVhZGNydW1ic0ZvbnRTaXplfTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS1zLWZvbnQtc2l6ZSk7XG4gICAgICAgICAgICAgICAgJHticmVhZGNydW1ic1Rva2Vucy5icmVhZGNydW1ic0ZvbnRTdHlsZX06IHZhcigtLXBsYXNtYS10eXBvLWJvZHktcy1mb250LXN0eWxlKTtcbiAgICAgICAgICAgICAgICAke2JyZWFkY3J1bWJzVG9rZW5zLmJyZWFkY3J1bWJzRm9udFdlaWdodH06IHZhcigtLXBsYXNtYS10eXBvLWJvZHktcy1ib2xkLXdlaWdodCk7XG4gICAgICAgICAgICAgICAgJHticmVhZGNydW1ic1Rva2Vucy5icmVhZGNydW1ic0xldHRlclNwYWNpbmd9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LXMtbGV0dGVyLXNwYWNpbmcpO1xuICAgICAgICAgICAgICAgICR7YnJlYWRjcnVtYnNUb2tlbnMuYnJlYWRjcnVtYnNMaW5lSGVpZ2h0fTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS1zLWxpbmUtaGVpZ2h0KTtcbiAgICAgICAgICAgIGAsXG4gICAgICAgICAgICB4czogY3NzYFxuICAgICAgICAgICAgICAgICR7YnJlYWRjcnVtYnNUb2tlbnMuYnJlYWRjcnVtYnNHYXB9OiAwcmVtO1xuXG4gICAgICAgICAgICAgICAgJHticmVhZGNydW1ic1Rva2Vucy5icmVhZGNydW1ic0ZvbnRGYW1pbHl9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LXhzLWZvbnQtZmFtaWx5KTtcbiAgICAgICAgICAgICAgICAke2JyZWFkY3J1bWJzVG9rZW5zLmJyZWFkY3J1bWJzRm9udFNpemV9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LXhzLWZvbnQtc2l6ZSk7XG4gICAgICAgICAgICAgICAgJHticmVhZGNydW1ic1Rva2Vucy5icmVhZGNydW1ic0ZvbnRTdHlsZX06IHZhcigtLXBsYXNtYS10eXBvLWJvZHkteHMtZm9udC1zdHlsZSk7XG4gICAgICAgICAgICAgICAgJHticmVhZGNydW1ic1Rva2Vucy5icmVhZGNydW1ic0ZvbnRXZWlnaHR9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LXhzLWJvbGQtd2VpZ2h0KTtcbiAgICAgICAgICAgICAgICAke2JyZWFkY3J1bWJzVG9rZW5zLmJyZWFkY3J1bWJzTGV0dGVyU3BhY2luZ306IHZhcigtLXBsYXNtYS10eXBvLWJvZHkteHMtbGV0dGVyLXNwYWNpbmcpO1xuICAgICAgICAgICAgICAgICR7YnJlYWRjcnVtYnNUb2tlbnMuYnJlYWRjcnVtYnNMaW5lSGVpZ2h0fTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS14cy1saW5lLWhlaWdodCk7XG4gICAgICAgICAgICBgLFxuICAgICAgICB9LFxuICAgIH0sXG59O1xuIl19 */"))
23
+ }
24
+ }
25
+ };
@@ -0,0 +1,11 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.Breadcrumbs = void 0;
7
+ var _Breadcrumbs = /*#__PURE__*/require("../../../../components/Breadcrumbs");
8
+ var _engines = /*#__PURE__*/require("../../../../engines");
9
+ var _Breadcrumbs2 = /*#__PURE__*/require("./Breadcrumbs.config");
10
+ var mergedConfig = /*#__PURE__*/(0, _engines.mergeConfig)(_Breadcrumbs.breadcrumbsConfig, _Breadcrumbs2.config);
11
+ var Breadcrumbs = exports.Breadcrumbs = /*#__PURE__*/(0, _engines.component)(mergedConfig);
@@ -0,0 +1,42 @@
1
+ import React from 'react';
2
+ import type { ComponentProps } from 'react';
3
+ import type { StoryObj, Meta } from '@storybook/react';
4
+ import { disableProps } from '@salutejs/plasma-sb-utils';
5
+
6
+ import { mergeConfig } from '../../../../engines';
7
+ import { WithTheme, argTypesFromConfig } from '../../../_helpers';
8
+ import { accordionConfig } from '../../../../components/Accordion';
9
+
10
+ import { config } from './Breadcrumbs.config';
11
+ import { Breadcrumbs } from './Breadcrumbs';
12
+
13
+ type BreadcrumbsProps = ComponentProps<typeof Breadcrumbs>;
14
+
15
+ const meta: Meta<BreadcrumbsProps> = {
16
+ title: 'plasma_b2c/Breadcrumbs',
17
+ decorators: [WithTheme],
18
+ component: Breadcrumbs,
19
+ args: {
20
+ view: 'default',
21
+ size: 'm',
22
+ showItems: 2,
23
+ items: [
24
+ { title: 'Home', href: '/' },
25
+ { title: 'About as', href: '/' },
26
+ { renderItem: () => <span>Custom Item</span> },
27
+ { title: 'Contacts' },
28
+ ],
29
+ },
30
+ argTypes: {
31
+ ...argTypesFromConfig(mergeConfig(accordionConfig, config)),
32
+ ...disableProps(['separator']),
33
+ },
34
+ };
35
+
36
+ export default meta;
37
+
38
+ export const Default: StoryObj<BreadcrumbsProps> = {
39
+ render: (props: BreadcrumbsProps) => {
40
+ return <Breadcrumbs {...props} />;
41
+ },
42
+ };
@@ -0,0 +1,25 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.config = void 0;
7
+ var _react = /*#__PURE__*/require("@emotion/react");
8
+ var _Breadcrumbs = /*#__PURE__*/require("../../../../components/Breadcrumbs");
9
+ var config = exports.config = {
10
+ defaults: {
11
+ view: 'default',
12
+ size: 'm'
13
+ },
14
+ variations: {
15
+ view: {
16
+ "default": /*#__PURE__*/(0, _react.css)(_Breadcrumbs.breadcrumbsTokens.breadcrumbsColor, ":var(--text-primary);", _Breadcrumbs.breadcrumbsTokens.breadcrumbsOpacity, ":0.4;", _Breadcrumbs.breadcrumbsTokens.breadcrumbsFocusOutlineColor, ":var(--surface-accent);;label:plasma-new-hope__default;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2V4YW1wbGVzL3BsYXNtYV93ZWIvY29tcG9uZW50cy9CcmVhZGNydW1icy9CcmVhZGNydW1icy5jb25maWcudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBV3dCIiwiZmlsZSI6Ii4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2V4YW1wbGVzL3BsYXNtYV93ZWIvY29tcG9uZW50cy9CcmVhZGNydW1icy9CcmVhZGNydW1icy5jb25maWcudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmltcG9ydCB7IGJyZWFkY3J1bWJzVG9rZW5zIH0gZnJvbSAnLi4vLi4vLi4vLi4vY29tcG9uZW50cy9CcmVhZGNydW1icyc7XG5cbmV4cG9ydCBjb25zdCBjb25maWcgPSB7XG4gICAgZGVmYXVsdHM6IHtcbiAgICAgICAgdmlldzogJ2RlZmF1bHQnLFxuICAgICAgICBzaXplOiAnbScsXG4gICAgfSxcbiAgICB2YXJpYXRpb25zOiB7XG4gICAgICAgIHZpZXc6IHtcbiAgICAgICAgICAgIGRlZmF1bHQ6IGNzc2BcbiAgICAgICAgICAgICAgICAke2JyZWFkY3J1bWJzVG9rZW5zLmJyZWFkY3J1bWJzQ29sb3J9OiB2YXIoLS10ZXh0LXByaW1hcnkpO1xuICAgICAgICAgICAgICAgICR7YnJlYWRjcnVtYnNUb2tlbnMuYnJlYWRjcnVtYnNPcGFjaXR5fTogMC40O1xuICAgICAgICAgICAgICAgICR7YnJlYWRjcnVtYnNUb2tlbnMuYnJlYWRjcnVtYnNGb2N1c091dGxpbmVDb2xvcn06IHZhcigtLXN1cmZhY2UtYWNjZW50KTtcbiAgICAgICAgICAgIGAsXG4gICAgICAgIH0sXG4gICAgICAgIHNpemU6IHtcbiAgICAgICAgICAgIGw6IGNzc2BcbiAgICAgICAgICAgICAgICAke2JyZWFkY3J1bWJzVG9rZW5zLmJyZWFkY3J1bWJzR2FwfTogMC41cmVtO1xuXG4gICAgICAgICAgICAgICAgJHticmVhZGNydW1ic1Rva2Vucy5icmVhZGNydW1ic0ZvbnRGYW1pbHl9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LWwtZm9udC1mYW1pbHkpO1xuICAgICAgICAgICAgICAgICR7YnJlYWRjcnVtYnNUb2tlbnMuYnJlYWRjcnVtYnNGb250U2l6ZX06IHZhcigtLXBsYXNtYS10eXBvLWJvZHktbC1mb250LXNpemUpO1xuICAgICAgICAgICAgICAgICR7YnJlYWRjcnVtYnNUb2tlbnMuYnJlYWRjcnVtYnNGb250U3R5bGV9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LWwtZm9udC1zdHlsZSk7XG4gICAgICAgICAgICAgICAgJHticmVhZGNydW1ic1Rva2Vucy5icmVhZGNydW1ic0ZvbnRXZWlnaHR9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LWwtYm9sZC13ZWlnaHQpO1xuICAgICAgICAgICAgICAgICR7YnJlYWRjcnVtYnNUb2tlbnMuYnJlYWRjcnVtYnNMZXR0ZXJTcGFjaW5nfTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS1sLWxldHRlci1zcGFjaW5nKTtcbiAgICAgICAgICAgICAgICAke2JyZWFkY3J1bWJzVG9rZW5zLmJyZWFkY3J1bWJzTGluZUhlaWdodH06IHZhcigtLXBsYXNtYS10eXBvLWJvZHktbC1saW5lLWhlaWdodCk7XG4gICAgICAgICAgICBgLFxuICAgICAgICAgICAgbTogY3NzYFxuICAgICAgICAgICAgICAgICR7YnJlYWRjcnVtYnNUb2tlbnMuYnJlYWRjcnVtYnNHYXB9OiAwLjM3NXJlbTtcblxuICAgICAgICAgICAgICAgICR7YnJlYWRjcnVtYnNUb2tlbnMuYnJlYWRjcnVtYnNGb250RmFtaWx5fTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS1tLWZvbnQtZmFtaWx5KTtcbiAgICAgICAgICAgICAgICAke2JyZWFkY3J1bWJzVG9rZW5zLmJyZWFkY3J1bWJzRm9udFNpemV9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LW0tZm9udC1zaXplKTtcbiAgICAgICAgICAgICAgICAke2JyZWFkY3J1bWJzVG9rZW5zLmJyZWFkY3J1bWJzRm9udFN0eWxlfTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS1tLWZvbnQtc3R5bGUpO1xuICAgICAgICAgICAgICAgICR7YnJlYWRjcnVtYnNUb2tlbnMuYnJlYWRjcnVtYnNGb250V2VpZ2h0fTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS1tLWJvbGQtd2VpZ2h0KTtcbiAgICAgICAgICAgICAgICAke2JyZWFkY3J1bWJzVG9rZW5zLmJyZWFkY3J1bWJzTGV0dGVyU3BhY2luZ306IHZhcigtLXBsYXNtYS10eXBvLWJvZHktbS1sZXR0ZXItc3BhY2luZyk7XG4gICAgICAgICAgICAgICAgJHticmVhZGNydW1ic1Rva2Vucy5icmVhZGNydW1ic0xpbmVIZWlnaHR9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LW0tbGluZS1oZWlnaHQpO1xuICAgICAgICAgICAgYCxcbiAgICAgICAgICAgIHM6IGNzc2BcbiAgICAgICAgICAgICAgICAke2JyZWFkY3J1bWJzVG9rZW5zLmJyZWFkY3J1bWJzR2FwfTogMC4yNXJlbTtcblxuICAgICAgICAgICAgICAgICR7YnJlYWRjcnVtYnNUb2tlbnMuYnJlYWRjcnVtYnNGb250RmFtaWx5fTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS1zLWZvbnQtZmFtaWx5KTtcbiAgICAgICAgICAgICAgICAke2JyZWFkY3J1bWJzVG9rZW5zLmJyZWFkY3J1bWJzRm9udFNpemV9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LXMtZm9udC1zaXplKTtcbiAgICAgICAgICAgICAgICAke2JyZWFkY3J1bWJzVG9rZW5zLmJyZWFkY3J1bWJzRm9udFN0eWxlfTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS1zLWZvbnQtc3R5bGUpO1xuICAgICAgICAgICAgICAgICR7YnJlYWRjcnVtYnNUb2tlbnMuYnJlYWRjcnVtYnNGb250V2VpZ2h0fTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS1zLWJvbGQtd2VpZ2h0KTtcbiAgICAgICAgICAgICAgICAke2JyZWFkY3J1bWJzVG9rZW5zLmJyZWFkY3J1bWJzTGV0dGVyU3BhY2luZ306IHZhcigtLXBsYXNtYS10eXBvLWJvZHktcy1sZXR0ZXItc3BhY2luZyk7XG4gICAgICAgICAgICAgICAgJHticmVhZGNydW1ic1Rva2Vucy5icmVhZGNydW1ic0xpbmVIZWlnaHR9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LXMtbGluZS1oZWlnaHQpO1xuICAgICAgICAgICAgYCxcbiAgICAgICAgICAgIHhzOiBjc3NgXG4gICAgICAgICAgICAgICAgJHticmVhZGNydW1ic1Rva2Vucy5icmVhZGNydW1ic0dhcH06IDByZW07XG5cbiAgICAgICAgICAgICAgICAke2JyZWFkY3J1bWJzVG9rZW5zLmJyZWFkY3J1bWJzRm9udEZhbWlseX06IHZhcigtLXBsYXNtYS10eXBvLWJvZHkteHMtZm9udC1mYW1pbHkpO1xuICAgICAgICAgICAgICAgICR7YnJlYWRjcnVtYnNUb2tlbnMuYnJlYWRjcnVtYnNGb250U2l6ZX06IHZhcigtLXBsYXNtYS10eXBvLWJvZHkteHMtZm9udC1zaXplKTtcbiAgICAgICAgICAgICAgICAke2JyZWFkY3J1bWJzVG9rZW5zLmJyZWFkY3J1bWJzRm9udFN0eWxlfTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS14cy1mb250LXN0eWxlKTtcbiAgICAgICAgICAgICAgICAke2JyZWFkY3J1bWJzVG9rZW5zLmJyZWFkY3J1bWJzRm9udFdlaWdodH06IHZhcigtLXBsYXNtYS10eXBvLWJvZHkteHMtYm9sZC13ZWlnaHQpO1xuICAgICAgICAgICAgICAgICR7YnJlYWRjcnVtYnNUb2tlbnMuYnJlYWRjcnVtYnNMZXR0ZXJTcGFjaW5nfTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS14cy1sZXR0ZXItc3BhY2luZyk7XG4gICAgICAgICAgICAgICAgJHticmVhZGNydW1ic1Rva2Vucy5icmVhZGNydW1ic0xpbmVIZWlnaHR9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LXhzLWxpbmUtaGVpZ2h0KTtcbiAgICAgICAgICAgIGAsXG4gICAgICAgIH0sXG4gICAgfSxcbn07XG4iXX0= */"))
17
+ },
18
+ size: {
19
+ l: /*#__PURE__*/(0, _react.css)(_Breadcrumbs.breadcrumbsTokens.breadcrumbsGap, ":0.5rem;", _Breadcrumbs.breadcrumbsTokens.breadcrumbsFontFamily, ":var(--plasma-typo-body-l-font-family);", _Breadcrumbs.breadcrumbsTokens.breadcrumbsFontSize, ":var(--plasma-typo-body-l-font-size);", _Breadcrumbs.breadcrumbsTokens.breadcrumbsFontStyle, ":var(--plasma-typo-body-l-font-style);", _Breadcrumbs.breadcrumbsTokens.breadcrumbsFontWeight, ":var(--plasma-typo-body-l-bold-weight);", _Breadcrumbs.breadcrumbsTokens.breadcrumbsLetterSpacing, ":var(--plasma-typo-body-l-letter-spacing);", _Breadcrumbs.breadcrumbsTokens.breadcrumbsLineHeight, ":var(--plasma-typo-body-l-line-height);;label:plasma-new-hope__l;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2V4YW1wbGVzL3BsYXNtYV93ZWIvY29tcG9uZW50cy9CcmVhZGNydW1icy9CcmVhZGNydW1icy5jb25maWcudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBa0JrQiIsImZpbGUiOiIuLi8uLi8uLi8uLi8uLi8uLi9zcmMtZW1vdGlvbi9leGFtcGxlcy9wbGFzbWFfd2ViL2NvbXBvbmVudHMvQnJlYWRjcnVtYnMvQnJlYWRjcnVtYnMuY29uZmlnLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG5pbXBvcnQgeyBicmVhZGNydW1ic1Rva2VucyB9IGZyb20gJy4uLy4uLy4uLy4uL2NvbXBvbmVudHMvQnJlYWRjcnVtYnMnO1xuXG5leHBvcnQgY29uc3QgY29uZmlnID0ge1xuICAgIGRlZmF1bHRzOiB7XG4gICAgICAgIHZpZXc6ICdkZWZhdWx0JyxcbiAgICAgICAgc2l6ZTogJ20nLFxuICAgIH0sXG4gICAgdmFyaWF0aW9uczoge1xuICAgICAgICB2aWV3OiB7XG4gICAgICAgICAgICBkZWZhdWx0OiBjc3NgXG4gICAgICAgICAgICAgICAgJHticmVhZGNydW1ic1Rva2Vucy5icmVhZGNydW1ic0NvbG9yfTogdmFyKC0tdGV4dC1wcmltYXJ5KTtcbiAgICAgICAgICAgICAgICAke2JyZWFkY3J1bWJzVG9rZW5zLmJyZWFkY3J1bWJzT3BhY2l0eX06IDAuNDtcbiAgICAgICAgICAgICAgICAke2JyZWFkY3J1bWJzVG9rZW5zLmJyZWFkY3J1bWJzRm9jdXNPdXRsaW5lQ29sb3J9OiB2YXIoLS1zdXJmYWNlLWFjY2VudCk7XG4gICAgICAgICAgICBgLFxuICAgICAgICB9LFxuICAgICAgICBzaXplOiB7XG4gICAgICAgICAgICBsOiBjc3NgXG4gICAgICAgICAgICAgICAgJHticmVhZGNydW1ic1Rva2Vucy5icmVhZGNydW1ic0dhcH06IDAuNXJlbTtcblxuICAgICAgICAgICAgICAgICR7YnJlYWRjcnVtYnNUb2tlbnMuYnJlYWRjcnVtYnNGb250RmFtaWx5fTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS1sLWZvbnQtZmFtaWx5KTtcbiAgICAgICAgICAgICAgICAke2JyZWFkY3J1bWJzVG9rZW5zLmJyZWFkY3J1bWJzRm9udFNpemV9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LWwtZm9udC1zaXplKTtcbiAgICAgICAgICAgICAgICAke2JyZWFkY3J1bWJzVG9rZW5zLmJyZWFkY3J1bWJzRm9udFN0eWxlfTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS1sLWZvbnQtc3R5bGUpO1xuICAgICAgICAgICAgICAgICR7YnJlYWRjcnVtYnNUb2tlbnMuYnJlYWRjcnVtYnNGb250V2VpZ2h0fTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS1sLWJvbGQtd2VpZ2h0KTtcbiAgICAgICAgICAgICAgICAke2JyZWFkY3J1bWJzVG9rZW5zLmJyZWFkY3J1bWJzTGV0dGVyU3BhY2luZ306IHZhcigtLXBsYXNtYS10eXBvLWJvZHktbC1sZXR0ZXItc3BhY2luZyk7XG4gICAgICAgICAgICAgICAgJHticmVhZGNydW1ic1Rva2Vucy5icmVhZGNydW1ic0xpbmVIZWlnaHR9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LWwtbGluZS1oZWlnaHQpO1xuICAgICAgICAgICAgYCxcbiAgICAgICAgICAgIG06IGNzc2BcbiAgICAgICAgICAgICAgICAke2JyZWFkY3J1bWJzVG9rZW5zLmJyZWFkY3J1bWJzR2FwfTogMC4zNzVyZW07XG5cbiAgICAgICAgICAgICAgICAke2JyZWFkY3J1bWJzVG9rZW5zLmJyZWFkY3J1bWJzRm9udEZhbWlseX06IHZhcigtLXBsYXNtYS10eXBvLWJvZHktbS1mb250LWZhbWlseSk7XG4gICAgICAgICAgICAgICAgJHticmVhZGNydW1ic1Rva2Vucy5icmVhZGNydW1ic0ZvbnRTaXplfTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS1tLWZvbnQtc2l6ZSk7XG4gICAgICAgICAgICAgICAgJHticmVhZGNydW1ic1Rva2Vucy5icmVhZGNydW1ic0ZvbnRTdHlsZX06IHZhcigtLXBsYXNtYS10eXBvLWJvZHktbS1mb250LXN0eWxlKTtcbiAgICAgICAgICAgICAgICAke2JyZWFkY3J1bWJzVG9rZW5zLmJyZWFkY3J1bWJzRm9udFdlaWdodH06IHZhcigtLXBsYXNtYS10eXBvLWJvZHktbS1ib2xkLXdlaWdodCk7XG4gICAgICAgICAgICAgICAgJHticmVhZGNydW1ic1Rva2Vucy5icmVhZGNydW1ic0xldHRlclNwYWNpbmd9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LW0tbGV0dGVyLXNwYWNpbmcpO1xuICAgICAgICAgICAgICAgICR7YnJlYWRjcnVtYnNUb2tlbnMuYnJlYWRjcnVtYnNMaW5lSGVpZ2h0fTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS1tLWxpbmUtaGVpZ2h0KTtcbiAgICAgICAgICAgIGAsXG4gICAgICAgICAgICBzOiBjc3NgXG4gICAgICAgICAgICAgICAgJHticmVhZGNydW1ic1Rva2Vucy5icmVhZGNydW1ic0dhcH06IDAuMjVyZW07XG5cbiAgICAgICAgICAgICAgICAke2JyZWFkY3J1bWJzVG9rZW5zLmJyZWFkY3J1bWJzRm9udEZhbWlseX06IHZhcigtLXBsYXNtYS10eXBvLWJvZHktcy1mb250LWZhbWlseSk7XG4gICAgICAgICAgICAgICAgJHticmVhZGNydW1ic1Rva2Vucy5icmVhZGNydW1ic0ZvbnRTaXplfTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS1zLWZvbnQtc2l6ZSk7XG4gICAgICAgICAgICAgICAgJHticmVhZGNydW1ic1Rva2Vucy5icmVhZGNydW1ic0ZvbnRTdHlsZX06IHZhcigtLXBsYXNtYS10eXBvLWJvZHktcy1mb250LXN0eWxlKTtcbiAgICAgICAgICAgICAgICAke2JyZWFkY3J1bWJzVG9rZW5zLmJyZWFkY3J1bWJzRm9udFdlaWdodH06IHZhcigtLXBsYXNtYS10eXBvLWJvZHktcy1ib2xkLXdlaWdodCk7XG4gICAgICAgICAgICAgICAgJHticmVhZGNydW1ic1Rva2Vucy5icmVhZGNydW1ic0xldHRlclNwYWNpbmd9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LXMtbGV0dGVyLXNwYWNpbmcpO1xuICAgICAgICAgICAgICAgICR7YnJlYWRjcnVtYnNUb2tlbnMuYnJlYWRjcnVtYnNMaW5lSGVpZ2h0fTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS1zLWxpbmUtaGVpZ2h0KTtcbiAgICAgICAgICAgIGAsXG4gICAgICAgICAgICB4czogY3NzYFxuICAgICAgICAgICAgICAgICR7YnJlYWRjcnVtYnNUb2tlbnMuYnJlYWRjcnVtYnNHYXB9OiAwcmVtO1xuXG4gICAgICAgICAgICAgICAgJHticmVhZGNydW1ic1Rva2Vucy5icmVhZGNydW1ic0ZvbnRGYW1pbHl9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LXhzLWZvbnQtZmFtaWx5KTtcbiAgICAgICAgICAgICAgICAke2JyZWFkY3J1bWJzVG9rZW5zLmJyZWFkY3J1bWJzRm9udFNpemV9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LXhzLWZvbnQtc2l6ZSk7XG4gICAgICAgICAgICAgICAgJHticmVhZGNydW1ic1Rva2Vucy5icmVhZGNydW1ic0ZvbnRTdHlsZX06IHZhcigtLXBsYXNtYS10eXBvLWJvZHkteHMtZm9udC1zdHlsZSk7XG4gICAgICAgICAgICAgICAgJHticmVhZGNydW1ic1Rva2Vucy5icmVhZGNydW1ic0ZvbnRXZWlnaHR9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LXhzLWJvbGQtd2VpZ2h0KTtcbiAgICAgICAgICAgICAgICAke2JyZWFkY3J1bWJzVG9rZW5zLmJyZWFkY3J1bWJzTGV0dGVyU3BhY2luZ306IHZhcigtLXBsYXNtYS10eXBvLWJvZHkteHMtbGV0dGVyLXNwYWNpbmcpO1xuICAgICAgICAgICAgICAgICR7YnJlYWRjcnVtYnNUb2tlbnMuYnJlYWRjcnVtYnNMaW5lSGVpZ2h0fTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS14cy1saW5lLWhlaWdodCk7XG4gICAgICAgICAgICBgLFxuICAgICAgICB9LFxuICAgIH0sXG59O1xuIl19 */")),
20
+ m: /*#__PURE__*/(0, _react.css)(_Breadcrumbs.breadcrumbsTokens.breadcrumbsGap, ":0.375rem;", _Breadcrumbs.breadcrumbsTokens.breadcrumbsFontFamily, ":var(--plasma-typo-body-m-font-family);", _Breadcrumbs.breadcrumbsTokens.breadcrumbsFontSize, ":var(--plasma-typo-body-m-font-size);", _Breadcrumbs.breadcrumbsTokens.breadcrumbsFontStyle, ":var(--plasma-typo-body-m-font-style);", _Breadcrumbs.breadcrumbsTokens.breadcrumbsFontWeight, ":var(--plasma-typo-body-m-bold-weight);", _Breadcrumbs.breadcrumbsTokens.breadcrumbsLetterSpacing, ":var(--plasma-typo-body-m-letter-spacing);", _Breadcrumbs.breadcrumbsTokens.breadcrumbsLineHeight, ":var(--plasma-typo-body-m-line-height);;label:plasma-new-hope__m;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2V4YW1wbGVzL3BsYXNtYV93ZWIvY29tcG9uZW50cy9CcmVhZGNydW1icy9CcmVhZGNydW1icy5jb25maWcudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBNEJrQiIsImZpbGUiOiIuLi8uLi8uLi8uLi8uLi8uLi9zcmMtZW1vdGlvbi9leGFtcGxlcy9wbGFzbWFfd2ViL2NvbXBvbmVudHMvQnJlYWRjcnVtYnMvQnJlYWRjcnVtYnMuY29uZmlnLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG5pbXBvcnQgeyBicmVhZGNydW1ic1Rva2VucyB9IGZyb20gJy4uLy4uLy4uLy4uL2NvbXBvbmVudHMvQnJlYWRjcnVtYnMnO1xuXG5leHBvcnQgY29uc3QgY29uZmlnID0ge1xuICAgIGRlZmF1bHRzOiB7XG4gICAgICAgIHZpZXc6ICdkZWZhdWx0JyxcbiAgICAgICAgc2l6ZTogJ20nLFxuICAgIH0sXG4gICAgdmFyaWF0aW9uczoge1xuICAgICAgICB2aWV3OiB7XG4gICAgICAgICAgICBkZWZhdWx0OiBjc3NgXG4gICAgICAgICAgICAgICAgJHticmVhZGNydW1ic1Rva2Vucy5icmVhZGNydW1ic0NvbG9yfTogdmFyKC0tdGV4dC1wcmltYXJ5KTtcbiAgICAgICAgICAgICAgICAke2JyZWFkY3J1bWJzVG9rZW5zLmJyZWFkY3J1bWJzT3BhY2l0eX06IDAuNDtcbiAgICAgICAgICAgICAgICAke2JyZWFkY3J1bWJzVG9rZW5zLmJyZWFkY3J1bWJzRm9jdXNPdXRsaW5lQ29sb3J9OiB2YXIoLS1zdXJmYWNlLWFjY2VudCk7XG4gICAgICAgICAgICBgLFxuICAgICAgICB9LFxuICAgICAgICBzaXplOiB7XG4gICAgICAgICAgICBsOiBjc3NgXG4gICAgICAgICAgICAgICAgJHticmVhZGNydW1ic1Rva2Vucy5icmVhZGNydW1ic0dhcH06IDAuNXJlbTtcblxuICAgICAgICAgICAgICAgICR7YnJlYWRjcnVtYnNUb2tlbnMuYnJlYWRjcnVtYnNGb250RmFtaWx5fTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS1sLWZvbnQtZmFtaWx5KTtcbiAgICAgICAgICAgICAgICAke2JyZWFkY3J1bWJzVG9rZW5zLmJyZWFkY3J1bWJzRm9udFNpemV9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LWwtZm9udC1zaXplKTtcbiAgICAgICAgICAgICAgICAke2JyZWFkY3J1bWJzVG9rZW5zLmJyZWFkY3J1bWJzRm9udFN0eWxlfTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS1sLWZvbnQtc3R5bGUpO1xuICAgICAgICAgICAgICAgICR7YnJlYWRjcnVtYnNUb2tlbnMuYnJlYWRjcnVtYnNGb250V2VpZ2h0fTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS1sLWJvbGQtd2VpZ2h0KTtcbiAgICAgICAgICAgICAgICAke2JyZWFkY3J1bWJzVG9rZW5zLmJyZWFkY3J1bWJzTGV0dGVyU3BhY2luZ306IHZhcigtLXBsYXNtYS10eXBvLWJvZHktbC1sZXR0ZXItc3BhY2luZyk7XG4gICAgICAgICAgICAgICAgJHticmVhZGNydW1ic1Rva2Vucy5icmVhZGNydW1ic0xpbmVIZWlnaHR9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LWwtbGluZS1oZWlnaHQpO1xuICAgICAgICAgICAgYCxcbiAgICAgICAgICAgIG06IGNzc2BcbiAgICAgICAgICAgICAgICAke2JyZWFkY3J1bWJzVG9rZW5zLmJyZWFkY3J1bWJzR2FwfTogMC4zNzVyZW07XG5cbiAgICAgICAgICAgICAgICAke2JyZWFkY3J1bWJzVG9rZW5zLmJyZWFkY3J1bWJzRm9udEZhbWlseX06IHZhcigtLXBsYXNtYS10eXBvLWJvZHktbS1mb250LWZhbWlseSk7XG4gICAgICAgICAgICAgICAgJHticmVhZGNydW1ic1Rva2Vucy5icmVhZGNydW1ic0ZvbnRTaXplfTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS1tLWZvbnQtc2l6ZSk7XG4gICAgICAgICAgICAgICAgJHticmVhZGNydW1ic1Rva2Vucy5icmVhZGNydW1ic0ZvbnRTdHlsZX06IHZhcigtLXBsYXNtYS10eXBvLWJvZHktbS1mb250LXN0eWxlKTtcbiAgICAgICAgICAgICAgICAke2JyZWFkY3J1bWJzVG9rZW5zLmJyZWFkY3J1bWJzRm9udFdlaWdodH06IHZhcigtLXBsYXNtYS10eXBvLWJvZHktbS1ib2xkLXdlaWdodCk7XG4gICAgICAgICAgICAgICAgJHticmVhZGNydW1ic1Rva2Vucy5icmVhZGNydW1ic0xldHRlclNwYWNpbmd9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LW0tbGV0dGVyLXNwYWNpbmcpO1xuICAgICAgICAgICAgICAgICR7YnJlYWRjcnVtYnNUb2tlbnMuYnJlYWRjcnVtYnNMaW5lSGVpZ2h0fTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS1tLWxpbmUtaGVpZ2h0KTtcbiAgICAgICAgICAgIGAsXG4gICAgICAgICAgICBzOiBjc3NgXG4gICAgICAgICAgICAgICAgJHticmVhZGNydW1ic1Rva2Vucy5icmVhZGNydW1ic0dhcH06IDAuMjVyZW07XG5cbiAgICAgICAgICAgICAgICAke2JyZWFkY3J1bWJzVG9rZW5zLmJyZWFkY3J1bWJzRm9udEZhbWlseX06IHZhcigtLXBsYXNtYS10eXBvLWJvZHktcy1mb250LWZhbWlseSk7XG4gICAgICAgICAgICAgICAgJHticmVhZGNydW1ic1Rva2Vucy5icmVhZGNydW1ic0ZvbnRTaXplfTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS1zLWZvbnQtc2l6ZSk7XG4gICAgICAgICAgICAgICAgJHticmVhZGNydW1ic1Rva2Vucy5icmVhZGNydW1ic0ZvbnRTdHlsZX06IHZhcigtLXBsYXNtYS10eXBvLWJvZHktcy1mb250LXN0eWxlKTtcbiAgICAgICAgICAgICAgICAke2JyZWFkY3J1bWJzVG9rZW5zLmJyZWFkY3J1bWJzRm9udFdlaWdodH06IHZhcigtLXBsYXNtYS10eXBvLWJvZHktcy1ib2xkLXdlaWdodCk7XG4gICAgICAgICAgICAgICAgJHticmVhZGNydW1ic1Rva2Vucy5icmVhZGNydW1ic0xldHRlclNwYWNpbmd9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LXMtbGV0dGVyLXNwYWNpbmcpO1xuICAgICAgICAgICAgICAgICR7YnJlYWRjcnVtYnNUb2tlbnMuYnJlYWRjcnVtYnNMaW5lSGVpZ2h0fTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS1zLWxpbmUtaGVpZ2h0KTtcbiAgICAgICAgICAgIGAsXG4gICAgICAgICAgICB4czogY3NzYFxuICAgICAgICAgICAgICAgICR7YnJlYWRjcnVtYnNUb2tlbnMuYnJlYWRjcnVtYnNHYXB9OiAwcmVtO1xuXG4gICAgICAgICAgICAgICAgJHticmVhZGNydW1ic1Rva2Vucy5icmVhZGNydW1ic0ZvbnRGYW1pbHl9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LXhzLWZvbnQtZmFtaWx5KTtcbiAgICAgICAgICAgICAgICAke2JyZWFkY3J1bWJzVG9rZW5zLmJyZWFkY3J1bWJzRm9udFNpemV9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LXhzLWZvbnQtc2l6ZSk7XG4gICAgICAgICAgICAgICAgJHticmVhZGNydW1ic1Rva2Vucy5icmVhZGNydW1ic0ZvbnRTdHlsZX06IHZhcigtLXBsYXNtYS10eXBvLWJvZHkteHMtZm9udC1zdHlsZSk7XG4gICAgICAgICAgICAgICAgJHticmVhZGNydW1ic1Rva2Vucy5icmVhZGNydW1ic0ZvbnRXZWlnaHR9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LXhzLWJvbGQtd2VpZ2h0KTtcbiAgICAgICAgICAgICAgICAke2JyZWFkY3J1bWJzVG9rZW5zLmJyZWFkY3J1bWJzTGV0dGVyU3BhY2luZ306IHZhcigtLXBsYXNtYS10eXBvLWJvZHkteHMtbGV0dGVyLXNwYWNpbmcpO1xuICAgICAgICAgICAgICAgICR7YnJlYWRjcnVtYnNUb2tlbnMuYnJlYWRjcnVtYnNMaW5lSGVpZ2h0fTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS14cy1saW5lLWhlaWdodCk7XG4gICAgICAgICAgICBgLFxuICAgICAgICB9LFxuICAgIH0sXG59O1xuIl19 */")),
21
+ s: /*#__PURE__*/(0, _react.css)(_Breadcrumbs.breadcrumbsTokens.breadcrumbsGap, ":0.25rem;", _Breadcrumbs.breadcrumbsTokens.breadcrumbsFontFamily, ":var(--plasma-typo-body-s-font-family);", _Breadcrumbs.breadcrumbsTokens.breadcrumbsFontSize, ":var(--plasma-typo-body-s-font-size);", _Breadcrumbs.breadcrumbsTokens.breadcrumbsFontStyle, ":var(--plasma-typo-body-s-font-style);", _Breadcrumbs.breadcrumbsTokens.breadcrumbsFontWeight, ":var(--plasma-typo-body-s-bold-weight);", _Breadcrumbs.breadcrumbsTokens.breadcrumbsLetterSpacing, ":var(--plasma-typo-body-s-letter-spacing);", _Breadcrumbs.breadcrumbsTokens.breadcrumbsLineHeight, ":var(--plasma-typo-body-s-line-height);;label:plasma-new-hope__s;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2V4YW1wbGVzL3BsYXNtYV93ZWIvY29tcG9uZW50cy9CcmVhZGNydW1icy9CcmVhZGNydW1icy5jb25maWcudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBc0NrQiIsImZpbGUiOiIuLi8uLi8uLi8uLi8uLi8uLi9zcmMtZW1vdGlvbi9leGFtcGxlcy9wbGFzbWFfd2ViL2NvbXBvbmVudHMvQnJlYWRjcnVtYnMvQnJlYWRjcnVtYnMuY29uZmlnLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG5pbXBvcnQgeyBicmVhZGNydW1ic1Rva2VucyB9IGZyb20gJy4uLy4uLy4uLy4uL2NvbXBvbmVudHMvQnJlYWRjcnVtYnMnO1xuXG5leHBvcnQgY29uc3QgY29uZmlnID0ge1xuICAgIGRlZmF1bHRzOiB7XG4gICAgICAgIHZpZXc6ICdkZWZhdWx0JyxcbiAgICAgICAgc2l6ZTogJ20nLFxuICAgIH0sXG4gICAgdmFyaWF0aW9uczoge1xuICAgICAgICB2aWV3OiB7XG4gICAgICAgICAgICBkZWZhdWx0OiBjc3NgXG4gICAgICAgICAgICAgICAgJHticmVhZGNydW1ic1Rva2Vucy5icmVhZGNydW1ic0NvbG9yfTogdmFyKC0tdGV4dC1wcmltYXJ5KTtcbiAgICAgICAgICAgICAgICAke2JyZWFkY3J1bWJzVG9rZW5zLmJyZWFkY3J1bWJzT3BhY2l0eX06IDAuNDtcbiAgICAgICAgICAgICAgICAke2JyZWFkY3J1bWJzVG9rZW5zLmJyZWFkY3J1bWJzRm9jdXNPdXRsaW5lQ29sb3J9OiB2YXIoLS1zdXJmYWNlLWFjY2VudCk7XG4gICAgICAgICAgICBgLFxuICAgICAgICB9LFxuICAgICAgICBzaXplOiB7XG4gICAgICAgICAgICBsOiBjc3NgXG4gICAgICAgICAgICAgICAgJHticmVhZGNydW1ic1Rva2Vucy5icmVhZGNydW1ic0dhcH06IDAuNXJlbTtcblxuICAgICAgICAgICAgICAgICR7YnJlYWRjcnVtYnNUb2tlbnMuYnJlYWRjcnVtYnNGb250RmFtaWx5fTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS1sLWZvbnQtZmFtaWx5KTtcbiAgICAgICAgICAgICAgICAke2JyZWFkY3J1bWJzVG9rZW5zLmJyZWFkY3J1bWJzRm9udFNpemV9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LWwtZm9udC1zaXplKTtcbiAgICAgICAgICAgICAgICAke2JyZWFkY3J1bWJzVG9rZW5zLmJyZWFkY3J1bWJzRm9udFN0eWxlfTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS1sLWZvbnQtc3R5bGUpO1xuICAgICAgICAgICAgICAgICR7YnJlYWRjcnVtYnNUb2tlbnMuYnJlYWRjcnVtYnNGb250V2VpZ2h0fTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS1sLWJvbGQtd2VpZ2h0KTtcbiAgICAgICAgICAgICAgICAke2JyZWFkY3J1bWJzVG9rZW5zLmJyZWFkY3J1bWJzTGV0dGVyU3BhY2luZ306IHZhcigtLXBsYXNtYS10eXBvLWJvZHktbC1sZXR0ZXItc3BhY2luZyk7XG4gICAgICAgICAgICAgICAgJHticmVhZGNydW1ic1Rva2Vucy5icmVhZGNydW1ic0xpbmVIZWlnaHR9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LWwtbGluZS1oZWlnaHQpO1xuICAgICAgICAgICAgYCxcbiAgICAgICAgICAgIG06IGNzc2BcbiAgICAgICAgICAgICAgICAke2JyZWFkY3J1bWJzVG9rZW5zLmJyZWFkY3J1bWJzR2FwfTogMC4zNzVyZW07XG5cbiAgICAgICAgICAgICAgICAke2JyZWFkY3J1bWJzVG9rZW5zLmJyZWFkY3J1bWJzRm9udEZhbWlseX06IHZhcigtLXBsYXNtYS10eXBvLWJvZHktbS1mb250LWZhbWlseSk7XG4gICAgICAgICAgICAgICAgJHticmVhZGNydW1ic1Rva2Vucy5icmVhZGNydW1ic0ZvbnRTaXplfTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS1tLWZvbnQtc2l6ZSk7XG4gICAgICAgICAgICAgICAgJHticmVhZGNydW1ic1Rva2Vucy5icmVhZGNydW1ic0ZvbnRTdHlsZX06IHZhcigtLXBsYXNtYS10eXBvLWJvZHktbS1mb250LXN0eWxlKTtcbiAgICAgICAgICAgICAgICAke2JyZWFkY3J1bWJzVG9rZW5zLmJyZWFkY3J1bWJzRm9udFdlaWdodH06IHZhcigtLXBsYXNtYS10eXBvLWJvZHktbS1ib2xkLXdlaWdodCk7XG4gICAgICAgICAgICAgICAgJHticmVhZGNydW1ic1Rva2Vucy5icmVhZGNydW1ic0xldHRlclNwYWNpbmd9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LW0tbGV0dGVyLXNwYWNpbmcpO1xuICAgICAgICAgICAgICAgICR7YnJlYWRjcnVtYnNUb2tlbnMuYnJlYWRjcnVtYnNMaW5lSGVpZ2h0fTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS1tLWxpbmUtaGVpZ2h0KTtcbiAgICAgICAgICAgIGAsXG4gICAgICAgICAgICBzOiBjc3NgXG4gICAgICAgICAgICAgICAgJHticmVhZGNydW1ic1Rva2Vucy5icmVhZGNydW1ic0dhcH06IDAuMjVyZW07XG5cbiAgICAgICAgICAgICAgICAke2JyZWFkY3J1bWJzVG9rZW5zLmJyZWFkY3J1bWJzRm9udEZhbWlseX06IHZhcigtLXBsYXNtYS10eXBvLWJvZHktcy1mb250LWZhbWlseSk7XG4gICAgICAgICAgICAgICAgJHticmVhZGNydW1ic1Rva2Vucy5icmVhZGNydW1ic0ZvbnRTaXplfTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS1zLWZvbnQtc2l6ZSk7XG4gICAgICAgICAgICAgICAgJHticmVhZGNydW1ic1Rva2Vucy5icmVhZGNydW1ic0ZvbnRTdHlsZX06IHZhcigtLXBsYXNtYS10eXBvLWJvZHktcy1mb250LXN0eWxlKTtcbiAgICAgICAgICAgICAgICAke2JyZWFkY3J1bWJzVG9rZW5zLmJyZWFkY3J1bWJzRm9udFdlaWdodH06IHZhcigtLXBsYXNtYS10eXBvLWJvZHktcy1ib2xkLXdlaWdodCk7XG4gICAgICAgICAgICAgICAgJHticmVhZGNydW1ic1Rva2Vucy5icmVhZGNydW1ic0xldHRlclNwYWNpbmd9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LXMtbGV0dGVyLXNwYWNpbmcpO1xuICAgICAgICAgICAgICAgICR7YnJlYWRjcnVtYnNUb2tlbnMuYnJlYWRjcnVtYnNMaW5lSGVpZ2h0fTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS1zLWxpbmUtaGVpZ2h0KTtcbiAgICAgICAgICAgIGAsXG4gICAgICAgICAgICB4czogY3NzYFxuICAgICAgICAgICAgICAgICR7YnJlYWRjcnVtYnNUb2tlbnMuYnJlYWRjcnVtYnNHYXB9OiAwcmVtO1xuXG4gICAgICAgICAgICAgICAgJHticmVhZGNydW1ic1Rva2Vucy5icmVhZGNydW1ic0ZvbnRGYW1pbHl9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LXhzLWZvbnQtZmFtaWx5KTtcbiAgICAgICAgICAgICAgICAke2JyZWFkY3J1bWJzVG9rZW5zLmJyZWFkY3J1bWJzRm9udFNpemV9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LXhzLWZvbnQtc2l6ZSk7XG4gICAgICAgICAgICAgICAgJHticmVhZGNydW1ic1Rva2Vucy5icmVhZGNydW1ic0ZvbnRTdHlsZX06IHZhcigtLXBsYXNtYS10eXBvLWJvZHkteHMtZm9udC1zdHlsZSk7XG4gICAgICAgICAgICAgICAgJHticmVhZGNydW1ic1Rva2Vucy5icmVhZGNydW1ic0ZvbnRXZWlnaHR9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LXhzLWJvbGQtd2VpZ2h0KTtcbiAgICAgICAgICAgICAgICAke2JyZWFkY3J1bWJzVG9rZW5zLmJyZWFkY3J1bWJzTGV0dGVyU3BhY2luZ306IHZhcigtLXBsYXNtYS10eXBvLWJvZHkteHMtbGV0dGVyLXNwYWNpbmcpO1xuICAgICAgICAgICAgICAgICR7YnJlYWRjcnVtYnNUb2tlbnMuYnJlYWRjcnVtYnNMaW5lSGVpZ2h0fTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS14cy1saW5lLWhlaWdodCk7XG4gICAgICAgICAgICBgLFxuICAgICAgICB9LFxuICAgIH0sXG59O1xuIl19 */")),
22
+ xs: /*#__PURE__*/(0, _react.css)(_Breadcrumbs.breadcrumbsTokens.breadcrumbsGap, ":0rem;", _Breadcrumbs.breadcrumbsTokens.breadcrumbsFontFamily, ":var(--plasma-typo-body-xs-font-family);", _Breadcrumbs.breadcrumbsTokens.breadcrumbsFontSize, ":var(--plasma-typo-body-xs-font-size);", _Breadcrumbs.breadcrumbsTokens.breadcrumbsFontStyle, ":var(--plasma-typo-body-xs-font-style);", _Breadcrumbs.breadcrumbsTokens.breadcrumbsFontWeight, ":var(--plasma-typo-body-xs-bold-weight);", _Breadcrumbs.breadcrumbsTokens.breadcrumbsLetterSpacing, ":var(--plasma-typo-body-xs-letter-spacing);", _Breadcrumbs.breadcrumbsTokens.breadcrumbsLineHeight, ":var(--plasma-typo-body-xs-line-height);;label:plasma-new-hope__xs;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2V4YW1wbGVzL3BsYXNtYV93ZWIvY29tcG9uZW50cy9CcmVhZGNydW1icy9CcmVhZGNydW1icy5jb25maWcudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZ0RtQiIsImZpbGUiOiIuLi8uLi8uLi8uLi8uLi8uLi9zcmMtZW1vdGlvbi9leGFtcGxlcy9wbGFzbWFfd2ViL2NvbXBvbmVudHMvQnJlYWRjcnVtYnMvQnJlYWRjcnVtYnMuY29uZmlnLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG5pbXBvcnQgeyBicmVhZGNydW1ic1Rva2VucyB9IGZyb20gJy4uLy4uLy4uLy4uL2NvbXBvbmVudHMvQnJlYWRjcnVtYnMnO1xuXG5leHBvcnQgY29uc3QgY29uZmlnID0ge1xuICAgIGRlZmF1bHRzOiB7XG4gICAgICAgIHZpZXc6ICdkZWZhdWx0JyxcbiAgICAgICAgc2l6ZTogJ20nLFxuICAgIH0sXG4gICAgdmFyaWF0aW9uczoge1xuICAgICAgICB2aWV3OiB7XG4gICAgICAgICAgICBkZWZhdWx0OiBjc3NgXG4gICAgICAgICAgICAgICAgJHticmVhZGNydW1ic1Rva2Vucy5icmVhZGNydW1ic0NvbG9yfTogdmFyKC0tdGV4dC1wcmltYXJ5KTtcbiAgICAgICAgICAgICAgICAke2JyZWFkY3J1bWJzVG9rZW5zLmJyZWFkY3J1bWJzT3BhY2l0eX06IDAuNDtcbiAgICAgICAgICAgICAgICAke2JyZWFkY3J1bWJzVG9rZW5zLmJyZWFkY3J1bWJzRm9jdXNPdXRsaW5lQ29sb3J9OiB2YXIoLS1zdXJmYWNlLWFjY2VudCk7XG4gICAgICAgICAgICBgLFxuICAgICAgICB9LFxuICAgICAgICBzaXplOiB7XG4gICAgICAgICAgICBsOiBjc3NgXG4gICAgICAgICAgICAgICAgJHticmVhZGNydW1ic1Rva2Vucy5icmVhZGNydW1ic0dhcH06IDAuNXJlbTtcblxuICAgICAgICAgICAgICAgICR7YnJlYWRjcnVtYnNUb2tlbnMuYnJlYWRjcnVtYnNGb250RmFtaWx5fTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS1sLWZvbnQtZmFtaWx5KTtcbiAgICAgICAgICAgICAgICAke2JyZWFkY3J1bWJzVG9rZW5zLmJyZWFkY3J1bWJzRm9udFNpemV9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LWwtZm9udC1zaXplKTtcbiAgICAgICAgICAgICAgICAke2JyZWFkY3J1bWJzVG9rZW5zLmJyZWFkY3J1bWJzRm9udFN0eWxlfTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS1sLWZvbnQtc3R5bGUpO1xuICAgICAgICAgICAgICAgICR7YnJlYWRjcnVtYnNUb2tlbnMuYnJlYWRjcnVtYnNGb250V2VpZ2h0fTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS1sLWJvbGQtd2VpZ2h0KTtcbiAgICAgICAgICAgICAgICAke2JyZWFkY3J1bWJzVG9rZW5zLmJyZWFkY3J1bWJzTGV0dGVyU3BhY2luZ306IHZhcigtLXBsYXNtYS10eXBvLWJvZHktbC1sZXR0ZXItc3BhY2luZyk7XG4gICAgICAgICAgICAgICAgJHticmVhZGNydW1ic1Rva2Vucy5icmVhZGNydW1ic0xpbmVIZWlnaHR9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LWwtbGluZS1oZWlnaHQpO1xuICAgICAgICAgICAgYCxcbiAgICAgICAgICAgIG06IGNzc2BcbiAgICAgICAgICAgICAgICAke2JyZWFkY3J1bWJzVG9rZW5zLmJyZWFkY3J1bWJzR2FwfTogMC4zNzVyZW07XG5cbiAgICAgICAgICAgICAgICAke2JyZWFkY3J1bWJzVG9rZW5zLmJyZWFkY3J1bWJzRm9udEZhbWlseX06IHZhcigtLXBsYXNtYS10eXBvLWJvZHktbS1mb250LWZhbWlseSk7XG4gICAgICAgICAgICAgICAgJHticmVhZGNydW1ic1Rva2Vucy5icmVhZGNydW1ic0ZvbnRTaXplfTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS1tLWZvbnQtc2l6ZSk7XG4gICAgICAgICAgICAgICAgJHticmVhZGNydW1ic1Rva2Vucy5icmVhZGNydW1ic0ZvbnRTdHlsZX06IHZhcigtLXBsYXNtYS10eXBvLWJvZHktbS1mb250LXN0eWxlKTtcbiAgICAgICAgICAgICAgICAke2JyZWFkY3J1bWJzVG9rZW5zLmJyZWFkY3J1bWJzRm9udFdlaWdodH06IHZhcigtLXBsYXNtYS10eXBvLWJvZHktbS1ib2xkLXdlaWdodCk7XG4gICAgICAgICAgICAgICAgJHticmVhZGNydW1ic1Rva2Vucy5icmVhZGNydW1ic0xldHRlclNwYWNpbmd9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LW0tbGV0dGVyLXNwYWNpbmcpO1xuICAgICAgICAgICAgICAgICR7YnJlYWRjcnVtYnNUb2tlbnMuYnJlYWRjcnVtYnNMaW5lSGVpZ2h0fTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS1tLWxpbmUtaGVpZ2h0KTtcbiAgICAgICAgICAgIGAsXG4gICAgICAgICAgICBzOiBjc3NgXG4gICAgICAgICAgICAgICAgJHticmVhZGNydW1ic1Rva2Vucy5icmVhZGNydW1ic0dhcH06IDAuMjVyZW07XG5cbiAgICAgICAgICAgICAgICAke2JyZWFkY3J1bWJzVG9rZW5zLmJyZWFkY3J1bWJzRm9udEZhbWlseX06IHZhcigtLXBsYXNtYS10eXBvLWJvZHktcy1mb250LWZhbWlseSk7XG4gICAgICAgICAgICAgICAgJHticmVhZGNydW1ic1Rva2Vucy5icmVhZGNydW1ic0ZvbnRTaXplfTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS1zLWZvbnQtc2l6ZSk7XG4gICAgICAgICAgICAgICAgJHticmVhZGNydW1ic1Rva2Vucy5icmVhZGNydW1ic0ZvbnRTdHlsZX06IHZhcigtLXBsYXNtYS10eXBvLWJvZHktcy1mb250LXN0eWxlKTtcbiAgICAgICAgICAgICAgICAke2JyZWFkY3J1bWJzVG9rZW5zLmJyZWFkY3J1bWJzRm9udFdlaWdodH06IHZhcigtLXBsYXNtYS10eXBvLWJvZHktcy1ib2xkLXdlaWdodCk7XG4gICAgICAgICAgICAgICAgJHticmVhZGNydW1ic1Rva2Vucy5icmVhZGNydW1ic0xldHRlclNwYWNpbmd9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LXMtbGV0dGVyLXNwYWNpbmcpO1xuICAgICAgICAgICAgICAgICR7YnJlYWRjcnVtYnNUb2tlbnMuYnJlYWRjcnVtYnNMaW5lSGVpZ2h0fTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS1zLWxpbmUtaGVpZ2h0KTtcbiAgICAgICAgICAgIGAsXG4gICAgICAgICAgICB4czogY3NzYFxuICAgICAgICAgICAgICAgICR7YnJlYWRjcnVtYnNUb2tlbnMuYnJlYWRjcnVtYnNHYXB9OiAwcmVtO1xuXG4gICAgICAgICAgICAgICAgJHticmVhZGNydW1ic1Rva2Vucy5icmVhZGNydW1ic0ZvbnRGYW1pbHl9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LXhzLWZvbnQtZmFtaWx5KTtcbiAgICAgICAgICAgICAgICAke2JyZWFkY3J1bWJzVG9rZW5zLmJyZWFkY3J1bWJzRm9udFNpemV9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LXhzLWZvbnQtc2l6ZSk7XG4gICAgICAgICAgICAgICAgJHticmVhZGNydW1ic1Rva2Vucy5icmVhZGNydW1ic0ZvbnRTdHlsZX06IHZhcigtLXBsYXNtYS10eXBvLWJvZHkteHMtZm9udC1zdHlsZSk7XG4gICAgICAgICAgICAgICAgJHticmVhZGNydW1ic1Rva2Vucy5icmVhZGNydW1ic0ZvbnRXZWlnaHR9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LXhzLWJvbGQtd2VpZ2h0KTtcbiAgICAgICAgICAgICAgICAke2JyZWFkY3J1bWJzVG9rZW5zLmJyZWFkY3J1bWJzTGV0dGVyU3BhY2luZ306IHZhcigtLXBsYXNtYS10eXBvLWJvZHkteHMtbGV0dGVyLXNwYWNpbmcpO1xuICAgICAgICAgICAgICAgICR7YnJlYWRjcnVtYnNUb2tlbnMuYnJlYWRjcnVtYnNMaW5lSGVpZ2h0fTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS14cy1saW5lLWhlaWdodCk7XG4gICAgICAgICAgICBgLFxuICAgICAgICB9LFxuICAgIH0sXG59O1xuIl19 */"))
23
+ }
24
+ }
25
+ };
@@ -0,0 +1,11 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.Breadcrumbs = void 0;
7
+ var _Breadcrumbs = /*#__PURE__*/require("../../../../components/Breadcrumbs");
8
+ var _engines = /*#__PURE__*/require("../../../../engines");
9
+ var _Breadcrumbs2 = /*#__PURE__*/require("./Breadcrumbs.config");
10
+ var mergedConfig = /*#__PURE__*/(0, _engines.mergeConfig)(_Breadcrumbs.breadcrumbsConfig, _Breadcrumbs2.config);
11
+ var Breadcrumbs = exports.Breadcrumbs = /*#__PURE__*/(0, _engines.component)(mergedConfig);
@@ -0,0 +1,42 @@
1
+ import React from 'react';
2
+ import type { ComponentProps } from 'react';
3
+ import type { StoryObj, Meta } from '@storybook/react';
4
+ import { disableProps } from '@salutejs/plasma-sb-utils';
5
+
6
+ import { mergeConfig } from '../../../../engines';
7
+ import { WithTheme, argTypesFromConfig } from '../../../_helpers';
8
+ import { accordionConfig } from '../../../../components/Accordion';
9
+
10
+ import { config } from './Breadcrumbs.config';
11
+ import { Breadcrumbs } from './Breadcrumbs';
12
+
13
+ type BreadcrumbsProps = ComponentProps<typeof Breadcrumbs>;
14
+
15
+ const meta: Meta<BreadcrumbsProps> = {
16
+ title: 'plasma_web/Breadcrumbs',
17
+ decorators: [WithTheme],
18
+ component: Breadcrumbs,
19
+ args: {
20
+ view: 'default',
21
+ size: 'm',
22
+ showItems: 2,
23
+ items: [
24
+ { title: 'Home', href: '/' },
25
+ { title: 'About as', href: '/' },
26
+ { renderItem: () => <span>Custom Item</span> },
27
+ { title: 'Contacts' },
28
+ ],
29
+ },
30
+ argTypes: {
31
+ ...argTypesFromConfig(mergeConfig(accordionConfig, config)),
32
+ ...disableProps(['separator']),
33
+ },
34
+ };
35
+
36
+ export default meta;
37
+
38
+ export const Default: StoryObj<BreadcrumbsProps> = {
39
+ render: (props: BreadcrumbsProps) => {
40
+ return <Breadcrumbs {...props} />;
41
+ },
42
+ };
@@ -80,6 +80,17 @@ Object.keys(_ButtonGroup).forEach(function (key) {
80
80
  }
81
81
  });
82
82
  });
83
+ var _Breadcrumbs = /*#__PURE__*/require("./components/Breadcrumbs");
84
+ Object.keys(_Breadcrumbs).forEach(function (key) {
85
+ if (key === "default" || key === "__esModule") return;
86
+ if (key in exports && exports[key] === _Breadcrumbs[key]) return;
87
+ Object.defineProperty(exports, key, {
88
+ enumerable: true,
89
+ get: function get() {
90
+ return _Breadcrumbs[key];
91
+ }
92
+ });
93
+ });
83
94
  var _Chip = /*#__PURE__*/require("./components/Chip");
84
95
  Object.keys(_Chip).forEach(function (key) {
85
96
  if (key === "default" || key === "__esModule") return;
@@ -0,0 +1,50 @@
1
+ import React, { forwardRef } from 'react';
2
+ import { cx } from '../../utils';
3
+ import { base as sizeCSS } from './variations/_size/base';
4
+ import { base as viewCSS } from './variations/_view/base';
5
+ import { base, Separator } from './Breadcrumbs.styles';
6
+ import { addSeparator, convertIconSize, getRenderItems } from './utils';
7
+ export var breadcrumbsRoot = function breadcrumbsRoot(Root) {
8
+ return /*#__PURE__*/forwardRef(function (_ref, outerRootRef) {
9
+ var view = _ref.view,
10
+ size = _ref.size,
11
+ separator = _ref.separator,
12
+ items = _ref.items,
13
+ _ref$showItems = _ref.showItems,
14
+ showItems = _ref$showItems === void 0 ? items.length : _ref$showItems,
15
+ className = _ref.className;
16
+ var renderSeparator = separator !== null && separator !== void 0 ? separator : /*#__PURE__*/React.createElement(Separator, {
17
+ color: "inherit",
18
+ size: convertIconSize(size)
19
+ });
20
+ var renderItems = getRenderItems(items, renderSeparator, showItems);
21
+ var itemsWithSeparator = addSeparator(renderItems, renderSeparator);
22
+ return /*#__PURE__*/React.createElement(Root, {
23
+ ref: outerRootRef,
24
+ size: size,
25
+ view: view,
26
+ className: cx(className),
27
+ items: items
28
+ }, itemsWithSeparator.map(function (item) {
29
+ return item;
30
+ }));
31
+ });
32
+ };
33
+ export var breadcrumbsConfig = {
34
+ name: 'Breadcrumbs',
35
+ tag: 'div',
36
+ layout: breadcrumbsRoot,
37
+ base: base,
38
+ variations: {
39
+ view: {
40
+ css: viewCSS
41
+ },
42
+ size: {
43
+ css: sizeCSS
44
+ }
45
+ },
46
+ defaults: {
47
+ view: 'default',
48
+ size: 'm'
49
+ }
50
+ };
@@ -0,0 +1,26 @@
1
+ import _styled from "@emotion/styled/base";
2
+ import { css } from '@emotion/react';
3
+ import { linkConfig } from '../Link';
4
+ import { component, mergeConfig } from '../../engines';
5
+ import { IconDisclosureRight } from '../_Icon';
6
+ import { addFocus } from '../../mixins';
7
+ import { tokens } from './Breadcrumbs.tokens';
8
+ var mergedLinkConfig = /*#__PURE__*/mergeConfig(linkConfig);
9
+ var Link = /*#__PURE__*/component(mergedLinkConfig);
10
+ export var StyledLink = /*#__PURE__*/_styled(Link, {
11
+ target: "e1jirwgn1",
12
+ label: "plasma-new-hope__StyledLink"
13
+ })("opacity:", function (_ref) {
14
+ var isHref = _ref.isHref;
15
+ return isHref ? 1 : "var(".concat(tokens.breadcrumbsOpacity, ")");
16
+ }, ";", /*#__PURE__*/addFocus({
17
+ outlineOffset: '0rem',
18
+ outlineSize: '0.125rem',
19
+ outlineRadius: '0rem',
20
+ outlineColor: /*#__PURE__*/"var(".concat(tokens.breadcrumbsFocusOutlineColor, ")")
21
+ }), ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvQnJlYWRjcnVtYnMvQnJlYWRjcnVtYnMuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWEyRCIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMtZW1vdGlvbi9jb21wb25lbnRzL0JyZWFkY3J1bWJzL0JyZWFkY3J1bWJzLnN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuaW1wb3J0IHsgbGlua0NvbmZpZyB9IGZyb20gJy4uL0xpbmsnO1xuaW1wb3J0IHsgY29tcG9uZW50LCBtZXJnZUNvbmZpZyB9IGZyb20gJy4uLy4uL2VuZ2luZXMnO1xuaW1wb3J0IHsgSWNvbkRpc2Nsb3N1cmVSaWdodCB9IGZyb20gJy4uL19JY29uJztcbmltcG9ydCB7IGFkZEZvY3VzIH0gZnJvbSAnLi4vLi4vbWl4aW5zJztcblxuaW1wb3J0IHsgdG9rZW5zIH0gZnJvbSAnLi9CcmVhZGNydW1icy50b2tlbnMnO1xuXG5jb25zdCBtZXJnZWRMaW5rQ29uZmlnID0gbWVyZ2VDb25maWcobGlua0NvbmZpZyk7XG5jb25zdCBMaW5rID0gY29tcG9uZW50KG1lcmdlZExpbmtDb25maWcpO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkTGluayA9IHN0eWxlZChMaW5rKTx7IGlzSHJlZjogYm9vbGVhbiB9PmBcbiAgICBvcGFjaXR5OiAkeyh7IGlzSHJlZiB9KSA9PiAoaXNIcmVmID8gMSA6IGB2YXIoJHt0b2tlbnMuYnJlYWRjcnVtYnNPcGFjaXR5fSlgKX07XG5cbiAgICAke2FkZEZvY3VzKHtcbiAgICAgICAgb3V0bGluZU9mZnNldDogJzByZW0nLFxuICAgICAgICBvdXRsaW5lU2l6ZTogJzAuMTI1cmVtJyxcbiAgICAgICAgb3V0bGluZVJhZGl1czogJzByZW0nLFxuICAgICAgICBvdXRsaW5lQ29sb3I6IGB2YXIoJHt0b2tlbnMuYnJlYWRjcnVtYnNGb2N1c091dGxpbmVDb2xvcn0pYCxcbiAgICB9KX1cbmA7XG5cbmV4cG9ydCBjb25zdCBiYXNlID0gY3NzYFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgZmxleC1kaXJlY3Rpb246IHJvdztcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgIGdhcDogdmFyKCR7dG9rZW5zLmJyZWFkY3J1bWJzR2FwfSk7XG5cbiAgICBjb2xvcjogdmFyKCR7dG9rZW5zLmJyZWFkY3J1bWJzQ29sb3J9KTtcbiAgICBmb250LWZhbWlseTogdmFyKCR7dG9rZW5zLmJyZWFkY3J1bWJzRm9udEZhbWlseX0pO1xuICAgIGZvbnQtc2l6ZTogdmFyKCR7dG9rZW5zLmJyZWFkY3J1bWJzRm9udFNpemV9KTtcbiAgICBmb250LXdlaWdodDogdmFyKCR7dG9rZW5zLmJyZWFkY3J1bWJzRm9udFdlaWdodH0pO1xuICAgIGZvbnQtc3R5bGU6IHZhcigke3Rva2Vucy5icmVhZGNydW1ic0ZvbnRTdHlsZX0pO1xuICAgIGxldHRlci1zcGFjaW5nOiB2YXIoJHt0b2tlbnMuYnJlYWRjcnVtYnNMZXR0ZXJTcGFjaW5nfSk7XG4gICAgbGluZS1oZWlnaHQ6IHZhcigke3Rva2Vucy5icmVhZGNydW1ic0xpbmVIZWlnaHR9KTtcbmA7XG5cbmV4cG9ydCBjb25zdCBTZXBhcmF0b3IgPSBzdHlsZWQoSWNvbkRpc2Nsb3N1cmVSaWdodClgXG4gICAgY29sb3I6IHZhcigke3Rva2Vucy5icmVhZGNydW1ic0NvbG9yfSk7XG4gICAgb3BhY2l0eTogdmFyKCR7dG9rZW5zLmJyZWFkY3J1bWJzT3BhY2l0eX0pO1xuYDtcbiJdfQ== */"));
22
+ export var base = /*#__PURE__*/css("display:flex;flex-direction:row;align-items:center;gap:var(", tokens.breadcrumbsGap, ");color:var(", tokens.breadcrumbsColor, ");font-family:var(", tokens.breadcrumbsFontFamily, ");font-size:var(", tokens.breadcrumbsFontSize, ");font-weight:var(", tokens.breadcrumbsFontWeight, ");font-style:var(", tokens.breadcrumbsFontStyle, ");letter-spacing:var(", tokens.breadcrumbsLetterSpacing, ");line-height:var(", tokens.breadcrumbsLineHeight, ");;label:plasma-new-hope__base;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvQnJlYWRjcnVtYnMvQnJlYWRjcnVtYnMuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXdCdUIiLCJmaWxlIjoiLi4vLi4vLi4vLi4vc3JjLWVtb3Rpb24vY29tcG9uZW50cy9CcmVhZGNydW1icy9CcmVhZGNydW1icy5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmltcG9ydCB7IGxpbmtDb25maWcgfSBmcm9tICcuLi9MaW5rJztcbmltcG9ydCB7IGNvbXBvbmVudCwgbWVyZ2VDb25maWcgfSBmcm9tICcuLi8uLi9lbmdpbmVzJztcbmltcG9ydCB7IEljb25EaXNjbG9zdXJlUmlnaHQgfSBmcm9tICcuLi9fSWNvbic7XG5pbXBvcnQgeyBhZGRGb2N1cyB9IGZyb20gJy4uLy4uL21peGlucyc7XG5cbmltcG9ydCB7IHRva2VucyB9IGZyb20gJy4vQnJlYWRjcnVtYnMudG9rZW5zJztcblxuY29uc3QgbWVyZ2VkTGlua0NvbmZpZyA9IG1lcmdlQ29uZmlnKGxpbmtDb25maWcpO1xuY29uc3QgTGluayA9IGNvbXBvbmVudChtZXJnZWRMaW5rQ29uZmlnKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZExpbmsgPSBzdHlsZWQoTGluayk8eyBpc0hyZWY6IGJvb2xlYW4gfT5gXG4gICAgb3BhY2l0eTogJHsoeyBpc0hyZWYgfSkgPT4gKGlzSHJlZiA/IDEgOiBgdmFyKCR7dG9rZW5zLmJyZWFkY3J1bWJzT3BhY2l0eX0pYCl9O1xuXG4gICAgJHthZGRGb2N1cyh7XG4gICAgICAgIG91dGxpbmVPZmZzZXQ6ICcwcmVtJyxcbiAgICAgICAgb3V0bGluZVNpemU6ICcwLjEyNXJlbScsXG4gICAgICAgIG91dGxpbmVSYWRpdXM6ICcwcmVtJyxcbiAgICAgICAgb3V0bGluZUNvbG9yOiBgdmFyKCR7dG9rZW5zLmJyZWFkY3J1bWJzRm9jdXNPdXRsaW5lQ29sb3J9KWAsXG4gICAgfSl9XG5gO1xuXG5leHBvcnQgY29uc3QgYmFzZSA9IGNzc2BcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGZsZXgtZGlyZWN0aW9uOiByb3c7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICBnYXA6IHZhcigke3Rva2Vucy5icmVhZGNydW1ic0dhcH0pO1xuXG4gICAgY29sb3I6IHZhcigke3Rva2Vucy5icmVhZGNydW1ic0NvbG9yfSk7XG4gICAgZm9udC1mYW1pbHk6IHZhcigke3Rva2Vucy5icmVhZGNydW1ic0ZvbnRGYW1pbHl9KTtcbiAgICBmb250LXNpemU6IHZhcigke3Rva2Vucy5icmVhZGNydW1ic0ZvbnRTaXplfSk7XG4gICAgZm9udC13ZWlnaHQ6IHZhcigke3Rva2Vucy5icmVhZGNydW1ic0ZvbnRXZWlnaHR9KTtcbiAgICBmb250LXN0eWxlOiB2YXIoJHt0b2tlbnMuYnJlYWRjcnVtYnNGb250U3R5bGV9KTtcbiAgICBsZXR0ZXItc3BhY2luZzogdmFyKCR7dG9rZW5zLmJyZWFkY3J1bWJzTGV0dGVyU3BhY2luZ30pO1xuICAgIGxpbmUtaGVpZ2h0OiB2YXIoJHt0b2tlbnMuYnJlYWRjcnVtYnNMaW5lSGVpZ2h0fSk7XG5gO1xuXG5leHBvcnQgY29uc3QgU2VwYXJhdG9yID0gc3R5bGVkKEljb25EaXNjbG9zdXJlUmlnaHQpYFxuICAgIGNvbG9yOiB2YXIoJHt0b2tlbnMuYnJlYWRjcnVtYnNDb2xvcn0pO1xuICAgIG9wYWNpdHk6IHZhcigke3Rva2Vucy5icmVhZGNydW1ic09wYWNpdHl9KTtcbmA7XG4iXX0= */"));
23
+ export var Separator = /*#__PURE__*/_styled(IconDisclosureRight, {
24
+ target: "e1jirwgn0",
25
+ label: "plasma-new-hope__Separator"
26
+ })("color:var(", tokens.breadcrumbsColor, ");opacity:var(", tokens.breadcrumbsOpacity, ");" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvQnJlYWRjcnVtYnMvQnJlYWRjcnVtYnMuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXVDb0QiLCJmaWxlIjoiLi4vLi4vLi4vLi4vc3JjLWVtb3Rpb24vY29tcG9uZW50cy9CcmVhZGNydW1icy9CcmVhZGNydW1icy5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmltcG9ydCB7IGxpbmtDb25maWcgfSBmcm9tICcuLi9MaW5rJztcbmltcG9ydCB7IGNvbXBvbmVudCwgbWVyZ2VDb25maWcgfSBmcm9tICcuLi8uLi9lbmdpbmVzJztcbmltcG9ydCB7IEljb25EaXNjbG9zdXJlUmlnaHQgfSBmcm9tICcuLi9fSWNvbic7XG5pbXBvcnQgeyBhZGRGb2N1cyB9IGZyb20gJy4uLy4uL21peGlucyc7XG5cbmltcG9ydCB7IHRva2VucyB9IGZyb20gJy4vQnJlYWRjcnVtYnMudG9rZW5zJztcblxuY29uc3QgbWVyZ2VkTGlua0NvbmZpZyA9IG1lcmdlQ29uZmlnKGxpbmtDb25maWcpO1xuY29uc3QgTGluayA9IGNvbXBvbmVudChtZXJnZWRMaW5rQ29uZmlnKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZExpbmsgPSBzdHlsZWQoTGluayk8eyBpc0hyZWY6IGJvb2xlYW4gfT5gXG4gICAgb3BhY2l0eTogJHsoeyBpc0hyZWYgfSkgPT4gKGlzSHJlZiA/IDEgOiBgdmFyKCR7dG9rZW5zLmJyZWFkY3J1bWJzT3BhY2l0eX0pYCl9O1xuXG4gICAgJHthZGRGb2N1cyh7XG4gICAgICAgIG91dGxpbmVPZmZzZXQ6ICcwcmVtJyxcbiAgICAgICAgb3V0bGluZVNpemU6ICcwLjEyNXJlbScsXG4gICAgICAgIG91dGxpbmVSYWRpdXM6ICcwcmVtJyxcbiAgICAgICAgb3V0bGluZUNvbG9yOiBgdmFyKCR7dG9rZW5zLmJyZWFkY3J1bWJzRm9jdXNPdXRsaW5lQ29sb3J9KWAsXG4gICAgfSl9XG5gO1xuXG5leHBvcnQgY29uc3QgYmFzZSA9IGNzc2BcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGZsZXgtZGlyZWN0aW9uOiByb3c7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICBnYXA6IHZhcigke3Rva2Vucy5icmVhZGNydW1ic0dhcH0pO1xuXG4gICAgY29sb3I6IHZhcigke3Rva2Vucy5icmVhZGNydW1ic0NvbG9yfSk7XG4gICAgZm9udC1mYW1pbHk6IHZhcigke3Rva2Vucy5icmVhZGNydW1ic0ZvbnRGYW1pbHl9KTtcbiAgICBmb250LXNpemU6IHZhcigke3Rva2Vucy5icmVhZGNydW1ic0ZvbnRTaXplfSk7XG4gICAgZm9udC13ZWlnaHQ6IHZhcigke3Rva2Vucy5icmVhZGNydW1ic0ZvbnRXZWlnaHR9KTtcbiAgICBmb250LXN0eWxlOiB2YXIoJHt0b2tlbnMuYnJlYWRjcnVtYnNGb250U3R5bGV9KTtcbiAgICBsZXR0ZXItc3BhY2luZzogdmFyKCR7dG9rZW5zLmJyZWFkY3J1bWJzTGV0dGVyU3BhY2luZ30pO1xuICAgIGxpbmUtaGVpZ2h0OiB2YXIoJHt0b2tlbnMuYnJlYWRjcnVtYnNMaW5lSGVpZ2h0fSk7XG5gO1xuXG5leHBvcnQgY29uc3QgU2VwYXJhdG9yID0gc3R5bGVkKEljb25EaXNjbG9zdXJlUmlnaHQpYFxuICAgIGNvbG9yOiB2YXIoJHt0b2tlbnMuYnJlYWRjcnVtYnNDb2xvcn0pO1xuICAgIG9wYWNpdHk6IHZhcigke3Rva2Vucy5icmVhZGNydW1ic09wYWNpdHl9KTtcbmA7XG4iXX0= */"));
@@ -0,0 +1,96 @@
1
+ ---
2
+ id: breadcrumbs
3
+ title: Breadcrumbs
4
+ ---
5
+
6
+ import { PropsTable, Description } 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/plasma-web';
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/plasma-web';
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/plasma-web';
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,15 @@
1
+ export var classes = {
2
+ breadcrumbsRoot: 'breadcrumbs-root'
3
+ };
4
+ export var tokens = {
5
+ breadcrumbsGap: '--plasma-breadcrumbs-gap',
6
+ breadcrumbsOpacity: '--plasma-breadcrumbs-opacity',
7
+ breadcrumbsFocusOutlineColor: '--plasma-breadcrumbs-focus-outline-color',
8
+ breadcrumbsColor: '--plasma-breadcrumbs-color',
9
+ breadcrumbsFontFamily: '--plasma-breadcrumbs-font-family',
10
+ breadcrumbsFontSize: '--plasma-breadcrumbs-font-size',
11
+ breadcrumbsFontStyle: '--plasma-breadcrumbs-font-style',
12
+ breadcrumbsFontWeight: '--plasma-breadcrumbs-font-weight',
13
+ breadcrumbsLetterSpacing: '--plasma-breadcrumbs-letter-spacing',
14
+ breadcrumbsLineHeight: '--plasma-breadcrumbs-line-height'
15
+ };
@@ -0,0 +1,78 @@
1
+ Структура файлов:
2
+
3
+ - Breadcrumbs.types.ts
4
+ - Breadcrumbs.tokens.ts
5
+ - Breadcrumbs.tsx
6
+ - index.ts
7
+ - variants:
8
+ - - \_size:
9
+ - - - base.ts
10
+ - - - tokens.json
11
+ - ui:
12
+ - - BreadcrumbItem:
13
+ - - - BreadcrumbItem.tsx
14
+ - - BreadcrumbShorter:
15
+ - - - BreadcrumbShorter.tsx
16
+ - - BreadcrumbSeparator:
17
+ - - - BreadcrumbSeparator.tsx
18
+
19
+ Логика работы:
20
+
21
+ 1. На вход идет 1 обязательный параметр: items
22
+
23
+ ```jsx
24
+ <Breadcrumbs items={[{ title: 'Главная', href: '/' }]}></Breadcreumbs>
25
+ ```
26
+
27
+ 2. Затем генерируется массив элементов хлебных крошек, между ними сепаратор ( если указан пропс, то используется элемент из параметра, иначе стандартный из BreadcrumbSeparator )
28
+
29
+ ```jsx
30
+ <Breadcrumbs items={[{ title: 'Главная', href: '/' }]} separator=">"></Breadcreumbs>
31
+ ```
32
+
33
+ 2.1. При генерации BreadcrumbItem, смотрит на href. Если он есть, то добавляется тег a, с указанной ссылкой, иначе ссылка не кликабельна
34
+
35
+ ```jsx
36
+ <Breadcrumbs
37
+ items={[
38
+ { title: 'Главная', href: '/' },
39
+ { title: 'Контакты' }, // Без ссылки
40
+ ]}
41
+ separator=">"
42
+ ></Breadcreumbs>
43
+ ```
44
+
45
+ 3. Можно указать в item, вместо title и href - renderItem. Эта функция, которая возвращает любое, что придумал разработчик. кастомный шортер, определенный функционал для него ( например кнопку )
46
+
47
+ ```jsx
48
+ const renderItem = () => {
49
+ return <Button>Контакты</Button>
50
+ }
51
+ <Breadcrumbs
52
+ items={[
53
+ {title: 'Главная', href: '/'},
54
+ {renderItem: renderItem}
55
+ {title: 'Адрес'}
56
+ ]}
57
+ separator=">">
58
+ </Breadcreumbs>
59
+ ```
60
+
61
+ ТАКЖЕ: Можно указать кол-во видимых элементов через параметр showItems. ShowItems: если указано четное число, например 2 - то распределяется равномерно по 1 с каждой стороны. Если нечетное, например 3 - то две будет справа и 1 слева. Все оставльное сокращается шортером
62
+
63
+ ```jsx
64
+ const renderItem = () => {
65
+ return <Button>Контакты</Button>
66
+ }
67
+ <Breadcrumbs
68
+ items={[
69
+ {title: 'Главная', href: '/'},
70
+ {renderItem: renderItem}
71
+ {title: 'Адрес'}
72
+ ]}
73
+ showItems={2}
74
+ separator=">">
75
+ </Breadcreumbs>
76
+ ```
77
+
78
+ 4. Затем все элементы рендерятся и показываются пользователю
@@ -0,0 +1,2 @@
1
+ export { breadcrumbsRoot, breadcrumbsConfig } from './Breadcrumbs';
2
+ export { tokens as breadcrumbsTokens, classes as breadcrumbsClasses } from './Breadcrumbs.tokens';
@@ -0,0 +1,33 @@
1
+ function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
2
+ 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."); }
3
+ 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); }
4
+ 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; }
5
+ 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; } }
6
+ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
7
+ import React, { useState } from 'react';
8
+ import { addSeparator } from '../../utils';
9
+ import { StyledHidden, StyledRoot, StyledShorter } from './BreadcrumbShorter.styles';
10
+ export var BreadcrumbShorter = function BreadcrumbShorter(_ref) {
11
+ var children = _ref.children,
12
+ separator = _ref.separator;
13
+ var _useState = useState(false),
14
+ _useState2 = _slicedToArray(_useState, 2),
15
+ openShorter = _useState2[0],
16
+ setOpenShorter = _useState2[1];
17
+ var renderItems = addSeparator(children, separator);
18
+ var onKeyPress = function onKeyPress(event) {
19
+ event.persist();
20
+ if (event.keyCode === 13) {
21
+ setOpenShorter(true);
22
+ }
23
+ };
24
+ return /*#__PURE__*/React.createElement(StyledRoot, null, !openShorter && /*#__PURE__*/React.createElement(StyledShorter, {
25
+ tabIndex: 0,
26
+ onClick: function onClick() {
27
+ return setOpenShorter(true);
28
+ },
29
+ onKeyDown: onKeyPress
30
+ }, "..."), openShorter && /*#__PURE__*/React.createElement(StyledHidden, null, renderItems.map(function (item) {
31
+ return item;
32
+ })));
33
+ };