@salutejs/plasma-new-hope 0.345.0-canary.2416.20569157442.0 → 0.345.0-canary.2423.20958341938.0

package/dist/css/cjs/components/TextArea/variations/_view/base.js.map

@@ -1 +1 @@
-{"version":3,"file":"base.js","sources":["../../../../../../../src/components/TextArea/variations/_view/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { tokens, classes } from '../../TextArea.tokens';\nimport { TitleCaption } from '../../TextArea.styles';\n\nconst { styledContainer, styledTextAreaWrapper, styledHelpers } = classes;\n\nconst exclusionSelectors = `not(.${classes.clear}):not([disabled]):not([readonly]):not(:focus-within)`;\n\nexport const base = css`\n    ${TitleCaption} {\n        color: var(${tokens.titleCaptionColor});\n    }\n\n    .${styledContainer} {\n        background-color: var(${tokens.backgroundColor});\n        transition: box-shadow 0.1s ease-in-out;\n        border-radius: var(${tokens.borderRadius});\n        box-shadow: inset 0 0 0 var(${tokens.borderSize}, 1px) var(${tokens.borderColor}), var(${tokens.boxShadow}, inset 0 0 0 0 transparent);\n    }\n\n    .${styledTextAreaWrapper} {\n        transition: background-color 0.1s ease-in-out, box-shadow 0.1s ease-in-out;\n        box-shadow: inset 0 0 0 var(${tokens.borderSize}, 1px) var(${tokens.inputBorderColor});\n\n        /* INFO: Отступ справа, чтобы scrollbar не перекрывал рамку */\n        padding-right: var(${tokens.borderSize}, 1px);\n    }\n\n    &:focus-within:not([readonly]) .${styledTextAreaWrapper} {\n        background-color: var(${tokens.inputBackgroundColorFocus});\n        box-shadow: inset 0 0 0 var(${tokens.borderSize}, 1px) var(${tokens.inputBorderColorFocus});\n    }\n\n    &:focus-within:not([readonly]) .${styledContainer} {\n        background-color: var(${tokens.backgroundColorFocus});\n        box-shadow: inset 0 0 0 var(${tokens.borderSize}, 1px) var(${tokens.borderColorFocus}), var(${tokens.boxShadow}, inset 0 0 0 0 transparent);\n    }\n\n    &:focus-within:not([readonly]) .${styledHelpers} {\n        background-color: var(${tokens.helpersBackgroundColorFocus});\n    }\n\n    &:hover:${exclusionSelectors} .${styledContainer} {\n        background-color: var(${tokens.backgroundColorHover});\n        box-shadow: inset 0 0 0 var(${tokens.borderSize}, 1px) var(${tokens.borderColorHover}), var(${tokens.boxShadow}, inset 0 0 0 0 transparent);\n    }\n\n    &:hover:${exclusionSelectors} .${styledTextAreaWrapper} {\n        box-shadow: inset 0 0 0 var(${tokens.borderSize}, 1px) var(${tokens.inputBorderColorHover});\n        background-color: var(${tokens.inputBackgroundColorHover});\n    }\n\n    &:hover:${exclusionSelectors} .${styledTextAreaWrapper} + .${styledHelpers} {\n        background-color: var(${tokens.helpersBackgroundColorHover});\n    }\n\n    &:active:${exclusionSelectors} .${styledTextAreaWrapper} {\n        box-shadow: inset 0 0 0 var(${tokens.borderSize}, 1px) var(${tokens.inputBorderColorActive});\n        background-color: var(${tokens.inputBackgroundColorActive});\n    }\n\n    &:active:${exclusionSelectors} .${styledContainer} {\n        background-color: var(${tokens.backgroundColorActive});\n    }\n\n    &:active:${exclusionSelectors} .${styledTextAreaWrapper} + .${styledHelpers} {\n        background-color: var(${tokens.helpersBackgroundColorActive});\n    }\n`;\n"],"names":["base"],"mappings":";;;;AASO,IAAMA,IAAI,GA4DhB;;;;"}
+{"version":3,"file":"base.js","sources":["../../../../../../../src/components/TextArea/variations/_view/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { tokens, classes } from '../../TextArea.tokens';\nimport { StyledTextAreaWrapper, TitleCaption } from '../../TextArea.styles';\n\nconst { styledContainer, styledTextAreaWrapper, styledHelpers } = classes;\n\nconst exclusionSelectors = `not(.${classes.clear}):not([disabled]):not([readonly]):not(:focus-within)`;\n\nexport const base = css`\n    ${TitleCaption} {\n        color: var(${tokens.titleCaptionColor});\n    }\n\n    .${styledContainer} {\n        background-color: var(${tokens.backgroundColor});\n        transition: box-shadow 0.1s ease-in-out;\n        border-radius: var(${tokens.borderRadius});\n        box-shadow: inset 0 0 0 var(${tokens.borderSize}, 1px) var(${tokens.borderColor}), var(${tokens.boxShadow}, inset 0 0 0 0 transparent);\n    }\n\n    .${styledTextAreaWrapper} {\n        transition: background-color 0.1s ease-in-out, box-shadow 0.1s ease-in-out;\n        box-shadow: inset 0 0 0 var(${tokens.borderSize}, 1px) var(${tokens.inputBorderColor});\n\n        /* INFO: Отступ справа, чтобы scrollbar не перекрывал рамку */\n        padding-right: var(${tokens.borderSize}, 1px);\n    }\n\n    &:focus-within:not([readonly]) .${styledTextAreaWrapper} {\n        background-color: var(${tokens.inputBackgroundColorFocus});\n        box-shadow: inset 0 0 0 var(${tokens.borderSize}, 1px) var(${tokens.inputBorderColorFocus});\n    }\n\n    &:focus-within:not([readonly]) .${styledContainer} {\n        background-color: var(${tokens.backgroundColorFocus});\n        box-shadow: inset 0 0 0 var(${tokens.borderSize}, 1px) var(${tokens.borderColorFocus}), var(${tokens.boxShadow}, inset 0 0 0 0 transparent);\n    }\n\n    &:focus-within:not([readonly]) .${styledHelpers} {\n        background-color: var(${tokens.helpersBackgroundColorFocus});\n    }\n\n    &:hover:${exclusionSelectors} .${styledContainer} {\n        background-color: var(${tokens.backgroundColorHover});\n        box-shadow: inset 0 0 0 var(${tokens.borderSize}, 1px) var(${tokens.borderColorHover}), var(${tokens.boxShadow}, inset 0 0 0 0 transparent);\n    }\n\n    &:hover:${exclusionSelectors} .${styledTextAreaWrapper} {\n        box-shadow: inset 0 0 0 var(${tokens.borderSize}, 1px) var(${tokens.inputBorderColorHover});\n        background-color: var(${tokens.inputBackgroundColorHover});\n    }\n\n    &:hover:${exclusionSelectors} .${styledTextAreaWrapper} + .${styledHelpers} {\n        background-color: var(${tokens.helpersBackgroundColorHover});\n    }\n\n    &:active:${exclusionSelectors} .${styledTextAreaWrapper} {\n        box-shadow: inset 0 0 0 var(${tokens.borderSize}, 1px) var(${tokens.inputBorderColorActive});\n        background-color: var(${tokens.inputBackgroundColorActive});\n    }\n\n    &:active:${exclusionSelectors} .${styledContainer} {\n        background-color: var(${tokens.backgroundColorActive});\n    }\n\n    &:active:${exclusionSelectors} .${styledTextAreaWrapper} + .${styledHelpers} {\n        background-color: var(${tokens.helpersBackgroundColorActive});\n    }\n\n    &.${classes.hasDivider} {\n        ${StyledTextAreaWrapper} {\n            position: relative;\n\n            --plasma_private-textarea-divider-color: var(${tokens.dividerColor});\n\n            &:before {\n                content: '';\n                position: absolute;\n                height: 0.063rem;\n                width: 100%;\n                bottom: 0;\n                left: 0;\n                background-color: var(--plasma_private-textarea-divider-color);\n                transition: background-color 0.1s ease-in;\n            }\n        }\n\n        &:not([readonly]) ${StyledTextAreaWrapper}:hover {\n            --plasma_private-textarea-divider-color: var(\n                ${tokens.dividerColorHover},\n                var(${tokens.dividerColor})\n            );\n        }\n\n        &:not([readonly]) ${StyledTextAreaWrapper}:focus-within {\n            --plasma_private-textarea-divider-color: var(\n                ${tokens.dividerColorFocus},\n                var(${tokens.dividerColor})\n            );\n        }\n    }\n`;\n"],"names":["base"],"mappings":";;;;AASO,IAAMA,IAAI,GA6FhB;;;;"}

package/dist/css/cjs/components/TextArea/variations/_view/{base_1hvnv2t.css → base_l2axzd.css}

@@ -1 +1 @@
-.bofyi4a .t18bd513{color:var(--plasma-textarea__title-caption-color);}.bofyi4a .textarea-container{background-color:var(--plasma-textarea-background-color);-webkit-transition:box-shadow 0.1s ease-in-out;transition:box-shadow 0.1s ease-in-out;border-radius:var(--plasma-textarea-border-radius);box-shadow:inset 0 0 0 var(--plasma-textarea-border-size,1px) var(--plasma-textarea-border-color),var(--plasma-textarea-box-shadow,inset 0 0 0 0 transparent);}.bofyi4a .textarea-wrapper{-webkit-transition:background-color 0.1s ease-in-out,box-shadow 0.1s ease-in-out;transition:background-color 0.1s ease-in-out,box-shadow 0.1s ease-in-out;box-shadow:inset 0 0 0 var(--plasma-textarea-border-size,1px) var(--plasma-textarea-input-border-color);padding-right:var(--plasma-textarea-border-size,1px);}.bofyi4a:focus-within:not([readonly]) .textarea-wrapper{background-color:var(--plasma-textarea-input-background-color-focus);box-shadow:inset 0 0 0 var(--plasma-textarea-border-size,1px) var(--plasma-textarea-input-border-color-focus);}.bofyi4a:focus-within:not([readonly]) .textarea-container{background-color:var(--plasma-textarea-background-color-focus);box-shadow:inset 0 0 0 var(--plasma-textarea-border-size,1px) var(--plasma-textarea-border-color-focus),var(--plasma-textarea-box-shadow,inset 0 0 0 0 transparent);}.bofyi4a:focus-within:not([readonly]) .textarea-helpers{background-color:var(--plasma-textarea-helpers-background-color-focus);}.bofyi4a:hover:not(.textarea-clear):not([disabled]):not([readonly]):not(:focus-within) .textarea-container{background-color:var(--plasma-textarea-background-color-hover);box-shadow:inset 0 0 0 var(--plasma-textarea-border-size,1px) var(--plasma-textarea-border-color-hover),var(--plasma-textarea-box-shadow,inset 0 0 0 0 transparent);}.bofyi4a:hover:not(.textarea-clear):not([disabled]):not([readonly]):not(:focus-within) .textarea-wrapper{box-shadow:inset 0 0 0 var(--plasma-textarea-border-size,1px) var(--plasma-textarea-input-border-color-hover);background-color:var(--plasma-textarea-input-background-color-hover);}.bofyi4a:hover:not(.textarea-clear):not([disabled]):not([readonly]):not(:focus-within) .textarea-wrapper + .textarea-helpers{background-color:var(--plasma-textarea-helpers-background-color-hover);}.bofyi4a:active:not(.textarea-clear):not([disabled]):not([readonly]):not(:focus-within) .textarea-wrapper{box-shadow:inset 0 0 0 var(--plasma-textarea-border-size,1px) var(--plasma-textarea-input-border-color-active);background-color:var(--plasma-textarea-input-background-color-active);}.bofyi4a:active:not(.textarea-clear):not([disabled]):not([readonly]):not(:focus-within) .textarea-container{background-color:var(--plasma-textarea-background-color-active);}.bofyi4a:active:not(.textarea-clear):not([disabled]):not([readonly]):not(:focus-within) .textarea-wrapper + .textarea-helpers{background-color:var(--plasma-textarea-helpers-background-color-active);}
+.bofyi4a .t18bd513{color:var(--plasma-textarea__title-caption-color);}.bofyi4a .textarea-container{background-color:var(--plasma-textarea-background-color);-webkit-transition:box-shadow 0.1s ease-in-out;transition:box-shadow 0.1s ease-in-out;border-radius:var(--plasma-textarea-border-radius);box-shadow:inset 0 0 0 var(--plasma-textarea-border-size,1px) var(--plasma-textarea-border-color),var(--plasma-textarea-box-shadow,inset 0 0 0 0 transparent);}.bofyi4a .textarea-wrapper{-webkit-transition:background-color 0.1s ease-in-out,box-shadow 0.1s ease-in-out;transition:background-color 0.1s ease-in-out,box-shadow 0.1s ease-in-out;box-shadow:inset 0 0 0 var(--plasma-textarea-border-size,1px) var(--plasma-textarea-input-border-color);padding-right:var(--plasma-textarea-border-size,1px);}.bofyi4a:focus-within:not([readonly]) .textarea-wrapper{background-color:var(--plasma-textarea-input-background-color-focus);box-shadow:inset 0 0 0 var(--plasma-textarea-border-size,1px) var(--plasma-textarea-input-border-color-focus);}.bofyi4a:focus-within:not([readonly]) .textarea-container{background-color:var(--plasma-textarea-background-color-focus);box-shadow:inset 0 0 0 var(--plasma-textarea-border-size,1px) var(--plasma-textarea-border-color-focus),var(--plasma-textarea-box-shadow,inset 0 0 0 0 transparent);}.bofyi4a:focus-within:not([readonly]) .textarea-helpers{background-color:var(--plasma-textarea-helpers-background-color-focus);}.bofyi4a:hover:not(.textarea-clear):not([disabled]):not([readonly]):not(:focus-within) .textarea-container{background-color:var(--plasma-textarea-background-color-hover);box-shadow:inset 0 0 0 var(--plasma-textarea-border-size,1px) var(--plasma-textarea-border-color-hover),var(--plasma-textarea-box-shadow,inset 0 0 0 0 transparent);}.bofyi4a:hover:not(.textarea-clear):not([disabled]):not([readonly]):not(:focus-within) .textarea-wrapper{box-shadow:inset 0 0 0 var(--plasma-textarea-border-size,1px) var(--plasma-textarea-input-border-color-hover);background-color:var(--plasma-textarea-input-background-color-hover);}.bofyi4a:hover:not(.textarea-clear):not([disabled]):not([readonly]):not(:focus-within) .textarea-wrapper + .textarea-helpers{background-color:var(--plasma-textarea-helpers-background-color-hover);}.bofyi4a:active:not(.textarea-clear):not([disabled]):not([readonly]):not(:focus-within) .textarea-wrapper{box-shadow:inset 0 0 0 var(--plasma-textarea-border-size,1px) var(--plasma-textarea-input-border-color-active);background-color:var(--plasma-textarea-input-background-color-active);}.bofyi4a:active:not(.textarea-clear):not([disabled]):not([readonly]):not(:focus-within) .textarea-container{background-color:var(--plasma-textarea-background-color-active);}.bofyi4a:active:not(.textarea-clear):not([disabled]):not([readonly]):not(:focus-within) .textarea-wrapper + .textarea-helpers{background-color:var(--plasma-textarea-helpers-background-color-active);}.bofyi4a.textarea-has-divider .s3wsw3p{position:relative;--plasma_private-textarea-divider-color:var(--plasma-textarea-divider-color);}.bofyi4a.textarea-has-divider .s3wsw3p:before{content:'';position:absolute;height:0.063rem;width:100%;bottom:0;left:0;background-color:var(--plasma_private-textarea-divider-color);-webkit-transition:background-color 0.1s ease-in;transition:background-color 0.1s ease-in;}.bofyi4a.textarea-has-divider:not([readonly]) .s3wsw3p:hover{--plasma_private-textarea-divider-color:var( --plasma-textarea-divider-color-hover, var(--plasma-textarea-divider-color) );}.bofyi4a.textarea-has-divider:not([readonly]) .s3wsw3p:focus-within{--plasma_private-textarea-divider-color:var( --plasma-textarea-divider-color-focus, var(--plasma-textarea-divider-color) );}

