@salutejs/plasma-new-hope 0.236.0-canary.1680.12493948115.0 → 0.236.0-canary.1681.12503763792.0

package/es/components/Note/Note.styles.js

@@ -0,0 +1,37 @@
+import './Note.styles_178qpj9.css';
+import { styled } from '@linaria/react';
+
+var base = "b1eqam57";
+var ContentBefore = /*#__PURE__*/styled('div')({
+  name: "ContentBefore",
+  "class": "c1i6bkpn",
+  propsAsIs: false
+});
+var ContentWrapper = /*#__PURE__*/styled('div')({
+  name: "ContentWrapper",
+  "class": "cendmch",
+  propsAsIs: false
+});
+var Title = /*#__PURE__*/styled('div')({
+  name: "Title",
+  "class": "t1wkjxug",
+  propsAsIs: false
+});
+var TitleHelper = /*#__PURE__*/styled('div')({
+  name: "TitleHelper",
+  "class": "te86upw",
+  propsAsIs: false
+});
+var Text = /*#__PURE__*/styled('span')({
+  name: "Text",
+  "class": "t1kp0wa7",
+  propsAsIs: false
+});
+var TextHelper = /*#__PURE__*/styled('span')({
+  name: "TextHelper",
+  "class": "tf1lafs",
+  propsAsIs: false
+});
+
+export { ContentBefore, ContentWrapper, Text, TextHelper, Title, TitleHelper, base };
+//# sourceMappingURL=Note.styles.js.map

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

@@ -0,0 +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\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``;\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"],"names":["base","ContentBefore","styled","name","class","propsAsIs","ContentWrapper","Title","TitleHelper","Text","TextHelper"],"mappings":";;AAGO,IAAMA,IAAI,GAIhB,WAAA;AAEM,IAAMC,aAAa,gBAAGC,MAAM,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,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,gBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAInC,EAAA;AAEM,IAAME,KAAK,gBAAGL,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,OAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAAM,EAAA;AAC1B,IAAMG,WAAW,gBAAGN,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,aAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAKhC,EAAA;AAEM,IAAMI,IAAI,gBAAGP,MAAM,CAAA,MAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,MAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAGzB,EAAA;AACM,IAAMK,UAAU,gBAAGR,MAAM,CAAA,MAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,YAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAO/B;;;;"}

package/es/components/Note/Note.styles_178qpj9.css

@@ -0,0 +1,7 @@
+.b1eqam57{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;box-sizing:border-box;}
+.c1i6bkpn{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}
+.cendmch{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;box-sizing:border-box;}
+
+.te86upw{visibility:hidden;position:absolute;z-index:-9999;opacity:0;}
+.t1kp0wa7{display:block;position:relative;}
+.tf1lafs{visibility:hidden;position:absolute;z-index:-9999;opacity:0;top:0;left:0;}

package/es/components/Note/Note.tokens.js

