@salutejs/plasma-new-hope 0.111.0-canary.1308.10073134400.0 → 0.112.0-canary.1310.10078865814.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (156) hide show
  1. package/cjs/components/Breadcrumbs/Breadcrumbs.css +13 -0
  2. package/cjs/components/Breadcrumbs/Breadcrumbs.js +94 -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 +37 -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/variations/_size/base.js +9 -0
  14. package/cjs/components/Breadcrumbs/variations/_size/base.js.map +1 -0
  15. package/cjs/components/Breadcrumbs/variations/_size/base_x642ct.css +1 -0
  16. package/cjs/components/Breadcrumbs/variations/_view/base.js +9 -0
  17. package/cjs/components/Breadcrumbs/variations/_view/base.js.map +1 -0
  18. package/cjs/components/Breadcrumbs/variations/_view/base_x642ct.css +1 -0
  19. package/cjs/index.css +4 -0
  20. package/cjs/index.js +6 -0
  21. package/cjs/index.js.map +1 -1
  22. package/emotion/cjs/components/Breadcrumbs/Breadcrumbs.js +94 -0
  23. package/emotion/cjs/components/Breadcrumbs/Breadcrumbs.styles.js +33 -0
  24. package/emotion/cjs/components/Breadcrumbs/Breadcrumbs.tokens.js +21 -0
  25. package/emotion/cjs/components/Breadcrumbs/Breadcrumbs.types.js +5 -0
  26. package/emotion/cjs/components/Breadcrumbs/README.md +78 -0
  27. package/emotion/cjs/components/Breadcrumbs/index.js +31 -0
  28. package/emotion/cjs/components/Breadcrumbs/ui/BreadcrumbShorter/BreadcrumbShorter.js +43 -0
  29. package/emotion/cjs/components/Breadcrumbs/ui/BreadcrumbShorter/BreadcrumbShorter.styles.js +20 -0
  30. package/emotion/cjs/components/Breadcrumbs/ui/BreadcrumbShorter/BreadcrumbShorter.types.js +5 -0
  31. package/emotion/cjs/components/Breadcrumbs/variations/_size/base.js +8 -0
  32. package/emotion/cjs/components/Breadcrumbs/variations/_size/tokens.json +0 -0
  33. package/emotion/cjs/components/Breadcrumbs/variations/_view/base.js +8 -0
  34. package/emotion/cjs/components/Breadcrumbs/variations/_view/tokens.json +0 -0
  35. package/emotion/cjs/examples/plasma_b2c/components/Breadcrumbs/Breadcrumbs.config.js +25 -0
  36. package/emotion/cjs/examples/plasma_b2c/components/Breadcrumbs/Breadcrumbs.js +11 -0
  37. package/emotion/cjs/examples/plasma_b2c/components/Breadcrumbs/Breadcrumbs.stories.tsx +42 -0
  38. package/emotion/cjs/examples/plasma_web/components/Breadcrumbs/Breadcrumbs.config.js +25 -0
  39. package/emotion/cjs/examples/plasma_web/components/Breadcrumbs/Breadcrumbs.js +11 -0
  40. package/emotion/cjs/examples/plasma_web/components/Breadcrumbs/Breadcrumbs.stories.tsx +42 -0
  41. package/emotion/cjs/index.js +11 -0
  42. package/emotion/es/components/Breadcrumbs/Breadcrumbs.js +85 -0
  43. package/emotion/es/components/Breadcrumbs/Breadcrumbs.styles.js +26 -0
  44. package/emotion/es/components/Breadcrumbs/Breadcrumbs.tokens.js +15 -0
  45. package/emotion/es/components/Breadcrumbs/Breadcrumbs.types.js +1 -0
  46. package/emotion/es/components/Breadcrumbs/README.md +78 -0
  47. package/emotion/es/components/Breadcrumbs/index.js +2 -0
  48. package/emotion/es/components/Breadcrumbs/ui/BreadcrumbShorter/BreadcrumbShorter.js +34 -0
  49. package/emotion/es/components/Breadcrumbs/ui/BreadcrumbShorter/BreadcrumbShorter.styles.js +13 -0
  50. package/emotion/es/components/Breadcrumbs/ui/BreadcrumbShorter/BreadcrumbShorter.types.js +1 -0
  51. package/emotion/es/components/Breadcrumbs/variations/_size/base.js +2 -0
  52. package/emotion/es/components/Breadcrumbs/variations/_size/tokens.json +0 -0
  53. package/emotion/es/components/Breadcrumbs/variations/_view/base.js +2 -0
  54. package/emotion/es/components/Breadcrumbs/variations/_view/tokens.json +0 -0
  55. package/emotion/es/examples/plasma_b2c/components/Breadcrumbs/Breadcrumbs.config.js +19 -0
  56. package/emotion/es/examples/plasma_b2c/components/Breadcrumbs/Breadcrumbs.js +5 -0
  57. package/emotion/es/examples/plasma_b2c/components/Breadcrumbs/Breadcrumbs.stories.tsx +42 -0
  58. package/emotion/es/examples/plasma_web/components/Breadcrumbs/Breadcrumbs.config.js +19 -0
  59. package/emotion/es/examples/plasma_web/components/Breadcrumbs/Breadcrumbs.js +5 -0
  60. package/emotion/es/examples/plasma_web/components/Breadcrumbs/Breadcrumbs.stories.tsx +42 -0
  61. package/emotion/es/index.js +1 -0
  62. package/es/components/Breadcrumbs/Breadcrumbs.css +13 -0
  63. package/es/components/Breadcrumbs/Breadcrumbs.js +89 -0
  64. package/es/components/Breadcrumbs/Breadcrumbs.js.map +1 -0
  65. package/es/components/Breadcrumbs/Breadcrumbs.styles.js +40 -0
  66. package/es/components/Breadcrumbs/Breadcrumbs.styles.js.map +1 -0
  67. package/es/components/Breadcrumbs/Breadcrumbs.styles_1troyzr.css +3 -0
  68. package/es/components/Breadcrumbs/Breadcrumbs.tokens.js +18 -0
  69. package/es/components/Breadcrumbs/Breadcrumbs.tokens.js.map +1 -0
  70. package/es/components/Breadcrumbs/ui/BreadcrumbShorter/BreadcrumbShorter.js +33 -0
  71. package/es/components/Breadcrumbs/ui/BreadcrumbShorter/BreadcrumbShorter.js.map +1 -0
  72. package/es/components/Breadcrumbs/ui/BreadcrumbShorter/BreadcrumbShorter.styles.js +21 -0
  73. package/es/components/Breadcrumbs/ui/BreadcrumbShorter/BreadcrumbShorter.styles.js.map +1 -0
  74. package/es/components/Breadcrumbs/variations/_size/base.js +5 -0
  75. package/es/components/Breadcrumbs/variations/_size/base.js.map +1 -0
  76. package/es/components/Breadcrumbs/variations/_size/base_x642ct.css +1 -0
  77. package/es/components/Breadcrumbs/variations/_view/base.js +5 -0
  78. package/es/components/Breadcrumbs/variations/_view/base.js.map +1 -0
  79. package/es/components/Breadcrumbs/variations/_view/base_x642ct.css +1 -0
  80. package/es/index.css +4 -0
  81. package/es/index.js +2 -0
  82. package/es/index.js.map +1 -1
  83. package/package.json +2 -2
  84. package/styled-components/cjs/components/Breadcrumbs/Breadcrumbs.js +94 -0
  85. package/styled-components/cjs/components/Breadcrumbs/Breadcrumbs.styles.js +32 -0
  86. package/styled-components/cjs/components/Breadcrumbs/Breadcrumbs.tokens.js +21 -0
  87. package/styled-components/cjs/components/Breadcrumbs/Breadcrumbs.types.js +5 -0
  88. package/styled-components/cjs/components/Breadcrumbs/README.md +78 -0
  89. package/styled-components/cjs/components/Breadcrumbs/index.js +31 -0
  90. package/styled-components/cjs/components/Breadcrumbs/ui/BreadcrumbShorter/BreadcrumbShorter.js +43 -0
  91. package/styled-components/cjs/components/Breadcrumbs/ui/BreadcrumbShorter/BreadcrumbShorter.styles.js +24 -0
  92. package/styled-components/cjs/components/Breadcrumbs/ui/BreadcrumbShorter/BreadcrumbShorter.types.js +5 -0
  93. package/styled-components/cjs/components/Breadcrumbs/variations/_size/base.js +8 -0
  94. package/styled-components/cjs/components/Breadcrumbs/variations/_size/tokens.json +0 -0
  95. package/styled-components/cjs/components/Breadcrumbs/variations/_view/base.js +8 -0
  96. package/styled-components/cjs/components/Breadcrumbs/variations/_view/tokens.json +0 -0
  97. package/styled-components/cjs/examples/plasma_b2c/components/Breadcrumbs/Breadcrumbs.config.js +25 -0
  98. package/styled-components/cjs/examples/plasma_b2c/components/Breadcrumbs/Breadcrumbs.js +11 -0
  99. package/styled-components/cjs/examples/plasma_b2c/components/Breadcrumbs/Breadcrumbs.stories.tsx +42 -0
  100. package/styled-components/cjs/examples/plasma_web/components/Breadcrumbs/Breadcrumbs.config.js +25 -0
  101. package/styled-components/cjs/examples/plasma_web/components/Breadcrumbs/Breadcrumbs.js +11 -0
  102. package/styled-components/cjs/examples/plasma_web/components/Breadcrumbs/Breadcrumbs.stories.tsx +42 -0
  103. package/styled-components/cjs/index.js +11 -0
  104. package/styled-components/es/components/Breadcrumbs/Breadcrumbs.js +85 -0
  105. package/styled-components/es/components/Breadcrumbs/Breadcrumbs.styles.js +24 -0
  106. package/styled-components/es/components/Breadcrumbs/Breadcrumbs.tokens.js +15 -0
  107. package/styled-components/es/components/Breadcrumbs/Breadcrumbs.types.js +1 -0
  108. package/styled-components/es/components/Breadcrumbs/README.md +78 -0
  109. package/styled-components/es/components/Breadcrumbs/index.js +2 -0
  110. package/styled-components/es/components/Breadcrumbs/ui/BreadcrumbShorter/BreadcrumbShorter.js +34 -0
  111. package/styled-components/es/components/Breadcrumbs/ui/BreadcrumbShorter/BreadcrumbShorter.styles.js +17 -0
  112. package/styled-components/es/components/Breadcrumbs/ui/BreadcrumbShorter/BreadcrumbShorter.types.js +1 -0
  113. package/styled-components/es/components/Breadcrumbs/variations/_size/base.js +2 -0
  114. package/styled-components/es/components/Breadcrumbs/variations/_size/tokens.json +0 -0
  115. package/styled-components/es/components/Breadcrumbs/variations/_view/base.js +2 -0
  116. package/styled-components/es/components/Breadcrumbs/variations/_view/tokens.json +0 -0
  117. package/styled-components/es/examples/plasma_b2c/components/Breadcrumbs/Breadcrumbs.config.js +19 -0
  118. package/styled-components/es/examples/plasma_b2c/components/Breadcrumbs/Breadcrumbs.js +5 -0
  119. package/styled-components/es/examples/plasma_b2c/components/Breadcrumbs/Breadcrumbs.stories.tsx +42 -0
  120. package/styled-components/es/examples/plasma_web/components/Breadcrumbs/Breadcrumbs.config.js +19 -0
  121. package/styled-components/es/examples/plasma_web/components/Breadcrumbs/Breadcrumbs.js +5 -0
  122. package/styled-components/es/examples/plasma_web/components/Breadcrumbs/Breadcrumbs.stories.tsx +42 -0
  123. package/styled-components/es/index.js +1 -0
  124. package/types/components/Breadcrumbs/Breadcrumbs.d.ts +35 -0
  125. package/types/components/Breadcrumbs/Breadcrumbs.d.ts.map +1 -0
  126. package/types/components/Breadcrumbs/Breadcrumbs.styles.d.ts +7 -0
  127. package/types/components/Breadcrumbs/Breadcrumbs.styles.d.ts.map +1 -0
  128. package/types/components/Breadcrumbs/Breadcrumbs.tokens.d.ts +16 -0
  129. package/types/components/Breadcrumbs/Breadcrumbs.tokens.d.ts.map +1 -0
  130. package/types/components/Breadcrumbs/Breadcrumbs.types.d.ts +38 -0
  131. package/types/components/Breadcrumbs/Breadcrumbs.types.d.ts.map +1 -0
  132. package/types/components/Breadcrumbs/index.d.ts +4 -0
  133. package/types/components/Breadcrumbs/index.d.ts.map +1 -0
  134. package/types/components/Breadcrumbs/ui/BreadcrumbShorter/BreadcrumbShorter.d.ts +4 -0
  135. package/types/components/Breadcrumbs/ui/BreadcrumbShorter/BreadcrumbShorter.d.ts.map +1 -0
  136. package/types/components/Breadcrumbs/ui/BreadcrumbShorter/BreadcrumbShorter.styles.d.ts +4 -0
  137. package/types/components/Breadcrumbs/ui/BreadcrumbShorter/BreadcrumbShorter.styles.d.ts.map +1 -0
  138. package/types/components/Breadcrumbs/ui/BreadcrumbShorter/BreadcrumbShorter.types.d.ts +8 -0
  139. package/types/components/Breadcrumbs/ui/BreadcrumbShorter/BreadcrumbShorter.types.d.ts.map +1 -0
  140. package/types/components/Breadcrumbs/variations/_size/base.d.ts +2 -0
  141. package/types/components/Breadcrumbs/variations/_size/base.d.ts.map +1 -0
  142. package/types/components/Breadcrumbs/variations/_view/base.d.ts +2 -0
  143. package/types/components/Breadcrumbs/variations/_view/base.d.ts.map +1 -0
  144. package/types/components/Header/ui/HeaderArrow/HeaderArrow.d.ts +2 -2
  145. package/types/examples/plasma_b2c/components/Breadcrumbs/Breadcrumbs.config.d.ts +18 -0
  146. package/types/examples/plasma_b2c/components/Breadcrumbs/Breadcrumbs.config.d.ts.map +1 -0
  147. package/types/examples/plasma_b2c/components/Breadcrumbs/Breadcrumbs.d.ts +19 -0
  148. package/types/examples/plasma_b2c/components/Breadcrumbs/Breadcrumbs.d.ts.map +1 -0
  149. package/types/examples/plasma_b2c/components/Header/Header.d.ts +1 -1
  150. package/types/examples/plasma_web/components/Breadcrumbs/Breadcrumbs.config.d.ts +18 -0
  151. package/types/examples/plasma_web/components/Breadcrumbs/Breadcrumbs.config.d.ts.map +1 -0
  152. package/types/examples/plasma_web/components/Breadcrumbs/Breadcrumbs.d.ts +19 -0
  153. package/types/examples/plasma_web/components/Breadcrumbs/Breadcrumbs.d.ts.map +1 -0
  154. package/types/examples/plasma_web/components/Header/Header.d.ts +1 -1
  155. package/types/index.d.ts +1 -0
  156. package/types/index.d.ts.map +1 -1
