@semcore/accordion 4.0.18 → 4.0.20

package/CHANGELOG.md

@@ -2,6 +2,18 @@
 
 CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangelog.com/en/1.0.0/).
 
+## [4.0.20] - 2022-10-03
+
+### Changed
+
+- Version patch update due to children dependencies update (`@semcore/icon` [2.32.0 ~> 2.32.1]).
+
+## [4.0.19] - 2022-09-29
+
+### Changed
+
+- Version patch update due to children dependencies update (`@semcore/icon` [2.30.4 ~> 2.31.0]).
+
 ## [4.0.18] - 2022-09-21
 
 ### Changed

package/lib/cjs/Accordion.js

@@ -56,16 +56,16 @@ var style = (
 /*__reshadow_css_start__*/
 _core.sstyled.insert(
 /*__inner_css_start__*/
-".___SItemToggle_13o77_gg_{cursor:pointer;outline:0}.___SItemToggle_13o77_gg_.__keyboardFocused_13o77_gg_{box-shadow:0 0 0 3px rgba(0, 143, 248, 0.2)}.___SItemToggle_13o77_gg_.__disabled_13o77_gg_{opacity:0.3;cursor:default}.___SItemChevron_13o77_gg_{transform:rotate(0deg);transition:transform .25s ease-out}.___SItemChevron_13o77_gg_.__selected_13o77_gg_{transform:rotate(90deg)}@media (prefers-reduced-motion){.___SItemChevron_13o77_gg_{transition:none}}"
+".___SItemToggle_17dib_gg_{cursor:pointer;outline:0}.___SItemToggle_17dib_gg_.__keyboardFocused_17dib_gg_{box-shadow:0 0 0 3px rgba(0, 143, 248, 0.2)}.___SItemToggle_17dib_gg_.__disabled_17dib_gg_{opacity:0.3;cursor:default}.___SItemChevron_17dib_gg_{transform:rotate(0deg);transition:transform .25s ease-out}.___SItemChevron_17dib_gg_.__selected_17dib_gg_{transform:rotate(90deg)}@media (prefers-reduced-motion){.___SItemChevron_17dib_gg_{transition:none}}"
 /*__inner_css_end__*/
-, "13o77_gg_")
+, "17dib_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SItemToggle": "___SItemToggle_13o77_gg_",
-  "_keyboardFocused": "__keyboardFocused_13o77_gg_",
-  "_disabled": "__disabled_13o77_gg_",
-  "__SItemChevron": "___SItemChevron_13o77_gg_",
-  "_selected": "__selected_13o77_gg_"
+  "__SItemToggle": "___SItemToggle_17dib_gg_",
+  "_keyboardFocused": "__keyboardFocused_17dib_gg_",
+  "_disabled": "__disabled_17dib_gg_",
+  "__SItemChevron": "___SItemChevron_17dib_gg_",
+  "_selected": "__selected_17dib_gg_"
 });
 
 var RootAccordion = /*#__PURE__*/function (_Component) {

package/lib/cjs/index.d.js

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=index.d.js.map

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

@@ -0,0 +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":""}

package/lib/es6/Accordion.js

@@ -32,16 +32,16 @@ var style = (
 /*__reshadow_css_start__*/
 _sstyled.insert(
 /*__inner_css_start__*/
-".___SItemToggle_13o77_gg_{cursor:pointer;outline:0}.___SItemToggle_13o77_gg_.__keyboardFocused_13o77_gg_{box-shadow:0 0 0 3px rgba(0, 143, 248, 0.2)}.___SItemToggle_13o77_gg_.__disabled_13o77_gg_{opacity:0.3;cursor:default}.___SItemChevron_13o77_gg_{transform:rotate(0deg);transition:transform .25s ease-out}.___SItemChevron_13o77_gg_.__selected_13o77_gg_{transform:rotate(90deg)}@media (prefers-reduced-motion){.___SItemChevron_13o77_gg_{transition:none}}"
+".___SItemToggle_17dib_gg_{cursor:pointer;outline:0}.___SItemToggle_17dib_gg_.__keyboardFocused_17dib_gg_{box-shadow:0 0 0 3px rgba(0, 143, 248, 0.2)}.___SItemToggle_17dib_gg_.__disabled_17dib_gg_{opacity:0.3;cursor:default}.___SItemChevron_17dib_gg_{transform:rotate(0deg);transition:transform .25s ease-out}.___SItemChevron_17dib_gg_.__selected_17dib_gg_{transform:rotate(90deg)}@media (prefers-reduced-motion){.___SItemChevron_17dib_gg_{transition:none}}"
 /*__inner_css_end__*/
-, "13o77_gg_")
+, "17dib_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SItemToggle": "___SItemToggle_13o77_gg_",
-  "_keyboardFocused": "__keyboardFocused_13o77_gg_",
-  "_disabled": "__disabled_13o77_gg_",
-  "__SItemChevron": "___SItemChevron_13o77_gg_",
-  "_selected": "__selected_13o77_gg_"
+  "__SItemToggle": "___SItemToggle_17dib_gg_",
+  "_keyboardFocused": "__keyboardFocused_17dib_gg_",
+  "_disabled": "__disabled_17dib_gg_",
+  "__SItemChevron": "___SItemChevron_17dib_gg_",
+  "_selected": "__selected_17dib_gg_"
 });
 
 var RootAccordion = /*#__PURE__*/function (_Component) {

package/lib/es6/index.d.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=index.d.js.map

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

@@ -0,0 +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":""}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@semcore/accordion",
   "description": "Semrush Accordion Component",
-  "version": "4.0.18",
+  "version": "4.0.20",
   "main": "lib/cjs/index.js",
   "module": "lib/es6/index.js",
   "typings": "lib/types/index.d.ts",
@@ -9,7 +9,7 @@
   "author": "UI-kit team <ui-kit-team@semrush.com>",
   "license": "MIT",
   "scripts": {
-    "build": "build --source=js",
+    "build": "pnpm semcore-builder --source=js",
     "test": "jest"
   },
   "dependencies": {
@@ -31,6 +31,7 @@
     "directory": "semcore/accordion"
   },
   "devDependencies": {
+    "@types/react": "16.8 - 17",
     "@guidepup/playwright": "0.6.1",
     "@playwright/test": "1.25.1",
     "@semcore/jest-preset-ui": "1.0.0"

package/lib/cjs/index.d.ts

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

package/lib/es6/index.d.ts

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