@salutejs/plasma-new-hope 0.264.0-canary.1757.13287195621.0 → 0.264.0-canary.1760.13286965233.0

package/styled-components/es/components/Drawer/Drawer.js

@@ -1,4 +1,4 @@
-var _excluded = ["id", "zIndex", "popupInfo", "withBlur", "children", "view", "size", "width", "height", "isOpen", "opened", "initialFocusRef", "focusAfterRef", "className", "onClose", "onOverlayClick", "onEscKeyDown", "offset", "frame", "borderRadius", "placement", "closeOnEsc", "closeOnOverlayClick", "asModal"];
+var _excluded = ["id", "zIndex", "popupInfo", "withBlur", "children", "view", "size", "width", "height", "isOpen", "opened", "initialFocusRef", "focusAfterRef", "className", "customBackgroundColor", "customContentBackgroundColor", "onClose", "onOverlayClick", "onEscKeyDown", "offset", "frame", "borderRadius", "placement", "closeOnEsc", "closeOnOverlayClick", "asModal"];
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
@@ -35,6 +35,8 @@ export var drawerRoot = function drawerRoot(Root) {
       initialFocusRef = _ref.initialFocusRef,
       focusAfterRef = _ref.focusAfterRef,
       className = _ref.className,
+      customBackgroundColor = _ref.customBackgroundColor,
+      customContentBackgroundColor = _ref.customContentBackgroundColor,
       onClose = _ref.onClose,
       onOverlayClick = _ref.onOverlayClick,
       onEscKeyDown = _ref.onEscKeyDown,
@@ -118,6 +120,8 @@ export var drawerRoot = function drawerRoot(Root) {
     }, /*#__PURE__*/React.createElement(StyledPanel, {
       width: innerWidth,
       height: innerHeight,
+      customBackgroundColor: customBackgroundColor,
+      customContentBackgroundColor: customContentBackgroundColor,
       className: className
     }, children)));
   });

package/styled-components/es/components/Panel/Panel.js

@@ -1,5 +1,5 @@
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-var _excluded = ["children", "view", "size", "width", "height", "className", "style"];
+var _excluded = ["children", "view", "size", "width", "height", "customBackgroundColor", "customContentBackgroundColor", "className", "style"];
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
@@ -13,7 +13,7 @@ import { cx, getSizeValueFromProp } from '../../utils';
 import { base as viewCSS } from './variations/_view/base';
 import { base as sizeCSS } from './variations/_size/base';
 import { base as borderRadiusCSS } from './variations/_borderRadius/base';
-import { classes } from './Panel.tokens';
+import { classes, privateTokens } from './Panel.tokens';
 import { StyledWrapper } from './Panel.styles';
 export var panelRoot = function panelRoot(Root) {
   return /*#__PURE__*/forwardRef(function (_ref, outerRef) {
@@ -22,6 +22,8 @@ export var panelRoot = function panelRoot(Root) {
       size = _ref.size,
       width = _ref.width,
       height = _ref.height,
+      customBackgroundColor = _ref.customBackgroundColor,
+      customContentBackgroundColor = _ref.customContentBackgroundColor,
       className = _ref.className,
       style = _ref.style,
       rest = _objectWithoutProperties(_ref, _excluded);
@@ -32,11 +34,10 @@ export var panelRoot = function panelRoot(Root) {
       view: view,
       size: size,
       className: cx(classes.root, className),
-      style: _objectSpread(_objectSpread({}, style), {}, {
-        '--plasma_private-panel-width': innerWidth,
-        '--plasma_private-panel-height': innerHeight
-      })
-    }, rest), /*#__PURE__*/React.createElement(StyledWrapper, null, children));
+      style: _objectSpread(_objectSpread({}, style), {}, _defineProperty(_defineProperty(_defineProperty({}, privateTokens.width, innerWidth), privateTokens.height, innerHeight), privateTokens.backgroundColor, customBackgroundColor))
+    }, rest), /*#__PURE__*/React.createElement(StyledWrapper, {
+      customContentBackgroundColor: customContentBackgroundColor
+    }, children));
   });
 };
 export var panelConfig = {

package/styled-components/es/components/Panel/Panel.styles.js

@@ -2,4 +2,7 @@ import styled from 'styled-components';
 import { tokens } from './Panel.tokens';
 export var StyledWrapper = /*#__PURE__*/styled.div.withConfig({
   componentId: "plasma-new-hope__sc-ryn15p-0"
-})(["background:var(", ");height:100%;width:100%;display:inline-flex;flex-direction:column;position:relative;"], tokens.contentBackgroundColor);
+})(["background:", ";height:100%;width:100%;display:inline-flex;flex-direction:column;position:relative;"], function (_ref) {
+  var customContentBackgroundColor = _ref.customContentBackgroundColor;
+  return customContentBackgroundColor || "var(".concat(tokens.contentBackgroundColor, ")");
+});

