@semcore/breadcrumbs 17.1.0 → 17.2.0-prerelease.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +6 -0
- package/lib/cjs/Breadcrumbs.js +13 -7
- package/lib/cjs/Breadcrumbs.js.map +1 -1
- package/lib/es6/Breadcrumbs.js +13 -7
- package/lib/es6/Breadcrumbs.js.map +1 -1
- package/lib/esm/Breadcrumbs.mjs +9 -9
- package/package.json +6 -6
package/CHANGELOG.md
CHANGED
package/lib/cjs/Breadcrumbs.js
CHANGED
|
@@ -14,15 +14,15 @@ var _typography = require("@semcore/typography");
|
|
|
14
14
|
var _react = _interopRequireDefault(require("react"));
|
|
15
15
|
var _intergalacticDynamicLocales = require("./translations/__intergalactic-dynamic-locales");
|
|
16
16
|
/*!__reshadow-styles__:"./style/breadcrumbs.shadow.css"*/
|
|
17
|
-
const style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".
|
|
17
|
+
const style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SBreadcrumbs_fipbn_gg_{display:flex;align-items:center;padding:0;margin:0}.___SBreadcrumbs_fipbn_gg_ .___SListContainer_fipbn_gg_{display:contents;list-style:none}.___SBreadcrumbs_fipbn_gg_ .___SListContainer_fipbn_gg_ .___SSeparator_fipbn_gg_{margin:0 var(--intergalactic-spacing-2x,8px);color:var(--intergalactic-icon-secondary-neutral,rgba(0,5,2,.385));display:flex}@supports (color:color(display-p3 0 0 0%)){.___SBreadcrumbs_fipbn_gg_ .___SListContainer_fipbn_gg_ .___SSeparator_fipbn_gg_{color:var(--intergalactic-icon-secondary-neutral,rgba(0,5,2,.385))}@media (color-gamut:p3){.___SBreadcrumbs_fipbn_gg_ .___SListContainer_fipbn_gg_ .___SSeparator_fipbn_gg_{color:var(--intergalactic-icon-secondary-neutral,color(display-p3 .0036 .02041 .00996/.385))}}}.___SBreadcrumbs_fipbn_gg_ .___SListContainer_fipbn_gg_ .___SSeparator_fipbn_gg_:last-child{display:none}.___SBreadcrumbs_fipbn_gg_ .___SListContainer_fipbn_gg_ .___SListItem_fipbn_gg_{overflow:hidden;padding:4px;margin:-4px}.___SBreadcrumbs_fipbn_gg_ .___SListContainer_fipbn_gg_ .___SListItem_fipbn_gg_ .___SBreadcrumbsItem_fipbn_gg_{width:100%;display:block;position:relative;font-size:var(--intergalactic-fs-200,14px);line-height:var(--intergalactic-lh-200,142%);color:var(--intergalactic-text-secondary,#00030095);-webkit-text-decoration:none;text-decoration:none;cursor:pointer}@supports (color:color(display-p3 0 0 0%)){.___SBreadcrumbs_fipbn_gg_ .___SListContainer_fipbn_gg_ .___SListItem_fipbn_gg_ .___SBreadcrumbsItem_fipbn_gg_{color:var(--intergalactic-text-secondary,#00030095)}@media (color-gamut:p3){.___SBreadcrumbs_fipbn_gg_ .___SListContainer_fipbn_gg_ .___SListItem_fipbn_gg_ .___SBreadcrumbsItem_fipbn_gg_{color:var(--intergalactic-text-secondary,color(display-p3 .00228 .01289 .00252/.583))}}}@media (hover:hover){.___SBreadcrumbs_fipbn_gg_ .___SListContainer_fipbn_gg_ .___SListItem_fipbn_gg_ .___SBreadcrumbsItem_fipbn_gg_:hover{-webkit-text-decoration:underline;text-decoration:underline;color:var(--intergalactic-text-primary,#010500e5)}}.___SBreadcrumbs_fipbn_gg_ .___SListContainer_fipbn_gg_ .___SListItem_fipbn_gg_ .___SBreadcrumbsItem_fipbn_gg_.__active_fipbn_gg_{color:var(--intergalactic-text-primary,#010500e5);cursor:default}@media (hover:hover){.___SBreadcrumbs_fipbn_gg_ .___SListContainer_fipbn_gg_ .___SListItem_fipbn_gg_ .___SBreadcrumbsItem_fipbn_gg_.__active_fipbn_gg_:hover{-webkit-text-decoration:none;text-decoration:none}}", /*__inner_css_end__*/"fipbn_gg_"),
|
|
18
18
|
/*__reshadow_css_end__*/
|
|
19
19
|
{
|
|
20
|
-
"__SBreadcrumbs": "
|
|
21
|
-
"__SListContainer": "
|
|
22
|
-
"__SSeparator": "
|
|
23
|
-
"__SListItem": "
|
|
24
|
-
"__SBreadcrumbsItem": "
|
|
25
|
-
"_active": "
|
|
20
|
+
"__SBreadcrumbs": "___SBreadcrumbs_fipbn_gg_",
|
|
21
|
+
"__SListContainer": "___SListContainer_fipbn_gg_",
|
|
22
|
+
"__SSeparator": "___SSeparator_fipbn_gg_",
|
|
23
|
+
"__SListItem": "___SListItem_fipbn_gg_",
|
|
24
|
+
"__SBreadcrumbsItem": "___SBreadcrumbsItem_fipbn_gg_",
|
|
25
|
+
"_active": "__active_fipbn_gg_"
|
|
26
26
|
});
|
|
27
27
|
class Breadcrumbs extends _core.Component {
|
|
28
28
|
getItemProps() {
|
|
@@ -94,6 +94,12 @@ Item.defaultProps = {
|
|
|
94
94
|
locale: 'en',
|
|
95
95
|
tabIndex: 0
|
|
96
96
|
};
|
|
97
|
+
|
|
98
|
+
/**
|
|
99
|
+
* Breadcrumbs
|
|
100
|
+
*
|
|
101
|
+
* {@link https://developer.semrush.com/intergalactic/components/breadcrumbs/breadcrumbs-api/|API} | {@link https://developer.semrush.com/intergalactic/components/breadcrumbs/breadcrumbs-code/|Examples}
|
|
102
|
+
*/
|
|
97
103
|
var _default = exports.default = (0, _core.createComponent)(Breadcrumbs, {
|
|
98
104
|
Item
|
|
99
105
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Breadcrumbs.js","names":["_core","require","_baseComponents","_i18nEnhance","_interopRequireDefault","_m","_typography","_react","_intergalacticDynamicLocales","style","sstyled","insert","Breadcrumbs","Component","getItemProps","separator","locale","asProps","render","_ref","_ref3","SBreadcrumbs","Box","SListContainer","styles","getI18nText","Children","default","createElement","cn","assignProps","_defineProperty2","i18nEnhance","localizedMessages","tag","i18n","Item","props","_ref2","arguments[0]","_ref4","SBreadcrumbsItem","Text","active","disabled","href","tabIndex","ellipsis","SSeparator","SListItem","Fragment","undefined","defaultProps","_default","exports","createComponent"],"sources":["../../src/Breadcrumbs.jsx"],"sourcesContent":["import { Box } from '@semcore/base-components';\nimport { createComponent, Component, sstyled, Root } from '@semcore/core';\nimport i18nEnhance from '@semcore/core/lib/utils/enhances/i18nEnhance';\nimport SSeparator from '@semcore/icon/ChevronRight/m';\nimport { Text } from '@semcore/typography';\nimport React from 'react';\n\nimport style from './style/breadcrumbs.shadow.css';\nimport { localizedMessages } from './translations/__intergalactic-dynamic-locales';\n\nclass Breadcrumbs extends Component {\n static displayName = 'Breadcrumbs';\n static style = style;\n static enhance = [i18nEnhance(localizedMessages)];\n static defaultProps = {\n separator: <SSeparator />,\n tag: 'nav',\n i18n: localizedMessages,\n locale: 'en',\n };\n\n getItemProps() {\n const { separator, locale } = this.asProps;\n return {\n separator,\n locale,\n };\n }\n\n render() {\n const SBreadcrumbs = Root;\n const SListContainer = 'ol';\n const { styles, getI18nText, Children } = this.asProps;\n return sstyled(styles)(\n <SBreadcrumbs render={Box} aria-label={getI18nText('breadcrumbs')}>\n <SListContainer>\n <Children />\n </SListContainer>\n </SBreadcrumbs>,\n );\n }\n}\n\nfunction Item(props) {\n const SBreadcrumbsItem = Root;\n const { styles, separator, active, disabled, href, tabIndex, tag, ellipsis = true } = props;\n const SSeparator = 'div';\n const SListItem = 'li';\n\n return sstyled(styles)(\n <>\n <SListItem>\n <SBreadcrumbsItem\n render={Text}\n use:tabIndex={active || disabled ? -1 : tabIndex}\n use:href={!active && !disabled ? href : undefined}\n aria-current={active ? 'page' : undefined}\n use:tag={active ? 'span' : tag}\n ellipsis={ellipsis}\n />\n </SListItem>\n <SSeparator aria-hidden='true'>{separator}</SSeparator>\n </>,\n );\n}\nItem.defaultProps = {\n tag: 'a',\n locale: 'en',\n tabIndex: 0,\n};\n\nexport default createComponent(Breadcrumbs, {\n Item,\n});\n"],"mappings":"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
|
|
1
|
+
{"version":3,"file":"Breadcrumbs.js","names":["_core","require","_baseComponents","_i18nEnhance","_interopRequireDefault","_m","_typography","_react","_intergalacticDynamicLocales","style","sstyled","insert","Breadcrumbs","Component","getItemProps","separator","locale","asProps","render","_ref","_ref3","SBreadcrumbs","Box","SListContainer","styles","getI18nText","Children","default","createElement","cn","assignProps","_defineProperty2","i18nEnhance","localizedMessages","tag","i18n","Item","props","_ref2","arguments[0]","_ref4","SBreadcrumbsItem","Text","active","disabled","href","tabIndex","ellipsis","SSeparator","SListItem","Fragment","undefined","defaultProps","_default","exports","createComponent"],"sources":["../../src/Breadcrumbs.jsx"],"sourcesContent":["import { Box } from '@semcore/base-components';\nimport { createComponent, Component, sstyled, Root } from '@semcore/core';\nimport i18nEnhance from '@semcore/core/lib/utils/enhances/i18nEnhance';\nimport SSeparator from '@semcore/icon/ChevronRight/m';\nimport { Text } from '@semcore/typography';\nimport React from 'react';\n\nimport style from './style/breadcrumbs.shadow.css';\nimport { localizedMessages } from './translations/__intergalactic-dynamic-locales';\n\nclass Breadcrumbs extends Component {\n static displayName = 'Breadcrumbs';\n static style = style;\n static enhance = [i18nEnhance(localizedMessages)];\n static defaultProps = {\n separator: <SSeparator />,\n tag: 'nav',\n i18n: localizedMessages,\n locale: 'en',\n };\n\n getItemProps() {\n const { separator, locale } = this.asProps;\n return {\n separator,\n locale,\n };\n }\n\n render() {\n const SBreadcrumbs = Root;\n const SListContainer = 'ol';\n const { styles, getI18nText, Children } = this.asProps;\n return sstyled(styles)(\n <SBreadcrumbs render={Box} aria-label={getI18nText('breadcrumbs')}>\n <SListContainer>\n <Children />\n </SListContainer>\n </SBreadcrumbs>,\n );\n }\n}\n\nfunction Item(props) {\n const SBreadcrumbsItem = Root;\n const { styles, separator, active, disabled, href, tabIndex, tag, ellipsis = true } = props;\n const SSeparator = 'div';\n const SListItem = 'li';\n\n return sstyled(styles)(\n <>\n <SListItem>\n <SBreadcrumbsItem\n render={Text}\n use:tabIndex={active || disabled ? -1 : tabIndex}\n use:href={!active && !disabled ? href : undefined}\n aria-current={active ? 'page' : undefined}\n use:tag={active ? 'span' : tag}\n ellipsis={ellipsis}\n />\n </SListItem>\n <SSeparator aria-hidden='true'>{separator}</SSeparator>\n </>,\n );\n}\nItem.defaultProps = {\n tag: 'a',\n locale: 'en',\n tabIndex: 0,\n};\n\n/**\n * Breadcrumbs\n *\n * {@link https://developer.semrush.com/intergalactic/components/breadcrumbs/breadcrumbs-api/|API} | {@link https://developer.semrush.com/intergalactic/components/breadcrumbs/breadcrumbs-code/|Examples}\n */\nexport default createComponent(Breadcrumbs, {\n Item,\n});\n"],"mappings":"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","ignoreList":[]}
|
package/lib/es6/Breadcrumbs.js
CHANGED
|
@@ -9,15 +9,15 @@ import SSeparator from '@semcore/icon/ChevronRight/m';
|
|
|
9
9
|
import { Text } from '@semcore/typography';
|
|
10
10
|
import React from 'react';
|
|
11
11
|
/*!__reshadow-styles__:"./style/breadcrumbs.shadow.css"*/
|
|
12
|
-
const style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".
|
|
12
|
+
const style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SBreadcrumbs_fipbn_gg_{display:flex;align-items:center;padding:0;margin:0}.___SBreadcrumbs_fipbn_gg_ .___SListContainer_fipbn_gg_{display:contents;list-style:none}.___SBreadcrumbs_fipbn_gg_ .___SListContainer_fipbn_gg_ .___SSeparator_fipbn_gg_{margin:0 var(--intergalactic-spacing-2x,8px);color:var(--intergalactic-icon-secondary-neutral,rgba(0,5,2,.385));display:flex}@supports (color:color(display-p3 0 0 0%)){.___SBreadcrumbs_fipbn_gg_ .___SListContainer_fipbn_gg_ .___SSeparator_fipbn_gg_{color:var(--intergalactic-icon-secondary-neutral,rgba(0,5,2,.385))}@media (color-gamut:p3){.___SBreadcrumbs_fipbn_gg_ .___SListContainer_fipbn_gg_ .___SSeparator_fipbn_gg_{color:var(--intergalactic-icon-secondary-neutral,color(display-p3 .0036 .02041 .00996/.385))}}}.___SBreadcrumbs_fipbn_gg_ .___SListContainer_fipbn_gg_ .___SSeparator_fipbn_gg_:last-child{display:none}.___SBreadcrumbs_fipbn_gg_ .___SListContainer_fipbn_gg_ .___SListItem_fipbn_gg_{overflow:hidden;padding:4px;margin:-4px}.___SBreadcrumbs_fipbn_gg_ .___SListContainer_fipbn_gg_ .___SListItem_fipbn_gg_ .___SBreadcrumbsItem_fipbn_gg_{width:100%;display:block;position:relative;font-size:var(--intergalactic-fs-200,14px);line-height:var(--intergalactic-lh-200,142%);color:var(--intergalactic-text-secondary,#00030095);-webkit-text-decoration:none;text-decoration:none;cursor:pointer}@supports (color:color(display-p3 0 0 0%)){.___SBreadcrumbs_fipbn_gg_ .___SListContainer_fipbn_gg_ .___SListItem_fipbn_gg_ .___SBreadcrumbsItem_fipbn_gg_{color:var(--intergalactic-text-secondary,#00030095)}@media (color-gamut:p3){.___SBreadcrumbs_fipbn_gg_ .___SListContainer_fipbn_gg_ .___SListItem_fipbn_gg_ .___SBreadcrumbsItem_fipbn_gg_{color:var(--intergalactic-text-secondary,color(display-p3 .00228 .01289 .00252/.583))}}}@media (hover:hover){.___SBreadcrumbs_fipbn_gg_ .___SListContainer_fipbn_gg_ .___SListItem_fipbn_gg_ .___SBreadcrumbsItem_fipbn_gg_:hover{-webkit-text-decoration:underline;text-decoration:underline;color:var(--intergalactic-text-primary,#010500e5)}}.___SBreadcrumbs_fipbn_gg_ .___SListContainer_fipbn_gg_ .___SListItem_fipbn_gg_ .___SBreadcrumbsItem_fipbn_gg_.__active_fipbn_gg_{color:var(--intergalactic-text-primary,#010500e5);cursor:default}@media (hover:hover){.___SBreadcrumbs_fipbn_gg_ .___SListContainer_fipbn_gg_ .___SListItem_fipbn_gg_ .___SBreadcrumbsItem_fipbn_gg_.__active_fipbn_gg_:hover{-webkit-text-decoration:none;text-decoration:none}}", /*__inner_css_end__*/"fipbn_gg_"),
|
|
13
13
|
/*__reshadow_css_end__*/
|
|
14
14
|
{
|
|
15
|
-
"__SBreadcrumbs": "
|
|
16
|
-
"__SListContainer": "
|
|
17
|
-
"__SSeparator": "
|
|
18
|
-
"__SListItem": "
|
|
19
|
-
"__SBreadcrumbsItem": "
|
|
20
|
-
"_active": "
|
|
15
|
+
"__SBreadcrumbs": "___SBreadcrumbs_fipbn_gg_",
|
|
16
|
+
"__SListContainer": "___SListContainer_fipbn_gg_",
|
|
17
|
+
"__SSeparator": "___SSeparator_fipbn_gg_",
|
|
18
|
+
"__SListItem": "___SListItem_fipbn_gg_",
|
|
19
|
+
"__SBreadcrumbsItem": "___SBreadcrumbsItem_fipbn_gg_",
|
|
20
|
+
"_active": "__active_fipbn_gg_"
|
|
21
21
|
});
|
|
22
22
|
import { localizedMessages } from './translations/__intergalactic-dynamic-locales';
|
|
23
23
|
class Breadcrumbs extends Component {
|
|
@@ -90,6 +90,12 @@ Item.defaultProps = {
|
|
|
90
90
|
locale: 'en',
|
|
91
91
|
tabIndex: 0
|
|
92
92
|
};
|
|
93
|
+
|
|
94
|
+
/**
|
|
95
|
+
* Breadcrumbs
|
|
96
|
+
*
|
|
97
|
+
* {@link https://developer.semrush.com/intergalactic/components/breadcrumbs/breadcrumbs-api/|API} | {@link https://developer.semrush.com/intergalactic/components/breadcrumbs/breadcrumbs-code/|Examples}
|
|
98
|
+
*/
|
|
93
99
|
export default createComponent(Breadcrumbs, {
|
|
94
100
|
Item
|
|
95
101
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Breadcrumbs.js","names":["Box","createComponent","Component","sstyled","Root","i18nEnhance","SSeparator","Text","React","style","_sstyled","insert","localizedMessages","Breadcrumbs","getItemProps","separator","locale","asProps","render","_ref","_ref3","SBreadcrumbs","SListContainer","styles","getI18nText","Children","createElement","cn","_assignProps","_defineProperty","tag","i18n","Item","props","_ref2","arguments[0]","_ref4","SBreadcrumbsItem","active","disabled","href","tabIndex","ellipsis","SListItem","Fragment","_assignProps2","undefined","defaultProps"],"sources":["../../src/Breadcrumbs.jsx"],"sourcesContent":["import { Box } from '@semcore/base-components';\nimport { createComponent, Component, sstyled, Root } from '@semcore/core';\nimport i18nEnhance from '@semcore/core/lib/utils/enhances/i18nEnhance';\nimport SSeparator from '@semcore/icon/ChevronRight/m';\nimport { Text } from '@semcore/typography';\nimport React from 'react';\n\nimport style from './style/breadcrumbs.shadow.css';\nimport { localizedMessages } from './translations/__intergalactic-dynamic-locales';\n\nclass Breadcrumbs extends Component {\n static displayName = 'Breadcrumbs';\n static style = style;\n static enhance = [i18nEnhance(localizedMessages)];\n static defaultProps = {\n separator: <SSeparator />,\n tag: 'nav',\n i18n: localizedMessages,\n locale: 'en',\n };\n\n getItemProps() {\n const { separator, locale } = this.asProps;\n return {\n separator,\n locale,\n };\n }\n\n render() {\n const SBreadcrumbs = Root;\n const SListContainer = 'ol';\n const { styles, getI18nText, Children } = this.asProps;\n return sstyled(styles)(\n <SBreadcrumbs render={Box} aria-label={getI18nText('breadcrumbs')}>\n <SListContainer>\n <Children />\n </SListContainer>\n </SBreadcrumbs>,\n );\n }\n}\n\nfunction Item(props) {\n const SBreadcrumbsItem = Root;\n const { styles, separator, active, disabled, href, tabIndex, tag, ellipsis = true } = props;\n const SSeparator = 'div';\n const SListItem = 'li';\n\n return sstyled(styles)(\n <>\n <SListItem>\n <SBreadcrumbsItem\n render={Text}\n use:tabIndex={active || disabled ? -1 : tabIndex}\n use:href={!active && !disabled ? href : undefined}\n aria-current={active ? 'page' : undefined}\n use:tag={active ? 'span' : tag}\n ellipsis={ellipsis}\n />\n </SListItem>\n <SSeparator aria-hidden='true'>{separator}</SSeparator>\n </>,\n );\n}\nItem.defaultProps = {\n tag: 'a',\n locale: 'en',\n tabIndex: 0,\n};\n\nexport default createComponent(Breadcrumbs, {\n Item,\n});\n"],"mappings":"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
|
|
1
|
+
{"version":3,"file":"Breadcrumbs.js","names":["Box","createComponent","Component","sstyled","Root","i18nEnhance","SSeparator","Text","React","style","_sstyled","insert","localizedMessages","Breadcrumbs","getItemProps","separator","locale","asProps","render","_ref","_ref3","SBreadcrumbs","SListContainer","styles","getI18nText","Children","createElement","cn","_assignProps","_defineProperty","tag","i18n","Item","props","_ref2","arguments[0]","_ref4","SBreadcrumbsItem","active","disabled","href","tabIndex","ellipsis","SListItem","Fragment","_assignProps2","undefined","defaultProps"],"sources":["../../src/Breadcrumbs.jsx"],"sourcesContent":["import { Box } from '@semcore/base-components';\nimport { createComponent, Component, sstyled, Root } from '@semcore/core';\nimport i18nEnhance from '@semcore/core/lib/utils/enhances/i18nEnhance';\nimport SSeparator from '@semcore/icon/ChevronRight/m';\nimport { Text } from '@semcore/typography';\nimport React from 'react';\n\nimport style from './style/breadcrumbs.shadow.css';\nimport { localizedMessages } from './translations/__intergalactic-dynamic-locales';\n\nclass Breadcrumbs extends Component {\n static displayName = 'Breadcrumbs';\n static style = style;\n static enhance = [i18nEnhance(localizedMessages)];\n static defaultProps = {\n separator: <SSeparator />,\n tag: 'nav',\n i18n: localizedMessages,\n locale: 'en',\n };\n\n getItemProps() {\n const { separator, locale } = this.asProps;\n return {\n separator,\n locale,\n };\n }\n\n render() {\n const SBreadcrumbs = Root;\n const SListContainer = 'ol';\n const { styles, getI18nText, Children } = this.asProps;\n return sstyled(styles)(\n <SBreadcrumbs render={Box} aria-label={getI18nText('breadcrumbs')}>\n <SListContainer>\n <Children />\n </SListContainer>\n </SBreadcrumbs>,\n );\n }\n}\n\nfunction Item(props) {\n const SBreadcrumbsItem = Root;\n const { styles, separator, active, disabled, href, tabIndex, tag, ellipsis = true } = props;\n const SSeparator = 'div';\n const SListItem = 'li';\n\n return sstyled(styles)(\n <>\n <SListItem>\n <SBreadcrumbsItem\n render={Text}\n use:tabIndex={active || disabled ? -1 : tabIndex}\n use:href={!active && !disabled ? href : undefined}\n aria-current={active ? 'page' : undefined}\n use:tag={active ? 'span' : tag}\n ellipsis={ellipsis}\n />\n </SListItem>\n <SSeparator aria-hidden='true'>{separator}</SSeparator>\n </>,\n );\n}\nItem.defaultProps = {\n tag: 'a',\n locale: 'en',\n tabIndex: 0,\n};\n\n/**\n * Breadcrumbs\n *\n * {@link https://developer.semrush.com/intergalactic/components/breadcrumbs/breadcrumbs-api/|API} | {@link https://developer.semrush.com/intergalactic/components/breadcrumbs/breadcrumbs-code/|Examples}\n */\nexport default createComponent(Breadcrumbs, {\n Item,\n});\n"],"mappings":"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","ignoreList":[]}
|
package/lib/esm/Breadcrumbs.mjs
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import _defineProperty from "@babel/runtime/helpers/
|
|
1
|
+
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
2
2
|
import { sstyled, Component, assignProps, createComponent } from "@semcore/core";
|
|
3
3
|
import { Box } from "@semcore/base-components";
|
|
4
4
|
import i18nEnhance from "@semcore/core/lib/utils/enhances/i18nEnhance";
|
|
@@ -11,17 +11,17 @@ const style = (
|
|
|
11
11
|
/*__reshadow_css_start__*/
|
|
12
12
|
(sstyled.insert(
|
|
13
13
|
/*__inner_css_start__*/
|
|
14
|
-
".
|
|
14
|
+
".___SBreadcrumbs_fipbn_gg_{display:flex;align-items:center;padding:0;margin:0}.___SBreadcrumbs_fipbn_gg_ .___SListContainer_fipbn_gg_{display:contents;list-style:none}.___SBreadcrumbs_fipbn_gg_ .___SListContainer_fipbn_gg_ .___SSeparator_fipbn_gg_{margin:0 var(--intergalactic-spacing-2x,8px);color:var(--intergalactic-icon-secondary-neutral,rgba(0,5,2,.385));display:flex}@supports (color:color(display-p3 0 0 0%)){.___SBreadcrumbs_fipbn_gg_ .___SListContainer_fipbn_gg_ .___SSeparator_fipbn_gg_{color:var(--intergalactic-icon-secondary-neutral,rgba(0,5,2,.385))}@media (color-gamut:p3){.___SBreadcrumbs_fipbn_gg_ .___SListContainer_fipbn_gg_ .___SSeparator_fipbn_gg_{color:var(--intergalactic-icon-secondary-neutral,color(display-p3 .0036 .02041 .00996/.385))}}}.___SBreadcrumbs_fipbn_gg_ .___SListContainer_fipbn_gg_ .___SSeparator_fipbn_gg_:last-child{display:none}.___SBreadcrumbs_fipbn_gg_ .___SListContainer_fipbn_gg_ .___SListItem_fipbn_gg_{overflow:hidden;padding:4px;margin:-4px}.___SBreadcrumbs_fipbn_gg_ .___SListContainer_fipbn_gg_ .___SListItem_fipbn_gg_ .___SBreadcrumbsItem_fipbn_gg_{width:100%;display:block;position:relative;font-size:var(--intergalactic-fs-200,14px);line-height:var(--intergalactic-lh-200,142%);color:var(--intergalactic-text-secondary,#00030095);-webkit-text-decoration:none;text-decoration:none;cursor:pointer}@supports (color:color(display-p3 0 0 0%)){.___SBreadcrumbs_fipbn_gg_ .___SListContainer_fipbn_gg_ .___SListItem_fipbn_gg_ .___SBreadcrumbsItem_fipbn_gg_{color:var(--intergalactic-text-secondary,#00030095)}@media (color-gamut:p3){.___SBreadcrumbs_fipbn_gg_ .___SListContainer_fipbn_gg_ .___SListItem_fipbn_gg_ .___SBreadcrumbsItem_fipbn_gg_{color:var(--intergalactic-text-secondary,color(display-p3 .00228 .01289 .00252/.583))}}}@media (hover:hover){.___SBreadcrumbs_fipbn_gg_ .___SListContainer_fipbn_gg_ .___SListItem_fipbn_gg_ .___SBreadcrumbsItem_fipbn_gg_:hover{-webkit-text-decoration:underline;text-decoration:underline;color:var(--intergalactic-text-primary,#010500e5)}}.___SBreadcrumbs_fipbn_gg_ .___SListContainer_fipbn_gg_ .___SListItem_fipbn_gg_ .___SBreadcrumbsItem_fipbn_gg_.__active_fipbn_gg_{color:var(--intergalactic-text-primary,#010500e5);cursor:default}@media (hover:hover){.___SBreadcrumbs_fipbn_gg_ .___SListContainer_fipbn_gg_ .___SListItem_fipbn_gg_ .___SBreadcrumbsItem_fipbn_gg_.__active_fipbn_gg_:hover{-webkit-text-decoration:none;text-decoration:none}}",
|
|
15
15
|
/*__inner_css_end__*/
|
|
16
|
-
"
|
|
16
|
+
"fipbn_gg_"
|
|
17
17
|
), /*__reshadow_css_end__*/
|
|
18
18
|
{
|
|
19
|
-
"__SBreadcrumbs": "
|
|
20
|
-
"__SListContainer": "
|
|
21
|
-
"__SSeparator": "
|
|
22
|
-
"__SListItem": "
|
|
23
|
-
"__SBreadcrumbsItem": "
|
|
24
|
-
"_active": "
|
|
19
|
+
"__SBreadcrumbs": "___SBreadcrumbs_fipbn_gg_",
|
|
20
|
+
"__SListContainer": "___SListContainer_fipbn_gg_",
|
|
21
|
+
"__SSeparator": "___SSeparator_fipbn_gg_",
|
|
22
|
+
"__SListItem": "___SListItem_fipbn_gg_",
|
|
23
|
+
"__SBreadcrumbsItem": "___SBreadcrumbsItem_fipbn_gg_",
|
|
24
|
+
"_active": "__active_fipbn_gg_"
|
|
25
25
|
})
|
|
26
26
|
);
|
|
27
27
|
class Breadcrumbs extends Component {
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@semcore/breadcrumbs",
|
|
3
3
|
"description": "Semrush Breadcrumbs Component",
|
|
4
|
-
"version": "17.
|
|
4
|
+
"version": "17.2.0-prerelease.3",
|
|
5
5
|
"main": "lib/cjs/index.js",
|
|
6
6
|
"module": "lib/es6/index.js",
|
|
7
7
|
"typings": "lib/types/index.d.ts",
|
|
@@ -14,10 +14,10 @@
|
|
|
14
14
|
"require": "./lib/cjs/index.js"
|
|
15
15
|
},
|
|
16
16
|
"dependencies": {
|
|
17
|
-
"@semcore/typography": "^17.
|
|
17
|
+
"@semcore/typography": "^17.2.0-prerelease.3"
|
|
18
18
|
},
|
|
19
19
|
"peerDependencies": {
|
|
20
|
-
"@semcore/base-components": "^17.0
|
|
20
|
+
"@semcore/base-components": "^17.2.0",
|
|
21
21
|
"@semcore/icon": "^17.0.1"
|
|
22
22
|
},
|
|
23
23
|
"repository": {
|
|
@@ -26,10 +26,10 @@
|
|
|
26
26
|
"directory": "semcore/breadcrumbs"
|
|
27
27
|
},
|
|
28
28
|
"devDependencies": {
|
|
29
|
-
"@semcore/core": "17.
|
|
30
|
-
"@semcore/
|
|
31
|
-
"@semcore/base-components": "17.0.2",
|
|
29
|
+
"@semcore/core": "17.2.0-prerelease.3",
|
|
30
|
+
"@semcore/base-components": "17.2.0-prerelease.3",
|
|
32
31
|
"@semcore/testing-utils": "1.0.0",
|
|
32
|
+
"@semcore/typography": "17.2.0-prerelease.3",
|
|
33
33
|
"@semcore/icon": "17.1.0"
|
|
34
34
|
},
|
|
35
35
|
"scripts": {
|