@salutejs/plasma-new-hope 0.69.0-canary.1148.8505804388.0 → 0.69.0-canary.1155.8506197081.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (168) 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 +2 -2
  8. package/styled-components/cjs/examples/plasma_b2c/components/Chip/Chip.config.js +2 -1
  9. package/styled-components/cjs/examples/plasma_web/components/Chip/Chip.config.js +2 -1
  10. package/styled-components/cjs/index.js +0 -11
  11. package/styled-components/es/examples/plasma_b2c/components/Chip/Chip.config.js +2 -1
  12. package/styled-components/es/examples/plasma_web/components/Chip/Chip.config.js +2 -1
  13. package/styled-components/es/index.js +0 -1
  14. package/types/components/Chip/Chip.d.ts +2 -26
  15. package/types/components/Chip/Chip.d.ts.map +1 -1
  16. package/types/components/Chip/Chip.types.d.ts +5 -6
  17. package/types/components/Chip/Chip.types.d.ts.map +1 -1
  18. package/types/components/Combobox/ui/ComboboxChip/ComboboxChip.styles.d.ts +1 -13
  19. package/types/components/Combobox/ui/ComboboxChip/ComboboxChip.styles.d.ts.map +1 -1
  20. package/types/components/Indicator/Indicator.d.ts +2 -2
  21. package/types/components/Select/ui/SelectChip/SelectChip.styles.d.ts +1 -13
  22. package/types/components/Select/ui/SelectChip/SelectChip.styles.d.ts.map +1 -1
  23. package/types/examples/plasma_b2c/components/Chip/Chip.config.d.ts +1 -0
  24. package/types/examples/plasma_b2c/components/Chip/Chip.config.d.ts.map +1 -1
  25. package/types/examples/plasma_b2c/components/Chip/Chip.d.ts +2 -13
  26. package/types/examples/plasma_b2c/components/Chip/Chip.d.ts.map +1 -1
  27. package/types/examples/plasma_b2c/components/Combobox/Combobox.d.ts +2 -2
  28. package/types/examples/plasma_b2c/components/Indicator/Indicator.d.ts +2 -2
  29. package/types/examples/plasma_web/components/Chip/Chip.config.d.ts +1 -0
  30. package/types/examples/plasma_web/components/Chip/Chip.config.d.ts.map +1 -1
  31. package/types/examples/plasma_web/components/Chip/Chip.d.ts +2 -13
  32. package/types/examples/plasma_web/components/Chip/Chip.d.ts.map +1 -1
  33. package/types/examples/plasma_web/components/Combobox/Combobox.d.ts +2 -2
  34. package/types/examples/plasma_web/components/Indicator/Indicator.d.ts +2 -2
  35. package/types/examples/sds_engineer/components/Chip/Chip.d.ts +1 -13
  36. package/types/examples/sds_engineer/components/Chip/Chip.d.ts.map +1 -1
  37. package/types/index.d.ts +0 -1
  38. package/types/index.d.ts.map +1 -1
  39. package/cjs/components/Cell/Cell.css +0 -3
  40. package/cjs/components/Cell/Cell.js +0 -70
  41. package/cjs/components/Cell/Cell.js.map +0 -1
  42. package/cjs/components/Cell/Cell.styles.js +0 -39
  43. package/cjs/components/Cell/Cell.styles.js.map +0 -1
  44. package/cjs/components/Cell/Cell.styles_ygfo1w.css +0 -1
  45. package/cjs/components/Cell/Cell.tokens.js +0 -50
  46. package/cjs/components/Cell/Cell.tokens.js.map +0 -1
  47. package/cjs/components/Cell/CellTextbox/CellTextbox.js +0 -21
  48. package/cjs/components/Cell/CellTextbox/CellTextbox.js.map +0 -1
  49. package/cjs/components/Cell/CellTextbox/CellTextbox.styles.js +0 -13
  50. package/cjs/components/Cell/CellTextbox/CellTextbox.styles.js.map +0 -1
  51. package/cjs/components/Cell/CellTextbox/ui/CellTextLabel.js +0 -17
  52. package/cjs/components/Cell/CellTextbox/ui/CellTextLabel.js.map +0 -1
  53. package/cjs/components/Cell/CellTextbox/ui/CellTextSubtitle.js +0 -17
  54. package/cjs/components/Cell/CellTextbox/ui/CellTextSubtitle.js.map +0 -1
  55. package/cjs/components/Cell/CellTextbox/ui/CellTextTitle.js +0 -17
  56. package/cjs/components/Cell/CellTextbox/ui/CellTextTitle.js.map +0 -1
  57. package/cjs/components/Cell/variations/_size/base.js +0 -9
  58. package/cjs/components/Cell/variations/_size/base.js.map +0 -1
  59. package/cjs/components/Cell/variations/_size/base_x642ct.css +0 -1
  60. package/cjs/components/Cell/variations/_view/base.js +0 -9
  61. package/cjs/components/Cell/variations/_view/base.js.map +0 -1
  62. package/cjs/components/Cell/variations/_view/base_13f5j4a.css +0 -1
  63. package/es/components/Cell/Cell.css +0 -3
  64. package/es/components/Cell/Cell.js +0 -65
  65. package/es/components/Cell/Cell.js.map +0 -1
  66. package/es/components/Cell/Cell.styles.js +0 -31
  67. package/es/components/Cell/Cell.styles.js.map +0 -1
  68. package/es/components/Cell/Cell.styles_ygfo1w.css +0 -1
  69. package/es/components/Cell/Cell.tokens.js +0 -45
  70. package/es/components/Cell/Cell.tokens.js.map +0 -1
  71. package/es/components/Cell/CellTextbox/CellTextbox.js +0 -17
  72. package/es/components/Cell/CellTextbox/CellTextbox.js.map +0 -1
  73. package/es/components/Cell/CellTextbox/CellTextbox.styles.js +0 -9
  74. package/es/components/Cell/CellTextbox/CellTextbox.styles.js.map +0 -1
  75. package/es/components/Cell/CellTextbox/ui/CellTextLabel.js +0 -13
  76. package/es/components/Cell/CellTextbox/ui/CellTextLabel.js.map +0 -1
  77. package/es/components/Cell/CellTextbox/ui/CellTextSubtitle.js +0 -13
  78. package/es/components/Cell/CellTextbox/ui/CellTextSubtitle.js.map +0 -1
  79. package/es/components/Cell/CellTextbox/ui/CellTextTitle.js +0 -13
  80. package/es/components/Cell/CellTextbox/ui/CellTextTitle.js.map +0 -1
  81. package/es/components/Cell/variations/_size/base.js +0 -5
  82. package/es/components/Cell/variations/_size/base.js.map +0 -1
  83. package/es/components/Cell/variations/_size/base_x642ct.css +0 -1
  84. package/es/components/Cell/variations/_view/base.js +0 -5
  85. package/es/components/Cell/variations/_view/base.js.map +0 -1
  86. package/es/components/Cell/variations/_view/base_13f5j4a.css +0 -1
  87. package/styled-components/cjs/components/Cell/Cell.js +0 -70
  88. package/styled-components/cjs/components/Cell/Cell.styles.js +0 -35
  89. package/styled-components/cjs/components/Cell/Cell.tokens.js +0 -48
  90. package/styled-components/cjs/components/Cell/Cell.types.js +0 -5
  91. package/styled-components/cjs/components/Cell/CellTextbox/CellTextbox.js +0 -20
  92. package/styled-components/cjs/components/Cell/CellTextbox/CellTextbox.styles.js +0 -12
  93. package/styled-components/cjs/components/Cell/CellTextbox/CellTextbox.types.js +0 -5
  94. package/styled-components/cjs/components/Cell/CellTextbox/ui/CellTextLabel.js +0 -16
  95. package/styled-components/cjs/components/Cell/CellTextbox/ui/CellTextSubtitle.js +0 -16
  96. package/styled-components/cjs/components/Cell/CellTextbox/ui/CellTextTitle.js +0 -16
  97. package/styled-components/cjs/components/Cell/index.js +0 -59
  98. package/styled-components/cjs/components/Cell/variations/_size/base.js +0 -8
  99. package/styled-components/cjs/components/Cell/variations/_size/tokens.json +0 -1
  100. package/styled-components/cjs/components/Cell/variations/_stretching/base.js +0 -9
  101. package/styled-components/cjs/components/Cell/variations/_stretching/tokens.json +0 -1
  102. package/styled-components/cjs/components/Cell/variations/_view/base.js +0 -9
  103. package/styled-components/cjs/components/Cell/variations/_view/tokens.json +0 -1
  104. package/styled-components/cjs/examples/plasma_b2c/components/Cell/Cell.config.js +0 -21
  105. package/styled-components/cjs/examples/plasma_b2c/components/Cell/Cell.js +0 -35
  106. package/styled-components/cjs/examples/plasma_b2c/components/Cell/Cell.stories.tsx +0 -128
  107. package/styled-components/cjs/examples/plasma_web/components/Cell/Cell.config.js +0 -21
  108. package/styled-components/cjs/examples/plasma_web/components/Cell/Cell.js +0 -35
  109. package/styled-components/cjs/examples/plasma_web/components/Cell/Cell.stories.tsx +0 -128
  110. package/styled-components/es/components/Cell/Cell.js +0 -61
  111. package/styled-components/es/components/Cell/Cell.styles.js +0 -27
  112. package/styled-components/es/components/Cell/Cell.tokens.js +0 -42
  113. package/styled-components/es/components/Cell/Cell.types.js +0 -1
  114. package/styled-components/es/components/Cell/CellTextbox/CellTextbox.js +0 -13
  115. package/styled-components/es/components/Cell/CellTextbox/CellTextbox.styles.js +0 -5
  116. package/styled-components/es/components/Cell/CellTextbox/CellTextbox.types.js +0 -1
  117. package/styled-components/es/components/Cell/CellTextbox/ui/CellTextLabel.js +0 -9
  118. package/styled-components/es/components/Cell/CellTextbox/ui/CellTextSubtitle.js +0 -9
  119. package/styled-components/es/components/Cell/CellTextbox/ui/CellTextTitle.js +0 -9
  120. package/styled-components/es/components/Cell/index.js +0 -6
  121. package/styled-components/es/components/Cell/variations/_size/base.js +0 -2
  122. package/styled-components/es/components/Cell/variations/_size/tokens.json +0 -1
  123. package/styled-components/es/components/Cell/variations/_stretching/base.js +0 -3
  124. package/styled-components/es/components/Cell/variations/_stretching/tokens.json +0 -1
  125. package/styled-components/es/components/Cell/variations/_view/base.js +0 -3
  126. package/styled-components/es/components/Cell/variations/_view/tokens.json +0 -1
  127. package/styled-components/es/examples/plasma_b2c/components/Cell/Cell.config.js +0 -15
  128. package/styled-components/es/examples/plasma_b2c/components/Cell/Cell.js +0 -6
  129. package/styled-components/es/examples/plasma_b2c/components/Cell/Cell.stories.tsx +0 -128
  130. package/styled-components/es/examples/plasma_web/components/Cell/Cell.config.js +0 -15
  131. package/styled-components/es/examples/plasma_web/components/Cell/Cell.js +0 -6
  132. package/styled-components/es/examples/plasma_web/components/Cell/Cell.stories.tsx +0 -128
  133. package/types/components/Cell/Cell.d.ts +0 -23
  134. package/types/components/Cell/Cell.d.ts.map +0 -1
  135. package/types/components/Cell/Cell.styles.d.ts +0 -11
  136. package/types/components/Cell/Cell.styles.d.ts.map +0 -1
  137. package/types/components/Cell/Cell.tokens.d.ts +0 -43
  138. package/types/components/Cell/Cell.tokens.d.ts.map +0 -1
  139. package/types/components/Cell/Cell.types.d.ts +0 -46
  140. package/types/components/Cell/Cell.types.d.ts.map +0 -1
  141. package/types/components/Cell/CellTextbox/CellTextbox.d.ts +0 -4
  142. package/types/components/Cell/CellTextbox/CellTextbox.d.ts.map +0 -1
  143. package/types/components/Cell/CellTextbox/CellTextbox.styles.d.ts +0 -2
  144. package/types/components/Cell/CellTextbox/CellTextbox.styles.d.ts.map +0 -1
  145. package/types/components/Cell/CellTextbox/CellTextbox.types.d.ts +0 -43
  146. package/types/components/Cell/CellTextbox/CellTextbox.types.d.ts.map +0 -1
  147. package/types/components/Cell/CellTextbox/ui/CellTextLabel.d.ts +0 -5
  148. package/types/components/Cell/CellTextbox/ui/CellTextLabel.d.ts.map +0 -1
  149. package/types/components/Cell/CellTextbox/ui/CellTextSubtitle.d.ts +0 -5
  150. package/types/components/Cell/CellTextbox/ui/CellTextSubtitle.d.ts.map +0 -1
  151. package/types/components/Cell/CellTextbox/ui/CellTextTitle.d.ts +0 -5
  152. package/types/components/Cell/CellTextbox/ui/CellTextTitle.d.ts.map +0 -1
  153. package/types/components/Cell/index.d.ts +0 -9
  154. package/types/components/Cell/index.d.ts.map +0 -1
  155. package/types/components/Cell/variations/_size/base.d.ts +0 -2
  156. package/types/components/Cell/variations/_size/base.d.ts.map +0 -1
  157. package/types/components/Cell/variations/_stretching/base.d.ts +0 -2
  158. package/types/components/Cell/variations/_stretching/base.d.ts.map +0 -1
  159. package/types/components/Cell/variations/_view/base.d.ts +0 -2
  160. package/types/components/Cell/variations/_view/base.d.ts.map +0 -1
  161. package/types/examples/plasma_b2c/components/Cell/Cell.config.d.ts +0 -14
  162. package/types/examples/plasma_b2c/components/Cell/Cell.config.d.ts.map +0 -1
  163. package/types/examples/plasma_b2c/components/Cell/Cell.d.ts +0 -45
  164. package/types/examples/plasma_b2c/components/Cell/Cell.d.ts.map +0 -1
  165. package/types/examples/plasma_web/components/Cell/Cell.config.d.ts +0 -14
  166. package/types/examples/plasma_web/components/Cell/Cell.config.d.ts.map +0 -1
  167. package/types/examples/plasma_web/components/Cell/Cell.d.ts +0 -45
  168. package/types/examples/plasma_web/components/Cell/Cell.d.ts.map +0 -1
