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

package/emotion/es/components/Breadcrumbs/Breadcrumbs.styles.js

@@ -0,0 +1,26 @@
+import _styled from "@emotion/styled/base";
+import { css } from '@emotion/react';
+import { linkConfig } from '../Link';
+import { component, mergeConfig } from '../../engines';
+import { IconDisclosureRight } from '../_Icon';
+import { addFocus } from '../../mixins';
+import { tokens } from './Breadcrumbs.tokens';
+var mergedLinkConfig = /*#__PURE__*/mergeConfig(linkConfig);
+var Link = /*#__PURE__*/component(mergedLinkConfig);
+export var StyledLink = /*#__PURE__*/_styled(Link, {
+  target: "e1jirwgn1",
+  label: "plasma-new-hope__StyledLink"
+})("opacity:", function (_ref) {
+  var isHref = _ref.isHref;
+  return isHref ? 1 : "var(".concat(tokens.breadcrumbsOpacity, ")");
+}, ";", /*#__PURE__*/addFocus({
+  outlineOffset: '0rem',
+  outlineSize: '0.125rem',
+  outlineRadius: '0rem',
+  outlineColor: /*#__PURE__*/"var(".concat(tokens.breadcrumbsFocusOutlineColor, ")")
+}), ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvQnJlYWRjcnVtYnMvQnJlYWRjcnVtYnMuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWEyRCIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMtZW1vdGlvbi9jb21wb25lbnRzL0JyZWFkY3J1bWJzL0JyZWFkY3J1bWJzLnN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuaW1wb3J0IHsgbGlua0NvbmZpZyB9IGZyb20gJy4uL0xpbmsnO1xuaW1wb3J0IHsgY29tcG9uZW50LCBtZXJnZUNvbmZpZyB9IGZyb20gJy4uLy4uL2VuZ2luZXMnO1xuaW1wb3J0IHsgSWNvbkRpc2Nsb3N1cmVSaWdodCB9IGZyb20gJy4uL19JY29uJztcbmltcG9ydCB7IGFkZEZvY3VzIH0gZnJvbSAnLi4vLi4vbWl4aW5zJztcblxuaW1wb3J0IHsgdG9rZW5zIH0gZnJvbSAnLi9CcmVhZGNydW1icy50b2tlbnMnO1xuXG5jb25zdCBtZXJnZWRMaW5rQ29uZmlnID0gbWVyZ2VDb25maWcobGlua0NvbmZpZyk7XG5jb25zdCBMaW5rID0gY29tcG9uZW50KG1lcmdlZExpbmtDb25maWcpO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkTGluayA9IHN0eWxlZChMaW5rKTx7IGlzSHJlZjogYm9vbGVhbiB9PmBcbiAgICBvcGFjaXR5OiAkeyh7IGlzSHJlZiB9KSA9PiAoaXNIcmVmID8gMSA6IGB2YXIoJHt0b2tlbnMuYnJlYWRjcnVtYnNPcGFjaXR5fSlgKX07XG5cbiAgICAke2FkZEZvY3VzKHtcbiAgICAgICAgb3V0bGluZU9mZnNldDogJzByZW0nLFxuICAgICAgICBvdXRsaW5lU2l6ZTogJzAuMTI1cmVtJyxcbiAgICAgICAgb3V0bGluZVJhZGl1czogJzByZW0nLFxuICAgICAgICBvdXRsaW5lQ29sb3I6IGB2YXIoJHt0b2tlbnMuYnJlYWRjcnVtYnNGb2N1c091dGxpbmVDb2xvcn0pYCxcbiAgICB9KX1cbmA7XG5cbmV4cG9ydCBjb25zdCBiYXNlID0gY3NzYFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgZmxleC1kaXJlY3Rpb246IHJvdztcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgIGdhcDogdmFyKCR7dG9rZW5zLmJyZWFkY3J1bWJzR2FwfSk7XG5cbiAgICBjb2xvcjogdmFyKCR7dG9rZW5zLmJyZWFkY3J1bWJzQ29sb3J9KTtcbiAgICBmb250LWZhbWlseTogdmFyKCR7dG9rZW5zLmJyZWFkY3J1bWJzRm9udEZhbWlseX0pO1xuICAgIGZvbnQtc2l6ZTogdmFyKCR7dG9rZW5zLmJyZWFkY3J1bWJzRm9udFNpemV9KTtcbiAgICBmb250LXdlaWdodDogdmFyKCR7dG9rZW5zLmJyZWFkY3J1bWJzRm9udFdlaWdodH0pO1xuICAgIGZvbnQtc3R5bGU6IHZhcigke3Rva2Vucy5icmVhZGNydW1ic0ZvbnRTdHlsZX0pO1xuICAgIGxldHRlci1zcGFjaW5nOiB2YXIoJHt0b2tlbnMuYnJlYWRjcnVtYnNMZXR0ZXJTcGFjaW5nfSk7XG4gICAgbGluZS1oZWlnaHQ6IHZhcigke3Rva2Vucy5icmVhZGNydW1ic0xpbmVIZWlnaHR9KTtcbmA7XG5cbmV4cG9ydCBjb25zdCBTZXBhcmF0b3IgPSBzdHlsZWQoSWNvbkRpc2Nsb3N1cmVSaWdodClgXG4gICAgY29sb3I6IHZhcigke3Rva2Vucy5icmVhZGNydW1ic0NvbG9yfSk7XG4gICAgb3BhY2l0eTogdmFyKCR7dG9rZW5zLmJyZWFkY3J1bWJzT3BhY2l0eX0pO1xuYDtcbiJdfQ== */"));
+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= */"));
+export var Separator = /*#__PURE__*/_styled(IconDisclosureRight, {
+  target: "e1jirwgn0",
+  label: "plasma-new-hope__Separator"
+})("color:var(", tokens.breadcrumbsColor, ");opacity:var(", tokens.breadcrumbsOpacity, ");" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvQnJlYWRjcnVtYnMvQnJlYWRjcnVtYnMuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXVDb0QiLCJmaWxlIjoiLi4vLi4vLi4vLi4vc3JjLWVtb3Rpb24vY29tcG9uZW50cy9CcmVhZGNydW1icy9CcmVhZGNydW1icy5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmltcG9ydCB7IGxpbmtDb25maWcgfSBmcm9tICcuLi9MaW5rJztcbmltcG9ydCB7IGNvbXBvbmVudCwgbWVyZ2VDb25maWcgfSBmcm9tICcuLi8uLi9lbmdpbmVzJztcbmltcG9ydCB7IEljb25EaXNjbG9zdXJlUmlnaHQgfSBmcm9tICcuLi9fSWNvbic7XG5pbXBvcnQgeyBhZGRGb2N1cyB9IGZyb20gJy4uLy4uL21peGlucyc7XG5cbmltcG9ydCB7IHRva2VucyB9IGZyb20gJy4vQnJlYWRjcnVtYnMudG9rZW5zJztcblxuY29uc3QgbWVyZ2VkTGlua0NvbmZpZyA9IG1lcmdlQ29uZmlnKGxpbmtDb25maWcpO1xuY29uc3QgTGluayA9IGNvbXBvbmVudChtZXJnZWRMaW5rQ29uZmlnKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZExpbmsgPSBzdHlsZWQoTGluayk8eyBpc0hyZWY6IGJvb2xlYW4gfT5gXG4gICAgb3BhY2l0eTogJHsoeyBpc0hyZWYgfSkgPT4gKGlzSHJlZiA/IDEgOiBgdmFyKCR7dG9rZW5zLmJyZWFkY3J1bWJzT3BhY2l0eX0pYCl9O1xuXG4gICAgJHthZGRGb2N1cyh7XG4gICAgICAgIG91dGxpbmVPZmZzZXQ6ICcwcmVtJyxcbiAgICAgICAgb3V0bGluZVNpemU6ICcwLjEyNXJlbScsXG4gICAgICAgIG91dGxpbmVSYWRpdXM6ICcwcmVtJyxcbiAgICAgICAgb3V0bGluZUNvbG9yOiBgdmFyKCR7dG9rZW5zLmJyZWFkY3J1bWJzRm9jdXNPdXRsaW5lQ29sb3J9KWAsXG4gICAgfSl9XG5gO1xuXG5leHBvcnQgY29uc3QgYmFzZSA9IGNzc2BcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGZsZXgtZGlyZWN0aW9uOiByb3c7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICBnYXA6IHZhcigke3Rva2Vucy5icmVhZGNydW1ic0dhcH0pO1xuXG4gICAgY29sb3I6IHZhcigke3Rva2Vucy5icmVhZGNydW1ic0NvbG9yfSk7XG4gICAgZm9udC1mYW1pbHk6IHZhcigke3Rva2Vucy5icmVhZGNydW1ic0ZvbnRGYW1pbHl9KTtcbiAgICBmb250LXNpemU6IHZhcigke3Rva2Vucy5icmVhZGNydW1ic0ZvbnRTaXplfSk7XG4gICAgZm9udC13ZWlnaHQ6IHZhcigke3Rva2Vucy5icmVhZGNydW1ic0ZvbnRXZWlnaHR9KTtcbiAgICBmb250LXN0eWxlOiB2YXIoJHt0b2tlbnMuYnJlYWRjcnVtYnNGb250U3R5bGV9KTtcbiAgICBsZXR0ZXItc3BhY2luZzogdmFyKCR7dG9rZW5zLmJyZWFkY3J1bWJzTGV0dGVyU3BhY2luZ30pO1xuICAgIGxpbmUtaGVpZ2h0OiB2YXIoJHt0b2tlbnMuYnJlYWRjcnVtYnNMaW5lSGVpZ2h0fSk7XG5gO1xuXG5leHBvcnQgY29uc3QgU2VwYXJhdG9yID0gc3R5bGVkKEljb25EaXNjbG9zdXJlUmlnaHQpYFxuICAgIGNvbG9yOiB2YXIoJHt0b2tlbnMuYnJlYWRjcnVtYnNDb2xvcn0pO1xuICAgIG9wYWNpdHk6IHZhcigke3Rva2Vucy5icmVhZGNydW1ic09wYWNpdHl9KTtcbmA7XG4iXX0= */"));

package/emotion/es/components/Breadcrumbs/Breadcrumbs.tokens.js

@@ -0,0 +1,15 @@
+export var classes = {
+  breadcrumbsRoot: 'breadcrumbs-root'
+};
+export var tokens = {
+  breadcrumbsGap: '--plasma-breadcrumbs-gap',
+  breadcrumbsOpacity: '--plasma-breadcrumbs-opacity',
+  breadcrumbsFocusOutlineColor: '--plasma-breadcrumbs-focus-outline-color',
+  breadcrumbsColor: '--plasma-breadcrumbs-color',
+  breadcrumbsFontFamily: '--plasma-breadcrumbs-font-family',
+  breadcrumbsFontSize: '--plasma-breadcrumbs-font-size',
+  breadcrumbsFontStyle: '--plasma-breadcrumbs-font-style',
+  breadcrumbsFontWeight: '--plasma-breadcrumbs-font-weight',
+  breadcrumbsLetterSpacing: '--plasma-breadcrumbs-letter-spacing',
+  breadcrumbsLineHeight: '--plasma-breadcrumbs-line-height'
+};

package/emotion/es/components/Breadcrumbs/Breadcrumbs.types.js

@@ -0,0 +1 @@
+export {};

package/emotion/es/components/Breadcrumbs/README.md

@@ -0,0 +1,78 @@
+Структура файлов:
+
+-   Breadcrumbs.types.ts
+-   Breadcrumbs.tokens.ts
+-   Breadcrumbs.tsx
+-   index.ts
+-   variants:
+-   -   \_size:
+-   -   -   base.ts
+-   -   -   tokens.json
+-   ui:
+-   -   BreadcrumbItem:
+-   -   -   BreadcrumbItem.tsx
+-   -   BreadcrumbShorter:
+-   -   -   BreadcrumbShorter.tsx
+-   -   BreadcrumbSeparator:
+-   -   -   BreadcrumbSeparator.tsx
+
+Логика работы:
+
+1. На вход идет 1 обязательный параметр: items
+
+```jsx
+<Breadcrumbs items={[{ title: 'Главная', href: '/' }]}></Breadcreumbs>
+```
+
+2. Затем генерируется массив элементов хлебных крошек, между ними сепаратор ( если указан пропс, то используется элемент из параметра, иначе стандартный из BreadcrumbSeparator )
+
+```jsx
+<Breadcrumbs items={[{ title: 'Главная', href: '/' }]} separator=">"></Breadcreumbs>
+```
+
+2.1. При генерации BreadcrumbItem, смотрит на href. Если он есть, то добавляется тег a, с указанной ссылкой, иначе ссылка не кликабельна
+
+```jsx
+<Breadcrumbs
+    items={[
+        { title: 'Главная', href: '/' },
+        { title: 'Контакты' }, // Без ссылки
+    ]}
+    separator=">"
+></Breadcreumbs>
+```
+
+3. Можно указать в item, вместо title и href - renderItem. Эта функция, которая возвращает любое, что придумал разработчик. кастомный шортер, определенный функционал для него ( например кнопку )
+
+```jsx
+const renderItem = () => {
+    return <Button>Контакты</Button>
+}
+<Breadcrumbs
+    items={[
+        {title: 'Главная', href: '/'},
+        {renderItem: renderItem}
+        {title: 'Адрес'}
+    ]}
+    separator=">">
+</Breadcreumbs>
+```
+
+ТАКЖЕ: Можно указать кол-во видимых элементов через параметр showItems. ShowItems: если указано четное число, напрмер 2 - то распределяется навномерно по 1 с каждой стороны. Если нечетное, напрмер 3 - то две будет справа и 1 слева. Все оставльное сокращается шортером
+
+```jsx
+const renderItem = () => {
+    return <Button>Контакты</Button>
+}
+<Breadcrumbs
+    items={[
+        {title: 'Главная', href: '/'},
+        {renderItem: renderItem}
+        {title: 'Адрес'}
+    ]}
+    showItems={2}
+    separator=">">
+</Breadcreumbs>
+```
+
+4. Затем все элементы рендерятся и показываются пользователю

package/emotion/es/components/Breadcrumbs/index.js

@@ -0,0 +1,2 @@
+export { breadcrumbsRoot, breadcrumbsConfig } from './Breadcrumbs';
+export { tokens as breadcrumbsTokens, classes as breadcrumbsClasses } from './Breadcrumbs.tokens';

package/emotion/es/components/Breadcrumbs/ui/BreadcrumbShorter/BreadcrumbShorter.js

@@ -0,0 +1,34 @@
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+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."); }
+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); }
+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; }
+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; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+import React, { useState } from 'react';
+import { StyledHidden, StyledRoot, StyledShorter } from './BreadcrumbShorter.styles';
+export var BreadcrumbShorter = function BreadcrumbShorter(_ref) {
+  var children = _ref.children,
+    separator = _ref.separator;
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    openShorter = _useState2[0],
+    setOpenShorter = _useState2[1];
+  var renderItems = children.flatMap(function (item, idx) {
+    return idx < children.length - 1 ? [item, separator] : [item];
+  });
+  var onKeyPress = function onKeyPress(event) {
+    event.persist();
+    if (event.keyCode === 13) {
+      setOpenShorter(true);
+    }
+  };
+  return /*#__PURE__*/React.createElement(StyledRoot, null, !openShorter && /*#__PURE__*/React.createElement(StyledShorter, {
+    tabIndex: 0,
+    onClick: function onClick() {
+      return setOpenShorter(true);
+    },
+    onKeyDown: onKeyPress
+  }, "..."), openShorter && /*#__PURE__*/React.createElement(StyledHidden, null, renderItems.map(function (item) {
+    return item;
+  })));
+};

