@salutejs/plasma-new-hope 0.261.0-canary.1760.13180340956.0 → 0.261.0-canary.1762.13182430055.0

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

@@ -12,7 +12,7 @@ var _base2 = /*#__PURE__*/require("./variations/_size/base");
 var _base3 = /*#__PURE__*/require("./variations/_borderRadius/base");
 var _Panel = /*#__PURE__*/require("./Panel.tokens");
 var _Panel2 = /*#__PURE__*/require("./Panel.styles");
-var _excluded = ["children", "view", "size", "width", "height", "customBackgroundColor", "customContentBackgroundColor", "className", "style"];
+var _excluded = ["children", "view", "size", "width", "height", "className", "style"];
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
 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); }
@@ -30,8 +30,6 @@ var panelRoot = exports.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);
@@ -42,10 +40,11 @@ var panelRoot = exports.panelRoot = function panelRoot(Root) {
       view: view,
       size: size,
       className: (0, _utils.cx)(_Panel.classes.root, className),
-      style: _objectSpread(_objectSpread({}, style), {}, _defineProperty(_defineProperty(_defineProperty({}, _Panel.privateTokens.width, innerWidth), _Panel.privateTokens.height, innerHeight), _Panel.privateTokens.backgrounColor, customBackgroundColor))
-    }, rest), /*#__PURE__*/_react["default"].createElement(_Panel2.StyledWrapper, {
-      customContentBackgroundColor: customContentBackgroundColor
-    }, children));
+      style: _objectSpread(_objectSpread({}, style), {}, {
+        '--plasma_private-panel-width': innerWidth,
+        '--plasma_private-panel-height': innerHeight
+      })
+    }, rest), /*#__PURE__*/_react["default"].createElement(_Panel2.StyledWrapper, null, children));
   });
 };
 var panelConfig = exports.panelConfig = {

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

@@ -9,7 +9,4 @@ var _Panel = /*#__PURE__*/require("./Panel.tokens");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 var StyledWrapper = exports.StyledWrapper = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   componentId: "plasma-new-hope__sc-ryn15p-0"
-})(["background:", ";height:100%;width:100%;display:inline-flex;flex-direction:column;position:relative;"], function (_ref) {
-  var customContentBackgroundColor = _ref.customContentBackgroundColor;
-  return customContentBackgroundColor || "var(".concat(_Panel.tokens.contentBackgroundColor, ")");
-});
+})(["background:var(", ");height:100%;width:100%;display:inline-flex;flex-direction:column;position:relative;"], _Panel.tokens.contentBackgroundColor);

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.tokens = exports.privateTokens = exports.classes = void 0;
+exports.tokens = exports.classes = void 0;
 var classes = exports.classes = {
   root: 'panel-root',
   content: 'panel-content',
@@ -12,11 +12,6 @@ var classes = exports.classes = {
   hasHeader: 'panel-has-header',
   isRightClose: 'panel-right-close-button'
 };
-var privateTokens = exports.privateTokens = {
-  width: '--plasma_private-panel-width',
-  height: '--plasma_private-panel-height',
-  backgrounColor: '--plasma_private-panel-custom-background-color'
-};
 var tokens = exports.tokens = {
   background: '--plasma-panel-background',
   shadow: '--plasma-panel-shadow',

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

@@ -15,7 +15,7 @@ var mergedButtonConfig = /*#__PURE__*/(0, _engines.mergeConfig)(_Button.buttonCo
 var Button = /*#__PURE__*/(0, _engines.component)(mergedButtonConfig);
 var ButtonWrapper = exports.ButtonWrapper = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   componentId: "plasma-new-hope__sc-yiy73v-0"
-})(["background:var(", ",var(", "));order:", ";padding-left:", ";padding-right:", ";"], _Panel.privateTokens.backgrounColor, _Panel.tokens.background, function (_ref) {
+})(["background:var(", ");order:", ";padding-left:", ";padding-right:", ";"], _Panel.tokens.background, function (_ref) {
   var placement = _ref.placement;
   return placement === _PanelHeader.placements.left ? -1 : 0;
 }, function (_ref2) {

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

@@ -6,4 +6,4 @@ Object.defineProperty(exports, "__esModule", {
 exports.base = void 0;
 var _styledComponents = /*#__PURE__*/require("styled-components");
 var _Panel = /*#__PURE__*/require("../../Panel.tokens");
-var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["background:var(", ",var(", "));box-shadow:var(", ");box-sizing:border-box;"], _Panel.privateTokens.backgrounColor, _Panel.tokens.background, _Panel.tokens.shadow);
+var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["background:var(", ");box-shadow:var(", ");box-sizing:border-box;"], _Panel.tokens.background, _Panel.tokens.shadow);

package/styled-components/cjs/examples/plasma_b2c/components/Checkbox/Checkbox.config.js

@@ -22,13 +22,20 @@ var config = exports.config = {
      * Вид контрола.
      */
     view: {
+      accent: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-accent);", ":var(--on-dark-text-primary);", ":var(--text-secondary);", ":transparent;", ":var(--text-secondary);"], _Checkbox.checkboxTokens.fillColor, _Checkbox.checkboxTokens.iconColor, _Checkbox.checkboxTokens.descriptionColor, _Checkbox.checkboxTokens.triggerBackgroundColor, _Checkbox.checkboxTokens.triggerBorderColor),
+      // deprecated
       "default": /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-primary);", ":var(--inverse-text-primary);", ":var(--text-secondary);", ":transparent;", ":var(--text-secondary);"], _Checkbox.checkboxTokens.fillColor, _Checkbox.checkboxTokens.iconColor, _Checkbox.checkboxTokens.descriptionColor, _Checkbox.checkboxTokens.triggerBackgroundColor, _Checkbox.checkboxTokens.triggerBorderColor),
+      // deprecated
       secondary: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-secondary);", ":var(--inverse-text-primary);", ":var(--text-secondary);", ":transparent;", ":var(--text-secondary);"], _Checkbox.checkboxTokens.fillColor, _Checkbox.checkboxTokens.iconColor, _Checkbox.checkboxTokens.descriptionColor, _Checkbox.checkboxTokens.triggerBackgroundColor, _Checkbox.checkboxTokens.triggerBorderColor),
+      // deprecated
       tertiary: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-tertiary);", ":var(--inverse-text-primary);", ":var(--text-secondary);", ":transparent;", ":var(--text-secondary);"], _Checkbox.checkboxTokens.fillColor, _Checkbox.checkboxTokens.iconColor, _Checkbox.checkboxTokens.descriptionColor, _Checkbox.checkboxTokens.triggerBackgroundColor, _Checkbox.checkboxTokens.triggerBorderColor),
+      // deprecated
       paragraph: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-paragraph);", ":var(--inverse-text-primary);", ":var(--text-secondary);", ":transparent;", ":var(--text-secondary);"], _Checkbox.checkboxTokens.fillColor, _Checkbox.checkboxTokens.iconColor, _Checkbox.checkboxTokens.descriptionColor, _Checkbox.checkboxTokens.triggerBackgroundColor, _Checkbox.checkboxTokens.triggerBorderColor),