@@ -0,0 +1,38 @@
+var classes = {
+  stretch: 'note-stretch',
+  contentAlignCenter: 'note-content-align-center'
+};
+var privateTokens = {
+  width: '--plasma_private-note-width',
+  height: '--plasma_private-note-height',
+  contentWidthWithOffset: '--plasma_private-note-content-width-with-offset'
+};
+var tokens = {
+  background: '--plasma-note-background',
+  color: '--plasma-note-color',
+  contentBeforeColor: '--plasma-note-content-before-color',
+  padding: '--plasma-note-padding',
+  paddingScalable: '--plasma-note-padding-scalable',
+  borderRadius: '--plasma-note-border-radius',
+  gap: '--plasma-note-gap',
+  gapScalable: '--plasma-note-gap-scalable',
+  contentGap: '--plasma-note-content-gap',
+  fixedContentBeforeWidth: '--plasma-note-fixed-content-before-width',
+  fixedContentBeforeHeight: '--plasma-note-fixed-content-before-height',
+  fixedContentBeforePadding: '--plasma-note-fixed-content-before-padding',
+  titleFontFamily: '--plasma-note-title-font-family',
+  titleFontSize: '--plasma-note-title-font-size',
+  titleFontStyle: '--plasma-note-title-font-style',
+  titleFontWeight: '--plasma-note-title-font-weight',
+  titleLetterSpacing: '--plasma-note-title-letter-spacing',
+  titleLineHeight: '--plasma-note-title-line-height',
+  textFontFamily: '--plasma-note-text-font-family',
+  textFontSize: '--plasma-note-text-font-size',
+  textFontStyle: '--plasma-note-text-font-style',
+  textFontWeight: '--plasma-note-text-font-weight',
+  textLetterSpacing: '--plasma-note-text-letter-spacing',
+  textLineHeight: '--plasma-note-text-line-height'
+};
+
+export { classes, privateTokens, tokens };
+//# sourceMappingURL=Note.tokens.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Note.tokens.js","sources":["../../../src/components/Note/Note.tokens.ts"],"sourcesContent":["export const classes = {\n    stretch: 'note-stretch',\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\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"],"names":["classes","stretch","contentAlignCenter","privateTokens","width","height","contentWidthWithOffset","tokens","background","color","contentBeforeColor","padding","paddingScalable","borderRadius","gap","gapScalable","contentGap","fixedContentBeforeWidth","fixedContentBeforeHeight","fixedContentBeforePadding","titleFontFamily","titleFontSize","titleFontStyle","titleFontWeight","titleLetterSpacing","titleLineHeight","textFontFamily","textFontSize","textFontStyle","textFontWeight","textLetterSpacing","textLineHeight"],"mappings":"AAAO,IAAMA,OAAO,GAAG;AACnBC,EAAAA,OAAO,EAAE,cAAc;AACvBC,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;AAElDC,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,gCAAA;AACpB;;;;"}

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

@@ -0,0 +1,5 @@
+import './base_14g19gh.css';
+var base = "bnp62xb";
+
+export { base };
+//# sourceMappingURL=base.js.map

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

@@ -0,0 +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;;;;"}

package/es/components/Note/variations/_size/base_14g19gh.css

@@ -0,0 +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);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.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/components/Note/variations/_view/base.js

@@ -0,0 +1,5 @@
+import './base_pq323y.css';
+var base = "b1ygm22t";
+
+export { base };
+//# sourceMappingURL=base.js.map

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

@@ -0,0 +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;;;;"}

package/es/components/Note/variations/_view/base_pq323y.css

@@ -0,0 +1 @@
+.b1ygm22t{background:var(--plasma-note-background);color:var(--plasma-note-color);}.b1ygm22t .c1i6bkpn{color:var(--plasma-note-content-before-color);fill:var(--plasma-note-content-before-color);}

package/es/index.css

