smarthr-ui 51.1.1 → 51.2.0

package/esm/components/Balloon/Balloon.js

@@ -11,6 +11,8 @@ const balloon = tv({
         'shr-rounded-s',
         /* drop-shadow は spread-radius を受け付けないので shadow.LAYER2 に近い値をハードコーディングしている */
         'shr-drop-shadow-[0_2px_2.5px_theme(colors.transparency.30)]',
+        // Safariでdrop-shadowが残り続けてしまうバグの対応
+        'shr-will-change-[filter]',
         'shr-whitespace-nowrap',
         'shr-bg-white',
         'shr-text-black',

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,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,oCAAoC;QACpC,wCAAwC;QACxC,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"}
+{"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,mCAAmC;QACnC,0BAA0B;QAC1B,uBAAuB;QACvB,cAAc;QACd,gBAAgB;QAChB,iBAAiB;QACjB,oBAAoB;QACpB,wBAAwB;QACxB,oBAAoB;QACpB,oCAAoC;QACpC,wCAAwC;QACxC,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/PageCounter/PageCounter.js

@@ -3,27 +3,21 @@ import { tv } from 'tailwind-variants';
 import { Cluster } from '../Layout';
 import { RangeSeparator, Text } from '../Text';
 const executeDecorator = (defaultText, decorator) => decorator?.(defaultText) || defaultText;
-const UNIT_TOTAL_TEXT = '件中';
-const UNIT_TEXT = '件';
 const RANGE_SEPARATOR = '–';
 const RANGE_SEPARATOR_VISUALLY_HIDDEN_TEXT = 'から';
 const pageCounter = tv({ base: 'shr-text-base' });
 export const PageCounter = ({ start, end, total = 0, decorators, className, ...props }) => {
-    const unitTotalText = useMemo(() => executeDecorator(UNIT_TOTAL_TEXT, decorators?.unitForTotal), [decorators?.unitForTotal]);
-    const unitText = useMemo(() => executeDecorator(UNIT_TEXT, decorators?.unit), [decorators?.unit]);
     const rangeSeparatorDecorators = useMemo(() => ({
         text: () => executeDecorator(RANGE_SEPARATOR, decorators?.rangeSeparator),
         visuallyHiddenText: () => executeDecorator(RANGE_SEPARATOR_VISUALLY_HIDDEN_TEXT, decorators?.rangeSeparatorVisuallyHiddenText),
     }), [decorators?.rangeSeparator, decorators?.rangeSeparatorVisuallyHiddenText]);
     const style = useMemo(() => pageCounter({ className }), [className]);
-    return (React.createElement(Cluster, { ...props, inline: true, align: "baseline", className: style },
-        total > 0 && (React.createElement(Cluster, { as: "span", gap: 0.25, inline: true, align: "baseline" },
-            React.createElement(Text, { weight: "bold", as: "b" }, total.toLocaleString()),
-            unitTotalText)),
-        React.createElement(Cluster, { as: "span", gap: 0.25, inline: true, align: "baseline" },
-            React.createElement(Text, { weight: "bold", as: "b" }, start.toLocaleString()),
-            React.createElement(RangeSeparator, { decorators: rangeSeparatorDecorators }),
-            React.createElement(Text, { weight: "bold", as: "b" }, end.toLocaleString()),
-            unitText)));
+    return (React.createElement(Cluster, { ...props, gap: 0.25, inline: true, align: "baseline", className: style },
+        React.createElement(Text, { weight: "bold", as: "b" }, start.toLocaleString()),
+        React.createElement(RangeSeparator, { decorators: rangeSeparatorDecorators }),
+        React.createElement(Text, { weight: "bold", as: "b" }, end.toLocaleString()),
+        total > 0 && (React.createElement(React.Fragment, null,
+            React.createElement("span", null, "/"),
+            React.createElement(Text, { weight: "bold", as: "b" }, total.toLocaleString())))));
 };
 //# sourceMappingURL=PageCounter.js.map

package/esm/components/PageCounter/PageCounter.js.map

@@ -1 +1 @@
-{"version":3,"file":"PageCounter.js","sourceRoot":"","sources":["../../../src/components/PageCounter/PageCounter.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAA4B,OAAO,EAAE,MAAM,OAAO,CAAA;AAChE,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAA;AAEtC,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAA;AACnC,OAAO,EAAE,cAAc,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAc9C,MAAM,gBAAgB,GAAG,CAAC,WAAmB,EAAE,SAAoC,EAAE,EAAE,CACrF,SAAS,EAAE,CAAC,WAAW,CAAC,IAAI,WAAW,CAAA;AAEzC,MAAM,eAAe,GAAG,IAAI,CAAA;AAC5B,MAAM,SAAS,GAAG,GAAG,CAAA;AACrB,MAAM,eAAe,GAAG,GAAG,CAAA;AAC3B,MAAM,oCAAoC,GAAG,IAAI,CAAA;AAEjD,MAAM,WAAW,GAAG,EAAE,CAAC,EAAE,IAAI,EAAE,eAAe,EAAE,CAAC,CAAA;AAEjD,MAAM,CAAC,MAAM,WAAW,GAAmC,CAAC,EAC1D,KAAK,EACL,GAAG,EACH,KAAK,GAAG,CAAC,EACT,UAAU,EACV,SAAS,EACT,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,aAAa,GAAG,OAAO,CAC3B,GAAG,EAAE,CAAC,gBAAgB,CAAC,eAAe,EAAE,UAAU,EAAE,YAAY,CAAC,EACjE,CAAC,UAAU,EAAE,YAAY,CAAC,CAC3B,CAAA;IACD,MAAM,QAAQ,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,gBAAgB,CAAC,SAAS,EAAE,UAAU,EAAE,IAAI,CAAC,EAAE,CAAC,UAAU,EAAE,IAAI,CAAC,CAAC,CAAA;IACjG,MAAM,wBAAwB,GAAG,OAAO,CACtC,GAAG,EAAE,CAAC,CAAC;QACL,IAAI,EAAE,GAAG,EAAE,CAAC,gBAAgB,CAAC,eAAe,EAAE,UAAU,EAAE,cAAc,CAAC;QACzE,kBAAkB,EAAE,GAAG,EAAE,CACvB,gBAAgB,CACd,oCAAoC,EACpC,UAAU,EAAE,gCAAgC,CAC7C;KACJ,CAAC,EACF,CAAC,UAAU,EAAE,cAAc,EAAE,UAAU,EAAE,gCAAgC,CAAC,CAC3E,CAAA;IACD,MAAM,KAAK,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,WAAW,CAAC,EAAE,SAAS,EAAE,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAA;IAEpE,OAAO,CACL,oBAAC,OAAO,OAAK,KAAK,EAAE,MAAM,QAAC,KAAK,EAAC,UAAU,EAAC,SAAS,EAAE,KAAK;QACzD,KAAK,GAAG,CAAC,IAAI,CACZ,oBAAC,OAAO,IAAC,EAAE,EAAC,MAAM,EAAC,GAAG,EAAE,IAAI,EAAE,MAAM,QAAC,KAAK,EAAC,UAAU;YACnD,oBAAC,IAAI,IAAC,MAAM,EAAC,MAAM,EAAC,EAAE,EAAC,GAAG,IACvB,KAAK,CAAC,cAAc,EAAE,CAClB;YACN,aAAa,CACN,CACX;QACD,oBAAC,OAAO,IAAC,EAAE,EAAC,MAAM,EAAC,GAAG,EAAE,IAAI,EAAE,MAAM,QAAC,KAAK,EAAC,UAAU;YACnD,oBAAC,IAAI,IAAC,MAAM,EAAC,MAAM,EAAC,EAAE,EAAC,GAAG,IACvB,KAAK,CAAC,cAAc,EAAE,CAClB;YACP,oBAAC,cAAc,IAAC,UAAU,EAAE,wBAAwB,GAAI;YACxD,oBAAC,IAAI,IAAC,MAAM,EAAC,MAAM,EAAC,EAAE,EAAC,GAAG,IACvB,GAAG,CAAC,cAAc,EAAE,CAChB;YACN,QAAQ,CACD,CACF,CACX,CAAA;AACH,CAAC,CAAA"}
+{"version":3,"file":"PageCounter.js","sourceRoot":"","sources":["../../../src/components/PageCounter/PageCounter.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAA4B,OAAO,EAAE,MAAM,OAAO,CAAA;AAChE,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAA;AAEtC,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAA;AACnC,OAAO,EAAE,cAAc,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAc9C,MAAM,gBAAgB,GAAG,CAAC,WAAmB,EAAE,SAAoC,EAAE,EAAE,CACrF,SAAS,EAAE,CAAC,WAAW,CAAC,IAAI,WAAW,CAAA;AAEzC,MAAM,eAAe,GAAG,GAAG,CAAA;AAC3B,MAAM,oCAAoC,GAAG,IAAI,CAAA;AAEjD,MAAM,WAAW,GAAG,EAAE,CAAC,EAAE,IAAI,EAAE,eAAe,EAAE,CAAC,CAAA;AAEjD,MAAM,CAAC,MAAM,WAAW,GAAmC,CAAC,EAC1D,KAAK,EACL,GAAG,EACH,KAAK,GAAG,CAAC,EACT,UAAU,EACV,SAAS,EACT,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,wBAAwB,GAAG,OAAO,CACtC,GAAG,EAAE,CAAC,CAAC;QACL,IAAI,EAAE,GAAG,EAAE,CAAC,gBAAgB,CAAC,eAAe,EAAE,UAAU,EAAE,cAAc,CAAC;QACzE,kBAAkB,EAAE,GAAG,EAAE,CACvB,gBAAgB,CACd,oCAAoC,EACpC,UAAU,EAAE,gCAAgC,CAC7C;KACJ,CAAC,EACF,CAAC,UAAU,EAAE,cAAc,EAAE,UAAU,EAAE,gCAAgC,CAAC,CAC3E,CAAA;IACD,MAAM,KAAK,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,WAAW,CAAC,EAAE,SAAS,EAAE,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAA;IAEpE,OAAO,CACL,oBAAC,OAAO,OAAK,KAAK,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,QAAC,KAAK,EAAC,UAAU,EAAC,SAAS,EAAE,KAAK;QACrE,oBAAC,IAAI,IAAC,MAAM,EAAC,MAAM,EAAC,EAAE,EAAC,GAAG,IACvB,KAAK,CAAC,cAAc,EAAE,CAClB;QACP,oBAAC,cAAc,IAAC,UAAU,EAAE,wBAAwB,GAAI;QACxD,oBAAC,IAAI,IAAC,MAAM,EAAC,MAAM,EAAC,EAAE,EAAC,GAAG,IACvB,GAAG,CAAC,cAAc,EAAE,CAChB;QACN,KAAK,GAAG,CAAC,IAAI,CACZ;YACE,sCAAc;YACd,oBAAC,IAAI,IAAC,MAAM,EAAC,MAAM,EAAC,EAAE,EAAC,GAAG,IACvB,KAAK,CAAC,cAAc,EAAE,CAClB,CACN,CACJ,CACO,CACX,CAAA;AACH,CAAC,CAAA"}

package/lib/components/Balloon/Balloon.js

@@ -37,6 +37,8 @@ const balloon = (0, tailwind_variants_1.tv)({
         'shr-rounded-s',
         /* drop-shadow は spread-radius を受け付けないので shadow.LAYER2 に近い値をハードコーディングしている */
         'shr-drop-shadow-[0_2px_2.5px_theme(colors.transparency.30)]',
+        // Safariでdrop-shadowが残り続けてしまうバグの対応
+        'shr-will-change-[filter]',
         'shr-whitespace-nowrap',
         'shr-bg-white',
         'shr-text-black',

package/lib/components/Balloon/Balloon.js.map

@@ -1 +1 @@
-{"version":3,"file":"Balloon.js","sourceRoot":"","sources":["../../../src/components/Balloon/Balloon.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAuF;AACvF,yDAAoD;AAEpD,iDAAiD;AACjD,kCAAkC;AAClC,MAAM,OAAO,GAAG,IAAA,sBAAE,EAAC;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,oCAAoC;QACpC,wCAAwC;QACxC,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;AAWK,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,IAAA,eAAO,EACpB,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,8BAAC,SAAS,OAAK,KAAK,EAAE,SAAS,EAAE,MAAM,GAAI,CAAA;AACpD,CAAC,CAAA;AAbY,QAAA,OAAO,WAanB"}
+{"version":3,"file":"Balloon.js","sourceRoot":"","sources":["../../../src/components/Balloon/Balloon.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAuF;AACvF,yDAAoD;AAEpD,iDAAiD;AACjD,kCAAkC;AAClC,MAAM,OAAO,GAAG,IAAA,sBAAE,EAAC;IACjB,IAAI,EAAE;QACJ,oBAAoB;QACpB,cAAc;QACd,kBAAkB;QAClB,aAAa;QACb,eAAe;QACf,4EAA4E;QAC5E,6DAA6D;QAC7D,mCAAmC;QACnC,0BAA0B;QAC1B,uBAAuB;QACvB,cAAc;QACd,gBAAgB;QAChB,iBAAiB;QACjB,oBAAoB;QACpB,wBAAwB;QACxB,oBAAoB;QACpB,oCAAoC;QACpC,wCAAwC;QACxC,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;AAWK,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,IAAA,eAAO,EACpB,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,8BAAC,SAAS,OAAK,KAAK,EAAE,SAAS,EAAE,MAAM,GAAI,CAAA;AACpD,CAAC,CAAA;AAbY,QAAA,OAAO,WAanB"}

package/lib/components/PageCounter/PageCounter.js

@@ -29,28 +29,22 @@ const tailwind_variants_1 = require("tailwind-variants");
 const Layout_1 = require("../Layout");
 const Text_1 = require("../Text");
 const executeDecorator = (defaultText, decorator) => decorator?.(defaultText) || defaultText;
-const UNIT_TOTAL_TEXT = '件中';
-const UNIT_TEXT = '件';
 const RANGE_SEPARATOR = '–';
 const RANGE_SEPARATOR_VISUALLY_HIDDEN_TEXT = 'から';
 const pageCounter = (0, tailwind_variants_1.tv)({ base: 'shr-text-base' });
 const PageCounter = ({ start, end, total = 0, decorators, className, ...props }) => {
-    const unitTotalText = (0, react_1.useMemo)(() => executeDecorator(UNIT_TOTAL_TEXT, decorators?.unitForTotal), [decorators?.unitForTotal]);
-    const unitText = (0, react_1.useMemo)(() => executeDecorator(UNIT_TEXT, decorators?.unit), [decorators?.unit]);
     const rangeSeparatorDecorators = (0, react_1.useMemo)(() => ({
         text: () => executeDecorator(RANGE_SEPARATOR, decorators?.rangeSeparator),
         visuallyHiddenText: () => executeDecorator(RANGE_SEPARATOR_VISUALLY_HIDDEN_TEXT, decorators?.rangeSeparatorVisuallyHiddenText),
     }), [decorators?.rangeSeparator, decorators?.rangeSeparatorVisuallyHiddenText]);
     const style = (0, react_1.useMemo)(() => pageCounter({ className }), [className]);
-    return (react_1.default.createElement(Layout_1.Cluster, { ...props, inline: true, align: "baseline", className: style },
-        total > 0 && (react_1.default.createElement(Layout_1.Cluster, { as: "span", gap: 0.25, inline: true, align: "baseline" },
-            react_1.default.createElement(Text_1.Text, { weight: "bold", as: "b" }, total.toLocaleString()),
-            unitTotalText)),
-        react_1.default.createElement(Layout_1.Cluster, { as: "span", gap: 0.25, inline: true, align: "baseline" },
-            react_1.default.createElement(Text_1.Text, { weight: "bold", as: "b" }, start.toLocaleString()),
-            react_1.default.createElement(Text_1.RangeSeparator, { decorators: rangeSeparatorDecorators }),
-            react_1.default.createElement(Text_1.Text, { weight: "bold", as: "b" }, end.toLocaleString()),
-            unitText)));
+    return (react_1.default.createElement(Layout_1.Cluster, { ...props, gap: 0.25, inline: true, align: "baseline", className: style },
+        react_1.default.createElement(Text_1.Text, { weight: "bold", as: "b" }, start.toLocaleString()),
+        react_1.default.createElement(Text_1.RangeSeparator, { decorators: rangeSeparatorDecorators }),
+        react_1.default.createElement(Text_1.Text, { weight: "bold", as: "b" }, end.toLocaleString()),
+        total > 0 && (react_1.default.createElement(react_1.default.Fragment, null,
+            react_1.default.createElement("span", null, "/"),
+            react_1.default.createElement(Text_1.Text, { weight: "bold", as: "b" }, total.toLocaleString())))));
 };
 exports.PageCounter = PageCounter;
 //# sourceMappingURL=PageCounter.js.map

package/lib/components/PageCounter/PageCounter.js.map

@@ -1 +1 @@
-{"version":3,"file":"PageCounter.js","sourceRoot":"","sources":["../../../src/components/PageCounter/PageCounter.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAgE;AAChE,yDAAsC;AAEtC,sCAAmC;AACnC,kCAA8C;AAc9C,MAAM,gBAAgB,GAAG,CAAC,WAAmB,EAAE,SAAoC,EAAE,EAAE,CACrF,SAAS,EAAE,CAAC,WAAW,CAAC,IAAI,WAAW,CAAA;AAEzC,MAAM,eAAe,GAAG,IAAI,CAAA;AAC5B,MAAM,SAAS,GAAG,GAAG,CAAA;AACrB,MAAM,eAAe,GAAG,GAAG,CAAA;AAC3B,MAAM,oCAAoC,GAAG,IAAI,CAAA;AAEjD,MAAM,WAAW,GAAG,IAAA,sBAAE,EAAC,EAAE,IAAI,EAAE,eAAe,EAAE,CAAC,CAAA;AAE1C,MAAM,WAAW,GAAmC,CAAC,EAC1D,KAAK,EACL,GAAG,EACH,KAAK,GAAG,CAAC,EACT,UAAU,EACV,SAAS,EACT,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,aAAa,GAAG,IAAA,eAAO,EAC3B,GAAG,EAAE,CAAC,gBAAgB,CAAC,eAAe,EAAE,UAAU,EAAE,YAAY,CAAC,EACjE,CAAC,UAAU,EAAE,YAAY,CAAC,CAC3B,CAAA;IACD,MAAM,QAAQ,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE,CAAC,gBAAgB,CAAC,SAAS,EAAE,UAAU,EAAE,IAAI,CAAC,EAAE,CAAC,UAAU,EAAE,IAAI,CAAC,CAAC,CAAA;IACjG,MAAM,wBAAwB,GAAG,IAAA,eAAO,EACtC,GAAG,EAAE,CAAC,CAAC;QACL,IAAI,EAAE,GAAG,EAAE,CAAC,gBAAgB,CAAC,eAAe,EAAE,UAAU,EAAE,cAAc,CAAC;QACzE,kBAAkB,EAAE,GAAG,EAAE,CACvB,gBAAgB,CACd,oCAAoC,EACpC,UAAU,EAAE,gCAAgC,CAC7C;KACJ,CAAC,EACF,CAAC,UAAU,EAAE,cAAc,EAAE,UAAU,EAAE,gCAAgC,CAAC,CAC3E,CAAA;IACD,MAAM,KAAK,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE,CAAC,WAAW,CAAC,EAAE,SAAS,EAAE,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAA;IAEpE,OAAO,CACL,8BAAC,gBAAO,OAAK,KAAK,EAAE,MAAM,QAAC,KAAK,EAAC,UAAU,EAAC,SAAS,EAAE,KAAK;QACzD,KAAK,GAAG,CAAC,IAAI,CACZ,8BAAC,gBAAO,IAAC,EAAE,EAAC,MAAM,EAAC,GAAG,EAAE,IAAI,EAAE,MAAM,QAAC,KAAK,EAAC,UAAU;YACnD,8BAAC,WAAI,IAAC,MAAM,EAAC,MAAM,EAAC,EAAE,EAAC,GAAG,IACvB,KAAK,CAAC,cAAc,EAAE,CAClB;YACN,aAAa,CACN,CACX;QACD,8BAAC,gBAAO,IAAC,EAAE,EAAC,MAAM,EAAC,GAAG,EAAE,IAAI,EAAE,MAAM,QAAC,KAAK,EAAC,UAAU;YACnD,8BAAC,WAAI,IAAC,MAAM,EAAC,MAAM,EAAC,EAAE,EAAC,GAAG,IACvB,KAAK,CAAC,cAAc,EAAE,CAClB;YACP,8BAAC,qBAAc,IAAC,UAAU,EAAE,wBAAwB,GAAI;YACxD,8BAAC,WAAI,IAAC,MAAM,EAAC,MAAM,EAAC,EAAE,EAAC,GAAG,IACvB,GAAG,CAAC,cAAc,EAAE,CAChB;YACN,QAAQ,CACD,CACF,CACX,CAAA;AACH,CAAC,CAAA;AAhDY,QAAA,WAAW,eAgDvB"}
+{"version":3,"file":"PageCounter.js","sourceRoot":"","sources":["../../../src/components/PageCounter/PageCounter.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAgE;AAChE,yDAAsC;AAEtC,sCAAmC;AACnC,kCAA8C;AAc9C,MAAM,gBAAgB,GAAG,CAAC,WAAmB,EAAE,SAAoC,EAAE,EAAE,CACrF,SAAS,EAAE,CAAC,WAAW,CAAC,IAAI,WAAW,CAAA;AAEzC,MAAM,eAAe,GAAG,GAAG,CAAA;AAC3B,MAAM,oCAAoC,GAAG,IAAI,CAAA;AAEjD,MAAM,WAAW,GAAG,IAAA,sBAAE,EAAC,EAAE,IAAI,EAAE,eAAe,EAAE,CAAC,CAAA;AAE1C,MAAM,WAAW,GAAmC,CAAC,EAC1D,KAAK,EACL,GAAG,EACH,KAAK,GAAG,CAAC,EACT,UAAU,EACV,SAAS,EACT,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,wBAAwB,GAAG,IAAA,eAAO,EACtC,GAAG,EAAE,CAAC,CAAC;QACL,IAAI,EAAE,GAAG,EAAE,CAAC,gBAAgB,CAAC,eAAe,EAAE,UAAU,EAAE,cAAc,CAAC;QACzE,kBAAkB,EAAE,GAAG,EAAE,CACvB,gBAAgB,CACd,oCAAoC,EACpC,UAAU,EAAE,gCAAgC,CAC7C;KACJ,CAAC,EACF,CAAC,UAAU,EAAE,cAAc,EAAE,UAAU,EAAE,gCAAgC,CAAC,CAC3E,CAAA;IACD,MAAM,KAAK,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE,CAAC,WAAW,CAAC,EAAE,SAAS,EAAE,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAA;IAEpE,OAAO,CACL,8BAAC,gBAAO,OAAK,KAAK,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,QAAC,KAAK,EAAC,UAAU,EAAC,SAAS,EAAE,KAAK;QACrE,8BAAC,WAAI,IAAC,MAAM,EAAC,MAAM,EAAC,EAAE,EAAC,GAAG,IACvB,KAAK,CAAC,cAAc,EAAE,CAClB;QACP,8BAAC,qBAAc,IAAC,UAAU,EAAE,wBAAwB,GAAI;QACxD,8BAAC,WAAI,IAAC,MAAM,EAAC,MAAM,EAAC,EAAE,EAAC,GAAG,IACvB,GAAG,CAAC,cAAc,EAAE,CAChB;QACN,KAAK,GAAG,CAAC,IAAI,CACZ;YACE,gDAAc;YACd,8BAAC,WAAI,IAAC,MAAM,EAAC,MAAM,EAAC,EAAE,EAAC,GAAG,IACvB,KAAK,CAAC,cAAc,EAAE,CAClB,CACN,CACJ,CACO,CACX,CAAA;AACH,CAAC,CAAA;AAxCY,QAAA,WAAW,eAwCvB"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "smarthr-ui",
   "description": "SmartHR ui components built with React.",
-  "version": "51.1.1",
+  "version": "51.2.0",
   "author": "SmartHR-UI Team",
   "dependencies": {
     "@smarthr/wareki": "^1.2.0",
@@ -17,38 +17,38 @@
     "react-transition-group": "^4.4.5",
     "style-loader": "^4.0.0",
     "tailwind-variants": "^0.2.1",
-    "tailwindcss": "^3.4.3"
+    "tailwindcss": "^3.4.4"
   },
   "devDependencies": {
-    "@babel/core": "^7.24.6",
-    "@babel/preset-env": "^7.24.6",
-    "@babel/preset-react": "^7.24.6",
-    "@babel/preset-typescript": "^7.24.6",
-    "@storybook/addon-a11y": "^8.1.5",
-    "@storybook/addon-actions": "^8.1.5",
-    "@storybook/addon-essentials": "^8.1.5",
-    "@storybook/addon-interactions": "^8.1.5",
-    "@storybook/addon-storysource": "^8.1.5",
+    "@babel/core": "^7.24.7",
+    "@babel/preset-env": "^7.24.7",
+    "@babel/preset-react": "^7.24.7",
+    "@babel/preset-typescript": "^7.24.7",
+    "@storybook/addon-a11y": "^8.1.6",
+    "@storybook/addon-actions": "^8.1.6",
+    "@storybook/addon-essentials": "^8.1.6",
+    "@storybook/addon-interactions": "^8.1.6",
+    "@storybook/addon-storysource": "^8.1.6",
     "@storybook/addon-styling": "^1.3.7",
     "@storybook/addon-styling-webpack": "^1.0.0",
-    "@storybook/addon-viewport": "^8.1.5",
+    "@storybook/addon-viewport": "^8.1.6",
     "@storybook/addon-webpack5-compiler-babel": "^3.0.3",
-    "@storybook/blocks": "^8.1.5",
-    "@storybook/cli": "^8.1.5",
-    "@storybook/manager-api": "^8.1.5",
-    "@storybook/react": "^8.1.5",
-    "@storybook/react-webpack5": "^8.1.5",
-    "@storybook/source-loader": "^8.1.5",
-    "@storybook/test": "^8.1.5",
+    "@storybook/blocks": "^8.1.6",
+    "@storybook/cli": "^8.1.6",
+    "@storybook/manager-api": "^8.1.6",
+    "@storybook/react": "^8.1.6",
+    "@storybook/react-webpack5": "^8.1.6",
+    "@storybook/source-loader": "^8.1.6",
+    "@storybook/test": "^8.1.6",
     "@storybook/test-runner": "^0.18.2",
-    "@storybook/theming": "^8.1.5",
-    "@swc/core": "^1.5.24",
+    "@storybook/theming": "^8.1.6",
+    "@swc/core": "^1.5.25",
     "@swc/jest": "^0.2.36",
     "@testing-library/react": "^16.0.0",
     "@types/jest": "^29.5.12",
     "@types/lodash.merge": "^4.6.9",
     "@types/lodash.range": "^3.2.9",
-    "@types/node": "^20.12.14",
+    "@types/node": "^20.14.2",
     "@types/react": "^18.3.3",
     "@types/react-dom": "^18.3.0",
     "@types/react-test-renderer": "^17.0.9",
@@ -59,7 +59,7 @@
     "babel-loader": "^9.1.3",
     "babel-plugin-polyfill-corejs2": "^0.4.11",
     "babel-plugin-polyfill-regenerator": "^0.6.2",
-    "chromatic": "^11.4.1",
+    "chromatic": "^11.5.3",
     "ecma-version-validator-webpack-plugin": "^1.2.1",
     "fs-extra": "^11.2.0",
     "glob": "10.4.1",
@@ -81,7 +81,7 @@
     "react-test-renderer": "^18.3.1",
     "rimraf": "^5.0.7",
     "standard-version": "^9.3.2",
-    "storybook": "^8.1.5",
+    "storybook": "^8.1.6",
     "storybook-addon-pseudo-states": "^3.1.1",
     "styled-components": "^5.3.11",
     "testcafe": "3.6.0",

package/smarthr-ui.css

@@ -2700,6 +2700,10 @@ a {
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1)
 }
 
+.shr-will-change-\[filter\] {
+  will-change: filter
+}
+
 .shr-forced-color-adjust-none {
   forced-color-adjust: none
 }