@spaced-out/ui-design-system 0.5.43 → 0.5.45

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.
Files changed (10) hide show
  1. package/CHANGELOG.md +9 -0
  2. package/lib/components/Checklist/Checklist.d.ts +11 -2
  3. package/lib/components/Checklist/Checklist.d.ts.map +1 -1
  4. package/lib/components/Checklist/Checklist.js +4 -2
  5. package/lib/components/KPIBox/KPIBox.d.ts +1 -0
  6. package/lib/components/KPIBox/KPIBox.d.ts.map +1 -1
  7. package/lib/components/KPIBox/KPIBox.js +16 -1
  8. package/lib/components/KPIBox/KPIBox.module.css +20 -2
  9. package/mcp/package.json +1 -1
  10. package/package.json +1 -1
package/CHANGELOG.md CHANGED
@@ -2,6 +2,15 @@
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.45](https://github.com/spaced-out/ui-design-system/compare/v0.5.44...v0.5.45) (2026-02-11)
6
+
7
+ ### [0.5.44](https://github.com/spaced-out/ui-design-system/compare/v0.5.43...v0.5.44) (2026-01-29)
8
+
9
+
10
+ ### Features
11
+
12
+ * 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))
13
+
5
14
  ### [0.5.43](https://github.com/spaced-out/ui-design-system/compare/v0.5.42...v0.5.43) (2026-01-28)
6
15
 
7
16
 
