@doist/reactist 10.0.0-beta.4 → 10.0.0-beta.8

package/lib/new-components/modal/modal.js.map

@@ -1 +1 @@
-{"version":3,"file":"modal.js","sources":["../../../src/new-components/modal/modal.tsx"],"sourcesContent":["import * as React from 'react'\nimport classNames from 'classnames'\nimport { DialogOverlay, DialogContent } from '@reach/dialog'\nimport FocusLock from 'react-focus-lock'\n\nimport { CloseIcon } from '../icons/close-icon'\nimport { Column, Columns } from '../columns'\nimport { Inline } from '../inline'\nimport { Divider } from '../divider'\nimport { Box } from '../box'\n\nimport styles from './modal.module.css'\n\ntype ModalWidth = 'small' | 'medium' | 'large'\ntype ModalHeightMode = 'expand' | 'fitContent'\n\n//\n// ModalContext\n//\n\ntype ModalContextValue = {\n    onDismiss?(this: void): void\n    height: ModalHeightMode\n}\n\nconst ModalContext = React.createContext<ModalContextValue>({\n    onDismiss: undefined,\n    height: 'fitContent',\n})\n\n//\n// Modal container\n//\n\ntype DivProps = Omit<\n    React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLDivElement>, HTMLDivElement>,\n    'className' | 'children'\n>\n\ntype ModalProps = DivProps & {\n    /**\n     * The content of the modal.\n     */\n    children: React.ReactNode\n    /**\n     * Whether the modal is open and visible or not.\n     */\n    isOpen: boolean\n    /**\n     * Called when the user triggers closing the modal.\n     */\n    onDismiss?(): void\n    /**\n     * A descriptive setting for how wide the modal should aim to be, depending on how much space\n     * it has on screen.\n     * @default 'medium'\n     */\n    width?: ModalWidth\n    /**\n     * A descriptive setting for how tall the modal should aim to be.\n     *\n     * - 'expand': the modal aims to fill most of the available screen height, leaving only a small\n     *   padding above and below.\n     * - 'fitContent': the modal shrinks to the smallest size that allow it to fit its content.\n     *\n     * In either case, if content does not fit, the content of the main body is set to scroll\n     * (provided you use `ModalBody`) so that the modal never has to strech vertically beyond the\n     * viewport boundaries.\n     *\n     * If you do not use `ModalBody`, the modal still prevents overflow, and you are in charge of\n     * the inner layout to ensure scroll, or whatever other strategy you may want.\n     */\n    height?: ModalHeightMode\n    /**\n     * Whether to set or not the focus initially to the first focusable element inside the modal.\n     */\n    autoFocus?: boolean\n    /**\n     * A escape hatch in case you need to provide a custom class name to the container element.\n     */\n    exceptionallySetClassName?: string\n}\n\nfunction isInternalFrame(element: HTMLElement) {\n    return element.ownerDocument === document && element.tagName.toLowerCase() === 'iframe'\n}\n\n/**\n * Renders a modal that sits on top of the rest of the content in the entire page.\n *\n * Follows the WAI-ARIA Dialog (Modal) Pattern.\n *\n * @see ModalHeader\n * @see ModalFooter\n * @see ModalBody\n */\nfunction Modal({\n    isOpen,\n    onDismiss,\n    height = 'fitContent',\n    width = 'medium',\n    exceptionallySetClassName,\n    autoFocus = true,\n    children,\n    ...props\n}: ModalProps) {\n    const contextValue: ModalContextValue = React.useMemo(() => ({ onDismiss, height }), [\n        onDismiss,\n        height,\n    ])\n\n    return (\n        <DialogOverlay\n            isOpen={isOpen}\n            onDismiss={onDismiss}\n            dangerouslyBypassFocusLock // We're setting up our own focus lock below\n            className={classNames(styles.overlay, styles[height], styles[width])}\n            data-testid=\"modal-overlay\"\n        >\n            <FocusLock autoFocus={autoFocus} whiteList={isInternalFrame}>\n                <DialogContent\n                    {...props}\n                    as={Box}\n                    borderRadius=\"full\"\n                    background=\"default\"\n                    display=\"flex\"\n                    flexDirection=\"column\"\n                    overflow=\"hidden\"\n                    height={height === 'expand' ? 'full' : undefined}\n                    flexGrow={height === 'expand' ? 1 : 0}\n                    className={[exceptionallySetClassName, styles.container]}\n                >\n                    <ModalContext.Provider value={contextValue}>{children}</ModalContext.Provider>\n                </DialogContent>\n            </FocusLock>\n        </DialogOverlay>\n    )\n}\n\n//\n// ModalCloseButton\n//\n\ntype ModalCloseButtonProps = Omit<\n    JSX.IntrinsicElements['button'],\n    'type' | 'className' | 'onClick' | 'aria-label' | 'aria-labelledby' | 'children'\n> & {\n    /**\n     * The descriptive label of the button. Used as its aria-label attribute.\n     */\n    label: string\n}\n\n/**\n * The close button rendered by ModalHeader. Provided independently so that consumers can customize\n * the button's label.\n *\n * @see ModalHeader\n */\nfunction ModalCloseButton({ label, ...props }: ModalCloseButtonProps) {\n    const { onDismiss } = React.useContext(ModalContext)\n    return (\n        <button\n            {...props}\n            type=\"button\"\n            onClick={onDismiss}\n            className={styles.closeButton}\n            aria-label={label}\n        >\n            <CloseIcon />\n        </button>\n    )\n}\n\n//\n// ModalHeader\n//\n\ntype ModalHeaderProps = DivProps & {\n    /**\n     * The content of the header.\n     */\n    children: React.ReactNode\n    /**\n     * Allows to provide a custom button element, or to omit the close button if set to false.\n     * @see ModalCloseButton\n     */\n    button?: React.ReactNode | boolean\n    /**\n     * Whether to render a divider line below the header.\n     * @default false\n     */\n    withDivider?: boolean\n    /**\n     * A escape hatch in case you need to provide a custom class name to the container element.\n     */\n    exceptionallySetClassName?: string\n}\n\n/**\n * Renders a standard modal header area with an optional close button.\n *\n * @see Modal\n * @see ModalFooter\n * @see ModalBody\n */\nfunction ModalHeader({\n    children,\n    button = true,\n    withDivider = false,\n    exceptionallySetClassName,\n    ...props\n}: ModalHeaderProps) {\n    return (\n        <>\n            <Box\n                {...props}\n                as=\"header\"\n                paddingX=\"large\"\n                paddingY=\"small\"\n                className={exceptionallySetClassName}\n            >\n                <Columns space=\"large\" alignY=\"center\">\n                    <Column width=\"auto\">{children}</Column>\n                    <Column width=\"content\" exceptionallySetClassName={styles.buttonContainer}>\n                        {typeof button !== 'boolean' ? (\n                            button\n                        ) : button === true ? (\n                            <ModalCloseButton label=\"Close dialog\" />\n                        ) : null}\n                    </Column>\n                </Columns>\n            </Box>\n            {withDivider ? <Divider /> : null}\n        </>\n    )\n}\n\n//\n// ModalBody\n//\n\ntype ModalBodyProps = DivProps & {\n    /**\n     * The content of the modal body.\n     */\n    children: React.ReactNode\n    /**\n     * A escape hatch in case you need to provide a custom class name to the container element.\n     */\n    exceptionallySetClassName?: string\n}\n\n/**\n * Renders the body of a modal.\n *\n * Convenient to use alongside ModalHeader and/or ModalFooter as needed. It ensures, among other\n * things, that the contet of the modal body expands or contracts depending on the modal height\n * setting or the size of the content. The body content also automatically scrolls when it's too\n * large to fit the available space.\n *\n * @see Modal\n * @see ModalHeader\n * @see ModalFooter\n */\nfunction ModalBody({ exceptionallySetClassName, children, ...props }: ModalBodyProps) {\n    const { height } = React.useContext(ModalContext)\n    return (\n        <Box\n            {...props}\n            className={exceptionallySetClassName}\n            flexGrow={height === 'expand' ? 1 : 0}\n            height={height === 'expand' ? 'full' : undefined}\n            overflow=\"auto\"\n        >\n            <Box padding=\"large\" paddingBottom=\"xxlarge\">\n                {children}\n            </Box>\n        </Box>\n    )\n}\n\n//\n// ModalFooter\n//\n\ntype ModalFooterProps = DivProps & {\n    /**\n     * The contant of the modal footer.\n     */\n    children: React.ReactNode\n    /**\n     * Whether to render a divider line below the footer.\n     * @default false\n     */\n    withDivider?: boolean\n    /**\n     * A escape hatch in case you need to provide a custom class name to the container element.\n     */\n    exceptionallySetClassName?: string\n}\n\n/**\n * Renders a standard modal footer area.\n *\n * @see Modal\n * @see ModalHeader\n * @see ModalBody\n */\nfunction ModalFooter({\n    exceptionallySetClassName,\n    withDivider = false,\n    ...props\n}: ModalFooterProps) {\n    return (\n        <>\n            {withDivider ? <Divider /> : null}\n            <Box as=\"footer\" {...props} className={exceptionallySetClassName} padding=\"large\" />\n        </>\n    )\n}\n\n//\n// ModalActions\n//\n\n/**\n * A specific version of the ModalFooter, tailored to showing an inline list of actions (buttons).\n * @see ModalFooter\n */\nfunction ModalActions({ children, ...props }: ModalFooterProps) {\n    return (\n        <ModalFooter {...props}>\n            <Inline align=\"right\" space=\"large\">\n                {React.Children.map(children, (child) => (\n                    <div>{child}</div>\n                ))}\n            </Inline>\n        </ModalFooter>\n    )\n}\n\nexport { Modal, ModalHeader, ModalBody, ModalFooter, ModalActions, ModalCloseButton }\n\nexport type {\n    ModalProps,\n    ModalHeaderProps,\n    ModalBodyProps,\n    ModalFooterProps,\n    ModalCloseButtonProps,\n}\n"],"names":["ModalContext","React","onDismiss","undefined","height","isInternalFrame","element","ownerDocument","document","tagName","toLowerCase","ModalCloseButton","label","props","type","onClick","className","styles","closeButton","CloseIcon","ModalFooter","exceptionallySetClassName","withDivider","Divider","Box","as","padding","isOpen","width","autoFocus","children","contextValue","DialogOverlay","dangerouslyBypassFocusLock","classNames","overlay","FocusLock","whiteList","DialogContent","borderRadius","background","display","flexDirection","overflow","flexGrow","container","Provider","value","Inline","align","space","map","child","paddingBottom","button","paddingX","paddingY","Columns","alignY","Column","buttonContainer"],"mappings":"igBAyBMA,EAAeC,gBAAuC,CACxDC,eAAWC,EACXC,OAAQ,eAwDZ,SAASC,EAAgBC,UACdA,EAAQC,gBAAkBC,UAA8C,WAAlCF,EAAQG,QAAQC,cA2EjE,SAASC,SAAmBC,IAAAA,MAAUC,gDACZZ,aAAiBD,UAEnCC,0CACQY,GACJC,KAAK,SACLC,UALAb,UAMAc,UAAWC,UAAOC,yBACNN,IAEZX,gBAACkB,mBA4Ib,SAASC,SACLC,IAAAA,8BACAC,YAAAA,gBACGT,uFAGCZ,gCACKqB,EAAcrB,gBAACsB,gBAAa,KAC7BtB,gBAACuB,qBAAIC,GAAG,UAAaZ,GAAOG,UAAWK,EAA2BK,QAAQ,0BA7NtF,gBACIC,IAAAA,OACAzB,IAAAA,cACAE,OAAAA,aAAS,mBACTwB,MAAAA,aAAQ,WACRP,IAAAA,8BACAQ,UAAAA,gBACAC,IAAAA,SACGjB,+HAEGkB,EAAkC9B,WAAc,iBAAO,CAAEC,UAAAA,EAAWE,OAAAA,KAAW,CACjFF,EACAE,WAIAH,gBAAC+B,iBACGL,OAAQA,EACRzB,UAAWA,EACX+B,8BACAjB,UAAWkB,EAAWjB,UAAOkB,QAASlB,UAAOb,GAASa,UAAOW,kBACjD,iBAEZ3B,gBAACmC,GAAUP,UAAWA,EAAWQ,UAAWhC,GACxCJ,gBAACqC,iCACOzB,GACJY,GAAID,MACJe,aAAa,OACbC,WAAW,UACXC,QAAQ,OACRC,cAAc,SACdC,SAAS,SACTvC,OAAmB,WAAXA,EAAsB,YAASD,EACvCyC,SAAqB,WAAXxC,EAAsB,EAAI,EACpCY,UAAW,CAACK,EAA2BJ,UAAO4B,aAE9C5C,gBAACD,EAAa8C,UAASC,MAAOhB,GAAeD,4BAsMjE,gBAAwBA,IAAAA,SAAajB,wDAE7BZ,gBAACmB,mBAAgBP,GACbZ,gBAAC+C,UAAOC,MAAM,QAAQC,MAAM,SACvBjD,WAAekD,IAAIrB,GAAU,SAACsB,UAC3BnD,2BAAMmD,2BAtE1B,gBAAqB/B,IAAAA,0BAA2BS,IAAAA,SAAajB,6EACjDT,EAAWH,aAAiBD,GAA5BI,cAEJH,gBAACuB,uBACOX,GACJG,UAAWK,EACXuB,SAAqB,WAAXxC,EAAsB,EAAI,EACpCA,OAAmB,WAAXA,EAAsB,YAASD,EACvCwC,SAAS,SAET1C,gBAACuB,OAAIE,QAAQ,QAAQ2B,cAAc,WAC9BvB,0EAtEjB,gBACIA,IAAAA,aACAwB,OAAAA,oBACAhC,YAAAA,gBACAD,IAAAA,0BACGR,2GAGCZ,gCACIA,gBAACuB,uBACOX,GACJY,GAAG,SACH8B,SAAS,QACTC,SAAS,QACTxC,UAAWK,IAEXpB,gBAACwD,WAAQP,MAAM,QAAQQ,OAAO,UAC1BzD,gBAAC0D,UAAO/B,MAAM,QAAQE,GACtB7B,gBAAC0D,UAAO/B,MAAM,UAAUP,0BAA2BJ,UAAO2C,iBACnC,kBAAXN,EACJA,GACW,IAAXA,EACArD,gBAACU,GAAiBC,MAAM,iBACxB,QAIfU,EAAcrB,gBAACsB,gBAAa"}
+{"version":3,"file":"modal.js","sources":["../../../src/new-components/modal/modal.tsx"],"sourcesContent":["import * as React from 'react'\nimport classNames from 'classnames'\nimport { DialogOverlay, DialogContent } from '@reach/dialog'\nimport FocusLock from 'react-focus-lock'\n\nimport { CloseIcon } from '../icons/close-icon'\nimport { Column, Columns } from '../columns'\nimport { Inline } from '../inline'\nimport { Divider } from '../divider'\nimport { Box } from '../box'\nimport { Button, ButtonProps } from '../button'\n\nimport styles from './modal.module.css'\n\ntype ModalWidth = 'small' | 'medium' | 'large'\ntype ModalHeightMode = 'expand' | 'fitContent'\n\n//\n// ModalContext\n//\n\ntype ModalContextValue = {\n    onDismiss?(this: void): void\n    height: ModalHeightMode\n}\n\nconst ModalContext = React.createContext<ModalContextValue>({\n    onDismiss: undefined,\n    height: 'fitContent',\n})\n\n//\n// Modal container\n//\n\ntype DivProps = Omit<\n    React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLDivElement>, HTMLDivElement>,\n    'className' | 'children'\n>\n\nexport type ModalProps = DivProps & {\n    /**\n     * The content of the modal.\n     */\n    children: React.ReactNode\n    /**\n     * Whether the modal is open and visible or not.\n     */\n    isOpen: boolean\n    /**\n     * Called when the user triggers closing the modal.\n     */\n    onDismiss?(): void\n    /**\n     * A descriptive setting for how wide the modal should aim to be, depending on how much space\n     * it has on screen.\n     * @default 'medium'\n     */\n    width?: ModalWidth\n    /**\n     * A descriptive setting for how tall the modal should aim to be.\n     *\n     * - 'expand': the modal aims to fill most of the available screen height, leaving only a small\n     *   padding above and below.\n     * - 'fitContent': the modal shrinks to the smallest size that allow it to fit its content.\n     *\n     * In either case, if content does not fit, the content of the main body is set to scroll\n     * (provided you use `ModalBody`) so that the modal never has to strech vertically beyond the\n     * viewport boundaries.\n     *\n     * If you do not use `ModalBody`, the modal still prevents overflow, and you are in charge of\n     * the inner layout to ensure scroll, or whatever other strategy you may want.\n     */\n    height?: ModalHeightMode\n    /**\n     * Whether to set or not the focus initially to the first focusable element inside the modal.\n     */\n    autoFocus?: boolean\n    /**\n     * A escape hatch in case you need to provide a custom class name to the container element.\n     */\n    exceptionallySetClassName?: string\n}\n\nfunction isNotInternalFrame(element: HTMLElement) {\n    return !(element.ownerDocument === document && element.tagName.toLowerCase() === 'iframe')\n}\n\n/**\n * Renders a modal that sits on top of the rest of the content in the entire page.\n *\n * Follows the WAI-ARIA Dialog (Modal) Pattern.\n *\n * @see ModalHeader\n * @see ModalFooter\n * @see ModalBody\n */\nexport function Modal({\n    isOpen,\n    onDismiss,\n    height = 'fitContent',\n    width = 'medium',\n    exceptionallySetClassName,\n    autoFocus = true,\n    children,\n    ...props\n}: ModalProps) {\n    const contextValue: ModalContextValue = React.useMemo(() => ({ onDismiss, height }), [\n        onDismiss,\n        height,\n    ])\n\n    return (\n        <DialogOverlay\n            isOpen={isOpen}\n            onDismiss={onDismiss}\n            dangerouslyBypassFocusLock // We're setting up our own focus lock below\n            className={classNames(styles.overlay, styles[height], styles[width])}\n            data-testid=\"modal-overlay\"\n        >\n            <FocusLock autoFocus={autoFocus} whiteList={isNotInternalFrame}>\n                <DialogContent\n                    {...props}\n                    as={Box}\n                    borderRadius=\"full\"\n                    background=\"default\"\n                    display=\"flex\"\n                    flexDirection=\"column\"\n                    overflow=\"hidden\"\n                    height={height === 'expand' ? 'full' : undefined}\n                    flexGrow={height === 'expand' ? 1 : 0}\n                    className={[exceptionallySetClassName, styles.container]}\n                >\n                    <ModalContext.Provider value={contextValue}>{children}</ModalContext.Provider>\n                </DialogContent>\n            </FocusLock>\n        </DialogOverlay>\n    )\n}\n\n//\n// ModalCloseButton\n//\n\nexport type ModalCloseButtonProps = Omit<\n    ButtonProps,\n    'type' | 'children' | 'variant' | 'icon' | 'startIcon' | 'endIcon' | 'disabled' | 'loading'\n> & {\n    /**\n     * The descriptive label of the button.\n     */\n    'aria-label': string\n}\n\n/**\n * The close button rendered by ModalHeader. Provided independently so that consumers can customize\n * the button's label.\n *\n * @see ModalHeader\n */\nexport function ModalCloseButton(props: ModalCloseButtonProps) {\n    const { onDismiss } = React.useContext(ModalContext)\n    return <Button {...props} variant=\"quaternary\" onClick={onDismiss} icon={<CloseIcon />} />\n}\n\n//\n// ModalHeader\n//\n\nexport type ModalHeaderProps = DivProps & {\n    /**\n     * The content of the header.\n     */\n    children: React.ReactNode\n    /**\n     * Allows to provide a custom button element, or to omit the close button if set to false.\n     * @see ModalCloseButton\n     */\n    button?: React.ReactNode | boolean\n    /**\n     * Whether to render a divider line below the header.\n     * @default false\n     */\n    withDivider?: boolean\n    /**\n     * A escape hatch in case you need to provide a custom class name to the container element.\n     */\n    exceptionallySetClassName?: string\n}\n\n/**\n * Renders a standard modal header area with an optional close button.\n *\n * @see Modal\n * @see ModalFooter\n * @see ModalBody\n */\nexport function ModalHeader({\n    children,\n    button = true,\n    withDivider = false,\n    exceptionallySetClassName,\n    ...props\n}: ModalHeaderProps) {\n    return (\n        <>\n            <Box\n                {...props}\n                as=\"header\"\n                paddingLeft=\"large\"\n                paddingRight=\"small\"\n                paddingY=\"small\"\n                className={exceptionallySetClassName}\n            >\n                <Columns space=\"large\" alignY=\"center\">\n                    <Column width=\"auto\">{children}</Column>\n                    <Column width=\"content\" exceptionallySetClassName={styles.buttonContainer}>\n                        {typeof button !== 'boolean' ? (\n                            button\n                        ) : button === true ? (\n                            <ModalCloseButton aria-label=\"Close modal\" />\n                        ) : null}\n                    </Column>\n                </Columns>\n            </Box>\n            {withDivider ? <Divider /> : null}\n        </>\n    )\n}\n\n//\n// ModalBody\n//\n\nexport type ModalBodyProps = DivProps & {\n    /**\n     * The content of the modal body.\n     */\n    children: React.ReactNode\n    /**\n     * A escape hatch in case you need to provide a custom class name to the container element.\n     */\n    exceptionallySetClassName?: string\n}\n\n/**\n * Renders the body of a modal.\n *\n * Convenient to use alongside ModalHeader and/or ModalFooter as needed. It ensures, among other\n * things, that the contet of the modal body expands or contracts depending on the modal height\n * setting or the size of the content. The body content also automatically scrolls when it's too\n * large to fit the available space.\n *\n * @see Modal\n * @see ModalHeader\n * @see ModalFooter\n */\nexport function ModalBody({ exceptionallySetClassName, children, ...props }: ModalBodyProps) {\n    const { height } = React.useContext(ModalContext)\n    return (\n        <Box\n            {...props}\n            className={exceptionallySetClassName}\n            flexGrow={height === 'expand' ? 1 : 0}\n            height={height === 'expand' ? 'full' : undefined}\n            overflow=\"auto\"\n        >\n            <Box padding=\"large\" paddingBottom=\"xxlarge\">\n                {children}\n            </Box>\n        </Box>\n    )\n}\n\n//\n// ModalFooter\n//\n\nexport type ModalFooterProps = DivProps & {\n    /**\n     * The contant of the modal footer.\n     */\n    children: React.ReactNode\n    /**\n     * Whether to render a divider line below the footer.\n     * @default false\n     */\n    withDivider?: boolean\n    /**\n     * A escape hatch in case you need to provide a custom class name to the container element.\n     */\n    exceptionallySetClassName?: string\n}\n\n/**\n * Renders a standard modal footer area.\n *\n * @see Modal\n * @see ModalHeader\n * @see ModalBody\n */\nexport function ModalFooter({\n    exceptionallySetClassName,\n    withDivider = false,\n    ...props\n}: ModalFooterProps) {\n    return (\n        <>\n            {withDivider ? <Divider /> : null}\n            <Box as=\"footer\" {...props} className={exceptionallySetClassName} padding=\"large\" />\n        </>\n    )\n}\n\n//\n// ModalActions\n//\n\n/**\n * A specific version of the ModalFooter, tailored to showing an inline list of actions (buttons).\n * @see ModalFooter\n */\nexport function ModalActions({ children, ...props }: ModalFooterProps) {\n    return (\n        <ModalFooter {...props}>\n            <Inline align=\"right\" space=\"large\">\n                {React.Children.map(children, (child) => (\n                    <div>{child}</div>\n                ))}\n            </Inline>\n        </ModalFooter>\n    )\n}\n"],"names":["ModalContext","React","onDismiss","undefined","height","isNotInternalFrame","element","ownerDocument","document","tagName","toLowerCase","ModalCloseButton","props","Button","variant","onClick","icon","CloseIcon","ModalFooter","exceptionallySetClassName","withDivider","Divider","Box","as","className","padding","isOpen","width","autoFocus","children","contextValue","DialogOverlay","dangerouslyBypassFocusLock","classNames","styles","overlay","FocusLock","whiteList","DialogContent","borderRadius","background","display","flexDirection","overflow","flexGrow","container","Provider","value","Inline","align","space","map","child","paddingBottom","button","paddingLeft","paddingRight","paddingY","Columns","alignY","Column","buttonContainer"],"mappings":"kiBA0BMA,EAAeC,gBAAuC,CACxDC,eAAWC,EACXC,OAAQ,eAwDZ,SAASC,EAAmBC,WACfA,EAAQC,gBAAkBC,UAA8C,WAAlCF,EAAQG,QAAQC,wBA2EnDC,EAAiBC,SACPX,aAAiBD,UAChCC,gBAACY,0BAAWD,GAAOE,QAAQ,aAAaC,UADvCb,UAC2Dc,KAAMf,gBAACgB,8BA2I9DC,SACZC,IAAAA,8BACAC,YAAAA,gBACGR,uFAGCX,gCACKmB,EAAcnB,gBAACoB,gBAAa,KAC7BpB,gBAACqB,qBAAIC,GAAG,UAAaX,GAAOY,UAAWL,EAA2BM,QAAQ,0CAnNlFC,IAAAA,OACAxB,IAAAA,cACAE,OAAAA,aAAS,mBACTuB,MAAAA,aAAQ,WACRR,IAAAA,8BACAS,UAAAA,gBACAC,IAAAA,SACGjB,+HAEGkB,EAAkC7B,WAAc,iBAAO,CAAEC,UAAAA,EAAWE,OAAAA,KAAW,CACjFF,EACAE,WAIAH,gBAAC8B,iBACGL,OAAQA,EACRxB,UAAWA,EACX8B,8BACAR,UAAWS,EAAWC,UAAOC,QAASD,UAAO9B,GAAS8B,UAAOP,kBACjD,iBAEZ1B,gBAACmC,GAAUR,UAAWA,EAAWS,UAAWhC,GACxCJ,gBAACqC,iCACO1B,GACJW,GAAID,MACJiB,aAAa,OACbC,WAAW,UACXC,QAAQ,OACRC,cAAc,SACdC,SAAS,SACTvC,OAAmB,WAAXA,EAAsB,YAASD,EACvCyC,SAAqB,WAAXxC,EAAsB,EAAI,EACpCoB,UAAW,CAACL,EAA2Be,UAAOW,aAE9C5C,gBAACD,EAAa8C,UAASC,MAAOjB,GAAeD,4CA6LlCA,IAAAA,SAAajB,wDAEpCX,gBAACiB,mBAAgBN,GACbX,gBAAC+C,UAAOC,MAAM,QAAQC,MAAM,SACvBjD,WAAekD,IAAItB,GAAU,SAACuB,UAC3BnD,2BAAMmD,2CAtEEjC,IAAAA,0BAA2BU,IAAAA,SAAajB,6EACxDR,EAAWH,aAAiBD,GAA5BI,cAEJH,gBAACqB,uBACOV,GACJY,UAAWL,EACXyB,SAAqB,WAAXxC,EAAsB,EAAI,EACpCA,OAAmB,WAAXA,EAAsB,YAASD,EACvCwC,SAAS,SAET1C,gBAACqB,OAAIG,QAAQ,QAAQ4B,cAAc,WAC9BxB,0FAtEbA,IAAAA,aACAyB,OAAAA,oBACAlC,YAAAA,gBACAD,IAAAA,0BACGP,2GAGCX,gCACIA,gBAACqB,uBACOV,GACJW,GAAG,SACHgC,YAAY,QACZC,aAAa,QACbC,SAAS,QACTjC,UAAWL,IAEXlB,gBAACyD,WAAQR,MAAM,QAAQS,OAAO,UAC1B1D,gBAAC2D,UAAOjC,MAAM,QAAQE,GACtB5B,gBAAC2D,UAAOjC,MAAM,UAAUR,0BAA2Be,UAAO2B,iBACnC,kBAAXP,EACJA,GACW,IAAXA,EACArD,gBAACU,gBAA4B,gBAC7B,QAIfS,EAAcnB,gBAACoB,gBAAa"}

