@salutejs/plasma-new-hope 0.152.0-canary.1450.11010505842.0 → 0.152.0-canary.1451.11029152908.0

package/styled-components/es/examples/plasma_web/components/TextArea/TextArea.stories.tsx

@@ -2,8 +2,7 @@ import React, { useState } from 'react';
 import type { ComponentProps } from 'react';
 import type { Meta, StoryObj } from '@storybook/react';
 import { action } from '@storybook/addon-actions';
-import { tertiary } from '@salutejs/plasma-core';
-import styled from 'styled-components';
+import { IconPlaceholder } from '@salutejs/plasma-sb-utils';
 
 import { textAreaConfig } from '../../../../components/TextArea';
 import { mergeConfig } from '../../../../engines';
@@ -48,11 +47,13 @@ const meta: Meta<StoryTextAreaProps> = {
             control: {
                 type: 'number',
             },
+            if: { arg: 'clear', truthy: false },
         },
         cols: {
             control: {
                 type: 'number',
             },
+            if: { arg: 'clear', truthy: false },
         },
         labelPlacement: {
             options: labelPlacements,
@@ -60,11 +61,20 @@ const meta: Meta<StoryTextAreaProps> = {
                 type: 'select',
             },
         },
+        hasDivider: {
+            control: {
+                type: 'boolean',
+            },
+            if: { arg: 'clear', truthy: true },
+        },
     },
     args: {
         id: 'example-textarea',
+        view: 'default',
+        size: 's',
         enableContentRight: true,
         label: 'Подсказка',
+        labelPlacements: 'outer',
         placeholder: 'Заполните многострочное поле',
         leftHelper: 'Подсказка к полю слева',
         rightHelper: 'Подсказка к полю справа',
@@ -73,10 +83,11 @@ const meta: Meta<StoryTextAreaProps> = {
         autoResize: false,
         minAuto: 0,
         maxAuto: 0,
-        size: 's',
         optional: false,
         required: false,
         requiredPlacement: 'right',
+        clear: false,
+        hasDivider: false,
     },
 };
 
@@ -86,20 +97,15 @@ const onChange = action('onChange');
 const onFocus = action('onFocus');
 const onBlur = action('onBlur');
 
