@fluentui/react-spinbutton 9.0.11 → 9.0.13
Sign up to get free protection for your applications and to get access to all the features.
- package/CHANGELOG.json +101 -1
- package/CHANGELOG.md +28 -2
- package/lib/components/SpinButton/SpinButton.js +0 -1
- package/lib/components/SpinButton/SpinButton.js.map +1 -1
- package/lib/components/SpinButton/renderSpinButton.js +8 -5
- package/lib/components/SpinButton/renderSpinButton.js.map +1 -1
- package/lib/components/SpinButton/useSpinButton.js +2 -33
- package/lib/components/SpinButton/useSpinButton.js.map +1 -1
- package/lib/components/SpinButton/useSpinButtonStyles.js +251 -256
- package/lib/components/SpinButton/useSpinButtonStyles.js.map +1 -1
- package/lib/components/SpinButtonField/SpinButtonField.js.map +1 -1
- package/lib/index.js.map +1 -1
- package/lib/utils/clamp.js +0 -6
- package/lib/utils/clamp.js.map +1 -1
- package/lib/utils/getBound.js +0 -2
- package/lib/utils/getBound.js.map +1 -1
- package/lib/utils/precision.js +0 -5
- package/lib/utils/precision.js.map +1 -1
- package/lib-commonjs/SpinButton.js +0 -2
- package/lib-commonjs/SpinButton.js.map +1 -1
- package/lib-commonjs/SpinButtonField.js +0 -2
- package/lib-commonjs/SpinButtonField.js.map +1 -1
- package/lib-commonjs/components/SpinButton/SpinButton.js +0 -6
- package/lib-commonjs/components/SpinButton/SpinButton.js.map +1 -1
- package/lib-commonjs/components/SpinButton/SpinButton.types.js.map +1 -1
- package/lib-commonjs/components/SpinButton/index.js +0 -6
- package/lib-commonjs/components/SpinButton/index.js.map +1 -1
- package/lib-commonjs/components/SpinButton/renderSpinButton.js +8 -9
- package/lib-commonjs/components/SpinButton/renderSpinButton.js.map +1 -1
- package/lib-commonjs/components/SpinButton/useSpinButton.js +2 -40
- package/lib-commonjs/components/SpinButton/useSpinButton.js.map +1 -1
- package/lib-commonjs/components/SpinButton/useSpinButtonStyles.js +251 -261
- package/lib-commonjs/components/SpinButton/useSpinButtonStyles.js.map +1 -1
- package/lib-commonjs/components/SpinButtonField/SpinButtonField.js +0 -4
- package/lib-commonjs/components/SpinButtonField/SpinButtonField.js.map +1 -1
- package/lib-commonjs/components/SpinButtonField/index.js +0 -2
- package/lib-commonjs/components/SpinButtonField/index.js.map +1 -1
- package/lib-commonjs/index.js +0 -4
- package/lib-commonjs/index.js.map +1 -1
- package/lib-commonjs/utils/clamp.js +0 -8
- package/lib-commonjs/utils/clamp.js.map +1 -1
- package/lib-commonjs/utils/getBound.js +0 -4
- package/lib-commonjs/utils/getBound.js.map +1 -1
- package/lib-commonjs/utils/index.js +0 -4
- package/lib-commonjs/utils/index.js.map +1 -1
- package/lib-commonjs/utils/precision.js +0 -8
- package/lib-commonjs/utils/precision.js.map +1 -1
- package/package.json +9 -9
@@ -10,307 +10,301 @@ export const spinButtonClassNames = {
|
|
10
10
|
const spinButtonExtraClassNames = {
|
11
11
|
buttonActive: 'fui-SpinButton__button_active'
|
12
12
|
};
|
13
|
-
|
14
13
|
const useRootStyles = /*#__PURE__*/__styles({
|
15
|
-
|
16
|
-
|
17
|
-
|
18
|
-
|
19
|
-
|
20
|
-
|
21
|
-
|
22
|
-
|
23
|
-
|
24
|
-
|
25
|
-
|
26
|
-
|
27
|
-
|
28
|
-
|
29
|
-
|
30
|
-
|
31
|
-
|
32
|
-
|
33
|
-
|
34
|
-
|
35
|
-
|
36
|
-
|
37
|
-
|
38
|
-
|
39
|
-
|
40
|
-
|
41
|
-
|
42
|
-
|
43
|
-
|
44
|
-
|
14
|
+
base: {
|
15
|
+
mc9l5x: "fwk3njj",
|
16
|
+
Budl1dq: "f1sr6ibj",
|
17
|
+
wkccdc: "fio9c21",
|
18
|
+
i8kkvl: "f1ufnopg",
|
19
|
+
Belr9w4: "f1sff6ri",
|
20
|
+
z189sj: ["fhxju0i", "f1cnd47f"],
|
21
|
+
qhf8xq: "f10pi13n",
|
22
|
+
B4j52fo: "fre7gi1",
|
23
|
+
Bekrc4i: ["f1358rze", "f1rvrf73"],
|
24
|
+
Bn0qgzm: "fqdk4by",
|
25
|
+
ibv6hh: ["f1rvrf73", "f1358rze"],
|
26
|
+
gd4gdo: "f1ngn1p8",
|
27
|
+
Ftih45: "f1wl9k8s",
|
28
|
+
Bcvre1j: "fyl8oag",
|
29
|
+
Brfgrao: "f1j7ml58",
|
30
|
+
Bciustq: "ffi060y",
|
31
|
+
mdwyqc: ["f1f351id", "f1fzr1x6"],
|
32
|
+
lawp4y: "fchca7p",
|
33
|
+
Fbdkly: ["f1fzr1x6", "f1f351id"],
|
34
|
+
Budzafs: ["f1pl9g23", "f3orl67"],
|
35
|
+
r59vdv: ["f3orl67", "f1pl9g23"],
|
36
|
+
n07z76: ["f2gop1n", "f11nyhth"],
|
37
|
+
ck0cow: ["f11nyhth", "f2gop1n"],
|
38
|
+
Cgzuqd: "fxuihnu",
|
39
|
+
Ehzi8l: "fzjygzn",
|
40
|
+
B1piin3: ["f15yvnhg", "f1n6gb5g"],
|
41
|
+
By385i5: "fo72kxq",
|
42
|
+
Eqx8gd: ["f1n6gb5g", "f15yvnhg"],
|
43
|
+
t2ki1e: "f5yjgw6"
|
45
44
|
},
|
46
|
-
|
47
|
-
|
45
|
+
small: {
|
46
|
+
uwmqm3: ["f1f5gg8d", "f1vdfbxk"]
|
48
47
|
},
|
49
|
-
|
50
|
-
|
51
|
-
|
52
|
-
|
53
|
-
|
54
|
-
|
55
|
-
|
56
|
-
|
57
|
-
|
58
|
-
|
59
|
-
|
60
|
-
|
61
|
-
|
62
|
-
|
48
|
+
medium: {},
|
49
|
+
outline: {
|
50
|
+
B0qfbqy: "f1fjh9ub",
|
51
|
+
B4f6apu: ["ff9c942", "f6rdg5o"],
|
52
|
+
y0oebl: "fdw6hkg",
|
53
|
+
uvfttm: ["f6rdg5o", "ff9c942"],
|
54
|
+
Bdkvgpv: "f163fonl",
|
55
|
+
m598lv: ["f1yq6w5o", "f1jpmc5p"],
|
56
|
+
qa3bma: "f11yjt3y",
|
57
|
+
Bbv0w2i: ["f1jpmc5p", "f1yq6w5o"],
|
58
|
+
Bq4z7u6: "f10tv6oz",
|
59
|
+
Bk5zm6e: ["f16xp3sf", "f1seuxxq"],
|
60
|
+
Bqjgrrk: "fchs65t",
|
61
|
+
Bm6vgfq: ["f1seuxxq", "f16xp3sf"]
|
63
62
|
},
|
64
|
-
|
65
|
-
|
66
|
-
|
67
|
-
|
68
|
-
|
69
|
-
|
70
|
-
|
71
|
-
|
72
|
-
|
63
|
+
outlineInteractive: {
|
64
|
+
Bo3r8zu: "f1w2y1rc",
|
65
|
+
Hpvxnh: ["f1gofhvl", "f18htlvq"],
|
66
|
+
Bx11ytk: "ffcnd28",
|
67
|
+
B1rg0w0: ["f18htlvq", "f1gofhvl"],
|
68
|
+
Bsg1tlv: "f6lmxco",
|
69
|
+
Brjw370: ["fcoc0mf", "f15r4wkl"],
|
70
|
+
xcfy85: "f1ipdth8",
|
71
|
+
Bcc6kan: ["f15r4wkl", "fcoc0mf"]
|
73
72
|
},
|
74
|
-
|
75
|
-
|
76
|
-
|
77
|
-
|
78
|
-
|
79
|
-
|
80
|
-
|
81
|
-
|
73
|
+
underline: {
|
74
|
+
Budzafs: ["fw32bj", "fziivox"],
|
75
|
+
r59vdv: ["fziivox", "fw32bj"],
|
76
|
+
n07z76: ["feccbv4", "f1jqz70h"],
|
77
|
+
ck0cow: ["f1jqz70h", "feccbv4"],
|
78
|
+
y0oebl: "fdw6hkg",
|
79
|
+
qa3bma: "f11yjt3y",
|
80
|
+
Bqjgrrk: "fchs65t"
|
82
81
|
},
|
83
|
-
|
84
|
-
|
85
|
-
|
82
|
+
underlineInteractive: {
|
83
|
+
Bx11ytk: "ffcnd28",
|
84
|
+
xcfy85: "f1ipdth8"
|
86
85
|
},
|
87
|
-
|
88
|
-
|
89
|
-
|
90
|
-
|
91
|
-
|
92
|
-
|
93
|
-
|
94
|
-
|
95
|
-
|
96
|
-
|
97
|
-
|
98
|
-
|
99
|
-
|
86
|
+
filled: {
|
87
|
+
B0qfbqy: "f1fjh9ub",
|
88
|
+
B4f6apu: ["ff9c942", "f6rdg5o"],
|
89
|
+
y0oebl: "fdw6hkg",
|
90
|
+
uvfttm: ["f6rdg5o", "ff9c942"],
|
91
|
+
Bdkvgpv: "f163fonl",
|
92
|
+
m598lv: ["f1yq6w5o", "f1jpmc5p"],
|
93
|
+
qa3bma: "f11yjt3y",
|
94
|
+
Bbv0w2i: ["f1jpmc5p", "f1yq6w5o"],
|
95
|
+
Bq4z7u6: "f7dgwnz",
|
96
|
+
Bk5zm6e: ["f1edeodt", "fszsv3f"],
|
97
|
+
Bqjgrrk: "f1172wan",
|
98
|
+
Bm6vgfq: ["fszsv3f", "f1edeodt"]
|
100
99
|
},
|
101
|
-
|
102
|
-
|
103
|
-
|
104
|
-
|
105
|
-
|
100
|
+
filledInteractive: {
|
101
|
+
B05mzqr: "f1xqt08",
|
102
|
+
tb9y6h: ["fzt5lgo", "f8tv3r9"],
|
103
|
+
jcehpj: "fyhrops",
|
104
|
+
B23o0hn: ["f8tv3r9", "fzt5lgo"]
|
106
105
|
},
|
107
|
-
|
108
|
-
|
109
|
-
|
110
|
-
|
111
|
-
|
106
|
+
invalid: {
|
107
|
+
emecyz: "fl48pg9",
|
108
|
+
lz0pba: ["f1a168p3", "f1pvdymy"],
|
109
|
+
Bo1k74p: "f11knvgl",
|
110
|
+
Ba322q7: ["f1pvdymy", "f1a168p3"]
|
112
111
|
},
|
113
|
-
|
114
|
-
|
115
|
-
|
116
|
-
|
117
|
-
|
118
|
-
|
119
|
-
|
120
|
-
|
121
|
-
|
112
|
+
disabled: {
|
113
|
+
Bq4z7u6: "f1a0lfh7",
|
114
|
+
Bk5zm6e: ["f1p2ejm6", "fmzytvz"],
|
115
|
+
Bqjgrrk: "fas2e61",
|
116
|
+
Bm6vgfq: ["fmzytvz", "f1p2ejm6"],
|
117
|
+
Cffpyd: "flb8es4",
|
118
|
+
hxi8he: ["f1lclws", "frjp63v"],
|
119
|
+
Bcuq369: "f1yv9wnt",
|
120
|
+
Imo2if: ["frjp63v", "f1lclws"]
|
122
121
|
}
|
123
122
|
}, {
|
124
|
-
|
125
|
-
|
126
|
-
|
127
|
-
|
128
|
-
|
123
|
+
d: [".fwk3njj{display:inline-grid;}", ".f1sr6ibj{grid-template-columns:1fr 24px;}", ".fio9c21{grid-template-rows:1fr 1fr;}", ".f1ufnopg{-webkit-column-gap:var(--spacingHorizontalXS);column-gap:var(--spacingHorizontalXS);}", ".f1sff6ri{row-gap:0;}", ".fhxju0i{padding-right:0;}", ".f1cnd47f{padding-left:0;}", ".f10pi13n{position:relative;}", ".fre7gi1{border-top-width:0;}", ".f1358rze{border-right-width:0;}", ".f1rvrf73{border-left-width:0;}", ".fqdk4by{border-bottom-width:0;}", ".f1ngn1p8{isolation:isolate;}", ".f1wl9k8s::before{content:\"\";}", ".fyl8oag::before{box-sizing:border-box;}", ".f1j7ml58::before{position:absolute;}", ".ffi060y::before{top:0;}", ".f1f351id::before{right:0;}", ".f1fzr1x6::before{left:0;}", ".fchca7p::before{bottom:0;}", ".f1pl9g23::before{border-bottom-right-radius:var(--borderRadiusMedium);}", ".f3orl67::before{border-bottom-left-radius:var(--borderRadiusMedium);}", ".f2gop1n::before{border-top-right-radius:var(--borderRadiusMedium);}", ".f11nyhth::before{border-top-left-radius:var(--borderRadiusMedium);}", ".fxuihnu::before{pointer-events:none;}", ".fzjygzn::before{z-index:10;}", ".f15yvnhg::after{right:0;}", ".f1n6gb5g::after{left:0;}", ".fo72kxq::after{bottom:0;}", ".f5yjgw6::after{z-index:20;}", ".f1f5gg8d{padding-left:var(--spacingHorizontalS);}", ".f1vdfbxk{padding-right:var(--spacingHorizontalS);}", ".f1fjh9ub::before{border-top-width:1px;}", ".ff9c942::before{border-right-width:1px;}", ".f6rdg5o::before{border-left-width:1px;}", ".fdw6hkg::before{border-bottom-width:1px;}", ".f163fonl::before{border-top-style:solid;}", ".f1yq6w5o::before{border-right-style:solid;}", ".f1jpmc5p::before{border-left-style:solid;}", ".f11yjt3y::before{border-bottom-style:solid;}", ".f10tv6oz::before{border-top-color:var(--colorNeutralStroke1);}", ".f16xp3sf::before{border-right-color:var(--colorNeutralStroke1);}", ".f1seuxxq::before{border-left-color:var(--colorNeutralStroke1);}", ".fchs65t::before{border-bottom-color:var(--colorNeutralStrokeAccessible);}", ".fw32bj::before{border-bottom-right-radius:0;}", ".fziivox::before{border-bottom-left-radius:0;}", ".feccbv4::before{border-top-right-radius:0;}", ".f1jqz70h::before{border-top-left-radius:0;}", ".f7dgwnz::before{border-top-color:var(--colorTransparentStroke);}", ".f1edeodt::before{border-right-color:var(--colorTransparentStroke);}", ".fszsv3f::before{border-left-color:var(--colorTransparentStroke);}", ".f1172wan::before{border-bottom-color:var(--colorTransparentStroke);}", ".fl48pg9:not(:focus-within)::before,.fl48pg9:hover:not(:focus-within)::before{border-top-color:var(--colorPaletteRedBorder2);}", ".f1a168p3:not(:focus-within)::before,.f1a168p3:hover:not(:focus-within)::before{border-right-color:var(--colorPaletteRedBorder2);}", ".f1pvdymy:not(:focus-within)::before,.f1pvdymy:hover:not(:focus-within)::before{border-left-color:var(--colorPaletteRedBorder2);}", ".f11knvgl:not(:focus-within)::before,.f11knvgl:hover:not(:focus-within)::before{border-bottom-color:var(--colorPaletteRedBorder2);}", ".f1a0lfh7::before{border-top-color:var(--colorNeutralStrokeDisabled);}", ".f1p2ejm6::before{border-right-color:var(--colorNeutralStrokeDisabled);}", ".fmzytvz::before{border-left-color:var(--colorNeutralStrokeDisabled);}", ".fas2e61::before{border-bottom-color:var(--colorNeutralStrokeDisabled);}"],
|
124
|
+
h: [".f1w2y1rc:hover::before{border-top-color:var(--colorNeutralStroke1Hover);}", ".f1gofhvl:hover::before{border-right-color:var(--colorNeutralStroke1Hover);}", ".f18htlvq:hover::before{border-left-color:var(--colorNeutralStroke1Hover);}", ".ffcnd28:hover::before{border-bottom-color:var(--colorNeutralStrokeAccessibleHover);}", ".f1xqt08:hover::before,.f1xqt08:focus-within::before{border-top-color:var(--colorTransparentStrokeInteractive);}", ".fzt5lgo:hover::before,.fzt5lgo:focus-within::before{border-right-color:var(--colorTransparentStrokeInteractive);}", ".f8tv3r9:hover::before,.f8tv3r9:focus-within::before{border-left-color:var(--colorTransparentStrokeInteractive);}", ".fyhrops:hover::before,.fyhrops:focus-within::before{border-bottom-color:var(--colorTransparentStrokeInteractive);}"],
|
125
|
+
a: [".f6lmxco:active::before,.f6lmxco:focus-within::before{border-top-color:var(--colorNeutralStroke1Pressed);}", ".fcoc0mf:active::before,.fcoc0mf:focus-within::before{border-right-color:var(--colorNeutralStroke1Pressed);}", ".f15r4wkl:active::before,.f15r4wkl:focus-within::before{border-left-color:var(--colorNeutralStroke1Pressed);}", ".f1ipdth8:active::before,.f1ipdth8:focus-within::before{border-bottom-color:var(--colorNeutralStrokeAccessiblePressed);}"],
|
126
|
+
m: [["@media (forced-colors: active){.flb8es4::before{border-top-color:GrayText;}}", {
|
127
|
+
m: "(forced-colors: active)"
|
129
128
|
}], ["@media (forced-colors: active){.f1lclws::before{border-right-color:GrayText;}.frjp63v::before{border-left-color:GrayText;}}", {
|
130
|
-
|
129
|
+
m: "(forced-colors: active)"
|
131
130
|
}], ["@media (forced-colors: active){.f1yv9wnt::before{border-bottom-color:GrayText;}}", {
|
132
|
-
|
131
|
+
m: "(forced-colors: active)"
|
133
132
|
}], ["@media (forced-colors: active){.frjp63v::before{border-left-color:GrayText;}.f1lclws::before{border-right-color:GrayText;}}", {
|
134
|
-
|
133
|
+
m: "(forced-colors: active)"
|
135
134
|
}]]
|
136
135
|
});
|
137
|
-
|
138
136
|
const useInputStyles = /*#__PURE__*/__styles({
|
139
|
-
|
140
|
-
|
141
|
-
|
142
|
-
|
143
|
-
|
144
|
-
|
145
|
-
|
146
|
-
|
147
|
-
|
148
|
-
|
137
|
+
base: {
|
138
|
+
Br312pm: "fwpfdsa",
|
139
|
+
Bw0ie65: "f1e2fz10",
|
140
|
+
Ijaq50: "f16hsg94",
|
141
|
+
nk6f5a: "fcu02xx",
|
142
|
+
oeaueh: "f1s6fcnf",
|
143
|
+
z8tnut: "f1g0x7ka",
|
144
|
+
z189sj: ["fhxju0i", "f1cnd47f"],
|
145
|
+
Byoj8tv: "f1qch9an",
|
146
|
+
uwmqm3: ["f1cnd47f", "fhxju0i"]
|
149
147
|
}
|
150
148
|
}, {
|
151
|
-
|
149
|
+
d: [".fwpfdsa{grid-column-start:1;}", ".f1e2fz10{grid-column-end:2;}", ".f16hsg94{grid-row-start:1;}", ".fcu02xx{grid-row-end:3;}", ".f1s6fcnf{outline-style:none;}", ".f1g0x7ka{padding-top:0;}", ".fhxju0i{padding-right:0;}", ".f1cnd47f{padding-left:0;}", ".f1qch9an{padding-bottom:0;}"]
|
152
150
|
});
|
153
|
-
|
154
151
|
const useButtonStyles = /*#__PURE__*/__styles({
|
155
|
-
|
156
|
-
|
157
|
-
|
158
|
-
|
159
|
-
|
160
|
-
|
161
|
-
|
162
|
-
|
163
|
-
|
164
|
-
|
165
|
-
|
166
|
-
|
167
|
-
|
168
|
-
|
169
|
-
|
152
|
+
base: {
|
153
|
+
mc9l5x: "ftuwxu6",
|
154
|
+
a9b677: "fq4mcun",
|
155
|
+
Bt984gj: "f122n59",
|
156
|
+
Brf1p80: "f4d9j23",
|
157
|
+
B4j52fo: "fre7gi1",
|
158
|
+
Bekrc4i: ["f1358rze", "f1rvrf73"],
|
159
|
+
Bn0qgzm: "fqdk4by",
|
160
|
+
ibv6hh: ["f1rvrf73", "f1358rze"],
|
161
|
+
qhf8xq: "f1euv43f",
|
162
|
+
oeaueh: "f1s6fcnf",
|
163
|
+
Bqenvij: "f1l02sjl",
|
164
|
+
Bfnh471: "fe4wpbb",
|
165
|
+
zwc60e: "fb0xa7e",
|
166
|
+
ezr58z: "f9f7vaa"
|
170
167
|
},
|
171
|
-
|
172
|
-
|
173
|
-
|
174
|
-
|
175
|
-
|
176
|
-
|
177
|
-
|
178
|
-
|
179
|
-
|
168
|
+
incrementButton: {
|
169
|
+
Br312pm: "fd46tj4",
|
170
|
+
Bw0ie65: "fz1yyy6",
|
171
|
+
Ijaq50: "f16hsg94",
|
172
|
+
nk6f5a: "f88nxoq",
|
173
|
+
Bbmb7ep: ["f1krrbdw", "f1deotkl"],
|
174
|
+
Beyfa6y: ["f1deotkl", "f1krrbdw"],
|
175
|
+
B7oj6ja: ["f1jar5jt", "fyu767a"],
|
176
|
+
Btl43ni: ["f1ozlkrg", "f10ostut"]
|
180
177
|
},
|
181
|
-
|
182
|
-
|
183
|
-
|
184
|
-
|
185
|
-
|
178
|
+
incrementButtonSmall: {
|
179
|
+
z8tnut: "f1khb0e9",
|
180
|
+
z189sj: ["f1sgzk6v", "f1bg5zqg"],
|
181
|
+
Byoj8tv: "f1ov4xf1",
|
182
|
+
uwmqm3: ["fycuoez", "f8wuabp"]
|
186
183
|
},
|
187
|
-
|
188
|
-
|
189
|
-
|
190
|
-
|
191
|
-
|
184
|
+
incrementButtonMedium: {
|
185
|
+
z8tnut: "f10ra9hq",
|
186
|
+
z189sj: ["fwiuce9", "f15vdbe4"],
|
187
|
+
Byoj8tv: "f1brlhvm",
|
188
|
+
uwmqm3: ["f15vdbe4", "fwiuce9"]
|
192
189
|
},
|
193
|
-
|
194
|
-
|
195
|
-
|
196
|
-
|
197
|
-
|
198
|
-
|
199
|
-
|
200
|
-
|
201
|
-
|
190
|
+
decrementButton: {
|
191
|
+
Br312pm: "fd46tj4",
|
192
|
+
Bw0ie65: "fz1yyy6",
|
193
|
+
Ijaq50: "faunodf",
|
194
|
+
nk6f5a: "fcu02xx",
|
195
|
+
Bbmb7ep: ["f1aa9q02", "f16jpd5f"],
|
196
|
+
Beyfa6y: ["f1deotkl", "f1krrbdw"],
|
197
|
+
B7oj6ja: ["f10ostut", "f1ozlkrg"],
|
198
|
+
Btl43ni: ["f1ozlkrg", "f10ostut"]
|
202
199
|
},
|
203
|
-
|
204
|
-
|
205
|
-
|
206
|
-
|
207
|
-
|
200
|
+
decrementButtonSmall: {
|
201
|
+
z8tnut: "f1nbblvp",
|
202
|
+
z189sj: ["f1sgzk6v", "f1bg5zqg"],
|
203
|
+
Byoj8tv: "f1jnq6q7",
|
204
|
+
uwmqm3: ["fycuoez", "f8wuabp"]
|
208
205
|
},
|
209
|
-
|
210
|
-
|
211
|
-
|
212
|
-
|
213
|
-
|
206
|
+
decrementButtonMedium: {
|
207
|
+
z8tnut: "f1sl3k7w",
|
208
|
+
z189sj: ["fwiuce9", "f15vdbe4"],
|
209
|
+
Byoj8tv: "f1y2xyjm",
|
210
|
+
uwmqm3: ["f15vdbe4", "fwiuce9"]
|
214
211
|
},
|
215
|
-
|
216
|
-
|
217
|
-
|
218
|
-
|
219
|
-
|
220
|
-
|
221
|
-
|
222
|
-
|
223
|
-
|
224
|
-
|
212
|
+
outline: {
|
213
|
+
De3pzq: "f3rmtva",
|
214
|
+
sj55zd: "f11d4kpn",
|
215
|
+
r4wkhp: "f1no7wuu",
|
216
|
+
B95qlz1: "f1bifk9c",
|
217
|
+
p743kt: "fp1zg4s",
|
218
|
+
B7xitij: "fo6hitd",
|
219
|
+
B6siaa6: "f1wiab75",
|
220
|
+
Ba9qmo4: "fj9zm5z",
|
221
|
+
Dyrjrp: "f1cqwcg4"
|
225
222
|
},
|
226
|
-
|
227
|
-
|
228
|
-
|
229
|
-
|
230
|
-
|
231
|
-
|
232
|
-
|
233
|
-
|
234
|
-
|
235
|
-
|
223
|
+
underline: {
|
224
|
+
De3pzq: "f3rmtva",
|
225
|
+
sj55zd: "f11d4kpn",
|
226
|
+
r4wkhp: "f1no7wuu",
|
227
|
+
B95qlz1: "f1bifk9c",
|
228
|
+
p743kt: "fp1zg4s",
|
229
|
+
B7xitij: "fo6hitd",
|
230
|
+
B6siaa6: "f1wiab75",
|
231
|
+
Ba9qmo4: "fj9zm5z",
|
232
|
+
Dyrjrp: "f1cqwcg4"
|
236
233
|
},
|
237
234
|
"filled-darker": {
|
238
|
-
|
239
|
-
|
240
|
-
|
241
|
-
|
242
|
-
|
243
|
-
|
244
|
-
|
245
|
-
|
246
|
-
|
235
|
+
De3pzq: "f3rmtva",
|
236
|
+
sj55zd: "f11d4kpn",
|
237
|
+
r4wkhp: "f1no7wuu",
|
238
|
+
B95qlz1: "fwwxidx",
|
239
|
+
p743kt: "fp1zg4s",
|
240
|
+
B7xitij: "f14i52sd",
|
241
|
+
B6siaa6: "f1wiab75",
|
242
|
+
Ba9qmo4: "fwry2ka",
|
243
|
+
Dyrjrp: "f1cqwcg4"
|
247
244
|
},
|
248
245
|
"filled-lighter": {
|
249
|
-
|
250
|
-
|
251
|
-
|
252
|
-
|
253
|
-
|
254
|
-
|
255
|
-
|
246
|
+
De3pzq: "f3rmtva",
|
247
|
+
sj55zd: "f11d4kpn",
|
248
|
+
r4wkhp: "f1no7wuu",
|
249
|
+
B95qlz1: "f1yywxnv",
|
250
|
+
drw0cw: "fzaa11h",
|
251
|
+
idzz8t: "f4fpmm9",
|
252
|
+
Dyrjrp: "f1cqwcg4"
|
256
253
|
}
|
257
254
|
}, {
|
258
|
-
|
259
|
-
|
260
|
-
});
|
255
|
+
d: [".ftuwxu6{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}", ".fq4mcun{width:24px;}", ".f122n59{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}", ".f4d9j23{-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;}", ".fre7gi1{border-top-width:0;}", ".f1358rze{border-right-width:0;}", ".f1rvrf73{border-left-width:0;}", ".fqdk4by{border-bottom-width:0;}", ".f1euv43f{position:absolute;}", ".f1s6fcnf{outline-style:none;}", ".f1l02sjl{height:100%;}", ".fe4wpbb:enabled:hover{cursor:pointer;}", ".f9f7vaa:disabled{cursor:not-allowed;}", ".fd46tj4{grid-column-start:2;}", ".fz1yyy6{grid-column-end:3;}", ".f16hsg94{grid-row-start:1;}", ".f88nxoq{grid-row-end:2;}", ".f1krrbdw{border-bottom-right-radius:0;}", ".f1deotkl{border-bottom-left-radius:0;}", ".f1jar5jt{border-top-right-radius:var(--borderRadiusMedium);}", ".fyu767a{border-top-left-radius:var(--borderRadiusMedium);}", ".f1ozlkrg{border-top-left-radius:0;}", ".f10ostut{border-top-right-radius:0;}", ".f1khb0e9{padding-top:3px;}", ".f1sgzk6v{padding-right:6px;}", ".f1bg5zqg{padding-left:6px;}", ".f1ov4xf1{padding-bottom:0px;}", ".fycuoez{padding-left:4px;}", ".f8wuabp{padding-right:4px;}", ".f10ra9hq{padding-top:4px;}", ".fwiuce9{padding-right:5px;}", ".f15vdbe4{padding-left:5px;}", ".f1brlhvm{padding-bottom:1px;}", ".faunodf{grid-row-start:2;}", ".fcu02xx{grid-row-end:3;}", ".f1aa9q02{border-bottom-right-radius:var(--borderRadiusMedium);}", ".f16jpd5f{border-bottom-left-radius:var(--borderRadiusMedium);}", ".f1nbblvp{padding-top:0px;}", ".f1jnq6q7{padding-bottom:3px;}", ".f1sl3k7w{padding-top:1px;}", ".f1y2xyjm{padding-bottom:4px;}", ".f3rmtva{background-color:transparent;}", ".f11d4kpn{color:var(--colorNeutralForeground3);}", ".f1no7wuu:enabled:hover{color:var(--colorNeutralForeground3Hover);}", ".f1bifk9c:enabled:hover{background-color:var(--colorSubtleBackgroundHover);}", ".fp1zg4s:enabled:active{color:var(--colorNeutralForeground3Pressed);}", ".fo6hitd:enabled:active{background-color:var(--colorSubtleBackgroundPressed);}", ".f1wiab75:enabled.fui-SpinButton__button_active{color:var(--colorNeutralForeground3Pressed);}", ".fj9zm5z:enabled.fui-SpinButton__button_active{background-color:var(--colorSubtleBackgroundPressed);}", ".f1cqwcg4:disabled{color:var(--colorNeutralForegroundDisabled);}", ".fwwxidx:enabled:hover{background-color:var(--colorNeutralBackground3Hover);}", ".f14i52sd:enabled:active{background-color:var(--colorNeutralBackground3Pressed);}", ".fwry2ka:enabled.fui-SpinButton__button_active{background-color:var(--colorNeutralBackground3Pressed);}", ".f1yywxnv:enabled:hover{background-color:var(--colorNeutralBackground1Hover);}", ".fzaa11h:enabled:active,.fzaa11h:enabled.fui-SpinButton__button_active{color:var(--colorNeutralForeground3Pressed);}", ".f4fpmm9:enabled:active,.f4fpmm9:enabled.fui-SpinButton__button_active{background-color:var(--colorNeutralBackground1Pressed);}"],
|
256
|
+
a: [".fb0xa7e:active{outline-style:none;}"]
|
257
|
+
});
|
258
|
+
// Cannot just disable button as they need to remain
|
261
259
|
// exposed to ATs like screen readers.
|
262
|
-
|
263
|
-
|
264
260
|
const useButtonDisabledStyles = /*#__PURE__*/__styles({
|
265
|
-
|
266
|
-
|
267
|
-
|
261
|
+
base: {
|
262
|
+
Bceei9c: "fdrzuqr",
|
263
|
+
eoavqd: "fphbwmw"
|
268
264
|
},
|
269
|
-
|
270
|
-
|
271
|
-
|
272
|
-
|
273
|
-
|
274
|
-
|
275
|
-
|
276
|
-
|
265
|
+
outline: {
|
266
|
+
sj55zd: "f1s2aq7o",
|
267
|
+
r4wkhp: "few7wvn",
|
268
|
+
B95qlz1: "f110wuh6",
|
269
|
+
p743kt: "f9s4mys",
|
270
|
+
B7xitij: "f10404rc",
|
271
|
+
B6siaa6: "fwzu9cz",
|
272
|
+
Ba9qmo4: "f1snwkb6"
|
277
273
|
},
|
278
|
-
|
279
|
-
|
280
|
-
|
281
|
-
|
282
|
-
|
283
|
-
|
284
|
-
|
285
|
-
|
274
|
+
underline: {
|
275
|
+
sj55zd: "f1s2aq7o",
|
276
|
+
r4wkhp: "few7wvn",
|
277
|
+
B95qlz1: "f110wuh6",
|
278
|
+
p743kt: "f9s4mys",
|
279
|
+
B7xitij: "f10404rc",
|
280
|
+
B6siaa6: "fwzu9cz",
|
281
|
+
Ba9qmo4: "f1snwkb6"
|
286
282
|
},
|
287
283
|
"filled-darker": {
|
288
|
-
|
289
|
-
|
290
|
-
|
291
|
-
|
292
|
-
|
293
|
-
|
294
|
-
|
284
|
+
sj55zd: "f1s2aq7o",
|
285
|
+
r4wkhp: "few7wvn",
|
286
|
+
B95qlz1: "f110wuh6",
|
287
|
+
p743kt: "f9s4mys",
|
288
|
+
B7xitij: "f10404rc",
|
289
|
+
B6siaa6: "fwzu9cz",
|
290
|
+
Ba9qmo4: "f1snwkb6"
|
295
291
|
},
|
296
292
|
"filled-lighter": {
|
297
|
-
|
298
|
-
|
299
|
-
|
300
|
-
|
301
|
-
|
302
|
-
|
303
|
-
|
293
|
+
sj55zd: "f1s2aq7o",
|
294
|
+
r4wkhp: "few7wvn",
|
295
|
+
B95qlz1: "f110wuh6",
|
296
|
+
p743kt: "f9s4mys",
|
297
|
+
B7xitij: "f10404rc",
|
298
|
+
B6siaa6: "fwzu9cz",
|
299
|
+
Ba9qmo4: "f1snwkb6"
|
304
300
|
}
|
305
301
|
}, {
|
306
|
-
|
307
|
-
|
302
|
+
d: [".fdrzuqr{cursor:not-allowed;}", ".f1s2aq7o{color:var(--colorNeutralForegroundDisabled);}", ".few7wvn:enabled:hover{color:var(--colorNeutralForegroundDisabled);}", ".f110wuh6:enabled:hover{background-color:transparent;}", ".f9s4mys:enabled:active{color:var(--colorNeutralForegroundDisabled);}", ".f10404rc:enabled:active{background-color:transparent;}", ".fwzu9cz:enabled.fui-SpinButton__button_active{color:var(--colorNeutralForegroundDisabled);}", ".f1snwkb6:enabled.fui-SpinButton__button_active{background-color:transparent;}"],
|
303
|
+
h: [".fphbwmw:hover{cursor:not-allowed;}"]
|
308
304
|
});
|
309
305
|
/**
|
310
306
|
* Apply styling to the SpinButton slots based on the state
|
311
307
|
*/
|
312
|
-
|
313
|
-
|
314
308
|
export const useSpinButtonStyles_unstable = state => {
|
315
309
|
const {
|
316
310
|
appearance,
|
@@ -324,11 +318,11 @@ export const useSpinButtonStyles_unstable = state => {
|
|
324
318
|
const rootStyles = useRootStyles();
|
325
319
|
const buttonStyles = useButtonStyles();
|
326
320
|
const buttonDisabledStyles = useButtonDisabledStyles();
|
327
|
-
const inputStyles = useInputStyles();
|
328
|
-
|
321
|
+
const inputStyles = useInputStyles();
|
322
|
+
// Grab the root className here so we can be sure to merge is last
|
329
323
|
const rootClassName = state.root.className;
|
330
|
-
state.root.className = undefined;
|
331
|
-
|
324
|
+
state.root.className = undefined;
|
325
|
+
// Reuse react-input's styles without re-using the Input component.
|
332
326
|
useInputStyles_unstable({
|
333
327
|
size,
|
334
328
|
appearance,
|
@@ -341,7 +335,8 @@ export const useSpinButtonStyles_unstable = state => {
|
|
341
335
|
contentAfter: 'span'
|
342
336
|
}
|
343
337
|
});
|
344
|
-
state.root.className = mergeClasses(state.root.className,
|
338
|
+
state.root.className = mergeClasses(state.root.className,
|
339
|
+
// Get the classes from useInputStyles_unstable
|
345
340
|
spinButtonClassNames.root, rootStyles.base, rootStyles[size], appearance === 'outline' && rootStyles.outline, appearance === 'underline' && rootStyles.underline, filled && rootStyles.filled, !disabled && appearance === 'outline' && rootStyles.outlineInteractive, !disabled && appearance === 'underline' && rootStyles.underlineInteractive, !disabled && filled && rootStyles.filledInteractive, !disabled && invalid && rootStyles.invalid, disabled && rootStyles.disabled, rootClassName);
|
346
341
|
state.incrementButton.className = mergeClasses(spinButtonClassNames.incrementButton, spinState === 'up' && `${spinButtonExtraClassNames.buttonActive}`, buttonStyles.base, buttonStyles.incrementButton, buttonStyles[appearance], size === 'small' ? buttonStyles.incrementButtonSmall : buttonStyles.incrementButtonMedium, (atBound === 'max' || atBound === 'both') && buttonDisabledStyles.base, (atBound === 'max' || atBound === 'both') && buttonDisabledStyles[appearance], state.incrementButton.className);
|
347
342
|
state.decrementButton.className = mergeClasses(spinButtonClassNames.decrementButton, spinState === 'down' && `${spinButtonExtraClassNames.buttonActive}`, buttonStyles.base, buttonStyles.decrementButton, buttonStyles[appearance], size === 'small' ? buttonStyles.decrementButtonSmall : buttonStyles.decrementButtonMedium, (atBound === 'min' || atBound === 'both') && buttonDisabledStyles.base, (atBound === 'min' || atBound === 'both') && buttonDisabledStyles[appearance], state.decrementButton.className);
|