@semcore/breadcrumbs 16.0.0-prerelease.19 → 16.0.0-prerelease.20

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.
Files changed (11) hide show
  1. package/CHANGELOG.md +14 -2
  2. package/lib/cjs/Breadcrumbs.js +4 -2
  3. package/lib/cjs/Breadcrumbs.js.map +1 -1
  4. package/lib/cjs/index.d.js.map +1 -1
  5. package/lib/es6/Breadcrumbs.js +4 -2
  6. package/lib/es6/Breadcrumbs.js.map +1 -1
  7. package/lib/es6/index.d.js.map +1 -1
  8. package/lib/esm/Breadcrumbs.mjs +4 -1
  9. package/lib/esm/style/breadcrumbs.shadow.css +59 -0
  10. package/lib/types/index.d.ts +5 -7
  11. package/package.json +4 -4
package/CHANGELOG.md CHANGED
@@ -2,12 +2,24 @@
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
5
+ ## [16.0.0] - 2025-05-19
6
6
 
7
- ### Changed
7
+ ### Break
8
8
 
9
9
  - `keyboardFocusEnhance` to css `:focus-visible` property.
10
10
 
11
+ ## [5.49.2] - 2025-05-13
12
+
13
+ ### Changed
14
+
15
+ - Version patch update due to children dependencies update (`@semcore/utils` [4.48.4 ~> 4.48.5]).
16
+
17
+ ## [5.49.1] - 2025-05-09
18
+
19
+ ### Changed
20
+
21
+ - Version patch update due to children dependencies update (`@semcore/utils` [4.48.2 ~> 4.48.4], `@semcore/icon` [4.61.0 ~> 4.62.0]).
22
+
11
23
  ## [5.49.0] - 2025-04-11
12
24
 
13
25
  ### Changed
package/lib/cjs/Breadcrumbs.js CHANGED
@@ -17,8 +17,10 @@ var _flexBox = require("@semcore/flex-box");
17
17
  var _m = _interopRequireDefault(require("@semcore/icon/ChevronRight/m"));
18
18
  var _intergalacticDynamicLocales = require("./translations/__intergalactic-dynamic-locales");
19
19
  var _i18nEnhance = _interopRequireDefault(require("@semcore/core/lib/utils/enhances/i18nEnhance"));
