@salutejs/plasma-new-hope 0.344.0-canary.2385.20066731872.0 → 0.344.0-canary.2386.20129801985.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (77) hide show
  1. package/cjs/components/Autocomplete/Autocomplete.css +1 -1
  2. package/cjs/components/Button/Button.js +2 -0
  3. package/cjs/components/Button/Button.js.map +1 -1
  4. package/cjs/components/Combobox/ComboboxNew/Combobox.css +1 -1
  5. package/cjs/components/DatePicker/RangeDate/RangeDate.css +1 -1
  6. package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +1 -1
  7. package/cjs/components/DatePicker/SingleDate/SingleDate.css +1 -1
  8. package/cjs/components/DateTimePicker/DateTimePicker.css +1 -1
  9. package/cjs/components/DateTimePicker/ui/Input/Input.css +1 -1
  10. package/cjs/components/Mask/Mask.js.map +1 -1
  11. package/cjs/components/NumberFormat/NumberFormat.js.map +1 -1
  12. package/cjs/components/Pagination/Pagination.css +1 -1
  13. package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +1 -1
  14. package/cjs/components/Range/Range.css +1 -1
  15. package/cjs/components/Range/Range.js +2 -0
  16. package/cjs/components/Range/Range.js.map +1 -1
  17. package/cjs/components/Select/Select.css +1 -1
  18. package/cjs/components/Select/ui/Target/Target.css +1 -1
  19. package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.css +1 -1
  20. package/cjs/components/Slider/Slider.css +1 -1
  21. package/cjs/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.css +1 -1
  22. package/cjs/components/Table/Table.css +1 -1
  23. package/cjs/components/Table/ui/Cell/Cell.css +1 -1
  24. package/cjs/components/Table/ui/EditableCell/EditableCell.css +1 -1
  25. package/cjs/components/Table/ui/HeadCell/HeadCell.css +1 -1
  26. package/cjs/components/Table/ui/HeadCell/ui/Filter/Filter.css +1 -1
  27. package/cjs/components/TextField/variations/_label-placement/base.js +1 -1
  28. package/cjs/components/TextField/variations/_label-placement/base.js.map +1 -1
  29. package/cjs/components/TextField/variations/_label-placement/{base_o4xjq1.css → base_1m5chvs.css} +1 -1
  30. package/cjs/components/TimePicker/TimePicker.css +1 -1
  31. package/cjs/index.css +1 -1
  32. package/emotion/cjs/components/TextField/variations/_label-placement/base.js +1 -1
  33. package/emotion/es/components/Button/Button.js +1 -0
  34. package/emotion/es/components/Range/Range.js +1 -0
  35. package/emotion/es/components/TextField/variations/_label-placement/base.js +1 -1
  36. package/es/components/Autocomplete/Autocomplete.css +1 -1
  37. package/es/components/Button/Button.js +2 -0
  38. package/es/components/Button/Button.js.map +1 -1
  39. package/es/components/Combobox/ComboboxNew/Combobox.css +1 -1
  40. package/es/components/DatePicker/RangeDate/RangeDate.css +1 -1
  41. package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +1 -1
  42. package/es/components/DatePicker/SingleDate/SingleDate.css +1 -1
  43. package/es/components/DateTimePicker/DateTimePicker.css +1 -1
  44. package/es/components/DateTimePicker/ui/Input/Input.css +1 -1
  45. package/es/components/Mask/Mask.js.map +1 -1
  46. package/es/components/NumberFormat/NumberFormat.js.map +1 -1
  47. package/es/components/Pagination/Pagination.css +1 -1
  48. package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +1 -1
  49. package/es/components/Range/Range.css +1 -1
  50. package/es/components/Range/Range.js +2 -0
  51. package/es/components/Range/Range.js.map +1 -1
  52. package/es/components/Select/Select.css +1 -1
  53. package/es/components/Select/ui/Target/Target.css +1 -1
  54. package/es/components/Select/ui/Target/ui/Textfield/Textfield.css +1 -1
  55. package/es/components/Slider/Slider.css +1 -1
  56. package/es/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.css +1 -1
  57. package/es/components/Table/Table.css +1 -1
  58. package/es/components/Table/ui/Cell/Cell.css +1 -1
  59. package/es/components/Table/ui/EditableCell/EditableCell.css +1 -1
  60. package/es/components/Table/ui/HeadCell/HeadCell.css +1 -1
  61. package/es/components/Table/ui/HeadCell/ui/Filter/Filter.css +1 -1
  62. package/es/components/TextField/variations/_label-placement/base.js +1 -1
  63. package/es/components/TextField/variations/_label-placement/base.js.map +1 -1
  64. package/es/components/TextField/variations/_label-placement/{base_o4xjq1.css → base_1m5chvs.css} +1 -1
  65. package/es/components/TimePicker/TimePicker.css +1 -1
  66. package/es/index.css +1 -1
  67. package/package.json +5 -5
  68. package/styled-components/cjs/components/TextField/variations/_label-placement/base.js +2 -1
  69. package/styled-components/es/components/Button/Button.js +1 -0
  70. package/styled-components/es/components/Range/Range.js +1 -0
  71. package/styled-components/es/components/TextField/variations/_label-placement/base.js +2 -1
  72. package/types/components/Button/Button.d.ts.map +1 -1
  73. package/types/components/Mask/Mask.d.ts +2 -2
  74. package/types/components/Mask/Mask.d.ts.map +1 -1
  75. package/types/components/NumberFormat/NumberFormat.d.ts +2 -2
  76. package/types/components/NumberFormat/NumberFormat.d.ts.map +1 -1
  77. package/types/components/Range/Range.d.ts.map +1 -1
@@ -6,7 +6,7 @@
6
6
 
7
7
  .base_2lss3j_b1w985rt__6ded9a23[readonly] .base_2lss3j_iq39zt5__6ded9a23{position:relative;z-index:0;color:var(--plasma-textfield-color-readonly);background:transparent;box-shadow:none;}.base_2lss3j_b1w985rt__6ded9a23[readonly] .base_2lss3j_iq39zt5__6ded9a23:before{position:absolute;content:'';top:0;left:0;right:0;bottom:0;border-radius:var(--plasma-textfield-border-radius);background-color:var(--plasma-textfield-bg-color-readonly);opacity:var(--plasma-textfield-readonly-opacity);box-shadow:inset 0 0 0 var(--plasma-textfield-border-width) var(--plasma-textfield-border-color-readonly);z-index:-1;}.base_2lss3j_b1w985rt__6ded9a23[readonly] .base_2lss3j_iq39zt5__6ded9a23:hover{background-color:transparent;}.base_2lss3j_b1w985rt__6ded9a23[readonly].base_2lss3j_textfieldHasDivider__6ded9a23 .base_2lss3j_iq39zt5__6ded9a23:before{background-color:var(--plasma-textfield-divider-color-readonly);}.base_2lss3j_b1w985rt__6ded9a23[readonly] .base_2lss3j_iq39zt5__6ded9a23:focus-within .base_2lss3j_i19ry60d__6ded9a23,.base_2lss3j_b1w985rt__6ded9a23[readonly] .base_2lss3j_i19ry60d__6ded9a23{color:var(--plasma-textfield__placeholder-color-readonly);}.base_2lss3j_b1w985rt__6ded9a23[readonly] .base_2lss3j_io4bpie__6ded9a23{color:var(--plasma-textfield-color-readonly);cursor:default;min-width:unset;}.base_2lss3j_b1w985rt__6ded9a23[readonly] .base_2lss3j_t600610__6ded9a23{color:var(--plasma-textfield__title-caption-color-readonly);}.base_2lss3j_b1w985rt__6ded9a23[readonly] .base_2lss3j_l7hnwwb__6ded9a23{color:var(--plasma-textfield__left-helper-color-readonly);}.base_2lss3j_b1w985rt__6ded9a23[readonly] .base_2lss3j_ssv2kwg__6ded9a23:hover{color:var(--private_content-slot-color);}.base_2lss3j_b1w985rt__6ded9a23[readonly] .base_2lss3j_sb3k3v1__6ded9a23{opacity:var(--plasma-textfield-right-content-opacity-readonly);}.base_2lss3j_b1w985rt__6ded9a23[readonly] .base_2lss3j_sb3k3v1__6ded9a23:hover,.base_2lss3j_b1w985rt__6ded9a23[readonly] .base_2lss3j_sb3k3v1__6ded9a23:active{cursor:default;color:var(--plasma-textfield-content-right-slot-color,var(--plasma-textfield-content-slot-color));}.base_2lss3j_b1w985rt__6ded9a23[readonly].base_2lss3j_labelPlacementOuter__6ded9a23 .base_2lss3j_l1gjsnfi__6ded9a23{color:var(--plasma-textfield__label-color-readonly);}
8
8
 
9
- .base_o4xjq1_b15d3bnf__bf782b1b.base_o4xjq1_labelPlacementOuter__bf782b1b .base_o4xjq1_l1gjsnfi__bf782b1b{position:relative;display:inline-block;color:var(--plasma-textfield__label-color);}.base_o4xjq1_b15d3bnf__bf782b1b.base_o4xjq1_labelPlacementInner__bf782b1b .base_o4xjq1_i13qvwoy__bf782b1b{padding:var(--plasma-textfield-placement_inner__content-padding);}.base_o4xjq1_b15d3bnf__bf782b1b.base_o4xjq1_labelPlacementInner__bf782b1b .base_o4xjq1_io4bpie__bf782b1b:not(.base_o4xjq1_textfieldReadonlyInput__bf782b1b):focus ~ .base_o4xjq1_l1gjsnfi__bf782b1b,.base_o4xjq1_b15d3bnf__bf782b1b.base_o4xjq1_labelPlacementInner__bf782b1b .base_o4xjq1_io4bpie__bf782b1b.base_o4xjq1_hasValue__bf782b1b ~ .base_o4xjq1_l1gjsnfi__bf782b1b,.base_o4xjq1_b15d3bnf__bf782b1b.base_o4xjq1_labelPlacementInner__bf782b1b .base_o4xjq1_io4bpie__bf782b1b.base_o4xjq1_keepPlaceholder__bf782b1b ~ .base_o4xjq1_l1gjsnfi__bf782b1b{color:var(--plasma-textfield__placeholder-color);-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;padding:var(--plasma-textfield-placement_inner__label-padding);font-family:var(--plasma-textfield-placement_inner__label-font-family);font-size:var(--plasma-textfield-placement_inner__label-font-size);font-style:var(--plasma-textfield-placement_inner__label-font-style);font-weight:var(--plasma-textfield-placement_inner__label-font-weight);-webkit-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);-moz-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);-ms-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);line-height:var(--plasma-textfield-placement_inner__label-line-height);}.base_o4xjq1_b15d3bnf__bf782b1b.base_o4xjq1_labelPlacementInner__bf782b1b .base_o4xjq1_l1gjsnfi__bf782b1b{color:var(--plasma-textfield__placeholder-color);pointer-events:none;position:absolute;top:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;height:100%;width:100%;}.base_o4xjq1_b15d3bnf__bf782b1b.base_o4xjq1_labelPlacementInner__bf782b1b.base_o4xjq1_textfieldHasHint__bf782b1b .base_o4xjq1_s9w7nf8__bf782b1b.base_o4xjq1_labelPlacementInner__bf782b1b.base_o4xjq1_requiredAlignRight__bf782b1b{inset:var(--plasma-textfield__clear-indicator-hint-placement-inner-right);}
9
+ .base_1m5chvs_b15d3bnf__ff61de1c.base_1m5chvs_labelPlacementOuter__ff61de1c .base_1m5chvs_l1gjsnfi__ff61de1c{position:relative;display:inline-block;color:var(--plasma-textfield__label-color);}.base_1m5chvs_b15d3bnf__ff61de1c.base_1m5chvs_labelPlacementInner__ff61de1c .base_1m5chvs_i13qvwoy__ff61de1c{padding:var(--plasma-textfield-placement_inner__content-padding);}.base_1m5chvs_b15d3bnf__ff61de1c.base_1m5chvs_labelPlacementInner__ff61de1c .base_1m5chvs_io4bpie__ff61de1c:not(.base_1m5chvs_textfieldReadonlyInput__ff61de1c):focus ~ .base_1m5chvs_l1gjsnfi__ff61de1c,.base_1m5chvs_b15d3bnf__ff61de1c.base_1m5chvs_labelPlacementInner__ff61de1c .base_1m5chvs_io4bpie__ff61de1c.base_1m5chvs_hasValue__ff61de1c ~ .base_1m5chvs_l1gjsnfi__ff61de1c,.base_1m5chvs_b15d3bnf__ff61de1c.base_1m5chvs_labelPlacementInner__ff61de1c .base_1m5chvs_io4bpie__ff61de1c.base_1m5chvs_keepPlaceholder__ff61de1c ~ .base_1m5chvs_l1gjsnfi__ff61de1c{color:var(--plasma-textfield__placeholder-color);-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;padding:var(--plasma-textfield-placement_inner__label-padding);font-family:var(--plasma-textfield-placement_inner__label-font-family);font-size:var(--plasma-textfield-placement_inner__label-font-size);font-style:var(--plasma-textfield-placement_inner__label-font-style);font-weight:var(--plasma-textfield-placement_inner__label-font-weight);-webkit-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);-moz-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);-ms-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);line-height:var(--plasma-textfield-placement_inner__label-line-height);}.base_1m5chvs_b15d3bnf__ff61de1c.base_1m5chvs_labelPlacementInner__ff61de1c .base_1m5chvs_l1gjsnfi__ff61de1c{color:var(--plasma-textfield__placeholder-color);pointer-events:none;position:absolute;top:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;height:100%;width:100%;}.base_1m5chvs_b15d3bnf__ff61de1c.base_1m5chvs_labelPlacementInner__ff61de1c.base_1m5chvs_textfieldHasHint__ff61de1c.base_1m5chvs_textfieldClear__ff61de1c .base_1m5chvs_s9w7nf8__ff61de1c.base_1m5chvs_labelPlacementInner__ff61de1c.base_1m5chvs_requiredAlignRight__ff61de1c{inset:var(--plasma-textfield__clear-indicator-hint-placement-inner-right);}
10
10
 
11
11
  .base_7yx5d1_bbsd6t5__2df10b77 .base_7yx5d1_h8yezh4__2df10b77{--plasma-tooltip-background-color:var(--plasma-textfield__tooltip-background-color);--plasma-tooltip-box-shadow:var(--plasma-textfield__tooltip-box-shadow);--plasma-tooltip-color:var(--plasma-textfield__tooltip-color);}
12
12
 
@@ -23,6 +23,8 @@ var cls__default = /*#__PURE__*/_interopDefault(cls);
23
23
 
24
24
  var _StyledSpinner;
25
25
  var _excluded = ["children", "view", "size", "text", "value", "contentLeft", "contentRight", "contentPlacing", "isLoading", "loader", "stretch", "square", "pin", "disabled", "focused", "outlined", "className", "blur", "style", "stretching", "additionalContent"];
