@semcore/accordion 16.4.0 → 16.5.0-prerelease.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +6 -0
- package/lib/cjs/Accordion.js +7 -7
- package/lib/cjs/index.d.js.map +1 -1
- package/lib/es6/Accordion.js +7 -7
- package/lib/es6/index.d.js.map +1 -1
- package/lib/esm/Accordion.mjs +8 -8
- package/lib/types/index.d.ts +48 -2
- package/package.json +9 -8
package/CHANGELOG.md
CHANGED
|
@@ -2,6 +2,12 @@
|
|
|
2
2
|
|
|
3
3
|
CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangelog.com/en/1.0.0/).
|
|
4
4
|
|
|
5
|
+
## [16.5.0] - 2025-08-28
|
|
6
|
+
|
|
7
|
+
### Changed
|
|
8
|
+
|
|
9
|
+
- Version minor update due to children dependencies update (`@semcore/icon` [16.5.0 ~> 16.6.0], `@semcore/base-components` [16.2.0 ~> 16.2.1]).
|
|
10
|
+
|
|
5
11
|
## [16.4.0] - 2025-08-07
|
|
6
12
|
|
|
7
13
|
### Changed
|
package/lib/cjs/Accordion.js
CHANGED
|
@@ -25,15 +25,15 @@ var _typography = require("@semcore/typography");
|
|
|
25
25
|
var _react = _interopRequireDefault(require("react"));
|
|
26
26
|
function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, (0, _isNativeReflectConstruct2["default"])() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2["default"])(t).constructor) : o.apply(t, e)); }
|
|
27
27
|
/*!__reshadow-styles__:"./style/accordion.shadow.css"*/
|
|
28
|
-
var style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".
|
|
28
|
+
var style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SItemToggle_1rxig_gg_{display:flex;align-items:center;position:relative;cursor:pointer;outline:0}.___SItemToggle_1rxig_gg_.__use_1rxig_gg_.__use_1rxig_gg_{color:var(--intergalactic-text-primary, #191b23);font-weight:var(--intergalactic-regular, 400)}.___SItemToggle_1rxig_gg_.__use_1rxig_gg_._use_primary_1rxig_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_1rxig_gg_.__use_1rxig_gg_._use_primary_1rxig_gg_:hover{background-color:var(--intergalactic-bg-secondary-neutral-hover, #e0e1e9)}}.___SItemToggle_1rxig_gg_.__disabled_1rxig_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default}.___SItemChevron_1rxig_gg_{transform:rotate(0deg);transition:transform calc(var(--intergalactic-duration-accordion, 200)*1ms) ease-out;fill:var(--intergalactic-icon-primary-neutral, #6c6e79)}.___SItemChevron_1rxig_gg_.__selected_1rxig_gg_{transform:rotate(90deg)}@media (prefers-reduced-motion){.___SItemChevron_1rxig_gg_{transition:none}}", /*__inner_css_end__*/"1rxig_gg_"),
|
|
29
29
|
/*__reshadow_css_end__*/
|
|
30
30
|
{
|
|
31
|
-
"__SItemToggle": "
|
|
32
|
-
"_use": "
|
|
33
|
-
"_use_primary": "
|
|
34
|
-
"_disabled": "
|
|
35
|
-
"__SItemChevron": "
|
|
36
|
-
"_selected": "
|
|
31
|
+
"__SItemToggle": "___SItemToggle_1rxig_gg_",
|
|
32
|
+
"_use": "__use_1rxig_gg_",
|
|
33
|
+
"_use_primary": "_use_primary_1rxig_gg_",
|
|
34
|
+
"_disabled": "__disabled_1rxig_gg_",
|
|
35
|
+
"__SItemChevron": "___SItemChevron_1rxig_gg_",
|
|
36
|
+
"_selected": "__selected_1rxig_gg_"
|
|
37
37
|
});
|
|
38
38
|
var RootAccordion = /*#__PURE__*/function (_Component) {
|
|
39
39
|
function RootAccordion() {
|
package/lib/cjs/index.d.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import type {
|
|
1
|
+
{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import type { PropGetterFn, Intergalactic, UnknownProperties } from '@semcore/core';\nimport type { BoxProps, FlexProps, Flex } from '@semcore/flex-box';\nimport type { Text } from '@semcore/typography';\nimport type { Property } from 'csstype';\n\nexport type AccordionValue = null | number | string | Array<number | string | null>;\n\nexport type AccordionProps<T extends AccordionValue = AccordionValue> = FlexProps & {\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?:\n | ((value: T, event?: React.SyntheticEvent) => void)\n | React.Dispatch<React.SetStateAction<T>>;\n /** Animation duration of each Accordion.Item inside\n * @default 350 */\n duration?: number;\n\n /**\n * Changes the visual appearance of the component\n * @default secondary\n */\n use?: 'primary' | 'secondary';\n};\n\nexport interface IAccordionProps<T extends AccordionValue = AccordionValue>\n extends AccordionProps<T> {}\n\n/** @deprecated */\nexport interface IAccordionContext extends AccordionContext, UnknownProperties {}\nexport type AccordionContext = {\n getItemProps: PropGetterFn;\n};\n\n/** @deprecated */\nexport interface IAccordionHandlers extends AccordionHandlers, UnknownProperties {}\nexport type AccordionHandlers = {\n value: (value: AccordionValue) => void;\n};\n\n/** @deprecated */\nexport interface IAccordionItemProps extends AccordionItemProps, UnknownProperties {}\nexport type AccordionItemProps = {\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\n/** @deprecated */\nexport interface IAccordionItemContext extends AccordionItemContext, UnknownProperties {}\nexport type AccordionItemContext = {\n getToggleProps?: PropGetterFn;\n getCollapseProps?: PropGetterFn;\n getChevronProps?: PropGetterFn;\n selected?: boolean;\n};\n\nexport type AccordionItemToggleProps = BoxProps & {\n tag?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';\n};\nexport type ChevronItemProps = BoxProps & {\n /**\n * Chevron size\n * @default m\n */\n size?: 'm' | 'l';\n};\n\nexport type CollapseAnimationProps = {\n /**\n * The property is responsible for the visibility of the element\n * @deprecated Internal animation props, get this value from Accordion root component.\n */\n visible?: boolean;\n /** Animation delay in ms\n * @deprecated You shouldn't use delay in Accordion.\n * @default 0\n */\n delay?: number | [number, number];\n /** Animation titles */\n keyframes?: [string, string];\n /** Enables animation on first rendering\n * @default false\n */\n initialAnimation?: boolean;\n /**\n * @default ease-out\n */\n timingFunction?: Property.AnimationTimingFunction;\n /**\n * @default false\n */\n animationsDisabled?: boolean;\n};\n\nexport type AccordionCollapseProps = BoxProps & CollapseAnimationProps & {\n /** Animation duration in ms\n * @default 0\n */\n duration?: number | [number, number];\n /** If it set to `true`, animated node is persisted in dom even if `visible=false` */\n preserveNode?: boolean;\n /**\n * Add overflow=clip when passing animation\n * @default true\n * */\n overflowHidden?: boolean;\n /**\n * Value for height after animation\n * @default auto\n */\n defaultHeight?: 'auto' | '100%';\n};\n\ntype IntergalacticAccordionComponent<PropsExtending = {}> = (<\n Value extends AccordionValue,\n Tag extends Intergalactic.Tag = 'div',\n>(\n props: Intergalactic.InternalTypings.ComponentProps<\n Tag,\n 'div',\n AccordionProps<Value>,\n AccordionContext & { value: Value },\n [handlers: AccordionHandlers]\n > &\n PropsExtending,\n) => Intergalactic.InternalTypings.ComponentRenderingResults) &\nIntergalactic.InternalTypings.ComponentAdditive<'div', 'div', AccordionProps>;\n\ndeclare const Accordion: IntergalacticAccordionComponent & {\n Item: Intergalactic.Component<\n 'div',\n AccordionItemProps,\n AccordionItemContext,\n [handlers: AccordionHandlers]\n > & {\n Toggle: Intergalactic.Component<typeof Text, AccordionItemToggleProps>;\n ToggleButton: Intergalactic.Component<typeof Flex, {}>;\n Chevron: Intergalactic.Component<'div', ChevronItemProps>;\n Collapse: Intergalactic.Component<'div', AccordionCollapseProps>;\n };\n};\n\ndeclare const wrapAccordion: <PropsExtending extends {}>(\n wrapper: (\n props: Intergalactic.InternalTypings.UntypeRefAndTag<\n Intergalactic.InternalTypings.ComponentPropsNesting<IntergalacticAccordionComponent>\n > &\n PropsExtending,\n ) => React.ReactNode,\n) => IntergalacticAccordionComponent<PropsExtending>;\nexport { wrapAccordion };\n\nexport default Accordion;\n"],"mappings":"","ignoreList":[]}
|
package/lib/es6/Accordion.js
CHANGED
|
@@ -23,15 +23,15 @@ import ChevronRightM from '@semcore/icon/ChevronRight/m';
|
|
|
23
23
|
import { Text } from '@semcore/typography';
|
|
24
24
|
import React from 'react';
|
|
25
25
|
/*!__reshadow-styles__:"./style/accordion.shadow.css"*/
|
|
26
|
-
var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".
|
|
26
|
+
var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SItemToggle_1rxig_gg_{display:flex;align-items:center;position:relative;cursor:pointer;outline:0}.___SItemToggle_1rxig_gg_.__use_1rxig_gg_.__use_1rxig_gg_{color:var(--intergalactic-text-primary, #191b23);font-weight:var(--intergalactic-regular, 400)}.___SItemToggle_1rxig_gg_.__use_1rxig_gg_._use_primary_1rxig_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_1rxig_gg_.__use_1rxig_gg_._use_primary_1rxig_gg_:hover{background-color:var(--intergalactic-bg-secondary-neutral-hover, #e0e1e9)}}.___SItemToggle_1rxig_gg_.__disabled_1rxig_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default}.___SItemChevron_1rxig_gg_{transform:rotate(0deg);transition:transform calc(var(--intergalactic-duration-accordion, 200)*1ms) ease-out;fill:var(--intergalactic-icon-primary-neutral, #6c6e79)}.___SItemChevron_1rxig_gg_.__selected_1rxig_gg_{transform:rotate(90deg)}@media (prefers-reduced-motion){.___SItemChevron_1rxig_gg_{transition:none}}", /*__inner_css_end__*/"1rxig_gg_"),
|
|
27
27
|
/*__reshadow_css_end__*/
|
|
28
28
|
{
|
|
29
|
-
"__SItemToggle": "
|
|
30
|
-
"_use": "
|
|
31
|
-
"_use_primary": "
|
|
32
|
-
"_disabled": "
|
|
33
|
-
"__SItemChevron": "
|
|
34
|
-
"_selected": "
|
|
29
|
+
"__SItemToggle": "___SItemToggle_1rxig_gg_",
|
|
30
|
+
"_use": "__use_1rxig_gg_",
|
|
31
|
+
"_use_primary": "_use_primary_1rxig_gg_",
|
|
32
|
+
"_disabled": "__disabled_1rxig_gg_",
|
|
33
|
+
"__SItemChevron": "___SItemChevron_1rxig_gg_",
|
|
34
|
+
"_selected": "__selected_1rxig_gg_"
|
|
35
35
|
});
|
|
36
36
|
var RootAccordion = /*#__PURE__*/function (_Component) {
|
|
37
37
|
function RootAccordion() {
|
package/lib/es6/index.d.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import type {
|
|
1
|
+
{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import type { PropGetterFn, Intergalactic, UnknownProperties } from '@semcore/core';\nimport type { BoxProps, FlexProps, Flex } from '@semcore/flex-box';\nimport type { Text } from '@semcore/typography';\nimport type { Property } from 'csstype';\n\nexport type AccordionValue = null | number | string | Array<number | string | null>;\n\nexport type AccordionProps<T extends AccordionValue = AccordionValue> = FlexProps & {\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?:\n | ((value: T, event?: React.SyntheticEvent) => void)\n | React.Dispatch<React.SetStateAction<T>>;\n /** Animation duration of each Accordion.Item inside\n * @default 350 */\n duration?: number;\n\n /**\n * Changes the visual appearance of the component\n * @default secondary\n */\n use?: 'primary' | 'secondary';\n};\n\nexport interface IAccordionProps<T extends AccordionValue = AccordionValue>\n extends AccordionProps<T> {}\n\n/** @deprecated */\nexport interface IAccordionContext extends AccordionContext, UnknownProperties {}\nexport type AccordionContext = {\n getItemProps: PropGetterFn;\n};\n\n/** @deprecated */\nexport interface IAccordionHandlers extends AccordionHandlers, UnknownProperties {}\nexport type AccordionHandlers = {\n value: (value: AccordionValue) => void;\n};\n\n/** @deprecated */\nexport interface IAccordionItemProps extends AccordionItemProps, UnknownProperties {}\nexport type AccordionItemProps = {\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\n/** @deprecated */\nexport interface IAccordionItemContext extends AccordionItemContext, UnknownProperties {}\nexport type AccordionItemContext = {\n getToggleProps?: PropGetterFn;\n getCollapseProps?: PropGetterFn;\n getChevronProps?: PropGetterFn;\n selected?: boolean;\n};\n\nexport type AccordionItemToggleProps = BoxProps & {\n tag?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';\n};\nexport type ChevronItemProps = BoxProps & {\n /**\n * Chevron size\n * @default m\n */\n size?: 'm' | 'l';\n};\n\nexport type CollapseAnimationProps = {\n /**\n * The property is responsible for the visibility of the element\n * @deprecated Internal animation props, get this value from Accordion root component.\n */\n visible?: boolean;\n /** Animation delay in ms\n * @deprecated You shouldn't use delay in Accordion.\n * @default 0\n */\n delay?: number | [number, number];\n /** Animation titles */\n keyframes?: [string, string];\n /** Enables animation on first rendering\n * @default false\n */\n initialAnimation?: boolean;\n /**\n * @default ease-out\n */\n timingFunction?: Property.AnimationTimingFunction;\n /**\n * @default false\n */\n animationsDisabled?: boolean;\n};\n\nexport type AccordionCollapseProps = BoxProps & CollapseAnimationProps & {\n /** Animation duration in ms\n * @default 0\n */\n duration?: number | [number, number];\n /** If it set to `true`, animated node is persisted in dom even if `visible=false` */\n preserveNode?: boolean;\n /**\n * Add overflow=clip when passing animation\n * @default true\n * */\n overflowHidden?: boolean;\n /**\n * Value for height after animation\n * @default auto\n */\n defaultHeight?: 'auto' | '100%';\n};\n\ntype IntergalacticAccordionComponent<PropsExtending = {}> = (<\n Value extends AccordionValue,\n Tag extends Intergalactic.Tag = 'div',\n>(\n props: Intergalactic.InternalTypings.ComponentProps<\n Tag,\n 'div',\n AccordionProps<Value>,\n AccordionContext & { value: Value },\n [handlers: AccordionHandlers]\n > &\n PropsExtending,\n) => Intergalactic.InternalTypings.ComponentRenderingResults) &\nIntergalactic.InternalTypings.ComponentAdditive<'div', 'div', AccordionProps>;\n\ndeclare const Accordion: IntergalacticAccordionComponent & {\n Item: Intergalactic.Component<\n 'div',\n AccordionItemProps,\n AccordionItemContext,\n [handlers: AccordionHandlers]\n > & {\n Toggle: Intergalactic.Component<typeof Text, AccordionItemToggleProps>;\n ToggleButton: Intergalactic.Component<typeof Flex, {}>;\n Chevron: Intergalactic.Component<'div', ChevronItemProps>;\n Collapse: Intergalactic.Component<'div', AccordionCollapseProps>;\n };\n};\n\ndeclare const wrapAccordion: <PropsExtending extends {}>(\n wrapper: (\n props: Intergalactic.InternalTypings.UntypeRefAndTag<\n Intergalactic.InternalTypings.ComponentPropsNesting<IntergalacticAccordionComponent>\n > &\n PropsExtending,\n ) => React.ReactNode,\n) => IntergalacticAccordionComponent<PropsExtending>;\nexport { wrapAccordion };\n\nexport default Accordion;\n"],"mappings":"","ignoreList":[]}
|
package/lib/esm/Accordion.mjs
CHANGED
|
@@ -24,17 +24,17 @@ var style = (
|
|
|
24
24
|
/*__reshadow_css_start__*/
|
|
25
25
|
(sstyled.insert(
|
|
26
26
|
/*__inner_css_start__*/
|
|
27
|
-
".
|
|
27
|
+
".___SItemToggle_1rxig_gg_{display:flex;align-items:center;position:relative;cursor:pointer;outline:0}.___SItemToggle_1rxig_gg_.__use_1rxig_gg_.__use_1rxig_gg_{color:var(--intergalactic-text-primary, #191b23);font-weight:var(--intergalactic-regular, 400)}.___SItemToggle_1rxig_gg_.__use_1rxig_gg_._use_primary_1rxig_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_1rxig_gg_.__use_1rxig_gg_._use_primary_1rxig_gg_:hover{background-color:var(--intergalactic-bg-secondary-neutral-hover, #e0e1e9)}}.___SItemToggle_1rxig_gg_.__disabled_1rxig_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default}.___SItemChevron_1rxig_gg_{transform:rotate(0deg);transition:transform calc(var(--intergalactic-duration-accordion, 200)*1ms) ease-out;fill:var(--intergalactic-icon-primary-neutral, #6c6e79)}.___SItemChevron_1rxig_gg_.__selected_1rxig_gg_{transform:rotate(90deg)}@media (prefers-reduced-motion){.___SItemChevron_1rxig_gg_{transition:none}}",
|
|
28
28
|
/*__inner_css_end__*/
|
|
29
|
-
"
|
|
29
|
+
"1rxig_gg_"
|
|
30
30
|
), /*__reshadow_css_end__*/
|
|
31
31
|
{
|
|
32
|
-
"__SItemToggle": "
|
|
33
|
-
"_use": "
|
|
34
|
-
"_use_primary": "
|
|
35
|
-
"_disabled": "
|
|
36
|
-
"__SItemChevron": "
|
|
37
|
-
"_selected": "
|
|
32
|
+
"__SItemToggle": "___SItemToggle_1rxig_gg_",
|
|
33
|
+
"_use": "__use_1rxig_gg_",
|
|
34
|
+
"_use_primary": "_use_primary_1rxig_gg_",
|
|
35
|
+
"_disabled": "__disabled_1rxig_gg_",
|
|
36
|
+
"__SItemChevron": "___SItemChevron_1rxig_gg_",
|
|
37
|
+
"_selected": "__selected_1rxig_gg_"
|
|
38
38
|
})
|
|
39
39
|
);
|
|
40
40
|
var RootAccordion = /* @__PURE__ */ function(_Component) {
|
package/lib/types/index.d.ts
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import type { CollapseProps } from '@semcore/animation';
|
|
2
1
|
import type { PropGetterFn, Intergalactic, UnknownProperties } from '@semcore/core';
|
|
3
2
|
import type { BoxProps, FlexProps, Flex } from '@semcore/flex-box';
|
|
4
3
|
import type { Text } from '@semcore/typography';
|
|
4
|
+
import type { Property } from 'csstype';
|
|
5
5
|
|
|
6
6
|
export type AccordionValue = null | number | string | Array<number | string | null>;
|
|
7
7
|
|
|
@@ -80,6 +80,52 @@ export type ChevronItemProps = BoxProps & {
|
|
|
80
80
|
size?: 'm' | 'l';
|
|
81
81
|
};
|
|
82
82
|
|
|
83
|
+
export type CollapseAnimationProps = {
|
|
84
|
+
/**
|
|
85
|
+
* The property is responsible for the visibility of the element
|
|
86
|
+
* @deprecated Internal animation props, get this value from Accordion root component.
|
|
87
|
+
*/
|
|
88
|
+
visible?: boolean;
|
|
89
|
+
/** Animation delay in ms
|
|
90
|
+
* @deprecated You shouldn't use delay in Accordion.
|
|
91
|
+
* @default 0
|
|
92
|
+
*/
|
|
93
|
+
delay?: number | [number, number];
|
|
94
|
+
/** Animation titles */
|
|
95
|
+
keyframes?: [string, string];
|
|
96
|
+
/** Enables animation on first rendering
|
|
97
|
+
* @default false
|
|
98
|
+
*/
|
|
99
|
+
initialAnimation?: boolean;
|
|
100
|
+
/**
|
|
101
|
+
* @default ease-out
|
|
102
|
+
*/
|
|
103
|
+
timingFunction?: Property.AnimationTimingFunction;
|
|
104
|
+
/**
|
|
105
|
+
* @default false
|
|
106
|
+
*/
|
|
107
|
+
animationsDisabled?: boolean;
|
|
108
|
+
};
|
|
109
|
+
|
|
110
|
+
export type AccordionCollapseProps = BoxProps & CollapseAnimationProps & {
|
|
111
|
+
/** Animation duration in ms
|
|
112
|
+
* @default 0
|
|
113
|
+
*/
|
|
114
|
+
duration?: number | [number, number];
|
|
115
|
+
/** If it set to `true`, animated node is persisted in dom even if `visible=false` */
|
|
116
|
+
preserveNode?: boolean;
|
|
117
|
+
/**
|
|
118
|
+
* Add overflow=clip when passing animation
|
|
119
|
+
* @default true
|
|
120
|
+
* */
|
|
121
|
+
overflowHidden?: boolean;
|
|
122
|
+
/**
|
|
123
|
+
* Value for height after animation
|
|
124
|
+
* @default auto
|
|
125
|
+
*/
|
|
126
|
+
defaultHeight?: 'auto' | '100%';
|
|
127
|
+
};
|
|
128
|
+
|
|
83
129
|
type IntergalacticAccordionComponent<PropsExtending = {}> = (<
|
|
84
130
|
Value extends AccordionValue,
|
|
85
131
|
Tag extends Intergalactic.Tag = 'div',
|
|
@@ -105,7 +151,7 @@ declare const Accordion: IntergalacticAccordionComponent & {
|
|
|
105
151
|
Toggle: Intergalactic.Component<typeof Text, AccordionItemToggleProps>;
|
|
106
152
|
ToggleButton: Intergalactic.Component<typeof Flex, {}>;
|
|
107
153
|
Chevron: Intergalactic.Component<'div', ChevronItemProps>;
|
|
108
|
-
Collapse: Intergalactic.Component<'div',
|
|
154
|
+
Collapse: Intergalactic.Component<'div', AccordionCollapseProps>;
|
|
109
155
|
};
|
|
110
156
|
};
|
|
111
157
|
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@semcore/accordion",
|
|
3
3
|
"description": "Semrush Accordion Component",
|
|
4
|
-
"version": "16.
|
|
4
|
+
"version": "16.5.0-prerelease.2",
|
|
5
5
|
"main": "lib/cjs/index.js",
|
|
6
6
|
"module": "lib/es6/index.js",
|
|
7
7
|
"typings": "lib/types/index.d.ts",
|
|
@@ -14,14 +14,15 @@
|
|
|
14
14
|
"types": "./lib/types/index.d.ts"
|
|
15
15
|
},
|
|
16
16
|
"dependencies": {
|
|
17
|
-
"@semcore/animation": "16.0.
|
|
18
|
-
"@semcore/flex-box": "16.0.
|
|
19
|
-
"@semcore/icon": "16.
|
|
20
|
-
"@semcore/button": "16.0.
|
|
21
|
-
"@semcore/typography": "16.2.
|
|
17
|
+
"@semcore/animation": "16.0.5-prerelease.2",
|
|
18
|
+
"@semcore/flex-box": "16.0.7-prerelease.2",
|
|
19
|
+
"@semcore/icon": "16.6.0-prerelease.2",
|
|
20
|
+
"@semcore/button": "16.0.7-prerelease.2",
|
|
21
|
+
"@semcore/typography": "16.2.1-prerelease.2",
|
|
22
|
+
"csstype": "3.1.3"
|
|
22
23
|
},
|
|
23
24
|
"peerDependencies": {
|
|
24
|
-
"@semcore/base-components": "^16.
|
|
25
|
+
"@semcore/base-components": "^16.2.1-prerelease.2"
|
|
25
26
|
},
|
|
26
27
|
"repository": {
|
|
27
28
|
"type": "git",
|
|
@@ -29,7 +30,7 @@
|
|
|
29
30
|
"directory": "semcore/accordion"
|
|
30
31
|
},
|
|
31
32
|
"devDependencies": {
|
|
32
|
-
"@semcore/core": "16.
|
|
33
|
+
"@semcore/core": "16.1.1-prerelease.2",
|
|
33
34
|
"@semcore/testing-utils": "1.0.0"
|
|
34
35
|
},
|
|
35
36
|
"scripts": {
|