package/styled-components/es/components/Panel/Panel.tokens.js

@@ -6,6 +6,11 @@ export var classes = {
   hasHeader: 'panel-has-header',
   isRightClose: 'panel-right-close-button'
 };
+export var privateTokens = {
+  width: '--plasma_private-panel-width',
+  height: '--plasma_private-panel-height',
+  backgroundColor: '--plasma_private-panel-custom-background-color'
+};
 export var tokens = {
   background: '--plasma-panel-background',
   shadow: '--plasma-panel-shadow',

package/styled-components/es/components/Panel/ui/PanelHeader/PanelHeader.styles.js

@@ -2,13 +2,13 @@ import styled from 'styled-components';
 import { mergeConfig, component } from '../../../../engines';
 import { buttonConfig } from '../../../Button';
 import { tokens as buttonTokens } from '../../../Button/Button.tokens';
-import { tokens } from '../../Panel.tokens';
+import { privateTokens, tokens } from '../../Panel.tokens';
 import { placements } from './PanelHeader.types';
 var mergedButtonConfig = /*#__PURE__*/mergeConfig(buttonConfig);
 var Button = /*#__PURE__*/component(mergedButtonConfig);
 export var ButtonWrapper = /*#__PURE__*/styled.div.withConfig({
   componentId: "plasma-new-hope__sc-yiy73v-0"
-})(["background:var(", ");order:", ";padding-left:", ";padding-right:", ";"], tokens.background, function (_ref) {
+})(["background:var(", ",var(", "));order:", ";padding-left:", ";padding-right:", ";"], privateTokens.backgroundColor, tokens.background, function (_ref) {
   var placement = _ref.placement;
   return placement === placements.left ? -1 : 0;
 }, function (_ref2) {

package/styled-components/es/components/Panel/variations/_view/base.js

@@ -1,3 +1,3 @@
 import { css } from 'styled-components';
-import { tokens } from '../../Panel.tokens';
-export var base = /*#__PURE__*/css(["background:var(", ");box-shadow:var(", ");box-sizing:border-box;"], tokens.background, tokens.shadow);
+import { privateTokens, tokens } from '../../Panel.tokens';
+export var base = /*#__PURE__*/css(["background:var(", ",var(", "));box-shadow:var(", ");box-sizing:border-box;"], privateTokens.backgroundColor, tokens.background, tokens.shadow);

package/styled-components/es/examples/plasma_b2c/components/Calendar/Calendar.stories.tsx

@@ -100,11 +100,11 @@ const StoryDefault = (args: CalendarProps) => {
             isDouble={isDouble}
             date={date}
             value={(isRange ? valueRange : value) as Date & [Date, Date?]}
+            min={min}
+            max={max}
             includeEdgeDates={includeEdgeDates}
             locale={locale}
             onChangeValue={(isRange ? handleOnRangeChange : handleOnChange) as (value: Date | [Date, Date?]) => void}
-            min={min}
-            max={max}
         />
     );
 };
@@ -146,24 +146,24 @@ const StoryBase = (args: CalendarBaseProps & { displayDouble: boolean }) => {
             <CalendarDouble
                 size={size}
                 value={value}
+                min={min}
+                max={max}
                 includeEdgeDates={includeEdgeDates}
                 type={type}
                 locale={locale}
                 onChangeValue={handleOnChange}
-                {...(min && { min: new Date(min) })}
-                {...(max && { max: new Date(max) })}
                 {...rest}
             />
         ) : (
             <CalendarBase
                 size={size}
                 value={value}
+                min={min}
+                max={max}
                 includeEdgeDates={includeEdgeDates}
                 type={type}
                 locale={locale}
                 onChangeValue={handleOnChange}
-                {...(min && { min: new Date(min) })}
-                {...(max && { max: new Date(max) })}
                 {...rest}
             />
         );
@@ -233,24 +233,24 @@ const StoryRange = (args: CalendarBaseRangeProps & { displayDouble: boolean }) =
             <CalendarBaseRange
                 size={size}
                 value={values}
+                min={min}
+                max={max}
                 includeEdgeDates={includeEdgeDates}
                 type={type}
                 onChangeValue={handleOnChange}
                 locale={locale}
-                {...(min && { min: new Date(min) })}
-                {...(max && { max: new Date(max) })}
                 {...rest}
             />
         ) : (
             <CalendarDoubleRange
                 size={size}
                 value={values}
+                min={min}
+                max={max}
                 includeEdgeDates={includeEdgeDates}
                 type={type}
                 onChangeValue={handleOnChange}
                 locale={locale}
-                {...(min && { min: new Date(min) })}
-                {...(max && { max: new Date(max) })}
                 {...rest}
             />
         );

package/styled-components/es/examples/plasma_b2c/components/DatePicker/DatePicker.stories.tsx

@@ -80,8 +80,6 @@ const StoryDefault = ({
     size,
     lang,
     format,
-    min,
-    max,
     ...rest
 }: StoryPropsDefault) => {
     const [isOpen, setIsOpen] = useState(false);
@@ -105,8 +103,6 @@ const StoryDefault = ({
             lang={lang}
             format={format}
             onCommitDate={() => setIsOpen(false)}
-            min={min}
-            max={max}
             {...rest}
         />
     );
@@ -192,8 +188,6 @@ const StoryRange = ({
     secondValueSuccess,
     size,
     lang,
-    min,
-    max,
     ...rest
 }: StoryPropsRange) => {
     const rangeRef = useRef<RangeInputRefs>(null);
@@ -246,8 +240,6 @@ const StoryRange = ({
                 onChangeSecondValue(e, currentValue);
             }}
             lang={lang}
-            min={min}
-            max={max}
             {...dividerIconProps}
             {...rest}
         />
@@ -314,8 +306,6 @@ const StoryDeferred = ({
     valueError,
     valueSuccess,
     size,
-    min,
-    max,
     ...rest
 }: StoryPropsDefault) => {
     const [isOpen, setIsOpen] = useState(false);
@@ -348,8 +338,6 @@ const StoryDeferred = ({
                     onChangeValue(e, currentValue);
                 }}
                 onCommitDate={() => setIsOpen(false)}
-                {...(min && { min: new Date(min) })}
-                {...(max && { max: new Date(max) })}
                 {...rest}
             />
         </>

package/styled-components/es/examples/plasma_b2c/components/Drawer/Drawer.stories.tsx

@@ -14,7 +14,7 @@ import type { ClosePlacementType } from '../../../../components/Drawer';
 import { Drawer, DrawerContent, DrawerFooter, DrawerHeader } from './Drawer';
 
 export default {
-    title: 'b2c/Overlay/Divider',
+    title: 'b2c/Overlay/Drawer',
     decorators: [WithTheme],
     argTypes: {
         placement: {
@@ -85,6 +85,16 @@ export default {
                 type: 'select',
             },
         },
+        customBackgroundColor: {
+            control: {
+                type: 'color',
+            },
+        },
+        customContentBackgroundColor: {
+            control: {
+                type: 'color',
+            },
+        },
     },
 } as Meta;
 

package/styled-components/es/examples/plasma_b2c/components/Panel/Panel.stories.tsx

@@ -47,6 +47,16 @@ export default {
             },
             table: { defaultValue: { summary: 'right' } },
         },
+        customBackgroundColor: {
+            control: {
+                type: 'color',
+            },
+        },
+        customContentBackgroundColor: {
+            control: {
+                type: 'color',
+            },
+        },
     },
 } as Meta;
 

package/styled-components/es/examples/plasma_web/components/Calendar/Calendar.stories.tsx

@@ -100,11 +100,11 @@ const StoryDefault = (args: CalendarProps) => {
             isDouble={isDouble}
             date={date}
             value={(isRange ? valueRange : value) as Date & [Date, Date?]}
+            min={min}
+            max={max}
             includeEdgeDates={includeEdgeDates}
             locale={locale}
             onChangeValue={(isRange ? handleOnRangeChange : handleOnChange) as (value: Date | [Date, Date?]) => void}
-            min={min}
-            max={max}
         />
     );
 };
@@ -146,24 +146,24 @@ const StoryBase = (args: CalendarBaseProps & { displayDouble: boolean }) => {
             <CalendarDouble
                 size={size}
                 value={value}
+                min={min}
+                max={max}
                 includeEdgeDates={includeEdgeDates}
                 type={type}
                 locale={locale}
                 onChangeValue={handleOnChange}
-                {...(min && { min: new Date(min) })}
-                {...(max && { max: new Date(max) })}
                 {...rest}
             />
         ) : (
             <CalendarBase
                 size={size}
                 value={value}
+                min={min}
+                max={max}
                 includeEdgeDates={includeEdgeDates}
                 type={type}
                 locale={locale}
                 onChangeValue={handleOnChange}
-                {...(min && { min: new Date(min) })}
-                {...(max && { max: new Date(max) })}
                 {...rest}
             />
         );
@@ -233,24 +233,24 @@ const StoryRange = (args: CalendarBaseRangeProps & { displayDouble: boolean }) =
             <CalendarBaseRange
                 size={size}
                 value={values}
+                min={min}
+                max={max}
                 includeEdgeDates={includeEdgeDates}
                 type={type}
                 onChangeValue={handleOnChange}
                 locale={locale}
-                {...(min && { min: new Date(min) })}
-                {...(max && { max: new Date(max) })}
                 {...rest}
             />
         ) : (
             <CalendarDoubleRange
                 size={size}
                 value={values}
+                min={min}
+                max={max}
                 includeEdgeDates={includeEdgeDates}
                 type={type}
                 onChangeValue={handleOnChange}
                 locale={locale}
-                {...(min && { min: new Date(min) })}
-                {...(max && { max: new Date(max) })}
                 {...rest}
             />
         );

