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

package/emotion/es/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/es/engines/linaria.js

@@ -2,14 +2,15 @@ import { objectWithoutProperties as _objectWithoutProperties, toConsumableArray
 import React, { forwardRef } from 'react';
 import { cx } from '@linaria/core';
 import 'focus-visible';
-import { getStaticVariants, getDynamicVariants } from './utils.js';
+import { getIntersectionStyles, getStaticVariants, getDynamicVariants } from './utils.js';
 
 var _excluded = ["className"];
 /* eslint-disable no-underscore-dangle */
 var _component = function _component(componentConfig) {
   var tag = componentConfig.tag,
     base = componentConfig.base,
-    name = componentConfig.name;
+    name = componentConfig.name,
+    intersections = componentConfig.intersections;
   var staticVariants = getStaticVariants(componentConfig);
   var dynamicVariants = getDynamicVariants(componentConfig);
   var Root = tag;
@@ -17,7 +18,8 @@ var _component = function _component(componentConfig) {
     var className = props.className,
       rest = _objectWithoutProperties(props, _excluded);
     var variants = dynamicVariants(rest);
-    var cls = cx.apply(void 0, [className, base].concat(_toConsumableArray(staticVariants), _toConsumableArray(variants)));
+    var intersectionStyles = getIntersectionStyles(rest, intersections);
+    var cls = cx.apply(void 0, [className, base].concat(_toConsumableArray(staticVariants), _toConsumableArray(variants), _toConsumableArray(intersectionStyles)));
 
     // styled-components do it inside
     // filter props

package/es/engines/linaria.js.map

@@ -1 +1 @@
-{"version":3,"file":"linaria.js","sources":["../../src/engines/linaria.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { cx } from '@linaria/core';\n\n// TODO: #1008 Избавиться от импортов и переделать addFocus\nimport 'focus-visible';\nimport { getStaticVariants, getDynamicVariants } from './utils';\nimport type { ComponentConfig, HTMLAnyAttributes } from './types';\n\n/* eslint-disable no-underscore-dangle */\nexport const _component = (componentConfig: ComponentConfig) => {\n    const { tag, base, name } = componentConfig;\n    const staticVariants = getStaticVariants(componentConfig);\n    const dynamicVariants = getDynamicVariants(componentConfig);\n    const Root = tag as React.ElementType;\n\n    const component = forwardRef<HTMLElement, HTMLAnyAttributes>((props, ref) => {\n        const { className, ...rest } = props;\n        const variants = dynamicVariants(rest);\n        const cls = cx(className, base as string, ...(staticVariants as string[]), ...variants);\n\n        // styled-components do it inside\n        // filter props\n        const baseProps: HTMLAnyAttributes = {};\n        for (const key in rest) {\n            if (!(key in componentConfig.variations)) {\n                baseProps[key] = rest[key];\n            }\n        }\n\n        baseProps.ref = ref;\n\n        // styled-components do it inside\n        // add props that should be attr( disabled for example)\n        const htmlAttrs: HTMLAnyAttributes = {};\n        for (const key in componentConfig.variations || {}) {\n            if (key in rest) {\n                const variant = componentConfig.variations[key];\n\n                const { attrs } = variant;\n                if (typeof attrs === 'boolean') {\n                    htmlAttrs[key] = rest[key];\n                }\n            }\n        }\n\n        return <Root className={cls} {...htmlAttrs} {...baseProps} />;\n    });\n    if (name) {\n        component.displayName = name;\n    }\n    return component;\n};\n"],"names":["_component","componentConfig","tag","base","name","staticVariants","getStaticVariants","dynamicVariants","getDynamicVariants","Root","component","forwardRef","props","ref","className","rest","_objectWithoutProperties","_excluded","variants","cls","cx","apply","concat","_toConsumableArray","baseProps","key","variations","htmlAttrs","variant","attrs","React","createElement","_extends","displayName"],"mappings":";;;;;;;AAQA;IACaA,UAAU,GAAG,SAAbA,UAAUA,CAAIC,eAAgC,EAAK;AAC5D,EAAA,IAAQC,GAAG,GAAiBD,eAAe,CAAnCC,GAAG;IAAEC,IAAI,GAAWF,eAAe,CAA9BE,IAAI;IAAEC,IAAI,GAAKH,eAAe,CAAxBG,IAAI,CAAA;AACvB,EAAA,IAAMC,cAAc,GAAGC,iBAAiB,CAACL,eAAe,CAAC,CAAA;AACzD,EAAA,IAAMM,eAAe,GAAGC,kBAAkB,CAACP,eAAe,CAAC,CAAA;EAC3D,IAAMQ,IAAI,GAAGP,GAAwB,CAAA;EAErC,IAAMQ,SAAS,gBAAGC,UAAU,CAAiC,UAACC,KAAK,EAAEC,GAAG,EAAK;AACzE,IAAA,IAAQC,SAAS,GAAcF,KAAK,CAA5BE,SAAS;AAAKC,MAAAA,IAAI,GAAAC,wBAAA,CAAKJ,KAAK,EAAAK,SAAA,CAAA,CAAA;AACpC,IAAA,IAAMC,QAAQ,GAAGX,eAAe,CAACQ,IAAI,CAAC,CAAA;AACtC,IAAA,IAAMI,GAAG,GAAGC,EAAE,CAAAC,KAAA,CAAA,KAAA,CAAA,EAAA,CAACP,SAAS,EAAEX,IAAI,EAAAmB,MAAA,CAAAC,kBAAA,CAAgBlB,cAAc,GAAAkB,kBAAA,CAAkBL,QAAQ,CAAC,CAAA,CAAA,CAAA;;AAEvF;AACA;IACA,IAAMM,SAA4B,GAAG,EAAE,CAAA;AACvC,IAAA,KAAK,IAAMC,GAAG,IAAIV,IAAI,EAAE;AACpB,MAAA,IAAI,EAAEU,GAAG,IAAIxB,eAAe,CAACyB,UAAU,CAAC,EAAE;AACtCF,QAAAA,SAAS,CAACC,GAAG,CAAC,GAAGV,IAAI,CAACU,GAAG,CAAC,CAAA;AAC9B,OAAA;AACJ,KAAA;IAEAD,SAAS,CAACX,GAAG,GAAGA,GAAG,CAAA;;AAEnB;AACA;IACA,IAAMc,SAA4B,GAAG,EAAE,CAAA;IACvC,KAAK,IAAMF,IAAG,IAAIxB,eAAe,CAACyB,UAAU,IAAI,EAAE,EAAE;MAChD,IAAID,IAAG,IAAIV,IAAI,EAAE;AACb,QAAA,IAAMa,OAAO,GAAG3B,eAAe,CAACyB,UAAU,CAACD,IAAG,CAAC,CAAA;AAE/C,QAAA,IAAQI,KAAK,GAAKD,OAAO,CAAjBC,KAAK,CAAA;AACb,QAAA,IAAI,OAAOA,KAAK,KAAK,SAAS,EAAE;AAC5BF,UAAAA,SAAS,CAACF,IAAG,CAAC,GAAGV,IAAI,CAACU,IAAG,CAAC,CAAA;AAC9B,SAAA;AACJ,OAAA;AACJ,KAAA;AAEA,IAAA,oBAAOK,KAAA,CAAAC,aAAA,CAACtB,IAAI,EAAAuB,QAAA,CAAA;AAAClB,MAAAA,SAAS,EAAEK,GAAAA;AAAI,KAAA,EAAKQ,SAAS,EAAMH,SAAS,CAAG,CAAC,CAAA;AACjE,GAAC,CAAC,CAAA;AACF,EAAA,IAAIpB,IAAI,EAAE;IACNM,SAAS,CAACuB,WAAW,GAAG7B,IAAI,CAAA;AAChC,GAAA;AACA,EAAA,OAAOM,SAAS,CAAA;AACpB;;;;"}
+{"version":3,"file":"linaria.js","sources":["../../src/engines/linaria.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { cx } from '@linaria/core';\n\n// TODO: #1008 Избавиться от импортов и переделать addFocus\nimport 'focus-visible';\nimport { getStaticVariants, getDynamicVariants, getIntersectionStyles } from './utils';\nimport type { ComponentConfig, HTMLAnyAttributes } from './types';\n\n/* eslint-disable no-underscore-dangle */\nexport const _component = (componentConfig: ComponentConfig) => {\n    const { tag, base, name, intersections } = componentConfig;\n    const staticVariants = getStaticVariants(componentConfig);\n    const dynamicVariants = getDynamicVariants(componentConfig);\n\n    const Root = tag as React.ElementType;\n\n    const component = forwardRef<HTMLElement, HTMLAnyAttributes>((props, ref) => {\n        const { className, ...rest } = props;\n        const variants = dynamicVariants(rest);\n        const intersectionStyles = getIntersectionStyles(rest, intersections);\n\n        const cls = cx(className, base as string, ...(staticVariants as string[]), ...variants, ...intersectionStyles);\n\n        // styled-components do it inside\n        // filter props\n        const baseProps: HTMLAnyAttributes = {};\n        for (const key in rest) {\n            if (!(key in componentConfig.variations)) {\n                baseProps[key] = rest[key];\n            }\n        }\n\n        baseProps.ref = ref;\n\n        // styled-components do it inside\n        // add props that should be attr( disabled for example)\n        const htmlAttrs: HTMLAnyAttributes = {};\n        for (const key in componentConfig.variations || {}) {\n            if (key in rest) {\n                const variant = componentConfig.variations[key];\n\n                const { attrs } = variant;\n                if (typeof attrs === 'boolean') {\n                    htmlAttrs[key] = rest[key];\n                }\n            }\n        }\n\n        return <Root className={cls} {...htmlAttrs} {...baseProps} />;\n    });\n    if (name) {\n        component.displayName = name;\n    }\n    return component;\n};\n"],"names":["_component","componentConfig","tag","base","name","intersections","staticVariants","getStaticVariants","dynamicVariants","getDynamicVariants","Root","component","forwardRef","props","ref","className","rest","_objectWithoutProperties","_excluded","variants","intersectionStyles","getIntersectionStyles","cls","cx","apply","concat","_toConsumableArray","baseProps","key","variations","htmlAttrs","variant","attrs","React","createElement","_extends","displayName"],"mappings":";;;;;;;AAQA;IACaA,UAAU,GAAG,SAAbA,UAAUA,CAAIC,eAAgC,EAAK;AAC5D,EAAA,IAAQC,GAAG,GAAgCD,eAAe,CAAlDC,GAAG;IAAEC,IAAI,GAA0BF,eAAe,CAA7CE,IAAI;IAAEC,IAAI,GAAoBH,eAAe,CAAvCG,IAAI;IAAEC,aAAa,GAAKJ,eAAe,CAAjCI,aAAa,CAAA;AACtC,EAAA,IAAMC,cAAc,GAAGC,iBAAiB,CAACN,eAAe,CAAC,CAAA;AACzD,EAAA,IAAMO,eAAe,GAAGC,kBAAkB,CAACR,eAAe,CAAC,CAAA;EAE3D,IAAMS,IAAI,GAAGR,GAAwB,CAAA;EAErC,IAAMS,SAAS,gBAAGC,UAAU,CAAiC,UAACC,KAAK,EAAEC,GAAG,EAAK;AACzE,IAAA,IAAQC,SAAS,GAAcF,KAAK,CAA5BE,SAAS;AAAKC,MAAAA,IAAI,GAAAC,wBAAA,CAAKJ,KAAK,EAAAK,SAAA,CAAA,CAAA;AACpC,IAAA,IAAMC,QAAQ,GAAGX,eAAe,CAACQ,IAAI,CAAC,CAAA;AACtC,IAAA,IAAMI,kBAAkB,GAAGC,qBAAqB,CAACL,IAAI,EAAEX,aAAa,CAAC,CAAA;IAErE,IAAMiB,GAAG,GAAGC,EAAE,CAAAC,KAAA,CAACT,KAAAA,CAAAA,EAAAA,CAAAA,SAAS,EAAEZ,IAAI,CAAAsB,CAAAA,MAAA,CAAAC,kBAAA,CAAgBpB,cAAc,CAAA,EAAAoB,kBAAA,CAAkBP,QAAQ,CAAAO,EAAAA,kBAAA,CAAKN,kBAAkB,CAAC,CAAA,CAAA,CAAA;;AAE9G;AACA;IACA,IAAMO,SAA4B,GAAG,EAAE,CAAA;AACvC,IAAA,KAAK,IAAMC,GAAG,IAAIZ,IAAI,EAAE;AACpB,MAAA,IAAI,EAAEY,GAAG,IAAI3B,eAAe,CAAC4B,UAAU,CAAC,EAAE;AACtCF,QAAAA,SAAS,CAACC,GAAG,CAAC,GAAGZ,IAAI,CAACY,GAAG,CAAC,CAAA;AAC9B,OAAA;AACJ,KAAA;IAEAD,SAAS,CAACb,GAAG,GAAGA,GAAG,CAAA;;AAEnB;AACA;IACA,IAAMgB,SAA4B,GAAG,EAAE,CAAA;IACvC,KAAK,IAAMF,IAAG,IAAI3B,eAAe,CAAC4B,UAAU,IAAI,EAAE,EAAE;MAChD,IAAID,IAAG,IAAIZ,IAAI,EAAE;AACb,QAAA,IAAMe,OAAO,GAAG9B,eAAe,CAAC4B,UAAU,CAACD,IAAG,CAAC,CAAA;AAE/C,QAAA,IAAQI,KAAK,GAAKD,OAAO,CAAjBC,KAAK,CAAA;AACb,QAAA,IAAI,OAAOA,KAAK,KAAK,SAAS,EAAE;AAC5BF,UAAAA,SAAS,CAACF,IAAG,CAAC,GAAGZ,IAAI,CAACY,IAAG,CAAC,CAAA;AAC9B,SAAA;AACJ,OAAA;AACJ,KAAA;AAEA,IAAA,oBAAOK,KAAA,CAAAC,aAAA,CAACxB,IAAI,EAAAyB,QAAA,CAAA;AAACpB,MAAAA,SAAS,EAAEO,GAAAA;AAAI,KAAA,EAAKQ,SAAS,EAAMH,SAAS,CAAG,CAAC,CAAA;AACjE,GAAC,CAAC,CAAA;AACF,EAAA,IAAIvB,IAAI,EAAE;IACNO,SAAS,CAACyB,WAAW,GAAGhC,IAAI,CAAA;AAChC,GAAA;AACA,EAAA,OAAOO,SAAS,CAAA;AACpB;;;;"}

package/es/engines/utils.js

@@ -1,4 +1,4 @@
-import { toConsumableArray as _toConsumableArray } from '../_virtual/_rollupPluginBabelHelpers.js';
+import { slicedToArray as _slicedToArray, toConsumableArray as _toConsumableArray } from '../_virtual/_rollupPluginBabelHelpers.js';
 
 var getStaticVariants = function getStaticVariants(config) {
   if (!config.variations) {
@@ -30,6 +30,27 @@ var getDynamicVariants = function getDynamicVariants(config) {
     return res;
   };
 };
+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;
+  }, []);
+};
 
-export { getDynamicVariants, getStaticVariants };
+export { getDynamicVariants, getIntersectionStyles, getStaticVariants };
 //# sourceMappingURL=utils.js.map

package/es/engines/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sources":["../../src/engines/utils.ts"],"sourcesContent":["import type { ComponentConfig, HTMLAnyAttributes } from './types';\n\nexport const getStaticVariants = (config: ComponentConfig) => {\n    if (!config.variations) {\n        return [];\n    }\n    const res = [];\n    const { variations } = config;\n\n    // eslint-disable-next-line guard-for-in\n    for (const key in variations) {\n        const { css } = variations[key];\n        css && res.push(css);\n    }\n\n    return res;\n};\n\nexport const getDynamicVariants = (config: ComponentConfig) => {\n    return (props: HTMLAnyAttributes) => {\n        const res = [];\n\n        // eslint-disable-next-line guard-for-in\n        for (const key in config.variations) {\n            if (key in props) {\n                const variant = config.variations[key];\n\n                const css = variant[props[key]];\n                // no css for { modifier: true }\n                css && Array.isArray(css) ? res.push(...css) : res.push(css);\n            }\n        }\n\n        return res;\n    };\n};\n"],"names":["getStaticVariants","config","variations","res","key","css","push","getDynamicVariants","props","variant","Array","isArray","apply","_toConsumableArray"],"mappings":";;IAEaA,iBAAiB,GAAG,SAApBA,iBAAiBA,CAAIC,MAAuB,EAAK;AAC1D,EAAA,IAAI,CAACA,MAAM,CAACC,UAAU,EAAE;AACpB,IAAA,OAAO,EAAE,CAAA;AACb,GAAA;EACA,IAAMC,GAAG,GAAG,EAAE,CAAA;AACd,EAAA,IAAQD,UAAU,GAAKD,MAAM,CAArBC,UAAU,CAAA;;AAElB;AACA,EAAA,KAAK,IAAME,GAAG,IAAIF,UAAU,EAAE;AAC1B,IAAA,IAAQG,GAAG,GAAKH,UAAU,CAACE,GAAG,CAAC,CAAvBC,GAAG,CAAA;AACXA,IAAAA,GAAG,IAAIF,GAAG,CAACG,IAAI,CAACD,GAAG,CAAC,CAAA;AACxB,GAAA;AAEA,EAAA,OAAOF,GAAG,CAAA;AACd,EAAC;IAEYI,kBAAkB,GAAG,SAArBA,kBAAkBA,CAAIN,MAAuB,EAAK;EAC3D,OAAO,UAACO,KAAwB,EAAK;IACjC,IAAML,GAAG,GAAG,EAAE,CAAA;;AAEd;AACA,IAAA,KAAK,IAAMC,GAAG,IAAIH,MAAM,CAACC,UAAU,EAAE;MACjC,IAAIE,GAAG,IAAII,KAAK,EAAE;AACd,QAAA,IAAMC,OAAO,GAAGR,MAAM,CAACC,UAAU,CAACE,GAAG,CAAC,CAAA;QAEtC,IAAMC,GAAG,GAAGI,OAAO,CAACD,KAAK,CAACJ,GAAG,CAAC,CAAC,CAAA;AAC/B;QACAC,GAAG,IAAIK,KAAK,CAACC,OAAO,CAACN,GAAG,CAAC,GAAGF,GAAG,CAACG,IAAI,CAAAM,KAAA,CAART,GAAG,EAAAU,kBAAA,CAASR,GAAG,CAAA,CAAC,GAAGF,GAAG,CAACG,IAAI,CAACD,GAAG,CAAC,CAAA;AAChE,OAAA;AACJ,KAAA;AAEA,IAAA,OAAOF,GAAG,CAAA;GACb,CAAA;AACL;;;;"}
+{"version":3,"file":"utils.js","sources":["../../src/engines/utils.ts"],"sourcesContent":["import type { ComponentConfig, HTMLAnyAttributes, Intersection } from './types';\n\nexport const getStaticVariants = (config: ComponentConfig) => {\n    if (!config.variations) {\n        return [];\n    }\n    const res = [];\n    const { variations } = config;\n\n    // eslint-disable-next-line guard-for-in\n    for (const key in variations) {\n        const { css } = variations[key];\n        css && res.push(css);\n    }\n\n    return res;\n};\n\nexport const getDynamicVariants = (config: ComponentConfig) => {\n    return (props: HTMLAnyAttributes) => {\n        const res = [];\n\n        // eslint-disable-next-line guard-for-in\n        for (const key in config.variations) {\n            if (key in props) {\n                const variant = config.variations[key];\n\n                const css = variant[props[key]];\n                // no css for { modifier: true }\n                css && Array.isArray(css) ? res.push(...css) : res.push(css);\n            }\n        }\n\n        return res;\n    };\n};\n\nexport const getIntersectionStyles = (props: Record<string, any>, intersections?: Intersection[]) => {\n    if (!intersections) {\n        return [];\n    }\n\n    return intersections.reduce((styles: string[], item) => {\n        const hasMatchStyle = Object.entries(item)\n            .filter(([key]) => key !== 'style')\n            .every(([key, value]) => props[key] === value);\n\n        if (hasMatchStyle) {\n            styles.push(item.style);\n        }\n\n        return styles;\n    }, []);\n};\n"],"names":["getStaticVariants","config","variations","res","key","css","push","getDynamicVariants","props","variant","Array","isArray","apply","_toConsumableArray","getIntersectionStyles","intersections","reduce","styles","item","hasMatchStyle","Object","entries","filter","_ref","_ref2","_slicedToArray","every","_ref3","_ref4","value","style"],"mappings":";;IAEaA,iBAAiB,GAAG,SAApBA,iBAAiBA,CAAIC,MAAuB,EAAK;AAC1D,EAAA,IAAI,CAACA,MAAM,CAACC,UAAU,EAAE;AACpB,IAAA,OAAO,EAAE,CAAA;AACb,GAAA;EACA,IAAMC,GAAG,GAAG,EAAE,CAAA;AACd,EAAA,IAAQD,UAAU,GAAKD,MAAM,CAArBC,UAAU,CAAA;;AAElB;AACA,EAAA,KAAK,IAAME,GAAG,IAAIF,UAAU,EAAE;AAC1B,IAAA,IAAQG,GAAG,GAAKH,UAAU,CAACE,GAAG,CAAC,CAAvBC,GAAG,CAAA;AACXA,IAAAA,GAAG,IAAIF,GAAG,CAACG,IAAI,CAACD,GAAG,CAAC,CAAA;AACxB,GAAA;AAEA,EAAA,OAAOF,GAAG,CAAA;AACd,EAAC;IAEYI,kBAAkB,GAAG,SAArBA,kBAAkBA,CAAIN,MAAuB,EAAK;EAC3D,OAAO,UAACO,KAAwB,EAAK;IACjC,IAAML,GAAG,GAAG,EAAE,CAAA;;AAEd;AACA,IAAA,KAAK,IAAMC,GAAG,IAAIH,MAAM,CAACC,UAAU,EAAE;MACjC,IAAIE,GAAG,IAAII,KAAK,EAAE;AACd,QAAA,IAAMC,OAAO,GAAGR,MAAM,CAACC,UAAU,CAACE,GAAG,CAAC,CAAA;QAEtC,IAAMC,GAAG,GAAGI,OAAO,CAACD,KAAK,CAACJ,GAAG,CAAC,CAAC,CAAA;AAC/B;QACAC,GAAG,IAAIK,KAAK,CAACC,OAAO,CAACN,GAAG,CAAC,GAAGF,GAAG,CAACG,IAAI,CAAAM,KAAA,CAART,GAAG,EAAAU,kBAAA,CAASR,GAAG,CAAA,CAAC,GAAGF,GAAG,CAACG,IAAI,CAACD,GAAG,CAAC,CAAA;AAChE,OAAA;AACJ,KAAA;AAEA,IAAA,OAAOF,GAAG,CAAA;GACb,CAAA;AACL,EAAC;AAEM,IAAMW,qBAAqB,GAAG,SAAxBA,qBAAqBA,CAAIN,KAA0B,EAAEO,aAA8B,EAAK;EACjG,IAAI,CAACA,aAAa,EAAE;AAChB,IAAA,OAAO,EAAE,CAAA;AACb,GAAA;EAEA,OAAOA,aAAa,CAACC,MAAM,CAAC,UAACC,MAAgB,EAAEC,IAAI,EAAK;AACpD,IAAA,IAAMC,aAAa,GAAGC,MAAM,CAACC,OAAO,CAACH,IAAI,CAAC,CACrCI,MAAM,CAAC,UAAAC,IAAA,EAAA;AAAA,MAAA,IAAAC,KAAA,GAAAC,cAAA,CAAAF,IAAA,EAAA,CAAA,CAAA;AAAEnB,QAAAA,GAAG,GAAAoB,KAAA,CAAA,CAAA,CAAA,CAAA;MAAA,OAAMpB,GAAG,KAAK,OAAO,CAAA;AAAA,KAAA,CAAC,CAClCsB,KAAK,CAAC,UAAAC,KAAA,EAAA;AAAA,MAAA,IAAAC,KAAA,GAAAH,cAAA,CAAAE,KAAA,EAAA,CAAA,CAAA;AAAEvB,QAAAA,GAAG,GAAAwB,KAAA,CAAA,CAAA,CAAA;AAAEC,QAAAA,KAAK,GAAAD,KAAA,CAAA,CAAA,CAAA,CAAA;AAAA,MAAA,OAAMpB,KAAK,CAACJ,GAAG,CAAC,KAAKyB,KAAK,CAAA;KAAC,CAAA,CAAA;AAElD,IAAA,IAAIV,aAAa,EAAE;AACfF,MAAAA,MAAM,CAACX,IAAI,CAACY,IAAI,CAACY,KAAK,CAAC,CAAA;AAC3B,KAAA;AAEA,IAAA,OAAOb,MAAM,CAAA;GAChB,EAAE,EAAE,CAAC,CAAA;AACV;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@salutejs/plasma-new-hope",
-  "version": "0.265.0-canary.1762.13366570528.0",
+  "version": "0.265.0-dev.0",
   "description": "Salute Design System blueprint",
   "main": "cjs/index.js",
   "module": "es/index.js",
@@ -132,5 +132,5 @@
   "sideEffects": [
     "*.css"
   ],
-  "gitHead": "11300a820eba8071e98d537651a5c81870ffc4e3"
+  "gitHead": "fc9dea07e7ae09381ffbf25bd78bea778755efe7"
 }

package/styled-components/cjs/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/styled-components/cjs/engines/styled-components.js

@@ -25,7 +25,7 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
 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); }
 var Root = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   componentId: "plasma-new-hope__sc-1xug4g9-0"
