@fluentui/react-input 9.2.9 → 9.2.11
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.
- package/CHANGELOG.json +81 -1
- package/CHANGELOG.md +26 -2
- package/lib/components/Input/Input.js +0 -1
- package/lib/components/Input/Input.js.map +1 -1
- package/lib/components/Input/renderInput.js +8 -5
- package/lib/components/Input/renderInput.js.map +1 -1
- package/lib/components/Input/useInput.js +0 -3
- package/lib/components/Input/useInput.js.map +1 -1
- package/lib/components/Input/useInputStyles.js +224 -232
- package/lib/components/Input/useInputStyles.js.map +1 -1
- package/lib/components/InputField/InputField.js.map +1 -1
- package/lib-commonjs/Input.js +0 -2
- package/lib-commonjs/Input.js.map +1 -1
- package/lib-commonjs/InputField.js +0 -2
- package/lib-commonjs/InputField.js.map +1 -1
- package/lib-commonjs/components/Input/Input.js +0 -6
- package/lib-commonjs/components/Input/Input.js.map +1 -1
- package/lib-commonjs/components/Input/Input.types.js.map +1 -1
- package/lib-commonjs/components/Input/index.js +0 -6
- package/lib-commonjs/components/Input/index.js.map +1 -1
- package/lib-commonjs/components/Input/renderInput.js +8 -9
- package/lib-commonjs/components/Input/renderInput.js.map +1 -1
- package/lib-commonjs/components/Input/useInput.js +0 -6
- package/lib-commonjs/components/Input/useInput.js.map +1 -1
- package/lib-commonjs/components/Input/useInputStyles.js +224 -236
- package/lib-commonjs/components/Input/useInputStyles.js.map +1 -1
- package/lib-commonjs/components/InputField/InputField.js +0 -4
- package/lib-commonjs/components/InputField/InputField.js.map +1 -1
- package/lib-commonjs/components/InputField/index.js +0 -2
- package/lib-commonjs/components/InputField/index.js.map +1 -1
- package/lib-commonjs/index.js +0 -4
- package/lib-commonjs/index.js.map +1 -1
- package/package.json +7 -7
|
@@ -5,291 +5,286 @@ export const inputClassNames = {
|
|
|
5
5
|
input: 'fui-Input__input',
|
|
6
6
|
contentBefore: 'fui-Input__contentBefore',
|
|
7
7
|
contentAfter: 'fui-Input__contentAfter'
|
|
8
|
-
};
|
|
9
|
-
|
|
8
|
+
};
|
|
9
|
+
// TODO(sharing) should these be shared somewhere?
|
|
10
10
|
const fieldHeights = {
|
|
11
11
|
small: '24px',
|
|
12
12
|
medium: '32px',
|
|
13
13
|
large: '40px'
|
|
14
14
|
};
|
|
15
|
-
|
|
16
15
|
const useRootStyles = /*#__PURE__*/__styles({
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
16
|
+
base: {
|
|
17
|
+
mc9l5x: "ftuwxu6",
|
|
18
|
+
Bt984gj: "f122n59",
|
|
19
|
+
Eh141a: "flvyvdh",
|
|
20
|
+
i8kkvl: "f14mj54c",
|
|
21
|
+
Belr9w4: "fiut8dr",
|
|
22
|
+
Bahqtrf: "fk6fouc",
|
|
23
|
+
Bbmb7ep: ["f1aa9q02", "f16jpd5f"],
|
|
24
|
+
Beyfa6y: ["f16jpd5f", "f1aa9q02"],
|
|
25
|
+
B7oj6ja: ["f1jar5jt", "fyu767a"],
|
|
26
|
+
Btl43ni: ["fyu767a", "f1jar5jt"],
|
|
27
|
+
qhf8xq: "f10pi13n",
|
|
28
|
+
B7ck84d: "f1ewtqcl"
|
|
30
29
|
},
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
30
|
+
interactive: {
|
|
31
|
+
li1rpt: "f1gw3sf2",
|
|
32
|
+
Bsft5z2: "f13zj6fq",
|
|
33
|
+
E3zdtr: "f1mdlcz9",
|
|
34
|
+
Eqx8gd: ["f1a7op3", "f1cjjd47"],
|
|
35
|
+
By385i5: "f1gboi2j",
|
|
36
|
+
B1piin3: ["f1cjjd47", "f1a7op3"],
|
|
37
|
+
Dlnsje: "f145g4dw",
|
|
38
|
+
d9w3h3: ["f1kp91vd", "f1ibwz09"],
|
|
39
|
+
B3778ie: ["f1ibwz09", "f1kp91vd"],
|
|
40
|
+
Bcgy8vk: "f1cb6c3",
|
|
41
|
+
Bw17bha: "f1lh990p",
|
|
42
|
+
B1q35kw: "f1jc6hxc",
|
|
43
|
+
Gjdm7m: "f13evtba",
|
|
44
|
+
b1kco5: "f1yk9hq",
|
|
45
|
+
Ba2ppi3: "fhwpy7i",
|
|
46
|
+
F2fol1: "f14ee0xe",
|
|
47
|
+
lck23g: "f1xhbsuh",
|
|
48
|
+
df92cz: "fv8e3ye",
|
|
49
|
+
I188md: "ftb5wc6",
|
|
50
|
+
umuwi5: "fjw5xc1",
|
|
51
|
+
Blcqepd: "f1xdyd5c",
|
|
52
|
+
nplu4u: "fatpbeo",
|
|
53
|
+
Bioka5o: "fb7uyps",
|
|
54
|
+
H713fs: "f1cmft4k",
|
|
55
|
+
B9ooomg: "f1x58t8o",
|
|
56
|
+
Bercvud: "f1ibeo51",
|
|
57
|
+
Bbr2w1p: "f14a1fxs",
|
|
58
|
+
Bduesf4: "f3e99gv",
|
|
59
|
+
Bpq79vn: "fhljsf7"
|
|
61
60
|
},
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
61
|
+
small: {
|
|
62
|
+
sshi5w: "f1pha7fy",
|
|
63
|
+
z8tnut: "f1g0x7ka",
|
|
64
|
+
z189sj: ["fdw0yi8", "fk8j09s"],
|
|
65
|
+
Byoj8tv: "f1qch9an",
|
|
66
|
+
uwmqm3: ["fk8j09s", "fdw0yi8"],
|
|
67
|
+
Bahqtrf: "fk6fouc",
|
|
68
|
+
Be2twd7: "fy9rknc",
|
|
69
|
+
Bhrd7zp: "figsok6",
|
|
70
|
+
Bg96gwp: "fwrc4pm"
|
|
72
71
|
},
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
72
|
+
medium: {
|
|
73
|
+
sshi5w: "f1nxs5xn",
|
|
74
|
+
z8tnut: "f1g0x7ka",
|
|
75
|
+
z189sj: ["f11gcy0p", "f1ng84yb"],
|
|
76
|
+
Byoj8tv: "f1qch9an",
|
|
77
|
+
uwmqm3: ["f1ng84yb", "f11gcy0p"],
|
|
78
|
+
Bahqtrf: "fk6fouc",
|
|
79
|
+
Be2twd7: "fkhj508",
|
|
80
|
+
Bhrd7zp: "figsok6",
|
|
81
|
+
Bg96gwp: "f1i3iumi"
|
|
83
82
|
},
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
83
|
+
large: {
|
|
84
|
+
sshi5w: "f1w5jphr",
|
|
85
|
+
z8tnut: "f1g0x7ka",
|
|
86
|
+
z189sj: ["fw5db7e", "f1uw59to"],
|
|
87
|
+
Byoj8tv: "f1qch9an",
|
|
88
|
+
uwmqm3: ["f1uw59to", "fw5db7e"],
|
|
89
|
+
Bahqtrf: "fk6fouc",
|
|
90
|
+
Be2twd7: "fod5ikn",
|
|
91
|
+
Bhrd7zp: "figsok6",
|
|
92
|
+
Bg96gwp: "faaz57k",
|
|
93
|
+
i8kkvl: "f1rjii52",
|
|
94
|
+
Belr9w4: "f1r7g2jn"
|
|
96
95
|
},
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
96
|
+
outline: {
|
|
97
|
+
De3pzq: "fxugw4r",
|
|
98
|
+
B4j52fo: "f5ogflp",
|
|
99
|
+
Bekrc4i: ["f1hqa2wf", "finvdd3"],
|
|
100
|
+
Bn0qgzm: "f1f09k3d",
|
|
101
|
+
ibv6hh: ["finvdd3", "f1hqa2wf"],
|
|
102
|
+
icvyot: "fzkkow9",
|
|
103
|
+
vrafjx: ["fcdblym", "fjik90z"],
|
|
104
|
+
oivjwe: "fg706s2",
|
|
105
|
+
wvpqe5: ["fjik90z", "fcdblym"],
|
|
106
|
+
g2u3we: "fj3muxo",
|
|
107
|
+
h3c5rm: ["f1akhkt", "f1lxtadh"],
|
|
108
|
+
B9xav0g: "f1c1zstj",
|
|
109
|
+
zhjwy3: ["f1lxtadh", "f1akhkt"]
|
|
111
110
|
},
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
111
|
+
outlineInteractive: {
|
|
112
|
+
Bgoe8wy: "fvcxoqz",
|
|
113
|
+
Bwzppfd: ["f1ub3y4t", "f1m52nbi"],
|
|
114
|
+
oetu4i: "f1l4zc64",
|
|
115
|
+
gg5e9n: ["f1m52nbi", "f1ub3y4t"],
|
|
116
|
+
Drbcw7: "f8vnjqi",
|
|
117
|
+
udz0bu: ["fz1etlk", "f1hc16gm"],
|
|
118
|
+
Be8ivqh: "f1klwx88",
|
|
119
|
+
ofdepl: ["f1hc16gm", "fz1etlk"]
|
|
121
120
|
},
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
121
|
+
underline: {
|
|
122
|
+
De3pzq: "f1c21dwh",
|
|
123
|
+
Bbmb7ep: ["f1krrbdw", "f1deotkl"],
|
|
124
|
+
Beyfa6y: ["f1deotkl", "f1krrbdw"],
|
|
125
|
+
B7oj6ja: ["f10ostut", "f1ozlkrg"],
|
|
126
|
+
Btl43ni: ["f1ozlkrg", "f10ostut"],
|
|
127
|
+
Bn0qgzm: "f1f09k3d",
|
|
128
|
+
oivjwe: "fg706s2",
|
|
129
|
+
B9xav0g: "f1c1zstj"
|
|
131
130
|
},
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
131
|
+
underlineInteractive: {
|
|
132
|
+
oetu4i: "f1l4zc64",
|
|
133
|
+
Be8ivqh: "f1klwx88",
|
|
134
|
+
B3778ie: ["f1nf3wye", "feulmo5"],
|
|
135
|
+
d9w3h3: ["feulmo5", "f1nf3wye"],
|
|
136
|
+
Bl18szs: ["f18vqdqu", "f53nyzz"],
|
|
137
|
+
B4j8arr: ["f53nyzz", "f18vqdqu"]
|
|
139
138
|
},
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
139
|
+
filled: {
|
|
140
|
+
B4j52fo: "f5ogflp",
|
|
141
|
+
Bekrc4i: ["f1hqa2wf", "finvdd3"],
|
|
142
|
+
Bn0qgzm: "f1f09k3d",
|
|
143
|
+
ibv6hh: ["finvdd3", "f1hqa2wf"],
|
|
144
|
+
icvyot: "fzkkow9",
|
|
145
|
+
vrafjx: ["fcdblym", "fjik90z"],
|
|
146
|
+
oivjwe: "fg706s2",
|
|
147
|
+
wvpqe5: ["fjik90z", "fcdblym"],
|
|
148
|
+
g2u3we: "fghlq4f",
|
|
149
|
+
h3c5rm: ["f1gn591s", "fjscplz"],
|
|
150
|
+
B9xav0g: "fb073pr",
|
|
151
|
+
zhjwy3: ["fjscplz", "f1gn591s"]
|
|
153
152
|
},
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
153
|
+
filledInteractive: {
|
|
154
|
+
q7v0qe: "ftmjh5b",
|
|
155
|
+
kmh5ft: ["f17blpuu", "fsrcdbj"],
|
|
156
|
+
nagaa4: "f1tpwn32",
|
|
157
|
+
B1yhkcb: ["fsrcdbj", "f17blpuu"]
|
|
159
158
|
},
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
|
|
159
|
+
invalid: {
|
|
160
|
+
tvckwq: "fs4k3qj",
|
|
161
|
+
gk2u95: ["fcee079", "fmyw78r"],
|
|
162
|
+
hhx65j: "f1fgmyf4",
|
|
163
|
+
Bxowmz0: ["fmyw78r", "fcee079"]
|
|
165
164
|
},
|
|
166
165
|
"filled-darker": {
|
|
167
|
-
|
|
166
|
+
De3pzq: "f16xq7d1"
|
|
168
167
|
},
|
|
169
168
|
"filled-lighter": {
|
|
170
|
-
|
|
169
|
+
De3pzq: "fxugw4r"
|
|
171
170
|
},
|
|
172
171
|
"filled-darker-shadow": {
|
|
173
|
-
|
|
174
|
-
|
|
172
|
+
De3pzq: "f16xq7d1",
|
|
173
|
+
E5pizo: "fyed02w"
|
|
175
174
|
},
|
|
176
175
|
"filled-lighter-shadow": {
|
|
177
|
-
|
|
178
|
-
|
|
176
|
+
De3pzq: "fxugw4r",
|
|
177
|
+
E5pizo: "fyed02w"
|
|
179
178
|
},
|
|
180
|
-
|
|
181
|
-
|
|
182
|
-
|
|
183
|
-
|
|
184
|
-
|
|
185
|
-
|
|
186
|
-
|
|
187
|
-
|
|
188
|
-
|
|
189
|
-
|
|
190
|
-
|
|
179
|
+
disabled: {
|
|
180
|
+
Bceei9c: "fdrzuqr",
|
|
181
|
+
De3pzq: "f1c21dwh",
|
|
182
|
+
g2u3we: "f1jj8ep1",
|
|
183
|
+
h3c5rm: ["f15xbau", "fy0fskl"],
|
|
184
|
+
B9xav0g: "f4ikngz",
|
|
185
|
+
zhjwy3: ["fy0fskl", "f15xbau"],
|
|
186
|
+
Bjwas2f: "fg455y9",
|
|
187
|
+
Bn1d65q: ["f1rvyvqg", "f14g86mu"],
|
|
188
|
+
Bxeuatn: "f1cwzwz",
|
|
189
|
+
n51gp8: ["f14g86mu", "f1rvyvqg"]
|
|
191
190
|
}
|
|
192
191
|
}, {
|
|
193
|
-
|
|
194
|
-
|
|
195
|
-
|
|
192
|
+
d: [".ftuwxu6{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}", ".f122n59{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}", ".flvyvdh{-webkit-box-flex-wrap:nowrap;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;}", ".f14mj54c{-webkit-column-gap:var(--spacingHorizontalXXS);column-gap:var(--spacingHorizontalXXS);}", ".fiut8dr{row-gap:var(--spacingHorizontalXXS);}", ".fk6fouc{font-family:var(--fontFamilyBase);}", ".f1aa9q02{border-bottom-right-radius:var(--borderRadiusMedium);}", ".f16jpd5f{border-bottom-left-radius:var(--borderRadiusMedium);}", ".f1jar5jt{border-top-right-radius:var(--borderRadiusMedium);}", ".fyu767a{border-top-left-radius:var(--borderRadiusMedium);}", ".f10pi13n{position:relative;}", ".f1ewtqcl{box-sizing:border-box;}", ".f1gw3sf2::after{box-sizing:border-box;}", ".f13zj6fq::after{content:\"\";}", ".f1mdlcz9::after{position:absolute;}", ".f1a7op3::after{left:-1px;}", ".f1cjjd47::after{right:-1px;}", ".f1gboi2j::after{bottom:-1px;}", ".f145g4dw::after{height:max(2px, var(--borderRadiusMedium));}", ".f1kp91vd::after{border-bottom-left-radius:var(--borderRadiusMedium);}", ".f1ibwz09::after{border-bottom-right-radius:var(--borderRadiusMedium);}", ".f1cb6c3::after{border-bottom-width:2px;}", ".f1lh990p::after{border-bottom-style:solid;}", ".f1jc6hxc::after{border-bottom-color:var(--colorCompoundBrandStroke);}", ".f13evtba::after{-webkit-clip-path:inset(calc(100% - 2px) 0 0 0);clip-path:inset(calc(100% - 2px) 0 0 0);}", ".f1yk9hq::after{-webkit-transform:scaleX(0);-moz-transform:scaleX(0);-ms-transform:scaleX(0);transform:scaleX(0);}", ".fhwpy7i::after{transition-property:transform;}", ".f14ee0xe::after{transition-duration:var(--durationUltraFast);}", ".f1xhbsuh::after{transition-delay:var(--curveAccelerateMid);}", ".f1pha7fy{min-height:24px;}", ".f1g0x7ka{padding-top:0;}", ".fdw0yi8{padding-right:var(--spacingHorizontalSNudge);}", ".fk8j09s{padding-left:var(--spacingHorizontalSNudge);}", ".f1qch9an{padding-bottom:0;}", ".fy9rknc{font-size:var(--fontSizeBase200);}", ".figsok6{font-weight:var(--fontWeightRegular);}", ".fwrc4pm{line-height:var(--lineHeightBase200);}", ".f1nxs5xn{min-height:32px;}", ".f11gcy0p{padding-right:var(--spacingHorizontalMNudge);}", ".f1ng84yb{padding-left:var(--spacingHorizontalMNudge);}", ".fkhj508{font-size:var(--fontSizeBase300);}", ".f1i3iumi{line-height:var(--lineHeightBase300);}", ".f1w5jphr{min-height:40px;}", ".fw5db7e{padding-right:var(--spacingHorizontalM);}", ".f1uw59to{padding-left:var(--spacingHorizontalM);}", ".fod5ikn{font-size:var(--fontSizeBase400);}", ".faaz57k{line-height:var(--lineHeightBase400);}", ".f1rjii52{-webkit-column-gap:var(--spacingHorizontalSNudge);column-gap:var(--spacingHorizontalSNudge);}", ".f1r7g2jn{row-gap:var(--spacingHorizontalSNudge);}", ".fxugw4r{background-color:var(--colorNeutralBackground1);}", ".f5ogflp{border-top-width:1px;}", ".f1hqa2wf{border-right-width:1px;}", ".finvdd3{border-left-width:1px;}", ".f1f09k3d{border-bottom-width:1px;}", ".fzkkow9{border-top-style:solid;}", ".fcdblym{border-right-style:solid;}", ".fjik90z{border-left-style:solid;}", ".fg706s2{border-bottom-style:solid;}", ".fj3muxo{border-top-color:var(--colorNeutralStroke1);}", ".f1akhkt{border-right-color:var(--colorNeutralStroke1);}", ".f1lxtadh{border-left-color:var(--colorNeutralStroke1);}", ".f1c1zstj{border-bottom-color:var(--colorNeutralStrokeAccessible);}", ".f1c21dwh{background-color:var(--colorTransparentBackground);}", ".f1krrbdw{border-bottom-right-radius:0;}", ".f1deotkl{border-bottom-left-radius:0;}", ".f10ostut{border-top-right-radius:0;}", ".f1ozlkrg{border-top-left-radius:0;}", ".f1nf3wye::after{border-bottom-right-radius:0;}", ".feulmo5::after{border-bottom-left-radius:0;}", ".f18vqdqu::after{border-top-right-radius:0;}", ".f53nyzz::after{border-top-left-radius:0;}", ".fghlq4f{border-top-color:var(--colorTransparentStroke);}", ".f1gn591s{border-right-color:var(--colorTransparentStroke);}", ".fjscplz{border-left-color:var(--colorTransparentStroke);}", ".fb073pr{border-bottom-color:var(--colorTransparentStroke);}", ".fs4k3qj:not(:focus-within),.fs4k3qj:hover:not(:focus-within){border-top-color:var(--colorPaletteRedBorder2);}", ".fcee079:not(:focus-within),.fcee079:hover:not(:focus-within){border-right-color:var(--colorPaletteRedBorder2);}", ".fmyw78r:not(:focus-within),.fmyw78r:hover:not(:focus-within){border-left-color:var(--colorPaletteRedBorder2);}", ".f1fgmyf4:not(:focus-within),.f1fgmyf4:hover:not(:focus-within){border-bottom-color:var(--colorPaletteRedBorder2);}", ".f16xq7d1{background-color:var(--colorNeutralBackground3);}", ".fyed02w{box-shadow:var(--shadow2);}", ".fdrzuqr{cursor:not-allowed;}", ".f1jj8ep1{border-top-color:var(--colorNeutralStrokeDisabled);}", ".f15xbau{border-right-color:var(--colorNeutralStrokeDisabled);}", ".fy0fskl{border-left-color:var(--colorNeutralStrokeDisabled);}", ".f4ikngz{border-bottom-color:var(--colorNeutralStrokeDisabled);}"],
|
|
193
|
+
m: [["@media screen and (prefers-reduced-motion: reduce){.fv8e3ye::after{transition-duration:0.01ms;}}", {
|
|
194
|
+
m: "screen and (prefers-reduced-motion: reduce)"
|
|
196
195
|
}], ["@media screen and (prefers-reduced-motion: reduce){.ftb5wc6::after{transition-delay:0.01ms;}}", {
|
|
197
|
-
|
|
196
|
+
m: "screen and (prefers-reduced-motion: reduce)"
|
|
198
197
|
}], ["@media screen and (prefers-reduced-motion: reduce){.f1cmft4k:focus-within::after{transition-duration:0.01ms;}}", {
|
|
199
|
-
|
|
198
|
+
m: "screen and (prefers-reduced-motion: reduce)"
|
|
200
199
|
}], ["@media screen and (prefers-reduced-motion: reduce){.f1x58t8o:focus-within::after{transition-delay:0.01ms;}}", {
|
|
201
|
-
|
|
200
|
+
m: "screen and (prefers-reduced-motion: reduce)"
|
|
202
201
|
}], ["@media (forced-colors: active){.fg455y9{border-top-color:GrayText;}}", {
|
|
203
|
-
|
|
202
|
+
m: "(forced-colors: active)"
|
|
204
203
|
}], ["@media (forced-colors: active){.f1rvyvqg{border-right-color:GrayText;}.f14g86mu{border-left-color:GrayText;}}", {
|
|
205
|
-
|
|
204
|
+
m: "(forced-colors: active)"
|
|
206
205
|
}], ["@media (forced-colors: active){.f1cwzwz{border-bottom-color:GrayText;}}", {
|
|
207
|
-
|
|
206
|
+
m: "(forced-colors: active)"
|
|
208
207
|
}], ["@media (forced-colors: active){.f14g86mu{border-left-color:GrayText;}.f1rvyvqg{border-right-color:GrayText;}}", {
|
|
209
|
-
|
|
208
|
+
m: "(forced-colors: active)"
|
|
210
209
|
}]],
|
|
211
|
-
|
|
212
|
-
|
|
213
|
-
|
|
210
|
+
w: [".fjw5xc1:focus-within::after{-webkit-transform:scaleX(1);-moz-transform:scaleX(1);-ms-transform:scaleX(1);transform:scaleX(1);}", ".f1xdyd5c:focus-within::after{transition-property:transform;}", ".fatpbeo:focus-within::after{transition-duration:var(--durationNormal);}", ".fb7uyps:focus-within::after{transition-delay:var(--curveDecelerateMid);}", ".f1ibeo51:focus-within:active::after{border-bottom-color:var(--colorCompoundBrandStrokePressed);}", ".f14a1fxs:focus-within{outline-width:2px;}", ".f3e99gv:focus-within{outline-style:solid;}", ".fhljsf7:focus-within{outline-color:transparent;}"],
|
|
211
|
+
h: [".fvcxoqz:hover{border-top-color:var(--colorNeutralStroke1Hover);}", ".f1ub3y4t:hover{border-right-color:var(--colorNeutralStroke1Hover);}", ".f1m52nbi:hover{border-left-color:var(--colorNeutralStroke1Hover);}", ".f1l4zc64:hover{border-bottom-color:var(--colorNeutralStrokeAccessibleHover);}", ".ftmjh5b:hover,.ftmjh5b:focus-within{border-top-color:var(--colorTransparentStrokeInteractive);}", ".f17blpuu:hover,.f17blpuu:focus-within{border-right-color:var(--colorTransparentStrokeInteractive);}", ".fsrcdbj:hover,.fsrcdbj:focus-within{border-left-color:var(--colorTransparentStrokeInteractive);}", ".f1tpwn32:hover,.f1tpwn32:focus-within{border-bottom-color:var(--colorTransparentStrokeInteractive);}"],
|
|
212
|
+
a: [".f8vnjqi:active,.f8vnjqi:focus-within{border-top-color:var(--colorNeutralStroke1Pressed);}", ".fz1etlk:active,.fz1etlk:focus-within{border-right-color:var(--colorNeutralStroke1Pressed);}", ".f1hc16gm:active,.f1hc16gm:focus-within{border-left-color:var(--colorNeutralStroke1Pressed);}", ".f1klwx88:active,.f1klwx88:focus-within{border-bottom-color:var(--colorNeutralStrokeAccessiblePressed);}"]
|
|
214
213
|
});
|
|
215
|
-
|
|
216
214
|
const useInputElementStyles = /*#__PURE__*/__styles({
|
|
217
|
-
|
|
218
|
-
|
|
219
|
-
|
|
220
|
-
|
|
221
|
-
|
|
222
|
-
|
|
223
|
-
|
|
224
|
-
|
|
225
|
-
|
|
226
|
-
|
|
227
|
-
|
|
228
|
-
|
|
229
|
-
|
|
230
|
-
|
|
231
|
-
|
|
232
|
-
|
|
233
|
-
|
|
215
|
+
base: {
|
|
216
|
+
B7ck84d: "f1ewtqcl",
|
|
217
|
+
Bh6795r: "fqerorx",
|
|
218
|
+
Bf4jedk: "fy77jfu",
|
|
219
|
+
icvyot: "f1ern45e",
|
|
220
|
+
vrafjx: ["f1n71otn", "f1deefiw"],
|
|
221
|
+
oivjwe: "f1h8hb77",
|
|
222
|
+
wvpqe5: ["f1deefiw", "f1n71otn"],
|
|
223
|
+
z8tnut: "f1g0x7ka",
|
|
224
|
+
z189sj: ["ffczdla", "fgiv446"],
|
|
225
|
+
Byoj8tv: "f1qch9an",
|
|
226
|
+
uwmqm3: ["fgiv446", "ffczdla"],
|
|
227
|
+
sj55zd: "f19n0e5",
|
|
228
|
+
De3pzq: "f3rmtva",
|
|
229
|
+
yvdlaj: "fwyc1cq",
|
|
230
|
+
B3o7kgh: "f13ta7ih",
|
|
231
|
+
oeaueh: "f1s6fcnf"
|
|
234
232
|
},
|
|
235
|
-
|
|
236
|
-
|
|
237
|
-
|
|
238
|
-
|
|
239
|
-
|
|
233
|
+
small: {
|
|
234
|
+
Bahqtrf: "fk6fouc",
|
|
235
|
+
Be2twd7: "fy9rknc",
|
|
236
|
+
Bhrd7zp: "figsok6",
|
|
237
|
+
Bg96gwp: "fwrc4pm"
|
|
240
238
|
},
|
|
241
|
-
|
|
242
|
-
|
|
243
|
-
|
|
244
|
-
|
|
245
|
-
|
|
239
|
+
medium: {
|
|
240
|
+
Bahqtrf: "fk6fouc",
|
|
241
|
+
Be2twd7: "fkhj508",
|
|
242
|
+
Bhrd7zp: "figsok6",
|
|
243
|
+
Bg96gwp: "f1i3iumi"
|
|
246
244
|
},
|
|
247
|
-
|
|
248
|
-
|
|
249
|
-
|
|
250
|
-
|
|
251
|
-
|
|
252
|
-
|
|
253
|
-
|
|
254
|
-
|
|
255
|
-
|
|
245
|
+
large: {
|
|
246
|
+
Bahqtrf: "fk6fouc",
|
|
247
|
+
Be2twd7: "fod5ikn",
|
|
248
|
+
Bhrd7zp: "figsok6",
|
|
249
|
+
Bg96gwp: "faaz57k",
|
|
250
|
+
z8tnut: "f1g0x7ka",
|
|
251
|
+
z189sj: ["fdw0yi8", "fk8j09s"],
|
|
252
|
+
Byoj8tv: "f1qch9an",
|
|
253
|
+
uwmqm3: ["fk8j09s", "fdw0yi8"]
|
|
256
254
|
},
|
|
257
|
-
|
|
258
|
-
|
|
259
|
-
|
|
260
|
-
|
|
261
|
-
|
|
255
|
+
disabled: {
|
|
256
|
+
sj55zd: "f1s2aq7o",
|
|
257
|
+
De3pzq: "f1c21dwh",
|
|
258
|
+
Bceei9c: "fdrzuqr",
|
|
259
|
+
yvdlaj: "fahhnxm"
|
|
262
260
|
}
|
|
263
261
|
}, {
|
|
264
|
-
|
|
262
|
+
d: [".f1ewtqcl{box-sizing:border-box;}", ".fqerorx{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;}", ".fy77jfu{min-width:0;}", ".f1ern45e{border-top-style:none;}", ".f1n71otn{border-right-style:none;}", ".f1deefiw{border-left-style:none;}", ".f1h8hb77{border-bottom-style:none;}", ".f1g0x7ka{padding-top:0;}", ".ffczdla{padding-right:var(--spacingHorizontalXXS);}", ".fgiv446{padding-left:var(--spacingHorizontalXXS);}", ".f1qch9an{padding-bottom:0;}", ".f19n0e5{color:var(--colorNeutralForeground1);}", ".f3rmtva{background-color:transparent;}", ".fwyc1cq::-webkit-input-placeholder{color:var(--colorNeutralForeground4);}", ".fwyc1cq::-moz-placeholder{color:var(--colorNeutralForeground4);}", ".f13ta7ih::-webkit-input-placeholder{opacity:1;}", ".f13ta7ih::-moz-placeholder{opacity:1;}", ".f1s6fcnf{outline-style:none;}", ".fk6fouc{font-family:var(--fontFamilyBase);}", ".fy9rknc{font-size:var(--fontSizeBase200);}", ".figsok6{font-weight:var(--fontWeightRegular);}", ".fwrc4pm{line-height:var(--lineHeightBase200);}", ".fkhj508{font-size:var(--fontSizeBase300);}", ".f1i3iumi{line-height:var(--lineHeightBase300);}", ".fod5ikn{font-size:var(--fontSizeBase400);}", ".faaz57k{line-height:var(--lineHeightBase400);}", ".fdw0yi8{padding-right:var(--spacingHorizontalSNudge);}", ".fk8j09s{padding-left:var(--spacingHorizontalSNudge);}", ".f1s2aq7o{color:var(--colorNeutralForegroundDisabled);}", ".f1c21dwh{background-color:var(--colorTransparentBackground);}", ".fdrzuqr{cursor:not-allowed;}", ".fahhnxm::-webkit-input-placeholder{color:var(--colorNeutralForegroundDisabled);}", ".fahhnxm::-moz-placeholder{color:var(--colorNeutralForegroundDisabled);}"]
|
|
265
263
|
});
|
|
266
|
-
|
|
267
264
|
const useContentStyles = /*#__PURE__*/__styles({
|
|
268
|
-
|
|
269
|
-
|
|
270
|
-
|
|
271
|
-
|
|
265
|
+
base: {
|
|
266
|
+
B7ck84d: "f1ewtqcl",
|
|
267
|
+
sj55zd: "f11d4kpn",
|
|
268
|
+
clhimo: "fyuhxbn"
|
|
272
269
|
},
|
|
273
|
-
|
|
274
|
-
|
|
270
|
+
disabled: {
|
|
271
|
+
sj55zd: "f1s2aq7o"
|
|
275
272
|
},
|
|
276
|
-
|
|
277
|
-
|
|
273
|
+
small: {
|
|
274
|
+
kwki1k: "f3u2cy0"
|
|
278
275
|
},
|
|
279
|
-
|
|
280
|
-
|
|
276
|
+
medium: {
|
|
277
|
+
kwki1k: "f1oqplr0"
|
|
281
278
|
},
|
|
282
|
-
|
|
283
|
-
|
|
279
|
+
large: {
|
|
280
|
+
kwki1k: "fa420co"
|
|
284
281
|
}
|
|
285
282
|
}, {
|
|
286
|
-
|
|
283
|
+
d: [".f1ewtqcl{box-sizing:border-box;}", ".f11d4kpn{color:var(--colorNeutralForeground3);}", ".fyuhxbn>svg{display:block;}", ".f1s2aq7o{color:var(--colorNeutralForegroundDisabled);}", ".f3u2cy0>svg{font-size:16px;}", ".f1oqplr0>svg{font-size:20px;}", ".fa420co>svg{font-size:24px;}"]
|
|
287
284
|
});
|
|
288
285
|
/**
|
|
289
286
|
* Apply styling to the Input slots based on the state
|
|
290
287
|
*/
|
|
291
|
-
|
|
292
|
-
|
|
293
288
|
export const useInputStyles_unstable = state => {
|
|
294
289
|
const {
|
|
295
290
|
size,
|
|
@@ -304,15 +299,12 @@ export const useInputStyles_unstable = state => {
|
|
|
304
299
|
state.root.className = mergeClasses(inputClassNames.root, rootStyles.base, rootStyles[size], rootStyles[appearance], !disabled && rootStyles.interactive, !disabled && appearance === 'outline' && rootStyles.outlineInteractive, !disabled && appearance === 'underline' && rootStyles.underlineInteractive, !disabled && filled && rootStyles.filledInteractive, filled && rootStyles.filled, !disabled && invalid && rootStyles.invalid, disabled && rootStyles.disabled, state.root.className);
|
|
305
300
|
state.input.className = mergeClasses(inputClassNames.input, inputStyles.base, inputStyles[size], disabled && inputStyles.disabled, state.input.className);
|
|
306
301
|
const contentClasses = [contentStyles.base, disabled && contentStyles.disabled, contentStyles[size]];
|
|
307
|
-
|
|
308
302
|
if (state.contentBefore) {
|
|
309
303
|
state.contentBefore.className = mergeClasses(inputClassNames.contentBefore, ...contentClasses, state.contentBefore.className);
|
|
310
304
|
}
|
|
311
|
-
|
|
312
305
|
if (state.contentAfter) {
|
|
313
306
|
state.contentAfter.className = mergeClasses(inputClassNames.contentAfter, ...contentClasses, state.contentAfter.className);
|
|
314
307
|
}
|
|
315
|
-
|
|
316
308
|
return state;
|
|
317
309
|
};
|
|
318
310
|
//# sourceMappingURL=useInputStyles.js.map
|