package/lib/new-components/modal/modal.module.css.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default={"reach-portal":"a10ce414",fadein:"ee360cf7",container:"_0a2c8d99",medium:"_10a02e68",small:"d9fd58ab",large:"_6d0ae841",overlay:"_7697ed54",expand:"_66f243e6",buttonContainer:"_090ab6cf",closeButton:"a1a65bcc"};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default={"reach-portal":"_72b0d072",fadein:"_3ef30abf",fitContent:"_99107d2f",container:"badff007",medium:"_3b39110c",small:"fc325d7b",large:"_5751d6d0",overlay:"_0091d9c5",expand:"_52207af6",buttonContainer:"b97b958d"};
 //# sourceMappingURL=modal.module.css.js.map

package/lib/new-components/select-field/select-field.module.css.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default={selectWrapper:"d259b5cb"};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default={selectWrapper:"_828e09c5"};
 //# sourceMappingURL=select-field.module.css.js.map

package/lib/new-components/spinner/index.d.ts

@@ -0,0 +1 @@
+export * from './spinner';

package/lib/new-components/spinner/spinner.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+declare function Spinner({ size }: {
+    size?: number;
+}): JSX.Element;
+export { Spinner };

package/lib/new-components/spinner/spinner.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("./spinner.module.css.js");exports.Spinner=function(a){var l=a.size,r=void 0===l?24:l;return e.createElement("svg",{"aria-hidden":!0,width:r,height:r,viewBox:"0 0 24 24",className:t.default.svg},e.createElement("g",{fill:"none",fillRule:"nonzero"},e.createElement("path",{className:t.default.tint,d:"M17.945 3.958A9.955 9.955 0 0 0 12 2c-2.19 0-4.217.705-5.865 1.9L5.131 2.16A11.945 11.945 0 0 1 12 0c2.59 0 4.99.82 6.95 2.217l-1.005 1.741z"}),e.createElement("path",{className:t.default.fill,d:"M5.13 2.16L6.136 3.9A9.987 9.987 0 0 0 2 12c0 5.523 4.477 10 10 10s10-4.477 10-10a9.986 9.986 0 0 0-4.055-8.042l1.006-1.741A11.985 11.985 0 0 1 24 12c0 6.627-5.373 12-12 12S0 18.627 0 12c0-4.073 2.029-7.671 5.13-9.84z"})))};
+//# sourceMappingURL=spinner.js.map

package/lib/new-components/spinner/spinner.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"spinner.js","sources":["../../../src/new-components/spinner/spinner.tsx"],"sourcesContent":["import * as React from 'react'\nimport styles from './spinner.module.css'\n\nfunction Spinner({ size = 24 }: { size?: number }) {\n    return (\n        <svg aria-hidden width={size} height={size} viewBox=\"0 0 24 24\" className={styles.svg}>\n            <g fill=\"none\" fillRule=\"nonzero\">\n                <path\n                    className={styles.tint}\n                    d=\"M17.945 3.958A9.955 9.955 0 0 0 12 2c-2.19 0-4.217.705-5.865 1.9L5.131 2.16A11.945 11.945 0 0 1 12 0c2.59 0 4.99.82 6.95 2.217l-1.005 1.741z\"\n                />\n                <path\n                    className={styles.fill}\n                    d=\"M5.13 2.16L6.136 3.9A9.987 9.987 0 0 0 2 12c0 5.523 4.477 10 10 10s10-4.477 10-10a9.986 9.986 0 0 0-4.055-8.042l1.006-1.741A11.985 11.985 0 0 1 24 12c0 6.627-5.373 12-12 12S0 18.627 0 12c0-4.073 2.029-7.671 5.13-9.84z\"\n                />\n            </g>\n        </svg>\n    )\n}\n\nexport { Spinner }\n"],"names":["size","React","width","height","viewBox","className","styles","svg","fill","fillRule","tint","d"],"mappings":"gJAGA,oBAAmBA,KAAAA,aAAO,YAElBC,wCAAiBC,MAAOF,EAAMG,OAAQH,EAAMI,QAAQ,YAAYC,UAAWC,UAAOC,KAC9EN,qBAAGO,KAAK,OAAOC,SAAS,WACpBR,wBACII,UAAWC,UAAOI,KAClBC,EAAE,iJAENV,wBACII,UAAWC,UAAOE,KAClBG,EAAE"}

package/lib/new-components/spinner/spinner.module.css.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default={svg:"_51539197",spinner:"_54fbe2b3",tint:"a0c466ed",fill:"_745b73d3"};
+//# sourceMappingURL=spinner.module.css.js.map

package/lib/new-components/spinner/spinner.module.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"spinner.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/lib/new-components/stack/stack.d.ts

@@ -1,14 +1,14 @@
 import type { ResponsiveProp } from '../responsive-props';
-import type { Space } from '../common-types';
+import type { DividerWeight, Space } from '../common-types';
 import type { ReusableBoxProps } from '../box';
-import type { DividerWeight } from '../divider';
+declare type Align = 'start' | 'center' | 'end';
 interface StackProps extends ReusableBoxProps {
     /** Space between items */
     space?: ResponsiveProp<Space>;
     /** Align items horizontally */
-    align?: ResponsiveProp<'left' | 'center' | 'right'>;
-    /** Add dividers if `true`, or specify the weight of the dividers to add */
-    dividers?: boolean | DividerWeight;
+    align?: ResponsiveProp<Align>;
+    /** The weight of the dividers to add. Defaults to 'none', which means no dividers are added */
+    dividers?: DividerWeight;
 }
 declare const Stack: import("../../utils/polymorphism").PolymorphicComponent<"div", StackProps, "obfuscateClassName">;
 export type { StackProps };

package/lib/new-components/stack/stack.js

@@ -1,2 +1,2 @@
-"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e.default:e}Object.defineProperty(exports,"__esModule",{value:!0});var r=require("../../_virtual/_rollupPluginBabelHelpers.js"),t=require("react"),i=(e(t),require("../../utils/polymorphism.js")),l=require("../responsive-props.js"),s=require("../box/box.js"),a=require("../divider/divider.js"),n=e(require("react-keyed-flatten-children")),o=require("./stack.module.css.js");exports.Stack=i.polymorphicComponent((function(e,i){var u=e.as,c=e.space,d=e.align,p=void 0===d?"left":d,f=e.dividers,m=void 0!==f&&f,v=e.children,x=e.exceptionallySetClassName,g=r.objectWithoutPropertiesLoose(e,["as","space","align","dividers","children","exceptionallySetClassName"]),h="left"===p?void 0:{width:"full",flexDirection:"column",display:"flex",alignItems:l.mapResponsiveProp(p,(function(e){return"left"===e?"flexStart":"right"===e?"flexEnd":"center"}))};return t.createElement(s.Box,Object.assign({},g,h,{as:u,className:[x,l.getClassNames(o.default,"space",c)],ref:i}),m?t.Children.map(n(v),(function(e,r){return r>0?t.createElement(t.Fragment,null,t.createElement(a.Divider,{weight:"string"==typeof m?m:void 0}),e):e})):v)}));
+"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e.default:e}Object.defineProperty(exports,"__esModule",{value:!0});var r=require("../../_virtual/_rollupPluginBabelHelpers.js"),t=require("react"),i=(e(t),require("../../utils/polymorphism.js")),s=require("../responsive-props.js"),a=require("../box/box.js"),l=require("../divider/divider.js"),n=e(require("react-keyed-flatten-children")),o=require("./stack.module.css.js");exports.Stack=i.polymorphicComponent((function(e,i){var u=e.as,c=e.space,d=e.align,p=void 0===d?"start":d,m=e.dividers,f=void 0===m?"none":m,v=e.children,x=e.exceptionallySetClassName,j=r.objectWithoutPropertiesLoose(e,["as","space","align","dividers","children","exceptionallySetClassName"]),h="start"===p?void 0:{width:"full",flexDirection:"column",display:"flex",alignItems:s.mapResponsiveProp(p,(function(e){return"start"===e?"flexStart":"end"===e?"flexEnd":"center"}))};return t.createElement(a.Box,Object.assign({},j,h,{as:u,className:[x,s.getClassNames(o.default,"space",c)],ref:i}),"none"!==f?t.Children.map(n(v),(function(e,r){return r>0?t.createElement(t.Fragment,null,t.createElement(l.Divider,{weight:f}),e):e})):v)}));
 //# sourceMappingURL=stack.js.map

package/lib/new-components/stack/stack.js.map

@@ -1 +1 @@
-{"version":3,"file":"stack.js","sources":["../../../src/new-components/stack/stack.tsx"],"sourcesContent":["import * as React from 'react'\nimport flattenChildren from 'react-keyed-flatten-children'\nimport { polymorphicComponent } from '../../utils/polymorphism'\nimport { getClassNames, mapResponsiveProp } from '../responsive-props'\nimport { Box } from '../box'\nimport { Divider } from '../divider'\n\nimport type { ResponsiveProp } from '../responsive-props'\nimport type { Space } from '../common-types'\nimport type { BoxProps, ReusableBoxProps } from '../box'\nimport type { DividerWeight } from '../divider'\n\nimport styles from './stack.module.css'\n\ninterface StackProps extends ReusableBoxProps {\n    /** Space between items */\n    space?: ResponsiveProp<Space>\n    /** Align items horizontally */\n    align?: ResponsiveProp<'left' | 'center' | 'right'>\n    /** Add dividers if `true`, or specify the weight of the dividers to add */\n    dividers?: boolean | DividerWeight\n}\n\nconst Stack = polymorphicComponent<'div', StackProps>(function Stack(\n    { as, space, align = 'left', dividers = false, children, exceptionallySetClassName, ...props },\n    ref,\n) {\n    const alignProps: BoxProps | undefined =\n        align === 'left'\n            ? undefined\n            : {\n                  width: 'full',\n                  flexDirection: 'column',\n                  display: 'flex',\n                  alignItems: mapResponsiveProp(align, (align) =>\n                      align === 'left' ? 'flexStart' : align === 'right' ? 'flexEnd' : 'center',\n                  ),\n              }\n\n    return (\n        <Box\n            {...props}\n            {...alignProps}\n            as={as}\n            className={[exceptionallySetClassName, getClassNames(styles, 'space', space)]}\n            ref={ref}\n        >\n            {dividers\n                ? React.Children.map(flattenChildren(children), (child, index) =>\n                      index > 0 ? (\n                          <>\n                              <Divider\n                                  weight={typeof dividers === 'string' ? dividers : undefined}\n                              />\n                              {child}\n                          </>\n                      ) : (\n                          child\n                      ),\n                  )\n                : children}\n        </Box>\n    )\n})\n\nexport type { StackProps }\nexport { Stack }\n"],"names":["polymorphicComponent","ref","as","space","align","dividers","children","exceptionallySetClassName","props","alignProps","undefined","width","flexDirection","display","alignItems","mapResponsiveProp","React","Box","className","getClassNames","styles","map","flattenChildren","child","index","Divider","weight"],"mappings":"0cAuBcA,wBAAwC,WAElDC,OADEC,IAAAA,GAAIC,IAAAA,UAAOC,MAAAA,aAAQ,aAAQC,SAAAA,gBAAkBC,IAAAA,SAAUC,IAAAA,0BAA8BC,6GAGjFC,EACQ,SAAVL,OACMM,EACA,CACIC,MAAO,OACPC,cAAe,SACfC,QAAS,OACTC,WAAYC,oBAAkBX,GAAO,SAACA,SACxB,SAAVA,EAAmB,YAAwB,UAAVA,EAAoB,UAAY,oBAK/EY,gBAACC,uBACOT,EACAC,GACJP,GAAIA,EACJgB,UAAW,CAACX,EAA2BY,gBAAcC,UAAQ,QAASjB,IACtEF,IAAKA,IAEJI,EACKW,WAAeK,IAAIC,EAAgBhB,IAAW,SAACiB,EAAOC,UAClDA,EAAQ,EACJR,gCACIA,gBAACS,WACGC,OAA4B,iBAAbrB,EAAwBA,OAAWK,IAErDa,GAGLA,KAGRjB"}
+{"version":3,"file":"stack.js","sources":["../../../src/new-components/stack/stack.tsx"],"sourcesContent":["import * as React from 'react'\nimport flattenChildren from 'react-keyed-flatten-children'\nimport { polymorphicComponent } from '../../utils/polymorphism'\nimport { getClassNames, mapResponsiveProp } from '../responsive-props'\nimport { Box } from '../box'\nimport { Divider } from '../divider'\n\nimport type { ResponsiveProp } from '../responsive-props'\nimport type { DividerWeight, Space } from '../common-types'\nimport type { BoxProps, ReusableBoxProps } from '../box'\n\nimport styles from './stack.module.css'\n\ntype Align = 'start' | 'center' | 'end'\n\ninterface StackProps extends ReusableBoxProps {\n    /** Space between items */\n    space?: ResponsiveProp<Space>\n    /** Align items horizontally */\n    align?: ResponsiveProp<Align>\n    /** The weight of the dividers to add. Defaults to 'none', which means no dividers are added */\n    dividers?: DividerWeight\n}\n\nconst Stack = polymorphicComponent<'div', StackProps>(function Stack(\n    {\n        as,\n        space,\n        align = 'start',\n        dividers = 'none',\n        children,\n        exceptionallySetClassName,\n        ...props\n    },\n    ref,\n) {\n    const alignProps: BoxProps | undefined =\n        align === 'start'\n            ? undefined\n            : {\n                  width: 'full',\n                  flexDirection: 'column',\n                  display: 'flex',\n                  alignItems: mapResponsiveProp(align, (align) =>\n                      align === 'start' ? 'flexStart' : align === 'end' ? 'flexEnd' : 'center',\n                  ),\n              }\n\n    return (\n        <Box\n            {...props}\n            {...alignProps}\n            as={as}\n            className={[exceptionallySetClassName, getClassNames(styles, 'space', space)]}\n            ref={ref}\n        >\n            {dividers !== 'none'\n                ? React.Children.map(flattenChildren(children), (child, index) =>\n                      index > 0 ? (\n                          <>\n                              <Divider weight={dividers} />\n                              {child}\n                          </>\n                      ) : (\n                          child\n                      ),\n                  )\n                : children}\n        </Box>\n    )\n})\n\nexport type { StackProps }\nexport { Stack }\n"],"names":["polymorphicComponent","ref","as","space","align","dividers","children","exceptionallySetClassName","props","alignProps","undefined","width","flexDirection","display","alignItems","mapResponsiveProp","React","Box","className","getClassNames","styles","map","flattenChildren","child","index","Divider","weight"],"mappings":"0cAwBcA,wBAAwC,WAUlDC,OARIC,IAAAA,GACAC,IAAAA,UACAC,MAAAA,aAAQ,cACRC,SAAAA,aAAW,SACXC,IAAAA,SACAC,IAAAA,0BACGC,6GAIDC,EACQ,UAAVL,OACMM,EACA,CACIC,MAAO,OACPC,cAAe,SACfC,QAAS,OACTC,WAAYC,oBAAkBX,GAAO,SAACA,SACxB,UAAVA,EAAoB,YAAwB,QAAVA,EAAkB,UAAY,oBAK9EY,gBAACC,uBACOT,EACAC,GACJP,GAAIA,EACJgB,UAAW,CAACX,EAA2BY,gBAAcC,UAAQ,QAASjB,IACtEF,IAAKA,IAES,SAAbI,EACKW,WAAeK,IAAIC,EAAgBhB,IAAW,SAACiB,EAAOC,UAClDA,EAAQ,EACJR,gCACIA,gBAACS,WAAQC,OAAQrB,IAChBkB,GAGLA,KAGRjB"}

package/lib/new-components/switch-field/switch-field.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../_virtual/_rollupPluginBabelHelpers.js"),l=require("react"),a=require("../box/box.js"),i=require("../stack/stack.js"),d=require("../hidden-visually/hidden-visually.js"),t=require("../common-helpers.js"),r=require("../base-field/base-field.js"),s=require("./switch-field.module.css.js");exports.SwitchField=l.forwardRef((function(n,c){var u,o,h,b=n.label,f=n.hint,m=n.disabled,p=void 0!==m&&m,v=n.hidden,k=n.defaultChecked,g=n.id,j=n["aria-describedby"],y=n.onChange,x=e.objectWithoutPropertiesLoose(n,["label","hint","disabled","hidden","defaultChecked","id","aria-describedby","onChange"]),q=t.useId(g),E=t.useId(),C=null!=j?j:f?E:void 0,w=l.useState(null!==(u=null!==(o=x.checked)&&void 0!==o?o:k)&&void 0!==u&&u),B=w[1],N=null!==(h=x.checked)&&void 0!==h?h:w[0];return l.createElement(i.Stack,{space:"small",hidden:v},l.createElement(a.Box,{className:[s.default.container,p?s.default.disabled:null,N?s.default.checked:null],as:"label",display:"flex",alignItems:"center"},l.createElement(a.Box,{position:"relative",display:"inlineBlock",overflow:"visible",marginRight:"small",flexShrink:0,className:s.default.toggle},l.createElement(d.HiddenVisually,null,l.createElement("input",Object.assign({},x,{id:q,type:"checkbox",disabled:p,"aria-describedby":C,ref:c,checked:N,onChange:function(e){null==y||y(e),e.defaultPrevented||B(e.currentTarget.checked)}}))),l.createElement("span",{className:s.default.handle})),l.createElement("span",{className:s.default.label},b)),f?l.createElement(r.FieldHint,{id:E},f):null)}));
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../_virtual/_rollupPluginBabelHelpers.js"),l=require("react"),a=require("../box/box.js"),i=require("../stack/stack.js"),t=require("../hidden-visually/hidden-visually.js"),d=require("../text/text.js"),r=require("../common-helpers.js"),s=require("../base-field/base-field.js"),n=require("./switch-field.module.css.js");exports.SwitchField=l.forwardRef((function(c,u){var o,h,b,f=c.label,m=c.hint,p=c.disabled,v=void 0!==p&&p,k=c.hidden,x=c.defaultChecked,g=c.id,j=c["aria-describedby"],y=c.onChange,q=e.objectWithoutPropertiesLoose(c,["label","hint","disabled","hidden","defaultChecked","id","aria-describedby","onChange"]),E=r.useId(g),C=r.useId(),S=null!=j?j:m?C:void 0,w=l.useState(null!==(o=null!==(h=q.checked)&&void 0!==h?h:x)&&void 0!==o&&o),B=w[1],N=null!==(b=q.checked)&&void 0!==b?b:w[0];return l.createElement(i.Stack,{space:"small",hidden:k},l.createElement(a.Box,{className:[n.default.container,v?n.default.disabled:null,N?n.default.checked:null],as:"label",display:"flex",alignItems:"center"},l.createElement(a.Box,{position:"relative",display:"inlineBlock",overflow:"visible",marginRight:"small",flexShrink:0,className:n.default.toggle},l.createElement(t.HiddenVisually,null,l.createElement("input",Object.assign({},q,{id:E,type:"checkbox",disabled:v,"aria-describedby":S,ref:u,checked:N,onChange:function(e){null==y||y(e),e.defaultPrevented||B(e.currentTarget.checked)}}))),l.createElement("span",{className:n.default.handle})),l.createElement(d.Text,{exceptionallySetClassName:n.default.label},f)),m?l.createElement(s.FieldHint,{id:C},m):null)}));
 //# sourceMappingURL=switch-field.js.map

