@salutejs/sdds-insol 0.326.0-canary.2358.19851578667.0 → 0.326.0-canary.2360.19885603427.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -2,23 +2,27 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
+ var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
6
+ var React = require('react');
5
7
  var plasmaNewHope = require('@salutejs/plasma-new-hope');
6
8
  var TextField_config = require('./TextField.config.js');
7
- var TextField_clear_config = require('./TextField.clear.config.js');
8
9
 
9
- var mergedConfigDefault = /*#__PURE__*/plasmaNewHope.mergeConfig(plasmaNewHope.textFieldConfig, TextField_config.config);
10
- var TextFieldDefault = /*#__PURE__*/plasmaNewHope.component(mergedConfigDefault);
11
- var mergedConfigClear = /*#__PURE__*/plasmaNewHope.mergeConfig(plasmaNewHope.textFieldConfig, TextField_clear_config.config);
12
- var TextFieldClear = /*#__PURE__*/plasmaNewHope.component(mergedConfigClear);
13
- var TextField = /*#__PURE__*/plasmaNewHope.createConditionalComponent(TextFieldDefault, [{
14
- conditions: {
15
- prop: 'appearance',
16
- value: 'clear'
17
- },
18
- component: TextFieldClear
19
- }]);
10
+ function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
11
+
12
+ var React__default = /*#__PURE__*/_interopDefault(React);
13
+
14
+ var mergedConfig = /*#__PURE__*/plasmaNewHope.mergeConfig(plasmaNewHope.textFieldConfig, TextField_config.config);
15
+ var TextFieldComponent = /*#__PURE__*/plasmaNewHope.component(mergedConfig);
16
+ var TexFieldWithTypes = function TexFieldWithTypes(props, ref) {
17
+ return /*#__PURE__*/React__default.default.createElement(TextFieldComponent, _rollupPluginBabelHelpers.extends({
18
+ ref: ref
19
+ }, props));
20
+ };
21
+
22
+ /**
23
+ * Поле ввода текста.
24
+ */
25
+ var TextField = /*#__PURE__*/plasmaNewHope.fixedForwardRef(TexFieldWithTypes);
20
26
 
21
27
  exports.TextField = TextField;
22
- exports.TextFieldClear = TextFieldClear;
23
- exports.TextFieldDefault = TextFieldDefault;
24
28
  //# sourceMappingURL=TextField.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"TextField.js","sources":["../../src-css/components/TextField/TextField.tsx"],"sourcesContent":["import {\n textFieldConfig,\n component,\n mergeConfig,\n createConditionalComponent,\n} from '@salutejs/plasma-new-hope';\n\nimport { config } from './TextField.config';\nimport { config as clearConfig } from './TextField.clear.config';\n\nconst mergedConfigDefault = mergeConfig(textFieldConfig, config);\nexport const TextFieldDefault = component(mergedConfigDefault);\n\nconst mergedConfigClear = mergeConfig(textFieldConfig, clearConfig);\nexport const TextFieldClear = component(mergedConfigClear);\n\nexport const TextField = createConditionalComponent(TextFieldDefault, [\n {\n conditions: { prop: 'appearance', value: 'clear' },\n component: TextFieldClear,\n },\n]);\n"],"names":["mergedConfigDefault","mergeConfig","textFieldConfig","config","TextFieldDefault","component","mergedConfigClear","clearConfig","TextFieldClear","TextField","createConditionalComponent","conditions","prop","value"],"mappings":";;;;;;;;AAUA,IAAMA,mBAAmB,gBAAGC,yBAAW,CAACC,6BAAe,EAAEC,uBAAM,CAAC,CAAA;IACnDC,gBAAgB,gBAAGC,uBAAS,CAACL,mBAAmB,EAAC;AAE9D,IAAMM,iBAAiB,gBAAGL,yBAAW,CAACC,6BAAe,EAAEK,6BAAW,CAAC,CAAA;IACtDC,cAAc,gBAAGH,uBAAS,CAACC,iBAAiB,EAAC;IAE7CG,SAAS,gBAAGC,wCAA0B,CAACN,gBAAgB,EAAE,CAClE;AACIO,EAAAA,UAAU,EAAE;AAAEC,IAAAA,IAAI,EAAE,YAAY;AAAEC,IAAAA,KAAK,EAAE,OAAA;GAAS;AAClDR,EAAAA,SAAS,EAAEG,cAAAA;AACf,CAAC,CACJ;;;;;;"}
