smarthr-ui 41.3.0 → 43.0.0

package/README.md

@@ -26,6 +26,9 @@ npm install smarthr-ui
 
 // with yarn
 yarn add smarthr-ui
+
+// with pnpm
+pnpm add smarthr-ui
 ```
 
 peerDependencies として React, React-DOM, styled-components が必要です。
@@ -36,6 +39,9 @@ npm install react react-dom styled-components
 
 // with yarn
 yarn add react react-dom styled-components
+
+// with pnpm
+pnpm add react react-dom styled-components
 ```
 
 ## 使いかた

package/esm/components/AppNavi/AppNavi.js

@@ -12,7 +12,7 @@ export const AppNavi = ({ label, buttons, isCurrentUnclickable, className = '',
     const theme = useTheme();
     const classNames = useClassNames();
     return (React.createElement(WrapperNav, { ...props, themes: theme, className: `${className} ${classNames.wrapper}` },
-        label && (React.createElement(StyledStatusLabel, { themes: theme, className: classNames.label }, label)),
+        label && (React.createElement(StyledStatusLabel, { "$themes": theme, className: classNames.label }, label)),
         buttons && (React.createElement(Buttons, { themes: theme, className: classNames.buttons }, buttons.map((button, i) => {
             const isUnclickable = button.current && isCurrentUnclickable;
             if ('tag' in button) {
@@ -45,7 +45,7 @@ const WrapperNav = styled(Nav) `
   `}
 `;
 const StyledStatusLabel = styled(StatusLabel) `
-  ${({ themes: { spacingByChar } }) => css `
+  ${({ $themes: { spacingByChar } }) => css `
     margin-right: ${spacingByChar(1)};
   `}
 `;

package/esm/components/AppNavi/AppNavi.js.map

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

package/esm/components/AppNavi/AppNaviAnchor.js

@@ -7,7 +7,7 @@ export const AppNaviAnchor = ({ children, href, icon, current = false, isUnclick
     const theme = useTheme();
     const classNames = useClassNames();
     const iconComponent = getIconComponent(theme, { icon, current });
-    return (React.createElement(Anchor, { themes: theme, "aria-current": current ? 'page' : undefined, href: isUnclickable ? undefined : href, className: classNames.anchor, "$isActive": current, "$isUnclickable": isUnclickable },
+    return (React.createElement(Anchor, { "$themes": theme, "aria-current": current ? 'page' : undefined, href: isUnclickable ? undefined : href, className: classNames.anchor, "$isActive": current, "$isUnclickable": isUnclickable },
         iconComponent,
         children));
 };

package/esm/components/AppNavi/AppNaviAnchor.js.map

@@ -1 +1 @@
-{"version":3,"file":"AppNaviAnchor.js","sourceRoot":"","sources":["../../../src/components/AppNavi/AppNaviAnchor.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyB,MAAM,OAAO,CAAA;AAC7C,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAE/C,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AAG/C,OAAO,EAAkB,gBAAgB,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAA;AAChF,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAgB/C,MAAM,CAAC,MAAM,aAAa,GAAoB,CAAC,EAC7C,QAAQ,EACR,IAAI,EACJ,IAAI,EACJ,OAAO,GAAG,KAAK,EACf,aAAa,GAAG,KAAK,GACtB,EAAE,EAAE;IACH,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAA;IACxB,MAAM,UAAU,GAAG,aAAa,EAAE,CAAA;IAClC,MAAM,aAAa,GAAG,gBAAgB,CAAC,KAAK,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC,CAAA;IAEhE,OAAO,CACL,oBAAC,MAAM,IACL,MAAM,EAAE,KAAK,kBACC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,EAC1C,IAAI,EAAE,aAAa,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,EACtC,SAAS,EAAE,UAAU,CAAC,MAAM,eACjB,OAAO,oBACF,aAAa;QAE5B,aAAa;QACb,QAAQ,CACF,CACV,CAAA;AACH,CAAC,CAAA;AAED,MAAM,MAAM,GAAG,MAAM,CAAC,CAAC,CACrB,CAAC,KAAK,EAAE,EAAE,CAAC,GAAG,CAAA;MACV,YAAY,CAAC,KAAK,CAAC;;;;;GAKtB,CACF,CAAA"}
+{"version":3,"file":"AppNaviAnchor.js","sourceRoot":"","sources":["../../../src/components/AppNavi/AppNaviAnchor.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyB,MAAM,OAAO,CAAA;AAC7C,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAE/C,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AAG/C,OAAO,EAAkB,gBAAgB,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAA;AAChF,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAgB/C,MAAM,CAAC,MAAM,aAAa,GAAoB,CAAC,EAC7C,QAAQ,EACR,IAAI,EACJ,IAAI,EACJ,OAAO,GAAG,KAAK,EACf,aAAa,GAAG,KAAK,GACtB,EAAE,EAAE;IACH,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAA;IACxB,MAAM,UAAU,GAAG,aAAa,EAAE,CAAA;IAClC,MAAM,aAAa,GAAG,gBAAgB,CAAC,KAAK,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC,CAAA;IAEhE,OAAO,CACL,oBAAC,MAAM,eACI,KAAK,kBACA,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,EAC1C,IAAI,EAAE,aAAa,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,EACtC,SAAS,EAAE,UAAU,CAAC,MAAM,eACjB,OAAO,oBACF,aAAa;QAE5B,aAAa;QACb,QAAQ,CACF,CACV,CAAA;AACH,CAAC,CAAA;AAED,MAAM,MAAM,GAAG,MAAM,CAAC,CAAC,CACrB,CAAC,KAAK,EAAE,EAAE,CAAC,GAAG,CAAA;MACV,YAAY,CAAC,KAAK,CAAC;;;;;GAKtB,CACF,CAAA"}

package/esm/components/AppNavi/AppNaviButton.js

@@ -8,7 +8,7 @@ export const AppNaviButton = ({ children, icon, current = false, isUnclickable =
     const theme = useTheme();
     const classNames = useClassNames();
     const iconComponent = getIconComponent(theme, { icon, current });
-    return (React.createElement(Button, { themes: theme, "aria-current": current ? 'page' : undefined, onClick: onClick, disabled: isUnclickable, type: "button", className: classNames.button, "$isActive": current, "$isUnclickable": isUnclickable },
+    return (React.createElement(Button, { "$themes": theme, "aria-current": current ? 'page' : undefined, onClick: onClick, disabled: isUnclickable, type: "button", className: classNames.button, "$isActive": current, "$isUnclickable": isUnclickable },
         iconComponent,
         children));
 };

package/esm/components/AppNavi/AppNaviButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"AppNaviButton.js","sourceRoot":"","sources":["../../../src/components/AppNavi/AppNaviButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyB,MAAM,OAAO,CAAA;AAC7C,OAAO,MAAM,MAAM,mBAAmB,CAAA;AAEtC,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AAC/C,OAAO,EAAE,cAAc,EAAE,MAAM,WAAW,CAAA;AAG1C,OAAO,EAAkB,gBAAgB,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAA;AAChF,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAiB/C,MAAM,CAAC,MAAM,aAAa,GAAoB,CAAC,EAC7C,QAAQ,EACR,IAAI,EACJ,OAAO,GAAG,KAAK,EACf,aAAa,GAAG,KAAK,EACrB,OAAO,GACR,EAAE,EAAE;IACH,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAA;IACxB,MAAM,UAAU,GAAG,aAAa,EAAE,CAAA;IAClC,MAAM,aAAa,GAAG,gBAAgB,CAAC,KAAK,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC,CAAA;IAEhE,OAAO,CACL,oBAAC,MAAM,IACL,MAAM,EAAE,KAAK,kBACC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,EAC1C,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,aAAa,EACvB,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,UAAU,CAAC,MAAM,eACjB,OAAO,oBACF,aAAa;QAE5B,aAAa;QACb,QAAQ,CACF,CACV,CAAA;AACH,CAAC,CAAA;AAED,MAAM,MAAM,GAAG,MAAM,CAAC,cAAc,CAAC,CAAiB,CAAC,KAAK,EAAE,EAAE,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC,CAAA"}
+{"version":3,"file":"AppNaviButton.js","sourceRoot":"","sources":["../../../src/components/AppNavi/AppNaviButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyB,MAAM,OAAO,CAAA;AAC7C,OAAO,MAAM,MAAM,mBAAmB,CAAA;AAEtC,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AAC/C,OAAO,EAAE,cAAc,EAAE,MAAM,WAAW,CAAA;AAG1C,OAAO,EAAkB,gBAAgB,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAA;AAChF,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAiB/C,MAAM,CAAC,MAAM,aAAa,GAAoB,CAAC,EAC7C,QAAQ,EACR,IAAI,EACJ,OAAO,GAAG,KAAK,EACf,aAAa,GAAG,KAAK,EACrB,OAAO,GACR,EAAE,EAAE;IACH,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAA;IACxB,MAAM,UAAU,GAAG,aAAa,EAAE,CAAA;IAClC,MAAM,aAAa,GAAG,gBAAgB,CAAC,KAAK,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC,CAAA;IAEhE,OAAO,CACL,oBAAC,MAAM,eACI,KAAK,kBACA,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,EAC1C,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,aAAa,EACvB,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,UAAU,CAAC,MAAM,eACjB,OAAO,oBACF,aAAa;QAE5B,aAAa;QACb,QAAQ,CACF,CACV,CAAA;AACH,CAAC,CAAA;AAED,MAAM,MAAM,GAAG,MAAM,CAAC,cAAc,CAAC,CAAiB,CAAC,KAAK,EAAE,EAAE,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC,CAAA"}

package/esm/components/AppNavi/AppNaviCustomTag.js

@@ -22,7 +22,7 @@ export const AppNaviCustomTag = ({ children, tag, icon, current = false, isUncli
         iconComponent,
         children));
 };
-const Active = styled.div(({ $themes }) => getItemStyle({ themes: $themes, $isActive: true }));
-const InActive = styled.div(({ $themes }) => getItemStyle({ themes: $themes }));
-const UnclickableActive = styled.div(({ $themes }) => getItemStyle({ themes: $themes, $isActive: true, $isUnclickable: true }));
+const Active = styled.div(({ $themes }) => getItemStyle({ $themes, $isActive: true }));
+const InActive = styled.div(({ $themes }) => getItemStyle({ $themes }));
+const UnclickableActive = styled.div(({ $themes }) => getItemStyle({ $themes, $isActive: true, $isUnclickable: true }));
 //# sourceMappingURL=AppNaviCustomTag.js.map

package/esm/components/AppNavi/AppNaviCustomTag.js.map

@@ -1 +1 @@
-{"version":3,"file":"AppNaviCustomTag.js","sourceRoot":"","sources":["../../../src/components/AppNavi/AppNaviCustomTag.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwC,MAAM,OAAO,CAAA;AAC5D,OAAO,MAAM,MAAM,mBAAmB,CAAA;AAEtC,OAAO,EAAS,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AAGtD,OAAO,EAAE,gBAAgB,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAA;AAChE,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAgB/C,MAAM,CAAC,MAAM,gBAAgB,GAAoB,CAAC,EAChD,QAAQ,EACR,GAAG,EACH,IAAI,EACJ,OAAO,GAAG,KAAK,EACf,aAAa,GAAG,KAAK,EACrB,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAA;IACxB,MAAM,UAAU,GAAG,aAAa,EAAE,CAAA;IAClC,MAAM,aAAa,GAAG,gBAAgB,CAAC,KAAK,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC,CAAA;IAEhE,IAAI,OAAO,EAAE,CAAC;QACZ,IAAI,aAAa,EAAE,CAAC;YAClB,MAAM,gBAAgB,GAAG,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAA;YAC5D,OAAO,CACL,oBAAC,iBAAiB,OACZ,KAAK,KACL,gBAAgB,EACpB,EAAE,EAAE,GAAG,aACE,KAAK,kBACD,MAAM,EACnB,SAAS,EAAE,UAAU,CAAC,SAAS;gBAE9B,aAAa;gBACb,QAAQ,CACS,CACrB,CAAA;QACH,CAAC;QACD,OAAO,CACL,oBAAC,MAAM,OACD,KAAK,EACT,EAAE,EAAE,GAAG,aACE,KAAK,kBACD,MAAM,EACnB,SAAS,EAAE,UAAU,CAAC,SAAS;YAE9B,aAAa;YACb,QAAQ,CACF,CACV,CAAA;IACH,CAAC;IAED,OAAO,CACL,oBAAC,QAAQ,OAAK,KAAK,EAAE,EAAE,EAAE,GAAG,aAAW,KAAK,EAAE,SAAS,EAAE,UAAU,CAAC,SAAS;QAC1E,aAAa;QACb,QAAQ,CACA,CACZ,CAAA;AACH,CAAC,CAAA;AAED,MAAM,MAAM,GAAG,MAAM,CAAC,GAAG,CAAqB,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAC5D,YAAY,CAAC,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,CACnD,CAAA;AACD,MAAM,QAAQ,GAAG,MAAM,CAAC,GAAG,CAAqB,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,YAAY,CAAC,EAAE,MAAM,EAAE,OAAO,EAAE,CAAC,CAAC,CAAA;AACnG,MAAM,iBAAiB,GAAG,MAAM,CAAC,GAAG,CAAqB,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CACvE,YAAY,CAAC,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,cAAc,EAAE,IAAI,EAAE,CAAC,CACzE,CAAA"}
+{"version":3,"file":"AppNaviCustomTag.js","sourceRoot":"","sources":["../../../src/components/AppNavi/AppNaviCustomTag.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwC,MAAM,OAAO,CAAA;AAC5D,OAAO,MAAM,MAAM,mBAAmB,CAAA;AAEtC,OAAO,EAAS,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AAGtD,OAAO,EAAE,gBAAgB,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAA;AAChE,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAgB/C,MAAM,CAAC,MAAM,gBAAgB,GAAoB,CAAC,EAChD,QAAQ,EACR,GAAG,EACH,IAAI,EACJ,OAAO,GAAG,KAAK,EACf,aAAa,GAAG,KAAK,EACrB,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAA;IACxB,MAAM,UAAU,GAAG,aAAa,EAAE,CAAA;IAClC,MAAM,aAAa,GAAG,gBAAgB,CAAC,KAAK,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC,CAAA;IAEhE,IAAI,OAAO,EAAE,CAAC;QACZ,IAAI,aAAa,EAAE,CAAC;YAClB,MAAM,gBAAgB,GAAG,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAA;YAC5D,OAAO,CACL,oBAAC,iBAAiB,OACZ,KAAK,KACL,gBAAgB,EACpB,EAAE,EAAE,GAAG,aACE,KAAK,kBACD,MAAM,EACnB,SAAS,EAAE,UAAU,CAAC,SAAS;gBAE9B,aAAa;gBACb,QAAQ,CACS,CACrB,CAAA;QACH,CAAC;QACD,OAAO,CACL,oBAAC,MAAM,OACD,KAAK,EACT,EAAE,EAAE,GAAG,aACE,KAAK,kBACD,MAAM,EACnB,SAAS,EAAE,UAAU,CAAC,SAAS;YAE9B,aAAa;YACb,QAAQ,CACF,CACV,CAAA;IACH,CAAC;IAED,OAAO,CACL,oBAAC,QAAQ,OAAK,KAAK,EAAE,EAAE,EAAE,GAAG,aAAW,KAAK,EAAE,SAAS,EAAE,UAAU,CAAC,SAAS;QAC1E,aAAa;QACb,QAAQ,CACA,CACZ,CAAA;AACH,CAAC,CAAA;AAED,MAAM,MAAM,GAAG,MAAM,CAAC,GAAG,CAAqB,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAC5D,YAAY,CAAC,EAAE,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,CAC3C,CAAA;AACD,MAAM,QAAQ,GAAG,MAAM,CAAC,GAAG,CAAqB,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,YAAY,CAAC,EAAE,OAAO,EAAE,CAAC,CAAC,CAAA;AAC3F,MAAM,iBAAiB,GAAG,MAAM,CAAC,GAAG,CAAqB,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CACvE,YAAY,CAAC,EAAE,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,cAAc,EAAE,IAAI,EAAE,CAAC,CACjE,CAAA"}

package/esm/components/AppNavi/AppNaviDropdown.js

@@ -9,7 +9,7 @@ export const AppNaviDropdown = ({ children, dropdownContent, icon, current = fal
     const iconComponent = getIconComponent(theme, { icon, current });
     return (React.createElement(Dropdown, null,
         React.createElement(StyledDropdownTrigger, null,
-            React.createElement(TriggerButton, { themes: theme, "aria-current": current ? 'page' : undefined, disabled: isUnclickable, type: "button", "$displayCaret": displayCaret, "$isActive": current, "$isUnclickable": isUnclickable },
+            React.createElement(TriggerButton, { "$themes": theme, "aria-current": current ? 'page' : undefined, disabled: isUnclickable, type: "button", "$displayCaret": displayCaret, "$isActive": current, "$isUnclickable": isUnclickable },
                 iconComponent,
                 children,
                 displayCaret && React.createElement(FaCaretDownIcon, null))),

package/esm/components/AppNavi/AppNaviDropdown.js.map

@@ -1 +1 @@
-{"version":3,"file":"AppNaviDropdown.js","sourceRoot":"","sources":["../../../src/components/AppNavi/AppNaviDropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyB,MAAM,OAAO,CAAA;AAC7C,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAE/C,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AAC/C,OAAO,EAAE,QAAQ,EAAE,eAAe,EAAE,eAAe,EAAE,MAAM,aAAa,CAAA;AACxE,OAAO,EAAE,eAAe,EAA+B,MAAM,SAAS,CAAA;AAEtE,OAAO,EAAkB,gBAAgB,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAA;AAkBhF,MAAM,CAAC,MAAM,eAAe,GAAoB,CAAC,EAC/C,QAAQ,EACR,eAAe,EACf,IAAI,EACJ,OAAO,GAAG,KAAK,EACf,aAAa,GAAG,KAAK,EACrB,YAAY,GACb,EAAE,EAAE;IACH,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAA;IACxB,MAAM,aAAa,GAAG,gBAAgB,CAAC,KAAK,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC,CAAA;IAEhE,OAAO,CACL,oBAAC,QAAQ;QACP,oBAAC,qBAAqB;YACpB,oBAAC,aAAa,IACZ,MAAM,EAAE,KAAK,kBACC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,EAC1C,QAAQ,EAAE,aAAa,EACvB,IAAI,EAAC,QAAQ,mBACE,YAAY,eAChB,OAAO,oBACF,aAAa;gBAE5B,aAAa;gBACb,QAAQ;gBACR,YAAY,IAAI,oBAAC,eAAe,OAAG,CACtB,CACM;QAExB,oBAAC,eAAe,QAAE,eAAe,CAAmB,CAC3C,CACZ,CAAA;AACH,CAAC,CAAA;AAED,MAAM,qBAAqB,GAAG,MAAM,CAAC,eAAe,CAAC,CAAA;;CAEpD,CAAA;AACD,MAAM,aAAa,GAAG,MAAM,CAAC,MAAM,CAKjC,CAAC,EAAE,aAAa,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE,CAAC,GAAG,CAAA;MAChC,YAAY,CAAC,KAAK,CAAC;;MAEnB,aAAa;IACf,GAAG,CAAA;;;;;;KAMF;GACF,CACF,CAAA"}
+{"version":3,"file":"AppNaviDropdown.js","sourceRoot":"","sources":["../../../src/components/AppNavi/AppNaviDropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyB,MAAM,OAAO,CAAA;AAC7C,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAE/C,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AAC/C,OAAO,EAAE,QAAQ,EAAE,eAAe,EAAE,eAAe,EAAE,MAAM,aAAa,CAAA;AACxE,OAAO,EAAE,eAAe,EAA+B,MAAM,SAAS,CAAA;AAEtE,OAAO,EAAkB,gBAAgB,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAA;AAkBhF,MAAM,CAAC,MAAM,eAAe,GAAoB,CAAC,EAC/C,QAAQ,EACR,eAAe,EACf,IAAI,EACJ,OAAO,GAAG,KAAK,EACf,aAAa,GAAG,KAAK,EACrB,YAAY,GACb,EAAE,EAAE;IACH,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAA;IACxB,MAAM,aAAa,GAAG,gBAAgB,CAAC,KAAK,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC,CAAA;IAEhE,OAAO,CACL,oBAAC,QAAQ;QACP,oBAAC,qBAAqB;YACpB,oBAAC,aAAa,eACH,KAAK,kBACA,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,EAC1C,QAAQ,EAAE,aAAa,EACvB,IAAI,EAAC,QAAQ,mBACE,YAAY,eAChB,OAAO,oBACF,aAAa;gBAE5B,aAAa;gBACb,QAAQ;gBACR,YAAY,IAAI,oBAAC,eAAe,OAAG,CACtB,CACM;QAExB,oBAAC,eAAe,QAAE,eAAe,CAAmB,CAC3C,CACZ,CAAA;AACH,CAAC,CAAA;AAED,MAAM,qBAAqB,GAAG,MAAM,CAAC,eAAe,CAAC,CAAA;;CAEpD,CAAA;AACD,MAAM,aAAa,GAAG,MAAM,CAAC,MAAM,CAKjC,CAAC,EAAE,aAAa,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE,CAAC,GAAG,CAAA;MAChC,YAAY,CAAC,KAAK,CAAC;;MAEnB,aAAa;IACf,GAAG,CAAA;;;;;;KAMF;GACF,CACF,CAAA"}

package/esm/components/AppNavi/appNaviHelper.d.ts

@@ -6,8 +6,8 @@ export declare const getIconComponent: (theme: Theme, options?: {
     current?: boolean;
 }) => React.JSX.Element | null;
 export type ItemStyleProps = {
-    themes: Theme;
+    $themes: Theme;
     $isActive?: boolean;
     $isUnclickable?: boolean;
 };
-export declare const getItemStyle: ({ themes: { color: { hoverColor, MAIN, TEXT_BLACK, TEXT_GREY, WHITE }, fontSize, leading, spacingByChar, }, $isActive, $isUnclickable, }: ItemStyleProps) => import("styled-components").FlattenSimpleInterpolation;
+export declare const getItemStyle: ({ $themes: { color: { hoverColor, MAIN, TEXT_BLACK, TEXT_GREY, WHITE }, fontSize, leading, spacingByChar, }, $isActive, $isUnclickable, }: ItemStyleProps) => import("styled-components").FlattenSimpleInterpolation;

package/esm/components/AppNavi/appNaviHelper.js

@@ -15,7 +15,7 @@ export const getIconComponent = (theme, options) => {
     };
     return React.createElement(Icon, { ...iconProps });
 };
-export const getItemStyle = ({ themes: { color: { hoverColor, MAIN, TEXT_BLACK, TEXT_GREY, WHITE }, fontSize, leading, spacingByChar, }, $isActive, $isUnclickable, }) => css `
+export const getItemStyle = ({ $themes: { color: { hoverColor, MAIN, TEXT_BLACK, TEXT_GREY, WHITE }, fontSize, leading, spacingByChar, }, $isActive, $isUnclickable, }) => css `
   display: flex;
   align-items: center;
   gap: ${spacingByChar(0.5)};

package/esm/components/AppNavi/appNaviHelper.js.map

@@ -1 +1 @@
-{"version":3,"file":"appNaviHelper.js","sourceRoot":"","sources":["../../../src/components/AppNavi/appNaviHelper.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAKvC,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAC9B,KAAY,EACZ,OAAsE,EACtE,EAAE;IACF,MAAM,IAAI,GAAG;QACX,IAAI,EAAE,IAAI;QACV,OAAO,EAAE,KAAK;QACd,GAAG,OAAO;KACX,CAAA;IACD,MAAM,EAAE,UAAU,EAAE,SAAS,EAAE,GAAG,KAAK,CAAC,KAAK,CAAA;IAE7C,IAAI,CAAC,IAAI,CAAC,IAAI;QAAE,OAAO,IAAI,CAAA;IAE3B,MAAM,IAAI,GAAG,IAAI,CAAC,IAAI,CAAA;IAEtB,MAAM,SAAS,GAAG;QAChB,KAAK,EAAE,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,SAAS;KAC7C,CAAA;IAED,OAAO,oBAAC,IAAI,OAAK,SAAS,GAAI,CAAA;AAChC,CAAC,CAAA;AAOD,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,EAC3B,MAAM,EAAE,EACN,KAAK,EAAE,EAAE,UAAU,EAAE,IAAI,EAAE,UAAU,EAAE,SAAS,EAAE,KAAK,EAAE,EACzD,QAAQ,EACR,OAAO,EACP,aAAa,GACd,EACD,SAAS,EACT,cAAc,GACC,EAAE,EAAE,CAAC,GAAG,CAAA;;;SAGhB,aAAa,CAAC,GAAG,CAAC;;;;;;aAMd,aAAa,CAAC,IAAI,CAAC,IAAI,aAAa,CAAC,GAAG,CAAC;;eAEvC,QAAQ,CAAC,CAAC;;iBAER,OAAO,CAAC,IAAI;WAClB,SAAS;;;IAGhB,SAAS;IACX,GAAG,CAAA;aACQ,UAAU;;;;;;;;;0BASG,IAAI;gBACd,aAAa,CAAC,IAAI,CAAC;;GAEhC;IACC,CAAC,cAAc;IACjB,GAAG,CAAA;;;0BAGqB,UAAU,CAAC,KAAK,CAAC;;GAExC;CACF,CAAA"}
+{"version":3,"file":"appNaviHelper.js","sourceRoot":"","sources":["../../../src/components/AppNavi/appNaviHelper.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAKvC,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAC9B,KAAY,EACZ,OAAsE,EACtE,EAAE;IACF,MAAM,IAAI,GAAG;QACX,IAAI,EAAE,IAAI;QACV,OAAO,EAAE,KAAK;QACd,GAAG,OAAO;KACX,CAAA;IACD,MAAM,EAAE,UAAU,EAAE,SAAS,EAAE,GAAG,KAAK,CAAC,KAAK,CAAA;IAE7C,IAAI,CAAC,IAAI,CAAC,IAAI;QAAE,OAAO,IAAI,CAAA;IAE3B,MAAM,IAAI,GAAG,IAAI,CAAC,IAAI,CAAA;IAEtB,MAAM,SAAS,GAAG;QAChB,KAAK,EAAE,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,SAAS;KAC7C,CAAA;IAED,OAAO,oBAAC,IAAI,OAAK,SAAS,GAAI,CAAA;AAChC,CAAC,CAAA;AAOD,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,EAC3B,OAAO,EAAE,EACP,KAAK,EAAE,EAAE,UAAU,EAAE,IAAI,EAAE,UAAU,EAAE,SAAS,EAAE,KAAK,EAAE,EACzD,QAAQ,EACR,OAAO,EACP,aAAa,GACd,EACD,SAAS,EACT,cAAc,GACC,EAAE,EAAE,CAAC,GAAG,CAAA;;;SAGhB,aAAa,CAAC,GAAG,CAAC;;;;;;aAMd,aAAa,CAAC,IAAI,CAAC,IAAI,aAAa,CAAC,GAAG,CAAC;;eAEvC,QAAQ,CAAC,CAAC;;iBAER,OAAO,CAAC,IAAI;WAClB,SAAS;;;IAGhB,SAAS;IACX,GAAG,CAAA;aACQ,UAAU;;;;;;;;;0BASG,IAAI;gBACd,aAAa,CAAC,IAAI,CAAC;;GAEhC;IACC,CAAC,cAAc;IACjB,GAAG,CAAA;;;0BAGqB,UAAU,CAAC,KAAK,CAAC;;GAExC;CACF,CAAA"}

package/esm/components/Base/Base.d.ts

@@ -99,7 +99,7 @@ declare const base: import("tailwind-variants").TVReturnType<{
         3: string;
         4: string;
     };
-}, undefined, "smarthr-ui-Base shr-bg-white contrast-more:shr-border-high-contrast", import("tailwind-variants/dist/config").TVConfig<{
+}, undefined, "smarthr-ui-Base shr-bg-white forced-colors:shr-border-shorthand contrast-more:shr-border-high-contrast", import("tailwind-variants/dist/config").TVConfig<{
     paddingBlock: {
         0: string;
         2: string;
@@ -491,7 +491,7 @@ declare const base: import("tailwind-variants").TVReturnType<{
         3: string;
         4: string;
     };
-}, undefined, "smarthr-ui-Base shr-bg-white contrast-more:shr-border-high-contrast", import("tailwind-variants/dist/config").TVConfig<{
+}, undefined, "smarthr-ui-Base shr-bg-white forced-colors:shr-border-shorthand contrast-more:shr-border-high-contrast", import("tailwind-variants/dist/config").TVConfig<{
     paddingBlock: {
         0: string;
         2: string;
@@ -810,7 +810,7 @@ export declare const Base: React.ForwardRefExoticComponent<Omit<Omit<VariantProp
         3: string;
         4: string;
     };
-}, undefined, "smarthr-ui-Base shr-bg-white contrast-more:shr-border-high-contrast", import("tailwind-variants/dist/config").TVConfig<{
+}, undefined, "smarthr-ui-Base shr-bg-white forced-colors:shr-border-shorthand contrast-more:shr-border-high-contrast", import("tailwind-variants/dist/config").TVConfig<{
     paddingBlock: {
         0: string;
         2: string;
@@ -1202,7 +1202,7 @@ export declare const Base: React.ForwardRefExoticComponent<Omit<Omit<VariantProp
         3: string;
         4: string;
     };
-}, undefined, "smarthr-ui-Base shr-bg-white contrast-more:shr-border-high-contrast", import("tailwind-variants/dist/config").TVConfig<{
+}, undefined, "smarthr-ui-Base shr-bg-white forced-colors:shr-border-shorthand contrast-more:shr-border-high-contrast", import("tailwind-variants/dist/config").TVConfig<{
     paddingBlock: {
         0: string;
         2: string;

package/esm/components/Base/Base.js

@@ -1,7 +1,7 @@
 import React, { forwardRef, useMemo } from 'react';
 import { tv } from 'tailwind-variants';
 const base = tv({
-    base: 'smarthr-ui-Base shr-bg-white contrast-more:shr-border-high-contrast',
+    base: 'smarthr-ui-Base shr-bg-white forced-colors:shr-border-shorthand contrast-more:shr-border-high-contrast',
     variants: {
         paddingBlock: {
             0: 'shr-py-0',

package/esm/components/Base/Base.js.map

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

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

@@ -1,4 +1,3 @@
 export { Base } from './Base';
 export type { ElementProps as BaseElementProps } from './Base';
-export { DialogBase } from './DialogBase';
 export { BaseColumn } from './BaseColumn';

package/esm/components/Base/index.js

@@ -1,4 +1,3 @@
 export { Base } from './Base';
-export { DialogBase } from './DialogBase';
 export { BaseColumn } from './BaseColumn';
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Base/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAA;AAE7B,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AACzC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Base/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAA;AAE7B,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA"}

package/esm/components/BottomFixedArea/BottomFixedArea.js

@@ -13,7 +13,7 @@ export const BottomFixedArea = ({ description, primaryButton, secondaryButton, t
     useEffect(() => {
         validateElement(primaryButton, secondaryButton);
     }, [primaryButton, secondaryButton]);
-    return (React.createElement(Base, { ...props, themes: theme, zIndex: zIndex, className: `${className} ${classNames.wrapper}` },
+    return (React.createElement(Base, { ...props, "$themes": theme, "$zIndex": zIndex, className: `${className} ${classNames.wrapper}` },
         React.createElement(Stack, null,
             description && (React.createElement(Text, { as: "p", className: classNames.description }, description)),
             (secondaryButton || primaryButton) && (React.createElement(Cluster, { as: "ul", justify: "center", gap: { row: 0.5, column: 1 } },
@@ -23,13 +23,13 @@ export const BottomFixedArea = ({ description, primaryButton, secondaryButton, t
                 React.createElement(TertiaryLink, { ...tertiaryLink })))))))));
 };
 const Base = styled(BaseComponent) `
-  ${({ themes: { spacingByChar }, zIndex }) => css `
+  ${({ $themes: { spacingByChar }, $zIndex }) => css `
     position: fixed;
     bottom: 0;
     width: 100%;
     padding: ${spacingByChar(1.5)};
     text-align: center;
-    z-index: ${zIndex};
+    z-index: ${$zIndex};
     box-shadow: 0 -4px 8px 2px rgba(0, 0, 0, 0.24);
     border-radius: 0;
     box-sizing: border-box;

package/esm/components/BottomFixedArea/BottomFixedArea.js.map

@@ -1 +1 @@
-{"version":3,"file":"BottomFixedArea.js","sourceRoot":"","sources":["../../../src/components/BottomFixedArea/BottomFixedArea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAMZ,SAAS,GACV,MAAM,OAAO,CAAA;AACd,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAE/C,OAAO,EAAS,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AACtD,OAAO,EAAE,IAAI,IAAI,aAAa,EAAE,MAAM,SAAS,CAAA;AAE/C,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,WAAW,CAAA;AAC1C,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAE9B,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAC7C,OAAO,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAA;AACzD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AA2B/C,MAAM,CAAC,MAAM,eAAe,GAA8B,CAAC,EACzD,WAAW,EACX,aAAa,EACb,eAAe,EACf,aAAa,EACb,MAAM,GAAG,GAAG,EACZ,SAAS,GAAG,EAAE,EACd,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAA;IACxB,MAAM,UAAU,GAAG,aAAa,EAAE,CAAA;IAElC,SAAS,CAAC,GAAG,EAAE;QACb,eAAe,CAAC,aAAa,EAAE,eAAe,CAAC,CAAA;IACjD,CAAC,EAAE,CAAC,aAAa,EAAE,eAAe,CAAC,CAAC,CAAA;IAEpC,OAAO,CACL,oBAAC,IAAI,OACC,KAAK,EACT,MAAM,EAAE,KAAK,EACb,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,GAAG,SAAS,IAAI,UAAU,CAAC,OAAO,EAAE;QAE/C,oBAAC,KAAK;YACH,WAAW,IAAI,CACd,oBAAC,IAAI,IAAC,EAAE,EAAC,GAAG,EAAC,SAAS,EAAE,UAAU,CAAC,WAAW,IAC3C,WAAW,CACP,CACR;YACA,CAAC,eAAe,IAAI,aAAa,CAAC,IAAI,CACrC,oBAAC,OAAO,IAAC,EAAE,EAAC,IAAI,EAAC,OAAO,EAAC,QAAQ,EAAC,GAAG,EAAE,EAAE,GAAG,EAAE,GAAG,EAAE,MAAM,EAAE,CAAC,EAAE;gBAC3D,eAAe,IAAI,4BAAI,SAAS,EAAE,UAAU,CAAC,eAAe,IAAG,eAAe,CAAM;gBACpF,aAAa,IAAI,4BAAI,SAAS,EAAE,UAAU,CAAC,aAAa,IAAG,aAAa,CAAM,CACvE,CACX;YACA,aAAa,IAAI,aAAa,CAAC,MAAM,GAAG,CAAC,IAAI,CAC5C,oBAAC,OAAO,IAAC,EAAE,EAAC,IAAI,EAAC,OAAO,EAAC,QAAQ,EAAC,GAAG,EAAE,EAAE,GAAG,EAAE,GAAG,EAAE,MAAM,EAAE,CAAC,EAAE,IAC3D,aAAa,CAAC,GAAG,CAAC,CAAC,YAAY,EAAE,KAAK,EAAE,EAAE,CAAC,CAC1C,4BAAI,GAAG,EAAE,KAAK,EAAE,SAAS,EAAE,UAAU,CAAC,gBAAgB;gBAEpD,oBAAC,YAAY,OAAK,YAAY,GAAI,CAC/B,CACN,CAAC,CACM,CACX,CACK,CACH,CACR,CAAA;AACH,CAAC,CAAA;AAED,MAAM,IAAI,GAAG,MAAM,CAAC,aAAa,CAAC,CAAmC;IACjE,CAAC,EAAE,MAAM,EAAE,EAAE,aAAa,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,GAAG,CAAA;;;;eAInC,aAAa,CAAC,GAAG,CAAC;;eAElB,MAAM;;;;GAIlB;CACF,CAAA"}
+{"version":3,"file":"BottomFixedArea.js","sourceRoot":"","sources":["../../../src/components/BottomFixedArea/BottomFixedArea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAMZ,SAAS,GACV,MAAM,OAAO,CAAA;AACd,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAE/C,OAAO,EAAS,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AACtD,OAAO,EAAE,IAAI,IAAI,aAAa,EAAE,MAAM,SAAS,CAAA;AAE/C,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,WAAW,CAAA;AAC1C,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAE9B,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAC7C,OAAO,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAA;AACzD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AA2B/C,MAAM,CAAC,MAAM,eAAe,GAA8B,CAAC,EACzD,WAAW,EACX,aAAa,EACb,eAAe,EACf,aAAa,EACb,MAAM,GAAG,GAAG,EACZ,SAAS,GAAG,EAAE,EACd,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAA;IACxB,MAAM,UAAU,GAAG,aAAa,EAAE,CAAA;IAElC,SAAS,CAAC,GAAG,EAAE;QACb,eAAe,CAAC,aAAa,EAAE,eAAe,CAAC,CAAA;IACjD,CAAC,EAAE,CAAC,aAAa,EAAE,eAAe,CAAC,CAAC,CAAA;IAEpC,OAAO,CACL,oBAAC,IAAI,OACC,KAAK,aACA,KAAK,aACL,MAAM,EACf,SAAS,EAAE,GAAG,SAAS,IAAI,UAAU,CAAC,OAAO,EAAE;QAE/C,oBAAC,KAAK;YACH,WAAW,IAAI,CACd,oBAAC,IAAI,IAAC,EAAE,EAAC,GAAG,EAAC,SAAS,EAAE,UAAU,CAAC,WAAW,IAC3C,WAAW,CACP,CACR;YACA,CAAC,eAAe,IAAI,aAAa,CAAC,IAAI,CACrC,oBAAC,OAAO,IAAC,EAAE,EAAC,IAAI,EAAC,OAAO,EAAC,QAAQ,EAAC,GAAG,EAAE,EAAE,GAAG,EAAE,GAAG,EAAE,MAAM,EAAE,CAAC,EAAE;gBAC3D,eAAe,IAAI,4BAAI,SAAS,EAAE,UAAU,CAAC,eAAe,IAAG,eAAe,CAAM;gBACpF,aAAa,IAAI,4BAAI,SAAS,EAAE,UAAU,CAAC,aAAa,IAAG,aAAa,CAAM,CACvE,CACX;YACA,aAAa,IAAI,aAAa,CAAC,MAAM,GAAG,CAAC,IAAI,CAC5C,oBAAC,OAAO,IAAC,EAAE,EAAC,IAAI,EAAC,OAAO,EAAC,QAAQ,EAAC,GAAG,EAAE,EAAE,GAAG,EAAE,GAAG,EAAE,MAAM,EAAE,CAAC,EAAE,IAC3D,aAAa,CAAC,GAAG,CAAC,CAAC,YAAY,EAAE,KAAK,EAAE,EAAE,CAAC,CAC1C,4BAAI,GAAG,EAAE,KAAK,EAAE,SAAS,EAAE,UAAU,CAAC,gBAAgB;gBAEpD,oBAAC,YAAY,OAAK,YAAY,GAAI,CAC/B,CACN,CAAC,CACM,CACX,CACK,CACH,CACR,CAAA;AACH,CAAC,CAAA;AAED,MAAM,IAAI,GAAG,MAAM,CAAC,aAAa,CAAC,CAAqC;IACnE,CAAC,EAAE,OAAO,EAAE,EAAE,aAAa,EAAE,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,GAAG,CAAA;;;;eAIrC,aAAa,CAAC,GAAG,CAAC;;eAElB,OAAO;;;;GAInB;CACF,CAAA"}

package/esm/components/ComboBox/ListBoxItemButton.d.ts

@@ -8,6 +8,5 @@ type Props<T> = {
     onMouseOver: (option: ComboBoxOption<T>) => void;
     activeRef: RefObject<HTMLButtonElement>;
 };
-declare function ListBoxItemButton<T>({ option, isActive, onAdd, onSelect, onMouseOver, activeRef, }: Props<T>): React.JSX.Element;
-declare const Memoized: typeof ListBoxItemButton;
+declare const Memoized: <T>({ option, isActive, onAdd, onSelect, onMouseOver, activeRef, }: Props<T>) => React.JSX.Element;
 export { Memoized as ListBoxItemButton };

package/esm/components/ComboBox/ListBoxItemButton.js

@@ -1,11 +1,25 @@
-import React, { useCallback, useContext } from 'react';
-import styled, { css } from 'styled-components';
-import { useTheme } from '../../hooks/useTheme';
+import React, { useCallback, useMemo } from 'react';
+import { tv } from 'tailwind-variants';
 import { FaPlusCircleIcon } from '../Icon';
 import { Text } from '../Text';
-import { ComboBoxContext } from './ComboBoxContext';
-function ListBoxItemButton({ option, isActive, onAdd, onSelect, onMouseOver, activeRef, }) {
-    const className = isActive ? 'active' : '';
+const button = tv({
+    base: [
+        'shr-block shr-min-w-full shr-cursor-pointer shr-border-none shr-px-1 shr-py-0.5 shr-text-left shr-text-base shr-leading-tight',
+        'aria-selected:shr-text-white',
+        'disabled:shr-cursor-not-allowed disabled:shr-text-disabled',
+    ],
+    variants: {
+        active: {
+            true: ['shr-bg-white-darken shr-text-inherit', 'aria-selected:shr-bg-main-darken'],
+            false: ['shr-bg-white', 'aria-selected:shr-bg-main'],
+        },
+        new: {
+            true: 'smarthr-ui-ComboBox-addButton shr-flex shr-items-center',
+            false: 'smarthr-ui-ComboBox-selectButton',
+        },
+    },
+});
+const ListBoxItemButton = ({ option, isActive, onAdd, onSelect, onMouseOver, activeRef, }) => {
     const { item, selected, isNew } = option;
     const { label, disabled } = item;
     const handleAdd = useCallback(() => {
@@ -17,53 +31,19 @@ function ListBoxItemButton({ option, isActive, onAdd, onSelect, onMouseOver, act
     const handleMouseOver = useCallback(() => {
         onMouseOver(option);
     }, [onMouseOver, option]);
-    const theme = useTheme();
-    const { listBoxClassNames: classNames } = useContext(ComboBoxContext);
-    return isNew ? (React.createElement(AddButton, { key: option.id, themes: theme, onClick: handleAdd, onMouseOver: handleMouseOver, id: option.id, role: "option", className: `${className} ${classNames.addButton}`, ref: isActive ? activeRef : undefined },
-        React.createElement(FaPlusCircleIcon, { color: theme.color.TEXT_LINK, text: React.createElement(Text, { color: "TEXT_LINK" },
+    const buttonStyle = useMemo(() => button({
+        active: !!isActive,
+        new: isNew,
+    }), [isActive, isNew]);
+    return isNew ? (
+    // eslint-disable-next-line smarthr/a11y-clickable-element-has-text
+    React.createElement("button", { key: option.id, onClick: handleAdd, onMouseOver: handleMouseOver, id: option.id, role: "option", className: buttonStyle, ref: isActive ? activeRef : undefined },
+        React.createElement(FaPlusCircleIcon, { color: "TEXT_LINK", text: React.createElement(Text, { color: "TEXT_LINK" },
                 "\u300C",
                 label,
-                "\u300D\u3092\u8FFD\u52A0") }))) : (React.createElement(SelectButton, { key: option.id, type: "button", themes: theme, disabled: disabled, onClick: handleSelect, onMouseOver: handleMouseOver, id: option.id, role: "option", className: `${className} ${classNames.selectButton}`, "aria-selected": selected, ref: isActive ? activeRef : undefined }, label));
-}
+                "\u300D\u3092\u8FFD\u52A0") }))) : (React.createElement("button", { key: option.id, disabled: disabled, onClick: handleSelect, onMouseOver: handleMouseOver, id: option.id, role: "option", className: buttonStyle, "aria-selected": selected, ref: isActive ? activeRef : undefined }, label));
+};
 const typedMemo = React.memo;
 const Memoized = typedMemo(ListBoxItemButton);
 export { Memoized as ListBoxItemButton };
-const SelectButton = styled.button `
-  ${({ themes }) => {
-    const { fontSize, leading, spacingByChar, color } = themes;
-    return css `
-      display: block;
-      min-width: 100%;
-      border: none;
-      padding: ${spacingByChar(0.5)} ${spacingByChar(1)};
-      background-color: ${color.WHITE};
-      font-size: ${fontSize.M};
-      line-height: ${leading.TIGHT};
-      text-align: left;
-      cursor: pointer;
-
-      &.active {
-        background-color: ${color.hoverColor(color.WHITE)};
-        color: inherit;
-      }
-
-      &[aria-selected='true'] {
-        background-color: ${color.MAIN};
-        color: ${color.TEXT_WHITE};
-        &.active {
-          background-color: ${color.hoverColor(color.MAIN)};
-        }
-      }
-
-      &[disabled] {
-        color: ${color.TEXT_DISABLED};
-        cursor: not-allowed;
-      }
-    `;
-}}
-`;
-const AddButton = styled(SelectButton) `
-  display: flex;
-  align-items: center;
-`;
 //# sourceMappingURL=ListBoxItemButton.js.map

package/esm/components/ComboBox/ListBoxItemButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"ListBoxItemButton.js","sourceRoot":"","sources":["../../../src/components/ComboBox/ListBoxItemButton.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"ListBoxItemButton.js","sourceRoot":"","sources":["../../../src/components/ComboBox/ListBoxItemButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAa,WAAW,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AAC9D,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAA;AAEtC,OAAO,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAA;AAC1C,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAa9B,MAAM,MAAM,GAAG,EAAE,CAAC;IAChB,IAAI,EAAE;QACJ,+HAA+H;QAC/H,8BAA8B;QAC9B,4DAA4D;KAC7D;IACD,QAAQ,EAAE;QACR,MAAM,EAAE;YACN,IAAI,EAAE,CAAC,sCAAsC,EAAE,kCAAkC,CAAC;YAClF,KAAK,EAAE,CAAC,cAAc,EAAE,2BAA2B,CAAC;SACrD;QACD,GAAG,EAAE;YACH,IAAI,EAAE,yDAAyD;YAC/D,KAAK,EAAE,kCAAkC;SAC1C;KACF;CACF,CAAC,CAAA;AAEF,MAAM,iBAAiB,GAAG,CAAK,EAC7B,MAAM,EACN,QAAQ,EACR,KAAK,EACL,QAAQ,EACR,WAAW,EACX,SAAS,GACA,EAAE,EAAE;IACb,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,GAAG,MAAM,CAAA;IACxC,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,IAAI,CAAA;IAEhC,MAAM,SAAS,GAAG,WAAW,CAAC,GAAG,EAAE;QACjC,KAAK,CAAC,MAAM,CAAC,CAAA;IACf,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC,CAAA;IAEnB,MAAM,YAAY,GAAG,WAAW,CAAC,GAAG,EAAE;QACpC,QAAQ,CAAC,MAAM,CAAC,CAAA;IAClB,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC,CAAA;IAEtB,MAAM,eAAe,GAAG,WAAW,CAAC,GAAG,EAAE;QACvC,WAAW,CAAC,MAAM,CAAC,CAAA;IACrB,CAAC,EAAE,CAAC,WAAW,EAAE,MAAM,CAAC,CAAC,CAAA;IAEzB,MAAM,WAAW,GAAG,OAAO,CACzB,GAAG,EAAE,CACH,MAAM,CAAC;QACL,MAAM,EAAE,CAAC,CAAC,QAAQ;QAClB,GAAG,EAAE,KAAK;KACX,CAAC,EACJ,CAAC,QAAQ,EAAE,KAAK,CAAC,CAClB,CAAA;IAED,OAAO,KAAK,CAAC,CAAC,CAAC;IACb,mEAAmE;IACnE,gCACE,GAAG,EAAE,MAAM,CAAC,EAAE,EACd,OAAO,EAAE,SAAS,EAClB,WAAW,EAAE,eAAe,EAC5B,EAAE,EAAE,MAAM,CAAC,EAAE,EACb,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,WAAW,EACtB,GAAG,EAAE,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS;QAErC,oBAAC,gBAAgB,IAAC,KAAK,EAAC,WAAW,EAAC,IAAI,EAAE,oBAAC,IAAI,IAAC,KAAK,EAAC,WAAW;;gBAAG,KAAK;2CAAY,GAAI,CAClF,CACV,CAAC,CAAC,CAAC,CACF,gCACE,GAAG,EAAE,MAAM,CAAC,EAAE,EACd,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,YAAY,EACrB,WAAW,EAAE,eAAe,EAC5B,EAAE,EAAE,MAAM,CAAC,EAAE,EACb,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,WAAW,mBACP,QAAQ,EACvB,GAAG,EAAE,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,IAEpC,KAAK,CACC,CACV,CAAA;AACH,CAAC,CAAA;AACD,MAAM,SAAS,GAAmB,KAAK,CAAC,IAAI,CAAA;AAC5C,MAAM,QAAQ,GAAG,SAAS,CAAC,iBAAiB,CAAC,CAAA;AAC7C,OAAO,EAAE,QAAQ,IAAI,iBAAiB,EAAE,CAAA"}

package/esm/components/ComboBox/MultiComboBox.d.ts

@@ -46,7 +46,7 @@ type Props<T> = BaseProps<T> & {
     inputAttributes?: Omit<InputHTMLAttributes<HTMLInputElement>, 'name' | 'disabled' | 'required' | 'type' | 'aria-activedescendant' | 'aria-autocomplete' | 'aria-controls' | 'aria-disabled' | 'aria-expanded' | 'aria-haspopup' | 'aria-invalid' | 'autoComplete' | 'className' | 'onChange' | 'onCompositionEnd' | 'onCompositionStart' | 'onFocus' | 'onKeyDown' | 'ref' | 'role' | 'tabIndex' | 'value'>;
 };
 type ElementProps = Omit<ComponentPropsWithoutRef<'div'>, keyof Props<unknown>>;
-declare const ActualMultiComboBox: <T>({ items, selectedItems, name, disabled, required, error, creatable, placeholder, dropdownHelpMessage, isLoading, selectedItemEllipsis, width, dropdownWidth, inputValue: controlledInputValue, className, onChange, onChangeInput, onAdd, onDelete, onSelect, onChangeSelected, onFocus, onBlur, onKeyPress, decorators, inputAttributes, ...props }: BaseProps<T> & {
+declare const ActualMultiComboBox: <T>({ items, selectedItems, name, disabled, required, error, creatable, placeholder, dropdownHelpMessage, isLoading, selectedItemEllipsis, width, dropdownWidth, inputValue: controlledInputValue, className, onChange, onChangeInput, onAdd, onDelete, onSelect, onChangeSelected, onFocus, onBlur, onKeyPress, decorators, inputAttributes, style, ...props }: BaseProps<T> & {
     /**
      * 選択されているアイテムのリスト
      */