@salutejs/plasma-new-hope 0.66.0-dev.0 → 0.67.0-canary.1148.8443817650.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (147) hide show
  1. package/cjs/components/Cell/Cell.css +3 -0
  2. package/cjs/components/Cell/Cell.js +72 -0
  3. package/cjs/components/Cell/Cell.js.map +1 -0
  4. package/cjs/components/Cell/Cell.styles.js +42 -0
  5. package/cjs/components/Cell/Cell.styles.js.map +1 -0
  6. package/cjs/components/Cell/Cell.tokens.js +51 -0
  7. package/cjs/components/Cell/Cell.tokens.js.map +1 -0
  8. package/cjs/components/Cell/Textbox/Textbox.js +20 -0
  9. package/cjs/components/Cell/Textbox/Textbox.js.map +1 -0
  10. package/cjs/components/Cell/Textbox/Textbox.styles.js +13 -0
  11. package/cjs/components/Cell/Textbox/Textbox.styles.js.map +1 -0
  12. package/cjs/components/Cell/Textbox/ui/TextLabel.js +17 -0
  13. package/cjs/components/Cell/Textbox/ui/TextLabel.js.map +1 -0
  14. package/cjs/components/Cell/Textbox/ui/TextSubtitle.js +17 -0
  15. package/cjs/components/Cell/Textbox/ui/TextSubtitle.js.map +1 -0
  16. package/cjs/components/Cell/Textbox/ui/TextTitle.js +17 -0
  17. package/cjs/components/Cell/Textbox/ui/TextTitle.js.map +1 -0
  18. package/cjs/components/Cell/variations/_size/base.js +9 -0
  19. package/cjs/components/Cell/variations/_size/base.js.map +1 -0
  20. package/cjs/components/Cell/variations/_size/base_x642ct.css +1 -0
  21. package/cjs/components/Cell/variations/_stretching/base.js +9 -0
  22. package/cjs/components/Cell/variations/_stretching/base.js.map +1 -0
  23. package/cjs/components/Cell/variations/_stretching/base_1ryz4br.css +1 -0
  24. package/cjs/components/Cell/variations/_view/base.js +9 -0
  25. package/cjs/components/Cell/variations/_view/base.js.map +1 -0
  26. package/cjs/components/Cell/variations/_view/base_c5qh0x.css +1 -0
  27. package/cjs/index.css +4 -0
  28. package/cjs/index.js +14 -0
  29. package/cjs/index.js.map +1 -1
  30. package/es/components/Cell/Cell.css +3 -0
  31. package/es/components/Cell/Cell.js +67 -0
  32. package/es/components/Cell/Cell.js.map +1 -0
  33. package/es/components/Cell/Cell.styles.js +34 -0
  34. package/es/components/Cell/Cell.styles.js.map +1 -0
  35. package/es/components/Cell/Cell.tokens.js +46 -0
  36. package/es/components/Cell/Cell.tokens.js.map +1 -0
  37. package/es/components/Cell/Textbox/Textbox.js +16 -0
  38. package/es/components/Cell/Textbox/Textbox.js.map +1 -0
  39. package/es/components/Cell/Textbox/Textbox.styles.js +9 -0
  40. package/es/components/Cell/Textbox/Textbox.styles.js.map +1 -0
  41. package/es/components/Cell/Textbox/ui/TextLabel.js +13 -0
  42. package/es/components/Cell/Textbox/ui/TextLabel.js.map +1 -0
  43. package/es/components/Cell/Textbox/ui/TextSubtitle.js +13 -0
  44. package/es/components/Cell/Textbox/ui/TextSubtitle.js.map +1 -0
  45. package/es/components/Cell/Textbox/ui/TextTitle.js +13 -0
  46. package/es/components/Cell/Textbox/ui/TextTitle.js.map +1 -0
  47. package/es/components/Cell/variations/_size/base.js +5 -0
  48. package/es/components/Cell/variations/_size/base.js.map +1 -0
  49. package/es/components/Cell/variations/_size/base_x642ct.css +1 -0
  50. package/es/components/Cell/variations/_stretching/base.js +5 -0
  51. package/es/components/Cell/variations/_stretching/base.js.map +1 -0
  52. package/es/components/Cell/variations/_stretching/base_1ryz4br.css +1 -0
  53. package/es/components/Cell/variations/_view/base.js +5 -0
  54. package/es/components/Cell/variations/_view/base.js.map +1 -0
  55. package/es/components/Cell/variations/_view/base_c5qh0x.css +1 -0
  56. package/es/index.css +4 -0
  57. package/es/index.js +6 -0
  58. package/es/index.js.map +1 -1
  59. package/package.json +2 -2
  60. package/styled-components/cjs/components/Cell/Cell.js +72 -0
  61. package/styled-components/cjs/components/Cell/Cell.styles.js +37 -0
  62. package/styled-components/cjs/components/Cell/Cell.tokens.js +49 -0
  63. package/styled-components/cjs/components/Cell/Cell.types.js +5 -0
  64. package/styled-components/cjs/components/Cell/Textbox/Textbox.js +19 -0
  65. package/styled-components/cjs/components/Cell/Textbox/Textbox.styles.js +12 -0
  66. package/styled-components/cjs/components/Cell/Textbox/Textbox.types.js +5 -0
  67. package/styled-components/cjs/components/Cell/Textbox/ui/TextLabel.js +16 -0
  68. package/styled-components/cjs/components/Cell/Textbox/ui/TextSubtitle.js +16 -0
  69. package/styled-components/cjs/components/Cell/Textbox/ui/TextTitle.js +16 -0
  70. package/styled-components/cjs/components/Cell/index.js +59 -0
  71. package/styled-components/cjs/components/Cell/variations/_size/base.js +8 -0
  72. package/styled-components/cjs/components/Cell/variations/_size/tokens.json +1 -0
  73. package/styled-components/cjs/components/Cell/variations/_stretching/base.js +9 -0
  74. package/styled-components/cjs/components/Cell/variations/_stretching/tokens.json +1 -0
  75. package/styled-components/cjs/components/Cell/variations/_view/base.js +9 -0
  76. package/styled-components/cjs/components/Cell/variations/_view/tokens.json +1 -0
  77. package/styled-components/cjs/examples/plasma_b2c/components/Cell/Cell.config.js +31 -0
  78. package/styled-components/cjs/examples/plasma_b2c/components/Cell/Cell.js +35 -0
  79. package/styled-components/cjs/examples/plasma_b2c/components/Cell/Cell.stories.tsx +157 -0
  80. package/styled-components/cjs/examples/plasma_web/components/Cell/Cell.config.js +31 -0
  81. package/styled-components/cjs/examples/plasma_web/components/Cell/Cell.js +35 -0
  82. package/styled-components/cjs/examples/plasma_web/components/Cell/Cell.stories.tsx +157 -0
  83. package/styled-components/cjs/index.js +11 -0
  84. package/styled-components/es/components/Cell/Cell.js +63 -0
  85. package/styled-components/es/components/Cell/Cell.styles.js +30 -0
  86. package/styled-components/es/components/Cell/Cell.tokens.js +43 -0
  87. package/styled-components/es/components/Cell/Cell.types.js +1 -0
  88. package/styled-components/es/components/Cell/Textbox/Textbox.js +12 -0
  89. package/styled-components/es/components/Cell/Textbox/Textbox.styles.js +5 -0
  90. package/styled-components/es/components/Cell/Textbox/Textbox.types.js +1 -0
  91. package/styled-components/es/components/Cell/Textbox/ui/TextLabel.js +9 -0
  92. package/styled-components/es/components/Cell/Textbox/ui/TextSubtitle.js +9 -0
  93. package/styled-components/es/components/Cell/Textbox/ui/TextTitle.js +9 -0
  94. package/styled-components/es/components/Cell/index.js +6 -0
  95. package/styled-components/es/components/Cell/variations/_size/base.js +2 -0
  96. package/styled-components/es/components/Cell/variations/_size/tokens.json +1 -0
  97. package/styled-components/es/components/Cell/variations/_stretching/base.js +3 -0
  98. package/styled-components/es/components/Cell/variations/_stretching/tokens.json +1 -0
  99. package/styled-components/es/components/Cell/variations/_view/base.js +3 -0
  100. package/styled-components/es/components/Cell/variations/_view/tokens.json +1 -0
  101. package/styled-components/es/examples/plasma_b2c/components/Cell/Cell.config.js +25 -0
  102. package/styled-components/es/examples/plasma_b2c/components/Cell/Cell.js +6 -0
  103. package/styled-components/es/examples/plasma_b2c/components/Cell/Cell.stories.tsx +157 -0
  104. package/styled-components/es/examples/plasma_web/components/Cell/Cell.config.js +25 -0
  105. package/styled-components/es/examples/plasma_web/components/Cell/Cell.js +6 -0
  106. package/styled-components/es/examples/plasma_web/components/Cell/Cell.stories.tsx +157 -0
  107. package/styled-components/es/index.js +1 -0
  108. package/types/components/Cell/Cell.d.ts +49 -0
  109. package/types/components/Cell/Cell.d.ts.map +1 -0
  110. package/types/components/Cell/Cell.styles.d.ts +11 -0
  111. package/types/components/Cell/Cell.styles.d.ts.map +1 -0
  112. package/types/components/Cell/Cell.tokens.d.ts +44 -0
  113. package/types/components/Cell/Cell.tokens.d.ts.map +1 -0
  114. package/types/components/Cell/Cell.types.d.ts +54 -0
  115. package/types/components/Cell/Cell.types.d.ts.map +1 -0
  116. package/types/components/Cell/Textbox/Textbox.d.ts +4 -0
  117. package/types/components/Cell/Textbox/Textbox.d.ts.map +1 -0
  118. package/types/components/Cell/Textbox/Textbox.styles.d.ts +2 -0
  119. package/types/components/Cell/Textbox/Textbox.styles.d.ts.map +1 -0
  120. package/types/components/Cell/Textbox/Textbox.types.d.ts +20 -0
  121. package/types/components/Cell/Textbox/Textbox.types.d.ts.map +1 -0
  122. package/types/components/Cell/Textbox/ui/TextLabel.d.ts +7 -0
  123. package/types/components/Cell/Textbox/ui/TextLabel.d.ts.map +1 -0
  124. package/types/components/Cell/Textbox/ui/TextSubtitle.d.ts +7 -0
  125. package/types/components/Cell/Textbox/ui/TextSubtitle.d.ts.map +1 -0
  126. package/types/components/Cell/Textbox/ui/TextTitle.d.ts +7 -0
  127. package/types/components/Cell/Textbox/ui/TextTitle.d.ts.map +1 -0
  128. package/types/components/Cell/index.d.ts +9 -0
  129. package/types/components/Cell/index.d.ts.map +1 -0
  130. package/types/components/Cell/variations/_size/base.d.ts +2 -0
  131. package/types/components/Cell/variations/_size/base.d.ts.map +1 -0
  132. package/types/components/Cell/variations/_stretching/base.d.ts +2 -0
  133. package/types/components/Cell/variations/_stretching/base.d.ts.map +1 -0
  134. package/types/components/Cell/variations/_view/base.d.ts +2 -0
  135. package/types/components/Cell/variations/_view/base.d.ts.map +1 -0
  136. package/types/examples/plasma_b2c/components/Cell/Cell.config.d.ts +24 -0
  137. package/types/examples/plasma_b2c/components/Cell/Cell.config.d.ts.map +1 -0
  138. package/types/examples/plasma_b2c/components/Cell/Cell.d.ts +31 -0
  139. package/types/examples/plasma_b2c/components/Cell/Cell.d.ts.map +1 -0
  140. package/types/examples/plasma_b2c/components/Combobox/Combobox.d.ts +2 -2
  141. package/types/examples/plasma_web/components/Cell/Cell.config.d.ts +24 -0
  142. package/types/examples/plasma_web/components/Cell/Cell.config.d.ts.map +1 -0
  143. package/types/examples/plasma_web/components/Cell/Cell.d.ts +31 -0
  144. package/types/examples/plasma_web/components/Cell/Cell.d.ts.map +1 -0
  145. package/types/examples/plasma_web/components/Combobox/Combobox.d.ts +2 -2
  146. package/types/index.d.ts +1 -0
  147. package/types/index.d.ts.map +1 -1