package/dist/css/cjs/components/_beta/Popover/Popover.js

@@ -178,6 +178,10 @@ var popoverConfig = {
   }
 };
 
+exports.ARROW_HEIGHT = ARROW_HEIGHT;
+exports.ARROW_PADDING = ARROW_PADDING;
+exports.ARROW_POLYGON = ARROW_POLYGON;
+exports.ARROW_WIDTH = ARROW_WIDTH;
 exports.popoverConfig = popoverConfig;
 exports.popoverRoot = popoverRoot;
 //# sourceMappingURL=Popover.js.map

package/dist/css/cjs/components/_beta/Popover/Popover.js.map

@@ -1 +1 @@
-{"version":3,"file":"Popover.js","sources":["../../../../../../src/components/_beta/Popover/Popover.tsx"],"sourcesContent":["import React, { forwardRef, useState, useRef } from 'react';\nimport type { RootProps } from 'src/engines/types';\nimport cls from 'classnames';\nimport {\n    useFloating,\n    useInteractions,\n    useClick,\n    useFocus,\n    useDismiss,\n    useRole,\n    FloatingFocusManager,\n    FloatingArrow,\n    arrow,\n    offset,\n    useHover,\n    safePolygon,\n    shift,\n    flip,\n    FloatingPortal,\n    autoUpdate,\n    limitShift,\n} from '@floating-ui/react';\nimport { css } from '@linaria/core';\n\nimport { IconClose } from '../../_Icon';\nimport { Resizable } from '../../_Resizable';\nimport { Slot } from '../../_Slot/Slot';\n\nimport { sizeToIconSize, matchPlacements } from './utils';\nimport { tokens, classes } from './Popover.tokens';\nimport { base, CloseButton, Wrapper } from './Popover.styles';\nimport type { PopoverProps } from './Popover.types';\n\n/* Ширина хвостика */\nconst ARROW_WIDTH = 20;\n/* Высота хвостика */\nconst ARROW_HEIGHT = 8;\n/* SVG хвостика */\nconst ARROW_POLYGON = 'M20 20L0 20C8.88889 20.0001 10 12.5714 10 12C10 12.5714 11.3273 20.006 20 20Z';\n/* Отступ хвостика по краям (чтобы избежать коллизии со скругленными углами) */\nconst ARROW_PADDING = 16;\n\nexport const popoverRoot = (Root: RootProps<HTMLDivElement, Omit<PopoverProps, 'target'>>) =>\n    forwardRef<HTMLDivElement, PopoverProps>(\n        (\n            {\n                appearance = 'closeNone',\n                children,\n                target,\n                opened: outerOpened,\n                defaultOpened = false,\n                trigger = 'click',\n                placement = 'bottom',\n                hasTail = true,\n                flip: outsideFlip = false,\n                shift: outsideShift = false,\n                offset: outerOffset = 0,\n                outsideClick = true,\n                resizable = false,\n                onResizeStart,\n                onResizeEnd,\n                onToggle,\n                delayOpen = 0,\n                delayClose = 0,\n                zIndex = 1000,\n                className,\n                style,\n                size,\n                view,\n                ...rest\n            },\n            outerRootRef,\n        ) => {\n            const [innerOpened, setInnerOpened] = useState(defaultOpened);\n\n            const opened = outerOpened ?? innerOpened;\n\n            const arrowRef = useRef(null);\n\n            const handleToggle = (opened: boolean) => {\n                setInnerOpened(opened);\n\n                if (onToggle) {\n                    onToggle(opened);\n                }\n            };\n\n            const { refs, floatingStyles, context } = useFloating({\n                whileElementsMounted: autoUpdate,\n                placement,\n                open: opened,\n                onOpenChange: handleToggle,\n                middleware: [\n                    outsideShift &&\n                        shift({\n                            limiter: limitShift(),\n                        }),\n                    outsideFlip && flip(),\n                    hasTail && arrow({ element: arrowRef, padding: ARROW_PADDING }),\n                    offset((hasTail ? ARROW_HEIGHT : 0) + outerOffset),\n                ],\n            });\n\n            const click = useClick(context, {\n                enabled: trigger === 'click' || matchMedia('(hover: none)').matches,\n            });\n            const focus = useFocus(context, { enabled: trigger === 'focus' });\n            const dismiss = useDismiss(context, {\n                enabled: true,\n                outsidePress: outsideClick,\n            });\n            const role = useRole(context);\n            const hover = useHover(context, {\n                mouseOnly: true,\n                enabled: trigger === 'hover',\n                handleClose: safePolygon({\n                    requireIntent: false,\n                }),\n                delay: {\n                    open: delayOpen,\n                    close: delayClose,\n                },\n            });\n\n            const { getReferenceProps, getFloatingProps } = useInteractions([dismiss, role, click, hover, focus]);\n\n            return (\n                <>\n                    <Slot ref={refs.setReference} {...getReferenceProps()}>\n                        {target}\n                    </Slot>\n\n                    {opened && (\n                        <FloatingPortal>\n                            <FloatingFocusManager context={context}>\n                                <Root\n                                    ref={refs.setFloating}\n                                    size={size}\n                                    view={view}\n                                    style={{ ...floatingStyles, zIndex }}\n                                    {...getFloatingProps()}\n                                >\n                                    <Resizable\n                                        placement={matchPlacements(placement)}\n                                        resizable={resizable}\n                                        onResizeStart={onResizeStart}\n                                        onResizeEnd={onResizeEnd}\n                                    >\n                                        <Wrapper\n                                            ref={outerRootRef}\n                                            className={cls(className, classes.popoverRoot)}\n                                            style={style}\n                                            data-popover-open={opened}\n                                            {...rest}\n                                        >\n                                            {hasTail && (\n                                                <FloatingArrow\n                                                    ref={arrowRef}\n                                                    context={context}\n                                                    width={ARROW_WIDTH}\n                                                    height={ARROW_HEIGHT}\n                                                    fill={`var(${tokens.backgroundColor})`}\n                                                    d={ARROW_POLYGON}\n                                                />\n                                            )}\n\n                                            {children}\n\n                                            {appearance === 'closeInner' && (\n                                                <CloseButton\n                                                    className={classes.popoverCloseIconButton}\n                                                    onClick={() => handleToggle(false)}\n                                                >\n                                                    <IconClose size={sizeToIconSize(size)} color=\"inherit\" />\n                                                </CloseButton>\n                                            )}\n                                        </Wrapper>\n                                    </Resizable>\n                                </Root>\n                            </FloatingFocusManager>\n                        </FloatingPortal>\n                    )}\n                </>\n            );\n        },\n    );\n\nexport const popoverConfig = {\n    name: 'Popover',\n    tag: 'div',\n    layout: popoverRoot,\n    base,\n    variations: {\n        view: {\n            css: css``,\n        },\n        size: {\n            css: css``,\n        },\n    },\n    defaults: {\n        view: 'default',\n        size: 'm',\n    },\n};\n"],"names":["ARROW_WIDTH","ARROW_HEIGHT","ARROW_POLYGON","ARROW_PADDING","popoverRoot","Root","forwardRef","_ref","outerRootRef","_ref$appearance","appearance","children","target","outerOpened","opened","_ref$defaultOpened","defaultOpened","_ref$trigger","trigger","_ref$placement","placement","_ref$hasTail","hasTail","_ref$flip","flip","outsideFlip","_ref$shift","shift","outsideShift","_ref$offset","offset","outerOffset","_ref$outsideClick","outsideClick","_ref$resizable","resizable","onResizeStart","onResizeEnd","onToggle","_ref$delayOpen","delayOpen","_ref$delayClose","delayClose","_ref$zIndex","zIndex","className","style","size","view","rest","_useState","useState","_useState2","_slicedToArray","innerOpened","setInnerOpened","arrowRef","useRef","handleToggle","_useFloating","useFloating","whileElementsMounted","autoUpdate","open","onOpenChange","middleware","limiter","limitShift","arrow","element","padding","refs","floatingStyles","context","click","useClick","enabled","matchMedia","matches","focus","useFocus","dismiss","useDismiss","outsidePress","role","useRole","hover","useHover","mouseOnly","handleClose","safePolygon","requireIntent","delay","close","_useInteractions","useInteractions","getReferenceProps","getFloatingProps","React","createElement","Fragment","Slot","_extends","ref","setReference","FloatingPortal","FloatingFocusManager","setFloating","_objectSpread","Resizable","matchPlacements","Wrapper","cls","classes","FloatingArrow","width","height","fill","concat","tokens","backgroundColor","d","CloseButton","popoverCloseIconButton","onClick","IconClose","sizeToIconSize","color","popoverConfig","name","tag","layout","base","variations","css","defaults"],"mappings":"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"}
+{"version":3,"file":"Popover.js","sources":["../../../../../../src/components/_beta/Popover/Popover.tsx"],"sourcesContent":["import React, { forwardRef, useState, useRef } from 'react';\nimport type { RootProps } from 'src/engines/types';\nimport cls from 'classnames';\nimport {\n    useFloating,\n    useInteractions,\n    useClick,\n    useFocus,\n    useDismiss,\n    useRole,\n    FloatingFocusManager,\n    FloatingArrow,\n    arrow,\n    offset,\n    useHover,\n    safePolygon,\n    shift,\n    flip,\n    FloatingPortal,\n    autoUpdate,\n    limitShift,\n} from '@floating-ui/react';\nimport { css } from '@linaria/core';\n\nimport { IconClose } from '../../_Icon';\nimport { Resizable } from '../../_Resizable';\nimport { Slot } from '../../_Slot/Slot';\n\nimport { sizeToIconSize, matchPlacements } from './utils';\nimport { tokens, classes } from './Popover.tokens';\nimport { base, CloseButton, Wrapper } from './Popover.styles';\nimport type { PopoverProps } from './Popover.types';\n\n/* Ширина хвостика */\nexport const ARROW_WIDTH = 20;\n/* Высота хвостика */\nexport const ARROW_HEIGHT = 8;\n/* SVG хвостика */\nexport const ARROW_POLYGON = 'M20 20L0 20C8.88889 20.0001 10 12.5714 10 12C10 12.5714 11.3273 20.006 20 20Z';\n/* Отступ хвостика по краям (чтобы избежать коллизии со скругленными углами) */\nexport const ARROW_PADDING = 16;\n\nexport const popoverRoot = (Root: RootProps<HTMLDivElement, Omit<PopoverProps, 'target'>>) =>\n    forwardRef<HTMLDivElement, PopoverProps>(\n        (\n            {\n                appearance = 'closeNone',\n                children,\n                target,\n                opened: outerOpened,\n                defaultOpened = false,\n                trigger = 'click',\n                placement = 'bottom',\n                hasTail = true,\n                flip: outsideFlip = false,\n                shift: outsideShift = false,\n                offset: outerOffset = 0,\n                outsideClick = true,\n                resizable = false,\n                onResizeStart,\n                onResizeEnd,\n                onToggle,\n                delayOpen = 0,\n                delayClose = 0,\n                zIndex = 1000,\n                className,\n                style,\n                size,\n                view,\n                ...rest\n            },\n            outerRootRef,\n        ) => {\n            const [innerOpened, setInnerOpened] = useState(defaultOpened);\n\n            const opened = outerOpened ?? innerOpened;\n\n            const arrowRef = useRef(null);\n\n            const handleToggle = (opened: boolean) => {\n                setInnerOpened(opened);\n\n                if (onToggle) {\n                    onToggle(opened);\n                }\n            };\n\n            const { refs, floatingStyles, context } = useFloating({\n                whileElementsMounted: autoUpdate,\n                placement,\n                open: opened,\n                onOpenChange: handleToggle,\n                middleware: [\n                    outsideShift &&\n                        shift({\n                            limiter: limitShift(),\n                        }),\n                    outsideFlip && flip(),\n                    hasTail && arrow({ element: arrowRef, padding: ARROW_PADDING }),\n                    offset((hasTail ? ARROW_HEIGHT : 0) + outerOffset),\n                ],\n            });\n\n            const click = useClick(context, {\n                enabled: trigger === 'click' || matchMedia('(hover: none)').matches,\n            });\n            const focus = useFocus(context, { enabled: trigger === 'focus' });\n            const dismiss = useDismiss(context, {\n                enabled: true,\n                outsidePress: outsideClick,\n            });\n            const role = useRole(context);\n            const hover = useHover(context, {\n                mouseOnly: true,\n                enabled: trigger === 'hover',\n                handleClose: safePolygon({\n                    requireIntent: false,\n                }),\n                delay: {\n                    open: delayOpen,\n                    close: delayClose,\n                },\n            });\n\n            const { getReferenceProps, getFloatingProps } = useInteractions([dismiss, role, click, hover, focus]);\n\n            return (\n                <>\n                    <Slot ref={refs.setReference} {...getReferenceProps()}>\n                        {target}\n                    </Slot>\n\n                    {opened && (\n                        <FloatingPortal>\n                            <FloatingFocusManager context={context}>\n                                <Root\n                                    ref={refs.setFloating}\n                                    size={size}\n                                    view={view}\n                                    style={{ ...floatingStyles, zIndex }}\n                                    {...getFloatingProps()}\n                                >\n                                    <Resizable\n                                        placement={matchPlacements(placement)}\n                                        resizable={resizable}\n                                        onResizeStart={onResizeStart}\n                                        onResizeEnd={onResizeEnd}\n                                    >\n                                        <Wrapper\n                                            ref={outerRootRef}\n                                            className={cls(className, classes.popoverRoot)}\n                                            style={style}\n                                            data-popover-open={opened}\n                                            {...rest}\n                                        >\n                                            {hasTail && (\n                                                <FloatingArrow\n                                                    ref={arrowRef}\n                                                    context={context}\n                                                    width={ARROW_WIDTH}\n                                                    height={ARROW_HEIGHT}\n                                                    fill={`var(${tokens.backgroundColor})`}\n                                                    d={ARROW_POLYGON}\n                                                />\n                                            )}\n\n                                            {children}\n\n                                            {appearance === 'closeInner' && (\n                                                <CloseButton\n                                                    className={classes.popoverCloseIconButton}\n                                                    onClick={() => handleToggle(false)}\n                                                >\n                                                    <IconClose size={sizeToIconSize(size)} color=\"inherit\" />\n                                                </CloseButton>\n                                            )}\n                                        </Wrapper>\n                                    </Resizable>\n                                </Root>\n                            </FloatingFocusManager>\n                        </FloatingPortal>\n                    )}\n                </>\n            );\n        },\n    );\n\nexport const popoverConfig = {\n    name: 'Popover',\n    tag: 'div',\n    layout: popoverRoot,\n    base,\n    variations: {\n        view: {\n            css: css``,\n        },\n        size: {\n            css: css``,\n        },\n    },\n    defaults: {\n        view: 'default',\n        size: 'm',\n    },\n};\n"],"names":["ARROW_WIDTH","ARROW_HEIGHT","ARROW_POLYGON","ARROW_PADDING","popoverRoot","Root","forwardRef","_ref","outerRootRef","_ref$appearance","appearance","children","target","outerOpened","opened","_ref$defaultOpened","defaultOpened","_ref$trigger","trigger","_ref$placement","placement","_ref$hasTail","hasTail","_ref$flip","flip","outsideFlip","_ref$shift","shift","outsideShift","_ref$offset","offset","outerOffset","_ref$outsideClick","outsideClick","_ref$resizable","resizable","onResizeStart","onResizeEnd","onToggle","_ref$delayOpen","delayOpen","_ref$delayClose","delayClose","_ref$zIndex","zIndex","className","style","size","view","rest","_useState","useState","_useState2","_slicedToArray","innerOpened","setInnerOpened","arrowRef","useRef","handleToggle","_useFloating","useFloating","whileElementsMounted","autoUpdate","open","onOpenChange","middleware","limiter","limitShift","arrow","element","padding","refs","floatingStyles","context","click","useClick","enabled","matchMedia","matches","focus","useFocus","dismiss","useDismiss","outsidePress","role","useRole","hover","useHover","mouseOnly","handleClose","safePolygon","requireIntent","delay","close","_useInteractions","useInteractions","getReferenceProps","getFloatingProps","React","createElement","Fragment","Slot","_extends","ref","setReference","FloatingPortal","FloatingFocusManager","setFloating","_objectSpread","Resizable","matchPlacements","Wrapper","cls","classes","FloatingArrow","width","height","fill","concat","tokens","backgroundColor","d","CloseButton","popoverCloseIconButton","onClick","IconClose","sizeToIconSize","color","popoverConfig","name","tag","layout","base","variations","css","defaults"],"mappings":"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"}

