smarthr-ui 38.1.0 → 38.2.0

package/esm/components/Balloon/Balloon.d.ts

@@ -1,17 +1,87 @@
-import { HTMLAttributes, ReactNode, VFC } from 'react';
-export type BalloonTheme = 'light' | 'dark';
-export type Props = {
-    /** 吹き出しの垂直位置 */
-    horizontal: 'right' | 'center' | 'left';
-    /** 吹き出しの水平位置 */
-    vertical: 'top' | 'middle' | 'bottom';
-    /** コンポーネントに適用するクラス名 */
-    className?: string;
-    /** バルーン内のコンテンツ */
-    children?: ReactNode;
+import { ComponentPropsWithoutRef, FC, PropsWithChildren } from 'react';
+import { VariantProps } from 'tailwind-variants';
+declare const balloon: import("tailwind-variants").TVReturnType<{
+    horizontal: {
+        center: string[];
+        right: string;
+        left: string;
+    };
+    vertical: {
+        top: string[];
+        bottom: string[];
+        middle: string[];
+    };
+}, undefined, string[], import("tailwind-variants/dist/config").TVConfig<{
+    horizontal: {
+        center: string[];
+        right: string;
+        left: string;
+    };
+    vertical: {
+        top: string[];
+        bottom: string[];
+        middle: string[];
+    };
+}, {
+    horizontal: {
+        center: string[];
+        right: string;
+        left: string;
+    };
+    vertical: {
+        top: string[];
+        bottom: string[];
+        middle: string[];
+    };
+}>, {
+    horizontal: {
+        center: string[];
+        right: string;
+        left: string;
+    };
+    vertical: {
+        top: string[];
+        bottom: string[];
+        middle: string[];
+    };
+}, undefined, import("tailwind-variants").TVReturnType<{
+    horizontal: {
+        center: string[];
+        right: string;
+        left: string;
+    };
+    vertical: {
+        top: string[];
+        bottom: string[];
+        middle: string[];
+    };
+}, undefined, string[], import("tailwind-variants/dist/config").TVConfig<{
+    horizontal: {
+        center: string[];
+        right: string;
+        left: string;
+    };
+    vertical: {
+        top: string[];
+        bottom: string[];
+        middle: string[];
+    };
+}, {
+    horizontal: {
+        center: string[];
+        right: string;
+        left: string;
+    };
+    vertical: {
+        top: string[];
+        bottom: string[];
+        middle: string[];
+    };
+}>, unknown, unknown, undefined>>;
+export type Props = PropsWithChildren<VariantProps<typeof balloon> & {
     /** レンダリングするタグ */
     as?: 'div' | 'span';
-};
-type ElementProps = Omit<HTMLAttributes<HTMLDivElement>, keyof Props>;
-export declare const Balloon: VFC<Props & ElementProps>;
+}>;
+type ElementProps = Omit<ComponentPropsWithoutRef<'div'>, keyof Props>;
+export declare const Balloon: FC<Props & ElementProps>;
 export {};

package/esm/components/Balloon/Balloon.js

@@ -1,136 +1,114 @@
-import React from 'react';
-import styled, { css } from 'styled-components';
-import { useTheme } from '../../hooks/useTheme';
-import { useClassNames } from './useClassNames';
-export const Balloon = ({ horizontal, vertical, className = '', ...props }) => {
-    if (horizontal === 'center' && vertical === 'middle') {
-        throw new Error('"vertical" can not be specified as "middle" when "horizontal" is "center".');
-    }
-    const themes = useTheme();
-    const { wrapper } = useClassNames();
-    const classNames = `${horizontal} ${vertical} ${className} ${wrapper}`;
-    return React.createElement(Base, { ...props, className: classNames, themes: themes });
-};
+import React, { useMemo } from 'react';
+import { tv } from 'tailwind-variants';
 // HINT: trianble部分はRetinaディスプレイなどで途切れてしまう場合があるので
 // 1pxほど大きめに描画してbody部分と被るようにしています。
