@salutejs/plasma-new-hope 0.337.0-canary.2247.17854524722.0 → 0.337.0-canary.2250.17939562431.0

package/cjs/components/Dropdown/ui/DropdownInner/DropdownInner.js

@@ -66,7 +66,7 @@ var DropdownInner = function DropdownInner(_ref) {
       id: listId,
       role: "group",
       listMaxHeight: item.listMaxHeight
-    }, item.items.map(function (innerItem, innerIndex) {
+    }, item.beforeList, item.items.map(function (innerItem, innerIndex) {
       return /*#__PURE__*/React__default.default.createElement(DropdownInner, {
         key: "".concat(innerIndex, "/").concat(currentLevel),
         item: innerItem,

package/cjs/components/Dropdown/ui/DropdownInner/DropdownInner.js.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownInner.js","sources":["../../../../../src/components/Dropdown/ui/DropdownInner/DropdownInner.tsx"],"sourcesContent":["import React, { useRef } from 'react';\nimport type { FC } from 'react';\nimport { safeUseId } from 'src/utils';\n\nimport { DropdownItem } from '../DropdownItem/DropdownItem';\nimport { Ul, ListWrapper } from '../../Dropdown.styles';\nimport { FloatingPopover } from '../../FloatingPopover';\nimport { getPlacement } from '../../utils';\n\nimport { DropdownInnerProps } from './DropdownInner.type';\n\nconst DropdownInner: FC<DropdownInnerProps> = ({\n    item,\n    currentLevel,\n    path,\n    dispatchPath,\n    index,\n    trigger,\n    listWidth,\n    portal,\n}) => {\n    const handleToggle = (opened: boolean): void => {\n        if (opened) {\n            dispatchPath({ type: 'changed_on_level', value: item.value.toString(), level: currentLevel + 1 });\n        } else {\n            dispatchPath({ type: 'cut_by_level', level: currentLevel + 1 });\n        }\n    };\n\n    const listWrapperRef = useRef<HTMLDivElement>(null);\n\n    const isCurrentListOpen = path[currentLevel + 1] === item.value.toString();\n\n    const treeId = safeUseId();\n    const listId = `${treeId}_tree_level_${currentLevel + 2}`;\n    const nextLevel = currentLevel + 1;\n\n    if (item?.items) {\n        return (\n            <FloatingPopover\n                placement={getPlacement(item?.placement || 'right')}\n                opened={isCurrentListOpen}\n                onToggle={handleToggle}\n                trigger={item.trigger || trigger}\n                target={\n                    <DropdownItem\n                        item={item}\n                        index={index}\n                        path={path}\n                        currentLevel={currentLevel}\n                        ariaControls={listId}\n                        ariaExpanded={isCurrentListOpen}\n                        ariaLevel={nextLevel}\n                        ariaLabel={item.label}\n                    />\n                }\n                isInner\n                portal={portal}\n            >\n                <ListWrapper ref={listWrapperRef} listWidth={listWidth}>\n                    <Ul id={listId} role=\"group\" listMaxHeight={item.listMaxHeight}>\n                        {item.items.map((innerItem, innerIndex) => (\n                            <DropdownInner\n                                key={`${innerIndex}/${currentLevel}`}\n                                item={innerItem}\n                                currentLevel={nextLevel}\n                                path={path}\n                                dispatchPath={dispatchPath}\n                                index={innerIndex}\n                                trigger={trigger}\n                                listWidth={listWidth}\n                                portal={listWrapperRef}\n                            />\n                        ))}\n                    </Ul>\n                </ListWrapper>\n            </FloatingPopover>\n        );\n    }\n\n    return <DropdownItem item={item} path={path} index={index} currentLevel={currentLevel} ariaLevel={nextLevel} />;\n};\n\nexport { DropdownInner };\n"],"names":["DropdownInner","_ref","item","currentLevel","path","dispatchPath","index","trigger","listWidth","portal","handleToggle","opened","type","value","toString","level","listWrapperRef","useRef","isCurrentListOpen","treeId","safeUseId","listId","concat","nextLevel","items","React","createElement","FloatingPopover","placement","getPlacement","onToggle","target","DropdownItem","ariaControls","ariaExpanded","ariaLevel","ariaLabel","label","isInner","ListWrapper","ref","Ul","id","role","listMaxHeight","map","innerItem","innerIndex","key"],"mappings":"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"}
+{"version":3,"file":"DropdownInner.js","sources":["../../../../../src/components/Dropdown/ui/DropdownInner/DropdownInner.tsx"],"sourcesContent":["import React, { useRef } from 'react';\nimport type { FC } from 'react';\nimport { safeUseId } from 'src/utils';\n\nimport { DropdownItem } from '../DropdownItem/DropdownItem';\nimport { Ul, ListWrapper } from '../../Dropdown.styles';\nimport { FloatingPopover } from '../../FloatingPopover';\nimport { getPlacement } from '../../utils';\n\nimport { DropdownInnerProps } from './DropdownInner.type';\n\nconst DropdownInner: FC<DropdownInnerProps> = ({\n    item,\n    currentLevel,\n    path,\n    dispatchPath,\n    index,\n    trigger,\n    listWidth,\n    portal,\n}) => {\n    const handleToggle = (opened: boolean): void => {\n        if (opened) {\n            dispatchPath({ type: 'changed_on_level', value: item.value.toString(), level: currentLevel + 1 });\n        } else {\n            dispatchPath({ type: 'cut_by_level', level: currentLevel + 1 });\n        }\n    };\n\n    const listWrapperRef = useRef<HTMLDivElement>(null);\n\n    const isCurrentListOpen = path[currentLevel + 1] === item.value.toString();\n\n    const treeId = safeUseId();\n    const listId = `${treeId}_tree_level_${currentLevel + 2}`;\n    const nextLevel = currentLevel + 1;\n\n    if (item?.items) {\n        return (\n            <FloatingPopover\n                placement={getPlacement(item?.placement || 'right')}\n                opened={isCurrentListOpen}\n                onToggle={handleToggle}\n                trigger={item.trigger || trigger}\n                target={\n                    <DropdownItem\n                        item={item}\n                        index={index}\n                        path={path}\n                        currentLevel={currentLevel}\n                        ariaControls={listId}\n                        ariaExpanded={isCurrentListOpen}\n                        ariaLevel={nextLevel}\n                        ariaLabel={item.label}\n                    />\n                }\n                isInner\n                portal={portal}\n            >\n                <ListWrapper ref={listWrapperRef} listWidth={listWidth}>\n                    <Ul id={listId} role=\"group\" listMaxHeight={item.listMaxHeight}>\n                        {item.beforeList}\n\n                        {item.items.map((innerItem, innerIndex) => (\n                            <DropdownInner\n                                key={`${innerIndex}/${currentLevel}`}\n                                item={innerItem}\n                                currentLevel={nextLevel}\n                                path={path}\n                                dispatchPath={dispatchPath}\n                                index={innerIndex}\n                                trigger={trigger}\n                                listWidth={listWidth}\n                                portal={listWrapperRef}\n                            />\n                        ))}\n                    </Ul>\n                </ListWrapper>\n            </FloatingPopover>\n        );\n    }\n\n    return <DropdownItem item={item} path={path} index={index} currentLevel={currentLevel} ariaLevel={nextLevel} />;\n};\n\nexport { DropdownInner };\n"],"names":["DropdownInner","_ref","item","currentLevel","path","dispatchPath","index","trigger","listWidth","portal","handleToggle","opened","type","value","toString","level","listWrapperRef","useRef","isCurrentListOpen","treeId","safeUseId","listId","concat","nextLevel","items","React","createElement","FloatingPopover","placement","getPlacement","onToggle","target","DropdownItem","ariaControls","ariaExpanded","ariaLevel","ariaLabel","label","isInner","ListWrapper","ref","Ul","id","role","listMaxHeight","beforeList","map","innerItem","innerIndex","key"],"mappings":"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"}

package/cjs/components/Note/Note.css

@@ -2,7 +2,7 @@
 
 .base_pq323y_b1ygm22t__ed5da473{background:var(--plasma-note-background);color:var(--plasma-note-color);}.base_pq323y_b1ygm22t__ed5da473 .base_pq323y_c1i6bkpn__ed5da473{color:var(--plasma-note-content-before-color);fill:var(--plasma-note-content-before-color);}
 
-.base_12cn7f7_bnp62xb__4561ac8c{padding:var(--plasma-note-padding);border-radius:var(--plasma-note-border-radius);height:var(--plasma_private-note-height);width:var(--plasma_private-note-width);gap:var(--plasma-note-gap);}.base_12cn7f7_bnp62xb__4561ac8c.base_12cn7f7_noteStretch__4561ac8c{width:100%;height:100%;}.base_12cn7f7_bnp62xb__4561ac8c .base_12cn7f7_c1i6bkpn__4561ac8c{width:var(--plasma-note-fixed-content-before-width);height:var(--plasma-note-fixed-content-before-height);padding:var(--plasma-note-fixed-content-before-padding);box-sizing:border-box;}.base_12cn7f7_bnp62xb__4561ac8c.base_12cn7f7_noteContentAlignCenter__4561ac8c{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:var(--plasma-note-padding-scalable);gap:var(--plasma-note-gap-scalable);}.base_12cn7f7_bnp62xb__4561ac8c.base_12cn7f7_noteContentAlignCenter__4561ac8c .base_12cn7f7_c1i6bkpn__4561ac8c{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:unset;}.base_12cn7f7_bnp62xb__4561ac8c .base_12cn7f7_cendmch__4561ac8c{width:var(--plasma_private-note-content-width-with-offset);gap:var(--plasma-note-content-gap);}.base_12cn7f7_bnp62xb__4561ac8c .base_12cn7f7_t1wkjxug__4561ac8c,.base_12cn7f7_bnp62xb__4561ac8c .base_12cn7f7_te86upw__4561ac8c{width:100%;min-height:var(--plasma-note-title-line-height);font-family:var(--plasma-note-title-font-family);font-size:var(--plasma-note-title-font-size);font-style:var(--plasma-note-title-font-style);font-weight:var(--plasma-note-title-font-weight);-webkit-letter-spacing:var(--plasma-note-title-letter-spacing);-moz-letter-spacing:var(--plasma-note-title-letter-spacing);-ms-letter-spacing:var(--plasma-note-title-letter-spacing);letter-spacing:var(--plasma-note-title-letter-spacing);line-height:var(--plasma-note-title-line-height);}.base_12cn7f7_bnp62xb__4561ac8c .base_12cn7f7_t1kp0wa7__4561ac8c,.base_12cn7f7_bnp62xb__4561ac8c .base_12cn7f7_tf1lafs__4561ac8c{font-family:var(--plasma-note-text-font-family);font-size:var(--plasma-note-text-font-size);font-style:var(--plasma-note-text-font-style);font-weight:var(--plasma-note-text-font-weight);-webkit-letter-spacing:var(--plasma-note-text-letter-spacing);-moz-letter-spacing:var(--plasma-note-text-letter-spacing);-ms-letter-spacing:var(--plasma-note-text-letter-spacing);letter-spacing:var(--plasma-note-text-letter-spacing);line-height:var(--plasma-note-text-line-height);overflow-wrap:break-word;}
+.base_111wwzs_bnp62xb__0c427f65{padding:var(--plasma-note-padding);border-radius:var(--plasma-note-border-radius);height:var(--plasma_private-note-height);width:var(--plasma_private-note-width);gap:var(--plasma-note-gap);}.base_111wwzs_bnp62xb__0c427f65.base_111wwzs_noteStretch__0c427f65{width:100%;height:100%;}.base_111wwzs_bnp62xb__0c427f65 .base_111wwzs_c1i6bkpn__0c427f65{width:var(--plasma-note-fixed-content-before-width);height:var(--plasma-note-fixed-content-before-height);padding:var(--plasma-note-fixed-content-before-padding);box-sizing:border-box;}.base_111wwzs_bnp62xb__0c427f65.base_111wwzs_noteContentAlignCenter__0c427f65{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:var(--plasma-note-padding-scalable);gap:var(--plasma-note-gap-scalable);}.base_111wwzs_bnp62xb__0c427f65.base_111wwzs_noteContentAlignCenter__0c427f65 .base_111wwzs_c1i6bkpn__0c427f65{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:unset;}.base_111wwzs_bnp62xb__0c427f65 .base_111wwzs_cendmch__0c427f65{width:var(--plasma_private-note-content-width-with-offset);gap:var(--plasma-note-content-gap);}.base_111wwzs_bnp62xb__0c427f65 .base_111wwzs_t1wkjxug__0c427f65,.base_111wwzs_bnp62xb__0c427f65 .base_111wwzs_te86upw__0c427f65{width:100%;min-height:var(--plasma-note-title-line-height);font-family:var(--plasma-note-title-font-family);font-size:var(--plasma-note-title-font-size);font-style:var(--plasma-note-title-font-style);font-weight:var(--plasma-note-title-font-weight);-webkit-letter-spacing:var(--plasma-note-title-letter-spacing);-moz-letter-spacing:var(--plasma-note-title-letter-spacing);-ms-letter-spacing:var(--plasma-note-title-letter-spacing);letter-spacing:var(--plasma-note-title-letter-spacing);line-height:var(--plasma-note-title-line-height);}.base_111wwzs_bnp62xb__0c427f65 .base_111wwzs_t1kp0wa7__0c427f65,.base_111wwzs_bnp62xb__0c427f65 .base_111wwzs_tf1lafs__0c427f65{font-family:var(--plasma-note-text-font-family);font-size:var(--plasma-note-text-font-size);font-style:var(--plasma-note-text-font-style);font-weight:var(--plasma-note-text-font-weight);-webkit-letter-spacing:var(--plasma-note-text-letter-spacing);-moz-letter-spacing:var(--plasma-note-text-letter-spacing);-ms-letter-spacing:var(--plasma-note-text-letter-spacing);letter-spacing:var(--plasma-note-text-letter-spacing);line-height:var(--plasma-note-text-line-height);word-break:break-all;}
 
 .base_jfbpjg_b1ty39ru__57cb1989{color:var(--plasma-button-color);background:var(--plasma-button-background-color);}.base_jfbpjg_b1ty39ru__57cb1989.base_jfbpjg_buttonLoading__57cb1989{background:var(--plasma-button-loading-background-color);}.base_jfbpjg_b1ty39ru__57cb1989:hover{color:var(--plasma-button-color-hover,var(--plasma-button-color));background:var(--plasma-button-background-color-hover,var(--plasma-button-background-color));scale:var(--plasma-button-scale-hover);}.base_jfbpjg_b1ty39ru__57cb1989:active{color:var(--plasma-button-color-active,var(--plasma-button-color));background:var(--plasma-button-background-color-active,var(--plasma-button-background-color));scale:var(---plasma-button-scale-active);}
 

package/cjs/components/Note/Note.js

@@ -54,7 +54,7 @@ var noteRoot = function noteRoot(Root) {
     var contentWidthWithOffsetToken = contentBefore ? "calc(100% - ".concat(contentBeforeWidth, " - var(").concat(contentGapToken, "))") : '100%';
     var setTruncatedText = function setTruncatedText() {
       var _titleHelperRef$curre;
-      if (!canUseDOM.canUseDOM || !text || typeof text !== 'string' || !(contentWrapperRef !== null && contentWrapperRef !== void 0 && contentWrapperRef.current) || !(textRenderHelperRef !== null && textRenderHelperRef !== void 0 && textRenderHelperRef.current) || !width && !height) {
+      if (!canUseDOM.canUseDOM || !text || !(contentWrapperRef !== null && contentWrapperRef !== void 0 && contentWrapperRef.current) || !(textRenderHelperRef !== null && textRenderHelperRef !== void 0 && textRenderHelperRef.current) || !width && !height) {
         return;
       }
       var contentHeight = contentWrapperRef.current.offsetHeight;

package/cjs/components/Note/Note.js.map

@@ -1 +1 @@
-{"version":3,"file":"Note.js","sources":["../../../src/components/Note/Note.tsx"],"sourcesContent":["import React, { forwardRef, useEffect, useLayoutEffect, useRef, useState } from 'react';\nimport type { CSSProperties } from 'react';\nimport { useResizeObserver } from '@salutejs/plasma-core';\n\nimport { canUseDOM, cx, getSizeValueFromProp } from '../../utils';\nimport type { RootProps } from '../../engines';\nimport { IconCrossThin } from '../_Icon/Icons/IconCrossThin';\n\nimport type { NoteProps } from './Note.types';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport {\n    base,\n    CloseIconWrapper,\n    ContentBefore,\n    ContentWrapper,\n    Text,\n    TextHelper,\n    Title,\n    TitleHelper,\n} from './Note.styles';\nimport { classes, privateTokens, tokens } from './Note.tokens';\n\nexport const noteRoot = (Root: RootProps<HTMLDivElement, NoteProps>) =>\n    forwardRef<HTMLDivElement, NoteProps>(\n        (\n            {\n                className,\n                style,\n                title,\n                text,\n                contentBefore,\n                contentBeforeSizing = 'fixed',\n                size,\n                view,\n                stretch,\n                width,\n                height,\n                hasClose,\n                onCloseButtonClick,\n                ...rest\n            },\n            outerRef,\n        ) => {\n            const [innerText, setInnerText] = useState(text);\n            const [contentBeforeWidth, setContentBeforeWidth] = useState(\n                contentBefore ? `var(${tokens.fixedContentBeforeWidth})` : '0',\n            );\n\n            const contentWrapperRef = useRef<HTMLDivElement>(null);\n            const contentBeforeRef = useRef<HTMLDivElement>(null);\n            const titleHelperRef = useRef<HTMLDivElement>(null);\n            const textRenderHelperRef = useRef<HTMLSpanElement>(null);\n\n            const innerWidth = width ? getSizeValueFromProp(width) : 'fit-content';\n            const innerHeight = height ? getSizeValueFromProp(height) : 'fit-content';\n\n            const contentGapToken = contentBeforeSizing === 'scalable' ? tokens.gapScalable : tokens.gap;\n            const contentWidthWithOffsetToken = contentBefore\n                ? `calc(100% - ${contentBeforeWidth} - var(${contentGapToken}))`\n                : '100%';\n\n            const setTruncatedText = () => {\n                if (\n                    !canUseDOM ||\n                    !text ||\n                    typeof text !== 'string' ||\n                    !contentWrapperRef?.current ||\n                    !textRenderHelperRef?.current ||\n                    (!width && !height)\n                ) {\n                    return;\n                }\n\n                const contentHeight = contentWrapperRef.current.offsetHeight;\n                const titleHeight = titleHelperRef.current?.offsetHeight || 0;\n\n                const contentGap = Number(window.getComputedStyle(contentWrapperRef.current).rowGap.replace('px', ''));\n\n                const textAvailableHeight = contentHeight - titleHeight - contentGap;\n\n                textRenderHelperRef.current.textContent = text;\n\n                if (textRenderHelperRef.current.offsetHeight <= textAvailableHeight) {\n                    setInnerText(text);\n                    return;\n                }\n\n                let fullText = `${text.slice(0, -3)}...`;\n\n                for (let i = text.length - 1; i >= 0; i -= 1) {\n                    textRenderHelperRef.current.textContent = fullText;\n\n                    if (textRenderHelperRef.current.offsetHeight <= textAvailableHeight) {\n                        break;\n                    }\n\n                    fullText = `${fullText.slice(0, i)}...`;\n                }\n\n                setInnerText(fullText);\n            };\n\n            useResizeObserver(contentWrapperRef, setTruncatedText);\n\n            useLayoutEffect(() => {\n                setTruncatedText();\n            }, [text, contentBefore, contentBeforeSizing, stretch]);\n\n            useEffect(() => {\n                setTruncatedText();\n            }, [text]);\n\n            useEffect(() => {\n                if (!contentBeforeRef?.current) {\n                    return;\n                }\n\n                if (contentBeforeSizing === 'scalable') {\n                    setContentBeforeWidth(`${contentBeforeRef.current.offsetWidth}px`);\n                    return;\n                }\n\n                setContentBeforeWidth(`var(${tokens.fixedContentBeforeWidth})`);\n            }, [contentBefore, contentBeforeSizing]);\n\n            return (\n                <Root\n                    ref={outerRef}\n                    className={cx(\n                        className,\n                        stretch && classes.stretch,\n                        contentBeforeSizing === 'scalable' && classes.contentAlignCenter,\n                    )}\n                    view={view}\n                    size={size}\n                    style={\n                        {\n                            ...style,\n                            [privateTokens.width]: innerWidth,\n                            [privateTokens.height]: innerHeight,\n                            [privateTokens.contentWidthWithOffset]: contentWidthWithOffsetToken,\n                        } as CSSProperties\n                    }\n                    {...rest}\n                >\n                    {contentBefore && <ContentBefore ref={contentBeforeRef}>{contentBefore}</ContentBefore>}\n                    <ContentWrapper ref={contentWrapperRef}>\n                        {title && (\n                            <>\n                                <Title hasClose={hasClose}>{title}</Title>\n                                <TitleHelper ref={titleHelperRef}>C</TitleHelper>\n                            </>\n                        )}\n                        {innerText && (\n                            <>\n                                <Text>\n                                    {innerText}\n                                    <TextHelper ref={textRenderHelperRef}>C</TextHelper>\n                                </Text>\n                            </>\n                        )}\n                    </ContentWrapper>\n                    {hasClose && (\n                        <CloseIconWrapper\n                            view=\"clear\"\n                            size=\"s\"\n                            onClick={onCloseButtonClick}\n                            className={classes.closeIcon}\n                        >\n                            <IconCrossThin size=\"s\" sizeCustomProperty={tokens.closeIconSize} color=\"inherit\" />\n                        </CloseIconWrapper>\n                    )}\n                </Root>\n            );\n        },\n    );\n\nexport const noteConfig = {\n    name: 'Note',\n    tag: 'div',\n    layout: noteRoot,\n    base,\n    variations: {\n        view: {\n            css: viewCSS,\n        },\n        size: {\n            css: sizeCSS,\n        },\n    },\n    defaults: {\n        view: 'default',\n        size: 'm',\n    },\n};\n"],"names":["noteRoot","Root","forwardRef","_ref","outerRef","className","style","title","text","contentBefore","_ref$contentBeforeSiz","contentBeforeSizing","size","view","stretch","width","height","hasClose","onCloseButtonClick","rest","_objectWithoutProperties","_excluded","_useState","useState","_useState2","_slicedToArray","innerText","setInnerText","_useState3","concat","tokens","fixedContentBeforeWidth","_useState4","contentBeforeWidth","setContentBeforeWidth","contentWrapperRef","useRef","contentBeforeRef","titleHelperRef","textRenderHelperRef","innerWidth","getSizeValueFromProp","innerHeight","contentGapToken","gapScalable","gap","contentWidthWithOffsetToken","setTruncatedText","_titleHelperRef$curre","canUseDOM","current","contentHeight","offsetHeight","titleHeight","contentGap","Number","window","getComputedStyle","rowGap","replace","textAvailableHeight","textContent","fullText","slice","i","length","useResizeObserver","useLayoutEffect","useEffect","offsetWidth","React","createElement","_extends","ref","cx","classes","contentAlignCenter","_objectSpread","_defineProperty","privateTokens","contentWidthWithOffset","ContentBefore","ContentWrapper","Fragment","Title","TitleHelper","Text","TextHelper","CloseIconWrapper","onClick","closeIcon","IconCrossThin","sizeCustomProperty","closeIconSize","color","noteConfig","name","tag","layout","base","variations","css","viewCSS","sizeCSS","defaults"],"mappings":"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"}
+{"version":3,"file":"Note.js","sources":["../../../src/components/Note/Note.tsx"],"sourcesContent":["import React, { forwardRef, useEffect, useLayoutEffect, useRef, useState } from 'react';\nimport type { CSSProperties } from 'react';\nimport { useResizeObserver } from '@salutejs/plasma-core';\n\nimport { canUseDOM, cx, getSizeValueFromProp } from '../../utils';\nimport type { RootProps } from '../../engines';\nimport { IconCrossThin } from '../_Icon/Icons/IconCrossThin';\n\nimport type { NoteProps } from './Note.types';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport {\n    base,\n    CloseIconWrapper,\n    ContentBefore,\n    ContentWrapper,\n    Text,\n    TextHelper,\n    Title,\n    TitleHelper,\n} from './Note.styles';\nimport { classes, privateTokens, tokens } from './Note.tokens';\n\nexport const noteRoot = (Root: RootProps<HTMLDivElement, NoteProps>) =>\n    forwardRef<HTMLDivElement, NoteProps>(\n        (\n            {\n                className,\n                style,\n                title,\n                text,\n                contentBefore,\n                contentBeforeSizing = 'fixed',\n                size,\n                view,\n                stretch,\n                width,\n                height,\n                hasClose,\n                onCloseButtonClick,\n                ...rest\n            },\n            outerRef,\n        ) => {\n            const [innerText, setInnerText] = useState(text);\n            const [contentBeforeWidth, setContentBeforeWidth] = useState(\n                contentBefore ? `var(${tokens.fixedContentBeforeWidth})` : '0',\n            );\n\n            const contentWrapperRef = useRef<HTMLDivElement>(null);\n            const contentBeforeRef = useRef<HTMLDivElement>(null);\n            const titleHelperRef = useRef<HTMLDivElement>(null);\n            const textRenderHelperRef = useRef<HTMLSpanElement>(null);\n\n            const innerWidth = width ? getSizeValueFromProp(width) : 'fit-content';\n            const innerHeight = height ? getSizeValueFromProp(height) : 'fit-content';\n\n            const contentGapToken = contentBeforeSizing === 'scalable' ? tokens.gapScalable : tokens.gap;\n            const contentWidthWithOffsetToken = contentBefore\n                ? `calc(100% - ${contentBeforeWidth} - var(${contentGapToken}))`\n                : '100%';\n\n            const setTruncatedText = () => {\n                if (\n                    !canUseDOM ||\n                    !text ||\n                    !contentWrapperRef?.current ||\n                    !textRenderHelperRef?.current ||\n                    (!width && !height)\n                ) {\n                    return;\n                }\n\n                const contentHeight = contentWrapperRef.current.offsetHeight;\n                const titleHeight = titleHelperRef.current?.offsetHeight || 0;\n\n                const contentGap = Number(window.getComputedStyle(contentWrapperRef.current).rowGap.replace('px', ''));\n\n                const textAvailableHeight = contentHeight - titleHeight - contentGap;\n\n                textRenderHelperRef.current.textContent = text;\n\n                if (textRenderHelperRef.current.offsetHeight <= textAvailableHeight) {\n                    setInnerText(text);\n                    return;\n                }\n\n                let fullText = `${text.slice(0, -3)}...`;\n\n                for (let i = text.length - 1; i >= 0; i -= 1) {\n                    textRenderHelperRef.current.textContent = fullText;\n\n                    if (textRenderHelperRef.current.offsetHeight <= textAvailableHeight) {\n                        break;\n                    }\n\n                    fullText = `${fullText.slice(0, i)}...`;\n                }\n\n                setInnerText(fullText);\n            };\n\n            useResizeObserver(contentWrapperRef, setTruncatedText);\n\n            useLayoutEffect(() => {\n                setTruncatedText();\n            }, [text, contentBefore, contentBeforeSizing, stretch]);\n\n            useEffect(() => {\n                setTruncatedText();\n            }, [text]);\n\n            useEffect(() => {\n                if (!contentBeforeRef?.current) {\n                    return;\n                }\n\n                if (contentBeforeSizing === 'scalable') {\n                    setContentBeforeWidth(`${contentBeforeRef.current.offsetWidth}px`);\n                    return;\n                }\n\n                setContentBeforeWidth(`var(${tokens.fixedContentBeforeWidth})`);\n            }, [contentBefore, contentBeforeSizing]);\n\n            return (\n                <Root\n                    ref={outerRef}\n                    className={cx(\n                        className,\n                        stretch && classes.stretch,\n                        contentBeforeSizing === 'scalable' && classes.contentAlignCenter,\n                    )}\n                    view={view}\n                    size={size}\n                    style={\n                        {\n                            ...style,\n                            [privateTokens.width]: innerWidth,\n                            [privateTokens.height]: innerHeight,\n                            [privateTokens.contentWidthWithOffset]: contentWidthWithOffsetToken,\n                        } as CSSProperties\n                    }\n                    {...rest}\n                >\n                    {contentBefore && <ContentBefore ref={contentBeforeRef}>{contentBefore}</ContentBefore>}\n                    <ContentWrapper ref={contentWrapperRef}>\n                        {title && (\n                            <>\n                                <Title hasClose={hasClose}>{title}</Title>\n                                <TitleHelper ref={titleHelperRef}>C</TitleHelper>\n                            </>\n                        )}\n                        {innerText && (\n                            <>\n                                <Text>\n                                    {innerText}\n                                    <TextHelper ref={textRenderHelperRef}>C</TextHelper>\n                                </Text>\n                            </>\n                        )}\n                    </ContentWrapper>\n                    {hasClose && (\n                        <CloseIconWrapper\n                            view=\"clear\"\n                            size=\"s\"\n                            onClick={onCloseButtonClick}\n                            className={classes.closeIcon}\n                        >\n                            <IconCrossThin size=\"s\" sizeCustomProperty={tokens.closeIconSize} color=\"inherit\" />\n                        </CloseIconWrapper>\n                    )}\n                </Root>\n            );\n        },\n    );\n\nexport const noteConfig = {\n    name: 'Note',\n    tag: 'div',\n    layout: noteRoot,\n    base,\n    variations: {\n        view: {\n            css: viewCSS,\n        },\n        size: {\n            css: sizeCSS,\n        },\n    },\n    defaults: {\n        view: 'default',\n        size: 'm',\n    },\n};\n"],"names":["noteRoot","Root","forwardRef","_ref","outerRef","className","style","title","text","contentBefore","_ref$contentBeforeSiz","contentBeforeSizing","size","view","stretch","width","height","hasClose","onCloseButtonClick","rest","_objectWithoutProperties","_excluded","_useState","useState","_useState2","_slicedToArray","innerText","setInnerText","_useState3","concat","tokens","fixedContentBeforeWidth","_useState4","contentBeforeWidth","setContentBeforeWidth","contentWrapperRef","useRef","contentBeforeRef","titleHelperRef","textRenderHelperRef","innerWidth","getSizeValueFromProp","innerHeight","contentGapToken","gapScalable","gap","contentWidthWithOffsetToken","setTruncatedText","_titleHelperRef$curre","canUseDOM","current","contentHeight","offsetHeight","titleHeight","contentGap","Number","window","getComputedStyle","rowGap","replace","textAvailableHeight","textContent","fullText","slice","i","length","useResizeObserver","useLayoutEffect","useEffect","offsetWidth","React","createElement","_extends","ref","cx","classes","contentAlignCenter","_objectSpread","_defineProperty","privateTokens","contentWidthWithOffset","ContentBefore","ContentWrapper","Fragment","Title","TitleHelper","Text","TextHelper","CloseIconWrapper","onClick","closeIcon","IconCrossThin","sizeCustomProperty","closeIconSize","color","noteConfig","name","tag","layout","base","variations","css","viewCSS","sizeCSS","defaults"],"mappings":";;;;;;;;;;;;;;;;;;;;;IAuBaA,QAAQ,GAAG,SAAXA,QAAQA,CAAIC,IAA0C,EAAA;AAAA,EAAA,oBAC/DC,gBAAU,CACN,UAAAC,IAAA,EAiBIC,QAAQ,EACP;AAAA,IAAA,IAhBGC,SAAS,GAAAF,IAAA,CAATE,SAAS;MACTC,KAAK,GAAAH,IAAA,CAALG,KAAK;MACLC,KAAK,GAAAJ,IAAA,CAALI,KAAK;MACLC,IAAI,GAAAL,IAAA,CAAJK,IAAI;MACJC,aAAa,GAAAN,IAAA,CAAbM,aAAa;MAAAC,qBAAA,GAAAP,IAAA,CACbQ,mBAAmB;AAAnBA,MAAAA,mBAAmB,GAAAD,qBAAA,KAAG,KAAA,CAAA,GAAA,OAAO,GAAAA,qBAAA;MAC7BE,IAAI,GAAAT,IAAA,CAAJS,IAAI;MACJC,IAAI,GAAAV,IAAA,CAAJU,IAAI;MACJC,OAAO,GAAAX,IAAA,CAAPW,OAAO;MACPC,KAAK,GAAAZ,IAAA,CAALY,KAAK;MACLC,MAAM,GAAAb,IAAA,CAANa,MAAM;MACNC,QAAQ,GAAAd,IAAA,CAARc,QAAQ;MACRC,kBAAkB,GAAAf,IAAA,CAAlBe,kBAAkB;AACfC,MAAAA,IAAI,GAAAC,iDAAA,CAAAjB,IAAA,EAAAkB,SAAA,CAAA,CAAA;AAIX,IAAA,IAAAC,SAAA,GAAkCC,cAAQ,CAACf,IAAI,CAAC;MAAAgB,UAAA,GAAAC,uCAAA,CAAAH,SAAA,EAAA,CAAA,CAAA;AAAzCI,MAAAA,SAAS,GAAAF,UAAA,CAAA,CAAA,CAAA;AAAEG,MAAAA,YAAY,GAAAH,UAAA,CAAA,CAAA,CAAA,CAAA;AAC9B,IAAA,IAAAI,UAAA,GAAoDL,cAAQ,CACxDd,aAAa,GAAA,MAAA,CAAAoB,MAAA,CAAUC,kBAAM,CAACC,uBAAuB,EAAA,GAAA,CAAA,GAAM,GAC/D,CAAC;MAAAC,UAAA,GAAAP,uCAAA,CAAAG,UAAA,EAAA,CAAA,CAAA;AAFMK,MAAAA,kBAAkB,GAAAD,UAAA,CAAA,CAAA,CAAA;AAAEE,MAAAA,qBAAqB,GAAAF,UAAA,CAAA,CAAA,CAAA,CAAA;AAIhD,IAAA,IAAMG,iBAAiB,GAAGC,YAAM,CAAiB,IAAI,CAAC,CAAA;AACtD,IAAA,IAAMC,gBAAgB,GAAGD,YAAM,CAAiB,IAAI,CAAC,CAAA;AACrD,IAAA,IAAME,cAAc,GAAGF,YAAM,CAAiB,IAAI,CAAC,CAAA;AACnD,IAAA,IAAMG,mBAAmB,GAAGH,YAAM,CAAkB,IAAI,CAAC,CAAA;IAEzD,IAAMI,UAAU,GAAGzB,KAAK,GAAG0B,yCAAoB,CAAC1B,KAAK,CAAC,GAAG,aAAa,CAAA;IACtE,IAAM2B,WAAW,GAAG1B,MAAM,GAAGyB,yCAAoB,CAACzB,MAAM,CAAC,GAAG,aAAa,CAAA;AAEzE,IAAA,IAAM2B,eAAe,GAAGhC,mBAAmB,KAAK,UAAU,GAAGmB,kBAAM,CAACc,WAAW,GAAGd,kBAAM,CAACe,GAAG,CAAA;AAC5F,IAAA,IAAMC,2BAA2B,GAAGrC,aAAa,GAAA,cAAA,CAAAoB,MAAA,CAC5BI,kBAAkB,EAAA,SAAA,CAAA,CAAAJ,MAAA,CAAUc,eAAe,EAAA,IAAA,CAAA,GAC1D,MAAM,CAAA;AAEZ,IAAA,IAAMI,gBAAgB,GAAG,SAAnBA,gBAAgBA,GAAS;AAAA,MAAA,IAAAC,qBAAA,CAAA;AAC3B,MAAA,IACI,CAACC,mBAAS,IACV,CAACzC,IAAI,IACL,EAAC2B,iBAAiB,KAAjBA,IAAAA,IAAAA,iBAAiB,KAAjBA,KAAAA,CAAAA,IAAAA,iBAAiB,CAAEe,OAAO,CAC3B,IAAA,EAACX,mBAAmB,KAAA,IAAA,IAAnBA,mBAAmB,KAAA,KAAA,CAAA,IAAnBA,mBAAmB,CAAEW,OAAO,CAAA,IAC5B,CAACnC,KAAK,IAAI,CAACC,MAAO,EACrB;AACE,QAAA,OAAA;AACJ,OAAA;AAEA,MAAA,IAAMmC,aAAa,GAAGhB,iBAAiB,CAACe,OAAO,CAACE,YAAY,CAAA;AAC5D,MAAA,IAAMC,WAAW,GAAG,CAAAL,CAAAA,qBAAA,GAAAV,cAAc,CAACY,OAAO,MAAA,IAAA,IAAAF,qBAAA,KAAtBA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,qBAAA,CAAwBI,YAAY,KAAI,CAAC,CAAA;MAE7D,IAAME,UAAU,GAAGC,MAAM,CAACC,MAAM,CAACC,gBAAgB,CAACtB,iBAAiB,CAACe,OAAO,CAAC,CAACQ,MAAM,CAACC,OAAO,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,CAAA;AAEtG,MAAA,IAAMC,mBAAmB,GAAGT,aAAa,GAAGE,WAAW,GAAGC,UAAU,CAAA;AAEpEf,MAAAA,mBAAmB,CAACW,OAAO,CAACW,WAAW,GAAGrD,IAAI,CAAA;AAE9C,MAAA,IAAI+B,mBAAmB,CAACW,OAAO,CAACE,YAAY,IAAIQ,mBAAmB,EAAE;QACjEjC,YAAY,CAACnB,IAAI,CAAC,CAAA;AAClB,QAAA,OAAA;AACJ,OAAA;AAEA,MAAA,IAAIsD,QAAQ,GAAA,EAAA,CAAAjC,MAAA,CAAMrB,IAAI,CAACuD,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAK,KAAA,CAAA,CAAA;AAExC,MAAA,KAAK,IAAIC,CAAC,GAAGxD,IAAI,CAACyD,MAAM,GAAG,CAAC,EAAED,CAAC,IAAI,CAAC,EAAEA,CAAC,IAAI,CAAC,EAAE;AAC1CzB,QAAAA,mBAAmB,CAACW,OAAO,CAACW,WAAW,GAAGC,QAAQ,CAAA;AAElD,QAAA,IAAIvB,mBAAmB,CAACW,OAAO,CAACE,YAAY,IAAIQ,mBAAmB,EAAE;AACjE,UAAA,MAAA;AACJ,SAAA;QAEAE,QAAQ,GAAA,EAAA,CAAAjC,MAAA,CAAMiC,QAAQ,CAACC,KAAK,CAAC,CAAC,EAAEC,CAAC,CAAC,EAAK,KAAA,CAAA,CAAA;AAC3C,OAAA;MAEArC,YAAY,CAACmC,QAAQ,CAAC,CAAA;KACzB,CAAA;AAEDI,IAAAA,4BAAiB,CAAC/B,iBAAiB,EAAEY,gBAAgB,CAAC,CAAA;AAEtDoB,IAAAA,qBAAe,CAAC,YAAM;AAClBpB,MAAAA,gBAAgB,EAAE,CAAA;KACrB,EAAE,CAACvC,IAAI,EAAEC,aAAa,EAAEE,mBAAmB,EAAEG,OAAO,CAAC,CAAC,CAAA;AAEvDsD,IAAAA,eAAS,CAAC,YAAM;AACZrB,MAAAA,gBAAgB,EAAE,CAAA;AACtB,KAAC,EAAE,CAACvC,IAAI,CAAC,CAAC,CAAA;AAEV4D,IAAAA,eAAS,CAAC,YAAM;MACZ,IAAI,EAAC/B,gBAAgB,KAAhBA,IAAAA,IAAAA,gBAAgB,eAAhBA,gBAAgB,CAAEa,OAAO,CAAE,EAAA;AAC5B,QAAA,OAAA;AACJ,OAAA;MAEA,IAAIvC,mBAAmB,KAAK,UAAU,EAAE;QACpCuB,qBAAqB,CAAA,EAAA,CAAAL,MAAA,CAAIQ,gBAAgB,CAACa,OAAO,CAACmB,WAAW,EAAA,IAAA,CAAI,CAAC,CAAA;AAClE,QAAA,OAAA;AACJ,OAAA;AAEAnC,MAAAA,qBAAqB,QAAAL,MAAA,CAAQC,kBAAM,CAACC,uBAAuB,MAAG,CAAC,CAAA;AACnE,KAAC,EAAE,CAACtB,aAAa,EAAEE,mBAAmB,CAAC,CAAC,CAAA;AAExC,IAAA,oBACI2D,sBAAA,CAAAC,aAAA,CAACtE,IAAI,EAAAuE,iCAAA,CAAA;AACDC,MAAAA,GAAG,EAAErE,QAAS;AACdC,MAAAA,SAAS,EAAEqE,QAAE,CACTrE,SAAS,EACTS,OAAO,IAAI6D,mBAAO,CAAC7D,OAAO,EAC1BH,mBAAmB,KAAK,UAAU,IAAIgE,mBAAO,CAACC,kBAClD,CAAE;AACF/D,MAAAA,IAAI,EAAEA,IAAK;AACXD,MAAAA,IAAI,EAAEA,IAAK;AACXN,MAAAA,KAAK,EAAAuE,uCAAA,CAAAA,uCAAA,CAEMvE,EAAAA,EAAAA,KAAK,CAAAwE,EAAAA,EAAAA,EAAAA,wCAAA,CAAAA,wCAAA,CAAAA,wCAAA,CACPC,EAAAA,EAAAA,yBAAa,CAAChE,KAAK,EAAGyB,UAAU,CAChCuC,EAAAA,yBAAa,CAAC/D,MAAM,EAAG0B,WAAW,CAClCqC,EAAAA,yBAAa,CAACC,sBAAsB,EAAGlC,2BAA2B,CAAA,CAAA;KAGvE3B,EAAAA,IAAI,GAEPV,aAAa,iBAAI6D,sBAAA,CAAAC,aAAA,CAACU,yBAAa,EAAA;AAACR,MAAAA,GAAG,EAAEpC,gBAAAA;AAAiB,KAAA,EAAE5B,aAA6B,CAAC,eACvF6D,sBAAA,CAAAC,aAAA,CAACW,0BAAc,EAAA;AAACT,MAAAA,GAAG,EAAEtC,iBAAAA;AAAkB,KAAA,EAClC5B,KAAK,iBACF+D,sBAAA,CAAAC,aAAA,CAAAD,sBAAA,CAAAa,QAAA,EACIb,IAAAA,eAAAA,sBAAA,CAAAC,aAAA,CAACa,iBAAK,EAAA;AAACnE,MAAAA,QAAQ,EAAEA,QAAAA;AAAS,KAAA,EAAEV,KAAa,CAAC,eAC1C+D,sBAAA,CAAAC,aAAA,CAACc,uBAAW,EAAA;AAACZ,MAAAA,GAAG,EAAEnC,cAAAA;KAAgB,EAAA,GAAc,CAClD,CACL,EACAZ,SAAS,iBACN4C,sBAAA,CAAAC,aAAA,CAAAD,sBAAA,CAAAa,QAAA,qBACIb,sBAAA,CAAAC,aAAA,CAACe,gBAAI,EAAA,IAAA,EACA5D,SAAS,eACV4C,sBAAA,CAAAC,aAAA,CAACgB,sBAAU,EAAA;AAACd,MAAAA,GAAG,EAAElC,mBAAAA;AAAoB,KAAA,EAAC,GAAa,CACjD,CACR,CAEM,CAAC,EAChBtB,QAAQ,iBACLqD,sBAAA,CAAAC,aAAA,CAACiB,4BAAgB,EAAA;AACb3E,MAAAA,IAAI,EAAC,OAAO;AACZD,MAAAA,IAAI,EAAC,GAAG;AACR6E,MAAAA,OAAO,EAAEvE,kBAAmB;MAC5Bb,SAAS,EAAEsE,mBAAO,CAACe,SAAAA;AAAU,KAAA,eAE7BpB,sBAAA,CAAAC,aAAA,CAACoB,2BAAa,EAAA;AAAC/E,MAAAA,IAAI,EAAC,GAAG;MAACgF,kBAAkB,EAAE9D,kBAAM,CAAC+D,aAAc;AAACC,MAAAA,KAAK,EAAC,SAAA;KAAW,CACrE,CAEpB,CAAC,CAAA;AAEf,GACJ,CAAC,CAAA;AAAA,EAAA;AAEE,IAAMC,UAAU,GAAG;AACtBC,EAAAA,IAAI,EAAE,MAAM;AACZC,EAAAA,GAAG,EAAE,KAAK;AACVC,EAAAA,MAAM,EAAElG,QAAQ;AAChBmG,EAAAA,IAAI,EAAJA,gBAAI;AACJC,EAAAA,UAAU,EAAE;AACRvF,IAAAA,IAAI,EAAE;AACFwF,MAAAA,GAAG,EAAEC,SAAAA;KACR;AACD1F,IAAAA,IAAI,EAAE;AACFyF,MAAAA,GAAG,EAAEE,WAAAA;AACT,KAAA;GACH;AACDC,EAAAA,QAAQ,EAAE;AACN3F,IAAAA,IAAI,EAAE,SAAS;AACfD,IAAAA,IAAI,EAAE,GAAA;AACV,GAAA;AACJ;;;;;"}

package/cjs/components/Note/variations/_size/base.js

@@ -1,4 +1,4 @@
-require('./base_12cn7f7.css');
+require('./base_111wwzs.css');
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/cjs/components/Note/variations/_size/base.js.map

@@ -1 +1 @@
-{"version":3,"file":"base.js","sources":["../../../../../src/components/Note/variations/_size/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { classes, privateTokens, tokens } from '../../Note.tokens';\nimport { ContentBefore, ContentWrapper, Text, TextHelper, Title, TitleHelper } from '../../Note.styles';\n\nexport const base = css`\n    padding: var(${tokens.padding});\n    border-radius: var(${tokens.borderRadius});\n    height: var(${privateTokens.height});\n    width: var(${privateTokens.width});\n    gap: var(${tokens.gap});\n\n    &.${classes.stretch} {\n        width: 100%;\n        height: 100%;\n    }\n\n    ${ContentBefore} {\n        width: var(${tokens.fixedContentBeforeWidth});\n        height: var(${tokens.fixedContentBeforeHeight});\n        padding: var(${tokens.fixedContentBeforePadding});\n        box-sizing: border-box;\n    }\n\n    &.${classes.contentAlignCenter} {\n        align-items: center;\n        padding: var(${tokens.paddingScalable});\n        gap: var(${tokens.gapScalable});\n\n        ${ContentBefore} {\n            width: fit-content;\n            height: fit-content;\n            padding: unset;\n        }\n    }\n\n    ${ContentWrapper} {\n        width: var(${privateTokens.contentWidthWithOffset});\n        gap: var(${tokens.contentGap});\n    }\n\n    ${Title}, ${TitleHelper} {\n        width: 100%;\n        min-height: var(${tokens.titleLineHeight});\n\n        font-family: var(${tokens.titleFontFamily});\n        font-size: var(${tokens.titleFontSize});\n        font-style: var(${tokens.titleFontStyle});\n        font-weight: var(${tokens.titleFontWeight});\n        letter-spacing: var(${tokens.titleLetterSpacing});\n        line-height: var(${tokens.titleLineHeight});\n    }\n\n    ${Text}, ${TextHelper} {\n        font-family: var(${tokens.textFontFamily});\n        font-size: var(${tokens.textFontSize});\n        font-style: var(${tokens.textFontStyle});\n        font-weight: var(${tokens.textFontWeight});\n        letter-spacing: var(${tokens.textLetterSpacing});\n        line-height: var(${tokens.textLineHeight});\n\n        overflow-wrap: break-word;\n    }\n`;\n"],"names":["base"],"mappings":";;;;AAKO,IAAMA,IAAI,GA0DhB;;;;"}
+{"version":3,"file":"base.js","sources":["../../../../../src/components/Note/variations/_size/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { classes, privateTokens, tokens } from '../../Note.tokens';\nimport { ContentBefore, ContentWrapper, Text, TextHelper, Title, TitleHelper } from '../../Note.styles';\n\nexport const base = css`\n    padding: var(${tokens.padding});\n    border-radius: var(${tokens.borderRadius});\n    height: var(${privateTokens.height});\n    width: var(${privateTokens.width});\n    gap: var(${tokens.gap});\n\n    &.${classes.stretch} {\n        width: 100%;\n        height: 100%;\n    }\n\n    ${ContentBefore} {\n        width: var(${tokens.fixedContentBeforeWidth});\n        height: var(${tokens.fixedContentBeforeHeight});\n        padding: var(${tokens.fixedContentBeforePadding});\n        box-sizing: border-box;\n    }\n\n    &.${classes.contentAlignCenter} {\n        align-items: center;\n        padding: var(${tokens.paddingScalable});\n        gap: var(${tokens.gapScalable});\n\n        ${ContentBefore} {\n            width: fit-content;\n            height: fit-content;\n            padding: unset;\n        }\n    }\n\n    ${ContentWrapper} {\n        width: var(${privateTokens.contentWidthWithOffset});\n        gap: var(${tokens.contentGap});\n    }\n\n    ${Title}, ${TitleHelper} {\n        width: 100%;\n        min-height: var(${tokens.titleLineHeight});\n\n        font-family: var(${tokens.titleFontFamily});\n        font-size: var(${tokens.titleFontSize});\n        font-style: var(${tokens.titleFontStyle});\n        font-weight: var(${tokens.titleFontWeight});\n        letter-spacing: var(${tokens.titleLetterSpacing});\n        line-height: var(${tokens.titleLineHeight});\n    }\n\n    ${Text}, ${TextHelper} {\n        font-family: var(${tokens.textFontFamily});\n        font-size: var(${tokens.textFontSize});\n        font-style: var(${tokens.textFontStyle});\n        font-weight: var(${tokens.textFontWeight});\n        letter-spacing: var(${tokens.textLetterSpacing});\n        line-height: var(${tokens.textLineHeight});\n\n        word-break: break-all;\n    }\n`;\n"],"names":["base"],"mappings":";;;;AAKO,IAAMA,IAAI,GA0DhB;;;;"}

package/cjs/components/Note/variations/_size/{base_12cn7f7.css → base_111wwzs.css}

@@ -1 +1 @@
-.bnp62xb{padding:var(--plasma-note-padding);border-radius:var(--plasma-note-border-radius);height:var(--plasma_private-note-height);width:var(--plasma_private-note-width);gap:var(--plasma-note-gap);}.bnp62xb.note-stretch{width:100%;height:100%;}.bnp62xb .c1i6bkpn{width:var(--plasma-note-fixed-content-before-width);height:var(--plasma-note-fixed-content-before-height);padding:var(--plasma-note-fixed-content-before-padding);box-sizing:border-box;}.bnp62xb.note-content-align-center{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:var(--plasma-note-padding-scalable);gap:var(--plasma-note-gap-scalable);}.bnp62xb.note-content-align-center .c1i6bkpn{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:unset;}.bnp62xb .cendmch{width:var(--plasma_private-note-content-width-with-offset);gap:var(--plasma-note-content-gap);}.bnp62xb .t1wkjxug,.bnp62xb .te86upw{width:100%;min-height:var(--plasma-note-title-line-height);font-family:var(--plasma-note-title-font-family);font-size:var(--plasma-note-title-font-size);font-style:var(--plasma-note-title-font-style);font-weight:var(--plasma-note-title-font-weight);-webkit-letter-spacing:var(--plasma-note-title-letter-spacing);-moz-letter-spacing:var(--plasma-note-title-letter-spacing);-ms-letter-spacing:var(--plasma-note-title-letter-spacing);letter-spacing:var(--plasma-note-title-letter-spacing);line-height:var(--plasma-note-title-line-height);}.bnp62xb .t1kp0wa7,.bnp62xb .tf1lafs{font-family:var(--plasma-note-text-font-family);font-size:var(--plasma-note-text-font-size);font-style:var(--plasma-note-text-font-style);font-weight:var(--plasma-note-text-font-weight);-webkit-letter-spacing:var(--plasma-note-text-letter-spacing);-moz-letter-spacing:var(--plasma-note-text-letter-spacing);-ms-letter-spacing:var(--plasma-note-text-letter-spacing);letter-spacing:var(--plasma-note-text-letter-spacing);line-height:var(--plasma-note-text-line-height);overflow-wrap:break-word;}
+.bnp62xb{padding:var(--plasma-note-padding);border-radius:var(--plasma-note-border-radius);height:var(--plasma_private-note-height);width:var(--plasma_private-note-width);gap:var(--plasma-note-gap);}.bnp62xb.note-stretch{width:100%;height:100%;}.bnp62xb .c1i6bkpn{width:var(--plasma-note-fixed-content-before-width);height:var(--plasma-note-fixed-content-before-height);padding:var(--plasma-note-fixed-content-before-padding);box-sizing:border-box;}.bnp62xb.note-content-align-center{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:var(--plasma-note-padding-scalable);gap:var(--plasma-note-gap-scalable);}.bnp62xb.note-content-align-center .c1i6bkpn{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:unset;}.bnp62xb .cendmch{width:var(--plasma_private-note-content-width-with-offset);gap:var(--plasma-note-content-gap);}.bnp62xb .t1wkjxug,.bnp62xb .te86upw{width:100%;min-height:var(--plasma-note-title-line-height);font-family:var(--plasma-note-title-font-family);font-size:var(--plasma-note-title-font-size);font-style:var(--plasma-note-title-font-style);font-weight:var(--plasma-note-title-font-weight);-webkit-letter-spacing:var(--plasma-note-title-letter-spacing);-moz-letter-spacing:var(--plasma-note-title-letter-spacing);-ms-letter-spacing:var(--plasma-note-title-letter-spacing);letter-spacing:var(--plasma-note-title-letter-spacing);line-height:var(--plasma-note-title-line-height);}.bnp62xb .t1kp0wa7,.bnp62xb .tf1lafs{font-family:var(--plasma-note-text-font-family);font-size:var(--plasma-note-text-font-size);font-style:var(--plasma-note-text-font-style);font-weight:var(--plasma-note-text-font-weight);-webkit-letter-spacing:var(--plasma-note-text-letter-spacing);-moz-letter-spacing:var(--plasma-note-text-letter-spacing);-ms-letter-spacing:var(--plasma-note-text-letter-spacing);letter-spacing:var(--plasma-note-text-letter-spacing);line-height:var(--plasma-note-text-line-height);word-break:break-all;}

package/cjs/index.css

@@ -949,7 +949,7 @@
 
 .base_pq323y_b1ygm22t__ed5da473{background:var(--plasma-note-background);color:var(--plasma-note-color);}.base_pq323y_b1ygm22t__ed5da473 .base_pq323y_c1i6bkpn__ed5da473{color:var(--plasma-note-content-before-color);fill:var(--plasma-note-content-before-color);}
 
-.base_12cn7f7_bnp62xb__4561ac8c{padding:var(--plasma-note-padding);border-radius:var(--plasma-note-border-radius);height:var(--plasma_private-note-height);width:var(--plasma_private-note-width);gap:var(--plasma-note-gap);}.base_12cn7f7_bnp62xb__4561ac8c.base_12cn7f7_noteStretch__4561ac8c{width:100%;height:100%;}.base_12cn7f7_bnp62xb__4561ac8c .base_12cn7f7_c1i6bkpn__4561ac8c{width:var(--plasma-note-fixed-content-before-width);height:var(--plasma-note-fixed-content-before-height);padding:var(--plasma-note-fixed-content-before-padding);box-sizing:border-box;}.base_12cn7f7_bnp62xb__4561ac8c.base_12cn7f7_noteContentAlignCenter__4561ac8c{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:var(--plasma-note-padding-scalable);gap:var(--plasma-note-gap-scalable);}.base_12cn7f7_bnp62xb__4561ac8c.base_12cn7f7_noteContentAlignCenter__4561ac8c .base_12cn7f7_c1i6bkpn__4561ac8c{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:unset;}.base_12cn7f7_bnp62xb__4561ac8c .base_12cn7f7_cendmch__4561ac8c{width:var(--plasma_private-note-content-width-with-offset);gap:var(--plasma-note-content-gap);}.base_12cn7f7_bnp62xb__4561ac8c .base_12cn7f7_t1wkjxug__4561ac8c,.base_12cn7f7_bnp62xb__4561ac8c .base_12cn7f7_te86upw__4561ac8c{width:100%;min-height:var(--plasma-note-title-line-height);font-family:var(--plasma-note-title-font-family);font-size:var(--plasma-note-title-font-size);font-style:var(--plasma-note-title-font-style);font-weight:var(--plasma-note-title-font-weight);-webkit-letter-spacing:var(--plasma-note-title-letter-spacing);-moz-letter-spacing:var(--plasma-note-title-letter-spacing);-ms-letter-spacing:var(--plasma-note-title-letter-spacing);letter-spacing:var(--plasma-note-title-letter-spacing);line-height:var(--plasma-note-title-line-height);}.base_12cn7f7_bnp62xb__4561ac8c .base_12cn7f7_t1kp0wa7__4561ac8c,.base_12cn7f7_bnp62xb__4561ac8c .base_12cn7f7_tf1lafs__4561ac8c{font-family:var(--plasma-note-text-font-family);font-size:var(--plasma-note-text-font-size);font-style:var(--plasma-note-text-font-style);font-weight:var(--plasma-note-text-font-weight);-webkit-letter-spacing:var(--plasma-note-text-letter-spacing);-moz-letter-spacing:var(--plasma-note-text-letter-spacing);-ms-letter-spacing:var(--plasma-note-text-letter-spacing);letter-spacing:var(--plasma-note-text-letter-spacing);line-height:var(--plasma-note-text-line-height);overflow-wrap:break-word;}
+.base_111wwzs_bnp62xb__0c427f65{padding:var(--plasma-note-padding);border-radius:var(--plasma-note-border-radius);height:var(--plasma_private-note-height);width:var(--plasma_private-note-width);gap:var(--plasma-note-gap);}.base_111wwzs_bnp62xb__0c427f65.base_111wwzs_noteStretch__0c427f65{width:100%;height:100%;}.base_111wwzs_bnp62xb__0c427f65 .base_111wwzs_c1i6bkpn__0c427f65{width:var(--plasma-note-fixed-content-before-width);height:var(--plasma-note-fixed-content-before-height);padding:var(--plasma-note-fixed-content-before-padding);box-sizing:border-box;}.base_111wwzs_bnp62xb__0c427f65.base_111wwzs_noteContentAlignCenter__0c427f65{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:var(--plasma-note-padding-scalable);gap:var(--plasma-note-gap-scalable);}.base_111wwzs_bnp62xb__0c427f65.base_111wwzs_noteContentAlignCenter__0c427f65 .base_111wwzs_c1i6bkpn__0c427f65{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:unset;}.base_111wwzs_bnp62xb__0c427f65 .base_111wwzs_cendmch__0c427f65{width:var(--plasma_private-note-content-width-with-offset);gap:var(--plasma-note-content-gap);}.base_111wwzs_bnp62xb__0c427f65 .base_111wwzs_t1wkjxug__0c427f65,.base_111wwzs_bnp62xb__0c427f65 .base_111wwzs_te86upw__0c427f65{width:100%;min-height:var(--plasma-note-title-line-height);font-family:var(--plasma-note-title-font-family);font-size:var(--plasma-note-title-font-size);font-style:var(--plasma-note-title-font-style);font-weight:var(--plasma-note-title-font-weight);-webkit-letter-spacing:var(--plasma-note-title-letter-spacing);-moz-letter-spacing:var(--plasma-note-title-letter-spacing);-ms-letter-spacing:var(--plasma-note-title-letter-spacing);letter-spacing:var(--plasma-note-title-letter-spacing);line-height:var(--plasma-note-title-line-height);}.base_111wwzs_bnp62xb__0c427f65 .base_111wwzs_t1kp0wa7__0c427f65,.base_111wwzs_bnp62xb__0c427f65 .base_111wwzs_tf1lafs__0c427f65{font-family:var(--plasma-note-text-font-family);font-size:var(--plasma-note-text-font-size);font-style:var(--plasma-note-text-font-style);font-weight:var(--plasma-note-text-font-weight);-webkit-letter-spacing:var(--plasma-note-text-letter-spacing);-moz-letter-spacing:var(--plasma-note-text-letter-spacing);-ms-letter-spacing:var(--plasma-note-text-letter-spacing);letter-spacing:var(--plasma-note-text-letter-spacing);line-height:var(--plasma-note-text-line-height);word-break:break-all;}
 
 .Note_styles_thpfhk_b1eqam57__3331b1ad{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;box-sizing:border-box;}
 .Note_styles_thpfhk_c1i6bkpn__3331b1ad{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}

package/emotion/cjs/components/Dropdown/ui/DropdownInner/DropdownInner.js

@@ -101,7 +101,7 @@ var DropdownInner = function(param) {
             id: listId,
             role: "group",
             listMaxHeight: item.listMaxHeight
-        }, item.items.map(function(innerItem, innerIndex) {
+        }, item.beforeList, item.items.map(function(innerItem, innerIndex) {
             return /*#__PURE__*/ _react.default.createElement(DropdownInner, {
                 key: "".concat(innerIndex, "/").concat(currentLevel),
                 item: innerItem,

package/emotion/cjs/components/Note/Note.js

@@ -219,7 +219,7 @@ var noteRoot = function(Root) {
         var contentWidthWithOffsetToken = contentBefore ? "calc(100% - ".concat(contentBeforeWidth, " - var(").concat(contentGapToken, "))") : '100%';
         var setTruncatedText = function() {
             var _titleHelperRef_current;
-            if (!_utils.canUseDOM || !text || typeof text !== 'string' || !(contentWrapperRef === null || contentWrapperRef === void 0 ? void 0 : contentWrapperRef.current) || !(textRenderHelperRef === null || textRenderHelperRef === void 0 ? void 0 : textRenderHelperRef.current) || !width && !height) {
+            if (!_utils.canUseDOM || !text || !(contentWrapperRef === null || contentWrapperRef === void 0 ? void 0 : contentWrapperRef.current) || !(textRenderHelperRef === null || textRenderHelperRef === void 0 ? void 0 : textRenderHelperRef.current) || !width && !height) {
                 return;
             }
             var contentHeight = contentWrapperRef.current.offsetHeight;

package/emotion/cjs/components/Note/variations/_size/base.js

@@ -11,4 +11,4 @@ Object.defineProperty(exports, "base", {
 var _react = require("@emotion/react");
 var _Notetokens = require("../../Note.tokens");
 var _Notestyles = require("../../Note.styles");
-var base = (0, /*#__PURE__*/ _react.css)("padding:var(", _Notetokens.tokens.padding, ");border-radius:var(", _Notetokens.tokens.borderRadius, ");height:var(", _Notetokens.privateTokens.height, ");width:var(", _Notetokens.privateTokens.width, ");gap:var(", _Notetokens.tokens.gap, ");&.", _Notetokens.classes.stretch, "{width:100%;height:100%;}", _Notestyles.ContentBefore, "{width:var(", _Notetokens.tokens.fixedContentBeforeWidth, ");height:var(", _Notetokens.tokens.fixedContentBeforeHeight, ");padding:var(", _Notetokens.tokens.fixedContentBeforePadding, ");box-sizing:border-box;}&.", _Notetokens.classes.contentAlignCenter, "{align-items:center;padding:var(", _Notetokens.tokens.paddingScalable, ");gap:var(", _Notetokens.tokens.gapScalable, ");", _Notestyles.ContentBefore, "{width:fit-content;height:fit-content;padding:unset;}}", _Notestyles.ContentWrapper, "{width:var(", _Notetokens.privateTokens.contentWidthWithOffset, ");gap:var(", _Notetokens.tokens.contentGap, ");}", _Notestyles.Title, ",", _Notestyles.TitleHelper, "{width:100%;min-height:var(", _Notetokens.tokens.titleLineHeight, ");font-family:var(", _Notetokens.tokens.titleFontFamily, ");font-size:var(", _Notetokens.tokens.titleFontSize, ");font-style:var(", _Notetokens.tokens.titleFontStyle, ");font-weight:var(", _Notetokens.tokens.titleFontWeight, ");letter-spacing:var(", _Notetokens.tokens.titleLetterSpacing, ");line-height:var(", _Notetokens.tokens.titleLineHeight, ");}", _Notestyles.Text, ",", _Notestyles.TextHelper, "{font-family:var(", _Notetokens.tokens.textFontFamily, ");font-size:var(", _Notetokens.tokens.textFontSize, ");font-style:var(", _Notetokens.tokens.textFontStyle, ");font-weight:var(", _Notetokens.tokens.textFontWeight, ");letter-spacing:var(", _Notetokens.tokens.textLetterSpacing, ");line-height:var(", _Notetokens.tokens.textLineHeight, ");overflow-wrap:break-word;}", "base", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vY29tcG9uZW50cy9Ob3RlL3ZhcmlhdGlvbnMvX3NpemUvYmFzZS50cyIsInNvdXJjZXMiOlsic3JjLWVtb3Rpb24vY29tcG9uZW50cy9Ob3RlL3ZhcmlhdGlvbnMvX3NpemUvYmFzZS50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmltcG9ydCB7IGNsYXNzZXMsIHByaXZhdGVUb2tlbnMsIHRva2VucyB9IGZyb20gJy4uLy4uL05vdGUudG9rZW5zJztcbmltcG9ydCB7IENvbnRlbnRCZWZvcmUsIENvbnRlbnRXcmFwcGVyLCBUZXh0LCBUZXh0SGVscGVyLCBUaXRsZSwgVGl0bGVIZWxwZXIgfSBmcm9tICcuLi8uLi9Ob3RlLnN0eWxlcyc7XG5cbmV4cG9ydCBjb25zdCBiYXNlID0gY3NzYFxuICAgIHBhZGRpbmc6IHZhcigke3Rva2Vucy5wYWRkaW5nfSk7XG4gICAgYm9yZGVyLXJhZGl1czogdmFyKCR7dG9rZW5zLmJvcmRlclJhZGl1c30pO1xuICAgIGhlaWdodDogdmFyKCR7cHJpdmF0ZVRva2Vucy5oZWlnaHR9KTtcbiAgICB3aWR0aDogdmFyKCR7cHJpdmF0ZVRva2Vucy53aWR0aH0pO1xuICAgIGdhcDogdmFyKCR7dG9rZW5zLmdhcH0pO1xuXG4gICAgJi4ke2NsYXNzZXMuc3RyZXRjaH0ge1xuICAgICAgICB3aWR0aDogMTAwJTtcbiAgICAgICAgaGVpZ2h0OiAxMDAlO1xuICAgIH1cblxuICAgICR7Q29udGVudEJlZm9yZX0ge1xuICAgICAgICB3aWR0aDogdmFyKCR7dG9rZW5zLmZpeGVkQ29udGVudEJlZm9yZVdpZHRofSk7XG4gICAgICAgIGhlaWdodDogdmFyKCR7dG9rZW5zLmZpeGVkQ29udGVudEJlZm9yZUhlaWdodH0pO1xuICAgICAgICBwYWRkaW5nOiB2YXIoJHt0b2tlbnMuZml4ZWRDb250ZW50QmVmb3JlUGFkZGluZ30pO1xuICAgICAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICAgIH1cblxuICAgICYuJHtjbGFzc2VzLmNvbnRlbnRBbGlnbkNlbnRlcn0ge1xuICAgICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAgICBwYWRkaW5nOiB2YXIoJHt0b2tlbnMucGFkZGluZ1NjYWxhYmxlfSk7XG4gICAgICAgIGdhcDogdmFyKCR7dG9rZW5zLmdhcFNjYWxhYmxlfSk7XG5cbiAgICAgICAgJHtDb250ZW50QmVmb3JlfSB7XG4gICAgICAgICAgICB3aWR0aDogZml0LWNvbnRlbnQ7XG4gICAgICAgICAgICBoZWlnaHQ6IGZpdC1jb250ZW50O1xuICAgICAgICAgICAgcGFkZGluZzogdW5zZXQ7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICAke0NvbnRlbnRXcmFwcGVyfSB7XG4gICAgICAgIHdpZHRoOiB2YXIoJHtwcml2YXRlVG9rZW5zLmNvbnRlbnRXaWR0aFdpdGhPZmZzZXR9KTtcbiAgICAgICAgZ2FwOiB2YXIoJHt0b2tlbnMuY29udGVudEdhcH0pO1xuICAgIH1cblxuICAgICR7VGl0bGV9LCAke1RpdGxlSGVscGVyfSB7XG4gICAgICAgIHdpZHRoOiAxMDAlO1xuICAgICAgICBtaW4taGVpZ2h0OiB2YXIoJHt0b2tlbnMudGl0bGVMaW5lSGVpZ2h0fSk7XG5cbiAgICAgICAgZm9udC1mYW1pbHk6IHZhcigke3Rva2Vucy50aXRsZUZvbnRGYW1pbHl9KTtcbiAgICAgICAgZm9udC1zaXplOiB2YXIoJHt0b2tlbnMudGl0bGVGb250U2l6ZX0pO1xuICAgICAgICBmb250LXN0eWxlOiB2YXIoJHt0b2tlbnMudGl0bGVGb250U3R5bGV9KTtcbiAgICAgICAgZm9udC13ZWlnaHQ6IHZhcigke3Rva2Vucy50aXRsZUZvbnRXZWlnaHR9KTtcbiAgICAgICAgbGV0dGVyLXNwYWNpbmc6IHZhcigke3Rva2Vucy50aXRsZUxldHRlclNwYWNpbmd9KTtcbiAgICAgICAgbGluZS1oZWlnaHQ6IHZhcigke3Rva2Vucy50aXRsZUxpbmVIZWlnaHR9KTtcbiAgICB9XG5cbiAgICAke1RleHR9LCAke1RleHRIZWxwZXJ9IHtcbiAgICAgICAgZm9udC1mYW1pbHk6IHZhcigke3Rva2Vucy50ZXh0Rm9udEZhbWlseX0pO1xuICAgICAgICBmb250LXNpemU6IHZhcigke3Rva2Vucy50ZXh0Rm9udFNpemV9KTtcbiAgICAgICAgZm9udC1zdHlsZTogdmFyKCR7dG9rZW5zLnRleHRGb250U3R5bGV9KTtcbiAgICAgICAgZm9udC13ZWlnaHQ6IHZhcigke3Rva2Vucy50ZXh0Rm9udFdlaWdodH0pO1xuICAgICAgICBsZXR0ZXItc3BhY2luZzogdmFyKCR7dG9rZW5zLnRleHRMZXR0ZXJTcGFjaW5nfSk7XG4gICAgICAgIGxpbmUtaGVpZ2h0OiB2YXIoJHt0b2tlbnMudGV4dExpbmVIZWlnaHR9KTtcblxuICAgICAgICBvdmVyZmxvdy13cmFwOiBicmVhay13b3JkO1xuICAgIH1cbmA7XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBS29CIn0= */");
+var base = (0, /*#__PURE__*/ _react.css)("padding:var(", _Notetokens.tokens.padding, ");border-radius:var(", _Notetokens.tokens.borderRadius, ");height:var(", _Notetokens.privateTokens.height, ");width:var(", _Notetokens.privateTokens.width, ");gap:var(", _Notetokens.tokens.gap, ");&.", _Notetokens.classes.stretch, "{width:100%;height:100%;}", _Notestyles.ContentBefore, "{width:var(", _Notetokens.tokens.fixedContentBeforeWidth, ");height:var(", _Notetokens.tokens.fixedContentBeforeHeight, ");padding:var(", _Notetokens.tokens.fixedContentBeforePadding, ");box-sizing:border-box;}&.", _Notetokens.classes.contentAlignCenter, "{align-items:center;padding:var(", _Notetokens.tokens.paddingScalable, ");gap:var(", _Notetokens.tokens.gapScalable, ");", _Notestyles.ContentBefore, "{width:fit-content;height:fit-content;padding:unset;}}", _Notestyles.ContentWrapper, "{width:var(", _Notetokens.privateTokens.contentWidthWithOffset, ");gap:var(", _Notetokens.tokens.contentGap, ");}", _Notestyles.Title, ",", _Notestyles.TitleHelper, "{width:100%;min-height:var(", _Notetokens.tokens.titleLineHeight, ");font-family:var(", _Notetokens.tokens.titleFontFamily, ");font-size:var(", _Notetokens.tokens.titleFontSize, ");font-style:var(", _Notetokens.tokens.titleFontStyle, ");font-weight:var(", _Notetokens.tokens.titleFontWeight, ");letter-spacing:var(", _Notetokens.tokens.titleLetterSpacing, ");line-height:var(", _Notetokens.tokens.titleLineHeight, ");}", _Notestyles.Text, ",", _Notestyles.TextHelper, "{font-family:var(", _Notetokens.tokens.textFontFamily, ");font-size:var(", _Notetokens.tokens.textFontSize, ");font-style:var(", _Notetokens.tokens.textFontStyle, ");font-weight:var(", _Notetokens.tokens.textFontWeight, ");letter-spacing:var(", _Notetokens.tokens.textLetterSpacing, ");line-height:var(", _Notetokens.tokens.textLineHeight, ");word-break:break-all;}", "base", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vY29tcG9uZW50cy9Ob3RlL3ZhcmlhdGlvbnMvX3NpemUvYmFzZS50cyIsInNvdXJjZXMiOlsic3JjLWVtb3Rpb24vY29tcG9uZW50cy9Ob3RlL3ZhcmlhdGlvbnMvX3NpemUvYmFzZS50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmltcG9ydCB7IGNsYXNzZXMsIHByaXZhdGVUb2tlbnMsIHRva2VucyB9IGZyb20gJy4uLy4uL05vdGUudG9rZW5zJztcbmltcG9ydCB7IENvbnRlbnRCZWZvcmUsIENvbnRlbnRXcmFwcGVyLCBUZXh0LCBUZXh0SGVscGVyLCBUaXRsZSwgVGl0bGVIZWxwZXIgfSBmcm9tICcuLi8uLi9Ob3RlLnN0eWxlcyc7XG5cbmV4cG9ydCBjb25zdCBiYXNlID0gY3NzYFxuICAgIHBhZGRpbmc6IHZhcigke3Rva2Vucy5wYWRkaW5nfSk7XG4gICAgYm9yZGVyLXJhZGl1czogdmFyKCR7dG9rZW5zLmJvcmRlclJhZGl1c30pO1xuICAgIGhlaWdodDogdmFyKCR7cHJpdmF0ZVRva2Vucy5oZWlnaHR9KTtcbiAgICB3aWR0aDogdmFyKCR7cHJpdmF0ZVRva2Vucy53aWR0aH0pO1xuICAgIGdhcDogdmFyKCR7dG9rZW5zLmdhcH0pO1xuXG4gICAgJi4ke2NsYXNzZXMuc3RyZXRjaH0ge1xuICAgICAgICB3aWR0aDogMTAwJTtcbiAgICAgICAgaGVpZ2h0OiAxMDAlO1xuICAgIH1cblxuICAgICR7Q29udGVudEJlZm9yZX0ge1xuICAgICAgICB3aWR0aDogdmFyKCR7dG9rZW5zLmZpeGVkQ29udGVudEJlZm9yZVdpZHRofSk7XG4gICAgICAgIGhlaWdodDogdmFyKCR7dG9rZW5zLmZpeGVkQ29udGVudEJlZm9yZUhlaWdodH0pO1xuICAgICAgICBwYWRkaW5nOiB2YXIoJHt0b2tlbnMuZml4ZWRDb250ZW50QmVmb3JlUGFkZGluZ30pO1xuICAgICAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICAgIH1cblxuICAgICYuJHtjbGFzc2VzLmNvbnRlbnRBbGlnbkNlbnRlcn0ge1xuICAgICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAgICBwYWRkaW5nOiB2YXIoJHt0b2tlbnMucGFkZGluZ1NjYWxhYmxlfSk7XG4gICAgICAgIGdhcDogdmFyKCR7dG9rZW5zLmdhcFNjYWxhYmxlfSk7XG5cbiAgICAgICAgJHtDb250ZW50QmVmb3JlfSB7XG4gICAgICAgICAgICB3aWR0aDogZml0LWNvbnRlbnQ7XG4gICAgICAgICAgICBoZWlnaHQ6IGZpdC1jb250ZW50O1xuICAgICAgICAgICAgcGFkZGluZzogdW5zZXQ7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICAke0NvbnRlbnRXcmFwcGVyfSB7XG4gICAgICAgIHdpZHRoOiB2YXIoJHtwcml2YXRlVG9rZW5zLmNvbnRlbnRXaWR0aFdpdGhPZmZzZXR9KTtcbiAgICAgICAgZ2FwOiB2YXIoJHt0b2tlbnMuY29udGVudEdhcH0pO1xuICAgIH1cblxuICAgICR7VGl0bGV9LCAke1RpdGxlSGVscGVyfSB7XG4gICAgICAgIHdpZHRoOiAxMDAlO1xuICAgICAgICBtaW4taGVpZ2h0OiB2YXIoJHt0b2tlbnMudGl0bGVMaW5lSGVpZ2h0fSk7XG5cbiAgICAgICAgZm9udC1mYW1pbHk6IHZhcigke3Rva2Vucy50aXRsZUZvbnRGYW1pbHl9KTtcbiAgICAgICAgZm9udC1zaXplOiB2YXIoJHt0b2tlbnMudGl0bGVGb250U2l6ZX0pO1xuICAgICAgICBmb250LXN0eWxlOiB2YXIoJHt0b2tlbnMudGl0bGVGb250U3R5bGV9KTtcbiAgICAgICAgZm9udC13ZWlnaHQ6IHZhcigke3Rva2Vucy50aXRsZUZvbnRXZWlnaHR9KTtcbiAgICAgICAgbGV0dGVyLXNwYWNpbmc6IHZhcigke3Rva2Vucy50aXRsZUxldHRlclNwYWNpbmd9KTtcbiAgICAgICAgbGluZS1oZWlnaHQ6IHZhcigke3Rva2Vucy50aXRsZUxpbmVIZWlnaHR9KTtcbiAgICB9XG5cbiAgICAke1RleHR9LCAke1RleHRIZWxwZXJ9IHtcbiAgICAgICAgZm9udC1mYW1pbHk6IHZhcigke3Rva2Vucy50ZXh0Rm9udEZhbWlseX0pO1xuICAgICAgICBmb250LXNpemU6IHZhcigke3Rva2Vucy50ZXh0Rm9udFNpemV9KTtcbiAgICAgICAgZm9udC1zdHlsZTogdmFyKCR7dG9rZW5zLnRleHRGb250U3R5bGV9KTtcbiAgICAgICAgZm9udC13ZWlnaHQ6IHZhcigke3Rva2Vucy50ZXh0Rm9udFdlaWdodH0pO1xuICAgICAgICBsZXR0ZXItc3BhY2luZzogdmFyKCR7dG9rZW5zLnRleHRMZXR0ZXJTcGFjaW5nfSk7XG4gICAgICAgIGxpbmUtaGVpZ2h0OiB2YXIoJHt0b2tlbnMudGV4dExpbmVIZWlnaHR9KTtcblxuICAgICAgICB3b3JkLWJyZWFrOiBicmVhay1hbGw7XG4gICAgfVxuYDtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFLb0IifQ== */");

package/emotion/cjs/examples/components/Combobox/Combobox.js

@@ -1,16 +1 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "Combobox", {
-    enumerable: true,
-    get: function() {
-        return Combobox;
-    }
-});
-var _engines = require("../../../engines");
-var _ = require("../../..");
-var _Comboboxconfig = require("./Combobox.config");
-var mergedConfig = (0, _engines.mergeConfig)(_.comboboxNewConfig, _Comboboxconfig.config);
-var ComboboxComponent = (0, _engines.component)(mergedConfig);
-var Combobox = ComboboxComponent;

package/emotion/es/components/Dropdown/ui/DropdownInner/DropdownInner.js

@@ -50,7 +50,7 @@ var DropdownInner = function(param) {
             id: listId,
             role: "group",
             listMaxHeight: item.listMaxHeight
-        }, item.items.map(function(innerItem, innerIndex) {
+        }, item.beforeList, item.items.map(function(innerItem, innerIndex) {
             return /*#__PURE__*/ React.createElement(DropdownInner, {
                 key: "".concat(innerIndex, "/").concat(currentLevel),
                 item: innerItem,

package/emotion/es/components/Note/Note.js

@@ -160,7 +160,7 @@ export var noteRoot = function(Root) {
         var contentWidthWithOffsetToken = contentBefore ? "calc(100% - ".concat(contentBeforeWidth, " - var(").concat(contentGapToken, "))") : '100%';
         var setTruncatedText = function() {
             var _titleHelperRef_current;
-            if (!canUseDOM || !text || typeof text !== 'string' || !(contentWrapperRef === null || contentWrapperRef === void 0 ? void 0 : contentWrapperRef.current) || !(textRenderHelperRef === null || textRenderHelperRef === void 0 ? void 0 : textRenderHelperRef.current) || !width && !height) {
+            if (!canUseDOM || !text || !(contentWrapperRef === null || contentWrapperRef === void 0 ? void 0 : contentWrapperRef.current) || !(textRenderHelperRef === null || textRenderHelperRef === void 0 ? void 0 : textRenderHelperRef.current) || !width && !height) {
                 return;
             }
             var contentHeight = contentWrapperRef.current.offsetHeight;

package/emotion/es/components/Note/variations/_size/base.js

@@ -1,4 +1,4 @@
 import { css } from "@emotion/react";
 import { classes, privateTokens, tokens } from "../../Note.tokens";
 import { ContentBefore, ContentWrapper, Text, TextHelper, Title, TitleHelper } from "../../Note.styles";
-export var base = /*#__PURE__*/ css("padding:var(", tokens.padding, ");border-radius:var(", tokens.borderRadius, ");height:var(", privateTokens.height, ");width:var(", privateTokens.width, ");gap:var(", tokens.gap, ");&.", classes.stretch, "{width:100%;height:100%;}", ContentBefore, "{width:var(", tokens.fixedContentBeforeWidth, ");height:var(", tokens.fixedContentBeforeHeight, ");padding:var(", tokens.fixedContentBeforePadding, ");box-sizing:border-box;}&.", classes.contentAlignCenter, "{align-items:center;padding:var(", tokens.paddingScalable, ");gap:var(", tokens.gapScalable, ");", ContentBefore, "{width:fit-content;height:fit-content;padding:unset;}}", ContentWrapper, "{width:var(", privateTokens.contentWidthWithOffset, ");gap:var(", tokens.contentGap, ");}", Title, ",", TitleHelper, "{width:100%;min-height:var(", tokens.titleLineHeight, ");font-family:var(", tokens.titleFontFamily, ");font-size:var(", tokens.titleFontSize, ");font-style:var(", tokens.titleFontStyle, ");font-weight:var(", tokens.titleFontWeight, ");letter-spacing:var(", tokens.titleLetterSpacing, ");line-height:var(", tokens.titleLineHeight, ");}", Text, ",", TextHelper, "{font-family:var(", tokens.textFontFamily, ");font-size:var(", tokens.textFontSize, ");font-style:var(", tokens.textFontStyle, ");font-weight:var(", tokens.textFontWeight, ");letter-spacing:var(", tokens.textLetterSpacing, ");line-height:var(", tokens.textLineHeight, ");overflow-wrap:break-word;}", "base", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vY29tcG9uZW50cy9Ob3RlL3ZhcmlhdGlvbnMvX3NpemUvYmFzZS50cyIsInNvdXJjZXMiOlsic3JjLWVtb3Rpb24vY29tcG9uZW50cy9Ob3RlL3ZhcmlhdGlvbnMvX3NpemUvYmFzZS50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmltcG9ydCB7IGNsYXNzZXMsIHByaXZhdGVUb2tlbnMsIHRva2VucyB9IGZyb20gJy4uLy4uL05vdGUudG9rZW5zJztcbmltcG9ydCB7IENvbnRlbnRCZWZvcmUsIENvbnRlbnRXcmFwcGVyLCBUZXh0LCBUZXh0SGVscGVyLCBUaXRsZSwgVGl0bGVIZWxwZXIgfSBmcm9tICcuLi8uLi9Ob3RlLnN0eWxlcyc7XG5cbmV4cG9ydCBjb25zdCBiYXNlID0gY3NzYFxuICAgIHBhZGRpbmc6IHZhcigke3Rva2Vucy5wYWRkaW5nfSk7XG4gICAgYm9yZGVyLXJhZGl1czogdmFyKCR7dG9rZW5zLmJvcmRlclJhZGl1c30pO1xuICAgIGhlaWdodDogdmFyKCR7cHJpdmF0ZVRva2Vucy5oZWlnaHR9KTtcbiAgICB3aWR0aDogdmFyKCR7cHJpdmF0ZVRva2Vucy53aWR0aH0pO1xuICAgIGdhcDogdmFyKCR7dG9rZW5zLmdhcH0pO1xuXG4gICAgJi4ke2NsYXNzZXMuc3RyZXRjaH0ge1xuICAgICAgICB3aWR0aDogMTAwJTtcbiAgICAgICAgaGVpZ2h0OiAxMDAlO1xuICAgIH1cblxuICAgICR7Q29udGVudEJlZm9yZX0ge1xuICAgICAgICB3aWR0aDogdmFyKCR7dG9rZW5zLmZpeGVkQ29udGVudEJlZm9yZVdpZHRofSk7XG4gICAgICAgIGhlaWdodDogdmFyKCR7dG9rZW5zLmZpeGVkQ29udGVudEJlZm9yZUhlaWdodH0pO1xuICAgICAgICBwYWRkaW5nOiB2YXIoJHt0b2tlbnMuZml4ZWRDb250ZW50QmVmb3JlUGFkZGluZ30pO1xuICAgICAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICAgIH1cblxuICAgICYuJHtjbGFzc2VzLmNvbnRlbnRBbGlnbkNlbnRlcn0ge1xuICAgICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAgICBwYWRkaW5nOiB2YXIoJHt0b2tlbnMucGFkZGluZ1NjYWxhYmxlfSk7XG4gICAgICAgIGdhcDogdmFyKCR7dG9rZW5zLmdhcFNjYWxhYmxlfSk7XG5cbiAgICAgICAgJHtDb250ZW50QmVmb3JlfSB7XG4gICAgICAgICAgICB3aWR0aDogZml0LWNvbnRlbnQ7XG4gICAgICAgICAgICBoZWlnaHQ6IGZpdC1jb250ZW50O1xuICAgICAgICAgICAgcGFkZGluZzogdW5zZXQ7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICAke0NvbnRlbnRXcmFwcGVyfSB7XG4gICAgICAgIHdpZHRoOiB2YXIoJHtwcml2YXRlVG9rZW5zLmNvbnRlbnRXaWR0aFdpdGhPZmZzZXR9KTtcbiAgICAgICAgZ2FwOiB2YXIoJHt0b2tlbnMuY29udGVudEdhcH0pO1xuICAgIH1cblxuICAgICR7VGl0bGV9LCAke1RpdGxlSGVscGVyfSB7XG4gICAgICAgIHdpZHRoOiAxMDAlO1xuICAgICAgICBtaW4taGVpZ2h0OiB2YXIoJHt0b2tlbnMudGl0bGVMaW5lSGVpZ2h0fSk7XG5cbiAgICAgICAgZm9udC1mYW1pbHk6IHZhcigke3Rva2Vucy50aXRsZUZvbnRGYW1pbHl9KTtcbiAgICAgICAgZm9udC1zaXplOiB2YXIoJHt0b2tlbnMudGl0bGVGb250U2l6ZX0pO1xuICAgICAgICBmb250LXN0eWxlOiB2YXIoJHt0b2tlbnMudGl0bGVGb250U3R5bGV9KTtcbiAgICAgICAgZm9udC13ZWlnaHQ6IHZhcigke3Rva2Vucy50aXRsZUZvbnRXZWlnaHR9KTtcbiAgICAgICAgbGV0dGVyLXNwYWNpbmc6IHZhcigke3Rva2Vucy50aXRsZUxldHRlclNwYWNpbmd9KTtcbiAgICAgICAgbGluZS1oZWlnaHQ6IHZhcigke3Rva2Vucy50aXRsZUxpbmVIZWlnaHR9KTtcbiAgICB9XG5cbiAgICAke1RleHR9LCAke1RleHRIZWxwZXJ9IHtcbiAgICAgICAgZm9udC1mYW1pbHk6IHZhcigke3Rva2Vucy50ZXh0Rm9udEZhbWlseX0pO1xuICAgICAgICBmb250LXNpemU6IHZhcigke3Rva2Vucy50ZXh0Rm9udFNpemV9KTtcbiAgICAgICAgZm9udC1zdHlsZTogdmFyKCR7dG9rZW5zLnRleHRGb250U3R5bGV9KTtcbiAgICAgICAgZm9udC13ZWlnaHQ6IHZhcigke3Rva2Vucy50ZXh0Rm9udFdlaWdodH0pO1xuICAgICAgICBsZXR0ZXItc3BhY2luZzogdmFyKCR7dG9rZW5zLnRleHRMZXR0ZXJTcGFjaW5nfSk7XG4gICAgICAgIGxpbmUtaGVpZ2h0OiB2YXIoJHt0b2tlbnMudGV4dExpbmVIZWlnaHR9KTtcblxuICAgICAgICBvdmVyZmxvdy13cmFwOiBicmVhay13b3JkO1xuICAgIH1cbmA7XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBS29CIn0= */");
+export var base = /*#__PURE__*/ css("padding:var(", tokens.padding, ");border-radius:var(", tokens.borderRadius, ");height:var(", privateTokens.height, ");width:var(", privateTokens.width, ");gap:var(", tokens.gap, ");&.", classes.stretch, "{width:100%;height:100%;}", ContentBefore, "{width:var(", tokens.fixedContentBeforeWidth, ");height:var(", tokens.fixedContentBeforeHeight, ");padding:var(", tokens.fixedContentBeforePadding, ");box-sizing:border-box;}&.", classes.contentAlignCenter, "{align-items:center;padding:var(", tokens.paddingScalable, ");gap:var(", tokens.gapScalable, ");", ContentBefore, "{width:fit-content;height:fit-content;padding:unset;}}", ContentWrapper, "{width:var(", privateTokens.contentWidthWithOffset, ");gap:var(", tokens.contentGap, ");}", Title, ",", TitleHelper, "{width:100%;min-height:var(", tokens.titleLineHeight, ");font-family:var(", tokens.titleFontFamily, ");font-size:var(", tokens.titleFontSize, ");font-style:var(", tokens.titleFontStyle, ");font-weight:var(", tokens.titleFontWeight, ");letter-spacing:var(", tokens.titleLetterSpacing, ");line-height:var(", tokens.titleLineHeight, ");}", Text, ",", TextHelper, "{font-family:var(", tokens.textFontFamily, ");font-size:var(", tokens.textFontSize, ");font-style:var(", tokens.textFontStyle, ");font-weight:var(", tokens.textFontWeight, ");letter-spacing:var(", tokens.textLetterSpacing, ");line-height:var(", tokens.textLineHeight, ");word-break:break-all;}", "base", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vY29tcG9uZW50cy9Ob3RlL3ZhcmlhdGlvbnMvX3NpemUvYmFzZS50cyIsInNvdXJjZXMiOlsic3JjLWVtb3Rpb24vY29tcG9uZW50cy9Ob3RlL3ZhcmlhdGlvbnMvX3NpemUvYmFzZS50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmltcG9ydCB7IGNsYXNzZXMsIHByaXZhdGVUb2tlbnMsIHRva2VucyB9IGZyb20gJy4uLy4uL05vdGUudG9rZW5zJztcbmltcG9ydCB7IENvbnRlbnRCZWZvcmUsIENvbnRlbnRXcmFwcGVyLCBUZXh0LCBUZXh0SGVscGVyLCBUaXRsZSwgVGl0bGVIZWxwZXIgfSBmcm9tICcuLi8uLi9Ob3RlLnN0eWxlcyc7XG5cbmV4cG9ydCBjb25zdCBiYXNlID0gY3NzYFxuICAgIHBhZGRpbmc6IHZhcigke3Rva2Vucy5wYWRkaW5nfSk7XG4gICAgYm9yZGVyLXJhZGl1czogdmFyKCR7dG9rZW5zLmJvcmRlclJhZGl1c30pO1xuICAgIGhlaWdodDogdmFyKCR7cHJpdmF0ZVRva2Vucy5oZWlnaHR9KTtcbiAgICB3aWR0aDogdmFyKCR7cHJpdmF0ZVRva2Vucy53aWR0aH0pO1xuICAgIGdhcDogdmFyKCR7dG9rZW5zLmdhcH0pO1xuXG4gICAgJi4ke2NsYXNzZXMuc3RyZXRjaH0ge1xuICAgICAgICB3aWR0aDogMTAwJTtcbiAgICAgICAgaGVpZ2h0OiAxMDAlO1xuICAgIH1cblxuICAgICR7Q29udGVudEJlZm9yZX0ge1xuICAgICAgICB3aWR0aDogdmFyKCR7dG9rZW5zLmZpeGVkQ29udGVudEJlZm9yZVdpZHRofSk7XG4gICAgICAgIGhlaWdodDogdmFyKCR7dG9rZW5zLmZpeGVkQ29udGVudEJlZm9yZUhlaWdodH0pO1xuICAgICAgICBwYWRkaW5nOiB2YXIoJHt0b2tlbnMuZml4ZWRDb250ZW50QmVmb3JlUGFkZGluZ30pO1xuICAgICAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICAgIH1cblxuICAgICYuJHtjbGFzc2VzLmNvbnRlbnRBbGlnbkNlbnRlcn0ge1xuICAgICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAgICBwYWRkaW5nOiB2YXIoJHt0b2tlbnMucGFkZGluZ1NjYWxhYmxlfSk7XG4gICAgICAgIGdhcDogdmFyKCR7dG9rZW5zLmdhcFNjYWxhYmxlfSk7XG5cbiAgICAgICAgJHtDb250ZW50QmVmb3JlfSB7XG4gICAgICAgICAgICB3aWR0aDogZml0LWNvbnRlbnQ7XG4gICAgICAgICAgICBoZWlnaHQ6IGZpdC1jb250ZW50O1xuICAgICAgICAgICAgcGFkZGluZzogdW5zZXQ7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICAke0NvbnRlbnRXcmFwcGVyfSB7XG4gICAgICAgIHdpZHRoOiB2YXIoJHtwcml2YXRlVG9rZW5zLmNvbnRlbnRXaWR0aFdpdGhPZmZzZXR9KTtcbiAgICAgICAgZ2FwOiB2YXIoJHt0b2tlbnMuY29udGVudEdhcH0pO1xuICAgIH1cblxuICAgICR7VGl0bGV9LCAke1RpdGxlSGVscGVyfSB7XG4gICAgICAgIHdpZHRoOiAxMDAlO1xuICAgICAgICBtaW4taGVpZ2h0OiB2YXIoJHt0b2tlbnMudGl0bGVMaW5lSGVpZ2h0fSk7XG5cbiAgICAgICAgZm9udC1mYW1pbHk6IHZhcigke3Rva2Vucy50aXRsZUZvbnRGYW1pbHl9KTtcbiAgICAgICAgZm9udC1zaXplOiB2YXIoJHt0b2tlbnMudGl0bGVGb250U2l6ZX0pO1xuICAgICAgICBmb250LXN0eWxlOiB2YXIoJHt0b2tlbnMudGl0bGVGb250U3R5bGV9KTtcbiAgICAgICAgZm9udC13ZWlnaHQ6IHZhcigke3Rva2Vucy50aXRsZUZvbnRXZWlnaHR9KTtcbiAgICAgICAgbGV0dGVyLXNwYWNpbmc6IHZhcigke3Rva2Vucy50aXRsZUxldHRlclNwYWNpbmd9KTtcbiAgICAgICAgbGluZS1oZWlnaHQ6IHZhcigke3Rva2Vucy50aXRsZUxpbmVIZWlnaHR9KTtcbiAgICB9XG5cbiAgICAke1RleHR9LCAke1RleHRIZWxwZXJ9IHtcbiAgICAgICAgZm9udC1mYW1pbHk6IHZhcigke3Rva2Vucy50ZXh0Rm9udEZhbWlseX0pO1xuICAgICAgICBmb250LXNpemU6IHZhcigke3Rva2Vucy50ZXh0Rm9udFNpemV9KTtcbiAgICAgICAgZm9udC1zdHlsZTogdmFyKCR7dG9rZW5zLnRleHRGb250U3R5bGV9KTtcbiAgICAgICAgZm9udC13ZWlnaHQ6IHZhcigke3Rva2Vucy50ZXh0Rm9udFdlaWdodH0pO1xuICAgICAgICBsZXR0ZXItc3BhY2luZzogdmFyKCR7dG9rZW5zLnRleHRMZXR0ZXJTcGFjaW5nfSk7XG4gICAgICAgIGxpbmUtaGVpZ2h0OiB2YXIoJHt0b2tlbnMudGV4dExpbmVIZWlnaHR9KTtcblxuICAgICAgICB3b3JkLWJyZWFrOiBicmVhay1hbGw7XG4gICAgfVxuYDtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFLb0IifQ== */");

package/es/components/Dropdown/ui/DropdownInner/DropdownInner.js

@@ -58,7 +58,7 @@ var DropdownInner = function DropdownInner(_ref) {
       id: listId,
       role: "group",
       listMaxHeight: item.listMaxHeight
-    }, item.items.map(function (innerItem, innerIndex) {
+    }, item.beforeList, item.items.map(function (innerItem, innerIndex) {
       return /*#__PURE__*/React.createElement(DropdownInner, {
         key: "".concat(innerIndex, "/").concat(currentLevel),
         item: innerItem,

package/es/components/Dropdown/ui/DropdownInner/DropdownInner.js.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownInner.js","sources":["../../../../../src/components/Dropdown/ui/DropdownInner/DropdownInner.tsx"],"sourcesContent":["import React, { useRef } from 'react';\nimport type { FC } from 'react';\nimport { safeUseId } from 'src/utils';\n\nimport { DropdownItem } from '../DropdownItem/DropdownItem';\nimport { Ul, ListWrapper } from '../../Dropdown.styles';\nimport { FloatingPopover } from '../../FloatingPopover';\nimport { getPlacement } from '../../utils';\n\nimport { DropdownInnerProps } from './DropdownInner.type';\n\nconst DropdownInner: FC<DropdownInnerProps> = ({\n    item,\n    currentLevel,\n    path,\n    dispatchPath,\n    index,\n    trigger,\n    listWidth,\n    portal,\n}) => {\n    const handleToggle = (opened: boolean): void => {\n        if (opened) {\n            dispatchPath({ type: 'changed_on_level', value: item.value.toString(), level: currentLevel + 1 });\n        } else {\n            dispatchPath({ type: 'cut_by_level', level: currentLevel + 1 });\n        }\n    };\n\n    const listWrapperRef = useRef<HTMLDivElement>(null);\n\n    const isCurrentListOpen = path[currentLevel + 1] === item.value.toString();\n\n    const treeId = safeUseId();\n    const listId = `${treeId}_tree_level_${currentLevel + 2}`;\n    const nextLevel = currentLevel + 1;\n\n    if (item?.items) {\n        return (\n            <FloatingPopover\n                placement={getPlacement(item?.placement || 'right')}\n                opened={isCurrentListOpen}\n                onToggle={handleToggle}\n                trigger={item.trigger || trigger}\n                target={\n                    <DropdownItem\n                        item={item}\n                        index={index}\n                        path={path}\n                        currentLevel={currentLevel}\n                        ariaControls={listId}\n                        ariaExpanded={isCurrentListOpen}\n                        ariaLevel={nextLevel}\n                        ariaLabel={item.label}\n                    />\n                }\n                isInner\n                portal={portal}\n            >\n                <ListWrapper ref={listWrapperRef} listWidth={listWidth}>\n                    <Ul id={listId} role=\"group\" listMaxHeight={item.listMaxHeight}>\n                        {item.items.map((innerItem, innerIndex) => (\n                            <DropdownInner\n                                key={`${innerIndex}/${currentLevel}`}\n                                item={innerItem}\n                                currentLevel={nextLevel}\n                                path={path}\n                                dispatchPath={dispatchPath}\n                                index={innerIndex}\n                                trigger={trigger}\n                                listWidth={listWidth}\n                                portal={listWrapperRef}\n                            />\n                        ))}\n                    </Ul>\n                </ListWrapper>\n            </FloatingPopover>\n        );\n    }\n\n    return <DropdownItem item={item} path={path} index={index} currentLevel={currentLevel} ariaLevel={nextLevel} />;\n};\n\nexport { DropdownInner };\n"],"names":["DropdownInner","_ref","item","currentLevel","path","dispatchPath","index","trigger","listWidth","portal","handleToggle","opened","type","value","toString","level","listWrapperRef","useRef","isCurrentListOpen","treeId","safeUseId","listId","concat","nextLevel","items","React","createElement","FloatingPopover","placement","getPlacement","onToggle","target","DropdownItem","ariaControls","ariaExpanded","ariaLevel","ariaLabel","label","isInner","ListWrapper","ref","Ul","id","role","listMaxHeight","map","innerItem","innerIndex","key"],"mappings":";;;;;;;AAWA,IAAMA,aAAqC,GAAG,SAAxCA,aAAqCA,CAAAC,IAAA,EASrC;AAAA,EAAA,IARFC,IAAI,GAAAD,IAAA,CAAJC,IAAI;IACJC,YAAY,GAAAF,IAAA,CAAZE,YAAY;IACZC,IAAI,GAAAH,IAAA,CAAJG,IAAI;IACJC,YAAY,GAAAJ,IAAA,CAAZI,YAAY;IACZC,KAAK,GAAAL,IAAA,CAALK,KAAK;IACLC,OAAO,GAAAN,IAAA,CAAPM,OAAO;IACPC,SAAS,GAAAP,IAAA,CAATO,SAAS;IACTC,MAAM,GAAAR,IAAA,CAANQ,MAAM,CAAA;AAEN,EAAA,IAAMC,YAAY,GAAG,SAAfA,YAAYA,CAAIC,MAAe,EAAW;AAC5C,IAAA,IAAIA,MAAM,EAAE;AACRN,MAAAA,YAAY,CAAC;AAAEO,QAAAA,IAAI,EAAE,kBAAkB;AAAEC,QAAAA,KAAK,EAAEX,IAAI,CAACW,KAAK,CAACC,QAAQ,EAAE;QAAEC,KAAK,EAAEZ,YAAY,GAAG,CAAA;AAAE,OAAC,CAAC,CAAA;AACrG,KAAC,MAAM;AACHE,MAAAA,YAAY,CAAC;AAAEO,QAAAA,IAAI,EAAE,cAAc;QAAEG,KAAK,EAAEZ,YAAY,GAAG,CAAA;AAAE,OAAC,CAAC,CAAA;AACnE,KAAA;GACH,CAAA;AAED,EAAA,IAAMa,cAAc,GAAGC,MAAM,CAAiB,IAAI,CAAC,CAAA;AAEnD,EAAA,IAAMC,iBAAiB,GAAGd,IAAI,CAACD,YAAY,GAAG,CAAC,CAAC,KAAKD,IAAI,CAACW,KAAK,CAACC,QAAQ,EAAE,CAAA;AAE1E,EAAA,IAAMK,MAAM,GAAGC,SAAS,EAAE,CAAA;EAC1B,IAAMC,MAAM,GAAAC,EAAAA,CAAAA,MAAA,CAAMH,MAAM,EAAAG,cAAAA,CAAAA,CAAAA,MAAA,CAAenB,YAAY,GAAG,CAAC,CAAE,CAAA;AACzD,EAAA,IAAMoB,SAAS,GAAGpB,YAAY,GAAG,CAAC,CAAA;AAElC,EAAA,IAAID,IAAI,KAAJA,IAAAA,IAAAA,IAAI,eAAJA,IAAI,CAAEsB,KAAK,EAAE;AACb,IAAA,oBACIC,KAAA,CAAAC,aAAA,CAACC,eAAe,EAAA;AACZC,MAAAA,SAAS,EAAEC,YAAY,CAAC,CAAA3B,IAAI,KAAA,IAAA,IAAJA,IAAI,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAJA,IAAI,CAAE0B,SAAS,KAAI,OAAO,CAAE;AACpDjB,MAAAA,MAAM,EAAEO,iBAAkB;AAC1BY,MAAAA,QAAQ,EAAEpB,YAAa;AACvBH,MAAAA,OAAO,EAAEL,IAAI,CAACK,OAAO,IAAIA,OAAQ;AACjCwB,MAAAA,MAAM,eACFN,KAAA,CAAAC,aAAA,CAACM,YAAY,EAAA;AACT9B,QAAAA,IAAI,EAAEA,IAAK;AACXI,QAAAA,KAAK,EAAEA,KAAM;AACbF,QAAAA,IAAI,EAAEA,IAAK;AACXD,QAAAA,YAAY,EAAEA,YAAa;AAC3B8B,QAAAA,YAAY,EAAEZ,MAAO;AACrBa,QAAAA,YAAY,EAAEhB,iBAAkB;AAChCiB,QAAAA,SAAS,EAAEZ,SAAU;QACrBa,SAAS,EAAElC,IAAI,CAACmC,KAAAA;AAAM,OACzB,CACJ;MACDC,OAAO,EAAA,IAAA;AACP7B,MAAAA,MAAM,EAAEA,MAAAA;AAAO,KAAA,eAEfgB,KAAA,CAAAC,aAAA,CAACa,WAAW,EAAA;AAACC,MAAAA,GAAG,EAAExB,cAAe;AAACR,MAAAA,SAAS,EAAEA,SAAAA;AAAU,KAAA,eACnDiB,KAAA,CAAAC,aAAA,CAACe,EAAE,EAAA;AAACC,MAAAA,EAAE,EAAErB,MAAO;AAACsB,MAAAA,IAAI,EAAC,OAAO;MAACC,aAAa,EAAE1C,IAAI,CAAC0C,aAAAA;KAC5C1C,EAAAA,IAAI,CAACsB,KAAK,CAACqB,GAAG,CAAC,UAACC,SAAS,EAAEC,UAAU,EAAA;AAAA,MAAA,oBAClCtB,KAAA,CAAAC,aAAA,CAAC1B,aAAa,EAAA;QACVgD,GAAG,EAAA,EAAA,CAAA1B,MAAA,CAAKyB,UAAU,OAAAzB,MAAA,CAAInB,YAAY,CAAG;AACrCD,QAAAA,IAAI,EAAE4C,SAAU;AAChB3C,QAAAA,YAAY,EAAEoB,SAAU;AACxBnB,QAAAA,IAAI,EAAEA,IAAK;AACXC,QAAAA,YAAY,EAAEA,YAAa;AAC3BC,QAAAA,KAAK,EAAEyC,UAAW;AAClBxC,QAAAA,OAAO,EAAEA,OAAQ;AACjBC,QAAAA,SAAS,EAAEA,SAAU;AACrBC,QAAAA,MAAM,EAAEO,cAAAA;AAAe,OAC1B,CAAC,CAAA;KACL,CACD,CACK,CACA,CAAC,CAAA;AAE1B,GAAA;AAEA,EAAA,oBAAOS,KAAA,CAAAC,aAAA,CAACM,YAAY,EAAA;AAAC9B,IAAAA,IAAI,EAAEA,IAAK;AAACE,IAAAA,IAAI,EAAEA,IAAK;AAACE,IAAAA,KAAK,EAAEA,KAAM;AAACH,IAAAA,YAAY,EAAEA,YAAa;AAACgC,IAAAA,SAAS,EAAEZ,SAAAA;AAAU,GAAE,CAAC,CAAA;AACnH;;;;"}
+{"version":3,"file":"DropdownInner.js","sources":["../../../../../src/components/Dropdown/ui/DropdownInner/DropdownInner.tsx"],"sourcesContent":["import React, { useRef } from 'react';\nimport type { FC } from 'react';\nimport { safeUseId } from 'src/utils';\n\nimport { DropdownItem } from '../DropdownItem/DropdownItem';\nimport { Ul, ListWrapper } from '../../Dropdown.styles';\nimport { FloatingPopover } from '../../FloatingPopover';\nimport { getPlacement } from '../../utils';\n\nimport { DropdownInnerProps } from './DropdownInner.type';\n\nconst DropdownInner: FC<DropdownInnerProps> = ({\n    item,\n    currentLevel,\n    path,\n    dispatchPath,\n    index,\n    trigger,\n    listWidth,\n    portal,\n}) => {\n    const handleToggle = (opened: boolean): void => {\n        if (opened) {\n            dispatchPath({ type: 'changed_on_level', value: item.value.toString(), level: currentLevel + 1 });\n        } else {\n            dispatchPath({ type: 'cut_by_level', level: currentLevel + 1 });\n        }\n    };\n\n    const listWrapperRef = useRef<HTMLDivElement>(null);\n\n    const isCurrentListOpen = path[currentLevel + 1] === item.value.toString();\n\n    const treeId = safeUseId();\n    const listId = `${treeId}_tree_level_${currentLevel + 2}`;\n    const nextLevel = currentLevel + 1;\n\n    if (item?.items) {\n        return (\n            <FloatingPopover\n                placement={getPlacement(item?.placement || 'right')}\n                opened={isCurrentListOpen}\n                onToggle={handleToggle}\n                trigger={item.trigger || trigger}\n                target={\n                    <DropdownItem\n                        item={item}\n                        index={index}\n                        path={path}\n                        currentLevel={currentLevel}\n                        ariaControls={listId}\n                        ariaExpanded={isCurrentListOpen}\n                        ariaLevel={nextLevel}\n                        ariaLabel={item.label}\n                    />\n                }\n                isInner\n                portal={portal}\n            >\n                <ListWrapper ref={listWrapperRef} listWidth={listWidth}>\n                    <Ul id={listId} role=\"group\" listMaxHeight={item.listMaxHeight}>\n                        {item.beforeList}\n\n                        {item.items.map((innerItem, innerIndex) => (\n                            <DropdownInner\n                                key={`${innerIndex}/${currentLevel}`}\n                                item={innerItem}\n                                currentLevel={nextLevel}\n                                path={path}\n                                dispatchPath={dispatchPath}\n                                index={innerIndex}\n                                trigger={trigger}\n                                listWidth={listWidth}\n                                portal={listWrapperRef}\n                            />\n                        ))}\n                    </Ul>\n                </ListWrapper>\n            </FloatingPopover>\n        );\n    }\n\n    return <DropdownItem item={item} path={path} index={index} currentLevel={currentLevel} ariaLevel={nextLevel} />;\n};\n\nexport { DropdownInner };\n"],"names":["DropdownInner","_ref","item","currentLevel","path","dispatchPath","index","trigger","listWidth","portal","handleToggle","opened","type","value","toString","level","listWrapperRef","useRef","isCurrentListOpen","treeId","safeUseId","listId","concat","nextLevel","items","React","createElement","FloatingPopover","placement","getPlacement","onToggle","target","DropdownItem","ariaControls","ariaExpanded","ariaLevel","ariaLabel","label","isInner","ListWrapper","ref","Ul","id","role","listMaxHeight","beforeList","map","innerItem","innerIndex","key"],"mappings":"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"}

package/es/components/Note/Note.css

@@ -2,7 +2,7 @@
 
 .base_pq323y_b1ygm22t__ed5da473{background:var(--plasma-note-background);color:var(--plasma-note-color);}.base_pq323y_b1ygm22t__ed5da473 .base_pq323y_c1i6bkpn__ed5da473{color:var(--plasma-note-content-before-color);fill:var(--plasma-note-content-before-color);}
 
-.base_12cn7f7_bnp62xb__4561ac8c{padding:var(--plasma-note-padding);border-radius:var(--plasma-note-border-radius);height:var(--plasma_private-note-height);width:var(--plasma_private-note-width);gap:var(--plasma-note-gap);}.base_12cn7f7_bnp62xb__4561ac8c.base_12cn7f7_noteStretch__4561ac8c{width:100%;height:100%;}.base_12cn7f7_bnp62xb__4561ac8c .base_12cn7f7_c1i6bkpn__4561ac8c{width:var(--plasma-note-fixed-content-before-width);height:var(--plasma-note-fixed-content-before-height);padding:var(--plasma-note-fixed-content-before-padding);box-sizing:border-box;}.base_12cn7f7_bnp62xb__4561ac8c.base_12cn7f7_noteContentAlignCenter__4561ac8c{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:var(--plasma-note-padding-scalable);gap:var(--plasma-note-gap-scalable);}.base_12cn7f7_bnp62xb__4561ac8c.base_12cn7f7_noteContentAlignCenter__4561ac8c .base_12cn7f7_c1i6bkpn__4561ac8c{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:unset;}.base_12cn7f7_bnp62xb__4561ac8c .base_12cn7f7_cendmch__4561ac8c{width:var(--plasma_private-note-content-width-with-offset);gap:var(--plasma-note-content-gap);}.base_12cn7f7_bnp62xb__4561ac8c .base_12cn7f7_t1wkjxug__4561ac8c,.base_12cn7f7_bnp62xb__4561ac8c .base_12cn7f7_te86upw__4561ac8c{width:100%;min-height:var(--plasma-note-title-line-height);font-family:var(--plasma-note-title-font-family);font-size:var(--plasma-note-title-font-size);font-style:var(--plasma-note-title-font-style);font-weight:var(--plasma-note-title-font-weight);-webkit-letter-spacing:var(--plasma-note-title-letter-spacing);-moz-letter-spacing:var(--plasma-note-title-letter-spacing);-ms-letter-spacing:var(--plasma-note-title-letter-spacing);letter-spacing:var(--plasma-note-title-letter-spacing);line-height:var(--plasma-note-title-line-height);}.base_12cn7f7_bnp62xb__4561ac8c .base_12cn7f7_t1kp0wa7__4561ac8c,.base_12cn7f7_bnp62xb__4561ac8c .base_12cn7f7_tf1lafs__4561ac8c{font-family:var(--plasma-note-text-font-family);font-size:var(--plasma-note-text-font-size);font-style:var(--plasma-note-text-font-style);font-weight:var(--plasma-note-text-font-weight);-webkit-letter-spacing:var(--plasma-note-text-letter-spacing);-moz-letter-spacing:var(--plasma-note-text-letter-spacing);-ms-letter-spacing:var(--plasma-note-text-letter-spacing);letter-spacing:var(--plasma-note-text-letter-spacing);line-height:var(--plasma-note-text-line-height);overflow-wrap:break-word;}
+.base_111wwzs_bnp62xb__0c427f65{padding:var(--plasma-note-padding);border-radius:var(--plasma-note-border-radius);height:var(--plasma_private-note-height);width:var(--plasma_private-note-width);gap:var(--plasma-note-gap);}.base_111wwzs_bnp62xb__0c427f65.base_111wwzs_noteStretch__0c427f65{width:100%;height:100%;}.base_111wwzs_bnp62xb__0c427f65 .base_111wwzs_c1i6bkpn__0c427f65{width:var(--plasma-note-fixed-content-before-width);height:var(--plasma-note-fixed-content-before-height);padding:var(--plasma-note-fixed-content-before-padding);box-sizing:border-box;}.base_111wwzs_bnp62xb__0c427f65.base_111wwzs_noteContentAlignCenter__0c427f65{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:var(--plasma-note-padding-scalable);gap:var(--plasma-note-gap-scalable);}.base_111wwzs_bnp62xb__0c427f65.base_111wwzs_noteContentAlignCenter__0c427f65 .base_111wwzs_c1i6bkpn__0c427f65{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:unset;}.base_111wwzs_bnp62xb__0c427f65 .base_111wwzs_cendmch__0c427f65{width:var(--plasma_private-note-content-width-with-offset);gap:var(--plasma-note-content-gap);}.base_111wwzs_bnp62xb__0c427f65 .base_111wwzs_t1wkjxug__0c427f65,.base_111wwzs_bnp62xb__0c427f65 .base_111wwzs_te86upw__0c427f65{width:100%;min-height:var(--plasma-note-title-line-height);font-family:var(--plasma-note-title-font-family);font-size:var(--plasma-note-title-font-size);font-style:var(--plasma-note-title-font-style);font-weight:var(--plasma-note-title-font-weight);-webkit-letter-spacing:var(--plasma-note-title-letter-spacing);-moz-letter-spacing:var(--plasma-note-title-letter-spacing);-ms-letter-spacing:var(--plasma-note-title-letter-spacing);letter-spacing:var(--plasma-note-title-letter-spacing);line-height:var(--plasma-note-title-line-height);}.base_111wwzs_bnp62xb__0c427f65 .base_111wwzs_t1kp0wa7__0c427f65,.base_111wwzs_bnp62xb__0c427f65 .base_111wwzs_tf1lafs__0c427f65{font-family:var(--plasma-note-text-font-family);font-size:var(--plasma-note-text-font-size);font-style:var(--plasma-note-text-font-style);font-weight:var(--plasma-note-text-font-weight);-webkit-letter-spacing:var(--plasma-note-text-letter-spacing);-moz-letter-spacing:var(--plasma-note-text-letter-spacing);-ms-letter-spacing:var(--plasma-note-text-letter-spacing);letter-spacing:var(--plasma-note-text-letter-spacing);line-height:var(--plasma-note-text-line-height);word-break:break-all;}
 
 .base_jfbpjg_b1ty39ru__57cb1989{color:var(--plasma-button-color);background:var(--plasma-button-background-color);}.base_jfbpjg_b1ty39ru__57cb1989.base_jfbpjg_buttonLoading__57cb1989{background:var(--plasma-button-loading-background-color);}.base_jfbpjg_b1ty39ru__57cb1989:hover{color:var(--plasma-button-color-hover,var(--plasma-button-color));background:var(--plasma-button-background-color-hover,var(--plasma-button-background-color));scale:var(--plasma-button-scale-hover);}.base_jfbpjg_b1ty39ru__57cb1989:active{color:var(--plasma-button-color-active,var(--plasma-button-color));background:var(--plasma-button-background-color-active,var(--plasma-button-background-color));scale:var(---plasma-button-scale-active);}
 

package/es/components/Note/Note.js

@@ -46,7 +46,7 @@ var noteRoot = function noteRoot(Root) {
     var contentWidthWithOffsetToken = contentBefore ? "calc(100% - ".concat(contentBeforeWidth, " - var(").concat(contentGapToken, "))") : '100%';
     var setTruncatedText = function setTruncatedText() {
       var _titleHelperRef$curre;
-      if (!canUseDOM || !text || typeof text !== 'string' || !(contentWrapperRef !== null && contentWrapperRef !== void 0 && contentWrapperRef.current) || !(textRenderHelperRef !== null && textRenderHelperRef !== void 0 && textRenderHelperRef.current) || !width && !height) {
+      if (!canUseDOM || !text || !(contentWrapperRef !== null && contentWrapperRef !== void 0 && contentWrapperRef.current) || !(textRenderHelperRef !== null && textRenderHelperRef !== void 0 && textRenderHelperRef.current) || !width && !height) {
         return;
       }
       var contentHeight = contentWrapperRef.current.offsetHeight;

package/es/components/Note/Note.js.map

@@ -1 +1 @@
-{"version":3,"file":"Note.js","sources":["../../../src/components/Note/Note.tsx"],"sourcesContent":["import React, { forwardRef, useEffect, useLayoutEffect, useRef, useState } from 'react';\nimport type { CSSProperties } from 'react';\nimport { useResizeObserver } from '@salutejs/plasma-core';\n\nimport { canUseDOM, cx, getSizeValueFromProp } from '../../utils';\nimport type { RootProps } from '../../engines';\nimport { IconCrossThin } from '../_Icon/Icons/IconCrossThin';\n\nimport type { NoteProps } from './Note.types';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport {\n    base,\n    CloseIconWrapper,\n    ContentBefore,\n    ContentWrapper,\n    Text,\n    TextHelper,\n    Title,\n    TitleHelper,\n} from './Note.styles';\nimport { classes, privateTokens, tokens } from './Note.tokens';\n\nexport const noteRoot = (Root: RootProps<HTMLDivElement, NoteProps>) =>\n    forwardRef<HTMLDivElement, NoteProps>(\n        (\n            {\n                className,\n                style,\n                title,\n                text,\n                contentBefore,\n                contentBeforeSizing = 'fixed',\n                size,\n                view,\n                stretch,\n                width,\n                height,\n                hasClose,\n                onCloseButtonClick,\n                ...rest\n            },\n            outerRef,\n        ) => {\n            const [innerText, setInnerText] = useState(text);\n            const [contentBeforeWidth, setContentBeforeWidth] = useState(\n                contentBefore ? `var(${tokens.fixedContentBeforeWidth})` : '0',\n            );\n\n            const contentWrapperRef = useRef<HTMLDivElement>(null);\n            const contentBeforeRef = useRef<HTMLDivElement>(null);\n            const titleHelperRef = useRef<HTMLDivElement>(null);\n            const textRenderHelperRef = useRef<HTMLSpanElement>(null);\n\n            const innerWidth = width ? getSizeValueFromProp(width) : 'fit-content';\n            const innerHeight = height ? getSizeValueFromProp(height) : 'fit-content';\n\n            const contentGapToken = contentBeforeSizing === 'scalable' ? tokens.gapScalable : tokens.gap;\n            const contentWidthWithOffsetToken = contentBefore\n                ? `calc(100% - ${contentBeforeWidth} - var(${contentGapToken}))`\n                : '100%';\n\n            const setTruncatedText = () => {\n                if (\n                    !canUseDOM ||\n                    !text ||\n                    typeof text !== 'string' ||\n                    !contentWrapperRef?.current ||\n                    !textRenderHelperRef?.current ||\n                    (!width && !height)\n                ) {\n                    return;\n                }\n\n                const contentHeight = contentWrapperRef.current.offsetHeight;\n                const titleHeight = titleHelperRef.current?.offsetHeight || 0;\n\n                const contentGap = Number(window.getComputedStyle(contentWrapperRef.current).rowGap.replace('px', ''));\n\n                const textAvailableHeight = contentHeight - titleHeight - contentGap;\n\n                textRenderHelperRef.current.textContent = text;\n\n                if (textRenderHelperRef.current.offsetHeight <= textAvailableHeight) {\n                    setInnerText(text);\n                    return;\n                }\n\n                let fullText = `${text.slice(0, -3)}...`;\n\n                for (let i = text.length - 1; i >= 0; i -= 1) {\n                    textRenderHelperRef.current.textContent = fullText;\n\n                    if (textRenderHelperRef.current.offsetHeight <= textAvailableHeight) {\n                        break;\n                    }\n\n                    fullText = `${fullText.slice(0, i)}...`;\n                }\n\n                setInnerText(fullText);\n            };\n\n            useResizeObserver(contentWrapperRef, setTruncatedText);\n\n            useLayoutEffect(() => {\n                setTruncatedText();\n            }, [text, contentBefore, contentBeforeSizing, stretch]);\n\n            useEffect(() => {\n                setTruncatedText();\n            }, [text]);\n\n            useEffect(() => {\n                if (!contentBeforeRef?.current) {\n                    return;\n                }\n\n                if (contentBeforeSizing === 'scalable') {\n                    setContentBeforeWidth(`${contentBeforeRef.current.offsetWidth}px`);\n                    return;\n                }\n\n                setContentBeforeWidth(`var(${tokens.fixedContentBeforeWidth})`);\n            }, [contentBefore, contentBeforeSizing]);\n\n            return (\n                <Root\n                    ref={outerRef}\n                    className={cx(\n                        className,\n                        stretch && classes.stretch,\n                        contentBeforeSizing === 'scalable' && classes.contentAlignCenter,\n                    )}\n                    view={view}\n                    size={size}\n                    style={\n                        {\n                            ...style,\n                            [privateTokens.width]: innerWidth,\n                            [privateTokens.height]: innerHeight,\n                            [privateTokens.contentWidthWithOffset]: contentWidthWithOffsetToken,\n                        } as CSSProperties\n                    }\n                    {...rest}\n                >\n                    {contentBefore && <ContentBefore ref={contentBeforeRef}>{contentBefore}</ContentBefore>}\n                    <ContentWrapper ref={contentWrapperRef}>\n                        {title && (\n                            <>\n                                <Title hasClose={hasClose}>{title}</Title>\n                                <TitleHelper ref={titleHelperRef}>C</TitleHelper>\n                            </>\n                        )}\n                        {innerText && (\n                            <>\n                                <Text>\n                                    {innerText}\n                                    <TextHelper ref={textRenderHelperRef}>C</TextHelper>\n                                </Text>\n                            </>\n                        )}\n                    </ContentWrapper>\n                    {hasClose && (\n                        <CloseIconWrapper\n                            view=\"clear\"\n                            size=\"s\"\n                            onClick={onCloseButtonClick}\n                            className={classes.closeIcon}\n                        >\n                            <IconCrossThin size=\"s\" sizeCustomProperty={tokens.closeIconSize} color=\"inherit\" />\n                        </CloseIconWrapper>\n                    )}\n                </Root>\n            );\n        },\n    );\n\nexport const noteConfig = {\n    name: 'Note',\n    tag: 'div',\n    layout: noteRoot,\n    base,\n    variations: {\n        view: {\n            css: viewCSS,\n        },\n        size: {\n            css: sizeCSS,\n        },\n    },\n    defaults: {\n        view: 'default',\n        size: 'm',\n    },\n};\n"],"names":["noteRoot","Root","forwardRef","_ref","outerRef","className","style","title","text","contentBefore","_ref$contentBeforeSiz","contentBeforeSizing","size","view","stretch","width","height","hasClose","onCloseButtonClick","rest","_objectWithoutProperties","_excluded","_useState","useState","_useState2","_slicedToArray","innerText","setInnerText","_useState3","concat","tokens","fixedContentBeforeWidth","_useState4","contentBeforeWidth","setContentBeforeWidth","contentWrapperRef","useRef","contentBeforeRef","titleHelperRef","textRenderHelperRef","innerWidth","getSizeValueFromProp","innerHeight","contentGapToken","gapScalable","gap","contentWidthWithOffsetToken","setTruncatedText","_titleHelperRef$curre","canUseDOM","current","contentHeight","offsetHeight","titleHeight","contentGap","Number","window","getComputedStyle","rowGap","replace","textAvailableHeight","textContent","fullText","slice","i","length","useResizeObserver","useLayoutEffect","useEffect","offsetWidth","React","createElement","_extends","ref","cx","classes","contentAlignCenter","_objectSpread","_defineProperty","privateTokens","contentWidthWithOffset","ContentBefore","ContentWrapper","Fragment","Title","TitleHelper","Text","TextHelper","CloseIconWrapper","onClick","closeIcon","IconCrossThin","sizeCustomProperty","closeIconSize","color","noteConfig","name","tag","layout","base","variations","css","viewCSS","sizeCSS","defaults"],"mappings":"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"}
+{"version":3,"file":"Note.js","sources":["../../../src/components/Note/Note.tsx"],"sourcesContent":["import React, { forwardRef, useEffect, useLayoutEffect, useRef, useState } from 'react';\nimport type { CSSProperties } from 'react';\nimport { useResizeObserver } from '@salutejs/plasma-core';\n\nimport { canUseDOM, cx, getSizeValueFromProp } from '../../utils';\nimport type { RootProps } from '../../engines';\nimport { IconCrossThin } from '../_Icon/Icons/IconCrossThin';\n\nimport type { NoteProps } from './Note.types';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport {\n    base,\n    CloseIconWrapper,\n    ContentBefore,\n    ContentWrapper,\n    Text,\n    TextHelper,\n    Title,\n    TitleHelper,\n} from './Note.styles';\nimport { classes, privateTokens, tokens } from './Note.tokens';\n\nexport const noteRoot = (Root: RootProps<HTMLDivElement, NoteProps>) =>\n    forwardRef<HTMLDivElement, NoteProps>(\n        (\n            {\n                className,\n                style,\n                title,\n                text,\n                contentBefore,\n                contentBeforeSizing = 'fixed',\n                size,\n                view,\n                stretch,\n                width,\n                height,\n                hasClose,\n                onCloseButtonClick,\n                ...rest\n            },\n            outerRef,\n        ) => {\n            const [innerText, setInnerText] = useState(text);\n            const [contentBeforeWidth, setContentBeforeWidth] = useState(\n                contentBefore ? `var(${tokens.fixedContentBeforeWidth})` : '0',\n            );\n\n            const contentWrapperRef = useRef<HTMLDivElement>(null);\n            const contentBeforeRef = useRef<HTMLDivElement>(null);\n            const titleHelperRef = useRef<HTMLDivElement>(null);\n            const textRenderHelperRef = useRef<HTMLSpanElement>(null);\n\n            const innerWidth = width ? getSizeValueFromProp(width) : 'fit-content';\n            const innerHeight = height ? getSizeValueFromProp(height) : 'fit-content';\n\n            const contentGapToken = contentBeforeSizing === 'scalable' ? tokens.gapScalable : tokens.gap;\n            const contentWidthWithOffsetToken = contentBefore\n                ? `calc(100% - ${contentBeforeWidth} - var(${contentGapToken}))`\n                : '100%';\n\n            const setTruncatedText = () => {\n                if (\n                    !canUseDOM ||\n                    !text ||\n                    !contentWrapperRef?.current ||\n                    !textRenderHelperRef?.current ||\n                    (!width && !height)\n                ) {\n                    return;\n                }\n\n                const contentHeight = contentWrapperRef.current.offsetHeight;\n                const titleHeight = titleHelperRef.current?.offsetHeight || 0;\n\n                const contentGap = Number(window.getComputedStyle(contentWrapperRef.current).rowGap.replace('px', ''));\n\n                const textAvailableHeight = contentHeight - titleHeight - contentGap;\n\n                textRenderHelperRef.current.textContent = text;\n\n                if (textRenderHelperRef.current.offsetHeight <= textAvailableHeight) {\n                    setInnerText(text);\n                    return;\n                }\n\n                let fullText = `${text.slice(0, -3)}...`;\n\n                for (let i = text.length - 1; i >= 0; i -= 1) {\n                    textRenderHelperRef.current.textContent = fullText;\n\n                    if (textRenderHelperRef.current.offsetHeight <= textAvailableHeight) {\n                        break;\n                    }\n\n                    fullText = `${fullText.slice(0, i)}...`;\n                }\n\n                setInnerText(fullText);\n            };\n\n            useResizeObserver(contentWrapperRef, setTruncatedText);\n\n            useLayoutEffect(() => {\n                setTruncatedText();\n            }, [text, contentBefore, contentBeforeSizing, stretch]);\n\n            useEffect(() => {\n                setTruncatedText();\n            }, [text]);\n\n            useEffect(() => {\n                if (!contentBeforeRef?.current) {\n                    return;\n                }\n\n                if (contentBeforeSizing === 'scalable') {\n                    setContentBeforeWidth(`${contentBeforeRef.current.offsetWidth}px`);\n                    return;\n                }\n\n                setContentBeforeWidth(`var(${tokens.fixedContentBeforeWidth})`);\n            }, [contentBefore, contentBeforeSizing]);\n\n            return (\n                <Root\n                    ref={outerRef}\n                    className={cx(\n                        className,\n                        stretch && classes.stretch,\n                        contentBeforeSizing === 'scalable' && classes.contentAlignCenter,\n                    )}\n                    view={view}\n                    size={size}\n                    style={\n                        {\n                            ...style,\n                            [privateTokens.width]: innerWidth,\n                            [privateTokens.height]: innerHeight,\n                            [privateTokens.contentWidthWithOffset]: contentWidthWithOffsetToken,\n                        } as CSSProperties\n                    }\n                    {...rest}\n                >\n                    {contentBefore && <ContentBefore ref={contentBeforeRef}>{contentBefore}</ContentBefore>}\n                    <ContentWrapper ref={contentWrapperRef}>\n                        {title && (\n                            <>\n                                <Title hasClose={hasClose}>{title}</Title>\n                                <TitleHelper ref={titleHelperRef}>C</TitleHelper>\n                            </>\n                        )}\n                        {innerText && (\n                            <>\n                                <Text>\n                                    {innerText}\n                                    <TextHelper ref={textRenderHelperRef}>C</TextHelper>\n                                </Text>\n                            </>\n                        )}\n                    </ContentWrapper>\n                    {hasClose && (\n                        <CloseIconWrapper\n                            view=\"clear\"\n                            size=\"s\"\n                            onClick={onCloseButtonClick}\n                            className={classes.closeIcon}\n                        >\n                            <IconCrossThin size=\"s\" sizeCustomProperty={tokens.closeIconSize} color=\"inherit\" />\n                        </CloseIconWrapper>\n                    )}\n                </Root>\n            );\n        },\n    );\n\nexport const noteConfig = {\n    name: 'Note',\n    tag: 'div',\n    layout: noteRoot,\n    base,\n    variations: {\n        view: {\n            css: viewCSS,\n        },\n        size: {\n            css: sizeCSS,\n        },\n    },\n    defaults: {\n        view: 'default',\n        size: 'm',\n    },\n};\n"],"names":["noteRoot","Root","forwardRef","_ref","outerRef","className","style","title","text","contentBefore","_ref$contentBeforeSiz","contentBeforeSizing","size","view","stretch","width","height","hasClose","onCloseButtonClick","rest","_objectWithoutProperties","_excluded","_useState","useState","_useState2","_slicedToArray","innerText","setInnerText","_useState3","concat","tokens","fixedContentBeforeWidth","_useState4","contentBeforeWidth","setContentBeforeWidth","contentWrapperRef","useRef","contentBeforeRef","titleHelperRef","textRenderHelperRef","innerWidth","getSizeValueFromProp","innerHeight","contentGapToken","gapScalable","gap","contentWidthWithOffsetToken","setTruncatedText","_titleHelperRef$curre","canUseDOM","current","contentHeight","offsetHeight","titleHeight","contentGap","Number","window","getComputedStyle","rowGap","replace","textAvailableHeight","textContent","fullText","slice","i","length","useResizeObserver","useLayoutEffect","useEffect","offsetWidth","React","createElement","_extends","ref","cx","classes","contentAlignCenter","_objectSpread","_defineProperty","privateTokens","contentWidthWithOffset","ContentBefore","ContentWrapper","Fragment","Title","TitleHelper","Text","TextHelper","CloseIconWrapper","onClick","closeIcon","IconCrossThin","sizeCustomProperty","closeIconSize","color","noteConfig","name","tag","layout","base","variations","css","viewCSS","sizeCSS","defaults"],"mappings":"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"}

package/es/components/Note/variations/_size/base.js

@@ -1,4 +1,4 @@
-import './base_12cn7f7.css';
+import './base_111wwzs.css';
 var base = "bnp62xb";
 
 export { base };

package/es/components/Note/variations/_size/base.js.map

@@ -1 +1 @@
-{"version":3,"file":"base.js","sources":["../../../../../src/components/Note/variations/_size/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { classes, privateTokens, tokens } from '../../Note.tokens';\nimport { ContentBefore, ContentWrapper, Text, TextHelper, Title, TitleHelper } from '../../Note.styles';\n\nexport const base = css`\n    padding: var(${tokens.padding});\n    border-radius: var(${tokens.borderRadius});\n    height: var(${privateTokens.height});\n    width: var(${privateTokens.width});\n    gap: var(${tokens.gap});\n\n    &.${classes.stretch} {\n        width: 100%;\n        height: 100%;\n    }\n\n    ${ContentBefore} {\n        width: var(${tokens.fixedContentBeforeWidth});\n        height: var(${tokens.fixedContentBeforeHeight});\n        padding: var(${tokens.fixedContentBeforePadding});\n        box-sizing: border-box;\n    }\n\n    &.${classes.contentAlignCenter} {\n        align-items: center;\n        padding: var(${tokens.paddingScalable});\n        gap: var(${tokens.gapScalable});\n\n        ${ContentBefore} {\n            width: fit-content;\n            height: fit-content;\n            padding: unset;\n        }\n    }\n\n    ${ContentWrapper} {\n        width: var(${privateTokens.contentWidthWithOffset});\n        gap: var(${tokens.contentGap});\n    }\n\n    ${Title}, ${TitleHelper} {\n        width: 100%;\n        min-height: var(${tokens.titleLineHeight});\n\n        font-family: var(${tokens.titleFontFamily});\n        font-size: var(${tokens.titleFontSize});\n        font-style: var(${tokens.titleFontStyle});\n        font-weight: var(${tokens.titleFontWeight});\n        letter-spacing: var(${tokens.titleLetterSpacing});\n        line-height: var(${tokens.titleLineHeight});\n    }\n\n    ${Text}, ${TextHelper} {\n        font-family: var(${tokens.textFontFamily});\n        font-size: var(${tokens.textFontSize});\n        font-style: var(${tokens.textFontStyle});\n        font-weight: var(${tokens.textFontWeight});\n        letter-spacing: var(${tokens.textLetterSpacing});\n        line-height: var(${tokens.textLineHeight});\n\n        overflow-wrap: break-word;\n    }\n`;\n"],"names":["base"],"mappings":"AAKO,IAAMA,IAAI,GA0DhB;;;;"}
+{"version":3,"file":"base.js","sources":["../../../../../src/components/Note/variations/_size/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { classes, privateTokens, tokens } from '../../Note.tokens';\nimport { ContentBefore, ContentWrapper, Text, TextHelper, Title, TitleHelper } from '../../Note.styles';\n\nexport const base = css`\n    padding: var(${tokens.padding});\n    border-radius: var(${tokens.borderRadius});\n    height: var(${privateTokens.height});\n    width: var(${privateTokens.width});\n    gap: var(${tokens.gap});\n\n    &.${classes.stretch} {\n        width: 100%;\n        height: 100%;\n    }\n\n    ${ContentBefore} {\n        width: var(${tokens.fixedContentBeforeWidth});\n        height: var(${tokens.fixedContentBeforeHeight});\n        padding: var(${tokens.fixedContentBeforePadding});\n        box-sizing: border-box;\n    }\n\n    &.${classes.contentAlignCenter} {\n        align-items: center;\n        padding: var(${tokens.paddingScalable});\n        gap: var(${tokens.gapScalable});\n\n        ${ContentBefore} {\n            width: fit-content;\n            height: fit-content;\n            padding: unset;\n        }\n    }\n\n    ${ContentWrapper} {\n        width: var(${privateTokens.contentWidthWithOffset});\n        gap: var(${tokens.contentGap});\n    }\n\n    ${Title}, ${TitleHelper} {\n        width: 100%;\n        min-height: var(${tokens.titleLineHeight});\n\n        font-family: var(${tokens.titleFontFamily});\n        font-size: var(${tokens.titleFontSize});\n        font-style: var(${tokens.titleFontStyle});\n        font-weight: var(${tokens.titleFontWeight});\n        letter-spacing: var(${tokens.titleLetterSpacing});\n        line-height: var(${tokens.titleLineHeight});\n    }\n\n    ${Text}, ${TextHelper} {\n        font-family: var(${tokens.textFontFamily});\n        font-size: var(${tokens.textFontSize});\n        font-style: var(${tokens.textFontStyle});\n        font-weight: var(${tokens.textFontWeight});\n        letter-spacing: var(${tokens.textLetterSpacing});\n        line-height: var(${tokens.textLineHeight});\n\n        word-break: break-all;\n    }\n`;\n"],"names":["base"],"mappings":"AAKO,IAAMA,IAAI,GA0DhB;;;;"}

package/es/components/Note/variations/_size/{base_12cn7f7.css → base_111wwzs.css}

@@ -1 +1 @@
-.bnp62xb{padding:var(--plasma-note-padding);border-radius:var(--plasma-note-border-radius);height:var(--plasma_private-note-height);width:var(--plasma_private-note-width);gap:var(--plasma-note-gap);}.bnp62xb.note-stretch{width:100%;height:100%;}.bnp62xb .c1i6bkpn{width:var(--plasma-note-fixed-content-before-width);height:var(--plasma-note-fixed-content-before-height);padding:var(--plasma-note-fixed-content-before-padding);box-sizing:border-box;}.bnp62xb.note-content-align-center{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:var(--plasma-note-padding-scalable);gap:var(--plasma-note-gap-scalable);}.bnp62xb.note-content-align-center .c1i6bkpn{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:unset;}.bnp62xb .cendmch{width:var(--plasma_private-note-content-width-with-offset);gap:var(--plasma-note-content-gap);}.bnp62xb .t1wkjxug,.bnp62xb .te86upw{width:100%;min-height:var(--plasma-note-title-line-height);font-family:var(--plasma-note-title-font-family);font-size:var(--plasma-note-title-font-size);font-style:var(--plasma-note-title-font-style);font-weight:var(--plasma-note-title-font-weight);-webkit-letter-spacing:var(--plasma-note-title-letter-spacing);-moz-letter-spacing:var(--plasma-note-title-letter-spacing);-ms-letter-spacing:var(--plasma-note-title-letter-spacing);letter-spacing:var(--plasma-note-title-letter-spacing);line-height:var(--plasma-note-title-line-height);}.bnp62xb .t1kp0wa7,.bnp62xb .tf1lafs{font-family:var(--plasma-note-text-font-family);font-size:var(--plasma-note-text-font-size);font-style:var(--plasma-note-text-font-style);font-weight:var(--plasma-note-text-font-weight);-webkit-letter-spacing:var(--plasma-note-text-letter-spacing);-moz-letter-spacing:var(--plasma-note-text-letter-spacing);-ms-letter-spacing:var(--plasma-note-text-letter-spacing);letter-spacing:var(--plasma-note-text-letter-spacing);line-height:var(--plasma-note-text-line-height);overflow-wrap:break-word;}
+.bnp62xb{padding:var(--plasma-note-padding);border-radius:var(--plasma-note-border-radius);height:var(--plasma_private-note-height);width:var(--plasma_private-note-width);gap:var(--plasma-note-gap);}.bnp62xb.note-stretch{width:100%;height:100%;}.bnp62xb .c1i6bkpn{width:var(--plasma-note-fixed-content-before-width);height:var(--plasma-note-fixed-content-before-height);padding:var(--plasma-note-fixed-content-before-padding);box-sizing:border-box;}.bnp62xb.note-content-align-center{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:var(--plasma-note-padding-scalable);gap:var(--plasma-note-gap-scalable);}.bnp62xb.note-content-align-center .c1i6bkpn{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:unset;}.bnp62xb .cendmch{width:var(--plasma_private-note-content-width-with-offset);gap:var(--plasma-note-content-gap);}.bnp62xb .t1wkjxug,.bnp62xb .te86upw{width:100%;min-height:var(--plasma-note-title-line-height);font-family:var(--plasma-note-title-font-family);font-size:var(--plasma-note-title-font-size);font-style:var(--plasma-note-title-font-style);font-weight:var(--plasma-note-title-font-weight);-webkit-letter-spacing:var(--plasma-note-title-letter-spacing);-moz-letter-spacing:var(--plasma-note-title-letter-spacing);-ms-letter-spacing:var(--plasma-note-title-letter-spacing);letter-spacing:var(--plasma-note-title-letter-spacing);line-height:var(--plasma-note-title-line-height);}.bnp62xb .t1kp0wa7,.bnp62xb .tf1lafs{font-family:var(--plasma-note-text-font-family);font-size:var(--plasma-note-text-font-size);font-style:var(--plasma-note-text-font-style);font-weight:var(--plasma-note-text-font-weight);-webkit-letter-spacing:var(--plasma-note-text-letter-spacing);-moz-letter-spacing:var(--plasma-note-text-letter-spacing);-ms-letter-spacing:var(--plasma-note-text-letter-spacing);letter-spacing:var(--plasma-note-text-letter-spacing);line-height:var(--plasma-note-text-line-height);word-break:break-all;}

package/es/index.css

@@ -949,7 +949,7 @@
 
 .base_pq323y_b1ygm22t__ed5da473{background:var(--plasma-note-background);color:var(--plasma-note-color);}.base_pq323y_b1ygm22t__ed5da473 .base_pq323y_c1i6bkpn__ed5da473{color:var(--plasma-note-content-before-color);fill:var(--plasma-note-content-before-color);}
 
-.base_12cn7f7_bnp62xb__4561ac8c{padding:var(--plasma-note-padding);border-radius:var(--plasma-note-border-radius);height:var(--plasma_private-note-height);width:var(--plasma_private-note-width);gap:var(--plasma-note-gap);}.base_12cn7f7_bnp62xb__4561ac8c.base_12cn7f7_noteStretch__4561ac8c{width:100%;height:100%;}.base_12cn7f7_bnp62xb__4561ac8c .base_12cn7f7_c1i6bkpn__4561ac8c{width:var(--plasma-note-fixed-content-before-width);height:var(--plasma-note-fixed-content-before-height);padding:var(--plasma-note-fixed-content-before-padding);box-sizing:border-box;}.base_12cn7f7_bnp62xb__4561ac8c.base_12cn7f7_noteContentAlignCenter__4561ac8c{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:var(--plasma-note-padding-scalable);gap:var(--plasma-note-gap-scalable);}.base_12cn7f7_bnp62xb__4561ac8c.base_12cn7f7_noteContentAlignCenter__4561ac8c .base_12cn7f7_c1i6bkpn__4561ac8c{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:unset;}.base_12cn7f7_bnp62xb__4561ac8c .base_12cn7f7_cendmch__4561ac8c{width:var(--plasma_private-note-content-width-with-offset);gap:var(--plasma-note-content-gap);}.base_12cn7f7_bnp62xb__4561ac8c .base_12cn7f7_t1wkjxug__4561ac8c,.base_12cn7f7_bnp62xb__4561ac8c .base_12cn7f7_te86upw__4561ac8c{width:100%;min-height:var(--plasma-note-title-line-height);font-family:var(--plasma-note-title-font-family);font-size:var(--plasma-note-title-font-size);font-style:var(--plasma-note-title-font-style);font-weight:var(--plasma-note-title-font-weight);-webkit-letter-spacing:var(--plasma-note-title-letter-spacing);-moz-letter-spacing:var(--plasma-note-title-letter-spacing);-ms-letter-spacing:var(--plasma-note-title-letter-spacing);letter-spacing:var(--plasma-note-title-letter-spacing);line-height:var(--plasma-note-title-line-height);}.base_12cn7f7_bnp62xb__4561ac8c .base_12cn7f7_t1kp0wa7__4561ac8c,.base_12cn7f7_bnp62xb__4561ac8c .base_12cn7f7_tf1lafs__4561ac8c{font-family:var(--plasma-note-text-font-family);font-size:var(--plasma-note-text-font-size);font-style:var(--plasma-note-text-font-style);font-weight:var(--plasma-note-text-font-weight);-webkit-letter-spacing:var(--plasma-note-text-letter-spacing);-moz-letter-spacing:var(--plasma-note-text-letter-spacing);-ms-letter-spacing:var(--plasma-note-text-letter-spacing);letter-spacing:var(--plasma-note-text-letter-spacing);line-height:var(--plasma-note-text-line-height);overflow-wrap:break-word;}
+.base_111wwzs_bnp62xb__0c427f65{padding:var(--plasma-note-padding);border-radius:var(--plasma-note-border-radius);height:var(--plasma_private-note-height);width:var(--plasma_private-note-width);gap:var(--plasma-note-gap);}.base_111wwzs_bnp62xb__0c427f65.base_111wwzs_noteStretch__0c427f65{width:100%;height:100%;}.base_111wwzs_bnp62xb__0c427f65 .base_111wwzs_c1i6bkpn__0c427f65{width:var(--plasma-note-fixed-content-before-width);height:var(--plasma-note-fixed-content-before-height);padding:var(--plasma-note-fixed-content-before-padding);box-sizing:border-box;}.base_111wwzs_bnp62xb__0c427f65.base_111wwzs_noteContentAlignCenter__0c427f65{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:var(--plasma-note-padding-scalable);gap:var(--plasma-note-gap-scalable);}.base_111wwzs_bnp62xb__0c427f65.base_111wwzs_noteContentAlignCenter__0c427f65 .base_111wwzs_c1i6bkpn__0c427f65{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:unset;}.base_111wwzs_bnp62xb__0c427f65 .base_111wwzs_cendmch__0c427f65{width:var(--plasma_private-note-content-width-with-offset);gap:var(--plasma-note-content-gap);}.base_111wwzs_bnp62xb__0c427f65 .base_111wwzs_t1wkjxug__0c427f65,.base_111wwzs_bnp62xb__0c427f65 .base_111wwzs_te86upw__0c427f65{width:100%;min-height:var(--plasma-note-title-line-height);font-family:var(--plasma-note-title-font-family);font-size:var(--plasma-note-title-font-size);font-style:var(--plasma-note-title-font-style);font-weight:var(--plasma-note-title-font-weight);-webkit-letter-spacing:var(--plasma-note-title-letter-spacing);-moz-letter-spacing:var(--plasma-note-title-letter-spacing);-ms-letter-spacing:var(--plasma-note-title-letter-spacing);letter-spacing:var(--plasma-note-title-letter-spacing);line-height:var(--plasma-note-title-line-height);}.base_111wwzs_bnp62xb__0c427f65 .base_111wwzs_t1kp0wa7__0c427f65,.base_111wwzs_bnp62xb__0c427f65 .base_111wwzs_tf1lafs__0c427f65{font-family:var(--plasma-note-text-font-family);font-size:var(--plasma-note-text-font-size);font-style:var(--plasma-note-text-font-style);font-weight:var(--plasma-note-text-font-weight);-webkit-letter-spacing:var(--plasma-note-text-letter-spacing);-moz-letter-spacing:var(--plasma-note-text-letter-spacing);-ms-letter-spacing:var(--plasma-note-text-letter-spacing);letter-spacing:var(--plasma-note-text-letter-spacing);line-height:var(--plasma-note-text-line-height);word-break:break-all;}
 
 .Note_styles_thpfhk_b1eqam57__3331b1ad{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;box-sizing:border-box;}
 .Note_styles_thpfhk_c1i6bkpn__3331b1ad{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@salutejs/plasma-new-hope",
-  "version": "0.337.0-canary.2247.17854524722.0",
+  "version": "0.337.0-canary.2250.17939562431.0",
   "description": "Salute Design System blueprint",
   "main": "cjs/index.js",
   "module": "es/index.js",
@@ -137,5 +137,5 @@
   "sideEffects": [
     "*.css"
   ],
-  "gitHead": "2bf2d44a6ee392bb70623a5c413d145fec58f267"
+  "gitHead": "1903d7531f4193da486df1b8e92490cb1464ebd0"
 }

package/styled-components/cjs/components/Dropdown/ui/DropdownInner/DropdownInner.js

@@ -101,7 +101,7 @@ var DropdownInner = function(param) {
             id: listId,
             role: "group",
             listMaxHeight: item.listMaxHeight
-        }, item.items.map(function(innerItem, innerIndex) {
+        }, item.beforeList, item.items.map(function(innerItem, innerIndex) {
             return /*#__PURE__*/ _react.default.createElement(DropdownInner, {
                 key: "".concat(innerIndex, "/").concat(currentLevel),
                 item: innerItem,

package/styled-components/cjs/components/Note/Note.js

@@ -219,7 +219,7 @@ var noteRoot = function(Root) {
         var contentWidthWithOffsetToken = contentBefore ? "calc(100% - ".concat(contentBeforeWidth, " - var(").concat(contentGapToken, "))") : '100%';
         var setTruncatedText = function() {
             var _titleHelperRef_current;
-            if (!_utils.canUseDOM || !text || typeof text !== 'string' || !(contentWrapperRef === null || contentWrapperRef === void 0 ? void 0 : contentWrapperRef.current) || !(textRenderHelperRef === null || textRenderHelperRef === void 0 ? void 0 : textRenderHelperRef.current) || !width && !height) {
+            if (!_utils.canUseDOM || !text || !(contentWrapperRef === null || contentWrapperRef === void 0 ? void 0 : contentWrapperRef.current) || !(textRenderHelperRef === null || textRenderHelperRef === void 0 ? void 0 : textRenderHelperRef.current) || !width && !height) {
                 return;
             }
             var contentHeight = contentWrapperRef.current.offsetHeight;

package/styled-components/cjs/components/Note/variations/_size/base.js

@@ -46,5 +46,5 @@ var base = (0, _styledcomponents.css)([
     ");font-weight:var(",
     ");letter-spacing:var(",
     ");line-height:var(",
-    ");overflow-wrap:break-word;}"
+    ");word-break:break-all;}"
 ], _Notetokens.tokens.padding, _Notetokens.tokens.borderRadius, _Notetokens.privateTokens.height, _Notetokens.privateTokens.width, _Notetokens.tokens.gap, _Notetokens.classes.stretch, _Notestyles.ContentBefore, _Notetokens.tokens.fixedContentBeforeWidth, _Notetokens.tokens.fixedContentBeforeHeight, _Notetokens.tokens.fixedContentBeforePadding, _Notetokens.classes.contentAlignCenter, _Notetokens.tokens.paddingScalable, _Notetokens.tokens.gapScalable, _Notestyles.ContentBefore, _Notestyles.ContentWrapper, _Notetokens.privateTokens.contentWidthWithOffset, _Notetokens.tokens.contentGap, _Notestyles.Title, _Notestyles.TitleHelper, _Notetokens.tokens.titleLineHeight, _Notetokens.tokens.titleFontFamily, _Notetokens.tokens.titleFontSize, _Notetokens.tokens.titleFontStyle, _Notetokens.tokens.titleFontWeight, _Notetokens.tokens.titleLetterSpacing, _Notetokens.tokens.titleLineHeight, _Notestyles.Text, _Notestyles.TextHelper, _Notetokens.tokens.textFontFamily, _Notetokens.tokens.textFontSize, _Notetokens.tokens.textFontStyle, _Notetokens.tokens.textFontWeight, _Notetokens.tokens.textLetterSpacing, _Notetokens.tokens.textLineHeight);

package/styled-components/es/components/Dropdown/ui/DropdownInner/DropdownInner.js

@@ -50,7 +50,7 @@ var DropdownInner = function(param) {
             id: listId,
             role: "group",
             listMaxHeight: item.listMaxHeight
-        }, item.items.map(function(innerItem, innerIndex) {
+        }, item.beforeList, item.items.map(function(innerItem, innerIndex) {
             return /*#__PURE__*/ React.createElement(DropdownInner, {
                 key: "".concat(innerIndex, "/").concat(currentLevel),
                 item: innerItem,

package/styled-components/es/components/Note/Note.js

@@ -160,7 +160,7 @@ export var noteRoot = function(Root) {
         var contentWidthWithOffsetToken = contentBefore ? "calc(100% - ".concat(contentBeforeWidth, " - var(").concat(contentGapToken, "))") : '100%';
         var setTruncatedText = function() {
             var _titleHelperRef_current;
-            if (!canUseDOM || !text || typeof text !== 'string' || !(contentWrapperRef === null || contentWrapperRef === void 0 ? void 0 : contentWrapperRef.current) || !(textRenderHelperRef === null || textRenderHelperRef === void 0 ? void 0 : textRenderHelperRef.current) || !width && !height) {
+            if (!canUseDOM || !text || !(contentWrapperRef === null || contentWrapperRef === void 0 ? void 0 : contentWrapperRef.current) || !(textRenderHelperRef === null || textRenderHelperRef === void 0 ? void 0 : textRenderHelperRef.current) || !width && !height) {
                 return;
             }
             var contentHeight = contentWrapperRef.current.offsetHeight;

package/styled-components/es/components/Note/variations/_size/base.js

@@ -36,5 +36,5 @@ export var base = css([
     ");font-weight:var(",
     ");letter-spacing:var(",
     ");line-height:var(",
-    ");overflow-wrap:break-word;}"
+    ");word-break:break-all;}"
 ], tokens.padding, tokens.borderRadius, privateTokens.height, privateTokens.width, tokens.gap, classes.stretch, ContentBefore, tokens.fixedContentBeforeWidth, tokens.fixedContentBeforeHeight, tokens.fixedContentBeforePadding, classes.contentAlignCenter, tokens.paddingScalable, tokens.gapScalable, ContentBefore, ContentWrapper, privateTokens.contentWidthWithOffset, tokens.contentGap, Title, TitleHelper, tokens.titleLineHeight, tokens.titleFontFamily, tokens.titleFontSize, tokens.titleFontStyle, tokens.titleFontWeight, tokens.titleLetterSpacing, tokens.titleLineHeight, Text, TextHelper, tokens.textFontFamily, tokens.textFontSize, tokens.textFontStyle, tokens.textFontWeight, tokens.textLetterSpacing, tokens.textLineHeight);

package/styled-components/es/examples/components/Combobox/Combobox.js

@@ -0,0 +1,7 @@
+import { component, mergeConfig } from "../../../engines";
+import { comboboxNewConfig } from "../../..";
+import { config } from "./Combobox.config";
+var mergedConfig = mergeConfig(comboboxNewConfig, config);
+var ComboboxComponent = component(mergedConfig);
+var Combobox = ComboboxComponent;
+export { Combobox };

package/types/components/Dropdown/ui/DropdownInner/DropdownInner.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownInner.d.ts","sourceRoot":"","sources":["../../../../../src/components/Dropdown/ui/DropdownInner/DropdownInner.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAQhC,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAE1D,QAAA,MAAM,aAAa,EAAE,EAAE,CAAC,kBAAkB,CAsEzC,CAAC;AAEF,OAAO,EAAE,aAAa,EAAE,CAAC"}
+{"version":3,"file":"DropdownInner.d.ts","sourceRoot":"","sources":["../../../../../src/components/Dropdown/ui/DropdownInner/DropdownInner.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAQhC,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAE1D,QAAA,MAAM,aAAa,EAAE,EAAE,CAAC,kBAAkB,CAwEzC,CAAC;AAEF,OAAO,EAAE,aAAa,EAAE,CAAC"}

package/types/components/Dropdown/ui/DropdownItem/DropdownItem.type.d.ts

@@ -18,6 +18,11 @@ export type DropdownItemOption = {
      * Список дочерних items
      */
     items?: Array<DropdownItemOption>;
+    /**
+     * Ячейка для контента в начале выпадающего списка.
+     * Применяется только к при наличии дочерних элементов `items`
+     */
+    beforeList?: ReactNode;
     /**
      * Item не активен
      */

package/types/components/Dropdown/ui/DropdownItem/DropdownItem.type.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownItem.type.d.ts","sourceRoot":"","sources":["../../../../../src/components/Dropdown/ui/DropdownItem/DropdownItem.type.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAEtE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAC;AAC5D,OAAO,KAAK,EAAE,iBAAiB,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAE/E,MAAM,MAAM,kBAAkB,GAAG;IAC7B;;OAEG;IACH,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,SAAS,CAAC,EAAE,iBAAiB,CAAC;IAC9B;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,kBAAkB,CAAC,CAAC;IAClC;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB;;OAEG;IACH,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;OAEG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,OAAO,CAAC,EAAE,eAAe,CAAC;IAC1B;;OAEG;IACH,aAAa,CAAC,EAAE,aAAa,CAAC,QAAQ,CAAC,CAAC;IAExC;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;CACxB,CAAC;AAEF,MAAM,WAAW,iBAAkB,SAAQ,cAAc,CAAC,aAAa,CAAC;IACpE,IAAI,EAAE,kBAAkB,CAAC;IACzB,YAAY,EAAE,MAAM,CAAC;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,SAAS,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,YAAY,CAAC,CAAC;IAC/C,SAAS,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,YAAY,CAAC,CAAC;CAClD"}
+{"version":3,"file":"DropdownItem.type.d.ts","sourceRoot":"","sources":["../../../../../src/components/Dropdown/ui/DropdownItem/DropdownItem.type.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAEtE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAC;AAC5D,OAAO,KAAK,EAAE,iBAAiB,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAE/E,MAAM,MAAM,kBAAkB,GAAG;IAC7B;;OAEG;IACH,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,SAAS,CAAC,EAAE,iBAAiB,CAAC;IAC9B;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,kBAAkB,CAAC,CAAC;IAClC;;;OAGG;IACH,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB;;OAEG;IACH,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;OAEG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,OAAO,CAAC,EAAE,eAAe,CAAC;IAC1B;;OAEG;IACH,aAAa,CAAC,EAAE,aAAa,CAAC,QAAQ,CAAC,CAAC;IAExC;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;CACxB,CAAC;AAEF,MAAM,WAAW,iBAAkB,SAAQ,cAAc,CAAC,aAAa,CAAC;IACpE,IAAI,EAAE,kBAAkB,CAAC;IACzB,YAAY,EAAE,MAAM,CAAC;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,SAAS,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,YAAY,CAAC,CAAC;IAC/C,SAAS,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,YAAY,CAAC,CAAC;CAClD"}

package/types/components/Note/Note.d.ts

@@ -2,8 +2,8 @@ import React from 'react';
 import type { RootProps } from '../../engines';
 import type { NoteProps } from './Note.types';
 export declare const noteRoot: (Root: RootProps<HTMLDivElement, NoteProps>) => React.ForwardRefExoticComponent<{
-    title?: React.ReactNode;
-    text?: React.ReactNode;
+    title?: string;
+    text?: string;
     contentBefore?: React.ReactNode;
     contentBeforeSizing?: "fixed" | "scalable";
     stretch?: boolean;
@@ -18,8 +18,8 @@ export declare const noteConfig: {
     name: string;
     tag: string;
     layout: (Root: RootProps<HTMLDivElement, NoteProps>) => React.ForwardRefExoticComponent<{
-        title?: React.ReactNode;
-        text?: React.ReactNode;
+        title?: string;
+        text?: string;
         contentBefore?: React.ReactNode;
         contentBeforeSizing?: "fixed" | "scalable";
         stretch?: boolean;

package/types/components/Note/Note.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Note.d.ts","sourceRoot":"","sources":["../../../src/components/Note/Note.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmE,MAAM,OAAO,CAAC;AAKxF,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAG/C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAe9C,eAAO,MAAM,QAAQ,SAAU,SAAS,CAAC,cAAc,EAAE,SAAS,CAAC;;;;;;;;;;;;+EAyJ9D,CAAC;AAEN,eAAO,MAAM,UAAU;;;mBA3JQ,SAAS,CAAC,cAAc,EAAE,SAAS,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;CA4KlE,CAAC"}
+{"version":3,"file":"Note.d.ts","sourceRoot":"","sources":["../../../src/components/Note/Note.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmE,MAAM,OAAO,CAAC;AAKxF,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAG/C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAe9C,eAAO,MAAM,QAAQ,SAAU,SAAS,CAAC,cAAc,EAAE,SAAS,CAAC;;;;;;;;;;;;+EAwJ9D,CAAC;AAEN,eAAO,MAAM,UAAU;;;mBA1JQ,SAAS,CAAC,cAAc,EAAE,SAAS,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;CA2KlE,CAAC"}

package/types/components/Note/Note.types.d.ts

@@ -3,11 +3,11 @@ export type NoteProps = {
     /**
      * Заголовок к Note.
      */
-    title?: ReactNode;
+    title?: string;
     /**
      * Текст к Note.
      */
-    text?: ReactNode;
+    text?: string;
     /**
      * Слот под иконку слева от контента.
      */

package/types/components/Note/Note.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Note.types.d.ts","sourceRoot":"","sources":["../../../src/components/Note/Note.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvD,MAAM,MAAM,SAAS,GAAG;IACpB;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;OAEG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB;;OAEG;IACH,aAAa,CAAC,EAAE,SAAS,CAAC;IAC1B;;;OAGG;IACH,mBAAmB,CAAC,EAAE,OAAO,GAAG,UAAU,CAAC;IAC3C;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,kBAAkB,CAAC,EAAE,MAAM,IAAI,CAAC;CACnC,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC"}
+{"version":3,"file":"Note.types.d.ts","sourceRoot":"","sources":["../../../src/components/Note/Note.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvD,MAAM,MAAM,SAAS,GAAG;IACpB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,aAAa,CAAC,EAAE,SAAS,CAAC;IAC1B;;;OAGG;IACH,mBAAmB,CAAC,EAAE,OAAO,GAAG,UAAU,CAAC;IAC3C;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,kBAAkB,CAAC,EAAE,MAAM,IAAI,CAAC;CACnC,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC"}

package/types/examples/components/Note/Note.d.ts

@@ -13,8 +13,8 @@ export declare const Note: import("react").FunctionComponent<import("../../../en
         xs: import("@linaria/core").LinariaClassName;
     };
 }> & {
-    title?: import("react").ReactNode;
-    text?: import("react").ReactNode;
+    title?: string;
+    text?: string;
     contentBefore?: import("react").ReactNode;
     contentBeforeSizing?: "fixed" | "scalable";
     stretch?: boolean;