@salutejs/plasma-new-hope 0.164.0-canary.1458.11292839291.0 → 0.164.0-canary.1470.11326517225.0
Sign up to get free protection for your applications and to get access to all the features.
- package/cjs/components/Breadcrumbs/Breadcrumbs.css +3 -3
- package/cjs/components/Breadcrumbs/Breadcrumbs.js +4 -2
- package/cjs/components/Breadcrumbs/Breadcrumbs.js.map +1 -1
- package/cjs/components/Breadcrumbs/Breadcrumbs.styles.js +4 -4
- package/cjs/components/Breadcrumbs/Breadcrumbs.styles.js.map +1 -1
- package/cjs/components/Breadcrumbs/{Breadcrumbs.styles_17id7um.css → Breadcrumbs.styles_1cfkltf.css} +2 -2
- package/cjs/components/Breadcrumbs/Breadcrumbs.tokens.js +0 -2
- package/cjs/components/Breadcrumbs/Breadcrumbs.tokens.js.map +1 -1
- package/cjs/components/Breadcrumbs/utils/index.css +3 -3
- package/cjs/components/Breadcrumbs/utils/index.js +10 -4
- package/cjs/components/Breadcrumbs/utils/index.js.map +1 -1
- package/cjs/index.css +3 -3
- package/emotion/cjs/components/Breadcrumbs/Breadcrumbs.js +4 -2
- package/emotion/cjs/components/Breadcrumbs/Breadcrumbs.styles.js +6 -6
- package/emotion/cjs/components/Breadcrumbs/Breadcrumbs.template-doc.mdx +56 -4
- package/emotion/cjs/components/Breadcrumbs/Breadcrumbs.tokens.js +0 -2
- package/emotion/cjs/components/Breadcrumbs/utils/index.js +10 -4
- package/emotion/es/components/Breadcrumbs/Breadcrumbs.js +4 -2
- package/emotion/es/components/Breadcrumbs/Breadcrumbs.styles.js +6 -6
- package/emotion/es/components/Breadcrumbs/Breadcrumbs.template-doc.mdx +56 -4
- package/emotion/es/components/Breadcrumbs/Breadcrumbs.tokens.js +0 -2
- package/emotion/es/components/Breadcrumbs/utils/index.js +10 -4
- package/es/components/Breadcrumbs/Breadcrumbs.css +3 -3
- package/es/components/Breadcrumbs/Breadcrumbs.js +4 -2
- package/es/components/Breadcrumbs/Breadcrumbs.js.map +1 -1
- package/es/components/Breadcrumbs/Breadcrumbs.styles.js +4 -4
- package/es/components/Breadcrumbs/Breadcrumbs.styles.js.map +1 -1
- package/es/components/Breadcrumbs/{Breadcrumbs.styles_17id7um.css → Breadcrumbs.styles_1cfkltf.css} +2 -2
- package/es/components/Breadcrumbs/Breadcrumbs.tokens.js +0 -2
- package/es/components/Breadcrumbs/Breadcrumbs.tokens.js.map +1 -1
- package/es/components/Breadcrumbs/utils/index.css +3 -3
- package/es/components/Breadcrumbs/utils/index.js +10 -4
- package/es/components/Breadcrumbs/utils/index.js.map +1 -1
- package/es/index.css +3 -3
- package/package.json +2 -2
- package/styled-components/cjs/components/Breadcrumbs/Breadcrumbs.js +4 -2
- package/styled-components/cjs/components/Breadcrumbs/Breadcrumbs.styles.js +4 -4
- package/styled-components/cjs/components/Breadcrumbs/Breadcrumbs.template-doc.mdx +56 -4
- package/styled-components/cjs/components/Breadcrumbs/Breadcrumbs.tokens.js +0 -2
- package/styled-components/cjs/components/Breadcrumbs/utils/index.js +10 -4
- package/styled-components/es/components/Breadcrumbs/Breadcrumbs.js +4 -2
- package/styled-components/es/components/Breadcrumbs/Breadcrumbs.styles.js +4 -4
- package/styled-components/es/components/Breadcrumbs/Breadcrumbs.template-doc.mdx +56 -4
- package/styled-components/es/components/Breadcrumbs/Breadcrumbs.tokens.js +0 -2
- package/styled-components/es/components/Breadcrumbs/utils/index.js +10 -4
- package/types/components/Breadcrumbs/Breadcrumbs.d.ts.map +1 -1
- package/types/components/Breadcrumbs/Breadcrumbs.tokens.d.ts +0 -2
- package/types/components/Breadcrumbs/Breadcrumbs.tokens.d.ts.map +1 -1
- package/types/components/Breadcrumbs/Breadcrumbs.types.d.ts +25 -0
- package/types/components/Breadcrumbs/Breadcrumbs.types.d.ts.map +1 -1
- package/types/components/Breadcrumbs/utils/index.d.ts.map +1 -1
- package/types/components/Combobox/ComboboxNew/Combobox.d.ts +2 -2
- package/types/components/Combobox/ComboboxNew/Combobox.d.ts.map +1 -1
- package/types/components/Combobox/ComboboxNew/Combobox.types.d.ts +5 -6
- package/types/components/Combobox/ComboboxNew/Combobox.types.d.ts.map +1 -1
- package/types/components/Combobox/ComboboxNew/index.d.ts +2 -0
- package/types/components/Combobox/ComboboxNew/index.d.ts.map +1 -1
- package/types/components/Combobox/index.d.ts +1 -0
- package/types/components/Combobox/index.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/Combobox/Combobox.d.ts +126 -6
- package/types/examples/plasma_b2c/components/Combobox/Combobox.d.ts.map +1 -1
- package/types/examples/plasma_web/components/Combobox/Combobox.d.ts +126 -6
- package/types/examples/plasma_web/components/Combobox/Combobox.d.ts.map +1 -1
|
@@ -8,9 +8,9 @@
|
|
|
8
8
|
|
|
9
9
|
.IconRoot_7pl7ig_svvlqhf__32c458a1{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;width:var(--svvlqhf-0);height:var(--svvlqhf-0);-webkit-flex:0 0 var(--svvlqhf-0);-ms-flex:0 0 var(--svvlqhf-0);flex:0 0 var(--svvlqhf-0);}
|
|
10
10
|
|
|
11
|
-
.
|
|
12
|
-
.
|
|
13
|
-
.
|
|
11
|
+
.Breadcrumbs_styles_1cfkltf_shehk3i__a158159e{opacity:var(--shehk3i-0);cursor:var(--shehk3i-1);--plasma-link-disabled-opacity:var(--plasma-breadcrumbs-opacity);position:relative;}.Breadcrumbs_styles_1cfkltf_shehk3i__a158159e::before{content:'';position:absolute;top:0rem;left:0rem;right:0rem;bottom:0rem;z-index:1;display:block;box-sizing:content-box;border:0.125rem solid transparent;border-radius:0rem;-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.Breadcrumbs_styles_1cfkltf_shehk3i__a158159e.Breadcrumbs_styles_1cfkltf_focusVisible__a158159e:focus::before,.Breadcrumbs_styles_1cfkltf_shehk3i__a158159e[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.125rem var(--plasma-breadcrumbs-focus-outline-color);}
|
|
12
|
+
.Breadcrumbs_styles_1cfkltf_bkgt5xr__a158159e{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:var(--plasma-breadcrumbs-gap);color:var(--plasma-breadcrumbs-color);font-family:var(--plasma-breadcrumbs-font-family);font-size:var(--plasma-breadcrumbs-font-size);font-weight:var(--plasma-breadcrumbs-font-weight);font-style:var(--plasma-breadcrumbs-font-style);-webkit-letter-spacing:var(--plasma-breadcrumbs-letter-spacing);-moz-letter-spacing:var(--plasma-breadcrumbs-letter-spacing);-ms-letter-spacing:var(--plasma-breadcrumbs-letter-spacing);letter-spacing:var(--plasma-breadcrumbs-letter-spacing);line-height:var(--plasma-breadcrumbs-line-height);}
|
|
13
|
+
.Breadcrumbs_styles_1cfkltf_sajtslk__a158159e{color:var(--plasma-breadcrumbs-color);opacity:var(--plasma-breadcrumbs-opacity);}
|
|
14
14
|
|
|
15
15
|
|
|
16
16
|
.BreadcrumbShorter_styles_czqxks_s19f9x1v__c6484ba8{cursor:pointer;position:relative;}.BreadcrumbShorter_styles_czqxks_s19f9x1v__c6484ba8::before{content:'';position:absolute;top:0.125rem;left:0.125rem;right:0.125rem;bottom:0.125rem;z-index:1;display:block;box-sizing:content-box;border:0.125rem solid transparent;border-radius:0;-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.BreadcrumbShorter_styles_czqxks_s19f9x1v__c6484ba8.BreadcrumbShorter_styles_czqxks_focusVisible__c6484ba8:focus::before,.BreadcrumbShorter_styles_czqxks_s19f9x1v__c6484ba8[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.125rem var(--plasma-breadcrumbs-focus-outline-color);}
|
|
@@ -26,8 +26,10 @@ var breadcrumbsRoot = function breadcrumbsRoot(Root) {
|
|
|
26
26
|
view: view,
|
|
27
27
|
className: cx(className),
|
|
28
28
|
items: items
|
|
29
|
-
}, itemsWithSeparator.map(function (item) {
|
|
30
|
-
return
|
|
29
|
+
}, itemsWithSeparator.map(function (item, index) {
|
|
30
|
+
return /*#__PURE__*/React.createElement(React.Fragment, {
|
|
31
|
+
key: index
|
|
32
|
+
}, item);
|
|
31
33
|
}));
|
|
32
34
|
});
|
|
33
35
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Breadcrumbs.js","sources":["../../../src/components/Breadcrumbs/Breadcrumbs.tsx"],"sourcesContent":["import React, { forwardRef, ReactNode } from 'react';\n\nimport { RootProps } from '../../engines';\nimport { cx } from '../../utils';\n\nimport type { BreadcrumbsProps } from './Breadcrumbs.types';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base, Separator } from './Breadcrumbs.styles';\nimport { addSeparator, convertIconSize, getRenderItems } from './utils';\n\nexport const breadcrumbsRoot = (Root: RootProps<HTMLDivElement, BreadcrumbsProps>) =>\n forwardRef<HTMLDivElement, BreadcrumbsProps>(\n ({ view, size, separator, items, showItems = items.length, className }, outerRootRef) => {\n const renderSeparator = separator ?? <Separator color=\"inherit\" size={convertIconSize(size)} />;\n const renderItems: ReactNode[] = getRenderItems(items, renderSeparator, showItems);\n const itemsWithSeparator = addSeparator(renderItems, renderSeparator);\n\n return (\n <Root ref={outerRootRef} size={size} view={view} className={cx(className)} items={items}>\n {itemsWithSeparator.map((item) => item)}\n </Root>\n );\n },\n );\n\nexport const breadcrumbsConfig = {\n name: 'Breadcrumbs',\n tag: 'div',\n layout: breadcrumbsRoot,\n base,\n variations: {\n view: {\n css: viewCSS,\n },\n size: {\n css: sizeCSS,\n },\n },\n defaults: {\n view: 'default',\n size: 'm',\n },\n};\n"],"names":["breadcrumbsRoot","Root","forwardRef","_ref","outerRootRef","view","size","separator","items","_ref$showItems","showItems","length","className","renderSeparator","React","createElement","Separator","color","convertIconSize","renderItems","getRenderItems","itemsWithSeparator","addSeparator","ref","cx","map","item","breadcrumbsConfig","name","tag","layout","base","variations","css","viewCSS","sizeCSS","defaults"],"mappings":";;;;;;;IAWaA,eAAe,GAAG,SAAlBA,eAAeA,CAAIC,IAAiD,EAAA;AAAA,EAAA,oBAC7EC,UAAU,CACN,UAAAC,IAAA,EAAwEC,YAAY,EAAK;AAAA,IAAA,IAAtFC,IAAI,GAAAF,IAAA,CAAJE,IAAI;MAAEC,IAAI,GAAAH,IAAA,CAAJG,IAAI;MAAEC,SAAS,GAAAJ,IAAA,CAATI,SAAS;MAAEC,KAAK,GAAAL,IAAA,CAALK,KAAK;MAAAC,cAAA,GAAAN,IAAA,CAAEO,SAAS;AAATA,MAAAA,SAAS,GAAAD,cAAA,KAAA,KAAA,CAAA,GAAGD,KAAK,CAACG,MAAM,GAAAF,cAAA;MAAEG,SAAS,GAAAT,IAAA,CAATS,SAAS,CAAA;AAChE,IAAA,IAAMC,eAAe,GAAGN,SAAS,KAAA,IAAA,IAATA,SAAS,KAAA,KAAA,CAAA,GAATA,SAAS,gBAAIO,KAAA,CAAAC,aAAA,CAACC,SAAS,EAAA;AAACC,MAAAA,KAAK,EAAC,SAAS;MAACX,IAAI,EAAEY,eAAe,CAACZ,IAAI,CAAA;AAAE,KAAE,CAAC,CAAA;IAC/F,IAAMa,WAAwB,GAAGC,cAAc,CAACZ,KAAK,EAAEK,eAAe,EAAEH,SAAS,CAAC,CAAA;AAClF,IAAA,IAAMW,kBAAkB,GAAGC,YAAY,CAACH,WAAW,EAAEN,eAAe,CAAC,CAAA;AAErE,IAAA,oBACIC,KAAA,CAAAC,aAAA,CAACd,IAAI,EAAA;AAACsB,MAAAA,GAAG,EAAEnB,YAAa;AAACE,MAAAA,IAAI,EAAEA,IAAK;AAACD,MAAAA,IAAI,EAAEA,IAAK;AAACO,MAAAA,SAAS,EAAEY,EAAE,CAACZ,SAAS,CAAE;AAACJ,MAAAA,KAAK,EAAEA,KAAAA;AAAM,KAAA,EACnFa,kBAAkB,CAACI,GAAG,CAAC,UAACC,IAAI,EAAA;AAAA,MAAA,
|
|
1
|
+
{"version":3,"file":"Breadcrumbs.js","sources":["../../../src/components/Breadcrumbs/Breadcrumbs.tsx"],"sourcesContent":["import React, { forwardRef, ReactNode } from 'react';\n\nimport { RootProps } from '../../engines';\nimport { cx } from '../../utils';\n\nimport type { BreadcrumbsProps } from './Breadcrumbs.types';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base, Separator } from './Breadcrumbs.styles';\nimport { addSeparator, convertIconSize, getRenderItems } from './utils';\n\nexport const breadcrumbsRoot = (Root: RootProps<HTMLDivElement, BreadcrumbsProps>) =>\n forwardRef<HTMLDivElement, BreadcrumbsProps>(\n ({ view, size, separator, items, showItems = items.length, className }, outerRootRef) => {\n const renderSeparator = separator ?? <Separator color=\"inherit\" size={convertIconSize(size)} />;\n const renderItems: ReactNode[] = getRenderItems(items, renderSeparator, showItems);\n const itemsWithSeparator = addSeparator(renderItems, renderSeparator);\n\n return (\n <Root ref={outerRootRef} size={size} view={view} className={cx(className)} items={items}>\n {itemsWithSeparator.map((item, index) => (\n <React.Fragment key={index}>{item}</React.Fragment>\n ))}\n </Root>\n );\n },\n );\n\nexport const breadcrumbsConfig = {\n name: 'Breadcrumbs',\n tag: 'div',\n layout: breadcrumbsRoot,\n base,\n variations: {\n view: {\n css: viewCSS,\n },\n size: {\n css: sizeCSS,\n },\n },\n defaults: {\n view: 'default',\n size: 'm',\n },\n};\n"],"names":["breadcrumbsRoot","Root","forwardRef","_ref","outerRootRef","view","size","separator","items","_ref$showItems","showItems","length","className","renderSeparator","React","createElement","Separator","color","convertIconSize","renderItems","getRenderItems","itemsWithSeparator","addSeparator","ref","cx","map","item","index","Fragment","key","breadcrumbsConfig","name","tag","layout","base","variations","css","viewCSS","sizeCSS","defaults"],"mappings":";;;;;;;IAWaA,eAAe,GAAG,SAAlBA,eAAeA,CAAIC,IAAiD,EAAA;AAAA,EAAA,oBAC7EC,UAAU,CACN,UAAAC,IAAA,EAAwEC,YAAY,EAAK;AAAA,IAAA,IAAtFC,IAAI,GAAAF,IAAA,CAAJE,IAAI;MAAEC,IAAI,GAAAH,IAAA,CAAJG,IAAI;MAAEC,SAAS,GAAAJ,IAAA,CAATI,SAAS;MAAEC,KAAK,GAAAL,IAAA,CAALK,KAAK;MAAAC,cAAA,GAAAN,IAAA,CAAEO,SAAS;AAATA,MAAAA,SAAS,GAAAD,cAAA,KAAA,KAAA,CAAA,GAAGD,KAAK,CAACG,MAAM,GAAAF,cAAA;MAAEG,SAAS,GAAAT,IAAA,CAATS,SAAS,CAAA;AAChE,IAAA,IAAMC,eAAe,GAAGN,SAAS,KAAA,IAAA,IAATA,SAAS,KAAA,KAAA,CAAA,GAATA,SAAS,gBAAIO,KAAA,CAAAC,aAAA,CAACC,SAAS,EAAA;AAACC,MAAAA,KAAK,EAAC,SAAS;MAACX,IAAI,EAAEY,eAAe,CAACZ,IAAI,CAAA;AAAE,KAAE,CAAC,CAAA;IAC/F,IAAMa,WAAwB,GAAGC,cAAc,CAACZ,KAAK,EAAEK,eAAe,EAAEH,SAAS,CAAC,CAAA;AAClF,IAAA,IAAMW,kBAAkB,GAAGC,YAAY,CAACH,WAAW,EAAEN,eAAe,CAAC,CAAA;AAErE,IAAA,oBACIC,KAAA,CAAAC,aAAA,CAACd,IAAI,EAAA;AAACsB,MAAAA,GAAG,EAAEnB,YAAa;AAACE,MAAAA,IAAI,EAAEA,IAAK;AAACD,MAAAA,IAAI,EAAEA,IAAK;AAACO,MAAAA,SAAS,EAAEY,EAAE,CAACZ,SAAS,CAAE;AAACJ,MAAAA,KAAK,EAAEA,KAAAA;AAAM,KAAA,EACnFa,kBAAkB,CAACI,GAAG,CAAC,UAACC,IAAI,EAAEC,KAAK,EAAA;AAAA,MAAA,oBAChCb,KAAA,CAAAC,aAAA,CAACD,KAAK,CAACc,QAAQ,EAAA;AAACC,QAAAA,GAAG,EAAEF,KAAAA;AAAM,OAAA,EAAED,IAAqB,CAAC,CAAA;AAAA,KACtD,CACC,CAAC,CAAA;AAEf,GACJ,CAAC,CAAA;AAAA,EAAA;AAEE,IAAMI,iBAAiB,GAAG;AAC7BC,EAAAA,IAAI,EAAE,aAAa;AACnBC,EAAAA,GAAG,EAAE,KAAK;AACVC,EAAAA,MAAM,EAAEjC,eAAe;AACvBkC,EAAAA,IAAI,EAAJA,IAAI;AACJC,EAAAA,UAAU,EAAE;AACR9B,IAAAA,IAAI,EAAE;AACF+B,MAAAA,GAAG,EAAEC,MAAAA;KACR;AACD/B,IAAAA,IAAI,EAAE;AACF8B,MAAAA,GAAG,EAAEE,MAAAA;AACT,KAAA;GACH;AACDC,EAAAA,QAAQ,EAAE;AACNlC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,IAAI,EAAE,GAAA;AACV,GAAA;AACJ;;;;"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import './Breadcrumbs.
|
|
1
|
+
import './Breadcrumbs.styles_1cfkltf.css';
|
|
2
2
|
import { styled } from '@linaria/react';
|
|
3
3
|
import { linkConfig } from '../Link/Link.js';
|
|
4
4
|
import '@linaria/core';
|
|
@@ -21,7 +21,7 @@ var _exp2 = function _exp2() {
|
|
|
21
21
|
var _exp3 = function _exp3() {
|
|
22
22
|
return function (_ref2) {
|
|
23
23
|
var isHref = _ref2.isHref;
|
|
24
|
-
return isHref ?
|
|
24
|
+
return isHref ? 'pointer' : 'auto';
|
|
25
25
|
};
|
|
26
26
|
};
|
|
27
27
|
var StyledLink = /*#__PURE__*/styled(_exp())({
|
|
@@ -34,10 +34,10 @@ var StyledLink = /*#__PURE__*/styled(_exp())({
|
|
|
34
34
|
}
|
|
35
35
|
});
|
|
36
36
|
var base = "bkgt5xr";
|
|
37
|
-
var
|
|
37
|
+
var _exp14 = function _exp14() {
|
|
38
38
|
return IconDisclosureRight;
|
|
39
39
|
};
|
|
40
|
-
var Separator = /*#__PURE__*/styled(
|
|
40
|
+
var Separator = /*#__PURE__*/styled(_exp14())({
|
|
41
41
|
name: "Separator",
|
|
42
42
|
"class": "sajtslk",
|
|
43
43
|
propsAsIs: true
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Breadcrumbs.styles.js","sources":["../../../src/components/Breadcrumbs/Breadcrumbs.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\nimport { css } from '@linaria/core';\n\nimport { linkConfig } from '../Link';\nimport { component, mergeConfig } from '../../engines';\nimport { IconDisclosureRight } from '../_Icon';\nimport { addFocus } from '../../mixins';\n\nimport { tokens } from './Breadcrumbs.tokens';\n\nconst mergedLinkConfig = mergeConfig(linkConfig);\nconst Link = component(mergedLinkConfig);\n\nexport const StyledLink = styled(Link)<{ isHref: boolean }>`\n opacity: ${({ isHref }) => (isHref ? 1 : `var(${tokens.breadcrumbsOpacity})`)};\n
|
|
1
|
+
{"version":3,"file":"Breadcrumbs.styles.js","sources":["../../../src/components/Breadcrumbs/Breadcrumbs.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\nimport { css } from '@linaria/core';\n\nimport { linkConfig } from '../Link';\nimport { component, mergeConfig } from '../../engines';\nimport { IconDisclosureRight } from '../_Icon';\nimport { addFocus } from '../../mixins';\n\nimport { tokens } from './Breadcrumbs.tokens';\n\nconst mergedLinkConfig = mergeConfig(linkConfig);\nconst Link = component(mergedLinkConfig);\n\nexport const StyledLink = styled(Link)<{ isHref: boolean }>`\n opacity: ${({ isHref }) => (isHref ? 1 : `var(${tokens.breadcrumbsOpacity})`)};\n cursor: ${({ isHref }) => (isHref ? 'pointer' : 'auto')};\n\n --plasma-link-disabled-opacity: var(${tokens.breadcrumbsOpacity});\n\n ${addFocus({\n outlineOffset: '0rem',\n outlineSize: '0.125rem',\n outlineRadius: '0rem',\n outlineColor: `var(${tokens.breadcrumbsFocusOutlineColor})`,\n })}\n`;\n\nexport const base = css`\n display: flex;\n flex-direction: row;\n align-items: center;\n gap: var(${tokens.breadcrumbsGap});\n\n color: var(${tokens.breadcrumbsColor});\n font-family: var(${tokens.breadcrumbsFontFamily});\n font-size: var(${tokens.breadcrumbsFontSize});\n font-weight: var(${tokens.breadcrumbsFontWeight});\n font-style: var(${tokens.breadcrumbsFontStyle});\n letter-spacing: var(${tokens.breadcrumbsLetterSpacing});\n line-height: var(${tokens.breadcrumbsLineHeight});\n`;\n\nexport const Separator = styled(IconDisclosureRight)`\n color: var(${tokens.breadcrumbsColor});\n opacity: var(${tokens.breadcrumbsOpacity});\n`;\n"],"names":["mergedLinkConfig","mergeConfig","linkConfig","Link","component","_exp","_exp2","_ref","isHref","concat","tokens","breadcrumbsOpacity","_exp3","_ref2","StyledLink","styled","name","class","propsAsIs","vars","base","_exp14","IconDisclosureRight","Separator"],"mappings":";;;;;;;;AAUA,IAAMA,gBAAgB,gBAAGC,WAAW,CAACC,UAAU,CAAC,CAAA;AAChD,IAAMC,IAAI,gBAAGC,SAAS,CAACJ,gBAAgB,CAAC,CAAA;AAAC,IAAAK,IAAA,GAVvBA,SAUuBA,IAAAA,GAAA;AAAA,EAAA,OAERF,IAAI,CAAA;AAAA,CAAA,CAAA;AAAA,IAAAG,KAAA,GAZnBA,SAYmBA,KAAAA,GAAA;AAAA,EAAA,OACtB,UAAAC,IAAA,EAAA;AAAA,IAAA,IAAGC,MAAAA,GAAAA,IAAAA,CAAAA,MAAAA,CAAAA;IAAAA,OAAcA,MAAM,GAAG,CAAC,GAAA,MAAA,CAAAC,MAAA,CAAUC,MAAM,CAACC,kBAAmB,EAAG,GAAA,CAAA,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAAA,IAAAC,KAAA,GAb/DA,SAa+DA,KAAAA,GAAA;AAAA,EAAA,OACnE,UAAAC,KAAA,EAAA;AAAA,IAAA,IAAGL,MAAAA,GAAAA,KAAAA,CAAAA,MAAAA,CAAAA;AAAAA,IAAAA,OAAcA,MAAM,GAAG,SAAS,GAAG,MAAO,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAFpD,IAAMM,UAAU,gBAAGC,MAAM,CAAAV,IAAA,EAAA,CAAA,CAAA;AAAAW,EAAAA,IAAA,EAAA,YAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAAC,EAAAA,IAAA,EAAA;AAAA,IAAA,WAAA,EAAA,cACjBb,KAAkE,EAAA,CAAA;AAAA,IAAA,WAAA,EAAA,cACnEM,KAA6C,EAAA,CAAA;AAAA,GAAA;AAAA,CAU1D,EAAA;AAEM,IAAMQ,IAAI,GAahB,UAAA;AAAC,IAAAC,MAAA,GAvCgBA,SAuChBA,MAAAA,GAAA;AAAA,EAAA,OAE8BC,mBAAmB,CAAA;AAAA,CAAA,CAAA;AAA5C,IAAMC,SAAS,gBAAGR,MAAM,CAAAM,MAAA,EAAA,CAAA,CAAA;AAAAL,EAAAA,IAAA,EAAA,WAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAG9B;;;;"}
|
package/es/components/Breadcrumbs/{Breadcrumbs.styles_17id7um.css → Breadcrumbs.styles_1cfkltf.css}
RENAMED
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
.shehk3i{opacity:var(--shehk3i-0);
|
|
1
|
+
.shehk3i{opacity:var(--shehk3i-0);cursor:var(--shehk3i-1);--plasma-link-disabled-opacity:var(--plasma-breadcrumbs-opacity);position:relative;}.shehk3i::before{content:'';position:absolute;top:0rem;left:0rem;right:0rem;bottom:0rem;z-index:1;display:block;box-sizing:content-box;border:0.125rem solid transparent;border-radius:0rem;-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.shehk3i.focus-visible:focus::before,.shehk3i[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.125rem var(--plasma-breadcrumbs-focus-outline-color);}
|
|
2
2
|
.bkgt5xr{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:var(--plasma-breadcrumbs-gap);color:var(--plasma-breadcrumbs-color);font-family:var(--plasma-breadcrumbs-font-family);font-size:var(--plasma-breadcrumbs-font-size);font-weight:var(--plasma-breadcrumbs-font-weight);font-style:var(--plasma-breadcrumbs-font-style);-webkit-letter-spacing:var(--plasma-breadcrumbs-letter-spacing);-moz-letter-spacing:var(--plasma-breadcrumbs-letter-spacing);-ms-letter-spacing:var(--plasma-breadcrumbs-letter-spacing);letter-spacing:var(--plasma-breadcrumbs-letter-spacing);line-height:var(--plasma-breadcrumbs-line-height);}
|
|
3
|
-
.sajtslk{color:var(--plasma-breadcrumbs-color
|
|
3
|
+
.sajtslk{color:var(--plasma-breadcrumbs-color);opacity:var(--plasma-breadcrumbs-opacity);}
|
|
@@ -5,8 +5,6 @@ var tokens = {
|
|
|
5
5
|
breadcrumbsGap: '--plasma-breadcrumbs-gap',
|
|
6
6
|
breadcrumbsOpacity: '--plasma-breadcrumbs-opacity',
|
|
7
7
|
breadcrumbsFocusOutlineColor: '--plasma-breadcrumbs-focus-outline-color',
|
|
8
|
-
breadcrumbsColorSeparator: '--plasma-breadcrumbs-color-separator',
|
|
9
|
-
breadcrumbsColorText: '--plasma-breadcrumbs-color-text',
|
|
10
8
|
breadcrumbsColor: '--plasma-breadcrumbs-color',
|
|
11
9
|
breadcrumbsFontFamily: '--plasma-breadcrumbs-font-family',
|
|
12
10
|
breadcrumbsFontSize: '--plasma-breadcrumbs-font-size',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Breadcrumbs.tokens.js","sources":["../../../src/components/Breadcrumbs/Breadcrumbs.tokens.ts"],"sourcesContent":["export const classes = {\n breadcrumbsRoot: 'breadcrumbs-root',\n};\n\nexport const tokens = {\n breadcrumbsGap: '--plasma-breadcrumbs-gap',\n breadcrumbsOpacity: '--plasma-breadcrumbs-opacity',\n breadcrumbsFocusOutlineColor: '--plasma-breadcrumbs-focus-outline-color',\n
|
|
1
|
+
{"version":3,"file":"Breadcrumbs.tokens.js","sources":["../../../src/components/Breadcrumbs/Breadcrumbs.tokens.ts"],"sourcesContent":["export const classes = {\n breadcrumbsRoot: 'breadcrumbs-root',\n};\n\nexport const tokens = {\n breadcrumbsGap: '--plasma-breadcrumbs-gap',\n breadcrumbsOpacity: '--plasma-breadcrumbs-opacity',\n breadcrumbsFocusOutlineColor: '--plasma-breadcrumbs-focus-outline-color',\n\n breadcrumbsColor: '--plasma-breadcrumbs-color',\n breadcrumbsFontFamily: '--plasma-breadcrumbs-font-family',\n breadcrumbsFontSize: '--plasma-breadcrumbs-font-size',\n breadcrumbsFontStyle: '--plasma-breadcrumbs-font-style',\n breadcrumbsFontWeight: '--plasma-breadcrumbs-font-weight',\n breadcrumbsLetterSpacing: '--plasma-breadcrumbs-letter-spacing',\n breadcrumbsLineHeight: '--plasma-breadcrumbs-line-height',\n};\n"],"names":["classes","breadcrumbsRoot","tokens","breadcrumbsGap","breadcrumbsOpacity","breadcrumbsFocusOutlineColor","breadcrumbsColor","breadcrumbsFontFamily","breadcrumbsFontSize","breadcrumbsFontStyle","breadcrumbsFontWeight","breadcrumbsLetterSpacing","breadcrumbsLineHeight"],"mappings":"AAAO,IAAMA,OAAO,GAAG;AACnBC,EAAAA,eAAe,EAAE,kBAAA;AACrB,EAAC;AAEM,IAAMC,MAAM,GAAG;AAClBC,EAAAA,cAAc,EAAE,0BAA0B;AAC1CC,EAAAA,kBAAkB,EAAE,8BAA8B;AAClDC,EAAAA,4BAA4B,EAAE,0CAA0C;AAExEC,EAAAA,gBAAgB,EAAE,4BAA4B;AAC9CC,EAAAA,qBAAqB,EAAE,kCAAkC;AACzDC,EAAAA,mBAAmB,EAAE,gCAAgC;AACrDC,EAAAA,oBAAoB,EAAE,iCAAiC;AACvDC,EAAAA,qBAAqB,EAAE,kCAAkC;AACzDC,EAAAA,wBAAwB,EAAE,qCAAqC;AAC/DC,EAAAA,qBAAqB,EAAE,kCAAA;AAC3B;;;;"}
|
|
@@ -12,6 +12,6 @@
|
|
|
12
12
|
|
|
13
13
|
.IconRoot_7pl7ig_svvlqhf__32c458a1{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;width:var(--svvlqhf-0);height:var(--svvlqhf-0);-webkit-flex:0 0 var(--svvlqhf-0);-ms-flex:0 0 var(--svvlqhf-0);flex:0 0 var(--svvlqhf-0);}
|
|
14
14
|
|
|
15
|
-
.
|
|
16
|
-
.
|
|
17
|
-
.
|
|
15
|
+
.Breadcrumbs_styles_1cfkltf_shehk3i__a158159e{opacity:var(--shehk3i-0);cursor:var(--shehk3i-1);--plasma-link-disabled-opacity:var(--plasma-breadcrumbs-opacity);position:relative;}.Breadcrumbs_styles_1cfkltf_shehk3i__a158159e::before{content:'';position:absolute;top:0rem;left:0rem;right:0rem;bottom:0rem;z-index:1;display:block;box-sizing:content-box;border:0.125rem solid transparent;border-radius:0rem;-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.Breadcrumbs_styles_1cfkltf_shehk3i__a158159e.Breadcrumbs_styles_1cfkltf_focusVisible__a158159e:focus::before,.Breadcrumbs_styles_1cfkltf_shehk3i__a158159e[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.125rem var(--plasma-breadcrumbs-focus-outline-color);}
|
|
16
|
+
.Breadcrumbs_styles_1cfkltf_bkgt5xr__a158159e{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:var(--plasma-breadcrumbs-gap);color:var(--plasma-breadcrumbs-color);font-family:var(--plasma-breadcrumbs-font-family);font-size:var(--plasma-breadcrumbs-font-size);font-weight:var(--plasma-breadcrumbs-font-weight);font-style:var(--plasma-breadcrumbs-font-style);-webkit-letter-spacing:var(--plasma-breadcrumbs-letter-spacing);-moz-letter-spacing:var(--plasma-breadcrumbs-letter-spacing);-ms-letter-spacing:var(--plasma-breadcrumbs-letter-spacing);letter-spacing:var(--plasma-breadcrumbs-letter-spacing);line-height:var(--plasma-breadcrumbs-line-height);}
|
|
17
|
+
.Breadcrumbs_styles_1cfkltf_sajtslk__a158159e{color:var(--plasma-breadcrumbs-color);opacity:var(--plasma-breadcrumbs-opacity);}
|
|
@@ -26,14 +26,20 @@ var convertIconSize = function convertIconSize(size) {
|
|
|
26
26
|
};
|
|
27
27
|
var getRenderItems = function getRenderItems(items, renderSeparator, showItems) {
|
|
28
28
|
var renderItems = shortItems(items.map(function (item) {
|
|
29
|
-
if (
|
|
29
|
+
if (item.renderItem) {
|
|
30
30
|
return item.renderItem();
|
|
31
31
|
}
|
|
32
|
+
var title = item.title,
|
|
33
|
+
disabled = item.disabled,
|
|
34
|
+
href = item.href,
|
|
35
|
+
onClick = item.onClick;
|
|
32
36
|
return /*#__PURE__*/React.createElement(StyledLink, {
|
|
33
37
|
tabIndex: 0,
|
|
34
|
-
href:
|
|
35
|
-
|
|
36
|
-
|
|
38
|
+
href: href,
|
|
39
|
+
disabled: disabled,
|
|
40
|
+
onClick: onClick,
|
|
41
|
+
isHref: Boolean(href || onClick)
|
|
42
|
+
}, title);
|
|
37
43
|
}), renderSeparator, showItems);
|
|
38
44
|
return renderItems;
|
|
39
45
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../../src/components/Breadcrumbs/utils/index.tsx"],"sourcesContent":["import React, { ReactNode } from 'react';\n\nimport { BreadcrumbShorter } from '../ui/BreadcrumbShorter/BreadcrumbShorter';\nimport { StyledLink } from '../Breadcrumbs.styles';\nimport { BreadcrumbsItem } from '../Breadcrumbs.types';\n\nexport const shortItems = (items: ReactNode[], renderSeparator: ReactNode, showItems?: number) => {\n if (!showItems || showItems < 2 || items.length <= showItems) {\n return items;\n }\n\n const leftSlice = Math.floor(showItems / 2);\n const rightSlice = items.length - leftSlice - (showItems % 2);\n\n const renderItems: ReactNode[] = items.slice(leftSlice, rightSlice);\n const shorter = <BreadcrumbShorter separator={renderSeparator}>{renderItems}</BreadcrumbShorter>;\n items.splice(leftSlice, rightSlice - leftSlice, shorter);\n return items;\n};\n\nexport const convertIconSize = (size?: string) => {\n switch (size) {\n case 's':\n case 'xs':\n return 'xs';\n default:\n return 's';\n }\n};\n\nexport const getRenderItems = (items: BreadcrumbsItem[], renderSeparator: ReactNode, showItems?: number) => {\n const renderItems = shortItems(\n items.map((item: BreadcrumbsItem) => {\n if (
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../../src/components/Breadcrumbs/utils/index.tsx"],"sourcesContent":["import React, { ReactNode } from 'react';\n\nimport { BreadcrumbShorter } from '../ui/BreadcrumbShorter/BreadcrumbShorter';\nimport { StyledLink } from '../Breadcrumbs.styles';\nimport { BreadcrumbsItem } from '../Breadcrumbs.types';\n\nexport const shortItems = (items: ReactNode[], renderSeparator: ReactNode, showItems?: number) => {\n if (!showItems || showItems < 2 || items.length <= showItems) {\n return items;\n }\n\n const leftSlice = Math.floor(showItems / 2);\n const rightSlice = items.length - leftSlice - (showItems % 2);\n\n const renderItems: ReactNode[] = items.slice(leftSlice, rightSlice);\n const shorter = <BreadcrumbShorter separator={renderSeparator}>{renderItems}</BreadcrumbShorter>;\n items.splice(leftSlice, rightSlice - leftSlice, shorter);\n return items;\n};\n\nexport const convertIconSize = (size?: string) => {\n switch (size) {\n case 's':\n case 'xs':\n return 'xs';\n default:\n return 's';\n }\n};\n\nexport const getRenderItems = (items: BreadcrumbsItem[], renderSeparator: ReactNode, showItems?: number) => {\n const renderItems = shortItems(\n items.map((item: BreadcrumbsItem) => {\n if (item.renderItem) {\n return item.renderItem();\n }\n\n const { title, disabled, href, onClick } = item;\n\n return (\n <StyledLink\n tabIndex={0}\n href={href}\n disabled={disabled}\n onClick={onClick}\n isHref={Boolean(href || onClick)}\n >\n {title}\n </StyledLink>\n );\n }),\n renderSeparator,\n showItems,\n );\n\n return renderItems;\n};\n\nexport const addSeparator = (items: ReactNode[], renderSeparator: ReactNode) => {\n return items.flatMap((item, idx) => (idx < items.length - 1 ? [item, renderSeparator] : [item]));\n};\n"],"names":["shortItems","items","renderSeparator","showItems","length","leftSlice","Math","floor","rightSlice","renderItems","slice","shorter","React","createElement","BreadcrumbShorter","separator","splice","convertIconSize","size","getRenderItems","map","item","renderItem","title","disabled","href","onClick","StyledLink","tabIndex","isHref","Boolean","addSeparator","flatMap","idx"],"mappings":";;;;AAMO,IAAMA,UAAU,GAAG,SAAbA,UAAUA,CAAIC,KAAkB,EAAEC,eAA0B,EAAEC,SAAkB,EAAK;AAC9F,EAAA,IAAI,CAACA,SAAS,IAAIA,SAAS,GAAG,CAAC,IAAIF,KAAK,CAACG,MAAM,IAAID,SAAS,EAAE;AAC1D,IAAA,OAAOF,KAAK,CAAA;AAChB,GAAA;EAEA,IAAMI,SAAS,GAAGC,IAAI,CAACC,KAAK,CAACJ,SAAS,GAAG,CAAC,CAAC,CAAA;EAC3C,IAAMK,UAAU,GAAGP,KAAK,CAACG,MAAM,GAAGC,SAAS,GAAIF,SAAS,GAAG,CAAE,CAAA;EAE7D,IAAMM,WAAwB,GAAGR,KAAK,CAACS,KAAK,CAACL,SAAS,EAAEG,UAAU,CAAC,CAAA;AACnE,EAAA,IAAMG,OAAO,gBAAGC,KAAA,CAAAC,aAAA,CAACC,iBAAiB,EAAA;AAACC,IAAAA,SAAS,EAAEb,eAAAA;AAAgB,GAAA,EAAEO,WAA+B,CAAC,CAAA;EAChGR,KAAK,CAACe,MAAM,CAACX,SAAS,EAAEG,UAAU,GAAGH,SAAS,EAAEM,OAAO,CAAC,CAAA;AACxD,EAAA,OAAOV,KAAK,CAAA;AAChB,EAAC;IAEYgB,eAAe,GAAG,SAAlBA,eAAeA,CAAIC,IAAa,EAAK;AAC9C,EAAA,QAAQA,IAAI;AACR,IAAA,KAAK,GAAG,CAAA;AACR,IAAA,KAAK,IAAI;AACL,MAAA,OAAO,IAAI,CAAA;AACf,IAAA;AACI,MAAA,OAAO,GAAG,CAAA;AAClB,GAAA;AACJ,EAAC;AAEM,IAAMC,cAAc,GAAG,SAAjBA,cAAcA,CAAIlB,KAAwB,EAAEC,eAA0B,EAAEC,SAAkB,EAAK;EACxG,IAAMM,WAAW,GAAGT,UAAU,CAC1BC,KAAK,CAACmB,GAAG,CAAC,UAACC,IAAqB,EAAK;IACjC,IAAIA,IAAI,CAACC,UAAU,EAAE;AACjB,MAAA,OAAOD,IAAI,CAACC,UAAU,EAAE,CAAA;AAC5B,KAAA;AAEA,IAAA,IAAQC,KAAK,GAA8BF,IAAI,CAAvCE,KAAK;MAAEC,QAAQ,GAAoBH,IAAI,CAAhCG,QAAQ;MAAEC,IAAI,GAAcJ,IAAI,CAAtBI,IAAI;MAAEC,OAAO,GAAKL,IAAI,CAAhBK,OAAO,CAAA;AAEtC,IAAA,oBACId,KAAA,CAAAC,aAAA,CAACc,UAAU,EAAA;AACPC,MAAAA,QAAQ,EAAE,CAAE;AACZH,MAAAA,IAAI,EAAEA,IAAK;AACXD,MAAAA,QAAQ,EAAEA,QAAS;AACnBE,MAAAA,OAAO,EAAEA,OAAQ;AACjBG,MAAAA,MAAM,EAAEC,OAAO,CAACL,IAAI,IAAIC,OAAO,CAAA;AAAE,KAAA,EAEhCH,KACO,CAAC,CAAA;AAErB,GAAC,CAAC,EACFrB,eAAe,EACfC,SACJ,CAAC,CAAA;AAED,EAAA,OAAOM,WAAW,CAAA;AACtB,EAAC;AAEM,IAAMsB,YAAY,GAAG,SAAfA,YAAYA,CAAI9B,KAAkB,EAAEC,eAA0B,EAAK;AAC5E,EAAA,OAAOD,KAAK,CAAC+B,OAAO,CAAC,UAACX,IAAI,EAAEY,GAAG,EAAA;AAAA,IAAA,OAAMA,GAAG,GAAGhC,KAAK,CAACG,MAAM,GAAG,CAAC,GAAG,CAACiB,IAAI,EAAEnB,eAAe,CAAC,GAAG,CAACmB,IAAI,CAAC,CAAA;AAAA,GAAC,CAAC,CAAA;AACpG;;;;"}
|
package/es/index.css
CHANGED
|
@@ -33,9 +33,9 @@
|
|
|
33
33
|
|
|
34
34
|
.ButtonGroup_styles_92nbdg_b181uun8__0ffde6c1{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}
|
|
35
35
|
|
|
36
|
-
.
|
|
37
|
-
.
|
|
38
|
-
.
|
|
36
|
+
.Breadcrumbs_styles_1cfkltf_shehk3i__a158159e{opacity:var(--shehk3i-0);cursor:var(--shehk3i-1);--plasma-link-disabled-opacity:var(--plasma-breadcrumbs-opacity);position:relative;}.Breadcrumbs_styles_1cfkltf_shehk3i__a158159e::before{content:'';position:absolute;top:0rem;left:0rem;right:0rem;bottom:0rem;z-index:1;display:block;box-sizing:content-box;border:0.125rem solid transparent;border-radius:0rem;-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.Breadcrumbs_styles_1cfkltf_shehk3i__a158159e.Breadcrumbs_styles_1cfkltf_focusVisible__a158159e:focus::before,.Breadcrumbs_styles_1cfkltf_shehk3i__a158159e[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.125rem var(--plasma-breadcrumbs-focus-outline-color);}
|
|
37
|
+
.Breadcrumbs_styles_1cfkltf_bkgt5xr__a158159e{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:var(--plasma-breadcrumbs-gap);color:var(--plasma-breadcrumbs-color);font-family:var(--plasma-breadcrumbs-font-family);font-size:var(--plasma-breadcrumbs-font-size);font-weight:var(--plasma-breadcrumbs-font-weight);font-style:var(--plasma-breadcrumbs-font-style);-webkit-letter-spacing:var(--plasma-breadcrumbs-letter-spacing);-moz-letter-spacing:var(--plasma-breadcrumbs-letter-spacing);-ms-letter-spacing:var(--plasma-breadcrumbs-letter-spacing);letter-spacing:var(--plasma-breadcrumbs-letter-spacing);line-height:var(--plasma-breadcrumbs-line-height);}
|
|
38
|
+
.Breadcrumbs_styles_1cfkltf_sajtslk__a158159e{color:var(--plasma-breadcrumbs-color);opacity:var(--plasma-breadcrumbs-opacity);}
|
|
39
39
|
|
|
40
40
|
|
|
41
41
|
.BreadcrumbShorter_styles_czqxks_s19f9x1v__c6484ba8{cursor:pointer;position:relative;}.BreadcrumbShorter_styles_czqxks_s19f9x1v__c6484ba8::before{content:'';position:absolute;top:0.125rem;left:0.125rem;right:0.125rem;bottom:0.125rem;z-index:1;display:block;box-sizing:content-box;border:0.125rem solid transparent;border-radius:0;-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.BreadcrumbShorter_styles_czqxks_s19f9x1v__c6484ba8.BreadcrumbShorter_styles_czqxks_focusVisible__c6484ba8:focus::before,.BreadcrumbShorter_styles_czqxks_s19f9x1v__c6484ba8[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.125rem var(--plasma-breadcrumbs-focus-outline-color);}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@salutejs/plasma-new-hope",
|
|
3
|
-
"version": "0.164.0-canary.
|
|
3
|
+
"version": "0.164.0-canary.1470.11326517225.0",
|
|
4
4
|
"description": "Salute Design System blueprint",
|
|
5
5
|
"main": "cjs/index.js",
|
|
6
6
|
"module": "es/index.js",
|
|
@@ -124,5 +124,5 @@
|
|
|
124
124
|
"react-popper": "2.3.0",
|
|
125
125
|
"storeon": "3.1.5"
|
|
126
126
|
},
|
|
127
|
-
"gitHead": "
|
|
127
|
+
"gitHead": "457e2c7b8b3b8050e4e2412bc3b6e5cfd1bb6eaf"
|
|
128
128
|
}
|
|
@@ -34,8 +34,10 @@ var breadcrumbsRoot = exports.breadcrumbsRoot = function breadcrumbsRoot(Root) {
|
|
|
34
34
|
view: view,
|
|
35
35
|
className: (0, _utils.cx)(className),
|
|
36
36
|
items: items
|
|
37
|
-
}, itemsWithSeparator.map(function (item) {
|
|
38
|
-
return
|
|
37
|
+
}, itemsWithSeparator.map(function (item, index) {
|
|
38
|
+
return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, {
|
|
39
|
+
key: index
|
|
40
|
+
}, item);
|
|
39
41
|
}));
|
|
40
42
|
});
|
|
41
43
|
};
|
|
@@ -17,13 +17,13 @@ var mergedLinkConfig = /*#__PURE__*/(0, _engines.mergeConfig)(_Link.linkConfig);
|
|
|
17
17
|
var Link = /*#__PURE__*/(0, _engines.component)(mergedLinkConfig);
|
|
18
18
|
var StyledLink = exports.StyledLink = /*#__PURE__*/(0, _styledComponents["default"])(Link).withConfig({
|
|
19
19
|
componentId: "plasma-new-hope__sc-4bjoev-0"
|
|
20
|
-
})(["opacity:", ";
|
|
20
|
+
})(["opacity:", ";cursor:", ";--plasma-link-disabled-opacity:var(", ");", ""], function (_ref) {
|
|
21
21
|
var isHref = _ref.isHref;
|
|
22
22
|
return isHref ? 1 : "var(".concat(_Breadcrumbs.tokens.breadcrumbsOpacity, ")");
|
|
23
23
|
}, function (_ref2) {
|
|
24
24
|
var isHref = _ref2.isHref;
|
|
25
|
-
return isHref ?
|
|
26
|
-
}, /*#__PURE__*/(0, _mixins.addFocus)({
|
|
25
|
+
return isHref ? 'pointer' : 'auto';
|
|
26
|
+
}, _Breadcrumbs.tokens.breadcrumbsOpacity, /*#__PURE__*/(0, _mixins.addFocus)({
|
|
27
27
|
outlineOffset: '0rem',
|
|
28
28
|
outlineSize: '0.125rem',
|
|
29
29
|
outlineRadius: '0rem',
|
|
@@ -32,4 +32,4 @@ var StyledLink = exports.StyledLink = /*#__PURE__*/(0, _styledComponents["defaul
|
|
|
32
32
|
var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["display:flex;flex-direction:row;align-items:center;gap:var(", ");color:var(", ");font-family:var(", ");font-size:var(", ");font-weight:var(", ");font-style:var(", ");letter-spacing:var(", ");line-height:var(", ");"], _Breadcrumbs.tokens.breadcrumbsGap, _Breadcrumbs.tokens.breadcrumbsColor, _Breadcrumbs.tokens.breadcrumbsFontFamily, _Breadcrumbs.tokens.breadcrumbsFontSize, _Breadcrumbs.tokens.breadcrumbsFontWeight, _Breadcrumbs.tokens.breadcrumbsFontStyle, _Breadcrumbs.tokens.breadcrumbsLetterSpacing, _Breadcrumbs.tokens.breadcrumbsLineHeight);
|
|
33
33
|
var Separator = exports.Separator = /*#__PURE__*/(0, _styledComponents["default"])(_Icon.IconDisclosureRight).withConfig({
|
|
34
34
|
componentId: "plasma-new-hope__sc-4bjoev-1"
|
|
35
|
-
})(["color:var(", "
|
|
35
|
+
})(["color:var(", ");opacity:var(", ");"], _Breadcrumbs.tokens.breadcrumbsColor, _Breadcrumbs.tokens.breadcrumbsOpacity);
|
|
@@ -8,7 +8,51 @@ import { PropsTable } from '@site/src/components';
|
|
|
8
8
|
# Breadcrumbs
|
|
9
9
|
<PropsTable name="Breadcrumbs" />
|
|
10
10
|
|
|
11
|
-
#
|
|
11
|
+
# Типизация элементов
|
|
12
|
+
|
|
13
|
+
Параметр `items` является обязательным и поддерживает следующие типы:
|
|
14
|
+
|
|
15
|
+
```tsx
|
|
16
|
+
type Items =
|
|
17
|
+
| {
|
|
18
|
+
/**
|
|
19
|
+
* Обработчик клика на элемент
|
|
20
|
+
*/
|
|
21
|
+
onClick?: () => void;
|
|
22
|
+
/**
|
|
23
|
+
* Элемент заголовка
|
|
24
|
+
*/
|
|
25
|
+
title: string;
|
|
26
|
+
/**
|
|
27
|
+
* Элемент выключен
|
|
28
|
+
*/
|
|
29
|
+
disabled?: boolean;
|
|
30
|
+
}
|
|
31
|
+
| {
|
|
32
|
+
/**
|
|
33
|
+
* Ссылка на страницу ( если не указана, то ссылка не кликабельна )
|
|
34
|
+
*/
|
|
35
|
+
href?: string;
|
|
36
|
+
/**
|
|
37
|
+
* Элемент заголовка
|
|
38
|
+
*/
|
|
39
|
+
title: string;
|
|
40
|
+
/**
|
|
41
|
+
* Элемент выключен
|
|
42
|
+
*/
|
|
43
|
+
disabled?: boolean;
|
|
44
|
+
}
|
|
45
|
+
| {
|
|
46
|
+
/**
|
|
47
|
+
* Функция рендера элемента
|
|
48
|
+
*/
|
|
49
|
+
renderItem: () => ReactNode;
|
|
50
|
+
};
|
|
51
|
+
```
|
|
52
|
+
|
|
53
|
+
При использовании одного из трёх вариантов, свойства остальных будут не доступны.
|
|
54
|
+
|
|
55
|
+
# Пример
|
|
12
56
|
|
|
13
57
|
```tsx live
|
|
14
58
|
import React from 'react';
|
|
@@ -17,9 +61,17 @@ import { Breadcrumbs } from '@salutejs/{{ package }}';
|
|
|
17
61
|
export function App() {
|
|
18
62
|
const items = [
|
|
19
63
|
{ title: 'Home', href: '/' },
|
|
20
|
-
{ title: '
|
|
21
|
-
{
|
|
22
|
-
{ title: '
|
|
64
|
+
{ title: 'Without link' },
|
|
65
|
+
{ title: 'Disabled', disabled: true },
|
|
66
|
+
{ title: 'Disabled with link', href: '/', disabled: true },
|
|
67
|
+
{
|
|
68
|
+
title: 'On Click',
|
|
69
|
+
onClick: () => {
|
|
70
|
+
alert('On Click');
|
|
71
|
+
},
|
|
72
|
+
},
|
|
73
|
+
{ renderItem: () => <span style=\{{ cursor: 'pointer' }}>Custom </span> },
|
|
74
|
+
{ title: 'Main' },
|
|
23
75
|
];
|
|
24
76
|
|
|
25
77
|
return (
|
|
@@ -11,8 +11,6 @@ var tokens = exports.tokens = {
|
|
|
11
11
|
breadcrumbsGap: '--plasma-breadcrumbs-gap',
|
|
12
12
|
breadcrumbsOpacity: '--plasma-breadcrumbs-opacity',
|
|
13
13
|
breadcrumbsFocusOutlineColor: '--plasma-breadcrumbs-focus-outline-color',
|
|
14
|
-
breadcrumbsColorSeparator: '--plasma-breadcrumbs-color-separator',
|
|
15
|
-
breadcrumbsColorText: '--plasma-breadcrumbs-color-text',
|
|
16
14
|
breadcrumbsColor: '--plasma-breadcrumbs-color',
|
|
17
15
|
breadcrumbsFontFamily: '--plasma-breadcrumbs-font-family',
|
|
18
16
|
breadcrumbsFontSize: '--plasma-breadcrumbs-font-size',
|
|
@@ -32,14 +32,20 @@ var convertIconSize = exports.convertIconSize = function convertIconSize(size) {
|
|
|
32
32
|
};
|
|
33
33
|
var getRenderItems = exports.getRenderItems = function getRenderItems(items, renderSeparator, showItems) {
|
|
34
34
|
var renderItems = shortItems(items.map(function (item) {
|
|
35
|
-
if (
|
|
35
|
+
if (item.renderItem) {
|
|
36
36
|
return item.renderItem();
|
|
37
37
|
}
|
|
38
|
+
var title = item.title,
|
|
39
|
+
disabled = item.disabled,
|
|
40
|
+
href = item.href,
|
|
41
|
+
onClick = item.onClick;
|
|
38
42
|
return /*#__PURE__*/_react["default"].createElement(_Breadcrumbs.StyledLink, {
|
|
39
43
|
tabIndex: 0,
|
|
40
|
-
href:
|
|
41
|
-
|
|
42
|
-
|
|
44
|
+
href: href,
|
|
45
|
+
disabled: disabled,
|
|
46
|
+
onClick: onClick,
|
|
47
|
+
isHref: Boolean(href || onClick)
|
|
48
|
+
}, title);
|
|
43
49
|
}), renderSeparator, showItems);
|
|
44
50
|
return renderItems;
|
|
45
51
|
};
|
|
@@ -25,8 +25,10 @@ export var breadcrumbsRoot = function breadcrumbsRoot(Root) {
|
|
|
25
25
|
view: view,
|
|
26
26
|
className: cx(className),
|
|
27
27
|
items: items
|
|
28
|
-
}, itemsWithSeparator.map(function (item) {
|
|
29
|
-
return
|
|
28
|
+
}, itemsWithSeparator.map(function (item, index) {
|
|
29
|
+
return /*#__PURE__*/React.createElement(React.Fragment, {
|
|
30
|
+
key: index
|
|
31
|
+
}, item);
|
|
30
32
|
}));
|
|
31
33
|
});
|
|
32
34
|
};
|
|
@@ -9,13 +9,13 @@ var mergedLinkConfig = /*#__PURE__*/mergeConfig(linkConfig);
|
|
|
9
9
|
var Link = /*#__PURE__*/component(mergedLinkConfig);
|
|
10
10
|
export var StyledLink = /*#__PURE__*/styled(Link).withConfig({
|
|
11
11
|
componentId: "plasma-new-hope__sc-4bjoev-0"
|
|
12
|
-
})(["opacity:", ";
|
|
12
|
+
})(["opacity:", ";cursor:", ";--plasma-link-disabled-opacity:var(", ");", ""], function (_ref) {
|
|
13
13
|
var isHref = _ref.isHref;
|
|
14
14
|
return isHref ? 1 : "var(".concat(tokens.breadcrumbsOpacity, ")");
|
|
15
15
|
}, function (_ref2) {
|
|
16
16
|
var isHref = _ref2.isHref;
|
|
17
|
-
return isHref ?
|
|
18
|
-
}, /*#__PURE__*/addFocus({
|
|
17
|
+
return isHref ? 'pointer' : 'auto';
|
|
18
|
+
}, tokens.breadcrumbsOpacity, /*#__PURE__*/addFocus({
|
|
19
19
|
outlineOffset: '0rem',
|
|
20
20
|
outlineSize: '0.125rem',
|
|
21
21
|
outlineRadius: '0rem',
|
|
@@ -24,4 +24,4 @@ export var StyledLink = /*#__PURE__*/styled(Link).withConfig({
|
|
|
24
24
|
export var base = /*#__PURE__*/css(["display:flex;flex-direction:row;align-items:center;gap:var(", ");color:var(", ");font-family:var(", ");font-size:var(", ");font-weight:var(", ");font-style:var(", ");letter-spacing:var(", ");line-height:var(", ");"], tokens.breadcrumbsGap, tokens.breadcrumbsColor, tokens.breadcrumbsFontFamily, tokens.breadcrumbsFontSize, tokens.breadcrumbsFontWeight, tokens.breadcrumbsFontStyle, tokens.breadcrumbsLetterSpacing, tokens.breadcrumbsLineHeight);
|
|
25
25
|
export var Separator = /*#__PURE__*/styled(IconDisclosureRight).withConfig({
|
|
26
26
|
componentId: "plasma-new-hope__sc-4bjoev-1"
|
|
27
|
-
})(["color:var(", "
|
|
27
|
+
})(["color:var(", ");opacity:var(", ");"], tokens.breadcrumbsColor, tokens.breadcrumbsOpacity);
|
|
@@ -8,7 +8,51 @@ import { PropsTable } from '@site/src/components';
|
|
|
8
8
|
# Breadcrumbs
|
|
9
9
|
<PropsTable name="Breadcrumbs" />
|
|
10
10
|
|
|
11
|
-
#
|
|
11
|
+
# Типизация элементов
|
|
12
|
+
|
|
13
|
+
Параметр `items` является обязательным и поддерживает следующие типы:
|
|
14
|
+
|
|
15
|
+
```tsx
|
|
16
|
+
type Items =
|
|
17
|
+
| {
|
|
18
|
+
/**
|
|
19
|
+
* Обработчик клика на элемент
|
|
20
|
+
*/
|
|
21
|
+
onClick?: () => void;
|
|
22
|
+
/**
|
|
23
|
+
* Элемент заголовка
|
|
24
|
+
*/
|
|
25
|
+
title: string;
|
|
26
|
+
/**
|
|
27
|
+
* Элемент выключен
|
|
28
|
+
*/
|
|
29
|
+
disabled?: boolean;
|
|
30
|
+
}
|
|
31
|
+
| {
|
|
32
|
+
/**
|
|
33
|
+
* Ссылка на страницу ( если не указана, то ссылка не кликабельна )
|
|
34
|
+
*/
|
|
35
|
+
href?: string;
|
|
36
|
+
/**
|
|
37
|
+
* Элемент заголовка
|
|
38
|
+
*/
|
|
39
|
+
title: string;
|
|
40
|
+
/**
|
|
41
|
+
* Элемент выключен
|
|
42
|
+
*/
|
|
43
|
+
disabled?: boolean;
|
|
44
|
+
}
|
|
45
|
+
| {
|
|
46
|
+
/**
|
|
47
|
+
* Функция рендера элемента
|
|
48
|
+
*/
|
|
49
|
+
renderItem: () => ReactNode;
|
|
50
|
+
};
|
|
51
|
+
```
|
|
52
|
+
|
|
53
|
+
При использовании одного из трёх вариантов, свойства остальных будут не доступны.
|
|
54
|
+
|
|
55
|
+
# Пример
|
|
12
56
|
|
|
13
57
|
```tsx live
|
|
14
58
|
import React from 'react';
|
|
@@ -17,9 +61,17 @@ import { Breadcrumbs } from '@salutejs/{{ package }}';
|
|
|
17
61
|
export function App() {
|
|
18
62
|
const items = [
|
|
19
63
|
{ title: 'Home', href: '/' },
|
|
20
|
-
{ title: '
|
|
21
|
-
{
|
|
22
|
-
{ title: '
|
|
64
|
+
{ title: 'Without link' },
|
|
65
|
+
{ title: 'Disabled', disabled: true },
|
|
66
|
+
{ title: 'Disabled with link', href: '/', disabled: true },
|
|
67
|
+
{
|
|
68
|
+
title: 'On Click',
|
|
69
|
+
onClick: () => {
|
|
70
|
+
alert('On Click');
|
|
71
|
+
},
|
|
72
|
+
},
|
|
73
|
+
{ renderItem: () => <span style=\{{ cursor: 'pointer' }}>Custom </span> },
|
|
74
|
+
{ title: 'Main' },
|
|
23
75
|
];
|
|
24
76
|
|
|
25
77
|
return (
|
|
@@ -5,8 +5,6 @@ export var tokens = {
|
|
|
5
5
|
breadcrumbsGap: '--plasma-breadcrumbs-gap',
|
|
6
6
|
breadcrumbsOpacity: '--plasma-breadcrumbs-opacity',
|
|
7
7
|
breadcrumbsFocusOutlineColor: '--plasma-breadcrumbs-focus-outline-color',
|
|
8
|
-
breadcrumbsColorSeparator: '--plasma-breadcrumbs-color-separator',
|
|
9
|
-
breadcrumbsColorText: '--plasma-breadcrumbs-color-text',
|
|
10
8
|
breadcrumbsColor: '--plasma-breadcrumbs-color',
|
|
11
9
|
breadcrumbsFontFamily: '--plasma-breadcrumbs-font-family',
|
|
12
10
|
breadcrumbsFontSize: '--plasma-breadcrumbs-font-size',
|
|
@@ -25,14 +25,20 @@ export var convertIconSize = function convertIconSize(size) {
|
|
|
25
25
|
};
|
|
26
26
|
export var getRenderItems = function getRenderItems(items, renderSeparator, showItems) {
|
|
27
27
|
var renderItems = shortItems(items.map(function (item) {
|
|
28
|
-
if (
|
|
28
|
+
if (item.renderItem) {
|
|
29
29
|
return item.renderItem();
|
|
30
30
|
}
|
|
31
|
+
var title = item.title,
|
|
32
|
+
disabled = item.disabled,
|
|
33
|
+
href = item.href,
|
|
34
|
+
onClick = item.onClick;
|
|
31
35
|
return /*#__PURE__*/React.createElement(StyledLink, {
|
|
32
36
|
tabIndex: 0,
|
|
33
|
-
href:
|
|
34
|
-
|
|
35
|
-
|
|
37
|
+
href: href,
|
|
38
|
+
disabled: disabled,
|
|
39
|
+
onClick: onClick,
|
|
40
|
+
isHref: Boolean(href || onClick)
|
|
41
|
+
}, title);
|
|
36
42
|
}), renderSeparator, showItems);
|
|
37
43
|
return renderItems;
|
|
38
44
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Breadcrumbs.d.ts","sourceRoot":"","sources":["../../../src/components/Breadcrumbs/Breadcrumbs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAgC,MAAM,OAAO,CAAC;AAErD,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAG1C,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAM5D,eAAO,MAAM,eAAe,SAAU,UAAU,cAAc,EAAE,gBAAgB,CAAC;;;;;;
|
|
1
|
+
{"version":3,"file":"Breadcrumbs.d.ts","sourceRoot":"","sources":["../../../src/components/Breadcrumbs/Breadcrumbs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAgC,MAAM,OAAO,CAAC;AAErD,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAG1C,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAM5D,eAAO,MAAM,eAAe,SAAU,UAAU,cAAc,EAAE,gBAAgB,CAAC;;;;;;wCAe5E,CAAC;AAEN,eAAO,MAAM,iBAAiB;;;mBAjBQ,UAAU,cAAc,EAAE,gBAAgB,CAAC;;;;;;;;;;;;;;;;;;;;CAkChF,CAAC"}
|
|
@@ -5,8 +5,6 @@ export declare const tokens: {
|
|
|
5
5
|
breadcrumbsGap: string;
|
|
6
6
|
breadcrumbsOpacity: string;
|
|
7
7
|
breadcrumbsFocusOutlineColor: string;
|
|
8
|
-
breadcrumbsColorSeparator: string;
|
|
9
|
-
breadcrumbsColorText: string;
|
|
10
8
|
breadcrumbsColor: string;
|
|
11
9
|
breadcrumbsFontFamily: string;
|
|
12
10
|
breadcrumbsFontSize: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Breadcrumbs.tokens.d.ts","sourceRoot":"","sources":["../../../src/components/Breadcrumbs/Breadcrumbs.tokens.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO;;CAEnB,CAAC;AAEF,eAAO,MAAM,MAAM
|
|
1
|
+
{"version":3,"file":"Breadcrumbs.tokens.d.ts","sourceRoot":"","sources":["../../../src/components/Breadcrumbs/Breadcrumbs.tokens.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO;;CAEnB,CAAC;AAEF,eAAO,MAAM,MAAM;;;;;;;;;;;CAYlB,CAAC"}
|
|
@@ -1,5 +1,20 @@
|
|
|
1
1
|
import { HTMLAttributes, ReactNode } from 'react';
|
|
2
2
|
export declare type BreadcrumbsItem = {
|
|
3
|
+
/**
|
|
4
|
+
* Обработчик клика на элемент
|
|
5
|
+
*/
|
|
6
|
+
onClick?: () => void;
|
|
7
|
+
/**
|
|
8
|
+
* Элемент заголовка
|
|
9
|
+
*/
|
|
10
|
+
title: string;
|
|
11
|
+
/**
|
|
12
|
+
* Элемент выключен
|
|
13
|
+
*/
|
|
14
|
+
disabled?: boolean;
|
|
15
|
+
href?: never;
|
|
16
|
+
renderItem?: never;
|
|
17
|
+
} | {
|
|
3
18
|
/**
|
|
4
19
|
* Ссылка на страницу ( если не указана, то ссылка не кликабельна )
|
|
5
20
|
*/
|
|
@@ -8,11 +23,21 @@ export declare type BreadcrumbsItem = {
|
|
|
8
23
|
* Элемент заголовка
|
|
9
24
|
*/
|
|
10
25
|
title: string;
|
|
26
|
+
/**
|
|
27
|
+
* Элемент выключен
|
|
28
|
+
*/
|
|
29
|
+
disabled?: boolean;
|
|
30
|
+
onClick?: never;
|
|
31
|
+
renderItem?: never;
|
|
11
32
|
} | {
|
|
12
33
|
/**
|
|
13
34
|
* Функция рендера элемента
|
|
14
35
|
*/
|
|
15
36
|
renderItem: () => ReactNode;
|
|
37
|
+
onClick?: never;
|
|
38
|
+
disabled?: never;
|
|
39
|
+
href?: never;
|
|
40
|
+
title?: never;
|
|
16
41
|
};
|
|
17
42
|
declare type Breadcrumbs = {
|
|
18
43
|
view?: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Breadcrumbs.types.d.ts","sourceRoot":"","sources":["../../../src/components/Breadcrumbs/Breadcrumbs.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElD,oBAAY,eAAe,GACrB;IACI;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;
|
|
1
|
+
{"version":3,"file":"Breadcrumbs.types.d.ts","sourceRoot":"","sources":["../../../src/components/Breadcrumbs/Breadcrumbs.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElD,oBAAY,eAAe,GACrB;IACI;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,IAAI,CAAC,EAAE,KAAK,CAAC;IACb,UAAU,CAAC,EAAE,KAAK,CAAC;CACtB,GACD;IACI;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,OAAO,CAAC,EAAE,KAAK,CAAC;IAChB,UAAU,CAAC,EAAE,KAAK,CAAC;CACtB,GACD;IACI;;OAEG;IACH,UAAU,EAAE,MAAM,SAAS,CAAC;IAE5B,OAAO,CAAC,EAAE,KAAK,CAAC;IAChB,QAAQ,CAAC,EAAE,KAAK,CAAC;IACjB,IAAI,CAAC,EAAE,KAAK,CAAC;IACb,KAAK,CAAC,EAAE,KAAK,CAAC;CACjB,CAAC;AAER,aAAK,WAAW,GAAG;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd;;OAEG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;IAEtB;;OAEG;IACH,KAAK,EAAE,eAAe,EAAE,CAAC;IAEzB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AAEF,oBAAY,gBAAgB,GAAG,cAAc,CAAC,cAAc,CAAC,GAAG,WAAW,CAAC"}
|