smarthr-ui 47.0.0 → 48.0.0

package/esm/components/Base/Base.js

@@ -1,5 +1,6 @@
 import React, { forwardRef, useMemo } from 'react';
 import { tv } from 'tailwind-variants';
+import { useSectionWrapper } from '../SectioningContent/useSectioningWrapper';
 const base = tv({
     base: 'smarthr-ui-Base shr-bg-white forced-colors:shr-border-shorthand contrast-more:shr-border-high-contrast',
     variants: {
@@ -101,6 +102,8 @@ export const Base = forwardRef(({ padding, radius = 'm', overflow, layer = 1, as
             className,
         });
     }, [className, layer, overflow, padding, radius]);
-    return React.createElement(Component, { ...props, className: styles, ref: ref });
+    const Wrapper = useSectionWrapper(Component);
+    return (React.createElement(Wrapper, null,
+        React.createElement(Component, { ...props, ref: ref, className: styles })));
 });
 //# sourceMappingURL=Base.js.map

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/Dialog/DialogContentInner.js

@@ -2,10 +2,10 @@ import React, { useCallback, useMemo, useRef, } from 'react';
 import { tv } from 'tailwind-variants';
 import { useHandleEscape } from '../../hooks/useHandleEscape';
 import { useTheme } from '../../hooks/useTailwindTheme';
-import { BodyScrollSuppressor } from './BodyScrollSuppressor';
 import { DialogOverlap } from './DialogOverlap';
 import { DialogPositionProvider } from './DialogPositionProvider';
 import { FocusTrap } from './FocusTrap';
+import { useBodyScrollLock } from './useBodyScrollLock';
 function exist(value) {
     return value !== undefined && value !== null;
 }
@@ -59,12 +59,12 @@ export const DialogContentInner = ({ onClickOverlay, onPressEscape = () => {
         }
         onClickOverlay && onClickOverlay();
     }, [isOpen, onClickOverlay]);
+    useBodyScrollLock(isOpen);
     return (React.createElement(DialogPositionProvider, { top: top, bottom: bottom },
         React.createElement(DialogOverlap, { isOpen: isOpen },
             React.createElement("div", { className: layoutStyle, id: id },
                 React.createElement("div", { onClick: handleClickOverlay, className: backgroundStyle, role: "presentation" }),
                 React.createElement("div", { ...props, ...innerStyleProps, ref: innerRef, role: "dialog", "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, "aria-modal": "true" },
-                    React.createElement(FocusTrap, { firstFocusTarget: firstFocusTarget }, children)),
-                React.createElement(BodyScrollSuppressor, null)))));
+                    React.createElement(FocusTrap, { firstFocusTarget: firstFocusTarget }, children))))));
 };
 //# sourceMappingURL=DialogContentInner.js.map

package/esm/components/Dialog/DialogContentInner.js.map

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

package/esm/components/Dialog/useBodyScrollLock.d.ts

@@ -0,0 +1 @@
+export declare const useBodyScrollLock: (isOpen: boolean) => void;

package/esm/components/Dialog/useBodyScrollLock.js

@@ -0,0 +1,28 @@
+import { useEffect, useState } from 'react';
+export const useBodyScrollLock = (isOpen) => {
+    const [scrollBarWidth, setScrollBarWidth] = useState(null);
+    const [paddingRight, setPaddingRight] = useState(null);
+    useEffect(() => {
+        setScrollBarWidth(window.innerWidth - document.body.clientWidth);
+    }, []);
+    useEffect(() => {
+        if (scrollBarWidth === null) {
+            return;
+        }
+        const originalPaddingRight = getComputedStyle(document.body).getPropertyValue('padding-right');
+        setPaddingRight(scrollBarWidth + parseInt(originalPaddingRight, 10));
+    }, [scrollBarWidth]);
+    useEffect(() => {
+        if (!isOpen)
+            return;
+        if (paddingRight !== null) {
+            document.body.style.paddingInlineEnd = `${paddingRight}px`;
+        }
+        document.body.style.overflow = 'hidden';
+        return () => {
+            document.body.style.paddingInlineEnd = '';
+            document.body.style.overflow = '';
+        };
+    }, [isOpen, paddingRight]);
+};
+//# sourceMappingURL=useBodyScrollLock.js.map

