smarthr-ui 62.0.1 → 62.1.0

package/esm/components/Dialog/RemoteDialogTrigger.js

@@ -5,7 +5,7 @@ const onClickRemoteDialogTrigger = (e) => {
         detail: { id: e.currentTarget.getAttribute('aria-controls') },
     }));
 };
-export const RemoteDialogTrigger = ({ targetId, children, onClick, variant }) => {
+export const RemoteDialogTrigger = ({ targetId, children, onClick, variant, ...rest }) => {
     const actualOnClick = useCallback((e) => {
         if (onClick) {
             return onClick(() => {
@@ -19,7 +19,8 @@ export const RemoteDialogTrigger = ({ targetId, children, onClick, variant }) =>
         'aria-haspopup': 'true',
         'aria-controls': targetId,
         variant,
-    }), [children, variant, targetId, actualOnClick]);
+        ...rest,
+    }), [children, actualOnClick, targetId, variant, rest]);
     return actualTrigger;
 };
 //# sourceMappingURL=RemoteDialogTrigger.js.map

package/esm/components/Dialog/RemoteDialogTrigger.js.map

@@ -1 +1 @@
-{"version":3,"file":"RemoteDialogTrigger.js","sourceRoot":"","sources":["../../../src/components/Dialog/RemoteDialogTrigger.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAgB,YAAY,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AAI/E,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAA;AAElD,MAAM,0BAA0B,GAAG,CAAC,CAAgC,EAAE,EAAE;IACtE,QAAQ,CAAC,aAAa,CACpB,IAAI,WAAW,CAAC,aAAa,EAAE;QAC7B,MAAM,EAAE,EAAE,EAAE,EAAE,CAAC,CAAC,aAAa,CAAC,YAAY,CAAC,eAAe,CAAW,EAAE;KACxE,CAAC,CACH,CAAA;AACH,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,mBAAmB,GAM5B,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAE,OAAO,EAAE,EAAE,EAAE;IAC/C,MAAM,aAAa,GAAG,WAAW,CAC/B,CAAC,CAAgC,EAAE,EAAE;QACnC,IAAI,OAAO,EAAE,CAAC;YACZ,OAAO,OAAO,CAAC,GAAG,EAAE;gBAClB,0BAA0B,CAAC,CAAC,CAAC,CAAA;YAC/B,CAAC,CAAC,CAAA;QACJ,CAAC;QAED,0BAA0B,CAAC,CAAC,CAAC,CAAA;IAC/B,CAAC,EACD,CAAC,OAAO,CAAC,CACV,CAAA;IACD,MAAM,aAAa,GAAG,OAAO,CAC3B,GAAG,EAAE,CACH,YAAY,CAAC,QAAwB,EAAE;QACrC,OAAO,EAAE,aAAa;QACtB,eAAe,EAAE,MAAM;QACvB,eAAe,EAAE,QAAQ;QACzB,OAAO;KACR,CAAC,EACJ,CAAC,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,aAAa,CAAC,CAC7C,CAAA;IAED,OAAO,aAAa,CAAA;AACtB,CAAC,CAAA"}
+{"version":3,"file":"RemoteDialogTrigger.js","sourceRoot":"","sources":["../../../src/components/Dialog/RemoteDialogTrigger.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAgB,YAAY,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AAI/E,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAA;AAElD,MAAM,0BAA0B,GAAG,CAAC,CAAgC,EAAE,EAAE;IACtE,QAAQ,CAAC,aAAa,CACpB,IAAI,WAAW,CAAC,aAAa,EAAE;QAC7B,MAAM,EAAE,EAAE,EAAE,EAAE,CAAC,CAAC,aAAa,CAAC,YAAY,CAAC,eAAe,CAAW,EAAE;KACxE,CAAC,CACH,CAAA;AACH,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,mBAAmB,GAM5B,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAE,OAAO,EAAE,GAAG,IAAI,EAAE,EAAE,EAAE;IACxD,MAAM,aAAa,GAAG,WAAW,CAC/B,CAAC,CAAgC,EAAE,EAAE;QACnC,IAAI,OAAO,EAAE,CAAC;YACZ,OAAO,OAAO,CAAC,GAAG,EAAE;gBAClB,0BAA0B,CAAC,CAAC,CAAC,CAAA;YAC/B,CAAC,CAAC,CAAA;QACJ,CAAC;QAED,0BAA0B,CAAC,CAAC,CAAC,CAAA;IAC/B,CAAC,EACD,CAAC,OAAO,CAAC,CACV,CAAA;IACD,MAAM,aAAa,GAAG,OAAO,CAC3B,GAAG,EAAE,CACH,YAAY,CAAC,QAAwB,EAAE;QACrC,OAAO,EAAE,aAAa;QACtB,eAAe,EAAE,MAAM;QACvB,eAAe,EAAE,QAAQ;QACzB,OAAO;QACP,GAAG,IAAI;KACR,CAAC,EACJ,CAAC,QAAQ,EAAE,aAAa,EAAE,QAAQ,EAAE,OAAO,EAAE,IAAI,CAAC,CACnD,CAAA;IAED,OAAO,aAAa,CAAA;AACtB,CAAC,CAAA"}

package/esm/components/Dropdown/DropdownMenuButton/DropdownMenuButton.js

@@ -3,6 +3,7 @@ import innerText from 'react-innertext';
 import { tv } from 'tailwind-variants';
 import { Dropdown, DropdownContent, DropdownTrigger } from '..';
 import { AnchorButton, Button } from '../../Button';
+import { RemoteDialogTrigger } from '../../Dialog';
 import { FaCaretDownIcon, FaEllipsisIcon } from '../../Icon';
 import useKeyboardNavigation from './useKeyboardNavigation';
 export const dropdownMenuButton = tv({
@@ -46,7 +47,7 @@ export const renderButtonList = (children) => React.Children.map(children, (item
     if (item.type === React.Fragment) {
         return renderButtonList(item.props.children);
     }
-    if (!(item.type === Button || item.type === AnchorButton)) {
+    if (!(item.type === Button || item.type === AnchorButton || item.type === RemoteDialogTrigger)) {
         return item;
     }
     const actualElement = React.cloneElement(item, {

package/esm/components/Dropdown/DropdownMenuButton/DropdownMenuButton.js.map

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

package/esm/components/Picker/DatetimeLocalPicker.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+type Props = {
+    /** フォームにエラーがあるかどうか */
+    error?: boolean;
+};
+export declare const DatetimeLocalPicker: React.ForwardRefExoticComponent<Props & Omit<Omit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "type" | "error"> & React.RefAttributes<HTMLInputElement>>;
+export {};

package/esm/components/Picker/DatetimeLocalPicker.js

@@ -0,0 +1,14 @@
+import React, { forwardRef, useMemo } from 'react';
+import { pickerStyle } from './style';
+export const DatetimeLocalPicker = forwardRef(({ disabled, error, readOnly, className, ...rest }, ref) => {
+    const { wrapperStyle, innerStyle } = useMemo(() => {
+        const { wrapper, inner } = pickerStyle('DatetimeLocalPicker');
+        return {
+            wrapperStyle: wrapper({ className, disabled, readOnly }),
+            innerStyle: inner(),
+        };
+    }, [disabled, readOnly, className]);
+    return (React.createElement("span", { className: wrapperStyle },
+        React.createElement("input", { ...rest, "data-smarthr-ui-input": "true", ref: ref, type: "datetime-local", disabled: disabled, readOnly: readOnly, "aria-invalid": error || undefined, className: innerStyle })));
+});
+//# sourceMappingURL=DatetimeLocalPicker.js.map

package/esm/components/Picker/DatetimeLocalPicker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DatetimeLocalPicker.js","sourceRoot":"","sources":["../../../src/components/Picker/DatetimeLocalPicker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AAElD,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAQrC,MAAM,CAAC,MAAM,mBAAmB,GAAG,UAAU,CAC3C,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,GAAG,EAAE,EAAE;IACzD,MAAM,EAAE,YAAY,EAAE,UAAU,EAAE,GAAG,OAAO,CAAC,GAAG,EAAE;QAChD,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,GAAG,WAAW,CAAC,qBAAqB,CAAC,CAAA;QAC7D,OAAO;YACL,YAAY,EAAE,OAAO,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC;YACxD,UAAU,EAAE,KAAK,EAAE;SACpB,CAAA;IACH,CAAC,EAAE,CAAC,QAAQ,EAAE,QAAQ,EAAE,SAAS,CAAC,CAAC,CAAA;IAEnC,OAAO,CACL,8BAAM,SAAS,EAAE,YAAY;QAE3B,kCACM,IAAI,2BACc,MAAM,EAC5B,GAAG,EAAE,GAAG,EACR,IAAI,EAAC,gBAAgB,EACrB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,kBACJ,KAAK,IAAI,SAAS,EAChC,SAAS,EAAE,UAAU,GACrB,CACG,CACR,CAAA;AACH,CAAC,CACF,CAAA"}

package/esm/components/Picker/index.d.ts

@@ -1,2 +1,3 @@
 export { TimePicker } from './TimePicker';
 export { MonthPicker } from './MonthPicker';
+export { DatetimeLocalPicker } from './DatetimeLocalPicker';

package/esm/components/Picker/index.js

@@ -1,3 +1,4 @@
 export { TimePicker } from './TimePicker';
 export { MonthPicker } from './MonthPicker';
+export { DatetimeLocalPicker } from './DatetimeLocalPicker';
 //# sourceMappingURL=index.js.map

package/esm/components/Picker/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Picker/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AACzC,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Picker/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AACzC,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAC3C,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAA"}

package/esm/components/Table/BulkActionRow.js

@@ -1,4 +1,4 @@
-import React, { useMemo } from 'react';
+import React from 'react';
 import { tv } from 'tailwind-variants';
 import { useTableHeadCellCount } from './useTableHeadCellCount';
 const bulkActionRow = tv({
@@ -12,14 +12,8 @@ const bulkActionRow = tv({
 });
 export const BulkActionRow = ({ children, className, ...props }) => {
     const { countHeadCellRef, count } = useTableHeadCellCount();
-    const { wrapperStyle, cellStyle } = useMemo(() => {
-        const { wrapper, cell } = bulkActionRow();
-        return {
-            wrapperStyle: wrapper({ className }),
-            cellStyle: cell(),
-        };
-    }, [className]);
-    return (React.createElement("tr", { ...props, ref: countHeadCellRef, className: wrapperStyle },
-        React.createElement("td", { colSpan: count, className: cellStyle }, children)));
+    const { wrapper, cell } = bulkActionRow();
+    return (React.createElement("tr", { ...props, ref: countHeadCellRef, className: wrapper({ className }) },
+        React.createElement("td", { colSpan: count, className: cell() }, children)));
 };
 //# sourceMappingURL=BulkActionRow.js.map

package/esm/components/Table/BulkActionRow.js.map

@@ -1 +1 @@
-{"version":3,"file":"BulkActionRow.js","sourceRoot":"","sources":["../../../src/components/Table/BulkActionRow.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAgD,OAAO,EAAE,MAAM,OAAO,CAAA;AACpF,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAA;AAEtC,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAA;AAE/D,MAAM,aAAa,GAAG,EAAE,CAAC;IACvB,KAAK,EAAE;QACL,OAAO,EAAE,0BAA0B;QACnC,IAAI,EAAE;YACJ,gDAAgD;YAChD,sCAAsC;SACvC;KACF;CACF,CAAC,CAAA;AAEF,MAAM,CAAC,MAAM,aAAa,GAAuD,CAAC,EAChF,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,EAAE,gBAAgB,EAAE,KAAK,EAAE,GAAG,qBAAqB,EAAuB,CAAA;IAEhF,MAAM,EAAE,YAAY,EAAE,SAAS,EAAE,GAAG,OAAO,CAAC,GAAG,EAAE;QAC/C,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,GAAG,aAAa,EAAE,CAAA;QACzC,OAAO;YACL,YAAY,EAAE,OAAO,CAAC,EAAE,SAAS,EAAE,CAAC;YACpC,SAAS,EAAE,IAAI,EAAE;SAClB,CAAA;IACH,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAA;IAEf,OAAO,CACL,+BAAQ,KAAK,EAAE,GAAG,EAAE,gBAAgB,EAAE,SAAS,EAAE,YAAY;QAC3D,4BAAI,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS,IACrC,QAAQ,CACN,CACF,CACN,CAAA;AACH,CAAC,CAAA"}
+{"version":3,"file":"BulkActionRow.js","sourceRoot":"","sources":["../../../src/components/Table/BulkActionRow.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuD,MAAM,OAAO,CAAA;AAC3E,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAA;AAEtC,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAA;AAE/D,MAAM,aAAa,GAAG,EAAE,CAAC;IACvB,KAAK,EAAE;QACL,OAAO,EAAE,0BAA0B;QACnC,IAAI,EAAE;YACJ,gDAAgD;YAChD,sCAAsC;SACvC;KACF;CACF,CAAC,CAAA;AAEF,MAAM,CAAC,MAAM,aAAa,GAAuD,CAAC,EAChF,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,EAAE,gBAAgB,EAAE,KAAK,EAAE,GAAG,qBAAqB,EAAuB,CAAA;IAEhF,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,GAAG,aAAa,EAAE,CAAA;IAEzC,OAAO,CACL,+BAAQ,KAAK,EAAE,GAAG,EAAE,gBAAgB,EAAE,SAAS,EAAE,OAAO,CAAC,EAAE,SAAS,EAAE,CAAC;QACrE,4BAAI,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,IAAI,EAAE,IAClC,QAAQ,CACN,CACF,CACN,CAAA;AACH,CAAC,CAAA"}

package/esm/components/Table/EmptyTableBody.js

@@ -55,8 +55,12 @@ const emptyTableBodyCell = tv({
             X3L: 'shr-px-4',
         },
     },
+    defaultVariants: {
+        paddingBlock: 4,
+        paddingInline: 4,
+    },
 });
-export const EmptyTableBody = ({ children, padding = 4, ...props }) => {
+export const EmptyTableBody = ({ children, padding, ...props }) => {
     const { countHeadCellRef, count } = useTableHeadCellCount();
     const tdStyles = useMemo(() => {
         const paddingBlock = padding instanceof Object ? padding.vertical : padding;

package/esm/components/Table/EmptyTableBody.js.map

@@ -1 +1 @@
-{"version":3,"file":"EmptyTableBody.js","sourceRoot":"","sources":["../../../src/components/Table/EmptyTableBody.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAA4C,OAAO,EAAE,MAAM,OAAO,CAAA;AAChF,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAA;AAEtC,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAA;AAElC,OAAO,EAAE,EAAE,EAAE,MAAM,MAAM,CAAA;AACzB,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAA;AAY/D,MAAM,kBAAkB,GAAG,EAAE,CAAC;IAC5B,IAAI,EAAE,EAAE;IACR,QAAQ,EAAE;QACR,YAAY,EAAE;YACZ,CAAC,EAAE,UAAU;YACb,IAAI,EAAE,aAAa;YACnB,GAAG,EAAE,YAAY;YACjB,IAAI,EAAE,aAAa;YACnB,CAAC,EAAE,UAAU;YACb,IAAI,EAAE,aAAa;YACnB,GAAG,EAAE,YAAY;YACjB,CAAC,EAAE,UAAU;YACb,GAAG,EAAE,YAAY;YACjB,CAAC,EAAE,UAAU;YACb,GAAG,EAAE,YAAY;YACjB,CAAC,EAAE,UAAU;YACb,CAAC,EAAE,UAAU;YACb,GAAG,EAAE,aAAa;YAClB,GAAG,EAAE,YAAY;YACjB,EAAE,EAAE,UAAU;YACd,CAAC,EAAE,YAAY;YACf,CAAC,EAAE,UAAU;YACb,CAAC,EAAE,YAAY;YACf,EAAE,EAAE,UAAU;YACd,GAAG,EAAE,YAAY;YACjB,GAAG,EAAE,UAAU;SACY;QAC7B,aAAa,EAAE;YACb,CAAC,EAAE,UAAU;YACb,IAAI,EAAE,aAAa;YACnB,GAAG,EAAE,YAAY;YACjB,IAAI,EAAE,aAAa;YACnB,CAAC,EAAE,UAAU;YACb,IAAI,EAAE,aAAa;YACnB,GAAG,EAAE,YAAY;YACjB,CAAC,EAAE,UAAU;YACb,GAAG,EAAE,YAAY;YACjB,CAAC,EAAE,UAAU;YACb,GAAG,EAAE,YAAY;YACjB,CAAC,EAAE,UAAU;YACb,CAAC,EAAE,UAAU;YACb,GAAG,EAAE,aAAa;YAClB,GAAG,EAAE,YAAY;YACjB,EAAE,EAAE,UAAU;YACd,CAAC,EAAE,YAAY;YACf,CAAC,EAAE,UAAU;YACb,CAAC,EAAE,YAAY;YACf,EAAE,EAAE,UAAU;YACd,GAAG,EAAE,YAAY;YACjB,GAAG,EAAE,UAAU;SACY;KAC9B;CACF,CAAC,CAAA;AAEF,MAAM,CAAC,MAAM,cAAc,GAAmC,CAAC,EAC7D,QAAQ,EACR,OAAO,GAAG,CAAC,EACX,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,EAAE,gBAAgB,EAAE,KAAK,EAAE,GAAG,qBAAqB,EAA2B,CAAA;IAEpF,MAAM,QAAQ,GAAG,OAAO,CAAC,GAAG,EAAE;QAC5B,MAAM,YAAY,GAAG,OAAO,YAAY,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAA;QAC3E,MAAM,aAAa,GAAG,OAAO,YAAY,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC,CAAC,OAAO,CAAA;QAE9E,OAAO,kBAAkB,CAAC;YACxB,YAAY;YACZ,aAAa;SACd,CAAC,CAAA;IACJ,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAA;IAEb,OAAO,CACL,kCAAW,KAAK,EAAE,GAAG,EAAE,gBAAgB;QACrC;YACE,oBAAC,EAAE,IAAC,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,QAAQ;gBACrC,oBAAC,MAAM,QAAE,QAAQ,CAAU,CACxB,CACF,CACC,CACT,CAAA;AACH,CAAC,CAAA"}
+{"version":3,"file":"EmptyTableBody.js","sourceRoot":"","sources":["../../../src/components/Table/EmptyTableBody.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAA4C,OAAO,EAAE,MAAM,OAAO,CAAA;AAChF,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAA;AAEtC,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAA;AAElC,OAAO,EAAE,EAAE,EAAE,MAAM,MAAM,CAAA;AACzB,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAA;AAY/D,MAAM,kBAAkB,GAAG,EAAE,CAAC;IAC5B,IAAI,EAAE,EAAE;IACR,QAAQ,EAAE;QACR,YAAY,EAAE;YACZ,CAAC,EAAE,UAAU;YACb,IAAI,EAAE,aAAa;YACnB,GAAG,EAAE,YAAY;YACjB,IAAI,EAAE,aAAa;YACnB,CAAC,EAAE,UAAU;YACb,IAAI,EAAE,aAAa;YACnB,GAAG,EAAE,YAAY;YACjB,CAAC,EAAE,UAAU;YACb,GAAG,EAAE,YAAY;YACjB,CAAC,EAAE,UAAU;YACb,GAAG,EAAE,YAAY;YACjB,CAAC,EAAE,UAAU;YACb,CAAC,EAAE,UAAU;YACb,GAAG,EAAE,aAAa;YAClB,GAAG,EAAE,YAAY;YACjB,EAAE,EAAE,UAAU;YACd,CAAC,EAAE,YAAY;YACf,CAAC,EAAE,UAAU;YACb,CAAC,EAAE,YAAY;YACf,EAAE,EAAE,UAAU;YACd,GAAG,EAAE,YAAY;YACjB,GAAG,EAAE,UAAU;SACY;QAC7B,aAAa,EAAE;YACb,CAAC,EAAE,UAAU;YACb,IAAI,EAAE,aAAa;YACnB,GAAG,EAAE,YAAY;YACjB,IAAI,EAAE,aAAa;YACnB,CAAC,EAAE,UAAU;YACb,IAAI,EAAE,aAAa;YACnB,GAAG,EAAE,YAAY;YACjB,CAAC,EAAE,UAAU;YACb,GAAG,EAAE,YAAY;YACjB,CAAC,EAAE,UAAU;YACb,GAAG,EAAE,YAAY;YACjB,CAAC,EAAE,UAAU;YACb,CAAC,EAAE,UAAU;YACb,GAAG,EAAE,aAAa;YAClB,GAAG,EAAE,YAAY;YACjB,EAAE,EAAE,UAAU;YACd,CAAC,EAAE,YAAY;YACf,CAAC,EAAE,UAAU;YACb,CAAC,EAAE,YAAY;YACf,EAAE,EAAE,UAAU;YACd,GAAG,EAAE,YAAY;YACjB,GAAG,EAAE,UAAU;SACY;KAC9B;IACD,eAAe,EAAE;QACf,YAAY,EAAE,CAAC;QACf,aAAa,EAAE,CAAC;KACjB;CACF,CAAC,CAAA;AAEF,MAAM,CAAC,MAAM,cAAc,GAAmC,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IAChG,MAAM,EAAE,gBAAgB,EAAE,KAAK,EAAE,GAAG,qBAAqB,EAA2B,CAAA;IAEpF,MAAM,QAAQ,GAAG,OAAO,CAAC,GAAG,EAAE;QAC5B,MAAM,YAAY,GAAG,OAAO,YAAY,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAA;QAC3E,MAAM,aAAa,GAAG,OAAO,YAAY,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC,CAAC,OAAO,CAAA;QAE9E,OAAO,kBAAkB,CAAC;YACxB,YAAY;YACZ,aAAa;SACd,CAAC,CAAA;IACJ,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAA;IAEb,OAAO,CACL,kCAAW,KAAK,EAAE,GAAG,EAAE,gBAAgB;QACrC;YACE,oBAAC,EAAE,IAAC,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,QAAQ;gBACrC,oBAAC,MAAM,QAAE,QAAQ,CAAU,CACxB,CACF,CACC,CACT,CAAA;AACH,CAAC,CAAA"}

package/esm/components/Table/Table.d.ts

@@ -3,60 +3,88 @@ import { VariantProps } from 'tailwind-variants';
 type Props = PropsWithChildren<VariantProps<typeof table>>;
 type ElementProps = Omit<ComponentProps<'table'>, keyof Props>;
 declare const table: import("tailwind-variants").TVReturnType<{
+    borderType: {
+        horizontal: string;
+        both: string;
+    };
     layout: {
         auto: string;
         fixed: string;
     };
     fixedHead: {
-        true: string[];
+        true: string;
     };
 }, undefined, string[], import("tailwind-variants/dist/config").TVConfig<{
+    borderType: {
+        horizontal: string;
+        both: string;
+    };
     layout: {
         auto: string;
         fixed: string;
     };
     fixedHead: {
-        true: string[];
+        true: string;
     };
 }, {
+    borderType: {
+        horizontal: string;
+        both: string;
+    };
     layout: {
         auto: string;
         fixed: string;
     };
     fixedHead: {
-        true: string[];
+        true: string;
     };
 }>, {
+    borderType: {
+        horizontal: string;
+        both: string;
+    };
     layout: {
         auto: string;
         fixed: string;
     };
     fixedHead: {
-        true: string[];
+        true: string;
     };
 }, undefined, import("tailwind-variants").TVReturnType<{
+    borderType: {
+        horizontal: string;
+        both: string;
+    };
     layout: {
         auto: string;
         fixed: string;
     };
     fixedHead: {
-        true: string[];
+        true: string;
     };
 }, undefined, string[], import("tailwind-variants/dist/config").TVConfig<{
+    borderType: {
+        horizontal: string;
+        both: string;
+    };
     layout: {
         auto: string;
         fixed: string;
     };
     fixedHead: {
-        true: string[];
+        true: string;
     };
 }, {
+    borderType: {
+        horizontal: string;
+        both: string;
+    };
     layout: {
         auto: string;
         fixed: string;
     };
     fixedHead: {
-        true: string[];
+        true: string;
     };
 }>, unknown, unknown, undefined>>;
 export declare const Table: FC<Props & ElementProps>;

package/esm/components/Table/Table.js

@@ -3,32 +3,33 @@ import { tv } from 'tailwind-variants';
 const table = tv({
     base: [
         'smarthr-ui-Table',
-        'shr-w-full',
-        /* Headがfixed=trueの場合、separate以外だとHeadとBodyの間に隙間が生まれるため、明示的に指定しています */
-        'shr-broder-separate',
-        'shr-border-spacing-0',
-        'shr-bg-column',
+        'shr-border-collapse shr-w-full',
         '[&_tbody]:shr-bg-white',
         '[&_th]:contrast-more:shr-border-shorthand [&_th]:shr-bg-head [&_th]:contrast-more:shr-border-high-contrast',
         '[&_td]:contrast-more:shr-border-shorthand [&_td]:contrast-more:shr-border-high-contrast',
         'contrast-more:shr-border-shorthand contrast-more:shr-border-high-contrast',
     ],
     variants: {
+        borderType: {
+            horizontal: 'shr-table-border-horizontal',
+            both: 'shr-table-border-vertical shr-table-border-horizontal',
+        },
         layout: {
             auto: '',
             fixed: 'shr-table-fixed',
         },
         fixedHead: {
-            true: [
-                '[&_thead]:shr-sticky [&_thead]:shr-start-0 [&_thead]:shr-top-0',
-                /* zIndexの値はセマンティックトークンとして管理しているため、明示的に値を指定しないと重なり順が崩れるため設定しています */
-                '[&_thead]:shr-z-fixed-menu',
-            ],
+            true: '[&_thead]:shr-sticky [&_thead]:shr-start-0 [&_thead]:shr-top-0 [&_thead]:shr-z-1',
         },
     },
+    defaultVariants: {
+        borderType: 'horizontal',
+        layout: 'auto',
+        fixedHead: false,
+    },
 });
-export const Table = ({ fixedHead = false, layout = 'auto', className, ...props }) => {
-    const styles = useMemo(() => table({ fixedHead, layout, className }), [className, fixedHead, layout]);
+export const Table = ({ borderType, fixedHead, layout, className, ...props }) => {
+    const styles = useMemo(() => table({ borderType, fixedHead, layout, className }), [borderType, className, fixedHead, layout]);
     return React.createElement("table", { ...props, className: styles });
 };
 //# sourceMappingURL=Table.js.map

package/esm/components/Table/Table.js.map

@@ -1 +1 @@
-{"version":3,"file":"Table.js","sourceRoot":"","sources":["../../../src/components/Table/Table.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAyC,OAAO,EAAE,MAAM,OAAO,CAAA;AAC7E,OAAO,EAAgB,EAAE,EAAE,MAAM,mBAAmB,CAAA;AAKpD,MAAM,KAAK,GAAG,EAAE,CAAC;IACf,IAAI,EAAE;QACJ,kBAAkB;QAClB,YAAY;QACZ,sEAAsE;QACtE,qBAAqB;QACrB,sBAAsB;QACtB,eAAe;QACf,wBAAwB;QACxB,4GAA4G;QAC5G,yFAAyF;QACzF,2EAA2E;KAC5E;IACD,QAAQ,EAAE;QACR,MAAM,EAAE;YACN,IAAI,EAAE,EAAE;YACR,KAAK,EAAE,iBAAiB;SACzB;QACD,SAAS,EAAE;YACT,IAAI,EAAE;gBACJ,gEAAgE;gBAChE,mEAAmE;gBACnE,4BAA4B;aAC7B;SACF;KACF;CACF,CAAC,CAAA;AAEF,MAAM,CAAC,MAAM,KAAK,GAA6B,CAAC,EAC9C,SAAS,GAAG,KAAK,EACjB,MAAM,GAAG,MAAM,EACf,SAAS,EACT,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,MAAM,GAAG,OAAO,CACpB,GAAG,EAAE,CAAC,KAAK,CAAC,EAAE,SAAS,EAAE,MAAM,EAAE,SAAS,EAAE,CAAC,EAC7C,CAAC,SAAS,EAAE,SAAS,EAAE,MAAM,CAAC,CAC/B,CAAA;IACD,OAAO,kCAAW,KAAK,EAAE,SAAS,EAAE,MAAM,GAAI,CAAA;AAChD,CAAC,CAAA"}
+{"version":3,"file":"Table.js","sourceRoot":"","sources":["../../../src/components/Table/Table.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAyC,OAAO,EAAE,MAAM,OAAO,CAAA;AAC7E,OAAO,EAAgB,EAAE,EAAE,MAAM,mBAAmB,CAAA;AAKpD,MAAM,KAAK,GAAG,EAAE,CAAC;IACf,IAAI,EAAE;QACJ,kBAAkB;QAClB,gCAAgC;QAChC,wBAAwB;QACxB,4GAA4G;QAC5G,yFAAyF;QACzF,2EAA2E;KAC5E;IACD,QAAQ,EAAE;QACR,UAAU,EAAE;YACV,UAAU,EAAE,6BAA6B;YACzC,IAAI,EAAE,uDAAuD;SAC9D;QACD,MAAM,EAAE;YACN,IAAI,EAAE,EAAE;YACR,KAAK,EAAE,iBAAiB;SACzB;QACD,SAAS,EAAE;YACT,IAAI,EAAE,kFAAkF;SACzF;KACF;IACD,eAAe,EAAE;QACf,UAAU,EAAE,YAAY;QACxB,MAAM,EAAE,MAAM;QACd,SAAS,EAAE,KAAK;KACjB;CACF,CAAC,CAAA;AAEF,MAAM,CAAC,MAAM,KAAK,GAA6B,CAAC,EAC9C,UAAU,EACV,SAAS,EACT,MAAM,EACN,SAAS,EACT,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,MAAM,GAAG,OAAO,CACpB,GAAG,EAAE,CAAC,KAAK,CAAC,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,EAAE,SAAS,EAAE,CAAC,EACzD,CAAC,UAAU,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,CAAC,CAC3C,CAAA;IACD,OAAO,kCAAW,KAAK,EAAE,SAAS,EAAE,MAAM,GAAI,CAAA;AAChD,CAAC,CAAA"}

package/esm/components/Table/Td.d.ts

@@ -15,17 +15,25 @@ declare const td: import("tailwind-variants").TVReturnType<{
         left: string;
         right: string;
     };
+    vAlign: {
+        middle: string;
+        baseline: string;
+    };
     nullable: {
         true: string;
     };
     fixed: {
         true: string[];
     };
-}, undefined, string[], import("tailwind-variants/dist/config").TVConfig<{
+}, undefined, (string | string[])[], import("tailwind-variants/dist/config").TVConfig<{
     align: {
         left: string;
         right: string;
     };
+    vAlign: {
+        middle: string;
+        baseline: string;
+    };
     nullable: {
         true: string;
     };
@@ -37,6 +45,10 @@ declare const td: import("tailwind-variants").TVReturnType<{
         left: string;
         right: string;
     };
+    vAlign: {
+        middle: string;
+        baseline: string;
+    };
     nullable: {
         true: string;
     };
@@ -48,6 +60,10 @@ declare const td: import("tailwind-variants").TVReturnType<{
         left: string;
         right: string;
     };
+    vAlign: {
+        middle: string;
+        baseline: string;
+    };
     nullable: {
         true: string;
     };
@@ -59,17 +75,25 @@ declare const td: import("tailwind-variants").TVReturnType<{
         left: string;
         right: string;
     };
+    vAlign: {
+        middle: string;
+        baseline: string;
+    };
     nullable: {
         true: string;
     };
     fixed: {
         true: string[];
     };
-}, undefined, string[], import("tailwind-variants/dist/config").TVConfig<{
+}, undefined, (string | string[])[], import("tailwind-variants/dist/config").TVConfig<{
     align: {
         left: string;
         right: string;
     };
+    vAlign: {
+        middle: string;
+        baseline: string;
+    };
     nullable: {
         true: string;
     };
@@ -81,6 +105,10 @@ declare const td: import("tailwind-variants").TVReturnType<{
         left: string;
         right: string;
     };
+    vAlign: {
+        middle: string;
+        baseline: string;
+    };
     nullable: {
         true: string;
     };

package/esm/components/Table/Td.js

@@ -1,9 +1,9 @@
 import React, { useMemo } from 'react';
 import { tv } from 'tailwind-variants';
 import { reelShadowStyle } from './useReelShadow';
-export const Td = ({ align = 'left', nullable = false, fixed = false, contentWidth, className, style, ...props }) => {
+export const Td = ({ align, vAlign, nullable, fixed = false, contentWidth, className, style, ...props }) => {
     const styleProps = useMemo(() => {
-        const tdStyles = td({ align, nullable, fixed, className });
+        const tdStyles = td({ align, vAlign, nullable, fixed, className });
         const reelShadowStyles = fixed ? reelShadowStyle({ direction: 'right' }) : '';
         return {
             className: `${tdStyles} ${reelShadowStyles}`.trim(),
@@ -12,19 +12,31 @@ export const Td = ({ align = 'left', nullable = false, fixed = false, contentWid
                 ...getWidthStyle(contentWidth),
             },
         };
-    }, [align, className, contentWidth, fixed, nullable, style]);
+    }, [align, className, contentWidth, fixed, nullable, style, vAlign]);
     return React.createElement("td", { ...props, ...styleProps });
 };
 const td = tv({
     base: [
         'smarthr-ui-Td',
-        'shr-border-t-shorthand shr-h-[calc(1em_*_theme(lineHeight.normal))] shr-px-1 shr-py-0.5 shr-align-middle shr-text-base shr-leading-normal shr-text-black',
+        'shr-border-solid shr-border-0 shr-px-1 shr-py-0.5 shr-align-middle shr-text-base shr-leading-normal shr-text-black shr-h-[calc(1em_*_theme(lineHeight.normal))]',
+        [
+            '[.shr-table-border-horizontal_&]:shr-border-t',
+            '[.shr-table-border-horizontal_&]:shr-border-t-default',
+        ],
+        [
+            '[.shr-table-border-vertical_&+&]:shr-border-l',
+            '[.shr-table-border-vertical_&+&]:shr-border-l-default',
+        ],
     ],
     variants: {
         align: {
             left: '',
             right: 'shr-text-right',
         },
+        vAlign: {
+            middle: '',
+            baseline: 'shr-align-baseline',
+        },
         nullable: {
             true: "empty:after:shr-content-['-----']",
         },
@@ -35,6 +47,11 @@ const td = tv({
             ],
         },
     },
+    defaultVariants: {
+        align: 'left',
+        vAlign: 'middle',
+        nullable: false,
+    },
 });
 const convertContentWidth = (contentWidth) => {
     if (typeof contentWidth === 'number') {

package/esm/components/Table/Td.js.map

@@ -1 +1 @@
-{"version":3,"file":"Td.js","sourceRoot":"","sources":["../../../src/components/Table/Td.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAmD,OAAO,EAAE,MAAM,OAAO,CAAA;AACvF,OAAO,EAAqB,EAAE,EAAE,MAAM,mBAAmB,CAAA;AAEzD,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAA;AAajD,MAAM,CAAC,MAAM,EAAE,GAA6B,CAAC,EAC3C,KAAK,GAAG,MAAM,EACd,QAAQ,GAAG,KAAK,EAChB,KAAK,GAAG,KAAK,EACb,YAAY,EACZ,SAAS,EACT,KAAK,EACL,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,UAAU,GAAG,OAAO,CAAC,GAAG,EAAE;QAC9B,MAAM,QAAQ,GAAG,EAAE,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,CAAA;QAC1D,MAAM,gBAAgB,GAAG,KAAK,CAAC,CAAC,CAAC,eAAe,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,CAAA;QAC7E,OAAO;YACL,SAAS,EAAE,GAAG,QAAQ,IAAI,gBAAgB,EAAE,CAAC,IAAI,EAAE;YACnD,KAAK,EAAE;gBACL,GAAG,KAAK;gBACR,GAAG,aAAa,CAAC,YAAY,CAAC;aAC/B;SACF,CAAA;IACH,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,EAAE,YAAY,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,CAAC,CAAC,CAAA;IAE5D,OAAO,+BAAQ,KAAK,KAAM,UAAU,GAAI,CAAA;AAC1C,CAAC,CAAA;AAED,MAAM,EAAE,GAAG,EAAE,CAAC;IACZ,IAAI,EAAE;QACJ,eAAe;QACf,0JAA0J;KAC3J;IACD,QAAQ,EAAE;QACR,KAAK,EAAE;YACL,IAAI,EAAE,EAAE;YACR,KAAK,EAAE,gBAAgB;SACxB;QACD,QAAQ,EAAE;YACR,IAAI,EAAE,mCAAmC;SAC1C;QACD,KAAK,EAAE;YACL,IAAI,EAAE;gBACJ,cAAc;gBACd,mGAAmG;aACpG;SACF;KACF;CACF,CAAC,CAAA;AAEF,MAAM,mBAAmB,GAAG,CAAC,YAA+B,EAAE,EAAE;IAC9D,IAAI,OAAO,YAAY,KAAK,QAAQ,EAAE,CAAC;QACrC,OAAO,GAAG,YAAY,IAAI,CAAA;IAC5B,CAAC;IAED,OAAO,YAAY,CAAA;AACrB,CAAC,CAAA;AAED,MAAM,aAAa,GAAG,CAAC,YAAmC,EAAE,EAAE;IAC5D,IAAI,OAAO,YAAY,KAAK,QAAQ,EAAE,CAAC;QACrC,OAAO;YACL,KAAK,EAAE,mBAAmB,CAAC,YAAY,CAAC,IAAI,CAAC;YAC7C,QAAQ,EAAE,mBAAmB,CAAC,YAAY,CAAC,GAAG,CAAC;YAC/C,QAAQ,EAAE,mBAAmB,CAAC,YAAY,CAAC,GAAG,CAAC;SAChD,CAAA;IACH,CAAC;IAED,OAAO;QACL,KAAK,EAAE,mBAAmB,CAAC,YAAY,CAAC;KACzC,CAAA;AACH,CAAC,CAAA"}
+{"version":3,"file":"Td.js","sourceRoot":"","sources":["../../../src/components/Table/Td.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAmD,OAAO,EAAE,MAAM,OAAO,CAAA;AACvF,OAAO,EAAqB,EAAE,EAAE,MAAM,mBAAmB,CAAA;AAEzD,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAA;AAajD,MAAM,CAAC,MAAM,EAAE,GAA6B,CAAC,EAC3C,KAAK,EACL,MAAM,EACN,QAAQ,EACR,KAAK,GAAG,KAAK,EACb,YAAY,EACZ,SAAS,EACT,KAAK,EACL,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,UAAU,GAAG,OAAO,CAAC,GAAG,EAAE;QAC9B,MAAM,QAAQ,GAAG,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,CAAA;QAClE,MAAM,gBAAgB,GAAG,KAAK,CAAC,CAAC,CAAC,eAAe,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,CAAA;QAC7E,OAAO;YACL,SAAS,EAAE,GAAG,QAAQ,IAAI,gBAAgB,EAAE,CAAC,IAAI,EAAE;YACnD,KAAK,EAAE;gBACL,GAAG,KAAK;gBACR,GAAG,aAAa,CAAC,YAAY,CAAC;aAC/B;SACF,CAAA;IACH,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,EAAE,YAAY,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,CAAC,CAAC,CAAA;IAEpE,OAAO,+BAAQ,KAAK,KAAM,UAAU,GAAI,CAAA;AAC1C,CAAC,CAAA;AAED,MAAM,EAAE,GAAG,EAAE,CAAC;IACZ,IAAI,EAAE;QACJ,eAAe;QACf,iKAAiK;QACjK;YACE,+CAA+C;YAC/C,uDAAuD;SACxD;QACD;YACE,+CAA+C;YAC/C,uDAAuD;SACxD;KACF;IACD,QAAQ,EAAE;QACR,KAAK,EAAE;YACL,IAAI,EAAE,EAAE;YACR,KAAK,EAAE,gBAAgB;SACxB;QACD,MAAM,EAAE;YACN,MAAM,EAAE,EAAE;YACV,QAAQ,EAAE,oBAAoB;SAC/B;QACD,QAAQ,EAAE;YACR,IAAI,EAAE,mCAAmC;SAC1C;QACD,KAAK,EAAE;YACL,IAAI,EAAE;gBACJ,cAAc;gBACd,mGAAmG;aACpG;SACF;KACF;IACD,eAAe,EAAE;QACf,KAAK,EAAE,MAAM;QACb,MAAM,EAAE,QAAQ;QAChB,QAAQ,EAAE,KAAK;KAChB;CACF,CAAC,CAAA;AAEF,MAAM,mBAAmB,GAAG,CAAC,YAA+B,EAAE,EAAE;IAC9D,IAAI,OAAO,YAAY,KAAK,QAAQ,EAAE,CAAC;QACrC,OAAO,GAAG,YAAY,IAAI,CAAA;IAC5B,CAAC;IAED,OAAO,YAAY,CAAA;AACrB,CAAC,CAAA;AAED,MAAM,aAAa,GAAG,CAAC,YAAmC,EAAE,EAAE;IAC5D,IAAI,OAAO,YAAY,KAAK,QAAQ,EAAE,CAAC;QACrC,OAAO;YACL,KAAK,EAAE,mBAAmB,CAAC,YAAY,CAAC,IAAI,CAAC;YAC7C,QAAQ,EAAE,mBAAmB,CAAC,YAAY,CAAC,GAAG,CAAC;YAC/C,QAAQ,EAAE,mBAAmB,CAAC,YAAY,CAAC,GAAG,CAAC;SAChD,CAAA;IACH,CAAC;IAED,OAAO;QACL,KAAK,EAAE,mBAAmB,CAAC,YAAY,CAAC;KACzC,CAAA;AACH,CAAC,CAAA"}