@salutejs/plasma-web 1.350.0-dev.0 → 1.351.0-canary.1292.9881725137.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (55) hide show
  1. package/api/plasma-web.api.md +68 -0
  2. package/components/Autocomplete/Autocomplete.config.d.ts +31 -0
  3. package/components/Autocomplete/Autocomplete.config.js +40 -0
  4. package/components/Autocomplete/Autocomplete.d.ts +53 -0
  5. package/components/Autocomplete/Autocomplete.js +10 -0
  6. package/components/Autocomplete/index.d.ts +1 -0
  7. package/components/Autocomplete/index.js +12 -0
  8. package/components/EmptyState/EmptyState.config.d.ts +13 -0
  9. package/components/EmptyState/EmptyState.config.js +22 -0
  10. package/components/EmptyState/EmptyState.d.ts +24 -0
  11. package/components/EmptyState/EmptyState.js +10 -0
  12. package/components/EmptyState/index.d.ts +1 -0
  13. package/components/EmptyState/index.js +12 -0
  14. package/css/cjs/components/Autocomplete/Autocomplete.config.js +39 -0
  15. package/css/cjs/components/Autocomplete/Autocomplete.config.js.map +1 -0
  16. package/css/cjs/components/Autocomplete/Autocomplete.config_1kdai1k.css +12 -0
  17. package/css/cjs/components/Autocomplete/Autocomplete.css +12 -0
  18. package/css/cjs/components/Autocomplete/Autocomplete.js +12 -0
  19. package/css/cjs/components/Autocomplete/Autocomplete.js.map +1 -0
  20. package/css/cjs/components/EmptyState/EmptyState.config.js +21 -0
  21. package/css/cjs/components/EmptyState/EmptyState.config.js.map +1 -0
  22. package/css/cjs/components/EmptyState/EmptyState.config_qwe1m.css +4 -0
  23. package/css/cjs/components/EmptyState/EmptyState.css +4 -0
  24. package/css/cjs/components/EmptyState/EmptyState.js +13 -0
  25. package/css/cjs/components/EmptyState/EmptyState.js.map +1 -0
  26. package/css/cjs/index.css +18 -0
  27. package/css/cjs/index.js +4 -0
  28. package/css/cjs/index.js.map +1 -1
  29. package/css/es/components/Autocomplete/Autocomplete.config.js +35 -0
  30. package/css/es/components/Autocomplete/Autocomplete.config.js.map +1 -0
  31. package/css/es/components/Autocomplete/Autocomplete.config_1kdai1k.css +12 -0
  32. package/css/es/components/Autocomplete/Autocomplete.css +12 -0
  33. package/css/es/components/Autocomplete/Autocomplete.js +8 -0
  34. package/css/es/components/Autocomplete/Autocomplete.js.map +1 -0
  35. package/css/es/components/EmptyState/EmptyState.config.js +17 -0
  36. package/css/es/components/EmptyState/EmptyState.config.js.map +1 -0
  37. package/css/es/components/EmptyState/EmptyState.config_qwe1m.css +4 -0
  38. package/css/es/components/EmptyState/EmptyState.css +4 -0
  39. package/css/es/components/EmptyState/EmptyState.js +8 -0
  40. package/css/es/components/EmptyState/EmptyState.js.map +1 -0
  41. package/css/es/index.css +18 -0
  42. package/css/es/index.js +2 -0
  43. package/css/es/index.js.map +1 -1
  44. package/css/index.d.ts +4 -0
  45. package/es/components/Autocomplete/Autocomplete.config.js +34 -0
  46. package/es/components/Autocomplete/Autocomplete.js +4 -0
  47. package/es/components/Autocomplete/index.js +1 -0
  48. package/es/components/EmptyState/EmptyState.config.js +16 -0
  49. package/es/components/EmptyState/EmptyState.js +4 -0
  50. package/es/components/EmptyState/index.js +1 -0
  51. package/es/index.js +3 -1
  52. package/index.d.ts +2 -0
  53. package/index.js +22 -0
  54. package/package.json +3 -3
  55. package/temp/plasma-web.api.md +2472 -0
@@ -38,6 +38,7 @@ import { BadgeProps } from '@salutejs/plasma-new-hope/styled-components';
38
38
  import { BaseboxProps } from '@salutejs/plasma-new-hope/styled-components';
39
39
  import { BaseCallbackChangeInstance } from '@salutejs/plasma-new-hope/types/components/Range/Range.types';
40
40
  import { BaseCallbackKeyboardInstance } from '@salutejs/plasma-new-hope/types/components/Range/Range.types';
41
+ import { BaseProps } from '@salutejs/plasma-new-hope/types/components/Autocomplete/Autocomplete.types';
41
42
  import { BlurProps } from '@salutejs/plasma-core';
42
43
  import { blurs } from '@salutejs/plasma-core';
43
44
  import { BoldProps } from '@salutejs/plasma-new-hope/types/components/Typography/Typography.types';
@@ -143,7 +144,9 @@ import { ImgHTMLAttributes } from 'react';
143
144
  import { IndicatorProps } from '@salutejs/plasma-new-hope/styled-components';
144
145
  import { InputHTMLAttributes } from '@salutejs/plasma-core';
145
146
  import { InputHTMLAttributes as InputHTMLAttributes_2 } from '@salutejs/plasma-new-hope/types/types';
147
+ import { InputHTMLAttributes as InputHTMLAttributes_3 } from 'react';
146
148
  import { JSXElementConstructor } from 'react';
149
+ import { KeyboardEvent as KeyboardEvent_2 } from 'react';
147
150
  import { LineSkeletonProps } from '@salutejs/plasma-new-hope/styled-components';
148
151
  import { LinkCustomProps } from '@salutejs/plasma-new-hope/types/components/Link/Link';
149
152
  import { List } from '@salutejs/plasma-hope';
@@ -192,6 +195,7 @@ import { PreviewGalleryProps } from '@salutejs/plasma-hope';
192
195
  import { Price } from '@salutejs/plasma-hope';
193
196
  import { PriceProps } from '@salutejs/plasma-hope';
194
197
  import { ProgressProps } from '@salutejs/plasma-new-hope/styled-components';
198
+ import { Props } from '@salutejs/plasma-new-hope/types/components/EmptyState/EmptyState.types';
195
199
  import { PropsType } from '@salutejs/plasma-new-hope/types/engines/types';
196
200
  import { RadioGroup } from '@salutejs/plasma-new-hope/styled-components';
197
201
  import { radiuses } from '@salutejs/plasma-core';
@@ -374,6 +378,60 @@ export { AudioPlayer }
374
378
 
375
379
  export { AudioPlayerProps }
376
380
 
381
+ // @public (undocumented)
382
+ export const Autocomplete: FunctionComponent<PropsType< {
383
+ view: {
384
+ default: PolymorphicClassName;
385
+ positive: PolymorphicClassName;
386
+ warning: PolymorphicClassName;
387
+ negative: PolymorphicClassName;
388
+ };
389
+ size: {
390
+ l: PolymorphicClassName;
391
+ m: PolymorphicClassName;
392
+ s: PolymorphicClassName;
393
+ xs: PolymorphicClassName;
394
+ };
395
+ labelPlacement: {
396
+ inner: PolymorphicClassName;
397
+ outer: PolymorphicClassName;
398
+ };
399
+ disabled: {
400
+ true: PolymorphicClassName;
401
+ };
402
+ readOnly: {
403
+ true: PolymorphicClassName;
404
+ };
405
+ }> & ((BaseProps<string | number> & {
406
+ label?: string | undefined;
407
+ labelPlacement?: "inner" | "outer" | undefined;
408
+ leftHelper?: string | undefined;
409
+ contentLeft?: ReactElement<any, string | JSXElementConstructor<any>> | undefined;
410
+ contentRight?: ReactElement<any, string | JSXElementConstructor<any>> | undefined;
411
+ textBefore?: string | undefined;
412
+ textAfter?: string | undefined;
413
+ onSearch?: ((value: string, event?: KeyboardEvent_2<HTMLInputElement> | undefined) => void) | undefined;
414
+ } & {
415
+ chips?: undefined;
416
+ onChangeChips?: undefined;
417
+ enumerationType?: "plain" | undefined;
418
+ onSearch?: ((value: string, event?: KeyboardEvent_2<HTMLInputElement> | undefined) => void) | undefined;
419
+ } & Omit<InputHTMLAttributes_3<HTMLInputElement>, "size"> & RefAttributes<HTMLInputElement>) | (BaseProps<string | number> & {
420
+ label?: string | undefined;
421
+ labelPlacement?: "inner" | "outer" | undefined;
422
+ leftHelper?: string | undefined;
423
+ contentLeft?: ReactElement<any, string | JSXElementConstructor<any>> | undefined;
424
+ contentRight?: ReactElement<any, string | JSXElementConstructor<any>> | undefined;
425
+ textBefore?: string | undefined;
426
+ textAfter?: string | undefined;
427
+ onSearch?: ((value: string, event?: KeyboardEvent_2<HTMLInputElement> | undefined) => void) | undefined;
428
+ } & {
429
+ enumerationType: "chip";
430
+ onSearch?: undefined;
431
+ chips?: TextFieldPrimitiveValue[] | undefined;
432
+ onChangeChips?: ((value: TextFieldPrimitiveValue[]) => void) | undefined;
433
+ } & Omit<InputHTMLAttributes_3<HTMLInputElement>, "size"> & RefAttributes<HTMLInputElement>))>;
434
+
377
435
  // @public (undocumented)