1
+ {"version":3,"file":"TextField.js","sources":["../../src-css/components/TextField/TextField.tsx"],"sourcesContent":["import React from 'react';\nimport type { ComponentProps, ForwardedRef } from 'react';\nimport {\n textFieldConfig,\n component,\n mergeConfig,\n DistributiveOmit,\n fixedForwardRef,\n} from '@salutejs/plasma-new-hope';\n\nimport { config } from './TextField.config';\n\nconst mergedConfig = mergeConfig(textFieldConfig, config);\nconst TextFieldComponent = component(mergedConfig);\n\ntype TextFieldProps = DistributiveOmit<ComponentProps<typeof TextFieldComponent>, 'hintTargetPlacement'>;\n\nconst TexFieldWithTypes = (props: TextFieldProps, ref: ForwardedRef<HTMLInputElement>) => (\n <TextFieldComponent ref={ref} {...(props as any)} />\n);\n\n/**\n * Поле ввода текста.\n */\nexport const TextField = fixedForwardRef(TexFieldWithTypes);\n"],"names":["mergedConfig","mergeConfig","textFieldConfig","config","TextFieldComponent","component","TexFieldWithTypes","props","ref","React","createElement","_extends","TextField","fixedForwardRef"],"mappings":";;;;;;;;;;;;;AAYA,IAAMA,YAAY,gBAAGC,yBAAW,CAACC,6BAAe,EAAEC,uBAAM,CAAC,CAAA;AACzD,IAAMC,kBAAkB,gBAAGC,uBAAS,CAACL,YAAY,CAAC,CAAA;AAIlD,IAAMM,iBAAiB,GAAG,SAApBA,iBAAiBA,CAAIC,KAAqB,EAAEC,GAAmC,EAAA;AAAA,EAAA,oBACjFC,sBAAA,CAAAC,aAAA,CAACN,kBAAkB,EAAAO,iCAAA,CAAA;AAACH,IAAAA,GAAG,EAAEA,GAAAA;GAAUD,EAAAA,KAAK,CAAW,CAAC,CAAA;AAAA,CACvD,CAAA;;AAED;AACA;AACA;IACaK,SAAS,gBAAGC,6BAAe,CAACP,iBAAiB;;;;"}
@@ -21,26 +21,3 @@
21
21
  .TextField_config_1j14kt5_sah4t5d__5ee0dcf1{--plasma-textfield__tooltip-padding-top:0.5rem;--plasma-textfield__tooltip-padding-right:0.75rem;--plasma-textfield__tooltip-padding-bottom:0.5rem;--plasma-textfield__tooltip-padding-left:0.75rem;--plasma-textfield__tooltip-min-height:2rem;--plasma-textfield__tooltip-border-radius:0.5rem;--plasma-textfield__tooltip-text-font-family:var(--plasma-typo-body-xs-font-family);--plasma-textfield__tooltip-text-font-size:var(--plasma-typo-body-xs-font-size);--plasma-textfield__tooltip-text-font-style:var(--plasma-typo-body-xs-font-style);--plasma-textfield__tooltip-text-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-textfield__tooltip-text-font-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-textfield__tooltip-text-font-line-height:var(--plasma-typo-body-xs-line-height);--plasma-textfield__tooltip-content-left-margin:0.25rem;--plasma-textfield__tooltip-arrow-mask-width:1rem;--plasma-textfield__tooltip-arrow-mask-height:1rem;--plasma-textfield__tooltip-arrow-mask-image:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMCw5Ljg1bDE2LDBjLTQuNDEsMCAtOCwyLjY5IC04LDZjMCwtMy4zMSAtMy41OSwtNiAtOCwtNnoiIGZpbGw9IiMxNzE3MTciIGZpbGwtcnVsZT0iZXZlbm9kZCIgaWQ9IlRhaWwiLz4KPC9zdmc+");--plasma-textfield__tooltip-arrow-height:0.375rem;--plasma-textfield__tooltip-arrow-edge-margin:0.5625rem;}
22
22
  .TextField_config_1j14kt5_t1459kih__5ee0dcf1{--plasma-textfield-disabled-opacity:0.4;--plasma-textfield-border-color:transparent;--plasma-textfield-color:var(--text-primary);--plasma-textfield__placeholder-color:var(--text-primary);--plasma-textfield__left-helper-color:var(--text-secondary);--plasma-textfield__title-caption-color:var(--text-secondary);--plasma-textfield__label-color:var(--text-primary);--plasma-textfield-divider-color:var(--surface-transparent-primary);--plasma-textfield-box-shadow:inset 0 0 0 0 transparent;}
23
23
  .TextField_config_1j14kt5_t1qp68cw__5ee0dcf1{--plasma-textfield-readonly-opacity:1;--plasma-textfield-right-content-opacity-readonly:0.4;--plasma-textfield-color-readonly:var(--text-primary);--plasma-textfield-bg-color-readonly:var(--surface-solid-secondary);--plasma-textfield__placeholder-color-readonly:var(--text-secondary);--plasma-textfield__left-helper-color-readonly:var(--text-secondary);--plasma-textfield__title-caption-color-readonly:var(--text-secondary);--plasma-textfield__label-color-readonly:var(--text-primary);--plasma-textfield-divider-color-readonly:var(--surface-transparent-primary);}
24
-
25
- .TextField_clear_config_1ua13qu_dwsn6eb__0c01ccc7{--plasma-textfield-color:var(--text-primary);--plasma-textfield__placeholder-color:var(--text-secondary);--plasma-textfield__placeholder-color-focus:var(--text-tertiary);--plasma-textfield-bg-color:transparent;--plasma-textfield-bg-color-hover:transparent;--plasma-textfield-bg-color-focus:transparent;--plasma-textfield__caret-color:var(--text-accent);--plasma-textfield__before-text-color:var(--text-tertiary);--plasma-textfield__after-text-color:var(--text-tertiary);--plasma-textfield__label-color:var(--text-primary);--plasma-textfield__left-helper-color:var(--text-secondary);--plasma-textfield__title-caption-color:var(--text-secondary);--plasma-textfield__hint-icon-color:var(--text-secondary);--plasma-textfield-content-slot-color:var(--text-secondary);--plasma-textfield-content-slot-color-hover:var(--text-secondary-hover);--plasma-textfield-content-slot-color-active:var(--text-secondary-active);--plasma-textfield-divider-color:var(--surface-transparent-tertiary);--plasma-textfield-divider-color-hover:var(--text-secondary);--plasma-textfield-divider-color-focus:var(--surface-accent);--plasma-textfield-focus-color:var(--text-accent);--plasma-textfield__indicator-color:var(--surface-negative);--plasma-textfield__optional-color:var(--text-tertiary);}
26
- .TextField_clear_config_1ua13qu_pdpawn5__0c01ccc7{--plasma-textfield-color:var(--text-positive);--plasma-textfield__placeholder-color:var(--text-positive);--plasma-textfield__placeholder-color-focus:var(--text-positive);--plasma-textfield-bg-color:transparent;--plasma-textfield-bg-color-hover:transparent;--plasma-textfield-bg-color-focus:transparent;--plasma-textfield__caret-color:var(--text-accent);--plasma-textfield__before-text-color:var(--text-tertiary);--plasma-textfield__after-text-color:var(--text-tertiary);--plasma-textfield__label-color:var(--text-primary);--plasma-textfield__left-helper-color:var(--text-positive);--plasma-textfield__title-caption-color:var(--text-secondary);--plasma-textfield__hint-icon-color:var(--text-secondary);--plasma-textfield-content-slot-color:var(--text-positive);--plasma-textfield-content-slot-color-hover:var(--text-positive-hover);--plasma-textfield-content-slot-color-active:var(--text-positive-active);--plasma-textfield-content-right-slot-color:var(--text-secondary);--plasma-textfield-content-right-slot-color-hover:var(--text-secondary-hover);--plasma-textfield-content-right-slot-color-active:var(--text-secondary-active);--plasma-textfield-divider-color:var(--surface-positive);--plasma-textfield-divider-color-hover:var(--surface-positive);--plasma-textfield-divider-color-focus:var(--surface-accent);--plasma-textfield-focus-color:var(--text-accent);--plasma-textfield__indicator-color:var(--surface-negative);--plasma-textfield__optional-color:var(--text-tertiary);}
27
- .TextField_clear_config_1ua13qu_w17x7gjj__0c01ccc7{--plasma-textfield-clear-color:var(--text-warning);--plasma-textfield__placeholder-color:var(--text-warning);--plasma-textfield__placeholder-color-focus:var(--text-warning);--plasma-textfield-bg-color:transparent;--plasma-textfield-bg-color-hover:transparent;--plasma-textfield-bg-color-focus:transparent;--plasma-textfield__caret-color:var(--text-accent);--plasma-textfield__before-text-color:var(--text-tertiary);--plasma-textfield__after-text-color:var(--text-tertiary);--plasma-textfield__label-color:var(--text-primary);--plasma-textfield__left-helper-color:var(--text-warning);--plasma-textfield__title-caption-color:var(--text-secondary);--plasma-textfield__hint-icon-color:var(--text-secondary);--plasma-textfield-content-slot-color:var(--text-warning);--plasma-textfield-content-slot-color-hover:var(--text-warning-hover);--plasma-textfield-content-slot-color-active:var(--text-warning-active);--plasma-textfield-content-right-slot-color:var(--text-secondary);--plasma-textfield-content-right-slot-color-hover:var(--text-secondary-hover);--plasma-textfield-content-right-slot-color-active:var(--text-secondary-active);--plasma-textfield-divider-color:var(--surface-warning);--plasma-textfield-divider-color-hover:var(--surface-warning);--plasma-textfield-divider-color-focus:var(--surface-accent);--plasma-textfield-focus-color:var(--text-accent);--plasma-textfield__indicator-color:var(--surface-negative);--plasma-textfield__optional-color:var(--text-tertiary);}
28
- .TextField_clear_config_1ua13qu_n1emjrtv__0c01ccc7{--plasma-textfield-color:var(--text-negative);--plasma-textfield__placeholder-color:var(--text-negative);--plasma-textfield__placeholder-color-focus:var(--text-negative);--plasma-textfield-bg-color:transparent;--plasma-textfield-bg-color-hover:transparent;--plasma-textfield-bg-color-focus:transparent;--plasma-textfield__caret-color:var(--text-accent);--plasma-textfield__before-text-color:var(--text-tertiary);--plasma-textfield__after-text-color:var(--text-tertiary);--plasma-textfield__label-color:var(--text-primary);--plasma-textfield__left-helper-color:var(--text-negative);--plasma-textfield__title-caption-color:var(--text-secondary);--plasma-textfield__hint-icon-color:var(--text-secondary);--plasma-textfield-content-slot-color:var(--text-negative);--plasma-textfield-content-slot-color-hover:var(--text-negative-hover);--plasma-textfield-content-slot-color-active:var(--text-negative-active);--plasma-textfield-content-right-slot-color:var(--text-secondary);--plasma-textfield-content-right-slot-color-hover:var(--text-secondary-hover);--plasma-textfield-content-right-slot-color-active:var(--text-secondary-active);--plasma-textfield-divider-color:var(--surface-negative);--plasma-textfield-divider-color-hover:var(--surface-negative);--plasma-textfield-divider-color-focus:var(--surface-accent);--plasma-textfield-focus-color:var(--text-accent);--plasma-textfield__indicator-color:var(--surface-negative);--plasma-textfield__optional-color:var(--text-tertiary);}
29
- .TextField_clear_config_1ua13qu_xr2wj7q__0c01ccc7{--plasma-textfield-height:4rem;--plasma-textfield-padding:1.375rem 0;--plasma-textfield-padding-with-chips:0.375rem 0;--plasma-textfield-border-radius:0;--plasma-textfield__left-content-margin:-0.125rem 0.625rem -0.125rem 0rem;--plasma-textfield__right-content-margin:-0.125rem 0rem -0.125rem 0.75rem;--plasma-textfield-font-family:var(--plasma-typo-body-l-font-family);--plasma-textfield-font-size:var(--plasma-typo-body-l-font-size);--plasma-textfield-font-style:var(--plasma-typo-body-l-font-style);--plasma-textfield-font-weight:var(--plasma-typo-body-l-font-weight);--plasma-textfield-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-textfield-line-height:var(--plasma-typo-body-l-line-height);--plasma-textfield__label-offset:0.25rem;--plasma-textfield__label-font-family:var(--plasma-typo-body-l-font-family);--plasma-textfield__label-font-size:var(--plasma-typo-body-l-font-size);--plasma-textfield__label-font-style:var(--plasma-typo-body-l-font-style);--plasma-textfield__label-font-weight:var(--plasma-typo-body-l-font-weight);--plasma-textfield__label-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-textfield__label-line-height:var(--plasma-typo-body-l-line-height);--plasma-textfield__hint-margin:-0.688rem -0.5rem;--plasma-textfield__hint-target-size:2.375rem;--plasma-textfield__hint-inner-label-placement-offset:0.82rem -2.063rem auto auto;--plasma-textfield__title-caption-label-inner-offset:0.25rem;--plasma-textfield__title-caption-font-family:var(--plasma-typo-body-xs-font-family);--plasma-textfield__title-caption-font-size:var(--plasma-typo-body-xs-font-size);--plasma-textfield__title-caption-font-style:var(--plasma-typo-body-xs-font-style);--plasma-textfield__title-caption-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-textfield__title-caption-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-textfield__title-caption-line-height:var(--plasma-typo-body-xs-line-height);--plasma-textfield__left-helper-offset:0.25rem;--plasma-textfield__left-helper-font-family:var(--plasma-typo-body-xs-font-family);--plasma-textfield__left-helper-font-size:var(--plasma-typo-body-xs-font-size);--plasma-textfield__left-helper-font-style:var(--plasma-typo-body-xs-font-style);--plasma-textfield__left-helper-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-textfield__left-helper-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-textfield__left-helper-line-height:var(--plasma-typo-body-xs-line-height);--plasma-textfield-placement_inner__label-padding:0.8125rem 0 0.125rem 0;--plasma-textfield-placement_inner__content-padding:1.938rem 0 0.813rem 0;--plasma-textfield__before-text-margin:0 0.25rem 0 0;--plasma-textfield__after-text-margin:0 0 0 0.25rem;--plasma-textfield__chip-gap:0.125rem;--plasma-textfield__chip-margin-right:1rem;--plasma-textfield__chip-border-radius:0.625rem;--plasma-textfield__chip-width:auto;--plasma-textfield__chip-height:3.25rem;--plasma-textfield__chip-padding:0 0.75rem 0 1rem;--plasma-textfield__chip-clear-content-margin-left:0.625rem;--plasma-textfield__chip-clear-content-margin-right:0rem;--plasma-textfield__chip-close-icon-size:1.5rem;--plasma-textfield__chip-font-family:var(--plasma-typo-body-l-font-family);--plasma-textfield__chip-font-size:var(--plasma-typo-body-l-font-size);--plasma-textfield__chip-font-style:var(--plasma-typo-body-l-font-style);--plasma-textfield__chip-font-weight:var(--plasma-typo-body-l-font-weight);--plasma-textfield__chip-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-textfield__chip-line-height:var(--plasma-typo-body-l-line-height);--plasma-textfield-placement_inner__label-font-family:var(--plasma-typo-body-xs-font-family);--plasma-textfield-placement_inner__label-font-size:var(--plasma-typo-body-xs-font-size);--plasma-textfield-placement_inner__label-font-style:var(--plasma-typo-body-xs-font-style);--plasma-textfield-placement_inner__label-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-textfield-placement_inner__label-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-textfield-placement_inner__label-line-height:var(--plasma-typo-body-xs-line-height);--plasma-textfield__indicator-size-inner:0.5rem;--plasma-textfield__indicator-size-outer:0.375rem;--plasma-textfield__indicator-placement-inner:1.75rem auto auto -0.875rem;--plasma-textfield__indicator-placement-outer:0.5rem auto auto -0.75rem;--plasma-textfield__indicator-placement-inner-right:1.75rem -0.875rem auto auto;--plasma-textfield__indicator-placement-outer-right:0.25rem -0.875rem auto auto;--plasma-textfield__clear-indicator-hint-placement-inner-right:1.75rem -2.488rem auto auto;}
30
- .TextField_clear_config_1ua13qu_llgeoal__0c01ccc7{--plasma-textfield-height:3.5rem;--plasma-textfield-padding:1rem 0;--plasma-textfield-padding-with-chips:0.375rem 0;--plasma-textfield-border-radius:0;--plasma-textfield__left-content-margin:-0.0625rem 0.625rem -0.0625rem 0rem;--plasma-textfield__right-content-margin:-0.0625rem 0rem -0.0625rem 0.75rem;--plasma-textfield-font-family:var(--plasma-typo-body-l-font-family);--plasma-textfield-font-size:var(--plasma-typo-body-l-font-size);--plasma-textfield-font-style:var(--plasma-typo-body-l-font-style);--plasma-textfield-font-weight:var(--plasma-typo-body-l-font-weight);--plasma-textfield-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-textfield-line-height:var(--plasma-typo-body-l-line-height);--plasma-textfield__label-offset:0.25rem;--plasma-textfield__label-font-family:var(--plasma-typo-body-l-font-family);--plasma-textfield__label-font-size:var(--plasma-typo-body-l-font-size);--plasma-textfield__label-font-style:var(--plasma-typo-body-l-font-style);--plasma-textfield__label-font-weight:var(--plasma-typo-body-l-font-weight);--plasma-textfield__label-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-textfield__label-line-height:var(--plasma-typo-body-l-line-height);--plasma-textfield__hint-margin:-0.688rem -0.5rem;--plasma-textfield__hint-target-size:2.375rem;--plasma-textfield__hint-inner-label-placement-offset:0.563rem -2.188rem auto auto;--plasma-textfield__title-caption-label-inner-offset:0.25rem;--plasma-textfield__title-caption-font-family:var(--plasma-typo-body-xs-font-family);--plasma-textfield__title-caption-font-size:var(--plasma-typo-body-xs-font-size);--plasma-textfield__title-caption-font-style:var(--plasma-typo-body-xs-font-style);--plasma-textfield__title-caption-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-textfield__title-caption-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-textfield__title-caption-line-height:var(--plasma-typo-body-xs-line-height);--plasma-textfield__left-helper-offset:0.25rem;--plasma-textfield__left-helper-font-family:var(--plasma-typo-body-xs-font-family);--plasma-textfield__left-helper-font-size:var(--plasma-typo-body-xs-font-size);--plasma-textfield__left-helper-font-style:var(--plasma-typo-body-xs-font-style);--plasma-textfield__left-helper-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-textfield__left-helper-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-textfield__left-helper-line-height:var(--plasma-typo-body-xs-line-height);--plasma-textfield-placement_inner__label-padding:0.5625rem 0 0.125rem 0;--plasma-textfield-placement_inner__content-padding:1.5625rem 0 0.5625rem 0;--plasma-textfield__before-text-margin:0 0.25rem 0 0;--plasma-textfield__after-text-margin:0 0 0 0.25rem;--plasma-textfield__chip-gap:0.25rem;--plasma-textfield__chip-border-radius:0.5rem;--plasma-textfield__chip-width:auto;--plasma-textfield__chip-height:2.75rem;--plasma-textfield__chip-padding:0 0.75rem 0 1rem;--plasma-textfield__chip-clear-content-margin-left:0.625rem;--plasma-textfield__chip-clear-content-margin-right:0rem;--plasma-textfield__chip-close-icon-size:1.5rem;--plasma-textfield__chip-font-family:var(--plasma-typo-body-l-font-family);--plasma-textfield__chip-font-size:var(--plasma-typo-body-l-font-size);--plasma-textfield__chip-font-style:var(--plasma-typo-body-l-font-style);--plasma-textfield__chip-font-weight:var(--plasma-typo-body-l-font-weight);--plasma-textfield__chip-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-textfield__chip-line-height:var(--plasma-typo-body-l-line-height);--plasma-textfield__indicator-size-inner:0.5rem;--plasma-textfield__indicator-size-outer:0.375rem;--plasma-textfield__indicator-placement-inner:1.5rem auto auto -0.875rem;--plasma-textfield__indicator-placement-outer:0.5rem auto auto -0.75rem;--plasma-textfield__indicator-placement-inner-right:1.5rem -0.875rem auto auto;--plasma-textfield__indicator-placement-outer-right:0.25rem -0.625rem auto auto;--plasma-textfield__clear-indicator-hint-placement-inner-right:1.5rem -2.488rem auto auto;}
31
- .TextField_clear_config_1ua13qu_m1y65yur__0c01ccc7{--plasma-textfield-height:3rem;--plasma-textfield-padding:0.875rem 0;--plasma-textfield-padding-with-chips:0.375rem 0;--plasma-textfield-border-radius:0;--plasma-textfield__left-content-margin:-0.125rem 0.625rem -0.125rem 0rem;--plasma-textfield__right-content-margin:-0.125rem 0rem -0.125rem 0.75rem;--plasma-textfield-font-family:var(--plasma-typo-body-m-font-family);--plasma-textfield-font-size:var(--plasma-typo-body-m-font-size);--plasma-textfield-font-style:var(--plasma-typo-body-m-font-style);--plasma-textfield-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-textfield-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-textfield-line-height:var(--plasma-typo-body-m-line-height);--plasma-textfield__label-offset:0.25rem;--plasma-textfield__label-font-family:var(--plasma-typo-body-m-font-family);--plasma-textfield__label-font-size:var(--plasma-typo-body-m-font-size);--plasma-textfield__label-font-style:var(--plasma-typo-body-m-font-style);--plasma-textfield__label-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-textfield__label-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-textfield__label-line-height:var(--plasma-typo-body-m-line-height);--plasma-textfield__hint-margin:-0.688rem -0.5rem;--plasma-textfield__hint-target-size:2.375rem;--plasma-textfield__hint-inner-label-placement-offset:0.312rem -2.188rem auto auto;--plasma-textfield__title-caption-label-inner-offset:0.25rem;--plasma-textfield__title-caption-font-family:var(--plasma-typo-body-xs-font-family);--plasma-textfield__title-caption-font-size:var(--plasma-typo-body-xs-font-size);--plasma-textfield__title-caption-font-style:var(--plasma-typo-body-xs-font-style);--plasma-textfield__title-caption-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-textfield__title-caption-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-textfield__title-caption-line-height:var(--plasma-typo-body-xs-line-height);--plasma-textfield__left-helper-offset:0.25rem;--plasma-textfield__left-helper-font-family:var(--plasma-typo-body-xs-font-family);--plasma-textfield__left-helper-font-size:var(--plasma-typo-body-xs-font-size);--plasma-textfield__left-helper-font-style:var(--plasma-typo-body-xs-font-style);--plasma-textfield__left-helper-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-textfield__left-helper-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-textfield__left-helper-line-height:var(--plasma-typo-body-xs-line-height);--plasma-textfield-placement_inner__label-padding:0.375rem 0 0.125rem 0;--plasma-textfield-placement_inner__content-padding:1.375rem 0 0.375rem 0;--plasma-textfield__before-text-margin:0 0.25rem 0 0;--plasma-textfield__after-text-margin:0 0 0 0.25rem;--plasma-textfield__chip-gap:0.125rem;--plasma-textfield__chip-border-radius:0.375rem;--plasma-textfield__chip-width:auto;--plasma-textfield__chip-height:2.25rem;--plasma-textfield__chip-padding:0 0.625rem 0 0.875rem;--plasma-textfield__chip-clear-content-margin-left:0.5rem;--plasma-textfield__chip-clear-content-margin-right:0rem;--plasma-textfield__chip-close-icon-size:1.25rem;--plasma-textfield__chip-font-family:var(--plasma-typo-body-m-font-family);--plasma-textfield__chip-font-size:var(--plasma-typo-body-m-font-size);--plasma-textfield__chip-font-style:var(--plasma-typo-body-m-font-style);--plasma-textfield__chip-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-textfield__chip-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-textfield__chip-line-height:var(--plasma-typo-body-m-line-height);--plasma-textfield__indicator-size-inner:0.5rem;--plasma-textfield__indicator-size-outer:0.375rem;--plasma-textfield__indicator-placement-inner:1.25rem auto auto -0.875rem;--plasma-textfield__indicator-placement-outer:0.375rem auto auto -0.75rem;--plasma-textfield__indicator-placement-inner-right:1.25rem -0.875rem auto auto;--plasma-textfield__indicator-placement-outer-right:0.25rem -0.875rem auto auto;--plasma-textfield__clear-indicator-hint-placement-inner-right:1.25rem -2.25rem auto auto;}
32
- .TextField_clear_config_1ua13qu_s12b6hd6__0c01ccc7{--plasma-textfield-height:2.5rem;--plasma-textfield-padding:0.75rem 0;--plasma-textfield-padding-with-chips:0.375rem 0;--plasma-textfield-border-radius:0;--plasma-textfield__left-content-margin:-0.1875rem 0.5rem -0.1875rem 0rem;--plasma-textfield__right-content-margin:-0.1875rem 0rem -0.1875rem 0.75rem;--plasma-textfield-font-family:var(--plasma-typo-body-s-font-family);--plasma-textfield-font-size:var(--plasma-typo-body-s-font-size);--plasma-textfield-font-style:var(--plasma-typo-body-s-font-style);--plasma-textfield-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-textfield-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-textfield-line-height:var(--plasma-typo-body-s-line-height);--plasma-textfield__label-offset:0.25rem;--plasma-textfield__label-font-family:var(--plasma-typo-body-s-font-family);--plasma-textfield__label-font-size:var(--plasma-typo-body-s-font-size);--plasma-textfield__label-font-style:var(--plasma-typo-body-s-font-style);--plasma-textfield__label-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-textfield__label-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-textfield__label-line-height:var(--plasma-typo-body-s-line-height);--plasma-textfield__hint-margin:-0.688rem -0.5rem;--plasma-textfield__hint-target-size:2.375rem;--plasma-textfield__hint-inner-label-placement-offset:0.062rem -2.188rem auto auto;--plasma-textfield__title-caption-label-inner-offset:0.25rem;--plasma-textfield__title-caption-font-family:var(--plasma-typo-body-xs-font-family);--plasma-textfield__title-caption-font-size:var(--plasma-typo-body-xs-font-size);--plasma-textfield__title-caption-font-style:var(--plasma-typo-body-xs-font-style);--plasma-textfield__title-caption-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-textfield__title-caption-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-textfield__title-caption-line-height:var(--plasma-typo-body-xs-line-height);--plasma-textfield__left-helper-offset:0.25rem;--plasma-textfield__left-helper-font-family:var(--plasma-typo-body-xs-font-family);--plasma-textfield__left-helper-font-size:var(--plasma-typo-body-xs-font-size);--plasma-textfield__left-helper-font-style:var(--plasma-typo-body-xs-font-style);--plasma-textfield__left-helper-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-textfield__left-helper-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-textfield__left-helper-line-height:var(--plasma-typo-body-xs-line-height);--plasma-textfield-placement_inner__label-padding:0.3125rem 0 0 0;--plasma-textfield-placement_inner__content-padding:1.0625rem 0 0.3125rem 0;--plasma-textfield__before-text-margin:0 0.25rem 0 0;--plasma-textfield__after-text-margin:0 0 0 0.25rem;--plasma-textfield__chip-gap:0.125rem;--plasma-textfield__chip-border-radius:0.25rem;--plasma-textfield__chip-width:auto;--plasma-textfield__chip-height:1.75rem;--plasma-textfield__chip-padding:0 0.5rem 0 0.75rem;--plasma-textfield__chip-clear-content-margin-left:0.375rem;--plasma-textfield__chip-clear-content-margin-right:0rem;--plasma-textfield__chip-close-icon-size:1rem;--plasma-textfield__chip-font-family:var(--plasma-typo-body-s-font-family);--plasma-textfield__chip-font-size:var(--plasma-typo-body-s-font-size);--plasma-textfield__chip-font-style:var(--plasma-typo-body-s-font-style);--plasma-textfield__chip-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-textfield__chip-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-textfield__chip-line-height:var(--plasma-typo-body-s-line-height);--plasma-textfield__indicator-size-inner:0.375rem;--plasma-textfield__indicator-size-outer:0.375rem;--plasma-textfield__indicator-placement-inner:1.063rem auto auto -0.75rem;--plasma-textfield__indicator-placement-outer:0.3125rem auto auto -0.6875rem;--plasma-textfield__indicator-placement-inner-right:1.063rem -0.75rem auto auto;--plasma-textfield__indicator-placement-outer-right:0.25rem -0.625rem auto auto;--plasma-textfield__clear-indicator-hint-placement-inner-right:1.063rem -2.125rem auto auto;}
33
- .TextField_clear_config_1ua13qu_xkkpdvb__0c01ccc7{--plasma-textfield-height:2rem;--plasma-textfield-padding:0.5rem 0;--plasma-textfield-padding-with-chips:0.375rem 0;--plasma-textfield-border-radius:0;--plasma-textfield__left-content-margin:-0.0625rem 0.375rem -0.0625rem 0rem;--plasma-textfield__right-content-margin:-0.0625rem 0rem -0.0625rem 0.625rem;--plasma-textfield-font-family:var(--plasma-typo-body-xs-font-family);--plasma-textfield-font-size:var(--plasma-typo-body-xs-font-size);--plasma-textfield-font-style:var(--plasma-typo-body-xs-font-style);--plasma-textfield-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-textfield-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-textfield-line-height:var(--plasma-typo-body-xs-line-height);--plasma-textfield__label-offset:0.25rem;--plasma-textfield__label-font-family:var(--plasma-typo-body-xs-font-family);--plasma-textfield__label-font-size:var(--plasma-typo-body-xs-font-size);--plasma-textfield__label-font-style:var(--plasma-typo-body-xs-font-style);--plasma-textfield__label-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-textfield__label-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-textfield__label-line-height:var(--plasma-typo-body-xs-line-height);--plasma-textfield__hint-margin:-0.75rem -0.625rem -0.75rem -0.5rem;--plasma-textfield__hint-target-size:2.375rem;--plasma-textfield__hint-inner-label-placement-offset:-0.188rem -2.1875rem auto auto;--plasma-textfield__title-caption-label-inner-offset:0.25rem;--plasma-textfield__title-caption-font-family:var(--plasma-typo-body-xs-font-family);--plasma-textfield__title-caption-font-size:var(--plasma-typo-body-xs-font-size);--plasma-textfield__title-caption-font-style:var(--plasma-typo-body-xs-font-style);--plasma-textfield__title-caption-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-textfield__title-caption-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-textfield__title-caption-line-height:var(--plasma-typo-body-xs-line-height);--plasma-textfield__left-helper-offset:0.25rem;--plasma-textfield__left-helper-font-family:var(--plasma-typo-body-xs-font-family);--plasma-textfield__left-helper-font-size:var(--plasma-typo-body-xs-font-size);--plasma-textfield__left-helper-font-style:var(--plasma-typo-body-xs-font-style);--plasma-textfield__left-helper-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-textfield__left-helper-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-textfield__left-helper-line-height:var(--plasma-typo-body-xs-line-height);--plasma-textfield-placement_inner__label-padding:0.3125rem 0 0 0;--plasma-textfield-placement_inner__content-padding:1.0625rem 0 0.3125rem 0;--plasma-textfield__before-text-margin:0 0.25rem 0 0;--plasma-textfield__after-text-margin:0 0 0 0.25rem;--plasma-textfield__chip-gap:0.125rem;--plasma-textfield__chip-border-radius:0.125rem;--plasma-textfield__chip-width:auto;--plasma-textfield__chip-height:1.25rem;--plasma-textfield__chip-padding:0 0.375rem 0 0.625rem;--plasma-textfield__chip-clear-content-margin-left:0.25rem;--plasma-textfield__chip-clear-content-margin-right:0rem;--plasma-textfield__chip-close-icon-size:0.75rem;--plasma-textfield__chip-font-family:var(--plasma-typo-body-xs-font-family);--plasma-textfield__chip-font-size:var(--plasma-typo-body-xs-font-size);--plasma-textfield__chip-font-style:var(--plasma-typo-body-xs-font-style);--plasma-textfield__chip-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-textfield__chip-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-textfield__chip-line-height:var(--plasma-typo-body-xs-line-height);--plasma-textfield__indicator-size-inner:0.375rem;--plasma-textfield__indicator-size-outer:0.375rem;--plasma-textfield__indicator-placement-inner:0.813rem auto auto -0.625rem;--plasma-textfield__indicator-placement-outer:0.25rem auto auto -0.625rem;--plasma-textfield__indicator-placement-inner-right:0.813rem -0.625rem auto auto;--plasma-textfield__indicator-placement-outer-right:0.125rem -0.6875rem auto auto;--plasma-textfield__clear-indicator-hint-placement-inner-right:0.813rem -1.988rem auto auto;}
34
- .TextField_clear_config_1ua13qu_i1p3y1gi__0c01ccc7{--plasma-textfield__placeholder-color:var(--text-secondary);--plasma-textfield-placement_inner__label-font-family:var(--plasma-typo-body-xs-font-family);--plasma-textfield-placement_inner__label-font-size:var(--plasma-typo-body-xs-font-size);--plasma-textfield-placement_inner__label-font-style:var(--plasma-typo-body-xs-font-style);--plasma-textfield-placement_inner__label-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-textfield-placement_inner__label-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-textfield-placement_inner__label-line-height:var(--plasma-typo-body-xs-line-height);}
35
-
36
- .TextField_clear_config_1ua13qu_daqndxt__0c01ccc7{--plasma-textfield__chip-color:var(--inverse-text-primary);--plasma-textfield__chip-background:var(--surface-solid-default);--plasma-textfield__chip-color-hover:var(--inverse-text-primary);--plasma-textfield__chip-background-hover:var(--surface-solid-default-hover);--plasma-textfield__chip-color-active:var(--inverse-text-primary);--plasma-textfield__chip-background-active:var(--surface-solid-default-active);--plasma-textfield__chip-background-readonly:var(--surface-solid-default);--plasma-textfield__chip-color-readonly:var(--inverse-text-primary);--plasma-textfield__chip-background-readonly-hover:var(--surface-solid-default);--plasma-textfield__chip-color-readonly-hover:var(--inverse-text-primary);--plasma-textfield__chip-close-icon-color:var(--inverse-text-secondary);--plasma-textfield__chip-close-icon-color-readonly:var(--inverse-text-secondary);--plasma-textfield__chip-close-icon-color-hover:var(--inverse-text-secondary-hover);--plasma-textfield__chip-opacity-readonly:1;}
37
- .TextField_clear_config_1ua13qu_s1r0sdt0__0c01ccc7{--plasma-textfield__chip-color:var(--text-primary);--plasma-textfield__chip-background:var(--surface-transparent-secondary);--plasma-textfield__chip-color-hover:var(--text-primary);--plasma-textfield__chip-background-hover:var(--surface-transparent-secondary-hover);--plasma-textfield__chip-color-active:var(--text-primary);--plasma-textfield__chip-background-active:var(--surface-transparent-secondary-active);--plasma-textfield__chip-background-readonly:var(--surface-transparent-secondary);--plasma-textfield__chip-color-readonly:var(--text-primary);--plasma-textfield__chip-background-readonly-hover:var(--surface-transparent-secondary);--plasma-textfield__chip-color-readonly-hover:var(--text-primary);--plasma-textfield__chip-close-icon-color:var(--text-secondary);--plasma-textfield__chip-close-icon-color-readonly:var(--text-secondary);--plasma-textfield__chip-close-icon-color-hover:var(--text-secondary-hover);--plasma-textfield__chip-opacity-readonly:1;}
38
- .TextField_clear_config_1ua13qu_al9p1ui__0c01ccc7{--plasma-textfield__chip-color:var(--on-dark-text-primary);--plasma-textfield__chip-background:var(--surface-accent);--plasma-textfield__chip-color-hover:var(--on-dark-text-primary);--plasma-textfield__chip-background-hover:var(--surface-accent-hover);--plasma-textfield__chip-color-active:var(--on-dark-text-primary);--plasma-textfield__chip-background-active:var(--surface-accent-active);--plasma-textfield__chip-background-readonly:var(--surface-accent);--plasma-textfield__chip-color-readonly:var(--on-dark-text-primary);--plasma-textfield__chip-background-readonly-hover:var(--surface-accent);--plasma-textfield__chip-color-readonly-hover:var(--on-dark-text-primary);--plasma-textfield__chip-close-icon-color:var(--on-dark-text-secondary);--plasma-textfield__chip-close-icon-color-readonly:var(--on-dark-text-secondary);--plasma-textfield__chip-close-icon-color-hover:var(--on-dark-text-secondary-hover);--plasma-textfield__chip-opacity-readonly:1;}
39
- .TextField_clear_config_1ua13qu_pcqagsb__0c01ccc7{--plasma-textfield__chip-color:var(--on-dark-text-primary);--plasma-textfield__chip-background:var(--surface-positive);--plasma-textfield__chip-color-hover:var(--on-dark-text-primary);--plasma-textfield__chip-background-hover:var(--surface-positive-hover);--plasma-textfield__chip-color-active:var(--on-dark-text-primary);--plasma-textfield__chip-background-active:var(--surface-positive-active);--plasma-textfield__chip-background-readonly:var(--surface-positive);--plasma-textfield__chip-color-readonly:var(--on-dark-text-primary);--plasma-textfield__chip-background-readonly-hover:var(--surface-positive);--plasma-textfield__chip-color-readonly-hover:var(--on-dark-text-primary);--plasma-textfield__chip-close-icon-color:var(--on-dark-text-secondary);--plasma-textfield__chip-close-icon-color-readonly:var(--on-dark-text-secondary);--plasma-textfield__chip-close-icon-color-hover:var(--on-dark-text-secondary-hover);--plasma-textfield__chip-opacity-readonly:1;}
40
- .TextField_clear_config_1ua13qu_wvkbcac__0c01ccc7{--plasma-textfield__chip-color:var(--on-dark-text-primary);--plasma-textfield__chip-background:var(--surface-warning);--plasma-textfield__chip-color-hover:var(--on-dark-text-primary);--plasma-textfield__chip-background-hover:var(--surface-warning-hover);--plasma-textfield__chip-color-active:var(--on-dark-text-primary);--plasma-textfield__chip-background-active:var(--surface-warning-active);--plasma-textfield__chip-background-readonly:var(--surface-warning);--plasma-textfield__chip-color-readonly:var(--on-dark-text-primary);--plasma-textfield__chip-background-readonly-hover:var(--surface-warning);--plasma-textfield__chip-color-readonly-hover:var(--on-dark-text-primary);--plasma-textfield__chip-close-icon-color:var(--on-dark-text-secondary);--plasma-textfield__chip-close-icon-color-readonly:var(--on-dark-text-secondary);--plasma-textfield__chip-close-icon-color-hover:var(--on-dark-text-secondary-hover);--plasma-textfield__chip-opacity-readonly:1;}
41
- .TextField_clear_config_1ua13qu_n1f5nmrs__0c01ccc7{--plasma-textfield__chip-color:var(--on-dark-text-primary);--plasma-textfield__chip-background:var(--surface-negative);--plasma-textfield__chip-color-hover:var(--on-dark-text-primary);--plasma-textfield__chip-background-hover:var(--surface-negative-hover);--plasma-textfield__chip-color-active:var(--on-dark-text-primary);--plasma-textfield__chip-background-active:var(--surface-negative-active);--plasma-textfield__chip-background-readonly:var(--surface-negative);--plasma-textfield__chip-color-readonly:var(--on-dark-text-primary);--plasma-textfield__chip-background-readonly-hover:var(--surface-negative);--plasma-textfield__chip-color-readonly-hover:var(--on-dark-text-primary);--plasma-textfield__chip-close-icon-color:var(--on-dark-text-secondary);--plasma-textfield__chip-close-icon-color-readonly:var(--on-dark-text-secondary);--plasma-textfield__chip-close-icon-color-hover:var(--on-dark-text-secondary-hover);--plasma-textfield__chip-opacity-readonly:1;}
42
- .TextField_clear_config_1ua13qu_dokz6t__0c01ccc7{--plasma-textfield__tooltip-background-color:var(--surface-solid-card-brightness);--plasma-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-textfield__tooltip-color:var(--text-primary);--plasma-textfield__tooltip-arrow-background:var(--surface-solid-card-brightness);}
43
- .TextField_clear_config_1ua13qu_m10ofxb8__0c01ccc7{--plasma-textfield__tooltip-padding-top:0.6875rem;--plasma-textfield__tooltip-padding-right:0.875rem;--plasma-textfield__tooltip-padding-bottom:0.6875rem;--plasma-textfield__tooltip-padding-left:0.875rem;--plasma-textfield__tooltip-min-height:2.5rem;--plasma-textfield__tooltip-border-radius:0.625rem;--plasma-textfield__tooltip-text-font-family:var(--plasma-typo-body-s-font-family);--plasma-textfield__tooltip-text-font-size:var(--plasma-typo-body-s-font-size);--plasma-textfield__tooltip-text-font-style:var(--plasma-typo-body-s-font-style);--plasma-textfield__tooltip-text-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-textfield__tooltip-text-font-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-textfield__tooltip-text-font-line-height:var(--plasma-typo-body-s-line-height);--plasma-textfield__tooltip-content-left-margin:0.375rem;--plasma-textfield__tooltip-arrow-mask-width:1.25rem;--plasma-textfield__tooltip-arrow-mask-height:1.25rem;--plasma-textfield__tooltip-arrow-mask-image:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMC4xNywxMS44M2wyMCwwYy01LjUyLDAgLTEwLDMuNTkgLTEwLDhjMCwtNC40MSAtNC40OCwtOCAtMTAsLTh6IiBmaWxsPSIjMTcxNzE3IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGlkPSJUYWlsIi8+Cjwvc3ZnPg==");--plasma-textfield__tooltip-arrow-height:0.5rem;--plasma-textfield__tooltip-arrow-edge-margin:0.625rem;}
44
- .TextField_clear_config_1ua13qu_syti5yf__0c01ccc7{--plasma-textfield__tooltip-padding-top:0.5rem;--plasma-textfield__tooltip-padding-right:0.75rem;--plasma-textfield__tooltip-padding-bottom:0.5rem;--plasma-textfield__tooltip-padding-left:0.75rem;--plasma-textfield__tooltip-min-height:2rem;--plasma-textfield__tooltip-border-radius:0.5rem;--plasma-textfield__tooltip-text-font-family:var(--plasma-typo-body-xs-font-family);--plasma-textfield__tooltip-text-font-size:var(--plasma-typo-body-xs-font-size);--plasma-textfield__tooltip-text-font-style:var(--plasma-typo-body-xs-font-style);--plasma-textfield__tooltip-text-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-textfield__tooltip-text-font-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-textfield__tooltip-text-font-line-height:var(--plasma-typo-body-xs-line-height);--plasma-textfield__tooltip-content-left-margin:0.25rem;--plasma-textfield__tooltip-arrow-mask-width:1rem;--plasma-textfield__tooltip-arrow-mask-height:1rem;--plasma-textfield__tooltip-arrow-mask-image:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMCw5Ljg1bDE2LDBjLTQuNDEsMCAtOCwyLjY5IC04LDZjMCwtMy4zMSAtMy41OSwtNiAtOCwtNnoiIGZpbGw9IiMxNzE3MTciIGZpbGwtcnVsZT0iZXZlbm9kZCIgaWQ9IlRhaWwiLz4KPC9zdmc+");--plasma-textfield__tooltip-arrow-height:0.375rem;--plasma-textfield__tooltip-arrow-edge-margin:0.5625rem;}
45
- .TextField_clear_config_1ua13qu_tczp7tl__0c01ccc7{--plasma-textfield-disabled-opacity:0.4;}
46
- .TextField_clear_config_1ua13qu_tj9a63w__0c01ccc7{--plasma-textfield-readonly-opacity:0.1;--plasma-textfield-color-readonly:var(--text-primary);--plasma-textfield-bg-color-readonly:transparent;--plasma-textfield__placeholder-color-readonly:var(--text-secondary);--plasma-textfield__left-helper-color-readonly:var(--text-secondary);--plasma-textfield__title-caption-color-readonly:var(--text-secondary);--plasma-textfield__label-color-readonly:var(--text-primary);--plasma-textfield-divider-color-readonly:var(--surface-transparent-primary);--plasma-textfield-right-content-opacity-readonly:0.4;}
@@ -1,18 +1,20 @@
1
- import { createConditionalComponent, component, mergeConfig, textFieldConfig } from '@salutejs/plasma-new-hope';
1
+ import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
2
+ import React from 'react';
3
+ import { fixedForwardRef, component, mergeConfig, textFieldConfig } from '@salutejs/plasma-new-hope';
2
4
  import { config } from './TextField.config.js';
3
- import { config as config$1 } from './TextField.clear.config.js';
4
5
 
5
- var mergedConfigDefault = /*#__PURE__*/mergeConfig(textFieldConfig, config);
6
- var TextFieldDefault = /*#__PURE__*/component(mergedConfigDefault);
7
- var mergedConfigClear = /*#__PURE__*/mergeConfig(textFieldConfig, config$1);
8
- var TextFieldClear = /*#__PURE__*/component(mergedConfigClear);
9
- var TextField = /*#__PURE__*/createConditionalComponent(TextFieldDefault, [{
10
- conditions: {
11
- prop: 'appearance',
12
- value: 'clear'
13
- },
14
- component: TextFieldClear
15
- }]);
6
+ var mergedConfig = /*#__PURE__*/mergeConfig(textFieldConfig, config);
7
+ var TextFieldComponent = /*#__PURE__*/component(mergedConfig);
8
+ var TexFieldWithTypes = function TexFieldWithTypes(props, ref) {
9
+ return /*#__PURE__*/React.createElement(TextFieldComponent, _extends({
10
+ ref: ref
11
+ }, props));
12
+ };
16
13
 
17
- export { TextField, TextFieldClear, TextFieldDefault };
14
+ /**
15
+ * Поле ввода текста.
16
+ */
17
+ var TextField = /*#__PURE__*/fixedForwardRef(TexFieldWithTypes);
18
+
19
+ export { TextField };
18
20
  //# sourceMappingURL=TextField.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"TextField.js","sources":["../../../src-css/components/TextField/TextField.tsx"],"sourcesContent":["import {\n textFieldConfig,\n component,\n mergeConfig,\n createConditionalComponent,\n} from '@salutejs/plasma-new-hope';\n\nimport { config } from './TextField.config';\nimport { config as clearConfig } from './TextField.clear.config';\n\nconst mergedConfigDefault = mergeConfig(textFieldConfig, config);\nexport const TextFieldDefault = component(mergedConfigDefault);\n\nconst mergedConfigClear = mergeConfig(textFieldConfig, clearConfig);\nexport const TextFieldClear = component(mergedConfigClear);\n\nexport const TextField = createConditionalComponent(TextFieldDefault, [\n {\n conditions: { prop: 'appearance', value: 'clear' },\n component: TextFieldClear,\n },\n]);\n"],"names":["mergedConfigDefault","mergeConfig","textFieldConfig","config","TextFieldDefault","component","mergedConfigClear","clearConfig","TextFieldClear","TextField","createConditionalComponent","conditions","prop","value"],"mappings":";;;;AAUA,IAAMA,mBAAmB,gBAAGC,WAAW,CAACC,eAAe,EAAEC,MAAM,CAAC,CAAA;IACnDC,gBAAgB,gBAAGC,SAAS,CAACL,mBAAmB,EAAC;AAE9D,IAAMM,iBAAiB,gBAAGL,WAAW,CAACC,eAAe,EAAEK,QAAW,CAAC,CAAA;IACtDC,cAAc,gBAAGH,SAAS,CAACC,iBAAiB,EAAC;IAE7CG,SAAS,gBAAGC,0BAA0B,CAACN,gBAAgB,EAAE,CAClE;AACIO,EAAAA,UAAU,EAAE;AAAEC,IAAAA,IAAI,EAAE,YAAY;AAAEC,IAAAA,KAAK,EAAE,OAAA;GAAS;AAClDR,EAAAA,SAAS,EAAEG,cAAAA;AACf,CAAC,CACJ;;;;"}
1
+ {"version":3,"file":"TextField.js","sources":["../../../src-css/components/TextField/TextField.tsx"],"sourcesContent":["import React from 'react';\nimport type { ComponentProps, ForwardedRef } from 'react';\nimport {\n textFieldConfig,\n component,\n mergeConfig,\n DistributiveOmit,\n fixedForwardRef,\n} from '@salutejs/plasma-new-hope';\n\nimport { config } from './TextField.config';\n\nconst mergedConfig = mergeConfig(textFieldConfig, config);\nconst TextFieldComponent = component(mergedConfig);\n\ntype TextFieldProps = DistributiveOmit<ComponentProps<typeof TextFieldComponent>, 'hintTargetPlacement'>;\n\nconst TexFieldWithTypes = (props: TextFieldProps, ref: ForwardedRef<HTMLInputElement>) => (\n <TextFieldComponent ref={ref} {...(props as any)} />\n);\n\n/**\n * Поле ввода текста.\n */\nexport const TextField = fixedForwardRef(TexFieldWithTypes);\n"],"names":["mergedConfig","mergeConfig","textFieldConfig","config","TextFieldComponent","component","TexFieldWithTypes","props","ref","React","createElement","_extends","TextField","fixedForwardRef"],"mappings":";;;;;AAYA,IAAMA,YAAY,gBAAGC,WAAW,CAACC,eAAe,EAAEC,MAAM,CAAC,CAAA;AACzD,IAAMC,kBAAkB,gBAAGC,SAAS,CAACL,YAAY,CAAC,CAAA;AAIlD,IAAMM,iBAAiB,GAAG,SAApBA,iBAAiBA,CAAIC,KAAqB,EAAEC,GAAmC,EAAA;AAAA,EAAA,oBACjFC,KAAA,CAAAC,aAAA,CAACN,kBAAkB,EAAAO,QAAA,CAAA;AAACH,IAAAA,GAAG,EAAEA,GAAAA;GAAUD,EAAAA,KAAK,CAAW,CAAC,CAAA;AAAA,CACvD,CAAA;;AAED;AACA;AACA;IACaK,SAAS,gBAAGC,eAAe,CAACP,iBAAiB;;;;"}
package/es/index.css CHANGED
@@ -737,29 +737,6 @@
737
737
  .TextField_config_1j14kt5_t1459kih__5ee0dcf1{--plasma-textfield-disabled-opacity:0.4;--plasma-textfield-border-color:transparent;--plasma-textfield-color:var(--text-primary);--plasma-textfield__placeholder-color:var(--text-primary);--plasma-textfield__left-helper-color:var(--text-secondary);--plasma-textfield__title-caption-color:var(--text-secondary);--plasma-textfield__label-color:var(--text-primary);--plasma-textfield-divider-color:var(--surface-transparent-primary);--plasma-textfield-box-shadow:inset 0 0 0 0 transparent;}
738
738
  .TextField_config_1j14kt5_t1qp68cw__5ee0dcf1{--plasma-textfield-readonly-opacity:1;--plasma-textfield-right-content-opacity-readonly:0.4;--plasma-textfield-color-readonly:var(--text-primary);--plasma-textfield-bg-color-readonly:var(--surface-solid-secondary);--plasma-textfield__placeholder-color-readonly:var(--text-secondary);--plasma-textfield__left-helper-color-readonly:var(--text-secondary);--plasma-textfield__title-caption-color-readonly:var(--text-secondary);--plasma-textfield__label-color-readonly:var(--text-primary);--plasma-textfield-divider-color-readonly:var(--surface-transparent-primary);}
739
739
 
740
- .TextField_clear_config_1ua13qu_dwsn6eb__0c01ccc7{--plasma-textfield-color:var(--text-primary);--plasma-textfield__placeholder-color:var(--text-secondary);--plasma-textfield__placeholder-color-focus:var(--text-tertiary);--plasma-textfield-bg-color:transparent;--plasma-textfield-bg-color-hover:transparent;--plasma-textfield-bg-color-focus:transparent;--plasma-textfield__caret-color:var(--text-accent);--plasma-textfield__before-text-color:var(--text-tertiary);--plasma-textfield__after-text-color:var(--text-tertiary);--plasma-textfield__label-color:var(--text-primary);--plasma-textfield__left-helper-color:var(--text-secondary);--plasma-textfield__title-caption-color:var(--text-secondary);--plasma-textfield__hint-icon-color:var(--text-secondary);--plasma-textfield-content-slot-color:var(--text-secondary);--plasma-textfield-content-slot-color-hover:var(--text-secondary-hover);--plasma-textfield-content-slot-color-active:var(--text-secondary-active);--plasma-textfield-divider-color:var(--surface-transparent-tertiary);--plasma-textfield-divider-color-hover:var(--text-secondary);--plasma-textfield-divider-color-focus:var(--surface-accent);--plasma-textfield-focus-color:var(--text-accent);--plasma-textfield__indicator-color:var(--surface-negative);--plasma-textfield__optional-color:var(--text-tertiary);}
741
- .TextField_clear_config_1ua13qu_pdpawn5__0c01ccc7{--plasma-textfield-color:var(--text-positive);--plasma-textfield__placeholder-color:var(--text-positive);--plasma-textfield__placeholder-color-focus:var(--text-positive);--plasma-textfield-bg-color:transparent;--plasma-textfield-bg-color-hover:transparent;--plasma-textfield-bg-color-focus:transparent;--plasma-textfield__caret-color:var(--text-accent);--plasma-textfield__before-text-color:var(--text-tertiary);--plasma-textfield__after-text-color:var(--text-tertiary);--plasma-textfield__label-color:var(--text-primary);--plasma-textfield__left-helper-color:var(--text-positive);--plasma-textfield__title-caption-color:var(--text-secondary);--plasma-textfield__hint-icon-color:var(--text-secondary);--plasma-textfield-content-slot-color:var(--text-positive);--plasma-textfield-content-slot-color-hover:var(--text-positive-hover);--plasma-textfield-content-slot-color-active:var(--text-positive-active);--plasma-textfield-content-right-slot-color:var(--text-secondary);--plasma-textfield-content-right-slot-color-hover:var(--text-secondary-hover);--plasma-textfield-content-right-slot-color-active:var(--text-secondary-active);--plasma-textfield-divider-color:var(--surface-positive);--plasma-textfield-divider-color-hover:var(--surface-positive);--plasma-textfield-divider-color-focus:var(--surface-accent);--plasma-textfield-focus-color:var(--text-accent);--plasma-textfield__indicator-color:var(--surface-negative);--plasma-textfield__optional-color:var(--text-tertiary);}
742
- .TextField_clear_config_1ua13qu_w17x7gjj__0c01ccc7{--plasma-textfield-clear-color:var(--text-warning);--plasma-textfield__placeholder-color:var(--text-warning);--plasma-textfield__placeholder-color-focus:var(--text-warning);--plasma-textfield-bg-color:transparent;--plasma-textfield-bg-color-hover:transparent;--plasma-textfield-bg-color-focus:transparent;--plasma-textfield__caret-color:var(--text-accent);--plasma-textfield__before-text-color:var(--text-tertiary);--plasma-textfield__after-text-color:var(--text-tertiary);--plasma-textfield__label-color:var(--text-primary);--plasma-textfield__left-helper-color:var(--text-warning);--plasma-textfield__title-caption-color:var(--text-secondary);--plasma-textfield__hint-icon-color:var(--text-secondary);--plasma-textfield-content-slot-color:var(--text-warning);--plasma-textfield-content-slot-color-hover:var(--text-warning-hover);--plasma-textfield-content-slot-color-active:var(--text-warning-active);--plasma-textfield-content-right-slot-color:var(--text-secondary);--plasma-textfield-content-right-slot-color-hover:var(--text-secondary-hover);--plasma-textfield-content-right-slot-color-active:var(--text-secondary-active);--plasma-textfield-divider-color:var(--surface-warning);--plasma-textfield-divider-color-hover:var(--surface-warning);--plasma-textfield-divider-color-focus:var(--surface-accent);--plasma-textfield-focus-color:var(--text-accent);--plasma-textfield__indicator-color:var(--surface-negative);--plasma-textfield__optional-color:var(--text-tertiary);}
743
- .TextField_clear_config_1ua13qu_n1emjrtv__0c01ccc7{--plasma-textfield-color:var(--text-negative);--plasma-textfield__placeholder-color:var(--text-negative);--plasma-textfield__placeholder-color-focus:var(--text-negative);--plasma-textfield-bg-color:transparent;--plasma-textfield-bg-color-hover:transparent;--plasma-textfield-bg-color-focus:transparent;--plasma-textfield__caret-color:var(--text-accent);--plasma-textfield__before-text-color:var(--text-tertiary);--plasma-textfield__after-text-color:var(--text-tertiary);--plasma-textfield__label-color:var(--text-primary);--plasma-textfield__left-helper-color:var(--text-negative);--plasma-textfield__title-caption-color:var(--text-secondary);--plasma-textfield__hint-icon-color:var(--text-secondary);--plasma-textfield-content-slot-color:var(--text-negative);--plasma-textfield-content-slot-color-hover:var(--text-negative-hover);--plasma-textfield-content-slot-color-active:var(--text-negative-active);--plasma-textfield-content-right-slot-color:var(--text-secondary);--plasma-textfield-content-right-slot-color-hover:var(--text-secondary-hover);--plasma-textfield-content-right-slot-color-active:var(--text-secondary-active);--plasma-textfield-divider-color:var(--surface-negative);--plasma-textfield-divider-color-hover:var(--surface-negative);--plasma-textfield-divider-color-focus:var(--surface-accent);--plasma-textfield-focus-color:var(--text-accent);--plasma-textfield__indicator-color:var(--surface-negative);--plasma-textfield__optional-color:var(--text-tertiary);}
744
- .TextField_clear_config_1ua13qu_xr2wj7q__0c01ccc7{--plasma-textfield-height:4rem;--plasma-textfield-padding:1.375rem 0;--plasma-textfield-padding-with-chips:0.375rem 0;--plasma-textfield-border-radius:0;--plasma-textfield__left-content-margin:-0.125rem 0.625rem -0.125rem 0rem;--plasma-textfield__right-content-margin:-0.125rem 0rem -0.125rem 0.75rem;--plasma-textfield-font-family:var(--plasma-typo-body-l-font-family);--plasma-textfield-font-size:var(--plasma-typo-body-l-font-size);--plasma-textfield-font-style:var(--plasma-typo-body-l-font-style);--plasma-textfield-font-weight:var(--plasma-typo-body-l-font-weight);--plasma-textfield-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-textfield-line-height:var(--plasma-typo-body-l-line-height);--plasma-textfield__label-offset:0.25rem;--plasma-textfield__label-font-family:var(--plasma-typo-body-l-font-family);--plasma-textfield__label-font-size:var(--plasma-typo-body-l-font-size);--plasma-textfield__label-font-style:var(--plasma-typo-body-l-font-style);--plasma-textfield__label-font-weight:var(--plasma-typo-body-l-font-weight);--plasma-textfield__label-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-textfield__label-line-height:var(--plasma-typo-body-l-line-height);--plasma-textfield__hint-margin:-0.688rem -0.5rem;--plasma-textfield__hint-target-size:2.375rem;--plasma-textfield__hint-inner-label-placement-offset:0.82rem -2.063rem auto auto;--plasma-textfield__title-caption-label-inner-offset:0.25rem;--plasma-textfield__title-caption-font-family:var(--plasma-typo-body-xs-font-family);--plasma-textfield__title-caption-font-size:var(--plasma-typo-body-xs-font-size);--plasma-textfield__title-caption-font-style:var(--plasma-typo-body-xs-font-style);--plasma-textfield__title-caption-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-textfield__title-caption-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-textfield__title-caption-line-height:var(--plasma-typo-body-xs-line-height);--plasma-textfield__left-helper-offset:0.25rem;--plasma-textfield__left-helper-font-family:var(--plasma-typo-body-xs-font-family);--plasma-textfield__left-helper-font-size:var(--plasma-typo-body-xs-font-size);--plasma-textfield__left-helper-font-style:var(--plasma-typo-body-xs-font-style);--plasma-textfield__left-helper-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-textfield__left-helper-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-textfield__left-helper-line-height:var(--plasma-typo-body-xs-line-height);--plasma-textfield-placement_inner__label-padding:0.8125rem 0 0.125rem 0;--plasma-textfield-placement_inner__content-padding:1.938rem 0 0.813rem 0;--plasma-textfield__before-text-margin:0 0.25rem 0 0;--plasma-textfield__after-text-margin:0 0 0 0.25rem;--plasma-textfield__chip-gap:0.125rem;--plasma-textfield__chip-margin-right:1rem;--plasma-textfield__chip-border-radius:0.625rem;--plasma-textfield__chip-width:auto;--plasma-textfield__chip-height:3.25rem;--plasma-textfield__chip-padding:0 0.75rem 0 1rem;--plasma-textfield__chip-clear-content-margin-left:0.625rem;--plasma-textfield__chip-clear-content-margin-right:0rem;--plasma-textfield__chip-close-icon-size:1.5rem;--plasma-textfield__chip-font-family:var(--plasma-typo-body-l-font-family);--plasma-textfield__chip-font-size:var(--plasma-typo-body-l-font-size);--plasma-textfield__chip-font-style:var(--plasma-typo-body-l-font-style);--plasma-textfield__chip-font-weight:var(--plasma-typo-body-l-font-weight);--plasma-textfield__chip-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-textfield__chip-line-height:var(--plasma-typo-body-l-line-height);--plasma-textfield-placement_inner__label-font-family:var(--plasma-typo-body-xs-font-family);--plasma-textfield-placement_inner__label-font-size:var(--plasma-typo-body-xs-font-size);--plasma-textfield-placement_inner__label-font-style:var(--plasma-typo-body-xs-font-style);--plasma-textfield-placement_inner__label-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-textfield-placement_inner__label-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-textfield-placement_inner__label-line-height:var(--plasma-typo-body-xs-line-height);--plasma-textfield__indicator-size-inner:0.5rem;--plasma-textfield__indicator-size-outer:0.375rem;--plasma-textfield__indicator-placement-inner:1.75rem auto auto -0.875rem;--plasma-textfield__indicator-placement-outer:0.5rem auto auto -0.75rem;--plasma-textfield__indicator-placement-inner-right:1.75rem -0.875rem auto auto;--plasma-textfield__indicator-placement-outer-right:0.25rem -0.875rem auto auto;--plasma-textfield__clear-indicator-hint-placement-inner-right:1.75rem -2.488rem auto auto;}
745
- .TextField_clear_config_1ua13qu_llgeoal__0c01ccc7{--plasma-textfield-height:3.5rem;--plasma-textfield-padding:1rem 0;--plasma-textfield-padding-with-chips:0.375rem 0;--plasma-textfield-border-radius:0;--plasma-textfield__left-content-margin:-0.0625rem 0.625rem -0.0625rem 0rem;--plasma-textfield__right-content-margin:-0.0625rem 0rem -0.0625rem 0.75rem;--plasma-textfield-font-family:var(--plasma-typo-body-l-font-family);--plasma-textfield-font-size:var(--plasma-typo-body-l-font-size);--plasma-textfield-font-style:var(--plasma-typo-body-l-font-style);--plasma-textfield-font-weight:var(--plasma-typo-body-l-font-weight);--plasma-textfield-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-textfield-line-height:var(--plasma-typo-body-l-line-height);--plasma-textfield__label-offset:0.25rem;--plasma-textfield__label-font-family:var(--plasma-typo-body-l-font-family);--plasma-textfield__label-font-size:var(--plasma-typo-body-l-font-size);--plasma-textfield__label-font-style:var(--plasma-typo-body-l-font-style);--plasma-textfield__label-font-weight:var(--plasma-typo-body-l-font-weight);--plasma-textfield__label-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-textfield__label-line-height:var(--plasma-typo-body-l-line-height);--plasma-textfield__hint-margin:-0.688rem -0.5rem;--plasma-textfield__hint-target-size:2.375rem;--plasma-textfield__hint-inner-label-placement-offset:0.563rem -2.188rem auto auto;--plasma-textfield__title-caption-label-inner-offset:0.25rem;--plasma-textfield__title-caption-font-family:var(--plasma-typo-body-xs-font-family);--plasma-textfield__title-caption-font-size:var(--plasma-typo-body-xs-font-size);--plasma-textfield__title-caption-font-style:var(--plasma-typo-body-xs-font-style);--plasma-textfield__title-caption-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-textfield__title-caption-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-textfield__title-caption-line-height:var(--plasma-typo-body-xs-line-height);--plasma-textfield__left-helper-offset:0.25rem;--plasma-textfield__left-helper-font-family:var(--plasma-typo-body-xs-font-family);--plasma-textfield__left-helper-font-size:var(--plasma-typo-body-xs-font-size);--plasma-textfield__left-helper-font-style:var(--plasma-typo-body-xs-font-style);--plasma-textfield__left-helper-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-textfield__left-helper-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-textfield__left-helper-line-height:var(--plasma-typo-body-xs-line-height);--plasma-textfield-placement_inner__label-padding:0.5625rem 0 0.125rem 0;--plasma-textfield-placement_inner__content-padding:1.5625rem 0 0.5625rem 0;--plasma-textfield__before-text-margin:0 0.25rem 0 0;--plasma-textfield__after-text-margin:0 0 0 0.25rem;--plasma-textfield__chip-gap:0.25rem;--plasma-textfield__chip-border-radius:0.5rem;--plasma-textfield__chip-width:auto;--plasma-textfield__chip-height:2.75rem;--plasma-textfield__chip-padding:0 0.75rem 0 1rem;--plasma-textfield__chip-clear-content-margin-left:0.625rem;--plasma-textfield__chip-clear-content-margin-right:0rem;--plasma-textfield__chip-close-icon-size:1.5rem;--plasma-textfield__chip-font-family:var(--plasma-typo-body-l-font-family);--plasma-textfield__chip-font-size:var(--plasma-typo-body-l-font-size);--plasma-textfield__chip-font-style:var(--plasma-typo-body-l-font-style);--plasma-textfield__chip-font-weight:var(--plasma-typo-body-l-font-weight);--plasma-textfield__chip-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-textfield__chip-line-height:var(--plasma-typo-body-l-line-height);--plasma-textfield__indicator-size-inner:0.5rem;--plasma-textfield__indicator-size-outer:0.375rem;--plasma-textfield__indicator-placement-inner:1.5rem auto auto -0.875rem;--plasma-textfield__indicator-placement-outer:0.5rem auto auto -0.75rem;--plasma-textfield__indicator-placement-inner-right:1.5rem -0.875rem auto auto;--plasma-textfield__indicator-placement-outer-right:0.25rem -0.625rem auto auto;--plasma-textfield__clear-indicator-hint-placement-inner-right:1.5rem -2.488rem auto auto;}
746
- .TextField_clear_config_1ua13qu_m1y65yur__0c01ccc7{--plasma-textfield-height:3rem;--plasma-textfield-padding:0.875rem 0;--plasma-textfield-padding-with-chips:0.375rem 0;--plasma-textfield-border-radius:0;--plasma-textfield__left-content-margin:-0.125rem 0.625rem -0.125rem 0rem;--plasma-textfield__right-content-margin:-0.125rem 0rem -0.125rem 0.75rem;--plasma-textfield-font-family:var(--plasma-typo-body-m-font-family);--plasma-textfield-font-size:var(--plasma-typo-body-m-font-size);--plasma-textfield-font-style:var(--plasma-typo-body-m-font-style);--plasma-textfield-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-textfield-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-textfield-line-height:var(--plasma-typo-body-m-line-height);--plasma-textfield__label-offset:0.25rem;--plasma-textfield__label-font-family:var(--plasma-typo-body-m-font-family);--plasma-textfield__label-font-size:var(--plasma-typo-body-m-font-size);--plasma-textfield__label-font-style:var(--plasma-typo-body-m-font-style);--plasma-textfield__label-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-textfield__label-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-textfield__label-line-height:var(--plasma-typo-body-m-line-height);--plasma-textfield__hint-margin:-0.688rem -0.5rem;--plasma-textfield__hint-target-size:2.375rem;--plasma-textfield__hint-inner-label-placement-offset:0.312rem -2.188rem auto auto;--plasma-textfield__title-caption-label-inner-offset:0.25rem;--plasma-textfield__title-caption-font-family:var(--plasma-typo-body-xs-font-family);--plasma-textfield__title-caption-font-size:var(--plasma-typo-body-xs-font-size);--plasma-textfield__title-caption-font-style:var(--plasma-typo-body-xs-font-style);--plasma-textfield__title-caption-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-textfield__title-caption-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-textfield__title-caption-line-height:var(--plasma-typo-body-xs-line-height);--plasma-textfield__left-helper-offset:0.25rem;--plasma-textfield__left-helper-font-family:var(--plasma-typo-body-xs-font-family);--plasma-textfield__left-helper-font-size:var(--plasma-typo-body-xs-font-size);--plasma-textfield__left-helper-font-style:var(--plasma-typo-body-xs-font-style);--plasma-textfield__left-helper-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-textfield__left-helper-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-textfield__left-helper-line-height:var(--plasma-typo-body-xs-line-height);--plasma-textfield-placement_inner__label-padding:0.375rem 0 0.125rem 0;--plasma-textfield-placement_inner__content-padding:1.375rem 0 0.375rem 0;--plasma-textfield__before-text-margin:0 0.25rem 0 0;--plasma-textfield__after-text-margin:0 0 0 0.25rem;--plasma-textfield__chip-gap:0.125rem;--plasma-textfield__chip-border-radius:0.375rem;--plasma-textfield__chip-width:auto;--plasma-textfield__chip-height:2.25rem;--plasma-textfield__chip-padding:0 0.625rem 0 0.875rem;--plasma-textfield__chip-clear-content-margin-left:0.5rem;--plasma-textfield__chip-clear-content-margin-right:0rem;--plasma-textfield__chip-close-icon-size:1.25rem;--plasma-textfield__chip-font-family:var(--plasma-typo-body-m-font-family);--plasma-textfield__chip-font-size:var(--plasma-typo-body-m-font-size);--plasma-textfield__chip-font-style:var(--plasma-typo-body-m-font-style);--plasma-textfield__chip-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-textfield__chip-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-textfield__chip-line-height:var(--plasma-typo-body-m-line-height);--plasma-textfield__indicator-size-inner:0.5rem;--plasma-textfield__indicator-size-outer:0.375rem;--plasma-textfield__indicator-placement-inner:1.25rem auto auto -0.875rem;--plasma-textfield__indicator-placement-outer:0.375rem auto auto -0.75rem;--plasma-textfield__indicator-placement-inner-right:1.25rem -0.875rem auto auto;--plasma-textfield__indicator-placement-outer-right:0.25rem -0.875rem auto auto;--plasma-textfield__clear-indicator-hint-placement-inner-right:1.25rem -2.25rem auto auto;}
747
- .TextField_clear_config_1ua13qu_s12b6hd6__0c01ccc7{--plasma-textfield-height:2.5rem;--plasma-textfield-padding:0.75rem 0;--plasma-textfield-padding-with-chips:0.375rem 0;--plasma-textfield-border-radius:0;--plasma-textfield__left-content-margin:-0.1875rem 0.5rem -0.1875rem 0rem;--plasma-textfield__right-content-margin:-0.1875rem 0rem -0.1875rem 0.75rem;--plasma-textfield-font-family:var(--plasma-typo-body-s-font-family);--plasma-textfield-font-size:var(--plasma-typo-body-s-font-size);--plasma-textfield-font-style:var(--plasma-typo-body-s-font-style);--plasma-textfield-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-textfield-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-textfield-line-height:var(--plasma-typo-body-s-line-height);--plasma-textfield__label-offset:0.25rem;--plasma-textfield__label-font-family:var(--plasma-typo-body-s-font-family);--plasma-textfield__label-font-size:var(--plasma-typo-body-s-font-size);--plasma-textfield__label-font-style:var(--plasma-typo-body-s-font-style);--plasma-textfield__label-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-textfield__label-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-textfield__label-line-height:var(--plasma-typo-body-s-line-height);--plasma-textfield__hint-margin:-0.688rem -0.5rem;--plasma-textfield__hint-target-size:2.375rem;--plasma-textfield__hint-inner-label-placement-offset:0.062rem -2.188rem auto auto;--plasma-textfield__title-caption-label-inner-offset:0.25rem;--plasma-textfield__title-caption-font-family:var(--plasma-typo-body-xs-font-family);--plasma-textfield__title-caption-font-size:var(--plasma-typo-body-xs-font-size);--plasma-textfield__title-caption-font-style:var(--plasma-typo-body-xs-font-style);--plasma-textfield__title-caption-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-textfield__title-caption-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-textfield__title-caption-line-height:var(--plasma-typo-body-xs-line-height);--plasma-textfield__left-helper-offset:0.25rem;--plasma-textfield__left-helper-font-family:var(--plasma-typo-body-xs-font-family);--plasma-textfield__left-helper-font-size:var(--plasma-typo-body-xs-font-size);--plasma-textfield__left-helper-font-style:var(--plasma-typo-body-xs-font-style);--plasma-textfield__left-helper-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-textfield__left-helper-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-textfield__left-helper-line-height:var(--plasma-typo-body-xs-line-height);--plasma-textfield-placement_inner__label-padding:0.3125rem 0 0 0;--plasma-textfield-placement_inner__content-padding:1.0625rem 0 0.3125rem 0;--plasma-textfield__before-text-margin:0 0.25rem 0 0;--plasma-textfield__after-text-margin:0 0 0 0.25rem;--plasma-textfield__chip-gap:0.125rem;--plasma-textfield__chip-border-radius:0.25rem;--plasma-textfield__chip-width:auto;--plasma-textfield__chip-height:1.75rem;--plasma-textfield__chip-padding:0 0.5rem 0 0.75rem;--plasma-textfield__chip-clear-content-margin-left:0.375rem;--plasma-textfield__chip-clear-content-margin-right:0rem;--plasma-textfield__chip-close-icon-size:1rem;--plasma-textfield__chip-font-family:var(--plasma-typo-body-s-font-family);--plasma-textfield__chip-font-size:var(--plasma-typo-body-s-font-size);--plasma-textfield__chip-font-style:var(--plasma-typo-body-s-font-style);--plasma-textfield__chip-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-textfield__chip-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-textfield__chip-line-height:var(--plasma-typo-body-s-line-height);--plasma-textfield__indicator-size-inner:0.375rem;--plasma-textfield__indicator-size-outer:0.375rem;--plasma-textfield__indicator-placement-inner:1.063rem auto auto -0.75rem;--plasma-textfield__indicator-placement-outer:0.3125rem auto auto -0.6875rem;--plasma-textfield__indicator-placement-inner-right:1.063rem -0.75rem auto auto;--plasma-textfield__indicator-placement-outer-right:0.25rem -0.625rem auto auto;--plasma-textfield__clear-indicator-hint-placement-inner-right:1.063rem -2.125rem auto auto;}
748
- .TextField_clear_config_1ua13qu_xkkpdvb__0c01ccc7{--plasma-textfield-height:2rem;--plasma-textfield-padding:0.5rem 0;--plasma-textfield-padding-with-chips:0.375rem 0;--plasma-textfield-border-radius:0;--plasma-textfield__left-content-margin:-0.0625rem 0.375rem -0.0625rem 0rem;--plasma-textfield__right-content-margin:-0.0625rem 0rem -0.0625rem 0.625rem;--plasma-textfield-font-family:var(--plasma-typo-body-xs-font-family);--plasma-textfield-font-size:var(--plasma-typo-body-xs-font-size);--plasma-textfield-font-style:var(--plasma-typo-body-xs-font-style);--plasma-textfield-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-textfield-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-textfield-line-height:var(--plasma-typo-body-xs-line-height);--plasma-textfield__label-offset:0.25rem;--plasma-textfield__label-font-family:var(--plasma-typo-body-xs-font-family);--plasma-textfield__label-font-size:var(--plasma-typo-body-xs-font-size);--plasma-textfield__label-font-style:var(--plasma-typo-body-xs-font-style);--plasma-textfield__label-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-textfield__label-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-textfield__label-line-height:var(--plasma-typo-body-xs-line-height);--plasma-textfield__hint-margin:-0.75rem -0.625rem -0.75rem -0.5rem;--plasma-textfield__hint-target-size:2.375rem;--plasma-textfield__hint-inner-label-placement-offset:-0.188rem -2.1875rem auto auto;--plasma-textfield__title-caption-label-inner-offset:0.25rem;--plasma-textfield__title-caption-font-family:var(--plasma-typo-body-xs-font-family);--plasma-textfield__title-caption-font-size:var(--plasma-typo-body-xs-font-size);--plasma-textfield__title-caption-font-style:var(--plasma-typo-body-xs-font-style);--plasma-textfield__title-caption-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-textfield__title-caption-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-textfield__title-caption-line-height:var(--plasma-typo-body-xs-line-height);--plasma-textfield__left-helper-offset:0.25rem;--plasma-textfield__left-helper-font-family:var(--plasma-typo-body-xs-font-family);--plasma-textfield__left-helper-font-size:var(--plasma-typo-body-xs-font-size);--plasma-textfield__left-helper-font-style:var(--plasma-typo-body-xs-font-style);--plasma-textfield__left-helper-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-textfield__left-helper-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-textfield__left-helper-line-height:var(--plasma-typo-body-xs-line-height);--plasma-textfield-placement_inner__label-padding:0.3125rem 0 0 0;--plasma-textfield-placement_inner__content-padding:1.0625rem 0 0.3125rem 0;--plasma-textfield__before-text-margin:0 0.25rem 0 0;--plasma-textfield__after-text-margin:0 0 0 0.25rem;--plasma-textfield__chip-gap:0.125rem;--plasma-textfield__chip-border-radius:0.125rem;--plasma-textfield__chip-width:auto;--plasma-textfield__chip-height:1.25rem;--plasma-textfield__chip-padding:0 0.375rem 0 0.625rem;--plasma-textfield__chip-clear-content-margin-left:0.25rem;--plasma-textfield__chip-clear-content-margin-right:0rem;--plasma-textfield__chip-close-icon-size:0.75rem;--plasma-textfield__chip-font-family:var(--plasma-typo-body-xs-font-family);--plasma-textfield__chip-font-size:var(--plasma-typo-body-xs-font-size);--plasma-textfield__chip-font-style:var(--plasma-typo-body-xs-font-style);--plasma-textfield__chip-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-textfield__chip-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-textfield__chip-line-height:var(--plasma-typo-body-xs-line-height);--plasma-textfield__indicator-size-inner:0.375rem;--plasma-textfield__indicator-size-outer:0.375rem;--plasma-textfield__indicator-placement-inner:0.813rem auto auto -0.625rem;--plasma-textfield__indicator-placement-outer:0.25rem auto auto -0.625rem;--plasma-textfield__indicator-placement-inner-right:0.813rem -0.625rem auto auto;--plasma-textfield__indicator-placement-outer-right:0.125rem -0.6875rem auto auto;--plasma-textfield__clear-indicator-hint-placement-inner-right:0.813rem -1.988rem auto auto;}
749
- .TextField_clear_config_1ua13qu_i1p3y1gi__0c01ccc7{--plasma-textfield__placeholder-color:var(--text-secondary);--plasma-textfield-placement_inner__label-font-family:var(--plasma-typo-body-xs-font-family);--plasma-textfield-placement_inner__label-font-size:var(--plasma-typo-body-xs-font-size);--plasma-textfield-placement_inner__label-font-style:var(--plasma-typo-body-xs-font-style);--plasma-textfield-placement_inner__label-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-textfield-placement_inner__label-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-textfield-placement_inner__label-line-height:var(--plasma-typo-body-xs-line-height);}
750
-
751
- .TextField_clear_config_1ua13qu_daqndxt__0c01ccc7{--plasma-textfield__chip-color:var(--inverse-text-primary);--plasma-textfield__chip-background:var(--surface-solid-default);--plasma-textfield__chip-color-hover:var(--inverse-text-primary);--plasma-textfield__chip-background-hover:var(--surface-solid-default-hover);--plasma-textfield__chip-color-active:var(--inverse-text-primary);--plasma-textfield__chip-background-active:var(--surface-solid-default-active);--plasma-textfield__chip-background-readonly:var(--surface-solid-default);--plasma-textfield__chip-color-readonly:var(--inverse-text-primary);--plasma-textfield__chip-background-readonly-hover:var(--surface-solid-default);--plasma-textfield__chip-color-readonly-hover:var(--inverse-text-primary);--plasma-textfield__chip-close-icon-color:var(--inverse-text-secondary);--plasma-textfield__chip-close-icon-color-readonly:var(--inverse-text-secondary);--plasma-textfield__chip-close-icon-color-hover:var(--inverse-text-secondary-hover);--plasma-textfield__chip-opacity-readonly:1;}
752
- .TextField_clear_config_1ua13qu_s1r0sdt0__0c01ccc7{--plasma-textfield__chip-color:var(--text-primary);--plasma-textfield__chip-background:var(--surface-transparent-secondary);--plasma-textfield__chip-color-hover:var(--text-primary);--plasma-textfield__chip-background-hover:var(--surface-transparent-secondary-hover);--plasma-textfield__chip-color-active:var(--text-primary);--plasma-textfield__chip-background-active:var(--surface-transparent-secondary-active);--plasma-textfield__chip-background-readonly:var(--surface-transparent-secondary);--plasma-textfield__chip-color-readonly:var(--text-primary);--plasma-textfield__chip-background-readonly-hover:var(--surface-transparent-secondary);--plasma-textfield__chip-color-readonly-hover:var(--text-primary);--plasma-textfield__chip-close-icon-color:var(--text-secondary);--plasma-textfield__chip-close-icon-color-readonly:var(--text-secondary);--plasma-textfield__chip-close-icon-color-hover:var(--text-secondary-hover);--plasma-textfield__chip-opacity-readonly:1;}
753
- .TextField_clear_config_1ua13qu_al9p1ui__0c01ccc7{--plasma-textfield__chip-color:var(--on-dark-text-primary);--plasma-textfield__chip-background:var(--surface-accent);--plasma-textfield__chip-color-hover:var(--on-dark-text-primary);--plasma-textfield__chip-background-hover:var(--surface-accent-hover);--plasma-textfield__chip-color-active:var(--on-dark-text-primary);--plasma-textfield__chip-background-active:var(--surface-accent-active);--plasma-textfield__chip-background-readonly:var(--surface-accent);--plasma-textfield__chip-color-readonly:var(--on-dark-text-primary);--plasma-textfield__chip-background-readonly-hover:var(--surface-accent);--plasma-textfield__chip-color-readonly-hover:var(--on-dark-text-primary);--plasma-textfield__chip-close-icon-color:var(--on-dark-text-secondary);--plasma-textfield__chip-close-icon-color-readonly:var(--on-dark-text-secondary);--plasma-textfield__chip-close-icon-color-hover:var(--on-dark-text-secondary-hover);--plasma-textfield__chip-opacity-readonly:1;}
754
- .TextField_clear_config_1ua13qu_pcqagsb__0c01ccc7{--plasma-textfield__chip-color:var(--on-dark-text-primary);--plasma-textfield__chip-background:var(--surface-positive);--plasma-textfield__chip-color-hover:var(--on-dark-text-primary);--plasma-textfield__chip-background-hover:var(--surface-positive-hover);--plasma-textfield__chip-color-active:var(--on-dark-text-primary);--plasma-textfield__chip-background-active:var(--surface-positive-active);--plasma-textfield__chip-background-readonly:var(--surface-positive);--plasma-textfield__chip-color-readonly:var(--on-dark-text-primary);--plasma-textfield__chip-background-readonly-hover:var(--surface-positive);--plasma-textfield__chip-color-readonly-hover:var(--on-dark-text-primary);--plasma-textfield__chip-close-icon-color:var(--on-dark-text-secondary);--plasma-textfield__chip-close-icon-color-readonly:var(--on-dark-text-secondary);--plasma-textfield__chip-close-icon-color-hover:var(--on-dark-text-secondary-hover);--plasma-textfield__chip-opacity-readonly:1;}
755
- .TextField_clear_config_1ua13qu_wvkbcac__0c01ccc7{--plasma-textfield__chip-color:var(--on-dark-text-primary);--plasma-textfield__chip-background:var(--surface-warning);--plasma-textfield__chip-color-hover:var(--on-dark-text-primary);--plasma-textfield__chip-background-hover:var(--surface-warning-hover);--plasma-textfield__chip-color-active:var(--on-dark-text-primary);--plasma-textfield__chip-background-active:var(--surface-warning-active);--plasma-textfield__chip-background-readonly:var(--surface-warning);--plasma-textfield__chip-color-readonly:var(--on-dark-text-primary);--plasma-textfield__chip-background-readonly-hover:var(--surface-warning);--plasma-textfield__chip-color-readonly-hover:var(--on-dark-text-primary);--plasma-textfield__chip-close-icon-color:var(--on-dark-text-secondary);--plasma-textfield__chip-close-icon-color-readonly:var(--on-dark-text-secondary);--plasma-textfield__chip-close-icon-color-hover:var(--on-dark-text-secondary-hover);--plasma-textfield__chip-opacity-readonly:1;}
756
- .TextField_clear_config_1ua13qu_n1f5nmrs__0c01ccc7{--plasma-textfield__chip-color:var(--on-dark-text-primary);--plasma-textfield__chip-background:var(--surface-negative);--plasma-textfield__chip-color-hover:var(--on-dark-text-primary);--plasma-textfield__chip-background-hover:var(--surface-negative-hover);--plasma-textfield__chip-color-active:var(--on-dark-text-primary);--plasma-textfield__chip-background-active:var(--surface-negative-active);--plasma-textfield__chip-background-readonly:var(--surface-negative);--plasma-textfield__chip-color-readonly:var(--on-dark-text-primary);--plasma-textfield__chip-background-readonly-hover:var(--surface-negative);--plasma-textfield__chip-color-readonly-hover:var(--on-dark-text-primary);--plasma-textfield__chip-close-icon-color:var(--on-dark-text-secondary);--plasma-textfield__chip-close-icon-color-readonly:var(--on-dark-text-secondary);--plasma-textfield__chip-close-icon-color-hover:var(--on-dark-text-secondary-hover);--plasma-textfield__chip-opacity-readonly:1;}
757
- .TextField_clear_config_1ua13qu_dokz6t__0c01ccc7{--plasma-textfield__tooltip-background-color:var(--surface-solid-card-brightness);--plasma-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-textfield__tooltip-color:var(--text-primary);--plasma-textfield__tooltip-arrow-background:var(--surface-solid-card-brightness);}
758
- .TextField_clear_config_1ua13qu_m10ofxb8__0c01ccc7{--plasma-textfield__tooltip-padding-top:0.6875rem;--plasma-textfield__tooltip-padding-right:0.875rem;--plasma-textfield__tooltip-padding-bottom:0.6875rem;--plasma-textfield__tooltip-padding-left:0.875rem;--plasma-textfield__tooltip-min-height:2.5rem;--plasma-textfield__tooltip-border-radius:0.625rem;--plasma-textfield__tooltip-text-font-family:var(--plasma-typo-body-s-font-family);--plasma-textfield__tooltip-text-font-size:var(--plasma-typo-body-s-font-size);--plasma-textfield__tooltip-text-font-style:var(--plasma-typo-body-s-font-style);--plasma-textfield__tooltip-text-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-textfield__tooltip-text-font-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-textfield__tooltip-text-font-line-height:var(--plasma-typo-body-s-line-height);--plasma-textfield__tooltip-content-left-margin:0.375rem;--plasma-textfield__tooltip-arrow-mask-width:1.25rem;--plasma-textfield__tooltip-arrow-mask-height:1.25rem;--plasma-textfield__tooltip-arrow-mask-image:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMC4xNywxMS44M2wyMCwwYy01LjUyLDAgLTEwLDMuNTkgLTEwLDhjMCwtNC40MSAtNC40OCwtOCAtMTAsLTh6IiBmaWxsPSIjMTcxNzE3IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGlkPSJUYWlsIi8+Cjwvc3ZnPg==");--plasma-textfield__tooltip-arrow-height:0.5rem;--plasma-textfield__tooltip-arrow-edge-margin:0.625rem;}
759
- .TextField_clear_config_1ua13qu_syti5yf__0c01ccc7{--plasma-textfield__tooltip-padding-top:0.5rem;--plasma-textfield__tooltip-padding-right:0.75rem;--plasma-textfield__tooltip-padding-bottom:0.5rem;--plasma-textfield__tooltip-padding-left:0.75rem;--plasma-textfield__tooltip-min-height:2rem;--plasma-textfield__tooltip-border-radius:0.5rem;--plasma-textfield__tooltip-text-font-family:var(--plasma-typo-body-xs-font-family);--plasma-textfield__tooltip-text-font-size:var(--plasma-typo-body-xs-font-size);--plasma-textfield__tooltip-text-font-style:var(--plasma-typo-body-xs-font-style);--plasma-textfield__tooltip-text-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-textfield__tooltip-text-font-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-textfield__tooltip-text-font-line-height:var(--plasma-typo-body-xs-line-height);--plasma-textfield__tooltip-content-left-margin:0.25rem;--plasma-textfield__tooltip-arrow-mask-width:1rem;--plasma-textfield__tooltip-arrow-mask-height:1rem;--plasma-textfield__tooltip-arrow-mask-image:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMCw5Ljg1bDE2LDBjLTQuNDEsMCAtOCwyLjY5IC04LDZjMCwtMy4zMSAtMy41OSwtNiAtOCwtNnoiIGZpbGw9IiMxNzE3MTciIGZpbGwtcnVsZT0iZXZlbm9kZCIgaWQ9IlRhaWwiLz4KPC9zdmc+");--plasma-textfield__tooltip-arrow-height:0.375rem;--plasma-textfield__tooltip-arrow-edge-margin:0.5625rem;}
760
- .TextField_clear_config_1ua13qu_tczp7tl__0c01ccc7{--plasma-textfield-disabled-opacity:0.4;}
761
- .TextField_clear_config_1ua13qu_tj9a63w__0c01ccc7{--plasma-textfield-readonly-opacity:0.1;--plasma-textfield-color-readonly:var(--text-primary);--plasma-textfield-bg-color-readonly:transparent;--plasma-textfield__placeholder-color-readonly:var(--text-secondary);--plasma-textfield__left-helper-color-readonly:var(--text-secondary);--plasma-textfield__title-caption-color-readonly:var(--text-secondary);--plasma-textfield__label-color-readonly:var(--text-primary);--plasma-textfield-divider-color-readonly:var(--surface-transparent-primary);--plasma-textfield-right-content-opacity-readonly:0.4;}
762
-
763
740
  .TextFieldGroup_config_1gikqtw_l38fadx__20fd835a{--plasma-text-field-group-item-default-radius:0.875rem;--plasma-text-field-group-item-segmented-radius:0.375rem;--plasma-text-field-group-side-item-radius:0.875rem;--plasma-text-field-group-item-height:3.5rem;--plasma-text-field-group-item-padding:1.0625rem 1.125rem 1.0625rem 1.125rem;--plasma-text-field-group-item-padding-with-chips:0.375rem;--plasma-text-field-group-item__left-content-margin:-0.0625rem 0.5rem -0.0625rem -0.125rem;--plasma-text-field-group-item__right-content-margin:-0.0625rem -0.125rem -0.0625rem 0.75rem;--plasma-text-field-group-item__before-text-margin:0 0.25rem 0 0;--plasma-text-field-group-item__after-text-margin:0 0 0 0.25rem;--plasma-text-field-group-item-font-family:var(--plasma-typo-body-l-font-family);--plasma-text-field-group-item-font-size:var(--plasma-typo-body-l-font-size);--plasma-text-field-group-item-font-style:var(--plasma-typo-body-l-font-style);--plasma-text-field-group-item-font-weight:var(--plasma-typo-body-l-font-weight);--plasma-text-field-group-item-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-text-field-group-item-line-height:var(--plasma-typo-body-l-line-height);--plasma-text-field-group-item__label-offset:0.75rem;--plasma-text-field-group-item__label-font-family:var(--plasma-typo-body-l-font-family);--plasma-text-field-group-item__label-font-size:var(--plasma-typo-body-l-font-size);--plasma-text-field-group-item__label-font-style:var(--plasma-typo-body-l-font-style);--plasma-text-field-group-item__label-font-weight:var(--plasma-typo-body-l-font-weight);--plasma-text-field-group-item__label-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-text-field-group-item__label-line-height:var(--plasma-typo-body-l-line-height);--plasma-text-field-group-item__left-helper-offset:0.25rem;--plasma-text-field-group-item__left-helper-font-family:var(--plasma-typo-body-xs-font-family);--plasma-text-field-group-item__left-helper-font-size:var(--plasma-typo-body-xs-font-size);--plasma-text-field-group-item__left-helper-font-style:var(--plasma-typo-body-xs-font-style);--plasma-text-field-group-item__left-helper-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-text-field-group-item__left-helper-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-text-field-group-item__left-helper-line-height:var(--plasma-typo-body-xs-line-height);--plasma-text-field-group-item-placement_inner__label-padding:0.5625rem 0 0.125rem 0;--plasma-text-field-group-item-placement_inner__content-padding:1.5625rem 0 0.5625rem 0;--plasma-text-field-group-item__chip-gap:0.25rem;--plasma-text-field-group-item__chip-border-radius:0.5rem;--plasma-text-field-group-item__chip-width:auto;--plasma-text-field-group-item__chip-height:2.75rem;--plasma-text-field-group-item__chip-padding:0 0.75rem 0 1rem;--plasma-text-field-group-item__chip-clear-content-margin-left:0.625rem;--plasma-text-field-group-item__chip-clear-content-margin-right:0rem;--plasma-text-field-group-item__chip-close-icon-size:1.5rem;--plasma-text-field-group-item__chip-font-family:var(--plasma-typo-body-l-font-family);--plasma-text-field-group-item__chip-font-size:var(--plasma-typo-body-l-font-size);--plasma-text-field-group-item__chip-font-style:var(--plasma-typo-body-l-font-style);--plasma-text-field-group-item__chip-font-weight:var(--plasma-typo-body-l-font-weight);--plasma-text-field-group-item__chip-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-text-field-group-item__chip-line-height:var(--plasma-typo-body-l-line-height);}
764
741
  .TextFieldGroup_config_1gikqtw_m60pxhx__20fd835a{--plasma-text-field-group-item-default-radius:0.75rem;--plasma-text-field-group-item-segmented-radius:0.25rem;--plasma-text-field-group-side-item-radius:0.75rem;--plasma-text-field-group-item-height:3rem;--plasma-text-field-group-item-padding:0.875rem 1rem 0.875rem 1rem;--plasma-text-field-group-item-padding-with-chips:0.375rem;--plasma-text-field-group-item__left-content-margin:-0.125rem 0.375rem -0.125rem -0.125rem;--plasma-text-field-group-item__right-content-margin:-0.125rem -0.125rem -0.125rem 0.75rem;--plasma-text-field-group-item__before-text-margin:0 0.25rem 0 0;--plasma-text-field-group-item__after-text-margin:0 0 0 0.25rem;--plasma-text-field-group-item-font-family:var(--plasma-typo-body-m-font-family);--plasma-text-field-group-item-font-size:var(--plasma-typo-body-m-font-size);--plasma-text-field-group-item-font-style:var(--plasma-typo-body-m-font-style);--plasma-text-field-group-item-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-text-field-group-item-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-text-field-group-item-line-height:var(--plasma-typo-body-m-line-height);--plasma-text-field-group-item__label-offset:0.625rem;--plasma-text-field-group-item__label-font-family:var(--plasma-typo-body-m-font-family);--plasma-text-field-group-item__label-font-size:var(--plasma-typo-body-m-font-size);--plasma-text-field-group-item__label-font-style:var(--plasma-typo-body-m-font-style);--plasma-text-field-group-item__label-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-text-field-group-item__label-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-text-field-group-item__label-line-height:var(--plasma-typo-body-m-line-height);--plasma-text-field-group-item__left-helper-offset:0.25rem;--plasma-text-field-group-item__left-helper-font-family:var(--plasma-typo-body-xs-font-family);--plasma-text-field-group-item__left-helper-font-size:var(--plasma-typo-body-xs-font-size);--plasma-text-field-group-item__left-helper-font-style:var(--plasma-typo-body-xs-font-style);--plasma-text-field-group-item__left-helper-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-text-field-group-item__left-helper-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-text-field-group-item__left-helper-line-height:var(--plasma-typo-body-xs-line-height);--plasma-text-field-group-item-placement_inner__label-padding:0.375rem 0 0.125rem 0;--plasma-text-field-group-item-placement_inner__content-padding:1.375rem 0 0.375rem 0;--plasma-text-field-group-item__chip-gap:0.25rem;--plasma-text-field-group-item__chip-border-radius:0.375rem;--plasma-text-field-group-item__chip-width:auto;--plasma-text-field-group-item__chip-height:2.25rem;--plasma-text-field-group-item__chip-padding:0 0.625rem 0 0.875rem;--plasma-text-field-group-item__chip-clear-content-margin-left:0.5rem;--plasma-text-field-group-item__chip-clear-content-margin-right:0rem;--plasma-text-field-group-item__chip-close-icon-size:1.25rem;--plasma-text-field-group-item__chip-font-family:var(--plasma-typo-body-m-font-family);--plasma-text-field-group-item__chip-font-size:var(--plasma-typo-body-m-font-size);--plasma-text-field-group-item__chip-font-style:var(--plasma-typo-body-m-font-style);--plasma-text-field-group-item__chip-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-text-field-group-item__chip-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-text-field-group-item__chip-line-height:var(--plasma-typo-body-m-line-height);}
765
742
  .TextFieldGroup_config_1gikqtw_s14xtuve__20fd835a{--plasma-text-field-group-item-segmented-radius:0.25rem;--plasma-text-field-group-side-item-radius:0.625rem;--plasma-text-field-group-item-default-radius:0.625rem;--plasma-text-field-group-item-height:2.5rem;--plasma-text-field-group-item-padding:0.6875rem 0.875rem 0.6875rem 0.875rem;--plasma-text-field-group-item-padding-with-chips:0.375rem;--plasma-text-field-group-item__left-content-margin:-0.1875rem 0.25rem -0.1875rem -0.125rem;--plasma-text-field-group-item__right-content-margin:-0.1875rem -0.125rem -0.1875rem 0.75rem;--plasma-text-field-group-item__before-text-margin:0 0.25rem 0 0;--plasma-text-field-group-item__after-text-margin:0 0 0 0.25rem;--plasma-text-field-group-item-font-family:var(--plasma-typo-body-s-font-family);--plasma-text-field-group-item-font-size:var(--plasma-typo-body-s-font-size);--plasma-text-field-group-item-font-style:var(--plasma-typo-body-s-font-style);--plasma-text-field-group-item-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-text-field-group-item-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-text-field-group-item-line-height:var(--plasma-typo-body-s-line-height);--plasma-text-field-group-item__label-offset:0.5rem;--plasma-text-field-group-item__label-font-family:var(--plasma-typo-body-s-font-family);--plasma-text-field-group-item__label-font-size:var(--plasma-typo-body-s-font-size);--plasma-text-field-group-item__label-font-style:var(--plasma-typo-body-s-font-style);--plasma-text-field-group-item__label-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-text-field-group-item__label-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-text-field-group-item__label-line-height:var(--plasma-typo-body-s-line-height);--plasma-text-field-group-item__left-helper-offset:0.25rem;--plasma-text-field-group-item__left-helper-font-family:var(--plasma-typo-body-xs-font-family);--plasma-text-field-group-item__left-helper-font-size:var(--plasma-typo-body-xs-font-size);--plasma-text-field-group-item__left-helper-font-style:var(--plasma-typo-body-xs-font-style);--plasma-text-field-group-item__left-helper-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-text-field-group-item__left-helper-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-text-field-group-item__left-helper-line-height:var(--plasma-typo-body-xs-line-height);--plasma-text-field-group-item-placement_inner__label-padding:0.3125rem 0 0 0;--plasma-text-field-group-item-placement_inner__content-padding:1.0625rem 0 0.3125rem 0;--plasma-text-field-group-item__chip-gap:0.25rem;--plasma-text-field-group-item__chip-border-radius:0.25rem;--plasma-text-field-group-item__chip-width:auto;--plasma-text-field-group-item__chip-height:1.75rem;--plasma-text-field-group-item__chip-padding:0 0.5rem 0 0.75rem;--plasma-text-field-group-item__chip-clear-content-margin-left:0.375rem;--plasma-text-field-group-item__chip-clear-content-margin-right:0rem;--plasma-text-field-group-item__chip-close-icon-size:1rem;--plasma-text-field-group-item__chip-font-family:var(--plasma-typo-body-s-font-family);--plasma-text-field-group-item__chip-font-size:var(--plasma-typo-body-s-font-size);--plasma-text-field-group-item__chip-font-style:var(--plasma-typo-body-s-font-style);--plasma-text-field-group-item__chip-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-text-field-group-item__chip-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-text-field-group-item__chip-line-height:var(--plasma-typo-body-s-line-height);}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@salutejs/sdds-insol",
3
- "version": "0.326.0-canary.2358.19851578667.0",
3
+ "version": "0.326.0-canary.2360.19885603427.0",
4
4
  "description": "Salute Design System / React UI kit for SDDS INSOL web applications",
5
5
  "author": "Salute Frontend Team <salute.developers@gmail.com>",
6
6
  "license": "MIT",
@@ -32,7 +32,7 @@
32
32
  "directory": "packages/sdds-insol"
33
33
  },
34
34
  "dependencies": {
35
- "@salutejs/plasma-new-hope": "0.343.0-canary.2358.19851578667.0",
35
+ "@salutejs/plasma-new-hope": "0.343.0-canary.2360.19885603427.0",
36
36
  "@salutejs/sdds-themes": "0.49.0"
37
37
  },
38
38
  "peerDependencies": {
@@ -58,10 +58,10 @@
58
58
  "@rollup/plugin-commonjs": "^25.0.4",
59
59
  "@rollup/plugin-node-resolve": "^15.1.0",
60
60
  "@salutejs/plasma-colors": "0.16.0",
61
- "@salutejs/plasma-core": "1.211.0-canary.2358.19851578667.0",
62
- "@salutejs/plasma-cy-utils": "0.141.0-canary.2358.19851578667.0",
61
+ "@salutejs/plasma-core": "1.211.0-canary.2360.19885603427.0",
62
+ "@salutejs/plasma-cy-utils": "0.141.0-canary.2360.19885603427.0",
63
63
  "@salutejs/plasma-icons": "1.227.0",
64
- "@salutejs/plasma-sb-utils": "0.211.0-canary.2358.19851578667.0",
64
+ "@salutejs/plasma-sb-utils": "0.211.0-canary.2360.19885603427.0",
65
65
  "@storybook/addon-docs": "8.6.14",
66
66
  "@storybook/addon-essentials": "8.6.14",
67
67
  "@storybook/manager-api": "8.6.14",
@@ -122,5 +122,5 @@
122
122
  "sideEffects": [
123
123
  "*.css"
124
124
  ],
125
- "gitHead": "fe151edbe583a84261bccc7da1ddf69bb0799b05"
125
+ "gitHead": "19307c51da8fbd06aab4c4da32c8d55fb4157ab2"
126
126
  }
@@ -2,36 +2,53 @@
2
2
  Object.defineProperty(exports, "__esModule", {
3
3
  value: true
4
4
  });
5
- function _export(target, all) {
6
- for(var name in all)Object.defineProperty(target, name, {
7
- enumerable: true,
8
- get: Object.getOwnPropertyDescriptor(all, name).get
9
- });
10
- }
11
- _export(exports, {
12
- get TextField () {
5
+ Object.defineProperty(exports, "TextField", {
6
+ enumerable: true,
7
+ get: function() {
13
8
  return TextField;
14
- },
15
- get TextFieldClear () {
16
- return TextFieldClear;
17
- },
18
- get TextFieldDefault () {
19
- return TextFieldDefault;
20
9
  }
21
10
  });
11
+ var _react = /*#__PURE__*/ _interop_require_default(require("react"));
22
12
  var _styledcomponents = require("@salutejs/plasma-new-hope/styled-components");
23
13
  var _TextFieldconfig = require("./TextField.config");
24
- var _TextFieldclearconfig = require("./TextField.clear.config");
25
- var mergedConfigDefault = (0, _styledcomponents.mergeConfig)(_styledcomponents.textFieldConfig, _TextFieldconfig.config);
26
- var TextFieldDefault = (0, _styledcomponents.component)(mergedConfigDefault);
27
- var mergedConfigClear = (0, _styledcomponents.mergeConfig)(_styledcomponents.textFieldConfig, _TextFieldclearconfig.config);
28
- var TextFieldClear = (0, _styledcomponents.component)(mergedConfigClear);
29
- var TextField = (0, _styledcomponents.createConditionalComponent)(TextFieldDefault, [
30
- {
31
- conditions: {
32
- prop: 'appearance',
33
- value: 'clear'
34
- },
35
- component: TextFieldClear
14
+ function _define_property(obj, key, value) {
15
+ if (key in obj) {
16
+ Object.defineProperty(obj, key, {
17
+ value: value,
18
+ enumerable: true,
19
+ configurable: true,
20
+ writable: true
21
+ });
22
+ } else {
23
+ obj[key] = value;
36
24
  }
37
- ]);
25
+ return obj;
26
+ }
27
+ function _interop_require_default(obj) {
28
+ return obj && obj.__esModule ? obj : {
29
+ default: obj
30
+ };
31
+ }
32
+ function _object_spread(target) {
33
+ for(var i = 1; i < arguments.length; i++){
34
+ var source = arguments[i] != null ? arguments[i] : {};
35
+ var ownKeys = Object.keys(source);
36
+ if (typeof Object.getOwnPropertySymbols === "function") {
37
+ ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
38
+ return Object.getOwnPropertyDescriptor(source, sym).enumerable;
39
+ }));
40
+ }
41
+ ownKeys.forEach(function(key) {
42
+ _define_property(target, key, source[key]);
43
+ });
44
+ }
45
+ return target;
46
+ }
47
+ var mergedConfig = (0, _styledcomponents.mergeConfig)(_styledcomponents.textFieldConfig, _TextFieldconfig.config);
48
+ var TextFieldComponent = (0, _styledcomponents.component)(mergedConfig);
49
+ var TexFieldWithTypes = function(props, ref) {
50
+ return /*#__PURE__*/ _react.default.createElement(TextFieldComponent, _object_spread({
51
+ ref: ref
52
+ }, props));
53
+ };
54
+ var TextField = (0, _styledcomponents.fixedForwardRef)(TexFieldWithTypes);
@@ -1,16 +1,41 @@
1
- import { textFieldConfig, component, mergeConfig, createConditionalComponent } from '@salutejs/plasma-new-hope/styled-components';
2
- import { config } from './TextField.config';
3
- import { config as clearConfig } from './TextField.clear.config';
4
- var mergedConfigDefault = mergeConfig(textFieldConfig, config);
5
- export var TextFieldDefault = component(mergedConfigDefault);
6
- var mergedConfigClear = mergeConfig(textFieldConfig, clearConfig);
7
- export var TextFieldClear = component(mergedConfigClear);
8
- export var TextField = createConditionalComponent(TextFieldDefault, [
9
- {
10
- conditions: {
11
- prop: 'appearance',
12
- value: 'clear'
13
- },
14
- component: TextFieldClear
1
+ function _define_property(obj, key, value) {
2
+ if (key in obj) {
3
+ Object.defineProperty(obj, key, {
4
+ value: value,
5
+ enumerable: true,
6
+ configurable: true,
7
+ writable: true
8
+ });
9
+ } else {
10
+ obj[key] = value;
11
+ }
12
+ return obj;
13
+ }
14
+ function _object_spread(target) {
15
+ for(var i = 1; i < arguments.length; i++){
16
+ var source = arguments[i] != null ? arguments[i] : {};
17
+ var ownKeys = Object.keys(source);
18
+ if (typeof Object.getOwnPropertySymbols === "function") {
19
+ ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
20
+ return Object.getOwnPropertyDescriptor(source, sym).enumerable;
21
+ }));
22
+ }
23
+ ownKeys.forEach(function(key) {
24
+ _define_property(target, key, source[key]);
25
+ });
15
26
  }
16
- ]);
27
+ return target;
28
+ }
29
+ import React from 'react';
30
+ import { textFieldConfig, component, mergeConfig, fixedForwardRef } from '@salutejs/plasma-new-hope/styled-components';
31
+ import { config } from './TextField.config';
32
+ var mergedConfig = mergeConfig(textFieldConfig, config);
33
+ var TextFieldComponent = component(mergedConfig);
34
+ var TexFieldWithTypes = function(props, ref) {
35
+ return /*#__PURE__*/ React.createElement(TextFieldComponent, _object_spread({
36
+ ref: ref
37
+ }, props));
38
+ };
39
+ /**
40
+ * Поле ввода текста.
41
+ */ export var TextField = fixedForwardRef(TexFieldWithTypes);
@@ -1,47 +0,0 @@
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
- xl: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
16
- l: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
17
- m: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
18
- s: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
19
- xs: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
20
- };
21
- labelPlacement: {
22
- inner: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
23
- outer: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
24
- };
25
- chipView: {
26
- default: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
27
- secondary: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
28
- accent: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
29
- positive: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
30
- warning: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
31
- negative: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
32
- };
33
- hintView: {
34
- default: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
35
- };
36
- hintSize: {
37
- m: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
38
- s: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
39
- };
40
- disabled: {
41
- true: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
42
- };
43
- readOnly: {
44
- true: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
45
- };
46
- };
47
- };