@@ -873,3 +873,15 @@
 .base_ifpbjw_b10gf48d__de0b9df0 .base_ifpbjw_smcag5a__de0b9df0{color:var(--plasma-rating-color);}.base_ifpbjw_b10gf48d__de0b9df0 .base_ifpbjw_h1v9l89e__de0b9df0{color:var(--plasma-rating_helper-text_color);}.base_ifpbjw_b10gf48d__de0b9df0 .base_ifpbjw_s1qyefgr__de0b9df0{color:var(--plasma-rating_icon_color);fill:var(--plasma-rating_icon_color);}.base_ifpbjw_b10gf48d__de0b9df0 .base_ifpbjw_s1qyefgr__de0b9df0.base_ifpbjw_ratingIconOutline__de0b9df0{color:unset;}.base_ifpbjw_b10gf48d__de0b9df0 .base_ifpbjw_s1qyefgr__de0b9df0.base_ifpbjw_ratingIconOutline__de0b9df0 path{fill:var(--plasma-rating_outline-icon_color);}
 
 .base_1q9gsno_bk1uq2r__d447cc34{gap:var(--plasma-rating-gap);}.base_1q9gsno_bk1uq2r__d447cc34 .base_1q9gsno_cq35jd4__d447cc34{gap:var(--plasma-rating_content_gap);}.base_1q9gsno_bk1uq2r__d447cc34 .base_1q9gsno_cq35jd4__d447cc34.base_1q9gsno_ratingSingleIconContent__d447cc34{gap:var(--plasma-rating_single-icon_content_gap);}.base_1q9gsno_bk1uq2r__d447cc34 .base_1q9gsno_cq35jd4__d447cc34.base_1q9gsno_ratingScoreValueAfter__d447cc34{-webkit-flex-direction:row-reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end;}.base_1q9gsno_bk1uq2r__d447cc34 .base_1q9gsno_smcag5a__d447cc34{font-family:var(--plasma-rating-font-family);font-size:var(--plasma-rating-font-size);font-style:var(--plasma-rating-font-style);font-weight:var(--plasma-rating-font-weight);-webkit-letter-spacing:var(--plasma-rating-letter-spacing);-moz-letter-spacing:var(--plasma-rating-letter-spacing);-ms-letter-spacing:var(--plasma-rating-letter-spacing);letter-spacing:var(--plasma-rating-letter-spacing);line-height:var(--plasma-rating-line-height);}.base_1q9gsno_bk1uq2r__d447cc34 .base_1q9gsno_h1v9l89e__d447cc34{font-family:var(--plasma-rating_helper-text_font-family);font-size:var(--plasma-rating_helper-text_font-size);font-style:var(--plasma-rating_helper-text_font-style);font-weight:var(--plasma-rating_helper-text_font-weight);-webkit-letter-spacing:var(--plasma-rating_helper-text_letter-spacing);-moz-letter-spacing:var(--plasma-rating_helper-text_letter-spacing);-ms-letter-spacing:var(--plasma-rating_helper-text_letter-spacing);letter-spacing:var(--plasma-rating_helper-text_letter-spacing);line-height:var(--plasma-rating_helper-text_line-height);}.base_1q9gsno_bk1uq2r__d447cc34 .base_1q9gsno_w2w5s5q__d447cc34{gap:var(--plasma-rating_wrapper_gap);}.base_1q9gsno_bk1uq2r__d447cc34 .base_1q9gsno_si7qyrs__d447cc34{gap:var(--plasma-rating_stars-wrapper_gap);}.base_1q9gsno_bk1uq2r__d447cc34 .base_1q9gsno_s1qyefgr__d447cc34{margin-bottom:var(--plasma-rating_icon-margin-bottom,0);width:var(--plasma-rating_icon-size);height:var(--plasma-rating_icon-size);--plasma_private-rating_icon-size:var(--plasma-rating_icon-size_actual,100%);}@media (min-width:0){.base_1q9gsno_bk1uq2r__d447cc34 .base_1q9gsno_s1qyefgr__d447cc34{width:var(--plasma-rating_icon-size_small-screen,var(--plasma-rating_icon-size));height:var(--plasma-rating_icon-size_small-screen,var(--plasma-rating_icon-size));}}@media (min-width:35rem){.base_1q9gsno_bk1uq2r__d447cc34 .base_1q9gsno_s1qyefgr__d447cc34{width:var(--plasma-rating_icon-size_medium-screen,var(--plasma-rating_icon-size));height:var(--plasma-rating_icon-size_medium-screen,var(--plasma-rating_icon-size));}}@media (min-width:60rem){.base_1q9gsno_bk1uq2r__d447cc34 .base_1q9gsno_s1qyefgr__d447cc34{width:var(--plasma-rating_icon-size_large-screen,var(--plasma-rating_icon-size));height:var(--plasma-rating_icon-size_large-screen,var(--plasma-rating_icon-size));}}.base_1q9gsno_bk1uq2r__d447cc34 .base_1q9gsno_s1qyefgr__d447cc34 .base_1q9gsno_ratingCustomIconSizing__d447cc34{display:inline-block;width:var(--plasma-rating_icon-size_actual,100%);height:var(--plasma-rating_icon-size_actual,100%);}.base_1q9gsno_bk1uq2r__d447cc34 .base_1q9gsno_s1qyefgr__d447cc34 svg{width:var(--plasma-rating_icon-size_actual,100%);height:var(--plasma-rating_icon-size_actual,100%);-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;-webkit-transform:scale(var(--plasma-rating_icon-size_scale-factor,1));-ms-transform:scale(var(--plasma-rating_icon-size_scale-factor,1));transform:scale(var(--plasma-rating_icon-size_scale-factor,1));}.base_1q9gsno_bk1uq2r__d447cc34 .base_1q9gsno_s1qyefgr__d447cc34.base_1q9gsno_ratingSingleIcon__d447cc34{margin-bottom:var(--plasma-rating_single-icon_margin-bottom,0);width:var(--plasma-rating_single-icon-size);height:var(--plasma-rating_single-icon-size);}@media (min-width:0){.base_1q9gsno_bk1uq2r__d447cc34 .base_1q9gsno_s1qyefgr__d447cc34.base_1q9gsno_ratingSingleIcon__d447cc34{width:var(--plasma-rating_single-icon-size_small-screen,var(--plasma-rating_icon-size));height:var(--plasma-rating_single-icon-size_small-screen,var(--plasma-rating_icon-size));}}@media (min-width:35rem){.base_1q9gsno_bk1uq2r__d447cc34 .base_1q9gsno_s1qyefgr__d447cc34.base_1q9gsno_ratingSingleIcon__d447cc34{width:var(--plasma-rating_single-icon-size_medium-screen,var(--plasma-rating_icon-size));height:var(--plasma-rating_single-icon-size_medium-screen,var(--plasma-rating_icon-size));}}@media (min-width:60rem){.base_1q9gsno_bk1uq2r__d447cc34 .base_1q9gsno_s1qyefgr__d447cc34.base_1q9gsno_ratingSingleIcon__d447cc34{width:var(--plasma-rating_single-icon-size_large-screen,var(--plasma-rating_icon-size));height:var(--plasma-rating_single-icon-size_large-screen,var(--plasma-rating_icon-size));}}