-const IconPlaceholder = styled.div`
-    width: 1.5rem;
-    height: 1.5rem;
-    border-radius: 50%;
-    background: ${tertiary};
-`;
-
 const StoryDefault = (props: StoryTextAreaProps) => {
     const [value, setValue] = useState('Значение поля');
 
+    const iconSize = props.size === 'xs' ? 'xs' : 's';
+
     return (
         <TextArea
             value={value}
-            contentRight={props.enableContentRight ? <IconPlaceholder /> : undefined}
+            contentRight={props.enableContentRight ? <IconPlaceholder size={iconSize} /> : undefined}
             onChange={(e) => {
                 setValue(e.target.value);
                 onChange(e);

package/types/components/TextArea/TextArea.d.ts

@@ -15,6 +15,10 @@ export declare const textAreaConfig: {
         view: {
             css: import("@linaria/core").LinariaClassName;
         };
+        clear: {
+            css: import("@linaria/core").LinariaClassName;
+            attrs: boolean;
+        };
         disabled: {
             css: import("@linaria/core").LinariaClassName;
             attrs: boolean;

package/types/components/TextArea/TextArea.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TextArea.d.ts","sourceRoot":"","sources":["../../../src/components/TextArea/TextArea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuD,MAAM,OAAO,CAAC;AAK5E,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAqBrD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AA+BtD,eAAO,MAAM,sBAAsB,UAAW,aAAa,WAAW,OAAO,2BA4B5E,CAAC;AAEF,eAAO,MAAM,YAAY,SAAU,UAAU,mBAAmB,EAAE,aAAa,CAAC,8FAgL1E,CAAC;AAEP,eAAO,MAAM,cAAc;;;mBAlLQ,UAAU,mBAAmB,EAAE,aAAa,CAAC;;;;;;;;;;;;;;;;;;;;;CA0M/E,CAAC"}
+{"version":3,"file":"TextArea.d.ts","sourceRoot":"","sources":["../../../src/components/TextArea/TextArea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuD,MAAM,OAAO,CAAC;AAK5E,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAsBrD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AA+BtD,eAAO,MAAM,sBAAsB,UAAW,aAAa,WAAW,OAAO,2BA2B5E,CAAC;AAEF,eAAO,MAAM,YAAY,SAAU,UAAU,mBAAmB,EAAE,aAAa,CAAC,8FAqL1E,CAAC;AAEP,eAAO,MAAM,cAAc;;;mBAvLQ,UAAU,mBAAmB,EAAE,aAAa,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;CAmN/E,CAAC"}

package/types/components/TextArea/TextArea.tokens.d.ts

@@ -17,6 +17,9 @@ export declare const classes: {
     styledHelpers: string;
     innerLabelPlacement: string;
     outerLabelPlacement: string;
+    /** Класс для view `clear` */
+    clear: string;
+    hasDivider: string;
 };
 export declare const tokens: {
     /** Цвет фона для элемента textarea */
@@ -45,12 +48,14 @@ export declare const tokens: {
     helpersBackgroundColorFocus: string;
     /** Цвет текста для элемента textarea */
     inputColor: string;
+    clearInputColor: string;
     /** Цвет текста для элемента textarea в состоянии focus */
     inputColorFocus: string;
     /** Цвет каретки для элемента textarea */
     inputCaretColor: string;
     /** Цвет элемента placeholder */
     placeholderColor: string;
+    clearPlaceholderColor: string;
     /** Цвет элемента placeholder в состоянии focus */
     placeholderColorFocus: string;
     /** Цвет элемента optional */
@@ -91,6 +96,7 @@ export declare const tokens: {
     inputPaddingLeft: string;
     /** Отступ сверху для блока подписей */
     helpersPaddingTop: string;
+    clearHelpersPaddingTop: string;
     /** Отступ справа для блока подписей */
     helpersPaddingRight: string;
     /** Отступ снизу для блока подписей */
@@ -121,6 +127,7 @@ export declare const tokens: {
     labelOuterLineHeight: string;
     /** Отступ сверху для элемента label, когда он внутри и уменьшен */
     labelMarginBottom: string;
+    clearLabelMarginBottom: string;
     /** Шрифт для элемента label, когда он внутри и уменьшен */
     labelInnerFontFamily: string;
     /** Размер шрифта для элемента label, когда он внутри и уменьшен */
@@ -173,5 +180,9 @@ export declare const tokens: {
     indicatorLabelPlacementOuter: string;
     indicatorLabelPlacementInnerRight: string;
     indicatorLabelPlacementOuterRight: string;
+    dividerColor: string;
+    dividerColorHover: string;
+    dividerColorFocus: string;
+    dividerColorReadOnly: string;
 };
 //# sourceMappingURL=TextArea.tokens.d.ts.map

package/types/components/TextArea/TextArea.tokens.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TextArea.tokens.d.ts","sourceRoot":"","sources":["../../../src/components/TextArea/TextArea.tokens.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO;IAChB,6DAA6D;;IAE7D,kEAAkE;;IAElE,+CAA+C;;IAE/C,6CAA6C;;IAE7C,4CAA4C;;IAE5C,mDAAmD;;IAEnD,+CAA+C;;IAE/C,2CAA2C;;;;CAI9C,CAAC;AAEF,eAAO,MAAM,MAAM;IACf,sCAAsC;;IAEtC,wDAAwD;;IAExD,yDAAyD;;IAEzD,wDAAwD;;IAExD,0CAA0C;;IAE1C,4DAA4D;;IAE5D,6DAA6D;;IAE7D,4DAA4D;;IAE5D,yCAAyC;;IAEzC,2DAA2D;;IAE3D,4DAA4D;;IAE5D,2DAA2D;;IAE3D,wCAAwC;;IAExC,0DAA0D;;IAE1D,yCAAyC;;IAEzC,gCAAgC;;IAEhC,kDAAkD;;IAElD,6BAA6B;;IAE7B,0CAA0C;;IAE1C,2CAA2C;;IAE3C,yCAAyC;;IAEzC,2DAA2D;;IAE3D,2DAA2D;;IAG3D,+BAA+B;;IAE/B,+BAA+B;;IAE/B,2CAA2C;;IAE3C,qCAAqC;;IAErC,+CAA+C;;IAE/C,4FAA4F;;IAE5F,0CAA0C;;IAE1C,0CAA0C;;IAE1C,qEAAqE;;IAErE,yCAAyC;;IAEzC,mEAAmE;;IAEnE,yCAAyC;;IAEzC,uCAAuC;;IAEvC,uCAAuC;;IAEvC,sCAAsC;;IAEtC,sCAAsC;;IAEtC,+FAA+F;;IAE/F,wCAAwC;;IAExC,wCAAwC;;IAExC,6BAA6B;;IAE7B,2DAA2D;;IAE3D,2DAA2D;;IAE3D,mEAAmE;;IAEnE,kEAAkE;;IAElE,uEAAuE;;IAEvE,8EAA8E;;IAE9E,mEAAmE;;IAEnE,mEAAmE;;IAEnE,2DAA2D;;IAE3D,mEAAmE;;IAEnE,kEAAkE;;IAElE,uEAAuE;;IAEvE,8EAA8E;;IAE9E,mEAAmE;;IAEnE,qDAAqD;;IAErD,oCAAoC;;IAEpC,kCAAkC;;IAElC,0CAA0C;;IAE1C,yCAAyC;;IAEzC,8CAA8C;;IAE9C,4DAA4D;;IAE5D,iDAAiD;;IAEjD,8CAA8C;;IAE9C,sDAAsD;;IAEtD,qDAAqD;;IAErD,0DAA0D;;IAE1D,iEAAiE;;IAEjE,sDAAsD;;;IAKtD,6DAA6D;;IAE7D,6DAA6D;;;;;;;;;CAUhE,CAAC"}
+{"version":3,"file":"TextArea.tokens.d.ts","sourceRoot":"","sources":["../../../src/components/TextArea/TextArea.tokens.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO;IAChB,6DAA6D;;IAE7D,kEAAkE;;IAElE,+CAA+C;;IAE/C,6CAA6C;;IAE7C,4CAA4C;;IAE5C,mDAAmD;;IAEnD,+CAA+C;;IAE/C,2CAA2C;;;;IAI3C,6BAA6B;;;CAGhC,CAAC;AAEF,eAAO,MAAM,MAAM;IACf,sCAAsC;;IAEtC,wDAAwD;;IAExD,yDAAyD;;IAEzD,wDAAwD;;IAExD,0CAA0C;;IAE1C,4DAA4D;;IAE5D,6DAA6D;;IAE7D,4DAA4D;;IAE5D,yCAAyC;;IAEzC,2DAA2D;;IAE3D,4DAA4D;;IAE5D,2DAA2D;;IAE3D,wCAAwC;;;IAGxC,0DAA0D;;IAE1D,yCAAyC;;IAEzC,gCAAgC;;;IAGhC,kDAAkD;;IAElD,6BAA6B;;IAE7B,0CAA0C;;IAE1C,2CAA2C;;IAE3C,yCAAyC;;IAEzC,2DAA2D;;IAE3D,2DAA2D;;IAG3D,+BAA+B;;IAE/B,+BAA+B;;IAE/B,2CAA2C;;IAE3C,qCAAqC;;IAErC,+CAA+C;;IAE/C,4FAA4F;;IAE5F,0CAA0C;;IAE1C,0CAA0C;;IAE1C,qEAAqE;;IAErE,yCAAyC;;IAEzC,mEAAmE;;IAEnE,yCAAyC;;IAEzC,uCAAuC;;;IAGvC,uCAAuC;;IAEvC,sCAAsC;;IAEtC,sCAAsC;;IAEtC,+FAA+F;;IAE/F,wCAAwC;;IAExC,wCAAwC;;IAExC,6BAA6B;;IAE7B,2DAA2D;;IAE3D,2DAA2D;;IAE3D,mEAAmE;;IAEnE,kEAAkE;;IAElE,uEAAuE;;IAEvE,8EAA8E;;IAE9E,mEAAmE;;IAEnE,mEAAmE;;;IAGnE,2DAA2D;;IAE3D,mEAAmE;;IAEnE,kEAAkE;;IAElE,uEAAuE;;IAEvE,8EAA8E;;IAE9E,mEAAmE;;IAEnE,qDAAqD;;IAErD,oCAAoC;;IAEpC,kCAAkC;;IAElC,0CAA0C;;IAE1C,yCAAyC;;IAEzC,8CAA8C;;IAE9C,4DAA4D;;IAE5D,iDAAiD;;IAEjD,8CAA8C;;IAE9C,sDAAsD;;IAEtD,qDAAqD;;IAErD,0DAA0D;;IAE1D,iEAAiE;;IAEjE,sDAAsD;;;IAKtD,6DAA6D;;IAE7D,6DAA6D;;;;;;;;;;;;;CAehE,CAAC"}

package/types/components/TextArea/TextArea.types.d.ts

@@ -1,13 +1,25 @@
 /// <reference types="react" />
 import { TextareaHTMLAttributes } from '../../types';
-declare type Only<T, U, R> = {
+declare type Only<T, U, R, K> = {
     [P in keyof T]: T[P];
 } & {
     [P in keyof U]?: never;
 } & {
     [P in keyof R]?: never;
+} & {
+    [P in keyof K]?: never;
+};
+declare type OneOf<T, U, R, K> = Only<T, U, R, K> | Only<U, T, R, K> | Only<R, T, U, K> | Only<K, R, T, U>;
+declare type ClearProps = {
+    /**
+     * view применяется с clear-токенами
+     */
+    clear?: true;
+    /**
+     * отобразить ли divider
+     */
+    hasDivider?: boolean;
 };
-declare type OneOf<T, U, R> = Only<T, U, R> | Only<U, T, R> | Only<R, T, U>;
 export declare type TextAreaPropsAutoResize = {
     /**
      * Автоматическая высота поля ввода.
@@ -46,7 +58,7 @@ export declare type TextAreaPropsRowsCols = {
      */
     cols?: number;
 };
-export declare type TextAreaDimensionsProps = OneOf<TextAreaPropsAutoResize, TextAreaPropsHeightWidth, TextAreaPropsRowsCols>;
+export declare type TextAreaDimensionsProps = OneOf<TextAreaPropsAutoResize, TextAreaPropsHeightWidth, TextAreaPropsRowsCols, ClearProps>;
 declare type RequiredProps = {
     /**
      * Задает выравнивание индикатора обязательности поля

package/types/components/TextArea/TextArea.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TextArea.types.d.ts","sourceRoot":"","sources":["../../../src/components/TextArea/TextArea.types.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,sBAAsB,EAAE,MAAM,aAAa,CAAC;AAErD,aAAK,IAAI,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,IAAI;KAChB,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CACvB,GACG;KACK,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,EAAE,KAAK;CACzB,GACD;KACK,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,EAAE,KAAK;CACzB,CAAC;AAEN,aAAK,KAAK,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,IAAI,IAAI,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,GAAG,IAAI,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,GAAG,IAAI,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;AAEpE,oBAAY,uBAAuB,GAAG;IAClC;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,oBAAY,wBAAwB,GAAG;IACnC;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CAC3B,CAAC;AAEF,oBAAY,qBAAqB,GAAG;IAChC;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,oBAAY,uBAAuB,GAAG,KAAK,CAAC,uBAAuB,EAAE,wBAAwB,EAAE,qBAAqB,CAAC,CAAC;AAEtH,aAAK,aAAa,GAAG;IACjB;;;OAGG;IACH,iBAAiB,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;CACxC,GAAG,CACE;IACI;;OAEG;IACH,QAAQ,EAAE,IAAI,CAAC;IACf;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,GAAG,KAAK,CAAC;CAC5B,GACD;IACI;;OAEG;IACH,QAAQ,CAAC,EAAE,IAAI,CAAC;IAChB;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,GAAG,KAAK,CAAC;CAC5B,CACN,CAAC;AAEF,oBAAY,iBAAiB,GAAG;IAC5B;;;OAGG;IACH,MAAM,CAAC,EAAE,EAAE,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;IAC9C;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,cAAc,CAAC,EAAE,OAAO,GAAG,OAAO,CAAC;IACnC;;OAEG;IACH,YAAY,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC;IAClC;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,YAAY,GAAG,UAAU,CAAC;IACrD;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;CACxB,GAAG,aAAa,CAAC;AAElB,aAAK,oBAAoB,GAAG,iBAAiB,GAAG;IAC5C;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,oBAAY,aAAa,GAAG,IAAI,CAAC,sBAAsB,CAAC,mBAAmB,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,UAAU,CAAC,GACvG,oBAAoB,GACpB,uBAAuB,CAAC"}
+{"version":3,"file":"TextArea.types.d.ts","sourceRoot":"","sources":["../../../src/components/TextArea/TextArea.types.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,sBAAsB,EAAE,MAAM,aAAa,CAAC;AAErD,aAAK,IAAI,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,IAAI;KACnB,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CACvB,GACG;KACK,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,EAAE,KAAK;CACzB,GACD;KACK,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,EAAE,KAAK;CACzB,GACD;KACK,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,EAAE,KAAK;CACzB,CAAC;AAEN,aAAK,KAAK,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,IAAI,IAAI,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,GAAG,IAAI,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,GAAG,IAAI,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,GAAG,IAAI,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;AAEnG,aAAK,UAAU,GAAG;IACd;;OAEG;IACH,KAAK,CAAC,EAAE,IAAI,CAAC;IACb;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;CACxB,CAAC;AAEF,oBAAY,uBAAuB,GAAG;IAClC;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,oBAAY,wBAAwB,GAAG;IACnC;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CAC3B,CAAC;AAEF,oBAAY,qBAAqB,GAAG;IAChC;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,oBAAY,uBAAuB,GAAG,KAAK,CACvC,uBAAuB,EACvB,wBAAwB,EACxB,qBAAqB,EACrB,UAAU,CACb,CAAC;AAEF,aAAK,aAAa,GAAG;IACjB;;;OAGG;IACH,iBAAiB,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;CACxC,GAAG,CACE;IACI;;OAEG;IACH,QAAQ,EAAE,IAAI,CAAC;IACf;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,GAAG,KAAK,CAAC;CAC5B,GACD;IACI;;OAEG;IACH,QAAQ,CAAC,EAAE,IAAI,CAAC;IAChB;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,GAAG,KAAK,CAAC;CAC5B,CACN,CAAC;AAEF,oBAAY,iBAAiB,GAAG;IAC5B;;;OAGG;IACH,MAAM,CAAC,EAAE,EAAE,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;IAC9C;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,cAAc,CAAC,EAAE,OAAO,GAAG,OAAO,CAAC;IACnC;;OAEG;IACH,YAAY,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC;IAClC;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,YAAY,GAAG,UAAU,CAAC;IACrD;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;CACxB,GAAG,aAAa,CAAC;AAElB,aAAK,oBAAoB,GAAG,iBAAiB,GAAG;IAC5C;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,oBAAY,aAAa,GAAG,IAAI,CAAC,sBAAsB,CAAC,mBAAmB,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,UAAU,CAAC,GACvG,oBAAoB,GACpB,uBAAuB,CAAC"}

package/types/components/TextArea/variations/_clear/base.d.ts

@@ -0,0 +1,2 @@
+export declare const base: import("@linaria/core").LinariaClassName;
+//# sourceMappingURL=base.d.ts.map

package/types/components/TextArea/variations/_clear/base.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"base.d.ts","sourceRoot":"","sources":["../../../../../src/components/TextArea/variations/_clear/base.ts"],"names":[],"mappings":"AAaA,eAAO,MAAM,IAAI,0CA2FhB,CAAC"}

package/types/examples/plasma_b2c/components/TextArea/TextArea.config.d.ts

@@ -16,6 +16,9 @@ export declare const config: {
             warning: import("@linaria/core").LinariaClassName;
             negative: import("@linaria/core").LinariaClassName;
         };
+        clear: {
+            true: import("@linaria/core").LinariaClassName;
+        };
         disabled: {
             true: import("@linaria/core").LinariaClassName;
         };

package/types/examples/plasma_b2c/components/TextArea/TextArea.config.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TextArea.config.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_b2c/components/TextArea/TextArea.config.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;CAqRlB,CAAC"}
+{"version":3,"file":"TextArea.config.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_b2c/components/TextArea/TextArea.config.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;CAwTlB,CAAC"}

package/types/examples/plasma_b2c/components/TextArea/TextArea.d.ts

@@ -12,6 +12,9 @@ export declare const TextArea: import("react").FunctionComponent<import("../../.
         warning: import("@linaria/core").LinariaClassName;
         negative: import("@linaria/core").LinariaClassName;
     };
+    clear: {
+        true: import("@linaria/core").LinariaClassName;
+    };
     disabled: {
         true: import("@linaria/core").LinariaClassName;
     };
@@ -42,6 +45,9 @@ export declare const TextArea: import("react").FunctionComponent<import("../../.
 } & {
     rows?: undefined;
     cols?: undefined;
+} & {
+    clear?: undefined;
+    hasDivider?: undefined;
 } & import("react").RefAttributes<HTMLTextAreaElement>) | (Omit<import("../../../../types").TextareaHTMLAttributes<HTMLTextAreaElement>, "required" | "rows" | "cols"> & {
     status?: "" | "error" | "success" | "warning" | undefined;
     label?: string | undefined;
@@ -69,6 +75,9 @@ export declare const TextArea: import("react").FunctionComponent<import("../../.
 } & {
     rows?: undefined;
     cols?: undefined;
+} & {
+    clear?: undefined;
+    hasDivider?: undefined;
 } & import("react").RefAttributes<HTMLTextAreaElement>) | (Omit<import("../../../../types").TextareaHTMLAttributes<HTMLTextAreaElement>, "required" | "rows" | "cols"> & {
     status?: "" | "error" | "success" | "warning" | undefined;
     label?: string | undefined;
@@ -96,6 +105,39 @@ export declare const TextArea: import("react").FunctionComponent<import("../../.
 } & {
     height?: undefined;
     width?: undefined;
+} & {
+    clear?: undefined;
+    hasDivider?: undefined;
+} & import("react").RefAttributes<HTMLTextAreaElement>) | (Omit<import("../../../../types").TextareaHTMLAttributes<HTMLTextAreaElement>, "required" | "rows" | "cols"> & {
+    status?: "" | "error" | "success" | "warning" | undefined;
+    label?: string | undefined;
+    labelPlacement?: "inner" | "outer" | undefined;
+    contentRight?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
+    resize?: "none" | "both" | "horizontal" | "vertical" | undefined;
+    helperText?: string | undefined;
+    leftHelper?: string | undefined;
+    rightHelper?: string | undefined;
+} & {
+    requiredPlacement?: "left" | "right" | undefined;
+} & {
+    required: true;
+    optional?: false | undefined;
+} & {
+    size?: string | undefined;
+    view?: string | undefined;
+} & {
+    clear?: true | undefined;
+    hasDivider?: boolean | undefined;
+} & {
+    rows?: undefined;
+    cols?: undefined;
+} & {
+    autoResize?: undefined;
+    maxAuto?: undefined;
+    minAuto?: undefined;
+} & {
+    height?: undefined;
+    width?: undefined;
 } & import("react").RefAttributes<HTMLTextAreaElement>) | (Omit<import("../../../../types").TextareaHTMLAttributes<HTMLTextAreaElement>, "required" | "rows" | "cols"> & {
     status?: "" | "error" | "success" | "warning" | undefined;
     label?: string | undefined;
@@ -123,6 +165,9 @@ export declare const TextArea: import("react").FunctionComponent<import("../../.
 } & {
     rows?: undefined;
     cols?: undefined;
+} & {
+    clear?: undefined;
+    hasDivider?: undefined;
 } & import("react").RefAttributes<HTMLTextAreaElement>) | (Omit<import("../../../../types").TextareaHTMLAttributes<HTMLTextAreaElement>, "required" | "rows" | "cols"> & {
     status?: "" | "error" | "success" | "warning" | undefined;
     label?: string | undefined;
@@ -150,6 +195,9 @@ export declare const TextArea: import("react").FunctionComponent<import("../../.
 } & {
     rows?: undefined;
     cols?: undefined;
+} & {
+    clear?: undefined;
+    hasDivider?: undefined;
 } & import("react").RefAttributes<HTMLTextAreaElement>) | (Omit<import("../../../../types").TextareaHTMLAttributes<HTMLTextAreaElement>, "required" | "rows" | "cols"> & {
     status?: "" | "error" | "success" | "warning" | undefined;
     label?: string | undefined;
@@ -177,5 +225,38 @@ export declare const TextArea: import("react").FunctionComponent<import("../../.
 } & {
     height?: undefined;
     width?: undefined;
+} & {
+    clear?: undefined;
+    hasDivider?: undefined;
+} & import("react").RefAttributes<HTMLTextAreaElement>) | (Omit<import("../../../../types").TextareaHTMLAttributes<HTMLTextAreaElement>, "required" | "rows" | "cols"> & {
+    status?: "" | "error" | "success" | "warning" | undefined;
+    label?: string | undefined;
+    labelPlacement?: "inner" | "outer" | undefined;
+    contentRight?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
+    resize?: "none" | "both" | "horizontal" | "vertical" | undefined;
+    helperText?: string | undefined;
+    leftHelper?: string | undefined;
+    rightHelper?: string | undefined;
+} & {
+    requiredPlacement?: "left" | "right" | undefined;
+} & {
+    optional?: true | undefined;
+    required?: false | undefined;
+} & {
+    size?: string | undefined;
+    view?: string | undefined;
+} & {
+    clear?: true | undefined;
+    hasDivider?: boolean | undefined;
+} & {
+    rows?: undefined;
+    cols?: undefined;
+} & {
+    autoResize?: undefined;
+    maxAuto?: undefined;
+    minAuto?: undefined;
+} & {
+    height?: undefined;
+    width?: undefined;
 } & import("react").RefAttributes<HTMLTextAreaElement>))>;
 //# sourceMappingURL=TextArea.d.ts.map

package/types/examples/plasma_b2c/components/TextArea/TextArea.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TextArea.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_b2c/components/TextArea/TextArea.ts"],"names":[],"mappings":";AAOA,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;yDAA0B,CAAC"}
+{"version":3,"file":"TextArea.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_b2c/components/TextArea/TextArea.ts"],"names":[],"mappings":";AAOA,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;yDAA0B,CAAC"}

package/types/examples/plasma_web/components/TextArea/TextArea.config.d.ts

@@ -16,6 +16,9 @@ export declare const config: {
             warning: import("@linaria/core").LinariaClassName;
             negative: import("@linaria/core").LinariaClassName;
         };
+        clear: {
+            true: import("@linaria/core").LinariaClassName;
+        };
         disabled: {
             true: import("@linaria/core").LinariaClassName;
         };

package/types/examples/plasma_web/components/TextArea/TextArea.config.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TextArea.config.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_web/components/TextArea/TextArea.config.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;CA+QlB,CAAC"}
+{"version":3,"file":"TextArea.config.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_web/components/TextArea/TextArea.config.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;CAiTlB,CAAC"}

package/types/examples/plasma_web/components/TextArea/TextArea.d.ts

@@ -12,6 +12,9 @@ export declare const TextArea: import("react").FunctionComponent<import("../../.
         warning: import("@linaria/core").LinariaClassName;
         negative: import("@linaria/core").LinariaClassName;
     };
+    clear: {
+        true: import("@linaria/core").LinariaClassName;
+    };
     disabled: {
         true: import("@linaria/core").LinariaClassName;
     };
@@ -42,6 +45,9 @@ export declare const TextArea: import("react").FunctionComponent<import("../../.
 } & {
     rows?: undefined;
     cols?: undefined;
+} & {
+    clear?: undefined;
+    hasDivider?: undefined;
 } & import("react").RefAttributes<HTMLTextAreaElement>) | (Omit<import("../../../../types").TextareaHTMLAttributes<HTMLTextAreaElement>, "required" | "rows" | "cols"> & {
     status?: "" | "error" | "success" | "warning" | undefined;
     label?: string | undefined;
@@ -69,6 +75,9 @@ export declare const TextArea: import("react").FunctionComponent<import("../../.
 } & {
     rows?: undefined;
     cols?: undefined;
+} & {
+    clear?: undefined;
+    hasDivider?: undefined;
 } & import("react").RefAttributes<HTMLTextAreaElement>) | (Omit<import("../../../../types").TextareaHTMLAttributes<HTMLTextAreaElement>, "required" | "rows" | "cols"> & {
     status?: "" | "error" | "success" | "warning" | undefined;
     label?: string | undefined;
@@ -96,6 +105,39 @@ export declare const TextArea: import("react").FunctionComponent<import("../../.
 } & {
     height?: undefined;
     width?: undefined;
+} & {
+    clear?: undefined;
+    hasDivider?: undefined;
+} & import("react").RefAttributes<HTMLTextAreaElement>) | (Omit<import("../../../../types").TextareaHTMLAttributes<HTMLTextAreaElement>, "required" | "rows" | "cols"> & {
+    status?: "" | "error" | "success" | "warning" | undefined;
+    label?: string | undefined;
+    labelPlacement?: "inner" | "outer" | undefined;
+    contentRight?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
+    resize?: "none" | "both" | "horizontal" | "vertical" | undefined;
+    helperText?: string | undefined;
+    leftHelper?: string | undefined;
+    rightHelper?: string | undefined;
+} & {
+    requiredPlacement?: "left" | "right" | undefined;
+} & {
+    required: true;
+    optional?: false | undefined;
+} & {
+    size?: string | undefined;
+    view?: string | undefined;
+} & {
+    clear?: true | undefined;
+    hasDivider?: boolean | undefined;
+} & {
+    rows?: undefined;
+    cols?: undefined;
+} & {
+    autoResize?: undefined;
+    maxAuto?: undefined;
+    minAuto?: undefined;
+} & {
+    height?: undefined;
+    width?: undefined;
 } & import("react").RefAttributes<HTMLTextAreaElement>) | (Omit<import("../../../../types").TextareaHTMLAttributes<HTMLTextAreaElement>, "required" | "rows" | "cols"> & {
     status?: "" | "error" | "success" | "warning" | undefined;
     label?: string | undefined;
@@ -123,6 +165,9 @@ export declare const TextArea: import("react").FunctionComponent<import("../../.
 } & {
     rows?: undefined;
     cols?: undefined;
+} & {
+    clear?: undefined;
+    hasDivider?: undefined;
 } & import("react").RefAttributes<HTMLTextAreaElement>) | (Omit<import("../../../../types").TextareaHTMLAttributes<HTMLTextAreaElement>, "required" | "rows" | "cols"> & {
     status?: "" | "error" | "success" | "warning" | undefined;
     label?: string | undefined;
@@ -150,6 +195,9 @@ export declare const TextArea: import("react").FunctionComponent<import("../../.
 } & {
     rows?: undefined;
     cols?: undefined;
+} & {
+    clear?: undefined;
+    hasDivider?: undefined;
 } & import("react").RefAttributes<HTMLTextAreaElement>) | (Omit<import("../../../../types").TextareaHTMLAttributes<HTMLTextAreaElement>, "required" | "rows" | "cols"> & {
     status?: "" | "error" | "success" | "warning" | undefined;
     label?: string | undefined;
@@ -177,5 +225,38 @@ export declare const TextArea: import("react").FunctionComponent<import("../../.
 } & {
     height?: undefined;
     width?: undefined;
+} & {
+    clear?: undefined;
+    hasDivider?: undefined;
+} & import("react").RefAttributes<HTMLTextAreaElement>) | (Omit<import("../../../../types").TextareaHTMLAttributes<HTMLTextAreaElement>, "required" | "rows" | "cols"> & {
+    status?: "" | "error" | "success" | "warning" | undefined;
+    label?: string | undefined;
+    labelPlacement?: "inner" | "outer" | undefined;
+    contentRight?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
+    resize?: "none" | "both" | "horizontal" | "vertical" | undefined;
+    helperText?: string | undefined;
+    leftHelper?: string | undefined;
+    rightHelper?: string | undefined;
+} & {
+    requiredPlacement?: "left" | "right" | undefined;
+} & {
+    optional?: true | undefined;
+    required?: false | undefined;
+} & {
+    size?: string | undefined;
+    view?: string | undefined;
+} & {
+    clear?: true | undefined;
+    hasDivider?: boolean | undefined;
+} & {
+    rows?: undefined;
+    cols?: undefined;
+} & {
+    autoResize?: undefined;
+    maxAuto?: undefined;
+    minAuto?: undefined;
+} & {
+    height?: undefined;
+    width?: undefined;
 } & import("react").RefAttributes<HTMLTextAreaElement>))>;
 //# sourceMappingURL=TextArea.d.ts.map

package/types/examples/plasma_web/components/TextArea/TextArea.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TextArea.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_web/components/TextArea/TextArea.ts"],"names":[],"mappings":";AAOA,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;yDAA0B,CAAC"}
+{"version":3,"file":"TextArea.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_web/components/TextArea/TextArea.ts"],"names":[],"mappings":";AAOA,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;yDAA0B,CAAC"}

package/cjs/components/TextArea/variations/_view/base_8npjyq.css

@@ -1 +0,0 @@
-.bofyi4a .textarea-container{-webkit-transition:box-shadow 0.1s ease-in-out;transition:box-shadow 0.1s ease-in-out;border-radius:var(--plasma-textarea-border-radius);border:var(--plasma-textarea-border-size) solid var(--plasma-textarea-border-color);}.bofyi4a .textarea-wrapper{-webkit-transition:background-color 0.1s ease-in-out,box-shadow 0.1s ease-in-out;transition:background-color 0.1s ease-in-out,box-shadow 0.1s ease-in-out;box-shadow:inset 0 0 0 var(--plasma-textarea-border-size,1px) var(--plasma-textarea-input-border-color);}.bofyi4a:focus-within:not([readonly]) .textarea-wrapper{background-color:var(--plasma-textarea-input-background-color-focus);box-shadow:inset 0 0 0 var(--plasma-textarea-border-size,1px) var(--plasma-textarea-input-border-color-focus);}.bofyi4a:focus-within:not([readonly]) .textarea-container{border:var(--plasma-textarea-border-size) solid var(--plasma-textarea-border-color-focus);}.bofyi4a:focus-within:not([readonly]) .textarea-helpers{background-color:var(--plasma-textarea-helpers-background-color-focus);}.bofyi4a:hover:not([disabled]):not([readonly]):not(:focus-within) .textarea-container{border:var(--plasma-textarea-border-size) solid var(--plasma-textarea-border-color-hover);}.bofyi4a:hover:not([disabled]):not([readonly]):not(:focus-within) .textarea-wrapper{box-shadow:inset 0 0 0 var(--plasma-textarea-border-size,1px) var(--plasma-textarea-input-border-color-hover);background-color:var(--plasma-textarea-input-background-color-hover);}.bofyi4a:hover:not([disabled]):not([readonly]):not(:focus-within) .textarea-wrapper + .textarea-helpers{background-color:var(--plasma-textarea-helpers-background-color-hover);}.bofyi4a:active:not([disabled]):not([readonly]):not(:focus-within) .textarea-wrapper{box-shadow:inset 0 0 0 var(--plasma-textarea-border-size,1px) var(--plasma-textarea-input-border-color-active);background-color:var(--plasma-textarea-input-background-color-active);}.bofyi4a:active:not([disabled]):not([readonly]):not(:focus-within) .textarea-wrapper + .textarea-helpers{background-color:var(--plasma-textarea-helpers-background-color-active);}

package/es/components/TextArea/variations/_view/base_8npjyq.css

@@ -1 +0,0 @@
-.bofyi4a .textarea-container{-webkit-transition:box-shadow 0.1s ease-in-out;transition:box-shadow 0.1s ease-in-out;border-radius:var(--plasma-textarea-border-radius);border:var(--plasma-textarea-border-size) solid var(--plasma-textarea-border-color);}.bofyi4a .textarea-wrapper{-webkit-transition:background-color 0.1s ease-in-out,box-shadow 0.1s ease-in-out;transition:background-color 0.1s ease-in-out,box-shadow 0.1s ease-in-out;box-shadow:inset 0 0 0 var(--plasma-textarea-border-size,1px) var(--plasma-textarea-input-border-color);}.bofyi4a:focus-within:not([readonly]) .textarea-wrapper{background-color:var(--plasma-textarea-input-background-color-focus);box-shadow:inset 0 0 0 var(--plasma-textarea-border-size,1px) var(--plasma-textarea-input-border-color-focus);}.bofyi4a:focus-within:not([readonly]) .textarea-container{border:var(--plasma-textarea-border-size) solid var(--plasma-textarea-border-color-focus);}.bofyi4a:focus-within:not([readonly]) .textarea-helpers{background-color:var(--plasma-textarea-helpers-background-color-focus);}.bofyi4a:hover:not([disabled]):not([readonly]):not(:focus-within) .textarea-container{border:var(--plasma-textarea-border-size) solid var(--plasma-textarea-border-color-hover);}.bofyi4a:hover:not([disabled]):not([readonly]):not(:focus-within) .textarea-wrapper{box-shadow:inset 0 0 0 var(--plasma-textarea-border-size,1px) var(--plasma-textarea-input-border-color-hover);background-color:var(--plasma-textarea-input-background-color-hover);}.bofyi4a:hover:not([disabled]):not([readonly]):not(:focus-within) .textarea-wrapper + .textarea-helpers{background-color:var(--plasma-textarea-helpers-background-color-hover);}.bofyi4a:active:not([disabled]):not([readonly]):not(:focus-within) .textarea-wrapper{box-shadow:inset 0 0 0 var(--plasma-textarea-border-size,1px) var(--plasma-textarea-input-border-color-active);background-color:var(--plasma-textarea-input-background-color-active);}.bofyi4a:active:not([disabled]):not([readonly]):not(:focus-within) .textarea-wrapper + .textarea-helpers{background-color:var(--plasma-textarea-helpers-background-color-active);}