-      accent: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-accent);", ":var(--on-dark-text-primary);", ":var(--text-secondary);", ":transparent;", ":var(--text-secondary);"], _Checkbox.checkboxTokens.fillColor, _Checkbox.checkboxTokens.iconColor, _Checkbox.checkboxTokens.descriptionColor, _Checkbox.checkboxTokens.triggerBackgroundColor, _Checkbox.checkboxTokens.triggerBorderColor),
+      // deprecated
       positive: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-positive);", ":var(--on-dark-text-primary);", ":var(--text-secondary);", ":transparent;", ":var(--text-secondary);"], _Checkbox.checkboxTokens.fillColor, _Checkbox.checkboxTokens.iconColor, _Checkbox.checkboxTokens.descriptionColor, _Checkbox.checkboxTokens.triggerBackgroundColor, _Checkbox.checkboxTokens.triggerBorderColor),
+      // deprecated
       warning: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-warning);", ":var(--on-dark-text-primary);", ":var(--text-secondary);", ":transparent;", ":var(--text-secondary);"], _Checkbox.checkboxTokens.fillColor, _Checkbox.checkboxTokens.iconColor, _Checkbox.checkboxTokens.descriptionColor, _Checkbox.checkboxTokens.triggerBackgroundColor, _Checkbox.checkboxTokens.triggerBorderColor),