package/esm/components/Dialog/useBodyScrollLock.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useBodyScrollLock.js","sourceRoot":"","sources":["../../../src/components/Dialog/useBodyScrollLock.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAE3C,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,MAAe,EAAE,EAAE;IACnD,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,QAAQ,CAAgB,IAAI,CAAC,CAAA;IACzE,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAgB,IAAI,CAAC,CAAA;IAErE,SAAS,CAAC,GAAG,EAAE;QACb,iBAAiB,CAAC,MAAM,CAAC,UAAU,GAAG,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,CAAA;IAClE,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,cAAc,KAAK,IAAI,EAAE,CAAC;YAC5B,OAAM;QACR,CAAC;QACD,MAAM,oBAAoB,GAAG,gBAAgB,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,gBAAgB,CAAC,eAAe,CAAC,CAAA;QAC9F,eAAe,CAAC,cAAc,GAAG,QAAQ,CAAC,oBAAoB,EAAE,EAAE,CAAC,CAAC,CAAA;IACtE,CAAC,EAAE,CAAC,cAAc,CAAC,CAAC,CAAA;IAEpB,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,MAAM;YAAE,OAAM;QAEnB,IAAI,YAAY,KAAK,IAAI,EAAE,CAAC;YAC1B,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,gBAAgB,GAAG,GAAG,YAAY,IAAI,CAAA;QAC5D,CAAC;QACD,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,GAAG,QAAQ,CAAA;QAEvC,OAAO,GAAG,EAAE;YACV,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,gBAAgB,GAAG,EAAE,CAAA;YACzC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,GAAG,EAAE,CAAA;QACnC,CAAC,CAAA;IACH,CAAC,EAAE,CAAC,MAAM,EAAE,YAAY,CAAC,CAAC,CAAA;AAC5B,CAAC,CAAA"}

package/esm/components/Dropdown/SortDropdown/SortDropdown.js

@@ -1,8 +1,8 @@
 import React from 'react';
 import { Button } from '../../Button';
+import { Fieldset } from '../../Fieldset';
 import { FormControl } from '../../FormControl';
 import { Cluster, Stack } from '../../Layout';
-import { Fieldset } from '../../NewFieldset';
 import { RadioButton } from '../../RadioButton';
 import { Select } from '../../Select';
 import { Dropdown } from '../Dropdown';

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

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

package/esm/components/Fieldset/Fieldset.d.ts

@@ -0,0 +1,3 @@
+import React, { ComponentProps } from 'react';
+import { ActualFormControl } from '../FormControl/FormControl';
+export declare const Fieldset: React.FC<ComponentProps<typeof ActualFormControl>>;

package/esm/components/Fieldset/Fieldset.js

@@ -0,0 +1,4 @@
+import React from 'react';
+import { ActualFormControl } from '../FormControl/FormControl';
+export const Fieldset = (props) => (React.createElement(ActualFormControl, { ...props, as: "fieldset" }));
+//# sourceMappingURL=Fieldset.js.map

package/esm/components/Fieldset/Fieldset.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Fieldset.js","sourceRoot":"","sources":["../../../src/components/Fieldset/Fieldset.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyB,MAAM,OAAO,CAAA;AAE7C,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAA;AAE9D,MAAM,CAAC,MAAM,QAAQ,GAAuD,CAAC,KAAK,EAAE,EAAE,CAAC,CACrF,oBAAC,iBAAiB,OAAK,KAAK,EAAE,EAAE,EAAC,UAAU,GAAG,CAC/C,CAAA"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Fieldset/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA"}

package/esm/components/FlashMessage/FlashMessage.d.ts

@@ -1,6 +1,6 @@
-import { FC, HTMLAttributes, ReactNode } from 'react';
+import { ComponentPropsWithoutRef, FC, ReactNode } from 'react';
+import { VariantProps } from 'tailwind-variants';
 export declare const messageTypes: readonly ["success", "info", "warning", "error"];
