@semcore/breadcrumbs 16.6.0-prerelease.3 → 17.0.0-prerelease.17

package/CHANGELOG.md

@@ -2,11 +2,23 @@
 
 CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangelog.com/en/1.0.0/).
 
-## [16.6.0] - 2025-10-27
+## [17.0.0] - 2026-02-18
+
+### BREAK
+
+- New major version.
+
+## [16.5.4] - 2025-11-17
+
+### Changed
+
+- Version patch update due to children dependencies update (`@semcore/icon` [16.7.2 ~> 16.7.3]).
+
+## [16.5.3] - 2025-10-29
 
 ### Changed
 
-- Version minor update due to children dependencies update (`@semcore/icon` [16.5.1 ~> 16.7.2], `@semcore/base-components` [16.4.0 ~> 16.4.1]).
+- Version patch update due to children dependencies update (`@semcore/icon` [16.5.1 ~> 16.7.2], `@semcore/base-components` [16.4.0 ~> 16.4.1]).
 
 ## [16.5.2] - 2025-10-06
 

package/README.md

@@ -2,7 +2,7 @@
 
 [![version](https://img.shields.io/npm/v/@semcore/breadcrumbs.svg)](https://www.npmjs.com/@semcore/breadcrumbs)
 [![downloads](https://img.shields.io/npm/dt/@semcore/breadcrumbs.svg)](https://www.npmjs.com/package/@semcore/breadcrumbs)
-[![License: MIT](https://img.shields.io/badge/License-MIT-green.svg)](https://github.com/semrush/intergalactic/blob/master/LICENSE)
+[![License: MIT](https://img.shields.io/badge/License-MIT-green.svg)](https://github.com/semrush/intergalactic/blob/HEAD/LICENSE)
 
 > This component is part of the Intergalactic Design System
 
@@ -20,13 +20,13 @@ npm install @semcore/breadcrumbs
 
 ## 👤 Author
 
-[UI-kit team](https://github.com/semrush/intergalactic/blob/master/MAINTAINERS) and [others ❤️](https://github.com/semrush/intergalactic/graphs/contributors)
+[UI-kit team](https://github.com/semrush/intergalactic/blob/HEAD/MAINTAINERS) and [others ❤️](https://github.com/semrush/intergalactic/graphs/contributors)
 
 ## 🤝 Contributing
 
 Contributions, issues and feature requests are welcome!
 
-Feel free to check [issues page](https://github.com/semrush/intergalactic/issues). You can also take a look at the [contributing guide](https://github.com/semrush/intergalactic/blob/master/CONTRIBUTING.md).
+Feel free to check [issues page](https://github.com/semrush/intergalactic/issues). You can also take a look at the [contributing guide](https://github.com/semrush/intergalactic/blob/HEAD/CONTRIBUTING.md).
 
 ## Show your support
 
@@ -34,4 +34,4 @@ Give a ⭐️ if this project helped you!
 
 ## 📝 License
 
-This project is [MIT](https://github.com/semrush/intergalactic/blob/master/LICENSE) licensed.
+This project is [MIT](https://github.com/semrush/intergalactic/blob/HEAD/LICENSE) licensed.

package/lib/cjs/Breadcrumbs.js

@@ -1,115 +1,102 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = void 0;
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _callSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/callSuper"));
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+exports.default = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _core = require("@semcore/core");
+var _baseComponents = require("@semcore/base-components");
 var _i18nEnhance = _interopRequireDefault(require("@semcore/core/lib/utils/enhances/i18nEnhance"));
-var _flexBox = require("@semcore/flex-box");
 var _m = _interopRequireDefault(require("@semcore/icon/ChevronRight/m"));
+var _typography = require("@semcore/typography");
 var _react = _interopRequireDefault(require("react"));
 var _intergalacticDynamicLocales = require("./translations/__intergalactic-dynamic-locales");
 /*!__reshadow-styles__:"./style/breadcrumbs.shadow.css"*/
-var style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SBreadcrumbs_1e048_gg_{display:flex;align-items:center;padding:0;margin:0}.___SBreadcrumbs_1e048_gg_ .___SListContainer_1e048_gg_{display:contents;list-style:none;overflow:hidden;margin:0;padding:0}.___SBreadcrumbs_1e048_gg_ .___SListContainer_1e048_gg_ .___SSeparator_1e048_gg_{margin:0 var(--intergalactic-spacing-2x, 8px);color:var(--intergalactic-icon-secondary-neutral, #a9abb6);display:flex}.___SBreadcrumbs_1e048_gg_ .___SListContainer_1e048_gg_ .___SSeparator_1e048_gg_:last-child{display:none}.___SBreadcrumbs_1e048_gg_ .___SListContainer_1e048_gg_ .___SListItem_1e048_gg_{overflow:hidden;padding:4px;margin:-4px}.___SBreadcrumbs_1e048_gg_ .___SListContainer_1e048_gg_ .___SListItem_1e048_gg_ .___SBreadcrumbsItem_1e048_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_1e048_gg_ .___SListContainer_1e048_gg_ .___SListItem_1e048_gg_ .___SBreadcrumbsItem_1e048_gg_:hover{-webkit-text-decoration:underline;text-decoration:underline;color:var(--intergalactic-text-primary, #191b23)}}.___SBreadcrumbs_1e048_gg_ .___SListContainer_1e048_gg_ .___SListItem_1e048_gg_ .___SBreadcrumbsItem_1e048_gg_.__active_1e048_gg_{color:var(--intergalactic-text-primary, #191b23);cursor:default}@media (hover:hover){.___SBreadcrumbs_1e048_gg_ .___SListContainer_1e048_gg_ .___SListItem_1e048_gg_ .___SBreadcrumbsItem_1e048_gg_.__active_1e048_gg_:hover{-webkit-text-decoration:none;text-decoration:none}}", /*__inner_css_end__*/"1e048_gg_"),
+const style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SBreadcrumbs_4o564_gg_{display:flex;align-items:center;padding:0;margin:0}.___SBreadcrumbs_4o564_gg_ .___SListContainer_4o564_gg_{display:contents;list-style:none}.___SBreadcrumbs_4o564_gg_ .___SListContainer_4o564_gg_ .___SSeparator_4o564_gg_{margin:0 var(--intergalactic-spacing-2x, 8px);color:var(--intergalactic-icon-secondary-neutral, #a9abb6);display:flex}.___SBreadcrumbs_4o564_gg_ .___SListContainer_4o564_gg_ .___SSeparator_4o564_gg_:last-child{display:none}.___SBreadcrumbs_4o564_gg_ .___SListContainer_4o564_gg_ .___SListItem_4o564_gg_{overflow:hidden;padding:4px;margin:-4px}.___SBreadcrumbs_4o564_gg_ .___SListContainer_4o564_gg_ .___SListItem_4o564_gg_ .___SBreadcrumbsItem_4o564_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}@media (hover:hover){.___SBreadcrumbs_4o564_gg_ .___SListContainer_4o564_gg_ .___SListItem_4o564_gg_ .___SBreadcrumbsItem_4o564_gg_:hover{-webkit-text-decoration:underline;text-decoration:underline;color:var(--intergalactic-text-primary, #191b23)}}.___SBreadcrumbs_4o564_gg_ .___SListContainer_4o564_gg_ .___SListItem_4o564_gg_ .___SBreadcrumbsItem_4o564_gg_.__active_4o564_gg_{color:var(--intergalactic-text-primary, #191b23);cursor:default}@media (hover:hover){.___SBreadcrumbs_4o564_gg_ .___SListContainer_4o564_gg_ .___SListItem_4o564_gg_ .___SBreadcrumbsItem_4o564_gg_.__active_4o564_gg_:hover{-webkit-text-decoration:none;text-decoration:none}}", /*__inner_css_end__*/"4o564_gg_"),
 /*__reshadow_css_end__*/
 {
-  "__SBreadcrumbs": "___SBreadcrumbs_1e048_gg_",
-  "__SListContainer": "___SListContainer_1e048_gg_",
-  "__SSeparator": "___SSeparator_1e048_gg_",
-  "__SListItem": "___SListItem_1e048_gg_",
-  "__SBreadcrumbsItem": "___SBreadcrumbsItem_1e048_gg_",
-  "_active": "__active_1e048_gg_"
+  "__SBreadcrumbs": "___SBreadcrumbs_4o564_gg_",
+  "__SListContainer": "___SListContainer_4o564_gg_",
+  "__SSeparator": "___SSeparator_4o564_gg_",
+  "__SListItem": "___SListItem_4o564_gg_",
+  "__SBreadcrumbsItem": "___SBreadcrumbsItem_4o564_gg_",
+  "_active": "__active_4o564_gg_"
 });
-var Breadcrumbs = /*#__PURE__*/function (_Component) {
-  function Breadcrumbs() {
-    (0, _classCallCheck2["default"])(this, Breadcrumbs);
-    return (0, _callSuper2["default"])(this, Breadcrumbs, arguments);
+class Breadcrumbs extends _core.Component {
+  getItemProps() {
+    const {
+      separator,
+      locale
+    } = this.asProps;
+    return {
+      separator,
+      locale
+    };
   }
-  (0, _inherits2["default"])(Breadcrumbs, _Component);
-  return (0, _createClass2["default"])(Breadcrumbs, [{
-    key: "getItemProps",
-    value: function getItemProps() {
-      var _this$asProps = this.asProps,
-        separator = _this$asProps.separator,
-        locale = _this$asProps.locale;
-      return {
-        separator: separator,
-        locale: locale
-      };
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _ref = this.asProps,
-        _ref3;
-      var SBreadcrumbs = _flexBox.Box;
-      var SListContainer = 'ol';
-      var _this$asProps2 = this.asProps,
-        styles = _this$asProps2.styles,
-        getI18nText = _this$asProps2.getI18nText,
-        Children = _this$asProps2.Children;
-      return _ref3 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SBreadcrumbs, _ref3.cn("SBreadcrumbs", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
+  render() {
+    var _ref = this.asProps,
+      _ref3;
+    const SBreadcrumbs = _baseComponents.Box;
+    const SListContainer = 'ol';
+    const {
+      styles,
+      getI18nText,
+      Children
+    } = this.asProps;
+    return _ref3 = (0, _core.sstyled)(styles), /*#__PURE__*/_react.default.createElement(SBreadcrumbs, _ref3.cn("SBreadcrumbs", {
+      ...(0, _core.assignProps)({
         "aria-label": getI18nText('breadcrumbs')
-      }, _ref))), /*#__PURE__*/_react["default"].createElement(SListContainer, _ref3.cn("SListContainer", {}), /*#__PURE__*/_react["default"].createElement(Children, _ref3.cn("Children", {}))));
-    }
-  }]);
-}(_core.Component);
-(0, _defineProperty2["default"])(Breadcrumbs, "displayName", 'Breadcrumbs');
-(0, _defineProperty2["default"])(Breadcrumbs, "style", style);
-(0, _defineProperty2["default"])(Breadcrumbs, "enhance", [(0, _i18nEnhance["default"])(_intergalacticDynamicLocales.localizedMessages)]);
-(0, _defineProperty2["default"])(Breadcrumbs, "defaultProps", {
-  separator: /*#__PURE__*/_react["default"].createElement(_m["default"], null),
+      }, _ref)
+    }), /*#__PURE__*/_react.default.createElement(SListContainer, _ref3.cn("SListContainer", {}), /*#__PURE__*/_react.default.createElement(Children, _ref3.cn("Children", {}))));
+  }
+}
+(0, _defineProperty2.default)(Breadcrumbs, "displayName", 'Breadcrumbs');
+(0, _defineProperty2.default)(Breadcrumbs, "style", style);
+(0, _defineProperty2.default)(Breadcrumbs, "enhance", [(0, _i18nEnhance.default)(_intergalacticDynamicLocales.localizedMessages)]);
+(0, _defineProperty2.default)(Breadcrumbs, "defaultProps", {
+  separator: /*#__PURE__*/_react.default.createElement(_m.default, null),
   tag: 'nav',
   i18n: _intergalacticDynamicLocales.localizedMessages,
   locale: 'en'
 });
-var Item = /*#__PURE__*/function (_Component2) {
-  function Item() {
-    (0, _classCallCheck2["default"])(this, Item);
-    return (0, _callSuper2["default"])(this, Item, arguments);
-  }
-  (0, _inherits2["default"])(Item, _Component2);
-  return (0, _createClass2["default"])(Item, [{
-    key: "render",
-    value: function render() {
-      var _ref2 = this.asProps,
-        _ref4;
-      var SBreadcrumbsItem = _flexBox.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 SSeparator = 'div';
-      var SListItem = 'li';
-      return _ref4 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(SListItem, _ref4.cn("SListItem", {}), /*#__PURE__*/_react["default"].createElement(SBreadcrumbsItem, _ref4.cn("SBreadcrumbsItem", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
-        "use:tabIndex": active || disabled ? -1 : tabIndex,
-        "use:href": !active && !disabled ? href : undefined,
-        "aria-current": active ? 'page' : undefined,
-        "use:tag": active ? 'span' : tag
-      }, _ref2))))), /*#__PURE__*/_react["default"].createElement(SSeparator, _ref4.cn("SSeparator", {
-        "aria-hidden": 'true'
-      }), separator));
-    }
-  }]);
-}(_core.Component);
-(0, _defineProperty2["default"])(Item, "defaultProps", {
+function Item(props) {
+  var _ref2 = arguments[0],
+    _ref4;
+  const SBreadcrumbsItem = _typography.Text;
+  const {
+    styles,
+    separator,
+    active,
+    disabled,
+    href,
+    tabIndex,
+    tag,
+    ellipsis = true,
+    hintProps
+  } = props;
+  const SSeparator = 'div';
+  const SListItem = 'li';
+  return _ref4 = (0, _core.sstyled)(styles), /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(SListItem, _ref4.cn("SListItem", {}), /*#__PURE__*/_react.default.createElement(SBreadcrumbsItem, _ref4.cn("SBreadcrumbsItem", {
+    ...(0, _core.assignProps)({
+      "use:tabIndex": active || disabled ? -1 : tabIndex,
+      "use:href": !active && !disabled ? href : undefined,
+      "aria-current": active ? 'page' : undefined,
+      "use:tag": active ? 'span' : tag,
+      "ellipsis": ellipsis,
+      "hintProps": hintProps
+    }, _ref2)
+  }))), /*#__PURE__*/_react.default.createElement(SSeparator, _ref4.cn("SSeparator", {
+    "aria-hidden": 'true'
+  }), separator));
+}
+Item.defaultProps = {
   tag: 'a',
   locale: 'en',
   tabIndex: 0
-});
-var _default = exports["default"] = (0, _core.createComponent)(Breadcrumbs, {
-  Item: Item
+};
+var _default = exports.default = (0, _core.createComponent)(Breadcrumbs, {
+  Item
 });
 //# sourceMappingURL=Breadcrumbs.js.map

package/lib/cjs/Breadcrumbs.js.map

@@ -1 +1 @@
-{"version":3,"file":"Breadcrumbs.js","names":["_core","require","_i18nEnhance","_interopRequireDefault","_flexBox","_m","_react","_intergalacticDynamicLocales","style","sstyled","insert","Breadcrumbs","_Component","_classCallCheck2","_callSuper2","arguments","_inherits2","_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","_ref2","_ref4","SBreadcrumbsItem","_this$asProps3","active","disabled","href","tabIndex","SSeparator","SListItem","Fragment","undefined","_default","exports","createComponent"],"sources":["../../src/Breadcrumbs.jsx"],"sourcesContent":["import { createComponent, Component, sstyled, Root } from '@semcore/core';\nimport i18nEnhance from '@semcore/core/lib/utils/enhances/i18nEnhance';\nimport { Box } from '@semcore/flex-box';\nimport SSeparator from '@semcore/icon/ChevronRight/m';\nimport React from 'react';\n\nimport style from './style/breadcrumbs.shadow.css';\nimport { localizedMessages } from './translations/__intergalactic-dynamic-locales';\n\nclass Breadcrumbs extends Component {\n  static displayName = 'Breadcrumbs';\n  static style = style;\n  static enhance = [i18nEnhance(localizedMessages)];\n  static defaultProps = {\n    separator: <SSeparator />,\n    tag: 'nav',\n    i18n: localizedMessages,\n    locale: 'en',\n  };\n\n  getItemProps() {\n    const { separator, locale } = this.asProps;\n    return {\n      separator,\n      locale,\n    };\n  }\n\n  render() {\n    const SBreadcrumbs = Root;\n    const SListContainer = 'ol';\n    const { styles, getI18nText, Children } = this.asProps;\n    return sstyled(styles)(\n      <SBreadcrumbs render={Box} aria-label={getI18nText('breadcrumbs')}>\n        <SListContainer>\n          <Children />\n        </SListContainer>\n      </SBreadcrumbs>,\n    );\n  }\n}\n\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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","ignoreList":[]}
+{"version":3,"file":"Breadcrumbs.js","names":["_core","require","_baseComponents","_i18nEnhance","_interopRequireDefault","_m","_typography","_react","_intergalacticDynamicLocales","style","sstyled","insert","Breadcrumbs","Component","getItemProps","separator","locale","asProps","render","_ref","_ref3","SBreadcrumbs","Box","SListContainer","styles","getI18nText","Children","default","createElement","cn","assignProps","_defineProperty2","i18nEnhance","localizedMessages","tag","i18n","Item","props","_ref2","arguments[0]","_ref4","SBreadcrumbsItem","Text","active","disabled","href","tabIndex","ellipsis","hintProps","SSeparator","SListItem","Fragment","undefined","defaultProps","_default","exports","createComponent"],"sources":["../../src/Breadcrumbs.jsx"],"sourcesContent":["import { Box } from '@semcore/base-components';\nimport { createComponent, Component, sstyled, Root } from '@semcore/core';\nimport i18nEnhance from '@semcore/core/lib/utils/enhances/i18nEnhance';\nimport SSeparator from '@semcore/icon/ChevronRight/m';\nimport { Text } from '@semcore/typography';\nimport React from 'react';\n\nimport style from './style/breadcrumbs.shadow.css';\nimport { localizedMessages } from './translations/__intergalactic-dynamic-locales';\n\nclass Breadcrumbs extends Component {\n  static displayName = 'Breadcrumbs';\n  static style = style;\n  static enhance = [i18nEnhance(localizedMessages)];\n  static defaultProps = {\n    separator: <SSeparator />,\n    tag: 'nav',\n    i18n: localizedMessages,\n    locale: 'en',\n  };\n\n  getItemProps() {\n    const { separator, locale } = this.asProps;\n    return {\n      separator,\n      locale,\n    };\n  }\n\n  render() {\n    const SBreadcrumbs = Root;\n    const SListContainer = 'ol';\n    const { styles, getI18nText, Children } = this.asProps;\n    return sstyled(styles)(\n      <SBreadcrumbs render={Box} aria-label={getI18nText('breadcrumbs')}>\n        <SListContainer>\n          <Children />\n        </SListContainer>\n      </SBreadcrumbs>,\n    );\n  }\n}\n\nfunction Item(props) {\n  const SBreadcrumbsItem = Root;\n  const { styles, separator, active, disabled, href, tabIndex, tag, ellipsis = true, hintProps } = props;\n  const SSeparator = 'div';\n  const SListItem = 'li';\n\n  return sstyled(styles)(\n    <>\n      <SListItem>\n        <SBreadcrumbsItem\n          render={Text}\n          use:tabIndex={active || disabled ? -1 : tabIndex}\n          use:href={!active && !disabled ? href : undefined}\n          aria-current={active ? 'page' : undefined}\n          use:tag={active ? 'span' : tag}\n          ellipsis={ellipsis}\n          hintProps={hintProps}\n        />\n      </SListItem>\n      <SSeparator aria-hidden='true'>{separator}</SSeparator>\n    </>,\n  );\n}\nItem.defaultProps = {\n  tag: 'a',\n  locale: 'en',\n  tabIndex: 0,\n};\n\nexport default createComponent(Breadcrumbs, {\n  Item,\n});\n"],"mappings":";;;;;;;;AACA,IAAAA,KAAA,GAAAC,OAAA;AADA,IAAAC,eAAA,GAAAD,OAAA;AAEA,IAAAE,YAAA,GAAAC,sBAAA,CAAAH,OAAA;AACA,IAAAI,EAAA,GAAAD,sBAAA,CAAAH,OAAA;AACA,IAAAK,WAAA,GAAAL,OAAA;AACA,IAAAM,MAAA,GAAAH,sBAAA,CAAAH,OAAA;AAGA,IAAAO,4BAAA,GAAAP,OAAA;AAAmF;AAAA,MAAAQ,KAAA,8BAAAT,KAAA,CAAAU,OAAA,CAAAC,MAAA;AAAA;AAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAEnF,MAAMC,WAAW,SAASC,eAAS,CAAC;EAWlCC,YAAYA,CAAA,EAAG;IACb,MAAM;MAAEC,SAAS;MAAEC;IAAO,CAAC,GAAG,IAAI,CAACC,OAAO;IAC1C,OAAO;MACLF,SAAS;MACTC;IACF,CAAC;EACH;EAEAE,MAAMA,CAAA,EAAG;IAAA,IAAAC,IAAA,QAAAF,OAAA;MAAAG,KAAA;IACP,MAAMC,YAAY,GAIMC,mBAAG;IAH3B,MAAMC,cAAc,GAAG,IAAI;IAC3B,MAAM;MAAEC,MAAM;MAAEC,WAAW;MAAEC;IAAS,CAAC,GAAG,IAAI,CAACT,OAAO;IACtD,OAAAG,KAAA,GAAO,IAAAV,aAAO,EAACc,MAAM,CAAC,eACpBjB,MAAA,CAAAoB,OAAA,CAAAC,aAAA,CAACP,YAAY,EAAAD,KAAA,CAAAS,EAAA;MAAA,OAAA7B,KAAA,CAAA8B,WAAA;QAAA,cAA0BL,WAAW,CAAC,aAAa;MAAC,GAAAN,IAAA;IAAA,iBAC/DZ,MAAA,CAAAoB,OAAA,CAAAC,aAAA,CAACL,cAAc,EAAAH,KAAA,CAAAS,EAAA,qCACbtB,MAAA,CAAAoB,OAAA,CAAAC,aAAA,CAACF,QAAQ,EAAAN,KAAA,CAAAS,EAAA,gBAAE,CACG,CACJ,CAAC;EAEnB;AACF;AAAC,IAAAE,gBAAA,CAAAJ,OAAA,EA/BKf,WAAW,iBACM,aAAa;AAAA,IAAAmB,gBAAA,CAAAJ,OAAA,EAD9Bf,WAAW,WAEAH,KAAK;AAAA,IAAAsB,gBAAA,CAAAJ,OAAA,EAFhBf,WAAW,aAGE,CAAC,IAAAoB,oBAAW,EAACC,8CAAiB,CAAC,CAAC;AAAA,IAAAF,gBAAA,CAAAJ,OAAA,EAH7Cf,WAAW,kBAIO;EACpBG,SAAS,eAAER,MAAA,CAAAoB,OAAA,CAAAC,aAAA,CAACvB,EAAA,CAAAsB,OAAU,MAAE,CAAC;EACzBO,GAAG,EAAE,KAAK;EACVC,IAAI,EAAEF,8CAAiB;EACvBjB,MAAM,EAAE;AACV,CAAC;AAwBH,SAASoB,IAAIA,CAACC,KAAK,EAAE;EAAA,IAAAC,KAAA,GAAAC,YAAA;IAAAC,KAAA;EACnB,MAAMC,gBAAgB,GASNC,gBAAI;EARpB,MAAM;IAAElB,MAAM;IAAET,SAAS;IAAE4B,MAAM;IAAEC,QAAQ;IAAEC,IAAI;IAAEC,QAAQ;IAAEZ,GAAG;IAAEa,QAAQ,GAAG,IAAI;IAAEC;EAAU,CAAC,GAAGX,KAAK;EACtG,MAAMY,UAAU,GAAG,KAAK;EACxB,MAAMC,SAAS,GAAG,IAAI;EAEtB,OAAAV,KAAA,GAAO,IAAA9B,aAAO,EAACc,MAAM,CAAC,eACpBjB,MAAA,CAAAoB,OAAA,CAAAC,aAAA,CAAArB,MAAA,CAAAoB,OAAA,CAAAwB,QAAA,qBACE5C,MAAA,CAAAoB,OAAA,CAAAC,aAAA,CAACsB,SAAS,EAAAV,KAAA,CAAAX,EAAA,gCACRtB,MAAA,CAAAoB,OAAA,CAAAC,aAAA,CAACa,gBAAgB,EAAAD,KAAA,CAAAX,EAAA;IAAA,OAAA7B,KAAA,CAAA8B,WAAA;MAAA,gBAEDa,MAAM,IAAIC,QAAQ,GAAG,CAAC,CAAC,GAAGE,QAAQ;MAAA,YACtC,CAACH,MAAM,IAAI,CAACC,QAAQ,GAAGC,IAAI,GAAGO,SAAS;MAAA,gBACnCT,MAAM,GAAG,MAAM,GAAGS,SAAS;MAAA,WAChCT,MAAM,GAAG,MAAM,GAAGT,GAAG;MAAA,YACpBa,QAAQ;MAAA,aACPC;IAAS,GAAAV,KAAA;EAAA,EACrB,CACQ,CAAC,eACZ/B,MAAA,CAAAoB,OAAA,CAAAC,aAAA,CAACqB,UAAU,EAAAT,KAAA,CAAAX,EAAA;IAAA,eAAa;EAAM,IAAEd,SAAsB,CACtD,CAAC;AAEP;AACAqB,IAAI,CAACiB,YAAY,GAAG;EAClBnB,GAAG,EAAE,GAAG;EACRlB,MAAM,EAAE,IAAI;EACZ8B,QAAQ,EAAE;AACZ,CAAC;AAAC,IAAAQ,QAAA,GAAAC,OAAA,CAAA5B,OAAA,GAEa,IAAA6B,qBAAe,EAAC5C,WAAW,EAAE;EAC1CwB;AACF,CAAC,CAAC","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import type { PropGetterFn, UnknownProperties, Intergalactic } from '@semcore/core';\nimport type { BoxProps } from '@semcore/flex-box';\n\n/** @deprecated */\nexport interface IBreadcrumbsProps extends BreadcrumbsProps, UnknownProperties {}\nexport type BreadcrumbsProps = BoxProps & {\n  /**\n   * Links divider\n   * */\n  separator?: React.ReactNode;\n  /** Specifies the locale for i18n support */\n  locale?: string;\n};\n\n/** @deprecated */\nexport interface IBreadcrumbsItemProps extends BreadcrumbsItemProps, UnknownProperties {}\nexport type BreadcrumbsItemProps = BoxProps & {\n  /** The property is responsible for the activity of the element */\n  active?: boolean;\n  /** Specifies the locale for i18n support */\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":"","ignoreList":[]}
+{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import type { EllipsisSettings, SimpleHintPopperProps, BoxProps } from '@semcore/base-components';\nimport type { PropGetterFn, Intergalactic } from '@semcore/core';\n\nexport type BreadcrumbsProps = BoxProps & {\n  /**\n   * Links divider\n   * */\n  separator?: React.ReactNode;\n  /** Specifies the locale for i18n support */\n  locale?: string;\n};\n\nexport type BreadcrumbsItemProps = BoxProps & {\n  /** The property is responsible for the activity of the element */\n  active?: boolean;\n  /** Specifies the locale for i18n support */\n  locale?: string;\n  /**\n   * Ellipsis settings. You shouldn't use `cropPosition: middle` for breadcrumbs.\n   * If you're sure you need `cropPosition: middle`, set `w` to Breadcrumbs.Item manually, for correct Ellipsis calculations.\n   * @default false\n   */\n  ellipsis?: true | EllipsisSettings;\n  hintProps?: SimpleHintPopperProps;\n};\n\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":"","ignoreList":[]}

package/lib/cjs/index.js

@@ -1,13 +1,13 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 Object.defineProperty(exports, "default", {
   enumerable: true,
-  get: function get() {
-    return _Breadcrumbs["default"];
+  get: function () {
+    return _Breadcrumbs.default;
   }
 });
 var _Breadcrumbs = _interopRequireDefault(require("./Breadcrumbs"));

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

@@ -7,9 +7,6 @@ SBreadcrumbs {
   SListContainer {
     display: contents;
     list-style: none;
-    overflow: hidden;
-    margin: 0;
-    padding: 0;
 
     SSeparator {
       margin: 0 var(--intergalactic-spacing-2x, 8px);
@@ -37,9 +34,6 @@ SBreadcrumbs {
         color: var(--intergalactic-text-secondary, #6c6e79);
         text-decoration: none;
         cursor: pointer;
-        text-overflow: ellipsis;
-        white-space: nowrap;
-        overflow: hidden;
 
         &:hover {
           text-decoration: underline;

package/lib/cjs/translations/__intergalactic-dynamic-locales.js

@@ -1,6 +1,6 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -19,20 +19,20 @@ var _sv = _interopRequireDefault(require("./sv.json"));
 var _tr = _interopRequireDefault(require("./tr.json"));
 var _vi = _interopRequireDefault(require("./vi.json"));
 var _zh = _interopRequireDefault(require("./zh.json"));
-var localizedMessages = exports.localizedMessages = {
-  de: _de["default"],
-  en: _en["default"],
-  es: _es["default"],
-  fr: _fr["default"],
-  it: _it["default"],
-  ja: _ja["default"],
-  ko: _ko["default"],
-  nl: _nl["default"],
-  pt: _pt["default"],
-  tr: _tr["default"],
-  vi: _vi["default"],
-  zh: _zh["default"],
-  pl: _pl["default"],
-  sv: _sv["default"]
+const localizedMessages = exports.localizedMessages = {
+  de: _de.default,
+  en: _en.default,
+  es: _es.default,
+  fr: _fr.default,
+  it: _it.default,
+  ja: _ja.default,
+  ko: _ko.default,
+  nl: _nl.default,
+  pt: _pt.default,
+  tr: _tr.default,
+  vi: _vi.default,
+  zh: _zh.default,
+  pl: _pl.default,
+  sv: _sv.default
 };
 //# sourceMappingURL=__intergalactic-dynamic-locales.js.map

package/lib/cjs/translations/__intergalactic-dynamic-locales.js.map

@@ -1 +1 @@
-{"version":3,"file":"__intergalactic-dynamic-locales.js","names":["_de","_interopRequireDefault","require","_en","_es","_fr","_it","_ja","_ko","_nl","_pl","_pt","_sv","_tr","_vi","_zh","localizedMessages","exports","de","en","es","fr","it","ja","ko","nl","pt","tr","vi","zh","pl","sv"],"sources":["../../../src/translations/__intergalactic-dynamic-locales.ts"],"sourcesContent":["import de from './de.json';\nimport en from './en.json';\nimport es from './es.json';\nimport fr from './fr.json';\nimport it from './it.json';\nimport ja from './ja.json';\nimport ko from './ko.json';\nimport nl from './nl.json';\nimport pl from './pl.json';\nimport pt from './pt.json';\nimport sv from './sv.json';\nimport tr from './tr.json';\nimport vi from './vi.json';\nimport zh from './zh.json';\n\nexport const localizedMessages = {\n  de,\n  en,\n  es,\n  fr,\n  it,\n  ja,\n  ko,\n  nl,\n  pt,\n  tr,\n  vi,\n  zh,\n  pl,\n  sv,\n};\n"],"mappings":";;;;;;;AAAA,IAAAA,GAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,GAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,GAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,GAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,GAAA,GAAAL,sBAAA,CAAAC,OAAA;AACA,IAAAK,GAAA,GAAAN,sBAAA,CAAAC,OAAA;AACA,IAAAM,GAAA,GAAAP,sBAAA,CAAAC,OAAA;AACA,IAAAO,GAAA,GAAAR,sBAAA,CAAAC,OAAA;AACA,IAAAQ,GAAA,GAAAT,sBAAA,CAAAC,OAAA;AACA,IAAAS,GAAA,GAAAV,sBAAA,CAAAC,OAAA;AACA,IAAAU,GAAA,GAAAX,sBAAA,CAAAC,OAAA;AACA,IAAAW,GAAA,GAAAZ,sBAAA,CAAAC,OAAA;AACA,IAAAY,GAAA,GAAAb,sBAAA,CAAAC,OAAA;AACA,IAAAa,GAAA,GAAAd,sBAAA,CAAAC,OAAA;AAEO,IAAMc,iBAAiB,GAAAC,OAAA,CAAAD,iBAAA,GAAG;EAC/BE,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA;AACF,CAAC","ignoreList":[]}
+{"version":3,"file":"__intergalactic-dynamic-locales.js","names":["_de","_interopRequireDefault","require","_en","_es","_fr","_it","_ja","_ko","_nl","_pl","_pt","_sv","_tr","_vi","_zh","localizedMessages","exports","de","en","es","fr","it","ja","ko","nl","pt","tr","vi","zh","pl","sv"],"sources":["../../../src/translations/__intergalactic-dynamic-locales.ts"],"sourcesContent":["import de from './de.json';\nimport en from './en.json';\nimport es from './es.json';\nimport fr from './fr.json';\nimport it from './it.json';\nimport ja from './ja.json';\nimport ko from './ko.json';\nimport nl from './nl.json';\nimport pl from './pl.json';\nimport pt from './pt.json';\nimport sv from './sv.json';\nimport tr from './tr.json';\nimport vi from './vi.json';\nimport zh from './zh.json';\n\nexport const localizedMessages = {\n  de,\n  en,\n  es,\n  fr,\n  it,\n  ja,\n  ko,\n  nl,\n  pt,\n  tr,\n  vi,\n  zh,\n  pl,\n  sv,\n};\n"],"mappings":";;;;;;;AAAA,IAAAA,GAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,GAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,GAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,GAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,GAAA,GAAAL,sBAAA,CAAAC,OAAA;AACA,IAAAK,GAAA,GAAAN,sBAAA,CAAAC,OAAA;AACA,IAAAM,GAAA,GAAAP,sBAAA,CAAAC,OAAA;AACA,IAAAO,GAAA,GAAAR,sBAAA,CAAAC,OAAA;AACA,IAAAQ,GAAA,GAAAT,sBAAA,CAAAC,OAAA;AACA,IAAAS,GAAA,GAAAV,sBAAA,CAAAC,OAAA;AACA,IAAAU,GAAA,GAAAX,sBAAA,CAAAC,OAAA;AACA,IAAAW,GAAA,GAAAZ,sBAAA,CAAAC,OAAA;AACA,IAAAY,GAAA,GAAAb,sBAAA,CAAAC,OAAA;AACA,IAAAa,GAAA,GAAAd,sBAAA,CAAAC,OAAA;AAEO,MAAMc,iBAAiB,GAAAC,OAAA,CAAAD,iBAAA,GAAG;EAC/BE,EAAE,EAAFA,WAAE;EACFC,EAAE,EAAFA,WAAE;EACFC,EAAE,EAAFA,WAAE;EACFC,EAAE,EAAFA,WAAE;EACFC,EAAE,EAAFA,WAAE;EACFC,EAAE,EAAFA,WAAE;EACFC,EAAE,EAAFA,WAAE;EACFC,EAAE,EAAFA,WAAE;EACFC,EAAE,EAAFA,WAAE;EACFC,EAAE,EAAFA,WAAE;EACFC,EAAE,EAAFA,WAAE;EACFC,EAAE,EAAFA,WAAE;EACFC,EAAE,EAAFA,WAAE;EACFC,EAAE,EAAFA;AACF,CAAC","ignoreList":[]}

package/lib/es6/Breadcrumbs.js

@@ -1,63 +1,53 @@
-import _objectSpread from "@babel/runtime/helpers/objectSpread2";
-import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
-import _createClass from "@babel/runtime/helpers/createClass";
-import _callSuper from "@babel/runtime/helpers/callSuper";
-import _inherits from "@babel/runtime/helpers/inherits";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import { sstyled as _sstyled } from "@semcore/core";
 import { assignProps as _assignProps2 } from "@semcore/core";
 import { assignProps as _assignProps } from "@semcore/core";
+import { Box } from '@semcore/base-components';
 import { createComponent, Component, sstyled, Root } from '@semcore/core';
 import i18nEnhance from '@semcore/core/lib/utils/enhances/i18nEnhance';
-import { Box } from '@semcore/flex-box';
 import SSeparator from '@semcore/icon/ChevronRight/m';
+import { Text } from '@semcore/typography';
 import React from 'react';
 /*!__reshadow-styles__:"./style/breadcrumbs.shadow.css"*/
-var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SBreadcrumbs_1e048_gg_{display:flex;align-items:center;padding:0;margin:0}.___SBreadcrumbs_1e048_gg_ .___SListContainer_1e048_gg_{display:contents;list-style:none;overflow:hidden;margin:0;padding:0}.___SBreadcrumbs_1e048_gg_ .___SListContainer_1e048_gg_ .___SSeparator_1e048_gg_{margin:0 var(--intergalactic-spacing-2x, 8px);color:var(--intergalactic-icon-secondary-neutral, #a9abb6);display:flex}.___SBreadcrumbs_1e048_gg_ .___SListContainer_1e048_gg_ .___SSeparator_1e048_gg_:last-child{display:none}.___SBreadcrumbs_1e048_gg_ .___SListContainer_1e048_gg_ .___SListItem_1e048_gg_{overflow:hidden;padding:4px;margin:-4px}.___SBreadcrumbs_1e048_gg_ .___SListContainer_1e048_gg_ .___SListItem_1e048_gg_ .___SBreadcrumbsItem_1e048_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_1e048_gg_ .___SListContainer_1e048_gg_ .___SListItem_1e048_gg_ .___SBreadcrumbsItem_1e048_gg_:hover{-webkit-text-decoration:underline;text-decoration:underline;color:var(--intergalactic-text-primary, #191b23)}}.___SBreadcrumbs_1e048_gg_ .___SListContainer_1e048_gg_ .___SListItem_1e048_gg_ .___SBreadcrumbsItem_1e048_gg_.__active_1e048_gg_{color:var(--intergalactic-text-primary, #191b23);cursor:default}@media (hover:hover){.___SBreadcrumbs_1e048_gg_ .___SListContainer_1e048_gg_ .___SListItem_1e048_gg_ .___SBreadcrumbsItem_1e048_gg_.__active_1e048_gg_:hover{-webkit-text-decoration:none;text-decoration:none}}", /*__inner_css_end__*/"1e048_gg_"),
+const style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SBreadcrumbs_4o564_gg_{display:flex;align-items:center;padding:0;margin:0}.___SBreadcrumbs_4o564_gg_ .___SListContainer_4o564_gg_{display:contents;list-style:none}.___SBreadcrumbs_4o564_gg_ .___SListContainer_4o564_gg_ .___SSeparator_4o564_gg_{margin:0 var(--intergalactic-spacing-2x, 8px);color:var(--intergalactic-icon-secondary-neutral, #a9abb6);display:flex}.___SBreadcrumbs_4o564_gg_ .___SListContainer_4o564_gg_ .___SSeparator_4o564_gg_:last-child{display:none}.___SBreadcrumbs_4o564_gg_ .___SListContainer_4o564_gg_ .___SListItem_4o564_gg_{overflow:hidden;padding:4px;margin:-4px}.___SBreadcrumbs_4o564_gg_ .___SListContainer_4o564_gg_ .___SListItem_4o564_gg_ .___SBreadcrumbsItem_4o564_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}@media (hover:hover){.___SBreadcrumbs_4o564_gg_ .___SListContainer_4o564_gg_ .___SListItem_4o564_gg_ .___SBreadcrumbsItem_4o564_gg_:hover{-webkit-text-decoration:underline;text-decoration:underline;color:var(--intergalactic-text-primary, #191b23)}}.___SBreadcrumbs_4o564_gg_ .___SListContainer_4o564_gg_ .___SListItem_4o564_gg_ .___SBreadcrumbsItem_4o564_gg_.__active_4o564_gg_{color:var(--intergalactic-text-primary, #191b23);cursor:default}@media (hover:hover){.___SBreadcrumbs_4o564_gg_ .___SListContainer_4o564_gg_ .___SListItem_4o564_gg_ .___SBreadcrumbsItem_4o564_gg_.__active_4o564_gg_:hover{-webkit-text-decoration:none;text-decoration:none}}", /*__inner_css_end__*/"4o564_gg_"),
 /*__reshadow_css_end__*/
 {
-  "__SBreadcrumbs": "___SBreadcrumbs_1e048_gg_",
-  "__SListContainer": "___SListContainer_1e048_gg_",
-  "__SSeparator": "___SSeparator_1e048_gg_",
-  "__SListItem": "___SListItem_1e048_gg_",
-  "__SBreadcrumbsItem": "___SBreadcrumbsItem_1e048_gg_",
-  "_active": "__active_1e048_gg_"
+  "__SBreadcrumbs": "___SBreadcrumbs_4o564_gg_",
+  "__SListContainer": "___SListContainer_4o564_gg_",
+  "__SSeparator": "___SSeparator_4o564_gg_",
+  "__SListItem": "___SListItem_4o564_gg_",
+  "__SBreadcrumbsItem": "___SBreadcrumbsItem_4o564_gg_",
+  "_active": "__active_4o564_gg_"
 });
 import { localizedMessages } from './translations/__intergalactic-dynamic-locales';
-var Breadcrumbs = /*#__PURE__*/function (_Component) {
-  function Breadcrumbs() {
-    _classCallCheck(this, Breadcrumbs);
-    return _callSuper(this, Breadcrumbs, arguments);
+class Breadcrumbs extends Component {
+  getItemProps() {
+    const {
+      separator,
+      locale
+    } = this.asProps;
+    return {
+      separator,
+      locale
+    };
   }
-  _inherits(Breadcrumbs, _Component);
-  return _createClass(Breadcrumbs, [{
-    key: "getItemProps",
-    value: function getItemProps() {
-      var _this$asProps = this.asProps,
-        separator = _this$asProps.separator,
-        locale = _this$asProps.locale;
-      return {
-        separator: separator,
-        locale: locale
-      };
-    }
-  }, {
-    key: "render",
-    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({
+  render() {
+    var _ref = this.asProps,
+      _ref3;
+    const SBreadcrumbs = Box;
+    const SListContainer = 'ol';
+    const {
+      styles,
+      getI18nText,
+      Children
+    } = this.asProps;
+    return _ref3 = sstyled(styles), /*#__PURE__*/React.createElement(SBreadcrumbs, _ref3.cn("SBreadcrumbs", {
+      ..._assignProps({
         "aria-label": getI18nText('breadcrumbs')
-      }, _ref))), /*#__PURE__*/React.createElement(SListContainer, _ref3.cn("SListContainer", {}), /*#__PURE__*/React.createElement(Children, _ref3.cn("Children", {}))));
-    }
-  }]);
-}(Component);
+      }, _ref)
+    }), /*#__PURE__*/React.createElement(SListContainer, _ref3.cn("SListContainer", {}), /*#__PURE__*/React.createElement(Children, _ref3.cn("Children", {}))));
+  }
+}
 _defineProperty(Breadcrumbs, "displayName", 'Breadcrumbs');
 _defineProperty(Breadcrumbs, "style", style);
 _defineProperty(Breadcrumbs, "enhance", [i18nEnhance(localizedMessages)]);
@@ -67,45 +57,42 @@ _defineProperty(Breadcrumbs, "defaultProps", {
   i18n: localizedMessages,
   locale: 'en'
 });
-var Item = /*#__PURE__*/function (_Component2) {
-  function Item() {
-    _classCallCheck(this, Item);
-    return _callSuper(this, Item, arguments);
-  }
-  _inherits(Item, _Component2);
-  return _createClass(Item, [{
-    key: "render",
-    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 SSeparator = '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({}, _assignProps2({
-        "use:tabIndex": active || disabled ? -1 : tabIndex,
-        "use:href": !active && !disabled ? href : undefined,
-        "aria-current": active ? 'page' : undefined,
-        "use:tag": active ? 'span' : tag
-      }, _ref2))))), /*#__PURE__*/React.createElement(SSeparator, _ref4.cn("SSeparator", {
-        "aria-hidden": 'true'
-      }), separator));
-    }
-  }]);
-}(Component);
-_defineProperty(Item, "defaultProps", {
+function Item(props) {
+  var _ref2 = arguments[0],
+    _ref4;
+  const SBreadcrumbsItem = Text;
+  const {
+    styles,
+    separator,
+    active,
+    disabled,
+    href,
+    tabIndex,
+    tag,
+    ellipsis = true,
+    hintProps
+  } = props;
+  const SSeparator = 'div';
+  const 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", {
+    ..._assignProps2({
+      "use:tabIndex": active || disabled ? -1 : tabIndex,
+      "use:href": !active && !disabled ? href : undefined,
+      "aria-current": active ? 'page' : undefined,
+      "use:tag": active ? 'span' : tag,
+      "ellipsis": ellipsis,
+      "hintProps": hintProps
+    }, _ref2)
+  }))), /*#__PURE__*/React.createElement(SSeparator, _ref4.cn("SSeparator", {
+    "aria-hidden": 'true'
+  }), separator));
+}
+Item.defaultProps = {
   tag: 'a',
   locale: 'en',
   tabIndex: 0
-});
+};
 export default createComponent(Breadcrumbs, {
-  Item: Item
+  Item
 });
 //# sourceMappingURL=Breadcrumbs.js.map

package/lib/es6/Breadcrumbs.js.map

@@ -1 +1 @@
-{"version":3,"file":"Breadcrumbs.js","names":["createComponent","Component","sstyled","Root","i18nEnhance","Box","SSeparator","React","style","_sstyled","insert","localizedMessages","Breadcrumbs","_Component","_classCallCheck","_callSuper","arguments","_inherits","_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","_ref2","_ref4","SBreadcrumbsItem","_this$asProps3","active","disabled","href","tabIndex","SListItem","Fragment","_assignProps2","undefined"],"sources":["../../src/Breadcrumbs.jsx"],"sourcesContent":["import { createComponent, Component, sstyled, Root } from '@semcore/core';\nimport i18nEnhance from '@semcore/core/lib/utils/enhances/i18nEnhance';\nimport { Box } from '@semcore/flex-box';\nimport SSeparator from '@semcore/icon/ChevronRight/m';\nimport React from 'react';\n\nimport style from './style/breadcrumbs.shadow.css';\nimport { localizedMessages } from './translations/__intergalactic-dynamic-locales';\n\nclass Breadcrumbs extends Component {\n  static displayName = 'Breadcrumbs';\n  static style = style;\n  static enhance = [i18nEnhance(localizedMessages)];\n  static defaultProps = {\n    separator: <SSeparator />,\n    tag: 'nav',\n    i18n: localizedMessages,\n    locale: 'en',\n  };\n\n  getItemProps() {\n    const { separator, locale } = this.asProps;\n    return {\n      separator,\n      locale,\n    };\n  }\n\n  render() {\n    const SBreadcrumbs = Root;\n    const SListContainer = 'ol';\n    const { styles, getI18nText, Children } = this.asProps;\n    return sstyled(styles)(\n      <SBreadcrumbs render={Box} aria-label={getI18nText('breadcrumbs')}>\n        <SListContainer>\n          <Children />\n        </SListContainer>\n      </SBreadcrumbs>,\n    );\n  }\n}\n\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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","ignoreList":[]}
+{"version":3,"file":"Breadcrumbs.js","names":["Box","createComponent","Component","sstyled","Root","i18nEnhance","SSeparator","Text","React","style","_sstyled","insert","localizedMessages","Breadcrumbs","getItemProps","separator","locale","asProps","render","_ref","_ref3","SBreadcrumbs","SListContainer","styles","getI18nText","Children","createElement","cn","_assignProps","_defineProperty","tag","i18n","Item","props","_ref2","arguments[0]","_ref4","SBreadcrumbsItem","active","disabled","href","tabIndex","ellipsis","hintProps","SListItem","Fragment","_assignProps2","undefined","defaultProps"],"sources":["../../src/Breadcrumbs.jsx"],"sourcesContent":["import { Box } from '@semcore/base-components';\nimport { createComponent, Component, sstyled, Root } from '@semcore/core';\nimport i18nEnhance from '@semcore/core/lib/utils/enhances/i18nEnhance';\nimport SSeparator from '@semcore/icon/ChevronRight/m';\nimport { Text } from '@semcore/typography';\nimport React from 'react';\n\nimport style from './style/breadcrumbs.shadow.css';\nimport { localizedMessages } from './translations/__intergalactic-dynamic-locales';\n\nclass Breadcrumbs extends Component {\n  static displayName = 'Breadcrumbs';\n  static style = style;\n  static enhance = [i18nEnhance(localizedMessages)];\n  static defaultProps = {\n    separator: <SSeparator />,\n    tag: 'nav',\n    i18n: localizedMessages,\n    locale: 'en',\n  };\n\n  getItemProps() {\n    const { separator, locale } = this.asProps;\n    return {\n      separator,\n      locale,\n    };\n  }\n\n  render() {\n    const SBreadcrumbs = Root;\n    const SListContainer = 'ol';\n    const { styles, getI18nText, Children } = this.asProps;\n    return sstyled(styles)(\n      <SBreadcrumbs render={Box} aria-label={getI18nText('breadcrumbs')}>\n        <SListContainer>\n          <Children />\n        </SListContainer>\n      </SBreadcrumbs>,\n    );\n  }\n}\n\nfunction Item(props) {\n  const SBreadcrumbsItem = Root;\n  const { styles, separator, active, disabled, href, tabIndex, tag, ellipsis = true, hintProps } = props;\n  const SSeparator = 'div';\n  const SListItem = 'li';\n\n  return sstyled(styles)(\n    <>\n      <SListItem>\n        <SBreadcrumbsItem\n          render={Text}\n          use:tabIndex={active || disabled ? -1 : tabIndex}\n          use:href={!active && !disabled ? href : undefined}\n          aria-current={active ? 'page' : undefined}\n          use:tag={active ? 'span' : tag}\n          ellipsis={ellipsis}\n          hintProps={hintProps}\n        />\n      </SListItem>\n      <SSeparator aria-hidden='true'>{separator}</SSeparator>\n    </>,\n  );\n}\nItem.defaultProps = {\n  tag: 'a',\n  locale: 'en',\n  tabIndex: 0,\n};\n\nexport default createComponent(Breadcrumbs, {\n  Item,\n});\n"],"mappings":"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","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import type { PropGetterFn, UnknownProperties, Intergalactic } from '@semcore/core';\nimport type { BoxProps } from '@semcore/flex-box';\n\n/** @deprecated */\nexport interface IBreadcrumbsProps extends BreadcrumbsProps, UnknownProperties {}\nexport type BreadcrumbsProps = BoxProps & {\n  /**\n   * Links divider\n   * */\n  separator?: React.ReactNode;\n  /** Specifies the locale for i18n support */\n  locale?: string;\n};\n\n/** @deprecated */\nexport interface IBreadcrumbsItemProps extends BreadcrumbsItemProps, UnknownProperties {}\nexport type BreadcrumbsItemProps = BoxProps & {\n  /** The property is responsible for the activity of the element */\n  active?: boolean;\n  /** Specifies the locale for i18n support */\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":"","ignoreList":[]}
+{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import type { EllipsisSettings, SimpleHintPopperProps, BoxProps } from '@semcore/base-components';\nimport type { PropGetterFn, Intergalactic } from '@semcore/core';\n\nexport type BreadcrumbsProps = BoxProps & {\n  /**\n   * Links divider\n   * */\n  separator?: React.ReactNode;\n  /** Specifies the locale for i18n support */\n  locale?: string;\n};\n\nexport type BreadcrumbsItemProps = BoxProps & {\n  /** The property is responsible for the activity of the element */\n  active?: boolean;\n  /** Specifies the locale for i18n support */\n  locale?: string;\n  /**\n   * Ellipsis settings. You shouldn't use `cropPosition: middle` for breadcrumbs.\n   * If you're sure you need `cropPosition: middle`, set `w` to Breadcrumbs.Item manually, for correct Ellipsis calculations.\n   * @default false\n   */\n  ellipsis?: true | EllipsisSettings;\n  hintProps?: SimpleHintPopperProps;\n};\n\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":"","ignoreList":[]}

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

@@ -7,9 +7,6 @@ SBreadcrumbs {
   SListContainer {
     display: contents;
     list-style: none;
-    overflow: hidden;
-    margin: 0;
-    padding: 0;
 
     SSeparator {
       margin: 0 var(--intergalactic-spacing-2x, 8px);
@@ -37,9 +34,6 @@ SBreadcrumbs {
         color: var(--intergalactic-text-secondary, #6c6e79);
         text-decoration: none;
         cursor: pointer;
-        text-overflow: ellipsis;
-        white-space: nowrap;
-        overflow: hidden;
 
         &:hover {
           text-decoration: underline;

package/lib/es6/translations/__intergalactic-dynamic-locales.js

@@ -12,20 +12,20 @@ import sv from './sv.json';
 import tr from './tr.json';
 import vi from './vi.json';
 import zh from './zh.json';
-export var localizedMessages = {
-  de: de,
-  en: en,
-  es: es,
-  fr: fr,
-  it: it,
-  ja: ja,
-  ko: ko,
-  nl: nl,
-  pt: pt,
-  tr: tr,
-  vi: vi,
-  zh: zh,
-  pl: pl,
-  sv: sv
+export const localizedMessages = {
+  de,
+  en,
+  es,
+  fr,
+  it,
+  ja,
+  ko,
+  nl,
+  pt,
+  tr,
+  vi,
+  zh,
+  pl,
+  sv
 };
 //# sourceMappingURL=__intergalactic-dynamic-locales.js.map

package/lib/es6/translations/__intergalactic-dynamic-locales.js.map

@@ -1 +1 @@
-{"version":3,"file":"__intergalactic-dynamic-locales.js","names":["de","en","es","fr","it","ja","ko","nl","pl","pt","sv","tr","vi","zh","localizedMessages"],"sources":["../../../src/translations/__intergalactic-dynamic-locales.ts"],"sourcesContent":["import de from './de.json';\nimport en from './en.json';\nimport es from './es.json';\nimport fr from './fr.json';\nimport it from './it.json';\nimport ja from './ja.json';\nimport ko from './ko.json';\nimport nl from './nl.json';\nimport pl from './pl.json';\nimport pt from './pt.json';\nimport sv from './sv.json';\nimport tr from './tr.json';\nimport vi from './vi.json';\nimport zh from './zh.json';\n\nexport const localizedMessages = {\n  de,\n  en,\n  es,\n  fr,\n  it,\n  ja,\n  ko,\n  nl,\n  pt,\n  tr,\n  vi,\n  zh,\n  pl,\n  sv,\n};\n"],"mappings":"AAAA,OAAOA,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAE1B,OAAO,IAAMC,iBAAiB,GAAG;EAC/Bd,EAAE,EAAFA,EAAE;EACFC,EAAE,EAAFA,EAAE;EACFC,EAAE,EAAFA,EAAE;EACFC,EAAE,EAAFA,EAAE;EACFC,EAAE,EAAFA,EAAE;EACFC,EAAE,EAAFA,EAAE;EACFC,EAAE,EAAFA,EAAE;EACFC,EAAE,EAAFA,EAAE;EACFE,EAAE,EAAFA,EAAE;EACFE,EAAE,EAAFA,EAAE;EACFC,EAAE,EAAFA,EAAE;EACFC,EAAE,EAAFA,EAAE;EACFL,EAAE,EAAFA,EAAE;EACFE,EAAE,EAAFA;AACF,CAAC","ignoreList":[]}
+{"version":3,"file":"__intergalactic-dynamic-locales.js","names":["de","en","es","fr","it","ja","ko","nl","pl","pt","sv","tr","vi","zh","localizedMessages"],"sources":["../../../src/translations/__intergalactic-dynamic-locales.ts"],"sourcesContent":["import de from './de.json';\nimport en from './en.json';\nimport es from './es.json';\nimport fr from './fr.json';\nimport it from './it.json';\nimport ja from './ja.json';\nimport ko from './ko.json';\nimport nl from './nl.json';\nimport pl from './pl.json';\nimport pt from './pt.json';\nimport sv from './sv.json';\nimport tr from './tr.json';\nimport vi from './vi.json';\nimport zh from './zh.json';\n\nexport const localizedMessages = {\n  de,\n  en,\n  es,\n  fr,\n  it,\n  ja,\n  ko,\n  nl,\n  pt,\n  tr,\n  vi,\n  zh,\n  pl,\n  sv,\n};\n"],"mappings":"AAAA,OAAOA,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAE1B,OAAO,MAAMC,iBAAiB,GAAG;EAC/Bd,EAAE;EACFC,EAAE;EACFC,EAAE;EACFC,EAAE;EACFC,EAAE;EACFC,EAAE;EACFC,EAAE;EACFC,EAAE;EACFE,EAAE;EACFE,EAAE;EACFC,EAAE;EACFC,EAAE;EACFL,EAAE;EACFE;AACF,CAAC","ignoreList":[]}

package/lib/esm/Breadcrumbs.mjs

@@ -1,61 +1,56 @@
-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 _callSuper from "@babel/runtime/helpers/esm/callSuper";
-import _inherits from "@babel/runtime/helpers/esm/inherits";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import { createComponent, sstyled, assignProps, Component } from "@semcore/core";
+import { createComponent, sstyled, Component, assignProps } from "@semcore/core";
+import { Box } from "@semcore/base-components";
 import i18nEnhance from "@semcore/core/lib/utils/enhances/i18nEnhance";
-import { Box } from "@semcore/flex-box";
 import SSeparator from "@semcore/icon/ChevronRight/m";
+import { Text } from "@semcore/typography";
 import React from "react";
 import { localizedMessages } from "./translations/__intergalactic-dynamic-locales.mjs";
 /*!__reshadow-styles__:"./style/breadcrumbs.shadow.css"*/
-var style = (
+const style = (
   /*__reshadow_css_start__*/
   (sstyled.insert(
     /*__inner_css_start__*/
-    ".___SBreadcrumbs_1e048_gg_{display:flex;align-items:center;padding:0;margin:0}.___SBreadcrumbs_1e048_gg_ .___SListContainer_1e048_gg_{display:contents;list-style:none;overflow:hidden;margin:0;padding:0}.___SBreadcrumbs_1e048_gg_ .___SListContainer_1e048_gg_ .___SSeparator_1e048_gg_{margin:0 var(--intergalactic-spacing-2x, 8px);color:var(--intergalactic-icon-secondary-neutral, #a9abb6);display:flex}.___SBreadcrumbs_1e048_gg_ .___SListContainer_1e048_gg_ .___SSeparator_1e048_gg_:last-child{display:none}.___SBreadcrumbs_1e048_gg_ .___SListContainer_1e048_gg_ .___SListItem_1e048_gg_{overflow:hidden;padding:4px;margin:-4px}.___SBreadcrumbs_1e048_gg_ .___SListContainer_1e048_gg_ .___SListItem_1e048_gg_ .___SBreadcrumbsItem_1e048_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_1e048_gg_ .___SListContainer_1e048_gg_ .___SListItem_1e048_gg_ .___SBreadcrumbsItem_1e048_gg_:hover{-webkit-text-decoration:underline;text-decoration:underline;color:var(--intergalactic-text-primary, #191b23)}}.___SBreadcrumbs_1e048_gg_ .___SListContainer_1e048_gg_ .___SListItem_1e048_gg_ .___SBreadcrumbsItem_1e048_gg_.__active_1e048_gg_{color:var(--intergalactic-text-primary, #191b23);cursor:default}@media (hover:hover){.___SBreadcrumbs_1e048_gg_ .___SListContainer_1e048_gg_ .___SListItem_1e048_gg_ .___SBreadcrumbsItem_1e048_gg_.__active_1e048_gg_:hover{-webkit-text-decoration:none;text-decoration:none}}",
+    ".___SBreadcrumbs_4o564_gg_{display:flex;align-items:center;padding:0;margin:0}.___SBreadcrumbs_4o564_gg_ .___SListContainer_4o564_gg_{display:contents;list-style:none}.___SBreadcrumbs_4o564_gg_ .___SListContainer_4o564_gg_ .___SSeparator_4o564_gg_{margin:0 var(--intergalactic-spacing-2x, 8px);color:var(--intergalactic-icon-secondary-neutral, #a9abb6);display:flex}.___SBreadcrumbs_4o564_gg_ .___SListContainer_4o564_gg_ .___SSeparator_4o564_gg_:last-child{display:none}.___SBreadcrumbs_4o564_gg_ .___SListContainer_4o564_gg_ .___SListItem_4o564_gg_{overflow:hidden;padding:4px;margin:-4px}.___SBreadcrumbs_4o564_gg_ .___SListContainer_4o564_gg_ .___SListItem_4o564_gg_ .___SBreadcrumbsItem_4o564_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}@media (hover:hover){.___SBreadcrumbs_4o564_gg_ .___SListContainer_4o564_gg_ .___SListItem_4o564_gg_ .___SBreadcrumbsItem_4o564_gg_:hover{-webkit-text-decoration:underline;text-decoration:underline;color:var(--intergalactic-text-primary, #191b23)}}.___SBreadcrumbs_4o564_gg_ .___SListContainer_4o564_gg_ .___SListItem_4o564_gg_ .___SBreadcrumbsItem_4o564_gg_.__active_4o564_gg_{color:var(--intergalactic-text-primary, #191b23);cursor:default}@media (hover:hover){.___SBreadcrumbs_4o564_gg_ .___SListContainer_4o564_gg_ .___SListItem_4o564_gg_ .___SBreadcrumbsItem_4o564_gg_.__active_4o564_gg_:hover{-webkit-text-decoration:none;text-decoration:none}}",
     /*__inner_css_end__*/
-    "1e048_gg_"
+    "4o564_gg_"
   ), /*__reshadow_css_end__*/
   {
-    "__SBreadcrumbs": "___SBreadcrumbs_1e048_gg_",
-    "__SListContainer": "___SListContainer_1e048_gg_",
-    "__SSeparator": "___SSeparator_1e048_gg_",
-    "__SListItem": "___SListItem_1e048_gg_",
-    "__SBreadcrumbsItem": "___SBreadcrumbsItem_1e048_gg_",
-    "_active": "__active_1e048_gg_"
+    "__SBreadcrumbs": "___SBreadcrumbs_4o564_gg_",
+    "__SListContainer": "___SListContainer_4o564_gg_",
+    "__SSeparator": "___SSeparator_4o564_gg_",
+    "__SListItem": "___SListItem_4o564_gg_",
+    "__SBreadcrumbsItem": "___SBreadcrumbsItem_4o564_gg_",
+    "_active": "__active_4o564_gg_"
   })
 );
-var Breadcrumbs = /* @__PURE__ */ (function(_Component) {
-  function Breadcrumbs2() {
-    _classCallCheck(this, Breadcrumbs2);
-    return _callSuper(this, Breadcrumbs2, arguments);
+class Breadcrumbs extends Component {
+  getItemProps() {
+    const {
+      separator,
+      locale
+    } = this.asProps;
+    return {
+      separator,
+      locale
+    };
   }
-  _inherits(Breadcrumbs2, _Component);
-  return _createClass(Breadcrumbs2, [{
-    key: "getItemProps",
-    value: function getItemProps() {
-      var _this$asProps = this.asProps, separator = _this$asProps.separator, locale = _this$asProps.locale;
-      return {
-        separator,
-        locale
-      };
-    }
-  }, {
-    key: "render",
-    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({
+  render() {
+    var _ref = this.asProps, _ref3;
+    const SBreadcrumbs = Box;
+    const SListContainer = "ol";
+    const {
+      styles,
+      getI18nText,
+      Children
+    } = this.asProps;
+    return _ref3 = sstyled(styles), /* @__PURE__ */ React.createElement(SBreadcrumbs, _ref3.cn("SBreadcrumbs", {
+      ...assignProps({
         "aria-label": getI18nText("breadcrumbs")
-      }, _ref))), /* @__PURE__ */ React.createElement(SListContainer, _ref3.cn("SListContainer", {}), /* @__PURE__ */ React.createElement(Children, _ref3.cn("Children", {}))));
-    }
-  }]);
-})(Component);
+      }, _ref)
+    }), /* @__PURE__ */ React.createElement(SListContainer, _ref3.cn("SListContainer", {}), /* @__PURE__ */ React.createElement(Children, _ref3.cn("Children", {}))));
+  }
+}
 _defineProperty(Breadcrumbs, "displayName", "Breadcrumbs");
 _defineProperty(Breadcrumbs, "style", style);
 _defineProperty(Breadcrumbs, "enhance", [i18nEnhance(localizedMessages)]);
@@ -65,39 +60,43 @@ _defineProperty(Breadcrumbs, "defaultProps", {
   i18n: localizedMessages,
   locale: "en"
 });
-var Item = /* @__PURE__ */ (function(_Component2) {
-  function Item2() {
-    _classCallCheck(this, Item2);
-    return _callSuper(this, Item2, arguments);
-  }
-  _inherits(Item2, _Component2);
-  return _createClass(Item2, [{
-    key: "render",
-    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"
-      }), separator));
-    }
-  }]);
-})(Component);
-_defineProperty(Item, "defaultProps", {
+function Item(props) {
+  var _ref2 = arguments[0], _ref4;
+  const SBreadcrumbsItem = Text;
+  const {
+    styles,
+    separator,
+    active,
+    disabled,
+    href,
+    tabIndex,
+    tag,
+    ellipsis = true,
+    hintProps
+  } = props;
+  const SSeparator2 = "div";
+  const 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", {
+    ...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,
+      "ellipsis": ellipsis,
+      "hintProps": hintProps
+    }, _ref2)
+  }))), /* @__PURE__ */ React.createElement(SSeparator2, _ref4.cn("SSeparator", {
+    "aria-hidden": "true"
+  }), separator));
+}
+Item.defaultProps = {
   tag: "a",
   locale: "en",
   tabIndex: 0
-});
-const Breadcrumbs$1 = createComponent(Breadcrumbs, {
+};
+const Breadcrumbs_default = createComponent(Breadcrumbs, {
   Item
 });
 export {
-  Breadcrumbs$1 as default
+  Breadcrumbs_default as default
 };

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

@@ -7,9 +7,6 @@ SBreadcrumbs {
   SListContainer {
     display: contents;
     list-style: none;
-    overflow: hidden;
-    margin: 0;
-    padding: 0;
 
     SSeparator {
       margin: 0 var(--intergalactic-spacing-2x, 8px);
@@ -37,9 +34,6 @@ SBreadcrumbs {
         color: var(--intergalactic-text-secondary, #6c6e79);
         text-decoration: none;
         cursor: pointer;
-        text-overflow: ellipsis;
-        white-space: nowrap;
-        overflow: hidden;
 
         &:hover {
           text-decoration: underline;

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

@@ -12,7 +12,7 @@ import sv from "./sv.json.mjs";
 import tr from "./tr.json.mjs";
 import vi from "./vi.json.mjs";
 import zh from "./zh.json.mjs";
-var localizedMessages = {
+const localizedMessages = {
   de,
   en,
   es,

package/lib/types/index.d.ts

@@ -1,8 +1,6 @@
-import type { PropGetterFn, UnknownProperties, Intergalactic } from '@semcore/core';
-import type { BoxProps } from '@semcore/flex-box';
+import type { EllipsisSettings, SimpleHintPopperProps, BoxProps } from '@semcore/base-components';
+import type { PropGetterFn, Intergalactic } from '@semcore/core';
 
-/** @deprecated */
-export interface IBreadcrumbsProps extends BreadcrumbsProps, UnknownProperties {}
 export type BreadcrumbsProps = BoxProps & {
   /**
    * Links divider
@@ -12,17 +10,20 @@ export type BreadcrumbsProps = BoxProps & {
   locale?: string;
 };
 
-/** @deprecated */
-export interface IBreadcrumbsItemProps extends BreadcrumbsItemProps, UnknownProperties {}
 export type BreadcrumbsItemProps = BoxProps & {
   /** The property is responsible for the activity of the element */
   active?: boolean;
   /** Specifies the locale for i18n support */
   locale?: string;
+  /**
+   * Ellipsis settings. You shouldn't use `cropPosition: middle` for breadcrumbs.
+   * If you're sure you need `cropPosition: middle`, set `w` to Breadcrumbs.Item manually, for correct Ellipsis calculations.
+   * @default false
+   */
+  ellipsis?: true | EllipsisSettings;
+  hintProps?: SimpleHintPopperProps;
 };
 
-/** @deprecated */
-export interface IBreadcrumbsContext extends BreadcrumbsContext, UnknownProperties {}
 export type BreadcrumbsContext = BreadcrumbsProps & {
   getItemProps: PropGetterFn;
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@semcore/breadcrumbs",
   "description": "Semrush Breadcrumbs Component",
-  "version": "16.6.0-prerelease.3",
+  "version": "17.0.0-prerelease.17",
   "main": "lib/cjs/index.js",
   "module": "lib/es6/index.js",
   "typings": "lib/types/index.d.ts",
@@ -14,11 +14,11 @@
     "types": "./lib/types/index.d.ts"
   },
   "dependencies": {
-    "@semcore/icon": "16.7.2-prerelease.3",
-    "@semcore/flex-box": "16.0.11-prerelease.3"
+    "@semcore/typography": "^16.3.3-prerelease.17"
   },
   "peerDependencies": {
-    "@semcore/base-components": "^16.4.1-prerelease.3"
+    "@semcore/base-components": "^17.0.0-prerelease.17",
+    "@semcore/icon": "^16.7.2-prerelease.17"
   },
   "repository": {
     "type": "git",
@@ -26,8 +26,11 @@
     "directory": "semcore/breadcrumbs"
   },
   "devDependencies": {
+    "@semcore/base-components": "17.0.0-prerelease.17",
+    "@semcore/core": "17.0.0-prerelease.17",
     "@semcore/testing-utils": "1.0.0",
-    "@semcore/core": "16.5.1-prerelease.3"
+    "@semcore/icon": "16.7.2-prerelease.17",
+    "@semcore/typography": "16.3.3-prerelease.17"
   },
   "scripts": {
     "build": "pnpm semcore-builder --source=js && pnpm vite build"