+      // deprecated
       negative: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-negative);", ":var(--on-dark-text-primary);", ":var(--text-secondary);", ":transparent;", ":var(--text-secondary);"], _Checkbox.checkboxTokens.fillColor, _Checkbox.checkboxTokens.iconColor, _Checkbox.checkboxTokens.descriptionColor, _Checkbox.checkboxTokens.triggerBackgroundColor, _Checkbox.checkboxTokens.triggerBorderColor)
     },
     disabled: {

package/styled-components/cjs/examples/plasma_b2c/components/Checkbox/Checkbox.stories.tsx

@@ -3,12 +3,9 @@ import type { ComponentProps } from 'react';
 import type { StoryObj, Meta } from '@storybook/react';
 import { action } from '@storybook/addon-actions';
 
-import { checkboxConfig } from '../../../../components/Checkbox';
-import { mergeConfig } from '../../../../engines';
-import { WithTheme, argTypesFromConfig } from '../../../_helpers';
+import { WithTheme } from '../../../_helpers';
 import { Link } from '../Link/Link';
 
-import { config } from './Checkbox.config';
 import { Checkbox } from './Checkbox';
 
 const onChange = action('onChange');
@@ -19,7 +16,20 @@ const meta: Meta<typeof Checkbox> = {
     title: 'b2c/Data Entry/Checkbox',
     decorators: [WithTheme],
     component: Checkbox,
-    argTypes: argTypesFromConfig(mergeConfig(checkboxConfig, config)),
+    argTypes: {
+        view: {
+            options: ['accent'],
+            control: {
+                type: 'radio',
+            },
+        },
+        size: {
+            options: ['m', 's'],
+            control: {
+                type: 'radio',
+            },
+        },
+    },
     args: {
         view: 'accent',
         size: 'm',

package/styled-components/cjs/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/Drawer',
+    title: 'b2c/Overlay/Divider',
     decorators: [WithTheme],
     argTypes: {
         placement: {
@@ -85,16 +85,6 @@ export default {
                 type: 'select',
             },
         },
-        customBackgroundColor: {
-            control: {
-                type: 'color',
-            },
-        },
-        customContentBackgroundColor: {
-            control: {
-                type: 'color',
-            },
-        },
     },
 } as Meta;
 

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

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

package/styled-components/cjs/examples/plasma_web/components/Checkbox/Checkbox.config.js

@@ -22,13 +22,20 @@ var config = exports.config = {
      * Вид контрола.
      */
     view: {
+      accent: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-accent);", ":var(--on-dark-text-primary);", ":var(--text-secondary);", ":transparent;", ":var(--text-secondary);"], _Checkbox.checkboxTokens.fillColor, _Checkbox.checkboxTokens.iconColor, _Checkbox.checkboxTokens.descriptionColor, _Checkbox.checkboxTokens.triggerBackgroundColor, _Checkbox.checkboxTokens.triggerBorderColor),
+      // deprecated
       "default": /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-primary);", ":var(--inverse-text-primary);", ":var(--text-secondary);", ":transparent;", ":var(--text-secondary);"], _Checkbox.checkboxTokens.fillColor, _Checkbox.checkboxTokens.iconColor, _Checkbox.checkboxTokens.descriptionColor, _Checkbox.checkboxTokens.triggerBackgroundColor, _Checkbox.checkboxTokens.triggerBorderColor),
+      // deprecated
       secondary: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-secondary);", ":var(--inverse-text-primary);", ":var(--text-secondary);", ":transparent;", ":var(--text-secondary);"], _Checkbox.checkboxTokens.fillColor, _Checkbox.checkboxTokens.iconColor, _Checkbox.checkboxTokens.descriptionColor, _Checkbox.checkboxTokens.triggerBackgroundColor, _Checkbox.checkboxTokens.triggerBorderColor),
+      // deprecated
       tertiary: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-tertiary);", ":var(--inverse-text-primary);", ":var(--text-secondary);", ":transparent;", ":var(--text-secondary);"], _Checkbox.checkboxTokens.fillColor, _Checkbox.checkboxTokens.iconColor, _Checkbox.checkboxTokens.descriptionColor, _Checkbox.checkboxTokens.triggerBackgroundColor, _Checkbox.checkboxTokens.triggerBorderColor),