26
+
27
+ // changes to run tests
26
28
  var buttonRoot = function buttonRoot(Root) {
27
29
  return /*#__PURE__*/React.forwardRef(function (props, ref) {
28
30
  var children = props.children,
@@ -1 +1 @@
1
- {"version":3,"file":"Button.js","sources":["../../../src/components/Button/Button.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport type { CSSProperties } from 'react';\nimport cls from 'classnames';\n\nimport type { RootProps } from '../../engines';\nimport { convertRoundnessMatrix } from '../../utils/roundness';\nimport { cx } from '../../utils';\n\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as disabledCSS } from './variations/_disabled/base';\nimport { base as focusedCSS } from './variations/_focused/base';\nimport { base as stretchingCSS } from './variations/_stretching/base';\nimport { base as blurredCSS } from './variations/_blurred/base';\nimport type { ButtonProps, ContentPlacementMapper } from './Button.types';\nimport {\n base,\n ButtonText,\n ButtonValue,\n Loader,\n LoadWrap,\n StyledAdditionalContent,\n StyledContentLeft,\n StyledContentRight,\n StyledSpinner,\n} from './Button.styles';\nimport { classes, tokens } from './Button.tokens';\n\nexport const buttonRoot = (Root: RootProps<HTMLButtonElement, ButtonProps>) =>\n forwardRef<HTMLButtonElement, ButtonProps>((props, ref) => {\n const {\n children,\n view,\n size,\n text,\n value,\n contentLeft,\n contentRight,\n contentPlacing = 'default',\n isLoading,\n loader,\n stretch,\n square,\n pin,\n disabled,\n focused,\n outlined,\n className,\n blur,\n style,\n stretching = 'auto',\n additionalContent,\n ...rest\n } = props;\n\n const txt = typeof children === 'string' ? children : text;\n const hasRightContentMargin = Boolean(children || txt || value || contentRight);\n const hasLeftContentMargin = Boolean(contentLeft ? contentLeft && (txt || value) : txt || value);\n\n const stretchingClass = stretch\n ? classes.filledStretching\n : classes[`${stretching}Stretching` as keyof typeof classes];\n const contentRelaxedClass = contentPlacing === 'relaxed' ? classes.contentRelaxed : undefined;\n const squareClass = square ? classes.buttonSquare : undefined;\n const isLoadingClass = isLoading ? classes.buttonLoading : undefined;\n const buttonBorderRadius = pin\n ? convertRoundnessMatrix(pin, `var(${tokens.buttonRadius})`, `var(${tokens.buttonHeight})`)\n : `var(${tokens.buttonRadius}, calc(var(${tokens.buttonHeight}) / 4))`;\n\n const contentPlacingMapper: ContentPlacementMapper = {\n default: 'center',\n relaxed: 'space-between',\n };\n\n const contentPlacementValue = contentPlacing ? contentPlacingMapper[contentPlacing] : 'center';\n\n return (\n <Root\n type=\"button\"\n ref={ref}\n view={view}\n size={size}\n value={value}\n disabled={disabled}\n focused={focused || outlined}\n className={cx(squareClass, stretchingClass, classes.buttonItem, isLoadingClass, className)}\n style={\n {\n ...style,\n '--plasma_computed-btn-br': buttonBorderRadius,\n '--plasma_private-blur': blur,\n } as CSSProperties\n }\n {...rest}\n >\n <LoadWrap contentPlacing={contentPlacementValue} isLoading={isLoading}>\n {contentLeft && (\n <StyledContentLeft hasContentMargin={hasRightContentMargin}>{contentLeft}</StyledContentLeft>\n )}\n {txt ? (\n <ButtonText className={!additionalContent ? contentRelaxedClass : ''}>{txt}</ButtonText>\n ) : (\n children\n )}\n {additionalContent && (\n <StyledAdditionalContent\n className={cls(contentRelaxedClass, {\n [classes.buttonHasValue]: Boolean(value),\n })}\n >\n {additionalContent}\n </StyledAdditionalContent>\n )}\n {value && <ButtonValue>{value}</ButtonValue>}\n {contentRight && (\n <StyledContentRight hasContentMargin={hasLeftContentMargin}>{contentRight}</StyledContentRight>\n )}\n </LoadWrap>\n {isLoading && <Loader>{loader || <StyledSpinner />}</Loader>}\n </Root>\n );\n });\n\nexport const buttonConfig = {\n name: 'Button',\n tag: 'button',\n layout: buttonRoot,\n base,\n variations: {\n view: {\n css: viewCSS,\n },\n size: {\n css: sizeCSS,\n },\n disabled: {\n css: disabledCSS,\n attrs: true,\n },\n focused: {\n css: focusedCSS,\n // TODO: isLoading => disabled\n },\n blurred: {\n css: blurredCSS,\n },\n stretching: {\n css: stretchingCSS,\n },\n },\n defaults: {\n view: 'secondary',\n size: 'm',\n stretching: 'auto',\n },\n};\n"],"names":["buttonRoot","Root","forwardRef","props","ref","children","view","size","text","value","contentLeft","contentRight","_props$contentPlacing","contentPlacing","isLoading","loader","stretch","square","pin","disabled","focused","outlined","className","blur","style","_props$stretching","stretching","additionalContent","rest","_objectWithoutProperties","_excluded","txt","hasRightContentMargin","Boolean","hasLeftContentMargin","stretchingClass","classes","filledStretching","concat","contentRelaxedClass","contentRelaxed","undefined","squareClass","buttonSquare","isLoadingClass","buttonLoading","buttonBorderRadius","convertRoundnessMatrix","tokens","buttonRadius","buttonHeight","contentPlacingMapper","relaxed","contentPlacementValue","React","createElement","_extends","type","cx","buttonItem","_objectSpread","LoadWrap","StyledContentLeft","hasContentMargin","ButtonText","StyledAdditionalContent","cls","_defineProperty","buttonHasValue","ButtonValue","StyledContentRight","Loader","_StyledSpinner","StyledSpinner","buttonConfig","name","tag","layout","base","variations","css","viewCSS","sizeCSS","disabledCSS","attrs","focusedCSS","blurred","blurredCSS","stretchingCSS","defaults"],"mappings":"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"}
1
+ {"version":3,"file":"Button.js","sources":["../../../src/components/Button/Button.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport type { CSSProperties } from 'react';\nimport cls from 'classnames';\n\nimport type { RootProps } from '../../engines';\nimport { convertRoundnessMatrix } from '../../utils/roundness';\nimport { cx } from '../../utils';\n\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as disabledCSS } from './variations/_disabled/base';\nimport { base as focusedCSS } from './variations/_focused/base';\nimport { base as stretchingCSS } from './variations/_stretching/base';\nimport { base as blurredCSS } from './variations/_blurred/base';\nimport type { ButtonProps, ContentPlacementMapper } from './Button.types';\nimport {\n base,\n ButtonText,\n ButtonValue,\n Loader,\n LoadWrap,\n StyledAdditionalContent,\n StyledContentLeft,\n StyledContentRight,\n StyledSpinner,\n} from './Button.styles';\nimport { classes, tokens } from './Button.tokens';\n\n// changes to run tests\nexport const buttonRoot = (Root: RootProps<HTMLButtonElement, ButtonProps>) =>\n forwardRef<HTMLButtonElement, ButtonProps>((props, ref) => {\n const {\n children,\n view,\n size,\n text,\n value,\n contentLeft,\n contentRight,\n contentPlacing = 'default',\n isLoading,\n loader,\n stretch,\n square,\n pin,\n disabled,\n focused,\n outlined,\n className,\n blur,\n style,\n stretching = 'auto',\n additionalContent,\n ...rest\n } = props;\n\n const txt = typeof children === 'string' ? children : text;\n const hasRightContentMargin = Boolean(children || txt || value || contentRight);\n const hasLeftContentMargin = Boolean(contentLeft ? contentLeft && (txt || value) : txt || value);\n\n const stretchingClass = stretch\n ? classes.filledStretching\n : classes[`${stretching}Stretching` as keyof typeof classes];\n const contentRelaxedClass = contentPlacing === 'relaxed' ? classes.contentRelaxed : undefined;\n const squareClass = square ? classes.buttonSquare : undefined;\n const isLoadingClass = isLoading ? classes.buttonLoading : undefined;\n const buttonBorderRadius = pin\n ? convertRoundnessMatrix(pin, `var(${tokens.buttonRadius})`, `var(${tokens.buttonHeight})`)\n : `var(${tokens.buttonRadius}, calc(var(${tokens.buttonHeight}) / 4))`;\n\n const contentPlacingMapper: ContentPlacementMapper = {\n default: 'center',\n relaxed: 'space-between',\n };\n\n const contentPlacementValue = contentPlacing ? contentPlacingMapper[contentPlacing] : 'center';\n\n return (\n <Root\n type=\"button\"\n ref={ref}\n view={view}\n size={size}\n value={value}\n disabled={disabled}\n focused={focused || outlined}\n className={cx(squareClass, stretchingClass, classes.buttonItem, isLoadingClass, className)}\n style={\n {\n ...style,\n '--plasma_computed-btn-br': buttonBorderRadius,\n '--plasma_private-blur': blur,\n } as CSSProperties\n }\n {...rest}\n >\n <LoadWrap contentPlacing={contentPlacementValue} isLoading={isLoading}>\n {contentLeft && (\n <StyledContentLeft hasContentMargin={hasRightContentMargin}>{contentLeft}</StyledContentLeft>\n )}\n {txt ? (\n <ButtonText className={!additionalContent ? contentRelaxedClass : ''}>{txt}</ButtonText>\n ) : (\n children\n )}\n {additionalContent && (\n <StyledAdditionalContent\n className={cls(contentRelaxedClass, {\n [classes.buttonHasValue]: Boolean(value),\n })}\n >\n {additionalContent}\n </StyledAdditionalContent>\n )}\n {value && <ButtonValue>{value}</ButtonValue>}\n {contentRight && (\n <StyledContentRight hasContentMargin={hasLeftContentMargin}>{contentRight}</StyledContentRight>\n )}\n </LoadWrap>\n {isLoading && <Loader>{loader || <StyledSpinner />}</Loader>}\n </Root>\n );\n });\n\nexport const buttonConfig = {\n name: 'Button',\n tag: 'button',\n layout: buttonRoot,\n base,\n variations: {\n view: {\n css: viewCSS,\n },\n size: {\n css: sizeCSS,\n },\n disabled: {\n css: disabledCSS,\n attrs: true,\n },\n focused: {\n css: focusedCSS,\n // TODO: isLoading => disabled\n },\n blurred: {\n css: blurredCSS,\n },\n stretching: {\n css: stretchingCSS,\n },\n },\n defaults: {\n view: 'secondary',\n size: 'm',\n stretching: 'auto',\n },\n};\n"],"names":["buttonRoot","Root","forwardRef","props","ref","children","view","size","text","value","contentLeft","contentRight","_props$contentPlacing","contentPlacing","isLoading","loader","stretch","square","pin","disabled","focused","outlined","className","blur","style","_props$stretching","stretching","additionalContent","rest","_objectWithoutProperties","_excluded","txt","hasRightContentMargin","Boolean","hasLeftContentMargin","stretchingClass","classes","filledStretching","concat","contentRelaxedClass","contentRelaxed","undefined","squareClass","buttonSquare","isLoadingClass","buttonLoading","buttonBorderRadius","convertRoundnessMatrix","tokens","buttonRadius","buttonHeight","contentPlacingMapper","relaxed","contentPlacementValue","React","createElement","_extends","type","cx","buttonItem","_objectSpread","LoadWrap","StyledContentLeft","hasContentMargin","ButtonText","StyledAdditionalContent","cls","_defineProperty","buttonHasValue","ButtonValue","StyledContentRight","Loader","_StyledSpinner","StyledSpinner","buttonConfig","name","tag","layout","base","variations","css","viewCSS","sizeCSS","disabledCSS","attrs","focusedCSS","blurred","blurredCSS","stretchingCSS","defaults"],"mappings":"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"}
@@ -6,7 +6,7 @@
6
6
 
7
7
  .base_2lss3j_b1w985rt__6ded9a23[readonly] .base_2lss3j_iq39zt5__6ded9a23{position:relative;z-index:0;color:var(--plasma-textfield-color-readonly);background:transparent;box-shadow:none;}.base_2lss3j_b1w985rt__6ded9a23[readonly] .base_2lss3j_iq39zt5__6ded9a23:before{position:absolute;content:'';top:0;left:0;right:0;bottom:0;border-radius:var(--plasma-textfield-border-radius);background-color:var(--plasma-textfield-bg-color-readonly);opacity:var(--plasma-textfield-readonly-opacity);box-shadow:inset 0 0 0 var(--plasma-textfield-border-width) var(--plasma-textfield-border-color-readonly);z-index:-1;}.base_2lss3j_b1w985rt__6ded9a23[readonly] .base_2lss3j_iq39zt5__6ded9a23:hover{background-color:transparent;}.base_2lss3j_b1w985rt__6ded9a23[readonly].base_2lss3j_textfieldHasDivider__6ded9a23 .base_2lss3j_iq39zt5__6ded9a23:before{background-color:var(--plasma-textfield-divider-color-readonly);}.base_2lss3j_b1w985rt__6ded9a23[readonly] .base_2lss3j_iq39zt5__6ded9a23:focus-within .base_2lss3j_i19ry60d__6ded9a23,.base_2lss3j_b1w985rt__6ded9a23[readonly] .base_2lss3j_i19ry60d__6ded9a23{color:var(--plasma-textfield__placeholder-color-readonly);}.base_2lss3j_b1w985rt__6ded9a23[readonly] .base_2lss3j_io4bpie__6ded9a23{color:var(--plasma-textfield-color-readonly);cursor:default;min-width:unset;}.base_2lss3j_b1w985rt__6ded9a23[readonly] .base_2lss3j_t600610__6ded9a23{color:var(--plasma-textfield__title-caption-color-readonly);}.base_2lss3j_b1w985rt__6ded9a23[readonly] .base_2lss3j_l7hnwwb__6ded9a23{color:var(--plasma-textfield__left-helper-color-readonly);}.base_2lss3j_b1w985rt__6ded9a23[readonly] .base_2lss3j_ssv2kwg__6ded9a23:hover{color:var(--private_content-slot-color);}.base_2lss3j_b1w985rt__6ded9a23[readonly] .base_2lss3j_sb3k3v1__6ded9a23{opacity:var(--plasma-textfield-right-content-opacity-readonly);}.base_2lss3j_b1w985rt__6ded9a23[readonly] .base_2lss3j_sb3k3v1__6ded9a23:hover,.base_2lss3j_b1w985rt__6ded9a23[readonly] .base_2lss3j_sb3k3v1__6ded9a23:active{cursor:default;color:var(--plasma-textfield-content-right-slot-color,var(--plasma-textfield-content-slot-color));}.base_2lss3j_b1w985rt__6ded9a23[readonly].base_2lss3j_labelPlacementOuter__6ded9a23 .base_2lss3j_l1gjsnfi__6ded9a23{color:var(--plasma-textfield__label-color-readonly);}
8
8
 
9
- .base_o4xjq1_b15d3bnf__bf782b1b.base_o4xjq1_labelPlacementOuter__bf782b1b .base_o4xjq1_l1gjsnfi__bf782b1b{position:relative;display:inline-block;color:var(--plasma-textfield__label-color);}.base_o4xjq1_b15d3bnf__bf782b1b.base_o4xjq1_labelPlacementInner__bf782b1b .base_o4xjq1_i13qvwoy__bf782b1b{padding:var(--plasma-textfield-placement_inner__content-padding);}.base_o4xjq1_b15d3bnf__bf782b1b.base_o4xjq1_labelPlacementInner__bf782b1b .base_o4xjq1_io4bpie__bf782b1b:not(.base_o4xjq1_textfieldReadonlyInput__bf782b1b):focus ~ .base_o4xjq1_l1gjsnfi__bf782b1b,.base_o4xjq1_b15d3bnf__bf782b1b.base_o4xjq1_labelPlacementInner__bf782b1b .base_o4xjq1_io4bpie__bf782b1b.base_o4xjq1_hasValue__bf782b1b ~ .base_o4xjq1_l1gjsnfi__bf782b1b,.base_o4xjq1_b15d3bnf__bf782b1b.base_o4xjq1_labelPlacementInner__bf782b1b .base_o4xjq1_io4bpie__bf782b1b.base_o4xjq1_keepPlaceholder__bf782b1b ~ .base_o4xjq1_l1gjsnfi__bf782b1b{color:var(--plasma-textfield__placeholder-color);-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;padding:var(--plasma-textfield-placement_inner__label-padding);font-family:var(--plasma-textfield-placement_inner__label-font-family);font-size:var(--plasma-textfield-placement_inner__label-font-size);font-style:var(--plasma-textfield-placement_inner__label-font-style);font-weight:var(--plasma-textfield-placement_inner__label-font-weight);-webkit-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);-moz-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);-ms-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);line-height:var(--plasma-textfield-placement_inner__label-line-height);}.base_o4xjq1_b15d3bnf__bf782b1b.base_o4xjq1_labelPlacementInner__bf782b1b .base_o4xjq1_l1gjsnfi__bf782b1b{color:var(--plasma-textfield__placeholder-color);pointer-events:none;position:absolute;top:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;height:100%;width:100%;}.base_o4xjq1_b15d3bnf__bf782b1b.base_o4xjq1_labelPlacementInner__bf782b1b.base_o4xjq1_textfieldHasHint__bf782b1b .base_o4xjq1_s9w7nf8__bf782b1b.base_o4xjq1_labelPlacementInner__bf782b1b.base_o4xjq1_requiredAlignRight__bf782b1b{inset:var(--plasma-textfield__clear-indicator-hint-placement-inner-right);}
9
+ .base_1m5chvs_b15d3bnf__ff61de1c.base_1m5chvs_labelPlacementOuter__ff61de1c .base_1m5chvs_l1gjsnfi__ff61de1c{position:relative;display:inline-block;color:var(--plasma-textfield__label-color);}.base_1m5chvs_b15d3bnf__ff61de1c.base_1m5chvs_labelPlacementInner__ff61de1c .base_1m5chvs_i13qvwoy__ff61de1c{padding:var(--plasma-textfield-placement_inner__content-padding);}.base_1m5chvs_b15d3bnf__ff61de1c.base_1m5chvs_labelPlacementInner__ff61de1c .base_1m5chvs_io4bpie__ff61de1c:not(.base_1m5chvs_textfieldReadonlyInput__ff61de1c):focus ~ .base_1m5chvs_l1gjsnfi__ff61de1c,.base_1m5chvs_b15d3bnf__ff61de1c.base_1m5chvs_labelPlacementInner__ff61de1c .base_1m5chvs_io4bpie__ff61de1c.base_1m5chvs_hasValue__ff61de1c ~ .base_1m5chvs_l1gjsnfi__ff61de1c,.base_1m5chvs_b15d3bnf__ff61de1c.base_1m5chvs_labelPlacementInner__ff61de1c .base_1m5chvs_io4bpie__ff61de1c.base_1m5chvs_keepPlaceholder__ff61de1c ~ .base_1m5chvs_l1gjsnfi__ff61de1c{color:var(--plasma-textfield__placeholder-color);-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;padding:var(--plasma-textfield-placement_inner__label-padding);font-family:var(--plasma-textfield-placement_inner__label-font-family);font-size:var(--plasma-textfield-placement_inner__label-font-size);font-style:var(--plasma-textfield-placement_inner__label-font-style);font-weight:var(--plasma-textfield-placement_inner__label-font-weight);-webkit-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);-moz-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);-ms-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);line-height:var(--plasma-textfield-placement_inner__label-line-height);}.base_1m5chvs_b15d3bnf__ff61de1c.base_1m5chvs_labelPlacementInner__ff61de1c .base_1m5chvs_l1gjsnfi__ff61de1c{color:var(--plasma-textfield__placeholder-color);pointer-events:none;position:absolute;top:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;height:100%;width:100%;}.base_1m5chvs_b15d3bnf__ff61de1c.base_1m5chvs_labelPlacementInner__ff61de1c.base_1m5chvs_textfieldHasHint__ff61de1c.base_1m5chvs_textfieldClear__ff61de1c .base_1m5chvs_s9w7nf8__ff61de1c.base_1m5chvs_labelPlacementInner__ff61de1c.base_1m5chvs_requiredAlignRight__ff61de1c{inset:var(--plasma-textfield__clear-indicator-hint-placement-inner-right);}
10
10
 
11
11
  .base_7yx5d1_bbsd6t5__2df10b77 .base_7yx5d1_h8yezh4__2df10b77{--plasma-tooltip-background-color:var(--plasma-textfield__tooltip-background-color);--plasma-tooltip-box-shadow:var(--plasma-textfield__tooltip-box-shadow);--plasma-tooltip-color:var(--plasma-textfield__tooltip-color);}
12
12
 
@@ -98,7 +98,7 @@
98
98
 
99
99
  .base_2lss3j_b1w985rt__6ded9a23[readonly] .base_2lss3j_iq39zt5__6ded9a23{position:relative;z-index:0;color:var(--plasma-textfield-color-readonly);background:transparent;box-shadow:none;}.base_2lss3j_b1w985rt__6ded9a23[readonly] .base_2lss3j_iq39zt5__6ded9a23:before{position:absolute;content:'';top:0;left:0;right:0;bottom:0;border-radius:var(--plasma-textfield-border-radius);background-color:var(--plasma-textfield-bg-color-readonly);opacity:var(--plasma-textfield-readonly-opacity);box-shadow:inset 0 0 0 var(--plasma-textfield-border-width) var(--plasma-textfield-border-color-readonly);z-index:-1;}.base_2lss3j_b1w985rt__6ded9a23[readonly] .base_2lss3j_iq39zt5__6ded9a23:hover{background-color:transparent;}.base_2lss3j_b1w985rt__6ded9a23[readonly].base_2lss3j_textfieldHasDivider__6ded9a23 .base_2lss3j_iq39zt5__6ded9a23:before{background-color:var(--plasma-textfield-divider-color-readonly);}.base_2lss3j_b1w985rt__6ded9a23[readonly] .base_2lss3j_iq39zt5__6ded9a23:focus-within .base_2lss3j_i19ry60d__6ded9a23,.base_2lss3j_b1w985rt__6ded9a23[readonly] .base_2lss3j_i19ry60d__6ded9a23{color:var(--plasma-textfield__placeholder-color-readonly);}.base_2lss3j_b1w985rt__6ded9a23[readonly] .base_2lss3j_io4bpie__6ded9a23{color:var(--plasma-textfield-color-readonly);cursor:default;min-width:unset;}.base_2lss3j_b1w985rt__6ded9a23[readonly] .base_2lss3j_t600610__6ded9a23{color:var(--plasma-textfield__title-caption-color-readonly);}.base_2lss3j_b1w985rt__6ded9a23[readonly] .base_2lss3j_l7hnwwb__6ded9a23{color:var(--plasma-textfield__left-helper-color-readonly);}.base_2lss3j_b1w985rt__6ded9a23[readonly] .base_2lss3j_ssv2kwg__6ded9a23:hover{color:var(--private_content-slot-color);}.base_2lss3j_b1w985rt__6ded9a23[readonly] .base_2lss3j_sb3k3v1__6ded9a23{opacity:var(--plasma-textfield-right-content-opacity-readonly);}.base_2lss3j_b1w985rt__6ded9a23[readonly] .base_2lss3j_sb3k3v1__6ded9a23:hover,.base_2lss3j_b1w985rt__6ded9a23[readonly] .base_2lss3j_sb3k3v1__6ded9a23:active{cursor:default;color:var(--plasma-textfield-content-right-slot-color,var(--plasma-textfield-content-slot-color));}.base_2lss3j_b1w985rt__6ded9a23[readonly].base_2lss3j_labelPlacementOuter__6ded9a23 .base_2lss3j_l1gjsnfi__6ded9a23{color:var(--plasma-textfield__label-color-readonly);}
100
100
 
101
- .base_o4xjq1_b15d3bnf__bf782b1b.base_o4xjq1_labelPlacementOuter__bf782b1b .base_o4xjq1_l1gjsnfi__bf782b1b{position:relative;display:inline-block;color:var(--plasma-textfield__label-color);}.base_o4xjq1_b15d3bnf__bf782b1b.base_o4xjq1_labelPlacementInner__bf782b1b .base_o4xjq1_i13qvwoy__bf782b1b{padding:var(--plasma-textfield-placement_inner__content-padding);}.base_o4xjq1_b15d3bnf__bf782b1b.base_o4xjq1_labelPlacementInner__bf782b1b .base_o4xjq1_io4bpie__bf782b1b:not(.base_o4xjq1_textfieldReadonlyInput__bf782b1b):focus ~ .base_o4xjq1_l1gjsnfi__bf782b1b,.base_o4xjq1_b15d3bnf__bf782b1b.base_o4xjq1_labelPlacementInner__bf782b1b .base_o4xjq1_io4bpie__bf782b1b.base_o4xjq1_hasValue__bf782b1b ~ .base_o4xjq1_l1gjsnfi__bf782b1b,.base_o4xjq1_b15d3bnf__bf782b1b.base_o4xjq1_labelPlacementInner__bf782b1b .base_o4xjq1_io4bpie__bf782b1b.base_o4xjq1_keepPlaceholder__bf782b1b ~ .base_o4xjq1_l1gjsnfi__bf782b1b{color:var(--plasma-textfield__placeholder-color);-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;padding:var(--plasma-textfield-placement_inner__label-padding);font-family:var(--plasma-textfield-placement_inner__label-font-family);font-size:var(--plasma-textfield-placement_inner__label-font-size);font-style:var(--plasma-textfield-placement_inner__label-font-style);font-weight:var(--plasma-textfield-placement_inner__label-font-weight);-webkit-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);-moz-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);-ms-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);line-height:var(--plasma-textfield-placement_inner__label-line-height);}.base_o4xjq1_b15d3bnf__bf782b1b.base_o4xjq1_labelPlacementInner__bf782b1b .base_o4xjq1_l1gjsnfi__bf782b1b{color:var(--plasma-textfield__placeholder-color);pointer-events:none;position:absolute;top:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;height:100%;width:100%;}.base_o4xjq1_b15d3bnf__bf782b1b.base_o4xjq1_labelPlacementInner__bf782b1b.base_o4xjq1_textfieldHasHint__bf782b1b .base_o4xjq1_s9w7nf8__bf782b1b.base_o4xjq1_labelPlacementInner__bf782b1b.base_o4xjq1_requiredAlignRight__bf782b1b{inset:var(--plasma-textfield__clear-indicator-hint-placement-inner-right);}
101
+ .base_1m5chvs_b15d3bnf__ff61de1c.base_1m5chvs_labelPlacementOuter__ff61de1c .base_1m5chvs_l1gjsnfi__ff61de1c{position:relative;display:inline-block;color:var(--plasma-textfield__label-color);}.base_1m5chvs_b15d3bnf__ff61de1c.base_1m5chvs_labelPlacementInner__ff61de1c .base_1m5chvs_i13qvwoy__ff61de1c{padding:var(--plasma-textfield-placement_inner__content-padding);}.base_1m5chvs_b15d3bnf__ff61de1c.base_1m5chvs_labelPlacementInner__ff61de1c .base_1m5chvs_io4bpie__ff61de1c:not(.base_1m5chvs_textfieldReadonlyInput__ff61de1c):focus ~ .base_1m5chvs_l1gjsnfi__ff61de1c,.base_1m5chvs_b15d3bnf__ff61de1c.base_1m5chvs_labelPlacementInner__ff61de1c .base_1m5chvs_io4bpie__ff61de1c.base_1m5chvs_hasValue__ff61de1c ~ .base_1m5chvs_l1gjsnfi__ff61de1c,.base_1m5chvs_b15d3bnf__ff61de1c.base_1m5chvs_labelPlacementInner__ff61de1c .base_1m5chvs_io4bpie__ff61de1c.base_1m5chvs_keepPlaceholder__ff61de1c ~ .base_1m5chvs_l1gjsnfi__ff61de1c{color:var(--plasma-textfield__placeholder-color);-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;padding:var(--plasma-textfield-placement_inner__label-padding);font-family:var(--plasma-textfield-placement_inner__label-font-family);font-size:var(--plasma-textfield-placement_inner__label-font-size);font-style:var(--plasma-textfield-placement_inner__label-font-style);font-weight:var(--plasma-textfield-placement_inner__label-font-weight);-webkit-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);-moz-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);-ms-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);line-height:var(--plasma-textfield-placement_inner__label-line-height);}.base_1m5chvs_b15d3bnf__ff61de1c.base_1m5chvs_labelPlacementInner__ff61de1c .base_1m5chvs_l1gjsnfi__ff61de1c{color:var(--plasma-textfield__placeholder-color);pointer-events:none;position:absolute;top:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;height:100%;width:100%;}.base_1m5chvs_b15d3bnf__ff61de1c.base_1m5chvs_labelPlacementInner__ff61de1c.base_1m5chvs_textfieldHasHint__ff61de1c.base_1m5chvs_textfieldClear__ff61de1c .base_1m5chvs_s9w7nf8__ff61de1c.base_1m5chvs_labelPlacementInner__ff61de1c.base_1m5chvs_requiredAlignRight__ff61de1c{inset:var(--plasma-textfield__clear-indicator-hint-placement-inner-right);}
102
102
 
103
103
  .base_7yx5d1_bbsd6t5__2df10b77 .base_7yx5d1_h8yezh4__2df10b77{--plasma-tooltip-background-color:var(--plasma-textfield__tooltip-background-color);--plasma-tooltip-box-shadow:var(--plasma-textfield__tooltip-box-shadow);--plasma-tooltip-color:var(--plasma-textfield__tooltip-color);}
104
104
 
@@ -14,7 +14,7 @@
14
14
 
