@fluentui/react-spinbutton 0.0.0-nightly-20230103-0425.1 → 0.0.0-nightly-20230105-0425.1
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 +76 -17
- package/CHANGELOG.md +25 -11
- package/lib/components/SpinButton/useSpinButtonStyles.js +243 -243
- package/lib-commonjs/components/SpinButton/useSpinButtonStyles.js +243 -243
- package/package.json +9 -9
|
@@ -17,296 +17,296 @@ const spinButtonExtraClassNames = {
|
|
|
17
17
|
buttonActive: 'fui-SpinButton__button_active'
|
|
18
18
|
};
|
|
19
19
|
const useRootStyles = /*#__PURE__*/react_1.__styles({
|
|
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
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
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"
|
|
50
50
|
},
|
|
51
|
-
|
|
52
|
-
|
|
51
|
+
small: {
|
|
52
|
+
uwmqm3: ["f1f5gg8d", "f1vdfbxk"]
|
|
53
53
|
},
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
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"]
|
|
68
68
|
},
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
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"]
|
|
78
78
|
},
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
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"
|
|
87
87
|
},
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
88
|
+
underlineInteractive: {
|
|
89
|
+
Bx11ytk: "ffcnd28",
|
|
90
|
+
xcfy85: "f1ipdth8"
|
|
91
91
|
},
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
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"]
|
|
105
105
|
},
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
106
|
+
filledInteractive: {
|
|
107
|
+
B05mzqr: "f1xqt08",
|
|
108
|
+
tb9y6h: ["fzt5lgo", "f8tv3r9"],
|
|
109
|
+
jcehpj: "fyhrops",
|
|
110
|
+
B23o0hn: ["f8tv3r9", "fzt5lgo"]
|
|
111
111
|
},
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
112
|
+
invalid: {
|
|
113
|
+
emecyz: "fl48pg9",
|
|
114
|
+
lz0pba: ["f1a168p3", "f1pvdymy"],
|
|
115
|
+
Bo1k74p: "f11knvgl",
|
|
116
|
+
Ba322q7: ["f1pvdymy", "f1a168p3"]
|
|
117
117
|
},
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
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"]
|
|
127
127
|
}
|
|
128
128
|
}, {
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
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)"
|
|
134
134
|
}], ["@media (forced-colors: active){.f1lclws::before{border-right-color:GrayText;}.frjp63v::before{border-left-color:GrayText;}}", {
|
|
135
|
-
|
|
135
|
+
m: "(forced-colors: active)"
|
|
136
136
|
}], ["@media (forced-colors: active){.f1yv9wnt::before{border-bottom-color:GrayText;}}", {
|
|
137
|
-
|
|
137
|
+
m: "(forced-colors: active)"
|
|
138
138
|
}], ["@media (forced-colors: active){.frjp63v::before{border-left-color:GrayText;}.f1lclws::before{border-right-color:GrayText;}}", {
|
|
139
|
-
|
|
139
|
+
m: "(forced-colors: active)"
|
|
140
140
|
}]]
|
|
141
141
|
});
|
|
142
142
|
const useInputStyles = /*#__PURE__*/react_1.__styles({
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
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"]
|
|
153
153
|
}
|
|
154
154
|
}, {
|
|
155
|
-
|
|
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;}"]
|
|
156
156
|
});
|
|
157
157
|
const useButtonStyles = /*#__PURE__*/react_1.__styles({
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
|
|
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"
|
|
173
173
|
},
|
|
174
|
-
|
|
175
|
-
|
|
176
|
-
|
|
177
|
-
|
|
178
|
-
|
|
179
|
-
|
|
180
|
-
|
|
181
|
-
|
|
182
|
-
|
|
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"]
|
|
183
183
|
},
|
|
184
|
-
|
|
185
|
-
|
|
186
|
-
|
|
187
|
-
|
|
188
|
-
|
|
184
|
+
incrementButtonSmall: {
|
|
185
|
+
z8tnut: "f1khb0e9",
|
|
186
|
+
z189sj: ["f1sgzk6v", "f1bg5zqg"],
|
|
187
|
+
Byoj8tv: "f1ov4xf1",
|
|
188
|
+
uwmqm3: ["fycuoez", "f8wuabp"]
|
|
189
189
|
},
|
|
190
|
-
|
|
191
|
-
|
|
192
|
-
|
|
193
|
-
|
|
194
|
-
|
|
190
|
+
incrementButtonMedium: {
|
|
191
|
+
z8tnut: "f10ra9hq",
|
|
192
|
+
z189sj: ["fwiuce9", "f15vdbe4"],
|
|
193
|
+
Byoj8tv: "f1brlhvm",
|
|
194
|
+
uwmqm3: ["f15vdbe4", "fwiuce9"]
|
|
195
195
|
},
|
|
196
|
-
|
|
197
|
-
|
|
198
|
-
|
|
199
|
-
|
|
200
|
-
|
|
201
|
-
|
|
202
|
-
|
|
203
|
-
|
|
204
|
-
|
|
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"]
|
|
205
205
|
},
|
|
206
|
-
|
|
207
|
-
|
|
208
|
-
|
|
209
|
-
|
|
210
|
-
|
|
206
|
+
decrementButtonSmall: {
|
|
207
|
+
z8tnut: "f1nbblvp",
|
|
208
|
+
z189sj: ["f1sgzk6v", "f1bg5zqg"],
|
|
209
|
+
Byoj8tv: "f1jnq6q7",
|
|
210
|
+
uwmqm3: ["fycuoez", "f8wuabp"]
|
|
211
211
|
},
|
|
212
|
-
|
|
213
|
-
|
|
214
|
-
|
|
215
|
-
|
|
216
|
-
|
|
212
|
+
decrementButtonMedium: {
|
|
213
|
+
z8tnut: "f1sl3k7w",
|
|
214
|
+
z189sj: ["fwiuce9", "f15vdbe4"],
|
|
215
|
+
Byoj8tv: "f1y2xyjm",
|
|
216
|
+
uwmqm3: ["f15vdbe4", "fwiuce9"]
|
|
217
217
|
},
|
|
218
|
-
|
|
219
|
-
|
|
220
|
-
|
|
221
|
-
|
|
222
|
-
|
|
223
|
-
|
|
224
|
-
|
|
225
|
-
|
|
226
|
-
|
|
227
|
-
|
|
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"
|
|
228
228
|
},
|
|
229
|
-
|
|
230
|
-
|
|
231
|
-
|
|
232
|
-
|
|
233
|
-
|
|
234
|
-
|
|
235
|
-
|
|
236
|
-
|
|
237
|
-
|
|
238
|
-
|
|
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"
|
|
239
239
|
},
|
|
240
240
|
"filled-darker": {
|
|
241
|
-
|
|
242
|
-
|
|
243
|
-
|
|
244
|
-
|
|
245
|
-
|
|
246
|
-
|
|
247
|
-
|
|
248
|
-
|
|
249
|
-
|
|
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"
|
|
250
250
|
},
|
|
251
251
|
"filled-lighter": {
|
|
252
|
-
|
|
253
|
-
|
|
254
|
-
|
|
255
|
-
|
|
256
|
-
|
|
257
|
-
|
|
258
|
-
|
|
252
|
+
De3pzq: "f3rmtva",
|
|
253
|
+
sj55zd: "f11d4kpn",
|
|
254
|
+
r4wkhp: "f1no7wuu",
|
|
255
|
+
B95qlz1: "f1yywxnv",
|
|
256
|
+
drw0cw: "fzaa11h",
|
|
257
|
+
idzz8t: "f4fpmm9",
|
|
258
|
+
Dyrjrp: "f1cqwcg4"
|
|
259
259
|
}
|
|
260
260
|
}, {
|
|
261
|
-
|
|
262
|
-
|
|
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
263
|
});
|
|
264
264
|
// Cannot just disable button as they need to remain
|
|
265
265
|
// exposed to ATs like screen readers.
|
|
266
266
|
const useButtonDisabledStyles = /*#__PURE__*/react_1.__styles({
|
|
267
|
-
|
|
268
|
-
|
|
269
|
-
|
|
267
|
+
base: {
|
|
268
|
+
Bceei9c: "fdrzuqr",
|
|
269
|
+
eoavqd: "fphbwmw"
|
|
270
270
|
},
|
|
271
|
-
|
|
272
|
-
|
|
273
|
-
|
|
274
|
-
|
|
275
|
-
|
|
276
|
-
|
|
277
|
-
|
|
278
|
-
|
|
271
|
+
outline: {
|
|
272
|
+
sj55zd: "f1s2aq7o",
|
|
273
|
+
r4wkhp: "few7wvn",
|
|
274
|
+
B95qlz1: "f110wuh6",
|
|
275
|
+
p743kt: "f9s4mys",
|
|
276
|
+
B7xitij: "f10404rc",
|
|
277
|
+
B6siaa6: "fwzu9cz",
|
|
278
|
+
Ba9qmo4: "f1snwkb6"
|
|
279
279
|
},
|
|
280
|
-
|
|
281
|
-
|
|
282
|
-
|
|
283
|
-
|
|
284
|
-
|
|
285
|
-
|
|
286
|
-
|
|
287
|
-
|
|
280
|
+
underline: {
|
|
281
|
+
sj55zd: "f1s2aq7o",
|
|
282
|
+
r4wkhp: "few7wvn",
|
|
283
|
+
B95qlz1: "f110wuh6",
|
|
284
|
+
p743kt: "f9s4mys",
|
|
285
|
+
B7xitij: "f10404rc",
|
|
286
|
+
B6siaa6: "fwzu9cz",
|
|
287
|
+
Ba9qmo4: "f1snwkb6"
|
|
288
288
|
},
|
|
289
289
|
"filled-darker": {
|
|
290
|
-
|
|
291
|
-
|
|
292
|
-
|
|
293
|
-
|
|
294
|
-
|
|
295
|
-
|
|
296
|
-
|
|
290
|
+
sj55zd: "f1s2aq7o",
|
|
291
|
+
r4wkhp: "few7wvn",
|
|
292
|
+
B95qlz1: "f110wuh6",
|
|
293
|
+
p743kt: "f9s4mys",
|
|
294
|
+
B7xitij: "f10404rc",
|
|
295
|
+
B6siaa6: "fwzu9cz",
|
|
296
|
+
Ba9qmo4: "f1snwkb6"
|
|
297
297
|
},
|
|
298
298
|
"filled-lighter": {
|
|
299
|
-
|
|
300
|
-
|
|
301
|
-
|
|
302
|
-
|
|
303
|
-
|
|
304
|
-
|
|
305
|
-
|
|
299
|
+
sj55zd: "f1s2aq7o",
|
|
300
|
+
r4wkhp: "few7wvn",
|
|
301
|
+
B95qlz1: "f110wuh6",
|
|
302
|
+
p743kt: "f9s4mys",
|
|
303
|
+
B7xitij: "f10404rc",
|
|
304
|
+
B6siaa6: "fwzu9cz",
|
|
305
|
+
Ba9qmo4: "f1snwkb6"
|
|
306
306
|
}
|
|
307
307
|
}, {
|
|
308
|
-
|
|
309
|
-
|
|
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;}"]
|
|
310
310
|
});
|
|
311
311
|
/**
|
|
312
312
|
* Apply styling to the SpinButton slots based on the state
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@fluentui/react-spinbutton",
|
|
3
|
-
"version": "0.0.0-nightly-
|
|
3
|
+
"version": "0.0.0-nightly-20230105-0425.1",
|
|
4
4
|
"description": "Fluent UI React SpinButton component.",
|
|
5
5
|
"main": "lib-commonjs/index.js",
|
|
6
6
|
"module": "lib/index.js",
|
|
@@ -27,18 +27,18 @@
|
|
|
27
27
|
"devDependencies": {
|
|
28
28
|
"@fluentui/eslint-plugin": "*",
|
|
29
29
|
"@fluentui/react-conformance": "*",
|
|
30
|
-
"@fluentui/react-conformance-griffel": "0.0.0-nightly-
|
|
31
|
-
"@fluentui/react-label": "0.0.0-nightly-
|
|
30
|
+
"@fluentui/react-conformance-griffel": "0.0.0-nightly-20230105-0425.1",
|
|
31
|
+
"@fluentui/react-label": "0.0.0-nightly-20230105-0425.1",
|
|
32
32
|
"@fluentui/scripts": "*"
|
|
33
33
|
},
|
|
34
34
|
"dependencies": {
|
|
35
|
-
"@griffel/react": "^1.
|
|
36
|
-
"@fluentui/keyboard-keys": "0.0.0-nightly-
|
|
37
|
-
"@fluentui/react-field": "0.0.0-nightly-
|
|
35
|
+
"@griffel/react": "^1.5.2",
|
|
36
|
+
"@fluentui/keyboard-keys": "0.0.0-nightly-20230105-0425.1",
|
|
37
|
+
"@fluentui/react-field": "0.0.0-nightly-20230105-0425.1",
|
|
38
38
|
"@fluentui/react-icons": "^2.0.175",
|
|
39
|
-
"@fluentui/react-input": "0.0.0-nightly-
|
|
40
|
-
"@fluentui/react-theme": "0.0.0-nightly-
|
|
41
|
-
"@fluentui/react-utilities": "0.0.0-nightly-
|
|
39
|
+
"@fluentui/react-input": "0.0.0-nightly-20230105-0425.1",
|
|
40
|
+
"@fluentui/react-theme": "0.0.0-nightly-20230105-0425.1",
|
|
41
|
+
"@fluentui/react-utilities": "0.0.0-nightly-20230105-0425.1",
|
|
42
42
|
"tslib": "^2.1.0"
|
|
43
43
|
},
|
|
44
44
|
"peerDependencies": {
|