+      // deprecated
       paragraph: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-paragraph);", ":var(--inverse-text-primary);", ":var(--text-secondary);", ":transparent;", ":var(--text-secondary);"], _Checkbox.checkboxTokens.fillColor, _Checkbox.checkboxTokens.iconColor, _Checkbox.checkboxTokens.descriptionColor, _Checkbox.checkboxTokens.triggerBackgroundColor, _Checkbox.checkboxTokens.triggerBorderColor),
-      accent: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-accent);", ":var(--on-dark-text-primary);", ":var(--text-secondary);", ":transparent;", ":var(--text-secondary);"], _Checkbox.checkboxTokens.fillColor, _Checkbox.checkboxTokens.iconColor, _Checkbox.checkboxTokens.descriptionColor, _Checkbox.checkboxTokens.triggerBackgroundColor, _Checkbox.checkboxTokens.triggerBorderColor),
+      // deprecated
       positive: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-positive);", ":var(--on-dark-text-primary);", ":var(--text-secondary);", ":transparent;", ":var(--text-secondary);"], _Checkbox.checkboxTokens.fillColor, _Checkbox.checkboxTokens.iconColor, _Checkbox.checkboxTokens.descriptionColor, _Checkbox.checkboxTokens.triggerBackgroundColor, _Checkbox.checkboxTokens.triggerBorderColor),
+      // deprecated
       warning: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-warning);", ":var(--on-dark-text-primary);", ":var(--text-secondary);", ":transparent;", ":var(--text-secondary);"], _Checkbox.checkboxTokens.fillColor, _Checkbox.checkboxTokens.iconColor, _Checkbox.checkboxTokens.descriptionColor, _Checkbox.checkboxTokens.triggerBackgroundColor, _Checkbox.checkboxTokens.triggerBorderColor),
+      // deprecated
       negative: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-negative);", ":var(--on-dark-text-primary);", ":var(--text-secondary);", ":transparent;", ":var(--text-secondary);"], _Checkbox.checkboxTokens.fillColor, _Checkbox.checkboxTokens.iconColor, _Checkbox.checkboxTokens.descriptionColor, _Checkbox.checkboxTokens.triggerBackgroundColor, _Checkbox.checkboxTokens.triggerBorderColor)
     },
     disabled: {

package/styled-components/cjs/examples/plasma_web/components/Checkbox/Checkbox.stories.tsx

@@ -3,12 +3,9 @@ import type { ComponentProps } from 'react';
 import type { StoryObj, Meta } from '@storybook/react';
 import { action } from '@storybook/addon-actions';
 
-import { checkboxConfig } from '../../../../components/Checkbox';
-import { mergeConfig } from '../../../../engines';
-import { WithTheme, argTypesFromConfig } from '../../../_helpers';
+import { WithTheme } from '../../../_helpers';
 import { Link } from '../Link/Link';
 
-import { config } from './Checkbox.config';
 import { Checkbox } from './Checkbox';
 
 const onChange = action('onChange');
@@ -19,7 +16,20 @@ const meta: Meta<typeof Checkbox> = {
     title: 'web/Data Entry/Checkbox',
     decorators: [WithTheme],
     component: Checkbox,
-    argTypes: argTypesFromConfig(mergeConfig(checkboxConfig, config)),
+    argTypes: {
+        view: {
+            options: ['accent'],
+            control: {
+                type: 'radio',
+            },
+        },
+        size: {
+            options: ['m', 's'],
+            control: {
+                type: 'radio',
+            },
+        },
+    },
     args: {
         view: 'accent',
         size: 'm',

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

@@ -85,16 +85,6 @@ export default {
                 type: 'select',
             },
         },
-        customBackgroundColor: {
-            control: {
-                type: 'color',
-            },
-        },
-        customContentBackgroundColor: {
-            control: {
-                type: 'color',
-            },
-        },
     },
 } as Meta;
 