15
15
  .base_2lss3j_b1w985rt__6ded9a23[readonly] .base_2lss3j_iq39zt5__6ded9a23{position:relative;z-index:0;color:var(--plasma-textfield-color-readonly);background:transparent;box-shadow:none;}.base_2lss3j_b1w985rt__6ded9a23[readonly] .base_2lss3j_iq39zt5__6ded9a23:before{position:absolute;content:'';top:0;left:0;right:0;bottom:0;border-radius:var(--plasma-textfield-border-radius);background-color:var(--plasma-textfield-bg-color-readonly);opacity:var(--plasma-textfield-readonly-opacity);box-shadow:inset 0 0 0 var(--plasma-textfield-border-width) var(--plasma-textfield-border-color-readonly);z-index:-1;}.base_2lss3j_b1w985rt__6ded9a23[readonly] .base_2lss3j_iq39zt5__6ded9a23:hover{background-color:transparent;}.base_2lss3j_b1w985rt__6ded9a23[readonly].base_2lss3j_textfieldHasDivider__6ded9a23 .base_2lss3j_iq39zt5__6ded9a23:before{background-color:var(--plasma-textfield-divider-color-readonly);}.base_2lss3j_b1w985rt__6ded9a23[readonly] .base_2lss3j_iq39zt5__6ded9a23:focus-within .base_2lss3j_i19ry60d__6ded9a23,.base_2lss3j_b1w985rt__6ded9a23[readonly] .base_2lss3j_i19ry60d__6ded9a23{color:var(--plasma-textfield__placeholder-color-readonly);}.base_2lss3j_b1w985rt__6ded9a23[readonly] .base_2lss3j_io4bpie__6ded9a23{color:var(--plasma-textfield-color-readonly);cursor:default;min-width:unset;}.base_2lss3j_b1w985rt__6ded9a23[readonly] .base_2lss3j_t600610__6ded9a23{color:var(--plasma-textfield__title-caption-color-readonly);}.base_2lss3j_b1w985rt__6ded9a23[readonly] .base_2lss3j_l7hnwwb__6ded9a23{color:var(--plasma-textfield__left-helper-color-readonly);}.base_2lss3j_b1w985rt__6ded9a23[readonly] .base_2lss3j_ssv2kwg__6ded9a23:hover{color:var(--private_content-slot-color);}.base_2lss3j_b1w985rt__6ded9a23[readonly] .base_2lss3j_sb3k3v1__6ded9a23{opacity:var(--plasma-textfield-right-content-opacity-readonly);}.base_2lss3j_b1w985rt__6ded9a23[readonly] .base_2lss3j_sb3k3v1__6ded9a23:hover,.base_2lss3j_b1w985rt__6ded9a23[readonly] .base_2lss3j_sb3k3v1__6ded9a23:active{cursor:default;color:var(--plasma-textfield-content-right-slot-color,var(--plasma-textfield-content-slot-color));}.base_2lss3j_b1w985rt__6ded9a23[readonly].base_2lss3j_labelPlacementOuter__6ded9a23 .base_2lss3j_l1gjsnfi__6ded9a23{color:var(--plasma-textfield__label-color-readonly);}
16
16
 
17
- .base_o4xjq1_b15d3bnf__bf782b1b.base_o4xjq1_labelPlacementOuter__bf782b1b .base_o4xjq1_l1gjsnfi__bf782b1b{position:relative;display:inline-block;color:var(--plasma-textfield__label-color);}.base_o4xjq1_b15d3bnf__bf782b1b.base_o4xjq1_labelPlacementInner__bf782b1b .base_o4xjq1_i13qvwoy__bf782b1b{padding:var(--plasma-textfield-placement_inner__content-padding);}.base_o4xjq1_b15d3bnf__bf782b1b.base_o4xjq1_labelPlacementInner__bf782b1b .base_o4xjq1_io4bpie__bf782b1b:not(.base_o4xjq1_textfieldReadonlyInput__bf782b1b):focus ~ .base_o4xjq1_l1gjsnfi__bf782b1b,.base_o4xjq1_b15d3bnf__bf782b1b.base_o4xjq1_labelPlacementInner__bf782b1b .base_o4xjq1_io4bpie__bf782b1b.base_o4xjq1_hasValue__bf782b1b ~ .base_o4xjq1_l1gjsnfi__bf782b1b,.base_o4xjq1_b15d3bnf__bf782b1b.base_o4xjq1_labelPlacementInner__bf782b1b .base_o4xjq1_io4bpie__bf782b1b.base_o4xjq1_keepPlaceholder__bf782b1b ~ .base_o4xjq1_l1gjsnfi__bf782b1b{color:var(--plasma-textfield__placeholder-color);-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;padding:var(--plasma-textfield-placement_inner__label-padding);font-family:var(--plasma-textfield-placement_inner__label-font-family);font-size:var(--plasma-textfield-placement_inner__label-font-size);font-style:var(--plasma-textfield-placement_inner__label-font-style);font-weight:var(--plasma-textfield-placement_inner__label-font-weight);-webkit-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);-moz-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);-ms-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);line-height:var(--plasma-textfield-placement_inner__label-line-height);}.base_o4xjq1_b15d3bnf__bf782b1b.base_o4xjq1_labelPlacementInner__bf782b1b .base_o4xjq1_l1gjsnfi__bf782b1b{color:var(--plasma-textfield__placeholder-color);pointer-events:none;position:absolute;top:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;height:100%;width:100%;}.base_o4xjq1_b15d3bnf__bf782b1b.base_o4xjq1_labelPlacementInner__bf782b1b.base_o4xjq1_textfieldHasHint__bf782b1b .base_o4xjq1_s9w7nf8__bf782b1b.base_o4xjq1_labelPlacementInner__bf782b1b.base_o4xjq1_requiredAlignRight__bf782b1b{inset:var(--plasma-textfield__clear-indicator-hint-placement-inner-right);}
17
+ .base_1m5chvs_b15d3bnf__ff61de1c.base_1m5chvs_labelPlacementOuter__ff61de1c .base_1m5chvs_l1gjsnfi__ff61de1c{position:relative;display:inline-block;color:var(--plasma-textfield__label-color);}.base_1m5chvs_b15d3bnf__ff61de1c.base_1m5chvs_labelPlacementInner__ff61de1c .base_1m5chvs_i13qvwoy__ff61de1c{padding:var(--plasma-textfield-placement_inner__content-padding);}.base_1m5chvs_b15d3bnf__ff61de1c.base_1m5chvs_labelPlacementInner__ff61de1c .base_1m5chvs_io4bpie__ff61de1c:not(.base_1m5chvs_textfieldReadonlyInput__ff61de1c):focus ~ .base_1m5chvs_l1gjsnfi__ff61de1c,.base_1m5chvs_b15d3bnf__ff61de1c.base_1m5chvs_labelPlacementInner__ff61de1c .base_1m5chvs_io4bpie__ff61de1c.base_1m5chvs_hasValue__ff61de1c ~ .base_1m5chvs_l1gjsnfi__ff61de1c,.base_1m5chvs_b15d3bnf__ff61de1c.base_1m5chvs_labelPlacementInner__ff61de1c .base_1m5chvs_io4bpie__ff61de1c.base_1m5chvs_keepPlaceholder__ff61de1c ~ .base_1m5chvs_l1gjsnfi__ff61de1c{color:var(--plasma-textfield__placeholder-color);-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;padding:var(--plasma-textfield-placement_inner__label-padding);font-family:var(--plasma-textfield-placement_inner__label-font-family);font-size:var(--plasma-textfield-placement_inner__label-font-size);font-style:var(--plasma-textfield-placement_inner__label-font-style);font-weight:var(--plasma-textfield-placement_inner__label-font-weight);-webkit-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);-moz-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);-ms-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);line-height:var(--plasma-textfield-placement_inner__label-line-height);}.base_1m5chvs_b15d3bnf__ff61de1c.base_1m5chvs_labelPlacementInner__ff61de1c .base_1m5chvs_l1gjsnfi__ff61de1c{color:var(--plasma-textfield__placeholder-color);pointer-events:none;position:absolute;top:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;height:100%;width:100%;}.base_1m5chvs_b15d3bnf__ff61de1c.base_1m5chvs_labelPlacementInner__ff61de1c.base_1m5chvs_textfieldHasHint__ff61de1c.base_1m5chvs_textfieldClear__ff61de1c .base_1m5chvs_s9w7nf8__ff61de1c.base_1m5chvs_labelPlacementInner__ff61de1c.base_1m5chvs_requiredAlignRight__ff61de1c{inset:var(--plasma-textfield__clear-indicator-hint-placement-inner-right);}
18
18
 
19
19
  .base_7yx5d1_bbsd6t5__2df10b77 .base_7yx5d1_h8yezh4__2df10b77{--plasma-tooltip-background-color:var(--plasma-textfield__tooltip-background-color);--plasma-tooltip-box-shadow:var(--plasma-textfield__tooltip-box-shadow);--plasma-tooltip-color:var(--plasma-textfield__tooltip-color);}
20
20
 
@@ -83,7 +83,7 @@
83
83
 
84
84
  .base_2lss3j_b1w985rt__6ded9a23[readonly] .base_2lss3j_iq39zt5__6ded9a23{position:relative;z-index:0;color:var(--plasma-textfield-color-readonly);background:transparent;box-shadow:none;}.base_2lss3j_b1w985rt__6ded9a23[readonly] .base_2lss3j_iq39zt5__6ded9a23:before{position:absolute;content:'';top:0;left:0;right:0;bottom:0;border-radius:var(--plasma-textfield-border-radius);background-color:var(--plasma-textfield-bg-color-readonly);opacity:var(--plasma-textfield-readonly-opacity);box-shadow:inset 0 0 0 var(--plasma-textfield-border-width) var(--plasma-textfield-border-color-readonly);z-index:-1;}.base_2lss3j_b1w985rt__6ded9a23[readonly] .base_2lss3j_iq39zt5__6ded9a23:hover{background-color:transparent;}.base_2lss3j_b1w985rt__6ded9a23[readonly].base_2lss3j_textfieldHasDivider__6ded9a23 .base_2lss3j_iq39zt5__6ded9a23:before{background-color:var(--plasma-textfield-divider-color-readonly);}.base_2lss3j_b1w985rt__6ded9a23[readonly] .base_2lss3j_iq39zt5__6ded9a23:focus-within .base_2lss3j_i19ry60d__6ded9a23,.base_2lss3j_b1w985rt__6ded9a23[readonly] .base_2lss3j_i19ry60d__6ded9a23{color:var(--plasma-textfield__placeholder-color-readonly);}.base_2lss3j_b1w985rt__6ded9a23[readonly] .base_2lss3j_io4bpie__6ded9a23{color:var(--plasma-textfield-color-readonly);cursor:default;min-width:unset;}.base_2lss3j_b1w985rt__6ded9a23[readonly] .base_2lss3j_t600610__6ded9a23{color:var(--plasma-textfield__title-caption-color-readonly);}.base_2lss3j_b1w985rt__6ded9a23[readonly] .base_2lss3j_l7hnwwb__6ded9a23{color:var(--plasma-textfield__left-helper-color-readonly);}.base_2lss3j_b1w985rt__6ded9a23[readonly] .base_2lss3j_ssv2kwg__6ded9a23:hover{color:var(--private_content-slot-color);}.base_2lss3j_b1w985rt__6ded9a23[readonly] .base_2lss3j_sb3k3v1__6ded9a23{opacity:var(--plasma-textfield-right-content-opacity-readonly);}.base_2lss3j_b1w985rt__6ded9a23[readonly] .base_2lss3j_sb3k3v1__6ded9a23:hover,.base_2lss3j_b1w985rt__6ded9a23[readonly] .base_2lss3j_sb3k3v1__6ded9a23:active{cursor:default;color:var(--plasma-textfield-content-right-slot-color,var(--plasma-textfield-content-slot-color));}.base_2lss3j_b1w985rt__6ded9a23[readonly].base_2lss3j_labelPlacementOuter__6ded9a23 .base_2lss3j_l1gjsnfi__6ded9a23{color:var(--plasma-textfield__label-color-readonly);}
85
85
 
86
- .base_o4xjq1_b15d3bnf__bf782b1b.base_o4xjq1_labelPlacementOuter__bf782b1b .base_o4xjq1_l1gjsnfi__bf782b1b{position:relative;display:inline-block;color:var(--plasma-textfield__label-color);}.base_o4xjq1_b15d3bnf__bf782b1b.base_o4xjq1_labelPlacementInner__bf782b1b .base_o4xjq1_i13qvwoy__bf782b1b{padding:var(--plasma-textfield-placement_inner__content-padding);}.base_o4xjq1_b15d3bnf__bf782b1b.base_o4xjq1_labelPlacementInner__bf782b1b .base_o4xjq1_io4bpie__bf782b1b:not(.base_o4xjq1_textfieldReadonlyInput__bf782b1b):focus ~ .base_o4xjq1_l1gjsnfi__bf782b1b,.base_o4xjq1_b15d3bnf__bf782b1b.base_o4xjq1_labelPlacementInner__bf782b1b .base_o4xjq1_io4bpie__bf782b1b.base_o4xjq1_hasValue__bf782b1b ~ .base_o4xjq1_l1gjsnfi__bf782b1b,.base_o4xjq1_b15d3bnf__bf782b1b.base_o4xjq1_labelPlacementInner__bf782b1b .base_o4xjq1_io4bpie__bf782b1b.base_o4xjq1_keepPlaceholder__bf782b1b ~ .base_o4xjq1_l1gjsnfi__bf782b1b{color:var(--plasma-textfield__placeholder-color);-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;padding:var(--plasma-textfield-placement_inner__label-padding);font-family:var(--plasma-textfield-placement_inner__label-font-family);font-size:var(--plasma-textfield-placement_inner__label-font-size);font-style:var(--plasma-textfield-placement_inner__label-font-style);font-weight:var(--plasma-textfield-placement_inner__label-font-weight);-webkit-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);-moz-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);-ms-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);line-height:var(--plasma-textfield-placement_inner__label-line-height);}.base_o4xjq1_b15d3bnf__bf782b1b.base_o4xjq1_labelPlacementInner__bf782b1b .base_o4xjq1_l1gjsnfi__bf782b1b{color:var(--plasma-textfield__placeholder-color);pointer-events:none;position:absolute;top:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;height:100%;width:100%;}.base_o4xjq1_b15d3bnf__bf782b1b.base_o4xjq1_labelPlacementInner__bf782b1b.base_o4xjq1_textfieldHasHint__bf782b1b .base_o4xjq1_s9w7nf8__bf782b1b.base_o4xjq1_labelPlacementInner__bf782b1b.base_o4xjq1_requiredAlignRight__bf782b1b{inset:var(--plasma-textfield__clear-indicator-hint-placement-inner-right);}
86
+ .base_1m5chvs_b15d3bnf__ff61de1c.base_1m5chvs_labelPlacementOuter__ff61de1c .base_1m5chvs_l1gjsnfi__ff61de1c{position:relative;display:inline-block;color:var(--plasma-textfield__label-color);}.base_1m5chvs_b15d3bnf__ff61de1c.base_1m5chvs_labelPlacementInner__ff61de1c .base_1m5chvs_i13qvwoy__ff61de1c{padding:var(--plasma-textfield-placement_inner__content-padding);}.base_1m5chvs_b15d3bnf__ff61de1c.base_1m5chvs_labelPlacementInner__ff61de1c .base_1m5chvs_io4bpie__ff61de1c:not(.base_1m5chvs_textfieldReadonlyInput__ff61de1c):focus ~ .base_1m5chvs_l1gjsnfi__ff61de1c,.base_1m5chvs_b15d3bnf__ff61de1c.base_1m5chvs_labelPlacementInner__ff61de1c .base_1m5chvs_io4bpie__ff61de1c.base_1m5chvs_hasValue__ff61de1c ~ .base_1m5chvs_l1gjsnfi__ff61de1c,.base_1m5chvs_b15d3bnf__ff61de1c.base_1m5chvs_labelPlacementInner__ff61de1c .base_1m5chvs_io4bpie__ff61de1c.base_1m5chvs_keepPlaceholder__ff61de1c ~ .base_1m5chvs_l1gjsnfi__ff61de1c{color:var(--plasma-textfield__placeholder-color);-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;padding:var(--plasma-textfield-placement_inner__label-padding);font-family:var(--plasma-textfield-placement_inner__label-font-family);font-size:var(--plasma-textfield-placement_inner__label-font-size);font-style:var(--plasma-textfield-placement_inner__label-font-style);font-weight:var(--plasma-textfield-placement_inner__label-font-weight);-webkit-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);-moz-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);-ms-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);line-height:var(--plasma-textfield-placement_inner__label-line-height);}.base_1m5chvs_b15d3bnf__ff61de1c.base_1m5chvs_labelPlacementInner__ff61de1c .base_1m5chvs_l1gjsnfi__ff61de1c{color:var(--plasma-textfield__placeholder-color);pointer-events:none;position:absolute;top:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;height:100%;width:100%;}.base_1m5chvs_b15d3bnf__ff61de1c.base_1m5chvs_labelPlacementInner__ff61de1c.base_1m5chvs_textfieldHasHint__ff61de1c.base_1m5chvs_textfieldClear__ff61de1c .base_1m5chvs_s9w7nf8__ff61de1c.base_1m5chvs_labelPlacementInner__ff61de1c.base_1m5chvs_requiredAlignRight__ff61de1c{inset:var(--plasma-textfield__clear-indicator-hint-placement-inner-right);}
87
87
 
88
88
  .base_7yx5d1_bbsd6t5__2df10b77 .base_7yx5d1_h8yezh4__2df10b77{--plasma-tooltip-background-color:var(--plasma-textfield__tooltip-background-color);--plasma-tooltip-box-shadow:var(--plasma-textfield__tooltip-box-shadow);--plasma-tooltip-color:var(--plasma-textfield__tooltip-color);}
89
89
 
@@ -18,7 +18,7 @@
18
18
 
19
19
  .base_2lss3j_b1w985rt__6ded9a23[readonly] .base_2lss3j_iq39zt5__6ded9a23{position:relative;z-index:0;color:var(--plasma-textfield-color-readonly);background:transparent;box-shadow:none;}.base_2lss3j_b1w985rt__6ded9a23[readonly] .base_2lss3j_iq39zt5__6ded9a23:before{position:absolute;content:'';top:0;left:0;right:0;bottom:0;border-radius:var(--plasma-textfield-border-radius);background-color:var(--plasma-textfield-bg-color-readonly);opacity:var(--plasma-textfield-readonly-opacity);box-shadow:inset 0 0 0 var(--plasma-textfield-border-width) var(--plasma-textfield-border-color-readonly);z-index:-1;}.base_2lss3j_b1w985rt__6ded9a23[readonly] .base_2lss3j_iq39zt5__6ded9a23:hover{background-color:transparent;}.base_2lss3j_b1w985rt__6ded9a23[readonly].base_2lss3j_textfieldHasDivider__6ded9a23 .base_2lss3j_iq39zt5__6ded9a23:before{background-color:var(--plasma-textfield-divider-color-readonly);}.base_2lss3j_b1w985rt__6ded9a23[readonly] .base_2lss3j_iq39zt5__6ded9a23:focus-within .base_2lss3j_i19ry60d__6ded9a23,.base_2lss3j_b1w985rt__6ded9a23[readonly] .base_2lss3j_i19ry60d__6ded9a23{color:var(--plasma-textfield__placeholder-color-readonly);}.base_2lss3j_b1w985rt__6ded9a23[readonly] .base_2lss3j_io4bpie__6ded9a23{color:var(--plasma-textfield-color-readonly);cursor:default;min-width:unset;}.base_2lss3j_b1w985rt__6ded9a23[readonly] .base_2lss3j_t600610__6ded9a23{color:var(--plasma-textfield__title-caption-color-readonly);}.base_2lss3j_b1w985rt__6ded9a23[readonly] .base_2lss3j_l7hnwwb__6ded9a23{color:var(--plasma-textfield__left-helper-color-readonly);}.base_2lss3j_b1w985rt__6ded9a23[readonly] .base_2lss3j_ssv2kwg__6ded9a23:hover{color:var(--private_content-slot-color);}.base_2lss3j_b1w985rt__6ded9a23[readonly] .base_2lss3j_sb3k3v1__6ded9a23{opacity:var(--plasma-textfield-right-content-opacity-readonly);}.base_2lss3j_b1w985rt__6ded9a23[readonly] .base_2lss3j_sb3k3v1__6ded9a23:hover,.base_2lss3j_b1w985rt__6ded9a23[readonly] .base_2lss3j_sb3k3v1__6ded9a23:active{cursor:default;color:var(--plasma-textfield-content-right-slot-color,var(--plasma-textfield-content-slot-color));}.base_2lss3j_b1w985rt__6ded9a23[readonly].base_2lss3j_labelPlacementOuter__6ded9a23 .base_2lss3j_l1gjsnfi__6ded9a23{color:var(--plasma-textfield__label-color-readonly);}
20
20
 
