@semcore/accordion 4.2.8 → 4.2.9

package/CHANGELOG.md

@@ -2,6 +2,12 @@
 
 CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangelog.com/en/1.0.0/).
 
+## [4.2.9] - 2023-01-18
+
+### Added
+
+- Added `duration` property to `Accordion.Item` types.
+
 ## [4.2.8] - 2023-01-11
 
 ### Changed

package/lib/cjs/Accordion.js

@@ -56,16 +56,16 @@ var style = (
 /*__reshadow_css_start__*/
 _core.sstyled.insert(
 /*__inner_css_start__*/
-".___SItemToggle_t7xev_gg_{cursor:pointer;outline:0}.___SItemToggle_t7xev_gg_.__keyboardFocused_t7xev_gg_{box-shadow:var(--intergalactic-keyboard-focus,0 0 0 3px rgba(0,143,248,.3))}.___SItemToggle_t7xev_gg_.__disabled_t7xev_gg_{opacity:var(--intergalactic-disabled-opacity,.3);cursor:default}.___SItemChevron_t7xev_gg_{transform:rotate(0deg);transition:transform .25s ease-out}.___SItemChevron_t7xev_gg_.__selected_t7xev_gg_{transform:rotate(90deg)}@media (prefers-reduced-motion){.___SItemChevron_t7xev_gg_{transition:none}}"
+".___SItemToggle_1tnlm_gg_{cursor:pointer;outline:0}.___SItemToggle_1tnlm_gg_.__keyboardFocused_1tnlm_gg_{box-shadow:var(--intergalactic-keyboard-focus,0 0 0 3px rgba(0,143,248,.3))}.___SItemToggle_1tnlm_gg_.__disabled_1tnlm_gg_{opacity:var(--intergalactic-disabled-opacity,.3);cursor:default}.___SItemChevron_1tnlm_gg_{transform:rotate(0deg);transition:transform .25s ease-out}.___SItemChevron_1tnlm_gg_.__selected_1tnlm_gg_{transform:rotate(90deg)}@media (prefers-reduced-motion){.___SItemChevron_1tnlm_gg_{transition:none}}"
 /*__inner_css_end__*/
-, "t7xev_gg_")
+, "1tnlm_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SItemToggle": "___SItemToggle_t7xev_gg_",
-  "_keyboardFocused": "__keyboardFocused_t7xev_gg_",
-  "_disabled": "__disabled_t7xev_gg_",
-  "__SItemChevron": "___SItemChevron_t7xev_gg_",
-  "_selected": "__selected_t7xev_gg_"
+  "__SItemToggle": "___SItemToggle_1tnlm_gg_",
+  "_keyboardFocused": "__keyboardFocused_1tnlm_gg_",
+  "_disabled": "__disabled_1tnlm_gg_",
+  "__SItemChevron": "___SItemChevron_1tnlm_gg_",
+  "_selected": "__selected_1tnlm_gg_"
 });
 
 var RootAccordion = /*#__PURE__*/function (_Component) {

package/lib/cjs/index.d.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import { Box, IFlexProps } from '@semcore/flex-box';\nimport { CProps, PropGetterFn, ReturnEl } from '@semcore/core';\nimport { ICollapseProps } from '@semcore/animation';\n\nexport type AccordionValue = null | number | string | Array<number | string | null>;\n\nexport interface IAccordionProps<T extends AccordionValue = AccordionValue> extends IFlexProps {\n  /** Value for the active tab. Can be set as stroke, number, null or as array.\n   * @type AccordionValue\n   * */\n  value?: T;\n  /**\n   * Value of the active tabs selected by default\n   * @type AccordionValue\n   * @default []\n   */\n  defaultValue?: T;\n  /** Called when the selection is changed\n   * @type (value: AccordionValue, event?: React.SyntheticEvent) => void\n   * */\n  onChange?: (value: T, event?: React.SyntheticEvent) => void;\n  /** Animation duration\n   * @default 350 */\n  duration?: number;\n}\n\nexport interface IAccordionContext {\n  getItemProps: PropGetterFn;\n}\n\nexport interface IAccordionHandlers {\n  value: (value: AccordionValue) => void;\n}\n\nexport interface IAccordionItemProps {\n  /** Tab value */\n  value: string | number;\n  /** Disabling selection changes */\n  disabled?: boolean;\n}\n\nexport interface IAccordionItemContext {\n  getToggleProps?: PropGetterFn;\n  getCollapseProps?: PropGetterFn;\n  getChevronProps?: PropGetterFn;\n  selected?: boolean;\n}\n\ndeclare const Accordion: (<T, V extends AccordionValue = AccordionValue>(\n  props: CProps<IAccordionProps<V> & T, IAccordionContext, IAccordionHandlers>,\n) => ReturnEl) & {\n  Item: (<T>(\n    props: CProps<IAccordionItemProps & T, IAccordionItemContext, IAccordionHandlers>,\n  ) => ReturnEl) & {\n    Toggle: typeof Box;\n    Chevron: typeof Box;\n    Collapse: <T>(props: ICollapseProps & T) => ReturnEl;\n  };\n};\n\nexport default Accordion;\n"],"mappings":""}
+{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import { Box, IFlexProps } from '@semcore/flex-box';\nimport { CProps, PropGetterFn, ReturnEl } from '@semcore/core';\nimport { ICollapseProps } from '@semcore/animation';\n\nexport type AccordionValue = null | number | string | Array<number | string | null>;\n\nexport interface IAccordionProps<T extends AccordionValue = AccordionValue> extends IFlexProps {\n  /** Value for the active tab. Can be set as stroke, number, null or as array.\n   * @type AccordionValue\n   * */\n  value?: T;\n  /**\n   * Value of the active tabs selected by default\n   * @type AccordionValue\n   * @default []\n   */\n  defaultValue?: T;\n  /** Called when the selection is changed\n   * @type (value: AccordionValue, event?: React.SyntheticEvent) => void\n   * */\n  onChange?: (value: T, event?: React.SyntheticEvent) => void;\n  /** Animation duration of each Accordion.Item inside\n   * @default 350 */\n  duration?: number;\n}\n\nexport interface IAccordionContext {\n  getItemProps: PropGetterFn;\n}\n\nexport interface IAccordionHandlers {\n  value: (value: AccordionValue) => void;\n}\n\nexport interface IAccordionItemProps {\n  /** Tab value */\n  value: string | number;\n  /** Disabling selection changes */\n  disabled?: boolean;\n  /** Animation duration\n   * @default 350 */\n  duration?: number;\n}\n\nexport interface IAccordionItemContext {\n  getToggleProps?: PropGetterFn;\n  getCollapseProps?: PropGetterFn;\n  getChevronProps?: PropGetterFn;\n  selected?: boolean;\n}\n\ndeclare const Accordion: (<T, V extends AccordionValue = AccordionValue>(\n  props: CProps<IAccordionProps<V> & T, IAccordionContext, IAccordionHandlers>,\n) => ReturnEl) & {\n  Item: (<T>(\n    props: CProps<IAccordionItemProps & T, IAccordionItemContext, IAccordionHandlers>,\n  ) => ReturnEl) & {\n    Toggle: typeof Box;\n    Chevron: typeof Box;\n    Collapse: <T>(props: ICollapseProps & T) => ReturnEl;\n  };\n};\n\nexport default Accordion;\n"],"mappings":""}

package/lib/es6/Accordion.js

@@ -32,16 +32,16 @@ var style = (
 /*__reshadow_css_start__*/
 _sstyled.insert(
 /*__inner_css_start__*/
-".___SItemToggle_t7xev_gg_{cursor:pointer;outline:0}.___SItemToggle_t7xev_gg_.__keyboardFocused_t7xev_gg_{box-shadow:var(--intergalactic-keyboard-focus,0 0 0 3px rgba(0,143,248,.3))}.___SItemToggle_t7xev_gg_.__disabled_t7xev_gg_{opacity:var(--intergalactic-disabled-opacity,.3);cursor:default}.___SItemChevron_t7xev_gg_{transform:rotate(0deg);transition:transform .25s ease-out}.___SItemChevron_t7xev_gg_.__selected_t7xev_gg_{transform:rotate(90deg)}@media (prefers-reduced-motion){.___SItemChevron_t7xev_gg_{transition:none}}"
+".___SItemToggle_1tnlm_gg_{cursor:pointer;outline:0}.___SItemToggle_1tnlm_gg_.__keyboardFocused_1tnlm_gg_{box-shadow:var(--intergalactic-keyboard-focus,0 0 0 3px rgba(0,143,248,.3))}.___SItemToggle_1tnlm_gg_.__disabled_1tnlm_gg_{opacity:var(--intergalactic-disabled-opacity,.3);cursor:default}.___SItemChevron_1tnlm_gg_{transform:rotate(0deg);transition:transform .25s ease-out}.___SItemChevron_1tnlm_gg_.__selected_1tnlm_gg_{transform:rotate(90deg)}@media (prefers-reduced-motion){.___SItemChevron_1tnlm_gg_{transition:none}}"
 /*__inner_css_end__*/
-, "t7xev_gg_")
+, "1tnlm_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SItemToggle": "___SItemToggle_t7xev_gg_",
-  "_keyboardFocused": "__keyboardFocused_t7xev_gg_",
-  "_disabled": "__disabled_t7xev_gg_",
-  "__SItemChevron": "___SItemChevron_t7xev_gg_",
-  "_selected": "__selected_t7xev_gg_"
+  "__SItemToggle": "___SItemToggle_1tnlm_gg_",
+  "_keyboardFocused": "__keyboardFocused_1tnlm_gg_",
+  "_disabled": "__disabled_1tnlm_gg_",
+  "__SItemChevron": "___SItemChevron_1tnlm_gg_",
+  "_selected": "__selected_1tnlm_gg_"
 });
 
 var RootAccordion = /*#__PURE__*/function (_Component) {

package/lib/es6/index.d.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import { Box, IFlexProps } from '@semcore/flex-box';\nimport { CProps, PropGetterFn, ReturnEl } from '@semcore/core';\nimport { ICollapseProps } from '@semcore/animation';\n\nexport type AccordionValue = null | number | string | Array<number | string | null>;\n\nexport interface IAccordionProps<T extends AccordionValue = AccordionValue> extends IFlexProps {\n  /** Value for the active tab. Can be set as stroke, number, null or as array.\n   * @type AccordionValue\n   * */\n  value?: T;\n  /**\n   * Value of the active tabs selected by default\n   * @type AccordionValue\n   * @default []\n   */\n  defaultValue?: T;\n  /** Called when the selection is changed\n   * @type (value: AccordionValue, event?: React.SyntheticEvent) => void\n   * */\n  onChange?: (value: T, event?: React.SyntheticEvent) => void;\n  /** Animation duration\n   * @default 350 */\n  duration?: number;\n}\n\nexport interface IAccordionContext {\n  getItemProps: PropGetterFn;\n}\n\nexport interface IAccordionHandlers {\n  value: (value: AccordionValue) => void;\n}\n\nexport interface IAccordionItemProps {\n  /** Tab value */\n  value: string | number;\n  /** Disabling selection changes */\n  disabled?: boolean;\n}\n\nexport interface IAccordionItemContext {\n  getToggleProps?: PropGetterFn;\n  getCollapseProps?: PropGetterFn;\n  getChevronProps?: PropGetterFn;\n  selected?: boolean;\n}\n\ndeclare const Accordion: (<T, V extends AccordionValue = AccordionValue>(\n  props: CProps<IAccordionProps<V> & T, IAccordionContext, IAccordionHandlers>,\n) => ReturnEl) & {\n  Item: (<T>(\n    props: CProps<IAccordionItemProps & T, IAccordionItemContext, IAccordionHandlers>,\n  ) => ReturnEl) & {\n    Toggle: typeof Box;\n    Chevron: typeof Box;\n    Collapse: <T>(props: ICollapseProps & T) => ReturnEl;\n  };\n};\n\nexport default Accordion;\n"],"mappings":""}
+{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import { Box, IFlexProps } from '@semcore/flex-box';\nimport { CProps, PropGetterFn, ReturnEl } from '@semcore/core';\nimport { ICollapseProps } from '@semcore/animation';\n\nexport type AccordionValue = null | number | string | Array<number | string | null>;\n\nexport interface IAccordionProps<T extends AccordionValue = AccordionValue> extends IFlexProps {\n  /** Value for the active tab. Can be set as stroke, number, null or as array.\n   * @type AccordionValue\n   * */\n  value?: T;\n  /**\n   * Value of the active tabs selected by default\n   * @type AccordionValue\n   * @default []\n   */\n  defaultValue?: T;\n  /** Called when the selection is changed\n   * @type (value: AccordionValue, event?: React.SyntheticEvent) => void\n   * */\n  onChange?: (value: T, event?: React.SyntheticEvent) => void;\n  /** Animation duration of each Accordion.Item inside\n   * @default 350 */\n  duration?: number;\n}\n\nexport interface IAccordionContext {\n  getItemProps: PropGetterFn;\n}\n\nexport interface IAccordionHandlers {\n  value: (value: AccordionValue) => void;\n}\n\nexport interface IAccordionItemProps {\n  /** Tab value */\n  value: string | number;\n  /** Disabling selection changes */\n  disabled?: boolean;\n  /** Animation duration\n   * @default 350 */\n  duration?: number;\n}\n\nexport interface IAccordionItemContext {\n  getToggleProps?: PropGetterFn;\n  getCollapseProps?: PropGetterFn;\n  getChevronProps?: PropGetterFn;\n  selected?: boolean;\n}\n\ndeclare const Accordion: (<T, V extends AccordionValue = AccordionValue>(\n  props: CProps<IAccordionProps<V> & T, IAccordionContext, IAccordionHandlers>,\n) => ReturnEl) & {\n  Item: (<T>(\n    props: CProps<IAccordionItemProps & T, IAccordionItemContext, IAccordionHandlers>,\n  ) => ReturnEl) & {\n    Toggle: typeof Box;\n    Chevron: typeof Box;\n    Collapse: <T>(props: ICollapseProps & T) => ReturnEl;\n  };\n};\n\nexport default Accordion;\n"],"mappings":""}

package/lib/types/index.d.ts

@@ -19,7 +19,7 @@ export interface IAccordionProps<T extends AccordionValue = AccordionValue> exte
    * @type (value: AccordionValue, event?: React.SyntheticEvent) => void
    * */
   onChange?: (value: T, event?: React.SyntheticEvent) => void;
-  /** Animation duration
+  /** Animation duration of each Accordion.Item inside
    * @default 350 */
   duration?: number;
 }
@@ -37,6 +37,9 @@ export interface IAccordionItemProps {
   value: string | number;
   /** Disabling selection changes */
   disabled?: boolean;
+  /** Animation duration
+   * @default 350 */
+  duration?: number;
 }
 
 export interface IAccordionItemContext {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@semcore/accordion",
   "description": "Semrush Accordion Component",
-  "version": "4.2.8",
+  "version": "4.2.9",
   "main": "lib/cjs/index.js",
   "module": "lib/es6/index.js",
   "typings": "lib/types/index.d.ts",