+
+.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_14g19gh_bnp62xb__2fa012c5{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_14g19gh_bnp62xb__2fa012c5.base_14g19gh_noteStretch__2fa012c5{width:100%;height:100%;}.base_14g19gh_bnp62xb__2fa012c5 .base_14g19gh_c1i6bkpn__2fa012c5{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_14g19gh_bnp62xb__2fa012c5.base_14g19gh_noteContentAlignCenter__2fa012c5{-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_14g19gh_bnp62xb__2fa012c5.base_14g19gh_noteContentAlignCenter__2fa012c5 .base_14g19gh_c1i6bkpn__2fa012c5{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_14g19gh_bnp62xb__2fa012c5 .base_14g19gh_cendmch__2fa012c5{width:var(--plasma_private-note-content-width-with-offset);gap:var(--plasma-note-content-gap);}.base_14g19gh_bnp62xb__2fa012c5 .base_14g19gh_t1wkjxug__2fa012c5,.base_14g19gh_bnp62xb__2fa012c5 .base_14g19gh_te86upw__2fa012c5{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);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.base_14g19gh_bnp62xb__2fa012c5 .base_14g19gh_t1kp0wa7__2fa012c5,.base_14g19gh_bnp62xb__2fa012c5 .base_14g19gh_tf1lafs__2fa012c5{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_178qpj9_b1eqam57__381585e2{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;box-sizing:border-box;}
+.Note_styles_178qpj9_c1i6bkpn__381585e2{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}
+.Note_styles_178qpj9_cendmch__381585e2{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;box-sizing:border-box;}
+
+.Note_styles_178qpj9_te86upw__381585e2{visibility:hidden;position:absolute;z-index:-9999;opacity:0;}
+.Note_styles_178qpj9_t1kp0wa7__381585e2{display:block;position:relative;}
+.Note_styles_178qpj9_tf1lafs__381585e2{visibility:hidden;position:absolute;z-index:-9999;opacity:0;top:0;left:0;}

package/es/index.js

@@ -213,4 +213,6 @@ export { treeConfig } from './components/Tree/Tree.js';
 export { treeTokens } from './components/Tree/Tree.tokens.js';
 export { ratingConfig, ratingRoot } from './components/Rating/Rating.js';
 export { classes as ratingClasses, tokens as ratingTokens } from './components/Rating/Rating.tokens.js';
+export { noteConfig, noteRoot } from './components/Note/Note.js';
+export { classes as noteClasses, tokens as noteTokens } from './components/Note/Note.tokens.js';
 //# sourceMappingURL=index.js.map

package/es/index.js.map

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@salutejs/plasma-new-hope",
-  "version": "0.236.0-canary.1680.12493948115.0",
+  "version": "0.236.0-canary.1681.12503763792.0",
   "description": "Salute Design System blueprint",
   "main": "./cjs/index.js",
   "module": "./es/index.js",
@@ -97,8 +97,8 @@
     "@rollup/plugin-babel": "^6.0.4",
     "@rollup/plugin-commonjs": "^25.0.4",
     "@rollup/plugin-node-resolve": "^15.1.0",
-    "@salutejs/plasma-sb-utils": "0.190.0-canary.1680.12493948115.0",
-    "@salutejs/plasma-themes": "0.29.0-canary.1680.12493948115.0",
+    "@salutejs/plasma-sb-utils": "0.190.0-canary.1681.12503763792.0",
+    "@salutejs/plasma-themes": "0.28.0",
     "@storybook/addon-docs": "^7.6.17",
     "@storybook/addon-essentials": "^7.6.17",
     "@storybook/addons": "^7.6.17",
@@ -132,7 +132,7 @@
     "@linaria/react": "5.0.3",
     "@popperjs/core": "2.11.8",
     "@salutejs/input-core": "2.1.2",
-    "@salutejs/plasma-core": "1.191.0-canary.1680.12493948115.0",
+    "@salutejs/plasma-core": "1.191.0-canary.1681.12503763792.0",
     "@salutejs/react-maskinput": "3.2.6",
     "classnames": "2.5.1",
     "dayjs": "1.11.11",
@@ -146,5 +146,5 @@
   "sideEffects": [
     "*.css"
   ],
-  "gitHead": "062e7d1ce674471db344ce0fade22f73cef40864"
+  "gitHead": "2633f07e55f076ef03ffbd476d73e6f5f341789a"
 }

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

@@ -0,0 +1,135 @@
+"use strict";
+
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.noteRoot = exports.noteConfig = void 0;
+var _react = /*#__PURE__*/_interopRequireWildcard( /*#__PURE__*/require("react"));
+var _plasmaCore = /*#__PURE__*/require("@salutejs/plasma-core");
+var _utils = /*#__PURE__*/require("../../utils");
+var _base = /*#__PURE__*/require("./variations/_view/base");
+var _base2 = /*#__PURE__*/require("./variations/_size/base");
+var _Note = /*#__PURE__*/require("./Note.styles");
+var _Note2 = /*#__PURE__*/require("./Note.tokens");
+var _excluded = ["className", "style", "title", "text", "contentBefore", "contentBeforeSizing", "size", "view", "stretch", "width", "height"];
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+var noteRoot = exports.noteRoot = function noteRoot(Root) {
+  return /*#__PURE__*/(0, _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,
+      rest = _objectWithoutProperties(_ref, _excluded);
+    var _useState = (0, _react.useState)(text),
+      _useState2 = _slicedToArray(_useState, 2),
+      innerText = _useState2[0],
+      setInnerText = _useState2[1];
+    var _useState3 = (0, _react.useState)(contentBefore ? "var(".concat(_Note2.tokens.fixedContentBeforeWidth, ")") : '0'),
+      _useState4 = _slicedToArray(_useState3, 2),
+      contentBeforeWidth = _useState4[0],
+      setContentBeforeWidth = _useState4[1];
+    var contentWrapperRef = (0, _react.useRef)(null);
+    var contentBeforeRef = (0, _react.useRef)(null);
+    var titleHelperRef = (0, _react.useRef)(null);
+    var textRenderHelperRef = (0, _react.useRef)(null);
+    var innerWidth = width ? (0, _utils.getSizeValueFromProp)(width) : 'fit-content';
+    var innerHeight = height ? (0, _utils.getSizeValueFromProp)(height) : 'fit-content';
+    var contentGapToken = contentBeforeSizing === 'scalable' ? _Note2.tokens.gapScalable : _Note2.tokens.gap;
+    var contentWidthWithOffsetToken = contentBefore ? "calc(100% - ".concat(contentBeforeWidth, " - var(").concat(contentGapToken, "))") : '100%';
+    var setTruncatedText = function setTruncatedText() {
+      var _titleHelperRef$curre;
+      if (!_utils.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;
+      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);
+    };
+    (0, _plasmaCore.useResizeObserver)(contentWrapperRef, setTruncatedText);
+    (0, _react.useLayoutEffect)(function () {
+      setTruncatedText();
+    }, [text, contentBefore, contentBeforeSizing, stretch]);
+    (0, _react.useEffect)(function () {
+      if (!(contentBeforeRef !== null && contentBeforeRef !== void 0 && contentBeforeRef.current)) {
+        return;
+      }
+      if (contentBeforeSizing === 'scalable') {
+        setContentBeforeWidth("".concat(contentBeforeRef.current.offsetWidth, "px"));
+        return;
+      }
+      setContentBeforeWidth("var(".concat(_Note2.tokens.fixedContentBeforeWidth, ")"));
+    }, [contentBefore, contentBeforeSizing]);
+    return /*#__PURE__*/_react["default"].createElement(Root, _extends({
+      ref: outerRef,
+      className: (0, _utils.cx)(className, stretch && _Note2.classes.stretch, contentBeforeSizing === 'scalable' && _Note2.classes.contentAlignCenter),
+      view: view,
+      size: size,
+      style: _objectSpread(_objectSpread({}, style), {}, _defineProperty(_defineProperty(_defineProperty({}, _Note2.privateTokens.width, innerWidth), _Note2.privateTokens.height, innerHeight), _Note2.privateTokens.contentWidthWithOffset, contentWidthWithOffsetToken))
+    }, rest), contentBefore && /*#__PURE__*/_react["default"].createElement(_Note.ContentBefore, {
+      ref: contentBeforeRef
+    }, contentBefore), /*#__PURE__*/_react["default"].createElement(_Note.ContentWrapper, {
+      ref: contentWrapperRef
+    }, title && /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_Note.Title, null, title), /*#__PURE__*/_react["default"].createElement(_Note.TitleHelper, {
+      ref: titleHelperRef
+    }, "C")), innerText && /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_Note.Text, null, innerText, /*#__PURE__*/_react["default"].createElement(_Note.TextHelper, {
+      ref: textRenderHelperRef
+    }, "C")))));
+  });
+};
+var noteConfig = exports.noteConfig = {
+  name: 'Note',
+  tag: 'div',
+  layout: noteRoot,
+  base: _Note.base,
+  variations: {
+    view: {
+      css: _base.base
+    },
+    size: {
+      css: _base2.base
+    }
+  },
+  defaults: {
+    view: 'default',
+    size: 'm'
+  }
+};

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