package/lib/components/Checklist/Checklist.d.ts CHANGED
@@ -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 ChecklistProps {
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;
package/lib/components/Checklist/Checklist.d.ts.map CHANGED
@@ -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,cAAc;IAC7B,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,SAAS,EAAE,KAAK,CAAC,aAAa,CAAC,CAAC;IAChC,6BAA6B,CAAC,EAAE,OAAO,CAAC;CACzC;AAED,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,uFAyHrB,CAAC"}
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"}
package/lib/components/Checklist/Checklist.js CHANGED
@@ -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/lib/components/KPIBox/KPIBox.d.ts CHANGED
@@ -18,6 +18,7 @@ export interface KPIBoxProps {
18
18
  iconName?: string;
19
19
  iconSize?: IconSize;
20
20
  iconType?: IconType;
21
+ onClick?: (e: React.MouseEvent<HTMLDivElement> | React.KeyboardEvent<HTMLDivElement>) => void;
21
22
  testId?: string;
22
23
  }
23
24
  export declare const KPIBox: Flow.AbstractComponent<KPIBoxProps, HTMLDivElement>;
package/lib/components/KPIBox/KPIBox.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"KPIBox.d.ts","sourceRoot":"","sources":["../../../src/components/KPIBox/KPIBox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,4BAA4B,CAAC;AAErD,OAAO,KAAK,EAAC,iBAAiB,EAAC,MAAM,kBAAkB,CAAC;AAIxD,OAAO,KAAK,EAAC,QAAQ,EAAE,QAAQ,EAAC,MAAM,qBAAqB,CAAC;AAM5D,KAAK,UAAU,GAAG,QAAQ,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB,CAAC,CAAC;AAEH,MAAM,WAAW,WAAW;IAC1B,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,QAAQ,CAAC,EAAE,iBAAiB,CAAC;IAC7B,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAChC,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAChC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,eAAO,MAAM,MAAM,EAAE,IAAI,CAAC,iBAAiB,CAAC,WAAW,EAAE,cAAc,CAyEpE,CAAC"}
1
+ {"version":3,"file":"KPIBox.d.ts","sourceRoot":"","sources":["../../../src/components/KPIBox/KPIBox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,4BAA4B,CAAC;AAErD,OAAO,KAAK,EAAC,iBAAiB,EAAC,MAAM,kBAAkB,CAAC;AAIxD,OAAO,KAAK,EAAC,QAAQ,EAAE,QAAQ,EAAC,MAAM,qBAAqB,CAAC;AAM5D,KAAK,UAAU,GAAG,QAAQ,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB,CAAC,CAAC;AAEH,MAAM,WAAW,WAAW;IAC1B,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,QAAQ,CAAC,EAAE,iBAAiB,CAAC;IAC7B,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAChC,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAChC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,OAAO,CAAC,EAAE,CACR,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,cAAc,CAAC,GAAG,KAAK,CAAC,aAAa,CAAC,cAAc,CAAC,KACtE,IAAI,CAAC;IACV,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,eAAO,MAAM,MAAM,EAAE,IAAI,CAAC,iBAAiB,CAAC,WAAW,EAAE,cAAc,CA+FpE,CAAC"}
package/lib/components/KPIBox/KPIBox.js CHANGED
@@ -22,17 +22,32 @@ const KPIBox = exports.KPIBox = /*#__PURE__*/React.forwardRef((_ref, ref) => {
22
22
  iconName,
23
23
  iconSize = 'large',
24
24
  iconType = 'solid',
25
+ onClick,
25
26
  testId,
26
27
  ...props
27
28
  } = _ref;
29
+ const handleKeyDown = e => {
30
+ if (onClick && (e.key === 'Enter' || e.key === ' ')) {
31
+ e.preventDefault();
32
+ onClick(e);
33
+ }
34
+ };
28
35
  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
29
36
  ...props,
30
37
  ref: ref,
38
+ ...(onClick ? {
39
+ role: 'button',
40
+ tabIndex: 0,
41
+ onClick,
42
+ onKeyDown: handleKeyDown
43
+ } : {}),
31
44
  "data-testid": (0, _qa.generateTestId)({
32
45
  base: testId,
33
46
  slot: 'root'
34
47
  }),
35
- className: (0, _classify.default)(_KPIBoxModule.default.wrapper, classNames?.wrapper),
48
+ className: (0, _classify.default)(_KPIBoxModule.default.wrapper, {
49
+ [_KPIBoxModule.default.clickable]: !!onClick
50
+ }, classNames?.wrapper),
36
51
  children: [!!iconName && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.SemanticIcon, {
37
52
  semantic: semantic,
38
53
  name: iconName,
package/lib/components/KPIBox/KPIBox.module.css CHANGED
@@ -1,10 +1,13 @@
1
1
  @value (
2
2
  colorBackgroundTertiary,
3
+ colorFillPrimary,
4
+ colorFocusPrimary,
3
5
  colorTextSecondary,
4
- colorTextPrimary
6
+ colorTextPrimary,
7
+ colorBorderSecondary
5
8
  ) from '../../styles/variables/_color.css';
6
9
  @value (spaceXXSmall, spaceSmall, spaceLarge, spaceMedium) from '../../styles/variables/_space.css';
7
- @value (borderRadiusMedium) from '../../styles/variables/_border.css';
10
+ @value (borderRadiusMedium, borderWidthNone, borderWidthTertiary) from '../../styles/variables/_border.css';
8
11
  @value (size60, size140, size252) from '../../styles/variables/_size.css';
9
12
 
10
13
  .wrapper {
@@ -19,6 +22,21 @@
19
22
  padding: spaceLarge spaceMedium;
20
23
  }
21
24
 
25
+ .clickable {
26
+ cursor: pointer;
27
+ outline: none;
28
+ }
29
+
30
+ .clickable:hover {
31
+ border-color: colorBorderSecondary;
32
+ }
33
+
34
+ .clickable:focus {
35
+ border-color: colorFillPrimary;
36
+ box-shadow: borderWidthNone borderWidthNone borderWidthNone
37
+ borderWidthTertiary colorFocusPrimary;
38
+ }
39
+
22
40
  .textContainer {
23
41
  display: flex;
24
42
  flex-direction: column;
package/mcp/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@spaced-out/genesis-mcp",
3
- "version": "1.0.7",
3
+ "version": "1.0.9",
4
4
  "description": "MCP server for Genesis UI Design System - provides AI assistants with access to components, hooks, and design tokens",
5
5
  "type": "module",
6
6
  "main": "index.js",
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@spaced-out/ui-design-system",
3
- "version": "0.5.43",
3
+ "version": "0.5.45",
4
4
  "description": "Sense UI components library",
5
5
  "author": {
6
6
  "name": "Spaced Out"