-})(["", ";", ";", ";"], function (_ref) {
+})(["", ";", ";", ";", ";"], function (_ref) {
   var base = _ref.base;
   return base;
 }, function (_ref2) {
@@ -34,20 +34,26 @@ var Root = /*#__PURE__*/_styledComponents["default"].div.withConfig({
 }, function (_ref3) {
   var dynamicVariants = _ref3.dynamicVariants;
   return dynamicVariants;
+}, function (_ref4) {
+  var intersectionStyles = _ref4.intersectionStyles;
+  return intersectionStyles;
 });
 
 /* eslint-disable no-underscore-dangle */
 var _component = exports._component = function _component(componentConfig) {
   var tag = componentConfig.tag,
-    base = componentConfig.base;
+    base = componentConfig.base,
+    intersections = componentConfig.intersections;
   var staticVariants = (0, _utils.getStaticVariants)(componentConfig);
   var dynamicVariants = (0, _utils.getDynamicVariants)(componentConfig);
   return /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
+    var intersectionStyles = (0, _utils.getIntersectionStyles)(props, intersections);
     return /*#__PURE__*/_react["default"].createElement(Root, _extends({
       as: tag,
       base: base,
       staticVariants: staticVariants,
-      dynamicVariants: dynamicVariants
+      dynamicVariants: dynamicVariants,
+      intersectionStyles: intersectionStyles
     }, props, {
       ref: ref
     }));

package/styled-components/cjs/engines/utils.js

@@ -3,7 +3,11 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.getStaticVariants = exports.getDynamicVariants = void 0;
+exports.getStaticVariants = exports.getIntersectionStyles = exports.getDynamicVariants = void 0;
+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); }
@@ -39,4 +43,25 @@ var getDynamicVariants = exports.getDynamicVariants = function getDynamicVariant
     }
     return res;
   };
