@semcore/breadcrumbs 5.49.0 → 5.49.1

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 CHANGED
@@ -2,6 +2,12 @@
2
2
 
3
3
  CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangelog.com/en/1.0.0/).
4
4
 
5
+ ## [5.49.1] - 2025-05-09
6
+
7
+ ### Changed
8
+
9
+ - Version patch update due to children dependencies update (`@semcore/utils` [4.48.2 ~> 4.48.4], `@semcore/icon` [4.61.0 ~> 4.62.0]).
10
+
5
11
  ## [5.49.0] - 2025-04-11
6
12
 
7
13
  ### Changed
@@ -20,15 +20,17 @@ var _m = _interopRequireDefault(require("@semcore/icon/ChevronRight/m"));
20
20
  var _keyboardFocusEnhance = _interopRequireDefault(require("@semcore/utils/lib/enhances/keyboardFocusEnhance"));
21
21
  var _intergalacticDynamicLocales = require("./translations/__intergalactic-dynamic-locales");
22
22
  var _i18nEnhance = _interopRequireDefault(require("@semcore/utils/lib/enhances/i18nEnhance"));
23
- /*__reshadow-styles__:"./style/breadcrumbs.shadow.css"*/
24
- var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SBreadcrumbs_165s2_gg_{display:flex;align-items:center;padding:0;margin:0}.___SBreadcrumbs_165s2_gg_ .___SListContainer_165s2_gg_{display:contents;list-style:none;overflow:hidden;margin:0;padding:0}.___SBreadcrumbs_165s2_gg_ .___SListContainer_165s2_gg_ .___SSeparator_165s2_gg_{margin:0 var(--intergalactic-spacing-2x, 8px);color:var(--intergalactic-icon-secondary-neutral, #a9abb6);display:flex}.___SBreadcrumbs_165s2_gg_ .___SListContainer_165s2_gg_ .___SSeparator_165s2_gg_:last-child{display:none}.___SBreadcrumbs_165s2_gg_ .___SListContainer_165s2_gg_ .___SListItem_165s2_gg_{overflow:hidden;padding:3px;margin:-3px}.___SBreadcrumbs_165s2_gg_ .___SListContainer_165s2_gg_ .___SListItem_165s2_gg_ .___SBreadcrumbsItem_165s2_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, #6c6e79);-webkit-text-decoration:none;text-decoration:none;cursor:pointer;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}@media (hover:hover){.___SBreadcrumbs_165s2_gg_ .___SListContainer_165s2_gg_ .___SListItem_165s2_gg_ .___SBreadcrumbsItem_165s2_gg_:hover{-webkit-text-decoration:underline;text-decoration:underline;color:var(--intergalactic-text-primary, #191b23)}}.___SBreadcrumbs_165s2_gg_ .___SListContainer_165s2_gg_ .___SListItem_165s2_gg_ .___SBreadcrumbsItem_165s2_gg_.__keyboardFocused_165s2_gg_{outline:0;box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SBreadcrumbs_165s2_gg_ .___SListContainer_165s2_gg_ .___SListItem_165s2_gg_ .___SBreadcrumbsItem_165s2_gg_.__active_165s2_gg_{color:var(--intergalactic-text-primary, #191b23);cursor:default}@media (hover:hover){.___SBreadcrumbs_165s2_gg_ .___SListContainer_165s2_gg_ .___SListItem_165s2_gg_ .___SBreadcrumbsItem_165s2_gg_.__active_165s2_gg_:hover{-webkit-text-decoration:none;text-decoration:none}}" /*__inner_css_end__*/, "165s2_gg_") /*__reshadow_css_end__*/, {
25
- "__SBreadcrumbs": "___SBreadcrumbs_165s2_gg_",
26
- "__SListContainer": "___SListContainer_165s2_gg_",
27
- "__SSeparator": "___SSeparator_165s2_gg_",
28
- "__SListItem": "___SListItem_165s2_gg_",
29
- "__SBreadcrumbsItem": "___SBreadcrumbsItem_165s2_gg_",
30
- "_keyboardFocused": "__keyboardFocused_165s2_gg_",
31
- "_active": "__active_165s2_gg_"
23
+ /*!__reshadow-styles__:"./style/breadcrumbs.shadow.css"*/
24
+ var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SBreadcrumbs_1nbji_gg_{display:flex;align-items:center;padding:0;margin:0}.___SBreadcrumbs_1nbji_gg_ .___SListContainer_1nbji_gg_{display:contents;list-style:none;overflow:hidden;margin:0;padding:0}.___SBreadcrumbs_1nbji_gg_ .___SListContainer_1nbji_gg_ .___SSeparator_1nbji_gg_{margin:0 var(--intergalactic-spacing-2x, 8px);color:var(--intergalactic-icon-secondary-neutral, #a9abb6);display:flex}.___SBreadcrumbs_1nbji_gg_ .___SListContainer_1nbji_gg_ .___SSeparator_1nbji_gg_:last-child{display:none}.___SBreadcrumbs_1nbji_gg_ .___SListContainer_1nbji_gg_ .___SListItem_1nbji_gg_{overflow:hidden;padding:3px;margin:-3px}.___SBreadcrumbs_1nbji_gg_ .___SListContainer_1nbji_gg_ .___SListItem_1nbji_gg_ .___SBreadcrumbsItem_1nbji_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, #6c6e79);-webkit-text-decoration:none;text-decoration:none;cursor:pointer;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}@media (hover:hover){.___SBreadcrumbs_1nbji_gg_ .___SListContainer_1nbji_gg_ .___SListItem_1nbji_gg_ .___SBreadcrumbsItem_1nbji_gg_:hover{-webkit-text-decoration:underline;text-decoration:underline;color:var(--intergalactic-text-primary, #191b23)}}.___SBreadcrumbs_1nbji_gg_ .___SListContainer_1nbji_gg_ .___SListItem_1nbji_gg_ .___SBreadcrumbsItem_1nbji_gg_.__keyboardFocused_1nbji_gg_{outline:0;box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SBreadcrumbs_1nbji_gg_ .___SListContainer_1nbji_gg_ .___SListItem_1nbji_gg_ .___SBreadcrumbsItem_1nbji_gg_.__active_1nbji_gg_{color:var(--intergalactic-text-primary, #191b23);cursor:default}@media (hover:hover){.___SBreadcrumbs_1nbji_gg_ .___SListContainer_1nbji_gg_ .___SListItem_1nbji_gg_ .___SBreadcrumbsItem_1nbji_gg_.__active_1nbji_gg_:hover{-webkit-text-decoration:none;text-decoration:none}}", /*__inner_css_end__*/"1nbji_gg_"),
25
+ /*__reshadow_css_end__*/
26
+ {
27
+ "__SBreadcrumbs": "___SBreadcrumbs_1nbji_gg_",
28
+ "__SListContainer": "___SListContainer_1nbji_gg_",
29
+ "__SSeparator": "___SSeparator_1nbji_gg_",
30
+ "__SListItem": "___SListItem_1nbji_gg_",
31
+ "__SBreadcrumbsItem": "___SBreadcrumbsItem_1nbji_gg_",
32
+ "_keyboardFocused": "__keyboardFocused_1nbji_gg_",
33
+ "_active": "__active_1nbji_gg_"
32
34
  });
33
35
  var Breadcrumbs = /*#__PURE__*/function (_Component) {
34
36
  (0, _inherits2["default"])(Breadcrumbs, _Component);
@@ -1 +1 @@
1
- {"version":3,"file":"Breadcrumbs.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_flexBox","_m","_keyboardFocusEnhance","_intergalacticDynamicLocales","_i18nEnhance","style","_index","sstyled","insert","Breadcrumbs","_Component","_inherits2","_super","_createSuper2","_classCallCheck2","apply","arguments","_createClass2","key","value","getItemProps","_this$asProps","asProps","separator","locale","render","_ref","_ref3","SBreadcrumbs","Box","SListContainer","_this$asProps2","styles","getI18nText","Children","createElement","cn","_objectSpread2","assignProps","Component","_defineProperty2","i18nEnhance","localizedMessages","tag","i18n","Item","_Component2","_super2","_ref2","_ref4","SBreadcrumbsItem","_this$asProps3","active","disabled","href","tabIndex","SSeparator","SListItem","Fragment","undefined","keyboardFocusEnhance","_default","createComponent","exports"],"sources":["../../src/Breadcrumbs.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, sstyled, Root } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport SSeparator from '@semcore/icon/ChevronRight/m';\nimport keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\nimport { localizedMessages } from './translations/__intergalactic-dynamic-locales';\nimport i18nEnhance from '@semcore/utils/lib/enhances/i18nEnhance';\n\nimport style from './style/breadcrumbs.shadow.css';\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\nclass Item extends Component {\n static defaultProps = {\n tag: 'a',\n locale: 'en',\n };\n\n static enhance = [keyboardFocusEnhance()];\n\n render() {\n const SBreadcrumbsItem = Root;\n const { styles, separator, active, disabled, href, tabIndex, tag } = this.asProps;\n const SSeparator = 'div';\n const SListItem = 'li';\n\n return sstyled(styles)(\n <>\n <SListItem>\n <SBreadcrumbsItem\n render={Box}\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 />\n </SListItem>\n <SSeparator aria-hidden='true'>{separator}</SSeparator>\n </>,\n );\n }\n}\n\nexport default createComponent(Breadcrumbs, {\n Item,\n});\n"],"mappings":"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"}
1
+ {"version":3,"file":"Breadcrumbs.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_flexBox","_m","_keyboardFocusEnhance","_intergalacticDynamicLocales","_i18nEnhance","style","_index","sstyled","insert","Breadcrumbs","_Component","_inherits2","_super","_createSuper2","_classCallCheck2","apply","arguments","_createClass2","key","value","getItemProps","_this$asProps","asProps","separator","locale","render","_ref","_ref3","SBreadcrumbs","Box","SListContainer","_this$asProps2","styles","getI18nText","Children","createElement","cn","_objectSpread2","assignProps","Component","_defineProperty2","i18nEnhance","localizedMessages","tag","i18n","Item","_Component2","_super2","_ref2","_ref4","SBreadcrumbsItem","_this$asProps3","active","disabled","href","tabIndex","SSeparator","SListItem","Fragment","undefined","keyboardFocusEnhance","_default","createComponent","exports"],"sources":["../../src/Breadcrumbs.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, sstyled, Root } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport SSeparator from '@semcore/icon/ChevronRight/m';\nimport keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\nimport { localizedMessages } from './translations/__intergalactic-dynamic-locales';\nimport i18nEnhance from '@semcore/utils/lib/enhances/i18nEnhance';\n\nimport style from './style/breadcrumbs.shadow.css';\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\nclass Item extends Component {\n static defaultProps = {\n tag: 'a',\n locale: 'en',\n };\n\n static enhance = [keyboardFocusEnhance()];\n\n render() {\n const SBreadcrumbsItem = Root;\n const { styles, separator, active, disabled, href, tabIndex, tag } = this.asProps;\n const SSeparator = 'div';\n const SListItem = 'li';\n\n return sstyled(styles)(\n <>\n <SListItem>\n <SBreadcrumbsItem\n render={Box}\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 />\n </SListItem>\n <SSeparator aria-hidden='true'>{separator}</SSeparator>\n </>,\n );\n }\n}\n\nexport default createComponent(Breadcrumbs, {\n Item,\n});\n"],"mappings":"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"}
@@ -14,15 +14,17 @@ import SSeparator from '@semcore/icon/ChevronRight/m';
14
14
  import keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';
15
15
  import { localizedMessages } from './translations/__intergalactic-dynamic-locales';
16
16
  import i18nEnhance from '@semcore/utils/lib/enhances/i18nEnhance';
17
- /*__reshadow-styles__:"./style/breadcrumbs.shadow.css"*/
18
- var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SBreadcrumbs_165s2_gg_{display:flex;align-items:center;padding:0;margin:0}.___SBreadcrumbs_165s2_gg_ .___SListContainer_165s2_gg_{display:contents;list-style:none;overflow:hidden;margin:0;padding:0}.___SBreadcrumbs_165s2_gg_ .___SListContainer_165s2_gg_ .___SSeparator_165s2_gg_{margin:0 var(--intergalactic-spacing-2x, 8px);color:var(--intergalactic-icon-secondary-neutral, #a9abb6);display:flex}.___SBreadcrumbs_165s2_gg_ .___SListContainer_165s2_gg_ .___SSeparator_165s2_gg_:last-child{display:none}.___SBreadcrumbs_165s2_gg_ .___SListContainer_165s2_gg_ .___SListItem_165s2_gg_{overflow:hidden;padding:3px;margin:-3px}.___SBreadcrumbs_165s2_gg_ .___SListContainer_165s2_gg_ .___SListItem_165s2_gg_ .___SBreadcrumbsItem_165s2_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, #6c6e79);-webkit-text-decoration:none;text-decoration:none;cursor:pointer;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}@media (hover:hover){.___SBreadcrumbs_165s2_gg_ .___SListContainer_165s2_gg_ .___SListItem_165s2_gg_ .___SBreadcrumbsItem_165s2_gg_:hover{-webkit-text-decoration:underline;text-decoration:underline;color:var(--intergalactic-text-primary, #191b23)}}.___SBreadcrumbs_165s2_gg_ .___SListContainer_165s2_gg_ .___SListItem_165s2_gg_ .___SBreadcrumbsItem_165s2_gg_.__keyboardFocused_165s2_gg_{outline:0;box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SBreadcrumbs_165s2_gg_ .___SListContainer_165s2_gg_ .___SListItem_165s2_gg_ .___SBreadcrumbsItem_165s2_gg_.__active_165s2_gg_{color:var(--intergalactic-text-primary, #191b23);cursor:default}@media (hover:hover){.___SBreadcrumbs_165s2_gg_ .___SListContainer_165s2_gg_ .___SListItem_165s2_gg_ .___SBreadcrumbsItem_165s2_gg_.__active_165s2_gg_:hover{-webkit-text-decoration:none;text-decoration:none}}" /*__inner_css_end__*/, "165s2_gg_") /*__reshadow_css_end__*/, {
19
- "__SBreadcrumbs": "___SBreadcrumbs_165s2_gg_",
20
- "__SListContainer": "___SListContainer_165s2_gg_",
21
- "__SSeparator": "___SSeparator_165s2_gg_",
22
- "__SListItem": "___SListItem_165s2_gg_",
23
- "__SBreadcrumbsItem": "___SBreadcrumbsItem_165s2_gg_",
24
- "_keyboardFocused": "__keyboardFocused_165s2_gg_",
25
- "_active": "__active_165s2_gg_"
17
+ /*!__reshadow-styles__:"./style/breadcrumbs.shadow.css"*/
18
+ var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SBreadcrumbs_1nbji_gg_{display:flex;align-items:center;padding:0;margin:0}.___SBreadcrumbs_1nbji_gg_ .___SListContainer_1nbji_gg_{display:contents;list-style:none;overflow:hidden;margin:0;padding:0}.___SBreadcrumbs_1nbji_gg_ .___SListContainer_1nbji_gg_ .___SSeparator_1nbji_gg_{margin:0 var(--intergalactic-spacing-2x, 8px);color:var(--intergalactic-icon-secondary-neutral, #a9abb6);display:flex}.___SBreadcrumbs_1nbji_gg_ .___SListContainer_1nbji_gg_ .___SSeparator_1nbji_gg_:last-child{display:none}.___SBreadcrumbs_1nbji_gg_ .___SListContainer_1nbji_gg_ .___SListItem_1nbji_gg_{overflow:hidden;padding:3px;margin:-3px}.___SBreadcrumbs_1nbji_gg_ .___SListContainer_1nbji_gg_ .___SListItem_1nbji_gg_ .___SBreadcrumbsItem_1nbji_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, #6c6e79);-webkit-text-decoration:none;text-decoration:none;cursor:pointer;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}@media (hover:hover){.___SBreadcrumbs_1nbji_gg_ .___SListContainer_1nbji_gg_ .___SListItem_1nbji_gg_ .___SBreadcrumbsItem_1nbji_gg_:hover{-webkit-text-decoration:underline;text-decoration:underline;color:var(--intergalactic-text-primary, #191b23)}}.___SBreadcrumbs_1nbji_gg_ .___SListContainer_1nbji_gg_ .___SListItem_1nbji_gg_ .___SBreadcrumbsItem_1nbji_gg_.__keyboardFocused_1nbji_gg_{outline:0;box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SBreadcrumbs_1nbji_gg_ .___SListContainer_1nbji_gg_ .___SListItem_1nbji_gg_ .___SBreadcrumbsItem_1nbji_gg_.__active_1nbji_gg_{color:var(--intergalactic-text-primary, #191b23);cursor:default}@media (hover:hover){.___SBreadcrumbs_1nbji_gg_ .___SListContainer_1nbji_gg_ .___SListItem_1nbji_gg_ .___SBreadcrumbsItem_1nbji_gg_.__active_1nbji_gg_:hover{-webkit-text-decoration:none;text-decoration:none}}", /*__inner_css_end__*/"1nbji_gg_"),
19
+ /*__reshadow_css_end__*/
20
+ {
21
+ "__SBreadcrumbs": "___SBreadcrumbs_1nbji_gg_",
22
+ "__SListContainer": "___SListContainer_1nbji_gg_",
23
+ "__SSeparator": "___SSeparator_1nbji_gg_",
24
+ "__SListItem": "___SListItem_1nbji_gg_",
25
+ "__SBreadcrumbsItem": "___SBreadcrumbsItem_1nbji_gg_",
26
+ "_keyboardFocused": "__keyboardFocused_1nbji_gg_",
27
+ "_active": "__active_1nbji_gg_"
26
28
  });
27
29
  var Breadcrumbs = /*#__PURE__*/function (_Component) {
28
30
  _inherits(Breadcrumbs, _Component);
@@ -1 +1 @@
1
- {"version":3,"file":"Breadcrumbs.js","names":["React","createComponent","Component","sstyled","Root","Box","SSeparator","keyboardFocusEnhance","localizedMessages","i18nEnhance","style","_sstyled","insert","Breadcrumbs","_Component","_inherits","_super","_createSuper","_classCallCheck","apply","arguments","_createClass","key","value","getItemProps","_this$asProps","asProps","separator","locale","render","_ref","_ref3","SBreadcrumbs","SListContainer","_this$asProps2","styles","getI18nText","Children","createElement","cn","_objectSpread","_assignProps","_defineProperty","tag","i18n","Item","_Component2","_super2","_ref2","_ref4","SBreadcrumbsItem","_this$asProps3","active","disabled","href","tabIndex","SListItem","Fragment","_assignProps2","undefined"],"sources":["../../src/Breadcrumbs.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, sstyled, Root } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport SSeparator from '@semcore/icon/ChevronRight/m';\nimport keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\nimport { localizedMessages } from './translations/__intergalactic-dynamic-locales';\nimport i18nEnhance from '@semcore/utils/lib/enhances/i18nEnhance';\n\nimport style from './style/breadcrumbs.shadow.css';\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\nclass Item extends Component {\n static defaultProps = {\n tag: 'a',\n locale: 'en',\n };\n\n static enhance = [keyboardFocusEnhance()];\n\n render() {\n const SBreadcrumbsItem = Root;\n const { styles, separator, active, disabled, href, tabIndex, tag } = this.asProps;\n const SSeparator = 'div';\n const SListItem = 'li';\n\n return sstyled(styles)(\n <>\n <SListItem>\n <SBreadcrumbsItem\n render={Box}\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 />\n </SListItem>\n <SSeparator aria-hidden='true'>{separator}</SSeparator>\n </>,\n );\n }\n}\n\nexport default createComponent(Breadcrumbs, {\n Item,\n});\n"],"mappings":"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"}
1
+ {"version":3,"file":"Breadcrumbs.js","names":["React","createComponent","Component","sstyled","Root","Box","SSeparator","keyboardFocusEnhance","localizedMessages","i18nEnhance","style","_sstyled","insert","Breadcrumbs","_Component","_inherits","_super","_createSuper","_classCallCheck","apply","arguments","_createClass","key","value","getItemProps","_this$asProps","asProps","separator","locale","render","_ref","_ref3","SBreadcrumbs","SListContainer","_this$asProps2","styles","getI18nText","Children","createElement","cn","_objectSpread","_assignProps","_defineProperty","tag","i18n","Item","_Component2","_super2","_ref2","_ref4","SBreadcrumbsItem","_this$asProps3","active","disabled","href","tabIndex","SListItem","Fragment","_assignProps2","undefined"],"sources":["../../src/Breadcrumbs.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, sstyled, Root } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport SSeparator from '@semcore/icon/ChevronRight/m';\nimport keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\nimport { localizedMessages } from './translations/__intergalactic-dynamic-locales';\nimport i18nEnhance from '@semcore/utils/lib/enhances/i18nEnhance';\n\nimport style from './style/breadcrumbs.shadow.css';\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\nclass Item extends Component {\n static defaultProps = {\n tag: 'a',\n locale: 'en',\n };\n\n static enhance = [keyboardFocusEnhance()];\n\n render() {\n const SBreadcrumbsItem = Root;\n const { styles, separator, active, disabled, href, tabIndex, tag } = this.asProps;\n const SSeparator = 'div';\n const SListItem = 'li';\n\n return sstyled(styles)(\n <>\n <SListItem>\n <SBreadcrumbsItem\n render={Box}\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 />\n </SListItem>\n <SSeparator aria-hidden='true'>{separator}</SSeparator>\n </>,\n );\n }\n}\n\nexport default createComponent(Breadcrumbs, {\n Item,\n});\n"],"mappings":"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"}
@@ -1,95 +1,110 @@
1
- import S from "@babel/runtime/helpers/esm/objectSpread2";
2
- import b from "@babel/runtime/helpers/esm/classCallCheck";
3
- import v from "@babel/runtime/helpers/esm/createClass";
4
- import f from "@babel/runtime/helpers/esm/inherits";
5
- import h from "@babel/runtime/helpers/esm/createSuper";
6
- import i from "@babel/runtime/helpers/esm/defineProperty";
7
- import { sstyled as F } from "@semcore/utils/lib/core/index";
8
- import $, { sstyled as y, assignProps as x, Component as B } from "@semcore/core";
9
- import t from "react";
10
- import { Box as I } from "@semcore/flex-box";
11
- import z from "@semcore/icon/ChevronRight/m";
12
- import T from "@semcore/utils/lib/enhances/keyboardFocusEnhance";
13
- import { localizedMessages as L } from "./translations/__intergalactic-dynamic-locales.mjs";
14
- import j from "@semcore/utils/lib/enhances/i18nEnhance";
15
- var M = (
1
+ import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
2
+ import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
3
+ import _createClass from "@babel/runtime/helpers/esm/createClass";
4
+ import _inherits from "@babel/runtime/helpers/esm/inherits";
5
+ import _createSuper from "@babel/runtime/helpers/esm/createSuper";
6
+ import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
7
+ import { sstyled } from "@semcore/utils/lib/core/index";
8
+ import createComponent, { sstyled as sstyled$1, assignProps, Component } from "@semcore/core";
9
+ import React from "react";
10
+ import { Box } from "@semcore/flex-box";
11
+ import SSeparator from "@semcore/icon/ChevronRight/m";
12
+ import keyboardFocusEnhance from "@semcore/utils/lib/enhances/keyboardFocusEnhance";
13
+ import { localizedMessages } from "./translations/__intergalactic-dynamic-locales.mjs";
14
+ import i18nEnhance from "@semcore/utils/lib/enhances/i18nEnhance";
15
+ /*!__reshadow-styles__:"./style/breadcrumbs.shadow.css"*/
16
+ var style = (
16
17
  /*__reshadow_css_start__*/
17
- (F.insert(
18
+ (sstyled.insert(
18
19
  /*__inner_css_start__*/
19
- ".___SBreadcrumbs_165s2_gg_{display:flex;align-items:center;padding:0;margin:0}.___SBreadcrumbs_165s2_gg_ .___SListContainer_165s2_gg_{display:contents;list-style:none;overflow:hidden;margin:0;padding:0}.___SBreadcrumbs_165s2_gg_ .___SListContainer_165s2_gg_ .___SSeparator_165s2_gg_{margin:0 var(--intergalactic-spacing-2x, 8px);color:var(--intergalactic-icon-secondary-neutral, #a9abb6);display:flex}.___SBreadcrumbs_165s2_gg_ .___SListContainer_165s2_gg_ .___SSeparator_165s2_gg_:last-child{display:none}.___SBreadcrumbs_165s2_gg_ .___SListContainer_165s2_gg_ .___SListItem_165s2_gg_{overflow:hidden;padding:3px;margin:-3px}.___SBreadcrumbs_165s2_gg_ .___SListContainer_165s2_gg_ .___SListItem_165s2_gg_ .___SBreadcrumbsItem_165s2_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, #6c6e79);-webkit-text-decoration:none;text-decoration:none;cursor:pointer;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}@media (hover:hover){.___SBreadcrumbs_165s2_gg_ .___SListContainer_165s2_gg_ .___SListItem_165s2_gg_ .___SBreadcrumbsItem_165s2_gg_:hover{-webkit-text-decoration:underline;text-decoration:underline;color:var(--intergalactic-text-primary, #191b23)}}.___SBreadcrumbs_165s2_gg_ .___SListContainer_165s2_gg_ .___SListItem_165s2_gg_ .___SBreadcrumbsItem_165s2_gg_.__keyboardFocused_165s2_gg_{outline:0;box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SBreadcrumbs_165s2_gg_ .___SListContainer_165s2_gg_ .___SListItem_165s2_gg_ .___SBreadcrumbsItem_165s2_gg_.__active_165s2_gg_{color:var(--intergalactic-text-primary, #191b23);cursor:default}@media (hover:hover){.___SBreadcrumbs_165s2_gg_ .___SListContainer_165s2_gg_ .___SListItem_165s2_gg_ .___SBreadcrumbsItem_165s2_gg_.__active_165s2_gg_:hover{-webkit-text-decoration:none;text-decoration:none}}",
20
- "165s2_gg_"
21
- ), {
22
- __SBreadcrumbs: "___SBreadcrumbs_165s2_gg_",
23
- __SListContainer: "___SListContainer_165s2_gg_",
24
- __SSeparator: "___SSeparator_165s2_gg_",
25
- __SListItem: "___SListItem_165s2_gg_",
26
- __SBreadcrumbsItem: "___SBreadcrumbsItem_165s2_gg_",
27
- _keyboardFocused: "__keyboardFocused_165s2_gg_",
28
- _active: "__active_165s2_gg_"
20
+ ".___SBreadcrumbs_1nbji_gg_{display:flex;align-items:center;padding:0;margin:0}.___SBreadcrumbs_1nbji_gg_ .___SListContainer_1nbji_gg_{display:contents;list-style:none;overflow:hidden;margin:0;padding:0}.___SBreadcrumbs_1nbji_gg_ .___SListContainer_1nbji_gg_ .___SSeparator_1nbji_gg_{margin:0 var(--intergalactic-spacing-2x, 8px);color:var(--intergalactic-icon-secondary-neutral, #a9abb6);display:flex}.___SBreadcrumbs_1nbji_gg_ .___SListContainer_1nbji_gg_ .___SSeparator_1nbji_gg_:last-child{display:none}.___SBreadcrumbs_1nbji_gg_ .___SListContainer_1nbji_gg_ .___SListItem_1nbji_gg_{overflow:hidden;padding:3px;margin:-3px}.___SBreadcrumbs_1nbji_gg_ .___SListContainer_1nbji_gg_ .___SListItem_1nbji_gg_ .___SBreadcrumbsItem_1nbji_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, #6c6e79);-webkit-text-decoration:none;text-decoration:none;cursor:pointer;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}@media (hover:hover){.___SBreadcrumbs_1nbji_gg_ .___SListContainer_1nbji_gg_ .___SListItem_1nbji_gg_ .___SBreadcrumbsItem_1nbji_gg_:hover{-webkit-text-decoration:underline;text-decoration:underline;color:var(--intergalactic-text-primary, #191b23)}}.___SBreadcrumbs_1nbji_gg_ .___SListContainer_1nbji_gg_ .___SListItem_1nbji_gg_ .___SBreadcrumbsItem_1nbji_gg_.__keyboardFocused_1nbji_gg_{outline:0;box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SBreadcrumbs_1nbji_gg_ .___SListContainer_1nbji_gg_ .___SListItem_1nbji_gg_ .___SBreadcrumbsItem_1nbji_gg_.__active_1nbji_gg_{color:var(--intergalactic-text-primary, #191b23);cursor:default}@media (hover:hover){.___SBreadcrumbs_1nbji_gg_ .___SListContainer_1nbji_gg_ .___SListItem_1nbji_gg_ .___SBreadcrumbsItem_1nbji_gg_.__active_1nbji_gg_:hover{-webkit-text-decoration:none;text-decoration:none}}",
21
+ /*__inner_css_end__*/
22
+ "1nbji_gg_"
23
+ ), /*__reshadow_css_end__*/
24
+ {
25
+ "__SBreadcrumbs": "___SBreadcrumbs_1nbji_gg_",
26
+ "__SListContainer": "___SListContainer_1nbji_gg_",
27
+ "__SSeparator": "___SSeparator_1nbji_gg_",
28
+ "__SListItem": "___SListItem_1nbji_gg_",
29
+ "__SBreadcrumbsItem": "___SBreadcrumbsItem_1nbji_gg_",
30
+ "_keyboardFocused": "__keyboardFocused_1nbji_gg_",
31
+ "_active": "__active_1nbji_gg_"
29
32
  })
30
- ), g = /* @__PURE__ */ function(m) {
31
- f(e, m);
32
- var d = h(e);
33
- function e() {
34
- return b(this, e), d.apply(this, arguments);
33
+ );
34
+ var Breadcrumbs = /* @__PURE__ */ function(_Component) {
35
+ _inherits(Breadcrumbs2, _Component);
36
+ var _super = _createSuper(Breadcrumbs2);
37
+ function Breadcrumbs2() {
38
+ _classCallCheck(this, Breadcrumbs2);
39
+ return _super.apply(this, arguments);
35
40
  }
36
- return v(e, [{
41
+ _createClass(Breadcrumbs2, [{
37
42
  key: "getItemProps",
38
- value: function() {
39
- var a = this.asProps, _ = a.separator, n = a.locale;
43
+ value: function getItemProps() {
44
+ var _this$asProps = this.asProps, separator = _this$asProps.separator, locale = _this$asProps.locale;
40
45
  return {
41
- separator: _,
42
- locale: n
46
+ separator,
47
+ locale
43
48
  };
44
49
  }
45
50
  }, {
46
51
  key: "render",
47
- value: function() {
48
- var a = this.asProps, _, n = I, r = "ol", o = this.asProps, l = o.styles, s = o.getI18nText, c = o.Children;
49
- return _ = y(l), /* @__PURE__ */ t.createElement(n, _.cn("SBreadcrumbs", S({}, x({
50
- "aria-label": s("breadcrumbs")
51
- }, a))), /* @__PURE__ */ t.createElement(r, _.cn("SListContainer", {}), /* @__PURE__ */ t.createElement(c, _.cn("Children", {}))));
52
+ value: function render() {
53
+ var _ref = this.asProps, _ref3;
54
+ var SBreadcrumbs = Box;
55
+ var SListContainer = "ol";
56
+ var _this$asProps2 = this.asProps, styles = _this$asProps2.styles, getI18nText = _this$asProps2.getI18nText, Children = _this$asProps2.Children;
57
+ return _ref3 = sstyled$1(styles), /* @__PURE__ */ React.createElement(SBreadcrumbs, _ref3.cn("SBreadcrumbs", _objectSpread({}, assignProps({
58
+ "aria-label": getI18nText("breadcrumbs")
59
+ }, _ref))), /* @__PURE__ */ React.createElement(SListContainer, _ref3.cn("SListContainer", {}), /* @__PURE__ */ React.createElement(Children, _ref3.cn("Children", {}))));
52
60
  }
53
- }]), e;
54
- }(B);
55
- i(g, "displayName", "Breadcrumbs");
56
- i(g, "style", M);
57
- i(g, "enhance", [j(L)]);
58
- i(g, "defaultProps", {
59
- separator: /* @__PURE__ */ t.createElement(z, null),
61
+ }]);
62
+ return Breadcrumbs2;
63
+ }(Component);
64
+ _defineProperty(Breadcrumbs, "displayName", "Breadcrumbs");
65
+ _defineProperty(Breadcrumbs, "style", style);
66
+ _defineProperty(Breadcrumbs, "enhance", [i18nEnhance(localizedMessages)]);
67
+ _defineProperty(Breadcrumbs, "defaultProps", {
68
+ separator: /* @__PURE__ */ React.createElement(SSeparator, null),
60
69
  tag: "nav",
61
- i18n: L,
70
+ i18n: localizedMessages,
62
71
  locale: "en"
63
72
  });
64
- var p = /* @__PURE__ */ function(m) {
65
- f(e, m);
66
- var d = h(e);
67
- function e() {
68
- return b(this, e), d.apply(this, arguments);
73
+ var Item = /* @__PURE__ */ function(_Component2) {
74
+ _inherits(Item2, _Component2);
75
+ var _super2 = _createSuper(Item2);
76
+ function Item2() {
77
+ _classCallCheck(this, Item2);
78
+ return _super2.apply(this, arguments);
69
79
  }
70
- return v(e, [{
80
+ _createClass(Item2, [{
71
81
  key: "render",
72
- value: function() {
73
- var a = this.asProps, _, n = I, r = this.asProps, o = r.styles, l = r.separator, s = r.active, c = r.disabled, C = r.href, P = r.tabIndex, k = r.tag, w = "div", E = "li";
74
- return _ = y(o), /* @__PURE__ */ t.createElement(t.Fragment, null, /* @__PURE__ */ t.createElement(E, _.cn("SListItem", {}), /* @__PURE__ */ t.createElement(n, _.cn("SBreadcrumbsItem", S({}, x({
75
- "use:tabIndex": s || c ? -1 : P,
76
- "use:href": !s && !c ? C : void 0,
77
- "aria-current": s ? "page" : void 0,
78
- "use:tag": s ? "span" : k
79
- }, a))))), /* @__PURE__ */ t.createElement(w, _.cn("SSeparator", {
82
+ value: function render() {
83
+ var _ref2 = this.asProps, _ref4;
84
+ var SBreadcrumbsItem = Box;
85
+ var _this$asProps3 = this.asProps, styles = _this$asProps3.styles, separator = _this$asProps3.separator, active = _this$asProps3.active, disabled = _this$asProps3.disabled, href = _this$asProps3.href, tabIndex = _this$asProps3.tabIndex, tag = _this$asProps3.tag;
86
+ var SSeparator2 = "div";
87
+ var SListItem = "li";
88
+ return _ref4 = sstyled$1(styles), /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(SListItem, _ref4.cn("SListItem", {}), /* @__PURE__ */ React.createElement(SBreadcrumbsItem, _ref4.cn("SBreadcrumbsItem", _objectSpread({}, assignProps({
89
+ "use:tabIndex": active || disabled ? -1 : tabIndex,
90
+ "use:href": !active && !disabled ? href : void 0,
91
+ "aria-current": active ? "page" : void 0,
92
+ "use:tag": active ? "span" : tag
93
+ }, _ref2))))), /* @__PURE__ */ React.createElement(SSeparator2, _ref4.cn("SSeparator", {
80
94
  "aria-hidden": "true"
81
- }), l));
95
+ }), separator));
82
96
  }
83
- }]), e;
84
- }(B);
85
- i(p, "defaultProps", {
97
+ }]);
98
+ return Item2;
99
+ }(Component);
100
+ _defineProperty(Item, "defaultProps", {
86
101
  tag: "a",
87
102
  locale: "en"
88
103
  });
89
- i(p, "enhance", [T()]);
90
- const X = $(g, {
91
- Item: p
104
+ _defineProperty(Item, "enhance", [keyboardFocusEnhance()]);
105
+ const Breadcrumbs$1 = createComponent(Breadcrumbs, {
106
+ Item
92
107
  });
93
108
  export {
94
- X as default
109
+ Breadcrumbs$1 as default
95
110
  };
package/lib/esm/index.mjs CHANGED
@@ -1,4 +1,4 @@
1
- import { default as o } from "./Breadcrumbs.mjs";
1
+ import { default as default2 } from "./Breadcrumbs.mjs";
2
2
  export {
3
- o as default
3
+ default2 as default
4
4
  };
@@ -0,0 +1,64 @@
1
+ SBreadcrumbs {
2
+ display: flex;
3
+ align-items: center;
4
+ padding: 0;
5
+ margin: 0;
6
+
7
+ SListContainer {
8
+ display: contents;
9
+ list-style: none;
10
+ overflow: hidden;
11
+ margin: 0;
12
+ padding: 0;
13
+
14
+ SSeparator {
15
+ margin: 0 var(--intergalactic-spacing-2x, 8px);
16
+ color: var(--intergalactic-icon-secondary-neutral, #a9abb6);
17
+ display: flex;
18
+
19
+ &:last-child {
20
+ display: none;
21
+ }
22
+ }
23
+
24
+ SListItem {
25
+ overflow: hidden;
26
+
27
+ /* we need this hack to show box-shadow over `overflow: hidden` element */
28
+ padding: 3px;
29
+ margin: -3px;
30
+
31
+ SBreadcrumbsItem {
32
+ width: 100%;
33
+ display: block;
34
+ position: relative;
35
+ font-size: var(--intergalactic-fs-200, 14px);
36
+ line-height: var(--intergalactic-lh-200, 142%);
37
+ color: var(--intergalactic-text-secondary, #6c6e79);
38
+ text-decoration: none;
39
+ cursor: pointer;
40
+ text-overflow: ellipsis;
41
+ white-space: nowrap;
42
+ overflow: hidden;
43
+
44
+ &:hover {
45
+ text-decoration: underline;
46
+ color: var(--intergalactic-text-primary, #191b23);
47
+ }
48
+ }
49
+
50
+ SBreadcrumbsItem[keyboardFocused] {
51
+ outline: none;
52
+ box-shadow: var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));
53
+ }
54
+
55
+ SBreadcrumbsItem[active] {
56
+ color: var(--intergalactic-text-primary, #191b23);
57
+ cursor: default;
58
+ &:hover {
59
+ text-decoration: none;
60
+ }
61
+ }
62
+ }
63
+ }
64
+ }
@@ -1,33 +1,33 @@
1
- import r from "./de.json.mjs";
2
- import o from "./en.json.mjs";
3
- import m from "./es.json.mjs";
4
- import t from "./fr.json.mjs";
5
- import i from "./it.json.mjs";
6
- import p from "./ja.json.mjs";
7
- import f from "./ko.json.mjs";
8
- import e from "./nl.json.mjs";
9
- import s from "./pt.json.mjs";
10
- import a from "./tr.json.mjs";
11
- import l from "./vi.json.mjs";
12
- import v from "./zh.json.mjs";
13
- import d from "./pl.json.mjs";
14
- import n from "./sv.json.mjs";
15
- var B = {
16
- de: r,
17
- en: o,
18
- es: m,
19
- fr: t,
20
- it: i,
21
- ja: p,
22
- ko: f,
23
- nl: e,
24
- pt: s,
25
- tr: a,
26
- vi: l,
27
- zh: v,
28
- pl: d,
29
- sv: n
1
+ import de from "./de.json.mjs";
2
+ import en from "./en.json.mjs";
3
+ import es from "./es.json.mjs";
4
+ import fr from "./fr.json.mjs";
5
+ import it from "./it.json.mjs";
6
+ import ja from "./ja.json.mjs";
7
+ import ko from "./ko.json.mjs";
8
+ import nl from "./nl.json.mjs";
9
+ import pt from "./pt.json.mjs";
10
+ import tr from "./tr.json.mjs";
11
+ import vi from "./vi.json.mjs";
12
+ import zh from "./zh.json.mjs";
13
+ import pl from "./pl.json.mjs";
14
+ import sv from "./sv.json.mjs";
15
+ var localizedMessages = {
16
+ de,
17
+ en,
18
+ es,
19
+ fr,
20
+ it,
21
+ ja,
22
+ ko,
23
+ nl,
24
+ pt,
25
+ tr,
26
+ vi,
27
+ zh,
28
+ pl,
29
+ sv
30
30
  };
31
31
  export {
32
- B as localizedMessages
32
+ localizedMessages
33
33
  };
@@ -1,7 +1,8 @@
1
- const r = "Breadcrumbs", e = {
2
- breadcrumbs: r
1
+ const breadcrumbs = "Breadcrumbs";
2
+ const de = {
3
+ breadcrumbs
3
4
  };
4
5
  export {
5
- r as breadcrumbs,
6
- e as default
6
+ breadcrumbs,
7
+ de as default
7
8
  };
@@ -1,7 +1,8 @@
1
- const r = "Breadcrumbs", e = {
2
- breadcrumbs: r
1
+ const breadcrumbs = "Breadcrumbs";
2
+ const en = {
3
+ breadcrumbs
3
4
  };
4
5
  export {
5
- r as breadcrumbs,
6
- e as default
6
+ breadcrumbs,
7
+ en as default
7
8
  };
@@ -1,7 +1,8 @@
1
- const s = "Migas de pan", a = {
2
- breadcrumbs: s
1
+ const breadcrumbs = "Migas de pan";
2
+ const es = {
3
+ breadcrumbs
3
4
  };
4
5
  export {
5
- s as breadcrumbs,
6
- a as default
6
+ breadcrumbs,
7
+ es as default
7
8
  };
@@ -1,7 +1,8 @@
1
- const e = "Miettes de pain", r = {
2
- breadcrumbs: e
1
+ const breadcrumbs = "Miettes de pain";
2
+ const fr = {
3
+ breadcrumbs
3
4
  };
4
5
  export {
5
- e as breadcrumbs,
6
- r as default
6
+ breadcrumbs,
7
+ fr as default
7
8
  };
@@ -1,7 +1,8 @@
1
- const r = "Breadcrumb", a = {
2
- breadcrumbs: r
1
+ const breadcrumbs = "Breadcrumb";
2
+ const it = {
3
+ breadcrumbs
3
4
  };
4
5
  export {
5
- r as breadcrumbs,
6
- a as default
6
+ breadcrumbs,
7
+ it as default
7
8
  };
@@ -1,7 +1,8 @@
1
- const a = "パンくず", r = {
2
- breadcrumbs: a
1
+ const breadcrumbs = "パンくず";
2
+ const ja = {
3
+ breadcrumbs
3
4
  };
4
5
  export {
5
- a as breadcrumbs,
6
- r as default
6
+ breadcrumbs,
7
+ ja as default
7
8
  };
@@ -1,7 +1,8 @@
1
- const r = "이동 경로", s = {
2
- breadcrumbs: r
1
+ const breadcrumbs = "이동 경로";
2
+ const ko = {
3
+ breadcrumbs
3
4
  };
4
5
  export {
5
- r as breadcrumbs,
6
- s as default
6
+ breadcrumbs,
7
+ ko as default
7
8
  };
@@ -1,7 +1,8 @@
1
- const r = "Breadcrumbs", s = {
2
- breadcrumbs: r
1
+ const breadcrumbs = "Breadcrumbs";
2
+ const nl = {
3
+ breadcrumbs
3
4
  };
4
5
  export {
5
- r as breadcrumbs,
6
- s as default
6
+ breadcrumbs,
7
+ nl as default
7
8
  };
@@ -1,7 +1,8 @@
1
- const r = "Okruszki", s = {
2
- breadcrumbs: r
1
+ const breadcrumbs = "Okruszki";
2
+ const pl = {
3
+ breadcrumbs
3
4
  };
4
5
  export {
5
- r as breadcrumbs,
6
- s as default
6
+ breadcrumbs,
7
+ pl as default
7
8
  };
@@ -1,7 +1,8 @@
1
- const a = "Trilhas de navegação", e = {
2
- breadcrumbs: a
1
+ const breadcrumbs = "Trilhas de navegação";
2
+ const pt = {
3
+ breadcrumbs
3
4
  };
4
5
  export {
5
- a as breadcrumbs,
6
- e as default
6
+ breadcrumbs,
7
+ pt as default
7
8
  };
@@ -1,7 +1,8 @@
1
- const r = "Brödsmulor", s = {
2
- breadcrumbs: r
1
+ const breadcrumbs = "Brödsmulor";
2
+ const sv = {
3
+ breadcrumbs
3
4
  };
4
5
  export {
5
- r as breadcrumbs,
6
- s as default
6
+ breadcrumbs,
7
+ sv as default
7
8
  };
@@ -1,7 +1,8 @@
1
- const r = "İçerik haritası", a = {
2
- breadcrumbs: r
1
+ const breadcrumbs = "İçerik haritası";
2
+ const tr = {
3
+ breadcrumbs
3
4
  };
4
5
  export {
5
- r as breadcrumbs,
6
- a as default
6
+ breadcrumbs,
7
+ tr as default
7
8
  };
@@ -1,7 +1,8 @@
1
- const b = "Vụ bánh mì", r = {
2
- breadcrumbs: b
1
+ const breadcrumbs = "Vụ bánh mì";
2
+ const vi = {
3
+ breadcrumbs
3
4
  };
4
5
  export {
5
- b as breadcrumbs,
6
- r as default
6
+ breadcrumbs,
7
+ vi as default
7
8
  };
@@ -1,7 +1,8 @@
1
- const r = "面包屑", s = {
2
- breadcrumbs: r
1
+ const breadcrumbs = "面包屑";
2
+ const zh = {
3
+ breadcrumbs
3
4
  };
4
5
  export {
5
- r as breadcrumbs,
6
- s as default
6
+ breadcrumbs,
7
+ zh as default
7
8
  };
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@semcore/breadcrumbs",
3
3
  "description": "Semrush Breadcrumbs Component",
4
- "version": "5.49.0",
4
+ "version": "5.49.1",
5
5
  "main": "lib/cjs/index.js",
6
6
  "module": "lib/es6/index.js",
7
7
  "typings": "lib/types/index.d.ts",
@@ -14,9 +14,9 @@
14
14
  "types": "./lib/types/index.d.ts"
15
15
  },
16
16
  "dependencies": {
17
- "@semcore/utils": "4.48.2",
18
- "@semcore/icon": "4.61.0",
19
- "@semcore/flex-box": "5.41.2"
17
+ "@semcore/utils": "4.48.4",
18
+ "@semcore/icon": "4.62.0",
19
+ "@semcore/flex-box": "5.41.3"
20
20
  },
21
21
  "peerDependencies": {
22
22
  "@semcore/core": "^2.17.5",