@semcore/accordion 16.7.2 → 16.8.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.8.0] - 2026-05-07
6
+
7
+ ### Added
8
+
9
+ - New brand theme.
10
+
5
11
  ## [16.7.2] - 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/accordion.svg)](https://www.npmjs.com/@semcore/accordion)
4
4
  [![downloads](https://img.shields.io/npm/dt/@semcore/accordion.svg)](https://www.npmjs.com/package/@semcore/accordion)
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,7 +20,7 @@ npm install @semcore/accordion
20
20
 
21
21
  ## 👤 Author
22
22
 
23
- [UI-kit team](https://github.com/semrush/intergalactic/blob/master/MAINTAINERS)
23
+ [UI-kit team](https://github.com/semrush/intergalactic/blob/HEAD/MAINTAINERS)
24
24
  and [others ❤️](https://github.com/semrush/intergalactic/graphs/contributors)
25
25
 
26
26
  ## 🤝 Contributing
@@ -28,7 +28,7 @@ and [others ❤️](https://github.com/semrush/intergalactic/graphs/contributors
28
28
  Contributions, issues and feature requests are welcome!
29
29
 
30
30
  Feel free to check [issues page](https://github.com/semrush/intergalactic/issues). You can also take a look at
31
- the [contributing guide](https://github.com/semrush/intergalactic/blob/master/CONTRIBUTING.md).
31
+ the [contributing guide](https://github.com/semrush/intergalactic/blob/HEAD/CONTRIBUTING.md).
32
32
 
33
33
  ## Show your support
34
34
 
@@ -36,4 +36,4 @@ Give a ⭐️ if this project helped you!
36
36
 
37
37
  ## 📝 License
38
38
 
39
- This project is [MIT](https://github.com/semrush/intergalactic/blob/master/LICENSE) licensed.
39
+ This project is [MIT](https://github.com/semrush/intergalactic/blob/HEAD/LICENSE) licensed.
@@ -22,15 +22,15 @@ var _m = _interopRequireDefault(require("@semcore/icon/ChevronRight/m"));
22
22
  var _typography = require("@semcore/typography");
23
23
  var _react = _interopRequireDefault(require("react"));
24
24
  /*!__reshadow-styles__:"./style/accordion.shadow.css"*/
25
- var style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SItemToggle_8za1a_gg_{display:flex;align-items:center;position:relative;cursor:pointer;outline:0}.___SItemToggle_8za1a_gg_.__use_8za1a_gg_.__use_8za1a_gg_{color:var(--intergalactic-text-primary, #191b23);font-weight:var(--intergalactic-regular, 400)}.___SItemToggle_8za1a_gg_.__use_8za1a_gg_._use_primary_8za1a_gg_{background-color:var(--intergalactic-bg-secondary-neutral, #f4f5f9);padding:var(--intergalactic-spacing-2x, 8px) var(--intergalactic-spacing-3x, 12px);margin-bottom:var(--intergalactic-spacing-05x, 2px)}@media (hover:hover){.___SItemToggle_8za1a_gg_.__use_8za1a_gg_._use_primary_8za1a_gg_:hover{background-color:var(--intergalactic-bg-secondary-neutral-hover, #e0e1e9)}}.___SItemToggle_8za1a_gg_.__disabled_8za1a_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default}.___SItemChevron_8za1a_gg_{transform:rotate(0deg);transition:transform calc(var(--intergalactic-duration-accordion, 200)*1ms) ease-out;fill:var(--intergalactic-icon-primary-neutral, #6c6e79)}.___SItemChevron_8za1a_gg_.__selected_8za1a_gg_{transform:rotate(90deg)}@media (prefers-reduced-motion){.___SItemChevron_8za1a_gg_{transition:none}}", /*__inner_css_end__*/"8za1a_gg_"),
25
+ var style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SItemToggle_1gexn_gg_{display:flex;align-items:center;position:relative;cursor:pointer;outline:0}.___SItemToggle_1gexn_gg_.__use_1gexn_gg_.__use_1gexn_gg_{color:var(--intergalactic-text-primary, rgba(1, 5, 0, 0.899));font-weight:var(--intergalactic-regular, 400)}.___SItemToggle_1gexn_gg_.__use_1gexn_gg_._use_primary_1gexn_gg_{background-color:var(--intergalactic-bg-secondary-neutral, rgb(248, 249, 248));padding:var(--intergalactic-spacing-2x, 8px) var(--intergalactic-spacing-3x, 12px);margin-bottom:var(--intergalactic-spacing-05x, 2px)}@media (hover:hover){.___SItemToggle_1gexn_gg_.__use_1gexn_gg_._use_primary_1gexn_gg_:hover{background-color:var(--intergalactic-bg-secondary-neutral-hover, rgb(241, 242, 242))}}.___SItemToggle_1gexn_gg_.__disabled_1gexn_gg_{opacity:var(--intergalactic-disabled-opacity, 0.4);cursor:default}.___SItemChevron_1gexn_gg_{transform:rotate(0deg);transition:transform calc(var(--intergalactic-duration-accordion, 200)*1ms) ease-out;fill:var(--intergalactic-icon-primary-neutral, rgba(0, 4, 1, 0.526))}.___SItemChevron_1gexn_gg_.__selected_1gexn_gg_{transform:rotate(90deg)}@media (prefers-reduced-motion){.___SItemChevron_1gexn_gg_{transition:none}}", /*__inner_css_end__*/"1gexn_gg_"),
26
26
  /*__reshadow_css_end__*/
27
27
  {
28
- "__SItemToggle": "___SItemToggle_8za1a_gg_",
29
- "_use": "__use_8za1a_gg_",
30
- "_use_primary": "_use_primary_8za1a_gg_",
31
- "_disabled": "__disabled_8za1a_gg_",
32
- "__SItemChevron": "___SItemChevron_8za1a_gg_",
33
- "_selected": "__selected_8za1a_gg_"
28
+ "__SItemToggle": "___SItemToggle_1gexn_gg_",
29
+ "_use": "__use_1gexn_gg_",
30
+ "_use_primary": "_use_primary_1gexn_gg_",
31
+ "_disabled": "__disabled_1gexn_gg_",
32
+ "__SItemChevron": "___SItemChevron_1gexn_gg_",
33
+ "_selected": "__selected_1gexn_gg_"
34
34
  });
35
35
  var RootAccordion = /*#__PURE__*/function (_Component) {
36
36
  function RootAccordion() {
@@ -7,27 +7,27 @@ SItemToggle {
7
7
  }
8
8
 
9
9
  SItemToggle[use][use] {
10
- color: var(--intergalactic-text-primary, #191b23);
10
+ color: var(--intergalactic-text-primary, oklch(0.1 0.03 137 / 0.899));
11
11
  font-weight: var(--intergalactic-regular, 400);
12
12
  }
13
13
  SItemToggle[use][use='primary'] {
14
- background-color: var(--intergalactic-bg-secondary-neutral, #f4f5f9);
14
+ background-color: var(--intergalactic-bg-secondary-neutral, oklch(0.98 0.001 180));
15
15
  padding: var(--intergalactic-spacing-2x, 8px) var(--intergalactic-spacing-3x, 12px);
16
16
  margin-bottom: var(--intergalactic-spacing-05x, 2px);
17
17
  }
18
18
  SItemToggle[use][use='primary']:hover {
19
- background-color: var(--intergalactic-bg-secondary-neutral-hover, #e0e1e9);
19
+ background-color: var(--intergalactic-bg-secondary-neutral-hover, oklch(0.96 0.001 180));
20
20
  }
21
21
 
22
22
  SItemToggle[disabled] {
23
- opacity: var(--intergalactic-disabled-opacity, 0.3);
23
+ opacity: var(--intergalactic-disabled-opacity, 0.4);
24
24
  cursor: default;
25
25
  }
26
26
 
27
27
  SItemChevron {
28
28
  transform: rotate(0deg);
29
29
  transition: transform calc(var(--intergalactic-duration-accordion, 200) * 1ms) ease-out;
30
- fill: var(--intergalactic-icon-primary-neutral, #6c6e79);
30
+ fill: var(--intergalactic-icon-primary-neutral, oklch(0.092 0.024 152.2 / 0.526));
31
31
 
32
32
  &[selected] {
33
33
  transform: rotate(90deg);
@@ -20,15 +20,15 @@ import ChevronRightM from '@semcore/icon/ChevronRight/m';
20
20
  import { Text } from '@semcore/typography';
21
21
  import React from 'react';
22
22
  /*!__reshadow-styles__:"./style/accordion.shadow.css"*/
23
- var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SItemToggle_8za1a_gg_{display:flex;align-items:center;position:relative;cursor:pointer;outline:0}.___SItemToggle_8za1a_gg_.__use_8za1a_gg_.__use_8za1a_gg_{color:var(--intergalactic-text-primary, #191b23);font-weight:var(--intergalactic-regular, 400)}.___SItemToggle_8za1a_gg_.__use_8za1a_gg_._use_primary_8za1a_gg_{background-color:var(--intergalactic-bg-secondary-neutral, #f4f5f9);padding:var(--intergalactic-spacing-2x, 8px) var(--intergalactic-spacing-3x, 12px);margin-bottom:var(--intergalactic-spacing-05x, 2px)}@media (hover:hover){.___SItemToggle_8za1a_gg_.__use_8za1a_gg_._use_primary_8za1a_gg_:hover{background-color:var(--intergalactic-bg-secondary-neutral-hover, #e0e1e9)}}.___SItemToggle_8za1a_gg_.__disabled_8za1a_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default}.___SItemChevron_8za1a_gg_{transform:rotate(0deg);transition:transform calc(var(--intergalactic-duration-accordion, 200)*1ms) ease-out;fill:var(--intergalactic-icon-primary-neutral, #6c6e79)}.___SItemChevron_8za1a_gg_.__selected_8za1a_gg_{transform:rotate(90deg)}@media (prefers-reduced-motion){.___SItemChevron_8za1a_gg_{transition:none}}", /*__inner_css_end__*/"8za1a_gg_"),
23
+ var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SItemToggle_1gexn_gg_{display:flex;align-items:center;position:relative;cursor:pointer;outline:0}.___SItemToggle_1gexn_gg_.__use_1gexn_gg_.__use_1gexn_gg_{color:var(--intergalactic-text-primary, rgba(1, 5, 0, 0.899));font-weight:var(--intergalactic-regular, 400)}.___SItemToggle_1gexn_gg_.__use_1gexn_gg_._use_primary_1gexn_gg_{background-color:var(--intergalactic-bg-secondary-neutral, rgb(248, 249, 248));padding:var(--intergalactic-spacing-2x, 8px) var(--intergalactic-spacing-3x, 12px);margin-bottom:var(--intergalactic-spacing-05x, 2px)}@media (hover:hover){.___SItemToggle_1gexn_gg_.__use_1gexn_gg_._use_primary_1gexn_gg_:hover{background-color:var(--intergalactic-bg-secondary-neutral-hover, rgb(241, 242, 242))}}.___SItemToggle_1gexn_gg_.__disabled_1gexn_gg_{opacity:var(--intergalactic-disabled-opacity, 0.4);cursor:default}.___SItemChevron_1gexn_gg_{transform:rotate(0deg);transition:transform calc(var(--intergalactic-duration-accordion, 200)*1ms) ease-out;fill:var(--intergalactic-icon-primary-neutral, rgba(0, 4, 1, 0.526))}.___SItemChevron_1gexn_gg_.__selected_1gexn_gg_{transform:rotate(90deg)}@media (prefers-reduced-motion){.___SItemChevron_1gexn_gg_{transition:none}}", /*__inner_css_end__*/"1gexn_gg_"),
24
24
  /*__reshadow_css_end__*/
25
25
  {
26
- "__SItemToggle": "___SItemToggle_8za1a_gg_",
27
- "_use": "__use_8za1a_gg_",
28
- "_use_primary": "_use_primary_8za1a_gg_",
29
- "_disabled": "__disabled_8za1a_gg_",
30
- "__SItemChevron": "___SItemChevron_8za1a_gg_",
31
- "_selected": "__selected_8za1a_gg_"
26
+ "__SItemToggle": "___SItemToggle_1gexn_gg_",
27
+ "_use": "__use_1gexn_gg_",
28
+ "_use_primary": "_use_primary_1gexn_gg_",
29
+ "_disabled": "__disabled_1gexn_gg_",
30
+ "__SItemChevron": "___SItemChevron_1gexn_gg_",
31
+ "_selected": "__selected_1gexn_gg_"
32
32
  });
33
33
  var RootAccordion = /*#__PURE__*/function (_Component) {
34
34
  function RootAccordion() {
@@ -7,27 +7,27 @@ SItemToggle {
7
7
  }
8
8
 
9
9
  SItemToggle[use][use] {
10
- color: var(--intergalactic-text-primary, #191b23);
10
+ color: var(--intergalactic-text-primary, oklch(0.1 0.03 137 / 0.899));
11
11
  font-weight: var(--intergalactic-regular, 400);
12
12
  }
13
13
  SItemToggle[use][use='primary'] {
14
- background-color: var(--intergalactic-bg-secondary-neutral, #f4f5f9);
14
+ background-color: var(--intergalactic-bg-secondary-neutral, oklch(0.98 0.001 180));
15
15
  padding: var(--intergalactic-spacing-2x, 8px) var(--intergalactic-spacing-3x, 12px);
16
16
  margin-bottom: var(--intergalactic-spacing-05x, 2px);
17
17
  }
18
18
  SItemToggle[use][use='primary']:hover {
19
- background-color: var(--intergalactic-bg-secondary-neutral-hover, #e0e1e9);
19
+ background-color: var(--intergalactic-bg-secondary-neutral-hover, oklch(0.96 0.001 180));
20
20
  }
21
21
 
22
22
  SItemToggle[disabled] {
23
- opacity: var(--intergalactic-disabled-opacity, 0.3);
23
+ opacity: var(--intergalactic-disabled-opacity, 0.4);
24
24
  cursor: default;
25
25
  }
26
26
 
27
27
  SItemChevron {
28
28
  transform: rotate(0deg);
29
29
  transition: transform calc(var(--intergalactic-duration-accordion, 200) * 1ms) ease-out;
30
- fill: var(--intergalactic-icon-primary-neutral, #6c6e79);
30
+ fill: var(--intergalactic-icon-primary-neutral, oklch(0.092 0.024 152.2 / 0.526));
31
31
 
32
32
  &[selected] {
33
33
  transform: rotate(90deg);
@@ -19,17 +19,17 @@ var style = (
19
19
  /*__reshadow_css_start__*/
20
20
  (sstyled.insert(
21
21
  /*__inner_css_start__*/
22
- ".___SItemToggle_8za1a_gg_{display:flex;align-items:center;position:relative;cursor:pointer;outline:0}.___SItemToggle_8za1a_gg_.__use_8za1a_gg_.__use_8za1a_gg_{color:var(--intergalactic-text-primary, #191b23);font-weight:var(--intergalactic-regular, 400)}.___SItemToggle_8za1a_gg_.__use_8za1a_gg_._use_primary_8za1a_gg_{background-color:var(--intergalactic-bg-secondary-neutral, #f4f5f9);padding:var(--intergalactic-spacing-2x, 8px) var(--intergalactic-spacing-3x, 12px);margin-bottom:var(--intergalactic-spacing-05x, 2px)}@media (hover:hover){.___SItemToggle_8za1a_gg_.__use_8za1a_gg_._use_primary_8za1a_gg_:hover{background-color:var(--intergalactic-bg-secondary-neutral-hover, #e0e1e9)}}.___SItemToggle_8za1a_gg_.__disabled_8za1a_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default}.___SItemChevron_8za1a_gg_{transform:rotate(0deg);transition:transform calc(var(--intergalactic-duration-accordion, 200)*1ms) ease-out;fill:var(--intergalactic-icon-primary-neutral, #6c6e79)}.___SItemChevron_8za1a_gg_.__selected_8za1a_gg_{transform:rotate(90deg)}@media (prefers-reduced-motion){.___SItemChevron_8za1a_gg_{transition:none}}",
22
+ ".___SItemToggle_1gexn_gg_{display:flex;align-items:center;position:relative;cursor:pointer;outline:0}.___SItemToggle_1gexn_gg_.__use_1gexn_gg_.__use_1gexn_gg_{color:var(--intergalactic-text-primary, rgba(1, 5, 0, 0.899));font-weight:var(--intergalactic-regular, 400)}.___SItemToggle_1gexn_gg_.__use_1gexn_gg_._use_primary_1gexn_gg_{background-color:var(--intergalactic-bg-secondary-neutral, rgb(248, 249, 248));padding:var(--intergalactic-spacing-2x, 8px) var(--intergalactic-spacing-3x, 12px);margin-bottom:var(--intergalactic-spacing-05x, 2px)}@media (hover:hover){.___SItemToggle_1gexn_gg_.__use_1gexn_gg_._use_primary_1gexn_gg_:hover{background-color:var(--intergalactic-bg-secondary-neutral-hover, rgb(241, 242, 242))}}.___SItemToggle_1gexn_gg_.__disabled_1gexn_gg_{opacity:var(--intergalactic-disabled-opacity, 0.4);cursor:default}.___SItemChevron_1gexn_gg_{transform:rotate(0deg);transition:transform calc(var(--intergalactic-duration-accordion, 200)*1ms) ease-out;fill:var(--intergalactic-icon-primary-neutral, rgba(0, 4, 1, 0.526))}.___SItemChevron_1gexn_gg_.__selected_1gexn_gg_{transform:rotate(90deg)}@media (prefers-reduced-motion){.___SItemChevron_1gexn_gg_{transition:none}}",
23
23
  /*__inner_css_end__*/
24
- "8za1a_gg_"
24
+ "1gexn_gg_"
25
25
  ), /*__reshadow_css_end__*/
26
26
  {
27
- "__SItemToggle": "___SItemToggle_8za1a_gg_",
28
- "_use": "__use_8za1a_gg_",
29
- "_use_primary": "_use_primary_8za1a_gg_",
30
- "_disabled": "__disabled_8za1a_gg_",
31
- "__SItemChevron": "___SItemChevron_8za1a_gg_",
32
- "_selected": "__selected_8za1a_gg_"
27
+ "__SItemToggle": "___SItemToggle_1gexn_gg_",
28
+ "_use": "__use_1gexn_gg_",
29
+ "_use_primary": "_use_primary_1gexn_gg_",
30
+ "_disabled": "__disabled_1gexn_gg_",
31
+ "__SItemChevron": "___SItemChevron_1gexn_gg_",
32
+ "_selected": "__selected_1gexn_gg_"
33
33
  })
34
34
  );
35
35
  var RootAccordion = /* @__PURE__ */ (function(_Component) {
@@ -7,27 +7,27 @@ SItemToggle {
7
7
  }
8
8
 
9
9
  SItemToggle[use][use] {
10
- color: var(--intergalactic-text-primary, #191b23);
10
+ color: var(--intergalactic-text-primary, oklch(0.1 0.03 137 / 0.899));
11
11
  font-weight: var(--intergalactic-regular, 400);
12
12
  }
13
13
  SItemToggle[use][use='primary'] {
14
- background-color: var(--intergalactic-bg-secondary-neutral, #f4f5f9);
14
+ background-color: var(--intergalactic-bg-secondary-neutral, oklch(0.98 0.001 180));
15
15
  padding: var(--intergalactic-spacing-2x, 8px) var(--intergalactic-spacing-3x, 12px);
16
16
  margin-bottom: var(--intergalactic-spacing-05x, 2px);
17
17
  }
18
18
  SItemToggle[use][use='primary']:hover {
19
- background-color: var(--intergalactic-bg-secondary-neutral-hover, #e0e1e9);
19
+ background-color: var(--intergalactic-bg-secondary-neutral-hover, oklch(0.96 0.001 180));
20
20
  }
21
21
 
22
22
  SItemToggle[disabled] {
23
- opacity: var(--intergalactic-disabled-opacity, 0.3);
23
+ opacity: var(--intergalactic-disabled-opacity, 0.4);
24
24
  cursor: default;
25
25
  }
26
26
 
27
27
  SItemChevron {
28
28
  transform: rotate(0deg);
29
29
  transition: transform calc(var(--intergalactic-duration-accordion, 200) * 1ms) ease-out;
30
- fill: var(--intergalactic-icon-primary-neutral, #6c6e79);
30
+ fill: var(--intergalactic-icon-primary-neutral, oklch(0.092 0.024 152.2 / 0.526));
31
31
 
32
32
  &[selected] {
33
33
  transform: rotate(90deg);
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@semcore/accordion",
3
3
  "description": "Semrush Accordion Component",
4
- "version": "16.7.2",
4
+ "version": "16.8.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,15 +14,15 @@
14
14
  "types": "./lib/types/index.d.ts"
15
15
  },
16
16
  "dependencies": {
17
- "@semcore/animation": "16.0.7",
18
- "@semcore/flex-box": "16.0.11",
19
- "@semcore/icon": "16.7.3",
20
- "@semcore/button": "16.0.12",
21
- "@semcore/typography": "16.3.2",
17
+ "@semcore/animation": "16.1.0-prerelease.0",
18
+ "@semcore/flex-box": "16.1.0-prerelease.0",
19
+ "@semcore/icon": "16.8.0-prerelease.0",
20
+ "@semcore/button": "16.1.0-prerelease.0",
21
+ "@semcore/typography": "16.4.0-prerelease.0",
22
22
  "csstype": "3.1.3"
23
23
  },
24
24
  "peerDependencies": {
25
- "@semcore/base-components": "^16.0.0"
25
+ "@semcore/base-components": "^16.6.0-prerelease.0"
26
26
  },
27
27
  "repository": {
28
28
  "type": "git",
@@ -30,8 +30,8 @@
30
30
  "directory": "semcore/accordion"
31
31
  },
32
32
  "devDependencies": {
33
- "@semcore/testing-utils": "1.0.0",
34
- "@semcore/core": "16.5.1"
33
+ "@semcore/core": "16.6.0-prerelease.0",
34
+ "@semcore/testing-utils": "1.0.0"
35
35
  },
36
36
  "scripts": {
37
37
  "build": "pnpm semcore-builder --source=js && pnpm vite build"