@spaced-out/ui-design-system 0.5.43 → 0.5.44
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.5.44](https://github.com/spaced-out/ui-design-system/compare/v0.5.43...v0.5.44) (2026-01-29)
|
|
6
|
+
|
|
7
|
+
|
|
8
|
+
### Features
|
|
9
|
+
|
|
10
|
+
* children slot in checklist component ([#457](https://github.com/spaced-out/ui-design-system/issues/457)) ([52d8292](https://github.com/spaced-out/ui-design-system/commit/52d82926c0bd88d6159ab48f9f80dc9882023f9a))
|
|
11
|
+
|
|
5
12
|
### [0.5.43](https://github.com/spaced-out/ui-design-system/compare/v0.5.42...v0.5.43) (2026-01-28)
|
|
6
13
|
|
|
7
14
|
|
|
@@ -3,6 +3,7 @@ import type { ColorTypes } from '../../types/typography';
|
|
|
3
3
|
import type { IconSize, IconType } from '../../components/Icon';
|
|
4
4
|
type ClassNames = Readonly<{
|
|
5
5
|
header?: string;
|
|
6
|
+
footer?: string;
|
|
6
7
|
wrapper?: string;
|
|
7
8
|
content?: string;
|
|
8
9
|
listItemContainer?: string;
|
|
@@ -19,16 +20,24 @@ export interface ChecklistItem {
|
|
|
19
20
|
rightSlot?: React.ReactNode;
|
|
20
21
|
onExpand?: (item: ChecklistItem) => void;
|
|
21
22
|
}
|
|
22
|
-
export interface
|
|
23
|
+
export interface ChecklistBaseProps {
|
|
23
24
|
classNames?: ClassNames;
|
|
24
25
|
isOpen?: boolean;
|
|
25
26
|
testId?: string;
|
|
26
27
|
title: React.ReactNode;
|
|
27
28
|
rightSlot?: React.ReactNode;
|
|
28
29
|
footer?: React.ReactNode;
|
|
29
|
-
listItems: Array<ChecklistItem>;
|
|
30
30
|
hideChecklistItemExpandButton?: boolean;
|
|
31
31
|
}
|
|
32
|
+
interface ChecklistWithChildren extends ChecklistBaseProps {
|
|
33
|
+
children: React.ReactNode;
|
|
34
|
+
listItems?: never;
|
|
35
|
+
}
|
|
36
|
+
interface ChecklistWithListItems extends ChecklistBaseProps {
|
|
37
|
+
listItems: Array<ChecklistItem>;
|
|
38
|
+
children?: never;
|
|
39
|
+
}
|
|
40
|
+
export type ChecklistProps = ChecklistWithChildren | ChecklistWithListItems;
|
|
32
41
|
export interface ChecklistProgressBarProps {
|
|
33
42
|
classNames?: {
|
|
34
43
|
wrapper?: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Checklist.d.ts","sourceRoot":"","sources":["../../../src/components/Checklist/Checklist.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAC,UAAU,EAAC,MAAM,sBAAsB,CAAC;AAMrD,OAAO,KAAK,EAAC,QAAQ,EAAE,QAAQ,EAAC,MAAM,qBAAqB,CAAC;AAS5D,KAAK,UAAU,GAAG,QAAQ,CAAC;IACzB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,oBAAoB,CAAC,EAAE,MAAM,CAAC;CAC/B,CAAC,CAAC;AAEH,MAAM,WAAW,aAAa;IAC5B,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,GAAG,EAAE,MAAM,CAAC;IACZ,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,YAAY,CAAC,EAAE,QAAQ,CAAC;IACxB,aAAa,CAAC,EAAE,UAAU,CAAC;IAC3B,YAAY,CAAC,EAAE,QAAQ,CAAC;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,aAAa,KAAK,IAAI,CAAC;CAC1C;AAED,MAAM,WAAW,
|
|
1
|
+
{"version":3,"file":"Checklist.d.ts","sourceRoot":"","sources":["../../../src/components/Checklist/Checklist.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAC,UAAU,EAAC,MAAM,sBAAsB,CAAC;AAMrD,OAAO,KAAK,EAAC,QAAQ,EAAE,QAAQ,EAAC,MAAM,qBAAqB,CAAC;AAS5D,KAAK,UAAU,GAAG,QAAQ,CAAC;IACzB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,oBAAoB,CAAC,EAAE,MAAM,CAAC;CAC/B,CAAC,CAAC;AAEH,MAAM,WAAW,aAAa;IAC5B,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,GAAG,EAAE,MAAM,CAAC;IACZ,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,YAAY,CAAC,EAAE,QAAQ,CAAC;IACxB,aAAa,CAAC,EAAE,UAAU,CAAC;IAC3B,YAAY,CAAC,EAAE,QAAQ,CAAC;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,aAAa,KAAK,IAAI,CAAC;CAC1C;AAED,MAAM,WAAW,kBAAkB;IACjC,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,6BAA6B,CAAC,EAAE,OAAO,CAAC;CACzC;AAED,UAAU,qBAAsB,SAAQ,kBAAkB;IACxD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,KAAK,CAAC;CACnB;AAED,UAAU,sBAAuB,SAAQ,kBAAkB;IACzD,SAAS,EAAE,KAAK,CAAC,aAAa,CAAC,CAAC;IAChC,QAAQ,CAAC,EAAE,KAAK,CAAC;CAClB;AAED,MAAM,MAAM,cAAc,GAAG,qBAAqB,GAAG,sBAAsB,CAAC;AAE5E,MAAM,WAAW,yBAAyB;IACxC,UAAU,CAAC,EAAE;QACX,OAAO,CAAC,EAAE,MAAM,CAAC;QACjB,SAAS,CAAC,EAAE,MAAM,CAAC;QACnB,GAAG,CAAC,EAAE,MAAM,CAAC;KACd,CAAC;IACF,UAAU,EAAE,MAAM,CAAC;IACnB,cAAc,EAAE,MAAM,CAAC;IACvB,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B;AAED,eAAO,MAAM,oBAAoB,kGAiB/B,CAAC;AAEH,eAAO,MAAM,SAAS,uFA8HrB,CAAC"}
|
|
@@ -47,6 +47,7 @@ const Checklist = exports.Checklist = /*#__PURE__*/React.forwardRef((_ref2, ref)
|
|
|
47
47
|
title,
|
|
48
48
|
rightSlot,
|
|
49
49
|
footer,
|
|
50
|
+
children,
|
|
50
51
|
listItems = [],
|
|
51
52
|
hideChecklistItemExpandButton = false
|
|
52
53
|
} = _ref2;
|
|
@@ -105,7 +106,7 @@ const Checklist = exports.Checklist = /*#__PURE__*/React.forwardRef((_ref2, ref)
|
|
|
105
106
|
},
|
|
106
107
|
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Card.CardContent, {
|
|
107
108
|
className: (0, _classify.default)(_ChecklistModule.default.cardContentContainer, classNames?.cardContentContainer),
|
|
108
|
-
children: listItems.map(item => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Button.UnstyledButton, {
|
|
109
|
+
children: Array.isArray(listItems) && listItems.length ? listItems.map(item => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Button.UnstyledButton, {
|
|
109
110
|
className: (0, _classify.default)(_ChecklistModule.default.checklistItemContainer, classNames?.listItemContainer),
|
|
110
111
|
onClick: () => item.onExpand?.(item),
|
|
111
112
|
children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
|
|
@@ -136,8 +137,9 @@ const Checklist = exports.Checklist = /*#__PURE__*/React.forwardRef((_ref2, ref)
|
|
|
136
137
|
})
|
|
137
138
|
}) : null
|
|
138
139
|
})]
|
|
139
|
-
}))
|
|
140
|
+
})) : children
|
|
140
141
|
}), footer ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Card.CardFooter, {
|
|
142
|
+
className: classNames?.footer,
|
|
141
143
|
children: footer
|
|
142
144
|
}) : null]
|
|
143
145
|
})
|
package/mcp/package.json
CHANGED