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

package/CHANGELOG.md

@@ -2,6 +2,20 @@
 
 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.
 
+### [0.6.12](https://github.com/spaced-out/ui-design-system/compare/v0.6.11...v0.6.12) (2026-04-22)
+
+
+### Bug Fixes
+
+* **DraggableWrapper:** decouple from native HTML5 drag to support multiple DnD libraries ([#477](https://github.com/spaced-out/ui-design-system/issues/477)) ([fdd7386](https://github.com/spaced-out/ui-design-system/commit/fdd7386c033d248c8e5eb9de738ba00c7873bebe))
+
+### [0.6.11](https://github.com/spaced-out/ui-design-system/compare/v0.6.10...v0.6.11) (2026-04-15)
+
+
+### Bug Fixes
+
+* **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))
+
 ### [0.6.10](https://github.com/spaced-out/ui-design-system/compare/v0.6.9...v0.6.10) (2026-04-13)
 
 

package/CONTRIBUTING.md

@@ -156,7 +156,7 @@ Check out our [**Design Tokens Page**](https://spaced-out.github.io/ui-design-sy
 
 ### Testing Genesis Design System Locally
 
-> In the `ui_design_system` directory's run:
+> In the `ui-design-system` directory's run:
 
 ```bash
   yarn build
@@ -174,7 +174,7 @@ Check out our [**Design Tokens Page**](https://spaced-out.github.io/ui-design-sy
   ...
   "dependencies": {
     ...
-    "@spaced-out/ui-design-system": "file:../ui_design_system",
+    "@spaced-out/ui-design-system": "file:../ui-design-system",
     ...
   },
   ...
@@ -182,9 +182,9 @@ Check out our [**Design Tokens Page**](https://spaced-out.github.io/ui-design-sy
 
 which will install the local genesis design system library as a dependency in `consumer`.
 
-For every change in `ui_design_system` that you want to propagate to `consumer` run:
+For every change in `ui-design-system` that you want to propagate to `consumer` run:
 
-> in `ui_design_system`
+> in `ui-design-system`
 
 ```bash
   yarn build

package/lib/components/DraggableWrapper/DraggableWrapper.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-type DraggableWrapperClassNames = Readonly<{
+export type DraggableWrapperClassNames = Readonly<{
     /** Override or extend the root wrapper element. */
     wrapper?: string;
     /** Override or extend the drag handle element. */
@@ -19,7 +19,14 @@ export interface DraggableWrapperProps extends Pick<React.HTMLAttributes<HTMLDiv
      */
     onKeyboardReorder?: (direction: 'up' | 'down') => void;
     testId?: string;
+    /** Set false when using @dnd-kit / react-beautiful-dnd (pointer-event libs). Keep true for react-dnd HTML5 backend. Default true. */
+    enableNativeDrag?: boolean;
+    /** Extra props to spread on the wrapper (library listeners/attributes). */
+    wrapperProps?: React.HTMLAttributes<HTMLDivElement>;
+    /** Extra props to spread on the drag handle (some libs attach activator listeners here). */
+    dragHandleProps?: React.HTMLAttributes<HTMLDivElement>;
+    /** Separate ref for the drag handle (for libs with setActivatorNodeRef / react-dnd's drag). */
+    dragHandleRef?: React.Ref<HTMLDivElement>;
 }
-export declare const DraggableWrapper: ({ children, isDragging, dragHandleLabel, classNames, testId, onDragStart, onDragEnd, onDragOver, onDrop, onKeyboardReorder, }: DraggableWrapperProps) => React.JSX.Element;
-export {};
+export declare const DraggableWrapper: React.ForwardRefExoticComponent<DraggableWrapperProps & React.RefAttributes<HTMLDivElement>>;
 //# sourceMappingURL=DraggableWrapper.d.ts.map

package/lib/components/DraggableWrapper/DraggableWrapper.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DraggableWrapper.d.ts","sourceRoot":"","sources":["../../../src/components/DraggableWrapper/DraggableWrapper.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAW/B,KAAK,0BAA0B,GAAG,QAAQ,CAAC;IACzC,mDAAmD;IACnD,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,kDAAkD;IAClD,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,CAAC,CAAC;AAEH,MAAM,WAAW,qBACf,SAAQ,IAAI,CACV,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EACpC,aAAa,GAAG,WAAW,GAAG,YAAY,GAAG,QAAQ,CACtD;IACD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,4EAA4E;IAC5E,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,6FAA6F;IAC7F,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,0FAA0F;IAC1F,UAAU,CAAC,EAAE,0BAA0B,CAAC;IACxC;;;OAGG;IACH,iBAAiB,CAAC,EAAE,CAAC,SAAS,EAAE,IAAI,GAAG,MAAM,KAAK,IAAI,CAAC;IACvD,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,eAAO,MAAM,gBAAgB,GAAI,+HAW9B,qBAAqB,sBA6EvB,CAAC"}
+{"version":3,"file":"DraggableWrapper.d.ts","sourceRoot":"","sources":["../../../src/components/DraggableWrapper/DraggableWrapper.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAY/B,MAAM,MAAM,0BAA0B,GAAG,QAAQ,CAAC;IAChD,mDAAmD;IACnD,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,kDAAkD;IAClD,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,CAAC,CAAC;AAEH,MAAM,WAAW,qBACf,SAAQ,IAAI,CACV,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EACpC,aAAa,GAAG,WAAW,GAAG,YAAY,GAAG,QAAQ,CACtD;IACD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,4EAA4E;IAC5E,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,6FAA6F;IAC7F,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,0FAA0F;IAC1F,UAAU,CAAC,EAAE,0BAA0B,CAAC;IACxC;;;OAGG;IACH,iBAAiB,CAAC,EAAE,CAAC,SAAS,EAAE,IAAI,GAAG,MAAM,KAAK,IAAI,CAAC;IACvD,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,qIAAqI;IACrI,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,2EAA2E;IAC3E,YAAY,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC;IACpD,4FAA4F;IAC5F,eAAe,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC;IACvD,+FAA+F;IAC/F,aAAa,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;CAC3C;AAED,eAAO,MAAM,gBAAgB,8FA6H5B,CAAC"}

package/lib/components/DraggableWrapper/DraggableWrapper.js

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.DraggableWrapper = void 0;
 var React = _interopRequireWildcard(require("react"));
 var _classify = _interopRequireDefault(require("../../utils/classify"));
+var _mergeRefs = require("../../utils/merge-refs");
 var _qa = require("../../utils/qa");
 var _Icon = require("../Icon");
 var _Tooltip = require("../Tooltip");
@@ -13,7 +14,7 @@ var _DraggableWrapperModule = _interopRequireDefault(require("./DraggableWrapper
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
-const DraggableWrapper = _ref => {
+const DraggableWrapper = exports.DraggableWrapper = /*#__PURE__*/React.forwardRef((_ref, ref) => {
   let {
     children,
     isDragging,
@@ -24,12 +25,17 @@ const DraggableWrapper = _ref => {
     onDragEnd,
     onDragOver,
     onDrop,
-    onKeyboardReorder
+    onKeyboardReorder,
+    enableNativeDrag = true,
+    wrapperProps,
+    dragHandleProps,
+    dragHandleRef
   } = _ref;
-  const wrapperRef = React.useRef(null);
+  const internalRef = React.useRef(null);
+  const mergedRef = React.useMemo(() => (0, _mergeRefs.mergeRefs)([internalRef, ref]), [ref]);
   const isKeyboardGrabbed = React.useRef(false);
   const dispatchDragEvent = type => {
-    wrapperRef.current?.dispatchEvent(new DragEvent(type, {
+    internalRef.current?.dispatchEvent(new DragEvent(type, {
       bubbles: true,
       dataTransfer: new DataTransfer()
     }));
@@ -38,6 +44,17 @@ const DraggableWrapper = _ref => {
     isKeyboardGrabbed.current = false;
     dispatchDragEvent('dragend');
   };
+  React.useEffect(() => {
+    const element = internalRef.current;
+    return () => {
+      if (isKeyboardGrabbed.current && element) {
+        element.dispatchEvent(new DragEvent('dragend', {
+          bubbles: true,
+          dataTransfer: new DataTransfer()
+        }));
+      }
+    };
+  }, []);
   const handleBlur = () => {
     if (isKeyboardGrabbed.current) {
       releaseKeyboardGrab();
@@ -67,26 +84,29 @@ const DraggableWrapper = _ref => {
     }
   };
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-    ref: wrapperRef,
-    draggable: true,
+    ref: mergedRef,
     onDragStart: onDragStart,
     onDragEnd: onDragEnd,
     onDragOver: onDragOver,
     onDrop: onDrop,
+    ...wrapperProps,
+    draggable: enableNativeDrag,
     "data-testid": (0, _qa.generateTestId)({
       base: testId
     }),
     className: (0, _classify.default)(_DraggableWrapperModule.default.wrapper, {
       [_DraggableWrapperModule.default.dragging]: !!isDragging
-    }, classNames?.wrapper),
+    }, classNames?.wrapper, wrapperProps?.className),
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-      className: (0, _classify.default)(_DraggableWrapperModule.default.dragHandle, classNames?.dragHandle),
+      ref: dragHandleRef,
+      ...dragHandleProps,
+      onKeyDownCapture: enableNativeDrag ? handleKeyDown : dragHandleProps?.onKeyDownCapture,
+      onBlur: enableNativeDrag ? handleBlur : dragHandleProps?.onBlur,
       "data-testid": (0, _qa.generateTestId)({
         base: testId,
         slot: 'drag-handle'
       }),
-      onKeyDownCapture: handleKeyDown,
-      onBlur: handleBlur,
+      className: (0, _classify.default)(_DraggableWrapperModule.default.dragHandle, classNames?.dragHandle, dragHandleProps?.className),
       children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Tooltip.Tooltip, {
         title: dragHandleLabel,
         placement: "top",
@@ -98,5 +118,5 @@ const DraggableWrapper = _ref => {
       })
     }), children]
   });
-};
-exports.DraggableWrapper = DraggableWrapper;
+});
+DraggableWrapper.displayName = 'DraggableWrapper';

package/lib/components/DraggableWrapper/index.d.ts

@@ -1,3 +1,3 @@
 export { DraggableWrapper } from '../../components/DraggableWrapper/DraggableWrapper';
-export type { DraggableWrapperProps } from '../../components/DraggableWrapper/DraggableWrapper';
+export type { DraggableWrapperProps, DraggableWrapperClassNames, } from '../../components/DraggableWrapper/DraggableWrapper';
 //# sourceMappingURL=index.d.ts.map

package/lib/components/DraggableWrapper/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/DraggableWrapper/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,gBAAgB,EAAC,MAAM,kDAAkD,CAAC;AAClF,YAAY,EAAC,qBAAqB,EAAC,MAAM,kDAAkD,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/DraggableWrapper/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,gBAAgB,EAAC,MAAM,kDAAkD,CAAC;AAClF,YAAY,EACV,qBAAqB,EACrB,0BAA0B,GAC3B,MAAM,kDAAkD,CAAC"}

package/lib/components/ProgressDonut/ProgressDonut.js

@@ -51,9 +51,9 @@ const ProgressDonut = exports.ProgressDonut = /*#__PURE__*/React.forwardRef((_re
     size = 'medium',
     testId
   } = _ref;
-  const clampedRating = rating != null ? Math.min(Math.max(Math.round(rating), MIN_RATING), MAX_RATING) : undefined;
+  const clampedRating = rating !== undefined ? Math.min(Math.max(Math.round(rating), MIN_RATING), MAX_RATING) : undefined;
   const donutPercentage = React.useMemo(() => {
-    if (clampedRating != null) {
+    if (clampedRating !== undefined) {
       return clampedRating / MAX_RATING * MAX_PERCENTAGE;
     }
     return Math.min(Math.max(percentage ?? 0, MIN_PERCENTAGE), MAX_PERCENTAGE);
@@ -66,7 +66,7 @@ const ProgressDonut = exports.ProgressDonut = /*#__PURE__*/React.forwardRef((_re
   const radius = React.useMemo(() => (donutSize - strokeWidth) / DIVISOR_TWO, [donutSize, strokeWidth]);
   const circumference = React.useMemo(() => DIVISOR_TWO * Math.PI * radius, [radius]);
   const offset = React.useMemo(() => circumference - donutPercentage / MAX_PERCENTAGE * circumference, [circumference, donutPercentage]);
-  const displayValue = clampedRating != null ? `${clampedRating}` : `${donutPercentage}%`;
+  const displayValue = clampedRating !== undefined ? `${clampedRating}` : `${donutPercentage}%`;
   const TextComponent = size === 'small' ? _Text.BodyMediumBold : _Text.BodyLargeBold;
   return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
     ref: ref,
@@ -101,7 +101,7 @@ const ProgressDonut = exports.ProgressDonut = /*#__PURE__*/React.forwardRef((_re
         })]
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)(TextComponent, {
         className: (0, _classify.default)(_ProgressDonutModule.default.donutChartPercentage, {
-          [_ProgressDonutModule.default.donutChartPercentageSmallPercent]: size === 'small' && rating == null
+          [_ProgressDonutModule.default.donutChartPercentageSmallPercent]: size === 'small' && rating === undefined
         }),
         testId: (0, _qa.generateTestId)({
           base: testId,

package/lib/components/ProgressDonut/ProgressDonut.module.css

@@ -2,7 +2,7 @@
   borderRadiusSmall
 ) from '../../styles/variables/_border.css';
 @value (spaceHalfFluid, spaceNegHalfFluid) from '../../styles/variables/_space.css';
-@value (fontSize10) from '../../styles/variables/_font.css';
+@value (fontSize12) from '../../styles/variables/_font.css';
 @value (size10, size20, sizeFluid) from
   '../../styles/variables/_size.css';
 @value (
@@ -44,5 +44,5 @@
 }
 
 .donutChartPercentageSmallPercent {
-  font-size: fontSize10;
+  font-size: fontSize12;
 }

package/lib/components/Table/DefaultTableHeader.d.ts

@@ -39,6 +39,7 @@ export interface TableHeaderProps<T, U> {
     }) => unknown;
     disabled?: boolean;
     stickyHeader?: boolean;
+    checkboxClassName?: string;
     testId?: string;
 }
 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

@@ -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"}
+{"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

@@ -63,6 +63,7 @@ function DefaultTableHeader(props) {
     checked,
     disabled,
     stickyHeader,
+    checkboxClassName,
     testId
   } = props;
   const tableHeaderCells = () => /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
@@ -155,19 +156,17 @@ function DefaultTableHeader(props) {
       className: _TableModule.default.defaultHeaderRow,
       children: [handleCheckboxClick && /*#__PURE__*/(0, _jsxRuntime.jsx)(BasicHeadCell, {
         scope: "col",
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-          className: _TableModule.default.checkbox,
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Checkbox.Checkbox, {
-            value: "all",
-            checked: checked === 'true' ? true : false,
-            indeterminate: checked === 'mixed',
-            onChange: handleCheckboxClick,
-            disabled: disabled,
-            ariaLabel: "Select all rows",
-            testId: (0, _qa.generateTestId)({
-              base: testId,
-              slot: 'select-all-checkbox'
-            })
+        className: (0, _classify.default)(_TableModule.default.checkbox, checkboxClassName),
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Checkbox.Checkbox, {
+          value: "all",
+          checked: checked === 'true' ? true : false,
+          indeterminate: checked === 'mixed',
+          onChange: handleCheckboxClick,
+          disabled: disabled,
+          ariaLabel: "Select all rows",
+          testId: (0, _qa.generateTestId)({
+            base: testId,
+            slot: 'select-all-checkbox'
           })
         })
       }), tableHeaderCells()]

package/lib/components/Table/StaticTable.d.ts.map

@@ -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"}
+{"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

@@ -147,6 +147,7 @@ function TableWrapper(_ref3) {
         disabled: disabled,
         handleCheckboxClick: handleHeaderCheckboxClick,
         stickyHeader: stickyHeader,
+        checkboxClassName: classNames?.checkbox,
         checked: selectedKeys == null || selectedKeys.length === 0 ? 'false' : selectedKeys.length < entriesLength ? 'mixed' : 'true',
         testId: (0, _qa.generateTestId)({
           base: testId,

package/lib/components/Table/Table.module.css

@@ -217,7 +217,7 @@
   height: size240;
 }
 
-.checkbox {
+.defaultHeaderCell.checkbox {
   padding: spaceSmall spaceMedium spaceSmall spaceNone;
   max-width: size60;
 }

package/mcp/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@spaced-out/genesis-mcp",
-  "version": "1.0.23",
+  "version": "1.0.25",
   "description": "MCP server for Genesis UI Design System - provides AI assistants with access to components, hooks, and design tokens",
   "type": "module",
   "main": "index.js",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@spaced-out/ui-design-system",
-  "version": "0.6.10",
+  "version": "0.6.12",
   "description": "Sense UI components library",
   "author": {
     "name": "Spaced Out"