@@ -0,0 +1,3 @@
1
+ .base_c5qh0x_b1sr9i7l__f964d8e5{color:var(--plasma-cell-color);background-color:var(--plasma-cell-background-color);}
2
+
3
+ .base_1ryz4br_b1ppwsal__56529027.base_1ryz4br_cellStretchingFixed__56529027{width:var(--plasma-cell-width);}.base_1ryz4br_b1ppwsal__56529027.base_1ryz4br_cellStretchingFilled__56529027{width:100%;}.base_1ryz4br_b1ppwsal__56529027.base_1ryz4br_cellStretchingAuto__56529027{width:auto;}
@@ -0,0 +1,72 @@
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 base$2 = require('./variations/_stretching/base.js');
12
+ var Textbox = require('./Textbox/Textbox.js');
13
+ var TextLabel = require('./Textbox/ui/TextLabel.js');
14
+ var TextTitle = require('./Textbox/ui/TextTitle.js');
15
+ var TextSubtitle = require('./Textbox/ui/TextSubtitle.js');
16
+
17
+ var cellRoot = function cellRoot(Root) {
18
+ return /*#__PURE__*/React.forwardRef(function (props, outerRootRef) {
19
+ var _props$size = props.size,
20
+ size = _props$size === void 0 ? 'm' : _props$size,
21
+ left = props.contentLeft,
22
+ right = props.contentRight,
23
+ _props$alignLeft = props.alignLeft,
24
+ alignLeft = _props$alignLeft === void 0 ? 'center' : _props$alignLeft,
25
+ _props$alignRight = props.alignRight,
26
+ alignRight = _props$alignRight === void 0 ? 'center' : _props$alignRight,
27
+ _props$stretching = props.stretching,
28
+ stretching = _props$stretching === void 0 ? 'filled' : _props$stretching,
29
+ children = props.children,
30
+ title = props.title,
31
+ subtitle = props.subtitle,
32
+ label = props.label;
33
+ var stretchingClass = Cell_tokens.classes["".concat(stretching, "Stretching")];
34
+ return /*#__PURE__*/React.createElement(Root, {
35
+ ref: outerRootRef,
36
+ size: size,
37
+ className: index.cx(stretchingClass)
38
+ }, /*#__PURE__*/React.createElement(Cell_styles.CellRoot, {
39
+ className: Cell_tokens.classes.cellRoot
40
+ }, left && /*#__PURE__*/React.createElement(Cell_styles.CellLeft, {
41
+ align: alignLeft
42
+ }, left), /*#__PURE__*/React.createElement(Cell_styles.CellContentWrapper, null, /*#__PURE__*/React.createElement(Cell_styles.CellContent, null, title || subtitle || label ? /*#__PURE__*/React.createElement(Textbox.Textbox, null, label && /*#__PURE__*/React.createElement(TextLabel.TextLabel, null, label), title && /*#__PURE__*/React.createElement(TextTitle.TextTitle, null, title), subtitle && /*#__PURE__*/React.createElement(TextSubtitle.TextSubtitle, null, subtitle)) : children && children), right && /*#__PURE__*/React.createElement(Cell_styles.CellRight, {
43
+ align: alignRight
44
+ }, right))));
45
+ });
46
+ };
47
+ var cellConfig = {
48
+ name: 'Cell',
49
+ tag: 'div',
50
+ layout: cellRoot,
51
+ base: '',
52
+ variations: {
53
+ view: {
54
+ css: base.base
55
+ },
56
+ size: {
57
+ css: base$1.base
58
+ },
59
+ stretching: {
60
+ css: base$2.base
61
+ }
62
+ },
63
+ defaults: {
64
+ view: 'default',
65
+ size: 'm',
66
+ stretching: 'filled'
67
+ }
68
+ };
69
+
70
+ exports.cellConfig = cellConfig;
71
+ exports.cellRoot = cellRoot;
72
+ //# sourceMappingURL=Cell.js.map
@@ -0,0 +1 @@
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 { CellRoot, 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 { base as stretchingCSS } from './variations/_stretching/base';\nimport { Textbox } from './Textbox/Textbox';\nimport { TextLabel } from './Textbox/ui/TextLabel';\nimport { TextTitle } from './Textbox/ui/TextTitle';\nimport { TextSubtitle } from './Textbox/ui/TextSubtitle';\n\nexport const cellRoot = (Root: RootProps<HTMLSelectElement, CellProps>) =>\n forwardRef<HTMLSelectElement, CellProps>((props, outerRootRef) => {\n const {\n size = 'm',\n contentLeft: left,\n contentRight: right,\n alignLeft = 'center',\n alignRight = 'center',\n stretching = 'filled',\n children,\n title,\n subtitle,\n label,\n } = props;\n\n const stretchingClass = classes[`${stretching}Stretching` as keyof typeof classes];\n\n return (\n <Root ref={outerRootRef} size={size} className={cx(stretchingClass)}>\n <CellRoot className={classes.cellRoot}>\n {left && <CellLeft align={alignLeft}>{left}</CellLeft>}\n <CellContentWrapper>\n <CellContent>\n {title || subtitle || label ? (\n <Textbox>\n {label && <TextLabel>{label}</TextLabel>}\n {title && <TextTitle>{title}</TextTitle>}\n {subtitle && <TextSubtitle>{subtitle}</TextSubtitle>}\n </Textbox>\n ) : (\n children && children\n )}\n </CellContent>\n {right && <CellRight align={alignRight}>{right}</CellRight>}\n </CellContentWrapper>\n </CellRoot>\n </Root>\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 stretching: {\n css: stretchingCSS,\n },\n },\n defaults: {\n view: 'default',\n size: 'm',\n stretching: 'filled',\n },\n};\n"],"names":["cellRoot","Root","forwardRef","props","outerRootRef","_props$size","size","left","contentLeft","right","contentRight","_props$alignLeft","alignLeft","_props$alignRight","alignRight","_props$stretching","stretching","children","title","subtitle","label","stretchingClass","classes","concat","React","createElement","ref","className","cx","CellRoot","CellLeft","align","CellContentWrapper","CellContent","Textbox","TextLabel","TextTitle","TextSubtitle","CellRight","cellConfig","name","tag","layout","base","variations","view","css","viewCSS","sizeCSS","stretchingCSS","defaults"],"mappings":"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"}
@@ -0,0 +1,42 @@
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 alignToFlex = {
9
+ center: 'center',
10
+ top: 'flex-start',
11
+ bottom: 'flex-end'
12
+ };
13
+ var CellRoot = /*#__PURE__*/styled.div.withConfig({
14
+ componentId: "plasma-new-hope__sc-taup5i-0"
15
+ })(["width:100%;display:flex;gap:var(", ");&:focus{outline:0 none;}"], Cell_tokens.tokens.cellGap);
16
+ var CellContentWrapper = /*#__PURE__*/styled.div.withConfig({
17
+ componentId: "plasma-new-hope__sc-taup5i-1"
18
+ })(["display:flex;flex:auto;justify-content:space-between;gap:var(", ");"], Cell_tokens.tokens.cellGap);
19
+ var CellContent = /*#__PURE__*/styled.div.withConfig({
20
+ componentId: "plasma-new-hope__sc-taup5i-2"
21
+ })(["display:flex;align-items:center;"]);
22
+ var CellLeft = /*#__PURE__*/styled.div.withConfig({
23
+ componentId: "plasma-new-hope__sc-taup5i-3"
24
+ })(["display:flex;align-items:", ";"], function (_ref) {
25
+ var _ref$align = _ref.align,
26
+ align = _ref$align === void 0 ? 'center' : _ref$align;
27
+ return alignToFlex[align];
28
+ });
29
+ var CellRight = /*#__PURE__*/styled.div.withConfig({
30
+ componentId: "plasma-new-hope__sc-taup5i-4"
31
+ })(["display:flex;align-items:", ";text-align:right;"], function (_ref2) {
32
+ var _ref2$align = _ref2.align,
33
+ align = _ref2$align === void 0 ? 'center' : _ref2$align;
34
+ return alignToFlex[align];
35
+ });
36
+
37
+ exports.CellContent = CellContent;
38
+ exports.CellContentWrapper = CellContentWrapper;
39
+ exports.CellLeft = CellLeft;
40
+ exports.CellRight = CellRight;
41
+ exports.CellRoot = CellRoot;
42
+ //# sourceMappingURL=Cell.styles.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Cell.styles.js","sources":["../../../src/components/Cell/Cell.styles.ts"],"sourcesContent":["import styled from 'styled-components';\n\nimport type { AlignLeftProp, AlignRightProp } from './Cell.types';\nimport { tokens } from './Cell.tokens';\n\nconst alignToFlex = {\n center: 'center',\n top: 'flex-start',\n bottom: 'flex-end',\n};\n\nexport const CellRoot = styled.div`\n width: 100%;\n display: flex;\n gap: var(${tokens.cellGap});\n\n &:focus {\n outline: 0 none;\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`;\n\nexport const CellContent = styled.div`\n display: flex;\n align-items: center;\n`;\n\nexport const CellLeft = styled.div<{ align: AlignLeftProp }>`\n display: flex;\n align-items: ${({ align = 'center' }) => alignToFlex[align]};\n`;\n\nexport const CellRight = styled.div<{ align: AlignRightProp }>`\n display: flex;\n align-items: ${({ align = 'center' }) => alignToFlex[align]};\n text-align: right;\n`;\n"],"names":["alignToFlex","center","top","bottom","CellRoot","styled","div","withConfig","componentId","tokens","cellGap","CellContentWrapper","CellContent","CellLeft","_ref","_ref$align","align","CellRight","_ref2","_ref2$align"],"mappings":";;;;;;;AAKA,IAAMA,WAAW,GAAG;AAChBC,EAAAA,MAAM,EAAE,QAAQ;AAChBC,EAAAA,GAAG,EAAE,YAAY;AACjBC,EAAAA,MAAM,EAAE,UAAA;AACZ,CAAC,CAAA;IAEYC,QAAQ,gBAAGC,MAAM,CAACC,GAAG,CAAAC,UAAA,CAAA;EAAAC,WAAA,EAAA,8BAAA;AAAA,CAGnBC,CAAAA,CAAAA,CAAAA,kCAAAA,EAAAA,4BAAAA,CAAAA,EAAAA,kBAAM,CAACC,OAAO,EAK5B;IAEYC,kBAAkB,gBAAGN,MAAM,CAACC,GAAG,CAAAC,UAAA,CAAA;EAAAC,WAAA,EAAA,8BAAA;AAAA,CAI7BC,CAAAA,CAAAA,CAAAA,+DAAAA,EAAAA,IAAAA,CAAAA,EAAAA,kBAAM,CAACC,OAAO,EAC5B;IAEYE,WAAW,gBAAGP,MAAM,CAACC,GAAG,CAAAC,UAAA,CAAA;EAAAC,WAAA,EAAA,8BAAA;AAAA,CAGpC,CAAA,CAAA,CAAA,kCAAA,CAAA,EAAA;IAEYK,QAAQ,gBAAGR,MAAM,CAACC,GAAG,CAAAC,UAAA,CAAA;EAAAC,WAAA,EAAA,8BAAA;AAAA,CAAA,CAAA,CAAA,CAAA,2BAAA,EAAA,GAAA,CAAA,EAEf,UAAAM,IAAA,EAAA;AAAA,EAAA,IAAAC,UAAA,GAAAD,IAAA,CAAGE,KAAK;AAALA,IAAAA,KAAK,GAAAD,UAAA,KAAG,KAAA,CAAA,GAAA,QAAQ,GAAAA,UAAA,CAAA;EAAA,OAAOf,WAAW,CAACgB,KAAK,CAAC,CAAA;AAAA,CAC9D,EAAA;IAEYC,SAAS,gBAAGZ,MAAM,CAACC,GAAG,CAAAC,UAAA,CAAA;EAAAC,WAAA,EAAA,8BAAA;AAAA,CAAA,CAAA,CAAA,CAAA,2BAAA,EAAA,oBAAA,CAAA,EAEhB,UAAAU,KAAA,EAAA;AAAA,EAAA,IAAAC,WAAA,GAAAD,KAAA,CAAGF,KAAK;AAALA,IAAAA,KAAK,GAAAG,WAAA,KAAG,KAAA,CAAA,GAAA,QAAQ,GAAAA,WAAA,CAAA;EAAA,OAAOnB,WAAW,CAACgB,KAAK,CAAC,CAAA;AAAA,CAE9D;;;;;;;;"}
@@ -0,0 +1,51 @@
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-left-padding',
10
+ cellPaddingContent: '--plasma-cell-padding',
11
+ cellPaddingRightContent: '--plasma-cell-right-padding',
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
+ cellStretch: 'cell-stretch',
39
+ autoStretching: 'cell-stretching-auto',
40
+ filledStretching: 'cell-stretching-filled',
41
+ fixedStretching: 'cell-stretching-fixed',
42
+ cellWrapper: 'cell-wrapper',
43
+ cellRoot: 'cell-root',
44
+ cellContent: 'cell-content',
45
+ cellLeftContent: 'cell-left-content',
46
+ cellRightContent: 'cell-right-content'
47
+ };
48
+
49
+ exports.classes = classes;
50
+ exports.tokens = tokens;
51
+ //# sourceMappingURL=Cell.tokens.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Cell.tokens.js","sources":["../../../src/components/Cell/Cell.tokens.ts"],"sourcesContent":["export const tokens = {\n cellColor: '--plasma-cell-color',\n cellBackgroundColor: '--plasma-cell-background-color',\n\n cellPadding: '--plasma-cell-padding',\n cellPaddingLeftContent: '--plasma-cell-left-padding',\n cellPaddingContent: '--plasma-cell-padding',\n cellPaddingRightContent: '--plasma-cell-right-padding',\n\n cellTextboxGap: '--plasma-cell-textbox-gap',\n cellGap: '--plasma-cell-gap',\n\n cellWidth: '--plasma-cell-width',\n\n cellLabelColor: '--plasma-cell-label-color',\n cellLabelFontFamily: '--plasma-cell-label-font-family',\n cellLabelFontSize: '--plasma-cell-label-font-size',\n cellLabelFontStyle: '--plasma-cell-label-font-style',\n cellLabelFontWeight: '--plasma-cell-label-font-weight',\n cellLabelLetterSpacing: '--plasma-cell-label-letter-spacing',\n cellLabelLineHeight: '--plasma-cell-label-line-height',\n\n cellTitleColor: '--plasma-cell-title-color',\n cellTitleFontFamily: '--plasma-cell-title-font-family',\n cellTitleFontSize: '--plasma-cell-title-font-size',\n cellTitleFontStyle: '--plasma-cell-title-font-style',\n cellTitleFontWeight: '--plasma-cell-title-font-weight',\n cellTitleLetterSpacing: '--plasma-cell-title-letter-spacing',\n cellTitleLineHeight: '--plasma-cell-title-line-height',\n\n cellSubtitleColor: '--plasma-cell-subtitle-color',\n cellSubtitleFontFamily: '--plasma-cell-subtitle-font-family',\n cellSubtitleFontSize: '--plasma-cell-subtitle-font-size',\n cellSubtitleFontStyle: '--plasma-cell-subtitle-font-style',\n cellSubtitleFontWeight: '--plasma-cell-subtitle-font-weight',\n cellSubtitleLetterSpacing: '--plasma-cell-subtitle-letter-spacing',\n cellSubtitleLineHeight: '--plasma-cell-subtitle-line-height',\n};\n\nexport const classes = {\n cellStretch: 'cell-stretch',\n autoStretching: 'cell-stretching-auto',\n filledStretching: 'cell-stretching-filled',\n fixedStretching: 'cell-stretching-fixed',\n\n cellWrapper: 'cell-wrapper',\n cellRoot: 'cell-root',\n cellContent: 'cell-content',\n cellLeftContent: 'cell-left-content',\n cellRightContent: 'cell-right-content',\n};\n"],"names":["tokens","cellColor","cellBackgroundColor","cellPadding","cellPaddingLeftContent","cellPaddingContent","cellPaddingRightContent","cellTextboxGap","cellGap","cellWidth","cellLabelColor","cellLabelFontFamily","cellLabelFontSize","cellLabelFontStyle","cellLabelFontWeight","cellLabelLetterSpacing","cellLabelLineHeight","cellTitleColor","cellTitleFontFamily","cellTitleFontSize","cellTitleFontStyle","cellTitleFontWeight","cellTitleLetterSpacing","cellTitleLineHeight","cellSubtitleColor","cellSubtitleFontFamily","cellSubtitleFontSize","cellSubtitleFontStyle","cellSubtitleFontWeight","cellSubtitleLetterSpacing","cellSubtitleLineHeight","classes","cellStretch","autoStretching","filledStretching","fixedStretching","cellWrapper","cellRoot","cellContent","cellLeftContent","cellRightContent"],"mappings":";;;;AAAO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,SAAS,EAAE,qBAAqB;AAChCC,EAAAA,mBAAmB,EAAE,gCAAgC;AAErDC,EAAAA,WAAW,EAAE,uBAAuB;AACpCC,EAAAA,sBAAsB,EAAE,4BAA4B;AACpDC,EAAAA,kBAAkB,EAAE,uBAAuB;AAC3CC,EAAAA,uBAAuB,EAAE,6BAA6B;AAEtDC,EAAAA,cAAc,EAAE,2BAA2B;AAC3CC,EAAAA,OAAO,EAAE,mBAAmB;AAE5BC,EAAAA,SAAS,EAAE,qBAAqB;AAEhCC,EAAAA,cAAc,EAAE,2BAA2B;AAC3CC,EAAAA,mBAAmB,EAAE,iCAAiC;AACtDC,EAAAA,iBAAiB,EAAE,+BAA+B;AAClDC,EAAAA,kBAAkB,EAAE,gCAAgC;AACpDC,EAAAA,mBAAmB,EAAE,iCAAiC;AACtDC,EAAAA,sBAAsB,EAAE,oCAAoC;AAC5DC,EAAAA,mBAAmB,EAAE,iCAAiC;AAEtDC,EAAAA,cAAc,EAAE,2BAA2B;AAC3CC,EAAAA,mBAAmB,EAAE,iCAAiC;AACtDC,EAAAA,iBAAiB,EAAE,+BAA+B;AAClDC,EAAAA,kBAAkB,EAAE,gCAAgC;AACpDC,EAAAA,mBAAmB,EAAE,iCAAiC;AACtDC,EAAAA,sBAAsB,EAAE,oCAAoC;AAC5DC,EAAAA,mBAAmB,EAAE,iCAAiC;AAEtDC,EAAAA,iBAAiB,EAAE,8BAA8B;AACjDC,EAAAA,sBAAsB,EAAE,oCAAoC;AAC5DC,EAAAA,oBAAoB,EAAE,kCAAkC;AACxDC,EAAAA,qBAAqB,EAAE,mCAAmC;AAC1DC,EAAAA,sBAAsB,EAAE,oCAAoC;AAC5DC,EAAAA,yBAAyB,EAAE,uCAAuC;AAClEC,EAAAA,sBAAsB,EAAE,oCAAA;AAC5B,EAAC;AAEM,IAAMC,OAAO,GAAG;AACnBC,EAAAA,WAAW,EAAE,cAAc;AAC3BC,EAAAA,cAAc,EAAE,sBAAsB;AACtCC,EAAAA,gBAAgB,EAAE,wBAAwB;AAC1CC,EAAAA,eAAe,EAAE,uBAAuB;AAExCC,EAAAA,WAAW,EAAE,cAAc;AAC3BC,EAAAA,QAAQ,EAAE,WAAW;AACrBC,EAAAA,WAAW,EAAE,cAAc;AAC3BC,EAAAA,eAAe,EAAE,mBAAmB;AACpCC,EAAAA,gBAAgB,EAAE,oBAAA;AACtB;;;;;"}
@@ -0,0 +1,20 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ var React = require('react');
6
+ var Textbox_styles = require('./Textbox.styles.js');
7
+ var TextLabel = require('./ui/TextLabel.js');
8
+ var TextTitle = require('./ui/TextTitle.js');
9
+ var TextSubtitle = require('./ui/TextSubtitle.js');
10
+
11
+ var Textbox = function Textbox(props) {
12
+ var label = props.label,
13
+ title = props.title,
14
+ subtitle = props.subtitle,
15
+ children = props.children;
16
+ return /*#__PURE__*/React.createElement(Textbox_styles.TextboxStyled, null, label || title || subtitle ? /*#__PURE__*/React.createElement(React.Fragment, null, label && /*#__PURE__*/React.createElement(TextLabel.TextLabel, null, label), title && /*#__PURE__*/React.createElement(TextTitle.TextTitle, null, title), subtitle && /*#__PURE__*/React.createElement(TextSubtitle.TextSubtitle, null, subtitle)) : children);
17
+ };
18
+
19
+ exports.Textbox = Textbox;
20
+ //# sourceMappingURL=Textbox.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Textbox.js","sources":["../../../../src/components/Cell/Textbox/Textbox.tsx"],"sourcesContent":["import React, { HTMLAttributes } from 'react';\n\nimport type { TextboxProps } from './Textbox.types';\nimport { TextboxStyled } from './Textbox.styles';\nimport { TextLabel } from './ui/TextLabel';\nimport { TextTitle } from './ui/TextTitle';\nimport { TextSubtitle } from './ui/TextSubtitle';\n\nexport const Textbox: React.FC<HTMLAttributes<HTMLDivElement> & TextboxProps> = (props) => {\n const { label, title, subtitle, children } = props;\n return (\n <TextboxStyled>\n {label || title || subtitle ? (\n <>\n {label && <TextLabel>{label}</TextLabel>}\n {title && <TextTitle>{title}</TextTitle>}\n {subtitle && <TextSubtitle>{subtitle}</TextSubtitle>}\n </>\n ) : (\n children\n )}\n </TextboxStyled>\n );\n};\n"],"names":["Textbox","props","label","title","subtitle","children","React","createElement","TextboxStyled","Fragment","TextLabel","TextTitle","TextSubtitle"],"mappings":";;;;;;;;;;IAQaA,OAAgE,GAAG,SAAnEA,OAAgEA,CAAIC,KAAK,EAAK;AACvF,EAAA,IAAQC,KAAK,GAAgCD,KAAK,CAA1CC,KAAK;IAAEC,KAAK,GAAyBF,KAAK,CAAnCE,KAAK;IAAEC,QAAQ,GAAeH,KAAK,CAA5BG,QAAQ;IAAEC,QAAQ,GAAKJ,KAAK,CAAlBI,QAAQ,CAAA;EACxC,oBACIC,KAAA,CAAAC,aAAA,CAACC,4BAAa,QACTN,KAAK,IAAIC,KAAK,IAAIC,QAAQ,gBACvBE,KAAA,CAAAC,aAAA,CAAAD,KAAA,CAAAG,QAAA,EACKP,IAAAA,EAAAA,KAAK,iBAAII,KAAA,CAAAC,aAAA,CAACG,mBAAS,QAAER,KAAiB,CAAC,EACvCC,KAAK,iBAAIG,KAAA,CAAAC,aAAA,CAACI,mBAAS,EAAER,IAAAA,EAAAA,KAAiB,CAAC,EACvCC,QAAQ,iBAAIE,KAAA,CAAAC,aAAA,CAACK,yBAAY,EAAER,IAAAA,EAAAA,QAAuB,CACrD,CAAC,GAEHC,QAEO,CAAC,CAAA;AAExB;;;;"}
@@ -0,0 +1,13 @@
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 TextboxStyled = /*#__PURE__*/styled.div.withConfig({
9
+ componentId: "plasma-new-hope__sc-18k78d7-0"
10
+ })(["display:flex;flex-direction:column;gap:var(", ");"], Cell_tokens.tokens.cellTextboxGap);
11
+
12
+ exports.TextboxStyled = TextboxStyled;
13
+ //# sourceMappingURL=Textbox.styles.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Textbox.styles.js","sources":["../../../../src/components/Cell/Textbox/Textbox.styles.ts"],"sourcesContent":["import styled from 'styled-components';\n\nimport { tokens } from '../Cell.tokens';\n\nexport const TextboxStyled = styled.div`\n display: flex;\n flex-direction: column;\n gap: var(${tokens.cellTextboxGap});\n`;\n"],"names":["TextboxStyled","styled","div","withConfig","componentId","tokens","cellTextboxGap"],"mappings":";;;;;;;IAIaA,aAAa,gBAAGC,MAAM,CAACC,GAAG,CAAAC,UAAA,CAAA;EAAAC,WAAA,EAAA,+BAAA;AAAA,CAGxBC,CAAAA,CAAAA,CAAAA,6CAAAA,EAAAA,IAAAA,CAAAA,EAAAA,kBAAM,CAACC,cAAc;;;;"}
@@ -0,0 +1,17 @@
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-102c6vv-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 TextLabel = function TextLabel(props) {
13
+ return /*#__PURE__*/React.createElement(StyledTextLabel, null, props.children);
14
+ };
15
+
16
+ exports.TextLabel = TextLabel;
17
+ //# sourceMappingURL=TextLabel.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"TextLabel.js","sources":["../../../../../src/components/Cell/Textbox/ui/TextLabel.tsx"],"sourcesContent":["import React, { HTMLAttributes } from 'react';\nimport styled from 'styled-components';\n\nimport { tokens } from '../../Cell.tokens';\n\nconst StyledTextLabel = styled.div`\n color: var(${tokens.cellLabelColor});\n font-size: var(${tokens.cellLabelFontSize});\n font-weight: var(${tokens.cellLabelFontWeight});\n font-family: var(${tokens.cellLabelFontFamily});\n font-style: var(${tokens.cellLabelFontStyle});\n line-height: var(${tokens.cellLabelLineHeight});\n letter-spacing: var(${tokens.cellLabelLetterSpacing});\n`;\n\ntype TextLabelProps = {\n text?: string;\n};\n\nexport const TextLabel: React.FC<HTMLAttributes<HTMLDivElement> & TextLabelProps> = (props) => {\n return <StyledTextLabel>{props.children}</StyledTextLabel>;\n};\n"],"names":["StyledTextLabel","styled","div","withConfig","componentId","tokens","cellLabelColor","cellLabelFontSize","cellLabelFontWeight","cellLabelFontFamily","cellLabelFontStyle","cellLabelLineHeight","cellLabelLetterSpacing","TextLabel","props","React","createElement","children"],"mappings":";;;;;;;;AAKA,IAAMA,eAAe,gBAAGC,MAAM,CAACC,GAAG,CAAAC,UAAA,CAAA;EAAAC,WAAA,EAAA,+BAAA;AAAA,CACjBC,CAAAA,CAAAA,CAAAA,YAAAA,EAAAA,kBAAAA,EAAAA,oBAAAA,EAAAA,oBAAAA,EAAAA,mBAAAA,EAAAA,oBAAAA,EAAAA,uBAAAA,EAAAA,IAAAA,CAAAA,EAAAA,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;IAMYC,SAAoE,GAAG,SAAvEA,SAAoEA,CAAIC,KAAK,EAAK;EAC3F,oBAAOC,KAAA,CAAAC,aAAA,CAAChB,eAAe,EAAEc,IAAAA,EAAAA,KAAK,CAACG,QAA0B,CAAC,CAAA;AAC9D;;;;"}
@@ -0,0 +1,17 @@
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-1tsgki4-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 TextSubtitle = function TextSubtitle(props) {
13
+ return /*#__PURE__*/React.createElement(StyledTextSubtitle, null, props.children);
14
+ };
15
+
16
+ exports.TextSubtitle = TextSubtitle;
17
+ //# sourceMappingURL=TextSubtitle.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"TextSubtitle.js","sources":["../../../../../src/components/Cell/Textbox/ui/TextSubtitle.tsx"],"sourcesContent":["import React, { HTMLAttributes } from 'react';\nimport styled from 'styled-components';\n\nimport { tokens } from '../../Cell.tokens';\n\nconst StyledTextSubtitle = styled.div`\n color: var(${tokens.cellSubtitleColor});\n font-size: var(${tokens.cellSubtitleFontSize});\n font-weight: var(${tokens.cellSubtitleFontWeight});\n font-family: var(${tokens.cellSubtitleFontFamily});\n font-style: var(${tokens.cellSubtitleFontStyle});\n line-height: var(${tokens.cellSubtitleLineHeight});\n letter-spacing: var(${tokens.cellSubtitleLetterSpacing});\n`;\n\ntype TextSubtitleProps = {\n text?: string;\n};\n\nexport const TextSubtitle: React.FC<HTMLAttributes<HTMLDivElement> & TextSubtitleProps> = (props) => {\n return <StyledTextSubtitle>{props.children}</StyledTextSubtitle>;\n};\n"],"names":["StyledTextSubtitle","styled","div","withConfig","componentId","tokens","cellSubtitleColor","cellSubtitleFontSize","cellSubtitleFontWeight","cellSubtitleFontFamily","cellSubtitleFontStyle","cellSubtitleLineHeight","cellSubtitleLetterSpacing","TextSubtitle","props","React","createElement","children"],"mappings":";;;;;;;;AAKA,IAAMA,kBAAkB,gBAAGC,MAAM,CAACC,GAAG,CAAAC,UAAA,CAAA;EAAAC,WAAA,EAAA,+BAAA;AAAA,CACpBC,CAAAA,CAAAA,CAAAA,YAAAA,EAAAA,kBAAAA,EAAAA,oBAAAA,EAAAA,oBAAAA,EAAAA,mBAAAA,EAAAA,oBAAAA,EAAAA,uBAAAA,EAAAA,IAAAA,CAAAA,EAAAA,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;IAMYC,YAA0E,GAAG,SAA7EA,YAA0EA,CAAIC,KAAK,EAAK;EACjG,oBAAOC,KAAA,CAAAC,aAAA,CAAChB,kBAAkB,EAAEc,IAAAA,EAAAA,KAAK,CAACG,QAA6B,CAAC,CAAA;AACpE;;;;"}
@@ -0,0 +1,17 @@
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-flfrmq-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 TextTitle = function TextTitle(props) {
13
+ return /*#__PURE__*/React.createElement(StyledTextTitle, null, props.children);
14
+ };
15
+
16
+ exports.TextTitle = TextTitle;
17
+ //# sourceMappingURL=TextTitle.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"TextTitle.js","sources":["../../../../../src/components/Cell/Textbox/ui/TextTitle.tsx"],"sourcesContent":["import React, { HTMLAttributes } from 'react';\nimport styled from 'styled-components';\n\nimport { tokens } from '../../Cell.tokens';\n\nconst StyledTextTitle = styled.div`\n color: var(${tokens.cellTitleColor});\n font-size: var(${tokens.cellTitleFontSize});\n font-weight: var(${tokens.cellTitleFontWeight});\n font-family: var(${tokens.cellTitleFontFamily});\n font-style: var(${tokens.cellTitleFontStyle});\n line-height: var(${tokens.cellTitleLineHeight});\n letter-spacing: var(${tokens.cellTitleLetterSpacing});\n`;\n\ntype TextTitleProps = {\n text?: string;\n};\n\nexport const TextTitle: React.FC<HTMLAttributes<HTMLDivElement> & TextTitleProps> = (props) => {\n return <StyledTextTitle>{props.children}</StyledTextTitle>;\n};\n"],"names":["StyledTextTitle","styled","div","withConfig","componentId","tokens","cellTitleColor","cellTitleFontSize","cellTitleFontWeight","cellTitleFontFamily","cellTitleFontStyle","cellTitleLineHeight","cellTitleLetterSpacing","TextTitle","props","React","createElement","children"],"mappings":";;;;;;;;AAKA,IAAMA,eAAe,gBAAGC,MAAM,CAACC,GAAG,CAAAC,UAAA,CAAA;EAAAC,WAAA,EAAA,8BAAA;AAAA,CACjBC,CAAAA,CAAAA,CAAAA,YAAAA,EAAAA,kBAAAA,EAAAA,oBAAAA,EAAAA,oBAAAA,EAAAA,mBAAAA,EAAAA,oBAAAA,EAAAA,uBAAAA,EAAAA,IAAAA,CAAAA,EAAAA,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;IAMYC,SAAoE,GAAG,SAAvEA,SAAoEA,CAAIC,KAAK,EAAK;EAC3F,oBAAOC,KAAA,CAAAC,aAAA,CAAChB,eAAe,EAAEc,IAAAA,EAAAA,KAAK,CAACG,QAA0B,CAAC,CAAA;AAC9D;;;;"}
@@ -0,0 +1,9 @@
1
+ import './base_x642ct.css';
2
+ 'use strict';
3
+
4
+ Object.defineProperty(exports, '__esModule', { value: true });
5
+
6
+ var base = "b6eqx01";
7
+
8
+ exports.base = base;
9
+ //# sourceMappingURL=base.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"base.js","sources":["../../../../../src/components/Cell/variations/_size/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nexport const base = css``;\n"],"names":["base"],"mappings":";;;;AAEO,IAAMA,IAAI,GAAQ;;;;"}
@@ -0,0 +1,9 @@
1
+ import './base_1ryz4br.css';
2
+ 'use strict';
3
+
4
+ Object.defineProperty(exports, '__esModule', { value: true });
5
+
6
+ var base = "b1ppwsal";
7
+
8
+ exports.base = base;
9
+ //# sourceMappingURL=base.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"base.js","sources":["../../../../../src/components/Cell/variations/_stretching/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { classes, tokens } from '../../Cell.tokens';\n\nexport const base = css`\n &.${classes.fixedStretching} {\n width: var(${tokens.cellWidth});\n }\n &.${classes.filledStretching} {\n width: 100%;\n }\n &.${classes.autoStretching} {\n width: auto;\n }\n`;\n"],"names":["base"],"mappings":";;;;AAIO,IAAMA,IAAI,GAUhB;;;;"}
@@ -0,0 +1 @@
1
+ .b1ppwsal.cell-stretching-fixed{width:var(--plasma-cell-width);}.b1ppwsal.cell-stretching-filled{width:100%;}.b1ppwsal.cell-stretching-auto{width:auto;}
@@ -0,0 +1,9 @@
1
+ import './base_c5qh0x.css';
2
+ 'use strict';
3
+
4
+ Object.defineProperty(exports, '__esModule', { value: true });
5
+
6
+ var base = "b1sr9i7l";
7
+
8
+ exports.base = base;
9
+ //# sourceMappingURL=base.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"base.js","sources":["../../../../../src/components/Cell/variations/_view/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { tokens } from '../../Cell.tokens';\n\nexport const base = css`\n color: var(${tokens.cellColor});\n background-color: var(${tokens.cellBackgroundColor});\n`;\n"],"names":["base"],"mappings":";;;;AAIO,IAAMA,IAAI,GAGhB;;;;"}
@@ -0,0 +1 @@
1
+ .b1sr9i7l{color:var(--plasma-cell-color);background-color:var(--plasma-cell-background-color);}
package/cjs/index.css CHANGED
@@ -46,6 +46,10 @@
46
46
  .Chip_styles_1mwwhiw_swddmyi__07da4d18{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:var(--plasma-chip-right-content-margin-left);margin-right:var(--plasma-chip-right-content-margin-right);}
47
47
  .Chip_styles_1mwwhiw_s1pcflhj__07da4d18{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:var(--plasma-chip-clear-content-margin-left);margin-right:var(--plasma-chip-clear-content-margin-right);color:var(--plasma-chip-close-icon-color);}
48
48
 
49
+ .base_c5qh0x_b1sr9i7l__f964d8e5{color:var(--plasma-cell-color);background-color:var(--plasma-cell-background-color);}
50
+
51
+ .base_1ryz4br_b1ppwsal__56529027.base_1ryz4br_cellStretchingFixed__56529027{width:var(--plasma-cell-width);}.base_1ryz4br_b1ppwsal__56529027.base_1ryz4br_cellStretchingFilled__56529027{width:100%;}.base_1ryz4br_b1ppwsal__56529027.base_1ryz4br_cellStretchingAuto__56529027{width:auto;}
52
+
49
53
  .base_1vy4dme_bcchm3r__d3e4eaba{font-family:var(--plasma-link-font-family);color:var(--plasma-link-color);}.base_1vy4dme_bcchm3r__d3e4eaba::before{border-bottom:var(--plasma-link-underline-border) solid currentColor;}.base_1vy4dme_bcchm3r__d3e4eaba:hover{color:var(--plasma-link-color-hover,var(--plasma-link-color));}.base_1vy4dme_bcchm3r__d3e4eaba:hover::before{opacity:1;}.base_1vy4dme_bcchm3r__d3e4eaba:active{color:var(--plasma-link-color-active,var(--plasma-link-color));}.base_1vy4dme_bcchm3r__d3e4eaba:active::before{opacity:1;}.base_1vy4dme_bcchm3r__d3e4eaba:visited{color:var(--plasma-link-color-visited,var(--plasma-link-color));}.base_1vy4dme_bcchm3r__d3e4eaba:visited::before{opacity:1;}.base_1vy4dme_bcchm3r__d3e4eaba:visited:hover{color:var(--plasma-link-color-visited-hover,var(--plasma-link-color));}.base_1vy4dme_bcchm3r__d3e4eaba:visited:hover::before{opacity:1;}.base_1vy4dme_bcchm3r__d3e4eaba:visited:active{color:var(--plasma-link-color-visited-active,var(--plasma-link-color));}.base_1vy4dme_bcchm3r__d3e4eaba:visited:active::before{opacity:1;}
50
54
 
51
55
  .base_1w750p8_b1j3f4f__d44baab5[disabled]{opacity:var(--plasma-link-disabled-opacity);cursor:not-allowed;}.base_1w750p8_b1j3f4f__d44baab5[disabled]:hover,.base_1w750p8_b1j3f4f__d44baab5[disabled]:active{color:var(--plasma-link-color);}.base_1w750p8_b1j3f4f__d44baab5[disabled]::before{opacity:1;}
package/cjs/index.js CHANGED
@@ -23,6 +23,12 @@ var ButtonGroup = require('./components/ButtonGroup/ButtonGroup.js');
23
23
  var ButtonGroup_tokens = require('./components/ButtonGroup/ButtonGroup.tokens.js');
24
24
  var Chip = require('./components/Chip/Chip.js');
25
25
  var Chip_tokens = require('./components/Chip/Chip.tokens.js');
26
+ var TextLabel = require('./components/Cell/Textbox/ui/TextLabel.js');
27
+ var TextTitle = require('./components/Cell/Textbox/ui/TextTitle.js');
28
+ var TextSubtitle = require('./components/Cell/Textbox/ui/TextSubtitle.js');
29
+ var Cell = require('./components/Cell/Cell.js');
30
+ var Cell_tokens = require('./components/Cell/Cell.tokens.js');
31
+ var Textbox = require('./components/Cell/Textbox/Textbox.js');
26
32
  var Link = require('./components/Link/Link.js');
27
33
  var Spinner = require('./components/Spinner/Spinner.js');
28
34
  var Spinner_tokens = require('./components/Spinner/Spinner.tokens.js');
@@ -235,6 +241,14 @@ exports.buttonGroupTokens = ButtonGroup_tokens.tokens;
235
241
  exports.chipConfig = Chip.chipConfig;
236
242
  exports.chipRoot = Chip.chipRoot;
237
243
  exports.chipTokens = Chip_tokens.tokens;
244
+ exports.TextLabel = TextLabel.TextLabel;
245
+ exports.TextTitle = TextTitle.TextTitle;
246
+ exports.TextSubtitle = TextSubtitle.TextSubtitle;
247
+ exports.cellConfig = Cell.cellConfig;
248
+ exports.cellRoot = Cell.cellRoot;
249
+ exports.cellClasses = Cell_tokens.classes;
250
+ exports.cellTokens = Cell_tokens.tokens;
251
+ exports.Textbox = Textbox.Textbox;
238
252
  exports.linkConfig = Link.linkConfig;
239
253
  exports.linkRoot = Link.linkRoot;
240
254
  exports.spinnerConfig = Spinner.spinnerConfig;
package/cjs/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -0,0 +1,3 @@
1
+ .base_c5qh0x_b1sr9i7l__f964d8e5{color:var(--plasma-cell-color);background-color:var(--plasma-cell-background-color);}
2
+
3
+ .base_1ryz4br_b1ppwsal__56529027.base_1ryz4br_cellStretchingFixed__56529027{width:var(--plasma-cell-width);}.base_1ryz4br_b1ppwsal__56529027.base_1ryz4br_cellStretchingFilled__56529027{width:100%;}.base_1ryz4br_b1ppwsal__56529027.base_1ryz4br_cellStretchingAuto__56529027{width:auto;}
@@ -0,0 +1,67 @@
1
+ import React, { forwardRef } from 'react';
2
+ import { cx } from '../../utils/index.js';
3
+ import { CellRoot, CellLeft, CellContentWrapper, CellContent, CellRight } from './Cell.styles.js';
4
+ import { classes } from './Cell.tokens.js';
5
+ import { base } from './variations/_view/base.js';
6
+ import { base as base$1 } from './variations/_size/base.js';
7
+ import { base as base$2 } from './variations/_stretching/base.js';
8
+ import { Textbox } from './Textbox/Textbox.js';
9
+ import { TextLabel } from './Textbox/ui/TextLabel.js';
10
+ import { TextTitle } from './Textbox/ui/TextTitle.js';
11
+ import { TextSubtitle } from './Textbox/ui/TextSubtitle.js';
12
+
13
+ var cellRoot = function cellRoot(Root) {
14
+ return /*#__PURE__*/forwardRef(function (props, outerRootRef) {
15
+ var _props$size = props.size,
16
+ size = _props$size === void 0 ? 'm' : _props$size,
17
+ left = props.contentLeft,
18
+ right = props.contentRight,
19
+ _props$alignLeft = props.alignLeft,
20
+ alignLeft = _props$alignLeft === void 0 ? 'center' : _props$alignLeft,
21
+ _props$alignRight = props.alignRight,
22
+ alignRight = _props$alignRight === void 0 ? 'center' : _props$alignRight,
23
+ _props$stretching = props.stretching,
24
+ stretching = _props$stretching === void 0 ? 'filled' : _props$stretching,
25
+ children = props.children,
26
+ title = props.title,
27
+ subtitle = props.subtitle,
28
+ label = props.label;
29
+ var stretchingClass = classes["".concat(stretching, "Stretching")];
30
+ return /*#__PURE__*/React.createElement(Root, {
31
+ ref: outerRootRef,
32
+ size: size,
33
+ className: cx(stretchingClass)
34
+ }, /*#__PURE__*/React.createElement(CellRoot, {
35
+ className: classes.cellRoot
36
+ }, left && /*#__PURE__*/React.createElement(CellLeft, {
37
+ align: alignLeft
38
+ }, left), /*#__PURE__*/React.createElement(CellContentWrapper, null, /*#__PURE__*/React.createElement(CellContent, null, title || subtitle || label ? /*#__PURE__*/React.createElement(Textbox, null, label && /*#__PURE__*/React.createElement(TextLabel, null, label), title && /*#__PURE__*/React.createElement(TextTitle, null, title), subtitle && /*#__PURE__*/React.createElement(TextSubtitle, null, subtitle)) : children && children), right && /*#__PURE__*/React.createElement(CellRight, {
39
+ align: alignRight
40
+ }, right))));
41
+ });
42
+ };
43
+ var cellConfig = {
44
+ name: 'Cell',
45
+ tag: 'div',
46
+ layout: cellRoot,
47
+ base: '',
48
+ variations: {
49
+ view: {
50
+ css: base
51
+ },
52
+ size: {
53
+ css: base$1
54
+ },
55
+ stretching: {
56
+ css: base$2
57
+ }
58
+ },
59
+ defaults: {
60
+ view: 'default',
61
+ size: 'm',
62
+ stretching: 'filled'
63
+ }
64
+ };
65
+
66
+ export { cellConfig, cellRoot };
67
+ //# sourceMappingURL=Cell.js.map
@@ -0,0 +1 @@
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 { CellRoot, 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 { base as stretchingCSS } from './variations/_stretching/base';\nimport { Textbox } from './Textbox/Textbox';\nimport { TextLabel } from './Textbox/ui/TextLabel';\nimport { TextTitle } from './Textbox/ui/TextTitle';\nimport { TextSubtitle } from './Textbox/ui/TextSubtitle';\n\nexport const cellRoot = (Root: RootProps<HTMLSelectElement, CellProps>) =>\n forwardRef<HTMLSelectElement, CellProps>((props, outerRootRef) => {\n const {\n size = 'm',\n contentLeft: left,\n contentRight: right,\n alignLeft = 'center',\n alignRight = 'center',\n stretching = 'filled',\n children,\n title,\n subtitle,\n label,\n } = props;\n\n const stretchingClass = classes[`${stretching}Stretching` as keyof typeof classes];\n\n return (\n <Root ref={outerRootRef} size={size} className={cx(stretchingClass)}>\n <CellRoot className={classes.cellRoot}>\n {left && <CellLeft align={alignLeft}>{left}</CellLeft>}\n <CellContentWrapper>\n <CellContent>\n {title || subtitle || label ? (\n <Textbox>\n {label && <TextLabel>{label}</TextLabel>}\n {title && <TextTitle>{title}</TextTitle>}\n {subtitle && <TextSubtitle>{subtitle}</TextSubtitle>}\n </Textbox>\n ) : (\n children && children\n )}\n </CellContent>\n {right && <CellRight align={alignRight}>{right}</CellRight>}\n </CellContentWrapper>\n </CellRoot>\n </Root>\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 stretching: {\n css: stretchingCSS,\n },\n },\n defaults: {\n view: 'default',\n size: 'm',\n stretching: 'filled',\n },\n};\n"],"names":["cellRoot","Root","forwardRef","props","outerRootRef","_props$size","size","left","contentLeft","right","contentRight","_props$alignLeft","alignLeft","_props$alignRight","alignRight","_props$stretching","stretching","children","title","subtitle","label","stretchingClass","classes","concat","React","createElement","ref","className","cx","CellRoot","CellLeft","align","CellContentWrapper","CellContent","Textbox","TextLabel","TextTitle","TextSubtitle","CellRight","cellConfig","name","tag","layout","base","variations","view","css","viewCSS","sizeCSS","stretchingCSS","defaults"],"mappings":"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"}
@@ -0,0 +1,34 @@
1
+ import styled from 'styled-components';
2
+ import { tokens } from './Cell.tokens.js';
3
+
4
+ var alignToFlex = {
5
+ center: 'center',
6
+ top: 'flex-start',
7
+ bottom: 'flex-end'
8
+ };
9
+ var CellRoot = /*#__PURE__*/styled.div.withConfig({
10
+ componentId: "plasma-new-hope__sc-taup5i-0"
11
+ })(["width:100%;display:flex;gap:var(", ");&:focus{outline:0 none;}"], tokens.cellGap);
12
+ var CellContentWrapper = /*#__PURE__*/styled.div.withConfig({
13
+ componentId: "plasma-new-hope__sc-taup5i-1"
14
+ })(["display:flex;flex:auto;justify-content:space-between;gap:var(", ");"], tokens.cellGap);
15
+ var CellContent = /*#__PURE__*/styled.div.withConfig({
16
+ componentId: "plasma-new-hope__sc-taup5i-2"
17
+ })(["display:flex;align-items:center;"]);
18
+ var CellLeft = /*#__PURE__*/styled.div.withConfig({
19
+ componentId: "plasma-new-hope__sc-taup5i-3"
20
+ })(["display:flex;align-items:", ";"], function (_ref) {
21
+ var _ref$align = _ref.align,
22
+ align = _ref$align === void 0 ? 'center' : _ref$align;
23
+ return alignToFlex[align];
24
+ });
25
+ var CellRight = /*#__PURE__*/styled.div.withConfig({
26
+ componentId: "plasma-new-hope__sc-taup5i-4"
27
+ })(["display:flex;align-items:", ";text-align:right;"], function (_ref2) {
28
+ var _ref2$align = _ref2.align,
29
+ align = _ref2$align === void 0 ? 'center' : _ref2$align;
30
+ return alignToFlex[align];
31
+ });
32
+
33
+ export { CellContent, CellContentWrapper, CellLeft, CellRight, CellRoot };
34
+ //# sourceMappingURL=Cell.styles.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Cell.styles.js","sources":["../../../src/components/Cell/Cell.styles.ts"],"sourcesContent":["import styled from 'styled-components';\n\nimport type { AlignLeftProp, AlignRightProp } from './Cell.types';\nimport { tokens } from './Cell.tokens';\n\nconst alignToFlex = {\n center: 'center',\n top: 'flex-start',\n bottom: 'flex-end',\n};\n\nexport const CellRoot = styled.div`\n width: 100%;\n display: flex;\n gap: var(${tokens.cellGap});\n\n &:focus {\n outline: 0 none;\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`;\n\nexport const CellContent = styled.div`\n display: flex;\n align-items: center;\n`;\n\nexport const CellLeft = styled.div<{ align: AlignLeftProp }>`\n display: flex;\n align-items: ${({ align = 'center' }) => alignToFlex[align]};\n`;\n\nexport const CellRight = styled.div<{ align: AlignRightProp }>`\n display: flex;\n align-items: ${({ align = 'center' }) => alignToFlex[align]};\n text-align: right;\n`;\n"],"names":["alignToFlex","center","top","bottom","CellRoot","styled","div","withConfig","componentId","tokens","cellGap","CellContentWrapper","CellContent","CellLeft","_ref","_ref$align","align","CellRight","_ref2","_ref2$align"],"mappings":";;;AAKA,IAAMA,WAAW,GAAG;AAChBC,EAAAA,MAAM,EAAE,QAAQ;AAChBC,EAAAA,GAAG,EAAE,YAAY;AACjBC,EAAAA,MAAM,EAAE,UAAA;AACZ,CAAC,CAAA;IAEYC,QAAQ,gBAAGC,MAAM,CAACC,GAAG,CAAAC,UAAA,CAAA;EAAAC,WAAA,EAAA,8BAAA;AAAA,CAGnBC,CAAAA,CAAAA,CAAAA,kCAAAA,EAAAA,4BAAAA,CAAAA,EAAAA,MAAM,CAACC,OAAO,EAK5B;IAEYC,kBAAkB,gBAAGN,MAAM,CAACC,GAAG,CAAAC,UAAA,CAAA;EAAAC,WAAA,EAAA,8BAAA;AAAA,CAI7BC,CAAAA,CAAAA,CAAAA,+DAAAA,EAAAA,IAAAA,CAAAA,EAAAA,MAAM,CAACC,OAAO,EAC5B;IAEYE,WAAW,gBAAGP,MAAM,CAACC,GAAG,CAAAC,UAAA,CAAA;EAAAC,WAAA,EAAA,8BAAA;AAAA,CAGpC,CAAA,CAAA,CAAA,kCAAA,CAAA,EAAA;IAEYK,QAAQ,gBAAGR,MAAM,CAACC,GAAG,CAAAC,UAAA,CAAA;EAAAC,WAAA,EAAA,8BAAA;AAAA,CAAA,CAAA,CAAA,CAAA,2BAAA,EAAA,GAAA,CAAA,EAEf,UAAAM,IAAA,EAAA;AAAA,EAAA,IAAAC,UAAA,GAAAD,IAAA,CAAGE,KAAK;AAALA,IAAAA,KAAK,GAAAD,UAAA,KAAG,KAAA,CAAA,GAAA,QAAQ,GAAAA,UAAA,CAAA;EAAA,OAAOf,WAAW,CAACgB,KAAK,CAAC,CAAA;AAAA,CAC9D,EAAA;IAEYC,SAAS,gBAAGZ,MAAM,CAACC,GAAG,CAAAC,UAAA,CAAA;EAAAC,WAAA,EAAA,8BAAA;AAAA,CAAA,CAAA,CAAA,CAAA,2BAAA,EAAA,oBAAA,CAAA,EAEhB,UAAAU,KAAA,EAAA;AAAA,EAAA,IAAAC,WAAA,GAAAD,KAAA,CAAGF,KAAK;AAALA,IAAAA,KAAK,GAAAG,WAAA,KAAG,KAAA,CAAA,GAAA,QAAQ,GAAAA,WAAA,CAAA;EAAA,OAAOnB,WAAW,CAACgB,KAAK,CAAC,CAAA;AAAA,CAE9D;;;;"}