@openameba/spindle-ui 2.10.0 → 3.0.0

package/Modal/SemiModal.d.ts

@@ -1,27 +1,2 @@
-import React, { ReactNode } from 'react';
-type Size = 'large' | 'medium' | 'small';
-type Type = 'sheet' | 'popup';
-interface SemiModalProps extends Omit<React.DialogHTMLAttributes<HTMLElement>, 'className'> {
-    children?: React.ReactNode;
-    type?: Type;
-    size?: Size;
-    onCancel?: (event: React.BaseSyntheticEvent) => void;
-    onClose?: (event: React.BaseSyntheticEvent) => void;
-}
-export declare const SemiModal: {
-    Frame: React.ForwardRefExoticComponent<SemiModalProps & React.RefAttributes<HTMLDialogElement>>;
-    Header: ({ children, ...rest }: React.ComponentProps<"header"> & {
-        children: ReactNode;
-    }) => React.JSX.Element;
-    HeaderTitle: ({ children, ...rest }: React.ComponentProps<"p">) => React.JSX.Element;
-    Contents: ({ children, ...rest }: React.ComponentProps<"div"> & {
-        children: ReactNode;
-    }) => React.JSX.Element;
-    Footer: ({ children, ...rest }: React.ComponentProps<"div">) => React.JSX.Element;
-    StyleOnly: ({ className, children, size, type, ...rest }: React.ComponentProps<"div"> & {
-        size?: Size;
-        type?: Type;
-    }) => React.JSX.Element;
-};
-export {};
+export { SemiModal } from './SemiModal/SemiModal';
 //# sourceMappingURL=SemiModal.d.ts.map

