@salutejs/plasma-new-hope 0.69.0-canary.1148.8507402029.0 → 0.69.0-canary.1155.8506197081.0
Sign up to get free protection for your applications and to get access to all the features.
- package/cjs/index.css +0 -4
- package/cjs/index.js +0 -14
- package/cjs/index.js.map +1 -1
- package/es/index.css +0 -4
- package/es/index.js +0 -6
- package/es/index.js.map +1 -1
- package/package.json +2 -2
- package/styled-components/cjs/examples/plasma_b2c/components/Chip/Chip.config.js +2 -1
- package/styled-components/cjs/examples/plasma_web/components/Chip/Chip.config.js +2 -1
- package/styled-components/cjs/index.js +0 -11
- package/styled-components/es/examples/plasma_b2c/components/Chip/Chip.config.js +2 -1
- package/styled-components/es/examples/plasma_web/components/Chip/Chip.config.js +2 -1
- package/styled-components/es/index.js +0 -1
- package/types/components/Chip/Chip.d.ts +2 -26
- package/types/components/Chip/Chip.d.ts.map +1 -1
- package/types/components/Chip/Chip.types.d.ts +5 -6
- package/types/components/Chip/Chip.types.d.ts.map +1 -1
- package/types/components/Combobox/ui/ComboboxChip/ComboboxChip.styles.d.ts +1 -13
- package/types/components/Combobox/ui/ComboboxChip/ComboboxChip.styles.d.ts.map +1 -1
- package/types/components/Indicator/Indicator.d.ts +2 -2
- package/types/components/Select/ui/SelectChip/SelectChip.styles.d.ts +1 -13
- package/types/components/Select/ui/SelectChip/SelectChip.styles.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/Chip/Chip.config.d.ts +1 -0
- package/types/examples/plasma_b2c/components/Chip/Chip.config.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/Chip/Chip.d.ts +2 -13
- package/types/examples/plasma_b2c/components/Chip/Chip.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/Combobox/Combobox.d.ts +2 -2
- package/types/examples/plasma_b2c/components/Indicator/Indicator.d.ts +2 -2
- package/types/examples/plasma_web/components/Chip/Chip.config.d.ts +1 -0
- package/types/examples/plasma_web/components/Chip/Chip.config.d.ts.map +1 -1
- package/types/examples/plasma_web/components/Chip/Chip.d.ts +2 -13
- package/types/examples/plasma_web/components/Chip/Chip.d.ts.map +1 -1
- package/types/examples/plasma_web/components/Combobox/Combobox.d.ts +2 -2
- package/types/examples/plasma_web/components/Indicator/Indicator.d.ts +2 -2
- package/types/examples/sds_engineer/components/Chip/Chip.d.ts +1 -13
- package/types/examples/sds_engineer/components/Chip/Chip.d.ts.map +1 -1
- package/types/index.d.ts +0 -1
- package/types/index.d.ts.map +1 -1
- package/cjs/components/Cell/Cell.css +0 -3
- package/cjs/components/Cell/Cell.js +0 -70
- package/cjs/components/Cell/Cell.js.map +0 -1
- package/cjs/components/Cell/Cell.styles.js +0 -39
- package/cjs/components/Cell/Cell.styles.js.map +0 -1
- package/cjs/components/Cell/Cell.styles_ygfo1w.css +0 -1
- package/cjs/components/Cell/Cell.tokens.js +0 -50
- package/cjs/components/Cell/Cell.tokens.js.map +0 -1
- package/cjs/components/Cell/CellTextbox/CellTextbox.js +0 -21
- package/cjs/components/Cell/CellTextbox/CellTextbox.js.map +0 -1
- package/cjs/components/Cell/CellTextbox/CellTextbox.styles.js +0 -13
- package/cjs/components/Cell/CellTextbox/CellTextbox.styles.js.map +0 -1
- package/cjs/components/Cell/CellTextbox/ui/CellTextLabel.js +0 -17
- package/cjs/components/Cell/CellTextbox/ui/CellTextLabel.js.map +0 -1
- package/cjs/components/Cell/CellTextbox/ui/CellTextSubtitle.js +0 -17
- package/cjs/components/Cell/CellTextbox/ui/CellTextSubtitle.js.map +0 -1
- package/cjs/components/Cell/CellTextbox/ui/CellTextTitle.js +0 -17
- package/cjs/components/Cell/CellTextbox/ui/CellTextTitle.js.map +0 -1
- package/cjs/components/Cell/variations/_size/base.js +0 -9
- package/cjs/components/Cell/variations/_size/base.js.map +0 -1
- package/cjs/components/Cell/variations/_size/base_x642ct.css +0 -1
- package/cjs/components/Cell/variations/_view/base.js +0 -9
- package/cjs/components/Cell/variations/_view/base.js.map +0 -1
- package/cjs/components/Cell/variations/_view/base_13f5j4a.css +0 -1
- package/es/components/Cell/Cell.css +0 -3
- package/es/components/Cell/Cell.js +0 -65
- package/es/components/Cell/Cell.js.map +0 -1
- package/es/components/Cell/Cell.styles.js +0 -31
- package/es/components/Cell/Cell.styles.js.map +0 -1
- package/es/components/Cell/Cell.styles_ygfo1w.css +0 -1
- package/es/components/Cell/Cell.tokens.js +0 -45
- package/es/components/Cell/Cell.tokens.js.map +0 -1
- package/es/components/Cell/CellTextbox/CellTextbox.js +0 -17
- package/es/components/Cell/CellTextbox/CellTextbox.js.map +0 -1
- package/es/components/Cell/CellTextbox/CellTextbox.styles.js +0 -9
- package/es/components/Cell/CellTextbox/CellTextbox.styles.js.map +0 -1
- package/es/components/Cell/CellTextbox/ui/CellTextLabel.js +0 -13
- package/es/components/Cell/CellTextbox/ui/CellTextLabel.js.map +0 -1
- package/es/components/Cell/CellTextbox/ui/CellTextSubtitle.js +0 -13
- package/es/components/Cell/CellTextbox/ui/CellTextSubtitle.js.map +0 -1
- package/es/components/Cell/CellTextbox/ui/CellTextTitle.js +0 -13
- package/es/components/Cell/CellTextbox/ui/CellTextTitle.js.map +0 -1
- package/es/components/Cell/variations/_size/base.js +0 -5
- package/es/components/Cell/variations/_size/base.js.map +0 -1
- package/es/components/Cell/variations/_size/base_x642ct.css +0 -1
- package/es/components/Cell/variations/_view/base.js +0 -5
- package/es/components/Cell/variations/_view/base.js.map +0 -1
- package/es/components/Cell/variations/_view/base_13f5j4a.css +0 -1
- package/styled-components/cjs/components/Cell/Cell.js +0 -70
- package/styled-components/cjs/components/Cell/Cell.styles.js +0 -35
- package/styled-components/cjs/components/Cell/Cell.tokens.js +0 -48
- package/styled-components/cjs/components/Cell/Cell.types.js +0 -5
- package/styled-components/cjs/components/Cell/CellTextbox/CellTextbox.js +0 -20
- package/styled-components/cjs/components/Cell/CellTextbox/CellTextbox.styles.js +0 -12
- package/styled-components/cjs/components/Cell/CellTextbox/CellTextbox.types.js +0 -5
- package/styled-components/cjs/components/Cell/CellTextbox/ui/CellTextLabel.js +0 -16
- package/styled-components/cjs/components/Cell/CellTextbox/ui/CellTextSubtitle.js +0 -16
- package/styled-components/cjs/components/Cell/CellTextbox/ui/CellTextTitle.js +0 -16
- package/styled-components/cjs/components/Cell/index.js +0 -59
- package/styled-components/cjs/components/Cell/variations/_size/base.js +0 -8
- package/styled-components/cjs/components/Cell/variations/_size/tokens.json +0 -1
- package/styled-components/cjs/components/Cell/variations/_stretching/base.js +0 -9
- package/styled-components/cjs/components/Cell/variations/_stretching/tokens.json +0 -1
- package/styled-components/cjs/components/Cell/variations/_view/base.js +0 -9
- package/styled-components/cjs/components/Cell/variations/_view/tokens.json +0 -1
- package/styled-components/cjs/examples/plasma_b2c/components/Cell/Cell.config.js +0 -21
- package/styled-components/cjs/examples/plasma_b2c/components/Cell/Cell.js +0 -35
- package/styled-components/cjs/examples/plasma_b2c/components/Cell/Cell.stories.tsx +0 -128
- package/styled-components/cjs/examples/plasma_web/components/Cell/Cell.config.js +0 -21
- package/styled-components/cjs/examples/plasma_web/components/Cell/Cell.js +0 -35
- package/styled-components/cjs/examples/plasma_web/components/Cell/Cell.stories.tsx +0 -128
- package/styled-components/es/components/Cell/Cell.js +0 -61
- package/styled-components/es/components/Cell/Cell.styles.js +0 -27
- package/styled-components/es/components/Cell/Cell.tokens.js +0 -42
- package/styled-components/es/components/Cell/Cell.types.js +0 -1
- package/styled-components/es/components/Cell/CellTextbox/CellTextbox.js +0 -13
- package/styled-components/es/components/Cell/CellTextbox/CellTextbox.styles.js +0 -5
- package/styled-components/es/components/Cell/CellTextbox/CellTextbox.types.js +0 -1
- package/styled-components/es/components/Cell/CellTextbox/ui/CellTextLabel.js +0 -9
- package/styled-components/es/components/Cell/CellTextbox/ui/CellTextSubtitle.js +0 -9
- package/styled-components/es/components/Cell/CellTextbox/ui/CellTextTitle.js +0 -9
- package/styled-components/es/components/Cell/index.js +0 -6
- package/styled-components/es/components/Cell/variations/_size/base.js +0 -2
- package/styled-components/es/components/Cell/variations/_size/tokens.json +0 -1
- package/styled-components/es/components/Cell/variations/_stretching/base.js +0 -3
- package/styled-components/es/components/Cell/variations/_stretching/tokens.json +0 -1
- package/styled-components/es/components/Cell/variations/_view/base.js +0 -3
- package/styled-components/es/components/Cell/variations/_view/tokens.json +0 -1
- package/styled-components/es/examples/plasma_b2c/components/Cell/Cell.config.js +0 -15
- package/styled-components/es/examples/plasma_b2c/components/Cell/Cell.js +0 -6
- package/styled-components/es/examples/plasma_b2c/components/Cell/Cell.stories.tsx +0 -128
- package/styled-components/es/examples/plasma_web/components/Cell/Cell.config.js +0 -15
- package/styled-components/es/examples/plasma_web/components/Cell/Cell.js +0 -6
- package/styled-components/es/examples/plasma_web/components/Cell/Cell.stories.tsx +0 -128
- package/types/components/Cell/Cell.d.ts +0 -23
- package/types/components/Cell/Cell.d.ts.map +0 -1
- package/types/components/Cell/Cell.styles.d.ts +0 -11
- package/types/components/Cell/Cell.styles.d.ts.map +0 -1
- package/types/components/Cell/Cell.tokens.d.ts +0 -43
- package/types/components/Cell/Cell.tokens.d.ts.map +0 -1
- package/types/components/Cell/Cell.types.d.ts +0 -46
- package/types/components/Cell/Cell.types.d.ts.map +0 -1
- package/types/components/Cell/CellTextbox/CellTextbox.d.ts +0 -4
- package/types/components/Cell/CellTextbox/CellTextbox.d.ts.map +0 -1
- package/types/components/Cell/CellTextbox/CellTextbox.styles.d.ts +0 -2
- package/types/components/Cell/CellTextbox/CellTextbox.styles.d.ts.map +0 -1
- package/types/components/Cell/CellTextbox/CellTextbox.types.d.ts +0 -43
- package/types/components/Cell/CellTextbox/CellTextbox.types.d.ts.map +0 -1
- package/types/components/Cell/CellTextbox/ui/CellTextLabel.d.ts +0 -5
- package/types/components/Cell/CellTextbox/ui/CellTextLabel.d.ts.map +0 -1
- package/types/components/Cell/CellTextbox/ui/CellTextSubtitle.d.ts +0 -5
- package/types/components/Cell/CellTextbox/ui/CellTextSubtitle.d.ts.map +0 -1
- package/types/components/Cell/CellTextbox/ui/CellTextTitle.d.ts +0 -5
- package/types/components/Cell/CellTextbox/ui/CellTextTitle.d.ts.map +0 -1
- package/types/components/Cell/index.d.ts +0 -9
- package/types/components/Cell/index.d.ts.map +0 -1
- package/types/components/Cell/variations/_size/base.d.ts +0 -2
- package/types/components/Cell/variations/_size/base.d.ts.map +0 -1
- package/types/components/Cell/variations/_stretching/base.d.ts +0 -2
- package/types/components/Cell/variations/_stretching/base.d.ts.map +0 -1
- package/types/components/Cell/variations/_view/base.d.ts +0 -2
- package/types/components/Cell/variations/_view/base.d.ts.map +0 -1
- package/types/examples/plasma_b2c/components/Cell/Cell.config.d.ts +0 -14
- package/types/examples/plasma_b2c/components/Cell/Cell.config.d.ts.map +0 -1
- package/types/examples/plasma_b2c/components/Cell/Cell.d.ts +0 -45
- package/types/examples/plasma_b2c/components/Cell/Cell.d.ts.map +0 -1
- package/types/examples/plasma_web/components/Cell/Cell.config.d.ts +0 -14
- package/types/examples/plasma_web/components/Cell/Cell.config.d.ts.map +0 -1
- package/types/examples/plasma_web/components/Cell/Cell.d.ts +0 -45
- package/types/examples/plasma_web/components/Cell/Cell.d.ts.map +0 -1
@@ -1,70 +0,0 @@
|
|
1
|
-
'use strict';
|
2
|
-
|
3
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
4
|
-
|
5
|
-
var React = require('react');
|
6
|
-
var index = require('../../utils/index.js');
|
7
|
-
var Cell_styles = require('./Cell.styles.js');
|
8
|
-
var Cell_tokens = require('./Cell.tokens.js');
|
9
|
-
var base = require('./variations/_view/base.js');
|
10
|
-
var base$1 = require('./variations/_size/base.js');
|
11
|
-
var CellTextbox = require('./CellTextbox/CellTextbox.js');
|
12
|
-
|
13
|
-
var cellRoot = function cellRoot(Root) {
|
14
|
-
return /*#__PURE__*/React.forwardRef(function (_ref, outerRootRef) {
|
15
|
-
var size = _ref.size,
|
16
|
-
view = _ref.view,
|
17
|
-
contentLeft = _ref.contentLeft,
|
18
|
-
contentRight = _ref.contentRight,
|
19
|
-
_ref$alignContentLeft = _ref.alignContentLeft,
|
20
|
-
alignContentLeft = _ref$alignContentLeft === void 0 ? 'center' : _ref$alignContentLeft,
|
21
|
-
_ref$alignContentRigh = _ref.alignContentRight,
|
22
|
-
alignContentRight = _ref$alignContentRigh === void 0 ? 'center' : _ref$alignContentRigh,
|
23
|
-
children = _ref.children,
|
24
|
-
title = _ref.title,
|
25
|
-
subtitle = _ref.subtitle,
|
26
|
-
label = _ref.label,
|
27
|
-
description = _ref.description,
|
28
|
-
content = _ref.content,
|
29
|
-
_ref$stretching = _ref.stretching,
|
30
|
-
stretching = _ref$stretching === void 0 ? 'filled' : _ref$stretching;
|
31
|
-
var stretchingClass = Cell_tokens.classes["".concat(stretching, "Stretching")];
|
32
|
-
return /*#__PURE__*/React.createElement(Root, {
|
33
|
-
ref: outerRootRef,
|
34
|
-
size: size,
|
35
|
-
view: view,
|
36
|
-
className: index.cx(stretchingClass, Cell_tokens.classes.cellRoot)
|
37
|
-
}, contentLeft && /*#__PURE__*/React.createElement(Cell_styles.CellLeft, {
|
38
|
-
align: alignContentLeft
|
39
|
-
}, contentLeft), /*#__PURE__*/React.createElement(Cell_styles.CellContentWrapper, null, /*#__PURE__*/React.createElement(Cell_styles.CellContent, null, title || description || subtitle || label ? /*#__PURE__*/React.createElement(CellTextbox.CellTextbox, {
|
40
|
-
label: label,
|
41
|
-
description: description,
|
42
|
-
title: title,
|
43
|
-
subtitle: subtitle
|
44
|
-
}) : children || content), contentRight && /*#__PURE__*/React.createElement(Cell_styles.CellRight, {
|
45
|
-
align: alignContentRight
|
46
|
-
}, contentRight)));
|
47
|
-
});
|
48
|
-
};
|
49
|
-
var cellConfig = {
|
50
|
-
name: 'Cell',
|
51
|
-
tag: 'div',
|
52
|
-
layout: cellRoot,
|
53
|
-
base: Cell_styles.base,
|
54
|
-
variations: {
|
55
|
-
view: {
|
56
|
-
css: base.base
|
57
|
-
},
|
58
|
-
size: {
|
59
|
-
css: base$1.base
|
60
|
-
}
|
61
|
-
},
|
62
|
-
defaults: {
|
63
|
-
view: 'default',
|
64
|
-
size: 'm'
|
65
|
-
}
|
66
|
-
};
|
67
|
-
|
68
|
-
exports.cellConfig = cellConfig;
|
69
|
-
exports.cellRoot = cellRoot;
|
70
|
-
//# sourceMappingURL=Cell.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"Cell.js","sources":["../../../src/components/Cell/Cell.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { RootProps } from '../../engines';\nimport { cx } from '../../utils';\n\nimport type { CellProps } from './Cell.types';\nimport { base, CellLeft, CellRight, CellContentWrapper, CellContent } from './Cell.styles';\nimport { classes } from './Cell.tokens';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { CellTextbox } from './CellTextbox/CellTextbox';\n\nexport const cellRoot = (Root: RootProps<HTMLSelectElement, CellProps>) =>\n forwardRef<HTMLSelectElement, CellProps>(\n (\n {\n size,\n view,\n contentLeft,\n contentRight,\n alignContentLeft = 'center',\n alignContentRight = 'center',\n children,\n title,\n subtitle,\n label,\n description,\n content,\n stretching = 'filled',\n },\n outerRootRef,\n ) => {\n const stretchingClass = classes[`${stretching}Stretching` as keyof typeof classes];\n return (\n <Root ref={outerRootRef} size={size} view={view} className={cx(stretchingClass, classes.cellRoot)}>\n {contentLeft && <CellLeft align={alignContentLeft}>{contentLeft}</CellLeft>}\n <CellContentWrapper>\n <CellContent>\n {title || description || subtitle || label ? (\n <CellTextbox\n label={label}\n description={description}\n title={title}\n subtitle={subtitle}\n />\n ) : (\n children || content\n )}\n </CellContent>\n {contentRight && <CellRight align={alignContentRight}>{contentRight}</CellRight>}\n </CellContentWrapper>\n </Root>\n );\n },\n );\n\nexport const cellConfig = {\n name: 'Cell',\n tag: 'div',\n layout: cellRoot,\n base,\n variations: {\n view: {\n css: viewCSS,\n },\n size: {\n css: sizeCSS,\n },\n },\n defaults: {\n view: 'default',\n size: 'm',\n },\n};\n"],"names":["cellRoot","Root","forwardRef","_ref","outerRootRef","size","view","contentLeft","contentRight","_ref$alignContentLeft","alignContentLeft","_ref$alignContentRigh","alignContentRight","children","title","subtitle","label","description","content","_ref$stretching","stretching","stretchingClass","classes","concat","React","createElement","ref","className","cx","CellLeft","align","CellContentWrapper","CellContent","CellTextbox","CellRight","cellConfig","name","tag","layout","base","variations","css","viewCSS","sizeCSS","defaults"],"mappings":"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"}
|
@@ -1,39 +0,0 @@
|
|
1
|
-
import './Cell.styles_ygfo1w.css';
|
2
|
-
'use strict';
|
3
|
-
|
4
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
5
|
-
|
6
|
-
var styled = require('styled-components');
|
7
|
-
var Cell_tokens = require('./Cell.tokens.js');
|
8
|
-
|
9
|
-
var alignToFlex = {
|
10
|
-
center: 'center',
|
11
|
-
top: 'flex-start',
|
12
|
-
bottom: 'flex-end'
|
13
|
-
};
|
14
|
-
var base = "b1wikybr";
|
15
|
-
var CellContentWrapper = /*#__PURE__*/styled.div.withConfig({
|
16
|
-
componentId: "plasma-new-hope__sc-taup5i-0"
|
17
|
-
})(["display:flex;flex:auto;justify-content:space-between;gap:var(", ");height:auto;"], Cell_tokens.tokens.cellGap);
|
18
|
-
var CellContent = /*#__PURE__*/styled.div.withConfig({
|
19
|
-
componentId: "plasma-new-hope__sc-taup5i-1"
|
20
|
-
})(["display:flex;align-items:center;height:auto;"]);
|
21
|
-
var CellLeft = /*#__PURE__*/styled.div.withConfig({
|
22
|
-
componentId: "plasma-new-hope__sc-taup5i-2"
|
23
|
-
})(["display:flex;align-items:", ";"], function (_ref) {
|
24
|
-
var align = _ref.align;
|
25
|
-
return alignToFlex[align];
|
26
|
-
});
|
27
|
-
var CellRight = /*#__PURE__*/styled.div.withConfig({
|
28
|
-
componentId: "plasma-new-hope__sc-taup5i-3"
|
29
|
-
})(["display:flex;align-items:", ";text-align:right;"], function (_ref2) {
|
30
|
-
var align = _ref2.align;
|
31
|
-
return alignToFlex[align];
|
32
|
-
});
|
33
|
-
|
34
|
-
exports.CellContent = CellContent;
|
35
|
-
exports.CellContentWrapper = CellContentWrapper;
|
36
|
-
exports.CellLeft = CellLeft;
|
37
|
-
exports.CellRight = CellRight;
|
38
|
-
exports.base = base;
|
39
|
-
//# sourceMappingURL=Cell.styles.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"Cell.styles.js","sources":["../../../src/components/Cell/Cell.styles.ts"],"sourcesContent":["import styled from 'styled-components';\nimport { css } from '@linaria/core';\n\nimport type { AlignProp } from './Cell.types';\nimport { tokens, classes } from './Cell.tokens';\n\nconst alignToFlex = {\n center: 'center',\n top: 'flex-start',\n bottom: 'flex-end',\n};\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\nexport const CellContentWrapper = styled.div`\n display: flex;\n flex: auto;\n justify-content: space-between;\n gap: var(${tokens.cellGap});\n height: auto;\n`;\n\nexport const CellContent = styled.div`\n display: flex;\n align-items: center;\n height: auto;\n`;\n\nexport const CellLeft = styled.div<{ align: AlignProp }>`\n display: flex;\n align-items: ${({ align }) => alignToFlex[align]};\n`;\n\nexport const CellRight = styled.div<{ align: AlignProp }>`\n display: flex;\n align-items: ${({ align }) => alignToFlex[align]};\n text-align: right;\n`;\n"],"names":["alignToFlex","center","top","bottom","base","CellContentWrapper","styled","div","withConfig","componentId","tokens","cellGap","CellContent","CellLeft","_ref","align","CellRight","_ref2"],"mappings":";;;;;;;AAMA,IAAMA,WAAW,GAAG;AAChBC,EAAAA,MAAM,EAAE,QAAQ;AAChBC,EAAAA,GAAG,EAAE,YAAY;AACjBC,EAAAA,MAAM,EAAE,UAAA;AACZ,CAAC,CAAA;AAEM,IAAMC,IAAI,GAUhB,WAAA;IAEYC,kBAAkB,gBAAGC,MAAM,CAACC,GAAI,CAAAC,UAAA,CAAA;EAAAC,WAAA,EAAA,8BAAA;AAAA,CAI9BC,CAAAA,CAAAA,CAAAA,+DAAAA,EAAAA,gBAAAA,CAAAA,EAAAA,kBAAM,CAACC,OAAQ,EAE7B;IAEYC,WAAW,gBAAGN,MAAM,CAACC,GAAI,CAAAC,UAAA,CAAA;EAAAC,WAAA,EAAA,8BAAA;AAAA,CAIrC,CAAA,CAAA,CAAA,8CAAA,CAAA,EAAA;IAEYI,QAAQ,gBAAGP,MAAM,CAACC,GAAG,CAAAC,UAAA,CAAA;EAAAC,WAAA,EAAA,8BAAA;AAAA,CAAA,CAAA,CAAA,CAAA,2BAAA,EAAA,GAAA,CAAA,EAEf,UAAAK,IAAA,EAAA;AAAA,EAAA,IAAGC,KAAAA,GAAAA,IAAAA,CAAAA,KAAAA,CAAAA;EAAAA,OAAYf,WAAW,CAACe,KAAK,CAAE,CAAA;AAAA,CACpD,EAAA;IAEYC,SAAS,gBAAGV,MAAM,CAACC,GAAG,CAAAC,UAAA,CAAA;EAAAC,WAAA,EAAA,8BAAA;AAAA,CAAA,CAAA,CAAA,CAAA,2BAAA,EAAA,oBAAA,CAAA,EAEhB,UAAAQ,KAAA,EAAA;AAAA,EAAA,IAAGF,KAAAA,GAAAA,KAAAA,CAAAA,KAAAA,CAAAA;EAAAA,OAAYf,WAAW,CAACe,KAAK,CAAE,CAAA;AAAA,CAEpD;;;;;;;;"}
|
@@ -1 +0,0 @@
|
|
1
|
-
.b1wikybr.b1wikybr.cell-stretching-fixed{width:var(--plasma-cell-width);}.b1wikybr.b1wikybr.cell-stretching-filled{width:100%;}.b1wikybr.b1wikybr.cell-stretching-auto{width:auto;}
|
@@ -1,50 +0,0 @@
|
|
1
|
-
'use strict';
|
2
|
-
|
3
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
4
|
-
|
5
|
-
var tokens = {
|
6
|
-
cellColor: '--plasma-cell-color',
|
7
|
-
cellBackgroundColor: '--plasma-cell-background-color',
|
8
|
-
cellPadding: '--plasma-cell-padding',
|
9
|
-
cellPaddingLeftContent: '--plasma-cell-padding-left-content',
|
10
|
-
cellPaddingContent: '--plasma-cell-padding-content',
|
11
|
-
cellPaddingRightContent: '--plasma-cell-padding-right-content',
|
12
|
-
cellTextboxGap: '--plasma-cell-textbox-gap',
|
13
|
-
cellGap: '--plasma-cell-gap',
|
14
|
-
cellWidth: '--plasma-cell-width',
|
15
|
-
cellLabelColor: '--plasma-cell-label-color',
|
16
|
-
cellLabelFontFamily: '--plasma-cell-label-font-family',
|
17
|
-
cellLabelFontSize: '--plasma-cell-label-font-size',
|
18
|
-
cellLabelFontStyle: '--plasma-cell-label-font-style',
|
19
|
-
cellLabelFontWeight: '--plasma-cell-label-font-weight',
|
20
|
-
cellLabelLetterSpacing: '--plasma-cell-label-letter-spacing',
|
21
|
-
cellLabelLineHeight: '--plasma-cell-label-line-height',
|
22
|
-
cellTitleColor: '--plasma-cell-title-color',
|
23
|
-
cellTitleFontFamily: '--plasma-cell-title-font-family',
|
24
|
-
cellTitleFontSize: '--plasma-cell-title-font-size',
|
25
|
-
cellTitleFontStyle: '--plasma-cell-title-font-style',
|
26
|
-
cellTitleFontWeight: '--plasma-cell-title-font-weight',
|
27
|
-
cellTitleLetterSpacing: '--plasma-cell-title-letter-spacing',
|
28
|
-
cellTitleLineHeight: '--plasma-cell-title-line-height',
|
29
|
-
cellSubtitleColor: '--plasma-cell-subtitle-color',
|
30
|
-
cellSubtitleFontFamily: '--plasma-cell-subtitle-font-family',
|
31
|
-
cellSubtitleFontSize: '--plasma-cell-subtitle-font-size',
|
32
|
-
cellSubtitleFontStyle: '--plasma-cell-subtitle-font-style',
|
33
|
-
cellSubtitleFontWeight: '--plasma-cell-subtitle-font-weight',
|
34
|
-
cellSubtitleLetterSpacing: '--plasma-cell-subtitle-letter-spacing',
|
35
|
-
cellSubtitleLineHeight: '--plasma-cell-subtitle-line-height'
|
36
|
-
};
|
37
|
-
var classes = {
|
38
|
-
autoStretching: 'cell-stretching-auto',
|
39
|
-
filledStretching: 'cell-stretching-filled',
|
40
|
-
fixedStretching: 'cell-stretching-fixed',
|
41
|
-
cellWrapper: 'cell-wrapper',
|
42
|
-
cellRoot: 'cell-root',
|
43
|
-
cellContent: 'cell-content',
|
44
|
-
cellLeftContent: 'cell-left-content',
|
45
|
-
cellRightContent: 'cell-right-content'
|
46
|
-
};
|
47
|
-
|
48
|
-
exports.classes = classes;
|
49
|
-
exports.tokens = tokens;
|
50
|
-
//# sourceMappingURL=Cell.tokens.js.map
|
@@ -1 +0,0 @@
|
|
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-padding-left-content',\n cellPaddingContent: '--plasma-cell-padding-content',\n cellPaddingRightContent: '--plasma-cell-padding-right-content',\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 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","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,oCAAoC;AAC5DC,EAAAA,kBAAkB,EAAE,+BAA+B;AACnDC,EAAAA,uBAAuB,EAAE,qCAAqC;AAE9DC,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,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;;;;;"}
|
@@ -1,21 +0,0 @@
|
|
1
|
-
'use strict';
|
2
|
-
|
3
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
4
|
-
|
5
|
-
var React = require('react');
|
6
|
-
var CellTextbox_styles = require('./CellTextbox.styles.js');
|
7
|
-
var CellTextLabel = require('./ui/CellTextLabel.js');
|
8
|
-
var CellTextTitle = require('./ui/CellTextTitle.js');
|
9
|
-
var CellTextSubtitle = require('./ui/CellTextSubtitle.js');
|
10
|
-
|
11
|
-
var CellTextbox = function CellTextbox(_ref) {
|
12
|
-
var label = _ref.label,
|
13
|
-
title = _ref.title,
|
14
|
-
subtitle = _ref.subtitle,
|
15
|
-
description = _ref.description,
|
16
|
-
children = _ref.children;
|
17
|
-
return /*#__PURE__*/React.createElement(CellTextbox_styles.CellTextboxStyled, null, label || title || description || subtitle ? /*#__PURE__*/React.createElement(React.Fragment, null, label && /*#__PURE__*/React.createElement(CellTextLabel.CellTextboxLabel, null, label), (title || description) && /*#__PURE__*/React.createElement(CellTextTitle.CellTextboxTitle, null, title || description), subtitle && /*#__PURE__*/React.createElement(CellTextSubtitle.CellTextboxSubtitle, null, subtitle)) : children);
|
18
|
-
};
|
19
|
-
|
20
|
-
exports.CellTextbox = CellTextbox;
|
21
|
-
//# sourceMappingURL=CellTextbox.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"CellTextbox.js","sources":["../../../../src/components/Cell/CellTextbox/CellTextbox.tsx"],"sourcesContent":["import React, { HTMLAttributes } from 'react';\n\nimport type { CellTextboxProps } from './CellTextbox.types';\nimport { CellTextboxStyled } from './CellTextbox.styles';\nimport { CellTextboxLabel } from './ui/CellTextLabel';\nimport { CellTextboxTitle } from './ui/CellTextTitle';\nimport { CellTextboxSubtitle } from './ui/CellTextSubtitle';\n\nexport const CellTextbox: React.FC<HTMLAttributes<HTMLDivElement> & CellTextboxProps> = ({\n label,\n title,\n subtitle,\n description,\n children,\n}) => {\n return (\n <CellTextboxStyled>\n {label || title || description || subtitle ? (\n <>\n {label && <CellTextboxLabel>{label}</CellTextboxLabel>}\n {(title || description) && <CellTextboxTitle>{title || description}</CellTextboxTitle>}\n {subtitle && <CellTextboxSubtitle>{subtitle}</CellTextboxSubtitle>}\n </>\n ) : (\n children\n )}\n </CellTextboxStyled>\n );\n};\n"],"names":["CellTextbox","_ref","label","title","subtitle","description","children","React","createElement","CellTextboxStyled","Fragment","CellTextboxLabel","CellTextboxTitle","CellTextboxSubtitle"],"mappings":";;;;;;;;;;IAQaA,WAAwE,GAAG,SAA3EA,WAAwEA,CAAAC,IAAA,EAM/E;AAAA,EAAA,IALFC,KAAK,GAAAD,IAAA,CAALC,KAAK;IACLC,KAAK,GAAAF,IAAA,CAALE,KAAK;IACLC,QAAQ,GAAAH,IAAA,CAARG,QAAQ;IACRC,WAAW,GAAAJ,IAAA,CAAXI,WAAW;IACXC,QAAQ,GAAAL,IAAA,CAARK,QAAQ,CAAA;AAER,EAAA,oBACIC,KAAA,CAAAC,aAAA,CAACC,oCAAiB,EAAA,IAAA,EACbP,KAAK,IAAIC,KAAK,IAAIE,WAAW,IAAID,QAAQ,gBACtCG,KAAA,CAAAC,aAAA,CAAAD,KAAA,CAAAG,QAAA,EAAA,IAAA,EACKR,KAAK,iBAAIK,KAAA,CAAAC,aAAA,CAACG,8BAAgB,EAAET,IAAAA,EAAAA,KAAwB,CAAC,EACrD,CAACC,KAAK,IAAIE,WAAW,kBAAKE,KAAA,CAAAC,aAAA,CAACI,8BAAgB,EAAET,IAAAA,EAAAA,KAAK,IAAIE,WAA8B,CAAC,EACrFD,QAAQ,iBAAIG,KAAA,CAAAC,aAAA,CAACK,oCAAmB,EAAA,IAAA,EAAET,QAA8B,CACnE,CAAC,GAEHE,QAEW,CAAC,CAAA;AAE5B;;;;"}
|
@@ -1,13 +0,0 @@
|
|
1
|
-
'use strict';
|
2
|
-
|
3
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
4
|
-
|
5
|
-
var styled = require('styled-components');
|
6
|
-
var Cell_tokens = require('../Cell.tokens.js');
|
7
|
-
|
8
|
-
var CellTextboxStyled = /*#__PURE__*/styled.div.withConfig({
|
9
|
-
componentId: "plasma-new-hope__sc-1t9f5dx-0"
|
10
|
-
})(["display:flex;flex-direction:column;gap:var(", ");"], Cell_tokens.tokens.cellTextboxGap);
|
11
|
-
|
12
|
-
exports.CellTextboxStyled = CellTextboxStyled;
|
13
|
-
//# sourceMappingURL=CellTextbox.styles.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"CellTextbox.styles.js","sources":["../../../../src/components/Cell/CellTextbox/CellTextbox.styles.ts"],"sourcesContent":["import styled from 'styled-components';\n\nimport { tokens } from '../Cell.tokens';\n\nexport const CellTextboxStyled = styled.div`\n display: flex;\n flex-direction: column;\n gap: var(${tokens.cellTextboxGap});\n`;\n"],"names":["CellTextboxStyled","styled","div","withConfig","componentId","tokens","cellTextboxGap"],"mappings":";;;;;;;IAIaA,iBAAiB,gBAAGC,MAAM,CAACC,GAAG,CAAAC,UAAA,CAAA;EAAAC,WAAA,EAAA,+BAAA;AAAA,CAG5BC,CAAAA,CAAAA,CAAAA,6CAAAA,EAAAA,IAAAA,CAAAA,EAAAA,kBAAM,CAACC,cAAc;;;;"}
|
@@ -1,17 +0,0 @@
|
|
1
|
-
'use strict';
|
2
|
-
|
3
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
4
|
-
|
5
|
-
var React = require('react');
|
6
|
-
var styled = require('styled-components');
|
7
|
-
var Cell_tokens = require('../../Cell.tokens.js');
|
8
|
-
|
9
|
-
var StyledTextLabel = /*#__PURE__*/styled.div.withConfig({
|
10
|
-
componentId: "plasma-new-hope__sc-2pgst1-0"
|
11
|
-
})(["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);
|
12
|
-
var CellTextboxLabel = function CellTextboxLabel(props) {
|
13
|
-
return /*#__PURE__*/React.createElement(StyledTextLabel, null, props.children);
|
14
|
-
};
|
15
|
-
|
16
|
-
exports.CellTextboxLabel = CellTextboxLabel;
|
17
|
-
//# sourceMappingURL=CellTextLabel.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"CellTextLabel.js","sources":["../../../../../src/components/Cell/CellTextbox/ui/CellTextLabel.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\nexport const CellTextboxLabel: 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","CellTextboxLabel","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,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,CACtD,CAAA;IAIYC,gBAA2E,GAAG,SAA9EA,gBAA2EA,CAAIC,KAAK,EAAK;EAClG,oBAAOC,KAAA,CAAAC,aAAA,CAAChB,eAAe,EAAEc,IAAAA,EAAAA,KAAK,CAACG,QAA0B,CAAC,CAAA;AAC9D;;;;"}
|
@@ -1,17 +0,0 @@
|
|
1
|
-
'use strict';
|
2
|
-
|
3
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
4
|
-
|
5
|
-
var React = require('react');
|
6
|
-
var styled = require('styled-components');
|
7
|
-
var Cell_tokens = require('../../Cell.tokens.js');
|
8
|
-
|
9
|
-
var StyledTextSubtitle = /*#__PURE__*/styled.div.withConfig({
|
10
|
-
componentId: "plasma-new-hope__sc-12wzp7p-0"
|
11
|
-
})(["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);
|
12
|
-
var CellTextboxSubtitle = function CellTextboxSubtitle(props) {
|
13
|
-
return /*#__PURE__*/React.createElement(StyledTextSubtitle, null, props.children);
|
14
|
-
};
|
15
|
-
|
16
|
-
exports.CellTextboxSubtitle = CellTextboxSubtitle;
|
17
|
-
//# sourceMappingURL=CellTextSubtitle.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"CellTextSubtitle.js","sources":["../../../../../src/components/Cell/CellTextbox/ui/CellTextSubtitle.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\nexport const CellTextboxSubtitle: 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","CellTextboxSubtitle","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,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,CACzD,CAAA;IAIYC,mBAAiF,GAAG,SAApFA,mBAAiFA,CAAIC,KAAK,EAAK;EACxG,oBAAOC,KAAA,CAAAC,aAAA,CAAChB,kBAAkB,EAAEc,IAAAA,EAAAA,KAAK,CAACG,QAA6B,CAAC,CAAA;AACpE;;;;"}
|
@@ -1,17 +0,0 @@
|
|
1
|
-
'use strict';
|
2
|
-
|
3
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
4
|
-
|
5
|
-
var React = require('react');
|
6
|
-
var styled = require('styled-components');
|
7
|
-
var Cell_tokens = require('../../Cell.tokens.js');
|
8
|
-
|
9
|
-
var StyledTextTitle = /*#__PURE__*/styled.div.withConfig({
|
10
|
-
componentId: "plasma-new-hope__sc-xt8zbj-0"
|
11
|
-
})(["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);
|
12
|
-
var CellTextboxTitle = function CellTextboxTitle(props) {
|
13
|
-
return /*#__PURE__*/React.createElement(StyledTextTitle, null, props.children);
|
14
|
-
};
|
15
|
-
|
16
|
-
exports.CellTextboxTitle = CellTextboxTitle;
|
17
|
-
//# sourceMappingURL=CellTextTitle.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"CellTextTitle.js","sources":["../../../../../src/components/Cell/CellTextbox/ui/CellTextTitle.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\nexport const CellTextboxTitle: 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","CellTextboxTitle","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,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,CACtD,CAAA;IAIYC,gBAA2E,GAAG,SAA9EA,gBAA2EA,CAAIC,KAAK,EAAK;EAClG,oBAAOC,KAAA,CAAAC,aAAA,CAAChB,eAAe,EAAEc,IAAAA,EAAAA,KAAK,CAACG,QAA0B,CAAC,CAAA;AAC9D;;;;"}
|
@@ -1 +0,0 @@
|
|
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;;;;"}
|
@@ -1 +0,0 @@
|
|
1
|
-
|
@@ -1 +0,0 @@
|
|
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 width: 100%;\n display: flex;\n align-items: center;\n gap: var(${tokens.cellGap});\n\n &:focus {\n outline: 0 none;\n }\n`;\n"],"names":["base"],"mappings":";;;;AAIO,IAAMA,IAAI,GAYhB;;;;"}
|
@@ -1 +0,0 @@
|
|
1
|
-
.b1sr9i7l{color:var(--plasma-cell-color);background-color:var(--plasma-cell-background-color);width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:var(--plasma-cell-gap);}.b1sr9i7l:focus{outline:0 none;}
|
@@ -1,3 +0,0 @@
|
|
1
|
-
.Cell_styles_ygfo1w_b1wikybr__e668c908.Cell_styles_ygfo1w_b1wikybr__e668c908.Cell_styles_ygfo1w_cellStretchingFixed__e668c908{width:var(--plasma-cell-width);}.Cell_styles_ygfo1w_b1wikybr__e668c908.Cell_styles_ygfo1w_b1wikybr__e668c908.Cell_styles_ygfo1w_cellStretchingFilled__e668c908{width:100%;}.Cell_styles_ygfo1w_b1wikybr__e668c908.Cell_styles_ygfo1w_b1wikybr__e668c908.Cell_styles_ygfo1w_cellStretchingAuto__e668c908{width:auto;}
|
2
|
-
|
3
|
-
.base_13f5j4a_b1sr9i7l__70a09a57{color:var(--plasma-cell-color);background-color:var(--plasma-cell-background-color);width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:var(--plasma-cell-gap);}.base_13f5j4a_b1sr9i7l__70a09a57:focus{outline:0 none;}
|
@@ -1,65 +0,0 @@
|
|
1
|
-
import React, { forwardRef } from 'react';
|
2
|
-
import { cx } from '../../utils/index.js';
|
3
|
-
import { CellLeft, CellContentWrapper, CellContent, CellRight, base } from './Cell.styles.js';
|
4
|
-
import { classes } from './Cell.tokens.js';
|
5
|
-
import { base as base$1 } from './variations/_view/base.js';
|
6
|
-
import { base as base$2 } from './variations/_size/base.js';
|
7
|
-
import { CellTextbox } from './CellTextbox/CellTextbox.js';
|
8
|
-
|
9
|
-
var cellRoot = function cellRoot(Root) {
|
10
|
-
return /*#__PURE__*/forwardRef(function (_ref, outerRootRef) {
|
11
|
-
var size = _ref.size,
|
12
|
-
view = _ref.view,
|
13
|
-
contentLeft = _ref.contentLeft,
|
14
|
-
contentRight = _ref.contentRight,
|
15
|
-
_ref$alignContentLeft = _ref.alignContentLeft,
|
16
|
-
alignContentLeft = _ref$alignContentLeft === void 0 ? 'center' : _ref$alignContentLeft,
|
17
|
-
_ref$alignContentRigh = _ref.alignContentRight,
|
18
|
-
alignContentRight = _ref$alignContentRigh === void 0 ? 'center' : _ref$alignContentRigh,
|
19
|
-
children = _ref.children,
|
20
|
-
title = _ref.title,
|
21
|
-
subtitle = _ref.subtitle,
|
22
|
-
label = _ref.label,
|
23
|
-
description = _ref.description,
|
24
|
-
content = _ref.content,
|
25
|
-
_ref$stretching = _ref.stretching,
|
26
|
-
stretching = _ref$stretching === void 0 ? 'filled' : _ref$stretching;
|
27
|
-
var stretchingClass = classes["".concat(stretching, "Stretching")];
|
28
|
-
return /*#__PURE__*/React.createElement(Root, {
|
29
|
-
ref: outerRootRef,
|
30
|
-
size: size,
|
31
|
-
view: view,
|
32
|
-
className: cx(stretchingClass, classes.cellRoot)
|
33
|
-
}, contentLeft && /*#__PURE__*/React.createElement(CellLeft, {
|
34
|
-
align: alignContentLeft
|
35
|
-
}, contentLeft), /*#__PURE__*/React.createElement(CellContentWrapper, null, /*#__PURE__*/React.createElement(CellContent, null, title || description || subtitle || label ? /*#__PURE__*/React.createElement(CellTextbox, {
|
36
|
-
label: label,
|
37
|
-
description: description,
|
38
|
-
title: title,
|
39
|
-
subtitle: subtitle
|
40
|
-
}) : children || content), contentRight && /*#__PURE__*/React.createElement(CellRight, {
|
41
|
-
align: alignContentRight
|
42
|
-
}, contentRight)));
|
43
|
-
});
|
44
|
-
};
|
45
|
-
var cellConfig = {
|
46
|
-
name: 'Cell',
|
47
|
-
tag: 'div',
|
48
|
-
layout: cellRoot,
|
49
|
-
base: base,
|
50
|
-
variations: {
|
51
|
-
view: {
|
52
|
-
css: base$1
|
53
|
-
},
|
54
|
-
size: {
|
55
|
-
css: base$2
|
56
|
-
}
|
57
|
-
},
|
58
|
-
defaults: {
|
59
|
-
view: 'default',
|
60
|
-
size: 'm'
|
61
|
-
}
|
62
|
-
};
|
63
|
-
|
64
|
-
export { cellConfig, cellRoot };
|
65
|
-
//# sourceMappingURL=Cell.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"Cell.js","sources":["../../../src/components/Cell/Cell.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { RootProps } from '../../engines';\nimport { cx } from '../../utils';\n\nimport type { CellProps } from './Cell.types';\nimport { base, CellLeft, CellRight, CellContentWrapper, CellContent } from './Cell.styles';\nimport { classes } from './Cell.tokens';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { CellTextbox } from './CellTextbox/CellTextbox';\n\nexport const cellRoot = (Root: RootProps<HTMLSelectElement, CellProps>) =>\n forwardRef<HTMLSelectElement, CellProps>(\n (\n {\n size,\n view,\n contentLeft,\n contentRight,\n alignContentLeft = 'center',\n alignContentRight = 'center',\n children,\n title,\n subtitle,\n label,\n description,\n content,\n stretching = 'filled',\n },\n outerRootRef,\n ) => {\n const stretchingClass = classes[`${stretching}Stretching` as keyof typeof classes];\n return (\n <Root ref={outerRootRef} size={size} view={view} className={cx(stretchingClass, classes.cellRoot)}>\n {contentLeft && <CellLeft align={alignContentLeft}>{contentLeft}</CellLeft>}\n <CellContentWrapper>\n <CellContent>\n {title || description || subtitle || label ? (\n <CellTextbox\n label={label}\n description={description}\n title={title}\n subtitle={subtitle}\n />\n ) : (\n children || content\n )}\n </CellContent>\n {contentRight && <CellRight align={alignContentRight}>{contentRight}</CellRight>}\n </CellContentWrapper>\n </Root>\n );\n },\n );\n\nexport const cellConfig = {\n name: 'Cell',\n tag: 'div',\n layout: cellRoot,\n base,\n variations: {\n view: {\n css: viewCSS,\n },\n size: {\n css: sizeCSS,\n },\n },\n defaults: {\n view: 'default',\n size: 'm',\n },\n};\n"],"names":["cellRoot","Root","forwardRef","_ref","outerRootRef","size","view","contentLeft","contentRight","_ref$alignContentLeft","alignContentLeft","_ref$alignContentRigh","alignContentRight","children","title","subtitle","label","description","content","_ref$stretching","stretching","stretchingClass","classes","concat","React","createElement","ref","className","cx","CellLeft","align","CellContentWrapper","CellContent","CellTextbox","CellRight","cellConfig","name","tag","layout","base","variations","css","viewCSS","sizeCSS","defaults"],"mappings":"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"}
|
@@ -1,31 +0,0 @@
|
|
1
|
-
import './Cell.styles_ygfo1w.css';
|
2
|
-
import styled from 'styled-components';
|
3
|
-
import { tokens } from './Cell.tokens.js';
|
4
|
-
|
5
|
-
var alignToFlex = {
|
6
|
-
center: 'center',
|
7
|
-
top: 'flex-start',
|
8
|
-
bottom: 'flex-end'
|
9
|
-
};
|
10
|
-
var base = "b1wikybr";
|
11
|
-
var CellContentWrapper = /*#__PURE__*/styled.div.withConfig({
|
12
|
-
componentId: "plasma-new-hope__sc-taup5i-0"
|
13
|
-
})(["display:flex;flex:auto;justify-content:space-between;gap:var(", ");height:auto;"], tokens.cellGap);
|
14
|
-
var CellContent = /*#__PURE__*/styled.div.withConfig({
|
15
|
-
componentId: "plasma-new-hope__sc-taup5i-1"
|
16
|
-
})(["display:flex;align-items:center;height:auto;"]);
|
17
|
-
var CellLeft = /*#__PURE__*/styled.div.withConfig({
|
18
|
-
componentId: "plasma-new-hope__sc-taup5i-2"
|
19
|
-
})(["display:flex;align-items:", ";"], function (_ref) {
|
20
|
-
var align = _ref.align;
|
21
|
-
return alignToFlex[align];
|
22
|
-
});
|
23
|
-
var CellRight = /*#__PURE__*/styled.div.withConfig({
|
24
|
-
componentId: "plasma-new-hope__sc-taup5i-3"
|
25
|
-
})(["display:flex;align-items:", ";text-align:right;"], function (_ref2) {
|
26
|
-
var align = _ref2.align;
|
27
|
-
return alignToFlex[align];
|
28
|
-
});
|
29
|
-
|
30
|
-
export { CellContent, CellContentWrapper, CellLeft, CellRight, base };
|
31
|
-
//# sourceMappingURL=Cell.styles.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"Cell.styles.js","sources":["../../../src/components/Cell/Cell.styles.ts"],"sourcesContent":["import styled from 'styled-components';\nimport { css } from '@linaria/core';\n\nimport type { AlignProp } from './Cell.types';\nimport { tokens, classes } from './Cell.tokens';\n\nconst alignToFlex = {\n center: 'center',\n top: 'flex-start',\n bottom: 'flex-end',\n};\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\nexport const CellContentWrapper = styled.div`\n display: flex;\n flex: auto;\n justify-content: space-between;\n gap: var(${tokens.cellGap});\n height: auto;\n`;\n\nexport const CellContent = styled.div`\n display: flex;\n align-items: center;\n height: auto;\n`;\n\nexport const CellLeft = styled.div<{ align: AlignProp }>`\n display: flex;\n align-items: ${({ align }) => alignToFlex[align]};\n`;\n\nexport const CellRight = styled.div<{ align: AlignProp }>`\n display: flex;\n align-items: ${({ align }) => alignToFlex[align]};\n text-align: right;\n`;\n"],"names":["alignToFlex","center","top","bottom","base","CellContentWrapper","styled","div","withConfig","componentId","tokens","cellGap","CellContent","CellLeft","_ref","align","CellRight","_ref2"],"mappings":";;;AAMA,IAAMA,WAAW,GAAG;AAChBC,EAAAA,MAAM,EAAE,QAAQ;AAChBC,EAAAA,GAAG,EAAE,YAAY;AACjBC,EAAAA,MAAM,EAAE,UAAA;AACZ,CAAC,CAAA;AAEM,IAAMC,IAAI,GAUhB,WAAA;IAEYC,kBAAkB,gBAAGC,MAAM,CAACC,GAAI,CAAAC,UAAA,CAAA;EAAAC,WAAA,EAAA,8BAAA;AAAA,CAI9BC,CAAAA,CAAAA,CAAAA,+DAAAA,EAAAA,gBAAAA,CAAAA,EAAAA,MAAM,CAACC,OAAQ,EAE7B;IAEYC,WAAW,gBAAGN,MAAM,CAACC,GAAI,CAAAC,UAAA,CAAA;EAAAC,WAAA,EAAA,8BAAA;AAAA,CAIrC,CAAA,CAAA,CAAA,8CAAA,CAAA,EAAA;IAEYI,QAAQ,gBAAGP,MAAM,CAACC,GAAG,CAAAC,UAAA,CAAA;EAAAC,WAAA,EAAA,8BAAA;AAAA,CAAA,CAAA,CAAA,CAAA,2BAAA,EAAA,GAAA,CAAA,EAEf,UAAAK,IAAA,EAAA;AAAA,EAAA,IAAGC,KAAAA,GAAAA,IAAAA,CAAAA,KAAAA,CAAAA;EAAAA,OAAYf,WAAW,CAACe,KAAK,CAAE,CAAA;AAAA,CACpD,EAAA;IAEYC,SAAS,gBAAGV,MAAM,CAACC,GAAG,CAAAC,UAAA,CAAA;EAAAC,WAAA,EAAA,8BAAA;AAAA,CAAA,CAAA,CAAA,CAAA,2BAAA,EAAA,oBAAA,CAAA,EAEhB,UAAAQ,KAAA,EAAA;AAAA,EAAA,IAAGF,KAAAA,GAAAA,KAAAA,CAAAA,KAAAA,CAAAA;EAAAA,OAAYf,WAAW,CAACe,KAAK,CAAE,CAAA;AAAA,CAEpD;;;;"}
|
@@ -1 +0,0 @@
|
|
1
|
-
.b1wikybr.b1wikybr.cell-stretching-fixed{width:var(--plasma-cell-width);}.b1wikybr.b1wikybr.cell-stretching-filled{width:100%;}.b1wikybr.b1wikybr.cell-stretching-auto{width:auto;}
|
@@ -1,45 +0,0 @@
|
|
1
|
-
var tokens = {
|
2
|
-
cellColor: '--plasma-cell-color',
|
3
|
-
cellBackgroundColor: '--plasma-cell-background-color',
|
4
|
-
cellPadding: '--plasma-cell-padding',
|
5
|
-
cellPaddingLeftContent: '--plasma-cell-padding-left-content',
|
6
|
-
cellPaddingContent: '--plasma-cell-padding-content',
|
7
|
-
cellPaddingRightContent: '--plasma-cell-padding-right-content',
|
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
|
-
autoStretching: 'cell-stretching-auto',
|
35
|
-
filledStretching: 'cell-stretching-filled',
|
36
|
-
fixedStretching: 'cell-stretching-fixed',
|
37
|
-
cellWrapper: 'cell-wrapper',
|
38
|
-
cellRoot: 'cell-root',
|
39
|
-
cellContent: 'cell-content',
|
40
|
-
cellLeftContent: 'cell-left-content',
|
41
|
-
cellRightContent: 'cell-right-content'
|
42
|
-
};
|
43
|
-
|
44
|
-
export { classes, tokens };
|
45
|
-
//# sourceMappingURL=Cell.tokens.js.map
|
@@ -1 +0,0 @@
|
|
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-padding-left-content',\n cellPaddingContent: '--plasma-cell-padding-content',\n cellPaddingRightContent: '--plasma-cell-padding-right-content',\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 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","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,oCAAoC;AAC5DC,EAAAA,kBAAkB,EAAE,+BAA+B;AACnDC,EAAAA,uBAAuB,EAAE,qCAAqC;AAE9DC,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,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;;;;"}
|
@@ -1,17 +0,0 @@
|
|
1
|
-
import React from 'react';
|
2
|
-
import { CellTextboxStyled } from './CellTextbox.styles.js';
|
3
|
-
import { CellTextboxLabel } from './ui/CellTextLabel.js';
|
4
|
-
import { CellTextboxTitle } from './ui/CellTextTitle.js';
|
5
|
-
import { CellTextboxSubtitle } from './ui/CellTextSubtitle.js';
|
6
|
-
|
7
|
-
var CellTextbox = function CellTextbox(_ref) {
|
8
|
-
var label = _ref.label,
|
9
|
-
title = _ref.title,
|
10
|
-
subtitle = _ref.subtitle,
|
11
|
-
description = _ref.description,
|
12
|
-
children = _ref.children;
|
13
|
-
return /*#__PURE__*/React.createElement(CellTextboxStyled, null, label || title || description || subtitle ? /*#__PURE__*/React.createElement(React.Fragment, null, label && /*#__PURE__*/React.createElement(CellTextboxLabel, null, label), (title || description) && /*#__PURE__*/React.createElement(CellTextboxTitle, null, title || description), subtitle && /*#__PURE__*/React.createElement(CellTextboxSubtitle, null, subtitle)) : children);
|
14
|
-
};
|
15
|
-
|
16
|
-
export { CellTextbox };
|
17
|
-
//# sourceMappingURL=CellTextbox.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"CellTextbox.js","sources":["../../../../src/components/Cell/CellTextbox/CellTextbox.tsx"],"sourcesContent":["import React, { HTMLAttributes } from 'react';\n\nimport type { CellTextboxProps } from './CellTextbox.types';\nimport { CellTextboxStyled } from './CellTextbox.styles';\nimport { CellTextboxLabel } from './ui/CellTextLabel';\nimport { CellTextboxTitle } from './ui/CellTextTitle';\nimport { CellTextboxSubtitle } from './ui/CellTextSubtitle';\n\nexport const CellTextbox: React.FC<HTMLAttributes<HTMLDivElement> & CellTextboxProps> = ({\n label,\n title,\n subtitle,\n description,\n children,\n}) => {\n return (\n <CellTextboxStyled>\n {label || title || description || subtitle ? (\n <>\n {label && <CellTextboxLabel>{label}</CellTextboxLabel>}\n {(title || description) && <CellTextboxTitle>{title || description}</CellTextboxTitle>}\n {subtitle && <CellTextboxSubtitle>{subtitle}</CellTextboxSubtitle>}\n </>\n ) : (\n children\n )}\n </CellTextboxStyled>\n );\n};\n"],"names":["CellTextbox","_ref","label","title","subtitle","description","children","React","createElement","CellTextboxStyled","Fragment","CellTextboxLabel","CellTextboxTitle","CellTextboxSubtitle"],"mappings":";;;;;;IAQaA,WAAwE,GAAG,SAA3EA,WAAwEA,CAAAC,IAAA,EAM/E;AAAA,EAAA,IALFC,KAAK,GAAAD,IAAA,CAALC,KAAK;IACLC,KAAK,GAAAF,IAAA,CAALE,KAAK;IACLC,QAAQ,GAAAH,IAAA,CAARG,QAAQ;IACRC,WAAW,GAAAJ,IAAA,CAAXI,WAAW;IACXC,QAAQ,GAAAL,IAAA,CAARK,QAAQ,CAAA;AAER,EAAA,oBACIC,KAAA,CAAAC,aAAA,CAACC,iBAAiB,EAAA,IAAA,EACbP,KAAK,IAAIC,KAAK,IAAIE,WAAW,IAAID,QAAQ,gBACtCG,KAAA,CAAAC,aAAA,CAAAD,KAAA,CAAAG,QAAA,EAAA,IAAA,EACKR,KAAK,iBAAIK,KAAA,CAAAC,aAAA,CAACG,gBAAgB,EAAET,IAAAA,EAAAA,KAAwB,CAAC,EACrD,CAACC,KAAK,IAAIE,WAAW,kBAAKE,KAAA,CAAAC,aAAA,CAACI,gBAAgB,EAAET,IAAAA,EAAAA,KAAK,IAAIE,WAA8B,CAAC,EACrFD,QAAQ,iBAAIG,KAAA,CAAAC,aAAA,CAACK,mBAAmB,EAAA,IAAA,EAAET,QAA8B,CACnE,CAAC,GAEHE,QAEW,CAAC,CAAA;AAE5B;;;;"}
|
@@ -1,9 +0,0 @@
|
|
1
|
-
import styled from 'styled-components';
|
2
|
-
import { tokens } from '../Cell.tokens.js';
|
3
|
-
|
4
|
-
var CellTextboxStyled = /*#__PURE__*/styled.div.withConfig({
|
5
|
-
componentId: "plasma-new-hope__sc-1t9f5dx-0"
|
6
|
-
})(["display:flex;flex-direction:column;gap:var(", ");"], tokens.cellTextboxGap);
|
7
|
-
|
8
|
-
export { CellTextboxStyled };
|
9
|
-
//# sourceMappingURL=CellTextbox.styles.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"CellTextbox.styles.js","sources":["../../../../src/components/Cell/CellTextbox/CellTextbox.styles.ts"],"sourcesContent":["import styled from 'styled-components';\n\nimport { tokens } from '../Cell.tokens';\n\nexport const CellTextboxStyled = styled.div`\n display: flex;\n flex-direction: column;\n gap: var(${tokens.cellTextboxGap});\n`;\n"],"names":["CellTextboxStyled","styled","div","withConfig","componentId","tokens","cellTextboxGap"],"mappings":";;;IAIaA,iBAAiB,gBAAGC,MAAM,CAACC,GAAG,CAAAC,UAAA,CAAA;EAAAC,WAAA,EAAA,+BAAA;AAAA,CAG5BC,CAAAA,CAAAA,CAAAA,6CAAAA,EAAAA,IAAAA,CAAAA,EAAAA,MAAM,CAACC,cAAc;;;;"}
|
@@ -1,13 +0,0 @@
|
|
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-2pgst1-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 CellTextboxLabel = function CellTextboxLabel(props) {
|
9
|
-
return /*#__PURE__*/React.createElement(StyledTextLabel, null, props.children);
|
10
|
-
};
|
11
|
-
|
12
|
-
export { CellTextboxLabel };
|
13
|
-
//# sourceMappingURL=CellTextLabel.js.map
|