@salutejs/plasma-new-hope 0.263.0-canary.1762.13280637086.0 → 0.263.0-canary.1767.13281662079.0

package/emotion/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/emotion/es/examples/plasma_b2c/components/Popover/Popover.config.js

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

package/emotion/es/examples/plasma_b2c/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: 'b2c/Overlay/Popover',
     decorators: [WithTheme],
@@ -81,7 +83,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/es/examples/plasma_b2c/components/Popover/style.css

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