@salutejs/plasma-new-hope 0.69.0-canary.1148.8520837057.0 → 0.69.0-canary.1148.8535928735.0
Sign up to get free protection for your applications and to get access to all the features.
- package/cjs/components/Cell/ui/CellTextbox/CellTextbox.js +4 -4
- package/cjs/components/Cell/ui/CellTextbox/CellTextbox.js.map +1 -1
- package/cjs/components/Cell/ui/CellTextboxLabel/CellTextboxLabel.js +13 -0
- package/cjs/components/Cell/ui/CellTextboxLabel/CellTextboxLabel.js.map +1 -0
- package/cjs/components/Cell/ui/{CellTextLabel/CellTextLabel.styles.js → CellTextboxLabel/CellTextboxLabel.styles.js} +4 -4
- package/cjs/components/Cell/ui/CellTextboxLabel/CellTextboxLabel.styles.js.map +1 -0
- package/cjs/components/Cell/ui/CellTextboxSubtitle/CellTextboxSubtitle.js +13 -0
- package/cjs/components/Cell/ui/CellTextboxSubtitle/CellTextboxSubtitle.js.map +1 -0
- package/cjs/components/Cell/ui/{CellTextSubtitle/CellTextSubtitle.styles.js → CellTextboxSubtitle/CellTextboxSubtitle.styles.js} +4 -4
- package/cjs/components/Cell/ui/CellTextboxSubtitle/CellTextboxSubtitle.styles.js.map +1 -0
- package/cjs/components/Cell/ui/CellTextboxTitle/CellTextboxTitle.js +13 -0
- package/cjs/components/Cell/ui/CellTextboxTitle/CellTextboxTitle.js.map +1 -0
- package/cjs/components/Cell/ui/{CellTextTitle/CellTextTitle.styles.js → CellTextboxTitle/CellTextboxTitle.styles.js} +4 -4
- package/cjs/components/Cell/ui/CellTextboxTitle/CellTextboxTitle.styles.js.map +1 -0
- package/cjs/index.js +6 -6
- package/es/components/Cell/ui/CellTextbox/CellTextbox.js +4 -4
- package/es/components/Cell/ui/CellTextbox/CellTextbox.js.map +1 -1
- package/es/components/Cell/ui/CellTextboxLabel/CellTextboxLabel.js +9 -0
- package/es/components/Cell/ui/CellTextboxLabel/CellTextboxLabel.js.map +1 -0
- package/es/components/Cell/ui/{CellTextLabel/CellTextLabel.styles.js → CellTextboxLabel/CellTextboxLabel.styles.js} +4 -4
- package/es/components/Cell/ui/CellTextboxLabel/CellTextboxLabel.styles.js.map +1 -0
- package/es/components/Cell/ui/CellTextboxSubtitle/CellTextboxSubtitle.js +9 -0
- package/es/components/Cell/ui/CellTextboxSubtitle/CellTextboxSubtitle.js.map +1 -0
- package/es/components/Cell/ui/{CellTextSubtitle/CellTextSubtitle.styles.js → CellTextboxSubtitle/CellTextboxSubtitle.styles.js} +4 -4
- package/es/components/Cell/ui/CellTextboxSubtitle/CellTextboxSubtitle.styles.js.map +1 -0
- package/es/components/Cell/ui/CellTextboxTitle/CellTextboxTitle.js +9 -0
- package/es/components/Cell/ui/CellTextboxTitle/CellTextboxTitle.js.map +1 -0
- package/es/components/Cell/ui/{CellTextTitle/CellTextTitle.styles.js → CellTextboxTitle/CellTextboxTitle.styles.js} +4 -4
- package/es/components/Cell/ui/CellTextboxTitle/CellTextboxTitle.styles.js.map +1 -0
- package/es/index.js +3 -3
- package/package.json +4 -4
- package/styled-components/cjs/components/Cell/index.js +11 -11
- package/styled-components/cjs/components/Cell/ui/CellTextbox/CellTextbox.js +4 -4
- package/styled-components/cjs/components/Cell/ui/CellTextboxLabel/CellTextboxLabel.js +12 -0
- package/styled-components/cjs/components/Cell/ui/{CellTextLabel/CellTextLabel.styles.js → CellTextboxLabel/CellTextboxLabel.styles.js} +3 -3
- package/styled-components/cjs/components/Cell/ui/CellTextboxSubtitle/CellTextboxSubtitle.js +12 -0
- package/styled-components/cjs/components/Cell/ui/{CellTextSubtitle/CellTextSubtitle.styles.js → CellTextboxSubtitle/CellTextboxSubtitle.styles.js} +3 -3
- package/styled-components/cjs/components/Cell/ui/CellTextboxTitle/CellTextboxTitle.js +12 -0
- package/styled-components/cjs/components/Cell/ui/{CellTextTitle/CellTextTitle.styles.js → CellTextboxTitle/CellTextboxTitle.styles.js} +3 -3
- package/styled-components/cjs/examples/plasma_b2c/components/Cell/Cell.js +8 -8
- package/styled-components/cjs/examples/plasma_b2c/components/Cell/Cell.stories.tsx +3 -3
- package/styled-components/cjs/examples/plasma_web/components/Cell/Cell.js +8 -8
- package/styled-components/cjs/examples/plasma_web/components/Cell/Cell.stories.tsx +2 -2
- package/styled-components/es/components/Cell/index.js +3 -3
- package/styled-components/es/components/Cell/ui/CellTextbox/CellTextbox.js +4 -4
- package/styled-components/es/components/Cell/ui/CellTextboxLabel/CellTextboxLabel.js +5 -0
- package/styled-components/es/components/Cell/ui/{CellTextLabel/CellTextLabel.styles.js → CellTextboxLabel/CellTextboxLabel.styles.js} +2 -2
- package/styled-components/es/components/Cell/ui/CellTextboxSubtitle/CellTextboxSubtitle.js +5 -0
- package/styled-components/es/components/Cell/ui/{CellTextSubtitle/CellTextSubtitle.styles.js → CellTextboxSubtitle/CellTextboxSubtitle.styles.js} +2 -2
- package/styled-components/es/components/Cell/ui/CellTextboxTitle/CellTextboxTitle.js +5 -0
- package/styled-components/es/components/Cell/ui/{CellTextTitle/CellTextTitle.styles.js → CellTextboxTitle/CellTextboxTitle.styles.js} +2 -2
- package/styled-components/es/examples/plasma_b2c/components/Cell/Cell.js +2 -2
- package/styled-components/es/examples/plasma_b2c/components/Cell/Cell.stories.tsx +3 -3
- package/styled-components/es/examples/plasma_web/components/Cell/Cell.js +2 -2
- package/styled-components/es/examples/plasma_web/components/Cell/Cell.stories.tsx +2 -2
- package/types/components/Cell/index.d.ts +3 -3
- package/types/components/Cell/index.d.ts.map +1 -1
- package/types/components/Cell/ui/CellTextboxLabel/CellTextboxLabel.d.ts +3 -0
- package/types/components/Cell/ui/CellTextboxLabel/CellTextboxLabel.d.ts.map +1 -0
- package/types/components/Cell/ui/CellTextboxLabel/CellTextboxLabel.styles.d.ts +2 -0
- package/types/components/Cell/ui/CellTextboxLabel/CellTextboxLabel.styles.d.ts.map +1 -0
- package/types/components/Cell/ui/CellTextboxSubtitle/CellTextboxSubtitle.d.ts +3 -0
- package/types/components/Cell/ui/CellTextboxSubtitle/CellTextboxSubtitle.d.ts.map +1 -0
- package/types/components/Cell/ui/CellTextboxSubtitle/CellTextboxSubtitle.styles.d.ts +2 -0
- package/types/components/Cell/ui/CellTextboxSubtitle/CellTextboxSubtitle.styles.d.ts.map +1 -0
- package/types/components/Cell/ui/CellTextboxTitle/CellTextboxTitle.d.ts +3 -0
- package/types/components/Cell/ui/CellTextboxTitle/CellTextboxTitle.d.ts.map +1 -0
- package/types/components/Cell/ui/CellTextboxTitle/CellTextboxTitle.styles.d.ts +2 -0
- package/types/components/Cell/ui/CellTextboxTitle/CellTextboxTitle.styles.d.ts.map +1 -0
- package/types/examples/plasma_b2c/components/Cell/Cell.d.ts +2 -2
- package/types/examples/plasma_b2c/components/Cell/Cell.d.ts.map +1 -1
- package/types/examples/plasma_web/components/Cell/Cell.d.ts +2 -2
- package/types/examples/plasma_web/components/Cell/Cell.d.ts.map +1 -1
- package/cjs/components/Cell/ui/CellTextLabel/CellTextLabel.js +0 -13
- package/cjs/components/Cell/ui/CellTextLabel/CellTextLabel.js.map +0 -1
- package/cjs/components/Cell/ui/CellTextLabel/CellTextLabel.styles.js.map +0 -1
- package/cjs/components/Cell/ui/CellTextSubtitle/CellTextSubtitle.js +0 -13
- package/cjs/components/Cell/ui/CellTextSubtitle/CellTextSubtitle.js.map +0 -1
- package/cjs/components/Cell/ui/CellTextSubtitle/CellTextSubtitle.styles.js.map +0 -1
- package/cjs/components/Cell/ui/CellTextTitle/CellTextTitle.js +0 -13
- package/cjs/components/Cell/ui/CellTextTitle/CellTextTitle.js.map +0 -1
- package/cjs/components/Cell/ui/CellTextTitle/CellTextTitle.styles.js.map +0 -1
- package/es/components/Cell/ui/CellTextLabel/CellTextLabel.js +0 -9
- package/es/components/Cell/ui/CellTextLabel/CellTextLabel.js.map +0 -1
- package/es/components/Cell/ui/CellTextLabel/CellTextLabel.styles.js.map +0 -1
- package/es/components/Cell/ui/CellTextSubtitle/CellTextSubtitle.js +0 -9
- package/es/components/Cell/ui/CellTextSubtitle/CellTextSubtitle.js.map +0 -1
- package/es/components/Cell/ui/CellTextSubtitle/CellTextSubtitle.styles.js.map +0 -1
- package/es/components/Cell/ui/CellTextTitle/CellTextTitle.js +0 -9
- package/es/components/Cell/ui/CellTextTitle/CellTextTitle.js.map +0 -1
- package/es/components/Cell/ui/CellTextTitle/CellTextTitle.styles.js.map +0 -1
- package/styled-components/cjs/components/Cell/ui/CellTextLabel/CellTextLabel.js +0 -12
- package/styled-components/cjs/components/Cell/ui/CellTextSubtitle/CellTextSubtitle.js +0 -12
- package/styled-components/cjs/components/Cell/ui/CellTextTitle/CellTextTitle.js +0 -12
- package/styled-components/es/components/Cell/ui/CellTextLabel/CellTextLabel.js +0 -5
- package/styled-components/es/components/Cell/ui/CellTextSubtitle/CellTextSubtitle.js +0 -5
- package/styled-components/es/components/Cell/ui/CellTextTitle/CellTextTitle.js +0 -5
- package/types/components/Cell/ui/CellTextLabel/CellTextLabel.d.ts +0 -3
- package/types/components/Cell/ui/CellTextLabel/CellTextLabel.d.ts.map +0 -1
- package/types/components/Cell/ui/CellTextLabel/CellTextLabel.styles.d.ts +0 -2
- package/types/components/Cell/ui/CellTextLabel/CellTextLabel.styles.d.ts.map +0 -1
- package/types/components/Cell/ui/CellTextSubtitle/CellTextSubtitle.d.ts +0 -3
- package/types/components/Cell/ui/CellTextSubtitle/CellTextSubtitle.d.ts.map +0 -1
- package/types/components/Cell/ui/CellTextSubtitle/CellTextSubtitle.styles.d.ts +0 -2
- package/types/components/Cell/ui/CellTextSubtitle/CellTextSubtitle.styles.d.ts.map +0 -1
- package/types/components/Cell/ui/CellTextTitle/CellTextTitle.d.ts +0 -3
- package/types/components/Cell/ui/CellTextTitle/CellTextTitle.d.ts.map +0 -1
- package/types/components/Cell/ui/CellTextTitle/CellTextTitle.styles.d.ts +0 -2
- package/types/components/Cell/ui/CellTextTitle/CellTextTitle.styles.d.ts.map +0 -1
@@ -3,9 +3,9 @@
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
4
4
|
|
5
5
|
var React = require('react');
|
6
|
-
var
|
7
|
-
var
|
8
|
-
var
|
6
|
+
var CellTextboxLabel = require('../CellTextboxLabel/CellTextboxLabel.js');
|
7
|
+
var CellTextboxTitle = require('../CellTextboxTitle/CellTextboxTitle.js');
|
8
|
+
var CellTextboxSubtitle = require('../CellTextboxSubtitle/CellTextboxSubtitle.js');
|
9
9
|
var CellTextbox_styles = require('./CellTextbox.styles.js');
|
10
10
|
|
11
11
|
var CellTextbox = function CellTextbox(_ref) {
|
@@ -13,7 +13,7 @@ var CellTextbox = function CellTextbox(_ref) {
|
|
13
13
|
title = _ref.title,
|
14
14
|
subtitle = _ref.subtitle,
|
15
15
|
children = _ref.children;
|
16
|
-
return /*#__PURE__*/React.createElement(CellTextbox_styles.CellTextboxStyled, null, label || title || subtitle ? /*#__PURE__*/React.createElement(React.Fragment, null, label && /*#__PURE__*/React.createElement(
|
16
|
+
return /*#__PURE__*/React.createElement(CellTextbox_styles.CellTextboxStyled, null, label || title || subtitle ? /*#__PURE__*/React.createElement(React.Fragment, null, label && /*#__PURE__*/React.createElement(CellTextboxLabel.CellTextboxLabel, null, label), title && /*#__PURE__*/React.createElement(CellTextboxTitle.CellTextboxTitle, null, title), subtitle && /*#__PURE__*/React.createElement(CellTextboxSubtitle.CellTextboxSubtitle, null, subtitle)) : children);
|
17
17
|
};
|
18
18
|
|
19
19
|
exports.CellTextbox = CellTextbox;
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"CellTextbox.js","sources":["../../../../../src/components/Cell/ui/CellTextbox/CellTextbox.tsx"],"sourcesContent":["import React, { HTMLAttributes } from 'react';\n\nimport {
|
1
|
+
{"version":3,"file":"CellTextbox.js","sources":["../../../../../src/components/Cell/ui/CellTextbox/CellTextbox.tsx"],"sourcesContent":["import React, { HTMLAttributes } from 'react';\n\nimport { CellTextboxLabel } from '../CellTextboxLabel/CellTextboxLabel';\nimport { CellTextboxTitle } from '../CellTextboxTitle/CellTextboxTitle';\nimport { CellTextboxSubtitle } from '../CellTextboxSubtitle/CellTextboxSubtitle';\n\nimport { CellTextboxStyled } from './CellTextbox.styles';\nimport type { CellTextboxProps } from './CellTextbox.types';\n\nexport const CellTextbox: React.FC<HTMLAttributes<HTMLDivElement> & CellTextboxProps> = ({\n label,\n title,\n subtitle,\n children,\n}) => {\n return (\n <CellTextboxStyled>\n {label || title || subtitle ? (\n <>\n {label && <CellTextboxLabel>{label}</CellTextboxLabel>}\n {title && <CellTextboxTitle>{title}</CellTextboxTitle>}\n {subtitle && <CellTextboxSubtitle>{subtitle}</CellTextboxSubtitle>}\n </>\n ) : (\n children\n )}\n </CellTextboxStyled>\n );\n};\n"],"names":["CellTextbox","_ref","label","title","subtitle","children","React","createElement","CellTextboxStyled","Fragment","CellTextboxLabel","CellTextboxTitle","CellTextboxSubtitle"],"mappings":";;;;;;;;;;IASaA,WAAwE,GAAG,SAA3EA,WAAwEA,CAAAC,IAAA,EAK/E;AAAA,EAAA,IAJFC,KAAK,GAAAD,IAAA,CAALC,KAAK;IACLC,KAAK,GAAAF,IAAA,CAALE,KAAK;IACLC,QAAQ,GAAAH,IAAA,CAARG,QAAQ;IACRC,QAAQ,GAAAJ,IAAA,CAARI,QAAQ,CAAA;EAER,oBACIC,KAAA,CAAAC,aAAA,CAACC,oCAAiB,QACbN,KAAK,IAAIC,KAAK,IAAIC,QAAQ,gBACvBE,KAAA,CAAAC,aAAA,CAAAD,KAAA,CAAAG,QAAA,EACKP,IAAAA,EAAAA,KAAK,iBAAII,KAAA,CAAAC,aAAA,CAACG,iCAAgB,QAAER,KAAwB,CAAC,EACrDC,KAAK,iBAAIG,KAAA,CAAAC,aAAA,CAACI,iCAAgB,EAAER,IAAAA,EAAAA,KAAwB,CAAC,EACrDC,QAAQ,iBAAIE,KAAA,CAAAC,aAAA,CAACK,uCAAmB,EAAER,IAAAA,EAAAA,QAA8B,CACnE,CAAC,GAEHC,QAEW,CAAC,CAAA;AAE5B;;;;"}
|
@@ -0,0 +1,13 @@
|
|
1
|
+
'use strict';
|
2
|
+
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
4
|
+
|
5
|
+
var React = require('react');
|
6
|
+
var CellTextboxLabel_styles = require('./CellTextboxLabel.styles.js');
|
7
|
+
|
8
|
+
var CellTextboxLabel = function CellTextboxLabel(props) {
|
9
|
+
return /*#__PURE__*/React.createElement(CellTextboxLabel_styles.StyledTextboxLabel, null, props.children);
|
10
|
+
};
|
11
|
+
|
12
|
+
exports.CellTextboxLabel = CellTextboxLabel;
|
13
|
+
//# sourceMappingURL=CellTextboxLabel.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"CellTextboxLabel.js","sources":["../../../../../src/components/Cell/ui/CellTextboxLabel/CellTextboxLabel.tsx"],"sourcesContent":["import React, { HTMLAttributes } from 'react';\n\nimport { StyledTextboxLabel } from './CellTextboxLabel.styles';\n\nexport const CellTextboxLabel: React.FC<HTMLAttributes<HTMLDivElement>> = (props) => {\n return <StyledTextboxLabel>{props.children}</StyledTextboxLabel>;\n};\n"],"names":["CellTextboxLabel","props","React","createElement","StyledTextboxLabel","children"],"mappings":";;;;;;;IAIaA,gBAA0D,GAAG,SAA7DA,gBAA0DA,CAAIC,KAAK,EAAK;EACjF,oBAAOC,KAAA,CAAAC,aAAA,CAACC,0CAAkB,EAAEH,IAAAA,EAAAA,KAAK,CAACI,QAA6B,CAAC,CAAA;AACpE;;;;"}
|
@@ -5,9 +5,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
5
5
|
var styled = require('styled-components');
|
6
6
|
var Cell_tokens = require('../../Cell.tokens.js');
|
7
7
|
|
8
|
-
var
|
9
|
-
componentId: "plasma-new-hope__sc-
|
8
|
+
var StyledTextboxLabel = /*#__PURE__*/styled.div.withConfig({
|
9
|
+
componentId: "plasma-new-hope__sc-1mmt0od-0"
|
10
10
|
})(["color:var(", ");font-size:var(", ");font-weight:var(", ");font-family:var(", ");font-style:var(", ");line-height:var(", ");letter-spacing:var(", ");"], Cell_tokens.tokens.cellLabelColor, Cell_tokens.tokens.cellLabelFontSize, Cell_tokens.tokens.cellLabelFontWeight, Cell_tokens.tokens.cellLabelFontFamily, Cell_tokens.tokens.cellLabelFontStyle, Cell_tokens.tokens.cellLabelLineHeight, Cell_tokens.tokens.cellLabelLetterSpacing);
|
11
11
|
|
12
|
-
exports.
|
13
|
-
//# sourceMappingURL=
|
12
|
+
exports.StyledTextboxLabel = StyledTextboxLabel;
|
13
|
+
//# sourceMappingURL=CellTextboxLabel.styles.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"CellTextboxLabel.styles.js","sources":["../../../../../src/components/Cell/ui/CellTextboxLabel/CellTextboxLabel.styles.ts"],"sourcesContent":["import styled from 'styled-components';\n\nimport { tokens } from '../../Cell.tokens';\n\nexport const StyledTextboxLabel = 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"],"names":["StyledTextboxLabel","styled","div","withConfig","componentId","tokens","cellLabelColor","cellLabelFontSize","cellLabelFontWeight","cellLabelFontFamily","cellLabelFontStyle","cellLabelLineHeight","cellLabelLetterSpacing"],"mappings":";;;;;;;IAIaA,kBAAkB,gBAAGC,MAAM,CAACC,GAAG,CAAAC,UAAA,CAAA;EAAAC,WAAA,EAAA,+BAAA;AAAA,CAC3BC,CAAAA,CAAAA,CAAAA,YAAAA,EAAAA,kBAAAA,EAAAA,oBAAAA,EAAAA,oBAAAA,EAAAA,mBAAAA,EAAAA,oBAAAA,EAAAA,uBAAAA,EAAAA,IAAAA,CAAAA,EAAAA,kBAAM,CAACC,cAAc,EACjBD,kBAAM,CAACE,iBAAiB,EACtBF,kBAAM,CAACG,mBAAmB,EAC1BH,kBAAM,CAACI,mBAAmB,EAC3BJ,kBAAM,CAACK,kBAAkB,EACxBL,kBAAM,CAACM,mBAAmB,EACvBN,kBAAM,CAACO,sBAAsB;;;;"}
|
@@ -0,0 +1,13 @@
|
|
1
|
+
'use strict';
|
2
|
+
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
4
|
+
|
5
|
+
var React = require('react');
|
6
|
+
var CellTextboxSubtitle_styles = require('./CellTextboxSubtitle.styles.js');
|
7
|
+
|
8
|
+
var CellTextboxSubtitle = function CellTextboxSubtitle(props) {
|
9
|
+
return /*#__PURE__*/React.createElement(CellTextboxSubtitle_styles.StyledTextboxSubtitle, null, props.children);
|
10
|
+
};
|
11
|
+
|
12
|
+
exports.CellTextboxSubtitle = CellTextboxSubtitle;
|
13
|
+
//# sourceMappingURL=CellTextboxSubtitle.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"CellTextboxSubtitle.js","sources":["../../../../../src/components/Cell/ui/CellTextboxSubtitle/CellTextboxSubtitle.tsx"],"sourcesContent":["import React, { HTMLAttributes } from 'react';\n\nimport { StyledTextboxSubtitle } from './CellTextboxSubtitle.styles';\n\nexport const CellTextboxSubtitle: React.FC<HTMLAttributes<HTMLDivElement>> = (props) => {\n return <StyledTextboxSubtitle>{props.children}</StyledTextboxSubtitle>;\n};\n"],"names":["CellTextboxSubtitle","props","React","createElement","StyledTextboxSubtitle","children"],"mappings":";;;;;;;IAIaA,mBAA6D,GAAG,SAAhEA,mBAA6DA,CAAIC,KAAK,EAAK;EACpF,oBAAOC,KAAA,CAAAC,aAAA,CAACC,gDAAqB,EAAEH,IAAAA,EAAAA,KAAK,CAACI,QAAgC,CAAC,CAAA;AAC1E;;;;"}
|
@@ -5,9 +5,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
5
5
|
var styled = require('styled-components');
|
6
6
|
var Cell_tokens = require('../../Cell.tokens.js');
|
7
7
|
|
8
|
-
var
|
9
|
-
componentId: "plasma-new-hope__sc-
|
8
|
+
var StyledTextboxSubtitle = /*#__PURE__*/styled.div.withConfig({
|
9
|
+
componentId: "plasma-new-hope__sc-1kug7tk-0"
|
10
10
|
})(["color:var(", ");font-size:var(", ");font-weight:var(", ");font-family:var(", ");font-style:var(", ");line-height:var(", ");letter-spacing:var(", ");"], Cell_tokens.tokens.cellSubtitleColor, Cell_tokens.tokens.cellSubtitleFontSize, Cell_tokens.tokens.cellSubtitleFontWeight, Cell_tokens.tokens.cellSubtitleFontFamily, Cell_tokens.tokens.cellSubtitleFontStyle, Cell_tokens.tokens.cellSubtitleLineHeight, Cell_tokens.tokens.cellSubtitleLetterSpacing);
|
11
11
|
|
12
|
-
exports.
|
13
|
-
//# sourceMappingURL=
|
12
|
+
exports.StyledTextboxSubtitle = StyledTextboxSubtitle;
|
13
|
+
//# sourceMappingURL=CellTextboxSubtitle.styles.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"CellTextboxSubtitle.styles.js","sources":["../../../../../src/components/Cell/ui/CellTextboxSubtitle/CellTextboxSubtitle.styles.ts"],"sourcesContent":["import styled from 'styled-components';\n\nimport { tokens } from '../../Cell.tokens';\n\nexport const StyledTextboxSubtitle = 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"],"names":["StyledTextboxSubtitle","styled","div","withConfig","componentId","tokens","cellSubtitleColor","cellSubtitleFontSize","cellSubtitleFontWeight","cellSubtitleFontFamily","cellSubtitleFontStyle","cellSubtitleLineHeight","cellSubtitleLetterSpacing"],"mappings":";;;;;;;IAIaA,qBAAqB,gBAAGC,MAAM,CAACC,GAAG,CAAAC,UAAA,CAAA;EAAAC,WAAA,EAAA,+BAAA;AAAA,CAC9BC,CAAAA,CAAAA,CAAAA,YAAAA,EAAAA,kBAAAA,EAAAA,oBAAAA,EAAAA,oBAAAA,EAAAA,mBAAAA,EAAAA,oBAAAA,EAAAA,uBAAAA,EAAAA,IAAAA,CAAAA,EAAAA,kBAAM,CAACC,iBAAiB,EACpBD,kBAAM,CAACE,oBAAoB,EACzBF,kBAAM,CAACG,sBAAsB,EAC7BH,kBAAM,CAACI,sBAAsB,EAC9BJ,kBAAM,CAACK,qBAAqB,EAC3BL,kBAAM,CAACM,sBAAsB,EAC1BN,kBAAM,CAACO,yBAAyB;;;;"}
|
@@ -0,0 +1,13 @@
|
|
1
|
+
'use strict';
|
2
|
+
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
4
|
+
|
5
|
+
var React = require('react');
|
6
|
+
var CellTextboxTitle_styles = require('./CellTextboxTitle.styles.js');
|
7
|
+
|
8
|
+
var CellTextboxTitle = function CellTextboxTitle(props) {
|
9
|
+
return /*#__PURE__*/React.createElement(CellTextboxTitle_styles.StyledTextboxTitle, null, props.children);
|
10
|
+
};
|
11
|
+
|
12
|
+
exports.CellTextboxTitle = CellTextboxTitle;
|
13
|
+
//# sourceMappingURL=CellTextboxTitle.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"CellTextboxTitle.js","sources":["../../../../../src/components/Cell/ui/CellTextboxTitle/CellTextboxTitle.tsx"],"sourcesContent":["import React, { HTMLAttributes } from 'react';\n\nimport { StyledTextboxTitle } from './CellTextboxTitle.styles';\n\nexport const CellTextboxTitle: React.FC<HTMLAttributes<HTMLDivElement>> = (props) => {\n return <StyledTextboxTitle>{props.children}</StyledTextboxTitle>;\n};\n"],"names":["CellTextboxTitle","props","React","createElement","StyledTextboxTitle","children"],"mappings":";;;;;;;IAIaA,gBAA0D,GAAG,SAA7DA,gBAA0DA,CAAIC,KAAK,EAAK;EACjF,oBAAOC,KAAA,CAAAC,aAAA,CAACC,0CAAkB,EAAEH,IAAAA,EAAAA,KAAK,CAACI,QAA6B,CAAC,CAAA;AACpE;;;;"}
|
@@ -5,9 +5,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
5
5
|
var styled = require('styled-components');
|
6
6
|
var Cell_tokens = require('../../Cell.tokens.js');
|
7
7
|
|
8
|
-
var
|
9
|
-
componentId: "plasma-new-hope__sc-
|
8
|
+
var StyledTextboxTitle = /*#__PURE__*/styled.div.withConfig({
|
9
|
+
componentId: "plasma-new-hope__sc-h92q43-0"
|
10
10
|
})(["color:var(", ");font-size:var(", ");font-weight:var(", ");font-family:var(", ");font-style:var(", ");line-height:var(", ");letter-spacing:var(", ");"], Cell_tokens.tokens.cellTitleColor, Cell_tokens.tokens.cellTitleFontSize, Cell_tokens.tokens.cellTitleFontWeight, Cell_tokens.tokens.cellTitleFontFamily, Cell_tokens.tokens.cellTitleFontStyle, Cell_tokens.tokens.cellTitleLineHeight, Cell_tokens.tokens.cellTitleLetterSpacing);
|
11
11
|
|
12
|
-
exports.
|
13
|
-
//# sourceMappingURL=
|
12
|
+
exports.StyledTextboxTitle = StyledTextboxTitle;
|
13
|
+
//# sourceMappingURL=CellTextboxTitle.styles.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"CellTextboxTitle.styles.js","sources":["../../../../../src/components/Cell/ui/CellTextboxTitle/CellTextboxTitle.styles.ts"],"sourcesContent":["import styled from 'styled-components';\n\nimport { tokens } from '../../Cell.tokens';\n\nexport const StyledTextboxTitle = 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"],"names":["StyledTextboxTitle","styled","div","withConfig","componentId","tokens","cellTitleColor","cellTitleFontSize","cellTitleFontWeight","cellTitleFontFamily","cellTitleFontStyle","cellTitleLineHeight","cellTitleLetterSpacing"],"mappings":";;;;;;;IAIaA,kBAAkB,gBAAGC,MAAM,CAACC,GAAG,CAAAC,UAAA,CAAA;EAAAC,WAAA,EAAA,8BAAA;AAAA,CAC3BC,CAAAA,CAAAA,CAAAA,YAAAA,EAAAA,kBAAAA,EAAAA,oBAAAA,EAAAA,oBAAAA,EAAAA,mBAAAA,EAAAA,oBAAAA,EAAAA,uBAAAA,EAAAA,IAAAA,CAAAA,EAAAA,kBAAM,CAACC,cAAc,EACjBD,kBAAM,CAACE,iBAAiB,EACtBF,kBAAM,CAACG,mBAAmB,EAC1BH,kBAAM,CAACI,mBAAmB,EAC3BJ,kBAAM,CAACK,kBAAkB,EACxBL,kBAAM,CAACM,mBAAmB,EACvBN,kBAAM,CAACO,sBAAsB;;;;"}
|
package/cjs/index.js
CHANGED
@@ -23,9 +23,9 @@ var ButtonGroup = require('./components/ButtonGroup/ButtonGroup.js');
|
|
23
23
|
var ButtonGroup_tokens = require('./components/ButtonGroup/ButtonGroup.tokens.js');
|
24
24
|
var Chip = require('./components/Chip/Chip.js');
|
25
25
|
var Chip_tokens = require('./components/Chip/Chip.tokens.js');
|
26
|
-
var
|
27
|
-
var
|
28
|
-
var
|
26
|
+
var CellTextboxLabel = require('./components/Cell/ui/CellTextboxLabel/CellTextboxLabel.js');
|
27
|
+
var CellTextboxTitle = require('./components/Cell/ui/CellTextboxTitle/CellTextboxTitle.js');
|
28
|
+
var CellTextboxSubtitle = require('./components/Cell/ui/CellTextboxSubtitle/CellTextboxSubtitle.js');
|
29
29
|
var Cell = require('./components/Cell/Cell.js');
|
30
30
|
var Cell_tokens = require('./components/Cell/Cell.tokens.js');
|
31
31
|
var CellTextbox = require('./components/Cell/ui/CellTextbox/CellTextbox.js');
|
@@ -244,9 +244,9 @@ exports.buttonGroupTokens = ButtonGroup_tokens.tokens;
|
|
244
244
|
exports.chipConfig = Chip.chipConfig;
|
245
245
|
exports.chipRoot = Chip.chipRoot;
|
246
246
|
exports.chipTokens = Chip_tokens.tokens;
|
247
|
-
exports.
|
248
|
-
exports.
|
249
|
-
exports.
|
247
|
+
exports.CellTextboxLabel = CellTextboxLabel.CellTextboxLabel;
|
248
|
+
exports.CellTextboxTitle = CellTextboxTitle.CellTextboxTitle;
|
249
|
+
exports.CellTextboxSubtitle = CellTextboxSubtitle.CellTextboxSubtitle;
|
250
250
|
exports.cellConfig = Cell.cellConfig;
|
251
251
|
exports.cellRoot = Cell.cellRoot;
|
252
252
|
exports.cellClasses = Cell_tokens.classes;
|
@@ -1,7 +1,7 @@
|
|
1
1
|
import React from 'react';
|
2
|
-
import {
|
3
|
-
import {
|
4
|
-
import {
|
2
|
+
import { CellTextboxLabel } from '../CellTextboxLabel/CellTextboxLabel.js';
|
3
|
+
import { CellTextboxTitle } from '../CellTextboxTitle/CellTextboxTitle.js';
|
4
|
+
import { CellTextboxSubtitle } from '../CellTextboxSubtitle/CellTextboxSubtitle.js';
|
5
5
|
import { CellTextboxStyled } from './CellTextbox.styles.js';
|
6
6
|
|
7
7
|
var CellTextbox = function CellTextbox(_ref) {
|
@@ -9,7 +9,7 @@ var CellTextbox = function CellTextbox(_ref) {
|
|
9
9
|
title = _ref.title,
|
10
10
|
subtitle = _ref.subtitle,
|
11
11
|
children = _ref.children;
|
12
|
-
return /*#__PURE__*/React.createElement(CellTextboxStyled, null, label || title || subtitle ? /*#__PURE__*/React.createElement(React.Fragment, null, label && /*#__PURE__*/React.createElement(
|
12
|
+
return /*#__PURE__*/React.createElement(CellTextboxStyled, null, label || title || subtitle ? /*#__PURE__*/React.createElement(React.Fragment, null, label && /*#__PURE__*/React.createElement(CellTextboxLabel, null, label), title && /*#__PURE__*/React.createElement(CellTextboxTitle, null, title), subtitle && /*#__PURE__*/React.createElement(CellTextboxSubtitle, null, subtitle)) : children);
|
13
13
|
};
|
14
14
|
|
15
15
|
export { CellTextbox };
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"CellTextbox.js","sources":["../../../../../src/components/Cell/ui/CellTextbox/CellTextbox.tsx"],"sourcesContent":["import React, { HTMLAttributes } from 'react';\n\nimport {
|
1
|
+
{"version":3,"file":"CellTextbox.js","sources":["../../../../../src/components/Cell/ui/CellTextbox/CellTextbox.tsx"],"sourcesContent":["import React, { HTMLAttributes } from 'react';\n\nimport { CellTextboxLabel } from '../CellTextboxLabel/CellTextboxLabel';\nimport { CellTextboxTitle } from '../CellTextboxTitle/CellTextboxTitle';\nimport { CellTextboxSubtitle } from '../CellTextboxSubtitle/CellTextboxSubtitle';\n\nimport { CellTextboxStyled } from './CellTextbox.styles';\nimport type { CellTextboxProps } from './CellTextbox.types';\n\nexport const CellTextbox: React.FC<HTMLAttributes<HTMLDivElement> & CellTextboxProps> = ({\n label,\n title,\n subtitle,\n children,\n}) => {\n return (\n <CellTextboxStyled>\n {label || title || subtitle ? (\n <>\n {label && <CellTextboxLabel>{label}</CellTextboxLabel>}\n {title && <CellTextboxTitle>{title}</CellTextboxTitle>}\n {subtitle && <CellTextboxSubtitle>{subtitle}</CellTextboxSubtitle>}\n </>\n ) : (\n children\n )}\n </CellTextboxStyled>\n );\n};\n"],"names":["CellTextbox","_ref","label","title","subtitle","children","React","createElement","CellTextboxStyled","Fragment","CellTextboxLabel","CellTextboxTitle","CellTextboxSubtitle"],"mappings":";;;;;;IASaA,WAAwE,GAAG,SAA3EA,WAAwEA,CAAAC,IAAA,EAK/E;AAAA,EAAA,IAJFC,KAAK,GAAAD,IAAA,CAALC,KAAK;IACLC,KAAK,GAAAF,IAAA,CAALE,KAAK;IACLC,QAAQ,GAAAH,IAAA,CAARG,QAAQ;IACRC,QAAQ,GAAAJ,IAAA,CAARI,QAAQ,CAAA;EAER,oBACIC,KAAA,CAAAC,aAAA,CAACC,iBAAiB,QACbN,KAAK,IAAIC,KAAK,IAAIC,QAAQ,gBACvBE,KAAA,CAAAC,aAAA,CAAAD,KAAA,CAAAG,QAAA,EACKP,IAAAA,EAAAA,KAAK,iBAAII,KAAA,CAAAC,aAAA,CAACG,gBAAgB,QAAER,KAAwB,CAAC,EACrDC,KAAK,iBAAIG,KAAA,CAAAC,aAAA,CAACI,gBAAgB,EAAER,IAAAA,EAAAA,KAAwB,CAAC,EACrDC,QAAQ,iBAAIE,KAAA,CAAAC,aAAA,CAACK,mBAAmB,EAAER,IAAAA,EAAAA,QAA8B,CACnE,CAAC,GAEHC,QAEW,CAAC,CAAA;AAE5B;;;;"}
|
@@ -0,0 +1,9 @@
|
|
1
|
+
import React from 'react';
|
2
|
+
import { StyledTextboxLabel } from './CellTextboxLabel.styles.js';
|
3
|
+
|
4
|
+
var CellTextboxLabel = function CellTextboxLabel(props) {
|
5
|
+
return /*#__PURE__*/React.createElement(StyledTextboxLabel, null, props.children);
|
6
|
+
};
|
7
|
+
|
8
|
+
export { CellTextboxLabel };
|
9
|
+
//# sourceMappingURL=CellTextboxLabel.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"CellTextboxLabel.js","sources":["../../../../../src/components/Cell/ui/CellTextboxLabel/CellTextboxLabel.tsx"],"sourcesContent":["import React, { HTMLAttributes } from 'react';\n\nimport { StyledTextboxLabel } from './CellTextboxLabel.styles';\n\nexport const CellTextboxLabel: React.FC<HTMLAttributes<HTMLDivElement>> = (props) => {\n return <StyledTextboxLabel>{props.children}</StyledTextboxLabel>;\n};\n"],"names":["CellTextboxLabel","props","React","createElement","StyledTextboxLabel","children"],"mappings":";;;IAIaA,gBAA0D,GAAG,SAA7DA,gBAA0DA,CAAIC,KAAK,EAAK;EACjF,oBAAOC,KAAA,CAAAC,aAAA,CAACC,kBAAkB,EAAEH,IAAAA,EAAAA,KAAK,CAACI,QAA6B,CAAC,CAAA;AACpE;;;;"}
|
@@ -1,9 +1,9 @@
|
|
1
1
|
import styled from 'styled-components';
|
2
2
|
import { tokens } from '../../Cell.tokens.js';
|
3
3
|
|
4
|
-
var
|
5
|
-
componentId: "plasma-new-hope__sc-
|
4
|
+
var StyledTextboxLabel = /*#__PURE__*/styled.div.withConfig({
|
5
|
+
componentId: "plasma-new-hope__sc-1mmt0od-0"
|
6
6
|
})(["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);
|
7
7
|
|
8
|
-
export {
|
9
|
-
//# sourceMappingURL=
|
8
|
+
export { StyledTextboxLabel };
|
9
|
+
//# sourceMappingURL=CellTextboxLabel.styles.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"CellTextboxLabel.styles.js","sources":["../../../../../src/components/Cell/ui/CellTextboxLabel/CellTextboxLabel.styles.ts"],"sourcesContent":["import styled from 'styled-components';\n\nimport { tokens } from '../../Cell.tokens';\n\nexport const StyledTextboxLabel = 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"],"names":["StyledTextboxLabel","styled","div","withConfig","componentId","tokens","cellLabelColor","cellLabelFontSize","cellLabelFontWeight","cellLabelFontFamily","cellLabelFontStyle","cellLabelLineHeight","cellLabelLetterSpacing"],"mappings":";;;IAIaA,kBAAkB,gBAAGC,MAAM,CAACC,GAAG,CAAAC,UAAA,CAAA;EAAAC,WAAA,EAAA,+BAAA;AAAA,CAC3BC,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;;;;"}
|
@@ -0,0 +1,9 @@
|
|
1
|
+
import React from 'react';
|
2
|
+
import { StyledTextboxSubtitle } from './CellTextboxSubtitle.styles.js';
|
3
|
+
|
4
|
+
var CellTextboxSubtitle = function CellTextboxSubtitle(props) {
|
5
|
+
return /*#__PURE__*/React.createElement(StyledTextboxSubtitle, null, props.children);
|
6
|
+
};
|
7
|
+
|
8
|
+
export { CellTextboxSubtitle };
|
9
|
+
//# sourceMappingURL=CellTextboxSubtitle.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"CellTextboxSubtitle.js","sources":["../../../../../src/components/Cell/ui/CellTextboxSubtitle/CellTextboxSubtitle.tsx"],"sourcesContent":["import React, { HTMLAttributes } from 'react';\n\nimport { StyledTextboxSubtitle } from './CellTextboxSubtitle.styles';\n\nexport const CellTextboxSubtitle: React.FC<HTMLAttributes<HTMLDivElement>> = (props) => {\n return <StyledTextboxSubtitle>{props.children}</StyledTextboxSubtitle>;\n};\n"],"names":["CellTextboxSubtitle","props","React","createElement","StyledTextboxSubtitle","children"],"mappings":";;;IAIaA,mBAA6D,GAAG,SAAhEA,mBAA6DA,CAAIC,KAAK,EAAK;EACpF,oBAAOC,KAAA,CAAAC,aAAA,CAACC,qBAAqB,EAAEH,IAAAA,EAAAA,KAAK,CAACI,QAAgC,CAAC,CAAA;AAC1E;;;;"}
|
@@ -1,9 +1,9 @@
|
|
1
1
|
import styled from 'styled-components';
|
2
2
|
import { tokens } from '../../Cell.tokens.js';
|
3
3
|
|
4
|
-
var
|
5
|
-
componentId: "plasma-new-hope__sc-
|
4
|
+
var StyledTextboxSubtitle = /*#__PURE__*/styled.div.withConfig({
|
5
|
+
componentId: "plasma-new-hope__sc-1kug7tk-0"
|
6
6
|
})(["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);
|
7
7
|
|
8
|
-
export {
|
9
|
-
//# sourceMappingURL=
|
8
|
+
export { StyledTextboxSubtitle };
|
9
|
+
//# sourceMappingURL=CellTextboxSubtitle.styles.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"CellTextboxSubtitle.styles.js","sources":["../../../../../src/components/Cell/ui/CellTextboxSubtitle/CellTextboxSubtitle.styles.ts"],"sourcesContent":["import styled from 'styled-components';\n\nimport { tokens } from '../../Cell.tokens';\n\nexport const StyledTextboxSubtitle = 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"],"names":["StyledTextboxSubtitle","styled","div","withConfig","componentId","tokens","cellSubtitleColor","cellSubtitleFontSize","cellSubtitleFontWeight","cellSubtitleFontFamily","cellSubtitleFontStyle","cellSubtitleLineHeight","cellSubtitleLetterSpacing"],"mappings":";;;IAIaA,qBAAqB,gBAAGC,MAAM,CAACC,GAAG,CAAAC,UAAA,CAAA;EAAAC,WAAA,EAAA,+BAAA;AAAA,CAC9BC,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;;;;"}
|
@@ -0,0 +1,9 @@
|
|
1
|
+
import React from 'react';
|
2
|
+
import { StyledTextboxTitle } from './CellTextboxTitle.styles.js';
|
3
|
+
|
4
|
+
var CellTextboxTitle = function CellTextboxTitle(props) {
|
5
|
+
return /*#__PURE__*/React.createElement(StyledTextboxTitle, null, props.children);
|
6
|
+
};
|
7
|
+
|
8
|
+
export { CellTextboxTitle };
|
9
|
+
//# sourceMappingURL=CellTextboxTitle.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"CellTextboxTitle.js","sources":["../../../../../src/components/Cell/ui/CellTextboxTitle/CellTextboxTitle.tsx"],"sourcesContent":["import React, { HTMLAttributes } from 'react';\n\nimport { StyledTextboxTitle } from './CellTextboxTitle.styles';\n\nexport const CellTextboxTitle: React.FC<HTMLAttributes<HTMLDivElement>> = (props) => {\n return <StyledTextboxTitle>{props.children}</StyledTextboxTitle>;\n};\n"],"names":["CellTextboxTitle","props","React","createElement","StyledTextboxTitle","children"],"mappings":";;;IAIaA,gBAA0D,GAAG,SAA7DA,gBAA0DA,CAAIC,KAAK,EAAK;EACjF,oBAAOC,KAAA,CAAAC,aAAA,CAACC,kBAAkB,EAAEH,IAAAA,EAAAA,KAAK,CAACI,QAA6B,CAAC,CAAA;AACpE;;;;"}
|
@@ -1,9 +1,9 @@
|
|
1
1
|
import styled from 'styled-components';
|
2
2
|
import { tokens } from '../../Cell.tokens.js';
|
3
3
|
|
4
|
-
var
|
5
|
-
componentId: "plasma-new-hope__sc-
|
4
|
+
var StyledTextboxTitle = /*#__PURE__*/styled.div.withConfig({
|
5
|
+
componentId: "plasma-new-hope__sc-h92q43-0"
|
6
6
|
})(["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);
|
7
7
|
|
8
|
-
export {
|
9
|
-
//# sourceMappingURL=
|
8
|
+
export { StyledTextboxTitle };
|
9
|
+
//# sourceMappingURL=CellTextboxTitle.styles.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"CellTextboxTitle.styles.js","sources":["../../../../../src/components/Cell/ui/CellTextboxTitle/CellTextboxTitle.styles.ts"],"sourcesContent":["import styled from 'styled-components';\n\nimport { tokens } from '../../Cell.tokens';\n\nexport const StyledTextboxTitle = 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"],"names":["StyledTextboxTitle","styled","div","withConfig","componentId","tokens","cellTitleColor","cellTitleFontSize","cellTitleFontWeight","cellTitleFontFamily","cellTitleFontStyle","cellTitleLineHeight","cellTitleLetterSpacing"],"mappings":";;;IAIaA,kBAAkB,gBAAGC,MAAM,CAACC,GAAG,CAAAC,UAAA,CAAA;EAAAC,WAAA,EAAA,8BAAA;AAAA,CAC3BC,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;;;;"}
|
package/es/index.js
CHANGED
@@ -19,9 +19,9 @@ 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 {
|
23
|
-
export {
|
24
|
-
export {
|
22
|
+
export { CellTextboxLabel } from './components/Cell/ui/CellTextboxLabel/CellTextboxLabel.js';
|
23
|
+
export { CellTextboxTitle } from './components/Cell/ui/CellTextboxTitle/CellTextboxTitle.js';
|
24
|
+
export { CellTextboxSubtitle } from './components/Cell/ui/CellTextboxSubtitle/CellTextboxSubtitle.js';
|
25
25
|
export { cellConfig, cellRoot } from './components/Cell/Cell.js';
|
26
26
|
export { classes as cellClasses, tokens as cellTokens } from './components/Cell/Cell.tokens.js';
|
27
27
|
export { CellTextbox } from './components/Cell/ui/CellTextbox/CellTextbox.js';
|
package/package.json
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
{
|
2
2
|
"name": "@salutejs/plasma-new-hope",
|
3
|
-
"version": "0.69.0-canary.1148.
|
3
|
+
"version": "0.69.0-canary.1148.8535928735.0",
|
4
4
|
"description": "Salute Design System blueprint",
|
5
5
|
"main": "cjs/index.js",
|
6
6
|
"module": "es/index.js",
|
@@ -67,7 +67,7 @@
|
|
67
67
|
"@rollup/plugin-babel": "^6.0.3",
|
68
68
|
"@rollup/plugin-commonjs": "^25.0.4",
|
69
69
|
"@rollup/plugin-node-resolve": "^15.1.0",
|
70
|
-
"@salutejs/plasma-sb-utils": "0.
|
70
|
+
"@salutejs/plasma-sb-utils": "0.155.0-canary.1148.8535928735.0",
|
71
71
|
"@storybook/addon-docs": "^7.6.17",
|
72
72
|
"@storybook/addon-essentials": "^7.6.17",
|
73
73
|
"@storybook/addons": "^7.6.17",
|
@@ -97,10 +97,10 @@
|
|
97
97
|
"@linaria/core": "5.0.2",
|
98
98
|
"@linaria/react": "5.0.3",
|
99
99
|
"@popperjs/core": "2.11.8",
|
100
|
-
"@salutejs/plasma-core": "1.
|
100
|
+
"@salutejs/plasma-core": "1.157.0-canary.1148.8535928735.0",
|
101
101
|
"focus-visible": "5.2.0",
|
102
102
|
"react-popper": "2.3.0",
|
103
103
|
"storeon": "3.1.5"
|
104
104
|
},
|
105
|
-
"gitHead": "
|
105
|
+
"gitHead": "e11e7f7d29679048b750983f256a8d48a1f95a53"
|
106
106
|
}
|
@@ -3,28 +3,28 @@
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
4
4
|
value: true
|
5
5
|
});
|
6
|
-
Object.defineProperty(exports, "
|
6
|
+
Object.defineProperty(exports, "CellTextbox", {
|
7
7
|
enumerable: true,
|
8
8
|
get: function get() {
|
9
|
-
return
|
9
|
+
return _CellTextbox.CellTextbox;
|
10
10
|
}
|
11
11
|
});
|
12
|
-
Object.defineProperty(exports, "
|
12
|
+
Object.defineProperty(exports, "CellTextboxLabel", {
|
13
13
|
enumerable: true,
|
14
14
|
get: function get() {
|
15
|
-
return
|
15
|
+
return _CellTextboxLabel.CellTextboxLabel;
|
16
16
|
}
|
17
17
|
});
|
18
|
-
Object.defineProperty(exports, "
|
18
|
+
Object.defineProperty(exports, "CellTextboxSubtitle", {
|
19
19
|
enumerable: true,
|
20
20
|
get: function get() {
|
21
|
-
return
|
21
|
+
return _CellTextboxSubtitle.CellTextboxSubtitle;
|
22
22
|
}
|
23
23
|
});
|
24
|
-
Object.defineProperty(exports, "
|
24
|
+
Object.defineProperty(exports, "CellTextboxTitle", {
|
25
25
|
enumerable: true,
|
26
26
|
get: function get() {
|
27
|
-
return
|
27
|
+
return _CellTextboxTitle.CellTextboxTitle;
|
28
28
|
}
|
29
29
|
});
|
30
30
|
Object.defineProperty(exports, "cellClasses", {
|
@@ -51,9 +51,9 @@ Object.defineProperty(exports, "cellTokens", {
|
|
51
51
|
return _Cell2.tokens;
|
52
52
|
}
|
53
53
|
});
|
54
|
-
var
|
55
|
-
var
|
56
|
-
var
|
54
|
+
var _CellTextboxLabel = /*#__PURE__*/require("./ui/CellTextboxLabel/CellTextboxLabel");
|
55
|
+
var _CellTextboxTitle = /*#__PURE__*/require("./ui/CellTextboxTitle/CellTextboxTitle");
|
56
|
+
var _CellTextboxSubtitle = /*#__PURE__*/require("./ui/CellTextboxSubtitle/CellTextboxSubtitle");
|
57
57
|
var _Cell = /*#__PURE__*/require("./Cell");
|
58
58
|
var _Cell2 = /*#__PURE__*/require("./Cell.tokens");
|
59
59
|
var _CellTextbox = /*#__PURE__*/require("./ui/CellTextbox/CellTextbox");
|
@@ -5,9 +5,9 @@ Object.defineProperty(exports, "__esModule", {
|
|
5
5
|
});
|
6
6
|
exports.CellTextbox = void 0;
|
7
7
|
var _react = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("react"));
|
8
|
-
var
|
9
|
-
var
|
10
|
-
var
|
8
|
+
var _CellTextboxLabel = /*#__PURE__*/require("../CellTextboxLabel/CellTextboxLabel");
|
9
|
+
var _CellTextboxTitle = /*#__PURE__*/require("../CellTextboxTitle/CellTextboxTitle");
|
10
|
+
var _CellTextboxSubtitle = /*#__PURE__*/require("../CellTextboxSubtitle/CellTextboxSubtitle");
|
11
11
|
var _CellTextbox = /*#__PURE__*/require("./CellTextbox.styles");
|
12
12
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
13
13
|
var CellTextbox = exports.CellTextbox = function CellTextbox(_ref) {
|
@@ -15,5 +15,5 @@ var CellTextbox = exports.CellTextbox = function CellTextbox(_ref) {
|
|
15
15
|
title = _ref.title,
|
16
16
|
subtitle = _ref.subtitle,
|
17
17
|
children = _ref.children;
|
18
|
-
return /*#__PURE__*/_react["default"].createElement(_CellTextbox.CellTextboxStyled, null, label || title || subtitle ? /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, label && /*#__PURE__*/_react["default"].createElement(
|
18
|
+
return /*#__PURE__*/_react["default"].createElement(_CellTextbox.CellTextboxStyled, null, label || title || subtitle ? /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, label && /*#__PURE__*/_react["default"].createElement(_CellTextboxLabel.CellTextboxLabel, null, label), title && /*#__PURE__*/_react["default"].createElement(_CellTextboxTitle.CellTextboxTitle, null, title), subtitle && /*#__PURE__*/_react["default"].createElement(_CellTextboxSubtitle.CellTextboxSubtitle, null, subtitle)) : children);
|
19
19
|
};
|
@@ -0,0 +1,12 @@
|
|
1
|
+
"use strict";
|
2
|
+
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
4
|
+
value: true
|
5
|
+
});
|
6
|
+
exports.CellTextboxLabel = void 0;
|
7
|
+
var _react = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("react"));
|
8
|
+
var _CellTextboxLabel = /*#__PURE__*/require("./CellTextboxLabel.styles");
|
9
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
10
|
+
var CellTextboxLabel = exports.CellTextboxLabel = function CellTextboxLabel(props) {
|
11
|
+
return /*#__PURE__*/_react["default"].createElement(_CellTextboxLabel.StyledTextboxLabel, null, props.children);
|
12
|
+
};
|
@@ -3,10 +3,10 @@
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
4
4
|
value: true
|
5
5
|
});
|
6
|
-
exports.
|
6
|
+
exports.StyledTextboxLabel = void 0;
|
7
7
|
var _styledComponents = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("styled-components"));
|
8
8
|
var _Cell = /*#__PURE__*/require("../../Cell.tokens");
|
9
9
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
10
|
-
var
|
11
|
-
componentId: "plasma-new-hope__sc-
|
10
|
+
var StyledTextboxLabel = exports.StyledTextboxLabel = /*#__PURE__*/_styledComponents["default"].div.withConfig({
|
11
|
+
componentId: "plasma-new-hope__sc-j0en77-0"
|
12
12
|
})(["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);
|
@@ -0,0 +1,12 @@
|
|
1
|
+
"use strict";
|
2
|
+
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
4
|
+
value: true
|
5
|
+
});
|
6
|
+
exports.CellTextboxSubtitle = void 0;
|
7
|
+
var _react = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("react"));
|
8
|
+
var _CellTextboxSubtitle = /*#__PURE__*/require("./CellTextboxSubtitle.styles");
|
9
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
10
|
+
var CellTextboxSubtitle = exports.CellTextboxSubtitle = function CellTextboxSubtitle(props) {
|
11
|
+
return /*#__PURE__*/_react["default"].createElement(_CellTextboxSubtitle.StyledTextboxSubtitle, null, props.children);
|
12
|
+
};
|
@@ -3,10 +3,10 @@
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
4
4
|
value: true
|
5
5
|
});
|
6
|
-
exports.
|
6
|
+
exports.StyledTextboxSubtitle = void 0;
|
7
7
|
var _styledComponents = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("styled-components"));
|
8
8
|
var _Cell = /*#__PURE__*/require("../../Cell.tokens");
|
9
9
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
10
|
-
var
|
11
|
-
componentId: "plasma-new-hope__sc-
|
10
|
+
var StyledTextboxSubtitle = exports.StyledTextboxSubtitle = /*#__PURE__*/_styledComponents["default"].div.withConfig({
|
11
|
+
componentId: "plasma-new-hope__sc-lkssfu-0"
|
12
12
|
})(["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);
|
@@ -0,0 +1,12 @@
|
|
1
|
+
"use strict";
|
2
|
+
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
4
|
+
value: true
|
5
|
+
});
|
6
|
+
exports.CellTextboxTitle = void 0;
|
7
|
+
var _react = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("react"));
|
8
|
+
var _CellTextboxTitle = /*#__PURE__*/require("./CellTextboxTitle.styles");
|
9
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
10
|
+
var CellTextboxTitle = exports.CellTextboxTitle = function CellTextboxTitle(props) {
|
11
|
+
return /*#__PURE__*/_react["default"].createElement(_CellTextboxTitle.StyledTextboxTitle, null, props.children);
|
12
|
+
};
|
@@ -3,10 +3,10 @@
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
4
4
|
value: true
|
5
5
|
});
|
6
|
-
exports.
|
6
|
+
exports.StyledTextboxTitle = void 0;
|
7
7
|
var _styledComponents = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("styled-components"));
|
8
8
|
var _Cell = /*#__PURE__*/require("../../Cell.tokens");
|
9
9
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
10
|
-
var
|
11
|
-
componentId: "plasma-new-hope__sc-
|
10
|
+
var StyledTextboxTitle = exports.StyledTextboxTitle = /*#__PURE__*/_styledComponents["default"].div.withConfig({
|
11
|
+
componentId: "plasma-new-hope__sc-3vis0m-0"
|
12
12
|
})(["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);
|
@@ -4,28 +4,28 @@ Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
5
5
|
});
|
6
6
|
exports.Cell = void 0;
|
7
|
-
Object.defineProperty(exports, "
|
7
|
+
Object.defineProperty(exports, "CellTextbox", {
|
8
8
|
enumerable: true,
|
9
9
|
get: function get() {
|
10
|
-
return _Cell.
|
10
|
+
return _Cell.CellTextbox;
|
11
11
|
}
|
12
12
|
});
|
13
|
-
Object.defineProperty(exports, "
|
13
|
+
Object.defineProperty(exports, "CellTextboxLabel", {
|
14
14
|
enumerable: true,
|
15
15
|
get: function get() {
|
16
|
-
return _Cell.
|
16
|
+
return _Cell.CellTextboxLabel;
|
17
17
|
}
|
18
18
|
});
|
19
|
-
Object.defineProperty(exports, "
|
19
|
+
Object.defineProperty(exports, "CellTextboxSubtitle", {
|
20
20
|
enumerable: true,
|
21
21
|
get: function get() {
|
22
|
-
return _Cell.
|
22
|
+
return _Cell.CellTextboxSubtitle;
|
23
23
|
}
|
24
24
|
});
|
25
|
-
Object.defineProperty(exports, "
|
25
|
+
Object.defineProperty(exports, "CellTextboxTitle", {
|
26
26
|
enumerable: true,
|
27
27
|
get: function get() {
|
28
|
-
return _Cell.
|
28
|
+
return _Cell.CellTextboxTitle;
|
29
29
|
}
|
30
30
|
});
|
31
31
|
var _Cell = /*#__PURE__*/require("../../../../components/Cell");
|