@semcore/accordion 17.0.2-prerelease.1 → 17.1.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.
Files changed (8) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/lib/cjs/Accordion.js +7 -7
  3. package/lib/cjs/style/accordion.shadow.css +5 -5
  4. package/lib/es6/Accordion.js +7 -7
  5. package/lib/es6/style/accordion.shadow.css +5 -5
  6. package/lib/esm/Accordion.mjs +8 -8
  7. package/lib/esm/style/accordion.shadow.css +5 -5
  8. package/package.json +7 -7
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
+ ## [17.1.0] - 2026-05-12
6
+
7
+ ### Added
8
+
9
+ - New brand theme.
10
+
5
11
  ## [17.0.2] - 2026-04-30
6
12
 
7
13
  ### Fixed
package/lib/cjs/Accordion.js CHANGED
@@ -15,15 +15,15 @@ var _m = _interopRequireDefault(require("@semcore/icon/ChevronRight/m"));
15
15
  var _typography = require("@semcore/typography");
16
16
  var _react = _interopRequireDefault(require("react"));
17
17
  /*!__reshadow-styles__:"./style/accordion.shadow.css"*/
18
- const style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SItemToggle_1q20s_gg_{display:flex;align-items:center;position:relative;cursor:pointer;outline:0}.___SItemToggle_1q20s_gg_.__use_1q20s_gg_.__use_1q20s_gg_{color:var(--intergalactic-text-primary, #191b23);font-weight:var(--intergalactic-regular, 400)}.___SItemToggle_1q20s_gg_.__use_1q20s_gg_._use_primary_1q20s_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_1q20s_gg_.__use_1q20s_gg_._use_primary_1q20s_gg_:hover{background-color:var(--intergalactic-bg-secondary-neutral-hover, #e0e1e9)}}.___SItemToggle_1q20s_gg_.__disabled_1q20s_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default}.___SItemChevron_1q20s_gg_{margin-right:var(--intergalactic-spacing-2x, 8px);transform:rotate(0deg);transition:transform calc(var(--intergalactic-duration-accordion, 200)*1ms) ease-out;fill:var(--intergalactic-icon-primary-neutral, #6c6e79)}.___SItemChevron_1q20s_gg_.__selected_1q20s_gg_{transform:rotate(90deg)}@media (prefers-reduced-motion){.___SItemChevron_1q20s_gg_{transition:none}}", /*__inner_css_end__*/"1q20s_gg_"),
18
+ const style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SItemToggle_3rnb6_gg_{display:flex;align-items:center;position:relative;cursor:pointer;outline:0}.___SItemToggle_3rnb6_gg_.__use_3rnb6_gg_.__use_3rnb6_gg_{color:var(--intergalactic-text-primary, rgba(1, 5, 0, 0.899));font-weight:var(--intergalactic-regular, 400)}.___SItemToggle_3rnb6_gg_.__use_3rnb6_gg_._use_primary_3rnb6_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_3rnb6_gg_.__use_3rnb6_gg_._use_primary_3rnb6_gg_:hover{background-color:var(--intergalactic-bg-secondary-neutral-hover, rgb(241, 242, 242))}}.___SItemToggle_3rnb6_gg_.__disabled_3rnb6_gg_{opacity:var(--intergalactic-disabled-opacity, 0.4);cursor:default}.___SItemChevron_3rnb6_gg_{margin-right:var(--intergalactic-spacing-2x, 8px);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_3rnb6_gg_.__selected_3rnb6_gg_{transform:rotate(90deg)}@media (prefers-reduced-motion){.___SItemChevron_3rnb6_gg_{transition:none}}", /*__inner_css_end__*/"3rnb6_gg_"),
19
19
  /*__reshadow_css_end__*/
20
20
  {
21
- "__SItemToggle": "___SItemToggle_1q20s_gg_",
22
- "_use": "__use_1q20s_gg_",
23
- "_use_primary": "_use_primary_1q20s_gg_",
24
- "_disabled": "__disabled_1q20s_gg_",
25
- "__SItemChevron": "___SItemChevron_1q20s_gg_",
26
- "_selected": "__selected_1q20s_gg_"
21
+ "__SItemToggle": "___SItemToggle_3rnb6_gg_",
22
+ "_use": "__use_3rnb6_gg_",
23
+ "_use_primary": "_use_primary_3rnb6_gg_",
24
+ "_disabled": "__disabled_3rnb6_gg_",
25
+ "__SItemChevron": "___SItemChevron_3rnb6_gg_",
26
+ "_selected": "__selected_3rnb6_gg_"
27
27
  });
28
28
  class RootAccordion extends _core.Component {
29
29
  constructor(...args) {
package/lib/cjs/style/accordion.shadow.css CHANGED
@@ -7,20 +7,20 @@ 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
 
@@ -28,7 +28,7 @@ SItemChevron {
28
28
  margin-right: var(--intergalactic-spacing-2x, 8px);
29
29
  transform: rotate(0deg);
30
30
  transition: transform calc(var(--intergalactic-duration-accordion, 200) * 1ms) ease-out;
31
- fill: var(--intergalactic-icon-primary-neutral, #6c6e79);
31
+ fill: var(--intergalactic-icon-primary-neutral, oklch(0.092 0.024 152.2 / 0.526));
32
32
 
33
33
  &[selected] {
34
34
  transform: rotate(90deg);
package/lib/es6/Accordion.js CHANGED
@@ -13,15 +13,15 @@ import ChevronRightM from '@semcore/icon/ChevronRight/m';
13
13
  import { Text } from '@semcore/typography';
14
14
  import React from 'react';
15
15
  /*!__reshadow-styles__:"./style/accordion.shadow.css"*/
16
- const style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SItemToggle_1q20s_gg_{display:flex;align-items:center;position:relative;cursor:pointer;outline:0}.___SItemToggle_1q20s_gg_.__use_1q20s_gg_.__use_1q20s_gg_{color:var(--intergalactic-text-primary, #191b23);font-weight:var(--intergalactic-regular, 400)}.___SItemToggle_1q20s_gg_.__use_1q20s_gg_._use_primary_1q20s_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_1q20s_gg_.__use_1q20s_gg_._use_primary_1q20s_gg_:hover{background-color:var(--intergalactic-bg-secondary-neutral-hover, #e0e1e9)}}.___SItemToggle_1q20s_gg_.__disabled_1q20s_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default}.___SItemChevron_1q20s_gg_{margin-right:var(--intergalactic-spacing-2x, 8px);transform:rotate(0deg);transition:transform calc(var(--intergalactic-duration-accordion, 200)*1ms) ease-out;fill:var(--intergalactic-icon-primary-neutral, #6c6e79)}.___SItemChevron_1q20s_gg_.__selected_1q20s_gg_{transform:rotate(90deg)}@media (prefers-reduced-motion){.___SItemChevron_1q20s_gg_{transition:none}}", /*__inner_css_end__*/"1q20s_gg_"),
16
+ const style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SItemToggle_3rnb6_gg_{display:flex;align-items:center;position:relative;cursor:pointer;outline:0}.___SItemToggle_3rnb6_gg_.__use_3rnb6_gg_.__use_3rnb6_gg_{color:var(--intergalactic-text-primary, rgba(1, 5, 0, 0.899));font-weight:var(--intergalactic-regular, 400)}.___SItemToggle_3rnb6_gg_.__use_3rnb6_gg_._use_primary_3rnb6_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_3rnb6_gg_.__use_3rnb6_gg_._use_primary_3rnb6_gg_:hover{background-color:var(--intergalactic-bg-secondary-neutral-hover, rgb(241, 242, 242))}}.___SItemToggle_3rnb6_gg_.__disabled_3rnb6_gg_{opacity:var(--intergalactic-disabled-opacity, 0.4);cursor:default}.___SItemChevron_3rnb6_gg_{margin-right:var(--intergalactic-spacing-2x, 8px);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_3rnb6_gg_.__selected_3rnb6_gg_{transform:rotate(90deg)}@media (prefers-reduced-motion){.___SItemChevron_3rnb6_gg_{transition:none}}", /*__inner_css_end__*/"3rnb6_gg_"),
17
17
  /*__reshadow_css_end__*/
18
18
  {
19
- "__SItemToggle": "___SItemToggle_1q20s_gg_",
20
- "_use": "__use_1q20s_gg_",
21
- "_use_primary": "_use_primary_1q20s_gg_",
22
- "_disabled": "__disabled_1q20s_gg_",
23
- "__SItemChevron": "___SItemChevron_1q20s_gg_",
24
- "_selected": "__selected_1q20s_gg_"
19
+ "__SItemToggle": "___SItemToggle_3rnb6_gg_",
20
+ "_use": "__use_3rnb6_gg_",
21
+ "_use_primary": "_use_primary_3rnb6_gg_",
22
+ "_disabled": "__disabled_3rnb6_gg_",
23
+ "__SItemChevron": "___SItemChevron_3rnb6_gg_",
24
+ "_selected": "__selected_3rnb6_gg_"
25
25
  });
26
26
  class RootAccordion extends Component {
27
27
  constructor(...args) {
package/lib/es6/style/accordion.shadow.css CHANGED
@@ -7,20 +7,20 @@ 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
 
@@ -28,7 +28,7 @@ SItemChevron {
28
28
  margin-right: var(--intergalactic-spacing-2x, 8px);
29
29
  transform: rotate(0deg);
30
30
  transition: transform calc(var(--intergalactic-duration-accordion, 200) * 1ms) ease-out;
31
- fill: var(--intergalactic-icon-primary-neutral, #6c6e79);
31
+ fill: var(--intergalactic-icon-primary-neutral, oklch(0.092 0.024 152.2 / 0.526));
32
32
 
33
33
  &[selected] {
34
34
  transform: rotate(90deg);
package/lib/esm/Accordion.mjs CHANGED
@@ -12,17 +12,17 @@ const style = (
12
12
  /*__reshadow_css_start__*/
13
13
  (sstyled.insert(
14
14
  /*__inner_css_start__*/
15
- ".___SItemToggle_1q20s_gg_{display:flex;align-items:center;position:relative;cursor:pointer;outline:0}.___SItemToggle_1q20s_gg_.__use_1q20s_gg_.__use_1q20s_gg_{color:var(--intergalactic-text-primary, #191b23);font-weight:var(--intergalactic-regular, 400)}.___SItemToggle_1q20s_gg_.__use_1q20s_gg_._use_primary_1q20s_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_1q20s_gg_.__use_1q20s_gg_._use_primary_1q20s_gg_:hover{background-color:var(--intergalactic-bg-secondary-neutral-hover, #e0e1e9)}}.___SItemToggle_1q20s_gg_.__disabled_1q20s_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default}.___SItemChevron_1q20s_gg_{margin-right:var(--intergalactic-spacing-2x, 8px);transform:rotate(0deg);transition:transform calc(var(--intergalactic-duration-accordion, 200)*1ms) ease-out;fill:var(--intergalactic-icon-primary-neutral, #6c6e79)}.___SItemChevron_1q20s_gg_.__selected_1q20s_gg_{transform:rotate(90deg)}@media (prefers-reduced-motion){.___SItemChevron_1q20s_gg_{transition:none}}",
15
+ ".___SItemToggle_3rnb6_gg_{display:flex;align-items:center;position:relative;cursor:pointer;outline:0}.___SItemToggle_3rnb6_gg_.__use_3rnb6_gg_.__use_3rnb6_gg_{color:var(--intergalactic-text-primary, rgba(1, 5, 0, 0.899));font-weight:var(--intergalactic-regular, 400)}.___SItemToggle_3rnb6_gg_.__use_3rnb6_gg_._use_primary_3rnb6_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_3rnb6_gg_.__use_3rnb6_gg_._use_primary_3rnb6_gg_:hover{background-color:var(--intergalactic-bg-secondary-neutral-hover, rgb(241, 242, 242))}}.___SItemToggle_3rnb6_gg_.__disabled_3rnb6_gg_{opacity:var(--intergalactic-disabled-opacity, 0.4);cursor:default}.___SItemChevron_3rnb6_gg_{margin-right:var(--intergalactic-spacing-2x, 8px);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_3rnb6_gg_.__selected_3rnb6_gg_{transform:rotate(90deg)}@media (prefers-reduced-motion){.___SItemChevron_3rnb6_gg_{transition:none}}",
16
16
  /*__inner_css_end__*/
17
- "1q20s_gg_"
17
+ "3rnb6_gg_"
18
18
  ), /*__reshadow_css_end__*/
19
19
  {
20
- "__SItemToggle": "___SItemToggle_1q20s_gg_",
21
- "_use": "__use_1q20s_gg_",
22
- "_use_primary": "_use_primary_1q20s_gg_",
23
- "_disabled": "__disabled_1q20s_gg_",
24
- "__SItemChevron": "___SItemChevron_1q20s_gg_",
25
- "_selected": "__selected_1q20s_gg_"
20
+ "__SItemToggle": "___SItemToggle_3rnb6_gg_",
21
+ "_use": "__use_3rnb6_gg_",
22
+ "_use_primary": "_use_primary_3rnb6_gg_",
23
+ "_disabled": "__disabled_3rnb6_gg_",
24
+ "__SItemChevron": "___SItemChevron_3rnb6_gg_",
25
+ "_selected": "__selected_3rnb6_gg_"
26
26
  })
27
27
  );
28
28
  class RootAccordion extends Component {
package/lib/esm/style/accordion.shadow.css CHANGED
@@ -7,20 +7,20 @@ 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
 
@@ -28,7 +28,7 @@ SItemChevron {
28
28
  margin-right: var(--intergalactic-spacing-2x, 8px);
29
29
  transform: rotate(0deg);
30
30
  transition: transform calc(var(--intergalactic-duration-accordion, 200) * 1ms) ease-out;
31
- fill: var(--intergalactic-icon-primary-neutral, #6c6e79);
31
+ fill: var(--intergalactic-icon-primary-neutral, oklch(0.092 0.024 152.2 / 0.526));
32
32
 
33
33
  &[selected] {
34
34
  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": "17.0.2-prerelease.1",
4
+ "version": "17.1.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,8 +14,8 @@
14
14
  "require": "./lib/cjs/index.js"
15
15
  },
16
16
  "dependencies": {
17
- "@semcore/button": "^17.0.1-prerelease.1",
18
- "@semcore/typography": "^17.0.2-prerelease.1",
17
+ "@semcore/button": "^17.1.0-prerelease.0",
18
+ "@semcore/typography": "^17.1.0-prerelease.0",
19
19
  "csstype": "3.1.3"
20
20
  },
21
21
  "peerDependencies": {
@@ -28,10 +28,10 @@
28
28
  "directory": "semcore/accordion"
29
29
  },
30
30
  "devDependencies": {
31
- "@semcore/core": "17.0.1",
32
- "@semcore/base-components": "17.0.2-prerelease.1",
33
- "@semcore/testing-utils": "1.0.0",
34
- "@semcore/icon": "17.0.1-prerelease.1"
31
+ "@semcore/core": "17.1.0-prerelease.0",
32
+ "@semcore/base-components": "17.0.2-prerelease.0",
33
+ "@semcore/icon": "17.1.0",
34
+ "@semcore/testing-utils": "1.0.0"
35
35
  },
36
36
  "scripts": {
37
37
  "build": "pnpm semcore-builder && pnpm vite build"