package/dist/css/cjs/components/_beta/Tooltip/Tooltip.js

@@ -0,0 +1,136 @@
+require('./Tooltip_1ed9tky.css');
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _rollupPluginBabelHelpers = require('../../../_virtual/_rollupPluginBabelHelpers.js');
+var React = require('react');
+var cls = require('classnames');
+var react = require('@floating-ui/react');
+var Slot = require('../../_Slot/Slot.js');
+var Popover = require('../Popover/Popover.js');
+var Tooltip_tokens = require('./Tooltip.tokens.js');
+var Tooltip_styles = require('./Tooltip.styles.js');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefault(React);
+var cls__default = /*#__PURE__*/_interopDefault(cls);
+
+var _excluded = ["children", "target", "iconSlot", "trigger", "placement", "hasTail", "offset", "delayOpen", "delayClose", "zIndex", "className", "style", "size", "view"];
+var tooltipRoot = function tooltipRoot(Root) {
+  return /*#__PURE__*/React.forwardRef(function (_ref, outerRootRef) {
+    var children = _ref.children,
+      target = _ref.target,
+      iconSlot = _ref.iconSlot,
+      _ref$trigger = _ref.trigger,
+      trigger = _ref$trigger === void 0 ? 'click' : _ref$trigger,
+      _ref$placement = _ref.placement,
+      placement = _ref$placement === void 0 ? 'bottom' : _ref$placement,
+      _ref$hasTail = _ref.hasTail,
+      hasTail = _ref$hasTail === void 0 ? true : _ref$hasTail,
+      _ref$offset = _ref.offset,
+      outerOffset = _ref$offset === void 0 ? 0 : _ref$offset,
+      _ref$delayOpen = _ref.delayOpen,
+      delayOpen = _ref$delayOpen === void 0 ? 0 : _ref$delayOpen,
+      _ref$delayClose = _ref.delayClose,
+      delayClose = _ref$delayClose === void 0 ? 0 : _ref$delayClose,
+      _ref$zIndex = _ref.zIndex,
+      zIndex = _ref$zIndex === void 0 ? 1000 : _ref$zIndex,
+      className = _ref.className,
+      style = _ref.style,
+      size = _ref.size,
+      view = _ref.view,
+      rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
+    var _useState = React.useState(false),
+      _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
+      opened = _useState2[0],
+      setOpened = _useState2[1];
+    var arrowRef = React.useRef(null);
+    var handleToggle = function handleToggle(opened) {
+      setOpened(opened);
+    };
+    var _useFloating = react.useFloating({
+        whileElementsMounted: react.autoUpdate,
+        placement: placement,
+        open: opened,
+        onOpenChange: handleToggle,
+        middleware: [hasTail && react.arrow({
+          element: arrowRef,
+          padding: Popover.ARROW_PADDING
+        }), react.offset((hasTail ? Popover.ARROW_HEIGHT : 0) + outerOffset)]
+      }),
+      refs = _useFloating.refs,
+      floatingStyles = _useFloating.floatingStyles,
+      context = _useFloating.context;
+    var click = react.useClick(context, {
+      enabled: trigger === 'click' || matchMedia('(hover: none)').matches
+    });
+    var focus = react.useFocus(context, {
+      enabled: trigger === 'focus'
+    });
+    var dismiss = react.useDismiss(context, {
+      enabled: true,
+      outsidePress: true
+    });
+    var role = react.useRole(context);
+    var hover = react.useHover(context, {
+      mouseOnly: true,
+      enabled: trigger === 'hover',
+      handleClose: react.safePolygon({
+        requireIntent: false
+      }),
+      delay: {
+        open: delayOpen,
+        close: delayClose
+      }
+    });
+    var _useInteractions = react.useInteractions([dismiss, role, click, hover, focus]),
+      getReferenceProps = _useInteractions.getReferenceProps,
+      getFloatingProps = _useInteractions.getFloatingProps;
+    return /*#__PURE__*/React__default.default.createElement(React__default.default.Fragment, null, /*#__PURE__*/React__default.default.createElement(Slot.Slot, _rollupPluginBabelHelpers.extends({
+      ref: refs.setReference
+    }, getReferenceProps()), target), opened && /*#__PURE__*/React__default.default.createElement(react.FloatingPortal, null, /*#__PURE__*/React__default.default.createElement(Root, _rollupPluginBabelHelpers.extends({
+      ref: refs.setFloating,
+      size: size,
+      view: view,
+      style: _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, floatingStyles), {}, {
+        zIndex: zIndex
+      })
+    }, getFloatingProps()), /*#__PURE__*/React__default.default.createElement(Tooltip_styles.Wrapper, _rollupPluginBabelHelpers.extends({
+      ref: outerRootRef,
+      className: cls__default.default(className, Tooltip_tokens.classes.tooltipRoot),
+      style: style,
+      "data-tooltip-open": opened
+    }, rest), iconSlot && /*#__PURE__*/React__default.default.createElement(Tooltip_styles.IconWrapper, null, iconSlot), children, hasTail && /*#__PURE__*/React__default.default.createElement(react.FloatingArrow, {
+      ref: arrowRef,
+      context: context,
+      width: Popover.ARROW_WIDTH,
+      height: Popover.ARROW_HEIGHT,
+      fill: "var(".concat(Tooltip_tokens.tokens.backgroundColor, ")"),
+      d: Popover.ARROW_POLYGON
+    })))));
+  });
+};
+var tooltipConfig = {
+  name: 'Tooltip',
+  tag: 'div',
+  layout: tooltipRoot,
+  base: Tooltip_styles.base,
+  variations: {
+    view: {
+      css: "c1ohnfqt"
+    },
+    size: {
+      css: "cllin98"
+    }
+  },
+  defaults: {
+    view: 'default',
+    size: 'm'
+  }
+};
+
+exports.tooltipConfig = tooltipConfig;
+exports.tooltipRoot = tooltipRoot;
+//# sourceMappingURL=Tooltip.js.map

package/dist/css/cjs/components/_beta/Tooltip/Tooltip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tooltip.js","sources":["../../../../../../src/components/_beta/Tooltip/Tooltip.tsx"],"sourcesContent":["import React, { forwardRef, useState, useRef } from 'react';\nimport type { RootProps } from 'src/engines/types';\nimport cls from 'classnames';\nimport {\n    useFloating,\n    useInteractions,\n    useClick,\n    useFocus,\n    useDismiss,\n    useRole,\n    FloatingArrow,\n    arrow,\n    offset,\n    useHover,\n    safePolygon,\n    FloatingPortal,\n    autoUpdate,\n} from '@floating-ui/react';\nimport { css } from '@linaria/core';\n\nimport { Slot } from '../../_Slot/Slot';\nimport { ARROW_HEIGHT, ARROW_PADDING, ARROW_POLYGON, ARROW_WIDTH } from '../Popover/Popover';\n\nimport { tokens, classes } from './Tooltip.tokens';\nimport { base, Wrapper, IconWrapper } from './Tooltip.styles';\nimport type { TooltipProps } from './Tooltip.types';\n\nexport const tooltipRoot = (Root: RootProps<HTMLDivElement, Omit<TooltipProps, 'target' | 'children' | 'iconSlot'>>) =>\n    forwardRef<HTMLDivElement, TooltipProps>(\n        (\n            {\n                children,\n                target,\n                iconSlot,\n                trigger = 'click',\n                placement = 'bottom',\n                hasTail = true,\n                offset: outerOffset = 0,\n                delayOpen = 0,\n                delayClose = 0,\n                zIndex = 1000,\n                className,\n                style,\n                size,\n                view,\n                ...rest\n            },\n            outerRootRef,\n        ) => {\n            const [opened, setOpened] = useState(false);\n\n            const arrowRef = useRef(null);\n\n            const handleToggle = (opened: boolean) => {\n                setOpened(opened);\n            };\n\n            const { refs, floatingStyles, context } = useFloating({\n                whileElementsMounted: autoUpdate,\n                placement,\n                open: opened,\n                onOpenChange: handleToggle,\n                middleware: [\n                    hasTail && arrow({ element: arrowRef, padding: ARROW_PADDING }),\n                    offset((hasTail ? ARROW_HEIGHT : 0) + outerOffset),\n                ],\n            });\n\n            const click = useClick(context, {\n                enabled: trigger === 'click' || matchMedia('(hover: none)').matches,\n            });\n            const focus = useFocus(context, { enabled: trigger === 'focus' });\n            const dismiss = useDismiss(context, {\n                enabled: true,\n                outsidePress: true,\n            });\n            const role = useRole(context);\n            const hover = useHover(context, {\n                mouseOnly: true,\n                enabled: trigger === 'hover',\n                handleClose: safePolygon({\n                    requireIntent: false,\n                }),\n                delay: {\n                    open: delayOpen,\n                    close: delayClose,\n                },\n            });\n\n            const { getReferenceProps, getFloatingProps } = useInteractions([dismiss, role, click, hover, focus]);\n\n            return (\n                <>\n                    <Slot ref={refs.setReference} {...getReferenceProps()}>\n                        {target}\n                    </Slot>\n\n                    {opened && (\n                        <FloatingPortal>\n                            <Root\n                                ref={refs.setFloating}\n                                size={size}\n                                view={view}\n                                style={{ ...floatingStyles, zIndex }}\n                                {...getFloatingProps()}\n                            >\n                                <Wrapper\n                                    ref={outerRootRef}\n                                    className={cls(className, classes.tooltipRoot)}\n                                    style={style}\n                                    data-tooltip-open={opened}\n                                    {...rest}\n                                >\n                                    {iconSlot && <IconWrapper>{iconSlot}</IconWrapper>}\n\n                                    {children}\n\n                                    {hasTail && (\n                                        <FloatingArrow\n                                            ref={arrowRef}\n                                            context={context}\n                                            width={ARROW_WIDTH}\n                                            height={ARROW_HEIGHT}\n                                            fill={`var(${tokens.backgroundColor})`}\n                                            d={ARROW_POLYGON}\n                                        />\n                                    )}\n                                </Wrapper>\n                            </Root>\n                        </FloatingPortal>\n                    )}\n                </>\n            );\n        },\n    );\n\nexport const tooltipConfig = {\n    name: 'Tooltip',\n    tag: 'div',\n    layout: tooltipRoot,\n    base,\n    variations: {\n        view: {\n            css: css``,\n        },\n        size: {\n            css: css``,\n        },\n    },\n    defaults: {\n        view: 'default',\n        size: 'm',\n    },\n};\n"],"names":["tooltipRoot","Root","forwardRef","_ref","outerRootRef","children","target","iconSlot","_ref$trigger","trigger","_ref$placement","placement","_ref$hasTail","hasTail","_ref$offset","offset","outerOffset","_ref$delayOpen","delayOpen","_ref$delayClose","delayClose","_ref$zIndex","zIndex","className","style","size","view","rest","_useState","useState","_useState2","_slicedToArray","opened","setOpened","arrowRef","useRef","handleToggle","_useFloating","useFloating","whileElementsMounted","autoUpdate","open","onOpenChange","middleware","arrow","element","padding","ARROW_PADDING","ARROW_HEIGHT","refs","floatingStyles","context","click","useClick","enabled","matchMedia","matches","focus","useFocus","dismiss","useDismiss","outsidePress","role","useRole","hover","useHover","mouseOnly","handleClose","safePolygon","requireIntent","delay","close","_useInteractions","useInteractions","getReferenceProps","getFloatingProps","React","createElement","Fragment","Slot","_extends","ref","setReference","FloatingPortal","setFloating","_objectSpread","Wrapper","cls","classes","IconWrapper","FloatingArrow","width","ARROW_WIDTH","height","fill","concat","tokens","backgroundColor","d","ARROW_POLYGON","tooltipConfig","name","tag","layout","base","variations","css","defaults"],"mappings":"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"}

