@salutejs/plasma-new-hope 0.324.1-canary.1996.15273628835.0 → 0.324.1-canary.1998.15294767801.0

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

@@ -1,13 +1,14 @@
 import React, { ComponentProps, useState } from 'react';
 import type { StoryObj, Meta } from '@storybook/react';
 import { action } from '@storybook/addon-actions';
-import { IconPlaceholder } from '@salutejs/plasma-sb-utils';
+import { IconPlaceholder, getConfigVariations } from '@salutejs/plasma-sb-utils';
 
 import { WithTheme } from '../../../_helpers';
 import { IconCross, IconLock } from '../../../../components/_Icon';
 import type { PopoverPlacement } from '../Popover/Popover';
 
 import { TextField } from './TextField';
+import { config } from './TextField.config';
 
 const onChange = action('onChange');
 const onFocus = action('onFocus');
@@ -15,14 +16,14 @@ const onBlur = action('onBlur');
 const onSearch = action('onSearch');
 const onChipsChange = action('onChipsChange');
 
-const sizes = ['l', 'm', 's', 'xs'];
-const views = ['default', 'positive', 'warning', 'negative'];
+const { views, sizes } = getConfigVariations(config);
+
 const chipViews = ['default', 'secondary', 'accent', 'positive', 'warning', 'negative'];
 const hintViews = ['default'];
 const hintSizes = ['m', 's'];
 const hintTriggers = ['hover', 'click'];
-const hintTargetPlacements = ['outer', 'inner'];
 const labelPlacements = ['outer', 'inner'];
+const hintTargetPlacements = ['outer', 'inner'];
 const placements: Array<PopoverPlacement> = [
     'top',
     'top-start',
@@ -63,6 +64,10 @@ const meta: Meta<typeof TextField> = {
             control: {
                 type: 'select',
             },
+            if: {
+                arg: 'optional',
+                truthy: false,
+            },
         },
         required: {
             control: {
@@ -322,7 +327,7 @@ export const Default: StoryObj<StoryPropsDefault> = {
     },
     parameters: {
         controls: {
-            exclude: ['chipType'],
+            exclude: ['chipType', 'chipView'],
         },
     },
     render: (args) => <StoryDemo {...args} />,

package/emotion/es/components/Notification/Notification.js

@@ -1,4 +1,4 @@
-var _excluded = ["role", "title", "children", "actions", "view", "size", "iconPlacement", "showCloseIcon", "layout", "icon", "closeIconType", "textColor", "titleColor", "backgroundColor", "onCloseButtonClick"];
+var _excluded = ["role", "title", "children", "actions", "view", "size", "iconPlacement", "showCloseIcon", "layout", "icon", "closeIconType", "textColor", "titleColor", "backgroundColor", "width", "maxWidth", "onCloseButtonClick"];
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
 function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
@@ -37,6 +37,8 @@ export var notificationRoot = function notificationRoot(Root) {
       textColor = props.textColor,
       titleColor = props.titleColor,
       backgroundColor = props.backgroundColor,
+      width = props.width,
+      maxWidth = props.maxWidth,
       onCloseButtonClick = props.onCloseButtonClick,
       rest = _objectWithoutProperties(props, _excluded);
     var ariaLive = 'polite';
@@ -64,6 +66,8 @@ export var notificationRoot = function notificationRoot(Root) {
       "aria-atomic": ariaAtomic
     }, rest), /*#__PURE__*/React.createElement(Wrapper, {
       backgroundColor: backgroundColor,
+      width: width,
+      maxWidth: maxWidth,
       className: cx(classes.wrapper, getLayoutClass(layout), oneLineClass, withoutCloseIconClass)
     }, /*#__PURE__*/React.createElement(ContentBox, {
       iconPlacement: IconPlacementInternal,