@@ -0,0 +1,29 @@
+"use strict";
+
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.base = exports.TitleHelper = exports.Title = exports.TextHelper = exports.Text = exports.ContentWrapper = exports.ContentBefore = void 0;
+var _styledComponents = /*#__PURE__*/_interopRequireWildcard( /*#__PURE__*/require("styled-components"));
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["position:relative;display:flex;box-sizing:border-box;"]);
+var ContentBefore = exports.ContentBefore = /*#__PURE__*/_styledComponents["default"].div.withConfig({
+  componentId: "plasma-new-hope__sc-2xk8rv-0"
+})(["display:flex;"]);
+var ContentWrapper = exports.ContentWrapper = /*#__PURE__*/_styledComponents["default"].div.withConfig({
+  componentId: "plasma-new-hope__sc-2xk8rv-1"
+})(["display:flex;flex-direction:column;box-sizing:border-box;"]);
+var Title = exports.Title = /*#__PURE__*/_styledComponents["default"].div.withConfig({
+  componentId: "plasma-new-hope__sc-2xk8rv-2"
+})([""]);
+var TitleHelper = exports.TitleHelper = /*#__PURE__*/_styledComponents["default"].div.withConfig({
+  componentId: "plasma-new-hope__sc-2xk8rv-3"
+})(["visibility:hidden;position:absolute;z-index:-9999;opacity:0;"]);
+var Text = exports.Text = /*#__PURE__*/_styledComponents["default"].span.withConfig({
+  componentId: "plasma-new-hope__sc-2xk8rv-4"
+})(["display:block;position:relative;"]);
+var TextHelper = exports.TextHelper = /*#__PURE__*/_styledComponents["default"].span.withConfig({
+  componentId: "plasma-new-hope__sc-2xk8rv-5"
+})(["visibility:hidden;position:absolute;z-index:-9999;opacity:0;top:0;left:0;"]);