21
- .base_o4xjq1_b15d3bnf__bf782b1b.base_o4xjq1_labelPlacementOuter__bf782b1b .base_o4xjq1_l1gjsnfi__bf782b1b{position:relative;display:inline-block;color:var(--plasma-textfield__label-color);}.base_o4xjq1_b15d3bnf__bf782b1b.base_o4xjq1_labelPlacementInner__bf782b1b .base_o4xjq1_i13qvwoy__bf782b1b{padding:var(--plasma-textfield-placement_inner__content-padding);}.base_o4xjq1_b15d3bnf__bf782b1b.base_o4xjq1_labelPlacementInner__bf782b1b .base_o4xjq1_io4bpie__bf782b1b:not(.base_o4xjq1_textfieldReadonlyInput__bf782b1b):focus ~ .base_o4xjq1_l1gjsnfi__bf782b1b,.base_o4xjq1_b15d3bnf__bf782b1b.base_o4xjq1_labelPlacementInner__bf782b1b .base_o4xjq1_io4bpie__bf782b1b.base_o4xjq1_hasValue__bf782b1b ~ .base_o4xjq1_l1gjsnfi__bf782b1b,.base_o4xjq1_b15d3bnf__bf782b1b.base_o4xjq1_labelPlacementInner__bf782b1b .base_o4xjq1_io4bpie__bf782b1b.base_o4xjq1_keepPlaceholder__bf782b1b ~ .base_o4xjq1_l1gjsnfi__bf782b1b{color:var(--plasma-textfield__placeholder-color);-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;padding:var(--plasma-textfield-placement_inner__label-padding);font-family:var(--plasma-textfield-placement_inner__label-font-family);font-size:var(--plasma-textfield-placement_inner__label-font-size);font-style:var(--plasma-textfield-placement_inner__label-font-style);font-weight:var(--plasma-textfield-placement_inner__label-font-weight);-webkit-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);-moz-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);-ms-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);line-height:var(--plasma-textfield-placement_inner__label-line-height);}.base_o4xjq1_b15d3bnf__bf782b1b.base_o4xjq1_labelPlacementInner__bf782b1b .base_o4xjq1_l1gjsnfi__bf782b1b{color:var(--plasma-textfield__placeholder-color);pointer-events:none;position:absolute;top:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;height:100%;width:100%;}.base_o4xjq1_b15d3bnf__bf782b1b.base_o4xjq1_labelPlacementInner__bf782b1b.base_o4xjq1_textfieldHasHint__bf782b1b .base_o4xjq1_s9w7nf8__bf782b1b.base_o4xjq1_labelPlacementInner__bf782b1b.base_o4xjq1_requiredAlignRight__bf782b1b{inset:var(--plasma-textfield__clear-indicator-hint-placement-inner-right);}
21
+ .base_1m5chvs_b15d3bnf__ff61de1c.base_1m5chvs_labelPlacementOuter__ff61de1c .base_1m5chvs_l1gjsnfi__ff61de1c{position:relative;display:inline-block;color:var(--plasma-textfield__label-color);}.base_1m5chvs_b15d3bnf__ff61de1c.base_1m5chvs_labelPlacementInner__ff61de1c .base_1m5chvs_i13qvwoy__ff61de1c{padding:var(--plasma-textfield-placement_inner__content-padding);}.base_1m5chvs_b15d3bnf__ff61de1c.base_1m5chvs_labelPlacementInner__ff61de1c .base_1m5chvs_io4bpie__ff61de1c:not(.base_1m5chvs_textfieldReadonlyInput__ff61de1c):focus ~ .base_1m5chvs_l1gjsnfi__ff61de1c,.base_1m5chvs_b15d3bnf__ff61de1c.base_1m5chvs_labelPlacementInner__ff61de1c .base_1m5chvs_io4bpie__ff61de1c.base_1m5chvs_hasValue__ff61de1c ~ .base_1m5chvs_l1gjsnfi__ff61de1c,.base_1m5chvs_b15d3bnf__ff61de1c.base_1m5chvs_labelPlacementInner__ff61de1c .base_1m5chvs_io4bpie__ff61de1c.base_1m5chvs_keepPlaceholder__ff61de1c ~ .base_1m5chvs_l1gjsnfi__ff61de1c{color:var(--plasma-textfield__placeholder-color);-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;padding:var(--plasma-textfield-placement_inner__label-padding);font-family:var(--plasma-textfield-placement_inner__label-font-family);font-size:var(--plasma-textfield-placement_inner__label-font-size);font-style:var(--plasma-textfield-placement_inner__label-font-style);font-weight:var(--plasma-textfield-placement_inner__label-font-weight);-webkit-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);-moz-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);-ms-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);line-height:var(--plasma-textfield-placement_inner__label-line-height);}.base_1m5chvs_b15d3bnf__ff61de1c.base_1m5chvs_labelPlacementInner__ff61de1c .base_1m5chvs_l1gjsnfi__ff61de1c{color:var(--plasma-textfield__placeholder-color);pointer-events:none;position:absolute;top:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;height:100%;width:100%;}.base_1m5chvs_b15d3bnf__ff61de1c.base_1m5chvs_labelPlacementInner__ff61de1c.base_1m5chvs_textfieldHasHint__ff61de1c.base_1m5chvs_textfieldClear__ff61de1c .base_1m5chvs_s9w7nf8__ff61de1c.base_1m5chvs_labelPlacementInner__ff61de1c.base_1m5chvs_requiredAlignRight__ff61de1c{inset:var(--plasma-textfield__clear-indicator-hint-placement-inner-right);}
22
22
 
23
23
  .base_7yx5d1_bbsd6t5__2df10b77 .base_7yx5d1_h8yezh4__2df10b77{--plasma-tooltip-background-color:var(--plasma-textfield__tooltip-background-color);--plasma-tooltip-box-shadow:var(--plasma-textfield__tooltip-box-shadow);--plasma-tooltip-color:var(--plasma-textfield__tooltip-color);}
24
24
 
@@ -6,7 +6,7 @@
6
6
 
7
7
  .base_2lss3j_b1w985rt__6ded9a23[readonly] .base_2lss3j_iq39zt5__6ded9a23{position:relative;z-index:0;color:var(--plasma-textfield-color-readonly);background:transparent;box-shadow:none;}.base_2lss3j_b1w985rt__6ded9a23[readonly] .base_2lss3j_iq39zt5__6ded9a23:before{position:absolute;content:'';top:0;left:0;right:0;bottom:0;border-radius:var(--plasma-textfield-border-radius);background-color:var(--plasma-textfield-bg-color-readonly);opacity:var(--plasma-textfield-readonly-opacity);box-shadow:inset 0 0 0 var(--plasma-textfield-border-width) var(--plasma-textfield-border-color-readonly);z-index:-1;}.base_2lss3j_b1w985rt__6ded9a23[readonly] .base_2lss3j_iq39zt5__6ded9a23:hover{background-color:transparent;}.base_2lss3j_b1w985rt__6ded9a23[readonly].base_2lss3j_textfieldHasDivider__6ded9a23 .base_2lss3j_iq39zt5__6ded9a23:before{background-color:var(--plasma-textfield-divider-color-readonly);}.base_2lss3j_b1w985rt__6ded9a23[readonly] .base_2lss3j_iq39zt5__6ded9a23:focus-within .base_2lss3j_i19ry60d__6ded9a23,.base_2lss3j_b1w985rt__6ded9a23[readonly] .base_2lss3j_i19ry60d__6ded9a23{color:var(--plasma-textfield__placeholder-color-readonly);}.base_2lss3j_b1w985rt__6ded9a23[readonly] .base_2lss3j_io4bpie__6ded9a23{color:var(--plasma-textfield-color-readonly);cursor:default;min-width:unset;}.base_2lss3j_b1w985rt__6ded9a23[readonly] .base_2lss3j_t600610__6ded9a23{color:var(--plasma-textfield__title-caption-color-readonly);}.base_2lss3j_b1w985rt__6ded9a23[readonly] .base_2lss3j_l7hnwwb__6ded9a23{color:var(--plasma-textfield__left-helper-color-readonly);}.base_2lss3j_b1w985rt__6ded9a23[readonly] .base_2lss3j_ssv2kwg__6ded9a23:hover{color:var(--private_content-slot-color);}.base_2lss3j_b1w985rt__6ded9a23[readonly] .base_2lss3j_sb3k3v1__6ded9a23{opacity:var(--plasma-textfield-right-content-opacity-readonly);}.base_2lss3j_b1w985rt__6ded9a23[readonly] .base_2lss3j_sb3k3v1__6ded9a23:hover,.base_2lss3j_b1w985rt__6ded9a23[readonly] .base_2lss3j_sb3k3v1__6ded9a23:active{cursor:default;color:var(--plasma-textfield-content-right-slot-color,var(--plasma-textfield-content-slot-color));}.base_2lss3j_b1w985rt__6ded9a23[readonly].base_2lss3j_labelPlacementOuter__6ded9a23 .base_2lss3j_l1gjsnfi__6ded9a23{color:var(--plasma-textfield__label-color-readonly);}
8
8
 
9
- .base_o4xjq1_b15d3bnf__bf782b1b.base_o4xjq1_labelPlacementOuter__bf782b1b .base_o4xjq1_l1gjsnfi__bf782b1b{position:relative;display:inline-block;color:var(--plasma-textfield__label-color);}.base_o4xjq1_b15d3bnf__bf782b1b.base_o4xjq1_labelPlacementInner__bf782b1b .base_o4xjq1_i13qvwoy__bf782b1b{padding:var(--plasma-textfield-placement_inner__content-padding);}.base_o4xjq1_b15d3bnf__bf782b1b.base_o4xjq1_labelPlacementInner__bf782b1b .base_o4xjq1_io4bpie__bf782b1b:not(.base_o4xjq1_textfieldReadonlyInput__bf782b1b):focus ~ .base_o4xjq1_l1gjsnfi__bf782b1b,.base_o4xjq1_b15d3bnf__bf782b1b.base_o4xjq1_labelPlacementInner__bf782b1b .base_o4xjq1_io4bpie__bf782b1b.base_o4xjq1_hasValue__bf782b1b ~ .base_o4xjq1_l1gjsnfi__bf782b1b,.base_o4xjq1_b15d3bnf__bf782b1b.base_o4xjq1_labelPlacementInner__bf782b1b .base_o4xjq1_io4bpie__bf782b1b.base_o4xjq1_keepPlaceholder__bf782b1b ~ .base_o4xjq1_l1gjsnfi__bf782b1b{color:var(--plasma-textfield__placeholder-color);-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;padding:var(--plasma-textfield-placement_inner__label-padding);font-family:var(--plasma-textfield-placement_inner__label-font-family);font-size:var(--plasma-textfield-placement_inner__label-font-size);font-style:var(--plasma-textfield-placement_inner__label-font-style);font-weight:var(--plasma-textfield-placement_inner__label-font-weight);-webkit-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);-moz-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);-ms-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);line-height:var(--plasma-textfield-placement_inner__label-line-height);}.base_o4xjq1_b15d3bnf__bf782b1b.base_o4xjq1_labelPlacementInner__bf782b1b .base_o4xjq1_l1gjsnfi__bf782b1b{color:var(--plasma-textfield__placeholder-color);pointer-events:none;position:absolute;top:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;height:100%;width:100%;}.base_o4xjq1_b15d3bnf__bf782b1b.base_o4xjq1_labelPlacementInner__bf782b1b.base_o4xjq1_textfieldHasHint__bf782b1b .base_o4xjq1_s9w7nf8__bf782b1b.base_o4xjq1_labelPlacementInner__bf782b1b.base_o4xjq1_requiredAlignRight__bf782b1b{inset:var(--plasma-textfield__clear-indicator-hint-placement-inner-right);}
9
+ .base_1m5chvs_b15d3bnf__ff61de1c.base_1m5chvs_labelPlacementOuter__ff61de1c .base_1m5chvs_l1gjsnfi__ff61de1c{position:relative;display:inline-block;color:var(--plasma-textfield__label-color);}.base_1m5chvs_b15d3bnf__ff61de1c.base_1m5chvs_labelPlacementInner__ff61de1c .base_1m5chvs_i13qvwoy__ff61de1c{padding:var(--plasma-textfield-placement_inner__content-padding);}.base_1m5chvs_b15d3bnf__ff61de1c.base_1m5chvs_labelPlacementInner__ff61de1c .base_1m5chvs_io4bpie__ff61de1c:not(.base_1m5chvs_textfieldReadonlyInput__ff61de1c):focus ~ .base_1m5chvs_l1gjsnfi__ff61de1c,.base_1m5chvs_b15d3bnf__ff61de1c.base_1m5chvs_labelPlacementInner__ff61de1c .base_1m5chvs_io4bpie__ff61de1c.base_1m5chvs_hasValue__ff61de1c ~ .base_1m5chvs_l1gjsnfi__ff61de1c,.base_1m5chvs_b15d3bnf__ff61de1c.base_1m5chvs_labelPlacementInner__ff61de1c .base_1m5chvs_io4bpie__ff61de1c.base_1m5chvs_keepPlaceholder__ff61de1c ~ .base_1m5chvs_l1gjsnfi__ff61de1c{color:var(--plasma-textfield__placeholder-color);-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;padding:var(--plasma-textfield-placement_inner__label-padding);font-family:var(--plasma-textfield-placement_inner__label-font-family);font-size:var(--plasma-textfield-placement_inner__label-font-size);font-style:var(--plasma-textfield-placement_inner__label-font-style);font-weight:var(--plasma-textfield-placement_inner__label-font-weight);-webkit-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);-moz-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);-ms-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);line-height:var(--plasma-textfield-placement_inner__label-line-height);}.base_1m5chvs_b15d3bnf__ff61de1c.base_1m5chvs_labelPlacementInner__ff61de1c .base_1m5chvs_l1gjsnfi__ff61de1c{color:var(--plasma-textfield__placeholder-color);pointer-events:none;position:absolute;top:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;height:100%;width:100%;}.base_1m5chvs_b15d3bnf__ff61de1c.base_1m5chvs_labelPlacementInner__ff61de1c.base_1m5chvs_textfieldHasHint__ff61de1c.base_1m5chvs_textfieldClear__ff61de1c .base_1m5chvs_s9w7nf8__ff61de1c.base_1m5chvs_labelPlacementInner__ff61de1c.base_1m5chvs_requiredAlignRight__ff61de1c{inset:var(--plasma-textfield__clear-indicator-hint-placement-inner-right);}
10
10
 
11
11
  .base_7yx5d1_bbsd6t5__2df10b77 .base_7yx5d1_h8yezh4__2df10b77{--plasma-tooltip-background-color:var(--plasma-textfield__tooltip-background-color);--plasma-tooltip-box-shadow:var(--plasma-textfield__tooltip-box-shadow);--plasma-tooltip-color:var(--plasma-textfield__tooltip-color);}
12
12
 
@@ -1 +1 @@
1
- {"version":3,"file":"Mask.js","sources":["../../../src/components/Mask/Mask.tsx"],"sourcesContent":["import React, { forwardRef, useImperativeHandle, useState } from 'react';\nimport type { FC } from 'react';\nimport maskInputCompose from '@salutejs/react-maskinput';\n\nimport type { CustomInputProps, MaskProps } from './Mask.types';\n\nconst defaultFormatChars = [\n {\n str: '*',\n regexp: /./,\n },\n {\n str: '0',\n regexp: /[0-9]/,\n },\n {\n str: 'a',\n regexp: /[a-zA-Z]/,\n },\n {\n str: 'я',\n regexp: /[а-яА-ЯёЁ]/,\n },\n];\n\nexport const composeMask = <T extends CustomInputProps>(InputComponent: FC<T>) => {\n const MaskedInput = maskInputCompose(InputComponent);\n\n return forwardRef<HTMLInputElement, T & MaskProps>(\n ({ mask, maskFormat = defaultFormatChars, ...rest }, outerRef) => {\n // TODO: replace inside react-maskinput 'getReference' on 'forwardRef'\n const [ref, setRef] = useState<HTMLInputElement | null>(null);\n\n useImperativeHandle(outerRef, () => ref as HTMLInputElement, [ref]);\n\n if (!mask) {\n return <InputComponent ref={setRef} {...(rest as T)} />;\n }\n\n return <MaskedInput getReference={setRef} mask={mask} maskFormat={maskFormat} {...(rest as T)} />;\n },\n );\n};\n"],"names":["defaultFormatChars","str","regexp","composeMask","InputComponent","MaskedInput","maskInputCompose","forwardRef","_ref","outerRef","mask","_ref$maskFormat","maskFormat","rest","_objectWithoutProperties","_excluded","_useState","useState","_useState2","_slicedToArray","ref","setRef","useImperativeHandle","React","createElement","_extends","getReference"],"mappings":";;;;;;;;;;;;;;AAMA,IAAMA,kBAAkB,GAAG,CACvB;AACIC,EAAAA,GAAG,EAAE,GAAG;AACRC,EAAAA,MAAM,EAAE,GAAA;AACZ,CAAC,EACD;AACID,EAAAA,GAAG,EAAE,GAAG;AACRC,EAAAA,MAAM,EAAE,OAAA;AACZ,CAAC,EACD;AACID,EAAAA,GAAG,EAAE,GAAG;AACRC,EAAAA,MAAM,EAAE,UAAA;AACZ,CAAC,EACD;AACID,EAAAA,GAAG,EAAE,GAAG;AACRC,EAAAA,MAAM,EAAE,YAAA;AACZ,CAAC,CACJ,CAAA;IAEYC,WAAW,GAAG,SAAdA,WAAWA,CAAgCC,cAAqB,EAAK;AAC9E,EAAA,IAAMC,WAAW,GAAGC,iCAAgB,CAACF,cAAc,CAAC,CAAA;AAEpD,EAAA,oBAAOG,gBAAU,CACb,UAAAC,IAAA,EAAqDC,QAAQ,EAAK;AAAA,IAAA,IAA/DC,IAAI,GAAAF,IAAA,CAAJE,IAAI;MAAAC,eAAA,GAAAH,IAAA,CAAEI,UAAU;AAAVA,MAAAA,UAAU,GAAAD,eAAA,KAAGX,KAAAA,CAAAA,GAAAA,kBAAkB,GAAAW,eAAA;AAAKE,MAAAA,IAAI,GAAAC,iDAAA,CAAAN,IAAA,EAAAO,SAAA,CAAA,CAAA;AAC7C;AACA,IAAA,IAAAC,SAAA,GAAsBC,cAAQ,CAA0B,IAAI,CAAC;MAAAC,UAAA,GAAAC,uCAAA,CAAAH,SAAA,EAAA,CAAA,CAAA;AAAtDI,MAAAA,GAAG,GAAAF,UAAA,CAAA,CAAA,CAAA;AAAEG,MAAAA,MAAM,GAAAH,UAAA,CAAA,CAAA,CAAA,CAAA;IAElBI,yBAAmB,CAACb,QAAQ,EAAE,YAAA;AAAA,MAAA,OAAMW,GAAG,CAAA;AAAA,KAAoB,EAAE,CAACA,GAAG,CAAC,CAAC,CAAA;IAEnE,IAAI,CAACV,IAAI,EAAE;AACP,MAAA,oBAAOa,sBAAA,CAAAC,aAAA,CAACpB,cAAc,EAAAqB,iCAAA,CAAA;AAACL,QAAAA,GAAG,EAAEC,MAAAA;OAAaR,EAAAA,IAAI,CAAS,CAAC,CAAA;AAC3D,KAAA;AAEA,IAAA,oBAAOU,sBAAA,CAAAC,aAAA,CAACnB,WAAW,EAAAoB,iCAAA,CAAA;AAACC,MAAAA,YAAY,EAAEL,MAAO;AAACX,MAAAA,IAAI,EAAEA,IAAK;AAACE,MAAAA,UAAU,EAAEA,UAAAA;KAAiBC,EAAAA,IAAI,CAAS,CAAC,CAAA;AACrG,GACJ,CAAC,CAAA;AACL;;;;"}
1
+ {"version":3,"file":"Mask.js","sources":["../../../src/components/Mask/Mask.tsx"],"sourcesContent":["import React, { forwardRef, useImperativeHandle, useState } from 'react';\nimport type { ForwardRefExoticComponent } from 'react';\nimport maskInputCompose from '@salutejs/react-maskinput';\n\nimport type { CustomInputProps, MaskProps } from './Mask.types';\n\nconst defaultFormatChars = [\n {\n str: '*',\n regexp: /./,\n },\n {\n str: '0',\n regexp: /[0-9]/,\n },\n {\n str: 'a',\n regexp: /[a-zA-Z]/,\n },\n {\n str: 'я',\n regexp: /[а-яА-ЯёЁ]/,\n },\n];\n\nexport const composeMask = <T extends CustomInputProps>(InputComponent: ForwardRefExoticComponent<T>) => {\n const MaskedInput = maskInputCompose(InputComponent);\n\n return forwardRef<HTMLInputElement, T & MaskProps>(\n ({ mask, maskFormat = defaultFormatChars, ...rest }, outerRef) => {\n // TODO: replace inside react-maskinput 'getReference' on 'forwardRef'\n const [ref, setRef] = useState<HTMLInputElement | null>(null);\n\n useImperativeHandle(outerRef, () => ref as HTMLInputElement, [ref]);\n\n if (!mask) {\n return <InputComponent ref={setRef} {...(rest as T)} />;\n }\n\n return <MaskedInput getReference={setRef} mask={mask} maskFormat={maskFormat} {...(rest as T)} />;\n },\n );\n};\n"],"names":["defaultFormatChars","str","regexp","composeMask","InputComponent","MaskedInput","maskInputCompose","forwardRef","_ref","outerRef","mask","_ref$maskFormat","maskFormat","rest","_objectWithoutProperties","_excluded","_useState","useState","_useState2","_slicedToArray","ref","setRef","useImperativeHandle","React","createElement","_extends","getReference"],"mappings":";;;;;;;;;;;;;;AAMA,IAAMA,kBAAkB,GAAG,CACvB;AACIC,EAAAA,GAAG,EAAE,GAAG;AACRC,EAAAA,MAAM,EAAE,GAAA;AACZ,CAAC,EACD;AACID,EAAAA,GAAG,EAAE,GAAG;AACRC,EAAAA,MAAM,EAAE,OAAA;AACZ,CAAC,EACD;AACID,EAAAA,GAAG,EAAE,GAAG;AACRC,EAAAA,MAAM,EAAE,UAAA;AACZ,CAAC,EACD;AACID,EAAAA,GAAG,EAAE,GAAG;AACRC,EAAAA,MAAM,EAAE,YAAA;AACZ,CAAC,CACJ,CAAA;IAEYC,WAAW,GAAG,SAAdA,WAAWA,CAAgCC,cAA4C,EAAK;AACrG,EAAA,IAAMC,WAAW,GAAGC,iCAAgB,CAACF,cAAc,CAAC,CAAA;AAEpD,EAAA,oBAAOG,gBAAU,CACb,UAAAC,IAAA,EAAqDC,QAAQ,EAAK;AAAA,IAAA,IAA/DC,IAAI,GAAAF,IAAA,CAAJE,IAAI;MAAAC,eAAA,GAAAH,IAAA,CAAEI,UAAU;AAAVA,MAAAA,UAAU,GAAAD,eAAA,KAAGX,KAAAA,CAAAA,GAAAA,kBAAkB,GAAAW,eAAA;AAAKE,MAAAA,IAAI,GAAAC,iDAAA,CAAAN,IAAA,EAAAO,SAAA,CAAA,CAAA;AAC7C;AACA,IAAA,IAAAC,SAAA,GAAsBC,cAAQ,CAA0B,IAAI,CAAC;MAAAC,UAAA,GAAAC,uCAAA,CAAAH,SAAA,EAAA,CAAA,CAAA;AAAtDI,MAAAA,GAAG,GAAAF,UAAA,CAAA,CAAA,CAAA;AAAEG,MAAAA,MAAM,GAAAH,UAAA,CAAA,CAAA,CAAA,CAAA;IAElBI,yBAAmB,CAACb,QAAQ,EAAE,YAAA;AAAA,MAAA,OAAMW,GAAG,CAAA;AAAA,KAAoB,EAAE,CAACA,GAAG,CAAC,CAAC,CAAA;IAEnE,IAAI,CAACV,IAAI,EAAE;AACP,MAAA,oBAAOa,sBAAA,CAAAC,aAAA,CAACpB,cAAc,EAAAqB,iCAAA,CAAA;AAACL,QAAAA,GAAG,EAAEC,MAAAA;OAAaR,EAAAA,IAAI,CAAS,CAAC,CAAA;AAC3D,KAAA;AAEA,IAAA,oBAAOU,sBAAA,CAAAC,aAAA,CAACnB,WAAW,EAAAoB,iCAAA,CAAA;AAACC,MAAAA,YAAY,EAAEL,MAAO;AAACX,MAAAA,IAAI,EAAEA,IAAK;AAACE,MAAAA,UAAU,EAAEA,UAAAA;KAAiBC,EAAAA,IAAI,CAAS,CAAC,CAAA;AACrG,GACJ,CAAC,CAAA;AACL;;;;"}
@@ -1 +1 @@
1
- {"version":3,"file":"NumberFormat.js","sources":["../../../src/components/NumberFormat/NumberFormat.tsx"],"sourcesContent":["import React, { forwardRef, useRef, useState } from 'react';\nimport type { ChangeEvent, FC, ClipboardEvent } from 'react';\nimport { NumericFormat, numericFormatter } from 'react-number-format';\nimport type { NumberFormatValues, SourceInfo } from 'react-number-format';\nimport { useForkRef } from '@salutejs/plasma-core';\n\nimport type {\n CustomNumberFormatProps,\n CustomNumericFormatProps,\n InputComponentOmittedProps,\n} from './NumberFormat.types';\n\nexport const composeNumberFormat = <T extends InputComponentOmittedProps>(InputComponent: FC<T>) => {\n return forwardRef<HTMLInputElement, T & CustomNumberFormatProps & CustomNumericFormatProps>(\n (\n {\n thousandSeparator = ' ',\n decimalScale = 3,\n decimalSeparator = '.',\n disabled,\n value: outerValue,\n onChange,\n defaultValue,\n onPaste,\n ...rest\n },\n outerRef,\n ) => {\n const inputRef = useRef<HTMLInputElement>(null);\n const inputForkRef = useForkRef(inputRef, outerRef);\n\n const [innerValue, setInnerValue] = useState(defaultValue || '');\n\n const value = numericFormatter(String(outerValue ?? innerValue), {\n thousandSeparator,\n decimalScale,\n decimalSeparator,\n });\n\n const handleChangeValue = (values: NumberFormatValues, sourceInfo: SourceInfo) => {\n const changeEvent = sourceInfo.event as ChangeEvent<HTMLInputElement>;\n setInnerValue(values.value);\n\n if (onChange) {\n onChange(changeEvent, values);\n }\n };\n\n const handlePaste = (event: ClipboardEvent<HTMLInputElement>) => {\n if (disabled) {\n return;\n }\n\n if (decimalSeparator !== '.' && inputRef.current) {\n if (!Number.isNaN(Number(event.clipboardData.getData('text/plain')))) {\n event.preventDefault();\n\n const pastedValue = event.clipboardData.getData('text/plain').replace('.', decimalSeparator);\n const input = event.target as HTMLInputElement;\n const startPos = input.selectionStart || 0;\n\n const newCursorPos = startPos + pastedValue.length;\n setInnerValue(pastedValue);\n\n setTimeout(() => {\n inputRef.current?.setSelectionRange(newCursorPos, newCursorPos);\n }, 10);\n }\n }\n\n if (onPaste) {\n onPaste(event);\n }\n };\n\n return (\n <NumericFormat\n value={value}\n disabled={disabled}\n thousandSeparator={thousandSeparator}\n decimalScale={decimalScale}\n decimalSeparator={decimalSeparator}\n customInput={InputComponent}\n getInputRef={inputForkRef}\n _textEllipsisDisable\n onValueChange={handleChangeValue}\n onPaste={handlePaste}\n {...rest}\n />\n );\n },\n );\n};\n"],"names":["composeNumberFormat","InputComponent","forwardRef","_ref","outerRef","_ref$thousandSeparato","thousandSeparator","_ref$decimalScale","decimalScale","_ref$decimalSeparator","decimalSeparator","disabled","outerValue","value","onChange","defaultValue","onPaste","rest","_objectWithoutProperties","_excluded","inputRef","useRef","inputForkRef","useForkRef","_useState","useState","_useState2","_slicedToArray","innerValue","setInnerValue","numericFormatter","String","handleChangeValue","values","sourceInfo","changeEvent","event","handlePaste","current","Number","isNaN","clipboardData","getData","preventDefault","pastedValue","replace","input","target","startPos","selectionStart","newCursorPos","length","setTimeout","_inputRef$current","setSelectionRange","React","createElement","NumericFormat","_extends","customInput","getInputRef","_textEllipsisDisable","onValueChange"],"mappings":"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"}
1
+ {"version":3,"file":"NumberFormat.js","sources":["../../../src/components/NumberFormat/NumberFormat.tsx"],"sourcesContent":["import React, { forwardRef, useRef, useState } from 'react';\nimport type { ChangeEvent, ClipboardEvent, ForwardRefExoticComponent } from 'react';\nimport { NumericFormat, numericFormatter } from 'react-number-format';\nimport type { NumberFormatValues, SourceInfo } from 'react-number-format';\nimport { useForkRef } from '@salutejs/plasma-core';\n\nimport type {\n CustomNumberFormatProps,\n CustomNumericFormatProps,\n InputComponentOmittedProps,\n} from './NumberFormat.types';\n\nexport const composeNumberFormat = <T extends InputComponentOmittedProps>(\n InputComponent: ForwardRefExoticComponent<T>,\n) => {\n return forwardRef<HTMLInputElement, T & CustomNumberFormatProps & CustomNumericFormatProps>(\n (\n {\n thousandSeparator = ' ',\n decimalScale = 3,\n decimalSeparator = '.',\n disabled,\n value: outerValue,\n onChange,\n defaultValue,\n onPaste,\n ...rest\n },\n outerRef,\n ) => {\n const inputRef = useRef<HTMLInputElement>(null);\n const inputForkRef = useForkRef(inputRef, outerRef);\n\n const [innerValue, setInnerValue] = useState(defaultValue || '');\n\n const value = numericFormatter(String(outerValue ?? innerValue), {\n thousandSeparator,\n decimalScale,\n decimalSeparator,\n });\n\n const handleChangeValue = (values: NumberFormatValues, sourceInfo: SourceInfo) => {\n const changeEvent = sourceInfo.event as ChangeEvent<HTMLInputElement>;\n setInnerValue(values.value);\n\n if (onChange) {\n onChange(changeEvent, values);\n }\n };\n\n const handlePaste = (event: ClipboardEvent<HTMLInputElement>) => {\n if (disabled) {\n return;\n }\n\n if (decimalSeparator !== '.' && inputRef.current) {\n if (!Number.isNaN(Number(event.clipboardData.getData('text/plain')))) {\n event.preventDefault();\n\n const pastedValue = event.clipboardData.getData('text/plain').replace('.', decimalSeparator);\n const input = event.target as HTMLInputElement;\n const startPos = input.selectionStart || 0;\n\n const newCursorPos = startPos + pastedValue.length;\n setInnerValue(pastedValue);\n\n setTimeout(() => {\n inputRef.current?.setSelectionRange(newCursorPos, newCursorPos);\n }, 10);\n }\n }\n\n if (onPaste) {\n onPaste(event);\n }\n };\n\n return (\n <NumericFormat\n value={value}\n disabled={disabled}\n thousandSeparator={thousandSeparator}\n decimalScale={decimalScale}\n decimalSeparator={decimalSeparator}\n customInput={InputComponent}\n getInputRef={inputForkRef}\n _textEllipsisDisable\n onValueChange={handleChangeValue}\n onPaste={handlePaste}\n {...rest}\n />\n );\n },\n );\n};\n"],"names":["composeNumberFormat","InputComponent","forwardRef","_ref","outerRef","_ref$thousandSeparato","thousandSeparator","_ref$decimalScale","decimalScale","_ref$decimalSeparator","decimalSeparator","disabled","outerValue","value","onChange","defaultValue","onPaste","rest","_objectWithoutProperties","_excluded","inputRef","useRef","inputForkRef","useForkRef","_useState","useState","_useState2","_slicedToArray","innerValue","setInnerValue","numericFormatter","String","handleChangeValue","values","sourceInfo","changeEvent","event","handlePaste","current","Number","isNaN","clipboardData","getData","preventDefault","pastedValue","replace","input","target","startPos","selectionStart","newCursorPos","length","setTimeout","_inputRef$current","setSelectionRange","React","createElement","NumericFormat","_extends","customInput","getInputRef","_textEllipsisDisable","onValueChange"],"mappings":"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"}
@@ -73,7 +73,7 @@
73
73
 
