@salutejs/sdds-cs 0.236.0-dev.0 → 0.236.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@salutejs/sdds-cs",
|
|
3
|
-
"version": "0.236.0
|
|
3
|
+
"version": "0.236.0",
|
|
4
4
|
"description": "Salute Design System / React UI kit for SDDS CS web applications",
|
|
5
5
|
"author": "Salute Frontend Team <salute.developers@gmail.com>",
|
|
6
6
|
"license": "MIT",
|
|
@@ -30,7 +30,7 @@
|
|
|
30
30
|
"directory": "packages/sdds-cs"
|
|
31
31
|
},
|
|
32
32
|
"dependencies": {
|
|
33
|
-
"@salutejs/plasma-new-hope": "0.
|
|
33
|
+
"@salutejs/plasma-new-hope": "0.247.0",
|
|
34
34
|
"@salutejs/sdds-themes": "0.31.0"
|
|
35
35
|
},
|
|
36
36
|
"peerDependencies": {
|
|
@@ -54,10 +54,10 @@
|
|
|
54
54
|
"@microsoft/api-extractor": "7.38.3",
|
|
55
55
|
"@originjs/vite-plugin-commonjs": "1.0.3",
|
|
56
56
|
"@salutejs/plasma-colors": "0.14.0",
|
|
57
|
-
"@salutejs/plasma-core": "1.191.0
|
|
58
|
-
"@salutejs/plasma-cy-utils": "0.122.0
|
|
57
|
+
"@salutejs/plasma-core": "1.191.0",
|
|
58
|
+
"@salutejs/plasma-cy-utils": "0.122.0",
|
|
59
59
|
"@salutejs/plasma-icons": "1.210.0",
|
|
60
|
-
"@salutejs/plasma-sb-utils": "0.
|
|
60
|
+
"@salutejs/plasma-sb-utils": "0.191.0",
|
|
61
61
|
"@storybook/addon-docs": "7.6.17",
|
|
62
62
|
"@storybook/addon-essentials": "7.6.17",
|
|
63
63
|
"@storybook/addons": "7.6.17",
|
|
@@ -123,5 +123,5 @@
|
|
|
123
123
|
"Anton Vinogradov"
|
|
124
124
|
],
|
|
125
125
|
"sideEffects": false,
|
|
126
|
-
"gitHead": "
|
|
126
|
+
"gitHead": "94ef63e540ad86d96d84d805cf96121640dd2257"
|
|
127
127
|
}
|
|
@@ -1,63 +0,0 @@
|
|
|
1
|
-
import React, { ComponentProps } from 'react';
|
|
2
|
-
import type { StoryObj, Meta } from '@storybook/react';
|
|
3
|
-
import { InSpacingDecorator } from '@salutejs/plasma-sb-utils';
|
|
4
|
-
|
|
5
|
-
import { Button } from '../Button/Button';
|
|
6
|
-
import { TextField } from '../TextField/TextField';
|
|
7
|
-
import { Checkbox } from '../Checkbox/Checkbox';
|
|
8
|
-
|
|
9
|
-
import { ViewContainer } from './ViewContainer';
|
|
10
|
-
|
|
11
|
-
type StoryViewProps = ComponentProps<typeof ViewContainer>;
|
|
12
|
-
|
|
13
|
-
const meta: Meta<StoryViewProps> = {
|
|
14
|
-
title: 'Data Display/ViewContainer',
|
|
15
|
-
decorators: [InSpacingDecorator],
|
|
16
|
-
};
|
|
17
|
-
|
|
18
|
-
export default meta;
|
|
19
|
-
|
|
20
|
-
type Story = StoryObj<StoryViewProps>;
|
|
21
|
-
|
|
22
|
-
const ViewExample = ({ view }: StoryViewProps) => {
|
|
23
|
-
const style = {
|
|
24
|
-
background: view === 'onLight' ? '#ededed' : undefined,
|
|
25
|
-
color: view === 'onLight' ? 'black' : undefined,
|
|
26
|
-
};
|
|
27
|
-
|
|
28
|
-
return (
|
|
29
|
-
<>
|
|
30
|
-
<h4>view: {view ?? 'default'}</h4>
|
|
31
|
-
<div>
|
|
32
|
-
<ViewContainer
|
|
33
|
-
view={view}
|
|
34
|
-
style={{
|
|
35
|
-
...style,
|
|
36
|
-
padding: '1rem',
|
|
37
|
-
borderRadius: '1rem',
|
|
38
|
-
display: 'flex',
|
|
39
|
-
flexDirection: 'column',
|
|
40
|
-
gap: '1rem',
|
|
41
|
-
}}
|
|
42
|
-
>
|
|
43
|
-
<h3 style={{ margin: 0 }}>Inside ViewContainer</h3>
|
|
44
|
-
<Button text="default Button" />
|
|
45
|
-
<Checkbox checked label="Label" />
|
|
46
|
-
<TextField value="Example Value" label="Label" labelPlacement="outer" />
|
|
47
|
-
</ViewContainer>
|
|
48
|
-
</div>
|
|
49
|
-
</>
|
|
50
|
-
);
|
|
51
|
-
};
|
|
52
|
-
|
|
53
|
-
export const Default: Story = {
|
|
54
|
-
render: () => {
|
|
55
|
-
return (
|
|
56
|
-
<>
|
|
57
|
-
<ViewExample />
|
|
58
|
-
<br />
|
|
59
|
-
<ViewExample view="onLight" />
|
|
60
|
-
</>
|
|
61
|
-
);
|
|
62
|
-
},
|
|
63
|
-
};
|
|
@@ -1,63 +0,0 @@
|
|
|
1
|
-
import React, { ComponentProps } from 'react';
|
|
2
|
-
import type { StoryObj, Meta } from '@storybook/react';
|
|
3
|
-
import { InSpacingDecorator } from '@salutejs/plasma-sb-utils';
|
|
4
|
-
|
|
5
|
-
import { Button } from '../Button/Button';
|
|
6
|
-
import { TextField } from '../TextField/TextField';
|
|
7
|
-
import { Checkbox } from '../Checkbox/Checkbox';
|
|
8
|
-
|
|
9
|
-
import { ViewContainer } from './ViewContainer';
|
|
10
|
-
|
|
11
|
-
type StoryViewProps = ComponentProps<typeof ViewContainer>;
|
|
12
|
-
|
|
13
|
-
const meta: Meta<StoryViewProps> = {
|
|
14
|
-
title: 'Data Display/ViewContainer',
|
|
15
|
-
decorators: [InSpacingDecorator],
|
|
16
|
-
};
|
|
17
|
-
|
|
18
|
-
export default meta;
|
|
19
|
-
|
|
20
|
-
type Story = StoryObj<StoryViewProps>;
|
|
21
|
-
|
|
22
|
-
const ViewExample = ({ view }: StoryViewProps) => {
|
|
23
|
-
const style = {
|
|
24
|
-
background: view === 'onLight' ? '#ededed' : undefined,
|
|
25
|
-
color: view === 'onLight' ? 'black' : undefined,
|
|
26
|
-
};
|
|
27
|
-
|
|
28
|
-
return (
|
|
29
|
-
<>
|
|
30
|
-
<h4>view: {view ?? 'default'}</h4>
|
|
31
|
-
<div>
|
|
32
|
-
<ViewContainer
|
|
33
|
-
view={view}
|
|
34
|
-
style={{
|
|
35
|
-
...style,
|
|
36
|
-
padding: '1rem',
|
|
37
|
-
borderRadius: '1rem',
|
|
38
|
-
display: 'flex',
|
|
39
|
-
flexDirection: 'column',
|
|
40
|
-
gap: '1rem',
|
|
41
|
-
}}
|
|
42
|
-
>
|
|
43
|
-
<h3 style={{ margin: 0 }}>Inside ViewContainer</h3>
|
|
44
|
-
<Button text="default Button" />
|
|
45
|
-
<Checkbox checked label="Label" />
|
|
46
|
-
<TextField value="Example Value" label="Label" labelPlacement="outer" />
|
|
47
|
-
</ViewContainer>
|
|
48
|
-
</div>
|
|
49
|
-
</>
|
|
50
|
-
);
|
|
51
|
-
};
|
|
52
|
-
|
|
53
|
-
export const Default: Story = {
|
|
54
|
-
render: () => {
|
|
55
|
-
return (
|
|
56
|
-
<>
|
|
57
|
-
<ViewExample />
|
|
58
|
-
<br />
|
|
59
|
-
<ViewExample view="onLight" />
|
|
60
|
-
</>
|
|
61
|
-
);
|
|
62
|
-
},
|
|
63
|
-
};
|