@semcore/breadcrumbs 5.16.0 → 5.16.2-prerelease.1
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 +13 -1
- package/lib/cjs/Breadcrumbs.js +9 -11
- package/lib/cjs/Breadcrumbs.js.map +1 -1
- package/lib/cjs/translations/de.json +1 -2
- package/lib/cjs/translations/en.json +1 -2
- package/lib/cjs/translations/es.json +1 -2
- package/lib/cjs/translations/fr.json +1 -2
- package/lib/cjs/translations/it.json +1 -2
- package/lib/cjs/translations/ja.json +1 -2
- package/lib/cjs/translations/ko.json +1 -2
- package/lib/cjs/translations/nl.json +1 -2
- package/lib/cjs/translations/pl.json +1 -2
- package/lib/cjs/translations/pt.json +1 -2
- package/lib/cjs/translations/sv.json +1 -2
- package/lib/cjs/translations/tr.json +1 -2
- package/lib/cjs/translations/vi.json +1 -2
- package/lib/cjs/translations/zh.json +1 -2
- package/lib/es6/Breadcrumbs.js +9 -11
- package/lib/es6/Breadcrumbs.js.map +1 -1
- package/lib/es6/translations/de.json +1 -2
- package/lib/es6/translations/en.json +1 -2
- package/lib/es6/translations/es.json +1 -2
- package/lib/es6/translations/fr.json +1 -2
- package/lib/es6/translations/it.json +1 -2
- package/lib/es6/translations/ja.json +1 -2
- package/lib/es6/translations/ko.json +1 -2
- package/lib/es6/translations/nl.json +1 -2
- package/lib/es6/translations/pl.json +1 -2
- package/lib/es6/translations/pt.json +1 -2
- package/lib/es6/translations/sv.json +1 -2
- package/lib/es6/translations/tr.json +1 -2
- package/lib/es6/translations/vi.json +1 -2
- package/lib/es6/translations/zh.json +1 -2
- package/package.json +5 -5
package/CHANGELOG.md
CHANGED
|
@@ -2,7 +2,19 @@
|
|
|
2
2
|
|
|
3
3
|
CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangelog.com/en/1.0.0/).
|
|
4
4
|
|
|
5
|
-
## [5.16.
|
|
5
|
+
## [5.16.2-prerelease.1] - 2023-11-24
|
|
6
|
+
|
|
7
|
+
### Fixed
|
|
8
|
+
|
|
9
|
+
- `aria-current` value.
|
|
10
|
+
|
|
11
|
+
## [5.16.1] - 2023-11-21
|
|
12
|
+
|
|
13
|
+
### Changed
|
|
14
|
+
|
|
15
|
+
- Version prepatch update due to children dependencies update (`@semcore/utils` [4.10.2 ~> 4.10.3]).
|
|
16
|
+
|
|
17
|
+
## [5.16.0] - 2023-11-13
|
|
6
18
|
|
|
7
19
|
### Changed
|
|
8
20
|
|
package/lib/cjs/Breadcrumbs.js
CHANGED
|
@@ -20,12 +20,12 @@ var _keyboardFocusEnhance = _interopRequireDefault(require("@semcore/utils/lib/e
|
|
|
20
20
|
var _intergalacticDynamicLocales = require("./translations/__intergalactic-dynamic-locales");
|
|
21
21
|
var _i18nEnhance = _interopRequireDefault(require("@semcore/utils/lib/enhances/i18nEnhance"));
|
|
22
22
|
/*__reshadow-styles__:"./style/breadcrumbs.shadow.css"*/
|
|
23
|
-
var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".
|
|
24
|
-
"__SBreadcrumbs": "
|
|
25
|
-
"__SBreadcrumbsItem": "
|
|
26
|
-
"_keyboardFocused": "
|
|
27
|
-
"__SSeparator": "
|
|
28
|
-
"_active": "
|
|
23
|
+
var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SBreadcrumbs_8eric_gg_{display:flex;align-items:center;padding:0;margin:0;list-style:none}.___SSeparator_8eric_gg_{margin:0 var(--intergalactic-spacing-2x, 8px);color:var(--intergalactic-icon-secondary-neutral, #a9abb6);display:flex}.___SSeparator_8eric_gg_:last-child{display:none}.___SBreadcrumbsItem_8eric_gg_{position:relative;font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-100, 133%);color:var(--intergalactic-text-secondary, #6c6e79);-webkit-text-decoration:none;text-decoration:none;box-sizing:border-box;outline:0;cursor:pointer;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}@media (hover:hover){.___SBreadcrumbsItem_8eric_gg_:hover{-webkit-text-decoration:underline;text-decoration:underline;color:var(--intergalactic-text-primary, #191b23)}}.___SBreadcrumbsItem_8eric_gg_.__keyboardFocused_8eric_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SBreadcrumbsItem_8eric_gg_.__active_8eric_gg_{color:var(--intergalactic-text-primary, #191b23);cursor:default}@media (hover:hover){.___SBreadcrumbsItem_8eric_gg_.__active_8eric_gg_:hover{-webkit-text-decoration:none;text-decoration:none}}" /*__inner_css_end__*/, "8eric_gg_") /*__reshadow_css_end__*/, {
|
|
24
|
+
"__SBreadcrumbs": "___SBreadcrumbs_8eric_gg_",
|
|
25
|
+
"__SBreadcrumbsItem": "___SBreadcrumbsItem_8eric_gg_",
|
|
26
|
+
"_keyboardFocused": "__keyboardFocused_8eric_gg_",
|
|
27
|
+
"__SSeparator": "___SSeparator_8eric_gg_",
|
|
28
|
+
"_active": "__active_8eric_gg_"
|
|
29
29
|
});
|
|
30
30
|
var Breadcrumbs = /*#__PURE__*/function (_Component) {
|
|
31
31
|
(0, _inherits2["default"])(Breadcrumbs, _Component);
|
|
@@ -87,11 +87,10 @@ var Item = /*#__PURE__*/function (_Component2) {
|
|
|
87
87
|
var _this$asProps3 = this.asProps,
|
|
88
88
|
styles = _this$asProps3.styles,
|
|
89
89
|
separator = _this$asProps3.separator,
|
|
90
|
-
active = _this$asProps3.active
|
|
91
|
-
getI18nText = _this$asProps3.getI18nText;
|
|
90
|
+
active = _this$asProps3.active;
|
|
92
91
|
var SSeparator = 'div';
|
|
93
92
|
return _ref4 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(SBreadcrumbsItem, _ref4.cn("SBreadcrumbsItem", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
|
|
94
|
-
"aria-current": active ?
|
|
93
|
+
"aria-current": active ? 'page' : undefined
|
|
95
94
|
}, _ref2)))), /*#__PURE__*/_react["default"].createElement(SSeparator, _ref4.cn("SSeparator", {
|
|
96
95
|
"aria-hidden": 'true'
|
|
97
96
|
}), separator));
|
|
@@ -103,14 +102,13 @@ var Item = /*#__PURE__*/function (_Component2) {
|
|
|
103
102
|
return {
|
|
104
103
|
disabled: active,
|
|
105
104
|
tag: 'a',
|
|
106
|
-
i18n: _intergalacticDynamicLocales.localizedMessages,
|
|
107
105
|
locale: 'en'
|
|
108
106
|
};
|
|
109
107
|
}
|
|
110
108
|
}]);
|
|
111
109
|
return Item;
|
|
112
110
|
}(_core.Component);
|
|
113
|
-
(0, _defineProperty2["default"])(Item, "enhance", [(0, _keyboardFocusEnhance["default"])()
|
|
111
|
+
(0, _defineProperty2["default"])(Item, "enhance", [(0, _keyboardFocusEnhance["default"])()]);
|
|
114
112
|
var _default = (0, _core["default"])(Breadcrumbs, {
|
|
115
113
|
Item: Item
|
|
116
114
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Breadcrumbs.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_flexBox","_m","_keyboardFocusEnhance","_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","_this$asProps2","styles","getI18nText","createElement","cn","_objectSpread2","assignProps","Component","_defineProperty2","i18nEnhance","localizedMessages","tag","i18n","Item","_Component2","_super2","_ref2","_ref4","SBreadcrumbsItem","_this$asProps3","active","SSeparator","Fragment","undefined","defaultProps","_ref5","disabled","keyboardFocusEnhance","_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 keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\nimport { localizedMessages } from './translations/__intergalactic-dynamic-locales';\nimport i18nEnhance from '@semcore/utils/lib/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: 'div',\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 { styles, getI18nText } = this.asProps;\n return sstyled(styles)(\n <SBreadcrumbs render={Box} aria-label={getI18nText('breadcrumbs')} role='group' />,\n );\n }\n}\n\nclass Item extends Component {\n static defaultProps({ active }) {\n return {\n disabled: active,\n tag: 'a',\n
|
|
1
|
+
{"version":3,"file":"Breadcrumbs.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_flexBox","_m","_keyboardFocusEnhance","_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","_this$asProps2","styles","getI18nText","createElement","cn","_objectSpread2","assignProps","Component","_defineProperty2","i18nEnhance","localizedMessages","tag","i18n","Item","_Component2","_super2","_ref2","_ref4","SBreadcrumbsItem","_this$asProps3","active","SSeparator","Fragment","undefined","defaultProps","_ref5","disabled","keyboardFocusEnhance","_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 keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\nimport { localizedMessages } from './translations/__intergalactic-dynamic-locales';\nimport i18nEnhance from '@semcore/utils/lib/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: 'div',\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 { styles, getI18nText } = this.asProps;\n return sstyled(styles)(\n <SBreadcrumbs render={Box} aria-label={getI18nText('breadcrumbs')} role='group' />,\n );\n }\n}\n\nclass Item extends Component {\n static defaultProps({ active }) {\n return {\n disabled: active,\n tag: 'a',\n locale: 'en',\n };\n }\n\n static enhance = [keyboardFocusEnhance()];\n\n render() {\n const SBreadcrumbsItem = Root;\n const { styles, separator, active } = this.asProps;\n const SSeparator = 'div';\n\n return sstyled(styles)(\n <>\n <SBreadcrumbsItem render={Box} aria-current={active ? 'page' : undefined} />\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/Breadcrumbs.js
CHANGED
|
@@ -15,12 +15,12 @@ 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
|
-
"__SBreadcrumbsItem": "
|
|
21
|
-
"_keyboardFocused": "
|
|
22
|
-
"__SSeparator": "
|
|
23
|
-
"_active": "
|
|
18
|
+
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SBreadcrumbs_8eric_gg_{display:flex;align-items:center;padding:0;margin:0;list-style:none}.___SSeparator_8eric_gg_{margin:0 var(--intergalactic-spacing-2x, 8px);color:var(--intergalactic-icon-secondary-neutral, #a9abb6);display:flex}.___SSeparator_8eric_gg_:last-child{display:none}.___SBreadcrumbsItem_8eric_gg_{position:relative;font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-100, 133%);color:var(--intergalactic-text-secondary, #6c6e79);-webkit-text-decoration:none;text-decoration:none;box-sizing:border-box;outline:0;cursor:pointer;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}@media (hover:hover){.___SBreadcrumbsItem_8eric_gg_:hover{-webkit-text-decoration:underline;text-decoration:underline;color:var(--intergalactic-text-primary, #191b23)}}.___SBreadcrumbsItem_8eric_gg_.__keyboardFocused_8eric_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SBreadcrumbsItem_8eric_gg_.__active_8eric_gg_{color:var(--intergalactic-text-primary, #191b23);cursor:default}@media (hover:hover){.___SBreadcrumbsItem_8eric_gg_.__active_8eric_gg_:hover{-webkit-text-decoration:none;text-decoration:none}}" /*__inner_css_end__*/, "8eric_gg_") /*__reshadow_css_end__*/, {
|
|
19
|
+
"__SBreadcrumbs": "___SBreadcrumbs_8eric_gg_",
|
|
20
|
+
"__SBreadcrumbsItem": "___SBreadcrumbsItem_8eric_gg_",
|
|
21
|
+
"_keyboardFocused": "__keyboardFocused_8eric_gg_",
|
|
22
|
+
"__SSeparator": "___SSeparator_8eric_gg_",
|
|
23
|
+
"_active": "__active_8eric_gg_"
|
|
24
24
|
});
|
|
25
25
|
var Breadcrumbs = /*#__PURE__*/function (_Component) {
|
|
26
26
|
_inherits(Breadcrumbs, _Component);
|
|
@@ -82,11 +82,10 @@ var Item = /*#__PURE__*/function (_Component2) {
|
|
|
82
82
|
var _this$asProps3 = this.asProps,
|
|
83
83
|
styles = _this$asProps3.styles,
|
|
84
84
|
separator = _this$asProps3.separator,
|
|
85
|
-
active = _this$asProps3.active
|
|
86
|
-
getI18nText = _this$asProps3.getI18nText;
|
|
85
|
+
active = _this$asProps3.active;
|
|
87
86
|
var SSeparator = 'div';
|
|
88
87
|
return _ref4 = sstyled(styles), /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(SBreadcrumbsItem, _ref4.cn("SBreadcrumbsItem", _objectSpread({}, _assignProps2({
|
|
89
|
-
"aria-current": active ?
|
|
88
|
+
"aria-current": active ? 'page' : undefined
|
|
90
89
|
}, _ref2)))), /*#__PURE__*/React.createElement(SSeparator, _ref4.cn("SSeparator", {
|
|
91
90
|
"aria-hidden": 'true'
|
|
92
91
|
}), separator));
|
|
@@ -98,14 +97,13 @@ var Item = /*#__PURE__*/function (_Component2) {
|
|
|
98
97
|
return {
|
|
99
98
|
disabled: active,
|
|
100
99
|
tag: 'a',
|
|
101
|
-
i18n: localizedMessages,
|
|
102
100
|
locale: 'en'
|
|
103
101
|
};
|
|
104
102
|
}
|
|
105
103
|
}]);
|
|
106
104
|
return Item;
|
|
107
105
|
}(Component);
|
|
108
|
-
_defineProperty(Item, "enhance", [keyboardFocusEnhance()
|
|
106
|
+
_defineProperty(Item, "enhance", [keyboardFocusEnhance()]);
|
|
109
107
|
export default createComponent(Breadcrumbs, {
|
|
110
108
|
Item: Item
|
|
111
109
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Breadcrumbs.js","names":["React","createComponent","Component","sstyled","Root","Box","SSeparator","keyboardFocusEnhance","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","_this$asProps2","styles","getI18nText","createElement","cn","_objectSpread","_assignProps","_defineProperty","tag","i18n","Item","_Component2","_super2","_ref2","_ref4","SBreadcrumbsItem","_this$asProps3","active","Fragment","_assignProps2","undefined","defaultProps","_ref5","disabled"],"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 keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\nimport { localizedMessages } from './translations/__intergalactic-dynamic-locales';\nimport i18nEnhance from '@semcore/utils/lib/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: 'div',\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 { styles, getI18nText } = this.asProps;\n return sstyled(styles)(\n <SBreadcrumbs render={Box} aria-label={getI18nText('breadcrumbs')} role='group' />,\n );\n }\n}\n\nclass Item extends Component {\n static defaultProps({ active }) {\n return {\n disabled: active,\n tag: 'a',\n
|
|
1
|
+
{"version":3,"file":"Breadcrumbs.js","names":["React","createComponent","Component","sstyled","Root","Box","SSeparator","keyboardFocusEnhance","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","_this$asProps2","styles","getI18nText","createElement","cn","_objectSpread","_assignProps","_defineProperty","tag","i18n","Item","_Component2","_super2","_ref2","_ref4","SBreadcrumbsItem","_this$asProps3","active","Fragment","_assignProps2","undefined","defaultProps","_ref5","disabled"],"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 keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\nimport { localizedMessages } from './translations/__intergalactic-dynamic-locales';\nimport i18nEnhance from '@semcore/utils/lib/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: 'div',\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 { styles, getI18nText } = this.asProps;\n return sstyled(styles)(\n <SBreadcrumbs render={Box} aria-label={getI18nText('breadcrumbs')} role='group' />,\n );\n }\n}\n\nclass Item extends Component {\n static defaultProps({ active }) {\n return {\n disabled: active,\n tag: 'a',\n locale: 'en',\n };\n }\n\n static enhance = [keyboardFocusEnhance()];\n\n render() {\n const SBreadcrumbsItem = Root;\n const { styles, separator, active } = this.asProps;\n const SSeparator = 'div';\n\n return sstyled(styles)(\n <>\n <SBreadcrumbsItem render={Box} aria-current={active ? 'page' : undefined} />\n <SSeparator aria-hidden='true'>{separator}</SSeparator>\n </>,\n );\n }\n}\n\nexport default createComponent(Breadcrumbs, {\n Item,\n});\n"],"mappings":";;;;;;;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,eAAe,IAAIC,SAAS,EAAEC,OAAO,EAAEC,IAAI,QAAQ,eAAe;AACzE,SAASC,GAAG,QAAQ,mBAAmB;AACvC,OAAOC,UAAU,MAAM,8BAA8B;AACrD,OAAOC,oBAAoB,MAAM,kDAAkD;AACnF,SAASC,iBAAiB,QAAQ,gDAAgD;AAClF,OAAOC,WAAW,MAAM,yCAAyC;AAAC;AAAA,IAAAC,KAAA,+BAAAC,QAAA,CAAAC,MAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAAA,IAI5DC,WAAW,0BAAAC,UAAA;EAAAC,SAAA,CAAAF,WAAA,EAAAC,UAAA;EAAA,IAAAE,MAAA,GAAAC,YAAA,CAAAJ,WAAA;EAAA,SAAAA,YAAA;IAAAK,eAAA,OAAAL,WAAA;IAAA,OAAAG,MAAA,CAAAG,KAAA,OAAAC,SAAA;EAAA;EAAAC,YAAA,CAAAR,WAAA;IAAAS,GAAA;IAAAC,KAAA,EAWf,SAAAC,aAAA,EAAe;MACb,IAAAC,aAAA,GAA8B,IAAI,CAACC,OAAO;QAAlCC,SAAS,GAAAF,aAAA,CAATE,SAAS;QAAEC,MAAM,GAAAH,aAAA,CAANG,MAAM;MACzB,OAAO;QACLD,SAAS,EAATA,SAAS;QACTC,MAAM,EAANA;MACF,CAAC;IACH;EAAC;IAAAN,GAAA;IAAAC,KAAA,EAED,SAAAM,OAAA,EAAS;MAAA,IAAAC,IAAA,QAAAJ,OAAA;QAAAK,KAAA;MACP,IAAMC,YAAY,GAGM3B,GAAG;MAF3B,IAAA4B,cAAA,GAAgC,IAAI,CAACP,OAAO;QAApCQ,MAAM,GAAAD,cAAA,CAANC,MAAM;QAAEC,WAAW,GAAAF,cAAA,CAAXE,WAAW;MAC3B,OAAAJ,KAAA,GAAO5B,OAAO,CAAC+B,MAAM,CAAC,eACpBlC,KAAA,CAAAoC,aAAA,CAACJ,YAAY,EAAAD,KAAA,CAAAM,EAAA,iBAAAC,aAAA,KAAAC,YAAA;QAAA,cAA0BJ,WAAW,CAAC,aAAa,CAAC;QAAA,QAAO;MAAO,GAAAL,IAAA,IAAG;IAEtF;EAAC;EAAA,OAAAjB,WAAA;AAAA,EAzBuBX,SAAS;AAAAsC,eAAA,CAA7B3B,WAAW,iBACM,aAAa;AAAA2B,eAAA,CAD9B3B,WAAW,WAEAH,KAAK;AAAA8B,eAAA,CAFhB3B,WAAW,aAGE,CAACJ,WAAW,CAACD,iBAAiB,CAAC,CAAC;AAAAgC,eAAA,CAH7C3B,WAAW,kBAIO;EACpBc,SAAS,eAAE3B,KAAA,CAAAoC,aAAA,CAAC9B,UAAU,OAAG;EACzBmC,GAAG,EAAE,KAAK;EACVC,IAAI,EAAElC,iBAAiB;EACvBoB,MAAM,EAAE;AACV,CAAC;AAAA,IAmBGe,IAAI,0BAAAC,WAAA;EAAA7B,SAAA,CAAA4B,IAAA,EAAAC,WAAA;EAAA,IAAAC,OAAA,GAAA5B,YAAA,CAAA0B,IAAA;EAAA,SAAAA,KAAA;IAAAzB,eAAA,OAAAyB,IAAA;IAAA,OAAAE,OAAA,CAAA1B,KAAA,OAAAC,SAAA;EAAA;EAAAC,YAAA,CAAAsB,IAAA;IAAArB,GAAA;IAAAC,KAAA,EAWR,SAAAM,OAAA,EAAS;MAAA,IAAAiB,KAAA,QAAApB,OAAA;QAAAqB,KAAA;MACP,IAAMC,gBAAgB,GAMQ3C,GAAG;MALjC,IAAA4C,cAAA,GAAsC,IAAI,CAACvB,OAAO;QAA1CQ,MAAM,GAAAe,cAAA,CAANf,MAAM;QAAEP,SAAS,GAAAsB,cAAA,CAATtB,SAAS;QAAEuB,MAAM,GAAAD,cAAA,CAANC,MAAM;MACjC,IAAM5C,UAAU,GAAG,KAAK;MAExB,OAAAyC,KAAA,GAAO5C,OAAO,CAAC+B,MAAM,CAAC,eACpBlC,KAAA,CAAAoC,aAAA,CAAApC,KAAA,CAAAmD,QAAA,qBACEnD,KAAA,CAAAoC,aAAA,CAACY,gBAAgB,EAAAD,KAAA,CAAAV,EAAA,qBAAAC,aAAA,KAAAc,aAAA;QAAA,gBAA4BF,MAAM,GAAG,MAAM,GAAGG;MAAS,GAAAP,KAAA,IAAI,eAC5E9C,KAAA,CAAAoC,aAAA,CAAC9B,UAAU,EAAAyC,KAAA,CAAAV,EAAA;QAAA,eAAa;MAAM,IAAEV,SAAS,CAAc,CACtD;IAEP;EAAC;IAAAL,GAAA;IAAAC,KAAA,EArBD,SAAA+B,aAAAC,KAAA,EAAgC;MAAA,IAAVL,MAAM,GAAAK,KAAA,CAANL,MAAM;MAC1B,OAAO;QACLM,QAAQ,EAAEN,MAAM;QAChBT,GAAG,EAAE,GAAG;QACRb,MAAM,EAAE;MACV,CAAC;IACH;EAAC;EAAA,OAAAe,IAAA;AAAA,EAPgBzC,SAAS;AAAAsC,eAAA,CAAtBG,IAAI,aASS,CAACpC,oBAAoB,EAAE,CAAC;AAgB3C,eAAeN,eAAe,CAACY,WAAW,EAAE;EAC1C8B,IAAI,EAAJA;AACF,CAAC,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@semcore/breadcrumbs",
|
|
3
3
|
"description": "Semrush Breadcrumbs Component",
|
|
4
|
-
"version": "5.16.
|
|
4
|
+
"version": "5.16.2-prerelease.1",
|
|
5
5
|
"main": "lib/cjs/index.js",
|
|
6
6
|
"module": "lib/es6/index.js",
|
|
7
7
|
"typings": "lib/types/index.d.ts",
|
|
@@ -9,12 +9,12 @@
|
|
|
9
9
|
"author": "UI-kit team <ui-kit-team@semrush.com>",
|
|
10
10
|
"license": "MIT",
|
|
11
11
|
"dependencies": {
|
|
12
|
-
"@semcore/utils": "4.
|
|
13
|
-
"@semcore/icon": "4.
|
|
14
|
-
"@semcore/flex-box": "5.
|
|
12
|
+
"@semcore/utils": "4.13.0-prerelease.1",
|
|
13
|
+
"@semcore/icon": "4.17.0-prerelease.1",
|
|
14
|
+
"@semcore/flex-box": "5.11.0-prerelease.1"
|
|
15
15
|
},
|
|
16
16
|
"peerDependencies": {
|
|
17
|
-
"@semcore/core": "^2.
|
|
17
|
+
"@semcore/core": "^2.10.0-prerelease.1",
|
|
18
18
|
"react": "16.8 - 18",
|
|
19
19
|
"react-dom": "16.8 - 18"
|
|
20
20
|
},
|