package/dist/css/cjs/components/_beta/Tooltip/Tooltip.styles.js

@@ -0,0 +1,23 @@
+require('./Tooltip.styles_12kwl84.css');
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var react = require('@linaria/react');
+
+var base = "b1qesx8q";
+var Wrapper = /*#__PURE__*/react.styled('div')({
+  name: "Wrapper",
+  "class": "w60u28u",
+  propsAsIs: false
+});
+var IconWrapper = /*#__PURE__*/react.styled('div')({
+  name: "IconWrapper",
+  "class": "i1yhsfxy",
+  propsAsIs: false
+});
+
+exports.IconWrapper = IconWrapper;
+exports.Wrapper = Wrapper;
+exports.base = base;
+//# sourceMappingURL=Tooltip.styles.js.map

package/dist/css/cjs/components/_beta/Tooltip/Tooltip.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tooltip.styles.js","sources":["../../../../../../src/components/_beta/Tooltip/Tooltip.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\nimport { css } from '@linaria/core';\n\nimport { tokens } from './Tooltip.tokens';\n\nexport const base = css`\n    border-radius: var(${tokens.borderRadius});\n`;\n\nexport const Wrapper = styled.div`\n    display: flex;\n    align-items: center;\n    position: relative;\n    gap: var(${tokens.gap});\n    background: var(${tokens.backgroundColor});\n    padding: var(${tokens.padding});\n    border-radius: var(${tokens.borderRadius});\n    box-shadow: var(${tokens.boxShadow});\n    width: 100%;\n    height: 100%;\n    box-sizing: border-box;\n    color: var(${tokens.color});\n    font-family: var(${tokens.fontFamily});\n    font-size: var(${tokens.fontSize});\n    font-style: var(${tokens.fontStyle});\n    font-weight: var(${tokens.fontWeight});\n    letter-spacing: var(${tokens.letterSpacing});\n    line-height: var(${tokens.lineHeight});\n`;\n\nexport const IconWrapper = styled.div`\n    flex: none;\n    line-height: 0;\n`;\n"],"names":["base","Wrapper","styled","name","class","propsAsIs","IconWrapper"],"mappings":";;;;;;AAKO,IAAMA,IAAI,GAEhB,WAAA;AAEM,IAAMC,OAAO,gBAAGC,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,SAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAmB5B,EAAA;AAEM,IAAMC,WAAW,gBAAGJ,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,aAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAGhC;;;;;;"}

package/dist/css/cjs/components/_beta/Tooltip/Tooltip.styles_12kwl84.css

@@ -0,0 +1,3 @@
+.b1qesx8q{border-radius:var(--plasma-tooltip-border-radius);}
+.w60u28u{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;gap:var(--plasma-tooltip-gap);background:var(--plasma-tooltip-background-color);padding:var(--plasma-tooltip-padding);border-radius:var(--plasma-tooltip-border-radius);box-shadow:var(--plasma-tooltip-box-shadow);width:100%;height:100%;box-sizing:border-box;color:var(--plasma-tooltip-color);font-family:var(--plasma-tooltip-font-family);font-size:var(--plasma-tooltip-font-size);font-style:var(--plasma-tooltip-font-style);font-weight:var(--plasma-tooltip-font-weight);-webkit-letter-spacing:var(--plasma-tooltip-letter-spacing);-moz-letter-spacing:var(--plasma-tooltip-letter-spacing);-ms-letter-spacing:var(--plasma-tooltip-letter-spacing);letter-spacing:var(--plasma-tooltip-letter-spacing);line-height:var(--plasma-tooltip-lineheight);}
+.i1yhsfxy{-webkit-flex:none;-ms-flex:none;flex:none;line-height:0;}

package/dist/css/cjs/components/_beta/Tooltip/Tooltip.tokens.js

@@ -0,0 +1,25 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var classes = {
+  tooltipRoot: 'tooltip-root'
+};
+var tokens = {
+  backgroundColor: '--plasma-tooltip-background-color',
+  borderRadius: '--plasma-tooltip-border-radius',
+  padding: '--plasma-tooltip-padding',
+  boxShadow: '--plasma-tooltip-box-shadow',
+  gap: '--plasma-tooltip-gap',
+  color: '--plasma-tooltip-color',
+  fontFamily: '--plasma-tooltip-font-family',
+  fontSize: '--plasma-tooltip-font-size',
+  fontStyle: '--plasma-tooltip-font-style',
+  fontWeight: '--plasma-tooltip-font-weight',
+  letterSpacing: '--plasma-tooltip-letter-spacing',
+  lineHeight: '--plasma-tooltip-lineheight'
+};
+
+exports.classes = classes;
+exports.tokens = tokens;
+//# sourceMappingURL=Tooltip.tokens.js.map

package/dist/css/cjs/components/_beta/Tooltip/Tooltip.tokens.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tooltip.tokens.js","sources":["../../../../../../src/components/_beta/Tooltip/Tooltip.tokens.ts"],"sourcesContent":["export const classes = {\n    tooltipRoot: 'tooltip-root',\n};\n\nexport const tokens = {\n    backgroundColor: '--plasma-tooltip-background-color',\n    borderRadius: '--plasma-tooltip-border-radius',\n    padding: '--plasma-tooltip-padding',\n    boxShadow: '--plasma-tooltip-box-shadow',\n    gap: '--plasma-tooltip-gap',\n    color: '--plasma-tooltip-color',\n    fontFamily: '--plasma-tooltip-font-family',\n    fontSize: '--plasma-tooltip-font-size',\n    fontStyle: '--plasma-tooltip-font-style',\n    fontWeight: '--plasma-tooltip-font-weight',\n    letterSpacing: '--plasma-tooltip-letter-spacing',\n    lineHeight: '--plasma-tooltip-lineheight',\n};\n"],"names":["classes","tooltipRoot","tokens","backgroundColor","borderRadius","padding","boxShadow","gap","color","fontFamily","fontSize","fontStyle","fontWeight","letterSpacing","lineHeight"],"mappings":";;;;AAAO,IAAMA,OAAO,GAAG;AACnBC,EAAAA,WAAW,EAAE,cAAA;AACjB,EAAC;AAEM,IAAMC,MAAM,GAAG;AAClBC,EAAAA,eAAe,EAAE,mCAAmC;AACpDC,EAAAA,YAAY,EAAE,gCAAgC;AAC9CC,EAAAA,OAAO,EAAE,0BAA0B;AACnCC,EAAAA,SAAS,EAAE,6BAA6B;AACxCC,EAAAA,GAAG,EAAE,sBAAsB;AAC3BC,EAAAA,KAAK,EAAE,wBAAwB;AAC/BC,EAAAA,UAAU,EAAE,8BAA8B;AAC1CC,EAAAA,QAAQ,EAAE,4BAA4B;AACtCC,EAAAA,SAAS,EAAE,6BAA6B;AACxCC,EAAAA,UAAU,EAAE,8BAA8B;AAC1CC,EAAAA,aAAa,EAAE,iCAAiC;AAChDC,EAAAA,UAAU,EAAE,6BAAA;AAChB;;;;;"}

package/dist/css/cjs/components/_beta/Tooltip/Tooltip_1ed9tky.css

@@ -0,0 +1,2 @@
+
+

package/dist/css/cjs/index.css

@@ -142,39 +142,37 @@
 .Popover_styles_ji8em4_s16xlixz__439b9cc0{position:absolute;z-index:var(--s16xlixz-0);opacity:0;visibility:hidden;box-shadow:var(--plasma-popover-box-shadow);}.Popover_styles_ji8em4_s16xlixz__439b9cc0.Popover_styles_ji8em4_popoverAnimate__439b9cc0{-webkit-transition:opacity 0.2s ease-in-out,-webkit-transform 0s ease-in-out,visibility 0.2s;-webkit-transition:opacity 0.2s ease-in-out,transform 0s ease-in-out,visibility 0.2s;transition:opacity 0.2s ease-in-out,transform 0s ease-in-out,visibility 0.2s;}.Popover_styles_ji8em4_s16xlixz__439b9cc0.Popover_styles_ji8em4_popoverOpen__439b9cc0{opacity:1;visibility:visible;}.Popover_styles_ji8em4_s16xlixz__439b9cc0:before{content:'';display:block;position:absolute;background:transparent;}.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='top'] > .Popover_styles_ji8em4_popoverArrow__439b9cc0{bottom:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='bottom'] > .Popover_styles_ji8em4_popoverArrow__439b9cc0{top:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='bottom'] > .Popover_styles_ji8em4_popoverArrow__439b9cc0::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='left'] > .Popover_styles_ji8em4_popoverArrow__439b9cc0{right:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='left'] > .Popover_styles_ji8em4_popoverArrow__439b9cc0::before{-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);}.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='right'] > .Popover_styles_ji8em4_popoverArrow__439b9cc0{left:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='right'] > .Popover_styles_ji8em4_popoverArrow__439b9cc0::before{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='top-start'] > .Popover_styles_ji8em4_popoverArrow__439b9cc0{bottom:calc(0px - var(--plasma-popover-arrow-height));left:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='top-end'] > .Popover_styles_ji8em4_popoverArrow__439b9cc0{bottom:calc(0px - var(--plasma-popover-arrow-height));left:unset !important;right:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='bottom-start'] > .Popover_styles_ji8em4_popoverArrow__439b9cc0{top:calc(0px - var(--plasma-popover-arrow-height));left:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='bottom-start'] > .Popover_styles_ji8em4_popoverArrow__439b9cc0::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='bottom-end'] > .Popover_styles_ji8em4_popoverArrow__439b9cc0{top:calc(0px - var(--plasma-popover-arrow-height));left:unset !important;right:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='bottom-end'] > .Popover_styles_ji8em4_popoverArrow__439b9cc0::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='left-start'] > .Popover_styles_ji8em4_popoverArrow__439b9cc0,.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='right-start'] > .Popover_styles_ji8em4_popoverArrow__439b9cc0{top:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='left-end'] > .Popover_styles_ji8em4_popoverArrow__439b9cc0,.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='right-end'] > .Popover_styles_ji8em4_popoverArrow__439b9cc0{top:unset !important;bottom:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='top']:before,.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='top-start']:before,.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='top-end']:before{top:unset;left:0;right:0;height:var(--plasma-popover-arrow-height);bottom:calc(-1 * var(--plasma-popover-arrow-height));}.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='bottom']:before,.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='bottom-start']:before,.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='bottom-end']:before{top:calc(-1 * var(--plasma-popover-arrow-height));left:0;right:0;bottom:var(--plasma-popover-arrow-height);height:var(--plasma-popover-arrow-height);}.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='left']:before,.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='left-start']:before,.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='left-end']:before{width:var(--plasma-popover-arrow-height);height:100%;top:0;right:calc(-1 * var(--plasma-popover-arrow-height));bottom:0;}.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='right']:before,.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='right-start']:before,.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='right-end']:before{width:var(--plasma-popover-arrow-height);height:100%;top:0;left:calc(-1 * var(--plasma-popover-arrow-height));bottom:0;}
 
 
