@hh.ru/magritte-ui-input 5.0.13 → 5.0.15

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 (3) hide show
  1. package/BaseInput.js +1 -1
  2. package/index.css +273 -273
  3. package/package.json +12 -12
package/BaseInput.js CHANGED
@@ -13,7 +13,7 @@ import { useFocus } from './useFocus.js';
13
13
  import { useInputAriaProps } from './useInputAriaProps.js';
14
14
  import { Text } from '@hh.ru/magritte-ui-typography';
15
15
 
16
- var styles = {"input":"magritte-input___LVTID_5-0-13","label":"magritte-label___YlOQk_5-0-13","elevated":"magritte-elevated___kPcsM_5-0-13","focused":"magritte-focused___dxrHD_5-0-13","invalid":"magritte-invalid___L5MVa_5-0-13","disabled":"magritte-disabled___0NH6E_5-0-13","position-container":"magritte-position-container___kZnvZ_5-0-13","positionContainer":"magritte-position-container___kZnvZ_5-0-13","field":"magritte-field___9S8Tw_5-0-13","hint":"magritte-hint___EFGK0_5-0-13","additional-value":"magritte-additional-value___9Kyap_5-0-13","additionalValue":"magritte-additional-value___9Kyap_5-0-13","label_elevated":"magritte-label_elevated___PVcpC_5-0-13","labelElevated":"magritte-label_elevated___PVcpC_5-0-13","fixed-placeholder":"magritte-fixed-placeholder___PYJIH_5-0-13","fixedPlaceholder":"magritte-fixed-placeholder___PYJIH_5-0-13","icon":"magritte-icon___HEDsQ_5-0-13","focus-visible":"magritte-focus-visible___QvCO1_5-0-13","focusVisible":"magritte-focus-visible___QvCO1_5-0-13","right-container":"magritte-right-container___N0B0o_5-0-13","rightContainer":"magritte-right-container___N0B0o_5-0-13","with-icon":"magritte-with-icon___TPBe2_5-0-13","withIcon":"magritte-with-icon___TPBe2_5-0-13","large":"magritte-large___9frRh_5-0-13","rigging-container":"magritte-rigging-container___Up9Lb_5-0-13","riggingContainer":"magritte-rigging-container___Up9Lb_5-0-13","input__mask":"magritte-input__mask___CHda2_5-0-13","inputMask":"magritte-input__mask___CHda2_5-0-13","value-ghost":"magritte-value-ghost___IXNZj_5-0-13","valueGhost":"magritte-value-ghost___IXNZj_5-0-13","hint-container":"magritte-hint-container___rGsD8_5-0-13","hintContainer":"magritte-hint-container___rGsD8_5-0-13","with-right":"magritte-with-right___NUNiP_5-0-13","withRight":"magritte-with-right___NUNiP_5-0-13","content-container":"magritte-content-container___s-0kX_5-0-13","contentContainer":"magritte-content-container___s-0kX_5-0-13","counter":"magritte-counter___Bld3Q_5-0-13","value-container":"magritte-value-container___6ReT7_5-0-13","valueContainer":"magritte-value-container___6ReT7_5-0-13"};
16
+ var styles = {"input":"magritte-input___LVTID_5-0-15","label":"magritte-label___YlOQk_5-0-15","elevated":"magritte-elevated___kPcsM_5-0-15","focused":"magritte-focused___dxrHD_5-0-15","invalid":"magritte-invalid___L5MVa_5-0-15","disabled":"magritte-disabled___0NH6E_5-0-15","position-container":"magritte-position-container___kZnvZ_5-0-15","positionContainer":"magritte-position-container___kZnvZ_5-0-15","field":"magritte-field___9S8Tw_5-0-15","hint":"magritte-hint___EFGK0_5-0-15","additional-value":"magritte-additional-value___9Kyap_5-0-15","additionalValue":"magritte-additional-value___9Kyap_5-0-15","label_elevated":"magritte-label_elevated___PVcpC_5-0-15","labelElevated":"magritte-label_elevated___PVcpC_5-0-15","fixed-placeholder":"magritte-fixed-placeholder___PYJIH_5-0-15","fixedPlaceholder":"magritte-fixed-placeholder___PYJIH_5-0-15","icon":"magritte-icon___HEDsQ_5-0-15","focus-visible":"magritte-focus-visible___QvCO1_5-0-15","focusVisible":"magritte-focus-visible___QvCO1_5-0-15","right-container":"magritte-right-container___N0B0o_5-0-15","rightContainer":"magritte-right-container___N0B0o_5-0-15","with-icon":"magritte-with-icon___TPBe2_5-0-15","withIcon":"magritte-with-icon___TPBe2_5-0-15","large":"magritte-large___9frRh_5-0-15","rigging-container":"magritte-rigging-container___Up9Lb_5-0-15","riggingContainer":"magritte-rigging-container___Up9Lb_5-0-15","input__mask":"magritte-input__mask___CHda2_5-0-15","inputMask":"magritte-input__mask___CHda2_5-0-15","value-ghost":"magritte-value-ghost___IXNZj_5-0-15","valueGhost":"magritte-value-ghost___IXNZj_5-0-15","hint-container":"magritte-hint-container___rGsD8_5-0-15","hintContainer":"magritte-hint-container___rGsD8_5-0-15","with-right":"magritte-with-right___NUNiP_5-0-15","withRight":"magritte-with-right___NUNiP_5-0-15","content-container":"magritte-content-container___s-0kX_5-0-15","contentContainer":"magritte-content-container___s-0kX_5-0-15","counter":"magritte-counter___Bld3Q_5-0-15","value-container":"magritte-value-container___6ReT7_5-0-15","valueContainer":"magritte-value-container___6ReT7_5-0-15"};
17
17
 
