smarthr-ui 52.2.0 → 53.0.0

package/esm/components/AccordionPanel/AccordionPanelContent.js

@@ -7,15 +7,8 @@ import { AccordionPanelItemContext } from './AccordionPanelItem';
 const accordionPanelContent = tv({
     base: [
         'smarthr-ui-AccordionPanel-content',
-        'shr-max-h-0',
-        'shr-transition-[max-height,_visible,_opacity]',
-        'shr-duration-150',
-        'shr-ease-in-out',
-        'shr-invisible',
-        'shr-opacity-0',
-        '[&.entered]:shr-max-h-[revert]',
-        '[&.entered]:shr-visible',
-        '[&.entered]:shr-opacity-100',
+        'shr-max-h-0 shr-transition-[max-height,_visible,_opacity] shr-duration-150 shr-ease-in-out shr-invisible shr-opacity-0',
+        '[&.entered]:shr-max-h-[revert] [&.entered]:shr-visible [&.entered]:shr-opacity-100',
     ],
 });
 export const AccordionPanelContent = ({ className, ...props }) => {

package/esm/components/AccordionPanel/AccordionPanelContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"AccordionPanelContent.js","sourceRoot":"","sources":["../../../src/components/AccordionPanel/AccordionPanelContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAIZ,UAAU,EACV,OAAO,EACP,MAAM,GACP,MAAM,OAAO,CAAA;AACd,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAA;AACnD,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAA;AAEtC,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAE7C,OAAO,EAAE,qBAAqB,EAAE,MAAM,kBAAkB,CAAA;AACxD,OAAO,EAAE,yBAAyB,EAAE,MAAM,sBAAsB,CAAA;AAKhE,MAAM,qBAAqB,GAAG,EAAE,CAAC;IAC/B,IAAI,EAAE;QACJ,mCAAmC;QACnC,aAAa;QACb,+CAA+C;QAC/C,kBAAkB;QAClB,iBAAiB;QACjB,eAAe;QACf,eAAe;QACf,gCAAgC;QAChC,yBAAyB;QACzB,6BAA6B;KAC9B;CACF,CAAC,CAAA;AAEF,MAAM,CAAC,MAAM,qBAAqB,GAA6B,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IACzF,MAAM,EAAE,IAAI,EAAE,GAAG,UAAU,CAAC,yBAAyB,CAAC,CAAA;IACtD,MAAM,EAAE,aAAa,EAAE,GAAG,UAAU,CAAC,qBAAqB,CAAC,CAAA;IAC3D,MAAM,SAAS,GAAG,YAAY,CAAC,aAAa,EAAE,IAAI,CAAC,CAAA;IACnD,MAAM,UAAU,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAA;IAC/C,MAAM,MAAM,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,qBAAqB,CAAC,EAAE,SAAS,EAAE,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAA;IAE/E,OAAO,CACL,oBAAC,UAAU,IAAC,EAAE,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,IACpC,CAAC,MAAM,EAAE,EAAE,CAAC,CACX,gCACM,KAAK,EACT,EAAE,EAAE,GAAG,IAAI,UAAU,EACrB,SAAS,EAAE,GAAG,MAAM,IAAI,MAAM,EAAE,qBACf,GAAG,IAAI,UAAU,iBACrB,CAAC,SAAS,EACvB,GAAG,EAAE,UAAU,GACf,CACH,CACU,CACd,CAAA;AACH,CAAC,CAAA"}
+{"version":3,"file":"AccordionPanelContent.js","sourceRoot":"","sources":["../../../src/components/AccordionPanel/AccordionPanelContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAIZ,UAAU,EACV,OAAO,EACP,MAAM,GACP,MAAM,OAAO,CAAA;AACd,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAA;AACnD,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAA;AAEtC,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAE7C,OAAO,EAAE,qBAAqB,EAAE,MAAM,kBAAkB,CAAA;AACxD,OAAO,EAAE,yBAAyB,EAAE,MAAM,sBAAsB,CAAA;AAKhE,MAAM,qBAAqB,GAAG,EAAE,CAAC;IAC/B,IAAI,EAAE;QACJ,mCAAmC;QACnC,wHAAwH;QACxH,oFAAoF;KACrF;CACF,CAAC,CAAA;AAEF,MAAM,CAAC,MAAM,qBAAqB,GAA6B,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IACzF,MAAM,EAAE,IAAI,EAAE,GAAG,UAAU,CAAC,yBAAyB,CAAC,CAAA;IACtD,MAAM,EAAE,aAAa,EAAE,GAAG,UAAU,CAAC,qBAAqB,CAAC,CAAA;IAC3D,MAAM,SAAS,GAAG,YAAY,CAAC,aAAa,EAAE,IAAI,CAAC,CAAA;IACnD,MAAM,UAAU,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAA;IAC/C,MAAM,MAAM,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,qBAAqB,CAAC,EAAE,SAAS,EAAE,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAA;IAE/E,OAAO,CACL,oBAAC,UAAU,IAAC,EAAE,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,IACpC,CAAC,MAAM,EAAE,EAAE,CAAC,CACX,gCACM,KAAK,EACT,EAAE,EAAE,GAAG,IAAI,UAAU,EACrB,SAAS,EAAE,GAAG,MAAM,IAAI,MAAM,EAAE,qBACf,GAAG,IAAI,UAAU,iBACrB,CAAC,SAAS,EACvB,GAAG,EAAE,UAAU,GACf,CACH,CACU,CACd,CAAA;AACH,CAAC,CAAA"}

package/esm/components/AccordionPanel/AccordionPanelItem.js

@@ -5,7 +5,7 @@ export const AccordionPanelItemContext = createContext({
     name: '',
 });
 const accordionPanelItem = tv({
-    base: 'smarthr-ui-AccordionPanel-item',
+    base: ['smarthr-ui-AccordionPanel-item', '[&_+_&]:shr-border-t-shorthand'],
 });
 export const AccordionPanelItem = ({ name, className, ...props }) => {
     const styles = useMemo(() => accordionPanelItem({ className }), [className]);

package/esm/components/AccordionPanel/AccordionPanelItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"AccordionPanelItem.js","sourceRoot":"","sources":["../../../src/components/AccordionPanel/AccordionPanelItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAIZ,aAAa,EACb,OAAO,GACR,MAAM,OAAO,CAAA;AACd,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAA;AAEtC,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAA;AAS9C,MAAM,CAAC,MAAM,yBAAyB,GAAG,aAAa,CAAmB;IACvE,IAAI,EAAE,EAAE;CACT,CAAC,CAAA;AAEF,MAAM,kBAAkB,GAAG,EAAE,CAAC;IAC5B,IAAI,EAAE,gCAAgC;CACvC,CAAC,CAAA;AAEF,MAAM,CAAC,MAAM,kBAAkB,GAA6B,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IAC5F,MAAM,MAAM,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,kBAAkB,CAAC,EAAE,SAAS,EAAE,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAA;IAC5E,OAAO,CACL,oBAAC,yBAAyB,CAAC,QAAQ,IACjC,KAAK,EAAE;YACL,IAAI;SACL;QAED,oBAAC,OAAO,OAAK,KAAK,EAAE,SAAS,EAAE,MAAM,GAAI,CACN,CACtC,CAAA;AACH,CAAC,CAAA"}
+{"version":3,"file":"AccordionPanelItem.js","sourceRoot":"","sources":["../../../src/components/AccordionPanel/AccordionPanelItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAIZ,aAAa,EACb,OAAO,GACR,MAAM,OAAO,CAAA;AACd,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAA;AAEtC,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAA;AAS9C,MAAM,CAAC,MAAM,yBAAyB,GAAG,aAAa,CAAmB;IACvE,IAAI,EAAE,EAAE;CACT,CAAC,CAAA;AAEF,MAAM,kBAAkB,GAAG,EAAE,CAAC;IAC5B,IAAI,EAAE,CAAC,gCAAgC,EAAE,gCAAgC,CAAC;CAC3E,CAAC,CAAA;AAEF,MAAM,CAAC,MAAM,kBAAkB,GAA6B,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IAC5F,MAAM,MAAM,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,kBAAkB,CAAC,EAAE,SAAS,EAAE,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAA;IAC5E,OAAO,CACL,oBAAC,yBAAyB,CAAC,QAAQ,IACjC,KAAK,EAAE;YACL,IAAI;SACL;QAED,oBAAC,OAAO,OAAK,KAAK,EAAE,SAAS,EAAE,MAAM,GAAI,CACN,CACtC,CAAA;AACH,CAAC,CAAA"}

package/esm/components/AccordionPanel/AccordionPanelTrigger.js

@@ -12,19 +12,11 @@ const accordionPanelTrigger = tv({
         title: 'shr-grow',
         button: [
             'smarthr-ui-AccordionPanel-trigger',
-            'shr-group',
-            'shr-bg-transparent',
-            'shr-border-none',
-            'shr-appearance-none',
-            'shr-w-full',
-            'shr-px-1',
-            'shr-py-0.75',
-            'shr-cursor-pointer',
-            'shr-text-inherit',
-            'shr-text-left',
+            'shr-group shr-bg-transparent shr-border-none shr-appearance-none shr-w-full shr-px-1 shr-py-0.75 shr-cursor-pointer shr-text-inherit shr-text-left',
             'hover:shr-bg-white-darken',
-            'hover:shr-shadow-none',
             'focus-visible:shr-focus-indicator',
+            // Base 直下に AccordionPanel がある場合、背景が付き抜けないように角丸を指定（Base に overflw: hidden を与えるとフォーカスリングが表示されなくなる）
+            '[.smarthr-ui-Base_>_.smarthr-ui-AccordionPanel_.smarthr-ui-AccordionPanel-item:first-child_&]:shr-rounded-t-l [.smarthr-ui-Base_>_.smarthr-ui-AccordionPanel_.smarthr-ui-AccordionPanel-item:last-child_&]:shr-rounded-b-l',
         ],
         leftIcon: 'shr-transition-transform shr-duration-100 group-aria-expanded:shr-rotate-90',
         rightIcon: 'group-aria-expanded:-shr-rotate-180',

package/esm/components/AccordionPanel/AccordionPanelTrigger.js.map

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

package/esm/components/Dropdown/FilterDropdown/FilterDropdown.d.ts

@@ -9,7 +9,6 @@ type Props = {
     onOpen?: () => void;
     onClose?: () => void;
     children: ReactNode;
-    hasStatusText?: boolean;
     decorators?: DecoratorsType<'status' | 'triggerButton' | 'applyButton' | 'cancelButton' | 'resetButton'>;
     responseMessage?: ResponseMessageType;
     /** 引き金となるボタンの大きさ */

package/esm/components/Dropdown/FilterDropdown/FilterDropdown.js

@@ -2,7 +2,7 @@ import React, { useMemo } from 'react';
 import innerText from 'react-innertext';
 import { tv } from 'tailwind-variants';
 import { Button } from '../../Button';
-import { FaCheckCircleIcon, FaFilterIcon, FaUndoAltIcon } from '../../Icon';
+import { FaCircleCheckIcon, FaFilterIcon, FaRotateLeftIcon } from '../../Icon';
 import { Cluster, Stack } from '../../Layout';
 import { ResponseMessage } from '../../ResponseMessage';
 import { Dropdown } from '../Dropdown';
@@ -23,7 +23,6 @@ const filterDropdown = tv({
             '[&_>_[role="img"]_+_[role="img"]]:shr-absolute [&_>_[role="img"]_+_[role="img"]]:shr-bottom-[2px] [&_>_[role="img"]_+_[role="img"]]:shr-right-[-4px]',
         ],
         fileteredIcon: 'shr-h-[0.5em] shr-w-[0.5em]',
-        statusText: 'shr-ms-0.5 shr-text-sm',
         inner: 'shr-p-1.5',
         actionArea: 'shr-border-t-shorthand shr-px-1.5 shr-py-1',
         resetButtonArea: '-shr-ms-0.5',
@@ -44,20 +43,19 @@ const filterDropdown = tv({
         },
     },
 });
-export const FilterDropdown = ({ isFiltered = false, onApply, onCancel, onReset, onOpen, onClose, children, hasStatusText, decorators, responseMessage, triggerSize, ...props }) => {
+export const FilterDropdown = ({ isFiltered = false, onApply, onCancel, onReset, onOpen, onClose, children, decorators, responseMessage, triggerSize, ...props }) => {
     const status = useMemo(() => executeDecorator(STATUS_FILTERED_TEXT, decorators?.status), [decorators]);
     const triggerButton = useMemo(() => executeDecorator(TRIGGER_BUTTON_TEXT, decorators?.triggerButton), [decorators]);
     const applyButton = useMemo(() => executeDecorator(APPLY_BUTTON_TEXT, decorators?.applyButton), [decorators]);
     const cancelButton = useMemo(() => executeDecorator(CANCEL_BUTTON_TEXT, decorators?.cancelButton), [decorators]);
     const resetButton = useMemo(() => executeDecorator(RESET_BUTTON_TEXT, decorators?.resetButton), [decorators]);
-    const filteredIconAriaLabel = useMemo(() => (hasStatusText ? undefined : innerText(status)), [status, hasStatusText]);
+    const filteredIconAriaLabel = useMemo(() => innerText(status), [status]);
     const isRequestProcessing = responseMessage !== undefined && responseMessage.status === 'processing';
-    const { iconWrapperStyle, filteredIconStyle, statusTextStyle, innerStyle, actionAreaStyle, resetButtonAreaStyle, rightButtonAreaStyle, messageStyle, } = useMemo(() => {
-        const { iconWrapper, fileteredIcon, statusText, inner, actionArea, resetButtonArea, rightButtonArea, message, } = filterDropdown();
+    const { iconWrapperStyle, filteredIconStyle, innerStyle, actionAreaStyle, resetButtonAreaStyle, rightButtonAreaStyle, messageStyle, } = useMemo(() => {
+        const { iconWrapper, fileteredIcon, inner, actionArea, resetButtonArea, rightButtonArea, message, } = filterDropdown();
         return {
             iconWrapperStyle: iconWrapper({ filtered: isFiltered, triggerSize }),
             filteredIconStyle: fileteredIcon(),
-            statusTextStyle: statusText(),
             innerStyle: inner(),
             actionAreaStyle: actionArea(),
             resetButtonAreaStyle: resetButtonArea(),
@@ -69,15 +67,14 @@ export const FilterDropdown = ({ isFiltered = false, onApply, onCancel, onReset,
         React.createElement(DropdownTrigger, null,
             React.createElement(Button, { ...props, suffix: React.createElement("span", { className: iconWrapperStyle },
                     React.createElement(FaFilterIcon, null),
-                    isFiltered ? (React.createElement(FaCheckCircleIcon, { "aria-label": filteredIconAriaLabel, className: filteredIconStyle })) : null), size: triggerSize }, triggerButton)),
-        hasStatusText && isFiltered ? React.createElement("span", { className: statusTextStyle }, status) : null,
+                    isFiltered ? (React.createElement(FaCircleCheckIcon, { "aria-label": filteredIconAriaLabel, className: filteredIconStyle })) : null), size: triggerSize }, triggerButton)),
         React.createElement(DropdownContent, { controllable: true },
             React.createElement(DropdownScrollArea, null,
                 React.createElement("div", { className: innerStyle }, children)),
             React.createElement(Stack, { gap: 0.5, className: actionAreaStyle },
                 React.createElement(Cluster, { gap: 1, align: "center", justify: "space-between" },
                     onReset && (React.createElement("div", { className: resetButtonAreaStyle },
-                        React.createElement(Button, { variant: "text", size: "s", prefix: React.createElement(FaUndoAltIcon, null), onClick: onReset, disabled: isRequestProcessing }, resetButton))),
+                        React.createElement(Button, { variant: "text", size: "s", prefix: React.createElement(FaRotateLeftIcon, null), onClick: onReset, disabled: isRequestProcessing }, resetButton))),
                     React.createElement(Cluster, { gap: { column: 1, row: 0.5 }, justify: "flex-end", className: rightButtonAreaStyle },
                         React.createElement(DropdownCloser, null,
                             React.createElement(Button, { onClick: onCancel, disabled: isRequestProcessing }, cancelButton)),

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

@@ -1 +1 @@
-{"version":3,"file":"FilterDropdown.js","sourceRoot":"","sources":["../../../../src/components/Dropdown/FilterDropdown/FilterDropdown.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"FilterDropdown.js","sourceRoot":"","sources":["../../../../src/components/Dropdown/FilterDropdown/FilterDropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAiC,OAAO,EAAE,MAAM,OAAO,CAAA;AACrE,OAAO,SAAS,MAAM,iBAAiB,CAAA;AACvC,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAA;AAEtC,OAAO,EAAE,MAAM,EAA4B,MAAM,cAAc,CAAA;AAC/D,OAAO,EAAE,iBAAiB,EAAE,YAAY,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAA;AAC9E,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,cAAc,CAAA;AAC7C,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAA;AACvD,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAA;AACtC,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAA;AAClD,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAA;AACpD,OAAO,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAA;AAC1D,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAA;AAqBpD,MAAM,oBAAoB,GAAG,KAAK,CAAA;AAClC,MAAM,mBAAmB,GAAG,MAAM,CAAA;AAClC,MAAM,iBAAiB,GAAG,IAAI,CAAA;AAC9B,MAAM,kBAAkB,GAAG,OAAO,CAAA;AAClC,MAAM,iBAAiB,GAAG,WAAW,CAAA;AAErC,MAAM,gBAAgB,GAAG,CAAC,WAAmB,EAAE,SAAoC,EAAE,EAAE,CACrF,SAAS,EAAE,CAAC,WAAW,CAAC,IAAI,WAAW,CAAA;AAEzC,MAAM,cAAc,GAAG,EAAE,CAAC;IACxB,KAAK,EAAE;QACL,WAAW,EAAE;YACX,+BAA+B;YAC/B,sJAAsJ;SACvJ;QACD,aAAa,EAAE,6BAA6B;QAC5C,KAAK,EAAE,WAAW;QAClB,UAAU,EAAE,4CAA4C;QACxD,eAAe,EAAE,aAAa;QAC9B,eAAe,EAAE,aAAa;QAC9B,OAAO,EAAE,gBAAgB;KAC1B;IACD,QAAQ,EAAE;QACR,QAAQ,EAAE;YACR,IAAI,EAAE;gBACJ,WAAW,EAAE,eAAe;aAC7B;SACF;QACD,WAAW,EAAE;YACX,OAAO,EAAE,EAAE;YACX,CAAC,EAAE;gBACD,WAAW,EAAE,uBAAuB;aACrC;SACF;KACF;CACF,CAAC,CAAA;AAEF,MAAM,CAAC,MAAM,cAAc,GAA6B,CAAC,EACvD,UAAU,GAAG,KAAK,EAClB,OAAO,EACP,QAAQ,EACR,OAAO,EACP,MAAM,EACN,OAAO,EACP,QAAQ,EACR,UAAU,EACV,eAAe,EACf,WAAW,EACX,GAAG,KAAK,EACF,EAAE,EAAE;IACV,MAAM,MAAM,GAAc,OAAO,CAC/B,GAAG,EAAE,CAAC,gBAAgB,CAAC,oBAAoB,EAAE,UAAU,EAAE,MAAM,CAAC,EAChE,CAAC,UAAU,CAAC,CACb,CAAA;IACD,MAAM,aAAa,GAAc,OAAO,CACtC,GAAG,EAAE,CAAC,gBAAgB,CAAC,mBAAmB,EAAE,UAAU,EAAE,aAAa,CAAC,EACtE,CAAC,UAAU,CAAC,CACb,CAAA;IACD,MAAM,WAAW,GAAc,OAAO,CACpC,GAAG,EAAE,CAAC,gBAAgB,CAAC,iBAAiB,EAAE,UAAU,EAAE,WAAW,CAAC,EAClE,CAAC,UAAU,CAAC,CACb,CAAA;IACD,MAAM,YAAY,GAAc,OAAO,CACrC,GAAG,EAAE,CAAC,gBAAgB,CAAC,kBAAkB,EAAE,UAAU,EAAE,YAAY,CAAC,EACpE,CAAC,UAAU,CAAC,CACb,CAAA;IACD,MAAM,WAAW,GAAc,OAAO,CACpC,GAAG,EAAE,CAAC,gBAAgB,CAAC,iBAAiB,EAAE,UAAU,EAAE,WAAW,CAAC,EAClE,CAAC,UAAU,CAAC,CACb,CAAA;IACD,MAAM,qBAAqB,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,SAAS,CAAC,MAAM,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAA;IACxE,MAAM,mBAAmB,GACvB,eAAe,KAAK,SAAS,IAAI,eAAe,CAAC,MAAM,KAAK,YAAY,CAAA;IAE1E,MAAM,EACJ,gBAAgB,EAChB,iBAAiB,EACjB,UAAU,EACV,eAAe,EACf,oBAAoB,EACpB,oBAAoB,EACpB,YAAY,GACb,GAAG,OAAO,CAAC,GAAG,EAAE;QACf,MAAM,EACJ,WAAW,EACX,aAAa,EACb,KAAK,EACL,UAAU,EACV,eAAe,EACf,eAAe,EACf,OAAO,GACR,GAAG,cAAc,EAAE,CAAA;QACpB,OAAO;YACL,gBAAgB,EAAE,WAAW,CAAC,EAAE,QAAQ,EAAE,UAAU,EAAE,WAAW,EAAE,CAAC;YACpE,iBAAiB,EAAE,aAAa,EAAE;YAClC,UAAU,EAAE,KAAK,EAAE;YACnB,eAAe,EAAE,UAAU,EAAE;YAC7B,oBAAoB,EAAE,eAAe,EAAE;YACvC,oBAAoB,EAAE,eAAe,EAAE;YACvC,YAAY,EAAE,OAAO,EAAE;SACxB,CAAA;IACH,CAAC,EAAE,CAAC,UAAU,EAAE,WAAW,CAAC,CAAC,CAAA;IAE7B,OAAO,CACL,oBAAC,QAAQ,IAAC,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO;QACxC,oBAAC,eAAe;YACd,oBAAC,MAAM,OACD,KAAK,EACT,MAAM,EACJ,8BAAM,SAAS,EAAE,gBAAgB;oBAC/B,oBAAC,YAAY,OAAG;oBACf,UAAU,CAAC,CAAC,CAAC,CACZ,oBAAC,iBAAiB,kBACJ,qBAAqB,EACjC,SAAS,EAAE,iBAAiB,GAC5B,CACH,CAAC,CAAC,CAAC,IAAI,CACH,EAET,IAAI,EAAE,WAAW,IAEhB,aAAa,CACP,CACO;QAClB,oBAAC,eAAe,IAAC,YAAY;YAC3B,oBAAC,kBAAkB;gBACjB,6BAAK,SAAS,EAAE,UAAU,IAAG,QAAQ,CAAO,CACzB;YACrB,oBAAC,KAAK,IAAC,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,eAAe;gBACzC,oBAAC,OAAO,IAAC,GAAG,EAAE,CAAC,EAAE,KAAK,EAAC,QAAQ,EAAC,OAAO,EAAC,eAAe;oBACpD,OAAO,IAAI,CACV,6BAAK,SAAS,EAAE,oBAAoB;wBAClC,oBAAC,MAAM,IACL,OAAO,EAAC,MAAM,EACd,IAAI,EAAC,GAAG,EACR,MAAM,EAAE,oBAAC,gBAAgB,OAAG,EAC5B,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,mBAAmB,IAE5B,WAAW,CACL,CACL,CACP;oBAED,oBAAC,OAAO,IACN,GAAG,EAAE,EAAE,MAAM,EAAE,CAAC,EAAE,GAAG,EAAE,GAAG,EAAE,EAC5B,OAAO,EAAC,UAAU,EAClB,SAAS,EAAE,oBAAoB;wBAE/B,oBAAC,cAAc;4BACb,oBAAC,MAAM,IAAC,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,mBAAmB,IACrD,YAAY,CACN,CACM;wBACjB,oBAAC,cAAc;4BACb,oBAAC,MAAM,IAAC,OAAO,EAAC,SAAS,EAAC,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,mBAAmB,IACrE,WAAW,CACL,CACM,CACT,CACF;gBACT,CAAC,eAAe,EAAE,MAAM,KAAK,SAAS,IAAI,eAAe,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CACjF,6BAAK,SAAS,EAAE,YAAY;oBAC1B,oBAAC,eAAe,IAAC,IAAI,EAAE,eAAe,CAAC,MAAM,EAAE,IAAI,EAAC,OAAO,IACxD,eAAe,CAAC,IAAI,CACL,CACd,CACP,CACK,CACQ,CACT,CACZ,CAAA;AACH,CAAC,CAAA"}

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

@@ -1,11 +1,66 @@
 import React, { ComponentProps, FC, PropsWithChildren } from 'react';
+import { VariantProps } from 'tailwind-variants';
 export declare const TableGroupContext: React.Context<{
     group: "head" | "body";
 }>;
-type Props = PropsWithChildren<{
-    /** `true` のとき、スクロール時にヘッダーを固定表示する */
-    fixedHead?: boolean;
-}>;
+type Props = PropsWithChildren<VariantProps<typeof table>>;
 type ElementProps = Omit<ComponentProps<'table'>, keyof Props>;
+declare const table: import("tailwind-variants").TVReturnType<{
+    layout: {
+        auto: string;
+        fixed: string;
+    };
+    fixedHead: {
+        true: string[];
+    };
+}, undefined, string[], import("tailwind-variants/dist/config").TVConfig<{
+    layout: {
+        auto: string;
+        fixed: string;
+    };
+    fixedHead: {
+        true: string[];
+    };
+}, {
+    layout: {
+        auto: string;
+        fixed: string;
+    };
+    fixedHead: {
+        true: string[];
+    };
+}>, {
+    layout: {
+        auto: string;
+        fixed: string;
+    };
+    fixedHead: {
+        true: string[];
+    };
+}, undefined, import("tailwind-variants").TVReturnType<{
+    layout: {
+        auto: string;
+        fixed: string;
+    };
+    fixedHead: {
+        true: string[];
+    };
+}, undefined, string[], import("tailwind-variants/dist/config").TVConfig<{
+    layout: {
+        auto: string;
+        fixed: string;
+    };
+    fixedHead: {
+        true: string[];
+    };
+}, {
+    layout: {
+        auto: string;
+        fixed: string;
+    };
+    fixedHead: {
+        true: string[];
+    };
+}>, unknown, unknown, undefined>>;
 export declare const Table: FC<Props & ElementProps>;
 export {};

package/esm/components/Table/Table.js

@@ -17,19 +17,21 @@ const table = tv({
         'contrast-more:shr-border-shorthand contrast-more:shr-border-high-contrast',
     ],
     variants: {
+        layout: {
+            auto: '',
+            fixed: 'shr-table-fixed',
+        },
         fixedHead: {
             true: [
-                '[&_thead]:shr-sticky',
-                '[&_thead]:shr-start-0',
-                '[&_thead]:shr-top-0',
+                '[&_thead]:shr-sticky [&_thead]:shr-start-0 [&_thead]:shr-top-0',
                 /* zIndexの値はセマンティックトークンとして管理しているため、明示的に値を指定しないと重なり順が崩れるため設定しています */
                 '[&_thead]:shr-z-fixed-menu',
             ],
         },
     },
 });
-export const Table = ({ fixedHead = false, className, ...props }) => {
-    const styles = useMemo(() => table({ fixedHead, className }), [className, fixedHead]);
+export const Table = ({ fixedHead = false, layout = 'auto', className, ...props }) => {
+    const styles = useMemo(() => table({ fixedHead, layout, className }), [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,aAAa,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AAC5F,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAA;AAEtC,MAAM,CAAC,MAAM,iBAAiB,GAAG,aAAa,CAE3C;IACD,KAAK,EAAE,MAAM;CACd,CAAC,CAAA;AAQF,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,SAAS,EAAE;YACT,IAAI,EAAE;gBACJ,sBAAsB;gBACtB,uBAAuB;gBACvB,qBAAqB;gBACrB,mEAAmE;gBACnE,4BAA4B;aAC7B;SACF;KACF;CACF,CAAC,CAAA;AAEF,MAAM,CAAC,MAAM,KAAK,GAA6B,CAAC,EAAE,SAAS,GAAG,KAAK,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IAC5F,MAAM,MAAM,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,KAAK,CAAC,EAAE,SAAS,EAAE,SAAS,EAAE,CAAC,EAAE,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC,CAAA;IACrF,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,aAAa,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AAC5F,OAAO,EAAgB,EAAE,EAAE,MAAM,mBAAmB,CAAA;AAEpD,MAAM,CAAC,MAAM,iBAAiB,GAAG,aAAa,CAE3C;IACD,KAAK,EAAE,MAAM;CACd,CAAC,CAAA;AAKF,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"}

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

@@ -1,9 +1,20 @@
 import { ComponentPropsWithoutRef, FC, PropsWithChildren } from 'react';
-import { VariantProps } from 'tailwind-variants';
-export type Props = PropsWithChildren<VariantProps<typeof td>>;
+import { type VariantProps } from 'tailwind-variants';
+import type { CellContentWidth } from './type';
+export type Props = PropsWithChildren<VariantProps<typeof td> & {
+    contentWidth?: CellContentWidth | {
+        base?: CellContentWidth;
+        min?: CellContentWidth;
+        max?: CellContentWidth;
+    };
+}>;
 type ElementProps = Omit<ComponentPropsWithoutRef<'td'>, keyof Props>;
 export declare const Td: FC<Props & ElementProps>;
 declare const td: import("tailwind-variants").TVReturnType<{
+    align: {
+        left: string;
+        right: string;
+    };
     nullable: {
         true: string;
     };
@@ -11,6 +22,10 @@ declare const td: import("tailwind-variants").TVReturnType<{
         true: string[];
     };
 }, undefined, string[], import("tailwind-variants/dist/config").TVConfig<{
+    align: {
+        left: string;
+        right: string;
+    };
     nullable: {
         true: string;
     };
@@ -18,6 +33,10 @@ declare const td: import("tailwind-variants").TVReturnType<{
         true: string[];
     };
 }, {
+    align: {
+        left: string;
+        right: string;
+    };
     nullable: {
         true: string;
     };
@@ -25,6 +44,10 @@ declare const td: import("tailwind-variants").TVReturnType<{
         true: string[];
     };
 }>, {
+    align: {
+        left: string;
+        right: string;
+    };
     nullable: {
         true: string;
     };
@@ -32,6 +55,10 @@ declare const td: import("tailwind-variants").TVReturnType<{
         true: string[];
     };
 }, undefined, import("tailwind-variants").TVReturnType<{
+    align: {
+        left: string;
+        right: string;
+    };
     nullable: {
         true: string;
     };
@@ -39,6 +66,10 @@ declare const td: import("tailwind-variants").TVReturnType<{
         true: string[];
     };
 }, undefined, string[], import("tailwind-variants/dist/config").TVConfig<{
+    align: {
+        left: string;
+        right: string;
+    };
     nullable: {
         true: string;
     };
@@ -46,6 +77,10 @@ declare const td: import("tailwind-variants").TVReturnType<{
         true: string[];
     };
 }, {
+    align: {
+        left: string;
+        right: string;
+    };
     nullable: {
         true: string;
     };

package/esm/components/Table/Td.js

@@ -1,13 +1,19 @@
 import React, { useMemo } from 'react';
 import { tv } from 'tailwind-variants';
 import { reelShadowStyle } from './useReelShadow';
-export const Td = ({ nullable = false, fixed = false, className, ...props }) => {
-    const styles = useMemo(() => {
-        const tdStyles = td({ nullable, fixed, className });
+export const Td = ({ align = 'left', nullable = false, fixed = false, contentWidth, className, style, ...props }) => {
+    const styleProps = useMemo(() => {
+        const tdStyles = td({ align, nullable, fixed, className });
         const reelShadowStyles = fixed ? reelShadowStyle({ direction: 'right' }) : '';
-        return `${tdStyles} ${reelShadowStyles}`.trim();
-    }, [className, fixed, nullable]);
-    return React.createElement("td", { ...props, className: styles });
+        return {
+            className: `${tdStyles} ${reelShadowStyles}`.trim(),
+            style: {
+                ...style,
+                ...getWidthStyle(contentWidth),
+            },
+        };
+    }, [align, className, contentWidth, fixed, nullable, style]);
+    return React.createElement("td", { ...props, ...styleProps });
 };
 const td = tv({
     base: [
@@ -15,6 +21,10 @@ const td = tv({
         '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',
     ],
     variants: {
+        align: {
+            left: '',
+            right: 'shr-text-right',
+        },
         nullable: {
             true: "empty:after:shr-content-['-----']",
         },
@@ -26,4 +36,22 @@ const td = tv({
         },
     },
 });
+const convertContentWidth = (contentWidth) => {
+    if (typeof contentWidth === 'number') {
+        return `${contentWidth}em`;
+    }
+    return contentWidth;
+};
+const getWidthStyle = (contentWidth) => {
+    if (typeof contentWidth === 'object') {
+        return {
+            width: convertContentWidth(contentWidth.base),
+            minWidth: convertContentWidth(contentWidth.min),
+            maxWidth: convertContentWidth(contentWidth.max),
+        };
+    }
+    return {
+        width: convertContentWidth(contentWidth),
+    };
+};
 //# sourceMappingURL=Td.js.map

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,EAAgB,EAAE,EAAE,MAAM,mBAAmB,CAAA;AAEpD,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAA;AAKjD,MAAM,CAAC,MAAM,EAAE,GAA6B,CAAC,EAC3C,QAAQ,GAAG,KAAK,EAChB,KAAK,GAAG,KAAK,EACb,SAAS,EACT,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,MAAM,GAAG,OAAO,CAAC,GAAG,EAAE;QAC1B,MAAM,QAAQ,GAAG,EAAE,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,CAAA;QACnD,MAAM,gBAAgB,GAAG,KAAK,CAAC,CAAC,CAAC,eAAe,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,CAAA;QAC7E,OAAO,GAAG,QAAQ,IAAI,gBAAgB,EAAE,CAAC,IAAI,EAAE,CAAA;IACjD,CAAC,EAAE,CAAC,SAAS,EAAE,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAA;IAEhC,OAAO,+BAAQ,KAAK,EAAE,SAAS,EAAE,MAAM,GAAI,CAAA;AAC7C,CAAC,CAAA;AAED,MAAM,EAAE,GAAG,EAAE,CAAC;IACZ,IAAI,EAAE;QACJ,eAAe;QACf,0JAA0J;KAC3J;IACD,QAAQ,EAAE;QACR,QAAQ,EAAE;YACR,IAAI,EAAE,mCAAmC;SAC1C;QACD,KAAK,EAAE;YACL,IAAI,EAAE;gBACJ,cAAc;gBACd,mGAAmG;aACpG;SACF;KACF;CACF,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,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"}

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

@@ -1,4 +1,6 @@
 import { ComponentPropsWithoutRef, FC, PropsWithChildren, ReactNode } from 'react';
+import { type VariantProps } from 'tailwind-variants';
+import type { CellContentWidth } from './type';
 type sortTypes = keyof typeof SORT_DIRECTION_LABEL;
 export type Props = PropsWithChildren<{
     /** 並び替え状態 */
@@ -11,14 +13,70 @@ export type Props = PropsWithChildren<{
             sort: sortTypes;
         }) => ReactNode;
     };
-    /** `true` のとき、TableReel内で固定表示になる */
-    fixed?: boolean;
-}>;
+    contentWidth?: CellContentWidth;
+} & VariantProps<typeof thWrapper>>;
 type ElementProps = Omit<ComponentPropsWithoutRef<'th'>, keyof Props | 'onClick'>;
 declare const SORT_DIRECTION_LABEL: {
     asc: string;
     desc: string;
     none: string;
 };
+declare const thWrapper: import("tailwind-variants").TVReturnType<{
+    align: {
+        left: string;
+        right: string;
+    };
+    fixed: {
+        true: string[];
+    };
+}, undefined, string[], import("tailwind-variants/dist/config").TVConfig<{
+    align: {
+        left: string;
+        right: string;
+    };
+    fixed: {
+        true: string[];
+    };
+}, {
+    align: {
+        left: string;
+        right: string;
+    };
+    fixed: {
+        true: string[];
+    };
+}>, {
+    align: {
+        left: string;
+        right: string;
+    };
+    fixed: {
+        true: string[];
+    };
+}, undefined, import("tailwind-variants").TVReturnType<{
+    align: {
+        left: string;
+        right: string;
+    };
+    fixed: {
+        true: string[];
+    };
+}, undefined, string[], import("tailwind-variants/dist/config").TVConfig<{
+    align: {
+        left: string;
+        right: string;
+    };
+    fixed: {
+        true: string[];
+    };
+}, {
+    align: {
+        left: string;
+        right: string;
+    };
+    fixed: {
+        true: string[];
+    };
+}>, unknown, unknown, undefined>>;
 export declare const Th: FC<Props & ElementProps>;
 export {};

package/esm/components/Table/Th.js

@@ -21,6 +21,10 @@ const thWrapper = tv({
         '[&[aria-sort=descending]_.smarthr-ui-Icon:first-of-type]:forced-colors:shr-fill-[GrayText] [&[aria-sort=descending]_.smarthr-ui-Icon:last-of-type]:forced-colors:shr-fill-[CanvasText]',
     ],
     variants: {
+        align: {
+            left: '',
+            right: 'shr-text-right',
+        },
         fixed: {
             true: [
                 /* これ以降の記述はTableReel内で'fixed'を利用した際に追従させるために必要 */
@@ -30,32 +34,51 @@ const thWrapper = tv({
         },
     },
 });
-export const Th = ({ children, sort, onSort, decorators, fixed = false, className, ...props }) => {
-    const styles = useMemo(() => {
-        const thWrapperStyle = thWrapper({ className, fixed });
+const convertContentWidth = (contentWidth) => {
+    if (typeof contentWidth === 'number') {
+        // Th は fontSize.S のため、rem で指定する
+        return `${contentWidth}rem`;
+    }
+    return contentWidth;
+};
+export const Th = ({ children, sort, onSort, decorators, align = 'left', fixed = false, contentWidth, className, style, ...props }) => {
+    const styleProps = useMemo(() => {
+        const thWrapperStyle = thWrapper({ className, align, fixed });
         const reelShadowStyles = fixed ? reelShadowStyle({ showShadow: false, direction: 'right' }) : '';
-        return `${thWrapperStyle} ${reelShadowStyles}`.trim();
-    }, [className, fixed]);
+        return {
+            className: `${thWrapperStyle} ${reelShadowStyles}`.trim(),
+            style: {
+                ...style,
+                width: convertContentWidth(contentWidth),
+            },
+        };
+    }, [align, className, contentWidth, fixed, style]);
     const sortLabel = useMemo(() => sort &&
         (decorators?.sortDirectionIconAlt?.(SORT_DIRECTION_LABEL[sort], { sort }) ||
             SORT_DIRECTION_LABEL[sort]), [decorators, sort]);
     const ariaSortProps = useMemo(() => sort && {
         'aria-sort': sort === 'none' ? 'none' : `${sort}ending`,
     }, [sort]);
-    return (React.createElement("th", { ...ariaSortProps, ...props, className: styles }, sort ? (React.createElement(SortButton, { onClick: onSort },
+    return (React.createElement("th", { ...ariaSortProps, ...props, ...styleProps }, sort ? (React.createElement(SortButton, { align: align, onClick: onSort },
         children,
         React.createElement(SortIcon, { sort: sort }),
         React.createElement(VisuallyHiddenText, null, sortLabel))) : (children)));
 };
 const sortButton = tv({
     base: [
-        '-shr-mx-1 -shr-my-0.75 shr-inline-flex shr-w-full shr-justify-between shr-gap-x-0.5 shr-px-1 shr-py-0.75 shr-font-bold',
+        '-shr-mx-1 -shr-my-0.75 shr-inline-flex shr-w-full shr-gap-x-0.5 shr-px-1 shr-py-0.75 shr-font-bold',
         // UnstyledButton に stretch がなぜか指定されてて負けてしまうため（UnstyledButton を見直した方がよさそう）
         '[&]:shr-items-center',
     ],
+    variants: {
+        align: {
+            left: 'shr-justify-between',
+            right: 'shr-justify-end',
+        },
+    },
 });
-const SortButton = ({ className, ...props }) => {
-    const sortButtonStyle = useMemo(() => sortButton({ className }), [className]);
+const SortButton = ({ align, className, ...props }) => {
+    const sortButtonStyle = useMemo(() => sortButton({ align, className }), [align, className]);
     return React.createElement(UnstyledButton, { ...props, className: sortButtonStyle });
 };
 const sortIcon = tv({

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

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

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

@@ -0,0 +1 @@
+export type CellContentWidth = number | string;

package/esm/components/Table/type.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=type.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"type.js","sourceRoot":"","sources":["../../../src/components/Table/type.ts"],"names":[],"mappings":""}