@salutejs/plasma-new-hope 0.195.0-canary.1574.11921374356.0 → 0.195.1-canary.1561.11932328624.0

package/es/components/Select/ui/Target/Target.js

@@ -5,7 +5,6 @@ import { Textfield } from './ui/Textfield/Textfield.js';
 
 var Target = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var value = _ref.value,
-    target = _ref.target,
     opened = _ref.opened,
     valueToItemMap = _ref.valueToItemMap,
     label = _ref.label,
@@ -28,7 +27,8 @@ var Target = /*#__PURE__*/forwardRef(function (_ref, ref) {
     onChange = _ref.onChange,
     labelToItemMap = _ref.labelToItemMap,
     chipView = _ref.chipView,
-    separator = _ref.separator;
+    separator = _ref.separator,
+    requiredProps = _ref.requiredProps;
   var buttonRef = useForkRef(ref, inputWrapperRef);
   if (selectProps.renderTarget) {
     return /*#__PURE__*/React.createElement("div", {
@@ -37,7 +37,7 @@ var Target = /*#__PURE__*/forwardRef(function (_ref, ref) {
       return valueToItemMap.get(value);
     }) : valueToItemMap.get(value)));
   }
-  return target === 'button-like' ? /*#__PURE__*/React.createElement(Button, {
+  return selectProps.target === 'button-like' ? /*#__PURE__*/React.createElement(Button, {
     ref: buttonRef,
     opened: opened,
     value: value,
@@ -74,7 +74,8 @@ var Target = /*#__PURE__*/forwardRef(function (_ref, ref) {
     renderValue: renderValue,
     onChange: onChange,
     labelToItemMap: labelToItemMap,
-    chipView: chipView
+    chipView: chipView,
+    requiredProps: requiredProps
   });
 });
 

package/es/components/Select/ui/Target/Target.js.map

@@ -1 +1 @@
-{"version":3,"file":"Target.js","sources":["../../../../../src/components/Select/ui/Target/Target.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport type { MutableRefObject } from 'react';\nimport { useForkRef } from '@salutejs/plasma-core';\n\nimport type { TargetProps } from './Target.types';\nimport { Button, Textfield } from './ui';\n\nexport const Target = forwardRef<HTMLButtonElement, TargetProps>(\n    (\n        {\n            value,\n            target,\n            opened,\n            valueToItemMap,\n            label,\n            placeholder,\n            onKeyDown,\n            labelPlacement,\n            size,\n            contentLeft,\n            disabled,\n            renderValue,\n            selectProps,\n            inputWrapperRef,\n            multiselect,\n            view,\n            handleClickArrow,\n            helperText,\n            treeId,\n            activeDescendantItemValue,\n            isTargetAmount,\n            onChange,\n            labelToItemMap,\n            chipView,\n            separator,\n        },\n        ref,\n    ) => {\n        const buttonRef = useForkRef(ref, inputWrapperRef as any);\n\n        if (selectProps.renderTarget) {\n            return (\n                <div ref={inputWrapperRef as any}>\n                    {selectProps.renderTarget(\n                        Array.isArray(value)\n                            ? value.map((value) => valueToItemMap.get(value)!)\n                            : valueToItemMap.get(value)!,\n                    )}\n                </div>\n            );\n        }\n\n        return target === 'button-like' ? (\n            <Button\n                ref={buttonRef}\n                opened={opened}\n                value={value}\n                valueToItemMap={valueToItemMap}\n                onKeyDown={onKeyDown}\n                label={label}\n                size={size}\n                disabled={disabled}\n                renderValue={renderValue}\n                selectProps={selectProps}\n                separator={separator}\n                treeId={treeId}\n                activeDescendantItemValue={activeDescendantItemValue}\n            />\n        ) : (\n            <Textfield\n                ref={ref as MutableRefObject<HTMLInputElement>}\n                inputWrapperRef={inputWrapperRef}\n                opened={opened}\n                multiselect={multiselect}\n                value={value}\n                label={label}\n                placeholder={placeholder}\n                onKeyDown={onKeyDown}\n                labelPlacement={labelPlacement}\n                size={size}\n                view={view}\n                handleClickArrow={handleClickArrow}\n                contentLeft={contentLeft}\n                helperText={helperText}\n                treeId={treeId}\n                activeDescendantItemValue={activeDescendantItemValue}\n                disabled={disabled}\n                isTargetAmount={isTargetAmount}\n                valueToItemMap={valueToItemMap}\n                renderValue={renderValue}\n                onChange={onChange}\n                labelToItemMap={labelToItemMap}\n                chipView={chipView}\n            />\n        );\n    },\n);\n"],"names":["Target","forwardRef","_ref","ref","value","target","opened","valueToItemMap","label","placeholder","onKeyDown","labelPlacement","size","contentLeft","disabled","renderValue","selectProps","inputWrapperRef","multiselect","view","handleClickArrow","helperText","treeId","activeDescendantItemValue","isTargetAmount","onChange","labelToItemMap","chipView","separator","buttonRef","useForkRef","renderTarget","React","createElement","Array","isArray","map","get","Button","Textfield"],"mappings":"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"}
+{"version":3,"file":"Target.js","sources":["../../../../../src/components/Select/ui/Target/Target.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport type { MutableRefObject } from 'react';\nimport { useForkRef } from '@salutejs/plasma-core';\n\nimport type { TargetProps } from './Target.types';\nimport { Button, Textfield } from './ui';\n\nexport const Target = forwardRef<HTMLButtonElement, TargetProps>(\n    (\n        {\n            value,\n            opened,\n            valueToItemMap,\n            label,\n            placeholder,\n            onKeyDown,\n            labelPlacement,\n            size,\n            contentLeft,\n            disabled,\n            renderValue,\n            selectProps,\n            inputWrapperRef,\n            multiselect,\n            view,\n            handleClickArrow,\n            helperText,\n            treeId,\n            activeDescendantItemValue,\n            isTargetAmount,\n            onChange,\n            labelToItemMap,\n            chipView,\n            separator,\n            requiredProps,\n        },\n        ref,\n    ) => {\n        const buttonRef = useForkRef(ref, inputWrapperRef as any);\n\n        if (selectProps.renderTarget) {\n            return (\n                <div ref={inputWrapperRef as any}>\n                    {selectProps.renderTarget(\n                        Array.isArray(value)\n                            ? value.map((value) => valueToItemMap.get(value)!)\n                            : valueToItemMap.get(value)!,\n                    )}\n                </div>\n            );\n        }\n\n        return selectProps.target === 'button-like' ? (\n            <Button\n                ref={buttonRef}\n                opened={opened}\n                value={value}\n                valueToItemMap={valueToItemMap}\n                onKeyDown={onKeyDown}\n                label={label}\n                size={size}\n                disabled={disabled}\n                renderValue={renderValue}\n                selectProps={selectProps}\n                separator={separator}\n                treeId={treeId}\n                activeDescendantItemValue={activeDescendantItemValue}\n            />\n        ) : (\n            <Textfield\n                ref={ref as MutableRefObject<HTMLInputElement>}\n                inputWrapperRef={inputWrapperRef}\n                opened={opened}\n                multiselect={multiselect}\n                value={value}\n                label={label}\n                placeholder={placeholder}\n                onKeyDown={onKeyDown}\n                labelPlacement={labelPlacement}\n                size={size}\n                view={view}\n                handleClickArrow={handleClickArrow}\n                contentLeft={contentLeft}\n                helperText={helperText}\n                treeId={treeId}\n                activeDescendantItemValue={activeDescendantItemValue}\n                disabled={disabled}\n                isTargetAmount={isTargetAmount}\n                valueToItemMap={valueToItemMap}\n                renderValue={renderValue}\n                onChange={onChange}\n                labelToItemMap={labelToItemMap}\n                chipView={chipView}\n                requiredProps={requiredProps}\n            />\n        );\n    },\n);\n"],"names":["Target","forwardRef","_ref","ref","value","opened","valueToItemMap","label","placeholder","onKeyDown","labelPlacement","size","contentLeft","disabled","renderValue","selectProps","inputWrapperRef","multiselect","view","handleClickArrow","helperText","treeId","activeDescendantItemValue","isTargetAmount","onChange","labelToItemMap","chipView","separator","requiredProps","buttonRef","useForkRef","renderTarget","React","createElement","Array","isArray","map","get","target","Button","Textfield"],"mappings":";;;;;AAOO,IAAMA,MAAM,gBAAGC,UAAU,CAC5B,UAAAC,IAAA,EA4BIC,GAAG,EACF;AAAA,EAAA,IA3BGC,KAAK,GAAAF,IAAA,CAALE,KAAK;IACLC,MAAM,GAAAH,IAAA,CAANG,MAAM;IACNC,cAAc,GAAAJ,IAAA,CAAdI,cAAc;IACdC,KAAK,GAAAL,IAAA,CAALK,KAAK;IACLC,WAAW,GAAAN,IAAA,CAAXM,WAAW;IACXC,SAAS,GAAAP,IAAA,CAATO,SAAS;IACTC,cAAc,GAAAR,IAAA,CAAdQ,cAAc;IACdC,IAAI,GAAAT,IAAA,CAAJS,IAAI;IACJC,WAAW,GAAAV,IAAA,CAAXU,WAAW;IACXC,QAAQ,GAAAX,IAAA,CAARW,QAAQ;IACRC,WAAW,GAAAZ,IAAA,CAAXY,WAAW;IACXC,WAAW,GAAAb,IAAA,CAAXa,WAAW;IACXC,eAAe,GAAAd,IAAA,CAAfc,eAAe;IACfC,WAAW,GAAAf,IAAA,CAAXe,WAAW;IACXC,IAAI,GAAAhB,IAAA,CAAJgB,IAAI;IACJC,gBAAgB,GAAAjB,IAAA,CAAhBiB,gBAAgB;IAChBC,UAAU,GAAAlB,IAAA,CAAVkB,UAAU;IACVC,MAAM,GAAAnB,IAAA,CAANmB,MAAM;IACNC,yBAAyB,GAAApB,IAAA,CAAzBoB,yBAAyB;IACzBC,cAAc,GAAArB,IAAA,CAAdqB,cAAc;IACdC,QAAQ,GAAAtB,IAAA,CAARsB,QAAQ;IACRC,cAAc,GAAAvB,IAAA,CAAduB,cAAc;IACdC,QAAQ,GAAAxB,IAAA,CAARwB,QAAQ;IACRC,SAAS,GAAAzB,IAAA,CAATyB,SAAS;IACTC,aAAa,GAAA1B,IAAA,CAAb0B,aAAa,CAAA;AAIjB,EAAA,IAAMC,SAAS,GAAGC,UAAU,CAAC3B,GAAG,EAAEa,eAAsB,CAAC,CAAA;EAEzD,IAAID,WAAW,CAACgB,YAAY,EAAE;IAC1B,oBACIC,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAK9B,MAAAA,GAAG,EAAEa,eAAAA;AAAuB,KAAA,EAC5BD,WAAW,CAACgB,YAAY,CACrBG,KAAK,CAACC,OAAO,CAAC/B,KAAK,CAAC,GACdA,KAAK,CAACgC,GAAG,CAAC,UAAChC,KAAK,EAAA;AAAA,MAAA,OAAKE,cAAc,CAAC+B,GAAG,CAACjC,KAAK,CAAC,CAAA;KAAC,CAAC,GAChDE,cAAc,CAAC+B,GAAG,CAACjC,KAAK,CAClC,CACC,CAAC,CAAA;AAEd,GAAA;EAEA,OAAOW,WAAW,CAACuB,MAAM,KAAK,aAAa,gBACvCN,KAAA,CAAAC,aAAA,CAACM,MAAM,EAAA;AACHpC,IAAAA,GAAG,EAAE0B,SAAU;AACfxB,IAAAA,MAAM,EAAEA,MAAO;AACfD,IAAAA,KAAK,EAAEA,KAAM;AACbE,IAAAA,cAAc,EAAEA,cAAe;AAC/BG,IAAAA,SAAS,EAAEA,SAAU;AACrBF,IAAAA,KAAK,EAAEA,KAAM;AACbI,IAAAA,IAAI,EAAEA,IAAK;AACXE,IAAAA,QAAQ,EAAEA,QAAS;AACnBC,IAAAA,WAAW,EAAEA,WAAY;AACzBC,IAAAA,WAAW,EAAEA,WAAY;AACzBY,IAAAA,SAAS,EAAEA,SAAU;AACrBN,IAAAA,MAAM,EAAEA,MAAO;AACfC,IAAAA,yBAAyB,EAAEA,yBAAAA;AAA0B,GACxD,CAAC,gBAEFU,KAAA,CAAAC,aAAA,CAACO,SAAS,EAAA;AACNrC,IAAAA,GAAG,EAAEA,GAA0C;AAC/Ca,IAAAA,eAAe,EAAEA,eAAgB;AACjCX,IAAAA,MAAM,EAAEA,MAAO;AACfY,IAAAA,WAAW,EAAEA,WAAY;AACzBb,IAAAA,KAAK,EAAEA,KAAM;AACbG,IAAAA,KAAK,EAAEA,KAAM;AACbC,IAAAA,WAAW,EAAEA,WAAY;AACzBC,IAAAA,SAAS,EAAEA,SAAU;AACrBC,IAAAA,cAAc,EAAEA,cAAe;AAC/BC,IAAAA,IAAI,EAAEA,IAAK;AACXO,IAAAA,IAAI,EAAEA,IAAK;AACXC,IAAAA,gBAAgB,EAAEA,gBAAiB;AACnCP,IAAAA,WAAW,EAAEA,WAAY;AACzBQ,IAAAA,UAAU,EAAEA,UAAW;AACvBC,IAAAA,MAAM,EAAEA,MAAO;AACfC,IAAAA,yBAAyB,EAAEA,yBAA0B;AACrDT,IAAAA,QAAQ,EAAEA,QAAS;AACnBU,IAAAA,cAAc,EAAEA,cAAe;AAC/BjB,IAAAA,cAAc,EAAEA,cAAe;AAC/BQ,IAAAA,WAAW,EAAEA,WAAY;AACzBU,IAAAA,QAAQ,EAAEA,QAAS;AACnBC,IAAAA,cAAc,EAAEA,cAAe;AAC/BC,IAAAA,QAAQ,EAAEA,QAAS;AACnBE,IAAAA,aAAa,EAAEA,aAAAA;AAAc,GAChC,CACJ,CAAA;AACL,CACJ;;;;"}

package/es/components/Select/ui/Target/ui/Textfield/Textfield.css

@@ -70,6 +70,6 @@
 
 .IconRoot_7pl7ig_svvlqhf__32c458a1{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;width:var(--svvlqhf-0);height:var(--svvlqhf-0);-webkit-flex:0 0 var(--svvlqhf-0);-ms-flex:0 0 var(--svvlqhf-0);flex:0 0 var(--svvlqhf-0);}
 
-.Textfield_styles_q4kc1p_s1yhwv5r__70366a17{--plasma-textfield-color:var(--plasma-select-textfield-color);--plasma-textfield-bg-color:var(--plasma-select-textfield-background-color);--plasma-textfield-border-color:var(--plasma-select-textfield-border-color);--plasma-textfield__placeholder-color:var(--plasma-select-textfield-placeholder-color);--plasma-textfield__label-color:var(--plasma-select-textfield-label-color);--plasma-textfield__left-helper-color:var(--plasma-select-textfield-left-helper-color);--plasma-textfield-color-readonly:var(--plasma-select-textfield-color);--plasma-textfield-bg-color-readonly:var(--s1yhwv5r-0);--plasma-textfield__placeholder-color-readonly:var(--s1yhwv5r-1);--plasma-textfield__left-helper-color-readonly:var(--plasma-select-textfield-left-helper-color);--plasma-textfield__label-color-readonly:var(--plasma-select-textfield-label-color);--plasma-textfield-border-color-readonly:var(--s1yhwv5r-2);--plasma-textfield__placeholder-color:var(--plasma-select-textfield-placeholder-color);--plasma-textfield-border-color-hover:var(--plasma-select-textfield-border-color-hover);--plasma-textfield-border-color-focus:var(--plasma-select-textfield-border-color-focus);--plasma-textfield__optional-color:var(--plasma-select-textfield-optional-color);--plasma-textfield-height:var(--plasma-select-textfield-height);--plasma-textfield-border-width:var(--plasma-select-textfield-border-width);--plasma-textfield-border-radius:var(--plasma-select-textfield-border-radius);--plasma-textfield-padding:var(--plasma-select-textfield-padding);--plasma-textfield-padding-with-chips:var(--plasma-select-textfield-padding-with-chips);--plasma-textfield__left-content-margin:var(--plasma-select-textfield-left-content-margin);--plasma-textfield__right-content-margin:var(--plasma-select-textfield-right-content-margin);--plasma-textfield-font-family:var(--plasma-select-textfield-font-family);--plasma-textfield-font-style:var(--plasma-select-textfield-font-style);--plasma-textfield-font-size:var(--plasma-select-textfield-font-size);--plasma-textfield-font-weight:var(--plasma-select-textfield-font-weight);--plasma-textfield-letter-spacing:var(--plasma-select-textfield-letter-spacing);--plasma-textfield-line-height:var(--plasma-select-textfield-line-height);--plasma-textfield-content-slot-color:var(--plasma-select-textfield-content-slot-color);--plasma-textfield-content-slot-color-hover:var(--plasma-select-textfield-content-slot-color-hover);--plasma-textfield-content-slot-color-active:var(--plasma-select-textfield-content-slot-color-active);--plasma-textfield-content-right-slot-color:var(--plasma-select-textfield-content-right-slot-color);--plasma-textfield-content-right-slot-color-hover:var(--plasma-select-textfield-content-right-slot-color-hover);--plasma-textfield-content-right-slot-color-active:var(--plasma-select-textfield-content-right-slot-color-active);--plasma-textfield__label-offset:var(--plasma-select-textfield-label-offset);--plasma-textfield__label-font-family:var(--plasma-select-textfield-label-font-family);--plasma-textfield__label-font-style:var(--plasma-select-textfield-label-font-style);--plasma-textfield__label-font-size:var(--plasma-select-textfield-label-font-size);--plasma-textfield__label-font-weight:var(--plasma-select-textfield-label-font-weight);--plasma-textfield__label-letter-spacing:var(--plasma-select-textfield-label-letter-spacing);--plasma-textfield__label-line-height:var(--plasma-select-textfield-label-line-height);--plasma-textfield-placement_inner__label-font-family:var(--plasma-select-textfield-placement-inner-label-font-family);--plasma-textfield-placement_inner__label-font-style:var(--plasma-select-textfield-placement-inner-label-font-style);--plasma-textfield-placement_inner__label-font-size:var(--plasma-select-textfield-placement-inner-label-font-size);--plasma-textfield-placement_inner__label-font-weight:var(--plasma-select-textfield-placement-inner-label-font-weight);--plasma-textfield-placement_inner__label-letter-spacing:var(--plasma-select-textfield-placement-inner-label-letter-spacing);--plasma-textfield-placement_inner__label-line-height:var(--plasma-select-textfield-placement-inner-label-line-height);--plasma-textfield-placement_inner__label-padding:var(--plasma-select-textfield-placement-inner-label-padding);--plasma-textfield-placement_inner__content-padding:var(--plasma-select-textfield-placement-inner-content-padding);--plasma-textfield__title-caption-color:var(--plasma-select-textfield-title-caption-color);--plasma-textfield__title-caption-label-inner-offset:var(--plasma-select-textfield-title-caption-label-inner-offset);--plasma-textfield__title-caption-font-family:var(--plasma-select-textfield-title-caption-font-family);--plasma-textfield__title-caption-font-style:var(--plasma-select-textfield-title-caption-font-style);--plasma-textfield__title-caption-font-size:var(--plasma-select-textfield-title-caption-font-size);--plasma-textfield__title-caption-font-weight:var(--plasma-select-textfield-title-caption-font-weight);--plasma-textfield__title-caption-letter-spacing:var(--plasma-select-textfield-title-caption-letter-spacing);--plasma-textfield__title-caption-line-height:var(--plasma-select-textfield-title-caption-line-height);--plasma-textfield__left-helper-offset:var(--plasma-select-textfield-left-helper-offset);--plasma-textfield__left-helper-font-family:var(--plasma-select-textfield-left-helper-font-family);--plasma-textfield__left-helper-font-style:var(--plasma-select-textfield-left-helper-font-style);--plasma-textfield__left-helper-font-size:var(--plasma-select-textfield-left-helper-font-size);--plasma-textfield__left-helper-font-weight:var(--plasma-select-textfield-left-helper-font-weight);--plasma-textfield__left-helper-letter-spacing:var(--plasma-select-textfield-left-helper-letter-spacing);--plasma-textfield__left-helper-line-height:var(--plasma-select-textfield-left-helper-line-height);--plasma-textfield__before-text-color:var(--plasma-select-textfield-before-text-color);--plasma-textfield__after-text-color:var(--plasma-select-textfield-after-text-color);--plasma-textfield__before-text-margin:var(--plasma-select-textfield-before-text-margin);--plasma-textfield__after-text-margin:var(--plasma-select-textfield-after-text-margin);--plasma-textfield-disabled-opacity:var(--plasma-select-textfield-disabled-opacity);--plasma-textfield__chip-height:var(--plasma-select-textfield-chip-height);--plasma-textfield__chip-border-radius:var(--plasma-select-textfield-chip-border-radius);--plasma-textfield__chip-gap:var(--plasma-select-textfield-chip-gap);--plasma-textfield__chip-color:var(--plasma-select-textfield-chip-color);--plasma-textfield__chip-color-hover:var(--plasma-select-textfield-chip-color-hover);--plasma-textfield__chip-scale-hover:var(--plasma-select-textfield-chip-scale-hover);--plasma-textfield__chip-background:var(--plasma-select-textfield--chip-background);--plasma-textfield__chip-background-active:var(--plasma-select-textfield-chip-background-active);--plasma-textfield__chip-color-active:var(--plasma-select-textfield-chip-color-active);--plasma-textfield__chip-scale-active:var(--plasma-select-textfield-chip-scale-active);--plasma-textfield__chip-close-icon-color:var(--plasma-select-textfield-chip-close-icons-color);--plasma-textfield__chip-outline-size:var(--plasma-select-textfield-chip-outline-size);--plasma-textfield__chip-width:var(--plasma-select-textfield-chip-width);--plasma-textfield__chip-padding-top:var(--plasma-select-textfield-chip-padding-top);--plasma-textfield__chip-padding-right:var(--plasma-select-textfield-chip-padding-right);--plasma-textfield__chip-padding-bottom:var(--plasma-select-textfield-chip-padding-bottom);--plasma-textfield__chip-padding-left:var(--plasma-select-textfield-chip-padding-left);--plasma-textfield__chip-close-icon-size:var(--plasma-select-textfield-chip-close-icon-size);--plasma-textfield__chip-font-family:var(--plasma-select-textfield-chip-font-family);--plasma-textfield__chip-font-size:var(--plasma-select-textfield-chip-font-size);--plasma-textfield__chip-font-style:var(--plasma-select-textfield-chip-font-style);--plasma-textfield__chip-font-weight:var(--plasma-select-textfield-chip-font-weight);--plasma-textfield__chip-letter-spacing:var(--plasma-select-textfield-chip-letter-spacing);--plasma-textfield__chip-line-height:var(--plasma-select-textfield-chip-line-height);--plasma-textfield__chip-color-readonly:var(--plasma-select-textfield-chip-color);--plasma-textfield__chip-color-readonly-hover:var(--plasma-select-textfield-chip-color);--plasma-textfield__chip-background-readonly:var(--plasma-select-textfield--chip-background);--plasma-textfield__chip-background-readonly-hover:var(--plasma-select-textfield-chip-background-hover);--plasma-textfield__chip-clear-content-margin-left:var(--plasma-select-textfield-chip-clear-content-margin-left);--plasma-textfield__chip-clear-content-margin-right:var(--plasma-select-textfield-chip-clear-content-margin-right);--plasma-textfield-focus-color:var(--plasma-select-textfield-focus-color);}.Textfield_styles_q4kc1p_s1yhwv5r__70366a17 div.Textfield_styles_q4kc1p_inputWrapper__70366a17:focus-within{background-color:var(--plasma-select-textfield-background-color-focus);}
-.Textfield_styles_q4kc1p_i7x5udn__70366a17{line-height:0;color:var(--plasma-select-disclosure-icon-color);cursor:var(--i7x5udn-0);}.Textfield_styles_q4kc1p_i7x5udn__70366a17 .Textfield_styles_q4kc1p_arrowInverse__70366a17{-webkit-transform:rotate(-180deg);-ms-transform:rotate(-180deg);transform:rotate(-180deg);}.Textfield_styles_q4kc1p_i7x5udn__70366a17:hover,.Textfield_styles_q4kc1p_i7x5udn__70366a17:active{color:var(--i7x5udn-1);}
+.Textfield_styles_1b7iij0_s1yhwv5r__18547d95{--plasma-textfield-color:var(--plasma-select-textfield-color);--plasma-textfield-bg-color:var(--plasma-select-textfield-background-color);--plasma-textfield-border-color:var(--plasma-select-textfield-border-color);--plasma-textfield__placeholder-color:var(--plasma-select-textfield-placeholder-color);--plasma-textfield__label-color:var(--plasma-select-textfield-label-color);--plasma-textfield__left-helper-color:var(--plasma-select-textfield-left-helper-color);--plasma-textfield-color-readonly:var(--plasma-select-textfield-color);--plasma-textfield-bg-color-readonly:var(--s1yhwv5r-0);--plasma-textfield__placeholder-color-readonly:var(--s1yhwv5r-1);--plasma-textfield__left-helper-color-readonly:var(--plasma-select-textfield-left-helper-color);--plasma-textfield__label-color-readonly:var(--plasma-select-textfield-label-color);--plasma-textfield-border-color-readonly:var(--s1yhwv5r-2);--plasma-textfield__placeholder-color:var(--plasma-select-textfield-placeholder-color);--plasma-textfield-border-color-hover:var(--plasma-select-textfield-border-color-hover);--plasma-textfield-border-color-focus:var(--plasma-select-textfield-border-color-focus);--plasma-textfield__optional-color:var(--plasma-select-new-textfield-optional-color);--plasma-textfield-height:var(--plasma-select-textfield-height);--plasma-textfield-border-width:var(--plasma-select-textfield-border-width);--plasma-textfield-border-radius:var(--plasma-select-textfield-border-radius);--plasma-textfield-padding:var(--plasma-select-textfield-padding);--plasma-textfield-padding-with-chips:var(--plasma-select-textfield-padding-with-chips);--plasma-textfield__left-content-margin:var(--plasma-select-textfield-left-content-margin);--plasma-textfield__right-content-margin:var(--plasma-select-textfield-right-content-margin);--plasma-textfield-font-family:var(--plasma-select-textfield-font-family);--plasma-textfield-font-style:var(--plasma-select-textfield-font-style);--plasma-textfield-font-size:var(--plasma-select-textfield-font-size);--plasma-textfield-font-weight:var(--plasma-select-textfield-font-weight);--plasma-textfield-letter-spacing:var(--plasma-select-textfield-letter-spacing);--plasma-textfield-line-height:var(--plasma-select-textfield-line-height);--plasma-textfield-content-slot-color:var(--plasma-select-textfield-content-slot-color);--plasma-textfield-content-slot-color-hover:var(--plasma-select-textfield-content-slot-color-hover);--plasma-textfield-content-slot-color-active:var(--plasma-select-textfield-content-slot-color-active);--plasma-textfield-content-right-slot-color:var(--plasma-select-textfield-content-right-slot-color);--plasma-textfield-content-right-slot-color-hover:var(--plasma-select-textfield-content-right-slot-color-hover);--plasma-textfield-content-right-slot-color-active:var(--plasma-select-textfield-content-right-slot-color-active);--plasma-textfield__label-offset:var(--plasma-select-textfield-label-offset);--plasma-textfield__label-font-family:var(--plasma-select-textfield-label-font-family);--plasma-textfield__label-font-style:var(--plasma-select-textfield-label-font-style);--plasma-textfield__label-font-size:var(--plasma-select-textfield-label-font-size);--plasma-textfield__label-font-weight:var(--plasma-select-textfield-label-font-weight);--plasma-textfield__label-letter-spacing:var(--plasma-select-textfield-label-letter-spacing);--plasma-textfield__label-line-height:var(--plasma-select-textfield-label-line-height);--plasma-textfield-placement_inner__label-font-family:var(--plasma-select-textfield-placement-inner-label-font-family);--plasma-textfield-placement_inner__label-font-style:var(--plasma-select-textfield-placement-inner-label-font-style);--plasma-textfield-placement_inner__label-font-size:var(--plasma-select-textfield-placement-inner-label-font-size);--plasma-textfield-placement_inner__label-font-weight:var(--plasma-select-textfield-placement-inner-label-font-weight);--plasma-textfield-placement_inner__label-letter-spacing:var(--plasma-select-textfield-placement-inner-label-letter-spacing);--plasma-textfield-placement_inner__label-line-height:var(--plasma-select-textfield-placement-inner-label-line-height);--plasma-textfield-placement_inner__label-padding:var(--plasma-select-textfield-placement-inner-label-padding);--plasma-textfield-placement_inner__content-padding:var(--plasma-select-textfield-placement-inner-content-padding);--plasma-textfield__title-caption-color:var(--plasma-select-textfield-title-caption-color);--plasma-textfield__title-caption-label-inner-offset:var(--plasma-select-textfield-title-caption-label-inner-offset);--plasma-textfield__title-caption-font-family:var(--plasma-select-textfield-title-caption-font-family);--plasma-textfield__title-caption-font-style:var(--plasma-select-textfield-title-caption-font-style);--plasma-textfield__title-caption-font-size:var(--plasma-select-textfield-title-caption-font-size);--plasma-textfield__title-caption-font-weight:var(--plasma-select-textfield-title-caption-font-weight);--plasma-textfield__title-caption-letter-spacing:var(--plasma-select-textfield-title-caption-letter-spacing);--plasma-textfield__title-caption-line-height:var(--plasma-select-textfield-title-caption-line-height);--plasma-textfield__left-helper-offset:var(--plasma-select-textfield-left-helper-offset);--plasma-textfield__left-helper-font-family:var(--plasma-select-textfield-left-helper-font-family);--plasma-textfield__left-helper-font-style:var(--plasma-select-textfield-left-helper-font-style);--plasma-textfield__left-helper-font-size:var(--plasma-select-textfield-left-helper-font-size);--plasma-textfield__left-helper-font-weight:var(--plasma-select-textfield-left-helper-font-weight);--plasma-textfield__left-helper-letter-spacing:var(--plasma-select-textfield-left-helper-letter-spacing);--plasma-textfield__left-helper-line-height:var(--plasma-select-textfield-left-helper-line-height);--plasma-textfield__before-text-color:var(--plasma-select-textfield-before-text-color);--plasma-textfield__after-text-color:var(--plasma-select-textfield-after-text-color);--plasma-textfield__before-text-margin:var(--plasma-select-textfield-before-text-margin);--plasma-textfield__after-text-margin:var(--plasma-select-textfield-after-text-margin);--plasma-textfield-disabled-opacity:var(--plasma-select-textfield-disabled-opacity);--plasma-textfield__chip-height:var(--plasma-select-textfield-chip-height);--plasma-textfield__chip-border-radius:var(--plasma-select-textfield-chip-border-radius);--plasma-textfield__chip-gap:var(--plasma-select-textfield-chip-gap);--plasma-textfield__chip-color:var(--plasma-select-textfield-chip-color);--plasma-textfield__chip-color-hover:var(--plasma-select-textfield-chip-color-hover);--plasma-textfield__chip-scale-hover:var(--plasma-select-textfield-chip-scale-hover);--plasma-textfield__chip-background:var(--plasma-select-textfield--chip-background);--plasma-textfield__chip-background-active:var(--plasma-select-textfield-chip-background-active);--plasma-textfield__chip-color-active:var(--plasma-select-textfield-chip-color-active);--plasma-textfield__chip-scale-active:var(--plasma-select-textfield-chip-scale-active);--plasma-textfield__chip-close-icon-color:var(--plasma-select-textfield-chip-close-icons-color);--plasma-textfield__chip-outline-size:var(--plasma-select-textfield-chip-outline-size);--plasma-textfield__chip-width:var(--plasma-select-textfield-chip-width);--plasma-textfield__chip-padding-top:var(--plasma-select-textfield-chip-padding-top);--plasma-textfield__chip-padding-right:var(--plasma-select-textfield-chip-padding-right);--plasma-textfield__chip-padding-bottom:var(--plasma-select-textfield-chip-padding-bottom);--plasma-textfield__chip-padding-left:var(--plasma-select-textfield-chip-padding-left);--plasma-textfield__chip-close-icon-size:var(--plasma-select-textfield-chip-close-icon-size);--plasma-textfield__chip-font-family:var(--plasma-select-textfield-chip-font-family);--plasma-textfield__chip-font-size:var(--plasma-select-textfield-chip-font-size);--plasma-textfield__chip-font-style:var(--plasma-select-textfield-chip-font-style);--plasma-textfield__chip-font-weight:var(--plasma-select-textfield-chip-font-weight);--plasma-textfield__chip-letter-spacing:var(--plasma-select-textfield-chip-letter-spacing);--plasma-textfield__chip-line-height:var(--plasma-select-textfield-chip-line-height);--plasma-textfield__chip-color-readonly:var(--plasma-select-textfield-chip-color);--plasma-textfield__chip-color-readonly-hover:var(--plasma-select-textfield-chip-color);--plasma-textfield__chip-background-readonly:var(--plasma-select-textfield--chip-background);--plasma-textfield__chip-background-readonly-hover:var(--plasma-select-textfield-chip-background-hover);--plasma-textfield__chip-clear-content-margin-left:var(--plasma-select-textfield-chip-clear-content-margin-left);--plasma-textfield__chip-clear-content-margin-right:var(--plasma-select-textfield-chip-clear-content-margin-right);--plasma-textfield__indicator-color:var(--plasma-select-new-textfield-indicator-color);--plasma-textfield__indicator-size-inner:var(--plasma-select-new-textfield-indicator-size-inner);--plasma-textfield__indicator-size-outer:var(--plasma-select-new-textfield-indicator-size-outer);--plasma-textfield__indicator-placement-inner:var(--plasma-select-new-textfield-indicator-placement-inner);--plasma-textfield__indicator-placement-outer:var(--plasma-select-new-textfield-indicator-placement-outer);--plasma-textfield__indicator-placement-inner-right:var(--plasma-select-new-textfield-indicator-placement-inner-right);--plasma-textfield__indicator-placement-outer-right:var(--plasma-select-new-textfield-indicator-placement-outer-right);--plasma-textfield__clear-indicator-placement-inner:var(--plasma-select-new-textfield-clear-indicator-placement-inner);--plasma-textfield__clear-indicator-placement-inner-right: var(--plasma-select-new-textfield-clear-indicator-placement-inner-right);--plasma-textfield__clear-indicator-hint-placement-inner-right:var(--plasma-select-new-textfield-clear-indicator-hint-placement-inner-right);--plasma-textfield-focus-color:var(--plasma-select-textfield-focus-color);}.Textfield_styles_1b7iij0_s1yhwv5r__18547d95 div.Textfield_styles_1b7iij0_inputWrapper__18547d95:focus-within{background-color:var(--plasma-select-textfield-background-color-focus);}
+.Textfield_styles_1b7iij0_i7x5udn__18547d95{line-height:0;color:var(--plasma-select-disclosure-icon-color);cursor:var(--i7x5udn-0);}.Textfield_styles_1b7iij0_i7x5udn__18547d95 .Textfield_styles_1b7iij0_arrowInverse__18547d95{-webkit-transform:rotate(-180deg);-ms-transform:rotate(-180deg);transform:rotate(-180deg);}.Textfield_styles_1b7iij0_i7x5udn__18547d95:hover,.Textfield_styles_1b7iij0_i7x5udn__18547d95:active{color:var(--i7x5udn-1);}
 

package/es/components/Select/ui/Target/ui/Textfield/Textfield.js

@@ -28,7 +28,8 @@ var Textfield = /*#__PURE__*/forwardRef(function (_ref, ref) {
     renderValue = _ref.renderValue,
     onChange = _ref.onChange,
     labelToItemMap = _ref.labelToItemMap,
-    chipView = _ref.chipView;
+    chipView = _ref.chipView,
+    requiredProps = _ref.requiredProps;
   var withArrowInverse = opened ? classes.arrowInverse : undefined;
   var getChips = function getChips() {
     if (multiselect && Array.isArray(value)) {
@@ -109,7 +110,7 @@ var Textfield = /*#__PURE__*/forwardRef(function (_ref, ref) {
     // TODO: #1547
     ,
     _forceChipManipulationWithReadonly: true
-  }));
+  }, requiredProps));
 });
 
 export { Textfield };

package/es/components/Select/ui/Target/ui/Textfield/Textfield.js.map

@@ -1 +1 @@
-{"version":3,"file":"Textfield.js","sources":["../../../../../../../src/components/Select/ui/Target/ui/Textfield/Textfield.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { sizeToIconSize, getItemId } from '../../../../utils';\nimport { classes } from '../../../../Select.tokens';\n\nimport { IconArrowWrapper, StyledArrow, StyledTextField } from './Textfield.styles';\nimport { TextfieldProps } from './Textfield.types';\n\nexport const Textfield = forwardRef<HTMLInputElement, TextfieldProps>(\n    (\n        {\n            inputWrapperRef,\n            opened,\n            multiselect,\n            value,\n            label,\n            placeholder,\n            onKeyDown,\n            labelPlacement,\n            size,\n            view,\n            handleClickArrow,\n            contentLeft,\n            helperText,\n            treeId,\n            activeDescendantItemValue,\n            disabled,\n            isTargetAmount,\n            valueToItemMap,\n            renderValue,\n            onChange,\n            labelToItemMap,\n            chipView,\n        },\n        ref,\n    ) => {\n        const withArrowInverse = opened ? classes.arrowInverse : undefined;\n\n        const getChips = (): string[] => {\n            if (multiselect && Array.isArray(value)) {\n                if (value.length === 0) return [];\n\n                if (isTargetAmount) {\n                    return [`Выбрано ${value.length}`];\n                }\n\n                const renderValueMapper =\n                    renderValue && ((stringValue: string | number) => renderValue(valueToItemMap.get(stringValue)!));\n                const valueToItemMapper = (stringValue: string | number) => valueToItemMap.get(stringValue)!.label;\n\n                return value.map(renderValueMapper || valueToItemMapper);\n            }\n\n            return [];\n        };\n\n        // Обработчик чипов\n        const handleChipsChange = (chipLabels: any[]) => {\n            if (!Array.isArray(value)) return;\n\n            // TODO: #1564\n            // Из лейблов чипов получаем value у item и далее прокидываем его в onChange.\n            if (renderValue && !isTargetAmount) {\n                const resultValues = [...value];\n\n                value.forEach((_, index) => {\n                    const labelAfterRenderValue = renderValue(\n                        labelToItemMap.get(valueToItemMap.get(value[index])!.label)!,\n                    );\n\n                    if (!chipLabels.includes(labelAfterRenderValue)) {\n                        resultValues.splice(index, 1);\n                    }\n                });\n\n                onChange(resultValues);\n            } else {\n                onChange(chipLabels.map((chipLabel) => labelToItemMap.get(chipLabel)!.value));\n            }\n        };\n\n        return (\n            <StyledTextField\n                ref={ref}\n                inputWrapperRef={inputWrapperRef}\n                readOnly\n                value={multiselect ? undefined : valueToItemMap.get(value.toString())?.label || ''}\n                size={size}\n                view={view}\n                chipView={chipView}\n                labelPlacement={labelPlacement}\n                disabled={disabled}\n                label={label}\n                placeholder={value instanceof Array && value.length ? '' : placeholder}\n                contentLeft={contentLeft as React.ReactElement}\n                contentRight={\n                    <IconArrowWrapper disabled={Boolean(disabled)} onClick={handleClickArrow}>\n                        <StyledArrow color=\"inherit\" size={sizeToIconSize(size)} className={withArrowInverse} />\n                    </IconArrowWrapper>\n                }\n                onKeyDown={onKeyDown}\n                leftHelper={helperText}\n                role=\"combobox\"\n                aria-autocomplete=\"list\"\n                aria-controls={`${treeId}_tree_level_1`}\n                aria-expanded={opened}\n                aria-activedescendant={activeDescendantItemValue ? getItemId(treeId, activeDescendantItemValue) : ''}\n                {...(multiselect\n                    ? {\n                          enumerationType: 'chip',\n                          chips: getChips(),\n                          onChangeChips: handleChipsChange,\n                      }\n                    : { enumerationType: 'plain' })}\n                onEnterDisabled // Пропс для отключения обработчика Enter внутри Textfield\n                opened={opened}\n                // TODO: #1547\n                _forceChipManipulationWithReadonly\n            />\n        );\n    },\n);\n"],"names":["Textfield","forwardRef","_ref","ref","_valueToItemMap$get","inputWrapperRef","opened","multiselect","value","label","placeholder","onKeyDown","labelPlacement","size","view","handleClickArrow","contentLeft","helperText","treeId","activeDescendantItemValue","disabled","isTargetAmount","valueToItemMap","renderValue","onChange","labelToItemMap","chipView","withArrowInverse","classes","arrowInverse","undefined","getChips","Array","isArray","length","concat","renderValueMapper","stringValue","get","valueToItemMapper","map","handleChipsChange","chipLabels","resultValues","_toConsumableArray","forEach","_","index","labelAfterRenderValue","includes","splice","chipLabel","React","createElement","StyledTextField","_extends","readOnly","toString","contentRight","IconArrowWrapper","Boolean","onClick","StyledArrow","color","sizeToIconSize","className","leftHelper","role","getItemId","enumerationType","chips","onChangeChips","onEnterDisabled","_forceChipManipulationWithReadonly"],"mappings":"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"}
+{"version":3,"file":"Textfield.js","sources":["../../../../../../../src/components/Select/ui/Target/ui/Textfield/Textfield.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { sizeToIconSize, getItemId } from '../../../../utils';\nimport { classes } from '../../../../Select.tokens';\n\nimport { IconArrowWrapper, StyledArrow, StyledTextField } from './Textfield.styles';\nimport { TextfieldProps } from './Textfield.types';\n\nexport const Textfield = forwardRef<HTMLInputElement, TextfieldProps>(\n    (\n        {\n            inputWrapperRef,\n            opened,\n            multiselect,\n            value,\n            label,\n            placeholder,\n            onKeyDown,\n            labelPlacement,\n            size,\n            view,\n            handleClickArrow,\n            contentLeft,\n            helperText,\n            treeId,\n            activeDescendantItemValue,\n            disabled,\n            isTargetAmount,\n            valueToItemMap,\n            renderValue,\n            onChange,\n            labelToItemMap,\n            chipView,\n            requiredProps,\n        },\n        ref,\n    ) => {\n        const withArrowInverse = opened ? classes.arrowInverse : undefined;\n\n        const getChips = (): string[] => {\n            if (multiselect && Array.isArray(value)) {\n                if (value.length === 0) return [];\n\n                if (isTargetAmount) {\n                    return [`Выбрано ${value.length}`];\n                }\n\n                const renderValueMapper =\n                    renderValue && ((stringValue: string | number) => renderValue(valueToItemMap.get(stringValue)!));\n                const valueToItemMapper = (stringValue: string | number) => valueToItemMap.get(stringValue)!.label;\n\n                return value.map(renderValueMapper || valueToItemMapper);\n            }\n\n            return [];\n        };\n\n        // Обработчик чипов\n        const handleChipsChange = (chipLabels: any[]) => {\n            if (!Array.isArray(value)) return;\n\n            // TODO: #1564\n            // Из лейблов чипов получаем value у item и далее прокидываем его в onChange.\n            if (renderValue && !isTargetAmount) {\n                const resultValues = [...value];\n\n                value.forEach((_, index) => {\n                    const labelAfterRenderValue = renderValue(\n                        labelToItemMap.get(valueToItemMap.get(value[index])!.label)!,\n                    );\n\n                    if (!chipLabels.includes(labelAfterRenderValue)) {\n                        resultValues.splice(index, 1);\n                    }\n                });\n\n                onChange(resultValues);\n            } else {\n                onChange(chipLabels.map((chipLabel) => labelToItemMap.get(chipLabel)!.value));\n            }\n        };\n\n        return (\n            <StyledTextField\n                ref={ref}\n                inputWrapperRef={inputWrapperRef}\n                readOnly\n                value={multiselect ? undefined : valueToItemMap.get(value.toString())?.label || ''}\n                size={size}\n                view={view}\n                chipView={chipView}\n                labelPlacement={labelPlacement}\n                disabled={disabled}\n                label={label}\n                placeholder={value instanceof Array && value.length ? '' : placeholder}\n                contentLeft={contentLeft as React.ReactElement}\n                contentRight={\n                    <IconArrowWrapper disabled={Boolean(disabled)} onClick={handleClickArrow}>\n                        <StyledArrow color=\"inherit\" size={sizeToIconSize(size)} className={withArrowInverse} />\n                    </IconArrowWrapper>\n                }\n                onKeyDown={onKeyDown}\n                leftHelper={helperText}\n                role=\"combobox\"\n                aria-autocomplete=\"list\"\n                aria-controls={`${treeId}_tree_level_1`}\n                aria-expanded={opened}\n                aria-activedescendant={activeDescendantItemValue ? getItemId(treeId, activeDescendantItemValue) : ''}\n                {...(multiselect\n                    ? {\n                          enumerationType: 'chip',\n                          chips: getChips(),\n                          onChangeChips: handleChipsChange,\n                      }\n                    : { enumerationType: 'plain' })}\n                onEnterDisabled // Пропс для отключения обработчика Enter внутри Textfield\n                opened={opened}\n                // TODO: #1547\n                _forceChipManipulationWithReadonly\n                {...requiredProps}\n            />\n        );\n    },\n);\n"],"names":["Textfield","forwardRef","_ref","ref","_valueToItemMap$get","inputWrapperRef","opened","multiselect","value","label","placeholder","onKeyDown","labelPlacement","size","view","handleClickArrow","contentLeft","helperText","treeId","activeDescendantItemValue","disabled","isTargetAmount","valueToItemMap","renderValue","onChange","labelToItemMap","chipView","requiredProps","withArrowInverse","classes","arrowInverse","undefined","getChips","Array","isArray","length","concat","renderValueMapper","stringValue","get","valueToItemMapper","map","handleChipsChange","chipLabels","resultValues","_toConsumableArray","forEach","_","index","labelAfterRenderValue","includes","splice","chipLabel","React","createElement","StyledTextField","_extends","readOnly","toString","contentRight","IconArrowWrapper","Boolean","onClick","StyledArrow","color","sizeToIconSize","className","leftHelper","role","getItemId","enumerationType","chips","onChangeChips","onEnterDisabled","_forceChipManipulationWithReadonly"],"mappings":"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"}

package/es/components/Select/ui/Target/ui/Textfield/Textfield.styles.js

@@ -1,4 +1,4 @@
-import './Textfield.styles_q4kc1p.css';
+import './Textfield.styles_1b7iij0.css';
 import { styled } from '@linaria/react';
 import { tokens } from '../../../../Select.tokens.js';
 import { IconDisclosureDownCentered } from '../../../../../_Icon/Icons/IconDisclosureDownCentered.js';
@@ -38,13 +38,13 @@ var StyledTextField = /*#__PURE__*/styled(_exp())({
     "s1yhwv5r-2": [/*#__PURE__*/_exp25()]
   }
 });
-var _exp206 = function _exp206() {
+var _exp226 = function _exp226() {
   return function (_ref4) {
     var disabled = _ref4.disabled;
     return disabled ? 'inherit' : 'pointer';
   };
 };
-var _exp208 = function _exp208() {
+var _exp228 = function _exp228() {
   return function (_ref5) {
     var disabled = _ref5.disabled;
     return disabled ? "var(".concat(tokens.disclosureIconColor, ")") : "var(".concat(tokens.disclosureIconColorHover, ")");
@@ -55,14 +55,14 @@ var IconArrowWrapper = /*#__PURE__*/styled('div')({
   "class": "i7x5udn",
   propsAsIs: false,
   vars: {
-    "i7x5udn-0": [/*#__PURE__*/_exp206()],
-    "i7x5udn-1": [/*#__PURE__*/_exp208()]
+    "i7x5udn-0": [/*#__PURE__*/_exp226()],
+    "i7x5udn-1": [/*#__PURE__*/_exp228()]
   }
 });
-var _exp209 = function _exp209() {
+var _exp229 = function _exp229() {
   return IconDisclosureDownCentered;
 };
-var StyledArrow = /*#__PURE__*/styled(_exp209())({
+var StyledArrow = /*#__PURE__*/styled(_exp229())({
   name: "StyledArrow",
   "class": "s2oocb4",
   propsAsIs: true

package/es/components/Select/ui/Target/ui/Textfield/Textfield.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Textfield.styles.js","sources":["../../../../../../../src/components/Select/ui/Target/ui/Textfield/Textfield.styles.tsx"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { component, mergeConfig } from '../../../../../../engines';\nimport { textFieldConfig, textFieldTokens } from '../../../../../TextField';\nimport { tokens, classes } from '../../../../Select.tokens';\nimport { IconDisclosureDownCentered } from '../../../../../_Icon';\n\nconst mergedConfig = mergeConfig(textFieldConfig);\nconst TextField = component(mergedConfig);\n\nexport const StyledTextField = styled(TextField)<{ opened: boolean }>`\n    ${textFieldTokens.color}: var(${tokens.textFieldColor});\n    ${textFieldTokens.backgroundColor}: var(${tokens.textFieldBackgroundColor});\n    ${textFieldTokens.borderColor}: var(${tokens.textFieldBorderColor});\n    ${textFieldTokens.placeholderColor}: var(${tokens.textFieldPlaceholderColor});\n    ${textFieldTokens.labelColor}: var(${tokens.textFieldLabelColor});\n    ${textFieldTokens.leftHelperColor}: var(${tokens.textFieldLeftHelperColor});\n\n    ${textFieldTokens.colorReadOnly}: var(${tokens.textFieldColor});\n    ${textFieldTokens.backgroundColorReadOnly}: ${({ opened }) =>\n    opened ? `var(${tokens.textFieldBackgroundColorFocus})` : `var(${tokens.textFieldBackgroundColor})`};\n    ${textFieldTokens.placeholderColorReadOnly}: ${({ opened }) =>\n    opened ? `var(${tokens.textFieldPlaceholderColorFocus})` : `var(${tokens.textFieldPlaceholderColor})`};\n    ${textFieldTokens.leftHelperColorReadOnly}: var(${tokens.textFieldLeftHelperColor});\n    ${textFieldTokens.labelColorReadOnly}: var(${tokens.textFieldLabelColor});\n    ${textFieldTokens.borderColorReadOnly}: ${({ opened }) =>\n    opened ? `var(${tokens.textFieldBorderColorFocus})` : `var(${tokens.textFieldBorderColor})`};\n\n    ${textFieldTokens.placeholderColor}: var(${tokens.textFieldPlaceholderColor});\n\n    ${textFieldTokens.borderColorHover}: var(${tokens.textFieldBorderColorHover});\n    ${textFieldTokens.borderColorFocus}: var(${tokens.textFieldBorderColorFocus});\n\n    ${textFieldTokens.optionalColor}: var(${tokens.textFieldOptionalColor});\n\n    ${textFieldTokens.height}: var(${tokens.textFieldHeight});\n    ${textFieldTokens.borderWidth}: var(${tokens.textFieldBorderWidth});\n    ${textFieldTokens.borderRadius}: var(${tokens.textFieldBorderRadius});\n\n    ${textFieldTokens.padding}: var(${tokens.textFieldPadding});\n    ${textFieldTokens.paddingWithChips}: var(${tokens.textFieldPaddingWithChips});\n\n    ${textFieldTokens.leftContentMargin}: var(${tokens.textFieldLeftContentMargin});\n    ${textFieldTokens.rightContentMargin}: var(${tokens.textFieldRightContentMargin});\n\n    ${textFieldTokens.fontFamily}: var(${tokens.textFieldFontFamily});\n    ${textFieldTokens.fontStyle}: var(${tokens.textFieldFontStyle});\n    ${textFieldTokens.fontSize}: var(${tokens.textFieldFontSize});\n    ${textFieldTokens.fontWeight}: var(${tokens.textFieldFontWeight});\n    ${textFieldTokens.letterSpacing}: var(${tokens.textFieldLetterSpacing});\n    ${textFieldTokens.lineHeight}: var(${tokens.textFieldLineHeight});\n\n    ${textFieldTokens.contentSlotColor}: var(${tokens.textFieldContentSlotColor});\n    ${textFieldTokens.contentSlotColorHover}: var(${tokens.textFieldContentSlotColorHover});\n    ${textFieldTokens.contentSlotColorActive}: var(${tokens.textFieldContentSlotColorActive});\n\n    ${textFieldTokens.contentSlotRightColor}: var(${tokens.textFieldContentSlotRightColor});\n    ${textFieldTokens.contentSlotRightColorHover}: var(${tokens.textFieldContentSlotRightColorHover});\n    ${textFieldTokens.contentSlotRightColorActive}: var(${tokens.textFieldContentSlotRightColorActive});\n\n    ${textFieldTokens.labelOffset}: var(${tokens.textFieldLabelOffset});\n\n    ${textFieldTokens.labelFontFamily}: var(${tokens.textFieldLabelFontFamily});\n    ${textFieldTokens.labelFontStyle}: var(${tokens.textFieldLabelFontStyle});\n    ${textFieldTokens.labelFontSize}: var(${tokens.textFieldLabelFontSize});\n    ${textFieldTokens.labelFontWeight}: var(${tokens.textFieldLabelFontWeight});\n    ${textFieldTokens.labelLetterSpacing}: var(${tokens.textFieldLabelLetterSpacing});\n    ${textFieldTokens.labelLineHeight}: var(${tokens.textFieldLabelLineHeight});\n\n    ${textFieldTokens.labelInnerFontFamily}: var(${tokens.textFieldLabelInnerFontFamily});\n    ${textFieldTokens.labelInnerFontStyle}: var(${tokens.textFieldLabelInnerFontStyle});\n    ${textFieldTokens.labelInnerFontSize}: var(${tokens.textFieldLabelInnerFontSize});\n    ${textFieldTokens.labelInnerFontWeight}: var(${tokens.textFieldLabelInnerFontWeight});\n    ${textFieldTokens.labelInnerLetterSpacing}: var(${tokens.textFieldLabelInnerLetterSpacing});\n    ${textFieldTokens.labelInnerLineHeight}: var(${tokens.textFieldLabelInnerLineHeight});\n\n    ${textFieldTokens.labelInnerPadding}: var(${tokens.textFieldLabelInnerPadding});\n    ${textFieldTokens.contentLabelInnerPadding}: var(${tokens.textFieldContentLabelInnerPadding});\n\n    ${textFieldTokens.titleCaptionColor}: var(${tokens.textFieldTitleCaptionColor});\n    ${textFieldTokens.titleCaptionInnerLabelOffset}: var(${tokens.textFieldTitleCaptionInnerLabelOffset});\n\n    ${textFieldTokens.titleCaptionFontFamily}: var(${tokens.textFieldTitleCaptionFontFamily});\n    ${textFieldTokens.titleCaptionFontStyle}: var(${tokens.textFieldTitleCaptionFontStyle});\n    ${textFieldTokens.titleCaptionFontSize}: var(${tokens.textFieldTitleCaptionFontSize});\n    ${textFieldTokens.titleCaptionFontWeight}: var(${tokens.textFieldTitleCaptionFontWeight});\n    ${textFieldTokens.titleCaptionLetterSpacing}: var(${tokens.textFieldTitleCaptionLetterSpacing});\n    ${textFieldTokens.titleCaptionLineHeight}: var(${tokens.textFieldTitleCaptionLineHeight});\n\n    ${textFieldTokens.leftHelperOffset}: var(${tokens.textFieldLeftHelperOffset});\n\n    ${textFieldTokens.leftHelperFontFamily}: var(${tokens.textFieldLeftHelperFontFamily});\n    ${textFieldTokens.leftHelperFontStyle}: var(${tokens.textFieldLeftHelperFontStyle});\n    ${textFieldTokens.leftHelperFontSize}: var(${tokens.textFieldLeftHelperFontSize});\n    ${textFieldTokens.leftHelperFontWeight}: var(${tokens.textFieldLeftHelperFontWeight});\n    ${textFieldTokens.leftHelperLetterSpacing}: var(${tokens.textFieldLeftHelperLetterSpacing});\n    ${textFieldTokens.leftHelperLineHeight}: var(${tokens.textFieldLeftHelperLineHeight});\n\n    ${textFieldTokens.textBeforeColor}: var(${tokens.textFieldTextBeforeColor});\n    ${textFieldTokens.textAfterColor}: var(${tokens.textFieldTextAfterColor});\n    ${textFieldTokens.textBeforeMargin}: var(${tokens.textFieldTextBeforeMargin});\n    ${textFieldTokens.textAfterMargin}: var(${tokens.textFieldTextAfterMargin});\n\n    ${textFieldTokens.disabledOpacity}: var(${tokens.textFieldDisabledOpacity});\n\n    ${textFieldTokens.chipHeight}: var(${tokens.textFieldChipHeight});\n    ${textFieldTokens.chipBorderRadius}: var(${tokens.textFieldChipBorderRadius});\n    ${textFieldTokens.chipGap}: var(${tokens.textFieldChipGap});\n    ${textFieldTokens.chipColor}: var(${tokens.textFieldChipColor});\n    ${textFieldTokens.chipColorHover}: var(${tokens.textFieldChipColorHover});\n    ${textFieldTokens.chipScaleHover}: var(${tokens.textFieldChipScaleHover});\n    ${textFieldTokens.chipBackground}: var(${tokens.textFieldChipBackground});\n    ${textFieldTokens.chipBackgroundActive}: var(${tokens.textFieldChipBackgroundActive});\n    ${textFieldTokens.chipColorActive}: var(${tokens.textFieldChipColorActive});\n    ${textFieldTokens.chipScaleActive}: var(${tokens.textFieldChipScaleActive});\n    ${textFieldTokens.chipCloseIconColor}: var(${tokens.textFieldChipCloseIconColor});\n    ${textFieldTokens.chipOutlineSize}: var(${tokens.textFieldChipOutlineSize});\n    ${textFieldTokens.chipWidth}: var(${tokens.textFieldChipWidth});\n    ${textFieldTokens.chipPaddingTop}: var(${tokens.textFieldChipPaddingTop});\n    ${textFieldTokens.chipPaddingRight}: var(${tokens.textFieldChipPaddingRight});\n    ${textFieldTokens.chipPaddingBottom}: var(${tokens.textFieldChipPaddingBottom});\n    ${textFieldTokens.chipPaddingLeft}: var(${tokens.textFieldChipPaddingLeft});\n    ${textFieldTokens.chipCloseIconSize}: var(${tokens.textFieldChipCloseIconSize});\n    ${textFieldTokens.chipFontFamily}: var(${tokens.textFieldChipFontFamily});\n    ${textFieldTokens.chipFontSize}: var(${tokens.textFieldChipFontSize});\n    ${textFieldTokens.chipFontStyle}: var(${tokens.textFieldChipFontStyle});\n    ${textFieldTokens.chipFontWeight}: var(${tokens.textFieldChipFontWeight});\n    ${textFieldTokens.chipLetterSpacing}: var(${tokens.textFieldChipLetterSpacing});\n    ${textFieldTokens.chipLineHeight}: var(${tokens.textFieldChipLineHeight});\n    ${textFieldTokens.chipColorReadOnly}: var(${tokens.textFieldChipColor});\n    ${textFieldTokens.chipColorReadOnlyHover}: var(${tokens.textFieldChipColor});\n    ${textFieldTokens.chipBackgroundReadOnly}: var(${tokens.textFieldChipBackground});\n    ${textFieldTokens.chipBackgroundReadOnlyHover}: var(${tokens.textFieldChipBackgroundHover});\n    ${textFieldTokens.chipClearContentMarginLeft}: var(${tokens.textFieldChipClearContentMarginLeft});\n    ${textFieldTokens.chipClearContentMarginRight}: var(${tokens.textFieldChipClearContentMarginRight});\n\n    ${textFieldTokens.focusColor}: var(${tokens.textFieldFocusColor});\n\n    /* TODO: #1544 */\n    & div.input-wrapper:focus-within {\n        background-color: var(${tokens.textFieldBackgroundColorFocus});\n    }\n`;\n\nexport const IconArrowWrapper = styled.div<{ disabled: boolean }>`\n    line-height: 0;\n    color: var(${tokens.disclosureIconColor});\n    cursor: ${({ disabled }) => (disabled ? 'inherit' : 'pointer')};\n\n    .${classes.arrowInverse} {\n        transform: rotate(-180deg);\n    }\n\n    &:hover,\n    &:active {\n        color: ${({ disabled }) =>\n            disabled ? `var(${tokens.disclosureIconColor})` : `var(${tokens.disclosureIconColorHover})`};\n    }\n`;\n\nexport const StyledArrow = styled(IconDisclosureDownCentered)``;\n"],"names":["mergedConfig","mergeConfig","textFieldConfig","TextField","component","_exp","_exp17","_ref","opened","concat","tokens","textFieldBackgroundColorFocus","textFieldBackgroundColor","_exp19","_ref2","textFieldPlaceholderColorFocus","textFieldPlaceholderColor","_exp25","_ref3","textFieldBorderColorFocus","textFieldBorderColor","StyledTextField","styled","name","class","propsAsIs","vars","_exp206","_ref4","disabled","_exp208","_ref5","disclosureIconColor","disclosureIconColorHover","IconArrowWrapper","_exp209","IconDisclosureDownCentered","StyledArrow"],"mappings":"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"}
+{"version":3,"file":"Textfield.styles.js","sources":["../../../../../../../src/components/Select/ui/Target/ui/Textfield/Textfield.styles.tsx"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { component, mergeConfig } from '../../../../../../engines';\nimport { textFieldConfig, textFieldTokens } from '../../../../../TextField';\nimport { tokens, classes } from '../../../../Select.tokens';\nimport { IconDisclosureDownCentered } from '../../../../../_Icon';\n\nconst mergedConfig = mergeConfig(textFieldConfig);\nconst TextField = component(mergedConfig);\n\nexport const StyledTextField = styled(TextField)<{ opened: boolean }>`\n    ${textFieldTokens.color}: var(${tokens.textFieldColor});\n    ${textFieldTokens.backgroundColor}: var(${tokens.textFieldBackgroundColor});\n    ${textFieldTokens.borderColor}: var(${tokens.textFieldBorderColor});\n    ${textFieldTokens.placeholderColor}: var(${tokens.textFieldPlaceholderColor});\n    ${textFieldTokens.labelColor}: var(${tokens.textFieldLabelColor});\n    ${textFieldTokens.leftHelperColor}: var(${tokens.textFieldLeftHelperColor});\n\n    ${textFieldTokens.colorReadOnly}: var(${tokens.textFieldColor});\n    ${textFieldTokens.backgroundColorReadOnly}: ${({ opened }) =>\n    opened ? `var(${tokens.textFieldBackgroundColorFocus})` : `var(${tokens.textFieldBackgroundColor})`};\n    ${textFieldTokens.placeholderColorReadOnly}: ${({ opened }) =>\n    opened ? `var(${tokens.textFieldPlaceholderColorFocus})` : `var(${tokens.textFieldPlaceholderColor})`};\n    ${textFieldTokens.leftHelperColorReadOnly}: var(${tokens.textFieldLeftHelperColor});\n    ${textFieldTokens.labelColorReadOnly}: var(${tokens.textFieldLabelColor});\n    ${textFieldTokens.borderColorReadOnly}: ${({ opened }) =>\n    opened ? `var(${tokens.textFieldBorderColorFocus})` : `var(${tokens.textFieldBorderColor})`};\n\n    ${textFieldTokens.placeholderColor}: var(${tokens.textFieldPlaceholderColor});\n\n    ${textFieldTokens.borderColorHover}: var(${tokens.textFieldBorderColorHover});\n    ${textFieldTokens.borderColorFocus}: var(${tokens.textFieldBorderColorFocus});\n\n    ${textFieldTokens.optionalColor}: var(${tokens.textFieldOptionalColor});\n\n    ${textFieldTokens.height}: var(${tokens.textFieldHeight});\n    ${textFieldTokens.borderWidth}: var(${tokens.textFieldBorderWidth});\n    ${textFieldTokens.borderRadius}: var(${tokens.textFieldBorderRadius});\n\n    ${textFieldTokens.padding}: var(${tokens.textFieldPadding});\n    ${textFieldTokens.paddingWithChips}: var(${tokens.textFieldPaddingWithChips});\n\n    ${textFieldTokens.leftContentMargin}: var(${tokens.textFieldLeftContentMargin});\n    ${textFieldTokens.rightContentMargin}: var(${tokens.textFieldRightContentMargin});\n\n    ${textFieldTokens.fontFamily}: var(${tokens.textFieldFontFamily});\n    ${textFieldTokens.fontStyle}: var(${tokens.textFieldFontStyle});\n    ${textFieldTokens.fontSize}: var(${tokens.textFieldFontSize});\n    ${textFieldTokens.fontWeight}: var(${tokens.textFieldFontWeight});\n    ${textFieldTokens.letterSpacing}: var(${tokens.textFieldLetterSpacing});\n    ${textFieldTokens.lineHeight}: var(${tokens.textFieldLineHeight});\n\n    ${textFieldTokens.contentSlotColor}: var(${tokens.textFieldContentSlotColor});\n    ${textFieldTokens.contentSlotColorHover}: var(${tokens.textFieldContentSlotColorHover});\n    ${textFieldTokens.contentSlotColorActive}: var(${tokens.textFieldContentSlotColorActive});\n\n    ${textFieldTokens.contentSlotRightColor}: var(${tokens.textFieldContentSlotRightColor});\n    ${textFieldTokens.contentSlotRightColorHover}: var(${tokens.textFieldContentSlotRightColorHover});\n    ${textFieldTokens.contentSlotRightColorActive}: var(${tokens.textFieldContentSlotRightColorActive});\n\n    ${textFieldTokens.labelOffset}: var(${tokens.textFieldLabelOffset});\n\n    ${textFieldTokens.labelFontFamily}: var(${tokens.textFieldLabelFontFamily});\n    ${textFieldTokens.labelFontStyle}: var(${tokens.textFieldLabelFontStyle});\n    ${textFieldTokens.labelFontSize}: var(${tokens.textFieldLabelFontSize});\n    ${textFieldTokens.labelFontWeight}: var(${tokens.textFieldLabelFontWeight});\n    ${textFieldTokens.labelLetterSpacing}: var(${tokens.textFieldLabelLetterSpacing});\n    ${textFieldTokens.labelLineHeight}: var(${tokens.textFieldLabelLineHeight});\n\n    ${textFieldTokens.labelInnerFontFamily}: var(${tokens.textFieldLabelInnerFontFamily});\n    ${textFieldTokens.labelInnerFontStyle}: var(${tokens.textFieldLabelInnerFontStyle});\n    ${textFieldTokens.labelInnerFontSize}: var(${tokens.textFieldLabelInnerFontSize});\n    ${textFieldTokens.labelInnerFontWeight}: var(${tokens.textFieldLabelInnerFontWeight});\n    ${textFieldTokens.labelInnerLetterSpacing}: var(${tokens.textFieldLabelInnerLetterSpacing});\n    ${textFieldTokens.labelInnerLineHeight}: var(${tokens.textFieldLabelInnerLineHeight});\n\n    ${textFieldTokens.labelInnerPadding}: var(${tokens.textFieldLabelInnerPadding});\n    ${textFieldTokens.contentLabelInnerPadding}: var(${tokens.textFieldContentLabelInnerPadding});\n\n    ${textFieldTokens.titleCaptionColor}: var(${tokens.textFieldTitleCaptionColor});\n    ${textFieldTokens.titleCaptionInnerLabelOffset}: var(${tokens.textFieldTitleCaptionInnerLabelOffset});\n\n    ${textFieldTokens.titleCaptionFontFamily}: var(${tokens.textFieldTitleCaptionFontFamily});\n    ${textFieldTokens.titleCaptionFontStyle}: var(${tokens.textFieldTitleCaptionFontStyle});\n    ${textFieldTokens.titleCaptionFontSize}: var(${tokens.textFieldTitleCaptionFontSize});\n    ${textFieldTokens.titleCaptionFontWeight}: var(${tokens.textFieldTitleCaptionFontWeight});\n    ${textFieldTokens.titleCaptionLetterSpacing}: var(${tokens.textFieldTitleCaptionLetterSpacing});\n    ${textFieldTokens.titleCaptionLineHeight}: var(${tokens.textFieldTitleCaptionLineHeight});\n\n    ${textFieldTokens.leftHelperOffset}: var(${tokens.textFieldLeftHelperOffset});\n\n    ${textFieldTokens.leftHelperFontFamily}: var(${tokens.textFieldLeftHelperFontFamily});\n    ${textFieldTokens.leftHelperFontStyle}: var(${tokens.textFieldLeftHelperFontStyle});\n    ${textFieldTokens.leftHelperFontSize}: var(${tokens.textFieldLeftHelperFontSize});\n    ${textFieldTokens.leftHelperFontWeight}: var(${tokens.textFieldLeftHelperFontWeight});\n    ${textFieldTokens.leftHelperLetterSpacing}: var(${tokens.textFieldLeftHelperLetterSpacing});\n    ${textFieldTokens.leftHelperLineHeight}: var(${tokens.textFieldLeftHelperLineHeight});\n\n    ${textFieldTokens.textBeforeColor}: var(${tokens.textFieldTextBeforeColor});\n    ${textFieldTokens.textAfterColor}: var(${tokens.textFieldTextAfterColor});\n    ${textFieldTokens.textBeforeMargin}: var(${tokens.textFieldTextBeforeMargin});\n    ${textFieldTokens.textAfterMargin}: var(${tokens.textFieldTextAfterMargin});\n\n    ${textFieldTokens.disabledOpacity}: var(${tokens.textFieldDisabledOpacity});\n\n    ${textFieldTokens.chipHeight}: var(${tokens.textFieldChipHeight});\n    ${textFieldTokens.chipBorderRadius}: var(${tokens.textFieldChipBorderRadius});\n    ${textFieldTokens.chipGap}: var(${tokens.textFieldChipGap});\n    ${textFieldTokens.chipColor}: var(${tokens.textFieldChipColor});\n    ${textFieldTokens.chipColorHover}: var(${tokens.textFieldChipColorHover});\n    ${textFieldTokens.chipScaleHover}: var(${tokens.textFieldChipScaleHover});\n    ${textFieldTokens.chipBackground}: var(${tokens.textFieldChipBackground});\n    ${textFieldTokens.chipBackgroundActive}: var(${tokens.textFieldChipBackgroundActive});\n    ${textFieldTokens.chipColorActive}: var(${tokens.textFieldChipColorActive});\n    ${textFieldTokens.chipScaleActive}: var(${tokens.textFieldChipScaleActive});\n    ${textFieldTokens.chipCloseIconColor}: var(${tokens.textFieldChipCloseIconColor});\n    ${textFieldTokens.chipOutlineSize}: var(${tokens.textFieldChipOutlineSize});\n    ${textFieldTokens.chipWidth}: var(${tokens.textFieldChipWidth});\n    ${textFieldTokens.chipPaddingTop}: var(${tokens.textFieldChipPaddingTop});\n    ${textFieldTokens.chipPaddingRight}: var(${tokens.textFieldChipPaddingRight});\n    ${textFieldTokens.chipPaddingBottom}: var(${tokens.textFieldChipPaddingBottom});\n    ${textFieldTokens.chipPaddingLeft}: var(${tokens.textFieldChipPaddingLeft});\n    ${textFieldTokens.chipCloseIconSize}: var(${tokens.textFieldChipCloseIconSize});\n    ${textFieldTokens.chipFontFamily}: var(${tokens.textFieldChipFontFamily});\n    ${textFieldTokens.chipFontSize}: var(${tokens.textFieldChipFontSize});\n    ${textFieldTokens.chipFontStyle}: var(${tokens.textFieldChipFontStyle});\n    ${textFieldTokens.chipFontWeight}: var(${tokens.textFieldChipFontWeight});\n    ${textFieldTokens.chipLetterSpacing}: var(${tokens.textFieldChipLetterSpacing});\n    ${textFieldTokens.chipLineHeight}: var(${tokens.textFieldChipLineHeight});\n    ${textFieldTokens.chipColorReadOnly}: var(${tokens.textFieldChipColor});\n    ${textFieldTokens.chipColorReadOnlyHover}: var(${tokens.textFieldChipColor});\n    ${textFieldTokens.chipBackgroundReadOnly}: var(${tokens.textFieldChipBackground});\n    ${textFieldTokens.chipBackgroundReadOnlyHover}: var(${tokens.textFieldChipBackgroundHover});\n    ${textFieldTokens.chipClearContentMarginLeft}: var(${tokens.textFieldChipClearContentMarginLeft});\n    ${textFieldTokens.chipClearContentMarginRight}: var(${tokens.textFieldChipClearContentMarginRight});\n\n    ${textFieldTokens.indicatorColor}: var(${tokens.textFieldIndicatorColor});\n    ${textFieldTokens.indicatorSizeInner}: var(${tokens.textFieldIndicatorSizeInner});\n    ${textFieldTokens.indicatorSizeOuter}: var(${tokens.textFieldIndicatorSizeOuter});\n    ${textFieldTokens.indicatorLabelPlacementInner}: var(${tokens.textFieldIndicatorLabelPlacementInner});\n    ${textFieldTokens.indicatorLabelPlacementOuter}: var(${tokens.textFieldIndicatorLabelPlacementOuter});\n    ${textFieldTokens.indicatorLabelPlacementInnerRight}: var(${tokens.textFieldIndicatorLabelPlacementInnerRight});\n    ${textFieldTokens.indicatorLabelPlacementOuterRight}: var(${tokens.textFieldIndicatorLabelPlacementOuterRight});\n    ${textFieldTokens.clearIndicatorLabelPlacementInner}: var(${tokens.textFieldClearIndicatorLabelPlacementInner});\n    ${textFieldTokens.clearIndicatorLabelPlacementInnerRight}:\n        var(${tokens.textFieldClearIndicatorLabelPlacementInnerRight});\n    ${textFieldTokens.clearIndicatorHintInnerRight}: var(${tokens.textFieldClearIndicatorHintInnerRight});\n\n    ${textFieldTokens.focusColor}: var(${tokens.textFieldFocusColor});\n\n    /* TODO: #1544 */\n    & div.input-wrapper:focus-within {\n        background-color: var(${tokens.textFieldBackgroundColorFocus});\n    }\n`;\n\nexport const IconArrowWrapper = styled.div<{ disabled: boolean }>`\n    line-height: 0;\n    color: var(${tokens.disclosureIconColor});\n    cursor: ${({ disabled }) => (disabled ? 'inherit' : 'pointer')};\n\n    .${classes.arrowInverse} {\n        transform: rotate(-180deg);\n    }\n\n    &:hover,\n    &:active {\n        color: ${({ disabled }) =>\n            disabled ? `var(${tokens.disclosureIconColor})` : `var(${tokens.disclosureIconColorHover})`};\n    }\n`;\n\nexport const StyledArrow = styled(IconDisclosureDownCentered)``;\n"],"names":["mergedConfig","mergeConfig","textFieldConfig","TextField","component","_exp","_exp17","_ref","opened","concat","tokens","textFieldBackgroundColorFocus","textFieldBackgroundColor","_exp19","_ref2","textFieldPlaceholderColorFocus","textFieldPlaceholderColor","_exp25","_ref3","textFieldBorderColorFocus","textFieldBorderColor","StyledTextField","styled","name","class","propsAsIs","vars","_exp226","_ref4","disabled","_exp228","_ref5","disclosureIconColor","disclosureIconColorHover","IconArrowWrapper","_exp229","IconDisclosureDownCentered","StyledArrow"],"mappings":"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"}

package/es/components/Select/ui/Target/ui/Textfield/Textfield.styles_1b7iij0.css

@@ -0,0 +1,3 @@
+.s1yhwv5r{--plasma-textfield-color:var(--plasma-select-textfield-color);--plasma-textfield-bg-color:var(--plasma-select-textfield-background-color);--plasma-textfield-border-color:var(--plasma-select-textfield-border-color);--plasma-textfield__placeholder-color:var(--plasma-select-textfield-placeholder-color);--plasma-textfield__label-color:var(--plasma-select-textfield-label-color);--plasma-textfield__left-helper-color:var(--plasma-select-textfield-left-helper-color);--plasma-textfield-color-readonly:var(--plasma-select-textfield-color);--plasma-textfield-bg-color-readonly:var(--s1yhwv5r-0);--plasma-textfield__placeholder-color-readonly:var(--s1yhwv5r-1);--plasma-textfield__left-helper-color-readonly:var(--plasma-select-textfield-left-helper-color);--plasma-textfield__label-color-readonly:var(--plasma-select-textfield-label-color);--plasma-textfield-border-color-readonly:var(--s1yhwv5r-2);--plasma-textfield__placeholder-color:var(--plasma-select-textfield-placeholder-color);--plasma-textfield-border-color-hover:var(--plasma-select-textfield-border-color-hover);--plasma-textfield-border-color-focus:var(--plasma-select-textfield-border-color-focus);--plasma-textfield__optional-color:var(--plasma-select-new-textfield-optional-color);--plasma-textfield-height:var(--plasma-select-textfield-height);--plasma-textfield-border-width:var(--plasma-select-textfield-border-width);--plasma-textfield-border-radius:var(--plasma-select-textfield-border-radius);--plasma-textfield-padding:var(--plasma-select-textfield-padding);--plasma-textfield-padding-with-chips:var(--plasma-select-textfield-padding-with-chips);--plasma-textfield__left-content-margin:var(--plasma-select-textfield-left-content-margin);--plasma-textfield__right-content-margin:var(--plasma-select-textfield-right-content-margin);--plasma-textfield-font-family:var(--plasma-select-textfield-font-family);--plasma-textfield-font-style:var(--plasma-select-textfield-font-style);--plasma-textfield-font-size:var(--plasma-select-textfield-font-size);--plasma-textfield-font-weight:var(--plasma-select-textfield-font-weight);--plasma-textfield-letter-spacing:var(--plasma-select-textfield-letter-spacing);--plasma-textfield-line-height:var(--plasma-select-textfield-line-height);--plasma-textfield-content-slot-color:var(--plasma-select-textfield-content-slot-color);--plasma-textfield-content-slot-color-hover:var(--plasma-select-textfield-content-slot-color-hover);--plasma-textfield-content-slot-color-active:var(--plasma-select-textfield-content-slot-color-active);--plasma-textfield-content-right-slot-color:var(--plasma-select-textfield-content-right-slot-color);--plasma-textfield-content-right-slot-color-hover:var(--plasma-select-textfield-content-right-slot-color-hover);--plasma-textfield-content-right-slot-color-active:var(--plasma-select-textfield-content-right-slot-color-active);--plasma-textfield__label-offset:var(--plasma-select-textfield-label-offset);--plasma-textfield__label-font-family:var(--plasma-select-textfield-label-font-family);--plasma-textfield__label-font-style:var(--plasma-select-textfield-label-font-style);--plasma-textfield__label-font-size:var(--plasma-select-textfield-label-font-size);--plasma-textfield__label-font-weight:var(--plasma-select-textfield-label-font-weight);--plasma-textfield__label-letter-spacing:var(--plasma-select-textfield-label-letter-spacing);--plasma-textfield__label-line-height:var(--plasma-select-textfield-label-line-height);--plasma-textfield-placement_inner__label-font-family:var(--plasma-select-textfield-placement-inner-label-font-family);--plasma-textfield-placement_inner__label-font-style:var(--plasma-select-textfield-placement-inner-label-font-style);--plasma-textfield-placement_inner__label-font-size:var(--plasma-select-textfield-placement-inner-label-font-size);--plasma-textfield-placement_inner__label-font-weight:var(--plasma-select-textfield-placement-inner-label-font-weight);--plasma-textfield-placement_inner__label-letter-spacing:var(--plasma-select-textfield-placement-inner-label-letter-spacing);--plasma-textfield-placement_inner__label-line-height:var(--plasma-select-textfield-placement-inner-label-line-height);--plasma-textfield-placement_inner__label-padding:var(--plasma-select-textfield-placement-inner-label-padding);--plasma-textfield-placement_inner__content-padding:var(--plasma-select-textfield-placement-inner-content-padding);--plasma-textfield__title-caption-color:var(--plasma-select-textfield-title-caption-color);--plasma-textfield__title-caption-label-inner-offset:var(--plasma-select-textfield-title-caption-label-inner-offset);--plasma-textfield__title-caption-font-family:var(--plasma-select-textfield-title-caption-font-family);--plasma-textfield__title-caption-font-style:var(--plasma-select-textfield-title-caption-font-style);--plasma-textfield__title-caption-font-size:var(--plasma-select-textfield-title-caption-font-size);--plasma-textfield__title-caption-font-weight:var(--plasma-select-textfield-title-caption-font-weight);--plasma-textfield__title-caption-letter-spacing:var(--plasma-select-textfield-title-caption-letter-spacing);--plasma-textfield__title-caption-line-height:var(--plasma-select-textfield-title-caption-line-height);--plasma-textfield__left-helper-offset:var(--plasma-select-textfield-left-helper-offset);--plasma-textfield__left-helper-font-family:var(--plasma-select-textfield-left-helper-font-family);--plasma-textfield__left-helper-font-style:var(--plasma-select-textfield-left-helper-font-style);--plasma-textfield__left-helper-font-size:var(--plasma-select-textfield-left-helper-font-size);--plasma-textfield__left-helper-font-weight:var(--plasma-select-textfield-left-helper-font-weight);--plasma-textfield__left-helper-letter-spacing:var(--plasma-select-textfield-left-helper-letter-spacing);--plasma-textfield__left-helper-line-height:var(--plasma-select-textfield-left-helper-line-height);--plasma-textfield__before-text-color:var(--plasma-select-textfield-before-text-color);--plasma-textfield__after-text-color:var(--plasma-select-textfield-after-text-color);--plasma-textfield__before-text-margin:var(--plasma-select-textfield-before-text-margin);--plasma-textfield__after-text-margin:var(--plasma-select-textfield-after-text-margin);--plasma-textfield-disabled-opacity:var(--plasma-select-textfield-disabled-opacity);--plasma-textfield__chip-height:var(--plasma-select-textfield-chip-height);--plasma-textfield__chip-border-radius:var(--plasma-select-textfield-chip-border-radius);--plasma-textfield__chip-gap:var(--plasma-select-textfield-chip-gap);--plasma-textfield__chip-color:var(--plasma-select-textfield-chip-color);--plasma-textfield__chip-color-hover:var(--plasma-select-textfield-chip-color-hover);--plasma-textfield__chip-scale-hover:var(--plasma-select-textfield-chip-scale-hover);--plasma-textfield__chip-background:var(--plasma-select-textfield--chip-background);--plasma-textfield__chip-background-active:var(--plasma-select-textfield-chip-background-active);--plasma-textfield__chip-color-active:var(--plasma-select-textfield-chip-color-active);--plasma-textfield__chip-scale-active:var(--plasma-select-textfield-chip-scale-active);--plasma-textfield__chip-close-icon-color:var(--plasma-select-textfield-chip-close-icons-color);--plasma-textfield__chip-outline-size:var(--plasma-select-textfield-chip-outline-size);--plasma-textfield__chip-width:var(--plasma-select-textfield-chip-width);--plasma-textfield__chip-padding-top:var(--plasma-select-textfield-chip-padding-top);--plasma-textfield__chip-padding-right:var(--plasma-select-textfield-chip-padding-right);--plasma-textfield__chip-padding-bottom:var(--plasma-select-textfield-chip-padding-bottom);--plasma-textfield__chip-padding-left:var(--plasma-select-textfield-chip-padding-left);--plasma-textfield__chip-close-icon-size:var(--plasma-select-textfield-chip-close-icon-size);--plasma-textfield__chip-font-family:var(--plasma-select-textfield-chip-font-family);--plasma-textfield__chip-font-size:var(--plasma-select-textfield-chip-font-size);--plasma-textfield__chip-font-style:var(--plasma-select-textfield-chip-font-style);--plasma-textfield__chip-font-weight:var(--plasma-select-textfield-chip-font-weight);--plasma-textfield__chip-letter-spacing:var(--plasma-select-textfield-chip-letter-spacing);--plasma-textfield__chip-line-height:var(--plasma-select-textfield-chip-line-height);--plasma-textfield__chip-color-readonly:var(--plasma-select-textfield-chip-color);--plasma-textfield__chip-color-readonly-hover:var(--plasma-select-textfield-chip-color);--plasma-textfield__chip-background-readonly:var(--plasma-select-textfield--chip-background);--plasma-textfield__chip-background-readonly-hover:var(--plasma-select-textfield-chip-background-hover);--plasma-textfield__chip-clear-content-margin-left:var(--plasma-select-textfield-chip-clear-content-margin-left);--plasma-textfield__chip-clear-content-margin-right:var(--plasma-select-textfield-chip-clear-content-margin-right);--plasma-textfield__indicator-color:var(--plasma-select-new-textfield-indicator-color);--plasma-textfield__indicator-size-inner:var(--plasma-select-new-textfield-indicator-size-inner);--plasma-textfield__indicator-size-outer:var(--plasma-select-new-textfield-indicator-size-outer);--plasma-textfield__indicator-placement-inner:var(--plasma-select-new-textfield-indicator-placement-inner);--plasma-textfield__indicator-placement-outer:var(--plasma-select-new-textfield-indicator-placement-outer);--plasma-textfield__indicator-placement-inner-right:var(--plasma-select-new-textfield-indicator-placement-inner-right);--plasma-textfield__indicator-placement-outer-right:var(--plasma-select-new-textfield-indicator-placement-outer-right);--plasma-textfield__clear-indicator-placement-inner:var(--plasma-select-new-textfield-clear-indicator-placement-inner);--plasma-textfield__clear-indicator-placement-inner-right: var(--plasma-select-new-textfield-clear-indicator-placement-inner-right);--plasma-textfield__clear-indicator-hint-placement-inner-right:var(--plasma-select-new-textfield-clear-indicator-hint-placement-inner-right);--plasma-textfield-focus-color:var(--plasma-select-textfield-focus-color);}.s1yhwv5r div.input-wrapper:focus-within{background-color:var(--plasma-select-textfield-background-color-focus);}
+.i7x5udn{line-height:0;color:var(--plasma-select-disclosure-icon-color);cursor:var(--i7x5udn-0);}.i7x5udn .arrow-inverse{-webkit-transform:rotate(-180deg);-ms-transform:rotate(-180deg);transform:rotate(-180deg);}.i7x5udn:hover,.i7x5udn:active{color:var(--i7x5udn-1);}
+

package/es/index.css

@@ -463,15 +463,15 @@
 .Image_styles_12ttxgz_s2ny8jg__83bd03eb{width:100%;height:100%;object-fit:cover;position:absolute;}
 .Image_styles_12ttxgz_s1e232qk__83bd03eb{width:100%;height:100%;position:absolute;background-position:center;background-size:cover;}
 
-.base_qlxank_b5zny0e__7dda249c{color:var(--plasma-badge-color);background-color:var(--plasma-badge-background);}
+.base_j3xzf3_b5zny0e__f0386786{color:var(--plasma-badge-custom-color,var(--plasma-badge-color));background-color:var(--plasma-badge-custom-background,var(--plasma-badge-background));}
 
-.base_to0y5x_bb8jvo5__5c9e1c86{font-family:var(--plasma-badge-font-family);font-size:var(--plasma-badge-font-size);font-style:var(--plasma-badge-font-style);font-weight:var(--plasma-badge-font-weight);-webkit-letter-spacing:var(--plasma-badge-letter-spacing);-moz-letter-spacing:var(--plasma-badge-letter-spacing);-ms-letter-spacing:var(--plasma-badge-letter-spacing);letter-spacing:var(--plasma-badge-letter-spacing);line-height:var(--plasma-badge-lineheight);border-radius:var(--plasma-badge-border-radius);height:var(--plasma-badge-height);padding-top:var(--plasma-badge-padding-top);padding-right:var(--plasma-badge-padding-right);padding-bottom:var(--plasma-badge-padding-bottom);padding-left:var(--plasma-badge-padding-left);}
+.base_bu5opk_bb8jvo5__18c67c14{font-family:var(--plasma-badge-font-family);font-size:var(--plasma-badge-font-size);font-style:var(--plasma-badge-font-style);font-weight:var(--plasma-badge-font-weight);-webkit-letter-spacing:var(--plasma-badge-letter-spacing);-moz-letter-spacing:var(--plasma-badge-letter-spacing);-ms-letter-spacing:var(--plasma-badge-letter-spacing);letter-spacing:var(--plasma-badge-letter-spacing);line-height:var(--plasma-badge-lineheight);border-radius:var(--plasma-badge-border-radius);height:var(--plasma-badge-height);padding:var(--plasma-badge-padding);}.base_bu5opk_bb8jvo5__18c67c14.base_bu5opk_badgeIconOnly__18c67c14{padding:var(--plasma-badge-padding-icon-only);}.base_bu5opk_bb8jvo5__18c67c14.base_bu5opk_badgeIconOnly__18c67c14 .base_bu5opk_s1t43xoe__18c67c14{margin:0;}
 
 .base_zpvffd_b3w4z61__f9738ae7.base_zpvffd_badgePilled__f9738ae7{border-radius:var(--plasma-badge-pilled-border-radius);}
 
-.base_1l6036y_binquhc__5cc72580.base_1l6036y_badgeTransparent__5cc72580{color:var(--plasma-badge-color-transparent);background-color:var(--plasma-badge-background-transparent);}
+.base_aapqhz_binquhc__81eb1c83.base_aapqhz_badgeTransparent__81eb1c83{color:var(--plasma-badge-custom-color,var(--plasma-badge-color-transparent));background-color:var(--plasma-badge-custom-background,var(--plasma-badge-background-transparent));}
 
-.base_oopyb7_b1e1wuvi__72387433.base_oopyb7_badgeClear__72387433{color:var(--plasma-badge-color-clear);background-color:transparent;padding:0;}
+.base_wiboj8_b1e1wuvi__44d619d2.base_wiboj8_badgeClear__44d619d2{color:var(--plasma-badge-custom-color,var(--plasma-badge-color-clear));background-color:var(--plasma-badge-custom-background,var(--plasma-badge-background-clear));}
 
 .Badge_styles_hhbwyi_s1t43xoe__47a1842a{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:var(--plasma-badge-left-content-margin-left);margin-right:var(--plasma-badge-left-content-margin-right);}
 
@@ -624,8 +624,8 @@
 .Button_styles_10g64me_ba2820e__eab937f0{display:inline;}.Button_styles_10g64me_ba2820e__eab937f0 .Button_styles_10g64me_selectWithoutBoxShadow__eab937f0::before{box-shadow:none !important;}.Button_styles_10g64me_ba2820e__eab937f0 .Button_styles_10g64me_arrowInverse__eab937f0{-webkit-transform:rotate(-180deg);-ms-transform:rotate(-180deg);transform:rotate(-180deg);}
 .Button_styles_10g64me_lpf11kx__eab937f0{display:inline;width:100%;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
 
-.Textfield_styles_q4kc1p_s1yhwv5r__70366a17{--plasma-textfield-color:var(--plasma-select-textfield-color);--plasma-textfield-bg-color:var(--plasma-select-textfield-background-color);--plasma-textfield-border-color:var(--plasma-select-textfield-border-color);--plasma-textfield__placeholder-color:var(--plasma-select-textfield-placeholder-color);--plasma-textfield__label-color:var(--plasma-select-textfield-label-color);--plasma-textfield__left-helper-color:var(--plasma-select-textfield-left-helper-color);--plasma-textfield-color-readonly:var(--plasma-select-textfield-color);--plasma-textfield-bg-color-readonly:var(--s1yhwv5r-0);--plasma-textfield__placeholder-color-readonly:var(--s1yhwv5r-1);--plasma-textfield__left-helper-color-readonly:var(--plasma-select-textfield-left-helper-color);--plasma-textfield__label-color-readonly:var(--plasma-select-textfield-label-color);--plasma-textfield-border-color-readonly:var(--s1yhwv5r-2);--plasma-textfield__placeholder-color:var(--plasma-select-textfield-placeholder-color);--plasma-textfield-border-color-hover:var(--plasma-select-textfield-border-color-hover);--plasma-textfield-border-color-focus:var(--plasma-select-textfield-border-color-focus);--plasma-textfield__optional-color:var(--plasma-select-textfield-optional-color);--plasma-textfield-height:var(--plasma-select-textfield-height);--plasma-textfield-border-width:var(--plasma-select-textfield-border-width);--plasma-textfield-border-radius:var(--plasma-select-textfield-border-radius);--plasma-textfield-padding:var(--plasma-select-textfield-padding);--plasma-textfield-padding-with-chips:var(--plasma-select-textfield-padding-with-chips);--plasma-textfield__left-content-margin:var(--plasma-select-textfield-left-content-margin);--plasma-textfield__right-content-margin:var(--plasma-select-textfield-right-content-margin);--plasma-textfield-font-family:var(--plasma-select-textfield-font-family);--plasma-textfield-font-style:var(--plasma-select-textfield-font-style);--plasma-textfield-font-size:var(--plasma-select-textfield-font-size);--plasma-textfield-font-weight:var(--plasma-select-textfield-font-weight);--plasma-textfield-letter-spacing:var(--plasma-select-textfield-letter-spacing);--plasma-textfield-line-height:var(--plasma-select-textfield-line-height);--plasma-textfield-content-slot-color:var(--plasma-select-textfield-content-slot-color);--plasma-textfield-content-slot-color-hover:var(--plasma-select-textfield-content-slot-color-hover);--plasma-textfield-content-slot-color-active:var(--plasma-select-textfield-content-slot-color-active);--plasma-textfield-content-right-slot-color:var(--plasma-select-textfield-content-right-slot-color);--plasma-textfield-content-right-slot-color-hover:var(--plasma-select-textfield-content-right-slot-color-hover);--plasma-textfield-content-right-slot-color-active:var(--plasma-select-textfield-content-right-slot-color-active);--plasma-textfield__label-offset:var(--plasma-select-textfield-label-offset);--plasma-textfield__label-font-family:var(--plasma-select-textfield-label-font-family);--plasma-textfield__label-font-style:var(--plasma-select-textfield-label-font-style);--plasma-textfield__label-font-size:var(--plasma-select-textfield-label-font-size);--plasma-textfield__label-font-weight:var(--plasma-select-textfield-label-font-weight);--plasma-textfield__label-letter-spacing:var(--plasma-select-textfield-label-letter-spacing);--plasma-textfield__label-line-height:var(--plasma-select-textfield-label-line-height);--plasma-textfield-placement_inner__label-font-family:var(--plasma-select-textfield-placement-inner-label-font-family);--plasma-textfield-placement_inner__label-font-style:var(--plasma-select-textfield-placement-inner-label-font-style);--plasma-textfield-placement_inner__label-font-size:var(--plasma-select-textfield-placement-inner-label-font-size);--plasma-textfield-placement_inner__label-font-weight:var(--plasma-select-textfield-placement-inner-label-font-weight);--plasma-textfield-placement_inner__label-letter-spacing:var(--plasma-select-textfield-placement-inner-label-letter-spacing);--plasma-textfield-placement_inner__label-line-height:var(--plasma-select-textfield-placement-inner-label-line-height);--plasma-textfield-placement_inner__label-padding:var(--plasma-select-textfield-placement-inner-label-padding);--plasma-textfield-placement_inner__content-padding:var(--plasma-select-textfield-placement-inner-content-padding);--plasma-textfield__title-caption-color:var(--plasma-select-textfield-title-caption-color);--plasma-textfield__title-caption-label-inner-offset:var(--plasma-select-textfield-title-caption-label-inner-offset);--plasma-textfield__title-caption-font-family:var(--plasma-select-textfield-title-caption-font-family);--plasma-textfield__title-caption-font-style:var(--plasma-select-textfield-title-caption-font-style);--plasma-textfield__title-caption-font-size:var(--plasma-select-textfield-title-caption-font-size);--plasma-textfield__title-caption-font-weight:var(--plasma-select-textfield-title-caption-font-weight);--plasma-textfield__title-caption-letter-spacing:var(--plasma-select-textfield-title-caption-letter-spacing);--plasma-textfield__title-caption-line-height:var(--plasma-select-textfield-title-caption-line-height);--plasma-textfield__left-helper-offset:var(--plasma-select-textfield-left-helper-offset);--plasma-textfield__left-helper-font-family:var(--plasma-select-textfield-left-helper-font-family);--plasma-textfield__left-helper-font-style:var(--plasma-select-textfield-left-helper-font-style);--plasma-textfield__left-helper-font-size:var(--plasma-select-textfield-left-helper-font-size);--plasma-textfield__left-helper-font-weight:var(--plasma-select-textfield-left-helper-font-weight);--plasma-textfield__left-helper-letter-spacing:var(--plasma-select-textfield-left-helper-letter-spacing);--plasma-textfield__left-helper-line-height:var(--plasma-select-textfield-left-helper-line-height);--plasma-textfield__before-text-color:var(--plasma-select-textfield-before-text-color);--plasma-textfield__after-text-color:var(--plasma-select-textfield-after-text-color);--plasma-textfield__before-text-margin:var(--plasma-select-textfield-before-text-margin);--plasma-textfield__after-text-margin:var(--plasma-select-textfield-after-text-margin);--plasma-textfield-disabled-opacity:var(--plasma-select-textfield-disabled-opacity);--plasma-textfield__chip-height:var(--plasma-select-textfield-chip-height);--plasma-textfield__chip-border-radius:var(--plasma-select-textfield-chip-border-radius);--plasma-textfield__chip-gap:var(--plasma-select-textfield-chip-gap);--plasma-textfield__chip-color:var(--plasma-select-textfield-chip-color);--plasma-textfield__chip-color-hover:var(--plasma-select-textfield-chip-color-hover);--plasma-textfield__chip-scale-hover:var(--plasma-select-textfield-chip-scale-hover);--plasma-textfield__chip-background:var(--plasma-select-textfield--chip-background);--plasma-textfield__chip-background-active:var(--plasma-select-textfield-chip-background-active);--plasma-textfield__chip-color-active:var(--plasma-select-textfield-chip-color-active);--plasma-textfield__chip-scale-active:var(--plasma-select-textfield-chip-scale-active);--plasma-textfield__chip-close-icon-color:var(--plasma-select-textfield-chip-close-icons-color);--plasma-textfield__chip-outline-size:var(--plasma-select-textfield-chip-outline-size);--plasma-textfield__chip-width:var(--plasma-select-textfield-chip-width);--plasma-textfield__chip-padding-top:var(--plasma-select-textfield-chip-padding-top);--plasma-textfield__chip-padding-right:var(--plasma-select-textfield-chip-padding-right);--plasma-textfield__chip-padding-bottom:var(--plasma-select-textfield-chip-padding-bottom);--plasma-textfield__chip-padding-left:var(--plasma-select-textfield-chip-padding-left);--plasma-textfield__chip-close-icon-size:var(--plasma-select-textfield-chip-close-icon-size);--plasma-textfield__chip-font-family:var(--plasma-select-textfield-chip-font-family);--plasma-textfield__chip-font-size:var(--plasma-select-textfield-chip-font-size);--plasma-textfield__chip-font-style:var(--plasma-select-textfield-chip-font-style);--plasma-textfield__chip-font-weight:var(--plasma-select-textfield-chip-font-weight);--plasma-textfield__chip-letter-spacing:var(--plasma-select-textfield-chip-letter-spacing);--plasma-textfield__chip-line-height:var(--plasma-select-textfield-chip-line-height);--plasma-textfield__chip-color-readonly:var(--plasma-select-textfield-chip-color);--plasma-textfield__chip-color-readonly-hover:var(--plasma-select-textfield-chip-color);--plasma-textfield__chip-background-readonly:var(--plasma-select-textfield--chip-background);--plasma-textfield__chip-background-readonly-hover:var(--plasma-select-textfield-chip-background-hover);--plasma-textfield__chip-clear-content-margin-left:var(--plasma-select-textfield-chip-clear-content-margin-left);--plasma-textfield__chip-clear-content-margin-right:var(--plasma-select-textfield-chip-clear-content-margin-right);--plasma-textfield-focus-color:var(--plasma-select-textfield-focus-color);}.Textfield_styles_q4kc1p_s1yhwv5r__70366a17 div.Textfield_styles_q4kc1p_inputWrapper__70366a17:focus-within{background-color:var(--plasma-select-textfield-background-color-focus);}
-.Textfield_styles_q4kc1p_i7x5udn__70366a17{line-height:0;color:var(--plasma-select-disclosure-icon-color);cursor:var(--i7x5udn-0);}.Textfield_styles_q4kc1p_i7x5udn__70366a17 .Textfield_styles_q4kc1p_arrowInverse__70366a17{-webkit-transform:rotate(-180deg);-ms-transform:rotate(-180deg);transform:rotate(-180deg);}.Textfield_styles_q4kc1p_i7x5udn__70366a17:hover,.Textfield_styles_q4kc1p_i7x5udn__70366a17:active{color:var(--i7x5udn-1);}
+.Textfield_styles_1b7iij0_s1yhwv5r__18547d95{--plasma-textfield-color:var(--plasma-select-textfield-color);--plasma-textfield-bg-color:var(--plasma-select-textfield-background-color);--plasma-textfield-border-color:var(--plasma-select-textfield-border-color);--plasma-textfield__placeholder-color:var(--plasma-select-textfield-placeholder-color);--plasma-textfield__label-color:var(--plasma-select-textfield-label-color);--plasma-textfield__left-helper-color:var(--plasma-select-textfield-left-helper-color);--plasma-textfield-color-readonly:var(--plasma-select-textfield-color);--plasma-textfield-bg-color-readonly:var(--s1yhwv5r-0);--plasma-textfield__placeholder-color-readonly:var(--s1yhwv5r-1);--plasma-textfield__left-helper-color-readonly:var(--plasma-select-textfield-left-helper-color);--plasma-textfield__label-color-readonly:var(--plasma-select-textfield-label-color);--plasma-textfield-border-color-readonly:var(--s1yhwv5r-2);--plasma-textfield__placeholder-color:var(--plasma-select-textfield-placeholder-color);--plasma-textfield-border-color-hover:var(--plasma-select-textfield-border-color-hover);--plasma-textfield-border-color-focus:var(--plasma-select-textfield-border-color-focus);--plasma-textfield__optional-color:var(--plasma-select-new-textfield-optional-color);--plasma-textfield-height:var(--plasma-select-textfield-height);--plasma-textfield-border-width:var(--plasma-select-textfield-border-width);--plasma-textfield-border-radius:var(--plasma-select-textfield-border-radius);--plasma-textfield-padding:var(--plasma-select-textfield-padding);--plasma-textfield-padding-with-chips:var(--plasma-select-textfield-padding-with-chips);--plasma-textfield__left-content-margin:var(--plasma-select-textfield-left-content-margin);--plasma-textfield__right-content-margin:var(--plasma-select-textfield-right-content-margin);--plasma-textfield-font-family:var(--plasma-select-textfield-font-family);--plasma-textfield-font-style:var(--plasma-select-textfield-font-style);--plasma-textfield-font-size:var(--plasma-select-textfield-font-size);--plasma-textfield-font-weight:var(--plasma-select-textfield-font-weight);--plasma-textfield-letter-spacing:var(--plasma-select-textfield-letter-spacing);--plasma-textfield-line-height:var(--plasma-select-textfield-line-height);--plasma-textfield-content-slot-color:var(--plasma-select-textfield-content-slot-color);--plasma-textfield-content-slot-color-hover:var(--plasma-select-textfield-content-slot-color-hover);--plasma-textfield-content-slot-color-active:var(--plasma-select-textfield-content-slot-color-active);--plasma-textfield-content-right-slot-color:var(--plasma-select-textfield-content-right-slot-color);--plasma-textfield-content-right-slot-color-hover:var(--plasma-select-textfield-content-right-slot-color-hover);--plasma-textfield-content-right-slot-color-active:var(--plasma-select-textfield-content-right-slot-color-active);--plasma-textfield__label-offset:var(--plasma-select-textfield-label-offset);--plasma-textfield__label-font-family:var(--plasma-select-textfield-label-font-family);--plasma-textfield__label-font-style:var(--plasma-select-textfield-label-font-style);--plasma-textfield__label-font-size:var(--plasma-select-textfield-label-font-size);--plasma-textfield__label-font-weight:var(--plasma-select-textfield-label-font-weight);--plasma-textfield__label-letter-spacing:var(--plasma-select-textfield-label-letter-spacing);--plasma-textfield__label-line-height:var(--plasma-select-textfield-label-line-height);--plasma-textfield-placement_inner__label-font-family:var(--plasma-select-textfield-placement-inner-label-font-family);--plasma-textfield-placement_inner__label-font-style:var(--plasma-select-textfield-placement-inner-label-font-style);--plasma-textfield-placement_inner__label-font-size:var(--plasma-select-textfield-placement-inner-label-font-size);--plasma-textfield-placement_inner__label-font-weight:var(--plasma-select-textfield-placement-inner-label-font-weight);--plasma-textfield-placement_inner__label-letter-spacing:var(--plasma-select-textfield-placement-inner-label-letter-spacing);--plasma-textfield-placement_inner__label-line-height:var(--plasma-select-textfield-placement-inner-label-line-height);--plasma-textfield-placement_inner__label-padding:var(--plasma-select-textfield-placement-inner-label-padding);--plasma-textfield-placement_inner__content-padding:var(--plasma-select-textfield-placement-inner-content-padding);--plasma-textfield__title-caption-color:var(--plasma-select-textfield-title-caption-color);--plasma-textfield__title-caption-label-inner-offset:var(--plasma-select-textfield-title-caption-label-inner-offset);--plasma-textfield__title-caption-font-family:var(--plasma-select-textfield-title-caption-font-family);--plasma-textfield__title-caption-font-style:var(--plasma-select-textfield-title-caption-font-style);--plasma-textfield__title-caption-font-size:var(--plasma-select-textfield-title-caption-font-size);--plasma-textfield__title-caption-font-weight:var(--plasma-select-textfield-title-caption-font-weight);--plasma-textfield__title-caption-letter-spacing:var(--plasma-select-textfield-title-caption-letter-spacing);--plasma-textfield__title-caption-line-height:var(--plasma-select-textfield-title-caption-line-height);--plasma-textfield__left-helper-offset:var(--plasma-select-textfield-left-helper-offset);--plasma-textfield__left-helper-font-family:var(--plasma-select-textfield-left-helper-font-family);--plasma-textfield__left-helper-font-style:var(--plasma-select-textfield-left-helper-font-style);--plasma-textfield__left-helper-font-size:var(--plasma-select-textfield-left-helper-font-size);--plasma-textfield__left-helper-font-weight:var(--plasma-select-textfield-left-helper-font-weight);--plasma-textfield__left-helper-letter-spacing:var(--plasma-select-textfield-left-helper-letter-spacing);--plasma-textfield__left-helper-line-height:var(--plasma-select-textfield-left-helper-line-height);--plasma-textfield__before-text-color:var(--plasma-select-textfield-before-text-color);--plasma-textfield__after-text-color:var(--plasma-select-textfield-after-text-color);--plasma-textfield__before-text-margin:var(--plasma-select-textfield-before-text-margin);--plasma-textfield__after-text-margin:var(--plasma-select-textfield-after-text-margin);--plasma-textfield-disabled-opacity:var(--plasma-select-textfield-disabled-opacity);--plasma-textfield__chip-height:var(--plasma-select-textfield-chip-height);--plasma-textfield__chip-border-radius:var(--plasma-select-textfield-chip-border-radius);--plasma-textfield__chip-gap:var(--plasma-select-textfield-chip-gap);--plasma-textfield__chip-color:var(--plasma-select-textfield-chip-color);--plasma-textfield__chip-color-hover:var(--plasma-select-textfield-chip-color-hover);--plasma-textfield__chip-scale-hover:var(--plasma-select-textfield-chip-scale-hover);--plasma-textfield__chip-background:var(--plasma-select-textfield--chip-background);--plasma-textfield__chip-background-active:var(--plasma-select-textfield-chip-background-active);--plasma-textfield__chip-color-active:var(--plasma-select-textfield-chip-color-active);--plasma-textfield__chip-scale-active:var(--plasma-select-textfield-chip-scale-active);--plasma-textfield__chip-close-icon-color:var(--plasma-select-textfield-chip-close-icons-color);--plasma-textfield__chip-outline-size:var(--plasma-select-textfield-chip-outline-size);--plasma-textfield__chip-width:var(--plasma-select-textfield-chip-width);--plasma-textfield__chip-padding-top:var(--plasma-select-textfield-chip-padding-top);--plasma-textfield__chip-padding-right:var(--plasma-select-textfield-chip-padding-right);--plasma-textfield__chip-padding-bottom:var(--plasma-select-textfield-chip-padding-bottom);--plasma-textfield__chip-padding-left:var(--plasma-select-textfield-chip-padding-left);--plasma-textfield__chip-close-icon-size:var(--plasma-select-textfield-chip-close-icon-size);--plasma-textfield__chip-font-family:var(--plasma-select-textfield-chip-font-family);--plasma-textfield__chip-font-size:var(--plasma-select-textfield-chip-font-size);--plasma-textfield__chip-font-style:var(--plasma-select-textfield-chip-font-style);--plasma-textfield__chip-font-weight:var(--plasma-select-textfield-chip-font-weight);--plasma-textfield__chip-letter-spacing:var(--plasma-select-textfield-chip-letter-spacing);--plasma-textfield__chip-line-height:var(--plasma-select-textfield-chip-line-height);--plasma-textfield__chip-color-readonly:var(--plasma-select-textfield-chip-color);--plasma-textfield__chip-color-readonly-hover:var(--plasma-select-textfield-chip-color);--plasma-textfield__chip-background-readonly:var(--plasma-select-textfield--chip-background);--plasma-textfield__chip-background-readonly-hover:var(--plasma-select-textfield-chip-background-hover);--plasma-textfield__chip-clear-content-margin-left:var(--plasma-select-textfield-chip-clear-content-margin-left);--plasma-textfield__chip-clear-content-margin-right:var(--plasma-select-textfield-chip-clear-content-margin-right);--plasma-textfield__indicator-color:var(--plasma-select-new-textfield-indicator-color);--plasma-textfield__indicator-size-inner:var(--plasma-select-new-textfield-indicator-size-inner);--plasma-textfield__indicator-size-outer:var(--plasma-select-new-textfield-indicator-size-outer);--plasma-textfield__indicator-placement-inner:var(--plasma-select-new-textfield-indicator-placement-inner);--plasma-textfield__indicator-placement-outer:var(--plasma-select-new-textfield-indicator-placement-outer);--plasma-textfield__indicator-placement-inner-right:var(--plasma-select-new-textfield-indicator-placement-inner-right);--plasma-textfield__indicator-placement-outer-right:var(--plasma-select-new-textfield-indicator-placement-outer-right);--plasma-textfield__clear-indicator-placement-inner:var(--plasma-select-new-textfield-clear-indicator-placement-inner);--plasma-textfield__clear-indicator-placement-inner-right: var(--plasma-select-new-textfield-clear-indicator-placement-inner-right);--plasma-textfield__clear-indicator-hint-placement-inner-right:var(--plasma-select-new-textfield-clear-indicator-hint-placement-inner-right);--plasma-textfield-focus-color:var(--plasma-select-textfield-focus-color);}.Textfield_styles_1b7iij0_s1yhwv5r__18547d95 div.Textfield_styles_1b7iij0_inputWrapper__18547d95:focus-within{background-color:var(--plasma-select-textfield-background-color-focus);}
+.Textfield_styles_1b7iij0_i7x5udn__18547d95{line-height:0;color:var(--plasma-select-disclosure-icon-color);cursor:var(--i7x5udn-0);}.Textfield_styles_1b7iij0_i7x5udn__18547d95 .Textfield_styles_1b7iij0_arrowInverse__18547d95{-webkit-transform:rotate(-180deg);-ms-transform:rotate(-180deg);transform:rotate(-180deg);}.Textfield_styles_1b7iij0_i7x5udn__18547d95:hover,.Textfield_styles_1b7iij0_i7x5udn__18547d95:active{color:var(--i7x5udn-1);}
 
 
 .Select_styles_1p5c9p3_upxbau6__28c8cedc{box-sizing:border-box;background:var(--surface-solid-card);box-shadow:0px 4px 14px -4px rgba(8,8,8,0.08),0px 1px 4px -1px rgba(0,0,0,0.04), inset 0 0 0 var(--plasma-select-dropdown-border-width,0rem) var(--plasma-select-dropdown-border-color,transparent);border-radius:var(--plasma-select-border-radius);width:var(--upxbau6-0);height:var(--upxbau6-1);overflow:var(--upxbau6-2);margin:var(--upxbau6-3);padding:calc(var(--plasma-select-padding) + var(--plasma-select-dropdown-border-width,0rem)) 0;}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@salutejs/plasma-new-hope",
-  "version": "0.195.0-canary.1574.11921374356.0",
+  "version": "0.195.1-canary.1561.11932328624.0",
   "description": "Salute Design System blueprint",
   "main": "cjs/index.js",
   "module": "es/index.js",
@@ -129,5 +129,5 @@
   "sideEffects": [
     "*.css"
   ],
-  "gitHead": "d0e340c915c2557d0132f2014c6b3e2660f6226f"
+  "gitHead": "ecbd49fde2f48e29a8260ea8377d65f55bad5458"
 }

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

@@ -13,7 +13,7 @@ var _focusedReducer = /*#__PURE__*/require("./reducers/focusedReducer");
 var _ui = /*#__PURE__*/require("./ui");
 var _Autocomplete = /*#__PURE__*/require("./Autocomplete.styles");
 var _useKeyboardNavigation = /*#__PURE__*/require("./hooks/useKeyboardNavigation");
-var _excluded = ["value", "defaultValue", "onChange", "suggestions", "view", "size", "labelPlacement", "disabled", "readOnly", "label", "leftHelper", "contentLeft", "contentRight", "textBefore", "textAfter", "onScroll", "listMaxHeight", "listWidth", "portal", "filter", "onSuggestionSelect", "threshold", "renderList", "renderListEnd", "onSearch", "hintText"];
+var _excluded = ["value", "onChange", "suggestions", "view", "size", "labelPlacement", "disabled", "readOnly", "label", "leftHelper", "contentLeft", "contentRight", "textBefore", "textAfter", "onScroll", "listMaxHeight", "listWidth", "portal", "filter", "onSuggestionSelect", "threshold", "renderList", "renderListEnd", "onSearch", "hintText"];
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
@@ -31,7 +31,6 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 var autocompleteRoot = exports.autocompleteRoot = function autocompleteRoot(Root) {
   return /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
     var outerValue = _ref.value,
-      defaultValue = _ref.defaultValue,
       onChange = _ref.onChange,
       suggestions = _ref.suggestions,
       view = _ref.view,
@@ -119,11 +118,6 @@ var autocompleteRoot = exports.autocompleteRoot = function autocompleteRoot(Root
         type: 'reset'
       });
     }, [value]);
-    (0, _hooks.useDidMountEffect)(function () {
-      if (defaultValue) {
-        setInnerValue(defaultValue);
-      }
-    }, [defaultValue]);
     return /*#__PURE__*/_react["default"].createElement(Root, {
       view: view,
       size: size,

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

@@ -14,7 +14,7 @@ var _base4 = /*#__PURE__*/require("./variations/_transparent/base");
 var _base5 = /*#__PURE__*/require("./variations/_clear/base");
 var _Badge = /*#__PURE__*/require("./Badge.styles");
 var _Badge2 = /*#__PURE__*/require("./Badge.tokens");
-var _excluded = ["children", "className", "text", "contentLeft", "contentRight", "size", "view", "pilled", "transparent", "clear", "maxWidth"];
+var _excluded = ["children", "className", "style", "text", "contentLeft", "contentRight", "size", "view", "customColor", "customBackgroundColor", "pilled", "transparent", "clear", "maxWidth"];
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
@@ -27,13 +27,17 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 var badgeRoot = exports.badgeRoot = function badgeRoot(Root) {
   return /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
+    var _StyledContentLeft, _StyledContentMain, _StyledContentMain2, _StyledContentRight;
     var children = props.children,
       className = props.className,
+      style = props.style,
       text = props.text,
       contentLeft = props.contentLeft,
       contentRight = props.contentRight,
       size = props.size,
       view = props.view,
+      customColor = props.customColor,
+      customBackgroundColor = props.customBackgroundColor,
       _props$pilled = props.pilled,
       pilled = _props$pilled === void 0 ? false : _props$pilled,
       _props$transparent = props.transparent,
@@ -48,19 +52,25 @@ var badgeRoot = exports.badgeRoot = function badgeRoot(Root) {
     var clearClass = clear ? _Badge2.classes.badgeClear : undefined;
     var truncateClass = maxWidth !== 'auto' ? _Badge2.classes.badgeTruncate : undefined;
     var txt = !text && typeof children === 'string' ? children : text;
+    var iconOnlyClass = !txt && contentLeft ? _Badge2.classes.iconOnly : undefined;
+    var BadgeContent = function BadgeContent() {
+      if (contentLeft) {
+        return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, _StyledContentLeft || (_StyledContentLeft = /*#__PURE__*/_react["default"].createElement(_Badge.StyledContentLeft, null, contentLeft)), txt ? _StyledContentMain || (_StyledContentMain = /*#__PURE__*/_react["default"].createElement(_Badge.StyledContentMain, null, txt)) : children);
+      }
+      return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, txt ? _StyledContentMain2 || (_StyledContentMain2 = /*#__PURE__*/_react["default"].createElement(_Badge.StyledContentMain, null, txt)) : children, contentRight && (_StyledContentRight || (_StyledContentRight = /*#__PURE__*/_react["default"].createElement(_Badge.StyledContentRight, null, contentRight))));
+    };
     return /*#__PURE__*/_react["default"].createElement(Root, _extends({
       ref: ref,
-      className: (0, _utils.cx)(pilledClass, transparentClass, clearClass, truncateClass, className),
+      className: (0, _utils.cx)(pilledClass, transparentClass, clearClass, truncateClass, iconOnlyClass, className),
       view: view,
       size: size,
       pilled: pilled,
       transparent: transparent,
-      clear: clear
-    }, rest, {
-      style: _objectSpread(_objectSpread({}, rest.style), {}, {
+      clear: clear,
+      style: _objectSpread(_objectSpread({}, style), {}, _defineProperty(_defineProperty({
         maxWidth: maxWidth
-      })
-    }), contentLeft && /*#__PURE__*/_react["default"].createElement(_Badge.StyledContentLeft, null, contentLeft), txt ? /*#__PURE__*/_react["default"].createElement(_Badge.StyledContentMain, null, txt) : children, contentRight && /*#__PURE__*/_react["default"].createElement(_Badge.StyledContentRight, null, contentRight));
+      }, _Badge2.privateTokens.customBackground, customBackgroundColor), _Badge2.privateTokens.customColor, customColor))
+    }, rest), /*#__PURE__*/_react["default"].createElement(BadgeContent, null));
   });
 };
 var badgeConfig = exports.badgeConfig = {