@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.
Files changed (106) hide show
  1. package/cjs/components/Drawer/Drawer.css +5 -5
  2. package/cjs/components/Drawer/Drawer.js +5 -1
  3. package/cjs/components/Drawer/Drawer.js.map +1 -1
  4. package/cjs/components/Drawer/ui/DrawerContent/DrawerContent.css +5 -5
  5. package/cjs/components/Panel/Panel.css +2 -2
  6. package/cjs/components/Panel/Panel.js +7 -6
  7. package/cjs/components/Panel/Panel.js.map +1 -1
  8. package/cjs/components/Panel/Panel.styles.js +12 -2
  9. package/cjs/components/Panel/Panel.styles.js.map +1 -1
  10. package/cjs/components/Panel/Panel.styles_1g0gq8z.css +1 -0
  11. package/cjs/components/Panel/Panel.tokens.js +15 -0
  12. package/cjs/components/Panel/Panel.tokens.js.map +1 -1
  13. package/cjs/components/Panel/ui/PanelHeader/PanelHeader.css +3 -3
  14. package/cjs/components/Panel/ui/PanelHeader/PanelHeader.styles.js +9 -9
  15. package/cjs/components/Panel/ui/PanelHeader/PanelHeader.styles.js.map +1 -1
  16. package/{es/components/Panel/ui/PanelHeader/PanelHeader.styles_8c7krd.css → cjs/components/Panel/ui/PanelHeader/PanelHeader.styles_16qje7n.css} +1 -1
  17. package/cjs/components/Panel/variations/_view/base.js +1 -1
  18. package/cjs/components/Panel/variations/_view/base.js.map +1 -1
  19. package/cjs/components/Panel/variations/_view/base_lwq4bq.css +1 -0
  20. package/cjs/index.css +5 -5
  21. package/emotion/cjs/components/Drawer/Drawer.js +5 -1
  22. package/emotion/cjs/components/Panel/Panel.js +7 -6
  23. package/emotion/cjs/components/Panel/Panel.styles.js +4 -1
  24. package/emotion/cjs/components/Panel/Panel.tokens.js +6 -1
  25. package/emotion/cjs/components/Panel/ui/PanelHeader/PanelHeader.styles.js +4 -4
  26. package/emotion/cjs/components/Panel/variations/_view/base.js +1 -1
  27. package/emotion/cjs/examples/plasma_b2c/components/Drawer/Drawer.stories.tsx +11 -1
  28. package/emotion/cjs/examples/plasma_b2c/components/Panel/Panel.stories.tsx +10 -0
  29. package/emotion/cjs/examples/plasma_web/components/Drawer/Drawer.stories.tsx +11 -1
  30. package/emotion/cjs/examples/plasma_web/components/Dropzone/Dropzone.stories.tsx +1 -1
  31. package/emotion/cjs/examples/plasma_web/components/Panel/Panel.stories.tsx +10 -0
  32. package/emotion/es/components/Drawer/Drawer.js +5 -1
  33. package/emotion/es/components/Panel/Panel.js +8 -7
  34. package/emotion/es/components/Panel/Panel.styles.js +4 -1
  35. package/emotion/es/components/Panel/Panel.tokens.js +5 -0
  36. package/emotion/es/components/Panel/ui/PanelHeader/PanelHeader.styles.js +5 -5
  37. package/emotion/es/components/Panel/variations/_view/base.js +2 -2
  38. package/emotion/es/examples/plasma_b2c/components/Drawer/Drawer.stories.tsx +11 -1
  39. package/emotion/es/examples/plasma_b2c/components/Panel/Panel.stories.tsx +10 -0
  40. package/emotion/es/examples/plasma_web/components/Drawer/Drawer.stories.tsx +11 -1
  41. package/emotion/es/examples/plasma_web/components/Dropzone/Dropzone.stories.tsx +1 -1
  42. package/emotion/es/examples/plasma_web/components/Panel/Panel.stories.tsx +10 -0
  43. package/es/components/Drawer/Drawer.css +5 -5
  44. package/es/components/Drawer/Drawer.js +5 -1
  45. package/es/components/Drawer/Drawer.js.map +1 -1
  46. package/es/components/Drawer/ui/DrawerContent/DrawerContent.css +5 -5
  47. package/es/components/Panel/Panel.css +2 -2
  48. package/es/components/Panel/Panel.js +9 -8
  49. package/es/components/Panel/Panel.js.map +1 -1
  50. package/es/components/Panel/Panel.styles.js +12 -2
  51. package/es/components/Panel/Panel.styles.js.map +1 -1
  52. package/es/components/Panel/Panel.styles_1g0gq8z.css +1 -0
  53. package/es/components/Panel/Panel.tokens.js +14 -1
  54. package/es/components/Panel/Panel.tokens.js.map +1 -1
  55. package/es/components/Panel/ui/PanelHeader/PanelHeader.css +3 -3
  56. package/es/components/Panel/ui/PanelHeader/PanelHeader.styles.js +9 -9
  57. package/es/components/Panel/ui/PanelHeader/PanelHeader.styles.js.map +1 -1
  58. package/{cjs/components/Panel/ui/PanelHeader/PanelHeader.styles_8c7krd.css → es/components/Panel/ui/PanelHeader/PanelHeader.styles_16qje7n.css} +1 -1
  59. package/es/components/Panel/variations/_view/base.js +1 -1
  60. package/es/components/Panel/variations/_view/base.js.map +1 -1
  61. package/es/components/Panel/variations/_view/base_lwq4bq.css +1 -0
  62. package/es/index.css +5 -5
  63. package/package.json +5 -5
  64. package/styled-components/cjs/components/Drawer/Drawer.js +5 -1
  65. package/styled-components/cjs/components/Panel/Panel.js +7 -6
  66. package/styled-components/cjs/components/Panel/Panel.styles.js +4 -1
  67. package/styled-components/cjs/components/Panel/Panel.tokens.js +6 -1
  68. package/styled-components/cjs/components/Panel/ui/PanelHeader/PanelHeader.styles.js +1 -1
  69. package/styled-components/cjs/components/Panel/variations/_view/base.js +1 -1
  70. package/styled-components/cjs/examples/plasma_b2c/components/Drawer/Drawer.stories.tsx +11 -1
  71. package/styled-components/cjs/examples/plasma_b2c/components/Panel/Panel.stories.tsx +10 -0
  72. package/styled-components/cjs/examples/plasma_web/components/Drawer/Drawer.stories.tsx +11 -1
  73. package/styled-components/cjs/examples/plasma_web/components/Dropzone/Dropzone.stories.tsx +1 -1
  74. package/styled-components/cjs/examples/plasma_web/components/Panel/Panel.stories.tsx +10 -0
  75. package/styled-components/es/components/Drawer/Drawer.js +5 -1
  76. package/styled-components/es/components/Panel/Panel.js +8 -7
  77. package/styled-components/es/components/Panel/Panel.styles.js +4 -1
  78. package/styled-components/es/components/Panel/Panel.tokens.js +5 -0
  79. package/styled-components/es/components/Panel/ui/PanelHeader/PanelHeader.styles.js +2 -2
  80. package/styled-components/es/components/Panel/variations/_view/base.js +2 -2
  81. package/styled-components/es/examples/plasma_b2c/components/Drawer/Drawer.stories.tsx +11 -1
  82. package/styled-components/es/examples/plasma_b2c/components/Panel/Panel.stories.tsx +10 -0
  83. package/styled-components/es/examples/plasma_web/components/Drawer/Drawer.stories.tsx +11 -1
  84. package/styled-components/es/examples/plasma_web/components/Dropzone/Dropzone.stories.tsx +1 -1
  85. package/styled-components/es/examples/plasma_web/components/Panel/Panel.stories.tsx +10 -0
  86. package/types/components/Drawer/Drawer.d.ts +4 -0
  87. package/types/components/Drawer/Drawer.d.ts.map +1 -1
  88. package/types/components/Drawer/Drawer.types.d.ts +8 -0
  89. package/types/components/Drawer/Drawer.types.d.ts.map +1 -1
  90. package/types/components/Panel/Panel.d.ts.map +1 -1
  91. package/types/components/Panel/Panel.styles.d.ts +3 -1
  92. package/types/components/Panel/Panel.styles.d.ts.map +1 -1
  93. package/types/components/Panel/Panel.tokens.d.ts +5 -0
  94. package/types/components/Panel/Panel.tokens.d.ts.map +1 -1
  95. package/types/components/Panel/Panel.types.d.ts +8 -0
  96. package/types/components/Panel/Panel.types.d.ts.map +1 -1
  97. package/types/examples/plasma_b2c/components/Avatar/Avatar.d.ts +4 -4
  98. package/types/examples/plasma_b2c/components/Drawer/Drawer.d.ts +2 -0
  99. package/types/examples/plasma_b2c/components/Drawer/Drawer.d.ts.map +1 -1
  100. package/types/examples/plasma_web/components/Avatar/Avatar.d.ts +4 -4
  101. package/types/examples/plasma_web/components/Drawer/Drawer.d.ts +2 -0
  102. package/types/examples/plasma_web/components/Drawer/Drawer.d.ts.map +1 -1
  103. package/cjs/components/Panel/Panel.styles_2oh0yk.css +0 -1
  104. package/cjs/components/Panel/variations/_view/base_10gjs6e.css +0 -1
  105. package/es/components/Panel/Panel.styles_2oh0yk.css +0 -1
  106. 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:var(", ");height:100%;width:100%;display:inline-flex;flex-direction:column;position:relative;"], tokens.contentBackgroundColor);
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/Divider',
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/Divider',
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: 'plasma_web/Dropzone',
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;;;;;;;;;;;wCAsHlE,CAAC;AAEN,eAAO,MAAM,YAAY;;;mBAxHQ,UAAU,cAAc,EAAE,WAAW,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6ItE,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,sFAyBhE,CAAC;AAEN,eAAO,MAAM,WAAW;;;mBA3BQ,UAAU,cAAc,EAAE,UAAU,CAAC;;;;;;;;;;;;;;;;;;CAgDpE,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> & Record<never, unknown>>;
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,qKAOzB,CAAC"}
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;CAC/B"}
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;;;;;;;;;;;;;;;;;;;;;;kDAA0B,CAAC;AAG9C,eAAO,MAAM,aAAa;;mGAAiC,CAAC;AAG5D,eAAO,MAAM,YAAY;;;;;;mGAAgC,CAAC;AAG1D,eAAO,MAAM,YAAY;;mGAAgC,CAAC"}
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;;;;;;;;;;;;;;;;;;;;;;kDAA0B,CAAC;AAG9C,eAAO,MAAM,aAAa;;mGAAiC,CAAC;AAG5D,eAAO,MAAM,YAAY;;;;;;mGAAgC,CAAC;AAG1D,eAAO,MAAM,YAAY;;mGAAgC,CAAC"}
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;}