package/emotion/es/components/Breadcrumbs/ui/BreadcrumbShorter/BreadcrumbShorter.styles.js

@@ -0,0 +1,13 @@
+var _templateObject, _templateObject2, _templateObject3;
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+import styled from 'styled-components';
+import { addFocus } from '../../../../mixins';
+import { tokens } from '../../Breadcrumbs.tokens';
+export var StyledRoot = /*#__PURE__*/styled.div(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral([""])));
+export var StyledShorter = /*#__PURE__*/styled.div(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n    cursor: pointer;\n    ", "\n"])), /*#__PURE__*/addFocus({
+  outlineOffset: '0.125rem',
+  outlineSize: '0.125rem',
+  outlineRadius: '0',
+  outlineColor: /*#__PURE__*/"var(".concat(tokens.breadcrumbsFocusOutlineColor, ")")
+}));
+export var StyledHidden = /*#__PURE__*/styled.div(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n    display: flex;\n    align-items: center;\n    gap: var(", ");\n"])), tokens.breadcrumbsGap);

package/emotion/es/components/Breadcrumbs/ui/BreadcrumbShorter/BreadcrumbShorter.types.js

@@ -0,0 +1 @@
+export {};

package/emotion/es/components/Breadcrumbs/variations/_size/base.js

@@ -0,0 +1,2 @@
+import { css } from '@emotion/react';
+export var base = /*#__PURE__*/css(";label:plasma-new-hope__base;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvQnJlYWRjcnVtYnMvdmFyaWF0aW9ucy9fc2l6ZS9iYXNlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUV1QiIsImZpbGUiOiIuLi8uLi8uLi8uLi8uLi8uLi9zcmMtZW1vdGlvbi9jb21wb25lbnRzL0JyZWFkY3J1bWJzL3ZhcmlhdGlvbnMvX3NpemUvYmFzZS50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuZXhwb3J0IGNvbnN0IGJhc2UgPSBjc3NgYDtcbiJdfQ== */"));