package/styled-components/cjs/components/Note/Note.template-doc.mdx

@@ -0,0 +1,159 @@
+---
+id: note
+title: Note
+---
+
+import { PropsTable, Description } from '@site/src/components';
+
+# Note
+Компонент для отображения текста в виде информационных, предупреждающих, обычных подсказок.
+
+<Description name="Note" />
+<PropsTable name="Note" />
+
+## Примеры
+
+### Вид компонента
+Вид компонента задается с помощью свойства `view`:
+
+```tsx live
+import React from 'react';
+import { Note } from '@salutejs/{{ package }}';
+import { IconSaluteOutline } from '@salutejs/plasma-icons';
+
+export function App() {
+    return (
+        <div>
+            <Note 
+                title="Title"
+                text="Text"
+                view="default" 
+                size="s" 
+                contentBefore={<IconSaluteOutline size="xs" color="inherit" />} 
+            />
+            <Note 
+                title="Title"
+                text="Text"
+                view="positive" 
+                size="s" 
+                contentBefore={<IconSaluteOutline size="xs" color="inherit" />} 
+            />
+            <Note 
+                title="Title"
+                text="Text"
+                view="warning" 
+                size="s" 
+                contentBefore={<IconSaluteOutline size="xs" color="inherit" />} 
+            />
+            <Note 
+                title="Title"
+                text="Text"
+                view="negative" 
+                size="s" 
+                contentBefore={<IconSaluteOutline size="xs" color="inherit" />} 
+            />
+            <Note 
+                title="Title"
+                text="Text"
+                view="info" 
+                size="s" 
+                contentBefore={<IconSaluteOutline size="xs" color="inherit" />} 
+            />
+        </div>
+    );
+}
+```
+
+### Размер компонента
+Размер компонента задается с помощью свойства `size`. 
+Так же можно указать собственную ширину и высоту с помощью `width` и `height` соответственно. 
+Или же задать `stretch` чтобы `Note` занял всю доступную ширину и высоту.
+
+```tsx live
+import React from 'react';
+import { Note } from '@salutejs/{{ package }}';
+
+export function App() {
+    return (
+        <div style=\{{ flexDirection: "column" }}>
+            <div style=\{{ display: "flex", gap: "1rem" }}>
+                <Note 
+                    title="Title"
+                    text="Text"
+                    view="default" 
+                    size="l"
+                />
+                <Note 
+                    title="Title"
+                    text="Text"
+                    view="default" 
+                    size="m" 
+                />
+                <Note 
+                    title="Title"
+                    text="Text"
+                    view="default" 
+                    size="s"
+                />
+                <Note 
+                    title="Title"
+                    text="Text"
+                    view="default" 
+                    size="xs"
+                />
+            </div>
+
+            <Note 
+                title="Title"
+                text="Text"
+                view="default" 
+                size="l"
+                width="400"
+                height="116"
+            />
+            
+            <div style=\{{ width: "300px", height: "300px" }}>
+                <Note 
+                    title="Title"
+                    text="Text"
+                    view="default" 
+                    size="l"
+                    stretch
+                />
+            </div>
+        </div>
+    );
+}
+```
+
+### Размерность и положение `contentBefore`
+Размерность и положение `contentBefore` задается с помощью свойства `contentBeforeSizing`:
+
+```tsx live
+import React from 'react';
+import { Note } from '@salutejs/{{ package }}';
+import { IconSaluteOutline } from '@salutejs/plasma-icons';
+
+export function App() {
+    return (
+        <div>
+            <Note 
+                title="Title"
+                text="Text"
+                view="default" 
+                size="s" 
+                contentBefore={<IconSaluteOutline size="xs" color="inherit" />} 
+                contentBeforeSizing="fixed"
+            />
+            <Note 
+                title="Title"
+                text="Text"
+                view="positive" 
+                size="s" 
+                contentBefore={<IconSaluteOutline size="m" color="inherit" />} 
+                contentBeforeSizing="scalable"
+            />
+        </div>
+    );
+}
+```

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

