@semcore/breadcrumbs 5.48.2-prerelease.5 → 5.49.0-prerelease.0
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 +8 -8
- package/lib/es6/Breadcrumbs.js +8 -8
- package/lib/esm/Breadcrumbs.mjs +41 -41
- package/package.json +5 -5
package/CHANGELOG.md
CHANGED
|
@@ -2,6 +2,12 @@
|
|
|
2
2
|
|
|
3
3
|
CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangelog.com/en/1.0.0/).
|
|
4
4
|
|
|
5
|
+
## [5.49.0] - 2025-04-11
|
|
6
|
+
|
|
7
|
+
### Changed
|
|
8
|
+
|
|
9
|
+
- Version minor update due to children dependencies update (`@semcore/icon` [4.60.2 ~> 4.61.0]).
|
|
10
|
+
|
|
5
11
|
## [5.48.2] - 2025-04-04
|
|
6
12
|
|
|
7
13
|
### Changed
|
package/lib/cjs/Breadcrumbs.js
CHANGED
|
@@ -21,14 +21,14 @@ var _keyboardFocusEnhance = _interopRequireDefault(require("@semcore/utils/lib/e
|
|
|
21
21
|
var _intergalacticDynamicLocales = require("./translations/__intergalactic-dynamic-locales");
|
|
22
22
|
var _i18nEnhance = _interopRequireDefault(require("@semcore/utils/lib/enhances/i18nEnhance"));
|
|
23
23
|
/*__reshadow-styles__:"./style/breadcrumbs.shadow.css"*/
|
|
24
|
-
var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".
|
|
25
|
-
"__SBreadcrumbs": "
|
|
26
|
-
"__SListContainer": "
|
|
27
|
-
"__SSeparator": "
|
|
28
|
-
"__SListItem": "
|
|
29
|
-
"__SBreadcrumbsItem": "
|
|
30
|
-
"_keyboardFocused": "
|
|
31
|
-
"_active": "
|
|
24
|
+
var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SBreadcrumbs_165s2_gg_{display:flex;align-items:center;padding:0;margin:0}.___SBreadcrumbs_165s2_gg_ .___SListContainer_165s2_gg_{display:contents;list-style:none;overflow:hidden;margin:0;padding:0}.___SBreadcrumbs_165s2_gg_ .___SListContainer_165s2_gg_ .___SSeparator_165s2_gg_{margin:0 var(--intergalactic-spacing-2x, 8px);color:var(--intergalactic-icon-secondary-neutral, #a9abb6);display:flex}.___SBreadcrumbs_165s2_gg_ .___SListContainer_165s2_gg_ .___SSeparator_165s2_gg_:last-child{display:none}.___SBreadcrumbs_165s2_gg_ .___SListContainer_165s2_gg_ .___SListItem_165s2_gg_{overflow:hidden;padding:3px;margin:-3px}.___SBreadcrumbs_165s2_gg_ .___SListContainer_165s2_gg_ .___SListItem_165s2_gg_ .___SBreadcrumbsItem_165s2_gg_{width:100%;display:block;position:relative;font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%);color:var(--intergalactic-text-secondary, #6c6e79);-webkit-text-decoration:none;text-decoration:none;cursor:pointer;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}@media (hover:hover){.___SBreadcrumbs_165s2_gg_ .___SListContainer_165s2_gg_ .___SListItem_165s2_gg_ .___SBreadcrumbsItem_165s2_gg_:hover{-webkit-text-decoration:underline;text-decoration:underline;color:var(--intergalactic-text-primary, #191b23)}}.___SBreadcrumbs_165s2_gg_ .___SListContainer_165s2_gg_ .___SListItem_165s2_gg_ .___SBreadcrumbsItem_165s2_gg_.__keyboardFocused_165s2_gg_{outline:0;box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SBreadcrumbs_165s2_gg_ .___SListContainer_165s2_gg_ .___SListItem_165s2_gg_ .___SBreadcrumbsItem_165s2_gg_.__active_165s2_gg_{color:var(--intergalactic-text-primary, #191b23);cursor:default}@media (hover:hover){.___SBreadcrumbs_165s2_gg_ .___SListContainer_165s2_gg_ .___SListItem_165s2_gg_ .___SBreadcrumbsItem_165s2_gg_.__active_165s2_gg_:hover{-webkit-text-decoration:none;text-decoration:none}}" /*__inner_css_end__*/, "165s2_gg_") /*__reshadow_css_end__*/, {
|
|
25
|
+
"__SBreadcrumbs": "___SBreadcrumbs_165s2_gg_",
|
|
26
|
+
"__SListContainer": "___SListContainer_165s2_gg_",
|
|
27
|
+
"__SSeparator": "___SSeparator_165s2_gg_",
|
|
28
|
+
"__SListItem": "___SListItem_165s2_gg_",
|
|
29
|
+
"__SBreadcrumbsItem": "___SBreadcrumbsItem_165s2_gg_",
|
|
30
|
+
"_keyboardFocused": "__keyboardFocused_165s2_gg_",
|
|
31
|
+
"_active": "__active_165s2_gg_"
|
|
32
32
|
});
|
|
33
33
|
var Breadcrumbs = /*#__PURE__*/function (_Component) {
|
|
34
34
|
(0, _inherits2["default"])(Breadcrumbs, _Component);
|
package/lib/es6/Breadcrumbs.js
CHANGED
|
@@ -15,14 +15,14 @@ import keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhan
|
|
|
15
15
|
import { localizedMessages } from './translations/__intergalactic-dynamic-locales';
|
|
16
16
|
import i18nEnhance from '@semcore/utils/lib/enhances/i18nEnhance';
|
|
17
17
|
/*__reshadow-styles__:"./style/breadcrumbs.shadow.css"*/
|
|
18
|
-
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".
|
|
19
|
-
"__SBreadcrumbs": "
|
|
20
|
-
"__SListContainer": "
|
|
21
|
-
"__SSeparator": "
|
|
22
|
-
"__SListItem": "
|
|
23
|
-
"__SBreadcrumbsItem": "
|
|
24
|
-
"_keyboardFocused": "
|
|
25
|
-
"_active": "
|
|
18
|
+
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SBreadcrumbs_165s2_gg_{display:flex;align-items:center;padding:0;margin:0}.___SBreadcrumbs_165s2_gg_ .___SListContainer_165s2_gg_{display:contents;list-style:none;overflow:hidden;margin:0;padding:0}.___SBreadcrumbs_165s2_gg_ .___SListContainer_165s2_gg_ .___SSeparator_165s2_gg_{margin:0 var(--intergalactic-spacing-2x, 8px);color:var(--intergalactic-icon-secondary-neutral, #a9abb6);display:flex}.___SBreadcrumbs_165s2_gg_ .___SListContainer_165s2_gg_ .___SSeparator_165s2_gg_:last-child{display:none}.___SBreadcrumbs_165s2_gg_ .___SListContainer_165s2_gg_ .___SListItem_165s2_gg_{overflow:hidden;padding:3px;margin:-3px}.___SBreadcrumbs_165s2_gg_ .___SListContainer_165s2_gg_ .___SListItem_165s2_gg_ .___SBreadcrumbsItem_165s2_gg_{width:100%;display:block;position:relative;font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%);color:var(--intergalactic-text-secondary, #6c6e79);-webkit-text-decoration:none;text-decoration:none;cursor:pointer;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}@media (hover:hover){.___SBreadcrumbs_165s2_gg_ .___SListContainer_165s2_gg_ .___SListItem_165s2_gg_ .___SBreadcrumbsItem_165s2_gg_:hover{-webkit-text-decoration:underline;text-decoration:underline;color:var(--intergalactic-text-primary, #191b23)}}.___SBreadcrumbs_165s2_gg_ .___SListContainer_165s2_gg_ .___SListItem_165s2_gg_ .___SBreadcrumbsItem_165s2_gg_.__keyboardFocused_165s2_gg_{outline:0;box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SBreadcrumbs_165s2_gg_ .___SListContainer_165s2_gg_ .___SListItem_165s2_gg_ .___SBreadcrumbsItem_165s2_gg_.__active_165s2_gg_{color:var(--intergalactic-text-primary, #191b23);cursor:default}@media (hover:hover){.___SBreadcrumbs_165s2_gg_ .___SListContainer_165s2_gg_ .___SListItem_165s2_gg_ .___SBreadcrumbsItem_165s2_gg_.__active_165s2_gg_:hover{-webkit-text-decoration:none;text-decoration:none}}" /*__inner_css_end__*/, "165s2_gg_") /*__reshadow_css_end__*/, {
|
|
19
|
+
"__SBreadcrumbs": "___SBreadcrumbs_165s2_gg_",
|
|
20
|
+
"__SListContainer": "___SListContainer_165s2_gg_",
|
|
21
|
+
"__SSeparator": "___SSeparator_165s2_gg_",
|
|
22
|
+
"__SListItem": "___SListItem_165s2_gg_",
|
|
23
|
+
"__SBreadcrumbsItem": "___SBreadcrumbsItem_165s2_gg_",
|
|
24
|
+
"_keyboardFocused": "__keyboardFocused_165s2_gg_",
|
|
25
|
+
"_active": "__active_165s2_gg_"
|
|
26
26
|
});
|
|
27
27
|
var Breadcrumbs = /*#__PURE__*/function (_Component) {
|
|
28
28
|
_inherits(Breadcrumbs, _Component);
|
package/lib/esm/Breadcrumbs.mjs
CHANGED
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
import
|
|
2
|
-
import
|
|
3
|
-
import
|
|
4
|
-
import
|
|
5
|
-
import
|
|
1
|
+
import S from "@babel/runtime/helpers/esm/objectSpread2";
|
|
2
|
+
import b from "@babel/runtime/helpers/esm/classCallCheck";
|
|
3
|
+
import v from "@babel/runtime/helpers/esm/createClass";
|
|
4
|
+
import f from "@babel/runtime/helpers/esm/inherits";
|
|
5
|
+
import h from "@babel/runtime/helpers/esm/createSuper";
|
|
6
6
|
import i from "@babel/runtime/helpers/esm/defineProperty";
|
|
7
7
|
import { sstyled as F } from "@semcore/utils/lib/core/index";
|
|
8
|
-
import $, { sstyled as
|
|
8
|
+
import $, { sstyled as y, assignProps as x, Component as B } from "@semcore/core";
|
|
9
9
|
import t from "react";
|
|
10
10
|
import { Box as I } from "@semcore/flex-box";
|
|
11
11
|
import z from "@semcore/icon/ChevronRight/m";
|
|
@@ -16,24 +16,24 @@ var M = (
|
|
|
16
16
|
/*__reshadow_css_start__*/
|
|
17
17
|
(F.insert(
|
|
18
18
|
/*__inner_css_start__*/
|
|
19
|
-
".
|
|
20
|
-
"
|
|
19
|
+
".___SBreadcrumbs_165s2_gg_{display:flex;align-items:center;padding:0;margin:0}.___SBreadcrumbs_165s2_gg_ .___SListContainer_165s2_gg_{display:contents;list-style:none;overflow:hidden;margin:0;padding:0}.___SBreadcrumbs_165s2_gg_ .___SListContainer_165s2_gg_ .___SSeparator_165s2_gg_{margin:0 var(--intergalactic-spacing-2x, 8px);color:var(--intergalactic-icon-secondary-neutral, #a9abb6);display:flex}.___SBreadcrumbs_165s2_gg_ .___SListContainer_165s2_gg_ .___SSeparator_165s2_gg_:last-child{display:none}.___SBreadcrumbs_165s2_gg_ .___SListContainer_165s2_gg_ .___SListItem_165s2_gg_{overflow:hidden;padding:3px;margin:-3px}.___SBreadcrumbs_165s2_gg_ .___SListContainer_165s2_gg_ .___SListItem_165s2_gg_ .___SBreadcrumbsItem_165s2_gg_{width:100%;display:block;position:relative;font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%);color:var(--intergalactic-text-secondary, #6c6e79);-webkit-text-decoration:none;text-decoration:none;cursor:pointer;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}@media (hover:hover){.___SBreadcrumbs_165s2_gg_ .___SListContainer_165s2_gg_ .___SListItem_165s2_gg_ .___SBreadcrumbsItem_165s2_gg_:hover{-webkit-text-decoration:underline;text-decoration:underline;color:var(--intergalactic-text-primary, #191b23)}}.___SBreadcrumbs_165s2_gg_ .___SListContainer_165s2_gg_ .___SListItem_165s2_gg_ .___SBreadcrumbsItem_165s2_gg_.__keyboardFocused_165s2_gg_{outline:0;box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SBreadcrumbs_165s2_gg_ .___SListContainer_165s2_gg_ .___SListItem_165s2_gg_ .___SBreadcrumbsItem_165s2_gg_.__active_165s2_gg_{color:var(--intergalactic-text-primary, #191b23);cursor:default}@media (hover:hover){.___SBreadcrumbs_165s2_gg_ .___SListContainer_165s2_gg_ .___SListItem_165s2_gg_ .___SBreadcrumbsItem_165s2_gg_.__active_165s2_gg_:hover{-webkit-text-decoration:none;text-decoration:none}}",
|
|
20
|
+
"165s2_gg_"
|
|
21
21
|
), {
|
|
22
|
-
__SBreadcrumbs: "
|
|
23
|
-
__SListContainer: "
|
|
24
|
-
__SSeparator: "
|
|
25
|
-
__SListItem: "
|
|
26
|
-
__SBreadcrumbsItem: "
|
|
27
|
-
_keyboardFocused: "
|
|
28
|
-
_active: "
|
|
22
|
+
__SBreadcrumbs: "___SBreadcrumbs_165s2_gg_",
|
|
23
|
+
__SListContainer: "___SListContainer_165s2_gg_",
|
|
24
|
+
__SSeparator: "___SSeparator_165s2_gg_",
|
|
25
|
+
__SListItem: "___SListItem_165s2_gg_",
|
|
26
|
+
__SBreadcrumbsItem: "___SBreadcrumbsItem_165s2_gg_",
|
|
27
|
+
_keyboardFocused: "__keyboardFocused_165s2_gg_",
|
|
28
|
+
_active: "__active_165s2_gg_"
|
|
29
29
|
})
|
|
30
|
-
),
|
|
31
|
-
|
|
32
|
-
var
|
|
30
|
+
), g = /* @__PURE__ */ function(m) {
|
|
31
|
+
f(e, m);
|
|
32
|
+
var d = h(e);
|
|
33
33
|
function e() {
|
|
34
|
-
return
|
|
34
|
+
return b(this, e), d.apply(this, arguments);
|
|
35
35
|
}
|
|
36
|
-
return
|
|
36
|
+
return v(e, [{
|
|
37
37
|
key: "getItemProps",
|
|
38
38
|
value: function() {
|
|
39
39
|
var a = this.asProps, _ = a.separator, n = a.locale;
|
|
@@ -45,40 +45,40 @@ var M = (
|
|
|
45
45
|
}, {
|
|
46
46
|
key: "render",
|
|
47
47
|
value: function() {
|
|
48
|
-
var a = this.asProps, _, n = I, r = "ol",
|
|
49
|
-
return _ =
|
|
50
|
-
"aria-label":
|
|
51
|
-
}, a))), /* @__PURE__ */ t.createElement(r, _.cn("SListContainer", {}), /* @__PURE__ */ t.createElement(
|
|
48
|
+
var a = this.asProps, _, n = I, r = "ol", o = this.asProps, l = o.styles, s = o.getI18nText, c = o.Children;
|
|
49
|
+
return _ = y(l), /* @__PURE__ */ t.createElement(n, _.cn("SBreadcrumbs", S({}, x({
|
|
50
|
+
"aria-label": s("breadcrumbs")
|
|
51
|
+
}, a))), /* @__PURE__ */ t.createElement(r, _.cn("SListContainer", {}), /* @__PURE__ */ t.createElement(c, _.cn("Children", {}))));
|
|
52
52
|
}
|
|
53
53
|
}]), e;
|
|
54
54
|
}(B);
|
|
55
|
-
i(
|
|
56
|
-
i(
|
|
57
|
-
i(
|
|
58
|
-
i(
|
|
55
|
+
i(g, "displayName", "Breadcrumbs");
|
|
56
|
+
i(g, "style", M);
|
|
57
|
+
i(g, "enhance", [j(L)]);
|
|
58
|
+
i(g, "defaultProps", {
|
|
59
59
|
separator: /* @__PURE__ */ t.createElement(z, null),
|
|
60
60
|
tag: "nav",
|
|
61
61
|
i18n: L,
|
|
62
62
|
locale: "en"
|
|
63
63
|
});
|
|
64
|
-
var p = /* @__PURE__ */ function(
|
|
65
|
-
|
|
66
|
-
var
|
|
64
|
+
var p = /* @__PURE__ */ function(m) {
|
|
65
|
+
f(e, m);
|
|
66
|
+
var d = h(e);
|
|
67
67
|
function e() {
|
|
68
|
-
return
|
|
68
|
+
return b(this, e), d.apply(this, arguments);
|
|
69
69
|
}
|
|
70
|
-
return
|
|
70
|
+
return v(e, [{
|
|
71
71
|
key: "render",
|
|
72
72
|
value: function() {
|
|
73
|
-
var a = this.asProps, _, n = I, r = this.asProps,
|
|
74
|
-
return _ =
|
|
75
|
-
"use:tabIndex":
|
|
76
|
-
"use:href": !
|
|
77
|
-
"aria-current":
|
|
78
|
-
"use:tag":
|
|
73
|
+
var a = this.asProps, _, n = I, r = this.asProps, o = r.styles, l = r.separator, s = r.active, c = r.disabled, C = r.href, P = r.tabIndex, k = r.tag, w = "div", E = "li";
|
|
74
|
+
return _ = y(o), /* @__PURE__ */ t.createElement(t.Fragment, null, /* @__PURE__ */ t.createElement(E, _.cn("SListItem", {}), /* @__PURE__ */ t.createElement(n, _.cn("SBreadcrumbsItem", S({}, x({
|
|
75
|
+
"use:tabIndex": s || c ? -1 : P,
|
|
76
|
+
"use:href": !s && !c ? C : void 0,
|
|
77
|
+
"aria-current": s ? "page" : void 0,
|
|
78
|
+
"use:tag": s ? "span" : k
|
|
79
79
|
}, a))))), /* @__PURE__ */ t.createElement(w, _.cn("SSeparator", {
|
|
80
80
|
"aria-hidden": "true"
|
|
81
|
-
}),
|
|
81
|
+
}), l));
|
|
82
82
|
}
|
|
83
83
|
}]), e;
|
|
84
84
|
}(B);
|
|
@@ -87,7 +87,7 @@ i(p, "defaultProps", {
|
|
|
87
87
|
locale: "en"
|
|
88
88
|
});
|
|
89
89
|
i(p, "enhance", [T()]);
|
|
90
|
-
const X = $(
|
|
90
|
+
const X = $(g, {
|
|
91
91
|
Item: p
|
|
92
92
|
});
|
|
93
93
|
export {
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@semcore/breadcrumbs",
|
|
3
3
|
"description": "Semrush Breadcrumbs Component",
|
|
4
|
-
"version": "5.
|
|
4
|
+
"version": "5.49.0-prerelease.0",
|
|
5
5
|
"main": "lib/cjs/index.js",
|
|
6
6
|
"module": "lib/es6/index.js",
|
|
7
7
|
"typings": "lib/types/index.d.ts",
|
|
@@ -14,12 +14,12 @@
|
|
|
14
14
|
"types": "./lib/types/index.d.ts"
|
|
15
15
|
},
|
|
16
16
|
"dependencies": {
|
|
17
|
-
"@semcore/utils": "4.48.2
|
|
18
|
-
"@semcore/icon": "4.
|
|
19
|
-
"@semcore/flex-box": "5.41.2
|
|
17
|
+
"@semcore/utils": "4.48.2",
|
|
18
|
+
"@semcore/icon": "4.61.0-prerelease.0",
|
|
19
|
+
"@semcore/flex-box": "5.41.2"
|
|
20
20
|
},
|
|
21
21
|
"peerDependencies": {
|
|
22
|
-
"@semcore/core": "^2.
|
|
22
|
+
"@semcore/core": "^2.17.5",
|
|
23
23
|
"react": "16.8 - 18",
|
|
24
24
|
"react-dom": "16.8 - 18"
|
|
25
25
|
},
|