20
- /*__reshadow-styles__:"./style/breadcrumbs.shadow.css"*/
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__*/, {
20
+ /*!__reshadow-styles__:"./style/breadcrumbs.shadow.css"*/
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_"),
22
+ /*__reshadow_css_end__*/
23
+ {
22
24
  "__SBreadcrumbs": "___SBreadcrumbs_k41rc_gg_",
23
25
  "__SListContainer": "___SListContainer_k41rc_gg_",
24
26
  "__SSeparator": "___SSeparator_k41rc_gg_",
package/lib/cjs/Breadcrumbs.js.map CHANGED
@@ -1 +1 @@
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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"}
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/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":""}
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":""}
package/lib/es6/Breadcrumbs.js CHANGED
@@ -13,8 +13,10 @@ import { Box } from '@semcore/flex-box';
13
13
  import SSeparator from '@semcore/icon/ChevronRight/m';
14
14
  import { localizedMessages } from './translations/__intergalactic-dynamic-locales';
15
15
  import i18nEnhance from '@semcore/core/lib/utils/enhances/i18nEnhance';
16
- /*__reshadow-styles__:"./style/breadcrumbs.shadow.css"*/
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__*/, {
16
+ /*!__reshadow-styles__:"./style/breadcrumbs.shadow.css"*/
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_"),
18
+ /*__reshadow_css_end__*/
19
+ {
18
20
  "__SBreadcrumbs": "___SBreadcrumbs_k41rc_gg_",
19
21
  "__SListContainer": "___SListContainer_k41rc_gg_",
20
22
  "__SSeparator": "___SSeparator_k41rc_gg_",
package/lib/es6/Breadcrumbs.js.map CHANGED
@@ -1 +1 @@
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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"}
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/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":""}
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":""}
package/lib/esm/Breadcrumbs.mjs CHANGED
@@ -10,13 +10,16 @@ import { Box } from "@semcore/flex-box";
10
10
  import SSeparator from "@semcore/icon/ChevronRight/m";
11
11
  import { localizedMessages } from "./translations/__intergalactic-dynamic-locales.mjs";
12
12
  import i18nEnhance from "@semcore/core/lib/utils/enhances/i18nEnhance";
13
+ /*!__reshadow-styles__:"./style/breadcrumbs.shadow.css"*/
13
14
  var style = (
14
15
  /*__reshadow_css_start__*/
15
16
  (sstyled.insert(
16
17
  /*__inner_css_start__*/
17
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}}",
19
+ /*__inner_css_end__*/
18
20
  "k41rc_gg_"
19
- ), {
21
+ ), /*__reshadow_css_end__*/
22
+ {
20
23
  "__SBreadcrumbs": "___SBreadcrumbs_k41rc_gg_",
21
24
  "__SListContainer": "___SListContainer_k41rc_gg_",
22
25
  "__SSeparator": "___SSeparator_k41rc_gg_",
package/lib/esm/style/breadcrumbs.shadow.css ADDED
@@ -0,0 +1,59 @@
1
+ SBreadcrumbs {
2
+ display: flex;
3
+ align-items: center;
4
+ padding: 0;
5
+ margin: 0;
6
+
7
+ SListContainer {
8
+ display: contents;
9
+ list-style: none;
10
+ overflow: hidden;
11
+ margin: 0;
12
+ padding: 0;
13
+
14
+ SSeparator {
15
+ margin: 0 var(--intergalactic-spacing-2x, 8px);
16
+ color: var(--intergalactic-icon-secondary-neutral, #a9abb6);
17
+ display: flex;
18
+
19
+ &:last-child {
20
+ display: none;
21
+ }
22
+ }
23
+
24
+ SListItem {
25
+ overflow: hidden;
26
+
27
+ /* we need this hack to show outline over `overflow: hidden` element */
28
+ padding: 4px;
29
+ margin: -4px;
30
+
31
+ SBreadcrumbsItem {
32
+ width: 100%;
33
+ display: block;
34
+ position: relative;
35
+ font-size: var(--intergalactic-fs-200, 14px);
36
+ line-height: var(--intergalactic-lh-200, 142%);
37
+ color: var(--intergalactic-text-secondary, #6c6e79);
38
+ text-decoration: none;
39
+ cursor: pointer;
40
+ text-overflow: ellipsis;
41
+ white-space: nowrap;
42
+ overflow: hidden;
43
+
44
+ &:hover {
45
+ text-decoration: underline;
46
+ color: var(--intergalactic-text-primary, #191b23);
47
+ }
48
+ }
49
+
50
+ SBreadcrumbsItem[active] {
51
+ color: var(--intergalactic-text-primary, #191b23);
52
+ cursor: default;
53
+ &:hover {
54
+ text-decoration: none;
55
+ }
56
+ }
57
+ }
58
+ }
59
+ }
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/core/lib/utils/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
- KeyboardFocusProps & {
19
- /** The property is responsible for the activity of the element */
20
- active?: boolean;
21
- locale?: string;
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": "16.0.0-prerelease.19",
4
+ "version": "16.0.0-prerelease.20",
5
5
  "main": "lib/cjs/index.js",
6
6
  "module": "lib/es6/index.js",
7
7
  "typings": "lib/types/index.d.ts",
@@ -14,11 +14,11 @@
14
14
  "types": "./lib/types/index.d.ts"
15
15
  },
16
16
  "dependencies": {
17
- "@semcore/icon": "16.0.0-prerelease.19",
18
- "@semcore/flex-box": "16.0.0-prerelease.19"
17
+ "@semcore/icon": "16.0.0-prerelease.20",
18
+ "@semcore/flex-box": "16.0.0-prerelease.20"
19
19
  },
20
20
  "peerDependencies": {
21
- "@semcore/base-components": "^16.0.0-prerelease.19"
21
+ "@semcore/base-components": "^16.0.0-prerelease.20"
22
22
  },
23
23
  "repository": {
24
24
  "type": "git",