@synerise/ds-field-set 1.2.1 → 1.2.3
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 +8 -0
- package/README.md +13 -11
- package/dist/FieldSet.d.ts +2 -2
- package/dist/FieldSet.js +57 -75
- package/dist/FieldSet.styles.d.ts +12 -12
- package/dist/FieldSet.styles.js +36 -26
- package/dist/FieldSet.types.d.ts +2 -2
- package/dist/FieldSet.types.js +1 -1
- package/dist/index.js +4 -1
- package/dist/modules.d.js +1 -1
- package/dist/modules.d.ts +0 -0
- package/package.json +8 -8
package/CHANGELOG.md
CHANGED
|
@@ -3,6 +3,14 @@
|
|
|
3
3
|
All notable changes to this project will be documented in this file.
|
|
4
4
|
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
|
|
5
5
|
|
|
6
|
+
## [1.2.3](https://github.com/Synerise/synerise-design/compare/@synerise/ds-field-set@1.2.2...@synerise/ds-field-set@1.2.3) (2026-03-24)
|
|
7
|
+
|
|
8
|
+
**Note:** Version bump only for package @synerise/ds-field-set
|
|
9
|
+
|
|
10
|
+
## [1.2.2](https://github.com/Synerise/synerise-design/compare/@synerise/ds-field-set@1.2.1...@synerise/ds-field-set@1.2.2) (2026-03-20)
|
|
11
|
+
|
|
12
|
+
**Note:** Version bump only for package @synerise/ds-field-set
|
|
13
|
+
|
|
6
14
|
## [1.2.1](https://github.com/Synerise/synerise-design/compare/@synerise/ds-field-set@1.2.0...@synerise/ds-field-set@1.2.1) (2026-03-09)
|
|
7
15
|
|
|
8
16
|
**Note:** Version bump only for package @synerise/ds-field-set
|
package/README.md
CHANGED
|
@@ -28,14 +28,16 @@ import FieldSet from '@synerise/ds-field-set'
|
|
|
28
28
|
|
|
29
29
|
## API
|
|
30
30
|
|
|
31
|
-
| Property
|
|
32
|
-
|
|
|
33
|
-
|
|
|
34
|
-
|
|
|
35
|
-
|
|
|
36
|
-
|
|
|
37
|
-
| prefix
|
|
38
|
-
|
|
|
39
|
-
|
|
|
40
|
-
|
|
|
41
|
-
|
|
|
31
|
+
| Property | Description | Type | Default |
|
|
32
|
+
| --------------- | ------------------------------------------------------ | ------------------------------------------ | ------------ |
|
|
33
|
+
| title | Header title | `ReactNode` | - |
|
|
34
|
+
| description | Subtitle rendered below title | `ReactNode` | - |
|
|
35
|
+
| component | Main content inside the collapsible area | `ReactNode` | - |
|
|
36
|
+
| button | Action node at the bottom of the collapsible area | `ReactNode` | - |
|
|
37
|
+
| prefix | Custom prefix in the header (ignored when `expandable`)| `ReactNode` | - |
|
|
38
|
+
| onTitleClick | Click handler for the title element | `(ev: MouseEvent<HTMLElement>) => void` | - |
|
|
39
|
+
| divider | Show a full-width divider between header and content | `boolean` | `true` |
|
|
40
|
+
| expandable | Enable expand/collapse of component and button | `boolean` | - |
|
|
41
|
+
| triggerType | Trigger shown when `expandable` is true | `'expander' \| 'switch'` | `'expander'` |
|
|
42
|
+
| defaultExpanded | Initial expanded state; re-syncs if prop changes | `boolean` | - |
|
|
43
|
+
| onExpandChange | Callback fired after expand/collapse toggle | `(expanded: boolean) => void` | - |
|
package/dist/FieldSet.d.ts
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import {
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
import { FieldSetProps } from './FieldSet.types';
|
|
3
3
|
declare const FieldSet: ({ className, prefix, title, description, component, button, onTitleClick, onExpandChange, divider, expandable, defaultExpanded, triggerType, ...htmlAttributes }: FieldSetProps) => React.JSX.Element;
|
|
4
4
|
export default FieldSet;
|
package/dist/FieldSet.js
CHANGED
|
@@ -1,93 +1,75 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
import
|
|
5
|
-
import {
|
|
6
|
-
import {
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
setExpanded = _useState[1];
|
|
28
|
-
var _useState2 = useState(),
|
|
29
|
-
maxHeight = _useState2[0],
|
|
30
|
-
setMaxHeight = _useState2[1];
|
|
31
|
-
var _useState3 = useState(false),
|
|
32
|
-
shouldAnimate = _useState3[0],
|
|
33
|
-
setShouldAnimate = _useState3[1];
|
|
34
|
-
var measureMaxHeightRef = useRef(null);
|
|
35
|
-
useResizeObserver(measureMaxHeightRef, function (dimensions) {
|
|
1
|
+
import { jsx, jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { useState, useRef, useEffect, useCallback, useMemo } from "react";
|
|
3
|
+
import { Expander } from "@synerise/ds-button";
|
|
4
|
+
import { RawSwitch } from "@synerise/ds-switch";
|
|
5
|
+
import { useResizeObserver } from "@synerise/ds-utils";
|
|
6
|
+
import { PrefixWrapper, ContainerWrapper, HeaderWrapper, FieldSetTitle, Title, Description, StyledDivider, CollapsibleContent, CollapsibleContentInner, ComponentWrapper, ActionButton } from "./FieldSet.styles.js";
|
|
7
|
+
const FieldSet = ({
|
|
8
|
+
className,
|
|
9
|
+
prefix,
|
|
10
|
+
title,
|
|
11
|
+
description,
|
|
12
|
+
component,
|
|
13
|
+
button,
|
|
14
|
+
onTitleClick,
|
|
15
|
+
onExpandChange,
|
|
16
|
+
divider = true,
|
|
17
|
+
expandable,
|
|
18
|
+
defaultExpanded,
|
|
19
|
+
triggerType = "expander",
|
|
20
|
+
...htmlAttributes
|
|
21
|
+
}) => {
|
|
22
|
+
const [expanded, setExpanded] = useState(!!defaultExpanded);
|
|
23
|
+
const [maxHeight, setMaxHeight] = useState();
|
|
24
|
+
const [shouldAnimate, setShouldAnimate] = useState(false);
|
|
25
|
+
const measureMaxHeightRef = useRef(null);
|
|
26
|
+
useResizeObserver(measureMaxHeightRef, (dimensions) => {
|
|
36
27
|
setMaxHeight(dimensions.height);
|
|
37
28
|
});
|
|
38
|
-
useEffect(
|
|
39
|
-
defaultExpanded !==
|
|
29
|
+
useEffect(() => {
|
|
30
|
+
defaultExpanded !== void 0 && setExpanded(defaultExpanded);
|
|
40
31
|
}, [defaultExpanded]);
|
|
41
|
-
|
|
32
|
+
const handleTransitionEnd = useCallback(() => {
|
|
42
33
|
setShouldAnimate(false);
|
|
43
34
|
}, []);
|
|
44
|
-
|
|
35
|
+
const handleExpandedClick = useCallback(() => {
|
|
45
36
|
if (!expandable) {
|
|
46
37
|
return;
|
|
47
38
|
}
|
|
48
39
|
setShouldAnimate(true);
|
|
49
|
-
|
|
40
|
+
const newExpanded = !expanded;
|
|
50
41
|
setExpanded(newExpanded);
|
|
51
|
-
onExpandChange
|
|
42
|
+
onExpandChange?.(newExpanded);
|
|
52
43
|
}, [expandable, onExpandChange, expanded]);
|
|
53
|
-
|
|
54
|
-
if (expandable && (!triggerType || triggerType ===
|
|
55
|
-
return
|
|
56
|
-
expanded: expanded,
|
|
57
|
-
onClick: handleExpandedClick
|
|
58
|
-
}));
|
|
44
|
+
const headerPrefix = useMemo(() => {
|
|
45
|
+
if (expandable && (!triggerType || triggerType === "expander")) {
|
|
46
|
+
return /* @__PURE__ */ jsx(PrefixWrapper, { children: /* @__PURE__ */ jsx(Expander, { expanded, onClick: handleExpandedClick }) });
|
|
59
47
|
}
|
|
60
|
-
if (expandable && triggerType ===
|
|
61
|
-
return
|
|
62
|
-
checked: expanded,
|
|
63
|
-
onClick: handleExpandedClick
|
|
64
|
-
}));
|
|
48
|
+
if (expandable && triggerType === "switch") {
|
|
49
|
+
return /* @__PURE__ */ jsx(PrefixWrapper, { children: /* @__PURE__ */ jsx(RawSwitch, { checked: expanded, onClick: handleExpandedClick }) });
|
|
65
50
|
}
|
|
66
|
-
return prefix &&
|
|
51
|
+
return prefix && /* @__PURE__ */ jsx(PrefixWrapper, { children: prefix });
|
|
67
52
|
}, [expandable, prefix, expanded, triggerType, handleExpandedClick]);
|
|
68
|
-
|
|
53
|
+
const handleTitleClick = useCallback((event) => {
|
|
69
54
|
handleExpandedClick();
|
|
70
55
|
onTitleClick && onTitleClick(event);
|
|
71
56
|
}, [handleExpandedClick, onTitleClick]);
|
|
72
|
-
|
|
73
|
-
return
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
"data-testid": "field-set-collapsible",
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
ref: measureMaxHeightRef
|
|
91
|
-
}, component && /*#__PURE__*/React.createElement(S.ComponentWrapper, null, component), button && /*#__PURE__*/React.createElement(S.ActionButton, null, button))));
|
|
57
|
+
const hasTitleAndDescription = Boolean(title && description);
|
|
58
|
+
return /* @__PURE__ */ jsxs(ContainerWrapper, { className: `ds-field-set ${className ?? ""}`, ...htmlAttributes, children: [
|
|
59
|
+
/* @__PURE__ */ jsxs(HeaderWrapper, { topAlign: Boolean(hasTitleAndDescription), children: [
|
|
60
|
+
headerPrefix,
|
|
61
|
+
/* @__PURE__ */ jsxs(FieldSetTitle, { children: [
|
|
62
|
+
title && /* @__PURE__ */ jsx(Title, { onClick: handleTitleClick, isClickable: Boolean(onTitleClick || expandable), description: Boolean(description), children: title }),
|
|
63
|
+
description && /* @__PURE__ */ jsx(Description, { children: description })
|
|
64
|
+
] })
|
|
65
|
+
] }),
|
|
66
|
+
divider && /* @__PURE__ */ jsx(StyledDivider, {}),
|
|
67
|
+
(component || button) && /* @__PURE__ */ jsx(CollapsibleContent, { "data-testid": "field-set-collapsible", expandable, expanded: expandable && expanded, "aria-hidden": expandable && !expanded, maxHeight, shouldAnimate, onTransitionEnd: handleTransitionEnd, children: /* @__PURE__ */ jsxs(CollapsibleContentInner, { ref: measureMaxHeightRef, children: [
|
|
68
|
+
component && /* @__PURE__ */ jsx(ComponentWrapper, { children: component }),
|
|
69
|
+
button && /* @__PURE__ */ jsx(ActionButton, { children: button })
|
|
70
|
+
] }) })
|
|
71
|
+
] });
|
|
72
|
+
};
|
|
73
|
+
export {
|
|
74
|
+
FieldSet as default
|
|
92
75
|
};
|
|
93
|
-
export default FieldSet;
|
|
@@ -1,22 +1,22 @@
|
|
|
1
|
-
export declare const Title: import(
|
|
1
|
+
export declare const Title: import('styled-components').StyledComponent<"div", any, {
|
|
2
2
|
description?: boolean;
|
|
3
3
|
isClickable?: boolean;
|
|
4
4
|
}, never>;
|
|
5
|
-
export declare const ContainerWrapper: import(
|
|
6
|
-
export declare const HeaderWrapper: import(
|
|
5
|
+
export declare const ContainerWrapper: import('styled-components').StyledComponent<"div", any, {}, never>;
|
|
6
|
+
export declare const HeaderWrapper: import('styled-components').StyledComponent<"div", any, {
|
|
7
7
|
topAlign?: boolean;
|
|
8
8
|
}, never>;
|
|
9
|
-
export declare const PrefixWrapper: import(
|
|
10
|
-
export declare const ActionButton: import(
|
|
11
|
-
export declare const ExpanderWrapper: import(
|
|
12
|
-
export declare const FieldSetTitle: import(
|
|
13
|
-
export declare const ComponentWrapper: import(
|
|
14
|
-
export declare const Description: import(
|
|
15
|
-
export declare const CollapsibleContent: import(
|
|
9
|
+
export declare const PrefixWrapper: import('styled-components').StyledComponent<"div", any, {}, never>;
|
|
10
|
+
export declare const ActionButton: import('styled-components').StyledComponent<"div", any, {}, never>;
|
|
11
|
+
export declare const ExpanderWrapper: import('styled-components').StyledComponent<"div", any, {}, never>;
|
|
12
|
+
export declare const FieldSetTitle: import('styled-components').StyledComponent<"div", any, {}, never>;
|
|
13
|
+
export declare const ComponentWrapper: import('styled-components').StyledComponent<"div", any, {}, never>;
|
|
14
|
+
export declare const Description: import('styled-components').StyledComponent<"div", any, {}, never>;
|
|
15
|
+
export declare const CollapsibleContent: import('styled-components').StyledComponent<"div", any, {
|
|
16
16
|
expandable?: boolean;
|
|
17
17
|
expanded?: boolean;
|
|
18
18
|
maxHeight?: number;
|
|
19
19
|
shouldAnimate?: boolean;
|
|
20
20
|
}, never>;
|
|
21
|
-
export declare const CollapsibleContentInner: import(
|
|
22
|
-
export declare const StyledDivider: import(
|
|
21
|
+
export declare const CollapsibleContentInner: import('styled-components').StyledComponent<"div", any, {}, never>;
|
|
22
|
+
export declare const StyledDivider: import('styled-components').StyledComponent<(props: import('@synerise/ds-divider').DividerProps) => React.JSX.Element, any, {}, never>;
|
package/dist/FieldSet.styles.js
CHANGED
|
@@ -1,58 +1,68 @@
|
|
|
1
|
-
import styled, { css } from
|
|
2
|
-
import Divider from
|
|
3
|
-
|
|
1
|
+
import styled, { css } from "styled-components";
|
|
2
|
+
import Divider from "@synerise/ds-divider";
|
|
3
|
+
const Title = /* @__PURE__ */ styled.div.withConfig({
|
|
4
4
|
displayName: "FieldSetstyles__Title",
|
|
5
5
|
componentId: "sc-1hezedi-0"
|
|
6
|
-
})(["display:flex;line-height:16px;max-width:800px;font-size:16px;font-weight:500;word-wrap:break-word;align-items:center;color:", ";cursor:", ";"],
|
|
7
|
-
|
|
8
|
-
}, function (props) {
|
|
9
|
-
return props.isClickable ? 'pointer' : 'default';
|
|
10
|
-
});
|
|
11
|
-
export var ContainerWrapper = styled.div.withConfig({
|
|
6
|
+
})(["display:flex;line-height:16px;max-width:800px;font-size:16px;font-weight:500;word-wrap:break-word;align-items:center;color:", ";cursor:", ";"], (props) => props.theme.palette["grey-800"], (props) => props.isClickable ? "pointer" : "default");
|
|
7
|
+
const ContainerWrapper = /* @__PURE__ */ styled.div.withConfig({
|
|
12
8
|
displayName: "FieldSetstyles__ContainerWrapper",
|
|
13
9
|
componentId: "sc-1hezedi-1"
|
|
14
10
|
})(["display:flex;flex-direction:column;gap:16px;"]);
|
|
15
|
-
|
|
11
|
+
const HeaderWrapper = /* @__PURE__ */ styled.div.withConfig({
|
|
16
12
|
displayName: "FieldSetstyles__HeaderWrapper",
|
|
17
13
|
componentId: "sc-1hezedi-2"
|
|
18
|
-
})(["display:flex;gap:16px;align-items:", ";"],
|
|
19
|
-
|
|
20
|
-
});
|
|
21
|
-
export var PrefixWrapper = styled.div.withConfig({
|
|
14
|
+
})(["display:flex;gap:16px;align-items:", ";"], (props) => props.topAlign ? "flex-start" : "center");
|
|
15
|
+
const PrefixWrapper = /* @__PURE__ */ styled.div.withConfig({
|
|
22
16
|
displayName: "FieldSetstyles__PrefixWrapper",
|
|
23
17
|
componentId: "sc-1hezedi-3"
|
|
24
18
|
})(["display:flex;"]);
|
|
25
|
-
|
|
19
|
+
const ActionButton = /* @__PURE__ */ styled.div.withConfig({
|
|
26
20
|
displayName: "FieldSetstyles__ActionButton",
|
|
27
21
|
componentId: "sc-1hezedi-4"
|
|
28
22
|
})(["display:flex;padding:8px;"]);
|
|
29
|
-
|
|
23
|
+
const ExpanderWrapper = /* @__PURE__ */ styled.div.withConfig({
|
|
30
24
|
displayName: "FieldSetstyles__ExpanderWrapper",
|
|
31
25
|
componentId: "sc-1hezedi-5"
|
|
32
26
|
})(["display:flex;"]);
|
|
33
|
-
|
|
27
|
+
const FieldSetTitle = /* @__PURE__ */ styled.div.withConfig({
|
|
34
28
|
displayName: "FieldSetstyles__FieldSetTitle",
|
|
35
29
|
componentId: "sc-1hezedi-6"
|
|
36
30
|
})(["display:flex;flex-direction:column;gap:8px;"]);
|
|
37
|
-
|
|
31
|
+
const ComponentWrapper = /* @__PURE__ */ styled.div.withConfig({
|
|
38
32
|
displayName: "FieldSetstyles__ComponentWrapper",
|
|
39
33
|
componentId: "sc-1hezedi-7"
|
|
40
34
|
})(["display:flex;flex-direction:column;"]);
|
|
41
|
-
|
|
35
|
+
const Description = /* @__PURE__ */ styled.div.withConfig({
|
|
42
36
|
displayName: "FieldSetstyles__Description",
|
|
43
37
|
componentId: "sc-1hezedi-8"
|
|
44
38
|
})(["display:flex;line-height:16px;font-size:13px;word-wrap:break-word;"]);
|
|
45
|
-
|
|
39
|
+
const CollapsibleContent = /* @__PURE__ */ styled.div.withConfig({
|
|
46
40
|
displayName: "FieldSetstyles__CollapsibleContent",
|
|
47
41
|
componentId: "sc-1hezedi-9"
|
|
48
|
-
})(["position:relative;", ""],
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
42
|
+
})(["position:relative;", ""], (props) => props.expandable && css(["", " overflow:hidden;", ""], props.shouldAnimate && "transition: max-height 0.7s ease-in-out;", props.expanded ? `
|
|
43
|
+
max-height: ${props.maxHeight || 9999}px;
|
|
44
|
+
` : `
|
|
45
|
+
max-height: 0;
|
|
46
|
+
`));
|
|
47
|
+
const CollapsibleContentInner = /* @__PURE__ */ styled.div.withConfig({
|
|
52
48
|
displayName: "FieldSetstyles__CollapsibleContentInner",
|
|
53
49
|
componentId: "sc-1hezedi-10"
|
|
54
50
|
})([""]);
|
|
55
|
-
|
|
51
|
+
const StyledDivider = /* @__PURE__ */ styled(Divider).withConfig({
|
|
56
52
|
displayName: "FieldSetstyles__StyledDivider",
|
|
57
53
|
componentId: "sc-1hezedi-11"
|
|
58
|
-
})(["width:100%;display:flex;"]);
|
|
54
|
+
})(["width:100%;display:flex;"]);
|
|
55
|
+
export {
|
|
56
|
+
ActionButton,
|
|
57
|
+
CollapsibleContent,
|
|
58
|
+
CollapsibleContentInner,
|
|
59
|
+
ComponentWrapper,
|
|
60
|
+
ContainerWrapper,
|
|
61
|
+
Description,
|
|
62
|
+
ExpanderWrapper,
|
|
63
|
+
FieldSetTitle,
|
|
64
|
+
HeaderWrapper,
|
|
65
|
+
PrefixWrapper,
|
|
66
|
+
StyledDivider,
|
|
67
|
+
Title
|
|
68
|
+
};
|
package/dist/FieldSet.types.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import {
|
|
1
|
+
import { MouseEvent as ReactMouseEvent, ReactNode } from 'react';
|
|
2
|
+
import { WithHTMLAttributes } from '@synerise/ds-utils';
|
|
3
3
|
export type TriggerType = 'expander' | 'switch';
|
|
4
4
|
export type FieldSetProps = WithHTMLAttributes<HTMLDivElement, {
|
|
5
5
|
component?: ReactNode;
|
package/dist/FieldSet.types.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
|
|
1
|
+
|
package/dist/index.js
CHANGED
package/dist/modules.d.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import
|
|
1
|
+
import "@testing-library/jest-dom";
|
|
File without changes
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@synerise/ds-field-set",
|
|
3
|
-
"version": "1.2.
|
|
3
|
+
"version": "1.2.3",
|
|
4
4
|
"description": "FieldSet UI Component for the Synerise Design System",
|
|
5
5
|
"license": "ISC",
|
|
6
6
|
"repository": "Synerise/synerise-design",
|
|
@@ -16,10 +16,10 @@
|
|
|
16
16
|
"access": "public"
|
|
17
17
|
},
|
|
18
18
|
"scripts": {
|
|
19
|
-
"build": "
|
|
19
|
+
"build": "vite build",
|
|
20
20
|
"build:css": "node ../../../scripts/style/less.js",
|
|
21
21
|
"build:js": "babel --delete-dir-on-start --root-mode upward src --out-dir dist --extensions '.js,.ts,.tsx'",
|
|
22
|
-
"build:watch": "
|
|
22
|
+
"build:watch": "vite build --watch",
|
|
23
23
|
"defs": "tsc --declaration --outDir dist/ --emitDeclarationOnly",
|
|
24
24
|
"pack:ci": "pnpm pack --pack-destination ../../storybook/storybook-static/static",
|
|
25
25
|
"prepublish": "pnpm run build",
|
|
@@ -35,10 +35,10 @@
|
|
|
35
35
|
],
|
|
36
36
|
"types": "dist/index.d.ts",
|
|
37
37
|
"dependencies": {
|
|
38
|
-
"@synerise/ds-button": "^1.5.
|
|
39
|
-
"@synerise/ds-divider": "^1.3.
|
|
40
|
-
"@synerise/ds-switch": "^1.2.
|
|
41
|
-
"@synerise/ds-utils": "^1.
|
|
38
|
+
"@synerise/ds-button": "^1.5.18",
|
|
39
|
+
"@synerise/ds-divider": "^1.3.2",
|
|
40
|
+
"@synerise/ds-switch": "^1.2.20",
|
|
41
|
+
"@synerise/ds-utils": "^1.7.1"
|
|
42
42
|
},
|
|
43
43
|
"peerDependencies": {
|
|
44
44
|
"@synerise/ds-core": "*",
|
|
@@ -46,5 +46,5 @@
|
|
|
46
46
|
"react": ">=16.9.0 <= 18.3.1",
|
|
47
47
|
"styled-components": "^5.3.3"
|
|
48
48
|
},
|
|
49
|
-
"gitHead": "
|
|
49
|
+
"gitHead": "e4ecca8944fc9b41c1b9d59c8bcad5e5e2013225"
|
|
50
50
|
}
|