@semcore/breadcrumbs 5.48.1-prerelease.8 → 16.0.0-prerelease.2
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 +12 -16
- package/lib/cjs/Breadcrumbs.js.map +1 -1
- package/lib/cjs/index.d.js.map +1 -1
- package/lib/cjs/style/breadcrumbs.shadow.css +3 -8
- package/lib/es6/Breadcrumbs.js +12 -14
- package/lib/es6/Breadcrumbs.js.map +1 -1
- package/lib/es6/index.d.js.map +1 -1
- package/lib/es6/style/breadcrumbs.shadow.css +3 -8
- package/lib/esm/Breadcrumbs.mjs +60 -63
- package/lib/types/index.d.ts +1 -1
- package/package.json +4 -7
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.0.0] - 2025-02-12
|
|
6
|
+
|
|
7
|
+
### Changed
|
|
8
|
+
|
|
9
|
+
- `keyboardFocusEnhance` to css `:focus-visible` property.
|
|
10
|
+
|
|
5
11
|
## [5.48.1] - 2025-03-20
|
|
6
12
|
|
|
7
13
|
### Changed
|
package/lib/cjs/Breadcrumbs.js
CHANGED
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
|
|
4
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
|
6
5
|
value: true
|
|
@@ -12,23 +11,20 @@ var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/creat
|
|
|
12
11
|
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
13
12
|
var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
|
|
14
13
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
15
|
-
var
|
|
16
|
-
var _core = _interopRequireWildcard(require("@semcore/core"));
|
|
14
|
+
var _core = require("@semcore/core");
|
|
17
15
|
var _react = _interopRequireDefault(require("react"));
|
|
18
16
|
var _flexBox = require("@semcore/flex-box");
|
|
19
17
|
var _m = _interopRequireDefault(require("@semcore/icon/ChevronRight/m"));
|
|
20
|
-
var _keyboardFocusEnhance = _interopRequireDefault(require("@semcore/utils/lib/enhances/keyboardFocusEnhance"));
|
|
21
18
|
var _intergalacticDynamicLocales = require("./translations/__intergalactic-dynamic-locales");
|
|
22
|
-
var _i18nEnhance = _interopRequireDefault(require("@semcore/
|
|
19
|
+
var _i18nEnhance = _interopRequireDefault(require("@semcore/core/lib/utils/enhances/i18nEnhance"));
|
|
23
20
|
/*__reshadow-styles__:"./style/breadcrumbs.shadow.css"*/
|
|
24
|
-
var style = ( /*__reshadow_css_start__*/
|
|
25
|
-
"__SBreadcrumbs": "
|
|
26
|
-
"__SListContainer": "
|
|
27
|
-
"__SSeparator": "
|
|
28
|
-
"__SListItem": "
|
|
29
|
-
"__SBreadcrumbsItem": "
|
|
30
|
-
"
|
|
31
|
-
"_active": "__active_151bf_gg_"
|
|
21
|
+
var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SBreadcrumbs_k41rc_gg_{display:flex;align-items:center;padding:0;margin:0}.___SBreadcrumbs_k41rc_gg_ .___SListContainer_k41rc_gg_{display:contents;list-style:none;overflow:hidden;margin:0;padding:0}.___SBreadcrumbs_k41rc_gg_ .___SListContainer_k41rc_gg_ .___SSeparator_k41rc_gg_{margin:0 var(--intergalactic-spacing-2x, 8px);color:var(--intergalactic-icon-secondary-neutral, #a9abb6);display:flex}.___SBreadcrumbs_k41rc_gg_ .___SListContainer_k41rc_gg_ .___SSeparator_k41rc_gg_:last-child{display:none}.___SBreadcrumbs_k41rc_gg_ .___SListContainer_k41rc_gg_ .___SListItem_k41rc_gg_{overflow:hidden;padding:4px;margin:-4px}.___SBreadcrumbs_k41rc_gg_ .___SListContainer_k41rc_gg_ .___SListItem_k41rc_gg_ .___SBreadcrumbsItem_k41rc_gg_{width:100%;display:block;position:relative;font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%);color:var(--intergalactic-text-secondary, #6c6e79);-webkit-text-decoration:none;text-decoration:none;cursor:pointer;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}@media (hover:hover){.___SBreadcrumbs_k41rc_gg_ .___SListContainer_k41rc_gg_ .___SListItem_k41rc_gg_ .___SBreadcrumbsItem_k41rc_gg_:hover{-webkit-text-decoration:underline;text-decoration:underline;color:var(--intergalactic-text-primary, #191b23)}}.___SBreadcrumbs_k41rc_gg_ .___SListContainer_k41rc_gg_ .___SListItem_k41rc_gg_ .___SBreadcrumbsItem_k41rc_gg_.__active_k41rc_gg_{color:var(--intergalactic-text-primary, #191b23);cursor:default}@media (hover:hover){.___SBreadcrumbs_k41rc_gg_ .___SListContainer_k41rc_gg_ .___SListItem_k41rc_gg_ .___SBreadcrumbsItem_k41rc_gg_.__active_k41rc_gg_:hover{-webkit-text-decoration:none;text-decoration:none}}" /*__inner_css_end__*/, "k41rc_gg_") /*__reshadow_css_end__*/, {
|
|
22
|
+
"__SBreadcrumbs": "___SBreadcrumbs_k41rc_gg_",
|
|
23
|
+
"__SListContainer": "___SListContainer_k41rc_gg_",
|
|
24
|
+
"__SSeparator": "___SSeparator_k41rc_gg_",
|
|
25
|
+
"__SListItem": "___SListItem_k41rc_gg_",
|
|
26
|
+
"__SBreadcrumbsItem": "___SBreadcrumbsItem_k41rc_gg_",
|
|
27
|
+
"_active": "__active_k41rc_gg_"
|
|
32
28
|
});
|
|
33
29
|
var Breadcrumbs = /*#__PURE__*/function (_Component) {
|
|
34
30
|
(0, _inherits2["default"])(Breadcrumbs, _Component);
|
|
@@ -112,10 +108,10 @@ var Item = /*#__PURE__*/function (_Component2) {
|
|
|
112
108
|
}(_core.Component);
|
|
113
109
|
(0, _defineProperty2["default"])(Item, "defaultProps", {
|
|
114
110
|
tag: 'a',
|
|
115
|
-
locale: 'en'
|
|
111
|
+
locale: 'en',
|
|
112
|
+
tabIndex: 0
|
|
116
113
|
});
|
|
117
|
-
|
|
118
|
-
var _default = (0, _core["default"])(Breadcrumbs, {
|
|
114
|
+
var _default = (0, _core.createComponent)(Breadcrumbs, {
|
|
119
115
|
Item: Item
|
|
120
116
|
});
|
|
121
117
|
exports["default"] = _default;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Breadcrumbs.js","names":["_core","
|
|
1
|
+
{"version":3,"file":"Breadcrumbs.js","names":["_core","require","_react","_interopRequireDefault","_flexBox","_m","_intergalacticDynamicLocales","_i18nEnhance","style","sstyled","insert","Breadcrumbs","_Component","_inherits2","_super","_createSuper2","_classCallCheck2","apply","arguments","_createClass2","key","value","getItemProps","_this$asProps","asProps","separator","locale","render","_ref","_ref3","SBreadcrumbs","Box","SListContainer","_this$asProps2","styles","getI18nText","Children","createElement","cn","_objectSpread2","assignProps","Component","_defineProperty2","i18nEnhance","localizedMessages","tag","i18n","Item","_Component2","_super2","_ref2","_ref4","SBreadcrumbsItem","_this$asProps3","active","disabled","href","tabIndex","SSeparator","SListItem","Fragment","undefined","_default","createComponent","exports"],"sources":["../../src/Breadcrumbs.jsx"],"sourcesContent":["import React from 'react';\nimport { createComponent, Component, sstyled, Root } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport SSeparator from '@semcore/icon/ChevronRight/m';\nimport { localizedMessages } from './translations/__intergalactic-dynamic-locales';\nimport i18nEnhance from '@semcore/core/lib/utils/enhances/i18nEnhance';\n\nimport style from './style/breadcrumbs.shadow.css';\n\nclass Breadcrumbs extends Component {\n static displayName = 'Breadcrumbs';\n static style = style;\n static enhance = [i18nEnhance(localizedMessages)];\n static defaultProps = {\n separator: <SSeparator />,\n tag: 'nav',\n i18n: localizedMessages,\n locale: 'en',\n };\n\n getItemProps() {\n const { separator, locale } = this.asProps;\n return {\n separator,\n locale,\n };\n }\n\n render() {\n const SBreadcrumbs = Root;\n const SListContainer = 'ol';\n const { styles, getI18nText, Children } = this.asProps;\n return sstyled(styles)(\n <SBreadcrumbs render={Box} aria-label={getI18nText('breadcrumbs')}>\n <SListContainer>\n <Children />\n </SListContainer>\n </SBreadcrumbs>,\n );\n }\n}\n\nclass Item extends Component {\n static defaultProps = {\n tag: 'a',\n locale: 'en',\n tabIndex: 0,\n };\n\n render() {\n const SBreadcrumbsItem = Root;\n const { styles, separator, active, disabled, href, tabIndex, tag } = this.asProps;\n const SSeparator = 'div';\n const SListItem = 'li';\n\n return sstyled(styles)(\n <>\n <SListItem>\n <SBreadcrumbsItem\n render={Box}\n use:tabIndex={active || disabled ? -1 : tabIndex}\n use:href={!active && !disabled ? href : undefined}\n aria-current={active ? 'page' : undefined}\n use:tag={active ? 'span' : tag}\n />\n </SListItem>\n <SSeparator aria-hidden='true'>{separator}</SSeparator>\n </>,\n );\n }\n}\n\nexport default createComponent(Breadcrumbs, {\n Item,\n});\n"],"mappings":"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"}
|
package/lib/cjs/index.d.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import { PropGetterFn, UnknownProperties, Intergalactic } from '@semcore/core';\nimport { BoxProps } from '@semcore/flex-box';\nimport { KeyboardFocusProps } from '@semcore/
|
|
1
|
+
{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import { PropGetterFn, UnknownProperties, Intergalactic } from '@semcore/core';\nimport { BoxProps } from '@semcore/flex-box';\nimport { KeyboardFocusProps } from '@semcore/core/lib/utils/enhances/keyboardFocusEnhance';\n\n/** @deprecated */\nexport interface IBreadcrumbsProps extends BreadcrumbsProps, UnknownProperties {}\nexport type BreadcrumbsProps = BoxProps & {\n /**\n * Links divider\n * */\n separator?: React.ReactNode;\n locale?: string;\n};\n\n/** @deprecated */\nexport interface IBreadcrumbsItemProps extends BreadcrumbsItemProps, UnknownProperties {}\nexport type BreadcrumbsItemProps = BoxProps &\n KeyboardFocusProps & {\n /** The property is responsible for the activity of the element */\n active?: boolean;\n locale?: string;\n };\n\n/** @deprecated */\nexport interface IBreadcrumbsContext extends BreadcrumbsContext, UnknownProperties {}\nexport type BreadcrumbsContext = BreadcrumbsProps & {\n getItemProps: PropGetterFn;\n};\n\ndeclare const Breadcrumbs: Intergalactic.Component<'div', BreadcrumbsProps, BreadcrumbsContext> & {\n Item: Intergalactic.Component<'a', BreadcrumbsItemProps>;\n};\n\nexport default Breadcrumbs;\n"],"mappings":""}
|
|
@@ -24,9 +24,9 @@ SBreadcrumbs {
|
|
|
24
24
|
SListItem {
|
|
25
25
|
overflow: hidden;
|
|
26
26
|
|
|
27
|
-
/* we need this hack to show
|
|
28
|
-
padding:
|
|
29
|
-
margin: -
|
|
27
|
+
/* we need this hack to show outline over `overflow: hidden` element */
|
|
28
|
+
padding: 4px;
|
|
29
|
+
margin: -4px;
|
|
30
30
|
|
|
31
31
|
SBreadcrumbsItem {
|
|
32
32
|
width: 100%;
|
|
@@ -47,11 +47,6 @@ SBreadcrumbs {
|
|
|
47
47
|
}
|
|
48
48
|
}
|
|
49
49
|
|
|
50
|
-
SBreadcrumbsItem[keyboardFocused] {
|
|
51
|
-
outline: none;
|
|
52
|
-
box-shadow: var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));
|
|
53
|
-
}
|
|
54
|
-
|
|
55
50
|
SBreadcrumbsItem[active] {
|
|
56
51
|
color: var(--intergalactic-text-primary, #191b23);
|
|
57
52
|
cursor: default;
|
package/lib/es6/Breadcrumbs.js
CHANGED
|
@@ -4,25 +4,23 @@ import _createClass from "@babel/runtime/helpers/createClass";
|
|
|
4
4
|
import _inherits from "@babel/runtime/helpers/inherits";
|
|
5
5
|
import _createSuper from "@babel/runtime/helpers/createSuper";
|
|
6
6
|
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
7
|
-
import { sstyled as _sstyled } from "@semcore/
|
|
7
|
+
import { sstyled as _sstyled } from "@semcore/core";
|
|
8
8
|
import { assignProps as _assignProps2 } from "@semcore/core";
|
|
9
9
|
import { assignProps as _assignProps } from "@semcore/core";
|
|
10
10
|
import React from 'react';
|
|
11
|
-
import createComponent,
|
|
11
|
+
import { createComponent, Component, sstyled, Root } from '@semcore/core';
|
|
12
12
|
import { Box } from '@semcore/flex-box';
|
|
13
13
|
import SSeparator from '@semcore/icon/ChevronRight/m';
|
|
14
|
-
import keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';
|
|
15
14
|
import { localizedMessages } from './translations/__intergalactic-dynamic-locales';
|
|
16
|
-
import i18nEnhance from '@semcore/
|
|
15
|
+
import i18nEnhance from '@semcore/core/lib/utils/enhances/i18nEnhance';
|
|
17
16
|
/*__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
|
-
"
|
|
25
|
-
"_active": "__active_151bf_gg_"
|
|
17
|
+
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SBreadcrumbs_k41rc_gg_{display:flex;align-items:center;padding:0;margin:0}.___SBreadcrumbs_k41rc_gg_ .___SListContainer_k41rc_gg_{display:contents;list-style:none;overflow:hidden;margin:0;padding:0}.___SBreadcrumbs_k41rc_gg_ .___SListContainer_k41rc_gg_ .___SSeparator_k41rc_gg_{margin:0 var(--intergalactic-spacing-2x, 8px);color:var(--intergalactic-icon-secondary-neutral, #a9abb6);display:flex}.___SBreadcrumbs_k41rc_gg_ .___SListContainer_k41rc_gg_ .___SSeparator_k41rc_gg_:last-child{display:none}.___SBreadcrumbs_k41rc_gg_ .___SListContainer_k41rc_gg_ .___SListItem_k41rc_gg_{overflow:hidden;padding:4px;margin:-4px}.___SBreadcrumbs_k41rc_gg_ .___SListContainer_k41rc_gg_ .___SListItem_k41rc_gg_ .___SBreadcrumbsItem_k41rc_gg_{width:100%;display:block;position:relative;font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%);color:var(--intergalactic-text-secondary, #6c6e79);-webkit-text-decoration:none;text-decoration:none;cursor:pointer;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}@media (hover:hover){.___SBreadcrumbs_k41rc_gg_ .___SListContainer_k41rc_gg_ .___SListItem_k41rc_gg_ .___SBreadcrumbsItem_k41rc_gg_:hover{-webkit-text-decoration:underline;text-decoration:underline;color:var(--intergalactic-text-primary, #191b23)}}.___SBreadcrumbs_k41rc_gg_ .___SListContainer_k41rc_gg_ .___SListItem_k41rc_gg_ .___SBreadcrumbsItem_k41rc_gg_.__active_k41rc_gg_{color:var(--intergalactic-text-primary, #191b23);cursor:default}@media (hover:hover){.___SBreadcrumbs_k41rc_gg_ .___SListContainer_k41rc_gg_ .___SListItem_k41rc_gg_ .___SBreadcrumbsItem_k41rc_gg_.__active_k41rc_gg_:hover{-webkit-text-decoration:none;text-decoration:none}}" /*__inner_css_end__*/, "k41rc_gg_") /*__reshadow_css_end__*/, {
|
|
18
|
+
"__SBreadcrumbs": "___SBreadcrumbs_k41rc_gg_",
|
|
19
|
+
"__SListContainer": "___SListContainer_k41rc_gg_",
|
|
20
|
+
"__SSeparator": "___SSeparator_k41rc_gg_",
|
|
21
|
+
"__SListItem": "___SListItem_k41rc_gg_",
|
|
22
|
+
"__SBreadcrumbsItem": "___SBreadcrumbsItem_k41rc_gg_",
|
|
23
|
+
"_active": "__active_k41rc_gg_"
|
|
26
24
|
});
|
|
27
25
|
var Breadcrumbs = /*#__PURE__*/function (_Component) {
|
|
28
26
|
_inherits(Breadcrumbs, _Component);
|
|
@@ -106,9 +104,9 @@ var Item = /*#__PURE__*/function (_Component2) {
|
|
|
106
104
|
}(Component);
|
|
107
105
|
_defineProperty(Item, "defaultProps", {
|
|
108
106
|
tag: 'a',
|
|
109
|
-
locale: 'en'
|
|
107
|
+
locale: 'en',
|
|
108
|
+
tabIndex: 0
|
|
110
109
|
});
|
|
111
|
-
_defineProperty(Item, "enhance", [keyboardFocusEnhance()]);
|
|
112
110
|
export default createComponent(Breadcrumbs, {
|
|
113
111
|
Item: Item
|
|
114
112
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Breadcrumbs.js","names":["React","createComponent","Component","sstyled","Root","Box","SSeparator","
|
|
1
|
+
{"version":3,"file":"Breadcrumbs.js","names":["React","createComponent","Component","sstyled","Root","Box","SSeparator","localizedMessages","i18nEnhance","style","_sstyled","insert","Breadcrumbs","_Component","_inherits","_super","_createSuper","_classCallCheck","apply","arguments","_createClass","key","value","getItemProps","_this$asProps","asProps","separator","locale","render","_ref","_ref3","SBreadcrumbs","SListContainer","_this$asProps2","styles","getI18nText","Children","createElement","cn","_objectSpread","_assignProps","_defineProperty","tag","i18n","Item","_Component2","_super2","_ref2","_ref4","SBreadcrumbsItem","_this$asProps3","active","disabled","href","tabIndex","SListItem","Fragment","_assignProps2","undefined"],"sources":["../../src/Breadcrumbs.jsx"],"sourcesContent":["import React from 'react';\nimport { createComponent, Component, sstyled, Root } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport SSeparator from '@semcore/icon/ChevronRight/m';\nimport { localizedMessages } from './translations/__intergalactic-dynamic-locales';\nimport i18nEnhance from '@semcore/core/lib/utils/enhances/i18nEnhance';\n\nimport style from './style/breadcrumbs.shadow.css';\n\nclass Breadcrumbs extends Component {\n static displayName = 'Breadcrumbs';\n static style = style;\n static enhance = [i18nEnhance(localizedMessages)];\n static defaultProps = {\n separator: <SSeparator />,\n tag: 'nav',\n i18n: localizedMessages,\n locale: 'en',\n };\n\n getItemProps() {\n const { separator, locale } = this.asProps;\n return {\n separator,\n locale,\n };\n }\n\n render() {\n const SBreadcrumbs = Root;\n const SListContainer = 'ol';\n const { styles, getI18nText, Children } = this.asProps;\n return sstyled(styles)(\n <SBreadcrumbs render={Box} aria-label={getI18nText('breadcrumbs')}>\n <SListContainer>\n <Children />\n </SListContainer>\n </SBreadcrumbs>,\n );\n }\n}\n\nclass Item extends Component {\n static defaultProps = {\n tag: 'a',\n locale: 'en',\n tabIndex: 0,\n };\n\n render() {\n const SBreadcrumbsItem = Root;\n const { styles, separator, active, disabled, href, tabIndex, tag } = this.asProps;\n const SSeparator = 'div';\n const SListItem = 'li';\n\n return sstyled(styles)(\n <>\n <SListItem>\n <SBreadcrumbsItem\n render={Box}\n use:tabIndex={active || disabled ? -1 : tabIndex}\n use:href={!active && !disabled ? href : undefined}\n aria-current={active ? 'page' : undefined}\n use:tag={active ? 'span' : tag}\n />\n </SListItem>\n <SSeparator aria-hidden='true'>{separator}</SSeparator>\n </>,\n );\n }\n}\n\nexport default createComponent(Breadcrumbs, {\n Item,\n});\n"],"mappings":"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"}
|
package/lib/es6/index.d.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import { PropGetterFn, UnknownProperties, Intergalactic } from '@semcore/core';\nimport { BoxProps } from '@semcore/flex-box';\nimport { KeyboardFocusProps } from '@semcore/
|
|
1
|
+
{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import { PropGetterFn, UnknownProperties, Intergalactic } from '@semcore/core';\nimport { BoxProps } from '@semcore/flex-box';\nimport { KeyboardFocusProps } from '@semcore/core/lib/utils/enhances/keyboardFocusEnhance';\n\n/** @deprecated */\nexport interface IBreadcrumbsProps extends BreadcrumbsProps, UnknownProperties {}\nexport type BreadcrumbsProps = BoxProps & {\n /**\n * Links divider\n * */\n separator?: React.ReactNode;\n locale?: string;\n};\n\n/** @deprecated */\nexport interface IBreadcrumbsItemProps extends BreadcrumbsItemProps, UnknownProperties {}\nexport type BreadcrumbsItemProps = BoxProps &\n KeyboardFocusProps & {\n /** The property is responsible for the activity of the element */\n active?: boolean;\n locale?: string;\n };\n\n/** @deprecated */\nexport interface IBreadcrumbsContext extends BreadcrumbsContext, UnknownProperties {}\nexport type BreadcrumbsContext = BreadcrumbsProps & {\n getItemProps: PropGetterFn;\n};\n\ndeclare const Breadcrumbs: Intergalactic.Component<'div', BreadcrumbsProps, BreadcrumbsContext> & {\n Item: Intergalactic.Component<'a', BreadcrumbsItemProps>;\n};\n\nexport default Breadcrumbs;\n"],"mappings":""}
|
|
@@ -24,9 +24,9 @@ SBreadcrumbs {
|
|
|
24
24
|
SListItem {
|
|
25
25
|
overflow: hidden;
|
|
26
26
|
|
|
27
|
-
/* we need this hack to show
|
|
28
|
-
padding:
|
|
29
|
-
margin: -
|
|
27
|
+
/* we need this hack to show outline over `overflow: hidden` element */
|
|
28
|
+
padding: 4px;
|
|
29
|
+
margin: -4px;
|
|
30
30
|
|
|
31
31
|
SBreadcrumbsItem {
|
|
32
32
|
width: 100%;
|
|
@@ -47,11 +47,6 @@ SBreadcrumbs {
|
|
|
47
47
|
}
|
|
48
48
|
}
|
|
49
49
|
|
|
50
|
-
SBreadcrumbsItem[keyboardFocused] {
|
|
51
|
-
outline: none;
|
|
52
|
-
box-shadow: var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));
|
|
53
|
-
}
|
|
54
|
-
|
|
55
50
|
SBreadcrumbsItem[active] {
|
|
56
51
|
color: var(--intergalactic-text-primary, #191b23);
|
|
57
52
|
cursor: default;
|
package/lib/esm/Breadcrumbs.mjs
CHANGED
|
@@ -1,95 +1,92 @@
|
|
|
1
|
-
import
|
|
2
|
-
import
|
|
3
|
-
import
|
|
4
|
-
import
|
|
5
|
-
import
|
|
6
|
-
import
|
|
7
|
-
import { sstyled as
|
|
8
|
-
import $, { sstyled as y, assignProps as x, Component as B } from "@semcore/core";
|
|
1
|
+
import S from "@babel/runtime/helpers/esm/objectSpread2";
|
|
2
|
+
import v from "@babel/runtime/helpers/esm/classCallCheck";
|
|
3
|
+
import k from "@babel/runtime/helpers/esm/createClass";
|
|
4
|
+
import b from "@babel/runtime/helpers/esm/inherits";
|
|
5
|
+
import f from "@babel/runtime/helpers/esm/createSuper";
|
|
6
|
+
import s from "@babel/runtime/helpers/esm/defineProperty";
|
|
7
|
+
import { createComponent as $, sstyled as p, assignProps as h, Component as I } from "@semcore/core";
|
|
9
8
|
import t from "react";
|
|
10
|
-
import { Box as
|
|
9
|
+
import { Box as B } from "@semcore/flex-box";
|
|
11
10
|
import z from "@semcore/icon/ChevronRight/m";
|
|
12
|
-
import
|
|
13
|
-
import
|
|
14
|
-
|
|
15
|
-
var M = (
|
|
11
|
+
import { localizedMessages as x } from "./translations/__intergalactic-dynamic-locales.mjs";
|
|
12
|
+
import T from "@semcore/core/lib/utils/enhances/i18nEnhance";
|
|
13
|
+
var j = (
|
|
16
14
|
/*__reshadow_css_start__*/
|
|
17
|
-
(
|
|
15
|
+
(p.insert(
|
|
18
16
|
/*__inner_css_start__*/
|
|
19
|
-
".
|
|
20
|
-
"
|
|
17
|
+
".___SBreadcrumbs_k41rc_gg_{display:flex;align-items:center;padding:0;margin:0}.___SBreadcrumbs_k41rc_gg_ .___SListContainer_k41rc_gg_{display:contents;list-style:none;overflow:hidden;margin:0;padding:0}.___SBreadcrumbs_k41rc_gg_ .___SListContainer_k41rc_gg_ .___SSeparator_k41rc_gg_{margin:0 var(--intergalactic-spacing-2x, 8px);color:var(--intergalactic-icon-secondary-neutral, #a9abb6);display:flex}.___SBreadcrumbs_k41rc_gg_ .___SListContainer_k41rc_gg_ .___SSeparator_k41rc_gg_:last-child{display:none}.___SBreadcrumbs_k41rc_gg_ .___SListContainer_k41rc_gg_ .___SListItem_k41rc_gg_{overflow:hidden;padding:4px;margin:-4px}.___SBreadcrumbs_k41rc_gg_ .___SListContainer_k41rc_gg_ .___SListItem_k41rc_gg_ .___SBreadcrumbsItem_k41rc_gg_{width:100%;display:block;position:relative;font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%);color:var(--intergalactic-text-secondary, #6c6e79);-webkit-text-decoration:none;text-decoration:none;cursor:pointer;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}@media (hover:hover){.___SBreadcrumbs_k41rc_gg_ .___SListContainer_k41rc_gg_ .___SListItem_k41rc_gg_ .___SBreadcrumbsItem_k41rc_gg_:hover{-webkit-text-decoration:underline;text-decoration:underline;color:var(--intergalactic-text-primary, #191b23)}}.___SBreadcrumbs_k41rc_gg_ .___SListContainer_k41rc_gg_ .___SListItem_k41rc_gg_ .___SBreadcrumbsItem_k41rc_gg_.__active_k41rc_gg_{color:var(--intergalactic-text-primary, #191b23);cursor:default}@media (hover:hover){.___SBreadcrumbs_k41rc_gg_ .___SListContainer_k41rc_gg_ .___SListItem_k41rc_gg_ .___SBreadcrumbsItem_k41rc_gg_.__active_k41rc_gg_:hover{-webkit-text-decoration:none;text-decoration:none}}",
|
|
18
|
+
"k41rc_gg_"
|
|
21
19
|
), {
|
|
22
|
-
__SBreadcrumbs: "
|
|
23
|
-
__SListContainer: "
|
|
24
|
-
__SSeparator: "
|
|
25
|
-
__SListItem: "
|
|
26
|
-
__SBreadcrumbsItem: "
|
|
27
|
-
|
|
28
|
-
_active: "__active_151bf_gg_"
|
|
20
|
+
__SBreadcrumbs: "___SBreadcrumbs_k41rc_gg_",
|
|
21
|
+
__SListContainer: "___SListContainer_k41rc_gg_",
|
|
22
|
+
__SSeparator: "___SSeparator_k41rc_gg_",
|
|
23
|
+
__SListItem: "___SListItem_k41rc_gg_",
|
|
24
|
+
__SBreadcrumbsItem: "___SBreadcrumbsItem_k41rc_gg_",
|
|
25
|
+
_active: "__active_k41rc_gg_"
|
|
29
26
|
})
|
|
30
|
-
),
|
|
31
|
-
|
|
32
|
-
var
|
|
33
|
-
function
|
|
34
|
-
return
|
|
27
|
+
), o = /* @__PURE__ */ function(m) {
|
|
28
|
+
b(r, m);
|
|
29
|
+
var l = f(r);
|
|
30
|
+
function r() {
|
|
31
|
+
return v(this, r), l.apply(this, arguments);
|
|
35
32
|
}
|
|
36
|
-
return
|
|
33
|
+
return k(r, [{
|
|
37
34
|
key: "getItemProps",
|
|
38
35
|
value: function() {
|
|
39
|
-
var a = this.asProps,
|
|
36
|
+
var a = this.asProps, e = a.separator, n = a.locale;
|
|
40
37
|
return {
|
|
41
|
-
separator:
|
|
42
|
-
locale:
|
|
38
|
+
separator: e,
|
|
39
|
+
locale: n
|
|
43
40
|
};
|
|
44
41
|
}
|
|
45
42
|
}, {
|
|
46
43
|
key: "render",
|
|
47
44
|
value: function() {
|
|
48
|
-
var a = this.asProps,
|
|
49
|
-
return
|
|
45
|
+
var a = this.asProps, e, n = B, _ = "ol", c = this.asProps, d = c.styles, i = c.getI18nText, g = c.Children;
|
|
46
|
+
return e = p(d), /* @__PURE__ */ t.createElement(n, e.cn("SBreadcrumbs", S({}, h({
|
|
50
47
|
"aria-label": i("breadcrumbs")
|
|
51
|
-
}, a))), /* @__PURE__ */ t.createElement(
|
|
48
|
+
}, a))), /* @__PURE__ */ t.createElement(_, e.cn("SListContainer", {}), /* @__PURE__ */ t.createElement(g, e.cn("Children", {}))));
|
|
52
49
|
}
|
|
53
|
-
}]),
|
|
54
|
-
}(
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
50
|
+
}]), r;
|
|
51
|
+
}(I);
|
|
52
|
+
s(o, "displayName", "Breadcrumbs");
|
|
53
|
+
s(o, "style", j);
|
|
54
|
+
s(o, "enhance", [T(x)]);
|
|
55
|
+
s(o, "defaultProps", {
|
|
59
56
|
separator: /* @__PURE__ */ t.createElement(z, null),
|
|
60
57
|
tag: "nav",
|
|
61
|
-
i18n:
|
|
58
|
+
i18n: x,
|
|
62
59
|
locale: "en"
|
|
63
60
|
});
|
|
64
|
-
var
|
|
65
|
-
|
|
66
|
-
var
|
|
67
|
-
function
|
|
68
|
-
return
|
|
61
|
+
var y = /* @__PURE__ */ function(m) {
|
|
62
|
+
b(r, m);
|
|
63
|
+
var l = f(r);
|
|
64
|
+
function r() {
|
|
65
|
+
return v(this, r), l.apply(this, arguments);
|
|
69
66
|
}
|
|
70
|
-
return
|
|
67
|
+
return k(r, [{
|
|
71
68
|
key: "render",
|
|
72
69
|
value: function() {
|
|
73
|
-
var a = this.asProps,
|
|
74
|
-
return
|
|
75
|
-
"use:tabIndex": i ||
|
|
76
|
-
"use:href": !i && !
|
|
70
|
+
var a = this.asProps, e, n = B, _ = this.asProps, c = _.styles, d = _.separator, i = _.active, g = _.disabled, L = _.href, C = _.tabIndex, P = _.tag, w = "div", E = "li";
|
|
71
|
+
return e = p(c), /* @__PURE__ */ t.createElement(t.Fragment, null, /* @__PURE__ */ t.createElement(E, e.cn("SListItem", {}), /* @__PURE__ */ t.createElement(n, e.cn("SBreadcrumbsItem", S({}, h({
|
|
72
|
+
"use:tabIndex": i || g ? -1 : C,
|
|
73
|
+
"use:href": !i && !g ? L : void 0,
|
|
77
74
|
"aria-current": i ? "page" : void 0,
|
|
78
|
-
"use:tag": i ? "span" :
|
|
79
|
-
}, a))))), /* @__PURE__ */ t.createElement(w,
|
|
75
|
+
"use:tag": i ? "span" : P
|
|
76
|
+
}, a))))), /* @__PURE__ */ t.createElement(w, e.cn("SSeparator", {
|
|
80
77
|
"aria-hidden": "true"
|
|
81
|
-
}),
|
|
78
|
+
}), d));
|
|
82
79
|
}
|
|
83
|
-
}]),
|
|
84
|
-
}(
|
|
85
|
-
|
|
80
|
+
}]), r;
|
|
81
|
+
}(I);
|
|
82
|
+
s(y, "defaultProps", {
|
|
86
83
|
tag: "a",
|
|
87
|
-
locale: "en"
|
|
84
|
+
locale: "en",
|
|
85
|
+
tabIndex: 0
|
|
88
86
|
});
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
Item: l
|
|
87
|
+
const Q = $(o, {
|
|
88
|
+
Item: y
|
|
92
89
|
});
|
|
93
90
|
export {
|
|
94
|
-
|
|
91
|
+
Q as default
|
|
95
92
|
};
|
package/lib/types/index.d.ts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { PropGetterFn, UnknownProperties, Intergalactic } from '@semcore/core';
|
|
2
2
|
import { BoxProps } from '@semcore/flex-box';
|
|
3
|
-
import { KeyboardFocusProps } from '@semcore/
|
|
3
|
+
import { KeyboardFocusProps } from '@semcore/core/lib/utils/enhances/keyboardFocusEnhance';
|
|
4
4
|
|
|
5
5
|
/** @deprecated */
|
|
6
6
|
export interface IBreadcrumbsProps extends BreadcrumbsProps, UnknownProperties {}
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@semcore/breadcrumbs",
|
|
3
3
|
"description": "Semrush Breadcrumbs Component",
|
|
4
|
-
"version": "
|
|
4
|
+
"version": "16.0.0-prerelease.2",
|
|
5
5
|
"main": "lib/cjs/index.js",
|
|
6
6
|
"module": "lib/es6/index.js",
|
|
7
7
|
"typings": "lib/types/index.d.ts",
|
|
@@ -14,14 +14,11 @@
|
|
|
14
14
|
"types": "./lib/types/index.d.ts"
|
|
15
15
|
},
|
|
16
16
|
"dependencies": {
|
|
17
|
-
"@semcore/
|
|
18
|
-
"@semcore/
|
|
19
|
-
"@semcore/flex-box": "5.41.1-prerelease.8"
|
|
17
|
+
"@semcore/icon": "16.0.0-prerelease.2",
|
|
18
|
+
"@semcore/flex-box": "16.0.0-prerelease.2"
|
|
20
19
|
},
|
|
21
20
|
"peerDependencies": {
|
|
22
|
-
"@semcore/
|
|
23
|
-
"react": "16.8 - 18",
|
|
24
|
-
"react-dom": "16.8 - 18"
|
|
21
|
+
"@semcore/base-components": "^16.0.0-prerelease.2"
|
|
25
22
|
},
|
|
26
23
|
"repository": {
|
|
27
24
|
"type": "git",
|