package/styled-components/cjs/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: 'web/Data Entry/Dropzone',
+    title: 'plasma_web/Dropzone',
     component: Dropzone,
     decorators: [WithTheme],
     argTypes: {

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

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

package/styled-components/es/components/Checkbox/Checkbox.template-doc.mdx

@@ -9,6 +9,10 @@ import { PropsTable, Description } from '@site/src/components';
 <Description name="Checkbox" />
 <PropsTable name="Checkbox" exclude={['css', 'focused']} />
 
+:::caution устаревшие view
+Актуальное значение свойства `view` - это `accent`. Все остальные - depracated.
+:::
+
 ## Использование
 Компонент `Checkbox` может содержать лейбл и описание.
 

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", "customBackgroundColor", "customContentBackgroundColor", "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", "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,8 +35,6 @@ 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,
@@ -120,8 +118,6 @@ 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", "customBackgroundColor", "customContentBackgroundColor", "className", "style"];
+var _excluded = ["children", "view", "size", "width", "height", "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, privateTokens } from './Panel.tokens';
+import { classes } from './Panel.tokens';
 import { StyledWrapper } from './Panel.styles';
 export var panelRoot = function panelRoot(Root) {
   return /*#__PURE__*/forwardRef(function (_ref, outerRef) {
@@ -22,8 +22,6 @@ 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);
@@ -34,10 +32,11 @@ export var panelRoot = function panelRoot(Root) {
       view: view,
       size: size,
       className: cx(classes.root, className),
-      style: _objectSpread(_objectSpread({}, style), {}, _defineProperty(_defineProperty(_defineProperty({}, privateTokens.width, innerWidth), privateTokens.height, innerHeight), privateTokens.backgrounColor, customBackgroundColor))
-    }, rest), /*#__PURE__*/React.createElement(StyledWrapper, {
-      customContentBackgroundColor: customContentBackgroundColor
-    }, children));
+      style: _objectSpread(_objectSpread({}, style), {}, {
+        '--plasma_private-panel-width': innerWidth,
+        '--plasma_private-panel-height': innerHeight
+      })
+    }, rest), /*#__PURE__*/React.createElement(StyledWrapper, null, children));
   });
 };
 export var panelConfig = {

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

@@ -2,7 +2,4 @@ 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:", ";height:100%;width:100%;display:inline-flex;flex-direction:column;position:relative;"], function (_ref) {
-  var customContentBackgroundColor = _ref.customContentBackgroundColor;
-  return customContentBackgroundColor || "var(".concat(tokens.contentBackgroundColor, ")");
-});
+})(["background:var(", ");height:100%;width:100%;display:inline-flex;flex-direction:column;position:relative;"], tokens.contentBackgroundColor);

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