package/Modal/SemiModal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SemiModal.d.ts","sourceRoot":"","sources":["../../src/Modal/SemiModal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAc,SAAS,EAAqB,MAAM,OAAO,CAAC;AAKxE,KAAK,IAAI,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AACzC,KAAK,IAAI,GAAG,OAAO,GAAG,OAAO,CAAC;AAE9B,UAAU,cACR,SAAQ,IAAI,CAAC,KAAK,CAAC,oBAAoB,CAAC,WAAW,CAAC,EAAE,WAAW,CAAC;IAClE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,kBAAkB,KAAK,IAAI,CAAC;IACrD,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,kBAAkB,KAAK,IAAI,CAAC;CACrD;AA8ID,eAAO,MAAM,SAAS;;oCAvEnB,KAAK,CAAC,cAAc,CAAC,QAAQ,CAAC,GAAG;QAAE,QAAQ,EAAE,SAAS,CAAA;KAAE;yCAiBf,KAAK,CAAC,cAAc,CAAC,GAAG,CAAC;sCAWlE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG;QAAE,QAAQ,EAAE,SAAS,CAAA;KAAE;oCAQjB,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC;8DAc/D,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG;QAAE,IAAI,CAAC,EAAE,IAAI,CAAC;QAAC,IAAI,CAAC,EAAE,IAAI,CAAA;KAAE;CA4B5D,CAAC"}
+{"version":3,"file":"SemiModal.d.ts","sourceRoot":"","sources":["../../src/Modal/SemiModal.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC"}

package/Modal/SemiModal.js

@@ -1,145 +1,8 @@
 "use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || (function () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.SemiModal = void 0;
-var react_1 = __importStar(require("react"));
-var use_callback_ref_1 = require("use-callback-ref");
-var CrossBold_1 = __importDefault(require("../Icon/CrossBold"));
-var IconButton_1 = require("../IconButton");
-var BLOCK_NAME = 'spui-SemiModal';
-var Frame = (0, react_1.forwardRef)(function SemiModal(_a, ref) {
-    var children = _a.children, open = _a.open, _b = _a.size, size = _b === void 0 ? 'medium' : _b, _c = _a.type, type = _c === void 0 ? 'popup' : _c, onClose = _a.onClose, rest = __rest(_a, ["children", "open", "size", "type", "onClose"]);
-    var dialogEl = (0, react_1.useRef)(null);
-    // 閉じるアイコンを押した時
-    var handleFormSubmit = function (event) {
-        event.preventDefault(); // To be closed with the open prop
-        onClose === null || onClose === void 0 ? void 0 : onClose(event);
-    };
-    // backdropを押した時
-    var handleDialogClick = function (event) {
-        // Detect backdrop click
-        if (event.target === dialogEl.current) {
-            onClose === null || onClose === void 0 ? void 0 : onClose(event);
-        }
-    };
-    //EscKeyを押したとき
-    var handleDialogClose = function (event) {
-        // Detect escape key type
-        if (event.target === dialogEl.current) {
-            onClose === null || onClose === void 0 ? void 0 : onClose(event);
-        }
-    };
-    (0, react_1.useEffect)(function () {
-        var _a, _b, _c, _d;
-        if (!dialogEl.current) {
-            return;
-        }
-        if (open) {
-            (_b = (_a = dialogEl.current) === null || _a === void 0 ? void 0 : _a.showModal) === null || _b === void 0 ? void 0 : _b.call(_a);
-        }
-        else {
-            (_d = (_c = dialogEl.current) === null || _c === void 0 ? void 0 : _c.close) === null || _d === void 0 ? void 0 : _d.call(_c);
-        }
-    }, [open, dialogEl]);
-    return (react_1.default.createElement("dialog", __assign({ role: "dialog", className: BLOCK_NAME, ref: (0, use_callback_ref_1.useMergeRefs)([dialogEl, ref]), onClick: handleDialogClick, onClose: handleDialogClose, "data-type": type, "data-size": size }, rest),
-        react_1.default.createElement("form", { className: "".concat(BLOCK_NAME, "-frame"), method: "dialog", onSubmit: handleFormSubmit }, children)));
-});
-var Header = function (_a) {
-    var children = _a.children, rest = __rest(_a, ["children"]);
-    return (react_1.default.createElement("header", __assign({ role: "heading", className: "".concat(BLOCK_NAME, "-header") }, rest),
-        children,
-        react_1.default.createElement("div", { className: "".concat(BLOCK_NAME, "-closeIconButton") },
-            react_1.default.createElement(IconButton_1.IconButton, { style: { width: '100%', height: '100%' }, "aria-label": "\u9589\u3058\u308B", variant: "neutral" },
-                react_1.default.createElement(CrossBold_1.default, { "aria-hidden": "true", className: "".concat(BLOCK_NAME, "-closeIcon") })))));
-};
-var HeaderTitle = function (_a) {
-    var children = _a.children, rest = __rest(_a, ["children"]);
-    return (react_1.default.createElement("p", __assign({ className: "".concat(BLOCK_NAME, "-headerTitle") }, rest), children));
-};
-var Contents = function (_a) {
-    var children = _a.children, rest = __rest(_a, ["children"]);
-    return (react_1.default.createElement("div", __assign({ className: "".concat(BLOCK_NAME, "-contents") }, rest), children));
-};
-var Footer = function (_a) {
-    var children = _a.children, rest = __rest(_a, ["children"]);
-    return (react_1.default.createElement("div", __assign({ className: "".concat(BLOCK_NAME, "-footer") }, rest), children));
-};
-var StyleOnly = function (_a) {
-    var className = _a.className, children = _a.children, _b = _a.size, size = _b === void 0 ? 'medium' : _b, _c = _a.type, type = _c === void 0 ? 'popup' : _c, rest = __rest(_a, ["className", "children", "size", "type"]);
-    return (react_1.default.createElement("div", __assign({ className: [
-            BLOCK_NAME,
-            "".concat(BLOCK_NAME, "--styleOnly"),
-            "".concat(BLOCK_NAME, "--").concat(size),
-            className,
-        ]
-            .filter(Boolean)
-            .join(' ')
-            .trim() }, rest, { "data-type": type, "data-size": size }),
-        react_1.default.createElement("div", { className: "".concat(BLOCK_NAME, "-frame") }, children)));
-};
-exports.SemiModal = {
-    Frame: Frame,
-    Header: Header,
-    HeaderTitle: HeaderTitle,
-    Contents: Contents,
-    Footer: Footer,
-    StyleOnly: StyleOnly,
-};
+// Re-export for backward compatibility after directory structure refactoring
+// TODO: Remove this file in a future major version
+var SemiModal_1 = require("./SemiModal/SemiModal");
+Object.defineProperty(exports, "SemiModal", { enumerable: true, get: function () { return SemiModal_1.SemiModal; } });
 //# sourceMappingURL=SemiModal.js.map

package/Modal/SemiModal.js.map

@@ -1 +1 @@
-{"version":3,"file":"SemiModal.js","sourceRoot":"","sources":["../../src/Modal/SemiModal.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"SemiModal.js","sourceRoot":"","sources":["../../src/Modal/SemiModal.tsx"],"names":[],"mappings":";;;AAAA,6EAA6E;AAC7E,mDAAmD;AACnD,mDAAkD;AAAzC,sGAAA,SAAS,OAAA"}

package/Modal/SemiModal.mjs

@@ -1,76 +1,3 @@
-import React, { forwardRef, useEffect, useRef } from 'react';
-import { useMergeRefs } from 'use-callback-ref';
-import CrossBold from "../Icon/CrossBold.mjs";
-import { IconButton } from "../IconButton/index.mjs";
-const BLOCK_NAME = 'spui-SemiModal';
-const Frame = forwardRef(function SemiModal({ children, open, size = 'medium', type = 'popup', onClose, ...rest }, ref) {
-    const dialogEl = useRef(null);
-    // 閉じるアイコンを押した時
-    const handleFormSubmit = (event) => {
-        event.preventDefault(); // To be closed with the open prop
-        onClose?.(event);
-    };
-    // backdropを押した時
-    const handleDialogClick = (event) => {
-        // Detect backdrop click
-        if (event.target === dialogEl.current) {
-            onClose?.(event);
-        }
-    };
-    //EscKeyを押したとき
-    const handleDialogClose = (event) => {
-        // Detect escape key type
-        if (event.target === dialogEl.current) {
-            onClose?.(event);
-        }
-    };
-    useEffect(() => {
-        if (!dialogEl.current) {
-            return;
-        }
-        if (open) {
-            dialogEl.current?.showModal?.();
-        }
-        else {
-            dialogEl.current?.close?.();
-        }
-    }, [open, dialogEl]);
-    return (React.createElement("dialog", { role: "dialog", className: BLOCK_NAME, ref: useMergeRefs([dialogEl, ref]), onClick: handleDialogClick, onClose: handleDialogClose, "data-type": type, "data-size": size, ...rest },
-        React.createElement("form", { className: `${BLOCK_NAME}-frame`, method: "dialog", onSubmit: handleFormSubmit }, children)));
-});
-const Header = ({ children, ...rest }) => {
-    return (React.createElement("header", { role: "heading", className: `${BLOCK_NAME}-header`, ...rest },
-        children,
-        React.createElement("div", { className: `${BLOCK_NAME}-closeIconButton` },
-            React.createElement(IconButton, { style: { width: '100%', height: '100%' }, "aria-label": "\u9589\u3058\u308B", variant: "neutral" },
-                React.createElement(CrossBold, { "aria-hidden": "true", className: `${BLOCK_NAME}-closeIcon` })))));
-};
-const HeaderTitle = ({ children, ...rest }) => {
-    return (React.createElement("p", { className: `${BLOCK_NAME}-headerTitle`, ...rest }, children));
-};
-const Contents = ({ children, ...rest }) => {
-    return (React.createElement("div", { className: `${BLOCK_NAME}-contents`, ...rest }, children));
-};
-const Footer = ({ children, ...rest }) => {
-    return (React.createElement("div", { className: `${BLOCK_NAME}-footer`, ...rest }, children));
-};
-const StyleOnly = ({ className, children, size = 'medium', type = 'popup', ...rest }) => {
-    return (React.createElement("div", { className: [
-            BLOCK_NAME,
-            `${BLOCK_NAME}--styleOnly`,
-            `${BLOCK_NAME}--${size}`,
-            className,
-        ]
-            .filter(Boolean)
-            .join(' ')
-            .trim(), ...rest, "data-type": type, "data-size": size },
-        React.createElement("div", { className: `${BLOCK_NAME}-frame` }, children)));
-};
-export const SemiModal = {
-    Frame,
-    Header,
-    HeaderTitle,
-    Contents,
-    Footer,
-    StyleOnly,
-};
+// Re-export for backward compatibility after directory structure refactoring
+// TODO: Remove this file in a future major version
+export { SemiModal } from "./SemiModal/SemiModal.mjs";

package/Table/Table.css

@@ -1 +1 @@
-:root{--Table-backgroundColor:var(--color-surface-primary);--Table-head-backgroundColor:var(--color-surface-tertiary);--Table-cell-backgroundColor:var(--color-surface-primary);--Table-row-striped-backgroundColor:var(--color-background);--Table-head-color:var(--color-text-high-emphasis);--Table-cell-color:var(--color-text-high-emphasis);--Table-footer-color:var(--color-text-high-emphasis);--Table-head-fontWeight:bold;--Table-cell-fontWeight:normal;--Table-footer-fontWeight:normal;--Table-head-fontSize:0.875em;--Table-cell-fontSize:0.875em;--Table-footer-fontSize:0.875em;--Table-head-lineHeight:1.4;--Table-cell-lineHeight:1.4;--Table-footer-lineHeight:1.4;--Table-outlineColor:var(--color-border-strong-emphasis);--Table-cell-borderColor:var(--color-border-low-emphasis);--Table-footer-separatorColor:var(--color-border-medium-emphasis);--Table-borderRadius:16px;--Table-head-padding:12px;--Table-cell-padding:12px;--Table-footer-padding:12px;--Table-caption-color:var(--color-text-low-emphasis);--Table-caption-fontSize:0.75em;--Table-caption-lineHeight:1.6;--Table-caption-fontWeight:normal}.spui-Table-frame{position:relative;width:100%}.spui-Table-frame--scrollable{overflow-x:auto;scroll-behavior:smooth}.spui-Table{background-color:var(--Table-backgroundColor);border-spacing:0;table-layout:auto;width:100%}.spui-Table--fixed{table-layout:fixed}.spui-Table--scrollable{min-width:-moz-max-content;min-width:max-content;width:100%}.spui-Table--horizontal .spui-Table-cell,.spui-Table--horizontal .spui-Table-head{border-bottom:1px solid var(--Table-cell-borderColor)}.spui-Table--horizontal .spui-Table-body .spui-Table-row:last-child .spui-Table-cell,.spui-Table--horizontal .spui-Table-body .spui-Table-row:last-child .spui-Table-head{border-bottom:none}.spui-Table--horizontal .spui-Table-footer .spui-Table-row:first-child .spui-Table-cell,.spui-Table--horizontal .spui-Table-footer .spui-Table-row:first-child .spui-Table-head{border-top:2px solid var(--Table-footer-separatorColor)}.spui-Table--horizontal .spui-Table-footer .spui-Table-row:last-child .spui-Table-cell,.spui-Table--horizontal .spui-Table-footer .spui-Table-row:last-child .spui-Table-head{border-bottom:none}.spui-Table--vertical .spui-Table-cell,.spui-Table--vertical .spui-Table-head{border-right:1px solid var(--Table-cell-borderColor)}.spui-Table--vertical .spui-Table-cell:last-child,.spui-Table--vertical .spui-Table-head:last-child{border-right:none}.spui-Table--outlined{border:1px solid var(--Table-outlineColor)}.spui-Table-footer .spui-Table-cell{background-color:var(--Table-cell-backgroundColor)}.spui-Table-footer .spui-Table-cell,.spui-Table-footer .spui-Table-head{color:var(--Table-footer-color);font-size:var(--Table-footer-fontSize);font-weight:var(--Table-footer-fontWeight);line-height:var(--Table-footer-lineHeight);padding:var(--Table-footer-padding)}.spui-Table--rounded{border-collapse:separate;border-spacing:0}.spui-Table--rounded,.spui-Table--rounded.spui-Table--outlined{border-radius:var(--Table-borderRadius)}.spui-Table--rounded .spui-Table-header .spui-Table-row:first-child .spui-Table-head:first-child{border-top-left-radius:calc(var(--Table-borderRadius) - 1px)}.spui-Table--rounded .spui-Table-header .spui-Table-row:first-child .spui-Table-head:last-child{border-top-right-radius:calc(var(--Table-borderRadius) - 1px)}.spui-Table--rounded:not(:has(.spui-Table-header)) .spui-Table-body .spui-Table-row:first-child .spui-Table-cell:first-child,.spui-Table--rounded:not(:has(.spui-Table-header)) .spui-Table-body .spui-Table-row:first-child .spui-Table-head:first-child{border-top-left-radius:calc(var(--Table-borderRadius) - 1px)}.spui-Table--rounded:not(:has(.spui-Table-header)) .spui-Table-body .spui-Table-row:first-child .spui-Table-cell:last-child,.spui-Table--rounded:not(:has(.spui-Table-header)) .spui-Table-body .spui-Table-row:first-child .spui-Table-head:last-child{border-top-right-radius:calc(var(--Table-borderRadius) - 1px)}.spui-Table--rounded .spui-Table-body .spui-Table-row:last-child .spui-Table-cell:first-child,.spui-Table--rounded .spui-Table-body .spui-Table-row:last-child .spui-Table-head:first-child{border-bottom-left-radius:calc(var(--Table-borderRadius) - 1px)}.spui-Table--rounded .spui-Table-body .spui-Table-row:last-child .spui-Table-cell:last-child,.spui-Table--rounded .spui-Table-body .spui-Table-row:last-child .spui-Table-head:last-child{border-bottom-right-radius:calc(var(--Table-borderRadius) - 1px)}.spui-Table--rounded:has(.spui-Table-footer) .spui-Table-body .spui-Table-row:last-child .spui-Table-cell:first-child,.spui-Table--rounded:has(.spui-Table-footer) .spui-Table-body .spui-Table-row:last-child .spui-Table-cell:last-child,.spui-Table--rounded:has(.spui-Table-footer) .spui-Table-body .spui-Table-row:last-child .spui-Table-head:first-child,.spui-Table--rounded:has(.spui-Table-footer) .spui-Table-body .spui-Table-row:last-child .spui-Table-head:last-child{border-bottom-left-radius:0;border-bottom-right-radius:0}.spui-Table--rounded .spui-Table-footer .spui-Table-row:last-child .spui-Table-cell:first-child,.spui-Table--rounded .spui-Table-footer .spui-Table-row:last-child .spui-Table-head:first-child{border-bottom-left-radius:calc(var(--Table-borderRadius) - 1px)}.spui-Table--rounded .spui-Table-footer .spui-Table-row:last-child .spui-Table-cell:last-child,.spui-Table--rounded .spui-Table-footer .spui-Table-row:last-child .spui-Table-head:last-child{border-bottom-right-radius:calc(var(--Table-borderRadius) - 1px)}.spui-Table--striped .spui-Table-body .spui-Table-row:nth-child(2n) .spui-Table-cell{background-color:var(--Table-row-striped-backgroundColor)}.spui-Table-caption{caption-side:bottom;color:var(--Table-caption-color);font-size:var(--Table-caption-fontSize);font-weight:var(--Table-caption-fontWeight);line-height:var(--Table-caption-lineHeight);margin-top:12px;text-align:left}.spui-Table-head{background-color:var(--Table-head-backgroundColor);color:var(--Table-head-color);font-size:var(--Table-head-fontSize);font-weight:var(--Table-head-fontWeight);line-height:var(--Table-head-lineHeight);overflow-wrap:break-word;padding:var(--Table-head-padding);text-align:left;vertical-align:middle}.spui-Table-head--alignLeft{text-align:left}.spui-Table-head--alignCenter{text-align:center}.spui-Table-head--alignRight{text-align:right}.spui-Table-cell{background-color:var(--Table-cell-backgroundColor);color:var(--Table-cell-color);font-size:var(--Table-cell-fontSize);font-weight:var(--Table-cell-fontWeight);line-height:var(--Table-cell-lineHeight);overflow-wrap:break-word;padding:var(--Table-cell-padding);text-align:left;vertical-align:middle}.spui-Table-cell--alignLeft{text-align:left}.spui-Table-cell--alignCenter{text-align:center}.spui-Table-cell--alignRight{text-align:right}@media (prefers-reduced-motion:reduce){.spui-Table-frame--scrollable{scroll-behavior:auto}}
+:root{--Table-backgroundColor:var(--color-surface-primary);--Table-head-backgroundColor:var(--color-surface-tertiary);--Table-cell-backgroundColor:var(--color-surface-primary);--Table-row-striped-backgroundColor:var(--color-background);--Table-head-color:var(--color-text-high-emphasis);--Table-cell-color:var(--color-text-high-emphasis);--Table-footer-color:var(--color-text-high-emphasis);--Table-head-fontWeight:bold;--Table-cell-fontWeight:normal;--Table-footer-fontWeight:normal;--Table-head-fontSize:0.875em;--Table-cell-fontSize:0.875em;--Table-footer-fontSize:0.875em;--Table-head-lineHeight:1.4;--Table-cell-lineHeight:1.4;--Table-footer-lineHeight:1.4;--Table-outlineColor:var(--color-border-strong-emphasis);--Table-cell-borderColor:var(--color-border-low-emphasis);--Table-footer-separatorColor:var(--color-border-medium-emphasis);--Table-borderRadius:16px;--Table-head-padding:12px;--Table-cell-padding:12px;--Table-footer-padding:12px;--Table-caption-color:var(--color-text-low-emphasis);--Table-caption-fontSize:0.75em;--Table-caption-lineHeight:1.6;--Table-caption-fontWeight:normal}.spui-Table-frame{position:relative;width:100%}.spui-Table-frame--scrollable{overflow-x:auto;scroll-behavior:smooth}.spui-Table{background-color:var(--Table-backgroundColor);border-spacing:0;table-layout:auto;width:100%}.spui-Table--fixed{table-layout:fixed}.spui-Table--scrollable{min-width:-moz-max-content;min-width:max-content;width:100%}.spui-Table--horizontal .spui-Table-cell,.spui-Table--horizontal .spui-Table-head{border-bottom:1px solid var(--Table-cell-borderColor)}.spui-Table--horizontal .spui-Table-body .spui-Table-row:last-child .spui-Table-cell,.spui-Table--horizontal .spui-Table-body .spui-Table-row:last-child .spui-Table-head{border-bottom:none}.spui-Table--horizontal .spui-Table-footer .spui-Table-row:first-child .spui-Table-cell,.spui-Table--horizontal .spui-Table-footer .spui-Table-row:first-child .spui-Table-head{border-top:2px solid var(--Table-footer-separatorColor)}.spui-Table--horizontal .spui-Table-footer .spui-Table-row:last-child .spui-Table-cell,.spui-Table--horizontal .spui-Table-footer .spui-Table-row:last-child .spui-Table-head{border-bottom:none}.spui-Table--vertical .spui-Table-cell,.spui-Table--vertical .spui-Table-head{border-right:1px solid var(--Table-cell-borderColor)}.spui-Table--vertical .spui-Table-cell:last-child,.spui-Table--vertical .spui-Table-head:last-child{border-right:none}.spui-Table--outlined{border:1px solid var(--Table-outlineColor)}.spui-Table-footer .spui-Table-cell{background-color:var(--Table-cell-backgroundColor)}.spui-Table-footer .spui-Table-cell,.spui-Table-footer .spui-Table-head{color:var(--Table-footer-color);font-size:var(--Table-footer-fontSize);font-weight:var(--Table-footer-fontWeight);line-height:var(--Table-footer-lineHeight);padding:var(--Table-footer-padding)}.spui-Table--rounded{border-collapse:separate;border-spacing:0}.spui-Table--rounded,.spui-Table--rounded.spui-Table--outlined{border-radius:var(--Table-borderRadius)}.spui-Table--rounded .spui-Table-header .spui-Table-row:first-child .spui-Table-head:first-child{border-top-left-radius:calc(var(--Table-borderRadius) - 1px)}.spui-Table--rounded .spui-Table-header .spui-Table-row:first-child .spui-Table-head:last-child{border-top-right-radius:calc(var(--Table-borderRadius) - 1px)}.spui-Table--rounded:not(:has(.spui-Table-header)) .spui-Table-body .spui-Table-row:first-child .spui-Table-cell:first-child,.spui-Table--rounded:not(:has(.spui-Table-header)) .spui-Table-body .spui-Table-row:first-child .spui-Table-head:first-child{border-top-left-radius:calc(var(--Table-borderRadius) - 1px)}.spui-Table--rounded:not(:has(.spui-Table-header)) .spui-Table-body .spui-Table-row:first-child .spui-Table-cell:last-child,.spui-Table--rounded:not(:has(.spui-Table-header)) .spui-Table-body .spui-Table-row:first-child .spui-Table-head:last-child{border-top-right-radius:calc(var(--Table-borderRadius) - 1px)}.spui-Table--rounded .spui-Table-body .spui-Table-row:last-child .spui-Table-cell:first-child,.spui-Table--rounded .spui-Table-body .spui-Table-row:last-child .spui-Table-head:first-child{border-bottom-left-radius:calc(var(--Table-borderRadius) - 1px)}.spui-Table--rounded .spui-Table-body .spui-Table-row:last-child .spui-Table-cell:last-child,.spui-Table--rounded .spui-Table-body .spui-Table-row:last-child .spui-Table-head:last-child{border-bottom-right-radius:calc(var(--Table-borderRadius) - 1px)}.spui-Table--rounded:has(.spui-Table-footer) .spui-Table-body .spui-Table-row:last-child .spui-Table-cell:first-child,.spui-Table--rounded:has(.spui-Table-footer) .spui-Table-body .spui-Table-row:last-child .spui-Table-cell:last-child,.spui-Table--rounded:has(.spui-Table-footer) .spui-Table-body .spui-Table-row:last-child .spui-Table-head:first-child,.spui-Table--rounded:has(.spui-Table-footer) .spui-Table-body .spui-Table-row:last-child .spui-Table-head:last-child{border-bottom-left-radius:0;border-bottom-right-radius:0}.spui-Table--rounded .spui-Table-footer .spui-Table-row:last-child .spui-Table-cell:first-child,.spui-Table--rounded .spui-Table-footer .spui-Table-row:last-child .spui-Table-head:first-child{border-bottom-left-radius:calc(var(--Table-borderRadius) - 1px)}.spui-Table--rounded .spui-Table-footer .spui-Table-row:last-child .spui-Table-cell:last-child,.spui-Table--rounded .spui-Table-footer .spui-Table-row:last-child .spui-Table-head:last-child{border-bottom-right-radius:calc(var(--Table-borderRadius) - 1px)}.spui-Table--striped .spui-Table-body .spui-Table-row:nth-child(2n) .spui-Table-cell{background-color:var(--Table-row-striped-backgroundColor)}.spui-Table-caption{caption-side:bottom;color:var(--Table-caption-color);font-size:var(--Table-caption-fontSize);font-weight:var(--Table-caption-fontWeight);line-height:var(--Table-caption-lineHeight);margin-top:12px;text-align:left}.spui-Table-head{background-color:var(--Table-head-backgroundColor);box-sizing:border-box;color:var(--Table-head-color);font-size:var(--Table-head-fontSize);font-weight:var(--Table-head-fontWeight);line-height:var(--Table-head-lineHeight);overflow-wrap:break-word;padding:var(--Table-head-padding);text-align:left;vertical-align:middle}.spui-Table-head--alignLeft{text-align:left}.spui-Table-head--alignCenter{text-align:center}.spui-Table-head--alignRight{text-align:right}.spui-Table-cell{background-color:var(--Table-cell-backgroundColor);box-sizing:border-box;color:var(--Table-cell-color);font-size:var(--Table-cell-fontSize);font-weight:var(--Table-cell-fontWeight);line-height:var(--Table-cell-lineHeight);overflow-wrap:break-word;padding:var(--Table-cell-padding);text-align:left;vertical-align:middle}.spui-Table-cell--alignLeft{text-align:left}.spui-Table-cell--alignCenter{text-align:center}.spui-Table-cell--alignRight{text-align:right}@media (prefers-reduced-motion:reduce){.spui-Table-frame--scrollable{scroll-behavior:auto}}

package/Table/Table.d.ts

@@ -42,7 +42,7 @@ export declare const Table: {
         layout?: Layout;
         children?: ReactNode;
         className?: string;
-    } & Omit<React.TableHTMLAttributes<HTMLTableElement>, "className" | "style"> & React.RefAttributes<HTMLTableElement>>;
+    } & Omit<React.TableHTMLAttributes<HTMLTableElement>, "className" | "style"> & React.RefAttributes<HTMLDivElement>>;
     Caption: React.ForwardRefExoticComponent<TableCaptionProps & React.RefAttributes<HTMLTableCaptionElement>>;
     Header: React.ForwardRefExoticComponent<TableHeaderProps & React.RefAttributes<HTMLTableSectionElement>>;
     Body: React.ForwardRefExoticComponent<TableBodyProps & React.RefAttributes<HTMLTableSectionElement>>;

package/Table/Table.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Table.d.ts","sourceRoot":"","sources":["../../src/Table/Table.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAc,SAAS,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAEpE,KAAK,UAAU,GAAG,YAAY,GAAG,UAAU,GAAG,UAAU,CAAC;AAEzD,KAAK,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,YAAY,CAAC;AAE9C,KAAK,KAAK,GAAG,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;AAazC,UAAU,iBACR,SAAQ,IAAI,CACV,KAAK,CAAC,cAAc,CAAC,uBAAuB,CAAC,EAC7C,OAAO,GAAG,WAAW,CACtB;IACD,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAGD,UAAU,gBACR,SAAQ,IAAI,CACV,KAAK,CAAC,cAAc,CAAC,uBAAuB,CAAC,EAC7C,OAAO,GAAG,WAAW,CACtB;IACD,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAGD,UAAU,cACR,SAAQ,IAAI,CACV,KAAK,CAAC,cAAc,CAAC,uBAAuB,CAAC,EAC7C,OAAO,GAAG,WAAW,CACtB;IACD,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAGD,UAAU,gBACR,SAAQ,IAAI,CACV,KAAK,CAAC,cAAc,CAAC,uBAAuB,CAAC,EAC7C,OAAO,GAAG,WAAW,CACtB;IACD,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAGD,UAAU,aACR,SAAQ,IAAI,CACV,KAAK,CAAC,cAAc,CAAC,mBAAmB,CAAC,EACzC,OAAO,GAAG,WAAW,CACtB;IACD,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAGD,UAAU,cACR,SAAQ,IAAI,CACV,KAAK,CAAC,gBAAgB,CAAC,oBAAoB,CAAC,EAC5C,OAAO,GAAG,WAAW,CACtB;IACD,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,KAAK,CAAC,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC;IAC/B,QAAQ,CAAC,EAAE,aAAa,CAAC,UAAU,CAAC,CAAC;IACrC,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAGD,UAAU,cACR,SAAQ,IAAI,CACV,KAAK,CAAC,gBAAgB,CAAC,oBAAoB,CAAC,EAC5C,OAAO,GAAG,WAAW,CACtB;IACD,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AA6ND,eAAO,MAAM,KAAK;;sBA7SF,KAAK,CAAC,UAAU,CAAC;kBACrB,OAAO;kBACP,OAAO;iBACR,MAAM;mBACJ,SAAS;oBACR,MAAM;;;;;;;;;CAiTnB,CAAC"}
+{"version":3,"file":"Table.d.ts","sourceRoot":"","sources":["../../src/Table/Table.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAc,SAAS,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAEpE,KAAK,UAAU,GAAG,YAAY,GAAG,UAAU,GAAG,UAAU,CAAC;AAEzD,KAAK,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,YAAY,CAAC;AAE9C,KAAK,KAAK,GAAG,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;AAazC,UAAU,iBACR,SAAQ,IAAI,CACV,KAAK,CAAC,cAAc,CAAC,uBAAuB,CAAC,EAC7C,OAAO,GAAG,WAAW,CACtB;IACD,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAGD,UAAU,gBACR,SAAQ,IAAI,CACV,KAAK,CAAC,cAAc,CAAC,uBAAuB,CAAC,EAC7C,OAAO,GAAG,WAAW,CACtB;IACD,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAGD,UAAU,cACR,SAAQ,IAAI,CACV,KAAK,CAAC,cAAc,CAAC,uBAAuB,CAAC,EAC7C,OAAO,GAAG,WAAW,CACtB;IACD,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAGD,UAAU,gBACR,SAAQ,IAAI,CACV,KAAK,CAAC,cAAc,CAAC,uBAAuB,CAAC,EAC7C,OAAO,GAAG,WAAW,CACtB;IACD,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAGD,UAAU,aACR,SAAQ,IAAI,CACV,KAAK,CAAC,cAAc,CAAC,mBAAmB,CAAC,EACzC,OAAO,GAAG,WAAW,CACtB;IACD,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAGD,UAAU,cACR,SAAQ,IAAI,CACV,KAAK,CAAC,gBAAgB,CAAC,oBAAoB,CAAC,EAC5C,OAAO,GAAG,WAAW,CACtB;IACD,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,KAAK,CAAC,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC;IAC/B,QAAQ,CAAC,EAAE,aAAa,CAAC,UAAU,CAAC,CAAC;IACrC,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAGD,UAAU,cACR,SAAQ,IAAI,CACV,KAAK,CAAC,gBAAgB,CAAC,oBAAoB,CAAC,EAC5C,OAAO,GAAG,WAAW,CACtB;IACD,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAwND,eAAO,MAAM,KAAK;;sBAxSF,KAAK,CAAC,UAAU,CAAC;kBACrB,OAAO;kBACP,OAAO;iBACR,MAAM;mBACJ,SAAS;oBACR,MAAM;;;;;;;;;CA4SnB,CAAC"}

package/Table/Table.js

@@ -105,23 +105,19 @@ var Frame = (0, react_1.forwardRef)(function TableFrame(_a, ref) {
         striped && "".concat(BLOCK_NAME, "--striped"),
         layout === 'fixed' && "".concat(BLOCK_NAME, "--fixed"),
         layout === 'scrollable' && "".concat(BLOCK_NAME, "--scrollable"),
-        className,
     ], false).filter(Boolean)
         .join(' ')
         .trim();
-    var scrollContainerClasses = [
+    var wrapperClasses = [
         "".concat(BLOCK_NAME, "-frame"),
         layout === 'scrollable' && "".concat(BLOCK_NAME, "-frame--scrollable"),
+        className,
     ]
         .filter(Boolean)
         .join(' ')
         .trim();
-    var tableElement = (react_1.default.createElement("table", __assign({ ref: ref, className: classes }, rest), children));
-    // Wrap in container if layout is scrollable
-    if (layout === 'scrollable') {
-        return react_1.default.createElement("div", { className: scrollContainerClasses }, tableElement);
-    }
-    return tableElement;
+    return (react_1.default.createElement("div", { ref: ref, className: wrapperClasses },
+        react_1.default.createElement("table", __assign({ className: classes }, rest), children)));
 });
 // Table.Caption
 var Caption = (0, react_1.forwardRef)(function TableCaption(_a, ref) {

package/Table/Table.js.map

@@ -1 +1 @@
-{"version":3,"file":"Table.js","sourceRoot":"","sources":["../../src/Table/Table.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Table.js","sourceRoot":"","sources":["../../src/Table/Table.tsx"],"names":[],"mappings":"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"}

package/Table/Table.mjs

@@ -37,24 +37,20 @@ const Frame = forwardRef(function TableFrame({ borderTypes = [], rounded = false
         striped && `${BLOCK_NAME}--striped`,
         layout === 'fixed' && `${BLOCK_NAME}--fixed`,
         layout === 'scrollable' && `${BLOCK_NAME}--scrollable`,
-        className,
     ]
         .filter(Boolean)
         .join(' ')
         .trim();
-    const scrollContainerClasses = [
+    const wrapperClasses = [
         `${BLOCK_NAME}-frame`,
         layout === 'scrollable' && `${BLOCK_NAME}-frame--scrollable`,
+        className,
     ]
         .filter(Boolean)
         .join(' ')
         .trim();
-    const tableElement = (React.createElement("table", { ref: ref, className: classes, ...rest }, children));
-    // Wrap in container if layout is scrollable
-    if (layout === 'scrollable') {
-        return React.createElement("div", { className: scrollContainerClasses }, tableElement);
-    }
-    return tableElement;
+    return (React.createElement("div", { ref: ref, className: wrapperClasses },
+        React.createElement("table", { className: classes, ...rest }, children)));
 });
 // Table.Caption
 const Caption = forwardRef(function TableCaption({ children, className, ...rest }, ref) {