@semcore/breadcrumbs 5.48.1 → 16.0.0-prerelease.10

package/CHANGELOG.md

@@ -2,6 +2,12 @@
 
 CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangelog.com/en/1.0.0/).
 
+## [16.0.0] - 2025-02-12
+
+### Changed
+
+- `keyboardFocusEnhance` to css `:focus-visible` property.
+
 ## [5.48.1] - 2025-03-20
 
 ### Changed

package/lib/cjs/Breadcrumbs.js

@@ -1,6 +1,5 @@
 "use strict";
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
@@ -12,23 +11,20 @@ var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/creat
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _index = require("@semcore/utils/lib/core/index");
-var _core = _interopRequireWildcard(require("@semcore/core"));
+var _core = require("@semcore/core");
 var _react = _interopRequireDefault(require("react"));
 var _flexBox = require("@semcore/flex-box");
 var _m = _interopRequireDefault(require("@semcore/icon/ChevronRight/m"));
-var _keyboardFocusEnhance = _interopRequireDefault(require("@semcore/utils/lib/enhances/keyboardFocusEnhance"));
 var _intergalacticDynamicLocales = require("./translations/__intergalactic-dynamic-locales");
-var _i18nEnhance = _interopRequireDefault(require("@semcore/utils/lib/enhances/i18nEnhance"));
+var _i18nEnhance = _interopRequireDefault(require("@semcore/core/lib/utils/enhances/i18nEnhance"));
 /*__reshadow-styles__:"./style/breadcrumbs.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SBreadcrumbs_151bf_gg_{display:flex;align-items:center;padding:0;margin:0}.___SBreadcrumbs_151bf_gg_ .___SListContainer_151bf_gg_{display:contents;list-style:none;overflow:hidden;margin:0;padding:0}.___SBreadcrumbs_151bf_gg_ .___SListContainer_151bf_gg_ .___SSeparator_151bf_gg_{margin:0 var(--intergalactic-spacing-2x, 8px);color:var(--intergalactic-icon-secondary-neutral, #a9abb6);display:flex}.___SBreadcrumbs_151bf_gg_ .___SListContainer_151bf_gg_ .___SSeparator_151bf_gg_:last-child{display:none}.___SBreadcrumbs_151bf_gg_ .___SListContainer_151bf_gg_ .___SListItem_151bf_gg_{overflow:hidden;padding:3px;margin:-3px}.___SBreadcrumbs_151bf_gg_ .___SListContainer_151bf_gg_ .___SListItem_151bf_gg_ .___SBreadcrumbsItem_151bf_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_151bf_gg_ .___SListContainer_151bf_gg_ .___SListItem_151bf_gg_ .___SBreadcrumbsItem_151bf_gg_:hover{-webkit-text-decoration:underline;text-decoration:underline;color:var(--intergalactic-text-primary, #191b23)}}.___SBreadcrumbs_151bf_gg_ .___SListContainer_151bf_gg_ .___SListItem_151bf_gg_ .___SBreadcrumbsItem_151bf_gg_.__keyboardFocused_151bf_gg_{outline:0;box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SBreadcrumbs_151bf_gg_ .___SListContainer_151bf_gg_ .___SListItem_151bf_gg_ .___SBreadcrumbsItem_151bf_gg_.__active_151bf_gg_{color:var(--intergalactic-text-primary, #191b23);cursor:default}@media (hover:hover){.___SBreadcrumbs_151bf_gg_ .___SListContainer_151bf_gg_ .___SListItem_151bf_gg_ .___SBreadcrumbsItem_151bf_gg_.__active_151bf_gg_:hover{-webkit-text-decoration:none;text-decoration:none}}" /*__inner_css_end__*/, "151bf_gg_") /*__reshadow_css_end__*/, {
-  "__SBreadcrumbs": "___SBreadcrumbs_151bf_gg_",
-  "__SListContainer": "___SListContainer_151bf_gg_",
-  "__SSeparator": "___SSeparator_151bf_gg_",
-  "__SListItem": "___SListItem_151bf_gg_",
-  "__SBreadcrumbsItem": "___SBreadcrumbsItem_151bf_gg_",
-  "_keyboardFocused": "__keyboardFocused_151bf_gg_",
-  "_active": "__active_151bf_gg_"
+var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SBreadcrumbs_k41rc_gg_{display:flex;align-items:center;padding:0;margin:0}.___SBreadcrumbs_k41rc_gg_ .___SListContainer_k41rc_gg_{display:contents;list-style:none;overflow:hidden;margin:0;padding:0}.___SBreadcrumbs_k41rc_gg_ .___SListContainer_k41rc_gg_ .___SSeparator_k41rc_gg_{margin:0 var(--intergalactic-spacing-2x, 8px);color:var(--intergalactic-icon-secondary-neutral, #a9abb6);display:flex}.___SBreadcrumbs_k41rc_gg_ .___SListContainer_k41rc_gg_ .___SSeparator_k41rc_gg_:last-child{display:none}.___SBreadcrumbs_k41rc_gg_ .___SListContainer_k41rc_gg_ .___SListItem_k41rc_gg_{overflow:hidden;padding:4px;margin:-4px}.___SBreadcrumbs_k41rc_gg_ .___SListContainer_k41rc_gg_ .___SListItem_k41rc_gg_ .___SBreadcrumbsItem_k41rc_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_k41rc_gg_ .___SListContainer_k41rc_gg_ .___SListItem_k41rc_gg_ .___SBreadcrumbsItem_k41rc_gg_:hover{-webkit-text-decoration:underline;text-decoration:underline;color:var(--intergalactic-text-primary, #191b23)}}.___SBreadcrumbs_k41rc_gg_ .___SListContainer_k41rc_gg_ .___SListItem_k41rc_gg_ .___SBreadcrumbsItem_k41rc_gg_.__active_k41rc_gg_{color:var(--intergalactic-text-primary, #191b23);cursor:default}@media (hover:hover){.___SBreadcrumbs_k41rc_gg_ .___SListContainer_k41rc_gg_ .___SListItem_k41rc_gg_ .___SBreadcrumbsItem_k41rc_gg_.__active_k41rc_gg_:hover{-webkit-text-decoration:none;text-decoration:none}}" /*__inner_css_end__*/, "k41rc_gg_") /*__reshadow_css_end__*/, {
+  "__SBreadcrumbs": "___SBreadcrumbs_k41rc_gg_",
+  "__SListContainer": "___SListContainer_k41rc_gg_",
+  "__SSeparator": "___SSeparator_k41rc_gg_",
+  "__SListItem": "___SListItem_k41rc_gg_",
+  "__SBreadcrumbsItem": "___SBreadcrumbsItem_k41rc_gg_",
+  "_active": "__active_k41rc_gg_"
 });
 var Breadcrumbs = /*#__PURE__*/function (_Component) {
   (0, _inherits2["default"])(Breadcrumbs, _Component);
@@ -112,10 +108,10 @@ var Item = /*#__PURE__*/function (_Component2) {
 }(_core.Component);
 (0, _defineProperty2["default"])(Item, "defaultProps", {
   tag: 'a',
-  locale: 'en'
+  locale: 'en',
+  tabIndex: 0
 });
-(0, _defineProperty2["default"])(Item, "enhance", [(0, _keyboardFocusEnhance["default"])()]);
-var _default = (0, _core["default"])(Breadcrumbs, {
+var _default = (0, _core.createComponent)(Breadcrumbs, {
   Item: Item
 });
 exports["default"] = _default;

package/lib/cjs/Breadcrumbs.js.map

@@ -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":";;;;;;;;;;;;;;;AACA,IAAAA,KAAA,GAAAC,uBAAA,CAAAC,OAAA;AADA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AAEA,IAAAG,QAAA,GAAAH,OAAA;AACA,IAAAI,EAAA,GAAAF,sBAAA,CAAAF,OAAA;AACA,IAAAK,qBAAA,GAAAH,sBAAA,CAAAF,OAAA;AACA,IAAAM,4BAAA,GAAAN,OAAA;AACA,IAAAO,YAAA,GAAAL,sBAAA,CAAAF,OAAA;AAAkE;AAAA,IAAAQ,KAAA,+BAAAC,MAAA,CAAAC,OAAA,CAAAC,MAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAAA,IAI5DC,WAAW,0BAAAC,UAAA;EAAA,IAAAC,UAAA,aAAAF,WAAA,EAAAC,UAAA;EAAA,IAAAE,MAAA,OAAAC,aAAA,aAAAJ,WAAA;EAAA,SAAAA,YAAA;IAAA,IAAAK,gBAAA,mBAAAL,WAAA;IAAA,OAAAG,MAAA,CAAAG,KAAA,OAAAC,SAAA;EAAA;EAAA,IAAAC,aAAA,aAAAR,WAAA;IAAAS,GAAA;IAAAC,KAAA,EAWf,SAAAC,aAAA,EAAe;MACb,IAAAC,aAAA,GAA8B,IAAI,CAACC,OAAO;QAAlCC,SAAS,GAAAF,aAAA,CAATE,SAAS;QAAEC,MAAM,GAAAH,aAAA,CAANG,MAAM;MACzB,OAAO;QACLD,SAAS,EAATA,SAAS;QACTC,MAAM,EAANA;MACF,CAAC;IACH;EAAC;IAAAN,GAAA;IAAAC,KAAA,EAED,SAAAM,OAAA,EAAS;MAAA,IAAAC,IAAA,QAAAJ,OAAA;QAAAK,KAAA;MACP,IAAMC,YAAY,GAIMC,YAAG;MAH3B,IAAMC,cAAc,GAAG,IAAI;MAC3B,IAAAC,cAAA,GAA0C,IAAI,CAACT,OAAO;QAA9CU,MAAM,GAAAD,cAAA,CAANC,MAAM;QAAEC,WAAW,GAAAF,cAAA,CAAXE,WAAW;QAAEC,QAAQ,GAAAH,cAAA,CAARG,QAAQ;MACrC,OAAAP,KAAA,GAAO,IAAApB,aAAO,EAACyB,MAAM,CAAC,eACpBlC,MAAA,YAAAqC,aAAA,CAACP,YAAY,EAAAD,KAAA,CAAAS,EAAA,qBAAAC,cAAA,qBAAA1C,KAAA,CAAA2C,WAAA;QAAA,cAA0BL,WAAW,CAAC,aAAa;MAAC,GAAAP,IAAA,kBAC/D5B,MAAA,YAAAqC,aAAA,CAACL,cAAc,EAAAH,KAAA,CAAAS,EAAA,qCACbtC,MAAA,YAAAqC,aAAA,CAACD,QAAQ,EAAAP,KAAA,CAAAS,EAAA,iBAAG,CACG,CACJ;IAEnB;EAAC;EAAA,OAAA3B,WAAA;AAAA,EA9BuB8B,eAAS;AAAA,IAAAC,gBAAA,aAA7B/B,WAAW,iBACM,aAAa;AAAA,IAAA+B,gBAAA,aAD9B/B,WAAW,WAEAJ,KAAK;AAAA,IAAAmC,gBAAA,aAFhB/B,WAAW,aAGE,CAAC,IAAAgC,uBAAW,EAACC,8CAAiB,CAAC,CAAC;AAAA,IAAAF,gBAAA,aAH7C/B,WAAW,kBAIO;EACpBc,SAAS,eAAEzB,MAAA,YAAAqC,aAAA,CAAClC,EAAA,WAAU,OAAG;EACzB0C,GAAG,EAAE,KAAK;EACVC,IAAI,EAAEF,8CAAiB;EACvBlB,MAAM,EAAE;AACV,CAAC;AAAA,IAwBGqB,IAAI,0BAAAC,WAAA;EAAA,IAAAnC,UAAA,aAAAkC,IAAA,EAAAC,WAAA;EAAA,IAAAC,OAAA,OAAAlC,aAAA,aAAAgC,IAAA;EAAA,SAAAA,KAAA;IAAA,IAAA/B,gBAAA,mBAAA+B,IAAA;IAAA,OAAAE,OAAA,CAAAhC,KAAA,OAAAC,SAAA;EAAA;EAAA,IAAAC,aAAA,aAAA4B,IAAA;IAAA3B,GAAA;IAAAC,KAAA,EAQR,SAAAM,OAAA,EAAS;MAAA,IAAAuB,KAAA,QAAA1B,OAAA;QAAA2B,KAAA;MACP,IAAMC,gBAAgB,GASNrB,YAAG;MARnB,IAAAsB,cAAA,GAAqE,IAAI,CAAC7B,OAAO;QAAzEU,MAAM,GAAAmB,cAAA,CAANnB,MAAM;QAAET,SAAS,GAAA4B,cAAA,CAAT5B,SAAS;QAAE6B,MAAM,GAAAD,cAAA,CAANC,MAAM;QAAEC,QAAQ,GAAAF,cAAA,CAARE,QAAQ;QAAEC,IAAI,GAAAH,cAAA,CAAJG,IAAI;QAAEC,QAAQ,GAAAJ,cAAA,CAARI,QAAQ;QAAEZ,GAAG,GAAAQ,cAAA,CAAHR,GAAG;MAChE,IAAMa,UAAU,GAAG,KAAK;MACxB,IAAMC,SAAS,GAAG,IAAI;MAEtB,OAAAR,KAAA,GAAO,IAAA1C,aAAO,EAACyB,MAAM,CAAC,eACpBlC,MAAA,YAAAqC,aAAA,CAAArC,MAAA,YAAA4D,QAAA,qBACE5D,MAAA,YAAAqC,aAAA,CAACsB,SAAS,EAAAR,KAAA,CAAAb,EAAA,gCACRtC,MAAA,YAAAqC,aAAA,CAACe,gBAAgB,EAAAD,KAAA,CAAAb,EAAA,yBAAAC,cAAA,qBAAA1C,KAAA,CAAA2C,WAAA;QAAA,gBAEDc,MAAM,IAAIC,QAAQ,GAAG,CAAC,CAAC,GAAGE,QAAQ;QAAA,YACtC,CAACH,MAAM,IAAI,CAACC,QAAQ,GAAGC,IAAI,GAAGK,SAAS;QAAA,gBACnCP,MAAM,GAAG,MAAM,GAAGO,SAAS;QAAA,WAChCP,MAAM,GAAG,MAAM,GAAGT;MAAG,GAAAK,KAAA,IAC9B,CACQ,eACZlD,MAAA,YAAAqC,aAAA,CAACqB,UAAU,EAAAP,KAAA,CAAAb,EAAA;QAAA,eAAa;MAAM,IAAEb,SAAS,CAAc,CACtD;IAEP;EAAC;EAAA,OAAAsB,IAAA;AAAA,EA5BgBN,eAAS;AAAA,IAAAC,gBAAA,aAAtBK,IAAI,kBACc;EACpBF,GAAG,EAAE,GAAG;EACRnB,MAAM,EAAE;AACV,CAAC;AAAA,IAAAgB,gBAAA,aAJGK,IAAI,aAMS,CAAC,IAAAe,gCAAoB,GAAE,CAAC;AAAA,IAAAC,QAAA,GAyB5B,IAAAC,gBAAe,EAACrD,WAAW,EAAE;EAC1CoC,IAAI,EAAJA;AACF,CAAC,CAAC;AAAAkB,OAAA,cAAAF,QAAA"}
+{"version":3,"file":"Breadcrumbs.js","names":["_core","require","_react","_interopRequireDefault","_flexBox","_m","_intergalacticDynamicLocales","_i18nEnhance","style","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","_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 { localizedMessages } from './translations/__intergalactic-dynamic-locales';\nimport i18nEnhance from '@semcore/core/lib/utils/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    tabIndex: 0,\n  };\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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"}

package/lib/cjs/index.d.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import { PropGetterFn, UnknownProperties, Intergalactic } from '@semcore/core';\nimport { BoxProps } from '@semcore/flex-box';\nimport { KeyboardFocusProps } from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\n\n/** @deprecated */\nexport interface IBreadcrumbsProps extends BreadcrumbsProps, UnknownProperties {}\nexport type BreadcrumbsProps = BoxProps & {\n  /**\n   * Links divider\n   * */\n  separator?: React.ReactNode;\n  locale?: string;\n};\n\n/** @deprecated */\nexport interface IBreadcrumbsItemProps extends BreadcrumbsItemProps, UnknownProperties {}\nexport type BreadcrumbsItemProps = BoxProps &\n  KeyboardFocusProps & {\n    /** The property is responsible for the activity of the element */\n    active?: boolean;\n    locale?: string;\n  };\n\n/** @deprecated */\nexport interface IBreadcrumbsContext extends BreadcrumbsContext, UnknownProperties {}\nexport type BreadcrumbsContext = BreadcrumbsProps & {\n  getItemProps: PropGetterFn;\n};\n\ndeclare const Breadcrumbs: Intergalactic.Component<'div', BreadcrumbsProps, BreadcrumbsContext> & {\n  Item: Intergalactic.Component<'a', BreadcrumbsItemProps>;\n};\n\nexport default Breadcrumbs;\n"],"mappings":""}
+{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import { PropGetterFn, UnknownProperties, Intergalactic } from '@semcore/core';\nimport { BoxProps } from '@semcore/flex-box';\nimport { KeyboardFocusProps } from '@semcore/core/lib/utils/enhances/keyboardFocusEnhance';\n\n/** @deprecated */\nexport interface IBreadcrumbsProps extends BreadcrumbsProps, UnknownProperties {}\nexport type BreadcrumbsProps = BoxProps & {\n  /**\n   * Links divider\n   * */\n  separator?: React.ReactNode;\n  locale?: string;\n};\n\n/** @deprecated */\nexport interface IBreadcrumbsItemProps extends BreadcrumbsItemProps, UnknownProperties {}\nexport type BreadcrumbsItemProps = BoxProps &\n  KeyboardFocusProps & {\n    /** The property is responsible for the activity of the element */\n    active?: boolean;\n    locale?: string;\n  };\n\n/** @deprecated */\nexport interface IBreadcrumbsContext extends BreadcrumbsContext, UnknownProperties {}\nexport type BreadcrumbsContext = BreadcrumbsProps & {\n  getItemProps: PropGetterFn;\n};\n\ndeclare const Breadcrumbs: Intergalactic.Component<'div', BreadcrumbsProps, BreadcrumbsContext> & {\n  Item: Intergalactic.Component<'a', BreadcrumbsItemProps>;\n};\n\nexport default Breadcrumbs;\n"],"mappings":""}

package/lib/cjs/style/breadcrumbs.shadow.css

@@ -24,9 +24,9 @@ SBreadcrumbs {
     SListItem {
       overflow: hidden;
 
-      /* we need this hack to show box-shadow over `overflow: hidden` element */
-      padding: 3px;
-      margin: -3px;
+      /* we need this hack to show outline over `overflow: hidden` element */
+      padding: 4px;
+      margin: -4px;
 
       SBreadcrumbsItem {
         width: 100%;
@@ -47,11 +47,6 @@ SBreadcrumbs {
         }
       }
 
-      SBreadcrumbsItem[keyboardFocused] {
-        outline: none;
-        box-shadow: var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));
-      }
-
       SBreadcrumbsItem[active] {
         color: var(--intergalactic-text-primary, #191b23);
         cursor: default;

package/lib/es6/Breadcrumbs.js

@@ -4,25 +4,23 @@ import _createClass from "@babel/runtime/helpers/createClass";
 import _inherits from "@babel/runtime/helpers/inherits";
 import _createSuper from "@babel/runtime/helpers/createSuper";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import { sstyled as _sstyled } from "@semcore/utils/lib/core/index";
+import { sstyled as _sstyled } from "@semcore/core";
 import { assignProps as _assignProps2 } from "@semcore/core";
 import { assignProps as _assignProps } from "@semcore/core";
 import React from 'react';
-import createComponent, { Component, sstyled, Root } from '@semcore/core';
+import { createComponent, Component, sstyled, Root } from '@semcore/core';
 import { Box } from '@semcore/flex-box';
 import SSeparator from '@semcore/icon/ChevronRight/m';
-import keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';
 import { localizedMessages } from './translations/__intergalactic-dynamic-locales';
-import i18nEnhance from '@semcore/utils/lib/enhances/i18nEnhance';
+import i18nEnhance from '@semcore/core/lib/utils/enhances/i18nEnhance';
 /*__reshadow-styles__:"./style/breadcrumbs.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SBreadcrumbs_151bf_gg_{display:flex;align-items:center;padding:0;margin:0}.___SBreadcrumbs_151bf_gg_ .___SListContainer_151bf_gg_{display:contents;list-style:none;overflow:hidden;margin:0;padding:0}.___SBreadcrumbs_151bf_gg_ .___SListContainer_151bf_gg_ .___SSeparator_151bf_gg_{margin:0 var(--intergalactic-spacing-2x, 8px);color:var(--intergalactic-icon-secondary-neutral, #a9abb6);display:flex}.___SBreadcrumbs_151bf_gg_ .___SListContainer_151bf_gg_ .___SSeparator_151bf_gg_:last-child{display:none}.___SBreadcrumbs_151bf_gg_ .___SListContainer_151bf_gg_ .___SListItem_151bf_gg_{overflow:hidden;padding:3px;margin:-3px}.___SBreadcrumbs_151bf_gg_ .___SListContainer_151bf_gg_ .___SListItem_151bf_gg_ .___SBreadcrumbsItem_151bf_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_151bf_gg_ .___SListContainer_151bf_gg_ .___SListItem_151bf_gg_ .___SBreadcrumbsItem_151bf_gg_:hover{-webkit-text-decoration:underline;text-decoration:underline;color:var(--intergalactic-text-primary, #191b23)}}.___SBreadcrumbs_151bf_gg_ .___SListContainer_151bf_gg_ .___SListItem_151bf_gg_ .___SBreadcrumbsItem_151bf_gg_.__keyboardFocused_151bf_gg_{outline:0;box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SBreadcrumbs_151bf_gg_ .___SListContainer_151bf_gg_ .___SListItem_151bf_gg_ .___SBreadcrumbsItem_151bf_gg_.__active_151bf_gg_{color:var(--intergalactic-text-primary, #191b23);cursor:default}@media (hover:hover){.___SBreadcrumbs_151bf_gg_ .___SListContainer_151bf_gg_ .___SListItem_151bf_gg_ .___SBreadcrumbsItem_151bf_gg_.__active_151bf_gg_:hover{-webkit-text-decoration:none;text-decoration:none}}" /*__inner_css_end__*/, "151bf_gg_") /*__reshadow_css_end__*/, {
-  "__SBreadcrumbs": "___SBreadcrumbs_151bf_gg_",
-  "__SListContainer": "___SListContainer_151bf_gg_",
-  "__SSeparator": "___SSeparator_151bf_gg_",
-  "__SListItem": "___SListItem_151bf_gg_",
-  "__SBreadcrumbsItem": "___SBreadcrumbsItem_151bf_gg_",
-  "_keyboardFocused": "__keyboardFocused_151bf_gg_",
-  "_active": "__active_151bf_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SBreadcrumbs_k41rc_gg_{display:flex;align-items:center;padding:0;margin:0}.___SBreadcrumbs_k41rc_gg_ .___SListContainer_k41rc_gg_{display:contents;list-style:none;overflow:hidden;margin:0;padding:0}.___SBreadcrumbs_k41rc_gg_ .___SListContainer_k41rc_gg_ .___SSeparator_k41rc_gg_{margin:0 var(--intergalactic-spacing-2x, 8px);color:var(--intergalactic-icon-secondary-neutral, #a9abb6);display:flex}.___SBreadcrumbs_k41rc_gg_ .___SListContainer_k41rc_gg_ .___SSeparator_k41rc_gg_:last-child{display:none}.___SBreadcrumbs_k41rc_gg_ .___SListContainer_k41rc_gg_ .___SListItem_k41rc_gg_{overflow:hidden;padding:4px;margin:-4px}.___SBreadcrumbs_k41rc_gg_ .___SListContainer_k41rc_gg_ .___SListItem_k41rc_gg_ .___SBreadcrumbsItem_k41rc_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_k41rc_gg_ .___SListContainer_k41rc_gg_ .___SListItem_k41rc_gg_ .___SBreadcrumbsItem_k41rc_gg_:hover{-webkit-text-decoration:underline;text-decoration:underline;color:var(--intergalactic-text-primary, #191b23)}}.___SBreadcrumbs_k41rc_gg_ .___SListContainer_k41rc_gg_ .___SListItem_k41rc_gg_ .___SBreadcrumbsItem_k41rc_gg_.__active_k41rc_gg_{color:var(--intergalactic-text-primary, #191b23);cursor:default}@media (hover:hover){.___SBreadcrumbs_k41rc_gg_ .___SListContainer_k41rc_gg_ .___SListItem_k41rc_gg_ .___SBreadcrumbsItem_k41rc_gg_.__active_k41rc_gg_:hover{-webkit-text-decoration:none;text-decoration:none}}" /*__inner_css_end__*/, "k41rc_gg_") /*__reshadow_css_end__*/, {
+  "__SBreadcrumbs": "___SBreadcrumbs_k41rc_gg_",
+  "__SListContainer": "___SListContainer_k41rc_gg_",
+  "__SSeparator": "___SSeparator_k41rc_gg_",
+  "__SListItem": "___SListItem_k41rc_gg_",
+  "__SBreadcrumbsItem": "___SBreadcrumbsItem_k41rc_gg_",
+  "_active": "__active_k41rc_gg_"
 });
 var Breadcrumbs = /*#__PURE__*/function (_Component) {
   _inherits(Breadcrumbs, _Component);
@@ -106,9 +104,9 @@ var Item = /*#__PURE__*/function (_Component2) {
 }(Component);
 _defineProperty(Item, "defaultProps", {
   tag: 'a',
-  locale: 'en'
+  locale: 'en',
+  tabIndex: 0
 });
-_defineProperty(Item, "enhance", [keyboardFocusEnhance()]);
 export default createComponent(Breadcrumbs, {
   Item: Item
 });

package/lib/es6/Breadcrumbs.js.map

@@ -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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"}
+{"version":3,"file":"Breadcrumbs.js","names":["React","createComponent","Component","sstyled","Root","Box","SSeparator","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 { localizedMessages } from './translations/__intergalactic-dynamic-locales';\nimport i18nEnhance from '@semcore/core/lib/utils/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    tabIndex: 0,\n  };\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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"}

package/lib/es6/index.d.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import { PropGetterFn, UnknownProperties, Intergalactic } from '@semcore/core';\nimport { BoxProps } from '@semcore/flex-box';\nimport { KeyboardFocusProps } from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\n\n/** @deprecated */\nexport interface IBreadcrumbsProps extends BreadcrumbsProps, UnknownProperties {}\nexport type BreadcrumbsProps = BoxProps & {\n  /**\n   * Links divider\n   * */\n  separator?: React.ReactNode;\n  locale?: string;\n};\n\n/** @deprecated */\nexport interface IBreadcrumbsItemProps extends BreadcrumbsItemProps, UnknownProperties {}\nexport type BreadcrumbsItemProps = BoxProps &\n  KeyboardFocusProps & {\n    /** The property is responsible for the activity of the element */\n    active?: boolean;\n    locale?: string;\n  };\n\n/** @deprecated */\nexport interface IBreadcrumbsContext extends BreadcrumbsContext, UnknownProperties {}\nexport type BreadcrumbsContext = BreadcrumbsProps & {\n  getItemProps: PropGetterFn;\n};\n\ndeclare const Breadcrumbs: Intergalactic.Component<'div', BreadcrumbsProps, BreadcrumbsContext> & {\n  Item: Intergalactic.Component<'a', BreadcrumbsItemProps>;\n};\n\nexport default Breadcrumbs;\n"],"mappings":""}
+{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import { PropGetterFn, UnknownProperties, Intergalactic } from '@semcore/core';\nimport { BoxProps } from '@semcore/flex-box';\nimport { KeyboardFocusProps } from '@semcore/core/lib/utils/enhances/keyboardFocusEnhance';\n\n/** @deprecated */\nexport interface IBreadcrumbsProps extends BreadcrumbsProps, UnknownProperties {}\nexport type BreadcrumbsProps = BoxProps & {\n  /**\n   * Links divider\n   * */\n  separator?: React.ReactNode;\n  locale?: string;\n};\n\n/** @deprecated */\nexport interface IBreadcrumbsItemProps extends BreadcrumbsItemProps, UnknownProperties {}\nexport type BreadcrumbsItemProps = BoxProps &\n  KeyboardFocusProps & {\n    /** The property is responsible for the activity of the element */\n    active?: boolean;\n    locale?: string;\n  };\n\n/** @deprecated */\nexport interface IBreadcrumbsContext extends BreadcrumbsContext, UnknownProperties {}\nexport type BreadcrumbsContext = BreadcrumbsProps & {\n  getItemProps: PropGetterFn;\n};\n\ndeclare const Breadcrumbs: Intergalactic.Component<'div', BreadcrumbsProps, BreadcrumbsContext> & {\n  Item: Intergalactic.Component<'a', BreadcrumbsItemProps>;\n};\n\nexport default Breadcrumbs;\n"],"mappings":""}

package/lib/es6/style/breadcrumbs.shadow.css

@@ -24,9 +24,9 @@ SBreadcrumbs {
     SListItem {
       overflow: hidden;
 
-      /* we need this hack to show box-shadow over `overflow: hidden` element */
-      padding: 3px;
-      margin: -3px;
+      /* we need this hack to show outline over `overflow: hidden` element */
+      padding: 4px;
+      margin: -4px;
 
       SBreadcrumbsItem {
         width: 100%;
@@ -47,11 +47,6 @@ SBreadcrumbs {
         }
       }
 
-      SBreadcrumbsItem[keyboardFocused] {
-        outline: none;
-        box-shadow: var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));
-      }
-
       SBreadcrumbsItem[active] {
         color: var(--intergalactic-text-primary, #191b23);
         cursor: default;

package/lib/esm/Breadcrumbs.mjs

@@ -1,95 +1,104 @@
-import p from "@babel/runtime/helpers/esm/objectSpread2";
-import u from "@babel/runtime/helpers/esm/classCallCheck";
-import S from "@babel/runtime/helpers/esm/createClass";
-import v from "@babel/runtime/helpers/esm/inherits";
-import h from "@babel/runtime/helpers/esm/createSuper";
-import n from "@babel/runtime/helpers/esm/defineProperty";
-import { sstyled as F } from "@semcore/utils/lib/core/index";
-import $, { sstyled as y, assignProps as x, Component as B } from "@semcore/core";
-import t from "react";
-import { Box as I } from "@semcore/flex-box";
-import z from "@semcore/icon/ChevronRight/m";
-import T from "@semcore/utils/lib/enhances/keyboardFocusEnhance";
-import { localizedMessages as L } from "./translations/__intergalactic-dynamic-locales.mjs";
-import j from "@semcore/utils/lib/enhances/i18nEnhance";
-var M = (
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
+import _createClass from "@babel/runtime/helpers/esm/createClass";
+import _inherits from "@babel/runtime/helpers/esm/inherits";
+import _createSuper from "@babel/runtime/helpers/esm/createSuper";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import { createComponent, sstyled, assignProps, Component } from "@semcore/core";
+import React from "react";
+import { Box } from "@semcore/flex-box";
+import SSeparator from "@semcore/icon/ChevronRight/m";
+import { localizedMessages } from "./translations/__intergalactic-dynamic-locales.mjs";
+import i18nEnhance from "@semcore/core/lib/utils/enhances/i18nEnhance";
+var style = (
   /*__reshadow_css_start__*/
-  (F.insert(
+  (sstyled.insert(
     /*__inner_css_start__*/
-    ".___SBreadcrumbs_151bf_gg_{display:flex;align-items:center;padding:0;margin:0}.___SBreadcrumbs_151bf_gg_ .___SListContainer_151bf_gg_{display:contents;list-style:none;overflow:hidden;margin:0;padding:0}.___SBreadcrumbs_151bf_gg_ .___SListContainer_151bf_gg_ .___SSeparator_151bf_gg_{margin:0 var(--intergalactic-spacing-2x, 8px);color:var(--intergalactic-icon-secondary-neutral, #a9abb6);display:flex}.___SBreadcrumbs_151bf_gg_ .___SListContainer_151bf_gg_ .___SSeparator_151bf_gg_:last-child{display:none}.___SBreadcrumbs_151bf_gg_ .___SListContainer_151bf_gg_ .___SListItem_151bf_gg_{overflow:hidden;padding:3px;margin:-3px}.___SBreadcrumbs_151bf_gg_ .___SListContainer_151bf_gg_ .___SListItem_151bf_gg_ .___SBreadcrumbsItem_151bf_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_151bf_gg_ .___SListContainer_151bf_gg_ .___SListItem_151bf_gg_ .___SBreadcrumbsItem_151bf_gg_:hover{-webkit-text-decoration:underline;text-decoration:underline;color:var(--intergalactic-text-primary, #191b23)}}.___SBreadcrumbs_151bf_gg_ .___SListContainer_151bf_gg_ .___SListItem_151bf_gg_ .___SBreadcrumbsItem_151bf_gg_.__keyboardFocused_151bf_gg_{outline:0;box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SBreadcrumbs_151bf_gg_ .___SListContainer_151bf_gg_ .___SListItem_151bf_gg_ .___SBreadcrumbsItem_151bf_gg_.__active_151bf_gg_{color:var(--intergalactic-text-primary, #191b23);cursor:default}@media (hover:hover){.___SBreadcrumbs_151bf_gg_ .___SListContainer_151bf_gg_ .___SListItem_151bf_gg_ .___SBreadcrumbsItem_151bf_gg_.__active_151bf_gg_:hover{-webkit-text-decoration:none;text-decoration:none}}",
-    "151bf_gg_"
+    ".___SBreadcrumbs_k41rc_gg_{display:flex;align-items:center;padding:0;margin:0}.___SBreadcrumbs_k41rc_gg_ .___SListContainer_k41rc_gg_{display:contents;list-style:none;overflow:hidden;margin:0;padding:0}.___SBreadcrumbs_k41rc_gg_ .___SListContainer_k41rc_gg_ .___SSeparator_k41rc_gg_{margin:0 var(--intergalactic-spacing-2x, 8px);color:var(--intergalactic-icon-secondary-neutral, #a9abb6);display:flex}.___SBreadcrumbs_k41rc_gg_ .___SListContainer_k41rc_gg_ .___SSeparator_k41rc_gg_:last-child{display:none}.___SBreadcrumbs_k41rc_gg_ .___SListContainer_k41rc_gg_ .___SListItem_k41rc_gg_{overflow:hidden;padding:4px;margin:-4px}.___SBreadcrumbs_k41rc_gg_ .___SListContainer_k41rc_gg_ .___SListItem_k41rc_gg_ .___SBreadcrumbsItem_k41rc_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_k41rc_gg_ .___SListContainer_k41rc_gg_ .___SListItem_k41rc_gg_ .___SBreadcrumbsItem_k41rc_gg_:hover{-webkit-text-decoration:underline;text-decoration:underline;color:var(--intergalactic-text-primary, #191b23)}}.___SBreadcrumbs_k41rc_gg_ .___SListContainer_k41rc_gg_ .___SListItem_k41rc_gg_ .___SBreadcrumbsItem_k41rc_gg_.__active_k41rc_gg_{color:var(--intergalactic-text-primary, #191b23);cursor:default}@media (hover:hover){.___SBreadcrumbs_k41rc_gg_ .___SListContainer_k41rc_gg_ .___SListItem_k41rc_gg_ .___SBreadcrumbsItem_k41rc_gg_.__active_k41rc_gg_:hover{-webkit-text-decoration:none;text-decoration:none}}",
+    "k41rc_gg_"
   ), {
-    __SBreadcrumbs: "___SBreadcrumbs_151bf_gg_",
-    __SListContainer: "___SListContainer_151bf_gg_",
-    __SSeparator: "___SSeparator_151bf_gg_",
-    __SListItem: "___SListItem_151bf_gg_",
-    __SBreadcrumbsItem: "___SBreadcrumbsItem_151bf_gg_",
-    _keyboardFocused: "__keyboardFocused_151bf_gg_",
-    _active: "__active_151bf_gg_"
+    "__SBreadcrumbs": "___SBreadcrumbs_k41rc_gg_",
+    "__SListContainer": "___SListContainer_k41rc_gg_",
+    "__SSeparator": "___SSeparator_k41rc_gg_",
+    "__SListItem": "___SListItem_k41rc_gg_",
+    "__SBreadcrumbsItem": "___SBreadcrumbsItem_k41rc_gg_",
+    "_active": "__active_k41rc_gg_"
   })
-), g = /* @__PURE__ */ function(m) {
-  v(e, m);
-  var d = h(e);
-  function e() {
-    return u(this, e), d.apply(this, arguments);
+);
+var Breadcrumbs = /* @__PURE__ */ function(_Component) {
+  _inherits(Breadcrumbs2, _Component);
+  var _super = _createSuper(Breadcrumbs2);
+  function Breadcrumbs2() {
+    _classCallCheck(this, Breadcrumbs2);
+    return _super.apply(this, arguments);
   }
-  return S(e, [{
+  _createClass(Breadcrumbs2, [{
     key: "getItemProps",
-    value: function() {
-      var a = this.asProps, _ = a.separator, s = a.locale;
+    value: function getItemProps() {
+      var _this$asProps = this.asProps, separator = _this$asProps.separator, locale = _this$asProps.locale;
       return {
-        separator: _,
-        locale: s
+        separator,
+        locale
       };
     }
   }, {
     key: "render",
-    value: function() {
-      var a = this.asProps, _, s = I, r = "ol", o = this.asProps, b = o.styles, i = o.getI18nText, c = o.Children;
-      return _ = y(b), /* @__PURE__ */ t.createElement(s, _.cn("SBreadcrumbs", p({}, x({
-        "aria-label": i("breadcrumbs")
-      }, a))), /* @__PURE__ */ t.createElement(r, _.cn("SListContainer", {}), /* @__PURE__ */ t.createElement(c, _.cn("Children", {}))));
+    value: function render() {
+      var _ref = this.asProps, _ref3;
+      var SBreadcrumbs = Box;
+      var SListContainer = "ol";
+      var _this$asProps2 = this.asProps, styles = _this$asProps2.styles, getI18nText = _this$asProps2.getI18nText, Children = _this$asProps2.Children;
+      return _ref3 = sstyled(styles), /* @__PURE__ */ React.createElement(SBreadcrumbs, _ref3.cn("SBreadcrumbs", _objectSpread({}, assignProps({
+        "aria-label": getI18nText("breadcrumbs")
+      }, _ref))), /* @__PURE__ */ React.createElement(SListContainer, _ref3.cn("SListContainer", {}), /* @__PURE__ */ React.createElement(Children, _ref3.cn("Children", {}))));
     }
-  }]), e;
-}(B);
-n(g, "displayName", "Breadcrumbs");
-n(g, "style", M);
-n(g, "enhance", [j(L)]);
-n(g, "defaultProps", {
-  separator: /* @__PURE__ */ t.createElement(z, null),
+  }]);
+  return Breadcrumbs2;
+}(Component);
+_defineProperty(Breadcrumbs, "displayName", "Breadcrumbs");
+_defineProperty(Breadcrumbs, "style", style);
+_defineProperty(Breadcrumbs, "enhance", [i18nEnhance(localizedMessages)]);
+_defineProperty(Breadcrumbs, "defaultProps", {
+  separator: /* @__PURE__ */ React.createElement(SSeparator, null),
   tag: "nav",
-  i18n: L,
+  i18n: localizedMessages,
   locale: "en"
 });
-var l = /* @__PURE__ */ function(m) {
-  v(e, m);
-  var d = h(e);
-  function e() {
-    return u(this, e), d.apply(this, arguments);
+var Item = /* @__PURE__ */ function(_Component2) {
+  _inherits(Item2, _Component2);
+  var _super2 = _createSuper(Item2);
+  function Item2() {
+    _classCallCheck(this, Item2);
+    return _super2.apply(this, arguments);
   }
-  return S(e, [{
+  _createClass(Item2, [{
     key: "render",
-    value: function() {
-      var a = this.asProps, _, s = I, r = this.asProps, o = r.styles, b = r.separator, i = r.active, c = r.disabled, C = r.href, P = r.tabIndex, k = r.tag, w = "div", E = "li";
-      return _ = y(o), /* @__PURE__ */ t.createElement(t.Fragment, null, /* @__PURE__ */ t.createElement(E, _.cn("SListItem", {}), /* @__PURE__ */ t.createElement(s, _.cn("SBreadcrumbsItem", p({}, x({
-        "use:tabIndex": i || c ? -1 : P,
-        "use:href": !i && !c ? C : void 0,
-        "aria-current": i ? "page" : void 0,
-        "use:tag": i ? "span" : k
-      }, a))))), /* @__PURE__ */ t.createElement(w, _.cn("SSeparator", {
+    value: function render() {
+      var _ref2 = this.asProps, _ref4;
+      var SBreadcrumbsItem = Box;
+      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;
+      var SSeparator2 = "div";
+      var SListItem = "li";
+      return _ref4 = sstyled(styles), /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(SListItem, _ref4.cn("SListItem", {}), /* @__PURE__ */ React.createElement(SBreadcrumbsItem, _ref4.cn("SBreadcrumbsItem", _objectSpread({}, assignProps({
+        "use:tabIndex": active || disabled ? -1 : tabIndex,
+        "use:href": !active && !disabled ? href : void 0,
+        "aria-current": active ? "page" : void 0,
+        "use:tag": active ? "span" : tag
+      }, _ref2))))), /* @__PURE__ */ React.createElement(SSeparator2, _ref4.cn("SSeparator", {
         "aria-hidden": "true"
-      }), b));
+      }), separator));
     }
-  }]), e;
-}(B);
-n(l, "defaultProps", {
+  }]);
+  return Item2;
+}(Component);
+_defineProperty(Item, "defaultProps", {
   tag: "a",
-  locale: "en"
+  locale: "en",
+  tabIndex: 0
 });
-n(l, "enhance", [T()]);
-const X = $(g, {
-  Item: l
+const Breadcrumbs$1 = createComponent(Breadcrumbs, {
+  Item
 });
 export {
-  X as default
+  Breadcrumbs$1 as default
 };

package/lib/esm/index.mjs

@@ -1,4 +1,4 @@
-import { default as o } from "./Breadcrumbs.mjs";
+import { default as default2 } from "./Breadcrumbs.mjs";
 export {
-  o as default
+  default2 as default
 };

package/lib/esm/translations/__intergalactic-dynamic-locales.mjs

@@ -1,33 +1,33 @@
-import r from "./de.json.mjs";
-import o from "./en.json.mjs";
-import m from "./es.json.mjs";
-import t from "./fr.json.mjs";
-import i from "./it.json.mjs";
-import p from "./ja.json.mjs";
-import f from "./ko.json.mjs";
-import e from "./nl.json.mjs";
-import s from "./pt.json.mjs";
-import a from "./tr.json.mjs";
-import l from "./vi.json.mjs";
-import v from "./zh.json.mjs";
-import d from "./pl.json.mjs";
-import n from "./sv.json.mjs";
-var B = {
-  de: r,
-  en: o,
-  es: m,
-  fr: t,
-  it: i,
-  ja: p,
-  ko: f,
-  nl: e,
-  pt: s,
-  tr: a,
-  vi: l,
-  zh: v,
-  pl: d,
-  sv: n
+import de from "./de.json.mjs";
+import en from "./en.json.mjs";
+import es from "./es.json.mjs";
+import fr from "./fr.json.mjs";
+import it from "./it.json.mjs";
+import ja from "./ja.json.mjs";
+import ko from "./ko.json.mjs";
+import nl from "./nl.json.mjs";
+import pt from "./pt.json.mjs";
+import tr from "./tr.json.mjs";
+import vi from "./vi.json.mjs";
+import zh from "./zh.json.mjs";
+import pl from "./pl.json.mjs";
+import sv from "./sv.json.mjs";
+var localizedMessages = {
+  de,
+  en,
+  es,
+  fr,
+  it,
+  ja,
+  ko,
+  nl,
+  pt,
+  tr,
+  vi,
+  zh,
+  pl,
+  sv
 };
 export {
-  B as localizedMessages
+  localizedMessages
 };

package/lib/esm/translations/de.json.mjs

@@ -1,7 +1,8 @@
-const r = "Breadcrumbs", e = {
-  breadcrumbs: r
+const breadcrumbs = "Breadcrumbs";
+const de = {
+  breadcrumbs
 };
 export {
-  r as breadcrumbs,
-  e as default
+  breadcrumbs,
+  de as default
 };

package/lib/esm/translations/en.json.mjs

@@ -1,7 +1,8 @@
-const r = "Breadcrumbs", e = {
-  breadcrumbs: r
+const breadcrumbs = "Breadcrumbs";
+const en = {
+  breadcrumbs
 };
 export {
-  r as breadcrumbs,
-  e as default
+  breadcrumbs,
+  en as default
 };

package/lib/esm/translations/es.json.mjs

@@ -1,7 +1,8 @@
-const s = "Migas de pan", a = {
-  breadcrumbs: s
+const breadcrumbs = "Migas de pan";
+const es = {
+  breadcrumbs
 };
 export {
-  s as breadcrumbs,
-  a as default
+  breadcrumbs,
+  es as default
 };

package/lib/esm/translations/fr.json.mjs

@@ -1,7 +1,8 @@
-const e = "Miettes de pain", r = {
-  breadcrumbs: e
+const breadcrumbs = "Miettes de pain";
+const fr = {
+  breadcrumbs
 };
 export {
-  e as breadcrumbs,
-  r as default
+  breadcrumbs,
+  fr as default
 };

package/lib/esm/translations/it.json.mjs

@@ -1,7 +1,8 @@
-const r = "Breadcrumb", a = {
-  breadcrumbs: r
+const breadcrumbs = "Breadcrumb";
+const it = {
+  breadcrumbs
 };
 export {
-  r as breadcrumbs,
-  a as default
+  breadcrumbs,
+  it as default
 };

package/lib/esm/translations/ja.json.mjs

@@ -1,7 +1,8 @@
-const a = "パンくず", r = {
-  breadcrumbs: a
+const breadcrumbs = "パンくず";
+const ja = {
+  breadcrumbs
 };
 export {
-  a as breadcrumbs,
-  r as default
+  breadcrumbs,
+  ja as default
 };

package/lib/esm/translations/ko.json.mjs

@@ -1,7 +1,8 @@
-const r = "이동 경로", s = {
-  breadcrumbs: r
+const breadcrumbs = "이동 경로";
+const ko = {
+  breadcrumbs
 };
 export {
-  r as breadcrumbs,
-  s as default
+  breadcrumbs,
+  ko as default
 };

package/lib/esm/translations/nl.json.mjs

@@ -1,7 +1,8 @@
-const r = "Breadcrumbs", s = {
-  breadcrumbs: r
+const breadcrumbs = "Breadcrumbs";
+const nl = {
+  breadcrumbs
 };
 export {
-  r as breadcrumbs,
-  s as default
+  breadcrumbs,
+  nl as default
 };

package/lib/esm/translations/pl.json.mjs

@@ -1,7 +1,8 @@
-const r = "Okruszki", s = {
-  breadcrumbs: r
+const breadcrumbs = "Okruszki";
+const pl = {
+  breadcrumbs
 };
 export {
-  r as breadcrumbs,
-  s as default
+  breadcrumbs,
+  pl as default
 };

package/lib/esm/translations/pt.json.mjs

@@ -1,7 +1,8 @@
-const a = "Trilhas de navegação", e = {
-  breadcrumbs: a
+const breadcrumbs = "Trilhas de navegação";
+const pt = {
+  breadcrumbs
 };
 export {
-  a as breadcrumbs,
-  e as default
+  breadcrumbs,
+  pt as default
 };

package/lib/esm/translations/sv.json.mjs

@@ -1,7 +1,8 @@
-const r = "Brödsmulor", s = {
-  breadcrumbs: r
+const breadcrumbs = "Brödsmulor";
+const sv = {
+  breadcrumbs
 };
 export {
-  r as breadcrumbs,
-  s as default
+  breadcrumbs,
+  sv as default
 };

package/lib/esm/translations/tr.json.mjs

@@ -1,7 +1,8 @@
-const r = "İçerik haritası", a = {
-  breadcrumbs: r
+const breadcrumbs = "İçerik haritası";
+const tr = {
+  breadcrumbs
 };
 export {
-  r as breadcrumbs,
-  a as default
+  breadcrumbs,
+  tr as default
 };

package/lib/esm/translations/vi.json.mjs

@@ -1,7 +1,8 @@
-const b = "Vụ bánh mì", r = {
-  breadcrumbs: b
+const breadcrumbs = "Vụ bánh mì";
+const vi = {
+  breadcrumbs
 };
 export {
-  b as breadcrumbs,
-  r as default
+  breadcrumbs,
+  vi as default
 };

package/lib/esm/translations/zh.json.mjs

@@ -1,7 +1,8 @@
-const r = "面包屑", s = {
-  breadcrumbs: r
+const breadcrumbs = "面包屑";
+const zh = {
+  breadcrumbs
 };
 export {
-  r as breadcrumbs,
-  s as default
+  breadcrumbs,
+  zh as default
 };

package/lib/types/index.d.ts

@@ -1,6 +1,6 @@
 import { PropGetterFn, UnknownProperties, Intergalactic } from '@semcore/core';
 import { BoxProps } from '@semcore/flex-box';
-import { KeyboardFocusProps } from '@semcore/utils/lib/enhances/keyboardFocusEnhance';
+import { KeyboardFocusProps } from '@semcore/core/lib/utils/enhances/keyboardFocusEnhance';
 
 /** @deprecated */
 export interface IBreadcrumbsProps extends BreadcrumbsProps, UnknownProperties {}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@semcore/breadcrumbs",
   "description": "Semrush Breadcrumbs Component",
-  "version": "5.48.1",
+  "version": "16.0.0-prerelease.10",
   "main": "lib/cjs/index.js",
   "module": "lib/es6/index.js",
   "typings": "lib/types/index.d.ts",
@@ -14,14 +14,11 @@
     "types": "./lib/types/index.d.ts"
   },
   "dependencies": {
-    "@semcore/utils": "4.48.1",
-    "@semcore/icon": "4.60.1",
-    "@semcore/flex-box": "5.41.1"
+    "@semcore/icon": "16.0.0-prerelease.10",
+    "@semcore/flex-box": "16.0.0-prerelease.10"
   },
   "peerDependencies": {
-    "@semcore/core": "^2.17.5",
-    "react": "16.8 - 18",
-    "react-dom": "16.8 - 18"
+    "@semcore/base-components": "^16.0.0-prerelease.10"
   },
   "repository": {
     "type": "git",