@@ -6,11 +6,6 @@ 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',
-  backgrounColor: '--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 { privateTokens, tokens } from '../../Panel.tokens';
+import { 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(", ",var(", "));order:", ";padding-left:", ";padding-right:", ";"], privateTokens.backgrounColor, tokens.background, function (_ref) {
+})(["background:var(", ");order:", ";padding-left:", ";padding-right:", ";"], 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 { privateTokens, tokens } from '../../Panel.tokens';
-export var base = /*#__PURE__*/css(["background:var(", ",var(", "));box-shadow:var(", ");box-sizing:border-box;"], privateTokens.backgrounColor, tokens.background, tokens.shadow);
+import { tokens } from '../../Panel.tokens';
+export var base = /*#__PURE__*/css(["background:var(", ");box-shadow:var(", ");box-sizing:border-box;"], tokens.background, tokens.shadow);

package/styled-components/es/examples/plasma_b2c/components/Checkbox/Checkbox.config.js

@@ -16,13 +16,20 @@ export var config = {
      * Вид контрола.
      */
     view: {
+      accent: /*#__PURE__*/css(["", ":var(--text-accent);", ":var(--on-dark-text-primary);", ":var(--text-secondary);", ":transparent;", ":var(--text-secondary);"], checkboxTokens.fillColor, checkboxTokens.iconColor, checkboxTokens.descriptionColor, checkboxTokens.triggerBackgroundColor, checkboxTokens.triggerBorderColor),
+      // deprecated
       "default": /*#__PURE__*/css(["", ":var(--text-primary);", ":var(--inverse-text-primary);", ":var(--text-secondary);", ":transparent;", ":var(--text-secondary);"], checkboxTokens.fillColor, checkboxTokens.iconColor, checkboxTokens.descriptionColor, checkboxTokens.triggerBackgroundColor, checkboxTokens.triggerBorderColor),
+      // deprecated
       secondary: /*#__PURE__*/css(["", ":var(--text-secondary);", ":var(--inverse-text-primary);", ":var(--text-secondary);", ":transparent;", ":var(--text-secondary);"], checkboxTokens.fillColor, checkboxTokens.iconColor, checkboxTokens.descriptionColor, checkboxTokens.triggerBackgroundColor, checkboxTokens.triggerBorderColor),
+      // deprecated
       tertiary: /*#__PURE__*/css(["", ":var(--text-tertiary);", ":var(--inverse-text-primary);", ":var(--text-secondary);", ":transparent;", ":var(--text-secondary);"], checkboxTokens.fillColor, checkboxTokens.iconColor, checkboxTokens.descriptionColor, checkboxTokens.triggerBackgroundColor, checkboxTokens.triggerBorderColor),
+      // deprecated
       paragraph: /*#__PURE__*/css(["", ":var(--text-paragraph);", ":var(--inverse-text-primary);", ":var(--text-secondary);", ":transparent;", ":var(--text-secondary);"], checkboxTokens.fillColor, checkboxTokens.iconColor, checkboxTokens.descriptionColor, checkboxTokens.triggerBackgroundColor, checkboxTokens.triggerBorderColor),
-      accent: /*#__PURE__*/css(["", ":var(--text-accent);", ":var(--on-dark-text-primary);", ":var(--text-secondary);", ":transparent;", ":var(--text-secondary);"], checkboxTokens.fillColor, checkboxTokens.iconColor, checkboxTokens.descriptionColor, checkboxTokens.triggerBackgroundColor, checkboxTokens.triggerBorderColor),
+      // deprecated
       positive: /*#__PURE__*/css(["", ":var(--text-positive);", ":var(--on-dark-text-primary);", ":var(--text-secondary);", ":transparent;", ":var(--text-secondary);"], checkboxTokens.fillColor, checkboxTokens.iconColor, checkboxTokens.descriptionColor, checkboxTokens.triggerBackgroundColor, checkboxTokens.triggerBorderColor),
+      // deprecated
       warning: /*#__PURE__*/css(["", ":var(--text-warning);", ":var(--on-dark-text-primary);", ":var(--text-secondary);", ":transparent;", ":var(--text-secondary);"], checkboxTokens.fillColor, checkboxTokens.iconColor, checkboxTokens.descriptionColor, checkboxTokens.triggerBackgroundColor, checkboxTokens.triggerBorderColor),
+      // deprecated
       negative: /*#__PURE__*/css(["", ":var(--text-negative);", ":var(--on-dark-text-primary);", ":var(--text-secondary);", ":transparent;", ":var(--text-secondary);"], checkboxTokens.fillColor, checkboxTokens.iconColor, checkboxTokens.descriptionColor, checkboxTokens.triggerBackgroundColor, checkboxTokens.triggerBorderColor)
     },
     disabled: {

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

@@ -3,12 +3,9 @@ import type { ComponentProps } from 'react';
 import type { StoryObj, Meta } from '@storybook/react';
 import { action } from '@storybook/addon-actions';
 
-import { checkboxConfig } from '../../../../components/Checkbox';
-import { mergeConfig } from '../../../../engines';
-import { WithTheme, argTypesFromConfig } from '../../../_helpers';
+import { WithTheme } from '../../../_helpers';
 import { Link } from '../Link/Link';
 
-import { config } from './Checkbox.config';
 import { Checkbox } from './Checkbox';
 
 const onChange = action('onChange');
@@ -19,7 +16,20 @@ const meta: Meta<typeof Checkbox> = {
     title: 'b2c/Data Entry/Checkbox',
     decorators: [WithTheme],
     component: Checkbox,
-    argTypes: argTypesFromConfig(mergeConfig(checkboxConfig, config)),
+    argTypes: {
+        view: {
+            options: ['accent'],
+            control: {
+                type: 'radio',
+            },
+        },
+        size: {
+            options: ['m', 's'],
+            control: {
+                type: 'radio',
+            },
+        },
+    },
     args: {
         view: 'accent',
         size: 'm',

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/Drawer',
+    title: 'b2c/Overlay/Divider',
     decorators: [WithTheme],
     argTypes: {
         placement: {
@@ -85,16 +85,6 @@ 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,16 +47,6 @@ export default {
             },
             table: { defaultValue: { summary: 'right' } },
         },
-        customBackgroundColor: {
-            control: {
-                type: 'color',
-            },
-        },
-        customContentBackgroundColor: {
-            control: {
-                type: 'color',
-            },
-        },
     },
 } as Meta;
 

package/styled-components/es/examples/plasma_web/components/Checkbox/Checkbox.config.js

@@ -16,13 +16,20 @@ export var config = {
      * Вид контрола.
      */
     view: {
+      accent: /*#__PURE__*/css(["", ":var(--text-accent);", ":var(--on-dark-text-primary);", ":var(--text-secondary);", ":transparent;", ":var(--text-secondary);"], checkboxTokens.fillColor, checkboxTokens.iconColor, checkboxTokens.descriptionColor, checkboxTokens.triggerBackgroundColor, checkboxTokens.triggerBorderColor),
+      // deprecated
       "default": /*#__PURE__*/css(["", ":var(--text-primary);", ":var(--inverse-text-primary);", ":var(--text-secondary);", ":transparent;", ":var(--text-secondary);"], checkboxTokens.fillColor, checkboxTokens.iconColor, checkboxTokens.descriptionColor, checkboxTokens.triggerBackgroundColor, checkboxTokens.triggerBorderColor),
+      // deprecated
       secondary: /*#__PURE__*/css(["", ":var(--text-secondary);", ":var(--inverse-text-primary);", ":var(--text-secondary);", ":transparent;", ":var(--text-secondary);"], checkboxTokens.fillColor, checkboxTokens.iconColor, checkboxTokens.descriptionColor, checkboxTokens.triggerBackgroundColor, checkboxTokens.triggerBorderColor),
+      // deprecated
       tertiary: /*#__PURE__*/css(["", ":var(--text-tertiary);", ":var(--inverse-text-primary);", ":var(--text-secondary);", ":transparent;", ":var(--text-secondary);"], checkboxTokens.fillColor, checkboxTokens.iconColor, checkboxTokens.descriptionColor, checkboxTokens.triggerBackgroundColor, checkboxTokens.triggerBorderColor),
+      // deprecated
       paragraph: /*#__PURE__*/css(["", ":var(--text-paragraph);", ":var(--inverse-text-primary);", ":var(--text-secondary);", ":transparent;", ":var(--text-secondary);"], checkboxTokens.fillColor, checkboxTokens.iconColor, checkboxTokens.descriptionColor, checkboxTokens.triggerBackgroundColor, checkboxTokens.triggerBorderColor),
-      accent: /*#__PURE__*/css(["", ":var(--text-accent);", ":var(--on-dark-text-primary);", ":var(--text-secondary);", ":transparent;", ":var(--text-secondary);"], checkboxTokens.fillColor, checkboxTokens.iconColor, checkboxTokens.descriptionColor, checkboxTokens.triggerBackgroundColor, checkboxTokens.triggerBorderColor),
+      // deprecated
       positive: /*#__PURE__*/css(["", ":var(--text-positive);", ":var(--on-dark-text-primary);", ":var(--text-secondary);", ":transparent;", ":var(--text-secondary);"], checkboxTokens.fillColor, checkboxTokens.iconColor, checkboxTokens.descriptionColor, checkboxTokens.triggerBackgroundColor, checkboxTokens.triggerBorderColor),
+      // deprecated
       warning: /*#__PURE__*/css(["", ":var(--text-warning);", ":var(--on-dark-text-primary);", ":var(--text-secondary);", ":transparent;", ":var(--text-secondary);"], checkboxTokens.fillColor, checkboxTokens.iconColor, checkboxTokens.descriptionColor, checkboxTokens.triggerBackgroundColor, checkboxTokens.triggerBorderColor),
+      // deprecated
       negative: /*#__PURE__*/css(["", ":var(--text-negative);", ":var(--on-dark-text-primary);", ":var(--text-secondary);", ":transparent;", ":var(--text-secondary);"], checkboxTokens.fillColor, checkboxTokens.iconColor, checkboxTokens.descriptionColor, checkboxTokens.triggerBackgroundColor, checkboxTokens.triggerBorderColor)
     },
     disabled: {

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

@@ -3,12 +3,9 @@ import type { ComponentProps } from 'react';
 import type { StoryObj, Meta } from '@storybook/react';
 import { action } from '@storybook/addon-actions';
 
-import { checkboxConfig } from '../../../../components/Checkbox';
-import { mergeConfig } from '../../../../engines';
-import { WithTheme, argTypesFromConfig } from '../../../_helpers';
+import { WithTheme } from '../../../_helpers';
 import { Link } from '../Link/Link';
 
-import { config } from './Checkbox.config';
 import { Checkbox } from './Checkbox';
 
 const onChange = action('onChange');
@@ -19,7 +16,20 @@ const meta: Meta<typeof Checkbox> = {
     title: 'web/Data Entry/Checkbox',
     decorators: [WithTheme],
     component: Checkbox,
-    argTypes: argTypesFromConfig(mergeConfig(checkboxConfig, config)),
+    argTypes: {
+        view: {
+            options: ['accent'],
+            control: {
+                type: 'radio',
+            },
+        },
+        size: {
+            options: ['m', 's'],
+            control: {
+                type: 'radio',
+            },
+        },
+    },
     args: {
         view: 'accent',
         size: 'm',

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

@@ -85,16 +85,6 @@ export default {
                 type: 'select',
             },
         },
-        customBackgroundColor: {
-            control: {
-                type: 'color',
-            },
-        },
-        customContentBackgroundColor: {
-            control: {
-                type: 'color',
-            },
-        },
     },
 } as Meta;