@semcore/accordion 5.48.0 → 5.48.1

package/CHANGELOG.md

@@ -2,6 +2,12 @@
 
 CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangelog.com/en/1.0.0/).
 
+## [5.48.1] - 2025-05-09
+
+### Changed
+
+- Version patch update due to children dependencies update (`@semcore/icon` [4.61.0 ~> 4.62.0], `@semcore/utils` [4.48.2 ~> 4.48.4]).
+
 ## [5.48.0] - 2025-04-11
 
 ### Changed

package/lib/cjs/Accordion.js

@@ -25,16 +25,18 @@ var _l = _interopRequireDefault(require("@semcore/icon/ChevronRight/l"));
 var _keyboardFocusEnhance = _interopRequireDefault(require("@semcore/utils/lib/enhances/keyboardFocusEnhance"));
 var _uniqueID = _interopRequireDefault(require("@semcore/utils/lib/uniqueID"));
 var _useCssVariable = require("@semcore/utils/lib/useCssVariable");
-/*__reshadow-styles__:"./style/accordion.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SItemToggle_1swd4_gg_{display:flex;align-items:center;position:relative;cursor:pointer;outline:0}.___SItemToggle_1swd4_gg_.__keyboardFocused_1swd4_gg_:not(._tabIndex_-1_1swd4_gg_)::after{position:absolute;display:block;content:\"\";top:3px;right:3px;bottom:3px;left:3px;box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));pointer-events:none;z-index:3}.___SItemToggle_1swd4_gg_.__use_1swd4_gg_.__use_1swd4_gg_{color:var(--intergalactic-text-primary, #191b23);font-weight:var(--intergalactic-regular, 400)}.___SItemToggle_1swd4_gg_.__use_1swd4_gg_._use_primary_1swd4_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_1swd4_gg_.__use_1swd4_gg_._use_primary_1swd4_gg_:hover{background-color:var(--intergalactic-bg-secondary-neutral-hover, #e0e1e9)}}.___SItemToggle_1swd4_gg_.__disabled_1swd4_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default}.___SItemChevron_1swd4_gg_{transform:rotate(0deg);transition:transform calc(var(--intergalactic-duration-accordion, 200)*1ms) ease-out;fill:var(--intergalactic-icon-primary-neutral, #6c6e79)}.___SItemChevron_1swd4_gg_.__selected_1swd4_gg_{transform:rotate(90deg)}@media (prefers-reduced-motion){.___SItemChevron_1swd4_gg_{transition:none}}" /*__inner_css_end__*/, "1swd4_gg_") /*__reshadow_css_end__*/, {
-  "__SItemToggle": "___SItemToggle_1swd4_gg_",
-  "_keyboardFocused": "__keyboardFocused_1swd4_gg_",
-  "_tabIndex_-1": "_tabIndex_-1_1swd4_gg_",
-  "_use": "__use_1swd4_gg_",
-  "_use_primary": "_use_primary_1swd4_gg_",
-  "_disabled": "__disabled_1swd4_gg_",
-  "__SItemChevron": "___SItemChevron_1swd4_gg_",
-  "_selected": "__selected_1swd4_gg_"
+/*!__reshadow-styles__:"./style/accordion.shadow.css"*/
+var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SItemToggle_1ssz9_gg_{display:flex;align-items:center;position:relative;cursor:pointer;outline:0}.___SItemToggle_1ssz9_gg_.__keyboardFocused_1ssz9_gg_:not(._tabIndex_-1_1ssz9_gg_)::after{position:absolute;display:block;content:\"\";top:3px;right:3px;bottom:3px;left:3px;box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));pointer-events:none;z-index:3}.___SItemToggle_1ssz9_gg_.__use_1ssz9_gg_.__use_1ssz9_gg_{color:var(--intergalactic-text-primary, #191b23);font-weight:var(--intergalactic-regular, 400)}.___SItemToggle_1ssz9_gg_.__use_1ssz9_gg_._use_primary_1ssz9_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_1ssz9_gg_.__use_1ssz9_gg_._use_primary_1ssz9_gg_:hover{background-color:var(--intergalactic-bg-secondary-neutral-hover, #e0e1e9)}}.___SItemToggle_1ssz9_gg_.__disabled_1ssz9_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default}.___SItemChevron_1ssz9_gg_{transform:rotate(0deg);transition:transform calc(var(--intergalactic-duration-accordion, 200)*1ms) ease-out;fill:var(--intergalactic-icon-primary-neutral, #6c6e79)}.___SItemChevron_1ssz9_gg_.__selected_1ssz9_gg_{transform:rotate(90deg)}@media (prefers-reduced-motion){.___SItemChevron_1ssz9_gg_{transition:none}}", /*__inner_css_end__*/"1ssz9_gg_"),
+/*__reshadow_css_end__*/
+{
+  "__SItemToggle": "___SItemToggle_1ssz9_gg_",
+  "_keyboardFocused": "__keyboardFocused_1ssz9_gg_",
+  "_tabIndex_-1": "_tabIndex_-1_1ssz9_gg_",
+  "_use": "__use_1ssz9_gg_",
+  "_use_primary": "_use_primary_1ssz9_gg_",
+  "_disabled": "__disabled_1ssz9_gg_",
+  "__SItemChevron": "___SItemChevron_1ssz9_gg_",
+  "_selected": "__selected_1ssz9_gg_"
 });
 var RootAccordion = /*#__PURE__*/function (_Component) {
   (0, _inherits2["default"])(RootAccordion, _Component);

package/lib/cjs/Accordion.js.map

@@ -1 +1 @@
-{"version":3,"file":"Accordion.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_flexBox","_animation","_typography","_m","_l","_keyboardFocusEnhance","_uniqueID","_useCssVariable","style","_index","sstyled","insert","RootAccordion","_Component","_inherits2","_super","_createSuper2","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty2","_assertThisInitialized2","newValue","value","asProps","isArray","indexOfNewValue","indexOf","result","_toConsumableArray2","push","splice","handlers","_createClass2","key","uncontrolledProps","getItemProps","_ref8","_this$asProps","selectedValue","duration","use","selected","includes","$handleInteraction","handleToggleInteraction","render","Children","createElement","Component","defaultValue","cssVariableEnhance","variable","fallback","map","Number","parseInt","prop","RootItem","_Component2","_super2","_this2","_len2","_key2","_this2$asProps","getToggleProps","_this$asProps2","uid","disabled","onClick","undefined","handleClick","id","tag","size","getToggleButtonProps","_this$asProps3","getCollapseProps","_this$asProps4","role","getChevronProps","_this$asProps5","exports","uniqueIDEnhancement","Toggle","_Component3","_super3","_this3","_len3","_key3","React","createRef","event","toggleRef","current","target","currentTarget","click","preventDefault","_ref","_ref5","_this$asProps6","styles","SItemToggle","Text","cn","_objectSpread2","assignProps","handleKeyDown","keyboardFocusEnhance","Chevron","props","_ref2","arguments[0]","_ref6","SItemChevron","ChevronRightL","ChevronRightM","ToggleButton","_ref3","_ref7","SToggleButton","Flex","Collapse","_ref4","visible","CollapseAnimate","Item","createComponent","Accordion","wrapAccordion","wrapper","_default"],"sources":["../../src/Accordion.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, sstyled, Root } from '@semcore/core';\nimport { Box, Flex } from '@semcore/flex-box';\nimport { Collapse as CollapseAnimate } from '@semcore/animation';\nimport { Text } from '@semcore/typography';\nimport ChevronRightM from '@semcore/icon/ChevronRight/m';\nimport ChevronRightL from '@semcore/icon/ChevronRight/l';\nimport keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\nimport { cssVariableEnhance } from '@semcore/utils/lib/useCssVariable';\n\nimport style from './style/accordion.shadow.css';\n\nclass RootAccordion extends Component {\n  static displayName = 'Accordion';\n  static style = style;\n  static defaultProps = {\n    defaultValue: [],\n    use: 'secondary',\n  };\n  static enhance = [\n    cssVariableEnhance({\n      variable: '--intergalactic-duration-accordion',\n      fallback: '200',\n      map: Number.parseInt,\n      prop: 'duration',\n    }),\n  ];\n\n  uncontrolledProps() {\n    return {\n      value: null,\n    };\n  }\n\n  handleToggleInteraction = (newValue) => {\n    const { value } = this.asProps;\n\n    if (Array.isArray(value)) {\n      const indexOfNewValue = value.indexOf(newValue);\n      const result = [...value];\n      indexOfNewValue === -1 ? result.push(newValue) : result.splice(indexOfNewValue, 1);\n      this.handlers.value(result);\n    } else {\n      this.handlers.value(value === newValue ? null : newValue);\n    }\n  };\n\n  getItemProps({ value }) {\n    const { value: selectedValue, duration, use } = this.asProps;\n    const selected = Array.isArray(selectedValue)\n      ? selectedValue.includes(value)\n      : selectedValue === value;\n    return {\n      selected,\n      duration,\n      use,\n      $handleInteraction: this.handleToggleInteraction,\n    };\n  }\n\n  render() {\n    const { Children } = this.asProps;\n    return <Children />;\n  }\n}\n\nexport class RootItem extends Component {\n  static displayName = 'Item';\n  static style = style;\n  static enhance = [uniqueIDEnhancement()];\n\n  handleClick = () => {\n    const { value, $handleInteraction } = this.asProps;\n\n    $handleInteraction(value);\n  };\n\n  getToggleProps() {\n    const { value, uid, selected, disabled, use } = this.asProps;\n    return {\n      use,\n      disabled,\n      onClick: disabled ? undefined : this.handleClick,\n      id: `igc-${uid}-${value}-toggle`,\n      tag: 'h3',\n      size: 300,\n    };\n  }\n\n  getToggleButtonProps() {\n    const { value, uid, selected, disabled } = this.asProps;\n    return {\n      disabled,\n      id: `igc-${uid}-${value}-toggle-button`,\n      'aria-expanded': selected ? 'true' : 'false',\n      'aria-controls': selected ? `igc-${uid}-${value}-collapse` : undefined,\n    };\n  }\n\n  getCollapseProps() {\n    const { selected, uid, duration, value } = this.asProps;\n    return {\n      selected,\n      duration,\n      id: `igc-${uid}-${value}-collapse`,\n      role: 'region',\n      'aria-labelledby': `igc-${uid}-${value}-toggle-button`,\n    };\n  }\n\n  getChevronProps() {\n    const { selected, size } = this.asProps;\n    return {\n      selected,\n      size,\n    };\n  }\n\n  render() {\n    const { Children } = this.asProps;\n    return <Children />;\n  }\n}\n\nclass Toggle extends Component {\n  static enhance = [keyboardFocusEnhance()];\n\n  toggleRef = React.createRef();\n\n  handleKeyDown = (event) => {\n    if (event.key === 'Enter') {\n      if (this.toggleRef.current === event.target) {\n        event.currentTarget.click();\n      }\n    } else if (event.key === ' ') {\n      event.preventDefault();\n      if (this.toggleRef.current === event.target) {\n        event.currentTarget.click();\n      }\n    }\n  };\n\n  render() {\n    const { styles, disabled, use } = this.asProps;\n    const SItemToggle = Root;\n\n    return sstyled(styles)(\n      <SItemToggle use={use} ref={this.toggleRef} render={Text} onKeyDown={this.handleKeyDown} />,\n    );\n  }\n}\n\nfunction Chevron(props) {\n  const { styles, size } = props;\n\n  const SItemChevron = Root;\n  return sstyled(styles)(<SItemChevron render={size === 'l' ? ChevronRightL : ChevronRightM} />);\n}\n\nfunction ToggleButton(props) {\n  const { styles } = props;\n\n  const SToggleButton = Root;\n  return sstyled(styles)(\n    <SToggleButton alignItems='center' render={Flex} role={'button'} {...props} />,\n  );\n}\n\nfunction Collapse(props) {\n  const { selected } = props;\n  const visible = selected;\n\n  return (\n    <Root\n      render={CollapseAnimate}\n      visible={visible}\n      interactive\n      inert={!visible ? '' : undefined}\n      aria-hidden={!visible}\n    />\n  );\n}\n\nconst Item = createComponent(RootItem, {\n  Toggle,\n  Chevron,\n  ToggleButton,\n  Collapse,\n});\n\nconst Accordion = createComponent(RootAccordion, {\n  Item,\n});\n\nexport const wrapAccordion = (wrapper) => wrapper;\n\nexport default Accordion;\n"],"mappings":"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"}
+{"version":3,"file":"Accordion.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_flexBox","_animation","_typography","_m","_l","_keyboardFocusEnhance","_uniqueID","_useCssVariable","style","_index","sstyled","insert","RootAccordion","_Component","_inherits2","_super","_createSuper2","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty2","_assertThisInitialized2","newValue","value","asProps","isArray","indexOfNewValue","indexOf","result","_toConsumableArray2","push","splice","handlers","_createClass2","key","uncontrolledProps","getItemProps","_ref8","_this$asProps","selectedValue","duration","use","selected","includes","$handleInteraction","handleToggleInteraction","render","Children","createElement","Component","defaultValue","cssVariableEnhance","variable","fallback","map","Number","parseInt","prop","RootItem","_Component2","_super2","_this2","_len2","_key2","_this2$asProps","getToggleProps","_this$asProps2","uid","disabled","onClick","undefined","handleClick","id","tag","size","getToggleButtonProps","_this$asProps3","getCollapseProps","_this$asProps4","role","getChevronProps","_this$asProps5","exports","uniqueIDEnhancement","Toggle","_Component3","_super3","_this3","_len3","_key3","React","createRef","event","toggleRef","current","target","currentTarget","click","preventDefault","_ref","_ref5","_this$asProps6","styles","SItemToggle","Text","cn","_objectSpread2","assignProps","handleKeyDown","keyboardFocusEnhance","Chevron","props","_ref2","arguments[0]","_ref6","SItemChevron","ChevronRightL","ChevronRightM","ToggleButton","_ref3","_ref7","SToggleButton","Flex","Collapse","_ref4","visible","CollapseAnimate","Item","createComponent","Accordion","wrapAccordion","wrapper","_default"],"sources":["../../src/Accordion.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, sstyled, Root } from '@semcore/core';\nimport { Box, Flex } from '@semcore/flex-box';\nimport { Collapse as CollapseAnimate } from '@semcore/animation';\nimport { Text } from '@semcore/typography';\nimport ChevronRightM from '@semcore/icon/ChevronRight/m';\nimport ChevronRightL from '@semcore/icon/ChevronRight/l';\nimport keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\nimport { cssVariableEnhance } from '@semcore/utils/lib/useCssVariable';\n\nimport style from './style/accordion.shadow.css';\n\nclass RootAccordion extends Component {\n  static displayName = 'Accordion';\n  static style = style;\n  static defaultProps = {\n    defaultValue: [],\n    use: 'secondary',\n  };\n  static enhance = [\n    cssVariableEnhance({\n      variable: '--intergalactic-duration-accordion',\n      fallback: '200',\n      map: Number.parseInt,\n      prop: 'duration',\n    }),\n  ];\n\n  uncontrolledProps() {\n    return {\n      value: null,\n    };\n  }\n\n  handleToggleInteraction = (newValue) => {\n    const { value } = this.asProps;\n\n    if (Array.isArray(value)) {\n      const indexOfNewValue = value.indexOf(newValue);\n      const result = [...value];\n      indexOfNewValue === -1 ? result.push(newValue) : result.splice(indexOfNewValue, 1);\n      this.handlers.value(result);\n    } else {\n      this.handlers.value(value === newValue ? null : newValue);\n    }\n  };\n\n  getItemProps({ value }) {\n    const { value: selectedValue, duration, use } = this.asProps;\n    const selected = Array.isArray(selectedValue)\n      ? selectedValue.includes(value)\n      : selectedValue === value;\n    return {\n      selected,\n      duration,\n      use,\n      $handleInteraction: this.handleToggleInteraction,\n    };\n  }\n\n  render() {\n    const { Children } = this.asProps;\n    return <Children />;\n  }\n}\n\nexport class RootItem extends Component {\n  static displayName = 'Item';\n  static style = style;\n  static enhance = [uniqueIDEnhancement()];\n\n  handleClick = () => {\n    const { value, $handleInteraction } = this.asProps;\n\n    $handleInteraction(value);\n  };\n\n  getToggleProps() {\n    const { value, uid, selected, disabled, use } = this.asProps;\n    return {\n      use,\n      disabled,\n      onClick: disabled ? undefined : this.handleClick,\n      id: `igc-${uid}-${value}-toggle`,\n      tag: 'h3',\n      size: 300,\n    };\n  }\n\n  getToggleButtonProps() {\n    const { value, uid, selected, disabled } = this.asProps;\n    return {\n      disabled,\n      id: `igc-${uid}-${value}-toggle-button`,\n      'aria-expanded': selected ? 'true' : 'false',\n      'aria-controls': selected ? `igc-${uid}-${value}-collapse` : undefined,\n    };\n  }\n\n  getCollapseProps() {\n    const { selected, uid, duration, value } = this.asProps;\n    return {\n      selected,\n      duration,\n      id: `igc-${uid}-${value}-collapse`,\n      role: 'region',\n      'aria-labelledby': `igc-${uid}-${value}-toggle-button`,\n    };\n  }\n\n  getChevronProps() {\n    const { selected, size } = this.asProps;\n    return {\n      selected,\n      size,\n    };\n  }\n\n  render() {\n    const { Children } = this.asProps;\n    return <Children />;\n  }\n}\n\nclass Toggle extends Component {\n  static enhance = [keyboardFocusEnhance()];\n\n  toggleRef = React.createRef();\n\n  handleKeyDown = (event) => {\n    if (event.key === 'Enter') {\n      if (this.toggleRef.current === event.target) {\n        event.currentTarget.click();\n      }\n    } else if (event.key === ' ') {\n      event.preventDefault();\n      if (this.toggleRef.current === event.target) {\n        event.currentTarget.click();\n      }\n    }\n  };\n\n  render() {\n    const { styles, disabled, use } = this.asProps;\n    const SItemToggle = Root;\n\n    return sstyled(styles)(\n      <SItemToggle use={use} ref={this.toggleRef} render={Text} onKeyDown={this.handleKeyDown} />,\n    );\n  }\n}\n\nfunction Chevron(props) {\n  const { styles, size } = props;\n\n  const SItemChevron = Root;\n  return sstyled(styles)(<SItemChevron render={size === 'l' ? ChevronRightL : ChevronRightM} />);\n}\n\nfunction ToggleButton(props) {\n  const { styles } = props;\n\n  const SToggleButton = Root;\n  return sstyled(styles)(\n    <SToggleButton alignItems='center' render={Flex} role={'button'} {...props} />,\n  );\n}\n\nfunction Collapse(props) {\n  const { selected } = props;\n  const visible = selected;\n\n  return (\n    <Root\n      render={CollapseAnimate}\n      visible={visible}\n      interactive\n      inert={!visible ? '' : undefined}\n      aria-hidden={!visible}\n    />\n  );\n}\n\nconst Item = createComponent(RootItem, {\n  Toggle,\n  Chevron,\n  ToggleButton,\n  Collapse,\n});\n\nconst Accordion = createComponent(RootAccordion, {\n  Item,\n});\n\nexport const wrapAccordion = (wrapper) => wrapper;\n\nexport default Accordion;\n"],"mappings":"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"}

