@spaced-out/ui-design-system 0.6.10 → 0.6.11

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 (12) hide show
  1. package/CHANGELOG.md +7 -0
  2. package/CONTRIBUTING.md +4 -4
  3. package/lib/components/ProgressDonut/ProgressDonut.js +4 -4
  4. package/lib/components/ProgressDonut/ProgressDonut.module.css +2 -2
  5. package/lib/components/Table/DefaultTableHeader.d.ts +1 -0
  6. package/lib/components/Table/DefaultTableHeader.d.ts.map +1 -1
  7. package/lib/components/Table/DefaultTableHeader.js +12 -13
  8. package/lib/components/Table/StaticTable.d.ts.map +1 -1
  9. package/lib/components/Table/StaticTable.js +1 -0
  10. package/lib/components/Table/Table.module.css +1 -1
  11. package/mcp/package.json +1 -1
  12. package/package.json +1 -1
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.11](https://github.com/spaced-out/ui-design-system/compare/v0.6.10...v0.6.11) (2026-04-15)
6
+
7
+
8
+ ### Bug Fixes
9
+
10
+ * **Table:** apply checkbox className to header cell ([#476](https://github.com/spaced-out/ui-design-system/issues/476)) ([91e91df](https://github.com/spaced-out/ui-design-system/commit/91e91df475d7330cefca2e9ef0dace347624c6f7))
11
+
5
12
  ### [0.6.10](https://github.com/spaced-out/ui-design-system/compare/v0.6.9...v0.6.10) (2026-04-13)
6
13
 
7
14
 
package/CONTRIBUTING.md CHANGED
@@ -156,7 +156,7 @@ Check out our [**Design Tokens Page**](https://spaced-out.github.io/ui-design-sy
156
156
 
157
157
  ### Testing Genesis Design System Locally
158
158
 
159
- > In the `ui_design_system` directory's run:
159
+ > In the `ui-design-system` directory's run:
160
160
 
161
161
  ```bash
162
162
  yarn build
@@ -174,7 +174,7 @@ Check out our [**Design Tokens Page**](https://spaced-out.github.io/ui-design-sy
174
174
  ...
175
175
  "dependencies": {
176
176
  ...
177
- "@spaced-out/ui-design-system": "file:../ui_design_system",
177
+ "@spaced-out/ui-design-system": "file:../ui-design-system",
178
178
  ...
179
179
  },
180
180
  ...
@@ -182,9 +182,9 @@ Check out our [**Design Tokens Page**](https://spaced-out.github.io/ui-design-sy
182
182
 
183
183
  which will install the local genesis design system library as a dependency in `consumer`.
184
184
 
185
- For every change in `ui_design_system` that you want to propagate to `consumer` run:
185
+ For every change in `ui-design-system` that you want to propagate to `consumer` run:
186
186
 
187
- > in `ui_design_system`
187
+ > in `ui-design-system`
188
188
 
189
189
  ```bash
190
190
  yarn build
package/lib/components/ProgressDonut/ProgressDonut.js CHANGED
@@ -51,9 +51,9 @@ const ProgressDonut = exports.ProgressDonut = /*#__PURE__*/React.forwardRef((_re
51
51
  size = 'medium',
52
52
  testId
53
53
  } = _ref;
54
- const clampedRating = rating != null ? Math.min(Math.max(Math.round(rating), MIN_RATING), MAX_RATING) : undefined;
54
+ const clampedRating = rating !== undefined ? Math.min(Math.max(Math.round(rating), MIN_RATING), MAX_RATING) : undefined;
55
55
  const donutPercentage = React.useMemo(() => {
56
- if (clampedRating != null) {
56
+ if (clampedRating !== undefined) {
57
57
  return clampedRating / MAX_RATING * MAX_PERCENTAGE;
58
58
  }
59
59
  return Math.min(Math.max(percentage ?? 0, MIN_PERCENTAGE), MAX_PERCENTAGE);
@@ -66,7 +66,7 @@ const ProgressDonut = exports.ProgressDonut = /*#__PURE__*/React.forwardRef((_re
66
66
  const radius = React.useMemo(() => (donutSize - strokeWidth) / DIVISOR_TWO, [donutSize, strokeWidth]);
67
67
  const circumference = React.useMemo(() => DIVISOR_TWO * Math.PI * radius, [radius]);
68
68
  const offset = React.useMemo(() => circumference - donutPercentage / MAX_PERCENTAGE * circumference, [circumference, donutPercentage]);
69
- const displayValue = clampedRating != null ? `${clampedRating}` : `${donutPercentage}%`;
69
+ const displayValue = clampedRating !== undefined ? `${clampedRating}` : `${donutPercentage}%`;
70
70
  const TextComponent = size === 'small' ? _Text.BodyMediumBold : _Text.BodyLargeBold;
71
71
  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
72
72
  ref: ref,
@@ -101,7 +101,7 @@ const ProgressDonut = exports.ProgressDonut = /*#__PURE__*/React.forwardRef((_re
101
101
  })]
102
102
  }), /*#__PURE__*/(0, _jsxRuntime.jsx)(TextComponent, {
103
103
  className: (0, _classify.default)(_ProgressDonutModule.default.donutChartPercentage, {
104
- [_ProgressDonutModule.default.donutChartPercentageSmallPercent]: size === 'small' && rating == null
104
+ [_ProgressDonutModule.default.donutChartPercentageSmallPercent]: size === 'small' && rating === undefined
105
105
  }),
106
106
  testId: (0, _qa.generateTestId)({
107
107
  base: testId,
package/lib/components/ProgressDonut/ProgressDonut.module.css CHANGED
@@ -2,7 +2,7 @@
2
2
  borderRadiusSmall
3
3
  ) from '../../styles/variables/_border.css';
4
4
  @value (spaceHalfFluid, spaceNegHalfFluid) from '../../styles/variables/_space.css';
5
- @value (fontSize10) from '../../styles/variables/_font.css';
5
+ @value (fontSize12) from '../../styles/variables/_font.css';
6
6
  @value (size10, size20, sizeFluid) from
7
7
  '../../styles/variables/_size.css';
8
8
  @value (
@@ -44,5 +44,5 @@
44
44
  }
45
45
 
46
46
  .donutChartPercentageSmallPercent {
47
- font-size: fontSize10;
47
+ font-size: fontSize12;
48
48
  }
package/lib/components/Table/DefaultTableHeader.d.ts CHANGED
@@ -39,6 +39,7 @@ export interface TableHeaderProps<T, U> {
39
39
  }) => unknown;
40
40
  disabled?: boolean;
41
41
  stickyHeader?: boolean;
42
+ checkboxClassName?: string;
42
43
  testId?: string;
43
44
  }
44
45
  export declare function DefaultTableHeader<T extends GenericObject, U extends GenericObject>(props: TableHeaderProps<T, U>): React.JSX.Element;
package/lib/components/Table/DefaultTableHeader.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"DefaultTableHeader.d.ts","sourceRoot":"","sources":["../../../src/components/Table/DefaultTableHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,KAAK,EAAC,kBAAkB,EAAC,MAAM,kCAAkC,CAAC;AAOzE,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,4BAA4B,CAAC;AAC9D,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,4BAA4B,CAAC;AAM9D,MAAM,WAAW,iBAAiB,CAAC,CAAC,EAAE,CAAC;IACrC,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,GAAG,EAAE,MAAM,CAAC,CAAC;IACb,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,MAAM,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;QAC3B,IAAI,EAAE,CAAC,CAAC;QACR,MAAM,CAAC,EAAE,CAAC,CAAC;QACX,SAAS,CAAC,EAAE,MAAM,CAAC;QACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;QACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;QACnB,MAAM,CAAC,EAAE,MAAM,CAAC;KACjB,CAAC,CAAC;CACJ;AAED,MAAM,MAAM,kBAAkB,CAAC,CAAC,EAAE,CAAC,IAAI,iBAAiB,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC;AAEjE,eAAO,MAAM,aAAa,EAAE,kBAAkB,CAAC,IAAI,CAGlD,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,kBAAkB,CAAC,OAAO,CACA,CAAC;AAExD,MAAM,WAAW,gBAAgB,CAAC,CAAC,EAAE,CAAC;IACpC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,EAAE,kBAAkB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;IAClC,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,CAAC,KAAK,OAAO,CAAC;IAChD,OAAO,CAAC,EAAE,MAAM,CAAC,CAAC;IAClB,aAAa,CAAC,EAAE,aAAa,CAAC;IAC9B,OAAO,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,OAAO,CAAC;IACrC,mBAAmB,CAAC,EAAE,CAAC,IAAI,EAAE;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,OAAO,CAAA;KAAC,KAAK,OAAO,CAAC;IAC3E,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AA4CD,wBAAgB,kBAAkB,CAChC,CAAC,SAAS,aAAa,EACvB,CAAC,SAAS,aAAa,EACvB,KAAK,EAAE,gBAAgB,CAAC,CAAC,EAAE,CAAC,CAAC,qBAiJ9B"}
1
+ {"version":3,"file":"DefaultTableHeader.d.ts","sourceRoot":"","sources":["../../../src/components/Table/DefaultTableHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,KAAK,EAAC,kBAAkB,EAAC,MAAM,kCAAkC,CAAC;AAOzE,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,4BAA4B,CAAC;AAC9D,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,4BAA4B,CAAC;AAM9D,MAAM,WAAW,iBAAiB,CAAC,CAAC,EAAE,CAAC;IACrC,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,GAAG,EAAE,MAAM,CAAC,CAAC;IACb,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,MAAM,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;QAC3B,IAAI,EAAE,CAAC,CAAC;QACR,MAAM,CAAC,EAAE,CAAC,CAAC;QACX,SAAS,CAAC,EAAE,MAAM,CAAC;QACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;QACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;QACnB,MAAM,CAAC,EAAE,MAAM,CAAC;KACjB,CAAC,CAAC;CACJ;AAED,MAAM,MAAM,kBAAkB,CAAC,CAAC,EAAE,CAAC,IAAI,iBAAiB,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC;AAEjE,eAAO,MAAM,aAAa,EAAE,kBAAkB,CAAC,IAAI,CAGlD,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,kBAAkB,CAAC,OAAO,CACA,CAAC;AAExD,MAAM,WAAW,gBAAgB,CAAC,CAAC,EAAE,CAAC;IACpC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,EAAE,kBAAkB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;IAClC,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,CAAC,KAAK,OAAO,CAAC;IAChD,OAAO,CAAC,EAAE,MAAM,CAAC,CAAC;IAClB,aAAa,CAAC,EAAE,aAAa,CAAC;IAC9B,OAAO,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,OAAO,CAAC;IACrC,mBAAmB,CAAC,EAAE,CAAC,IAAI,EAAE;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,OAAO,CAAA;KAAC,KAAK,OAAO,CAAC;IAC3E,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AA4CD,wBAAgB,kBAAkB,CAChC,CAAC,SAAS,aAAa,EACvB,CAAC,SAAS,aAAa,EACvB,KAAK,EAAE,gBAAgB,CAAC,CAAC,EAAE,CAAC,CAAC,qBAmJ9B"}
package/lib/components/Table/DefaultTableHeader.js CHANGED
@@ -63,6 +63,7 @@ function DefaultTableHeader(props) {
63
63
  checked,
64
64
  disabled,
65
65
  stickyHeader,
66
+ checkboxClassName,
66
67
  testId
67
68
  } = props;
68
69
  const tableHeaderCells = () => /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
@@ -155,19 +156,17 @@ function DefaultTableHeader(props) {
155
156
  className: _TableModule.default.defaultHeaderRow,
156
157
  children: [handleCheckboxClick && /*#__PURE__*/(0, _jsxRuntime.jsx)(BasicHeadCell, {
157
158
  scope: "col",
158
- children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
159
- className: _TableModule.default.checkbox,
160
- children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Checkbox.Checkbox, {
161
- value: "all",
162
- checked: checked === 'true' ? true : false,
163
- indeterminate: checked === 'mixed',
164
- onChange: handleCheckboxClick,
165
- disabled: disabled,
166
- ariaLabel: "Select all rows",
167
- testId: (0, _qa.generateTestId)({
168
- base: testId,
169
- slot: 'select-all-checkbox'
170
- })
159
+ className: (0, _classify.default)(_TableModule.default.checkbox, checkboxClassName),
160
+ children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Checkbox.Checkbox, {
161
+ value: "all",
162
+ checked: checked === 'true' ? true : false,
163
+ indeterminate: checked === 'mixed',
164
+ onChange: handleCheckboxClick,
165
+ disabled: disabled,
166
+ ariaLabel: "Select all rows",
167
+ testId: (0, _qa.generateTestId)({
168
+ base: testId,
169
+ slot: 'select-all-checkbox'
171
170
  })
172
171
  })
173
172
  }), tableHeaderCells()]
package/lib/components/Table/StaticTable.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"StaticTable.d.ts","sourceRoot":"","sources":["../../../src/components/Table/StaticTable.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAU/B,OAAO,KAAK,EAAC,kBAAkB,EAAC,MAAM,kCAAkC,CAAC;AASzE,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,4BAA4B,CAAC;AAC9D,OAAO,KAAK,EACV,aAAa,EAEb,UAAU,EACX,MAAM,4BAA4B,CAAC;AAKpC,eAAO,MAAM,UAAU,EAAE,kBAAkB,CAAC,OAAO,CAGlD,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,kBAAkB,CAAC,OAAO,CACA,CAAC;AAsNxD;;;;GAIG;AAEH,wBAAgB,WAAW,CACzB,IAAI,SAAS,aAAa,EAC1B,MAAM,SAAS,aAAa,EAE5B,KAAK,EAAE,UAAU,CAAC,IAAI,EAAE,MAAM,CAAC,GAAG;IAChC,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,OAAO,CAAC;IAC/C,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,aAAa,CAAC,EAAE,aAAa,CAAC;IAC9B,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;CACpB,qBAyHF;AAED,wBAAgB,sBAAsB,CACpC,IAAI,SAAS,aAAa,EAC1B,MAAM,SAAS,aAAa,EAE5B,KAAK,EAAE,UAAU,CAAC,IAAI,EAAE,MAAM,CAAC,GAAG;IAChC,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,OAAO,CAAC;IAC/C,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,aAAa,CAAC,EAAE,aAAa,CAAC;IAC9B,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;CACpB,qBA4NF"}
1
+ {"version":3,"file":"StaticTable.d.ts","sourceRoot":"","sources":["../../../src/components/Table/StaticTable.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAU/B,OAAO,KAAK,EAAC,kBAAkB,EAAC,MAAM,kCAAkC,CAAC;AASzE,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,4BAA4B,CAAC;AAC9D,OAAO,KAAK,EACV,aAAa,EAEb,UAAU,EACX,MAAM,4BAA4B,CAAC;AAKpC,eAAO,MAAM,UAAU,EAAE,kBAAkB,CAAC,OAAO,CAGlD,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,kBAAkB,CAAC,OAAO,CACA,CAAC;AAuNxD;;;;GAIG;AAEH,wBAAgB,WAAW,CACzB,IAAI,SAAS,aAAa,EAC1B,MAAM,SAAS,aAAa,EAE5B,KAAK,EAAE,UAAU,CAAC,IAAI,EAAE,MAAM,CAAC,GAAG;IAChC,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,OAAO,CAAC;IAC/C,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,aAAa,CAAC,EAAE,aAAa,CAAC;IAC9B,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;CACpB,qBAyHF;AAED,wBAAgB,sBAAsB,CACpC,IAAI,SAAS,aAAa,EAC1B,MAAM,SAAS,aAAa,EAE5B,KAAK,EAAE,UAAU,CAAC,IAAI,EAAE,MAAM,CAAC,GAAG;IAChC,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,OAAO,CAAC;IAC/C,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,aAAa,CAAC,EAAE,aAAa,CAAC;IAC9B,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;CACpB,qBA4NF"}
package/lib/components/Table/StaticTable.js CHANGED
@@ -147,6 +147,7 @@ function TableWrapper(_ref3) {
147
147
  disabled: disabled,
148
148
  handleCheckboxClick: handleHeaderCheckboxClick,
149
149
  stickyHeader: stickyHeader,
150
+ checkboxClassName: classNames?.checkbox,
150
151
  checked: selectedKeys == null || selectedKeys.length === 0 ? 'false' : selectedKeys.length < entriesLength ? 'mixed' : 'true',
151
152
  testId: (0, _qa.generateTestId)({
152
153
  base: testId,
package/lib/components/Table/Table.module.css CHANGED
@@ -217,7 +217,7 @@
217
217
  height: size240;
218
218
  }
219
219
 
220
- .checkbox {
220
+ .defaultHeaderCell.checkbox {
221
221
  padding: spaceSmall spaceMedium spaceSmall spaceNone;
222
222
  max-width: size60;
223
223
  }
package/mcp/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@spaced-out/genesis-mcp",
3
- "version": "1.0.23",
3
+ "version": "1.0.24",
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.10",
3
+ "version": "0.6.11",
4
4
  "description": "Sense UI components library",
5
5
  "author": {
6
6
  "name": "Spaced Out"