@spaced-out/ui-design-system 0.6.13 → 0.6.14
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
CHANGED
|
@@ -2,6 +2,13 @@
|
|
|
2
2
|
|
|
3
3
|
All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines.
|
|
4
4
|
|
|
5
|
+
### [0.6.14](https://github.com/spaced-out/ui-design-system/compare/v0.6.13...v0.6.14) (2026-04-30)
|
|
6
|
+
|
|
7
|
+
|
|
8
|
+
### Features
|
|
9
|
+
|
|
10
|
+
* add right and left slot ([#480](https://github.com/spaced-out/ui-design-system/issues/480)) ([ff21279](https://github.com/spaced-out/ui-design-system/commit/ff21279bbf9bbf6105e6c3572017b80de5f55939))
|
|
11
|
+
|
|
5
12
|
### [0.6.13](https://github.com/spaced-out/ui-design-system/compare/v0.6.12...v0.6.13) (2026-04-23)
|
|
6
13
|
|
|
7
14
|
|
|
@@ -10,6 +10,8 @@ export interface PanelHeaderProps {
|
|
|
10
10
|
className?: string;
|
|
11
11
|
size?: 'medium' | 'small';
|
|
12
12
|
testId?: string;
|
|
13
|
+
leftSlot?: React.ReactNode;
|
|
14
|
+
rightSlot?: React.ReactNode;
|
|
13
15
|
}
|
|
14
16
|
type FooterClassNames = Readonly<{
|
|
15
17
|
wrapper?: string;
|
|
@@ -31,7 +33,7 @@ export interface PanelProps extends Omit<ModalProps, 'allowBackgroundInteraction
|
|
|
31
33
|
anchor?: PanelAnchor;
|
|
32
34
|
testId?: string;
|
|
33
35
|
}
|
|
34
|
-
export declare const PanelHeader: ({ children, hideCloseBtn, onCloseButtonClick, className, size, testId, }: PanelHeaderProps) => React.JSX.Element;
|
|
36
|
+
export declare const PanelHeader: ({ children, hideCloseBtn, onCloseButtonClick, className, size, testId, rightSlot, leftSlot, }: PanelHeaderProps) => React.JSX.Element;
|
|
35
37
|
export declare const PanelBody: Flow.AbstractComponent<PanelBodyProps, HTMLDivElement>;
|
|
36
38
|
export declare const PanelFooter: ({ children, classNames, testId, }: PanelFooterProps) => React.JSX.Element;
|
|
37
39
|
export declare const Panel: ({ children, isOpen, size, anchor, onClose, hideBackdrop, classNames, customAnimation, tapOutsideToClose, allowBackgroundInteraction, testId, ...restPanelProps }: PanelProps) => React.JSX.Element;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Panel.d.ts","sourceRoot":"","sources":["../../../src/components/Panel/Panel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,4BAA4B,CAAC;AAgBrD,OAAO,KAAK,EAAC,UAAU,EAAC,MAAM,sBAAsB,CAAC;AAOrD,MAAM,MAAM,SAAS,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AACrD,MAAM,MAAM,WAAW,GAAG,MAAM,GAAG,OAAO,CAAC;AAE3C,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,kBAAkB,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;IAChE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAC;IAC1B,MAAM,CAAC,EAAE,MAAM,CAAC;
|
|
1
|
+
{"version":3,"file":"Panel.d.ts","sourceRoot":"","sources":["../../../src/components/Panel/Panel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,4BAA4B,CAAC;AAgBrD,OAAO,KAAK,EAAC,UAAU,EAAC,MAAM,sBAAsB,CAAC;AAOrD,MAAM,MAAM,SAAS,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AACrD,MAAM,MAAM,WAAW,GAAG,MAAM,GAAG,OAAO,CAAC;AAE3C,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,kBAAkB,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;IAChE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAC;IAC1B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC7B;AAED,KAAK,gBAAgB,GAAG,QAAQ,CAAC;IAC/B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC,CAAC;AAEH,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,UAAU,CAAC,EAAE,gBAAgB,CAAC;IAC9B,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,cAAc;IAC7B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,UACf,SAAQ,IAAI,CAAC,UAAU,EAAE,4BAA4B,GAAG,MAAM,GAAG,QAAQ,CAAC;IAC1E,0BAA0B,CAAC,EAAE,OAAO,CAAC;IACrC,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAmBD,eAAO,MAAM,WAAW,GAAI,+FASzB,gBAAgB,sBA4BlB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,IAAI,CAAC,iBAAiB,CAAC,cAAc,EAAE,cAAc,CAW1E,CAAC;AAEJ,eAAO,MAAM,WAAW,GAAI,mCAIzB,gBAAgB,sBAgBlB,CAAC;AAEF,eAAO,MAAM,KAAK,GAAI,kKAanB,UAAU,sBA8CZ,CAAC"}
|
|
@@ -40,7 +40,9 @@ const PanelHeader = _ref => {
|
|
|
40
40
|
onCloseButtonClick,
|
|
41
41
|
className,
|
|
42
42
|
size,
|
|
43
|
-
testId
|
|
43
|
+
testId,
|
|
44
|
+
rightSlot,
|
|
45
|
+
leftSlot
|
|
44
46
|
} = _ref;
|
|
45
47
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
|
|
46
48
|
children: React.Children.count(children) > 0 && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
|
|
@@ -49,7 +51,7 @@ const PanelHeader = _ref => {
|
|
|
49
51
|
base: testId,
|
|
50
52
|
slot: 'header'
|
|
51
53
|
}),
|
|
52
|
-
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
54
|
+
children: [leftSlot && leftSlot, /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
53
55
|
className: _PanelModule.default.headerContent,
|
|
54
56
|
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Truncate.Truncate, {
|
|
55
57
|
testId: (0, _qa.generateTestId)({
|
|
@@ -58,7 +60,7 @@ const PanelHeader = _ref => {
|
|
|
58
60
|
}),
|
|
59
61
|
children: children
|
|
60
62
|
})
|
|
61
|
-
}), !hideCloseBtn && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.Button, {
|
|
63
|
+
}), rightSlot && rightSlot, !hideCloseBtn && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.Button, {
|
|
62
64
|
iconLeftName: "xmark",
|
|
63
65
|
type: "ghost",
|
|
64
66
|
onClick: onCloseButtonClick,
|
|
@@ -67,7 +69,10 @@ const PanelHeader = _ref => {
|
|
|
67
69
|
testId: (0, _qa.generateTestId)({
|
|
68
70
|
base: testId,
|
|
69
71
|
slot: 'close-button'
|
|
70
|
-
})
|
|
72
|
+
}),
|
|
73
|
+
classNames: {
|
|
74
|
+
wrapper: _PanelModule.default.closeButton
|
|
75
|
+
}
|
|
71
76
|
})]
|
|
72
77
|
})
|
|
73
78
|
});
|
|
@@ -48,7 +48,6 @@
|
|
|
48
48
|
padding: spaceNone spaceSmall spaceNone spaceMedium;
|
|
49
49
|
min-height: size60;
|
|
50
50
|
display: flex;
|
|
51
|
-
justify-content: space-between;
|
|
52
51
|
align-items: center;
|
|
53
52
|
gap: spaceMedium;
|
|
54
53
|
background-color: colorBackgroundTertiary;
|
|
@@ -58,6 +57,10 @@
|
|
|
58
57
|
display: flex;
|
|
59
58
|
}
|
|
60
59
|
|
|
60
|
+
.closeButton {
|
|
61
|
+
margin-left: auto;
|
|
62
|
+
}
|
|
63
|
+
|
|
61
64
|
.panelBody {
|
|
62
65
|
padding: spaceMedium;
|
|
63
66
|
height: sizeFluid;
|
package/mcp/package.json
CHANGED