@salutejs/plasma-new-hope 0.265.0-canary.1762.13366570528.0 → 0.265.0-dev.0

package/emotion/cjs/examples/plasma_web/components/Checkbox/Checkbox.stories.tsx

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

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

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

package/emotion/es/engines/emotion.js

@@ -2,7 +2,7 @@ import _styled from "@emotion/styled/base";
 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); }
 import React, { forwardRef } from 'react';
 import { css } from '@emotion/react';
-import { getStaticVariants, getDynamicVariants } from './utils';
+import { getStaticVariants, getDynamicVariants, getIntersectionStyles } from './utils';
 export { css };
 var Root = /*#__PURE__*/_styled("div", {
   target: "ew8uqlo0",
@@ -16,12 +16,16 @@ var Root = /*#__PURE__*/_styled("div", {
 }, ";", function (_ref3) {
   var dynamicVariants = _ref3.dynamicVariants;
   return dynamicVariants;
-}, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy1lbW90aW9uL2VuZ2luZXMvZW1vdGlvbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBYUUiLCJmaWxlIjoiLi4vLi4vLi4vc3JjLWVtb3Rpb24vZW5naW5lcy9lbW90aW9uLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyBmb3J3YXJkUmVmIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgY3NzLCBTZXJpYWxpemVkU3R5bGVzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG5pbXBvcnQgeyBnZXRTdGF0aWNWYXJpYW50cywgZ2V0RHluYW1pY1ZhcmlhbnRzIH0gZnJvbSAnLi91dGlscyc7XG5pbXBvcnQgdHlwZSB7IENvbXBvbmVudENvbmZpZywgSFRNTEFueUF0dHJpYnV0ZXMgfSBmcm9tICcuL3R5cGVzJztcblxuZXhwb3J0IHsgY3NzIH07XG5cbmNvbnN0IFJvb3QgPSBzdHlsZWQuZGl2PHtcbiAgICBiYXNlOiBzdHJpbmcgfCBTZXJpYWxpemVkU3R5bGVzO1xuICAgIHN0YXRpY1ZhcmlhbnRzOiAoc3RyaW5nIHwgU2VyaWFsaXplZFN0eWxlcylbXTtcbiAgICBkeW5hbWljVmFyaWFudHM6IChwcm9wczogSFRNTEFueUF0dHJpYnV0ZXMpID0+IGFueVtdO1xufT5gXG4gICAgJHsoeyBiYXNlIH0pID0+IGJhc2V9O1xuICAgICR7KHsgc3RhdGljVmFyaWFudHMgfSkgPT4gc3RhdGljVmFyaWFudHN9O1xuICAgICR7KHsgZHluYW1pY1ZhcmlhbnRzIH0pID0+IGR5bmFtaWNWYXJpYW50c307XG5gO1xuXG4vKiBlc2xpbnQtZGlzYWJsZSBuby11bmRlcnNjb3JlLWRhbmdsZSAqL1xuZXhwb3J0IGNvbnN0IF9jb21wb25lbnQgPSAoY29tcG9uZW50Q29uZmlnOiBDb21wb25lbnRDb25maWcpID0+IHtcbiAgICBjb25zdCB7IHRhZywgYmFzZSB9ID0gY29tcG9uZW50Q29uZmlnO1xuICAgIGNvbnN0IHN0YXRpY1ZhcmlhbnRzID0gZ2V0U3RhdGljVmFyaWFudHMoY29tcG9uZW50Q29uZmlnKTtcbiAgICBjb25zdCBkeW5hbWljVmFyaWFudHMgPSBnZXREeW5hbWljVmFyaWFudHMoY29tcG9uZW50Q29uZmlnKTtcblxuICAgIC8vIFRPRE86IHNob3VsZCB3ZSB0eXBlIHRhZyBhcyBtb3JlIHRoZW4gc3RyaW5nID9cbiAgICBjb25zdCBSID0gUm9vdC53aXRoQ29tcG9uZW50KHRhZyBhcyBrZXlvZiBKU1guSW50cmluc2ljRWxlbWVudHMpO1xuXG4gICAgcmV0dXJuIGZvcndhcmRSZWY8SFRNTEVsZW1lbnQsIEhUTUxBbnlBdHRyaWJ1dGVzPigocHJvcHMsIHJlZikgPT4gKFxuICAgICAgICA8UiBiYXNlPXtiYXNlfSBzdGF0aWNWYXJpYW50cz17c3RhdGljVmFyaWFudHN9IGR5bmFtaWNWYXJpYW50cz17ZHluYW1pY1ZhcmlhbnRzfSB7Li4ucHJvcHN9IHJlZj17cmVmfSAvPlxuICAgICkpO1xufTtcbiJdfQ== */"));
+}, ";", function (_ref4) {
+  var intersectionStyles = _ref4.intersectionStyles;
+  return intersectionStyles;
+}, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy1lbW90aW9uL2VuZ2luZXMvZW1vdGlvbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBY0UiLCJmaWxlIjoiLi4vLi4vLi4vc3JjLWVtb3Rpb24vZW5naW5lcy9lbW90aW9uLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyBmb3J3YXJkUmVmIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgY3NzLCBTZXJpYWxpemVkU3R5bGVzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG5pbXBvcnQgeyBnZXRTdGF0aWNWYXJpYW50cywgZ2V0RHluYW1pY1ZhcmlhbnRzLCBnZXRJbnRlcnNlY3Rpb25TdHlsZXMgfSBmcm9tICcuL3V0aWxzJztcbmltcG9ydCB0eXBlIHsgQ29tcG9uZW50Q29uZmlnLCBIVE1MQW55QXR0cmlidXRlcyB9IGZyb20gJy4vdHlwZXMnO1xuXG5leHBvcnQgeyBjc3MgfTtcblxuY29uc3QgUm9vdCA9IHN0eWxlZC5kaXY8e1xuICAgIGJhc2U6IHN0cmluZyB8IFNlcmlhbGl6ZWRTdHlsZXM7XG4gICAgc3RhdGljVmFyaWFudHM6IChzdHJpbmcgfCBTZXJpYWxpemVkU3R5bGVzKVtdO1xuICAgIGR5bmFtaWNWYXJpYW50czogKHByb3BzOiBIVE1MQW55QXR0cmlidXRlcykgPT4gYW55W107XG4gICAgaW50ZXJzZWN0aW9uU3R5bGVzOiBzdHJpbmdbXTtcbn0+YFxuICAgICR7KHsgYmFzZSB9KSA9PiBiYXNlfTtcbiAgICAkeyh7IHN0YXRpY1ZhcmlhbnRzIH0pID0+IHN0YXRpY1ZhcmlhbnRzfTtcbiAgICAkeyh7IGR5bmFtaWNWYXJpYW50cyB9KSA9PiBkeW5hbWljVmFyaWFudHN9O1xuICAgICR7KHsgaW50ZXJzZWN0aW9uU3R5bGVzIH0pID0+IGludGVyc2VjdGlvblN0eWxlc307XG5gO1xuXG4vKiBlc2xpbnQtZGlzYWJsZSBuby11bmRlcnNjb3JlLWRhbmdsZSAqL1xuZXhwb3J0IGNvbnN0IF9jb21wb25lbnQgPSAoY29tcG9uZW50Q29uZmlnOiBDb21wb25lbnRDb25maWcpID0+IHtcbiAgICBjb25zdCB7IHRhZywgYmFzZSwgaW50ZXJzZWN0aW9ucyB9ID0gY29tcG9uZW50Q29uZmlnO1xuICAgIGNvbnN0IHN0YXRpY1ZhcmlhbnRzID0gZ2V0U3RhdGljVmFyaWFudHMoY29tcG9uZW50Q29uZmlnKTtcbiAgICBjb25zdCBkeW5hbWljVmFyaWFudHMgPSBnZXREeW5hbWljVmFyaWFudHMoY29tcG9uZW50Q29uZmlnKTtcblxuICAgIC8vIFRPRE86IHNob3VsZCB3ZSB0eXBlIHRhZyBhcyBtb3JlIHRoZW4gc3RyaW5nID9cbiAgICBjb25zdCBSID0gUm9vdC53aXRoQ29tcG9uZW50KHRhZyBhcyBrZXlvZiBKU1guSW50cmluc2ljRWxlbWVudHMpO1xuXG4gICAgcmV0dXJuIGZvcndhcmRSZWY8SFRNTEVsZW1lbnQsIEhUTUxBbnlBdHRyaWJ1dGVzPigocHJvcHMsIHJlZikgPT4ge1xuICAgICAgICBjb25zdCBpbnRlcnNlY3Rpb25TdHlsZXMgPSBnZXRJbnRlcnNlY3Rpb25TdHlsZXMocHJvcHMsIGludGVyc2VjdGlvbnMpO1xuXG4gICAgICAgIHJldHVybiAoXG4gICAgICAgICAgICA8UlxuICAgICAgICAgICAgICAgIGJhc2U9e2Jhc2V9XG4gICAgICAgICAgICAgICAgc3RhdGljVmFyaWFudHM9e3N0YXRpY1ZhcmlhbnRzfVxuICAgICAgICAgICAgICAgIGR5bmFtaWNWYXJpYW50cz17ZHluYW1pY1ZhcmlhbnRzfVxuICAgICAgICAgICAgICAgIGludGVyc2VjdGlvblN0eWxlcz17aW50ZXJzZWN0aW9uU3R5bGVzfVxuICAgICAgICAgICAgICAgIHsuLi5wcm9wc31cbiAgICAgICAgICAgICAgICByZWY9e3JlZn1cbiAgICAgICAgICAgIC8+XG4gICAgICAgICk7XG4gICAgfSk7XG59O1xuIl19 */"));
 
 /* eslint-disable no-underscore-dangle */
 export var _component = function _component(componentConfig) {
   var tag = componentConfig.tag,
-    base = componentConfig.base;
+    base = componentConfig.base,
+    intersections = componentConfig.intersections;
   var staticVariants = getStaticVariants(componentConfig);
   var dynamicVariants = getDynamicVariants(componentConfig);
 
@@ -31,10 +35,12 @@ export var _component = function _component(componentConfig) {
     label: "plasma-new-hope__R"
   });
   return /*#__PURE__*/forwardRef(function (props, ref) {
+    var intersectionStyles = getIntersectionStyles(props, intersections);
     return /*#__PURE__*/React.createElement(R, _extends({
       base: base,
       staticVariants: staticVariants,
-      dynamicVariants: dynamicVariants
+      dynamicVariants: dynamicVariants,
+      intersectionStyles: intersectionStyles
     }, props, {
       ref: ref
     }));

package/emotion/es/engines/utils.js

@@ -1,3 +1,7 @@
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
 function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
@@ -33,4 +37,25 @@ export var getDynamicVariants = function getDynamicVariants(config) {
     }
     return res;
   };
+};
+export var getIntersectionStyles = function getIntersectionStyles(props, intersections) {
+  if (!intersections) {
+    return [];
+  }
+  return intersections.reduce(function (styles, item) {
+    var hasMatchStyle = Object.entries(item).filter(function (_ref) {
+      var _ref2 = _slicedToArray(_ref, 1),
+        key = _ref2[0];
+      return key !== 'style';
+    }).every(function (_ref3) {
+      var _ref4 = _slicedToArray(_ref3, 2),
+        key = _ref4[0],
+        value = _ref4[1];
+      return props[key] === value;
+    });
+    if (hasMatchStyle) {
+      styles.push(item.style);
+    }
+    return styles;
+  }, []);
 };