@@ -1,128 +0,0 @@
1
- import React from 'react';
2
- import type { ComponentProps } from 'react';
3
- import type { StoryObj, Meta } from '@storybook/react';
4
- import styled from 'styled-components';
5
-
6
- import { WithTheme } from '../../../_helpers';
7
- import { Avatar } from '../Avatar/Avatar';
8
- import { IconChevronLeft } from '../../../../components/_Icon';
9
-
10
- import { Cell, CellTextbox, CellTextboxTitle } from './Cell';
11
-
12
- type StoryProps = ComponentProps<typeof Cell> & {
13
- itemsCount?: number;
14
- enableLeftContent?: boolean;
15
- enableRightContent?: boolean;
16
- };
17
- type Story = StoryObj<StoryProps>;
18
-
19
- const sizes = ['l', 'm', 's', 'xs'];
20
- const stretchingValues = ['fixed', 'filled', 'auto'];
21
- const alignLeft = ['top', 'center', 'bottom'];
22
- const alignRight = ['top', 'center', 'bottom'];
23
-
24
- type SizesCell = 'xs' | 'l' | 'm' | 's' | undefined;
25
- type SizesAvatar = 'l' | 'm' | 's';
26
-
27
- const getSize = (size: SizesCell): SizesAvatar => {
28
- if (size === 'xs' || !size) {
29
- return 's';
30
- }
31
-
32
- return size;
33
- };
34
-
35
- const meta: Meta<typeof Cell> = {
36
- title: 'plasma_b2c/Cell',
37
- decorators: [WithTheme],
38
- argTypes: {
39
- size: {
40
- options: sizes,
41
- control: {
42
- type: 'select',
43
- },
44
- },
45
- stretching: {
46
- options: stretchingValues,
47
- control: {
48
- type: 'select',
49
- },
50
- },
51
- alignContentLeft: {
52
- options: alignLeft,
53
- control: {
54
- type: 'select',
55
- },
56
- },
57
- alignContentRight: {
58
- options: alignRight,
59
- control: {
60
- type: 'select',
61
- },
62
- },
63
- },
64
- };
65
-
66
- export default meta;
67
-
68
- const ChevronRight = styled(IconChevronLeft)`
69
- transform: rotate(180deg);
70
- color: var(--text-secondary);
71
- `;
72
-
73
- export const Default: Story = {
74
- args: {
75
- size: 'm',
76
- stretching: 'filled',
77
- enableLeftContent: false,
78
- enableRightContent: false,
79
- alignContentLeft: 'center',
80
- alignContentRight: 'center',
81
- title: 'Title',
82
- subtitle: 'Subtitle',
83
- label: 'Label',
84
- },
85
- render: ({ ...args }: StoryProps) => {
86
- return (
87
- <Cell
88
- contentLeft={
89
- !args.enableLeftContent && (
90
- <Avatar size={getSize(args.size)} url="https://avatars.githubusercontent.com/u/1813468?v=4" />
91
- )
92
- }
93
- contentRight={!args.enableRightContent && <ChevronRight color="inherit" size="xs" />}
94
- {...args}
95
- />
96
- );
97
- },
98
- };
99
-
100
- export const WithContentTextboxCustom: Story = {
101
- args: {
102
- size: 'm',
103
- stretching: 'filled',
104
- },
105
- render: ({ ...args }: StoryProps) => {
106
- const MyStyledText = styled.div`
107
- font-size: 12px;
108
- font-weight: 600;
109
- opacity: 0.5;
110
- `;
111
- return (
112
- <Cell
113
- view="default"
114
- size={args.size}
115
- stretching={args.stretching}
116
- contentLeft={
117
- <Avatar size={getSize(args.size)} url="https://avatars.githubusercontent.com/u/1813468?v=4" />
118
- }
119
- contentRight={!args.enableRightContent && <ChevronRight color="inherit" size="xs" />}
120
- >
121
- <CellTextboxTitle>
122
- <CellTextbox>Title</CellTextbox>
123
- <MyStyledText>My styled Text</MyStyledText>
124
- </CellTextboxTitle>
125
- </Cell>
126
- );
127
- },
128
- };
@@ -1,21 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.config = void 0;
7
- var _styledComponents = /*#__PURE__*/require("styled-components");
8
- var _Cell = /*#__PURE__*/require("../../../../components/Cell");
9
- var config = exports.config = {
10
- variations: {
11
- view: {
12
- "default": /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-primary);", ":var(--text-secondary);", ":var(--text-primary);", ":var(--text-secondary);", ":transparent;"], _Cell.cellTokens.cellColor, _Cell.cellTokens.cellLabelColor, _Cell.cellTokens.cellTitleColor, _Cell.cellTokens.cellSubtitleColor, _Cell.cellTokens.cellBackgroundColor)
13
- },
14
- size: {
15
- l: /*#__PURE__*/(0, _styledComponents.css)(["", ":15rem;", ":0rem;", ":0rem;", ":0rem;", ":0rem;", ":0.125rem;", ":0.375rem;", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);"], _Cell.cellTokens.cellWidth, _Cell.cellTokens.cellPadding, _Cell.cellTokens.cellPaddingLeftContent, _Cell.cellTokens.cellPaddingContent, _Cell.cellTokens.cellPaddingRightContent, _Cell.cellTokens.cellTextboxGap, _Cell.cellTokens.cellGap, _Cell.cellTokens.cellLabelFontFamily, _Cell.cellTokens.cellLabelFontSize, _Cell.cellTokens.cellLabelFontStyle, _Cell.cellTokens.cellLabelFontWeight, _Cell.cellTokens.cellLabelLetterSpacing, _Cell.cellTokens.cellLabelLineHeight, _Cell.cellTokens.cellTitleFontFamily, _Cell.cellTokens.cellTitleFontSize, _Cell.cellTokens.cellTitleFontStyle, _Cell.cellTokens.cellTitleFontWeight, _Cell.cellTokens.cellTitleLetterSpacing, _Cell.cellTokens.cellTitleLineHeight, _Cell.cellTokens.cellSubtitleFontFamily, _Cell.cellTokens.cellSubtitleFontSize, _Cell.cellTokens.cellSubtitleFontStyle, _Cell.cellTokens.cellSubtitleFontWeight, _Cell.cellTokens.cellSubtitleLetterSpacing, _Cell.cellTokens.cellSubtitleLineHeight),
16
- m: /*#__PURE__*/(0, _styledComponents.css)(["", ":15rem;", ":0rem;", ":0rem;", ":0rem;", ":0rem;", ":0.125rem;", ":0.375rem;", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);"], _Cell.cellTokens.cellWidth, _Cell.cellTokens.cellPadding, _Cell.cellTokens.cellPaddingLeftContent, _Cell.cellTokens.cellPaddingContent, _Cell.cellTokens.cellPaddingRightContent, _Cell.cellTokens.cellTextboxGap, _Cell.cellTokens.cellGap, _Cell.cellTokens.cellLabelFontFamily, _Cell.cellTokens.cellLabelFontSize, _Cell.cellTokens.cellLabelFontStyle, _Cell.cellTokens.cellLabelFontWeight, _Cell.cellTokens.cellLabelLetterSpacing, _Cell.cellTokens.cellLabelLineHeight, _Cell.cellTokens.cellTitleFontFamily, _Cell.cellTokens.cellTitleFontSize, _Cell.cellTokens.cellTitleFontStyle, _Cell.cellTokens.cellTitleFontWeight, _Cell.cellTokens.cellTitleLetterSpacing, _Cell.cellTokens.cellTitleLineHeight, _Cell.cellTokens.cellSubtitleFontFamily, _Cell.cellTokens.cellSubtitleFontSize, _Cell.cellTokens.cellSubtitleFontStyle, _Cell.cellTokens.cellSubtitleFontWeight, _Cell.cellTokens.cellSubtitleLetterSpacing, _Cell.cellTokens.cellSubtitleLineHeight),
17
- s: /*#__PURE__*/(0, _styledComponents.css)(["", ":15rem;", ":0rem;", ":0rem;", ":0rem;", ":0rem;", ":0.125rem;", ":0.375rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);"], _Cell.cellTokens.cellWidth, _Cell.cellTokens.cellPadding, _Cell.cellTokens.cellPaddingLeftContent, _Cell.cellTokens.cellPaddingContent, _Cell.cellTokens.cellPaddingRightContent, _Cell.cellTokens.cellTextboxGap, _Cell.cellTokens.cellGap, _Cell.cellTokens.cellLabelFontFamily, _Cell.cellTokens.cellLabelFontSize, _Cell.cellTokens.cellLabelFontStyle, _Cell.cellTokens.cellLabelFontWeight, _Cell.cellTokens.cellLabelLetterSpacing, _Cell.cellTokens.cellLabelLineHeight, _Cell.cellTokens.cellTitleFontFamily, _Cell.cellTokens.cellTitleFontSize, _Cell.cellTokens.cellTitleFontStyle, _Cell.cellTokens.cellTitleFontWeight, _Cell.cellTokens.cellTitleLetterSpacing, _Cell.cellTokens.cellTitleLineHeight, _Cell.cellTokens.cellSubtitleFontFamily, _Cell.cellTokens.cellSubtitleFontSize, _Cell.cellTokens.cellSubtitleFontStyle, _Cell.cellTokens.cellSubtitleFontWeight, _Cell.cellTokens.cellSubtitleLetterSpacing, _Cell.cellTokens.cellSubtitleLineHeight),
18
- xs: /*#__PURE__*/(0, _styledComponents.css)(["", ":15rem;", ":0rem;", ":0rem;", ":0rem;", ":0rem;", ":0.125rem;", ":0.25rem;", ":0.375rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);"], _Cell.cellTokens.cellWidth, _Cell.cellTokens.cellPadding, _Cell.cellTokens.cellPaddingLeftContent, _Cell.cellTokens.cellPaddingContent, _Cell.cellTokens.cellPaddingRightContent, _Cell.cellTokens.cellTextboxGap, _Cell.cellTokens.cellGap, _Cell.cellTokens.cellGap, _Cell.cellTokens.cellLabelFontFamily, _Cell.cellTokens.cellLabelFontSize, _Cell.cellTokens.cellLabelFontStyle, _Cell.cellTokens.cellLabelFontWeight, _Cell.cellTokens.cellLabelLetterSpacing, _Cell.cellTokens.cellLabelLineHeight, _Cell.cellTokens.cellTitleFontFamily, _Cell.cellTokens.cellTitleFontSize, _Cell.cellTokens.cellTitleFontStyle, _Cell.cellTokens.cellTitleFontWeight, _Cell.cellTokens.cellTitleLetterSpacing, _Cell.cellTokens.cellTitleLineHeight, _Cell.cellTokens.cellSubtitleFontFamily, _Cell.cellTokens.cellSubtitleFontSize, _Cell.cellTokens.cellSubtitleFontStyle, _Cell.cellTokens.cellSubtitleFontWeight, _Cell.cellTokens.cellSubtitleLetterSpacing, _Cell.cellTokens.cellSubtitleLineHeight)
19
- }
20
- }
21
- };
@@ -1,35 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.Cell = void 0;
7
- Object.defineProperty(exports, "CellTextbox", {
8
- enumerable: true,
9
- get: function get() {
10
- return _Cell.CellTextbox;
11
- }
12
- });
13
- Object.defineProperty(exports, "CellTextboxLabel", {
14
- enumerable: true,
15
- get: function get() {
16
- return _Cell.CellTextboxLabel;
17
- }
18
- });
19
- Object.defineProperty(exports, "CellTextboxSubtitle", {
20
- enumerable: true,
21
- get: function get() {
22
- return _Cell.CellTextboxSubtitle;
23
- }
24
- });
25
- Object.defineProperty(exports, "CellTextboxTitle", {
26
- enumerable: true,
27
- get: function get() {
28
- return _Cell.CellTextboxTitle;
29
- }
30
- });
31
- var _engines = /*#__PURE__*/require("../../../../engines");
32
- var _Cell = /*#__PURE__*/require("../../../../components/Cell");
33
- var _Cell2 = /*#__PURE__*/require("./Cell.config");
34
- var mergedConfig = /*#__PURE__*/(0, _engines.mergeConfig)(_Cell.cellConfig, _Cell2.config);
35
- var Cell = exports.Cell = /*#__PURE__*/(0, _engines.component)(mergedConfig);
@@ -1,128 +0,0 @@
1
- import React from 'react';
2
- import type { ComponentProps } from 'react';
3
- import type { StoryObj, Meta } from '@storybook/react';
4
- import styled from 'styled-components';
5
-
6
- import { WithTheme } from '../../../_helpers';
7
- import { Avatar } from '../Avatar/Avatar';
8
- import { IconChevronLeft } from '../../../../components/_Icon';
9
-
10
- import { Cell, CellTextbox, CellTextboxTitle } from './Cell';
11
-
12
- type StoryProps = ComponentProps<typeof Cell> & {
13
- itemsCount?: number;
14
- enableLeftContent?: boolean;
15
- enableRightContent?: boolean;
16
- };
17
- type Story = StoryObj<StoryProps>;
18
-
19
- const sizes = ['l', 'm', 's', 'xs'];
20
- const stretchingValues = ['fixed', 'filled', 'auto'];
21
- const alignLeft = ['top', 'center', 'bottom'];
22
- const alignRight = ['top', 'center', 'bottom'];
23
-
24
- type SizesCell = 'xs' | 'l' | 'm' | 's' | undefined;
25
- type SizesAvatar = 'l' | 'm' | 's';
26
-
27
- const getSize = (size: SizesCell): SizesAvatar => {
28
- if (size === 'xs' || !size) {
29
- return 's';
30
- }
31
-
32
- return size;
33
- };
34
-
35
- const meta: Meta<typeof Cell> = {
36
- title: 'plasma_web/Cell',
37
- decorators: [WithTheme],
38
- argTypes: {
39
- size: {
40
- options: sizes,
41
- control: {
42
- type: 'select',
43
- },
44
- },
45
- stretching: {
46
- options: stretchingValues,
47
- control: {
48
- type: 'select',
49
- },
50
- },
51
- alignContentLeft: {
52
- options: alignLeft,
53
- control: {
54
- type: 'select',
55
- },
56
- },
57
- alignContentRight: {
58
- options: alignRight,
59
- control: {
60
- type: 'select',
61
- },
62
- },
63
- },
64
- };
65
-
66
- export default meta;
67
-
68
- const ChevronRight = styled(IconChevronLeft)`
69
- transform: rotate(180deg);
70
- color: var(--text-secondary);
71
- `;
72
-
73
- export const Default: Story = {
74
- args: {
75
- size: 'm',
76
- stretching: 'filled',
77
- enableLeftContent: false,
78
- enableRightContent: false,
79
- alignContentLeft: 'center',
80
- alignContentRight: 'center',
81
- title: 'Title',
82
- subtitle: 'Subtitle',
83
- label: 'Label',
84
- },
85
- render: ({ ...args }: StoryProps) => {
86
- return (
87
- <Cell
88
- contentLeft={
89
- !args.enableLeftContent && (
90
- <Avatar size={getSize(args.size)} url="https://avatars.githubusercontent.com/u/1813468?v=4" />
91
- )
92
- }
93
- contentRight={!args.enableRightContent && <ChevronRight color="inherit" size="xs" />}
94
- {...args}
95
- />
96
- );
97
- },
98
- };
99
-
100
- export const WithContentTextboxCustom: Story = {
101
- args: {
102
- size: 'm',
103
- stretching: 'filled',
104
- },
105
- render: ({ ...args }: StoryProps) => {
106
- const MyStyledText = styled.div`
107
- font-size: 12px;
108
- font-weight: 600;
109
- opacity: 0.5;
110
- `;
111
- return (
112
- <Cell
113
- view="default"
114
- size={args.size}
115
- stretching={args.stretching}
116
- contentLeft={
117
- <Avatar size={getSize(args.size)} url="https://avatars.githubusercontent.com/u/1813468?v=4" />
118
- }
119
- contentRight={<ChevronRight color="inherit" size="xs" />}
120
- >
121
- <CellTextbox>
122
- <CellTextboxTitle>Title</CellTextboxTitle>
123
- <MyStyledText>My styled Text</MyStyledText>
124
- </CellTextbox>
125
- </Cell>
126
- );
127
- },
128
- };
@@ -1,61 +0,0 @@
1
- import React, { forwardRef } from 'react';
2
- import { cx } from '../../utils';
3
- import { base, CellLeft, CellRight, CellContentWrapper, CellContent } from './Cell.styles';
4
- import { classes } from './Cell.tokens';
5
- import { base as viewCSS } from './variations/_view/base';
6
- import { base as sizeCSS } from './variations/_size/base';
7
- import { CellTextbox } from './CellTextbox/CellTextbox';
8
- export var cellRoot = function cellRoot(Root) {
9
- return /*#__PURE__*/forwardRef(function (_ref, outerRootRef) {
10
- var size = _ref.size,
11
- view = _ref.view,
12
- contentLeft = _ref.contentLeft,
13
- contentRight = _ref.contentRight,
14
- _ref$alignContentLeft = _ref.alignContentLeft,
15
- alignContentLeft = _ref$alignContentLeft === void 0 ? 'center' : _ref$alignContentLeft,
16
- _ref$alignContentRigh = _ref.alignContentRight,
17
- alignContentRight = _ref$alignContentRigh === void 0 ? 'center' : _ref$alignContentRigh,
18
- children = _ref.children,
19
- title = _ref.title,
20
- subtitle = _ref.subtitle,
21
- label = _ref.label,
22
- description = _ref.description,
23
- content = _ref.content,
24
- _ref$stretching = _ref.stretching,
25
- stretching = _ref$stretching === void 0 ? 'filled' : _ref$stretching;
26
- var stretchingClass = classes["".concat(stretching, "Stretching")];
27
- return /*#__PURE__*/React.createElement(Root, {
28
- ref: outerRootRef,
29
- size: size,
30
- view: view,
31
- className: cx(stretchingClass, classes.cellRoot)
32
- }, contentLeft && /*#__PURE__*/React.createElement(CellLeft, {
33
- align: alignContentLeft
34
- }, contentLeft), /*#__PURE__*/React.createElement(CellContentWrapper, null, /*#__PURE__*/React.createElement(CellContent, null, title || description || subtitle || label ? /*#__PURE__*/React.createElement(CellTextbox, {
35
- label: label,
36
- description: description,
37
- title: title,
38
- subtitle: subtitle
39
- }) : children || content), contentRight && /*#__PURE__*/React.createElement(CellRight, {
40
- align: alignContentRight
41
- }, contentRight)));
42
- });
43
- };
44
- export var cellConfig = {
45
- name: 'Cell',
46
- tag: 'div',
47
- layout: cellRoot,
48
- base: base,
49
- variations: {
50
- view: {
51
- css: viewCSS
52
- },
53
- size: {
54
- css: sizeCSS
55
- }
56
- },
57
- defaults: {
58
- view: 'default',
59
- size: 'm'
60
- }
61
- };
@@ -1,27 +0,0 @@
1
- import styled from 'styled-components';
2
- import { css } from 'styled-components';
3
- import { tokens, classes } from './Cell.tokens';
4
- var alignToFlex = {
5
- center: 'center',
6
- top: 'flex-start',
7
- bottom: 'flex-end'
8
- };
9
- export var base = /*#__PURE__*/css(["&&.", "{width:var(", ");}&&.", "{width:100%;}&&.", "{width:auto;}"], classes.fixedStretching, tokens.cellWidth, classes.filledStretching, classes.autoStretching);
10
- export var CellContentWrapper = /*#__PURE__*/styled.div.withConfig({
11
- componentId: "plasma-new-hope__sc-16emz3n-0"
12
- })(["display:flex;flex:auto;justify-content:space-between;gap:var(", ");height:auto;"], tokens.cellGap);
13
- export var CellContent = /*#__PURE__*/styled.div.withConfig({
14
- componentId: "plasma-new-hope__sc-16emz3n-1"
15
- })(["display:flex;align-items:center;height:auto;"]);
16
- export var CellLeft = /*#__PURE__*/styled.div.withConfig({
17
- componentId: "plasma-new-hope__sc-16emz3n-2"
18
- })(["display:flex;align-items:", ";"], function (_ref) {
19
- var align = _ref.align;
20
- return alignToFlex[align];
21
- });
22
- export var CellRight = /*#__PURE__*/styled.div.withConfig({
23
- componentId: "plasma-new-hope__sc-16emz3n-3"
24
- })(["display:flex;align-items:", ";text-align:right;"], function (_ref2) {
25
- var align = _ref2.align;
26
- return alignToFlex[align];
27
- });
@@ -1,42 +0,0 @@
1
- export 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
- export 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
- };
@@ -1 +0,0 @@
1
- export {};
@@ -1,13 +0,0 @@
1
- import React from 'react';
2
- import { CellTextboxStyled } from './CellTextbox.styles';
3
- import { CellTextboxLabel } from './ui/CellTextLabel';
4
- import { CellTextboxTitle } from './ui/CellTextTitle';
5
- import { CellTextboxSubtitle } from './ui/CellTextSubtitle';
6
- export var CellTextbox = function CellTextbox(_ref) {
7
- var label = _ref.label,
8
- title = _ref.title,
9
- subtitle = _ref.subtitle,
10
- description = _ref.description,
11
- children = _ref.children;
12
- return /*#__PURE__*/React.createElement(CellTextboxStyled, null, label || title || description || subtitle ? /*#__PURE__*/React.createElement(React.Fragment, null, label && /*#__PURE__*/React.createElement(CellTextboxLabel, null, label), (title || description) && /*#__PURE__*/React.createElement(CellTextboxTitle, null, title || description), subtitle && /*#__PURE__*/React.createElement(CellTextboxSubtitle, null, subtitle)) : children);
13
- };
@@ -1,5 +0,0 @@
1
- import styled from 'styled-components';
2
- import { tokens } from '../Cell.tokens';
3
- export var CellTextboxStyled = /*#__PURE__*/styled.div.withConfig({
4
- componentId: "plasma-new-hope__sc-1ts73cj-0"
5
- })(["display:flex;flex-direction:column;gap:var(", ");"], tokens.cellTextboxGap);
@@ -1,9 +0,0 @@
1
- import React from 'react';
2
- import styled from 'styled-components';
3
- import { tokens } from '../../Cell.tokens';
4
- var StyledTextLabel = /*#__PURE__*/styled.div.withConfig({
5
- componentId: "plasma-new-hope__sc-1syy9dx-0"
6
- })(["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);
7
- export var CellTextboxLabel = function CellTextboxLabel(props) {
8
- return /*#__PURE__*/React.createElement(StyledTextLabel, null, props.children);
9
- };
@@ -1,9 +0,0 @@
1
- import React from 'react';
2
- import styled from 'styled-components';
3
- import { tokens } from '../../Cell.tokens';
4
- var StyledTextSubtitle = /*#__PURE__*/styled.div.withConfig({
5
- componentId: "plasma-new-hope__sc-ulqa2a-0"
6
- })(["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);
7
- export var CellTextboxSubtitle = function CellTextboxSubtitle(props) {
8
- return /*#__PURE__*/React.createElement(StyledTextSubtitle, null, props.children);
9
- };
@@ -1,9 +0,0 @@
1
- import React from 'react';
2
- import styled from 'styled-components';
3
- import { tokens } from '../../Cell.tokens';
4
- var StyledTextTitle = /*#__PURE__*/styled.div.withConfig({
5
- componentId: "plasma-new-hope__sc-o4ebas-0"
6
- })(["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);
7
- export var CellTextboxTitle = function CellTextboxTitle(props) {
8
- return /*#__PURE__*/React.createElement(StyledTextTitle, null, props.children);
9
- };
@@ -1,6 +0,0 @@
1
- export { CellTextboxLabel } from './CellTextbox/ui/CellTextLabel';
2
- export { CellTextboxTitle } from './CellTextbox/ui/CellTextTitle';
3
- export { CellTextboxSubtitle } from './CellTextbox/ui/CellTextSubtitle';
4
- export { cellRoot, cellConfig } from './Cell';
5
- export { tokens as cellTokens, classes as cellClasses } from './Cell.tokens';
6
- export { CellTextbox } from './CellTextbox/CellTextbox';
@@ -1,2 +0,0 @@
1
- import { css } from 'styled-components';
2
- export var base = /*#__PURE__*/css([""]);
@@ -1 +0,0 @@
1
- ["--plasma-cell-left-height", "--plasma-cell-right-height", "--plasma-cell-height"]
@@ -1,3 +0,0 @@
1
- import { css } from 'styled-components';
2
- import { classes, tokens } from '../../Cell.tokens';
3
- export var base = /*#__PURE__*/css(["&.", "{width:var(", ");}&.", "{width:100%;}&.", "{width:auto;}"], classes.fixedStretching, tokens.cellWidth, classes.filledStretching, classes.autoStretching);
@@ -1 +0,0 @@
1
- ["--plasma-button-width"]
@@ -1,3 +0,0 @@
1
- import { css } from 'styled-components';
2
- import { tokens } from '../../Cell.tokens';
3
- export var base = /*#__PURE__*/css(["color:var(", ");background-color:var(", ");width:100%;display:flex;align-items:center;gap:var(", ");&:focus{outline:0 none;}"], tokens.cellColor, tokens.cellBackgroundColor, tokens.cellGap);
@@ -1 +0,0 @@
1
- ["--plasma-cell-color", "--plasma-cell-background-color"]
@@ -1,15 +0,0 @@
1
- import { css } from 'styled-components';
2
- import { cellTokens } from '../../../../components/Cell';
3
- export var config = {
4
- variations: {
5
- view: {
6
- "default": /*#__PURE__*/css(["", ":var(--text-primary);", ":var(--text-secondary);", ":var(--text-primary);", ":var(--text-secondary);", ":transparent;"], cellTokens.cellColor, cellTokens.cellLabelColor, cellTokens.cellTitleColor, cellTokens.cellSubtitleColor, cellTokens.cellBackgroundColor)
7
- },
8
- size: {
9
- l: /*#__PURE__*/css(["", ":15rem;", ":0rem;", ":0rem;", ":0rem;", ":0rem;", ":0.125rem;", ":0.375rem;", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);"], cellTokens.cellWidth, cellTokens.cellPadding, cellTokens.cellPaddingLeftContent, cellTokens.cellPaddingContent, cellTokens.cellPaddingRightContent, cellTokens.cellTextboxGap, cellTokens.cellGap, cellTokens.cellLabelFontFamily, cellTokens.cellLabelFontSize, cellTokens.cellLabelFontStyle, cellTokens.cellLabelFontWeight, cellTokens.cellLabelLetterSpacing, cellTokens.cellLabelLineHeight, cellTokens.cellTitleFontFamily, cellTokens.cellTitleFontSize, cellTokens.cellTitleFontStyle, cellTokens.cellTitleFontWeight, cellTokens.cellTitleLetterSpacing, cellTokens.cellTitleLineHeight, cellTokens.cellSubtitleFontFamily, cellTokens.cellSubtitleFontSize, cellTokens.cellSubtitleFontStyle, cellTokens.cellSubtitleFontWeight, cellTokens.cellSubtitleLetterSpacing, cellTokens.cellSubtitleLineHeight),
10
- m: /*#__PURE__*/css(["", ":15rem;", ":0rem;", ":0rem;", ":0rem;", ":0rem;", ":0.125rem;", ":0.375rem;", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);"], cellTokens.cellWidth, cellTokens.cellPadding, cellTokens.cellPaddingLeftContent, cellTokens.cellPaddingContent, cellTokens.cellPaddingRightContent, cellTokens.cellTextboxGap, cellTokens.cellGap, cellTokens.cellLabelFontFamily, cellTokens.cellLabelFontSize, cellTokens.cellLabelFontStyle, cellTokens.cellLabelFontWeight, cellTokens.cellLabelLetterSpacing, cellTokens.cellLabelLineHeight, cellTokens.cellTitleFontFamily, cellTokens.cellTitleFontSize, cellTokens.cellTitleFontStyle, cellTokens.cellTitleFontWeight, cellTokens.cellTitleLetterSpacing, cellTokens.cellTitleLineHeight, cellTokens.cellSubtitleFontFamily, cellTokens.cellSubtitleFontSize, cellTokens.cellSubtitleFontStyle, cellTokens.cellSubtitleFontWeight, cellTokens.cellSubtitleLetterSpacing, cellTokens.cellSubtitleLineHeight),
11
- s: /*#__PURE__*/css(["", ":15rem;", ":0rem;", ":0rem;", ":0rem;", ":0rem;", ":0.125rem;", ":0.375rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);"], cellTokens.cellWidth, cellTokens.cellPadding, cellTokens.cellPaddingLeftContent, cellTokens.cellPaddingContent, cellTokens.cellPaddingRightContent, cellTokens.cellTextboxGap, cellTokens.cellGap, cellTokens.cellLabelFontFamily, cellTokens.cellLabelFontSize, cellTokens.cellLabelFontStyle, cellTokens.cellLabelFontWeight, cellTokens.cellLabelLetterSpacing, cellTokens.cellLabelLineHeight, cellTokens.cellTitleFontFamily, cellTokens.cellTitleFontSize, cellTokens.cellTitleFontStyle, cellTokens.cellTitleFontWeight, cellTokens.cellTitleLetterSpacing, cellTokens.cellTitleLineHeight, cellTokens.cellSubtitleFontFamily, cellTokens.cellSubtitleFontSize, cellTokens.cellSubtitleFontStyle, cellTokens.cellSubtitleFontWeight, cellTokens.cellSubtitleLetterSpacing, cellTokens.cellSubtitleLineHeight),
12
- xs: /*#__PURE__*/css(["", ":15rem;", ":0rem;", ":0rem;", ":0rem;", ":0rem;", ":0.125rem;", ":0.25rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);"], cellTokens.cellWidth, cellTokens.cellPadding, cellTokens.cellPaddingLeftContent, cellTokens.cellPaddingContent, cellTokens.cellPaddingRightContent, cellTokens.cellTextboxGap, cellTokens.cellGap, cellTokens.cellLabelFontFamily, cellTokens.cellLabelFontSize, cellTokens.cellLabelFontStyle, cellTokens.cellLabelFontWeight, cellTokens.cellLabelLetterSpacing, cellTokens.cellLabelLineHeight, cellTokens.cellTitleFontFamily, cellTokens.cellTitleFontSize, cellTokens.cellTitleFontStyle, cellTokens.cellTitleFontWeight, cellTokens.cellTitleLetterSpacing, cellTokens.cellTitleLineHeight, cellTokens.cellSubtitleFontFamily, cellTokens.cellSubtitleFontSize, cellTokens.cellSubtitleFontStyle, cellTokens.cellSubtitleFontWeight, cellTokens.cellSubtitleLetterSpacing, cellTokens.cellSubtitleLineHeight)
13
- }
14
- }
15
- };
@@ -1,6 +0,0 @@
1
- import { cellConfig, CellTextbox, CellTextboxLabel, CellTextboxSubtitle, CellTextboxTitle } from '../../../../components/Cell';
2
- import { component, mergeConfig } from '../../../../engines';
3
- import { config } from './Cell.config';
4
- var mergedConfig = /*#__PURE__*/mergeConfig(cellConfig, config);
5
- export var Cell = /*#__PURE__*/component(mergedConfig);
6
- export { CellTextbox, CellTextboxLabel, CellTextboxSubtitle, CellTextboxTitle };