18
18
  const BaseInputComponent = ({ onChange, onFocus, onBlur, value, placeholder, disabled = false, postfix, size = 'medium', elevatePlaceholder = false, invalid = false, description, errorMessage, formatter, buttonIcon, clearable = false, clearableOnFocus, onButtonClick, buttonDataQa, buttonRef, inputIcon, wrapperRef, counter, fixedPlaceholder, maxLength, hint, showHintAlways = false, ...restProps }, ref) => {
19
19
  const wrapperCurrentRef = useRef(null);
package/index.css CHANGED
@@ -1,304 +1,304 @@
1
1
  :root{
2
- --magritte-color-text-primary-v18-1-1:#000000;
3
- --magritte-color-component-input-stroke-state-field-hovered-v18-1-1:#CCD5DF;
4
- --magritte-color-component-input-stroke-state-field-focused-v18-1-1:#0070ff;
5
- --magritte-color-component-input-stroke-state-accent-focused-accessible-v18-1-1:#0070ff7a;
6
- --magritte-color-component-input-stroke-state-field-invalid-v18-1-1:#ff4d3a;
7
- --magritte-color-component-input-stroke-state-field-disabled-v18-1-1:#EEF1F7;
8
- --magritte-color-component-input-background-field-v18-1-1:#ffffff;
9
- --magritte-color-component-input-background-state-field-hovered-v18-1-1:#ffffff;
10
- --magritte-color-component-input-background-state-field-focused-v18-1-1:#ffffff;
11
- --magritte-color-component-input-background-state-field-invalid-v18-1-1:#ffffff;
12
- --magritte-color-component-input-background-state-field-disabled-v18-1-1:#F4F6FB;
13
- --magritte-color-component-input-stroke-field-v18-1-1:#DCE3EB;
14
- --magritte-color-component-input-text-state-content-disabled-v18-1-1:#AABBCA;
15
- --magritte-color-component-input-text-state-label-disabled-v18-1-1:#AABBCA;
16
- --magritte-color-component-input-text-state-placeholder-disabled-v18-1-1:#AABBCA;
17
- --magritte-color-component-input-text-state-description-disabled-v18-1-1:#96aabb;
18
- --magritte-color-component-input-text-state-content-hovered-v18-1-1:#000000;
19
- --magritte-color-component-input-text-state-content-focused-v18-1-1:#000000;
20
- --magritte-color-component-input-text-state-content-invalid-v18-1-1:#000000;
21
- --magritte-color-component-input-text-state-label-hovered-v18-1-1:#768694;
22
- --magritte-color-component-input-text-state-label-focused-v18-1-1:#468ffd;
23
- --magritte-color-component-input-text-state-label-invalid-v18-1-1:#ff8a77;
24
- --magritte-color-component-input-text-state-placeholder-hovered-v18-1-1:#768694;
25
- --magritte-color-component-input-text-state-placeholder-focused-v18-1-1:#768694;
26
- --magritte-color-component-input-text-state-placeholder-invalid-v18-1-1:#768694;
27
- --magritte-color-component-input-text-state-description-hovered-v18-1-1:#768694;
28
- --magritte-color-component-input-text-state-description-focused-v18-1-1:#768694;
29
- --magritte-color-component-input-counter-background-content-v18-1-1:#EEF1F7;
30
- --magritte-color-component-input-counter-background-state-content-disabled-v18-1-1:#CCD5DF;
31
- --magritte-color-component-input-counter-text-state-content-disabled-v18-1-1:#96aabb;
32
- --magritte-color-component-input-counter-text-content-v18-1-1:#8293a2;
33
- --magritte-color-component-input-icon-content-v18-1-1:#6a7885;
34
- --magritte-color-component-input-icon-state-content-hovered-v18-1-1:#6a7885;
35
- --magritte-color-component-input-icon-state-content-focused-v18-1-1:#000000;
36
- --magritte-color-component-input-icon-state-content-invalid-v18-1-1:#6a7885;
37
- --magritte-color-component-input-icon-state-content-disabled-v18-1-1:#AABBCA;
38
- --magritte-color-component-input-text-content-v18-1-1:#000000;
39
- --magritte-color-component-input-text-label-v18-1-1:#768694;
40
- --magritte-color-component-input-text-placeholder-v18-1-1:#AABBCA;
41
- --magritte-color-component-input-text-description-v18-1-1:#768694;
2
+ --magritte-color-text-primary-v18-1-2:#000000;
3
+ --magritte-color-component-input-stroke-state-field-hovered-v18-1-2:#CCD5DF;
4
+ --magritte-color-component-input-stroke-state-field-focused-v18-1-2:#0070ff;
5
+ --magritte-color-component-input-stroke-state-accent-focused-accessible-v18-1-2:#0070ff7a;
6
+ --magritte-color-component-input-stroke-state-field-invalid-v18-1-2:#ff4d3a;
7
+ --magritte-color-component-input-stroke-state-field-disabled-v18-1-2:#EEF1F7;
8
+ --magritte-color-component-input-background-field-v18-1-2:#ffffff;
9
+ --magritte-color-component-input-background-state-field-hovered-v18-1-2:#ffffff;
10
+ --magritte-color-component-input-background-state-field-focused-v18-1-2:#ffffff;
11
+ --magritte-color-component-input-background-state-field-invalid-v18-1-2:#ffffff;
12
+ --magritte-color-component-input-background-state-field-disabled-v18-1-2:#F4F6FB;
13
+ --magritte-color-component-input-stroke-field-v18-1-2:#DCE3EB;
14
+ --magritte-color-component-input-text-state-content-disabled-v18-1-2:#AABBCA;
15
+ --magritte-color-component-input-text-state-label-disabled-v18-1-2:#AABBCA;
16
+ --magritte-color-component-input-text-state-placeholder-disabled-v18-1-2:#AABBCA;
17
+ --magritte-color-component-input-text-state-description-disabled-v18-1-2:#AABBCA;
18
+ --magritte-color-component-input-text-state-content-hovered-v18-1-2:#000000;
19
+ --magritte-color-component-input-text-state-content-focused-v18-1-2:#000000;
20
+ --magritte-color-component-input-text-state-content-invalid-v18-1-2:#000000;
21
+ --magritte-color-component-input-text-state-label-hovered-v18-1-2:#768694;
22
+ --magritte-color-component-input-text-state-label-focused-v18-1-2:#768694;
23
+ --magritte-color-component-input-text-state-label-invalid-v18-1-2:#768694;
24
+ --magritte-color-component-input-text-state-placeholder-hovered-v18-1-2:#768694;
25
+ --magritte-color-component-input-text-state-placeholder-focused-v18-1-2:#AABBCA;
26
+ --magritte-color-component-input-text-state-placeholder-invalid-v18-1-2:#AABBCA;
27
+ --magritte-color-component-input-text-state-description-hovered-v18-1-2:#768694;
28
+ --magritte-color-component-input-text-state-description-focused-v18-1-2:#768694;
29
+ --magritte-color-component-input-counter-background-content-v18-1-2:#EEF1F7;
30
+ --magritte-color-component-input-counter-background-state-content-disabled-v18-1-2:#CCD5DF;
31
+ --magritte-color-component-input-counter-text-state-content-disabled-v18-1-2:#96aabb;
32
+ --magritte-color-component-input-counter-text-content-v18-1-2:#8293a2;
33
+ --magritte-color-component-input-icon-content-v18-1-2:#6a7885;
34
+ --magritte-color-component-input-icon-state-content-hovered-v18-1-2:#6a7885;
35
+ --magritte-color-component-input-icon-state-content-focused-v18-1-2:#000000;
36
+ --magritte-color-component-input-icon-state-content-invalid-v18-1-2:#6a7885;
37
+ --magritte-color-component-input-icon-state-content-disabled-v18-1-2:#AABBCA;
38
+ --magritte-color-component-input-text-content-v18-1-2:#000000;
39
+ --magritte-color-component-input-text-label-v18-1-2:#768694;
40
+ --magritte-color-component-input-text-placeholder-v18-1-2:#AABBCA;
41
+ --magritte-color-component-input-text-description-v18-1-2:#768694;
42
42
  }
43
43
  :root{
44
- --magritte-typography-label-2-regular-font-family-v18-1-1:"Inter";
45
- --magritte-typography-label-2-regular-font-weight-v18-1-1:400;
46
- --magritte-typography-label-2-regular-line-height-v18-1-1:22px;
47
- --magritte-typography-label-2-regular-font-size-v18-1-1:16px;
48
- --magritte-typography-label-2-regular-letter-spacing-v18-1-1:0em;
49
- --magritte-typography-label-2-regular-text-indent-v18-1-1:0px;
50
- --magritte-typography-label-2-regular-text-transform-v18-1-1:none;
51
- --magritte-typography-label-2-regular-text-decoration-v18-1-1:none;
52
- --magritte-typography-label-4-regular-font-family-v18-1-1:"Inter";
53
- --magritte-typography-label-4-regular-font-weight-v18-1-1:400;
54
- --magritte-typography-label-4-regular-line-height-v18-1-1:18px;
55
- --magritte-typography-label-4-regular-font-size-v18-1-1:12px;
56
- --magritte-typography-label-4-regular-letter-spacing-v18-1-1:0.01em;
57
- --magritte-typography-label-4-regular-text-indent-v18-1-1:0px;
58
- --magritte-typography-label-4-regular-text-transform-v18-1-1:none;
59
- --magritte-typography-label-4-regular-text-decoration-v18-1-1:none;
60
- --magritte-semantic-animation-ease-in-out-100-timing-function-v18-1-1:cubic-bezier(0.25, 0.1, 0.25, 1);
61
- --magritte-semantic-animation-ease-in-out-100-duration-v18-1-1:100ms;
62
- --magritte-semantic-animation-ease-in-out-200-duration-v18-1-1:200ms;
44
+ --magritte-typography-label-2-regular-font-family-v18-1-2:"Inter";
45
+ --magritte-typography-label-2-regular-font-weight-v18-1-2:400;
46
+ --magritte-typography-label-2-regular-line-height-v18-1-2:22px;
47
+ --magritte-typography-label-2-regular-font-size-v18-1-2:16px;
48
+ --magritte-typography-label-2-regular-letter-spacing-v18-1-2:0em;
49
+ --magritte-typography-label-2-regular-text-indent-v18-1-2:0px;
50
+ --magritte-typography-label-2-regular-text-transform-v18-1-2:none;
51
+ --magritte-typography-label-2-regular-text-decoration-v18-1-2:none;
52
+ --magritte-typography-label-4-regular-font-family-v18-1-2:"Inter";
53
+ --magritte-typography-label-4-regular-font-weight-v18-1-2:400;
54
+ --magritte-typography-label-4-regular-line-height-v18-1-2:18px;
55
+ --magritte-typography-label-4-regular-font-size-v18-1-2:12px;
56
+ --magritte-typography-label-4-regular-letter-spacing-v18-1-2:0.01em;
57
+ --magritte-typography-label-4-regular-text-indent-v18-1-2:0px;
58
+ --magritte-typography-label-4-regular-text-transform-v18-1-2:none;
59
+ --magritte-typography-label-4-regular-text-decoration-v18-1-2:none;
60
+ --magritte-semantic-animation-ease-in-out-100-timing-function-v18-1-2:cubic-bezier(0.25, 0.1, 0.25, 1);
61
+ --magritte-semantic-animation-ease-in-out-100-duration-v18-1-2:100ms;
62
+ --magritte-semantic-animation-ease-in-out-200-duration-v18-1-2:200ms;
63
63
  }
64
64
  .magritte-night-theme{
65
- --magritte-color-text-primary-v18-1-1:#ffffff;
66
- --magritte-color-component-input-stroke-state-field-hovered-v18-1-1:#3B3B3B;
67
- --magritte-color-component-input-stroke-state-field-focused-v18-1-1:#0070ff;
68
- --magritte-color-component-input-stroke-state-accent-focused-accessible-v18-1-1:#0070ff7a;
69
- --magritte-color-component-input-stroke-state-field-invalid-v18-1-1:#ff4d3a;
70
- --magritte-color-component-input-stroke-state-field-disabled-v18-1-1:#111;
71
- --magritte-color-component-input-background-field-v18-1-1:#1B1B1B;
72
- --magritte-color-component-input-background-state-field-hovered-v18-1-1:#1B1B1B;
73
- --magritte-color-component-input-background-state-field-focused-v18-1-1:#1B1B1B;
74
- --magritte-color-component-input-background-state-field-invalid-v18-1-1:#1B1B1B;
75
- --magritte-color-component-input-background-state-field-disabled-v18-1-1:#111;
76
- --magritte-color-component-input-stroke-field-v18-1-1:#303030;
77
- --magritte-color-component-input-text-content-v18-1-1:#ffffff;
78
- --magritte-color-component-input-text-label-v18-1-1:#919191;
79
- --magritte-color-component-input-text-placeholder-v18-1-1:#535353;
80
- --magritte-color-component-input-text-description-v18-1-1:#6A6A6A;
81
- --magritte-color-component-input-text-state-content-disabled-v18-1-1:#474747;
82
- --magritte-color-component-input-text-state-label-disabled-v18-1-1:#474747;
83
- --magritte-color-component-input-text-state-placeholder-disabled-v18-1-1:#474747;
84
- --magritte-color-component-input-text-state-description-disabled-v18-1-1:#474747;
85
- --magritte-color-component-input-text-state-content-hovered-v18-1-1:#ffffff;
86
- --magritte-color-component-input-text-state-content-focused-v18-1-1:#ffffff;
87
- --magritte-color-component-input-text-state-content-invalid-v18-1-1:#ffffff;
88
- --magritte-color-component-input-text-state-label-hovered-v18-1-1:#919191;
89
- --magritte-color-component-input-text-state-label-focused-v18-1-1:#5e9eff;
90
- --magritte-color-component-input-text-state-label-invalid-v18-1-1:#fe725f;
91
- --magritte-color-component-input-text-state-placeholder-hovered-v18-1-1:#5E5E5E;
92
- --magritte-color-component-input-text-state-placeholder-focused-v18-1-1:#535353;
93
- --magritte-color-component-input-text-state-placeholder-invalid-v18-1-1:#535353;
94
- --magritte-color-component-input-text-state-description-hovered-v18-1-1:#535353;
95
- --magritte-color-component-input-text-state-description-focused-v18-1-1:#535353;
96
- --magritte-color-component-input-counter-background-content-v18-1-1:#EEF1F7;
97
- --magritte-color-component-input-counter-background-state-content-disabled-v18-1-1:#CCD5DF;
98
- --magritte-color-component-input-counter-text-state-content-disabled-v18-1-1:#96aabb;
99
- --magritte-color-component-input-counter-text-content-v18-1-1:#6a7885;
100
- --magritte-color-component-input-icon-state-content-hovered-v18-1-1:#5E5E5E;
101
- --magritte-color-component-input-icon-state-content-focused-v18-1-1:#ffffff;
102
- --magritte-color-component-input-icon-state-content-invalid-v18-1-1:#767676;
103
- --magritte-color-component-input-icon-state-content-disabled-v18-1-1:#474747;
104
- --magritte-color-component-input-icon-content-v18-1-1:#ABABAB;
105
- }
106
- .magritte-input___LVTID_5-0-13{
65
+ --magritte-color-text-primary-v18-1-2:#ffffff;
66
+ --magritte-color-component-input-stroke-state-field-hovered-v18-1-2:#3B3B3B;
67
+ --magritte-color-component-input-stroke-state-field-focused-v18-1-2:#0070ff;
68
+ --magritte-color-component-input-stroke-state-accent-focused-accessible-v18-1-2:#0070ff7a;
69
+ --magritte-color-component-input-stroke-state-field-invalid-v18-1-2:#ff4d3a;
70
+ --magritte-color-component-input-stroke-state-field-disabled-v18-1-2:#111;
71
+ --magritte-color-component-input-background-field-v18-1-2:#1B1B1B;
72
+ --magritte-color-component-input-background-state-field-hovered-v18-1-2:#1B1B1B;
73
+ --magritte-color-component-input-background-state-field-focused-v18-1-2:#1B1B1B;
74
+ --magritte-color-component-input-background-state-field-invalid-v18-1-2:#1B1B1B;
75
+ --magritte-color-component-input-background-state-field-disabled-v18-1-2:#111;
76
+ --magritte-color-component-input-stroke-field-v18-1-2:#303030;
77
+ --magritte-color-component-input-text-content-v18-1-2:#ffffff;
78
+ --magritte-color-component-input-text-label-v18-1-2:#919191;
79
+ --magritte-color-component-input-text-placeholder-v18-1-2:#535353;
80
+ --magritte-color-component-input-text-description-v18-1-2:#6A6A6A;
81
+ --magritte-color-component-input-text-state-content-disabled-v18-1-2:#474747;
82
+ --magritte-color-component-input-text-state-label-disabled-v18-1-2:#474747;
83
+ --magritte-color-component-input-text-state-placeholder-disabled-v18-1-2:#474747;
84
+ --magritte-color-component-input-text-state-description-disabled-v18-1-2:#535353;
85
+ --magritte-color-component-input-text-state-content-hovered-v18-1-2:#ffffff;
86
+ --magritte-color-component-input-text-state-content-focused-v18-1-2:#ffffff;
87
+ --magritte-color-component-input-text-state-content-invalid-v18-1-2:#ffffff;
88
+ --magritte-color-component-input-text-state-label-hovered-v18-1-2:#919191;
89
+ --magritte-color-component-input-text-state-label-focused-v18-1-2:#919191;
90
+ --magritte-color-component-input-text-state-label-invalid-v18-1-2:#919191;
91
+ --magritte-color-component-input-text-state-placeholder-hovered-v18-1-2:#5E5E5E;
92
+ --magritte-color-component-input-text-state-placeholder-focused-v18-1-2:#535353;
93
+ --magritte-color-component-input-text-state-placeholder-invalid-v18-1-2:#535353;
94
+ --magritte-color-component-input-text-state-description-hovered-v18-1-2:#535353;
95
+ --magritte-color-component-input-text-state-description-focused-v18-1-2:#535353;
96
+ --magritte-color-component-input-counter-background-content-v18-1-2:#EEF1F7;
97
+ --magritte-color-component-input-counter-background-state-content-disabled-v18-1-2:#CCD5DF;
98
+ --magritte-color-component-input-counter-text-state-content-disabled-v18-1-2:#96aabb;
99
+ --magritte-color-component-input-counter-text-content-v18-1-2:#6a7885;
100
+ --magritte-color-component-input-icon-state-content-hovered-v18-1-2:#5E5E5E;
101
+ --magritte-color-component-input-icon-state-content-focused-v18-1-2:#ffffff;
102
+ --magritte-color-component-input-icon-state-content-invalid-v18-1-2:#767676;
103
+ --magritte-color-component-input-icon-state-content-disabled-v18-1-2:#474747;
104
+ --magritte-color-component-input-icon-content-v18-1-2:#ABABAB;
105
+ }
106
+ .magritte-input___LVTID_5-0-15{
107
107
  display:inline-block;
108
108
  width:100%;
109
- --animation-100-duration:var(--magritte-semantic-animation-ease-in-out-100-duration-v18-1-1);
110
- --animation-200-duration:var(--magritte-semantic-animation-ease-in-out-200-duration-v18-1-1);
109
+ --animation-100-duration:var(--magritte-semantic-animation-ease-in-out-100-duration-v18-1-2);
110
+ --animation-200-duration:var(--magritte-semantic-animation-ease-in-out-200-duration-v18-1-2);
111
111
  }
112
- .magritte-input___LVTID_5-0-13:has(input:autofill) .magritte-label___YlOQk_5-0-13{
112
+ .magritte-input___LVTID_5-0-15:has(input:autofill) .magritte-label___YlOQk_5-0-15{
113
113
  display:none;
114
114
  }
115
- .magritte-input___LVTID_5-0-13.magritte-elevated___kPcsM_5-0-13:has(input:autofill) .magritte-label___YlOQk_5-0-13{
115
+ .magritte-input___LVTID_5-0-15.magritte-elevated___kPcsM_5-0-15:has(input:autofill) .magritte-label___YlOQk_5-0-15{
116
116
  display:block;
117
- transform:translateY(calc(0px - ((var(--magritte-typography-label-4-regular-line-height-v18-1-1) + var(--magritte-typography-label-2-regular-line-height-v18-1-1)) / 2) + (var(--magritte-typography-label-4-regular-line-height-v18-1-1) / 2)));
117
+ transform:translateY(calc(0px - ((var(--magritte-typography-label-4-regular-line-height-v18-1-2) + var(--magritte-typography-label-2-regular-line-height-v18-1-2)) / 2) + (var(--magritte-typography-label-4-regular-line-height-v18-1-2) / 2)));
118
118
  transition-duration:0ms;
119
- color:var(--magritte-color-component-input-text-label-v18-1-1);
120
- }
121
- .magritte-input___LVTID_5-0-13.magritte-elevated___kPcsM_5-0-13:has(input:autofill) .magritte-label___YlOQk_5-0-13 > *{
122
- font-family:var(--magritte-typography-label-4-regular-font-family-v18-1-1);
123
- font-weight:var(--magritte-typography-label-4-regular-font-weight-v18-1-1);
124
- line-height:var(--magritte-typography-label-4-regular-line-height-v18-1-1);
125
- font-size:var(--magritte-typography-label-4-regular-font-size-v18-1-1);
126
- letter-spacing:var(--magritte-typography-label-4-regular-letter-spacing-v18-1-1);
127
- text-indent:var(--magritte-typography-label-4-regular-text-indent-v18-1-1);
128
- text-transform:var(--magritte-typography-label-4-regular-text-transform-v18-1-1);
129
- text-decoration:var(--magritte-typography-label-4-regular-text-decoration-v18-1-1);
119
+ color:var(--magritte-color-component-input-text-label-v18-1-2);
120
+ }
121
+ .magritte-input___LVTID_5-0-15.magritte-elevated___kPcsM_5-0-15:has(input:autofill) .magritte-label___YlOQk_5-0-15 > *{
122
+ font-family:var(--magritte-typography-label-4-regular-font-family-v18-1-2);
123
+ font-weight:var(--magritte-typography-label-4-regular-font-weight-v18-1-2);
124
+ line-height:var(--magritte-typography-label-4-regular-line-height-v18-1-2);
125
+ font-size:var(--magritte-typography-label-4-regular-font-size-v18-1-2);
126
+ letter-spacing:var(--magritte-typography-label-4-regular-letter-spacing-v18-1-2);
127
+ text-indent:var(--magritte-typography-label-4-regular-text-indent-v18-1-2);
128
+ text-transform:var(--magritte-typography-label-4-regular-text-transform-v18-1-2);
129
+ text-decoration:var(--magritte-typography-label-4-regular-text-decoration-v18-1-2);
130
130
  }
131
131
  @media (min-width: 1020px){
132
- body.magritte-old-layout .magritte-input___LVTID_5-0-13:not(.magritte-focused___dxrHD_5-0-13):not(.magritte-invalid___L5MVa_5-0-13):not(.magritte-disabled___0NH6E_5-0-13) .magritte-position-container___kZnvZ_5-0-13:hover{
133
- background-color:var(--magritte-color-component-input-background-state-field-hovered-v18-1-1);
134
- box-shadow:inset 0 0 0 1px var(--magritte-color-component-input-stroke-state-field-hovered-v18-1-1);
132
+ body.magritte-old-layout .magritte-input___LVTID_5-0-15:not(.magritte-focused___dxrHD_5-0-15):not(.magritte-invalid___L5MVa_5-0-15):not(.magritte-disabled___0NH6E_5-0-15) .magritte-position-container___kZnvZ_5-0-15:hover{
133
+ background-color:var(--magritte-color-component-input-background-state-field-hovered-v18-1-2);
134
+ box-shadow:inset 0 0 0 1px var(--magritte-color-component-input-stroke-state-field-hovered-v18-1-2);
135
135
  }
136
- body.magritte-old-layout .magritte-input___LVTID_5-0-13:not(.magritte-focused___dxrHD_5-0-13):not(.magritte-invalid___L5MVa_5-0-13):not(.magritte-disabled___0NH6E_5-0-13) .magritte-position-container___kZnvZ_5-0-13:hover .magritte-field___9S8Tw_5-0-13{
137
- color:var(--magritte-color-component-input-text-state-content-hovered-v18-1-1);
138
- -webkit-text-fill-color:var(--magritte-color-component-input-text-state-content-hovered-v18-1-1);
136
+ body.magritte-old-layout .magritte-input___LVTID_5-0-15:not(.magritte-focused___dxrHD_5-0-15):not(.magritte-invalid___L5MVa_5-0-15):not(.magritte-disabled___0NH6E_5-0-15) .magritte-position-container___kZnvZ_5-0-15:hover .magritte-field___9S8Tw_5-0-15{
137
+ color:var(--magritte-color-component-input-text-state-content-hovered-v18-1-2);
138
+ -webkit-text-fill-color:var(--magritte-color-component-input-text-state-content-hovered-v18-1-2);
139
139
  opacity:1;
140
140
  }
141
- body.magritte-old-layout .magritte-input___LVTID_5-0-13:not(.magritte-focused___dxrHD_5-0-13):not(.magritte-invalid___L5MVa_5-0-13):not(.magritte-disabled___0NH6E_5-0-13) .magritte-position-container___kZnvZ_5-0-13:hover .magritte-hint___EFGK0_5-0-13{
141
+ body.magritte-old-layout .magritte-input___LVTID_5-0-15:not(.magritte-focused___dxrHD_5-0-15):not(.magritte-invalid___L5MVa_5-0-15):not(.magritte-disabled___0NH6E_5-0-15) .magritte-position-container___kZnvZ_5-0-15:hover .magritte-hint___EFGK0_5-0-15{
142
142
  --magritte-ui-text-color-override:'magritte-color-component-input-text-state-description-hovered';
143
- color:var(--magritte-color-component-input-text-state-description-hovered-v18-1-1);
143
+ color:var(--magritte-color-component-input-text-state-description-hovered-v18-1-2);
144
144
  }
145
- body.magritte-old-layout .magritte-input___LVTID_5-0-13:not(.magritte-focused___dxrHD_5-0-13):not(.magritte-invalid___L5MVa_5-0-13):not(.magritte-disabled___0NH6E_5-0-13) .magritte-position-container___kZnvZ_5-0-13:hover .magritte-additional-value___9Kyap_5-0-13{
146
- --magritte-ui-text-color-override:var(--magritte-color-component-input-text-state-content-hovered-v18-1-1);
145
+ body.magritte-old-layout .magritte-input___LVTID_5-0-15:not(.magritte-focused___dxrHD_5-0-15):not(.magritte-invalid___L5MVa_5-0-15):not(.magritte-disabled___0NH6E_5-0-15) .magritte-position-container___kZnvZ_5-0-15:hover .magritte-additional-value___9Kyap_5-0-15{
146
+ --magritte-ui-text-color-override:var(--magritte-color-component-input-text-state-content-hovered-v18-1-2);
147
147
  }
148
- body.magritte-old-layout .magritte-input___LVTID_5-0-13:not(.magritte-focused___dxrHD_5-0-13):not(.magritte-invalid___L5MVa_5-0-13):not(.magritte-disabled___0NH6E_5-0-13) .magritte-position-container___kZnvZ_5-0-13:hover .magritte-label_elevated___PVcpC_5-0-13{
149
- color:var(--magritte-color-component-input-text-state-label-hovered-v18-1-1);
148
+ body.magritte-old-layout .magritte-input___LVTID_5-0-15:not(.magritte-focused___dxrHD_5-0-15):not(.magritte-invalid___L5MVa_5-0-15):not(.magritte-disabled___0NH6E_5-0-15) .magritte-position-container___kZnvZ_5-0-15:hover .magritte-label_elevated___PVcpC_5-0-15{
149
+ color:var(--magritte-color-component-input-text-state-label-hovered-v18-1-2);
150
150
  }
151
- body.magritte-old-layout .magritte-input___LVTID_5-0-13:not(.magritte-focused___dxrHD_5-0-13):not(.magritte-invalid___L5MVa_5-0-13):not(.magritte-disabled___0NH6E_5-0-13) .magritte-position-container___kZnvZ_5-0-13:hover .magritte-label___YlOQk_5-0-13:not(.magritte-label_elevated___PVcpC_5-0-13),
152
- body.magritte-old-layout .magritte-input___LVTID_5-0-13:not(.magritte-focused___dxrHD_5-0-13):not(.magritte-invalid___L5MVa_5-0-13):not(.magritte-disabled___0NH6E_5-0-13) .magritte-position-container___kZnvZ_5-0-13:hover .magritte-fixed-placeholder___PYJIH_5-0-13{
153
- color:var(--magritte-color-component-input-text-state-placeholder-hovered-v18-1-1);
151
+ body.magritte-old-layout .magritte-input___LVTID_5-0-15:not(.magritte-focused___dxrHD_5-0-15):not(.magritte-invalid___L5MVa_5-0-15):not(.magritte-disabled___0NH6E_5-0-15) .magritte-position-container___kZnvZ_5-0-15:hover .magritte-label___YlOQk_5-0-15:not(.magritte-label_elevated___PVcpC_5-0-15),
152
+ body.magritte-old-layout .magritte-input___LVTID_5-0-15:not(.magritte-focused___dxrHD_5-0-15):not(.magritte-invalid___L5MVa_5-0-15):not(.magritte-disabled___0NH6E_5-0-15) .magritte-position-container___kZnvZ_5-0-15:hover .magritte-fixed-placeholder___PYJIH_5-0-15{
153
+ color:var(--magritte-color-component-input-text-state-placeholder-hovered-v18-1-2);
154
154
  }
155
- body.magritte-old-layout .magritte-input___LVTID_5-0-13:not(.magritte-focused___dxrHD_5-0-13):not(.magritte-invalid___L5MVa_5-0-13):not(.magritte-disabled___0NH6E_5-0-13) .magritte-position-container___kZnvZ_5-0-13:hover .magritte-icon___HEDsQ_5-0-13{
156
- --magritte-ui-icon-color-override:var(--magritte-color-component-input-icon-state-content-hovered-v18-1-1);
155
+ body.magritte-old-layout .magritte-input___LVTID_5-0-15:not(.magritte-focused___dxrHD_5-0-15):not(.magritte-invalid___L5MVa_5-0-15):not(.magritte-disabled___0NH6E_5-0-15) .magritte-position-container___kZnvZ_5-0-15:hover .magritte-icon___HEDsQ_5-0-15{
156
+ --magritte-ui-icon-color-override:var(--magritte-color-component-input-icon-state-content-hovered-v18-1-2);
157
157
  }
158
158
  }
159
159
  @media (min-width: 1024px){
160
- body:not(.magritte-old-layout) .magritte-input___LVTID_5-0-13:not(.magritte-focused___dxrHD_5-0-13):not(.magritte-invalid___L5MVa_5-0-13):not(.magritte-disabled___0NH6E_5-0-13) .magritte-position-container___kZnvZ_5-0-13:hover{
161
- background-color:var(--magritte-color-component-input-background-state-field-hovered-v18-1-1);
162
- box-shadow:inset 0 0 0 1px var(--magritte-color-component-input-stroke-state-field-hovered-v18-1-1);
160
+ body:not(.magritte-old-layout) .magritte-input___LVTID_5-0-15:not(.magritte-focused___dxrHD_5-0-15):not(.magritte-invalid___L5MVa_5-0-15):not(.magritte-disabled___0NH6E_5-0-15) .magritte-position-container___kZnvZ_5-0-15:hover{
161
+ background-color:var(--magritte-color-component-input-background-state-field-hovered-v18-1-2);
162
+ box-shadow:inset 0 0 0 1px var(--magritte-color-component-input-stroke-state-field-hovered-v18-1-2);
163
163
  }
164
- body:not(.magritte-old-layout) .magritte-input___LVTID_5-0-13:not(.magritte-focused___dxrHD_5-0-13):not(.magritte-invalid___L5MVa_5-0-13):not(.magritte-disabled___0NH6E_5-0-13) .magritte-position-container___kZnvZ_5-0-13:hover .magritte-field___9S8Tw_5-0-13{
165
- color:var(--magritte-color-component-input-text-state-content-hovered-v18-1-1);
166
- -webkit-text-fill-color:var(--magritte-color-component-input-text-state-content-hovered-v18-1-1);
164
+ body:not(.magritte-old-layout) .magritte-input___LVTID_5-0-15:not(.magritte-focused___dxrHD_5-0-15):not(.magritte-invalid___L5MVa_5-0-15):not(.magritte-disabled___0NH6E_5-0-15) .magritte-position-container___kZnvZ_5-0-15:hover .magritte-field___9S8Tw_5-0-15{
165
+ color:var(--magritte-color-component-input-text-state-content-hovered-v18-1-2);
166
+ -webkit-text-fill-color:var(--magritte-color-component-input-text-state-content-hovered-v18-1-2);
167
167
  opacity:1;
168
168
  }
169
- body:not(.magritte-old-layout) .magritte-input___LVTID_5-0-13:not(.magritte-focused___dxrHD_5-0-13):not(.magritte-invalid___L5MVa_5-0-13):not(.magritte-disabled___0NH6E_5-0-13) .magritte-position-container___kZnvZ_5-0-13:hover .magritte-hint___EFGK0_5-0-13{
169
+ body:not(.magritte-old-layout) .magritte-input___LVTID_5-0-15:not(.magritte-focused___dxrHD_5-0-15):not(.magritte-invalid___L5MVa_5-0-15):not(.magritte-disabled___0NH6E_5-0-15) .magritte-position-container___kZnvZ_5-0-15:hover .magritte-hint___EFGK0_5-0-15{
170
170
  --magritte-ui-text-color-override:'magritte-color-component-input-text-state-description-hovered';
171
- color:var(--magritte-color-component-input-text-state-description-hovered-v18-1-1);
171
+ color:var(--magritte-color-component-input-text-state-description-hovered-v18-1-2);
172
172
  }
173
- body:not(.magritte-old-layout) .magritte-input___LVTID_5-0-13:not(.magritte-focused___dxrHD_5-0-13):not(.magritte-invalid___L5MVa_5-0-13):not(.magritte-disabled___0NH6E_5-0-13) .magritte-position-container___kZnvZ_5-0-13:hover .magritte-additional-value___9Kyap_5-0-13{
174
- --magritte-ui-text-color-override:var(--magritte-color-component-input-text-state-content-hovered-v18-1-1);
173
+ body:not(.magritte-old-layout) .magritte-input___LVTID_5-0-15:not(.magritte-focused___dxrHD_5-0-15):not(.magritte-invalid___L5MVa_5-0-15):not(.magritte-disabled___0NH6E_5-0-15) .magritte-position-container___kZnvZ_5-0-15:hover .magritte-additional-value___9Kyap_5-0-15{
174
+ --magritte-ui-text-color-override:var(--magritte-color-component-input-text-state-content-hovered-v18-1-2);
175
175
  }
176
- body:not(.magritte-old-layout) .magritte-input___LVTID_5-0-13:not(.magritte-focused___dxrHD_5-0-13):not(.magritte-invalid___L5MVa_5-0-13):not(.magritte-disabled___0NH6E_5-0-13) .magritte-position-container___kZnvZ_5-0-13:hover .magritte-label_elevated___PVcpC_5-0-13{
177
- color:var(--magritte-color-component-input-text-state-label-hovered-v18-1-1);
176
+ body:not(.magritte-old-layout) .magritte-input___LVTID_5-0-15:not(.magritte-focused___dxrHD_5-0-15):not(.magritte-invalid___L5MVa_5-0-15):not(.magritte-disabled___0NH6E_5-0-15) .magritte-position-container___kZnvZ_5-0-15:hover .magritte-label_elevated___PVcpC_5-0-15{
177
+ color:var(--magritte-color-component-input-text-state-label-hovered-v18-1-2);
178
178
  }
179
- body:not(.magritte-old-layout) .magritte-input___LVTID_5-0-13:not(.magritte-focused___dxrHD_5-0-13):not(.magritte-invalid___L5MVa_5-0-13):not(.magritte-disabled___0NH6E_5-0-13) .magritte-position-container___kZnvZ_5-0-13:hover .magritte-label___YlOQk_5-0-13:not(.magritte-label_elevated___PVcpC_5-0-13),
180
- body:not(.magritte-old-layout) .magritte-input___LVTID_5-0-13:not(.magritte-focused___dxrHD_5-0-13):not(.magritte-invalid___L5MVa_5-0-13):not(.magritte-disabled___0NH6E_5-0-13) .magritte-position-container___kZnvZ_5-0-13:hover .magritte-fixed-placeholder___PYJIH_5-0-13{
181
- color:var(--magritte-color-component-input-text-state-placeholder-hovered-v18-1-1);
179
+ body:not(.magritte-old-layout) .magritte-input___LVTID_5-0-15:not(.magritte-focused___dxrHD_5-0-15):not(.magritte-invalid___L5MVa_5-0-15):not(.magritte-disabled___0NH6E_5-0-15) .magritte-position-container___kZnvZ_5-0-15:hover .magritte-label___YlOQk_5-0-15:not(.magritte-label_elevated___PVcpC_5-0-15),
180
+ body:not(.magritte-old-layout) .magritte-input___LVTID_5-0-15:not(.magritte-focused___dxrHD_5-0-15):not(.magritte-invalid___L5MVa_5-0-15):not(.magritte-disabled___0NH6E_5-0-15) .magritte-position-container___kZnvZ_5-0-15:hover .magritte-fixed-placeholder___PYJIH_5-0-15{
181
+ color:var(--magritte-color-component-input-text-state-placeholder-hovered-v18-1-2);
182
182
  }
183
- body:not(.magritte-old-layout) .magritte-input___LVTID_5-0-13:not(.magritte-focused___dxrHD_5-0-13):not(.magritte-invalid___L5MVa_5-0-13):not(.magritte-disabled___0NH6E_5-0-13) .magritte-position-container___kZnvZ_5-0-13:hover .magritte-icon___HEDsQ_5-0-13{
184
- --magritte-ui-icon-color-override:var(--magritte-color-component-input-icon-state-content-hovered-v18-1-1);
183
+ body:not(.magritte-old-layout) .magritte-input___LVTID_5-0-15:not(.magritte-focused___dxrHD_5-0-15):not(.magritte-invalid___L5MVa_5-0-15):not(.magritte-disabled___0NH6E_5-0-15) .magritte-position-container___kZnvZ_5-0-15:hover .magritte-icon___HEDsQ_5-0-15{
184
+ --magritte-ui-icon-color-override:var(--magritte-color-component-input-icon-state-content-hovered-v18-1-2);
185
185
  }
186
186
  }
187
- .magritte-input___LVTID_5-0-13.magritte-focused___dxrHD_5-0-13 .magritte-position-container___kZnvZ_5-0-13{
188
- background-color:var(--magritte-color-component-input-background-state-field-focused-v18-1-1);
189
- box-shadow:inset 0 0 0 2px var(--magritte-color-component-input-stroke-state-field-focused-v18-1-1);
187
+ .magritte-input___LVTID_5-0-15.magritte-focused___dxrHD_5-0-15 .magritte-position-container___kZnvZ_5-0-15{
188
+ background-color:var(--magritte-color-component-input-background-state-field-focused-v18-1-2);
189
+ box-shadow:inset 0 0 0 2px var(--magritte-color-component-input-stroke-state-field-focused-v18-1-2);
190
190
  }
191
- .magritte-input___LVTID_5-0-13.magritte-focused___dxrHD_5-0-13 .magritte-position-container___kZnvZ_5-0-13 .magritte-field___9S8Tw_5-0-13{
192
- color:var(--magritte-color-component-input-text-state-content-focused-v18-1-1);
193
- -webkit-text-fill-color:var(--magritte-color-component-input-text-state-content-focused-v18-1-1);
191
+ .magritte-input___LVTID_5-0-15.magritte-focused___dxrHD_5-0-15 .magritte-position-container___kZnvZ_5-0-15 .magritte-field___9S8Tw_5-0-15{
192
+ color:var(--magritte-color-component-input-text-state-content-focused-v18-1-2);
193
+ -webkit-text-fill-color:var(--magritte-color-component-input-text-state-content-focused-v18-1-2);
194
194
  opacity:1;
195
195
  }
196
- .magritte-input___LVTID_5-0-13.magritte-focused___dxrHD_5-0-13 .magritte-position-container___kZnvZ_5-0-13 .magritte-hint___EFGK0_5-0-13{
196
+ .magritte-input___LVTID_5-0-15.magritte-focused___dxrHD_5-0-15 .magritte-position-container___kZnvZ_5-0-15 .magritte-hint___EFGK0_5-0-15{
197
197
  --magritte-ui-text-color-override:'magritte-color-component-input-text-state-description-focused';
198
- color:var(--magritte-color-component-input-text-state-description-focused-v18-1-1);
198
+ color:var(--magritte-color-component-input-text-state-description-focused-v18-1-2);
199
199
  }
200
- .magritte-input___LVTID_5-0-13.magritte-focused___dxrHD_5-0-13 .magritte-position-container___kZnvZ_5-0-13 .magritte-additional-value___9Kyap_5-0-13{
201
- --magritte-ui-text-color-override:var(--magritte-color-component-input-text-state-content-focused-v18-1-1);
200
+ .magritte-input___LVTID_5-0-15.magritte-focused___dxrHD_5-0-15 .magritte-position-container___kZnvZ_5-0-15 .magritte-additional-value___9Kyap_5-0-15{
201
+ --magritte-ui-text-color-override:var(--magritte-color-component-input-text-state-content-focused-v18-1-2);
202
202
  }
203
- .magritte-input___LVTID_5-0-13.magritte-focused___dxrHD_5-0-13 .magritte-position-container___kZnvZ_5-0-13 .magritte-label_elevated___PVcpC_5-0-13{
204
- color:var(--magritte-color-component-input-text-state-label-focused-v18-1-1);
203
+ .magritte-input___LVTID_5-0-15.magritte-focused___dxrHD_5-0-15 .magritte-position-container___kZnvZ_5-0-15 .magritte-label_elevated___PVcpC_5-0-15{
204
+ color:var(--magritte-color-component-input-text-state-label-focused-v18-1-2);
205
205
  }
206
- .magritte-input___LVTID_5-0-13.magritte-focused___dxrHD_5-0-13 .magritte-position-container___kZnvZ_5-0-13 .magritte-label___YlOQk_5-0-13:not(.magritte-label_elevated___PVcpC_5-0-13),
207
- .magritte-input___LVTID_5-0-13.magritte-focused___dxrHD_5-0-13 .magritte-position-container___kZnvZ_5-0-13 .magritte-fixed-placeholder___PYJIH_5-0-13{
208
- color:var(--magritte-color-component-input-text-state-placeholder-focused-v18-1-1);
206
+ .magritte-input___LVTID_5-0-15.magritte-focused___dxrHD_5-0-15 .magritte-position-container___kZnvZ_5-0-15 .magritte-label___YlOQk_5-0-15:not(.magritte-label_elevated___PVcpC_5-0-15),
207
+ .magritte-input___LVTID_5-0-15.magritte-focused___dxrHD_5-0-15 .magritte-position-container___kZnvZ_5-0-15 .magritte-fixed-placeholder___PYJIH_5-0-15{
208
+ color:var(--magritte-color-component-input-text-state-placeholder-focused-v18-1-2);
209
209
  }
210
- .magritte-input___LVTID_5-0-13.magritte-focused___dxrHD_5-0-13 .magritte-position-container___kZnvZ_5-0-13 .magritte-icon___HEDsQ_5-0-13{
211
- --magritte-ui-icon-color-override:var(--magritte-color-component-input-icon-state-content-focused-v18-1-1);
210
+ .magritte-input___LVTID_5-0-15.magritte-focused___dxrHD_5-0-15 .magritte-position-container___kZnvZ_5-0-15 .magritte-icon___HEDsQ_5-0-15{
211
+ --magritte-ui-icon-color-override:var(--magritte-color-component-input-icon-state-content-focused-v18-1-2);
212
212
  }
213
- .magritte-input___LVTID_5-0-13.magritte-invalid___L5MVa_5-0-13 .magritte-position-container___kZnvZ_5-0-13{
214
- background-color:var(--magritte-color-component-input-background-state-field-invalid-v18-1-1);
215
- box-shadow:inset 0 0 0 1px var(--magritte-color-component-input-stroke-state-field-invalid-v18-1-1);
213
+ .magritte-input___LVTID_5-0-15.magritte-invalid___L5MVa_5-0-15 .magritte-position-container___kZnvZ_5-0-15{
214
+ background-color:var(--magritte-color-component-input-background-state-field-invalid-v18-1-2);
215
+ box-shadow:inset 0 0 0 1px var(--magritte-color-component-input-stroke-state-field-invalid-v18-1-2);
216
216
  }
217
- .magritte-input___LVTID_5-0-13.magritte-invalid___L5MVa_5-0-13 .magritte-position-container___kZnvZ_5-0-13 .magritte-field___9S8Tw_5-0-13{
218
- color:var(--magritte-color-component-input-text-state-content-invalid-v18-1-1);
219
- -webkit-text-fill-color:var(--magritte-color-component-input-text-state-content-invalid-v18-1-1);
217
+ .magritte-input___LVTID_5-0-15.magritte-invalid___L5MVa_5-0-15 .magritte-position-container___kZnvZ_5-0-15 .magritte-field___9S8Tw_5-0-15{
218
+ color:var(--magritte-color-component-input-text-state-content-invalid-v18-1-2);
219
+ -webkit-text-fill-color:var(--magritte-color-component-input-text-state-content-invalid-v18-1-2);
220
220
  opacity:1;
221
221
  }
222
- .magritte-input___LVTID_5-0-13.magritte-invalid___L5MVa_5-0-13 .magritte-position-container___kZnvZ_5-0-13 .magritte-hint___EFGK0_5-0-13{
222
+ .magritte-input___LVTID_5-0-15.magritte-invalid___L5MVa_5-0-15 .magritte-position-container___kZnvZ_5-0-15 .magritte-hint___EFGK0_5-0-15{
223
223
  --magritte-ui-text-color-override:'magritte-color-component-input-text-description';
224
- color:var(--magritte-color-component-input-text-description-v18-1-1);
224
+ color:var(--magritte-color-component-input-text-description-v18-1-2);
225
225
  }
226
- .magritte-input___LVTID_5-0-13.magritte-invalid___L5MVa_5-0-13 .magritte-position-container___kZnvZ_5-0-13 .magritte-additional-value___9Kyap_5-0-13{
227
- --magritte-ui-text-color-override:var(--magritte-color-component-input-text-state-content-invalid-v18-1-1);
226
+ .magritte-input___LVTID_5-0-15.magritte-invalid___L5MVa_5-0-15 .magritte-position-container___kZnvZ_5-0-15 .magritte-additional-value___9Kyap_5-0-15{
227
+ --magritte-ui-text-color-override:var(--magritte-color-component-input-text-state-content-invalid-v18-1-2);
228
228
  }
229
- .magritte-input___LVTID_5-0-13.magritte-invalid___L5MVa_5-0-13 .magritte-position-container___kZnvZ_5-0-13 .magritte-label_elevated___PVcpC_5-0-13{
230
- color:var(--magritte-color-component-input-text-state-label-invalid-v18-1-1);
229
+ .magritte-input___LVTID_5-0-15.magritte-invalid___L5MVa_5-0-15 .magritte-position-container___kZnvZ_5-0-15 .magritte-label_elevated___PVcpC_5-0-15{
230
+ color:var(--magritte-color-component-input-text-state-label-invalid-v18-1-2);
231
231
  }
232
- .magritte-input___LVTID_5-0-13.magritte-invalid___L5MVa_5-0-13 .magritte-position-container___kZnvZ_5-0-13 .magritte-label___YlOQk_5-0-13:not(.magritte-label_elevated___PVcpC_5-0-13),
233
- .magritte-input___LVTID_5-0-13.magritte-invalid___L5MVa_5-0-13 .magritte-position-container___kZnvZ_5-0-13 .magritte-fixed-placeholder___PYJIH_5-0-13{
234
- color:var(--magritte-color-component-input-text-state-placeholder-invalid-v18-1-1);
232
+ .magritte-input___LVTID_5-0-15.magritte-invalid___L5MVa_5-0-15 .magritte-position-container___kZnvZ_5-0-15 .magritte-label___YlOQk_5-0-15:not(.magritte-label_elevated___PVcpC_5-0-15),
233
+ .magritte-input___LVTID_5-0-15.magritte-invalid___L5MVa_5-0-15 .magritte-position-container___kZnvZ_5-0-15 .magritte-fixed-placeholder___PYJIH_5-0-15{
234
+ color:var(--magritte-color-component-input-text-state-placeholder-invalid-v18-1-2);
235
235
  }
236
- .magritte-input___LVTID_5-0-13.magritte-invalid___L5MVa_5-0-13 .magritte-position-container___kZnvZ_5-0-13 .magritte-icon___HEDsQ_5-0-13{
237
- --magritte-ui-icon-color-override:var(--magritte-color-component-input-icon-state-content-invalid-v18-1-1);
236
+ .magritte-input___LVTID_5-0-15.magritte-invalid___L5MVa_5-0-15 .magritte-position-container___kZnvZ_5-0-15 .magritte-icon___HEDsQ_5-0-15{
237
+ --magritte-ui-icon-color-override:var(--magritte-color-component-input-icon-state-content-invalid-v18-1-2);
238
238
  }
239
- .magritte-input___LVTID_5-0-13.magritte-focus-visible___QvCO1_5-0-13 .magritte-position-container___kZnvZ_5-0-13{
240
- outline:var(--magritte-color-component-input-stroke-state-accent-focused-accessible-v18-1-1) solid 4px;
239
+ .magritte-input___LVTID_5-0-15.magritte-focus-visible___QvCO1_5-0-15 .magritte-position-container___kZnvZ_5-0-15{
240
+ outline:var(--magritte-color-component-input-stroke-state-accent-focused-accessible-v18-1-2) solid 4px;
241
241
  }
242
- .magritte-input___LVTID_5-0-13.magritte-disabled___0NH6E_5-0-13 .magritte-position-container___kZnvZ_5-0-13{
243
- background-color:var(--magritte-color-component-input-background-state-field-disabled-v18-1-1);
244
- box-shadow:inset 0 0 0 1px var(--magritte-color-component-input-stroke-state-field-disabled-v18-1-1);
242
+ .magritte-input___LVTID_5-0-15.magritte-disabled___0NH6E_5-0-15 .magritte-position-container___kZnvZ_5-0-15{
243
+ background-color:var(--magritte-color-component-input-background-state-field-disabled-v18-1-2);
244
+ box-shadow:inset 0 0 0 1px var(--magritte-color-component-input-stroke-state-field-disabled-v18-1-2);
245
245
  }
246
- .magritte-input___LVTID_5-0-13.magritte-disabled___0NH6E_5-0-13 .magritte-position-container___kZnvZ_5-0-13 .magritte-field___9S8Tw_5-0-13{
247
- color:var(--magritte-color-component-input-text-state-content-disabled-v18-1-1);
248
- -webkit-text-fill-color:var(--magritte-color-component-input-text-state-content-disabled-v18-1-1);
246
+ .magritte-input___LVTID_5-0-15.magritte-disabled___0NH6E_5-0-15 .magritte-position-container___kZnvZ_5-0-15 .magritte-field___9S8Tw_5-0-15{
247
+ color:var(--magritte-color-component-input-text-state-content-disabled-v18-1-2);
248
+ -webkit-text-fill-color:var(--magritte-color-component-input-text-state-content-disabled-v18-1-2);
249
249
  opacity:1;
250
250
  }
251
- .magritte-input___LVTID_5-0-13.magritte-disabled___0NH6E_5-0-13 .magritte-position-container___kZnvZ_5-0-13 .magritte-hint___EFGK0_5-0-13{
251
+ .magritte-input___LVTID_5-0-15.magritte-disabled___0NH6E_5-0-15 .magritte-position-container___kZnvZ_5-0-15 .magritte-hint___EFGK0_5-0-15{
252
252
  --magritte-ui-text-color-override:'magritte-color-component-input-text-state-description-disabled';
253
- color:var(--magritte-color-component-input-text-state-description-disabled-v18-1-1);
253
+ color:var(--magritte-color-component-input-text-state-description-disabled-v18-1-2);
254
254
  }
255
- .magritte-input___LVTID_5-0-13.magritte-disabled___0NH6E_5-0-13 .magritte-position-container___kZnvZ_5-0-13 .magritte-additional-value___9Kyap_5-0-13{
256
- --magritte-ui-text-color-override:var(--magritte-color-component-input-text-state-content-disabled-v18-1-1);
255
+ .magritte-input___LVTID_5-0-15.magritte-disabled___0NH6E_5-0-15 .magritte-position-container___kZnvZ_5-0-15 .magritte-additional-value___9Kyap_5-0-15{
256
+ --magritte-ui-text-color-override:var(--magritte-color-component-input-text-state-content-disabled-v18-1-2);
257
257
  }
258
- .magritte-input___LVTID_5-0-13.magritte-disabled___0NH6E_5-0-13 .magritte-position-container___kZnvZ_5-0-13 .magritte-label_elevated___PVcpC_5-0-13{
259
- color:var(--magritte-color-component-input-text-state-label-disabled-v18-1-1);
258
+ .magritte-input___LVTID_5-0-15.magritte-disabled___0NH6E_5-0-15 .magritte-position-container___kZnvZ_5-0-15 .magritte-label_elevated___PVcpC_5-0-15{
259
+ color:var(--magritte-color-component-input-text-state-label-disabled-v18-1-2);
260
260
  }
261
- .magritte-input___LVTID_5-0-13.magritte-disabled___0NH6E_5-0-13 .magritte-position-container___kZnvZ_5-0-13 .magritte-label___YlOQk_5-0-13:not(.magritte-label_elevated___PVcpC_5-0-13),
262
- .magritte-input___LVTID_5-0-13.magritte-disabled___0NH6E_5-0-13 .magritte-position-container___kZnvZ_5-0-13 .magritte-fixed-placeholder___PYJIH_5-0-13{
263
- color:var(--magritte-color-component-input-text-state-placeholder-disabled-v18-1-1);
261
+ .magritte-input___LVTID_5-0-15.magritte-disabled___0NH6E_5-0-15 .magritte-position-container___kZnvZ_5-0-15 .magritte-label___YlOQk_5-0-15:not(.magritte-label_elevated___PVcpC_5-0-15),
262
+ .magritte-input___LVTID_5-0-15.magritte-disabled___0NH6E_5-0-15 .magritte-position-container___kZnvZ_5-0-15 .magritte-fixed-placeholder___PYJIH_5-0-15{
263
+ color:var(--magritte-color-component-input-text-state-placeholder-disabled-v18-1-2);
264
264
  }
265
- .magritte-input___LVTID_5-0-13.magritte-disabled___0NH6E_5-0-13 .magritte-position-container___kZnvZ_5-0-13 .magritte-icon___HEDsQ_5-0-13{
266
- --magritte-ui-icon-color-override:var(--magritte-color-component-input-icon-state-content-disabled-v18-1-1);
265
+ .magritte-input___LVTID_5-0-15.magritte-disabled___0NH6E_5-0-15 .magritte-position-container___kZnvZ_5-0-15 .magritte-icon___HEDsQ_5-0-15{
266
+ --magritte-ui-icon-color-override:var(--magritte-color-component-input-icon-state-content-disabled-v18-1-2);
267
267
  }
268
- .magritte-input___LVTID_5-0-13.magritte-disabled___0NH6E_5-0-13 .magritte-right-container___N0B0o_5-0-13{
269
- --magritte-counter-background-color:var(--magritte-color-component-input-counter-background-state-content-disabled-v18-1-1);
270
- --magritte-counter-label-color:var(--magritte-color-component-input-counter-text-state-content-disabled-v18-1-1);
268
+ .magritte-input___LVTID_5-0-15.magritte-disabled___0NH6E_5-0-15 .magritte-right-container___N0B0o_5-0-15{
269
+ --magritte-counter-background-color:var(--magritte-color-component-input-counter-background-state-content-disabled-v18-1-2);
270
+ --magritte-counter-label-color:var(--magritte-color-component-input-counter-text-state-content-disabled-v18-1-2);
271
271
  }
272
272
  @media (prefers-reduced-motion){
273
- .magritte-input___LVTID_5-0-13{
273
+ .magritte-input___LVTID_5-0-15{
274
274
  --animation-100-duration:1ms;
275
275
  --animation-200-duration:1ms;
276
276
  }
277
277
  }
278
- .magritte-position-container___kZnvZ_5-0-13{
278
+ .magritte-position-container___kZnvZ_5-0-15{
279
279
  display:flex;
280
280
  align-items:center;
281
281
  position:relative;
282
- background-color:var(--magritte-color-component-input-background-field-v18-1-1);
282
+ background-color:var(--magritte-color-component-input-background-field-v18-1-2);
283
283
  border-radius:12px;
284
284
  box-sizing:content-box;
285
- box-shadow:inset 0 0 0 1px var(--magritte-color-component-input-stroke-field-v18-1-1);
285
+ box-shadow:inset 0 0 0 1px var(--magritte-color-component-input-stroke-field-v18-1-2);
286
286
  padding:4px 4px 4px 16px;
287
287
  }
288
- .magritte-with-icon___TPBe2_5-0-13 .magritte-position-container___kZnvZ_5-0-13{
288
+ .magritte-with-icon___TPBe2_5-0-15 .magritte-position-container___kZnvZ_5-0-15{
289
289
  padding-left:12px;
290
290
  }
291
- .magritte-large___9frRh_5-0-13 .magritte-position-container___kZnvZ_5-0-13{
291
+ .magritte-large___9frRh_5-0-15 .magritte-position-container___kZnvZ_5-0-15{
292
292
  padding:8px 8px 8px 16px;
293
293
  }
294
- .magritte-right-container___N0B0o_5-0-13{
294
+ .magritte-right-container___N0B0o_5-0-15{
295
295
  display:flex;
296
296
  align-items:center;
297
297
  justify-content:center;
298
- --magritte-counter-background-color:var(--magritte-color-component-input-counter-background-content-v18-1-1);
299
- --magritte-counter-label-color:var(--magritte-color-component-input-counter-text-content-v18-1-1);
298
+ --magritte-counter-background-color:var(--magritte-color-component-input-counter-background-content-v18-1-2);
299
+ --magritte-counter-label-color:var(--magritte-color-component-input-counter-text-content-v18-1-2);
300
300
  }
301
- .magritte-field___9S8Tw_5-0-13{
301
+ .magritte-field___9S8Tw_5-0-15{
302
302
  position:absolute;
303
303
  inset:0;
304
304
  background:none;
@@ -308,35 +308,35 @@
308
308
  padding:0;
309
309
  min-width:0;
310
310
  width:100%;
311
- color:var(--magritte-color-component-input-text-content-v18-1-1);
312
- caret-color:var(--magritte-ui-input-caret-color-override, var(--magritte-color-text-primary-v18-1-1));
311
+ color:var(--magritte-color-component-input-text-content-v18-1-2);
312
+ caret-color:var(--magritte-ui-input-caret-color-override, var(--magritte-color-text-primary-v18-1-2));
313
313
  outline:none;
314
- font-family:var(--magritte-typography-label-2-regular-font-family-v18-1-1);
315
- font-weight:var(--magritte-typography-label-2-regular-font-weight-v18-1-1);
316
- line-height:var(--magritte-typography-label-2-regular-line-height-v18-1-1);
317
- font-size:var(--magritte-typography-label-2-regular-font-size-v18-1-1);
318
- letter-spacing:var(--magritte-typography-label-2-regular-letter-spacing-v18-1-1);
319
- text-indent:var(--magritte-typography-label-2-regular-text-indent-v18-1-1);
320
- text-transform:var(--magritte-typography-label-2-regular-text-transform-v18-1-1);
321
- text-decoration:var(--magritte-typography-label-2-regular-text-decoration-v18-1-1);
322
- }
323
- .magritte-icon___HEDsQ_5-0-13{
314
+ font-family:var(--magritte-typography-label-2-regular-font-family-v18-1-2);
315
+ font-weight:var(--magritte-typography-label-2-regular-font-weight-v18-1-2);
316
+ line-height:var(--magritte-typography-label-2-regular-line-height-v18-1-2);
317
+ font-size:var(--magritte-typography-label-2-regular-font-size-v18-1-2);
318
+ letter-spacing:var(--magritte-typography-label-2-regular-letter-spacing-v18-1-2);
319
+ text-indent:var(--magritte-typography-label-2-regular-text-indent-v18-1-2);
320
+ text-transform:var(--magritte-typography-label-2-regular-text-transform-v18-1-2);
321
+ text-decoration:var(--magritte-typography-label-2-regular-text-decoration-v18-1-2);
322
+ }
323
+ .magritte-icon___HEDsQ_5-0-15{
324
324
  display:flex;
325
325
  align-items:center;
326
326
  position:absolute;
327
327
  height:100%;
328
328
  inset:0;
329
329
  pointer-events:none;
330
- --magritte-ui-icon-color-override:var(--magritte-color-component-input-icon-content-v18-1-1);
330
+ --magritte-ui-icon-color-override:var(--magritte-color-component-input-icon-content-v18-1-2);
331
331
  }
332
- .magritte-with-icon___TPBe2_5-0-13 .magritte-field___9S8Tw_5-0-13,
333
- .magritte-with-icon___TPBe2_5-0-13 .magritte-additional-value___9Kyap_5-0-13{
332
+ .magritte-with-icon___TPBe2_5-0-15 .magritte-field___9S8Tw_5-0-15,
333
+ .magritte-with-icon___TPBe2_5-0-15 .magritte-additional-value___9Kyap_5-0-15{
334
334
  padding-left:calc(24px + 12px);
335
335
  }
336
- .magritte-with-icon___TPBe2_5-0-13 .magritte-rigging-container___Up9Lb_5-0-13{
336
+ .magritte-with-icon___TPBe2_5-0-15 .magritte-rigging-container___Up9Lb_5-0-15{
337
337
  left:calc(24px + 12px);
338
338
  }
339
- .magritte-rigging-container___Up9Lb_5-0-13{
339
+ .magritte-rigging-container___Up9Lb_5-0-15{
340
340
  display:flex;
341
341
  align-items:center;
342
342
  position:absolute;
@@ -344,42 +344,42 @@
344
344
  inset:0;
345
345
  pointer-events:none;
346
346
  }
347
- .magritte-label___YlOQk_5-0-13,
348
- .magritte-fixed-placeholder___PYJIH_5-0-13{
349
- font-family:var(--magritte-typography-label-2-regular-font-family-v18-1-1);
350
- font-weight:var(--magritte-typography-label-2-regular-font-weight-v18-1-1);
351
- line-height:var(--magritte-typography-label-2-regular-line-height-v18-1-1);
352
- font-size:var(--magritte-typography-label-2-regular-font-size-v18-1-1);
353
- letter-spacing:var(--magritte-typography-label-2-regular-letter-spacing-v18-1-1);
354
- text-indent:var(--magritte-typography-label-2-regular-text-indent-v18-1-1);
355
- text-transform:var(--magritte-typography-label-2-regular-text-transform-v18-1-1);
356
- text-decoration:var(--magritte-typography-label-2-regular-text-decoration-v18-1-1);
347
+ .magritte-label___YlOQk_5-0-15,
348
+ .magritte-fixed-placeholder___PYJIH_5-0-15{
349
+ font-family:var(--magritte-typography-label-2-regular-font-family-v18-1-2);
350
+ font-weight:var(--magritte-typography-label-2-regular-font-weight-v18-1-2);
351
+ line-height:var(--magritte-typography-label-2-regular-line-height-v18-1-2);
352
+ font-size:var(--magritte-typography-label-2-regular-font-size-v18-1-2);
353
+ letter-spacing:var(--magritte-typography-label-2-regular-letter-spacing-v18-1-2);
354
+ text-indent:var(--magritte-typography-label-2-regular-text-indent-v18-1-2);
355
+ text-transform:var(--magritte-typography-label-2-regular-text-transform-v18-1-2);
356
+ text-decoration:var(--magritte-typography-label-2-regular-text-decoration-v18-1-2);
357
357
  white-space:nowrap;
358
358
  overflow:hidden;
359
359
  text-overflow:ellipsis;
360
360
  user-select:none;
361
361
  transition-property:color;
362
362
  transition-duration:var(--animation-100-duration);
363
- transition-timing-function:var(--magritte-semantic-animation-ease-in-out-100-timing-function-v18-1-1);
364
- color:var(--magritte-color-component-input-text-placeholder-v18-1-1);
363
+ transition-timing-function:var(--magritte-semantic-animation-ease-in-out-100-timing-function-v18-1-2);
364
+ color:var(--magritte-color-component-input-text-placeholder-v18-1-2);
365
365
  }
366
- .magritte-label___YlOQk_5-0-13{
366
+ .magritte-label___YlOQk_5-0-15{
367
367
  display:block;
368
368
  transition-property:transform, color, font-size, letter-spacing;
369
369
  }
370
- .magritte-label_elevated___PVcpC_5-0-13{
371
- font-family:var(--magritte-typography-label-4-regular-font-family-v18-1-1);
372
- font-weight:var(--magritte-typography-label-4-regular-font-weight-v18-1-1);
373
- line-height:var(--magritte-typography-label-4-regular-line-height-v18-1-1);
374
- font-size:var(--magritte-typography-label-4-regular-font-size-v18-1-1);
375
- letter-spacing:var(--magritte-typography-label-4-regular-letter-spacing-v18-1-1);
376
- text-indent:var(--magritte-typography-label-4-regular-text-indent-v18-1-1);
377
- text-transform:var(--magritte-typography-label-4-regular-text-transform-v18-1-1);
378
- text-decoration:var(--magritte-typography-label-4-regular-text-decoration-v18-1-1);
379
- color:var(--magritte-color-component-input-text-label-v18-1-1);
380
- transform:translateY(calc(0px - ((var(--magritte-typography-label-4-regular-line-height-v18-1-1) + var(--magritte-typography-label-2-regular-line-height-v18-1-1)) / 2) + (var(--magritte-typography-label-4-regular-line-height-v18-1-1) / 2)));
381
- }
382
- .magritte-input__mask___CHda2_5-0-13{
370
+ .magritte-label_elevated___PVcpC_5-0-15{
371
+ font-family:var(--magritte-typography-label-4-regular-font-family-v18-1-2);
372
+ font-weight:var(--magritte-typography-label-4-regular-font-weight-v18-1-2);
373
+ line-height:var(--magritte-typography-label-4-regular-line-height-v18-1-2);
374
+ font-size:var(--magritte-typography-label-4-regular-font-size-v18-1-2);
375
+ letter-spacing:var(--magritte-typography-label-4-regular-letter-spacing-v18-1-2);
376
+ text-indent:var(--magritte-typography-label-4-regular-text-indent-v18-1-2);
377
+ text-transform:var(--magritte-typography-label-4-regular-text-transform-v18-1-2);
378
+ text-decoration:var(--magritte-typography-label-4-regular-text-decoration-v18-1-2);
379
+ color:var(--magritte-color-component-input-text-label-v18-1-2);
380
+ transform:translateY(calc(0px - ((var(--magritte-typography-label-4-regular-line-height-v18-1-2) + var(--magritte-typography-label-2-regular-line-height-v18-1-2)) / 2) + (var(--magritte-typography-label-4-regular-line-height-v18-1-2) / 2)));
381
+ }
382
+ .magritte-input__mask___CHda2_5-0-15{
383
383
  position:absolute;
384
384
  width:100%;
385
385
  pointer-events:none;
@@ -387,13 +387,13 @@
387
387
  max-width:100%;
388
388
  white-space:nowrap;
389
389
  text-overflow:ellipsis;
390
- --magritte-ui-text-color-override:var(--magritte-color-component-input-text-content-v18-1-1);
390
+ --magritte-ui-text-color-override:var(--magritte-color-component-input-text-content-v18-1-2);
391
391
  }
392
- .magritte-value-ghost___IXNZj_5-0-13{
392
+ .magritte-value-ghost___IXNZj_5-0-15{
393
393
  visibility:hidden;
394
394
  white-space:pre;
395
395
  }
396
- .magritte-hint-container___rGsD8_5-0-13{
396
+ .magritte-hint-container___rGsD8_5-0-15{
397
397
  display:flex;
398
398
  flex-grow:1;
399
399
  align-items:center;
@@ -401,36 +401,36 @@
401
401
  gap:12px;
402
402
  min-width:0;
403
403
  }
404
- .magritte-with-right___NUNiP_5-0-13 .magritte-hint-container___rGsD8_5-0-13{
404
+ .magritte-with-right___NUNiP_5-0-15 .magritte-hint-container___rGsD8_5-0-15{
405
405
  padding-right:4px;
406
406
  }
407
- .magritte-hint___EFGK0_5-0-13{
408
- --magritte-ui-text-color-override:var(--magritte-color-component-input-text-description-v18-1-1);
409
- color:var(--magritte-color-component-input-text-description-v18-1-1);
407
+ .magritte-hint___EFGK0_5-0-15{
408
+ --magritte-ui-text-color-override:var(--magritte-color-component-input-text-description-v18-1-2);
409
+ color:var(--magritte-color-component-input-text-description-v18-1-2);
410
410
  overflow:hidden;
411
411
  white-space:nowrap;
412
412
  text-overflow:ellipsis;
413
413
  flex:0 1 auto;
414
414
  }
415
- .magritte-content-container___s-0kX_5-0-13{
415
+ .magritte-content-container___s-0kX_5-0-15{
416
416
  position:relative;
417
417
  flex:1 0 auto;
418
418
  display:flex;
419
419
  padding:8px 0;
420
420
  max-width:100%;
421
421
  }
422
- .magritte-elevated___kPcsM_5-0-13 .magritte-content-container___s-0kX_5-0-13{
422
+ .magritte-elevated___kPcsM_5-0-15 .magritte-content-container___s-0kX_5-0-15{
423
423
  padding:18px 0 0;
424
424
  }
425
- .magritte-counter___Bld3Q_5-0-13{
425
+ .magritte-counter___Bld3Q_5-0-15{
426
426
  padding:0 8px;
427
427
  }
428
- .magritte-value-container___6ReT7_5-0-13{
428
+ .magritte-value-container___6ReT7_5-0-15{
429
429
  position:relative;
430
430
  display:grid;
431
431
  width:100%;
432
432
  }
433
- .magritte-additional-value___9Kyap_5-0-13{
433
+ .magritte-additional-value___9Kyap_5-0-15{
434
434
  display:flex;
435
435
  align-items:center;
436
436
  grid-area:1 / 1;
@@ -440,6 +440,6 @@
440
440
  color:transparent;
441
441
  min-height:24px;
442
442
  }
443
- .magritte-elevated___kPcsM_5-0-13 .magritte-additional-value___9Kyap_5-0-13{
443
+ .magritte-elevated___kPcsM_5-0-15 .magritte-additional-value___9Kyap_5-0-15{
444
444
  min-height:22px;
445
445
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@hh.ru/magritte-ui-input",
3
- "version": "5.0.13",
3
+ "version": "5.0.15",
4
4
  "main": "index.js",
5
5
  "types": "index.d.ts",
6
6
  "sideEffects": [
@@ -28,21 +28,21 @@
28
28
  "@hh.ru/magritte-common-text-selection": "0.1.3",
29
29
  "@hh.ru/magritte-common-use-disabled": "1.0.8",
30
30
  "@hh.ru/magritte-common-use-multiple-refs": "1.1.2",
31
- "@hh.ru/magritte-design-tokens": "18.1.1",
32
- "@hh.ru/magritte-internal-field-hint": "1.2.26",
33
- "@hh.ru/magritte-ui-action": "4.3.4",
31
+ "@hh.ru/magritte-design-tokens": "18.1.2",
32
+ "@hh.ru/magritte-internal-field-hint": "1.2.27",
33
+ "@hh.ru/magritte-ui-action": "4.3.5",
34
34
  "@hh.ru/magritte-ui-breakpoint": "4.0.1",
35
- "@hh.ru/magritte-ui-counter": "4.0.8",
36
- "@hh.ru/magritte-ui-icon": "7.1.4",
35
+ "@hh.ru/magritte-ui-counter": "4.0.9",
36
+ "@hh.ru/magritte-ui-icon": "7.1.5",
37
37
  "@hh.ru/magritte-ui-mock-component": "1.0.10",
38
- "@hh.ru/magritte-ui-theme-provider": "1.1.21",
39
- "@hh.ru/magritte-ui-typography": "3.0.8",
40
- "@maskito/core": "2.3.1",
41
- "@maskito/kit": "2.3.1",
42
- "@maskito/react": "2.3.1"
38
+ "@hh.ru/magritte-ui-theme-provider": "1.1.22",
39
+ "@hh.ru/magritte-ui-typography": "3.0.9",
40
+ "@maskito/core": "1.9.0",
41
+ "@maskito/kit": "1.9.0",
42
+ "@maskito/react": "1.9.0"
43
43
  },
44
44
  "publishConfig": {
45
45
  "access": "public"
46
46
  },
47
- "gitHead": "2cb1607215544b6003e0486f5b72e463309a5bee"
47
+ "gitHead": "f983d20d02117bd1e412d635d854ab7c47492692"
48
48
  }