@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.
- package/cjs/index.css +0 -4
- package/cjs/index.js +0 -14
- package/cjs/index.js.map +1 -1
- package/es/index.css +0 -4
- package/es/index.js +0 -6
- package/es/index.js.map +1 -1
- package/package.json +2 -2
- package/styled-components/cjs/examples/plasma_b2c/components/Chip/Chip.config.js +2 -1
- package/styled-components/cjs/examples/plasma_web/components/Chip/Chip.config.js +2 -1
- package/styled-components/cjs/index.js +0 -11
- package/styled-components/es/examples/plasma_b2c/components/Chip/Chip.config.js +2 -1
- package/styled-components/es/examples/plasma_web/components/Chip/Chip.config.js +2 -1
- package/styled-components/es/index.js +0 -1
- package/types/components/Chip/Chip.d.ts +2 -26
- package/types/components/Chip/Chip.d.ts.map +1 -1
- package/types/components/Chip/Chip.types.d.ts +5 -6
- package/types/components/Chip/Chip.types.d.ts.map +1 -1
- package/types/components/Combobox/ui/ComboboxChip/ComboboxChip.styles.d.ts +1 -13
- package/types/components/Combobox/ui/ComboboxChip/ComboboxChip.styles.d.ts.map +1 -1
- package/types/components/Indicator/Indicator.d.ts +2 -2
- package/types/components/Select/ui/SelectChip/SelectChip.styles.d.ts +1 -13
- package/types/components/Select/ui/SelectChip/SelectChip.styles.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/Chip/Chip.config.d.ts +1 -0
- package/types/examples/plasma_b2c/components/Chip/Chip.config.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/Chip/Chip.d.ts +2 -13
- package/types/examples/plasma_b2c/components/Chip/Chip.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/Combobox/Combobox.d.ts +2 -2
- package/types/examples/plasma_b2c/components/Indicator/Indicator.d.ts +2 -2
- package/types/examples/plasma_web/components/Chip/Chip.config.d.ts +1 -0
- package/types/examples/plasma_web/components/Chip/Chip.config.d.ts.map +1 -1
- package/types/examples/plasma_web/components/Chip/Chip.d.ts +2 -13
- package/types/examples/plasma_web/components/Chip/Chip.d.ts.map +1 -1
- package/types/examples/plasma_web/components/Combobox/Combobox.d.ts +2 -2
- package/types/examples/plasma_web/components/Indicator/Indicator.d.ts +2 -2
- package/types/examples/sds_engineer/components/Chip/Chip.d.ts +1 -13
- package/types/examples/sds_engineer/components/Chip/Chip.d.ts.map +1 -1
- package/types/index.d.ts +0 -1
- package/types/index.d.ts.map +1 -1
- package/cjs/components/Cell/Cell.css +0 -3
- package/cjs/components/Cell/Cell.js +0 -70
- package/cjs/components/Cell/Cell.js.map +0 -1
- package/cjs/components/Cell/Cell.styles.js +0 -39
- package/cjs/components/Cell/Cell.styles.js.map +0 -1
- package/cjs/components/Cell/Cell.styles_ygfo1w.css +0 -1
- package/cjs/components/Cell/Cell.tokens.js +0 -50
- package/cjs/components/Cell/Cell.tokens.js.map +0 -1
- package/cjs/components/Cell/CellTextbox/CellTextbox.js +0 -21
- package/cjs/components/Cell/CellTextbox/CellTextbox.js.map +0 -1
- package/cjs/components/Cell/CellTextbox/CellTextbox.styles.js +0 -13
- package/cjs/components/Cell/CellTextbox/CellTextbox.styles.js.map +0 -1
- package/cjs/components/Cell/CellTextbox/ui/CellTextLabel.js +0 -17
- package/cjs/components/Cell/CellTextbox/ui/CellTextLabel.js.map +0 -1
- package/cjs/components/Cell/CellTextbox/ui/CellTextSubtitle.js +0 -17
- package/cjs/components/Cell/CellTextbox/ui/CellTextSubtitle.js.map +0 -1
- package/cjs/components/Cell/CellTextbox/ui/CellTextTitle.js +0 -17
- package/cjs/components/Cell/CellTextbox/ui/CellTextTitle.js.map +0 -1
- package/cjs/components/Cell/variations/_size/base.js +0 -9
- package/cjs/components/Cell/variations/_size/base.js.map +0 -1
- package/cjs/components/Cell/variations/_size/base_x642ct.css +0 -1
- package/cjs/components/Cell/variations/_view/base.js +0 -9
- package/cjs/components/Cell/variations/_view/base.js.map +0 -1
- package/cjs/components/Cell/variations/_view/base_13f5j4a.css +0 -1
- package/es/components/Cell/Cell.css +0 -3
- package/es/components/Cell/Cell.js +0 -65
- package/es/components/Cell/Cell.js.map +0 -1
- package/es/components/Cell/Cell.styles.js +0 -31
- package/es/components/Cell/Cell.styles.js.map +0 -1
- package/es/components/Cell/Cell.styles_ygfo1w.css +0 -1
- package/es/components/Cell/Cell.tokens.js +0 -45
- package/es/components/Cell/Cell.tokens.js.map +0 -1
- package/es/components/Cell/CellTextbox/CellTextbox.js +0 -17
- package/es/components/Cell/CellTextbox/CellTextbox.js.map +0 -1
- package/es/components/Cell/CellTextbox/CellTextbox.styles.js +0 -9
- package/es/components/Cell/CellTextbox/CellTextbox.styles.js.map +0 -1
- package/es/components/Cell/CellTextbox/ui/CellTextLabel.js +0 -13
- package/es/components/Cell/CellTextbox/ui/CellTextLabel.js.map +0 -1
- package/es/components/Cell/CellTextbox/ui/CellTextSubtitle.js +0 -13
- package/es/components/Cell/CellTextbox/ui/CellTextSubtitle.js.map +0 -1
- package/es/components/Cell/CellTextbox/ui/CellTextTitle.js +0 -13
- package/es/components/Cell/CellTextbox/ui/CellTextTitle.js.map +0 -1
- package/es/components/Cell/variations/_size/base.js +0 -5
- package/es/components/Cell/variations/_size/base.js.map +0 -1
- package/es/components/Cell/variations/_size/base_x642ct.css +0 -1
- package/es/components/Cell/variations/_view/base.js +0 -5
- package/es/components/Cell/variations/_view/base.js.map +0 -1
- package/es/components/Cell/variations/_view/base_13f5j4a.css +0 -1
- package/styled-components/cjs/components/Cell/Cell.js +0 -70
- package/styled-components/cjs/components/Cell/Cell.styles.js +0 -35
- package/styled-components/cjs/components/Cell/Cell.tokens.js +0 -48
- package/styled-components/cjs/components/Cell/Cell.types.js +0 -5
- package/styled-components/cjs/components/Cell/CellTextbox/CellTextbox.js +0 -20
- package/styled-components/cjs/components/Cell/CellTextbox/CellTextbox.styles.js +0 -12
- package/styled-components/cjs/components/Cell/CellTextbox/CellTextbox.types.js +0 -5
- package/styled-components/cjs/components/Cell/CellTextbox/ui/CellTextLabel.js +0 -16
- package/styled-components/cjs/components/Cell/CellTextbox/ui/CellTextSubtitle.js +0 -16
- package/styled-components/cjs/components/Cell/CellTextbox/ui/CellTextTitle.js +0 -16
- package/styled-components/cjs/components/Cell/index.js +0 -59
- package/styled-components/cjs/components/Cell/variations/_size/base.js +0 -8
- package/styled-components/cjs/components/Cell/variations/_size/tokens.json +0 -1
- package/styled-components/cjs/components/Cell/variations/_stretching/base.js +0 -9
- package/styled-components/cjs/components/Cell/variations/_stretching/tokens.json +0 -1
- package/styled-components/cjs/components/Cell/variations/_view/base.js +0 -9
- package/styled-components/cjs/components/Cell/variations/_view/tokens.json +0 -1
- package/styled-components/cjs/examples/plasma_b2c/components/Cell/Cell.config.js +0 -21
- package/styled-components/cjs/examples/plasma_b2c/components/Cell/Cell.js +0 -35
- package/styled-components/cjs/examples/plasma_b2c/components/Cell/Cell.stories.tsx +0 -128
- package/styled-components/cjs/examples/plasma_web/components/Cell/Cell.config.js +0 -21
- package/styled-components/cjs/examples/plasma_web/components/Cell/Cell.js +0 -35
- package/styled-components/cjs/examples/plasma_web/components/Cell/Cell.stories.tsx +0 -128
- package/styled-components/es/components/Cell/Cell.js +0 -61
- package/styled-components/es/components/Cell/Cell.styles.js +0 -27
- package/styled-components/es/components/Cell/Cell.tokens.js +0 -42
- package/styled-components/es/components/Cell/Cell.types.js +0 -1
- package/styled-components/es/components/Cell/CellTextbox/CellTextbox.js +0 -13
- package/styled-components/es/components/Cell/CellTextbox/CellTextbox.styles.js +0 -5
- package/styled-components/es/components/Cell/CellTextbox/CellTextbox.types.js +0 -1
- package/styled-components/es/components/Cell/CellTextbox/ui/CellTextLabel.js +0 -9
- package/styled-components/es/components/Cell/CellTextbox/ui/CellTextSubtitle.js +0 -9
- package/styled-components/es/components/Cell/CellTextbox/ui/CellTextTitle.js +0 -9
- package/styled-components/es/components/Cell/index.js +0 -6
- package/styled-components/es/components/Cell/variations/_size/base.js +0 -2
- package/styled-components/es/components/Cell/variations/_size/tokens.json +0 -1
- package/styled-components/es/components/Cell/variations/_stretching/base.js +0 -3
- package/styled-components/es/components/Cell/variations/_stretching/tokens.json +0 -1
- package/styled-components/es/components/Cell/variations/_view/base.js +0 -3
- package/styled-components/es/components/Cell/variations/_view/tokens.json +0 -1
- package/styled-components/es/examples/plasma_b2c/components/Cell/Cell.config.js +0 -15
- package/styled-components/es/examples/plasma_b2c/components/Cell/Cell.js +0 -6
- package/styled-components/es/examples/plasma_b2c/components/Cell/Cell.stories.tsx +0 -128
- package/styled-components/es/examples/plasma_web/components/Cell/Cell.config.js +0 -15
- package/styled-components/es/examples/plasma_web/components/Cell/Cell.js +0 -6
- package/styled-components/es/examples/plasma_web/components/Cell/Cell.stories.tsx +0 -128
- package/types/components/Cell/Cell.d.ts +0 -23
- package/types/components/Cell/Cell.d.ts.map +0 -1
- package/types/components/Cell/Cell.styles.d.ts +0 -11
- package/types/components/Cell/Cell.styles.d.ts.map +0 -1
- package/types/components/Cell/Cell.tokens.d.ts +0 -43
- package/types/components/Cell/Cell.tokens.d.ts.map +0 -1
- package/types/components/Cell/Cell.types.d.ts +0 -46
- package/types/components/Cell/Cell.types.d.ts.map +0 -1
- package/types/components/Cell/CellTextbox/CellTextbox.d.ts +0 -4
- package/types/components/Cell/CellTextbox/CellTextbox.d.ts.map +0 -1
- package/types/components/Cell/CellTextbox/CellTextbox.styles.d.ts +0 -2
- package/types/components/Cell/CellTextbox/CellTextbox.styles.d.ts.map +0 -1
- package/types/components/Cell/CellTextbox/CellTextbox.types.d.ts +0 -43
- package/types/components/Cell/CellTextbox/CellTextbox.types.d.ts.map +0 -1
- package/types/components/Cell/CellTextbox/ui/CellTextLabel.d.ts +0 -5
- package/types/components/Cell/CellTextbox/ui/CellTextLabel.d.ts.map +0 -1
- package/types/components/Cell/CellTextbox/ui/CellTextSubtitle.d.ts +0 -5
- package/types/components/Cell/CellTextbox/ui/CellTextSubtitle.d.ts.map +0 -1
- package/types/components/Cell/CellTextbox/ui/CellTextTitle.d.ts +0 -5
- package/types/components/Cell/CellTextbox/ui/CellTextTitle.d.ts.map +0 -1
- package/types/components/Cell/index.d.ts +0 -9
- package/types/components/Cell/index.d.ts.map +0 -1
- package/types/components/Cell/variations/_size/base.d.ts +0 -2
- package/types/components/Cell/variations/_size/base.d.ts.map +0 -1
- package/types/components/Cell/variations/_stretching/base.d.ts +0 -2
- package/types/components/Cell/variations/_stretching/base.d.ts.map +0 -1
- package/types/components/Cell/variations/_view/base.d.ts +0 -2
- package/types/components/Cell/variations/_view/base.d.ts.map +0 -1
- package/types/examples/plasma_b2c/components/Cell/Cell.config.d.ts +0 -14
- package/types/examples/plasma_b2c/components/Cell/Cell.config.d.ts.map +0 -1
- package/types/examples/plasma_b2c/components/Cell/Cell.d.ts +0 -45
- package/types/examples/plasma_b2c/components/Cell/Cell.d.ts.map +0 -1
- package/types/examples/plasma_web/components/Cell/Cell.config.d.ts +0 -14
- package/types/examples/plasma_web/components/Cell/Cell.config.d.ts.map +0 -1
- package/types/examples/plasma_web/components/Cell/Cell.d.ts +0 -45
- 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 +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 +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 +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 +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 +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 +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 +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 +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"}
|