@@ -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,31 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ Object.defineProperty(exports, "breadcrumbsClasses", {
7
+ enumerable: true,
8
+ get: function get() {
9
+ return _Breadcrumbs2.classes;
10
+ }
11
+ });
12
+ Object.defineProperty(exports, "breadcrumbsConfig", {
13
+ enumerable: true,
14
+ get: function get() {
15
+ return _Breadcrumbs.breadcrumbsConfig;
16
+ }
17
+ });
18
+ Object.defineProperty(exports, "breadcrumbsRoot", {
19
+ enumerable: true,
20
+ get: function get() {
21
+ return _Breadcrumbs.breadcrumbsRoot;
22
+ }
23
+ });
24
+ Object.defineProperty(exports, "breadcrumbsTokens", {
25
+ enumerable: true,
26
+ get: function get() {
27
+ return _Breadcrumbs2.tokens;
28
+ }
29
+ });
30
+ var _Breadcrumbs = /*#__PURE__*/require("./Breadcrumbs");
31
+ var _Breadcrumbs2 = /*#__PURE__*/require("./Breadcrumbs.tokens");
@@ -0,0 +1,43 @@
1
+ "use strict";
2
+
3
+ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
4
+ Object.defineProperty(exports, "__esModule", {
5
+ value: true
6
+ });
7
+ exports.BreadcrumbShorter = void 0;
8
+ var _react = /*#__PURE__*/_interopRequireWildcard( /*#__PURE__*/require("react"));
9
+ var _BreadcrumbShorter = /*#__PURE__*/require("./BreadcrumbShorter.styles");
10
+ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
11
+ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
12
+ function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
13
+ 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."); }
14
+ 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); }
15
+ 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; }
16
+ 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; } }
17
+ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
18
+ var BreadcrumbShorter = exports.BreadcrumbShorter = function BreadcrumbShorter(_ref) {
19
+ var children = _ref.children,
20
+ separator = _ref.separator;
21
+ var _useState = (0, _react.useState)(false),
22
+ _useState2 = _slicedToArray(_useState, 2),
23
+ openShorter = _useState2[0],
24
+ setOpenShorter = _useState2[1];
25
+ var renderItems = children.flatMap(function (item, idx) {
26
+ return idx < children.length - 1 ? [item, separator] : [item];
27
+ });
28
+ var onKeyPress = function onKeyPress(event) {
29
+ event.persist();
30
+ if (event.keyCode === 13) {
31
+ setOpenShorter(true);
32
+ }
33
+ };
34
+ return /*#__PURE__*/_react["default"].createElement(_BreadcrumbShorter.StyledRoot, null, !openShorter && /*#__PURE__*/_react["default"].createElement(_BreadcrumbShorter.StyledShorter, {
35
+ tabIndex: 0,
36
+ onClick: function onClick() {
37
+ return setOpenShorter(true);
38
+ },
39
+ onKeyDown: onKeyPress
40
+ }, "..."), openShorter && /*#__PURE__*/_react["default"].createElement(_BreadcrumbShorter.StyledHidden, null, renderItems.map(function (item) {
41
+ return item;
42
+ })));
43
+ };
@@ -0,0 +1,20 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.StyledShorter = exports.StyledRoot = exports.StyledHidden = void 0;
7
+ var _styledComponents = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("styled-components"));
8
+ var _mixins = /*#__PURE__*/require("../../../../mixins");
9
+ var _Breadcrumbs = /*#__PURE__*/require("../../Breadcrumbs.tokens");
10
+ var _templateObject, _templateObject2, _templateObject3;
11
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
12
+ function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
13
+ var StyledRoot = exports.StyledRoot = /*#__PURE__*/_styledComponents["default"].div(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral([""])));
14
+ var StyledShorter = exports.StyledShorter = /*#__PURE__*/_styledComponents["default"].div(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n cursor: pointer;\n ", "\n"])), /*#__PURE__*/(0, _mixins.addFocus)({
15
+ outlineOffset: '0.125rem',
16
+ outlineSize: '0.125rem',
17
+ outlineRadius: '0',
18
+ outlineColor: /*#__PURE__*/"var(".concat(_Breadcrumbs.tokens.breadcrumbsFocusOutlineColor, ")")
19
+ }));
20
+ var StyledHidden = exports.StyledHidden = /*#__PURE__*/_styledComponents["default"].div(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n display: flex;\n align-items: center;\n gap: var(", ");\n"])), _Breadcrumbs.tokens.breadcrumbsGap);
@@ -0,0 +1,5 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
@@ -0,0 +1,8 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.base = void 0;
7
+ var _react = /*#__PURE__*/require("@emotion/react");
8
+ var base = exports.base = /*#__PURE__*/(0, _react.css)(";label:plasma-new-hope__base;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvQnJlYWRjcnVtYnMvdmFyaWF0aW9ucy9fc2l6ZS9iYXNlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUV1QiIsImZpbGUiOiIuLi8uLi8uLi8uLi8uLi8uLi9zcmMtZW1vdGlvbi9jb21wb25lbnRzL0JyZWFkY3J1bWJzL3ZhcmlhdGlvbnMvX3NpemUvYmFzZS50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuZXhwb3J0IGNvbnN0IGJhc2UgPSBjc3NgYDtcbiJdfQ== */"));
@@ -0,0 +1,8 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.base = void 0;
7
+ var _react = /*#__PURE__*/require("@emotion/react");
8
+ var base = exports.base = /*#__PURE__*/(0, _react.css)(";label:plasma-new-hope__base;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvQnJlYWRjcnVtYnMvdmFyaWF0aW9ucy9fdmlldy9iYXNlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUV1QiIsImZpbGUiOiIuLi8uLi8uLi8uLi8uLi8uLi9zcmMtZW1vdGlvbi9jb21wb25lbnRzL0JyZWFkY3J1bWJzL3ZhcmlhdGlvbnMvX3ZpZXcvYmFzZS50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuZXhwb3J0IGNvbnN0IGJhc2UgPSBjc3NgYDtcbiJdfQ== */"));
@@ -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
+
5
+ import { mergeConfig } from '../../../../engines';
6
+ import { WithTheme, argTypesFromConfig } from '../../../_helpers';
7
+ import { accordionConfig } from '../../../../components/Accordion';
8
+
9
+ import { config } from './Breadcrumbs.config';
10
+ import { Breadcrumbs } from './Breadcrumbs';
11
+
12
+ type BreadcrumbsProps = ComponentProps<typeof Breadcrumbs>;
13
+
14
+ const meta: Meta<BreadcrumbsProps> = {
15
+ title: 'plasma_b2c/Breadcrumbs',
16
+ decorators: [WithTheme],
17
+ component: Breadcrumbs,
18
+ args: {
19
+ view: 'default',
20
+ size: 'm',
21
+ showItems: 2,
22
+ items: [
23
+ { title: 'Home', href: '/' },
24
+ { title: 'About as', href: '/' },
25
+ { renderItem: () => <span>Custom Item</span> },
26
+ { title: 'Contacts' },
27
+ ],
28
+ },
29
+ argTypes: {
30
+ ...argTypesFromConfig(mergeConfig(accordionConfig, config)),
31
+ },
32
+ };
33
+
34
+ export default meta;
35
+
36
+ export const Default: StoryObj<BreadcrumbsProps> = {
37
+ render: (props: BreadcrumbsProps) => {
38
+ const args = { ...props };
39
+
40
+ return <Breadcrumbs {...args} />;
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
+
5
+ import { mergeConfig } from '../../../../engines';
6
+ import { WithTheme, argTypesFromConfig } from '../../../_helpers';
7
+ import { accordionConfig } from '../../../../components/Accordion';
8
+
9
+ import { config } from './Breadcrumbs.config';
10
+ import { Breadcrumbs } from './Breadcrumbs';
11
+
12
+ type BreadcrumbsProps = ComponentProps<typeof Breadcrumbs>;
13
+
14
+ const meta: Meta<BreadcrumbsProps> = {
15
+ title: 'plasma_web/Breadcrumbs',
16
+ decorators: [WithTheme],
17
+ component: Breadcrumbs,
18
+ args: {
19
+ view: 'default',
20
+ size: 'm',
21
+ showItems: 2,
22
+ items: [
23
+ { title: 'Home', href: '/' },
24
+ { title: 'About as', href: '/' },
25
+ { renderItem: () => <span>Custom Item</span> },
26
+ { title: 'Contacts' },
27
+ ],
28
+ },
29
+ argTypes: {
30
+ ...argTypesFromConfig(mergeConfig(accordionConfig, config)),
31
+ },
32
+ };
33
+
34
+ export default meta;
35
+
36
+ export const Default: StoryObj<BreadcrumbsProps> = {
37
+ render: (props: BreadcrumbsProps) => {
38
+ const args = { ...props };
39
+
40
+ return <Breadcrumbs {...args} />;
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,85 @@
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 { StyledLink, base, Separator } from './Breadcrumbs.styles';
6
+ import { BreadcrumbShorter } from './ui/BreadcrumbShorter/BreadcrumbShorter';
7
+ var shortItems = function shortItems(items, renderSeparator, showItems) {
8
+ if (!showItems) {
9
+ return items;
10
+ }
11
+ var leftSlice = Math.floor(showItems / 2);
12
+ var rightSlice = items.length - leftSlice - showItems % 2;
13
+ var renderItems = items.slice(leftSlice, rightSlice);
14
+ var shorter = /*#__PURE__*/React.createElement(BreadcrumbShorter, {
15
+ separator: renderSeparator
16
+ }, renderItems);
17
+ items.splice(leftSlice, rightSlice - leftSlice, shorter);
18
+ return items;
19
+ };
20
+ var convertIconSize = function convertIconSize(size) {
21
+ switch (size) {
22
+ case 's':
23
+ return 'xs';
24
+ case 'm':
25
+ return 's';
26
+ case 'l':
27
+ return 's';
28
+ default:
29
+ return 's';
30
+ }
31
+ };
32
+ export var breadcrumbsRoot = function breadcrumbsRoot(Root) {
33
+ return /*#__PURE__*/forwardRef(function (_ref, outerRootRef) {
34
+ var view = _ref.view,
35
+ size = _ref.size,
36
+ separator = _ref.separator,
37
+ items = _ref.items,
38
+ showItems = _ref.showItems,
39
+ className = _ref.className;
40
+ var renderSeparator = separator !== null && separator !== void 0 ? separator : /*#__PURE__*/React.createElement(Separator, {
41
+ color: "inherit",
42
+ size: convertIconSize(size)
43
+ });
44
+ var renderItems = shortItems(items.map(function (item) {
45
+ if ('renderItem' in item) {
46
+ return item.renderItem();
47
+ }
48
+ return /*#__PURE__*/React.createElement(StyledLink, {
49
+ tabIndex: 0,
50
+ href: item.href,
51
+ isHref: !!item.href
52
+ }, item.title);
53
+ }), renderSeparator, showItems);
54
+ var itemsWithSeparator = renderItems.flatMap(function (item, idx) {
55
+ return idx < renderItems.length - 1 ? [item, renderSeparator] : [item];
56
+ });
57
+ return /*#__PURE__*/React.createElement(Root, {
58
+ ref: outerRootRef,
59
+ size: size,
60
+ view: view,
61
+ className: cx(className),
62
+ items: items
63
+ }, itemsWithSeparator.map(function (item) {
64
+ return item;
65
+ }));
66
+ });
67
+ };
68
+ export var breadcrumbsConfig = {
69
+ name: 'Breadcrumbs',
70
+ tag: 'div',
71
+ layout: breadcrumbsRoot,
72
+ base: base,
73
+ variations: {
74
+ view: {
75
+ css: viewCSS
76
+ },
77
+ size: {
78
+ css: sizeCSS
79
+ }
80
+ },
81
+ defaults: {
82
+ view: 'default',
83
+ size: 'm'
84
+ }
85
+ };