smarthr-ui 41.1.1 → 41.1.2

package/esm/components/RadioButton/RadioButton.js

@@ -4,7 +4,7 @@ import { useId } from '../../hooks/useId';
 const radioButton = tv({
     slots: {
         wrapper: 'smarthr-ui-RadioButton shr-inline-flex shr-items-baseline',
-        label: 'smarthr-ui-RadioButton-label shr-ms-0.5 shr-cursor-pointer shr-text-base shr-leading-tight',
+        label: 'smarthr-ui-RadioButton-label shr-ms-0.5 shr-text-base shr-leading-tight',
         innerWrapper: 'shr-relative shr-inline-block shr-h-em shr-w-em shr-shrink-0 shr-translate-y-[0.125em] shr-leading-none',
         box: [
             'shr-pointer-events-none',
@@ -14,7 +14,7 @@ const radioButton = tv({
             'contrast-more:shr-border-high-contrast',
             'peer-checked:shr-border-main peer-checked:shr-bg-main contrast-more:peer-checked:shr-border-high-contrast',
             'peer-checked:before:shr-pointer-events-none peer-checked:before:shr-absolute peer-checked:before:shr-left-1/2 peer-checked:before:shr-top-1/2 peer-checked:before:shr-h-[0.375em] peer-checked:before:shr-w-[0.375em] peer-checked:before:-shr-translate-x-1/2 peer-checked:before:-shr-translate-y-1/2 peer-checked:before:shr-rounded-full peer-checked:before:shr-bg-white peer-checked:before:shr-content-[""]',
-            'peer-disabled:shr-cursor-not-allowed peer-disabled:shr-border-default/50 peer-disabled:shr-bg-white-darken',
+            'peer-disabled:shr-border-default/50 peer-disabled:shr-bg-white-darken',
             'peer-disabled:peer-checked:shr-border-default peer-disabled:peer-checked:shr-bg-border peer-disabled:peer-checked:before:shr-bg-white-darken',
             'peer-focus-visible:shr-focus-indicator',
         ],
@@ -29,10 +29,10 @@ const radioButton = tv({
     variants: {
         disabled: {
             true: {
-                label: 'shr-cursor-not-allowed shr-text-disabled',
+                label: 'shr-cursor-[revert] shr-text-disabled',
             },
             false: {
-                label: 'shr-text-black',
+                label: 'shr-cursor-pointer shr-text-black',
                 box: 'peer-hover:shr-shadow-input-hover',
             },
         },
@@ -46,7 +46,7 @@ export const RadioButton = forwardRef(({ onChange, children, className, ...props
             innerWrapperStyle: innerWrapper(),
             boxStyle: box({ disabled: !!props.disabled }),
             inputStyle: input(),
-            labelStyle: label({ disabled: props.disabled }),
+            labelStyle: label({ disabled: !!props.disabled }),
         };
     }, [className, props.disabled]);
     const handleChange = useCallback((e) => {

package/esm/components/RadioButton/RadioButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"RadioButton.js","sourceRoot":"","sources":["../../../src/components/RadioButton/RadioButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAIZ,UAAU,EACV,WAAW,EACX,OAAO,GACR,MAAM,OAAO,CAAA;AACd,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAA;AAEtC,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;AAIzC,MAAM,WAAW,GAAG,EAAE,CAAC;IACrB,KAAK,EAAE;QACL,OAAO,EAAE,2DAA2D;QACpE,KAAK,EACH,4FAA4F;QAC9F,YAAY,EACV,yGAAyG;QAC3G,GAAG,EAAE;YACH,yBAAyB;YACzB,6HAA6H;YAC7H,iCAAiC;YACjC,0BAA0B;YAC1B,wCAAwC;YACxC,2GAA2G;YAC3G,oZAAoZ;YACpZ,4GAA4G;YAC5G,8IAA8I;YAC9I,wCAAwC;SACzC;QACD,KAAK,EAAE;YACL,6CAA6C;YAC7C,kGAAkG;YAClG,kCAAkC;YAClC,iCAAiC;YACjC,wDAAwD;SACzD;KACF;IACD,QAAQ,EAAE;QACR,QAAQ,EAAE;YACR,IAAI,EAAE;gBACJ,KAAK,EAAE,0CAA0C;aAClD;YACD,KAAK,EAAE;gBACL,KAAK,EAAE,gBAAgB;gBACvB,GAAG,EAAE,mCAAmC;aACzC;SACF;KACF;CACF,CAAC,CAAA;AAEF,MAAM,CAAC,MAAM,WAAW,GAAG,UAAU,CACnC,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IACnD,MAAM,EAAE,YAAY,EAAE,iBAAiB,EAAE,QAAQ,EAAE,UAAU,EAAE,UAAU,EAAE,GAAG,OAAO,CAAC,GAAG,EAAE;QACzF,MAAM,EAAE,OAAO,EAAE,YAAY,EAAE,GAAG,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,WAAW,EAAE,CAAA;QAClE,OAAO;YACL,YAAY,EAAE,OAAO,CAAC,EAAE,SAAS,EAAE,CAAC;YACpC,iBAAiB,EAAE,YAAY,EAAE;YACjC,QAAQ,EAAE,GAAG,CAAC,EAAE,QAAQ,EAAE,CAAC,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC;YAC7C,UAAU,EAAE,KAAK,EAAE;YACnB,UAAU,EAAE,KAAK,CAAC,EAAE,QAAQ,EAAE,KAAK,CAAC,QAAQ,EAAE,CAAC;SAChD,CAAA;IACH,CAAC,EAAE,CAAC,SAAS,EAAE,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAA;IAE/B,MAAM,YAAY,GAAG,WAAW,CAC9B,CAAC,CAAC,EAAE,EAAE;QACJ,IAAI,QAAQ;YAAE,QAAQ,CAAC,CAAC,CAAC,CAAA;IAC3B,CAAC,EACD,CAAC,QAAQ,CAAC,CACX,CAAA;IAED,MAAM,aAAa,GAAG,KAAK,CAAC,KAAK,CAAC,EAAE,CAAC,CAAA;IAErC,OAAO,CACL,8BAAM,SAAS,EAAE,YAAY;QAC3B,8BAAM,SAAS,EAAE,iBAAiB;YAEhC,kCACM,KAAK,EACT,IAAI,EAAC,OAAO,EACZ,EAAE,EAAE,aAAa,EACjB,QAAQ,EAAE,YAAY,EACtB,SAAS,EAAE,UAAU,EACrB,GAAG,EAAE,GAAG,GACR;YACF,8BAAM,SAAS,EAAE,QAAQ,GAAI,CACxB;QAEN,QAAQ,IAAI,CACX,+BAAO,OAAO,EAAE,aAAa,EAAE,SAAS,EAAE,UAAU,IACjD,QAAQ,CACH,CACT,CACI,CACR,CAAA;AACH,CAAC,CACF,CAAA"}
+{"version":3,"file":"RadioButton.js","sourceRoot":"","sources":["../../../src/components/RadioButton/RadioButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAIZ,UAAU,EACV,WAAW,EACX,OAAO,GACR,MAAM,OAAO,CAAA;AACd,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAA;AAEtC,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;AAIzC,MAAM,WAAW,GAAG,EAAE,CAAC;IACrB,KAAK,EAAE;QACL,OAAO,EAAE,2DAA2D;QACpE,KAAK,EAAE,yEAAyE;QAChF,YAAY,EACV,yGAAyG;QAC3G,GAAG,EAAE;YACH,yBAAyB;YACzB,6HAA6H;YAC7H,iCAAiC;YACjC,0BAA0B;YAC1B,wCAAwC;YACxC,2GAA2G;YAC3G,oZAAoZ;YACpZ,uEAAuE;YACvE,8IAA8I;YAC9I,wCAAwC;SACzC;QACD,KAAK,EAAE;YACL,6CAA6C;YAC7C,kGAAkG;YAClG,kCAAkC;YAClC,iCAAiC;YACjC,wDAAwD;SACzD;KACF;IACD,QAAQ,EAAE;QACR,QAAQ,EAAE;YACR,IAAI,EAAE;gBACJ,KAAK,EAAE,uCAAuC;aAC/C;YACD,KAAK,EAAE;gBACL,KAAK,EAAE,mCAAmC;gBAC1C,GAAG,EAAE,mCAAmC;aACzC;SACF;KACF;CACF,CAAC,CAAA;AAEF,MAAM,CAAC,MAAM,WAAW,GAAG,UAAU,CACnC,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IACnD,MAAM,EAAE,YAAY,EAAE,iBAAiB,EAAE,QAAQ,EAAE,UAAU,EAAE,UAAU,EAAE,GAAG,OAAO,CAAC,GAAG,EAAE;QACzF,MAAM,EAAE,OAAO,EAAE,YAAY,EAAE,GAAG,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,WAAW,EAAE,CAAA;QAClE,OAAO;YACL,YAAY,EAAE,OAAO,CAAC,EAAE,SAAS,EAAE,CAAC;YACpC,iBAAiB,EAAE,YAAY,EAAE;YACjC,QAAQ,EAAE,GAAG,CAAC,EAAE,QAAQ,EAAE,CAAC,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC;YAC7C,UAAU,EAAE,KAAK,EAAE;YACnB,UAAU,EAAE,KAAK,CAAC,EAAE,QAAQ,EAAE,CAAC,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC;SAClD,CAAA;IACH,CAAC,EAAE,CAAC,SAAS,EAAE,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAA;IAE/B,MAAM,YAAY,GAAG,WAAW,CAC9B,CAAC,CAAC,EAAE,EAAE;QACJ,IAAI,QAAQ;YAAE,QAAQ,CAAC,CAAC,CAAC,CAAA;IAC3B,CAAC,EACD,CAAC,QAAQ,CAAC,CACX,CAAA;IAED,MAAM,aAAa,GAAG,KAAK,CAAC,KAAK,CAAC,EAAE,CAAC,CAAA;IAErC,OAAO,CACL,8BAAM,SAAS,EAAE,YAAY;QAC3B,8BAAM,SAAS,EAAE,iBAAiB;YAEhC,kCACM,KAAK,EACT,IAAI,EAAC,OAAO,EACZ,EAAE,EAAE,aAAa,EACjB,QAAQ,EAAE,YAAY,EACtB,SAAS,EAAE,UAAU,EACrB,GAAG,EAAE,GAAG,GACR;YACF,8BAAM,SAAS,EAAE,QAAQ,GAAI,CACxB;QAEN,QAAQ,IAAI,CACX,+BAAO,OAAO,EAAE,aAAa,EAAE,SAAS,EAAE,UAAU,IACjD,QAAQ,CACH,CACT,CACI,CACR,CAAA;AACH,CAAC,CACF,CAAA"}

package/esm/components/RadioButtonPanel/RadioButtonPanel.js

@@ -1,13 +1,26 @@
-import React, { useRef } from 'react';
-import styled, { css } from 'styled-components';
-import { useTheme } from '../../hooks/useTheme';
+import React, { useMemo, useRef } from 'react';
+import { tv } from 'tailwind-variants';
 import { Base } from '../Base';
 import { RadioButton } from '../RadioButton';
-import { useClassNames } from './useClassNames';
 const MEANLESS_TAG_NAMES = ['div', 'span'];
+const radioButtonPanel = tv({
+    base: [
+        'smarthr-ui-RadioButtonPanel',
+        'shr-border shr-border-solid shr-border-default shr-shadow-none',
+        // なぜか :has が動作しないので重ねて書いている
+        'has-[:focus-visible]:shr-focus-indicator [&:has(:focus-visible)]:shr-focus-indicator',
+        '[&_.smarthr-ui-RadioButton-radioButton:focus-visible_+_span]:shr-shadow-none',
+        '[&_.smarthr-ui-RadioButton-label]:shr-ms-0.75',
+        'has-[:disabled]:shr-cursor-default has-[:disabled]:[&_.smarthr-ui-RadioButton-label]:shr-cursor-default',
+    ],
+    variants: {
+        disabled: {
+            false: 'shr-cursor-pointer [&_.smarthr-ui-RadioButton-label]:shr-cursor-pointer',
+        },
+    },
+});
 export const RadioButtonPanel = ({ onClick, as, className, ...props }) => {
-    const theme = useTheme();
-    const classNames = useClassNames(className);
+    const styles = useMemo(() => radioButtonPanel({ disabled: !!props.disabled, className }), [className, props.disabled]);
     // 外側の装飾を押しても内側のラジオボタンが押せるようにする
     const innerRef = useRef(null);
     const handleOuterClick = () => {
@@ -15,31 +28,7 @@ export const RadioButtonPanel = ({ onClick, as, className, ...props }) => {
     };
     return (
     // eslint-disable-next-line smarthr/a11y-delegate-element-has-role-presentation
-    React.createElement(WrapperBase, { role: MEANLESS_TAG_NAMES.includes(`${as || ''}`) ? 'presentation' : undefined, onClick: handleOuterClick, forwardedAs: as, themes: theme, className: classNames.wrapper },
+    React.createElement(Base, { padding: 1, role: MEANLESS_TAG_NAMES.includes(`${as || ''}`) ? 'presentation' : undefined, onClick: handleOuterClick, as: as, className: styles },
         React.createElement(RadioButton, { ...props, ref: innerRef })));
 };
-const WrapperBase = styled(Base).attrs({ padding: 1 }) `
-  ${({ themes: { border, shadow, space } }) => css `
-    box-shadow: none;
-    border: ${border.shorthand};
-
-    :not(:has([disabled])) {
-      cursor: pointer;
-    }
-
-    /* :focus-visible-within の代替 */
-    :has(:focus-visible) {
-      ${shadow.focusIndicatorStyles}
-    }
-
-    .smarthr-ui-RadioButton-radioButton:focus + span {
-      box-shadow: revert;
-    }
-
-    .smarthr-ui-RadioButton-label {
-      /* 視覚的な調整 */
-      margin-inline-start: ${space(0.75)};
-    }
-  `}
-`;
 //# sourceMappingURL=RadioButtonPanel.js.map

package/esm/components/RadioButtonPanel/RadioButtonPanel.js.map

@@ -1 +1 @@
-{"version":3,"file":"RadioButtonPanel.js","sourceRoot":"","sources":["../../../src/components/RadioButtonPanel/RadioButtonPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAkB,MAAM,EAAE,MAAM,OAAO,CAAA;AACrD,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAE/C,OAAO,EAAS,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AACtD,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAC9B,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAE5C,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAM/C,MAAM,kBAAkB,GAAG,CAAC,KAAK,EAAE,MAAM,CAAC,CAAA;AAE1C,MAAM,CAAC,MAAM,gBAAgB,GAAoB,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IACxF,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAA;IACxB,MAAM,UAAU,GAAG,aAAa,CAAC,SAAS,CAAC,CAAA;IAE3C,+BAA+B;IAC/B,MAAM,QAAQ,GAAG,MAAM,CAAmB,IAAI,CAAC,CAAA;IAC/C,MAAM,gBAAgB,GAAG,GAAG,EAAE;QAC5B,QAAQ,CAAC,OAAO,EAAE,KAAK,EAAE,CAAA;IAC3B,CAAC,CAAA;IAED,OAAO;IACL,+EAA+E;IAC/E,oBAAC,WAAW,IACV,IAAI,EAAE,kBAAkB,CAAC,QAAQ,CAAC,GAAG,EAAE,IAAI,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,SAAS,EAC7E,OAAO,EAAE,gBAAgB,EACzB,WAAW,EAAE,EAAE,EACf,MAAM,EAAE,KAAK,EACb,SAAS,EAAE,UAAU,CAAC,OAAO;QAG7B,oBAAC,WAAW,OAAK,KAAK,EAAE,GAAG,EAAE,QAAQ,GAAI,CAC7B,CACf,CAAA;AACH,CAAC,CAAA;AAED,MAAM,WAAW,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC,KAAK,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,CAAmB;IACrE,CAAC,EAAE,MAAM,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,EAAE,EAAE,EAAE,CAAC,GAAG,CAAA;;cAEpC,MAAM,CAAC,SAAS;;;;;;;;QAQtB,MAAM,CAAC,oBAAoB;;;;;;;;;6BASN,KAAK,CAAC,IAAI,CAAC;;GAErC;CACF,CAAA"}
+{"version":3,"file":"RadioButtonPanel.js","sourceRoot":"","sources":["../../../src/components/RadioButtonPanel/RadioButtonPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAkB,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AAC9D,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAA;AAEtC,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAC9B,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAM5C,MAAM,kBAAkB,GAAG,CAAC,KAAK,EAAE,MAAM,CAAC,CAAA;AAE1C,MAAM,gBAAgB,GAAG,EAAE,CAAC;IAC1B,IAAI,EAAE;QACJ,6BAA6B;QAC7B,gEAAgE;QAChE,4BAA4B;QAC5B,sFAAsF;QACtF,8EAA8E;QAC9E,+CAA+C;QAC/C,yGAAyG;KAC1G;IACD,QAAQ,EAAE;QACR,QAAQ,EAAE;YACR,KAAK,EAAE,yEAAyE;SACjF;KACF;CACF,CAAC,CAAA;AAEF,MAAM,CAAC,MAAM,gBAAgB,GAAoB,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IACxF,MAAM,MAAM,GAAG,OAAO,CACpB,GAAG,EAAE,CAAC,gBAAgB,CAAC,EAAE,QAAQ,EAAE,CAAC,CAAC,KAAK,CAAC,QAAQ,EAAE,SAAS,EAAE,CAAC,EACjE,CAAC,SAAS,EAAE,KAAK,CAAC,QAAQ,CAAC,CAC5B,CAAA;IAED,+BAA+B;IAC/B,MAAM,QAAQ,GAAG,MAAM,CAAmB,IAAI,CAAC,CAAA;IAC/C,MAAM,gBAAgB,GAAG,GAAG,EAAE;QAC5B,QAAQ,CAAC,OAAO,EAAE,KAAK,EAAE,CAAA;IAC3B,CAAC,CAAA;IAED,OAAO;IACL,+EAA+E;IAC/E,oBAAC,IAAI,IACH,OAAO,EAAE,CAAC,EACV,IAAI,EAAE,kBAAkB,CAAC,QAAQ,CAAC,GAAG,EAAE,IAAI,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,SAAS,EAC7E,OAAO,EAAE,gBAAgB,EACzB,EAAE,EAAE,EAAE,EACN,SAAS,EAAE,MAAM;QAGjB,oBAAC,WAAW,OAAK,KAAK,EAAE,GAAG,EAAE,QAAQ,GAAI,CACpC,CACR,CAAA;AACH,CAAC,CAAA"}

package/lib/components/RadioButton/RadioButton.js

@@ -30,7 +30,7 @@ const useId_1 = require("../../hooks/useId");
 const radioButton = (0, tailwind_variants_1.tv)({
     slots: {
         wrapper: 'smarthr-ui-RadioButton shr-inline-flex shr-items-baseline',
-        label: 'smarthr-ui-RadioButton-label shr-ms-0.5 shr-cursor-pointer shr-text-base shr-leading-tight',
+        label: 'smarthr-ui-RadioButton-label shr-ms-0.5 shr-text-base shr-leading-tight',
         innerWrapper: 'shr-relative shr-inline-block shr-h-em shr-w-em shr-shrink-0 shr-translate-y-[0.125em] shr-leading-none',
         box: [
             'shr-pointer-events-none',
@@ -40,7 +40,7 @@ const radioButton = (0, tailwind_variants_1.tv)({
             'contrast-more:shr-border-high-contrast',
             'peer-checked:shr-border-main peer-checked:shr-bg-main contrast-more:peer-checked:shr-border-high-contrast',
             'peer-checked:before:shr-pointer-events-none peer-checked:before:shr-absolute peer-checked:before:shr-left-1/2 peer-checked:before:shr-top-1/2 peer-checked:before:shr-h-[0.375em] peer-checked:before:shr-w-[0.375em] peer-checked:before:-shr-translate-x-1/2 peer-checked:before:-shr-translate-y-1/2 peer-checked:before:shr-rounded-full peer-checked:before:shr-bg-white peer-checked:before:shr-content-[""]',
-            'peer-disabled:shr-cursor-not-allowed peer-disabled:shr-border-default/50 peer-disabled:shr-bg-white-darken',
+            'peer-disabled:shr-border-default/50 peer-disabled:shr-bg-white-darken',
             'peer-disabled:peer-checked:shr-border-default peer-disabled:peer-checked:shr-bg-border peer-disabled:peer-checked:before:shr-bg-white-darken',
             'peer-focus-visible:shr-focus-indicator',
         ],
@@ -55,10 +55,10 @@ const radioButton = (0, tailwind_variants_1.tv)({
     variants: {
         disabled: {
             true: {
-                label: 'shr-cursor-not-allowed shr-text-disabled',
+                label: 'shr-cursor-[revert] shr-text-disabled',
             },
             false: {
-                label: 'shr-text-black',
+                label: 'shr-cursor-pointer shr-text-black',
                 box: 'peer-hover:shr-shadow-input-hover',
             },
         },
@@ -72,7 +72,7 @@ exports.RadioButton = (0, react_1.forwardRef)(({ onChange, children, className,
             innerWrapperStyle: innerWrapper(),
             boxStyle: box({ disabled: !!props.disabled }),
             inputStyle: input(),
-            labelStyle: label({ disabled: props.disabled }),
+            labelStyle: label({ disabled: !!props.disabled }),
         };
     }, [className, props.disabled]);
     const handleChange = (0, react_1.useCallback)((e) => {

package/lib/components/RadioButton/RadioButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"RadioButton.js","sourceRoot":"","sources":["../../../src/components/RadioButton/RadioButton.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAOc;AACd,yDAAsC;AAEtC,6CAAyC;AAIzC,MAAM,WAAW,GAAG,IAAA,sBAAE,EAAC;IACrB,KAAK,EAAE;QACL,OAAO,EAAE,2DAA2D;QACpE,KAAK,EACH,4FAA4F;QAC9F,YAAY,EACV,yGAAyG;QAC3G,GAAG,EAAE;YACH,yBAAyB;YACzB,6HAA6H;YAC7H,iCAAiC;YACjC,0BAA0B;YAC1B,wCAAwC;YACxC,2GAA2G;YAC3G,oZAAoZ;YACpZ,4GAA4G;YAC5G,8IAA8I;YAC9I,wCAAwC;SACzC;QACD,KAAK,EAAE;YACL,6CAA6C;YAC7C,kGAAkG;YAClG,kCAAkC;YAClC,iCAAiC;YACjC,wDAAwD;SACzD;KACF;IACD,QAAQ,EAAE;QACR,QAAQ,EAAE;YACR,IAAI,EAAE;gBACJ,KAAK,EAAE,0CAA0C;aAClD;YACD,KAAK,EAAE;gBACL,KAAK,EAAE,gBAAgB;gBACvB,GAAG,EAAE,mCAAmC;aACzC;SACF;KACF;CACF,CAAC,CAAA;AAEW,QAAA,WAAW,GAAG,IAAA,kBAAU,EACnC,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IACnD,MAAM,EAAE,YAAY,EAAE,iBAAiB,EAAE,QAAQ,EAAE,UAAU,EAAE,UAAU,EAAE,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QACzF,MAAM,EAAE,OAAO,EAAE,YAAY,EAAE,GAAG,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,WAAW,EAAE,CAAA;QAClE,OAAO;YACL,YAAY,EAAE,OAAO,CAAC,EAAE,SAAS,EAAE,CAAC;YACpC,iBAAiB,EAAE,YAAY,EAAE;YACjC,QAAQ,EAAE,GAAG,CAAC,EAAE,QAAQ,EAAE,CAAC,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC;YAC7C,UAAU,EAAE,KAAK,EAAE;YACnB,UAAU,EAAE,KAAK,CAAC,EAAE,QAAQ,EAAE,KAAK,CAAC,QAAQ,EAAE,CAAC;SAChD,CAAA;IACH,CAAC,EAAE,CAAC,SAAS,EAAE,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAA;IAE/B,MAAM,YAAY,GAAG,IAAA,mBAAW,EAC9B,CAAC,CAAC,EAAE,EAAE;QACJ,IAAI,QAAQ;YAAE,QAAQ,CAAC,CAAC,CAAC,CAAA;IAC3B,CAAC,EACD,CAAC,QAAQ,CAAC,CACX,CAAA;IAED,MAAM,aAAa,GAAG,IAAA,aAAK,EAAC,KAAK,CAAC,EAAE,CAAC,CAAA;IAErC,OAAO,CACL,wCAAM,SAAS,EAAE,YAAY;QAC3B,wCAAM,SAAS,EAAE,iBAAiB;YAEhC,4CACM,KAAK,EACT,IAAI,EAAC,OAAO,EACZ,EAAE,EAAE,aAAa,EACjB,QAAQ,EAAE,YAAY,EACtB,SAAS,EAAE,UAAU,EACrB,GAAG,EAAE,GAAG,GACR;YACF,wCAAM,SAAS,EAAE,QAAQ,GAAI,CACxB;QAEN,QAAQ,IAAI,CACX,yCAAO,OAAO,EAAE,aAAa,EAAE,SAAS,EAAE,UAAU,IACjD,QAAQ,CACH,CACT,CACI,CACR,CAAA;AACH,CAAC,CACF,CAAA"}
+{"version":3,"file":"RadioButton.js","sourceRoot":"","sources":["../../../src/components/RadioButton/RadioButton.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAOc;AACd,yDAAsC;AAEtC,6CAAyC;AAIzC,MAAM,WAAW,GAAG,IAAA,sBAAE,EAAC;IACrB,KAAK,EAAE;QACL,OAAO,EAAE,2DAA2D;QACpE,KAAK,EAAE,yEAAyE;QAChF,YAAY,EACV,yGAAyG;QAC3G,GAAG,EAAE;YACH,yBAAyB;YACzB,6HAA6H;YAC7H,iCAAiC;YACjC,0BAA0B;YAC1B,wCAAwC;YACxC,2GAA2G;YAC3G,oZAAoZ;YACpZ,uEAAuE;YACvE,8IAA8I;YAC9I,wCAAwC;SACzC;QACD,KAAK,EAAE;YACL,6CAA6C;YAC7C,kGAAkG;YAClG,kCAAkC;YAClC,iCAAiC;YACjC,wDAAwD;SACzD;KACF;IACD,QAAQ,EAAE;QACR,QAAQ,EAAE;YACR,IAAI,EAAE;gBACJ,KAAK,EAAE,uCAAuC;aAC/C;YACD,KAAK,EAAE;gBACL,KAAK,EAAE,mCAAmC;gBAC1C,GAAG,EAAE,mCAAmC;aACzC;SACF;KACF;CACF,CAAC,CAAA;AAEW,QAAA,WAAW,GAAG,IAAA,kBAAU,EACnC,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IACnD,MAAM,EAAE,YAAY,EAAE,iBAAiB,EAAE,QAAQ,EAAE,UAAU,EAAE,UAAU,EAAE,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QACzF,MAAM,EAAE,OAAO,EAAE,YAAY,EAAE,GAAG,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,WAAW,EAAE,CAAA;QAClE,OAAO;YACL,YAAY,EAAE,OAAO,CAAC,EAAE,SAAS,EAAE,CAAC;YACpC,iBAAiB,EAAE,YAAY,EAAE;YACjC,QAAQ,EAAE,GAAG,CAAC,EAAE,QAAQ,EAAE,CAAC,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC;YAC7C,UAAU,EAAE,KAAK,EAAE;YACnB,UAAU,EAAE,KAAK,CAAC,EAAE,QAAQ,EAAE,CAAC,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC;SAClD,CAAA;IACH,CAAC,EAAE,CAAC,SAAS,EAAE,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAA;IAE/B,MAAM,YAAY,GAAG,IAAA,mBAAW,EAC9B,CAAC,CAAC,EAAE,EAAE;QACJ,IAAI,QAAQ;YAAE,QAAQ,CAAC,CAAC,CAAC,CAAA;IAC3B,CAAC,EACD,CAAC,QAAQ,CAAC,CACX,CAAA;IAED,MAAM,aAAa,GAAG,IAAA,aAAK,EAAC,KAAK,CAAC,EAAE,CAAC,CAAA;IAErC,OAAO,CACL,wCAAM,SAAS,EAAE,YAAY;QAC3B,wCAAM,SAAS,EAAE,iBAAiB;YAEhC,4CACM,KAAK,EACT,IAAI,EAAC,OAAO,EACZ,EAAE,EAAE,aAAa,EACjB,QAAQ,EAAE,YAAY,EACtB,SAAS,EAAE,UAAU,EACrB,GAAG,EAAE,GAAG,GACR;YACF,wCAAM,SAAS,EAAE,QAAQ,GAAI,CACxB;QAEN,QAAQ,IAAI,CACX,yCAAO,OAAO,EAAE,aAAa,EAAE,SAAS,EAAE,UAAU,IACjD,QAAQ,CACH,CACT,CACI,CACR,CAAA;AACH,CAAC,CACF,CAAA"}

package/lib/components/RadioButtonPanel/RadioButtonPanel.js

@@ -25,15 +25,28 @@ var __importStar = (this && this.__importStar) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.RadioButtonPanel = void 0;
 const react_1 = __importStar(require("react"));
-const styled_components_1 = __importStar(require("styled-components"));
-const useTheme_1 = require("../../hooks/useTheme");
+const tailwind_variants_1 = require("tailwind-variants");
 const Base_1 = require("../Base");
 const RadioButton_1 = require("../RadioButton");
-const useClassNames_1 = require("./useClassNames");
 const MEANLESS_TAG_NAMES = ['div', 'span'];
+const radioButtonPanel = (0, tailwind_variants_1.tv)({
+    base: [
+        'smarthr-ui-RadioButtonPanel',
+        'shr-border shr-border-solid shr-border-default shr-shadow-none',
+        // なぜか :has が動作しないので重ねて書いている
+        'has-[:focus-visible]:shr-focus-indicator [&:has(:focus-visible)]:shr-focus-indicator',
+        '[&_.smarthr-ui-RadioButton-radioButton:focus-visible_+_span]:shr-shadow-none',
+        '[&_.smarthr-ui-RadioButton-label]:shr-ms-0.75',
+        'has-[:disabled]:shr-cursor-default has-[:disabled]:[&_.smarthr-ui-RadioButton-label]:shr-cursor-default',
+    ],
+    variants: {
+        disabled: {
+            false: 'shr-cursor-pointer [&_.smarthr-ui-RadioButton-label]:shr-cursor-pointer',
+        },
+    },
+});
 const RadioButtonPanel = ({ onClick, as, className, ...props }) => {
-    const theme = (0, useTheme_1.useTheme)();
-    const classNames = (0, useClassNames_1.useClassNames)(className);
+    const styles = (0, react_1.useMemo)(() => radioButtonPanel({ disabled: !!props.disabled, className }), [className, props.disabled]);
     // 外側の装飾を押しても内側のラジオボタンが押せるようにする
     const innerRef = (0, react_1.useRef)(null);
     const handleOuterClick = () => {
@@ -41,32 +54,8 @@ const RadioButtonPanel = ({ onClick, as, className, ...props }) => {
     };
     return (
     // eslint-disable-next-line smarthr/a11y-delegate-element-has-role-presentation
-    react_1.default.createElement(WrapperBase, { role: MEANLESS_TAG_NAMES.includes(`${as || ''}`) ? 'presentation' : undefined, onClick: handleOuterClick, forwardedAs: as, themes: theme, className: classNames.wrapper },
+    react_1.default.createElement(Base_1.Base, { padding: 1, role: MEANLESS_TAG_NAMES.includes(`${as || ''}`) ? 'presentation' : undefined, onClick: handleOuterClick, as: as, className: styles },
         react_1.default.createElement(RadioButton_1.RadioButton, { ...props, ref: innerRef })));
 };
 exports.RadioButtonPanel = RadioButtonPanel;
-const WrapperBase = (0, styled_components_1.default)(Base_1.Base).attrs({ padding: 1 }) `
-  ${({ themes: { border, shadow, space } }) => (0, styled_components_1.css) `
-    box-shadow: none;
-    border: ${border.shorthand};
-
-    :not(:has([disabled])) {
-      cursor: pointer;
-    }
-
-    /* :focus-visible-within の代替 */
-    :has(:focus-visible) {
-      ${shadow.focusIndicatorStyles}
-    }
-
-    .smarthr-ui-RadioButton-radioButton:focus + span {
-      box-shadow: revert;
-    }
-
-    .smarthr-ui-RadioButton-label {
-      /* 視覚的な調整 */
-      margin-inline-start: ${space(0.75)};
-    }
-  `}
-`;
 //# sourceMappingURL=RadioButtonPanel.js.map

package/lib/components/RadioButtonPanel/RadioButtonPanel.js.map

@@ -1 +1 @@
-{"version":3,"file":"RadioButtonPanel.js","sourceRoot":"","sources":["../../../src/components/RadioButtonPanel/RadioButtonPanel.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAqD;AACrD,uEAA+C;AAE/C,mDAAsD;AACtD,kCAA8B;AAC9B,gDAA4C;AAE5C,mDAA+C;AAM/C,MAAM,kBAAkB,GAAG,CAAC,KAAK,EAAE,MAAM,CAAC,CAAA;AAEnC,MAAM,gBAAgB,GAAoB,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IACxF,MAAM,KAAK,GAAG,IAAA,mBAAQ,GAAE,CAAA;IACxB,MAAM,UAAU,GAAG,IAAA,6BAAa,EAAC,SAAS,CAAC,CAAA;IAE3C,+BAA+B;IAC/B,MAAM,QAAQ,GAAG,IAAA,cAAM,EAAmB,IAAI,CAAC,CAAA;IAC/C,MAAM,gBAAgB,GAAG,GAAG,EAAE;QAC5B,QAAQ,CAAC,OAAO,EAAE,KAAK,EAAE,CAAA;IAC3B,CAAC,CAAA;IAED,OAAO;IACL,+EAA+E;IAC/E,8BAAC,WAAW,IACV,IAAI,EAAE,kBAAkB,CAAC,QAAQ,CAAC,GAAG,EAAE,IAAI,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,SAAS,EAC7E,OAAO,EAAE,gBAAgB,EACzB,WAAW,EAAE,EAAE,EACf,MAAM,EAAE,KAAK,EACb,SAAS,EAAE,UAAU,CAAC,OAAO;QAG7B,8BAAC,yBAAW,OAAK,KAAK,EAAE,GAAG,EAAE,QAAQ,GAAI,CAC7B,CACf,CAAA;AACH,CAAC,CAAA;AAvBY,QAAA,gBAAgB,oBAuB5B;AAED,MAAM,WAAW,GAAG,IAAA,2BAAM,EAAC,WAAI,CAAC,CAAC,KAAK,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,CAAmB;IACrE,CAAC,EAAE,MAAM,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,EAAE,EAAE,EAAE,CAAC,IAAA,uBAAG,EAAA;;cAEpC,MAAM,CAAC,SAAS;;;;;;;;QAQtB,MAAM,CAAC,oBAAoB;;;;;;;;;6BASN,KAAK,CAAC,IAAI,CAAC;;GAErC;CACF,CAAA"}
+{"version":3,"file":"RadioButtonPanel.js","sourceRoot":"","sources":["../../../src/components/RadioButtonPanel/RadioButtonPanel.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA8D;AAC9D,yDAAsC;AAEtC,kCAA8B;AAC9B,gDAA4C;AAM5C,MAAM,kBAAkB,GAAG,CAAC,KAAK,EAAE,MAAM,CAAC,CAAA;AAE1C,MAAM,gBAAgB,GAAG,IAAA,sBAAE,EAAC;IAC1B,IAAI,EAAE;QACJ,6BAA6B;QAC7B,gEAAgE;QAChE,4BAA4B;QAC5B,sFAAsF;QACtF,8EAA8E;QAC9E,+CAA+C;QAC/C,yGAAyG;KAC1G;IACD,QAAQ,EAAE;QACR,QAAQ,EAAE;YACR,KAAK,EAAE,yEAAyE;SACjF;KACF;CACF,CAAC,CAAA;AAEK,MAAM,gBAAgB,GAAoB,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IACxF,MAAM,MAAM,GAAG,IAAA,eAAO,EACpB,GAAG,EAAE,CAAC,gBAAgB,CAAC,EAAE,QAAQ,EAAE,CAAC,CAAC,KAAK,CAAC,QAAQ,EAAE,SAAS,EAAE,CAAC,EACjE,CAAC,SAAS,EAAE,KAAK,CAAC,QAAQ,CAAC,CAC5B,CAAA;IAED,+BAA+B;IAC/B,MAAM,QAAQ,GAAG,IAAA,cAAM,EAAmB,IAAI,CAAC,CAAA;IAC/C,MAAM,gBAAgB,GAAG,GAAG,EAAE;QAC5B,QAAQ,CAAC,OAAO,EAAE,KAAK,EAAE,CAAA;IAC3B,CAAC,CAAA;IAED,OAAO;IACL,+EAA+E;IAC/E,8BAAC,WAAI,IACH,OAAO,EAAE,CAAC,EACV,IAAI,EAAE,kBAAkB,CAAC,QAAQ,CAAC,GAAG,EAAE,IAAI,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,SAAS,EAC7E,OAAO,EAAE,gBAAgB,EACzB,EAAE,EAAE,EAAE,EACN,SAAS,EAAE,MAAM;QAGjB,8BAAC,yBAAW,OAAK,KAAK,EAAE,GAAG,EAAE,QAAQ,GAAI,CACpC,CACR,CAAA;AACH,CAAC,CAAA;AAzBY,QAAA,gBAAgB,oBAyB5B"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "smarthr-ui",
   "description": "SmartHR ui components built with React.",
-  "version": "41.1.1",
+  "version": "41.1.2",
   "author": "SmartHR-UI Team",
   "dependencies": {
     "@smarthr/wareki": "^1.2.0",
@@ -43,7 +43,7 @@
     "@types/jest": "^29.5.11",
     "@types/lodash.merge": "^4.6.9",
     "@types/lodash.range": "^3.2.9",
-    "@types/node": "^20.11.6",
+    "@types/node": "^20.11.7",
     "@types/react": "^18.2.48",
     "@types/react-dom": "^18.2.18",
     "@types/react-test-renderer": "^17.0.9",
@@ -54,10 +54,10 @@
     "babel-loader": "^9.1.3",
     "babel-plugin-polyfill-corejs2": "^0.4.8",
     "babel-plugin-polyfill-regenerator": "^0.5.5",
-    "chromatic": "^10.5.2",
+    "chromatic": "^10.6.1",
     "ecma-version-validator-webpack-plugin": "^1.2.1",
     "eslint": "^8.56.0",
-    "eslint-config-smarthr": "^6.16.1",
+    "eslint-config-smarthr": "^6.17.0",
     "eslint-plugin-storybook": "^0.6.15",
     "fs-extra": "^11.2.0",
     "glob": "10.3.10",

package/smarthr-ui.css

@@ -816,6 +816,10 @@
   animation: shr-spin 1.6s linear infinite
 }
 
+.shr-cursor-\[revert\] {
+  cursor: revert
+}
+
 .shr-cursor-auto {
   cursor: auto
 }
@@ -2020,6 +2024,12 @@
   box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
 }
 
+.shr-shadow-none {
+  --tw-shadow: 0 0 #0000;
+  --tw-shadow-colored: 0 0 #0000;
+  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
+}
+
 .shr-shadow-underline {
   --tw-shadow: 0 1px 0 0;
   --tw-shadow-colored: 0 1px 0 0 var(--tw-shadow-color);
@@ -2113,6 +2123,18 @@
   box-shadow: 0 0 0 2px #fff, 0 0 0 4px #0077c7
 }
 
+.has-\[\:focus-visible\]\:shr-focus-indicator:has(:focus-visible) {
+  outline: none;
+  isolation: isolate;
+  box-shadow: 0 0 0 2px #fff, 0 0 0 4px #0077c7
+}
+
+.\[\&\:has\(\:focus-visible\)\]\:shr-focus-indicator:has(:focus-visible) {
+  outline: none;
+  isolation: isolate;
+  box-shadow: 0 0 0 2px #fff, 0 0 0 4px #0077c7
+}
+
 .\[\&\:has\(\:focus-visible\)\]\:aria-\[sort\]\:shr-focus-indicator[aria-sort]:has(:focus-visible) {
   outline: none;
   isolation: isolate;
@@ -2888,10 +2910,6 @@
   color: rgb(35 34 30 / var(--tw-text-opacity))
 }
 
-.shr-peer:disabled ~ .peer-disabled\:shr-cursor-not-allowed {
-  cursor: not-allowed
-}
-
 .shr-peer:disabled ~ .peer-disabled\:shr-border-default\/50 {
   border-color: rgb(214 211 208 / 0.5)
 }
@@ -2941,6 +2959,10 @@
   background-color: rgb(214 211 208 / var(--tw-bg-opacity))
 }
 
+.has-\[\:disabled\]\:shr-cursor-default:has(:disabled) {
+  cursor: default
+}
+
 .aria-checked\:shr-border-main[aria-checked="true"] {
   --tw-border-opacity: 1;
   border-color: rgb(0 119 199 / var(--tw-border-opacity))
@@ -3418,6 +3440,24 @@
   }
 }
 
+.\[\&_\.smarthr-ui-RadioButton-label\]\:shr-ms-0\.75 .smarthr-ui-RadioButton-label {
+  margin-inline-start: 12px
+}
+
+.\[\&_\.smarthr-ui-RadioButton-label\]\:shr-cursor-pointer .smarthr-ui-RadioButton-label {
+  cursor: pointer
+}
+
+.has-\[\:disabled\]\:\[\&_\.smarthr-ui-RadioButton-label\]\:shr-cursor-default .smarthr-ui-RadioButton-label:has(:disabled) {
+  cursor: default
+}
+
+.\[\&_\.smarthr-ui-RadioButton-radioButton\:focus-visible_\+_span\]\:shr-shadow-none .smarthr-ui-RadioButton-radioButton:focus-visible + span {
+  --tw-shadow: 0 0 #0000;
+  --tw-shadow-colored: 0 0 #0000;
+  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
+}
+
 .\[\&_\>_\*\:nth-child\(2\)\]\:shr-mb-auto > *:nth-child(2) {
   margin-bottom: auto
 }

package/esm/components/RadioButtonPanel/useClassNames.d.ts

@@ -1,3 +0,0 @@
-export declare const useClassNames: (className?: string) => {
-    wrapper: string;
-};

package/esm/components/RadioButtonPanel/useClassNames.js

@@ -1,10 +0,0 @@
-import { useMemo } from 'react';
-import { useClassNameGenerator } from '../../hooks/useClassNameGenerator';
-import { RadioButtonPanel } from './RadioButtonPanel';
-export const useClassNames = (className = '') => {
-    const generate = useClassNameGenerator(RadioButtonPanel.displayName || 'RadioButtonPanel');
-    return useMemo(() => ({
-        wrapper: `${className} ${generate()}`,
-    }), [className, generate]);
-};
-//# sourceMappingURL=useClassNames.js.map

package/esm/components/RadioButtonPanel/useClassNames.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useClassNames.js","sourceRoot":"","sources":["../../../src/components/RadioButtonPanel/useClassNames.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AAE/B,OAAO,EAAE,qBAAqB,EAAE,MAAM,mCAAmC,CAAA;AAEzE,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAA;AAErD,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,YAAoB,EAAE,EAAE,EAAE;IACtD,MAAM,QAAQ,GAAG,qBAAqB,CAAC,gBAAgB,CAAC,WAAW,IAAI,kBAAkB,CAAC,CAAA;IAE1F,OAAO,OAAO,CACZ,GAAG,EAAE,CAAC,CAAC;QACL,OAAO,EAAE,GAAG,SAAS,IAAI,QAAQ,EAAE,EAAE;KACtC,CAAC,EACF,CAAC,SAAS,EAAE,QAAQ,CAAC,CACtB,CAAA;AACH,CAAC,CAAA"}

package/lib/components/RadioButtonPanel/useClassNames.d.ts

@@ -1,3 +0,0 @@
-export declare const useClassNames: (className?: string) => {
-    wrapper: string;
-};

package/lib/components/RadioButtonPanel/useClassNames.js

@@ -1,14 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useClassNames = void 0;
-const react_1 = require("react");
-const useClassNameGenerator_1 = require("../../hooks/useClassNameGenerator");
-const RadioButtonPanel_1 = require("./RadioButtonPanel");
-const useClassNames = (className = '') => {
-    const generate = (0, useClassNameGenerator_1.useClassNameGenerator)(RadioButtonPanel_1.RadioButtonPanel.displayName || 'RadioButtonPanel');
-    return (0, react_1.useMemo)(() => ({
-        wrapper: `${className} ${generate()}`,
-    }), [className, generate]);
-};
-exports.useClassNames = useClassNames;
-//# sourceMappingURL=useClassNames.js.map

package/lib/components/RadioButtonPanel/useClassNames.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useClassNames.js","sourceRoot":"","sources":["../../../src/components/RadioButtonPanel/useClassNames.ts"],"names":[],"mappings":";;;AAAA,iCAA+B;AAE/B,6EAAyE;AAEzE,yDAAqD;AAE9C,MAAM,aAAa,GAAG,CAAC,YAAoB,EAAE,EAAE,EAAE;IACtD,MAAM,QAAQ,GAAG,IAAA,6CAAqB,EAAC,mCAAgB,CAAC,WAAW,IAAI,kBAAkB,CAAC,CAAA;IAE1F,OAAO,IAAA,eAAO,EACZ,GAAG,EAAE,CAAC,CAAC;QACL,OAAO,EAAE,GAAG,SAAS,IAAI,QAAQ,EAAE,EAAE;KACtC,CAAC,EACF,CAAC,SAAS,EAAE,QAAQ,CAAC,CACtB,CAAA;AACH,CAAC,CAAA;AATY,QAAA,aAAa,iBASzB"}