@salutejs/plasma-new-hope 0.68.0-canary.1148.8482525044.0 → 0.68.0-canary.1155.8481923291.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/components/Chip/Chip.template-doc.mdx +2 -2
- package/styled-components/cjs/index.js +0 -11
- package/styled-components/es/components/Chip/Chip.template-doc.mdx +2 -2
- 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.d.ts +1 -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.d.ts +1 -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 +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,70 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
|
3
|
-
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
4
|
-
Object.defineProperty(exports, "__esModule", {
|
5
|
-
value: true
|
6
|
-
});
|
7
|
-
exports.cellRoot = exports.cellConfig = void 0;
|
8
|
-
var _react = /*#__PURE__*/_interopRequireWildcard( /*#__PURE__*/require("react"));
|
9
|
-
var _utils = /*#__PURE__*/require("../../utils");
|
10
|
-
var _Cell = /*#__PURE__*/require("./Cell.styles");
|
11
|
-
var _Cell2 = /*#__PURE__*/require("./Cell.tokens");
|
12
|
-
var _base = /*#__PURE__*/require("./variations/_view/base");
|
13
|
-
var _base2 = /*#__PURE__*/require("./variations/_size/base");
|
14
|
-
var _CellTextbox = /*#__PURE__*/require("./CellTextbox/CellTextbox");
|
15
|
-
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
16
|
-
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
|
17
|
-
var cellRoot = exports.cellRoot = function cellRoot(Root) {
|
18
|
-
return /*#__PURE__*/(0, _react.forwardRef)(function (_ref, outerRootRef) {
|
19
|
-
var size = _ref.size,
|
20
|
-
view = _ref.view,
|
21
|
-
contentLeft = _ref.contentLeft,
|
22
|
-
contentRight = _ref.contentRight,
|
23
|
-
_ref$alignContentLeft = _ref.alignContentLeft,
|
24
|
-
alignContentLeft = _ref$alignContentLeft === void 0 ? 'center' : _ref$alignContentLeft,
|
25
|
-
_ref$alignContentRigh = _ref.alignContentRight,
|
26
|
-
alignContentRight = _ref$alignContentRigh === void 0 ? 'center' : _ref$alignContentRigh,
|
27
|
-
children = _ref.children,
|
28
|
-
title = _ref.title,
|
29
|
-
subtitle = _ref.subtitle,
|
30
|
-
label = _ref.label,
|
31
|
-
description = _ref.description,
|
32
|
-
content = _ref.content,
|
33
|
-
_ref$stretching = _ref.stretching,
|
34
|
-
stretching = _ref$stretching === void 0 ? 'filled' : _ref$stretching;
|
35
|
-
var stretchingClass = _Cell2.classes["".concat(stretching, "Stretching")];
|
36
|
-
return /*#__PURE__*/_react["default"].createElement(Root, {
|
37
|
-
ref: outerRootRef,
|
38
|
-
size: size,
|
39
|
-
view: view,
|
40
|
-
className: (0, _utils.cx)(stretchingClass, _Cell2.classes.cellRoot)
|
41
|
-
}, contentLeft && /*#__PURE__*/_react["default"].createElement(_Cell.CellLeft, {
|
42
|
-
align: alignContentLeft
|
43
|
-
}, contentLeft), /*#__PURE__*/_react["default"].createElement(_Cell.CellContentWrapper, null, /*#__PURE__*/_react["default"].createElement(_Cell.CellContent, null, title || description || subtitle || label ? /*#__PURE__*/_react["default"].createElement(_CellTextbox.CellTextbox, {
|
44
|
-
label: label,
|
45
|
-
description: description,
|
46
|
-
title: title,
|
47
|
-
subtitle: subtitle
|
48
|
-
}) : children || content), contentRight && /*#__PURE__*/_react["default"].createElement(_Cell.CellRight, {
|
49
|
-
align: alignContentRight
|
50
|
-
}, contentRight)));
|
51
|
-
});
|
52
|
-
};
|
53
|
-
var cellConfig = exports.cellConfig = {
|
54
|
-
name: 'Cell',
|
55
|
-
tag: 'div',
|
56
|
-
layout: cellRoot,
|
57
|
-
base: _Cell.base,
|
58
|
-
variations: {
|
59
|
-
view: {
|
60
|
-
css: _base.base
|
61
|
-
},
|
62
|
-
size: {
|
63
|
-
css: _base2.base
|
64
|
-
}
|
65
|
-
},
|
66
|
-
defaults: {
|
67
|
-
view: 'default',
|
68
|
-
size: 'm'
|
69
|
-
}
|
70
|
-
};
|
@@ -1,35 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
|
3
|
-
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
4
|
-
Object.defineProperty(exports, "__esModule", {
|
5
|
-
value: true
|
6
|
-
});
|
7
|
-
exports.base = exports.CellRight = exports.CellLeft = exports.CellContentWrapper = exports.CellContent = void 0;
|
8
|
-
var _styledComponents = /*#__PURE__*/_interopRequireWildcard( /*#__PURE__*/require("styled-components"));
|
9
|
-
var _Cell = /*#__PURE__*/require("./Cell.tokens");
|
10
|
-
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
11
|
-
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
|
12
|
-
var alignToFlex = {
|
13
|
-
center: 'center',
|
14
|
-
top: 'flex-start',
|
15
|
-
bottom: 'flex-end'
|
16
|
-
};
|
17
|
-
var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["&&.", "{width:var(", ");}&&.", "{width:100%;}&&.", "{width:auto;}"], _Cell.classes.fixedStretching, _Cell.tokens.cellWidth, _Cell.classes.filledStretching, _Cell.classes.autoStretching);
|
18
|
-
var CellContentWrapper = exports.CellContentWrapper = /*#__PURE__*/_styledComponents["default"].div.withConfig({
|
19
|
-
componentId: "plasma-new-hope__sc-16emz3n-0"
|
20
|
-
})(["display:flex;flex:auto;justify-content:space-between;gap:var(", ");height:auto;"], _Cell.tokens.cellGap);
|
21
|
-
var CellContent = exports.CellContent = /*#__PURE__*/_styledComponents["default"].div.withConfig({
|
22
|
-
componentId: "plasma-new-hope__sc-16emz3n-1"
|
23
|
-
})(["display:flex;align-items:center;height:auto;"]);
|
24
|
-
var CellLeft = exports.CellLeft = /*#__PURE__*/_styledComponents["default"].div.withConfig({
|
25
|
-
componentId: "plasma-new-hope__sc-16emz3n-2"
|
26
|
-
})(["display:flex;align-items:", ";"], function (_ref) {
|
27
|
-
var align = _ref.align;
|
28
|
-
return alignToFlex[align];
|
29
|
-
});
|
30
|
-
var CellRight = exports.CellRight = /*#__PURE__*/_styledComponents["default"].div.withConfig({
|
31
|
-
componentId: "plasma-new-hope__sc-16emz3n-3"
|
32
|
-
})(["display:flex;align-items:", ";text-align:right;"], function (_ref2) {
|
33
|
-
var align = _ref2.align;
|
34
|
-
return alignToFlex[align];
|
35
|
-
});
|
@@ -1,48 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
4
|
-
value: true
|
5
|
-
});
|
6
|
-
exports.tokens = exports.classes = void 0;
|
7
|
-
var tokens = exports.tokens = {
|
8
|
-
cellColor: '--plasma-cell-color',
|
9
|
-
cellBackgroundColor: '--plasma-cell-background-color',
|
10
|
-
cellPadding: '--plasma-cell-padding',
|
11
|
-
cellPaddingLeftContent: '--plasma-cell-padding-left-content',
|
12
|
-
cellPaddingContent: '--plasma-cell-padding-content',
|
13
|
-
cellPaddingRightContent: '--plasma-cell-padding-right-content',
|
14
|
-
cellTextboxGap: '--plasma-cell-textbox-gap',
|
15
|
-
cellGap: '--plasma-cell-gap',
|
16
|
-
cellWidth: '--plasma-cell-width',
|
17
|
-
cellLabelColor: '--plasma-cell-label-color',
|
18
|
-
cellLabelFontFamily: '--plasma-cell-label-font-family',
|
19
|
-
cellLabelFontSize: '--plasma-cell-label-font-size',
|
20
|
-
cellLabelFontStyle: '--plasma-cell-label-font-style',
|
21
|
-
cellLabelFontWeight: '--plasma-cell-label-font-weight',
|
22
|
-
cellLabelLetterSpacing: '--plasma-cell-label-letter-spacing',
|
23
|
-
cellLabelLineHeight: '--plasma-cell-label-line-height',
|
24
|
-
cellTitleColor: '--plasma-cell-title-color',
|
25
|
-
cellTitleFontFamily: '--plasma-cell-title-font-family',
|
26
|
-
cellTitleFontSize: '--plasma-cell-title-font-size',
|
27
|
-
cellTitleFontStyle: '--plasma-cell-title-font-style',
|
28
|
-
cellTitleFontWeight: '--plasma-cell-title-font-weight',
|
29
|
-
cellTitleLetterSpacing: '--plasma-cell-title-letter-spacing',
|
30
|
-
cellTitleLineHeight: '--plasma-cell-title-line-height',
|
31
|
-
cellSubtitleColor: '--plasma-cell-subtitle-color',
|
32
|
-
cellSubtitleFontFamily: '--plasma-cell-subtitle-font-family',
|
33
|
-
cellSubtitleFontSize: '--plasma-cell-subtitle-font-size',
|
34
|
-
cellSubtitleFontStyle: '--plasma-cell-subtitle-font-style',
|
35
|
-
cellSubtitleFontWeight: '--plasma-cell-subtitle-font-weight',
|
36
|
-
cellSubtitleLetterSpacing: '--plasma-cell-subtitle-letter-spacing',
|
37
|
-
cellSubtitleLineHeight: '--plasma-cell-subtitle-line-height'
|
38
|
-
};
|
39
|
-
var classes = exports.classes = {
|
40
|
-
autoStretching: 'cell-stretching-auto',
|
41
|
-
filledStretching: 'cell-stretching-filled',
|
42
|
-
fixedStretching: 'cell-stretching-fixed',
|
43
|
-
cellWrapper: 'cell-wrapper',
|
44
|
-
cellRoot: 'cell-root',
|
45
|
-
cellContent: 'cell-content',
|
46
|
-
cellLeftContent: 'cell-left-content',
|
47
|
-
cellRightContent: 'cell-right-content'
|
48
|
-
};
|
@@ -1,20 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
4
|
-
value: true
|
5
|
-
});
|
6
|
-
exports.CellTextbox = void 0;
|
7
|
-
var _react = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("react"));
|
8
|
-
var _CellTextbox = /*#__PURE__*/require("./CellTextbox.styles");
|
9
|
-
var _CellTextLabel = /*#__PURE__*/require("./ui/CellTextLabel");
|
10
|
-
var _CellTextTitle = /*#__PURE__*/require("./ui/CellTextTitle");
|
11
|
-
var _CellTextSubtitle = /*#__PURE__*/require("./ui/CellTextSubtitle");
|
12
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
13
|
-
var CellTextbox = exports.CellTextbox = function CellTextbox(_ref) {
|
14
|
-
var label = _ref.label,
|
15
|
-
title = _ref.title,
|
16
|
-
subtitle = _ref.subtitle,
|
17
|
-
description = _ref.description,
|
18
|
-
children = _ref.children;
|
19
|
-
return /*#__PURE__*/_react["default"].createElement(_CellTextbox.CellTextboxStyled, null, label || title || description || subtitle ? /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, label && /*#__PURE__*/_react["default"].createElement(_CellTextLabel.CellTextboxLabel, null, label), (title || description) && /*#__PURE__*/_react["default"].createElement(_CellTextTitle.CellTextboxTitle, null, title || description), subtitle && /*#__PURE__*/_react["default"].createElement(_CellTextSubtitle.CellTextboxSubtitle, null, subtitle)) : children);
|
20
|
-
};
|
@@ -1,12 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
4
|
-
value: true
|
5
|
-
});
|
6
|
-
exports.CellTextboxStyled = void 0;
|
7
|
-
var _styledComponents = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("styled-components"));
|
8
|
-
var _Cell = /*#__PURE__*/require("../Cell.tokens");
|
9
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
10
|
-
var CellTextboxStyled = exports.CellTextboxStyled = /*#__PURE__*/_styledComponents["default"].div.withConfig({
|
11
|
-
componentId: "plasma-new-hope__sc-1ts73cj-0"
|
12
|
-
})(["display:flex;flex-direction:column;gap:var(", ");"], _Cell.tokens.cellTextboxGap);
|
@@ -1,16 +0,0 @@
|
|
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 _styledComponents = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("styled-components"));
|
9
|
-
var _Cell = /*#__PURE__*/require("../../Cell.tokens");
|
10
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
11
|
-
var StyledTextLabel = /*#__PURE__*/_styledComponents["default"].div.withConfig({
|
12
|
-
componentId: "plasma-new-hope__sc-1syy9dx-0"
|
13
|
-
})(["color:var(", ");font-size:var(", ");font-weight:var(", ");font-family:var(", ");font-style:var(", ");line-height:var(", ");letter-spacing:var(", ");"], _Cell.tokens.cellLabelColor, _Cell.tokens.cellLabelFontSize, _Cell.tokens.cellLabelFontWeight, _Cell.tokens.cellLabelFontFamily, _Cell.tokens.cellLabelFontStyle, _Cell.tokens.cellLabelLineHeight, _Cell.tokens.cellLabelLetterSpacing);
|
14
|
-
var CellTextboxLabel = exports.CellTextboxLabel = function CellTextboxLabel(props) {
|
15
|
-
return /*#__PURE__*/_react["default"].createElement(StyledTextLabel, null, props.children);
|
16
|
-
};
|
@@ -1,16 +0,0 @@
|
|
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 _styledComponents = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("styled-components"));
|
9
|
-
var _Cell = /*#__PURE__*/require("../../Cell.tokens");
|
10
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
11
|
-
var StyledTextSubtitle = /*#__PURE__*/_styledComponents["default"].div.withConfig({
|
12
|
-
componentId: "plasma-new-hope__sc-ulqa2a-0"
|
13
|
-
})(["color:var(", ");font-size:var(", ");font-weight:var(", ");font-family:var(", ");font-style:var(", ");line-height:var(", ");letter-spacing:var(", ");"], _Cell.tokens.cellSubtitleColor, _Cell.tokens.cellSubtitleFontSize, _Cell.tokens.cellSubtitleFontWeight, _Cell.tokens.cellSubtitleFontFamily, _Cell.tokens.cellSubtitleFontStyle, _Cell.tokens.cellSubtitleLineHeight, _Cell.tokens.cellSubtitleLetterSpacing);
|
14
|
-
var CellTextboxSubtitle = exports.CellTextboxSubtitle = function CellTextboxSubtitle(props) {
|
15
|
-
return /*#__PURE__*/_react["default"].createElement(StyledTextSubtitle, null, props.children);
|
16
|
-
};
|
@@ -1,16 +0,0 @@
|
|
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 _styledComponents = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("styled-components"));
|
9
|
-
var _Cell = /*#__PURE__*/require("../../Cell.tokens");
|
10
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
11
|
-
var StyledTextTitle = /*#__PURE__*/_styledComponents["default"].div.withConfig({
|
12
|
-
componentId: "plasma-new-hope__sc-o4ebas-0"
|
13
|
-
})(["color:var(", ");font-size:var(", ");font-weight:var(", ");font-family:var(", ");font-style:var(", ");line-height:var(", ");letter-spacing:var(", ");"], _Cell.tokens.cellTitleColor, _Cell.tokens.cellTitleFontSize, _Cell.tokens.cellTitleFontWeight, _Cell.tokens.cellTitleFontFamily, _Cell.tokens.cellTitleFontStyle, _Cell.tokens.cellTitleLineHeight, _Cell.tokens.cellTitleLetterSpacing);
|
14
|
-
var CellTextboxTitle = exports.CellTextboxTitle = function CellTextboxTitle(props) {
|
15
|
-
return /*#__PURE__*/_react["default"].createElement(StyledTextTitle, null, props.children);
|
16
|
-
};
|
@@ -1,59 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
4
|
-
value: true
|
5
|
-
});
|
6
|
-
Object.defineProperty(exports, "CellTextbox", {
|
7
|
-
enumerable: true,
|
8
|
-
get: function get() {
|
9
|
-
return _CellTextbox.CellTextbox;
|
10
|
-
}
|
11
|
-
});
|
12
|
-
Object.defineProperty(exports, "CellTextboxLabel", {
|
13
|
-
enumerable: true,
|
14
|
-
get: function get() {
|
15
|
-
return _CellTextLabel.CellTextboxLabel;
|
16
|
-
}
|
17
|
-
});
|
18
|
-
Object.defineProperty(exports, "CellTextboxSubtitle", {
|
19
|
-
enumerable: true,
|
20
|
-
get: function get() {
|
21
|
-
return _CellTextSubtitle.CellTextboxSubtitle;
|
22
|
-
}
|
23
|
-
});
|
24
|
-
Object.defineProperty(exports, "CellTextboxTitle", {
|
25
|
-
enumerable: true,
|
26
|
-
get: function get() {
|
27
|
-
return _CellTextTitle.CellTextboxTitle;
|
28
|
-
}
|
29
|
-
});
|
30
|
-
Object.defineProperty(exports, "cellClasses", {
|
31
|
-
enumerable: true,
|
32
|
-
get: function get() {
|
33
|
-
return _Cell2.classes;
|
34
|
-
}
|
35
|
-
});
|
36
|
-
Object.defineProperty(exports, "cellConfig", {
|
37
|
-
enumerable: true,
|
38
|
-
get: function get() {
|
39
|
-
return _Cell.cellConfig;
|
40
|
-
}
|
41
|
-
});
|
42
|
-
Object.defineProperty(exports, "cellRoot", {
|
43
|
-
enumerable: true,
|
44
|
-
get: function get() {
|
45
|
-
return _Cell.cellRoot;
|
46
|
-
}
|
47
|
-
});
|
48
|
-
Object.defineProperty(exports, "cellTokens", {
|
49
|
-
enumerable: true,
|
50
|
-
get: function get() {
|
51
|
-
return _Cell2.tokens;
|
52
|
-
}
|
53
|
-
});
|
54
|
-
var _CellTextLabel = /*#__PURE__*/require("./CellTextbox/ui/CellTextLabel");
|
55
|
-
var _CellTextTitle = /*#__PURE__*/require("./CellTextbox/ui/CellTextTitle");
|
56
|
-
var _CellTextSubtitle = /*#__PURE__*/require("./CellTextbox/ui/CellTextSubtitle");
|
57
|
-
var _Cell = /*#__PURE__*/require("./Cell");
|
58
|
-
var _Cell2 = /*#__PURE__*/require("./Cell.tokens");
|
59
|
-
var _CellTextbox = /*#__PURE__*/require("./CellTextbox/CellTextbox");
|
@@ -1 +0,0 @@
|
|
1
|
-
["--plasma-cell-left-height", "--plasma-cell-right-height", "--plasma-cell-height"]
|
@@ -1,9 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
4
|
-
value: true
|
5
|
-
});
|
6
|
-
exports.base = void 0;
|
7
|
-
var _styledComponents = /*#__PURE__*/require("styled-components");
|
8
|
-
var _Cell = /*#__PURE__*/require("../../Cell.tokens");
|
9
|
-
var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["&.", "{width:var(", ");}&.", "{width:100%;}&.", "{width:auto;}"], _Cell.classes.fixedStretching, _Cell.tokens.cellWidth, _Cell.classes.filledStretching, _Cell.classes.autoStretching);
|
@@ -1 +0,0 @@
|
|
1
|
-
["--plasma-button-width"]
|
@@ -1,9 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
4
|
-
value: true
|
5
|
-
});
|
6
|
-
exports.base = void 0;
|
7
|
-
var _styledComponents = /*#__PURE__*/require("styled-components");
|
8
|
-
var _Cell = /*#__PURE__*/require("../../Cell.tokens");
|
9
|
-
var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["color:var(", ");background-color:var(", ");width:100%;display:flex;align-items:center;gap:var(", ");&:focus{outline:0 none;}"], _Cell.tokens.cellColor, _Cell.tokens.cellBackgroundColor, _Cell.tokens.cellGap);
|
@@ -1 +0,0 @@
|
|
1
|
-
["--plasma-cell-color", "--plasma-cell-background-color"]
|
@@ -1,21 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
4
|
-
value: true
|
5
|
-
});
|
6
|
-
exports.config = void 0;
|
7
|
-
var _styledComponents = /*#__PURE__*/require("styled-components");
|
8
|
-
var _Cell = /*#__PURE__*/require("../../../../components/Cell");
|
9
|
-
var config = exports.config = {
|
10
|
-
variations: {
|
11
|
-
view: {
|
12
|
-
"default": /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-primary);", ":var(--text-secondary);", ":var(--text-primary);", ":var(--text-secondary);", ":transparent;"], _Cell.cellTokens.cellColor, _Cell.cellTokens.cellLabelColor, _Cell.cellTokens.cellTitleColor, _Cell.cellTokens.cellSubtitleColor, _Cell.cellTokens.cellBackgroundColor)
|
13
|
-
},
|
14
|
-
size: {
|
15
|
-
l: /*#__PURE__*/(0, _styledComponents.css)(["", ":15rem;", ":0rem;", ":0rem;", ":0rem;", ":0rem;", ":0.125rem;", ":0.375rem;", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);"], _Cell.cellTokens.cellWidth, _Cell.cellTokens.cellPadding, _Cell.cellTokens.cellPaddingLeftContent, _Cell.cellTokens.cellPaddingContent, _Cell.cellTokens.cellPaddingRightContent, _Cell.cellTokens.cellTextboxGap, _Cell.cellTokens.cellGap, _Cell.cellTokens.cellLabelFontFamily, _Cell.cellTokens.cellLabelFontSize, _Cell.cellTokens.cellLabelFontStyle, _Cell.cellTokens.cellLabelFontWeight, _Cell.cellTokens.cellLabelLetterSpacing, _Cell.cellTokens.cellLabelLineHeight, _Cell.cellTokens.cellTitleFontFamily, _Cell.cellTokens.cellTitleFontSize, _Cell.cellTokens.cellTitleFontStyle, _Cell.cellTokens.cellTitleFontWeight, _Cell.cellTokens.cellTitleLetterSpacing, _Cell.cellTokens.cellTitleLineHeight, _Cell.cellTokens.cellSubtitleFontFamily, _Cell.cellTokens.cellSubtitleFontSize, _Cell.cellTokens.cellSubtitleFontStyle, _Cell.cellTokens.cellSubtitleFontWeight, _Cell.cellTokens.cellSubtitleLetterSpacing, _Cell.cellTokens.cellSubtitleLineHeight),
|
16
|
-
m: /*#__PURE__*/(0, _styledComponents.css)(["", ":15rem;", ":0rem;", ":0rem;", ":0rem;", ":0rem;", ":0.125rem;", ":0.375rem;", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);"], _Cell.cellTokens.cellWidth, _Cell.cellTokens.cellPadding, _Cell.cellTokens.cellPaddingLeftContent, _Cell.cellTokens.cellPaddingContent, _Cell.cellTokens.cellPaddingRightContent, _Cell.cellTokens.cellTextboxGap, _Cell.cellTokens.cellGap, _Cell.cellTokens.cellLabelFontFamily, _Cell.cellTokens.cellLabelFontSize, _Cell.cellTokens.cellLabelFontStyle, _Cell.cellTokens.cellLabelFontWeight, _Cell.cellTokens.cellLabelLetterSpacing, _Cell.cellTokens.cellLabelLineHeight, _Cell.cellTokens.cellTitleFontFamily, _Cell.cellTokens.cellTitleFontSize, _Cell.cellTokens.cellTitleFontStyle, _Cell.cellTokens.cellTitleFontWeight, _Cell.cellTokens.cellTitleLetterSpacing, _Cell.cellTokens.cellTitleLineHeight, _Cell.cellTokens.cellSubtitleFontFamily, _Cell.cellTokens.cellSubtitleFontSize, _Cell.cellTokens.cellSubtitleFontStyle, _Cell.cellTokens.cellSubtitleFontWeight, _Cell.cellTokens.cellSubtitleLetterSpacing, _Cell.cellTokens.cellSubtitleLineHeight),
|
17
|
-
s: /*#__PURE__*/(0, _styledComponents.css)(["", ":15rem;", ":0rem;", ":0rem;", ":0rem;", ":0rem;", ":0.125rem;", ":0.375rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);"], _Cell.cellTokens.cellWidth, _Cell.cellTokens.cellPadding, _Cell.cellTokens.cellPaddingLeftContent, _Cell.cellTokens.cellPaddingContent, _Cell.cellTokens.cellPaddingRightContent, _Cell.cellTokens.cellTextboxGap, _Cell.cellTokens.cellGap, _Cell.cellTokens.cellLabelFontFamily, _Cell.cellTokens.cellLabelFontSize, _Cell.cellTokens.cellLabelFontStyle, _Cell.cellTokens.cellLabelFontWeight, _Cell.cellTokens.cellLabelLetterSpacing, _Cell.cellTokens.cellLabelLineHeight, _Cell.cellTokens.cellTitleFontFamily, _Cell.cellTokens.cellTitleFontSize, _Cell.cellTokens.cellTitleFontStyle, _Cell.cellTokens.cellTitleFontWeight, _Cell.cellTokens.cellTitleLetterSpacing, _Cell.cellTokens.cellTitleLineHeight, _Cell.cellTokens.cellSubtitleFontFamily, _Cell.cellTokens.cellSubtitleFontSize, _Cell.cellTokens.cellSubtitleFontStyle, _Cell.cellTokens.cellSubtitleFontWeight, _Cell.cellTokens.cellSubtitleLetterSpacing, _Cell.cellTokens.cellSubtitleLineHeight),
|
18
|
-
xs: /*#__PURE__*/(0, _styledComponents.css)(["", ":15rem;", ":0rem;", ":0rem;", ":0rem;", ":0rem;", ":0.125rem;", ":0.25rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);"], _Cell.cellTokens.cellWidth, _Cell.cellTokens.cellPadding, _Cell.cellTokens.cellPaddingLeftContent, _Cell.cellTokens.cellPaddingContent, _Cell.cellTokens.cellPaddingRightContent, _Cell.cellTokens.cellTextboxGap, _Cell.cellTokens.cellGap, _Cell.cellTokens.cellLabelFontFamily, _Cell.cellTokens.cellLabelFontSize, _Cell.cellTokens.cellLabelFontStyle, _Cell.cellTokens.cellLabelFontWeight, _Cell.cellTokens.cellLabelLetterSpacing, _Cell.cellTokens.cellLabelLineHeight, _Cell.cellTokens.cellTitleFontFamily, _Cell.cellTokens.cellTitleFontSize, _Cell.cellTokens.cellTitleFontStyle, _Cell.cellTokens.cellTitleFontWeight, _Cell.cellTokens.cellTitleLetterSpacing, _Cell.cellTokens.cellTitleLineHeight, _Cell.cellTokens.cellSubtitleFontFamily, _Cell.cellTokens.cellSubtitleFontSize, _Cell.cellTokens.cellSubtitleFontStyle, _Cell.cellTokens.cellSubtitleFontWeight, _Cell.cellTokens.cellSubtitleLetterSpacing, _Cell.cellTokens.cellSubtitleLineHeight)
|
19
|
-
}
|
20
|
-
}
|
21
|
-
};
|
@@ -1,35 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
4
|
-
value: true
|
5
|
-
});
|
6
|
-
exports.Cell = void 0;
|
7
|
-
Object.defineProperty(exports, "CellTextbox", {
|
8
|
-
enumerable: true,
|
9
|
-
get: function get() {
|
10
|
-
return _Cell.CellTextbox;
|
11
|
-
}
|
12
|
-
});
|
13
|
-
Object.defineProperty(exports, "CellTextboxLabel", {
|
14
|
-
enumerable: true,
|
15
|
-
get: function get() {
|
16
|
-
return _Cell.CellTextboxLabel;
|
17
|
-
}
|
18
|
-
});
|
19
|
-
Object.defineProperty(exports, "CellTextboxSubtitle", {
|
20
|
-
enumerable: true,
|
21
|
-
get: function get() {
|
22
|
-
return _Cell.CellTextboxSubtitle;
|
23
|
-
}
|
24
|
-
});
|
25
|
-
Object.defineProperty(exports, "CellTextboxTitle", {
|
26
|
-
enumerable: true,
|
27
|
-
get: function get() {
|
28
|
-
return _Cell.CellTextboxTitle;
|
29
|
-
}
|
30
|
-
});
|
31
|
-
var _Cell = /*#__PURE__*/require("../../../../components/Cell");
|
32
|
-
var _engines = /*#__PURE__*/require("../../../../engines");
|
33
|
-
var _Cell2 = /*#__PURE__*/require("./Cell.config");
|
34
|
-
var mergedConfig = /*#__PURE__*/(0, _engines.mergeConfig)(_Cell.cellConfig, _Cell2.config);
|
35
|
-
var Cell = exports.Cell = /*#__PURE__*/(0, _engines.component)(mergedConfig);
|
@@ -1,128 +0,0 @@
|
|
1
|
-
import React from 'react';
|
2
|
-
import type { ComponentProps } from 'react';
|
3
|
-
import type { StoryObj, Meta } from '@storybook/react';
|
4
|
-
import styled from 'styled-components';
|
5
|
-
|
6
|
-
import { WithTheme } from '../../../_helpers';
|
7
|
-
import { Avatar } from '../Avatar/Avatar';
|
8
|
-
import { IconChevronLeft } from '../../../../components/_Icon';
|
9
|
-
|
10
|
-
import { Cell, CellTextbox, CellTextboxTitle } from './Cell';
|
11
|
-
|
12
|
-
type StoryProps = ComponentProps<typeof Cell> & {
|
13
|
-
itemsCount?: number;
|
14
|
-
enableLeftContent?: boolean;
|
15
|
-
enableRightContent?: boolean;
|
16
|
-
};
|
17
|
-
type Story = StoryObj<StoryProps>;
|
18
|
-
|
19
|
-
const sizes = ['l', 'm', 's', 'xs'];
|
20
|
-
const stretchingValues = ['fixed', 'filled', 'auto'];
|
21
|
-
const alignLeft = ['top', 'center', 'bottom'];
|
22
|
-
const alignRight = ['top', 'center', 'bottom'];
|
23
|
-
|
24
|
-
type SizesCell = 'xs' | 'l' | 'm' | 's' | undefined;
|
25
|
-
type SizesAvatar = 'l' | 'm' | 's';
|
26
|
-
|
27
|
-
const getSize = (size: SizesCell): SizesAvatar => {
|
28
|
-
if (size === 'xs' || !size) {
|
29
|
-
return 's';
|
30
|
-
}
|
31
|
-
|
32
|
-
return size;
|
33
|
-
};
|
34
|
-
|
35
|
-
const meta: Meta<typeof Cell> = {
|
36
|
-
title: 'plasma_b2c/Cell',
|
37
|
-
decorators: [WithTheme],
|
38
|
-
argTypes: {
|
39
|
-
size: {
|
40
|
-
options: sizes,
|
41
|
-
control: {
|
42
|
-
type: 'select',
|
43
|
-
},
|
44
|
-
},
|
45
|
-
stretching: {
|
46
|
-
options: stretchingValues,
|
47
|
-
control: {
|
48
|
-
type: 'select',
|
49
|
-
},
|
50
|
-
},
|
51
|
-
alignContentLeft: {
|
52
|
-
options: alignLeft,
|
53
|
-
control: {
|
54
|
-
type: 'select',
|
55
|
-
},
|
56
|
-
},
|
57
|
-
alignContentRight: {
|
58
|
-
options: alignRight,
|
59
|
-
control: {
|
60
|
-
type: 'select',
|
61
|
-
},
|
62
|
-
},
|
63
|
-
},
|
64
|
-
};
|
65
|
-
|
66
|
-
export default meta;
|
67
|
-
|
68
|
-
const ChevronRight = styled(IconChevronLeft)`
|
69
|
-
transform: rotate(180deg);
|
70
|
-
color: var(--text-secondary);
|
71
|
-
`;
|
72
|
-
|
73
|
-
export const Default: Story = {
|
74
|
-
args: {
|
75
|
-
size: 'm',
|
76
|
-
stretching: 'filled',
|
77
|
-
enableLeftContent: false,
|
78
|
-
enableRightContent: false,
|
79
|
-
alignContentLeft: 'center',
|
80
|
-
alignContentRight: 'center',
|
81
|
-
title: 'Title',
|
82
|
-
subtitle: 'Subtitle',
|
83
|
-
label: 'Label',
|
84
|
-
},
|
85
|
-
render: ({ ...args }: StoryProps) => {
|
86
|
-
return (
|
87
|
-
<Cell
|
88
|
-
contentLeft={
|
89
|
-
!args.enableLeftContent && (
|
90
|
-
<Avatar size={getSize(args.size)} url="https://avatars.githubusercontent.com/u/1813468?v=4" />
|
91
|
-
)
|
92
|
-
}
|
93
|
-
contentRight={!args.enableRightContent && <ChevronRight color="inherit" size="xs" />}
|
94
|
-
{...args}
|
95
|
-
/>
|
96
|
-
);
|
97
|
-
},
|
98
|
-
};
|
99
|
-
|
100
|
-
export const WithContentTextboxCustom: Story = {
|
101
|
-
args: {
|
102
|
-
size: 'm',
|
103
|
-
stretching: 'filled',
|
104
|
-
},
|
105
|
-
render: ({ ...args }: StoryProps) => {
|
106
|
-
const MyStyledText = styled.div`
|
107
|
-
font-size: 12px;
|
108
|
-
font-weight: 600;
|
109
|
-
opacity: 0.5;
|
110
|
-
`;
|
111
|
-
return (
|
112
|
-
<Cell
|
113
|
-
view="default"
|
114
|
-
size={args.size}
|
115
|
-
stretching={args.stretching}
|
116
|
-
contentLeft={
|
117
|
-
<Avatar size={getSize(args.size)} url="https://avatars.githubusercontent.com/u/1813468?v=4" />
|
118
|
-
}
|
119
|
-
contentRight={!args.enableRightContent && <ChevronRight color="inherit" size="xs" />}
|
120
|
-
>
|
121
|
-
<CellTextboxTitle>
|
122
|
-
<CellTextbox>Title</CellTextbox>
|
123
|
-
<MyStyledText>My styled Text</MyStyledText>
|
124
|
-
</CellTextboxTitle>
|
125
|
-
</Cell>
|
126
|
-
);
|
127
|
-
},
|
128
|
-
};
|
@@ -1,21 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
4
|
-
value: true
|
5
|
-
});
|
6
|
-
exports.config = void 0;
|
7
|
-
var _styledComponents = /*#__PURE__*/require("styled-components");
|
8
|
-
var _Cell = /*#__PURE__*/require("../../../../components/Cell");
|
9
|
-
var config = exports.config = {
|
10
|
-
variations: {
|
11
|
-
view: {
|
12
|
-
"default": /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-primary);", ":var(--text-secondary);", ":var(--text-primary);", ":var(--text-secondary);", ":transparent;"], _Cell.cellTokens.cellColor, _Cell.cellTokens.cellLabelColor, _Cell.cellTokens.cellTitleColor, _Cell.cellTokens.cellSubtitleColor, _Cell.cellTokens.cellBackgroundColor)
|
13
|
-
},
|
14
|
-
size: {
|
15
|
-
l: /*#__PURE__*/(0, _styledComponents.css)(["", ":15rem;", ":0rem;", ":0rem;", ":0rem;", ":0rem;", ":0.125rem;", ":0.375rem;", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);"], _Cell.cellTokens.cellWidth, _Cell.cellTokens.cellPadding, _Cell.cellTokens.cellPaddingLeftContent, _Cell.cellTokens.cellPaddingContent, _Cell.cellTokens.cellPaddingRightContent, _Cell.cellTokens.cellTextboxGap, _Cell.cellTokens.cellGap, _Cell.cellTokens.cellLabelFontFamily, _Cell.cellTokens.cellLabelFontSize, _Cell.cellTokens.cellLabelFontStyle, _Cell.cellTokens.cellLabelFontWeight, _Cell.cellTokens.cellLabelLetterSpacing, _Cell.cellTokens.cellLabelLineHeight, _Cell.cellTokens.cellTitleFontFamily, _Cell.cellTokens.cellTitleFontSize, _Cell.cellTokens.cellTitleFontStyle, _Cell.cellTokens.cellTitleFontWeight, _Cell.cellTokens.cellTitleLetterSpacing, _Cell.cellTokens.cellTitleLineHeight, _Cell.cellTokens.cellSubtitleFontFamily, _Cell.cellTokens.cellSubtitleFontSize, _Cell.cellTokens.cellSubtitleFontStyle, _Cell.cellTokens.cellSubtitleFontWeight, _Cell.cellTokens.cellSubtitleLetterSpacing, _Cell.cellTokens.cellSubtitleLineHeight),
|
16
|
-
m: /*#__PURE__*/(0, _styledComponents.css)(["", ":15rem;", ":0rem;", ":0rem;", ":0rem;", ":0rem;", ":0.125rem;", ":0.375rem;", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);"], _Cell.cellTokens.cellWidth, _Cell.cellTokens.cellPadding, _Cell.cellTokens.cellPaddingLeftContent, _Cell.cellTokens.cellPaddingContent, _Cell.cellTokens.cellPaddingRightContent, _Cell.cellTokens.cellTextboxGap, _Cell.cellTokens.cellGap, _Cell.cellTokens.cellLabelFontFamily, _Cell.cellTokens.cellLabelFontSize, _Cell.cellTokens.cellLabelFontStyle, _Cell.cellTokens.cellLabelFontWeight, _Cell.cellTokens.cellLabelLetterSpacing, _Cell.cellTokens.cellLabelLineHeight, _Cell.cellTokens.cellTitleFontFamily, _Cell.cellTokens.cellTitleFontSize, _Cell.cellTokens.cellTitleFontStyle, _Cell.cellTokens.cellTitleFontWeight, _Cell.cellTokens.cellTitleLetterSpacing, _Cell.cellTokens.cellTitleLineHeight, _Cell.cellTokens.cellSubtitleFontFamily, _Cell.cellTokens.cellSubtitleFontSize, _Cell.cellTokens.cellSubtitleFontStyle, _Cell.cellTokens.cellSubtitleFontWeight, _Cell.cellTokens.cellSubtitleLetterSpacing, _Cell.cellTokens.cellSubtitleLineHeight),
|
17
|
-
s: /*#__PURE__*/(0, _styledComponents.css)(["", ":15rem;", ":0rem;", ":0rem;", ":0rem;", ":0rem;", ":0.125rem;", ":0.375rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);"], _Cell.cellTokens.cellWidth, _Cell.cellTokens.cellPadding, _Cell.cellTokens.cellPaddingLeftContent, _Cell.cellTokens.cellPaddingContent, _Cell.cellTokens.cellPaddingRightContent, _Cell.cellTokens.cellTextboxGap, _Cell.cellTokens.cellGap, _Cell.cellTokens.cellLabelFontFamily, _Cell.cellTokens.cellLabelFontSize, _Cell.cellTokens.cellLabelFontStyle, _Cell.cellTokens.cellLabelFontWeight, _Cell.cellTokens.cellLabelLetterSpacing, _Cell.cellTokens.cellLabelLineHeight, _Cell.cellTokens.cellTitleFontFamily, _Cell.cellTokens.cellTitleFontSize, _Cell.cellTokens.cellTitleFontStyle, _Cell.cellTokens.cellTitleFontWeight, _Cell.cellTokens.cellTitleLetterSpacing, _Cell.cellTokens.cellTitleLineHeight, _Cell.cellTokens.cellSubtitleFontFamily, _Cell.cellTokens.cellSubtitleFontSize, _Cell.cellTokens.cellSubtitleFontStyle, _Cell.cellTokens.cellSubtitleFontWeight, _Cell.cellTokens.cellSubtitleLetterSpacing, _Cell.cellTokens.cellSubtitleLineHeight),
|
18
|
-
xs: /*#__PURE__*/(0, _styledComponents.css)(["", ":15rem;", ":0rem;", ":0rem;", ":0rem;", ":0rem;", ":0.125rem;", ":0.25rem;", ":0.375rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);"], _Cell.cellTokens.cellWidth, _Cell.cellTokens.cellPadding, _Cell.cellTokens.cellPaddingLeftContent, _Cell.cellTokens.cellPaddingContent, _Cell.cellTokens.cellPaddingRightContent, _Cell.cellTokens.cellTextboxGap, _Cell.cellTokens.cellGap, _Cell.cellTokens.cellGap, _Cell.cellTokens.cellLabelFontFamily, _Cell.cellTokens.cellLabelFontSize, _Cell.cellTokens.cellLabelFontStyle, _Cell.cellTokens.cellLabelFontWeight, _Cell.cellTokens.cellLabelLetterSpacing, _Cell.cellTokens.cellLabelLineHeight, _Cell.cellTokens.cellTitleFontFamily, _Cell.cellTokens.cellTitleFontSize, _Cell.cellTokens.cellTitleFontStyle, _Cell.cellTokens.cellTitleFontWeight, _Cell.cellTokens.cellTitleLetterSpacing, _Cell.cellTokens.cellTitleLineHeight, _Cell.cellTokens.cellSubtitleFontFamily, _Cell.cellTokens.cellSubtitleFontSize, _Cell.cellTokens.cellSubtitleFontStyle, _Cell.cellTokens.cellSubtitleFontWeight, _Cell.cellTokens.cellSubtitleLetterSpacing, _Cell.cellTokens.cellSubtitleLineHeight)
|
19
|
-
}
|
20
|
-
}
|
21
|
-
};
|
@@ -1,35 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
4
|
-
value: true
|
5
|
-
});
|
6
|
-
exports.Cell = void 0;
|
7
|
-
Object.defineProperty(exports, "CellTextbox", {
|
8
|
-
enumerable: true,
|
9
|
-
get: function get() {
|
10
|
-
return _Cell.CellTextbox;
|
11
|
-
}
|
12
|
-
});
|
13
|
-
Object.defineProperty(exports, "CellTextboxLabel", {
|
14
|
-
enumerable: true,
|
15
|
-
get: function get() {
|
16
|
-
return _Cell.CellTextboxLabel;
|
17
|
-
}
|
18
|
-
});
|
19
|
-
Object.defineProperty(exports, "CellTextboxSubtitle", {
|
20
|
-
enumerable: true,
|
21
|
-
get: function get() {
|
22
|
-
return _Cell.CellTextboxSubtitle;
|
23
|
-
}
|
24
|
-
});
|
25
|
-
Object.defineProperty(exports, "CellTextboxTitle", {
|
26
|
-
enumerable: true,
|
27
|
-
get: function get() {
|
28
|
-
return _Cell.CellTextboxTitle;
|
29
|
-
}
|
30
|
-
});
|
31
|
-
var _engines = /*#__PURE__*/require("../../../../engines");
|
32
|
-
var _Cell = /*#__PURE__*/require("../../../../components/Cell");
|
33
|
-
var _Cell2 = /*#__PURE__*/require("./Cell.config");
|
34
|
-
var mergedConfig = /*#__PURE__*/(0, _engines.mergeConfig)(_Cell.cellConfig, _Cell2.config);
|
35
|
-
var Cell = exports.Cell = /*#__PURE__*/(0, _engines.component)(mergedConfig);
|