378
436
  export const Avatar: FunctionComponent<PropsType< {
379
437
  view: {
@@ -1225,6 +1283,16 @@ export { ElasticGrid }
1225
1283
 
1226
1284
  export { ElasticGridProps }
1227
1285
 
1286
+ // @public (undocumented)
1287
+ export const EmptyState: FunctionComponent<PropsType< {
1288
+ size: {
1289
+ l: PolymorphicClassName;
1290
+ m: PolymorphicClassName;
1291
+ s: PolymorphicClassName;
1292
+ fit: PolymorphicClassName;
1293
+ };
1294
+ }> & Props & RefAttributes<HTMLDivElement>>;
1295
+
1228
1296
  export { extractTextFrom }
1229
1297
 
1230
1298
  export { FocusProps }
@@ -0,0 +1,31 @@
1
+ export declare const config: {
2
+ defaults: {
3
+ view: string;
4
+ size: string;
5
+ labelPlacement: string;
6
+ };
7
+ variations: {
8
+ view: {
9
+ default: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
10
+ positive: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
11
+ warning: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
12
+ negative: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
13
+ };
14
+ size: {
15
+ l: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
16
+ m: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
17
+ s: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
18
+ xs: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
19
+ };
20
+ labelPlacement: {
21
+ inner: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
22
+ outer: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
23
+ };
24
+ disabled: {
25
+ true: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
26
+ };
27
+ readOnly: {
28
+ true: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
29
+ };
30
+ };
31
+ };
@@ -0,0 +1,40 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.config = void 0;
7
+ var _styledComponents = /*#__PURE__*/require("@salutejs/plasma-new-hope/styled-components");
8
+ var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12;
9
+ function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
10
+ var config = exports.config = {
11
+ defaults: {
12
+ view: 'default',
13
+ size: 'l',
14
+ labelPlacement: 'outer'
15
+ },
16
+ variations: {
17
+ view: {
18
+ "default": /*#__PURE__*/(0, _styledComponents.css)(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-primary);\n ", ": var(--surface-clear);\n ", ": var(--text-accent);\n ", ": var(--text-secondary);\n ", ": var(--text-tertiary);\n ", ": var(--text-tertiary);\n ", ": var(--text-primary);\n ", ": var(--text-secondary);\n ", ": var(--text-accent);\n ", ": var(--surface-transparent-tertiary);\n ", ": var(--plasma-colors-secondary);\n ", ": var(--surface-accent);\n\n ", ": var(--surface-solid-card);\n ", ": var(--shadow-down-soft-s);\n ", ": var(--plasma-colors-transparent);\n ", ": var(--surface-transparent-secondary);\n ", ": var(--text-primary);\n ", ": var(--surface-accent);\n\n ", ": var(--text-primary);\n "])), _styledComponents.autocompleteTokens.textFieldColor, _styledComponents.autocompleteTokens.textFieldBackgroundColor, _styledComponents.autocompleteTokens.textFieldCaretColor, _styledComponents.autocompleteTokens.textFieldPlaceholderColor, _styledComponents.autocompleteTokens.textFieldTextBeforeColor, _styledComponents.autocompleteTokens.textFieldTextAfterColor, _styledComponents.autocompleteTokens.textFieldLabelColor, _styledComponents.autocompleteTokens.textFieldLeftHelperColor, _styledComponents.autocompleteTokens.textFieldFocusColor, _styledComponents.autocompleteTokens.textFieldBorderColor, _styledComponents.autocompleteTokens.textFieldBorderColorHover, _styledComponents.autocompleteTokens.textFieldBorderColorFocus, _styledComponents.autocompleteTokens.background, _styledComponents.autocompleteTokens.boxShadow, _styledComponents.autocompleteTokens.itemBackground, _styledComponents.autocompleteTokens.itemBackgroundHover, _styledComponents.autocompleteTokens.itemColor, _styledComponents.autocompleteTokens.focusColor, _styledComponents.autocompleteTokens.infiniteLoaderSpinnerColor),
19
+ positive: /*#__PURE__*/(0, _styledComponents.css)(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-primary);\n ", ": var(--surface-clear);\n ", ": var(--text-accent);\n ", ": var(--text-secondary);\n ", ": var(--text-tertiary);\n ", ": var(--text-tertiary);\n ", ": var(--text-primary);\n ", ": var(--text-positive);\n ", ": var(--text-accent);\n ", ": var(--surface-positive);\n ", ": var(--surface-positive);\n ", ": var(--surface-accent);\n\n ", ": var(--surface-solid-card);\n ", ": var(--shadow-down-soft-s);\n ", ": var(--plasma-colors-transparent);\n ", ": var(--surface-transparent-secondary);\n ", ": var(--text-primary);\n ", ": var(--surface-accent);\n\n ", ": var(--text-primary);\n "])), _styledComponents.autocompleteTokens.textFieldColor, _styledComponents.autocompleteTokens.textFieldBackgroundColor, _styledComponents.autocompleteTokens.textFieldCaretColor, _styledComponents.autocompleteTokens.textFieldPlaceholderColor, _styledComponents.autocompleteTokens.textFieldTextBeforeColor, _styledComponents.autocompleteTokens.textFieldTextAfterColor, _styledComponents.autocompleteTokens.textFieldLabelColor, _styledComponents.autocompleteTokens.textFieldLeftHelperColor, _styledComponents.autocompleteTokens.textFieldFocusColor, _styledComponents.autocompleteTokens.textFieldBorderColor, _styledComponents.autocompleteTokens.textFieldBorderColorHover, _styledComponents.autocompleteTokens.textFieldBorderColorFocus, _styledComponents.autocompleteTokens.background, _styledComponents.autocompleteTokens.boxShadow, _styledComponents.autocompleteTokens.itemBackground, _styledComponents.autocompleteTokens.itemBackgroundHover, _styledComponents.autocompleteTokens.itemColor, _styledComponents.autocompleteTokens.focusColor, _styledComponents.autocompleteTokens.infiniteLoaderSpinnerColor),
20
+ warning: /*#__PURE__*/(0, _styledComponents.css)(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-primary);\n ", ": var(--surface-clear);\n ", ": var(--surface-transparent-warning-active);\n ", ": var(--text-accent);\n ", ": var(--text-secondary);\n ", ": var(--text-tertiary);\n ", ": var(--text-tertiary);\n ", ": var(--text-primary);\n ", ": var(--text-warning);\n ", ": var(--text-accent);\n ", ": var(--surface-warning);\n ", ": var(--surface-warning);\n ", ": var(--surface-accent);\n\n ", ": var(--surface-solid-card);\n ", ": var(--shadow-down-soft-s);\n ", ": var(--plasma-colors-transparent);\n ", ": var(--surface-transparent-secondary);\n ", ": var(--text-primary);\n ", ": var(--surface-accent);\n\n ", ": var(--text-primary);\n "])), _styledComponents.autocompleteTokens.textFieldColor, _styledComponents.autocompleteTokens.textFieldBackgroundColor, _styledComponents.autocompleteTokens.textFieldBackgroundColorFocus, _styledComponents.autocompleteTokens.textFieldCaretColor, _styledComponents.autocompleteTokens.textFieldPlaceholderColor, _styledComponents.autocompleteTokens.textFieldTextBeforeColor, _styledComponents.autocompleteTokens.textFieldTextAfterColor, _styledComponents.autocompleteTokens.textFieldLabelColor, _styledComponents.autocompleteTokens.textFieldLeftHelperColor, _styledComponents.autocompleteTokens.textFieldFocusColor, _styledComponents.autocompleteTokens.textFieldBorderColor, _styledComponents.autocompleteTokens.textFieldBorderColorHover, _styledComponents.autocompleteTokens.textFieldBorderColorFocus, _styledComponents.autocompleteTokens.background, _styledComponents.autocompleteTokens.boxShadow, _styledComponents.autocompleteTokens.itemBackground, _styledComponents.autocompleteTokens.itemBackgroundHover, _styledComponents.autocompleteTokens.itemColor, _styledComponents.autocompleteTokens.focusColor, _styledComponents.autocompleteTokens.infiniteLoaderSpinnerColor),
21
+ negative: /*#__PURE__*/(0, _styledComponents.css)(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-primary);\n ", ": var(--surface-clear);\n ", ": var(--surface-transparent-negative-active);\n ", ": var(--text-accent);\n ", ": var(--text-secondary);\n ", ": var(--text-tertiary);\n ", ": var(--text-tertiary);\n ", ": var(--text-primary);\n ", ": var(--text-negative);\n ", ": var(--text-accent);\n ", ": var(--surface-negative);\n ", ": var(--surface-negative);\n ", ": var(--surface-accent);\n\n ", ": var(--surface-solid-card);\n ", ": var(--shadow-down-soft-s);\n ", ": var(--plasma-colors-transparent);\n ", ": var(--surface-transparent-secondary);\n ", ": var(--text-primary);\n ", ": var(--surface-accent);\n\n ", ": var(--text-primary);\n "])), _styledComponents.autocompleteTokens.textFieldColor, _styledComponents.autocompleteTokens.textFieldBackgroundColor, _styledComponents.autocompleteTokens.textFieldBackgroundColorFocus, _styledComponents.autocompleteTokens.textFieldCaretColor, _styledComponents.autocompleteTokens.textFieldPlaceholderColor, _styledComponents.autocompleteTokens.textFieldTextBeforeColor, _styledComponents.autocompleteTokens.textFieldTextAfterColor, _styledComponents.autocompleteTokens.textFieldLabelColor, _styledComponents.autocompleteTokens.textFieldLeftHelperColor, _styledComponents.autocompleteTokens.textFieldFocusColor, _styledComponents.autocompleteTokens.textFieldBorderColor, _styledComponents.autocompleteTokens.textFieldBorderColorHover, _styledComponents.autocompleteTokens.textFieldBorderColorFocus, _styledComponents.autocompleteTokens.background, _styledComponents.autocompleteTokens.boxShadow, _styledComponents.autocompleteTokens.itemBackground, _styledComponents.autocompleteTokens.itemBackgroundHover, _styledComponents.autocompleteTokens.itemColor, _styledComponents.autocompleteTokens.focusColor, _styledComponents.autocompleteTokens.infiniteLoaderSpinnerColor)
22
+ },
23
+ size: {
24
+ l: /*#__PURE__*/(0, _styledComponents.css)(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 3.5rem;\n ", ": 1.0625rem 1.125rem 1.0625rem 1.125rem;\n ", ": 0.875rem;\n ", ": 0.0625rem;\n ", ": -0.0625rem 0.5rem -0.0625rem -0.125rem;\n ", ": -0.0625rem -0.125rem -0.0625rem 0.75rem;\n ", ": 0 0.25rem 0 0;\n ", ": 0 0 0 0.25rem;\n ", ": var(--plasma-typo-body-l-font-family);\n ", ": var(--plasma-typo-body-l-font-size);\n ", ": var(--plasma-typo-body-l-font-style);\n ", ": var(--plasma-typo-body-l-font-weight);\n ", ": var(--plasma-typo-body-l-letter-spacing);\n ", ": var(--plasma-typo-body-l-line-height);\n ", ": 0.75rem;\n ", ": var(--plasma-typo-body-l-font-family);\n ", ": var(--plasma-typo-body-l-font-size);\n ", ": var(--plasma-typo-body-l-font-style);\n ", ": var(--plasma-typo-body-l-font-weight);\n ", ": var(--plasma-typo-body-l-letter-spacing);\n ", ": var(--plasma-typo-body-l-line-height);\n ", ": 0.25rem;\n ", ": var(--plasma-typo-body-xs-font-family);\n ", ": var(--plasma-typo-body-xs-font-size);\n ", ": var(--plasma-typo-body-xs-font-style);\n ", ": var(--plasma-typo-body-xs-font-weight);\n ", ": var(--plasma-typo-body-xs-letter-spacing);\n ", ": var(--plasma-typo-body-xs-line-height);\n ", ": 0.5625rem 0 0.125rem 0;\n ", ": 1.5625rem 0 0.5625rem 0;\n\n ", ": 0.875rem;\n ", ": 0.125rem;\n ", ": 1.0625rem 1rem;\n ", ": 0.75rem;\n\n ", ": var(--plasma-typo-body-l-font-family);\n ", ": var(--plasma-typo-body-l-font-size);\n ", ": var(--plasma-typo-body-l-font-style);\n ", ": var(--plasma-typo-body-l-font-weight);\n ", ": var(--plasma-typo-body-l-letter-spacing);\n ", ": var(--plasma-typo-body-l-line-height);\n\n ", ": 2rem 1rem 1rem 1rem;\n ", ": 0.5rem;\n\n ", ": 1.5rem;\n ", ": 0.5rem;\n "])), _styledComponents.autocompleteTokens.textFieldHeight, _styledComponents.autocompleteTokens.textFieldPadding, _styledComponents.autocompleteTokens.textFieldBorderRadius, _styledComponents.autocompleteTokens.textFieldBorderWidth, _styledComponents.autocompleteTokens.textFieldLeftContentMargin, _styledComponents.autocompleteTokens.textFieldRightContentMargin, _styledComponents.autocompleteTokens.textFieldTextBeforeMargin, _styledComponents.autocompleteTokens.textFieldTextAfterMargin, _styledComponents.autocompleteTokens.textFieldFontFamily, _styledComponents.autocompleteTokens.textFieldFontSize, _styledComponents.autocompleteTokens.textFieldFontStyle, _styledComponents.autocompleteTokens.textFieldFontWeight, _styledComponents.autocompleteTokens.textFieldLetterSpacing, _styledComponents.autocompleteTokens.textFieldLineHeight, _styledComponents.autocompleteTokens.textFieldLabelOffset, _styledComponents.autocompleteTokens.textFieldLabelFontFamily, _styledComponents.autocompleteTokens.textFieldLabelFontSize, _styledComponents.autocompleteTokens.textFieldLabelFontStyle, _styledComponents.autocompleteTokens.textFieldLabelFontWeight, _styledComponents.autocompleteTokens.textFieldLabelLetterSpacing, _styledComponents.autocompleteTokens.textFieldLabelLineHeight, _styledComponents.autocompleteTokens.textFieldLeftHelperOffset, _styledComponents.autocompleteTokens.textFieldLeftHelperFontFamily, _styledComponents.autocompleteTokens.textFieldLeftHelperFontSize, _styledComponents.autocompleteTokens.textFieldLeftHelperFontStyle, _styledComponents.autocompleteTokens.textFieldLeftHelperFontWeight, _styledComponents.autocompleteTokens.textFieldLeftHelperLetterSpacing, _styledComponents.autocompleteTokens.textFieldLeftHelperLineHeight, _styledComponents.autocompleteTokens.textFieldLabelInnerPadding, _styledComponents.autocompleteTokens.textFieldContentLabelInnerPadding, _styledComponents.autocompleteTokens.borderRadius, _styledComponents.autocompleteTokens.padding, _styledComponents.autocompleteTokens.itemPadding, _styledComponents.autocompleteTokens.itemBorderRadius, _styledComponents.autocompleteTokens.itemFontFamily, _styledComponents.autocompleteTokens.itemFontSize, _styledComponents.autocompleteTokens.itemFontStyle, _styledComponents.autocompleteTokens.itemFontWeight, _styledComponents.autocompleteTokens.itemFontLetterSpacing, _styledComponents.autocompleteTokens.itemFontLineHeight, _styledComponents.autocompleteTokens.emptyStatePadding, _styledComponents.autocompleteTokens.emptyStateGap, _styledComponents.autocompleteTokens.infiniteLoaderSpinnerSize, _styledComponents.autocompleteTokens.infiniteLoaderGap),
25
+ m: /*#__PURE__*/(0, _styledComponents.css)(_templateObject6 || (_templateObject6 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 3rem;\n ", ": 0.875rem 1rem 0.875rem 1rem;\n ", ": 0.75rem;\n ", ": 0.0625rem;\n ", ": -0.125rem 0.375rem -0.125rem -0.125rem;\n ", ": -0.125rem -0.125rem -0.125rem 0.75rem;\n ", ": 0 0.25rem 0 0;\n ", ": 0 0 0 0.25rem;\n ", ": var(--plasma-typo-body-m-font-family);\n ", ": var(--plasma-typo-body-m-font-size);\n ", ": var(--plasma-typo-body-m-font-style);\n ", ": var(--plasma-typo-body-m-font-weight);\n ", ": var(--plasma-typo-body-m-letter-spacing);\n ", ": var(--plasma-typo-body-m-line-height);\n ", ": 0.625rem;\n ", ": var(--plasma-typo-body-m-font-family);\n ", ": var(--plasma-typo-body-m-font-size);\n ", ": var(--plasma-typo-body-m-font-style);\n ", ": var(--plasma-typo-body-m-font-weight);\n ", ": var(--plasma-typo-body-m-letter-spacing);\n ", ": var(--plasma-typo-body-m-line-height);\n ", ": 0.25rem;\n ", ": var(--plasma-typo-body-xs-font-family);\n ", ": var(--plasma-typo-body-xs-font-size);\n ", ": var(--plasma-typo-body-xs-font-style);\n ", ": var(--plasma-typo-body-xs-font-weight);\n ", ": var(--plasma-typo-body-xs-letter-spacing);\n ", ": var(--plasma-typo-body-xs-line-height);\n ", ": 0.375rem 0 0.125rem 0;\n ", ": 1.375rem 0 0.375rem 0;\n\n ", ": 0.75rem;\n ", ": 0.125rem;\n ", ": 0.875rem 0.875rem 0.875rem 0.875rem;\n ", ": 0.625rem;\n\n ", ": var(--plasma-typo-body-m-font-family);\n ", ": var(--plasma-typo-body-m-font-size);\n ", ": var(--plasma-typo-body-m-font-style);\n ", ": var(--plasma-typo-body-m-font-weight);\n ", ": var(--plasma-typo-body-m-letter-spacing);\n ", ": var(--plasma-typo-body-m-line-height);\n\n ", ": 1.625rem 0.875rem 0.875rem 0.875rem;\n ", ": 0.375rem;\n\n ", ": 1.5rem;\n ", ": 0.375rem;\n "])), _styledComponents.autocompleteTokens.textFieldHeight, _styledComponents.autocompleteTokens.textFieldPadding, _styledComponents.autocompleteTokens.textFieldBorderRadius, _styledComponents.autocompleteTokens.textFieldBorderWidth, _styledComponents.autocompleteTokens.textFieldLeftContentMargin, _styledComponents.autocompleteTokens.textFieldRightContentMargin, _styledComponents.autocompleteTokens.textFieldTextBeforeMargin, _styledComponents.autocompleteTokens.textFieldTextAfterMargin, _styledComponents.autocompleteTokens.textFieldFontFamily, _styledComponents.autocompleteTokens.textFieldFontSize, _styledComponents.autocompleteTokens.textFieldFontStyle, _styledComponents.autocompleteTokens.textFieldFontWeight, _styledComponents.autocompleteTokens.textFieldLetterSpacing, _styledComponents.autocompleteTokens.textFieldLineHeight, _styledComponents.autocompleteTokens.textFieldLabelOffset, _styledComponents.autocompleteTokens.textFieldLabelFontFamily, _styledComponents.autocompleteTokens.textFieldLabelFontSize, _styledComponents.autocompleteTokens.textFieldLabelFontStyle, _styledComponents.autocompleteTokens.textFieldLabelFontWeight, _styledComponents.autocompleteTokens.textFieldLabelLetterSpacing, _styledComponents.autocompleteTokens.textFieldLabelLineHeight, _styledComponents.autocompleteTokens.textFieldLeftHelperOffset, _styledComponents.autocompleteTokens.textFieldLeftHelperFontFamily, _styledComponents.autocompleteTokens.textFieldLeftHelperFontSize, _styledComponents.autocompleteTokens.textFieldLeftHelperFontStyle, _styledComponents.autocompleteTokens.textFieldLeftHelperFontWeight, _styledComponents.autocompleteTokens.textFieldLeftHelperLetterSpacing, _styledComponents.autocompleteTokens.textFieldLeftHelperLineHeight, _styledComponents.autocompleteTokens.textFieldLabelInnerPadding, _styledComponents.autocompleteTokens.textFieldContentLabelInnerPadding, _styledComponents.autocompleteTokens.borderRadius, _styledComponents.autocompleteTokens.padding, _styledComponents.autocompleteTokens.itemPadding, _styledComponents.autocompleteTokens.itemBorderRadius, _styledComponents.autocompleteTokens.itemFontFamily, _styledComponents.autocompleteTokens.itemFontSize, _styledComponents.autocompleteTokens.itemFontStyle, _styledComponents.autocompleteTokens.itemFontWeight, _styledComponents.autocompleteTokens.itemFontLetterSpacing, _styledComponents.autocompleteTokens.itemFontLineHeight, _styledComponents.autocompleteTokens.emptyStatePadding, _styledComponents.autocompleteTokens.emptyStateGap, _styledComponents.autocompleteTokens.infiniteLoaderSpinnerSize, _styledComponents.autocompleteTokens.infiniteLoaderGap),
26
+ s: /*#__PURE__*/(0, _styledComponents.css)(_templateObject7 || (_templateObject7 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 2.5rem;\n ", ": 0.6875rem 0.875rem 0.6875rem 0.875rem;\n ", ": 0.625rem;\n ", ": 0.0625rem;\n ", ": -0.1875rem 0.25rem -0.1875rem -0.125rem;\n ", ": -0.1875rem -0.125rem -0.1875rem 0.75rem;\n ", ": 0 0.25rem 0 0;\n ", ": 0 0 0 0.25rem;\n ", ": var(--plasma-typo-body-s-font-family);\n ", ": var(--plasma-typo-body-s-font-size);\n ", ": var(--plasma-typo-body-s-font-style);\n ", ": var(--plasma-typo-body-s-font-weight);\n ", ": var(--plasma-typo-body-s-letter-spacing);\n ", ": var(--plasma-typo-body-s-line-height);\n ", ": 0.5rem;\n ", ": var(--plasma-typo-body-s-font-family);\n ", ": var(--plasma-typo-body-s-font-size);\n ", ": var(--plasma-typo-body-s-font-style);\n ", ": var(--plasma-typo-body-s-font-weight);\n ", ": var(--plasma-typo-body-s-letter-spacing);\n ", ": var(--plasma-typo-body-s-line-height);\n ", ": 0.25rem;\n ", ": var(--plasma-typo-body-xs-font-family);\n ", ": var(--plasma-typo-body-xs-font-size);\n ", ": var(--plasma-typo-body-xs-font-style);\n ", ": var(--plasma-typo-body-xs-font-weight);\n ", ": var(--plasma-typo-body-xs-letter-spacing);\n ", ": var(--plasma-typo-body-xs-line-height);\n ", ": 0.3125rem 0 0 0;\n ", ": 1.0625rem 0 0.3125rem 0;\n\n ", ": 0.625rem;\n ", ": 0.125rem;\n ", ": 0.6875rem 0.75rem;\n ", ": 0.5rem;\n\n ", ": var(--plasma-typo-body-s-font-family);\n ", ": var(--plasma-typo-body-s-font-size);\n ", ": var(--plasma-typo-body-s-font-style);\n ", ": var(--plasma-typo-body-s-font-weight);\n ", ": var(--plasma-typo-body-s-letter-spacing);\n ", ": var(--plasma-typo-body-s-line-height);\n\n ", ": 1.375rem 0.625rem 0.625rem 0.625rem;\n ", ": 0.25rem;\n\n ", ": 1.5rem;\n ", ": 0.25rem;\n "])), _styledComponents.autocompleteTokens.textFieldHeight, _styledComponents.autocompleteTokens.textFieldPadding, _styledComponents.autocompleteTokens.textFieldBorderRadius, _styledComponents.autocompleteTokens.textFieldBorderWidth, _styledComponents.autocompleteTokens.textFieldLeftContentMargin, _styledComponents.autocompleteTokens.textFieldRightContentMargin, _styledComponents.autocompleteTokens.textFieldTextBeforeMargin, _styledComponents.autocompleteTokens.textFieldTextAfterMargin, _styledComponents.autocompleteTokens.textFieldFontFamily, _styledComponents.autocompleteTokens.textFieldFontSize, _styledComponents.autocompleteTokens.textFieldFontStyle, _styledComponents.autocompleteTokens.textFieldFontWeight, _styledComponents.autocompleteTokens.textFieldLetterSpacing, _styledComponents.autocompleteTokens.textFieldLineHeight, _styledComponents.autocompleteTokens.textFieldLabelOffset, _styledComponents.autocompleteTokens.textFieldLabelFontFamily, _styledComponents.autocompleteTokens.textFieldLabelFontSize, _styledComponents.autocompleteTokens.textFieldLabelFontStyle, _styledComponents.autocompleteTokens.textFieldLabelFontWeight, _styledComponents.autocompleteTokens.textFieldLabelLetterSpacing, _styledComponents.autocompleteTokens.textFieldLabelLineHeight, _styledComponents.autocompleteTokens.textFieldLeftHelperOffset, _styledComponents.autocompleteTokens.textFieldLeftHelperFontFamily, _styledComponents.autocompleteTokens.textFieldLeftHelperFontSize, _styledComponents.autocompleteTokens.textFieldLeftHelperFontStyle, _styledComponents.autocompleteTokens.textFieldLeftHelperFontWeight, _styledComponents.autocompleteTokens.textFieldLeftHelperLetterSpacing, _styledComponents.autocompleteTokens.textFieldLeftHelperLineHeight, _styledComponents.autocompleteTokens.textFieldLabelInnerPadding, _styledComponents.autocompleteTokens.textFieldContentLabelInnerPadding, _styledComponents.autocompleteTokens.borderRadius, _styledComponents.autocompleteTokens.padding, _styledComponents.autocompleteTokens.itemPadding, _styledComponents.autocompleteTokens.itemBorderRadius, _styledComponents.autocompleteTokens.itemFontFamily, _styledComponents.autocompleteTokens.itemFontSize, _styledComponents.autocompleteTokens.itemFontStyle, _styledComponents.autocompleteTokens.itemFontWeight, _styledComponents.autocompleteTokens.itemFontLetterSpacing, _styledComponents.autocompleteTokens.itemFontLineHeight, _styledComponents.autocompleteTokens.emptyStatePadding, _styledComponents.autocompleteTokens.emptyStateGap, _styledComponents.autocompleteTokens.infiniteLoaderSpinnerSize, _styledComponents.autocompleteTokens.infiniteLoaderGap),
27
+ xs: /*#__PURE__*/(0, _styledComponents.css)(_templateObject8 || (_templateObject8 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 2rem;\n ", ": 0.5625rem 0.625rem 0.5625rem 0.625rem;\n ", ": 0.5rem;\n ", ": 0.0625rem;\n ", ": -0.0625rem 0.25rem -0.0625rem -0.125rem;\n ", ": -0.0625rem -0.125rem -0.0625rem 0.75rem;\n ", ": 0 0.25rem 0 0;\n ", ": 0 0 0 0.25rem;\n ", ": var(--plasma-typo-body-xs-font-family);\n ", ": var(--plasma-typo-body-xs-font-size);\n ", ": var(--plasma-typo-body-xs-font-style);\n ", ": var(--plasma-typo-body-xs-font-weight);\n ", ": var(--plasma-typo-body-xs-letter-spacing);\n ", ": var(--plasma-typo-body-xs-line-height);\n ", ": 0.375rem;\n ", ": var(--plasma-typo-body-xs-font-family);\n ", ": var(--plasma-typo-body-xs-font-size);\n ", ": var(--plasma-typo-body-xs-font-style);\n ", ": var(--plasma-typo-body-xs-font-weight);\n ", ": var(--plasma-typo-body-xs-letter-spacing);\n ", ": var(--plasma-typo-body-xs-line-height);\n ", ": 0.25rem;\n ", ": var(--plasma-typo-body-xs-font-family);\n ", ": var(--plasma-typo-body-xs-font-size);\n ", ": var(--plasma-typo-body-xs-font-style);\n ", ": var(--plasma-typo-body-xs-font-weight);\n ", ": var(--plasma-typo-body-xs-letter-spacing);\n ", ": var(--plasma-typo-body-xs-line-height);\n ", ": 0.3125rem 0 0 0;\n ", ": 1.0625rem 0 0.3125rem 0;\n\n ", ": 0.5rem;\n ", ": 0.125rem;\n ", ": 0.5625rem 0.5rem;\n ", ": 0.5rem;\n\n ", ": var(--plasma-typo-body-xs-font-family);\n ", ": var(--plasma-typo-body-xs-font-size);\n ", ": var(--plasma-typo-body-xs-font-style);\n ", ": var(--plasma-typo-body-xs-font-weight);\n ", ": var(--plasma-typo-body-xs-letter-spacing);\n ", ": var(--plasma-typo-body-xs-line-height);\n\n ", ": 1rem 0.5rem 0.5rem 0.5rem;\n ", ": 0.25rem;\n\n ", ": 1rem;\n ", ": 0.25rem;\n "])), _styledComponents.autocompleteTokens.textFieldHeight, _styledComponents.autocompleteTokens.textFieldPadding, _styledComponents.autocompleteTokens.textFieldBorderRadius, _styledComponents.autocompleteTokens.textFieldBorderWidth, _styledComponents.autocompleteTokens.textFieldLeftContentMargin, _styledComponents.autocompleteTokens.textFieldRightContentMargin, _styledComponents.autocompleteTokens.textFieldTextBeforeMargin, _styledComponents.autocompleteTokens.textFieldTextAfterMargin, _styledComponents.autocompleteTokens.textFieldFontFamily, _styledComponents.autocompleteTokens.textFieldFontSize, _styledComponents.autocompleteTokens.textFieldFontStyle, _styledComponents.autocompleteTokens.textFieldFontWeight, _styledComponents.autocompleteTokens.textFieldLetterSpacing, _styledComponents.autocompleteTokens.textFieldLineHeight, _styledComponents.autocompleteTokens.textFieldLabelOffset, _styledComponents.autocompleteTokens.textFieldLabelFontFamily, _styledComponents.autocompleteTokens.textFieldLabelFontSize, _styledComponents.autocompleteTokens.textFieldLabelFontStyle, _styledComponents.autocompleteTokens.textFieldLabelFontWeight, _styledComponents.autocompleteTokens.textFieldLabelLetterSpacing, _styledComponents.autocompleteTokens.textFieldLabelLineHeight, _styledComponents.autocompleteTokens.textFieldLeftHelperOffset, _styledComponents.autocompleteTokens.textFieldLeftHelperFontFamily, _styledComponents.autocompleteTokens.textFieldLeftHelperFontSize, _styledComponents.autocompleteTokens.textFieldLeftHelperFontStyle, _styledComponents.autocompleteTokens.textFieldLeftHelperFontWeight, _styledComponents.autocompleteTokens.textFieldLeftHelperLetterSpacing, _styledComponents.autocompleteTokens.textFieldLeftHelperLineHeight, _styledComponents.autocompleteTokens.textFieldLabelInnerPadding, _styledComponents.autocompleteTokens.textFieldContentLabelInnerPadding, _styledComponents.autocompleteTokens.borderRadius, _styledComponents.autocompleteTokens.padding, _styledComponents.autocompleteTokens.itemPadding, _styledComponents.autocompleteTokens.itemBorderRadius, _styledComponents.autocompleteTokens.itemFontFamily, _styledComponents.autocompleteTokens.itemFontSize, _styledComponents.autocompleteTokens.itemFontStyle, _styledComponents.autocompleteTokens.itemFontWeight, _styledComponents.autocompleteTokens.itemFontLetterSpacing, _styledComponents.autocompleteTokens.itemFontLineHeight, _styledComponents.autocompleteTokens.emptyStatePadding, _styledComponents.autocompleteTokens.emptyStateGap, _styledComponents.autocompleteTokens.infiniteLoaderSpinnerSize, _styledComponents.autocompleteTokens.infiniteLoaderGap)
28
+ },
29
+ labelPlacement: {
30
+ inner: /*#__PURE__*/(0, _styledComponents.css)(_templateObject9 || (_templateObject9 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--plasma-input-label-color, var(--plasma-input-placeholder-color, var(--plasma-colors-secondary)));\n ", ": var(--plasma-typo-body-xs-font-family);\n ", ": var(--plasma-typo-body-xs-font-size);\n ", ": var(--plasma-typo-body-xs-font-style);\n ", ": var(--plasma-typo-body-xs-font-weight);\n ", ": var(--plasma-typo-body-xs-letter-spacing);\n ", ": var(--plasma-typo-body-xs-line-height);\n "])), _styledComponents.autocompleteTokens.textFieldPlaceholderColor, _styledComponents.autocompleteTokens.textFieldLabelInnerFontFamily, _styledComponents.autocompleteTokens.textFieldLabelInnerFontSize, _styledComponents.autocompleteTokens.textFieldLabelInnerFontStyle, _styledComponents.autocompleteTokens.textFieldLabelInnerFontWeight, _styledComponents.autocompleteTokens.textFieldLabelInnerLetterSpacing, _styledComponents.autocompleteTokens.textFieldLabelInnerLineHeight),
31
+ outer: /*#__PURE__*/(0, _styledComponents.css)(_templateObject10 || (_templateObject10 = /*#__PURE__*/_taggedTemplateLiteral([""])))
32
+ },
33
+ disabled: {
34
+ "true": /*#__PURE__*/(0, _styledComponents.css)(_templateObject11 || (_templateObject11 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.4;\n "])), _styledComponents.autocompleteTokens.textFieldDisabledOpacity)
35
+ },
36
+ readOnly: {
37
+ "true": /*#__PURE__*/(0, _styledComponents.css)(_templateObject12 || (_templateObject12 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-primary);\n ", ": var(--surface-clear);\n ", ": var(--surface-transparent-tertiary);\n ", ": var(--text-secondary);\n ", ": var(--text-secondary);\n ", ": var(--text-secondary);\n "])), _styledComponents.autocompleteTokens.textFieldColorReadOnly, _styledComponents.autocompleteTokens.textFieldBackgroundColorReadOnly, _styledComponents.autocompleteTokens.textFieldBorderColorReadOnly, _styledComponents.autocompleteTokens.textFieldPlaceholderColorReadOnly, _styledComponents.autocompleteTokens.textFieldLeftHelperColorReadOnly, _styledComponents.autocompleteTokens.textFieldLabelColorReadOnly)
38
+ }
39
+ }
40
+ };
@@ -0,0 +1,53 @@
1
+ /// <reference types="react" />
2
+ export declare const Autocomplete: import("react").FunctionComponent<import("@salutejs/plasma-new-hope/types/engines/types").PropsType<{
3
+ view: {
4
+ default: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
5
+ positive: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
6
+ warning: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
7
+ negative: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
8
+ };
9
+ size: {
10
+ l: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
11
+ m: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
12
+ s: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
13
+ xs: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
14
+ };
15
+ labelPlacement: {
16
+ inner: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
17
+ outer: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
18
+ };
19
+ disabled: {
20
+ true: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
21
+ };
22
+ readOnly: {
23
+ true: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
24
+ };
25
+ }> & ((import("@salutejs/plasma-new-hope/types/components/Autocomplete/Autocomplete.types").BaseProps<string | number> & {
26
+ label?: string | undefined;
27
+ labelPlacement?: "inner" | "outer" | undefined;
28
+ leftHelper?: string | undefined;
29
+ contentLeft?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
30
+ contentRight?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
31
+ textBefore?: string | undefined;
32
+ textAfter?: string | undefined;
33
+ onSearch?: ((value: string, event?: import("react").KeyboardEvent<HTMLInputElement> | undefined) => void) | undefined;
34
+ } & {
35
+ chips?: undefined;
36
+ onChangeChips?: undefined;
37
+ enumerationType?: "plain" | undefined;
38
+ onSearch?: ((value: string, event?: import("react").KeyboardEvent<HTMLInputElement> | undefined) => void) | undefined;
39
+ } & Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "size"> & import("react").RefAttributes<HTMLInputElement>) | (import("@salutejs/plasma-new-hope/types/components/Autocomplete/Autocomplete.types").BaseProps<string | number> & {
40
+ label?: string | undefined;
41
+ labelPlacement?: "inner" | "outer" | undefined;
42
+ leftHelper?: string | undefined;
43
+ contentLeft?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
44
+ contentRight?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
45
+ textBefore?: string | undefined;
46
+ textAfter?: string | undefined;
47
+ onSearch?: ((value: string, event?: import("react").KeyboardEvent<HTMLInputElement> | undefined) => void) | undefined;
48
+ } & {
49
+ enumerationType: "chip";
50
+ onSearch?: undefined;
51
+ chips?: import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").TextFieldPrimitiveValue[] | undefined;
52
+ onChangeChips?: ((value: import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").TextFieldPrimitiveValue[]) => void) | undefined;
53
+ } & Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "size"> & import("react").RefAttributes<HTMLInputElement>))>;
@@ -0,0 +1,10 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.Autocomplete = void 0;
7
+ var _styledComponents = /*#__PURE__*/require("@salutejs/plasma-new-hope/styled-components");
8
+ var _Autocomplete = /*#__PURE__*/require("./Autocomplete.config");
9
+ var mergedConfig = /*#__PURE__*/(0, _styledComponents.mergeConfig)(_styledComponents.autocompleteConfig, _Autocomplete.config);
10
+ var Autocomplete = exports.Autocomplete = /*#__PURE__*/(0, _styledComponents.component)(mergedConfig);
@@ -0,0 +1 @@
1
+ export { Autocomplete } from './Autocomplete';
@@ -0,0 +1,12 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ Object.defineProperty(exports, "Autocomplete", {
7
+ enumerable: true,
8
+ get: function get() {
9
+ return _Autocomplete.Autocomplete;
10
+ }
11
+ });
12
+ var _Autocomplete = /*#__PURE__*/require("./Autocomplete");
@@ -0,0 +1,13 @@
1
+ export declare const config: {
2
+ defaults: {
3
+ size: string;
4
+ };
5
+ variations: {
6
+ size: {
7
+ l: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
8
+ m: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
9
+ s: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
10
+ fit: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
11
+ };
12
+ };
13
+ };
@@ -0,0 +1,22 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.config = void 0;
7
+ var _styledComponents = /*#__PURE__*/require("@salutejs/plasma-new-hope/styled-components");
8
+ var _templateObject, _templateObject2, _templateObject3, _templateObject4;
9
+ function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
10
+ var config = exports.config = {
11
+ defaults: {
12
+ size: 'l'
13
+ },
14
+ variations: {
15
+ size: {
16
+ l: /*#__PURE__*/(0, _styledComponents.css)(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.875rem;\n ", ": 2rem 1rem 1rem 1rem;\n ", ": 0 0 0.5rem 0;\n ", ": 3.5rem;\n ", ": var(--plasma-typo-body-l-font-family);\n ", ": var(--plasma-typo-body-l-font-size);\n ", ": var(--plasma-typo-body-l-font-style);\n ", ": var(--plasma-typo-body-l-font-weight);\n ", ": var(--plasma-typo-body-l-letter-spacing);\n ", ": var(--plasma-typo-body-l-line-height);\n "])), _styledComponents.emptyStateTokens.borderRadius, _styledComponents.emptyStateTokens.padding, _styledComponents.emptyStateTokens.iconMargin, _styledComponents.emptyStateTokens.buttonHeight, _styledComponents.emptyStateTokens.fontFamily, _styledComponents.emptyStateTokens.fontSize, _styledComponents.emptyStateTokens.fontStyle, _styledComponents.emptyStateTokens.fontWeight, _styledComponents.emptyStateTokens.fontLetterSpacing, _styledComponents.emptyStateTokens.fontLineHeight),
17
+ m: /*#__PURE__*/(0, _styledComponents.css)(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.75rem;\n ", ": 1.625rem 0.875rem 0.875rem 0.875rem;\n ", ": 0 0 0.375rem 0;\n ", ": 3rem;\n ", ": var(--plasma-typo-body-m-font-family);\n ", ": var(--plasma-typo-body-m-font-size);\n ", ": var(--plasma-typo-body-m-font-style);\n ", ": var(--plasma-typo-body-m-font-weight);\n ", ": var(--plasma-typo-body-m-letter-spacing);\n ", ": var(--plasma-typo-body-m-line-height);\n "])), _styledComponents.emptyStateTokens.borderRadius, _styledComponents.emptyStateTokens.padding, _styledComponents.emptyStateTokens.iconMargin, _styledComponents.emptyStateTokens.buttonHeight, _styledComponents.emptyStateTokens.fontFamily, _styledComponents.emptyStateTokens.fontSize, _styledComponents.emptyStateTokens.fontStyle, _styledComponents.emptyStateTokens.fontWeight, _styledComponents.emptyStateTokens.fontLetterSpacing, _styledComponents.emptyStateTokens.fontLineHeight),
18
+ s: /*#__PURE__*/(0, _styledComponents.css)(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.625rem;\n ", ": 1.375rem 0.625rem 0.625rem 0.625rem;\n ", ": 0 0 0.25rem 0;\n ", ": 2.5rem;\n ", ": var(--plasma-typo-body-s-font-family);\n ", ": var(--plasma-typo-body-s-font-size);\n ", ": var(--plasma-typo-body-s-font-style);\n ", ": var(--plasma-typo-body-s-font-weight);\n ", ": var(--plasma-typo-body-s-letter-spacing);\n ", ": var(--plasma-typo-body-s-line-height);\n "])), _styledComponents.emptyStateTokens.borderRadius, _styledComponents.emptyStateTokens.padding, _styledComponents.emptyStateTokens.iconMargin, _styledComponents.emptyStateTokens.buttonHeight, _styledComponents.emptyStateTokens.fontFamily, _styledComponents.emptyStateTokens.fontSize, _styledComponents.emptyStateTokens.fontStyle, _styledComponents.emptyStateTokens.fontWeight, _styledComponents.emptyStateTokens.fontLetterSpacing, _styledComponents.emptyStateTokens.fontLineHeight),
19
+ fit: /*#__PURE__*/(0, _styledComponents.css)(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.5rem;\n ", ": 1rem 0.5rem 0.5rem 0.5rem;\n ", ": 0 0 0.25rem 0;\n ", ": 2rem;\n ", ": var(--plasma-typo-body-xs-font-family);\n ", ": var(--plasma-typo-body-xs-font-size);\n ", ": var(--plasma-typo-body-xs-font-style);\n ", ": var(--plasma-typo-body-xs-font-weight);\n ", ": var(--plasma-typo-body-xs-letter-spacing);\n ", ": var(--plasma-typo-body-xs-line-height);\n "])), _styledComponents.emptyStateTokens.borderRadius, _styledComponents.emptyStateTokens.padding, _styledComponents.emptyStateTokens.iconMargin, _styledComponents.emptyStateTokens.buttonHeight, _styledComponents.emptyStateTokens.fontFamily, _styledComponents.emptyStateTokens.fontSize, _styledComponents.emptyStateTokens.fontStyle, _styledComponents.emptyStateTokens.fontWeight, _styledComponents.emptyStateTokens.fontLetterSpacing, _styledComponents.emptyStateTokens.fontLineHeight)
20
+ }
21
+ }
22
+ };
@@ -0,0 +1,24 @@
1
+ /// <reference types="react" />
2
+ export declare const mergedConfig: import("@salutejs/plasma-new-hope/styled-components").ComponentConfig<string, {
3
+ size: {
4
+ l: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
5
+ m: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
6
+ s: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
7
+ fit: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
8
+ };
9
+ }, import("@salutejs/plasma-new-hope/types/engines/types").PropsType<{
10
+ size: {
11
+ l: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
12
+ m: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
13
+ s: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
14
+ fit: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
15
+ };
16
+ }>, import("@salutejs/plasma-new-hope/types/components/EmptyState/EmptyState.types").Props & import("react").RefAttributes<HTMLDivElement>>;
17
+ export declare const EmptyState: import("react").FunctionComponent<import("@salutejs/plasma-new-hope/types/engines/types").PropsType<{
18
+ size: {
19
+ l: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
20
+ m: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
21
+ s: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
22
+ fit: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
23
+ };
24
+ }> & import("@salutejs/plasma-new-hope/types/components/EmptyState/EmptyState.types").Props & import("react").RefAttributes<HTMLDivElement>>;
@@ -0,0 +1,10 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.mergedConfig = exports.EmptyState = void 0;
7
+ var _styledComponents = /*#__PURE__*/require("@salutejs/plasma-new-hope/styled-components");
8
+ var _EmptyState = /*#__PURE__*/require("./EmptyState.config");
9
+ var mergedConfig = exports.mergedConfig = /*#__PURE__*/(0, _styledComponents.mergeConfig)(_styledComponents.emptyStateConfig, _EmptyState.config);
10
+ var EmptyState = exports.EmptyState = /*#__PURE__*/(0, _styledComponents.component)(mergedConfig);
@@ -0,0 +1 @@
1
+ export { EmptyState } from './EmptyState';
@@ -0,0 +1,12 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ Object.defineProperty(exports, "EmptyState", {
7
+ enumerable: true,
8
+ get: function get() {
9
+ return _EmptyState.EmptyState;
10
+ }
11
+ });
12
+ var _EmptyState = /*#__PURE__*/require("./EmptyState");
@@ -0,0 +1,39 @@
1
+ import './Autocomplete.config_1kdai1k.css';
2
+ 'use strict';
3
+
4
+ Object.defineProperty(exports, '__esModule', { value: true });
5
+
6
+ var config = {
7
+ defaults: {
8
+ view: 'default',
9
+ size: 'l',
10
+ labelPlacement: 'outer'
11
+ },
12
+ variations: {
13
+ view: {
14
+ "default": "d15witju",
15
+ positive: "p23ewyp",
16
+ warning: "w19hpt9v",
17
+ negative: "nsso48m"
18
+ },
19
+ size: {
20
+ l: "l1lgbia2",
21
+ m: "mfonypc",
22
+ s: "s16l59bm",
23
+ xs: "xuxefna"
24
+ },
25
+ labelPlacement: {
26
+ inner: "i53l11i",
27
+ outer: "o13hmuvi"
28
+ },
29
+ disabled: {
30
+ "true": "t1rats1y"
31
+ },
32
+ readOnly: {
33
+ "true": "tzs7164"
34
+ }
35
+ }
36
+ };
37
+
38
+ exports.config = config;
39
+ //# sourceMappingURL=Autocomplete.config.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Autocomplete.config.js","sources":["../../../../src-css/components/Autocomplete/Autocomplete.config.ts"],"sourcesContent":["import { css, autocompleteTokens as tokens } from '@salutejs/plasma-new-hope';\n\nexport const config = {\n defaults: {\n view: 'default',\n size: 'l',\n labelPlacement: 'outer',\n },\n variations: {\n view: {\n default: css`\n ${tokens.textFieldColor}: var(--text-primary);\n ${tokens.textFieldBackgroundColor}: var(--surface-clear);\n ${tokens.textFieldCaretColor}: var(--text-accent);\n ${tokens.textFieldPlaceholderColor}: var(--text-secondary);\n ${tokens.textFieldTextBeforeColor}: var(--text-tertiary);\n ${tokens.textFieldTextAfterColor}: var(--text-tertiary);\n ${tokens.textFieldLabelColor}: var(--text-primary);\n ${tokens.textFieldLeftHelperColor}: var(--text-secondary);\n ${tokens.textFieldFocusColor}: var(--text-accent);\n ${tokens.textFieldBorderColor}: var(--surface-transparent-tertiary);\n ${tokens.textFieldBorderColorHover}: var(--plasma-colors-secondary);\n ${tokens.textFieldBorderColorFocus}: var(--surface-accent);\n\n ${tokens.background}: var(--surface-solid-card);\n ${tokens.boxShadow}: var(--shadow-down-soft-s);\n ${tokens.itemBackground}: var(--plasma-colors-transparent);\n ${tokens.itemBackgroundHover}: var(--surface-transparent-secondary);\n ${tokens.itemColor}: var(--text-primary);\n ${tokens.focusColor}: var(--surface-accent);\n\n ${tokens.infiniteLoaderSpinnerColor}: var(--text-primary);\n `,\n positive: css`\n ${tokens.textFieldColor}: var(--text-primary);\n ${tokens.textFieldBackgroundColor}: var(--surface-clear);\n ${tokens.textFieldCaretColor}: var(--text-accent);\n ${tokens.textFieldPlaceholderColor}: var(--text-secondary);\n ${tokens.textFieldTextBeforeColor}: var(--text-tertiary);\n ${tokens.textFieldTextAfterColor}: var(--text-tertiary);\n ${tokens.textFieldLabelColor}: var(--text-primary);\n ${tokens.textFieldLeftHelperColor}: var(--text-positive);\n ${tokens.textFieldFocusColor}: var(--text-accent);\n ${tokens.textFieldBorderColor}: var(--surface-positive);\n ${tokens.textFieldBorderColorHover}: var(--surface-positive);\n ${tokens.textFieldBorderColorFocus}: var(--surface-accent);\n\n ${tokens.background}: var(--surface-solid-card);\n ${tokens.boxShadow}: var(--shadow-down-soft-s);\n ${tokens.itemBackground}: var(--plasma-colors-transparent);\n ${tokens.itemBackgroundHover}: var(--surface-transparent-secondary);\n ${tokens.itemColor}: var(--text-primary);\n ${tokens.focusColor}: var(--surface-accent);\n\n ${tokens.infiniteLoaderSpinnerColor}: var(--text-primary);\n `,\n warning: css`\n ${tokens.textFieldColor}: var(--text-primary);\n ${tokens.textFieldBackgroundColor}: var(--surface-clear);\n ${tokens.textFieldBackgroundColorFocus}: var(--surface-transparent-warning-active);\n ${tokens.textFieldCaretColor}: var(--text-accent);\n ${tokens.textFieldPlaceholderColor}: var(--text-secondary);\n ${tokens.textFieldTextBeforeColor}: var(--text-tertiary);\n ${tokens.textFieldTextAfterColor}: var(--text-tertiary);\n ${tokens.textFieldLabelColor}: var(--text-primary);\n ${tokens.textFieldLeftHelperColor}: var(--text-warning);\n ${tokens.textFieldFocusColor}: var(--text-accent);\n ${tokens.textFieldBorderColor}: var(--surface-warning);\n ${tokens.textFieldBorderColorHover}: var(--surface-warning);\n ${tokens.textFieldBorderColorFocus}: var(--surface-accent);\n\n ${tokens.background}: var(--surface-solid-card);\n ${tokens.boxShadow}: var(--shadow-down-soft-s);\n ${tokens.itemBackground}: var(--plasma-colors-transparent);\n ${tokens.itemBackgroundHover}: var(--surface-transparent-secondary);\n ${tokens.itemColor}: var(--text-primary);\n ${tokens.focusColor}: var(--surface-accent);\n\n ${tokens.infiniteLoaderSpinnerColor}: var(--text-primary);\n `,\n negative: css`\n ${tokens.textFieldColor}: var(--text-primary);\n ${tokens.textFieldBackgroundColor}: var(--surface-clear);\n ${tokens.textFieldBackgroundColorFocus}: var(--surface-transparent-negative-active);\n ${tokens.textFieldCaretColor}: var(--text-accent);\n ${tokens.textFieldPlaceholderColor}: var(--text-secondary);\n ${tokens.textFieldTextBeforeColor}: var(--text-tertiary);\n ${tokens.textFieldTextAfterColor}: var(--text-tertiary);\n ${tokens.textFieldLabelColor}: var(--text-primary);\n ${tokens.textFieldLeftHelperColor}: var(--text-negative);\n ${tokens.textFieldFocusColor}: var(--text-accent);\n ${tokens.textFieldBorderColor}: var(--surface-negative);\n ${tokens.textFieldBorderColorHover}: var(--surface-negative);\n ${tokens.textFieldBorderColorFocus}: var(--surface-accent);\n\n ${tokens.background}: var(--surface-solid-card);\n ${tokens.boxShadow}: var(--shadow-down-soft-s);\n ${tokens.itemBackground}: var(--plasma-colors-transparent);\n ${tokens.itemBackgroundHover}: var(--surface-transparent-secondary);\n ${tokens.itemColor}: var(--text-primary);\n ${tokens.focusColor}: var(--surface-accent);\n\n ${tokens.infiniteLoaderSpinnerColor}: var(--text-primary);\n `,\n },\n size: {\n l: css`\n ${tokens.textFieldHeight}: 3.5rem;\n ${tokens.textFieldPadding}: 1.0625rem 1.125rem 1.0625rem 1.125rem;\n ${tokens.textFieldBorderRadius}: 0.875rem;\n ${tokens.textFieldBorderWidth}: 0.0625rem;\n ${tokens.textFieldLeftContentMargin}: -0.0625rem 0.5rem -0.0625rem -0.125rem;\n ${tokens.textFieldRightContentMargin}: -0.0625rem -0.125rem -0.0625rem 0.75rem;\n ${tokens.textFieldTextBeforeMargin}: 0 0.25rem 0 0;\n ${tokens.textFieldTextAfterMargin}: 0 0 0 0.25rem;\n ${tokens.textFieldFontFamily}: var(--plasma-typo-body-l-font-family);\n ${tokens.textFieldFontSize}: var(--plasma-typo-body-l-font-size);\n ${tokens.textFieldFontStyle}: var(--plasma-typo-body-l-font-style);\n ${tokens.textFieldFontWeight}: var(--plasma-typo-body-l-font-weight);\n ${tokens.textFieldLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${tokens.textFieldLineHeight}: var(--plasma-typo-body-l-line-height);\n ${tokens.textFieldLabelOffset}: 0.75rem;\n ${tokens.textFieldLabelFontFamily}: var(--plasma-typo-body-l-font-family);\n ${tokens.textFieldLabelFontSize}: var(--plasma-typo-body-l-font-size);\n ${tokens.textFieldLabelFontStyle}: var(--plasma-typo-body-l-font-style);\n ${tokens.textFieldLabelFontWeight}: var(--plasma-typo-body-l-font-weight);\n ${tokens.textFieldLabelLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${tokens.textFieldLabelLineHeight}: var(--plasma-typo-body-l-line-height);\n ${tokens.textFieldLeftHelperOffset}: 0.25rem;\n ${tokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.textFieldLeftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.textFieldLeftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.textFieldLeftHelperLineHeight}: var(--plasma-typo-body-xs-line-height);\n ${tokens.textFieldLabelInnerPadding}: 0.5625rem 0 0.125rem 0;\n ${tokens.textFieldContentLabelInnerPadding}: 1.5625rem 0 0.5625rem 0;\n\n ${tokens.borderRadius}: 0.875rem;\n ${tokens.padding}: 0.125rem;\n ${tokens.itemPadding}: 1.0625rem 1rem;\n ${tokens.itemBorderRadius}: 0.75rem;\n\n ${tokens.itemFontFamily}: var(--plasma-typo-body-l-font-family);\n ${tokens.itemFontSize}: var(--plasma-typo-body-l-font-size);\n ${tokens.itemFontStyle}: var(--plasma-typo-body-l-font-style);\n ${tokens.itemFontWeight}: var(--plasma-typo-body-l-font-weight);\n ${tokens.itemFontLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${tokens.itemFontLineHeight}: var(--plasma-typo-body-l-line-height);\n\n ${tokens.emptyStatePadding}: 2rem 1rem 1rem 1rem;\n ${tokens.emptyStateGap}: 0.5rem;\n\n ${tokens.infiniteLoaderSpinnerSize}: 1.5rem;\n ${tokens.infiniteLoaderGap}: 0.5rem;\n `,\n m: css`\n ${tokens.textFieldHeight}: 3rem;\n ${tokens.textFieldPadding}: 0.875rem 1rem 0.875rem 1rem;\n ${tokens.textFieldBorderRadius}: 0.75rem;\n ${tokens.textFieldBorderWidth}: 0.0625rem;\n ${tokens.textFieldLeftContentMargin}: -0.125rem 0.375rem -0.125rem -0.125rem;\n ${tokens.textFieldRightContentMargin}: -0.125rem -0.125rem -0.125rem 0.75rem;\n ${tokens.textFieldTextBeforeMargin}: 0 0.25rem 0 0;\n ${tokens.textFieldTextAfterMargin}: 0 0 0 0.25rem;\n ${tokens.textFieldFontFamily}: var(--plasma-typo-body-m-font-family);\n ${tokens.textFieldFontSize}: var(--plasma-typo-body-m-font-size);\n ${tokens.textFieldFontStyle}: var(--plasma-typo-body-m-font-style);\n ${tokens.textFieldFontWeight}: var(--plasma-typo-body-m-font-weight);\n ${tokens.textFieldLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${tokens.textFieldLineHeight}: var(--plasma-typo-body-m-line-height);\n ${tokens.textFieldLabelOffset}: 0.625rem;\n ${tokens.textFieldLabelFontFamily}: var(--plasma-typo-body-m-font-family);\n ${tokens.textFieldLabelFontSize}: var(--plasma-typo-body-m-font-size);\n ${tokens.textFieldLabelFontStyle}: var(--plasma-typo-body-m-font-style);\n ${tokens.textFieldLabelFontWeight}: var(--plasma-typo-body-m-font-weight);\n ${tokens.textFieldLabelLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${tokens.textFieldLabelLineHeight}: var(--plasma-typo-body-m-line-height);\n ${tokens.textFieldLeftHelperOffset}: 0.25rem;\n ${tokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.textFieldLeftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.textFieldLeftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.textFieldLeftHelperLineHeight}: var(--plasma-typo-body-xs-line-height);\n ${tokens.textFieldLabelInnerPadding}: 0.375rem 0 0.125rem 0;\n ${tokens.textFieldContentLabelInnerPadding}: 1.375rem 0 0.375rem 0;\n\n ${tokens.borderRadius}: 0.75rem;\n ${tokens.padding}: 0.125rem;\n ${tokens.itemPadding}: 0.875rem 0.875rem 0.875rem 0.875rem;\n ${tokens.itemBorderRadius}: 0.625rem;\n\n ${tokens.itemFontFamily}: var(--plasma-typo-body-m-font-family);\n ${tokens.itemFontSize}: var(--plasma-typo-body-m-font-size);\n ${tokens.itemFontStyle}: var(--plasma-typo-body-m-font-style);\n ${tokens.itemFontWeight}: var(--plasma-typo-body-m-font-weight);\n ${tokens.itemFontLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${tokens.itemFontLineHeight}: var(--plasma-typo-body-m-line-height);\n\n ${tokens.emptyStatePadding}: 1.625rem 0.875rem 0.875rem 0.875rem;\n ${tokens.emptyStateGap}: 0.375rem;\n\n ${tokens.infiniteLoaderSpinnerSize}: 1.5rem;\n ${tokens.infiniteLoaderGap}: 0.375rem;\n `,\n s: css`\n ${tokens.textFieldHeight}: 2.5rem;\n ${tokens.textFieldPadding}: 0.6875rem 0.875rem 0.6875rem 0.875rem;\n ${tokens.textFieldBorderRadius}: 0.625rem;\n ${tokens.textFieldBorderWidth}: 0.0625rem;\n ${tokens.textFieldLeftContentMargin}: -0.1875rem 0.25rem -0.1875rem -0.125rem;\n ${tokens.textFieldRightContentMargin}: -0.1875rem -0.125rem -0.1875rem 0.75rem;\n ${tokens.textFieldTextBeforeMargin}: 0 0.25rem 0 0;\n ${tokens.textFieldTextAfterMargin}: 0 0 0 0.25rem;\n ${tokens.textFieldFontFamily}: var(--plasma-typo-body-s-font-family);\n ${tokens.textFieldFontSize}: var(--plasma-typo-body-s-font-size);\n ${tokens.textFieldFontStyle}: var(--plasma-typo-body-s-font-style);\n ${tokens.textFieldFontWeight}: var(--plasma-typo-body-s-font-weight);\n ${tokens.textFieldLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${tokens.textFieldLineHeight}: var(--plasma-typo-body-s-line-height);\n ${tokens.textFieldLabelOffset}: 0.5rem;\n ${tokens.textFieldLabelFontFamily}: var(--plasma-typo-body-s-font-family);\n ${tokens.textFieldLabelFontSize}: var(--plasma-typo-body-s-font-size);\n ${tokens.textFieldLabelFontStyle}: var(--plasma-typo-body-s-font-style);\n ${tokens.textFieldLabelFontWeight}: var(--plasma-typo-body-s-font-weight);\n ${tokens.textFieldLabelLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${tokens.textFieldLabelLineHeight}: var(--plasma-typo-body-s-line-height);\n ${tokens.textFieldLeftHelperOffset}: 0.25rem;\n ${tokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.textFieldLeftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.textFieldLeftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.textFieldLeftHelperLineHeight}: var(--plasma-typo-body-xs-line-height);\n ${tokens.textFieldLabelInnerPadding}: 0.3125rem 0 0 0;\n ${tokens.textFieldContentLabelInnerPadding}: 1.0625rem 0 0.3125rem 0;\n\n ${tokens.borderRadius}: 0.625rem;\n ${tokens.padding}: 0.125rem;\n ${tokens.itemPadding}: 0.6875rem 0.75rem;\n ${tokens.itemBorderRadius}: 0.5rem;\n\n ${tokens.itemFontFamily}: var(--plasma-typo-body-s-font-family);\n ${tokens.itemFontSize}: var(--plasma-typo-body-s-font-size);\n ${tokens.itemFontStyle}: var(--plasma-typo-body-s-font-style);\n ${tokens.itemFontWeight}: var(--plasma-typo-body-s-font-weight);\n ${tokens.itemFontLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${tokens.itemFontLineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${tokens.emptyStatePadding}: 1.375rem 0.625rem 0.625rem 0.625rem;\n ${tokens.emptyStateGap}: 0.25rem;\n\n ${tokens.infiniteLoaderSpinnerSize}: 1.5rem;\n ${tokens.infiniteLoaderGap}: 0.25rem;\n `,\n xs: css`\n ${tokens.textFieldHeight}: 2rem;\n ${tokens.textFieldPadding}: 0.5625rem 0.625rem 0.5625rem 0.625rem;\n ${tokens.textFieldBorderRadius}: 0.5rem;\n ${tokens.textFieldBorderWidth}: 0.0625rem;\n ${tokens.textFieldLeftContentMargin}: -0.0625rem 0.25rem -0.0625rem -0.125rem;\n ${tokens.textFieldRightContentMargin}: -0.0625rem -0.125rem -0.0625rem 0.75rem;\n ${tokens.textFieldTextBeforeMargin}: 0 0.25rem 0 0;\n ${tokens.textFieldTextAfterMargin}: 0 0 0 0.25rem;\n ${tokens.textFieldFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.textFieldFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.textFieldFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.textFieldFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.textFieldLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.textFieldLineHeight}: var(--plasma-typo-body-xs-line-height);\n ${tokens.textFieldLabelOffset}: 0.375rem;\n ${tokens.textFieldLabelFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.textFieldLabelFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.textFieldLabelFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.textFieldLabelFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.textFieldLabelLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.textFieldLabelLineHeight}: var(--plasma-typo-body-xs-line-height);\n ${tokens.textFieldLeftHelperOffset}: 0.25rem;\n ${tokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.textFieldLeftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.textFieldLeftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.textFieldLeftHelperLineHeight}: var(--plasma-typo-body-xs-line-height);\n ${tokens.textFieldLabelInnerPadding}: 0.3125rem 0 0 0;\n ${tokens.textFieldContentLabelInnerPadding}: 1.0625rem 0 0.3125rem 0;\n\n ${tokens.borderRadius}: 0.5rem;\n ${tokens.padding}: 0.125rem;\n ${tokens.itemPadding}: 0.5625rem 0.5rem;\n ${tokens.itemBorderRadius}: 0.5rem;\n\n ${tokens.itemFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.itemFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.itemFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.itemFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.itemFontLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.itemFontLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.emptyStatePadding}: 1rem 0.5rem 0.5rem 0.5rem;\n ${tokens.emptyStateGap}: 0.25rem;\n\n ${tokens.infiniteLoaderSpinnerSize}: 1rem;\n ${tokens.infiniteLoaderGap}: 0.25rem;\n `,\n },\n labelPlacement: {\n inner: css`\n ${tokens.textFieldPlaceholderColor}: var(--plasma-input-label-color, var(--plasma-input-placeholder-color, var(--plasma-colors-secondary)));\n ${tokens.textFieldLabelInnerFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.textFieldLabelInnerFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.textFieldLabelInnerFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.textFieldLabelInnerFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.textFieldLabelInnerLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.textFieldLabelInnerLineHeight}: var(--plasma-typo-body-xs-line-height);\n `,\n outer: css``,\n },\n disabled: {\n true: css`\n ${tokens.textFieldDisabledOpacity}: 0.4;\n `,\n },\n readOnly: {\n true: css`\n ${tokens.textFieldColorReadOnly}: var(--text-primary);\n ${tokens.textFieldBackgroundColorReadOnly}: var(--surface-clear);\n ${tokens.textFieldBorderColorReadOnly}: var(--surface-transparent-tertiary);\n ${tokens.textFieldPlaceholderColorReadOnly}: var(--text-secondary);\n ${tokens.textFieldLeftHelperColorReadOnly}: var(--text-secondary);\n ${tokens.textFieldLabelColorReadOnly}: var(--text-secondary);\n `,\n },\n },\n};\n"],"names":["config","defaults","view","size","labelPlacement","variations","default","positive","warning","negative","l","m","s","xs","inner","outer","disabled","true","readOnly"],"mappings":";;;;AAEO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,IAAI,EAAE,GAAG;AACTC,IAAAA,cAAc,EAAE,OAAA;GACnB;AACDC,EAAAA,UAAU,EAAE;AACRH,IAAAA,IAAI,EAAE;AACFI,MAAAA,SAAAA,EAsBC,UAAA;AACDC,MAAAA,QAAQ,EAsBP,SAAA;AACDC,MAAAA,OAAO,EAuBN,UAAA;AACDC,MAAAA,QAAQ,EAAA,SAAA;KAwBX;AACDN,IAAAA,IAAI,EAAE;AACFO,MAAAA,CAAC,EAiDA,UAAA;AACDC,MAAAA,CAAC,EAiDA,SAAA;AACDC,MAAAA,CAAC,EAiDA,UAAA;AACDC,MAAAA,EAAE,EAAA,SAAA;KAkDL;AACDT,IAAAA,cAAc,EAAE;AACZU,MAAAA,KAAK,EAQJ,SAAA;AACDC,MAAAA,KAAK,EAAA,UAAA;KACR;AACDC,IAAAA,QAAQ,EAAE;MACNC,MAAI,EAAA,UAAA;KAGP;AACDC,IAAAA,QAAQ,EAAE;MACND,MAAI,EAAA,SAAA;AAQR,KAAA;AACJ,GAAA;AACJ;;;;"}
@@ -0,0 +1,12 @@
1
+ .d15witju{--plasma-autocomplete-textfield-color:var(--text-primary);--plasma-autocomplete-textfield-background-color:var(--surface-clear);--plasma-autocomplete-textfield-caret-color:var(--text-accent);--plasma-autocomplete-textfield-placeholder-color:var(--text-secondary);--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-border-color:var(--surface-transparent-tertiary);--plasma-autocomplete-textfield-border-color-hover:var(--plasma-colors-secondary);--plasma-autocomplete-textfield-border-color-focus:var(--surface-accent);--plasma-autocomplete-background:var(--surface-solid-card);--plasma-autocomplete-box-shadow:var(--shadow-down-soft-s);--plasma-autocomplete-item-background:var(--plasma-colors-transparent);--plasma-autocomplete-item-background-hover:var(--surface-transparent-secondary);--plasma-autocomplete-item-color:var(--text-primary);--plasma-autocomplete-focus-color:var(--surface-accent);--plasma-autocomplete-infinite-loader-spinner-color:var(--text-primary);}
2
+ .p23ewyp{--plasma-autocomplete-textfield-color:var(--text-primary);--plasma-autocomplete-textfield-background-color:var(--surface-clear);--plasma-autocomplete-textfield-caret-color:var(--text-accent);--plasma-autocomplete-textfield-placeholder-color:var(--text-secondary);--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-border-color:var(--surface-positive);--plasma-autocomplete-textfield-border-color-hover:var(--surface-positive);--plasma-autocomplete-textfield-border-color-focus:var(--surface-accent);--plasma-autocomplete-background:var(--surface-solid-card);--plasma-autocomplete-box-shadow:var(--shadow-down-soft-s);--plasma-autocomplete-item-background:var(--plasma-colors-transparent);--plasma-autocomplete-item-background-hover:var(--surface-transparent-secondary);--plasma-autocomplete-item-color:var(--text-primary);--plasma-autocomplete-focus-color:var(--surface-accent);--plasma-autocomplete-infinite-loader-spinner-color:var(--text-primary);}
3
+ .w19hpt9v{--plasma-autocomplete-textfield-color:var(--text-primary);--plasma-autocomplete-textfield-background-color:var(--surface-clear);--plasma-autocomplete-textfield-background-color-focus:var(--surface-transparent-warning-active);--plasma-autocomplete-textfield-caret-color:var(--text-accent);--plasma-autocomplete-textfield-placeholder-color:var(--text-secondary);--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-border-color:var(--surface-warning);--plasma-autocomplete-textfield-border-color-hover:var(--surface-warning);--plasma-autocomplete-textfield-border-color-focus:var(--surface-accent);--plasma-autocomplete-background:var(--surface-solid-card);--plasma-autocomplete-box-shadow:var(--shadow-down-soft-s);--plasma-autocomplete-item-background:var(--plasma-colors-transparent);--plasma-autocomplete-item-background-hover:var(--surface-transparent-secondary);--plasma-autocomplete-item-color:var(--text-primary);--plasma-autocomplete-focus-color:var(--surface-accent);--plasma-autocomplete-infinite-loader-spinner-color:var(--text-primary);}
4
+ .nsso48m{--plasma-autocomplete-textfield-color:var(--text-primary);--plasma-autocomplete-textfield-background-color:var(--surface-clear);--plasma-autocomplete-textfield-background-color-focus:var(--surface-transparent-negative-active);--plasma-autocomplete-textfield-caret-color:var(--text-accent);--plasma-autocomplete-textfield-placeholder-color:var(--text-secondary);--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-border-color:var(--surface-negative);--plasma-autocomplete-textfield-border-color-hover:var(--surface-negative);--plasma-autocomplete-textfield-border-color-focus:var(--surface-accent);--plasma-autocomplete-background:var(--surface-solid-card);--plasma-autocomplete-box-shadow:var(--shadow-down-soft-s);--plasma-autocomplete-item-background:var(--plasma-colors-transparent);--plasma-autocomplete-item-background-hover:var(--surface-transparent-secondary);--plasma-autocomplete-item-color:var(--text-primary);--plasma-autocomplete-focus-color:var(--surface-accent);--plasma-autocomplete-infinite-loader-spinner-color:var(--text-primary);}
5
+ .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-border-width:0.0625rem;--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__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__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__left-helper-offset:0.25rem;--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-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;}
6
+ .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-border-width:0.0625rem;--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__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__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__left-helper-offset:0.25rem;--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-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;}
7
+ .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-border-width:0.0625rem;--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__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__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__left-helper-offset:0.25rem;--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-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;}
8
+ .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-border-width:0.0625rem;--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__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__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__left-helper-offset:0.25rem;--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-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;}
9
+ .i53l11i{--plasma-autocomplete-textfield-placeholder-color:var(--plasma-input-label-color,var(--plasma-input-placeholder-color,var(--plasma-colors-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);}
10
+
11
+ .t1rats1y{--plasma-autocomplete-textfield-disabled-opacity:0.4;}
12
+ .tzs7164{--plasma-autocomplete-textfield-color-readonly:var(--text-primary);--plasma-autocomplete-textfield-bg-color-readonly:var(--surface-clear);--plasma-autocomplete-textfield-border-color-readonly:var(--surface-transparent-tertiary);--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-secondary);}