@salutejs/plasma-new-hope 0.68.0-canary.1148.8452547227.0 → 0.68.0-canary.1151.8450920847.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/index.css +0 -4
  2. package/cjs/index.js +0 -14
  3. package/cjs/index.js.map +1 -1
  4. package/es/index.css +0 -4
  5. package/es/index.js +0 -6
  6. package/es/index.js.map +1 -1
  7. package/package.json +4 -4
  8. package/styled-components/cjs/index.js +0 -11
  9. package/styled-components/es/index.js +0 -1
  10. package/types/examples/plasma_b2c/components/Combobox/Combobox.d.ts +2 -2
  11. package/types/examples/plasma_web/components/Combobox/Combobox.d.ts +2 -2
  12. package/types/index.d.ts +0 -1
  13. package/types/index.d.ts.map +1 -1
  14. package/cjs/components/Cell/Cell.css +0 -3
  15. package/cjs/components/Cell/Cell.js +0 -71
  16. package/cjs/components/Cell/Cell.js.map +0 -1
  17. package/cjs/components/Cell/Cell.styles.js +0 -36
  18. package/cjs/components/Cell/Cell.styles.js.map +0 -1
  19. package/cjs/components/Cell/Cell.tokens.js +0 -50
  20. package/cjs/components/Cell/Cell.tokens.js.map +0 -1
  21. package/cjs/components/Cell/Textbox/Textbox.js +0 -20
  22. package/cjs/components/Cell/Textbox/Textbox.js.map +0 -1
  23. package/cjs/components/Cell/Textbox/Textbox.styles.js +0 -13
  24. package/cjs/components/Cell/Textbox/Textbox.styles.js.map +0 -1
  25. package/cjs/components/Cell/Textbox/ui/TextLabel.js +0 -17
  26. package/cjs/components/Cell/Textbox/ui/TextLabel.js.map +0 -1
  27. package/cjs/components/Cell/Textbox/ui/TextSubtitle.js +0 -17
  28. package/cjs/components/Cell/Textbox/ui/TextSubtitle.js.map +0 -1
  29. package/cjs/components/Cell/Textbox/ui/TextTitle.js +0 -17
  30. package/cjs/components/Cell/Textbox/ui/TextTitle.js.map +0 -1
  31. package/cjs/components/Cell/variations/_size/base.js +0 -9
  32. package/cjs/components/Cell/variations/_size/base.js.map +0 -1
  33. package/cjs/components/Cell/variations/_size/base_x642ct.css +0 -1
  34. package/cjs/components/Cell/variations/_stretching/base.js +0 -9
  35. package/cjs/components/Cell/variations/_stretching/base.js.map +0 -1
  36. package/cjs/components/Cell/variations/_stretching/base_1ryz4br.css +0 -1
  37. package/cjs/components/Cell/variations/_view/base.js +0 -9
  38. package/cjs/components/Cell/variations/_view/base.js.map +0 -1
  39. package/cjs/components/Cell/variations/_view/base_13f5j4a.css +0 -1
  40. package/es/components/Cell/Cell.css +0 -3
  41. package/es/components/Cell/Cell.js +0 -66
  42. package/es/components/Cell/Cell.js.map +0 -1
  43. package/es/components/Cell/Cell.styles.js +0 -29
  44. package/es/components/Cell/Cell.styles.js.map +0 -1
  45. package/es/components/Cell/Cell.tokens.js +0 -45
  46. package/es/components/Cell/Cell.tokens.js.map +0 -1
  47. package/es/components/Cell/Textbox/Textbox.js +0 -16
  48. package/es/components/Cell/Textbox/Textbox.js.map +0 -1
  49. package/es/components/Cell/Textbox/Textbox.styles.js +0 -9
  50. package/es/components/Cell/Textbox/Textbox.styles.js.map +0 -1
  51. package/es/components/Cell/Textbox/ui/TextLabel.js +0 -13
  52. package/es/components/Cell/Textbox/ui/TextLabel.js.map +0 -1
  53. package/es/components/Cell/Textbox/ui/TextSubtitle.js +0 -13
  54. package/es/components/Cell/Textbox/ui/TextSubtitle.js.map +0 -1
  55. package/es/components/Cell/Textbox/ui/TextTitle.js +0 -13
  56. package/es/components/Cell/Textbox/ui/TextTitle.js.map +0 -1
  57. package/es/components/Cell/variations/_size/base.js +0 -5
  58. package/es/components/Cell/variations/_size/base.js.map +0 -1
  59. package/es/components/Cell/variations/_size/base_x642ct.css +0 -1
  60. package/es/components/Cell/variations/_stretching/base.js +0 -5
  61. package/es/components/Cell/variations/_stretching/base.js.map +0 -1
  62. package/es/components/Cell/variations/_stretching/base_1ryz4br.css +0 -1
  63. package/es/components/Cell/variations/_view/base.js +0 -5
  64. package/es/components/Cell/variations/_view/base.js.map +0 -1
  65. package/es/components/Cell/variations/_view/base_13f5j4a.css +0 -1
  66. package/styled-components/cjs/components/Cell/Cell.js +0 -71
  67. package/styled-components/cjs/components/Cell/Cell.styles.js +0 -32
  68. package/styled-components/cjs/components/Cell/Cell.tokens.js +0 -48
  69. package/styled-components/cjs/components/Cell/Cell.types.js +0 -5
  70. package/styled-components/cjs/components/Cell/Textbox/Textbox.js +0 -19
  71. package/styled-components/cjs/components/Cell/Textbox/Textbox.styles.js +0 -12
  72. package/styled-components/cjs/components/Cell/Textbox/Textbox.types.js +0 -5
  73. package/styled-components/cjs/components/Cell/Textbox/ui/TextLabel.js +0 -16
  74. package/styled-components/cjs/components/Cell/Textbox/ui/TextSubtitle.js +0 -16
  75. package/styled-components/cjs/components/Cell/Textbox/ui/TextTitle.js +0 -16
  76. package/styled-components/cjs/components/Cell/index.js +0 -59
  77. package/styled-components/cjs/components/Cell/variations/_size/base.js +0 -8
  78. package/styled-components/cjs/components/Cell/variations/_size/tokens.json +0 -1
  79. package/styled-components/cjs/components/Cell/variations/_stretching/base.js +0 -9
  80. package/styled-components/cjs/components/Cell/variations/_stretching/tokens.json +0 -1
  81. package/styled-components/cjs/components/Cell/variations/_view/base.js +0 -9
  82. package/styled-components/cjs/components/Cell/variations/_view/tokens.json +0 -1
  83. package/styled-components/cjs/examples/plasma_b2c/components/Cell/Cell.config.js +0 -31
  84. package/styled-components/cjs/examples/plasma_b2c/components/Cell/Cell.js +0 -35
  85. package/styled-components/cjs/examples/plasma_b2c/components/Cell/Cell.stories.tsx +0 -131
  86. package/styled-components/cjs/examples/plasma_web/components/Cell/Cell.config.js +0 -31
  87. package/styled-components/cjs/examples/plasma_web/components/Cell/Cell.js +0 -35
  88. package/styled-components/cjs/examples/plasma_web/components/Cell/Cell.stories.tsx +0 -131
  89. package/styled-components/es/components/Cell/Cell.js +0 -62
  90. package/styled-components/es/components/Cell/Cell.styles.js +0 -25
  91. package/styled-components/es/components/Cell/Cell.tokens.js +0 -42
  92. package/styled-components/es/components/Cell/Cell.types.js +0 -1
  93. package/styled-components/es/components/Cell/Textbox/Textbox.js +0 -12
  94. package/styled-components/es/components/Cell/Textbox/Textbox.styles.js +0 -5
  95. package/styled-components/es/components/Cell/Textbox/Textbox.types.js +0 -1
  96. package/styled-components/es/components/Cell/Textbox/ui/TextLabel.js +0 -9
  97. package/styled-components/es/components/Cell/Textbox/ui/TextSubtitle.js +0 -9
  98. package/styled-components/es/components/Cell/Textbox/ui/TextTitle.js +0 -9
  99. package/styled-components/es/components/Cell/index.js +0 -6
  100. package/styled-components/es/components/Cell/variations/_size/base.js +0 -2
  101. package/styled-components/es/components/Cell/variations/_size/tokens.json +0 -1
  102. package/styled-components/es/components/Cell/variations/_stretching/base.js +0 -3
  103. package/styled-components/es/components/Cell/variations/_stretching/tokens.json +0 -1
  104. package/styled-components/es/components/Cell/variations/_view/base.js +0 -3
  105. package/styled-components/es/components/Cell/variations/_view/tokens.json +0 -1
  106. package/styled-components/es/examples/plasma_b2c/components/Cell/Cell.config.js +0 -25
  107. package/styled-components/es/examples/plasma_b2c/components/Cell/Cell.js +0 -6
  108. package/styled-components/es/examples/plasma_b2c/components/Cell/Cell.stories.tsx +0 -131
  109. package/styled-components/es/examples/plasma_web/components/Cell/Cell.config.js +0 -25
  110. package/styled-components/es/examples/plasma_web/components/Cell/Cell.js +0 -6
  111. package/styled-components/es/examples/plasma_web/components/Cell/Cell.stories.tsx +0 -131
  112. package/types/components/Cell/Cell.d.ts +0 -27
  113. package/types/components/Cell/Cell.d.ts.map +0 -1
  114. package/types/components/Cell/Cell.styles.d.ts +0 -10
  115. package/types/components/Cell/Cell.styles.d.ts.map +0 -1
  116. package/types/components/Cell/Cell.tokens.d.ts +0 -43
  117. package/types/components/Cell/Cell.tokens.d.ts.map +0 -1
  118. package/types/components/Cell/Cell.types.d.ts +0 -45
  119. package/types/components/Cell/Cell.types.d.ts.map +0 -1
  120. package/types/components/Cell/Textbox/Textbox.d.ts +0 -4
  121. package/types/components/Cell/Textbox/Textbox.d.ts.map +0 -1
  122. package/types/components/Cell/Textbox/Textbox.styles.d.ts +0 -2
  123. package/types/components/Cell/Textbox/Textbox.styles.d.ts.map +0 -1
  124. package/types/components/Cell/Textbox/Textbox.types.d.ts +0 -35
  125. package/types/components/Cell/Textbox/Textbox.types.d.ts.map +0 -1
  126. package/types/components/Cell/Textbox/ui/TextLabel.d.ts +0 -5
  127. package/types/components/Cell/Textbox/ui/TextLabel.d.ts.map +0 -1
  128. package/types/components/Cell/Textbox/ui/TextSubtitle.d.ts +0 -5
  129. package/types/components/Cell/Textbox/ui/TextSubtitle.d.ts.map +0 -1
  130. package/types/components/Cell/Textbox/ui/TextTitle.d.ts +0 -5
  131. package/types/components/Cell/Textbox/ui/TextTitle.d.ts.map +0 -1
  132. package/types/components/Cell/index.d.ts +0 -9
  133. package/types/components/Cell/index.d.ts.map +0 -1
  134. package/types/components/Cell/variations/_size/base.d.ts +0 -2
  135. package/types/components/Cell/variations/_size/base.d.ts.map +0 -1
  136. package/types/components/Cell/variations/_stretching/base.d.ts +0 -2
  137. package/types/components/Cell/variations/_stretching/base.d.ts.map +0 -1
  138. package/types/components/Cell/variations/_view/base.d.ts +0 -2
  139. package/types/components/Cell/variations/_view/base.d.ts.map +0 -1
  140. package/types/examples/plasma_b2c/components/Cell/Cell.config.d.ts +0 -24
  141. package/types/examples/plasma_b2c/components/Cell/Cell.config.d.ts.map +0 -1
  142. package/types/examples/plasma_b2c/components/Cell/Cell.d.ts +0 -48
  143. package/types/examples/plasma_b2c/components/Cell/Cell.d.ts.map +0 -1
  144. package/types/examples/plasma_web/components/Cell/Cell.config.d.ts +0 -24
  145. package/types/examples/plasma_web/components/Cell/Cell.config.d.ts.map +0 -1
  146. package/types/examples/plasma_web/components/Cell/Cell.d.ts +0 -48
  147. package/types/examples/plasma_web/components/Cell/Cell.d.ts.map +0 -1