74
74
  .base_2lss3j_b1w985rt__6ded9a23[readonly] .base_2lss3j_iq39zt5__6ded9a23{position:relative;z-index:0;color:var(--plasma-textfield-color-readonly);background:transparent;box-shadow:none;}.base_2lss3j_b1w985rt__6ded9a23[readonly] .base_2lss3j_iq39zt5__6ded9a23:before{position:absolute;content:'';top:0;left:0;right:0;bottom:0;border-radius:var(--plasma-textfield-border-radius);background-color:var(--plasma-textfield-bg-color-readonly);opacity:var(--plasma-textfield-readonly-opacity);box-shadow:inset 0 0 0 var(--plasma-textfield-border-width) var(--plasma-textfield-border-color-readonly);z-index:-1;}.base_2lss3j_b1w985rt__6ded9a23[readonly] .base_2lss3j_iq39zt5__6ded9a23:hover{background-color:transparent;}.base_2lss3j_b1w985rt__6ded9a23[readonly].base_2lss3j_textfieldHasDivider__6ded9a23 .base_2lss3j_iq39zt5__6ded9a23:before{background-color:var(--plasma-textfield-divider-color-readonly);}.base_2lss3j_b1w985rt__6ded9a23[readonly] .base_2lss3j_iq39zt5__6ded9a23:focus-within .base_2lss3j_i19ry60d__6ded9a23,.base_2lss3j_b1w985rt__6ded9a23[readonly] .base_2lss3j_i19ry60d__6ded9a23{color:var(--plasma-textfield__placeholder-color-readonly);}.base_2lss3j_b1w985rt__6ded9a23[readonly] .base_2lss3j_io4bpie__6ded9a23{color:var(--plasma-textfield-color-readonly);cursor:default;min-width:unset;}.base_2lss3j_b1w985rt__6ded9a23[readonly] .base_2lss3j_t600610__6ded9a23{color:var(--plasma-textfield__title-caption-color-readonly);}.base_2lss3j_b1w985rt__6ded9a23[readonly] .base_2lss3j_l7hnwwb__6ded9a23{color:var(--plasma-textfield__left-helper-color-readonly);}.base_2lss3j_b1w985rt__6ded9a23[readonly] .base_2lss3j_ssv2kwg__6ded9a23:hover{color:var(--private_content-slot-color);}.base_2lss3j_b1w985rt__6ded9a23[readonly] .base_2lss3j_sb3k3v1__6ded9a23{opacity:var(--plasma-textfield-right-content-opacity-readonly);}.base_2lss3j_b1w985rt__6ded9a23[readonly] .base_2lss3j_sb3k3v1__6ded9a23:hover,.base_2lss3j_b1w985rt__6ded9a23[readonly] .base_2lss3j_sb3k3v1__6ded9a23:active{cursor:default;color:var(--plasma-textfield-content-right-slot-color,var(--plasma-textfield-content-slot-color));}.base_2lss3j_b1w985rt__6ded9a23[readonly].base_2lss3j_labelPlacementOuter__6ded9a23 .base_2lss3j_l1gjsnfi__6ded9a23{color:var(--plasma-textfield__label-color-readonly);}
75
75
 
76
- .base_o4xjq1_b15d3bnf__bf782b1b.base_o4xjq1_labelPlacementOuter__bf782b1b .base_o4xjq1_l1gjsnfi__bf782b1b{position:relative;display:inline-block;color:var(--plasma-textfield__label-color);}.base_o4xjq1_b15d3bnf__bf782b1b.base_o4xjq1_labelPlacementInner__bf782b1b .base_o4xjq1_i13qvwoy__bf782b1b{padding:var(--plasma-textfield-placement_inner__content-padding);}.base_o4xjq1_b15d3bnf__bf782b1b.base_o4xjq1_labelPlacementInner__bf782b1b .base_o4xjq1_io4bpie__bf782b1b:not(.base_o4xjq1_textfieldReadonlyInput__bf782b1b):focus ~ .base_o4xjq1_l1gjsnfi__bf782b1b,.base_o4xjq1_b15d3bnf__bf782b1b.base_o4xjq1_labelPlacementInner__bf782b1b .base_o4xjq1_io4bpie__bf782b1b.base_o4xjq1_hasValue__bf782b1b ~ .base_o4xjq1_l1gjsnfi__bf782b1b,.base_o4xjq1_b15d3bnf__bf782b1b.base_o4xjq1_labelPlacementInner__bf782b1b .base_o4xjq1_io4bpie__bf782b1b.base_o4xjq1_keepPlaceholder__bf782b1b ~ .base_o4xjq1_l1gjsnfi__bf782b1b{color:var(--plasma-textfield__placeholder-color);-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;padding:var(--plasma-textfield-placement_inner__label-padding);font-family:var(--plasma-textfield-placement_inner__label-font-family);font-size:var(--plasma-textfield-placement_inner__label-font-size);font-style:var(--plasma-textfield-placement_inner__label-font-style);font-weight:var(--plasma-textfield-placement_inner__label-font-weight);-webkit-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);-moz-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);-ms-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);line-height:var(--plasma-textfield-placement_inner__label-line-height);}.base_o4xjq1_b15d3bnf__bf782b1b.base_o4xjq1_labelPlacementInner__bf782b1b .base_o4xjq1_l1gjsnfi__bf782b1b{color:var(--plasma-textfield__placeholder-color);pointer-events:none;position:absolute;top:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;height:100%;width:100%;}.base_o4xjq1_b15d3bnf__bf782b1b.base_o4xjq1_labelPlacementInner__bf782b1b.base_o4xjq1_textfieldHasHint__bf782b1b .base_o4xjq1_s9w7nf8__bf782b1b.base_o4xjq1_labelPlacementInner__bf782b1b.base_o4xjq1_requiredAlignRight__bf782b1b{inset:var(--plasma-textfield__clear-indicator-hint-placement-inner-right);}
76
+ .base_1m5chvs_b15d3bnf__ff61de1c.base_1m5chvs_labelPlacementOuter__ff61de1c .base_1m5chvs_l1gjsnfi__ff61de1c{position:relative;display:inline-block;color:var(--plasma-textfield__label-color);}.base_1m5chvs_b15d3bnf__ff61de1c.base_1m5chvs_labelPlacementInner__ff61de1c .base_1m5chvs_i13qvwoy__ff61de1c{padding:var(--plasma-textfield-placement_inner__content-padding);}.base_1m5chvs_b15d3bnf__ff61de1c.base_1m5chvs_labelPlacementInner__ff61de1c .base_1m5chvs_io4bpie__ff61de1c:not(.base_1m5chvs_textfieldReadonlyInput__ff61de1c):focus ~ .base_1m5chvs_l1gjsnfi__ff61de1c,.base_1m5chvs_b15d3bnf__ff61de1c.base_1m5chvs_labelPlacementInner__ff61de1c .base_1m5chvs_io4bpie__ff61de1c.base_1m5chvs_hasValue__ff61de1c ~ .base_1m5chvs_l1gjsnfi__ff61de1c,.base_1m5chvs_b15d3bnf__ff61de1c.base_1m5chvs_labelPlacementInner__ff61de1c .base_1m5chvs_io4bpie__ff61de1c.base_1m5chvs_keepPlaceholder__ff61de1c ~ .base_1m5chvs_l1gjsnfi__ff61de1c{color:var(--plasma-textfield__placeholder-color);-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;padding:var(--plasma-textfield-placement_inner__label-padding);font-family:var(--plasma-textfield-placement_inner__label-font-family);font-size:var(--plasma-textfield-placement_inner__label-font-size);font-style:var(--plasma-textfield-placement_inner__label-font-style);font-weight:var(--plasma-textfield-placement_inner__label-font-weight);-webkit-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);-moz-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);-ms-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);line-height:var(--plasma-textfield-placement_inner__label-line-height);}.base_1m5chvs_b15d3bnf__ff61de1c.base_1m5chvs_labelPlacementInner__ff61de1c .base_1m5chvs_l1gjsnfi__ff61de1c{color:var(--plasma-textfield__placeholder-color);pointer-events:none;position:absolute;top:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;height:100%;width:100%;}.base_1m5chvs_b15d3bnf__ff61de1c.base_1m5chvs_labelPlacementInner__ff61de1c.base_1m5chvs_textfieldHasHint__ff61de1c.base_1m5chvs_textfieldClear__ff61de1c .base_1m5chvs_s9w7nf8__ff61de1c.base_1m5chvs_labelPlacementInner__ff61de1c.base_1m5chvs_requiredAlignRight__ff61de1c{inset:var(--plasma-textfield__clear-indicator-hint-placement-inner-right);}
77
77
 
78
78
  .base_7yx5d1_bbsd6t5__2df10b77 .base_7yx5d1_h8yezh4__2df10b77{--plasma-tooltip-background-color:var(--plasma-textfield__tooltip-background-color);--plasma-tooltip-box-shadow:var(--plasma-textfield__tooltip-box-shadow);--plasma-tooltip-color:var(--plasma-textfield__tooltip-color);}
79
79
 
@@ -39,7 +39,7 @@
39
39
 
40
40
  .base_2lss3j_b1w985rt__6ded9a23[readonly] .base_2lss3j_iq39zt5__6ded9a23{position:relative;z-index:0;color:var(--plasma-textfield-color-readonly);background:transparent;box-shadow:none;}.base_2lss3j_b1w985rt__6ded9a23[readonly] .base_2lss3j_iq39zt5__6ded9a23:before{position:absolute;content:'';top:0;left:0;right:0;bottom:0;border-radius:var(--plasma-textfield-border-radius);background-color:var(--plasma-textfield-bg-color-readonly);opacity:var(--plasma-textfield-readonly-opacity);box-shadow:inset 0 0 0 var(--plasma-textfield-border-width) var(--plasma-textfield-border-color-readonly);z-index:-1;}.base_2lss3j_b1w985rt__6ded9a23[readonly] .base_2lss3j_iq39zt5__6ded9a23:hover{background-color:transparent;}.base_2lss3j_b1w985rt__6ded9a23[readonly].base_2lss3j_textfieldHasDivider__6ded9a23 .base_2lss3j_iq39zt5__6ded9a23:before{background-color:var(--plasma-textfield-divider-color-readonly);}.base_2lss3j_b1w985rt__6ded9a23[readonly] .base_2lss3j_iq39zt5__6ded9a23:focus-within .base_2lss3j_i19ry60d__6ded9a23,.base_2lss3j_b1w985rt__6ded9a23[readonly] .base_2lss3j_i19ry60d__6ded9a23{color:var(--plasma-textfield__placeholder-color-readonly);}.base_2lss3j_b1w985rt__6ded9a23[readonly] .base_2lss3j_io4bpie__6ded9a23{color:var(--plasma-textfield-color-readonly);cursor:default;min-width:unset;}.base_2lss3j_b1w985rt__6ded9a23[readonly] .base_2lss3j_t600610__6ded9a23{color:var(--plasma-textfield__title-caption-color-readonly);}.base_2lss3j_b1w985rt__6ded9a23[readonly] .base_2lss3j_l7hnwwb__6ded9a23{color:var(--plasma-textfield__left-helper-color-readonly);}.base_2lss3j_b1w985rt__6ded9a23[readonly] .base_2lss3j_ssv2kwg__6ded9a23:hover{color:var(--private_content-slot-color);}.base_2lss3j_b1w985rt__6ded9a23[readonly] .base_2lss3j_sb3k3v1__6ded9a23{opacity:var(--plasma-textfield-right-content-opacity-readonly);}.base_2lss3j_b1w985rt__6ded9a23[readonly] .base_2lss3j_sb3k3v1__6ded9a23:hover,.base_2lss3j_b1w985rt__6ded9a23[readonly] .base_2lss3j_sb3k3v1__6ded9a23:active{cursor:default;color:var(--plasma-textfield-content-right-slot-color,var(--plasma-textfield-content-slot-color));}.base_2lss3j_b1w985rt__6ded9a23[readonly].base_2lss3j_labelPlacementOuter__6ded9a23 .base_2lss3j_l1gjsnfi__6ded9a23{color:var(--plasma-textfield__label-color-readonly);}
41
41
 
