@salutejs/plasma-new-hope 0.326.1-canary.2043.15852251108.0 → 0.327.0-canary.1741.15743877104.0

package/cjs/components/Note/Note.js

@@ -18,107 +18,102 @@ function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
 var React__default = /*#__PURE__*/_interopDefault(React);
 
-var _excluded = ["className", "style", "title", "text", "contentBefore", "contentBeforeSizing", "size", "view", "stretch", "width", "height", "hasClose", "onCloseButtonClick"];
-var noteRoot = function noteRoot(Root) {
-  return /*#__PURE__*/React.forwardRef(function (_ref, outerRef) {
-    var className = _ref.className,
-      style = _ref.style,
-      title = _ref.title,
-      text = _ref.text,
-      contentBefore = _ref.contentBefore,
-      _ref$contentBeforeSiz = _ref.contentBeforeSizing,
-      contentBeforeSizing = _ref$contentBeforeSiz === void 0 ? 'fixed' : _ref$contentBeforeSiz,
-      size = _ref.size,
-      view = _ref.view,
-      stretch = _ref.stretch,
-      width = _ref.width,
-      height = _ref.height,
-      hasClose = _ref.hasClose,
-      onCloseButtonClick = _ref.onCloseButtonClick,
-      rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
-    var _useState = React.useState(text),
-      _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
-      innerText = _useState2[0],
-      setInnerText = _useState2[1];
-    var _useState3 = React.useState(contentBefore ? "var(".concat(Note_tokens.tokens.fixedContentBeforeWidth, ")") : '0'),
-      _useState4 = _rollupPluginBabelHelpers.slicedToArray(_useState3, 2),
-      contentBeforeWidth = _useState4[0],
-      setContentBeforeWidth = _useState4[1];
-    var contentWrapperRef = React.useRef(null);
-    var contentBeforeRef = React.useRef(null);
-    var titleHelperRef = React.useRef(null);
-    var textRenderHelperRef = React.useRef(null);
-    var innerWidth = width ? getSizeValueFromProp.getSizeValueFromProp(width) : 'fit-content';
-    var innerHeight = height ? getSizeValueFromProp.getSizeValueFromProp(height) : 'fit-content';
-    var contentGapToken = contentBeforeSizing === 'scalable' ? Note_tokens.tokens.gapScalable : Note_tokens.tokens.gap;
-    var contentWidthWithOffsetToken = contentBefore ? "calc(100% - ".concat(contentBeforeWidth, " - var(").concat(contentGapToken, "))") : '100%';
-    var setTruncatedText = function setTruncatedText() {
-      var _titleHelperRef$curre;
-      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;
-      var titleHeight = ((_titleHelperRef$curre = titleHelperRef.current) === null || _titleHelperRef$curre === void 0 ? void 0 : _titleHelperRef$curre.offsetHeight) || 0;
-      var contentGap = Number(window.getComputedStyle(contentWrapperRef.current).rowGap.replace('px', ''));
-      var textAvailableHeight = contentHeight - titleHeight - contentGap;
-      textRenderHelperRef.current.textContent = text;
+const noteRoot = Root => /*#__PURE__*/React.forwardRef(({
+  className,
+  style,
+  title,
+  text,
+  contentBefore,
+  contentBeforeSizing = 'fixed',
+  size,
+  view,
+  stretch,
+  width,
+  height,
+  hasClose,
+  onCloseButtonClick,
+  ...rest
+}, outerRef) => {
+  const [innerText, setInnerText] = React.useState(text);
+  const [contentBeforeWidth, setContentBeforeWidth] = React.useState(contentBefore ? `var(${Note_tokens.tokens.fixedContentBeforeWidth})` : '0');
+  const contentWrapperRef = React.useRef(null);
+  const contentBeforeRef = React.useRef(null);
+  const titleHelperRef = React.useRef(null);
+  const textRenderHelperRef = React.useRef(null);
+  const innerWidth = width ? getSizeValueFromProp.getSizeValueFromProp(width) : 'fit-content';
+  const innerHeight = height ? getSizeValueFromProp.getSizeValueFromProp(height) : 'fit-content';
+  const contentGapToken = contentBeforeSizing === 'scalable' ? Note_tokens.tokens.gapScalable : Note_tokens.tokens.gap;
+  const contentWidthWithOffsetToken = contentBefore ? `calc(100% - ${contentBeforeWidth} - var(${contentGapToken}))` : '100%';
+  const setTruncatedText = () => {
+    if (!canUseDOM.canUseDOM || !text || !contentWrapperRef?.current || !textRenderHelperRef?.current || !width && !height) {
+      return;
+    }
+    const contentHeight = contentWrapperRef.current.offsetHeight;
+    const titleHeight = titleHelperRef.current?.offsetHeight || 0;
+    const contentGap = Number(window.getComputedStyle(contentWrapperRef.current).rowGap.replace('px', ''));
+    const textAvailableHeight = contentHeight - titleHeight - contentGap;
+    textRenderHelperRef.current.textContent = text;
+    if (textRenderHelperRef.current.offsetHeight <= textAvailableHeight) {
+      setInnerText(text);
+      return;
+    }
+    let fullText = `${text.slice(0, -3)}...`;
+    for (let i = text.length - 1; i >= 0; i -= 1) {
+      textRenderHelperRef.current.textContent = fullText;
       if (textRenderHelperRef.current.offsetHeight <= textAvailableHeight) {
-        setInnerText(text);
-        return;
-      }
-      var fullText = "".concat(text.slice(0, -3), "...");
-      for (var i = text.length - 1; i >= 0; i -= 1) {
-        textRenderHelperRef.current.textContent = fullText;
-        if (textRenderHelperRef.current.offsetHeight <= textAvailableHeight) {
-          break;
-        }
-        fullText = "".concat(fullText.slice(0, i), "...");
-      }
-      setInnerText(fullText);
-    };
-    plasmaCore.useResizeObserver(contentWrapperRef, setTruncatedText);
-    React.useLayoutEffect(function () {
-      setTruncatedText();
-    }, [text, contentBefore, contentBeforeSizing, stretch]);
-    React.useEffect(function () {
-      if (!(contentBeforeRef !== null && contentBeforeRef !== void 0 && contentBeforeRef.current)) {
-        return;
-      }
-      if (contentBeforeSizing === 'scalable') {
-        setContentBeforeWidth("".concat(contentBeforeRef.current.offsetWidth, "px"));
-        return;
+        break;
       }
-      setContentBeforeWidth("var(".concat(Note_tokens.tokens.fixedContentBeforeWidth, ")"));
-    }, [contentBefore, contentBeforeSizing]);
-    return /*#__PURE__*/React__default.default.createElement(Root, _rollupPluginBabelHelpers.extends({
-      ref: outerRef,
-      className: index.cx(className, stretch && Note_tokens.classes.stretch, contentBeforeSizing === 'scalable' && Note_tokens.classes.contentAlignCenter),
-      view: view,
-      size: size,
-      style: _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, style), {}, _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, Note_tokens.privateTokens.width, innerWidth), Note_tokens.privateTokens.height, innerHeight), Note_tokens.privateTokens.contentWidthWithOffset, contentWidthWithOffsetToken))
-    }, rest), contentBefore && /*#__PURE__*/React__default.default.createElement(Note_styles.ContentBefore, {
-      ref: contentBeforeRef
-    }, contentBefore), /*#__PURE__*/React__default.default.createElement(Note_styles.ContentWrapper, {
-      ref: contentWrapperRef
-    }, title && /*#__PURE__*/React__default.default.createElement(React__default.default.Fragment, null, /*#__PURE__*/React__default.default.createElement(Note_styles.Title, {
-      hasClose: hasClose
-    }, title), /*#__PURE__*/React__default.default.createElement(Note_styles.TitleHelper, {
-      ref: titleHelperRef
-    }, "C")), innerText && /*#__PURE__*/React__default.default.createElement(React__default.default.Fragment, null, /*#__PURE__*/React__default.default.createElement(Note_styles.Text, null, innerText, /*#__PURE__*/React__default.default.createElement(Note_styles.TextHelper, {
-      ref: textRenderHelperRef
-    }, "C")))), hasClose && /*#__PURE__*/React__default.default.createElement(Note_styles.CloseIconWrapper, {
-      view: "clear",
-      size: "s",
-      onClick: onCloseButtonClick,
-      className: Note_tokens.classes.closeIcon
-    }, /*#__PURE__*/React__default.default.createElement(IconCrossThin.IconCrossThin, {
-      size: "s",
-      sizeCustomProperty: Note_tokens.tokens.closeIconSize,
-      color: "inherit"
-    })));
-  });
-};
-var noteConfig = {
+      fullText = `${fullText.slice(0, i)}...`;
+    }
+    setInnerText(fullText);
+  };
+  plasmaCore.useResizeObserver(contentWrapperRef, setTruncatedText);
+  React.useLayoutEffect(() => {
+    setTruncatedText();
+  }, [text, contentBefore, contentBeforeSizing, stretch]);
+  React.useEffect(() => {
+    if (!contentBeforeRef?.current) {
+      return;
+    }
+    if (contentBeforeSizing === 'scalable') {
+      setContentBeforeWidth(`${contentBeforeRef.current.offsetWidth}px`);
+      return;
+    }
+    setContentBeforeWidth(`var(${Note_tokens.tokens.fixedContentBeforeWidth})`);
+  }, [contentBefore, contentBeforeSizing]);
+  return /*#__PURE__*/React__default.default.createElement(Root, _rollupPluginBabelHelpers.extends({
+    ref: outerRef,
+    className: index.cx(className, stretch && Note_tokens.classes.stretch, contentBeforeSizing === 'scalable' && Note_tokens.classes.contentAlignCenter),
+    view: view,
+    size: size,
+    style: {
+      ...style,
+      [Note_tokens.privateTokens.width]: innerWidth,
+      [Note_tokens.privateTokens.height]: innerHeight,
+      [Note_tokens.privateTokens.contentWidthWithOffset]: contentWidthWithOffsetToken
+    }
+  }, rest), contentBefore && /*#__PURE__*/React__default.default.createElement(Note_styles.ContentBefore, {
+    ref: contentBeforeRef
+  }, contentBefore), /*#__PURE__*/React__default.default.createElement(Note_styles.ContentWrapper, {
+    ref: contentWrapperRef
+  }, title && /*#__PURE__*/React__default.default.createElement(React__default.default.Fragment, null, /*#__PURE__*/React__default.default.createElement(Note_styles.Title, {
+    hasClose: hasClose
+  }, title), /*#__PURE__*/React__default.default.createElement(Note_styles.TitleHelper, {
+    ref: titleHelperRef
+  }, "C")), innerText && /*#__PURE__*/React__default.default.createElement(React__default.default.Fragment, null, /*#__PURE__*/React__default.default.createElement(Note_styles.Text, null, innerText, /*#__PURE__*/React__default.default.createElement(Note_styles.TextHelper, {
+    ref: textRenderHelperRef
+  }, "C")))), hasClose && /*#__PURE__*/React__default.default.createElement(Note_styles.CloseIconWrapper, {
+    view: "clear",
+    size: "s",
+    onClick: onCloseButtonClick,
+    className: Note_tokens.classes.closeIcon
+  }, /*#__PURE__*/React__default.default.createElement(IconCrossThin.IconCrossThin, {
+    size: "s",
+    sizeCustomProperty: Note_tokens.tokens.closeIconSize,
+    color: "inherit"
+  })));
+});
+const noteConfig = {
   name: 'Note',
   tag: 'div',
   layout: noteRoot,

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                    !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                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;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;;;;;"}
+{"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                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","className","style","title","text","contentBefore","contentBeforeSizing","size","view","stretch","width","height","hasClose","onCloseButtonClick","rest","outerRef","innerText","setInnerText","useState","contentBeforeWidth","setContentBeforeWidth","tokens","fixedContentBeforeWidth","contentWrapperRef","useRef","contentBeforeRef","titleHelperRef","textRenderHelperRef","innerWidth","getSizeValueFromProp","innerHeight","contentGapToken","gapScalable","gap","contentWidthWithOffsetToken","setTruncatedText","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","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/cjs/components/Note/Note.styles.js

@@ -8,54 +8,49 @@ var Note_tokens = require('./Note.tokens.js');
 var common = require('../../engines/common.js');
 var Button$1 = require('../Button/Button.js');
 
-var mergedButtonConfig = /*#__PURE__*/common.mergeConfig(Button$1.buttonConfig);
-var Button = /*#__PURE__*/common.component(mergedButtonConfig);
-var base = "b1eqam57";
-var ContentBefore = /*#__PURE__*/react.styled('div')({
+const mergedButtonConfig = common.mergeConfig(Button$1.buttonConfig);
+const Button = common.component(mergedButtonConfig);
+const base = "b1eqam57";
+const ContentBefore = /*#__PURE__*/react.styled('div')({
   name: "ContentBefore",
-  "class": "c1i6bkpn",
+  class: "c1i6bkpn",
   propsAsIs: false
 });
-var ContentWrapper = /*#__PURE__*/react.styled('div')({
+const ContentWrapper = /*#__PURE__*/react.styled('div')({
   name: "ContentWrapper",
-  "class": "cendmch",
+  class: "cendmch",
   propsAsIs: false
 });
-var _exp = function _exp() {
-  return function (_ref) {
-    var hasClose = _ref.hasClose;
-    return hasClose ? "var(".concat(Note_tokens.tokens.titlePaddingRight, ")") : 0;
-  };
-};
-var Title = /*#__PURE__*/react.styled('div')({
+const _exp = /*#__PURE__*/() => ({
+  hasClose
+}) => hasClose ? `var(${Note_tokens.tokens.titlePaddingRight})` : 0;
+const Title = /*#__PURE__*/react.styled('div')({
   name: "Title",
-  "class": "t1wkjxug",
+  class: "t1wkjxug",
   propsAsIs: false,
   vars: {
-    "t1wkjxug-0": [/*#__PURE__*/_exp()]
+    "t1wkjxug-0": [_exp()]
   }
 });
-var TitleHelper = /*#__PURE__*/react.styled('div')({
+const TitleHelper = /*#__PURE__*/react.styled('div')({
   name: "TitleHelper",
-  "class": "te86upw",
+  class: "te86upw",
   propsAsIs: false
 });
-var Text = /*#__PURE__*/react.styled('span')({
+const Text = /*#__PURE__*/react.styled('span')({
   name: "Text",
-  "class": "t1kp0wa7",
+  class: "t1kp0wa7",
   propsAsIs: false
 });
-var TextHelper = /*#__PURE__*/react.styled('span')({
+const TextHelper = /*#__PURE__*/react.styled('span')({
   name: "TextHelper",
-  "class": "tf1lafs",
+  class: "tf1lafs",
   propsAsIs: false
 });
-var _exp2 = function _exp2() {
-  return Button;
-};
-var CloseIconWrapper = /*#__PURE__*/react.styled(_exp2())({
+const _exp2 = /*#__PURE__*/() => Button;
+const CloseIconWrapper = /*#__PURE__*/react.styled(_exp2())({
   name: "CloseIconWrapper",
-  "class": "cvkhqd3",
+  class: "cvkhqd3",
   propsAsIs: true
 });
 

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

@@ -1 +1 @@
-{"version":3,"file":"Note.styles.js","sources":["../../../src/components/Note/Note.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\nimport { css } from '@linaria/core';\n\nimport { component, mergeConfig } from '../../engines';\nimport { buttonConfig } from '../Button';\n\nimport { tokens } from './Note.tokens';\n\nconst mergedButtonConfig = mergeConfig(buttonConfig);\nconst Button = component(mergedButtonConfig);\n\nexport const base = css`\n    position: relative;\n    display: flex;\n    box-sizing: border-box;\n`;\n\nexport const ContentBefore = styled.div`\n    display: flex;\n`;\n\nexport const ContentWrapper = styled.div`\n    display: flex;\n    flex-direction: column;\n    box-sizing: border-box;\n`;\n\nexport const Title = styled.div<{ hasClose?: boolean }>`\n    padding-right: ${({ hasClose }) => (hasClose ? `var(${tokens.titlePaddingRight})` : 0)};\n    box-sizing: border-box;\n`;\n\nexport const TitleHelper = styled.div`\n    visibility: hidden;\n    position: absolute;\n    z-index: -9999;\n    opacity: 0;\n`;\n\nexport const Text = styled.span`\n    display: block;\n    position: relative;\n`;\nexport const TextHelper = styled.span`\n    visibility: hidden;\n    position: absolute;\n    z-index: -9999;\n    opacity: 0;\n    top: 0;\n    left: 0;\n`;\n\nexport const CloseIconWrapper = styled(Button)`\n    position: absolute;\n    right: var(${tokens.closeIconRight});\n    top: var(${tokens.closeIconTop});\n    width: var(${tokens.closeIconButtonSize});\n    height: var(${tokens.closeIconButtonSize});\n\n    color: var(${tokens.closeIconColor});\n\n    :hover {\n        color: var(${tokens.closeIconColorOnHover});\n    }\n`;\n"],"names":["mergedButtonConfig","mergeConfig","buttonConfig","Button","component","base","ContentBefore","styled","name","class","propsAsIs","ContentWrapper","_exp","_ref","hasClose","concat","tokens","titlePaddingRight","Title","vars","TitleHelper","Text","TextHelper","_exp2","CloseIconWrapper"],"mappings":";;;;;;;;;AAQA,IAAMA,kBAAkB,gBAAGC,kBAAW,CAACC,qBAAY,CAAC,CAAA;AACpD,IAAMC,MAAM,gBAAGC,gBAAS,CAACJ,kBAAkB,CAAC,CAAA;AAErC,IAAMK,IAAI,GAIhB,WAAA;AAEM,IAAMC,aAAa,gBAAGC,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,eAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAElC,EAAA;AAEM,IAAMC,cAAc,gBAAGJ,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,gBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAInC,EAAA;AAAC,IAAAE,IAAA,GAxBgBA,SAwBhBA,IAAAA,GAAA;AAAA,EAAA,OAGmB,UAAAC,IAAA,EAAA;AAAA,IAAA,IAAGC,QAAAA,GAAAA,IAAAA,CAAAA,QAAAA,CAAAA;IAAAA,OAAgBA,QAAQ,UAAAC,MAAA,CAAUC,kBAAM,CAACC,iBAAiB,SAAM,CAAE,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AADnF,IAAMC,KAAK,gBAAGX,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,OAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAAS,EAAAA,IAAA,EAAA;AAAA,IAAA,YAAA,EAAA,cACNP,IAAqE,EAAA,CAAA;AAAA,GAAA;AAAA,CAEzF,EAAA;AAEM,IAAMQ,WAAW,gBAAGb,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,aAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAKhC,EAAA;AAEM,IAAMW,IAAI,gBAAGd,YAAM,CAAA,MAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,MAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAGzB,EAAA;AACM,IAAMY,UAAU,gBAAGf,YAAM,CAAA,MAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,YAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAO/B,EAAA;AAAC,IAAAa,KAAA,GAjDgBA,SAiDhBA,KAAAA,GAAA;AAAA,EAAA,OAEqCpB,MAAM,CAAA;AAAA,CAAA,CAAA;AAAtC,IAAMqB,gBAAgB,gBAAGjB,YAAM,CAAAgB,KAAA,EAAA,CAAA,CAAA;AAAAf,EAAAA,IAAA,EAAA,kBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAYrC;;;;;;;;;;;"}
+{"version":3,"file":"Note.styles.js","sources":["../../../src/components/Note/Note.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\nimport { css } from '@linaria/core';\n\nimport { component, mergeConfig } from '../../engines';\nimport { buttonConfig } from '../Button';\n\nimport { tokens } from './Note.tokens';\n\nconst mergedButtonConfig = mergeConfig(buttonConfig);\nconst Button = component(mergedButtonConfig);\n\nexport const base = css`\n    position: relative;\n    display: flex;\n    box-sizing: border-box;\n`;\n\nexport const ContentBefore = styled.div`\n    display: flex;\n`;\n\nexport const ContentWrapper = styled.div`\n    display: flex;\n    flex-direction: column;\n    box-sizing: border-box;\n`;\n\nexport const Title = styled.div<{ hasClose?: boolean }>`\n    padding-right: ${({ hasClose }) => (hasClose ? `var(${tokens.titlePaddingRight})` : 0)};\n    box-sizing: border-box;\n`;\n\nexport const TitleHelper = styled.div`\n    visibility: hidden;\n    position: absolute;\n    z-index: -9999;\n    opacity: 0;\n`;\n\nexport const Text = styled.span`\n    display: block;\n    position: relative;\n`;\nexport const TextHelper = styled.span`\n    visibility: hidden;\n    position: absolute;\n    z-index: -9999;\n    opacity: 0;\n    top: 0;\n    left: 0;\n`;\n\nexport const CloseIconWrapper = styled(Button)`\n    position: absolute;\n    right: var(${tokens.closeIconRight});\n    top: var(${tokens.closeIconTop});\n    width: var(${tokens.closeIconButtonSize});\n    height: var(${tokens.closeIconButtonSize});\n\n    color: var(${tokens.closeIconColor});\n\n    :hover {\n        color: var(${tokens.closeIconColorOnHover});\n    }\n`;\n"],"names":["mergedButtonConfig","mergeConfig","buttonConfig","Button","component","base","ContentBefore","styled","name","class","propsAsIs","ContentWrapper","_exp","hasClose","tokens","titlePaddingRight","Title","vars","TitleHelper","Text","TextHelper","_exp2","CloseIconWrapper"],"mappings":";;;;;;;;;AAQA,MAAMA,kBAAkB,GAAGC,kBAAW,CAACC,qBAAY,CAAC,CAAA;AACpD,MAAMC,MAAM,GAAGC,gBAAS,CAACJ,kBAAkB,CAAC,CAAA;AAErC,MAAMK,IAAI,GAIhB,WAAA;AAEM,MAAMC,aAAa,gBAAGC,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,eAAA;AAAAC,EAAAA,KAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAElC,EAAA;AAEM,MAAMC,cAAc,gBAAGJ,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,gBAAA;AAAAC,EAAAA,KAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAInC,EAAA;AAAC,MAAAE,IAAA,gBAxBgBA,MA2BG,CAAC;AAAEC,EAAAA,QAAAA;AAAS,CAAC,KAAMA,QAAQ,GAAG,CAAA,IAAA,EAAOC,kBAAM,CAACC,iBAAiB,CAAG,CAAA,CAAA,GAAG,CAAE,CAAA;AADnF,MAAMC,KAAK,gBAAGT,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,OAAA;AAAAC,EAAAA,KAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAAO,EAAAA,IAAA,EAAA;AAAA,IAAA,YAAA,EAAA,CACNL,IAAqE,EAAA,CAAA;AAAA,GAAA;AAAA,CAEzF,EAAA;AAEM,MAAMM,WAAW,gBAAGX,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,aAAA;AAAAC,EAAAA,KAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAKhC,EAAA;AAEM,MAAMS,IAAI,gBAAGZ,YAAM,CAAA,MAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,MAAA;AAAAC,EAAAA,KAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAGzB,EAAA;AACM,MAAMU,UAAU,gBAAGb,YAAM,CAAA,MAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,YAAA;AAAAC,EAAAA,KAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAO/B,EAAA;AAAC,MAAAW,KAAA,gBAjDgBA,MAmDqBlB,MAAM,CAAA;AAAtC,MAAMmB,gBAAgB,gBAAGf,YAAM,CAAAc,KAAA,EAAA,CAAA,CAAA;AAAAb,EAAAA,IAAA,EAAA,kBAAA;AAAAC,EAAAA,KAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAYrC;;;;;;;;;;;"}

package/cjs/components/Note/Note.tokens.js

@@ -2,17 +2,17 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var classes = {
+const classes = {
   stretch: 'note-stretch',
   closeIcon: 'note-close-icon',
   contentAlignCenter: 'note-content-align-center'
 };
-var privateTokens = {
+const privateTokens = {
   width: '--plasma_private-note-width',
   height: '--plasma_private-note-height',
   contentWidthWithOffset: '--plasma_private-note-content-width-with-offset'
 };
-var tokens = {
+const tokens = {
   background: '--plasma-note-background',
   color: '--plasma-note-color',
   contentBeforeColor: '--plasma-note-content-before-color',

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

@@ -1 +1 @@
-{"version":3,"file":"Note.tokens.js","sources":["../../../src/components/Note/Note.tokens.ts"],"sourcesContent":["export const classes = {\n    stretch: 'note-stretch',\n    closeIcon: 'note-close-icon',\n    contentAlignCenter: 'note-content-align-center',\n};\n\nexport const privateTokens = {\n    width: '--plasma_private-note-width',\n    height: '--plasma_private-note-height',\n    contentWidthWithOffset: '--plasma_private-note-content-width-with-offset',\n};\n\nexport const tokens = {\n    background: '--plasma-note-background',\n    color: '--plasma-note-color',\n    contentBeforeColor: '--plasma-note-content-before-color',\n\n    padding: '--plasma-note-padding',\n    paddingScalable: '--plasma-note-padding-scalable',\n    borderRadius: '--plasma-note-border-radius',\n    gap: '--plasma-note-gap',\n    gapScalable: '--plasma-note-gap-scalable',\n    contentGap: '--plasma-note-content-gap',\n\n    fixedContentBeforeWidth: '--plasma-note-fixed-content-before-width',\n    fixedContentBeforeHeight: '--plasma-note-fixed-content-before-height',\n    fixedContentBeforePadding: '--plasma-note-fixed-content-before-padding',\n\n    titleFontFamily: '--plasma-note-title-font-family',\n    titleFontSize: '--plasma-note-title-font-size',\n    titleFontStyle: '--plasma-note-title-font-style',\n    titleFontWeight: '--plasma-note-title-font-weight',\n    titleLetterSpacing: '--plasma-note-title-letter-spacing',\n    titleLineHeight: '--plasma-note-title-line-height',\n    titlePaddingRight: '--plasma-note-title-padding-right',\n\n    textFontFamily: '--plasma-note-text-font-family',\n    textFontSize: '--plasma-note-text-font-size',\n    textFontStyle: '--plasma-note-text-font-style',\n    textFontWeight: '--plasma-note-text-font-weight',\n    textLetterSpacing: '--plasma-note-text-letter-spacing',\n    textLineHeight: '--plasma-note-text-line-height',\n\n    closeIconTop: '--plasma-note-close-icon-top',\n    closeIconRight: '--plasma-note-close-icon-right',\n    closeIconColor: '--plasma-note-close-icon-color',\n    closeIconColorOnHover: '--plasma-note-close-icon-color-on-hover',\n    closeIconSize: '--plasma-note-close-icon-size',\n    closeIconButtonSize: '--plasma-note-close-icon-button-size',\n};\n"],"names":["classes","stretch","closeIcon","contentAlignCenter","privateTokens","width","height","contentWidthWithOffset","tokens","background","color","contentBeforeColor","padding","paddingScalable","borderRadius","gap","gapScalable","contentGap","fixedContentBeforeWidth","fixedContentBeforeHeight","fixedContentBeforePadding","titleFontFamily","titleFontSize","titleFontStyle","titleFontWeight","titleLetterSpacing","titleLineHeight","titlePaddingRight","textFontFamily","textFontSize","textFontStyle","textFontWeight","textLetterSpacing","textLineHeight","closeIconTop","closeIconRight","closeIconColor","closeIconColorOnHover","closeIconSize","closeIconButtonSize"],"mappings":";;;;AAAO,IAAMA,OAAO,GAAG;AACnBC,EAAAA,OAAO,EAAE,cAAc;AACvBC,EAAAA,SAAS,EAAE,iBAAiB;AAC5BC,EAAAA,kBAAkB,EAAE,2BAAA;AACxB,EAAC;AAEM,IAAMC,aAAa,GAAG;AACzBC,EAAAA,KAAK,EAAE,6BAA6B;AACpCC,EAAAA,MAAM,EAAE,8BAA8B;AACtCC,EAAAA,sBAAsB,EAAE,iDAAA;AAC5B,EAAC;AAEM,IAAMC,MAAM,GAAG;AAClBC,EAAAA,UAAU,EAAE,0BAA0B;AACtCC,EAAAA,KAAK,EAAE,qBAAqB;AAC5BC,EAAAA,kBAAkB,EAAE,oCAAoC;AAExDC,EAAAA,OAAO,EAAE,uBAAuB;AAChCC,EAAAA,eAAe,EAAE,gCAAgC;AACjDC,EAAAA,YAAY,EAAE,6BAA6B;AAC3CC,EAAAA,GAAG,EAAE,mBAAmB;AACxBC,EAAAA,WAAW,EAAE,4BAA4B;AACzCC,EAAAA,UAAU,EAAE,2BAA2B;AAEvCC,EAAAA,uBAAuB,EAAE,0CAA0C;AACnEC,EAAAA,wBAAwB,EAAE,2CAA2C;AACrEC,EAAAA,yBAAyB,EAAE,4CAA4C;AAEvEC,EAAAA,eAAe,EAAE,iCAAiC;AAClDC,EAAAA,aAAa,EAAE,+BAA+B;AAC9CC,EAAAA,cAAc,EAAE,gCAAgC;AAChDC,EAAAA,eAAe,EAAE,iCAAiC;AAClDC,EAAAA,kBAAkB,EAAE,oCAAoC;AACxDC,EAAAA,eAAe,EAAE,iCAAiC;AAClDC,EAAAA,iBAAiB,EAAE,mCAAmC;AAEtDC,EAAAA,cAAc,EAAE,gCAAgC;AAChDC,EAAAA,YAAY,EAAE,8BAA8B;AAC5CC,EAAAA,aAAa,EAAE,+BAA+B;AAC9CC,EAAAA,cAAc,EAAE,gCAAgC;AAChDC,EAAAA,iBAAiB,EAAE,mCAAmC;AACtDC,EAAAA,cAAc,EAAE,gCAAgC;AAEhDC,EAAAA,YAAY,EAAE,8BAA8B;AAC5CC,EAAAA,cAAc,EAAE,gCAAgC;AAChDC,EAAAA,cAAc,EAAE,gCAAgC;AAChDC,EAAAA,qBAAqB,EAAE,yCAAyC;AAChEC,EAAAA,aAAa,EAAE,+BAA+B;AAC9CC,EAAAA,mBAAmB,EAAE,sCAAA;AACzB;;;;;;"}
+{"version":3,"file":"Note.tokens.js","sources":["../../../src/components/Note/Note.tokens.ts"],"sourcesContent":["export const classes = {\n    stretch: 'note-stretch',\n    closeIcon: 'note-close-icon',\n    contentAlignCenter: 'note-content-align-center',\n};\n\nexport const privateTokens = {\n    width: '--plasma_private-note-width',\n    height: '--plasma_private-note-height',\n    contentWidthWithOffset: '--plasma_private-note-content-width-with-offset',\n};\n\nexport const tokens = {\n    background: '--plasma-note-background',\n    color: '--plasma-note-color',\n    contentBeforeColor: '--plasma-note-content-before-color',\n\n    padding: '--plasma-note-padding',\n    paddingScalable: '--plasma-note-padding-scalable',\n    borderRadius: '--plasma-note-border-radius',\n    gap: '--plasma-note-gap',\n    gapScalable: '--plasma-note-gap-scalable',\n    contentGap: '--plasma-note-content-gap',\n\n    fixedContentBeforeWidth: '--plasma-note-fixed-content-before-width',\n    fixedContentBeforeHeight: '--plasma-note-fixed-content-before-height',\n    fixedContentBeforePadding: '--plasma-note-fixed-content-before-padding',\n\n    titleFontFamily: '--plasma-note-title-font-family',\n    titleFontSize: '--plasma-note-title-font-size',\n    titleFontStyle: '--plasma-note-title-font-style',\n    titleFontWeight: '--plasma-note-title-font-weight',\n    titleLetterSpacing: '--plasma-note-title-letter-spacing',\n    titleLineHeight: '--plasma-note-title-line-height',\n    titlePaddingRight: '--plasma-note-title-padding-right',\n\n    textFontFamily: '--plasma-note-text-font-family',\n    textFontSize: '--plasma-note-text-font-size',\n    textFontStyle: '--plasma-note-text-font-style',\n    textFontWeight: '--plasma-note-text-font-weight',\n    textLetterSpacing: '--plasma-note-text-letter-spacing',\n    textLineHeight: '--plasma-note-text-line-height',\n\n    closeIconTop: '--plasma-note-close-icon-top',\n    closeIconRight: '--plasma-note-close-icon-right',\n    closeIconColor: '--plasma-note-close-icon-color',\n    closeIconColorOnHover: '--plasma-note-close-icon-color-on-hover',\n    closeIconSize: '--plasma-note-close-icon-size',\n    closeIconButtonSize: '--plasma-note-close-icon-button-size',\n};\n"],"names":["classes","stretch","closeIcon","contentAlignCenter","privateTokens","width","height","contentWidthWithOffset","tokens","background","color","contentBeforeColor","padding","paddingScalable","borderRadius","gap","gapScalable","contentGap","fixedContentBeforeWidth","fixedContentBeforeHeight","fixedContentBeforePadding","titleFontFamily","titleFontSize","titleFontStyle","titleFontWeight","titleLetterSpacing","titleLineHeight","titlePaddingRight","textFontFamily","textFontSize","textFontStyle","textFontWeight","textLetterSpacing","textLineHeight","closeIconTop","closeIconRight","closeIconColor","closeIconColorOnHover","closeIconSize","closeIconButtonSize"],"mappings":";;;;AAAO,MAAMA,OAAO,GAAG;AACnBC,EAAAA,OAAO,EAAE,cAAc;AACvBC,EAAAA,SAAS,EAAE,iBAAiB;AAC5BC,EAAAA,kBAAkB,EAAE,2BAAA;AACxB,EAAC;AAEM,MAAMC,aAAa,GAAG;AACzBC,EAAAA,KAAK,EAAE,6BAA6B;AACpCC,EAAAA,MAAM,EAAE,8BAA8B;AACtCC,EAAAA,sBAAsB,EAAE,iDAAA;AAC5B,EAAC;AAEM,MAAMC,MAAM,GAAG;AAClBC,EAAAA,UAAU,EAAE,0BAA0B;AACtCC,EAAAA,KAAK,EAAE,qBAAqB;AAC5BC,EAAAA,kBAAkB,EAAE,oCAAoC;AAExDC,EAAAA,OAAO,EAAE,uBAAuB;AAChCC,EAAAA,eAAe,EAAE,gCAAgC;AACjDC,EAAAA,YAAY,EAAE,6BAA6B;AAC3CC,EAAAA,GAAG,EAAE,mBAAmB;AACxBC,EAAAA,WAAW,EAAE,4BAA4B;AACzCC,EAAAA,UAAU,EAAE,2BAA2B;AAEvCC,EAAAA,uBAAuB,EAAE,0CAA0C;AACnEC,EAAAA,wBAAwB,EAAE,2CAA2C;AACrEC,EAAAA,yBAAyB,EAAE,4CAA4C;AAEvEC,EAAAA,eAAe,EAAE,iCAAiC;AAClDC,EAAAA,aAAa,EAAE,+BAA+B;AAC9CC,EAAAA,cAAc,EAAE,gCAAgC;AAChDC,EAAAA,eAAe,EAAE,iCAAiC;AAClDC,EAAAA,kBAAkB,EAAE,oCAAoC;AACxDC,EAAAA,eAAe,EAAE,iCAAiC;AAClDC,EAAAA,iBAAiB,EAAE,mCAAmC;AAEtDC,EAAAA,cAAc,EAAE,gCAAgC;AAChDC,EAAAA,YAAY,EAAE,8BAA8B;AAC5CC,EAAAA,aAAa,EAAE,+BAA+B;AAC9CC,EAAAA,cAAc,EAAE,gCAAgC;AAChDC,EAAAA,iBAAiB,EAAE,mCAAmC;AACtDC,EAAAA,cAAc,EAAE,gCAAgC;AAEhDC,EAAAA,YAAY,EAAE,8BAA8B;AAC5CC,EAAAA,cAAc,EAAE,gCAAgC;AAChDC,EAAAA,cAAc,EAAE,gCAAgC;AAChDC,EAAAA,qBAAqB,EAAE,yCAAyC;AAChEC,EAAAA,aAAa,EAAE,+BAA+B;AAC9CC,EAAAA,mBAAmB,EAAE,sCAAA;AACzB;;;;;;"}

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

@@ -3,7 +3,7 @@ require('./base_14g19gh.css');
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var base = "bnp62xb";
+const base = "bnp62xb";
 
 exports.base = base;
 //# sourceMappingURL=base.js.map

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';\nimport { applyEllipsis } from '../../../../mixins';\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        ${applyEllipsis()}\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":";;;;AAMO,IAAMA,IAAI,GA4DhB;;;;"}
+{"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';\nimport { applyEllipsis } from '../../../../mixins';\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        ${applyEllipsis()}\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":";;;;AAMO,MAAMA,IAAI,GA4DhB;;;;"}

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

@@ -3,7 +3,7 @@ require('./base_pq323y.css');
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var base = "b1ygm22t";
+const base = "b1ygm22t";
 
 exports.base = base;
 //# sourceMappingURL=base.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"base.js","sources":["../../../../../src/components/Note/variations/_view/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { tokens } from '../../Note.tokens';\nimport { ContentBefore } from '../../Note.styles';\n\nexport const base = css`\n    background: var(${tokens.background});\n    color: var(${tokens.color});\n\n    ${ContentBefore} {\n        color: var(${tokens.contentBeforeColor});\n        fill: var(${tokens.contentBeforeColor});\n    }\n`;\n"],"names":["base"],"mappings":";;;;AAKO,IAAMA,IAAI,GAQhB;;;;"}
+{"version":3,"file":"base.js","sources":["../../../../../src/components/Note/variations/_view/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { tokens } from '../../Note.tokens';\nimport { ContentBefore } from '../../Note.styles';\n\nexport const base = css`\n    background: var(${tokens.background});\n    color: var(${tokens.color});\n\n    ${ContentBefore} {\n        color: var(${tokens.contentBeforeColor});\n        fill: var(${tokens.contentBeforeColor});\n    }\n`;\n"],"names":["base"],"mappings":";;;;AAKO,MAAMA,IAAI,GAQhB;;;;"}