@salutejs/plasma-new-hope 0.114.1-canary.1333.10216082008.0 → 0.115.0-canary.1310.10239897326.0

package/emotion/cjs/examples/plasma_b2c/components/Tabs/Tabs.stories.tsx

@@ -1,55 +1,26 @@
 import React, { useState } from 'react';
 import type { ComponentProps } from 'react';
 import type { StoryObj, Meta } from '@storybook/react';
-import { disableProps } from '@salutejs/plasma-sb-utils';
+import styled from '@emotion/styled';
 
 import { tabsConfig } from '../../../../components/Tabs';
 import { mergeConfig } from '../../../../engines';
 import { argTypesFromConfig, WithTheme } from '../../../_helpers';
 import { IconMic } from '../../../../components/_Icon';
-import { Dropdown } from '../Dropdown/Dropdown';
-import { Counter } from '../Counter/Counter';
 
 import { config } from './Tabs.config';
 import { Tabs } from './Tabs';
 import { TabItem } from './TabItem';
 
-const clips = ['none', 'scroll', 'showAll'];
-const sizes = ['xs', 's', 'm', 'l'] as const;
-const headerSizes = ['h5', 'h4', 'h3', 'h2', 'h1'] as const;
-
-type Size = typeof sizes[number];
+const tabItemViews = ['clear', 'default', 'divider', 'secondary'];
 
 type CustomStoryTabsProps = {
-    hasDivider: boolean;
-    itemQuantity: number;
-    contentLeft: string;
-    contentRight: string;
-    stretch?: boolean;
-};
-
-const contentLeftOptions = ['none', 'icon'];
-const contentRightOptions = ['none', 'text', 'counter', 'icon'];
-
-const getContentLeft = (contentLeftOption: string, size: Size) => {
-    const iconSize = size === 'xs' ? 'xs' : 's';
-    return contentLeftOption === 'icon' ? <IconMic size={iconSize} color="inherit" /> : undefined;
-};
-
-const getContentRight = (contentRightOption: string, size: Size) => {
-    const iconSize = size === 'xs' ? 'xs' : 's';
-    const counterSize = size === 'xs' ? 'xxs' : 'xs';
-
-    switch (contentRightOption) {
-        case 'icon':
-            return <IconMic size={iconSize} color="inherit" />;
-        case 'counter':
-            return <Counter size={counterSize} count={1} view="positive" />;
-        case 'text':
-            return <div>Text</div>;
-        default:
-            return undefined;
-    }
+    tabItemView: string;
+    itemsNumber?: number;
+    animated?: boolean;
+    label?: string;
+    showLeftContent: boolean;
+    showRightContent: boolean;
 };
 
 type StoryTabsProps = ComponentProps<typeof Tabs> & CustomStoryTabsProps;
