smarthr-ui 29.0.2 → 30.0.0

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

@@ -1,4 +1,4 @@
-import { ReactNode, VFC } from 'react';
+import { FC, ReactNode } from 'react';
 import { DecoratorsType } from '../../types/props';
 import { HeadingTagTypes } from '../Heading';
 export type BaseProps = {
@@ -47,13 +47,15 @@ export type BaseProps = {
     decorators?: DecoratorsType<'closeButtonLabel'>;
 };
 type responseMessageType = {
-    status: 'success' | 'error' | 'processing';
+    status: 'success' | 'error';
     text: string;
+} | {
+    status: 'processing';
 };
 export type ActionDialogContentInnerProps = BaseProps & {
     onClickClose: () => void;
     responseMessage?: responseMessageType;
     titleId: string;
 };
-export declare const ActionDialogContentInner: VFC<ActionDialogContentInnerProps>;
+export declare const ActionDialogContentInner: FC<ActionDialogContentInnerProps>;
 export {};

package/esm/components/Dialog/ActionDialogContentInner.js

@@ -3,8 +3,7 @@ import styled, { css } from 'styled-components';
 import { useTheme } from '../../hooks/useTheme';
 import { Button } from '../Button';
 import { FaCheckCircleIcon, FaExclamationCircleIcon } from '../Icon';
-import { Stack } from '../Layout';
-import { Loader } from '../Loader';
+import { Cluster, Stack } from '../Layout';
 import { Text } from '../Text';
 import { useOffsetHeight } from './dialogHelper';
 import { useClassNames } from './useClassNames';
@@ -23,69 +22,36 @@ export const ActionDialogContentInner = ({ children, title, titleId, subtitle, t
             React.createElement(Text, { id: titleId, size: "L", leading: "TIGHT", className: classNames.title }, title)),
         React.createElement(Body, { offsetHeight: offsetHeight, className: classNames.body }, children),
         React.createElement(ActionArea, { themes: theme, ref: bottomRef, className: classNames.actionArea },
-            React.createElement(ButtonArea, { themes: theme, className: classNames.buttonArea },
+            React.createElement(ButtonArea, { className: classNames.buttonArea },
                 React.createElement(Button, { onClick: onClickClose, disabled: closeDisabled || isRequestProcessing, className: classNames.closeButton }, decorators?.closeButtonLabel?.(CLOSE_BUTTON_LABEL) || CLOSE_BUTTON_LABEL),
-                React.createElement(Button, { variant: actionTheme, onClick: handleClickAction, disabled: actionDisabled || isRequestProcessing, className: classNames.actionButton }, actionText)),
-            responseMessage && (React.createElement(MessageWrapper, { role: "alert", className: classNames.alert, themes: theme },
-                responseMessage.status === 'success' ? (React.createElement(FaCheckCircleIcon, { color: theme.color.MAIN })) : responseMessage.status === 'error' ? (React.createElement(FaExclamationCircleIcon, { color: theme.color.DANGER })) : (React.createElement(Spinner, { size: "s", themes: theme })),
-                React.createElement(Message, { themes: theme }, responseMessage.text))))));
+                React.createElement(Button, { variant: actionTheme, onClick: handleClickAction, disabled: actionDisabled, loading: isRequestProcessing, className: classNames.actionButton }, actionText)),
+            responseMessage && (React.createElement(React.Fragment, null,
+                responseMessage.status === 'success' && (React.createElement(Message, null,
+                    React.createElement(FaCheckCircleIcon, { color: theme.color.MAIN, text: responseMessage.text, role: "alert" }))),
+                responseMessage.status === 'error' && (React.createElement(Message, null,
+                    React.createElement(FaExclamationCircleIcon, { color: theme.color.DANGER, text: responseMessage.text, role: "alert" }))))))));
 };