-export declare const animationTypes: readonly ["bounce", "fade", "none"];
 export declare const roles: readonly ["alert", "status"];
 export type Props = {
     /** true のときに FlashMessage を表示する */
@@ -9,18 +9,76 @@ export type Props = {
     type: (typeof messageTypes)[number];
     /** メッセージの内容 */
     text: ReactNode;
-    /** アニメーションのタイプ */
-    animation?: (typeof animationTypes)[number];
     /** コンポーネントに適用する role 属性 */
     role?: (typeof roles)[number];
-    /** コンポーネントに適用するクラス名 */
-    className?: string;
     /** 閉じるボタンを押下、または表示してから8秒後に発火するコールバック関数 */
     onClose: () => void;
     /** FlashMessage が表示されてから一定時間後に自動で閉じるかどうか */
     autoClose?: boolean;
-};
-type ElementProps = Omit<HTMLAttributes<HTMLDivElement>, keyof Props>;
+} & VariantProps<typeof flashMessage>;
+type ElementProps = Omit<ComponentPropsWithoutRef<'div'>, keyof Props>;
+declare const flashMessage: import("tailwind-variants").TVReturnType<{
+    animation: {
+        bounce: {
+            wrapper: string[];
+        };
+        none: {};
+    };
+}, {
+    wrapper: string[];
+    responseMessage: string[];
+    closeButton: string[];
+}, undefined, import("tailwind-variants/dist/config").TVConfig<{
+    animation: {
+        bounce: {
+            wrapper: string[];
+        };
+        none: {};
+    };
+}, {
+    animation: {
+        bounce: {
+            wrapper: string[];
+        };
+        none: {};
+    };
+}>, {
+    animation: {
+        bounce: {
+            wrapper: string[];
+        };
+        none: {};
+    };
+}, {
+    wrapper: string[];
+    responseMessage: string[];
+    closeButton: string[];
+}, import("tailwind-variants").TVReturnType<{
+    animation: {
+        bounce: {
+            wrapper: string[];
+        };
+        none: {};
+    };
+}, {
+    wrapper: string[];
+    responseMessage: string[];
+    closeButton: string[];
+}, undefined, import("tailwind-variants/dist/config").TVConfig<{
+    animation: {
+        bounce: {
+            wrapper: string[];
+        };
+        none: {};
+    };
+}, {
+    animation: {
+        bounce: {
+            wrapper: string[];
+        };
+        none: {};
+    };
+}>, unknown, unknown, undefined>>;
 /**
  * @deprecated `FlashMessage` は気づきにくいため、安易な使用はお勧めしません。`NotificationBar` や `Dialog` の使用を検討してください。
  */

package/esm/components/FlashMessage/FlashMessage.js

@@ -1,20 +1,39 @@
-import React, { useEffect } from 'react';
-import styled, { css, keyframes } from 'styled-components';
-import { useTheme } from '../../hooks/useTheme';
+import React, { useEffect, useMemo } from 'react';
+import { tv } from 'tailwind-variants';
 import { Button } from '../Button';
-import { FaTimesIcon } from '../Icon';
+import { FaXmarkIcon } from '../Icon';
 import { ResponseMessage } from '../ResponseMessage';
-import { useClassNames } from './useClassNames';
 export const messageTypes = ['success', 'info', 'warning', 'error'];
-export const animationTypes = ['bounce', 'fade', 'none'];
 export const roles = ['alert', 'status'];
 const REMOVE_DELAY = 8000;