@@ -60,19 +31,12 @@ const meta: Meta<StoryTabsProps> = {
     decorators: [WithTheme],
     argTypes: {
         ...argTypesFromConfig(mergeConfig(tabsConfig, config)),
-        contentLeft: {
-            options: contentLeftOptions,
-            control: {
-                type: 'select',
-            },
-        },
-        contentRight: {
-            options: contentRightOptions,
+        tabItemView: {
+            options: tabItemViews,
             control: {
                 type: 'select',
             },
         },
-        ...disableProps(['itemsNumber', 'pilled', 'animated', 'stretch', 'view']),
     },
 };
 
@@ -80,274 +44,219 @@ export default meta;
 
 const StoryDefault = (props: StoryTabsProps) => {
     const {
+        itemsNumber,
+        label,
+        view,
         disabled,
-        itemQuantity,
-        size,
-        contentLeft: contentLeftOption,
-        contentRight: contentRightOption,
-        hasDivider,
-    } = props;
-    const items = Array(itemQuantity).fill(0);
-    const [index, setIndex] = useState(0);
-
-    return (
-        <Tabs view={hasDivider ? 'divider' : 'clear'} disabled={disabled} size={size}>
-            {items.map((_, i) => (
-                <TabItem
-                    key={`item:${i}`}
-                    view="divider"
-                    selected={i === index}
-                    onClick={() => !disabled && setIndex(i)}
-                    tabIndex={!disabled ? 0 : -1}
-                    disabled={disabled}
-                    contentLeft={getContentLeft(contentLeftOption, size as Size)}
-                    contentRight={getContentRight(contentRightOption, size as Size)}
-                    size={size}
-                >
-                    {`Label${i + 1}`}
-                </TabItem>
-            ))}
-        </Tabs>
-    );
-};
-
-const StoryScroll = (props: StoryTabsProps) => {
-    const {
-        disabled,
-        itemQuantity,
-        clip,
+        stretch,
+        pilled,
+        animated,
+        tabItemView,
         size,
-        contentLeft: contentLeftOption,
-        contentRight: contentRightOption,
-        hasDivider,
+        showLeftContent,
+        showRightContent,
     } = props;
-    const items = Array(itemQuantity).fill(0);
+    const items = Array(itemsNumber).fill(0);
+    const secondItems = Array(10).fill(0);
     const [index, setIndex] = useState(0);
+    const [secondIndex, setSecondIndex] = useState(0);
+    const [thirdIndex, setThirdIndex] = useState(0);
 
     return (
-        <Tabs
-            clip={clip}
-            view={hasDivider ? 'divider' : 'clear'}
-            disabled={disabled}
-            size={size}
-            style={{ width: '15rem' }}
-        >
-            {items.map((_, i) => (
-                <TabItem
-                    key={`item:${i}`}
-                    view="divider"
-                    selected={i === index}
-                    onClick={() => !disabled && setIndex(i)}
-                    tabIndex={!disabled ? 0 : -1}
-                    disabled={disabled}
-                    contentLeft={getContentLeft(contentLeftOption, size as Size)}
-                    contentRight={getContentRight(contentRightOption, size as Size)}
-                    size={size}
-                >
-                    {`Label${i + 1}`}
-                </TabItem>
-            ))}
-        </Tabs>
-    );
-};
-
-const StoryShowAll = (props: StoryTabsProps) => {
-    const {
-        disabled,
-        itemQuantity,
-        clip,
-        size,
-        contentLeft: contentLeftOption,
-        contentRight: contentRightOption,
-        hasDivider,
-    } = props;
-    const maxItemQuantity = 3;
-    const items = Array(itemQuantity).fill(0);
-    const [index, setIndex] = useState(0);
-
-    const visibleItems = items.slice(0, maxItemQuantity);
-    const otherItems = items.slice(maxItemQuantity);
-
-    const dropdownItems = otherItems.map((_, i) => {
-        const itemIndex = maxItemQuantity + i;
+        <>
+            <h3>Tabs with auto width</h3>
+            <Tabs view={view} stretch={stretch} pilled={pilled} disabled={disabled} size={size}>
+                {items.map((_, i) => (
+                    <TabItem
+                        key={`item:${i}`}
+                        view={tabItemView}
+                        selected={i === index}
+                        onClick={() => !disabled && setIndex(i)}
+                        tabIndex={!disabled ? 0 : -1}
+                        disabled={disabled}
+                        pilled={pilled}
+                        animated={animated}
+                        contentLeft={showLeftContent && <IconMic size="xs" color="inherit" />}
+                        contentRight={showRightContent && <div>Text</div>}
+                        size={size}
+                    >
+                        {label}
+                    </TabItem>
+                ))}
+            </Tabs>
 
-        return {
-            label: `Label${itemIndex + 1}`,
-            value: itemIndex,
-        };
-    });
+            <h3>Tabs with fixed width</h3>
+            <Tabs
+                view={view}
+                stretch={stretch}
+                pilled={pilled}
+                disabled={disabled}
+                size={size}
+                style={{ width: '28.5rem' }}
+            >
+                {secondItems.map((_, i) => (
+                    <TabItem
+                        key={`item:${i}`}
+                        view={tabItemView}
+                        selected={i === secondIndex}
+                        onClick={() => !disabled && setSecondIndex(i)}
+                        tabIndex={!disabled ? 0 : -1}
+                        disabled={disabled}
+                        pilled={pilled}
+                        animated={animated}
+                        contentLeft={showLeftContent && <IconMic size="xs" color="inherit" />}
+                        contentRight={showRightContent && <div>Text</div>}
+                        size={size}
+                    >
+                        {label}
+                    </TabItem>
+                ))}
+            </Tabs>
 
-    return (
-        <Tabs clip={clip} view={hasDivider ? 'divider' : 'clear'} disabled={disabled} size={size}>
-            {visibleItems.map((_, i) => (
-                <TabItem
-                    key={`item:${i}`}
-                    view="divider"
-                    selected={i === index}
-                    onClick={() => !disabled && setIndex(i)}
-                    tabIndex={!disabled ? 0 : -1}
-                    disabled={disabled}
-                    contentLeft={getContentLeft(contentLeftOption, size as Size)}
-                    contentRight={getContentRight(contentRightOption, size as Size)}
-                    size={size}
-                >
-                    {`Label${i + 1}`}
-                </TabItem>
-            ))}
-            {dropdownItems.length > 0 && (
-                <div style={{ marginLeft: '1.75rem' }}>
-                    <Dropdown
-                        size={size as Size}
-                        items={dropdownItems}
-                        onItemSelect={(item) => setIndex(item.value as number)}
+            <h3>Tabs with arrow navigation</h3>
+            <Tabs view={view} index={thirdIndex} stretch={stretch} pilled={pilled} disabled={disabled} size={size}>
+                {items.map((_, i) => (
+                    <TabItem
+                        key={`item:${i}`}
+                        view={tabItemView}
+                        selected={i === thirdIndex}
+                        itemIndex={i}
+                        onIndexChange={(i) => setThirdIndex(i)}
+                        onClick={() => !disabled && setThirdIndex(i)}
+                        tabIndex={!disabled ? 0 : -1}
+                        disabled={disabled}
+                        pilled={pilled}
+                        animated={animated}
+                        contentLeft={showLeftContent && <IconMic size="xs" color="inherit" />}
+                        contentRight={showRightContent && <div>Text</div>}
+                        size={size}
                     >
-                        <TabItem
-                            key="item:ShowAll"
-                            view="divider"
-                            tabIndex={!disabled ? 0 : -1}
-                            disabled={disabled}
-                            size={size}
-                        >
-                            ShowAll
-                        </TabItem>
-                    </Dropdown>
-                </div>
-            )}
-        </Tabs>
+                        {label}
+                    </TabItem>
+                ))}
+            </Tabs>
+        </>
     );
 };
 
 export const Default: StoryObj<StoryTabsProps> = {
     args: {
         size: 'xs',
+        itemsNumber: 4,
+        tabItemView: 'default',
         disabled: false,
-        hasDivider: true,
-        itemQuantity: 8,
-    },
-    argTypes: {
-        clip: {
-            options: clips,
-            control: {
-                type: 'select',
-            },
-        },
-        size: {
-            options: sizes,
-            control: {
-                type: 'select',
-            },
-        },
-    },
-    render: (args) => {
-        switch (args.clip) {
-            case 'scroll':
-                return <StoryScroll {...args} />;
-            case 'showAll':
-                return <StoryShowAll {...args} />;
-            default:
-                return <StoryDefault {...args} />;
-        }
+        stretch: false,
+        pilled: false,
+        animated: true,
+        view: 'filled',
+        label: 'Label',
+        showLeftContent: false,
+        showRightContent: false,
     },
+    render: (args) => <StoryDefault {...args} />,
 };
 
-const StoryStretch = (props: StoryTabsProps) => {
-    const {
-        disabled,
-        size,
-        contentLeft: contentLeftOption,
-        contentRight: contentRightOption,
-        hasDivider,
-        stretch,
-        itemQuantity,
-    } = props;
-    const items = Array(itemQuantity).fill(0);
-    const [index, setIndex] = useState(0);
-
-    return (
-        <Tabs view={hasDivider ? 'divider' : 'clear'} stretch={stretch} disabled={disabled} size={size}>
-            {items.map((_, i) => (
-                <TabItem
-                    key={`item:${i}`}
-                    view="divider"
-                    selected={i === index}
-                    onClick={() => !disabled && setIndex(i)}
-                    tabIndex={!disabled ? 0 : -1}
-                    disabled={disabled}
-                    contentLeft={getContentLeft(contentLeftOption, size as Size)}
-                    contentRight={getContentRight(contentRightOption, size as Size)}
-                    size={size}
-                >
-                    {`Label${i + 1}`}
-                </TabItem>
-            ))}
-        </Tabs>
-    );
-};
+const StyledMultipleContainer = styled.div`
+    display: flex;
+    align-items: center;
+    column-gap: 1rem;
+`;
 
-export const Stretch: StoryObj<StoryTabsProps> = {
-    args: {
-        size: 'xs',
-        stretch: true,
-        disabled: false,
-        hasDivider: true,
-    },
-    argTypes: {
-        size: {
-            options: sizes,
-            control: {
-                type: 'select',
-            },
-        },
-    },
-    render: (args) => <StoryStretch {...args} />,
-};
+const StoryMultiple = ({
+    itemsNumber,
+    label,
+    view,
+    disabled,
+    stretch,
+    pilled,
+    animated,
+    tabItemView,
+    size,
+    showLeftContent,
+    showRightContent,
+}: StoryTabsProps) => {
+    const items = Array(itemsNumber).fill(0);
 
-const StoryHeaderTabs = (props: StoryTabsProps) => {
-    const {
-        disabled,
-        itemQuantity,
-        size,
-        contentLeft: contentLeftOption,
-        contentRight: contentRightOption,
-        hasDivider,
-    } = props;
-    const items = Array(itemQuantity).fill(0);
-    const [index, setIndex] = useState(0);
+    const [index1, setIndex1] = useState(0);
+    const [index2, setIndex2] = useState(0);
 
     return (
-        <Tabs view={hasDivider ? 'divider' : 'clear'} disabled={disabled} size={size}>
-            {items.map((_, i) => (
-                <TabItem
-                    key={`item:${i}`}
-                    view="divider"
-                    selected={i === index}
-                    onClick={() => !disabled && setIndex(i)}
-                    tabIndex={!disabled ? 0 : -1}
-                    disabled={disabled}
-                    contentLeft={getContentLeft(contentLeftOption, size as Size)}
-                    contentRight={getContentRight(contentRightOption, size as Size)}
-                    size={size}
-                >
-                    {`Label${i + 1}`}
-                </TabItem>
-            ))}
-        </Tabs>
+        <StyledMultipleContainer>
+            <Tabs
+                view={view}
+                index={index1}
+                stretch={stretch}
+                pilled={pilled}
+                disabled={disabled}
+                size={size}
+                style={{ width: '12rem' }}
+            >
+                {items.map((_, i) => (
+                    <TabItem
+                        key={`item:${i}`}
+                        view={tabItemView}
+                        selected={i === index1}
+                        itemIndex={i}
+                        onIndexChange={(i) => setIndex1(i)}
+                        onClick={() => !disabled && setIndex1(i)}
+                        tabIndex={!disabled ? 0 : -1}
+                        disabled={disabled}
+                        pilled={pilled}
+                        animated={animated}
+                        contentLeft={showLeftContent && <IconMic size="xs" color="inherit" />}
+                        contentRight={showRightContent && <div>Text</div>}
+                        size={size}
+                    >
+                        {label}
+                    </TabItem>
+                ))}
+            </Tabs>
+            <Tabs
+                view={view}
+                index={index2}
+                stretch={stretch}
+                pilled={pilled}
+                disabled={disabled}
+                size={size}
+                style={{ width: '12rem' }}
+            >
+                {items.map((_, i) => (
+                    <TabItem
+                        key={`item:${i}`}
+                        view={tabItemView}
+                        selected={i === index2}
+                        itemIndex={i}
+                        onIndexChange={(i) => setIndex2(i)}
+                        onClick={() => !disabled && setIndex2(i)}
+                        tabIndex={!disabled ? 0 : -1}
+                        disabled={disabled}
+                        pilled={pilled}
+                        animated={animated}
+                        contentLeft={showLeftContent && <IconMic size="xs" color="inherit" />}
+                        contentRight={showRightContent && <div>Text</div>}
+                        size={size}
+                    >
+                        {label}
+                    </TabItem>
+                ))}
+            </Tabs>
+        </StyledMultipleContainer>
     );
 };
 
-export const HeaderTabs: StoryObj<StoryTabsProps> = {
+export const Multiple: StoryObj<StoryTabsProps> = {
     args: {
-        size: 'h5',
+        size: 'xs',
+        itemsNumber: 6,
+        tabItemView: 'secondary',
         disabled: false,
-        hasDivider: true,
-    },
-    argTypes: {
-        size: {
-            options: headerSizes,
-            control: {
-                type: 'select',
-            },
-        },
+        stretch: false,
+        pilled: false,
+        animated: true,
+        view: 'filled',
+        label: 'Label',
+        showLeftContent: false,
+        showRightContent: false,
     },
-    render: (args) => <StoryHeaderTabs {...args} />,
+    render: (args) => <StoryMultiple {...args} />,
 };

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

@@ -0,0 +1,25 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.config = void 0;
+var _react = /*#__PURE__*/require("@emotion/react");
+var _Breadcrumbs = /*#__PURE__*/require("../../../../components/Breadcrumbs");
+var config = exports.config = {
+  defaults: {
+    view: 'default',
+    size: 'm'
+  },
+  variations: {
+    view: {
+      "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= */"))
+    },
+    size: {
+      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 */")),
+      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 */")),
+      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 */")),
+      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 */"))
+    }
+  }
+};

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

@@ -0,0 +1,11 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Breadcrumbs = void 0;
+var _Breadcrumbs = /*#__PURE__*/require("../../../../components/Breadcrumbs");
+var _engines = /*#__PURE__*/require("../../../../engines");
+var _Breadcrumbs2 = /*#__PURE__*/require("./Breadcrumbs.config");
+var mergedConfig = /*#__PURE__*/(0, _engines.mergeConfig)(_Breadcrumbs.breadcrumbsConfig, _Breadcrumbs2.config);
+var Breadcrumbs = exports.Breadcrumbs = /*#__PURE__*/(0, _engines.component)(mergedConfig);