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