+const flashMessage = tv({
+    slots: {
+        wrapper: [
+            'smarthr-ui-FlashMessage',
+            'shr-border-shorthand shr-fixed shr-bottom-0.5 shr-left-0.5 shr-z-flash-message shr-flex shr-items-center shr-gap-0.5 shr-rounded-m shr-bg-white shr-p-1 shr-shadow-layer-4',
+            '[&_.smarthr-ui-Icon-withText]:-shr-my-0.25 [&_.smarthr-ui-Icon-withText]:shr-grow',
+            /* Icon + margin + 8文字 + margin + Button(border + padding + fontSize) */
+            'shr-min-w-[calc(1em+theme(spacing[0.5])+8em+theme(spacing[0.5])+(theme(borderWidth.DEFAULT)*2)+(theme(spacing[0.5])*2)+theme(fontSize.sm))]',
+        ],
+        responseMessage: ['smarthr-ui-FlashMessage-icon', ''],
+        closeButton: ['smarthr-ui-FlashMessage-button', '-shr-my-0.5 -shr-mr-0.5'],
+    },
+    variants: {
+        animation: {
+            bounce: {
+                wrapper: [
+                    'shr-animate-[flash-message-bounce_1s_0s_both]',
+                    'motion-reduce:shr-animate-none',
+                ],
+            },
+            none: {},
+        },
+    },
+});
 /**
  * @deprecated `FlashMessage` は気づきにくいため、安易な使用はお勧めしません。`NotificationBar` や `Dialog` の使用を検討してください。
  */