package/lib/new-components/switch-field/switch-field.js.map

@@ -1 +1 @@
-{"version":3,"file":"switch-field.js","sources":["../../../src/new-components/switch-field/switch-field.tsx"],"sourcesContent":["import * as React from 'react'\nimport { Box } from '../box'\nimport { Stack } from '../stack'\nimport { HiddenVisually } from '../hidden-visually'\nimport { FieldComponentProps, FieldHint } from '../base-field'\nimport { useId } from '../common-helpers'\nimport styles from './switch-field.module.css'\n\ntype SwitchFieldProps = Omit<\n    FieldComponentProps<HTMLInputElement>,\n    'type' | 'secondaryLabel' | 'auxiliaryLabel' | 'maxWidth'\n>\n\nconst SwitchField = React.forwardRef<HTMLInputElement, SwitchFieldProps>(function SwitchField(\n    {\n        label,\n        hint,\n        disabled = false,\n        hidden,\n        defaultChecked,\n        id: originalId,\n        'aria-describedby': originalAriaDescribedBy,\n        onChange,\n        ...props\n    },\n    ref,\n) {\n    const id = useId(originalId)\n    const hintId = useId()\n    const ariaDescribedBy = originalAriaDescribedBy ?? (hint ? hintId : undefined)\n    const [checkedState, setChecked] = React.useState(props.checked ?? defaultChecked ?? false)\n    const isChecked = props.checked ?? checkedState\n    return (\n        <Stack space=\"small\" hidden={hidden}>\n            <Box\n                className={[\n                    styles.container,\n                    disabled ? styles.disabled : null,\n                    isChecked ? styles.checked : null,\n                ]}\n                as=\"label\"\n                display=\"flex\"\n                alignItems=\"center\"\n            >\n                <Box\n                    position=\"relative\"\n                    display=\"inlineBlock\"\n                    overflow=\"visible\"\n                    marginRight=\"small\"\n                    flexShrink={0}\n                    className={styles.toggle}\n                >\n                    <HiddenVisually>\n                        <input\n                            {...props}\n                            id={id}\n                            type=\"checkbox\"\n                            disabled={disabled}\n                            aria-describedby={ariaDescribedBy}\n                            ref={ref}\n                            checked={isChecked}\n                            onChange={(event) => {\n                                onChange?.(event)\n                                if (!event.defaultPrevented) {\n                                    setChecked(event.currentTarget.checked)\n                                }\n                            }}\n                        />\n                    </HiddenVisually>\n                    <span className={styles.handle} />\n                </Box>\n                <span className={styles.label}>{label}</span>\n            </Box>\n            {hint ? <FieldHint id={hintId}>{hint}</FieldHint> : null}\n        </Stack>\n    )\n})\n\nexport { SwitchField }\nexport type { SwitchFieldProps }\n"],"names":["React","ref","label","hint","disabled","hidden","defaultChecked","originalId","id","originalAriaDescribedBy","onChange","props","useId","hintId","ariaDescribedBy","undefined","checked","setChecked","isChecked","Stack","space","Box","className","styles","container","as","display","alignItems","position","overflow","marginRight","flexShrink","toggle","HiddenVisually","type","event","defaultPrevented","currentTarget","handle","FieldHint"],"mappings":"0YAaoBA,cAAqD,WAYrEC,aAVIC,IAAAA,MACAC,IAAAA,SACAC,SAAAA,gBACAC,IAAAA,OACAC,IAAAA,eACIC,IAAJC,GACoBC,IAApB,oBACAC,IAAAA,SACGC,6HAIDH,EAAKI,QAAML,GACXM,EAASD,UACTE,EAAkBL,MAAAA,EAAAA,EAA4BN,EAAOU,OAASE,IACjCf,+BAAeW,EAAMK,uBAAWV,mBAA9CW,OACfC,YAAYP,EAAMK,mCAEpBhB,gBAACmB,SAAMC,MAAM,QAAQf,OAAQA,GACzBL,gBAACqB,OACGC,UAAW,CACPC,UAAOC,UACPpB,EAAWmB,UAAOnB,SAAW,KAC7Bc,EAAYK,UAAOP,QAAU,MAEjCS,GAAG,QACHC,QAAQ,OACRC,WAAW,UAEX3B,gBAACqB,OACGO,SAAS,WACTF,QAAQ,cACRG,SAAS,UACTC,YAAY,QACZC,WAAY,EACZT,UAAWC,UAAOS,QAElBhC,gBAACiC,sBACGjC,yCACQW,GACJH,GAAIA,EACJ0B,KAAK,WACL9B,SAAUA,qBACQU,EAClBb,IAAKA,EACLe,QAASE,EACTR,SAAU,SAACyB,GACPzB,MAAAA,GAAAA,EAAWyB,GACNA,EAAMC,kBACPnB,EAAWkB,EAAME,cAAcrB,cAK/ChB,wBAAMsB,UAAWC,UAAOe,UAE5BtC,wBAAMsB,UAAWC,UAAOrB,OAAQA,IAEnCC,EAAOH,gBAACuC,aAAU/B,GAAIK,GAASV,GAAoB"}
+{"version":3,"file":"switch-field.js","sources":["../../../src/new-components/switch-field/switch-field.tsx"],"sourcesContent":["import * as React from 'react'\nimport { Box } from '../box'\nimport { Stack } from '../stack'\nimport { Text } from '../text'\nimport { HiddenVisually } from '../hidden-visually'\nimport { FieldComponentProps, FieldHint } from '../base-field'\nimport { useId } from '../common-helpers'\nimport styles from './switch-field.module.css'\n\ntype SwitchFieldProps = Omit<\n    FieldComponentProps<HTMLInputElement>,\n    'type' | 'secondaryLabel' | 'auxiliaryLabel' | 'maxWidth'\n>\n\nconst SwitchField = React.forwardRef<HTMLInputElement, SwitchFieldProps>(function SwitchField(\n    {\n        label,\n        hint,\n        disabled = false,\n        hidden,\n        defaultChecked,\n        id: originalId,\n        'aria-describedby': originalAriaDescribedBy,\n        onChange,\n        ...props\n    },\n    ref,\n) {\n    const id = useId(originalId)\n    const hintId = useId()\n    const ariaDescribedBy = originalAriaDescribedBy ?? (hint ? hintId : undefined)\n    const [checkedState, setChecked] = React.useState(props.checked ?? defaultChecked ?? false)\n    const isChecked = props.checked ?? checkedState\n    return (\n        <Stack space=\"small\" hidden={hidden}>\n            <Box\n                className={[\n                    styles.container,\n                    disabled ? styles.disabled : null,\n                    isChecked ? styles.checked : null,\n                ]}\n                as=\"label\"\n                display=\"flex\"\n                alignItems=\"center\"\n            >\n                <Box\n                    position=\"relative\"\n                    display=\"inlineBlock\"\n                    overflow=\"visible\"\n                    marginRight=\"small\"\n                    flexShrink={0}\n                    className={styles.toggle}\n                >\n                    <HiddenVisually>\n                        <input\n                            {...props}\n                            id={id}\n                            type=\"checkbox\"\n                            disabled={disabled}\n                            aria-describedby={ariaDescribedBy}\n                            ref={ref}\n                            checked={isChecked}\n                            onChange={(event) => {\n                                onChange?.(event)\n                                if (!event.defaultPrevented) {\n                                    setChecked(event.currentTarget.checked)\n                                }\n                            }}\n                        />\n                    </HiddenVisually>\n                    <span className={styles.handle} />\n                </Box>\n                <Text exceptionallySetClassName={styles.label}>{label}</Text>\n            </Box>\n            {hint ? <FieldHint id={hintId}>{hint}</FieldHint> : null}\n        </Stack>\n    )\n})\n\nexport { SwitchField }\nexport type { SwitchFieldProps }\n"],"names":["React","ref","label","hint","disabled","hidden","defaultChecked","originalId","id","originalAriaDescribedBy","onChange","props","useId","hintId","ariaDescribedBy","undefined","checked","setChecked","isChecked","Stack","space","Box","className","styles","container","as","display","alignItems","position","overflow","marginRight","flexShrink","toggle","HiddenVisually","type","event","defaultPrevented","currentTarget","handle","Text","exceptionallySetClassName","FieldHint"],"mappings":"uaAcoBA,cAAqD,WAYrEC,aAVIC,IAAAA,MACAC,IAAAA,SACAC,SAAAA,gBACAC,IAAAA,OACAC,IAAAA,eACIC,IAAJC,GACoBC,IAApB,oBACAC,IAAAA,SACGC,6HAIDH,EAAKI,QAAML,GACXM,EAASD,UACTE,EAAkBL,MAAAA,EAAAA,EAA4BN,EAAOU,OAASE,IACjCf,+BAAeW,EAAMK,uBAAWV,mBAA9CW,OACfC,YAAYP,EAAMK,mCAEpBhB,gBAACmB,SAAMC,MAAM,QAAQf,OAAQA,GACzBL,gBAACqB,OACGC,UAAW,CACPC,UAAOC,UACPpB,EAAWmB,UAAOnB,SAAW,KAC7Bc,EAAYK,UAAOP,QAAU,MAEjCS,GAAG,QACHC,QAAQ,OACRC,WAAW,UAEX3B,gBAACqB,OACGO,SAAS,WACTF,QAAQ,cACRG,SAAS,UACTC,YAAY,QACZC,WAAY,EACZT,UAAWC,UAAOS,QAElBhC,gBAACiC,sBACGjC,yCACQW,GACJH,GAAIA,EACJ0B,KAAK,WACL9B,SAAUA,qBACQU,EAClBb,IAAKA,EACLe,QAASE,EACTR,SAAU,SAACyB,GACPzB,MAAAA,GAAAA,EAAWyB,GACNA,EAAMC,kBACPnB,EAAWkB,EAAME,cAAcrB,cAK/ChB,wBAAMsB,UAAWC,UAAOe,UAE5BtC,gBAACuC,QAAKC,0BAA2BjB,UAAOrB,OAAQA,IAEnDC,EAAOH,gBAACyC,aAAUjC,GAAIK,GAASV,GAAoB"}

package/lib/new-components/text-area/text-area.module.css.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default={container:"b2fe9429"};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default={container:"_5a579f96"};
 //# sourceMappingURL=text-area.module.css.js.map

package/lib/new-components/text-field/text-field.module.css.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default={inputWrapper:"_0cc2c509"};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default={inputWrapper:"dd9ffeab"};
 //# sourceMappingURL=text-field.module.css.js.map

package/package.json

@@ -2,7 +2,7 @@
     "name": "@doist/reactist",
     "description": "Open source React components by Doist",
     "author": "Henning Muszynski <henning@doist.com> (http://doist.com)",
-    "version": "10.0.0-beta.4",
+    "version": "10.0.0-beta.8",
     "license": "MIT",
     "homepage": "https://github.com/Doist/reactist#readme",
     "repository": "git+https://github.com/Doist/reactist.git",

package/styles/alert.css

