@salutejs/plasma-new-hope 0.170.0-canary.1490.11387458591.0 → 0.170.0-dev.0
Sign up to get free protection for your applications and to get access to all the features.
- package/cjs/index.css +0 -2
- package/cjs/index.js +0 -3
- package/cjs/index.js.map +1 -1
- package/emotion/cjs/examples/_helpers.js +14 -3
- package/emotion/cjs/examples/plasma_b2c/components/Autocomplete/Autocomplete.config.js +12 -12
- package/emotion/cjs/examples/plasma_b2c/components/Combobox/Combobox.config.js +12 -12
- package/emotion/cjs/examples/plasma_b2c/components/Combobox/Legacy/Combobox.config.js +5 -5
- package/emotion/cjs/examples/plasma_b2c/components/Drawer/Drawer.stories.tsx +6 -1
- package/emotion/cjs/examples/plasma_b2c/components/IconButton/IconButton.stories.tsx +1 -1
- package/emotion/cjs/examples/plasma_b2c/components/Modal/Modal.stories.tsx +22 -24
- package/emotion/cjs/examples/plasma_b2c/components/Notification/Notification.stories.tsx +6 -15
- package/emotion/cjs/examples/plasma_b2c/components/Popover/Popover.stories.tsx +1 -1
- package/emotion/cjs/examples/plasma_b2c/components/Popup/Popup.stories.tsx +3 -3
- package/emotion/cjs/examples/plasma_b2c/components/Segment/SegmentGroup.config.js +11 -11
- package/emotion/cjs/examples/plasma_b2c/components/Segment/SegmentItem.config.js +9 -9
- package/emotion/cjs/examples/plasma_b2c/components/TextField/TextField.config.js +13 -13
- package/emotion/cjs/examples/plasma_b2c/components/Toast/Toast.stories.tsx +5 -11
- package/emotion/cjs/examples/plasma_web/components/Autocomplete/Autocomplete.config.js +12 -12
- package/emotion/cjs/examples/plasma_web/components/Combobox/Combobox.config.js +12 -12
- package/emotion/cjs/examples/plasma_web/components/Combobox/Legacy/Combobox.config.js +5 -5
- package/emotion/cjs/examples/plasma_web/components/DatePicker/DatePicker.config.js +7 -7
- package/emotion/cjs/examples/plasma_web/components/Drawer/Drawer.stories.tsx +6 -1
- package/emotion/cjs/examples/plasma_web/components/IconButton/IconButton.stories.tsx +1 -1
- package/emotion/cjs/examples/plasma_web/components/Modal/Modal.stories.tsx +22 -24
- package/emotion/cjs/examples/plasma_web/components/Notification/Notification.stories.tsx +6 -15
- package/emotion/cjs/examples/plasma_web/components/Popover/Popover.stories.tsx +1 -1
- package/emotion/cjs/examples/plasma_web/components/Popup/Popup.stories.tsx +3 -3
- package/emotion/cjs/examples/plasma_web/components/Segment/SegmentGroup.config.js +11 -11
- package/emotion/cjs/examples/plasma_web/components/Segment/SegmentItem.config.js +9 -9
- package/emotion/cjs/examples/plasma_web/components/TextField/TextField.config.js +13 -13
- package/emotion/cjs/examples/plasma_web/components/Toast/Toast.stories.tsx +5 -11
- package/emotion/cjs/examples/themes/declaration.d.ts +4 -0
- package/emotion/cjs/examples/themes/index.js +15 -0
- package/emotion/cjs/examples/themes/plasma_b2c.module.css +984 -0
- package/emotion/cjs/examples/themes/plasma_web.module.css +984 -0
- package/emotion/cjs/index.js +0 -11
- package/emotion/es/examples/_helpers.js +14 -3
- package/emotion/es/examples/plasma_b2c/components/Autocomplete/Autocomplete.config.js +12 -12
- package/emotion/es/examples/plasma_b2c/components/Combobox/Combobox.config.js +12 -12
- package/emotion/es/examples/plasma_b2c/components/Combobox/Legacy/Combobox.config.js +5 -5
- package/emotion/es/examples/plasma_b2c/components/Drawer/Drawer.stories.tsx +6 -1
- package/emotion/es/examples/plasma_b2c/components/IconButton/IconButton.stories.tsx +1 -1
- package/emotion/es/examples/plasma_b2c/components/Modal/Modal.stories.tsx +22 -24
- package/emotion/es/examples/plasma_b2c/components/Notification/Notification.stories.tsx +6 -15
- package/emotion/es/examples/plasma_b2c/components/Popover/Popover.stories.tsx +1 -1
- package/emotion/es/examples/plasma_b2c/components/Popup/Popup.stories.tsx +3 -3
- package/emotion/es/examples/plasma_b2c/components/Segment/SegmentGroup.config.js +11 -11
- package/emotion/es/examples/plasma_b2c/components/Segment/SegmentItem.config.js +9 -9
- package/emotion/es/examples/plasma_b2c/components/TextField/TextField.config.js +13 -13
- package/emotion/es/examples/plasma_b2c/components/Toast/Toast.stories.tsx +5 -11
- package/emotion/es/examples/plasma_web/components/Autocomplete/Autocomplete.config.js +12 -12
- package/emotion/es/examples/plasma_web/components/Combobox/Combobox.config.js +12 -12
- package/emotion/es/examples/plasma_web/components/Combobox/Legacy/Combobox.config.js +5 -5
- package/emotion/es/examples/plasma_web/components/DatePicker/DatePicker.config.js +7 -7
- package/emotion/es/examples/plasma_web/components/Drawer/Drawer.stories.tsx +6 -1
- package/emotion/es/examples/plasma_web/components/IconButton/IconButton.stories.tsx +1 -1
- package/emotion/es/examples/plasma_web/components/Modal/Modal.stories.tsx +22 -24
- package/emotion/es/examples/plasma_web/components/Notification/Notification.stories.tsx +6 -15
- package/emotion/es/examples/plasma_web/components/Popover/Popover.stories.tsx +1 -1
- package/emotion/es/examples/plasma_web/components/Popup/Popup.stories.tsx +3 -3
- package/emotion/es/examples/plasma_web/components/Segment/SegmentGroup.config.js +11 -11
- package/emotion/es/examples/plasma_web/components/Segment/SegmentItem.config.js +9 -9
- package/emotion/es/examples/plasma_web/components/TextField/TextField.config.js +13 -13
- package/emotion/es/examples/plasma_web/components/Toast/Toast.stories.tsx +5 -11
- package/emotion/es/examples/themes/declaration.d.ts +4 -0
- package/emotion/es/examples/themes/index.js +7 -0
- package/emotion/es/examples/themes/plasma_b2c.module.css +984 -0
- package/emotion/es/examples/themes/plasma_web.module.css +984 -0
- package/emotion/es/index.js +1 -2
- package/es/index.css +0 -2
- package/es/index.js +0 -1
- package/es/index.js.map +1 -1
- package/package.json +2 -3
- package/styled-components/cjs/examples/_helpers.js +14 -3
- package/styled-components/cjs/examples/plasma_b2c/components/Autocomplete/Autocomplete.config.js +5 -5
- package/styled-components/cjs/examples/plasma_b2c/components/Combobox/Combobox.config.js +4 -4
- package/styled-components/cjs/examples/plasma_b2c/components/Combobox/Legacy/Combobox.config.js +1 -1
- package/styled-components/cjs/examples/plasma_b2c/components/Drawer/Drawer.stories.tsx +6 -1
- package/styled-components/cjs/examples/plasma_b2c/components/IconButton/IconButton.stories.tsx +1 -1
- package/styled-components/cjs/examples/plasma_b2c/components/Modal/Modal.stories.tsx +22 -24
- package/styled-components/cjs/examples/plasma_b2c/components/Notification/Notification.stories.tsx +6 -15
- package/styled-components/cjs/examples/plasma_b2c/components/Popover/Popover.stories.tsx +1 -1
- package/styled-components/cjs/examples/plasma_b2c/components/Popup/Popup.stories.tsx +3 -3
- package/styled-components/cjs/examples/plasma_b2c/components/Segment/SegmentGroup.config.js +2 -2
- package/styled-components/cjs/examples/plasma_b2c/components/Segment/SegmentItem.config.js +3 -3
- package/styled-components/cjs/examples/plasma_b2c/components/TextField/TextField.config.js +1 -1
- package/styled-components/cjs/examples/plasma_b2c/components/Toast/Toast.stories.tsx +5 -11
- package/styled-components/cjs/examples/plasma_web/components/Autocomplete/Autocomplete.config.js +5 -5
- package/styled-components/cjs/examples/plasma_web/components/Combobox/Combobox.config.js +4 -4
- package/styled-components/cjs/examples/plasma_web/components/Combobox/Legacy/Combobox.config.js +1 -1
- package/styled-components/cjs/examples/plasma_web/components/DatePicker/DatePicker.config.js +1 -1
- package/styled-components/cjs/examples/plasma_web/components/Drawer/Drawer.stories.tsx +6 -1
- package/styled-components/cjs/examples/plasma_web/components/IconButton/IconButton.stories.tsx +1 -1
- package/styled-components/cjs/examples/plasma_web/components/Modal/Modal.stories.tsx +22 -24
- package/styled-components/cjs/examples/plasma_web/components/Notification/Notification.stories.tsx +6 -15
- package/styled-components/cjs/examples/plasma_web/components/Popover/Popover.stories.tsx +1 -1
- package/styled-components/cjs/examples/plasma_web/components/Popup/Popup.stories.tsx +3 -3
- package/styled-components/cjs/examples/plasma_web/components/Segment/SegmentGroup.config.js +2 -2
- package/styled-components/cjs/examples/plasma_web/components/Segment/SegmentItem.config.js +3 -3
- package/styled-components/cjs/examples/plasma_web/components/TextField/TextField.config.js +1 -1
- package/styled-components/cjs/examples/plasma_web/components/Toast/Toast.stories.tsx +5 -11
- package/styled-components/cjs/examples/themes/declaration.d.ts +4 -0
- package/styled-components/cjs/examples/themes/index.js +15 -0
- package/styled-components/cjs/examples/themes/plasma_b2c.module.css +984 -0
- package/styled-components/cjs/examples/themes/plasma_web.module.css +984 -0
- package/styled-components/cjs/index.js +0 -11
- package/styled-components/es/examples/_helpers.js +14 -3
- package/styled-components/es/examples/plasma_b2c/components/Autocomplete/Autocomplete.config.js +5 -5
- package/styled-components/es/examples/plasma_b2c/components/Combobox/Combobox.config.js +4 -4
- package/styled-components/es/examples/plasma_b2c/components/Combobox/Legacy/Combobox.config.js +1 -1
- package/styled-components/es/examples/plasma_b2c/components/Drawer/Drawer.stories.tsx +6 -1
- package/styled-components/es/examples/plasma_b2c/components/IconButton/IconButton.stories.tsx +1 -1
- package/styled-components/es/examples/plasma_b2c/components/Modal/Modal.stories.tsx +22 -24
- package/styled-components/es/examples/plasma_b2c/components/Notification/Notification.stories.tsx +6 -15
- package/styled-components/es/examples/plasma_b2c/components/Popover/Popover.stories.tsx +1 -1
- package/styled-components/es/examples/plasma_b2c/components/Popup/Popup.stories.tsx +3 -3
- package/styled-components/es/examples/plasma_b2c/components/Segment/SegmentGroup.config.js +2 -2
- package/styled-components/es/examples/plasma_b2c/components/Segment/SegmentItem.config.js +3 -3
- package/styled-components/es/examples/plasma_b2c/components/TextField/TextField.config.js +1 -1
- package/styled-components/es/examples/plasma_b2c/components/Toast/Toast.stories.tsx +5 -11
- package/styled-components/es/examples/plasma_web/components/Autocomplete/Autocomplete.config.js +5 -5
- package/styled-components/es/examples/plasma_web/components/Combobox/Combobox.config.js +4 -4
- package/styled-components/es/examples/plasma_web/components/Combobox/Legacy/Combobox.config.js +1 -1
- package/styled-components/es/examples/plasma_web/components/DatePicker/DatePicker.config.js +1 -1
- package/styled-components/es/examples/plasma_web/components/Drawer/Drawer.stories.tsx +6 -1
- package/styled-components/es/examples/plasma_web/components/IconButton/IconButton.stories.tsx +1 -1
- package/styled-components/es/examples/plasma_web/components/Modal/Modal.stories.tsx +22 -24
- package/styled-components/es/examples/plasma_web/components/Notification/Notification.stories.tsx +6 -15
- package/styled-components/es/examples/plasma_web/components/Popover/Popover.stories.tsx +1 -1
- package/styled-components/es/examples/plasma_web/components/Popup/Popup.stories.tsx +3 -3
- package/styled-components/es/examples/plasma_web/components/Segment/SegmentGroup.config.js +2 -2
- package/styled-components/es/examples/plasma_web/components/Segment/SegmentItem.config.js +3 -3
- package/styled-components/es/examples/plasma_web/components/TextField/TextField.config.js +1 -1
- package/styled-components/es/examples/plasma_web/components/Toast/Toast.stories.tsx +5 -11
- package/styled-components/es/examples/themes/declaration.d.ts +4 -0
- package/styled-components/es/examples/themes/index.js +7 -0
- package/styled-components/es/examples/themes/plasma_b2c.module.css +984 -0
- package/styled-components/es/examples/themes/plasma_web.module.css +984 -0
- package/styled-components/es/index.js +1 -2
- package/types/components/Accordion/Accordion.types.d.ts +1 -1
- package/types/examples/_helpers.d.ts.map +1 -1
- package/types/examples/themes/index.d.ts +6 -0
- package/types/examples/themes/index.d.ts.map +1 -0
- package/types/index.d.ts +0 -1
- package/types/index.d.ts.map +1 -1
- package/cjs/components/ViewContainer/ViewContainer.js +0 -38
- package/cjs/components/ViewContainer/ViewContainer.js.map +0 -1
- package/cjs/components/ViewContainer/ViewContainer_yiqfcb.css +0 -1
- package/cjs/components/ViewContainer/_view/base.js +0 -9
- package/cjs/components/ViewContainer/_view/base.js.map +0 -1
- package/cjs/components/ViewContainer/_view/base_x642ct.css +0 -1
- package/emotion/cjs/components/ViewContainer/ViewContainer.js +0 -49
- package/emotion/cjs/components/ViewContainer/ViewContainer.template-doc.mdx +0 -82
- package/emotion/cjs/components/ViewContainer/_view/base.js +0 -8
- package/emotion/cjs/components/ViewContainer/_view/tokens.json +0 -1
- package/emotion/cjs/components/ViewContainer/index.js +0 -18
- package/emotion/cjs/examples/plasma_b2c/components/ViewContainer/ViewContainer.config.js +0 -16
- package/emotion/cjs/examples/plasma_b2c/components/ViewContainer/ViewContainer.js +0 -11
- package/emotion/cjs/examples/plasma_b2c/components/ViewContainer/ViewContainer.stories.tsx +0 -65
- package/emotion/cjs/examples/plasma_web/components/ViewContainer/ViewContainer.config.js +0 -16
- package/emotion/cjs/examples/plasma_web/components/ViewContainer/ViewContainer.js +0 -11
- package/emotion/cjs/examples/plasma_web/components/ViewContainer/ViewContainer.stories.tsx +0 -65
- package/emotion/es/components/ViewContainer/ViewContainer.js +0 -40
- package/emotion/es/components/ViewContainer/ViewContainer.template-doc.mdx +0 -82
- package/emotion/es/components/ViewContainer/_view/base.js +0 -2
- package/emotion/es/components/ViewContainer/_view/tokens.json +0 -1
- package/emotion/es/components/ViewContainer/index.js +0 -1
- package/emotion/es/examples/plasma_b2c/components/ViewContainer/ViewContainer.config.js +0 -10
- package/emotion/es/examples/plasma_b2c/components/ViewContainer/ViewContainer.js +0 -5
- package/emotion/es/examples/plasma_b2c/components/ViewContainer/ViewContainer.stories.tsx +0 -65
- package/emotion/es/examples/plasma_web/components/ViewContainer/ViewContainer.config.js +0 -10
- package/emotion/es/examples/plasma_web/components/ViewContainer/ViewContainer.js +0 -5
- package/emotion/es/examples/plasma_web/components/ViewContainer/ViewContainer.stories.tsx +0 -65
- package/es/components/ViewContainer/ViewContainer.js +0 -33
- package/es/components/ViewContainer/ViewContainer.js.map +0 -1
- package/es/components/ViewContainer/ViewContainer_yiqfcb.css +0 -1
- package/es/components/ViewContainer/_view/base.js +0 -5
- package/es/components/ViewContainer/_view/base.js.map +0 -1
- package/es/components/ViewContainer/_view/base_x642ct.css +0 -1
- package/styled-components/cjs/components/ViewContainer/ViewContainer.js +0 -40
- package/styled-components/cjs/components/ViewContainer/ViewContainer.template-doc.mdx +0 -82
- package/styled-components/cjs/components/ViewContainer/_view/base.js +0 -8
- package/styled-components/cjs/components/ViewContainer/_view/tokens.json +0 -1
- package/styled-components/cjs/components/ViewContainer/index.js +0 -18
- package/styled-components/cjs/examples/plasma_b2c/components/ViewContainer/ViewContainer.config.js +0 -16
- package/styled-components/cjs/examples/plasma_b2c/components/ViewContainer/ViewContainer.js +0 -11
- package/styled-components/cjs/examples/plasma_b2c/components/ViewContainer/ViewContainer.stories.tsx +0 -65
- package/styled-components/cjs/examples/plasma_web/components/ViewContainer/ViewContainer.config.js +0 -16
- package/styled-components/cjs/examples/plasma_web/components/ViewContainer/ViewContainer.js +0 -11
- package/styled-components/cjs/examples/plasma_web/components/ViewContainer/ViewContainer.stories.tsx +0 -65
- package/styled-components/es/components/ViewContainer/ViewContainer.js +0 -31
- package/styled-components/es/components/ViewContainer/ViewContainer.template-doc.mdx +0 -82
- package/styled-components/es/components/ViewContainer/_view/base.js +0 -2
- package/styled-components/es/components/ViewContainer/_view/tokens.json +0 -1
- package/styled-components/es/components/ViewContainer/index.js +0 -1
- package/styled-components/es/examples/plasma_b2c/components/ViewContainer/ViewContainer.config.js +0 -10
- package/styled-components/es/examples/plasma_b2c/components/ViewContainer/ViewContainer.js +0 -5
- package/styled-components/es/examples/plasma_b2c/components/ViewContainer/ViewContainer.stories.tsx +0 -65
- package/styled-components/es/examples/plasma_web/components/ViewContainer/ViewContainer.config.js +0 -10
- package/styled-components/es/examples/plasma_web/components/ViewContainer/ViewContainer.js +0 -5
- package/styled-components/es/examples/plasma_web/components/ViewContainer/ViewContainer.stories.tsx +0 -65
- package/types/components/ViewContainer/ViewContainer.d.ts +0 -26
- package/types/components/ViewContainer/ViewContainer.d.ts.map +0 -1
- package/types/components/ViewContainer/_view/base.d.ts +0 -2
- package/types/components/ViewContainer/_view/base.d.ts.map +0 -1
- package/types/components/ViewContainer/index.d.ts +0 -2
- package/types/components/ViewContainer/index.d.ts.map +0 -1
- package/types/examples/plasma_b2c/components/ViewContainer/ViewContainer.config.d.ts +0 -9
- package/types/examples/plasma_b2c/components/ViewContainer/ViewContainer.config.d.ts.map +0 -1
- package/types/examples/plasma_b2c/components/ViewContainer/ViewContainer.d.ts +0 -8
- package/types/examples/plasma_b2c/components/ViewContainer/ViewContainer.d.ts.map +0 -1
- package/types/examples/plasma_web/components/ViewContainer/ViewContainer.config.d.ts +0 -9
- package/types/examples/plasma_web/components/ViewContainer/ViewContainer.config.d.ts.map +0 -1
- package/types/examples/plasma_web/components/ViewContainer/ViewContainer.d.ts +0 -8
- package/types/examples/plasma_web/components/ViewContainer/ViewContainer.d.ts.map +0 -1
@@ -1,82 +0,0 @@
|
|
1
|
-
---
|
2
|
-
id: link
|
3
|
-
title: Link
|
4
|
-
---
|
5
|
-
|
6
|
-
import { PropsTable, Description } from '@site/src/components';
|
7
|
-
|
8
|
-
# ViewContainer
|
9
|
-
<Description name="ViewContainer" />
|
10
|
-
<PropsTable name="ViewContainer" exclude={['css']} />
|
11
|
-
|
12
|
-
# Описание
|
13
|
-
|
14
|
-
Данный компонент представляет собой обёртку, которая инвертирует токены компонент, которые в неё помещены, в зависимости от выбранного значения свойства view - `onDark` или `onLight`.
|
15
|
-
|
16
|
-
При этом, независимо от режима темы (тёмный или светлый) для всего приложения, токены внутри не будут меняться.
|
17
|
-
|
18
|
-
Этот механизм необходим для случаев, когда требуется отобразить компонент на специфичном бэкграунде, чтобы избежать наложение цветов.
|
19
|
-
|
20
|
-
# Пример использования
|
21
|
-
|
22
|
-
```tsx live
|
23
|
-
import React from 'react';
|
24
|
-
import { ViewContainer, Button, Checkbox, TextField } from '@salutejs/{{ package }}';
|
25
|
-
|
26
|
-
export function App() {
|
27
|
-
return (
|
28
|
-
<div>
|
29
|
-
<ViewContainer
|
30
|
-
style=\{{
|
31
|
-
padding: '1rem',
|
32
|
-
borderRadius: '1rem',
|
33
|
-
display: 'flex',
|
34
|
-
flexDirection: 'column',
|
35
|
-
gap: '1rem',
|
36
|
-
}}
|
37
|
-
>
|
38
|
-
<h3 style=\{{ margin: 0 }}>Inside default ViewContainer</h3>
|
39
|
-
<Button text="default Button" />
|
40
|
-
<Checkbox checked label="Label" />
|
41
|
-
<TextField value="Example Value" label="Label" labelPlacement="inner" />
|
42
|
-
</ViewContainer>
|
43
|
-
<br />
|
44
|
-
<ViewContainer
|
45
|
-
view="onDark"
|
46
|
-
style=\{{
|
47
|
-
background: '#1a1a1a',
|
48
|
-
color: 'white',
|
49
|
-
padding: '1rem',
|
50
|
-
borderRadius: '1rem',
|
51
|
-
display: 'flex',
|
52
|
-
flexDirection: 'column',
|
53
|
-
gap: '1rem',
|
54
|
-
}}
|
55
|
-
>
|
56
|
-
<h3 style=\{{ margin: 0 }}>Inside onDark ViewContainer</h3>
|
57
|
-
<Button text="default Button" />
|
58
|
-
<Checkbox checked label="Label" />
|
59
|
-
<TextField value="Example Value" label="Label" labelPlacement="inner" />
|
60
|
-
</ViewContainer>
|
61
|
-
<br />
|
62
|
-
<ViewContainer
|
63
|
-
view="onLight"
|
64
|
-
style=\{{
|
65
|
-
background: '#ededed',
|
66
|
-
color: 'black',
|
67
|
-
padding: '1rem',
|
68
|
-
borderRadius: '1rem',
|
69
|
-
display: 'flex',
|
70
|
-
flexDirection: 'column',
|
71
|
-
gap: '1rem',
|
72
|
-
}}
|
73
|
-
>
|
74
|
-
<h3 style=\{{ margin: 0 }}>Inside onLight ViewContainer</h3>
|
75
|
-
<Button text="default Button" />
|
76
|
-
<Checkbox checked label="Label" />
|
77
|
-
<TextField value="Example Value" label="Label" labelPlacement="inner" />
|
78
|
-
</ViewContainer>
|
79
|
-
</div>
|
80
|
-
);
|
81
|
-
}
|
82
|
-
```
|
@@ -1 +0,0 @@
|
|
1
|
-
[]
|
@@ -1 +0,0 @@
|
|
1
|
-
export { viewContainerRoot, viewContainerConfig } from './ViewContainer';
|
package/styled-components/es/examples/plasma_b2c/components/ViewContainer/ViewContainer.config.js
DELETED
@@ -1,10 +0,0 @@
|
|
1
|
-
import { css } from 'styled-components';
|
2
|
-
import { viewContainer } from '@salutejs/plasma-themes/tokens/plasma_b2c';
|
3
|
-
export var config = {
|
4
|
-
variations: {
|
5
|
-
view: {
|
6
|
-
onDark: /*#__PURE__*/css(["", ""], viewContainer.dark),
|
7
|
-
onLight: /*#__PURE__*/css(["", ""], viewContainer.light)
|
8
|
-
}
|
9
|
-
}
|
10
|
-
};
|
@@ -1,5 +0,0 @@
|
|
1
|
-
import { viewContainerConfig } from '../../../../components/ViewContainer';
|
2
|
-
import { component, mergeConfig } from '../../../../engines';
|
3
|
-
import { config } from './ViewContainer.config';
|
4
|
-
var mergedConfig = /*#__PURE__*/mergeConfig(viewContainerConfig, config);
|
5
|
-
export var ViewContainer = /*#__PURE__*/component(mergedConfig);
|
package/styled-components/es/examples/plasma_b2c/components/ViewContainer/ViewContainer.stories.tsx
DELETED
@@ -1,65 +0,0 @@
|
|
1
|
-
import React, { ComponentProps } from 'react';
|
2
|
-
import type { StoryObj, Meta } from '@storybook/react';
|
3
|
-
|
4
|
-
import { Button } from '../Button/Button';
|
5
|
-
import { TextField } from '../Textfield/Textfield';
|
6
|
-
import { Checkbox } from '../Checkbox/Checkbox';
|
7
|
-
|
8
|
-
import { ViewContainer } from './ViewContainer';
|
9
|
-
|
10
|
-
type StoryViewProps = ComponentProps<typeof ViewContainer>;
|
11
|
-
|
12
|
-
const meta: Meta<StoryViewProps> = {
|
13
|
-
title: 'plasma_b2c/ViewContainer',
|
14
|
-
};
|
15
|
-
|
16
|
-
export default meta;
|
17
|
-
|
18
|
-
type Story = StoryObj<StoryViewProps>;
|
19
|
-
|
20
|
-
const ViewExample = ({ view }: StoryViewProps) => {
|
21
|
-
const style = view
|
22
|
-
? {
|
23
|
-
background: view === 'onDark' ? '#1a1a1a' : '#ededed',
|
24
|
-
color: view === 'onDark' ? 'white' : 'black',
|
25
|
-
}
|
26
|
-
: undefined;
|
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="inner" />
|
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="onDark" />
|
60
|
-
<br />
|
61
|
-
<ViewExample view="onLight" />
|
62
|
-
</>
|
63
|
-
);
|
64
|
-
},
|
65
|
-
};
|
package/styled-components/es/examples/plasma_web/components/ViewContainer/ViewContainer.config.js
DELETED
@@ -1,10 +0,0 @@
|
|
1
|
-
import { css } from 'styled-components';
|
2
|
-
import { viewContainer } from '@salutejs/plasma-themes/tokens/plasma_b2c';
|
3
|
-
export var config = {
|
4
|
-
variations: {
|
5
|
-
view: {
|
6
|
-
onDark: /*#__PURE__*/css(["", ""], viewContainer.dark),
|
7
|
-
onLight: /*#__PURE__*/css(["", ""], viewContainer.light)
|
8
|
-
}
|
9
|
-
}
|
10
|
-
};
|
@@ -1,5 +0,0 @@
|
|
1
|
-
import { viewContainerConfig } from '../../../../components/ViewContainer';
|
2
|
-
import { component, mergeConfig } from '../../../../engines';
|
3
|
-
import { config } from './ViewContainer.config';
|
4
|
-
var mergedConfig = /*#__PURE__*/mergeConfig(viewContainerConfig, config);
|
5
|
-
export var ViewContainer = /*#__PURE__*/component(mergedConfig);
|
package/styled-components/es/examples/plasma_web/components/ViewContainer/ViewContainer.stories.tsx
DELETED
@@ -1,65 +0,0 @@
|
|
1
|
-
import React, { ComponentProps } from 'react';
|
2
|
-
import type { StoryObj, Meta } from '@storybook/react';
|
3
|
-
|
4
|
-
import { Button } from '../Button/Button';
|
5
|
-
import { TextField } from '../Textfield/Textfield';
|
6
|
-
import { Checkbox } from '../Checkbox/Checkbox';
|
7
|
-
|
8
|
-
import { ViewContainer } from './ViewContainer';
|
9
|
-
|
10
|
-
type StoryViewProps = ComponentProps<typeof ViewContainer>;
|
11
|
-
|
12
|
-
const meta: Meta<StoryViewProps> = {
|
13
|
-
title: 'plasma_web/ViewContainer',
|
14
|
-
};
|
15
|
-
|
16
|
-
export default meta;
|
17
|
-
|
18
|
-
type Story = StoryObj<StoryViewProps>;
|
19
|
-
|
20
|
-
const ViewExample = ({ view }: StoryViewProps) => {
|
21
|
-
const style = view
|
22
|
-
? {
|
23
|
-
background: view === 'onDark' ? '#1a1a1a' : '#ededed',
|
24
|
-
color: view === 'onDark' ? 'white' : 'black',
|
25
|
-
}
|
26
|
-
: undefined;
|
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="inner" />
|
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="onDark" />
|
60
|
-
<br />
|
61
|
-
<ViewExample view="onLight" />
|
62
|
-
</>
|
63
|
-
);
|
64
|
-
},
|
65
|
-
};
|
@@ -1,26 +0,0 @@
|
|
1
|
-
import React from 'react';
|
2
|
-
import type { RootProps } from '../../engines/types';
|
3
|
-
export declare type ViewContainerCustomProps = {
|
4
|
-
/**
|
5
|
-
* Вид компонента
|
6
|
-
*/
|
7
|
-
view?: string;
|
8
|
-
};
|
9
|
-
declare type ViewContainerProps = React.HTMLAttributes<HTMLDivElement> & ViewContainerCustomProps;
|
10
|
-
export declare const viewContainerRoot: (Root: RootProps<HTMLAnchorElement, ViewContainerProps>) => React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & ViewContainerCustomProps & React.RefAttributes<HTMLAnchorElement>>;
|
11
|
-
export declare const viewContainerConfig: {
|
12
|
-
name: string;
|
13
|
-
tag: string;
|
14
|
-
layout: (Root: RootProps<HTMLAnchorElement, ViewContainerProps>) => React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & ViewContainerCustomProps & React.RefAttributes<HTMLAnchorElement>>;
|
15
|
-
base: import("@linaria/core").LinariaClassName;
|
16
|
-
variations: {
|
17
|
-
view: {
|
18
|
-
css: import("@linaria/core").LinariaClassName;
|
19
|
-
};
|
20
|
-
};
|
21
|
-
defaults: {
|
22
|
-
view: undefined;
|
23
|
-
};
|
24
|
-
};
|
25
|
-
export {};
|
26
|
-
//# sourceMappingURL=ViewContainer.d.ts.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"ViewContainer.d.ts","sourceRoot":"","sources":["../../../src/components/ViewContainer/ViewContainer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAG1C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAQrD,oBAAY,wBAAwB,GAAG;IACnC;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,aAAK,kBAAkB,GAAG,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,GAAG,wBAAwB,CAAC;AAE1F,eAAO,MAAM,iBAAiB,SAAU,UAAU,iBAAiB,EAAE,kBAAkB,CAAC,8IASlF,CAAC;AAEP,eAAO,MAAM,mBAAmB;;;mBAXQ,UAAU,iBAAiB,EAAE,kBAAkB,CAAC;;;;;;;;;;CAwBvF,CAAC"}
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"base.d.ts","sourceRoot":"","sources":["../../../../src/components/ViewContainer/_view/base.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,IAAI,0CAAQ,CAAC"}
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ViewContainer/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,mBAAmB,EAAE,MAAM,iBAAiB,CAAC"}
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"ViewContainer.config.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_b2c/components/ViewContainer/ViewContainer.config.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,MAAM;;;;;;;CAWlB,CAAC"}
|
@@ -1,8 +0,0 @@
|
|
1
|
-
/// <reference types="react" />
|
2
|
-
export declare const ViewContainer: import("react").FunctionComponent<import("../../../../engines/types").PropsType<{
|
3
|
-
view: {
|
4
|
-
onDark: import("@linaria/core").LinariaClassName;
|
5
|
-
onLight: import("@linaria/core").LinariaClassName;
|
6
|
-
};
|
7
|
-
}> & import("react").HTMLAttributes<HTMLDivElement> & import("../../../../components/ViewContainer/ViewContainer").ViewContainerCustomProps & import("react").RefAttributes<HTMLAnchorElement>>;
|
8
|
-
//# sourceMappingURL=ViewContainer.d.ts.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"ViewContainer.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_b2c/components/ViewContainer/ViewContainer.ts"],"names":[],"mappings":";AAOA,eAAO,MAAM,aAAa;;;;;+LAA0B,CAAC"}
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"ViewContainer.config.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_web/components/ViewContainer/ViewContainer.config.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,MAAM;;;;;;;CAWlB,CAAC"}
|
@@ -1,8 +0,0 @@
|
|
1
|
-
/// <reference types="react" />
|
2
|
-
export declare const ViewContainer: import("react").FunctionComponent<import("../../../../engines/types").PropsType<{
|
3
|
-
view: {
|
4
|
-
onDark: import("@linaria/core").LinariaClassName;
|
5
|
-
onLight: import("@linaria/core").LinariaClassName;
|
6
|
-
};
|
7
|
-
}> & import("react").HTMLAttributes<HTMLDivElement> & import("../../../../components/ViewContainer/ViewContainer").ViewContainerCustomProps & import("react").RefAttributes<HTMLAnchorElement>>;
|
8
|
-
//# sourceMappingURL=ViewContainer.d.ts.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"ViewContainer.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_web/components/ViewContainer/ViewContainer.ts"],"names":[],"mappings":";AAOA,eAAO,MAAM,aAAa;;;;;+LAA0B,CAAC"}
|