@salutejs/plasma-new-hope 0.66.0-dev.0 → 0.67.0-canary.1148.8443817650.0
Sign up to get free protection for your applications and to get access to all the features.
- package/cjs/components/Cell/Cell.css +3 -0
- package/cjs/components/Cell/Cell.js +72 -0
- package/cjs/components/Cell/Cell.js.map +1 -0
- package/cjs/components/Cell/Cell.styles.js +42 -0
- package/cjs/components/Cell/Cell.styles.js.map +1 -0
- package/cjs/components/Cell/Cell.tokens.js +51 -0
- package/cjs/components/Cell/Cell.tokens.js.map +1 -0
- package/cjs/components/Cell/Textbox/Textbox.js +20 -0
- package/cjs/components/Cell/Textbox/Textbox.js.map +1 -0
- package/cjs/components/Cell/Textbox/Textbox.styles.js +13 -0
- package/cjs/components/Cell/Textbox/Textbox.styles.js.map +1 -0
- package/cjs/components/Cell/Textbox/ui/TextLabel.js +17 -0
- package/cjs/components/Cell/Textbox/ui/TextLabel.js.map +1 -0
- package/cjs/components/Cell/Textbox/ui/TextSubtitle.js +17 -0
- package/cjs/components/Cell/Textbox/ui/TextSubtitle.js.map +1 -0
- package/cjs/components/Cell/Textbox/ui/TextTitle.js +17 -0
- package/cjs/components/Cell/Textbox/ui/TextTitle.js.map +1 -0
- package/cjs/components/Cell/variations/_size/base.js +9 -0
- package/cjs/components/Cell/variations/_size/base.js.map +1 -0
- package/cjs/components/Cell/variations/_size/base_x642ct.css +1 -0
- package/cjs/components/Cell/variations/_stretching/base.js +9 -0
- package/cjs/components/Cell/variations/_stretching/base.js.map +1 -0
- package/cjs/components/Cell/variations/_stretching/base_1ryz4br.css +1 -0
- package/cjs/components/Cell/variations/_view/base.js +9 -0
- package/cjs/components/Cell/variations/_view/base.js.map +1 -0
- package/cjs/components/Cell/variations/_view/base_c5qh0x.css +1 -0
- package/cjs/index.css +4 -0
- package/cjs/index.js +14 -0
- package/cjs/index.js.map +1 -1
- package/es/components/Cell/Cell.css +3 -0
- package/es/components/Cell/Cell.js +67 -0
- package/es/components/Cell/Cell.js.map +1 -0
- package/es/components/Cell/Cell.styles.js +34 -0
- package/es/components/Cell/Cell.styles.js.map +1 -0
- package/es/components/Cell/Cell.tokens.js +46 -0
- package/es/components/Cell/Cell.tokens.js.map +1 -0
- package/es/components/Cell/Textbox/Textbox.js +16 -0
- package/es/components/Cell/Textbox/Textbox.js.map +1 -0
- package/es/components/Cell/Textbox/Textbox.styles.js +9 -0
- package/es/components/Cell/Textbox/Textbox.styles.js.map +1 -0
- package/es/components/Cell/Textbox/ui/TextLabel.js +13 -0
- package/es/components/Cell/Textbox/ui/TextLabel.js.map +1 -0
- package/es/components/Cell/Textbox/ui/TextSubtitle.js +13 -0
- package/es/components/Cell/Textbox/ui/TextSubtitle.js.map +1 -0
- package/es/components/Cell/Textbox/ui/TextTitle.js +13 -0
- package/es/components/Cell/Textbox/ui/TextTitle.js.map +1 -0
- package/es/components/Cell/variations/_size/base.js +5 -0
- package/es/components/Cell/variations/_size/base.js.map +1 -0
- package/es/components/Cell/variations/_size/base_x642ct.css +1 -0
- package/es/components/Cell/variations/_stretching/base.js +5 -0
- package/es/components/Cell/variations/_stretching/base.js.map +1 -0
- package/es/components/Cell/variations/_stretching/base_1ryz4br.css +1 -0
- package/es/components/Cell/variations/_view/base.js +5 -0
- package/es/components/Cell/variations/_view/base.js.map +1 -0
- package/es/components/Cell/variations/_view/base_c5qh0x.css +1 -0
- package/es/index.css +4 -0
- package/es/index.js +6 -0
- package/es/index.js.map +1 -1
- package/package.json +2 -2
- package/styled-components/cjs/components/Cell/Cell.js +72 -0
- package/styled-components/cjs/components/Cell/Cell.styles.js +37 -0
- package/styled-components/cjs/components/Cell/Cell.tokens.js +49 -0
- package/styled-components/cjs/components/Cell/Cell.types.js +5 -0
- package/styled-components/cjs/components/Cell/Textbox/Textbox.js +19 -0
- package/styled-components/cjs/components/Cell/Textbox/Textbox.styles.js +12 -0
- package/styled-components/cjs/components/Cell/Textbox/Textbox.types.js +5 -0
- package/styled-components/cjs/components/Cell/Textbox/ui/TextLabel.js +16 -0
- package/styled-components/cjs/components/Cell/Textbox/ui/TextSubtitle.js +16 -0
- package/styled-components/cjs/components/Cell/Textbox/ui/TextTitle.js +16 -0
- package/styled-components/cjs/components/Cell/index.js +59 -0
- package/styled-components/cjs/components/Cell/variations/_size/base.js +8 -0
- package/styled-components/cjs/components/Cell/variations/_size/tokens.json +1 -0
- package/styled-components/cjs/components/Cell/variations/_stretching/base.js +9 -0
- package/styled-components/cjs/components/Cell/variations/_stretching/tokens.json +1 -0
- package/styled-components/cjs/components/Cell/variations/_view/base.js +9 -0
- package/styled-components/cjs/components/Cell/variations/_view/tokens.json +1 -0
- package/styled-components/cjs/examples/plasma_b2c/components/Cell/Cell.config.js +31 -0
- package/styled-components/cjs/examples/plasma_b2c/components/Cell/Cell.js +35 -0
- package/styled-components/cjs/examples/plasma_b2c/components/Cell/Cell.stories.tsx +157 -0
- package/styled-components/cjs/examples/plasma_web/components/Cell/Cell.config.js +31 -0
- package/styled-components/cjs/examples/plasma_web/components/Cell/Cell.js +35 -0
- package/styled-components/cjs/examples/plasma_web/components/Cell/Cell.stories.tsx +157 -0
- package/styled-components/cjs/index.js +11 -0
- package/styled-components/es/components/Cell/Cell.js +63 -0
- package/styled-components/es/components/Cell/Cell.styles.js +30 -0
- package/styled-components/es/components/Cell/Cell.tokens.js +43 -0
- package/styled-components/es/components/Cell/Cell.types.js +1 -0
- package/styled-components/es/components/Cell/Textbox/Textbox.js +12 -0
- package/styled-components/es/components/Cell/Textbox/Textbox.styles.js +5 -0
- package/styled-components/es/components/Cell/Textbox/Textbox.types.js +1 -0
- package/styled-components/es/components/Cell/Textbox/ui/TextLabel.js +9 -0
- package/styled-components/es/components/Cell/Textbox/ui/TextSubtitle.js +9 -0
- package/styled-components/es/components/Cell/Textbox/ui/TextTitle.js +9 -0
- package/styled-components/es/components/Cell/index.js +6 -0
- package/styled-components/es/components/Cell/variations/_size/base.js +2 -0
- package/styled-components/es/components/Cell/variations/_size/tokens.json +1 -0
- package/styled-components/es/components/Cell/variations/_stretching/base.js +3 -0
- package/styled-components/es/components/Cell/variations/_stretching/tokens.json +1 -0
- package/styled-components/es/components/Cell/variations/_view/base.js +3 -0
- package/styled-components/es/components/Cell/variations/_view/tokens.json +1 -0
- package/styled-components/es/examples/plasma_b2c/components/Cell/Cell.config.js +25 -0
- package/styled-components/es/examples/plasma_b2c/components/Cell/Cell.js +6 -0
- package/styled-components/es/examples/plasma_b2c/components/Cell/Cell.stories.tsx +157 -0
- package/styled-components/es/examples/plasma_web/components/Cell/Cell.config.js +25 -0
- package/styled-components/es/examples/plasma_web/components/Cell/Cell.js +6 -0
- package/styled-components/es/examples/plasma_web/components/Cell/Cell.stories.tsx +157 -0
- package/styled-components/es/index.js +1 -0
- package/types/components/Cell/Cell.d.ts +49 -0
- package/types/components/Cell/Cell.d.ts.map +1 -0
- package/types/components/Cell/Cell.styles.d.ts +11 -0
- package/types/components/Cell/Cell.styles.d.ts.map +1 -0
- package/types/components/Cell/Cell.tokens.d.ts +44 -0
- package/types/components/Cell/Cell.tokens.d.ts.map +1 -0
- package/types/components/Cell/Cell.types.d.ts +54 -0
- package/types/components/Cell/Cell.types.d.ts.map +1 -0
- package/types/components/Cell/Textbox/Textbox.d.ts +4 -0
- package/types/components/Cell/Textbox/Textbox.d.ts.map +1 -0
- package/types/components/Cell/Textbox/Textbox.styles.d.ts +2 -0
- package/types/components/Cell/Textbox/Textbox.styles.d.ts.map +1 -0
- package/types/components/Cell/Textbox/Textbox.types.d.ts +20 -0
- package/types/components/Cell/Textbox/Textbox.types.d.ts.map +1 -0
- package/types/components/Cell/Textbox/ui/TextLabel.d.ts +7 -0
- package/types/components/Cell/Textbox/ui/TextLabel.d.ts.map +1 -0
- package/types/components/Cell/Textbox/ui/TextSubtitle.d.ts +7 -0
- package/types/components/Cell/Textbox/ui/TextSubtitle.d.ts.map +1 -0
- package/types/components/Cell/Textbox/ui/TextTitle.d.ts +7 -0
- package/types/components/Cell/Textbox/ui/TextTitle.d.ts.map +1 -0
- package/types/components/Cell/index.d.ts +9 -0
- package/types/components/Cell/index.d.ts.map +1 -0
- package/types/components/Cell/variations/_size/base.d.ts +2 -0
- package/types/components/Cell/variations/_size/base.d.ts.map +1 -0
- package/types/components/Cell/variations/_stretching/base.d.ts +2 -0
- package/types/components/Cell/variations/_stretching/base.d.ts.map +1 -0
- package/types/components/Cell/variations/_view/base.d.ts +2 -0
- package/types/components/Cell/variations/_view/base.d.ts.map +1 -0
- package/types/examples/plasma_b2c/components/Cell/Cell.config.d.ts +24 -0
- package/types/examples/plasma_b2c/components/Cell/Cell.config.d.ts.map +1 -0
- package/types/examples/plasma_b2c/components/Cell/Cell.d.ts +31 -0
- package/types/examples/plasma_b2c/components/Cell/Cell.d.ts.map +1 -0
- package/types/examples/plasma_b2c/components/Combobox/Combobox.d.ts +2 -2
- package/types/examples/plasma_web/components/Cell/Cell.config.d.ts +24 -0
- package/types/examples/plasma_web/components/Cell/Cell.config.d.ts.map +1 -0
- package/types/examples/plasma_web/components/Cell/Cell.d.ts +31 -0
- package/types/examples/plasma_web/components/Cell/Cell.d.ts.map +1 -0
- package/types/examples/plasma_web/components/Combobox/Combobox.d.ts +2 -2
- package/types/index.d.ts +1 -0
- package/types/index.d.ts.map +1 -1
@@ -0,0 +1,46 @@
|
|
1
|
+
var tokens = {
|
2
|
+
cellColor: '--plasma-cell-color',
|
3
|
+
cellBackgroundColor: '--plasma-cell-background-color',
|
4
|
+
cellPadding: '--plasma-cell-padding',
|
5
|
+
cellPaddingLeftContent: '--plasma-cell-left-padding',
|
6
|
+
cellPaddingContent: '--plasma-cell-padding',
|
7
|
+
cellPaddingRightContent: '--plasma-cell-right-padding',
|
8
|
+
cellTextboxGap: '--plasma-cell-textbox-gap',
|
9
|
+
cellGap: '--plasma-cell-gap',
|
10
|
+
cellWidth: '--plasma-cell-width',
|
11
|
+
cellLabelColor: '--plasma-cell-label-color',
|
12
|
+
cellLabelFontFamily: '--plasma-cell-label-font-family',
|
13
|
+
cellLabelFontSize: '--plasma-cell-label-font-size',
|
14
|
+
cellLabelFontStyle: '--plasma-cell-label-font-style',
|
15
|
+
cellLabelFontWeight: '--plasma-cell-label-font-weight',
|
16
|
+
cellLabelLetterSpacing: '--plasma-cell-label-letter-spacing',
|
17
|
+
cellLabelLineHeight: '--plasma-cell-label-line-height',
|
18
|
+
cellTitleColor: '--plasma-cell-title-color',
|
19
|
+
cellTitleFontFamily: '--plasma-cell-title-font-family',
|
20
|
+
cellTitleFontSize: '--plasma-cell-title-font-size',
|
21
|
+
cellTitleFontStyle: '--plasma-cell-title-font-style',
|
22
|
+
cellTitleFontWeight: '--plasma-cell-title-font-weight',
|
23
|
+
cellTitleLetterSpacing: '--plasma-cell-title-letter-spacing',
|
24
|
+
cellTitleLineHeight: '--plasma-cell-title-line-height',
|
25
|
+
cellSubtitleColor: '--plasma-cell-subtitle-color',
|
26
|
+
cellSubtitleFontFamily: '--plasma-cell-subtitle-font-family',
|
27
|
+
cellSubtitleFontSize: '--plasma-cell-subtitle-font-size',
|
28
|
+
cellSubtitleFontStyle: '--plasma-cell-subtitle-font-style',
|
29
|
+
cellSubtitleFontWeight: '--plasma-cell-subtitle-font-weight',
|
30
|
+
cellSubtitleLetterSpacing: '--plasma-cell-subtitle-letter-spacing',
|
31
|
+
cellSubtitleLineHeight: '--plasma-cell-subtitle-line-height'
|
32
|
+
};
|
33
|
+
var classes = {
|
34
|
+
cellStretch: 'cell-stretch',
|
35
|
+
autoStretching: 'cell-stretching-auto',
|
36
|
+
filledStretching: 'cell-stretching-filled',
|
37
|
+
fixedStretching: 'cell-stretching-fixed',
|
38
|
+
cellWrapper: 'cell-wrapper',
|
39
|
+
cellRoot: 'cell-root',
|
40
|
+
cellContent: 'cell-content',
|
41
|
+
cellLeftContent: 'cell-left-content',
|
42
|
+
cellRightContent: 'cell-right-content'
|
43
|
+
};
|
44
|
+
|
45
|
+
export { classes, tokens };
|
46
|
+
//# sourceMappingURL=Cell.tokens.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"Cell.tokens.js","sources":["../../../src/components/Cell/Cell.tokens.ts"],"sourcesContent":["export const tokens = {\n cellColor: '--plasma-cell-color',\n cellBackgroundColor: '--plasma-cell-background-color',\n\n cellPadding: '--plasma-cell-padding',\n cellPaddingLeftContent: '--plasma-cell-left-padding',\n cellPaddingContent: '--plasma-cell-padding',\n cellPaddingRightContent: '--plasma-cell-right-padding',\n\n cellTextboxGap: '--plasma-cell-textbox-gap',\n cellGap: '--plasma-cell-gap',\n\n cellWidth: '--plasma-cell-width',\n\n cellLabelColor: '--plasma-cell-label-color',\n cellLabelFontFamily: '--plasma-cell-label-font-family',\n cellLabelFontSize: '--plasma-cell-label-font-size',\n cellLabelFontStyle: '--plasma-cell-label-font-style',\n cellLabelFontWeight: '--plasma-cell-label-font-weight',\n cellLabelLetterSpacing: '--plasma-cell-label-letter-spacing',\n cellLabelLineHeight: '--plasma-cell-label-line-height',\n\n cellTitleColor: '--plasma-cell-title-color',\n cellTitleFontFamily: '--plasma-cell-title-font-family',\n cellTitleFontSize: '--plasma-cell-title-font-size',\n cellTitleFontStyle: '--plasma-cell-title-font-style',\n cellTitleFontWeight: '--plasma-cell-title-font-weight',\n cellTitleLetterSpacing: '--plasma-cell-title-letter-spacing',\n cellTitleLineHeight: '--plasma-cell-title-line-height',\n\n cellSubtitleColor: '--plasma-cell-subtitle-color',\n cellSubtitleFontFamily: '--plasma-cell-subtitle-font-family',\n cellSubtitleFontSize: '--plasma-cell-subtitle-font-size',\n cellSubtitleFontStyle: '--plasma-cell-subtitle-font-style',\n cellSubtitleFontWeight: '--plasma-cell-subtitle-font-weight',\n cellSubtitleLetterSpacing: '--plasma-cell-subtitle-letter-spacing',\n cellSubtitleLineHeight: '--plasma-cell-subtitle-line-height',\n};\n\nexport const classes = {\n cellStretch: 'cell-stretch',\n autoStretching: 'cell-stretching-auto',\n filledStretching: 'cell-stretching-filled',\n fixedStretching: 'cell-stretching-fixed',\n\n cellWrapper: 'cell-wrapper',\n cellRoot: 'cell-root',\n cellContent: 'cell-content',\n cellLeftContent: 'cell-left-content',\n cellRightContent: 'cell-right-content',\n};\n"],"names":["tokens","cellColor","cellBackgroundColor","cellPadding","cellPaddingLeftContent","cellPaddingContent","cellPaddingRightContent","cellTextboxGap","cellGap","cellWidth","cellLabelColor","cellLabelFontFamily","cellLabelFontSize","cellLabelFontStyle","cellLabelFontWeight","cellLabelLetterSpacing","cellLabelLineHeight","cellTitleColor","cellTitleFontFamily","cellTitleFontSize","cellTitleFontStyle","cellTitleFontWeight","cellTitleLetterSpacing","cellTitleLineHeight","cellSubtitleColor","cellSubtitleFontFamily","cellSubtitleFontSize","cellSubtitleFontStyle","cellSubtitleFontWeight","cellSubtitleLetterSpacing","cellSubtitleLineHeight","classes","cellStretch","autoStretching","filledStretching","fixedStretching","cellWrapper","cellRoot","cellContent","cellLeftContent","cellRightContent"],"mappings":"AAAO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,SAAS,EAAE,qBAAqB;AAChCC,EAAAA,mBAAmB,EAAE,gCAAgC;AAErDC,EAAAA,WAAW,EAAE,uBAAuB;AACpCC,EAAAA,sBAAsB,EAAE,4BAA4B;AACpDC,EAAAA,kBAAkB,EAAE,uBAAuB;AAC3CC,EAAAA,uBAAuB,EAAE,6BAA6B;AAEtDC,EAAAA,cAAc,EAAE,2BAA2B;AAC3CC,EAAAA,OAAO,EAAE,mBAAmB;AAE5BC,EAAAA,SAAS,EAAE,qBAAqB;AAEhCC,EAAAA,cAAc,EAAE,2BAA2B;AAC3CC,EAAAA,mBAAmB,EAAE,iCAAiC;AACtDC,EAAAA,iBAAiB,EAAE,+BAA+B;AAClDC,EAAAA,kBAAkB,EAAE,gCAAgC;AACpDC,EAAAA,mBAAmB,EAAE,iCAAiC;AACtDC,EAAAA,sBAAsB,EAAE,oCAAoC;AAC5DC,EAAAA,mBAAmB,EAAE,iCAAiC;AAEtDC,EAAAA,cAAc,EAAE,2BAA2B;AAC3CC,EAAAA,mBAAmB,EAAE,iCAAiC;AACtDC,EAAAA,iBAAiB,EAAE,+BAA+B;AAClDC,EAAAA,kBAAkB,EAAE,gCAAgC;AACpDC,EAAAA,mBAAmB,EAAE,iCAAiC;AACtDC,EAAAA,sBAAsB,EAAE,oCAAoC;AAC5DC,EAAAA,mBAAmB,EAAE,iCAAiC;AAEtDC,EAAAA,iBAAiB,EAAE,8BAA8B;AACjDC,EAAAA,sBAAsB,EAAE,oCAAoC;AAC5DC,EAAAA,oBAAoB,EAAE,kCAAkC;AACxDC,EAAAA,qBAAqB,EAAE,mCAAmC;AAC1DC,EAAAA,sBAAsB,EAAE,oCAAoC;AAC5DC,EAAAA,yBAAyB,EAAE,uCAAuC;AAClEC,EAAAA,sBAAsB,EAAE,oCAAA;AAC5B,EAAC;AAEM,IAAMC,OAAO,GAAG;AACnBC,EAAAA,WAAW,EAAE,cAAc;AAC3BC,EAAAA,cAAc,EAAE,sBAAsB;AACtCC,EAAAA,gBAAgB,EAAE,wBAAwB;AAC1CC,EAAAA,eAAe,EAAE,uBAAuB;AAExCC,EAAAA,WAAW,EAAE,cAAc;AAC3BC,EAAAA,QAAQ,EAAE,WAAW;AACrBC,EAAAA,WAAW,EAAE,cAAc;AAC3BC,EAAAA,eAAe,EAAE,mBAAmB;AACpCC,EAAAA,gBAAgB,EAAE,oBAAA;AACtB;;;;"}
|
@@ -0,0 +1,16 @@
|
|
1
|
+
import React from 'react';
|
2
|
+
import { TextboxStyled } from './Textbox.styles.js';
|
3
|
+
import { TextLabel } from './ui/TextLabel.js';
|
4
|
+
import { TextTitle } from './ui/TextTitle.js';
|
5
|
+
import { TextSubtitle } from './ui/TextSubtitle.js';
|
6
|
+
|
7
|
+
var Textbox = function Textbox(props) {
|
8
|
+
var label = props.label,
|
9
|
+
title = props.title,
|
10
|
+
subtitle = props.subtitle,
|
11
|
+
children = props.children;
|
12
|
+
return /*#__PURE__*/React.createElement(TextboxStyled, null, label || title || subtitle ? /*#__PURE__*/React.createElement(React.Fragment, null, label && /*#__PURE__*/React.createElement(TextLabel, null, label), title && /*#__PURE__*/React.createElement(TextTitle, null, title), subtitle && /*#__PURE__*/React.createElement(TextSubtitle, null, subtitle)) : children);
|
13
|
+
};
|
14
|
+
|
15
|
+
export { Textbox };
|
16
|
+
//# sourceMappingURL=Textbox.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"Textbox.js","sources":["../../../../src/components/Cell/Textbox/Textbox.tsx"],"sourcesContent":["import React, { HTMLAttributes } from 'react';\n\nimport type { TextboxProps } from './Textbox.types';\nimport { TextboxStyled } from './Textbox.styles';\nimport { TextLabel } from './ui/TextLabel';\nimport { TextTitle } from './ui/TextTitle';\nimport { TextSubtitle } from './ui/TextSubtitle';\n\nexport const Textbox: React.FC<HTMLAttributes<HTMLDivElement> & TextboxProps> = (props) => {\n const { label, title, subtitle, children } = props;\n return (\n <TextboxStyled>\n {label || title || subtitle ? (\n <>\n {label && <TextLabel>{label}</TextLabel>}\n {title && <TextTitle>{title}</TextTitle>}\n {subtitle && <TextSubtitle>{subtitle}</TextSubtitle>}\n </>\n ) : (\n children\n )}\n </TextboxStyled>\n );\n};\n"],"names":["Textbox","props","label","title","subtitle","children","React","createElement","TextboxStyled","Fragment","TextLabel","TextTitle","TextSubtitle"],"mappings":";;;;;;IAQaA,OAAgE,GAAG,SAAnEA,OAAgEA,CAAIC,KAAK,EAAK;AACvF,EAAA,IAAQC,KAAK,GAAgCD,KAAK,CAA1CC,KAAK;IAAEC,KAAK,GAAyBF,KAAK,CAAnCE,KAAK;IAAEC,QAAQ,GAAeH,KAAK,CAA5BG,QAAQ;IAAEC,QAAQ,GAAKJ,KAAK,CAAlBI,QAAQ,CAAA;EACxC,oBACIC,KAAA,CAAAC,aAAA,CAACC,aAAa,QACTN,KAAK,IAAIC,KAAK,IAAIC,QAAQ,gBACvBE,KAAA,CAAAC,aAAA,CAAAD,KAAA,CAAAG,QAAA,EACKP,IAAAA,EAAAA,KAAK,iBAAII,KAAA,CAAAC,aAAA,CAACG,SAAS,QAAER,KAAiB,CAAC,EACvCC,KAAK,iBAAIG,KAAA,CAAAC,aAAA,CAACI,SAAS,EAAER,IAAAA,EAAAA,KAAiB,CAAC,EACvCC,QAAQ,iBAAIE,KAAA,CAAAC,aAAA,CAACK,YAAY,EAAER,IAAAA,EAAAA,QAAuB,CACrD,CAAC,GAEHC,QAEO,CAAC,CAAA;AAExB;;;;"}
|
@@ -0,0 +1,9 @@
|
|
1
|
+
import styled from 'styled-components';
|
2
|
+
import { tokens } from '../Cell.tokens.js';
|
3
|
+
|
4
|
+
var TextboxStyled = /*#__PURE__*/styled.div.withConfig({
|
5
|
+
componentId: "plasma-new-hope__sc-18k78d7-0"
|
6
|
+
})(["display:flex;flex-direction:column;gap:var(", ");"], tokens.cellTextboxGap);
|
7
|
+
|
8
|
+
export { TextboxStyled };
|
9
|
+
//# sourceMappingURL=Textbox.styles.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"Textbox.styles.js","sources":["../../../../src/components/Cell/Textbox/Textbox.styles.ts"],"sourcesContent":["import styled from 'styled-components';\n\nimport { tokens } from '../Cell.tokens';\n\nexport const TextboxStyled = styled.div`\n display: flex;\n flex-direction: column;\n gap: var(${tokens.cellTextboxGap});\n`;\n"],"names":["TextboxStyled","styled","div","withConfig","componentId","tokens","cellTextboxGap"],"mappings":";;;IAIaA,aAAa,gBAAGC,MAAM,CAACC,GAAG,CAAAC,UAAA,CAAA;EAAAC,WAAA,EAAA,+BAAA;AAAA,CAGxBC,CAAAA,CAAAA,CAAAA,6CAAAA,EAAAA,IAAAA,CAAAA,EAAAA,MAAM,CAACC,cAAc;;;;"}
|
@@ -0,0 +1,13 @@
|
|
1
|
+
import React from 'react';
|
2
|
+
import styled from 'styled-components';
|
3
|
+
import { tokens } from '../../Cell.tokens.js';
|
4
|
+
|
5
|
+
var StyledTextLabel = /*#__PURE__*/styled.div.withConfig({
|
6
|
+
componentId: "plasma-new-hope__sc-102c6vv-0"
|
7
|
+
})(["color:var(", ");font-size:var(", ");font-weight:var(", ");font-family:var(", ");font-style:var(", ");line-height:var(", ");letter-spacing:var(", ");"], tokens.cellLabelColor, tokens.cellLabelFontSize, tokens.cellLabelFontWeight, tokens.cellLabelFontFamily, tokens.cellLabelFontStyle, tokens.cellLabelLineHeight, tokens.cellLabelLetterSpacing);
|
8
|
+
var TextLabel = function TextLabel(props) {
|
9
|
+
return /*#__PURE__*/React.createElement(StyledTextLabel, null, props.children);
|
10
|
+
};
|
11
|
+
|
12
|
+
export { TextLabel };
|
13
|
+
//# sourceMappingURL=TextLabel.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"TextLabel.js","sources":["../../../../../src/components/Cell/Textbox/ui/TextLabel.tsx"],"sourcesContent":["import React, { HTMLAttributes } from 'react';\nimport styled from 'styled-components';\n\nimport { tokens } from '../../Cell.tokens';\n\nconst StyledTextLabel = styled.div`\n color: var(${tokens.cellLabelColor});\n font-size: var(${tokens.cellLabelFontSize});\n font-weight: var(${tokens.cellLabelFontWeight});\n font-family: var(${tokens.cellLabelFontFamily});\n font-style: var(${tokens.cellLabelFontStyle});\n line-height: var(${tokens.cellLabelLineHeight});\n letter-spacing: var(${tokens.cellLabelLetterSpacing});\n`;\n\ntype TextLabelProps = {\n text?: string;\n};\n\nexport const TextLabel: React.FC<HTMLAttributes<HTMLDivElement> & TextLabelProps> = (props) => {\n return <StyledTextLabel>{props.children}</StyledTextLabel>;\n};\n"],"names":["StyledTextLabel","styled","div","withConfig","componentId","tokens","cellLabelColor","cellLabelFontSize","cellLabelFontWeight","cellLabelFontFamily","cellLabelFontStyle","cellLabelLineHeight","cellLabelLetterSpacing","TextLabel","props","React","createElement","children"],"mappings":";;;;AAKA,IAAMA,eAAe,gBAAGC,MAAM,CAACC,GAAG,CAAAC,UAAA,CAAA;EAAAC,WAAA,EAAA,+BAAA;AAAA,CACjBC,CAAAA,CAAAA,CAAAA,YAAAA,EAAAA,kBAAAA,EAAAA,oBAAAA,EAAAA,oBAAAA,EAAAA,mBAAAA,EAAAA,oBAAAA,EAAAA,uBAAAA,EAAAA,IAAAA,CAAAA,EAAAA,MAAM,CAACC,cAAc,EACjBD,MAAM,CAACE,iBAAiB,EACtBF,MAAM,CAACG,mBAAmB,EAC1BH,MAAM,CAACI,mBAAmB,EAC3BJ,MAAM,CAACK,kBAAkB,EACxBL,MAAM,CAACM,mBAAmB,EACvBN,MAAM,CAACO,sBAAsB,CACtD,CAAA;IAMYC,SAAoE,GAAG,SAAvEA,SAAoEA,CAAIC,KAAK,EAAK;EAC3F,oBAAOC,KAAA,CAAAC,aAAA,CAAChB,eAAe,EAAEc,IAAAA,EAAAA,KAAK,CAACG,QAA0B,CAAC,CAAA;AAC9D;;;;"}
|
@@ -0,0 +1,13 @@
|
|
1
|
+
import React from 'react';
|
2
|
+
import styled from 'styled-components';
|
3
|
+
import { tokens } from '../../Cell.tokens.js';
|
4
|
+
|
5
|
+
var StyledTextSubtitle = /*#__PURE__*/styled.div.withConfig({
|
6
|
+
componentId: "plasma-new-hope__sc-1tsgki4-0"
|
7
|
+
})(["color:var(", ");font-size:var(", ");font-weight:var(", ");font-family:var(", ");font-style:var(", ");line-height:var(", ");letter-spacing:var(", ");"], tokens.cellSubtitleColor, tokens.cellSubtitleFontSize, tokens.cellSubtitleFontWeight, tokens.cellSubtitleFontFamily, tokens.cellSubtitleFontStyle, tokens.cellSubtitleLineHeight, tokens.cellSubtitleLetterSpacing);
|
8
|
+
var TextSubtitle = function TextSubtitle(props) {
|
9
|
+
return /*#__PURE__*/React.createElement(StyledTextSubtitle, null, props.children);
|
10
|
+
};
|
11
|
+
|
12
|
+
export { TextSubtitle };
|
13
|
+
//# sourceMappingURL=TextSubtitle.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"TextSubtitle.js","sources":["../../../../../src/components/Cell/Textbox/ui/TextSubtitle.tsx"],"sourcesContent":["import React, { HTMLAttributes } from 'react';\nimport styled from 'styled-components';\n\nimport { tokens } from '../../Cell.tokens';\n\nconst StyledTextSubtitle = styled.div`\n color: var(${tokens.cellSubtitleColor});\n font-size: var(${tokens.cellSubtitleFontSize});\n font-weight: var(${tokens.cellSubtitleFontWeight});\n font-family: var(${tokens.cellSubtitleFontFamily});\n font-style: var(${tokens.cellSubtitleFontStyle});\n line-height: var(${tokens.cellSubtitleLineHeight});\n letter-spacing: var(${tokens.cellSubtitleLetterSpacing});\n`;\n\ntype TextSubtitleProps = {\n text?: string;\n};\n\nexport const TextSubtitle: React.FC<HTMLAttributes<HTMLDivElement> & TextSubtitleProps> = (props) => {\n return <StyledTextSubtitle>{props.children}</StyledTextSubtitle>;\n};\n"],"names":["StyledTextSubtitle","styled","div","withConfig","componentId","tokens","cellSubtitleColor","cellSubtitleFontSize","cellSubtitleFontWeight","cellSubtitleFontFamily","cellSubtitleFontStyle","cellSubtitleLineHeight","cellSubtitleLetterSpacing","TextSubtitle","props","React","createElement","children"],"mappings":";;;;AAKA,IAAMA,kBAAkB,gBAAGC,MAAM,CAACC,GAAG,CAAAC,UAAA,CAAA;EAAAC,WAAA,EAAA,+BAAA;AAAA,CACpBC,CAAAA,CAAAA,CAAAA,YAAAA,EAAAA,kBAAAA,EAAAA,oBAAAA,EAAAA,oBAAAA,EAAAA,mBAAAA,EAAAA,oBAAAA,EAAAA,uBAAAA,EAAAA,IAAAA,CAAAA,EAAAA,MAAM,CAACC,iBAAiB,EACpBD,MAAM,CAACE,oBAAoB,EACzBF,MAAM,CAACG,sBAAsB,EAC7BH,MAAM,CAACI,sBAAsB,EAC9BJ,MAAM,CAACK,qBAAqB,EAC3BL,MAAM,CAACM,sBAAsB,EAC1BN,MAAM,CAACO,yBAAyB,CACzD,CAAA;IAMYC,YAA0E,GAAG,SAA7EA,YAA0EA,CAAIC,KAAK,EAAK;EACjG,oBAAOC,KAAA,CAAAC,aAAA,CAAChB,kBAAkB,EAAEc,IAAAA,EAAAA,KAAK,CAACG,QAA6B,CAAC,CAAA;AACpE;;;;"}
|
@@ -0,0 +1,13 @@
|
|
1
|
+
import React from 'react';
|
2
|
+
import styled from 'styled-components';
|
3
|
+
import { tokens } from '../../Cell.tokens.js';
|
4
|
+
|
5
|
+
var StyledTextTitle = /*#__PURE__*/styled.div.withConfig({
|
6
|
+
componentId: "plasma-new-hope__sc-flfrmq-0"
|
7
|
+
})(["color:var(", ");font-size:var(", ");font-weight:var(", ");font-family:var(", ");font-style:var(", ");line-height:var(", ");letter-spacing:var(", ");"], tokens.cellTitleColor, tokens.cellTitleFontSize, tokens.cellTitleFontWeight, tokens.cellTitleFontFamily, tokens.cellTitleFontStyle, tokens.cellTitleLineHeight, tokens.cellTitleLetterSpacing);
|
8
|
+
var TextTitle = function TextTitle(props) {
|
9
|
+
return /*#__PURE__*/React.createElement(StyledTextTitle, null, props.children);
|
10
|
+
};
|
11
|
+
|
12
|
+
export { TextTitle };
|
13
|
+
//# sourceMappingURL=TextTitle.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"TextTitle.js","sources":["../../../../../src/components/Cell/Textbox/ui/TextTitle.tsx"],"sourcesContent":["import React, { HTMLAttributes } from 'react';\nimport styled from 'styled-components';\n\nimport { tokens } from '../../Cell.tokens';\n\nconst StyledTextTitle = styled.div`\n color: var(${tokens.cellTitleColor});\n font-size: var(${tokens.cellTitleFontSize});\n font-weight: var(${tokens.cellTitleFontWeight});\n font-family: var(${tokens.cellTitleFontFamily});\n font-style: var(${tokens.cellTitleFontStyle});\n line-height: var(${tokens.cellTitleLineHeight});\n letter-spacing: var(${tokens.cellTitleLetterSpacing});\n`;\n\ntype TextTitleProps = {\n text?: string;\n};\n\nexport const TextTitle: React.FC<HTMLAttributes<HTMLDivElement> & TextTitleProps> = (props) => {\n return <StyledTextTitle>{props.children}</StyledTextTitle>;\n};\n"],"names":["StyledTextTitle","styled","div","withConfig","componentId","tokens","cellTitleColor","cellTitleFontSize","cellTitleFontWeight","cellTitleFontFamily","cellTitleFontStyle","cellTitleLineHeight","cellTitleLetterSpacing","TextTitle","props","React","createElement","children"],"mappings":";;;;AAKA,IAAMA,eAAe,gBAAGC,MAAM,CAACC,GAAG,CAAAC,UAAA,CAAA;EAAAC,WAAA,EAAA,8BAAA;AAAA,CACjBC,CAAAA,CAAAA,CAAAA,YAAAA,EAAAA,kBAAAA,EAAAA,oBAAAA,EAAAA,oBAAAA,EAAAA,mBAAAA,EAAAA,oBAAAA,EAAAA,uBAAAA,EAAAA,IAAAA,CAAAA,EAAAA,MAAM,CAACC,cAAc,EACjBD,MAAM,CAACE,iBAAiB,EACtBF,MAAM,CAACG,mBAAmB,EAC1BH,MAAM,CAACI,mBAAmB,EAC3BJ,MAAM,CAACK,kBAAkB,EACxBL,MAAM,CAACM,mBAAmB,EACvBN,MAAM,CAACO,sBAAsB,CACtD,CAAA;IAMYC,SAAoE,GAAG,SAAvEA,SAAoEA,CAAIC,KAAK,EAAK;EAC3F,oBAAOC,KAAA,CAAAC,aAAA,CAAChB,eAAe,EAAEc,IAAAA,EAAAA,KAAK,CAACG,QAA0B,CAAC,CAAA;AAC9D;;;;"}
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"base.js","sources":["../../../../../src/components/Cell/variations/_size/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nexport const base = css``;\n"],"names":["base"],"mappings":"AAEO,IAAMA,IAAI,GAAQ;;;;"}
|
@@ -0,0 +1 @@
|
|
1
|
+
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"base.js","sources":["../../../../../src/components/Cell/variations/_stretching/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { classes, tokens } from '../../Cell.tokens';\n\nexport const base = css`\n &.${classes.fixedStretching} {\n width: var(${tokens.cellWidth});\n }\n &.${classes.filledStretching} {\n width: 100%;\n }\n &.${classes.autoStretching} {\n width: auto;\n }\n`;\n"],"names":["base"],"mappings":"AAIO,IAAMA,IAAI,GAUhB;;;;"}
|
@@ -0,0 +1 @@
|
|
1
|
+
.b1ppwsal.cell-stretching-fixed{width:var(--plasma-cell-width);}.b1ppwsal.cell-stretching-filled{width:100%;}.b1ppwsal.cell-stretching-auto{width:auto;}
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"base.js","sources":["../../../../../src/components/Cell/variations/_view/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { tokens } from '../../Cell.tokens';\n\nexport const base = css`\n color: var(${tokens.cellColor});\n background-color: var(${tokens.cellBackgroundColor});\n`;\n"],"names":["base"],"mappings":"AAIO,IAAMA,IAAI,GAGhB;;;;"}
|
@@ -0,0 +1 @@
|
|
1
|
+
.b1sr9i7l{color:var(--plasma-cell-color);background-color:var(--plasma-cell-background-color);}
|
package/es/index.css
CHANGED
@@ -46,6 +46,10 @@
|
|
46
46
|
.Chip_styles_1mwwhiw_swddmyi__07da4d18{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:var(--plasma-chip-right-content-margin-left);margin-right:var(--plasma-chip-right-content-margin-right);}
|
47
47
|
.Chip_styles_1mwwhiw_s1pcflhj__07da4d18{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:var(--plasma-chip-clear-content-margin-left);margin-right:var(--plasma-chip-clear-content-margin-right);color:var(--plasma-chip-close-icon-color);}
|
48
48
|
|
49
|
+
.base_c5qh0x_b1sr9i7l__f964d8e5{color:var(--plasma-cell-color);background-color:var(--plasma-cell-background-color);}
|
50
|
+
|
51
|
+
.base_1ryz4br_b1ppwsal__56529027.base_1ryz4br_cellStretchingFixed__56529027{width:var(--plasma-cell-width);}.base_1ryz4br_b1ppwsal__56529027.base_1ryz4br_cellStretchingFilled__56529027{width:100%;}.base_1ryz4br_b1ppwsal__56529027.base_1ryz4br_cellStretchingAuto__56529027{width:auto;}
|
52
|
+
|
49
53
|
.base_1vy4dme_bcchm3r__d3e4eaba{font-family:var(--plasma-link-font-family);color:var(--plasma-link-color);}.base_1vy4dme_bcchm3r__d3e4eaba::before{border-bottom:var(--plasma-link-underline-border) solid currentColor;}.base_1vy4dme_bcchm3r__d3e4eaba:hover{color:var(--plasma-link-color-hover,var(--plasma-link-color));}.base_1vy4dme_bcchm3r__d3e4eaba:hover::before{opacity:1;}.base_1vy4dme_bcchm3r__d3e4eaba:active{color:var(--plasma-link-color-active,var(--plasma-link-color));}.base_1vy4dme_bcchm3r__d3e4eaba:active::before{opacity:1;}.base_1vy4dme_bcchm3r__d3e4eaba:visited{color:var(--plasma-link-color-visited,var(--plasma-link-color));}.base_1vy4dme_bcchm3r__d3e4eaba:visited::before{opacity:1;}.base_1vy4dme_bcchm3r__d3e4eaba:visited:hover{color:var(--plasma-link-color-visited-hover,var(--plasma-link-color));}.base_1vy4dme_bcchm3r__d3e4eaba:visited:hover::before{opacity:1;}.base_1vy4dme_bcchm3r__d3e4eaba:visited:active{color:var(--plasma-link-color-visited-active,var(--plasma-link-color));}.base_1vy4dme_bcchm3r__d3e4eaba:visited:active::before{opacity:1;}
|
50
54
|
|
51
55
|
.base_1w750p8_b1j3f4f__d44baab5[disabled]{opacity:var(--plasma-link-disabled-opacity);cursor:not-allowed;}.base_1w750p8_b1j3f4f__d44baab5[disabled]:hover,.base_1w750p8_b1j3f4f__d44baab5[disabled]:active{color:var(--plasma-link-color);}.base_1w750p8_b1j3f4f__d44baab5[disabled]::before{opacity:1;}
|
package/es/index.js
CHANGED
@@ -19,6 +19,12 @@ export { buttonGroupConfig, buttonGroupRoot } from './components/ButtonGroup/But
|
|
19
19
|
export { classes as buttonGroupClasses, tokens as buttonGroupTokens } from './components/ButtonGroup/ButtonGroup.tokens.js';
|
20
20
|
export { chipConfig, chipRoot } from './components/Chip/Chip.js';
|
21
21
|
export { tokens as chipTokens } from './components/Chip/Chip.tokens.js';
|
22
|
+
export { TextLabel } from './components/Cell/Textbox/ui/TextLabel.js';
|
23
|
+
export { TextTitle } from './components/Cell/Textbox/ui/TextTitle.js';
|
24
|
+
export { TextSubtitle } from './components/Cell/Textbox/ui/TextSubtitle.js';
|
25
|
+
export { cellConfig, cellRoot } from './components/Cell/Cell.js';
|
26
|
+
export { classes as cellClasses, tokens as cellTokens } from './components/Cell/Cell.tokens.js';
|
27
|
+
export { Textbox } from './components/Cell/Textbox/Textbox.js';
|
22
28
|
export { linkConfig, linkRoot } from './components/Link/Link.js';
|
23
29
|
export { spinnerConfig, spinnerRoot } from './components/Spinner/Spinner.js';
|
24
30
|
export { tokens as spinnerTokens } from './components/Spinner/Spinner.tokens.js';
|
package/es/index.js.map
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
package/package.json
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
{
|
2
2
|
"name": "@salutejs/plasma-new-hope",
|
3
|
-
"version": "0.
|
3
|
+
"version": "0.67.0-canary.1148.8443817650.0",
|
4
4
|
"description": "Salute Design System blueprint",
|
5
5
|
"main": "cjs/index.js",
|
6
6
|
"module": "es/index.js",
|
@@ -102,5 +102,5 @@
|
|
102
102
|
"react-popper": "2.3.0",
|
103
103
|
"storeon": "3.1.5"
|
104
104
|
},
|
105
|
-
"gitHead": "
|
105
|
+
"gitHead": "d66ea6472bcec01bda9245ea17faff9f2b85adc7"
|
106
106
|
}
|
@@ -0,0 +1,72 @@
|
|
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.cellRoot = exports.cellConfig = void 0;
|
8
|
+
var _react = /*#__PURE__*/_interopRequireWildcard( /*#__PURE__*/require("react"));
|
9
|
+
var _utils = /*#__PURE__*/require("../../utils");
|
10
|
+
var _Cell = /*#__PURE__*/require("./Cell.styles");
|
11
|
+
var _Cell2 = /*#__PURE__*/require("./Cell.tokens");
|
12
|
+
var _base = /*#__PURE__*/require("./variations/_view/base");
|
13
|
+
var _base2 = /*#__PURE__*/require("./variations/_size/base");
|
14
|
+
var _base3 = /*#__PURE__*/require("./variations/_stretching/base");
|
15
|
+
var _Textbox = /*#__PURE__*/require("./Textbox/Textbox");
|
16
|
+
var _TextLabel = /*#__PURE__*/require("./Textbox/ui/TextLabel");
|
17
|
+
var _TextTitle = /*#__PURE__*/require("./Textbox/ui/TextTitle");
|
18
|
+
var _TextSubtitle = /*#__PURE__*/require("./Textbox/ui/TextSubtitle");
|
19
|
+
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); }
|
20
|
+
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 && Object.prototype.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; }
|
21
|
+
var cellRoot = exports.cellRoot = function cellRoot(Root) {
|
22
|
+
return /*#__PURE__*/(0, _react.forwardRef)(function (props, outerRootRef) {
|
23
|
+
var _props$size = props.size,
|
24
|
+
size = _props$size === void 0 ? 'm' : _props$size,
|
25
|
+
left = props.contentLeft,
|
26
|
+
right = props.contentRight,
|
27
|
+
_props$alignLeft = props.alignLeft,
|
28
|
+
alignLeft = _props$alignLeft === void 0 ? 'center' : _props$alignLeft,
|
29
|
+
_props$alignRight = props.alignRight,
|
30
|
+
alignRight = _props$alignRight === void 0 ? 'center' : _props$alignRight,
|
31
|
+
_props$stretching = props.stretching,
|
32
|
+
stretching = _props$stretching === void 0 ? 'filled' : _props$stretching,
|
33
|
+
children = props.children,
|
34
|
+
title = props.title,
|
35
|
+
subtitle = props.subtitle,
|
36
|
+
label = props.label;
|
37
|
+
var stretchingClass = _Cell2.classes["".concat(stretching, "Stretching")];
|
38
|
+
return /*#__PURE__*/_react["default"].createElement(Root, {
|
39
|
+
ref: outerRootRef,
|
40
|
+
size: size,
|
41
|
+
className: (0, _utils.cx)(stretchingClass)
|
42
|
+
}, /*#__PURE__*/_react["default"].createElement(_Cell.CellRoot, {
|
43
|
+
className: _Cell2.classes.cellRoot
|
44
|
+
}, left && /*#__PURE__*/_react["default"].createElement(_Cell.CellLeft, {
|
45
|
+
align: alignLeft
|
46
|
+
}, left), /*#__PURE__*/_react["default"].createElement(_Cell.CellContentWrapper, null, /*#__PURE__*/_react["default"].createElement(_Cell.CellContent, null, title || subtitle || label ? /*#__PURE__*/_react["default"].createElement(_Textbox.Textbox, null, label && /*#__PURE__*/_react["default"].createElement(_TextLabel.TextLabel, null, label), title && /*#__PURE__*/_react["default"].createElement(_TextTitle.TextTitle, null, title), subtitle && /*#__PURE__*/_react["default"].createElement(_TextSubtitle.TextSubtitle, null, subtitle)) : children && children), right && /*#__PURE__*/_react["default"].createElement(_Cell.CellRight, {
|
47
|
+
align: alignRight
|
48
|
+
}, right))));
|
49
|
+
});
|
50
|
+
};
|
51
|
+
var cellConfig = exports.cellConfig = {
|
52
|
+
name: 'Cell',
|
53
|
+
tag: 'div',
|
54
|
+
layout: cellRoot,
|
55
|
+
base: '',
|
56
|
+
variations: {
|
57
|
+
view: {
|
58
|
+
css: _base.base
|
59
|
+
},
|
60
|
+
size: {
|
61
|
+
css: _base2.base
|
62
|
+
},
|
63
|
+
stretching: {
|
64
|
+
css: _base3.base
|
65
|
+
}
|
66
|
+
},
|
67
|
+
defaults: {
|
68
|
+
view: 'default',
|
69
|
+
size: 'm',
|
70
|
+
stretching: 'filled'
|
71
|
+
}
|
72
|
+
};
|
@@ -0,0 +1,37 @@
|
|
1
|
+
"use strict";
|
2
|
+
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
4
|
+
value: true
|
5
|
+
});
|
6
|
+
exports.CellRoot = exports.CellRight = exports.CellLeft = exports.CellContentWrapper = exports.CellContent = void 0;
|
7
|
+
var _styledComponents = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("styled-components"));
|
8
|
+
var _Cell = /*#__PURE__*/require("./Cell.tokens");
|
9
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
10
|
+
var alignToFlex = {
|
11
|
+
center: 'center',
|
12
|
+
top: 'flex-start',
|
13
|
+
bottom: 'flex-end'
|
14
|
+
};
|
15
|
+
var CellRoot = exports.CellRoot = /*#__PURE__*/_styledComponents["default"].div.withConfig({
|
16
|
+
componentId: "plasma-new-hope__sc-16emz3n-0"
|
17
|
+
})(["width:100%;display:flex;gap:var(", ");&:focus{outline:0 none;}"], _Cell.tokens.cellGap);
|
18
|
+
var CellContentWrapper = exports.CellContentWrapper = /*#__PURE__*/_styledComponents["default"].div.withConfig({
|
19
|
+
componentId: "plasma-new-hope__sc-16emz3n-1"
|
20
|
+
})(["display:flex;flex:auto;justify-content:space-between;gap:var(", ");"], _Cell.tokens.cellGap);
|
21
|
+
var CellContent = exports.CellContent = /*#__PURE__*/_styledComponents["default"].div.withConfig({
|
22
|
+
componentId: "plasma-new-hope__sc-16emz3n-2"
|
23
|
+
})(["display:flex;align-items:center;"]);
|
24
|
+
var CellLeft = exports.CellLeft = /*#__PURE__*/_styledComponents["default"].div.withConfig({
|
25
|
+
componentId: "plasma-new-hope__sc-16emz3n-3"
|
26
|
+
})(["display:flex;align-items:", ";"], function (_ref) {
|
27
|
+
var _ref$align = _ref.align,
|
28
|
+
align = _ref$align === void 0 ? 'center' : _ref$align;
|
29
|
+
return alignToFlex[align];
|
30
|
+
});
|
31
|
+
var CellRight = exports.CellRight = /*#__PURE__*/_styledComponents["default"].div.withConfig({
|
32
|
+
componentId: "plasma-new-hope__sc-16emz3n-4"
|
33
|
+
})(["display:flex;align-items:", ";text-align:right;"], function (_ref2) {
|
34
|
+
var _ref2$align = _ref2.align,
|
35
|
+
align = _ref2$align === void 0 ? 'center' : _ref2$align;
|
36
|
+
return alignToFlex[align];
|
37
|
+
});
|
@@ -0,0 +1,49 @@
|
|
1
|
+
"use strict";
|
2
|
+
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
4
|
+
value: true
|
5
|
+
});
|
6
|
+
exports.tokens = exports.classes = void 0;
|
7
|
+
var tokens = exports.tokens = {
|
8
|
+
cellColor: '--plasma-cell-color',
|
9
|
+
cellBackgroundColor: '--plasma-cell-background-color',
|
10
|
+
cellPadding: '--plasma-cell-padding',
|
11
|
+
cellPaddingLeftContent: '--plasma-cell-left-padding',
|
12
|
+
cellPaddingContent: '--plasma-cell-padding',
|
13
|
+
cellPaddingRightContent: '--plasma-cell-right-padding',
|
14
|
+
cellTextboxGap: '--plasma-cell-textbox-gap',
|
15
|
+
cellGap: '--plasma-cell-gap',
|
16
|
+
cellWidth: '--plasma-cell-width',
|
17
|
+
cellLabelColor: '--plasma-cell-label-color',
|
18
|
+
cellLabelFontFamily: '--plasma-cell-label-font-family',
|
19
|
+
cellLabelFontSize: '--plasma-cell-label-font-size',
|
20
|
+
cellLabelFontStyle: '--plasma-cell-label-font-style',
|
21
|
+
cellLabelFontWeight: '--plasma-cell-label-font-weight',
|
22
|
+
cellLabelLetterSpacing: '--plasma-cell-label-letter-spacing',
|
23
|
+
cellLabelLineHeight: '--plasma-cell-label-line-height',
|
24
|
+
cellTitleColor: '--plasma-cell-title-color',
|
25
|
+
cellTitleFontFamily: '--plasma-cell-title-font-family',
|
26
|
+
cellTitleFontSize: '--plasma-cell-title-font-size',
|
27
|
+
cellTitleFontStyle: '--plasma-cell-title-font-style',
|
28
|
+
cellTitleFontWeight: '--plasma-cell-title-font-weight',
|
29
|
+
cellTitleLetterSpacing: '--plasma-cell-title-letter-spacing',
|
30
|
+
cellTitleLineHeight: '--plasma-cell-title-line-height',
|
31
|
+
cellSubtitleColor: '--plasma-cell-subtitle-color',
|
32
|
+
cellSubtitleFontFamily: '--plasma-cell-subtitle-font-family',
|
33
|
+
cellSubtitleFontSize: '--plasma-cell-subtitle-font-size',
|
34
|
+
cellSubtitleFontStyle: '--plasma-cell-subtitle-font-style',
|
35
|
+
cellSubtitleFontWeight: '--plasma-cell-subtitle-font-weight',
|
36
|
+
cellSubtitleLetterSpacing: '--plasma-cell-subtitle-letter-spacing',
|
37
|
+
cellSubtitleLineHeight: '--plasma-cell-subtitle-line-height'
|
38
|
+
};
|
39
|
+
var classes = exports.classes = {
|
40
|
+
cellStretch: 'cell-stretch',
|
41
|
+
autoStretching: 'cell-stretching-auto',
|
42
|
+
filledStretching: 'cell-stretching-filled',
|
43
|
+
fixedStretching: 'cell-stretching-fixed',
|
44
|
+
cellWrapper: 'cell-wrapper',
|
45
|
+
cellRoot: 'cell-root',
|
46
|
+
cellContent: 'cell-content',
|
47
|
+
cellLeftContent: 'cell-left-content',
|
48
|
+
cellRightContent: 'cell-right-content'
|
49
|
+
};
|
@@ -0,0 +1,19 @@
|
|
1
|
+
"use strict";
|
2
|
+
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
4
|
+
value: true
|
5
|
+
});
|
6
|
+
exports.Textbox = void 0;
|
7
|
+
var _react = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("react"));
|
8
|
+
var _Textbox = /*#__PURE__*/require("./Textbox.styles");
|
9
|
+
var _TextLabel = /*#__PURE__*/require("./ui/TextLabel");
|
10
|
+
var _TextTitle = /*#__PURE__*/require("./ui/TextTitle");
|
11
|
+
var _TextSubtitle = /*#__PURE__*/require("./ui/TextSubtitle");
|
12
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
13
|
+
var Textbox = exports.Textbox = function Textbox(props) {
|
14
|
+
var label = props.label,
|
15
|
+
title = props.title,
|
16
|
+
subtitle = props.subtitle,
|
17
|
+
children = props.children;
|
18
|
+
return /*#__PURE__*/_react["default"].createElement(_Textbox.TextboxStyled, null, label || title || subtitle ? /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, label && /*#__PURE__*/_react["default"].createElement(_TextLabel.TextLabel, null, label), title && /*#__PURE__*/_react["default"].createElement(_TextTitle.TextTitle, null, title), subtitle && /*#__PURE__*/_react["default"].createElement(_TextSubtitle.TextSubtitle, null, subtitle)) : children);
|
19
|
+
};
|
@@ -0,0 +1,12 @@
|
|
1
|
+
"use strict";
|
2
|
+
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
4
|
+
value: true
|
5
|
+
});
|
6
|
+
exports.TextboxStyled = void 0;
|
7
|
+
var _styledComponents = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("styled-components"));
|
8
|
+
var _Cell = /*#__PURE__*/require("../Cell.tokens");
|
9
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
10
|
+
var TextboxStyled = exports.TextboxStyled = /*#__PURE__*/_styledComponents["default"].div.withConfig({
|
11
|
+
componentId: "plasma-new-hope__sc-t2ald4-0"
|
12
|
+
})(["display:flex;flex-direction:column;gap:var(", ");"], _Cell.tokens.cellTextboxGap);
|
@@ -0,0 +1,16 @@
|
|
1
|
+
"use strict";
|
2
|
+
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
4
|
+
value: true
|
5
|
+
});
|
6
|
+
exports.TextLabel = void 0;
|
7
|
+
var _react = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("react"));
|
8
|
+
var _styledComponents = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("styled-components"));
|
9
|
+
var _Cell = /*#__PURE__*/require("../../Cell.tokens");
|
10
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
11
|
+
var StyledTextLabel = /*#__PURE__*/_styledComponents["default"].div.withConfig({
|
12
|
+
componentId: "plasma-new-hope__sc-6e2num-0"
|
13
|
+
})(["color:var(", ");font-size:var(", ");font-weight:var(", ");font-family:var(", ");font-style:var(", ");line-height:var(", ");letter-spacing:var(", ");"], _Cell.tokens.cellLabelColor, _Cell.tokens.cellLabelFontSize, _Cell.tokens.cellLabelFontWeight, _Cell.tokens.cellLabelFontFamily, _Cell.tokens.cellLabelFontStyle, _Cell.tokens.cellLabelLineHeight, _Cell.tokens.cellLabelLetterSpacing);
|
14
|
+
var TextLabel = exports.TextLabel = function TextLabel(props) {
|
15
|
+
return /*#__PURE__*/_react["default"].createElement(StyledTextLabel, null, props.children);
|
16
|
+
};
|
@@ -0,0 +1,16 @@
|
|
1
|
+
"use strict";
|
2
|
+
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
4
|
+
value: true
|
5
|
+
});
|
6
|
+
exports.TextSubtitle = void 0;
|
7
|
+
var _react = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("react"));
|
8
|
+
var _styledComponents = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("styled-components"));
|
9
|
+
var _Cell = /*#__PURE__*/require("../../Cell.tokens");
|
10
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
11
|
+
var StyledTextSubtitle = /*#__PURE__*/_styledComponents["default"].div.withConfig({
|
12
|
+
componentId: "plasma-new-hope__sc-jj01ut-0"
|
13
|
+
})(["color:var(", ");font-size:var(", ");font-weight:var(", ");font-family:var(", ");font-style:var(", ");line-height:var(", ");letter-spacing:var(", ");"], _Cell.tokens.cellSubtitleColor, _Cell.tokens.cellSubtitleFontSize, _Cell.tokens.cellSubtitleFontWeight, _Cell.tokens.cellSubtitleFontFamily, _Cell.tokens.cellSubtitleFontStyle, _Cell.tokens.cellSubtitleLineHeight, _Cell.tokens.cellSubtitleLetterSpacing);
|
14
|
+
var TextSubtitle = exports.TextSubtitle = function TextSubtitle(props) {
|
15
|
+
return /*#__PURE__*/_react["default"].createElement(StyledTextSubtitle, null, props.children);
|
16
|
+
};
|
@@ -0,0 +1,16 @@
|
|
1
|
+
"use strict";
|
2
|
+
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
4
|
+
value: true
|
5
|
+
});
|
6
|
+
exports.TextTitle = void 0;
|
7
|
+
var _react = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("react"));
|
8
|
+
var _styledComponents = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("styled-components"));
|
9
|
+
var _Cell = /*#__PURE__*/require("../../Cell.tokens");
|
10
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
11
|
+
var StyledTextTitle = /*#__PURE__*/_styledComponents["default"].div.withConfig({
|
12
|
+
componentId: "plasma-new-hope__sc-1mxjeba-0"
|
13
|
+
})(["color:var(", ");font-size:var(", ");font-weight:var(", ");font-family:var(", ");font-style:var(", ");line-height:var(", ");letter-spacing:var(", ");"], _Cell.tokens.cellTitleColor, _Cell.tokens.cellTitleFontSize, _Cell.tokens.cellTitleFontWeight, _Cell.tokens.cellTitleFontFamily, _Cell.tokens.cellTitleFontStyle, _Cell.tokens.cellTitleLineHeight, _Cell.tokens.cellTitleLetterSpacing);
|
14
|
+
var TextTitle = exports.TextTitle = function TextTitle(props) {
|
15
|
+
return /*#__PURE__*/_react["default"].createElement(StyledTextTitle, null, props.children);
|
16
|
+
};
|
@@ -0,0 +1,59 @@
|
|
1
|
+
"use strict";
|
2
|
+
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
4
|
+
value: true
|
5
|
+
});
|
6
|
+
Object.defineProperty(exports, "TextLabel", {
|
7
|
+
enumerable: true,
|
8
|
+
get: function get() {
|
9
|
+
return _TextLabel.TextLabel;
|
10
|
+
}
|
11
|
+
});
|
12
|
+
Object.defineProperty(exports, "TextSubtitle", {
|
13
|
+
enumerable: true,
|
14
|
+
get: function get() {
|
15
|
+
return _TextSubtitle.TextSubtitle;
|
16
|
+
}
|
17
|
+
});
|
18
|
+
Object.defineProperty(exports, "TextTitle", {
|
19
|
+
enumerable: true,
|
20
|
+
get: function get() {
|
21
|
+
return _TextTitle.TextTitle;
|
22
|
+
}
|
23
|
+
});
|
24
|
+
Object.defineProperty(exports, "Textbox", {
|
25
|
+
enumerable: true,
|
26
|
+
get: function get() {
|
27
|
+
return _Textbox.Textbox;
|
28
|
+
}
|
29
|
+
});
|
30
|
+
Object.defineProperty(exports, "cellClasses", {
|
31
|
+
enumerable: true,
|
32
|
+
get: function get() {
|
33
|
+
return _Cell2.classes;
|
34
|
+
}
|
35
|
+
});
|
36
|
+
Object.defineProperty(exports, "cellConfig", {
|
37
|
+
enumerable: true,
|
38
|
+
get: function get() {
|
39
|
+
return _Cell.cellConfig;
|
40
|
+
}
|
41
|
+
});
|
42
|
+
Object.defineProperty(exports, "cellRoot", {
|
43
|
+
enumerable: true,
|
44
|
+
get: function get() {
|
45
|
+
return _Cell.cellRoot;
|
46
|
+
}
|
47
|
+
});
|
48
|
+
Object.defineProperty(exports, "cellTokens", {
|
49
|
+
enumerable: true,
|
50
|
+
get: function get() {
|
51
|
+
return _Cell2.tokens;
|
52
|
+
}
|
53
|
+
});
|
54
|
+
var _TextLabel = /*#__PURE__*/require("./Textbox/ui/TextLabel");
|
55
|
+
var _TextTitle = /*#__PURE__*/require("./Textbox/ui/TextTitle");
|
56
|
+
var _TextSubtitle = /*#__PURE__*/require("./Textbox/ui/TextSubtitle");
|
57
|
+
var _Cell = /*#__PURE__*/require("./Cell");
|
58
|
+
var _Cell2 = /*#__PURE__*/require("./Cell.tokens");
|
59
|
+
var _Textbox = /*#__PURE__*/require("./Textbox/Textbox");
|
@@ -0,0 +1 @@
|
|
1
|
+
["--plasma-cell-left-height", "--plasma-cell-right-height", "--plasma-cell-height"]
|
@@ -0,0 +1,9 @@
|
|
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 _Cell = /*#__PURE__*/require("../../Cell.tokens");
|
9
|
+
var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["&.", "{width:var(", ");}&.", "{width:100%;}&.", "{width:auto;}"], _Cell.classes.fixedStretching, _Cell.tokens.cellWidth, _Cell.classes.filledStretching, _Cell.classes.autoStretching);
|
@@ -0,0 +1 @@
|
|
1
|
+
["--plasma-button-width"]
|