-const Base = styled.div `
-  ${({ themes }) => {
-    const { border, color, fontSize } = themes;
-    return css `
-      position: relative;
-      display: inline-block;
-      font-size: ${fontSize.S};
-      border-radius: 4px;
-      filter: drop-shadow(
-        0 2px 2.5px rgba(0, 0, 0, 0.33)
-      ); /* drop-shadow は spread-radius を受け付けないので shadow.LAYER2 に近い値をハードコーディングしている */
-      white-space: nowrap;
-      transform: translateZ(0); /* safari で filter を正しく描画するために必要 */
-
-      &::after {
-        display: block;
-        position: absolute;
-        content: '';
-        background-color: ${color.WHITE};
-      }
-
-      background-color: ${color.WHITE};
-      color: ${color.TEXT_BLACK};
-
-      @media (prefers-contrast: more) {
-        & {
-          border: ${border.highContrast};
-        }
-
-        &::before {
-          display: block;
-          position: absolute;
-          content: '';
-          background-color: ${color.TEXT_BLACK};
-        }
-      }
-
-      &.top {
-        &::before,
-        &::after {
-          top: -4px;
-          width: 10px;
-          height: 5px;
-          clip-path: polygon(50% 0, 100% 100%, 0 100%);
-        }
-
-        &::before {
-          top: -5px;
-        }
-      }
-      &.bottom {
-        &::before,
-        &::after {
-          bottom: -4px;
-          width: 10px;
-          height: 5px;
-          clip-path: polygon(0 0, 100% 0, 50% 100%);
-        }
-
-        &::before {
-          bottom: -5px;
-        }
-      }
-
-      &.right {
-        &::before,
-        &::after {
-          right: 24px;
-        }
-      }
-      &.center {
-        &::before,
-        &::after {
-          left: 50%;
-          transform: translateX(-5px);
-        }
-      }
-      &.left {
-        &::before,
-        &::after {
-          left: 24px;
-        }
-      }
-
-      &.middle {
-        &::before,
-        &::after {
-          top: 50%;
-          transform: translateY(-5px);
-        }
-        &.left {
-          &::before,
-          &::after {
-            left: -4px;
-            width: 5px;
-            height: 10px;
-            clip-path: polygon(100% 0, 100% 100%, 0 50%);
-          }
-
-          &::before {
-            left: -5px;
-          }
-        }
-        &.right {
-          &::before,
-          &::after {
-            right: -4px;
-            width: 5px;
-            height: 10px;
-            clip-path: polygon(0 0, 100% 50%, 0 100%);
-          }
-
-          &::before {
-            right: -5px;
-          }
-        }
-      }
-    `;
-}}
-`;
+const balloon = tv({
+    base: [
+        'smarthr-ui-Balloon',
+        'shr-relative',
+        'shr-inline-block',
+        'shr-text-sm',
+        'shr-rounded-s',
+        /* drop-shadow は spread-radius を受け付けないので shadow.LAYER2 に近い値をハードコーディングしている */
+        'shr-drop-shadow-[0_2px_2.5px_theme(colors.transparency.30)]',
+        'shr-whitespace-nowrap',
+        'shr-bg-white',
+        'shr-text-black',
+        'after:shr-block',
+        'after:shr-absolute',
+        'after:shr-content-[""]',
+        'after:shr-bg-white',
+        'contrast-more:shr-border',
+        'contrast-more:shr-border-solid',
+        'contrast-more:shr-border-highContrast',
+        'contrast-more:before:shr-block',
+        'contrast-more:before:shr-absolute',
+        'contrast-more:before:shr-content-[""]',
+        'contrast-more:before:shr-bg-black',
+    ],
+    variants: {
+        horizontal: {
+            center: [
+                'before:shr-left-1/2',
+                'before:-shr-translate-x-[5px]',
+                'after:shr-left-1/2',
+                'after:-shr-translate-x-[5px]',
+            ],
+            right: '',
+            left: '',
+        },
+        vertical: {
+            top: [
+                'before:-shr-top-[5px]',
+                'before:shr-w-[10px]',
+                'before:shr-h-[5px]',
+                'before:[clip-path:polygon(50%_0,100%_100%,0_100%)]',
+                'after:-shr-top-0.25',
+                'after:shr-w-[10px]',
+                'after:shr-h-[5px]',
+                'after:[clip-path:polygon(50%_0,100%_100%,0_100%)]',
+            ],
+            bottom: [
+                'before:-shr-bottom-[5px]',
+                'before:shr-w-[10px]',
+                'before:shr-h-[5px]',
+                'before:[clip-path:polygon(0_0,100%_0,50%_100%)]',
+                'after:-shr-bottom-0.25',
+                'after:shr-w-[10px]',
+                'after:shr-h-[5px]',
+                'after:[clip-path:polygon(0_0,100%_0,50%_100%)]',
+            ],
+            middle: [
+                'before:shr-top-1/2',
+                'before:-shr-translate-y-[5px]',
+                'after:shr-top-1/2',
+                'after:-shr-translate-y-[5px]',
+            ],
+        },
+    },
+    compoundVariants: [
+        {
+            vertical: ['top', 'bottom'],
+            horizontal: 'left',
+            className: ['before:shr-left-1.5', 'after:shr-left-1.5'],
+        },
+        {
+            vertical: ['top', 'bottom'],
+            horizontal: 'right',
+            className: ['before:shr-right-1.5', 'after:shr-right-1.5'],
+        },
+        {
+            vertical: 'middle',
+            horizontal: 'left',
+            className: [
+                'before:-shr-left-[5px]',
+                'before:shr-w-[5px]',
+                'before:shr-h-[10px]',
+                'before:[clip-path:polygon(100%_0,100%_100%,0_50%)]',
+                'after:-shr-left-0.25',
+                'after:shr-w-[5px]',
+                'after:shr-h-[10px]',
+                'after:[clip-path:polygon(100%_0,100%_100%,0_50%)]',
+            ],
+        },
+        {
+            vertical: 'middle',
+            horizontal: 'right',
+            className: [
+                'before:-shr-right-[5px]',
+                'before:shr-w-[5px]',
+                'before:shr-h-[10px]',
+                'before:[clip-path:polygon(0_0,100%_50%,0_100%)]',
+                'after:-shr-right-0.25',
+                'after:shr-w-[5px]',
+                'after:shr-h-[10px]',
+                'after:[clip-path:polygon(0_0,100%_50%,0_100%)]',
+            ],
+        },
+    ],
+});
+export const Balloon = ({ horizontal, vertical, className, as: Component = 'div', ...props }) => {
+    const styles = useMemo(() => balloon({ horizontal, vertical, className }), [className, horizontal, vertical]);
+    return React.createElement(Component, { ...props, className: styles });
+};
 //# sourceMappingURL=Balloon.js.map

