@semcore/breadcrumbs 16.5.1 → 16.5.2-prerelease.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +6 -0
- package/lib/cjs/Breadcrumbs.js +10 -13
- package/lib/cjs/Breadcrumbs.js.map +1 -1
- package/lib/es6/Breadcrumbs.js +8 -11
- package/lib/es6/Breadcrumbs.js.map +1 -1
- package/lib/esm/Breadcrumbs.mjs +9 -14
- package/package.json +6 -6
package/CHANGELOG.md
CHANGED
|
@@ -2,6 +2,12 @@
|
|
|
2
2
|
|
|
3
3
|
CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangelog.com/en/1.0.0/).
|
|
4
4
|
|
|
5
|
+
## [16.5.2] - 2025-10-06
|
|
6
|
+
|
|
7
|
+
### Changed
|
|
8
|
+
|
|
9
|
+
- Version patch update due to children dependencies update (`@semcore/base-components` [16.2.3 ~> 16.4.0]).
|
|
10
|
+
|
|
5
11
|
## [16.5.1] - 2025-09-17
|
|
6
12
|
|
|
7
13
|
### Changed
|
package/lib/cjs/Breadcrumbs.js
CHANGED
|
@@ -8,9 +8,7 @@ exports["default"] = void 0;
|
|
|
8
8
|
var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
|
|
9
9
|
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
|
|
10
10
|
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
|
|
11
|
-
var
|
|
12
|
-
var _isNativeReflectConstruct2 = _interopRequireDefault(require("@babel/runtime/helpers/isNativeReflectConstruct"));
|
|
13
|
-
var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
|
|
11
|
+
var _callSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/callSuper"));
|
|
14
12
|
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
15
13
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
16
14
|
var _core = require("@semcore/core");
|
|
@@ -19,22 +17,21 @@ var _flexBox = require("@semcore/flex-box");
|
|
|
19
17
|
var _m = _interopRequireDefault(require("@semcore/icon/ChevronRight/m"));
|
|
20
18
|
var _react = _interopRequireDefault(require("react"));
|
|
21
19
|
var _intergalacticDynamicLocales = require("./translations/__intergalactic-dynamic-locales");
|
|
22
|
-
function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, (0, _isNativeReflectConstruct2["default"])() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2["default"])(t).constructor) : o.apply(t, e)); }
|
|
23
20
|
/*!__reshadow-styles__:"./style/breadcrumbs.shadow.css"*/
|
|
24
|
-
var style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".
|
|
21
|
+
var style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SBreadcrumbs_h8vyr_gg_{display:flex;align-items:center;padding:0;margin:0}.___SBreadcrumbs_h8vyr_gg_ .___SListContainer_h8vyr_gg_{display:contents;list-style:none;overflow:hidden;margin:0;padding:0}.___SBreadcrumbs_h8vyr_gg_ .___SListContainer_h8vyr_gg_ .___SSeparator_h8vyr_gg_{margin:0 var(--intergalactic-spacing-2x, 8px);color:var(--intergalactic-icon-secondary-neutral, #a9abb6);display:flex}.___SBreadcrumbs_h8vyr_gg_ .___SListContainer_h8vyr_gg_ .___SSeparator_h8vyr_gg_:last-child{display:none}.___SBreadcrumbs_h8vyr_gg_ .___SListContainer_h8vyr_gg_ .___SListItem_h8vyr_gg_{overflow:hidden;padding:4px;margin:-4px}.___SBreadcrumbs_h8vyr_gg_ .___SListContainer_h8vyr_gg_ .___SListItem_h8vyr_gg_ .___SBreadcrumbsItem_h8vyr_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_h8vyr_gg_ .___SListContainer_h8vyr_gg_ .___SListItem_h8vyr_gg_ .___SBreadcrumbsItem_h8vyr_gg_:hover{-webkit-text-decoration:underline;text-decoration:underline;color:var(--intergalactic-text-primary, #191b23)}}.___SBreadcrumbs_h8vyr_gg_ .___SListContainer_h8vyr_gg_ .___SListItem_h8vyr_gg_ .___SBreadcrumbsItem_h8vyr_gg_.__active_h8vyr_gg_{color:var(--intergalactic-text-primary, #191b23);cursor:default}@media (hover:hover){.___SBreadcrumbs_h8vyr_gg_ .___SListContainer_h8vyr_gg_ .___SListItem_h8vyr_gg_ .___SBreadcrumbsItem_h8vyr_gg_.__active_h8vyr_gg_:hover{-webkit-text-decoration:none;text-decoration:none}}", /*__inner_css_end__*/"h8vyr_gg_"),
|
|
25
22
|
/*__reshadow_css_end__*/
|
|
26
23
|
{
|
|
27
|
-
"__SBreadcrumbs": "
|
|
28
|
-
"__SListContainer": "
|
|
29
|
-
"__SSeparator": "
|
|
30
|
-
"__SListItem": "
|
|
31
|
-
"__SBreadcrumbsItem": "
|
|
32
|
-
"_active": "
|
|
24
|
+
"__SBreadcrumbs": "___SBreadcrumbs_h8vyr_gg_",
|
|
25
|
+
"__SListContainer": "___SListContainer_h8vyr_gg_",
|
|
26
|
+
"__SSeparator": "___SSeparator_h8vyr_gg_",
|
|
27
|
+
"__SListItem": "___SListItem_h8vyr_gg_",
|
|
28
|
+
"__SBreadcrumbsItem": "___SBreadcrumbsItem_h8vyr_gg_",
|
|
29
|
+
"_active": "__active_h8vyr_gg_"
|
|
33
30
|
});
|
|
34
31
|
var Breadcrumbs = /*#__PURE__*/function (_Component) {
|
|
35
32
|
function Breadcrumbs() {
|
|
36
33
|
(0, _classCallCheck2["default"])(this, Breadcrumbs);
|
|
37
|
-
return
|
|
34
|
+
return (0, _callSuper2["default"])(this, Breadcrumbs, arguments);
|
|
38
35
|
}
|
|
39
36
|
(0, _inherits2["default"])(Breadcrumbs, _Component);
|
|
40
37
|
return (0, _createClass2["default"])(Breadcrumbs, [{
|
|
@@ -77,7 +74,7 @@ var Breadcrumbs = /*#__PURE__*/function (_Component) {
|
|
|
77
74
|
var Item = /*#__PURE__*/function (_Component2) {
|
|
78
75
|
function Item() {
|
|
79
76
|
(0, _classCallCheck2["default"])(this, Item);
|
|
80
|
-
return
|
|
77
|
+
return (0, _callSuper2["default"])(this, Item, arguments);
|
|
81
78
|
}
|
|
82
79
|
(0, _inherits2["default"])(Item, _Component2);
|
|
83
80
|
return (0, _createClass2["default"])(Item, [{
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Breadcrumbs.js","names":["_core","require","_i18nEnhance","_interopRequireDefault","_flexBox","_m","_react","_intergalacticDynamicLocales","
|
|
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":[]}
|
package/lib/es6/Breadcrumbs.js
CHANGED
|
@@ -1,30 +1,27 @@
|
|
|
1
1
|
import _objectSpread from "@babel/runtime/helpers/objectSpread2";
|
|
2
2
|
import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
|
|
3
3
|
import _createClass from "@babel/runtime/helpers/createClass";
|
|
4
|
-
import
|
|
5
|
-
import _isNativeReflectConstruct from "@babel/runtime/helpers/isNativeReflectConstruct";
|
|
6
|
-
import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
|
|
4
|
+
import _callSuper from "@babel/runtime/helpers/callSuper";
|
|
7
5
|
import _inherits from "@babel/runtime/helpers/inherits";
|
|
8
6
|
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
9
7
|
import { sstyled as _sstyled } from "@semcore/core";
|
|
10
8
|
import { assignProps as _assignProps2 } from "@semcore/core";
|
|
11
9
|
import { assignProps as _assignProps } from "@semcore/core";
|
|
12
|
-
function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
|
|
13
10
|
import { createComponent, Component, sstyled, Root } from '@semcore/core';
|
|
14
11
|
import i18nEnhance from '@semcore/core/lib/utils/enhances/i18nEnhance';
|
|
15
12
|
import { Box } from '@semcore/flex-box';
|
|
16
13
|
import SSeparator from '@semcore/icon/ChevronRight/m';
|
|
17
14
|
import React from 'react';
|
|
18
15
|
/*!__reshadow-styles__:"./style/breadcrumbs.shadow.css"*/
|
|
19
|
-
var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".
|
|
16
|
+
var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SBreadcrumbs_h8vyr_gg_{display:flex;align-items:center;padding:0;margin:0}.___SBreadcrumbs_h8vyr_gg_ .___SListContainer_h8vyr_gg_{display:contents;list-style:none;overflow:hidden;margin:0;padding:0}.___SBreadcrumbs_h8vyr_gg_ .___SListContainer_h8vyr_gg_ .___SSeparator_h8vyr_gg_{margin:0 var(--intergalactic-spacing-2x, 8px);color:var(--intergalactic-icon-secondary-neutral, #a9abb6);display:flex}.___SBreadcrumbs_h8vyr_gg_ .___SListContainer_h8vyr_gg_ .___SSeparator_h8vyr_gg_:last-child{display:none}.___SBreadcrumbs_h8vyr_gg_ .___SListContainer_h8vyr_gg_ .___SListItem_h8vyr_gg_{overflow:hidden;padding:4px;margin:-4px}.___SBreadcrumbs_h8vyr_gg_ .___SListContainer_h8vyr_gg_ .___SListItem_h8vyr_gg_ .___SBreadcrumbsItem_h8vyr_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_h8vyr_gg_ .___SListContainer_h8vyr_gg_ .___SListItem_h8vyr_gg_ .___SBreadcrumbsItem_h8vyr_gg_:hover{-webkit-text-decoration:underline;text-decoration:underline;color:var(--intergalactic-text-primary, #191b23)}}.___SBreadcrumbs_h8vyr_gg_ .___SListContainer_h8vyr_gg_ .___SListItem_h8vyr_gg_ .___SBreadcrumbsItem_h8vyr_gg_.__active_h8vyr_gg_{color:var(--intergalactic-text-primary, #191b23);cursor:default}@media (hover:hover){.___SBreadcrumbs_h8vyr_gg_ .___SListContainer_h8vyr_gg_ .___SListItem_h8vyr_gg_ .___SBreadcrumbsItem_h8vyr_gg_.__active_h8vyr_gg_:hover{-webkit-text-decoration:none;text-decoration:none}}", /*__inner_css_end__*/"h8vyr_gg_"),
|
|
20
17
|
/*__reshadow_css_end__*/
|
|
21
18
|
{
|
|
22
|
-
"__SBreadcrumbs": "
|
|
23
|
-
"__SListContainer": "
|
|
24
|
-
"__SSeparator": "
|
|
25
|
-
"__SListItem": "
|
|
26
|
-
"__SBreadcrumbsItem": "
|
|
27
|
-
"_active": "
|
|
19
|
+
"__SBreadcrumbs": "___SBreadcrumbs_h8vyr_gg_",
|
|
20
|
+
"__SListContainer": "___SListContainer_h8vyr_gg_",
|
|
21
|
+
"__SSeparator": "___SSeparator_h8vyr_gg_",
|
|
22
|
+
"__SListItem": "___SListItem_h8vyr_gg_",
|
|
23
|
+
"__SBreadcrumbsItem": "___SBreadcrumbsItem_h8vyr_gg_",
|
|
24
|
+
"_active": "__active_h8vyr_gg_"
|
|
28
25
|
});
|
|
29
26
|
import { localizedMessages } from './translations/__intergalactic-dynamic-locales';
|
|
30
27
|
var Breadcrumbs = /*#__PURE__*/function (_Component) {
|
|
@@ -1 +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":"
|
|
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":[]}
|
package/lib/esm/Breadcrumbs.mjs
CHANGED
|
@@ -1,9 +1,7 @@
|
|
|
1
1
|
import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
|
|
2
2
|
import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
|
|
3
3
|
import _createClass from "@babel/runtime/helpers/esm/createClass";
|
|
4
|
-
import
|
|
5
|
-
import _isNativeReflectConstruct from "@babel/runtime/helpers/esm/isNativeReflectConstruct";
|
|
6
|
-
import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
|
|
4
|
+
import _callSuper from "@babel/runtime/helpers/esm/callSuper";
|
|
7
5
|
import _inherits from "@babel/runtime/helpers/esm/inherits";
|
|
8
6
|
import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
|
|
9
7
|
import { createComponent, sstyled, assignProps, Component } from "@semcore/core";
|
|
@@ -12,25 +10,22 @@ import { Box } from "@semcore/flex-box";
|
|
|
12
10
|
import SSeparator from "@semcore/icon/ChevronRight/m";
|
|
13
11
|
import React from "react";
|
|
14
12
|
import { localizedMessages } from "./translations/__intergalactic-dynamic-locales.mjs";
|
|
15
|
-
function _callSuper(t, o, e) {
|
|
16
|
-
return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e));
|
|
17
|
-
}
|
|
18
13
|
/*!__reshadow-styles__:"./style/breadcrumbs.shadow.css"*/
|
|
19
14
|
var style = (
|
|
20
15
|
/*__reshadow_css_start__*/
|
|
21
16
|
(sstyled.insert(
|
|
22
17
|
/*__inner_css_start__*/
|
|
23
|
-
".
|
|
18
|
+
".___SBreadcrumbs_h8vyr_gg_{display:flex;align-items:center;padding:0;margin:0}.___SBreadcrumbs_h8vyr_gg_ .___SListContainer_h8vyr_gg_{display:contents;list-style:none;overflow:hidden;margin:0;padding:0}.___SBreadcrumbs_h8vyr_gg_ .___SListContainer_h8vyr_gg_ .___SSeparator_h8vyr_gg_{margin:0 var(--intergalactic-spacing-2x, 8px);color:var(--intergalactic-icon-secondary-neutral, #a9abb6);display:flex}.___SBreadcrumbs_h8vyr_gg_ .___SListContainer_h8vyr_gg_ .___SSeparator_h8vyr_gg_:last-child{display:none}.___SBreadcrumbs_h8vyr_gg_ .___SListContainer_h8vyr_gg_ .___SListItem_h8vyr_gg_{overflow:hidden;padding:4px;margin:-4px}.___SBreadcrumbs_h8vyr_gg_ .___SListContainer_h8vyr_gg_ .___SListItem_h8vyr_gg_ .___SBreadcrumbsItem_h8vyr_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_h8vyr_gg_ .___SListContainer_h8vyr_gg_ .___SListItem_h8vyr_gg_ .___SBreadcrumbsItem_h8vyr_gg_:hover{-webkit-text-decoration:underline;text-decoration:underline;color:var(--intergalactic-text-primary, #191b23)}}.___SBreadcrumbs_h8vyr_gg_ .___SListContainer_h8vyr_gg_ .___SListItem_h8vyr_gg_ .___SBreadcrumbsItem_h8vyr_gg_.__active_h8vyr_gg_{color:var(--intergalactic-text-primary, #191b23);cursor:default}@media (hover:hover){.___SBreadcrumbs_h8vyr_gg_ .___SListContainer_h8vyr_gg_ .___SListItem_h8vyr_gg_ .___SBreadcrumbsItem_h8vyr_gg_.__active_h8vyr_gg_:hover{-webkit-text-decoration:none;text-decoration:none}}",
|
|
24
19
|
/*__inner_css_end__*/
|
|
25
|
-
"
|
|
20
|
+
"h8vyr_gg_"
|
|
26
21
|
), /*__reshadow_css_end__*/
|
|
27
22
|
{
|
|
28
|
-
"__SBreadcrumbs": "
|
|
29
|
-
"__SListContainer": "
|
|
30
|
-
"__SSeparator": "
|
|
31
|
-
"__SListItem": "
|
|
32
|
-
"__SBreadcrumbsItem": "
|
|
33
|
-
"_active": "
|
|
23
|
+
"__SBreadcrumbs": "___SBreadcrumbs_h8vyr_gg_",
|
|
24
|
+
"__SListContainer": "___SListContainer_h8vyr_gg_",
|
|
25
|
+
"__SSeparator": "___SSeparator_h8vyr_gg_",
|
|
26
|
+
"__SListItem": "___SListItem_h8vyr_gg_",
|
|
27
|
+
"__SBreadcrumbsItem": "___SBreadcrumbsItem_h8vyr_gg_",
|
|
28
|
+
"_active": "__active_h8vyr_gg_"
|
|
34
29
|
})
|
|
35
30
|
);
|
|
36
31
|
var Breadcrumbs = /* @__PURE__ */ function(_Component) {
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@semcore/breadcrumbs",
|
|
3
3
|
"description": "Semrush Breadcrumbs Component",
|
|
4
|
-
"version": "16.5.
|
|
4
|
+
"version": "16.5.2-prerelease.3",
|
|
5
5
|
"main": "lib/cjs/index.js",
|
|
6
6
|
"module": "lib/es6/index.js",
|
|
7
7
|
"typings": "lib/types/index.d.ts",
|
|
@@ -14,11 +14,11 @@
|
|
|
14
14
|
"types": "./lib/types/index.d.ts"
|
|
15
15
|
},
|
|
16
16
|
"dependencies": {
|
|
17
|
-
"@semcore/icon": "16.
|
|
18
|
-
"@semcore/flex-box": "16.0.
|
|
17
|
+
"@semcore/icon": "16.5.1-prerelease.3",
|
|
18
|
+
"@semcore/flex-box": "16.0.10-prerelease.3"
|
|
19
19
|
},
|
|
20
20
|
"peerDependencies": {
|
|
21
|
-
"@semcore/base-components": "^16.0.
|
|
21
|
+
"@semcore/base-components": "^16.4.0-prerelease.3"
|
|
22
22
|
},
|
|
23
23
|
"repository": {
|
|
24
24
|
"type": "git",
|
|
@@ -26,8 +26,8 @@
|
|
|
26
26
|
"directory": "semcore/breadcrumbs"
|
|
27
27
|
},
|
|
28
28
|
"devDependencies": {
|
|
29
|
-
"@semcore/
|
|
30
|
-
"@semcore/
|
|
29
|
+
"@semcore/core": "16.5.0-prerelease.3",
|
|
30
|
+
"@semcore/testing-utils": "1.0.0"
|
|
31
31
|
},
|
|
32
32
|
"scripts": {
|
|
33
33
|
"build": "pnpm semcore-builder --source=js && pnpm vite build"
|