@@ -1,5 +1,5 @@
-._3aac345d{box-sizing:border-box;border:0;margin:0;padding:0;font-size:var(--reactist-font-size-body);font-family:inherit;vertical-align:baseline;background-color:transparent;list-style:none}pre._3aac345d{font-family:monospace}._3aac345d[hidden]{display:none!important}._5f5fbe05{position:absolute}._2e1dcb18{position:fixed}._6b073eae{position:relative}.ed69c0f9{position:-webkit-sticky;position:sticky}@media (min-width:768px){.b895daa3{position:absolute}._81f67db7{position:fixed}.bf7d2da5{position:relative}.e0ab99ed{position:-webkit-sticky;position:sticky}}@media (min-width:992px){._5dade286{position:absolute}._584d7ee7{position:fixed}.c7f56545{position:relative}._70b5ef21{position:-webkit-sticky;position:sticky}}._5bca176b{display:block}._32670f8f{display:flex}._3f9cb619{display:inline}.a42dded2{display:inline-block}._7a45d80c{display:inline-flex}.a469c553{display:none}@media (min-width:768px){._8e5cf5df{display:block}._640f3795{display:flex}.f1a1c131{display:inline}.e9f55809{display:inline-block}._9fd7bd31{display:inline-flex}._389a387a{display:none}}@media (min-width:992px){._3e730e39{display:block}._8407ca0e{display:flex}._596653e1{display:inline}.eb198bac{display:inline-block}.c89ef13b{display:inline-flex}._868c554e{display:none}}.a6e042e3{min-width:0}._9ce11446{min-width:220px}._2db5e251{min-width:400px}.ef281ffc{min-width:660px}.f938efbe{max-width:940px}.f87c0f55{min-width:1280px}._873d4d51{max-width:220px}._400d4800{max-width:400px}._94ecdffd{max-width:660px}.f9eeefb5{max-width:940px}._2253ed9a{max-width:1280px}.bde40dfb{max-width:100%}.c45f6767{flex-direction:column}.c167e8da{flex-direction:row}@media (min-width:768px){.c0ca97a9{flex-direction:column}._45ebc391{flex-direction:row}}@media (min-width:992px){.dfd69d4d{flex-direction:column}.f3d06da6{flex-direction:row}}._7fb6a141{flex-wrap:wrap}._30a701b3{flex-wrap:nowrap}._24cf9746{flex-shrink:0}.d2a4825d{flex-grow:0}.a2a05bbf{flex-grow:1}._4ada17a4{align-items:flex-start}.c2c1d3b2{align-items:center}._259506f5{align-items:flex-end}._3cb51936{align-items:baseline}@media (min-width:768px){._86497cb0{align-items:flex-start}._5a281eb4{align-items:center}.d7c8f9b0{align-items:flex-end}._9b92f4b7{align-items:baseline}}@media (min-width:992px){._4d2b7f03{align-items:flex-start}._521b4677{align-items:center}._239714b3{align-items:flex-end}._49fa952b{align-items:baseline}}._84c5c8b7{justify-content:flex-start}._84df2447{justify-content:center}._96a7db47{justify-content:flex-end}.e7ad8d72{justify-content:space-around}.e5a5ea05{justify-content:space-between}._08952f29{justify-content:space-evenly}@media (min-width:768px){._69d750a7{justify-content:flex-start}.be616f82{justify-content:center}._4e22f886{justify-content:flex-end}._9b848fa4{justify-content:space-around}._346ba50f{justify-content:space-between}._8e101549{justify-content:space-evenly}}@media (min-width:992px){._3e1b3f62{justify-content:flex-start}.a285086c{justify-content:center}._32759d54{justify-content:flex-end}._9b848fa4{justify-content:space-around}._543f6141{justify-content:space-between}._8e101549{justify-content:space-evenly}}.d91c9bdf{overflow:hidden}._438cafe6{overflow:auto}._9527349d{overflow:visible}.a086ce42{overflow:scroll}.d32e2047{width:100%}._2d523b97{height:100%}._581ad1ab{background-color:var(--reactist-bg-default)}.a554f678{background-color:var(--reactist-bg-aside)}._2d74468c{background-color:var(--reactist-bg-highlight)}.eb3848be{background-color:var(--reactist-bg-selected)}._14fe8bc8{border-radius:var(--reactist-border-radius-small)}.c1bf716d{border-radius:var(--reactist-border-radius-large)}.f605be96{border:1px solid var(--reactist-framework-border)}._083a10ea{text-align:start}._8c05b9dc{text-align:center}.e9c0981c{text-align:end}.a21c651d{text-align:justify}@media (min-width:768px){._62b208d9{text-align:start}._7198bfc5{text-align:center}._4156cdf8{text-align:end}._5dce5b3b{text-align:justify}}@media (min-width:992px){._526ba24a{text-align:start}.f98d87d4{text-align:center}._9679b54a{text-align:end}._4b25a07f{text-align:justify}}
+._26c5201d{box-sizing:border-box;border:0;margin:0;padding:0;font-size:var(--reactist-font-size-body);font-family:inherit;vertical-align:baseline;background-color:transparent;list-style:none}pre._26c5201d{font-family:monospace}._26c5201d[hidden]{display:none!important}._77c3d8d1{position:absolute}._37cb98fb{position:fixed}.df16028f{position:relative}._4205abac{position:-webkit-sticky;position:sticky}@media (min-width:768px){.d6993b5e{position:absolute}.a015e0f5{position:fixed}._236dd3b1{position:relative}.b7ac4837{position:-webkit-sticky;position:sticky}}@media (min-width:992px){.fd93a726{position:absolute}._49228edc{position:fixed}.d972b518{position:relative}.b2a2baf3{position:-webkit-sticky;position:sticky}}._22f1edd1{display:block}.c23d2d6f{display:flex}._5359896d{display:inline}.a54a41a6{display:inline-block}.d02f3d43{display:inline-flex}._760c0710{display:none}@media (min-width:768px){._64e2ebe6{display:block}._25274f78{display:flex}._2077d063{display:inline}.aaed581f{display:inline-block}._1d4a6eb5{display:inline-flex}._66f24c78{display:none}}@media (min-width:992px){._145cca89{display:block}._1861c899{display:flex}._96a720c8{display:inline}._56acf5d5{display:inline-block}._2a268e4b{display:inline-flex}.b4f30b9e{display:none}}._0b071847{min-width:0}._8b67f007{min-width:220px}.e3ec3474{min-width:400px}._5cccd4fc{min-width:660px}._06eeac65{max-width:940px}.ee1b6344{min-width:1280px}._2df097d0{max-width:220px}.b771df2a{max-width:400px}._00ad4e35{max-width:660px}._4a848dab{max-width:940px}.bf216b15{max-width:1280px}.a60a7855{max-width:100%}._4cf1b6c9{flex-direction:column}.e056fa5a{flex-direction:row}@media (min-width:768px){.b9aa8d99{flex-direction:column}._2e8b3442{flex-direction:row}}@media (min-width:992px){._2162c612{flex-direction:column}._279bf1e4{flex-direction:row}}._346d3a71{flex-wrap:wrap}._786fd122{flex-wrap:nowrap}._4b864fc2{flex-shrink:0}._795f552f{flex-grow:0}.a68bcd0f{flex-grow:1}._34e24973{align-items:flex-start}._648380f4{align-items:center}._18b4e1d6{align-items:flex-end}._805c1b65{align-items:baseline}@media (min-width:768px){.fd4006c2{align-items:flex-start}.c3ba10a7{align-items:center}._984cd304{align-items:flex-end}._696cc167{align-items:baseline}}@media (min-width:992px){._74133d54{align-items:flex-start}._92ab46df{align-items:center}._177026d9{align-items:flex-end}.ebd2f31f{align-items:baseline}}._4969235b{justify-content:flex-start}._9594db58{justify-content:center}._6789fdd3{justify-content:flex-end}.b9902d94{justify-content:space-around}._3c3ae41b{justify-content:space-between}._8dce8767{justify-content:space-evenly}@media (min-width:768px){._6bd82354{justify-content:flex-start}._3044c29a{justify-content:center}._13da8745{justify-content:flex-end}._981fa9c8{justify-content:space-around}.d34811a6{justify-content:space-between}._53e07124{justify-content:space-evenly}}@media (min-width:992px){.e709f277{justify-content:flex-start}.abc87cc4{justify-content:center}.ce410292{justify-content:flex-end}._981fa9c8{justify-content:space-around}._5ab1bc04{justify-content:space-between}._53e07124{justify-content:space-evenly}}._11a684c0{overflow:hidden}._2c024f85{overflow:auto}._4d4892bd{overflow:visible}._22ffbb40{overflow:scroll}._330d9b0b{width:100%}.fb8deb05{height:100%}._133f5c00{background-color:var(--reactist-bg-default)}.b2be7ffe{background-color:var(--reactist-bg-aside)}.a45e67ff{background-color:var(--reactist-bg-highlight)}.b90226b5{background-color:var(--reactist-bg-selected)}._6e988219{border-radius:var(--reactist-border-radius-small)}._14cf204e{border-radius:var(--reactist-border-radius-large)}.a710cfdd{border:1px solid var(--reactist-divider-primary)}._52263feb{border:1px solid var(--reactist-divider-secondary)}._546ec3ef{border:1px solid var(--reactist-divider-tertiary)}._7fa90cb9{text-align:start}._54c80396{text-align:center}.e4b1ea49{text-align:end}._0eecd510{text-align:justify}@media (min-width:768px){.a309e75d{text-align:start}._67fb1a07{text-align:center}._0fa851ec{text-align:end}._585a0e34{text-align:justify}}@media (min-width:992px){._5f909690{text-align:start}._13e03993{text-align:center}.f142a1cb{text-align:end}._2bba79a9{text-align:justify}}
 .c4803194{padding-top:var(--reactist-spacing-xsmall)}._4e9ab24b{padding-top:var(--reactist-spacing-small)}._1d226e27{padding-top:var(--reactist-spacing-medium)}.eb6097f1{padding-top:var(--reactist-spacing-large)}.d3229ba4{padding-top:var(--reactist-spacing-xlarge)}._47978ba4{padding-top:var(--reactist-spacing-xxlarge)}@media (min-width:768px){.f987719c{padding-top:var(--reactist-spacing-xsmall)}._8dbc4b4d{padding-top:var(--reactist-spacing-small)}.ae44fe07{padding-top:var(--reactist-spacing-medium)}.ffe9548d{padding-top:var(--reactist-spacing-large)}.f2b76a44{padding-top:var(--reactist-spacing-xlarge)}.c6eb8f43{padding-top:var(--reactist-spacing-xxlarge)}}@media (min-width:992px){._8699b560{padding-top:var(--reactist-spacing-xsmall)}._02c374b7{padding-top:var(--reactist-spacing-small)}._0dd0332f{padding-top:var(--reactist-spacing-medium)}.da55f1f6{padding-top:var(--reactist-spacing-large)}._8ef2a278{padding-top:var(--reactist-spacing-xlarge)}._8b493b28{padding-top:var(--reactist-spacing-xxlarge)}}._211eebc7{padding-right:var(--reactist-spacing-xsmall)}.ad0ccf15{padding-right:var(--reactist-spacing-small)}.a03e39af{padding-right:var(--reactist-spacing-medium)}.f0941ead{padding-right:var(--reactist-spacing-large)}.e47c5a43{padding-right:var(--reactist-spacing-xlarge)}.e849a5cf{padding-right:var(--reactist-spacing-xxlarge)}@media (min-width:768px){._85374228{padding-right:var(--reactist-spacing-xsmall)}._89df37b9{padding-right:var(--reactist-spacing-small)}._1cc50ebe{padding-right:var(--reactist-spacing-medium)}._1060982b{padding-right:var(--reactist-spacing-large)}.be58847d{padding-right:var(--reactist-spacing-xlarge)}._45093484{padding-right:var(--reactist-spacing-xxlarge)}}@media (min-width:992px){.f8d99d6a{padding-right:var(--reactist-spacing-xsmall)}.efa076d9{padding-right:var(--reactist-spacing-small)}.e59caa64{padding-right:var(--reactist-spacing-medium)}.da42f46a{padding-right:var(--reactist-spacing-large)}.b3ee2580{padding-right:var(--reactist-spacing-xlarge)}._3ef94658{padding-right:var(--reactist-spacing-xxlarge)}}.b0e6eab4{padding-bottom:var(--reactist-spacing-xsmall)}._9510d053{padding-bottom:var(--reactist-spacing-small)}.d7af60c9{padding-bottom:var(--reactist-spacing-medium)}.b75f86cd{padding-bottom:var(--reactist-spacing-large)}.fbd4ce29{padding-bottom:var(--reactist-spacing-xlarge)}._33e3ad63{padding-bottom:var(--reactist-spacing-xxlarge)}@media (min-width:768px){.f0302da7{padding-bottom:var(--reactist-spacing-xsmall)}._4f9b8012{padding-bottom:var(--reactist-spacing-small)}._4333e20e{padding-bottom:var(--reactist-spacing-medium)}._30bbc76c{padding-bottom:var(--reactist-spacing-large)}.ba5a4008{padding-bottom:var(--reactist-spacing-xlarge)}._423a3b1a{padding-bottom:var(--reactist-spacing-xxlarge)}}@media (min-width:992px){.b40139b7{padding-bottom:var(--reactist-spacing-xsmall)}.f96071fa{padding-bottom:var(--reactist-spacing-small)}.fe803c9a{padding-bottom:var(--reactist-spacing-medium)}._01686eb9{padding-bottom:var(--reactist-spacing-large)}.afa763d8{padding-bottom:var(--reactist-spacing-xlarge)}.a95785f1{padding-bottom:var(--reactist-spacing-xxlarge)}}.cad4e2ec{padding-left:var(--reactist-spacing-xsmall)}.d70b3c17{padding-left:var(--reactist-spacing-small)}._8c851bd6{padding-left:var(--reactist-spacing-medium)}._078feb3c{padding-left:var(--reactist-spacing-large)}._76ab968c{padding-left:var(--reactist-spacing-xlarge)}.aaca85d7{padding-left:var(--reactist-spacing-xxlarge)}@media (min-width:768px){._5eb0e5aa{padding-left:var(--reactist-spacing-xsmall)}._0384fb4f{padding-left:var(--reactist-spacing-small)}.edffff6f{padding-left:var(--reactist-spacing-medium)}._873b9a46{padding-left:var(--reactist-spacing-large)}._89105db5{padding-left:var(--reactist-spacing-xlarge)}.db1966fe{padding-left:var(--reactist-spacing-xxlarge)}}@media (min-width:992px){.b17f826b{padding-left:var(--reactist-spacing-xsmall)}._6dc83610{padding-left:var(--reactist-spacing-small)}._3421b8b2{padding-left:var(--reactist-spacing-medium)}._68cec7a6{padding-left:var(--reactist-spacing-large)}._94bde020{padding-left:var(--reactist-spacing-xlarge)}.b94ee579{padding-left:var(--reactist-spacing-xxlarge)}}
 .c7813d79{margin-top:var(--reactist-spacing-xsmall)}.d3449da6{margin-top:var(--reactist-spacing-small)}._4ea254c1{margin-top:var(--reactist-spacing-medium)}.c0844f64{margin-top:var(--reactist-spacing-large)}._213145b4{margin-top:var(--reactist-spacing-xlarge)}.df61c84c{margin-top:var(--reactist-spacing-xxlarge)}.efe72b13{margin-top:calc(var(--reactist-spacing-xsmall)*-1)}._870c2768{margin-top:calc(var(--reactist-spacing-small)*-1)}._0b927c57{margin-top:calc(var(--reactist-spacing-medium)*-1)}._461db014{margin-top:calc(var(--reactist-spacing-large)*-1)}._2a3a8cb8{margin-top:calc(var(--reactist-spacing-xlarge)*-1)}._9bcda921{margin-top:calc(var(--reactist-spacing-xxlarge)*-1)}@media (min-width:768px){._6add01e4{margin-top:var(--reactist-spacing-xsmall)}._735ef86b{margin-top:var(--reactist-spacing-small)}._0477d068{margin-top:var(--reactist-spacing-medium)}._2c90af97{margin-top:var(--reactist-spacing-large)}._63a82db6{margin-top:var(--reactist-spacing-xlarge)}._03cd7726{margin-top:var(--reactist-spacing-xxlarge)}.c986a62a{margin-top:calc(var(--reactist-spacing-xsmall)*-1)}.be2bdcdd{margin-top:calc(var(--reactist-spacing-small)*-1)}._47d2686b{margin-top:calc(var(--reactist-spacing-medium)*-1)}._25e5af9d{margin-top:calc(var(--reactist-spacing-large)*-1)}.ee82f441{margin-top:calc(var(--reactist-spacing-xlarge)*-1)}.a6f9d404{margin-top:calc(var(--reactist-spacing-xxlarge)*-1)}}@media (min-width:992px){._4d8d9a36{margin-top:var(--reactist-spacing-xsmall)}.e813cee7{margin-top:var(--reactist-spacing-small)}._56975b7d{margin-top:var(--reactist-spacing-medium)}._53b367f6{margin-top:var(--reactist-spacing-large)}.d69e7311{margin-top:var(--reactist-spacing-xlarge)}._92f57c7e{margin-top:var(--reactist-spacing-xxlarge)}._96880d3e{margin-top:calc(var(--reactist-spacing-xsmall)*-1)}.dc3f3555{margin-top:calc(var(--reactist-spacing-small)*-1)}._86dd06bb{margin-top:calc(var(--reactist-spacing-medium)*-1)}.c93ef12e{margin-top:calc(var(--reactist-spacing-large)*-1)}.bc8fd4a2{margin-top:calc(var(--reactist-spacing-xlarge)*-1)}.b12a9124{margin-top:calc(var(--reactist-spacing-xxlarge)*-1)}}._6016f4fb{margin-right:var(--reactist-spacing-xsmall)}.b85e3dfa{margin-right:var(--reactist-spacing-small)}._297575f4{margin-right:var(--reactist-spacing-medium)}.b401ac6c{margin-right:var(--reactist-spacing-large)}.dc3ec387{margin-right:var(--reactist-spacing-xlarge)}._24694604{margin-right:var(--reactist-spacing-xxlarge)}._8e9bf2ee{margin-right:calc(var(--reactist-spacing-xsmall)*-1)}.ae9d1115{margin-right:calc(var(--reactist-spacing-small)*-1)}._14e46fc3{margin-right:calc(var(--reactist-spacing-medium)*-1)}._3370631b{margin-right:calc(var(--reactist-spacing-large)*-1)}._3f0e9b50{margin-right:calc(var(--reactist-spacing-xlarge)*-1)}.bc13e010{margin-right:calc(var(--reactist-spacing-xxlarge)*-1)}@media (min-width:768px){._6fa1aae3{margin-right:var(--reactist-spacing-xsmall)}._2976c5cb{margin-right:var(--reactist-spacing-small)}._38d94802{margin-right:var(--reactist-spacing-medium)}.db9569b5{margin-right:var(--reactist-spacing-large)}._4a52f06d{margin-right:var(--reactist-spacing-xlarge)}._8a0f0410{margin-right:var(--reactist-spacing-xxlarge)}.e7d40e9d{margin-right:calc(var(--reactist-spacing-xsmall)*-1)}._680fde91{margin-right:calc(var(--reactist-spacing-small)*-1)}._021010ca{margin-right:calc(var(--reactist-spacing-medium)*-1)}._9e52c87c{margin-right:calc(var(--reactist-spacing-large)*-1)}._4d602613{margin-right:calc(var(--reactist-spacing-xlarge)*-1)}._21b1b65a{margin-right:calc(var(--reactist-spacing-xxlarge)*-1)}}@media (min-width:992px){._7321bc07{margin-right:var(--reactist-spacing-xsmall)}.fa1721f4{margin-right:var(--reactist-spacing-small)}._3fd7b4b8{margin-right:var(--reactist-spacing-medium)}._4fdc2f74{margin-right:var(--reactist-spacing-large)}.c0254761{margin-right:var(--reactist-spacing-xlarge)}._710a5f09{margin-right:var(--reactist-spacing-xxlarge)}.e08bee7f{margin-right:calc(var(--reactist-spacing-xsmall)*-1)}.e5ab73d2{margin-right:calc(var(--reactist-spacing-small)*-1)}._5e731477{margin-right:calc(var(--reactist-spacing-medium)*-1)}._0f57a22e{margin-right:calc(var(--reactist-spacing-large)*-1)}._25f26ed3{margin-right:calc(var(--reactist-spacing-xlarge)*-1)}._11a3b4e0{margin-right:calc(var(--reactist-spacing-xxlarge)*-1)}}._6a4f69f7{margin-bottom:var(--reactist-spacing-xsmall)}.db26b033{margin-bottom:var(--reactist-spacing-small)}.c7313022{margin-bottom:var(--reactist-spacing-medium)}.a5885889{margin-bottom:var(--reactist-spacing-large)}._33dfbd8e{margin-bottom:var(--reactist-spacing-xlarge)}._795ad2de{margin-bottom:var(--reactist-spacing-xxlarge)}.a329dbd3{margin-bottom:calc(var(--reactist-spacing-xsmall)*-1)}._85e739fb{margin-bottom:calc(var(--reactist-spacing-small)*-1)}._681f65ff{margin-bottom:calc(var(--reactist-spacing-medium)*-1)}.caf50d8f{margin-bottom:calc(var(--reactist-spacing-large)*-1)}._1e084cbf{margin-bottom:calc(var(--reactist-spacing-xlarge)*-1)}._3dfb1c7e{margin-bottom:calc(var(--reactist-spacing-xxlarge)*-1)}@media (min-width:768px){.ef4735be{margin-bottom:var(--reactist-spacing-xsmall)}.de55afba{margin-bottom:var(--reactist-spacing-small)}._0e33ce88{margin-bottom:var(--reactist-spacing-medium)}._8ca391fc{margin-bottom:var(--reactist-spacing-large)}._3a609d23{margin-bottom:var(--reactist-spacing-xlarge)}._3e1177e4{margin-bottom:var(--reactist-spacing-xxlarge)}.d384884d{margin-bottom:calc(var(--reactist-spacing-xsmall)*-1)}._75254cec{margin-bottom:calc(var(--reactist-spacing-small)*-1)}._5d9f127d{margin-bottom:calc(var(--reactist-spacing-medium)*-1)}._835f1089{margin-bottom:calc(var(--reactist-spacing-large)*-1)}.dad52a72{margin-bottom:calc(var(--reactist-spacing-xlarge)*-1)}._8703a4bf{margin-bottom:calc(var(--reactist-spacing-xxlarge)*-1)}}@media (min-width:992px){._90fd20e9{margin-bottom:var(--reactist-spacing-xsmall)}.f3769191{margin-bottom:var(--reactist-spacing-small)}._156410f8{margin-bottom:var(--reactist-spacing-medium)}._7fed74d0{margin-bottom:var(--reactist-spacing-large)}._477dc10e{margin-bottom:var(--reactist-spacing-xlarge)}._85c82d89{margin-bottom:var(--reactist-spacing-xxlarge)}._4f09c1e0{margin-bottom:calc(var(--reactist-spacing-xsmall)*-1)}._9523e048{margin-bottom:calc(var(--reactist-spacing-small)*-1)}.efe10240{margin-bottom:calc(var(--reactist-spacing-medium)*-1)}.c43971e6{margin-bottom:calc(var(--reactist-spacing-large)*-1)}.f9b4da15{margin-bottom:calc(var(--reactist-spacing-xlarge)*-1)}.a10fdf70{margin-bottom:calc(var(--reactist-spacing-xxlarge)*-1)}}.f9be90b4{margin-left:var(--reactist-spacing-xsmall)}.f53218d5{margin-left:var(--reactist-spacing-small)}.c4a9b3ab{margin-left:var(--reactist-spacing-medium)}._5755e2c3{margin-left:var(--reactist-spacing-large)}._33fc9354{margin-left:var(--reactist-spacing-xlarge)}._4749a3bf{margin-left:var(--reactist-spacing-xxlarge)}.c76cb3c7{margin-left:calc(var(--reactist-spacing-xsmall)*-1)}._96003c07{margin-left:calc(var(--reactist-spacing-small)*-1)}._09988d07{margin-left:calc(var(--reactist-spacing-medium)*-1)}.b4a486f6{margin-left:calc(var(--reactist-spacing-large)*-1)}.f396e75e{margin-left:calc(var(--reactist-spacing-xlarge)*-1)}._81d1f26d{margin-left:calc(var(--reactist-spacing-xxlarge)*-1)}@media (min-width:768px){._0a46e8f1{margin-left:var(--reactist-spacing-xsmall)}._57c970af{margin-left:var(--reactist-spacing-small)}._4b6099d3{margin-left:var(--reactist-spacing-medium)}._378fcff5{margin-left:var(--reactist-spacing-large)}.f8785663{margin-left:var(--reactist-spacing-xlarge)}._72f957ee{margin-left:var(--reactist-spacing-xxlarge)}._2288c7e1{margin-left:calc(var(--reactist-spacing-xsmall)*-1)}.b27c1c05{margin-left:calc(var(--reactist-spacing-small)*-1)}._702cbb13{margin-left:calc(var(--reactist-spacing-medium)*-1)}._1a2748b4{margin-left:calc(var(--reactist-spacing-large)*-1)}.b8c043a5{margin-left:calc(var(--reactist-spacing-xlarge)*-1)}._8dc8ff63{margin-left:calc(var(--reactist-spacing-xxlarge)*-1)}}@media (min-width:992px){.c2af646d{margin-left:var(--reactist-spacing-xsmall)}.c03d07be{margin-left:var(--reactist-spacing-small)}._915fb1d3{margin-left:var(--reactist-spacing-medium)}._64214ee1{margin-left:var(--reactist-spacing-large)}._7be4a22c{margin-left:var(--reactist-spacing-xlarge)}._5ec0a401{margin-left:var(--reactist-spacing-xxlarge)}.ea29f1ee{margin-left:calc(var(--reactist-spacing-xsmall)*-1)}.c26652c7{margin-left:calc(var(--reactist-spacing-small)*-1)}.c24f6af9{margin-left:calc(var(--reactist-spacing-medium)*-1)}.c2671f27{margin-left:calc(var(--reactist-spacing-large)*-1)}.cc51a04e{margin-left:calc(var(--reactist-spacing-xlarge)*-1)}.fd581f54{margin-left:calc(var(--reactist-spacing-xxlarge)*-1)}}
-.bc73ab9d{margin-left:calc(var(--reactist-spacing-xsmall)*-1)}.bc73ab9d>._7efa4861{padding-left:var(--reactist-spacing-xsmall)}.c93ef522{margin-left:calc(var(--reactist-spacing-small)*-1)}.c93ef522>._7efa4861{padding-left:var(--reactist-spacing-small)}.a3bcceae{margin-left:calc(var(--reactist-spacing-medium)*-1)}.a3bcceae>._7efa4861{padding-left:var(--reactist-spacing-medium)}._6e3b6830{margin-left:calc(var(--reactist-spacing-large)*-1)}._6e3b6830>._7efa4861{padding-left:var(--reactist-spacing-large)}.c8935f26{margin-left:calc(var(--reactist-spacing-xlarge)*-1)}.c8935f26>._7efa4861{padding-left:var(--reactist-spacing-xlarge)}._0f819fef{margin-left:calc(var(--reactist-spacing-xxlarge)*-1)}._0f819fef>._7efa4861{padding-left:var(--reactist-spacing-xxlarge)}@media (min-width:768px){.b37242bb{margin-left:calc(var(--reactist-spacing-xsmall)*-1)}.b37242bb>._7efa4861{padding-left:var(--reactist-spacing-xsmall)}.bbdf9471{margin-left:calc(var(--reactist-spacing-small)*-1)}.bbdf9471>._7efa4861{padding-left:var(--reactist-spacing-small)}._66c6998d{margin-left:calc(var(--reactist-spacing-medium)*-1)}._66c6998d>._7efa4861{padding-left:var(--reactist-spacing-medium)}.bce245a1{margin-left:calc(var(--reactist-spacing-large)*-1)}.bce245a1>._7efa4861{padding-left:var(--reactist-spacing-large)}.fdff6b7f{margin-left:calc(var(--reactist-spacing-xlarge)*-1)}.fdff6b7f>._7efa4861{padding-left:var(--reactist-spacing-xlarge)}.e4ec3d8d{margin-left:calc(var(--reactist-spacing-xxlarge)*-1)}.e4ec3d8d>._7efa4861{padding-left:var(--reactist-spacing-xxlarge)}}@media (min-width:992px){._4a75307e{margin-left:calc(var(--reactist-spacing-xsmall)*-1)}._97b495ec>._7efa4861{padding-left:var(--reactist-spacing-xsmall)}._97b495ec{margin-left:calc(var(--reactist-spacing-small)*-1)}._97b495ec>._7efa4861{padding-left:var(--reactist-spacing-small)}.be376830{margin-left:calc(var(--reactist-spacing-medium)*-1)}.be376830>._7efa4861{padding-left:var(--reactist-spacing-medium)}._9b3b7633{margin-left:calc(var(--reactist-spacing-large)*-1)}._9b3b7633>._7efa4861{padding-left:var(--reactist-spacing-large)}._791a2950{margin-left:calc(var(--reactist-spacing-xlarge)*-1)}._791a2950>._7efa4861{padding-left:var(--reactist-spacing-xlarge)}.f49836a3{margin-left:calc(var(--reactist-spacing-xxlarge)*-1)}.f49836a3>._7efa4861{padding-left:var(--reactist-spacing-xxlarge)}}.a4c294e6{width:100%}.de029ae3{flex:0 0 50%}._102223f4{flex:0 0 33.33333%}._35209410{flex:0 0 66.66667%}._785d4274{flex:0 0 25%}.d4b300a7{flex:0 0 75%}.c7e02813{flex:0 0 20%}.d305894b{flex:0 0 40%}._420612f0{flex:0 0 60%}.a9c44d9e{flex:0 0 80%}.bc73ab9d{margin-top:calc(var(--reactist-spacing-xsmall)*-1)}.bc73ab9d>*{margin-top:var(--reactist-spacing-xsmall)}.c93ef522{margin-top:calc(var(--reactist-spacing-small)*-1)}.c93ef522>*{margin-top:var(--reactist-spacing-small)}.a3bcceae{margin-top:calc(var(--reactist-spacing-medium)*-1)}.a3bcceae>*{margin-top:var(--reactist-spacing-medium)}._6e3b6830{margin-top:calc(var(--reactist-spacing-large)*-1)}._6e3b6830>*{margin-top:var(--reactist-spacing-large)}.c8935f26{margin-top:calc(var(--reactist-spacing-xlarge)*-1)}.c8935f26>*{margin-top:var(--reactist-spacing-xlarge)}._0f819fef{margin-top:calc(var(--reactist-spacing-xxlarge)*-1)}._0f819fef>*{margin-top:var(--reactist-spacing-xxlarge)}@media (min-width:768px){.b37242bb{margin-top:calc(var(--reactist-spacing-xsmall)*-1)}.b8d9d8fb>*{margin-top:var(--reactist-spacing-xsmall)}.bbdf9471{margin-top:calc(var(--reactist-spacing-small)*-1)}.bbdf9471>*{margin-top:var(--reactist-spacing-small)}._66c6998d{margin-top:calc(var(--reactist-spacing-medium)*-1)}._66c6998d>*{margin-top:var(--reactist-spacing-medium)}.bce245a1{margin-top:calc(var(--reactist-spacing-large)*-1)}.bce245a1>*{margin-top:var(--reactist-spacing-large)}.fdff6b7f{margin-top:calc(var(--reactist-spacing-xlarge)*-1)}.fdff6b7f>*{margin-top:var(--reactist-spacing-xlarge)}.e4ec3d8d{margin-top:calc(var(--reactist-spacing-xxlarge)*-1)}.e4ec3d8d>*{margin-top:var(--reactist-spacing-xxlarge)}}@media (min-width:992px){._4a75307e{margin-top:calc(var(--reactist-spacing-xsmall)*-1)}._4a75307e>*{margin-top:var(--reactist-spacing-xsmall)}._97b495ec{margin-top:calc(var(--reactist-spacing-small)*-1)}._97b495ec>*{margin-top:var(--reactist-spacing-small)}.be376830{margin-top:calc(var(--reactist-spacing-medium)*-1)}.be376830>*{margin-top:var(--reactist-spacing-medium)}._9b3b7633{margin-top:calc(var(--reactist-spacing-large)*-1)}._9b3b7633>*{margin-top:var(--reactist-spacing-large)}._791a2950{margin-top:calc(var(--reactist-spacing-xlarge)*-1)}._791a2950>*{margin-top:var(--reactist-spacing-xlarge)}.f49836a3{margin-top:calc(var(--reactist-spacing-xxlarge)*-1)}.f49836a3>*{margin-top:var(--reactist-spacing-xxlarge)}}
+._6f59c771{margin-left:calc(var(--reactist-spacing-xsmall)*-1)}._6f59c771>._91e05f0f{padding-left:var(--reactist-spacing-xsmall)}._5a55af26{margin-left:calc(var(--reactist-spacing-small)*-1)}._5a55af26>._91e05f0f{padding-left:var(--reactist-spacing-small)}.fa261310{margin-left:calc(var(--reactist-spacing-medium)*-1)}.fa261310>._91e05f0f{padding-left:var(--reactist-spacing-medium)}._6ebd4e46{margin-left:calc(var(--reactist-spacing-large)*-1)}._6ebd4e46>._91e05f0f{padding-left:var(--reactist-spacing-large)}._55ce4aea{margin-left:calc(var(--reactist-spacing-xlarge)*-1)}._55ce4aea>._91e05f0f{padding-left:var(--reactist-spacing-xlarge)}._04c9c3ac{margin-left:calc(var(--reactist-spacing-xxlarge)*-1)}._04c9c3ac>._91e05f0f{padding-left:var(--reactist-spacing-xxlarge)}@media (min-width:768px){.ab76d8cd{margin-left:calc(var(--reactist-spacing-xsmall)*-1)}.ab76d8cd>._91e05f0f{padding-left:var(--reactist-spacing-xsmall)}._14629bfb{margin-left:calc(var(--reactist-spacing-small)*-1)}._14629bfb>._91e05f0f{padding-left:var(--reactist-spacing-small)}._5b4e39ea{margin-left:calc(var(--reactist-spacing-medium)*-1)}._5b4e39ea>._91e05f0f{padding-left:var(--reactist-spacing-medium)}.ba270182{margin-left:calc(var(--reactist-spacing-large)*-1)}.ba270182>._91e05f0f{padding-left:var(--reactist-spacing-large)}.b96e7ec7{margin-left:calc(var(--reactist-spacing-xlarge)*-1)}.b96e7ec7>._91e05f0f{padding-left:var(--reactist-spacing-xlarge)}.d276612c{margin-left:calc(var(--reactist-spacing-xxlarge)*-1)}.d276612c>._91e05f0f{padding-left:var(--reactist-spacing-xxlarge)}}@media (min-width:992px){.d7a73106{margin-left:calc(var(--reactist-spacing-xsmall)*-1)}._8f5e0e9e>._91e05f0f{padding-left:var(--reactist-spacing-xsmall)}._8f5e0e9e{margin-left:calc(var(--reactist-spacing-small)*-1)}._8f5e0e9e>._91e05f0f{padding-left:var(--reactist-spacing-small)}._3a168411{margin-left:calc(var(--reactist-spacing-medium)*-1)}._3a168411>._91e05f0f{padding-left:var(--reactist-spacing-medium)}._0abcc12e{margin-left:calc(var(--reactist-spacing-large)*-1)}._0abcc12e>._91e05f0f{padding-left:var(--reactist-spacing-large)}.e0bafc60{margin-left:calc(var(--reactist-spacing-xlarge)*-1)}.e0bafc60>._91e05f0f{padding-left:var(--reactist-spacing-xlarge)}.d2df9afd{margin-left:calc(var(--reactist-spacing-xxlarge)*-1)}.d2df9afd>._91e05f0f{padding-left:var(--reactist-spacing-xxlarge)}}.b18d0b47{width:100%}._102a6b27{flex:0 0 50%}._829872fe{flex:0 0 33.33333%}.cf5aef9a{flex:0 0 66.66667%}._931bf714{flex:0 0 25%}.b0303130{flex:0 0 75%}.f6589a6f{flex:0 0 20%}._2823aed9{flex:0 0 40%}.d00ba3bb{flex:0 0 60%}._338f2d7c{flex:0 0 80%}._6f59c771{margin-top:calc(var(--reactist-spacing-xsmall)*-1)}._6f59c771>*{margin-top:var(--reactist-spacing-xsmall)}._5a55af26{margin-top:calc(var(--reactist-spacing-small)*-1)}._5a55af26>*{margin-top:var(--reactist-spacing-small)}.fa261310{margin-top:calc(var(--reactist-spacing-medium)*-1)}.fa261310>*{margin-top:var(--reactist-spacing-medium)}._6ebd4e46{margin-top:calc(var(--reactist-spacing-large)*-1)}._6ebd4e46>*{margin-top:var(--reactist-spacing-large)}._55ce4aea{margin-top:calc(var(--reactist-spacing-xlarge)*-1)}._55ce4aea>*{margin-top:var(--reactist-spacing-xlarge)}._04c9c3ac{margin-top:calc(var(--reactist-spacing-xxlarge)*-1)}._04c9c3ac>*{margin-top:var(--reactist-spacing-xxlarge)}@media (min-width:768px){.ab76d8cd{margin-top:calc(var(--reactist-spacing-xsmall)*-1)}._06582234>*{margin-top:var(--reactist-spacing-xsmall)}._14629bfb{margin-top:calc(var(--reactist-spacing-small)*-1)}._14629bfb>*{margin-top:var(--reactist-spacing-small)}._5b4e39ea{margin-top:calc(var(--reactist-spacing-medium)*-1)}._5b4e39ea>*{margin-top:var(--reactist-spacing-medium)}.ba270182{margin-top:calc(var(--reactist-spacing-large)*-1)}.ba270182>*{margin-top:var(--reactist-spacing-large)}.b96e7ec7{margin-top:calc(var(--reactist-spacing-xlarge)*-1)}.b96e7ec7>*{margin-top:var(--reactist-spacing-xlarge)}.d276612c{margin-top:calc(var(--reactist-spacing-xxlarge)*-1)}.d276612c>*{margin-top:var(--reactist-spacing-xxlarge)}}@media (min-width:992px){.d7a73106{margin-top:calc(var(--reactist-spacing-xsmall)*-1)}.d7a73106>*{margin-top:var(--reactist-spacing-xsmall)}._8f5e0e9e{margin-top:calc(var(--reactist-spacing-small)*-1)}._8f5e0e9e>*{margin-top:var(--reactist-spacing-small)}._3a168411{margin-top:calc(var(--reactist-spacing-medium)*-1)}._3a168411>*{margin-top:var(--reactist-spacing-medium)}._0abcc12e{margin-top:calc(var(--reactist-spacing-large)*-1)}._0abcc12e>*{margin-top:var(--reactist-spacing-large)}.e0bafc60{margin-top:calc(var(--reactist-spacing-xlarge)*-1)}.e0bafc60>*{margin-top:var(--reactist-spacing-xlarge)}.d2df9afd{margin-top:calc(var(--reactist-spacing-xxlarge)*-1)}.d2df9afd>*{margin-top:var(--reactist-spacing-xxlarge)}}
 .ad19f859{border-radius:var(--reactist-border-radius-small);border-style:solid;border-width:1px;color:var(--reactist-content-primary)}._7fd19074{background-color:var(--reactist-alert-tone-info-background);border-color:var(--reactist-alert-tone-info-border)}._7fd19074 svg{color:var(--reactist-alert-tone-info-icon)}.b6504efb{background-color:var(--reactist-alert-tone-positive-background);border-color:var(--reactist-alert-tone-positive-border)}.b6504efb svg{color:var(--reactist-alert-tone-positive-icon)}._1668c1a3{background-color:var(--reactist-alert-tone-caution-background);border-color:var(--reactist-alert-tone-caution-border)}._1668c1a3 svg{color:var(--reactist-alert-tone-caution-icon)}._59663dff{background-color:var(--reactist-alert-tone-critical-background);border-color:var(--reactist-alert-tone-critical-border)}._59663dff svg{color:var(--reactist-alert-tone-critical-icon)}

