@salutejs/sdds-serv 0.367.0-next-sbcom.0 → 0.367.0

package/dist/styled-components/es/components/TextFieldGroup/TextFieldGroup.config.js

@@ -1,4 +1,5 @@
 import { css, textFieldGroupTokens as tokens } from '@salutejs/plasma-new-hope/styled-components';
+import { bodyL, bodyM, bodyS, bodyXS } from '@salutejs/sdds-themes/tokens/sdds_serv';
 export const config = {
     defaults: {
         size: 'm'
@@ -20,28 +21,28 @@ export const config = {
                 ${tokens.textBeforeMargin}: 0 0.25rem 0 0;
                 ${tokens.textAfterMargin}: 0 0 0 0.25rem;
 
-                ${tokens.fontFamily}: var(--plasma-typo-body-l-font-family);
-                ${tokens.fontSize}: var(--plasma-typo-body-l-font-size);
-                ${tokens.fontStyle}: var(--plasma-typo-body-l-font-style);
-                ${tokens.fontWeight}: var(--plasma-typo-body-l-font-weight);
-                ${tokens.letterSpacing}: var(--plasma-typo-body-l-letter-spacing);
-                ${tokens.lineHeight}: var(--plasma-typo-body-l-line-height);
+                ${tokens.fontFamily}: ${bodyL.fontFamily};
+                ${tokens.fontSize}: ${bodyL.fontSize};
+                ${tokens.fontStyle}: ${bodyL.fontStyle};
+                ${tokens.fontWeight}: ${bodyL.fontWeight};
+                ${tokens.letterSpacing}: ${bodyL.letterSpacing};
+                ${tokens.lineHeight}: ${bodyL.lineHeight};
 
                 ${tokens.labelOffset}: 0.75rem;
-                ${tokens.labelFontFamily}: var(--plasma-typo-body-l-font-family);
-                ${tokens.labelFontSize}: var(--plasma-typo-body-l-font-size);
-                ${tokens.labelFontStyle}: var(--plasma-typo-body-l-font-style);
-                ${tokens.labelFontWeight}: var(--plasma-typo-body-l-font-weight);
-                ${tokens.labelLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);
-                ${tokens.labelLineHeight}: var(--plasma-typo-body-l-line-height);
-
-                ${tokens.leftHelperPadding}: 0.25rem 0 0 0;
-                ${tokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
-                ${tokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
-                ${tokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
-                ${tokens.leftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight);
-                ${tokens.leftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
-                ${tokens.leftHelperLineHeight}: var(--plasma-typo-body-xs-line-height);
+                ${tokens.labelFontFamily}: ${bodyL.fontFamily};
+                ${tokens.labelFontSize}: ${bodyL.fontSize};
+                ${tokens.labelFontStyle}: ${bodyL.fontStyle};
+                ${tokens.labelFontWeight}: ${bodyL.fontWeight};
+                ${tokens.labelLetterSpacing}: ${bodyL.letterSpacing};
+                ${tokens.labelLineHeight}: ${bodyL.lineHeight};
+
+                ${tokens.leftHelperOffset}: 0.25rem 0 0 0;
+                ${tokens.leftHelperFontFamily}: ${bodyXS.fontFamily};
+                ${tokens.leftHelperFontSize}: ${bodyXS.fontSize};
+                ${tokens.leftHelperFontStyle}: ${bodyXS.fontStyle};
+                ${tokens.leftHelperFontWeight}: ${bodyXS.fontWeight};
+                ${tokens.leftHelperLetterSpacing}: ${bodyXS.letterSpacing};
+                ${tokens.leftHelperLineHeight}: ${bodyXS.lineHeight};
 
                 ${tokens.labelInnerPadding}: 0.5625rem 0 0.125rem 0;
                 ${tokens.contentLabelInnerPadding}: 1.5625rem 0 0.5625rem 0;
@@ -54,12 +55,12 @@ export const config = {
                 ${tokens.chipClearContentMarginLeft}: 0.625rem;
                 ${tokens.chipClearContentMarginRight}: 0rem;
                 ${tokens.chipCloseIconSize}: 1.5rem;
-                ${tokens.chipFontFamily}: var(--plasma-typo-body-l-font-family);
-                ${tokens.chipFontSize}: var(--plasma-typo-body-l-font-size);
-                ${tokens.chipFontStyle}: var(--plasma-typo-body-l-font-style);
-                ${tokens.chipFontWeight}: var(--plasma-typo-body-l-font-weight);
-                ${tokens.chipLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);
-                ${tokens.chipLineHeight}: var(--plasma-typo-body-l-line-height);
+                ${tokens.chipFontFamily}: ${bodyL.fontFamily};
+                ${tokens.chipFontSize}: ${bodyL.fontSize};
+                ${tokens.chipFontStyle}: ${bodyL.fontStyle};
+                ${tokens.chipFontWeight}: ${bodyL.fontWeight};
+                ${tokens.chipLetterSpacing}: ${bodyL.letterSpacing};
+                ${tokens.chipLineHeight}: ${bodyL.lineHeight};
             `,
             m: css`
                 ${tokens.textFieldDefaultRadius}: 0.75rem;
@@ -76,28 +77,28 @@ export const config = {
                 ${tokens.textBeforeMargin}: 0 0.25rem 0 0;
                 ${tokens.textAfterMargin}: 0 0 0 0.25rem;
 
-                ${tokens.fontFamily}: var(--plasma-typo-body-m-font-family);
-                ${tokens.fontSize}: var(--plasma-typo-body-m-font-size);
-                ${tokens.fontStyle}: var(--plasma-typo-body-m-font-style);
-                ${tokens.fontWeight}: var(--plasma-typo-body-m-font-weight);
-                ${tokens.letterSpacing}: var(--plasma-typo-body-m-letter-spacing);
-                ${tokens.lineHeight}: var(--plasma-typo-body-m-line-height);
+                ${tokens.fontFamily}: ${bodyM.fontFamily};
+                ${tokens.fontSize}: ${bodyM.fontSize};
+                ${tokens.fontStyle}: ${bodyM.fontStyle};
+                ${tokens.fontWeight}: ${bodyM.fontWeight};
+                ${tokens.letterSpacing}: ${bodyM.letterSpacing};
+                ${tokens.lineHeight}: ${bodyM.lineHeight};
 
                 ${tokens.labelOffset}: 0.625rem;
-                ${tokens.labelFontFamily}: var(--plasma-typo-body-m-font-family);
-                ${tokens.labelFontSize}: var(--plasma-typo-body-m-font-size);
-                ${tokens.labelFontStyle}: var(--plasma-typo-body-m-font-style);
-                ${tokens.labelFontWeight}: var(--plasma-typo-body-m-font-weight);
-                ${tokens.labelLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);
-                ${tokens.labelLineHeight}: var(--plasma-typo-body-m-line-height);
-
-                ${tokens.leftHelperPadding}: 0.25rem 0 0 0;
-                ${tokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
-                ${tokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
-                ${tokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
-                ${tokens.leftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight);
-                ${tokens.leftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
-                ${tokens.leftHelperLineHeight}: var(--plasma-typo-body-xs-line-height);
+                ${tokens.labelFontFamily}: ${bodyM.fontFamily};
+                ${tokens.labelFontSize}: ${bodyM.fontSize};
+                ${tokens.labelFontStyle}: ${bodyM.fontStyle};
+                ${tokens.labelFontWeight}: ${bodyM.fontWeight};
+                ${tokens.labelLetterSpacing}: ${bodyM.letterSpacing};
+                ${tokens.labelLineHeight}: ${bodyM.lineHeight};
+
+                ${tokens.leftHelperOffset}: 0.25rem 0 0 0;
+                ${tokens.leftHelperFontFamily}: ${bodyXS.fontFamily};
+                ${tokens.leftHelperFontSize}: ${bodyXS.fontSize};
+                ${tokens.leftHelperFontStyle}: ${bodyXS.fontStyle};
+                ${tokens.leftHelperFontWeight}: ${bodyXS.fontWeight};
+                ${tokens.leftHelperLetterSpacing}: ${bodyXS.letterSpacing};
+                ${tokens.leftHelperLineHeight}: ${bodyXS.lineHeight};
 
                 ${tokens.labelInnerPadding}: 0.375rem 0 0.125rem 0;
                 ${tokens.contentLabelInnerPadding}: 1.375rem 0 0.375rem 0;
@@ -110,12 +111,12 @@ export const config = {
                 ${tokens.chipClearContentMarginLeft}: 0.5rem;
                 ${tokens.chipClearContentMarginRight}: 0rem;
                 ${tokens.chipCloseIconSize}: 1.25rem;
-                ${tokens.chipFontFamily}: var(--plasma-typo-body-m-font-family);
-                ${tokens.chipFontSize}: var(--plasma-typo-body-m-font-size);
-                ${tokens.chipFontStyle}: var(--plasma-typo-body-m-font-style);
-                ${tokens.chipFontWeight}: var(--plasma-typo-body-m-font-weight);
-                ${tokens.chipLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);
-                ${tokens.chipLineHeight}: var(--plasma-typo-body-m-line-height);
+                ${tokens.chipFontFamily}: ${bodyM.fontFamily};
+                ${tokens.chipFontSize}: ${bodyM.fontSize};
+                ${tokens.chipFontStyle}: ${bodyM.fontStyle};
+                ${tokens.chipFontWeight}: ${bodyM.fontWeight};
+                ${tokens.chipLetterSpacing}: ${bodyM.letterSpacing};
+                ${tokens.chipLineHeight}: ${bodyM.lineHeight};
             `,
             s: css`
                 ${tokens.textFieldSegmentedRadius}: 0.25rem;
@@ -132,28 +133,28 @@ export const config = {
                 ${tokens.textBeforeMargin}: 0 0.25rem 0 0;
                 ${tokens.textAfterMargin}: 0 0 0 0.25rem;
 
-                ${tokens.fontFamily}: var(--plasma-typo-body-s-font-family);
-                ${tokens.fontSize}: var(--plasma-typo-body-s-font-size);
-                ${tokens.fontStyle}: var(--plasma-typo-body-s-font-style);
-                ${tokens.fontWeight}: var(--plasma-typo-body-s-font-weight);
-                ${tokens.letterSpacing}: var(--plasma-typo-body-s-letter-spacing);
-                ${tokens.lineHeight}: var(--plasma-typo-body-s-line-height);
+                ${tokens.fontFamily}: ${bodyS.fontFamily};
+                ${tokens.fontSize}: ${bodyS.fontSize};
+                ${tokens.fontStyle}: ${bodyS.fontStyle};
+                ${tokens.fontWeight}: ${bodyS.fontWeight};
+                ${tokens.letterSpacing}: ${bodyS.letterSpacing};
+                ${tokens.lineHeight}: ${bodyS.lineHeight};
 
                 ${tokens.labelOffset}: 0.5rem;
-                ${tokens.labelFontFamily}: var(--plasma-typo-body-s-font-family);
-                ${tokens.labelFontSize}: var(--plasma-typo-body-s-font-size);
-                ${tokens.labelFontStyle}: var(--plasma-typo-body-s-font-style);
-                ${tokens.labelFontWeight}: var(--plasma-typo-body-s-font-weight);
-                ${tokens.labelLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);
-                ${tokens.labelLineHeight}: var(--plasma-typo-body-s-line-height);
-
-                ${tokens.leftHelperPadding}: 0.25rem 0 0 0;
-                ${tokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
-                ${tokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
-                ${tokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
-                ${tokens.leftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight);
-                ${tokens.leftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
-                ${tokens.leftHelperLineHeight}: var(--plasma-typo-body-xs-line-height);
+                ${tokens.labelFontFamily}: ${bodyS.fontFamily};
+                ${tokens.labelFontSize}: ${bodyS.fontSize};
+                ${tokens.labelFontStyle}: ${bodyS.fontStyle};
+                ${tokens.labelFontWeight}: ${bodyS.fontWeight};
+                ${tokens.labelLetterSpacing}: ${bodyS.letterSpacing};
+                ${tokens.labelLineHeight}: ${bodyS.lineHeight};
+
+                ${tokens.leftHelperOffset}: 0.25rem 0 0 0;
+                ${tokens.leftHelperFontFamily}: ${bodyXS.fontFamily};
+                ${tokens.leftHelperFontSize}: ${bodyXS.fontSize};
+                ${tokens.leftHelperFontStyle}: ${bodyXS.fontStyle};
+                ${tokens.leftHelperFontWeight}: ${bodyXS.fontWeight};
+                ${tokens.leftHelperLetterSpacing}: ${bodyXS.letterSpacing};
+                ${tokens.leftHelperLineHeight}: ${bodyXS.lineHeight};
 
                 ${tokens.labelInnerPadding}: 0.3125rem 0 0 0;
                 ${tokens.contentLabelInnerPadding}: 1.0625rem 0 0.3125rem 0;
@@ -166,12 +167,12 @@ export const config = {
                 ${tokens.chipClearContentMarginLeft}: 0.375rem;
                 ${tokens.chipClearContentMarginRight}: 0rem;
                 ${tokens.chipCloseIconSize}: 1rem;
-                ${tokens.chipFontFamily}: var(--plasma-typo-body-s-font-family);
-                ${tokens.chipFontSize}: var(--plasma-typo-body-s-font-size);
-                ${tokens.chipFontStyle}: var(--plasma-typo-body-s-font-style);
-                ${tokens.chipFontWeight}: var(--plasma-typo-body-s-font-weight);
-                ${tokens.chipLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);
-                ${tokens.chipLineHeight}: var(--plasma-typo-body-s-line-height);
+                ${tokens.chipFontFamily}: ${bodyS.fontFamily};
+                ${tokens.chipFontSize}: ${bodyS.fontSize};
+                ${tokens.chipFontStyle}: ${bodyS.fontStyle};
+                ${tokens.chipFontWeight}: ${bodyS.fontWeight};
+                ${tokens.chipLetterSpacing}: ${bodyS.letterSpacing};
+                ${tokens.chipLineHeight}: ${bodyS.lineHeight};
             `,
             xs: css`
                 ${tokens.textFieldSegmentedRadius}: 0.125rem;
@@ -188,28 +189,28 @@ export const config = {
                 ${tokens.textBeforeMargin}: 0 0.25rem 0 0;
                 ${tokens.textAfterMargin}: 0 0 0 0.25rem;
 
-                ${tokens.fontFamily}: var(--plasma-typo-body-xs-font-family);
-                ${tokens.fontSize}: var(--plasma-typo-body-xs-font-size);
-                ${tokens.fontStyle}: var(--plasma-typo-body-xs-font-style);
-                ${tokens.fontWeight}: var(--plasma-typo-body-xs-font-weight);
-                ${tokens.letterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
-                ${tokens.lineHeight}: var(--plasma-typo-body-xs-line-height);
+                ${tokens.fontFamily}: ${bodyXS.fontFamily};
+                ${tokens.fontSize}: ${bodyXS.fontSize};
+                ${tokens.fontStyle}: ${bodyXS.fontStyle};
+                ${tokens.fontWeight}: ${bodyXS.fontWeight};
+                ${tokens.letterSpacing}: ${bodyXS.letterSpacing};
+                ${tokens.lineHeight}: ${bodyXS.lineHeight};
 
                 ${tokens.labelOffset}: 0.375rem;
-                ${tokens.labelFontFamily}: var(--plasma-typo-body-xs-font-family);
-                ${tokens.labelFontSize}: var(--plasma-typo-body-xs-font-size);
-                ${tokens.labelFontStyle}: var(--plasma-typo-body-xs-font-style);
-                ${tokens.labelFontWeight}: var(--plasma-typo-body-xs-font-weight);
-                ${tokens.labelLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
-                ${tokens.labelLineHeight}: var(--plasma-typo-body-xs-line-height);
-
-                ${tokens.leftHelperPadding}: 0.25rem 0 0 0;
-                ${tokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
-                ${tokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
-                ${tokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
-                ${tokens.leftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight);
-                ${tokens.leftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
-                ${tokens.leftHelperLineHeight}: var(--plasma-typo-body-xs-line-height);
+                ${tokens.labelFontFamily}: ${bodyXS.fontFamily};
+                ${tokens.labelFontSize}: ${bodyXS.fontSize};
+                ${tokens.labelFontStyle}: ${bodyXS.fontStyle};
+                ${tokens.labelFontWeight}: ${bodyXS.fontWeight};
+                ${tokens.labelLetterSpacing}: ${bodyXS.letterSpacing};
+                ${tokens.labelLineHeight}: ${bodyXS.lineHeight};
+
+                ${tokens.leftHelperOffset}: 0.25rem 0 0 0;
+                ${tokens.leftHelperFontFamily}: ${bodyXS.fontFamily};
+                ${tokens.leftHelperFontSize}: ${bodyXS.fontSize};
+                ${tokens.leftHelperFontStyle}: ${bodyXS.fontStyle};
+                ${tokens.leftHelperFontWeight}: ${bodyXS.fontWeight};
+                ${tokens.leftHelperLetterSpacing}: ${bodyXS.letterSpacing};
+                ${tokens.leftHelperLineHeight}: ${bodyXS.lineHeight};
 
                 ${tokens.labelInnerPadding}: 0.3125rem 0 0 0;
                 ${tokens.contentLabelInnerPadding}: 1.0625rem 0 0.3125rem 0;
@@ -222,12 +223,12 @@ export const config = {
                 ${tokens.chipClearContentMarginLeft}: 0.25rem;
                 ${tokens.chipClearContentMarginRight}: 0rem;
                 ${tokens.chipCloseIconSize}: 0.75rem;
-                ${tokens.chipFontFamily}: var(--plasma-typo-body-xs-font-family);
-                ${tokens.chipFontSize}: var(--plasma-typo-body-xs-font-size);
-                ${tokens.chipFontStyle}: var(--plasma-typo-body-xs-font-style);
-                ${tokens.chipFontWeight}: var(--plasma-typo-body-xs-font-weight);
-                ${tokens.chipLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
-                ${tokens.chipLineHeight}: var(--plasma-typo-body-xs-line-height);
+                ${tokens.chipFontFamily}: ${bodyXS.fontFamily};
+                ${tokens.chipFontSize}: ${bodyXS.fontSize};
+                ${tokens.chipFontStyle}: ${bodyXS.fontStyle};
+                ${tokens.chipFontWeight}: ${bodyXS.fontWeight};
+                ${tokens.chipLetterSpacing}: ${bodyXS.letterSpacing};
+                ${tokens.chipLineHeight}: ${bodyXS.lineHeight};
             `
         },
         orientation: {

package/dist/styled-components/es/components/TimePicker/TimePicker.config.js

@@ -44,6 +44,8 @@ export const config = {
                 ${tokens.scrollbarColor}: ${surfaceTransparentTertiary};
                 ${tokens.scrollbarTrackColor}: ${surfaceTransparentPrimary};
 
+                ${tokens.disabledOpacity}: 0.4;
+
                 ${tokens.leftHelperColor}: ${textSecondary};
                 ${tokens.leftHelperColorError}: ${textNegative};
                 ${tokens.leftHelperColorSuccess}: ${textPositive};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@salutejs/sdds-serv",
-  "version": "0.367.0-next-sbcom.0",
+  "version": "0.367.0",
   "description": "Salute Design System / React UI kit for SDDS SERV web applications",
   "author": "Salute Frontend Team <salute.developers@gmail.com>",
   "publishConfig": {
@@ -62,8 +62,8 @@
     "styled-components": "^5.3.1"
   },
   "dependencies": {
-    "@salutejs/plasma-new-hope": "0.380.0-next-sbcom.0",
-    "@salutejs/sdds-themes": "0.81.0-next-sbcom.0"
+    "@salutejs/plasma-new-hope": "0.380.0",
+    "@salutejs/sdds-themes": "0.81.0"
   },
   "devDependencies": {
     "@babel/cli": "7.24.1",
@@ -84,11 +84,11 @@
     "@rollup/plugin-babel": "^6.0.4",
     "@rollup/plugin-commonjs": "^25.0.4",
     "@rollup/plugin-node-resolve": "^15.1.0",
-    "@salutejs/plasma-colors": "0.23.0-next-sbcom.0",
-    "@salutejs/plasma-core": "1.243.0-next-sbcom.0",
-    "@salutejs/plasma-cy-utils": "0.173.0-next-sbcom.0",
-    "@salutejs/plasma-icons": "1.250.0-next-sbcom.0",
-    "@salutejs/plasma-sb-utils": "0.244.0-next-sbcom.0",
+    "@salutejs/plasma-colors": "0.23.0",
+    "@salutejs/plasma-core": "1.243.0",
+    "@salutejs/plasma-cy-utils": "0.173.0",
+    "@salutejs/plasma-icons": "1.250.0",
+    "@salutejs/plasma-sb-utils": "0.244.0",
     "@types/node": "16.7.13",
     "@types/react": "18.0.28",
     "@types/react-dom": "18.0.11",
@@ -107,21 +107,20 @@
     "build": "npm run build:css && npm run build:styled-components && npm run build:emotion",
     "postbuild": "npm run generate:typings",
     "prebuild:css": "rm -rf src-css && ./scripts/copy-linaria-components.sh",
-    "build:css": "rm -rf dist/css && rollup -c",
+    "build:css": "rm -rf dist/css dist/ai/css && rollup -c",
     "postbuild:css": "rm -rf src-css",
-    "build:styled-components": "rm -rf dist/styled-components && npm run build:styled-components:esm && npm run build:styled-components:cjs",
-    "build:styled-components:cjs": "swc ./src -d ./dist/styled-components/cjs --strip-leading-paths --config-file ../../swc.config.json -C module.type=commonjs",
-    "build:styled-components:esm": "swc ./src -d ./dist/styled-components/es --strip-leading-paths --config-file ../../swc.config.json -C module.type=es6",
-    "prebuild:emotion": "rm -rf src-emotion && cp -R src src-emotion && node ./scripts/replaceStyledComponentsToEmotion.js",
-    "build:emotion": "rm -rf dist/emotion && npm run build:emotion:esm && npm run build:emotion:cjs",
+    "prebuild:styled-components": "rm -rf src-styled-components src-ai && cp -R src src-styled-components && rm -rf src-styled-components/components/_ai && mkdir -p src-ai/components && cp -R src/components/_ai src-ai/components/_ai && cp src/ai.ts src-ai/index.ts",
+    "build:styled-components": "rm -rf dist/styled-components dist/ai/styled-components && npm run build:styled-components:esm && npm run build:styled-components:cjs",
+    "build:styled-components:cjs": "swc ./src-styled-components -d ./dist/styled-components/cjs --strip-leading-paths --config-file ../../swc.config.json -C module.type=commonjs && swc ./src-ai -d ./dist/ai/styled-components/cjs --strip-leading-paths --config-file ../../swc.config.json -C module.type=commonjs",
+    "build:styled-components:esm": "swc ./src-styled-components -d ./dist/styled-components/es --strip-leading-paths --config-file ../../swc.config.json -C module.type=es6 && swc ./src-ai -d ./dist/ai/styled-components/es --strip-leading-paths --config-file ../../swc.config.json -C module.type=es6",
+    "postbuild:styled-components": "rm -rf src-styled-components src-ai",
+    "prebuild:emotion": "rm -rf src-emotion src-ai-emotion && cp -R src src-emotion && rm -rf src-emotion/components/_ai && node ./scripts/replaceStyledComponentsToEmotion.js && mkdir -p src-ai-emotion/components && cp -R src/components/_ai src-ai-emotion/components/_ai && cp src/ai.ts src-ai-emotion/index.ts && node ./scripts/replaceStyledComponentsToEmotion.js src-ai-emotion",
+    "build:emotion": "rm -rf dist/emotion dist/ai/emotion && npm run build:emotion:esm && npm run build:emotion:cjs && swc ./src-ai-emotion -d ./dist/ai/emotion/es --strip-leading-paths --config-file ../../swc.config.json -C module.type=es6 && swc ./src-ai-emotion -d ./dist/ai/emotion/cjs --strip-leading-paths --config-file ../../swc.config.json -C module.type=commonjs",
     "build:emotion:cjs": "swc ./src-emotion -d ./dist/emotion/cjs --strip-leading-paths --config-file ../../swc.config.json -C module.type=commonjs",
     "build:emotion:esm": "swc ./src-emotion -d ./dist/emotion/es --strip-leading-paths --config-file ../../swc.config.json -C module.type=es6",
-    "postbuild:emotion": "rm -rf src-emotion",
+    "postbuild:emotion": "rm -rf src-emotion src-ai-emotion",
     "generate:typings": "rm -rf types && tsc",
-    "storybook": "npm run storybook:sc",
-    "prestorybook:emotion": "npm run prebuild:emotion",
-    "storybook:emotion": "USE_EMOTION_COMPONENTS=true storybook dev -p ${PORT:-7002} -c .storybook",
-    "storybook:sc": "USE_STYLED_COMPONENTS=true storybook dev -p ${PORT:-7002} -c .storybook",
+    "storybook": "storybook dev -p ${PORT:-7002} -c .storybook",
     "storybook:build": "storybook build -c .storybook -o build-sb",
     "typescript-coverage": "npx typescript-coverage-report > /dev/null",
     "lint": "../../node_modules/.bin/eslint ./src --ext .js,.ts,.tsx --quiet"
@@ -140,5 +139,5 @@
   "sideEffects": [
     "*.css"
   ],
-  "gitHead": "d87b826ff9a20bab3c406addd10a799b934a285f"
+  "gitHead": "04055758469aeb757156213b778bc6e24ee278ba"
 }

package/types/components/Avatar/Avatar.d.ts

@@ -75,7 +75,7 @@ declare const mergedConfig: import("@salutejs/plasma-new-hope/styled-components"
     size?: string;
     name?: string;
     url?: string;
-    customText?: import("react").ReactNode;
+    customText?: string;
     status?: "active" | "inactive";
     isScalable?: boolean;
     focused?: boolean;
@@ -98,12 +98,13 @@ declare const mergedConfig: import("@salutejs/plasma-new-hope/styled-components"
     counterView?: undefined;
     count?: undefined;
     maxCount?: undefined;
+    thousandSeparator?: undefined;
 } & import("react").RefAttributes<HTMLDivElement>) | (import("react").HTMLAttributes<HTMLDivElement> & {
     shape?: string;
     size?: string;
     name?: string;
     url?: string;
-    customText?: import("react").ReactNode;
+    customText?: string;
     status?: "active" | "inactive";
     isScalable?: boolean;
     focused?: boolean;
@@ -116,6 +117,7 @@ declare const mergedConfig: import("@salutejs/plasma-new-hope/styled-components"
     counterView?: string | undefined;
     count?: number | undefined;
     maxCount?: number | undefined;
+    thousandSeparator?: (boolean | string) | undefined;
 } & {
     badgeView?: undefined;
     pilled?: undefined;
@@ -168,7 +170,7 @@ declare const Avatar: import("react").FunctionComponent<import("@salutejs/plasma
     size?: string;
     name?: string;
     url?: string;
-    customText?: import("react").ReactNode;
+    customText?: string;
     status?: "active" | "inactive";
     isScalable?: boolean;
     focused?: boolean;
@@ -191,12 +193,13 @@ declare const Avatar: import("react").FunctionComponent<import("@salutejs/plasma
     counterView?: undefined;
     count?: undefined;
     maxCount?: undefined;
+    thousandSeparator?: undefined;
 } & import("react").RefAttributes<HTMLDivElement>) | (import("react").HTMLAttributes<HTMLDivElement> & {
     shape?: string;
     size?: string;
     name?: string;
     url?: string;
-    customText?: import("react").ReactNode;
+    customText?: string;
     status?: "active" | "inactive";
     isScalable?: boolean;
     focused?: boolean;
@@ -209,6 +212,7 @@ declare const Avatar: import("react").FunctionComponent<import("@salutejs/plasma
     counterView?: string | undefined;
     count?: number | undefined;
     maxCount?: number | undefined;
+    thousandSeparator?: (boolean | string) | undefined;
 } & {
     badgeView?: undefined;
     pilled?: undefined;

package/types/components/CodeField/CodeField.d.ts

@@ -31,6 +31,7 @@ export declare const CodeField: import("react").FunctionComponent<import("@salut
     allowedSymbols?: string | RegExp;
     itemErrorBehavior?: import("@salutejs/plasma-new-hope/types/components/CodeField/CodeField.types.js").ItemErrorBehavior;
     codeErrorBehavior?: import("@salutejs/plasma-new-hope/types/components/CodeField/CodeField.types.js").CodeErrorBehavior;
+    enableWebOTP?: boolean;
     onChange?: (value: string) => void;
     onFullCodeEnter?: (code: string) => void;
     onClick?: React.MouseEventHandler<HTMLDivElement>;

package/types/components/DateTimePicker/DateTimePicker.d.ts

@@ -38,6 +38,7 @@ export declare const DateTimePickerDefault: import("react").FunctionComponent<im
     timeFormat?: string;
     dateTimeSeparator?: string;
     maskWithFormat?: boolean;
+    hasTimeFormat?: boolean;
     isDouble?: boolean;
     dateOnTimeSelectOnly?: Date;
     dateShortcuts?: import("@salutejs/plasma-new-hope/types/components/DateTimePicker/DateTimePicker.types.js").DateShortcutItem[];
@@ -79,6 +80,7 @@ export declare const DateTimePickerDefault: import("react").FunctionComponent<im
     timeFormat?: string;
     dateTimeSeparator?: string;
     maskWithFormat?: boolean;
+    hasTimeFormat?: boolean;
     isDouble?: boolean;
     dateOnTimeSelectOnly?: Date;
     dateShortcuts?: import("@salutejs/plasma-new-hope/types/components/DateTimePicker/DateTimePicker.types.js").DateShortcutItem[];
@@ -149,6 +151,7 @@ export declare const DateTimePickerClear: import("react").FunctionComponent<impo
     timeFormat?: string;
     dateTimeSeparator?: string;
     maskWithFormat?: boolean;
+    hasTimeFormat?: boolean;
     isDouble?: boolean;
     dateOnTimeSelectOnly?: Date;
     dateShortcuts?: import("@salutejs/plasma-new-hope/types/components/DateTimePicker/DateTimePicker.types.js").DateShortcutItem[];
@@ -190,6 +193,7 @@ export declare const DateTimePickerClear: import("react").FunctionComponent<impo
     timeFormat?: string;
     dateTimeSeparator?: string;
     maskWithFormat?: boolean;
+    hasTimeFormat?: boolean;
     isDouble?: boolean;
     dateOnTimeSelectOnly?: Date;
     dateShortcuts?: import("@salutejs/plasma-new-hope/types/components/DateTimePicker/DateTimePicker.types.js").DateShortcutItem[];
@@ -260,6 +264,7 @@ export declare const DateTimePicker: import("react").ForwardRefExoticComponent<(
     timeFormat?: string;
     dateTimeSeparator?: string;
     maskWithFormat?: boolean;
+    hasTimeFormat?: boolean;
     isDouble?: boolean;
     dateOnTimeSelectOnly?: Date;
     dateShortcuts?: import("@salutejs/plasma-new-hope/types/components/DateTimePicker/DateTimePicker.types.js").DateShortcutItem[];
@@ -329,6 +334,7 @@ export declare const DateTimePicker: import("react").ForwardRefExoticComponent<(
     timeFormat?: string;
     dateTimeSeparator?: string;
     maskWithFormat?: boolean;
+    hasTimeFormat?: boolean;
     isDouble?: boolean;
     dateOnTimeSelectOnly?: Date;
     dateShortcuts?: import("@salutejs/plasma-new-hope/types/components/DateTimePicker/DateTimePicker.types.js").DateShortcutItem[];
@@ -400,6 +406,7 @@ export declare const DateTimePicker: import("react").ForwardRefExoticComponent<(
     timeFormat?: string;
     dateTimeSeparator?: string;
     maskWithFormat?: boolean;
+    hasTimeFormat?: boolean;
     isDouble?: boolean;
     dateOnTimeSelectOnly?: Date;
     dateShortcuts?: import("@salutejs/plasma-new-hope/types/components/DateTimePicker/DateTimePicker.types.js").DateShortcutItem[];
@@ -469,6 +476,7 @@ export declare const DateTimePicker: import("react").ForwardRefExoticComponent<(
     timeFormat?: string;
     dateTimeSeparator?: string;
     maskWithFormat?: boolean;
+    hasTimeFormat?: boolean;
     isDouble?: boolean;
     dateOnTimeSelectOnly?: Date;
     dateShortcuts?: import("@salutejs/plasma-new-hope/types/components/DateTimePicker/DateTimePicker.types.js").DateShortcutItem[];

package/types/components/TimePicker/TimePicker.d.ts

@@ -28,6 +28,7 @@ export declare const TimePicker: import("react").FunctionComponent<import("@salu
     multiplicityMinutes?: import("@salutejs/plasma-new-hope/types/components/TimePickerGrid/TimePickerGrid.types.js").TimePickerMultiplicity;
     multiplicitySeconds?: import("@salutejs/plasma-new-hope/types/components/TimePickerGrid/TimePickerGrid.types.js").TimePickerMultiplicity;
     columnsQuantity?: 2 | 3;
+    hasTimeFormat?: boolean;
     min?: string | Date;
     max?: string | Date;
     appearance?: "default" | "clear" | "viewMode";
@@ -74,6 +75,7 @@ export declare const TimePicker: import("react").FunctionComponent<import("@salu
     multiplicityMinutes?: import("@salutejs/plasma-new-hope/types/components/TimePickerGrid/TimePickerGrid.types.js").TimePickerMultiplicity;
     multiplicitySeconds?: import("@salutejs/plasma-new-hope/types/components/TimePickerGrid/TimePickerGrid.types.js").TimePickerMultiplicity;
     columnsQuantity?: 2 | 3;
+    hasTimeFormat?: boolean;
     min?: string | Date;
     max?: string | Date;
     appearance?: "default" | "clear" | "viewMode";

package/dist/css/cjs/components/Autocomplete/Autocomplete.config_utaqwg.css

@@ -1,15 +0,0 @@
-.d15witju{--plasma-autocomplete-textfield-color:var(--text-primary);--plasma-autocomplete-textfield-clear-color:var(--text-primary);--plasma-autocomplete-textfield-placeholder-color:var(--text-secondary);--plasma-autocomplete-textfield-placeholder-color-focus:var(--text-tertiary);--plasma-autocomplete-textfield-clear-placeholder-color:var(--text-secondary);--plasma-autocomplete-textfield-clear-placeholder-color-focus:var(--text-tertiary);--plasma-autocomplete-textfield-background-color:var(--surface-transparent-primary);--plasma-autocomplete-textfield-background-color-focus:var(--surface-transparent-secondary);--plasma-autocomplete-textfield-caret-color:var(--text-accent);--plasma-autocomplete-textfield-before-text-color:var(--text-tertiary);--plasma-autocomplete-textfield-after-text-color:var(--text-tertiary);--plasma-autocomplete-textfield-label-color:var(--text-primary);--plasma-autocomplete-textfield-left-helper-color:var(--text-secondary);--plasma-autocomplete-textfield-focus-color:var(--text-accent);--plasma-autocomplete-textfield-content-slot-color:var(--text-secondary);--plasma-autocomplete-textfield-content-slot-color-hover:var(--text-secondary-hover);--plasma-autocomplete-textfield-content-slot-color-active:var(--text-secondary-active);--plasma-autocomplete-focus-color:var(--surface-accent);--plasma-autocomplete-textfield-indicator-color:var(--surface-negative);--plasma-autocomplete-textfield-optional-color:var(--text-tertiary);--plasma-autocomplete-textfield-divider-color:var(--surface-transparent-tertiary);--plasma-autocomplete-textfield-divider-color-hover:var(--text-secondary);--plasma-autocomplete-textfield-divider-color-focus:var(--surface-accent);--plasma-autocomplete-background:var(--surface-solid-card);--plasma-autocomplete-box-shadow:0px 4px 14px -4px rgba(8,8,8,0.08),0px 1px 4px -1px rgba(0,0,0,0.04);--plasma-autocomplete-item-background:transparent;--plasma-autocomplete-item-background-hover:var(--surface-transparent-secondary);--plasma-autocomplete-item-color:var(--text-primary);--plasma-autocomplete-textfield-content-slot-color:--plasma-autocomplete-textfield-color;--plasma-autocomplete-textfield-content-right-slot-color:--plasma-autocomplete-textfield-color;--plasma-autocomplete-infinite-loader-spinner-color:var(--text-primary);--plasma-autocomplete-textfield__hint-icon-color:var(--text-secondary);}
-.p23ewyp{--plasma-autocomplete-textfield-color:var(--text-primary);--plasma-autocomplete-textfield-clear-color:var(--text-positive);--plasma-autocomplete-textfield-placeholder-color:var(--text-secondary);--plasma-autocomplete-textfield-placeholder-color-focus:var(--text-tertiary);--plasma-autocomplete-textfield-clear-placeholder-color:var(--text-positive);--plasma-autocomplete-textfield-clear-placeholder-color-focus:var(--text-positive);--plasma-autocomplete-textfield-background-color:var(--surface-transparent-positive);--plasma-autocomplete-textfield-background-color-focus:var(--surface-transparent-positive-active);--plasma-autocomplete-textfield-caret-color:var(--text-accent);--plasma-autocomplete-textfield-before-text-color:var(--text-tertiary);--plasma-autocomplete-textfield-after-text-color:var(--text-tertiary);--plasma-autocomplete-textfield-label-color:var(--text-primary);--plasma-autocomplete-textfield-left-helper-color:var(--text-positive);--plasma-autocomplete-textfield-focus-color:var(--text-accent);--plasma-autocomplete-textfield-content-slot-color:var(--text-secondary);--plasma-autocomplete-textfield-content-slot-color-hover:var(--text-secondary-hover);--plasma-autocomplete-textfield-content-slot-color-active:var(--text-secondary-active);--plasma-autocomplete-focus-color:var(--surface-accent);--plasma-autocomplete-textfield-indicator-color:var(--surface-negative);--plasma-autocomplete-textfield-optional-color:var(--text-tertiary);--plasma-autocomplete-textfield-divider-color:var(--surface-positive);--plasma-autocomplete-textfield-divider-color-hover:var(--surface-positive);--plasma-autocomplete-textfield-divider-color-focus:var(--surface-accent);--plasma-autocomplete-background:var(--surface-solid-card);--plasma-autocomplete-box-shadow:0px 4px 14px -4px rgba(8,8,8,0.08),0px 1px 4px -1px rgba(0,0,0,0.04);--plasma-autocomplete-item-background:transparent;--plasma-autocomplete-item-background-hover:var(--surface-transparent-secondary);--plasma-autocomplete-item-color:var(--text-primary);--plasma-autocomplete-textfield-content-slot-color:--plasma-autocomplete-textfield-color;--plasma-autocomplete-textfield-content-right-slot-color:--plasma-autocomplete-textfield-color;--plasma-autocomplete-infinite-loader-spinner-color:var(--text-primary);--plasma-autocomplete-textfield__hint-icon-color:var(--text-secondary);}
-.w19hpt9v{--plasma-autocomplete-textfield-color:var(--text-primary);--plasma-autocomplete-textfield-clear-color:var(--text-warning);--plasma-autocomplete-textfield-placeholder-color:var(--text-secondary);--plasma-autocomplete-textfield-placeholder-color-focus:var(--text-tertiary);--plasma-autocomplete-textfield-clear-placeholder-color:var(--text-warning);--plasma-autocomplete-textfield-clear-placeholder-color-focus:var(--text-warning);--plasma-autocomplete-textfield-background-color:var(--surface-transparent-warning);--plasma-autocomplete-textfield-background-color-focus:var(--surface-transparent-warning-active);--plasma-autocomplete-textfield-caret-color:var(--text-accent);--plasma-autocomplete-textfield-before-text-color:var(--text-tertiary);--plasma-autocomplete-textfield-after-text-color:var(--text-tertiary);--plasma-autocomplete-textfield-label-color:var(--text-primary);--plasma-autocomplete-textfield-left-helper-color:var(--text-warning);--plasma-autocomplete-textfield-focus-color:var(--text-accent);--plasma-autocomplete-textfield-content-slot-color:var(--text-secondary);--plasma-autocomplete-textfield-content-slot-color-hover:var(--text-secondary-hover);--plasma-autocomplete-textfield-content-slot-color-active:var(--text-secondary-active);--plasma-autocomplete-focus-color:var(--surface-accent);--plasma-autocomplete-textfield-indicator-color:var(--surface-negative);--plasma-autocomplete-textfield-optional-color:var(--text-tertiary);--plasma-autocomplete-textfield-divider-color:var(--surface-warning);--plasma-autocomplete-textfield-divider-color-hover:var(--surface-warning);--plasma-autocomplete-textfield-divider-color-focus:var(--surface-accent);--plasma-autocomplete-background:var(--surface-solid-card);--plasma-autocomplete-box-shadow:0px 4px 14px -4px rgba(8,8,8,0.08),0px 1px 4px -1px rgba(0,0,0,0.04);--plasma-autocomplete-item-background:transparent;--plasma-autocomplete-item-background-hover:var(--surface-transparent-secondary);--plasma-autocomplete-item-color:var(--text-primary);--plasma-autocomplete-textfield-content-slot-color:--plasma-autocomplete-textfield-color;--plasma-autocomplete-textfield-content-right-slot-color:--plasma-autocomplete-textfield-color;--plasma-autocomplete-infinite-loader-spinner-color:var(--text-primary);--plasma-autocomplete-textfield__hint-icon-color:var(--text-secondary);}
-.nsso48m{--plasma-autocomplete-textfield-color:var(--text-primary);--plasma-autocomplete-textfield-clear-color:var(--text-negative);--plasma-autocomplete-textfield-placeholder-color:var(--text-secondary);--plasma-autocomplete-textfield-placeholder-color-focus:var(--text-tertiary);--plasma-autocomplete-textfield-clear-placeholder-color:var(--text-negative);--plasma-autocomplete-textfield-clear-placeholder-color-focus:var(--text-negative);--plasma-autocomplete-textfield-background-color:var(--surface-transparent-negative);--plasma-autocomplete-textfield-background-color-focus:var(--surface-transparent-negative-active);--plasma-autocomplete-textfield-caret-color:var(--text-accent);--plasma-autocomplete-textfield-before-text-color:var(--text-tertiary);--plasma-autocomplete-textfield-after-text-color:var(--text-tertiary);--plasma-autocomplete-textfield-label-color:var(--text-primary);--plasma-autocomplete-textfield-left-helper-color:var(--text-negative);--plasma-autocomplete-textfield-focus-color:var(--text-accent);--plasma-autocomplete-textfield-content-slot-color:var(--text-secondary);--plasma-autocomplete-textfield-content-slot-color-hover:var(--text-secondary-hover);--plasma-autocomplete-textfield-content-slot-color-active:var(--text-secondary-active);--plasma-autocomplete-focus-color:var(--surface-accent);--plasma-autocomplete-textfield-indicator-color:var(--surface-negative);--plasma-autocomplete-textfield-optional-color:var(--text-tertiary);--plasma-autocomplete-textfield-divider-color:var(--surface-negative);--plasma-autocomplete-textfield-divider-color-hover:var(--surface-negative);--plasma-autocomplete-textfield-divider-color-focus:var(--surface-accent);--plasma-autocomplete-background:var(--surface-solid-card);--plasma-autocomplete-box-shadow:0px 4px 14px -4px rgba(8,8,8,0.08),0px 1px 4px -1px rgba(0,0,0,0.04);--plasma-autocomplete-item-background:transparent;--plasma-autocomplete-item-background-hover:var(--surface-transparent-secondary);--plasma-autocomplete-item-color:var(--text-primary);--plasma-autocomplete-textfield-content-slot-color:--plasma-autocomplete-textfield-color;--plasma-autocomplete-textfield-content-right-slot-color:--plasma-autocomplete-textfield-color;--plasma-autocomplete-infinite-loader-spinner-color:var(--text-primary);--plasma-autocomplete-textfield__hint-icon-color:var(--text-secondary);}
-.l1lgbia2{--plasma-autocomplete-textfield-height:3.5rem;--plasma-autocomplete-textfield-padding:1.0625rem 1.125rem 1.0625rem 1.125rem;--plasma-autocomplete-textfield-border-radius:0.875rem;--plasma-autocomplete-textfield-left-content-margin:-0.0625rem 0.5rem -0.0625rem -0.125rem;--plasma-autocomplete-textfield-right-content-margin:-0.0625rem -0.125rem -0.0625rem 0.75rem;--plasma-autocomplete-textfield-right-content-with-hint-margin:-0.0625rem -0.438rem -0.0625rem 0.75rem;--plasma-autocomplete-textfield-content-right-wrapper-gap:0.25rem;--plasma-autocomplete-textfield-content-right-wrapper-margin:-0.438rem -0.438rem -0.438rem 0;--plasma-autocomplete-textfield-before-text-margin:0 0.25rem 0 0;--plasma-autocomplete-textfield-after-text-margin:0 0 0 0.25rem;--plasma-autocomplete-textfield-font-family:var(--plasma-typo-body-l-font-family);--plasma-autocomplete-textfield-font-size:var(--plasma-typo-body-l-font-size);--plasma-autocomplete-textfield-font-style:var(--plasma-typo-body-l-font-style);--plasma-autocomplete-textfield-font-weight:var(--plasma-typo-body-l-font-weight);--plasma-autocomplete-textfield-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-autocomplete-textfield-line-height:var(--plasma-typo-body-l-line-height);--plasma-autocomplete-textfield-label-offset:0.75rem;--plasma-autocomplete-textfield-clear-label-offset:0.25rem;--plasma-autocomplete-textfield-label-font-family:var(--plasma-typo-body-l-font-family);--plasma-autocomplete-textfield-label-font-size:var(--plasma-typo-body-l-font-size);--plasma-autocomplete-textfield-label-font-style:var(--plasma-typo-body-l-font-style);--plasma-autocomplete-textfield-label-font-weight:var(--plasma-typo-body-l-font-weight);--plasma-autocomplete-textfield-label-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-autocomplete-textfield-label-line-height:var(--plasma-typo-body-l-line-height);--plasma-autocomplete-textfield__hint-margin:-0.688rem -0.5rem;--plasma-autocomplete-textfield__hint-target-size:2.375rem;--plasma-autocomplete-textfield__hint-inner-label-placement-offset:0.563rem -2.938rem auto auto;--plasma-autocomplete-textfield__clear-hint-inner-label-placement-offset:0.563rem -2.188rem auto auto;--plasma-autocomplete-textfield-left-helper-padding:0.25rem 0 0 0;--plasma-autocomplete-textfield-left-helper-font-family:var(--plasma-typo-body-xs-font-family);--plasma-autocomplete-textfield-left-helper-font-size:var(--plasma-typo-body-xs-font-size);--plasma-autocomplete-textfield-left-helper-font-style:var(--plasma-typo-body-xs-font-style);--plasma-autocomplete-textfield-left-helper-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-autocomplete-textfield-left-helper-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-autocomplete-textfield-left-helper-line-height:var(--plasma-typo-body-xs-line-height);--plasma-autocomplete-textfield-placement-inner-label-padding:0.5625rem 0 0.125rem 0;--plasma-autocomplete-textfield-placement-inner-content-padding:1.5625rem 0 0.5625rem 0;--plasma-autocomplete-textfield-indicator-size-inner:0.5rem;--plasma-autocomplete-textfield-indicator-size-outer:0.375rem;--plasma-autocomplete-textfield-indicator-label-placement-inner:0 0 0 0;--plasma-autocomplete-textfield-indicator-label-placement-outer:0.5rem auto auto -0.75rem;--plasma-autocomplete-textfield-indicator-label-placement-inner-right:0 0 auto auto;--plasma-autocomplete-textfield-indicator-label-placement-outer-right:0.25rem -0.625rem auto auto;--plasma-autocomplete-textfield-clear-indicator-label-placement-inner:1.5rem auto auto -0.875rem;--plasma-autocomplete-textfield-clear-indicator-label-placement-inner-right:1.5rem -0.875rem auto auto;--plasma-autocomplete-textfield-clear-indicator-hint-placement-inner-right:1.5rem -2.488rem auto auto;--plasma-autocomplete-border-radius:0.875rem;--plasma-autocomplete-padding:0.125rem;--plasma-autocomplete-item-padding:1.0625rem 1rem;--plasma-autocomplete-item-border-radius:0.75rem;--plasma-autocomplete-item-font-family:var(--plasma-typo-body-l-font-family);--plasma-autocomplete-item-font-size:var(--plasma-typo-body-l-font-size);--plasma-autocomplete-item-font-style:var(--plasma-typo-body-l-font-style);--plasma-autocomplete-item-font-weight:var(--plasma-typo-body-l-font-weight);--plasma-autocomplete-item-font-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-autocomplete-item-font-line-height:var(--plasma-typo-body-l-line-height);--plasma-autocomplete-empty-state-padding:2rem 1rem 1rem 1rem;--plasma-autocomplete-empty-state-gap:0.5rem;--plasma-autocomplete-infinite-loader-spinner-size:1.5rem;--plasma-autocomplete-infinite-loader-gap:0.5rem;}
-.mfonypc{--plasma-autocomplete-textfield-height:3rem;--plasma-autocomplete-textfield-padding:0.875rem 1rem 0.875rem 1rem;--plasma-autocomplete-textfield-border-radius:0.75rem;--plasma-autocomplete-textfield-left-content-margin:-0.125rem 0.375rem -0.125rem -0.125rem;--plasma-autocomplete-textfield-right-content-margin:-0.125rem -0.125rem -0.125rem 0.75rem;--plasma-autocomplete-textfield-right-content-with-hint-margin:-0.125rem -0.438rem -0.125rem 0.75rem;--plasma-autocomplete-textfield-content-right-wrapper-gap:0.25rem;--plasma-autocomplete-textfield-content-right-wrapper-margin:-0.438rem -0.438rem -0.438rem 0;--plasma-autocomplete-textfield-before-text-margin:0 0.25rem 0 0;--plasma-autocomplete-textfield-after-text-margin:0 0 0 0.25rem;--plasma-autocomplete-textfield-font-family:var(--plasma-typo-body-m-font-family);--plasma-autocomplete-textfield-font-size:var(--plasma-typo-body-m-font-size);--plasma-autocomplete-textfield-font-style:var(--plasma-typo-body-m-font-style);--plasma-autocomplete-textfield-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-autocomplete-textfield-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-autocomplete-textfield-line-height:var(--plasma-typo-body-m-line-height);--plasma-autocomplete-textfield-label-offset:0.625rem;--plasma-autocomplete-textfield-clear-label-offset:0.25rem;--plasma-autocomplete-textfield-label-font-family:var(--plasma-typo-body-m-font-family);--plasma-autocomplete-textfield-label-font-size:var(--plasma-typo-body-m-font-size);--plasma-autocomplete-textfield-label-font-style:var(--plasma-typo-body-m-font-style);--plasma-autocomplete-textfield-label-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-autocomplete-textfield-label-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-autocomplete-textfield-label-line-height:var(--plasma-typo-body-m-line-height);--plasma-autocomplete-textfield__hint-margin:-0.688rem -0.5rem;--plasma-autocomplete-textfield__hint-target-size:2.375rem;--plasma-autocomplete-textfield__hint-inner-label-placement-offset:0.312rem -2.813rem auto auto;--plasma-autocomplete-textfield__clear-hint-inner-label-placement-offset:0.312rem -2.188rem auto auto;--plasma-autocomplete-textfield-left-helper-padding:0.25rem 0 0 0;--plasma-autocomplete-textfield-left-helper-font-family:var(--plasma-typo-body-xs-font-family);--plasma-autocomplete-textfield-left-helper-font-size:var(--plasma-typo-body-xs-font-size);--plasma-autocomplete-textfield-left-helper-font-style:var(--plasma-typo-body-xs-font-style);--plasma-autocomplete-textfield-left-helper-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-autocomplete-textfield-left-helper-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-autocomplete-textfield-left-helper-line-height:var(--plasma-typo-body-xs-line-height);--plasma-autocomplete-textfield-placement-inner-label-padding:0.375rem 0 0.125rem 0;--plasma-autocomplete-textfield-placement-inner-content-padding:1.375rem 0 0.375rem 0;--plasma-autocomplete-textfield-indicator-size-inner:0.5rem;--plasma-autocomplete-textfield-indicator-size-outer:0.375rem;--plasma-autocomplete-textfield-indicator-label-placement-inner:0 0 0 0;--plasma-autocomplete-textfield-indicator-label-placement-outer:0.375rem auto auto -0.75rem;--plasma-autocomplete-textfield-indicator-label-placement-inner-right:0 0 auto auto;--plasma-autocomplete-textfield-indicator-label-placement-outer-right:0.25rem -0.6875rem auto auto;--plasma-autocomplete-textfield-clear-indicator-label-placement-inner:1.25rem auto auto -0.875rem;--plasma-autocomplete-textfield-clear-indicator-label-placement-inner-right:1.25rem -0.875rem auto auto;--plasma-autocomplete-textfield-clear-indicator-hint-placement-inner-right:1.25rem -2.488rem auto auto;--plasma-autocomplete-border-radius:0.75rem;--plasma-autocomplete-padding:0.125rem;--plasma-autocomplete-item-padding:0.875rem 0.875rem 0.875rem 0.875rem;--plasma-autocomplete-item-border-radius:0.625rem;--plasma-autocomplete-item-font-family:var(--plasma-typo-body-m-font-family);--plasma-autocomplete-item-font-size:var(--plasma-typo-body-m-font-size);--plasma-autocomplete-item-font-style:var(--plasma-typo-body-m-font-style);--plasma-autocomplete-item-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-autocomplete-item-font-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-autocomplete-item-font-line-height:var(--plasma-typo-body-m-line-height);--plasma-autocomplete-empty-state-padding:1.625rem 0.875rem 0.875rem 0.875rem;--plasma-autocomplete-empty-state-gap:0.375rem;--plasma-autocomplete-infinite-loader-spinner-size:1.5rem;--plasma-autocomplete-infinite-loader-gap:0.375rem;}
-.s16l59bm{--plasma-autocomplete-textfield-height:2.5rem;--plasma-autocomplete-textfield-padding:0.6875rem 0.875rem 0.6875rem 0.875rem;--plasma-autocomplete-textfield-border-radius:0.625rem;--plasma-autocomplete-textfield-left-content-margin:-0.1875rem 0.25rem -0.1875rem -0.125rem;--plasma-autocomplete-textfield-right-content-margin:-0.1875rem -0.125rem -0.1875rem 0.75rem;--plasma-autocomplete-textfield-right-content-with-hint-margin:-0.1875rem -0.438rem -0.1875rem 0.75rem;--plasma-autocomplete-textfield-content-right-wrapper-gap:0.25rem;--plasma-autocomplete-textfield-content-right-wrapper-margin:-0.438rem -0.438rem -0.438rem 0;--plasma-autocomplete-textfield-before-text-margin:0 0.25rem 0 0;--plasma-autocomplete-textfield-after-text-margin:0 0 0 0.25rem;--plasma-autocomplete-textfield-font-family:var(--plasma-typo-body-s-font-family);--plasma-autocomplete-textfield-font-size:var(--plasma-typo-body-s-font-size);--plasma-autocomplete-textfield-font-style:var(--plasma-typo-body-s-font-style);--plasma-autocomplete-textfield-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-autocomplete-textfield-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-autocomplete-textfield-line-height:var(--plasma-typo-body-s-line-height);--plasma-autocomplete-textfield-label-offset:0.5rem;--plasma-autocomplete-textfield-clear-label-offset:0.25rem;--plasma-autocomplete-textfield-label-font-family:var(--plasma-typo-body-s-font-family);--plasma-autocomplete-textfield-label-font-size:var(--plasma-typo-body-s-font-size);--plasma-autocomplete-textfield-label-font-style:var(--plasma-typo-body-s-font-style);--plasma-autocomplete-textfield-label-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-autocomplete-textfield-label-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-autocomplete-textfield-label-line-height:var(--plasma-typo-body-s-line-height);--plasma-autocomplete-textfield__hint-margin:-0.688rem -0.5rem;--plasma-autocomplete-textfield__hint-target-size:2.375rem;--plasma-autocomplete-textfield__hint-inner-label-placement-offset:0.062rem -2.688rem auto auto;--plasma-autocomplete-textfield__clear-hint-inner-label-placement-offset:0.062rem -2.188rem auto auto;--plasma-autocomplete-textfield-left-helper-padding:0.25rem 0 0 0;--plasma-autocomplete-textfield-left-helper-font-family:var(--plasma-typo-body-xs-font-family);--plasma-autocomplete-textfield-left-helper-font-size:var(--plasma-typo-body-xs-font-size);--plasma-autocomplete-textfield-left-helper-font-style:var(--plasma-typo-body-xs-font-style);--plasma-autocomplete-textfield-left-helper-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-autocomplete-textfield-left-helper-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-autocomplete-textfield-left-helper-line-height:var(--plasma-typo-body-xs-line-height);--plasma-autocomplete-textfield-placement-inner-label-padding:0.3125rem 0 0 0;--plasma-autocomplete-textfield-placement-inner-content-padding:1.0625rem 0 0.3125rem 0;--plasma-autocomplete-textfield-indicator-size-inner:0.375rem;--plasma-autocomplete-textfield-indicator-size-outer:0.375rem;--plasma-autocomplete-textfield-indicator-label-placement-inner:0 0 0 0;--plasma-autocomplete-textfield-indicator-label-placement-outer:0.3125rem auto auto -0.6875rem;--plasma-autocomplete-textfield-indicator-label-placement-inner-right:0 0 auto auto;--plasma-autocomplete-textfield-indicator-label-placement-outer-right:0.25rem -0.625rem auto auto;--plasma-autocomplete-textfield-clear-indicator-label-placement-inner:1.063rem auto auto -0.75rem;--plasma-autocomplete-textfield-clear-indicator-label-placement-inner-right:1.063rem -0.75rem auto auto;--plasma-autocomplete-textfield-clear-indicator-hint-placement-inner-right:1.063rem -2.238rem auto auto;--plasma-autocomplete-border-radius:0.625rem;--plasma-autocomplete-padding:0.125rem;--plasma-autocomplete-item-padding:0.6875rem 0.75rem;--plasma-autocomplete-item-border-radius:0.5rem;--plasma-autocomplete-item-font-family:var(--plasma-typo-body-s-font-family);--plasma-autocomplete-item-font-size:var(--plasma-typo-body-s-font-size);--plasma-autocomplete-item-font-style:var(--plasma-typo-body-s-font-style);--plasma-autocomplete-item-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-autocomplete-item-font-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-autocomplete-item-font-line-height:var(--plasma-typo-body-s-line-height);--plasma-autocomplete-empty-state-padding:1.375rem 0.625rem 0.625rem 0.625rem;--plasma-autocomplete-empty-state-gap:0.25rem;--plasma-autocomplete-infinite-loader-spinner-size:1.5rem;--plasma-autocomplete-infinite-loader-gap:0.25rem;}
-.xuxefna{--plasma-autocomplete-textfield-height:2rem;--plasma-autocomplete-textfield-padding:0.5625rem 0.625rem 0.5625rem 0.625rem;--plasma-autocomplete-textfield-border-radius:0.5rem;--plasma-autocomplete-textfield-left-content-margin:-0.0625rem 0.25rem -0.0625rem -0.125rem;--plasma-autocomplete-textfield-right-content-margin:-0.0625rem -0.125rem -0.0625rem 0.75rem;--plasma-autocomplete-textfield-right-content-with-hint-margin:-0.0625rem -0.688rem -0.0625rem 0.75rem;--plasma-autocomplete-textfield-content-right-wrapper-gap:0.25rem;--plasma-autocomplete-textfield-content-right-wrapper-margin:-0.688rem -0.688rem -0.688rem 0;--plasma-autocomplete-textfield-before-text-margin:0 0.25rem 0 0;--plasma-autocomplete-textfield-after-text-margin:0 0 0 0.25rem;--plasma-autocomplete-textfield-font-family:var(--plasma-typo-body-xs-font-family);--plasma-autocomplete-textfield-font-size:var(--plasma-typo-body-xs-font-size);--plasma-autocomplete-textfield-font-style:var(--plasma-typo-body-xs-font-style);--plasma-autocomplete-textfield-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-autocomplete-textfield-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-autocomplete-textfield-line-height:var(--plasma-typo-body-xs-line-height);--plasma-autocomplete-textfield-label-offset:0.375rem;--plasma-autocomplete-textfield-clear-label-offset:0.25rem;--plasma-autocomplete-textfield-label-font-family:var(--plasma-typo-body-xs-font-family);--plasma-autocomplete-textfield-label-font-size:var(--plasma-typo-body-xs-font-size);--plasma-autocomplete-textfield-label-font-style:var(--plasma-typo-body-xs-font-style);--plasma-autocomplete-textfield-label-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-autocomplete-textfield-label-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-autocomplete-textfield-label-line-height:var(--plasma-typo-body-xs-line-height);--plasma-autocomplete-textfield__hint-margin:-0.75rem -0.625rem -0.75rem -0.5rem;--plasma-autocomplete-textfield__hint-target-size:2.375rem;--plasma-autocomplete-textfield__hint-inner-label-placement-offset:-0.188rem -2.1875rem auto auto;--plasma-autocomplete-textfield__clear-hint-inner-label-placement-offset:-0.188rem -1.938rem auto auto;--plasma-autocomplete-textfield-left-helper-padding:0.25rem 0 0 0;--plasma-autocomplete-textfield-left-helper-font-family:var(--plasma-typo-body-xs-font-family);--plasma-autocomplete-textfield-left-helper-font-size:var(--plasma-typo-body-xs-font-size);--plasma-autocomplete-textfield-left-helper-font-style:var(--plasma-typo-body-xs-font-style);--plasma-autocomplete-textfield-left-helper-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-autocomplete-textfield-left-helper-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-autocomplete-textfield-left-helper-line-height:var(--plasma-typo-body-xs-line-height);--plasma-autocomplete-textfield-placement-inner-label-padding:0.3125rem 0 0 0;--plasma-autocomplete-textfield-placement-inner-content-padding:1.0625rem 0 0.3125rem 0;--plasma-autocomplete-textfield-indicator-size-inner:0.375rem;--plasma-autocomplete-textfield-indicator-size-outer:0.375rem;--plasma-autocomplete-textfield-indicator-label-placement-inner:0 0 0 0;--plasma-autocomplete-textfield-indicator-label-placement-outer:0.25rem auto auto -0.625rem;--plasma-autocomplete-textfield-indicator-label-placement-inner-right:0 0 auto auto;--plasma-autocomplete-textfield-indicator-label-placement-outer-right:0.125rem -0.6875rem auto auto;--plasma-autocomplete-textfield-clear-indicator-label-placement-inner:0.813rem auto auto -0.625rem;--plasma-autocomplete-textfield-clear-indicator-label-placement-inner-right:0.813rem -0.625rem auto auto;--plasma-autocomplete-textfield-clear-indicator-hint-placement-inner-right:0.813rem -1.988rem auto auto;--plasma-autocomplete-border-radius:0.5rem;--plasma-autocomplete-padding:0.125rem;--plasma-autocomplete-item-padding:0.5625rem 0.5rem;--plasma-autocomplete-item-border-radius:0.5rem;--plasma-autocomplete-item-font-family:var(--plasma-typo-body-xs-font-family);--plasma-autocomplete-item-font-size:var(--plasma-typo-body-xs-font-size);--plasma-autocomplete-item-font-style:var(--plasma-typo-body-xs-font-style);--plasma-autocomplete-item-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-autocomplete-item-font-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-autocomplete-item-font-line-height:var(--plasma-typo-body-xs-line-height);--plasma-autocomplete-empty-state-padding:1rem 0.5rem 0.5rem 0.5rem;--plasma-autocomplete-empty-state-gap:0.25rem;--plasma-autocomplete-infinite-loader-spinner-size:1rem;--plasma-autocomplete-infinite-loader-gap:0.25rem;}
-.i53l11i{--plasma-autocomplete-textfield-placeholder-color:var(--text-secondary);--plasma-autocomplete-textfield-placement-inner-label-font-family:var(--plasma-typo-body-xs-font-family);--plasma-autocomplete-textfield-placement-inner-label-font-size:var(--plasma-typo-body-xs-font-size);--plasma-autocomplete-textfield-placement-inner-label-font-style:var(--plasma-typo-body-xs-font-style);--plasma-autocomplete-textfield-placement-inner-label-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-autocomplete-textfield-placement-inner-label-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-autocomplete-textfield-placement-inner-label-line-height:var(--plasma-typo-body-xs-line-height);}
-
-.d1rats1y{--plasma-autocomplete-textfield__tooltip-background-color:var(--surface-solid-card-brightness);--plasma-autocomplete-textfield__tooltip-box-shadow:var(--shadow-down-hard-m,0px 4px 12px 0px rgba(0,0,0,0.16),0px 1px 4px 0px rgba(0,0,0,0.08));--plasma-autocomplete-textfield__tooltip-color:var(--text-primary);--plasma-autocomplete-textfield__tooltip-arrow-background:var(--surface-solid-card);}
-.mzs7164{--plasma-autocomplete-textfield__tooltip-padding-top:0.6875rem;--plasma-autocomplete-textfield__tooltip-padding-right:0.875rem;--plasma-autocomplete-textfield__tooltip-padding-bottom:0.6875rem;--plasma-autocomplete-textfield__tooltip-padding-left:0.875rem;--plasma-autocomplete-textfield__tooltip-min-height:2.5rem;--plasma-autocomplete-textfield__tooltip-border-radius:0.625rem;--plasma-autocomplete-textfield__tooltip-text-font-family:var(--plasma-typo-body-s-font-family);--plasma-autocomplete-textfield__tooltip-text-font-size:var(--plasma-typo-body-s-font-size);--plasma-autocomplete-textfield__tooltip-text-font-style:var(--plasma-typo-body-s-font-style);--plasma-autocomplete-textfield__tooltip-text-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-autocomplete-textfield__tooltip-text-font-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-autocomplete-textfield__tooltip-text-font-line-height:var(--plasma-typo-body-s-line-height);--plasma-autocomplete-textfield__tooltip-content-left-margin:0.375rem;--plasma-autocomplete-textfield__tooltip-arrow-mask-width:1.25rem;--plasma-autocomplete-textfield__tooltip-arrow-mask-height:1.25rem;--plasma-autocomplete-textfield__tooltip-arrow-mask-image:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMC4xNywxMS44M2wyMCwwYy01LjUyLDAgLTEwLDMuNTkgLTEwLDhjMCwtNC40MSAtNC40OCwtOCAtMTAsLTh6IiBmaWxsPSIjMTcxNzE3IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGlkPSJUYWlsIi8+Cjwvc3ZnPg==");--plasma-autocomplete-textfield__tooltip-arrow-height:0.5rem;--plasma-autocomplete-textfield__tooltip-arrow-edge-margin:0.625rem;}
-.s1djq52a{--plasma-autocomplete-textfield__tooltip-padding-top:0.5rem;--plasma-autocomplete-textfield__tooltip-padding-right:0.75rem;--plasma-autocomplete-textfield__tooltip-padding-bottom:0.5rem;--plasma-autocomplete-textfield__tooltip-padding-left:0.75rem;--plasma-autocomplete-textfield__tooltip-min-height:2rem;--plasma-autocomplete-textfield__tooltip-border-radius:0.5rem;--plasma-autocomplete-textfield__tooltip-text-font-family:var(--plasma-typo-body-xs-font-family);--plasma-autocomplete-textfield__tooltip-text-font-size:var(--plasma-typo-body-xs-font-size);--plasma-autocomplete-textfield__tooltip-text-font-style:var(--plasma-typo-body-xs-font-style);--plasma-autocomplete-textfield__tooltip-text-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-autocomplete-textfield__tooltip-text-font-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-autocomplete-textfield__tooltip-text-font-line-height:var(--plasma-typo-body-xs-line-height);--plasma-autocomplete-textfield__tooltip-content-left-margin:0.25rem;--plasma-autocomplete-textfield__tooltip-arrow-mask-width:1rem;--plasma-autocomplete-textfield__tooltip-arrow-mask-height:1rem;--plasma-autocomplete-textfield__tooltip-arrow-mask-image:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMCw5Ljg1bDE2LDBjLTQuNDEsMCAtOCwyLjY5IC04LDZjMCwtMy4zMSAtMy41OSwtNiAtOCwtNnoiIGZpbGw9IiMxNzE3MTciIGZpbGwtcnVsZT0iZXZlbm9kZCIgaWQ9IlRhaWwiLz4KPC9zdmc+");--plasma-autocomplete-textfield__tooltip-arrow-height:0.375rem;--plasma-autocomplete-textfield__tooltip-arrow-edge-margin:0.5625rem;}
-.tu8xqg8{--plasma-autocomplete-textfield-disabled-opacity:0.4;}
-.tyqcyac{--plasma-autocomplete-textfield-color-readonly:var(--text-primary);--plasma-autocomplete-textfield-readonly-opacity:0.1;--plasma-autocomplete-textfield-content-right-slot-opacity-readonly:0.4;--plasma-autocomplete-textfield-bg-color-readonly:var(--surface-transparent-primary);--plasma-autocomplete-textfield-placeholder-color-readonly:var(--text-secondary);--plasma-autocomplete-textfield-left-helper-color-readonly:var(--text-secondary);--plasma-autocomplete-textfield-label-color-readonly:var(--text-primary);--plasma-autocomplete-textfield-divider-color-readonly:var(--surface-transparent-primary);}