@salutejs/plasma-new-hope 0.117.0-canary.1344.10270215610.0 → 0.117.0-dev.0
Sign up to get free protection for your applications and to get access to all the features.
- package/cjs/components/Accordion/Accordion.tokens.js +0 -1
- package/cjs/components/Accordion/Accordion.tokens.js.map +1 -1
- package/cjs/components/Accordion/ui/AccordionItem/AccordionItem.styles.js +2 -2
- package/cjs/components/Accordion/ui/AccordionItem/AccordionItem.styles.js.map +1 -1
- package/cjs/components/Breadcrumbs/Breadcrumbs.css +13 -0
- package/cjs/components/Breadcrumbs/Breadcrumbs.js +59 -0
- package/cjs/components/Breadcrumbs/Breadcrumbs.js.map +1 -0
- package/cjs/components/Breadcrumbs/Breadcrumbs.styles.js +46 -0
- package/cjs/components/Breadcrumbs/Breadcrumbs.styles.js.map +1 -0
- package/cjs/components/Breadcrumbs/Breadcrumbs.styles_1troyzr.css +3 -0
- package/cjs/components/Breadcrumbs/Breadcrumbs.tokens.js +23 -0
- package/cjs/components/Breadcrumbs/Breadcrumbs.tokens.js.map +1 -0
- package/cjs/components/Breadcrumbs/ui/BreadcrumbShorter/BreadcrumbShorter.js +36 -0
- package/cjs/components/Breadcrumbs/ui/BreadcrumbShorter/BreadcrumbShorter.js.map +1 -0
- package/cjs/components/Breadcrumbs/ui/BreadcrumbShorter/BreadcrumbShorter.styles.js +27 -0
- package/cjs/components/Breadcrumbs/ui/BreadcrumbShorter/BreadcrumbShorter.styles.js.map +1 -0
- package/cjs/components/Breadcrumbs/utils/index.js +54 -0
- package/cjs/components/Breadcrumbs/utils/index.js.map +1 -0
- package/cjs/components/Breadcrumbs/variations/_size/base.js +9 -0
- package/cjs/components/Breadcrumbs/variations/_size/base.js.map +1 -0
- package/cjs/components/Breadcrumbs/variations/_size/base_x642ct.css +1 -0
- package/cjs/components/Breadcrumbs/variations/_view/base.js +9 -0
- package/cjs/components/Breadcrumbs/variations/_view/base.js.map +1 -0
- package/cjs/components/Breadcrumbs/variations/_view/base_x642ct.css +1 -0
- package/cjs/index.css +4 -0
- package/cjs/index.js +6 -0
- package/cjs/index.js.map +1 -1
- package/emotion/cjs/components/Accordion/Accordion.tokens.js +0 -1
- package/emotion/cjs/components/Accordion/ui/AccordionItem/AccordionItem.styles.js +2 -2
- package/emotion/cjs/components/Breadcrumbs/Breadcrumbs.js +59 -0
- package/emotion/cjs/components/Breadcrumbs/Breadcrumbs.styles.js +33 -0
- package/emotion/cjs/components/Breadcrumbs/Breadcrumbs.template-doc.mdx +96 -0
- package/emotion/cjs/components/Breadcrumbs/Breadcrumbs.tokens.js +21 -0
- package/emotion/cjs/components/Breadcrumbs/Breadcrumbs.types.js +5 -0
- package/emotion/cjs/components/Breadcrumbs/index.js +31 -0
- package/emotion/cjs/components/Breadcrumbs/ui/BreadcrumbShorter/BreadcrumbShorter.js +42 -0
- package/emotion/cjs/components/Breadcrumbs/ui/BreadcrumbShorter/BreadcrumbShorter.styles.js +20 -0
- package/emotion/cjs/components/Breadcrumbs/ui/BreadcrumbShorter/BreadcrumbShorter.types.js +5 -0
- package/emotion/cjs/components/Breadcrumbs/utils/index.js +50 -0
- package/emotion/cjs/components/Breadcrumbs/variations/_size/base.js +8 -0
- package/emotion/cjs/components/Breadcrumbs/variations/_size/tokens.json +0 -0
- package/emotion/cjs/components/Breadcrumbs/variations/_view/base.js +8 -0
- package/emotion/cjs/components/Breadcrumbs/variations/_view/tokens.json +0 -0
- package/emotion/cjs/examples/plasma_b2c/components/Accordion/Accordion.config.js +6 -6
- package/emotion/cjs/examples/plasma_b2c/components/Breadcrumbs/Breadcrumbs.config.js +25 -0
- package/emotion/cjs/examples/plasma_b2c/components/Breadcrumbs/Breadcrumbs.js +11 -0
- package/emotion/cjs/examples/plasma_b2c/components/Breadcrumbs/Breadcrumbs.stories.tsx +42 -0
- package/emotion/cjs/examples/plasma_web/components/Accordion/Accordion.config.js +8 -8
- package/emotion/cjs/examples/plasma_web/components/Breadcrumbs/Breadcrumbs.config.js +25 -0
- package/emotion/cjs/examples/plasma_web/components/Breadcrumbs/Breadcrumbs.js +11 -0
- package/emotion/cjs/examples/plasma_web/components/Breadcrumbs/Breadcrumbs.stories.tsx +42 -0
- package/emotion/cjs/index.js +11 -0
- package/emotion/es/components/Accordion/Accordion.tokens.js +0 -1
- package/emotion/es/components/Accordion/ui/AccordionItem/AccordionItem.styles.js +2 -2
- package/emotion/es/components/Breadcrumbs/Breadcrumbs.js +50 -0
- package/emotion/es/components/Breadcrumbs/Breadcrumbs.styles.js +26 -0
- package/emotion/es/components/Breadcrumbs/Breadcrumbs.template-doc.mdx +96 -0
- package/emotion/es/components/Breadcrumbs/Breadcrumbs.tokens.js +15 -0
- package/emotion/es/components/Breadcrumbs/Breadcrumbs.types.js +1 -0
- package/emotion/es/components/Breadcrumbs/index.js +2 -0
- package/emotion/es/components/Breadcrumbs/ui/BreadcrumbShorter/BreadcrumbShorter.js +33 -0
- package/emotion/es/components/Breadcrumbs/ui/BreadcrumbShorter/BreadcrumbShorter.styles.js +13 -0
- package/emotion/es/components/Breadcrumbs/ui/BreadcrumbShorter/BreadcrumbShorter.types.js +1 -0
- package/emotion/es/components/Breadcrumbs/utils/index.js +43 -0
- package/emotion/es/components/Breadcrumbs/variations/_size/base.js +2 -0
- package/emotion/es/components/Breadcrumbs/variations/_size/tokens.json +0 -0
- package/emotion/es/components/Breadcrumbs/variations/_view/base.js +2 -0
- package/emotion/es/components/Breadcrumbs/variations/_view/tokens.json +0 -0
- package/emotion/es/examples/plasma_b2c/components/Accordion/Accordion.config.js +6 -6
- package/emotion/es/examples/plasma_b2c/components/Breadcrumbs/Breadcrumbs.config.js +19 -0
- package/emotion/es/examples/plasma_b2c/components/Breadcrumbs/Breadcrumbs.js +5 -0
- package/emotion/es/examples/plasma_b2c/components/Breadcrumbs/Breadcrumbs.stories.tsx +42 -0
- package/emotion/es/examples/plasma_web/components/Accordion/Accordion.config.js +8 -8
- package/emotion/es/examples/plasma_web/components/Breadcrumbs/Breadcrumbs.config.js +19 -0
- package/emotion/es/examples/plasma_web/components/Breadcrumbs/Breadcrumbs.js +5 -0
- package/emotion/es/examples/plasma_web/components/Breadcrumbs/Breadcrumbs.stories.tsx +42 -0
- package/emotion/es/index.js +1 -0
- package/es/components/Accordion/Accordion.tokens.js +0 -1
- package/es/components/Accordion/Accordion.tokens.js.map +1 -1
- package/es/components/Accordion/ui/AccordionItem/AccordionItem.styles.js +2 -2
- package/es/components/Accordion/ui/AccordionItem/AccordionItem.styles.js.map +1 -1
- package/es/components/Breadcrumbs/Breadcrumbs.css +13 -0
- package/es/components/Breadcrumbs/Breadcrumbs.js +54 -0
- package/es/components/Breadcrumbs/Breadcrumbs.js.map +1 -0
- package/es/components/Breadcrumbs/Breadcrumbs.styles.js +40 -0
- package/es/components/Breadcrumbs/Breadcrumbs.styles.js.map +1 -0
- package/es/components/Breadcrumbs/Breadcrumbs.styles_1troyzr.css +3 -0
- package/es/components/Breadcrumbs/Breadcrumbs.tokens.js +18 -0
- package/es/components/Breadcrumbs/Breadcrumbs.tokens.js.map +1 -0
- package/es/components/Breadcrumbs/ui/BreadcrumbShorter/BreadcrumbShorter.js +32 -0
- package/es/components/Breadcrumbs/ui/BreadcrumbShorter/BreadcrumbShorter.js.map +1 -0
- package/es/components/Breadcrumbs/ui/BreadcrumbShorter/BreadcrumbShorter.styles.js +21 -0
- package/es/components/Breadcrumbs/ui/BreadcrumbShorter/BreadcrumbShorter.styles.js.map +1 -0
- package/es/components/Breadcrumbs/utils/index.js +47 -0
- package/es/components/Breadcrumbs/utils/index.js.map +1 -0
- package/es/components/Breadcrumbs/variations/_size/base.js +5 -0
- package/es/components/Breadcrumbs/variations/_size/base.js.map +1 -0
- package/es/components/Breadcrumbs/variations/_size/base_x642ct.css +1 -0
- package/es/components/Breadcrumbs/variations/_view/base.js +5 -0
- package/es/components/Breadcrumbs/variations/_view/base.js.map +1 -0
- package/es/components/Breadcrumbs/variations/_view/base_x642ct.css +1 -0
- package/es/index.css +4 -0
- package/es/index.js +2 -0
- package/es/index.js.map +1 -1
- package/package.json +2 -2
- package/styled-components/cjs/components/Accordion/Accordion.tokens.js +0 -1
- package/styled-components/cjs/components/Accordion/ui/AccordionItem/AccordionItem.styles.js +2 -2
- package/styled-components/cjs/components/Breadcrumbs/Breadcrumbs.js +59 -0
- package/styled-components/cjs/components/Breadcrumbs/Breadcrumbs.styles.js +32 -0
- package/styled-components/cjs/components/Breadcrumbs/Breadcrumbs.template-doc.mdx +96 -0
- package/styled-components/cjs/components/Breadcrumbs/Breadcrumbs.tokens.js +21 -0
- package/styled-components/cjs/components/Breadcrumbs/Breadcrumbs.types.js +5 -0
- package/styled-components/cjs/components/Breadcrumbs/index.js +31 -0
- package/styled-components/cjs/components/Breadcrumbs/ui/BreadcrumbShorter/BreadcrumbShorter.js +42 -0
- package/styled-components/cjs/components/Breadcrumbs/ui/BreadcrumbShorter/BreadcrumbShorter.styles.js +24 -0
- package/styled-components/cjs/components/Breadcrumbs/ui/BreadcrumbShorter/BreadcrumbShorter.types.js +5 -0
- package/styled-components/cjs/components/Breadcrumbs/utils/index.js +50 -0
- package/styled-components/cjs/components/Breadcrumbs/variations/_size/base.js +8 -0
- package/styled-components/cjs/components/Breadcrumbs/variations/_size/tokens.json +0 -0
- package/styled-components/cjs/components/Breadcrumbs/variations/_view/base.js +8 -0
- package/styled-components/cjs/components/Breadcrumbs/variations/_view/tokens.json +0 -0
- package/styled-components/cjs/examples/plasma_b2c/components/Accordion/Accordion.config.js +2 -2
- package/styled-components/cjs/examples/plasma_b2c/components/Breadcrumbs/Breadcrumbs.config.js +25 -0
- package/styled-components/cjs/examples/plasma_b2c/components/Breadcrumbs/Breadcrumbs.js +11 -0
- package/styled-components/cjs/examples/plasma_b2c/components/Breadcrumbs/Breadcrumbs.stories.tsx +42 -0
- package/styled-components/cjs/examples/plasma_web/components/Accordion/Accordion.config.js +2 -2
- package/styled-components/cjs/examples/plasma_web/components/Breadcrumbs/Breadcrumbs.config.js +25 -0
- package/styled-components/cjs/examples/plasma_web/components/Breadcrumbs/Breadcrumbs.js +11 -0
- package/styled-components/cjs/examples/plasma_web/components/Breadcrumbs/Breadcrumbs.stories.tsx +42 -0
- package/styled-components/cjs/index.js +11 -0
- package/styled-components/es/components/Accordion/Accordion.tokens.js +0 -1
- package/styled-components/es/components/Accordion/ui/AccordionItem/AccordionItem.styles.js +2 -2
- package/styled-components/es/components/Breadcrumbs/Breadcrumbs.js +50 -0
- package/styled-components/es/components/Breadcrumbs/Breadcrumbs.styles.js +24 -0
- package/styled-components/es/components/Breadcrumbs/Breadcrumbs.template-doc.mdx +96 -0
- package/styled-components/es/components/Breadcrumbs/Breadcrumbs.tokens.js +15 -0
- package/styled-components/es/components/Breadcrumbs/Breadcrumbs.types.js +1 -0
- package/styled-components/es/components/Breadcrumbs/index.js +2 -0
- package/styled-components/es/components/Breadcrumbs/ui/BreadcrumbShorter/BreadcrumbShorter.js +33 -0
- package/styled-components/es/components/Breadcrumbs/ui/BreadcrumbShorter/BreadcrumbShorter.styles.js +17 -0
- package/styled-components/es/components/Breadcrumbs/ui/BreadcrumbShorter/BreadcrumbShorter.types.js +1 -0
- package/styled-components/es/components/Breadcrumbs/utils/index.js +43 -0
- package/styled-components/es/components/Breadcrumbs/variations/_size/base.js +2 -0
- package/styled-components/es/components/Breadcrumbs/variations/_size/tokens.json +0 -0
- package/styled-components/es/components/Breadcrumbs/variations/_view/base.js +2 -0
- package/styled-components/es/components/Breadcrumbs/variations/_view/tokens.json +0 -0
- package/styled-components/es/examples/plasma_b2c/components/Accordion/Accordion.config.js +2 -2
- package/styled-components/es/examples/plasma_b2c/components/Breadcrumbs/Breadcrumbs.config.js +19 -0
- package/styled-components/es/examples/plasma_b2c/components/Breadcrumbs/Breadcrumbs.js +5 -0
- package/styled-components/es/examples/plasma_b2c/components/Breadcrumbs/Breadcrumbs.stories.tsx +42 -0
- package/styled-components/es/examples/plasma_web/components/Accordion/Accordion.config.js +2 -2
- package/styled-components/es/examples/plasma_web/components/Breadcrumbs/Breadcrumbs.config.js +19 -0
- package/styled-components/es/examples/plasma_web/components/Breadcrumbs/Breadcrumbs.js +5 -0
- package/styled-components/es/examples/plasma_web/components/Breadcrumbs/Breadcrumbs.stories.tsx +42 -0
- package/styled-components/es/index.js +1 -0
- package/types/components/Accordion/Accordion.tokens.d.ts +0 -1
- package/types/components/Accordion/Accordion.tokens.d.ts.map +1 -1
- package/types/components/Breadcrumbs/Breadcrumbs.d.ts +35 -0
- package/types/components/Breadcrumbs/Breadcrumbs.d.ts.map +1 -0
- package/types/components/Breadcrumbs/Breadcrumbs.styles.d.ts +7 -0
- package/types/components/Breadcrumbs/Breadcrumbs.styles.d.ts.map +1 -0
- package/types/components/Breadcrumbs/Breadcrumbs.tokens.d.ts +16 -0
- package/types/components/Breadcrumbs/Breadcrumbs.tokens.d.ts.map +1 -0
- package/types/components/Breadcrumbs/Breadcrumbs.types.d.ts +38 -0
- package/types/components/Breadcrumbs/Breadcrumbs.types.d.ts.map +1 -0
- package/types/components/Breadcrumbs/index.d.ts +4 -0
- package/types/components/Breadcrumbs/index.d.ts.map +1 -0
- package/types/components/Breadcrumbs/ui/BreadcrumbShorter/BreadcrumbShorter.d.ts +4 -0
- package/types/components/Breadcrumbs/ui/BreadcrumbShorter/BreadcrumbShorter.d.ts.map +1 -0
- package/types/components/Breadcrumbs/ui/BreadcrumbShorter/BreadcrumbShorter.styles.d.ts +4 -0
- package/types/components/Breadcrumbs/ui/BreadcrumbShorter/BreadcrumbShorter.styles.d.ts.map +1 -0
- package/types/components/Breadcrumbs/ui/BreadcrumbShorter/BreadcrumbShorter.types.d.ts +8 -0
- package/types/components/Breadcrumbs/ui/BreadcrumbShorter/BreadcrumbShorter.types.d.ts.map +1 -0
- package/types/components/Breadcrumbs/utils/index.d.ts +7 -0
- package/types/components/Breadcrumbs/utils/index.d.ts.map +1 -0
- package/types/components/Breadcrumbs/variations/_size/base.d.ts +2 -0
- package/types/components/Breadcrumbs/variations/_size/base.d.ts.map +1 -0
- package/types/components/Breadcrumbs/variations/_view/base.d.ts +2 -0
- package/types/components/Breadcrumbs/variations/_view/base.d.ts.map +1 -0
- package/types/examples/plasma_b2c/components/Accordion/Accordion.config.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/Breadcrumbs/Breadcrumbs.config.d.ts +18 -0
- package/types/examples/plasma_b2c/components/Breadcrumbs/Breadcrumbs.config.d.ts.map +1 -0
- package/types/examples/plasma_b2c/components/Breadcrumbs/Breadcrumbs.d.ts +19 -0
- package/types/examples/plasma_b2c/components/Breadcrumbs/Breadcrumbs.d.ts.map +1 -0
- package/types/examples/plasma_web/components/Accordion/Accordion.config.d.ts.map +1 -1
- package/types/examples/plasma_web/components/Breadcrumbs/Breadcrumbs.config.d.ts +18 -0
- package/types/examples/plasma_web/components/Breadcrumbs/Breadcrumbs.config.d.ts.map +1 -0
- package/types/examples/plasma_web/components/Breadcrumbs/Breadcrumbs.d.ts +19 -0
- package/types/examples/plasma_web/components/Breadcrumbs/Breadcrumbs.d.ts.map +1 -0
- package/types/index.d.ts +1 -0
- package/types/index.d.ts.map +1 -1
@@ -0,0 +1,25 @@
|
|
1
|
+
"use strict";
|
2
|
+
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
4
|
+
value: true
|
5
|
+
});
|
6
|
+
exports.config = void 0;
|
7
|
+
var _react = /*#__PURE__*/require("@emotion/react");
|
8
|
+
var _Breadcrumbs = /*#__PURE__*/require("../../../../components/Breadcrumbs");
|
9
|
+
var config = exports.config = {
|
10
|
+
defaults: {
|
11
|
+
view: 'default',
|
12
|
+
size: 'm'
|
13
|
+
},
|
14
|
+
variations: {
|
15
|
+
view: {
|
16
|
+
"default": /*#__PURE__*/(0, _react.css)(_Breadcrumbs.breadcrumbsTokens.breadcrumbsColor, ":var(--text-primary);", _Breadcrumbs.breadcrumbsTokens.breadcrumbsOpacity, ":0.4;", _Breadcrumbs.breadcrumbsTokens.breadcrumbsFocusOutlineColor, ":var(--surface-accent);;label:plasma-new-hope__default;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2V4YW1wbGVzL3BsYXNtYV93ZWIvY29tcG9uZW50cy9CcmVhZGNydW1icy9CcmVhZGNydW1icy5jb25maWcudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBV3dCIiwiZmlsZSI6Ii4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2V4YW1wbGVzL3BsYXNtYV93ZWIvY29tcG9uZW50cy9CcmVhZGNydW1icy9CcmVhZGNydW1icy5jb25maWcudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmltcG9ydCB7IGJyZWFkY3J1bWJzVG9rZW5zIH0gZnJvbSAnLi4vLi4vLi4vLi4vY29tcG9uZW50cy9CcmVhZGNydW1icyc7XG5cbmV4cG9ydCBjb25zdCBjb25maWcgPSB7XG4gICAgZGVmYXVsdHM6IHtcbiAgICAgICAgdmlldzogJ2RlZmF1bHQnLFxuICAgICAgICBzaXplOiAnbScsXG4gICAgfSxcbiAgICB2YXJpYXRpb25zOiB7XG4gICAgICAgIHZpZXc6IHtcbiAgICAgICAgICAgIGRlZmF1bHQ6IGNzc2BcbiAgICAgICAgICAgICAgICAke2JyZWFkY3J1bWJzVG9rZW5zLmJyZWFkY3J1bWJzQ29sb3J9OiB2YXIoLS10ZXh0LXByaW1hcnkpO1xuICAgICAgICAgICAgICAgICR7YnJlYWRjcnVtYnNUb2tlbnMuYnJlYWRjcnVtYnNPcGFjaXR5fTogMC40O1xuICAgICAgICAgICAgICAgICR7YnJlYWRjcnVtYnNUb2tlbnMuYnJlYWRjcnVtYnNGb2N1c091dGxpbmVDb2xvcn06IHZhcigtLXN1cmZhY2UtYWNjZW50KTtcbiAgICAgICAgICAgIGAsXG4gICAgICAgIH0sXG4gICAgICAgIHNpemU6IHtcbiAgICAgICAgICAgIGw6IGNzc2BcbiAgICAgICAgICAgICAgICAke2JyZWFkY3J1bWJzVG9rZW5zLmJyZWFkY3J1bWJzR2FwfTogMC41cmVtO1xuXG4gICAgICAgICAgICAgICAgJHticmVhZGNydW1ic1Rva2Vucy5icmVhZGNydW1ic0ZvbnRGYW1pbHl9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LWwtZm9udC1mYW1pbHkpO1xuICAgICAgICAgICAgICAgICR7YnJlYWRjcnVtYnNUb2tlbnMuYnJlYWRjcnVtYnNGb250U2l6ZX06IHZhcigtLXBsYXNtYS10eXBvLWJvZHktbC1mb250LXNpemUpO1xuICAgICAgICAgICAgICAgICR7YnJlYWRjcnVtYnNUb2tlbnMuYnJlYWRjcnVtYnNGb250U3R5bGV9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LWwtZm9udC1zdHlsZSk7XG4gICAgICAgICAgICAgICAgJHticmVhZGNydW1ic1Rva2Vucy5icmVhZGNydW1ic0ZvbnRXZWlnaHR9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LWwtYm9sZC13ZWlnaHQpO1xuICAgICAgICAgICAgICAgICR7YnJlYWRjcnVtYnNUb2tlbnMuYnJlYWRjcnVtYnNMZXR0ZXJTcGFjaW5nfTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS1sLWxldHRlci1zcGFjaW5nKTtcbiAgICAgICAgICAgICAgICAke2JyZWFkY3J1bWJzVG9rZW5zLmJyZWFkY3J1bWJzTGluZUhlaWdodH06IHZhcigtLXBsYXNtYS10eXBvLWJvZHktbC1saW5lLWhlaWdodCk7XG4gICAgICAgICAgICBgLFxuICAgICAgICAgICAgbTogY3NzYFxuICAgICAgICAgICAgICAgICR7YnJlYWRjcnVtYnNUb2tlbnMuYnJlYWRjcnVtYnNHYXB9OiAwLjM3NXJlbTtcblxuICAgICAgICAgICAgICAgICR7YnJlYWRjcnVtYnNUb2tlbnMuYnJlYWRjcnVtYnNGb250RmFtaWx5fTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS1tLWZvbnQtZmFtaWx5KTtcbiAgICAgICAgICAgICAgICAke2JyZWFkY3J1bWJzVG9rZW5zLmJyZWFkY3J1bWJzRm9udFNpemV9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LW0tZm9udC1zaXplKTtcbiAgICAgICAgICAgICAgICAke2JyZWFkY3J1bWJzVG9rZW5zLmJyZWFkY3J1bWJzRm9udFN0eWxlfTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS1tLWZvbnQtc3R5bGUpO1xuICAgICAgICAgICAgICAgICR7YnJlYWRjcnVtYnNUb2tlbnMuYnJlYWRjcnVtYnNGb250V2VpZ2h0fTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS1tLWJvbGQtd2VpZ2h0KTtcbiAgICAgICAgICAgICAgICAke2JyZWFkY3J1bWJzVG9rZW5zLmJyZWFkY3J1bWJzTGV0dGVyU3BhY2luZ306IHZhcigtLXBsYXNtYS10eXBvLWJvZHktbS1sZXR0ZXItc3BhY2luZyk7XG4gICAgICAgICAgICAgICAgJHticmVhZGNydW1ic1Rva2Vucy5icmVhZGNydW1ic0xpbmVIZWlnaHR9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LW0tbGluZS1oZWlnaHQpO1xuICAgICAgICAgICAgYCxcbiAgICAgICAgICAgIHM6IGNzc2BcbiAgICAgICAgICAgICAgICAke2JyZWFkY3J1bWJzVG9rZW5zLmJyZWFkY3J1bWJzR2FwfTogMC4yNXJlbTtcblxuICAgICAgICAgICAgICAgICR7YnJlYWRjcnVtYnNUb2tlbnMuYnJlYWRjcnVtYnNGb250RmFtaWx5fTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS1zLWZvbnQtZmFtaWx5KTtcbiAgICAgICAgICAgICAgICAke2JyZWFkY3J1bWJzVG9rZW5zLmJyZWFkY3J1bWJzRm9udFNpemV9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LXMtZm9udC1zaXplKTtcbiAgICAgICAgICAgICAgICAke2JyZWFkY3J1bWJzVG9rZW5zLmJyZWFkY3J1bWJzRm9udFN0eWxlfTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS1zLWZvbnQtc3R5bGUpO1xuICAgICAgICAgICAgICAgICR7YnJlYWRjcnVtYnNUb2tlbnMuYnJlYWRjcnVtYnNGb250V2VpZ2h0fTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS1zLWJvbGQtd2VpZ2h0KTtcbiAgICAgICAgICAgICAgICAke2JyZWFkY3J1bWJzVG9rZW5zLmJyZWFkY3J1bWJzTGV0dGVyU3BhY2luZ306IHZhcigtLXBsYXNtYS10eXBvLWJvZHktcy1sZXR0ZXItc3BhY2luZyk7XG4gICAgICAgICAgICAgICAgJHticmVhZGNydW1ic1Rva2Vucy5icmVhZGNydW1ic0xpbmVIZWlnaHR9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LXMtbGluZS1oZWlnaHQpO1xuICAgICAgICAgICAgYCxcbiAgICAgICAgICAgIHhzOiBjc3NgXG4gICAgICAgICAgICAgICAgJHticmVhZGNydW1ic1Rva2Vucy5icmVhZGNydW1ic0dhcH06IDByZW07XG5cbiAgICAgICAgICAgICAgICAke2JyZWFkY3J1bWJzVG9rZW5zLmJyZWFkY3J1bWJzRm9udEZhbWlseX06IHZhcigtLXBsYXNtYS10eXBvLWJvZHkteHMtZm9udC1mYW1pbHkpO1xuICAgICAgICAgICAgICAgICR7YnJlYWRjcnVtYnNUb2tlbnMuYnJlYWRjcnVtYnNGb250U2l6ZX06IHZhcigtLXBsYXNtYS10eXBvLWJvZHkteHMtZm9udC1zaXplKTtcbiAgICAgICAgICAgICAgICAke2JyZWFkY3J1bWJzVG9rZW5zLmJyZWFkY3J1bWJzRm9udFN0eWxlfTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS14cy1mb250LXN0eWxlKTtcbiAgICAgICAgICAgICAgICAke2JyZWFkY3J1bWJzVG9rZW5zLmJyZWFkY3J1bWJzRm9udFdlaWdodH06IHZhcigtLXBsYXNtYS10eXBvLWJvZHkteHMtYm9sZC13ZWlnaHQpO1xuICAgICAgICAgICAgICAgICR7YnJlYWRjcnVtYnNUb2tlbnMuYnJlYWRjcnVtYnNMZXR0ZXJTcGFjaW5nfTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS14cy1sZXR0ZXItc3BhY2luZyk7XG4gICAgICAgICAgICAgICAgJHticmVhZGNydW1ic1Rva2Vucy5icmVhZGNydW1ic0xpbmVIZWlnaHR9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LXhzLWxpbmUtaGVpZ2h0KTtcbiAgICAgICAgICAgIGAsXG4gICAgICAgIH0sXG4gICAgfSxcbn07XG4iXX0= */"))
|
17
|
+
},
|
18
|
+
size: {
|
19
|
+
l: /*#__PURE__*/(0, _react.css)(_Breadcrumbs.breadcrumbsTokens.breadcrumbsGap, ":0.5rem;", _Breadcrumbs.breadcrumbsTokens.breadcrumbsFontFamily, ":var(--plasma-typo-body-l-font-family);", _Breadcrumbs.breadcrumbsTokens.breadcrumbsFontSize, ":var(--plasma-typo-body-l-font-size);", _Breadcrumbs.breadcrumbsTokens.breadcrumbsFontStyle, ":var(--plasma-typo-body-l-font-style);", _Breadcrumbs.breadcrumbsTokens.breadcrumbsFontWeight, ":var(--plasma-typo-body-l-bold-weight);", _Breadcrumbs.breadcrumbsTokens.breadcrumbsLetterSpacing, ":var(--plasma-typo-body-l-letter-spacing);", _Breadcrumbs.breadcrumbsTokens.breadcrumbsLineHeight, ":var(--plasma-typo-body-l-line-height);;label:plasma-new-hope__l;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2V4YW1wbGVzL3BsYXNtYV93ZWIvY29tcG9uZW50cy9CcmVhZGNydW1icy9CcmVhZGNydW1icy5jb25maWcudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBa0JrQiIsImZpbGUiOiIuLi8uLi8uLi8uLi8uLi8uLi9zcmMtZW1vdGlvbi9leGFtcGxlcy9wbGFzbWFfd2ViL2NvbXBvbmVudHMvQnJlYWRjcnVtYnMvQnJlYWRjcnVtYnMuY29uZmlnLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG5pbXBvcnQgeyBicmVhZGNydW1ic1Rva2VucyB9IGZyb20gJy4uLy4uLy4uLy4uL2NvbXBvbmVudHMvQnJlYWRjcnVtYnMnO1xuXG5leHBvcnQgY29uc3QgY29uZmlnID0ge1xuICAgIGRlZmF1bHRzOiB7XG4gICAgICAgIHZpZXc6ICdkZWZhdWx0JyxcbiAgICAgICAgc2l6ZTogJ20nLFxuICAgIH0sXG4gICAgdmFyaWF0aW9uczoge1xuICAgICAgICB2aWV3OiB7XG4gICAgICAgICAgICBkZWZhdWx0OiBjc3NgXG4gICAgICAgICAgICAgICAgJHticmVhZGNydW1ic1Rva2Vucy5icmVhZGNydW1ic0NvbG9yfTogdmFyKC0tdGV4dC1wcmltYXJ5KTtcbiAgICAgICAgICAgICAgICAke2JyZWFkY3J1bWJzVG9rZW5zLmJyZWFkY3J1bWJzT3BhY2l0eX06IDAuNDtcbiAgICAgICAgICAgICAgICAke2JyZWFkY3J1bWJzVG9rZW5zLmJyZWFkY3J1bWJzRm9jdXNPdXRsaW5lQ29sb3J9OiB2YXIoLS1zdXJmYWNlLWFjY2VudCk7XG4gICAgICAgICAgICBgLFxuICAgICAgICB9LFxuICAgICAgICBzaXplOiB7XG4gICAgICAgICAgICBsOiBjc3NgXG4gICAgICAgICAgICAgICAgJHticmVhZGNydW1ic1Rva2Vucy5icmVhZGNydW1ic0dhcH06IDAuNXJlbTtcblxuICAgICAgICAgICAgICAgICR7YnJlYWRjcnVtYnNUb2tlbnMuYnJlYWRjcnVtYnNGb250RmFtaWx5fTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS1sLWZvbnQtZmFtaWx5KTtcbiAgICAgICAgICAgICAgICAke2JyZWFkY3J1bWJzVG9rZW5zLmJyZWFkY3J1bWJzRm9udFNpemV9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LWwtZm9udC1zaXplKTtcbiAgICAgICAgICAgICAgICAke2JyZWFkY3J1bWJzVG9rZW5zLmJyZWFkY3J1bWJzRm9udFN0eWxlfTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS1sLWZvbnQtc3R5bGUpO1xuICAgICAgICAgICAgICAgICR7YnJlYWRjcnVtYnNUb2tlbnMuYnJlYWRjcnVtYnNGb250V2VpZ2h0fTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS1sLWJvbGQtd2VpZ2h0KTtcbiAgICAgICAgICAgICAgICAke2JyZWFkY3J1bWJzVG9rZW5zLmJyZWFkY3J1bWJzTGV0dGVyU3BhY2luZ306IHZhcigtLXBsYXNtYS10eXBvLWJvZHktbC1sZXR0ZXItc3BhY2luZyk7XG4gICAgICAgICAgICAgICAgJHticmVhZGNydW1ic1Rva2Vucy5icmVhZGNydW1ic0xpbmVIZWlnaHR9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LWwtbGluZS1oZWlnaHQpO1xuICAgICAgICAgICAgYCxcbiAgICAgICAgICAgIG06IGNzc2BcbiAgICAgICAgICAgICAgICAke2JyZWFkY3J1bWJzVG9rZW5zLmJyZWFkY3J1bWJzR2FwfTogMC4zNzVyZW07XG5cbiAgICAgICAgICAgICAgICAke2JyZWFkY3J1bWJzVG9rZW5zLmJyZWFkY3J1bWJzRm9udEZhbWlseX06IHZhcigtLXBsYXNtYS10eXBvLWJvZHktbS1mb250LWZhbWlseSk7XG4gICAgICAgICAgICAgICAgJHticmVhZGNydW1ic1Rva2Vucy5icmVhZGNydW1ic0ZvbnRTaXplfTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS1tLWZvbnQtc2l6ZSk7XG4gICAgICAgICAgICAgICAgJHticmVhZGNydW1ic1Rva2Vucy5icmVhZGNydW1ic0ZvbnRTdHlsZX06IHZhcigtLXBsYXNtYS10eXBvLWJvZHktbS1mb250LXN0eWxlKTtcbiAgICAgICAgICAgICAgICAke2JyZWFkY3J1bWJzVG9rZW5zLmJyZWFkY3J1bWJzRm9udFdlaWdodH06IHZhcigtLXBsYXNtYS10eXBvLWJvZHktbS1ib2xkLXdlaWdodCk7XG4gICAgICAgICAgICAgICAgJHticmVhZGNydW1ic1Rva2Vucy5icmVhZGNydW1ic0xldHRlclNwYWNpbmd9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LW0tbGV0dGVyLXNwYWNpbmcpO1xuICAgICAgICAgICAgICAgICR7YnJlYWRjcnVtYnNUb2tlbnMuYnJlYWRjcnVtYnNMaW5lSGVpZ2h0fTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS1tLWxpbmUtaGVpZ2h0KTtcbiAgICAgICAgICAgIGAsXG4gICAgICAgICAgICBzOiBjc3NgXG4gICAgICAgICAgICAgICAgJHticmVhZGNydW1ic1Rva2Vucy5icmVhZGNydW1ic0dhcH06IDAuMjVyZW07XG5cbiAgICAgICAgICAgICAgICAke2JyZWFkY3J1bWJzVG9rZW5zLmJyZWFkY3J1bWJzRm9udEZhbWlseX06IHZhcigtLXBsYXNtYS10eXBvLWJvZHktcy1mb250LWZhbWlseSk7XG4gICAgICAgICAgICAgICAgJHticmVhZGNydW1ic1Rva2Vucy5icmVhZGNydW1ic0ZvbnRTaXplfTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS1zLWZvbnQtc2l6ZSk7XG4gICAgICAgICAgICAgICAgJHticmVhZGNydW1ic1Rva2Vucy5icmVhZGNydW1ic0ZvbnRTdHlsZX06IHZhcigtLXBsYXNtYS10eXBvLWJvZHktcy1mb250LXN0eWxlKTtcbiAgICAgICAgICAgICAgICAke2JyZWFkY3J1bWJzVG9rZW5zLmJyZWFkY3J1bWJzRm9udFdlaWdodH06IHZhcigtLXBsYXNtYS10eXBvLWJvZHktcy1ib2xkLXdlaWdodCk7XG4gICAgICAgICAgICAgICAgJHticmVhZGNydW1ic1Rva2Vucy5icmVhZGNydW1ic0xldHRlclNwYWNpbmd9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LXMtbGV0dGVyLXNwYWNpbmcpO1xuICAgICAgICAgICAgICAgICR7YnJlYWRjcnVtYnNUb2tlbnMuYnJlYWRjcnVtYnNMaW5lSGVpZ2h0fTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS1zLWxpbmUtaGVpZ2h0KTtcbiAgICAgICAgICAgIGAsXG4gICAgICAgICAgICB4czogY3NzYFxuICAgICAgICAgICAgICAgICR7YnJlYWRjcnVtYnNUb2tlbnMuYnJlYWRjcnVtYnNHYXB9OiAwcmVtO1xuXG4gICAgICAgICAgICAgICAgJHticmVhZGNydW1ic1Rva2Vucy5icmVhZGNydW1ic0ZvbnRGYW1pbHl9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LXhzLWZvbnQtZmFtaWx5KTtcbiAgICAgICAgICAgICAgICAke2JyZWFkY3J1bWJzVG9rZW5zLmJyZWFkY3J1bWJzRm9udFNpemV9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LXhzLWZvbnQtc2l6ZSk7XG4gICAgICAgICAgICAgICAgJHticmVhZGNydW1ic1Rva2Vucy5icmVhZGNydW1ic0ZvbnRTdHlsZX06IHZhcigtLXBsYXNtYS10eXBvLWJvZHkteHMtZm9udC1zdHlsZSk7XG4gICAgICAgICAgICAgICAgJHticmVhZGNydW1ic1Rva2Vucy5icmVhZGNydW1ic0ZvbnRXZWlnaHR9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LXhzLWJvbGQtd2VpZ2h0KTtcbiAgICAgICAgICAgICAgICAke2JyZWFkY3J1bWJzVG9rZW5zLmJyZWFkY3J1bWJzTGV0dGVyU3BhY2luZ306IHZhcigtLXBsYXNtYS10eXBvLWJvZHkteHMtbGV0dGVyLXNwYWNpbmcpO1xuICAgICAgICAgICAgICAgICR7YnJlYWRjcnVtYnNUb2tlbnMuYnJlYWRjcnVtYnNMaW5lSGVpZ2h0fTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS14cy1saW5lLWhlaWdodCk7XG4gICAgICAgICAgICBgLFxuICAgICAgICB9LFxuICAgIH0sXG59O1xuIl19 */")),
|
20
|
+
m: /*#__PURE__*/(0, _react.css)(_Breadcrumbs.breadcrumbsTokens.breadcrumbsGap, ":0.375rem;", _Breadcrumbs.breadcrumbsTokens.breadcrumbsFontFamily, ":var(--plasma-typo-body-m-font-family);", _Breadcrumbs.breadcrumbsTokens.breadcrumbsFontSize, ":var(--plasma-typo-body-m-font-size);", _Breadcrumbs.breadcrumbsTokens.breadcrumbsFontStyle, ":var(--plasma-typo-body-m-font-style);", _Breadcrumbs.breadcrumbsTokens.breadcrumbsFontWeight, ":var(--plasma-typo-body-m-bold-weight);", _Breadcrumbs.breadcrumbsTokens.breadcrumbsLetterSpacing, ":var(--plasma-typo-body-m-letter-spacing);", _Breadcrumbs.breadcrumbsTokens.breadcrumbsLineHeight, ":var(--plasma-typo-body-m-line-height);;label:plasma-new-hope__m;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2V4YW1wbGVzL3BsYXNtYV93ZWIvY29tcG9uZW50cy9CcmVhZGNydW1icy9CcmVhZGNydW1icy5jb25maWcudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBNEJrQiIsImZpbGUiOiIuLi8uLi8uLi8uLi8uLi8uLi9zcmMtZW1vdGlvbi9leGFtcGxlcy9wbGFzbWFfd2ViL2NvbXBvbmVudHMvQnJlYWRjcnVtYnMvQnJlYWRjcnVtYnMuY29uZmlnLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG5pbXBvcnQgeyBicmVhZGNydW1ic1Rva2VucyB9IGZyb20gJy4uLy4uLy4uLy4uL2NvbXBvbmVudHMvQnJlYWRjcnVtYnMnO1xuXG5leHBvcnQgY29uc3QgY29uZmlnID0ge1xuICAgIGRlZmF1bHRzOiB7XG4gICAgICAgIHZpZXc6ICdkZWZhdWx0JyxcbiAgICAgICAgc2l6ZTogJ20nLFxuICAgIH0sXG4gICAgdmFyaWF0aW9uczoge1xuICAgICAgICB2aWV3OiB7XG4gICAgICAgICAgICBkZWZhdWx0OiBjc3NgXG4gICAgICAgICAgICAgICAgJHticmVhZGNydW1ic1Rva2Vucy5icmVhZGNydW1ic0NvbG9yfTogdmFyKC0tdGV4dC1wcmltYXJ5KTtcbiAgICAgICAgICAgICAgICAke2JyZWFkY3J1bWJzVG9rZW5zLmJyZWFkY3J1bWJzT3BhY2l0eX06IDAuNDtcbiAgICAgICAgICAgICAgICAke2JyZWFkY3J1bWJzVG9rZW5zLmJyZWFkY3J1bWJzRm9jdXNPdXRsaW5lQ29sb3J9OiB2YXIoLS1zdXJmYWNlLWFjY2VudCk7XG4gICAgICAgICAgICBgLFxuICAgICAgICB9LFxuICAgICAgICBzaXplOiB7XG4gICAgICAgICAgICBsOiBjc3NgXG4gICAgICAgICAgICAgICAgJHticmVhZGNydW1ic1Rva2Vucy5icmVhZGNydW1ic0dhcH06IDAuNXJlbTtcblxuICAgICAgICAgICAgICAgICR7YnJlYWRjcnVtYnNUb2tlbnMuYnJlYWRjcnVtYnNGb250RmFtaWx5fTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS1sLWZvbnQtZmFtaWx5KTtcbiAgICAgICAgICAgICAgICAke2JyZWFkY3J1bWJzVG9rZW5zLmJyZWFkY3J1bWJzRm9udFNpemV9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LWwtZm9udC1zaXplKTtcbiAgICAgICAgICAgICAgICAke2JyZWFkY3J1bWJzVG9rZW5zLmJyZWFkY3J1bWJzRm9udFN0eWxlfTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS1sLWZvbnQtc3R5bGUpO1xuICAgICAgICAgICAgICAgICR7YnJlYWRjcnVtYnNUb2tlbnMuYnJlYWRjcnVtYnNGb250V2VpZ2h0fTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS1sLWJvbGQtd2VpZ2h0KTtcbiAgICAgICAgICAgICAgICAke2JyZWFkY3J1bWJzVG9rZW5zLmJyZWFkY3J1bWJzTGV0dGVyU3BhY2luZ306IHZhcigtLXBsYXNtYS10eXBvLWJvZHktbC1sZXR0ZXItc3BhY2luZyk7XG4gICAgICAgICAgICAgICAgJHticmVhZGNydW1ic1Rva2Vucy5icmVhZGNydW1ic0xpbmVIZWlnaHR9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LWwtbGluZS1oZWlnaHQpO1xuICAgICAgICAgICAgYCxcbiAgICAgICAgICAgIG06IGNzc2BcbiAgICAgICAgICAgICAgICAke2JyZWFkY3J1bWJzVG9rZW5zLmJyZWFkY3J1bWJzR2FwfTogMC4zNzVyZW07XG5cbiAgICAgICAgICAgICAgICAke2JyZWFkY3J1bWJzVG9rZW5zLmJyZWFkY3J1bWJzRm9udEZhbWlseX06IHZhcigtLXBsYXNtYS10eXBvLWJvZHktbS1mb250LWZhbWlseSk7XG4gICAgICAgICAgICAgICAgJHticmVhZGNydW1ic1Rva2Vucy5icmVhZGNydW1ic0ZvbnRTaXplfTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS1tLWZvbnQtc2l6ZSk7XG4gICAgICAgICAgICAgICAgJHticmVhZGNydW1ic1Rva2Vucy5icmVhZGNydW1ic0ZvbnRTdHlsZX06IHZhcigtLXBsYXNtYS10eXBvLWJvZHktbS1mb250LXN0eWxlKTtcbiAgICAgICAgICAgICAgICAke2JyZWFkY3J1bWJzVG9rZW5zLmJyZWFkY3J1bWJzRm9udFdlaWdodH06IHZhcigtLXBsYXNtYS10eXBvLWJvZHktbS1ib2xkLXdlaWdodCk7XG4gICAgICAgICAgICAgICAgJHticmVhZGNydW1ic1Rva2Vucy5icmVhZGNydW1ic0xldHRlclNwYWNpbmd9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LW0tbGV0dGVyLXNwYWNpbmcpO1xuICAgICAgICAgICAgICAgICR7YnJlYWRjcnVtYnNUb2tlbnMuYnJlYWRjcnVtYnNMaW5lSGVpZ2h0fTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS1tLWxpbmUtaGVpZ2h0KTtcbiAgICAgICAgICAgIGAsXG4gICAgICAgICAgICBzOiBjc3NgXG4gICAgICAgICAgICAgICAgJHticmVhZGNydW1ic1Rva2Vucy5icmVhZGNydW1ic0dhcH06IDAuMjVyZW07XG5cbiAgICAgICAgICAgICAgICAke2JyZWFkY3J1bWJzVG9rZW5zLmJyZWFkY3J1bWJzRm9udEZhbWlseX06IHZhcigtLXBsYXNtYS10eXBvLWJvZHktcy1mb250LWZhbWlseSk7XG4gICAgICAgICAgICAgICAgJHticmVhZGNydW1ic1Rva2Vucy5icmVhZGNydW1ic0ZvbnRTaXplfTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS1zLWZvbnQtc2l6ZSk7XG4gICAgICAgICAgICAgICAgJHticmVhZGNydW1ic1Rva2Vucy5icmVhZGNydW1ic0ZvbnRTdHlsZX06IHZhcigtLXBsYXNtYS10eXBvLWJvZHktcy1mb250LXN0eWxlKTtcbiAgICAgICAgICAgICAgICAke2JyZWFkY3J1bWJzVG9rZW5zLmJyZWFkY3J1bWJzRm9udFdlaWdodH06IHZhcigtLXBsYXNtYS10eXBvLWJvZHktcy1ib2xkLXdlaWdodCk7XG4gICAgICAgICAgICAgICAgJHticmVhZGNydW1ic1Rva2Vucy5icmVhZGNydW1ic0xldHRlclNwYWNpbmd9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LXMtbGV0dGVyLXNwYWNpbmcpO1xuICAgICAgICAgICAgICAgICR7YnJlYWRjcnVtYnNUb2tlbnMuYnJlYWRjcnVtYnNMaW5lSGVpZ2h0fTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS1zLWxpbmUtaGVpZ2h0KTtcbiAgICAgICAgICAgIGAsXG4gICAgICAgICAgICB4czogY3NzYFxuICAgICAgICAgICAgICAgICR7YnJlYWRjcnVtYnNUb2tlbnMuYnJlYWRjcnVtYnNHYXB9OiAwcmVtO1xuXG4gICAgICAgICAgICAgICAgJHticmVhZGNydW1ic1Rva2Vucy5icmVhZGNydW1ic0ZvbnRGYW1pbHl9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LXhzLWZvbnQtZmFtaWx5KTtcbiAgICAgICAgICAgICAgICAke2JyZWFkY3J1bWJzVG9rZW5zLmJyZWFkY3J1bWJzRm9udFNpemV9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LXhzLWZvbnQtc2l6ZSk7XG4gICAgICAgICAgICAgICAgJHticmVhZGNydW1ic1Rva2Vucy5icmVhZGNydW1ic0ZvbnRTdHlsZX06IHZhcigtLXBsYXNtYS10eXBvLWJvZHkteHMtZm9udC1zdHlsZSk7XG4gICAgICAgICAgICAgICAgJHticmVhZGNydW1ic1Rva2Vucy5icmVhZGNydW1ic0ZvbnRXZWlnaHR9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LXhzLWJvbGQtd2VpZ2h0KTtcbiAgICAgICAgICAgICAgICAke2JyZWFkY3J1bWJzVG9rZW5zLmJyZWFkY3J1bWJzTGV0dGVyU3BhY2luZ306IHZhcigtLXBsYXNtYS10eXBvLWJvZHkteHMtbGV0dGVyLXNwYWNpbmcpO1xuICAgICAgICAgICAgICAgICR7YnJlYWRjcnVtYnNUb2tlbnMuYnJlYWRjcnVtYnNMaW5lSGVpZ2h0fTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS14cy1saW5lLWhlaWdodCk7XG4gICAgICAgICAgICBgLFxuICAgICAgICB9LFxuICAgIH0sXG59O1xuIl19 */")),
|
21
|
+
s: /*#__PURE__*/(0, _react.css)(_Breadcrumbs.breadcrumbsTokens.breadcrumbsGap, ":0.25rem;", _Breadcrumbs.breadcrumbsTokens.breadcrumbsFontFamily, ":var(--plasma-typo-body-s-font-family);", _Breadcrumbs.breadcrumbsTokens.breadcrumbsFontSize, ":var(--plasma-typo-body-s-font-size);", _Breadcrumbs.breadcrumbsTokens.breadcrumbsFontStyle, ":var(--plasma-typo-body-s-font-style);", _Breadcrumbs.breadcrumbsTokens.breadcrumbsFontWeight, ":var(--plasma-typo-body-s-bold-weight);", _Breadcrumbs.breadcrumbsTokens.breadcrumbsLetterSpacing, ":var(--plasma-typo-body-s-letter-spacing);", _Breadcrumbs.breadcrumbsTokens.breadcrumbsLineHeight, ":var(--plasma-typo-body-s-line-height);;label:plasma-new-hope__s;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2V4YW1wbGVzL3BsYXNtYV93ZWIvY29tcG9uZW50cy9CcmVhZGNydW1icy9CcmVhZGNydW1icy5jb25maWcudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBc0NrQiIsImZpbGUiOiIuLi8uLi8uLi8uLi8uLi8uLi9zcmMtZW1vdGlvbi9leGFtcGxlcy9wbGFzbWFfd2ViL2NvbXBvbmVudHMvQnJlYWRjcnVtYnMvQnJlYWRjcnVtYnMuY29uZmlnLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG5pbXBvcnQgeyBicmVhZGNydW1ic1Rva2VucyB9IGZyb20gJy4uLy4uLy4uLy4uL2NvbXBvbmVudHMvQnJlYWRjcnVtYnMnO1xuXG5leHBvcnQgY29uc3QgY29uZmlnID0ge1xuICAgIGRlZmF1bHRzOiB7XG4gICAgICAgIHZpZXc6ICdkZWZhdWx0JyxcbiAgICAgICAgc2l6ZTogJ20nLFxuICAgIH0sXG4gICAgdmFyaWF0aW9uczoge1xuICAgICAgICB2aWV3OiB7XG4gICAgICAgICAgICBkZWZhdWx0OiBjc3NgXG4gICAgICAgICAgICAgICAgJHticmVhZGNydW1ic1Rva2Vucy5icmVhZGNydW1ic0NvbG9yfTogdmFyKC0tdGV4dC1wcmltYXJ5KTtcbiAgICAgICAgICAgICAgICAke2JyZWFkY3J1bWJzVG9rZW5zLmJyZWFkY3J1bWJzT3BhY2l0eX06IDAuNDtcbiAgICAgICAgICAgICAgICAke2JyZWFkY3J1bWJzVG9rZW5zLmJyZWFkY3J1bWJzRm9jdXNPdXRsaW5lQ29sb3J9OiB2YXIoLS1zdXJmYWNlLWFjY2VudCk7XG4gICAgICAgICAgICBgLFxuICAgICAgICB9LFxuICAgICAgICBzaXplOiB7XG4gICAgICAgICAgICBsOiBjc3NgXG4gICAgICAgICAgICAgICAgJHticmVhZGNydW1ic1Rva2Vucy5icmVhZGNydW1ic0dhcH06IDAuNXJlbTtcblxuICAgICAgICAgICAgICAgICR7YnJlYWRjcnVtYnNUb2tlbnMuYnJlYWRjcnVtYnNGb250RmFtaWx5fTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS1sLWZvbnQtZmFtaWx5KTtcbiAgICAgICAgICAgICAgICAke2JyZWFkY3J1bWJzVG9rZW5zLmJyZWFkY3J1bWJzRm9udFNpemV9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LWwtZm9udC1zaXplKTtcbiAgICAgICAgICAgICAgICAke2JyZWFkY3J1bWJzVG9rZW5zLmJyZWFkY3J1bWJzRm9udFN0eWxlfTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS1sLWZvbnQtc3R5bGUpO1xuICAgICAgICAgICAgICAgICR7YnJlYWRjcnVtYnNUb2tlbnMuYnJlYWRjcnVtYnNGb250V2VpZ2h0fTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS1sLWJvbGQtd2VpZ2h0KTtcbiAgICAgICAgICAgICAgICAke2JyZWFkY3J1bWJzVG9rZW5zLmJyZWFkY3J1bWJzTGV0dGVyU3BhY2luZ306IHZhcigtLXBsYXNtYS10eXBvLWJvZHktbC1sZXR0ZXItc3BhY2luZyk7XG4gICAgICAgICAgICAgICAgJHticmVhZGNydW1ic1Rva2Vucy5icmVhZGNydW1ic0xpbmVIZWlnaHR9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LWwtbGluZS1oZWlnaHQpO1xuICAgICAgICAgICAgYCxcbiAgICAgICAgICAgIG06IGNzc2BcbiAgICAgICAgICAgICAgICAke2JyZWFkY3J1bWJzVG9rZW5zLmJyZWFkY3J1bWJzR2FwfTogMC4zNzVyZW07XG5cbiAgICAgICAgICAgICAgICAke2JyZWFkY3J1bWJzVG9rZW5zLmJyZWFkY3J1bWJzRm9udEZhbWlseX06IHZhcigtLXBsYXNtYS10eXBvLWJvZHktbS1mb250LWZhbWlseSk7XG4gICAgICAgICAgICAgICAgJHticmVhZGNydW1ic1Rva2Vucy5icmVhZGNydW1ic0ZvbnRTaXplfTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS1tLWZvbnQtc2l6ZSk7XG4gICAgICAgICAgICAgICAgJHticmVhZGNydW1ic1Rva2Vucy5icmVhZGNydW1ic0ZvbnRTdHlsZX06IHZhcigtLXBsYXNtYS10eXBvLWJvZHktbS1mb250LXN0eWxlKTtcbiAgICAgICAgICAgICAgICAke2JyZWFkY3J1bWJzVG9rZW5zLmJyZWFkY3J1bWJzRm9udFdlaWdodH06IHZhcigtLXBsYXNtYS10eXBvLWJvZHktbS1ib2xkLXdlaWdodCk7XG4gICAgICAgICAgICAgICAgJHticmVhZGNydW1ic1Rva2Vucy5icmVhZGNydW1ic0xldHRlclNwYWNpbmd9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LW0tbGV0dGVyLXNwYWNpbmcpO1xuICAgICAgICAgICAgICAgICR7YnJlYWRjcnVtYnNUb2tlbnMuYnJlYWRjcnVtYnNMaW5lSGVpZ2h0fTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS1tLWxpbmUtaGVpZ2h0KTtcbiAgICAgICAgICAgIGAsXG4gICAgICAgICAgICBzOiBjc3NgXG4gICAgICAgICAgICAgICAgJHticmVhZGNydW1ic1Rva2Vucy5icmVhZGNydW1ic0dhcH06IDAuMjVyZW07XG5cbiAgICAgICAgICAgICAgICAke2JyZWFkY3J1bWJzVG9rZW5zLmJyZWFkY3J1bWJzRm9udEZhbWlseX06IHZhcigtLXBsYXNtYS10eXBvLWJvZHktcy1mb250LWZhbWlseSk7XG4gICAgICAgICAgICAgICAgJHticmVhZGNydW1ic1Rva2Vucy5icmVhZGNydW1ic0ZvbnRTaXplfTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS1zLWZvbnQtc2l6ZSk7XG4gICAgICAgICAgICAgICAgJHticmVhZGNydW1ic1Rva2Vucy5icmVhZGNydW1ic0ZvbnRTdHlsZX06IHZhcigtLXBsYXNtYS10eXBvLWJvZHktcy1mb250LXN0eWxlKTtcbiAgICAgICAgICAgICAgICAke2JyZWFkY3J1bWJzVG9rZW5zLmJyZWFkY3J1bWJzRm9udFdlaWdodH06IHZhcigtLXBsYXNtYS10eXBvLWJvZHktcy1ib2xkLXdlaWdodCk7XG4gICAgICAgICAgICAgICAgJHticmVhZGNydW1ic1Rva2Vucy5icmVhZGNydW1ic0xldHRlclNwYWNpbmd9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LXMtbGV0dGVyLXNwYWNpbmcpO1xuICAgICAgICAgICAgICAgICR7YnJlYWRjcnVtYnNUb2tlbnMuYnJlYWRjcnVtYnNMaW5lSGVpZ2h0fTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS1zLWxpbmUtaGVpZ2h0KTtcbiAgICAgICAgICAgIGAsXG4gICAgICAgICAgICB4czogY3NzYFxuICAgICAgICAgICAgICAgICR7YnJlYWRjcnVtYnNUb2tlbnMuYnJlYWRjcnVtYnNHYXB9OiAwcmVtO1xuXG4gICAgICAgICAgICAgICAgJHticmVhZGNydW1ic1Rva2Vucy5icmVhZGNydW1ic0ZvbnRGYW1pbHl9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LXhzLWZvbnQtZmFtaWx5KTtcbiAgICAgICAgICAgICAgICAke2JyZWFkY3J1bWJzVG9rZW5zLmJyZWFkY3J1bWJzRm9udFNpemV9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LXhzLWZvbnQtc2l6ZSk7XG4gICAgICAgICAgICAgICAgJHticmVhZGNydW1ic1Rva2Vucy5icmVhZGNydW1ic0ZvbnRTdHlsZX06IHZhcigtLXBsYXNtYS10eXBvLWJvZHkteHMtZm9udC1zdHlsZSk7XG4gICAgICAgICAgICAgICAgJHticmVhZGNydW1ic1Rva2Vucy5icmVhZGNydW1ic0ZvbnRXZWlnaHR9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LXhzLWJvbGQtd2VpZ2h0KTtcbiAgICAgICAgICAgICAgICAke2JyZWFkY3J1bWJzVG9rZW5zLmJyZWFkY3J1bWJzTGV0dGVyU3BhY2luZ306IHZhcigtLXBsYXNtYS10eXBvLWJvZHkteHMtbGV0dGVyLXNwYWNpbmcpO1xuICAgICAgICAgICAgICAgICR7YnJlYWRjcnVtYnNUb2tlbnMuYnJlYWRjcnVtYnNMaW5lSGVpZ2h0fTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS14cy1saW5lLWhlaWdodCk7XG4gICAgICAgICAgICBgLFxuICAgICAgICB9LFxuICAgIH0sXG59O1xuIl19 */")),
|
22
|
+
xs: /*#__PURE__*/(0, _react.css)(_Breadcrumbs.breadcrumbsTokens.breadcrumbsGap, ":0rem;", _Breadcrumbs.breadcrumbsTokens.breadcrumbsFontFamily, ":var(--plasma-typo-body-xs-font-family);", _Breadcrumbs.breadcrumbsTokens.breadcrumbsFontSize, ":var(--plasma-typo-body-xs-font-size);", _Breadcrumbs.breadcrumbsTokens.breadcrumbsFontStyle, ":var(--plasma-typo-body-xs-font-style);", _Breadcrumbs.breadcrumbsTokens.breadcrumbsFontWeight, ":var(--plasma-typo-body-xs-bold-weight);", _Breadcrumbs.breadcrumbsTokens.breadcrumbsLetterSpacing, ":var(--plasma-typo-body-xs-letter-spacing);", _Breadcrumbs.breadcrumbsTokens.breadcrumbsLineHeight, ":var(--plasma-typo-body-xs-line-height);;label:plasma-new-hope__xs;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2V4YW1wbGVzL3BsYXNtYV93ZWIvY29tcG9uZW50cy9CcmVhZGNydW1icy9CcmVhZGNydW1icy5jb25maWcudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZ0RtQiIsImZpbGUiOiIuLi8uLi8uLi8uLi8uLi8uLi9zcmMtZW1vdGlvbi9leGFtcGxlcy9wbGFzbWFfd2ViL2NvbXBvbmVudHMvQnJlYWRjcnVtYnMvQnJlYWRjcnVtYnMuY29uZmlnLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG5pbXBvcnQgeyBicmVhZGNydW1ic1Rva2VucyB9IGZyb20gJy4uLy4uLy4uLy4uL2NvbXBvbmVudHMvQnJlYWRjcnVtYnMnO1xuXG5leHBvcnQgY29uc3QgY29uZmlnID0ge1xuICAgIGRlZmF1bHRzOiB7XG4gICAgICAgIHZpZXc6ICdkZWZhdWx0JyxcbiAgICAgICAgc2l6ZTogJ20nLFxuICAgIH0sXG4gICAgdmFyaWF0aW9uczoge1xuICAgICAgICB2aWV3OiB7XG4gICAgICAgICAgICBkZWZhdWx0OiBjc3NgXG4gICAgICAgICAgICAgICAgJHticmVhZGNydW1ic1Rva2Vucy5icmVhZGNydW1ic0NvbG9yfTogdmFyKC0tdGV4dC1wcmltYXJ5KTtcbiAgICAgICAgICAgICAgICAke2JyZWFkY3J1bWJzVG9rZW5zLmJyZWFkY3J1bWJzT3BhY2l0eX06IDAuNDtcbiAgICAgICAgICAgICAgICAke2JyZWFkY3J1bWJzVG9rZW5zLmJyZWFkY3J1bWJzRm9jdXNPdXRsaW5lQ29sb3J9OiB2YXIoLS1zdXJmYWNlLWFjY2VudCk7XG4gICAgICAgICAgICBgLFxuICAgICAgICB9LFxuICAgICAgICBzaXplOiB7XG4gICAgICAgICAgICBsOiBjc3NgXG4gICAgICAgICAgICAgICAgJHticmVhZGNydW1ic1Rva2Vucy5icmVhZGNydW1ic0dhcH06IDAuNXJlbTtcblxuICAgICAgICAgICAgICAgICR7YnJlYWRjcnVtYnNUb2tlbnMuYnJlYWRjcnVtYnNGb250RmFtaWx5fTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS1sLWZvbnQtZmFtaWx5KTtcbiAgICAgICAgICAgICAgICAke2JyZWFkY3J1bWJzVG9rZW5zLmJyZWFkY3J1bWJzRm9udFNpemV9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LWwtZm9udC1zaXplKTtcbiAgICAgICAgICAgICAgICAke2JyZWFkY3J1bWJzVG9rZW5zLmJyZWFkY3J1bWJzRm9udFN0eWxlfTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS1sLWZvbnQtc3R5bGUpO1xuICAgICAgICAgICAgICAgICR7YnJlYWRjcnVtYnNUb2tlbnMuYnJlYWRjcnVtYnNGb250V2VpZ2h0fTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS1sLWJvbGQtd2VpZ2h0KTtcbiAgICAgICAgICAgICAgICAke2JyZWFkY3J1bWJzVG9rZW5zLmJyZWFkY3J1bWJzTGV0dGVyU3BhY2luZ306IHZhcigtLXBsYXNtYS10eXBvLWJvZHktbC1sZXR0ZXItc3BhY2luZyk7XG4gICAgICAgICAgICAgICAgJHticmVhZGNydW1ic1Rva2Vucy5icmVhZGNydW1ic0xpbmVIZWlnaHR9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LWwtbGluZS1oZWlnaHQpO1xuICAgICAgICAgICAgYCxcbiAgICAgICAgICAgIG06IGNzc2BcbiAgICAgICAgICAgICAgICAke2JyZWFkY3J1bWJzVG9rZW5zLmJyZWFkY3J1bWJzR2FwfTogMC4zNzVyZW07XG5cbiAgICAgICAgICAgICAgICAke2JyZWFkY3J1bWJzVG9rZW5zLmJyZWFkY3J1bWJzRm9udEZhbWlseX06IHZhcigtLXBsYXNtYS10eXBvLWJvZHktbS1mb250LWZhbWlseSk7XG4gICAgICAgICAgICAgICAgJHticmVhZGNydW1ic1Rva2Vucy5icmVhZGNydW1ic0ZvbnRTaXplfTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS1tLWZvbnQtc2l6ZSk7XG4gICAgICAgICAgICAgICAgJHticmVhZGNydW1ic1Rva2Vucy5icmVhZGNydW1ic0ZvbnRTdHlsZX06IHZhcigtLXBsYXNtYS10eXBvLWJvZHktbS1mb250LXN0eWxlKTtcbiAgICAgICAgICAgICAgICAke2JyZWFkY3J1bWJzVG9rZW5zLmJyZWFkY3J1bWJzRm9udFdlaWdodH06IHZhcigtLXBsYXNtYS10eXBvLWJvZHktbS1ib2xkLXdlaWdodCk7XG4gICAgICAgICAgICAgICAgJHticmVhZGNydW1ic1Rva2Vucy5icmVhZGNydW1ic0xldHRlclNwYWNpbmd9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LW0tbGV0dGVyLXNwYWNpbmcpO1xuICAgICAgICAgICAgICAgICR7YnJlYWRjcnVtYnNUb2tlbnMuYnJlYWRjcnVtYnNMaW5lSGVpZ2h0fTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS1tLWxpbmUtaGVpZ2h0KTtcbiAgICAgICAgICAgIGAsXG4gICAgICAgICAgICBzOiBjc3NgXG4gICAgICAgICAgICAgICAgJHticmVhZGNydW1ic1Rva2Vucy5icmVhZGNydW1ic0dhcH06IDAuMjVyZW07XG5cbiAgICAgICAgICAgICAgICAke2JyZWFkY3J1bWJzVG9rZW5zLmJyZWFkY3J1bWJzRm9udEZhbWlseX06IHZhcigtLXBsYXNtYS10eXBvLWJvZHktcy1mb250LWZhbWlseSk7XG4gICAgICAgICAgICAgICAgJHticmVhZGNydW1ic1Rva2Vucy5icmVhZGNydW1ic0ZvbnRTaXplfTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS1zLWZvbnQtc2l6ZSk7XG4gICAgICAgICAgICAgICAgJHticmVhZGNydW1ic1Rva2Vucy5icmVhZGNydW1ic0ZvbnRTdHlsZX06IHZhcigtLXBsYXNtYS10eXBvLWJvZHktcy1mb250LXN0eWxlKTtcbiAgICAgICAgICAgICAgICAke2JyZWFkY3J1bWJzVG9rZW5zLmJyZWFkY3J1bWJzRm9udFdlaWdodH06IHZhcigtLXBsYXNtYS10eXBvLWJvZHktcy1ib2xkLXdlaWdodCk7XG4gICAgICAgICAgICAgICAgJHticmVhZGNydW1ic1Rva2Vucy5icmVhZGNydW1ic0xldHRlclNwYWNpbmd9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LXMtbGV0dGVyLXNwYWNpbmcpO1xuICAgICAgICAgICAgICAgICR7YnJlYWRjcnVtYnNUb2tlbnMuYnJlYWRjcnVtYnNMaW5lSGVpZ2h0fTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS1zLWxpbmUtaGVpZ2h0KTtcbiAgICAgICAgICAgIGAsXG4gICAgICAgICAgICB4czogY3NzYFxuICAgICAgICAgICAgICAgICR7YnJlYWRjcnVtYnNUb2tlbnMuYnJlYWRjcnVtYnNHYXB9OiAwcmVtO1xuXG4gICAgICAgICAgICAgICAgJHticmVhZGNydW1ic1Rva2Vucy5icmVhZGNydW1ic0ZvbnRGYW1pbHl9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LXhzLWZvbnQtZmFtaWx5KTtcbiAgICAgICAgICAgICAgICAke2JyZWFkY3J1bWJzVG9rZW5zLmJyZWFkY3J1bWJzRm9udFNpemV9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LXhzLWZvbnQtc2l6ZSk7XG4gICAgICAgICAgICAgICAgJHticmVhZGNydW1ic1Rva2Vucy5icmVhZGNydW1ic0ZvbnRTdHlsZX06IHZhcigtLXBsYXNtYS10eXBvLWJvZHkteHMtZm9udC1zdHlsZSk7XG4gICAgICAgICAgICAgICAgJHticmVhZGNydW1ic1Rva2Vucy5icmVhZGNydW1ic0ZvbnRXZWlnaHR9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LXhzLWJvbGQtd2VpZ2h0KTtcbiAgICAgICAgICAgICAgICAke2JyZWFkY3J1bWJzVG9rZW5zLmJyZWFkY3J1bWJzTGV0dGVyU3BhY2luZ306IHZhcigtLXBsYXNtYS10eXBvLWJvZHkteHMtbGV0dGVyLXNwYWNpbmcpO1xuICAgICAgICAgICAgICAgICR7YnJlYWRjcnVtYnNUb2tlbnMuYnJlYWRjcnVtYnNMaW5lSGVpZ2h0fTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS14cy1saW5lLWhlaWdodCk7XG4gICAgICAgICAgICBgLFxuICAgICAgICB9LFxuICAgIH0sXG59O1xuIl19 */"))
|
23
|
+
}
|
24
|
+
}
|
25
|
+
};
|
@@ -0,0 +1,11 @@
|
|
1
|
+
"use strict";
|
2
|
+
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
4
|
+
value: true
|
5
|
+
});
|
6
|
+
exports.Breadcrumbs = void 0;
|
7
|
+
var _Breadcrumbs = /*#__PURE__*/require("../../../../components/Breadcrumbs");
|
8
|
+
var _engines = /*#__PURE__*/require("../../../../engines");
|
9
|
+
var _Breadcrumbs2 = /*#__PURE__*/require("./Breadcrumbs.config");
|
10
|
+
var mergedConfig = /*#__PURE__*/(0, _engines.mergeConfig)(_Breadcrumbs.breadcrumbsConfig, _Breadcrumbs2.config);
|
11
|
+
var Breadcrumbs = exports.Breadcrumbs = /*#__PURE__*/(0, _engines.component)(mergedConfig);
|
@@ -0,0 +1,42 @@
|
|
1
|
+
import React from 'react';
|
2
|
+
import type { ComponentProps } from 'react';
|
3
|
+
import type { StoryObj, Meta } from '@storybook/react';
|
4
|
+
import { disableProps } from '@salutejs/plasma-sb-utils';
|
5
|
+
|
6
|
+
import { mergeConfig } from '../../../../engines';
|
7
|
+
import { WithTheme, argTypesFromConfig } from '../../../_helpers';
|
8
|
+
import { accordionConfig } from '../../../../components/Accordion';
|
9
|
+
|
10
|
+
import { config } from './Breadcrumbs.config';
|
11
|
+
import { Breadcrumbs } from './Breadcrumbs';
|
12
|
+
|
13
|
+
type BreadcrumbsProps = ComponentProps<typeof Breadcrumbs>;
|
14
|
+
|
15
|
+
const meta: Meta<BreadcrumbsProps> = {
|
16
|
+
title: 'plasma_web/Breadcrumbs',
|
17
|
+
decorators: [WithTheme],
|
18
|
+
component: Breadcrumbs,
|
19
|
+
args: {
|
20
|
+
view: 'default',
|
21
|
+
size: 'm',
|
22
|
+
showItems: 2,
|
23
|
+
items: [
|
24
|
+
{ title: 'Home', href: '/' },
|
25
|
+
{ title: 'About as', href: '/' },
|
26
|
+
{ renderItem: () => <span>Custom Item</span> },
|
27
|
+
{ title: 'Contacts' },
|
28
|
+
],
|
29
|
+
},
|
30
|
+
argTypes: {
|
31
|
+
...argTypesFromConfig(mergeConfig(accordionConfig, config)),
|
32
|
+
...disableProps(['separator']),
|
33
|
+
},
|
34
|
+
};
|
35
|
+
|
36
|
+
export default meta;
|
37
|
+
|
38
|
+
export const Default: StoryObj<BreadcrumbsProps> = {
|
39
|
+
render: (props: BreadcrumbsProps) => {
|
40
|
+
return <Breadcrumbs {...props} />;
|
41
|
+
},
|
42
|
+
};
|
package/emotion/cjs/index.js
CHANGED
@@ -80,6 +80,17 @@ Object.keys(_ButtonGroup).forEach(function (key) {
|
|
80
80
|
}
|
81
81
|
});
|
82
82
|
});
|
83
|
+
var _Breadcrumbs = /*#__PURE__*/require("./components/Breadcrumbs");
|
84
|
+
Object.keys(_Breadcrumbs).forEach(function (key) {
|
85
|
+
if (key === "default" || key === "__esModule") return;
|
86
|
+
if (key in exports && exports[key] === _Breadcrumbs[key]) return;
|
87
|
+
Object.defineProperty(exports, key, {
|
88
|
+
enumerable: true,
|
89
|
+
get: function get() {
|
90
|
+
return _Breadcrumbs[key];
|
91
|
+
}
|
92
|
+
});
|
93
|
+
});
|
83
94
|
var _Chip = /*#__PURE__*/require("./components/Chip");
|
84
95
|
Object.keys(_Chip).forEach(function (key) {
|
85
96
|
if (key === "default" || key === "__esModule") return;
|
@@ -23,7 +23,6 @@ export var tokens = {
|
|
23
23
|
accordionItemFocus: '--plasma-accordion-item-focus',
|
24
24
|
accordionItemBorder: '--plasma-accordion-item-border',
|
25
25
|
accordionItemBorderBottom: '--plasma-accordion-item-border-bottom',
|
26
|
-
accordionItemIconColor: '--plasma-accordion-item-color-icon',
|
27
26
|
accordionItemTitleColor: '--plasma-accordion-item-title-color',
|
28
27
|
accordionItemTitleFontFamily: '--plasma-accordion-item-title-font-family',
|
29
28
|
accordionItemTitleFontSize: '--plasma-accordion-item-title-font-size',
|
@@ -17,6 +17,6 @@ export var StyledAccordionContentLeft = /*#__PURE__*/styled.div(_templateObject5
|
|
17
17
|
export var StyledAccordionTitle = /*#__PURE__*/styled.div(_templateObject6 || (_templateObject6 = /*#__PURE__*/_taggedTemplateLiteral(["\n color: var(", ");\n font-family: var(", ");\n font-size: var(", ");\n font-weight: var(", ");\n font-style: var(", ");\n letter-spacing: var(", ");\n line-height: var(", ");\n text-align: left;\n"])), tokens.accordionItemTitleColor, tokens.accordionItemTitleFontFamily, tokens.accordionItemTitleFontSize, tokens.accordionItemTitleFontWeight, tokens.accordionItemTitleFontStyle, tokens.accordionItemTitleLetterSpacing, tokens.accordionItemTitleLineHeight);
|
18
18
|
export var StyledAccordionBodyAnimate = /*#__PURE__*/styled.div(_templateObject7 || (_templateObject7 = /*#__PURE__*/_taggedTemplateLiteral(["\n display: grid;\n grid-template-rows: 0fr;\n transition: grid-template-rows 0.2s ease-out;\n overflow: hidden;\n\n &.", " {\n grid-template-rows: 1fr;\n padding-bottom: var(", ");\n\n &.", " {\n transition: 0.2s;\n transform: rotate(0deg);\n }\n }\n"])), classes.accordionItemShowBody, tokens.accordionItemPaddingVertical, classes.accordionPlusAnimationElement);
|
19
19
|
export var StyledAccordionBody = /*#__PURE__*/styled.div(_templateObject8 || (_templateObject8 = /*#__PURE__*/_taggedTemplateLiteral(["\n color: var(", ");\n font-family: var(", ");\n font-size: var(", ");\n font-weight: var(", ");\n font-style: var(", ");\n letter-spacing: var(", ");\n line-height: var(", ");\n overflow: hidden;\n padding-right: var(", ");\n padding-left: var(", ");\n text-align: left;\n"])), tokens.accordionItemTextColor, tokens.accordionItemTextFontFamily, tokens.accordionItemTextFontSize, tokens.accordionItemTextFontWeight, tokens.accordionItemTextFontStyle, tokens.accordionItemTextLetterSpacing, tokens.accordionItemTextLineHeight, tokens.accordionItemPaddingHorizontal, tokens.accordionItemPaddingHorizontalLeft);
|
20
|
-
export var StyledArrow = /*#__PURE__*/styled(IconChevronDownFill)(_templateObject9 || (_templateObject9 = /*#__PURE__*/_taggedTemplateLiteral(["\n pointer-events: none;\n user-select: none;\n color: var(", ");\n"])), tokens.
|
21
|
-
export var StyledMinus = /*#__PURE__*/styled(IconMinus)(_templateObject10 || (_templateObject10 = /*#__PURE__*/_taggedTemplateLiteral(["\n pointer-events: none;\n user-select: none;\n color: var(", ");\n display: flex;\n align-items: center;\n position: absolute;\n top: 0;\n left: 0;\n\n &.", " {\n transition: 0.2s;\n transform: rotate(90deg);\n }\n\n &.", " {\n transition: 0.2s;\n transform: rotate(0deg);\n }\n"])), tokens.
|
20
|
+
export var StyledArrow = /*#__PURE__*/styled(IconChevronDownFill)(_templateObject9 || (_templateObject9 = /*#__PURE__*/_taggedTemplateLiteral(["\n pointer-events: none;\n user-select: none;\n color: var(", ");\n"])), tokens.accordionItemTextColor);
|
21
|
+
export var StyledMinus = /*#__PURE__*/styled(IconMinus)(_templateObject10 || (_templateObject10 = /*#__PURE__*/_taggedTemplateLiteral(["\n pointer-events: none;\n user-select: none;\n color: var(", ");\n display: flex;\n align-items: center;\n position: absolute;\n top: 0;\n left: 0;\n\n &.", " {\n transition: 0.2s;\n transform: rotate(90deg);\n }\n\n &.", " {\n transition: 0.2s;\n transform: rotate(0deg);\n }\n"])), tokens.accordionItemTextColor, classes.accordionPlusAnimationElement, classes.accordionItemShowBody);
|
22
22
|
export var StyledPlus = /*#__PURE__*/styled.div(_templateObject11 || (_templateObject11 = /*#__PURE__*/_taggedTemplateLiteral(["\n position: relative;\n height: 1rem;\n display: flex;\n align-items: center;\n justify-content: center;\n width: 1rem;\n"])));
|
@@ -0,0 +1,50 @@
|
|
1
|
+
import React, { forwardRef } from 'react';
|
2
|
+
import { cx } from '../../utils';
|
3
|
+
import { base as sizeCSS } from './variations/_size/base';
|
4
|
+
import { base as viewCSS } from './variations/_view/base';
|
5
|
+
import { base, Separator } from './Breadcrumbs.styles';
|
6
|
+
import { addSeparator, convertIconSize, getRenderItems } from './utils';
|
7
|
+
export var breadcrumbsRoot = function breadcrumbsRoot(Root) {
|
8
|
+
return /*#__PURE__*/forwardRef(function (_ref, outerRootRef) {
|
9
|
+
var view = _ref.view,
|
10
|
+
size = _ref.size,
|
11
|
+
separator = _ref.separator,
|
12
|
+
items = _ref.items,
|
13
|
+
_ref$showItems = _ref.showItems,
|
14
|
+
showItems = _ref$showItems === void 0 ? items.length : _ref$showItems,
|
15
|
+
className = _ref.className;
|
16
|
+
var renderSeparator = separator !== null && separator !== void 0 ? separator : /*#__PURE__*/React.createElement(Separator, {
|
17
|
+
color: "inherit",
|
18
|
+
size: convertIconSize(size)
|
19
|
+
});
|
20
|
+
var renderItems = getRenderItems(items, renderSeparator, showItems);
|
21
|
+
var itemsWithSeparator = addSeparator(renderItems, renderSeparator);
|
22
|
+
return /*#__PURE__*/React.createElement(Root, {
|
23
|
+
ref: outerRootRef,
|
24
|
+
size: size,
|
25
|
+
view: view,
|
26
|
+
className: cx(className),
|
27
|
+
items: items
|
28
|
+
}, itemsWithSeparator.map(function (item) {
|
29
|
+
return item;
|
30
|
+
}));
|
31
|
+
});
|
32
|
+
};
|
33
|
+
export var breadcrumbsConfig = {
|
34
|
+
name: 'Breadcrumbs',
|
35
|
+
tag: 'div',
|
36
|
+
layout: breadcrumbsRoot,
|
37
|
+
base: base,
|
38
|
+
variations: {
|
39
|
+
view: {
|
40
|
+
css: viewCSS
|
41
|
+
},
|
42
|
+
size: {
|
43
|
+
css: sizeCSS
|
44
|
+
}
|
45
|
+
},
|
46
|
+
defaults: {
|
47
|
+
view: 'default',
|
48
|
+
size: 'm'
|
49
|
+
}
|
50
|
+
};
|
@@ -0,0 +1,26 @@
|
|
1
|
+
import _styled from "@emotion/styled/base";
|
2
|
+
import { css } from '@emotion/react';
|
3
|
+
import { linkConfig } from '../Link';
|
4
|
+
import { component, mergeConfig } from '../../engines';
|
5
|
+
import { IconDisclosureRight } from '../_Icon';
|
6
|
+
import { addFocus } from '../../mixins';
|
7
|
+
import { tokens } from './Breadcrumbs.tokens';
|
8
|
+
var mergedLinkConfig = /*#__PURE__*/mergeConfig(linkConfig);
|
9
|
+
var Link = /*#__PURE__*/component(mergedLinkConfig);
|
10
|
+
export var StyledLink = /*#__PURE__*/_styled(Link, {
|
11
|
+
target: "e1jirwgn1",
|
12
|
+
label: "plasma-new-hope__StyledLink"
|
13
|
+
})("opacity:", function (_ref) {
|
14
|
+
var isHref = _ref.isHref;
|
15
|
+
return isHref ? 1 : "var(".concat(tokens.breadcrumbsOpacity, ")");
|
16
|
+
}, ";", /*#__PURE__*/addFocus({
|
17
|
+
outlineOffset: '0rem',
|
18
|
+
outlineSize: '0.125rem',
|
19
|
+
outlineRadius: '0rem',
|
20
|
+
outlineColor: /*#__PURE__*/"var(".concat(tokens.breadcrumbsFocusOutlineColor, ")")
|
21
|
+
}), ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvQnJlYWRjcnVtYnMvQnJlYWRjcnVtYnMuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWEyRCIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMtZW1vdGlvbi9jb21wb25lbnRzL0JyZWFkY3J1bWJzL0JyZWFkY3J1bWJzLnN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuaW1wb3J0IHsgbGlua0NvbmZpZyB9IGZyb20gJy4uL0xpbmsnO1xuaW1wb3J0IHsgY29tcG9uZW50LCBtZXJnZUNvbmZpZyB9IGZyb20gJy4uLy4uL2VuZ2luZXMnO1xuaW1wb3J0IHsgSWNvbkRpc2Nsb3N1cmVSaWdodCB9IGZyb20gJy4uL19JY29uJztcbmltcG9ydCB7IGFkZEZvY3VzIH0gZnJvbSAnLi4vLi4vbWl4aW5zJztcblxuaW1wb3J0IHsgdG9rZW5zIH0gZnJvbSAnLi9CcmVhZGNydW1icy50b2tlbnMnO1xuXG5jb25zdCBtZXJnZWRMaW5rQ29uZmlnID0gbWVyZ2VDb25maWcobGlua0NvbmZpZyk7XG5jb25zdCBMaW5rID0gY29tcG9uZW50KG1lcmdlZExpbmtDb25maWcpO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkTGluayA9IHN0eWxlZChMaW5rKTx7IGlzSHJlZjogYm9vbGVhbiB9PmBcbiAgICBvcGFjaXR5OiAkeyh7IGlzSHJlZiB9KSA9PiAoaXNIcmVmID8gMSA6IGB2YXIoJHt0b2tlbnMuYnJlYWRjcnVtYnNPcGFjaXR5fSlgKX07XG5cbiAgICAke2FkZEZvY3VzKHtcbiAgICAgICAgb3V0bGluZU9mZnNldDogJzByZW0nLFxuICAgICAgICBvdXRsaW5lU2l6ZTogJzAuMTI1cmVtJyxcbiAgICAgICAgb3V0bGluZVJhZGl1czogJzByZW0nLFxuICAgICAgICBvdXRsaW5lQ29sb3I6IGB2YXIoJHt0b2tlbnMuYnJlYWRjcnVtYnNGb2N1c091dGxpbmVDb2xvcn0pYCxcbiAgICB9KX1cbmA7XG5cbmV4cG9ydCBjb25zdCBiYXNlID0gY3NzYFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgZmxleC1kaXJlY3Rpb246IHJvdztcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgIGdhcDogdmFyKCR7dG9rZW5zLmJyZWFkY3J1bWJzR2FwfSk7XG5cbiAgICBjb2xvcjogdmFyKCR7dG9rZW5zLmJyZWFkY3J1bWJzQ29sb3J9KTtcbiAgICBmb250LWZhbWlseTogdmFyKCR7dG9rZW5zLmJyZWFkY3J1bWJzRm9udEZhbWlseX0pO1xuICAgIGZvbnQtc2l6ZTogdmFyKCR7dG9rZW5zLmJyZWFkY3J1bWJzRm9udFNpemV9KTtcbiAgICBmb250LXdlaWdodDogdmFyKCR7dG9rZW5zLmJyZWFkY3J1bWJzRm9udFdlaWdodH0pO1xuICAgIGZvbnQtc3R5bGU6IHZhcigke3Rva2Vucy5icmVhZGNydW1ic0ZvbnRTdHlsZX0pO1xuICAgIGxldHRlci1zcGFjaW5nOiB2YXIoJHt0b2tlbnMuYnJlYWRjcnVtYnNMZXR0ZXJTcGFjaW5nfSk7XG4gICAgbGluZS1oZWlnaHQ6IHZhcigke3Rva2Vucy5icmVhZGNydW1ic0xpbmVIZWlnaHR9KTtcbmA7XG5cbmV4cG9ydCBjb25zdCBTZXBhcmF0b3IgPSBzdHlsZWQoSWNvbkRpc2Nsb3N1cmVSaWdodClgXG4gICAgY29sb3I6IHZhcigke3Rva2Vucy5icmVhZGNydW1ic0NvbG9yfSk7XG4gICAgb3BhY2l0eTogdmFyKCR7dG9rZW5zLmJyZWFkY3J1bWJzT3BhY2l0eX0pO1xuYDtcbiJdfQ== */"));
|
22
|
+
export var base = /*#__PURE__*/css("display:flex;flex-direction:row;align-items:center;gap:var(", tokens.breadcrumbsGap, ");color:var(", tokens.breadcrumbsColor, ");font-family:var(", tokens.breadcrumbsFontFamily, ");font-size:var(", tokens.breadcrumbsFontSize, ");font-weight:var(", tokens.breadcrumbsFontWeight, ");font-style:var(", tokens.breadcrumbsFontStyle, ");letter-spacing:var(", tokens.breadcrumbsLetterSpacing, ");line-height:var(", tokens.breadcrumbsLineHeight, ");;label:plasma-new-hope__base;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvQnJlYWRjcnVtYnMvQnJlYWRjcnVtYnMuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXdCdUIiLCJmaWxlIjoiLi4vLi4vLi4vLi4vc3JjLWVtb3Rpb24vY29tcG9uZW50cy9CcmVhZGNydW1icy9CcmVhZGNydW1icy5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmltcG9ydCB7IGxpbmtDb25maWcgfSBmcm9tICcuLi9MaW5rJztcbmltcG9ydCB7IGNvbXBvbmVudCwgbWVyZ2VDb25maWcgfSBmcm9tICcuLi8uLi9lbmdpbmVzJztcbmltcG9ydCB7IEljb25EaXNjbG9zdXJlUmlnaHQgfSBmcm9tICcuLi9fSWNvbic7XG5pbXBvcnQgeyBhZGRGb2N1cyB9IGZyb20gJy4uLy4uL21peGlucyc7XG5cbmltcG9ydCB7IHRva2VucyB9IGZyb20gJy4vQnJlYWRjcnVtYnMudG9rZW5zJztcblxuY29uc3QgbWVyZ2VkTGlua0NvbmZpZyA9IG1lcmdlQ29uZmlnKGxpbmtDb25maWcpO1xuY29uc3QgTGluayA9IGNvbXBvbmVudChtZXJnZWRMaW5rQ29uZmlnKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZExpbmsgPSBzdHlsZWQoTGluayk8eyBpc0hyZWY6IGJvb2xlYW4gfT5gXG4gICAgb3BhY2l0eTogJHsoeyBpc0hyZWYgfSkgPT4gKGlzSHJlZiA/IDEgOiBgdmFyKCR7dG9rZW5zLmJyZWFkY3J1bWJzT3BhY2l0eX0pYCl9O1xuXG4gICAgJHthZGRGb2N1cyh7XG4gICAgICAgIG91dGxpbmVPZmZzZXQ6ICcwcmVtJyxcbiAgICAgICAgb3V0bGluZVNpemU6ICcwLjEyNXJlbScsXG4gICAgICAgIG91dGxpbmVSYWRpdXM6ICcwcmVtJyxcbiAgICAgICAgb3V0bGluZUNvbG9yOiBgdmFyKCR7dG9rZW5zLmJyZWFkY3J1bWJzRm9jdXNPdXRsaW5lQ29sb3J9KWAsXG4gICAgfSl9XG5gO1xuXG5leHBvcnQgY29uc3QgYmFzZSA9IGNzc2BcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGZsZXgtZGlyZWN0aW9uOiByb3c7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICBnYXA6IHZhcigke3Rva2Vucy5icmVhZGNydW1ic0dhcH0pO1xuXG4gICAgY29sb3I6IHZhcigke3Rva2Vucy5icmVhZGNydW1ic0NvbG9yfSk7XG4gICAgZm9udC1mYW1pbHk6IHZhcigke3Rva2Vucy5icmVhZGNydW1ic0ZvbnRGYW1pbHl9KTtcbiAgICBmb250LXNpemU6IHZhcigke3Rva2Vucy5icmVhZGNydW1ic0ZvbnRTaXplfSk7XG4gICAgZm9udC13ZWlnaHQ6IHZhcigke3Rva2Vucy5icmVhZGNydW1ic0ZvbnRXZWlnaHR9KTtcbiAgICBmb250LXN0eWxlOiB2YXIoJHt0b2tlbnMuYnJlYWRjcnVtYnNGb250U3R5bGV9KTtcbiAgICBsZXR0ZXItc3BhY2luZzogdmFyKCR7dG9rZW5zLmJyZWFkY3J1bWJzTGV0dGVyU3BhY2luZ30pO1xuICAgIGxpbmUtaGVpZ2h0OiB2YXIoJHt0b2tlbnMuYnJlYWRjcnVtYnNMaW5lSGVpZ2h0fSk7XG5gO1xuXG5leHBvcnQgY29uc3QgU2VwYXJhdG9yID0gc3R5bGVkKEljb25EaXNjbG9zdXJlUmlnaHQpYFxuICAgIGNvbG9yOiB2YXIoJHt0b2tlbnMuYnJlYWRjcnVtYnNDb2xvcn0pO1xuICAgIG9wYWNpdHk6IHZhcigke3Rva2Vucy5icmVhZGNydW1ic09wYWNpdHl9KTtcbmA7XG4iXX0= */"));
|
23
|
+
export var Separator = /*#__PURE__*/_styled(IconDisclosureRight, {
|
24
|
+
target: "e1jirwgn0",
|
25
|
+
label: "plasma-new-hope__Separator"
|
26
|
+
})("color:var(", tokens.breadcrumbsColor, ");opacity:var(", tokens.breadcrumbsOpacity, ");" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvQnJlYWRjcnVtYnMvQnJlYWRjcnVtYnMuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXVDb0QiLCJmaWxlIjoiLi4vLi4vLi4vLi4vc3JjLWVtb3Rpb24vY29tcG9uZW50cy9CcmVhZGNydW1icy9CcmVhZGNydW1icy5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmltcG9ydCB7IGxpbmtDb25maWcgfSBmcm9tICcuLi9MaW5rJztcbmltcG9ydCB7IGNvbXBvbmVudCwgbWVyZ2VDb25maWcgfSBmcm9tICcuLi8uLi9lbmdpbmVzJztcbmltcG9ydCB7IEljb25EaXNjbG9zdXJlUmlnaHQgfSBmcm9tICcuLi9fSWNvbic7XG5pbXBvcnQgeyBhZGRGb2N1cyB9IGZyb20gJy4uLy4uL21peGlucyc7XG5cbmltcG9ydCB7IHRva2VucyB9IGZyb20gJy4vQnJlYWRjcnVtYnMudG9rZW5zJztcblxuY29uc3QgbWVyZ2VkTGlua0NvbmZpZyA9IG1lcmdlQ29uZmlnKGxpbmtDb25maWcpO1xuY29uc3QgTGluayA9IGNvbXBvbmVudChtZXJnZWRMaW5rQ29uZmlnKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZExpbmsgPSBzdHlsZWQoTGluayk8eyBpc0hyZWY6IGJvb2xlYW4gfT5gXG4gICAgb3BhY2l0eTogJHsoeyBpc0hyZWYgfSkgPT4gKGlzSHJlZiA/IDEgOiBgdmFyKCR7dG9rZW5zLmJyZWFkY3J1bWJzT3BhY2l0eX0pYCl9O1xuXG4gICAgJHthZGRGb2N1cyh7XG4gICAgICAgIG91dGxpbmVPZmZzZXQ6ICcwcmVtJyxcbiAgICAgICAgb3V0bGluZVNpemU6ICcwLjEyNXJlbScsXG4gICAgICAgIG91dGxpbmVSYWRpdXM6ICcwcmVtJyxcbiAgICAgICAgb3V0bGluZUNvbG9yOiBgdmFyKCR7dG9rZW5zLmJyZWFkY3J1bWJzRm9jdXNPdXRsaW5lQ29sb3J9KWAsXG4gICAgfSl9XG5gO1xuXG5leHBvcnQgY29uc3QgYmFzZSA9IGNzc2BcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGZsZXgtZGlyZWN0aW9uOiByb3c7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICBnYXA6IHZhcigke3Rva2Vucy5icmVhZGNydW1ic0dhcH0pO1xuXG4gICAgY29sb3I6IHZhcigke3Rva2Vucy5icmVhZGNydW1ic0NvbG9yfSk7XG4gICAgZm9udC1mYW1pbHk6IHZhcigke3Rva2Vucy5icmVhZGNydW1ic0ZvbnRGYW1pbHl9KTtcbiAgICBmb250LXNpemU6IHZhcigke3Rva2Vucy5icmVhZGNydW1ic0ZvbnRTaXplfSk7XG4gICAgZm9udC13ZWlnaHQ6IHZhcigke3Rva2Vucy5icmVhZGNydW1ic0ZvbnRXZWlnaHR9KTtcbiAgICBmb250LXN0eWxlOiB2YXIoJHt0b2tlbnMuYnJlYWRjcnVtYnNGb250U3R5bGV9KTtcbiAgICBsZXR0ZXItc3BhY2luZzogdmFyKCR7dG9rZW5zLmJyZWFkY3J1bWJzTGV0dGVyU3BhY2luZ30pO1xuICAgIGxpbmUtaGVpZ2h0OiB2YXIoJHt0b2tlbnMuYnJlYWRjcnVtYnNMaW5lSGVpZ2h0fSk7XG5gO1xuXG5leHBvcnQgY29uc3QgU2VwYXJhdG9yID0gc3R5bGVkKEljb25EaXNjbG9zdXJlUmlnaHQpYFxuICAgIGNvbG9yOiB2YXIoJHt0b2tlbnMuYnJlYWRjcnVtYnNDb2xvcn0pO1xuICAgIG9wYWNpdHk6IHZhcigke3Rva2Vucy5icmVhZGNydW1ic09wYWNpdHl9KTtcbmA7XG4iXX0= */"));
|
@@ -0,0 +1,96 @@
|
|
1
|
+
---
|
2
|
+
id: breadcrumbs
|
3
|
+
title: Breadcrumbs
|
4
|
+
---
|
5
|
+
|
6
|
+
import { PropsTable } from '@site/src/components';
|
7
|
+
|
8
|
+
# Breadcrumbs
|
9
|
+
<PropsTable name="Breadcrumbs" />
|
10
|
+
|
11
|
+
# Обычное использование
|
12
|
+
|
13
|
+
```tsx live
|
14
|
+
import React from 'react';
|
15
|
+
import { Breadcrumbs } from '@salutejs/{{ package }}';
|
16
|
+
|
17
|
+
export function App() {
|
18
|
+
const items = [
|
19
|
+
{ title: 'Home', href: '/' },
|
20
|
+
{ title: 'About as', href: '/' },
|
21
|
+
{ renderItem: () => <span>Custom Item</span> },
|
22
|
+
{ title: 'Contacts' },
|
23
|
+
];
|
24
|
+
|
25
|
+
return (
|
26
|
+
<div>
|
27
|
+
<Breadcrumbs items={items} />
|
28
|
+
</div>
|
29
|
+
);
|
30
|
+
}
|
31
|
+
```
|
32
|
+
# Использование с shorter
|
33
|
+
```tsx live
|
34
|
+
import React from 'react';
|
35
|
+
import { Breadcrumbs } from '@salutejs/{{ package }}';
|
36
|
+
|
37
|
+
export function App() {
|
38
|
+
const items = [
|
39
|
+
{ title: 'Home', href: '/' },
|
40
|
+
{ title: 'About as', href: '/' },
|
41
|
+
{ renderItem: () => <span>Custom Item</span> },
|
42
|
+
{ title: 'Contacts' },
|
43
|
+
];
|
44
|
+
|
45
|
+
return (
|
46
|
+
<div style=\{{"flexDirection": 'column'}}>
|
47
|
+
<div>
|
48
|
+
<Breadcrumbs items={items} showItems={2} />
|
49
|
+
</div>
|
50
|
+
<div>
|
51
|
+
<Breadcrumbs items={items} showItems={3} />
|
52
|
+
</div>
|
53
|
+
</div>
|
54
|
+
);
|
55
|
+
}
|
56
|
+
```
|
57
|
+
|
58
|
+
# Использование с кастомным элементом
|
59
|
+
```tsx live
|
60
|
+
import React from 'react';
|
61
|
+
import { Breadcrumbs, Dropdown } from '@salutejs/{{ package }}';
|
62
|
+
|
63
|
+
export function App() {
|
64
|
+
const items = [
|
65
|
+
{ title: 'Home', href: '/' },
|
66
|
+
{ title: 'About as', href: '/' },
|
67
|
+
{
|
68
|
+
renderItem: () => {
|
69
|
+
const itemsDropdown = [
|
70
|
+
{
|
71
|
+
value: 'Custom Item 1',
|
72
|
+
label: 'Custom Item 1',
|
73
|
+
},
|
74
|
+
{
|
75
|
+
value: 'Custom Item 2',
|
76
|
+
label: 'Custom Item 2',
|
77
|
+
},
|
78
|
+
];
|
79
|
+
return (
|
80
|
+
<Dropdown variant="tight" placement="bottom" items={itemsDropdown} trigger="hover">
|
81
|
+
<span>...</span>
|
82
|
+
</Dropdown>
|
83
|
+
);
|
84
|
+
},
|
85
|
+
},
|
86
|
+
{ title: 'Contacts' },
|
87
|
+
];
|
88
|
+
|
89
|
+
|
90
|
+
return (
|
91
|
+
<div style=\{{height: '200px'}}>
|
92
|
+
<Breadcrumbs items={items} />
|
93
|
+
</div>
|
94
|
+
);
|
95
|
+
}
|
96
|
+
```
|
@@ -0,0 +1,15 @@
|
|
1
|
+
export var classes = {
|
2
|
+
breadcrumbsRoot: 'breadcrumbs-root'
|
3
|
+
};
|
4
|
+
export var tokens = {
|
5
|
+
breadcrumbsGap: '--plasma-breadcrumbs-gap',
|
6
|
+
breadcrumbsOpacity: '--plasma-breadcrumbs-opacity',
|
7
|
+
breadcrumbsFocusOutlineColor: '--plasma-breadcrumbs-focus-outline-color',
|
8
|
+
breadcrumbsColor: '--plasma-breadcrumbs-color',
|
9
|
+
breadcrumbsFontFamily: '--plasma-breadcrumbs-font-family',
|
10
|
+
breadcrumbsFontSize: '--plasma-breadcrumbs-font-size',
|
11
|
+
breadcrumbsFontStyle: '--plasma-breadcrumbs-font-style',
|
12
|
+
breadcrumbsFontWeight: '--plasma-breadcrumbs-font-weight',
|
13
|
+
breadcrumbsLetterSpacing: '--plasma-breadcrumbs-letter-spacing',
|
14
|
+
breadcrumbsLineHeight: '--plasma-breadcrumbs-line-height'
|
15
|
+
};
|
@@ -0,0 +1 @@
|
|
1
|
+
export {};
|
@@ -0,0 +1,33 @@
|
|
1
|
+
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
2
|
+
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
3
|
+
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
4
|
+
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
|
5
|
+
function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
|
6
|
+
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
7
|
+
import React, { useState } from 'react';
|
8
|
+
import { addSeparator } from '../../utils';
|
9
|
+
import { StyledHidden, StyledRoot, StyledShorter } from './BreadcrumbShorter.styles';
|
10
|
+
export var BreadcrumbShorter = function BreadcrumbShorter(_ref) {
|
11
|
+
var children = _ref.children,
|
12
|
+
separator = _ref.separator;
|
13
|
+
var _useState = useState(false),
|
14
|
+
_useState2 = _slicedToArray(_useState, 2),
|
15
|
+
openShorter = _useState2[0],
|
16
|
+
setOpenShorter = _useState2[1];
|
17
|
+
var renderItems = addSeparator(children, separator);
|
18
|
+
var onKeyPress = function onKeyPress(event) {
|
19
|
+
event.persist();
|
20
|
+
if (event.keyCode === 13) {
|
21
|
+
setOpenShorter(true);
|
22
|
+
}
|
23
|
+
};
|
24
|
+
return /*#__PURE__*/React.createElement(StyledRoot, null, !openShorter && /*#__PURE__*/React.createElement(StyledShorter, {
|
25
|
+
tabIndex: 0,
|
26
|
+
onClick: function onClick() {
|
27
|
+
return setOpenShorter(true);
|
28
|
+
},
|
29
|
+
onKeyDown: onKeyPress
|
30
|
+
}, "..."), openShorter && /*#__PURE__*/React.createElement(StyledHidden, null, renderItems.map(function (item) {
|
31
|
+
return item;
|
32
|
+
})));
|
33
|
+
};
|
@@ -0,0 +1,13 @@
|
|
1
|
+
var _templateObject, _templateObject2, _templateObject3;
|
2
|
+
function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
3
|
+
import styled from 'styled-components';
|
4
|
+
import { addFocus } from '../../../../mixins';
|
5
|
+
import { tokens } from '../../Breadcrumbs.tokens';
|
6
|
+
export var StyledRoot = /*#__PURE__*/styled.div(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral([""])));
|
7
|
+
export var StyledShorter = /*#__PURE__*/styled.div(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n cursor: pointer;\n ", "\n"])), /*#__PURE__*/addFocus({
|
8
|
+
outlineOffset: '0.125rem',
|
9
|
+
outlineSize: '0.125rem',
|
10
|
+
outlineRadius: '0',
|
11
|
+
outlineColor: /*#__PURE__*/"var(".concat(tokens.breadcrumbsFocusOutlineColor, ")")
|
12
|
+
}));
|
13
|
+
export var StyledHidden = /*#__PURE__*/styled.div(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n display: flex;\n align-items: center;\n gap: var(", ");\n"])), tokens.breadcrumbsGap);
|
@@ -0,0 +1 @@
|
|
1
|
+
export {};
|
@@ -0,0 +1,43 @@
|
|
1
|
+
import React from 'react';
|
2
|
+
import { BreadcrumbShorter } from '../ui/BreadcrumbShorter/BreadcrumbShorter';
|
3
|
+
import { StyledLink } from '../Breadcrumbs.styles';
|
4
|
+
export var shortItems = function shortItems(items, renderSeparator, showItems) {
|
5
|
+
if (!showItems || showItems < 2 || items.length <= showItems) {
|
6
|
+
return items;
|
7
|
+
}
|
8
|
+
var leftSlice = Math.floor(showItems / 2);
|
9
|
+
var rightSlice = items.length - leftSlice - showItems % 2;
|
10
|
+
var renderItems = items.slice(leftSlice, rightSlice);
|
11
|
+
var shorter = /*#__PURE__*/React.createElement(BreadcrumbShorter, {
|
12
|
+
separator: renderSeparator
|
13
|
+
}, renderItems);
|
14
|
+
items.splice(leftSlice, rightSlice - leftSlice, shorter);
|
15
|
+
return items;
|
16
|
+
};
|
17
|
+
export var convertIconSize = function convertIconSize(size) {
|
18
|
+
switch (size) {
|
19
|
+
case 's':
|
20
|
+
case 'xs':
|
21
|
+
return 'xs';
|
22
|
+
default:
|
23
|
+
return 's';
|
24
|
+
}
|
25
|
+
};
|
26
|
+
export var getRenderItems = function getRenderItems(items, renderSeparator, showItems) {
|
27
|
+
var renderItems = shortItems(items.map(function (item) {
|
28
|
+
if ('renderItem' in item) {
|
29
|
+
return item.renderItem();
|
30
|
+
}
|
31
|
+
return /*#__PURE__*/React.createElement(StyledLink, {
|
32
|
+
tabIndex: 0,
|
33
|
+
href: item.href,
|
34
|
+
isHref: Boolean(item.href)
|
35
|
+
}, item.title);
|
36
|
+
}), renderSeparator, showItems);
|
37
|
+
return renderItems;
|
38
|
+
};
|
39
|
+
export var addSeparator = function addSeparator(items, renderSeparator) {
|
40
|
+
return items.flatMap(function (item, idx) {
|
41
|
+
return idx < items.length - 1 ? [item, renderSeparator] : [item];
|
42
|
+
});
|
43
|
+
};
|
@@ -0,0 +1,2 @@
|
|
1
|
+
import { css } from '@emotion/react';
|
2
|
+
export var base = /*#__PURE__*/css(";label:plasma-new-hope__base;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvQnJlYWRjcnVtYnMvdmFyaWF0aW9ucy9fc2l6ZS9iYXNlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUV1QiIsImZpbGUiOiIuLi8uLi8uLi8uLi8uLi8uLi9zcmMtZW1vdGlvbi9jb21wb25lbnRzL0JyZWFkY3J1bWJzL3ZhcmlhdGlvbnMvX3NpemUvYmFzZS50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuZXhwb3J0IGNvbnN0IGJhc2UgPSBjc3NgYDtcbiJdfQ== */"));
|
File without changes
|
@@ -0,0 +1,2 @@
|
|
1
|
+
import { css } from '@emotion/react';
|
2
|
+
export var base = /*#__PURE__*/css(";label:plasma-new-hope__base;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvQnJlYWRjcnVtYnMvdmFyaWF0aW9ucy9fdmlldy9iYXNlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUV1QiIsImZpbGUiOiIuLi8uLi8uLi8uLi8uLi8uLi9zcmMtZW1vdGlvbi9jb21wb25lbnRzL0JyZWFkY3J1bWJzL3ZhcmlhdGlvbnMvX3ZpZXcvYmFzZS50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuZXhwb3J0IGNvbnN0IGJhc2UgPSBjc3NgYDtcbiJdfQ== */"));
|
File without changes
|