@semcore/breadcrumbs 5.49.2-prerelease.0 → 16.0.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 +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 +14 -17
- package/lib/esm/style/breadcrumbs.shadow.css +3 -8
- package/lib/types/index.d.ts +5 -7
- package/package.json +4 -7
package/CHANGELOG.md
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,25 +11,22 @@ 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__*/
|
|
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_"),
|
|
25
22
|
/*__reshadow_css_end__*/
|
|
26
23
|
{
|
|
27
|
-
"__SBreadcrumbs": "
|
|
28
|
-
"__SListContainer": "
|
|
29
|
-
"__SSeparator": "
|
|
30
|
-
"__SListItem": "
|
|
31
|
-
"__SBreadcrumbsItem": "
|
|
32
|
-
"
|
|
33
|
-
"_active": "__active_iwoiw_gg_"
|
|
24
|
+
"__SBreadcrumbs": "___SBreadcrumbs_k41rc_gg_",
|
|
25
|
+
"__SListContainer": "___SListContainer_k41rc_gg_",
|
|
26
|
+
"__SSeparator": "___SSeparator_k41rc_gg_",
|
|
27
|
+
"__SListItem": "___SListItem_k41rc_gg_",
|
|
28
|
+
"__SBreadcrumbsItem": "___SBreadcrumbsItem_k41rc_gg_",
|
|
29
|
+
"_active": "__active_k41rc_gg_"
|
|
34
30
|
});
|
|
35
31
|
var Breadcrumbs = /*#__PURE__*/function (_Component) {
|
|
36
32
|
(0, _inherits2["default"])(Breadcrumbs, _Component);
|
|
@@ -114,10 +110,10 @@ var Item = /*#__PURE__*/function (_Component2) {
|
|
|
114
110
|
}(_core.Component);
|
|
115
111
|
(0, _defineProperty2["default"])(Item, "defaultProps", {
|
|
116
112
|
tag: 'a',
|
|
117
|
-
locale: 'en'
|
|
113
|
+
locale: 'en',
|
|
114
|
+
tabIndex: 0
|
|
118
115
|
});
|
|
119
|
-
|
|
120
|
-
var _default = (0, _core["default"])(Breadcrumbs, {
|
|
116
|
+
var _default = (0, _core.createComponent)(Breadcrumbs, {
|
|
121
117
|
Item: Item
|
|
122
118
|
});
|
|
123
119
|
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';\
|
|
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';\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 /** 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,27 +4,25 @@ 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__*/".
|
|
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_"),
|
|
19
18
|
/*__reshadow_css_end__*/
|
|
20
19
|
{
|
|
21
|
-
"__SBreadcrumbs": "
|
|
22
|
-
"__SListContainer": "
|
|
23
|
-
"__SSeparator": "
|
|
24
|
-
"__SListItem": "
|
|
25
|
-
"__SBreadcrumbsItem": "
|
|
26
|
-
"
|
|
27
|
-
"_active": "__active_iwoiw_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_"
|
|
28
26
|
});
|
|
29
27
|
var Breadcrumbs = /*#__PURE__*/function (_Component) {
|
|
30
28
|
_inherits(Breadcrumbs, _Component);
|
|
@@ -108,9 +106,9 @@ var Item = /*#__PURE__*/function (_Component2) {
|
|
|
108
106
|
}(Component);
|
|
109
107
|
_defineProperty(Item, "defaultProps", {
|
|
110
108
|
tag: 'a',
|
|
111
|
-
locale: 'en'
|
|
109
|
+
locale: 'en',
|
|
110
|
+
tabIndex: 0
|
|
112
111
|
});
|
|
113
|
-
_defineProperty(Item, "enhance", [keyboardFocusEnhance()]);
|
|
114
112
|
export default createComponent(Breadcrumbs, {
|
|
115
113
|
Item: Item
|
|
116
114
|
});
|
|
@@ -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';\
|
|
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';\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 /** 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
|
@@ -4,31 +4,28 @@ import _createClass from "@babel/runtime/helpers/esm/createClass";
|
|
|
4
4
|
import _inherits from "@babel/runtime/helpers/esm/inherits";
|
|
5
5
|
import _createSuper from "@babel/runtime/helpers/esm/createSuper";
|
|
6
6
|
import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
|
|
7
|
-
import { sstyled } from "@semcore/
|
|
8
|
-
import createComponent, { sstyled as sstyled$1, assignProps, Component } from "@semcore/core";
|
|
7
|
+
import { createComponent, sstyled, assignProps, Component } from "@semcore/core";
|
|
9
8
|
import React from "react";
|
|
10
9
|
import { Box } from "@semcore/flex-box";
|
|
11
10
|
import SSeparator from "@semcore/icon/ChevronRight/m";
|
|
12
|
-
import keyboardFocusEnhance from "@semcore/utils/lib/enhances/keyboardFocusEnhance";
|
|
13
11
|
import { localizedMessages } from "./translations/__intergalactic-dynamic-locales.mjs";
|
|
14
|
-
import i18nEnhance from "@semcore/
|
|
12
|
+
import i18nEnhance from "@semcore/core/lib/utils/enhances/i18nEnhance";
|
|
15
13
|
/*!__reshadow-styles__:"./style/breadcrumbs.shadow.css"*/
|
|
16
14
|
var style = (
|
|
17
15
|
/*__reshadow_css_start__*/
|
|
18
16
|
(sstyled.insert(
|
|
19
17
|
/*__inner_css_start__*/
|
|
20
|
-
".
|
|
18
|
+
".___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}}",
|
|
21
19
|
/*__inner_css_end__*/
|
|
22
|
-
"
|
|
20
|
+
"k41rc_gg_"
|
|
23
21
|
), /*__reshadow_css_end__*/
|
|
24
22
|
{
|
|
25
|
-
"__SBreadcrumbs": "
|
|
26
|
-
"__SListContainer": "
|
|
27
|
-
"__SSeparator": "
|
|
28
|
-
"__SListItem": "
|
|
29
|
-
"__SBreadcrumbsItem": "
|
|
30
|
-
"
|
|
31
|
-
"_active": "__active_iwoiw_gg_"
|
|
23
|
+
"__SBreadcrumbs": "___SBreadcrumbs_k41rc_gg_",
|
|
24
|
+
"__SListContainer": "___SListContainer_k41rc_gg_",
|
|
25
|
+
"__SSeparator": "___SSeparator_k41rc_gg_",
|
|
26
|
+
"__SListItem": "___SListItem_k41rc_gg_",
|
|
27
|
+
"__SBreadcrumbsItem": "___SBreadcrumbsItem_k41rc_gg_",
|
|
28
|
+
"_active": "__active_k41rc_gg_"
|
|
32
29
|
})
|
|
33
30
|
);
|
|
34
31
|
var Breadcrumbs = /* @__PURE__ */ function(_Component) {
|
|
@@ -54,7 +51,7 @@ var Breadcrumbs = /* @__PURE__ */ function(_Component) {
|
|
|
54
51
|
var SBreadcrumbs = Box;
|
|
55
52
|
var SListContainer = "ol";
|
|
56
53
|
var _this$asProps2 = this.asProps, styles = _this$asProps2.styles, getI18nText = _this$asProps2.getI18nText, Children = _this$asProps2.Children;
|
|
57
|
-
return _ref3 = sstyled
|
|
54
|
+
return _ref3 = sstyled(styles), /* @__PURE__ */ React.createElement(SBreadcrumbs, _ref3.cn("SBreadcrumbs", _objectSpread({}, assignProps({
|
|
58
55
|
"aria-label": getI18nText("breadcrumbs")
|
|
59
56
|
}, _ref))), /* @__PURE__ */ React.createElement(SListContainer, _ref3.cn("SListContainer", {}), /* @__PURE__ */ React.createElement(Children, _ref3.cn("Children", {}))));
|
|
60
57
|
}
|
|
@@ -85,7 +82,7 @@ var Item = /* @__PURE__ */ function(_Component2) {
|
|
|
85
82
|
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;
|
|
86
83
|
var SSeparator2 = "div";
|
|
87
84
|
var SListItem = "li";
|
|
88
|
-
return _ref4 = sstyled
|
|
85
|
+
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({
|
|
89
86
|
"use:tabIndex": active || disabled ? -1 : tabIndex,
|
|
90
87
|
"use:href": !active && !disabled ? href : void 0,
|
|
91
88
|
"aria-current": active ? "page" : void 0,
|
|
@@ -99,9 +96,9 @@ var Item = /* @__PURE__ */ function(_Component2) {
|
|
|
99
96
|
}(Component);
|
|
100
97
|
_defineProperty(Item, "defaultProps", {
|
|
101
98
|
tag: "a",
|
|
102
|
-
locale: "en"
|
|
99
|
+
locale: "en",
|
|
100
|
+
tabIndex: 0
|
|
103
101
|
});
|
|
104
|
-
_defineProperty(Item, "enhance", [keyboardFocusEnhance()]);
|
|
105
102
|
const Breadcrumbs$1 = createComponent(Breadcrumbs, {
|
|
106
103
|
Item
|
|
107
104
|
});
|
|
@@ -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/types/index.d.ts
CHANGED
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import { PropGetterFn, UnknownProperties, Intergalactic } from '@semcore/core';
|
|
2
2
|
import { BoxProps } from '@semcore/flex-box';
|
|
3
|
-
import { KeyboardFocusProps } from '@semcore/utils/lib/enhances/keyboardFocusEnhance';
|
|
4
3
|
|
|
5
4
|
/** @deprecated */
|
|
6
5
|
export interface IBreadcrumbsProps extends BreadcrumbsProps, UnknownProperties {}
|
|
@@ -14,12 +13,11 @@ export type BreadcrumbsProps = BoxProps & {
|
|
|
14
13
|
|
|
15
14
|
/** @deprecated */
|
|
16
15
|
export interface IBreadcrumbsItemProps extends BreadcrumbsItemProps, UnknownProperties {}
|
|
17
|
-
export type BreadcrumbsItemProps = BoxProps &
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
};
|
|
16
|
+
export type BreadcrumbsItemProps = BoxProps & {
|
|
17
|
+
/** The property is responsible for the activity of the element */
|
|
18
|
+
active?: boolean;
|
|
19
|
+
locale?: string;
|
|
20
|
+
};
|
|
23
21
|
|
|
24
22
|
/** @deprecated */
|
|
25
23
|
export interface IBreadcrumbsContext extends BreadcrumbsContext, 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.0",
|
|
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.4-prerelease.0"
|
|
17
|
+
"@semcore/icon": "16.0.0-prerelease.0",
|
|
18
|
+
"@semcore/flex-box": "16.0.0-prerelease.0"
|
|
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.0"
|
|
25
22
|
},
|
|
26
23
|
"repository": {
|
|
27
24
|
"type": "git",
|