+};
+var getIntersectionStyles = exports.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;
+  }, []);
 };

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

@@ -22,20 +22,13 @@ 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),
-      // deprecated
+      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),
       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,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: 'b2c/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/styled-components/cjs/examples/plasma_web/components/Checkbox/Checkbox.config.js

@@ -22,20 +22,13 @@ 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),
-      // deprecated
+      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),
       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,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/styled-components/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/styled-components/es/engines/styled-components.js

@@ -1,11 +1,11 @@
 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 styled, { css } from 'styled-components';
-import { getStaticVariants, getDynamicVariants } from './utils';
+import { getStaticVariants, getDynamicVariants, getIntersectionStyles } from './utils';
 export { styled, css };
 var Root = /*#__PURE__*/styled.div.withConfig({
   componentId: "plasma-new-hope__sc-1xug4g9-0"
-})(["", ";", ";", ";"], function (_ref) {
+})(["", ";", ";", ";", ";"], function (_ref) {
   var base = _ref.base;
   return base;
 }, function (_ref2) {
@@ -14,20 +14,26 @@ var Root = /*#__PURE__*/styled.div.withConfig({
 }, function (_ref3) {
   var dynamicVariants = _ref3.dynamicVariants;
   return dynamicVariants;
+}, function (_ref4) {
+  var intersectionStyles = _ref4.intersectionStyles;
+  return intersectionStyles;
 });
 
 /* 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);
   return /*#__PURE__*/forwardRef(function (props, ref) {
+    var intersectionStyles = getIntersectionStyles(props, intersections);
     return /*#__PURE__*/React.createElement(Root, _extends({
       as: tag,
       base: base,
       staticVariants: staticVariants,
-      dynamicVariants: dynamicVariants
+      dynamicVariants: dynamicVariants,
+      intersectionStyles: intersectionStyles
     }, props, {
       ref: ref
     }));

package/styled-components/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;
+  }, []);
 };

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

@@ -16,20 +16,13 @@ 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),
-      // deprecated
+      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),
       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,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: 'b2c/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/styled-components/es/examples/plasma_web/components/Checkbox/Checkbox.config.js