42
- .base_o4xjq1_b15d3bnf__bf782b1b.base_o4xjq1_labelPlacementOuter__bf782b1b .base_o4xjq1_l1gjsnfi__bf782b1b{position:relative;display:inline-block;color:var(--plasma-textfield__label-color);}.base_o4xjq1_b15d3bnf__bf782b1b.base_o4xjq1_labelPlacementInner__bf782b1b .base_o4xjq1_i13qvwoy__bf782b1b{padding:var(--plasma-textfield-placement_inner__content-padding);}.base_o4xjq1_b15d3bnf__bf782b1b.base_o4xjq1_labelPlacementInner__bf782b1b .base_o4xjq1_io4bpie__bf782b1b:not(.base_o4xjq1_textfieldReadonlyInput__bf782b1b):focus ~ .base_o4xjq1_l1gjsnfi__bf782b1b,.base_o4xjq1_b15d3bnf__bf782b1b.base_o4xjq1_labelPlacementInner__bf782b1b .base_o4xjq1_io4bpie__bf782b1b.base_o4xjq1_hasValue__bf782b1b ~ .base_o4xjq1_l1gjsnfi__bf782b1b,.base_o4xjq1_b15d3bnf__bf782b1b.base_o4xjq1_labelPlacementInner__bf782b1b .base_o4xjq1_io4bpie__bf782b1b.base_o4xjq1_keepPlaceholder__bf782b1b ~ .base_o4xjq1_l1gjsnfi__bf782b1b{color:var(--plasma-textfield__placeholder-color);-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;padding:var(--plasma-textfield-placement_inner__label-padding);font-family:var(--plasma-textfield-placement_inner__label-font-family);font-size:var(--plasma-textfield-placement_inner__label-font-size);font-style:var(--plasma-textfield-placement_inner__label-font-style);font-weight:var(--plasma-textfield-placement_inner__label-font-weight);-webkit-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);-moz-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);-ms-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);line-height:var(--plasma-textfield-placement_inner__label-line-height);}.base_o4xjq1_b15d3bnf__bf782b1b.base_o4xjq1_labelPlacementInner__bf782b1b .base_o4xjq1_l1gjsnfi__bf782b1b{color:var(--plasma-textfield__placeholder-color);pointer-events:none;position:absolute;top:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;height:100%;width:100%;}.base_o4xjq1_b15d3bnf__bf782b1b.base_o4xjq1_labelPlacementInner__bf782b1b.base_o4xjq1_textfieldHasHint__bf782b1b .base_o4xjq1_s9w7nf8__bf782b1b.base_o4xjq1_labelPlacementInner__bf782b1b.base_o4xjq1_requiredAlignRight__bf782b1b{inset:var(--plasma-textfield__clear-indicator-hint-placement-inner-right);}
42
+ .base_1m5chvs_b15d3bnf__ff61de1c.base_1m5chvs_labelPlacementOuter__ff61de1c .base_1m5chvs_l1gjsnfi__ff61de1c{position:relative;display:inline-block;color:var(--plasma-textfield__label-color);}.base_1m5chvs_b15d3bnf__ff61de1c.base_1m5chvs_labelPlacementInner__ff61de1c .base_1m5chvs_i13qvwoy__ff61de1c{padding:var(--plasma-textfield-placement_inner__content-padding);}.base_1m5chvs_b15d3bnf__ff61de1c.base_1m5chvs_labelPlacementInner__ff61de1c .base_1m5chvs_io4bpie__ff61de1c:not(.base_1m5chvs_textfieldReadonlyInput__ff61de1c):focus ~ .base_1m5chvs_l1gjsnfi__ff61de1c,.base_1m5chvs_b15d3bnf__ff61de1c.base_1m5chvs_labelPlacementInner__ff61de1c .base_1m5chvs_io4bpie__ff61de1c.base_1m5chvs_hasValue__ff61de1c ~ .base_1m5chvs_l1gjsnfi__ff61de1c,.base_1m5chvs_b15d3bnf__ff61de1c.base_1m5chvs_labelPlacementInner__ff61de1c .base_1m5chvs_io4bpie__ff61de1c.base_1m5chvs_keepPlaceholder__ff61de1c ~ .base_1m5chvs_l1gjsnfi__ff61de1c{color:var(--plasma-textfield__placeholder-color);-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;padding:var(--plasma-textfield-placement_inner__label-padding);font-family:var(--plasma-textfield-placement_inner__label-font-family);font-size:var(--plasma-textfield-placement_inner__label-font-size);font-style:var(--plasma-textfield-placement_inner__label-font-style);font-weight:var(--plasma-textfield-placement_inner__label-font-weight);-webkit-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);-moz-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);-ms-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);line-height:var(--plasma-textfield-placement_inner__label-line-height);}.base_1m5chvs_b15d3bnf__ff61de1c.base_1m5chvs_labelPlacementInner__ff61de1c .base_1m5chvs_l1gjsnfi__ff61de1c{color:var(--plasma-textfield__placeholder-color);pointer-events:none;position:absolute;top:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;height:100%;width:100%;}.base_1m5chvs_b15d3bnf__ff61de1c.base_1m5chvs_labelPlacementInner__ff61de1c.base_1m5chvs_textfieldHasHint__ff61de1c.base_1m5chvs_textfieldClear__ff61de1c .base_1m5chvs_s9w7nf8__ff61de1c.base_1m5chvs_labelPlacementInner__ff61de1c.base_1m5chvs_requiredAlignRight__ff61de1c{inset:var(--plasma-textfield__clear-indicator-hint-placement-inner-right);}
43
43
 
44
44
  .base_7yx5d1_bbsd6t5__2df10b77 .base_7yx5d1_h8yezh4__2df10b77{--plasma-tooltip-background-color:var(--plasma-textfield__tooltip-background-color);--plasma-tooltip-box-shadow:var(--plasma-textfield__tooltip-box-shadow);--plasma-tooltip-color:var(--plasma-textfield__tooltip-color);}
45
45
 
@@ -14,7 +14,7 @@
14
14
 
15
15
  .base_2lss3j_b1w985rt__6ded9a23[readonly] .base_2lss3j_iq39zt5__6ded9a23{position:relative;z-index:0;color:var(--plasma-textfield-color-readonly);background:transparent;box-shadow:none;}.base_2lss3j_b1w985rt__6ded9a23[readonly] .base_2lss3j_iq39zt5__6ded9a23:before{position:absolute;content:'';top:0;left:0;right:0;bottom:0;border-radius:var(--plasma-textfield-border-radius);background-color:var(--plasma-textfield-bg-color-readonly);opacity:var(--plasma-textfield-readonly-opacity);box-shadow:inset 0 0 0 var(--plasma-textfield-border-width) var(--plasma-textfield-border-color-readonly);z-index:-1;}.base_2lss3j_b1w985rt__6ded9a23[readonly] .base_2lss3j_iq39zt5__6ded9a23:hover{background-color:transparent;}.base_2lss3j_b1w985rt__6ded9a23[readonly].base_2lss3j_textfieldHasDivider__6ded9a23 .base_2lss3j_iq39zt5__6ded9a23:before{background-color:var(--plasma-textfield-divider-color-readonly);}.base_2lss3j_b1w985rt__6ded9a23[readonly] .base_2lss3j_iq39zt5__6ded9a23:focus-within .base_2lss3j_i19ry60d__6ded9a23,.base_2lss3j_b1w985rt__6ded9a23[readonly] .base_2lss3j_i19ry60d__6ded9a23{color:var(--plasma-textfield__placeholder-color-readonly);}.base_2lss3j_b1w985rt__6ded9a23[readonly] .base_2lss3j_io4bpie__6ded9a23{color:var(--plasma-textfield-color-readonly);cursor:default;min-width:unset;}.base_2lss3j_b1w985rt__6ded9a23[readonly] .base_2lss3j_t600610__6ded9a23{color:var(--plasma-textfield__title-caption-color-readonly);}.base_2lss3j_b1w985rt__6ded9a23[readonly] .base_2lss3j_l7hnwwb__6ded9a23{color:var(--plasma-textfield__left-helper-color-readonly);}.base_2lss3j_b1w985rt__6ded9a23[readonly] .base_2lss3j_ssv2kwg__6ded9a23:hover{color:var(--private_content-slot-color);}.base_2lss3j_b1w985rt__6ded9a23[readonly] .base_2lss3j_sb3k3v1__6ded9a23{opacity:var(--plasma-textfield-right-content-opacity-readonly);}.base_2lss3j_b1w985rt__6ded9a23[readonly] .base_2lss3j_sb3k3v1__6ded9a23:hover,.base_2lss3j_b1w985rt__6ded9a23[readonly] .base_2lss3j_sb3k3v1__6ded9a23:active{cursor:default;color:var(--plasma-textfield-content-right-slot-color,var(--plasma-textfield-content-slot-color));}.base_2lss3j_b1w985rt__6ded9a23[readonly].base_2lss3j_labelPlacementOuter__6ded9a23 .base_2lss3j_l1gjsnfi__6ded9a23{color:var(--plasma-textfield__label-color-readonly);}
16
16
 
17
- .base_o4xjq1_b15d3bnf__bf782b1b.base_o4xjq1_labelPlacementOuter__bf782b1b .base_o4xjq1_l1gjsnfi__bf782b1b{position:relative;display:inline-block;color:var(--plasma-textfield__label-color);}.base_o4xjq1_b15d3bnf__bf782b1b.base_o4xjq1_labelPlacementInner__bf782b1b .base_o4xjq1_i13qvwoy__bf782b1b{padding:var(--plasma-textfield-placement_inner__content-padding);}.base_o4xjq1_b15d3bnf__bf782b1b.base_o4xjq1_labelPlacementInner__bf782b1b .base_o4xjq1_io4bpie__bf782b1b:not(.base_o4xjq1_textfieldReadonlyInput__bf782b1b):focus ~ .base_o4xjq1_l1gjsnfi__bf782b1b,.base_o4xjq1_b15d3bnf__bf782b1b.base_o4xjq1_labelPlacementInner__bf782b1b .base_o4xjq1_io4bpie__bf782b1b.base_o4xjq1_hasValue__bf782b1b ~ .base_o4xjq1_l1gjsnfi__bf782b1b,.base_o4xjq1_b15d3bnf__bf782b1b.base_o4xjq1_labelPlacementInner__bf782b1b .base_o4xjq1_io4bpie__bf782b1b.base_o4xjq1_keepPlaceholder__bf782b1b ~ .base_o4xjq1_l1gjsnfi__bf782b1b{color:var(--plasma-textfield__placeholder-color);-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;padding:var(--plasma-textfield-placement_inner__label-padding);font-family:var(--plasma-textfield-placement_inner__label-font-family);font-size:var(--plasma-textfield-placement_inner__label-font-size);font-style:var(--plasma-textfield-placement_inner__label-font-style);font-weight:var(--plasma-textfield-placement_inner__label-font-weight);-webkit-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);-moz-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);-ms-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);line-height:var(--plasma-textfield-placement_inner__label-line-height);}.base_o4xjq1_b15d3bnf__bf782b1b.base_o4xjq1_labelPlacementInner__bf782b1b .base_o4xjq1_l1gjsnfi__bf782b1b{color:var(--plasma-textfield__placeholder-color);pointer-events:none;position:absolute;top:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;height:100%;width:100%;}.base_o4xjq1_b15d3bnf__bf782b1b.base_o4xjq1_labelPlacementInner__bf782b1b.base_o4xjq1_textfieldHasHint__bf782b1b .base_o4xjq1_s9w7nf8__bf782b1b.base_o4xjq1_labelPlacementInner__bf782b1b.base_o4xjq1_requiredAlignRight__bf782b1b{inset:var(--plasma-textfield__clear-indicator-hint-placement-inner-right);}
17
+ .base_1m5chvs_b15d3bnf__ff61de1c.base_1m5chvs_labelPlacementOuter__ff61de1c .base_1m5chvs_l1gjsnfi__ff61de1c{position:relative;display:inline-block;color:var(--plasma-textfield__label-color);}.base_1m5chvs_b15d3bnf__ff61de1c.base_1m5chvs_labelPlacementInner__ff61de1c .base_1m5chvs_i13qvwoy__ff61de1c{padding:var(--plasma-textfield-placement_inner__content-padding);}.base_1m5chvs_b15d3bnf__ff61de1c.base_1m5chvs_labelPlacementInner__ff61de1c .base_1m5chvs_io4bpie__ff61de1c:not(.base_1m5chvs_textfieldReadonlyInput__ff61de1c):focus ~ .base_1m5chvs_l1gjsnfi__ff61de1c,.base_1m5chvs_b15d3bnf__ff61de1c.base_1m5chvs_labelPlacementInner__ff61de1c .base_1m5chvs_io4bpie__ff61de1c.base_1m5chvs_hasValue__ff61de1c ~ .base_1m5chvs_l1gjsnfi__ff61de1c,.base_1m5chvs_b15d3bnf__ff61de1c.base_1m5chvs_labelPlacementInner__ff61de1c .base_1m5chvs_io4bpie__ff61de1c.base_1m5chvs_keepPlaceholder__ff61de1c ~ .base_1m5chvs_l1gjsnfi__ff61de1c{color:var(--plasma-textfield__placeholder-color);-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;padding:var(--plasma-textfield-placement_inner__label-padding);font-family:var(--plasma-textfield-placement_inner__label-font-family);font-size:var(--plasma-textfield-placement_inner__label-font-size);font-style:var(--plasma-textfield-placement_inner__label-font-style);font-weight:var(--plasma-textfield-placement_inner__label-font-weight);-webkit-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);-moz-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);-ms-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);line-height:var(--plasma-textfield-placement_inner__label-line-height);}.base_1m5chvs_b15d3bnf__ff61de1c.base_1m5chvs_labelPlacementInner__ff61de1c .base_1m5chvs_l1gjsnfi__ff61de1c{color:var(--plasma-textfield__placeholder-color);pointer-events:none;position:absolute;top:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;height:100%;width:100%;}.base_1m5chvs_b15d3bnf__ff61de1c.base_1m5chvs_labelPlacementInner__ff61de1c.base_1m5chvs_textfieldHasHint__ff61de1c.base_1m5chvs_textfieldClear__ff61de1c .base_1m5chvs_s9w7nf8__ff61de1c.base_1m5chvs_labelPlacementInner__ff61de1c.base_1m5chvs_requiredAlignRight__ff61de1c{inset:var(--plasma-textfield__clear-indicator-hint-placement-inner-right);}
18
18
 
19
19
  .base_7yx5d1_bbsd6t5__2df10b77 .base_7yx5d1_h8yezh4__2df10b77{--plasma-tooltip-background-color:var(--plasma-textfield__tooltip-background-color);--plasma-tooltip-box-shadow:var(--plasma-textfield__tooltip-box-shadow);--plasma-tooltip-color:var(--plasma-textfield__tooltip-color);}
20
20
 
@@ -19,6 +19,8 @@ var React__default = /*#__PURE__*/_interopDefault(React);
19
19
 
20
20
  var _StyledDivider;
21
21
  var _excluded = ["autoComplete", "label", "leftHelper", "contentLeft", "contentRight", "view", "size", "readOnly", "disabled", "dividerVariant", "dividerIcon", "firstValue", "secondValue", "firstValueError", "secondValueError", "firstValueSuccess", "secondValueSuccess", "firstPlaceholder", "secondPlaceholder", "firstTextfieldContentLeft", "firstTextfieldContentRight", "secondTextfieldContentLeft", "secondTextfieldContentRight", "firstTextfieldTextBefore", "secondTextfieldTextBefore", "firstTextfieldTextAfter", "secondTextfieldTextAfter", "required", "requiredPlacement", "hasRequiredIndicator", "onChangeFirstValue", "onChangeSecondValue", "onSearchFirstValue", "onSearchSecondValue", "onFocusFirstTextfield", "onFocusSecondTextfield", "onBlurFirstTextfield", "onBlurSecondTextfield"];
