@salutejs/plasma-new-hope 0.321.1-canary.1937.14653374486.0 → 0.321.1-canary.1942.14657998850.0

package/emotion/es/components/TextField/TextField.template-doc.mdx

@@ -37,7 +37,7 @@ export function App() {
 ```
 
 ### Размер поля
-Размер поля задаётся с помощью свойства `size`. Свойство принимает значения `"l"` и `"m"`:
+Размер поля задаётся с помощью свойства `size`. Свойство принимает значения `"l" | "m" | "s" | "xs"`:
 
 ```tsx live
 import React from 'react';
@@ -53,8 +53,8 @@ export function App() {
             />
             <TextField
                 placeholder="Размер"
-                size="m"
-                defaultValue="M48"
+                size="s"
+                defaultValue="S40"
             />
         </div>
     );
@@ -62,9 +62,9 @@ export function App() {
 ```
 
 ### Статус поля
-Статус поля задается с помощью свойства `status`.
-Возможные значения свойства: `success`, `warning` и `error`.
-На отображение TextField так же влияют свойства `clear` и `hasDivider`:
+Статус поля задается с помощью свойства `view`.
+
+Возможные значения свойства: `"positive" | "warning" | "negative"`
 
 ```tsx live
 import React from 'react';
@@ -75,46 +75,61 @@ export function App() {
         <div style=\{{ display: "flex", flexDirection: "column", gap: "1rem" }}>
             <div style=\{{ display: "flex", gap: "0.5rem" }}>
                 <TextField
-                    placeholder="Статус"
-                    status="success"
+                    placeholder="Статус positive"
+                    view="positive"
                     size="m"
-                    defaultValue="Успех"
+                    defaultValue="Positive"
                 />
                 <TextField
-                    placeholder="Статус"
-                    status="warning"
+                    placeholder="Статус warning"
+                    view="warning"
                     size="m"
-                    defaultValue="Предупреждение"
+                    defaultValue="Warning"
                 />
                 <TextField
-                    placeholder="Статус"
-                    status="error"
+                    placeholder="Статус Ошибка"
+                    view="negative"
                     size="m"
-                    defaultValue="Ошибка"
+                    defaultValue="Negative"
                 />
             </div>
+        </div>
+    );
+}
+```
+
+### Вариация Clear
+На отображение компонента так же влияют свойства `clear` и `hasDivider`:
+
+```tsx live
+import React from 'react';
+import { TextField } from '@salutejs/{{ package }}';
+
+export function App() {
+    return (
+        <div style=\{{ display: "flex", flexDirection: "column", gap: "1rem" }}>
             <div style=\{{ display: "flex", gap: "0.5rem" }}>
                 <TextField
-                    placeholder="Статус"
-                    status="success"
+                    placeholder="Статус positive"
+                    view="positive"
                     size="m"
-                    defaultValue="Успех"
+                    defaultValue="Positive"
                     clear
                     hasDivider
                 />
                 <TextField
-                    placeholder="Статус"
-                    status="warning"
+                    placeholder="Статус warning"
+                    view="warning"
                     size="m"
-                    defaultValue="Предупреждение"
+                    defaultValue="Warning"
                     clear
                     hasDivider
                 />
                 <TextField
-                    placeholder="Статус"
-                    status="error"
+                    placeholder="Статус negative"
+                    view="negative"
                     size="m"
-                    defaultValue="Ошибка"
+                    defaultValue="Negative"
                     clear
                     hasDivider
                 />
@@ -125,8 +140,11 @@ export function App() {
 ```
 
 ### Подсказка
-Для вывода подсказки снизу от поля используйте свойство `helperText`,
-для подсказки в виде Tooltip - `hintText`, для подсказки сверху справа - `titleCaption`:
+Для вывода подсказок:
+
+- `leftHelper` внизу слева под компонентом
+- `titleCaption` сверху справа над компонентом
+- `hintText` для подсказки в виде `Tooltip`
 
 ```tsx live
 import React from 'react';
@@ -138,7 +156,7 @@ export function App() {
             <TextField
                 placeholder="Введите значение"
                 defaultValue="Значение"
-                helperText="Подсказка снизу"
+                leftHelper="Подсказка снизу"
                 titleCaption="Подсказка сверху"
                 hintText="Подсказка в виде Tooltip"
                 hintView="default"
@@ -151,7 +169,9 @@ export function App() {
 
 ### Режим ввода
 С помощью свойства `enumerationType` можно вводить элементы как теги. Свойство `chipType` изменяет внешний вид чипа.
-С помощью `chipView` можно задать общий вид Chip. Валидация Chip происходит с помощью функции chipValidator.
+
+С помощью `chipView` можно задать общий вид `Chip`. Валидация `Chip` происходит с помощью функции `chipValidator`.
+
 По нажатию Enter, после ввода нужного текста, он преобразуется в Chip.
 
 ```tsx live
@@ -168,7 +188,7 @@ export function App() {
                 defaultValue="Значение"
                 size="l"
                 enumerationType="chip"
-                helperText="Подсказка снизу"
+                leftHelper="Подсказка снизу"
                 chips={["Значение 1", "Значение 2"]}
                 chipView="positive"
                 chipValidator={validateChip}
@@ -179,7 +199,7 @@ export function App() {
                 defaultValue="Значение"
                 size="l"
                 enumerationType="chip"
-                helperText="Подсказка снизу"
+                leftHelper="Подсказка снизу"
                 chips={["Значение 1"]}
                 chipType="text"
             />
@@ -188,9 +208,15 @@ export function App() {
 }
 ```
 
-
 ### Обязательность поля
-Обязательность поля задаётся с помощью свойств `required` и `requiredPlacement`. Где `requiredPlacement` отвечает за выравнивание и принимает значения `"left"` и `"right"`:
+
+:::tip
+Наличие индикатора регулируется свойством `hasRequiredIndicator`.
+:::
+
+Обязательность поля задаётся с помощью свойств `required` и `requiredPlacement`.
+
+Где `requiredPlacement` отвечает за выравнивание и принимает значения `"left"` и `"right"`:
 
 ```tsx live
 import React from 'react';
@@ -209,7 +235,66 @@ export function App() {
                 required
                 requiredPlacement="right"
             />
+            <TextField
+                placeholder="Введите значение"
+                label="Поле обязательное, но не имеет визуального индикатора"
+                required
+                requiredPlacement="right"
+                hasRequiredIndicator={false}
+            />
         </div>
     );
 }
 ```
+
+## Примеры
+
+### TextField + очистка поля
+
+```tsx live
+import React, { useState } from "react";
+import { TextField } from "@salutejs/{{ package }}";
+import { IconClose } from "@salutejs/plasma-icons";
+
+export function App() {
+  const [value, setValue] = useState("");
+
+  const ControlClear = (props: { onClick: () => void }) => {
+      return (
+        <div {...props}>
+          <IconClose size="xs" color="inherit" />
+        </div>
+      );
+  };
+
+  return (
+    <div>
+      <TextField
+        placeholder="Положение иконки"
+        value={value}
+        onChange={(e) => {
+          setValue(e.target.value);
+        }}
+        contentRight={
+          <ControlClear
+            onClick={() => {
+              setValue("");
+            }}
+          />
+        }
+      />
+    </div>
+  );
+}
+```
+
+## Клавиатурная навигация
+
+Данный компонент может полностью управляться с помощью клавиатуры, используя следующие клавиши:
+-  по нажатию `Tab` фокусируемся на input
+-  если enumeratinType=`chip` после ввода текста, по нажатию `Enter`, input очистится и появится Chip
+-  если введен текст в input по нажатию `ArrowLeft` или `ArrowRight` каретка передвигается по тексту
+-  при достижении левой границы текста или отсутствии текста в input, при нажатии `Backspace` удаляем последний Chip, если он есть
+-  при достижении левой границы текста или отсутствии текста в input, при нажатии `ArrowLeft` переключаемся на последний Chip, если он есть
+-  при фокусе на Chip работает переключение фокуса на другие Chip по нажатию `ArrowLeft`, `ArrowRight`; если же Chip крайний правый, при нажатии `ArrowRight` фокус переходит на input
+

package/emotion/es/components/Toast/Toast.template-doc.mdx

@@ -9,6 +9,11 @@ import { PropsTable, Description } from '@site/src/components';
 <Description name="Toast" />
 <PropsTable name="Toast" />
 
+:::caution Устаревшие значения свойства `view`
+Значения `dark` и `light` являются устаревшими.<br/>
+Для изменения фона `Toast` используйте компонент `ViewContainer` (см. <a href="#пример-использования">пример использования</a>)
+:::
+
 ## Система подсказок
 Существует готовая система текстовых подсказок, для использования которой необходимо обернуть приложение в `ToastProvider`:
 
@@ -120,7 +125,6 @@ export interface ShowToastArgs {
 ```
 
 ## Пример использования
-
 Для изменения цветовой темы компонента `Toast` используйте свойство `view` компонента `ViewContainer`.
 
 ```jsx live
@@ -130,7 +134,7 @@ import { useToast, ToastProvider, Button, ViewContainer } from '@salutejs/{{ pac
 export function App() {
 
     const ToastExample = () => {
-        const { showToast, hideToast } = useToast()
+        const { showToast } = useToast()
 
         const onShow = () => {}
         const onHide = () => {}
@@ -168,3 +172,45 @@ export function App() {
     )
 }
 ```
+
+## Вид иконки
+Значения `positive` и `negative` свойства `view` изменяют цвет иконки.<br/>
+Чтобы цвет применился, установите в иконке свойство `color` со значением `inherit`:
+
+```jsx live
+import React from 'react'
+import { IconBell } from '@salutejs/plasma-icons';
+import { useToast, ToastProvider, Button } from '@salutejs/{{ package }}'
+
+export function App() {
+    const Icon = () => <IconBell color="inherit" size="xs" />;
+
+    const ToastExample = () => {
+        const { showToast } = useToast()
+
+        const onShow = () => {}
+        const onHide = () => {}
+        const toastData = {
+            contentLeft: <Icon />,
+            text: 'Подсказка c иконкой',
+            position: 'bottom',
+            role: 'status',
+            hasClose: true,
+            fade: false,
+            size: 'm',
+            view: 'positive',
+            timeout: 3000,
+            onShow,
+            onHide
+        }
+
+        return <Button onClick={() => showToast(toastData)} text="Вызвать подсказку" />
+    }
+
+    return (
+        <ToastProvider>
+            <ToastExample />
+        </ToastProvider>
+    )
+}
+```

package/emotion/es/components/Tooltip/Tooltip.template-doc.mdx

@@ -17,13 +17,28 @@ import { PropsTable, Description } from '@site/src/components';
 
 ```tsx live
 import React from 'react';
-import { Tooltip } from '@salutejs/{{ package }}';
-import { IconApps } from '@salutejs/plasma-icons';
+import { Tooltip, Button } from '@salutejs/{{ package }}';
 
 export function App() {
     return (
-        <div style=\{{marginLeft: '100px',marginBottom: '35px'}}>
-            <Tooltip target={( <IconApps />)} text="Высокое качество воспроизведения" placement="bottom" hasArrow opened />
+        <div style=\{{display: 'grid', gridTemplateColumns: 'repeat(3, max-content)', gridGap: '1rem 3.5rem', padding: '3.5rem'}}>
+            <Tooltip
+                target={<Tooltip target={<Button>Btn</Button>} placement="left" opened text="left" />}
+                placement="top-start"
+                opened
+                text="top-start"
+                view="default"
+            />
+            <Tooltip target={<Button>Btn</Button>} placement="top" opened text="top" />
+            <Tooltip
+                target={<Tooltip target={<Button>Btn</Button>} placement="right" opened text="right" />}
+                placement="top-end"
+                opened
+                text="top-end"
+            />
+            <Tooltip target={<Button>Btn</Button>} placement="bottom-start" opened text="bottom-start" />
+            <Tooltip target={<Button>Btn</Button>} placement="bottom" opened text="bottom" />
+            <Tooltip target={<Button>Btn</Button>} placement="bottom-end" opened text="bottom-end" />
         </div>
     );
 }

package/emotion/es/components/Tree/Tree.template-doc.mdx

@@ -218,4 +218,3 @@ type TreeItem = {
         ```
     </TabItem>
 </Tabs>
-

package/es/components/Autocomplete/Autocomplete.css

@@ -24,28 +24,28 @@
 
 .Tooltip_1qsg6ij_s1cz8cv8__da7f9e0a{--plasma-popover-arrow-mask-width:var(--plasma-tooltip-arrow-mask-width);--plasma-popover-arrow-mask-height:var(--plasma-tooltip-arrow-mask-height);--plasma-popover-arrow-mask-image:var(--plasma-tooltip-arrow-mask-image);--plasma-popover-arrow-background:var(--plasma-tooltip-arrow-background);--plasma-popover-arrow-height:var(--plasma-tooltip-arrow-height);--plasma-popover-arrow-edge-margin:var(--plasma-tooltip-arrow-edge-margin);}
 
-.TextField_styles_1895ept_iq39zt5__ebba80b9{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;}
-.TextField_styles_1895ept_i1j28rg8__ebba80b9{-webkit-flex:1;-ms-flex:1;flex:1;overflow:scroll;position:relative;width:100%;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-scrollbar-width:none;-moz-scrollbar-width:none;-ms-scrollbar-width:none;scrollbar-width:none;overscroll-behavior:contain;}.TextField_styles_1895ept_i1j28rg8__ebba80b9::-webkit-scrollbar{display:none;}.TextField_styles_1895ept_i1j28rg8__ebba80b9.TextField_styles_1895ept_hasChips__ebba80b9{height:var(--plasma-textfield__chip-height);border-radius:var(--plasma-textfield__chip-border-radius);}
-.TextField_styles_1895ept_s13zudoe__ebba80b9{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:var(--plasma-textfield__chip-gap);margin-right:var(--plasma-textfield__chip-margin-right,var(--plasma-textfield__chip-gap));-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
-.TextField_styles_1895ept_io4bpie__ebba80b9{box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;padding:0;background-color:transparent;outline:none;width:100%;z-index:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.TextField_styles_1895ept_io4bpie__ebba80b9::-webkit-input-placeholder{opacity:0;}.TextField_styles_1895ept_io4bpie__ebba80b9::-moz-placeholder{opacity:0;}.TextField_styles_1895ept_io4bpie__ebba80b9:-ms-input-placeholder{opacity:0;}.TextField_styles_1895ept_io4bpie__ebba80b9::placeholder{opacity:0;}
-.TextField_styles_1895ept_i13qvwoy__ebba80b9{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex:1;-ms-flex:1;flex:1;min-width:var(--i13qvwoy-0);}.TextField_styles_1895ept_i13qvwoy__ebba80b9 .TextField_styles_1895ept_io4bpie__ebba80b9{max-width:var(--i13qvwoy-1);}
-.TextField_styles_1895ept_i19ry60d__ebba80b9{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:absolute;top:0;left:0;right:0;bottom:0;z-index:0;white-space:nowrap;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font:inherit;-webkit-letter-spacing:inherit;-moz-letter-spacing:inherit;-ms-letter-spacing:inherit;letter-spacing:inherit;line-height:inherit;color:var(--plasma-textfield__placeholder-color);padding:var(--i19ry60d-0);}
-.TextField_styles_1895ept_obt1ohz__ebba80b9{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;white-space:var(--obt1ohz-0);margin-bottom:var(--obt1ohz-1);}
-.TextField_styles_1895ept_tlv9av6__ebba80b9{display:inline-block;margin-left:auto;}
-.TextField_styles_1895ept_s600610__ebba80b9{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
-.TextField_styles_1895ept_luk2zst__ebba80b9{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}
-.TextField_styles_1895ept_s1gjsnfi__ebba80b9{margin:var(--plasma-textfield__left-content-margin);color:var(--s1gjsnfi-0);line-height:0;}
-.TextField_styles_1895ept_ssv2kwg__ebba80b9{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
-.TextField_styles_1895ept_s190z894__ebba80b9{line-height:0;margin:var(--plasma-textfield__right-content-margin);color:var(--plasma-textfield-content-right-slot-color,var(--plasma-textfield-content-slot-color));}.TextField_styles_1895ept_s190z894__ebba80b9:hover{color:var(--plasma-textfield-content-right-slot-color-hover,var(--plasma-textfield-content-slot-color-hover));cursor:pointer;}.TextField_styles_1895ept_s190z894__ebba80b9:active{color:var(--plasma-textfield-content-right-slot-color-active,var(--plasma-textfield-content-slot-color-active));}
-
-.TextField_styles_1895ept_s7hnwwb__ebba80b9{visibility:var(--s7hnwwb-0);}
-
-.TextField_styles_1895ept_s14qvple__ebba80b9{color:var(--plasma-textfield__optional-color);}
-.TextField_styles_1895ept_s16itze4__ebba80b9{display:inline-block;line-height:0;}.TextField_styles_1895ept_s16itze4__ebba80b9.TextField_styles_1895ept_labelPlacementInner__ebba80b9{position:absolute;margin:0;inset:var(--plasma-textfield__hint-inner-label-placement-offset);}
-.TextField_styles_1895ept_h1skqnhr__ebba80b9{color:var(--plasma-textfield__hint-icon-color);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
-.TextField_styles_1895ept_hgy0im1__ebba80b9 .TextField_styles_1895ept_h1skqnhr__ebba80b9 .TextField_styles_1895ept_popoverRoot__ebba80b9{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;}
-.TextField_styles_1895ept_h8yezh4__ebba80b9{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}
-.TextField_styles_1895ept_szsveq4__ebba80b9{position:absolute;border-radius:50%;background-color:var(--plasma-textfield__indicator-color);}.TextField_styles_1895ept_szsveq4__ebba80b9.TextField_styles_1895ept_labelPlacementOuter__ebba80b9{width:var(--plasma-textfield__indicator-size-outer);height:var(--plasma-textfield__indicator-size-outer);inset:var(--plasma-textfield__indicator-placement-outer);}.TextField_styles_1895ept_szsveq4__ebba80b9.TextField_styles_1895ept_labelPlacementOuter__ebba80b9.TextField_styles_1895ept_requiredAlignRight__ebba80b9{inset:var(--plasma-textfield__indicator-placement-outer-right);}.TextField_styles_1895ept_szsveq4__ebba80b9.TextField_styles_1895ept_labelPlacementOuter__ebba80b9.TextField_styles_1895ept_requiredAlignRight__ebba80b9.TextField_styles_1895ept_textfieldHasHint__ebba80b9{right:calc( -1 * var(--plasma-textfield__indicator-size-outer) + var(--plasma-textfield__indicator-hint-placement-outer-right,0px) );}.TextField_styles_1895ept_szsveq4__ebba80b9.TextField_styles_1895ept_labelPlacementInner__ebba80b9{width:var(--plasma-textfield__indicator-size-inner);height:var(--plasma-textfield__indicator-size-inner);inset:var(--plasma-textfield__indicator-placement-inner);}.TextField_styles_1895ept_szsveq4__ebba80b9.TextField_styles_1895ept_labelPlacementInner__ebba80b9.TextField_styles_1895ept_requiredAlignRight__ebba80b9{inset:var(--plasma-textfield__indicator-placement-inner-right);}
+.TextField_styles_1cdp5eg_iq39zt5__dcbef05d{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;}
+.TextField_styles_1cdp5eg_i1j28rg8__dcbef05d{-webkit-flex:1;-ms-flex:1;flex:1;overflow:scroll;position:relative;width:100%;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-scrollbar-width:none;-moz-scrollbar-width:none;-ms-scrollbar-width:none;scrollbar-width:none;overscroll-behavior:contain;}.TextField_styles_1cdp5eg_i1j28rg8__dcbef05d::-webkit-scrollbar{display:none;}.TextField_styles_1cdp5eg_i1j28rg8__dcbef05d.TextField_styles_1cdp5eg_hasChips__dcbef05d{height:var(--plasma-textfield__chip-height);border-radius:var(--plasma-textfield__chip-border-radius);}
+.TextField_styles_1cdp5eg_s13zudoe__dcbef05d{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:var(--plasma-textfield__chip-gap);margin-right:var(--plasma-textfield__chip-margin-right,var(--plasma-textfield__chip-gap));-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
+.TextField_styles_1cdp5eg_io4bpie__dcbef05d{box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;padding:0;background-color:transparent;outline:none;width:100%;z-index:1;}.TextField_styles_1cdp5eg_io4bpie__dcbef05d::-webkit-input-placeholder{opacity:0;}.TextField_styles_1cdp5eg_io4bpie__dcbef05d::-moz-placeholder{opacity:0;}.TextField_styles_1cdp5eg_io4bpie__dcbef05d:-ms-input-placeholder{opacity:0;}.TextField_styles_1cdp5eg_io4bpie__dcbef05d::placeholder{opacity:0;}
+.TextField_styles_1cdp5eg_i13qvwoy__dcbef05d{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex:1;-ms-flex:1;flex:1;min-width:var(--i13qvwoy-0);}.TextField_styles_1cdp5eg_i13qvwoy__dcbef05d .TextField_styles_1cdp5eg_io4bpie__dcbef05d{max-width:var(--i13qvwoy-1);}
+.TextField_styles_1cdp5eg_i19ry60d__dcbef05d{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:absolute;top:0;left:0;right:0;bottom:0;z-index:0;white-space:nowrap;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font:inherit;-webkit-letter-spacing:inherit;-moz-letter-spacing:inherit;-ms-letter-spacing:inherit;letter-spacing:inherit;line-height:inherit;color:var(--plasma-textfield__placeholder-color);padding:var(--i19ry60d-0);}
+.TextField_styles_1cdp5eg_obt1ohz__dcbef05d{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;white-space:var(--obt1ohz-0);margin-bottom:var(--obt1ohz-1);}
+.TextField_styles_1cdp5eg_tlv9av6__dcbef05d{display:inline-block;margin-left:auto;}
+.TextField_styles_1cdp5eg_s600610__dcbef05d{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
+.TextField_styles_1cdp5eg_luk2zst__dcbef05d{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}
+.TextField_styles_1cdp5eg_s1gjsnfi__dcbef05d{margin:var(--plasma-textfield__left-content-margin);color:var(--s1gjsnfi-0);line-height:0;}
+.TextField_styles_1cdp5eg_ssv2kwg__dcbef05d{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
+.TextField_styles_1cdp5eg_s190z894__dcbef05d{line-height:0;margin:var(--plasma-textfield__right-content-margin);color:var(--plasma-textfield-content-right-slot-color,var(--plasma-textfield-content-slot-color));}.TextField_styles_1cdp5eg_s190z894__dcbef05d:hover{color:var(--plasma-textfield-content-right-slot-color-hover,var(--plasma-textfield-content-slot-color-hover));cursor:pointer;}.TextField_styles_1cdp5eg_s190z894__dcbef05d:active{color:var(--plasma-textfield-content-right-slot-color-active,var(--plasma-textfield-content-slot-color-active));}
+
+.TextField_styles_1cdp5eg_s7hnwwb__dcbef05d{visibility:var(--s7hnwwb-0);}
+
+.TextField_styles_1cdp5eg_s14qvple__dcbef05d{color:var(--plasma-textfield__optional-color);}
+.TextField_styles_1cdp5eg_s16itze4__dcbef05d{display:inline-block;line-height:0;}.TextField_styles_1cdp5eg_s16itze4__dcbef05d.TextField_styles_1cdp5eg_labelPlacementInner__dcbef05d{position:absolute;margin:0;inset:var(--plasma-textfield__hint-inner-label-placement-offset);}
+.TextField_styles_1cdp5eg_h1skqnhr__dcbef05d{color:var(--plasma-textfield__hint-icon-color);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
+.TextField_styles_1cdp5eg_hgy0im1__dcbef05d .TextField_styles_1cdp5eg_h1skqnhr__dcbef05d .TextField_styles_1cdp5eg_popoverRoot__dcbef05d{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;}
+.TextField_styles_1cdp5eg_h8yezh4__dcbef05d{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}
+.TextField_styles_1cdp5eg_szsveq4__dcbef05d{position:absolute;border-radius:50%;background-color:var(--plasma-textfield__indicator-color);}.TextField_styles_1cdp5eg_szsveq4__dcbef05d.TextField_styles_1cdp5eg_labelPlacementOuter__dcbef05d{width:var(--plasma-textfield__indicator-size-outer);height:var(--plasma-textfield__indicator-size-outer);inset:var(--plasma-textfield__indicator-placement-outer);}.TextField_styles_1cdp5eg_szsveq4__dcbef05d.TextField_styles_1cdp5eg_labelPlacementOuter__dcbef05d.TextField_styles_1cdp5eg_requiredAlignRight__dcbef05d{inset:var(--plasma-textfield__indicator-placement-outer-right);}.TextField_styles_1cdp5eg_szsveq4__dcbef05d.TextField_styles_1cdp5eg_labelPlacementOuter__dcbef05d.TextField_styles_1cdp5eg_requiredAlignRight__dcbef05d.TextField_styles_1cdp5eg_textfieldHasHint__dcbef05d{right:calc( -1 * var(--plasma-textfield__indicator-size-outer) + var(--plasma-textfield__indicator-hint-placement-outer-right,0px) );}.TextField_styles_1cdp5eg_szsveq4__dcbef05d.TextField_styles_1cdp5eg_labelPlacementInner__dcbef05d{width:var(--plasma-textfield__indicator-size-inner);height:var(--plasma-textfield__indicator-size-inner);inset:var(--plasma-textfield__indicator-placement-inner);}.TextField_styles_1cdp5eg_szsveq4__dcbef05d.TextField_styles_1cdp5eg_labelPlacementInner__dcbef05d.TextField_styles_1cdp5eg_requiredAlignRight__dcbef05d{inset:var(--plasma-textfield__indicator-placement-inner-right);}
 
 .base_1lwlv7t_b13tc97x__334a4e59{color:var(--plasma-chip-color);background-color:var(--plasma-chip-background);}.base_1lwlv7t_b13tc97x__334a4e59:hover{color:var(--plasma-chip-color-hover);background-color:var(--plasma-chip-background-hover);scale:var(--plasma-chip-scale-hover);}.base_1lwlv7t_b13tc97x__334a4e59:active{color:var(--plasma-chip-color-active);background-color:var(--plasma-chip-background-active);scale:var(--plasma-chip-scale-active);}
 

package/es/components/Combobox/ComboboxNew/Combobox.css

@@ -75,28 +75,28 @@
 
 .Tooltip_1qsg6ij_s1cz8cv8__da7f9e0a{--plasma-popover-arrow-mask-width:var(--plasma-tooltip-arrow-mask-width);--plasma-popover-arrow-mask-height:var(--plasma-tooltip-arrow-mask-height);--plasma-popover-arrow-mask-image:var(--plasma-tooltip-arrow-mask-image);--plasma-popover-arrow-background:var(--plasma-tooltip-arrow-background);--plasma-popover-arrow-height:var(--plasma-tooltip-arrow-height);--plasma-popover-arrow-edge-margin:var(--plasma-tooltip-arrow-edge-margin);}
 
-.TextField_styles_1895ept_iq39zt5__ebba80b9{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;}
-.TextField_styles_1895ept_i1j28rg8__ebba80b9{-webkit-flex:1;-ms-flex:1;flex:1;overflow:scroll;position:relative;width:100%;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-scrollbar-width:none;-moz-scrollbar-width:none;-ms-scrollbar-width:none;scrollbar-width:none;overscroll-behavior:contain;}.TextField_styles_1895ept_i1j28rg8__ebba80b9::-webkit-scrollbar{display:none;}.TextField_styles_1895ept_i1j28rg8__ebba80b9.TextField_styles_1895ept_hasChips__ebba80b9{height:var(--plasma-textfield__chip-height);border-radius:var(--plasma-textfield__chip-border-radius);}
-.TextField_styles_1895ept_s13zudoe__ebba80b9{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:var(--plasma-textfield__chip-gap);margin-right:var(--plasma-textfield__chip-margin-right,var(--plasma-textfield__chip-gap));-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
-.TextField_styles_1895ept_io4bpie__ebba80b9{box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;padding:0;background-color:transparent;outline:none;width:100%;z-index:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.TextField_styles_1895ept_io4bpie__ebba80b9::-webkit-input-placeholder{opacity:0;}.TextField_styles_1895ept_io4bpie__ebba80b9::-moz-placeholder{opacity:0;}.TextField_styles_1895ept_io4bpie__ebba80b9:-ms-input-placeholder{opacity:0;}.TextField_styles_1895ept_io4bpie__ebba80b9::placeholder{opacity:0;}
-.TextField_styles_1895ept_i13qvwoy__ebba80b9{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex:1;-ms-flex:1;flex:1;min-width:var(--i13qvwoy-0);}.TextField_styles_1895ept_i13qvwoy__ebba80b9 .TextField_styles_1895ept_io4bpie__ebba80b9{max-width:var(--i13qvwoy-1);}
-.TextField_styles_1895ept_i19ry60d__ebba80b9{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:absolute;top:0;left:0;right:0;bottom:0;z-index:0;white-space:nowrap;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font:inherit;-webkit-letter-spacing:inherit;-moz-letter-spacing:inherit;-ms-letter-spacing:inherit;letter-spacing:inherit;line-height:inherit;color:var(--plasma-textfield__placeholder-color);padding:var(--i19ry60d-0);}
-.TextField_styles_1895ept_obt1ohz__ebba80b9{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;white-space:var(--obt1ohz-0);margin-bottom:var(--obt1ohz-1);}
-.TextField_styles_1895ept_tlv9av6__ebba80b9{display:inline-block;margin-left:auto;}
-.TextField_styles_1895ept_s600610__ebba80b9{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
-.TextField_styles_1895ept_luk2zst__ebba80b9{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}
-.TextField_styles_1895ept_s1gjsnfi__ebba80b9{margin:var(--plasma-textfield__left-content-margin);color:var(--s1gjsnfi-0);line-height:0;}
-.TextField_styles_1895ept_ssv2kwg__ebba80b9{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
-.TextField_styles_1895ept_s190z894__ebba80b9{line-height:0;margin:var(--plasma-textfield__right-content-margin);color:var(--plasma-textfield-content-right-slot-color,var(--plasma-textfield-content-slot-color));}.TextField_styles_1895ept_s190z894__ebba80b9:hover{color:var(--plasma-textfield-content-right-slot-color-hover,var(--plasma-textfield-content-slot-color-hover));cursor:pointer;}.TextField_styles_1895ept_s190z894__ebba80b9:active{color:var(--plasma-textfield-content-right-slot-color-active,var(--plasma-textfield-content-slot-color-active));}
-
-.TextField_styles_1895ept_s7hnwwb__ebba80b9{visibility:var(--s7hnwwb-0);}
-
-.TextField_styles_1895ept_s14qvple__ebba80b9{color:var(--plasma-textfield__optional-color);}
-.TextField_styles_1895ept_s16itze4__ebba80b9{display:inline-block;line-height:0;}.TextField_styles_1895ept_s16itze4__ebba80b9.TextField_styles_1895ept_labelPlacementInner__ebba80b9{position:absolute;margin:0;inset:var(--plasma-textfield__hint-inner-label-placement-offset);}
-.TextField_styles_1895ept_h1skqnhr__ebba80b9{color:var(--plasma-textfield__hint-icon-color);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
-.TextField_styles_1895ept_hgy0im1__ebba80b9 .TextField_styles_1895ept_h1skqnhr__ebba80b9 .TextField_styles_1895ept_popoverRoot__ebba80b9{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;}
-.TextField_styles_1895ept_h8yezh4__ebba80b9{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}
-.TextField_styles_1895ept_szsveq4__ebba80b9{position:absolute;border-radius:50%;background-color:var(--plasma-textfield__indicator-color);}.TextField_styles_1895ept_szsveq4__ebba80b9.TextField_styles_1895ept_labelPlacementOuter__ebba80b9{width:var(--plasma-textfield__indicator-size-outer);height:var(--plasma-textfield__indicator-size-outer);inset:var(--plasma-textfield__indicator-placement-outer);}.TextField_styles_1895ept_szsveq4__ebba80b9.TextField_styles_1895ept_labelPlacementOuter__ebba80b9.TextField_styles_1895ept_requiredAlignRight__ebba80b9{inset:var(--plasma-textfield__indicator-placement-outer-right);}.TextField_styles_1895ept_szsveq4__ebba80b9.TextField_styles_1895ept_labelPlacementOuter__ebba80b9.TextField_styles_1895ept_requiredAlignRight__ebba80b9.TextField_styles_1895ept_textfieldHasHint__ebba80b9{right:calc( -1 * var(--plasma-textfield__indicator-size-outer) + var(--plasma-textfield__indicator-hint-placement-outer-right,0px) );}.TextField_styles_1895ept_szsveq4__ebba80b9.TextField_styles_1895ept_labelPlacementInner__ebba80b9{width:var(--plasma-textfield__indicator-size-inner);height:var(--plasma-textfield__indicator-size-inner);inset:var(--plasma-textfield__indicator-placement-inner);}.TextField_styles_1895ept_szsveq4__ebba80b9.TextField_styles_1895ept_labelPlacementInner__ebba80b9.TextField_styles_1895ept_requiredAlignRight__ebba80b9{inset:var(--plasma-textfield__indicator-placement-inner-right);}
+.TextField_styles_1cdp5eg_iq39zt5__dcbef05d{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;}
+.TextField_styles_1cdp5eg_i1j28rg8__dcbef05d{-webkit-flex:1;-ms-flex:1;flex:1;overflow:scroll;position:relative;width:100%;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-scrollbar-width:none;-moz-scrollbar-width:none;-ms-scrollbar-width:none;scrollbar-width:none;overscroll-behavior:contain;}.TextField_styles_1cdp5eg_i1j28rg8__dcbef05d::-webkit-scrollbar{display:none;}.TextField_styles_1cdp5eg_i1j28rg8__dcbef05d.TextField_styles_1cdp5eg_hasChips__dcbef05d{height:var(--plasma-textfield__chip-height);border-radius:var(--plasma-textfield__chip-border-radius);}
+.TextField_styles_1cdp5eg_s13zudoe__dcbef05d{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:var(--plasma-textfield__chip-gap);margin-right:var(--plasma-textfield__chip-margin-right,var(--plasma-textfield__chip-gap));-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
+.TextField_styles_1cdp5eg_io4bpie__dcbef05d{box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;padding:0;background-color:transparent;outline:none;width:100%;z-index:1;}.TextField_styles_1cdp5eg_io4bpie__dcbef05d::-webkit-input-placeholder{opacity:0;}.TextField_styles_1cdp5eg_io4bpie__dcbef05d::-moz-placeholder{opacity:0;}.TextField_styles_1cdp5eg_io4bpie__dcbef05d:-ms-input-placeholder{opacity:0;}.TextField_styles_1cdp5eg_io4bpie__dcbef05d::placeholder{opacity:0;}
+.TextField_styles_1cdp5eg_i13qvwoy__dcbef05d{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex:1;-ms-flex:1;flex:1;min-width:var(--i13qvwoy-0);}.TextField_styles_1cdp5eg_i13qvwoy__dcbef05d .TextField_styles_1cdp5eg_io4bpie__dcbef05d{max-width:var(--i13qvwoy-1);}
+.TextField_styles_1cdp5eg_i19ry60d__dcbef05d{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:absolute;top:0;left:0;right:0;bottom:0;z-index:0;white-space:nowrap;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font:inherit;-webkit-letter-spacing:inherit;-moz-letter-spacing:inherit;-ms-letter-spacing:inherit;letter-spacing:inherit;line-height:inherit;color:var(--plasma-textfield__placeholder-color);padding:var(--i19ry60d-0);}
+.TextField_styles_1cdp5eg_obt1ohz__dcbef05d{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;white-space:var(--obt1ohz-0);margin-bottom:var(--obt1ohz-1);}
+.TextField_styles_1cdp5eg_tlv9av6__dcbef05d{display:inline-block;margin-left:auto;}
+.TextField_styles_1cdp5eg_s600610__dcbef05d{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
+.TextField_styles_1cdp5eg_luk2zst__dcbef05d{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}
+.TextField_styles_1cdp5eg_s1gjsnfi__dcbef05d{margin:var(--plasma-textfield__left-content-margin);color:var(--s1gjsnfi-0);line-height:0;}
+.TextField_styles_1cdp5eg_ssv2kwg__dcbef05d{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
+.TextField_styles_1cdp5eg_s190z894__dcbef05d{line-height:0;margin:var(--plasma-textfield__right-content-margin);color:var(--plasma-textfield-content-right-slot-color,var(--plasma-textfield-content-slot-color));}.TextField_styles_1cdp5eg_s190z894__dcbef05d:hover{color:var(--plasma-textfield-content-right-slot-color-hover,var(--plasma-textfield-content-slot-color-hover));cursor:pointer;}.TextField_styles_1cdp5eg_s190z894__dcbef05d:active{color:var(--plasma-textfield-content-right-slot-color-active,var(--plasma-textfield-content-slot-color-active));}
+
+.TextField_styles_1cdp5eg_s7hnwwb__dcbef05d{visibility:var(--s7hnwwb-0);}
+
+.TextField_styles_1cdp5eg_s14qvple__dcbef05d{color:var(--plasma-textfield__optional-color);}
+.TextField_styles_1cdp5eg_s16itze4__dcbef05d{display:inline-block;line-height:0;}.TextField_styles_1cdp5eg_s16itze4__dcbef05d.TextField_styles_1cdp5eg_labelPlacementInner__dcbef05d{position:absolute;margin:0;inset:var(--plasma-textfield__hint-inner-label-placement-offset);}
+.TextField_styles_1cdp5eg_h1skqnhr__dcbef05d{color:var(--plasma-textfield__hint-icon-color);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
+.TextField_styles_1cdp5eg_hgy0im1__dcbef05d .TextField_styles_1cdp5eg_h1skqnhr__dcbef05d .TextField_styles_1cdp5eg_popoverRoot__dcbef05d{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;}
+.TextField_styles_1cdp5eg_h8yezh4__dcbef05d{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}
+.TextField_styles_1cdp5eg_szsveq4__dcbef05d{position:absolute;border-radius:50%;background-color:var(--plasma-textfield__indicator-color);}.TextField_styles_1cdp5eg_szsveq4__dcbef05d.TextField_styles_1cdp5eg_labelPlacementOuter__dcbef05d{width:var(--plasma-textfield__indicator-size-outer);height:var(--plasma-textfield__indicator-size-outer);inset:var(--plasma-textfield__indicator-placement-outer);}.TextField_styles_1cdp5eg_szsveq4__dcbef05d.TextField_styles_1cdp5eg_labelPlacementOuter__dcbef05d.TextField_styles_1cdp5eg_requiredAlignRight__dcbef05d{inset:var(--plasma-textfield__indicator-placement-outer-right);}.TextField_styles_1cdp5eg_szsveq4__dcbef05d.TextField_styles_1cdp5eg_labelPlacementOuter__dcbef05d.TextField_styles_1cdp5eg_requiredAlignRight__dcbef05d.TextField_styles_1cdp5eg_textfieldHasHint__dcbef05d{right:calc( -1 * var(--plasma-textfield__indicator-size-outer) + var(--plasma-textfield__indicator-hint-placement-outer-right,0px) );}.TextField_styles_1cdp5eg_szsveq4__dcbef05d.TextField_styles_1cdp5eg_labelPlacementInner__dcbef05d{width:var(--plasma-textfield__indicator-size-inner);height:var(--plasma-textfield__indicator-size-inner);inset:var(--plasma-textfield__indicator-placement-inner);}.TextField_styles_1cdp5eg_szsveq4__dcbef05d.TextField_styles_1cdp5eg_labelPlacementInner__dcbef05d.TextField_styles_1cdp5eg_requiredAlignRight__dcbef05d{inset:var(--plasma-textfield__indicator-placement-inner-right);}
 
 .base_1lwlv7t_b13tc97x__334a4e59{color:var(--plasma-chip-color);background-color:var(--plasma-chip-background);}.base_1lwlv7t_b13tc97x__334a4e59:hover{color:var(--plasma-chip-color-hover);background-color:var(--plasma-chip-background-hover);scale:var(--plasma-chip-scale-hover);}.base_1lwlv7t_b13tc97x__334a4e59:active{color:var(--plasma-chip-color-active);background-color:var(--plasma-chip-background-active);scale:var(--plasma-chip-scale-active);}
 

package/es/components/DatePicker/RangeDate/RangeDate.css

@@ -107,28 +107,28 @@
 
 .Tooltip_1qsg6ij_s1cz8cv8__da7f9e0a{--plasma-popover-arrow-mask-width:var(--plasma-tooltip-arrow-mask-width);--plasma-popover-arrow-mask-height:var(--plasma-tooltip-arrow-mask-height);--plasma-popover-arrow-mask-image:var(--plasma-tooltip-arrow-mask-image);--plasma-popover-arrow-background:var(--plasma-tooltip-arrow-background);--plasma-popover-arrow-height:var(--plasma-tooltip-arrow-height);--plasma-popover-arrow-edge-margin:var(--plasma-tooltip-arrow-edge-margin);}
 
-.TextField_styles_1895ept_iq39zt5__ebba80b9{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;}
-.TextField_styles_1895ept_i1j28rg8__ebba80b9{-webkit-flex:1;-ms-flex:1;flex:1;overflow:scroll;position:relative;width:100%;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-scrollbar-width:none;-moz-scrollbar-width:none;-ms-scrollbar-width:none;scrollbar-width:none;overscroll-behavior:contain;}.TextField_styles_1895ept_i1j28rg8__ebba80b9::-webkit-scrollbar{display:none;}.TextField_styles_1895ept_i1j28rg8__ebba80b9.TextField_styles_1895ept_hasChips__ebba80b9{height:var(--plasma-textfield__chip-height);border-radius:var(--plasma-textfield__chip-border-radius);}
-.TextField_styles_1895ept_s13zudoe__ebba80b9{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:var(--plasma-textfield__chip-gap);margin-right:var(--plasma-textfield__chip-margin-right,var(--plasma-textfield__chip-gap));-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
-.TextField_styles_1895ept_io4bpie__ebba80b9{box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;padding:0;background-color:transparent;outline:none;width:100%;z-index:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.TextField_styles_1895ept_io4bpie__ebba80b9::-webkit-input-placeholder{opacity:0;}.TextField_styles_1895ept_io4bpie__ebba80b9::-moz-placeholder{opacity:0;}.TextField_styles_1895ept_io4bpie__ebba80b9:-ms-input-placeholder{opacity:0;}.TextField_styles_1895ept_io4bpie__ebba80b9::placeholder{opacity:0;}
-.TextField_styles_1895ept_i13qvwoy__ebba80b9{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex:1;-ms-flex:1;flex:1;min-width:var(--i13qvwoy-0);}.TextField_styles_1895ept_i13qvwoy__ebba80b9 .TextField_styles_1895ept_io4bpie__ebba80b9{max-width:var(--i13qvwoy-1);}
-.TextField_styles_1895ept_i19ry60d__ebba80b9{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:absolute;top:0;left:0;right:0;bottom:0;z-index:0;white-space:nowrap;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font:inherit;-webkit-letter-spacing:inherit;-moz-letter-spacing:inherit;-ms-letter-spacing:inherit;letter-spacing:inherit;line-height:inherit;color:var(--plasma-textfield__placeholder-color);padding:var(--i19ry60d-0);}
-.TextField_styles_1895ept_obt1ohz__ebba80b9{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;white-space:var(--obt1ohz-0);margin-bottom:var(--obt1ohz-1);}
-.TextField_styles_1895ept_tlv9av6__ebba80b9{display:inline-block;margin-left:auto;}
-.TextField_styles_1895ept_s600610__ebba80b9{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
-.TextField_styles_1895ept_luk2zst__ebba80b9{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}
-.TextField_styles_1895ept_s1gjsnfi__ebba80b9{margin:var(--plasma-textfield__left-content-margin);color:var(--s1gjsnfi-0);line-height:0;}
-.TextField_styles_1895ept_ssv2kwg__ebba80b9{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
-.TextField_styles_1895ept_s190z894__ebba80b9{line-height:0;margin:var(--plasma-textfield__right-content-margin);color:var(--plasma-textfield-content-right-slot-color,var(--plasma-textfield-content-slot-color));}.TextField_styles_1895ept_s190z894__ebba80b9:hover{color:var(--plasma-textfield-content-right-slot-color-hover,var(--plasma-textfield-content-slot-color-hover));cursor:pointer;}.TextField_styles_1895ept_s190z894__ebba80b9:active{color:var(--plasma-textfield-content-right-slot-color-active,var(--plasma-textfield-content-slot-color-active));}
-
-.TextField_styles_1895ept_s7hnwwb__ebba80b9{visibility:var(--s7hnwwb-0);}
-
-.TextField_styles_1895ept_s14qvple__ebba80b9{color:var(--plasma-textfield__optional-color);}
-.TextField_styles_1895ept_s16itze4__ebba80b9{display:inline-block;line-height:0;}.TextField_styles_1895ept_s16itze4__ebba80b9.TextField_styles_1895ept_labelPlacementInner__ebba80b9{position:absolute;margin:0;inset:var(--plasma-textfield__hint-inner-label-placement-offset);}
-.TextField_styles_1895ept_h1skqnhr__ebba80b9{color:var(--plasma-textfield__hint-icon-color);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
-.TextField_styles_1895ept_hgy0im1__ebba80b9 .TextField_styles_1895ept_h1skqnhr__ebba80b9 .TextField_styles_1895ept_popoverRoot__ebba80b9{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;}
-.TextField_styles_1895ept_h8yezh4__ebba80b9{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}
-.TextField_styles_1895ept_szsveq4__ebba80b9{position:absolute;border-radius:50%;background-color:var(--plasma-textfield__indicator-color);}.TextField_styles_1895ept_szsveq4__ebba80b9.TextField_styles_1895ept_labelPlacementOuter__ebba80b9{width:var(--plasma-textfield__indicator-size-outer);height:var(--plasma-textfield__indicator-size-outer);inset:var(--plasma-textfield__indicator-placement-outer);}.TextField_styles_1895ept_szsveq4__ebba80b9.TextField_styles_1895ept_labelPlacementOuter__ebba80b9.TextField_styles_1895ept_requiredAlignRight__ebba80b9{inset:var(--plasma-textfield__indicator-placement-outer-right);}.TextField_styles_1895ept_szsveq4__ebba80b9.TextField_styles_1895ept_labelPlacementOuter__ebba80b9.TextField_styles_1895ept_requiredAlignRight__ebba80b9.TextField_styles_1895ept_textfieldHasHint__ebba80b9{right:calc( -1 * var(--plasma-textfield__indicator-size-outer) + var(--plasma-textfield__indicator-hint-placement-outer-right,0px) );}.TextField_styles_1895ept_szsveq4__ebba80b9.TextField_styles_1895ept_labelPlacementInner__ebba80b9{width:var(--plasma-textfield__indicator-size-inner);height:var(--plasma-textfield__indicator-size-inner);inset:var(--plasma-textfield__indicator-placement-inner);}.TextField_styles_1895ept_szsveq4__ebba80b9.TextField_styles_1895ept_labelPlacementInner__ebba80b9.TextField_styles_1895ept_requiredAlignRight__ebba80b9{inset:var(--plasma-textfield__indicator-placement-inner-right);}
+.TextField_styles_1cdp5eg_iq39zt5__dcbef05d{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;}
+.TextField_styles_1cdp5eg_i1j28rg8__dcbef05d{-webkit-flex:1;-ms-flex:1;flex:1;overflow:scroll;position:relative;width:100%;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-scrollbar-width:none;-moz-scrollbar-width:none;-ms-scrollbar-width:none;scrollbar-width:none;overscroll-behavior:contain;}.TextField_styles_1cdp5eg_i1j28rg8__dcbef05d::-webkit-scrollbar{display:none;}.TextField_styles_1cdp5eg_i1j28rg8__dcbef05d.TextField_styles_1cdp5eg_hasChips__dcbef05d{height:var(--plasma-textfield__chip-height);border-radius:var(--plasma-textfield__chip-border-radius);}
+.TextField_styles_1cdp5eg_s13zudoe__dcbef05d{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:var(--plasma-textfield__chip-gap);margin-right:var(--plasma-textfield__chip-margin-right,var(--plasma-textfield__chip-gap));-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
+.TextField_styles_1cdp5eg_io4bpie__dcbef05d{box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;padding:0;background-color:transparent;outline:none;width:100%;z-index:1;}.TextField_styles_1cdp5eg_io4bpie__dcbef05d::-webkit-input-placeholder{opacity:0;}.TextField_styles_1cdp5eg_io4bpie__dcbef05d::-moz-placeholder{opacity:0;}.TextField_styles_1cdp5eg_io4bpie__dcbef05d:-ms-input-placeholder{opacity:0;}.TextField_styles_1cdp5eg_io4bpie__dcbef05d::placeholder{opacity:0;}
+.TextField_styles_1cdp5eg_i13qvwoy__dcbef05d{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex:1;-ms-flex:1;flex:1;min-width:var(--i13qvwoy-0);}.TextField_styles_1cdp5eg_i13qvwoy__dcbef05d .TextField_styles_1cdp5eg_io4bpie__dcbef05d{max-width:var(--i13qvwoy-1);}
+.TextField_styles_1cdp5eg_i19ry60d__dcbef05d{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:absolute;top:0;left:0;right:0;bottom:0;z-index:0;white-space:nowrap;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font:inherit;-webkit-letter-spacing:inherit;-moz-letter-spacing:inherit;-ms-letter-spacing:inherit;letter-spacing:inherit;line-height:inherit;color:var(--plasma-textfield__placeholder-color);padding:var(--i19ry60d-0);}
+.TextField_styles_1cdp5eg_obt1ohz__dcbef05d{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;white-space:var(--obt1ohz-0);margin-bottom:var(--obt1ohz-1);}
+.TextField_styles_1cdp5eg_tlv9av6__dcbef05d{display:inline-block;margin-left:auto;}
+.TextField_styles_1cdp5eg_s600610__dcbef05d{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
+.TextField_styles_1cdp5eg_luk2zst__dcbef05d{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}
+.TextField_styles_1cdp5eg_s1gjsnfi__dcbef05d{margin:var(--plasma-textfield__left-content-margin);color:var(--s1gjsnfi-0);line-height:0;}
+.TextField_styles_1cdp5eg_ssv2kwg__dcbef05d{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
+.TextField_styles_1cdp5eg_s190z894__dcbef05d{line-height:0;margin:var(--plasma-textfield__right-content-margin);color:var(--plasma-textfield-content-right-slot-color,var(--plasma-textfield-content-slot-color));}.TextField_styles_1cdp5eg_s190z894__dcbef05d:hover{color:var(--plasma-textfield-content-right-slot-color-hover,var(--plasma-textfield-content-slot-color-hover));cursor:pointer;}.TextField_styles_1cdp5eg_s190z894__dcbef05d:active{color:var(--plasma-textfield-content-right-slot-color-active,var(--plasma-textfield-content-slot-color-active));}
+
+.TextField_styles_1cdp5eg_s7hnwwb__dcbef05d{visibility:var(--s7hnwwb-0);}
+
+.TextField_styles_1cdp5eg_s14qvple__dcbef05d{color:var(--plasma-textfield__optional-color);}
+.TextField_styles_1cdp5eg_s16itze4__dcbef05d{display:inline-block;line-height:0;}.TextField_styles_1cdp5eg_s16itze4__dcbef05d.TextField_styles_1cdp5eg_labelPlacementInner__dcbef05d{position:absolute;margin:0;inset:var(--plasma-textfield__hint-inner-label-placement-offset);}
+.TextField_styles_1cdp5eg_h1skqnhr__dcbef05d{color:var(--plasma-textfield__hint-icon-color);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
+.TextField_styles_1cdp5eg_hgy0im1__dcbef05d .TextField_styles_1cdp5eg_h1skqnhr__dcbef05d .TextField_styles_1cdp5eg_popoverRoot__dcbef05d{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;}
+.TextField_styles_1cdp5eg_h8yezh4__dcbef05d{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}
+.TextField_styles_1cdp5eg_szsveq4__dcbef05d{position:absolute;border-radius:50%;background-color:var(--plasma-textfield__indicator-color);}.TextField_styles_1cdp5eg_szsveq4__dcbef05d.TextField_styles_1cdp5eg_labelPlacementOuter__dcbef05d{width:var(--plasma-textfield__indicator-size-outer);height:var(--plasma-textfield__indicator-size-outer);inset:var(--plasma-textfield__indicator-placement-outer);}.TextField_styles_1cdp5eg_szsveq4__dcbef05d.TextField_styles_1cdp5eg_labelPlacementOuter__dcbef05d.TextField_styles_1cdp5eg_requiredAlignRight__dcbef05d{inset:var(--plasma-textfield__indicator-placement-outer-right);}.TextField_styles_1cdp5eg_szsveq4__dcbef05d.TextField_styles_1cdp5eg_labelPlacementOuter__dcbef05d.TextField_styles_1cdp5eg_requiredAlignRight__dcbef05d.TextField_styles_1cdp5eg_textfieldHasHint__dcbef05d{right:calc( -1 * var(--plasma-textfield__indicator-size-outer) + var(--plasma-textfield__indicator-hint-placement-outer-right,0px) );}.TextField_styles_1cdp5eg_szsveq4__dcbef05d.TextField_styles_1cdp5eg_labelPlacementInner__dcbef05d{width:var(--plasma-textfield__indicator-size-inner);height:var(--plasma-textfield__indicator-size-inner);inset:var(--plasma-textfield__indicator-placement-inner);}.TextField_styles_1cdp5eg_szsveq4__dcbef05d.TextField_styles_1cdp5eg_labelPlacementInner__dcbef05d.TextField_styles_1cdp5eg_requiredAlignRight__dcbef05d{inset:var(--plasma-textfield__indicator-placement-inner-right);}
 
 .base_1lwlv7t_b13tc97x__334a4e59{color:var(--plasma-chip-color);background-color:var(--plasma-chip-background);}.base_1lwlv7t_b13tc97x__334a4e59:hover{color:var(--plasma-chip-color-hover);background-color:var(--plasma-chip-background-hover);scale:var(--plasma-chip-scale-hover);}.base_1lwlv7t_b13tc97x__334a4e59:active{color:var(--plasma-chip-color-active);background-color:var(--plasma-chip-background-active);scale:var(--plasma-chip-scale-active);}