@salutejs/plasma-new-hope 0.263.1-canary.1764.13286897844.0 → 0.264.0-canary.1760.13286965233.0
Sign up to get free protection for your applications and to get access to all the features.
- package/cjs/components/Drawer/Drawer.css +5 -5
- package/cjs/components/Drawer/Drawer.js +5 -1
- package/cjs/components/Drawer/Drawer.js.map +1 -1
- package/cjs/components/Drawer/ui/DrawerContent/DrawerContent.css +5 -5
- package/cjs/components/Panel/Panel.css +2 -2
- package/cjs/components/Panel/Panel.js +7 -6
- package/cjs/components/Panel/Panel.js.map +1 -1
- package/cjs/components/Panel/Panel.styles.js +12 -2
- package/cjs/components/Panel/Panel.styles.js.map +1 -1
- package/cjs/components/Panel/Panel.styles_1g0gq8z.css +1 -0
- package/cjs/components/Panel/Panel.tokens.js +15 -0
- package/cjs/components/Panel/Panel.tokens.js.map +1 -1
- package/cjs/components/Panel/ui/PanelHeader/PanelHeader.css +3 -3
- package/cjs/components/Panel/ui/PanelHeader/PanelHeader.styles.js +9 -9
- package/cjs/components/Panel/ui/PanelHeader/PanelHeader.styles.js.map +1 -1
- package/{es/components/Panel/ui/PanelHeader/PanelHeader.styles_8c7krd.css → cjs/components/Panel/ui/PanelHeader/PanelHeader.styles_16qje7n.css} +1 -1
- package/cjs/components/Panel/variations/_view/base.js +1 -1
- package/cjs/components/Panel/variations/_view/base.js.map +1 -1
- package/cjs/components/Panel/variations/_view/base_lwq4bq.css +1 -0
- package/cjs/index.css +5 -5
- package/emotion/cjs/components/Drawer/Drawer.js +5 -1
- package/emotion/cjs/components/Panel/Panel.js +7 -6
- package/emotion/cjs/components/Panel/Panel.styles.js +4 -1
- package/emotion/cjs/components/Panel/Panel.tokens.js +6 -1
- package/emotion/cjs/components/Panel/ui/PanelHeader/PanelHeader.styles.js +4 -4
- package/emotion/cjs/components/Panel/variations/_view/base.js +1 -1
- package/emotion/cjs/examples/plasma_b2c/components/Drawer/Drawer.stories.tsx +11 -1
- package/emotion/cjs/examples/plasma_b2c/components/Panel/Panel.stories.tsx +10 -0
- package/emotion/cjs/examples/plasma_web/components/Drawer/Drawer.stories.tsx +11 -1
- package/emotion/cjs/examples/plasma_web/components/Dropzone/Dropzone.stories.tsx +1 -1
- package/emotion/cjs/examples/plasma_web/components/Panel/Panel.stories.tsx +10 -0
- package/emotion/es/components/Drawer/Drawer.js +5 -1
- package/emotion/es/components/Panel/Panel.js +8 -7
- package/emotion/es/components/Panel/Panel.styles.js +4 -1
- package/emotion/es/components/Panel/Panel.tokens.js +5 -0
- package/emotion/es/components/Panel/ui/PanelHeader/PanelHeader.styles.js +5 -5
- package/emotion/es/components/Panel/variations/_view/base.js +2 -2
- package/emotion/es/examples/plasma_b2c/components/Drawer/Drawer.stories.tsx +11 -1
- package/emotion/es/examples/plasma_b2c/components/Panel/Panel.stories.tsx +10 -0
- package/emotion/es/examples/plasma_web/components/Drawer/Drawer.stories.tsx +11 -1
- package/emotion/es/examples/plasma_web/components/Dropzone/Dropzone.stories.tsx +1 -1
- package/emotion/es/examples/plasma_web/components/Panel/Panel.stories.tsx +10 -0
- package/es/components/Drawer/Drawer.css +5 -5
- package/es/components/Drawer/Drawer.js +5 -1
- package/es/components/Drawer/Drawer.js.map +1 -1
- package/es/components/Drawer/ui/DrawerContent/DrawerContent.css +5 -5
- package/es/components/Panel/Panel.css +2 -2
- package/es/components/Panel/Panel.js +9 -8
- package/es/components/Panel/Panel.js.map +1 -1
- package/es/components/Panel/Panel.styles.js +12 -2
- package/es/components/Panel/Panel.styles.js.map +1 -1
- package/es/components/Panel/Panel.styles_1g0gq8z.css +1 -0
- package/es/components/Panel/Panel.tokens.js +14 -1
- package/es/components/Panel/Panel.tokens.js.map +1 -1
- package/es/components/Panel/ui/PanelHeader/PanelHeader.css +3 -3
- package/es/components/Panel/ui/PanelHeader/PanelHeader.styles.js +9 -9
- package/es/components/Panel/ui/PanelHeader/PanelHeader.styles.js.map +1 -1
- package/{cjs/components/Panel/ui/PanelHeader/PanelHeader.styles_8c7krd.css → es/components/Panel/ui/PanelHeader/PanelHeader.styles_16qje7n.css} +1 -1
- package/es/components/Panel/variations/_view/base.js +1 -1
- package/es/components/Panel/variations/_view/base.js.map +1 -1
- package/es/components/Panel/variations/_view/base_lwq4bq.css +1 -0
- package/es/index.css +5 -5
- package/package.json +5 -5
- package/styled-components/cjs/components/Drawer/Drawer.js +5 -1
- package/styled-components/cjs/components/Panel/Panel.js +7 -6
- package/styled-components/cjs/components/Panel/Panel.styles.js +4 -1
- package/styled-components/cjs/components/Panel/Panel.tokens.js +6 -1
- package/styled-components/cjs/components/Panel/ui/PanelHeader/PanelHeader.styles.js +1 -1
- package/styled-components/cjs/components/Panel/variations/_view/base.js +1 -1
- package/styled-components/cjs/examples/plasma_b2c/components/Drawer/Drawer.stories.tsx +11 -1
- package/styled-components/cjs/examples/plasma_b2c/components/Panel/Panel.stories.tsx +10 -0
- package/styled-components/cjs/examples/plasma_web/components/Drawer/Drawer.stories.tsx +11 -1
- package/styled-components/cjs/examples/plasma_web/components/Dropzone/Dropzone.stories.tsx +1 -1
- package/styled-components/cjs/examples/plasma_web/components/Panel/Panel.stories.tsx +10 -0
- package/styled-components/es/components/Drawer/Drawer.js +5 -1
- package/styled-components/es/components/Panel/Panel.js +8 -7
- package/styled-components/es/components/Panel/Panel.styles.js +4 -1
- package/styled-components/es/components/Panel/Panel.tokens.js +5 -0
- package/styled-components/es/components/Panel/ui/PanelHeader/PanelHeader.styles.js +2 -2
- package/styled-components/es/components/Panel/variations/_view/base.js +2 -2
- package/styled-components/es/examples/plasma_b2c/components/Drawer/Drawer.stories.tsx +11 -1
- package/styled-components/es/examples/plasma_b2c/components/Panel/Panel.stories.tsx +10 -0
- package/styled-components/es/examples/plasma_web/components/Drawer/Drawer.stories.tsx +11 -1
- package/styled-components/es/examples/plasma_web/components/Dropzone/Dropzone.stories.tsx +1 -1
- package/styled-components/es/examples/plasma_web/components/Panel/Panel.stories.tsx +10 -0
- package/types/components/Drawer/Drawer.d.ts +4 -0
- package/types/components/Drawer/Drawer.d.ts.map +1 -1
- package/types/components/Drawer/Drawer.types.d.ts +8 -0
- package/types/components/Drawer/Drawer.types.d.ts.map +1 -1
- package/types/components/Panel/Panel.d.ts.map +1 -1
- package/types/components/Panel/Panel.styles.d.ts +3 -1
- package/types/components/Panel/Panel.styles.d.ts.map +1 -1
- package/types/components/Panel/Panel.tokens.d.ts +5 -0
- package/types/components/Panel/Panel.tokens.d.ts.map +1 -1
- package/types/components/Panel/Panel.types.d.ts +8 -0
- package/types/components/Panel/Panel.types.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/Avatar/Avatar.d.ts +4 -4
- package/types/examples/plasma_b2c/components/Drawer/Drawer.d.ts +2 -0
- package/types/examples/plasma_b2c/components/Drawer/Drawer.d.ts.map +1 -1
- package/types/examples/plasma_web/components/Avatar/Avatar.d.ts +4 -4
- package/types/examples/plasma_web/components/Drawer/Drawer.d.ts +2 -0
- package/types/examples/plasma_web/components/Drawer/Drawer.d.ts.map +1 -1
- package/cjs/components/Panel/Panel.styles_2oh0yk.css +0 -1
- package/cjs/components/Panel/variations/_view/base_10gjs6e.css +0 -1
- package/es/components/Panel/Panel.styles_2oh0yk.css +0 -1
- package/es/components/Panel/variations/_view/base_10gjs6e.css +0 -1
@@ -2,4 +2,7 @@ import styled from 'styled-components';
|
|
2
2
|
import { tokens } from './Panel.tokens';
|
3
3
|
export var StyledWrapper = /*#__PURE__*/styled.div.withConfig({
|
4
4
|
componentId: "plasma-new-hope__sc-ryn15p-0"
|
5
|
-
})(["background:
|
5
|
+
})(["background:", ";height:100%;width:100%;display:inline-flex;flex-direction:column;position:relative;"], function (_ref) {
|
6
|
+
var customContentBackgroundColor = _ref.customContentBackgroundColor;
|
7
|
+
return customContentBackgroundColor || "var(".concat(tokens.contentBackgroundColor, ")");
|
8
|
+
});
|
@@ -6,6 +6,11 @@ export var classes = {
|
|
6
6
|
hasHeader: 'panel-has-header',
|
7
7
|
isRightClose: 'panel-right-close-button'
|
8
8
|
};
|
9
|
+
export var privateTokens = {
|
10
|
+
width: '--plasma_private-panel-width',
|
11
|
+
height: '--plasma_private-panel-height',
|
12
|
+
backgroundColor: '--plasma_private-panel-custom-background-color'
|
13
|
+
};
|
9
14
|
export var tokens = {
|
10
15
|
background: '--plasma-panel-background',
|
11
16
|
shadow: '--plasma-panel-shadow',
|
@@ -2,13 +2,13 @@ import styled from 'styled-components';
|
|
2
2
|
import { mergeConfig, component } from '../../../../engines';
|
3
3
|
import { buttonConfig } from '../../../Button';
|
4
4
|
import { tokens as buttonTokens } from '../../../Button/Button.tokens';
|
5
|
-
import { tokens } from '../../Panel.tokens';
|
5
|
+
import { privateTokens, tokens } from '../../Panel.tokens';
|
6
6
|
import { placements } from './PanelHeader.types';
|
7
7
|
var mergedButtonConfig = /*#__PURE__*/mergeConfig(buttonConfig);
|
8
8
|
var Button = /*#__PURE__*/component(mergedButtonConfig);
|
9
9
|
export var ButtonWrapper = /*#__PURE__*/styled.div.withConfig({
|
10
10
|
componentId: "plasma-new-hope__sc-yiy73v-0"
|
11
|
-
})(["background:var(", ");order:", ";padding-left:", ";padding-right:", ";"], tokens.background, function (_ref) {
|
11
|
+
})(["background:var(", ",var(", "));order:", ";padding-left:", ";padding-right:", ";"], privateTokens.backgroundColor, tokens.background, function (_ref) {
|
12
12
|
var placement = _ref.placement;
|
13
13
|
return placement === placements.left ? -1 : 0;
|
14
14
|
}, function (_ref2) {
|
@@ -1,3 +1,3 @@
|
|
1
1
|
import { css } from 'styled-components';
|
2
|
-
import { tokens } from '../../Panel.tokens';
|
3
|
-
export var base = /*#__PURE__*/css(["background:var(", ");box-shadow:var(", ");box-sizing:border-box;"], tokens.background, tokens.shadow);
|
2
|
+
import { privateTokens, tokens } from '../../Panel.tokens';
|
3
|
+
export var base = /*#__PURE__*/css(["background:var(", ",var(", "));box-shadow:var(", ");box-sizing:border-box;"], privateTokens.backgroundColor, tokens.background, tokens.shadow);
|
@@ -14,7 +14,7 @@ import type { ClosePlacementType } from '../../../../components/Drawer';
|
|
14
14
|
import { Drawer, DrawerContent, DrawerFooter, DrawerHeader } from './Drawer';
|
15
15
|
|
16
16
|
export default {
|
17
|
-
title: 'b2c/Overlay/
|
17
|
+
title: 'b2c/Overlay/Drawer',
|
18
18
|
decorators: [WithTheme],
|
19
19
|
argTypes: {
|
20
20
|
placement: {
|
@@ -85,6 +85,16 @@ export default {
|
|
85
85
|
type: 'select',
|
86
86
|
},
|
87
87
|
},
|
88
|
+
customBackgroundColor: {
|
89
|
+
control: {
|
90
|
+
type: 'color',
|
91
|
+
},
|
92
|
+
},
|
93
|
+
customContentBackgroundColor: {
|
94
|
+
control: {
|
95
|
+
type: 'color',
|
96
|
+
},
|
97
|
+
},
|
88
98
|
},
|
89
99
|
} as Meta;
|
90
100
|
|
@@ -47,6 +47,16 @@ export default {
|
|
47
47
|
},
|
48
48
|
table: { defaultValue: { summary: 'right' } },
|
49
49
|
},
|
50
|
+
customBackgroundColor: {
|
51
|
+
control: {
|
52
|
+
type: 'color',
|
53
|
+
},
|
54
|
+
},
|
55
|
+
customContentBackgroundColor: {
|
56
|
+
control: {
|
57
|
+
type: 'color',
|
58
|
+
},
|
59
|
+
},
|
50
60
|
},
|
51
61
|
} as Meta;
|
52
62
|
|
@@ -14,7 +14,7 @@ import type { ClosePlacementType } from '../../../../components/Drawer';
|
|
14
14
|
import { Drawer, DrawerContent, DrawerFooter, DrawerHeader } from './Drawer';
|
15
15
|
|
16
16
|
export default {
|
17
|
-
title: 'web/Overlay/
|
17
|
+
title: 'web/Overlay/Drawer',
|
18
18
|
decorators: [WithTheme],
|
19
19
|
argTypes: {
|
20
20
|
placement: {
|
@@ -85,6 +85,16 @@ export default {
|
|
85
85
|
type: 'select',
|
86
86
|
},
|
87
87
|
},
|
88
|
+
customBackgroundColor: {
|
89
|
+
control: {
|
90
|
+
type: 'color',
|
91
|
+
},
|
92
|
+
},
|
93
|
+
customContentBackgroundColor: {
|
94
|
+
control: {
|
95
|
+
type: 'color',
|
96
|
+
},
|
97
|
+
},
|
88
98
|
},
|
89
99
|
} as Meta;
|
90
100
|
|
@@ -16,7 +16,7 @@ const onChoseFiles = action('onChoseFiles');
|
|
16
16
|
const iconPlacements = ['top', 'left'];
|
17
17
|
|
18
18
|
const meta: Meta<typeof Dropzone> = {
|
19
|
-
title: '
|
19
|
+
title: 'web/Data Entry/Dropzone',
|
20
20
|
component: Dropzone,
|
21
21
|
decorators: [WithTheme],
|
22
22
|
argTypes: {
|
@@ -47,6 +47,16 @@ export default {
|
|
47
47
|
},
|
48
48
|
table: { defaultValue: { summary: 'right' } },
|
49
49
|
},
|
50
|
+
customBackgroundColor: {
|
51
|
+
control: {
|
52
|
+
type: 'color',
|
53
|
+
},
|
54
|
+
},
|
55
|
+
customContentBackgroundColor: {
|
56
|
+
control: {
|
57
|
+
type: 'color',
|
58
|
+
},
|
59
|
+
},
|
50
60
|
},
|
51
61
|
} as Meta;
|
52
62
|
|
@@ -4,6 +4,8 @@ import type { DrawerProps } from './Drawer.types';
|
|
4
4
|
export declare const drawerRoot: (Root: RootProps<HTMLDivElement, DrawerProps>) => React.ForwardRefExoticComponent<import("../Popup").PopupProps & import("../Panel").PanelProps & {
|
5
5
|
placement?: "left" | "right" | "top" | "bottom" | undefined;
|
6
6
|
asModal?: boolean | undefined;
|
7
|
+
customBackgroundColor?: string | undefined;
|
8
|
+
customContentBackgroundColor?: string | undefined;
|
7
9
|
withBlur?: boolean | undefined;
|
8
10
|
closeOnEsc?: boolean | undefined;
|
9
11
|
closeOnOverlayClick?: boolean | undefined;
|
@@ -19,6 +21,8 @@ export declare const drawerConfig: {
|
|
19
21
|
layout: (Root: RootProps<HTMLDivElement, DrawerProps>) => React.ForwardRefExoticComponent<import("../Popup").PopupProps & import("../Panel").PanelProps & {
|
20
22
|
placement?: "left" | "right" | "top" | "bottom" | undefined;
|
21
23
|
asModal?: boolean | undefined;
|
24
|
+
customBackgroundColor?: string | undefined;
|
25
|
+
customContentBackgroundColor?: string | undefined;
|
22
26
|
withBlur?: boolean | undefined;
|
23
27
|
closeOnEsc?: boolean | undefined;
|
24
28
|
closeOnOverlayClick?: boolean | undefined;
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Drawer.d.ts","sourceRoot":"","sources":["../../../src/components/Drawer/Drawer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAGnD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAQ/C,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAUlD,eAAO,MAAM,UAAU,SAAU,UAAU,cAAc,EAAE,WAAW,CAAC
|
1
|
+
{"version":3,"file":"Drawer.d.ts","sourceRoot":"","sources":["../../../src/components/Drawer/Drawer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAGnD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAQ/C,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAUlD,eAAO,MAAM,UAAU,SAAU,UAAU,cAAc,EAAE,WAAW,CAAC;;;;;;;;;;;;;wCA8HlE,CAAC;AAEN,eAAO,MAAM,YAAY;;;mBAhIQ,UAAU,cAAc,EAAE,WAAW,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqJtE,CAAC"}
|
@@ -25,6 +25,14 @@ export declare type DrawerProps = PopupProps & PanelProps & {
|
|
25
25
|
* Если же передано как false, контент вне Drawer становиться доступным.
|
26
26
|
*/
|
27
27
|
asModal?: boolean;
|
28
|
+
/**
|
29
|
+
* Пользовательский цвет фона Panel.
|
30
|
+
*/
|
31
|
+
customBackgroundColor?: string;
|
32
|
+
/**
|
33
|
+
* Пользовательский цвет фона контента Panel.
|
34
|
+
*/
|
35
|
+
customContentBackgroundColor?: string;
|
28
36
|
/**
|
29
37
|
* Нужно ли применять blur для подложки.
|
30
38
|
*/
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Drawer.types.d.ts","sourceRoot":"","sources":["../../../src/components/Drawer/Drawer.types.ts"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAC3C,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAC3C,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAE1D,eAAO,MAAM,gBAAgB;;;;;CAK5B,CAAC;AAEF,oBAAY,eAAe,GAAG,MAAM,OAAO,gBAAgB,CAAC;AAE5D,oBAAY,WAAW,GAAG,UAAU,GAChC,UAAU,GAAG;IACT;;;;OAIG;IACH,SAAS,CAAC,EAAE,eAAe,CAAC;IAC5B;;;;;;;OAOG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B;;OAEG;IACH,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC;IAC9C;;;OAGG;IACH,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,cAAc,CAAC,KAAK,IAAI,CAAC;IACnE;;OAEG;IACH,eAAe,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IAC/C;;;OAGG;IACH,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IAC7C;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACxB,CAAC;AAEN,MAAM,WAAW,cACb,SAAQ,IAAI,CAAC,aAAa,EAAE,IAAI,GAAG,WAAW,GAAG,QAAQ,CAAC,EACtD,IAAI,CAAC,WAAW,EAAE,YAAY,GAAG,cAAc,GAAG,SAAS,CAAC;IAChE,aAAa,CAAC,EAAE,OAAO,CAAC;CAC3B"}
|
1
|
+
{"version":3,"file":"Drawer.types.d.ts","sourceRoot":"","sources":["../../../src/components/Drawer/Drawer.types.ts"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAC3C,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAC3C,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAE1D,eAAO,MAAM,gBAAgB;;;;;CAK5B,CAAC;AAEF,oBAAY,eAAe,GAAG,MAAM,OAAO,gBAAgB,CAAC;AAE5D,oBAAY,WAAW,GAAG,UAAU,GAChC,UAAU,GAAG;IACT;;;;OAIG;IACH,SAAS,CAAC,EAAE,eAAe,CAAC;IAC5B;;;;;;;OAOG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B;;OAEG;IACH,4BAA4B,CAAC,EAAE,MAAM,CAAC;IACtC;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B;;OAEG;IACH,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC;IAC9C;;;OAGG;IACH,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,cAAc,CAAC,KAAK,IAAI,CAAC;IACnE;;OAEG;IACH,eAAe,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IAC/C;;;OAGG;IACH,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IAC7C;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACxB,CAAC;AAEN,MAAM,WAAW,cACb,SAAQ,IAAI,CAAC,aAAa,EAAE,IAAI,GAAG,WAAW,GAAG,QAAQ,CAAC,EACtD,IAAI,CAAC,WAAW,EAAE,YAAY,GAAG,cAAc,GAAG,SAAS,CAAC;IAChE,aAAa,CAAC,EAAE,OAAO,CAAC;CAC3B"}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Panel.d.ts","sourceRoot":"","sources":["../../../src/components/Panel/Panel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAG1C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAM/C,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAIhD,eAAO,MAAM,SAAS,SAAU,UAAU,cAAc,EAAE,UAAU,CAAC,
|
1
|
+
{"version":3,"file":"Panel.d.ts","sourceRoot":"","sources":["../../../src/components/Panel/Panel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAG1C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAM/C,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAIhD,eAAO,MAAM,SAAS,SAAU,UAAU,cAAc,EAAE,UAAU,CAAC,sFA0ChE,CAAC;AAEN,eAAO,MAAM,WAAW;;;mBA5CQ,UAAU,cAAc,EAAE,UAAU,CAAC;;;;;;;;;;;;;;;;;;CAiEpE,CAAC"}
|
@@ -1,3 +1,5 @@
|
|
1
1
|
/// <reference types="react" />
|
2
|
-
export declare const StyledWrapper: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> &
|
2
|
+
export declare const StyledWrapper: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
|
3
|
+
customContentBackgroundColor?: string | undefined;
|
4
|
+
}>;
|
3
5
|
//# sourceMappingURL=Panel.styles.d.ts.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Panel.styles.d.ts","sourceRoot":"","sources":["../../../src/components/Panel/Panel.styles.ts"],"names":[],"mappings":";AAIA,eAAO,MAAM,aAAa,
|
1
|
+
{"version":3,"file":"Panel.styles.d.ts","sourceRoot":"","sources":["../../../src/components/Panel/Panel.styles.ts"],"names":[],"mappings":";AAIA,eAAO,MAAM,aAAa;;EAQzB,CAAC"}
|
@@ -6,6 +6,11 @@ export declare const classes: {
|
|
6
6
|
hasHeader: string;
|
7
7
|
isRightClose: string;
|
8
8
|
};
|
9
|
+
export declare const privateTokens: {
|
10
|
+
width: string;
|
11
|
+
height: string;
|
12
|
+
backgroundColor: string;
|
13
|
+
};
|
9
14
|
export declare const tokens: {
|
10
15
|
background: string;
|
11
16
|
shadow: string;
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Panel.tokens.d.ts","sourceRoot":"","sources":["../../../src/components/Panel/Panel.tokens.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO;;;;;;;CAOnB,CAAC;AAEF,eAAO,MAAM,MAAM;;;;;;;CAOlB,CAAC"}
|
1
|
+
{"version":3,"file":"Panel.tokens.d.ts","sourceRoot":"","sources":["../../../src/components/Panel/Panel.tokens.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO;;;;;;;CAOnB,CAAC;AAEF,eAAO,MAAM,aAAa;;;;CAIzB,CAAC;AAEF,eAAO,MAAM,MAAM;;;;;;;CAOlB,CAAC"}
|
@@ -37,6 +37,14 @@ export interface PanelProps extends HTMLAttributes<HTMLDivElement> {
|
|
37
37
|
* none
|
38
38
|
*/
|
39
39
|
borderRadius?: BorderRadius;
|
40
|
+
/**
|
41
|
+
* Пользовательский цвет фона Panel.
|
42
|
+
*/
|
43
|
+
customBackgroundColor?: string;
|
44
|
+
/**
|
45
|
+
* Пользовательский цвет фона контента Panel.
|
46
|
+
*/
|
47
|
+
customContentBackgroundColor?: string;
|
40
48
|
}
|
41
49
|
export {};
|
42
50
|
//# sourceMappingURL=Panel.types.d.ts.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Panel.types.d.ts","sourceRoot":"","sources":["../../../src/components/Panel/Panel.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C,aAAK,YAAY,GAAG,MAAM,GAAG,SAAS,CAAC;AAEvC,MAAM,WAAW,UAAW,SAAQ,cAAc,CAAC,cAAc,CAAC;IAC9D;;;;OAIG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;;OAIG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;;;;;OAOG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB;;;;;;;OAOG;IACH,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB;;;;OAIG;IACH,YAAY,CAAC,EAAE,YAAY,CAAC;
|
1
|
+
{"version":3,"file":"Panel.types.d.ts","sourceRoot":"","sources":["../../../src/components/Panel/Panel.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C,aAAK,YAAY,GAAG,MAAM,GAAG,SAAS,CAAC;AAEvC,MAAM,WAAW,UAAW,SAAQ,cAAc,CAAC,cAAc,CAAC;IAC9D;;;;OAIG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;;OAIG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;;;;;OAOG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB;;;;;;;OAOG;IACH,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB;;;;OAIG;IACH,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B;;OAEG;IACH,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B;;OAEG;IACH,4BAA4B,CAAC,EAAE,MAAM,CAAC;CACzC"}
|
@@ -81,8 +81,8 @@ export declare const mergedConfig: import("../../../../engines").ComponentConfig
|
|
81
81
|
text?: string | undefined;
|
82
82
|
contentLeft?: import("react").ReactNode;
|
83
83
|
contentRight?: import("react").ReactNode;
|
84
|
-
customColor?: string | undefined;
|
85
84
|
customBackgroundColor?: string | undefined;
|
85
|
+
customColor?: string | undefined;
|
86
86
|
} & {
|
87
87
|
counterView?: undefined;
|
88
88
|
count?: undefined;
|
@@ -109,8 +109,8 @@ export declare const mergedConfig: import("../../../../engines").ComponentConfig
|
|
109
109
|
text?: undefined;
|
110
110
|
contentLeft?: undefined;
|
111
111
|
contentRight?: undefined;
|
112
|
-
customColor?: undefined;
|
113
112
|
customBackgroundColor?: undefined;
|
113
|
+
customColor?: undefined;
|
114
114
|
} & import("react").RefAttributes<HTMLDivElement>)>;
|
115
115
|
export declare const Avatar: import("react").FunctionComponent<import("../../../../engines/types").PropsType<{
|
116
116
|
view: {
|
@@ -162,8 +162,8 @@ export declare const Avatar: import("react").FunctionComponent<import("../../../
|
|
162
162
|
text?: string | undefined;
|
163
163
|
contentLeft?: import("react").ReactNode;
|
164
164
|
contentRight?: import("react").ReactNode;
|
165
|
-
customColor?: string | undefined;
|
166
165
|
customBackgroundColor?: string | undefined;
|
166
|
+
customColor?: string | undefined;
|
167
167
|
} & {
|
168
168
|
counterView?: undefined;
|
169
169
|
count?: undefined;
|
@@ -190,7 +190,7 @@ export declare const Avatar: import("react").FunctionComponent<import("../../../
|
|
190
190
|
text?: undefined;
|
191
191
|
contentLeft?: undefined;
|
192
192
|
contentRight?: undefined;
|
193
|
-
customColor?: undefined;
|
194
193
|
customBackgroundColor?: undefined;
|
194
|
+
customColor?: undefined;
|
195
195
|
} & import("react").RefAttributes<HTMLDivElement>))>;
|
196
196
|
//# sourceMappingURL=Avatar.d.ts.map
|
@@ -13,6 +13,8 @@ export declare const Drawer: import("react").FunctionComponent<import("../../../
|
|
13
13
|
}> & import("../../../..").PopupProps & import("../../../../components/Panel").PanelProps & {
|
14
14
|
placement?: "left" | "right" | "top" | "bottom" | undefined;
|
15
15
|
asModal?: boolean | undefined;
|
16
|
+
customBackgroundColor?: string | undefined;
|
17
|
+
customContentBackgroundColor?: string | undefined;
|
16
18
|
withBlur?: boolean | undefined;
|
17
19
|
closeOnEsc?: boolean | undefined;
|
18
20
|
closeOnOverlayClick?: boolean | undefined;
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Drawer.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_b2c/components/Drawer/Drawer.ts"],"names":[],"mappings":";AAQA,eAAO,MAAM,MAAM
|
1
|
+
{"version":3,"file":"Drawer.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_b2c/components/Drawer/Drawer.ts"],"names":[],"mappings":";AAQA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;kDAA0B,CAAC;AAG9C,eAAO,MAAM,aAAa;;mGAAiC,CAAC;AAG5D,eAAO,MAAM,YAAY;;;;;;mGAAgC,CAAC;AAG1D,eAAO,MAAM,YAAY;;mGAAgC,CAAC"}
|
@@ -81,8 +81,8 @@ export declare const mergedConfig: import("../../../../engines").ComponentConfig
|
|
81
81
|
text?: string | undefined;
|
82
82
|
contentLeft?: import("react").ReactNode;
|
83
83
|
contentRight?: import("react").ReactNode;
|
84
|
-
customColor?: string | undefined;
|
85
84
|
customBackgroundColor?: string | undefined;
|
85
|
+
customColor?: string | undefined;
|
86
86
|
} & {
|
87
87
|
counterView?: undefined;
|
88
88
|
count?: undefined;
|
@@ -109,8 +109,8 @@ export declare const mergedConfig: import("../../../../engines").ComponentConfig
|
|
109
109
|
text?: undefined;
|
110
110
|
contentLeft?: undefined;
|
111
111
|
contentRight?: undefined;
|
112
|
-
customColor?: undefined;
|
113
112
|
customBackgroundColor?: undefined;
|
113
|
+
customColor?: undefined;
|
114
114
|
} & import("react").RefAttributes<HTMLDivElement>)>;
|
115
115
|
export declare const Avatar: import("react").FunctionComponent<import("../../../../engines/types").PropsType<{
|
116
116
|
view: {
|
@@ -162,8 +162,8 @@ export declare const Avatar: import("react").FunctionComponent<import("../../../
|
|
162
162
|
text?: string | undefined;
|
163
163
|
contentLeft?: import("react").ReactNode;
|
164
164
|
contentRight?: import("react").ReactNode;
|
165
|
-
customColor?: string | undefined;
|
166
165
|
customBackgroundColor?: string | undefined;
|
166
|
+
customColor?: string | undefined;
|
167
167
|
} & {
|
168
168
|
counterView?: undefined;
|
169
169
|
count?: undefined;
|
@@ -190,7 +190,7 @@ export declare const Avatar: import("react").FunctionComponent<import("../../../
|
|
190
190
|
text?: undefined;
|
191
191
|
contentLeft?: undefined;
|
192
192
|
contentRight?: undefined;
|
193
|
-
customColor?: undefined;
|
194
193
|
customBackgroundColor?: undefined;
|
194
|
+
customColor?: undefined;
|
195
195
|
} & import("react").RefAttributes<HTMLDivElement>))>;
|
196
196
|
//# sourceMappingURL=Avatar.d.ts.map
|
@@ -13,6 +13,8 @@ export declare const Drawer: import("react").FunctionComponent<import("../../../
|
|
13
13
|
}> & import("../../../..").PopupProps & import("../../../../components/Panel").PanelProps & {
|
14
14
|
placement?: "left" | "right" | "top" | "bottom" | undefined;
|
15
15
|
asModal?: boolean | undefined;
|
16
|
+
customBackgroundColor?: string | undefined;
|
17
|
+
customContentBackgroundColor?: string | undefined;
|
16
18
|
withBlur?: boolean | undefined;
|
17
19
|
closeOnEsc?: boolean | undefined;
|
18
20
|
closeOnOverlayClick?: boolean | undefined;
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Drawer.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_web/components/Drawer/Drawer.ts"],"names":[],"mappings":";AAQA,eAAO,MAAM,MAAM
|
1
|
+
{"version":3,"file":"Drawer.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_web/components/Drawer/Drawer.ts"],"names":[],"mappings":";AAQA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;kDAA0B,CAAC;AAG9C,eAAO,MAAM,aAAa;;mGAAiC,CAAC;AAG5D,eAAO,MAAM,YAAY;;;;;;mGAAgC,CAAC;AAG1D,eAAO,MAAM,YAAY;;mGAAgC,CAAC"}
|
@@ -1 +0,0 @@
|
|
1
|
-
.siaxu13{background:var(--plasma-panel-content-background-color);height:100%;width:100%;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;position:relative;}
|
@@ -1 +0,0 @@
|
|
1
|
-
.b11yryf5{background:var(--plasma-panel-background);box-shadow:var(--plasma-panel-shadow);box-sizing:border-box;}
|
@@ -1 +0,0 @@
|
|
1
|
-
.siaxu13{background:var(--plasma-panel-content-background-color);height:100%;width:100%;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;position:relative;}
|
@@ -1 +0,0 @@
|
|
1
|
-
.b11yryf5{background:var(--plasma-panel-background);box-shadow:var(--plasma-panel-shadow);box-sizing:border-box;}
|