package/lib/es6/Accordion.js

@@ -21,16 +21,18 @@ import ChevronRightL from '@semcore/icon/ChevronRight/l';
 import keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';
 import uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';
 import { cssVariableEnhance } from '@semcore/utils/lib/useCssVariable';
-/*__reshadow-styles__:"./style/accordion.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SItemToggle_1swd4_gg_{display:flex;align-items:center;position:relative;cursor:pointer;outline:0}.___SItemToggle_1swd4_gg_.__keyboardFocused_1swd4_gg_:not(._tabIndex_-1_1swd4_gg_)::after{position:absolute;display:block;content:\"\";top:3px;right:3px;bottom:3px;left:3px;box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));pointer-events:none;z-index:3}.___SItemToggle_1swd4_gg_.__use_1swd4_gg_.__use_1swd4_gg_{color:var(--intergalactic-text-primary, #191b23);font-weight:var(--intergalactic-regular, 400)}.___SItemToggle_1swd4_gg_.__use_1swd4_gg_._use_primary_1swd4_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_1swd4_gg_.__use_1swd4_gg_._use_primary_1swd4_gg_:hover{background-color:var(--intergalactic-bg-secondary-neutral-hover, #e0e1e9)}}.___SItemToggle_1swd4_gg_.__disabled_1swd4_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default}.___SItemChevron_1swd4_gg_{transform:rotate(0deg);transition:transform calc(var(--intergalactic-duration-accordion, 200)*1ms) ease-out;fill:var(--intergalactic-icon-primary-neutral, #6c6e79)}.___SItemChevron_1swd4_gg_.__selected_1swd4_gg_{transform:rotate(90deg)}@media (prefers-reduced-motion){.___SItemChevron_1swd4_gg_{transition:none}}" /*__inner_css_end__*/, "1swd4_gg_") /*__reshadow_css_end__*/, {
-  "__SItemToggle": "___SItemToggle_1swd4_gg_",
-  "_keyboardFocused": "__keyboardFocused_1swd4_gg_",
-  "_tabIndex_-1": "_tabIndex_-1_1swd4_gg_",
-  "_use": "__use_1swd4_gg_",
-  "_use_primary": "_use_primary_1swd4_gg_",
-  "_disabled": "__disabled_1swd4_gg_",
-  "__SItemChevron": "___SItemChevron_1swd4_gg_",
-  "_selected": "__selected_1swd4_gg_"
+/*!__reshadow-styles__:"./style/accordion.shadow.css"*/
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SItemToggle_1ssz9_gg_{display:flex;align-items:center;position:relative;cursor:pointer;outline:0}.___SItemToggle_1ssz9_gg_.__keyboardFocused_1ssz9_gg_:not(._tabIndex_-1_1ssz9_gg_)::after{position:absolute;display:block;content:\"\";top:3px;right:3px;bottom:3px;left:3px;box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));pointer-events:none;z-index:3}.___SItemToggle_1ssz9_gg_.__use_1ssz9_gg_.__use_1ssz9_gg_{color:var(--intergalactic-text-primary, #191b23);font-weight:var(--intergalactic-regular, 400)}.___SItemToggle_1ssz9_gg_.__use_1ssz9_gg_._use_primary_1ssz9_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_1ssz9_gg_.__use_1ssz9_gg_._use_primary_1ssz9_gg_:hover{background-color:var(--intergalactic-bg-secondary-neutral-hover, #e0e1e9)}}.___SItemToggle_1ssz9_gg_.__disabled_1ssz9_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default}.___SItemChevron_1ssz9_gg_{transform:rotate(0deg);transition:transform calc(var(--intergalactic-duration-accordion, 200)*1ms) ease-out;fill:var(--intergalactic-icon-primary-neutral, #6c6e79)}.___SItemChevron_1ssz9_gg_.__selected_1ssz9_gg_{transform:rotate(90deg)}@media (prefers-reduced-motion){.___SItemChevron_1ssz9_gg_{transition:none}}", /*__inner_css_end__*/"1ssz9_gg_"),
+/*__reshadow_css_end__*/
+{
+  "__SItemToggle": "___SItemToggle_1ssz9_gg_",
+  "_keyboardFocused": "__keyboardFocused_1ssz9_gg_",
+  "_tabIndex_-1": "_tabIndex_-1_1ssz9_gg_",
+  "_use": "__use_1ssz9_gg_",
+  "_use_primary": "_use_primary_1ssz9_gg_",
+  "_disabled": "__disabled_1ssz9_gg_",
+  "__SItemChevron": "___SItemChevron_1ssz9_gg_",
+  "_selected": "__selected_1ssz9_gg_"
 });
 var RootAccordion = /*#__PURE__*/function (_Component) {
   _inherits(RootAccordion, _Component);

package/lib/es6/Accordion.js.map

@@ -1 +1 @@
-{"version":3,"file":"Accordion.js","names":["React","createComponent","Component","sstyled","Root","Box","Flex","Collapse","CollapseAnimate","Text","ChevronRightM","ChevronRightL","keyboardFocusEnhance","uniqueIDEnhancement","cssVariableEnhance","style","_sstyled","insert","RootAccordion","_Component","_inherits","_super","_createSuper","_this","_classCallCheck","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty","_assertThisInitialized","newValue","value","asProps","isArray","indexOfNewValue","indexOf","result","_toConsumableArray","push","splice","handlers","_createClass","key","uncontrolledProps","getItemProps","_ref8","_this$asProps","selectedValue","duration","use","selected","includes","$handleInteraction","handleToggleInteraction","render","Children","createElement","defaultValue","variable","fallback","map","Number","parseInt","prop","RootItem","_Component2","_super2","_this2","_len2","_key2","_this2$asProps","getToggleProps","_this$asProps2","uid","disabled","onClick","undefined","handleClick","id","tag","size","getToggleButtonProps","_this$asProps3","getCollapseProps","_this$asProps4","role","getChevronProps","_this$asProps5","Toggle","_Component3","_super3","_this3","_len3","_key3","createRef","event","toggleRef","current","target","currentTarget","click","preventDefault","_ref","_ref5","_this$asProps6","styles","SItemToggle","cn","_objectSpread","_assignProps","handleKeyDown","Chevron","props","_ref2","arguments[0]","_ref6","SItemChevron","_assignProps2","ToggleButton","_ref3","_ref7","SToggleButton","_assignProps3","_ref4","visible","_assignProps4","Item","Accordion","wrapAccordion","wrapper"],"sources":["../../src/Accordion.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, sstyled, Root } from '@semcore/core';\nimport { Box, Flex } from '@semcore/flex-box';\nimport { Collapse as CollapseAnimate } from '@semcore/animation';\nimport { Text } from '@semcore/typography';\nimport ChevronRightM from '@semcore/icon/ChevronRight/m';\nimport ChevronRightL from '@semcore/icon/ChevronRight/l';\nimport keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\nimport { cssVariableEnhance } from '@semcore/utils/lib/useCssVariable';\n\nimport style from './style/accordion.shadow.css';\n\nclass RootAccordion extends Component {\n  static displayName = 'Accordion';\n  static style = style;\n  static defaultProps = {\n    defaultValue: [],\n    use: 'secondary',\n  };\n  static enhance = [\n    cssVariableEnhance({\n      variable: '--intergalactic-duration-accordion',\n      fallback: '200',\n      map: Number.parseInt,\n      prop: 'duration',\n    }),\n  ];\n\n  uncontrolledProps() {\n    return {\n      value: null,\n    };\n  }\n\n  handleToggleInteraction = (newValue) => {\n    const { value } = this.asProps;\n\n    if (Array.isArray(value)) {\n      const indexOfNewValue = value.indexOf(newValue);\n      const result = [...value];\n      indexOfNewValue === -1 ? result.push(newValue) : result.splice(indexOfNewValue, 1);\n      this.handlers.value(result);\n    } else {\n      this.handlers.value(value === newValue ? null : newValue);\n    }\n  };\n\n  getItemProps({ value }) {\n    const { value: selectedValue, duration, use } = this.asProps;\n    const selected = Array.isArray(selectedValue)\n      ? selectedValue.includes(value)\n      : selectedValue === value;\n    return {\n      selected,\n      duration,\n      use,\n      $handleInteraction: this.handleToggleInteraction,\n    };\n  }\n\n  render() {\n    const { Children } = this.asProps;\n    return <Children />;\n  }\n}\n\nexport class RootItem extends Component {\n  static displayName = 'Item';\n  static style = style;\n  static enhance = [uniqueIDEnhancement()];\n\n  handleClick = () => {\n    const { value, $handleInteraction } = this.asProps;\n\n    $handleInteraction(value);\n  };\n\n  getToggleProps() {\n    const { value, uid, selected, disabled, use } = this.asProps;\n    return {\n      use,\n      disabled,\n      onClick: disabled ? undefined : this.handleClick,\n      id: `igc-${uid}-${value}-toggle`,\n      tag: 'h3',\n      size: 300,\n    };\n  }\n\n  getToggleButtonProps() {\n    const { value, uid, selected, disabled } = this.asProps;\n    return {\n      disabled,\n      id: `igc-${uid}-${value}-toggle-button`,\n      'aria-expanded': selected ? 'true' : 'false',\n      'aria-controls': selected ? `igc-${uid}-${value}-collapse` : undefined,\n    };\n  }\n\n  getCollapseProps() {\n    const { selected, uid, duration, value } = this.asProps;\n    return {\n      selected,\n      duration,\n      id: `igc-${uid}-${value}-collapse`,\n      role: 'region',\n      'aria-labelledby': `igc-${uid}-${value}-toggle-button`,\n    };\n  }\n\n  getChevronProps() {\n    const { selected, size } = this.asProps;\n    return {\n      selected,\n      size,\n    };\n  }\n\n  render() {\n    const { Children } = this.asProps;\n    return <Children />;\n  }\n}\n\nclass Toggle extends Component {\n  static enhance = [keyboardFocusEnhance()];\n\n  toggleRef = React.createRef();\n\n  handleKeyDown = (event) => {\n    if (event.key === 'Enter') {\n      if (this.toggleRef.current === event.target) {\n        event.currentTarget.click();\n      }\n    } else if (event.key === ' ') {\n      event.preventDefault();\n      if (this.toggleRef.current === event.target) {\n        event.currentTarget.click();\n      }\n    }\n  };\n\n  render() {\n    const { styles, disabled, use } = this.asProps;\n    const SItemToggle = Root;\n\n    return sstyled(styles)(\n      <SItemToggle use={use} ref={this.toggleRef} render={Text} onKeyDown={this.handleKeyDown} />,\n    );\n  }\n}\n\nfunction Chevron(props) {\n  const { styles, size } = props;\n\n  const SItemChevron = Root;\n  return sstyled(styles)(<SItemChevron render={size === 'l' ? ChevronRightL : ChevronRightM} />);\n}\n\nfunction ToggleButton(props) {\n  const { styles } = props;\n\n  const SToggleButton = Root;\n  return sstyled(styles)(\n    <SToggleButton alignItems='center' render={Flex} role={'button'} {...props} />,\n  );\n}\n\nfunction Collapse(props) {\n  const { selected } = props;\n  const visible = selected;\n\n  return (\n    <Root\n      render={CollapseAnimate}\n      visible={visible}\n      interactive\n      inert={!visible ? '' : undefined}\n      aria-hidden={!visible}\n    />\n  );\n}\n\nconst Item = createComponent(RootItem, {\n  Toggle,\n  Chevron,\n  ToggleButton,\n  Collapse,\n});\n\nconst Accordion = createComponent(RootAccordion, {\n  Item,\n});\n\nexport const wrapAccordion = (wrapper) => wrapper;\n\nexport default Accordion;\n"],"mappings":"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"}
+{"version":3,"file":"Accordion.js","names":["React","createComponent","Component","sstyled","Root","Box","Flex","Collapse","CollapseAnimate","Text","ChevronRightM","ChevronRightL","keyboardFocusEnhance","uniqueIDEnhancement","cssVariableEnhance","style","_sstyled","insert","RootAccordion","_Component","_inherits","_super","_createSuper","_this","_classCallCheck","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty","_assertThisInitialized","newValue","value","asProps","isArray","indexOfNewValue","indexOf","result","_toConsumableArray","push","splice","handlers","_createClass","key","uncontrolledProps","getItemProps","_ref8","_this$asProps","selectedValue","duration","use","selected","includes","$handleInteraction","handleToggleInteraction","render","Children","createElement","defaultValue","variable","fallback","map","Number","parseInt","prop","RootItem","_Component2","_super2","_this2","_len2","_key2","_this2$asProps","getToggleProps","_this$asProps2","uid","disabled","onClick","undefined","handleClick","id","tag","size","getToggleButtonProps","_this$asProps3","getCollapseProps","_this$asProps4","role","getChevronProps","_this$asProps5","Toggle","_Component3","_super3","_this3","_len3","_key3","createRef","event","toggleRef","current","target","currentTarget","click","preventDefault","_ref","_ref5","_this$asProps6","styles","SItemToggle","cn","_objectSpread","_assignProps","handleKeyDown","Chevron","props","_ref2","arguments[0]","_ref6","SItemChevron","_assignProps2","ToggleButton","_ref3","_ref7","SToggleButton","_assignProps3","_ref4","visible","_assignProps4","Item","Accordion","wrapAccordion","wrapper"],"sources":["../../src/Accordion.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, sstyled, Root } from '@semcore/core';\nimport { Box, Flex } from '@semcore/flex-box';\nimport { Collapse as CollapseAnimate } from '@semcore/animation';\nimport { Text } from '@semcore/typography';\nimport ChevronRightM from '@semcore/icon/ChevronRight/m';\nimport ChevronRightL from '@semcore/icon/ChevronRight/l';\nimport keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\nimport { cssVariableEnhance } from '@semcore/utils/lib/useCssVariable';\n\nimport style from './style/accordion.shadow.css';\n\nclass RootAccordion extends Component {\n  static displayName = 'Accordion';\n  static style = style;\n  static defaultProps = {\n    defaultValue: [],\n    use: 'secondary',\n  };\n  static enhance = [\n    cssVariableEnhance({\n      variable: '--intergalactic-duration-accordion',\n      fallback: '200',\n      map: Number.parseInt,\n      prop: 'duration',\n    }),\n  ];\n\n  uncontrolledProps() {\n    return {\n      value: null,\n    };\n  }\n\n  handleToggleInteraction = (newValue) => {\n    const { value } = this.asProps;\n\n    if (Array.isArray(value)) {\n      const indexOfNewValue = value.indexOf(newValue);\n      const result = [...value];\n      indexOfNewValue === -1 ? result.push(newValue) : result.splice(indexOfNewValue, 1);\n      this.handlers.value(result);\n    } else {\n      this.handlers.value(value === newValue ? null : newValue);\n    }\n  };\n\n  getItemProps({ value }) {\n    const { value: selectedValue, duration, use } = this.asProps;\n    const selected = Array.isArray(selectedValue)\n      ? selectedValue.includes(value)\n      : selectedValue === value;\n    return {\n      selected,\n      duration,\n      use,\n      $handleInteraction: this.handleToggleInteraction,\n    };\n  }\n\n  render() {\n    const { Children } = this.asProps;\n    return <Children />;\n  }\n}\n\nexport class RootItem extends Component {\n  static displayName = 'Item';\n  static style = style;\n  static enhance = [uniqueIDEnhancement()];\n\n  handleClick = () => {\n    const { value, $handleInteraction } = this.asProps;\n\n    $handleInteraction(value);\n  };\n\n  getToggleProps() {\n    const { value, uid, selected, disabled, use } = this.asProps;\n    return {\n      use,\n      disabled,\n      onClick: disabled ? undefined : this.handleClick,\n      id: `igc-${uid}-${value}-toggle`,\n      tag: 'h3',\n      size: 300,\n    };\n  }\n\n  getToggleButtonProps() {\n    const { value, uid, selected, disabled } = this.asProps;\n    return {\n      disabled,\n      id: `igc-${uid}-${value}-toggle-button`,\n      'aria-expanded': selected ? 'true' : 'false',\n      'aria-controls': selected ? `igc-${uid}-${value}-collapse` : undefined,\n    };\n  }\n\n  getCollapseProps() {\n    const { selected, uid, duration, value } = this.asProps;\n    return {\n      selected,\n      duration,\n      id: `igc-${uid}-${value}-collapse`,\n      role: 'region',\n      'aria-labelledby': `igc-${uid}-${value}-toggle-button`,\n    };\n  }\n\n  getChevronProps() {\n    const { selected, size } = this.asProps;\n    return {\n      selected,\n      size,\n    };\n  }\n\n  render() {\n    const { Children } = this.asProps;\n    return <Children />;\n  }\n}\n\nclass Toggle extends Component {\n  static enhance = [keyboardFocusEnhance()];\n\n  toggleRef = React.createRef();\n\n  handleKeyDown = (event) => {\n    if (event.key === 'Enter') {\n      if (this.toggleRef.current === event.target) {\n        event.currentTarget.click();\n      }\n    } else if (event.key === ' ') {\n      event.preventDefault();\n      if (this.toggleRef.current === event.target) {\n        event.currentTarget.click();\n      }\n    }\n  };\n\n  render() {\n    const { styles, disabled, use } = this.asProps;\n    const SItemToggle = Root;\n\n    return sstyled(styles)(\n      <SItemToggle use={use} ref={this.toggleRef} render={Text} onKeyDown={this.handleKeyDown} />,\n    );\n  }\n}\n\nfunction Chevron(props) {\n  const { styles, size } = props;\n\n  const SItemChevron = Root;\n  return sstyled(styles)(<SItemChevron render={size === 'l' ? ChevronRightL : ChevronRightM} />);\n}\n\nfunction ToggleButton(props) {\n  const { styles } = props;\n\n  const SToggleButton = Root;\n  return sstyled(styles)(\n    <SToggleButton alignItems='center' render={Flex} role={'button'} {...props} />,\n  );\n}\n\nfunction Collapse(props) {\n  const { selected } = props;\n  const visible = selected;\n\n  return (\n    <Root\n      render={CollapseAnimate}\n      visible={visible}\n      interactive\n      inert={!visible ? '' : undefined}\n      aria-hidden={!visible}\n    />\n  );\n}\n\nconst Item = createComponent(RootItem, {\n  Toggle,\n  Chevron,\n  ToggleButton,\n  Collapse,\n});\n\nconst Accordion = createComponent(RootAccordion, {\n  Item,\n});\n\nexport const wrapAccordion = (wrapper) => wrapper;\n\nexport default Accordion;\n"],"mappings":"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"}

package/lib/esm/Accordion.mjs

@@ -1,223 +1,264 @@
-import p from "@babel/runtime/helpers/esm/objectSpread2";
-import S from "@babel/runtime/helpers/esm/toConsumableArray";
-import h from "@babel/runtime/helpers/esm/classCallCheck";
-import y from "@babel/runtime/helpers/esm/createClass";
-import m from "@babel/runtime/helpers/esm/assertThisInitialized";
-import b from "@babel/runtime/helpers/esm/inherits";
-import I from "@babel/runtime/helpers/esm/createSuper";
-import c from "@babel/runtime/helpers/esm/defineProperty";
-import { sstyled as k } from "@semcore/utils/lib/core/index";
-import C, { Component as w, sstyled as P, assignProps as v } from "@semcore/core";
-import g from "react";
-import { Flex as A } from "@semcore/flex-box";
-import { Collapse as R } from "@semcore/animation";
-import { Text as $ } from "@semcore/typography";
-import E from "@semcore/icon/ChevronRight/m";
-import z from "@semcore/icon/ChevronRight/l";
-import B from "@semcore/utils/lib/enhances/keyboardFocusEnhance";
-import D from "@semcore/utils/lib/uniqueID";
-import { cssVariableEnhance as F } from "@semcore/utils/lib/useCssVariable";
-var x = (
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
+import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
+import _createClass from "@babel/runtime/helpers/esm/createClass";
+import _assertThisInitialized from "@babel/runtime/helpers/esm/assertThisInitialized";
+import _inherits from "@babel/runtime/helpers/esm/inherits";
+import _createSuper from "@babel/runtime/helpers/esm/createSuper";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import { sstyled } from "@semcore/utils/lib/core/index";
+import createComponent, { Component, sstyled as sstyled$1, assignProps } from "@semcore/core";
+import React from "react";
+import { Flex } from "@semcore/flex-box";
+import { Collapse as Collapse$1 } from "@semcore/animation";
+import { Text } from "@semcore/typography";
+import ChevronRightM from "@semcore/icon/ChevronRight/m";
+import ChevronRightL from "@semcore/icon/ChevronRight/l";
+import keyboardFocusEnhance from "@semcore/utils/lib/enhances/keyboardFocusEnhance";
+import uniqueIDEnhancement from "@semcore/utils/lib/uniqueID";
+import { cssVariableEnhance } from "@semcore/utils/lib/useCssVariable";
+/*!__reshadow-styles__:"./style/accordion.shadow.css"*/
+var style = (
   /*__reshadow_css_start__*/
-  (k.insert(
+  (sstyled.insert(
     /*__inner_css_start__*/
-    '.___SItemToggle_1swd4_gg_{display:flex;align-items:center;position:relative;cursor:pointer;outline:0}.___SItemToggle_1swd4_gg_.__keyboardFocused_1swd4_gg_:not(._tabIndex_-1_1swd4_gg_)::after{position:absolute;display:block;content:"";top:3px;right:3px;bottom:3px;left:3px;box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));pointer-events:none;z-index:3}.___SItemToggle_1swd4_gg_.__use_1swd4_gg_.__use_1swd4_gg_{color:var(--intergalactic-text-primary, #191b23);font-weight:var(--intergalactic-regular, 400)}.___SItemToggle_1swd4_gg_.__use_1swd4_gg_._use_primary_1swd4_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_1swd4_gg_.__use_1swd4_gg_._use_primary_1swd4_gg_:hover{background-color:var(--intergalactic-bg-secondary-neutral-hover, #e0e1e9)}}.___SItemToggle_1swd4_gg_.__disabled_1swd4_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default}.___SItemChevron_1swd4_gg_{transform:rotate(0deg);transition:transform calc(var(--intergalactic-duration-accordion, 200)*1ms) ease-out;fill:var(--intergalactic-icon-primary-neutral, #6c6e79)}.___SItemChevron_1swd4_gg_.__selected_1swd4_gg_{transform:rotate(90deg)}@media (prefers-reduced-motion){.___SItemChevron_1swd4_gg_{transition:none}}',
-    "1swd4_gg_"
-  ), {
-    __SItemToggle: "___SItemToggle_1swd4_gg_",
-    _keyboardFocused: "__keyboardFocused_1swd4_gg_",
-    "_tabIndex_-1": "_tabIndex_-1_1swd4_gg_",
-    _use: "__use_1swd4_gg_",
-    _use_primary: "_use_primary_1swd4_gg_",
-    _disabled: "__disabled_1swd4_gg_",
-    __SItemChevron: "___SItemChevron_1swd4_gg_",
-    _selected: "__selected_1swd4_gg_"
+    '.___SItemToggle_1ssz9_gg_{display:flex;align-items:center;position:relative;cursor:pointer;outline:0}.___SItemToggle_1ssz9_gg_.__keyboardFocused_1ssz9_gg_:not(._tabIndex_-1_1ssz9_gg_)::after{position:absolute;display:block;content:"";top:3px;right:3px;bottom:3px;left:3px;box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));pointer-events:none;z-index:3}.___SItemToggle_1ssz9_gg_.__use_1ssz9_gg_.__use_1ssz9_gg_{color:var(--intergalactic-text-primary, #191b23);font-weight:var(--intergalactic-regular, 400)}.___SItemToggle_1ssz9_gg_.__use_1ssz9_gg_._use_primary_1ssz9_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_1ssz9_gg_.__use_1ssz9_gg_._use_primary_1ssz9_gg_:hover{background-color:var(--intergalactic-bg-secondary-neutral-hover, #e0e1e9)}}.___SItemToggle_1ssz9_gg_.__disabled_1ssz9_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default}.___SItemChevron_1ssz9_gg_{transform:rotate(0deg);transition:transform calc(var(--intergalactic-duration-accordion, 200)*1ms) ease-out;fill:var(--intergalactic-icon-primary-neutral, #6c6e79)}.___SItemChevron_1ssz9_gg_.__selected_1ssz9_gg_{transform:rotate(90deg)}@media (prefers-reduced-motion){.___SItemChevron_1ssz9_gg_{transition:none}}',
+    /*__inner_css_end__*/
+    "1ssz9_gg_"
+  ), /*__reshadow_css_end__*/
+  {
+    "__SItemToggle": "___SItemToggle_1ssz9_gg_",
+    "_keyboardFocused": "__keyboardFocused_1ssz9_gg_",
+    "_tabIndex_-1": "_tabIndex_-1_1ssz9_gg_",
+    "_use": "__use_1ssz9_gg_",
+    "_use_primary": "_use_primary_1ssz9_gg_",
+    "_disabled": "__disabled_1ssz9_gg_",
+    "__SItemChevron": "___SItemChevron_1ssz9_gg_",
+    "_selected": "__selected_1ssz9_gg_"
   })
-), u = /* @__PURE__ */ function(l) {
-  b(o, l);
-  var i = I(o);
-  function o() {
-    var r;
-    h(this, o);
-    for (var e = arguments.length, n = new Array(e), t = 0; t < e; t++)
-      n[t] = arguments[t];
-    return r = i.call.apply(i, [this].concat(n)), c(m(r), "handleToggleInteraction", function(a) {
-      var s = r.asProps.value;
-      if (Array.isArray(s)) {
-        var _ = s.indexOf(a), d = S(s);
-        _ === -1 ? d.push(a) : d.splice(_, 1), r.handlers.value(d);
-      } else
-        r.handlers.value(s === a ? null : a);
-    }), r;
+);
+var RootAccordion = /* @__PURE__ */ function(_Component) {
+  _inherits(RootAccordion2, _Component);
+  var _super = _createSuper(RootAccordion2);
+  function RootAccordion2() {
+    var _this;
+    _classCallCheck(this, RootAccordion2);
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    _this = _super.call.apply(_super, [this].concat(args));
+    _defineProperty(_assertThisInitialized(_this), "handleToggleInteraction", function(newValue) {
+      var value = _this.asProps.value;
+      if (Array.isArray(value)) {
+        var indexOfNewValue = value.indexOf(newValue);
+        var result = _toConsumableArray(value);
+        indexOfNewValue === -1 ? result.push(newValue) : result.splice(indexOfNewValue, 1);
+        _this.handlers.value(result);
+      } else {
+        _this.handlers.value(value === newValue ? null : newValue);
+      }
+    });
+    return _this;
   }
-  return y(o, [{
+  _createClass(RootAccordion2, [{
     key: "uncontrolledProps",
-    value: function() {
+    value: function uncontrolledProps() {
       return {
         value: null
       };
     }
   }, {
     key: "getItemProps",
-    value: function(e) {
-      var n = e.value, t = this.asProps, a = t.value, s = t.duration, _ = t.use, d = Array.isArray(a) ? a.includes(n) : a === n;
+    value: function getItemProps(_ref8) {
+      var value = _ref8.value;
+      var _this$asProps = this.asProps, selectedValue = _this$asProps.value, duration = _this$asProps.duration, use = _this$asProps.use;
+      var selected = Array.isArray(selectedValue) ? selectedValue.includes(value) : selectedValue === value;
       return {
-        selected: d,
-        duration: s,
-        use: _,
+        selected,
+        duration,
+        use,
         $handleInteraction: this.handleToggleInteraction
       };
     }
   }, {
     key: "render",
-    value: function() {
-      var e = this.asProps.Children;
-      return /* @__PURE__ */ g.createElement(e, null);
+    value: function render() {
+      var Children = this.asProps.Children;
+      return /* @__PURE__ */ React.createElement(Children, null);
     }
-  }]), o;
-}(w);
-c(u, "displayName", "Accordion");
-c(u, "style", x);
-c(u, "defaultProps", {
+  }]);
+  return RootAccordion2;
+}(Component);
+_defineProperty(RootAccordion, "displayName", "Accordion");
+_defineProperty(RootAccordion, "style", style);
+_defineProperty(RootAccordion, "defaultProps", {
   defaultValue: [],
   use: "secondary"
 });
-c(u, "enhance", [F({
+_defineProperty(RootAccordion, "enhance", [cssVariableEnhance({
   variable: "--intergalactic-duration-accordion",
   fallback: "200",
   map: Number.parseInt,
   prop: "duration"
 })]);
-var f = /* @__PURE__ */ function(l) {
-  b(o, l);
-  var i = I(o);
-  function o() {
-    var r;
-    h(this, o);
-    for (var e = arguments.length, n = new Array(e), t = 0; t < e; t++)
-      n[t] = arguments[t];
-    return r = i.call.apply(i, [this].concat(n)), c(m(r), "handleClick", function() {
-      var a = r.asProps, s = a.value, _ = a.$handleInteraction;
-      _(s);
-    }), r;
+var RootItem = /* @__PURE__ */ function(_Component2) {
+  _inherits(RootItem2, _Component2);
+  var _super2 = _createSuper(RootItem2);
+  function RootItem2() {
+    var _this2;
+    _classCallCheck(this, RootItem2);
+    for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
+      args[_key2] = arguments[_key2];
+    }
+    _this2 = _super2.call.apply(_super2, [this].concat(args));
+    _defineProperty(_assertThisInitialized(_this2), "handleClick", function() {
+      var _this2$asProps = _this2.asProps, value = _this2$asProps.value, $handleInteraction = _this2$asProps.$handleInteraction;
+      $handleInteraction(value);
+    });
+    return _this2;
   }
-  return y(o, [{
+  _createClass(RootItem2, [{
     key: "getToggleProps",
-    value: function() {
-      var e = this.asProps, n = e.value, t = e.uid;
-      e.selected;
-      var a = e.disabled, s = e.use;
+    value: function getToggleProps() {
+      var _this$asProps2 = this.asProps, value = _this$asProps2.value, uid = _this$asProps2.uid;
+      _this$asProps2.selected;
+      var disabled = _this$asProps2.disabled, use = _this$asProps2.use;
       return {
-        use: s,
-        disabled: a,
-        onClick: a ? void 0 : this.handleClick,
-        id: "igc-".concat(t, "-").concat(n, "-toggle"),
+        use,
+        disabled,
+        onClick: disabled ? void 0 : this.handleClick,
+        id: "igc-".concat(uid, "-").concat(value, "-toggle"),
         tag: "h3",
         size: 300
       };
     }
   }, {
     key: "getToggleButtonProps",
-    value: function() {
-      var e = this.asProps, n = e.value, t = e.uid, a = e.selected, s = e.disabled;
+    value: function getToggleButtonProps() {
+      var _this$asProps3 = this.asProps, value = _this$asProps3.value, uid = _this$asProps3.uid, selected = _this$asProps3.selected, disabled = _this$asProps3.disabled;
       return {
-        disabled: s,
-        id: "igc-".concat(t, "-").concat(n, "-toggle-button"),
-        "aria-expanded": a ? "true" : "false",
-        "aria-controls": a ? "igc-".concat(t, "-").concat(n, "-collapse") : void 0
+        disabled,
+        id: "igc-".concat(uid, "-").concat(value, "-toggle-button"),
+        "aria-expanded": selected ? "true" : "false",
+        "aria-controls": selected ? "igc-".concat(uid, "-").concat(value, "-collapse") : void 0
       };
     }
   }, {
     key: "getCollapseProps",
-    value: function() {
-      var e = this.asProps, n = e.selected, t = e.uid, a = e.duration, s = e.value;
+    value: function getCollapseProps() {
+      var _this$asProps4 = this.asProps, selected = _this$asProps4.selected, uid = _this$asProps4.uid, duration = _this$asProps4.duration, value = _this$asProps4.value;
       return {
-        selected: n,
-        duration: a,
-        id: "igc-".concat(t, "-").concat(s, "-collapse"),
+        selected,
+        duration,
+        id: "igc-".concat(uid, "-").concat(value, "-collapse"),
         role: "region",
-        "aria-labelledby": "igc-".concat(t, "-").concat(s, "-toggle-button")
+        "aria-labelledby": "igc-".concat(uid, "-").concat(value, "-toggle-button")
       };
     }
   }, {
     key: "getChevronProps",
-    value: function() {
-      var e = this.asProps, n = e.selected, t = e.size;
+    value: function getChevronProps() {
+      var _this$asProps5 = this.asProps, selected = _this$asProps5.selected, size = _this$asProps5.size;
       return {
-        selected: n,
-        size: t
+        selected,
+        size
       };
     }
   }, {
     key: "render",
-    value: function() {
-      var e = this.asProps.Children;
-      return /* @__PURE__ */ g.createElement(e, null);
+    value: function render() {
+      var Children = this.asProps.Children;
+      return /* @__PURE__ */ React.createElement(Children, null);
+    }
+  }]);
+  return RootItem2;
+}(Component);
+_defineProperty(RootItem, "displayName", "Item");
+_defineProperty(RootItem, "style", style);
+_defineProperty(RootItem, "enhance", [uniqueIDEnhancement()]);
+var Toggle = /* @__PURE__ */ function(_Component3) {
+  _inherits(Toggle2, _Component3);
+  var _super3 = _createSuper(Toggle2);
+  function Toggle2() {
+    var _this3;
+    _classCallCheck(this, Toggle2);
+    for (var _len3 = arguments.length, args = new Array(_len3), _key3 = 0; _key3 < _len3; _key3++) {
+      args[_key3] = arguments[_key3];
     }
-  }]), o;
-}(w);
-c(f, "displayName", "Item");
-c(f, "style", x);
-c(f, "enhance", [D()]);
-var T = /* @__PURE__ */ function(l) {
-  b(o, l);
-  var i = I(o);
-  function o() {
-    var r;
-    h(this, o);
-    for (var e = arguments.length, n = new Array(e), t = 0; t < e; t++)
-      n[t] = arguments[t];
-    return r = i.call.apply(i, [this].concat(n)), c(m(r), "toggleRef", /* @__PURE__ */ g.createRef()), c(m(r), "handleKeyDown", function(a) {
-      a.key === "Enter" ? r.toggleRef.current === a.target && a.currentTarget.click() : a.key === " " && (a.preventDefault(), r.toggleRef.current === a.target && a.currentTarget.click());
-    }), r;
+    _this3 = _super3.call.apply(_super3, [this].concat(args));
+    _defineProperty(_assertThisInitialized(_this3), "toggleRef", /* @__PURE__ */ React.createRef());
+    _defineProperty(_assertThisInitialized(_this3), "handleKeyDown", function(event) {
+      if (event.key === "Enter") {
+        if (_this3.toggleRef.current === event.target) {
+          event.currentTarget.click();
+        }
+      } else if (event.key === " ") {
+        event.preventDefault();
+        if (_this3.toggleRef.current === event.target) {
+          event.currentTarget.click();
+        }
+      }
+    });
+    return _this3;
   }
-  return y(o, [{
+  _createClass(Toggle2, [{
     key: "render",
-    value: function() {
-      var e = this.asProps, n, t = this.asProps, a = t.styles;
-      t.disabled;
-      var s = t.use, _ = $;
-      return n = P(a), /* @__PURE__ */ g.createElement(_, n.cn("SItemToggle", p({}, v({
-        use: s,
-        ref: this.toggleRef,
-        onKeyDown: this.handleKeyDown
-      }, e))));
+    value: function render() {
+      var _ref = this.asProps, _ref5;
+      var _this$asProps6 = this.asProps, styles = _this$asProps6.styles;
+      _this$asProps6.disabled;
+      var use = _this$asProps6.use;
+      var SItemToggle = Text;
+      return _ref5 = sstyled$1(styles), /* @__PURE__ */ React.createElement(SItemToggle, _ref5.cn("SItemToggle", _objectSpread({}, assignProps({
+        "use": use,
+        "ref": this.toggleRef,
+        "onKeyDown": this.handleKeyDown
+      }, _ref))));
     }
-  }]), o;
-}(w);
-c(T, "enhance", [B()]);
-function K(l) {
-  var i = arguments[0], o, r = l.styles, e = l.size, n = e === "l" ? z : E;
-  return o = P(r), /* @__PURE__ */ g.createElement(n, o.cn("SItemChevron", p({}, v({}, i))));
+  }]);
+  return Toggle2;
+}(Component);
+_defineProperty(Toggle, "enhance", [keyboardFocusEnhance()]);
+function Chevron(props) {
+  var _ref2 = arguments[0], _ref6;
+  var styles = props.styles, size = props.size;
+  var SItemChevron = size === "l" ? ChevronRightL : ChevronRightM;
+  return _ref6 = sstyled$1(styles), /* @__PURE__ */ React.createElement(SItemChevron, _ref6.cn("SItemChevron", _objectSpread({}, assignProps({}, _ref2))));
 }
-function N(l) {
-  var i = arguments[0], o, r = l.styles, e = A;
-  return o = P(r), /* @__PURE__ */ g.createElement(e, o.cn("SToggleButton", p({}, v(p({
-    alignItems: "center",
-    role: "button"
-  }, l), i))));
+function ToggleButton(props) {
+  var _ref3 = arguments[0], _ref7;
+  var styles = props.styles;
+  var SToggleButton = Flex;
+  return _ref7 = sstyled$1(styles), /* @__PURE__ */ React.createElement(SToggleButton, _ref7.cn("SToggleButton", _objectSpread({}, assignProps(_objectSpread({
+    "alignItems": "center",
+    "role": "button"
+  }, props), _ref3))));
 }
-function j(l) {
-  var i = arguments[0], o = l.selected, r = o;
-  return /* @__PURE__ */ g.createElement(R, v({
-    visible: r,
-    interactive: !0,
-    inert: r ? void 0 : "",
-    "aria-hidden": !r
-  }, i));
+function Collapse(props) {
+  var _ref4 = arguments[0];
+  var selected = props.selected;
+  var visible = selected;
+  return /* @__PURE__ */ React.createElement(Collapse$1, assignProps({
+    "visible": visible,
+    "interactive": true,
+    "inert": !visible ? "" : void 0,
+    "aria-hidden": !visible
+  }, _ref4));
 }
-var q = C(f, {
-  Toggle: T,
-  Chevron: K,
-  ToggleButton: N,
-  Collapse: j
-}), se = C(u, {
-  Item: q
-}), ie = function(i) {
-  return i;
+var Item = createComponent(RootItem, {
+  Toggle,
+  Chevron,
+  ToggleButton,
+  Collapse
+});
+var Accordion = createComponent(RootAccordion, {
+  Item
+});
+var wrapAccordion = function wrapAccordion2(wrapper) {
+  return wrapper;
 };
 export {
-  f as RootItem,
-  se as default,
-  ie as wrapAccordion
+  RootItem,
+  Accordion as default,
+  wrapAccordion
 };

package/lib/esm/index.mjs

@@ -1,6 +1,6 @@
-import { RootItem as t, default as e, wrapAccordion as a } from "./Accordion.mjs";
+import { RootItem, default as default2, wrapAccordion } from "./Accordion.mjs";
 export {
-  t as RootItem,
-  e as default,
-  a as wrapAccordion
+  RootItem,
+  default2 as default,
+  wrapAccordion
 };

package/lib/esm/style/accordion.shadow.css

@@ -0,0 +1,50 @@
+SItemToggle {
+  display: flex;
+  align-items: center;
+  position: relative;
+  cursor: pointer;
+  outline: 0;
+}
+
+SItemToggle[keyboardFocused]:not([tabIndex='-1'])::after {
+  position: absolute;
+  display: block;
+  content: '';
+  inset: 3px;
+  box-shadow: var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));
+  pointer-events: none;
+  z-index: 3;
+}
+SItemToggle[use][use] {
+  color: var(--intergalactic-text-primary, #191b23);
+  font-weight: var(--intergalactic-regular, 400);
+}
+SItemToggle[use][use='primary'] {
+  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);
+}
+SItemToggle[use][use='primary']:hover {
+  background-color: var(--intergalactic-bg-secondary-neutral-hover, #e0e1e9);
+}
+
+SItemToggle[disabled] {
+  opacity: var(--intergalactic-disabled-opacity, 0.3);
+  cursor: default;
+}
+
+SItemChevron {
+  transform: rotate(0deg);
+  transition: transform calc(var(--intergalactic-duration-accordion, 200) * 1ms) ease-out;
+  fill: var(--intergalactic-icon-primary-neutral, #6c6e79);
+
+  &[selected] {
+    transform: rotate(90deg);
+  }
+}
+
+@media (prefers-reduced-motion) {
+  SItemChevron {
+    transition: none;
+  }
+}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@semcore/accordion",
   "description": "Semrush Accordion Component",
-  "version": "5.48.0",
+  "version": "5.48.1",
   "main": "lib/cjs/index.js",
   "module": "lib/es6/index.js",
   "typings": "lib/types/index.d.ts",
@@ -14,12 +14,12 @@
     "types": "./lib/types/index.d.ts"
   },
   "dependencies": {
-    "@semcore/animation": "2.41.2",
-    "@semcore/flex-box": "5.41.2",
-    "@semcore/icon": "4.61.0",
-    "@semcore/utils": "4.48.2",
-    "@semcore/button": "5.43.1",
-    "@semcore/typography": "5.53.0"
+    "@semcore/animation": "2.41.3",
+    "@semcore/flex-box": "5.41.3",
+    "@semcore/icon": "4.62.0",
+    "@semcore/utils": "4.48.4",
+    "@semcore/button": "5.43.2",
+    "@semcore/typography": "5.53.1"
   },
   "peerDependencies": {
     "@semcore/core": "^2.17.5",