-const TitleArea = styled(Stack)(({ themes: { border, spacing } }) => css `
+const TitleArea = styled(Stack) `
+  ${({ themes: { border, space } }) => css `
     margin-block: unset;
     border-bottom: ${border.shorthand};
-    padding: ${spacing.XS} ${spacing.S};
-  `);
+    padding: ${space(1)} ${space(1.5)};
+  `}
+`;
 const Body = styled.div `
-  ${({ offsetHeight }) => {
-    return css `
-      max-height: calc(100vh - ${offsetHeight}px);
-      overflow: auto;
-    `;
-}}
+  ${({ offsetHeight }) => css `
+    max-height: calc(100vh - ${offsetHeight}px);
+    overflow: auto;
+  `}
 `;
-const ActionArea = styled.div(({ themes: { spacing, border } }) => {
-    return css `
-    display: flex;
-    flex-direction: column;
+const ActionArea = styled(Stack).attrs({ gap: 0.5 }) `
+  ${({ themes: { space, border } }) => css `
     border-top: ${border.shorthand};
-    padding: ${spacing.XS} ${spacing.S};
-
-    &&& > * + * {
-      margin-top: 0.5rem;
-    }
-  `;
-});
-const ButtonArea = styled.div(({ themes: { spacing } }) => {
-    return css `
-    display: flex;
-    justify-content: flex-end;
-
-    > * + * {
-      margin-left: ${spacing.XS};
-    }
-  `;
-});
-const MessageWrapper = styled.div `
-  display: flex;
-  align-items: center;
-  justify-content: flex-end;
-  margin-top: 0;
-  margin-bottom: 0;
-  font-size: ${({ themes }) => themes.fontSize.M};
-`;
-const Spinner = styled(Loader) `
-  &&& {
-    > div {
-      width: 18px;
-      height: 18px;
-    }
-
-    > div > div {
-      border-color: ${({ themes }) => themes.color.TEXT_GREY};
-    }
-  }
+    padding: ${space(1)} ${space(1.5)};
+  `}
 `;
-const Message = styled.span `
-  margin-left: ${({ themes }) => themes.spacingByChar(0.25)};
+const ButtonArea = styled(Cluster).attrs({ gap: { row: 0.5, column: 1 }, justify: 'flex-end' }) ``;
+const Message = styled.div `
+  text-align: right;
 `;
 //# sourceMappingURL=ActionDialogContentInner.js.map

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

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

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

@@ -12,7 +12,6 @@ export declare function useClassNames(): {
         buttonArea: string;
         closeButton: string;
         actionButton: string;
-        alert: string;
     };
     modelessDialog: {
         wrapper: string;

package/esm/components/Dialog/useClassNames.js

@@ -18,7 +18,6 @@ export function useClassNames() {
             buttonArea: generateForDialog('buttonArea'),
             closeButton: generateForDialog('closeButton'),
             actionButton: generateForDialog('actionButton'),
-            alert: generateForDialog('alert'),
         },
         modelessDialog: {
             wrapper: generateForModeless(),

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

@@ -1 +1 @@
-{"version":3,"file":"useClassNames.js","sourceRoot":"","sources":["../../../src/components/Dialog/useClassNames.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AAE/B,OAAO,EAAE,qBAAqB,EAAE,MAAM,mCAAmC,CAAA;AAEzE,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,MAAM,GAAG,CAAA;AAE1C,MAAM,UAAU,aAAa;IAC3B,MAAM,iBAAiB,GAAG,qBAAqB,CAAC,MAAM,CAAC,WAAW,IAAI,QAAQ,CAAC,CAAA;IAC/E,MAAM,mBAAmB,GAAG,qBAAqB,CAAC,cAAc,CAAC,WAAW,IAAI,gBAAgB,CAAC,CAAA;IACjG,OAAO,OAAO,CACZ,GAAG,EAAE,CAAC,CAAC;QACL,MAAM,EAAE;YACN,OAAO,EAAE,iBAAiB,CAAC,SAAS,CAAC;YACrC,MAAM,EAAE,iBAAiB,EAAE;YAC3B,UAAU,EAAE,iBAAiB,CAAC,YAAY,CAAC;YAC3C,SAAS,EAAE,iBAAiB,CAAC,WAAW,CAAC;YACzC,KAAK,EAAE,iBAAiB,CAAC,OAAO,CAAC;YACjC,QAAQ,EAAE,iBAAiB,CAAC,UAAU,CAAC;YACvC,IAAI,EAAE,iBAAiB,CAAC,MAAM,CAAC;YAC/B,WAAW,EAAE,iBAAiB,CAAC,aAAa,CAAC;YAC7C,UAAU,EAAE,iBAAiB,CAAC,YAAY,CAAC;YAC3C,UAAU,EAAE,iBAAiB,CAAC,YAAY,CAAC;YAC3C,WAAW,EAAE,iBAAiB,CAAC,aAAa,CAAC;YAC7C,YAAY,EAAE,iBAAiB,CAAC,cAAc,CAAC;YAC/C,KAAK,EAAE,iBAAiB,CAAC,OAAO,CAAC;SAClC;QACD,cAAc,EAAE;YACd,OAAO,EAAE,mBAAmB,EAAE;YAC9B,GAAG,EAAE,mBAAmB,CAAC,KAAK,CAAC;YAC/B,MAAM,EAAE,mBAAmB,CAAC,QAAQ,CAAC;YACrC,MAAM,EAAE,mBAAmB,CAAC,QAAQ,CAAC;YACrC,WAAW,EAAE,mBAAmB,CAAC,aAAa,CAAC;YAC/C,OAAO,EAAE,mBAAmB,CAAC,SAAS,CAAC;YACvC,MAAM,EAAE,mBAAmB,CAAC,QAAQ,CAAC;SACtC;KACF,CAAC,EACF,CAAC,iBAAiB,EAAE,mBAAmB,CAAC,CACzC,CAAA;AACH,CAAC"}
+{"version":3,"file":"useClassNames.js","sourceRoot":"","sources":["../../../src/components/Dialog/useClassNames.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AAE/B,OAAO,EAAE,qBAAqB,EAAE,MAAM,mCAAmC,CAAA;AAEzE,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,MAAM,GAAG,CAAA;AAE1C,MAAM,UAAU,aAAa;IAC3B,MAAM,iBAAiB,GAAG,qBAAqB,CAAC,MAAM,CAAC,WAAW,IAAI,QAAQ,CAAC,CAAA;IAC/E,MAAM,mBAAmB,GAAG,qBAAqB,CAAC,cAAc,CAAC,WAAW,IAAI,gBAAgB,CAAC,CAAA;IACjG,OAAO,OAAO,CACZ,GAAG,EAAE,CAAC,CAAC;QACL,MAAM,EAAE;YACN,OAAO,EAAE,iBAAiB,CAAC,SAAS,CAAC;YACrC,MAAM,EAAE,iBAAiB,EAAE;YAC3B,UAAU,EAAE,iBAAiB,CAAC,YAAY,CAAC;YAC3C,SAAS,EAAE,iBAAiB,CAAC,WAAW,CAAC;YACzC,KAAK,EAAE,iBAAiB,CAAC,OAAO,CAAC;YACjC,QAAQ,EAAE,iBAAiB,CAAC,UAAU,CAAC;YACvC,IAAI,EAAE,iBAAiB,CAAC,MAAM,CAAC;YAC/B,WAAW,EAAE,iBAAiB,CAAC,aAAa,CAAC;YAC7C,UAAU,EAAE,iBAAiB,CAAC,YAAY,CAAC;YAC3C,UAAU,EAAE,iBAAiB,CAAC,YAAY,CAAC;YAC3C,WAAW,EAAE,iBAAiB,CAAC,aAAa,CAAC;YAC7C,YAAY,EAAE,iBAAiB,CAAC,cAAc,CAAC;SAChD;QACD,cAAc,EAAE;YACd,OAAO,EAAE,mBAAmB,EAAE;YAC9B,GAAG,EAAE,mBAAmB,CAAC,KAAK,CAAC;YAC/B,MAAM,EAAE,mBAAmB,CAAC,QAAQ,CAAC;YACrC,MAAM,EAAE,mBAAmB,CAAC,QAAQ,CAAC;YACrC,WAAW,EAAE,mBAAmB,CAAC,aAAa,CAAC;YAC/C,OAAO,EAAE,mBAAmB,CAAC,SAAS,CAAC;YACvC,MAAM,EAAE,mBAAmB,CAAC,QAAQ,CAAC;SACtC;KACF,CAAC,EACF,CAAC,iBAAiB,EAAE,mBAAmB,CAAC,CACzC,CAAA;AACH,CAAC"}

package/esm/components/Dropdown/DropdownMenuButton/DropdownMenuButton.d.ts

@@ -1,4 +1,4 @@
-import { ComponentProps, HTMLAttributes, ReactElement, ReactNode, VFC } from 'react';
+import { ButtonHTMLAttributes, ComponentProps, FC, ReactElement, ReactNode } from 'react';
 import { AnchorButton, Button, BaseProps as ButtonProps } from '../../Button';
 type Actions = ActionItem | ActionItem[];
 type ActionItem = ReactElement<ComponentProps<typeof Button>> | ReactElement<ComponentProps<typeof AnchorButton>> | null | boolean;
@@ -11,9 +11,7 @@ type Props = {
     triggerSize?: ButtonProps['size'];
     /** 引き金となるボタンをアイコンのみとするかどうか */
     onlyIconTrigger?: boolean;
-    /** 引き金となるボタンの `disabled` 属性の値 */
-    disabled?: boolean;
 };
-type ElementProps = Omit<HTMLAttributes<HTMLElement>, keyof Props>;
-export declare const DropdownMenuButton: VFC<Props & ElementProps>;
+type ElementProps = Omit<ButtonHTMLAttributes<HTMLButtonElement>, keyof Props>;
+export declare const DropdownMenuButton: FC<Props & ElementProps>;
 export {};

package/esm/components/Dropdown/DropdownMenuButton/DropdownMenuButton.js

@@ -1,4 +1,4 @@
-import React, { useMemo } from 'react';
+import React, { useMemo, } from 'react';
 import innerText from 'react-innertext';
 import styled, { css } from 'styled-components';
 import { Dropdown, DropdownContent, DropdownTrigger } from '..';
@@ -7,16 +7,16 @@ import { Button } from '../../Button';
 import { FaCaretDownIcon, FaEllipsisHIcon } from '../../Icon';
 import { Stack } from '../../Layout';
 import { useClassNames } from './useClassNames';
-export const DropdownMenuButton = ({ label, children, triggerSize, onlyIconTrigger = false, disabled = false, className = '', ...props }) => {
+export const DropdownMenuButton = ({ label, children, triggerSize, onlyIconTrigger = false, className = '', ...props }) => {
     const themes = useTheme();
     const classNames = useClassNames();
     const triggerLabel = useMemo(() => onlyIconTrigger ? (React.createElement(FaEllipsisHIcon, { alt: typeof label === 'string' ? label : innerText(label) })) : (label), [onlyIconTrigger, label]);
     const triggerSuffix = useMemo(
     // eslint-disable-next-line react/jsx-no-useless-fragment
     () => (onlyIconTrigger ? React.createElement(React.Fragment, null) : React.createElement(FaCaretDownIcon, { alt: "\u5019\u88DC\u3092\u958B\u304F" })), [onlyIconTrigger]);
-    return (React.createElement(Dropdown, { ...props },
+    return (React.createElement(Dropdown, null,
         React.createElement(DropdownTrigger, { className: `${classNames.wrapper}${className && ` ${className}`}` },
-            React.createElement(TriggerButton, { suffix: triggerSuffix, size: triggerSize, disabled: disabled, square: onlyIconTrigger, className: classNames.trigger }, triggerLabel)),
+            React.createElement(TriggerButton, { ...props, suffix: triggerSuffix, size: triggerSize, square: onlyIconTrigger, className: classNames.trigger }, triggerLabel)),
         React.createElement(DropdownContent, null,
             React.createElement(ActionList, { themes: themes, className: classNames.panel }, React.Children.map(children, (item, i) => 
             // MEMO: {flag && <Button/>}のような書き方に対応させるためbooleanの判定を入れています

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

@@ -1 +1 @@
-{"version":3,"file":"DropdownMenuButton.js","sourceRoot":"","sources":["../../../../src/components/Dropdown/DropdownMenuButton/DropdownMenuButton.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"DropdownMenuButton.js","sourceRoot":"","sources":["../../../../src/components/Dropdown/DropdownMenuButton/DropdownMenuButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAMZ,OAAO,GACR,MAAM,OAAO,CAAA;AACd,OAAO,SAAS,MAAM,iBAAiB,CAAA;AACvC,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAE/C,OAAO,EAAE,QAAQ,EAAE,eAAe,EAAE,eAAe,EAAE,MAAM,IAAI,CAAA;AAC/D,OAAO,EAAS,QAAQ,EAAE,MAAM,yBAAyB,CAAA;AACzD,OAAO,EAAgB,MAAM,EAA4B,MAAM,cAAc,CAAA;AAC7E,OAAO,EAAE,eAAe,EAAE,eAAe,EAAE,MAAM,YAAY,CAAA;AAC7D,OAAO,EAAE,KAAK,EAAE,MAAM,cAAc,CAAA;AAEpC,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAqB/C,MAAM,CAAC,MAAM,kBAAkB,GAA6B,CAAC,EAC3D,KAAK,EACL,QAAQ,EACR,WAAW,EACX,eAAe,GAAG,KAAK,EACvB,SAAS,GAAG,EAAE,EACd,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,MAAM,GAAG,QAAQ,EAAE,CAAA;IACzB,MAAM,UAAU,GAAG,aAAa,EAAE,CAAA;IAElC,MAAM,YAAY,GAAG,OAAO,CAC1B,GAAG,EAAE,CACH,eAAe,CAAC,CAAC,CAAC,CAChB,oBAAC,eAAe,IAAC,GAAG,EAAE,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC,KAAK,CAAC,GAAI,CAC/E,CAAC,CAAC,CAAC,CACF,KAAK,CACN,EACH,CAAC,eAAe,EAAE,KAAK,CAAC,CACzB,CAAA;IACD,MAAM,aAAa,GAAG,OAAO;IAC3B,yDAAyD;IACzD,GAAG,EAAE,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,yCAAK,CAAC,CAAC,CAAC,oBAAC,eAAe,IAAC,GAAG,EAAC,gCAAO,GAAG,CAAC,EACjE,CAAC,eAAe,CAAC,CAClB,CAAA;IAED,OAAO,CACL,oBAAC,QAAQ;QACP,oBAAC,eAAe,IAAC,SAAS,EAAE,GAAG,UAAU,CAAC,OAAO,GAAG,SAAS,IAAI,IAAI,SAAS,EAAE,EAAE;YAChF,oBAAC,aAAa,OACR,KAAK,EACT,MAAM,EAAE,aAAa,EACrB,IAAI,EAAE,WAAW,EACjB,MAAM,EAAE,eAAe,EACvB,SAAS,EAAE,UAAU,CAAC,OAAO,IAE5B,YAAY,CACC,CACA;QAClB,oBAAC,eAAe;YACd,oBAAC,UAAU,IAAC,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,UAAU,CAAC,KAAK,IACpD,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE;YACxC,4DAA4D;YAC5D,IAAI,IAAI,OAAO,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,4BAAI,GAAG,EAAE,CAAC,IAAG,UAAU,CAAC,IAAI,CAAC,CAAM,CAAC,CAAC,CAAC,IAAI,CAC/E,CACU,CACG,CACT,CACZ,CAAA;AACH,CAAC,CAAA;AAED,MAAM,aAAa,GAAG,MAAM,CAAC,MAAM,CAAC,CAAA;;;;CAInC,CAAA;AACD,MAAM,UAAU,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,EAAE,EAAE,EAAE,IAAI,EAAE,GAAG,EAAE,CAAC,EAAE,CAAC,CAAmB;IAC3E,CAAC,EAAE,MAAM,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,EAAE,CAAC,GAAG,CAAA;;;qBAGb,KAAK,CAAC,GAAG,CAAC;;;;;;;uBAOR,KAAK,CAAC,GAAG,CAAC;;;;;;4BAML,KAAK,CAAC,CAAC,CAAC;;;;;;;GAOjC;CACF,CAAA;AACD,MAAM,UAAU,GAAG,CAAC,IAAkB,EAAE,EAAE,CAAC,KAAK,CAAC,YAAY,CAAC,IAAI,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,CAAA"}

package/esm/components/FloatArea/FloatArea.d.ts

@@ -1,10 +1,11 @@
-import { ComponentProps, FunctionComponentElement, HTMLAttributes, ReactNode, VFC } from 'react';
+import { ComponentProps, FC, FunctionComponentElement, HTMLAttributes, ReactNode } from 'react';
+import { AbstractSize, CharRelativeSize } from '../../themes/createSpacing';
 import { FaExclamationCircleIcon } from '../Icon';
 type StyleProps = {
-    /** コンポーネントの上端から、包含ブロックの上端までの距離 */
-    top?: number | string;
-    /** コンポーネントの下端から、包含ブロックの下端までの距離 */
-    bottom?: number | string;
+    /** コンポーネントの上端から、包含ブロックの上端までの間隔（基準フォントサイズの相対値または抽象値） */
+    top?: CharRelativeSize | AbstractSize;
+    /** コンポーネントの下端から、包含ブロックの下端までの間隔（基準フォントサイズの相対値または抽象値） */
+    bottom?: CharRelativeSize | AbstractSize;
     /** コンポーネントの `z-index` 値 */
     zIndex?: number;
 };
@@ -29,5 +30,5 @@ type Props = StyleProps & {
     className?: string;
 };
 type ElementProps = Omit<HTMLAttributes<HTMLDivElement>, keyof Props>;
-export declare const FloatArea: VFC<Props & ElementProps>;
+export declare const FloatArea: FC<Props & ElementProps>;
 export {};

package/esm/components/FloatArea/FloatArea.js

@@ -1,13 +1,11 @@
 import React from 'react';
 import styled, { css } from 'styled-components';
+import { useSpacing } from '../../hooks/useSpacing';
 import { useTheme } from '../../hooks/useTheme';
-import { DialogBase as BaseComponent } from '../Base';
+import { Base as shrBase } from '../Base';
 import { Cluster, LineUp } from '../Layout';
 import { Text } from '../Text';
 import { useClassNames } from './useClassNames';
-const exist = (value) => {
-    return value !== undefined && value !== null;
-};
 export const FloatArea = ({ primaryButton, secondaryButton, tertiaryButton, errorText, errorIcon, fixed = false, className = '', width, ...props }) => {
     const theme = useTheme();
     const classNames = useClassNames();
@@ -23,23 +21,14 @@ export const FloatArea = ({ primaryButton, secondaryButton, tertiaryButton, erro
                         secondaryButton && secondaryButton,
                         primaryButton && primaryButton))))));
 };
-const Base = styled(BaseComponent) `
-  ${({ themes: { spacingByChar }, top, bottom, $width, fixed, zIndex = 500 }) => css `
+const Base = styled(shrBase).attrs({ layer: 3 }) `
+  ${({ themes: { space }, top, bottom, $width, fixed, zIndex = 500 }) => css `
       position: ${fixed ? 'fixed' : 'sticky'};
-      ${exist(top) &&
-    css `
-        top: ${typeof top === 'number' ? `${top}px` : top};
-      `}
-      ${exist(bottom) &&
-    css `
-        bottom: ${typeof bottom === 'number' ? `${bottom}px` : bottom};
-      `}
+      ${(top || top === 0) && `top: ${useSpacing(top)};`}
+      ${(bottom || bottom === 0) && `bottom: ${useSpacing(bottom)};`}
       z-index: ${zIndex};
-      ${$width &&
-    css `
-        width: ${$width};
-      `}
-      padding: ${spacingByChar(1)};
+      padding: ${space(1)};
+      ${$width && `width: ${$width};`}
     `}
 `;
 const RightSide = styled.div `

package/esm/components/FloatArea/FloatArea.js.map

@@ -1 +1 @@
-{"version":3,"file":"FloatArea.js","sourceRoot":"","sources":["../../../src/components/FloatArea/FloatArea.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"FloatArea.js","sourceRoot":"","sources":["../../../src/components/FloatArea/FloatArea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAMN,MAAM,OAAO,CAAA;AACd,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAE/C,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAA;AACnD,OAAO,EAAS,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AAEtD,OAAO,EAAE,IAAI,IAAI,OAAO,EAAE,MAAM,SAAS,CAAA;AAEzC,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAA;AAC3C,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAE9B,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAgC/C,MAAM,CAAC,MAAM,SAAS,GAA6B,CAAC,EAClD,aAAa,EACb,eAAe,EACf,cAAc,EACd,SAAS,EACT,SAAS,EACT,KAAK,GAAG,KAAK,EACb,SAAS,GAAG,EAAE,EACd,KAAK,EACL,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAA;IACxB,MAAM,UAAU,GAAG,aAAa,EAAE,CAAA;IAElC,OAAO,CACL,oBAAC,IAAI,OACC,KAAK,EACT,MAAM,EAAE,KAAK,EACb,SAAS,EAAE,GAAG,SAAS,IAAI,UAAU,CAAC,OAAO,EAAE,YACvC,KAAK,EACb,KAAK,EAAE,KAAK;QAEZ,oBAAC,OAAO,IAAC,GAAG,EAAE,CAAC;YACZ,cAAc,IAAI,cAAc;YACjC,oBAAC,SAAS;gBACR,oBAAC,OAAO,IAAC,GAAG,EAAE,CAAC;oBACZ,SAAS,IAAI,CACZ,oBAAC,YAAY,IAAC,GAAG,EAAE,IAAI,EAAE,MAAM,EAAC,QAAQ,EAAC,EAAE,EAAC,GAAG,EAAC,SAAS,EAAE,UAAU,CAAC,SAAS;wBAC5E,SAAS,IAAI,oBAAC,SAAS,IAAC,MAAM,EAAE,KAAK,IAAG,SAAS,CAAa;wBAC/D,oBAAC,IAAI,IAAC,IAAI,EAAC,GAAG,IAAE,SAAS,CAAQ,CACpB,CAChB;oBACD,oBAAC,OAAO,IAAC,GAAG,EAAE,CAAC;wBACZ,eAAe,IAAI,eAAe;wBAClC,aAAa,IAAI,aAAa,CACvB,CACF,CACA,CACJ,CACL,CACR,CAAA;AACH,CAAC,CAAA;AAED,MAAM,IAAI,GAAG,MAAM,CAAC,OAAO,CAAC,CAAC,KAAK,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,CAAC,CAE/C;IACG,CAAC,EAAE,MAAM,EAAE,EAAE,KAAK,EAAE,EAAE,GAAG,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,GAAG,EAAE,EAAE,EAAE,CACpE,GAAG,CAAA;kBACW,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,QAAQ;QACpC,CAAC,GAAG,IAAI,GAAG,KAAK,CAAC,CAAC,IAAI,QAAQ,UAAU,CAAC,GAAG,CAAC,GAAG;QAChD,CAAC,MAAM,IAAI,MAAM,KAAK,CAAC,CAAC,IAAI,WAAW,UAAU,CAAC,MAAM,CAAC,GAAG;iBACnD,MAAM;iBACN,KAAK,CAAC,CAAC,CAAC;QACjB,MAAM,IAAI,UAAU,MAAM,GAAG;KAChC;CACJ,CAAA;AACD,MAAM,SAAS,GAAG,MAAM,CAAC,GAAG,CAAA;;CAE3B,CAAA;AACD,MAAM,YAAY,GAAG,MAAM,CAAC,MAAM,CAAC,CAAA;;;CAGlC,CAAA;AACD,MAAM,SAAS,GAAG,MAAM,CAAC,IAAI,CAAmB;;;;;;CAM/C,CAAA"}