@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,46 @@
1
+ var tokens = {
2
+ cellColor: '--plasma-cell-color',
3
+ cellBackgroundColor: '--plasma-cell-background-color',
4
+ cellPadding: '--plasma-cell-padding',
5
+ cellPaddingLeftContent: '--plasma-cell-left-padding',
6
+ cellPaddingContent: '--plasma-cell-padding',
7
+ cellPaddingRightContent: '--plasma-cell-right-padding',
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
+ cellStretch: 'cell-stretch',
35
+ autoStretching: 'cell-stretching-auto',
36
+ filledStretching: 'cell-stretching-filled',
37
+ fixedStretching: 'cell-stretching-fixed',
38
+ cellWrapper: 'cell-wrapper',
39
+ cellRoot: 'cell-root',
40
+ cellContent: 'cell-content',
41
+ cellLeftContent: 'cell-left-content',
42
+ cellRightContent: 'cell-right-content'
43
+ };
44
+
45
+ export { classes, tokens };
46
+ //# 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,16 @@
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(props) {
8
+ var label = props.label,
9
+ title = props.title,
10
+ subtitle = props.subtitle,
11
+ children = props.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
@@ -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,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;;;;"}
@@ -0,0 +1,9 @@
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
@@ -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,MAAM,CAACC,cAAc;;;;"}
@@ -0,0 +1,13 @@
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
@@ -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,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;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,13 @@
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
@@ -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,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;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,13 @@
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
@@ -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,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;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,5 @@
1
+ import './base_x642ct.css';
2
+ var base = "b6eqx01";
3
+
4
+ export { base };
5
+ //# 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,5 @@
1
+ import './base_1ryz4br.css';
2
+ var base = "b1ppwsal";
3
+
4
+ export { base };
5
+ //# 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,5 @@
1
+ import './base_c5qh0x.css';
2
+ var base = "b1sr9i7l";
3
+
4
+ export { base };
5
+ //# 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/es/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/es/index.js CHANGED
@@ -19,6 +19,12 @@ export { buttonGroupConfig, buttonGroupRoot } from './components/ButtonGroup/But
19
19
  export { classes as buttonGroupClasses, tokens as buttonGroupTokens } from './components/ButtonGroup/ButtonGroup.tokens.js';
20
20
  export { chipConfig, chipRoot } from './components/Chip/Chip.js';
21
21
  export { tokens as chipTokens } from './components/Chip/Chip.tokens.js';
22
+ export { TextLabel } from './components/Cell/Textbox/ui/TextLabel.js';
23
+ export { TextTitle } from './components/Cell/Textbox/ui/TextTitle.js';
24
+ export { TextSubtitle } from './components/Cell/Textbox/ui/TextSubtitle.js';
25
+ export { cellConfig, cellRoot } from './components/Cell/Cell.js';
26
+ export { classes as cellClasses, tokens as cellTokens } from './components/Cell/Cell.tokens.js';
27
+ export { Textbox } from './components/Cell/Textbox/Textbox.js';
22
28
  export { linkConfig, linkRoot } from './components/Link/Link.js';
23
29
  export { spinnerConfig, spinnerRoot } from './components/Spinner/Spinner.js';
24
30
  export { tokens as spinnerTokens } from './components/Spinner/Spinner.tokens.js';
package/es/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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@salutejs/plasma-new-hope",
3
- "version": "0.66.0-dev.0",
3
+ "version": "0.67.0-canary.1148.8443817650.0",
4
4
  "description": "Salute Design System blueprint",
5
5
  "main": "cjs/index.js",
6
6
  "module": "es/index.js",
@@ -102,5 +102,5 @@
102
102
  "react-popper": "2.3.0",
103
103
  "storeon": "3.1.5"
104
104
  },
105
- "gitHead": "55fbcb26d20d75b60f5e51dda6eabb222599522f"
105
+ "gitHead": "d66ea6472bcec01bda9245ea17faff9f2b85adc7"
106
106
  }
