@salutejs/plasma-new-hope 0.263.0-canary.1763.13280535388.0 → 0.263.0-dev.0

package/emotion/cjs/examples/plasma_b2c/components/Radiobox/Radiobox.stories.tsx

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

package/emotion/cjs/examples/plasma_web/components/Popover/Popover.config.js

@@ -12,7 +12,7 @@ var config = exports.config = {
   },
   variations: {
     view: {
-      "default": /*#__PURE__*/(0, _react.css)(_Popover.popoverTokens.arrowMaskWidth, ":1rem;", _Popover.popoverTokens.arrowMaskHeight, ":1rem;", _Popover.popoverTokens.arrowMaskImage, ":url(\"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMCw5Ljg1bDE2LDBjLTQuNDEsMCAtOCwyLjY5IC04LDZjMCwtMy4zMSAtMy41OSwtNiAtOCwtNnoiIGZpbGw9IiMxNzE3MTciIGZpbGwtcnVsZT0iZXZlbm9kZCIgaWQ9IlRhaWwiLz4KPC9zdmc+\");", _Popover.popoverTokens.arrowHeight, ":0.375rem;", _Popover.popoverTokens.arrowEdgeMargin, ":0.5625rem;", _Popover.popoverTokens.arrowBackground, ":var(--surface-solid-tertiary);;label:plasma-new-hope__default;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2V4YW1wbGVzL3BsYXNtYV93ZWIvY29tcG9uZW50cy9Qb3BvdmVyL1BvcG92ZXIuY29uZmlnLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVV3QiIsImZpbGUiOiIuLi8uLi8uLi8uLi8uLi8uLi9zcmMtZW1vdGlvbi9leGFtcGxlcy9wbGFzbWFfd2ViL2NvbXBvbmVudHMvUG9wb3Zlci9Qb3BvdmVyLmNvbmZpZy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuaW1wb3J0IHsgcG9wb3ZlclRva2VucyB9IGZyb20gJy4uLy4uLy4uLy4uL2NvbXBvbmVudHMvUG9wb3Zlcic7XG5cbmV4cG9ydCBjb25zdCBjb25maWcgPSB7XG4gICAgZGVmYXVsdHM6IHtcbiAgICAgICAgdmlldzogJ2RlZmF1bHQnLFxuICAgIH0sXG4gICAgdmFyaWF0aW9uczoge1xuICAgICAgICB2aWV3OiB7XG4gICAgICAgICAgICBkZWZhdWx0OiBjc3NgXG4gICAgICAgICAgICAgICAgJHtwb3BvdmVyVG9rZW5zLmFycm93TWFza1dpZHRofTogMXJlbTtcbiAgICAgICAgICAgICAgICAke3BvcG92ZXJUb2tlbnMuYXJyb3dNYXNrSGVpZ2h0fTogMXJlbTtcbiAgICAgICAgICAgICAgICAke3BvcG92ZXJUb2tlbnMuYXJyb3dNYXNrSW1hZ2V9OiB1cmwoXCJkYXRhOmltYWdlL3N2Zyt4bWw7YmFzZTY0LFBITjJaeUIzYVdSMGFEMGlNVFlpSUdobGFXZG9kRDBpTVRZaUlIaHRiRzV6UFNKb2RIUndPaTh2ZDNkM0xuY3pMbTl5Wnk4eU1EQXdMM04yWnlJZ2VHMXNibk02YzNablBTSm9kSFJ3T2k4dmQzZDNMbmN6TG05eVp5OHlNREF3TDNOMlp5SStDaUFnUEhCaGRHZ2dZMnhwY0MxeWRXeGxQU0psZG1WdWIyUmtJaUJrUFNKdE1DdzVMamcxYkRFMkxEQmpMVFF1TkRFc01DQXRPQ3d5TGpZNUlDMDRMRFpqTUN3dE15NHpNU0F0TXk0MU9Td3ROaUF0T0N3dE5ub2lJR1pwYkd3OUlpTXhOekUzTVRjaUlHWnBiR3d0Y25Wc1pUMGlaWFpsYm05a1pDSWdhV1E5SWxSaGFXd2lMejRLUEM5emRtYytcIik7XG4gICAgICAgICAgICAgICAgJHtwb3BvdmVyVG9rZW5zLmFycm93SGVpZ2h0fTogMC4zNzVyZW07XG4gICAgICAgICAgICAgICAgJHtwb3BvdmVyVG9rZW5zLmFycm93RWRnZU1hcmdpbn06IDAuNTYyNXJlbTtcbiAgICAgICAgICAgICAgICAke3BvcG92ZXJUb2tlbnMuYXJyb3dCYWNrZ3JvdW5kfTogdmFyKC0tc3VyZmFjZS1zb2xpZC10ZXJ0aWFyeSk7XG4gICAgICAgICAgICBgLFxuICAgICAgICB9LFxuICAgIH0sXG59O1xuIl19 */"))
+      "default": /*#__PURE__*/(0, _react.css)(_Popover.popoverTokens.boxShadow, ":var(--shadow-down-hard-m);", _Popover.popoverTokens.arrowMaskWidth, ":1rem;", _Popover.popoverTokens.arrowMaskHeight, ":1rem;", _Popover.popoverTokens.arrowMaskImage, ":url(\"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMCw5Ljg1bDE2LDBjLTQuNDEsMCAtOCwyLjY5IC04LDZjMCwtMy4zMSAtMy41OSwtNiAtOCwtNnoiIGZpbGw9IiMxNzE3MTciIGZpbGwtcnVsZT0iZXZlbm9kZCIgaWQ9IlRhaWwiLz4KPC9zdmc+\");", _Popover.popoverTokens.arrowHeight, ":0.375rem;", _Popover.popoverTokens.arrowEdgeMargin, ":0.5625rem;", _Popover.popoverTokens.arrowBackground, ":var(--surface-solid-tertiary);;label:plasma-new-hope__default;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2V4YW1wbGVzL3BsYXNtYV93ZWIvY29tcG9uZW50cy9Qb3BvdmVyL1BvcG92ZXIuY29uZmlnLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVV3QiIsImZpbGUiOiIuLi8uLi8uLi8uLi8uLi8uLi9zcmMtZW1vdGlvbi9leGFtcGxlcy9wbGFzbWFfd2ViL2NvbXBvbmVudHMvUG9wb3Zlci9Qb3BvdmVyLmNvbmZpZy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuaW1wb3J0IHsgcG9wb3ZlclRva2VucyB9IGZyb20gJy4uLy4uLy4uLy4uL2NvbXBvbmVudHMvUG9wb3Zlcic7XG5cbmV4cG9ydCBjb25zdCBjb25maWcgPSB7XG4gICAgZGVmYXVsdHM6IHtcbiAgICAgICAgdmlldzogJ2RlZmF1bHQnLFxuICAgIH0sXG4gICAgdmFyaWF0aW9uczoge1xuICAgICAgICB2aWV3OiB7XG4gICAgICAgICAgICBkZWZhdWx0OiBjc3NgXG4gICAgICAgICAgICAgICAgJHtwb3BvdmVyVG9rZW5zLmJveFNoYWRvd306IHZhcigtLXNoYWRvdy1kb3duLWhhcmQtbSk7XG5cbiAgICAgICAgICAgICAgICAke3BvcG92ZXJUb2tlbnMuYXJyb3dNYXNrV2lkdGh9OiAxcmVtO1xuICAgICAgICAgICAgICAgICR7cG9wb3ZlclRva2Vucy5hcnJvd01hc2tIZWlnaHR9OiAxcmVtO1xuICAgICAgICAgICAgICAgICR7cG9wb3ZlclRva2Vucy5hcnJvd01hc2tJbWFnZX06IHVybChcImRhdGE6aW1hZ2Uvc3ZnK3htbDtiYXNlNjQsUEhOMlp5QjNhV1IwYUQwaU1UWWlJR2hsYVdkb2REMGlNVFlpSUhodGJHNXpQU0pvZEhSd09pOHZkM2QzTG5jekxtOXlaeTh5TURBd0wzTjJaeUlnZUcxc2JuTTZjM1puUFNKb2RIUndPaTh2ZDNkM0xuY3pMbTl5Wnk4eU1EQXdMM04yWnlJK0NpQWdQSEJoZEdnZ1kyeHBjQzF5ZFd4bFBTSmxkbVZ1YjJSa0lpQmtQU0p0TUN3NUxqZzFiREUyTERCakxUUXVOREVzTUNBdE9Dd3lMalk1SUMwNExEWmpNQ3d0TXk0ek1TQXRNeTQxT1N3dE5pQXRPQ3d0Tm5vaUlHWnBiR3c5SWlNeE56RTNNVGNpSUdacGJHd3RjblZzWlQwaVpYWmxibTlrWkNJZ2FXUTlJbFJoYVd3aUx6NEtQQzl6ZG1jK1wiKTtcbiAgICAgICAgICAgICAgICAke3BvcG92ZXJUb2tlbnMuYXJyb3dIZWlnaHR9OiAwLjM3NXJlbTtcbiAgICAgICAgICAgICAgICAke3BvcG92ZXJUb2tlbnMuYXJyb3dFZGdlTWFyZ2lufTogMC41NjI1cmVtO1xuICAgICAgICAgICAgICAgICR7cG9wb3ZlclRva2Vucy5hcnJvd0JhY2tncm91bmR9OiB2YXIoLS1zdXJmYWNlLXNvbGlkLXRlcnRpYXJ5KTtcbiAgICAgICAgICAgIGAsXG4gICAgICAgIH0sXG4gICAgfSxcbn07XG4iXX0= */"))
     }
   }
 };

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

@@ -8,6 +8,8 @@ import { WithTheme } from '../../../_helpers';
 
 import { Popover } from './Popover';
 
+import './style.css';
+
 const meta: Meta<typeof Popover> = {
     title: 'web/Overlay/Popover',
     decorators: [WithTheme],
@@ -80,7 +82,7 @@ type StoryPopoverProps = ComponentProps<typeof Popover> & {
 const StyledContent = styled.div`
     background: var(--surface-solid-tertiary);
     padding: 1rem;
-    border-radius: 0.5rem;
+    border-radius: var(--popover-border-radius);
 
     display: flex;
     flex-direction: column;

package/emotion/cjs/examples/plasma_web/components/Popover/style.css

@@ -0,0 +1,4 @@
+.popover-root {
+    --popover-border-radius: 0.5rem;
+    border-radius: var(--popover-border-radius);
+}