@@ -0,0 +1,41 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.tokens = exports.privateTokens = exports.classes = void 0;
+var classes = exports.classes = {
+  stretch: 'note-stretch',
+  contentAlignCenter: 'note-content-align-center'
+};
+var privateTokens = exports.privateTokens = {
+  width: '--plasma_private-note-width',
+  height: '--plasma_private-note-height',
+  contentWidthWithOffset: '--plasma_private-note-content-width-with-offset'
+};
+var tokens = exports.tokens = {
+  background: '--plasma-note-background',
+  color: '--plasma-note-color',
+  contentBeforeColor: '--plasma-note-content-before-color',
+  padding: '--plasma-note-padding',
+  paddingScalable: '--plasma-note-padding-scalable',
+  borderRadius: '--plasma-note-border-radius',
+  gap: '--plasma-note-gap',
+  gapScalable: '--plasma-note-gap-scalable',
+  contentGap: '--plasma-note-content-gap',
+  fixedContentBeforeWidth: '--plasma-note-fixed-content-before-width',
+  fixedContentBeforeHeight: '--plasma-note-fixed-content-before-height',
+  fixedContentBeforePadding: '--plasma-note-fixed-content-before-padding',
+  titleFontFamily: '--plasma-note-title-font-family',
+  titleFontSize: '--plasma-note-title-font-size',
+  titleFontStyle: '--plasma-note-title-font-style',
+  titleFontWeight: '--plasma-note-title-font-weight',
+  titleLetterSpacing: '--plasma-note-title-letter-spacing',
+  titleLineHeight: '--plasma-note-title-line-height',
+  textFontFamily: '--plasma-note-text-font-family',
+  textFontSize: '--plasma-note-text-font-size',
+  textFontStyle: '--plasma-note-text-font-style',
+  textFontWeight: '--plasma-note-text-font-weight',
+  textLetterSpacing: '--plasma-note-text-letter-spacing',
+  textLineHeight: '--plasma-note-text-line-height'
+};

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

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

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

@@ -0,0 +1,31 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "noteClasses", {
+  enumerable: true,
+  get: function get() {
+    return _Note2.classes;
+  }
+});
+Object.defineProperty(exports, "noteConfig", {
+  enumerable: true,
+  get: function get() {
+    return _Note.noteConfig;
+  }
+});
+Object.defineProperty(exports, "noteRoot", {
+  enumerable: true,
+  get: function get() {
+    return _Note.noteRoot;
+  }
+});
+Object.defineProperty(exports, "noteTokens", {
+  enumerable: true,
+  get: function get() {
+    return _Note2.tokens;
+  }
+});
+var _Note = /*#__PURE__*/require("./Note");
+var _Note2 = /*#__PURE__*/require("./Note.tokens");