-.TextArea_styles_j6drga_o1r1fvk8__6d06a8b4{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;max-width:var(--o1r1fvk8-0);margin-bottom:var(--o1r1fvk8-1);}
-.TextArea_styles_j6drga_surmvwq__6d06a8b4{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;color:var(--plasma-textarea-label-outer-color,var(--plasma-textarea-input-color));font-family:var(--plasma-textarea-label-outer-font-family,var(--plasma-textarea-input-font-family));font-size:var(--plasma-textarea-label-outer-font-size,var(--plasma-textarea-input-font-size));font-style:var(--plasma-textarea-label-outer-font-style,var(--plasma-textarea-input-font-style));font-weight:var(--plasma-textarea-label-outer-font-weight,var(--plasma-textarea-input-font-weight));-webkit-letter-spacing:var(--plasma-textarea-label-outer-letter-spacing,var(--plasma-textarea-input-letter-spacing));-moz-letter-spacing:var(--plasma-textarea-label-outer-letter-spacing,var(--plasma-textarea-input-letter-spacing));-ms-letter-spacing:var(--plasma-textarea-label-outer-letter-spacing,var(--plasma-textarea-input-letter-spacing));letter-spacing:var(--plasma-textarea-label-outer-letter-spacing,var(--plasma-textarea-input-letter-spacing));line-height:var(--plasma-textarea-label-outer-line-height,var(--plasma-textarea-input-line-height));}
-.TextArea_styles_j6drga_t18bd513__6d06a8b4{display:inline-block;margin-left:auto;font-family:var(--plasma-textarea__title-caption-font-family);font-size:var(--plasma-textarea__title-caption-font-size);font-style:var(--plasma-textarea__title-caption-font-style);font-weight:var(--plasma-textarea__title-caption-font-weight);-webkit-letter-spacing:var(--plasma-textarea__title-caption-letter-spacing);-moz-letter-spacing:var(--plasma-textarea__title-caption-letter-spacing);-ms-letter-spacing:var(--plasma-textarea__title-caption-letter-spacing);letter-spacing:var(--plasma-textarea__title-caption-letter-spacing);line-height:var(--plasma-textarea__title-caption-line-height);}
-.TextArea_styles_j6drga_s7alcr2__6d06a8b4{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
-.TextArea_styles_j6drga_si9oz50__6d06a8b4{color:var(--plasma-textarea__optional-color);font-family:var(--si9oz50-0);font-size:var(--si9oz50-1);font-style:var(--si9oz50-2);font-weight:var(--si9oz50-3);-webkit-letter-spacing:var(--si9oz50-4);-moz-letter-spacing:var(--si9oz50-4);-ms-letter-spacing:var(--si9oz50-4);letter-spacing:var(--si9oz50-4);line-height:var(--si9oz50-5);}
-.TextArea_styles_j6drga_s18tpn65__6d06a8b4{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;line-height:0;margin:var(--plasma-textarea__hint-margin);}.TextArea_styles_j6drga_s18tpn65__6d06a8b4.TextArea_styles_j6drga_labelPlacementInner__6d06a8b4{position:absolute;margin:0;inset:var(--plasma-textarea__hint-inner-label-placement-offset);}
-.TextArea_styles_j6drga_h19sfsrt__6d06a8b4{color:var(--plasma-textarea__hint-icon-color);width:var(--plasma-textarea__hint-target-size);height:var(--plasma-textarea__hint-target-size);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
-
-.TextArea_styles_j6drga_s3wsw3p__6d06a8b4{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;background-color:var(--plasma-textarea-input-background-color);padding-top:var(--s3wsw3p-0);padding-bottom:var(--s3wsw3p-1);border-radius:var(--s3wsw3p-2);}
-.TextArea_styles_j6drga_stc5t23__6d06a8b4{position:relative;width:100%;height:0;padding-top:var(--stc5t23-0);}
-.TextArea_styles_j6drga_salwx57__6d06a8b4{position:absolute;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;z-index:1;color:var(--plasma-textarea-right-content-color,var(--plasma-textarea-input-color));top:var(--salwx57-0);right:var(--plasma-textarea-right-content-right);height:var(--plasma-textarea-right-content-height);}
-.TextArea_styles_j6drga_s18lndvq__6d06a8b4{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}
-.TextArea_styles_j6drga_d183p45n__6d06a8b4{background:var(--plasma-textarea-background-color);}
-.TextArea_styles_j6drga_dnf439a__6d06a8b4{height:0.0625rem;background:var(--plasma-textarea-divider-color);}
-.TextArea_styles_j6drga_suev9vb__6d06a8b4{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;width:var(--suev9vb-0);position:relative;}
-.TextArea_styles_j6drga_s7jal92__6d06a8b4{display:block;box-sizing:border-box;outline:none;border:none;-webkit-appearance:none;background-color:transparent;color:var(--plasma-textarea-input-color);caret-color:var(--plasma-textarea-input-caret-color);resize:var(--s7jal92-0);--plasma_private-textarea-height:var(--s7jal92-1);--plasma_private-textarea-width:var(--s7jal92-2);--plasma_private-textarea-computed-height:var(--s7jal92-3);--plasma_private-textarea-computed-width:var(--s7jal92-4);height:var(--plasma_private-textarea-computed-height);width:var(--plasma_private-textarea-computed-width);min-width:var(--s7jal92-5);max-width:var(--s7jal92-5);min-height:var(--plasma-textarea-input-min-height);padding-right:var(--s7jal92-6);padding-left:var(--plasma-textarea-input-padding-left,0);padding-top:0;padding-bottom:0;--plasma_private-textarea-helpers-computed-height:calc( var(--plasma-textarea-helpers-padding-top,0) + var(--plasma-textarea-helpers-padding-bottom,0) + var(--plasma-textarea-helpers-line-height) );--plasma_private-textarea-input-with-helpers-height:calc( var(--plasma_private-textarea-height) - var(--plasma_private-textarea-helpers-computed-height) + var(--plasma-textarea-helpers-offset) );--plasma_private-textarea-input-without-helpers-height:calc( var(--plasma_private-textarea-computed-height) - var(--plasma-textarea-input-padding-bottom) );--plasma_private-textarea-input-actual-height:var(--s7jal92-7);height:var(--plasma_private-textarea-input-actual-height);font-family:var(--plasma-textarea-input-font-family);font-size:var(--plasma-textarea-input-font-size);font-style:var(--plasma-textarea-input-font-style);font-weight:var(--plasma-textarea-input-font-weight);-webkit-letter-spacing:var(--plasma-textarea-input-letter-spacing);-moz-letter-spacing:var(--plasma-textarea-input-letter-spacing);-ms-letter-spacing:var(--plasma-textarea-input-letter-spacing);letter-spacing:var(--plasma-textarea-input-letter-spacing);line-height:var(--plasma-textarea-input-line-height);}.TextArea_styles_j6drga_s7jal92__6d06a8b4::-webkit-input-placeholder{opacity:0;}.TextArea_styles_j6drga_s7jal92__6d06a8b4::-moz-placeholder{opacity:0;}.TextArea_styles_j6drga_s7jal92__6d06a8b4:-ms-input-placeholder{opacity:0;}.TextArea_styles_j6drga_s7jal92__6d06a8b4::placeholder{opacity:0;}.TextArea_styles_j6drga_s7jal92__6d06a8b4:-moz-read-only{cursor:default;}.TextArea_styles_j6drga_s7jal92__6d06a8b4:read-only{cursor:default;}.TextArea_styles_j6drga_s7jal92__6d06a8b4:focus:not(:disabled){color:var(--plasma-textarea-input-color-focus);}.TextArea_styles_j6drga_s7jal92__6d06a8b4::-webkit-scrollbar{width:var(--plasma-textarea-scrollbar-width);}.TextArea_styles_j6drga_s7jal92__6d06a8b4::-webkit-scrollbar-thumb{background-color:var(--plasma-textarea-scrollbar-thumb-background-color);background-clip:content-box;border:var(--plasma-textarea-scrollbar-border-width) solid transparent;border-radius:1rem;}.TextArea_styles_j6drga_s7jal92__6d06a8b4::-webkit-scrollbar-track{background-color:var(--plasma-textarea-scrollbar-track-background-color);background-clip:content-box;border:var(--plasma-textarea-scrollbar-border-width) solid transparent;border-radius:1rem;}
-.TextArea_styles_j6drga_s11kd6xq__6d06a8b4{max-height:none !important;min-height:var(--plasma-textarea-input-min-height) !important;visibility:hidden !important;overflow:hidden !important;position:absolute !important;z-index:-1000 !important;top:0 !important;left:0 !important;right:0.0625rem !important;border-width:0;padding-right:var(--s11kd6xq-0);padding-left:var(--plasma-textarea-input-padding-left,0);padding-top:0;padding-bottom:0;box-sizing:border-box;text-indent:0;text-rendering:auto;text-transform:none;tab-size:8;font-family:var(--plasma-textarea-input-font-family);font-size:var(--plasma-textarea-input-font-size);font-style:var(--plasma-textarea-input-font-style);font-weight:var(--plasma-textarea-input-font-weight);-webkit-letter-spacing:var(--plasma-textarea-input-letter-spacing);-moz-letter-spacing:var(--plasma-textarea-input-letter-spacing);-ms-letter-spacing:var(--plasma-textarea-input-letter-spacing);letter-spacing:var(--plasma-textarea-input-letter-spacing);line-height:var(--plasma-textarea-input-line-height);}
-.TextArea_styles_j6drga_s14zw9ik__6d06a8b4{box-sizing:border-box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-transition:background-color 0.1s ease-in-out;transition:background-color 0.1s ease-in-out;background-color:var(--plasma-textarea-helpers-background-color);padding-top:var(--plasma-textarea-helpers-padding-top);padding-right:var(--plasma-textarea-helpers-padding-right);padding-bottom:var(--plasma-textarea-helpers-padding-bottom);padding-left:var(--plasma-textarea-helpers-padding-left);border-bottom-left-radius:var(--plasma-textarea-border-radius);border-bottom-right-radius:var(--plasma-textarea-border-radius);}
-.TextArea_styles_j6drga_sgr5lml__6d06a8b4{box-sizing:border-box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;padding-top:var(--plasma-textarea-clear-helpers-padding-top);}
-.TextArea_styles_j6drga_s1etfemq__6d06a8b4{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;font-family:var(--plasma-textarea-helpers-font-family);font-size:var(--plasma-textarea-helpers-font-size);font-style:var(--plasma-textarea-helpers-font-style);font-weight:var(--plasma-textarea-helpers-font-weight);-webkit-letter-spacing:var(--plasma-textarea-helpers-letter-spacing);-moz-letter-spacing:var(--plasma-textarea-helpers-letter-spacing);-ms-letter-spacing:var(--plasma-textarea-helpers-letter-spacing);letter-spacing:var(--plasma-textarea-helpers-letter-spacing);line-height:var(--plasma-textarea-helpers-line-height);color:var(--plasma-textarea-left-helper-color);}.TextArea_styles_j6drga_s1etfemq__6d06a8b4.TextArea_styles_j6drga_textareaLeftHelperFocus__6d06a8b4{color:var(--plasma-textarea-left-helper-color-focus);}
-.TextArea_styles_j6drga_sf7nhlh__6d06a8b4.TextArea_styles_j6drga_s1etfemq__6d06a8b4{color:var(--plasma-textarea-right-helper-color);margin-left:auto;}
-.TextArea_styles_j6drga_s4gk1z__6d06a8b4{box-sizing:border-box;position:absolute;pointer-events:none;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transition:all 0.1s ease-in-out;transition:all 0.1s ease-in-out;-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;color:var(--plasma-textarea-placeholder-color);width:100%;height:auto;top:var(--plasma-textarea-input-padding-top);padding-left:var(--plasma-textarea-input-padding-left);padding-right:var(--s4gk1z-0);font-family:var(--plasma-textarea-input-font-family);font-size:var(--plasma-textarea-input-font-size);font-style:var(--plasma-textarea-input-font-style);font-weight:var(--plasma-textarea-input-font-weight);-webkit-letter-spacing:var(--plasma-textarea-input-letter-spacing);-moz-letter-spacing:var(--plasma-textarea-input-letter-spacing);-ms-letter-spacing:var(--plasma-textarea-input-letter-spacing);letter-spacing:var(--plasma-textarea-input-letter-spacing);line-height:var(--plasma-textarea-input-line-height);}
-.TextArea_styles_j6drga_s1h2xvub__6d06a8b4{position:absolute;border-radius:50%;background-color:var(--plasma-textarea-indicator-color);}.TextArea_styles_j6drga_s1h2xvub__6d06a8b4.TextArea_styles_j6drga_labelPlacementOuter__6d06a8b4{width:var(--plasma-textarea-indicator-size-outer);height:var(--plasma-textarea-indicator-size-outer);inset:var(--plasma-textarea-indicator-placement-outer);}.TextArea_styles_j6drga_s1h2xvub__6d06a8b4.TextArea_styles_j6drga_labelPlacementOuter__6d06a8b4.TextArea_styles_j6drga_requiredAlignRight__6d06a8b4{inset:var(--plasma-textarea-indicator-placement-outer-right);}.TextArea_styles_j6drga_s1h2xvub__6d06a8b4.TextArea_styles_j6drga_labelPlacementOuter__6d06a8b4.TextArea_styles_j6drga_requiredAlignRight__6d06a8b4.TextArea_styles_j6drga_textareaHasHint__6d06a8b4{right:calc( -1 * var(--plasma-textarea-indicator-size-outer) + var(--plasma-textfield__indicator-hint-placement-outer-right,0px) );}.TextArea_styles_j6drga_s1h2xvub__6d06a8b4.TextArea_styles_j6drga_labelPlacementInner__6d06a8b4{width:var(--plasma-textarea-indicator-size-inner);height:var(--plasma-textarea-indicator-size-inner);inset:var(--plasma-textarea-indicator-placement-inner);}.TextArea_styles_j6drga_s1h2xvub__6d06a8b4.TextArea_styles_j6drga_labelPlacementInner__6d06a8b4.TextArea_styles_j6drga_requiredAlignRight__6d06a8b4{inset:var(--plasma-textarea-indicator-placement-inner-right);}
-
-.base_1hvnv2t_bofyi4a__34e6ac76 .base_1hvnv2t_t18bd513__34e6ac76{color:var(--plasma-textarea__title-caption-color);}.base_1hvnv2t_bofyi4a__34e6ac76 .base_1hvnv2t_textareaContainer__34e6ac76{background-color:var(--plasma-textarea-background-color);-webkit-transition:box-shadow 0.1s ease-in-out;transition:box-shadow 0.1s ease-in-out;border-radius:var(--plasma-textarea-border-radius);box-shadow:inset 0 0 0 var(--plasma-textarea-border-size,1px) var(--plasma-textarea-border-color),var(--plasma-textarea-box-shadow,inset 0 0 0 0 transparent);}.base_1hvnv2t_bofyi4a__34e6ac76 .base_1hvnv2t_textareaWrapper__34e6ac76{-webkit-transition:background-color 0.1s ease-in-out,box-shadow 0.1s ease-in-out;transition:background-color 0.1s ease-in-out,box-shadow 0.1s ease-in-out;box-shadow:inset 0 0 0 var(--plasma-textarea-border-size,1px) var(--plasma-textarea-input-border-color);padding-right:var(--plasma-textarea-border-size,1px);}.base_1hvnv2t_bofyi4a__34e6ac76:focus-within:not([readonly]) .base_1hvnv2t_textareaWrapper__34e6ac76{background-color:var(--plasma-textarea-input-background-color-focus);box-shadow:inset 0 0 0 var(--plasma-textarea-border-size,1px) var(--plasma-textarea-input-border-color-focus);}.base_1hvnv2t_bofyi4a__34e6ac76:focus-within:not([readonly]) .base_1hvnv2t_textareaContainer__34e6ac76{background-color:var(--plasma-textarea-background-color-focus);box-shadow:inset 0 0 0 var(--plasma-textarea-border-size,1px) var(--plasma-textarea-border-color-focus),var(--plasma-textarea-box-shadow,inset 0 0 0 0 transparent);}.base_1hvnv2t_bofyi4a__34e6ac76:focus-within:not([readonly]) .base_1hvnv2t_textareaHelpers__34e6ac76{background-color:var(--plasma-textarea-helpers-background-color-focus);}.base_1hvnv2t_bofyi4a__34e6ac76:hover:not(.base_1hvnv2t_textareaClear__34e6ac76):not([disabled]):not([readonly]):not(:focus-within) .base_1hvnv2t_textareaContainer__34e6ac76{background-color:var(--plasma-textarea-background-color-hover);box-shadow:inset 0 0 0 var(--plasma-textarea-border-size,1px) var(--plasma-textarea-border-color-hover),var(--plasma-textarea-box-shadow,inset 0 0 0 0 transparent);}.base_1hvnv2t_bofyi4a__34e6ac76:hover:not(.base_1hvnv2t_textareaClear__34e6ac76):not([disabled]):not([readonly]):not(:focus-within) .base_1hvnv2t_textareaWrapper__34e6ac76{box-shadow:inset 0 0 0 var(--plasma-textarea-border-size,1px) var(--plasma-textarea-input-border-color-hover);background-color:var(--plasma-textarea-input-background-color-hover);}.base_1hvnv2t_bofyi4a__34e6ac76:hover:not(.base_1hvnv2t_textareaClear__34e6ac76):not([disabled]):not([readonly]):not(:focus-within) .base_1hvnv2t_textareaWrapper__34e6ac76 + .base_1hvnv2t_textareaHelpers__34e6ac76{background-color:var(--plasma-textarea-helpers-background-color-hover);}.base_1hvnv2t_bofyi4a__34e6ac76:active:not(.base_1hvnv2t_textareaClear__34e6ac76):not([disabled]):not([readonly]):not(:focus-within) .base_1hvnv2t_textareaWrapper__34e6ac76{box-shadow:inset 0 0 0 var(--plasma-textarea-border-size,1px) var(--plasma-textarea-input-border-color-active);background-color:var(--plasma-textarea-input-background-color-active);}.base_1hvnv2t_bofyi4a__34e6ac76:active:not(.base_1hvnv2t_textareaClear__34e6ac76):not([disabled]):not([readonly]):not(:focus-within) .base_1hvnv2t_textareaContainer__34e6ac76{background-color:var(--plasma-textarea-background-color-active);}.base_1hvnv2t_bofyi4a__34e6ac76:active:not(.base_1hvnv2t_textareaClear__34e6ac76):not([disabled]):not([readonly]):not(:focus-within) .base_1hvnv2t_textareaWrapper__34e6ac76 + .base_1hvnv2t_textareaHelpers__34e6ac76{background-color:var(--plasma-textarea-helpers-background-color-active);}
-
-.base_1mq4sb2_bp4bcu4__31d62216{--plasma-tour__border-radius:var(--plasma-textarea-border-radius);}
-
-.base_1vo4ba5_b1x0cx6o__7125cfce.base_1vo4ba5_textareaClear__7125cfce{border:unset;}.base_1vo4ba5_b1x0cx6o__7125cfce.base_1vo4ba5_textareaClear__7125cfce .base_1vo4ba5_s3wsw3p__7125cfce{box-shadow:unset;background-color:unset;border-radius:0;padding-bottom:var(--plasma-textarea-input-padding-top);}.base_1vo4ba5_b1x0cx6o__7125cfce.base_1vo4ba5_textareaClear__7125cfce .base_1vo4ba5_o1r1fvk8__7125cfce{margin-bottom:var(--plasma-textarea-clear-label-margin-bottom);}.base_1vo4ba5_b1x0cx6o__7125cfce.base_1vo4ba5_textareaClear__7125cfce .base_1vo4ba5_salwx57__7125cfce{right:0;bottom:unset;}.base_1vo4ba5_b1x0cx6o__7125cfce.base_1vo4ba5_textareaClear__7125cfce .base_1vo4ba5_s7jal92__7125cfce,.base_1vo4ba5_b1x0cx6o__7125cfce.base_1vo4ba5_textareaClear__7125cfce .base_1vo4ba5_s14zw9ik__7125cfce{padding-left:0;}.base_1vo4ba5_b1x0cx6o__7125cfce.base_1vo4ba5_textareaClear__7125cfce .base_1vo4ba5_s14zw9ik__7125cfce{background-color:unset;border-radius:0;padding-top:var(--plasma-textarea-clear-helpers-padding-top);padding-right:0;}.base_1vo4ba5_b1x0cx6o__7125cfce.base_1vo4ba5_textareaClear__7125cfce .base_1vo4ba5_s7jal92__7125cfce{color:var(--plasma-textarea-input-clear-color);padding-right:0;}.base_1vo4ba5_b1x0cx6o__7125cfce.base_1vo4ba5_textareaClear__7125cfce .base_1vo4ba5_s7jal92__7125cfce.base_1vo4ba5_textareaHasRightContent__7125cfce{padding-right:var(--plasma-textarea-clear-input-padding-right-with-right-content);}.base_1vo4ba5_b1x0cx6o__7125cfce.base_1vo4ba5_textareaClear__7125cfce .base_1vo4ba5_suev9vb__7125cfce:not(.base_1vo4ba5_innerPlaceholderUp__7125cfce) .base_1vo4ba5_s4gk1z__7125cfce{color:var(--plasma-textarea-clear-placeholder-color);}.base_1vo4ba5_b1x0cx6o__7125cfce.base_1vo4ba5_textareaClear__7125cfce .base_1vo4ba5_suev9vb__7125cfce:not(.base_1vo4ba5_innerPlaceholderUp__7125cfce).base_1vo4ba5_focusedOuterPlaceholderColor__7125cfce .base_1vo4ba5_s4gk1z__7125cfce{color:var(--plasma-textarea-clear-placeholder-color-focus);}.base_1vo4ba5_b1x0cx6o__7125cfce.base_1vo4ba5_textareaClear__7125cfce .base_1vo4ba5_suev9vb__7125cfce.base_1vo4ba5_innerPlaceholderUp__7125cfce{color:var(--plasma-textarea-placeholder-color);}.base_1vo4ba5_b1x0cx6o__7125cfce.base_1vo4ba5_textareaClear__7125cfce .base_1vo4ba5_s4gk1z__7125cfce{padding-left:0;}.base_1vo4ba5_b1x0cx6o__7125cfce.base_1vo4ba5_textareaClear__7125cfce .base_1vo4ba5_s1h2xvub__7125cfce.base_1vo4ba5_labelPlacementInner__7125cfce{inset:var(--plasma-textarea__clear-indicator-placement-inner);}.base_1vo4ba5_b1x0cx6o__7125cfce.base_1vo4ba5_textareaClear__7125cfce .base_1vo4ba5_s1h2xvub__7125cfce.base_1vo4ba5_labelPlacementInner__7125cfce.base_1vo4ba5_requiredAlignRight__7125cfce{inset:var(--plasma-textarea__clear-indicator-placement-inner-right);}.base_1vo4ba5_b1x0cx6o__7125cfce.base_1vo4ba5_textareaClear__7125cfce.base_1vo4ba5_textareaHasHint__7125cfce .base_1vo4ba5_s18tpn65__7125cfce.base_1vo4ba5_labelPlacementInner__7125cfce{inset:var(--plasma-textarea__clear-hint-inner-label-placement-offset);}.base_1vo4ba5_b1x0cx6o__7125cfce.base_1vo4ba5_textareaClear__7125cfce.base_1vo4ba5_textareaHasHint__7125cfce .base_1vo4ba5_s1h2xvub__7125cfce.base_1vo4ba5_labelPlacementInner__7125cfce.base_1vo4ba5_requiredAlignRight__7125cfce{inset:var(--plasma-textarea__clear-indicator-hint-placement-inner-right);}.base_1vo4ba5_b1x0cx6o__7125cfce.base_1vo4ba5_textareaClear__7125cfce .base_1vo4ba5_textareaContainer__7125cfce{border:unset;border-radius:0;}.base_1vo4ba5_b1x0cx6o__7125cfce.base_1vo4ba5_textareaClear__7125cfce:focus-within:not([readonly]) .base_1vo4ba5_textareaWrapper__7125cfce{background-color:unset;box-shadow:unset;}.base_1vo4ba5_b1x0cx6o__7125cfce.base_1vo4ba5_textareaClear__7125cfce:focus-within:not([readonly]) .base_1vo4ba5_textareaContainer__7125cfce{border:unset;}.base_1vo4ba5_b1x0cx6o__7125cfce.base_1vo4ba5_textareaClear__7125cfce:focus-within:not([readonly]) .base_1vo4ba5_textareaHelpers__7125cfce{background-color:unset;}.base_1vo4ba5_b1x0cx6o__7125cfce.base_1vo4ba5_textareaClear__7125cfce.base_1vo4ba5_textareaHasDivider__7125cfce .base_1vo4ba5_s3wsw3p__7125cfce{position:relative;--plasma_private-textarea-divider-color:var(--plasma-textarea-divider-color);}.base_1vo4ba5_b1x0cx6o__7125cfce.base_1vo4ba5_textareaClear__7125cfce.base_1vo4ba5_textareaHasDivider__7125cfce .base_1vo4ba5_s3wsw3p__7125cfce:before{content:'';position:absolute;height:0.063rem;width:100%;bottom:0;left:0;background-color:var(--plasma-textarea-divider-color);-webkit-transition:background-color 0.1s ease-in;transition:background-color 0.1s ease-in;}.base_1vo4ba5_b1x0cx6o__7125cfce.base_1vo4ba5_textareaClear__7125cfce.base_1vo4ba5_textareaHasDivider__7125cfce:not([readonly]) .base_1vo4ba5_s3wsw3p__7125cfce:hover{--plasma_private-textarea-divider-color:var( --plasma-textarea-divider-color-hover, var(--plasma-textarea-divider-color) );}.base_1vo4ba5_b1x0cx6o__7125cfce.base_1vo4ba5_textareaClear__7125cfce.base_1vo4ba5_textareaHasDivider__7125cfce:not([readonly]) .base_1vo4ba5_s3wsw3p__7125cfce:focus-within{--plasma_private-textarea-divider-color:var( --plasma-textarea-divider-color-focus, var(--plasma-textarea-divider-color) );}
-
-.base_pgwr5c_b1xxdrt2__3ac62af5[readonly] .base_pgwr5c_s7jal92__3ac62af5{color:var(--plasma-textarea-input-color-read-only);}.base_pgwr5c_b1xxdrt2__3ac62af5[readonly] .base_pgwr5c_salwx57__3ac62af5{opacity:var(--plasma-textarea-right-content-opacity-readonly);}.base_pgwr5c_b1xxdrt2__3ac62af5[readonly].base_pgwr5c_textareaClear__3ac62af5 .base_pgwr5c_s3wsw3p__3ac62af5:before{background-color:var(--plasma-textarea-divider-color-readonly);}.base_pgwr5c_b1xxdrt2__3ac62af5[readonly]:not(.base_pgwr5c_b1xxdrt2__3ac62af5[readonly].base_pgwr5c_textareaClear__3ac62af5) .base_pgwr5c_s3wsw3p__3ac62af5,.base_pgwr5c_b1xxdrt2__3ac62af5[readonly]:not(.base_pgwr5c_b1xxdrt2__3ac62af5[readonly].base_pgwr5c_textareaClear__3ac62af5) .base_pgwr5c_s14zw9ik__3ac62af5{background:transparent;}.base_pgwr5c_b1xxdrt2__3ac62af5[readonly]:not(.base_pgwr5c_b1xxdrt2__3ac62af5[readonly].base_pgwr5c_textareaClear__3ac62af5) .base_pgwr5c_s3wsw3p__3ac62af5{position:relative;box-shadow:none;}.base_pgwr5c_b1xxdrt2__3ac62af5[readonly]:not(.base_pgwr5c_b1xxdrt2__3ac62af5[readonly].base_pgwr5c_textareaClear__3ac62af5) .base_pgwr5c_s3wsw3p__3ac62af5:before{position:absolute;content:'';top:0;left:0;right:0;bottom:0;box-shadow:inset 0 0 0 var(--plasma-textarea-border-size,1px) var(--plasma-textarea-border-color-readonly);border-radius:var(--plasma-textarea-border-radius);z-index:-1;}.base_pgwr5c_b1xxdrt2__3ac62af5[readonly]:not(.base_pgwr5c_b1xxdrt2__3ac62af5[readonly].base_pgwr5c_textareaClear__3ac62af5) .base_pgwr5c_suev9vb__3ac62af5{background:transparent;position:relative;}.base_pgwr5c_b1xxdrt2__3ac62af5[readonly]:not(.base_pgwr5c_b1xxdrt2__3ac62af5[readonly].base_pgwr5c_textareaClear__3ac62af5) .base_pgwr5c_suev9vb__3ac62af5:before{position:absolute;content:'';top:0;left:0;right:0;bottom:0;background:var(--plasma-textarea-background-color-read-only);border-radius:var(--plasma-textarea-border-radius);opacity:var(--plasma-textarea-read-only-opacity);z-index:-1;}.base_pgwr5c_b1xxdrt2__3ac62af5[readonly]:not(.base_pgwr5c_b1xxdrt2__3ac62af5[readonly].base_pgwr5c_textareaClear__3ac62af5) .base_pgwr5c_suev9vb__3ac62af5:hover{background:transparent;}
-
-.base_s6ttw_b1w9g1pa__1a439b81[disabled] .base_s6ttw_surmvwq__1a439b81,.base_s6ttw_b1w9g1pa__1a439b81[disabled] .base_s6ttw_s1h2xvub__1a439b81,.base_s6ttw_b1w9g1pa__1a439b81[disabled] .base_s6ttw_si9oz50__1a439b81,.base_s6ttw_b1w9g1pa__1a439b81[disabled] .base_s6ttw_t18bd513__1a439b81,.base_s6ttw_b1w9g1pa__1a439b81[disabled] .base_s6ttw_salwx57__1a439b81,.base_s6ttw_b1w9g1pa__1a439b81[disabled] .base_s6ttw_s3wsw3p__1a439b81,.base_s6ttw_b1w9g1pa__1a439b81[disabled] .base_s6ttw_s14zw9ik__1a439b81,.base_s6ttw_b1w9g1pa__1a439b81[disabled] .base_s6ttw_s4gk1z__1a439b81,.base_s6ttw_b1w9g1pa__1a439b81[disabled] .base_s6ttw_sgr5lml__1a439b81{opacity:var(--plasma-textarea-disabled-opacity);cursor:not-allowed;}.base_s6ttw_b1w9g1pa__1a439b81[disabled] .base_s6ttw_surmvwq__1a439b81:hover,.base_s6ttw_b1w9g1pa__1a439b81[disabled] .base_s6ttw_s1h2xvub__1a439b81:hover,.base_s6ttw_b1w9g1pa__1a439b81[disabled] .base_s6ttw_si9oz50__1a439b81:hover,.base_s6ttw_b1w9g1pa__1a439b81[disabled] .base_s6ttw_t18bd513__1a439b81:hover,.base_s6ttw_b1w9g1pa__1a439b81[disabled] .base_s6ttw_salwx57__1a439b81:hover,.base_s6ttw_b1w9g1pa__1a439b81[disabled] .base_s6ttw_s3wsw3p__1a439b81:hover,.base_s6ttw_b1w9g1pa__1a439b81[disabled] .base_s6ttw_s14zw9ik__1a439b81:hover,.base_s6ttw_b1w9g1pa__1a439b81[disabled] .base_s6ttw_s4gk1z__1a439b81:hover,.base_s6ttw_b1w9g1pa__1a439b81[disabled] .base_s6ttw_sgr5lml__1a439b81:hover,.base_s6ttw_b1w9g1pa__1a439b81[disabled] .base_s6ttw_surmvwq__1a439b81:active,.base_s6ttw_b1w9g1pa__1a439b81[disabled] .base_s6ttw_s1h2xvub__1a439b81:active,.base_s6ttw_b1w9g1pa__1a439b81[disabled] .base_s6ttw_si9oz50__1a439b81:active,.base_s6ttw_b1w9g1pa__1a439b81[disabled] .base_s6ttw_t18bd513__1a439b81:active,.base_s6ttw_b1w9g1pa__1a439b81[disabled] .base_s6ttw_salwx57__1a439b81:active,.base_s6ttw_b1w9g1pa__1a439b81[disabled] .base_s6ttw_s3wsw3p__1a439b81:active,.base_s6ttw_b1w9g1pa__1a439b81[disabled] .base_s6ttw_s14zw9ik__1a439b81:active,.base_s6ttw_b1w9g1pa__1a439b81[disabled] .base_s6ttw_s4gk1z__1a439b81:active,.base_s6ttw_b1w9g1pa__1a439b81[disabled] .base_s6ttw_sgr5lml__1a439b81:active{-webkit-transform:none;-ms-transform:none;transform:none;}.base_s6ttw_b1w9g1pa__1a439b81 .base_s6ttw_textarea__1a439b81:disabled{cursor:not-allowed;color:var(--plasma-textarea-input-color-disabled);}
+.TextArea_styles_1tn1ff1_o1r1fvk8__1d7dce1a{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;max-width:var(--o1r1fvk8-0);margin-bottom:var(--o1r1fvk8-1);}
+.TextArea_styles_1tn1ff1_surmvwq__1d7dce1a{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;color:var(--plasma-textarea-label-outer-color,var(--plasma-textarea-input-color));font-family:var(--plasma-textarea-label-outer-font-family,var(--plasma-textarea-input-font-family));font-size:var(--plasma-textarea-label-outer-font-size,var(--plasma-textarea-input-font-size));font-style:var(--plasma-textarea-label-outer-font-style,var(--plasma-textarea-input-font-style));font-weight:var(--plasma-textarea-label-outer-font-weight,var(--plasma-textarea-input-font-weight));-webkit-letter-spacing:var(--plasma-textarea-label-outer-letter-spacing,var(--plasma-textarea-input-letter-spacing));-moz-letter-spacing:var(--plasma-textarea-label-outer-letter-spacing,var(--plasma-textarea-input-letter-spacing));-ms-letter-spacing:var(--plasma-textarea-label-outer-letter-spacing,var(--plasma-textarea-input-letter-spacing));letter-spacing:var(--plasma-textarea-label-outer-letter-spacing,var(--plasma-textarea-input-letter-spacing));line-height:var(--plasma-textarea-label-outer-line-height,var(--plasma-textarea-input-line-height));}
+.TextArea_styles_1tn1ff1_t18bd513__1d7dce1a{display:inline-block;margin-left:auto;font-family:var(--plasma-textarea__title-caption-font-family);font-size:var(--plasma-textarea__title-caption-font-size);font-style:var(--plasma-textarea__title-caption-font-style);font-weight:var(--plasma-textarea__title-caption-font-weight);-webkit-letter-spacing:var(--plasma-textarea__title-caption-letter-spacing);-moz-letter-spacing:var(--plasma-textarea__title-caption-letter-spacing);-ms-letter-spacing:var(--plasma-textarea__title-caption-letter-spacing);letter-spacing:var(--plasma-textarea__title-caption-letter-spacing);line-height:var(--plasma-textarea__title-caption-line-height);}
+.TextArea_styles_1tn1ff1_s7alcr2__1d7dce1a{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
+.TextArea_styles_1tn1ff1_si9oz50__1d7dce1a{color:var(--plasma-textarea__optional-color);font-family:var(--si9oz50-0);font-size:var(--si9oz50-1);font-style:var(--si9oz50-2);font-weight:var(--si9oz50-3);-webkit-letter-spacing:var(--si9oz50-4);-moz-letter-spacing:var(--si9oz50-4);-ms-letter-spacing:var(--si9oz50-4);letter-spacing:var(--si9oz50-4);line-height:var(--si9oz50-5);}
+.TextArea_styles_1tn1ff1_s18tpn65__1d7dce1a{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;line-height:0;margin:var(--plasma-textarea__hint-margin);}.TextArea_styles_1tn1ff1_s18tpn65__1d7dce1a.TextArea_styles_1tn1ff1_labelPlacementInner__1d7dce1a{position:absolute;margin:0;inset:var(--plasma-textarea__hint-inner-label-placement-offset);}
+.TextArea_styles_1tn1ff1_h19sfsrt__1d7dce1a{color:var(--plasma-textarea__hint-icon-color);width:var(--plasma-textarea__hint-target-size);height:var(--plasma-textarea__hint-target-size);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
+
+.TextArea_styles_1tn1ff1_s3wsw3p__1d7dce1a{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;background-color:var(--plasma-textarea-input-background-color);padding-top:var(--s3wsw3p-0);padding-bottom:var(--s3wsw3p-1);border-radius:var(--s3wsw3p-2);}
+.TextArea_styles_1tn1ff1_stc5t23__1d7dce1a{position:relative;width:100%;height:0;padding-top:var(--stc5t23-0);}
+.TextArea_styles_1tn1ff1_salwx57__1d7dce1a{position:absolute;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;z-index:1;color:var(--plasma-textarea-right-content-color);top:var(--salwx57-0);right:var(--plasma-textarea-right-content-right);height:var(--plasma-textarea-right-content-height);}.TextArea_styles_1tn1ff1_salwx57__1d7dce1a:hover{color:var(--plasma-textarea-right-content-color-hover);}.TextArea_styles_1tn1ff1_salwx57__1d7dce1a:active{color:var(--plasma-textarea-right-content-color-active);}
+.TextArea_styles_1tn1ff1_s18lndvq__1d7dce1a{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}
+.TextArea_styles_1tn1ff1_d183p45n__1d7dce1a{background:var(--plasma-textarea-background-color);}
+.TextArea_styles_1tn1ff1_dnf439a__1d7dce1a{height:0.0625rem;background:var(--plasma-textarea-divider-color);}
+.TextArea_styles_1tn1ff1_suev9vb__1d7dce1a{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;width:var(--suev9vb-0);position:relative;}
+.TextArea_styles_1tn1ff1_s7jal92__1d7dce1a{display:block;box-sizing:border-box;outline:none;border:none;-webkit-appearance:none;background-color:transparent;color:var(--plasma-textarea-input-color);caret-color:var(--plasma-textarea-input-caret-color);resize:var(--s7jal92-0);--plasma_private-textarea-height:var(--s7jal92-1);--plasma_private-textarea-width:var(--s7jal92-2);--plasma_private-textarea-computed-height:var(--s7jal92-3);--plasma_private-textarea-computed-width:var(--s7jal92-4);height:var(--plasma_private-textarea-computed-height);width:var(--plasma_private-textarea-computed-width);min-width:var(--s7jal92-5);max-width:var(--s7jal92-5);min-height:var(--plasma-textarea-input-min-height);padding-right:var(--s7jal92-6);padding-left:var(--plasma-textarea-input-padding-left,0);padding-top:0;padding-bottom:0;--plasma_private-textarea-helpers-computed-height:calc( var(--plasma-textarea-helpers-padding-top,0) + var(--plasma-textarea-helpers-padding-bottom,0) + var(--plasma-textarea-helpers-line-height) );--plasma_private-textarea-input-with-helpers-height:calc( var(--plasma_private-textarea-height) - var(--plasma_private-textarea-helpers-computed-height) + var(--plasma-textarea-helpers-offset) );--plasma_private-textarea-input-without-helpers-height:calc( var(--plasma_private-textarea-computed-height) - var(--plasma-textarea-input-padding-bottom) );--plasma_private-textarea-input-actual-height:var(--s7jal92-7);height:var(--plasma_private-textarea-input-actual-height);font-family:var(--plasma-textarea-input-font-family);font-size:var(--plasma-textarea-input-font-size);font-style:var(--plasma-textarea-input-font-style);font-weight:var(--plasma-textarea-input-font-weight);-webkit-letter-spacing:var(--plasma-textarea-input-letter-spacing);-moz-letter-spacing:var(--plasma-textarea-input-letter-spacing);-ms-letter-spacing:var(--plasma-textarea-input-letter-spacing);letter-spacing:var(--plasma-textarea-input-letter-spacing);line-height:var(--plasma-textarea-input-line-height);}.TextArea_styles_1tn1ff1_s7jal92__1d7dce1a::-webkit-input-placeholder{opacity:0;}.TextArea_styles_1tn1ff1_s7jal92__1d7dce1a::-moz-placeholder{opacity:0;}.TextArea_styles_1tn1ff1_s7jal92__1d7dce1a:-ms-input-placeholder{opacity:0;}.TextArea_styles_1tn1ff1_s7jal92__1d7dce1a::placeholder{opacity:0;}.TextArea_styles_1tn1ff1_s7jal92__1d7dce1a:-moz-read-only{cursor:default;}.TextArea_styles_1tn1ff1_s7jal92__1d7dce1a:read-only{cursor:default;}.TextArea_styles_1tn1ff1_s7jal92__1d7dce1a:focus:not(:disabled){color:var(--plasma-textarea-input-color-focus);}.TextArea_styles_1tn1ff1_s7jal92__1d7dce1a::-webkit-scrollbar{width:var(--plasma-textarea-scrollbar-width);}.TextArea_styles_1tn1ff1_s7jal92__1d7dce1a::-webkit-scrollbar-thumb{background-color:var(--plasma-textarea-scrollbar-thumb-background-color);background-clip:content-box;border:var(--plasma-textarea-scrollbar-border-width) solid transparent;border-radius:1rem;}.TextArea_styles_1tn1ff1_s7jal92__1d7dce1a::-webkit-scrollbar-track{background-color:var(--plasma-textarea-scrollbar-track-background-color);background-clip:content-box;border:var(--plasma-textarea-scrollbar-border-width) solid transparent;border-radius:1rem;}
+.TextArea_styles_1tn1ff1_s11kd6xq__1d7dce1a{max-height:none !important;min-height:var(--plasma-textarea-input-min-height) !important;visibility:hidden !important;overflow:hidden !important;position:absolute !important;z-index:-1000 !important;top:0 !important;left:0 !important;right:0.0625rem !important;border-width:0;padding-right:var(--s11kd6xq-0);padding-left:var(--plasma-textarea-input-padding-left,0);padding-top:0;padding-bottom:0;box-sizing:border-box;text-indent:0;text-rendering:auto;text-transform:none;tab-size:8;font-family:var(--plasma-textarea-input-font-family);font-size:var(--plasma-textarea-input-font-size);font-style:var(--plasma-textarea-input-font-style);font-weight:var(--plasma-textarea-input-font-weight);-webkit-letter-spacing:var(--plasma-textarea-input-letter-spacing);-moz-letter-spacing:var(--plasma-textarea-input-letter-spacing);-ms-letter-spacing:var(--plasma-textarea-input-letter-spacing);letter-spacing:var(--plasma-textarea-input-letter-spacing);line-height:var(--plasma-textarea-input-line-height);}
+.TextArea_styles_1tn1ff1_s14zw9ik__1d7dce1a{box-sizing:border-box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-transition:background-color 0.1s ease-in-out;transition:background-color 0.1s ease-in-out;background-color:var(--plasma-textarea-helpers-background-color);padding-top:var(--plasma-textarea-helpers-padding-top);padding-right:var(--plasma-textarea-helpers-padding-right);padding-bottom:var(--plasma-textarea-helpers-padding-bottom);padding-left:var(--plasma-textarea-helpers-padding-left);border-bottom-left-radius:var(--plasma-textarea-border-radius);border-bottom-right-radius:var(--plasma-textarea-border-radius);}
+.TextArea_styles_1tn1ff1_sgr5lml__1d7dce1a{box-sizing:border-box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;padding-top:var(--plasma-textarea-clear-helpers-padding-top);}
+.TextArea_styles_1tn1ff1_s1etfemq__1d7dce1a{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;font-family:var(--plasma-textarea-helpers-font-family);font-size:var(--plasma-textarea-helpers-font-size);font-style:var(--plasma-textarea-helpers-font-style);font-weight:var(--plasma-textarea-helpers-font-weight);-webkit-letter-spacing:var(--plasma-textarea-helpers-letter-spacing);-moz-letter-spacing:var(--plasma-textarea-helpers-letter-spacing);-ms-letter-spacing:var(--plasma-textarea-helpers-letter-spacing);letter-spacing:var(--plasma-textarea-helpers-letter-spacing);line-height:var(--plasma-textarea-helpers-line-height);color:var(--plasma-textarea-left-helper-color);}.TextArea_styles_1tn1ff1_s1etfemq__1d7dce1a.TextArea_styles_1tn1ff1_textareaLeftHelperFocus__1d7dce1a{color:var(--plasma-textarea-left-helper-color-focus,var(--plasma-textarea-left-helper-color));}
+.TextArea_styles_1tn1ff1_sf7nhlh__1d7dce1a.TextArea_styles_1tn1ff1_s1etfemq__1d7dce1a{color:var(--plasma-textarea-right-helper-color);margin-left:auto;}
+.TextArea_styles_1tn1ff1_s4gk1z__1d7dce1a{box-sizing:border-box;position:absolute;pointer-events:none;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transition:all 0.1s ease-in-out;transition:all 0.1s ease-in-out;-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;color:var(--plasma-textarea-placeholder-color);width:100%;height:auto;top:var(--plasma-textarea-input-padding-top);padding-left:var(--plasma-textarea-input-padding-left);padding-right:var(--s4gk1z-0);font-family:var(--plasma-textarea-input-font-family);font-size:var(--plasma-textarea-input-font-size);font-style:var(--plasma-textarea-input-font-style);font-weight:var(--plasma-textarea-input-font-weight);-webkit-letter-spacing:var(--plasma-textarea-input-letter-spacing);-moz-letter-spacing:var(--plasma-textarea-input-letter-spacing);-ms-letter-spacing:var(--plasma-textarea-input-letter-spacing);letter-spacing:var(--plasma-textarea-input-letter-spacing);line-height:var(--plasma-textarea-input-line-height);}
+.TextArea_styles_1tn1ff1_s1h2xvub__1d7dce1a{position:absolute;border-radius:50%;background-color:var(--plasma-textarea-indicator-color);}.TextArea_styles_1tn1ff1_s1h2xvub__1d7dce1a.TextArea_styles_1tn1ff1_labelPlacementOuter__1d7dce1a{width:var(--plasma-textarea-indicator-size-outer);height:var(--plasma-textarea-indicator-size-outer);inset:var(--plasma-textarea-indicator-placement-outer);}.TextArea_styles_1tn1ff1_s1h2xvub__1d7dce1a.TextArea_styles_1tn1ff1_labelPlacementOuter__1d7dce1a.TextArea_styles_1tn1ff1_requiredAlignRight__1d7dce1a{inset:var(--plasma-textarea-indicator-placement-outer-right);}.TextArea_styles_1tn1ff1_s1h2xvub__1d7dce1a.TextArea_styles_1tn1ff1_labelPlacementOuter__1d7dce1a.TextArea_styles_1tn1ff1_requiredAlignRight__1d7dce1a.TextArea_styles_1tn1ff1_textareaHasHint__1d7dce1a{right:calc( -1 * var(--plasma-textarea-indicator-size-outer) + var(--plasma-textfield__indicator-hint-placement-outer-right,0px) );}.TextArea_styles_1tn1ff1_s1h2xvub__1d7dce1a.TextArea_styles_1tn1ff1_labelPlacementInner__1d7dce1a{width:var(--plasma-textarea-indicator-size-inner);height:var(--plasma-textarea-indicator-size-inner);inset:var(--plasma-textarea-indicator-placement-inner);}.TextArea_styles_1tn1ff1_s1h2xvub__1d7dce1a.TextArea_styles_1tn1ff1_labelPlacementInner__1d7dce1a.TextArea_styles_1tn1ff1_requiredAlignRight__1d7dce1a{inset:var(--plasma-textarea-indicator-placement-inner-right);}
+
+.base_l2axzd_bofyi4a__3db489a5 .base_l2axzd_t18bd513__3db489a5{color:var(--plasma-textarea__title-caption-color);}.base_l2axzd_bofyi4a__3db489a5 .base_l2axzd_textareaContainer__3db489a5{background-color:var(--plasma-textarea-background-color);-webkit-transition:box-shadow 0.1s ease-in-out;transition:box-shadow 0.1s ease-in-out;border-radius:var(--plasma-textarea-border-radius);box-shadow:inset 0 0 0 var(--plasma-textarea-border-size,1px) var(--plasma-textarea-border-color),var(--plasma-textarea-box-shadow,inset 0 0 0 0 transparent);}.base_l2axzd_bofyi4a__3db489a5 .base_l2axzd_textareaWrapper__3db489a5{-webkit-transition:background-color 0.1s ease-in-out,box-shadow 0.1s ease-in-out;transition:background-color 0.1s ease-in-out,box-shadow 0.1s ease-in-out;box-shadow:inset 0 0 0 var(--plasma-textarea-border-size,1px) var(--plasma-textarea-input-border-color);padding-right:var(--plasma-textarea-border-size,1px);}.base_l2axzd_bofyi4a__3db489a5:focus-within:not([readonly]) .base_l2axzd_textareaWrapper__3db489a5{background-color:var(--plasma-textarea-input-background-color-focus);box-shadow:inset 0 0 0 var(--plasma-textarea-border-size,1px) var(--plasma-textarea-input-border-color-focus);}.base_l2axzd_bofyi4a__3db489a5:focus-within:not([readonly]) .base_l2axzd_textareaContainer__3db489a5{background-color:var(--plasma-textarea-background-color-focus);box-shadow:inset 0 0 0 var(--plasma-textarea-border-size,1px) var(--plasma-textarea-border-color-focus),var(--plasma-textarea-box-shadow,inset 0 0 0 0 transparent);}.base_l2axzd_bofyi4a__3db489a5:focus-within:not([readonly]) .base_l2axzd_textareaHelpers__3db489a5{background-color:var(--plasma-textarea-helpers-background-color-focus);}.base_l2axzd_bofyi4a__3db489a5:hover:not(.base_l2axzd_textareaClear__3db489a5):not([disabled]):not([readonly]):not(:focus-within) .base_l2axzd_textareaContainer__3db489a5{background-color:var(--plasma-textarea-background-color-hover);box-shadow:inset 0 0 0 var(--plasma-textarea-border-size,1px) var(--plasma-textarea-border-color-hover),var(--plasma-textarea-box-shadow,inset 0 0 0 0 transparent);}.base_l2axzd_bofyi4a__3db489a5:hover:not(.base_l2axzd_textareaClear__3db489a5):not([disabled]):not([readonly]):not(:focus-within) .base_l2axzd_textareaWrapper__3db489a5{box-shadow:inset 0 0 0 var(--plasma-textarea-border-size,1px) var(--plasma-textarea-input-border-color-hover);background-color:var(--plasma-textarea-input-background-color-hover);}.base_l2axzd_bofyi4a__3db489a5:hover:not(.base_l2axzd_textareaClear__3db489a5):not([disabled]):not([readonly]):not(:focus-within) .base_l2axzd_textareaWrapper__3db489a5 + .base_l2axzd_textareaHelpers__3db489a5{background-color:var(--plasma-textarea-helpers-background-color-hover);}.base_l2axzd_bofyi4a__3db489a5:active:not(.base_l2axzd_textareaClear__3db489a5):not([disabled]):not([readonly]):not(:focus-within) .base_l2axzd_textareaWrapper__3db489a5{box-shadow:inset 0 0 0 var(--plasma-textarea-border-size,1px) var(--plasma-textarea-input-border-color-active);background-color:var(--plasma-textarea-input-background-color-active);}.base_l2axzd_bofyi4a__3db489a5:active:not(.base_l2axzd_textareaClear__3db489a5):not([disabled]):not([readonly]):not(:focus-within) .base_l2axzd_textareaContainer__3db489a5{background-color:var(--plasma-textarea-background-color-active);}.base_l2axzd_bofyi4a__3db489a5:active:not(.base_l2axzd_textareaClear__3db489a5):not([disabled]):not([readonly]):not(:focus-within) .base_l2axzd_textareaWrapper__3db489a5 + .base_l2axzd_textareaHelpers__3db489a5{background-color:var(--plasma-textarea-helpers-background-color-active);}.base_l2axzd_bofyi4a__3db489a5.base_l2axzd_textareaHasDivider__3db489a5 .base_l2axzd_s3wsw3p__3db489a5{position:relative;--plasma_private-textarea-divider-color:var(--plasma-textarea-divider-color);}.base_l2axzd_bofyi4a__3db489a5.base_l2axzd_textareaHasDivider__3db489a5 .base_l2axzd_s3wsw3p__3db489a5:before{content:'';position:absolute;height:0.063rem;width:100%;bottom:0;left:0;background-color:var(--plasma_private-textarea-divider-color);-webkit-transition:background-color 0.1s ease-in;transition:background-color 0.1s ease-in;}.base_l2axzd_bofyi4a__3db489a5.base_l2axzd_textareaHasDivider__3db489a5:not([readonly]) .base_l2axzd_s3wsw3p__3db489a5:hover{--plasma_private-textarea-divider-color:var( --plasma-textarea-divider-color-hover, var(--plasma-textarea-divider-color) );}.base_l2axzd_bofyi4a__3db489a5.base_l2axzd_textareaHasDivider__3db489a5:not([readonly]) .base_l2axzd_s3wsw3p__3db489a5:focus-within{--plasma_private-textarea-divider-color:var( --plasma-textarea-divider-color-focus, var(--plasma-textarea-divider-color) );}
+
+.base_15qflyx_bp4bcu4__07fe23eb{--plasma-tour__border-radius:var(--plasma-textarea-border-radius);}.base_15qflyx_bp4bcu4__07fe23eb.base_15qflyx_textareaHasHint__07fe23eb.base_15qflyx_textareaClear__07fe23eb .base_15qflyx_s1h2xvub__07fe23eb.base_15qflyx_labelPlacementInner__07fe23eb.base_15qflyx_requiredAlignRight__07fe23eb{inset:var(--plasma-textarea__clear-indicator-hint-placement-inner-right);}
+
+.base_l5o3oz_b1xxdrt2__96c3c013[readonly] .base_l5o3oz_s7jal92__96c3c013{color:var(--plasma-textarea-input-color-read-only);}.base_l5o3oz_b1xxdrt2__96c3c013[readonly] .base_l5o3oz_salwx57__96c3c013{opacity:var(--plasma-textarea-right-content-opacity-readonly);}.base_l5o3oz_b1xxdrt2__96c3c013[readonly] .base_l5o3oz_salwx57__96c3c013:hover{color:var(--plasma-textarea-right-content-color);}.base_l5o3oz_b1xxdrt2__96c3c013[readonly] .base_l5o3oz_salwx57__96c3c013:active{color:var(--plasma-textarea-right-content-color);}.base_l5o3oz_b1xxdrt2__96c3c013[readonly].base_l5o3oz_textareaClear__96c3c013 .base_l5o3oz_s3wsw3p__96c3c013:before{background-color:var(--plasma-textarea-divider-color-readonly);}.base_l5o3oz_b1xxdrt2__96c3c013[readonly]:not(.base_l5o3oz_b1xxdrt2__96c3c013[readonly].base_l5o3oz_textareaClear__96c3c013) .base_l5o3oz_s3wsw3p__96c3c013,.base_l5o3oz_b1xxdrt2__96c3c013[readonly]:not(.base_l5o3oz_b1xxdrt2__96c3c013[readonly].base_l5o3oz_textareaClear__96c3c013) .base_l5o3oz_s14zw9ik__96c3c013{background:transparent;}.base_l5o3oz_b1xxdrt2__96c3c013[readonly]:not(.base_l5o3oz_b1xxdrt2__96c3c013[readonly].base_l5o3oz_textareaClear__96c3c013) .base_l5o3oz_s3wsw3p__96c3c013{position:relative;box-shadow:none;}.base_l5o3oz_b1xxdrt2__96c3c013[readonly]:not(.base_l5o3oz_b1xxdrt2__96c3c013[readonly].base_l5o3oz_textareaClear__96c3c013) .base_l5o3oz_s3wsw3p__96c3c013:before{position:absolute;content:'';top:0;left:0;right:0;bottom:0;box-shadow:inset 0 0 0 var(--plasma-textarea-border-size,1px) var(--plasma-textarea-border-color-readonly);border-radius:var(--plasma-textarea-border-radius);z-index:-1;}.base_l5o3oz_b1xxdrt2__96c3c013[readonly]:not(.base_l5o3oz_b1xxdrt2__96c3c013[readonly].base_l5o3oz_textareaClear__96c3c013) .base_l5o3oz_suev9vb__96c3c013{background:transparent;position:relative;}.base_l5o3oz_b1xxdrt2__96c3c013[readonly]:not(.base_l5o3oz_b1xxdrt2__96c3c013[readonly].base_l5o3oz_textareaClear__96c3c013) .base_l5o3oz_suev9vb__96c3c013:before{position:absolute;content:'';top:0;left:0;right:0;bottom:0;background:var(--plasma-textarea-background-color-read-only);border-radius:var(--plasma-textarea-border-radius);opacity:var(--plasma-textarea-read-only-opacity);z-index:-1;}.base_l5o3oz_b1xxdrt2__96c3c013[readonly]:not(.base_l5o3oz_b1xxdrt2__96c3c013[readonly].base_l5o3oz_textareaClear__96c3c013) .base_l5o3oz_suev9vb__96c3c013:hover{background:transparent;}
+
+.base_1vc9ple_b1w9g1pa__5890e4a9[disabled]{opacity:var(--plasma-textarea-disabled-opacity);cursor:not-allowed;pointer-events:none;}.base_1vc9ple_b1w9g1pa__5890e4a9[disabled]:hover,.base_1vc9ple_b1w9g1pa__5890e4a9[disabled]:active{-webkit-transform:none;-ms-transform:none;transform:none;}.base_1vc9ple_b1w9g1pa__5890e4a9 .base_1vc9ple_textarea__5890e4a9:disabled{cursor:not-allowed;color:var(--plasma-textarea-input-color-disabled);}
 
 .base_111a0qe_b193dn9j__86c7166a .base_111a0qe_h1luq7vd__86c7166a{--plasma-tooltip-background-color:var(--plasma-textarea__tooltip-background-color);--plasma-tooltip-box-shadow:var(--plasma-textarea__tooltip-box-shadow);--plasma-tooltip-color:var(--plasma-textarea__tooltip-color);}
 
@@ -1265,3 +1263,7 @@
 .Popover_styles_1w8fqx9_bf32er5__93c24aa0{border-radius:var(--plasma-popover-border-radius);}
 .Popover_styles_1w8fqx9_w1gxr814__93c24aa0{position:relative;background:var(--plasma-popover-background-color);padding:var(--plasma-popover-padding);border-radius:var(--plasma-popover-border-radius);box-shadow:var(--plasma-popover-box-shadow);width:100%;height:100%;box-sizing:border-box;}
 .Popover_styles_1w8fqx9_c3txfur__93c24aa0{position:absolute;top:var(--plasma-popover-icon-offset);right:var(--plasma-popover-icon-offset);padding:0;margin:0;border:none;background:none;cursor:pointer;line-height:0;color:var(--plasma-popover-icon-color);}.Popover_styles_1w8fqx9_c3txfur__93c24aa0:hover{color:var(--plasma-popover-icon-color-hover);}.Popover_styles_1w8fqx9_c3txfur__93c24aa0:active{color:var(--plasma-popover-icon-color-active);}
+
+.Tooltip_styles_12kwl84_b1qesx8q__f0ac3e44{border-radius:var(--plasma-tooltip-border-radius);}
+.Tooltip_styles_12kwl84_w60u28u__f0ac3e44{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;gap:var(--plasma-tooltip-gap);background:var(--plasma-tooltip-background-color);padding:var(--plasma-tooltip-padding);border-radius:var(--plasma-tooltip-border-radius);box-shadow:var(--plasma-tooltip-box-shadow);width:100%;height:100%;box-sizing:border-box;color:var(--plasma-tooltip-color);font-family:var(--plasma-tooltip-font-family);font-size:var(--plasma-tooltip-font-size);font-style:var(--plasma-tooltip-font-style);font-weight:var(--plasma-tooltip-font-weight);-webkit-letter-spacing:var(--plasma-tooltip-letter-spacing);-moz-letter-spacing:var(--plasma-tooltip-letter-spacing);-ms-letter-spacing:var(--plasma-tooltip-letter-spacing);letter-spacing:var(--plasma-tooltip-letter-spacing);line-height:var(--plasma-tooltip-lineheight);}
+.Tooltip_styles_12kwl84_i1yhsfxy__f0ac3e44{-webkit-flex:none;-ms-flex:none;flex:none;line-height:0;}

package/dist/css/cjs/index.js

@@ -277,6 +277,8 @@ var Loader = require('./components/Loader/Loader.js');
 var Loader_tokens = require('./components/Loader/Loader.tokens.js');
 var Popover$1 = require('./components/_beta/Popover/Popover.js');
 var Popover_tokens$1 = require('./components/_beta/Popover/Popover.tokens.js');
+var Tooltip$1 = require('./components/_beta/Tooltip/Tooltip.js');
+var Tooltip_tokens$1 = require('./components/_beta/Tooltip/Tooltip.tokens.js');
 
 
 
@@ -788,4 +790,8 @@ exports._beta_popoverConfig = Popover$1.popoverConfig;
 exports._beta_popoverRoot = Popover$1.popoverRoot;
 exports._beta_popoverClasses = Popover_tokens$1.classes;
 exports._beta_popoverTokens = Popover_tokens$1.tokens;
+exports._beta_tooltipConfig = Tooltip$1.tooltipConfig;
+exports._beta_tooltipRoot = Tooltip$1.tooltipRoot;
+exports._beta_tooltipClasses = Tooltip_tokens$1.classes;
+exports._beta_tooltipTokens = Tooltip_tokens$1.tokens;
 //# sourceMappingURL=index.js.map

package/dist/css/cjs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}