@@ -1,66 +0,0 @@
1
- import React, { forwardRef } from 'react';
2
- import { cx } from '../../utils/index.js';
3
- import { 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
-
10
- var cellRoot = function cellRoot(Root) {
11
- return /*#__PURE__*/forwardRef(function (_ref, outerRootRef) {
12
- var size = _ref.size,
13
- view = _ref.view,
14
- contentLeft = _ref.contentLeft,
15
- contentRight = _ref.contentRight,
16
- _ref$alignLeft = _ref.alignLeft,
17
- alignLeft = _ref$alignLeft === void 0 ? 'center' : _ref$alignLeft,
18
- _ref$alignRight = _ref.alignRight,
19
- alignRight = _ref$alignRight === void 0 ? 'center' : _ref$alignRight,
20
- children = _ref.children,
21
- title = _ref.title,
22
- subtitle = _ref.subtitle,
23
- label = _ref.label,
24
- stretching = _ref.stretching;
25
- var stretchingClass = classes["".concat(stretching, "Stretching")];
26
- return /*#__PURE__*/React.createElement(Root, {
27
- ref: outerRootRef,
28
- size: size,
29
- view: view,
30
- className: cx(stretchingClass, classes.cellRoot)
31
- }, contentLeft && /*#__PURE__*/React.createElement(CellLeft, {
32
- align: alignLeft
33
- }, contentLeft), /*#__PURE__*/React.createElement(CellContentWrapper, null, /*#__PURE__*/React.createElement(CellContent, null, title || subtitle || label ? /*#__PURE__*/React.createElement(Textbox, {
34
- label: label,
35
- title: title,
36
- subtitle: subtitle
37
- }) : children && children), contentRight && /*#__PURE__*/React.createElement(CellRight, {
38
- align: alignRight
39
- }, contentRight)));
40
- });
41
- };
42
- var cellConfig = {
43
- name: 'Cell',
44
- tag: 'div',
45
- layout: cellRoot,
46
- base: '',
47
- variations: {
48
- view: {
49
- css: base
50
- },
51
- size: {
52
- css: base$1
53
- },
54
- stretching: {
55
- css: base$2
56
- }
57
- },
58
- defaults: {
59
- view: 'default',
60
- size: 'm',
61
- stretching: 'filled'
62
- }
63
- };
64
-
65
- export { cellConfig, cellRoot };
66
- //# sourceMappingURL=Cell.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Cell.js","sources":["../../../src/components/Cell/Cell.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { RootProps } from '../../engines';\nimport { cx } from '../../utils';\n\nimport type { CellProps } from './Cell.types';\nimport { 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';\n\nexport const cellRoot = (Root: RootProps<HTMLSelectElement, CellProps>) =>\n forwardRef<HTMLSelectElement, CellProps>(\n (\n {\n size,\n view,\n contentLeft,\n contentRight,\n alignLeft = 'center',\n alignRight = 'center',\n children,\n title,\n subtitle,\n label,\n stretching,\n },\n outerRootRef,\n ) => {\n const stretchingClass = classes[`${stretching}Stretching` as keyof typeof classes];\n\n return (\n <Root ref={outerRootRef} size={size} view={view} className={cx(stretchingClass, classes.cellRoot)}>\n {contentLeft && <CellLeft align={alignLeft}>{contentLeft}</CellLeft>}\n <CellContentWrapper>\n <CellContent>\n {title || subtitle || label ? (\n <Textbox label={label} title={title} subtitle={subtitle} />\n ) : (\n children && children\n )}\n </CellContent>\n {contentRight && <CellRight align={alignRight}>{contentRight}</CellRight>}\n </CellContentWrapper>\n </Root>\n );\n },\n );\n\nexport const cellConfig = {\n name: 'Cell',\n tag: 'div',\n layout: cellRoot,\n base: '',\n variations: {\n view: {\n css: viewCSS,\n },\n size: {\n css: sizeCSS,\n },\n stretching: {\n css: stretchingCSS,\n },\n },\n defaults: {\n view: 'default',\n size: 'm',\n stretching: 'filled',\n },\n};\n"],"names":["cellRoot","Root","forwardRef","_ref","outerRootRef","size","view","contentLeft","contentRight","_ref$alignLeft","alignLeft","_ref$alignRight","alignRight","children","title","subtitle","label","stretching","stretchingClass","classes","concat","React","createElement","ref","className","cx","CellLeft","align","CellContentWrapper","CellContent","Textbox","CellRight","cellConfig","name","tag","layout","base","variations","css","viewCSS","sizeCSS","stretchingCSS","defaults"],"mappings":";;;;;;;;;IAaaA,QAAQ,GAAG,SAAXA,QAAQA,CAAIC,IAA6C,EAAA;AAAA,EAAA,oBAClEC,UAAU,CACN,UAAAC,IAAA,EAcIC,YAAY,EACX;AAAA,IAAA,IAbGC,IAAI,GAAAF,IAAA,CAAJE,IAAI;MACJC,IAAI,GAAAH,IAAA,CAAJG,IAAI;MACJC,WAAW,GAAAJ,IAAA,CAAXI,WAAW;MACXC,YAAY,GAAAL,IAAA,CAAZK,YAAY;MAAAC,cAAA,GAAAN,IAAA,CACZO,SAAS;AAATA,MAAAA,SAAS,GAAAD,cAAA,KAAG,KAAA,CAAA,GAAA,QAAQ,GAAAA,cAAA;MAAAE,eAAA,GAAAR,IAAA,CACpBS,UAAU;AAAVA,MAAAA,UAAU,GAAAD,eAAA,KAAG,KAAA,CAAA,GAAA,QAAQ,GAAAA,eAAA;MACrBE,QAAQ,GAAAV,IAAA,CAARU,QAAQ;MACRC,KAAK,GAAAX,IAAA,CAALW,KAAK;MACLC,QAAQ,GAAAZ,IAAA,CAARY,QAAQ;MACRC,KAAK,GAAAb,IAAA,CAALa,KAAK;MACLC,UAAU,GAAAd,IAAA,CAAVc,UAAU,CAAA;AAId,IAAA,IAAMC,eAAe,GAAGC,OAAO,IAAAC,MAAA,CAAIH,UAAU,EAAqC,YAAA,CAAA,CAAA,CAAA;AAElF,IAAA,oBACII,KAAA,CAAAC,aAAA,CAACrB,IAAI,EAAA;AAACsB,MAAAA,GAAG,EAAEnB,YAAa;AAACC,MAAAA,IAAI,EAAEA,IAAK;AAACC,MAAAA,IAAI,EAAEA,IAAK;AAACkB,MAAAA,SAAS,EAAEC,EAAE,CAACP,eAAe,EAAEC,OAAO,CAACnB,QAAQ,CAAA;AAAE,KAAA,EAC7FO,WAAW,iBAAIc,KAAA,CAAAC,aAAA,CAACI,QAAQ,EAAA;AAACC,MAAAA,KAAK,EAAEjB,SAAAA;KAAYH,EAAAA,WAAsB,CAAC,eACpEc,KAAA,CAAAC,aAAA,CAACM,kBAAkB,EACfP,IAAAA,eAAAA,KAAA,CAAAC,aAAA,CAACO,WAAW,EAAA,IAAA,EACPf,KAAK,IAAIC,QAAQ,IAAIC,KAAK,gBACvBK,KAAA,CAAAC,aAAA,CAACQ,OAAO,EAAA;AAACd,MAAAA,KAAK,EAAEA,KAAM;AAACF,MAAAA,KAAK,EAAEA,KAAM;AAACC,MAAAA,QAAQ,EAAEA,QAAAA;AAAS,KAAE,CAAC,GAE3DF,QAAQ,IAAIA,QAEP,CAAC,EACbL,YAAY,iBAAIa,KAAA,CAAAC,aAAA,CAACS,SAAS,EAAA;AAACJ,MAAAA,KAAK,EAAEf,UAAAA;KAAaJ,EAAAA,YAAwB,CACxD,CAClB,CAAC,CAAA;AAEf,GACJ,CAAC,CAAA;AAAA,EAAA;AAEE,IAAMwB,UAAU,GAAG;AACtBC,EAAAA,IAAI,EAAE,MAAM;AACZC,EAAAA,GAAG,EAAE,KAAK;AACVC,EAAAA,MAAM,EAAEnC,QAAQ;AAChBoC,EAAAA,IAAI,EAAE,EAAE;AACRC,EAAAA,UAAU,EAAE;AACR/B,IAAAA,IAAI,EAAE;AACFgC,MAAAA,GAAG,EAAEC,IAAAA;KACR;AACDlC,IAAAA,IAAI,EAAE;AACFiC,MAAAA,GAAG,EAAEE,MAAAA;KACR;AACDvB,IAAAA,UAAU,EAAE;AACRqB,MAAAA,GAAG,EAAEG,MAAAA;AACT,KAAA;GACH;AACDC,EAAAA,QAAQ,EAAE;AACNpC,IAAAA,IAAI,EAAE,SAAS;AACfD,IAAAA,IAAI,EAAE,GAAG;AACTY,IAAAA,UAAU,EAAE,QAAA;AAChB,GAAA;AACJ;;;;"}
@@ -1,29 +0,0 @@
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 CellContentWrapper = /*#__PURE__*/styled.div.withConfig({
10
- componentId: "plasma-new-hope__sc-taup5i-0"
11
- })(["display:flex;flex:auto;justify-content:space-between;gap:var(", ");height:auto;"], tokens.cellGap);
12
- var CellContent = /*#__PURE__*/styled.div.withConfig({
13
- componentId: "plasma-new-hope__sc-taup5i-1"
14
- })(["display:flex;align-items:center;height:auto;"]);
15
- var CellLeft = /*#__PURE__*/styled.div.withConfig({
16
- componentId: "plasma-new-hope__sc-taup5i-2"
17
- })(["display:flex;align-items:", ";"], function (_ref) {
18
- var align = _ref.align;
19
- return alignToFlex[align];
20
- });
21
- var CellRight = /*#__PURE__*/styled.div.withConfig({
22
- componentId: "plasma-new-hope__sc-taup5i-3"
23
- })(["display:flex;align-items:", ";text-align:right;"], function (_ref2) {
24
- var align = _ref2.align;
25
- return alignToFlex[align];
26
- });
27
-
28
- export { CellContent, CellContentWrapper, CellLeft, CellRight };
29
- //# sourceMappingURL=Cell.styles.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Cell.styles.js","sources":["../../../src/components/Cell/Cell.styles.ts"],"sourcesContent":["import styled from 'styled-components';\n\nimport type { AlignProp } 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 CellContentWrapper = styled.div`\n display: flex;\n flex: auto;\n justify-content: space-between;\n gap: var(${tokens.cellGap});\n height: auto;\n`;\n\nexport const CellContent = styled.div`\n display: flex;\n align-items: center;\n height: auto;\n`;\n\nexport const CellLeft = styled.div<{ align: AlignProp }>`\n display: flex;\n align-items: ${({ align }) => alignToFlex[align]};\n`;\n\nexport const CellRight = styled.div<{ align: AlignProp }>`\n display: flex;\n align-items: ${({ align }) => alignToFlex[align]};\n text-align: right;\n`;\n"],"names":["alignToFlex","center","top","bottom","CellContentWrapper","styled","div","withConfig","componentId","tokens","cellGap","CellContent","CellLeft","_ref","align","CellRight","_ref2"],"mappings":";;;AAKA,IAAMA,WAAW,GAAG;AAChBC,EAAAA,MAAM,EAAE,QAAQ;AAChBC,EAAAA,GAAG,EAAE,YAAY;AACjBC,EAAAA,MAAM,EAAE,UAAA;AACZ,CAAC,CAAA;IAEYC,kBAAkB,gBAAGC,MAAM,CAACC,GAAG,CAAAC,UAAA,CAAA;EAAAC,WAAA,EAAA,8BAAA;AAAA,CAI7BC,CAAAA,CAAAA,CAAAA,+DAAAA,EAAAA,gBAAAA,CAAAA,EAAAA,MAAM,CAACC,OAAO,EAE5B;IAEYC,WAAW,gBAAGN,MAAM,CAACC,GAAG,CAAAC,UAAA,CAAA;EAAAC,WAAA,EAAA,8BAAA;AAAA,CAIpC,CAAA,CAAA,CAAA,8CAAA,CAAA,EAAA;IAEYI,QAAQ,gBAAGP,MAAM,CAACC,GAAG,CAAAC,UAAA,CAAA;EAAAC,WAAA,EAAA,8BAAA;AAAA,CAAA,CAAA,CAAA,CAAA,2BAAA,EAAA,GAAA,CAAA,EAEf,UAAAK,IAAA,EAAA;AAAA,EAAA,IAAGC,KAAK,GAAAD,IAAA,CAALC,KAAK,CAAA;EAAA,OAAOd,WAAW,CAACc,KAAK,CAAC,CAAA;AAAA,CACnD,EAAA;IAEYC,SAAS,gBAAGV,MAAM,CAACC,GAAG,CAAAC,UAAA,CAAA;EAAAC,WAAA,EAAA,8BAAA;AAAA,CAAA,CAAA,CAAA,CAAA,2BAAA,EAAA,oBAAA,CAAA,EAEhB,UAAAQ,KAAA,EAAA;AAAA,EAAA,IAAGF,KAAK,GAAAE,KAAA,CAALF,KAAK,CAAA;EAAA,OAAOd,WAAW,CAACc,KAAK,CAAC,CAAA;AAAA,CAEnD;;;;"}
@@ -1,45 +0,0 @@
1
- var tokens = {
2
- cellColor: '--plasma-cell-color',
3
- cellBackgroundColor: '--plasma-cell-background-color',
4
- cellPadding: '--plasma-cell-padding',
5
- cellPaddingLeftContent: '--plasma-cell-padding-left-content',
6
- cellPaddingContent: '--plasma-cell-padding-content',
7
- cellPaddingRightContent: '--plasma-cell-padding-right-content',
8
- cellTextboxGap: '--plasma-cell-textbox-gap',
9
- cellGap: '--plasma-cell-gap',
10
- cellWidth: '--plasma-cell-width',
11
- cellLabelColor: '--plasma-cell-label-color',
12
- cellLabelFontFamily: '--plasma-cell-label-font-family',
13
- cellLabelFontSize: '--plasma-cell-label-font-size',
14
- cellLabelFontStyle: '--plasma-cell-label-font-style',
15
- cellLabelFontWeight: '--plasma-cell-label-font-weight',
16
- cellLabelLetterSpacing: '--plasma-cell-label-letter-spacing',
17
- cellLabelLineHeight: '--plasma-cell-label-line-height',
18
- cellTitleColor: '--plasma-cell-title-color',
19
- cellTitleFontFamily: '--plasma-cell-title-font-family',
20
- cellTitleFontSize: '--plasma-cell-title-font-size',
21
- cellTitleFontStyle: '--plasma-cell-title-font-style',
22
- cellTitleFontWeight: '--plasma-cell-title-font-weight',
23
- cellTitleLetterSpacing: '--plasma-cell-title-letter-spacing',
24
- cellTitleLineHeight: '--plasma-cell-title-line-height',
25
- cellSubtitleColor: '--plasma-cell-subtitle-color',
26
- cellSubtitleFontFamily: '--plasma-cell-subtitle-font-family',
27
- cellSubtitleFontSize: '--plasma-cell-subtitle-font-size',
28
- cellSubtitleFontStyle: '--plasma-cell-subtitle-font-style',
29
- cellSubtitleFontWeight: '--plasma-cell-subtitle-font-weight',
30
- cellSubtitleLetterSpacing: '--plasma-cell-subtitle-letter-spacing',
31
- cellSubtitleLineHeight: '--plasma-cell-subtitle-line-height'
32
- };
33
- var classes = {
34
- autoStretching: 'cell-stretching-auto',
35
- filledStretching: 'cell-stretching-filled',
36
- fixedStretching: 'cell-stretching-fixed',
37
- cellWrapper: 'cell-wrapper',
38
- cellRoot: 'cell-root',
39
- cellContent: 'cell-content',
40
- cellLeftContent: 'cell-left-content',
41
- cellRightContent: 'cell-right-content'
42
- };
43
-
44
- export { classes, tokens };
45
- //# sourceMappingURL=Cell.tokens.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Cell.tokens.js","sources":["../../../src/components/Cell/Cell.tokens.ts"],"sourcesContent":["export const tokens = {\n cellColor: '--plasma-cell-color',\n cellBackgroundColor: '--plasma-cell-background-color',\n\n cellPadding: '--plasma-cell-padding',\n cellPaddingLeftContent: '--plasma-cell-padding-left-content',\n cellPaddingContent: '--plasma-cell-padding-content',\n cellPaddingRightContent: '--plasma-cell-padding-right-content',\n\n cellTextboxGap: '--plasma-cell-textbox-gap',\n cellGap: '--plasma-cell-gap',\n\n cellWidth: '--plasma-cell-width',\n\n cellLabelColor: '--plasma-cell-label-color',\n cellLabelFontFamily: '--plasma-cell-label-font-family',\n cellLabelFontSize: '--plasma-cell-label-font-size',\n cellLabelFontStyle: '--plasma-cell-label-font-style',\n cellLabelFontWeight: '--plasma-cell-label-font-weight',\n cellLabelLetterSpacing: '--plasma-cell-label-letter-spacing',\n cellLabelLineHeight: '--plasma-cell-label-line-height',\n\n cellTitleColor: '--plasma-cell-title-color',\n cellTitleFontFamily: '--plasma-cell-title-font-family',\n cellTitleFontSize: '--plasma-cell-title-font-size',\n cellTitleFontStyle: '--plasma-cell-title-font-style',\n cellTitleFontWeight: '--plasma-cell-title-font-weight',\n cellTitleLetterSpacing: '--plasma-cell-title-letter-spacing',\n cellTitleLineHeight: '--plasma-cell-title-line-height',\n\n cellSubtitleColor: '--plasma-cell-subtitle-color',\n cellSubtitleFontFamily: '--plasma-cell-subtitle-font-family',\n cellSubtitleFontSize: '--plasma-cell-subtitle-font-size',\n cellSubtitleFontStyle: '--plasma-cell-subtitle-font-style',\n cellSubtitleFontWeight: '--plasma-cell-subtitle-font-weight',\n cellSubtitleLetterSpacing: '--plasma-cell-subtitle-letter-spacing',\n cellSubtitleLineHeight: '--plasma-cell-subtitle-line-height',\n};\n\nexport const classes = {\n autoStretching: 'cell-stretching-auto',\n filledStretching: 'cell-stretching-filled',\n fixedStretching: 'cell-stretching-fixed',\n\n cellWrapper: 'cell-wrapper',\n cellRoot: 'cell-root',\n cellContent: 'cell-content',\n cellLeftContent: 'cell-left-content',\n cellRightContent: 'cell-right-content',\n};\n"],"names":["tokens","cellColor","cellBackgroundColor","cellPadding","cellPaddingLeftContent","cellPaddingContent","cellPaddingRightContent","cellTextboxGap","cellGap","cellWidth","cellLabelColor","cellLabelFontFamily","cellLabelFontSize","cellLabelFontStyle","cellLabelFontWeight","cellLabelLetterSpacing","cellLabelLineHeight","cellTitleColor","cellTitleFontFamily","cellTitleFontSize","cellTitleFontStyle","cellTitleFontWeight","cellTitleLetterSpacing","cellTitleLineHeight","cellSubtitleColor","cellSubtitleFontFamily","cellSubtitleFontSize","cellSubtitleFontStyle","cellSubtitleFontWeight","cellSubtitleLetterSpacing","cellSubtitleLineHeight","classes","autoStretching","filledStretching","fixedStretching","cellWrapper","cellRoot","cellContent","cellLeftContent","cellRightContent"],"mappings":"AAAO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,SAAS,EAAE,qBAAqB;AAChCC,EAAAA,mBAAmB,EAAE,gCAAgC;AAErDC,EAAAA,WAAW,EAAE,uBAAuB;AACpCC,EAAAA,sBAAsB,EAAE,oCAAoC;AAC5DC,EAAAA,kBAAkB,EAAE,+BAA+B;AACnDC,EAAAA,uBAAuB,EAAE,qCAAqC;AAE9DC,EAAAA,cAAc,EAAE,2BAA2B;AAC3CC,EAAAA,OAAO,EAAE,mBAAmB;AAE5BC,EAAAA,SAAS,EAAE,qBAAqB;AAEhCC,EAAAA,cAAc,EAAE,2BAA2B;AAC3CC,EAAAA,mBAAmB,EAAE,iCAAiC;AACtDC,EAAAA,iBAAiB,EAAE,+BAA+B;AAClDC,EAAAA,kBAAkB,EAAE,gCAAgC;AACpDC,EAAAA,mBAAmB,EAAE,iCAAiC;AACtDC,EAAAA,sBAAsB,EAAE,oCAAoC;AAC5DC,EAAAA,mBAAmB,EAAE,iCAAiC;AAEtDC,EAAAA,cAAc,EAAE,2BAA2B;AAC3CC,EAAAA,mBAAmB,EAAE,iCAAiC;AACtDC,EAAAA,iBAAiB,EAAE,+BAA+B;AAClDC,EAAAA,kBAAkB,EAAE,gCAAgC;AACpDC,EAAAA,mBAAmB,EAAE,iCAAiC;AACtDC,EAAAA,sBAAsB,EAAE,oCAAoC;AAC5DC,EAAAA,mBAAmB,EAAE,iCAAiC;AAEtDC,EAAAA,iBAAiB,EAAE,8BAA8B;AACjDC,EAAAA,sBAAsB,EAAE,oCAAoC;AAC5DC,EAAAA,oBAAoB,EAAE,kCAAkC;AACxDC,EAAAA,qBAAqB,EAAE,mCAAmC;AAC1DC,EAAAA,sBAAsB,EAAE,oCAAoC;AAC5DC,EAAAA,yBAAyB,EAAE,uCAAuC;AAClEC,EAAAA,sBAAsB,EAAE,oCAAA;AAC5B,EAAC;AAEM,IAAMC,OAAO,GAAG;AACnBC,EAAAA,cAAc,EAAE,sBAAsB;AACtCC,EAAAA,gBAAgB,EAAE,wBAAwB;AAC1CC,EAAAA,eAAe,EAAE,uBAAuB;AAExCC,EAAAA,WAAW,EAAE,cAAc;AAC3BC,EAAAA,QAAQ,EAAE,WAAW;AACrBC,EAAAA,WAAW,EAAE,cAAc;AAC3BC,EAAAA,eAAe,EAAE,mBAAmB;AACpCC,EAAAA,gBAAgB,EAAE,oBAAA;AACtB;;;;"}
@@ -1,16 +0,0 @@
1
- import React from 'react';
2
- import { TextboxStyled } from './Textbox.styles.js';
3
- import { TextLabel } from './ui/TextLabel.js';
4
- import { TextTitle } from './ui/TextTitle.js';
5
- import { TextSubtitle } from './ui/TextSubtitle.js';
6
-
7
- var Textbox = function Textbox(_ref) {
8
- var label = _ref.label,
9
- title = _ref.title,
10
- subtitle = _ref.subtitle,
11
- children = _ref.children;
12
- return /*#__PURE__*/React.createElement(TextboxStyled, null, label || title || subtitle ? /*#__PURE__*/React.createElement(React.Fragment, null, label && /*#__PURE__*/React.createElement(TextLabel, null, label), title && /*#__PURE__*/React.createElement(TextTitle, null, title), subtitle && /*#__PURE__*/React.createElement(TextSubtitle, null, subtitle)) : children);
13
- };
14
-
15
- export { Textbox };
16
- //# sourceMappingURL=Textbox.js.map
@@ -1 +0,0 @@
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> = ({\n label,\n title,\n subtitle,\n children,\n}) => {\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","_ref","label","title","subtitle","children","React","createElement","TextboxStyled","Fragment","TextLabel","TextTitle","TextSubtitle"],"mappings":";;;;;;IAQaA,OAAgE,GAAG,SAAnEA,OAAgEA,CAAAC,IAAA,EAKvE;AAAA,EAAA,IAJFC,KAAK,GAAAD,IAAA,CAALC,KAAK;IACLC,KAAK,GAAAF,IAAA,CAALE,KAAK;IACLC,QAAQ,GAAAH,IAAA,CAARG,QAAQ;IACRC,QAAQ,GAAAJ,IAAA,CAARI,QAAQ,CAAA;EAER,oBACIC,KAAA,CAAAC,aAAA,CAACC,aAAa,QACTN,KAAK,IAAIC,KAAK,IAAIC,QAAQ,gBACvBE,KAAA,CAAAC,aAAA,CAAAD,KAAA,CAAAG,QAAA,EACKP,IAAAA,EAAAA,KAAK,iBAAII,KAAA,CAAAC,aAAA,CAACG,SAAS,QAAER,KAAiB,CAAC,EACvCC,KAAK,iBAAIG,KAAA,CAAAC,aAAA,CAACI,SAAS,EAAER,IAAAA,EAAAA,KAAiB,CAAC,EACvCC,QAAQ,iBAAIE,KAAA,CAAAC,aAAA,CAACK,YAAY,EAAER,IAAAA,EAAAA,QAAuB,CACrD,CAAC,GAEHC,QAEO,CAAC,CAAA;AAExB;;;;"}
@@ -1,9 +0,0 @@
1
- import styled from 'styled-components';
2
- import { tokens } from '../Cell.tokens.js';
3
-
4
- var TextboxStyled = /*#__PURE__*/styled.div.withConfig({
5
- componentId: "plasma-new-hope__sc-18k78d7-0"
6
- })(["display:flex;flex-direction:column;gap:var(", ");"], tokens.cellTextboxGap);
7
-
8
- export { TextboxStyled };
9
- //# sourceMappingURL=Textbox.styles.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Textbox.styles.js","sources":["../../../../src/components/Cell/Textbox/Textbox.styles.ts"],"sourcesContent":["import styled from 'styled-components';\n\nimport { tokens } from '../Cell.tokens';\n\nexport const TextboxStyled = styled.div`\n display: flex;\n flex-direction: column;\n gap: var(${tokens.cellTextboxGap});\n`;\n"],"names":["TextboxStyled","styled","div","withConfig","componentId","tokens","cellTextboxGap"],"mappings":";;;IAIaA,aAAa,gBAAGC,MAAM,CAACC,GAAG,CAAAC,UAAA,CAAA;EAAAC,WAAA,EAAA,+BAAA;AAAA,CAGxBC,CAAAA,CAAAA,CAAAA,6CAAAA,EAAAA,IAAAA,CAAAA,EAAAA,MAAM,CAACC,cAAc;;;;"}
@@ -1,13 +0,0 @@
1
- import React from 'react';
2
- import styled from 'styled-components';
3
- import { tokens } from '../../Cell.tokens.js';
4
-
5
- var StyledTextLabel = /*#__PURE__*/styled.div.withConfig({
6
- componentId: "plasma-new-hope__sc-102c6vv-0"
7
- })(["color:var(", ");font-size:var(", ");font-weight:var(", ");font-family:var(", ");font-style:var(", ");line-height:var(", ");letter-spacing:var(", ");"], tokens.cellLabelColor, tokens.cellLabelFontSize, tokens.cellLabelFontWeight, tokens.cellLabelFontFamily, tokens.cellLabelFontStyle, tokens.cellLabelLineHeight, tokens.cellLabelLetterSpacing);
8
- var TextLabel = function TextLabel(props) {
9
- return /*#__PURE__*/React.createElement(StyledTextLabel, null, props.children);
10
- };
11
-
12
- export { TextLabel };
13
- //# sourceMappingURL=TextLabel.js.map
@@ -1 +0,0 @@
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\nexport const TextLabel: React.FC<HTMLAttributes<HTMLDivElement> & TextLabelProps> = (props) => {\n return <StyledTextLabel>{props.children}</StyledTextLabel>;\n};\n"],"names":["StyledTextLabel","styled","div","withConfig","componentId","tokens","cellLabelColor","cellLabelFontSize","cellLabelFontWeight","cellLabelFontFamily","cellLabelFontStyle","cellLabelLineHeight","cellLabelLetterSpacing","TextLabel","props","React","createElement","children"],"mappings":";;;;AAKA,IAAMA,eAAe,gBAAGC,MAAM,CAACC,GAAG,CAAAC,UAAA,CAAA;EAAAC,WAAA,EAAA,+BAAA;AAAA,CACjBC,CAAAA,CAAAA,CAAAA,YAAAA,EAAAA,kBAAAA,EAAAA,oBAAAA,EAAAA,oBAAAA,EAAAA,mBAAAA,EAAAA,oBAAAA,EAAAA,uBAAAA,EAAAA,IAAAA,CAAAA,EAAAA,MAAM,CAACC,cAAc,EACjBD,MAAM,CAACE,iBAAiB,EACtBF,MAAM,CAACG,mBAAmB,EAC1BH,MAAM,CAACI,mBAAmB,EAC3BJ,MAAM,CAACK,kBAAkB,EACxBL,MAAM,CAACM,mBAAmB,EACvBN,MAAM,CAACO,sBAAsB,CACtD,CAAA;IAIYC,SAAoE,GAAG,SAAvEA,SAAoEA,CAAIC,KAAK,EAAK;EAC3F,oBAAOC,KAAA,CAAAC,aAAA,CAAChB,eAAe,EAAEc,IAAAA,EAAAA,KAAK,CAACG,QAA0B,CAAC,CAAA;AAC9D;;;;"}
@@ -1,13 +0,0 @@
1
- import React from 'react';
2
- import styled from 'styled-components';
3
- import { tokens } from '../../Cell.tokens.js';
4
-
5
- var StyledTextSubtitle = /*#__PURE__*/styled.div.withConfig({
6
- componentId: "plasma-new-hope__sc-1tsgki4-0"
7
- })(["color:var(", ");font-size:var(", ");font-weight:var(", ");font-family:var(", ");font-style:var(", ");line-height:var(", ");letter-spacing:var(", ");"], tokens.cellSubtitleColor, tokens.cellSubtitleFontSize, tokens.cellSubtitleFontWeight, tokens.cellSubtitleFontFamily, tokens.cellSubtitleFontStyle, tokens.cellSubtitleLineHeight, tokens.cellSubtitleLetterSpacing);
8
- var TextSubtitle = function TextSubtitle(props) {
9
- return /*#__PURE__*/React.createElement(StyledTextSubtitle, null, props.children);
10
- };
11
-
12
- export { TextSubtitle };
13
- //# sourceMappingURL=TextSubtitle.js.map
@@ -1 +0,0 @@
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\nexport const TextSubtitle: React.FC<HTMLAttributes<HTMLDivElement> & TextSubtitleProps> = (props) => {\n return <StyledTextSubtitle>{props.children}</StyledTextSubtitle>;\n};\n"],"names":["StyledTextSubtitle","styled","div","withConfig","componentId","tokens","cellSubtitleColor","cellSubtitleFontSize","cellSubtitleFontWeight","cellSubtitleFontFamily","cellSubtitleFontStyle","cellSubtitleLineHeight","cellSubtitleLetterSpacing","TextSubtitle","props","React","createElement","children"],"mappings":";;;;AAKA,IAAMA,kBAAkB,gBAAGC,MAAM,CAACC,GAAG,CAAAC,UAAA,CAAA;EAAAC,WAAA,EAAA,+BAAA;AAAA,CACpBC,CAAAA,CAAAA,CAAAA,YAAAA,EAAAA,kBAAAA,EAAAA,oBAAAA,EAAAA,oBAAAA,EAAAA,mBAAAA,EAAAA,oBAAAA,EAAAA,uBAAAA,EAAAA,IAAAA,CAAAA,EAAAA,MAAM,CAACC,iBAAiB,EACpBD,MAAM,CAACE,oBAAoB,EACzBF,MAAM,CAACG,sBAAsB,EAC7BH,MAAM,CAACI,sBAAsB,EAC9BJ,MAAM,CAACK,qBAAqB,EAC3BL,MAAM,CAACM,sBAAsB,EAC1BN,MAAM,CAACO,yBAAyB,CACzD,CAAA;IAIYC,YAA0E,GAAG,SAA7EA,YAA0EA,CAAIC,KAAK,EAAK;EACjG,oBAAOC,KAAA,CAAAC,aAAA,CAAChB,kBAAkB,EAAEc,IAAAA,EAAAA,KAAK,CAACG,QAA6B,CAAC,CAAA;AACpE;;;;"}
@@ -1,13 +0,0 @@
1
- import React from 'react';
2
- import styled from 'styled-components';
3
- import { tokens } from '../../Cell.tokens.js';
4
-
5
- var StyledTextTitle = /*#__PURE__*/styled.div.withConfig({
6
- componentId: "plasma-new-hope__sc-flfrmq-0"
7
- })(["color:var(", ");font-size:var(", ");font-weight:var(", ");font-family:var(", ");font-style:var(", ");line-height:var(", ");letter-spacing:var(", ");"], tokens.cellTitleColor, tokens.cellTitleFontSize, tokens.cellTitleFontWeight, tokens.cellTitleFontFamily, tokens.cellTitleFontStyle, tokens.cellTitleLineHeight, tokens.cellTitleLetterSpacing);
8
- var TextTitle = function TextTitle(props) {
9
- return /*#__PURE__*/React.createElement(StyledTextTitle, null, props.children);
10
- };
11
-
12
- export { TextTitle };
13
- //# sourceMappingURL=TextTitle.js.map
@@ -1 +0,0 @@
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\nexport const TextTitle: React.FC<HTMLAttributes<HTMLDivElement> & TextTitleProps> = (props) => {\n return <StyledTextTitle>{props.children}</StyledTextTitle>;\n};\n"],"names":["StyledTextTitle","styled","div","withConfig","componentId","tokens","cellTitleColor","cellTitleFontSize","cellTitleFontWeight","cellTitleFontFamily","cellTitleFontStyle","cellTitleLineHeight","cellTitleLetterSpacing","TextTitle","props","React","createElement","children"],"mappings":";;;;AAKA,IAAMA,eAAe,gBAAGC,MAAM,CAACC,GAAG,CAAAC,UAAA,CAAA;EAAAC,WAAA,EAAA,8BAAA;AAAA,CACjBC,CAAAA,CAAAA,CAAAA,YAAAA,EAAAA,kBAAAA,EAAAA,oBAAAA,EAAAA,oBAAAA,EAAAA,mBAAAA,EAAAA,oBAAAA,EAAAA,uBAAAA,EAAAA,IAAAA,CAAAA,EAAAA,MAAM,CAACC,cAAc,EACjBD,MAAM,CAACE,iBAAiB,EACtBF,MAAM,CAACG,mBAAmB,EAC1BH,MAAM,CAACI,mBAAmB,EAC3BJ,MAAM,CAACK,kBAAkB,EACxBL,MAAM,CAACM,mBAAmB,EACvBN,MAAM,CAACO,sBAAsB,CACtD,CAAA;IAIYC,SAAoE,GAAG,SAAvEA,SAAoEA,CAAIC,KAAK,EAAK;EAC3F,oBAAOC,KAAA,CAAAC,aAAA,CAAChB,eAAe,EAAEc,IAAAA,EAAAA,KAAK,CAACG,QAA0B,CAAC,CAAA;AAC9D;;;;"}
@@ -1,5 +0,0 @@
1
- import './base_x642ct.css';
2
- var base = "b6eqx01";
3
-
4
- export { base };
5
- //# sourceMappingURL=base.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"base.js","sources":["../../../../../src/components/Cell/variations/_size/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nexport const base = css``;\n"],"names":["base"],"mappings":"AAEO,IAAMA,IAAI,GAAQ;;;;"}
@@ -1,5 +0,0 @@
1
- import './base_1ryz4br.css';
2
- var base = "b1ppwsal";
3
-
4
- export { base };
5
- //# sourceMappingURL=base.js.map
@@ -1 +0,0 @@
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;;;;"}
@@ -1 +0,0 @@
1
- .b1ppwsal.cell-stretching-fixed{width:var(--plasma-cell-width);}.b1ppwsal.cell-stretching-filled{width:100%;}.b1ppwsal.cell-stretching-auto{width:auto;}
@@ -1,5 +0,0 @@
1
- import './base_13f5j4a.css';
2
- var base = "b1sr9i7l";
3
-
4
- export { base };
5
- //# sourceMappingURL=base.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"base.js","sources":["../../../../../src/components/Cell/variations/_view/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { tokens } from '../../Cell.tokens';\n\nexport const base = css`\n color: var(${tokens.cellColor});\n background-color: var(${tokens.cellBackgroundColor});\n\n width: 100%;\n display: flex;\n align-items: center;\n gap: var(${tokens.cellGap});\n\n &:focus {\n outline: 0 none;\n }\n`;\n"],"names":["base"],"mappings":"AAIO,IAAMA,IAAI,GAYhB;;;;"}
@@ -1 +0,0 @@
1
- .b1sr9i7l{color:var(--plasma-cell-color);background-color:var(--plasma-cell-background-color);width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:var(--plasma-cell-gap);}.b1sr9i7l:focus{outline:0 none;}
@@ -1,71 +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 _base3 = /*#__PURE__*/require("./variations/_stretching/base");
15
- var _Textbox = /*#__PURE__*/require("./Textbox/Textbox");
16
- 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); }
17
- 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; }
18
- var cellRoot = exports.cellRoot = function cellRoot(Root) {
19
- return /*#__PURE__*/(0, _react.forwardRef)(function (_ref, outerRootRef) {
20
- var size = _ref.size,
21
- view = _ref.view,
22
- contentLeft = _ref.contentLeft,
23
- contentRight = _ref.contentRight,
24
- _ref$alignLeft = _ref.alignLeft,
25
- alignLeft = _ref$alignLeft === void 0 ? 'center' : _ref$alignLeft,
26
- _ref$alignRight = _ref.alignRight,
27
- alignRight = _ref$alignRight === void 0 ? 'center' : _ref$alignRight,
28
- children = _ref.children,
29
- title = _ref.title,
30
- subtitle = _ref.subtitle,
31
- label = _ref.label,
32
- stretching = _ref.stretching;
33
- var stretchingClass = _Cell2.classes["".concat(stretching, "Stretching")];
34
- return /*#__PURE__*/_react["default"].createElement(Root, {
35
- ref: outerRootRef,
36
- size: size,
37
- view: view,
38
- className: (0, _utils.cx)(stretchingClass, _Cell2.classes.cellRoot)
39
- }, contentLeft && /*#__PURE__*/_react["default"].createElement(_Cell.CellLeft, {
40
- align: alignLeft
41
- }, contentLeft), /*#__PURE__*/_react["default"].createElement(_Cell.CellContentWrapper, null, /*#__PURE__*/_react["default"].createElement(_Cell.CellContent, null, title || subtitle || label ? /*#__PURE__*/_react["default"].createElement(_Textbox.Textbox, {
42
- label: label,
43
- title: title,
44
- subtitle: subtitle
45
- }) : children && children), contentRight && /*#__PURE__*/_react["default"].createElement(_Cell.CellRight, {
46
- align: alignRight
47
- }, contentRight)));
48
- });
49
- };
50
- var cellConfig = exports.cellConfig = {
51
- name: 'Cell',
52
- tag: 'div',
53
- layout: cellRoot,
54
- base: '',
55
- variations: {
56
- view: {
57
- css: _base.base
58
- },
59
- size: {
60
- css: _base2.base
61
- },
62
- stretching: {
63
- css: _base3.base
64
- }
65
- },
66
- defaults: {
67
- view: 'default',
68
- size: 'm',
69
- stretching: 'filled'
70
- }
71
- };
@@ -1,32 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.CellRight = exports.CellLeft = exports.CellContentWrapper = exports.CellContent = void 0;
7
- var _styledComponents = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("styled-components"));
8
- var _Cell = /*#__PURE__*/require("./Cell.tokens");
9
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
10
- var alignToFlex = {
11
- center: 'center',
12
- top: 'flex-start',
13
- bottom: 'flex-end'
14
- };
15
- var CellContentWrapper = exports.CellContentWrapper = /*#__PURE__*/_styledComponents["default"].div.withConfig({
16
- componentId: "plasma-new-hope__sc-16emz3n-0"
17
- })(["display:flex;flex:auto;justify-content:space-between;gap:var(", ");height:auto;"], _Cell.tokens.cellGap);
18
- var CellContent = exports.CellContent = /*#__PURE__*/_styledComponents["default"].div.withConfig({
19
- componentId: "plasma-new-hope__sc-16emz3n-1"
20
- })(["display:flex;align-items:center;height:auto;"]);
21
- var CellLeft = exports.CellLeft = /*#__PURE__*/_styledComponents["default"].div.withConfig({
22
- componentId: "plasma-new-hope__sc-16emz3n-2"
23
- })(["display:flex;align-items:", ";"], function (_ref) {
24
- var align = _ref.align;
25
- return alignToFlex[align];
26
- });
27
- var CellRight = exports.CellRight = /*#__PURE__*/_styledComponents["default"].div.withConfig({
28
- componentId: "plasma-new-hope__sc-16emz3n-3"
29
- })(["display:flex;align-items:", ";text-align:right;"], function (_ref2) {
30
- var align = _ref2.align;
31
- return alignToFlex[align];
32
- });
@@ -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,5 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
@@ -1,19 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.Textbox = void 0;
7
- var _react = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("react"));
8
- var _Textbox = /*#__PURE__*/require("./Textbox.styles");
9
- var _TextLabel = /*#__PURE__*/require("./ui/TextLabel");
10
- var _TextTitle = /*#__PURE__*/require("./ui/TextTitle");
11
- var _TextSubtitle = /*#__PURE__*/require("./ui/TextSubtitle");
12
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
13
- var Textbox = exports.Textbox = function Textbox(_ref) {
14
- var label = _ref.label,
15
- title = _ref.title,
16
- subtitle = _ref.subtitle,
17
- children = _ref.children;
18
- return /*#__PURE__*/_react["default"].createElement(_Textbox.TextboxStyled, null, label || title || subtitle ? /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, label && /*#__PURE__*/_react["default"].createElement(_TextLabel.TextLabel, null, label), title && /*#__PURE__*/_react["default"].createElement(_TextTitle.TextTitle, null, title), subtitle && /*#__PURE__*/_react["default"].createElement(_TextSubtitle.TextSubtitle, null, subtitle)) : children);
19
- };
@@ -1,12 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.TextboxStyled = void 0;
7
- var _styledComponents = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("styled-components"));
8
- var _Cell = /*#__PURE__*/require("../Cell.tokens");
9
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
10
- var TextboxStyled = exports.TextboxStyled = /*#__PURE__*/_styledComponents["default"].div.withConfig({
11
- componentId: "plasma-new-hope__sc-t2ald4-0"
12
- })(["display:flex;flex-direction:column;gap:var(", ");"], _Cell.tokens.cellTextboxGap);
@@ -1,5 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
@@ -1,16 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.TextLabel = void 0;
7
- var _react = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("react"));
8
- var _styledComponents = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("styled-components"));
9
- var _Cell = /*#__PURE__*/require("../../Cell.tokens");
10
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
11
- var StyledTextLabel = /*#__PURE__*/_styledComponents["default"].div.withConfig({
12
- componentId: "plasma-new-hope__sc-6e2num-0"
13
- })(["color:var(", ");font-size:var(", ");font-weight:var(", ");font-family:var(", ");font-style:var(", ");line-height:var(", ");letter-spacing:var(", ");"], _Cell.tokens.cellLabelColor, _Cell.tokens.cellLabelFontSize, _Cell.tokens.cellLabelFontWeight, _Cell.tokens.cellLabelFontFamily, _Cell.tokens.cellLabelFontStyle, _Cell.tokens.cellLabelLineHeight, _Cell.tokens.cellLabelLetterSpacing);
14
- var TextLabel = exports.TextLabel = function TextLabel(props) {
15
- return /*#__PURE__*/_react["default"].createElement(StyledTextLabel, null, props.children);
16
- };
@@ -1,16 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.TextSubtitle = void 0;
7
- var _react = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("react"));
8
- var _styledComponents = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("styled-components"));
9
- var _Cell = /*#__PURE__*/require("../../Cell.tokens");
10
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
11
- var StyledTextSubtitle = /*#__PURE__*/_styledComponents["default"].div.withConfig({
12
- componentId: "plasma-new-hope__sc-jj01ut-0"
13
- })(["color:var(", ");font-size:var(", ");font-weight:var(", ");font-family:var(", ");font-style:var(", ");line-height:var(", ");letter-spacing:var(", ");"], _Cell.tokens.cellSubtitleColor, _Cell.tokens.cellSubtitleFontSize, _Cell.tokens.cellSubtitleFontWeight, _Cell.tokens.cellSubtitleFontFamily, _Cell.tokens.cellSubtitleFontStyle, _Cell.tokens.cellSubtitleLineHeight, _Cell.tokens.cellSubtitleLetterSpacing);
14
- var TextSubtitle = exports.TextSubtitle = function TextSubtitle(props) {
15
- return /*#__PURE__*/_react["default"].createElement(StyledTextSubtitle, null, props.children);
16
- };
@@ -1,16 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.TextTitle = void 0;
7
- var _react = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("react"));
8
- var _styledComponents = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("styled-components"));
9
- var _Cell = /*#__PURE__*/require("../../Cell.tokens");
10
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
11
- var StyledTextTitle = /*#__PURE__*/_styledComponents["default"].div.withConfig({
12
- componentId: "plasma-new-hope__sc-1mxjeba-0"
13
- })(["color:var(", ");font-size:var(", ");font-weight:var(", ");font-family:var(", ");font-style:var(", ");line-height:var(", ");letter-spacing:var(", ");"], _Cell.tokens.cellTitleColor, _Cell.tokens.cellTitleFontSize, _Cell.tokens.cellTitleFontWeight, _Cell.tokens.cellTitleFontFamily, _Cell.tokens.cellTitleFontStyle, _Cell.tokens.cellTitleLineHeight, _Cell.tokens.cellTitleLetterSpacing);
14
- var TextTitle = exports.TextTitle = function TextTitle(props) {
15
- return /*#__PURE__*/_react["default"].createElement(StyledTextTitle, null, props.children);
16
- };