-export const FlashMessage = ({ visible, type, text, animation = 'bounce', role = 'alert', className = '', onClose, autoClose = true, ...props }) => {
-    const theme = useTheme();
-    const classNames = useClassNames();
+export const FlashMessage = ({ visible, type, text, animation = 'bounce', role = 'alert', className, onClose, autoClose = true, ...rest }) => {
     useEffect(() => {
         if (!visible || !autoClose) {
             return;
@@ -24,96 +43,19 @@ export const FlashMessage = ({ visible, type, text, animation = 'bounce', role =
             clearTimeout(timerId);
         };
     }, [autoClose, onClose, visible]);
+    const { wrapperStyle, responseMessageStyle, closeButtonStyle } = useMemo(() => {
+        const { wrapper, responseMessage, closeButton } = flashMessage();
+        return {
+            wrapperStyle: wrapper({ animation, className }),
+            responseMessageStyle: responseMessage(),
+            closeButtonStyle: closeButton(),
+        };
+    }, [animation, className]);
     if (!visible)
         return null;
-    return (React.createElement(Wrapper, { ...props, className: `${type} ${classNames.wrapper}  ${className}`, themes: theme, animation: animation, role: role },
-        React.createElement(ResponseMessage, { type: type, iconGap: 0.5, className: classNames.icon }, text),
-        React.createElement(CloseButton, { themes: theme, className: `close ${classNames.button}`, onClick: onClose, size: "s", square: true },
-            React.createElement(FaTimesIcon, { alt: "\u9589\u3058\u308B" }))));
+    return (React.createElement("div", { ...rest, className: wrapperStyle, role: role },
+        React.createElement(ResponseMessage, { type: type, iconGap: 0.5, className: responseMessageStyle }, text),
+        React.createElement(Button, { className: closeButtonStyle, onClick: onClose, size: "s", square: true },
+            React.createElement(FaXmarkIcon, { alt: "\u9589\u3058\u308B" }))));
 };
-const bounceAnimation = keyframes `
-  from,
-  20%,
-  53%,
-  80%,
-  to {
-    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
-    transform: translate3d(0, 0, 0);
-  }
-  40%,
-  43% {
-    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
-    transform: translate3d(0, -30px, 0);
-  }
-  70% {
-    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
-    transform: translate3d(0, -15px, 0);
-  }
-  90% {
-    transform: translate3d(0, -4px, 0);
-  }
-`;
-const fadeAnimation = keyframes `
-  from {
-    opacity: 0;
-  }
-
-  to {
-    opacity: 1;
-  }
-`;
-const Wrapper = styled.div `
-  ${({ themes, animation }) => {
-    const { border, fontSize, space, radius, color, zIndex, shadow } = themes;
-    let keyframe = bounceAnimation;
-    switch (animation) {
-        case 'bounce':
-            keyframe = bounceAnimation;
-            break;
-        case 'fade':
-            keyframe = fadeAnimation;
-            break;
-        case 'none':
-            keyframe = fadeAnimation;
-            break;
-    }
-    return css `
-      z-index: ${zIndex.FLASH_MESSAGE};
-      position: fixed;
-      bottom: ${space(0.5)};
-      left: ${space(0.5)};
-
-      display: flex;
-      align-items: center;
-      gap: ${space(0.5)};
-
-      box-shadow: ${shadow.LAYER4};
-      border: ${border.shorthand};
-      border-radius: ${radius.m};
-      background-color: ${color.WHITE};
-      padding: ${space(1)};
-
-      /* Icon + margin + 8文字 + margin + Button(border + padding + fontSize) */
-      min-width: calc(
-        1em + ${space(0.5)} + 8em + ${space(0.5)} + (${border.lineWidth} * 2) + (${space(0.5)} * 2) +
-          ${fontSize.S}
-      );
-      animation: ${keyframe} ${animation === 'none' ? '0.01s' : '1s'} 0s both;
-
-      @media (prefers-reduced-motion) {
-        animation-duration: 0.01s;
-      }
-
-      .smarthr-ui-Icon-withText {
-        flex-grow: 1;
-
-        margin-block: ${space(-0.25)};
-      }
-    `;
-}}
-`;
-const CloseButton = styled(Button)(({ themes: { space } }) => css `
-    margin-block: ${space(-0.5)};
-    margin-inline-end: ${space(-0.5)};
-  `);
 //# sourceMappingURL=FlashMessage.js.map

package/esm/components/FlashMessage/FlashMessage.js.map

@@ -1 +1 @@
-{"version":3,"file":"FlashMessage.js","sourceRoot":"","sources":["../../../src/components/FlashMessage/FlashMessage.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"FlashMessage.js","sourceRoot":"","sources":["../../../src/components/FlashMessage/FlashMessage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAA2C,SAAS,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AAC1F,OAAO,EAAgB,EAAE,EAAE,MAAM,mBAAmB,CAAA;AAEpD,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAA;AAClC,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AACrC,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAA;AAEpD,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,SAAS,EAAE,MAAM,EAAE,SAAS,EAAE,OAAO,CAAU,CAAA;AAC5E,MAAM,CAAC,MAAM,KAAK,GAAG,CAAC,OAAO,EAAE,QAAQ,CAAU,CAAA;AAmBjD,MAAM,YAAY,GAAG,IAAI,CAAA;AAEzB,MAAM,YAAY,GAAG,EAAE,CAAC;IACtB,KAAK,EAAE;QACL,OAAO,EAAE;YACP,yBAAyB;YACzB,4KAA4K;YAC5K,mFAAmF;YACnF,wEAAwE;YACxE,6IAA6I;SAC9I;QACD,eAAe,EAAE,CAAC,8BAA8B,EAAE,EAAE,CAAC;QACrD,WAAW,EAAE,CAAC,gCAAgC,EAAE,yBAAyB,CAAC;KAC3E;IACD,QAAQ,EAAE;QACR,SAAS,EAAE;YACT,MAAM,EAAE;gBACN,OAAO,EAAE;oBACP,+CAA+C;oBAC/C,gCAAgC;iBACjC;aACF;YACD,IAAI,EAAE,EAAE;SACT;KACF;CACF,CAAC,CAAA;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,YAAY,GAA6B,CAAC,EACrD,OAAO,EACP,IAAI,EACJ,IAAI,EACJ,SAAS,GAAG,QAAQ,EACpB,IAAI,GAAG,OAAO,EACd,SAAS,EACT,OAAO,EACP,SAAS,GAAG,IAAI,EAChB,GAAG,IAAI,EACR,EAAE,EAAE;IACH,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,OAAO,IAAI,CAAC,SAAS,EAAE,CAAC;YAC3B,OAAM;QACR,CAAC;QACD,MAAM,OAAO,GAAG,UAAU,CAAC,OAAO,EAAE,YAAY,CAAC,CAAA;QAEjD,OAAO,GAAG,EAAE;YACV,YAAY,CAAC,OAAO,CAAC,CAAA;QACvB,CAAC,CAAA;IACH,CAAC,EAAE,CAAC,SAAS,EAAE,OAAO,EAAE,OAAO,CAAC,CAAC,CAAA;IAEjC,MAAM,EAAE,YAAY,EAAE,oBAAoB,EAAE,gBAAgB,EAAE,GAAG,OAAO,CAAC,GAAG,EAAE;QAC5E,MAAM,EAAE,OAAO,EAAE,eAAe,EAAE,WAAW,EAAE,GAAG,YAAY,EAAE,CAAA;QAChE,OAAO;YACL,YAAY,EAAE,OAAO,CAAC,EAAE,SAAS,EAAE,SAAS,EAAE,CAAC;YAC/C,oBAAoB,EAAE,eAAe,EAAE;YACvC,gBAAgB,EAAE,WAAW,EAAE;SAChC,CAAA;IACH,CAAC,EAAE,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC,CAAA;IAE1B,IAAI,CAAC,OAAO;QAAE,OAAO,IAAI,CAAA;IAEzB,OAAO,CACL,gCAAS,IAAI,EAAE,SAAS,EAAE,YAAY,EAAE,IAAI,EAAE,IAAI;QAChD,oBAAC,eAAe,IAAC,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,GAAG,EAAE,SAAS,EAAE,oBAAoB,IACvE,IAAI,CACW;QAClB,oBAAC,MAAM,IAAC,SAAS,EAAE,gBAAgB,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAC,GAAG,EAAC,MAAM;YACpE,oBAAC,WAAW,IAAC,GAAG,EAAC,oBAAK,GAAG,CAClB,CACL,CACP,CAAA;AACH,CAAC,CAAA"}

package/esm/components/FlashMessage/FlashMessageList/useFlashMessageList.d.ts

@@ -5,9 +5,8 @@
 export declare function useFlashMessageList(): {
     enqueueMessage: (message: {
         type: "error" | "success" | "warning" | "info";
-        animation?: "none" | "bounce" | "fade" | undefined;
+        animation?: "none" | "bounce" | undefined;
         text: import("react").ReactNode;
-        className?: string | undefined;
         role?: "status" | "alert" | undefined;
         autoClose?: boolean | undefined;
     }) => void;

package/esm/components/FormControl/FormControl.d.ts

@@ -1,5 +1,36 @@
-import React, { ComponentProps } from 'react';
-import { FormGroup } from '../FormGroup';
-type Props = Omit<ComponentProps<typeof FormGroup>, 'as' | 'dangerouslyTitleHidden'>;
-export declare const FormControl: React.FC<Props>;
+import React, { ComponentProps, ComponentPropsWithoutRef, PropsWithChildren, ReactNode } from 'react';
+import { HeadingTypes } from '../Heading';
+import { StatusLabel } from '../StatusLabel';
+import type { Gap } from '../../types';
+type StatusLabelProps = ComponentProps<typeof StatusLabel>;
+type Props = PropsWithChildren<{
+    /** グループのタイトル名 */
+    title: ReactNode;
+    /** タイトルの見出しのタイプ */
+    titleType?: HeadingTypes;
+    /** タイトルの見出しを視覚的に隠すかどうか */
+    dangerouslyTitleHidden?: boolean;
+    /** label 要素に適用する `htmlFor` 値 */
+    htmlFor?: string;
+    /** label 要素に適用する `id` 値 */
+    labelId?: string;
+    /** タイトル群と子要素の間の間隔調整用（基本的には不要） */
+    innerMargin?: Gap;
+    /** タイトルの隣に表示する `StatusLabel` の Props の配列 */
+    statusLabelProps?: StatusLabelProps | StatusLabelProps[];
+    /** タイトルの下に表示するヘルプメッセージ */
+    helpMessage?: ReactNode;
+    /** タイトルの下に表示する入力例 */
+    exampleMessage?: ReactNode;
+    /** タイトルの下に表示するエラーメッセージ */
+    errorMessages?: ReactNode | ReactNode[];
+    /** フォームコントロールの下に表示する補足メッセージ */
+    supplementaryMessage?: ReactNode;
+    /** `true` のとき、文字色を `TEXT_DISABLED` にする */
+    disabled?: boolean;
+    as?: string | React.ComponentType<any>;
+}>;
+type ElementProps = Omit<ComponentPropsWithoutRef<'div'>, keyof Props | 'aria-labelledby'>;
+export declare const ActualFormControl: React.FC<Props & ElementProps>;
+export declare const FormControl: React.FC<Omit<Props & ElementProps, 'as'>>;
 export {};