package/esm/components/Balloon/Balloon.js.map

@@ -1 +1 @@
-{"version":3,"file":"Balloon.js","sourceRoot":"","sources":["../../../src/components/Balloon/Balloon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyC,MAAM,OAAO,CAAA;AAC7D,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAE/C,OAAO,EAAS,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AAEtD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAmB/C,MAAM,CAAC,MAAM,OAAO,GAA8B,CAAC,EACjD,UAAU,EACV,QAAQ,EACR,SAAS,GAAG,EAAE,EACd,GAAG,KAAK,EACT,EAAE,EAAE;IACH,IAAI,UAAU,KAAK,QAAQ,IAAI,QAAQ,KAAK,QAAQ,EAAE;QACpD,MAAM,IAAI,KAAK,CAAC,4EAA4E,CAAC,CAAA;KAC9F;IAED,MAAM,MAAM,GAAG,QAAQ,EAAE,CAAA;IACzB,MAAM,EAAE,OAAO,EAAE,GAAG,aAAa,EAAE,CAAA;IACnC,MAAM,UAAU,GAAG,GAAG,UAAU,IAAI,QAAQ,IAAI,SAAS,IAAI,OAAO,EAAE,CAAA;IAEtE,OAAO,oBAAC,IAAI,OAAK,KAAK,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,GAAI,CAAA;AACnE,CAAC,CAAA;AAED,iDAAiD;AACjD,kCAAkC;AAClC,MAAM,IAAI,GAAG,MAAM,CAAC,GAAG,CAAmB;IACtC,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE;IACf,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,MAAM,CAAA;IAE1C,OAAO,GAAG,CAAA;;;mBAGK,QAAQ,CAAC,CAAC;;;;;;;;;;;;4BAYD,KAAK,CAAC,KAAK;;;0BAGb,KAAK,CAAC,KAAK;eACtB,KAAK,CAAC,UAAU;;;;oBAIX,MAAM,CAAC,YAAY;;;;;;;8BAOT,KAAK,CAAC,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAoFzC,CAAA;AACH,CAAC;CACF,CAAA"}
+{"version":3,"file":"Balloon.js","sourceRoot":"","sources":["../../../src/components/Balloon/Balloon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAmD,OAAO,EAAE,MAAM,OAAO,CAAA;AACvF,OAAO,EAAgB,EAAE,EAAE,MAAM,mBAAmB,CAAA;AAEpD,iDAAiD;AACjD,kCAAkC;AAClC,MAAM,OAAO,GAAG,EAAE,CAAC;IACjB,IAAI,EAAE;QACJ,oBAAoB;QACpB,cAAc;QACd,kBAAkB;QAClB,aAAa;QACb,eAAe;QACf,4EAA4E;QAC5E,6DAA6D;QAC7D,uBAAuB;QACvB,cAAc;QACd,gBAAgB;QAChB,iBAAiB;QACjB,oBAAoB;QACpB,wBAAwB;QACxB,oBAAoB;QACpB,0BAA0B;QAC1B,gCAAgC;QAChC,uCAAuC;QACvC,gCAAgC;QAChC,mCAAmC;QACnC,uCAAuC;QACvC,mCAAmC;KACpC;IACD,QAAQ,EAAE;QACR,UAAU,EAAE;YACV,MAAM,EAAE;gBACN,qBAAqB;gBACrB,+BAA+B;gBAC/B,oBAAoB;gBACpB,8BAA8B;aAC/B;YACD,KAAK,EAAE,EAAE;YACT,IAAI,EAAE,EAAE;SACT;QACD,QAAQ,EAAE;YACR,GAAG,EAAE;gBACH,uBAAuB;gBACvB,qBAAqB;gBACrB,oBAAoB;gBACpB,oDAAoD;gBACpD,qBAAqB;gBACrB,oBAAoB;gBACpB,mBAAmB;gBACnB,mDAAmD;aACpD;YACD,MAAM,EAAE;gBACN,0BAA0B;gBAC1B,qBAAqB;gBACrB,oBAAoB;gBACpB,iDAAiD;gBACjD,wBAAwB;gBACxB,oBAAoB;gBACpB,mBAAmB;gBACnB,gDAAgD;aACjD;YACD,MAAM,EAAE;gBACN,oBAAoB;gBACpB,+BAA+B;gBAC/B,mBAAmB;gBACnB,8BAA8B;aAC/B;SACF;KACF;IACD,gBAAgB,EAAE;QAChB;YACE,QAAQ,EAAE,CAAC,KAAK,EAAE,QAAQ,CAAC;YAC3B,UAAU,EAAE,MAAM;YAClB,SAAS,EAAE,CAAC,qBAAqB,EAAE,oBAAoB,CAAC;SACzD;QACD;YACE,QAAQ,EAAE,CAAC,KAAK,EAAE,QAAQ,CAAC;YAC3B,UAAU,EAAE,OAAO;YACnB,SAAS,EAAE,CAAC,sBAAsB,EAAE,qBAAqB,CAAC;SAC3D;QACD;YACE,QAAQ,EAAE,QAAQ;YAClB,UAAU,EAAE,MAAM;YAClB,SAAS,EAAE;gBACT,wBAAwB;gBACxB,oBAAoB;gBACpB,qBAAqB;gBACrB,oDAAoD;gBACpD,sBAAsB;gBACtB,mBAAmB;gBACnB,oBAAoB;gBACpB,mDAAmD;aACpD;SACF;QACD;YACE,QAAQ,EAAE,QAAQ;YAClB,UAAU,EAAE,OAAO;YACnB,SAAS,EAAE;gBACT,yBAAyB;gBACzB,oBAAoB;gBACpB,qBAAqB;gBACrB,iDAAiD;gBACjD,uBAAuB;gBACvB,mBAAmB;gBACnB,oBAAoB;gBACpB,gDAAgD;aACjD;SACF;KACF;CACF,CAAC,CAAA;AAWF,MAAM,CAAC,MAAM,OAAO,GAA6B,CAAC,EAChD,UAAU,EACV,QAAQ,EACR,SAAS,EACT,EAAE,EAAE,SAAS,GAAG,KAAK,EACrB,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,MAAM,GAAG,OAAO,CACpB,GAAG,EAAE,CAAC,OAAO,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,SAAS,EAAE,CAAC,EAClD,CAAC,SAAS,EAAE,UAAU,EAAE,QAAQ,CAAC,CAClC,CAAA;IAED,OAAO,oBAAC,SAAS,OAAK,KAAK,EAAE,SAAS,EAAE,MAAM,GAAI,CAAA;AACpD,CAAC,CAAA"}

package/esm/components/NotificationBar/NotificationBar.d.ts

@@ -1,6 +1,7 @@
-import React, { HTMLAttributes } from 'react';
+import React, { ComponentProps, ComponentPropsWithoutRef, PropsWithChildren } from 'react';
+import { Base as shrBase } from '../Base';
 export declare const messageTypes: readonly ["info", "success", "error", "warning"];
-type Props = {
+type Props = PropsWithChildren<{
     /** メッセージの種類 */
     type: (typeof messageTypes)[number];
     /** 強調するかどうか */
@@ -11,11 +12,12 @@ type Props = {
     message: React.ReactNode;
     /** 閉じるボタン押下時に発火させる関数 */
     onClose?: () => void;
-    /** アクション群 */
-    children?: React.ReactNode;
     /** role 属性 */
     role?: 'alert' | 'status';
-};
-type ElementProps = Omit<HTMLAttributes<HTMLDivElement>, keyof Props>;
-export declare const NotificationBar: React.FC<Props & ElementProps>;
+    /** 下地 */
+    base?: 'none' | 'base';
+}>;
+type ElementProps = Omit<ComponentPropsWithoutRef<'div'>, keyof Props>;
+type BaseProps = Pick<ComponentProps<typeof shrBase>, 'layer'>;
+export declare const NotificationBar: React.FC<Props & ElementProps & BaseProps>;
 export {};

package/esm/components/NotificationBar/NotificationBar.js

@@ -1,13 +1,14 @@
 import React, { useMemo } from 'react';
 import styled, { css, keyframes } from 'styled-components';
 import { useTheme } from '../../hooks/useTheme';
+import { Base as shrBase } from '../Base';
 import { Button } from '../Button';
 import { FaCheckCircleIcon, FaExclamationCircleIcon, FaExclamationTriangleIcon, FaInfoCircleIcon, FaTimesIcon, WarningIcon, } from '../Icon';
 import { Cluster } from '../Layout';
 import { Text } from '../Text';
 import { useClassNames } from './useClassNames';
 export const messageTypes = ['info', 'success', 'error', 'warning'];
-export const NotificationBar = ({ type, bold = false, message, onClose, children, role = type === 'info' ? 'status' : 'alert', className = '', ...props }) => {
+export const NotificationBar = ({ type, bold = false, message, onClose, children, role = type === 'info' ? 'status' : 'alert', base = 'none', layer, className = '', ...props }) => {
     const theme = useTheme();
     const { color } = theme;
     const classNames = useClassNames();
@@ -62,22 +63,40 @@ export const NotificationBar = ({ type, bold = false, message, onClose, children
             }
         }
     }, [color, type, bold]);
-    return (React.createElement(Wrapper, { ...props, className: `${type} ${classNames.wrapper}${className && ` ${className}`}`, role: role, themes: theme, colorSet: colorSet },
-        React.createElement(MessageArea, { themes: theme, className: classNames.messageArea },
-            React.createElement(IconLayout, null,
-                React.createElement(Icon, { color: iconColor })),
-            React.createElement(StyledText, { leading: "TIGHT" }, message)),
-        React.createElement(ActionArea, { themes: theme, className: classNames.actionArea },
-            children && (React.createElement(ActionWrapper, { themes: theme, className: classNames.actions, align: "center", justify: "flex-end" }, children)),
-            onClose && (React.createElement(CloseButton, { variant: "text", colorSet: colorSet, themes: theme, onClick: onClose, className: classNames.closeButton, size: "s" },
-                React.createElement(FaTimesIcon, { alt: "\u9589\u3058\u308B" }))))));
+    const { baseComponent: WrapBase, baseProps } = useMemo(() => base === 'base'
+        ? {
+            baseComponent: Base,
+            baseProps: {
+                layer,
+            },
+        }
+        : {
+            baseComponent: React.Fragment,
+            baseProps: {},
+        }, [base, layer]);
+    return (React.createElement(WrapBase, { ...baseProps },
+        React.createElement(Wrapper, { ...props, className: `${type} ${classNames.wrapper}${className && ` ${className}`}`, role: role, themes: theme, colorSet: colorSet, onBase: base === 'base' },
+            React.createElement(MessageArea, { themes: theme, className: classNames.messageArea },
+                React.createElement(IconLayout, null,
+                    React.createElement(Icon, { color: iconColor })),
+                React.createElement(StyledText, { leading: "TIGHT" }, message)),
+            React.createElement(ActionArea, { themes: theme, className: classNames.actionArea },
+                children && (React.createElement(ActionWrapper, { themes: theme, className: classNames.actions, align: "center", justify: "flex-end" }, children)),
+                onClose && (React.createElement(CloseButton, { variant: "text", colorSet: colorSet, themes: theme, onClick: onClose, className: classNames.closeButton, size: "s" },
+                    React.createElement(FaTimesIcon, { alt: "\u9589\u3058\u308B" })))))));
 };
-const Wrapper = styled.div(({ themes: { color, fontSize, leading, space }, colorSet: { fgColor = color.TEXT_BLACK, bgColor = color.WHITE }, animate, }) => css `
+const Base = styled(shrBase).attrs({ overflow: 'hidden' }) ``;
+const Wrapper = styled.div(({ themes: { color, fontSize, leading, space }, colorSet: { fgColor = color.TEXT_BLACK, bgColor = color.WHITE }, onBase, animate, }) => css `
     display: flex;
     gap: ${space(1)};
     align-items: center;
     background-color: ${bgColor};
     padding: ${space(0.75)};
+    ${onBase &&
+    css `
+      padding-block: ${space(1)};
+      padding-inline: ${space(1.5)} ${space(1)};
+    `}
     color: ${fgColor};
     ${animate &&
     css `

package/esm/components/NotificationBar/NotificationBar.js.map

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

package/esm/components/Pagination/PaginationControllerItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"PaginationControllerItem.js","sourceRoot":"","sources":["../../../src/components/Pagination/PaginationControllerItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAc,MAAM,OAAO,CAAA;AAElC,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AAC/C,OAAO,EACL,qBAAqB,EACrB,sBAAsB,EACtB,iBAAiB,EACjB,kBAAkB,GAEnB,MAAM,SAAS,CAAA;AAEhB,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAA;AAU7C,MAAM,YAAY,GAAG,CACnB,SAA0B,EAC1B,MAAe,EAIf,EAAE,CACF,SAAS,KAAK,MAAM;IAClB,CAAC,CAAC,MAAM;QACN,CAAC,CAAC,EAAE,IAAI,EAAE,qBAAqB,EAAE,GAAG,EAAE,KAAK,EAAE;QAC7C,CAAC,CAAC,EAAE,IAAI,EAAE,iBAAiB,EAAE,GAAG,EAAE,IAAI,EAAE;IAC1C,CAAC,CAAC,MAAM;QACR,CAAC,CAAC,EAAE,IAAI,EAAE,sBAAsB,EAAE,GAAG,EAAE,KAAK,EAAE;QAC9C,CAAC,CAAC,EAAE,IAAI,EAAE,kBAAkB,EAAE,GAAG,EAAE,IAAI,EAAE,CAAA;AAE7C,MAAM,CAAC,MAAM,wBAAwB,GAAe,CAAC,EACnD,SAAS,EACT,QAAQ,EACR,MAAM,GAAG,KAAK,EACd,UAAU,EACV,OAAO,GACR,EAAE,EAAE;IACH,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAA;IACxB,MAAM,EAAE,IAAI,EAAE,GAAG,SAAS,EAAE,GAAG,YAAY,CAAC,SAAS,EAAE,MAAM,CAAC,CAAA;IAE9D,OAAO,CACL,oBAAC,UAAU,IACT,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,UAAU,CAAC,EAClC,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,KAAK,gBACD,SAAS,CAAC,GAAG;QAEzB,oBAAC,IAAI,IACH,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,UAAU,EACpE,GAAG,EAAE,SAAS,CAAC,GAAG,GAClB,CACS,CACd,CAAA;AACH,CAAC,CAAA"}
+{"version":3,"file":"PaginationControllerItem.js","sourceRoot":"","sources":["../../../src/components/Pagination/PaginationControllerItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAc,MAAM,OAAO,CAAA;AAElC,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AAC/C,OAAO,EACL,qBAAqB,EACrB,sBAAsB,EACtB,iBAAiB,EACjB,kBAAkB,GAEnB,MAAM,SAAS,CAAA;AAEhB,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAA;AAU7C,MAAM,YAAY,GAAG,CACnB,SAA0B,EAC1B,MAAe,EAIf,EAAE,CACF,SAAS,KAAK,MAAM;IAClB,CAAC,CAAC,MAAM;QACN,CAAC,CAAC,EAAE,IAAI,EAAE,qBAAqB,EAAE,GAAG,EAAE,KAAK,EAAE;QAC7C,CAAC,CAAC,EAAE,IAAI,EAAE,iBAAiB,EAAE,GAAG,EAAE,IAAI,EAAE;IAC1C,CAAC,CAAC,MAAM;QACN,CAAC,CAAC,EAAE,IAAI,EAAE,sBAAsB,EAAE,GAAG,EAAE,KAAK,EAAE;QAC9C,CAAC,CAAC,EAAE,IAAI,EAAE,kBAAkB,EAAE,GAAG,EAAE,IAAI,EAAE,CAAA;AAE/C,MAAM,CAAC,MAAM,wBAAwB,GAAe,CAAC,EACnD,SAAS,EACT,QAAQ,EACR,MAAM,GAAG,KAAK,EACd,UAAU,EACV,OAAO,GACR,EAAE,EAAE;IACH,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAA;IACxB,MAAM,EAAE,IAAI,EAAE,GAAG,SAAS,EAAE,GAAG,YAAY,CAAC,SAAS,EAAE,MAAM,CAAC,CAAA;IAE9D,OAAO,CACL,oBAAC,UAAU,IACT,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,UAAU,CAAC,EAClC,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,KAAK,gBACD,SAAS,CAAC,GAAG;QAEzB,oBAAC,IAAI,IACH,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,UAAU,EACpE,GAAG,EAAE,SAAS,CAAC,GAAG,GAClB,CACS,CACd,CAAA;AACH,CAAC,CAAA"}

package/esm/components/Table/Td.js

@@ -1,54 +1,40 @@
-import React from 'react';
-import styled, { css } from 'styled-components';
-import { useTheme } from '../../hooks/useTheme';
-import { useTdClassNames } from './useClassNames';
-import { useReelShadow } from './useReelShadow';
+import React, { useMemo } from 'react';
+import { tv } from 'tailwind-variants';
+import { reelShadowStyle } from './useReelShadow';
 export const Td = ({ nullable = false, fixed = false, className = '', ...props }) => {
-    const theme = useTheme();
-    const classNames = useTdClassNames();
-    const wrapperClass = [className, nullable && 'nullable', classNames.wrapper]
-        .filter((c) => !!c)
-        .join(' ');
-    return (React.createElement(StyledTd, { ...props, className: `${wrapperClass} ${fixed ? 'fixedElement' : ''}`, themes: theme, fixed: fixed }));
+    const styles = useMemo(() => {
+        const tdStyles = td({ nullable, fixed, className });
+        const reelShadowStyles = fixed ? reelShadowStyle({ direction: 'right' }) : '';
+        return `${tdStyles} ${reelShadowStyles}`.trim();
+    }, [className, fixed, nullable]);
+    return React.createElement("td", { ...props, className: `${fixed ? 'fixedElement' : ''} ${styles}` });
 };
-const StyledTd = styled.td `
-  &.nullable {
-    &:empty {
-      &::after {
-        content: '-----';
-      }
-    }
-  }
-
-  ${({ themes, fixed }) => {
-    const { fontSize, leading, spacingByChar, color, border } = themes;
-    return css `
-      color: ${color.TEXT_BLACK};
-      height: calc(1em * ${leading.NORMAL});
-      padding: ${spacingByChar(0.5)} ${spacingByChar(1)};
-      border-top: ${border.shorthand};
-      font-size: ${fontSize.M};
-      line-height: ${leading.NORMAL};
-      vertical-align: middle;
-
-      /* これ以降の記述はTableReel内で'fixed'を利用した際に追従させるために必要 */
-      &.fixedElement {
-        ${useReelShadow({ showShadow: false, direction: 'right' })}
-      }
-
-      ${fixed &&
-        css `
-        &.fixed {
-          position: sticky;
-          right: 0;
-          background-color: ${color.WHITE};
-
-          &::after {
-            opacity: 1;
-          }
-        }
-      `}
-    `;
-}};
-`;
+const td = tv({
+    base: [
+        'smarthr-ui-Td',
+        'shr-text-black',
+        'shr-h-[calc(1em_*_theme(lineHeight.normal))]',
+        'shr-px-1',
+        'shr-py-0.5',
+        'shr-border-t',
+        'shr-border-solid',
+        'shr-border-default',
+        'shr-text-base',
+        'shr-leading-normal',
+        'shr-align-middle',
+    ],
+    variants: {
+        nullable: {
+            true: "empty:after:shr-content-['-----']",
+        },
+        fixed: {
+            true: [
+                '[&.fixed]:shr-sticky',
+                '[&.fixed]:shr-right-0',
+                '[&.fixed]:shr-bg-white',
+                '[&.fixed]:after:shr-opacity-100',
+            ],
+        },
+    },
+});
 //# 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,KAAkD,MAAM,OAAO,CAAA;AACtE,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAE/C,OAAO,EAAS,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AAEtD,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAA;AACjD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAU/C,MAAM,CAAC,MAAM,EAAE,GAA6B,CAAC,EAC3C,QAAQ,GAAG,KAAK,EAChB,KAAK,GAAG,KAAK,EACb,SAAS,GAAG,EAAE,EACd,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAA;IACxB,MAAM,UAAU,GAAG,eAAe,EAAE,CAAA;IACpC,MAAM,YAAY,GAAG,CAAC,SAAS,EAAE,QAAQ,IAAI,UAAU,EAAE,UAAU,CAAC,OAAO,CAAC;SACzE,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;SAClB,IAAI,CAAC,GAAG,CAAC,CAAA;IAEZ,OAAO,CACL,oBAAC,QAAQ,OACH,KAAK,EACT,SAAS,EAAE,GAAG,YAAY,IAAI,KAAK,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,EAAE,EAAE,EAC3D,MAAM,EAAE,KAAK,EACb,KAAK,EAAE,KAAK,GACZ,CACH,CAAA;AACH,CAAC,CAAA;AAED,MAAM,QAAQ,GAAG,MAAM,CAAC,EAAE,CAAmC;;;;;;;;;IASzD,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,EAAE,EAAE;IACtB,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,aAAa,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,MAAM,CAAA;IAElE,OAAO,GAAG,CAAA;eACC,KAAK,CAAC,UAAU;2BACJ,OAAO,CAAC,MAAM;iBACxB,aAAa,CAAC,GAAG,CAAC,IAAI,aAAa,CAAC,CAAC,CAAC;oBACnC,MAAM,CAAC,SAAS;mBACjB,QAAQ,CAAC,CAAC;qBACR,OAAO,CAAC,MAAM;;;;;UAKzB,aAAa,CAAC,EAAE,UAAU,EAAE,KAAK,EAAE,SAAS,EAAE,OAAO,EAAE,CAAC;;;QAG1D,KAAK;QACP,GAAG,CAAA;;;;8BAIqB,KAAK,CAAC,KAAK;;;;;;OAMlC;KACF,CAAA;AACH,CAAC;CACF,CAAA"}
+{"version":3,"file":"Td.js","sourceRoot":"","sources":["../../../src/components/Table/Td.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAA2C,OAAO,EAAE,MAAM,OAAO,CAAA;AAC/E,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAA;AAEtC,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAA;AAUjD,MAAM,CAAC,MAAM,EAAE,GAA6B,CAAC,EAC3C,QAAQ,GAAG,KAAK,EAChB,KAAK,GAAG,KAAK,EACb,SAAS,GAAG,EAAE,EACd,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,GAAG,KAAK,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,EAAE,IAAI,MAAM,EAAE,GAAI,CAAA;AACjF,CAAC,CAAA;AAED,MAAM,EAAE,GAAG,EAAE,CAAC;IACZ,IAAI,EAAE;QACJ,eAAe;QACf,gBAAgB;QAChB,8CAA8C;QAC9C,UAAU;QACV,YAAY;QACZ,cAAc;QACd,kBAAkB;QAClB,oBAAoB;QACpB,eAAe;QACf,oBAAoB;QACpB,kBAAkB;KACnB;IACD,QAAQ,EAAE;QACR,QAAQ,EAAE;YACR,IAAI,EAAE,mCAAmC;SAC1C;QACD,KAAK,EAAE;YACL,IAAI,EAAE;gBACJ,sBAAsB;gBACtB,uBAAuB;gBACvB,wBAAwB;gBACxB,iCAAiC;aAClC;SACF;KACF;CACF,CAAC,CAAA"}