feat: added new view text content alert (#265)

Author: NasgulNexus

docs/spec.md

@@ -182,6 +182,8 @@ You can provide all props of [original component](https://preview.gravity-ui.com
 | text       | `string`                                                                                                                                                                                                                                                                                          |   yes    | Text for input                                                      |
 | icon       | `string`                                                                                                                                                                                                                                                                                          |          | Icon name from the [library](https://gravity-ui.com/icons)          |
 | iconColor  | `'primary'` `'complementary'` `'secondary'` `'hint'` `'info'` `'info-heavy'` `'positive'` `'positive-heavy'` `'warning'` `'warning-heavy'` `'danger'` `'danger-heavy'` `'utility'` `'utility-heavy'` `'misc'` `'misc-heavy'` `'brand'` `'dark-primary'` `'dark-complementary'` `'dark-secondary'` |          | The color of the icon, if it does not have the themeLabel parameter |
+| themeIcon  | `'normal'` `'info'` `'success'` `'warning'` `'danger'` `'utility'`                                                                                                                                                                                                                                |          | Alert color                                                         |
+| titleAlert | `string`                                                                                                                                                                                                                                                                                          |          | Alert title                                                         |
 
 #### SelectParams
 

src/lib/core/types/specs.ts

@@ -1,4 +1,4 @@
-import {LabelProps} from '@gravity-ui/uikit';
+import {AlertProps, LabelProps} from '@gravity-ui/uikit';
 import {ColorTextBaseProps} from '@gravity-ui/uikit/build/esm/components/Text/colorText/colorText';
 
 import {ReadAsMethod, SpecTypes} from '../constants';
@@ -173,6 +173,8 @@ export interface StringSpec<
             text: string;
             icon?: string;
             iconColor?: ColorTextBaseProps['color'];
+            titleAlert?: string;
+            themeAlert?: AlertProps['theme'];
         };
         fileInput?: {
             accept?: string;

src/lib/kit/components/Inputs/TextContent/TextContent.tsx

@@ -1,6 +1,8 @@
 import React from 'react';
 
-import {Label, Text} from '@gravity-ui/uikit';
+import {isEmpty} from 'lodash';
+
+import {Alert, Label, Text} from '@gravity-ui/uikit';
 import cloneDeep from 'lodash/cloneDeep';
 
 import {StringIndependentInput, StringSpec} from '../../../../core';
@@ -41,7 +43,22 @@ export const TextContentComponent: React.FC<TextContentComponentProps> = ({
 
     let content = <span dangerouslySetInnerHTML={{__html: text}} />;
 
-    if (textContentParams?.themeLabel) {
+    if (textContentParams?.themeAlert) {
+        const titleAlert =
+            textContentParams?.titleAlert || !isEmpty(textContentParams?.titleAlert)
+                ? textContentParams.titleAlert
+                : undefined;
+
+        content = (
+            <Alert
+                icon={iconLib}
+                message={content}
+                // If the title is an empty line, then you need to explicitly write undefined, otherwise there will be an additional indent
+                title={titleAlert}
+                theme={textContentParams?.themeAlert}
+            />
+        );
+    } else if (textContentParams?.themeLabel) {
         content = (
             <Label
                 size="m"