22
+
23
+ // changes to run tests
22
24
  var rangeRoot = function rangeRoot(Root) {
23
25
  return /*#__PURE__*/React.forwardRef(function (_ref, ref) {
24
26
  var _StyledDivider2;
@@ -1 +1 @@
1
- {"version":3,"file":"Range.js","sources":["../../../src/components/Range/Range.tsx"],"sourcesContent":["import React, { forwardRef, useImperativeHandle, useMemo, useRef } from 'react';\n\nimport type { RootProps } from '../../engines';\nimport { cx } from '../../utils';\n\nimport type { RangeInputRefs, RangeProps } from './Range.types';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as disabledCSS } from './variations/_disabled/base';\nimport { base as readOnlyCSS } from './variations/_readonly/base';\nimport { getChangeHandler, getSearchHandler } from './utils';\nimport {\n ContentWrapper,\n LeftHelper,\n StyledContentLeft,\n StyledContentRight,\n StyledDivider,\n StyledIndicator,\n StyledIndicatorWrapper,\n StyledInput,\n StyledLabel,\n base,\n} from './Range.styles';\nimport { classes } from './Range.tokens';\n\nexport const rangeRoot = (Root: RootProps<HTMLDivElement, RangeProps>) =>\n forwardRef<RangeInputRefs, RangeProps>(\n (\n {\n autoComplete,\n label,\n leftHelper,\n contentLeft,\n contentRight,\n view,\n size,\n readOnly = false,\n disabled = false,\n\n dividerVariant = 'dash',\n dividerIcon,\n\n firstValue,\n secondValue,\n firstValueError,\n secondValueError,\n firstValueSuccess,\n secondValueSuccess,\n firstPlaceholder,\n secondPlaceholder,\n firstTextfieldContentLeft,\n firstTextfieldContentRight,\n secondTextfieldContentLeft,\n secondTextfieldContentRight,\n firstTextfieldTextBefore,\n secondTextfieldTextBefore,\n firstTextfieldTextAfter,\n secondTextfieldTextAfter,\n\n required,\n requiredPlacement = 'right',\n hasRequiredIndicator = true,\n\n onChangeFirstValue,\n onChangeSecondValue,\n onSearchFirstValue,\n onSearchSecondValue,\n onFocusFirstTextfield,\n onFocusSecondTextfield,\n onBlurFirstTextfield,\n onBlurSecondTextfield,\n\n ...rest\n },\n ref,\n ) => {\n const rangeRef = useRef<HTMLDivElement>(null);\n const firstTextFieldRef = useRef<HTMLInputElement>(null);\n const secondTextFieldRef = useRef<HTMLInputElement>(null);\n\n const requiredPlacementClass = requiredPlacement === 'right' ? classes.requiredAlignRight : undefined;\n\n const rangeErrorClass = firstValueError && secondValueError ? classes.rangeError : undefined;\n\n const firstValueErrorClass = !rangeErrorClass && firstValueError ? classes.rangeValueError : undefined;\n const secondValueErrorClass = !rangeErrorClass && secondValueError ? classes.rangeValueError : undefined;\n\n const rangeSuccessClass = firstValueSuccess && secondValueSuccess ? classes.rangeSuccess : undefined;\n const firstValueSuccessClass =\n !rangeSuccessClass && firstValueSuccess ? classes.rangeValueSuccess : undefined;\n const secondValueSuccessClass =\n !rangeSuccessClass && secondValueSuccess ? classes.rangeValueSuccess : undefined;\n\n const handleChangeFirstValue = getChangeHandler(onChangeFirstValue, disabled, readOnly);\n const handleChangeSecondValue = getChangeHandler(onChangeSecondValue, disabled, readOnly);\n const handleSearchFirstValue = getSearchHandler(onSearchFirstValue, disabled, readOnly);\n const handleSearchSecondValue = getSearchHandler(onSearchSecondValue, disabled, readOnly);\n\n useImperativeHandle(\n ref,\n () => ({\n firstTextField: () => {\n return firstTextFieldRef;\n },\n secondTextField: () => {\n return secondTextFieldRef;\n },\n }),\n [firstTextFieldRef, secondTextFieldRef],\n );\n\n const Divider = useMemo(() => {\n if (dividerVariant === 'none') {\n return null;\n }\n\n if (dividerVariant === 'dash') {\n return <StyledDivider>–</StyledDivider>;\n }\n\n return <StyledDivider>{dividerIcon}</StyledDivider>;\n }, [dividerVariant, dividerIcon]);\n\n return (\n <Root\n ref={rangeRef}\n view={view}\n size={size}\n disabled={disabled}\n readOnly={!disabled && readOnly}\n {...rest}\n >\n {label && (\n <StyledIndicatorWrapper>\n <StyledLabel>{label}</StyledLabel>\n\n {required && hasRequiredIndicator && (\n <StyledIndicator\n className={cx(classes.requiredOuterPlacement, requiredPlacementClass)}\n />\n )}\n </StyledIndicatorWrapper>\n )}\n <ContentWrapper className={cx(rangeErrorClass, rangeSuccessClass)}>\n {!label && required && hasRequiredIndicator && (\n <StyledIndicator className={cx(requiredPlacementClass)} />\n )}\n {contentLeft && <StyledContentLeft>{contentLeft}</StyledContentLeft>}\n <StyledInput\n ref={firstTextFieldRef}\n className={cx(firstValueErrorClass, firstValueSuccessClass)}\n value={firstValue}\n readOnly={readOnly}\n disabled={disabled}\n placeholder={firstPlaceholder}\n contentLeft={firstTextfieldContentLeft}\n contentRight={firstTextfieldContentRight}\n textBefore={firstTextfieldTextBefore}\n textAfter={firstTextfieldTextAfter}\n onChange={handleChangeFirstValue}\n onSearch={handleSearchFirstValue}\n onFocus={onFocusFirstTextfield}\n onBlur={onBlurFirstTextfield}\n autoComplete={autoComplete}\n data-error={firstValueError}\n data-success={firstValueSuccess}\n />\n {Divider}\n <StyledInput\n ref={secondTextFieldRef}\n className={cx(secondValueErrorClass, secondValueSuccessClass)}\n value={secondValue}\n readOnly={readOnly}\n disabled={disabled}\n placeholder={secondPlaceholder}\n contentLeft={secondTextfieldContentLeft}\n contentRight={secondTextfieldContentRight}\n textBefore={secondTextfieldTextBefore}\n textAfter={secondTextfieldTextAfter}\n onChange={handleChangeSecondValue}\n onSearch={handleSearchSecondValue}\n onFocus={onFocusSecondTextfield}\n onBlur={onBlurSecondTextfield}\n autoComplete={autoComplete}\n />\n {contentRight && <StyledContentRight>{contentRight}</StyledContentRight>}\n </ContentWrapper>\n {leftHelper && (\n <LeftHelper\n className={cx(\n rangeErrorClass,\n firstValueErrorClass,\n secondValueErrorClass,\n rangeSuccessClass,\n firstValueSuccessClass,\n secondValueSuccessClass,\n )}\n >\n {leftHelper}\n </LeftHelper>\n )}\n </Root>\n );\n },\n );\n\nexport const rangeConfig = {\n name: 'Range',\n tag: 'div',\n layout: rangeRoot,\n base,\n variations: {\n view: {\n css: viewCSS,\n },\n size: {\n css: sizeCSS,\n },\n disabled: {\n css: disabledCSS,\n attrs: true,\n },\n readOnly: {\n css: readOnlyCSS,\n attrs: true,\n },\n },\n defaults: {\n size: 'm',\n view: 'default',\n },\n};\n"],"names":["rangeRoot","Root","forwardRef","_ref","ref","_StyledDivider2","autoComplete","label","leftHelper","contentLeft","contentRight","view","size","_ref$readOnly","readOnly","_ref$disabled","disabled","_ref$dividerVariant","dividerVariant","dividerIcon","firstValue","secondValue","firstValueError","secondValueError","firstValueSuccess","secondValueSuccess","firstPlaceholder","secondPlaceholder","firstTextfieldContentLeft","firstTextfieldContentRight","secondTextfieldContentLeft","secondTextfieldContentRight","firstTextfieldTextBefore","secondTextfieldTextBefore","firstTextfieldTextAfter","secondTextfieldTextAfter","required","_ref$requiredPlacemen","requiredPlacement","_ref$hasRequiredIndic","hasRequiredIndicator","onChangeFirstValue","onChangeSecondValue","onSearchFirstValue","onSearchSecondValue","onFocusFirstTextfield","onFocusSecondTextfield","onBlurFirstTextfield","onBlurSecondTextfield","rest","_objectWithoutProperties","_excluded","rangeRef","useRef","firstTextFieldRef","secondTextFieldRef","requiredPlacementClass","classes","requiredAlignRight","undefined","rangeErrorClass","rangeError","firstValueErrorClass","rangeValueError","secondValueErrorClass","rangeSuccessClass","rangeSuccess","firstValueSuccessClass","rangeValueSuccess","secondValueSuccessClass","handleChangeFirstValue","getChangeHandler","handleChangeSecondValue","handleSearchFirstValue","getSearchHandler","handleSearchSecondValue","useImperativeHandle","firstTextField","secondTextField","Divider","useMemo","_StyledDivider","React","createElement","StyledDivider","_extends","StyledIndicatorWrapper","StyledLabel","StyledIndicator","className","cx","requiredOuterPlacement","ContentWrapper","StyledContentLeft","StyledInput","value","placeholder","textBefore","textAfter","onChange","onSearch","onFocus","onBlur","StyledContentRight","LeftHelper","rangeConfig","name","tag","layout","base","variations","css","viewCSS","sizeCSS","disabledCSS","attrs","readOnlyCSS","defaults"],"mappings":"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"}
1
+ {"version":3,"file":"Range.js","sources":["../../../src/components/Range/Range.tsx"],"sourcesContent":["import React, { forwardRef, useImperativeHandle, useMemo, useRef } from 'react';\n\nimport type { RootProps } from '../../engines';\nimport { cx } from '../../utils';\n\nimport type { RangeInputRefs, RangeProps } from './Range.types';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as disabledCSS } from './variations/_disabled/base';\nimport { base as readOnlyCSS } from './variations/_readonly/base';\nimport { getChangeHandler, getSearchHandler } from './utils';\nimport {\n ContentWrapper,\n LeftHelper,\n StyledContentLeft,\n StyledContentRight,\n StyledDivider,\n StyledIndicator,\n StyledIndicatorWrapper,\n StyledInput,\n StyledLabel,\n base,\n} from './Range.styles';\nimport { classes } from './Range.tokens';\n\n// changes to run tests\nexport const rangeRoot = (Root: RootProps<HTMLDivElement, RangeProps>) =>\n forwardRef<RangeInputRefs, RangeProps>(\n (\n {\n autoComplete,\n label,\n leftHelper,\n contentLeft,\n contentRight,\n view,\n size,\n readOnly = false,\n disabled = false,\n\n dividerVariant = 'dash',\n dividerIcon,\n\n firstValue,\n secondValue,\n firstValueError,\n secondValueError,\n firstValueSuccess,\n secondValueSuccess,\n firstPlaceholder,\n secondPlaceholder,\n firstTextfieldContentLeft,\n firstTextfieldContentRight,\n secondTextfieldContentLeft,\n secondTextfieldContentRight,\n firstTextfieldTextBefore,\n secondTextfieldTextBefore,\n firstTextfieldTextAfter,\n secondTextfieldTextAfter,\n\n required,\n requiredPlacement = 'right',\n hasRequiredIndicator = true,\n\n onChangeFirstValue,\n onChangeSecondValue,\n onSearchFirstValue,\n onSearchSecondValue,\n onFocusFirstTextfield,\n onFocusSecondTextfield,\n onBlurFirstTextfield,\n onBlurSecondTextfield,\n\n ...rest\n },\n ref,\n ) => {\n const rangeRef = useRef<HTMLDivElement>(null);\n const firstTextFieldRef = useRef<HTMLInputElement>(null);\n const secondTextFieldRef = useRef<HTMLInputElement>(null);\n\n const requiredPlacementClass = requiredPlacement === 'right' ? classes.requiredAlignRight : undefined;\n\n const rangeErrorClass = firstValueError && secondValueError ? classes.rangeError : undefined;\n\n const firstValueErrorClass = !rangeErrorClass && firstValueError ? classes.rangeValueError : undefined;\n const secondValueErrorClass = !rangeErrorClass && secondValueError ? classes.rangeValueError : undefined;\n\n const rangeSuccessClass = firstValueSuccess && secondValueSuccess ? classes.rangeSuccess : undefined;\n const firstValueSuccessClass =\n !rangeSuccessClass && firstValueSuccess ? classes.rangeValueSuccess : undefined;\n const secondValueSuccessClass =\n !rangeSuccessClass && secondValueSuccess ? classes.rangeValueSuccess : undefined;\n\n const handleChangeFirstValue = getChangeHandler(onChangeFirstValue, disabled, readOnly);\n const handleChangeSecondValue = getChangeHandler(onChangeSecondValue, disabled, readOnly);\n const handleSearchFirstValue = getSearchHandler(onSearchFirstValue, disabled, readOnly);\n const handleSearchSecondValue = getSearchHandler(onSearchSecondValue, disabled, readOnly);\n\n useImperativeHandle(\n ref,\n () => ({\n firstTextField: () => {\n return firstTextFieldRef;\n },\n secondTextField: () => {\n return secondTextFieldRef;\n },\n }),\n [firstTextFieldRef, secondTextFieldRef],\n );\n\n const Divider = useMemo(() => {\n if (dividerVariant === 'none') {\n return null;\n }\n\n if (dividerVariant === 'dash') {\n return <StyledDivider>–</StyledDivider>;\n }\n\n return <StyledDivider>{dividerIcon}</StyledDivider>;\n }, [dividerVariant, dividerIcon]);\n\n return (\n <Root\n ref={rangeRef}\n view={view}\n size={size}\n disabled={disabled}\n readOnly={!disabled && readOnly}\n {...rest}\n >\n {label && (\n <StyledIndicatorWrapper>\n <StyledLabel>{label}</StyledLabel>\n\n {required && hasRequiredIndicator && (\n <StyledIndicator\n className={cx(classes.requiredOuterPlacement, requiredPlacementClass)}\n />\n )}\n </StyledIndicatorWrapper>\n )}\n <ContentWrapper className={cx(rangeErrorClass, rangeSuccessClass)}>\n {!label && required && hasRequiredIndicator && (\n <StyledIndicator className={cx(requiredPlacementClass)} />\n )}\n {contentLeft && <StyledContentLeft>{contentLeft}</StyledContentLeft>}\n <StyledInput\n ref={firstTextFieldRef}\n className={cx(firstValueErrorClass, firstValueSuccessClass)}\n value={firstValue}\n readOnly={readOnly}\n disabled={disabled}\n placeholder={firstPlaceholder}\n contentLeft={firstTextfieldContentLeft}\n contentRight={firstTextfieldContentRight}\n textBefore={firstTextfieldTextBefore}\n textAfter={firstTextfieldTextAfter}\n onChange={handleChangeFirstValue}\n onSearch={handleSearchFirstValue}\n onFocus={onFocusFirstTextfield}\n onBlur={onBlurFirstTextfield}\n autoComplete={autoComplete}\n data-error={firstValueError}\n data-success={firstValueSuccess}\n />\n {Divider}\n <StyledInput\n ref={secondTextFieldRef}\n className={cx(secondValueErrorClass, secondValueSuccessClass)}\n value={secondValue}\n readOnly={readOnly}\n disabled={disabled}\n placeholder={secondPlaceholder}\n contentLeft={secondTextfieldContentLeft}\n contentRight={secondTextfieldContentRight}\n textBefore={secondTextfieldTextBefore}\n textAfter={secondTextfieldTextAfter}\n onChange={handleChangeSecondValue}\n onSearch={handleSearchSecondValue}\n onFocus={onFocusSecondTextfield}\n onBlur={onBlurSecondTextfield}\n autoComplete={autoComplete}\n />\n {contentRight && <StyledContentRight>{contentRight}</StyledContentRight>}\n </ContentWrapper>\n {leftHelper && (\n <LeftHelper\n className={cx(\n rangeErrorClass,\n firstValueErrorClass,\n secondValueErrorClass,\n rangeSuccessClass,\n firstValueSuccessClass,\n secondValueSuccessClass,\n )}\n >\n {leftHelper}\n </LeftHelper>\n )}\n </Root>\n );\n },\n );\n\nexport const rangeConfig = {\n name: 'Range',\n tag: 'div',\n layout: rangeRoot,\n base,\n variations: {\n view: {\n css: viewCSS,\n },\n size: {\n css: sizeCSS,\n },\n disabled: {\n css: disabledCSS,\n attrs: true,\n },\n readOnly: {\n css: readOnlyCSS,\n attrs: true,\n },\n },\n defaults: {\n size: 'm',\n view: 'default',\n },\n};\n"],"names":["rangeRoot","Root","forwardRef","_ref","ref","_StyledDivider2","autoComplete","label","leftHelper","contentLeft","contentRight","view","size","_ref$readOnly","readOnly","_ref$disabled","disabled","_ref$dividerVariant","dividerVariant","dividerIcon","firstValue","secondValue","firstValueError","secondValueError","firstValueSuccess","secondValueSuccess","firstPlaceholder","secondPlaceholder","firstTextfieldContentLeft","firstTextfieldContentRight","secondTextfieldContentLeft","secondTextfieldContentRight","firstTextfieldTextBefore","secondTextfieldTextBefore","firstTextfieldTextAfter","secondTextfieldTextAfter","required","_ref$requiredPlacemen","requiredPlacement","_ref$hasRequiredIndic","hasRequiredIndicator","onChangeFirstValue","onChangeSecondValue","onSearchFirstValue","onSearchSecondValue","onFocusFirstTextfield","onFocusSecondTextfield","onBlurFirstTextfield","onBlurSecondTextfield","rest","_objectWithoutProperties","_excluded","rangeRef","useRef","firstTextFieldRef","secondTextFieldRef","requiredPlacementClass","classes","requiredAlignRight","undefined","rangeErrorClass","rangeError","firstValueErrorClass","rangeValueError","secondValueErrorClass","rangeSuccessClass","rangeSuccess","firstValueSuccessClass","rangeValueSuccess","secondValueSuccessClass","handleChangeFirstValue","getChangeHandler","handleChangeSecondValue","handleSearchFirstValue","getSearchHandler","handleSearchSecondValue","useImperativeHandle","firstTextField","secondTextField","Divider","useMemo","_StyledDivider","React","createElement","StyledDivider","_extends","StyledIndicatorWrapper","StyledLabel","StyledIndicator","className","cx","requiredOuterPlacement","ContentWrapper","StyledContentLeft","StyledInput","value","placeholder","textBefore","textAfter","onChange","onSearch","onFocus","onBlur","StyledContentRight","LeftHelper","rangeConfig","name","tag","layout","base","variations","css","viewCSS","sizeCSS","disabledCSS","attrs","readOnlyCSS","defaults"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAyBA;IACaA,SAAS,GAAG,SAAZA,SAASA,CAAIC,IAA2C,EAAA;AAAA,EAAA,oBACjEC,gBAAU,CACN,UAAAC,IAAA,EA+CIC,GAAG,EACF;AAAA,IAAA,IAAAC,eAAA,CAAA;AAAA,IAAA,IA9CGC,YAAY,GAAAH,IAAA,CAAZG,YAAY;MACZC,KAAK,GAAAJ,IAAA,CAALI,KAAK;MACLC,UAAU,GAAAL,IAAA,CAAVK,UAAU;MACVC,WAAW,GAAAN,IAAA,CAAXM,WAAW;MACXC,YAAY,GAAAP,IAAA,CAAZO,YAAY;MACZC,IAAI,GAAAR,IAAA,CAAJQ,IAAI;MACJC,IAAI,GAAAT,IAAA,CAAJS,IAAI;MAAAC,aAAA,GAAAV,IAAA,CACJW,QAAQ;AAARA,MAAAA,QAAQ,GAAAD,aAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,aAAA;MAAAE,aAAA,GAAAZ,IAAA,CAChBa,QAAQ;AAARA,MAAAA,QAAQ,GAAAD,aAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,aAAA;MAAAE,mBAAA,GAAAd,IAAA,CAEhBe,cAAc;AAAdA,MAAAA,cAAc,GAAAD,mBAAA,KAAG,KAAA,CAAA,GAAA,MAAM,GAAAA,mBAAA;MACvBE,WAAW,GAAAhB,IAAA,CAAXgB,WAAW;MAEXC,UAAU,GAAAjB,IAAA,CAAViB,UAAU;MACVC,WAAW,GAAAlB,IAAA,CAAXkB,WAAW;MACXC,eAAe,GAAAnB,IAAA,CAAfmB,eAAe;MACfC,gBAAgB,GAAApB,IAAA,CAAhBoB,gBAAgB;MAChBC,iBAAiB,GAAArB,IAAA,CAAjBqB,iBAAiB;MACjBC,kBAAkB,GAAAtB,IAAA,CAAlBsB,kBAAkB;MAClBC,gBAAgB,GAAAvB,IAAA,CAAhBuB,gBAAgB;MAChBC,iBAAiB,GAAAxB,IAAA,CAAjBwB,iBAAiB;MACjBC,yBAAyB,GAAAzB,IAAA,CAAzByB,yBAAyB;MACzBC,0BAA0B,GAAA1B,IAAA,CAA1B0B,0BAA0B;MAC1BC,0BAA0B,GAAA3B,IAAA,CAA1B2B,0BAA0B;MAC1BC,2BAA2B,GAAA5B,IAAA,CAA3B4B,2BAA2B;MAC3BC,wBAAwB,GAAA7B,IAAA,CAAxB6B,wBAAwB;MACxBC,yBAAyB,GAAA9B,IAAA,CAAzB8B,yBAAyB;MACzBC,uBAAuB,GAAA/B,IAAA,CAAvB+B,uBAAuB;MACvBC,wBAAwB,GAAAhC,IAAA,CAAxBgC,wBAAwB;MAExBC,QAAQ,GAAAjC,IAAA,CAARiC,QAAQ;MAAAC,qBAAA,GAAAlC,IAAA,CACRmC,iBAAiB;AAAjBA,MAAAA,iBAAiB,GAAAD,qBAAA,KAAG,KAAA,CAAA,GAAA,OAAO,GAAAA,qBAAA;MAAAE,qBAAA,GAAApC,IAAA,CAC3BqC,oBAAoB;AAApBA,MAAAA,oBAAoB,GAAAD,qBAAA,KAAG,KAAA,CAAA,GAAA,IAAI,GAAAA,qBAAA;MAE3BE,kBAAkB,GAAAtC,IAAA,CAAlBsC,kBAAkB;MAClBC,mBAAmB,GAAAvC,IAAA,CAAnBuC,mBAAmB;MACnBC,kBAAkB,GAAAxC,IAAA,CAAlBwC,kBAAkB;MAClBC,mBAAmB,GAAAzC,IAAA,CAAnByC,mBAAmB;MACnBC,qBAAqB,GAAA1C,IAAA,CAArB0C,qBAAqB;MACrBC,sBAAsB,GAAA3C,IAAA,CAAtB2C,sBAAsB;MACtBC,oBAAoB,GAAA5C,IAAA,CAApB4C,oBAAoB;MACpBC,qBAAqB,GAAA7C,IAAA,CAArB6C,qBAAqB;AAElBC,MAAAA,IAAI,GAAAC,iDAAA,CAAA/C,IAAA,EAAAgD,SAAA,CAAA,CAAA;AAIX,IAAA,IAAMC,QAAQ,GAAGC,YAAM,CAAiB,IAAI,CAAC,CAAA;AAC7C,IAAA,IAAMC,iBAAiB,GAAGD,YAAM,CAAmB,IAAI,CAAC,CAAA;AACxD,IAAA,IAAME,kBAAkB,GAAGF,YAAM,CAAmB,IAAI,CAAC,CAAA;IAEzD,IAAMG,sBAAsB,GAAGlB,iBAAiB,KAAK,OAAO,GAAGmB,oBAAO,CAACC,kBAAkB,GAAGC,SAAS,CAAA;IAErG,IAAMC,eAAe,GAAGtC,eAAe,IAAIC,gBAAgB,GAAGkC,oBAAO,CAACI,UAAU,GAAGF,SAAS,CAAA;IAE5F,IAAMG,oBAAoB,GAAG,CAACF,eAAe,IAAItC,eAAe,GAAGmC,oBAAO,CAACM,eAAe,GAAGJ,SAAS,CAAA;IACtG,IAAMK,qBAAqB,GAAG,CAACJ,eAAe,IAAIrC,gBAAgB,GAAGkC,oBAAO,CAACM,eAAe,GAAGJ,SAAS,CAAA;IAExG,IAAMM,iBAAiB,GAAGzC,iBAAiB,IAAIC,kBAAkB,GAAGgC,oBAAO,CAACS,YAAY,GAAGP,SAAS,CAAA;IACpG,IAAMQ,sBAAsB,GACxB,CAACF,iBAAiB,IAAIzC,iBAAiB,GAAGiC,oBAAO,CAACW,iBAAiB,GAAGT,SAAS,CAAA;IACnF,IAAMU,uBAAuB,GACzB,CAACJ,iBAAiB,IAAIxC,kBAAkB,GAAGgC,oBAAO,CAACW,iBAAiB,GAAGT,SAAS,CAAA;IAEpF,IAAMW,sBAAsB,GAAGC,wBAAgB,CAAC9B,kBAAkB,EAAEzB,QAAQ,EAAEF,QAAQ,CAAC,CAAA;IACvF,IAAM0D,uBAAuB,GAAGD,wBAAgB,CAAC7B,mBAAmB,EAAE1B,QAAQ,EAAEF,QAAQ,CAAC,CAAA;IACzF,IAAM2D,sBAAsB,GAAGC,wBAAgB,CAAC/B,kBAAkB,EAAE3B,QAAQ,EAAEF,QAAQ,CAAC,CAAA;IACvF,IAAM6D,uBAAuB,GAAGD,wBAAgB,CAAC9B,mBAAmB,EAAE5B,QAAQ,EAAEF,QAAQ,CAAC,CAAA;IAEzF8D,yBAAmB,CACfxE,GAAG,EACH,YAAA;MAAA,OAAO;QACHyE,cAAc,EAAE,SAAAA,cAAAA,GAAM;AAClB,UAAA,OAAOvB,iBAAiB,CAAA;SAC3B;QACDwB,eAAe,EAAE,SAAAA,eAAAA,GAAM;AACnB,UAAA,OAAOvB,kBAAkB,CAAA;AAC7B,SAAA;OACH,CAAA;AAAA,KAAC,EACF,CAACD,iBAAiB,EAAEC,kBAAkB,CAC1C,CAAC,CAAA;AAED,IAAA,IAAMwB,OAAO,GAAGC,aAAO,CAAC,YAAM;MAC1B,IAAI9D,cAAc,KAAK,MAAM,EAAE;AAC3B,QAAA,OAAO,IAAI,CAAA;AACf,OAAA;MAEA,IAAIA,cAAc,KAAK,MAAM,EAAE;QAC3B,OAAA+D,cAAA,KAAAA,cAAA,gBAAOC,sBAAA,CAAAC,aAAA,CAACC,0BAAa,EAAC,IAAA,EAAA,QAAgB,CAAC,CAAA,CAAA;AAC3C,OAAA;MAEA,OAAA/E,eAAA,KAAAA,eAAA,gBAAO6E,sBAAA,CAAAC,aAAA,CAACC,0BAAa,EAAEjE,IAAAA,EAAAA,WAA2B,CAAC,CAAA,CAAA;AACvD,KAAC,EAAE,CAACD,cAAc,EAAEC,WAAW,CAAC,CAAC,CAAA;AAEjC,IAAA,oBACI+D,sBAAA,CAAAC,aAAA,CAAClF,IAAI,EAAAoF,iCAAA,CAAA;AACDjF,MAAAA,GAAG,EAAEgD,QAAS;AACdzC,MAAAA,IAAI,EAAEA,IAAK;AACXC,MAAAA,IAAI,EAAEA,IAAK;AACXI,MAAAA,QAAQ,EAAEA,QAAS;MACnBF,QAAQ,EAAE,CAACE,QAAQ,IAAIF,QAAAA;KACnBmC,EAAAA,IAAI,CAEP1C,EAAAA,KAAK,iBACF2E,sBAAA,CAAAC,aAAA,CAACG,mCAAsB,EACnBJ,IAAAA,eAAAA,sBAAA,CAAAC,aAAA,CAACI,wBAAW,EAAEhF,IAAAA,EAAAA,KAAmB,CAAC,EAEjC6B,QAAQ,IAAII,oBAAoB,iBAC7B0C,sBAAA,CAAAC,aAAA,CAACK,4BAAe,EAAA;AACZC,MAAAA,SAAS,EAAEC,QAAE,CAACjC,oBAAO,CAACkC,sBAAsB,EAAEnC,sBAAsB,CAAA;AAAE,KACzE,CAEe,CAC3B,eACD0B,sBAAA,CAAAC,aAAA,CAACS,2BAAc,EAAA;AAACH,MAAAA,SAAS,EAAEC,QAAE,CAAC9B,eAAe,EAAEK,iBAAiB,CAAA;KAC3D,EAAA,CAAC1D,KAAK,IAAI6B,QAAQ,IAAII,oBAAoB,iBACvC0C,sBAAA,CAAAC,aAAA,CAACK,4BAAe,EAAA;MAACC,SAAS,EAAEC,QAAE,CAAClC,sBAAsB,CAAA;AAAE,KAAE,CAC5D,EACA/C,WAAW,iBAAIyE,sBAAA,CAAAC,aAAA,CAACU,8BAAiB,EAAA,IAAA,EAAEpF,WAA+B,CAAC,eACpEyE,sBAAA,CAAAC,aAAA,CAACW,wBAAW,EAAA;AACR1F,MAAAA,GAAG,EAAEkD,iBAAkB;AACvBmC,MAAAA,SAAS,EAAEC,QAAE,CAAC5B,oBAAoB,EAAEK,sBAAsB,CAAE;AAC5D4B,MAAAA,KAAK,EAAE3E,UAAW;AAClBN,MAAAA,QAAQ,EAAEA,QAAS;AACnBE,MAAAA,QAAQ,EAAEA,QAAS;AACnBgF,MAAAA,WAAW,EAAEtE,gBAAiB;AAC9BjB,MAAAA,WAAW,EAAEmB,yBAA0B;AACvClB,MAAAA,YAAY,EAAEmB,0BAA2B;AACzCoE,MAAAA,UAAU,EAAEjE,wBAAyB;AACrCkE,MAAAA,SAAS,EAAEhE,uBAAwB;AACnCiE,MAAAA,QAAQ,EAAE7B,sBAAuB;AACjC8B,MAAAA,QAAQ,EAAE3B,sBAAuB;AACjC4B,MAAAA,OAAO,EAAExD,qBAAsB;AAC/ByD,MAAAA,MAAM,EAAEvD,oBAAqB;AAC7BzC,MAAAA,YAAY,EAAEA,YAAa;AAC3B,MAAA,YAAA,EAAYgB,eAAgB;MAC5B,cAAcE,EAAAA,iBAAAA;KACjB,CAAC,EACDuD,OAAO,eACRG,sBAAA,CAAAC,aAAA,CAACW,wBAAW,EAAA;AACR1F,MAAAA,GAAG,EAAEmD,kBAAmB;AACxBkC,MAAAA,SAAS,EAAEC,QAAE,CAAC1B,qBAAqB,EAAEK,uBAAuB,CAAE;AAC9D0B,MAAAA,KAAK,EAAE1E,WAAY;AACnBP,MAAAA,QAAQ,EAAEA,QAAS;AACnBE,MAAAA,QAAQ,EAAEA,QAAS;AACnBgF,MAAAA,WAAW,EAAErE,iBAAkB;AAC/BlB,MAAAA,WAAW,EAAEqB,0BAA2B;AACxCpB,MAAAA,YAAY,EAAEqB,2BAA4B;AAC1CkE,MAAAA,UAAU,EAAEhE,yBAA0B;AACtCiE,MAAAA,SAAS,EAAE/D,wBAAyB;AACpCgE,MAAAA,QAAQ,EAAE3B,uBAAwB;AAClC4B,MAAAA,QAAQ,EAAEzB,uBAAwB;AAClC0B,MAAAA,OAAO,EAAEvD,sBAAuB;AAChCwD,MAAAA,MAAM,EAAEtD,qBAAsB;AAC9B1C,MAAAA,YAAY,EAAEA,YAAAA;KACjB,CAAC,EACDI,YAAY,iBAAIwE,sBAAA,CAAAC,aAAA,CAACoB,+BAAkB,EAAA,IAAA,EAAE7F,YAAiC,CAC3D,CAAC,EAChBF,UAAU,iBACP0E,sBAAA,CAAAC,aAAA,CAACqB,uBAAU,EAAA;AACPf,MAAAA,SAAS,EAAEC,QAAE,CACT9B,eAAe,EACfE,oBAAoB,EACpBE,qBAAqB,EACrBC,iBAAiB,EACjBE,sBAAsB,EACtBE,uBACJ,CAAA;KAEC7D,EAAAA,UACO,CAEd,CAAC,CAAA;AAEf,GACJ,CAAC,CAAA;AAAA,EAAA;AAEE,IAAMiG,WAAW,GAAG;AACvBC,EAAAA,IAAI,EAAE,OAAO;AACbC,EAAAA,GAAG,EAAE,KAAK;AACVC,EAAAA,MAAM,EAAE5G,SAAS;AACjB6G,EAAAA,IAAI,EAAJA,iBAAI;AACJC,EAAAA,UAAU,EAAE;AACRnG,IAAAA,IAAI,EAAE;AACFoG,MAAAA,GAAG,EAAEC,SAAAA;KACR;AACDpG,IAAAA,IAAI,EAAE;AACFmG,MAAAA,GAAG,EAAEE,WAAAA;KACR;AACDjG,IAAAA,QAAQ,EAAE;AACN+F,MAAAA,GAAG,EAAEG,WAAW;AAChBC,MAAAA,KAAK,EAAE,IAAA;KACV;AACDrG,IAAAA,QAAQ,EAAE;AACNiG,MAAAA,GAAG,EAAEK,WAAW;AAChBD,MAAAA,KAAK,EAAE,IAAA;AACX,KAAA;GACH;AACDE,EAAAA,QAAQ,EAAE;AACNzG,IAAAA,IAAI,EAAE,GAAG;AACTD,IAAAA,IAAI,EAAE,SAAA;AACV,GAAA;AACJ;;;;;"}
@@ -39,7 +39,7 @@
39
39
 
40
40
  .base_2lss3j_b1w985rt__6ded9a23[readonly] .base_2lss3j_iq39zt5__6ded9a23{position:relative;z-index:0;color:var(--plasma-textfield-color-readonly);background:transparent;box-shadow:none;}.base_2lss3j_b1w985rt__6ded9a23[readonly] .base_2lss3j_iq39zt5__6ded9a23:before{position:absolute;content:'';top:0;left:0;right:0;bottom:0;border-radius:var(--plasma-textfield-border-radius);background-color:var(--plasma-textfield-bg-color-readonly);opacity:var(--plasma-textfield-readonly-opacity);box-shadow:inset 0 0 0 var(--plasma-textfield-border-width) var(--plasma-textfield-border-color-readonly);z-index:-1;}.base_2lss3j_b1w985rt__6ded9a23[readonly] .base_2lss3j_iq39zt5__6ded9a23:hover{background-color:transparent;}.base_2lss3j_b1w985rt__6ded9a23[readonly].base_2lss3j_textfieldHasDivider__6ded9a23 .base_2lss3j_iq39zt5__6ded9a23:before{background-color:var(--plasma-textfield-divider-color-readonly);}.base_2lss3j_b1w985rt__6ded9a23[readonly] .base_2lss3j_iq39zt5__6ded9a23:focus-within .base_2lss3j_i19ry60d__6ded9a23,.base_2lss3j_b1w985rt__6ded9a23[readonly] .base_2lss3j_i19ry60d__6ded9a23{color:var(--plasma-textfield__placeholder-color-readonly);}.base_2lss3j_b1w985rt__6ded9a23[readonly] .base_2lss3j_io4bpie__6ded9a23{color:var(--plasma-textfield-color-readonly);cursor:default;min-width:unset;}.base_2lss3j_b1w985rt__6ded9a23[readonly] .base_2lss3j_t600610__6ded9a23{color:var(--plasma-textfield__title-caption-color-readonly);}.base_2lss3j_b1w985rt__6ded9a23[readonly] .base_2lss3j_l7hnwwb__6ded9a23{color:var(--plasma-textfield__left-helper-color-readonly);}.base_2lss3j_b1w985rt__6ded9a23[readonly] .base_2lss3j_ssv2kwg__6ded9a23:hover{color:var(--private_content-slot-color);}.base_2lss3j_b1w985rt__6ded9a23[readonly] .base_2lss3j_sb3k3v1__6ded9a23{opacity:var(--plasma-textfield-right-content-opacity-readonly);}.base_2lss3j_b1w985rt__6ded9a23[readonly] .base_2lss3j_sb3k3v1__6ded9a23:hover,.base_2lss3j_b1w985rt__6ded9a23[readonly] .base_2lss3j_sb3k3v1__6ded9a23:active{cursor:default;color:var(--plasma-textfield-content-right-slot-color,var(--plasma-textfield-content-slot-color));}.base_2lss3j_b1w985rt__6ded9a23[readonly].base_2lss3j_labelPlacementOuter__6ded9a23 .base_2lss3j_l1gjsnfi__6ded9a23{color:var(--plasma-textfield__label-color-readonly);}
41
41
 
42
- .base_o4xjq1_b15d3bnf__bf782b1b.base_o4xjq1_labelPlacementOuter__bf782b1b .base_o4xjq1_l1gjsnfi__bf782b1b{position:relative;display:inline-block;color:var(--plasma-textfield__label-color);}.base_o4xjq1_b15d3bnf__bf782b1b.base_o4xjq1_labelPlacementInner__bf782b1b .base_o4xjq1_i13qvwoy__bf782b1b{padding:var(--plasma-textfield-placement_inner__content-padding);}.base_o4xjq1_b15d3bnf__bf782b1b.base_o4xjq1_labelPlacementInner__bf782b1b .base_o4xjq1_io4bpie__bf782b1b:not(.base_o4xjq1_textfieldReadonlyInput__bf782b1b):focus ~ .base_o4xjq1_l1gjsnfi__bf782b1b,.base_o4xjq1_b15d3bnf__bf782b1b.base_o4xjq1_labelPlacementInner__bf782b1b .base_o4xjq1_io4bpie__bf782b1b.base_o4xjq1_hasValue__bf782b1b ~ .base_o4xjq1_l1gjsnfi__bf782b1b,.base_o4xjq1_b15d3bnf__bf782b1b.base_o4xjq1_labelPlacementInner__bf782b1b .base_o4xjq1_io4bpie__bf782b1b.base_o4xjq1_keepPlaceholder__bf782b1b ~ .base_o4xjq1_l1gjsnfi__bf782b1b{color:var(--plasma-textfield__placeholder-color);-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;padding:var(--plasma-textfield-placement_inner__label-padding);font-family:var(--plasma-textfield-placement_inner__label-font-family);font-size:var(--plasma-textfield-placement_inner__label-font-size);font-style:var(--plasma-textfield-placement_inner__label-font-style);font-weight:var(--plasma-textfield-placement_inner__label-font-weight);-webkit-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);-moz-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);-ms-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);line-height:var(--plasma-textfield-placement_inner__label-line-height);}.base_o4xjq1_b15d3bnf__bf782b1b.base_o4xjq1_labelPlacementInner__bf782b1b .base_o4xjq1_l1gjsnfi__bf782b1b{color:var(--plasma-textfield__placeholder-color);pointer-events:none;position:absolute;top:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;height:100%;width:100%;}.base_o4xjq1_b15d3bnf__bf782b1b.base_o4xjq1_labelPlacementInner__bf782b1b.base_o4xjq1_textfieldHasHint__bf782b1b .base_o4xjq1_s9w7nf8__bf782b1b.base_o4xjq1_labelPlacementInner__bf782b1b.base_o4xjq1_requiredAlignRight__bf782b1b{inset:var(--plasma-textfield__clear-indicator-hint-placement-inner-right);}
42
+ .base_1m5chvs_b15d3bnf__ff61de1c.base_1m5chvs_labelPlacementOuter__ff61de1c .base_1m5chvs_l1gjsnfi__ff61de1c{position:relative;display:inline-block;color:var(--plasma-textfield__label-color);}.base_1m5chvs_b15d3bnf__ff61de1c.base_1m5chvs_labelPlacementInner__ff61de1c .base_1m5chvs_i13qvwoy__ff61de1c{padding:var(--plasma-textfield-placement_inner__content-padding);}.base_1m5chvs_b15d3bnf__ff61de1c.base_1m5chvs_labelPlacementInner__ff61de1c .base_1m5chvs_io4bpie__ff61de1c:not(.base_1m5chvs_textfieldReadonlyInput__ff61de1c):focus ~ .base_1m5chvs_l1gjsnfi__ff61de1c,.base_1m5chvs_b15d3bnf__ff61de1c.base_1m5chvs_labelPlacementInner__ff61de1c .base_1m5chvs_io4bpie__ff61de1c.base_1m5chvs_hasValue__ff61de1c ~ .base_1m5chvs_l1gjsnfi__ff61de1c,.base_1m5chvs_b15d3bnf__ff61de1c.base_1m5chvs_labelPlacementInner__ff61de1c .base_1m5chvs_io4bpie__ff61de1c.base_1m5chvs_keepPlaceholder__ff61de1c ~ .base_1m5chvs_l1gjsnfi__ff61de1c{color:var(--plasma-textfield__placeholder-color);-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;padding:var(--plasma-textfield-placement_inner__label-padding);font-family:var(--plasma-textfield-placement_inner__label-font-family);font-size:var(--plasma-textfield-placement_inner__label-font-size);font-style:var(--plasma-textfield-placement_inner__label-font-style);font-weight:var(--plasma-textfield-placement_inner__label-font-weight);-webkit-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);-moz-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);-ms-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);line-height:var(--plasma-textfield-placement_inner__label-line-height);}.base_1m5chvs_b15d3bnf__ff61de1c.base_1m5chvs_labelPlacementInner__ff61de1c .base_1m5chvs_l1gjsnfi__ff61de1c{color:var(--plasma-textfield__placeholder-color);pointer-events:none;position:absolute;top:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;height:100%;width:100%;}.base_1m5chvs_b15d3bnf__ff61de1c.base_1m5chvs_labelPlacementInner__ff61de1c.base_1m5chvs_textfieldHasHint__ff61de1c.base_1m5chvs_textfieldClear__ff61de1c .base_1m5chvs_s9w7nf8__ff61de1c.base_1m5chvs_labelPlacementInner__ff61de1c.base_1m5chvs_requiredAlignRight__ff61de1c{inset:var(--plasma-textfield__clear-indicator-hint-placement-inner-right);}
43
43
 
