@salutejs/plasma-new-hope 0.236.0-canary.1681.12494238870.0 → 0.236.0-canary.1681.12503763792.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/cjs/components/Note/Note.css +7 -7
- package/cjs/components/Note/Note.js +1 -1
- package/cjs/components/Note/Note.js.map +1 -1
- package/cjs/components/Note/Note.styles.js +1 -1
- package/cjs/components/Note/Note.styles.js.map +1 -1
- package/cjs/components/Note/{Note.styles_1y1b4ia.css → Note.styles_178qpj9.css} +1 -1
- package/cjs/components/Note/variations/_size/base.js +1 -1
- package/cjs/components/Note/variations/_size/base.js.map +1 -1
- package/cjs/components/Note/variations/_size/base_14g19gh.css +1 -0
- package/cjs/index.css +7 -7
- package/emotion/cjs/components/Note/Note.js +1 -1
- package/emotion/cjs/components/Note/Note.styles.js +15 -7
- package/emotion/cjs/components/Note/Note.template-doc.mdx +159 -0
- package/emotion/cjs/components/Note/variations/_size/base.js +1 -1
- package/emotion/es/components/Note/Note.js +1 -1
- package/emotion/es/components/Note/Note.styles.js +15 -7
- package/emotion/es/components/Note/Note.template-doc.mdx +159 -0
- package/emotion/es/components/Note/variations/_size/base.js +1 -1
- package/es/components/Note/Note.css +7 -7
- package/es/components/Note/Note.js +1 -1
- package/es/components/Note/Note.js.map +1 -1
- package/es/components/Note/Note.styles.js +1 -1
- package/es/components/Note/Note.styles.js.map +1 -1
- package/es/components/Note/{Note.styles_1y1b4ia.css → Note.styles_178qpj9.css} +1 -1
- package/es/components/Note/variations/_size/base.js +1 -1
- package/es/components/Note/variations/_size/base.js.map +1 -1
- package/es/components/Note/variations/_size/base_14g19gh.css +1 -0
- package/es/index.css +7 -7
- package/package.json +5 -5
- package/styled-components/cjs/components/Note/Note.js +1 -1
- package/styled-components/cjs/components/Note/Note.styles.js +1 -1
- package/styled-components/cjs/components/Note/Note.template-doc.mdx +159 -0
- package/styled-components/cjs/components/Note/variations/_size/base.js +1 -1
- package/styled-components/es/components/Note/Note.js +1 -1
- package/styled-components/es/components/Note/Note.styles.js +1 -1
- package/styled-components/es/components/Note/Note.template-doc.mdx +159 -0
- package/styled-components/es/components/Note/variations/_size/base.js +1 -1
- package/types/components/Note/Note.d.ts.map +1 -1
- package/types/components/Note/Note.styles.d.ts.map +1 -1
- package/cjs/components/Note/variations/_size/base_9srgcd.css +0 -1
- package/es/components/Note/variations/_size/base_9srgcd.css +0 -1
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
.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);}
|
|
2
2
|
|
|
3
|
-
.
|
|
3
|
+
.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;}
|
|
4
4
|
|
|
5
|
-
.
|
|
5
|
+
.Note_styles_178qpj9_b1eqam57__381585e2{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;box-sizing:border-box;}
|
|
6
|
+
.Note_styles_178qpj9_c1i6bkpn__381585e2{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}
|
|
7
|
+
.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;}
|
|
6
8
|
|
|
7
|
-
.
|
|
8
|
-
|
|
9
|
-
.
|
|
10
|
-
.Note_styles_1y1b4ia_t1kp0wa7__ffc65a75{display:block;position:relative;}
|
|
11
|
-
.Note_styles_1y1b4ia_tf1lafs__ffc65a75{visibility:hidden;position:absolute;z-index:-9999;opacity:0;top:0;left:0;}
|
|
9
|
+
.Note_styles_178qpj9_te86upw__381585e2{visibility:hidden;position:absolute;z-index:-9999;opacity:0;}
|
|
10
|
+
.Note_styles_178qpj9_t1kp0wa7__381585e2{display:block;position:relative;}
|
|
11
|
+
.Note_styles_178qpj9_tf1lafs__381585e2{visibility:hidden;position:absolute;z-index:-9999;opacity:0;top:0;left:0;}
|
|
@@ -47,7 +47,7 @@ var noteRoot = function noteRoot(Root) {
|
|
|
47
47
|
var contentWidthWithOffsetToken = contentBefore ? "calc(100% - ".concat(contentBeforeWidth, " - var(").concat(contentGapToken, "))") : '100%';
|
|
48
48
|
var setTruncatedText = function setTruncatedText() {
|
|
49
49
|
var _titleHelperRef$curre;
|
|
50
|
-
if (!canUseDOM.canUseDOM || !text || !(contentWrapperRef !== null && contentWrapperRef !== void 0 && contentWrapperRef.current) || !(textRenderHelperRef !== null && textRenderHelperRef !== void 0 && textRenderHelperRef.current)) {
|
|
50
|
+
if (!canUseDOM.canUseDOM || !text || !(contentWrapperRef !== null && contentWrapperRef !== void 0 && contentWrapperRef.current) || !(textRenderHelperRef !== null && textRenderHelperRef !== void 0 && textRenderHelperRef.current) || !width && !height) {
|
|
51
51
|
return;
|
|
52
52
|
}
|
|
53
53
|
var contentHeight = contentWrapperRef.current.offsetHeight;
|
|
@@ -1 +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';\n\nimport type { NoteProps } from './Note.types';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base, ContentBefore, ContentWrapper, Text, TextHelper, Title, TitleHelper } 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 ...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 (!canUseDOM || !text || !contentWrapperRef?.current || !textRenderHelperRef?.current) {\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>{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 </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","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","noteConfig","name","tag","layout","base","variations","css","viewCSS","sizeCSS","defaults"],"mappings":"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"}
|
|
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';\n\nimport type { NoteProps } from './Note.types';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base, ContentBefore, ContentWrapper, Text, TextHelper, Title, TitleHelper } 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 ...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>{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 </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","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","noteConfig","name","tag","layout","base","variations","css","viewCSS","sizeCSS","defaults"],"mappings":"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"}
|
|
@@ -1 +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\nexport const base = css`\n position: relative;\n display: flex;\n box-sizing: border-box;\n`;\n\nexport const ContentBefore = styled.div
|
|
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,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;AAEM,IAAME,KAAK,gBAAGL,YAAM,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,YAAM,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,YAAM,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,YAAM,CAAA,MAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,YAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAO/B;;;;;;;;;;"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
.b1eqam57{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;box-sizing:border-box;}
|
|
2
|
-
|
|
2
|
+
.c1i6bkpn{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}
|
|
3
3
|
.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;}
|
|
4
4
|
|
|
5
5
|
.te86upw{visibility:hidden;position:absolute;z-index:-9999;opacity:0;}
|
|
@@ -1 +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:
|
|
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;;;;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.bnp62xb{padding:var(--plasma-note-padding);border-radius:var(--plasma-note-border-radius);height:var(--plasma_private-note-height);width:var(--plasma_private-note-width);gap:var(--plasma-note-gap);}.bnp62xb.note-stretch{width:100%;height:100%;}.bnp62xb .c1i6bkpn{width:var(--plasma-note-fixed-content-before-width);height:var(--plasma-note-fixed-content-before-height);padding:var(--plasma-note-fixed-content-before-padding);box-sizing:border-box;}.bnp62xb.note-content-align-center{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:var(--plasma-note-padding-scalable);gap:var(--plasma-note-gap-scalable);}.bnp62xb.note-content-align-center .c1i6bkpn{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:unset;}.bnp62xb .cendmch{width:var(--plasma_private-note-content-width-with-offset);gap:var(--plasma-note-content-gap);}.bnp62xb .t1wkjxug,.bnp62xb .te86upw{width:100%;min-height:var(--plasma-note-title-line-height);font-family:var(--plasma-note-title-font-family);font-size:var(--plasma-note-title-font-size);font-style:var(--plasma-note-title-font-style);font-weight:var(--plasma-note-title-font-weight);-webkit-letter-spacing:var(--plasma-note-title-letter-spacing);-moz-letter-spacing:var(--plasma-note-title-letter-spacing);-ms-letter-spacing:var(--plasma-note-title-letter-spacing);letter-spacing:var(--plasma-note-title-letter-spacing);line-height:var(--plasma-note-title-line-height);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/cjs/index.css
CHANGED
|
@@ -876,12 +876,12 @@
|
|
|
876
876
|
|
|
877
877
|
.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);}
|
|
878
878
|
|
|
879
|
-
.
|
|
879
|
+
.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;}
|
|
880
880
|
|
|
881
|
-
.
|
|
881
|
+
.Note_styles_178qpj9_b1eqam57__381585e2{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;box-sizing:border-box;}
|
|
882
|
+
.Note_styles_178qpj9_c1i6bkpn__381585e2{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}
|
|
883
|
+
.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;}
|
|
882
884
|
|
|
883
|
-
.
|
|
884
|
-
|
|
885
|
-
.
|
|
886
|
-
.Note_styles_1y1b4ia_t1kp0wa7__ffc65a75{display:block;position:relative;}
|
|
887
|
-
.Note_styles_1y1b4ia_tf1lafs__ffc65a75{visibility:hidden;position:absolute;z-index:-9999;opacity:0;top:0;left:0;}
|
|
885
|
+
.Note_styles_178qpj9_te86upw__381585e2{visibility:hidden;position:absolute;z-index:-9999;opacity:0;}
|
|
886
|
+
.Note_styles_178qpj9_t1kp0wa7__381585e2{display:block;position:relative;}
|
|
887
|
+
.Note_styles_178qpj9_tf1lafs__381585e2{visibility:hidden;position:absolute;z-index:-9999;opacity:0;top:0;left:0;}
|
|
@@ -62,7 +62,7 @@ var noteRoot = exports.noteRoot = function noteRoot(Root) {
|
|
|
62
62
|
var contentWidthWithOffsetToken = contentBefore ? "calc(100% - ".concat(contentBeforeWidth, " - var(").concat(contentGapToken, "))") : '100%';
|
|
63
63
|
var setTruncatedText = function setTruncatedText() {
|
|
64
64
|
var _titleHelperRef$curre;
|
|
65
|
-
if (!_utils.canUseDOM || !text || !(contentWrapperRef !== null && contentWrapperRef !== void 0 && contentWrapperRef.current) || !(textRenderHelperRef !== null && textRenderHelperRef !== void 0 && textRenderHelperRef.current)) {
|
|
65
|
+
if (!_utils.canUseDOM || !text || !(contentWrapperRef !== null && contentWrapperRef !== void 0 && contentWrapperRef.current) || !(textRenderHelperRef !== null && textRenderHelperRef !== void 0 && textRenderHelperRef.current) || !width && !height) {
|
|
66
66
|
return;
|
|
67
67
|
}
|
|
68
68
|
var contentHeight = contentWrapperRef.current.offsetHeight;
|
|
@@ -14,13 +14,21 @@ var base = exports.base = process.env.NODE_ENV === "production" ? {
|
|
|
14
14
|
} : {
|
|
15
15
|
name: "1j3qywx-plasma-new-hope__base",
|
|
16
16
|
styles: "position:relative;display:flex;box-sizing:border-box;label:plasma-new-hope__base;",
|
|
17
|
-
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
17
|
+
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvTm90ZS9Ob3RlLnN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFHdUIiLCJmaWxlIjoiLi4vLi4vLi4vLi4vc3JjLWVtb3Rpb24vY29tcG9uZW50cy9Ob3RlL05vdGUuc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG5leHBvcnQgY29uc3QgYmFzZSA9IGNzc2BcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuYDtcblxuZXhwb3J0IGNvbnN0IENvbnRlbnRCZWZvcmUgPSBzdHlsZWQuZGl2YFxuICAgIGRpc3BsYXk6IGZsZXg7XG5gO1xuXG5leHBvcnQgY29uc3QgQ29udGVudFdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuYDtcblxuZXhwb3J0IGNvbnN0IFRpdGxlID0gc3R5bGVkLmRpdmBgO1xuZXhwb3J0IGNvbnN0IFRpdGxlSGVscGVyID0gc3R5bGVkLmRpdmBcbiAgICB2aXNpYmlsaXR5OiBoaWRkZW47XG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIHotaW5kZXg6IC05OTk5O1xuICAgIG9wYWNpdHk6IDA7XG5gO1xuXG5leHBvcnQgY29uc3QgVGV4dCA9IHN0eWxlZC5zcGFuYFxuICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbmA7XG5leHBvcnQgY29uc3QgVGV4dEhlbHBlciA9IHN0eWxlZC5zcGFuYFxuICAgIHZpc2liaWxpdHk6IGhpZGRlbjtcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgei1pbmRleDogLTk5OTk7XG4gICAgb3BhY2l0eTogMDtcbiAgICB0b3A6IDA7XG4gICAgbGVmdDogMDtcbmA7XG4iXX0= */",
|
|
18
18
|
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
|
19
19
|
};
|
|
20
20
|
var ContentBefore = exports.ContentBefore = /*#__PURE__*/(0, _base["default"])("div", {
|
|
21
21
|
target: "eg896kp5",
|
|
22
22
|
label: "plasma-new-hope__ContentBefore"
|
|
23
|
-
})(process.env.NODE_ENV === "production" ?
|
|
23
|
+
})(process.env.NODE_ENV === "production" ? {
|
|
24
|
+
name: "zjik7",
|
|
25
|
+
styles: "display:flex"
|
|
26
|
+
} : {
|
|
27
|
+
name: "zjik7",
|
|
28
|
+
styles: "display:flex",
|
|
29
|
+
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvTm90ZS9Ob3RlLnN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFTdUMiLCJmaWxlIjoiLi4vLi4vLi4vLi4vc3JjLWVtb3Rpb24vY29tcG9uZW50cy9Ob3RlL05vdGUuc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG5leHBvcnQgY29uc3QgYmFzZSA9IGNzc2BcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuYDtcblxuZXhwb3J0IGNvbnN0IENvbnRlbnRCZWZvcmUgPSBzdHlsZWQuZGl2YFxuICAgIGRpc3BsYXk6IGZsZXg7XG5gO1xuXG5leHBvcnQgY29uc3QgQ29udGVudFdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuYDtcblxuZXhwb3J0IGNvbnN0IFRpdGxlID0gc3R5bGVkLmRpdmBgO1xuZXhwb3J0IGNvbnN0IFRpdGxlSGVscGVyID0gc3R5bGVkLmRpdmBcbiAgICB2aXNpYmlsaXR5OiBoaWRkZW47XG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIHotaW5kZXg6IC05OTk5O1xuICAgIG9wYWNpdHk6IDA7XG5gO1xuXG5leHBvcnQgY29uc3QgVGV4dCA9IHN0eWxlZC5zcGFuYFxuICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbmA7XG5leHBvcnQgY29uc3QgVGV4dEhlbHBlciA9IHN0eWxlZC5zcGFuYFxuICAgIHZpc2liaWxpdHk6IGhpZGRlbjtcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgei1pbmRleDogLTk5OTk7XG4gICAgb3BhY2l0eTogMDtcbiAgICB0b3A6IDA7XG4gICAgbGVmdDogMDtcbmA7XG4iXX0= */",
|
|
30
|
+
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
|
31
|
+
});
|
|
24
32
|
var ContentWrapper = exports.ContentWrapper = /*#__PURE__*/(0, _base["default"])("div", {
|
|
25
33
|
target: "eg896kp4",
|
|
26
34
|
label: "plasma-new-hope__ContentWrapper"
|
|
@@ -30,13 +38,13 @@ var ContentWrapper = exports.ContentWrapper = /*#__PURE__*/(0, _base["default"])
|
|
|
30
38
|
} : {
|
|
31
39
|
name: "1ozv6rn",
|
|
32
40
|
styles: "display:flex;flex-direction:column;box-sizing:border-box",
|
|
33
|
-
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
41
|
+
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvTm90ZS9Ob3RlLnN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFhd0MiLCJmaWxlIjoiLi4vLi4vLi4vLi4vc3JjLWVtb3Rpb24vY29tcG9uZW50cy9Ob3RlL05vdGUuc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG5leHBvcnQgY29uc3QgYmFzZSA9IGNzc2BcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuYDtcblxuZXhwb3J0IGNvbnN0IENvbnRlbnRCZWZvcmUgPSBzdHlsZWQuZGl2YFxuICAgIGRpc3BsYXk6IGZsZXg7XG5gO1xuXG5leHBvcnQgY29uc3QgQ29udGVudFdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuYDtcblxuZXhwb3J0IGNvbnN0IFRpdGxlID0gc3R5bGVkLmRpdmBgO1xuZXhwb3J0IGNvbnN0IFRpdGxlSGVscGVyID0gc3R5bGVkLmRpdmBcbiAgICB2aXNpYmlsaXR5OiBoaWRkZW47XG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIHotaW5kZXg6IC05OTk5O1xuICAgIG9wYWNpdHk6IDA7XG5gO1xuXG5leHBvcnQgY29uc3QgVGV4dCA9IHN0eWxlZC5zcGFuYFxuICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbmA7XG5leHBvcnQgY29uc3QgVGV4dEhlbHBlciA9IHN0eWxlZC5zcGFuYFxuICAgIHZpc2liaWxpdHk6IGhpZGRlbjtcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgei1pbmRleDogLTk5OTk7XG4gICAgb3BhY2l0eTogMDtcbiAgICB0b3A6IDA7XG4gICAgbGVmdDogMDtcbmA7XG4iXX0= */",
|
|
34
42
|
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
|
35
43
|
});
|
|
36
44
|
var Title = exports.Title = /*#__PURE__*/(0, _base["default"])("div", {
|
|
37
45
|
target: "eg896kp3",
|
|
38
46
|
label: "plasma-new-hope__Title"
|
|
39
|
-
})(process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
47
|
+
})(process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvTm90ZS9Ob3RlLnN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFtQitCIiwiZmlsZSI6Ii4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvTm90ZS9Ob3RlLnN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuZXhwb3J0IGNvbnN0IGJhc2UgPSBjc3NgXG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbmA7XG5cbmV4cG9ydCBjb25zdCBDb250ZW50QmVmb3JlID0gc3R5bGVkLmRpdmBcbiAgICBkaXNwbGF5OiBmbGV4O1xuYDtcblxuZXhwb3J0IGNvbnN0IENvbnRlbnRXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbmA7XG5cbmV4cG9ydCBjb25zdCBUaXRsZSA9IHN0eWxlZC5kaXZgYDtcbmV4cG9ydCBjb25zdCBUaXRsZUhlbHBlciA9IHN0eWxlZC5kaXZgXG4gICAgdmlzaWJpbGl0eTogaGlkZGVuO1xuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICB6LWluZGV4OiAtOTk5OTtcbiAgICBvcGFjaXR5OiAwO1xuYDtcblxuZXhwb3J0IGNvbnN0IFRleHQgPSBzdHlsZWQuc3BhbmBcbiAgICBkaXNwbGF5OiBibG9jaztcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG5gO1xuZXhwb3J0IGNvbnN0IFRleHRIZWxwZXIgPSBzdHlsZWQuc3BhbmBcbiAgICB2aXNpYmlsaXR5OiBoaWRkZW47XG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIHotaW5kZXg6IC05OTk5O1xuICAgIG9wYWNpdHk6IDA7XG4gICAgdG9wOiAwO1xuICAgIGxlZnQ6IDA7XG5gO1xuIl19 */");
|
|
40
48
|
var TitleHelper = exports.TitleHelper = /*#__PURE__*/(0, _base["default"])("div", {
|
|
41
49
|
target: "eg896kp2",
|
|
42
50
|
label: "plasma-new-hope__TitleHelper"
|
|
@@ -46,7 +54,7 @@ var TitleHelper = exports.TitleHelper = /*#__PURE__*/(0, _base["default"])("div"
|
|
|
46
54
|
} : {
|
|
47
55
|
name: "1kj1ck0",
|
|
48
56
|
styles: "visibility:hidden;position:absolute;z-index:-9999;opacity:0",
|
|
49
|
-
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
57
|
+
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvTm90ZS9Ob3RlLnN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFvQnFDIiwiZmlsZSI6Ii4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvTm90ZS9Ob3RlLnN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuZXhwb3J0IGNvbnN0IGJhc2UgPSBjc3NgXG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbmA7XG5cbmV4cG9ydCBjb25zdCBDb250ZW50QmVmb3JlID0gc3R5bGVkLmRpdmBcbiAgICBkaXNwbGF5OiBmbGV4O1xuYDtcblxuZXhwb3J0IGNvbnN0IENvbnRlbnRXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbmA7XG5cbmV4cG9ydCBjb25zdCBUaXRsZSA9IHN0eWxlZC5kaXZgYDtcbmV4cG9ydCBjb25zdCBUaXRsZUhlbHBlciA9IHN0eWxlZC5kaXZgXG4gICAgdmlzaWJpbGl0eTogaGlkZGVuO1xuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICB6LWluZGV4OiAtOTk5OTtcbiAgICBvcGFjaXR5OiAwO1xuYDtcblxuZXhwb3J0IGNvbnN0IFRleHQgPSBzdHlsZWQuc3BhbmBcbiAgICBkaXNwbGF5OiBibG9jaztcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG5gO1xuZXhwb3J0IGNvbnN0IFRleHRIZWxwZXIgPSBzdHlsZWQuc3BhbmBcbiAgICB2aXNpYmlsaXR5OiBoaWRkZW47XG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIHotaW5kZXg6IC05OTk5O1xuICAgIG9wYWNpdHk6IDA7XG4gICAgdG9wOiAwO1xuICAgIGxlZnQ6IDA7XG5gO1xuIl19 */",
|
|
50
58
|
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
|
51
59
|
});
|
|
52
60
|
var Text = exports.Text = /*#__PURE__*/(0, _base["default"])("span", {
|
|
@@ -58,7 +66,7 @@ var Text = exports.Text = /*#__PURE__*/(0, _base["default"])("span", {
|
|
|
58
66
|
} : {
|
|
59
67
|
name: "4bgdod",
|
|
60
68
|
styles: "display:block;position:relative",
|
|
61
|
-
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
69
|
+
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvTm90ZS9Ob3RlLnN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEyQitCIiwiZmlsZSI6Ii4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvTm90ZS9Ob3RlLnN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuZXhwb3J0IGNvbnN0IGJhc2UgPSBjc3NgXG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbmA7XG5cbmV4cG9ydCBjb25zdCBDb250ZW50QmVmb3JlID0gc3R5bGVkLmRpdmBcbiAgICBkaXNwbGF5OiBmbGV4O1xuYDtcblxuZXhwb3J0IGNvbnN0IENvbnRlbnRXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbmA7XG5cbmV4cG9ydCBjb25zdCBUaXRsZSA9IHN0eWxlZC5kaXZgYDtcbmV4cG9ydCBjb25zdCBUaXRsZUhlbHBlciA9IHN0eWxlZC5kaXZgXG4gICAgdmlzaWJpbGl0eTogaGlkZGVuO1xuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICB6LWluZGV4OiAtOTk5OTtcbiAgICBvcGFjaXR5OiAwO1xuYDtcblxuZXhwb3J0IGNvbnN0IFRleHQgPSBzdHlsZWQuc3BhbmBcbiAgICBkaXNwbGF5OiBibG9jaztcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG5gO1xuZXhwb3J0IGNvbnN0IFRleHRIZWxwZXIgPSBzdHlsZWQuc3BhbmBcbiAgICB2aXNpYmlsaXR5OiBoaWRkZW47XG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIHotaW5kZXg6IC05OTk5O1xuICAgIG9wYWNpdHk6IDA7XG4gICAgdG9wOiAwO1xuICAgIGxlZnQ6IDA7XG5gO1xuIl19 */",
|
|
62
70
|
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
|
63
71
|
});
|
|
64
72
|
var TextHelper = exports.TextHelper = /*#__PURE__*/(0, _base["default"])("span", {
|
|
@@ -70,6 +78,6 @@ var TextHelper = exports.TextHelper = /*#__PURE__*/(0, _base["default"])("span",
|
|
|
70
78
|
} : {
|
|
71
79
|
name: "1nitia3",
|
|
72
80
|
styles: "visibility:hidden;position:absolute;z-index:-9999;opacity:0;top:0;left:0",
|
|
73
|
-
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
81
|
+
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvTm90ZS9Ob3RlLnN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUErQnFDIiwiZmlsZSI6Ii4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvTm90ZS9Ob3RlLnN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuZXhwb3J0IGNvbnN0IGJhc2UgPSBjc3NgXG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbmA7XG5cbmV4cG9ydCBjb25zdCBDb250ZW50QmVmb3JlID0gc3R5bGVkLmRpdmBcbiAgICBkaXNwbGF5OiBmbGV4O1xuYDtcblxuZXhwb3J0IGNvbnN0IENvbnRlbnRXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbmA7XG5cbmV4cG9ydCBjb25zdCBUaXRsZSA9IHN0eWxlZC5kaXZgYDtcbmV4cG9ydCBjb25zdCBUaXRsZUhlbHBlciA9IHN0eWxlZC5kaXZgXG4gICAgdmlzaWJpbGl0eTogaGlkZGVuO1xuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICB6LWluZGV4OiAtOTk5OTtcbiAgICBvcGFjaXR5OiAwO1xuYDtcblxuZXhwb3J0IGNvbnN0IFRleHQgPSBzdHlsZWQuc3BhbmBcbiAgICBkaXNwbGF5OiBibG9jaztcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG5gO1xuZXhwb3J0IGNvbnN0IFRleHRIZWxwZXIgPSBzdHlsZWQuc3BhbmBcbiAgICB2aXNpYmlsaXR5OiBoaWRkZW47XG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIHotaW5kZXg6IC05OTk5O1xuICAgIG9wYWNpdHk6IDA7XG4gICAgdG9wOiAwO1xuICAgIGxlZnQ6IDA7XG5gO1xuIl19 */",
|
|
74
82
|
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
|
75
83
|
});
|
|
@@ -0,0 +1,159 @@
|
|
|
1
|
+
---
|
|
2
|
+
id: note
|
|
3
|
+
title: Note
|
|
4
|
+
---
|
|
5
|
+
|
|
6
|
+
import { PropsTable, Description } from '@site/src/components';
|
|
7
|
+
|
|
8
|
+
# Note
|
|
9
|
+
Компонент для отображения текста в виде информационных, предупреждающих, обычных подсказок.
|
|
10
|
+
|
|
11
|
+
<Description name="Note" />
|
|
12
|
+
<PropsTable name="Note" />
|
|
13
|
+
|
|
14
|
+
## Примеры
|
|
15
|
+
|
|
16
|
+
### Вид компонента
|
|
17
|
+
Вид компонента задается с помощью свойства `view`:
|
|
18
|
+
|
|
19
|
+
```tsx live
|
|
20
|
+
import React from 'react';
|
|
21
|
+
import { Note } from '@salutejs/{{ package }}';
|
|
22
|
+
import { IconSaluteOutline } from '@salutejs/plasma-icons';
|
|
23
|
+
|
|
24
|
+
export function App() {
|
|
25
|
+
return (
|
|
26
|
+
<div>
|
|
27
|
+
<Note
|
|
28
|
+
title="Title"
|
|
29
|
+
text="Text"
|
|
30
|
+
view="default"
|
|
31
|
+
size="s"
|
|
32
|
+
contentBefore={<IconSaluteOutline size="xs" color="inherit" />}
|
|
33
|
+
/>
|
|
34
|
+
<Note
|
|
35
|
+
title="Title"
|
|
36
|
+
text="Text"
|
|
37
|
+
view="positive"
|
|
38
|
+
size="s"
|
|
39
|
+
contentBefore={<IconSaluteOutline size="xs" color="inherit" />}
|
|
40
|
+
/>
|
|
41
|
+
<Note
|
|
42
|
+
title="Title"
|
|
43
|
+
text="Text"
|
|
44
|
+
view="warning"
|
|
45
|
+
size="s"
|
|
46
|
+
contentBefore={<IconSaluteOutline size="xs" color="inherit" />}
|
|
47
|
+
/>
|
|
48
|
+
<Note
|
|
49
|
+
title="Title"
|
|
50
|
+
text="Text"
|
|
51
|
+
view="negative"
|
|
52
|
+
size="s"
|
|
53
|
+
contentBefore={<IconSaluteOutline size="xs" color="inherit" />}
|
|
54
|
+
/>
|
|
55
|
+
<Note
|
|
56
|
+
title="Title"
|
|
57
|
+
text="Text"
|
|
58
|
+
view="info"
|
|
59
|
+
size="s"
|
|
60
|
+
contentBefore={<IconSaluteOutline size="xs" color="inherit" />}
|
|
61
|
+
/>
|
|
62
|
+
</div>
|
|
63
|
+
);
|
|
64
|
+
}
|
|
65
|
+
```
|
|
66
|
+
|
|
67
|
+
### Размер компонента
|
|
68
|
+
Размер компонента задается с помощью свойства `size`.
|
|
69
|
+
Так же можно указать собственную ширину и высоту с помощью `width` и `height` соответственно.
|
|
70
|
+
Или же задать `stretch` чтобы `Note` занял всю доступную ширину и высоту.
|
|
71
|
+
|
|
72
|
+
```tsx live
|
|
73
|
+
import React from 'react';
|
|
74
|
+
import { Note } from '@salutejs/{{ package }}';
|
|
75
|
+
|
|
76
|
+
export function App() {
|
|
77
|
+
return (
|
|
78
|
+
<div style=\{{ flexDirection: "column" }}>
|
|
79
|
+
<div style=\{{ display: "flex", gap: "1rem" }}>
|
|
80
|
+
<Note
|
|
81
|
+
title="Title"
|
|
82
|
+
text="Text"
|
|
83
|
+
view="default"
|
|
84
|
+
size="l"
|
|
85
|
+
/>
|
|
86
|
+
<Note
|
|
87
|
+
title="Title"
|
|
88
|
+
text="Text"
|
|
89
|
+
view="default"
|
|
90
|
+
size="m"
|
|
91
|
+
/>
|
|
92
|
+
<Note
|
|
93
|
+
title="Title"
|
|
94
|
+
text="Text"
|
|
95
|
+
view="default"
|
|
96
|
+
size="s"
|
|
97
|
+
/>
|
|
98
|
+
<Note
|
|
99
|
+
title="Title"
|
|
100
|
+
text="Text"
|
|
101
|
+
view="default"
|
|
102
|
+
size="xs"
|
|
103
|
+
/>
|
|
104
|
+
</div>
|
|
105
|
+
|
|
106
|
+
<Note
|
|
107
|
+
title="Title"
|
|
108
|
+
text="Text"
|
|
109
|
+
view="default"
|
|
110
|
+
size="l"
|
|
111
|
+
width="400"
|
|
112
|
+
height="116"
|
|
113
|
+
/>
|
|
114
|
+
|
|
115
|
+
<div style=\{{ width: "300px", height: "300px" }}>
|
|
116
|
+
<Note
|
|
117
|
+
title="Title"
|
|
118
|
+
text="Text"
|
|
119
|
+
view="default"
|
|
120
|
+
size="l"
|
|
121
|
+
stretch
|
|
122
|
+
/>
|
|
123
|
+
</div>
|
|
124
|
+
</div>
|
|
125
|
+
);
|
|
126
|
+
}
|
|
127
|
+
```
|
|
128
|
+
|
|
129
|
+
### Размерность и положение `contentBefore`
|
|
130
|
+
Размерность и положение `contentBefore` задается с помощью свойства `contentBeforeSizing`:
|
|
131
|
+
|
|
132
|
+
```tsx live
|
|
133
|
+
import React from 'react';
|
|
134
|
+
import { Note } from '@salutejs/{{ package }}';
|
|
135
|
+
import { IconSaluteOutline } from '@salutejs/plasma-icons';
|
|
136
|
+
|
|
137
|
+
export function App() {
|
|
138
|
+
return (
|
|
139
|
+
<div>
|
|
140
|
+
<Note
|
|
141
|
+
title="Title"
|
|
142
|
+
text="Text"
|
|
143
|
+
view="default"
|
|
144
|
+
size="s"
|
|
145
|
+
contentBefore={<IconSaluteOutline size="xs" color="inherit" />}
|
|
146
|
+
contentBeforeSizing="fixed"
|
|
147
|
+
/>
|
|
148
|
+
<Note
|
|
149
|
+
title="Title"
|
|
150
|
+
text="Text"
|
|
151
|
+
view="positive"
|
|
152
|
+
size="s"
|
|
153
|
+
contentBefore={<IconSaluteOutline size="m" color="inherit" />}
|
|
154
|
+
contentBeforeSizing="scalable"
|
|
155
|
+
/>
|
|
156
|
+
</div>
|
|
157
|
+
);
|
|
158
|
+
}
|
|
159
|
+
```
|
|
@@ -8,4 +8,4 @@ var _react = /*#__PURE__*/require("@emotion/react");
|
|
|
8
8
|
var _Note = /*#__PURE__*/require("../../Note.tokens");
|
|
9
9
|
var _Note2 = /*#__PURE__*/require("../../Note.styles");
|
|
10
10
|
var _mixins = /*#__PURE__*/require("../../../../mixins");
|
|
11
|
-
var base = exports.base = /*#__PURE__*/(0, _react.css)("padding:var(", _Note.tokens.padding, ");border-radius:var(", _Note.tokens.borderRadius, ");height:var(", _Note.privateTokens.height, ");width:var(", _Note.privateTokens.width, ");gap:var(", _Note.tokens.gap, ");&.", _Note.classes.stretch, "{width:100%;height:100%;}", _Note2.ContentBefore, "{width:var(", _Note.tokens.fixedContentBeforeWidth, ");height:var(", _Note.tokens.fixedContentBeforeHeight, ");padding:var(", _Note.tokens.fixedContentBeforePadding, ");box-sizing:border-box;}&.", _Note.classes.contentAlignCenter, "{align-items:center;padding:var(", _Note.tokens.paddingScalable, ");gap:var(", _Note.tokens.gapScalable, ");", _Note2.ContentBefore, "{width:
|
|
11
|
+
var base = exports.base = /*#__PURE__*/(0, _react.css)("padding:var(", _Note.tokens.padding, ");border-radius:var(", _Note.tokens.borderRadius, ");height:var(", _Note.privateTokens.height, ");width:var(", _Note.privateTokens.width, ");gap:var(", _Note.tokens.gap, ");&.", _Note.classes.stretch, "{width:100%;height:100%;}", _Note2.ContentBefore, "{width:var(", _Note.tokens.fixedContentBeforeWidth, ");height:var(", _Note.tokens.fixedContentBeforeHeight, ");padding:var(", _Note.tokens.fixedContentBeforePadding, ");box-sizing:border-box;}&.", _Note.classes.contentAlignCenter, "{align-items:center;padding:var(", _Note.tokens.paddingScalable, ");gap:var(", _Note.tokens.gapScalable, ");", _Note2.ContentBefore, "{width:fit-content;height:fit-content;padding:unset;}}", _Note2.ContentWrapper, "{width:var(", _Note.privateTokens.contentWidthWithOffset, ");gap:var(", _Note.tokens.contentGap, ");}", _Note2.Title, ",", _Note2.TitleHelper, "{width:100%;min-height:var(", _Note.tokens.titleLineHeight, ");font-family:var(", _Note.tokens.titleFontFamily, ");font-size:var(", _Note.tokens.titleFontSize, ");font-style:var(", _Note.tokens.titleFontStyle, ");font-weight:var(", _Note.tokens.titleFontWeight, ");letter-spacing:var(", _Note.tokens.titleLetterSpacing, ");line-height:var(", _Note.tokens.titleLineHeight, ");", /*#__PURE__*/(0, _mixins.applyEllipsis)(), ";}", _Note2.Text, ",", _Note2.TextHelper, "{font-family:var(", _Note.tokens.textFontFamily, ");font-size:var(", _Note.tokens.textFontSize, ");font-style:var(", _Note.tokens.textFontStyle, ");font-weight:var(", _Note.tokens.textFontWeight, ");letter-spacing:var(", _Note.tokens.textLetterSpacing, ");line-height:var(", _Note.tokens.textLineHeight, ");word-break:break-all;};label:plasma-new-hope__base;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvTm90ZS92YXJpYXRpb25zL19zaXplL2Jhc2UudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBTXVCIiwiZmlsZSI6Ii4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvTm90ZS92YXJpYXRpb25zL19zaXplL2Jhc2UudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmltcG9ydCB7IGNsYXNzZXMsIHByaXZhdGVUb2tlbnMsIHRva2VucyB9IGZyb20gJy4uLy4uL05vdGUudG9rZW5zJztcbmltcG9ydCB7IENvbnRlbnRCZWZvcmUsIENvbnRlbnRXcmFwcGVyLCBUZXh0LCBUZXh0SGVscGVyLCBUaXRsZSwgVGl0bGVIZWxwZXIgfSBmcm9tICcuLi8uLi9Ob3RlLnN0eWxlcyc7XG5pbXBvcnQgeyBhcHBseUVsbGlwc2lzIH0gZnJvbSAnLi4vLi4vLi4vLi4vbWl4aW5zJztcblxuZXhwb3J0IGNvbnN0IGJhc2UgPSBjc3NgXG4gICAgcGFkZGluZzogdmFyKCR7dG9rZW5zLnBhZGRpbmd9KTtcbiAgICBib3JkZXItcmFkaXVzOiB2YXIoJHt0b2tlbnMuYm9yZGVyUmFkaXVzfSk7XG4gICAgaGVpZ2h0OiB2YXIoJHtwcml2YXRlVG9rZW5zLmhlaWdodH0pO1xuICAgIHdpZHRoOiB2YXIoJHtwcml2YXRlVG9rZW5zLndpZHRofSk7XG4gICAgZ2FwOiB2YXIoJHt0b2tlbnMuZ2FwfSk7XG5cbiAgICAmLiR7Y2xhc3Nlcy5zdHJldGNofSB7XG4gICAgICAgIHdpZHRoOiAxMDAlO1xuICAgICAgICBoZWlnaHQ6IDEwMCU7XG4gICAgfVxuXG4gICAgJHtDb250ZW50QmVmb3JlfSB7XG4gICAgICAgIHdpZHRoOiB2YXIoJHt0b2tlbnMuZml4ZWRDb250ZW50QmVmb3JlV2lkdGh9KTtcbiAgICAgICAgaGVpZ2h0OiB2YXIoJHt0b2tlbnMuZml4ZWRDb250ZW50QmVmb3JlSGVpZ2h0fSk7XG4gICAgICAgIHBhZGRpbmc6IHZhcigke3Rva2Vucy5maXhlZENvbnRlbnRCZWZvcmVQYWRkaW5nfSk7XG4gICAgICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICAgfVxuXG4gICAgJi4ke2NsYXNzZXMuY29udGVudEFsaWduQ2VudGVyfSB7XG4gICAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICAgIHBhZGRpbmc6IHZhcigke3Rva2Vucy5wYWRkaW5nU2NhbGFibGV9KTtcbiAgICAgICAgZ2FwOiB2YXIoJHt0b2tlbnMuZ2FwU2NhbGFibGV9KTtcblxuICAgICAgICAke0NvbnRlbnRCZWZvcmV9IHtcbiAgICAgICAgICAgIHdpZHRoOiBmaXQtY29udGVudDtcbiAgICAgICAgICAgIGhlaWdodDogZml0LWNvbnRlbnQ7XG4gICAgICAgICAgICBwYWRkaW5nOiB1bnNldDtcbiAgICAgICAgfVxuICAgIH1cblxuICAgICR7Q29udGVudFdyYXBwZXJ9IHtcbiAgICAgICAgd2lkdGg6IHZhcigke3ByaXZhdGVUb2tlbnMuY29udGVudFdpZHRoV2l0aE9mZnNldH0pO1xuICAgICAgICBnYXA6IHZhcigke3Rva2Vucy5jb250ZW50R2FwfSk7XG4gICAgfVxuXG4gICAgJHtUaXRsZX0sICR7VGl0bGVIZWxwZXJ9IHtcbiAgICAgICAgd2lkdGg6IDEwMCU7XG4gICAgICAgIG1pbi1oZWlnaHQ6IHZhcigke3Rva2Vucy50aXRsZUxpbmVIZWlnaHR9KTtcblxuICAgICAgICBmb250LWZhbWlseTogdmFyKCR7dG9rZW5zLnRpdGxlRm9udEZhbWlseX0pO1xuICAgICAgICBmb250LXNpemU6IHZhcigke3Rva2Vucy50aXRsZUZvbnRTaXplfSk7XG4gICAgICAgIGZvbnQtc3R5bGU6IHZhcigke3Rva2Vucy50aXRsZUZvbnRTdHlsZX0pO1xuICAgICAgICBmb250LXdlaWdodDogdmFyKCR7dG9rZW5zLnRpdGxlRm9udFdlaWdodH0pO1xuICAgICAgICBsZXR0ZXItc3BhY2luZzogdmFyKCR7dG9rZW5zLnRpdGxlTGV0dGVyU3BhY2luZ30pO1xuICAgICAgICBsaW5lLWhlaWdodDogdmFyKCR7dG9rZW5zLnRpdGxlTGluZUhlaWdodH0pO1xuXG4gICAgICAgICR7YXBwbHlFbGxpcHNpcygpfVxuICAgIH1cblxuICAgICR7VGV4dH0sICR7VGV4dEhlbHBlcn0ge1xuICAgICAgICBmb250LWZhbWlseTogdmFyKCR7dG9rZW5zLnRleHRGb250RmFtaWx5fSk7XG4gICAgICAgIGZvbnQtc2l6ZTogdmFyKCR7dG9rZW5zLnRleHRGb250U2l6ZX0pO1xuICAgICAgICBmb250LXN0eWxlOiB2YXIoJHt0b2tlbnMudGV4dEZvbnRTdHlsZX0pO1xuICAgICAgICBmb250LXdlaWdodDogdmFyKCR7dG9rZW5zLnRleHRGb250V2VpZ2h0fSk7XG4gICAgICAgIGxldHRlci1zcGFjaW5nOiB2YXIoJHt0b2tlbnMudGV4dExldHRlclNwYWNpbmd9KTtcbiAgICAgICAgbGluZS1oZWlnaHQ6IHZhcigke3Rva2Vucy50ZXh0TGluZUhlaWdodH0pO1xuXG4gICAgICAgIHdvcmQtYnJlYWs6IGJyZWFrLWFsbDtcbiAgICB9XG5gO1xuIl19 */"));
|
|
@@ -54,7 +54,7 @@ export var noteRoot = function noteRoot(Root) {
|
|
|
54
54
|
var contentWidthWithOffsetToken = contentBefore ? "calc(100% - ".concat(contentBeforeWidth, " - var(").concat(contentGapToken, "))") : '100%';
|
|
55
55
|
var setTruncatedText = function setTruncatedText() {
|
|
56
56
|
var _titleHelperRef$curre;
|
|
57
|
-
if (!canUseDOM || !text || !(contentWrapperRef !== null && contentWrapperRef !== void 0 && contentWrapperRef.current) || !(textRenderHelperRef !== null && textRenderHelperRef !== void 0 && textRenderHelperRef.current)) {
|
|
57
|
+
if (!canUseDOM || !text || !(contentWrapperRef !== null && contentWrapperRef !== void 0 && contentWrapperRef.current) || !(textRenderHelperRef !== null && textRenderHelperRef !== void 0 && textRenderHelperRef.current) || !width && !height) {
|
|
58
58
|
return;
|
|
59
59
|
}
|
|
60
60
|
var contentHeight = contentWrapperRef.current.offsetHeight;
|