@@ -0,0 +1,72 @@
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
+ var _TextLabel = /*#__PURE__*/require("./Textbox/ui/TextLabel");
17
+ var _TextTitle = /*#__PURE__*/require("./Textbox/ui/TextTitle");
18
+ var _TextSubtitle = /*#__PURE__*/require("./Textbox/ui/TextSubtitle");
19
+ 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); }
20
+ 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; }
21
+ var cellRoot = exports.cellRoot = function cellRoot(Root) {
22
+ return /*#__PURE__*/(0, _react.forwardRef)(function (props, outerRootRef) {
23
+ var _props$size = props.size,
24
+ size = _props$size === void 0 ? 'm' : _props$size,
25
+ left = props.contentLeft,
26
+ right = props.contentRight,
27
+ _props$alignLeft = props.alignLeft,
28
+ alignLeft = _props$alignLeft === void 0 ? 'center' : _props$alignLeft,
29
+ _props$alignRight = props.alignRight,
30
+ alignRight = _props$alignRight === void 0 ? 'center' : _props$alignRight,
31
+ _props$stretching = props.stretching,
32
+ stretching = _props$stretching === void 0 ? 'filled' : _props$stretching,
33
+ children = props.children,
34
+ title = props.title,
35
+ subtitle = props.subtitle,
36
+ label = props.label;
37
+ var stretchingClass = _Cell2.classes["".concat(stretching, "Stretching")];
38
+ return /*#__PURE__*/_react["default"].createElement(Root, {
39
+ ref: outerRootRef,
40
+ size: size,
41
+ className: (0, _utils.cx)(stretchingClass)
42
+ }, /*#__PURE__*/_react["default"].createElement(_Cell.CellRoot, {
43
+ className: _Cell2.classes.cellRoot
44
+ }, left && /*#__PURE__*/_react["default"].createElement(_Cell.CellLeft, {
45
+ align: alignLeft
46
+ }, left), /*#__PURE__*/_react["default"].createElement(_Cell.CellContentWrapper, null, /*#__PURE__*/_react["default"].createElement(_Cell.CellContent, null, title || subtitle || label ? /*#__PURE__*/_react["default"].createElement(_Textbox.Textbox, 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 && children), right && /*#__PURE__*/_react["default"].createElement(_Cell.CellRight, {
47
+ align: alignRight
48
+ }, right))));
49
+ });
50
+ };
51
+ var cellConfig = exports.cellConfig = {
52
+ name: 'Cell',
53
+ tag: 'div',
54
+ layout: cellRoot,
55
+ base: '',
56
+ variations: {
57
+ view: {
58
+ css: _base.base
59
+ },
60
+ size: {
61
+ css: _base2.base
62
+ },
63
+ stretching: {
64
+ css: _base3.base
65
+ }
66
+ },
67
+ defaults: {
68
+ view: 'default',
69
+ size: 'm',
70
+ stretching: 'filled'
71
+ }
72
+ };
@@ -0,0 +1,37 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.CellRoot = 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 CellRoot = exports.CellRoot = /*#__PURE__*/_styledComponents["default"].div.withConfig({
16
+ componentId: "plasma-new-hope__sc-16emz3n-0"
17
+ })(["width:100%;display:flex;gap:var(", ");&:focus{outline:0 none;}"], _Cell.tokens.cellGap);
18
+ var CellContentWrapper = exports.CellContentWrapper = /*#__PURE__*/_styledComponents["default"].div.withConfig({
19
+ componentId: "plasma-new-hope__sc-16emz3n-1"
20
+ })(["display:flex;flex:auto;justify-content:space-between;gap:var(", ");"], _Cell.tokens.cellGap);
21
+ var CellContent = exports.CellContent = /*#__PURE__*/_styledComponents["default"].div.withConfig({
22
+ componentId: "plasma-new-hope__sc-16emz3n-2"
23
+ })(["display:flex;align-items:center;"]);
24
+ var CellLeft = exports.CellLeft = /*#__PURE__*/_styledComponents["default"].div.withConfig({
25
+ componentId: "plasma-new-hope__sc-16emz3n-3"
26
+ })(["display:flex;align-items:", ";"], function (_ref) {
27
+ var _ref$align = _ref.align,
28
+ align = _ref$align === void 0 ? 'center' : _ref$align;
29
+ return alignToFlex[align];
30
+ });
31
+ var CellRight = exports.CellRight = /*#__PURE__*/_styledComponents["default"].div.withConfig({
32
+ componentId: "plasma-new-hope__sc-16emz3n-4"
33
+ })(["display:flex;align-items:", ";text-align:right;"], function (_ref2) {
34
+ var _ref2$align = _ref2.align,
35
+ align = _ref2$align === void 0 ? 'center' : _ref2$align;
36
+ return alignToFlex[align];
37
+ });
@@ -0,0 +1,49 @@
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-left-padding',
12
+ cellPaddingContent: '--plasma-cell-padding',
13
+ cellPaddingRightContent: '--plasma-cell-right-padding',
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
+ cellStretch: 'cell-stretch',
41
+ autoStretching: 'cell-stretching-auto',
42
+ filledStretching: 'cell-stretching-filled',
43
+ fixedStretching: 'cell-stretching-fixed',
44
+ cellWrapper: 'cell-wrapper',
45
+ cellRoot: 'cell-root',
46
+ cellContent: 'cell-content',
47
+ cellLeftContent: 'cell-left-content',
48
+ cellRightContent: 'cell-right-content'
49
+ };
@@ -0,0 +1,5 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
@@ -0,0 +1,19 @@
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(props) {
14
+ var label = props.label,
15
+ title = props.title,
16
+ subtitle = props.subtitle,
17
+ children = props.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
+ };
@@ -0,0 +1,12 @@
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);
@@ -0,0 +1,5 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
@@ -0,0 +1,16 @@
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
+ };
@@ -0,0 +1,16 @@
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
+ };
@@ -0,0 +1,16 @@
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
+ };
@@ -0,0 +1,59 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ Object.defineProperty(exports, "TextLabel", {
7
+ enumerable: true,
8
+ get: function get() {
9
+ return _TextLabel.TextLabel;
10
+ }
11
+ });
12
+ Object.defineProperty(exports, "TextSubtitle", {
13
+ enumerable: true,
14
+ get: function get() {
15
+ return _TextSubtitle.TextSubtitle;
16
+ }
17
+ });
18
+ Object.defineProperty(exports, "TextTitle", {
19
+ enumerable: true,
20
+ get: function get() {
21
+ return _TextTitle.TextTitle;
22
+ }
23
+ });
24
+ Object.defineProperty(exports, "Textbox", {
25
+ enumerable: true,
26
+ get: function get() {
27
+ return _Textbox.Textbox;
28
+ }
29
+ });
30
+ Object.defineProperty(exports, "cellClasses", {
31
+ enumerable: true,
32
+ get: function get() {
33
+ return _Cell2.classes;
34
+ }
35
+ });
36
+ Object.defineProperty(exports, "cellConfig", {
37
+ enumerable: true,
38
+ get: function get() {
39
+ return _Cell.cellConfig;
40
+ }
41
+ });
42
+ Object.defineProperty(exports, "cellRoot", {
43
+ enumerable: true,
44
+ get: function get() {
45
+ return _Cell.cellRoot;
46
+ }
47
+ });
48
+ Object.defineProperty(exports, "cellTokens", {
49
+ enumerable: true,
50
+ get: function get() {
51
+ return _Cell2.tokens;
52
+ }
53
+ });
54
+ var _TextLabel = /*#__PURE__*/require("./Textbox/ui/TextLabel");
55
+ var _TextTitle = /*#__PURE__*/require("./Textbox/ui/TextTitle");
56
+ var _TextSubtitle = /*#__PURE__*/require("./Textbox/ui/TextSubtitle");
57
+ var _Cell = /*#__PURE__*/require("./Cell");
58
+ var _Cell2 = /*#__PURE__*/require("./Cell.tokens");
59
+ var _Textbox = /*#__PURE__*/require("./Textbox/Textbox");
@@ -0,0 +1,8 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.base = void 0;
7
+ var _styledComponents = /*#__PURE__*/require("styled-components");
8
+ var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)([""]);
@@ -0,0 +1 @@
1
+ ["--plasma-cell-left-height", "--plasma-cell-right-height", "--plasma-cell-height"]
@@ -0,0 +1,9 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.base = void 0;
7
+ var _styledComponents = /*#__PURE__*/require("styled-components");
8
+ var _Cell = /*#__PURE__*/require("../../Cell.tokens");
9
+ var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["&.", "{width:var(", ");}&.", "{width:100%;}&.", "{width:auto;}"], _Cell.classes.fixedStretching, _Cell.tokens.cellWidth, _Cell.classes.filledStretching, _Cell.classes.autoStretching);
@@ -0,0 +1 @@
1
+ ["--plasma-button-width"]