Add spellcheck and filter props

Author: Kubit

src/components/text/text.styled.tsx

@@ -12,6 +12,7 @@ const applyDevicePropsTextStyles = (props: TextPropsStylesType) => css`
   text-transform: ${props.$transform};
   text-align: ${props.align};
   font-weight: ${props.weight};
+  filter: ${props.filter};
   ${props.isDisabled &&
   css`
     pointer-events: none;

src/components/text/types/text.ts

@@ -32,6 +32,7 @@ export interface ITextStandAlone extends ITextStyled, TextAriaAttributes {
   onClick?: React.MouseEventHandler<HTMLElement>;
   role?: React.AriaRole;
   color?: string;
+  filter?: string;
   display?: TextDisplayType;
   decoration?: TextDecorationType;
   cursor?: string;

src/components/text/types/textTheme.ts

@@ -34,6 +34,7 @@ export type TypographyMediaType = {
  */
 export type TextPropsStylesType = {
   color?: string;
+  filter?: string;
   cursor?: string;
   decoration?: TextDecorationType;
   display?: TextDisplayType;

src/components/textArea/stories/argtypes.ts

@@ -158,6 +158,18 @@ export const argtypes = (
         category: CATEGORY_CONTROL.MODIFIERS,
       },
     },
+    spellCheck: {
+      description: 'Specifies whether the value of the input should be checked for spelling errors',
+      control: { type: 'boolean' },
+      type: { name: 'boolean' },
+      table: {
+        type: {
+          summary: 'boolean',
+        },
+        defaultValue: { summary: true },
+        category: CATEGORY_CONTROL.MODIFIERS,
+      },
+    },
     height: {
       description: 'It allows to set the textArea height',
       type: { name: 'string' },

src/components/textArea/textAreaStandAlone.tsx

@@ -81,6 +81,7 @@ const TextAreaStandAloneComponent = (
           maxLength={props.maxLength}
           placeholder={props.placeholder}
           required={props.required}
+          spellCheck={props.spellCheck}
           styles={stateStyles}
           value={props.value}
           onBlur={props.onBlur}

src/components/textArea/types/textArea.ts

@@ -46,6 +46,7 @@ export interface ITextAreaStandAlone extends ITextAreaStyled {
   onChange?: React.ChangeEventHandler<HTMLTextAreaElement>;
   height?: string;
   dataTestId?: string;
+  spellCheck?: boolean;
 }
 
 export interface ITextArea<V = undefined extends string ? unknown : string>