@salutejs/plasma-new-hope 0.336.0-canary.2234.17756611449.0 → 0.336.0-canary.2235.17792261875.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@salutejs/plasma-new-hope",
-  "version": "0.336.0-canary.2234.17756611449.0",
+  "version": "0.336.0-canary.2235.17792261875.0",
   "description": "Salute Design System blueprint",
   "main": "cjs/index.js",
   "module": "es/index.js",
@@ -79,8 +79,8 @@
     "@rollup/plugin-babel": "^6.0.4",
     "@rollup/plugin-commonjs": "^25.0.4",
     "@rollup/plugin-node-resolve": "^15.1.0",
-    "@salutejs/plasma-sb-utils": "0.208.0-canary.2234.17756611449.0",
-    "@salutejs/plasma-themes": "0.37.0",
+    "@salutejs/plasma-sb-utils": "0.208.0-canary.2235.17792261875.0",
+    "@salutejs/plasma-themes": "0.38.0-canary.2235.17792261875.0",
     "@storybook/addon-docs": "8.6.12",
     "@storybook/addon-essentials": "8.6.12",
     "@storybook/manager-api": "8.6.12",
@@ -117,7 +117,7 @@
     "@linaria/react": "5.0.3",
     "@popperjs/core": "2.11.8",
     "@salutejs/input-core": "2.1.2",
-    "@salutejs/plasma-core": "1.208.0-canary.2234.17756611449.0",
+    "@salutejs/plasma-core": "1.208.0-canary.2235.17792261875.0",
     "@salutejs/react-maskinput": "3.2.6",
     "@tanstack/react-table": "8.21.2",
     "@tanstack/react-virtual": "3.13.2",
@@ -137,5 +137,5 @@
   "sideEffects": [
     "*.css"
   ],
-  "gitHead": "fcd00fbc7a95d4dc42ede67498058ec992b6b82a"
+  "gitHead": "d9a568677d1bd96093e53ff939314cb38eed5b00"
 }

package/styled-components/cjs/components/Button/Button.styles.js