package/styles/base-button.css

@@ -1,5 +1,6 @@
 .reactist_tooltip{font-size:.81rem;color:#202020;font-weight:400;line-height:1.6;text-align:center;text-overflow:ellipsis;overflow:hidden;max-width:100%;padding:5px 10px;background-color:#333;color:#fff;border:none;border-radius:3px;z-index:1000}
-._3aac345d{box-sizing:border-box;border:0;margin:0;padding:0;font-size:var(--reactist-font-size-body);font-family:inherit;vertical-align:baseline;background-color:transparent;list-style:none}pre._3aac345d{font-family:monospace}._3aac345d[hidden]{display:none!important}._5f5fbe05{position:absolute}._2e1dcb18{position:fixed}._6b073eae{position:relative}.ed69c0f9{position:-webkit-sticky;position:sticky}@media (min-width:768px){.b895daa3{position:absolute}._81f67db7{position:fixed}.bf7d2da5{position:relative}.e0ab99ed{position:-webkit-sticky;position:sticky}}@media (min-width:992px){._5dade286{position:absolute}._584d7ee7{position:fixed}.c7f56545{position:relative}._70b5ef21{position:-webkit-sticky;position:sticky}}._5bca176b{display:block}._32670f8f{display:flex}._3f9cb619{display:inline}.a42dded2{display:inline-block}._7a45d80c{display:inline-flex}.a469c553{display:none}@media (min-width:768px){._8e5cf5df{display:block}._640f3795{display:flex}.f1a1c131{display:inline}.e9f55809{display:inline-block}._9fd7bd31{display:inline-flex}._389a387a{display:none}}@media (min-width:992px){._3e730e39{display:block}._8407ca0e{display:flex}._596653e1{display:inline}.eb198bac{display:inline-block}.c89ef13b{display:inline-flex}._868c554e{display:none}}.a6e042e3{min-width:0}._9ce11446{min-width:220px}._2db5e251{min-width:400px}.ef281ffc{min-width:660px}.f938efbe{max-width:940px}.f87c0f55{min-width:1280px}._873d4d51{max-width:220px}._400d4800{max-width:400px}._94ecdffd{max-width:660px}.f9eeefb5{max-width:940px}._2253ed9a{max-width:1280px}.bde40dfb{max-width:100%}.c45f6767{flex-direction:column}.c167e8da{flex-direction:row}@media (min-width:768px){.c0ca97a9{flex-direction:column}._45ebc391{flex-direction:row}}@media (min-width:992px){.dfd69d4d{flex-direction:column}.f3d06da6{flex-direction:row}}._7fb6a141{flex-wrap:wrap}._30a701b3{flex-wrap:nowrap}._24cf9746{flex-shrink:0}.d2a4825d{flex-grow:0}.a2a05bbf{flex-grow:1}._4ada17a4{align-items:flex-start}.c2c1d3b2{align-items:center}._259506f5{align-items:flex-end}._3cb51936{align-items:baseline}@media (min-width:768px){._86497cb0{align-items:flex-start}._5a281eb4{align-items:center}.d7c8f9b0{align-items:flex-end}._9b92f4b7{align-items:baseline}}@media (min-width:992px){._4d2b7f03{align-items:flex-start}._521b4677{align-items:center}._239714b3{align-items:flex-end}._49fa952b{align-items:baseline}}._84c5c8b7{justify-content:flex-start}._84df2447{justify-content:center}._96a7db47{justify-content:flex-end}.e7ad8d72{justify-content:space-around}.e5a5ea05{justify-content:space-between}._08952f29{justify-content:space-evenly}@media (min-width:768px){._69d750a7{justify-content:flex-start}.be616f82{justify-content:center}._4e22f886{justify-content:flex-end}._9b848fa4{justify-content:space-around}._346ba50f{justify-content:space-between}._8e101549{justify-content:space-evenly}}@media (min-width:992px){._3e1b3f62{justify-content:flex-start}.a285086c{justify-content:center}._32759d54{justify-content:flex-end}._9b848fa4{justify-content:space-around}._543f6141{justify-content:space-between}._8e101549{justify-content:space-evenly}}.d91c9bdf{overflow:hidden}._438cafe6{overflow:auto}._9527349d{overflow:visible}.a086ce42{overflow:scroll}.d32e2047{width:100%}._2d523b97{height:100%}._581ad1ab{background-color:var(--reactist-bg-default)}.a554f678{background-color:var(--reactist-bg-aside)}._2d74468c{background-color:var(--reactist-bg-highlight)}.eb3848be{background-color:var(--reactist-bg-selected)}._14fe8bc8{border-radius:var(--reactist-border-radius-small)}.c1bf716d{border-radius:var(--reactist-border-radius-large)}.f605be96{border:1px solid var(--reactist-framework-border)}._083a10ea{text-align:start}._8c05b9dc{text-align:center}.e9c0981c{text-align:end}.a21c651d{text-align:justify}@media (min-width:768px){._62b208d9{text-align:start}._7198bfc5{text-align:center}._4156cdf8{text-align:end}._5dce5b3b{text-align:justify}}@media (min-width:992px){._526ba24a{text-align:start}.f98d87d4{text-align:center}._9679b54a{text-align:end}._4b25a07f{text-align:justify}}
+._26c5201d{box-sizing:border-box;border:0;margin:0;padding:0;font-size:var(--reactist-font-size-body);font-family:inherit;vertical-align:baseline;background-color:transparent;list-style:none}pre._26c5201d{font-family:monospace}._26c5201d[hidden]{display:none!important}._77c3d8d1{position:absolute}._37cb98fb{position:fixed}.df16028f{position:relative}._4205abac{position:-webkit-sticky;position:sticky}@media (min-width:768px){.d6993b5e{position:absolute}.a015e0f5{position:fixed}._236dd3b1{position:relative}.b7ac4837{position:-webkit-sticky;position:sticky}}@media (min-width:992px){.fd93a726{position:absolute}._49228edc{position:fixed}.d972b518{position:relative}.b2a2baf3{position:-webkit-sticky;position:sticky}}._22f1edd1{display:block}.c23d2d6f{display:flex}._5359896d{display:inline}.a54a41a6{display:inline-block}.d02f3d43{display:inline-flex}._760c0710{display:none}@media (min-width:768px){._64e2ebe6{display:block}._25274f78{display:flex}._2077d063{display:inline}.aaed581f{display:inline-block}._1d4a6eb5{display:inline-flex}._66f24c78{display:none}}@media (min-width:992px){._145cca89{display:block}._1861c899{display:flex}._96a720c8{display:inline}._56acf5d5{display:inline-block}._2a268e4b{display:inline-flex}.b4f30b9e{display:none}}._0b071847{min-width:0}._8b67f007{min-width:220px}.e3ec3474{min-width:400px}._5cccd4fc{min-width:660px}._06eeac65{max-width:940px}.ee1b6344{min-width:1280px}._2df097d0{max-width:220px}.b771df2a{max-width:400px}._00ad4e35{max-width:660px}._4a848dab{max-width:940px}.bf216b15{max-width:1280px}.a60a7855{max-width:100%}._4cf1b6c9{flex-direction:column}.e056fa5a{flex-direction:row}@media (min-width:768px){.b9aa8d99{flex-direction:column}._2e8b3442{flex-direction:row}}@media (min-width:992px){._2162c612{flex-direction:column}._279bf1e4{flex-direction:row}}._346d3a71{flex-wrap:wrap}._786fd122{flex-wrap:nowrap}._4b864fc2{flex-shrink:0}._795f552f{flex-grow:0}.a68bcd0f{flex-grow:1}._34e24973{align-items:flex-start}._648380f4{align-items:center}._18b4e1d6{align-items:flex-end}._805c1b65{align-items:baseline}@media (min-width:768px){.fd4006c2{align-items:flex-start}.c3ba10a7{align-items:center}._984cd304{align-items:flex-end}._696cc167{align-items:baseline}}@media (min-width:992px){._74133d54{align-items:flex-start}._92ab46df{align-items:center}._177026d9{align-items:flex-end}.ebd2f31f{align-items:baseline}}._4969235b{justify-content:flex-start}._9594db58{justify-content:center}._6789fdd3{justify-content:flex-end}.b9902d94{justify-content:space-around}._3c3ae41b{justify-content:space-between}._8dce8767{justify-content:space-evenly}@media (min-width:768px){._6bd82354{justify-content:flex-start}._3044c29a{justify-content:center}._13da8745{justify-content:flex-end}._981fa9c8{justify-content:space-around}.d34811a6{justify-content:space-between}._53e07124{justify-content:space-evenly}}@media (min-width:992px){.e709f277{justify-content:flex-start}.abc87cc4{justify-content:center}.ce410292{justify-content:flex-end}._981fa9c8{justify-content:space-around}._5ab1bc04{justify-content:space-between}._53e07124{justify-content:space-evenly}}._11a684c0{overflow:hidden}._2c024f85{overflow:auto}._4d4892bd{overflow:visible}._22ffbb40{overflow:scroll}._330d9b0b{width:100%}.fb8deb05{height:100%}._133f5c00{background-color:var(--reactist-bg-default)}.b2be7ffe{background-color:var(--reactist-bg-aside)}.a45e67ff{background-color:var(--reactist-bg-highlight)}.b90226b5{background-color:var(--reactist-bg-selected)}._6e988219{border-radius:var(--reactist-border-radius-small)}._14cf204e{border-radius:var(--reactist-border-radius-large)}.a710cfdd{border:1px solid var(--reactist-divider-primary)}._52263feb{border:1px solid var(--reactist-divider-secondary)}._546ec3ef{border:1px solid var(--reactist-divider-tertiary)}._7fa90cb9{text-align:start}._54c80396{text-align:center}.e4b1ea49{text-align:end}._0eecd510{text-align:justify}@media (min-width:768px){.a309e75d{text-align:start}._67fb1a07{text-align:center}._0fa851ec{text-align:end}._585a0e34{text-align:justify}}@media (min-width:992px){._5f909690{text-align:start}._13e03993{text-align:center}.f142a1cb{text-align:end}._2bba79a9{text-align:justify}}
 .c4803194{padding-top:var(--reactist-spacing-xsmall)}._4e9ab24b{padding-top:var(--reactist-spacing-small)}._1d226e27{padding-top:var(--reactist-spacing-medium)}.eb6097f1{padding-top:var(--reactist-spacing-large)}.d3229ba4{padding-top:var(--reactist-spacing-xlarge)}._47978ba4{padding-top:var(--reactist-spacing-xxlarge)}@media (min-width:768px){.f987719c{padding-top:var(--reactist-spacing-xsmall)}._8dbc4b4d{padding-top:var(--reactist-spacing-small)}.ae44fe07{padding-top:var(--reactist-spacing-medium)}.ffe9548d{padding-top:var(--reactist-spacing-large)}.f2b76a44{padding-top:var(--reactist-spacing-xlarge)}.c6eb8f43{padding-top:var(--reactist-spacing-xxlarge)}}@media (min-width:992px){._8699b560{padding-top:var(--reactist-spacing-xsmall)}._02c374b7{padding-top:var(--reactist-spacing-small)}._0dd0332f{padding-top:var(--reactist-spacing-medium)}.da55f1f6{padding-top:var(--reactist-spacing-large)}._8ef2a278{padding-top:var(--reactist-spacing-xlarge)}._8b493b28{padding-top:var(--reactist-spacing-xxlarge)}}._211eebc7{padding-right:var(--reactist-spacing-xsmall)}.ad0ccf15{padding-right:var(--reactist-spacing-small)}.a03e39af{padding-right:var(--reactist-spacing-medium)}.f0941ead{padding-right:var(--reactist-spacing-large)}.e47c5a43{padding-right:var(--reactist-spacing-xlarge)}.e849a5cf{padding-right:var(--reactist-spacing-xxlarge)}@media (min-width:768px){._85374228{padding-right:var(--reactist-spacing-xsmall)}._89df37b9{padding-right:var(--reactist-spacing-small)}._1cc50ebe{padding-right:var(--reactist-spacing-medium)}._1060982b{padding-right:var(--reactist-spacing-large)}.be58847d{padding-right:var(--reactist-spacing-xlarge)}._45093484{padding-right:var(--reactist-spacing-xxlarge)}}@media (min-width:992px){.f8d99d6a{padding-right:var(--reactist-spacing-xsmall)}.efa076d9{padding-right:var(--reactist-spacing-small)}.e59caa64{padding-right:var(--reactist-spacing-medium)}.da42f46a{padding-right:var(--reactist-spacing-large)}.b3ee2580{padding-right:var(--reactist-spacing-xlarge)}._3ef94658{padding-right:var(--reactist-spacing-xxlarge)}}.b0e6eab4{padding-bottom:var(--reactist-spacing-xsmall)}._9510d053{padding-bottom:var(--reactist-spacing-small)}.d7af60c9{padding-bottom:var(--reactist-spacing-medium)}.b75f86cd{padding-bottom:var(--reactist-spacing-large)}.fbd4ce29{padding-bottom:var(--reactist-spacing-xlarge)}._33e3ad63{padding-bottom:var(--reactist-spacing-xxlarge)}@media (min-width:768px){.f0302da7{padding-bottom:var(--reactist-spacing-xsmall)}._4f9b8012{padding-bottom:var(--reactist-spacing-small)}._4333e20e{padding-bottom:var(--reactist-spacing-medium)}._30bbc76c{padding-bottom:var(--reactist-spacing-large)}.ba5a4008{padding-bottom:var(--reactist-spacing-xlarge)}._423a3b1a{padding-bottom:var(--reactist-spacing-xxlarge)}}@media (min-width:992px){.b40139b7{padding-bottom:var(--reactist-spacing-xsmall)}.f96071fa{padding-bottom:var(--reactist-spacing-small)}.fe803c9a{padding-bottom:var(--reactist-spacing-medium)}._01686eb9{padding-bottom:var(--reactist-spacing-large)}.afa763d8{padding-bottom:var(--reactist-spacing-xlarge)}.a95785f1{padding-bottom:var(--reactist-spacing-xxlarge)}}.cad4e2ec{padding-left:var(--reactist-spacing-xsmall)}.d70b3c17{padding-left:var(--reactist-spacing-small)}._8c851bd6{padding-left:var(--reactist-spacing-medium)}._078feb3c{padding-left:var(--reactist-spacing-large)}._76ab968c{padding-left:var(--reactist-spacing-xlarge)}.aaca85d7{padding-left:var(--reactist-spacing-xxlarge)}@media (min-width:768px){._5eb0e5aa{padding-left:var(--reactist-spacing-xsmall)}._0384fb4f{padding-left:var(--reactist-spacing-small)}.edffff6f{padding-left:var(--reactist-spacing-medium)}._873b9a46{padding-left:var(--reactist-spacing-large)}._89105db5{padding-left:var(--reactist-spacing-xlarge)}.db1966fe{padding-left:var(--reactist-spacing-xxlarge)}}@media (min-width:992px){.b17f826b{padding-left:var(--reactist-spacing-xsmall)}._6dc83610{padding-left:var(--reactist-spacing-small)}._3421b8b2{padding-left:var(--reactist-spacing-medium)}._68cec7a6{padding-left:var(--reactist-spacing-large)}._94bde020{padding-left:var(--reactist-spacing-xlarge)}.b94ee579{padding-left:var(--reactist-spacing-xxlarge)}}
 .c7813d79{margin-top:var(--reactist-spacing-xsmall)}.d3449da6{margin-top:var(--reactist-spacing-small)}._4ea254c1{margin-top:var(--reactist-spacing-medium)}.c0844f64{margin-top:var(--reactist-spacing-large)}._213145b4{margin-top:var(--reactist-spacing-xlarge)}.df61c84c{margin-top:var(--reactist-spacing-xxlarge)}.efe72b13{margin-top:calc(var(--reactist-spacing-xsmall)*-1)}._870c2768{margin-top:calc(var(--reactist-spacing-small)*-1)}._0b927c57{margin-top:calc(var(--reactist-spacing-medium)*-1)}._461db014{margin-top:calc(var(--reactist-spacing-large)*-1)}._2a3a8cb8{margin-top:calc(var(--reactist-spacing-xlarge)*-1)}._9bcda921{margin-top:calc(var(--reactist-spacing-xxlarge)*-1)}@media (min-width:768px){._6add01e4{margin-top:var(--reactist-spacing-xsmall)}._735ef86b{margin-top:var(--reactist-spacing-small)}._0477d068{margin-top:var(--reactist-spacing-medium)}._2c90af97{margin-top:var(--reactist-spacing-large)}._63a82db6{margin-top:var(--reactist-spacing-xlarge)}._03cd7726{margin-top:var(--reactist-spacing-xxlarge)}.c986a62a{margin-top:calc(var(--reactist-spacing-xsmall)*-1)}.be2bdcdd{margin-top:calc(var(--reactist-spacing-small)*-1)}._47d2686b{margin-top:calc(var(--reactist-spacing-medium)*-1)}._25e5af9d{margin-top:calc(var(--reactist-spacing-large)*-1)}.ee82f441{margin-top:calc(var(--reactist-spacing-xlarge)*-1)}.a6f9d404{margin-top:calc(var(--reactist-spacing-xxlarge)*-1)}}@media (min-width:992px){._4d8d9a36{margin-top:var(--reactist-spacing-xsmall)}.e813cee7{margin-top:var(--reactist-spacing-small)}._56975b7d{margin-top:var(--reactist-spacing-medium)}._53b367f6{margin-top:var(--reactist-spacing-large)}.d69e7311{margin-top:var(--reactist-spacing-xlarge)}._92f57c7e{margin-top:var(--reactist-spacing-xxlarge)}._96880d3e{margin-top:calc(var(--reactist-spacing-xsmall)*-1)}.dc3f3555{margin-top:calc(var(--reactist-spacing-small)*-1)}._86dd06bb{margin-top:calc(var(--reactist-spacing-medium)*-1)}.c93ef12e{margin-top:calc(var(--reactist-spacing-large)*-1)}.bc8fd4a2{margin-top:calc(var(--reactist-spacing-xlarge)*-1)}.b12a9124{margin-top:calc(var(--reactist-spacing-xxlarge)*-1)}}._6016f4fb{margin-right:var(--reactist-spacing-xsmall)}.b85e3dfa{margin-right:var(--reactist-spacing-small)}._297575f4{margin-right:var(--reactist-spacing-medium)}.b401ac6c{margin-right:var(--reactist-spacing-large)}.dc3ec387{margin-right:var(--reactist-spacing-xlarge)}._24694604{margin-right:var(--reactist-spacing-xxlarge)}._8e9bf2ee{margin-right:calc(var(--reactist-spacing-xsmall)*-1)}.ae9d1115{margin-right:calc(var(--reactist-spacing-small)*-1)}._14e46fc3{margin-right:calc(var(--reactist-spacing-medium)*-1)}._3370631b{margin-right:calc(var(--reactist-spacing-large)*-1)}._3f0e9b50{margin-right:calc(var(--reactist-spacing-xlarge)*-1)}.bc13e010{margin-right:calc(var(--reactist-spacing-xxlarge)*-1)}@media (min-width:768px){._6fa1aae3{margin-right:var(--reactist-spacing-xsmall)}._2976c5cb{margin-right:var(--reactist-spacing-small)}._38d94802{margin-right:var(--reactist-spacing-medium)}.db9569b5{margin-right:var(--reactist-spacing-large)}._4a52f06d{margin-right:var(--reactist-spacing-xlarge)}._8a0f0410{margin-right:var(--reactist-spacing-xxlarge)}.e7d40e9d{margin-right:calc(var(--reactist-spacing-xsmall)*-1)}._680fde91{margin-right:calc(var(--reactist-spacing-small)*-1)}._021010ca{margin-right:calc(var(--reactist-spacing-medium)*-1)}._9e52c87c{margin-right:calc(var(--reactist-spacing-large)*-1)}._4d602613{margin-right:calc(var(--reactist-spacing-xlarge)*-1)}._21b1b65a{margin-right:calc(var(--reactist-spacing-xxlarge)*-1)}}@media (min-width:992px){._7321bc07{margin-right:var(--reactist-spacing-xsmall)}.fa1721f4{margin-right:var(--reactist-spacing-small)}._3fd7b4b8{margin-right:var(--reactist-spacing-medium)}._4fdc2f74{margin-right:var(--reactist-spacing-large)}.c0254761{margin-right:var(--reactist-spacing-xlarge)}._710a5f09{margin-right:var(--reactist-spacing-xxlarge)}.e08bee7f{margin-right:calc(var(--reactist-spacing-xsmall)*-1)}.e5ab73d2{margin-right:calc(var(--reactist-spacing-small)*-1)}._5e731477{margin-right:calc(var(--reactist-spacing-medium)*-1)}._0f57a22e{margin-right:calc(var(--reactist-spacing-large)*-1)}._25f26ed3{margin-right:calc(var(--reactist-spacing-xlarge)*-1)}._11a3b4e0{margin-right:calc(var(--reactist-spacing-xxlarge)*-1)}}._6a4f69f7{margin-bottom:var(--reactist-spacing-xsmall)}.db26b033{margin-bottom:var(--reactist-spacing-small)}.c7313022{margin-bottom:var(--reactist-spacing-medium)}.a5885889{margin-bottom:var(--reactist-spacing-large)}._33dfbd8e{margin-bottom:var(--reactist-spacing-xlarge)}._795ad2de{margin-bottom:var(--reactist-spacing-xxlarge)}.a329dbd3{margin-bottom:calc(var(--reactist-spacing-xsmall)*-1)}._85e739fb{margin-bottom:calc(var(--reactist-spacing-small)*-1)}._681f65ff{margin-bottom:calc(var(--reactist-spacing-medium)*-1)}.caf50d8f{margin-bottom:calc(var(--reactist-spacing-large)*-1)}._1e084cbf{margin-bottom:calc(var(--reactist-spacing-xlarge)*-1)}._3dfb1c7e{margin-bottom:calc(var(--reactist-spacing-xxlarge)*-1)}@media (min-width:768px){.ef4735be{margin-bottom:var(--reactist-spacing-xsmall)}.de55afba{margin-bottom:var(--reactist-spacing-small)}._0e33ce88{margin-bottom:var(--reactist-spacing-medium)}._8ca391fc{margin-bottom:var(--reactist-spacing-large)}._3a609d23{margin-bottom:var(--reactist-spacing-xlarge)}._3e1177e4{margin-bottom:var(--reactist-spacing-xxlarge)}.d384884d{margin-bottom:calc(var(--reactist-spacing-xsmall)*-1)}._75254cec{margin-bottom:calc(var(--reactist-spacing-small)*-1)}._5d9f127d{margin-bottom:calc(var(--reactist-spacing-medium)*-1)}._835f1089{margin-bottom:calc(var(--reactist-spacing-large)*-1)}.dad52a72{margin-bottom:calc(var(--reactist-spacing-xlarge)*-1)}._8703a4bf{margin-bottom:calc(var(--reactist-spacing-xxlarge)*-1)}}@media (min-width:992px){._90fd20e9{margin-bottom:var(--reactist-spacing-xsmall)}.f3769191{margin-bottom:var(--reactist-spacing-small)}._156410f8{margin-bottom:var(--reactist-spacing-medium)}._7fed74d0{margin-bottom:var(--reactist-spacing-large)}._477dc10e{margin-bottom:var(--reactist-spacing-xlarge)}._85c82d89{margin-bottom:var(--reactist-spacing-xxlarge)}._4f09c1e0{margin-bottom:calc(var(--reactist-spacing-xsmall)*-1)}._9523e048{margin-bottom:calc(var(--reactist-spacing-small)*-1)}.efe10240{margin-bottom:calc(var(--reactist-spacing-medium)*-1)}.c43971e6{margin-bottom:calc(var(--reactist-spacing-large)*-1)}.f9b4da15{margin-bottom:calc(var(--reactist-spacing-xlarge)*-1)}.a10fdf70{margin-bottom:calc(var(--reactist-spacing-xxlarge)*-1)}}.f9be90b4{margin-left:var(--reactist-spacing-xsmall)}.f53218d5{margin-left:var(--reactist-spacing-small)}.c4a9b3ab{margin-left:var(--reactist-spacing-medium)}._5755e2c3{margin-left:var(--reactist-spacing-large)}._33fc9354{margin-left:var(--reactist-spacing-xlarge)}._4749a3bf{margin-left:var(--reactist-spacing-xxlarge)}.c76cb3c7{margin-left:calc(var(--reactist-spacing-xsmall)*-1)}._96003c07{margin-left:calc(var(--reactist-spacing-small)*-1)}._09988d07{margin-left:calc(var(--reactist-spacing-medium)*-1)}.b4a486f6{margin-left:calc(var(--reactist-spacing-large)*-1)}.f396e75e{margin-left:calc(var(--reactist-spacing-xlarge)*-1)}._81d1f26d{margin-left:calc(var(--reactist-spacing-xxlarge)*-1)}@media (min-width:768px){._0a46e8f1{margin-left:var(--reactist-spacing-xsmall)}._57c970af{margin-left:var(--reactist-spacing-small)}._4b6099d3{margin-left:var(--reactist-spacing-medium)}._378fcff5{margin-left:var(--reactist-spacing-large)}.f8785663{margin-left:var(--reactist-spacing-xlarge)}._72f957ee{margin-left:var(--reactist-spacing-xxlarge)}._2288c7e1{margin-left:calc(var(--reactist-spacing-xsmall)*-1)}.b27c1c05{margin-left:calc(var(--reactist-spacing-small)*-1)}._702cbb13{margin-left:calc(var(--reactist-spacing-medium)*-1)}._1a2748b4{margin-left:calc(var(--reactist-spacing-large)*-1)}.b8c043a5{margin-left:calc(var(--reactist-spacing-xlarge)*-1)}._8dc8ff63{margin-left:calc(var(--reactist-spacing-xxlarge)*-1)}}@media (min-width:992px){.c2af646d{margin-left:var(--reactist-spacing-xsmall)}.c03d07be{margin-left:var(--reactist-spacing-small)}._915fb1d3{margin-left:var(--reactist-spacing-medium)}._64214ee1{margin-left:var(--reactist-spacing-large)}._7be4a22c{margin-left:var(--reactist-spacing-xlarge)}._5ec0a401{margin-left:var(--reactist-spacing-xxlarge)}.ea29f1ee{margin-left:calc(var(--reactist-spacing-xsmall)*-1)}.c26652c7{margin-left:calc(var(--reactist-spacing-small)*-1)}.c24f6af9{margin-left:calc(var(--reactist-spacing-medium)*-1)}.c2671f27{margin-left:calc(var(--reactist-spacing-large)*-1)}.cc51a04e{margin-left:calc(var(--reactist-spacing-xlarge)*-1)}.fd581f54{margin-left:calc(var(--reactist-spacing-xxlarge)*-1)}}
-:root{--reactist-actionable-primary-idle-tint:#fff;--reactist-actionable-primary-idle-fill:#008aa6;--reactist-actionable-primary-hover-tint:#fff;--reactist-actionable-primary-hover-fill:#007992;--reactist-actionable-primary-disabled-tint:#fff;--reactist-actionable-primary-disabled-fill:#99d0db;--reactist-actionable-secondary-idle-tint:#282f30;--reactist-actionable-secondary-idle-fill:#f2f6f7;--reactist-actionable-secondary-hover-tint:#282f30;--reactist-actionable-secondary-hover-fill:#e3e7e8;--reactist-actionable-secondary-disabled-tint:#a9acac;--reactist-actionable-secondary-disabled-fill:#f2f6f7;--reactist-actionable-tertiary-idle-tint:#006f85;--reactist-actionable-tertiary-hover-tint:#006f85;--reactist-actionable-tertiary-hover-fill:#f2f6f7;--reactist-actionable-tertiary-disabled-tint:#99c5ce;--reactist-actionable-quaternary-idle-tint:##6c777a;--reactist-actionable-quaternary-hover-tint:#282f30;--reactist-actionable-quaternary-hover-fill:#e0e7e8;--reactist-actionable-quaternary-disabled-tint:#c4c9ca;--reactist-actionable-destructive-idle-tint:#fff;--reactist-actionable-destructive-idle-fill:#dc4c3e;--reactist-actionable-destructive-hover-tint:#fff;--reactist-actionable-destructive-hover-fill:#b03d32;--reactist-actionable-destructive-disabled-tint:#fff;--reactist-actionable-destructive-disabled-fill:#f1b7b2}._87170772{display:flex;flex-direction:row;justify-content:center;align-items:center;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:inherit;background-color:transparent;border-radius:5px;white-space:nowrap;font-family:var(--reactist-font-family);font-weight:var(--reactist-font-weight-medium);text-decoration:none;border:1px solid transparent}._87170772:active:not([aria-disabled=true]){transform:scale(.97);transition:transform .2s cubic-bezier(.02,1.505,.745,1.235)}._87170772{--reactist-btn-height:32px;--reactist-btn-padding-x:12px;--reactist-btn-font-size:var(--reactist-font-size-copy);--reactist-btn-icon-gap:12px;--reactist-btn-icon-size:16px;padding:0 var(--reactist-btn-padding-x);font-size:var(--reactist-btn-font-size);height:var(--reactist-btn-height);line-height:var(--reactist-btn-height)}._87170772.d9f9fdf7{--reactist-btn-height:28px;--reactist-btn-padding-x:8px;--reactist-btn-font-size:var(--reactist-font-size-caption);--reactist-btn-icon-gap:8px;--reactist-btn-icon-size:12px}._87170772._4dee42b4{--reactist-btn-height:40px;--reactist-btn-padding-x:14px;--reactist-btn-font-size:var(--reactist-font-size-subtitle);--reactist-btn-icon-gap:16px;--reactist-btn-icon-size:20px}._87170772:not([aria-disabled=true]){color:var(--reactist-btn-idle-tint);background-color:var(--reactist-btn-idle-fill)}._87170772:hover:not([aria-disabled=true]){color:var(--reactist-btn-hover-tint);background-color:var(--reactist-btn-hover-fill)}._87170772[aria-disabled=true]{cursor:not-allowed;color:var(--reactist-btn-disabled-tint);background-color:var(--reactist-btn-disabled-fill)}._87170772._5f5bd879{width:var(--reactist-btn-height);height:var(--reactist-btn-height);padding:0}._87170772 .b822f783{margin-right:var(--reactist-btn-icon-gap)}._87170772 ._77e64a49{margin-left:var(--reactist-btn-icon-gap)}._87170772._87170772._5f5bd879>svg,._87170772 ._77e64a49,._87170772 ._77e64a49>svg,._87170772 .b822f783,._87170772 .b822f783>svg{width:var(--reactist-btn-icon-size);height:var(--reactist-btn-icon-size)}._769efd56{--reactist-btn-idle-tint:var(--reactist-actionable-primary-idle-tint);--reactist-btn-idle-fill:var(--reactist-actionable-primary-idle-fill);--reactist-btn-hover-tint:var(--reactist-actionable-primary-hover-tint);--reactist-btn-hover-fill:var(--reactist-actionable-primary-hover-fill);--reactist-btn-disabled-tint:var(--reactist-actionable-primary-disabled-tint);--reactist-btn-disabled-fill:var(--reactist-actionable-primary-disabled-fill)}._1b1f9418{--reactist-btn-idle-tint:var(--reactist-actionable-secondary-idle-tint);--reactist-btn-idle-fill:var(--reactist-actionable-secondary-idle-fill);--reactist-btn-hover-tint:var(--reactist-actionable-secondary-hover-tint);--reactist-btn-hover-fill:var(--reactist-actionable-secondary-hover-fill);--reactist-btn-disabled-tint:var(--reactist-actionable-secondary-disabled-tint);--reactist-btn-disabled-fill:var(--reactist-actionable-secondary-disabled-fill)}.b9267ccc{--reactist-btn-idle-tint:var(--reactist-actionable-tertiary-idle-tint);--reactist-btn-hover-tint:var(--reactist-actionable-tertiary-hover-tint);--reactist-btn-hover-fill:var(--reactist-actionable-tertiary-hover-fill);--reactist-btn-disabled-tint:var(--reactist-actionable-tertiary-disabled-tint)}._19687b17,.b9267ccc{--reactist-btn-idle-fill:transparent;--reactist-btn-disabled-fill:transparent}._19687b17{--reactist-btn-idle-tint:var(--reactist-actionable-quaternary-idle-tint);--reactist-btn-hover-tint:var(--reactist-actionable-quaternary-hover-tint);--reactist-btn-hover-fill:var(--reactist-actionable-quaternary-hover-fill);--reactist-btn-disabled-tint:var(--reactist-actionable-quaternary-disabled-tint)}._769efd56._67b5f87d{--reactist-btn-idle-tint:var(--reactist-actionable-destructive-idle-tint);--reactist-btn-idle-fill:var(--reactist-actionable-destructive-idle-fill);--reactist-btn-hover-tint:var(--reactist-actionable-destructive-hover-tint);--reactist-btn-hover-fill:var(--reactist-actionable-destructive-hover-fill);--reactist-btn-disabled-tint:var(--reactist-actionable-destructive-disabled-tint);--reactist-btn-disabled-fill:var(--reactist-actionable-destructive-disabled-fill)}._1b1f9418._67b5f87d{--reactist-btn-idle-tint:var(--reactist-actionable-destructive-idle-fill);--reactist-btn-idle-fill:var(--reactist-actionable-destructive-idle-tint);--reactist-btn-hover-tint:var(--reactist-actionable-destructive-hover-fill);--reactist-btn-hover-fill:var(--reactist-actionable-destructive-hover-tint);--reactist-btn-disabled-tint:var(--reactist-actionable-destructive-disabled-fill);--reactist-btn-disabled-fill:var(--reactist-actionable-destructive-disabled-tint);border-color:var(--reactist-actionable-destructive-idle-fill)}._1b1f9418._67b5f87d:hover{border-color:var(--reactist-actionable-destructive-hover-fill)}._1b1f9418._67b5f87d[aria-disabled=true]{border-color:var(--reactist-actionable-destructive-disabled-fill)}._19687b17._67b5f87d,.b9267ccc._67b5f87d{--reactist-btn-idle-tint:var(--reactist-actionable-destructive-idle-fill);--reactist-btn-idle-fill:transparent;--reactist-btn-hover-tint:var(--reactist-actionable-destructive-hover-fill);--reactist-btn-hover-fill:var(--reactist-actionable-tertiary-hover-fill);--reactist-btn-disabled-tint:var(--reactist-actionable-destructive-disabled-fill);--reactist-btn-disabled-fill:transparent}
+:root{--reactist-spinner-tint:var(--reactist-bg-brand);--reactist-spinner-fill:var(--reactist-framework-fill-crest)}@keyframes _54fbe2b3{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}._51539197{animation-name:_54fbe2b3;animation-duration:1.2s;animation-iteration-count:infinite;animation-timing-function:linear}.a0c466ed{fill:var(--reactist-spinner-tint)}._745b73d3{fill:var(--reactist-spinner-fill)}
+:root{--reactist-button-small-font-size:var(--reactist-font-size-caption);--reactist-button-small-spacing:var(--reactist-spacing-small);--reactist-button-small-height:28px;--reactist-button-normal-font-size:var(--reactist-font-size-copy);--reactist-button-normal-spacing:var(--reactist-spacing-medium);--reactist-button-normal-height:32px;--reactist-button-large-font-size:var(--reactist-font-size-body);--reactist-button-large-spacing:var(--reactist-spacing-large);--reactist-button-large-height:36px;--reactist-actionable-primary-idle-tint:#fff;--reactist-actionable-primary-idle-fill:#008aa6;--reactist-actionable-primary-hover-tint:#fff;--reactist-actionable-primary-hover-fill:#007992;--reactist-actionable-primary-disabled-tint:#fff;--reactist-actionable-primary-disabled-fill:#99d0db;--reactist-actionable-secondary-idle-tint:#282f30;--reactist-actionable-secondary-idle-fill:#f2f6f7;--reactist-actionable-secondary-hover-tint:#282f30;--reactist-actionable-secondary-hover-fill:#e3e7e8;--reactist-actionable-secondary-disabled-tint:#a9acac;--reactist-actionable-secondary-disabled-fill:#f2f6f7;--reactist-actionable-tertiary-idle-tint:#006f85;--reactist-actionable-tertiary-hover-tint:#006f85;--reactist-actionable-tertiary-hover-fill:#f2f6f7;--reactist-actionable-tertiary-disabled-tint:#99c5ce;--reactist-actionable-quaternary-idle-tint:#6c777a;--reactist-actionable-quaternary-hover-tint:#282f30;--reactist-actionable-quaternary-hover-fill:#e0e7e8;--reactist-actionable-quaternary-disabled-tint:#c4c9ca;--reactist-actionable-primary-destructive-idle-tint:#fff;--reactist-actionable-primary-destructive-idle-fill:#dc4c3e;--reactist-actionable-primary-destructive-hover-tint:#fff;--reactist-actionable-primary-destructive-hover-fill:#b03d32;--reactist-actionable-primary-destructive-disabled-tint:#fff;--reactist-actionable-primary-destructive-disabled-fill:#f1b7b2;--reactist-actionable-secondary-destructive-idle-tint:#dc4c3e;--reactist-actionable-secondary-destructive-hover-tint:#b03d32;--reactist-actionable-secondary-destructive-hover-fill:transparent;--reactist-actionable-secondary-destructive-disabled-tint:#f1b7b2}._1f20c88a{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}._623015f3{max-width:100%;display:flex;flex-direction:row;justify-content:center;align-items:center;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:inherit;background-color:transparent;border-radius:5px;white-space:nowrap;font-family:var(--reactist-font-family);font-weight:var(--reactist-font-weight-medium);text-decoration:none;border:1px solid transparent;transition-duration:.3s;transition-property:color,background-color;transition-timing-function:cubic-bezier(.4,0,.2,1)}._623015f3:active:not([aria-disabled=true]){transform:scale(.97);transition:transform .2s cubic-bezier(.02,1.505,.745,1.235)}._623015f3{padding:0 var(--reactist-btn-spacing);font-size:var(--reactist-btn-font-size);height:var(--reactist-btn-height);line-height:var(--reactist-btn-height);--reactist-spinner-tint:var(--reactist-btn-idle-tint);--reactist-spinner-fill:var(--reactist-btn-idle-fill)}._623015f3._062de645{--reactist-btn-height:var(--reactist-button-small-height);--reactist-btn-spacing:var(--reactist-button-small-spacing);--reactist-btn-font-size:var(--reactist-button-small-font-size)}._623015f3._55e2a6a9{--reactist-btn-height:var(--reactist-button-normal-height);--reactist-btn-spacing:var(--reactist-button-normal-spacing);--reactist-btn-font-size:var(--reactist-button-normal-font-size)}._623015f3.cab32a7c{--reactist-btn-height:var(--reactist-button-large-height);--reactist-btn-spacing:var(--reactist-button-large-spacing);--reactist-btn-font-size:var(--reactist-button-large-font-size)}._623015f3:not(.e71c191a){color:var(--reactist-btn-idle-tint);background-color:var(--reactist-btn-idle-fill)}._623015f3:focus:not([aria-disabled=true]),._623015f3:hover:not([aria-disabled=true]),._623015f3[aria-expanded=true]{color:var(--reactist-btn-hover-tint);background-color:var(--reactist-btn-hover-fill)}._623015f3.e71c191a{cursor:not-allowed;color:var(--reactist-btn-disabled-tint);background-color:var(--reactist-btn-disabled-fill)}._623015f3:not(._368efc16){min-width:68px}._623015f3._368efc16{width:var(--reactist-btn-height);height:var(--reactist-btn-height);padding:0}._623015f3 .d35389c1{margin-right:calc(var(--reactist-btn-spacing) - 6px);margin-left:-6px}._623015f3 ._900d41d8{margin-left:calc(var(--reactist-btn-spacing) - 6px);margin-right:-6px}._7c95e162{--reactist-btn-idle-tint:var(--reactist-actionable-primary-idle-tint);--reactist-btn-idle-fill:var(--reactist-actionable-primary-idle-fill);--reactist-btn-hover-tint:var(--reactist-actionable-primary-hover-tint);--reactist-btn-hover-fill:var(--reactist-actionable-primary-hover-fill);--reactist-btn-disabled-tint:var(--reactist-actionable-primary-disabled-tint);--reactist-btn-disabled-fill:var(--reactist-actionable-primary-disabled-fill)}._9cb889aa{--reactist-btn-idle-tint:var(--reactist-actionable-secondary-idle-tint);--reactist-btn-idle-fill:var(--reactist-actionable-secondary-idle-fill);--reactist-btn-hover-tint:var(--reactist-actionable-secondary-hover-tint);--reactist-btn-hover-fill:var(--reactist-actionable-secondary-hover-fill);--reactist-btn-disabled-tint:var(--reactist-actionable-secondary-disabled-tint);--reactist-btn-disabled-fill:var(--reactist-actionable-secondary-disabled-fill)}._611b5b28{--reactist-btn-idle-tint:var(--reactist-actionable-tertiary-idle-tint);--reactist-btn-hover-tint:var(--reactist-actionable-tertiary-hover-tint);--reactist-btn-hover-fill:var(--reactist-actionable-tertiary-hover-fill);--reactist-btn-disabled-tint:var(--reactist-actionable-tertiary-disabled-tint)}._80c2bb84,._611b5b28{--reactist-btn-idle-fill:transparent;--reactist-btn-disabled-fill:transparent}._80c2bb84{--reactist-btn-idle-tint:var(--reactist-actionable-quaternary-idle-tint);--reactist-btn-hover-tint:var(--reactist-actionable-quaternary-hover-tint);--reactist-btn-hover-fill:var(--reactist-actionable-quaternary-hover-fill);--reactist-btn-disabled-tint:var(--reactist-actionable-quaternary-disabled-tint)}._7c95e162.ee13c455{--reactist-btn-idle-tint:var(--reactist-actionable-primary-destructive-idle-tint);--reactist-btn-idle-fill:var(--reactist-actionable-primary-destructive-idle-fill);--reactist-btn-hover-tint:var(--reactist-actionable-primary-destructive-hover-tint);--reactist-btn-hover-fill:var(--reactist-actionable-primary-destructive-hover-fill);--reactist-btn-disabled-tint:var(--reactist-actionable-primary-destructive-disabled-tint);--reactist-btn-disabled-fill:var(--reactist-actionable-primary-destructive-disabled-fill)}._9cb889aa.ee13c455{--reactist-btn-idle-tint:var(--reactist-actionable-secondary-destructive-idle-tint);--reactist-btn-idle-fill:transparent;--reactist-btn-hover-tint:var(--reactist-actionable-secondary-destructive-hover-tint);--reactist-btn-hover-fill:var(--reactist-actionable-secondary-destructive-hover-fill);--reactist-btn-disabled-tint:var(--reactist-actionable-secondary-destructive-disabled-tint);--reactist-btn-disabled-fill:transparent;border-color:var(--reactist-btn-idle-tint)}._9cb889aa.ee13c455:hover{border-color:var(--reactist-btn-hover-tint)}._9cb889aa.ee13c455.e71c191a{border-color:var(--reactist-btn-disabled-tint)}._80c2bb84.ee13c455,._611b5b28.ee13c455{--reactist-btn-idle-tint:var(--reactist-actionable-secondary-destructive-idle-tint);--reactist-btn-hover-tint:var(--reactist-actionable-secondary-destructive-hover-tint);--reactist-btn-disabled-tint:var(--reactist-actionable-secondary-destructive-disabled-tint)}

package/styles/base-button.module.css.css

@@ -1 +1 @@
-:root{--reactist-actionable-primary-idle-tint:#fff;--reactist-actionable-primary-idle-fill:#008aa6;--reactist-actionable-primary-hover-tint:#fff;--reactist-actionable-primary-hover-fill:#007992;--reactist-actionable-primary-disabled-tint:#fff;--reactist-actionable-primary-disabled-fill:#99d0db;--reactist-actionable-secondary-idle-tint:#282f30;--reactist-actionable-secondary-idle-fill:#f2f6f7;--reactist-actionable-secondary-hover-tint:#282f30;--reactist-actionable-secondary-hover-fill:#e3e7e8;--reactist-actionable-secondary-disabled-tint:#a9acac;--reactist-actionable-secondary-disabled-fill:#f2f6f7;--reactist-actionable-tertiary-idle-tint:#006f85;--reactist-actionable-tertiary-hover-tint:#006f85;--reactist-actionable-tertiary-hover-fill:#f2f6f7;--reactist-actionable-tertiary-disabled-tint:#99c5ce;--reactist-actionable-quaternary-idle-tint:##6c777a;--reactist-actionable-quaternary-hover-tint:#282f30;--reactist-actionable-quaternary-hover-fill:#e0e7e8;--reactist-actionable-quaternary-disabled-tint:#c4c9ca;--reactist-actionable-destructive-idle-tint:#fff;--reactist-actionable-destructive-idle-fill:#dc4c3e;--reactist-actionable-destructive-hover-tint:#fff;--reactist-actionable-destructive-hover-fill:#b03d32;--reactist-actionable-destructive-disabled-tint:#fff;--reactist-actionable-destructive-disabled-fill:#f1b7b2}._87170772{display:flex;flex-direction:row;justify-content:center;align-items:center;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:inherit;background-color:transparent;border-radius:5px;white-space:nowrap;font-family:var(--reactist-font-family);font-weight:var(--reactist-font-weight-medium);text-decoration:none;border:1px solid transparent}._87170772:active:not([aria-disabled=true]){transform:scale(.97);transition:transform .2s cubic-bezier(.02,1.505,.745,1.235)}._87170772{--reactist-btn-height:32px;--reactist-btn-padding-x:12px;--reactist-btn-font-size:var(--reactist-font-size-copy);--reactist-btn-icon-gap:12px;--reactist-btn-icon-size:16px;padding:0 var(--reactist-btn-padding-x);font-size:var(--reactist-btn-font-size);height:var(--reactist-btn-height);line-height:var(--reactist-btn-height)}._87170772.d9f9fdf7{--reactist-btn-height:28px;--reactist-btn-padding-x:8px;--reactist-btn-font-size:var(--reactist-font-size-caption);--reactist-btn-icon-gap:8px;--reactist-btn-icon-size:12px}._87170772._4dee42b4{--reactist-btn-height:40px;--reactist-btn-padding-x:14px;--reactist-btn-font-size:var(--reactist-font-size-subtitle);--reactist-btn-icon-gap:16px;--reactist-btn-icon-size:20px}._87170772:not([aria-disabled=true]){color:var(--reactist-btn-idle-tint);background-color:var(--reactist-btn-idle-fill)}._87170772:hover:not([aria-disabled=true]){color:var(--reactist-btn-hover-tint);background-color:var(--reactist-btn-hover-fill)}._87170772[aria-disabled=true]{cursor:not-allowed;color:var(--reactist-btn-disabled-tint);background-color:var(--reactist-btn-disabled-fill)}._87170772._5f5bd879{width:var(--reactist-btn-height);height:var(--reactist-btn-height);padding:0}._87170772 .b822f783{margin-right:var(--reactist-btn-icon-gap)}._87170772 ._77e64a49{margin-left:var(--reactist-btn-icon-gap)}._87170772._87170772._5f5bd879>svg,._87170772 ._77e64a49,._87170772 ._77e64a49>svg,._87170772 .b822f783,._87170772 .b822f783>svg{width:var(--reactist-btn-icon-size);height:var(--reactist-btn-icon-size)}._769efd56{--reactist-btn-idle-tint:var(--reactist-actionable-primary-idle-tint);--reactist-btn-idle-fill:var(--reactist-actionable-primary-idle-fill);--reactist-btn-hover-tint:var(--reactist-actionable-primary-hover-tint);--reactist-btn-hover-fill:var(--reactist-actionable-primary-hover-fill);--reactist-btn-disabled-tint:var(--reactist-actionable-primary-disabled-tint);--reactist-btn-disabled-fill:var(--reactist-actionable-primary-disabled-fill)}._1b1f9418{--reactist-btn-idle-tint:var(--reactist-actionable-secondary-idle-tint);--reactist-btn-idle-fill:var(--reactist-actionable-secondary-idle-fill);--reactist-btn-hover-tint:var(--reactist-actionable-secondary-hover-tint);--reactist-btn-hover-fill:var(--reactist-actionable-secondary-hover-fill);--reactist-btn-disabled-tint:var(--reactist-actionable-secondary-disabled-tint);--reactist-btn-disabled-fill:var(--reactist-actionable-secondary-disabled-fill)}.b9267ccc{--reactist-btn-idle-tint:var(--reactist-actionable-tertiary-idle-tint);--reactist-btn-hover-tint:var(--reactist-actionable-tertiary-hover-tint);--reactist-btn-hover-fill:var(--reactist-actionable-tertiary-hover-fill);--reactist-btn-disabled-tint:var(--reactist-actionable-tertiary-disabled-tint)}._19687b17,.b9267ccc{--reactist-btn-idle-fill:transparent;--reactist-btn-disabled-fill:transparent}._19687b17{--reactist-btn-idle-tint:var(--reactist-actionable-quaternary-idle-tint);--reactist-btn-hover-tint:var(--reactist-actionable-quaternary-hover-tint);--reactist-btn-hover-fill:var(--reactist-actionable-quaternary-hover-fill);--reactist-btn-disabled-tint:var(--reactist-actionable-quaternary-disabled-tint)}._769efd56._67b5f87d{--reactist-btn-idle-tint:var(--reactist-actionable-destructive-idle-tint);--reactist-btn-idle-fill:var(--reactist-actionable-destructive-idle-fill);--reactist-btn-hover-tint:var(--reactist-actionable-destructive-hover-tint);--reactist-btn-hover-fill:var(--reactist-actionable-destructive-hover-fill);--reactist-btn-disabled-tint:var(--reactist-actionable-destructive-disabled-tint);--reactist-btn-disabled-fill:var(--reactist-actionable-destructive-disabled-fill)}._1b1f9418._67b5f87d{--reactist-btn-idle-tint:var(--reactist-actionable-destructive-idle-fill);--reactist-btn-idle-fill:var(--reactist-actionable-destructive-idle-tint);--reactist-btn-hover-tint:var(--reactist-actionable-destructive-hover-fill);--reactist-btn-hover-fill:var(--reactist-actionable-destructive-hover-tint);--reactist-btn-disabled-tint:var(--reactist-actionable-destructive-disabled-fill);--reactist-btn-disabled-fill:var(--reactist-actionable-destructive-disabled-tint);border-color:var(--reactist-actionable-destructive-idle-fill)}._1b1f9418._67b5f87d:hover{border-color:var(--reactist-actionable-destructive-hover-fill)}._1b1f9418._67b5f87d[aria-disabled=true]{border-color:var(--reactist-actionable-destructive-disabled-fill)}._19687b17._67b5f87d,.b9267ccc._67b5f87d{--reactist-btn-idle-tint:var(--reactist-actionable-destructive-idle-fill);--reactist-btn-idle-fill:transparent;--reactist-btn-hover-tint:var(--reactist-actionable-destructive-hover-fill);--reactist-btn-hover-fill:var(--reactist-actionable-tertiary-hover-fill);--reactist-btn-disabled-tint:var(--reactist-actionable-destructive-disabled-fill);--reactist-btn-disabled-fill:transparent}
+:root{--reactist-button-small-font-size:var(--reactist-font-size-caption);--reactist-button-small-spacing:var(--reactist-spacing-small);--reactist-button-small-height:28px;--reactist-button-normal-font-size:var(--reactist-font-size-copy);--reactist-button-normal-spacing:var(--reactist-spacing-medium);--reactist-button-normal-height:32px;--reactist-button-large-font-size:var(--reactist-font-size-body);--reactist-button-large-spacing:var(--reactist-spacing-large);--reactist-button-large-height:36px;--reactist-actionable-primary-idle-tint:#fff;--reactist-actionable-primary-idle-fill:#008aa6;--reactist-actionable-primary-hover-tint:#fff;--reactist-actionable-primary-hover-fill:#007992;--reactist-actionable-primary-disabled-tint:#fff;--reactist-actionable-primary-disabled-fill:#99d0db;--reactist-actionable-secondary-idle-tint:#282f30;--reactist-actionable-secondary-idle-fill:#f2f6f7;--reactist-actionable-secondary-hover-tint:#282f30;--reactist-actionable-secondary-hover-fill:#e3e7e8;--reactist-actionable-secondary-disabled-tint:#a9acac;--reactist-actionable-secondary-disabled-fill:#f2f6f7;--reactist-actionable-tertiary-idle-tint:#006f85;--reactist-actionable-tertiary-hover-tint:#006f85;--reactist-actionable-tertiary-hover-fill:#f2f6f7;--reactist-actionable-tertiary-disabled-tint:#99c5ce;--reactist-actionable-quaternary-idle-tint:#6c777a;--reactist-actionable-quaternary-hover-tint:#282f30;--reactist-actionable-quaternary-hover-fill:#e0e7e8;--reactist-actionable-quaternary-disabled-tint:#c4c9ca;--reactist-actionable-primary-destructive-idle-tint:#fff;--reactist-actionable-primary-destructive-idle-fill:#dc4c3e;--reactist-actionable-primary-destructive-hover-tint:#fff;--reactist-actionable-primary-destructive-hover-fill:#b03d32;--reactist-actionable-primary-destructive-disabled-tint:#fff;--reactist-actionable-primary-destructive-disabled-fill:#f1b7b2;--reactist-actionable-secondary-destructive-idle-tint:#dc4c3e;--reactist-actionable-secondary-destructive-hover-tint:#b03d32;--reactist-actionable-secondary-destructive-hover-fill:transparent;--reactist-actionable-secondary-destructive-disabled-tint:#f1b7b2}._1f20c88a{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}._623015f3{max-width:100%;display:flex;flex-direction:row;justify-content:center;align-items:center;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:inherit;background-color:transparent;border-radius:5px;white-space:nowrap;font-family:var(--reactist-font-family);font-weight:var(--reactist-font-weight-medium);text-decoration:none;border:1px solid transparent;transition-duration:.3s;transition-property:color,background-color;transition-timing-function:cubic-bezier(.4,0,.2,1)}._623015f3:active:not([aria-disabled=true]){transform:scale(.97);transition:transform .2s cubic-bezier(.02,1.505,.745,1.235)}._623015f3{padding:0 var(--reactist-btn-spacing);font-size:var(--reactist-btn-font-size);height:var(--reactist-btn-height);line-height:var(--reactist-btn-height);--reactist-spinner-tint:var(--reactist-btn-idle-tint);--reactist-spinner-fill:var(--reactist-btn-idle-fill)}._623015f3._062de645{--reactist-btn-height:var(--reactist-button-small-height);--reactist-btn-spacing:var(--reactist-button-small-spacing);--reactist-btn-font-size:var(--reactist-button-small-font-size)}._623015f3._55e2a6a9{--reactist-btn-height:var(--reactist-button-normal-height);--reactist-btn-spacing:var(--reactist-button-normal-spacing);--reactist-btn-font-size:var(--reactist-button-normal-font-size)}._623015f3.cab32a7c{--reactist-btn-height:var(--reactist-button-large-height);--reactist-btn-spacing:var(--reactist-button-large-spacing);--reactist-btn-font-size:var(--reactist-button-large-font-size)}._623015f3:not(.e71c191a){color:var(--reactist-btn-idle-tint);background-color:var(--reactist-btn-idle-fill)}._623015f3:focus:not([aria-disabled=true]),._623015f3:hover:not([aria-disabled=true]),._623015f3[aria-expanded=true]{color:var(--reactist-btn-hover-tint);background-color:var(--reactist-btn-hover-fill)}._623015f3.e71c191a{cursor:not-allowed;color:var(--reactist-btn-disabled-tint);background-color:var(--reactist-btn-disabled-fill)}._623015f3:not(._368efc16){min-width:68px}._623015f3._368efc16{width:var(--reactist-btn-height);height:var(--reactist-btn-height);padding:0}._623015f3 .d35389c1{margin-right:calc(var(--reactist-btn-spacing) - 6px);margin-left:-6px}._623015f3 ._900d41d8{margin-left:calc(var(--reactist-btn-spacing) - 6px);margin-right:-6px}._7c95e162{--reactist-btn-idle-tint:var(--reactist-actionable-primary-idle-tint);--reactist-btn-idle-fill:var(--reactist-actionable-primary-idle-fill);--reactist-btn-hover-tint:var(--reactist-actionable-primary-hover-tint);--reactist-btn-hover-fill:var(--reactist-actionable-primary-hover-fill);--reactist-btn-disabled-tint:var(--reactist-actionable-primary-disabled-tint);--reactist-btn-disabled-fill:var(--reactist-actionable-primary-disabled-fill)}._9cb889aa{--reactist-btn-idle-tint:var(--reactist-actionable-secondary-idle-tint);--reactist-btn-idle-fill:var(--reactist-actionable-secondary-idle-fill);--reactist-btn-hover-tint:var(--reactist-actionable-secondary-hover-tint);--reactist-btn-hover-fill:var(--reactist-actionable-secondary-hover-fill);--reactist-btn-disabled-tint:var(--reactist-actionable-secondary-disabled-tint);--reactist-btn-disabled-fill:var(--reactist-actionable-secondary-disabled-fill)}._611b5b28{--reactist-btn-idle-tint:var(--reactist-actionable-tertiary-idle-tint);--reactist-btn-hover-tint:var(--reactist-actionable-tertiary-hover-tint);--reactist-btn-hover-fill:var(--reactist-actionable-tertiary-hover-fill);--reactist-btn-disabled-tint:var(--reactist-actionable-tertiary-disabled-tint)}._80c2bb84,._611b5b28{--reactist-btn-idle-fill:transparent;--reactist-btn-disabled-fill:transparent}._80c2bb84{--reactist-btn-idle-tint:var(--reactist-actionable-quaternary-idle-tint);--reactist-btn-hover-tint:var(--reactist-actionable-quaternary-hover-tint);--reactist-btn-hover-fill:var(--reactist-actionable-quaternary-hover-fill);--reactist-btn-disabled-tint:var(--reactist-actionable-quaternary-disabled-tint)}._7c95e162.ee13c455{--reactist-btn-idle-tint:var(--reactist-actionable-primary-destructive-idle-tint);--reactist-btn-idle-fill:var(--reactist-actionable-primary-destructive-idle-fill);--reactist-btn-hover-tint:var(--reactist-actionable-primary-destructive-hover-tint);--reactist-btn-hover-fill:var(--reactist-actionable-primary-destructive-hover-fill);--reactist-btn-disabled-tint:var(--reactist-actionable-primary-destructive-disabled-tint);--reactist-btn-disabled-fill:var(--reactist-actionable-primary-destructive-disabled-fill)}._9cb889aa.ee13c455{--reactist-btn-idle-tint:var(--reactist-actionable-secondary-destructive-idle-tint);--reactist-btn-idle-fill:transparent;--reactist-btn-hover-tint:var(--reactist-actionable-secondary-destructive-hover-tint);--reactist-btn-hover-fill:var(--reactist-actionable-secondary-destructive-hover-fill);--reactist-btn-disabled-tint:var(--reactist-actionable-secondary-destructive-disabled-tint);--reactist-btn-disabled-fill:transparent;border-color:var(--reactist-btn-idle-tint)}._9cb889aa.ee13c455:hover{border-color:var(--reactist-btn-hover-tint)}._9cb889aa.ee13c455.e71c191a{border-color:var(--reactist-btn-disabled-tint)}._80c2bb84.ee13c455,._611b5b28.ee13c455{--reactist-btn-idle-tint:var(--reactist-actionable-secondary-destructive-idle-tint);--reactist-btn-hover-tint:var(--reactist-actionable-secondary-destructive-hover-tint);--reactist-btn-disabled-tint:var(--reactist-actionable-secondary-destructive-disabled-tint)}

package/styles/base-field.css

@@ -1,7 +1,7 @@
-._3aac345d{box-sizing:border-box;border:0;margin:0;padding:0;font-size:var(--reactist-font-size-body);font-family:inherit;vertical-align:baseline;background-color:transparent;list-style:none}pre._3aac345d{font-family:monospace}._3aac345d[hidden]{display:none!important}._5f5fbe05{position:absolute}._2e1dcb18{position:fixed}._6b073eae{position:relative}.ed69c0f9{position:-webkit-sticky;position:sticky}@media (min-width:768px){.b895daa3{position:absolute}._81f67db7{position:fixed}.bf7d2da5{position:relative}.e0ab99ed{position:-webkit-sticky;position:sticky}}@media (min-width:992px){._5dade286{position:absolute}._584d7ee7{position:fixed}.c7f56545{position:relative}._70b5ef21{position:-webkit-sticky;position:sticky}}._5bca176b{display:block}._32670f8f{display:flex}._3f9cb619{display:inline}.a42dded2{display:inline-block}._7a45d80c{display:inline-flex}.a469c553{display:none}@media (min-width:768px){._8e5cf5df{display:block}._640f3795{display:flex}.f1a1c131{display:inline}.e9f55809{display:inline-block}._9fd7bd31{display:inline-flex}._389a387a{display:none}}@media (min-width:992px){._3e730e39{display:block}._8407ca0e{display:flex}._596653e1{display:inline}.eb198bac{display:inline-block}.c89ef13b{display:inline-flex}._868c554e{display:none}}.a6e042e3{min-width:0}._9ce11446{min-width:220px}._2db5e251{min-width:400px}.ef281ffc{min-width:660px}.f938efbe{max-width:940px}.f87c0f55{min-width:1280px}._873d4d51{max-width:220px}._400d4800{max-width:400px}._94ecdffd{max-width:660px}.f9eeefb5{max-width:940px}._2253ed9a{max-width:1280px}.bde40dfb{max-width:100%}.c45f6767{flex-direction:column}.c167e8da{flex-direction:row}@media (min-width:768px){.c0ca97a9{flex-direction:column}._45ebc391{flex-direction:row}}@media (min-width:992px){.dfd69d4d{flex-direction:column}.f3d06da6{flex-direction:row}}._7fb6a141{flex-wrap:wrap}._30a701b3{flex-wrap:nowrap}._24cf9746{flex-shrink:0}.d2a4825d{flex-grow:0}.a2a05bbf{flex-grow:1}._4ada17a4{align-items:flex-start}.c2c1d3b2{align-items:center}._259506f5{align-items:flex-end}._3cb51936{align-items:baseline}@media (min-width:768px){._86497cb0{align-items:flex-start}._5a281eb4{align-items:center}.d7c8f9b0{align-items:flex-end}._9b92f4b7{align-items:baseline}}@media (min-width:992px){._4d2b7f03{align-items:flex-start}._521b4677{align-items:center}._239714b3{align-items:flex-end}._49fa952b{align-items:baseline}}._84c5c8b7{justify-content:flex-start}._84df2447{justify-content:center}._96a7db47{justify-content:flex-end}.e7ad8d72{justify-content:space-around}.e5a5ea05{justify-content:space-between}._08952f29{justify-content:space-evenly}@media (min-width:768px){._69d750a7{justify-content:flex-start}.be616f82{justify-content:center}._4e22f886{justify-content:flex-end}._9b848fa4{justify-content:space-around}._346ba50f{justify-content:space-between}._8e101549{justify-content:space-evenly}}@media (min-width:992px){._3e1b3f62{justify-content:flex-start}.a285086c{justify-content:center}._32759d54{justify-content:flex-end}._9b848fa4{justify-content:space-around}._543f6141{justify-content:space-between}._8e101549{justify-content:space-evenly}}.d91c9bdf{overflow:hidden}._438cafe6{overflow:auto}._9527349d{overflow:visible}.a086ce42{overflow:scroll}.d32e2047{width:100%}._2d523b97{height:100%}._581ad1ab{background-color:var(--reactist-bg-default)}.a554f678{background-color:var(--reactist-bg-aside)}._2d74468c{background-color:var(--reactist-bg-highlight)}.eb3848be{background-color:var(--reactist-bg-selected)}._14fe8bc8{border-radius:var(--reactist-border-radius-small)}.c1bf716d{border-radius:var(--reactist-border-radius-large)}.f605be96{border:1px solid var(--reactist-framework-border)}._083a10ea{text-align:start}._8c05b9dc{text-align:center}.e9c0981c{text-align:end}.a21c651d{text-align:justify}@media (min-width:768px){._62b208d9{text-align:start}._7198bfc5{text-align:center}._4156cdf8{text-align:end}._5dce5b3b{text-align:justify}}@media (min-width:992px){._526ba24a{text-align:start}.f98d87d4{text-align:center}._9679b54a{text-align:end}._4b25a07f{text-align:justify}}
+._26c5201d{box-sizing:border-box;border:0;margin:0;padding:0;font-size:var(--reactist-font-size-body);font-family:inherit;vertical-align:baseline;background-color:transparent;list-style:none}pre._26c5201d{font-family:monospace}._26c5201d[hidden]{display:none!important}._77c3d8d1{position:absolute}._37cb98fb{position:fixed}.df16028f{position:relative}._4205abac{position:-webkit-sticky;position:sticky}@media (min-width:768px){.d6993b5e{position:absolute}.a015e0f5{position:fixed}._236dd3b1{position:relative}.b7ac4837{position:-webkit-sticky;position:sticky}}@media (min-width:992px){.fd93a726{position:absolute}._49228edc{position:fixed}.d972b518{position:relative}.b2a2baf3{position:-webkit-sticky;position:sticky}}._22f1edd1{display:block}.c23d2d6f{display:flex}._5359896d{display:inline}.a54a41a6{display:inline-block}.d02f3d43{display:inline-flex}._760c0710{display:none}@media (min-width:768px){._64e2ebe6{display:block}._25274f78{display:flex}._2077d063{display:inline}.aaed581f{display:inline-block}._1d4a6eb5{display:inline-flex}._66f24c78{display:none}}@media (min-width:992px){._145cca89{display:block}._1861c899{display:flex}._96a720c8{display:inline}._56acf5d5{display:inline-block}._2a268e4b{display:inline-flex}.b4f30b9e{display:none}}._0b071847{min-width:0}._8b67f007{min-width:220px}.e3ec3474{min-width:400px}._5cccd4fc{min-width:660px}._06eeac65{max-width:940px}.ee1b6344{min-width:1280px}._2df097d0{max-width:220px}.b771df2a{max-width:400px}._00ad4e35{max-width:660px}._4a848dab{max-width:940px}.bf216b15{max-width:1280px}.a60a7855{max-width:100%}._4cf1b6c9{flex-direction:column}.e056fa5a{flex-direction:row}@media (min-width:768px){.b9aa8d99{flex-direction:column}._2e8b3442{flex-direction:row}}@media (min-width:992px){._2162c612{flex-direction:column}._279bf1e4{flex-direction:row}}._346d3a71{flex-wrap:wrap}._786fd122{flex-wrap:nowrap}._4b864fc2{flex-shrink:0}._795f552f{flex-grow:0}.a68bcd0f{flex-grow:1}._34e24973{align-items:flex-start}._648380f4{align-items:center}._18b4e1d6{align-items:flex-end}._805c1b65{align-items:baseline}@media (min-width:768px){.fd4006c2{align-items:flex-start}.c3ba10a7{align-items:center}._984cd304{align-items:flex-end}._696cc167{align-items:baseline}}@media (min-width:992px){._74133d54{align-items:flex-start}._92ab46df{align-items:center}._177026d9{align-items:flex-end}.ebd2f31f{align-items:baseline}}._4969235b{justify-content:flex-start}._9594db58{justify-content:center}._6789fdd3{justify-content:flex-end}.b9902d94{justify-content:space-around}._3c3ae41b{justify-content:space-between}._8dce8767{justify-content:space-evenly}@media (min-width:768px){._6bd82354{justify-content:flex-start}._3044c29a{justify-content:center}._13da8745{justify-content:flex-end}._981fa9c8{justify-content:space-around}.d34811a6{justify-content:space-between}._53e07124{justify-content:space-evenly}}@media (min-width:992px){.e709f277{justify-content:flex-start}.abc87cc4{justify-content:center}.ce410292{justify-content:flex-end}._981fa9c8{justify-content:space-around}._5ab1bc04{justify-content:space-between}._53e07124{justify-content:space-evenly}}._11a684c0{overflow:hidden}._2c024f85{overflow:auto}._4d4892bd{overflow:visible}._22ffbb40{overflow:scroll}._330d9b0b{width:100%}.fb8deb05{height:100%}._133f5c00{background-color:var(--reactist-bg-default)}.b2be7ffe{background-color:var(--reactist-bg-aside)}.a45e67ff{background-color:var(--reactist-bg-highlight)}.b90226b5{background-color:var(--reactist-bg-selected)}._6e988219{border-radius:var(--reactist-border-radius-small)}._14cf204e{border-radius:var(--reactist-border-radius-large)}.a710cfdd{border:1px solid var(--reactist-divider-primary)}._52263feb{border:1px solid var(--reactist-divider-secondary)}._546ec3ef{border:1px solid var(--reactist-divider-tertiary)}._7fa90cb9{text-align:start}._54c80396{text-align:center}.e4b1ea49{text-align:end}._0eecd510{text-align:justify}@media (min-width:768px){.a309e75d{text-align:start}._67fb1a07{text-align:center}._0fa851ec{text-align:end}._585a0e34{text-align:justify}}@media (min-width:992px){._5f909690{text-align:start}._13e03993{text-align:center}.f142a1cb{text-align:end}._2bba79a9{text-align:justify}}
 .c4803194{padding-top:var(--reactist-spacing-xsmall)}._4e9ab24b{padding-top:var(--reactist-spacing-small)}._1d226e27{padding-top:var(--reactist-spacing-medium)}.eb6097f1{padding-top:var(--reactist-spacing-large)}.d3229ba4{padding-top:var(--reactist-spacing-xlarge)}._47978ba4{padding-top:var(--reactist-spacing-xxlarge)}@media (min-width:768px){.f987719c{padding-top:var(--reactist-spacing-xsmall)}._8dbc4b4d{padding-top:var(--reactist-spacing-small)}.ae44fe07{padding-top:var(--reactist-spacing-medium)}.ffe9548d{padding-top:var(--reactist-spacing-large)}.f2b76a44{padding-top:var(--reactist-spacing-xlarge)}.c6eb8f43{padding-top:var(--reactist-spacing-xxlarge)}}@media (min-width:992px){._8699b560{padding-top:var(--reactist-spacing-xsmall)}._02c374b7{padding-top:var(--reactist-spacing-small)}._0dd0332f{padding-top:var(--reactist-spacing-medium)}.da55f1f6{padding-top:var(--reactist-spacing-large)}._8ef2a278{padding-top:var(--reactist-spacing-xlarge)}._8b493b28{padding-top:var(--reactist-spacing-xxlarge)}}._211eebc7{padding-right:var(--reactist-spacing-xsmall)}.ad0ccf15{padding-right:var(--reactist-spacing-small)}.a03e39af{padding-right:var(--reactist-spacing-medium)}.f0941ead{padding-right:var(--reactist-spacing-large)}.e47c5a43{padding-right:var(--reactist-spacing-xlarge)}.e849a5cf{padding-right:var(--reactist-spacing-xxlarge)}@media (min-width:768px){._85374228{padding-right:var(--reactist-spacing-xsmall)}._89df37b9{padding-right:var(--reactist-spacing-small)}._1cc50ebe{padding-right:var(--reactist-spacing-medium)}._1060982b{padding-right:var(--reactist-spacing-large)}.be58847d{padding-right:var(--reactist-spacing-xlarge)}._45093484{padding-right:var(--reactist-spacing-xxlarge)}}@media (min-width:992px){.f8d99d6a{padding-right:var(--reactist-spacing-xsmall)}.efa076d9{padding-right:var(--reactist-spacing-small)}.e59caa64{padding-right:var(--reactist-spacing-medium)}.da42f46a{padding-right:var(--reactist-spacing-large)}.b3ee2580{padding-right:var(--reactist-spacing-xlarge)}._3ef94658{padding-right:var(--reactist-spacing-xxlarge)}}.b0e6eab4{padding-bottom:var(--reactist-spacing-xsmall)}._9510d053{padding-bottom:var(--reactist-spacing-small)}.d7af60c9{padding-bottom:var(--reactist-spacing-medium)}.b75f86cd{padding-bottom:var(--reactist-spacing-large)}.fbd4ce29{padding-bottom:var(--reactist-spacing-xlarge)}._33e3ad63{padding-bottom:var(--reactist-spacing-xxlarge)}@media (min-width:768px){.f0302da7{padding-bottom:var(--reactist-spacing-xsmall)}._4f9b8012{padding-bottom:var(--reactist-spacing-small)}._4333e20e{padding-bottom:var(--reactist-spacing-medium)}._30bbc76c{padding-bottom:var(--reactist-spacing-large)}.ba5a4008{padding-bottom:var(--reactist-spacing-xlarge)}._423a3b1a{padding-bottom:var(--reactist-spacing-xxlarge)}}@media (min-width:992px){.b40139b7{padding-bottom:var(--reactist-spacing-xsmall)}.f96071fa{padding-bottom:var(--reactist-spacing-small)}.fe803c9a{padding-bottom:var(--reactist-spacing-medium)}._01686eb9{padding-bottom:var(--reactist-spacing-large)}.afa763d8{padding-bottom:var(--reactist-spacing-xlarge)}.a95785f1{padding-bottom:var(--reactist-spacing-xxlarge)}}.cad4e2ec{padding-left:var(--reactist-spacing-xsmall)}.d70b3c17{padding-left:var(--reactist-spacing-small)}._8c851bd6{padding-left:var(--reactist-spacing-medium)}._078feb3c{padding-left:var(--reactist-spacing-large)}._76ab968c{padding-left:var(--reactist-spacing-xlarge)}.aaca85d7{padding-left:var(--reactist-spacing-xxlarge)}@media (min-width:768px){._5eb0e5aa{padding-left:var(--reactist-spacing-xsmall)}._0384fb4f{padding-left:var(--reactist-spacing-small)}.edffff6f{padding-left:var(--reactist-spacing-medium)}._873b9a46{padding-left:var(--reactist-spacing-large)}._89105db5{padding-left:var(--reactist-spacing-xlarge)}.db1966fe{padding-left:var(--reactist-spacing-xxlarge)}}@media (min-width:992px){.b17f826b{padding-left:var(--reactist-spacing-xsmall)}._6dc83610{padding-left:var(--reactist-spacing-small)}._3421b8b2{padding-left:var(--reactist-spacing-medium)}._68cec7a6{padding-left:var(--reactist-spacing-large)}._94bde020{padding-left:var(--reactist-spacing-xlarge)}.b94ee579{padding-left:var(--reactist-spacing-xxlarge)}}
 .c7813d79{margin-top:var(--reactist-spacing-xsmall)}.d3449da6{margin-top:var(--reactist-spacing-small)}._4ea254c1{margin-top:var(--reactist-spacing-medium)}.c0844f64{margin-top:var(--reactist-spacing-large)}._213145b4{margin-top:var(--reactist-spacing-xlarge)}.df61c84c{margin-top:var(--reactist-spacing-xxlarge)}.efe72b13{margin-top:calc(var(--reactist-spacing-xsmall)*-1)}._870c2768{margin-top:calc(var(--reactist-spacing-small)*-1)}._0b927c57{margin-top:calc(var(--reactist-spacing-medium)*-1)}._461db014{margin-top:calc(var(--reactist-spacing-large)*-1)}._2a3a8cb8{margin-top:calc(var(--reactist-spacing-xlarge)*-1)}._9bcda921{margin-top:calc(var(--reactist-spacing-xxlarge)*-1)}@media (min-width:768px){._6add01e4{margin-top:var(--reactist-spacing-xsmall)}._735ef86b{margin-top:var(--reactist-spacing-small)}._0477d068{margin-top:var(--reactist-spacing-medium)}._2c90af97{margin-top:var(--reactist-spacing-large)}._63a82db6{margin-top:var(--reactist-spacing-xlarge)}._03cd7726{margin-top:var(--reactist-spacing-xxlarge)}.c986a62a{margin-top:calc(var(--reactist-spacing-xsmall)*-1)}.be2bdcdd{margin-top:calc(var(--reactist-spacing-small)*-1)}._47d2686b{margin-top:calc(var(--reactist-spacing-medium)*-1)}._25e5af9d{margin-top:calc(var(--reactist-spacing-large)*-1)}.ee82f441{margin-top:calc(var(--reactist-spacing-xlarge)*-1)}.a6f9d404{margin-top:calc(var(--reactist-spacing-xxlarge)*-1)}}@media (min-width:992px){._4d8d9a36{margin-top:var(--reactist-spacing-xsmall)}.e813cee7{margin-top:var(--reactist-spacing-small)}._56975b7d{margin-top:var(--reactist-spacing-medium)}._53b367f6{margin-top:var(--reactist-spacing-large)}.d69e7311{margin-top:var(--reactist-spacing-xlarge)}._92f57c7e{margin-top:var(--reactist-spacing-xxlarge)}._96880d3e{margin-top:calc(var(--reactist-spacing-xsmall)*-1)}.dc3f3555{margin-top:calc(var(--reactist-spacing-small)*-1)}._86dd06bb{margin-top:calc(var(--reactist-spacing-medium)*-1)}.c93ef12e{margin-top:calc(var(--reactist-spacing-large)*-1)}.bc8fd4a2{margin-top:calc(var(--reactist-spacing-xlarge)*-1)}.b12a9124{margin-top:calc(var(--reactist-spacing-xxlarge)*-1)}}._6016f4fb{margin-right:var(--reactist-spacing-xsmall)}.b85e3dfa{margin-right:var(--reactist-spacing-small)}._297575f4{margin-right:var(--reactist-spacing-medium)}.b401ac6c{margin-right:var(--reactist-spacing-large)}.dc3ec387{margin-right:var(--reactist-spacing-xlarge)}._24694604{margin-right:var(--reactist-spacing-xxlarge)}._8e9bf2ee{margin-right:calc(var(--reactist-spacing-xsmall)*-1)}.ae9d1115{margin-right:calc(var(--reactist-spacing-small)*-1)}._14e46fc3{margin-right:calc(var(--reactist-spacing-medium)*-1)}._3370631b{margin-right:calc(var(--reactist-spacing-large)*-1)}._3f0e9b50{margin-right:calc(var(--reactist-spacing-xlarge)*-1)}.bc13e010{margin-right:calc(var(--reactist-spacing-xxlarge)*-1)}@media (min-width:768px){._6fa1aae3{margin-right:var(--reactist-spacing-xsmall)}._2976c5cb{margin-right:var(--reactist-spacing-small)}._38d94802{margin-right:var(--reactist-spacing-medium)}.db9569b5{margin-right:var(--reactist-spacing-large)}._4a52f06d{margin-right:var(--reactist-spacing-xlarge)}._8a0f0410{margin-right:var(--reactist-spacing-xxlarge)}.e7d40e9d{margin-right:calc(var(--reactist-spacing-xsmall)*-1)}._680fde91{margin-right:calc(var(--reactist-spacing-small)*-1)}._021010ca{margin-right:calc(var(--reactist-spacing-medium)*-1)}._9e52c87c{margin-right:calc(var(--reactist-spacing-large)*-1)}._4d602613{margin-right:calc(var(--reactist-spacing-xlarge)*-1)}._21b1b65a{margin-right:calc(var(--reactist-spacing-xxlarge)*-1)}}@media (min-width:992px){._7321bc07{margin-right:var(--reactist-spacing-xsmall)}.fa1721f4{margin-right:var(--reactist-spacing-small)}._3fd7b4b8{margin-right:var(--reactist-spacing-medium)}._4fdc2f74{margin-right:var(--reactist-spacing-large)}.c0254761{margin-right:var(--reactist-spacing-xlarge)}._710a5f09{margin-right:var(--reactist-spacing-xxlarge)}.e08bee7f{margin-right:calc(var(--reactist-spacing-xsmall)*-1)}.e5ab73d2{margin-right:calc(var(--reactist-spacing-small)*-1)}._5e731477{margin-right:calc(var(--reactist-spacing-medium)*-1)}._0f57a22e{margin-right:calc(var(--reactist-spacing-large)*-1)}._25f26ed3{margin-right:calc(var(--reactist-spacing-xlarge)*-1)}._11a3b4e0{margin-right:calc(var(--reactist-spacing-xxlarge)*-1)}}._6a4f69f7{margin-bottom:var(--reactist-spacing-xsmall)}.db26b033{margin-bottom:var(--reactist-spacing-small)}.c7313022{margin-bottom:var(--reactist-spacing-medium)}.a5885889{margin-bottom:var(--reactist-spacing-large)}._33dfbd8e{margin-bottom:var(--reactist-spacing-xlarge)}._795ad2de{margin-bottom:var(--reactist-spacing-xxlarge)}.a329dbd3{margin-bottom:calc(var(--reactist-spacing-xsmall)*-1)}._85e739fb{margin-bottom:calc(var(--reactist-spacing-small)*-1)}._681f65ff{margin-bottom:calc(var(--reactist-spacing-medium)*-1)}.caf50d8f{margin-bottom:calc(var(--reactist-spacing-large)*-1)}._1e084cbf{margin-bottom:calc(var(--reactist-spacing-xlarge)*-1)}._3dfb1c7e{margin-bottom:calc(var(--reactist-spacing-xxlarge)*-1)}@media (min-width:768px){.ef4735be{margin-bottom:var(--reactist-spacing-xsmall)}.de55afba{margin-bottom:var(--reactist-spacing-small)}._0e33ce88{margin-bottom:var(--reactist-spacing-medium)}._8ca391fc{margin-bottom:var(--reactist-spacing-large)}._3a609d23{margin-bottom:var(--reactist-spacing-xlarge)}._3e1177e4{margin-bottom:var(--reactist-spacing-xxlarge)}.d384884d{margin-bottom:calc(var(--reactist-spacing-xsmall)*-1)}._75254cec{margin-bottom:calc(var(--reactist-spacing-small)*-1)}._5d9f127d{margin-bottom:calc(var(--reactist-spacing-medium)*-1)}._835f1089{margin-bottom:calc(var(--reactist-spacing-large)*-1)}.dad52a72{margin-bottom:calc(var(--reactist-spacing-xlarge)*-1)}._8703a4bf{margin-bottom:calc(var(--reactist-spacing-xxlarge)*-1)}}@media (min-width:992px){._90fd20e9{margin-bottom:var(--reactist-spacing-xsmall)}.f3769191{margin-bottom:var(--reactist-spacing-small)}._156410f8{margin-bottom:var(--reactist-spacing-medium)}._7fed74d0{margin-bottom:var(--reactist-spacing-large)}._477dc10e{margin-bottom:var(--reactist-spacing-xlarge)}._85c82d89{margin-bottom:var(--reactist-spacing-xxlarge)}._4f09c1e0{margin-bottom:calc(var(--reactist-spacing-xsmall)*-1)}._9523e048{margin-bottom:calc(var(--reactist-spacing-small)*-1)}.efe10240{margin-bottom:calc(var(--reactist-spacing-medium)*-1)}.c43971e6{margin-bottom:calc(var(--reactist-spacing-large)*-1)}.f9b4da15{margin-bottom:calc(var(--reactist-spacing-xlarge)*-1)}.a10fdf70{margin-bottom:calc(var(--reactist-spacing-xxlarge)*-1)}}.f9be90b4{margin-left:var(--reactist-spacing-xsmall)}.f53218d5{margin-left:var(--reactist-spacing-small)}.c4a9b3ab{margin-left:var(--reactist-spacing-medium)}._5755e2c3{margin-left:var(--reactist-spacing-large)}._33fc9354{margin-left:var(--reactist-spacing-xlarge)}._4749a3bf{margin-left:var(--reactist-spacing-xxlarge)}.c76cb3c7{margin-left:calc(var(--reactist-spacing-xsmall)*-1)}._96003c07{margin-left:calc(var(--reactist-spacing-small)*-1)}._09988d07{margin-left:calc(var(--reactist-spacing-medium)*-1)}.b4a486f6{margin-left:calc(var(--reactist-spacing-large)*-1)}.f396e75e{margin-left:calc(var(--reactist-spacing-xlarge)*-1)}._81d1f26d{margin-left:calc(var(--reactist-spacing-xxlarge)*-1)}@media (min-width:768px){._0a46e8f1{margin-left:var(--reactist-spacing-xsmall)}._57c970af{margin-left:var(--reactist-spacing-small)}._4b6099d3{margin-left:var(--reactist-spacing-medium)}._378fcff5{margin-left:var(--reactist-spacing-large)}.f8785663{margin-left:var(--reactist-spacing-xlarge)}._72f957ee{margin-left:var(--reactist-spacing-xxlarge)}._2288c7e1{margin-left:calc(var(--reactist-spacing-xsmall)*-1)}.b27c1c05{margin-left:calc(var(--reactist-spacing-small)*-1)}._702cbb13{margin-left:calc(var(--reactist-spacing-medium)*-1)}._1a2748b4{margin-left:calc(var(--reactist-spacing-large)*-1)}.b8c043a5{margin-left:calc(var(--reactist-spacing-xlarge)*-1)}._8dc8ff63{margin-left:calc(var(--reactist-spacing-xxlarge)*-1)}}@media (min-width:992px){.c2af646d{margin-left:var(--reactist-spacing-xsmall)}.c03d07be{margin-left:var(--reactist-spacing-small)}._915fb1d3{margin-left:var(--reactist-spacing-medium)}._64214ee1{margin-left:var(--reactist-spacing-large)}._7be4a22c{margin-left:var(--reactist-spacing-xlarge)}._5ec0a401{margin-left:var(--reactist-spacing-xxlarge)}.ea29f1ee{margin-left:calc(var(--reactist-spacing-xsmall)*-1)}.c26652c7{margin-left:calc(var(--reactist-spacing-small)*-1)}.c24f6af9{margin-left:calc(var(--reactist-spacing-medium)*-1)}.c2671f27{margin-left:calc(var(--reactist-spacing-large)*-1)}.cc51a04e{margin-left:calc(var(--reactist-spacing-xlarge)*-1)}.fd581f54{margin-left:calc(var(--reactist-spacing-xxlarge)*-1)}}
 .c12d1277{font-family:var(--reactist-font-family);font-size:var(--reactist-font-size-body);font-weight:var(--reactist-font-weight-regular);color:var(--reactist-content-primary)}.c88e1204{font-size:var(--reactist-font-size-caption)}._426d67ec{font-size:var(--reactist-font-size-copy)}.f978d6c7{font-size:var(--reactist-font-size-subtitle)}._0c31eccd{font-weight:var(--reactist-font-weight-medium)}.aba17bdd{font-weight:var(--reactist-font-weight-strong)}._2767b43d{color:var(--reactist-content-secondary)}.e8ae531e{color:var(--reactist-chromatic-content-red)}.dc839422{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.e2d23135{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}._7c778b7e{-webkit-line-clamp:2}._5ff41166{-webkit-line-clamp:3}.b7a4998e{-webkit-line-clamp:4}._6a7f8803{-webkit-line-clamp:5}
 .ed7d894c{font-family:var(--reactist-font-family)}._22213081{font-weight:var(--reactist-font-weight-strong)}.be8637dd{color:var(--reactist-content-secondary)}._72b46ad5{text-align:right}
-._9b6c04bf{border:none;border-bottom:1px solid var(--reactist-framework-separator)}._6354eb7c{border-color:var(--reactist-framework-border-focus)}
+._3f3a401c{border-bottom:1px solid var(--reactist-divider-primary)}._03b05b70{border-bottom:1px solid var(--reactist-divider-secondary)}.b6f67ff8{border-bottom:1px solid var(--reactist-divider-tertiary)}
 ._7b475ead>:not(:first-child){margin-top:var(--reactist-spacing-xsmall)}._5641699f>:not(:first-child){margin-top:var(--reactist-spacing-small)}._1a1c63e4>:not(:first-child){margin-top:var(--reactist-spacing-medium)}._560f80a0>:not(:first-child){margin-top:var(--reactist-spacing-large)}._84ffebbc>:not(:first-child){margin-top:var(--reactist-spacing-xlarge)}.b60a65cb>:not(:first-child){margin-top:var(--reactist-spacing-xxlarge)}@media (min-width:768px){.d808f5c3>:not(:first-child){margin-top:var(--reactist-spacing-xsmall)}.a51c76b3>:not(:first-child){margin-top:var(--reactist-spacing-small)}._7185a7aa>:not(:first-child){margin-top:var(--reactist-spacing-medium)}.af82e610>:not(:first-child){margin-top:var(--reactist-spacing-large)}._88b4ff46>:not(:first-child){margin-top:var(--reactist-spacing-xlarge)}._9de15321>:not(:first-child){margin-top:var(--reactist-spacing-xxlarge)}}@media (min-width:992px){._6fb32d20>:not(:first-child){margin-top:var(--reactist-spacing-xsmall)}._07ee315a>:not(:first-child){margin-top:var(--reactist-spacing-small)}.a270d7ec>:not(:first-child){margin-top:var(--reactist-spacing-medium)}.ea6ebb29>:not(:first-child){margin-top:var(--reactist-spacing-large)}._35b36178>:not(:first-child){margin-top:var(--reactist-spacing-xlarge)}._56c7dc23>:not(:first-child){margin-top:var(--reactist-spacing-xxlarge)}}