package/styled-components/es/examples/plasma_web/components/DatePicker/DatePicker.stories.tsx

@@ -1,7 +1,7 @@
 import React, { ComponentProps, useEffect, useRef, useState } from 'react';
 import type { StoryObj, Meta } from '@storybook/react';
 import { action } from '@storybook/addon-actions';
-import { disableProps, IconPlaceholder } from '@salutejs/plasma-sb-utils';
+import { IconPlaceholder } from '@salutejs/plasma-sb-utils';
 
 import { WithTheme } from '../../../_helpers';
 import { IconButton } from '../IconButton/IconButton';
@@ -80,8 +80,6 @@ const StoryDefault = ({
     size,
     lang,
     format,
-    min,
-    max,
     ...rest
 }: StoryPropsDefault) => {
     const [isOpen, setIsOpen] = useState(false);
@@ -105,8 +103,6 @@ const StoryDefault = ({
             lang={lang}
             format={format}
             onCommitDate={() => setIsOpen(false)}
-            min={min}
-            max={max}
             {...rest}
         />
     );
@@ -192,8 +188,6 @@ const StoryRange = ({
     secondValueSuccess,
     size,
     lang,
-    min,
-    max,
     ...rest
 }: StoryPropsRange) => {
     const rangeRef = useRef<RangeInputRefs>(null);
@@ -246,8 +240,6 @@ const StoryRange = ({
                 onChangeSecondValue(e, currentValue);
             }}
             lang={lang}
-            min={min}
-            max={max}
             {...dividerIconProps}
             {...rest}
         />
@@ -314,8 +306,6 @@ const StoryDeferred = ({
     valueError,
     valueSuccess,
     size,
-    min,
-    max,
     ...rest
 }: StoryPropsDefault) => {
     const [isOpen, setIsOpen] = useState(false);
@@ -348,8 +338,6 @@ const StoryDeferred = ({
                     onChangeValue(e, currentValue);
                 }}
                 onCommitDate={() => setIsOpen(false)}
-                {...(min && { min: new Date(min) })}
-                {...(max && { max: new Date(max) })}
                 {...rest}
             />
         </>

package/styled-components/es/examples/plasma_web/components/Drawer/Drawer.stories.tsx

@@ -14,7 +14,7 @@ import type { ClosePlacementType } from '../../../../components/Drawer';
 import { Drawer, DrawerContent, DrawerFooter, DrawerHeader } from './Drawer';
 
 export default {
-    title: 'web/Overlay/Divider',
+    title: 'web/Overlay/Drawer',
     decorators: [WithTheme],
     argTypes: {
         placement: {
@@ -85,6 +85,16 @@ export default {
                 type: 'select',
             },
         },
+        customBackgroundColor: {
+            control: {
+                type: 'color',
+            },
+        },
+        customContentBackgroundColor: {
+            control: {
+                type: 'color',
+            },
+        },
     },
 } as Meta;
 

package/styled-components/es/examples/plasma_web/components/Dropzone/Dropzone.stories.tsx

@@ -16,7 +16,7 @@ const onChoseFiles = action('onChoseFiles');
 const iconPlacements = ['top', 'left'];
 
 const meta: Meta<typeof Dropzone> = {
-    title: 'plasma_web/Dropzone',
+    title: 'web/Data Entry/Dropzone',
     component: Dropzone,
     decorators: [WithTheme],
     argTypes: {

package/styled-components/es/examples/plasma_web/components/Panel/Panel.stories.tsx

@@ -47,6 +47,16 @@ export default {
             },
             table: { defaultValue: { summary: 'right' } },
         },
+        customBackgroundColor: {
+            control: {
+                type: 'color',
+            },
+        },
+        customContentBackgroundColor: {
+            control: {
+                type: 'color',
+            },
+        },
     },
 } as Meta;
 

package/types/components/Calendar/CalendarBase/CalendarBase.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CalendarBase.d.ts","sourceRoot":"","sources":["../../../../src/components/Calendar/CalendarBase/CalendarBase.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAMV,cAAc,EAGjB,MAAM,OAAO,CAAC;AAEf,OAAO,KAAK,EAAE,QAAQ,EAAE,mBAAmB,EAAc,MAAM,mBAAmB,CAAC;AAMnF,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAM7C,oBAAY,iBAAiB,GAAG,QAAQ,GAAG,mBAAmB,CAAC;AAE/D;;GAEG;AACH,eAAO,MAAM,gBAAgB,SAAU,UAAU,cAAc,EAAE,eAAe,cAAc,CAAC,CAAC,0GA6M3F,CAAC;AAEN,eAAO,MAAM,kBAAkB;;;mBA/MQ,UAAU,cAAc,EAAE,eAAe,cAAc,CAAC,CAAC;;;;;;;;;;;;;;CAgO/F,CAAC"}
+{"version":3,"file":"CalendarBase.d.ts","sourceRoot":"","sources":["../../../../src/components/Calendar/CalendarBase/CalendarBase.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAMV,cAAc,EAGjB,MAAM,OAAO,CAAC;AAEf,OAAO,KAAK,EAAE,QAAQ,EAAE,mBAAmB,EAAc,MAAM,mBAAmB,CAAC;AAMnF,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAM7C,oBAAY,iBAAiB,GAAG,QAAQ,GAAG,mBAAmB,CAAC;AAE/D;;GAEG;AACH,eAAO,MAAM,gBAAgB,SAAU,UAAU,cAAc,EAAE,eAAe,cAAc,CAAC,CAAC,0GA0M3F,CAAC;AAEN,eAAO,MAAM,kBAAkB;;;mBA5MQ,UAAU,cAAc,EAAE,eAAe,cAAc,CAAC,CAAC;;;;;;;;;;;;;;CA6N/F,CAAC"}

package/types/components/Calendar/CalendarDouble/CalendarDouble.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CalendarDouble.d.ts","sourceRoot":"","sources":["../../../../src/components/Calendar/CalendarDouble/CalendarDouble.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAKV,cAAc,EAIjB,MAAM,OAAO,CAAC;AAEf,OAAO,KAAK,EAAE,QAAQ,EAAE,mBAAmB,EAAc,MAAM,mBAAmB,CAAC;AAInF,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAQnD,oBAAY,mBAAmB,GAAG,QAAQ,GAAG,mBAAmB,CAAC;AAEjE;;GAEG;AACH,eAAO,MAAM,kBAAkB,SAAU,UAAU,cAAc,EAAE,eAAe,cAAc,CAAC,CAAC,0GAwV7F,CAAC;AAEN,eAAO,MAAM,oBAAoB;;;mBA1VQ,UAAU,cAAc,EAAE,eAAe,cAAc,CAAC,CAAC;;;;;;;;;;;CAwWjG,CAAC"}
+{"version":3,"file":"CalendarDouble.d.ts","sourceRoot":"","sources":["../../../../src/components/Calendar/CalendarDouble/CalendarDouble.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAKV,cAAc,EAIjB,MAAM,OAAO,CAAC;AAEf,OAAO,KAAK,EAAE,QAAQ,EAAE,mBAAmB,EAAc,MAAM,mBAAmB,CAAC;AAInF,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAQnD,oBAAY,mBAAmB,GAAG,QAAQ,GAAG,mBAAmB,CAAC;AAEjE;;GAEG;AACH,eAAO,MAAM,kBAAkB,SAAU,UAAU,cAAc,EAAE,eAAe,cAAc,CAAC,CAAC,0GAqV7F,CAAC;AAEN,eAAO,MAAM,oBAAoB;;;mBAvVQ,UAAU,cAAc,EAAE,eAAe,cAAc,CAAC,CAAC;;;;;;;;;;;CAqWjG,CAAC"}

package/types/components/Calendar/ui/CalendarMonths/CalendarMonths.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CalendarMonths.d.ts","sourceRoot":"","sources":["../../../../../src/components/Calendar/ui/CalendarMonths/CalendarMonths.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyC,MAAM,OAAO,CAAC;AAO9D,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAGlE;;GAEG;AACH,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAyLxD,CAAC"}
+{"version":3,"file":"CalendarMonths.d.ts","sourceRoot":"","sources":["../../../../../src/components/Calendar/ui/CalendarMonths/CalendarMonths.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyC,MAAM,OAAO,CAAC;AAO9D,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAGlE;;GAEG;AACH,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CA8KxD,CAAC"}

package/types/components/Calendar/ui/CalendarQuarters/CalendarQuarters.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CalendarQuarters.d.ts","sourceRoot":"","sources":["../../../../../src/components/Calendar/ui/CalendarQuarters/CalendarQuarters.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyC,MAAM,OAAO,CAAC;AAO9D,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,0BAA0B,CAAC;AAGtE;;GAEG;AACH,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CAqL5D,CAAC"}
+{"version":3,"file":"CalendarQuarters.d.ts","sourceRoot":"","sources":["../../../../../src/components/Calendar/ui/CalendarQuarters/CalendarQuarters.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyC,MAAM,OAAO,CAAC;AAO9D,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,0BAA0B,CAAC;AAGtE;;GAEG;AACH,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CA2K5D,CAAC"}

package/types/components/Calendar/ui/CalendarYears/CalendarYears.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CalendarYears.d.ts","sourceRoot":"","sources":["../../../../../src/components/Calendar/ui/CalendarYears/CalendarYears.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyC,MAAM,OAAO,CAAC;AAO9D,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAGhE;;GAEG;AACH,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CA0LtD,CAAC"}
+{"version":3,"file":"CalendarYears.d.ts","sourceRoot":"","sources":["../../../../../src/components/Calendar/ui/CalendarYears/CalendarYears.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyC,MAAM,OAAO,CAAC;AAO9D,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAGhE;;GAEG;AACH,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CA+KtD,CAAC"}

package/types/components/Drawer/Drawer.d.ts

@@ -4,6 +4,8 @@ import type { DrawerProps } from './Drawer.types';
 export declare const drawerRoot: (Root: RootProps<HTMLDivElement, DrawerProps>) => React.ForwardRefExoticComponent<import("../Popup").PopupProps & import("../Panel").PanelProps & {
     placement?: "left" | "right" | "top" | "bottom" | undefined;
     asModal?: boolean | undefined;
+    customBackgroundColor?: string | undefined;
+    customContentBackgroundColor?: string | undefined;
     withBlur?: boolean | undefined;
     closeOnEsc?: boolean | undefined;
     closeOnOverlayClick?: boolean | undefined;
@@ -19,6 +21,8 @@ export declare const drawerConfig: {
     layout: (Root: RootProps<HTMLDivElement, DrawerProps>) => React.ForwardRefExoticComponent<import("../Popup").PopupProps & import("../Panel").PanelProps & {
         placement?: "left" | "right" | "top" | "bottom" | undefined;
         asModal?: boolean | undefined;
+        customBackgroundColor?: string | undefined;
+        customContentBackgroundColor?: string | undefined;
         withBlur?: boolean | undefined;
         closeOnEsc?: boolean | undefined;
         closeOnOverlayClick?: boolean | undefined;

package/types/components/Drawer/Drawer.d.ts.map

@@ -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"}
+{"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"}

package/types/components/Drawer/Drawer.types.d.ts

@@ -25,6 +25,14 @@ export declare type DrawerProps = PopupProps & PanelProps & {
      * Если же передано как false, контент вне Drawer становиться доступным.
      */
     asModal?: boolean;
+    /**
+     * Пользовательский цвет фона Panel.
+     */
+    customBackgroundColor?: string;
+    /**
+     * Пользовательский цвет фона контента Panel.
+     */
+    customContentBackgroundColor?: string;
     /**
      * Нужно ли применять blur для подложки.
      */

package/types/components/Drawer/Drawer.types.d.ts.map

@@ -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"}
+{"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"}

package/types/components/Panel/Panel.d.ts.map

@@ -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"}
+{"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"}

package/types/components/Panel/Panel.styles.d.ts

@@ -1,3 +1,5 @@
 /// <reference types="react" />
-export declare const StyledWrapper: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
+export declare const StyledWrapper: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
+    customContentBackgroundColor?: string | undefined;
+}>;
 //# sourceMappingURL=Panel.styles.d.ts.map

package/types/components/Panel/Panel.styles.d.ts.map

@@ -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"}
+{"version":3,"file":"Panel.styles.d.ts","sourceRoot":"","sources":["../../../src/components/Panel/Panel.styles.ts"],"names":[],"mappings":";AAIA,eAAO,MAAM,aAAa;;EAQzB,CAAC"}

package/types/components/Panel/Panel.tokens.d.ts

@@ -6,6 +6,11 @@ export declare const classes: {
     hasHeader: string;
     isRightClose: string;
 };
+export declare const privateTokens: {
+    width: string;
+    height: string;
+    backgroundColor: string;
+};
 export declare const tokens: {
     background: string;
     shadow: string;

package/types/components/Panel/Panel.tokens.d.ts.map

@@ -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"}
+{"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"}

package/types/components/Panel/Panel.types.d.ts

@@ -37,6 +37,14 @@ export interface PanelProps extends HTMLAttributes<HTMLDivElement> {
      * none
      */
     borderRadius?: BorderRadius;
+    /**
+     * Пользовательский цвет фона Panel.
+     */
+    customBackgroundColor?: string;
+    /**
+     * Пользовательский цвет фона контента Panel.
+     */
+    customContentBackgroundColor?: string;
 }
 export {};
 //# sourceMappingURL=Panel.types.d.ts.map

package/types/components/Panel/Panel.types.d.ts.map

@@ -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"}
+{"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"}