@semcore/breadcrumbs 5.30.0 → 5.31.0-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 +3 -3
- package/lib/cjs/Breadcrumbs.js +7 -6
- package/lib/cjs/Breadcrumbs.js.map +1 -1
- package/lib/es6/Breadcrumbs.js +7 -7
- package/package.json +5 -5
package/CHANGELOG.md
CHANGED
|
@@ -2,13 +2,13 @@
|
|
|
2
2
|
|
|
3
3
|
CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangelog.com/en/1.0.0/).
|
|
4
4
|
|
|
5
|
-
## [5.
|
|
5
|
+
## [5.31.0] - 2024-05-16
|
|
6
6
|
|
|
7
7
|
### Changed
|
|
8
8
|
|
|
9
|
-
- Version minor update due to children dependencies update (`@semcore/utils` [4.
|
|
9
|
+
- Version minor update due to children dependencies update (`@semcore/utils` [4.25.0 ~> 4.26.1]).
|
|
10
10
|
|
|
11
|
-
## [5.
|
|
11
|
+
## [5.30.0] - 2024-05-16
|
|
12
12
|
|
|
13
13
|
### Changed
|
|
14
14
|
|
package/lib/cjs/Breadcrumbs.js
CHANGED
|
@@ -12,6 +12,7 @@ var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/creat
|
|
|
12
12
|
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
13
13
|
var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
|
|
14
14
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
15
|
+
var _index = require("@semcore/utils/lib/core/index");
|
|
15
16
|
var _core = _interopRequireWildcard(require("@semcore/core"));
|
|
16
17
|
var _react = _interopRequireDefault(require("react"));
|
|
17
18
|
var _flexBox = require("@semcore/flex-box");
|
|
@@ -20,12 +21,12 @@ var _keyboardFocusEnhance = _interopRequireDefault(require("@semcore/utils/lib/e
|
|
|
20
21
|
var _intergalacticDynamicLocales = require("./translations/__intergalactic-dynamic-locales");
|
|
21
22
|
var _i18nEnhance = _interopRequireDefault(require("@semcore/utils/lib/enhances/i18nEnhance"));
|
|
22
23
|
/*__reshadow-styles__:"./style/breadcrumbs.shadow.css"*/
|
|
23
|
-
var style = ( /*__reshadow_css_start__*/
|
|
24
|
-
"__SBreadcrumbs": "
|
|
25
|
-
"__SBreadcrumbsItem": "
|
|
26
|
-
"_keyboardFocused": "
|
|
27
|
-
"__SSeparator": "
|
|
28
|
-
"_active": "
|
|
24
|
+
var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SBreadcrumbs_mmh17_gg_{display:flex;align-items:center;padding:0;margin:0;list-style:none}.___SSeparator_mmh17_gg_{margin:0 var(--intergalactic-spacing-2x, 8px);color:var(--intergalactic-icon-secondary-neutral, #a9abb6);display:flex}.___SSeparator_mmh17_gg_:last-child{display:none}.___SBreadcrumbsItem_mmh17_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_mmh17_gg_:hover{-webkit-text-decoration:underline;text-decoration:underline;color:var(--intergalactic-text-primary, #191b23)}}.___SBreadcrumbsItem_mmh17_gg_.__keyboardFocused_mmh17_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SBreadcrumbsItem_mmh17_gg_.__active_mmh17_gg_{color:var(--intergalactic-text-primary, #191b23);cursor:default}@media (hover:hover){.___SBreadcrumbsItem_mmh17_gg_.__active_mmh17_gg_:hover{-webkit-text-decoration:none;text-decoration:none}}" /*__inner_css_end__*/, "mmh17_gg_") /*__reshadow_css_end__*/, {
|
|
25
|
+
"__SBreadcrumbs": "___SBreadcrumbs_mmh17_gg_",
|
|
26
|
+
"__SBreadcrumbsItem": "___SBreadcrumbsItem_mmh17_gg_",
|
|
27
|
+
"_keyboardFocused": "__keyboardFocused_mmh17_gg_",
|
|
28
|
+
"__SSeparator": "___SSeparator_mmh17_gg_",
|
|
29
|
+
"_active": "__active_mmh17_gg_"
|
|
29
30
|
});
|
|
30
31
|
var Breadcrumbs = /*#__PURE__*/function (_Component) {
|
|
31
32
|
(0, _inherits2["default"])(Breadcrumbs, _Component);
|
|
@@ -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 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":"
|
|
1
|
+
{"version":3,"file":"Breadcrumbs.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_flexBox","_m","_keyboardFocusEnhance","_intergalacticDynamicLocales","_i18nEnhance","style","_index","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
|
@@ -4,7 +4,7 @@ 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/core";
|
|
7
|
+
import { sstyled as _sstyled } from "@semcore/utils/lib/core/index";
|
|
8
8
|
import { assignProps as _assignProps2 } from "@semcore/core";
|
|
9
9
|
import { assignProps as _assignProps } from "@semcore/core";
|
|
10
10
|
import React from 'react';
|
|
@@ -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_mmh17_gg_{display:flex;align-items:center;padding:0;margin:0;list-style:none}.___SSeparator_mmh17_gg_{margin:0 var(--intergalactic-spacing-2x, 8px);color:var(--intergalactic-icon-secondary-neutral, #a9abb6);display:flex}.___SSeparator_mmh17_gg_:last-child{display:none}.___SBreadcrumbsItem_mmh17_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_mmh17_gg_:hover{-webkit-text-decoration:underline;text-decoration:underline;color:var(--intergalactic-text-primary, #191b23)}}.___SBreadcrumbsItem_mmh17_gg_.__keyboardFocused_mmh17_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SBreadcrumbsItem_mmh17_gg_.__active_mmh17_gg_{color:var(--intergalactic-text-primary, #191b23);cursor:default}@media (hover:hover){.___SBreadcrumbsItem_mmh17_gg_.__active_mmh17_gg_:hover{-webkit-text-decoration:none;text-decoration:none}}" /*__inner_css_end__*/, "mmh17_gg_") /*__reshadow_css_end__*/, {
|
|
19
|
+
"__SBreadcrumbs": "___SBreadcrumbs_mmh17_gg_",
|
|
20
|
+
"__SBreadcrumbsItem": "___SBreadcrumbsItem_mmh17_gg_",
|
|
21
|
+
"_keyboardFocused": "__keyboardFocused_mmh17_gg_",
|
|
22
|
+
"__SSeparator": "___SSeparator_mmh17_gg_",
|
|
23
|
+
"_active": "__active_mmh17_gg_"
|
|
24
24
|
});
|
|
25
25
|
var Breadcrumbs = /*#__PURE__*/function (_Component) {
|
|
26
26
|
_inherits(Breadcrumbs, _Component);
|
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.31.0-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.26.1-prerelease.1",
|
|
13
|
+
"@semcore/icon": "4.34.0-prerelease.1",
|
|
14
|
+
"@semcore/flex-box": "5.25.0-prerelease.1"
|
|
15
15
|
},
|
|
16
16
|
"peerDependencies": {
|
|
17
|
-
"@semcore/core": "^2.
|
|
17
|
+
"@semcore/core": "^2.23.0-prerelease.1",
|
|
18
18
|
"react": "16.8 - 18",
|
|
19
19
|
"react-dom": "16.8 - 18"
|
|
20
20
|
},
|