@@ -16,20 +16,13 @@ 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),
-      // deprecated
+      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),
       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,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/types/engines/emotion.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"emotion.d.ts","sourceRoot":"","sources":["../../src/engines/emotion.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,GAAG,EAAoB,MAAM,gBAAgB,CAAC;AAIvD,OAAO,KAAK,EAAE,eAAe,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAElE,OAAO,EAAE,GAAG,EAAE,CAAC;AAaf,eAAO,MAAM,UAAU,oBAAqB,eAAe,uGAW1D,CAAC"}
+{"version":3,"file":"emotion.d.ts","sourceRoot":"","sources":["../../src/engines/emotion.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,GAAG,EAAoB,MAAM,gBAAgB,CAAC;AAIvD,OAAO,KAAK,EAAE,eAAe,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAElE,OAAO,EAAE,GAAG,EAAE,CAAC;AAef,eAAO,MAAM,UAAU,oBAAqB,eAAe,uGAsB1D,CAAC"}

package/types/engines/linaria.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"linaria.d.ts","sourceRoot":"","sources":["../../src/engines/linaria.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAI1C,OAAO,eAAe,CAAC;AAEvB,OAAO,KAAK,EAAE,eAAe,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAGlE,eAAO,MAAM,UAAU,oBAAqB,eAAe,uGA0C1D,CAAC"}
+{"version":3,"file":"linaria.d.ts","sourceRoot":"","sources":["../../src/engines/linaria.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAI1C,OAAO,eAAe,CAAC;AAEvB,OAAO,KAAK,EAAE,eAAe,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAGlE,eAAO,MAAM,UAAU,oBAAqB,eAAe,uGA6C1D,CAAC"}

package/types/engines/styled-components.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styled-components.d.ts","sourceRoot":"","sources":["../../src/engines/styled-components.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAC1C,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAGhD,OAAO,KAAK,EAAE,eAAe,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAElE,OAAO,EAAE,MAAM,EAAE,GAAG,EAAE,CAAC;AAavB,eAAO,MAAM,UAAU,oBAAqB,eAAe,uGAe1D,CAAC"}
+{"version":3,"file":"styled-components.d.ts","sourceRoot":"","sources":["../../src/engines/styled-components.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAC1C,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAGhD,OAAO,KAAK,EAAE,eAAe,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAElE,OAAO,EAAE,MAAM,EAAE,GAAG,EAAE,CAAC;AAevB,eAAO,MAAM,UAAU,oBAAqB,eAAe,uGAoB1D,CAAC"}