@semcore/breadcrumbs 16.5.4 → 16.6.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 CHANGED
@@ -2,6 +2,12 @@
2
2
 
3
3
  CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangelog.com/en/1.0.0/).
4
4
 
5
+ ## [16.6.0] - 2026-05-07
6
+
7
+ ### Added
8
+
9
+ - New brand theme.
10
+
5
11
  ## [16.5.4] - 2025-11-17
6
12
 
7
13
  ### Changed
package/README.md CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
  [![version](https://img.shields.io/npm/v/@semcore/breadcrumbs.svg)](https://www.npmjs.com/@semcore/breadcrumbs)
4
4
  [![downloads](https://img.shields.io/npm/dt/@semcore/breadcrumbs.svg)](https://www.npmjs.com/package/@semcore/breadcrumbs)
5
- [![License: MIT](https://img.shields.io/badge/License-MIT-green.svg)](https://github.com/semrush/intergalactic/blob/master/LICENSE)
5
+ [![License: MIT](https://img.shields.io/badge/License-MIT-green.svg)](https://github.com/semrush/intergalactic/blob/HEAD/LICENSE)
6
6
 
7
7
  > This component is part of the Intergalactic Design System
8
8
 
@@ -20,13 +20,13 @@ npm install @semcore/breadcrumbs
20
20
 
21
21
  ## 👤 Author
22
22
 
23
- [UI-kit team](https://github.com/semrush/intergalactic/blob/master/MAINTAINERS) and [others ❤️](https://github.com/semrush/intergalactic/graphs/contributors)
23
+ [UI-kit team](https://github.com/semrush/intergalactic/blob/HEAD/MAINTAINERS) and [others ❤️](https://github.com/semrush/intergalactic/graphs/contributors)
24
24
 
25
25
  ## 🤝 Contributing
26
26
 
27
27
  Contributions, issues and feature requests are welcome!
28
28
 
29
- Feel free to check [issues page](https://github.com/semrush/intergalactic/issues). You can also take a look at the [contributing guide](https://github.com/semrush/intergalactic/blob/master/CONTRIBUTING.md).
29
+ Feel free to check [issues page](https://github.com/semrush/intergalactic/issues). You can also take a look at the [contributing guide](https://github.com/semrush/intergalactic/blob/HEAD/CONTRIBUTING.md).
30
30
 
31
31
  ## Show your support
32
32
 
@@ -34,4 +34,4 @@ Give a ⭐️ if this project helped you!
34
34
 
35
35
  ## 📝 License
36
36
 
37
- This project is [MIT](https://github.com/semrush/intergalactic/blob/master/LICENSE) licensed.
37
+ This project is [MIT](https://github.com/semrush/intergalactic/blob/HEAD/LICENSE) licensed.
@@ -18,15 +18,15 @@ var _m = _interopRequireDefault(require("@semcore/icon/ChevronRight/m"));
18
18
  var _react = _interopRequireDefault(require("react"));
19
19
  var _intergalacticDynamicLocales = require("./translations/__intergalactic-dynamic-locales");
20
20
  /*!__reshadow-styles__:"./style/breadcrumbs.shadow.css"*/
21
- var style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SBreadcrumbs_snw6g_gg_{display:flex;align-items:center;padding:0;margin:0}.___SBreadcrumbs_snw6g_gg_ .___SListContainer_snw6g_gg_{display:contents;list-style:none;overflow:hidden;margin:0;padding:0}.___SBreadcrumbs_snw6g_gg_ .___SListContainer_snw6g_gg_ .___SSeparator_snw6g_gg_{margin:0 var(--intergalactic-spacing-2x, 8px);color:var(--intergalactic-icon-secondary-neutral, #a9abb6);display:flex}.___SBreadcrumbs_snw6g_gg_ .___SListContainer_snw6g_gg_ .___SSeparator_snw6g_gg_:last-child{display:none}.___SBreadcrumbs_snw6g_gg_ .___SListContainer_snw6g_gg_ .___SListItem_snw6g_gg_{overflow:hidden;padding:4px;margin:-4px}.___SBreadcrumbs_snw6g_gg_ .___SListContainer_snw6g_gg_ .___SListItem_snw6g_gg_ .___SBreadcrumbsItem_snw6g_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_snw6g_gg_ .___SListContainer_snw6g_gg_ .___SListItem_snw6g_gg_ .___SBreadcrumbsItem_snw6g_gg_:hover{-webkit-text-decoration:underline;text-decoration:underline;color:var(--intergalactic-text-primary, #191b23)}}.___SBreadcrumbs_snw6g_gg_ .___SListContainer_snw6g_gg_ .___SListItem_snw6g_gg_ .___SBreadcrumbsItem_snw6g_gg_.__active_snw6g_gg_{color:var(--intergalactic-text-primary, #191b23);cursor:default}@media (hover:hover){.___SBreadcrumbs_snw6g_gg_ .___SListContainer_snw6g_gg_ .___SListItem_snw6g_gg_ .___SBreadcrumbsItem_snw6g_gg_.__active_snw6g_gg_:hover{-webkit-text-decoration:none;text-decoration:none}}", /*__inner_css_end__*/"snw6g_gg_"),
21
+ var style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SBreadcrumbs_1fi6a_gg_{display:flex;align-items:center;padding:0;margin:0}.___SBreadcrumbs_1fi6a_gg_ .___SListContainer_1fi6a_gg_{display:contents;list-style:none;overflow:hidden;margin:0;padding:0}.___SBreadcrumbs_1fi6a_gg_ .___SListContainer_1fi6a_gg_ .___SSeparator_1fi6a_gg_{margin:0 var(--intergalactic-spacing-2x, 8px);color:var(--intergalactic-icon-secondary-neutral, rgba(0, 5, 2, 0.385));display:flex}@supports (color:color(display-p3 0 0 0%)){.___SBreadcrumbs_1fi6a_gg_ .___SListContainer_1fi6a_gg_ .___SSeparator_1fi6a_gg_{color:var(--intergalactic-icon-secondary-neutral, rgba(0, 5, 2, 0.385))}@media (color-gamut:p3){.___SBreadcrumbs_1fi6a_gg_ .___SListContainer_1fi6a_gg_ .___SSeparator_1fi6a_gg_{color:var(--intergalactic-icon-secondary-neutral, color(display-p3 0.0036 0.02041 0.00996 / 0.385))}}}.___SBreadcrumbs_1fi6a_gg_ .___SListContainer_1fi6a_gg_ .___SSeparator_1fi6a_gg_:last-child{display:none}.___SBreadcrumbs_1fi6a_gg_ .___SListContainer_1fi6a_gg_ .___SListItem_1fi6a_gg_{overflow:hidden;padding:4px;margin:-4px}.___SBreadcrumbs_1fi6a_gg_ .___SListContainer_1fi6a_gg_ .___SListItem_1fi6a_gg_ .___SBreadcrumbsItem_1fi6a_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, rgba(0, 3, 0, 0.583));text-decoration:none;cursor:pointer;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}@supports (color:color(display-p3 0 0 0%)){.___SBreadcrumbs_1fi6a_gg_ .___SListContainer_1fi6a_gg_ .___SListItem_1fi6a_gg_ .___SBreadcrumbsItem_1fi6a_gg_{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583))}@media (color-gamut:p3){.___SBreadcrumbs_1fi6a_gg_ .___SListContainer_1fi6a_gg_ .___SListItem_1fi6a_gg_ .___SBreadcrumbsItem_1fi6a_gg_{color:var(--intergalactic-text-secondary, color(display-p3 0.00228 0.01289 0.00252 / 0.583))}}}@media (hover:hover){.___SBreadcrumbs_1fi6a_gg_ .___SListContainer_1fi6a_gg_ .___SListItem_1fi6a_gg_ .___SBreadcrumbsItem_1fi6a_gg_:hover{text-decoration:underline;color:var(--intergalactic-text-primary, rgba(1, 5, 0, 0.899))}}.___SBreadcrumbs_1fi6a_gg_ .___SListContainer_1fi6a_gg_ .___SListItem_1fi6a_gg_ .___SBreadcrumbsItem_1fi6a_gg_.__active_1fi6a_gg_{color:var(--intergalactic-text-primary, rgba(1, 5, 0, 0.899));cursor:default}@media (hover:hover){.___SBreadcrumbs_1fi6a_gg_ .___SListContainer_1fi6a_gg_ .___SListItem_1fi6a_gg_ .___SBreadcrumbsItem_1fi6a_gg_.__active_1fi6a_gg_:hover{text-decoration:none}}", /*__inner_css_end__*/"1fi6a_gg_"),
22
22
  /*__reshadow_css_end__*/
23
23
  {
24
- "__SBreadcrumbs": "___SBreadcrumbs_snw6g_gg_",
25
- "__SListContainer": "___SListContainer_snw6g_gg_",
26
- "__SSeparator": "___SSeparator_snw6g_gg_",
27
- "__SListItem": "___SListItem_snw6g_gg_",
28
- "__SBreadcrumbsItem": "___SBreadcrumbsItem_snw6g_gg_",
29
- "_active": "__active_snw6g_gg_"
24
+ "__SBreadcrumbs": "___SBreadcrumbs_1fi6a_gg_",
25
+ "__SListContainer": "___SListContainer_1fi6a_gg_",
26
+ "__SSeparator": "___SSeparator_1fi6a_gg_",
27
+ "__SListItem": "___SListItem_1fi6a_gg_",
28
+ "__SBreadcrumbsItem": "___SBreadcrumbsItem_1fi6a_gg_",
29
+ "_active": "__active_1fi6a_gg_"
30
30
  });
31
31
  var Breadcrumbs = /*#__PURE__*/function (_Component) {
32
32
  function Breadcrumbs() {
@@ -13,7 +13,7 @@ SBreadcrumbs {
13
13
 
14
14
  SSeparator {
15
15
  margin: 0 var(--intergalactic-spacing-2x, 8px);
16
- color: var(--intergalactic-icon-secondary-neutral, #a9abb6);
16
+ color: var(--intergalactic-icon-secondary-neutral, oklch(0.104 0.023 162.3 / 0.385));
17
17
  display: flex;
18
18
 
19
19
  &:last-child {
@@ -34,7 +34,7 @@ SBreadcrumbs {
34
34
  position: relative;
35
35
  font-size: var(--intergalactic-fs-200, 14px);
36
36
  line-height: var(--intergalactic-lh-200, 142%);
37
- color: var(--intergalactic-text-secondary, #6c6e79);
37
+ color: var(--intergalactic-text-secondary, oklch(0.088 0.026 147.7 / 0.583));
38
38
  text-decoration: none;
39
39
  cursor: pointer;
40
40
  text-overflow: ellipsis;
@@ -43,12 +43,12 @@ SBreadcrumbs {
43
43
 
44
44
  &:hover {
45
45
  text-decoration: underline;
46
- color: var(--intergalactic-text-primary, #191b23);
46
+ color: var(--intergalactic-text-primary, oklch(0.1 0.03 137 / 0.899));
47
47
  }
48
48
  }
49
49
 
50
50
  SBreadcrumbsItem[active] {
51
- color: var(--intergalactic-text-primary, #191b23);
51
+ color: var(--intergalactic-text-primary, oklch(0.1 0.03 137 / 0.899));
52
52
  cursor: default;
53
53
  &:hover {
54
54
  text-decoration: none;
@@ -13,15 +13,15 @@ import { Box } from '@semcore/flex-box';
13
13
  import SSeparator from '@semcore/icon/ChevronRight/m';
14
14
  import React from 'react';
15
15
  /*!__reshadow-styles__:"./style/breadcrumbs.shadow.css"*/
16
- var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SBreadcrumbs_snw6g_gg_{display:flex;align-items:center;padding:0;margin:0}.___SBreadcrumbs_snw6g_gg_ .___SListContainer_snw6g_gg_{display:contents;list-style:none;overflow:hidden;margin:0;padding:0}.___SBreadcrumbs_snw6g_gg_ .___SListContainer_snw6g_gg_ .___SSeparator_snw6g_gg_{margin:0 var(--intergalactic-spacing-2x, 8px);color:var(--intergalactic-icon-secondary-neutral, #a9abb6);display:flex}.___SBreadcrumbs_snw6g_gg_ .___SListContainer_snw6g_gg_ .___SSeparator_snw6g_gg_:last-child{display:none}.___SBreadcrumbs_snw6g_gg_ .___SListContainer_snw6g_gg_ .___SListItem_snw6g_gg_{overflow:hidden;padding:4px;margin:-4px}.___SBreadcrumbs_snw6g_gg_ .___SListContainer_snw6g_gg_ .___SListItem_snw6g_gg_ .___SBreadcrumbsItem_snw6g_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_snw6g_gg_ .___SListContainer_snw6g_gg_ .___SListItem_snw6g_gg_ .___SBreadcrumbsItem_snw6g_gg_:hover{-webkit-text-decoration:underline;text-decoration:underline;color:var(--intergalactic-text-primary, #191b23)}}.___SBreadcrumbs_snw6g_gg_ .___SListContainer_snw6g_gg_ .___SListItem_snw6g_gg_ .___SBreadcrumbsItem_snw6g_gg_.__active_snw6g_gg_{color:var(--intergalactic-text-primary, #191b23);cursor:default}@media (hover:hover){.___SBreadcrumbs_snw6g_gg_ .___SListContainer_snw6g_gg_ .___SListItem_snw6g_gg_ .___SBreadcrumbsItem_snw6g_gg_.__active_snw6g_gg_:hover{-webkit-text-decoration:none;text-decoration:none}}", /*__inner_css_end__*/"snw6g_gg_"),
16
+ var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SBreadcrumbs_1fi6a_gg_{display:flex;align-items:center;padding:0;margin:0}.___SBreadcrumbs_1fi6a_gg_ .___SListContainer_1fi6a_gg_{display:contents;list-style:none;overflow:hidden;margin:0;padding:0}.___SBreadcrumbs_1fi6a_gg_ .___SListContainer_1fi6a_gg_ .___SSeparator_1fi6a_gg_{margin:0 var(--intergalactic-spacing-2x, 8px);color:var(--intergalactic-icon-secondary-neutral, rgba(0, 5, 2, 0.385));display:flex}@supports (color:color(display-p3 0 0 0%)){.___SBreadcrumbs_1fi6a_gg_ .___SListContainer_1fi6a_gg_ .___SSeparator_1fi6a_gg_{color:var(--intergalactic-icon-secondary-neutral, rgba(0, 5, 2, 0.385))}@media (color-gamut:p3){.___SBreadcrumbs_1fi6a_gg_ .___SListContainer_1fi6a_gg_ .___SSeparator_1fi6a_gg_{color:var(--intergalactic-icon-secondary-neutral, color(display-p3 0.0036 0.02041 0.00996 / 0.385))}}}.___SBreadcrumbs_1fi6a_gg_ .___SListContainer_1fi6a_gg_ .___SSeparator_1fi6a_gg_:last-child{display:none}.___SBreadcrumbs_1fi6a_gg_ .___SListContainer_1fi6a_gg_ .___SListItem_1fi6a_gg_{overflow:hidden;padding:4px;margin:-4px}.___SBreadcrumbs_1fi6a_gg_ .___SListContainer_1fi6a_gg_ .___SListItem_1fi6a_gg_ .___SBreadcrumbsItem_1fi6a_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, rgba(0, 3, 0, 0.583));text-decoration:none;cursor:pointer;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}@supports (color:color(display-p3 0 0 0%)){.___SBreadcrumbs_1fi6a_gg_ .___SListContainer_1fi6a_gg_ .___SListItem_1fi6a_gg_ .___SBreadcrumbsItem_1fi6a_gg_{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583))}@media (color-gamut:p3){.___SBreadcrumbs_1fi6a_gg_ .___SListContainer_1fi6a_gg_ .___SListItem_1fi6a_gg_ .___SBreadcrumbsItem_1fi6a_gg_{color:var(--intergalactic-text-secondary, color(display-p3 0.00228 0.01289 0.00252 / 0.583))}}}@media (hover:hover){.___SBreadcrumbs_1fi6a_gg_ .___SListContainer_1fi6a_gg_ .___SListItem_1fi6a_gg_ .___SBreadcrumbsItem_1fi6a_gg_:hover{text-decoration:underline;color:var(--intergalactic-text-primary, rgba(1, 5, 0, 0.899))}}.___SBreadcrumbs_1fi6a_gg_ .___SListContainer_1fi6a_gg_ .___SListItem_1fi6a_gg_ .___SBreadcrumbsItem_1fi6a_gg_.__active_1fi6a_gg_{color:var(--intergalactic-text-primary, rgba(1, 5, 0, 0.899));cursor:default}@media (hover:hover){.___SBreadcrumbs_1fi6a_gg_ .___SListContainer_1fi6a_gg_ .___SListItem_1fi6a_gg_ .___SBreadcrumbsItem_1fi6a_gg_.__active_1fi6a_gg_:hover{text-decoration:none}}", /*__inner_css_end__*/"1fi6a_gg_"),
17
17
  /*__reshadow_css_end__*/
18
18
  {
19
- "__SBreadcrumbs": "___SBreadcrumbs_snw6g_gg_",
20
- "__SListContainer": "___SListContainer_snw6g_gg_",
21
- "__SSeparator": "___SSeparator_snw6g_gg_",
22
- "__SListItem": "___SListItem_snw6g_gg_",
23
- "__SBreadcrumbsItem": "___SBreadcrumbsItem_snw6g_gg_",
24
- "_active": "__active_snw6g_gg_"
19
+ "__SBreadcrumbs": "___SBreadcrumbs_1fi6a_gg_",
20
+ "__SListContainer": "___SListContainer_1fi6a_gg_",
21
+ "__SSeparator": "___SSeparator_1fi6a_gg_",
22
+ "__SListItem": "___SListItem_1fi6a_gg_",
23
+ "__SBreadcrumbsItem": "___SBreadcrumbsItem_1fi6a_gg_",
24
+ "_active": "__active_1fi6a_gg_"
25
25
  });
26
26
  import { localizedMessages } from './translations/__intergalactic-dynamic-locales';
27
27
  var Breadcrumbs = /*#__PURE__*/function (_Component) {
@@ -13,7 +13,7 @@ SBreadcrumbs {
13
13
 
14
14
  SSeparator {
15
15
  margin: 0 var(--intergalactic-spacing-2x, 8px);
16
- color: var(--intergalactic-icon-secondary-neutral, #a9abb6);
16
+ color: var(--intergalactic-icon-secondary-neutral, oklch(0.104 0.023 162.3 / 0.385));
17
17
  display: flex;
18
18
 
19
19
  &:last-child {
@@ -34,7 +34,7 @@ SBreadcrumbs {
34
34
  position: relative;
35
35
  font-size: var(--intergalactic-fs-200, 14px);
36
36
  line-height: var(--intergalactic-lh-200, 142%);
37
- color: var(--intergalactic-text-secondary, #6c6e79);
37
+ color: var(--intergalactic-text-secondary, oklch(0.088 0.026 147.7 / 0.583));
38
38
  text-decoration: none;
39
39
  cursor: pointer;
40
40
  text-overflow: ellipsis;
@@ -43,12 +43,12 @@ SBreadcrumbs {
43
43
 
44
44
  &:hover {
45
45
  text-decoration: underline;
46
- color: var(--intergalactic-text-primary, #191b23);
46
+ color: var(--intergalactic-text-primary, oklch(0.1 0.03 137 / 0.899));
47
47
  }
48
48
  }
49
49
 
50
50
  SBreadcrumbsItem[active] {
51
- color: var(--intergalactic-text-primary, #191b23);
51
+ color: var(--intergalactic-text-primary, oklch(0.1 0.03 137 / 0.899));
52
52
  cursor: default;
53
53
  &:hover {
54
54
  text-decoration: none;
@@ -15,17 +15,17 @@ var style = (
15
15
  /*__reshadow_css_start__*/
16
16
  (sstyled.insert(
17
17
  /*__inner_css_start__*/
18
- ".___SBreadcrumbs_snw6g_gg_{display:flex;align-items:center;padding:0;margin:0}.___SBreadcrumbs_snw6g_gg_ .___SListContainer_snw6g_gg_{display:contents;list-style:none;overflow:hidden;margin:0;padding:0}.___SBreadcrumbs_snw6g_gg_ .___SListContainer_snw6g_gg_ .___SSeparator_snw6g_gg_{margin:0 var(--intergalactic-spacing-2x, 8px);color:var(--intergalactic-icon-secondary-neutral, #a9abb6);display:flex}.___SBreadcrumbs_snw6g_gg_ .___SListContainer_snw6g_gg_ .___SSeparator_snw6g_gg_:last-child{display:none}.___SBreadcrumbs_snw6g_gg_ .___SListContainer_snw6g_gg_ .___SListItem_snw6g_gg_{overflow:hidden;padding:4px;margin:-4px}.___SBreadcrumbs_snw6g_gg_ .___SListContainer_snw6g_gg_ .___SListItem_snw6g_gg_ .___SBreadcrumbsItem_snw6g_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_snw6g_gg_ .___SListContainer_snw6g_gg_ .___SListItem_snw6g_gg_ .___SBreadcrumbsItem_snw6g_gg_:hover{-webkit-text-decoration:underline;text-decoration:underline;color:var(--intergalactic-text-primary, #191b23)}}.___SBreadcrumbs_snw6g_gg_ .___SListContainer_snw6g_gg_ .___SListItem_snw6g_gg_ .___SBreadcrumbsItem_snw6g_gg_.__active_snw6g_gg_{color:var(--intergalactic-text-primary, #191b23);cursor:default}@media (hover:hover){.___SBreadcrumbs_snw6g_gg_ .___SListContainer_snw6g_gg_ .___SListItem_snw6g_gg_ .___SBreadcrumbsItem_snw6g_gg_.__active_snw6g_gg_:hover{-webkit-text-decoration:none;text-decoration:none}}",
18
+ ".___SBreadcrumbs_1fi6a_gg_{display:flex;align-items:center;padding:0;margin:0}.___SBreadcrumbs_1fi6a_gg_ .___SListContainer_1fi6a_gg_{display:contents;list-style:none;overflow:hidden;margin:0;padding:0}.___SBreadcrumbs_1fi6a_gg_ .___SListContainer_1fi6a_gg_ .___SSeparator_1fi6a_gg_{margin:0 var(--intergalactic-spacing-2x, 8px);color:var(--intergalactic-icon-secondary-neutral, rgba(0, 5, 2, 0.385));display:flex}@supports (color:color(display-p3 0 0 0%)){.___SBreadcrumbs_1fi6a_gg_ .___SListContainer_1fi6a_gg_ .___SSeparator_1fi6a_gg_{color:var(--intergalactic-icon-secondary-neutral, rgba(0, 5, 2, 0.385))}@media (color-gamut:p3){.___SBreadcrumbs_1fi6a_gg_ .___SListContainer_1fi6a_gg_ .___SSeparator_1fi6a_gg_{color:var(--intergalactic-icon-secondary-neutral, color(display-p3 0.0036 0.02041 0.00996 / 0.385))}}}.___SBreadcrumbs_1fi6a_gg_ .___SListContainer_1fi6a_gg_ .___SSeparator_1fi6a_gg_:last-child{display:none}.___SBreadcrumbs_1fi6a_gg_ .___SListContainer_1fi6a_gg_ .___SListItem_1fi6a_gg_{overflow:hidden;padding:4px;margin:-4px}.___SBreadcrumbs_1fi6a_gg_ .___SListContainer_1fi6a_gg_ .___SListItem_1fi6a_gg_ .___SBreadcrumbsItem_1fi6a_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, rgba(0, 3, 0, 0.583));text-decoration:none;cursor:pointer;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}@supports (color:color(display-p3 0 0 0%)){.___SBreadcrumbs_1fi6a_gg_ .___SListContainer_1fi6a_gg_ .___SListItem_1fi6a_gg_ .___SBreadcrumbsItem_1fi6a_gg_{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583))}@media (color-gamut:p3){.___SBreadcrumbs_1fi6a_gg_ .___SListContainer_1fi6a_gg_ .___SListItem_1fi6a_gg_ .___SBreadcrumbsItem_1fi6a_gg_{color:var(--intergalactic-text-secondary, color(display-p3 0.00228 0.01289 0.00252 / 0.583))}}}@media (hover:hover){.___SBreadcrumbs_1fi6a_gg_ .___SListContainer_1fi6a_gg_ .___SListItem_1fi6a_gg_ .___SBreadcrumbsItem_1fi6a_gg_:hover{text-decoration:underline;color:var(--intergalactic-text-primary, rgba(1, 5, 0, 0.899))}}.___SBreadcrumbs_1fi6a_gg_ .___SListContainer_1fi6a_gg_ .___SListItem_1fi6a_gg_ .___SBreadcrumbsItem_1fi6a_gg_.__active_1fi6a_gg_{color:var(--intergalactic-text-primary, rgba(1, 5, 0, 0.899));cursor:default}@media (hover:hover){.___SBreadcrumbs_1fi6a_gg_ .___SListContainer_1fi6a_gg_ .___SListItem_1fi6a_gg_ .___SBreadcrumbsItem_1fi6a_gg_.__active_1fi6a_gg_:hover{text-decoration:none}}",
19
19
  /*__inner_css_end__*/
20
- "snw6g_gg_"
20
+ "1fi6a_gg_"
21
21
  ), /*__reshadow_css_end__*/
22
22
  {
23
- "__SBreadcrumbs": "___SBreadcrumbs_snw6g_gg_",
24
- "__SListContainer": "___SListContainer_snw6g_gg_",
25
- "__SSeparator": "___SSeparator_snw6g_gg_",
26
- "__SListItem": "___SListItem_snw6g_gg_",
27
- "__SBreadcrumbsItem": "___SBreadcrumbsItem_snw6g_gg_",
28
- "_active": "__active_snw6g_gg_"
23
+ "__SBreadcrumbs": "___SBreadcrumbs_1fi6a_gg_",
24
+ "__SListContainer": "___SListContainer_1fi6a_gg_",
25
+ "__SSeparator": "___SSeparator_1fi6a_gg_",
26
+ "__SListItem": "___SListItem_1fi6a_gg_",
27
+ "__SBreadcrumbsItem": "___SBreadcrumbsItem_1fi6a_gg_",
28
+ "_active": "__active_1fi6a_gg_"
29
29
  })
30
30
  );
31
31
  var Breadcrumbs = /* @__PURE__ */ (function(_Component) {
@@ -13,7 +13,7 @@ SBreadcrumbs {
13
13
 
14
14
  SSeparator {
15
15
  margin: 0 var(--intergalactic-spacing-2x, 8px);
16
- color: var(--intergalactic-icon-secondary-neutral, #a9abb6);
16
+ color: var(--intergalactic-icon-secondary-neutral, oklch(0.104 0.023 162.3 / 0.385));
17
17
  display: flex;
18
18
 
19
19
  &:last-child {
@@ -34,7 +34,7 @@ SBreadcrumbs {
34
34
  position: relative;
35
35
  font-size: var(--intergalactic-fs-200, 14px);
36
36
  line-height: var(--intergalactic-lh-200, 142%);
37
- color: var(--intergalactic-text-secondary, #6c6e79);
37
+ color: var(--intergalactic-text-secondary, oklch(0.088 0.026 147.7 / 0.583));
38
38
  text-decoration: none;
39
39
  cursor: pointer;
40
40
  text-overflow: ellipsis;
@@ -43,12 +43,12 @@ SBreadcrumbs {
43
43
 
44
44
  &:hover {
45
45
  text-decoration: underline;
46
- color: var(--intergalactic-text-primary, #191b23);
46
+ color: var(--intergalactic-text-primary, oklch(0.1 0.03 137 / 0.899));
47
47
  }
48
48
  }
49
49
 
50
50
  SBreadcrumbsItem[active] {
51
- color: var(--intergalactic-text-primary, #191b23);
51
+ color: var(--intergalactic-text-primary, oklch(0.1 0.03 137 / 0.899));
52
52
  cursor: default;
53
53
  &:hover {
54
54
  text-decoration: none;
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@semcore/breadcrumbs",
3
3
  "description": "Semrush Breadcrumbs Component",
4
- "version": "16.5.4",
4
+ "version": "16.6.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,11 +14,11 @@
14
14
  "types": "./lib/types/index.d.ts"
15
15
  },
16
16
  "dependencies": {
17
- "@semcore/icon": "16.7.3",
18
- "@semcore/flex-box": "16.0.11"
17
+ "@semcore/icon": "16.8.0-prerelease.0",
18
+ "@semcore/flex-box": "16.1.0-prerelease.0"
19
19
  },
20
20
  "peerDependencies": {
21
- "@semcore/base-components": "^16.0.0"
21
+ "@semcore/base-components": "^16.6.0-prerelease.0"
22
22
  },
23
23
  "repository": {
24
24
  "type": "git",
@@ -27,7 +27,7 @@
27
27
  },
28
28
  "devDependencies": {
29
29
  "@semcore/testing-utils": "1.0.0",
30
- "@semcore/core": "16.5.1"
30
+ "@semcore/core": "16.6.0-prerelease.0"
31
31
  },
32
32
  "scripts": {
33
33
  "build": "pnpm semcore-builder --source=js && pnpm vite build"