@spaced-out/ui-design-system 0.6.13 → 0.6.15

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 (8) hide show
  1. package/CHANGELOG.md +15 -0
  2. package/lib/components/Input/Input.js +1 -1
  3. package/lib/components/Panel/Panel.d.ts +3 -1
  4. package/lib/components/Panel/Panel.d.ts.map +1 -1
  5. package/lib/components/Panel/Panel.js +9 -4
  6. package/lib/components/Panel/Panel.module.css +6 -3
  7. package/mcp/package.json +1 -1
  8. package/package.json +1 -1
package/CHANGELOG.md CHANGED
@@ -2,6 +2,21 @@
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.15](https://github.com/spaced-out/ui-design-system/compare/v0.6.14...v0.6.15) (2026-05-07)
6
+
7
+
8
+ ### Bug Fixes
9
+
10
+ * removed extra space for error but no errorText case ([#482](https://github.com/spaced-out/ui-design-system/issues/482)) ([1572b30](https://github.com/spaced-out/ui-design-system/commit/1572b309739e11d2c873ef8875712752474d1934))
11
+ * update panel footer and header gap ([#481](https://github.com/spaced-out/ui-design-system/issues/481)) ([8b0a1ae](https://github.com/spaced-out/ui-design-system/commit/8b0a1aeb6a2c4803573b00ca98a1891829c6835d))
12
+
13
+ ### [0.6.14](https://github.com/spaced-out/ui-design-system/compare/v0.6.13...v0.6.14) (2026-04-30)
14
+
15
+
16
+ ### Features
17
+
18
+ * 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))
19
+
5
20
  ### [0.6.13](https://github.com/spaced-out/ui-design-system/compare/v0.6.12...v0.6.13) (2026-04-23)
6
21
 
7
22
 
package/lib/components/Input/Input.js CHANGED
@@ -248,7 +248,7 @@ const Input_ = (props, ref) => {
248
248
  className: classNames?.iconRight
249
249
  })]
250
250
  })
251
- }), (Boolean(helperText) || error) && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
251
+ }), (Boolean(helperText) || error && !!errorText) && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
252
252
  "data-testid": (0, _qa.generateTestId)({
253
253
  base: testId,
254
254
  slot: 'helperText'
package/lib/components/Panel/Panel.d.ts CHANGED
@@ -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;
package/lib/components/Panel/Panel.d.ts.map CHANGED
@@ -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;CACjB;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,0EAOzB,gBAAgB,sBAyBlB,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"}
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"}
package/lib/components/Panel/Panel.js CHANGED
@@ -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
  });
package/lib/components/Panel/Panel.module.css CHANGED
@@ -48,9 +48,8 @@
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
- gap: spaceMedium;
52
+ gap: spaceSmall;
54
53
  background-color: colorBackgroundTertiary;
55
54
  }
56
55
 
@@ -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;
@@ -73,7 +76,7 @@
73
76
  display: flex;
74
77
  justify-content: flex-end;
75
78
  align-items: center;
76
- gap: spaceMedium;
79
+ gap: spaceSmall;
77
80
  }
78
81
 
79
82
  .panelFooterActions {
package/mcp/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@spaced-out/genesis-mcp",
3
- "version": "1.0.26",
3
+ "version": "1.0.28",
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.6.13",
3
+ "version": "0.6.15",
4
4
  "description": "Sense UI components library",
5
5
  "author": {
6
6
  "name": "Spaced Out"