@salutejs/plasma-new-hope 0.192.1-canary.1525.11803660289.0 → 0.193.0-canary.1550.11804452240.0

package/emotion/es/examples/plasma_web/components/Select/Select.stories.tsx

@@ -25,54 +25,58 @@ const meta: Meta<StorySelectProps> = {
     component: Select,
     argTypes: {
         target: {
+            control: 'select',
             options: ['button-like', 'textfield-like'],
-            control: {
-                type: 'select',
-            },
         },
         size: {
+            control: 'select',
             options: size,
-            control: {
-                type: 'select',
-            },
         },
         view: {
+            control: 'select',
             options: view,
-            control: {
-                type: 'select',
-            },
         },
         labelPlacement: {
+            control: 'select',
             options: labelPlacement,
-            control: {
-                type: 'select',
+            if: {
+                arg: 'target',
+                eq: 'textfield-like',
             },
         },
         chipView: {
+            control: 'select',
             options: chip,
-            control: {
-                type: 'select',
+            if: {
+                arg: 'target',
+                eq: 'textfield-like',
             },
         },
         variant: {
+            control: 'select',
             options: variant,
-            control: {
-                type: 'select',
-            },
         },
         listWidth: {
-            control: {
-                type: 'text',
-            },
+            control: 'text',
         },
         listOverflow: {
-            control: {
-                type: 'text',
-            },
+            control: 'text',
         },
         listHeight: {
-            control: {
-                type: 'text',
+            control: 'text',
+        },
+        helperText: {
+            control: 'text',
+            if: {
+                arg: 'target',
+                eq: 'textfield-like',
+            },
+        },
+        enableContentLeft: {
+            control: 'boolean',
+            if: {
+                arg: 'target',
+                eq: 'textfield-like',
             },
         },
     },
@@ -84,7 +88,7 @@ const meta: Meta<StorySelectProps> = {
         helperText: 'Helper text',
         size: 'm',
         view: 'default',
-        chipView: 'default',
+        chipView: 'secondary',
         enableContentLeft: false,
         isTargetAmount: false,
         variant: 'normal',
@@ -338,13 +342,18 @@ const SingleStory = (args: StorySelectProps) => {
                 items={items}
                 value={value}
                 onChange={setValue}
-                contentLeft={args.enableContentLeft ? <IconDone size="s" /> : undefined}
+                contentLeft={args.enableContentLeft ? <IconDone size="s" color="inherit" /> : undefined}
             />
         </div>
     );
 };
 
 export const Single: StoryObj<StorySelectProps> = {
+    parameters: {
+        controls: {
+            exclude: ['chipView', 'isTargetAmount'],
+        },
+    },
     render: (args) => <SingleStory {...args} />,
     args: {
         closeAfterSelect: true,
@@ -361,7 +370,7 @@ const MultiselectStory = (args: StorySelectProps) => {
                 items={items}
                 value={value}
                 onChange={setValue}
-                contentLeft={args.enableContentLeft ? <IconDone size="s" /> : undefined}
+                contentLeft={args.enableContentLeft ? <IconDone size="s" color="inherit" /> : undefined}
             />
         </div>
     );
@@ -386,7 +395,7 @@ const PredefinedStory = (args: StorySelectProps) => {
                 items={items}
                 value={valueSingle}
                 onChange={setValueSingle}
-                contentLeft={args.enableContentLeft ? <IconDone size="s" /> : undefined}
+                contentLeft={args.enableContentLeft ? <IconDone size="s" color="inherit" /> : undefined}
             />
 
             <br />
@@ -397,7 +406,7 @@ const PredefinedStory = (args: StorySelectProps) => {
                 multiselect
                 value={valueMultiple}
                 onChange={setValueMultiple}
-                contentLeft={args.enableContentLeft ? <IconDone size="s" /> : undefined}
+                contentLeft={args.enableContentLeft ? <IconDone size="s" color="inherit" /> : undefined}
             />
         </div>
     );
@@ -462,7 +471,7 @@ const CommonStory = (args: StorySelectProps) => {
                                     value={value}
                                     onChange={setValue}
                                     view="default"
-                                    contentLeft={enableContentLeft ? <IconDone size="s" /> : undefined}
+                                    contentLeft={enableContentLeft ? <IconDone size="s" color="inherit" /> : undefined}
                                 />
                             </div>
                         </td>
@@ -475,7 +484,7 @@ const CommonStory = (args: StorySelectProps) => {
                                     value={valueMultiple}
                                     onChange={setValueMultiple}
                                     view="default"
-                                    contentLeft={enableContentLeft ? <IconDone size="s" /> : undefined}
+                                    contentLeft={enableContentLeft ? <IconDone size="s" color="inherit" /> : undefined}
                                 />
                             </div>
                         </td>
@@ -606,7 +615,7 @@ const CommonStory = (args: StorySelectProps) => {
                                     value={value}
                                     onChange={setValue}
                                     view="positive"
-                                    contentLeft={enableContentLeft ? <IconDone size="s" /> : undefined}
+                                    contentLeft={enableContentLeft ? <IconDone size="s" color="inherit" /> : undefined}
                                 />
                             </div>
                         </td>
@@ -619,7 +628,7 @@ const CommonStory = (args: StorySelectProps) => {
                                     value={valueMultiple}
                                     onChange={setValueMultiple}
                                     view="positive"
-                                    contentLeft={enableContentLeft ? <IconDone size="s" /> : undefined}
+                                    contentLeft={enableContentLeft ? <IconDone size="s" color="inherit" /> : undefined}
                                 />
                             </div>
                         </td>
@@ -659,7 +668,7 @@ const CommonStory = (args: StorySelectProps) => {
                                     value={value}
                                     onChange={setValue}
                                     view="warning"
-                                    contentLeft={enableContentLeft ? <IconDone size="s" /> : undefined}
+                                    contentLeft={enableContentLeft ? <IconDone size="s" color="inherit" /> : undefined}
                                 />
                             </div>
                         </td>
@@ -672,7 +681,7 @@ const CommonStory = (args: StorySelectProps) => {
                                     value={valueMultiple}
                                     onChange={setValueMultiple}
                                     view="warning"
-                                    contentLeft={enableContentLeft ? <IconDone size="s" /> : undefined}
+                                    contentLeft={enableContentLeft ? <IconDone size="s" color="inherit" /> : undefined}
                                 />
                             </div>
                         </td>
@@ -712,7 +721,7 @@ const CommonStory = (args: StorySelectProps) => {
                                     value={value}
                                     onChange={setValue}
                                     view="negative"
-                                    contentLeft={enableContentLeft ? <IconDone size="s" /> : undefined}
+                                    contentLeft={enableContentLeft ? <IconDone size="s" color="inherit" /> : undefined}
                                 />
                             </div>
                         </td>
@@ -725,7 +734,7 @@ const CommonStory = (args: StorySelectProps) => {
                                     value={valueMultiple}
                                     onChange={setValueMultiple}
                                     view="negative"
-                                    contentLeft={enableContentLeft ? <IconDone size="s" /> : undefined}
+                                    contentLeft={enableContentLeft ? <IconDone size="s" color="inherit" /> : undefined}
                                 />
                             </div>
                         </td>
@@ -835,9 +844,7 @@ export const Common: StoryObj<StorySelectProps> = {
     argTypes: {
         size: {
             options: size,
-            control: {
-                type: 'select',
-            },
+            control: 'select',
         },
     },
     args: {

package/emotion/es/index.js

@@ -4,6 +4,7 @@ export * from './mixins';
 export * from './engines';
 export * from './hooks';
 export * from './utils';
+export * from './types';
 export * from './components/Button';
 export * from './components/IconButton';
 export * from './components/ButtonGroup';

package/emotion/es/types/DistributiveOmit.js

@@ -0,0 +1 @@
+export {};

package/emotion/es/types/DistributivePick.js

@@ -0,0 +1 @@
+export {};

package/emotion/es/utils/fixedForwardRef.js

@@ -0,0 +1,4 @@
+import React from 'react';
+export function fixedForwardRef(render) {
+  return /*#__PURE__*/React.forwardRef(render);
+}

package/emotion/es/utils/index.js

@@ -25,4 +25,5 @@ export var composableStyle = function composableStyle(s) {
     res += (_ref = i + 1 < 1 || arguments.length <= i + 1 ? undefined : arguments[i + 1]) !== null && _ref !== void 0 ? _ref : '';
   }
   return res;
-};
+};
+export { fixedForwardRef } from './fixedForwardRef';

package/es/components/Autocomplete/Autocomplete.css

@@ -1,14 +1,14 @@
-.base_1xdmaqh_b13ve66i__5f4dd9b9 .base_1xdmaqh_i13qvwoy__5f4dd9b9{width:100%;font:inherit;-webkit-letter-spacing:inherit;-moz-letter-spacing:inherit;-ms-letter-spacing:inherit;letter-spacing:inherit;line-height:inherit;}.base_1xdmaqh_b13ve66i__5f4dd9b9 .base_1xdmaqh_i19ry60d__5f4dd9b9{width:100%;font-family:var(--plasma-textfield-font-family);font-size:var(--plasma-textfield-font-size);font-style:var(--plasma-textfield-font-style);font-weight:var(--plasma-textfield-font-weight);-webkit-letter-spacing:var(--plasma-textfield-letter-spacing);-moz-letter-spacing:var(--plasma-textfield-letter-spacing);-ms-letter-spacing:var(--plasma-textfield-letter-spacing);letter-spacing:var(--plasma-textfield-letter-spacing);line-height:var(--plasma-textfield-line-height);}.base_1xdmaqh_b13ve66i__5f4dd9b9 .base_1xdmaqh_i1j28rg8__5f4dd9b9{height:var(--plasma-textfield-height);border-radius:var(--plasma-textfield-border-radius);padding:var(--plasma-textfield-padding);}.base_1xdmaqh_b13ve66i__5f4dd9b9 .base_1xdmaqh_i1j28rg8__5f4dd9b9.base_1xdmaqh_hasChips__5f4dd9b9{padding-top:var(--plasma-textfield-padding-with-chips);padding-bottom:var(--plasma-textfield-padding-with-chips);}.base_1xdmaqh_b13ve66i__5f4dd9b9 .base_1xdmaqh_i1j28rg8__5f4dd9b9.base_1xdmaqh_hasEmptyContentLeft__5f4dd9b9{padding-left:var(--plasma-textfield-padding-with-chips);}.base_1xdmaqh_b13ve66i__5f4dd9b9 .base_1xdmaqh_i1j28rg8__5f4dd9b9.base_1xdmaqh_hasEmptyContentRight__5f4dd9b9{padding-right:var(--plasma-textfield-padding-with-chips);}.base_1xdmaqh_b13ve66i__5f4dd9b9 .base_1xdmaqh_l1gjsnfi__5f4dd9b9,.base_1xdmaqh_b13ve66i__5f4dd9b9:not(.base_1xdmaqh_labelPlacementInner__5f4dd9b9) .base_1xdmaqh_s16itze4__5f4dd9b9{font-family:var(--plasma-textfield__label-font-family);font-size:var(--plasma-textfield__label-font-size);font-style:var(--plasma-textfield__label-font-style);font-weight:var(--plasma-textfield__label-font-weight);-webkit-letter-spacing:var(--plasma-textfield__label-letter-spacing);-moz-letter-spacing:var(--plasma-textfield__label-letter-spacing);-ms-letter-spacing:var(--plasma-textfield__label-letter-spacing);letter-spacing:var(--plasma-textfield__label-letter-spacing);line-height:var(--plasma-textfield__label-line-height);}.base_1xdmaqh_b13ve66i__5f4dd9b9 .base_1xdmaqh_s1skqnhr__5f4dd9b9{margin:var(--plasma-textfield__hint-margin);width:var(--plasma-textfield__hint-target-size);height:var(--plasma-textfield__hint-target-size);}.base_1xdmaqh_b13ve66i__5f4dd9b9 .base_1xdmaqh_hgy0im1__5f4dd9b9{width:var(--plasma-textfield__hint-target-size);height:var(--plasma-textfield__hint-target-size);}.base_1xdmaqh_b13ve66i__5f4dd9b9 .base_1xdmaqh_t600610__5f4dd9b9{font-family:var(--plasma-textfield__title-caption-font-family);font-size:var(--plasma-textfield__title-caption-font-size);font-style:var(--plasma-textfield__title-caption-font-style);font-weight:var(--plasma-textfield__title-caption-font-weight);-webkit-letter-spacing:var(--plasma-textfield__title-caption-letter-spacing);-moz-letter-spacing:var(--plasma-textfield__title-caption-letter-spacing);-ms-letter-spacing:var(--plasma-textfield__title-caption-letter-spacing);letter-spacing:var(--plasma-textfield__title-caption-letter-spacing);line-height:var(--plasma-textfield__title-caption-line-height);}.base_1xdmaqh_b13ve66i__5f4dd9b9 .base_1xdmaqh_l7hnwwb__5f4dd9b9{margin-top:var(--plasma-textfield__left-helper-offset);font-family:var(--plasma-textfield__left-helper-font-family);font-size:var(--plasma-textfield__left-helper-font-size);font-style:var(--plasma-textfield__left-helper-font-style);font-weight:var(--plasma-textfield__left-helper-font-weight);-webkit-letter-spacing:var(--plasma-textfield__left-helper-letter-spacing);-moz-letter-spacing:var(--plasma-textfield__left-helper-letter-spacing);-ms-letter-spacing:var(--plasma-textfield__left-helper-letter-spacing);letter-spacing:var(--plasma-textfield__left-helper-letter-spacing);line-height:var(--plasma-textfield__left-helper-line-height);}.base_1xdmaqh_b13ve66i__5f4dd9b9 .base_1xdmaqh_smqgwd8__5f4dd9b9,.base_1xdmaqh_b13ve66i__5f4dd9b9 .base_1xdmaqh_s14qvple__5f4dd9b9{font-family:var(--plasma-textfield-font-family);font-size:var(--plasma-textfield-font-size);font-style:var(--plasma-textfield-font-style);font-weight:var(--plasma-textfield-font-weight);-webkit-letter-spacing:var(--plasma-textfield-letter-spacing);-moz-letter-spacing:var(--plasma-textfield-letter-spacing);-ms-letter-spacing:var(--plasma-textfield-letter-spacing);letter-spacing:var(--plasma-textfield-letter-spacing);line-height:var(--plasma-textfield-line-height);}.base_1xdmaqh_b13ve66i__5f4dd9b9 .base_1xdmaqh_smqgwd8__5f4dd9b9{margin:var(--plasma-textfield__before-text-margin);}.base_1xdmaqh_b13ve66i__5f4dd9b9 .base_1xdmaqh_s14qvple__5f4dd9b9{margin:var(--plasma-textfield__after-text-margin);}
+.base_1tei47x_b13ve66i__79b65751 .base_1tei47x_i13qvwoy__79b65751{width:100%;font:inherit;-webkit-letter-spacing:inherit;-moz-letter-spacing:inherit;-ms-letter-spacing:inherit;letter-spacing:inherit;line-height:inherit;}.base_1tei47x_b13ve66i__79b65751 .base_1tei47x_i19ry60d__79b65751{width:100%;font-family:var(--plasma-textfield-font-family);font-size:var(--plasma-textfield-font-size);font-style:var(--plasma-textfield-font-style);font-weight:var(--plasma-textfield-font-weight);-webkit-letter-spacing:var(--plasma-textfield-letter-spacing);-moz-letter-spacing:var(--plasma-textfield-letter-spacing);-ms-letter-spacing:var(--plasma-textfield-letter-spacing);letter-spacing:var(--plasma-textfield-letter-spacing);line-height:var(--plasma-textfield-line-height);}.base_1tei47x_b13ve66i__79b65751 .base_1tei47x_i1j28rg8__79b65751{height:var(--plasma-textfield-height);border-radius:var(--plasma-textfield-border-radius);padding:var(--plasma-textfield-padding);}.base_1tei47x_b13ve66i__79b65751 .base_1tei47x_i1j28rg8__79b65751.base_1tei47x_hasChips__79b65751{padding-top:var(--plasma-textfield-padding-with-chips);padding-bottom:var(--plasma-textfield-padding-with-chips);}.base_1tei47x_b13ve66i__79b65751 .base_1tei47x_i1j28rg8__79b65751.base_1tei47x_hasEmptyContentLeft__79b65751{padding-left:var(--plasma-textfield-padding-with-chips);}.base_1tei47x_b13ve66i__79b65751 .base_1tei47x_i1j28rg8__79b65751.base_1tei47x_hasEmptyContentRight__79b65751{padding-right:var(--plasma-textfield-padding-with-chips);}.base_1tei47x_b13ve66i__79b65751 .base_1tei47x_l1gjsnfi__79b65751,.base_1tei47x_b13ve66i__79b65751:not(.base_1tei47x_labelPlacementInner__79b65751) .base_1tei47x_s14qvple__79b65751{font-family:var(--plasma-textfield__label-font-family);font-size:var(--plasma-textfield__label-font-size);font-style:var(--plasma-textfield__label-font-style);font-weight:var(--plasma-textfield__label-font-weight);-webkit-letter-spacing:var(--plasma-textfield__label-letter-spacing);-moz-letter-spacing:var(--plasma-textfield__label-letter-spacing);-ms-letter-spacing:var(--plasma-textfield__label-letter-spacing);letter-spacing:var(--plasma-textfield__label-letter-spacing);line-height:var(--plasma-textfield__label-line-height);}.base_1tei47x_b13ve66i__79b65751 .base_1tei47x_s16itze4__79b65751{margin:var(--plasma-textfield__hint-margin);width:var(--plasma-textfield__hint-target-size);height:var(--plasma-textfield__hint-target-size);}.base_1tei47x_b13ve66i__79b65751 .base_1tei47x_h1skqnhr__79b65751{width:var(--plasma-textfield__hint-target-size);height:var(--plasma-textfield__hint-target-size);}.base_1tei47x_b13ve66i__79b65751 .base_1tei47x_t600610__79b65751{font-family:var(--plasma-textfield__title-caption-font-family);font-size:var(--plasma-textfield__title-caption-font-size);font-style:var(--plasma-textfield__title-caption-font-style);font-weight:var(--plasma-textfield__title-caption-font-weight);-webkit-letter-spacing:var(--plasma-textfield__title-caption-letter-spacing);-moz-letter-spacing:var(--plasma-textfield__title-caption-letter-spacing);-ms-letter-spacing:var(--plasma-textfield__title-caption-letter-spacing);letter-spacing:var(--plasma-textfield__title-caption-letter-spacing);line-height:var(--plasma-textfield__title-caption-line-height);}.base_1tei47x_b13ve66i__79b65751 .base_1tei47x_lb3k3v1__79b65751{margin-top:var(--plasma-textfield__left-helper-offset);font-family:var(--plasma-textfield__left-helper-font-family);font-size:var(--plasma-textfield__left-helper-font-size);font-style:var(--plasma-textfield__left-helper-font-style);font-weight:var(--plasma-textfield__left-helper-font-weight);-webkit-letter-spacing:var(--plasma-textfield__left-helper-letter-spacing);-moz-letter-spacing:var(--plasma-textfield__left-helper-letter-spacing);-ms-letter-spacing:var(--plasma-textfield__left-helper-letter-spacing);letter-spacing:var(--plasma-textfield__left-helper-letter-spacing);line-height:var(--plasma-textfield__left-helper-line-height);}.base_1tei47x_b13ve66i__79b65751 .base_1tei47x_s7hnwwb__79b65751,.base_1tei47x_b13ve66i__79b65751 .base_1tei47x_smqgwd8__79b65751{font-family:var(--plasma-textfield-font-family);font-size:var(--plasma-textfield-font-size);font-style:var(--plasma-textfield-font-style);font-weight:var(--plasma-textfield-font-weight);-webkit-letter-spacing:var(--plasma-textfield-letter-spacing);-moz-letter-spacing:var(--plasma-textfield-letter-spacing);-ms-letter-spacing:var(--plasma-textfield-letter-spacing);letter-spacing:var(--plasma-textfield-letter-spacing);line-height:var(--plasma-textfield-line-height);}.base_1tei47x_b13ve66i__79b65751 .base_1tei47x_s7hnwwb__79b65751{margin:var(--plasma-textfield__before-text-margin);}.base_1tei47x_b13ve66i__79b65751 .base_1tei47x_smqgwd8__79b65751{margin:var(--plasma-textfield__after-text-margin);}
 
-.base_qhyte8_bptx5xt__55992f65 .base_qhyte8_i1j28rg8__55992f65{--plasma_private-textfield-border-color:var(--plasma-textfield-border-color);--plasma_private-textfield-bg-color:var(--plasma-textfield-bg-color);color:var(--plasma-textfield-color);background-color:var(--plasma_private-textfield-bg-color);box-shadow:inset 0 0 0 var(--plasma-textfield-border-width) var(--plasma_private-textfield-border-color);caret-color:var(--plasma-textfield__caret-color);-webkit-transition:background-color 0.1s ease-in,color 0.1s ease-in,box-shadow 0.1s ease-in;transition:background-color 0.1s ease-in,color 0.1s ease-in,box-shadow 0.1s ease-in;}.base_qhyte8_bptx5xt__55992f65 .base_qhyte8_i1j28rg8__55992f65:hover{--plasma_private-textfield-border-color:var(--plasma-textfield-border-color-hover,var(--plasma-textfield-border-color));--plasma_private-textfield-bg-color:var( --plasma-textfield-bg-color-hover, var(--plasma-textfield-bg-color) );}.base_qhyte8_bptx5xt__55992f65 .base_qhyte8_i13qvwoy__55992f65{color:var(--plasma-textfield-color);}.base_qhyte8_bptx5xt__55992f65 .base_qhyte8_ibt1ohz__55992f65{color:var(--plasma-textfield__placeholder-color);}.base_qhyte8_bptx5xt__55992f65 .base_qhyte8_i1j28rg8__55992f65:focus-within{--plasma_private-textfield-border-color:var(--plasma-textfield-border-color-focus,var(--plasma-textfield-border-color));--plasma_private-textfield-bg-color:var( --plasma-textfield-bg-color-focus, var(--plasma-textfield-bg-color) );}.base_qhyte8_bptx5xt__55992f65 .base_qhyte8_i1j28rg8__55992f65:focus-within .base_qhyte8_ibt1ohz__55992f65{color:var(--plasma-textfield__placeholder-color-focus);}.base_qhyte8_bptx5xt__55992f65 .base_qhyte8_t600610__55992f65{color:var(--plasma-textfield__title-caption-color);}.base_qhyte8_bptx5xt__55992f65 .base_qhyte8_l7hnwwb__55992f65{color:var(--plasma-textfield__left-helper-color);}.base_qhyte8_bptx5xt__55992f65 .base_qhyte8_smqgwd8__55992f65{color:var(--plasma-textfield__before-text-color);}.base_qhyte8_bptx5xt__55992f65 .base_qhyte8_s14qvple__55992f65{color:var(--plasma-textfield__after-text-color);}
+.base_8ogww5_bptx5xt__e950e715 .base_8ogww5_i1j28rg8__e950e715{--plasma_private-textfield-border-color:var(--plasma-textfield-border-color);--plasma_private-textfield-bg-color:var(--plasma-textfield-bg-color);color:var(--plasma-textfield-color);background-color:var(--plasma_private-textfield-bg-color);box-shadow:inset 0 0 0 var(--plasma-textfield-border-width) var(--plasma_private-textfield-border-color);caret-color:var(--plasma-textfield__caret-color);-webkit-transition:background-color 0.1s ease-in,color 0.1s ease-in,box-shadow 0.1s ease-in;transition:background-color 0.1s ease-in,color 0.1s ease-in,box-shadow 0.1s ease-in;}.base_8ogww5_bptx5xt__e950e715 .base_8ogww5_i1j28rg8__e950e715:hover{--plasma_private-textfield-border-color:var(--plasma-textfield-border-color-hover,var(--plasma-textfield-border-color));--plasma_private-textfield-bg-color:var( --plasma-textfield-bg-color-hover, var(--plasma-textfield-bg-color) );}.base_8ogww5_bptx5xt__e950e715 .base_8ogww5_i13qvwoy__e950e715{color:var(--plasma-textfield-color);}.base_8ogww5_bptx5xt__e950e715 .base_8ogww5_ibt1ohz__e950e715{color:var(--plasma-textfield__placeholder-color);}.base_8ogww5_bptx5xt__e950e715 .base_8ogww5_i1j28rg8__e950e715:focus-within{--plasma_private-textfield-border-color:var(--plasma-textfield-border-color-focus,var(--plasma-textfield-border-color));--plasma_private-textfield-bg-color:var( --plasma-textfield-bg-color-focus, var(--plasma-textfield-bg-color) );}.base_8ogww5_bptx5xt__e950e715 .base_8ogww5_i1j28rg8__e950e715:focus-within .base_8ogww5_ibt1ohz__e950e715{color:var(--plasma-textfield__placeholder-color-focus);}.base_8ogww5_bptx5xt__e950e715 .base_8ogww5_t600610__e950e715{color:var(--plasma-textfield__title-caption-color);}.base_8ogww5_bptx5xt__e950e715 .base_8ogww5_lb3k3v1__e950e715{color:var(--plasma-textfield__left-helper-color);}.base_8ogww5_bptx5xt__e950e715 .base_8ogww5_s7hnwwb__e950e715{color:var(--plasma-textfield__before-text-color);}.base_8ogww5_bptx5xt__e950e715 .base_8ogww5_smqgwd8__e950e715{color:var(--plasma-textfield__after-text-color);}
 
-.base_1i91sjp_bg547ku__7642e26b.base_1i91sjp_textfieldClear__7642e26b[readonly] .base_1i91sjp_i1j28rg8__7642e26b,.base_1i91sjp_bg547ku__7642e26b.base_1i91sjp_textfieldClear__7642e26b .base_1i91sjp_i1j28rg8__7642e26b{background-color:unset;box-shadow:none;border-radius:0;padding-left:0;padding-right:0;}.base_1i91sjp_bg547ku__7642e26b.base_1i91sjp_textfieldClear__7642e26b[readonly] .base_1i91sjp_i1j28rg8__7642e26b:hover,.base_1i91sjp_bg547ku__7642e26b.base_1i91sjp_textfieldClear__7642e26b .base_1i91sjp_i1j28rg8__7642e26b:hover{background-color:unset;}.base_1i91sjp_bg547ku__7642e26b.base_1i91sjp_textfieldClear__7642e26b .base_1i91sjp_s190z894__7642e26b{margin-left:0;}.base_1i91sjp_bg547ku__7642e26b.base_1i91sjp_textfieldClear__7642e26b .base_1i91sjp_sb3k3v1__7642e26b{margin-right:0;}.base_1i91sjp_bg547ku__7642e26b.base_1i91sjp_textfieldClear__7642e26b.base_1i91sjp_labelPlacementOuter__7642e26b .base_1i91sjp_olv9av6__7642e26b{margin-bottom:var(--plasma-textfield__clear-label-offset);}.base_1i91sjp_bg547ku__7642e26b.base_1i91sjp_textfieldClear__7642e26b .base_1i91sjp_i13qvwoy__7642e26b{color:var(--plasma-textfield-clear-color);}.base_1i91sjp_bg547ku__7642e26b.base_1i91sjp_textfieldClear__7642e26b .base_1i91sjp_ibt1ohz__7642e26b{color:var(--plasma-textfield__clear-placeholder-color);}.base_1i91sjp_bg547ku__7642e26b.base_1i91sjp_textfieldClear__7642e26b .base_1i91sjp_szsveq4__7642e26b.base_1i91sjp_labelPlacementInner__7642e26b{inset:var(--plasma-textfield__clear-indicator-placement-inner);}.base_1i91sjp_bg547ku__7642e26b.base_1i91sjp_textfieldClear__7642e26b .base_1i91sjp_szsveq4__7642e26b.base_1i91sjp_labelPlacementInner__7642e26b.base_1i91sjp_requiredAlignRight__7642e26b{inset:var(--plasma-textfield__clear-indicator-placement-inner-right);}.base_1i91sjp_bg547ku__7642e26b.base_1i91sjp_textfieldClear__7642e26b.base_1i91sjp_textfieldHasHint__7642e26b .base_1i91sjp_s1skqnhr__7642e26b.base_1i91sjp_labelPlacementInner__7642e26b{inset:var(--plasma-textfield__clear-hint-inner-label-placement-offset);}.base_1i91sjp_bg547ku__7642e26b.base_1i91sjp_textfieldClear__7642e26b.base_1i91sjp_textfieldHasHint__7642e26b .base_1i91sjp_szsveq4__7642e26b.base_1i91sjp_labelPlacementInner__7642e26b.base_1i91sjp_requiredAlignRight__7642e26b{inset:var(--plasma-textfield__clear-indicator-hint-placement-inner-right);}.base_1i91sjp_bg547ku__7642e26b.base_1i91sjp_textfieldClear__7642e26b.base_1i91sjp_textfieldHasDivider__7642e26b .base_1i91sjp_i1j28rg8__7642e26b{--plasma_private-textfield-divider-color:var(--plasma-textfield-divider-color);}.base_1i91sjp_bg547ku__7642e26b.base_1i91sjp_textfieldClear__7642e26b.base_1i91sjp_textfieldHasDivider__7642e26b .base_1i91sjp_i1j28rg8__7642e26b:before{content:'';position:absolute;height:0.063rem;width:100%;bottom:0;left:0;background-color:var(--plasma_private-textfield-divider-color);-webkit-transition:background-color 0.1s ease-in;transition:background-color 0.1s ease-in;}.base_1i91sjp_bg547ku__7642e26b.base_1i91sjp_textfieldClear__7642e26b.base_1i91sjp_textfieldHasDivider__7642e26b:not([readonly]) .base_1i91sjp_i1j28rg8__7642e26b:hover{--plasma_private-textfield-divider-color:var( --plasma-textfield-divider-color-hover, var(--plasma-textfield-divider-color) );}.base_1i91sjp_bg547ku__7642e26b.base_1i91sjp_textfieldClear__7642e26b.base_1i91sjp_textfieldHasDivider__7642e26b:not([readonly]) .base_1i91sjp_i1j28rg8__7642e26b:focus-within{--plasma_private-textfield-divider-color:var( --plasma-textfield-divider-color-focus, var(--plasma-textfield-divider-color) );}.base_1i91sjp_bg547ku__7642e26b.base_1i91sjp_textfieldClear__7642e26b.base_1i91sjp_textfieldHasDivider__7642e26b:not([readonly]) .base_1i91sjp_i1j28rg8__7642e26b:focus-within .base_1i91sjp_ibt1ohz__7642e26b{color:var(--plasma-textfield__clear-placeholder-color-focus);}
+.base_1396md2_bg547ku__eb9300f7.base_1396md2_textfieldClear__eb9300f7[readonly] .base_1396md2_i1j28rg8__eb9300f7,.base_1396md2_bg547ku__eb9300f7.base_1396md2_textfieldClear__eb9300f7 .base_1396md2_i1j28rg8__eb9300f7{background-color:unset;box-shadow:none;border-radius:0;padding-left:0;padding-right:0;}.base_1396md2_bg547ku__eb9300f7.base_1396md2_textfieldClear__eb9300f7[readonly] .base_1396md2_i1j28rg8__eb9300f7:hover,.base_1396md2_bg547ku__eb9300f7.base_1396md2_textfieldClear__eb9300f7 .base_1396md2_i1j28rg8__eb9300f7:hover{background-color:unset;}.base_1396md2_bg547ku__eb9300f7.base_1396md2_textfieldClear__eb9300f7 .base_1396md2_ssv2kwg__eb9300f7{margin-left:0;}.base_1396md2_bg547ku__eb9300f7.base_1396md2_textfieldClear__eb9300f7 .base_1396md2_s190z894__eb9300f7{margin-right:0;}.base_1396md2_bg547ku__eb9300f7.base_1396md2_textfieldClear__eb9300f7.base_1396md2_labelPlacementOuter__eb9300f7 .base_1396md2_olv9av6__eb9300f7{margin-bottom:var(--plasma-textfield__clear-label-offset);}.base_1396md2_bg547ku__eb9300f7.base_1396md2_textfieldClear__eb9300f7 .base_1396md2_i13qvwoy__eb9300f7{color:var(--plasma-textfield-clear-color);}.base_1396md2_bg547ku__eb9300f7.base_1396md2_textfieldClear__eb9300f7 .base_1396md2_ibt1ohz__eb9300f7{color:var(--plasma-textfield__clear-placeholder-color);}.base_1396md2_bg547ku__eb9300f7.base_1396md2_textfieldClear__eb9300f7 .base_1396md2_s8yezh4__eb9300f7.base_1396md2_labelPlacementInner__eb9300f7{inset:var(--plasma-textfield__clear-indicator-placement-inner);}.base_1396md2_bg547ku__eb9300f7.base_1396md2_textfieldClear__eb9300f7 .base_1396md2_s8yezh4__eb9300f7.base_1396md2_labelPlacementInner__eb9300f7.base_1396md2_requiredAlignRight__eb9300f7{inset:var(--plasma-textfield__clear-indicator-placement-inner-right);}.base_1396md2_bg547ku__eb9300f7.base_1396md2_textfieldClear__eb9300f7.base_1396md2_textfieldHasHint__eb9300f7 .base_1396md2_s16itze4__eb9300f7.base_1396md2_labelPlacementInner__eb9300f7{inset:var(--plasma-textfield__clear-hint-inner-label-placement-offset);}.base_1396md2_bg547ku__eb9300f7.base_1396md2_textfieldClear__eb9300f7.base_1396md2_textfieldHasHint__eb9300f7 .base_1396md2_s8yezh4__eb9300f7.base_1396md2_labelPlacementInner__eb9300f7.base_1396md2_requiredAlignRight__eb9300f7{inset:var(--plasma-textfield__clear-indicator-hint-placement-inner-right);}.base_1396md2_bg547ku__eb9300f7.base_1396md2_textfieldClear__eb9300f7.base_1396md2_textfieldHasDivider__eb9300f7 .base_1396md2_i1j28rg8__eb9300f7{--plasma_private-textfield-divider-color:var(--plasma-textfield-divider-color);}.base_1396md2_bg547ku__eb9300f7.base_1396md2_textfieldClear__eb9300f7.base_1396md2_textfieldHasDivider__eb9300f7 .base_1396md2_i1j28rg8__eb9300f7:before{content:'';position:absolute;height:0.063rem;width:100%;bottom:0;left:0;background-color:var(--plasma_private-textfield-divider-color);-webkit-transition:background-color 0.1s ease-in;transition:background-color 0.1s ease-in;}.base_1396md2_bg547ku__eb9300f7.base_1396md2_textfieldClear__eb9300f7.base_1396md2_textfieldHasDivider__eb9300f7:not([readonly]) .base_1396md2_i1j28rg8__eb9300f7:hover{--plasma_private-textfield-divider-color:var( --plasma-textfield-divider-color-hover, var(--plasma-textfield-divider-color) );}.base_1396md2_bg547ku__eb9300f7.base_1396md2_textfieldClear__eb9300f7.base_1396md2_textfieldHasDivider__eb9300f7:not([readonly]) .base_1396md2_i1j28rg8__eb9300f7:focus-within{--plasma_private-textfield-divider-color:var( --plasma-textfield-divider-color-focus, var(--plasma-textfield-divider-color) );}.base_1396md2_bg547ku__eb9300f7.base_1396md2_textfieldClear__eb9300f7.base_1396md2_textfieldHasDivider__eb9300f7:not([readonly]) .base_1396md2_i1j28rg8__eb9300f7:focus-within .base_1396md2_ibt1ohz__eb9300f7{color:var(--plasma-textfield__clear-placeholder-color-focus);}
 
 .base_4d3opa_b15zsg4z__d935790a[disabled]{pointer-events:none;opacity:var(--plasma-textfield-disabled-opacity);cursor:not-allowed;}.base_4d3opa_b15zsg4z__d935790a[disabled] .base_4d3opa_i13qvwoy__d935790a{cursor:not-allowed;min-width:unset;}
 
-.base_17ypmu7_b1w985rt__5cf81a55[readonly] .base_17ypmu7_i1j28rg8__5cf81a55{color:var(--plasma-textfield-color-readonly);background-color:var(--plasma-textfield-bg-color-readonly);box-shadow:inset 0 0 0 var(--plasma-textfield-border-width) var(--plasma-textfield-border-color-readonly);}.base_17ypmu7_b1w985rt__5cf81a55[readonly].base_17ypmu7_textfieldHasDivider__5cf81a55 .base_17ypmu7_i1j28rg8__5cf81a55:before{background-color:var(--plasma-textfield-divider-color-readonly);}.base_17ypmu7_b1w985rt__5cf81a55[readonly] .base_17ypmu7_i1j28rg8__5cf81a55:hover{background-color:var(--plasma-textfield-bg-color-readonly);}.base_17ypmu7_b1w985rt__5cf81a55[readonly] .base_17ypmu7_i1j28rg8__5cf81a55:focus-within .base_17ypmu7_ibt1ohz__5cf81a55,.base_17ypmu7_b1w985rt__5cf81a55[readonly] .base_17ypmu7_ibt1ohz__5cf81a55{color:var(--plasma-textfield__placeholder-color-readonly);}.base_17ypmu7_b1w985rt__5cf81a55[readonly] .base_17ypmu7_i13qvwoy__5cf81a55{color:var(--plasma-textfield-color-readonly);cursor:default;min-width:unset;}.base_17ypmu7_b1w985rt__5cf81a55[readonly] .base_17ypmu7_t600610__5cf81a55{color:var(--plasma-textfield__title-caption-color-readonly);}.base_17ypmu7_b1w985rt__5cf81a55[readonly] .base_17ypmu7_l7hnwwb__5cf81a55{color:var(--plasma-textfield__left-helper-color-readonly);}.base_17ypmu7_b1w985rt__5cf81a55[readonly].base_17ypmu7_labelPlacementOuter__5cf81a55 .base_17ypmu7_l1gjsnfi__5cf81a55{color:var(--plasma-textfield__label-color-readonly);}
+.base_1jvcf9a_b1w985rt__78f0baf3[readonly] .base_1jvcf9a_i1j28rg8__78f0baf3{color:var(--plasma-textfield-color-readonly);background-color:var(--plasma-textfield-bg-color-readonly);box-shadow:inset 0 0 0 var(--plasma-textfield-border-width) var(--plasma-textfield-border-color-readonly);}.base_1jvcf9a_b1w985rt__78f0baf3[readonly].base_1jvcf9a_textfieldHasDivider__78f0baf3 .base_1jvcf9a_i1j28rg8__78f0baf3:before{background-color:var(--plasma-textfield-divider-color-readonly);}.base_1jvcf9a_b1w985rt__78f0baf3[readonly] .base_1jvcf9a_i1j28rg8__78f0baf3:hover{background-color:var(--plasma-textfield-bg-color-readonly);}.base_1jvcf9a_b1w985rt__78f0baf3[readonly] .base_1jvcf9a_i1j28rg8__78f0baf3:focus-within .base_1jvcf9a_ibt1ohz__78f0baf3,.base_1jvcf9a_b1w985rt__78f0baf3[readonly] .base_1jvcf9a_ibt1ohz__78f0baf3{color:var(--plasma-textfield__placeholder-color-readonly);}.base_1jvcf9a_b1w985rt__78f0baf3[readonly] .base_1jvcf9a_i13qvwoy__78f0baf3{color:var(--plasma-textfield-color-readonly);cursor:default;min-width:unset;}.base_1jvcf9a_b1w985rt__78f0baf3[readonly] .base_1jvcf9a_t600610__78f0baf3{color:var(--plasma-textfield__title-caption-color-readonly);}.base_1jvcf9a_b1w985rt__78f0baf3[readonly] .base_1jvcf9a_lb3k3v1__78f0baf3{color:var(--plasma-textfield__left-helper-color-readonly);}.base_1jvcf9a_b1w985rt__78f0baf3[readonly].base_1jvcf9a_labelPlacementOuter__78f0baf3 .base_1jvcf9a_l1gjsnfi__78f0baf3{color:var(--plasma-textfield__label-color-readonly);}
 
-.base_3domm_b15d3bnf__caf0c2d1.base_3domm_labelPlacementOuter__caf0c2d1 .base_3domm_l1gjsnfi__caf0c2d1{position:relative;display:inline-block;color:var(--plasma-textfield__label-color);}.base_3domm_b15d3bnf__caf0c2d1.base_3domm_labelPlacementInner__caf0c2d1 .base_3domm_i19ry60d__caf0c2d1{padding:var(--plasma-textfield-placement_inner__content-padding);}.base_3domm_b15d3bnf__caf0c2d1.base_3domm_labelPlacementInner__caf0c2d1 .base_3domm_s14qvple__caf0c2d1,.base_3domm_b15d3bnf__caf0c2d1.base_3domm_labelPlacementInner__caf0c2d1 .base_3domm_smqgwd8__caf0c2d1{padding:var(--plasma-textfield-placement_inner__content-padding);}.base_3domm_b15d3bnf__caf0c2d1.base_3domm_labelPlacementInner__caf0c2d1 .base_3domm_i13qvwoy__caf0c2d1:focus ~ .base_3domm_l1gjsnfi__caf0c2d1,.base_3domm_b15d3bnf__caf0c2d1.base_3domm_labelPlacementInner__caf0c2d1 .base_3domm_i13qvwoy__caf0c2d1.base_3domm_hasValue__caf0c2d1 ~ .base_3domm_l1gjsnfi__caf0c2d1{color:var(--plasma-textfield__placeholder-color);-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;padding:var(--plasma-textfield-placement_inner__label-padding);font-family:var(--plasma-textfield-placement_inner__label-font-family);font-size:var(--plasma-textfield-placement_inner__label-font-size);font-style:var(--plasma-textfield-placement_inner__label-font-style);font-weight:var(--plasma-textfield-placement_inner__label-font-weight);-webkit-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);-moz-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);-ms-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);line-height:var(--plasma-textfield-placement_inner__label-line-height);}.base_3domm_b15d3bnf__caf0c2d1.base_3domm_labelPlacementInner__caf0c2d1 .base_3domm_l1gjsnfi__caf0c2d1{color:var(--plasma-textfield__placeholder-color);pointer-events:none;position:absolute;top:0;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;height:var(--plasma-textfield-height);padding-top:calc(calc(var(--plasma-textfield-height) - var(--plasma-textfield__label-line-height)) / 2);padding-bottom:calc(calc(var(--plasma-textfield-height) - var(--plasma-textfield__label-line-height)) / 2);}.base_3domm_b15d3bnf__caf0c2d1.base_3domm_labelPlacementInner__caf0c2d1.base_3domm_textfieldClear__caf0c2d1 .base_3domm_l1gjsnfi__caf0c2d1{color:var(--plasma-textfield__clear-placeholder-color);}
+.base_gttvto_b15d3bnf__3b8edf79.base_gttvto_labelPlacementOuter__3b8edf79 .base_gttvto_l1gjsnfi__3b8edf79{position:relative;display:inline-block;color:var(--plasma-textfield__label-color);}.base_gttvto_b15d3bnf__3b8edf79.base_gttvto_labelPlacementInner__3b8edf79 .base_gttvto_i19ry60d__3b8edf79{padding:var(--plasma-textfield-placement_inner__content-padding);}.base_gttvto_b15d3bnf__3b8edf79.base_gttvto_labelPlacementInner__3b8edf79 .base_gttvto_smqgwd8__3b8edf79,.base_gttvto_b15d3bnf__3b8edf79.base_gttvto_labelPlacementInner__3b8edf79 .base_gttvto_s7hnwwb__3b8edf79{padding:var(--plasma-textfield-placement_inner__content-padding);}.base_gttvto_b15d3bnf__3b8edf79.base_gttvto_labelPlacementInner__3b8edf79 .base_gttvto_i13qvwoy__3b8edf79:focus ~ .base_gttvto_l1gjsnfi__3b8edf79,.base_gttvto_b15d3bnf__3b8edf79.base_gttvto_labelPlacementInner__3b8edf79 .base_gttvto_i13qvwoy__3b8edf79.base_gttvto_hasValue__3b8edf79 ~ .base_gttvto_l1gjsnfi__3b8edf79{color:var(--plasma-textfield__placeholder-color);-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;padding:var(--plasma-textfield-placement_inner__label-padding);font-family:var(--plasma-textfield-placement_inner__label-font-family);font-size:var(--plasma-textfield-placement_inner__label-font-size);font-style:var(--plasma-textfield-placement_inner__label-font-style);font-weight:var(--plasma-textfield-placement_inner__label-font-weight);-webkit-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);-moz-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);-ms-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);line-height:var(--plasma-textfield-placement_inner__label-line-height);}.base_gttvto_b15d3bnf__3b8edf79.base_gttvto_labelPlacementInner__3b8edf79 .base_gttvto_l1gjsnfi__3b8edf79{color:var(--plasma-textfield__placeholder-color);pointer-events:none;position:absolute;top:0;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;height:var(--plasma-textfield-height);padding-top:calc(calc(var(--plasma-textfield-height) - var(--plasma-textfield__label-line-height)) / 2);padding-bottom:calc(calc(var(--plasma-textfield-height) - var(--plasma-textfield__label-line-height)) / 2);}.base_gttvto_b15d3bnf__3b8edf79.base_gttvto_labelPlacementInner__3b8edf79.base_gttvto_textfieldClear__3b8edf79 .base_gttvto_l1gjsnfi__3b8edf79{color:var(--plasma-textfield__clear-placeholder-color);}
 
 .base_l8etux_bbsd6t5__82026c13 .base_l8etux_hq39zt5__82026c13{--plasma-tooltip-background-color:var(--plasma-textfield__tooltip-background-color);--plasma-tooltip-box-shadow:var(--plasma-textfield__tooltip-box-shadow);--plasma-tooltip-color:var(--plasma-textfield__tooltip-color);}
 
@@ -20,27 +20,26 @@
 .Tooltip_aay375_s1cz8cv8__390cdb21{--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);}.Tooltip_aay375_s1cz8cv8__390cdb21.Tooltip_aay375_tooltipAnimated__390cdb21 .Tooltip_aay375_popoverRoot__390cdb21{-webkit-transition:opacity 200ms ease-in-out,visibility 200ms ease-in-out;transition:opacity 200ms ease-in-out,visibility 200ms ease-in-out;}
 
 
-.TextField_styles_grgg7q_i1j28rg8__04d4fe84{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_grgg7q_i13zudoe__04d4fe84{-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_grgg7q_i13zudoe__04d4fe84::-webkit-scrollbar{display:none;}.TextField_styles_grgg7q_i13zudoe__04d4fe84.TextField_styles_grgg7q_hasChips__04d4fe84{height:var(--plasma-textfield__chip-height);border-radius:var(--plasma-textfield__chip-border-radius);}
-.TextField_styles_grgg7q_so4bpie__04d4fe84{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:var(--plasma-textfield__chip-gap);margin-right:var(--plasma-textfield__chip-gap);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
-.TextField_styles_grgg7q_i13qvwoy__04d4fe84{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_grgg7q_i13qvwoy__04d4fe84::-webkit-input-placeholder{opacity:0;}.TextField_styles_grgg7q_i13qvwoy__04d4fe84::-moz-placeholder{opacity:0;}.TextField_styles_grgg7q_i13qvwoy__04d4fe84:-ms-input-placeholder{opacity:0;}.TextField_styles_grgg7q_i13qvwoy__04d4fe84::placeholder{opacity:0;}
-.TextField_styles_grgg7q_i19ry60d__04d4fe84{position:relative;-webkit-flex:1;-ms-flex:1;flex:1;min-width:60%;}
-.TextField_styles_grgg7q_ibt1ohz__04d4fe84{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);}
-.TextField_styles_grgg7q_olv9av6__04d4fe84{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;margin-bottom:var(--olv9av6-0);}
-.TextField_styles_grgg7q_t600610__04d4fe84{display:inline-block;margin-left:auto;}
-.TextField_styles_grgg7q_suk2zst__04d4fe84{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_grgg7q_l1gjsnfi__04d4fe84{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}
-.TextField_styles_grgg7q_ssv2kwg__04d4fe84{color:var(--ssv2kwg-0);line-height:0;}
-.TextField_styles_grgg7q_s190z894__04d4fe84.TextField_styles_grgg7q_ssv2kwg__04d4fe84{margin:var(--plasma-textfield__left-content-margin);}
-.TextField_styles_grgg7q_sb3k3v1__04d4fe84{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_grgg7q_sb3k3v1__04d4fe84:hover{color:var(--plasma-textfield-content-slot-color-hover);color:var(--plasma-textfield-content-right-slot-color-hover,var(--plasma-textfield-content-slot-color-hover));cursor:pointer;}.TextField_styles_grgg7q_sb3k3v1__04d4fe84:active{color:var(--plasma-textfield-content-right-slot-color-active,var(--plasma-textfield-content-slot-color-active));}
+.TextField_styles_j7dqpn_i1j28rg8__f79fd7d8{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_j7dqpn_i13zudoe__f79fd7d8{-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_j7dqpn_i13zudoe__f79fd7d8::-webkit-scrollbar{display:none;}.TextField_styles_j7dqpn_i13zudoe__f79fd7d8.TextField_styles_j7dqpn_hasChips__f79fd7d8{height:var(--plasma-textfield__chip-height);border-radius:var(--plasma-textfield__chip-border-radius);}
+.TextField_styles_j7dqpn_so4bpie__f79fd7d8{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:var(--plasma-textfield__chip-gap);margin-right:var(--plasma-textfield__chip-gap);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
+.TextField_styles_j7dqpn_i13qvwoy__f79fd7d8{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_j7dqpn_i13qvwoy__f79fd7d8::-webkit-input-placeholder{opacity:0;}.TextField_styles_j7dqpn_i13qvwoy__f79fd7d8::-moz-placeholder{opacity:0;}.TextField_styles_j7dqpn_i13qvwoy__f79fd7d8:-ms-input-placeholder{opacity:0;}.TextField_styles_j7dqpn_i13qvwoy__f79fd7d8::placeholder{opacity:0;}
+.TextField_styles_j7dqpn_i19ry60d__f79fd7d8{position:relative;-webkit-flex:1;-ms-flex:1;flex:1;min-width:60%;}
+.TextField_styles_j7dqpn_ibt1ohz__f79fd7d8{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);}
+.TextField_styles_j7dqpn_olv9av6__f79fd7d8{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;margin-bottom:var(--olv9av6-0);}
+.TextField_styles_j7dqpn_t600610__f79fd7d8{display:inline-block;margin-left:auto;}
+.TextField_styles_j7dqpn_suk2zst__f79fd7d8{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_j7dqpn_l1gjsnfi__f79fd7d8{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}
+.TextField_styles_j7dqpn_ssv2kwg__f79fd7d8{margin:var(--plasma-textfield__left-content-margin);color:var(--ssv2kwg-0);line-height:0;}
+.TextField_styles_j7dqpn_s190z894__f79fd7d8{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_j7dqpn_s190z894__f79fd7d8:hover{color:var(--plasma-textfield-content-right-slot-color-hover,var(--plasma-textfield-content-slot-color-hover));cursor:pointer;}.TextField_styles_j7dqpn_s190z894__f79fd7d8:active{color:var(--plasma-textfield-content-right-slot-color-active,var(--plasma-textfield-content-slot-color-active));}
 
 
 
-.TextField_styles_grgg7q_s16itze4__04d4fe84{color:var(--plasma-textfield__optional-color);}
-.TextField_styles_grgg7q_s1skqnhr__04d4fe84{display:inline-block;line-height:0;}.TextField_styles_grgg7q_s1skqnhr__04d4fe84.TextField_styles_grgg7q_labelPlacementInner__04d4fe84{position:absolute;margin:0;inset:var(--plasma-textfield__hint-inner-label-placement-offset);}
-.TextField_styles_grgg7q_hgy0im1__04d4fe84{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_j7dqpn_s14qvple__f79fd7d8{color:var(--plasma-textfield__optional-color);}
+.TextField_styles_j7dqpn_s16itze4__f79fd7d8{display:inline-block;line-height:0;}.TextField_styles_j7dqpn_s16itze4__f79fd7d8.TextField_styles_j7dqpn_labelPlacementInner__f79fd7d8{position:absolute;margin:0;inset:var(--plasma-textfield__hint-inner-label-placement-offset);}
+.TextField_styles_j7dqpn_h1skqnhr__f79fd7d8{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_grgg7q_szsveq4__04d4fe84{position:absolute;border-radius:50%;background-color:var(--plasma-textfield__indicator-color);}.TextField_styles_grgg7q_szsveq4__04d4fe84.TextField_styles_grgg7q_labelPlacementOuter__04d4fe84{width:var(--plasma-textfield__indicator-size-outer);height:var(--plasma-textfield__indicator-size-outer);inset:var(--plasma-textfield__indicator-placement-outer);}.TextField_styles_grgg7q_szsveq4__04d4fe84.TextField_styles_grgg7q_labelPlacementOuter__04d4fe84.TextField_styles_grgg7q_requiredAlignRight__04d4fe84{inset:var(--plasma-textfield__indicator-placement-outer-right);}.TextField_styles_grgg7q_szsveq4__04d4fe84.TextField_styles_grgg7q_labelPlacementOuter__04d4fe84.TextField_styles_grgg7q_requiredAlignRight__04d4fe84.TextField_styles_grgg7q_textfieldHasHint__04d4fe84{right:calc(-1 * var(--plasma-textfield__indicator-size-outer));}.TextField_styles_grgg7q_szsveq4__04d4fe84.TextField_styles_grgg7q_labelPlacementInner__04d4fe84{width:var(--plasma-textfield__indicator-size-inner);height:var(--plasma-textfield__indicator-size-inner);inset:var(--plasma-textfield__indicator-placement-inner);}.TextField_styles_grgg7q_szsveq4__04d4fe84.TextField_styles_grgg7q_labelPlacementInner__04d4fe84.TextField_styles_grgg7q_requiredAlignRight__04d4fe84{inset:var(--plasma-textfield__indicator-placement-inner-right);}
+.TextField_styles_j7dqpn_s8yezh4__f79fd7d8{position:absolute;border-radius:50%;background-color:var(--plasma-textfield__indicator-color);}.TextField_styles_j7dqpn_s8yezh4__f79fd7d8.TextField_styles_j7dqpn_labelPlacementOuter__f79fd7d8{width:var(--plasma-textfield__indicator-size-outer);height:var(--plasma-textfield__indicator-size-outer);inset:var(--plasma-textfield__indicator-placement-outer);}.TextField_styles_j7dqpn_s8yezh4__f79fd7d8.TextField_styles_j7dqpn_labelPlacementOuter__f79fd7d8.TextField_styles_j7dqpn_requiredAlignRight__f79fd7d8{inset:var(--plasma-textfield__indicator-placement-outer-right);}.TextField_styles_j7dqpn_s8yezh4__f79fd7d8.TextField_styles_j7dqpn_labelPlacementOuter__f79fd7d8.TextField_styles_j7dqpn_requiredAlignRight__f79fd7d8.TextField_styles_j7dqpn_textfieldHasHint__f79fd7d8{right:calc(-1 * var(--plasma-textfield__indicator-size-outer));}.TextField_styles_j7dqpn_s8yezh4__f79fd7d8.TextField_styles_j7dqpn_labelPlacementInner__f79fd7d8{width:var(--plasma-textfield__indicator-size-inner);height:var(--plasma-textfield__indicator-size-inner);inset:var(--plasma-textfield__indicator-placement-inner);}.TextField_styles_j7dqpn_s8yezh4__f79fd7d8.TextField_styles_j7dqpn_labelPlacementInner__f79fd7d8.TextField_styles_j7dqpn_requiredAlignRight__f79fd7d8{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/Cell/Cell.js

@@ -37,7 +37,9 @@ var cellRoot = function cellRoot(Root) {
       className: cx(stretchingClass, classes.cellRoot, className)
     }, contentLeftDeprecated && /*#__PURE__*/React.createElement(CellLeft, {
       align: alignContentLeft
-    }, contentLeftDeprecated), /*#__PURE__*/React.createElement(CellContentWrapper, null, /*#__PURE__*/React.createElement(CellContent, null, titleText || subtitle || label ? /*#__PURE__*/React.createElement(CellTextbox, {
+    }, contentLeftDeprecated), /*#__PURE__*/React.createElement(CellContentWrapper, null, /*#__PURE__*/React.createElement(CellContent, {
+      className: "cell-content"
+    }, titleText || subtitle || label ? /*#__PURE__*/React.createElement(CellTextbox, {
       label: label,
       title: titleText,
       subtitle: subtitle

package/es/components/Cell/Cell.js.map

@@ -1 +1 @@
-{"version":3,"file":"Cell.js","sources":["../../../src/components/Cell/Cell.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { RootProps } from '../../engines';\nimport { cx } from '../../utils';\n\nimport type { CellProps } from './Cell.types';\nimport { base, CellLeft, CellRight, CellContentWrapper, CellContent } from './Cell.styles';\nimport { classes } from './Cell.tokens';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { CellTextbox } from './ui/CellTextbox/CellTextbox';\n\nexport const cellRoot = (Root: RootProps<HTMLDivElement, CellProps>) =>\n    forwardRef<HTMLDivElement, CellProps>(\n        (\n            {\n                size,\n                view,\n                contentLeft,\n                contentRight,\n                alignContentLeft = 'center',\n                alignContentRight = 'center',\n                children,\n                title,\n                subtitle,\n                label,\n                description,\n                content,\n                stretching = 'filled',\n                className,\n            },\n            outerRootRef,\n        ) => {\n            const stretchingClass = classes[`${stretching}Stretching` as keyof typeof classes];\n\n            // Импорт  старых свойств\n            const titleText = title || description;\n            const contentLeftDeprecated = contentLeft || content;\n\n            return (\n                <Root\n                    ref={outerRootRef}\n                    size={size}\n                    view={view}\n                    className={cx(stretchingClass, classes.cellRoot, className)}\n                >\n                    {contentLeftDeprecated && <CellLeft align={alignContentLeft}>{contentLeftDeprecated}</CellLeft>}\n                    <CellContentWrapper>\n                        <CellContent>\n                            {titleText || subtitle || label ? (\n                                <CellTextbox label={label} title={titleText} subtitle={subtitle} />\n                            ) : (\n                                children\n                            )}\n                        </CellContent>\n                        {contentRight && <CellRight align={alignContentRight}>{contentRight}</CellRight>}\n                    </CellContentWrapper>\n                </Root>\n            );\n        },\n    );\n\nexport const cellConfig = {\n    name: 'Cell',\n    tag: 'div',\n    layout: cellRoot,\n    base,\n    variations: {\n        view: {\n            css: viewCSS,\n        },\n        size: {\n            css: sizeCSS,\n        },\n    },\n    defaults: {\n        view: 'default',\n        size: 'm',\n    },\n};\n"],"names":["cellRoot","Root","forwardRef","_ref","outerRootRef","size","view","contentLeft","contentRight","_ref$alignContentLeft","alignContentLeft","_ref$alignContentRigh","alignContentRight","children","title","subtitle","label","description","content","_ref$stretching","stretching","className","stretchingClass","classes","concat","titleText","contentLeftDeprecated","React","createElement","ref","cx","CellLeft","align","CellContentWrapper","CellContent","CellTextbox","CellRight","cellConfig","name","tag","layout","base","variations","css","viewCSS","sizeCSS","defaults"],"mappings":"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"}
+{"version":3,"file":"Cell.js","sources":["../../../src/components/Cell/Cell.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { RootProps } from '../../engines';\nimport { cx } from '../../utils';\n\nimport type { CellProps } from './Cell.types';\nimport { base, CellLeft, CellRight, CellContentWrapper, CellContent } from './Cell.styles';\nimport { classes } from './Cell.tokens';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { CellTextbox } from './ui/CellTextbox/CellTextbox';\n\nexport const cellRoot = (Root: RootProps<HTMLDivElement, CellProps>) =>\n    forwardRef<HTMLDivElement, CellProps>(\n        (\n            {\n                size,\n                view,\n                contentLeft,\n                contentRight,\n                alignContentLeft = 'center',\n                alignContentRight = 'center',\n                children,\n                title,\n                subtitle,\n                label,\n                description,\n                content,\n                stretching = 'filled',\n                className,\n            },\n            outerRootRef,\n        ) => {\n            const stretchingClass = classes[`${stretching}Stretching` as keyof typeof classes];\n\n            // Импорт  старых свойств\n            const titleText = title || description;\n            const contentLeftDeprecated = contentLeft || content;\n\n            return (\n                <Root\n                    ref={outerRootRef}\n                    size={size}\n                    view={view}\n                    className={cx(stretchingClass, classes.cellRoot, className)}\n                >\n                    {contentLeftDeprecated && <CellLeft align={alignContentLeft}>{contentLeftDeprecated}</CellLeft>}\n                    <CellContentWrapper>\n                        {/* TODO: #1548 */}\n                        <CellContent className=\"cell-content\">\n                            {titleText || subtitle || label ? (\n                                <CellTextbox label={label} title={titleText} subtitle={subtitle} />\n                            ) : (\n                                children\n                            )}\n                        </CellContent>\n                        {contentRight && <CellRight align={alignContentRight}>{contentRight}</CellRight>}\n                    </CellContentWrapper>\n                </Root>\n            );\n        },\n    );\n\nexport const cellConfig = {\n    name: 'Cell',\n    tag: 'div',\n    layout: cellRoot,\n    base,\n    variations: {\n        view: {\n            css: viewCSS,\n        },\n        size: {\n            css: sizeCSS,\n        },\n    },\n    defaults: {\n        view: 'default',\n        size: 'm',\n    },\n};\n"],"names":["cellRoot","Root","forwardRef","_ref","outerRootRef","size","view","contentLeft","contentRight","_ref$alignContentLeft","alignContentLeft","_ref$alignContentRigh","alignContentRight","children","title","subtitle","label","description","content","_ref$stretching","stretching","className","stretchingClass","classes","concat","titleText","contentLeftDeprecated","React","createElement","ref","cx","CellLeft","align","CellContentWrapper","CellContent","CellTextbox","CellRight","cellConfig","name","tag","layout","base","variations","css","viewCSS","sizeCSS","defaults"],"mappings":"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"}

package/es/components/Cell/ui/CellTextbox/CellTextbox.js

@@ -9,7 +9,13 @@ var CellTextbox = function CellTextbox(_ref) {
     title = _ref.title,
     subtitle = _ref.subtitle,
     children = _ref.children;
-  return /*#__PURE__*/React.createElement(CellTextboxStyled, null, label || title || subtitle ? /*#__PURE__*/React.createElement(React.Fragment, null, label && /*#__PURE__*/React.createElement(CellTextboxLabel, null, label), title && /*#__PURE__*/React.createElement(CellTextboxTitle, null, title), subtitle && /*#__PURE__*/React.createElement(CellTextboxSubtitle, null, subtitle)) : children);
+  return (
+    /*#__PURE__*/
+    // TODO: #1548
+    React.createElement(CellTextboxStyled, {
+      className: "cell-textbox"
+    }, label || title || subtitle ? /*#__PURE__*/React.createElement(React.Fragment, null, label && /*#__PURE__*/React.createElement(CellTextboxLabel, null, label), title && /*#__PURE__*/React.createElement(CellTextboxTitle, null, title), subtitle && /*#__PURE__*/React.createElement(CellTextboxSubtitle, null, subtitle)) : children)
+  );
 };
 
 export { CellTextbox };

package/es/components/Cell/ui/CellTextbox/CellTextbox.js.map

@@ -1 +1 @@
-{"version":3,"file":"CellTextbox.js","sources":["../../../../../src/components/Cell/ui/CellTextbox/CellTextbox.tsx"],"sourcesContent":["import React, { HTMLAttributes } from 'react';\n\nimport { CellTextboxLabel } from '../CellTextboxLabel/CellTextboxLabel';\nimport { CellTextboxTitle } from '../CellTextboxTitle/CellTextboxTitle';\nimport { CellTextboxSubtitle } from '../CellTextboxSubtitle/CellTextboxSubtitle';\n\nimport { CellTextboxStyled } from './CellTextbox.styles';\nimport type { CellTextboxProps } from './CellTextbox.types';\n\nexport const CellTextbox: React.FC<HTMLAttributes<HTMLDivElement> & CellTextboxProps> = ({\n    label,\n    title,\n    subtitle,\n    children,\n}) => {\n    return (\n        <CellTextboxStyled>\n            {label || title || subtitle ? (\n                <>\n                    {label && <CellTextboxLabel>{label}</CellTextboxLabel>}\n                    {title && <CellTextboxTitle>{title}</CellTextboxTitle>}\n                    {subtitle && <CellTextboxSubtitle>{subtitle}</CellTextboxSubtitle>}\n                </>\n            ) : (\n                children\n            )}\n        </CellTextboxStyled>\n    );\n};\n"],"names":["CellTextbox","_ref","label","title","subtitle","children","React","createElement","CellTextboxStyled","Fragment","CellTextboxLabel","CellTextboxTitle","CellTextboxSubtitle"],"mappings":";;;;;;IASaA,WAAwE,GAAG,SAA3EA,WAAwEA,CAAAC,IAAA,EAK/E;AAAA,EAAA,IAJFC,KAAK,GAAAD,IAAA,CAALC,KAAK;IACLC,KAAK,GAAAF,IAAA,CAALE,KAAK;IACLC,QAAQ,GAAAH,IAAA,CAARG,QAAQ;IACRC,QAAQ,GAAAJ,IAAA,CAARI,QAAQ,CAAA;EAER,oBACIC,KAAA,CAAAC,aAAA,CAACC,iBAAiB,QACbN,KAAK,IAAIC,KAAK,IAAIC,QAAQ,gBACvBE,KAAA,CAAAC,aAAA,CAAAD,KAAA,CAAAG,QAAA,EACKP,IAAAA,EAAAA,KAAK,iBAAII,KAAA,CAAAC,aAAA,CAACG,gBAAgB,QAAER,KAAwB,CAAC,EACrDC,KAAK,iBAAIG,KAAA,CAAAC,aAAA,CAACI,gBAAgB,EAAER,IAAAA,EAAAA,KAAwB,CAAC,EACrDC,QAAQ,iBAAIE,KAAA,CAAAC,aAAA,CAACK,mBAAmB,EAAER,IAAAA,EAAAA,QAA8B,CACnE,CAAC,GAEHC,QAEW,CAAC,CAAA;AAE5B;;;;"}
+{"version":3,"file":"CellTextbox.js","sources":["../../../../../src/components/Cell/ui/CellTextbox/CellTextbox.tsx"],"sourcesContent":["import React, { HTMLAttributes } from 'react';\n\nimport { CellTextboxLabel } from '../CellTextboxLabel/CellTextboxLabel';\nimport { CellTextboxTitle } from '../CellTextboxTitle/CellTextboxTitle';\nimport { CellTextboxSubtitle } from '../CellTextboxSubtitle/CellTextboxSubtitle';\n\nimport { CellTextboxStyled } from './CellTextbox.styles';\nimport type { CellTextboxProps } from './CellTextbox.types';\n\nexport const CellTextbox: React.FC<HTMLAttributes<HTMLDivElement> & CellTextboxProps> = ({\n    label,\n    title,\n    subtitle,\n    children,\n}) => {\n    return (\n        // TODO: #1548\n        <CellTextboxStyled className=\"cell-textbox\">\n            {label || title || subtitle ? (\n                <>\n                    {label && <CellTextboxLabel>{label}</CellTextboxLabel>}\n                    {title && <CellTextboxTitle>{title}</CellTextboxTitle>}\n                    {subtitle && <CellTextboxSubtitle>{subtitle}</CellTextboxSubtitle>}\n                </>\n            ) : (\n                children\n            )}\n        </CellTextboxStyled>\n    );\n};\n"],"names":["CellTextbox","_ref","label","title","subtitle","children","React","createElement","CellTextboxStyled","className","Fragment","CellTextboxLabel","CellTextboxTitle","CellTextboxSubtitle"],"mappings":";;;;;;IASaA,WAAwE,GAAG,SAA3EA,WAAwEA,CAAAC,IAAA,EAK/E;AAAA,EAAA,IAJFC,KAAK,GAAAD,IAAA,CAALC,KAAK;IACLC,KAAK,GAAAF,IAAA,CAALE,KAAK;IACLC,QAAQ,GAAAH,IAAA,CAARG,QAAQ;IACRC,QAAQ,GAAAJ,IAAA,CAARI,QAAQ,CAAA;AAER,EAAA;AAAA;AACI;IACAC,KAAA,CAAAC,aAAA,CAACC,iBAAiB,EAAA;AAACC,MAAAA,SAAS,EAAC,cAAA;KACxBP,EAAAA,KAAK,IAAIC,KAAK,IAAIC,QAAQ,gBACvBE,KAAA,CAAAC,aAAA,CAAAD,KAAA,CAAAI,QAAA,EAAA,IAAA,EACKR,KAAK,iBAAII,KAAA,CAAAC,aAAA,CAACI,gBAAgB,EAAA,IAAA,EAAET,KAAwB,CAAC,EACrDC,KAAK,iBAAIG,KAAA,CAAAC,aAAA,CAACK,gBAAgB,EAAA,IAAA,EAAET,KAAwB,CAAC,EACrDC,QAAQ,iBAAIE,KAAA,CAAAC,aAAA,CAACM,mBAAmB,QAAET,QAA8B,CACnE,CAAC,GAEHC,QAEW,CAAA;AAAC,IAAA;AAE5B;;;;"}

package/es/components/Cell/ui/CellTextboxTitle/CellTextboxTitle.js

@@ -2,7 +2,10 @@ import React from 'react';
 import { StyledTextboxTitle } from './CellTextboxTitle.styles.js';
 
 var CellTextboxTitle = function CellTextboxTitle(props) {
-  return /*#__PURE__*/React.createElement(StyledTextboxTitle, null, props.children);
+  // TODO: #1548
+  return /*#__PURE__*/React.createElement(StyledTextboxTitle, {
+    className: "cell-textbox-title"
+  }, props.children);
 };
 
 export { CellTextboxTitle };

package/es/components/Cell/ui/CellTextboxTitle/CellTextboxTitle.js.map

@@ -1 +1 @@
-{"version":3,"file":"CellTextboxTitle.js","sources":["../../../../../src/components/Cell/ui/CellTextboxTitle/CellTextboxTitle.tsx"],"sourcesContent":["import React, { HTMLAttributes } from 'react';\n\nimport { StyledTextboxTitle } from './CellTextboxTitle.styles';\n\nexport const CellTextboxTitle: React.FC<HTMLAttributes<HTMLDivElement>> = (props) => {\n    return <StyledTextboxTitle>{props.children}</StyledTextboxTitle>;\n};\n"],"names":["CellTextboxTitle","props","React","createElement","StyledTextboxTitle","children"],"mappings":";;;IAIaA,gBAA0D,GAAG,SAA7DA,gBAA0DA,CAAIC,KAAK,EAAK;EACjF,oBAAOC,KAAA,CAAAC,aAAA,CAACC,kBAAkB,EAAEH,IAAAA,EAAAA,KAAK,CAACI,QAA6B,CAAC,CAAA;AACpE;;;;"}
+{"version":3,"file":"CellTextboxTitle.js","sources":["../../../../../src/components/Cell/ui/CellTextboxTitle/CellTextboxTitle.tsx"],"sourcesContent":["import React, { HTMLAttributes } from 'react';\n\nimport { StyledTextboxTitle } from './CellTextboxTitle.styles';\n\nexport const CellTextboxTitle: React.FC<HTMLAttributes<HTMLDivElement>> = (props) => {\n    // TODO: #1548\n    return <StyledTextboxTitle className=\"cell-textbox-title\">{props.children}</StyledTextboxTitle>;\n};\n"],"names":["CellTextboxTitle","props","React","createElement","StyledTextboxTitle","className","children"],"mappings":";;;IAIaA,gBAA0D,GAAG,SAA7DA,gBAA0DA,CAAIC,KAAK,EAAK;AACjF;AACA,EAAA,oBAAOC,KAAA,CAAAC,aAAA,CAACC,kBAAkB,EAAA;AAACC,IAAAA,SAAS,EAAC,oBAAA;GAAsBJ,EAAAA,KAAK,CAACK,QAA6B,CAAC,CAAA;AACnG;;;;"}

package/es/components/Chip/Chip.js

@@ -36,7 +36,9 @@ var chipRoot = function chipRoot(Root) {
     var txt = !text && typeof children === 'string' ? children : text;
     var pilledClass = pilled ? classes.pilled : undefined;
     var handleClick = function handleClick(event) {
-      if (disabled || readOnly) {
+      // TODO: #1547
+      // eslint-disable-next-line no-underscore-dangle
+      if (disabled || readOnly && !rest._forceChipManipulationWithReadonly) {
         return;
       }
       onClick === null || onClick === void 0 || onClick(event);

package/es/components/Chip/Chip.js.map

@@ -1 +1 @@
-{"version":3,"file":"Chip.js","sources":["../../../src/components/Chip/Chip.tsx"],"sourcesContent":["import React, { forwardRef, MouseEvent } from 'react';\n\nimport type { RootProps } from '../../engines';\nimport { IconClose } from '../_Icon/Icons/IconClose';\nimport { cx } from '../../utils';\n\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as disabledCSS } from './variations/_disabled/base';\nimport { base as readonlyCSS } from './variations/_readonly/base';\nimport { base as focusedCSS } from './variations/_focused/base';\nimport { base as pilledCSS } from './variations/_pilled/base';\nimport type { ChipProps } from './Chip.types';\nimport { StyledContentClear, StyledContentLeft, StyledContentMain, StyledContentRight, base } from './Chip.styles';\nimport { classes, tokens } from './Chip.tokens';\n\nexport const chipRoot = (Root: RootProps<HTMLButtonElement, ChipProps>) =>\n    forwardRef<HTMLButtonElement, ChipProps>((props, ref) => {\n        const {\n            children,\n            text,\n            contentLeft,\n            contentRight,\n            contentClearButton,\n            hasClear = true,\n            size,\n            className,\n            onClear,\n            onClick,\n            onClickClose,\n            pilled = false,\n            readOnly = false,\n            disabled = false,\n            ...rest\n        } = props;\n\n        const txt = !text && typeof children === 'string' ? children : text;\n        const pilledClass = pilled ? classes.pilled : undefined;\n\n        const handleClick = (event: MouseEvent<HTMLButtonElement>) => {\n            if (disabled || readOnly) {\n                return;\n            }\n\n            onClick?.(event);\n            onClear?.();\n        };\n\n        const handleClickClose = (event: MouseEvent<HTMLDivElement>) => {\n            if (disabled || readOnly || !onClickClose) {\n                return;\n            }\n\n            event.stopPropagation();\n            onClickClose(event);\n        };\n\n        return (\n            <Root\n                type=\"button\"\n                ref={ref}\n                className={cx(pilledClass, classes.chipItem, className)}\n                tabIndex={readOnly ? -1 : 0}\n                onClick={handleClick}\n                disabled={disabled}\n                pilled={pilled}\n                readOnly={!disabled && readOnly}\n                size={size}\n                {...rest}\n            >\n                {contentLeft && <StyledContentLeft>{contentLeft}</StyledContentLeft>}\n                {txt ? <StyledContentMain>{txt}</StyledContentMain> : children}\n                {contentRight && <StyledContentRight>{contentRight}</StyledContentRight>}\n                {hasClear &&\n                    (contentClearButton || (\n                        <StyledContentClear onClick={handleClickClose}>\n                            <IconClose sizeCustomProperty={tokens.closeIconSize} color=\"inherit\" />\n                        </StyledContentClear>\n                    ))}\n            </Root>\n        );\n    });\n\nexport const chipConfig = {\n    name: 'Chip',\n    tag: 'button',\n    layout: chipRoot,\n    base,\n    variations: {\n        view: {\n            css: viewCSS,\n        },\n        size: {\n            css: sizeCSS,\n        },\n        disabled: {\n            css: disabledCSS,\n            attrs: true,\n        },\n        readOnly: {\n            css: readonlyCSS,\n            attrs: true,\n        },\n        focused: {\n            css: focusedCSS,\n        },\n        pilled: {\n            css: pilledCSS,\n            attrs: true,\n        },\n    },\n    defaults: {\n        view: 'default',\n        size: 'm',\n    },\n};\n"],"names":["chipRoot","Root","forwardRef","props","ref","children","text","contentLeft","contentRight","contentClearButton","_props$hasClear","hasClear","size","className","onClear","onClick","onClickClose","_props$pilled","pilled","_props$readOnly","readOnly","_props$disabled","disabled","rest","_objectWithoutProperties","_excluded","txt","pilledClass","classes","undefined","handleClick","event","handleClickClose","stopPropagation","React","createElement","_extends","type","cx","chipItem","tabIndex","StyledContentLeft","StyledContentMain","StyledContentRight","StyledContentClear","IconClose","sizeCustomProperty","tokens","closeIconSize","color","chipConfig","name","tag","layout","base","variations","view","css","viewCSS","sizeCSS","disabledCSS","attrs","readonlyCSS","focused","focusedCSS","pilledCSS","defaults"],"mappings":"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"}
+{"version":3,"file":"Chip.js","sources":["../../../src/components/Chip/Chip.tsx"],"sourcesContent":["import React, { forwardRef, MouseEvent } from 'react';\n\nimport type { RootProps } from '../../engines';\nimport { IconClose } from '../_Icon/Icons/IconClose';\nimport { cx } from '../../utils';\n\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as disabledCSS } from './variations/_disabled/base';\nimport { base as readonlyCSS } from './variations/_readonly/base';\nimport { base as focusedCSS } from './variations/_focused/base';\nimport { base as pilledCSS } from './variations/_pilled/base';\nimport type { ChipProps } from './Chip.types';\nimport { StyledContentClear, StyledContentLeft, StyledContentMain, StyledContentRight, base } from './Chip.styles';\nimport { classes, tokens } from './Chip.tokens';\n\nexport const chipRoot = (Root: RootProps<HTMLButtonElement, ChipProps>) =>\n    forwardRef<HTMLButtonElement, ChipProps>((props, ref) => {\n        const {\n            children,\n            text,\n            contentLeft,\n            contentRight,\n            contentClearButton,\n            hasClear = true,\n            size,\n            className,\n            onClear,\n            onClick,\n            onClickClose,\n            pilled = false,\n            readOnly = false,\n            disabled = false,\n            ...rest\n        } = props;\n\n        const txt = !text && typeof children === 'string' ? children : text;\n        const pilledClass = pilled ? classes.pilled : undefined;\n\n        const handleClick = (event: MouseEvent<HTMLButtonElement>) => {\n            // TODO: #1547\n            // eslint-disable-next-line no-underscore-dangle\n            if (disabled || (readOnly && !(rest as any)._forceChipManipulationWithReadonly)) {\n                return;\n            }\n\n            onClick?.(event);\n            onClear?.();\n        };\n\n        const handleClickClose = (event: MouseEvent<HTMLDivElement>) => {\n            if (disabled || readOnly || !onClickClose) {\n                return;\n            }\n\n            event.stopPropagation();\n            onClickClose(event);\n        };\n\n        return (\n            <Root\n                type=\"button\"\n                ref={ref}\n                className={cx(pilledClass, classes.chipItem, className)}\n                tabIndex={readOnly ? -1 : 0}\n                onClick={handleClick}\n                disabled={disabled}\n                pilled={pilled}\n                readOnly={!disabled && readOnly}\n                size={size}\n                {...rest}\n            >\n                {contentLeft && <StyledContentLeft>{contentLeft}</StyledContentLeft>}\n                {txt ? <StyledContentMain>{txt}</StyledContentMain> : children}\n                {contentRight && <StyledContentRight>{contentRight}</StyledContentRight>}\n                {hasClear &&\n                    (contentClearButton || (\n                        <StyledContentClear onClick={handleClickClose}>\n                            <IconClose sizeCustomProperty={tokens.closeIconSize} color=\"inherit\" />\n                        </StyledContentClear>\n                    ))}\n            </Root>\n        );\n    });\n\nexport const chipConfig = {\n    name: 'Chip',\n    tag: 'button',\n    layout: chipRoot,\n    base,\n    variations: {\n        view: {\n            css: viewCSS,\n        },\n        size: {\n            css: sizeCSS,\n        },\n        disabled: {\n            css: disabledCSS,\n            attrs: true,\n        },\n        readOnly: {\n            css: readonlyCSS,\n            attrs: true,\n        },\n        focused: {\n            css: focusedCSS,\n        },\n        pilled: {\n            css: pilledCSS,\n            attrs: true,\n        },\n    },\n    defaults: {\n        view: 'default',\n        size: 'm',\n    },\n};\n"],"names":["chipRoot","Root","forwardRef","props","ref","children","text","contentLeft","contentRight","contentClearButton","_props$hasClear","hasClear","size","className","onClear","onClick","onClickClose","_props$pilled","pilled","_props$readOnly","readOnly","_props$disabled","disabled","rest","_objectWithoutProperties","_excluded","txt","pilledClass","classes","undefined","handleClick","event","_forceChipManipulationWithReadonly","handleClickClose","stopPropagation","React","createElement","_extends","type","cx","chipItem","tabIndex","StyledContentLeft","StyledContentMain","StyledContentRight","StyledContentClear","IconClose","sizeCustomProperty","tokens","closeIconSize","color","chipConfig","name","tag","layout","base","variations","view","css","viewCSS","sizeCSS","disabledCSS","attrs","readonlyCSS","focused","focusedCSS","pilledCSS","defaults"],"mappings":"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"}