@salutejs/plasma-new-hope 0.236.0-canary.1681.12503763792.0 → 0.236.0-canary.1685.12504465321.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/Rating/utils/index.js +2 -2
- package/cjs/components/Rating/utils/index.js.map +1 -1
- package/cjs/index.css +0 -12
- package/cjs/index.js +0 -6
- package/cjs/index.js.map +1 -1
- package/emotion/cjs/components/Rating/utils/index.js +2 -2
- package/emotion/cjs/components/_Icon/index.js +1 -8
- package/emotion/cjs/examples/plasma_b2c/components/Dropzone/Dropzone.stories.tsx +1 -1
- package/emotion/cjs/index.js +0 -11
- package/emotion/es/components/Rating/utils/index.js +2 -2
- package/emotion/es/components/_Icon/index.js +1 -2
- package/emotion/es/examples/plasma_b2c/components/Dropzone/Dropzone.stories.tsx +1 -1
- package/emotion/es/index.js +1 -2
- package/es/components/Rating/utils/index.js +2 -2
- package/es/components/Rating/utils/index.js.map +1 -1
- package/es/index.css +0 -12
- package/es/index.js +0 -2
- package/es/index.js.map +1 -1
- package/package.json +4 -4
- package/styled-components/cjs/components/Rating/utils/index.js +2 -2
- package/styled-components/cjs/components/_Icon/index.js +1 -8
- package/styled-components/cjs/examples/plasma_b2c/components/Dropzone/Dropzone.stories.tsx +1 -1
- package/styled-components/cjs/index.js +0 -11
- package/styled-components/es/components/Rating/utils/index.js +2 -2
- package/styled-components/es/components/_Icon/index.js +1 -2
- package/styled-components/es/examples/plasma_b2c/components/Dropzone/Dropzone.stories.tsx +1 -1
- package/styled-components/es/index.js +1 -2
- package/types/components/_Icon/index.d.ts +0 -1
- package/types/components/_Icon/index.d.ts.map +1 -1
- package/types/index.d.ts +0 -1
- package/types/index.d.ts.map +1 -1
- package/cjs/components/Note/Note.css +0 -11
- package/cjs/components/Note/Note.js +0 -124
- package/cjs/components/Note/Note.js.map +0 -1
- package/cjs/components/Note/Note.styles.js +0 -47
- package/cjs/components/Note/Note.styles.js.map +0 -1
- package/cjs/components/Note/Note.styles_178qpj9.css +0 -7
- package/cjs/components/Note/Note.tokens.js +0 -44
- package/cjs/components/Note/Note.tokens.js.map +0 -1
- package/cjs/components/Note/variations/_size/base.js +0 -9
- package/cjs/components/Note/variations/_size/base.js.map +0 -1
- package/cjs/components/Note/variations/_size/base_14g19gh.css +0 -1
- package/cjs/components/Note/variations/_view/base.js +0 -9
- package/cjs/components/Note/variations/_view/base.js.map +0 -1
- package/cjs/components/Note/variations/_view/base_pq323y.css +0 -1
- package/emotion/cjs/components/Note/Note.js +0 -135
- package/emotion/cjs/components/Note/Note.styles.js +0 -83
- package/emotion/cjs/components/Note/Note.template-doc.mdx +0 -159
- package/emotion/cjs/components/Note/Note.tokens.js +0 -41
- package/emotion/cjs/components/Note/Note.types.js +0 -5
- package/emotion/cjs/components/Note/index.js +0 -31
- package/emotion/cjs/components/Note/variations/_size/base.js +0 -11
- package/emotion/cjs/components/Note/variations/_size/tokens.json +0 -23
- package/emotion/cjs/components/Note/variations/_view/base.js +0 -10
- package/emotion/cjs/components/Note/variations/_view/tokens.json +0 -1
- package/emotion/cjs/components/_Icon/Icon.assets/Icon.svg.16/SaluteOutline.js +0 -24
- package/emotion/cjs/components/_Icon/Icons/Icon.16/IconSaluteOutline.js +0 -27
- package/emotion/cjs/examples/plasma_b2c/components/Note/Note.config.js +0 -29
- package/emotion/cjs/examples/plasma_b2c/components/Note/Note.js +0 -11
- package/emotion/cjs/examples/plasma_b2c/components/Note/Note.stories.tsx +0 -86
- package/emotion/cjs/examples/plasma_web/components/Note/Note.config.js +0 -29
- package/emotion/cjs/examples/plasma_web/components/Note/Note.js +0 -11
- package/emotion/cjs/examples/plasma_web/components/Note/Note.stories.tsx +0 -86
- package/emotion/es/components/Note/Note.js +0 -127
- package/emotion/es/components/Note/Note.styles.js +0 -76
- package/emotion/es/components/Note/Note.template-doc.mdx +0 -159
- package/emotion/es/components/Note/Note.tokens.js +0 -35
- package/emotion/es/components/Note/Note.types.js +0 -1
- package/emotion/es/components/Note/index.js +0 -2
- package/emotion/es/components/Note/variations/_size/base.js +0 -5
- package/emotion/es/components/Note/variations/_size/tokens.json +0 -23
- package/emotion/es/components/Note/variations/_view/base.js +0 -4
- package/emotion/es/components/Note/variations/_view/tokens.json +0 -1
- package/emotion/es/components/_Icon/Icon.assets/Icon.svg.16/SaluteOutline.js +0 -17
- package/emotion/es/components/_Icon/Icons/Icon.16/IconSaluteOutline.js +0 -20
- package/emotion/es/examples/plasma_b2c/components/Note/Note.config.js +0 -23
- package/emotion/es/examples/plasma_b2c/components/Note/Note.js +0 -5
- package/emotion/es/examples/plasma_b2c/components/Note/Note.stories.tsx +0 -86
- package/emotion/es/examples/plasma_web/components/Note/Note.config.js +0 -23
- package/emotion/es/examples/plasma_web/components/Note/Note.js +0 -5
- package/emotion/es/examples/plasma_web/components/Note/Note.stories.tsx +0 -86
- package/es/components/Note/Note.css +0 -11
- package/es/components/Note/Note.js +0 -119
- package/es/components/Note/Note.js.map +0 -1
- package/es/components/Note/Note.styles.js +0 -37
- package/es/components/Note/Note.styles.js.map +0 -1
- package/es/components/Note/Note.styles_178qpj9.css +0 -7
- package/es/components/Note/Note.tokens.js +0 -38
- package/es/components/Note/Note.tokens.js.map +0 -1
- package/es/components/Note/variations/_size/base.js +0 -5
- package/es/components/Note/variations/_size/base.js.map +0 -1
- package/es/components/Note/variations/_size/base_14g19gh.css +0 -1
- package/es/components/Note/variations/_view/base.js +0 -5
- package/es/components/Note/variations/_view/base.js.map +0 -1
- package/es/components/Note/variations/_view/base_pq323y.css +0 -1
- package/styled-components/cjs/components/Note/Note.js +0 -135
- package/styled-components/cjs/components/Note/Note.styles.js +0 -29
- package/styled-components/cjs/components/Note/Note.template-doc.mdx +0 -159
- package/styled-components/cjs/components/Note/Note.tokens.js +0 -41
- package/styled-components/cjs/components/Note/Note.types.js +0 -5
- package/styled-components/cjs/components/Note/index.js +0 -31
- package/styled-components/cjs/components/Note/variations/_size/base.js +0 -11
- package/styled-components/cjs/components/Note/variations/_size/tokens.json +0 -23
- package/styled-components/cjs/components/Note/variations/_view/base.js +0 -10
- package/styled-components/cjs/components/Note/variations/_view/tokens.json +0 -1
- package/styled-components/cjs/components/_Icon/Icon.assets/Icon.svg.16/SaluteOutline.js +0 -24
- package/styled-components/cjs/components/_Icon/Icons/Icon.16/IconSaluteOutline.js +0 -27
- package/styled-components/cjs/examples/plasma_b2c/components/Note/Note.config.js +0 -29
- package/styled-components/cjs/examples/plasma_b2c/components/Note/Note.js +0 -11
- package/styled-components/cjs/examples/plasma_b2c/components/Note/Note.stories.tsx +0 -86
- package/styled-components/cjs/examples/plasma_web/components/Note/Note.config.js +0 -29
- package/styled-components/cjs/examples/plasma_web/components/Note/Note.js +0 -11
- package/styled-components/cjs/examples/plasma_web/components/Note/Note.stories.tsx +0 -86
- package/styled-components/es/components/Note/Note.js +0 -127
- package/styled-components/es/components/Note/Note.styles.js +0 -21
- package/styled-components/es/components/Note/Note.template-doc.mdx +0 -159
- package/styled-components/es/components/Note/Note.tokens.js +0 -35
- package/styled-components/es/components/Note/Note.types.js +0 -1
- package/styled-components/es/components/Note/index.js +0 -2
- package/styled-components/es/components/Note/variations/_size/base.js +0 -5
- package/styled-components/es/components/Note/variations/_size/tokens.json +0 -23
- package/styled-components/es/components/Note/variations/_view/base.js +0 -4
- package/styled-components/es/components/Note/variations/_view/tokens.json +0 -1
- package/styled-components/es/components/_Icon/Icon.assets/Icon.svg.16/SaluteOutline.js +0 -17
- package/styled-components/es/components/_Icon/Icons/Icon.16/IconSaluteOutline.js +0 -20
- package/styled-components/es/examples/plasma_b2c/components/Note/Note.config.js +0 -23
- package/styled-components/es/examples/plasma_b2c/components/Note/Note.js +0 -5
- package/styled-components/es/examples/plasma_b2c/components/Note/Note.stories.tsx +0 -86
- package/styled-components/es/examples/plasma_web/components/Note/Note.config.js +0 -23
- package/styled-components/es/examples/plasma_web/components/Note/Note.js +0 -5
- package/styled-components/es/examples/plasma_web/components/Note/Note.stories.tsx +0 -86
- package/types/components/Note/Note.d.ts +0 -43
- package/types/components/Note/Note.d.ts.map +0 -1
- package/types/components/Note/Note.styles.d.ts +0 -9
- package/types/components/Note/Note.styles.d.ts.map +0 -1
- package/types/components/Note/Note.tokens.d.ts +0 -36
- package/types/components/Note/Note.tokens.d.ts.map +0 -1
- package/types/components/Note/Note.types.d.ts +0 -41
- package/types/components/Note/Note.types.d.ts.map +0 -1
- package/types/components/Note/index.d.ts +0 -3
- package/types/components/Note/index.d.ts.map +0 -1
- package/types/components/Note/variations/_size/base.d.ts +0 -2
- package/types/components/Note/variations/_size/base.d.ts.map +0 -1
- package/types/components/Note/variations/_view/base.d.ts +0 -2
- package/types/components/Note/variations/_view/base.d.ts.map +0 -1
- package/types/components/_Icon/Icon.assets/Icon.svg.16/SaluteOutline.d.ts +0 -4
- package/types/components/_Icon/Icon.assets/Icon.svg.16/SaluteOutline.d.ts.map +0 -1
- package/types/components/_Icon/Icons/Icon.16/IconSaluteOutline.d.ts +0 -4
- package/types/components/_Icon/Icons/Icon.16/IconSaluteOutline.d.ts.map +0 -1
- package/types/examples/plasma_b2c/components/Note/Note.config.d.ts +0 -22
- package/types/examples/plasma_b2c/components/Note/Note.config.d.ts.map +0 -1
- package/types/examples/plasma_b2c/components/Note/Note.d.ts +0 -27
- package/types/examples/plasma_b2c/components/Note/Note.d.ts.map +0 -1
- package/types/examples/plasma_web/components/Note/Note.config.d.ts +0 -22
- package/types/examples/plasma_web/components/Note/Note.config.d.ts.map +0 -1
- package/types/examples/plasma_web/components/Note/Note.d.ts +0 -27
- package/types/examples/plasma_web/components/Note/Note.d.ts.map +0 -1
@@ -1,37 +0,0 @@
|
|
1
|
-
import './Note.styles_178qpj9.css';
|
2
|
-
import { styled } from '@linaria/react';
|
3
|
-
|
4
|
-
var base = "b1eqam57";
|
5
|
-
var ContentBefore = /*#__PURE__*/styled('div')({
|
6
|
-
name: "ContentBefore",
|
7
|
-
"class": "c1i6bkpn",
|
8
|
-
propsAsIs: false
|
9
|
-
});
|
10
|
-
var ContentWrapper = /*#__PURE__*/styled('div')({
|
11
|
-
name: "ContentWrapper",
|
12
|
-
"class": "cendmch",
|
13
|
-
propsAsIs: false
|
14
|
-
});
|
15
|
-
var Title = /*#__PURE__*/styled('div')({
|
16
|
-
name: "Title",
|
17
|
-
"class": "t1wkjxug",
|
18
|
-
propsAsIs: false
|
19
|
-
});
|
20
|
-
var TitleHelper = /*#__PURE__*/styled('div')({
|
21
|
-
name: "TitleHelper",
|
22
|
-
"class": "te86upw",
|
23
|
-
propsAsIs: false
|
24
|
-
});
|
25
|
-
var Text = /*#__PURE__*/styled('span')({
|
26
|
-
name: "Text",
|
27
|
-
"class": "t1kp0wa7",
|
28
|
-
propsAsIs: false
|
29
|
-
});
|
30
|
-
var TextHelper = /*#__PURE__*/styled('span')({
|
31
|
-
name: "TextHelper",
|
32
|
-
"class": "tf1lafs",
|
33
|
-
propsAsIs: false
|
34
|
-
});
|
35
|
-
|
36
|
-
export { ContentBefore, ContentWrapper, Text, TextHelper, Title, TitleHelper, base };
|
37
|
-
//# sourceMappingURL=Note.styles.js.map
|
@@ -1 +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;;;;"}
|
@@ -1,7 +0,0 @@
|
|
1
|
-
.b1eqam57{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;box-sizing:border-box;}
|
2
|
-
.c1i6bkpn{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}
|
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
|
-
|
5
|
-
.te86upw{visibility:hidden;position:absolute;z-index:-9999;opacity:0;}
|
6
|
-
.t1kp0wa7{display:block;position:relative;}
|
7
|
-
.tf1lafs{visibility:hidden;position:absolute;z-index:-9999;opacity:0;top:0;left:0;}
|
@@ -1,38 +0,0 @@
|
|
1
|
-
var classes = {
|
2
|
-
stretch: 'note-stretch',
|
3
|
-
contentAlignCenter: 'note-content-align-center'
|
4
|
-
};
|
5
|
-
var privateTokens = {
|
6
|
-
width: '--plasma_private-note-width',
|
7
|
-
height: '--plasma_private-note-height',
|
8
|
-
contentWidthWithOffset: '--plasma_private-note-content-width-with-offset'
|
9
|
-
};
|
10
|
-
var tokens = {
|
11
|
-
background: '--plasma-note-background',
|
12
|
-
color: '--plasma-note-color',
|
13
|
-
contentBeforeColor: '--plasma-note-content-before-color',
|
14
|
-
padding: '--plasma-note-padding',
|
15
|
-
paddingScalable: '--plasma-note-padding-scalable',
|
16
|
-
borderRadius: '--plasma-note-border-radius',
|
17
|
-
gap: '--plasma-note-gap',
|
18
|
-
gapScalable: '--plasma-note-gap-scalable',
|
19
|
-
contentGap: '--plasma-note-content-gap',
|
20
|
-
fixedContentBeforeWidth: '--plasma-note-fixed-content-before-width',
|
21
|
-
fixedContentBeforeHeight: '--plasma-note-fixed-content-before-height',
|
22
|
-
fixedContentBeforePadding: '--plasma-note-fixed-content-before-padding',
|
23
|
-
titleFontFamily: '--plasma-note-title-font-family',
|
24
|
-
titleFontSize: '--plasma-note-title-font-size',
|
25
|
-
titleFontStyle: '--plasma-note-title-font-style',
|
26
|
-
titleFontWeight: '--plasma-note-title-font-weight',
|
27
|
-
titleLetterSpacing: '--plasma-note-title-letter-spacing',
|
28
|
-
titleLineHeight: '--plasma-note-title-line-height',
|
29
|
-
textFontFamily: '--plasma-note-text-font-family',
|
30
|
-
textFontSize: '--plasma-note-text-font-size',
|
31
|
-
textFontStyle: '--plasma-note-text-font-style',
|
32
|
-
textFontWeight: '--plasma-note-text-font-weight',
|
33
|
-
textLetterSpacing: '--plasma-note-text-letter-spacing',
|
34
|
-
textLineHeight: '--plasma-note-text-line-height'
|
35
|
-
};
|
36
|
-
|
37
|
-
export { classes, privateTokens, tokens };
|
38
|
-
//# sourceMappingURL=Note.tokens.js.map
|
@@ -1 +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;;;;"}
|
@@ -1 +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;;;;"}
|
@@ -1 +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;}
|
@@ -1 +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;;;;"}
|
@@ -1 +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);}
|
@@ -1,135 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
|
3
|
-
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); }
|
4
|
-
Object.defineProperty(exports, "__esModule", {
|
5
|
-
value: true
|
6
|
-
});
|
7
|
-
exports.noteRoot = exports.noteConfig = void 0;
|
8
|
-
var _react = /*#__PURE__*/_interopRequireWildcard( /*#__PURE__*/require("react"));
|
9
|
-
var _plasmaCore = /*#__PURE__*/require("@salutejs/plasma-core");
|
10
|
-
var _utils = /*#__PURE__*/require("../../utils");
|
11
|
-
var _base = /*#__PURE__*/require("./variations/_view/base");
|
12
|
-
var _base2 = /*#__PURE__*/require("./variations/_size/base");
|
13
|
-
var _Note = /*#__PURE__*/require("./Note.styles");
|
14
|
-
var _Note2 = /*#__PURE__*/require("./Note.tokens");
|
15
|
-
var _excluded = ["className", "style", "title", "text", "contentBefore", "contentBeforeSizing", "size", "view", "stretch", "width", "height"];
|
16
|
-
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); }
|
17
|
-
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; }
|
18
|
-
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); }
|
19
|
-
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; }
|
20
|
-
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; }
|
21
|
-
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; }
|
22
|
-
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
|
23
|
-
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); }
|
24
|
-
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
25
|
-
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."); }
|
26
|
-
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); }
|
27
|
-
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; }
|
28
|
-
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; } }
|
29
|
-
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
30
|
-
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; }
|
31
|
-
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; }
|
32
|
-
var noteRoot = exports.noteRoot = function noteRoot(Root) {
|
33
|
-
return /*#__PURE__*/(0, _react.forwardRef)(function (_ref, outerRef) {
|
34
|
-
var className = _ref.className,
|
35
|
-
style = _ref.style,
|
36
|
-
title = _ref.title,
|
37
|
-
text = _ref.text,
|
38
|
-
contentBefore = _ref.contentBefore,
|
39
|
-
_ref$contentBeforeSiz = _ref.contentBeforeSizing,
|
40
|
-
contentBeforeSizing = _ref$contentBeforeSiz === void 0 ? 'fixed' : _ref$contentBeforeSiz,
|
41
|
-
size = _ref.size,
|
42
|
-
view = _ref.view,
|
43
|
-
stretch = _ref.stretch,
|
44
|
-
width = _ref.width,
|
45
|
-
height = _ref.height,
|
46
|
-
rest = _objectWithoutProperties(_ref, _excluded);
|
47
|
-
var _useState = (0, _react.useState)(text),
|
48
|
-
_useState2 = _slicedToArray(_useState, 2),
|
49
|
-
innerText = _useState2[0],
|
50
|
-
setInnerText = _useState2[1];
|
51
|
-
var _useState3 = (0, _react.useState)(contentBefore ? "var(".concat(_Note2.tokens.fixedContentBeforeWidth, ")") : '0'),
|
52
|
-
_useState4 = _slicedToArray(_useState3, 2),
|
53
|
-
contentBeforeWidth = _useState4[0],
|
54
|
-
setContentBeforeWidth = _useState4[1];
|
55
|
-
var contentWrapperRef = (0, _react.useRef)(null);
|
56
|
-
var contentBeforeRef = (0, _react.useRef)(null);
|
57
|
-
var titleHelperRef = (0, _react.useRef)(null);
|
58
|
-
var textRenderHelperRef = (0, _react.useRef)(null);
|
59
|
-
var innerWidth = width ? (0, _utils.getSizeValueFromProp)(width) : 'fit-content';
|
60
|
-
var innerHeight = height ? (0, _utils.getSizeValueFromProp)(height) : 'fit-content';
|
61
|
-
var contentGapToken = contentBeforeSizing === 'scalable' ? _Note2.tokens.gapScalable : _Note2.tokens.gap;
|
62
|
-
var contentWidthWithOffsetToken = contentBefore ? "calc(100% - ".concat(contentBeforeWidth, " - var(").concat(contentGapToken, "))") : '100%';
|
63
|
-
var setTruncatedText = function setTruncatedText() {
|
64
|
-
var _titleHelperRef$curre;
|
65
|
-
if (!_utils.canUseDOM || !text || !(contentWrapperRef !== null && contentWrapperRef !== void 0 && contentWrapperRef.current) || !(textRenderHelperRef !== null && textRenderHelperRef !== void 0 && textRenderHelperRef.current) || !width && !height) {
|
66
|
-
return;
|
67
|
-
}
|
68
|
-
var contentHeight = contentWrapperRef.current.offsetHeight;
|
69
|
-
var titleHeight = ((_titleHelperRef$curre = titleHelperRef.current) === null || _titleHelperRef$curre === void 0 ? void 0 : _titleHelperRef$curre.offsetHeight) || 0;
|
70
|
-
var contentGap = Number(window.getComputedStyle(contentWrapperRef.current).rowGap.replace('px', ''));
|
71
|
-
var textAvailableHeight = contentHeight - titleHeight - contentGap;
|
72
|
-
textRenderHelperRef.current.textContent = text;
|
73
|
-
if (textRenderHelperRef.current.offsetHeight <= textAvailableHeight) {
|
74
|
-
setInnerText(text);
|
75
|
-
return;
|
76
|
-
}
|
77
|
-
var fullText = "".concat(text.slice(0, -3), "...");
|
78
|
-
for (var i = text.length - 1; i >= 0; i -= 1) {
|
79
|
-
textRenderHelperRef.current.textContent = fullText;
|
80
|
-
if (textRenderHelperRef.current.offsetHeight <= textAvailableHeight) {
|
81
|
-
break;
|
82
|
-
}
|
83
|
-
fullText = "".concat(fullText.slice(0, i), "...");
|
84
|
-
}
|
85
|
-
setInnerText(fullText);
|
86
|
-
};
|
87
|
-
(0, _plasmaCore.useResizeObserver)(contentWrapperRef, setTruncatedText);
|
88
|
-
(0, _react.useLayoutEffect)(function () {
|
89
|
-
setTruncatedText();
|
90
|
-
}, [text, contentBefore, contentBeforeSizing, stretch]);
|
91
|
-
(0, _react.useEffect)(function () {
|
92
|
-
if (!(contentBeforeRef !== null && contentBeforeRef !== void 0 && contentBeforeRef.current)) {
|
93
|
-
return;
|
94
|
-
}
|
95
|
-
if (contentBeforeSizing === 'scalable') {
|
96
|
-
setContentBeforeWidth("".concat(contentBeforeRef.current.offsetWidth, "px"));
|
97
|
-
return;
|
98
|
-
}
|
99
|
-
setContentBeforeWidth("var(".concat(_Note2.tokens.fixedContentBeforeWidth, ")"));
|
100
|
-
}, [contentBefore, contentBeforeSizing]);
|
101
|
-
return /*#__PURE__*/_react["default"].createElement(Root, _extends({
|
102
|
-
ref: outerRef,
|
103
|
-
className: (0, _utils.cx)(className, stretch && _Note2.classes.stretch, contentBeforeSizing === 'scalable' && _Note2.classes.contentAlignCenter),
|
104
|
-
view: view,
|
105
|
-
size: size,
|
106
|
-
style: _objectSpread(_objectSpread({}, style), {}, _defineProperty(_defineProperty(_defineProperty({}, _Note2.privateTokens.width, innerWidth), _Note2.privateTokens.height, innerHeight), _Note2.privateTokens.contentWidthWithOffset, contentWidthWithOffsetToken))
|
107
|
-
}, rest), contentBefore && /*#__PURE__*/_react["default"].createElement(_Note.ContentBefore, {
|
108
|
-
ref: contentBeforeRef
|
109
|
-
}, contentBefore), /*#__PURE__*/_react["default"].createElement(_Note.ContentWrapper, {
|
110
|
-
ref: contentWrapperRef
|
111
|
-
}, title && /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_Note.Title, null, title), /*#__PURE__*/_react["default"].createElement(_Note.TitleHelper, {
|
112
|
-
ref: titleHelperRef
|
113
|
-
}, "C")), innerText && /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_Note.Text, null, innerText, /*#__PURE__*/_react["default"].createElement(_Note.TextHelper, {
|
114
|
-
ref: textRenderHelperRef
|
115
|
-
}, "C")))));
|
116
|
-
});
|
117
|
-
};
|
118
|
-
var noteConfig = exports.noteConfig = {
|
119
|
-
name: 'Note',
|
120
|
-
tag: 'div',
|
121
|
-
layout: noteRoot,
|
122
|
-
base: _Note.base,
|
123
|
-
variations: {
|
124
|
-
view: {
|
125
|
-
css: _base.base
|
126
|
-
},
|
127
|
-
size: {
|
128
|
-
css: _base2.base
|
129
|
-
}
|
130
|
-
},
|
131
|
-
defaults: {
|
132
|
-
view: 'default',
|
133
|
-
size: 'm'
|
134
|
-
}
|
135
|
-
};
|
@@ -1,29 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
|
3
|
-
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); }
|
4
|
-
Object.defineProperty(exports, "__esModule", {
|
5
|
-
value: true
|
6
|
-
});
|
7
|
-
exports.base = exports.TitleHelper = exports.Title = exports.TextHelper = exports.Text = exports.ContentWrapper = exports.ContentBefore = void 0;
|
8
|
-
var _styledComponents = /*#__PURE__*/_interopRequireWildcard( /*#__PURE__*/require("styled-components"));
|
9
|
-
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); }
|
10
|
-
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; }
|
11
|
-
var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["position:relative;display:flex;box-sizing:border-box;"]);
|
12
|
-
var ContentBefore = exports.ContentBefore = /*#__PURE__*/_styledComponents["default"].div.withConfig({
|
13
|
-
componentId: "plasma-new-hope__sc-2xk8rv-0"
|
14
|
-
})(["display:flex;"]);
|
15
|
-
var ContentWrapper = exports.ContentWrapper = /*#__PURE__*/_styledComponents["default"].div.withConfig({
|
16
|
-
componentId: "plasma-new-hope__sc-2xk8rv-1"
|
17
|
-
})(["display:flex;flex-direction:column;box-sizing:border-box;"]);
|
18
|
-
var Title = exports.Title = /*#__PURE__*/_styledComponents["default"].div.withConfig({
|
19
|
-
componentId: "plasma-new-hope__sc-2xk8rv-2"
|
20
|
-
})([""]);
|
21
|
-
var TitleHelper = exports.TitleHelper = /*#__PURE__*/_styledComponents["default"].div.withConfig({
|
22
|
-
componentId: "plasma-new-hope__sc-2xk8rv-3"
|
23
|
-
})(["visibility:hidden;position:absolute;z-index:-9999;opacity:0;"]);
|
24
|
-
var Text = exports.Text = /*#__PURE__*/_styledComponents["default"].span.withConfig({
|
25
|
-
componentId: "plasma-new-hope__sc-2xk8rv-4"
|
26
|
-
})(["display:block;position:relative;"]);
|
27
|
-
var TextHelper = exports.TextHelper = /*#__PURE__*/_styledComponents["default"].span.withConfig({
|
28
|
-
componentId: "plasma-new-hope__sc-2xk8rv-5"
|
29
|
-
})(["visibility:hidden;position:absolute;z-index:-9999;opacity:0;top:0;left:0;"]);
|
@@ -1,159 +0,0 @@
|
|
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
|
-
```
|
@@ -1,41 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
4
|
-
value: true
|
5
|
-
});
|
6
|
-
exports.tokens = exports.privateTokens = exports.classes = void 0;
|
7
|
-
var classes = exports.classes = {
|
8
|
-
stretch: 'note-stretch',
|
9
|
-
contentAlignCenter: 'note-content-align-center'
|
10
|
-
};
|
11
|
-
var privateTokens = exports.privateTokens = {
|
12
|
-
width: '--plasma_private-note-width',
|
13
|
-
height: '--plasma_private-note-height',
|
14
|
-
contentWidthWithOffset: '--plasma_private-note-content-width-with-offset'
|
15
|
-
};
|
16
|
-
var tokens = exports.tokens = {
|
17
|
-
background: '--plasma-note-background',
|
18
|
-
color: '--plasma-note-color',
|
19
|
-
contentBeforeColor: '--plasma-note-content-before-color',
|
20
|
-
padding: '--plasma-note-padding',
|
21
|
-
paddingScalable: '--plasma-note-padding-scalable',
|
22
|
-
borderRadius: '--plasma-note-border-radius',
|
23
|
-
gap: '--plasma-note-gap',
|
24
|
-
gapScalable: '--plasma-note-gap-scalable',
|
25
|
-
contentGap: '--plasma-note-content-gap',
|
26
|
-
fixedContentBeforeWidth: '--plasma-note-fixed-content-before-width',
|
27
|
-
fixedContentBeforeHeight: '--plasma-note-fixed-content-before-height',
|
28
|
-
fixedContentBeforePadding: '--plasma-note-fixed-content-before-padding',
|
29
|
-
titleFontFamily: '--plasma-note-title-font-family',
|
30
|
-
titleFontSize: '--plasma-note-title-font-size',
|
31
|
-
titleFontStyle: '--plasma-note-title-font-style',
|
32
|
-
titleFontWeight: '--plasma-note-title-font-weight',
|
33
|
-
titleLetterSpacing: '--plasma-note-title-letter-spacing',
|
34
|
-
titleLineHeight: '--plasma-note-title-line-height',
|
35
|
-
textFontFamily: '--plasma-note-text-font-family',
|
36
|
-
textFontSize: '--plasma-note-text-font-size',
|
37
|
-
textFontStyle: '--plasma-note-text-font-style',
|
38
|
-
textFontWeight: '--plasma-note-text-font-weight',
|
39
|
-
textLetterSpacing: '--plasma-note-text-letter-spacing',
|
40
|
-
textLineHeight: '--plasma-note-text-line-height'
|
41
|
-
};
|
@@ -1,31 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
4
|
-
value: true
|
5
|
-
});
|
6
|
-
Object.defineProperty(exports, "noteClasses", {
|
7
|
-
enumerable: true,
|
8
|
-
get: function get() {
|
9
|
-
return _Note2.classes;
|
10
|
-
}
|
11
|
-
});
|
12
|
-
Object.defineProperty(exports, "noteConfig", {
|
13
|
-
enumerable: true,
|
14
|
-
get: function get() {
|
15
|
-
return _Note.noteConfig;
|
16
|
-
}
|
17
|
-
});
|
18
|
-
Object.defineProperty(exports, "noteRoot", {
|
19
|
-
enumerable: true,
|
20
|
-
get: function get() {
|
21
|
-
return _Note.noteRoot;
|
22
|
-
}
|
23
|
-
});
|
24
|
-
Object.defineProperty(exports, "noteTokens", {
|
25
|
-
enumerable: true,
|
26
|
-
get: function get() {
|
27
|
-
return _Note2.tokens;
|
28
|
-
}
|
29
|
-
});
|
30
|
-
var _Note = /*#__PURE__*/require("./Note");
|
31
|
-
var _Note2 = /*#__PURE__*/require("./Note.tokens");
|
@@ -1,11 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
4
|
-
value: true
|
5
|
-
});
|
6
|
-
exports.base = void 0;
|
7
|
-
var _styledComponents = /*#__PURE__*/require("styled-components");
|
8
|
-
var _Note = /*#__PURE__*/require("../../Note.tokens");
|
9
|
-
var _Note2 = /*#__PURE__*/require("../../Note.styles");
|
10
|
-
var _mixins = /*#__PURE__*/require("../../../../mixins");
|
11
|
-
var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["padding:var(", ");border-radius:var(", ");height:var(", ");width:var(", ");gap:var(", ");&.", "{width:100%;height:100%;}", "{width:var(", ");height:var(", ");padding:var(", ");box-sizing:border-box;}&.", "{align-items:center;padding:var(", ");gap:var(", ");", "{width:fit-content;height:fit-content;padding:unset;}}", "{width:var(", ");gap:var(", ");}", ",", "{width:100%;min-height:var(", ");font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");", "}", ",", "{font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");word-break:break-all;}"], _Note.tokens.padding, _Note.tokens.borderRadius, _Note.privateTokens.height, _Note.privateTokens.width, _Note.tokens.gap, _Note.classes.stretch, _Note2.ContentBefore, _Note.tokens.fixedContentBeforeWidth, _Note.tokens.fixedContentBeforeHeight, _Note.tokens.fixedContentBeforePadding, _Note.classes.contentAlignCenter, _Note.tokens.paddingScalable, _Note.tokens.gapScalable, _Note2.ContentBefore, _Note2.ContentWrapper, _Note.privateTokens.contentWidthWithOffset, _Note.tokens.contentGap, _Note2.Title, _Note2.TitleHelper, _Note.tokens.titleLineHeight, _Note.tokens.titleFontFamily, _Note.tokens.titleFontSize, _Note.tokens.titleFontStyle, _Note.tokens.titleFontWeight, _Note.tokens.titleLetterSpacing, _Note.tokens.titleLineHeight, /*#__PURE__*/(0, _mixins.applyEllipsis)(), _Note2.Text, _Note2.TextHelper, _Note.tokens.textFontFamily, _Note.tokens.textFontSize, _Note.tokens.textFontStyle, _Note.tokens.textFontWeight, _Note.tokens.textLetterSpacing, _Note.tokens.textLineHeight);
|
@@ -1,23 +0,0 @@
|
|
1
|
-
[
|
2
|
-
"--plasma-note-padding",
|
3
|
-
"--plasma-note-padding-scalable",
|
4
|
-
"--plasma-note-border-radius",
|
5
|
-
"--plasma-note-gap",
|
6
|
-
"--plasma-note-gap-scalable",
|
7
|
-
"--plasma-note-content-gap",
|
8
|
-
"--plasma-note-fixed-content-before-width",
|
9
|
-
"--plasma-note-fixed-content-before-height",
|
10
|
-
"--plasma-note-fixed-content-before-padding",
|
11
|
-
"--plasma-note-title-font-family",
|
12
|
-
"--plasma-note-title-font-size",
|
13
|
-
"--plasma-note-title-font-style",
|
14
|
-
"--plasma-note-title-font-weight",
|
15
|
-
"--plasma-note-title-letter-spacing",
|
16
|
-
"--plasma-note-title-line-height",
|
17
|
-
"--plasma-note-text-font-family",
|
18
|
-
"--plasma-note-text-font-size",
|
19
|
-
"--plasma-note-text-font-style",
|
20
|
-
"--plasma-note-text-font-weight",
|
21
|
-
"--plasma-note-text-letter-spacing",
|
22
|
-
"--plasma-note-text-line-height"
|
23
|
-
]
|
@@ -1,10 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
4
|
-
value: true
|
5
|
-
});
|
6
|
-
exports.base = void 0;
|
7
|
-
var _styledComponents = /*#__PURE__*/require("styled-components");
|
8
|
-
var _Note = /*#__PURE__*/require("../../Note.tokens");
|
9
|
-
var _Note2 = /*#__PURE__*/require("../../Note.styles");
|
10
|
-
var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["background:var(", ");color:var(", ");", "{color:var(", ");fill:var(", ");}"], _Note.tokens.background, _Note.tokens.color, _Note2.ContentBefore, _Note.tokens.contentBeforeColor, _Note.tokens.contentBeforeColor);
|
@@ -1 +0,0 @@
|
|
1
|
-
["--plasma-note-background", "--plasma-note-color", "--plasma-note-content-before-color"]
|
@@ -1,24 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
4
|
-
value: true
|
5
|
-
});
|
6
|
-
exports.SaluteOutline = void 0;
|
7
|
-
var _react = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("react"));
|
8
|
-
var _path, _path2, _path3, _path4;
|
9
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
10
|
-
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); }
|
11
|
-
var SaluteOutline = exports.SaluteOutline = function SaluteOutline(props) {
|
12
|
-
return /*#__PURE__*/_react["default"].createElement("svg", _extends({
|
13
|
-
viewBox: "0 0 16 16",
|
14
|
-
xmlns: "http://www.w3.org/2000/svg"
|
15
|
-
}, props), _path || (_path = /*#__PURE__*/_react["default"].createElement("path", {
|
16
|
-
d: "M15 9.70416C14.6834 9.20404 13.3379 9.22327 12.032 9.24251H10.1226C6.84787 8.98283 5.4628 7.73251 4.8791 6.77074C4.59025 6.27939 4.42611 5.72815 4.4003 5.16278C4.37449 4.59741 4.48775 4.03421 4.7307 3.51992C5.06401 2.88911 5.53511 2.33675 6.11101 1.90148C6.68692 1.46621 7.35373 1.15856 8.06475 1.00006C6.83005 0.995151 5.61445 1.29638 4.53283 1.87528C3.97428 2.18508 3.45892 2.56326 2.99936 3.00056C2.47912 3.52357 2.08772 4.15452 1.85466 4.8459C1.6216 5.53727 1.55295 6.27104 1.65387 6.99194C1.78941 7.75289 2.10006 8.47424 2.5626 9.1021C3.02515 9.72996 3.62764 10.2481 4.32507 10.6179C6.40573 11.8641 8.91885 11.7822 10.6889 11.7245L10.7063 11.7239H11.6956C12.497 11.7239 13.0609 11.8105 13.2489 12.1856C13.295 12.3231 13.295 12.4712 13.2489 12.6087C13.2489 12.6761 13.3181 12.6953 13.3775 12.6087C14.1345 11.7836 14.6773 10.7942 14.9604 9.7234L15 9.70416Z"
|
17
|
-
})), _path2 || (_path2 = /*#__PURE__*/_react["default"].createElement("path", {
|
18
|
-
d: "M10.7294 14.4119L10.7284 14.4067L10.7391 14.402L10.7294 14.4119Z"
|
19
|
-
})), _path3 || (_path3 = /*#__PURE__*/_react["default"].createElement("path", {
|
20
|
-
d: "M10.7284 14.4067C10.6529 14.0325 9.75121 13.953 8.61812 13.8637C7.77017 13.8071 6.92772 13.6838 6.09821 13.495C5.00136 13.2435 3.97783 12.7307 3.11063 11.9981C2.24344 11.2656 1.55701 10.334 1.10702 9.27885C1 9.10941 1 9.13931 1 9.31872C1.24058 10.4704 1.75306 11.5442 2.49259 12.446C3.23211 13.3478 4.17613 14.0502 5.24202 14.4917C6.376 14.9613 7.32411 14.984 7.81058 14.984C7.91362 14.9943 8.01734 15 8.12192 15C9.01953 14.9723 9.90389 14.771 10.7284 14.4067Z"
|
21
|
-
})), _path4 || (_path4 = /*#__PURE__*/_react["default"].createElement("path", {
|
22
|
-
d: "M6.54638 5.04669C6.44892 4.63788 6.45618 4.21285 6.56757 3.80727V3.78793C6.7151 3.34161 6.97062 2.93427 7.3137 2.59851C7.65677 2.26274 8.07787 2.00787 8.54329 1.85429C9.06429 1.6697 9.61669 1.57793 10.1728 1.58358H10.3459C10.4875 1.58679 10.6267 1.61981 10.7532 1.68026C11.2671 1.93217 11.7607 2.21978 12.2299 2.54073C11.774 2.52419 11.3178 2.56978 10.8755 2.67609C10.6379 2.75038 10.422 2.87656 10.2451 3.04447C10.0682 3.21239 9.9353 3.41736 9.85705 3.64291C9.81173 3.81077 9.81032 3.9866 9.85291 4.1551C9.89551 4.32361 9.98084 4.47967 10.1015 4.60973C10.5719 4.9655 11.1267 5.20692 11.7176 5.31307C12.3086 5.41921 12.918 5.38686 13.4928 5.21883C13.7912 5.12446 14.0605 4.96175 14.277 4.74508C14.6057 5.31276 14.849 5.92131 15 6.55304C14.6533 7.093 14.1209 7.50281 13.4928 7.71322C12.3859 8.05651 11.1987 8.09238 10.071 7.81661C8.94333 7.54084 7.92214 6.96491 7.1277 6.15664C6.8432 5.83612 6.64384 5.45549 6.54638 5.04669Z"
|
23
|
-
})));
|
24
|
-
};
|