@@ -91,16 +91,15 @@ var mergedConfig = (0, _engines.mergeConfig)(_Spinner.spinnerConfig);
 var Spinner = (0, _engines.component)(mergedConfig);
 var ButtonText = _styledcomponents.default.span.withConfig({
     displayName: "Button.styles__ButtonText",
-    componentId: "sc-b7c1e7a-0"
+    componentId: "sc-8625a921-0"
 })([
     "min-width:4ch;&.",
-    "{flex-grow:2;text-align:start;}color:var(",
-    ");",
+    "{flex-grow:2;text-align:start;}",
     ""
-], String(_Buttontokens.classes.contentRelaxed), _Buttontokens.tokens.buttonTextColor, (0, _mixins.applyEllipsis)());
+], String(_Buttontokens.classes.contentRelaxed), (0, _mixins.applyEllipsis)());
 var StyledAdditionalContent = _styledcomponents.default.div.withConfig({
     displayName: "Button.styles__StyledAdditionalContent",
-    componentId: "sc-b7c1e7a-1"
+    componentId: "sc-8625a921-1"
 })([
     "display:flex;align-items:center;margin:var(",
     ");&.",
@@ -110,7 +109,7 @@ var StyledAdditionalContent = _styledcomponents.default.div.withConfig({
 ], _Buttontokens.tokens.buttonAdditionalContentMargin, String(_Buttontokens.classes.contentRelaxed), _Buttontokens.classes.buttonHasValue, _Buttontokens.tokens.buttonAdditionalContentMarginRightWidthValue);
 var ButtonValue = _styledcomponents.default.span.withConfig({
     displayName: "Button.styles__ButtonValue",
-    componentId: "sc-b7c1e7a-2"
+    componentId: "sc-8625a921-2"
 })([
     "color:var(",
     ");margin:var(",
@@ -119,7 +118,7 @@ var ButtonValue = _styledcomponents.default.span.withConfig({
 ], _Buttontokens.tokens.buttonValueColor, _Buttontokens.tokens.buttonValueMargin, (0, _mixins.applyEllipsis)());
 var LoadWrap = _styledcomponents.default.div.withConfig({
     displayName: "Button.styles__LoadWrap",
-    componentId: "sc-b7c1e7a-3"
+    componentId: "sc-8625a921-3"
 })([
     "opacity:",
     ";display:flex;align-items:inherit;justify-content:",
@@ -133,13 +132,13 @@ var LoadWrap = _styledcomponents.default.div.withConfig({
 });
 var Loader = _styledcomponents.default.div.withConfig({
     displayName: "Button.styles__Loader",
-    componentId: "sc-b7c1e7a-4"
+    componentId: "sc-8625a921-4"
 })([
     "position:absolute;"
 ]);
 var StyledSpinner = (0, _styledcomponents.default)(Spinner).withConfig({
     displayName: "Button.styles__StyledSpinner",
-    componentId: "sc-b7c1e7a-5"
+    componentId: "sc-8625a921-5"
 })([
     "",
     ":var(",
@@ -149,7 +148,7 @@ var StyledSpinner = (0, _styledcomponents.default)(Spinner).withConfig({
 ], _Spinner.spinnerTokens.size, _Buttontokens.tokens.buttonSpinnerSize, _Spinner.spinnerTokens.color, _Buttontokens.tokens.buttonSpinnerColor);
 var StyledContentLeft = _styledcomponents.default.div.withConfig({
     displayName: "Button.styles__StyledContentLeft",
-    componentId: "sc-b7c1e7a-6"
+    componentId: "sc-8625a921-6"
 })([
     "display:flex;align-self:var(",
     ");color:var(",
@@ -161,7 +160,7 @@ var StyledContentLeft = _styledcomponents.default.div.withConfig({
 });
 var StyledContentRight = _styledcomponents.default.div.withConfig({
     displayName: "Button.styles__StyledContentRight",
-    componentId: "sc-b7c1e7a-7"
+    componentId: "sc-8625a921-7"
 })([
     "display:flex;align-self:var(",
     ");color:var(",

package/styled-components/cjs/components/Combobox/ComboboxNew/Combobox.js

@@ -267,6 +267,7 @@ var comboboxRoot = function(Root) {
         var _useState = _sliced_to_array((0, _react.useState)((0, _utils2.getTextValue)(multiple, outerValue, valueToItemMap, renderValue)), 2), textValue = _useState[0], setTextValue = _useState[1];
         var _useState1 = _sliced_to_array((0, _react.useState)(multiple ? [] : ''), 2), internalValue = _useState1[0], setInternalValue = _useState1[1];
         var value = outerValue !== null && outerValue !== undefined ? outerValue : internalValue;
+        var rootRef = (0, _react.useRef)(null);
         var inputRef = (0, _react.useRef)(null);
         var floatingPopoverRef = (0, _react.useRef)(null);
         var inputForkRef = (0, _plasmacore.useForkRef)(inputRef, ref);
@@ -301,15 +302,7 @@ var comboboxRoot = function(Root) {
             if (!isCurrentListOpen || alwaysOpened) {
                 return;
             }
-            dispatchPath({
-                type: 'reset'
-            });
-            dispatchFocusedPath({
-                type: 'reset'
-            });
-            if (onToggle) {
-                onToggle(false);
-            }
+            handleListToggle(false);
             // Возвращаем актуальное значение поля ввода после закрытия выпадающего списка.
             setTextValue((0, _utils2.getTextValue)(multiple, value, valueToItemMap, renderValue));
         }, floatingPopoverRef);
@@ -375,12 +368,18 @@ var comboboxRoot = function(Root) {
                     type: 'opened_first_level'
                 });
             } else {
+                var _rootRef_current;
                 dispatchFocusedPath({
                     type: 'reset'
                 });
                 dispatchPath({
                     type: 'reset'
                 });
+                // Скроллим чипы к левому краю при закрытии компонента
+                var el = rootRef === null || rootRef === void 0 ? void 0 : (_rootRef_current = rootRef.current) === null || _rootRef_current === void 0 ? void 0 : _rootRef_current.querySelector('.input-scrollable-wrapper');
+                if (multiple && value.length > 0 && el) {
+                    el.scrollLeft = 0;
+                }
             }
             if (onToggle) {
                 onToggle(opened);
@@ -591,7 +590,8 @@ var comboboxRoot = function(Root) {
             readOnly: readOnly,
             name: name,
             hintView: hintView,
-            hintSize: hintSize
+            hintSize: hintSize,
+            ref: rootRef
         }, name && /*#__PURE__*/ _react.default.createElement(_SelectNative.SelectNative, {
             items: valueToItemMap,
             name: name,

package/styled-components/cjs/components/Select/Select.js

@@ -270,6 +270,7 @@ var selectRoot = function(Root) {
         var treeId = (0, _utils.safeUseId)();
         var listWrapperRef = (0, _react.useRef)(null);
         var view = target === 'textfield-like' && (disabled || readOnly) ? 'default' : (0, _utils1.getView)(status, outerView);
+        var rootRef = (0, _react.useRef)(null);
         // Собираем объект с пропсами для required и прокидываем их напрямую в компонент Textfield.
         var requiredProps = props.target === 'button-like' ? undefined : {
             required: required,
@@ -292,15 +293,7 @@ var selectRoot = function(Root) {
             if (!isCurrentListOpen) {
                 return;
             }
-            dispatchPath({
-                type: 'reset'
-            });
-            dispatchFocusedPath({
-                type: 'reset'
-            });
-            if (onToggle) {
-                onToggle(false);
-            }
+            handleListToggle(false);
         }, floatingPopoverRef);
         var onChange = function(newValue, item) {
             if (props.onChange) {
@@ -328,12 +321,18 @@ var selectRoot = function(Root) {
                     type: 'opened_first_level'
                 });
             } else {
+                var _rootRef_current;
                 dispatchFocusedPath({
                     type: 'reset'
                 });
                 dispatchPath({
                     type: 'reset'
                 });
+                // Скроллим чипы к левому краю при закрытии компонента
+                var el = rootRef === null || rootRef === void 0 ? void 0 : (_rootRef_current = rootRef.current) === null || _rootRef_current === void 0 ? void 0 : _rootRef_current.querySelector('.input-scrollable-wrapper');
+                if (multiselect && value.length > 0 && el) {
+                    el.scrollLeft = 0;
+                }
             }
             if (onToggle) {
                 onToggle(opened);
@@ -503,7 +502,8 @@ var selectRoot = function(Root) {
             chipView: chipView,
             disabled: disabled,
             readOnly: readOnly,
-            id: id
+            id: id,
+            ref: rootRef
         }, rest), name && /*#__PURE__*/ _react.default.createElement(_SelectNative.SelectNative, {
             items: valueToItemMap,
             name: name,

package/styled-components/cjs/components/TextField/TextField.js

@@ -529,7 +529,7 @@ var textFieldRoot = function(Root) {
             tabIndex: -1,
             ref: contentRef,
             onKeyDown: handleContentKeyDown,
-            className: withHasChips
+            className: (0, _utils.cx)(withHasChips, _TextFieldtokens.classes.inputScrollableWrapper)
         }, Boolean(textBefore && isChipEnumeration) && /*#__PURE__*/ _react.default.createElement(_TextFieldstyles.StyledTextBefore, null, textBefore), Boolean(_chips === null || _chips === void 0 ? void 0 : _chips.length) && /*#__PURE__*/ _react.default.createElement(_ui.TextFieldChipNew, {
             chips: _chips,
             onChipClick: _onChipClick,

package/styled-components/cjs/components/TextField/TextField.tokens.js

@@ -33,6 +33,7 @@ var classes = {
     textFieldGroupItem: 'text-field-group-item',
     requiredAlignRight: 'required-align-right',
     inputWrapper: 'input-wrapper',
+    inputScrollableWrapper: 'input-scrollable-wrapper',
     inputTextEllipsis: 'textfield-input-text-ellipsis',
     contentRightCompensationMargin: 'textfield-content-right-compensation-margin',
     readOnlyInput: 'textfield-readonly-input'

package/styled-components/cjs/examples/components/Button/Button.config.js

@@ -24,12 +24,14 @@ var config = {
                 ":var(--inverse-text-primary);",
                 ":var(--inverse-text-primary);",
                 ":var(--inverse-text-secondary);",
-                ":var(--surface-solid-default);",
+                ":var(--surface-solid-default-brightness);",
+                ":var(--surface-solid-default-hover-brightness);",
+                ":var(--surface-solid-default-active-brightness);",
                 ":var(",
                 ");",
                 ":var(--inverse-text-primary-hover);",
                 ":var(--inverse-text-primary-active);"
-            ], _Button.buttonTokens.buttonColor, _Button.buttonTokens.buttonTextColor, _Button.buttonTokens.buttonIconColor, _Button.buttonTokens.buttonValueColor, _Button.buttonTokens.buttonBackgroundColor, _Button.buttonTokens.buttonLoadingBackgroundColor, _Button.buttonTokens.buttonBackgroundColor, _Button.buttonTokens.buttonColorHover, _Button.buttonTokens.buttonColorActive),
+            ], _Button.buttonTokens.buttonColor, _Button.buttonTokens.buttonTextColor, _Button.buttonTokens.buttonIconColor, _Button.buttonTokens.buttonValueColor, _Button.buttonTokens.buttonBackgroundColor, _Button.buttonTokens.buttonBackgroundColorHover, _Button.buttonTokens.buttonBackgroundColorActive, _Button.buttonTokens.buttonLoadingBackgroundColor, _Button.buttonTokens.buttonBackgroundColor, _Button.buttonTokens.buttonColorHover, _Button.buttonTokens.buttonColorActive),
             accent: (0, _styledcomponents.css)([
                 "",
                 ":var(--on-dark-text-primary);",

package/styled-components/es/components/Button/Button.styles.js

@@ -9,16 +9,15 @@ var mergedConfig = mergeConfig(spinnerConfig);
 var Spinner = component(mergedConfig);
 export var ButtonText = styled.span.withConfig({
     displayName: "Button.styles__ButtonText",
-    componentId: "sc-b7c1e7a-0"
+    componentId: "sc-8625a921-0"
 })([
     "min-width:4ch;&.",
-    "{flex-grow:2;text-align:start;}color:var(",
-    ");",
+    "{flex-grow:2;text-align:start;}",
     ""
-], String(classes.contentRelaxed), tokens.buttonTextColor, applyEllipsis());
+], String(classes.contentRelaxed), applyEllipsis());
 export var StyledAdditionalContent = styled.div.withConfig({
     displayName: "Button.styles__StyledAdditionalContent",
-    componentId: "sc-b7c1e7a-1"
+    componentId: "sc-8625a921-1"
 })([
     "display:flex;align-items:center;margin:var(",
     ");&.",
@@ -28,7 +27,7 @@ export var StyledAdditionalContent = styled.div.withConfig({
 ], tokens.buttonAdditionalContentMargin, String(classes.contentRelaxed), classes.buttonHasValue, tokens.buttonAdditionalContentMarginRightWidthValue);
 export var ButtonValue = styled.span.withConfig({
     displayName: "Button.styles__ButtonValue",
-    componentId: "sc-b7c1e7a-2"
+    componentId: "sc-8625a921-2"
 })([
     "color:var(",
     ");margin:var(",
@@ -38,7 +37,7 @@ export var ButtonValue = styled.span.withConfig({
 // TODO: #720
 export var LoadWrap = styled.div.withConfig({
     displayName: "Button.styles__LoadWrap",
-    componentId: "sc-b7c1e7a-3"
+    componentId: "sc-8625a921-3"
 })([
     "opacity:",
     ";display:flex;align-items:inherit;justify-content:",
@@ -52,13 +51,13 @@ export var LoadWrap = styled.div.withConfig({
 });
 export var Loader = styled.div.withConfig({
     displayName: "Button.styles__Loader",
-    componentId: "sc-b7c1e7a-4"
+    componentId: "sc-8625a921-4"
 })([
     "position:absolute;"
 ]);
 export var StyledSpinner = styled(Spinner).withConfig({
     displayName: "Button.styles__StyledSpinner",
-    componentId: "sc-b7c1e7a-5"
+    componentId: "sc-8625a921-5"
 })([
     "",
     ":var(",
@@ -68,7 +67,7 @@ export var StyledSpinner = styled(Spinner).withConfig({
 ], spinnerTokens.size, tokens.buttonSpinnerSize, spinnerTokens.color, tokens.buttonSpinnerColor);
 export var StyledContentLeft = styled.div.withConfig({
     displayName: "Button.styles__StyledContentLeft",
-    componentId: "sc-b7c1e7a-6"
+    componentId: "sc-8625a921-6"
 })([
     "display:flex;align-self:var(",
     ");color:var(",
@@ -80,7 +79,7 @@ export var StyledContentLeft = styled.div.withConfig({
 });
 export var StyledContentRight = styled.div.withConfig({
     displayName: "Button.styles__StyledContentRight",
-    componentId: "sc-b7c1e7a-7"
+    componentId: "sc-8625a921-7"
 })([
     "display:flex;align-self:var(",
     ");color:var(",

package/styled-components/es/components/Combobox/ComboboxNew/Combobox.js

@@ -210,6 +210,7 @@ import { Context } from "./Combobox.context";
         var _useState = _sliced_to_array(useState(getTextValue(multiple, outerValue, valueToItemMap, renderValue)), 2), textValue = _useState[0], setTextValue = _useState[1];
         var _useState1 = _sliced_to_array(useState(multiple ? [] : ''), 2), internalValue = _useState1[0], setInternalValue = _useState1[1];
         var value = outerValue !== null && outerValue !== undefined ? outerValue : internalValue;
+        var rootRef = useRef(null);
         var inputRef = useRef(null);
         var floatingPopoverRef = useRef(null);
         var inputForkRef = useForkRef(inputRef, ref);
@@ -244,15 +245,7 @@ import { Context } from "./Combobox.context";
             if (!isCurrentListOpen || alwaysOpened) {
                 return;
             }
-            dispatchPath({
-                type: 'reset'
-            });
-            dispatchFocusedPath({
-                type: 'reset'
-            });
-            if (onToggle) {
-                onToggle(false);
-            }
+            handleListToggle(false);
             // Возвращаем актуальное значение поля ввода после закрытия выпадающего списка.
             setTextValue(getTextValue(multiple, value, valueToItemMap, renderValue));
         }, floatingPopoverRef);
@@ -318,12 +311,18 @@ import { Context } from "./Combobox.context";
                     type: 'opened_first_level'
                 });
             } else {
+                var _rootRef_current;
                 dispatchFocusedPath({
                     type: 'reset'
                 });
                 dispatchPath({
                     type: 'reset'
                 });
+                // Скроллим чипы к левому краю при закрытии компонента
+                var el = rootRef === null || rootRef === void 0 ? void 0 : (_rootRef_current = rootRef.current) === null || _rootRef_current === void 0 ? void 0 : _rootRef_current.querySelector('.input-scrollable-wrapper');
+                if (multiple && value.length > 0 && el) {
+                    el.scrollLeft = 0;
+                }
             }
             if (onToggle) {
                 onToggle(opened);
@@ -534,7 +533,8 @@ import { Context } from "./Combobox.context";
             readOnly: readOnly,
             name: name,
             hintView: hintView,
-            hintSize: hintSize
+            hintSize: hintSize,
+            ref: rootRef
         }, name && /*#__PURE__*/ React.createElement(SelectNative, {
             items: valueToItemMap,
             name: name,

package/styled-components/es/components/Select/Select.js

@@ -213,6 +213,7 @@ import { Context } from "./Select.context";
         var treeId = safeUseId();
         var listWrapperRef = useRef(null);
         var view = target === 'textfield-like' && (disabled || readOnly) ? 'default' : getView(status, outerView);
+        var rootRef = useRef(null);
         // Собираем объект с пропсами для required и прокидываем их напрямую в компонент Textfield.
         var requiredProps = props.target === 'button-like' ? undefined : {
             required: required,
@@ -235,15 +236,7 @@ import { Context } from "./Select.context";
             if (!isCurrentListOpen) {
                 return;
             }
-            dispatchPath({
-                type: 'reset'
-            });
-            dispatchFocusedPath({
-                type: 'reset'
-            });
-            if (onToggle) {
-                onToggle(false);
-            }
+            handleListToggle(false);
         }, floatingPopoverRef);
         var onChange = function(newValue, item) {
             if (props.onChange) {
@@ -271,12 +264,18 @@ import { Context } from "./Select.context";
                     type: 'opened_first_level'
                 });
             } else {
+                var _rootRef_current;
                 dispatchFocusedPath({
                     type: 'reset'
                 });
                 dispatchPath({
                     type: 'reset'
                 });
+                // Скроллим чипы к левому краю при закрытии компонента
+                var el = rootRef === null || rootRef === void 0 ? void 0 : (_rootRef_current = rootRef.current) === null || _rootRef_current === void 0 ? void 0 : _rootRef_current.querySelector('.input-scrollable-wrapper');
+                if (multiselect && value.length > 0 && el) {
+                    el.scrollLeft = 0;
+                }
             }
             if (onToggle) {
                 onToggle(opened);
@@ -446,7 +445,8 @@ import { Context } from "./Select.context";
             chipView: chipView,
             disabled: disabled,
             readOnly: readOnly,
-            id: id
+            id: id,
+            ref: rootRef
         }, rest), name && /*#__PURE__*/ React.createElement(SelectNative, {
             items: valueToItemMap,
             name: name,

package/styled-components/es/components/TextField/TextField.js

@@ -467,7 +467,7 @@ export var textFieldRoot = function(Root) {
             tabIndex: -1,
             ref: contentRef,
             onKeyDown: handleContentKeyDown,
-            className: withHasChips
+            className: cx(withHasChips, classes.inputScrollableWrapper)
         }, Boolean(textBefore && isChipEnumeration) && /*#__PURE__*/ React.createElement(StyledTextBefore, null, textBefore), Boolean(_chips === null || _chips === void 0 ? void 0 : _chips.length) && /*#__PURE__*/ React.createElement(TextFieldChipNew, {
             chips: _chips,
             onChipClick: _onChipClick,

package/styled-components/es/components/TextField/TextField.tokens.js

@@ -15,6 +15,7 @@ export var classes = {
     textFieldGroupItem: 'text-field-group-item',
     requiredAlignRight: 'required-align-right',
     inputWrapper: 'input-wrapper',
+    inputScrollableWrapper: 'input-scrollable-wrapper',
     inputTextEllipsis: 'textfield-input-text-ellipsis',
     contentRightCompensationMargin: 'textfield-content-right-compensation-margin',
     readOnlyInput: 'textfield-readonly-input'

package/styled-components/es/examples/components/Button/Button.config.js

@@ -14,12 +14,14 @@ export var config = {
                 ":var(--inverse-text-primary);",
                 ":var(--inverse-text-primary);",
                 ":var(--inverse-text-secondary);",
-                ":var(--surface-solid-default);",
+                ":var(--surface-solid-default-brightness);",
+                ":var(--surface-solid-default-hover-brightness);",
+                ":var(--surface-solid-default-active-brightness);",
                 ":var(",
                 ");",
                 ":var(--inverse-text-primary-hover);",
                 ":var(--inverse-text-primary-active);"
-            ], buttonTokens.buttonColor, buttonTokens.buttonTextColor, buttonTokens.buttonIconColor, buttonTokens.buttonValueColor, buttonTokens.buttonBackgroundColor, buttonTokens.buttonLoadingBackgroundColor, buttonTokens.buttonBackgroundColor, buttonTokens.buttonColorHover, buttonTokens.buttonColorActive),
+            ], buttonTokens.buttonColor, buttonTokens.buttonTextColor, buttonTokens.buttonIconColor, buttonTokens.buttonValueColor, buttonTokens.buttonBackgroundColor, buttonTokens.buttonBackgroundColorHover, buttonTokens.buttonBackgroundColorActive, buttonTokens.buttonLoadingBackgroundColor, buttonTokens.buttonBackgroundColor, buttonTokens.buttonColorHover, buttonTokens.buttonColorActive),
             accent: css([
                 "",
                 ":var(--on-dark-text-primary);",

package/styled-components/es/examples/components/Combobox/Combobox.js

@@ -1,7 +0,0 @@
-import { component, mergeConfig } from "../../../engines";
-import { comboboxNewConfig } from "../../..";
-import { config } from "./Combobox.config";
-var mergedConfig = mergeConfig(comboboxNewConfig, config);
-var ComboboxComponent = component(mergedConfig);
-var Combobox = ComboboxComponent;
-export { Combobox };

package/types/components/Button/Button.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Button.styles.d.ts","sourceRoot":"","sources":["../../../src/components/Button/Button.styles.ts"],"names":[],"mappings":"AAaA,eAAO,MAAM,UAAU,uKAWtB,CAAC;AAEF,eAAO,MAAM,uBAAuB,qKAanC,CAAC;AAEF,eAAO,MAAM,WAAW,uKAQvB,CAAC;AAGF,eAAO,MAAM,QAAQ;oBAAgC,MAAM;gBAAc,OAAO;EAO/E,CAAC;AAEF,eAAO,MAAM,MAAM,qKAElB,CAAC;AAEF,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;oDAGzB,CAAC;AAEF,eAAO,MAAM,iBAAiB;uBAAmC,OAAO;EAMvE,CAAC;AAEF,eAAO,MAAM,kBAAkB;uBAAmC,OAAO;EAMxE,CAAC;AAEF,eAAO,MAAM,IAAI,0CA0BhB,CAAC;AAGF,eAAO,MAAM,WAAW,QA6FvB,CAAC"}
+{"version":3,"file":"Button.styles.d.ts","sourceRoot":"","sources":["../../../src/components/Button/Button.styles.ts"],"names":[],"mappings":"AAaA,eAAO,MAAM,UAAU,uKAStB,CAAC;AAEF,eAAO,MAAM,uBAAuB,qKAanC,CAAC;AAEF,eAAO,MAAM,WAAW,uKAQvB,CAAC;AAGF,eAAO,MAAM,QAAQ;oBAAgC,MAAM;gBAAc,OAAO;EAO/E,CAAC;AAEF,eAAO,MAAM,MAAM,qKAElB,CAAC;AAEF,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;oDAGzB,CAAC;AAEF,eAAO,MAAM,iBAAiB;uBAAmC,OAAO;EAMvE,CAAC;AAEF,eAAO,MAAM,kBAAkB;uBAAmC,OAAO;EAMxE,CAAC;AAEF,eAAO,MAAM,IAAI,0CA0BhB,CAAC;AAGF,eAAO,MAAM,WAAW,QA6FvB,CAAC"}

package/types/components/Combobox/ComboboxNew/Combobox.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Combobox.d.ts","sourceRoot":"","sources":["../../../../src/components/Combobox/ComboboxNew/Combobox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA6E,MAAM,OAAO,CAAC;AAIlG,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AA6BxC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAOtD;;GAEG;AAEH,eAAO,MAAM,YAAY,SAAU,SAAS,CAAC,gBAAgB,EAAE,IAAI,CAAC,aAAa,EAAE,OAAO,CAAC,CAAC,2FAsjBtF,CAAC;AAEP,eAAO,MAAM,cAAc;;;mBAxjBQ,SAAS,CAAC,gBAAgB,EAAE,IAAI,CAAC,aAAa,EAAE,OAAO,CAAC,CAAC;;;;;;;;;;;;;;;;;;CA6kB3F,CAAC"}
+{"version":3,"file":"Combobox.d.ts","sourceRoot":"","sources":["../../../../src/components/Combobox/ComboboxNew/Combobox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA6E,MAAM,OAAO,CAAC;AAIlG,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AA6BxC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAOtD;;GAEG;AAEH,eAAO,MAAM,YAAY,SAAU,SAAS,CAAC,gBAAgB,EAAE,IAAI,CAAC,aAAa,EAAE,OAAO,CAAC,CAAC,2FA0jBtF,CAAC;AAEP,eAAO,MAAM,cAAc;;;mBA5jBQ,SAAS,CAAC,gBAAgB,EAAE,IAAI,CAAC,aAAa,EAAE,OAAO,CAAC,CAAC;;;;;;;;;;;;;;;;;;CAilB3F,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../src/components/Select/Select.tsx"],"names":[],"mappings":"AAAA,OAAO,KASN,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAYxC,OAAO,KAAK,EAAE,iBAAiB,EAAiB,MAAM,gBAAgB,CAAC;AAMvE;;GAEG;AACH,eAAO,MAAM,UAAU,SAAU,SAAS,CAAC,iBAAiB,EAAE,IAAI,CAAC,iBAAiB,EAAE,OAAO,CAAC,CAAC,gGAqezF,CAAC;AAEP,eAAO,MAAM,YAAY;;;mBAveQ,SAAS,CAAC,iBAAiB,EAAE,IAAI,CAAC,iBAAiB,EAAE,OAAO,CAAC,CAAC;;;;;;;;;CAmf9F,CAAC"}
+{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../src/components/Select/Select.tsx"],"names":[],"mappings":"AAAA,OAAO,KASN,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAYxC,OAAO,KAAK,EAAE,iBAAiB,EAAiB,MAAM,gBAAgB,CAAC;AAMvE;;GAEG;AACH,eAAO,MAAM,UAAU,SAAU,SAAS,CAAC,iBAAiB,EAAE,IAAI,CAAC,iBAAiB,EAAE,OAAO,CAAC,CAAC,gGAwezF,CAAC;AAEP,eAAO,MAAM,YAAY;;;mBA1eQ,SAAS,CAAC,iBAAiB,EAAE,IAAI,CAAC,iBAAiB,EAAE,OAAO,CAAC,CAAC;;;;;;;;;CAsf9F,CAAC"}

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

@@ -14,6 +14,7 @@ export declare const classes: {
     textFieldGroupItem: string;
     requiredAlignRight: string;
     inputWrapper: string;
+    inputScrollableWrapper: string;
     inputTextEllipsis: string;
     contentRightCompensationMargin: string;
     readOnlyInput: string;

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

@@ -1 +1 @@
-{"version":3,"file":"TextField.tokens.d.ts","sourceRoot":"","sources":["../../../src/components/TextField/TextField.tokens.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,OAAO;;;;;;;;;;;;;;;;;;;CAmBnB,CAAC;AAEF,eAAO,MAAM,MAAM;;;;;;;;;;;;;IAiBf,oCAAoC;;;;;;IAOpC,mBAAmB;;;;;;;;;;IAYnB,kCAAkC;;;;;;;;;;;;;;;;;;;;IA4BlC,oBAAoB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IA8CpB,qCAAqC;;;;;IAMrC,6DAA6D;;;IAI7D,yBAAyB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAgCzB,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8CrB,CAAC"}
+{"version":3,"file":"TextField.tokens.d.ts","sourceRoot":"","sources":["../../../src/components/TextField/TextField.tokens.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;CAoBnB,CAAC;AAEF,eAAO,MAAM,MAAM;;;;;;;;;;;;;IAiBf,oCAAoC;;;;;;IAOpC,mBAAmB;;;;;;;;;;IAYnB,kCAAkC;;;;;;;;;;;;;;;;;;;;IA4BlC,oBAAoB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IA8CpB,qCAAqC;;;;;IAMrC,6DAA6D;;;IAI7D,yBAAyB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAgCzB,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8CrB,CAAC"}

package/types/examples/components/Button/Button.config.d.ts.map

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