@salutejs/plasma-new-hope 0.69.0-canary.1148.8507402029.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,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;", ":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);"], cellTokens.cellWidth, cellTokens.cellPadding, cellTokens.cellPaddingLeftContent, cellTokens.cellPaddingContent, cellTokens.cellPaddingRightContent, cellTokens.cellTextboxGap, cellTokens.cellGap, 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 { component, mergeConfig } from '../../../../engines';
2
- import { cellConfig, CellTextbox, CellTextboxLabel, CellTextboxSubtitle, CellTextboxTitle } from '../../../../components/Cell';
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 };
@@ -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,23 +0,0 @@
1
- import React from 'react';
2
- import { RootProps } from '../../engines';
3
- import type { CellProps } from './Cell.types';
4
- export declare const cellRoot: (Root: RootProps<HTMLSelectElement, CellProps>) => React.ForwardRefExoticComponent<CellProps & React.RefAttributes<HTMLSelectElement>>;
5
- export declare const cellConfig: {
6
- name: string;
7
- tag: string;
8
- layout: (Root: RootProps<HTMLSelectElement, CellProps>) => React.ForwardRefExoticComponent<CellProps & React.RefAttributes<HTMLSelectElement>>;
9
- base: import("@linaria/core").LinariaClassName;
10
- variations: {
11
- view: {
12
- css: import("@linaria/core").LinariaClassName;
13
- };
14
- size: {
15
- css: import("@linaria/core").LinariaClassName;
16
- };
17
- };
18
- defaults: {
19
- view: string;
20
- size: string;
21
- };
22
- };
23
- //# sourceMappingURL=Cell.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Cell.d.ts","sourceRoot":"","sources":["../../../src/components/Cell/Cell.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAE1C,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAG1C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAO9C,eAAO,MAAM,QAAQ,SAAU,UAAU,iBAAiB,EAAE,SAAS,CAAC,wFA0CjE,CAAC;AAEN,eAAO,MAAM,UAAU;;;mBA5CQ,UAAU,iBAAiB,EAAE,SAAS,CAAC;;;;;;;;;;;;;;CA6DrE,CAAC"}
@@ -1,11 +0,0 @@
1
- import type { AlignProp } from './Cell.types';
2
- export declare const base: import("@linaria/core").LinariaClassName;
3
- export declare const CellContentWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
4
- export declare const CellContent: import("styled-components").StyledComponent<"div", any, {}, never>;
5
- export declare const CellLeft: import("styled-components").StyledComponent<"div", any, {
6
- align: AlignProp;
7
- }, never>;
8
- export declare const CellRight: import("styled-components").StyledComponent<"div", any, {
9
- align: AlignProp;
10
- }, never>;
11
- //# sourceMappingURL=Cell.styles.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Cell.styles.d.ts","sourceRoot":"","sources":["../../../src/components/Cell/Cell.styles.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAS9C,eAAO,MAAM,IAAI,0CAUhB,CAAC;AAEF,eAAO,MAAM,kBAAkB,oEAM9B,CAAC;AAEF,eAAO,MAAM,WAAW,oEAIvB,CAAC;AAEF,eAAO,MAAM,QAAQ;WAAuB,SAAS;SAGpD,CAAC;AAEF,eAAO,MAAM,SAAS;WAAuB,SAAS;SAIrD,CAAC"}
@@ -1,43 +0,0 @@
1
- export declare const tokens: {
2
- cellColor: string;
3
- cellBackgroundColor: string;
4
- cellPadding: string;
5
- cellPaddingLeftContent: string;
6
- cellPaddingContent: string;
7
- cellPaddingRightContent: string;
8
- cellTextboxGap: string;
9
- cellGap: string;
10
- cellWidth: string;
11
- cellLabelColor: string;
12
- cellLabelFontFamily: string;
13
- cellLabelFontSize: string;
14
- cellLabelFontStyle: string;
15
- cellLabelFontWeight: string;
16
- cellLabelLetterSpacing: string;
17
- cellLabelLineHeight: string;
18
- cellTitleColor: string;
19
- cellTitleFontFamily: string;
20
- cellTitleFontSize: string;
21
- cellTitleFontStyle: string;
22
- cellTitleFontWeight: string;
23
- cellTitleLetterSpacing: string;
24
- cellTitleLineHeight: string;
25
- cellSubtitleColor: string;
26
- cellSubtitleFontFamily: string;
27
- cellSubtitleFontSize: string;
28
- cellSubtitleFontStyle: string;
29
- cellSubtitleFontWeight: string;
30
- cellSubtitleLetterSpacing: string;
31
- cellSubtitleLineHeight: string;
32
- };
33
- export declare const classes: {
34
- autoStretching: string;
35
- filledStretching: string;
36
- fixedStretching: string;
37
- cellWrapper: string;
38
- cellRoot: string;
39
- cellContent: string;
40
- cellLeftContent: string;
41
- cellRightContent: string;
42
- };
43
- //# sourceMappingURL=Cell.tokens.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Cell.tokens.d.ts","sourceRoot":"","sources":["../../../src/components/Cell/Cell.tokens.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqClB,CAAC;AAEF,eAAO,MAAM,OAAO;;;;;;;;;CAUnB,CAAC"}
@@ -1,46 +0,0 @@
1
- import type { ReactNode } from 'react';
2
- import type { CellTextboxProps } from './CellTextbox/CellTextbox.types';
3
- export declare type AlignProp = 'center' | 'top' | 'bottom';
4
- declare type CustomCellProps = {
5
- /**
6
- * Размер
7
- */
8
- size?: string;
9
- /**
10
- * Размер
11
- */
12
- view: string;
13
- /**
14
- * Слот для контента слева, например `Icon`
15
- */
16
- contentLeft?: ReactNode;
17
- /**
18
- * Слот для контента спарва, например `Icon`
19
- */
20
- contentRight?: ReactNode;
21
- /**
22
- * Вертикальное выравнивание контента слева.
23
- */
24
- alignContentLeft?: AlignProp;
25
- /**
26
- * Вертикальное выравнивание контента справа.
27
- */
28
- alignContentRight?: AlignProp;
29
- /**
30
- * Ширина cell
31
- * @description
32
- * Может принимать три значения:
33
- * fixed - кнопка фиксированной ширины;
34
- * filled - кнопка занимает всю доступную ширину
35
- * auto - кнопка растягивается в зависимости от контента
36
- */
37
- stretching?: 'fixed' | 'filled' | 'auto';
38
- /**
39
- * Свойство устарело, вместо этого нужно использовать contentLeft
40
- * @deprecated
41
- */
42
- content?: ReactNode;
43
- };
44
- export declare type CellProps = CustomCellProps & CellTextboxProps;
45
- export {};
46
- //# sourceMappingURL=Cell.types.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Cell.types.d.ts","sourceRoot":"","sources":["../../../src/components/Cell/Cell.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,iCAAiC,CAAC;AAExE,oBAAY,SAAS,GAAG,QAAQ,GAAG,KAAK,GAAG,QAAQ,CAAC;AAEpD,aAAK,eAAe,GAAG;IACnB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd;;OAEG;IACH,IAAI,EAAE,MAAM,CAAC;IAEb;;OAEG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC;IAExB;;OAEG;IACH,YAAY,CAAC,EAAE,SAAS,CAAC;IAEzB;;OAEG;IACH,gBAAgB,CAAC,EAAE,SAAS,CAAC;IAE7B;;OAEG;IACH,iBAAiB,CAAC,EAAE,SAAS,CAAC;IAE9B;;;;;;;OAOG;IACH,UAAU,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAC;IAEzC;;;OAGG;IACH,OAAO,CAAC,EAAE,SAAS,CAAC;CACvB,CAAC;AAEF,oBAAY,SAAS,GAAG,eAAe,GAAG,gBAAgB,CAAC"}
@@ -1,4 +0,0 @@
1
- import React, { HTMLAttributes } from 'react';
2
- import type { CellTextboxProps } from './CellTextbox.types';
3
- export declare const CellTextbox: React.FC<HTMLAttributes<HTMLDivElement> & CellTextboxProps>;
4
- //# sourceMappingURL=CellTextbox.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"CellTextbox.d.ts","sourceRoot":"","sources":["../../../../src/components/Cell/CellTextbox/CellTextbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE9C,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAM5D,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAAC,cAAc,CAAC,GAAG,gBAAgB,CAoBnF,CAAC"}
@@ -1,2 +0,0 @@
1
- export declare const CellTextboxStyled: import("styled-components").StyledComponent<"div", any, {}, never>;
2
- //# sourceMappingURL=CellTextbox.styles.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"CellTextbox.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Cell/CellTextbox/CellTextbox.styles.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,iBAAiB,oEAI7B,CAAC"}
@@ -1,43 +0,0 @@
1
- import type { HTMLAttributes, ReactNode } from 'react';
2
- declare type CustomTextboxProps = {
3
- /**
4
- * Слот для Title
5
- */
6
- title?: ReactNode;
7
- /**
8
- * Слот для Subtitle
9
- */
10
- subtitle?: ReactNode;
11
- /**
12
- * Слот для Label
13
- */
14
- label?: ReactNode;
15
- /**
16
- * Свойство устарело, вместо этого нужно использовать title
17
- * @deprecated
18
- */
19
- description?: ReactNode;
20
- children?: never;
21
- } | {
22
- /**
23
- * Слот для Title
24
- */
25
- title?: never;
26
- /**
27
- * Слот для Subtitle
28
- */
29
- subtitle?: never;
30
- /**
31
- * Слот для Label
32
- */
33
- label?: never;
34
- /**
35
- * Свойство устарело, вместо этого нужно использовать title
36
- * @deprecated
37
- */
38
- description?: never;
39
- children?: ReactNode;
40
- };
41
- export declare type CellTextboxProps = HTMLAttributes<HTMLDivElement> & CustomTextboxProps;
42
- export {};
43
- //# sourceMappingURL=CellTextbox.types.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"CellTextbox.types.d.ts","sourceRoot":"","sources":["../../../../src/components/Cell/CellTextbox/CellTextbox.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvD,aAAK,kBAAkB,GACjB;IACI;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAElB;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IAErB;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAElB;;;OAGG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC;IAExB,QAAQ,CAAC,EAAE,KAAK,CAAC;CACpB,GACD;IACI;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC;IAEd;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC;IAEjB;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC;IAEd;;;OAGG;IACH,WAAW,CAAC,EAAE,KAAK,CAAC;IAEpB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACxB,CAAC;AAER,oBAAY,gBAAgB,GAAG,cAAc,CAAC,cAAc,CAAC,GAAG,kBAAkB,CAAC"}
@@ -1,5 +0,0 @@
1
- import React, { HTMLAttributes } from 'react';
2
- declare type TextLabelProps = {};
3
- export declare const CellTextboxLabel: React.FC<HTMLAttributes<HTMLDivElement> & TextLabelProps>;
4
- export {};
5
- //# sourceMappingURL=CellTextLabel.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"CellTextLabel.d.ts","sourceRoot":"","sources":["../../../../../src/components/Cell/CellTextbox/ui/CellTextLabel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAe9C,aAAK,cAAc,GAAG,EAAE,CAAC;AAEzB,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAAC,cAAc,CAAC,GAAG,cAAc,CAEtF,CAAC"}
@@ -1,5 +0,0 @@
1
- import React, { HTMLAttributes } from 'react';
2
- declare type TextSubtitleProps = {};
3
- export declare const CellTextboxSubtitle: React.FC<HTMLAttributes<HTMLDivElement> & TextSubtitleProps>;
4
- export {};
5
- //# sourceMappingURL=CellTextSubtitle.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"CellTextSubtitle.d.ts","sourceRoot":"","sources":["../../../../../src/components/Cell/CellTextbox/ui/CellTextSubtitle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAe9C,aAAK,iBAAiB,GAAG,EAAE,CAAC;AAE5B,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAAC,cAAc,CAAC,GAAG,iBAAiB,CAE5F,CAAC"}
@@ -1,5 +0,0 @@
1
- import React, { HTMLAttributes } from 'react';
2
- declare type TextTitleProps = {};
3
- export declare const CellTextboxTitle: React.FC<HTMLAttributes<HTMLDivElement> & TextTitleProps>;
4
- export {};
5
- //# sourceMappingURL=CellTextTitle.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"CellTextTitle.d.ts","sourceRoot":"","sources":["../../../../../src/components/Cell/CellTextbox/ui/CellTextTitle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAe9C,aAAK,cAAc,GAAG,EAAE,CAAC;AAEzB,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAAC,cAAc,CAAC,GAAG,cAAc,CAEtF,CAAC"}
@@ -1,9 +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 type { CellProps } from './Cell.types';
6
- export { tokens as cellTokens, classes as cellClasses } from './Cell.tokens';
7
- export { CellTextbox } from './CellTextbox/CellTextbox';
8
- export type { CellTextboxProps } from './CellTextbox/CellTextbox.types';
9
- //# sourceMappingURL=index.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Cell/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,gCAAgC,CAAC;AAClE,OAAO,EAAE,gBAAgB,EAAE,MAAM,gCAAgC,CAAC;AAClE,OAAO,EAAE,mBAAmB,EAAE,MAAM,mCAAmC,CAAC;AAExE,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,QAAQ,CAAC;AAC9C,YAAY,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAC9C,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC;AAE7E,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AACxD,YAAY,EAAE,gBAAgB,EAAE,MAAM,iCAAiC,CAAC"}
@@ -1,2 +0,0 @@
1
- export declare const base: import("@linaria/core").LinariaClassName;
2
- //# sourceMappingURL=base.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"base.d.ts","sourceRoot":"","sources":["../../../../../src/components/Cell/variations/_size/base.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,IAAI,0CAAQ,CAAC"}
@@ -1,2 +0,0 @@
1
- export declare const base: import("@linaria/core").LinariaClassName;
2
- //# sourceMappingURL=base.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"base.d.ts","sourceRoot":"","sources":["../../../../../src/components/Cell/variations/_stretching/base.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,IAAI,0CAUhB,CAAC"}
@@ -1,2 +0,0 @@
1
- export declare const base: import("@linaria/core").LinariaClassName;
2
- //# sourceMappingURL=base.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"base.d.ts","sourceRoot":"","sources":["../../../../../src/components/Cell/variations/_view/base.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,IAAI,0CAYhB,CAAC"}
@@ -1,14 +0,0 @@
1
- export declare const config: {
2
- variations: {
3
- view: {
4
- default: import("@linaria/core").LinariaClassName;
5
- };
6
- size: {
7
- l: import("@linaria/core").LinariaClassName;
8
- m: import("@linaria/core").LinariaClassName;
9
- s: import("@linaria/core").LinariaClassName;
10
- xs: import("@linaria/core").LinariaClassName;
11
- };
12
- };
13
- };
14
- //# sourceMappingURL=Cell.config.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Cell.config.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_b2c/components/Cell/Cell.config.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,MAAM;;;;;;;;;;;;CA8IlB,CAAC"}
@@ -1,45 +0,0 @@
1
- /// <reference types="react" />
2
- import { CellTextbox, CellTextboxLabel, CellTextboxSubtitle, CellTextboxTitle } from '../../../../components/Cell';
3
- export declare const Cell: import("react").FunctionComponent<import("../../../../engines/types").PropsType<{
4
- view: {
5
- default: import("@linaria/core").LinariaClassName;
6
- };
7
- size: {
8
- l: import("@linaria/core").LinariaClassName;
9
- m: import("@linaria/core").LinariaClassName;
10
- s: import("@linaria/core").LinariaClassName;
11
- xs: import("@linaria/core").LinariaClassName;
12
- };
13
- }> & (({
14
- size?: string | undefined;
15
- view: string;
16
- contentLeft?: import("react").ReactNode;
17
- contentRight?: import("react").ReactNode;
18
- alignContentLeft?: import("../../../../components/Cell/Cell.types").AlignProp | undefined;
19
- alignContentRight?: import("../../../../components/Cell/Cell.types").AlignProp | undefined;
20
- stretching?: "fixed" | "auto" | "filled" | undefined;
21
- content?: import("react").ReactNode;
22
- } & import("react").HTMLAttributes<HTMLDivElement> & {
23
- title?: import("react").ReactNode;
24
- subtitle?: import("react").ReactNode;
25
- label?: import("react").ReactNode;
26
- description?: import("react").ReactNode;
27
- children?: undefined;
28
- } & import("react").RefAttributes<HTMLSelectElement>) | ({
29
- size?: string | undefined;
30
- view: string;
31
- contentLeft?: import("react").ReactNode;
32
- contentRight?: import("react").ReactNode;
33
- alignContentLeft?: import("../../../../components/Cell/Cell.types").AlignProp | undefined;
34
- alignContentRight?: import("../../../../components/Cell/Cell.types").AlignProp | undefined;
35
- stretching?: "fixed" | "auto" | "filled" | undefined;
36
- content?: import("react").ReactNode;
37
- } & import("react").HTMLAttributes<HTMLDivElement> & {
38
- title?: undefined;
39
- subtitle?: undefined;
40
- label?: undefined;
41
- description?: undefined;
42
- children?: import("react").ReactNode;
43
- } & import("react").RefAttributes<HTMLSelectElement>))>;
44
- export { CellTextbox, CellTextboxLabel, CellTextboxSubtitle, CellTextboxTitle };
45
- //# sourceMappingURL=Cell.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Cell.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_b2c/components/Cell/Cell.ts"],"names":[],"mappings":";AAAA,OAAO,EAEH,WAAW,EACX,gBAAgB,EAChB,mBAAmB,EACnB,gBAAgB,EACnB,MAAM,6BAA6B,CAAC;AAMrC,eAAO,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;uDAA0B,CAAC;AAC5C,OAAO,EAAE,WAAW,EAAE,gBAAgB,EAAE,mBAAmB,EAAE,gBAAgB,EAAE,CAAC"}