@salutejs/plasma-new-hope 0.270.1-canary.1783.13392666998.0 → 0.271.0-canary.1778.13390888088.0

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

@@ -23,6 +23,7 @@ const texts = ['SSH ключ успешно скопирован', 'Нельзя
 const size = ['xs', 'xxs'];
 const iconPlacement = ['top', 'left'];
 const notificationsPlacements = ['bottom-right', 'bottom-left'];
+const views = ['default', 'negative', 'positive', 'warning', 'info'];
 
 const longText = `JavaScript frameworks are an essential part of modern front-end web development,
 providing developers with proven tools for building scalable, interactive web applications.
@@ -64,7 +65,7 @@ const StoryDefault = ({ title, children, iconPlacement, size, layout, showLeftIc
     return (
         <Notification
             title={title}
-            icon={showLeftIcon ? <IconDisclosureRight /> : ''}
+            icon={showLeftIcon ? <IconDisclosureRight color="inherit" /> : ''}
             iconPlacement={iconPlacement}
             actions={
                 <Button
@@ -108,6 +109,18 @@ export const Default: StoryObj<StoryDefaultProps> = {
                 type: 'select',
             },
         },
+        view: {
+            options: views,
+            control: {
+                type: 'select',
+            },
+        },
+        textColor: {
+            control: 'color',
+        },
+        iconColor: {
+            control: 'color',
+        },
     },
     args: {
         title: 'Title',
@@ -133,7 +146,10 @@ type StoryLiveDemoProps = ComponentProps<typeof Notification> & {
 const StoryLiveDemo = ({ timeout, placement, ...rest }: StoryLiveDemoProps) => {
     const count = useRef(0);
     const handleClick = useCallback(() => {
-        addNotification({ icon: <IconDisclosureRight />, ...rest, ...getNotificationProps(count.current) }, timeout);
+        addNotification(
+            { icon: <IconDisclosureRight color="inherit" />, ...rest, ...getNotificationProps(count.current) },
+            timeout,
+        );
         count.current++;
     }, [count, rest]);
 

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

@@ -69,11 +69,11 @@ const StoryDemo = ({ context }) => {
 
     return (
         <>
-            {Object.entries(groupedTokens).map(([category, subcategories]) => (
+            {Object.entries(groupedTokens).map(([category, subcategoties]) => (
                 <CategoryContainer key={category}>
                     <Category>{category}</Category>
                     <Accordion view="clear" size="s" stretching="filled" defaultActiveEventKey={[0]}>
-                        {Object.entries(subcategories).map(([subcategory, subcategoryTokens], index) => (
+                        {Object.entries(subcategoties).map(([subcategory, subcategoryTokens], index) => (
                             <StyledAccordionItem
                                 key={subcategory}
                                 eventKey={index}

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

@@ -1,4 +1,4 @@
-var _excluded = ["role", "title", "children", "actions", "view", "size", "iconPlacement", "showCloseIcon", "layout", "icon", "closeIconType", "onCloseButtonClick"];
+var _excluded = ["role", "title", "children", "actions", "view", "size", "iconPlacement", "showCloseIcon", "layout", "icon", "closeIconType", "textColor", "iconColor", "onCloseButtonClick"];
 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); }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
@@ -34,6 +34,8 @@ export var notificationRoot = function notificationRoot(Root) {
       layout = _props$layout === void 0 ? layouts.vertical : _props$layout,
       icon = props.icon,
       closeIconType = props.closeIconType,
+      textColor = props.textColor,
+      iconColor = props.iconColor,
       onCloseButtonClick = props.onCloseButtonClick,
       rest = _objectWithoutProperties(props, _excluded);
     var ariaLive = 'polite';
@@ -66,13 +68,15 @@ export var notificationRoot = function notificationRoot(Root) {
       className: cx(classes.contentBox, getLayoutClass(layout), withoutIconClass)
     }, icon && /*#__PURE__*/React.createElement(IconWrapper, {
       iconPlacement: IconPlacementInternal,
-      className: cx(classes.icon, getLayoutClass(layout))
+      className: cx(classes.icon, getLayoutClass(layout)),
+      iconColor: iconColor
     }, icon), /*#__PURE__*/React.createElement(TextBox, {
       iconPlacement: IconPlacementInternal,
       showCloseIcon: showCloseIcon,
       className: cx(classes.textbox, getLayoutClass(layout))
     }, title && /*#__PURE__*/React.createElement(StyledTitle, {
-      className: classes.title
+      className: classes.title,
+      textColor: textColor
     }, title), content && /*#__PURE__*/React.createElement(StyledContent, {
       className: classes.text
     }, content))), actions && /*#__PURE__*/React.createElement(ButtonsWrapper, {