44
44
  .base_7yx5d1_bbsd6t5__2df10b77 .base_7yx5d1_h8yezh4__2df10b77{--plasma-tooltip-background-color:var(--plasma-textfield__tooltip-background-color);--plasma-tooltip-box-shadow:var(--plasma-textfield__tooltip-box-shadow);--plasma-tooltip-color:var(--plasma-textfield__tooltip-color);}
45
45
 
@@ -41,7 +41,7 @@
41
41
 
42
42
  .base_2lss3j_b1w985rt__6ded9a23[readonly] .base_2lss3j_iq39zt5__6ded9a23{position:relative;z-index:0;color:var(--plasma-textfield-color-readonly);background:transparent;box-shadow:none;}.base_2lss3j_b1w985rt__6ded9a23[readonly] .base_2lss3j_iq39zt5__6ded9a23:before{position:absolute;content:'';top:0;left:0;right:0;bottom:0;border-radius:var(--plasma-textfield-border-radius);background-color:var(--plasma-textfield-bg-color-readonly);opacity:var(--plasma-textfield-readonly-opacity);box-shadow:inset 0 0 0 var(--plasma-textfield-border-width) var(--plasma-textfield-border-color-readonly);z-index:-1;}.base_2lss3j_b1w985rt__6ded9a23[readonly] .base_2lss3j_iq39zt5__6ded9a23:hover{background-color:transparent;}.base_2lss3j_b1w985rt__6ded9a23[readonly].base_2lss3j_textfieldHasDivider__6ded9a23 .base_2lss3j_iq39zt5__6ded9a23:before{background-color:var(--plasma-textfield-divider-color-readonly);}.base_2lss3j_b1w985rt__6ded9a23[readonly] .base_2lss3j_iq39zt5__6ded9a23:focus-within .base_2lss3j_i19ry60d__6ded9a23,.base_2lss3j_b1w985rt__6ded9a23[readonly] .base_2lss3j_i19ry60d__6ded9a23{color:var(--plasma-textfield__placeholder-color-readonly);}.base_2lss3j_b1w985rt__6ded9a23[readonly] .base_2lss3j_io4bpie__6ded9a23{color:var(--plasma-textfield-color-readonly);cursor:default;min-width:unset;}.base_2lss3j_b1w985rt__6ded9a23[readonly] .base_2lss3j_t600610__6ded9a23{color:var(--plasma-textfield__title-caption-color-readonly);}.base_2lss3j_b1w985rt__6ded9a23[readonly] .base_2lss3j_l7hnwwb__6ded9a23{color:var(--plasma-textfield__left-helper-color-readonly);}.base_2lss3j_b1w985rt__6ded9a23[readonly] .base_2lss3j_ssv2kwg__6ded9a23:hover{color:var(--private_content-slot-color);}.base_2lss3j_b1w985rt__6ded9a23[readonly] .base_2lss3j_sb3k3v1__6ded9a23{opacity:var(--plasma-textfield-right-content-opacity-readonly);}.base_2lss3j_b1w985rt__6ded9a23[readonly] .base_2lss3j_sb3k3v1__6ded9a23:hover,.base_2lss3j_b1w985rt__6ded9a23[readonly] .base_2lss3j_sb3k3v1__6ded9a23:active{cursor:default;color:var(--plasma-textfield-content-right-slot-color,var(--plasma-textfield-content-slot-color));}.base_2lss3j_b1w985rt__6ded9a23[readonly].base_2lss3j_labelPlacementOuter__6ded9a23 .base_2lss3j_l1gjsnfi__6ded9a23{color:var(--plasma-textfield__label-color-readonly);}
43
43
 
44
- .base_o4xjq1_b15d3bnf__bf782b1b.base_o4xjq1_labelPlacementOuter__bf782b1b .base_o4xjq1_l1gjsnfi__bf782b1b{position:relative;display:inline-block;color:var(--plasma-textfield__label-color);}.base_o4xjq1_b15d3bnf__bf782b1b.base_o4xjq1_labelPlacementInner__bf782b1b .base_o4xjq1_i13qvwoy__bf782b1b{padding:var(--plasma-textfield-placement_inner__content-padding);}.base_o4xjq1_b15d3bnf__bf782b1b.base_o4xjq1_labelPlacementInner__bf782b1b .base_o4xjq1_io4bpie__bf782b1b:not(.base_o4xjq1_textfieldReadonlyInput__bf782b1b):focus ~ .base_o4xjq1_l1gjsnfi__bf782b1b,.base_o4xjq1_b15d3bnf__bf782b1b.base_o4xjq1_labelPlacementInner__bf782b1b .base_o4xjq1_io4bpie__bf782b1b.base_o4xjq1_hasValue__bf782b1b ~ .base_o4xjq1_l1gjsnfi__bf782b1b,.base_o4xjq1_b15d3bnf__bf782b1b.base_o4xjq1_labelPlacementInner__bf782b1b .base_o4xjq1_io4bpie__bf782b1b.base_o4xjq1_keepPlaceholder__bf782b1b ~ .base_o4xjq1_l1gjsnfi__bf782b1b{color:var(--plasma-textfield__placeholder-color);-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;padding:var(--plasma-textfield-placement_inner__label-padding);font-family:var(--plasma-textfield-placement_inner__label-font-family);font-size:var(--plasma-textfield-placement_inner__label-font-size);font-style:var(--plasma-textfield-placement_inner__label-font-style);font-weight:var(--plasma-textfield-placement_inner__label-font-weight);-webkit-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);-moz-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);-ms-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);line-height:var(--plasma-textfield-placement_inner__label-line-height);}.base_o4xjq1_b15d3bnf__bf782b1b.base_o4xjq1_labelPlacementInner__bf782b1b .base_o4xjq1_l1gjsnfi__bf782b1b{color:var(--plasma-textfield__placeholder-color);pointer-events:none;position:absolute;top:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;height:100%;width:100%;}.base_o4xjq1_b15d3bnf__bf782b1b.base_o4xjq1_labelPlacementInner__bf782b1b.base_o4xjq1_textfieldHasHint__bf782b1b .base_o4xjq1_s9w7nf8__bf782b1b.base_o4xjq1_labelPlacementInner__bf782b1b.base_o4xjq1_requiredAlignRight__bf782b1b{inset:var(--plasma-textfield__clear-indicator-hint-placement-inner-right);}
44
+ .base_1m5chvs_b15d3bnf__ff61de1c.base_1m5chvs_labelPlacementOuter__ff61de1c .base_1m5chvs_l1gjsnfi__ff61de1c{position:relative;display:inline-block;color:var(--plasma-textfield__label-color);}.base_1m5chvs_b15d3bnf__ff61de1c.base_1m5chvs_labelPlacementInner__ff61de1c .base_1m5chvs_i13qvwoy__ff61de1c{padding:var(--plasma-textfield-placement_inner__content-padding);}.base_1m5chvs_b15d3bnf__ff61de1c.base_1m5chvs_labelPlacementInner__ff61de1c .base_1m5chvs_io4bpie__ff61de1c:not(.base_1m5chvs_textfieldReadonlyInput__ff61de1c):focus ~ .base_1m5chvs_l1gjsnfi__ff61de1c,.base_1m5chvs_b15d3bnf__ff61de1c.base_1m5chvs_labelPlacementInner__ff61de1c .base_1m5chvs_io4bpie__ff61de1c.base_1m5chvs_hasValue__ff61de1c ~ .base_1m5chvs_l1gjsnfi__ff61de1c,.base_1m5chvs_b15d3bnf__ff61de1c.base_1m5chvs_labelPlacementInner__ff61de1c .base_1m5chvs_io4bpie__ff61de1c.base_1m5chvs_keepPlaceholder__ff61de1c ~ .base_1m5chvs_l1gjsnfi__ff61de1c{color:var(--plasma-textfield__placeholder-color);-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;padding:var(--plasma-textfield-placement_inner__label-padding);font-family:var(--plasma-textfield-placement_inner__label-font-family);font-size:var(--plasma-textfield-placement_inner__label-font-size);font-style:var(--plasma-textfield-placement_inner__label-font-style);font-weight:var(--plasma-textfield-placement_inner__label-font-weight);-webkit-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);-moz-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);-ms-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);line-height:var(--plasma-textfield-placement_inner__label-line-height);}.base_1m5chvs_b15d3bnf__ff61de1c.base_1m5chvs_labelPlacementInner__ff61de1c .base_1m5chvs_l1gjsnfi__ff61de1c{color:var(--plasma-textfield__placeholder-color);pointer-events:none;position:absolute;top:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;height:100%;width:100%;}.base_1m5chvs_b15d3bnf__ff61de1c.base_1m5chvs_labelPlacementInner__ff61de1c.base_1m5chvs_textfieldHasHint__ff61de1c.base_1m5chvs_textfieldClear__ff61de1c .base_1m5chvs_s9w7nf8__ff61de1c.base_1m5chvs_labelPlacementInner__ff61de1c.base_1m5chvs_requiredAlignRight__ff61de1c{inset:var(--plasma-textfield__clear-indicator-hint-placement-inner-right);}
45
45
 
46
46
  .base_7yx5d1_bbsd6t5__2df10b77 .base_7yx5d1_h8yezh4__2df10b77{--plasma-tooltip-background-color:var(--plasma-textfield__tooltip-background-color);--plasma-tooltip-box-shadow:var(--plasma-textfield__tooltip-box-shadow);--plasma-tooltip-color:var(--plasma-textfield__tooltip-color);}
47
47