package/emotion/es/components/Breadcrumbs/variations/_view/base.js

@@ -0,0 +1,2 @@
+import { css } from '@emotion/react';
+export var base = /*#__PURE__*/css(";label:plasma-new-hope__base;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvQnJlYWRjcnVtYnMvdmFyaWF0aW9ucy9fdmlldy9iYXNlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUV1QiIsImZpbGUiOiIuLi8uLi8uLi8uLi8uLi8uLi9zcmMtZW1vdGlvbi9jb21wb25lbnRzL0JyZWFkY3J1bWJzL3ZhcmlhdGlvbnMvX3ZpZXcvYmFzZS50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuZXhwb3J0IGNvbnN0IGJhc2UgPSBjc3NgYDtcbiJdfQ== */"));

package/emotion/es/examples/plasma_b2c/components/Breadcrumbs/Breadcrumbs.config.js

@@ -0,0 +1,19 @@
+import { css } from '@emotion/react';
+import { breadcrumbsTokens } from '../../../../components/Breadcrumbs';
+export var config = {
+  defaults: {
+    view: 'default',
+    size: 'm'
+  },
+  variations: {
+    view: {
+      "default": /*#__PURE__*/css(breadcrumbsTokens.breadcrumbsColor, ":var(--text-primary);", breadcrumbsTokens.breadcrumbsOpacity, ":0.4;", breadcrumbsTokens.breadcrumbsFocusOutlineColor, ":var(--surface-accent);;label:plasma-new-hope__default;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2V4YW1wbGVzL3BsYXNtYV9iMmMvY29tcG9uZW50cy9CcmVhZGNydW1icy9CcmVhZGNydW1icy5jb25maWcudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBV3dCIiwiZmlsZSI6Ii4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2V4YW1wbGVzL3BsYXNtYV9iMmMvY29tcG9uZW50cy9CcmVhZGNydW1icy9CcmVhZGNydW1icy5jb25maWcudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmltcG9ydCB7IGJyZWFkY3J1bWJzVG9rZW5zIH0gZnJvbSAnLi4vLi4vLi4vLi4vY29tcG9uZW50cy9CcmVhZGNydW1icyc7XG5cbmV4cG9ydCBjb25zdCBjb25maWcgPSB7XG4gICAgZGVmYXVsdHM6IHtcbiAgICAgICAgdmlldzogJ2RlZmF1bHQnLFxuICAgICAgICBzaXplOiAnbScsXG4gICAgfSxcbiAgICB2YXJpYXRpb25zOiB7XG4gICAgICAgIHZpZXc6IHtcbiAgICAgICAgICAgIGRlZmF1bHQ6IGNzc2BcbiAgICAgICAgICAgICAgICAke2JyZWFkY3J1bWJzVG9rZW5zLmJyZWFkY3J1bWJzQ29sb3J9OiB2YXIoLS10ZXh0LXByaW1hcnkpO1xuICAgICAgICAgICAgICAgICR7YnJlYWRjcnVtYnNUb2tlbnMuYnJlYWRjcnVtYnNPcGFjaXR5fTogMC40O1xuICAgICAgICAgICAgICAgICR7YnJlYWRjcnVtYnNUb2tlbnMuYnJlYWRjcnVtYnNGb2N1c091dGxpbmVDb2xvcn06IHZhcigtLXN1cmZhY2UtYWNjZW50KTtcbiAgICAgICAgICAgIGAsXG4gICAgICAgIH0sXG4gICAgICAgIHNpemU6IHtcbiAgICAgICAgICAgIGw6IGNzc2BcbiAgICAgICAgICAgICAgICAke2JyZWFkY3J1bWJzVG9rZW5zLmJyZWFkY3J1bWJzR2FwfTogMC41cmVtO1xuXG4gICAgICAgICAgICAgICAgJHticmVhZGNydW1ic1Rva2Vucy5icmVhZGNydW1ic0ZvbnRGYW1pbHl9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LWwtZm9udC1mYW1pbHkpO1xuICAgICAgICAgICAgICAgICR7YnJlYWRjcnVtYnNUb2tlbnMuYnJlYWRjcnVtYnNGb250U2l6ZX06IHZhcigtLXBsYXNtYS10eXBvLWJvZHktbC1mb250LXNpemUpO1xuICAgICAgICAgICAgICAgICR7YnJlYWRjcnVtYnNUb2tlbnMuYnJlYWRjcnVtYnNGb250U3R5bGV9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LWwtZm9udC1zdHlsZSk7XG4gICAgICAgICAgICAgICAgJHticmVhZGNydW1ic1Rva2Vucy5icmVhZGNydW1ic0ZvbnRXZWlnaHR9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LWwtYm9sZC13ZWlnaHQpO1xuICAgICAgICAgICAgICAgICR7YnJlYWRjcnVtYnNUb2tlbnMuYnJlYWRjcnVtYnNMZXR0ZXJTcGFjaW5nfTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS1sLWxldHRlci1zcGFjaW5nKTtcbiAgICAgICAgICAgICAgICAke2JyZWFkY3J1bWJzVG9rZW5zLmJyZWFkY3J1bWJzTGluZUhlaWdodH06IHZhcigtLXBsYXNtYS10eXBvLWJvZHktbC1saW5lLWhlaWdodCk7XG4gICAgICAgICAgICBgLFxuICAgICAgICAgICAgbTogY3NzYFxuICAgICAgICAgICAgICAgICR7YnJlYWRjcnVtYnNUb2tlbnMuYnJlYWRjcnVtYnNHYXB9OiAwLjM3NXJlbTtcblxuICAgICAgICAgICAgICAgICR7YnJlYWRjcnVtYnNUb2tlbnMuYnJlYWRjcnVtYnNGb250RmFtaWx5fTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS1tLWZvbnQtZmFtaWx5KTtcbiAgICAgICAgICAgICAgICAke2JyZWFkY3J1bWJzVG9rZW5zLmJyZWFkY3J1bWJzRm9udFNpemV9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LW0tZm9udC1zaXplKTtcbiAgICAgICAgICAgICAgICAke2JyZWFkY3J1bWJzVG9rZW5zLmJyZWFkY3J1bWJzRm9udFN0eWxlfTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS1tLWZvbnQtc3R5bGUpO1xuICAgICAgICAgICAgICAgICR7YnJlYWRjcnVtYnNUb2tlbnMuYnJlYWRjcnVtYnNGb250V2VpZ2h0fTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS1tLWJvbGQtd2VpZ2h0KTtcbiAgICAgICAgICAgICAgICAke2JyZWFkY3J1bWJzVG9rZW5zLmJyZWFkY3J1bWJzTGV0dGVyU3BhY2luZ306IHZhcigtLXBsYXNtYS10eXBvLWJvZHktbS1sZXR0ZXItc3BhY2luZyk7XG4gICAgICAgICAgICAgICAgJHticmVhZGNydW1ic1Rva2Vucy5icmVhZGNydW1ic0xpbmVIZWlnaHR9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LW0tbGluZS1oZWlnaHQpO1xuICAgICAgICAgICAgYCxcbiAgICAgICAgICAgIHM6IGNzc2BcbiAgICAgICAgICAgICAgICAke2JyZWFkY3J1bWJzVG9rZW5zLmJyZWFkY3J1bWJzR2FwfTogMC4yNXJlbTtcblxuICAgICAgICAgICAgICAgICR7YnJlYWRjcnVtYnNUb2tlbnMuYnJlYWRjcnVtYnNGb250RmFtaWx5fTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS1zLWZvbnQtZmFtaWx5KTtcbiAgICAgICAgICAgICAgICAke2JyZWFkY3J1bWJzVG9rZW5zLmJyZWFkY3J1bWJzRm9udFNpemV9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LXMtZm9udC1zaXplKTtcbiAgICAgICAgICAgICAgICAke2JyZWFkY3J1bWJzVG9rZW5zLmJyZWFkY3J1bWJzRm9udFN0eWxlfTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS1zLWZvbnQtc3R5bGUpO1xuICAgICAgICAgICAgICAgICR7YnJlYWRjcnVtYnNUb2tlbnMuYnJlYWRjcnVtYnNGb250V2VpZ2h0fTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS1zLWJvbGQtd2VpZ2h0KTtcbiAgICAgICAgICAgICAgICAke2JyZWFkY3J1bWJzVG9rZW5zLmJyZWFkY3J1bWJzTGV0dGVyU3BhY2luZ306IHZhcigtLXBsYXNtYS10eXBvLWJvZHktcy1sZXR0ZXItc3BhY2luZyk7XG4gICAgICAgICAgICAgICAgJHticmVhZGNydW1ic1Rva2Vucy5icmVhZGNydW1ic0xpbmVIZWlnaHR9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LXMtbGluZS1oZWlnaHQpO1xuICAgICAgICAgICAgYCxcbiAgICAgICAgICAgIHhzOiBjc3NgXG4gICAgICAgICAgICAgICAgJHticmVhZGNydW1ic1Rva2Vucy5icmVhZGNydW1ic0dhcH06IDByZW07XG5cbiAgICAgICAgICAgICAgICAke2JyZWFkY3J1bWJzVG9rZW5zLmJyZWFkY3J1bWJzRm9udEZhbWlseX06IHZhcigtLXBsYXNtYS10eXBvLWJvZHkteHMtZm9udC1mYW1pbHkpO1xuICAgICAgICAgICAgICAgICR7YnJlYWRjcnVtYnNUb2tlbnMuYnJlYWRjcnVtYnNGb250U2l6ZX06IHZhcigtLXBsYXNtYS10eXBvLWJvZHkteHMtZm9udC1zaXplKTtcbiAgICAgICAgICAgICAgICAke2JyZWFkY3J1bWJzVG9rZW5zLmJyZWFkY3J1bWJzRm9udFN0eWxlfTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS14cy1mb250LXN0eWxlKTtcbiAgICAgICAgICAgICAgICAke2JyZWFkY3J1bWJzVG9rZW5zLmJyZWFkY3J1bWJzRm9udFdlaWdodH06IHZhcigtLXBsYXNtYS10eXBvLWJvZHkteHMtYm9sZC13ZWlnaHQpO1xuICAgICAgICAgICAgICAgICR7YnJlYWRjcnVtYnNUb2tlbnMuYnJlYWRjcnVtYnNMZXR0ZXJTcGFjaW5nfTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS14cy1sZXR0ZXItc3BhY2luZyk7XG4gICAgICAgICAgICAgICAgJHticmVhZGNydW1ic1Rva2Vucy5icmVhZGNydW1ic0xpbmVIZWlnaHR9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LXhzLWxpbmUtaGVpZ2h0KTtcbiAgICAgICAgICAgIGAsXG4gICAgICAgIH0sXG4gICAgfSxcbn07XG4iXX0= */"))
+    },
+    size: {
+      l: /*#__PURE__*/css(breadcrumbsTokens.breadcrumbsGap, ":0.5rem;", breadcrumbsTokens.breadcrumbsFontFamily, ":var(--plasma-typo-body-l-font-family);", breadcrumbsTokens.breadcrumbsFontSize, ":var(--plasma-typo-body-l-font-size);", breadcrumbsTokens.breadcrumbsFontStyle, ":var(--plasma-typo-body-l-font-style);", breadcrumbsTokens.breadcrumbsFontWeight, ":var(--plasma-typo-body-l-bold-weight);", breadcrumbsTokens.breadcrumbsLetterSpacing, ":var(--plasma-typo-body-l-letter-spacing);", 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 */")),
+      m: /*#__PURE__*/css(breadcrumbsTokens.breadcrumbsGap, ":0.375rem;", breadcrumbsTokens.breadcrumbsFontFamily, ":var(--plasma-typo-body-m-font-family);", breadcrumbsTokens.breadcrumbsFontSize, ":var(--plasma-typo-body-m-font-size);", breadcrumbsTokens.breadcrumbsFontStyle, ":var(--plasma-typo-body-m-font-style);", breadcrumbsTokens.breadcrumbsFontWeight, ":var(--plasma-typo-body-m-bold-weight);", breadcrumbsTokens.breadcrumbsLetterSpacing, ":var(--plasma-typo-body-m-letter-spacing);", 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 */")),
+      s: /*#__PURE__*/css(breadcrumbsTokens.breadcrumbsGap, ":0.25rem;", breadcrumbsTokens.breadcrumbsFontFamily, ":var(--plasma-typo-body-s-font-family);", breadcrumbsTokens.breadcrumbsFontSize, ":var(--plasma-typo-body-s-font-size);", breadcrumbsTokens.breadcrumbsFontStyle, ":var(--plasma-typo-body-s-font-style);", breadcrumbsTokens.breadcrumbsFontWeight, ":var(--plasma-typo-body-s-bold-weight);", breadcrumbsTokens.breadcrumbsLetterSpacing, ":var(--plasma-typo-body-s-letter-spacing);", 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 */")),
+      xs: /*#__PURE__*/css(breadcrumbsTokens.breadcrumbsGap, ":0rem;", breadcrumbsTokens.breadcrumbsFontFamily, ":var(--plasma-typo-body-xs-font-family);", breadcrumbsTokens.breadcrumbsFontSize, ":var(--plasma-typo-body-xs-font-size);", breadcrumbsTokens.breadcrumbsFontStyle, ":var(--plasma-typo-body-xs-font-style);", breadcrumbsTokens.breadcrumbsFontWeight, ":var(--plasma-typo-body-xs-bold-weight);", breadcrumbsTokens.breadcrumbsLetterSpacing, ":var(--plasma-typo-body-xs-letter-spacing);", 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 */"))
+    }
+  }
+};

package/emotion/es/examples/plasma_b2c/components/Breadcrumbs/Breadcrumbs.js

@@ -0,0 +1,5 @@
+import { breadcrumbsConfig } from '../../../../components/Breadcrumbs';
+import { component, mergeConfig } from '../../../../engines';
+import { config } from './Breadcrumbs.config';
+var mergedConfig = /*#__PURE__*/mergeConfig(breadcrumbsConfig, config);
+export var Breadcrumbs = /*#__PURE__*/component(mergedConfig);

package/emotion/es/examples/plasma_b2c/components/Breadcrumbs/Breadcrumbs.stories.tsx

@@ -0,0 +1,42 @@
+import React from 'react';
+import type { ComponentProps } from 'react';
+import type { StoryObj, Meta } from '@storybook/react';
+
+import { mergeConfig } from '../../../../engines';
+import { WithTheme, argTypesFromConfig } from '../../../_helpers';
+import { accordionConfig } from '../../../../components/Accordion';
+
+import { config } from './Breadcrumbs.config';
+import { Breadcrumbs } from './Breadcrumbs';
+
+type BreadcrumbsProps = ComponentProps<typeof Breadcrumbs>;
+
+const meta: Meta<BreadcrumbsProps> = {
+    title: 'plasma_b2c/Breadcrumbs',
+    decorators: [WithTheme],
+    component: Breadcrumbs,
+    args: {
+        view: 'default',
+        size: 'm',
+        showItems: 2,
+        items: [
+            { title: 'Home', href: '/' },
+            { title: 'About as', href: '/' },
+            { renderItem: () => <span>Custom Item</span> },
+            { title: 'Contacts' },
+        ],
+    },
+    argTypes: {
+        ...argTypesFromConfig(mergeConfig(accordionConfig, config)),
+    },
+};
+
+export default meta;
+
+export const Default: StoryObj<BreadcrumbsProps> = {
+    render: (props: BreadcrumbsProps) => {
+        const args = { ...props };
+
+        return <Breadcrumbs {...args} />;
+    },
+};

package/emotion/es/examples/plasma_web/components/Breadcrumbs/Breadcrumbs.config.js

@@ -0,0 +1,19 @@
+import { css } from '@emotion/react';
+import { breadcrumbsTokens } from '../../../../components/Breadcrumbs';
+export var config = {
+  defaults: {
+    view: 'default',
+    size: 'm'
+  },
+  variations: {
+    view: {
+      "default": /*#__PURE__*/css(breadcrumbsTokens.breadcrumbsColor, ":var(--text-primary);", breadcrumbsTokens.breadcrumbsOpacity, ":0.4;", breadcrumbsTokens.breadcrumbsFocusOutlineColor, ":var(--surface-accent);;label:plasma-new-hope__default;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2V4YW1wbGVzL3BsYXNtYV93ZWIvY29tcG9uZW50cy9CcmVhZGNydW1icy9CcmVhZGNydW1icy5jb25maWcudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBV3dCIiwiZmlsZSI6Ii4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2V4YW1wbGVzL3BsYXNtYV93ZWIvY29tcG9uZW50cy9CcmVhZGNydW1icy9CcmVhZGNydW1icy5jb25maWcudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmltcG9ydCB7IGJyZWFkY3J1bWJzVG9rZW5zIH0gZnJvbSAnLi4vLi4vLi4vLi4vY29tcG9uZW50cy9CcmVhZGNydW1icyc7XG5cbmV4cG9ydCBjb25zdCBjb25maWcgPSB7XG4gICAgZGVmYXVsdHM6IHtcbiAgICAgICAgdmlldzogJ2RlZmF1bHQnLFxuICAgICAgICBzaXplOiAnbScsXG4gICAgfSxcbiAgICB2YXJpYXRpb25zOiB7XG4gICAgICAgIHZpZXc6IHtcbiAgICAgICAgICAgIGRlZmF1bHQ6IGNzc2BcbiAgICAgICAgICAgICAgICAke2JyZWFkY3J1bWJzVG9rZW5zLmJyZWFkY3J1bWJzQ29sb3J9OiB2YXIoLS10ZXh0LXByaW1hcnkpO1xuICAgICAgICAgICAgICAgICR7YnJlYWRjcnVtYnNUb2tlbnMuYnJlYWRjcnVtYnNPcGFjaXR5fTogMC40O1xuICAgICAgICAgICAgICAgICR7YnJlYWRjcnVtYnNUb2tlbnMuYnJlYWRjcnVtYnNGb2N1c091dGxpbmVDb2xvcn06IHZhcigtLXN1cmZhY2UtYWNjZW50KTtcbiAgICAgICAgICAgIGAsXG4gICAgICAgIH0sXG4gICAgICAgIHNpemU6IHtcbiAgICAgICAgICAgIGw6IGNzc2BcbiAgICAgICAgICAgICAgICAke2JyZWFkY3J1bWJzVG9rZW5zLmJyZWFkY3J1bWJzR2FwfTogMC41cmVtO1xuXG4gICAgICAgICAgICAgICAgJHticmVhZGNydW1ic1Rva2Vucy5icmVhZGNydW1ic0ZvbnRGYW1pbHl9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LWwtZm9udC1mYW1pbHkpO1xuICAgICAgICAgICAgICAgICR7YnJlYWRjcnVtYnNUb2tlbnMuYnJlYWRjcnVtYnNGb250U2l6ZX06IHZhcigtLXBsYXNtYS10eXBvLWJvZHktbC1mb250LXNpemUpO1xuICAgICAgICAgICAgICAgICR7YnJlYWRjcnVtYnNUb2tlbnMuYnJlYWRjcnVtYnNGb250U3R5bGV9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LWwtZm9udC1zdHlsZSk7XG4gICAgICAgICAgICAgICAgJHticmVhZGNydW1ic1Rva2Vucy5icmVhZGNydW1ic0ZvbnRXZWlnaHR9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LWwtYm9sZC13ZWlnaHQpO1xuICAgICAgICAgICAgICAgICR7YnJlYWRjcnVtYnNUb2tlbnMuYnJlYWRjcnVtYnNMZXR0ZXJTcGFjaW5nfTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS1sLWxldHRlci1zcGFjaW5nKTtcbiAgICAgICAgICAgICAgICAke2JyZWFkY3J1bWJzVG9rZW5zLmJyZWFkY3J1bWJzTGluZUhlaWdodH06IHZhcigtLXBsYXNtYS10eXBvLWJvZHktbC1saW5lLWhlaWdodCk7XG4gICAgICAgICAgICBgLFxuICAgICAgICAgICAgbTogY3NzYFxuICAgICAgICAgICAgICAgICR7YnJlYWRjcnVtYnNUb2tlbnMuYnJlYWRjcnVtYnNHYXB9OiAwLjM3NXJlbTtcblxuICAgICAgICAgICAgICAgICR7YnJlYWRjcnVtYnNUb2tlbnMuYnJlYWRjcnVtYnNGb250RmFtaWx5fTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS1tLWZvbnQtZmFtaWx5KTtcbiAgICAgICAgICAgICAgICAke2JyZWFkY3J1bWJzVG9rZW5zLmJyZWFkY3J1bWJzRm9udFNpemV9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LW0tZm9udC1zaXplKTtcbiAgICAgICAgICAgICAgICAke2JyZWFkY3J1bWJzVG9rZW5zLmJyZWFkY3J1bWJzRm9udFN0eWxlfTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS1tLWZvbnQtc3R5bGUpO1xuICAgICAgICAgICAgICAgICR7YnJlYWRjcnVtYnNUb2tlbnMuYnJlYWRjcnVtYnNGb250V2VpZ2h0fTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS1tLWJvbGQtd2VpZ2h0KTtcbiAgICAgICAgICAgICAgICAke2JyZWFkY3J1bWJzVG9rZW5zLmJyZWFkY3J1bWJzTGV0dGVyU3BhY2luZ306IHZhcigtLXBsYXNtYS10eXBvLWJvZHktbS1sZXR0ZXItc3BhY2luZyk7XG4gICAgICAgICAgICAgICAgJHticmVhZGNydW1ic1Rva2Vucy5icmVhZGNydW1ic0xpbmVIZWlnaHR9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LW0tbGluZS1oZWlnaHQpO1xuICAgICAgICAgICAgYCxcbiAgICAgICAgICAgIHM6IGNzc2BcbiAgICAgICAgICAgICAgICAke2JyZWFkY3J1bWJzVG9rZW5zLmJyZWFkY3J1bWJzR2FwfTogMC4yNXJlbTtcblxuICAgICAgICAgICAgICAgICR7YnJlYWRjcnVtYnNUb2tlbnMuYnJlYWRjcnVtYnNGb250RmFtaWx5fTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS1zLWZvbnQtZmFtaWx5KTtcbiAgICAgICAgICAgICAgICAke2JyZWFkY3J1bWJzVG9rZW5zLmJyZWFkY3J1bWJzRm9udFNpemV9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LXMtZm9udC1zaXplKTtcbiAgICAgICAgICAgICAgICAke2JyZWFkY3J1bWJzVG9rZW5zLmJyZWFkY3J1bWJzRm9udFN0eWxlfTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS1zLWZvbnQtc3R5bGUpO1xuICAgICAgICAgICAgICAgICR7YnJlYWRjcnVtYnNUb2tlbnMuYnJlYWRjcnVtYnNGb250V2VpZ2h0fTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS1zLWJvbGQtd2VpZ2h0KTtcbiAgICAgICAgICAgICAgICAke2JyZWFkY3J1bWJzVG9rZW5zLmJyZWFkY3J1bWJzTGV0dGVyU3BhY2luZ306IHZhcigtLXBsYXNtYS10eXBvLWJvZHktcy1sZXR0ZXItc3BhY2luZyk7XG4gICAgICAgICAgICAgICAgJHticmVhZGNydW1ic1Rva2Vucy5icmVhZGNydW1ic0xpbmVIZWlnaHR9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LXMtbGluZS1oZWlnaHQpO1xuICAgICAgICAgICAgYCxcbiAgICAgICAgICAgIHhzOiBjc3NgXG4gICAgICAgICAgICAgICAgJHticmVhZGNydW1ic1Rva2Vucy5icmVhZGNydW1ic0dhcH06IDByZW07XG5cbiAgICAgICAgICAgICAgICAke2JyZWFkY3J1bWJzVG9rZW5zLmJyZWFkY3J1bWJzRm9udEZhbWlseX06IHZhcigtLXBsYXNtYS10eXBvLWJvZHkteHMtZm9udC1mYW1pbHkpO1xuICAgICAgICAgICAgICAgICR7YnJlYWRjcnVtYnNUb2tlbnMuYnJlYWRjcnVtYnNGb250U2l6ZX06IHZhcigtLXBsYXNtYS10eXBvLWJvZHkteHMtZm9udC1zaXplKTtcbiAgICAgICAgICAgICAgICAke2JyZWFkY3J1bWJzVG9rZW5zLmJyZWFkY3J1bWJzRm9udFN0eWxlfTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS14cy1mb250LXN0eWxlKTtcbiAgICAgICAgICAgICAgICAke2JyZWFkY3J1bWJzVG9rZW5zLmJyZWFkY3J1bWJzRm9udFdlaWdodH06IHZhcigtLXBsYXNtYS10eXBvLWJvZHkteHMtYm9sZC13ZWlnaHQpO1xuICAgICAgICAgICAgICAgICR7YnJlYWRjcnVtYnNUb2tlbnMuYnJlYWRjcnVtYnNMZXR0ZXJTcGFjaW5nfTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS14cy1sZXR0ZXItc3BhY2luZyk7XG4gICAgICAgICAgICAgICAgJHticmVhZGNydW1ic1Rva2Vucy5icmVhZGNydW1ic0xpbmVIZWlnaHR9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LXhzLWxpbmUtaGVpZ2h0KTtcbiAgICAgICAgICAgIGAsXG4gICAgICAgIH0sXG4gICAgfSxcbn07XG4iXX0= */"))
+    },
+    size: {
+      l: /*#__PURE__*/css(breadcrumbsTokens.breadcrumbsGap, ":0.5rem;", breadcrumbsTokens.breadcrumbsFontFamily, ":var(--plasma-typo-body-l-font-family);", breadcrumbsTokens.breadcrumbsFontSize, ":var(--plasma-typo-body-l-font-size);", breadcrumbsTokens.breadcrumbsFontStyle, ":var(--plasma-typo-body-l-font-style);", breadcrumbsTokens.breadcrumbsFontWeight, ":var(--plasma-typo-body-l-bold-weight);", breadcrumbsTokens.breadcrumbsLetterSpacing, ":var(--plasma-typo-body-l-letter-spacing);", 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 */")),
+      m: /*#__PURE__*/css(breadcrumbsTokens.breadcrumbsGap, ":0.375rem;", breadcrumbsTokens.breadcrumbsFontFamily, ":var(--plasma-typo-body-m-font-family);", breadcrumbsTokens.breadcrumbsFontSize, ":var(--plasma-typo-body-m-font-size);", breadcrumbsTokens.breadcrumbsFontStyle, ":var(--plasma-typo-body-m-font-style);", breadcrumbsTokens.breadcrumbsFontWeight, ":var(--plasma-typo-body-m-bold-weight);", breadcrumbsTokens.breadcrumbsLetterSpacing, ":var(--plasma-typo-body-m-letter-spacing);", 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 */")),
+      s: /*#__PURE__*/css(breadcrumbsTokens.breadcrumbsGap, ":0.25rem;", breadcrumbsTokens.breadcrumbsFontFamily, ":var(--plasma-typo-body-s-font-family);", breadcrumbsTokens.breadcrumbsFontSize, ":var(--plasma-typo-body-s-font-size);", breadcrumbsTokens.breadcrumbsFontStyle, ":var(--plasma-typo-body-s-font-style);", breadcrumbsTokens.breadcrumbsFontWeight, ":var(--plasma-typo-body-s-bold-weight);", breadcrumbsTokens.breadcrumbsLetterSpacing, ":var(--plasma-typo-body-s-letter-spacing);", 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 */")),
+      xs: /*#__PURE__*/css(breadcrumbsTokens.breadcrumbsGap, ":0rem;", breadcrumbsTokens.breadcrumbsFontFamily, ":var(--plasma-typo-body-xs-font-family);", breadcrumbsTokens.breadcrumbsFontSize, ":var(--plasma-typo-body-xs-font-size);", breadcrumbsTokens.breadcrumbsFontStyle, ":var(--plasma-typo-body-xs-font-style);", breadcrumbsTokens.breadcrumbsFontWeight, ":var(--plasma-typo-body-xs-bold-weight);", breadcrumbsTokens.breadcrumbsLetterSpacing, ":var(--plasma-typo-body-xs-letter-spacing);", 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 */"))
+    }
+  }
+};

package/emotion/es/examples/plasma_web/components/Breadcrumbs/Breadcrumbs.js

@@ -0,0 +1,5 @@
+import { breadcrumbsConfig } from '../../../../components/Breadcrumbs';
+import { component, mergeConfig } from '../../../../engines';
+import { config } from './Breadcrumbs.config';
+var mergedConfig = /*#__PURE__*/mergeConfig(breadcrumbsConfig, config);
+export var Breadcrumbs = /*#__PURE__*/component(mergedConfig);

package/emotion/es/examples/plasma_web/components/Breadcrumbs/Breadcrumbs.stories.tsx

@@ -0,0 +1,42 @@
+import React from 'react';
+import type { ComponentProps } from 'react';
+import type { StoryObj, Meta } from '@storybook/react';
+
+import { mergeConfig } from '../../../../engines';
+import { WithTheme, argTypesFromConfig } from '../../../_helpers';
+import { accordionConfig } from '../../../../components/Accordion';
+
+import { config } from './Breadcrumbs.config';
+import { Breadcrumbs } from './Breadcrumbs';
+
+type BreadcrumbsProps = ComponentProps<typeof Breadcrumbs>;
+
+const meta: Meta<BreadcrumbsProps> = {
+    title: 'plasma_web/Breadcrumbs',
+    decorators: [WithTheme],
+    component: Breadcrumbs,
+    args: {
+        view: 'default',
+        size: 'm',
+        showItems: 2,
+        items: [
+            { title: 'Home', href: '/' },
+            { title: 'About as', href: '/' },
+            { renderItem: () => <span>Custom Item</span> },
+            { title: 'Contacts' },
+        ],
+    },
+    argTypes: {
+        ...argTypesFromConfig(mergeConfig(accordionConfig, config)),
+    },
+};
+
+export default meta;
+
+export const Default: StoryObj<BreadcrumbsProps> = {
+    render: (props: BreadcrumbsProps) => {
+        const args = { ...props };
+
+        return <Breadcrumbs {...args} />;
+    },
+};

package/emotion/es/index.js

@@ -7,6 +7,7 @@ export * from './utils';
 export * from './components/Button';
 export * from './components/IconButton';
 export * from './components/ButtonGroup';
+export * from './components/Breadcrumbs';
 export * from './components/Chip';
 export * from './components/Cell';
 export * from './components/Link';

package/es/components/Breadcrumbs/Breadcrumbs.css

@@ -0,0 +1,13 @@
+.base_1vy4dme_bcchm3r__d3e4eaba{font-family:var(--plasma-link-font-family);color:var(--plasma-link-color);}.base_1vy4dme_bcchm3r__d3e4eaba::before{border-bottom:var(--plasma-link-underline-border) solid currentColor;}.base_1vy4dme_bcchm3r__d3e4eaba:hover{color:var(--plasma-link-color-hover,var(--plasma-link-color));}.base_1vy4dme_bcchm3r__d3e4eaba:hover::before{opacity:1;}.base_1vy4dme_bcchm3r__d3e4eaba:active{color:var(--plasma-link-color-active,var(--plasma-link-color));}.base_1vy4dme_bcchm3r__d3e4eaba:active::before{opacity:1;}.base_1vy4dme_bcchm3r__d3e4eaba:visited{color:var(--plasma-link-color-visited,var(--plasma-link-color));}.base_1vy4dme_bcchm3r__d3e4eaba:visited::before{opacity:1;}.base_1vy4dme_bcchm3r__d3e4eaba:visited:hover{color:var(--plasma-link-color-visited-hover,var(--plasma-link-color));}.base_1vy4dme_bcchm3r__d3e4eaba:visited:hover::before{opacity:1;}.base_1vy4dme_bcchm3r__d3e4eaba:visited:active{color:var(--plasma-link-color-visited-active,var(--plasma-link-color));}.base_1vy4dme_bcchm3r__d3e4eaba:visited:active::before{opacity:1;}
+
+.base_1w750p8_b1j3f4f__d44baab5[disabled]{opacity:var(--plasma-link-disabled-opacity);cursor:not-allowed;}.base_1w750p8_b1j3f4f__d44baab5[disabled]:hover,.base_1w750p8_b1j3f4f__d44baab5[disabled]:active{color:var(--plasma-link-color);}.base_1w750p8_b1j3f4f__d44baab5[disabled]::before{opacity:1;}
+
+.base_153fcja_b1iw8i40__3469524b:focus{outline:none;}.base_153fcja_b1iw8i40__3469524b:focus-visible::before{top:-0.0625rem;right:-0.0625rem;opacity:1;border-radius:0.375rem;box-shadow:0 0 0 0.0625rem var(--plasma-link-focus-color);border-bottom:none;}
+
+.Link_1oiwct5_b1j91s21__5667805d{position:relative;-webkit-text-decoration:none;text-decoration:none;-webkit-transition:color 0.15s ease-in;transition:color 0.15s ease-in;}.Link_1oiwct5_b1j91s21__5667805d::before{content:'';position:absolute;inset:0;opacity:0.4;}
+
+.IconRoot_7pl7ig_svvlqhf__32c458a1{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;width:var(--svvlqhf-0);height:var(--svvlqhf-0);-webkit-flex:0 0 var(--svvlqhf-0);-ms-flex:0 0 var(--svvlqhf-0);flex:0 0 var(--svvlqhf-0);}
+
+.Breadcrumbs_styles_1troyzr_shehk3i__0db10aef{opacity:var(--shehk3i-0);position:relative;}.Breadcrumbs_styles_1troyzr_shehk3i__0db10aef::before{content:'';position:absolute;top:0rem;left:0rem;right:0rem;bottom:0rem;z-index:1;display:block;box-sizing:content-box;border:0.125rem solid transparent;border-radius:0rem;-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.Breadcrumbs_styles_1troyzr_shehk3i__0db10aef.Breadcrumbs_styles_1troyzr_focusVisible__0db10aef:focus::before,.Breadcrumbs_styles_1troyzr_shehk3i__0db10aef[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.125rem var(--plasma-breadcrumbs-focus-outline-color);}
+.Breadcrumbs_styles_1troyzr_bkgt5xr__0db10aef{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:var(--plasma-breadcrumbs-gap);color:var(--plasma-breadcrumbs-color);font-family:var(--plasma-breadcrumbs-font-family);font-size:var(--plasma-breadcrumbs-font-size);font-weight:var(--plasma-breadcrumbs-font-weight);font-style:var(--plasma-breadcrumbs-font-style);-webkit-letter-spacing:var(--plasma-breadcrumbs-letter-spacing);-moz-letter-spacing:var(--plasma-breadcrumbs-letter-spacing);-ms-letter-spacing:var(--plasma-breadcrumbs-letter-spacing);letter-spacing:var(--plasma-breadcrumbs-letter-spacing);line-height:var(--plasma-breadcrumbs-line-height);}
+.Breadcrumbs_styles_1troyzr_sajtslk__0db10aef{color:var(--plasma-breadcrumbs-color);opacity:var(--plasma-breadcrumbs-opacity);}

package/es/components/Breadcrumbs/Breadcrumbs.js

@@ -0,0 +1,89 @@
+import React, { forwardRef } from 'react';
+import { cx } from '../../utils/index.js';
+import { base as base$2 } from './variations/_size/base.js';
+import { base as base$1 } from './variations/_view/base.js';
+import { StyledLink, base, Separator } from './Breadcrumbs.styles.js';
+import { BreadcrumbShorter } from './ui/BreadcrumbShorter/BreadcrumbShorter.js';
+
+var shortItems = function shortItems(items, renderSeparator, showItems) {
+  if (!showItems) {
+    return items;
+  }
+  var leftSlice = Math.floor(showItems / 2);
+  var rightSlice = items.length - leftSlice - showItems % 2;
+  var renderItems = items.slice(leftSlice, rightSlice);
+  var shorter = /*#__PURE__*/React.createElement(BreadcrumbShorter, {
+    separator: renderSeparator
+  }, renderItems);
+  items.splice(leftSlice, rightSlice - leftSlice, shorter);
+  return items;
+};
+var convertIconSize = function convertIconSize(size) {
+  switch (size) {
+    case 's':
+      return 'xs';
+    case 'm':
+      return 's';
+    case 'l':
+      return 's';
+    default:
+      return 's';
+  }
+};
+var breadcrumbsRoot = function breadcrumbsRoot(Root) {
+  return /*#__PURE__*/forwardRef(function (_ref, outerRootRef) {
+    var view = _ref.view,
+      size = _ref.size,
+      separator = _ref.separator,
+      items = _ref.items,
+      showItems = _ref.showItems,
+      className = _ref.className;
+    var renderSeparator = separator !== null && separator !== void 0 ? separator : /*#__PURE__*/React.createElement(Separator, {
+      color: "inherit",
+      size: convertIconSize(size)
+    });
+    var renderItems = shortItems(items.map(function (item) {
+      if ('renderItem' in item) {
+        return item.renderItem();
+      }
+      return /*#__PURE__*/React.createElement(StyledLink, {
+        tabIndex: 0,
+        href: item.href,
+        isHref: !!item.href
+      }, item.title);
+    }), renderSeparator, showItems);
+    var itemsWithSeparator = renderItems.flatMap(function (item, idx) {
+      return idx < renderItems.length - 1 ? [item, renderSeparator] : [item];
+    });
+    return /*#__PURE__*/React.createElement(Root, {
+      ref: outerRootRef,
+      size: size,
+      view: view,
+      className: cx(className),
+      items: items
+    }, itemsWithSeparator.map(function (item) {
+      return item;
+    }));
+  });
+};
+var breadcrumbsConfig = {
+  name: 'Breadcrumbs',
+  tag: 'div',
+  layout: breadcrumbsRoot,
+  base: base,
+  variations: {
+    view: {
+      css: base$1
+    },
+    size: {
+      css: base$2
+    }
+  },
+  defaults: {
+    view: 'default',
+    size: 'm'
+  }
+};
+
+export { breadcrumbsConfig, breadcrumbsRoot };
+//# sourceMappingURL=Breadcrumbs.js.map

package/es/components/Breadcrumbs/Breadcrumbs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Breadcrumbs.js","sources":["../../../src/components/Breadcrumbs/Breadcrumbs.tsx"],"sourcesContent":["import React, { forwardRef, ReactNode } from 'react';\n\nimport { RootProps } from '../../engines';\nimport { cx } from '../../utils';\n\nimport type { BreadcrumbsProps, BreadcrumbsItem } from './Breadcrumbs.types';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as viewCSS } from './variations/_view/base';\nimport { StyledLink, base, Separator } from './Breadcrumbs.styles';\nimport { BreadcrumbShorter } from './ui/BreadcrumbShorter/BreadcrumbShorter';\n\nconst shortItems = (items: ReactNode[], renderSeparator: ReactNode, showItems?: number) => {\n    if (!showItems) {\n        return items;\n    }\n\n    const leftSlice = Math.floor(showItems / 2);\n    const rightSlice = items.length - leftSlice - (showItems % 2);\n\n    const renderItems: ReactNode[] = items.slice(leftSlice, rightSlice);\n    const shorter = <BreadcrumbShorter separator={renderSeparator}>{renderItems}</BreadcrumbShorter>;\n    items.splice(leftSlice, rightSlice - leftSlice, shorter);\n    return items;\n};\n\nconst convertIconSize = (size?: 'xs' | 's' | 'm' | 'l') => {\n    switch (size) {\n        case 's':\n            return 'xs';\n        case 'm':\n            return 's';\n        case 'l':\n            return 's';\n        default:\n            return 's';\n    }\n};\n\nexport const breadcrumbsRoot = (Root: RootProps<HTMLDivElement, BreadcrumbsProps>) =>\n    forwardRef<HTMLDivElement, BreadcrumbsProps>(\n        ({ view, size, separator, items, showItems, className }, outerRootRef) => {\n            const renderSeparator = separator ?? <Separator color=\"inherit\" size={convertIconSize(size)} />;\n            const renderItems: ReactNode[] = shortItems(\n                items.map((item: BreadcrumbsItem) => {\n                    if ('renderItem' in item) {\n                        return item.renderItem();\n                    }\n                    return (\n                        <StyledLink tabIndex={0} href={item.href} isHref={!!item.href}>\n                            {item.title}\n                        </StyledLink>\n                    );\n                }),\n                renderSeparator,\n                showItems,\n            );\n\n            const itemsWithSeparator = renderItems.flatMap((item, idx) =>\n                idx < renderItems.length - 1 ? [item, renderSeparator] : [item],\n            );\n\n            return (\n                <Root ref={outerRootRef} size={size} view={view} className={cx(className)} items={items}>\n                    {itemsWithSeparator.map((item) => {\n                        return item;\n                    })}\n                </Root>\n            );\n        },\n    );\n\nexport const breadcrumbsConfig = {\n    name: 'Breadcrumbs',\n    tag: 'div',\n    layout: breadcrumbsRoot,\n    base,\n    variations: {\n        view: {\n            css: viewCSS,\n        },\n        size: {\n            css: sizeCSS,\n        },\n    },\n    defaults: {\n        view: 'default',\n        size: 'm',\n    },\n};\n"],"names":["shortItems","items","renderSeparator","showItems","leftSlice","Math","floor","rightSlice","length","renderItems","slice","shorter","React","createElement","BreadcrumbShorter","separator","splice","convertIconSize","size","breadcrumbsRoot","Root","forwardRef","_ref","outerRootRef","view","className","Separator","color","map","item","renderItem","StyledLink","tabIndex","href","isHref","title","itemsWithSeparator","flatMap","idx","ref","cx","breadcrumbsConfig","name","tag","layout","base","variations","css","viewCSS","sizeCSS","defaults"],"mappings":";;;;;;;AAWA,IAAMA,UAAU,GAAG,SAAbA,UAAUA,CAAIC,KAAkB,EAAEC,eAA0B,EAAEC,SAAkB,EAAK;EACvF,IAAI,CAACA,SAAS,EAAE;AACZ,IAAA,OAAOF,KAAK,CAAA;AAChB,GAAA;EAEA,IAAMG,SAAS,GAAGC,IAAI,CAACC,KAAK,CAACH,SAAS,GAAG,CAAC,CAAC,CAAA;EAC3C,IAAMI,UAAU,GAAGN,KAAK,CAACO,MAAM,GAAGJ,SAAS,GAAID,SAAS,GAAG,CAAE,CAAA;EAE7D,IAAMM,WAAwB,GAAGR,KAAK,CAACS,KAAK,CAACN,SAAS,EAAEG,UAAU,CAAC,CAAA;AACnE,EAAA,IAAMI,OAAO,gBAAGC,KAAA,CAAAC,aAAA,CAACC,iBAAiB,EAAA;AAACC,IAAAA,SAAS,EAAEb,eAAAA;AAAgB,GAAA,EAAEO,WAA+B,CAAC,CAAA;EAChGR,KAAK,CAACe,MAAM,CAACZ,SAAS,EAAEG,UAAU,GAAGH,SAAS,EAAEO,OAAO,CAAC,CAAA;AACxD,EAAA,OAAOV,KAAK,CAAA;AAChB,CAAC,CAAA;AAED,IAAMgB,eAAe,GAAG,SAAlBA,eAAeA,CAAIC,IAA6B,EAAK;AACvD,EAAA,QAAQA,IAAI;AACR,IAAA,KAAK,GAAG;AACJ,MAAA,OAAO,IAAI,CAAA;AACf,IAAA,KAAK,GAAG;AACJ,MAAA,OAAO,GAAG,CAAA;AACd,IAAA,KAAK,GAAG;AACJ,MAAA,OAAO,GAAG,CAAA;AACd,IAAA;AACI,MAAA,OAAO,GAAG,CAAA;AAClB,GAAA;AACJ,CAAC,CAAA;IAEYC,eAAe,GAAG,SAAlBA,eAAeA,CAAIC,IAAiD,EAAA;AAAA,EAAA,oBAC7EC,UAAU,CACN,UAAAC,IAAA,EAAyDC,YAAY,EAAK;AAAA,IAAA,IAAvEC,IAAI,GAAAF,IAAA,CAAJE,IAAI;MAAEN,IAAI,GAAAI,IAAA,CAAJJ,IAAI;MAAEH,SAAS,GAAAO,IAAA,CAATP,SAAS;MAAEd,KAAK,GAAAqB,IAAA,CAALrB,KAAK;MAAEE,SAAS,GAAAmB,IAAA,CAATnB,SAAS;MAAEsB,SAAS,GAAAH,IAAA,CAATG,SAAS,CAAA;AACjD,IAAA,IAAMvB,eAAe,GAAGa,SAAS,KAAA,IAAA,IAATA,SAAS,KAAA,KAAA,CAAA,GAATA,SAAS,gBAAIH,KAAA,CAAAC,aAAA,CAACa,SAAS,EAAA;AAACC,MAAAA,KAAK,EAAC,SAAS;MAACT,IAAI,EAAED,eAAe,CAACC,IAAI,CAAA;AAAE,KAAE,CAAC,CAAA;IAC/F,IAAMT,WAAwB,GAAGT,UAAU,CACvCC,KAAK,CAAC2B,GAAG,CAAC,UAACC,IAAqB,EAAK;MACjC,IAAI,YAAY,IAAIA,IAAI,EAAE;AACtB,QAAA,OAAOA,IAAI,CAACC,UAAU,EAAE,CAAA;AAC5B,OAAA;AACA,MAAA,oBACIlB,KAAA,CAAAC,aAAA,CAACkB,UAAU,EAAA;AAACC,QAAAA,QAAQ,EAAE,CAAE;QAACC,IAAI,EAAEJ,IAAI,CAACI,IAAK;AAACC,QAAAA,MAAM,EAAE,CAAC,CAACL,IAAI,CAACI,IAAAA;OACpDJ,EAAAA,IAAI,CAACM,KACE,CAAC,CAAA;AAErB,KAAC,CAAC,EACFjC,eAAe,EACfC,SACJ,CAAC,CAAA;IAED,IAAMiC,kBAAkB,GAAG3B,WAAW,CAAC4B,OAAO,CAAC,UAACR,IAAI,EAAES,GAAG,EAAA;AAAA,MAAA,OACrDA,GAAG,GAAG7B,WAAW,CAACD,MAAM,GAAG,CAAC,GAAG,CAACqB,IAAI,EAAE3B,eAAe,CAAC,GAAG,CAAC2B,IAAI,CAAC,CAAA;AAAA,KACnE,CAAC,CAAA;AAED,IAAA,oBACIjB,KAAA,CAAAC,aAAA,CAACO,IAAI,EAAA;AAACmB,MAAAA,GAAG,EAAEhB,YAAa;AAACL,MAAAA,IAAI,EAAEA,IAAK;AAACM,MAAAA,IAAI,EAAEA,IAAK;AAACC,MAAAA,SAAS,EAAEe,EAAE,CAACf,SAAS,CAAE;AAACxB,MAAAA,KAAK,EAAEA,KAAAA;AAAM,KAAA,EACnFmC,kBAAkB,CAACR,GAAG,CAAC,UAACC,IAAI,EAAK;AAC9B,MAAA,OAAOA,IAAI,CAAA;AACf,KAAC,CACC,CAAC,CAAA;AAEf,GACJ,CAAC,CAAA;AAAA,EAAA;AAEE,IAAMY,iBAAiB,GAAG;AAC7BC,EAAAA,IAAI,EAAE,aAAa;AACnBC,EAAAA,GAAG,EAAE,KAAK;AACVC,EAAAA,MAAM,EAAEzB,eAAe;AACvB0B,EAAAA,IAAI,EAAJA,IAAI;AACJC,EAAAA,UAAU,EAAE;AACRtB,IAAAA,IAAI,EAAE;AACFuB,MAAAA,GAAG,EAAEC,MAAAA;KACR;AACD9B,IAAAA,IAAI,EAAE;AACF6B,MAAAA,GAAG,EAAEE,MAAAA;AACT,KAAA;GACH;AACDC,EAAAA,QAAQ,EAAE;AACN1B,IAAAA,IAAI,EAAE,SAAS;AACfN,IAAAA,IAAI,EAAE,GAAA;AACV,GAAA;AACJ;;;;"}