@fluentui/react-spinbutton 0.0.0-nightly-20240819-2137.1 → 0.0.0-nightly-20240820-2210.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.md +22 -13
- package/lib/components/SpinButton/useSpinButtonStyles.styles.js +67 -67
- package/lib/components/SpinButton/useSpinButtonStyles.styles.js.map +1 -1
- package/lib-commonjs/components/SpinButton/useSpinButtonStyles.styles.js +142 -142
- package/lib-commonjs/components/SpinButton/useSpinButtonStyles.styles.js.map +1 -1
- package/package.json +10 -10
|
@@ -30,26 +30,26 @@ const fieldHeights = {
|
|
|
30
30
|
small: '24px',
|
|
31
31
|
medium: '32px'
|
|
32
32
|
};
|
|
33
|
-
const useRootClassName = /*#__PURE__*/ (0, _react.__resetStyles)("
|
|
33
|
+
const useRootClassName = /*#__PURE__*/ (0, _react.__resetStyles)("rh2pj7w", "r1re7sna", {
|
|
34
34
|
r: [
|
|
35
|
-
".
|
|
36
|
-
".
|
|
37
|
-
".
|
|
38
|
-
".
|
|
39
|
-
".
|
|
40
|
-
".
|
|
41
|
-
".
|
|
42
|
-
".
|
|
43
|
-
".
|
|
44
|
-
".
|
|
45
|
-
".
|
|
46
|
-
".
|
|
35
|
+
".rh2pj7w{display:inline-grid;grid-template-columns:1fr 24px;grid-template-rows:1fr 1fr;column-gap:var(--1679, var(--1680, var(--spacingHorizontalXS)));row-gap:0;position:relative;isolation:isolate;vertical-align:middle;background-color:var(--1681, var(--1682, var(--colorNeutralBackground1)));min-height:32px;padding:0 0 0 var(--spacingHorizontalMNudge);border-radius:var(--1683, var(--1684, var(--borderRadiusMedium)));}",
|
|
36
|
+
".rh2pj7w::before{content:\"\";box-sizing:border-box;position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:10;border:1px solid var(--colorNeutralStroke1);border-bottom-color:var(--1685, var(--1686, var(--colorNeutralStrokeAccessible)));border-radius:var(--1687, var(--1688, var(--borderRadiusMedium)));}",
|
|
37
|
+
".rh2pj7w::after{box-sizing:border-box;content:\"\";position:absolute;right:0;bottom:0;left:0;z-index:20;height:max(2px, var(--borderRadiusMedium));border-bottom-left-radius:var(--1689, var(--1690, var(--borderRadiusMedium)));border-bottom-right-radius:var(--1691, var(--1692, var(--borderRadiusMedium)));border-bottom:2px solid var(--colorCompoundBrandStroke);clip-path:inset(calc(100% - 2px) 0 0 0);transform:scaleX(0);transition-property:transform;transition-duration:var(--1693, var(--1694, var(--durationUltraFast)));transition-delay:var(--1695, var(--1696, var(--curveAccelerateMid)));}",
|
|
38
|
+
".rh2pj7w:focus-within::after{transform:scaleX(1);transition-property:transform;transition-duration:var(--1697, var(--1698, var(--durationNormal)));transition-delay:var(--1699, var(--1700, var(--curveDecelerateMid)));}",
|
|
39
|
+
".rh2pj7w:focus-within:active::after{border-bottom-color:var(--1701, var(--1702, var(--colorCompoundBrandStrokePressed)));}",
|
|
40
|
+
".rh2pj7w:focus-within{outline:2px solid transparent;}",
|
|
41
|
+
".r1re7sna{display:inline-grid;grid-template-columns:1fr 24px;grid-template-rows:1fr 1fr;column-gap:var(--1679, var(--1680, var(--spacingHorizontalXS)));row-gap:0;position:relative;isolation:isolate;vertical-align:middle;background-color:var(--1681, var(--1682, var(--colorNeutralBackground1)));min-height:32px;padding:0 var(--spacingHorizontalMNudge) 0 0;border-radius:var(--1683, var(--1684, var(--borderRadiusMedium)));}",
|
|
42
|
+
".r1re7sna::before{content:\"\";box-sizing:border-box;position:absolute;top:0;left:0;bottom:0;right:0;pointer-events:none;z-index:10;border:1px solid var(--colorNeutralStroke1);border-bottom-color:var(--1685, var(--1686, var(--colorNeutralStrokeAccessible)));border-radius:var(--1687, var(--1688, var(--borderRadiusMedium)));}",
|
|
43
|
+
".r1re7sna::after{box-sizing:border-box;content:\"\";position:absolute;left:0;bottom:0;right:0;z-index:20;height:max(2px, var(--borderRadiusMedium));border-bottom-right-radius:var(--1689, var(--1690, var(--borderRadiusMedium)));border-bottom-left-radius:var(--1691, var(--1692, var(--borderRadiusMedium)));border-bottom:2px solid var(--colorCompoundBrandStroke);clip-path:inset(calc(100% - 2px) 0 0 0);transform:scaleX(0);transition-property:transform;transition-duration:var(--1693, var(--1694, var(--durationUltraFast)));transition-delay:var(--1695, var(--1696, var(--curveAccelerateMid)));}",
|
|
44
|
+
".r1re7sna:focus-within::after{transform:scaleX(1);transition-property:transform;transition-duration:var(--1697, var(--1698, var(--durationNormal)));transition-delay:var(--1699, var(--1700, var(--curveDecelerateMid)));}",
|
|
45
|
+
".r1re7sna:focus-within:active::after{border-bottom-color:var(--1701, var(--1702, var(--colorCompoundBrandStrokePressed)));}",
|
|
46
|
+
".r1re7sna:focus-within{outline:2px solid transparent;}"
|
|
47
47
|
],
|
|
48
48
|
s: [
|
|
49
|
-
"@media screen and (prefers-reduced-motion: reduce){.
|
|
50
|
-
"@media screen and (prefers-reduced-motion: reduce){.
|
|
51
|
-
"@media screen and (prefers-reduced-motion: reduce){.
|
|
52
|
-
"@media screen and (prefers-reduced-motion: reduce){.
|
|
49
|
+
"@media screen and (prefers-reduced-motion: reduce){.rh2pj7w::after{transition-duration:0.01ms;transition-delay:0.01ms;}}",
|
|
50
|
+
"@media screen and (prefers-reduced-motion: reduce){.rh2pj7w:focus-within::after{transition-duration:0.01ms;transition-delay:0.01ms;}}",
|
|
51
|
+
"@media screen and (prefers-reduced-motion: reduce){.r1re7sna::after{transition-duration:0.01ms;transition-delay:0.01ms;}}",
|
|
52
|
+
"@media screen and (prefers-reduced-motion: reduce){.r1re7sna:focus-within::after{transition-duration:0.01ms;transition-delay:0.01ms;}}"
|
|
53
53
|
]
|
|
54
54
|
});
|
|
55
55
|
const useRootStyles = /*#__PURE__*/ (0, _react.__styles)({
|
|
@@ -60,8 +60,8 @@ const useRootStyles = /*#__PURE__*/ (0, _react.__styles)({
|
|
|
60
60
|
Bhrd7zp: "figsok6",
|
|
61
61
|
Bg96gwp: "fwrc4pm",
|
|
62
62
|
uwmqm3: [
|
|
63
|
-
"
|
|
64
|
-
"
|
|
63
|
+
"f1sx6ail",
|
|
64
|
+
"f1250ga"
|
|
65
65
|
]
|
|
66
66
|
},
|
|
67
67
|
medium: {},
|
|
@@ -72,7 +72,7 @@ const useRootStyles = /*#__PURE__*/ (0, _react.__styles)({
|
|
|
72
72
|
"f1gofhvl",
|
|
73
73
|
"f18htlvq"
|
|
74
74
|
],
|
|
75
|
-
Bx11ytk: "
|
|
75
|
+
Bx11ytk: "f1bad2pt",
|
|
76
76
|
B1rg0w0: [
|
|
77
77
|
"f18htlvq",
|
|
78
78
|
"f1gofhvl"
|
|
@@ -82,7 +82,7 @@ const useRootStyles = /*#__PURE__*/ (0, _react.__styles)({
|
|
|
82
82
|
"fcoc0mf",
|
|
83
83
|
"f15r4wkl"
|
|
84
84
|
],
|
|
85
|
-
xcfy85: "
|
|
85
|
+
xcfy85: "f1l3wxm7",
|
|
86
86
|
Bcc6kan: [
|
|
87
87
|
"f15r4wkl",
|
|
88
88
|
"fcoc0mf"
|
|
@@ -103,16 +103,16 @@ const useRootStyles = /*#__PURE__*/ (0, _react.__styles)({
|
|
|
103
103
|
Budzafs: 0,
|
|
104
104
|
ck0cow: 0,
|
|
105
105
|
n07z76: 0,
|
|
106
|
-
Gng75u: "
|
|
106
|
+
Gng75u: "f1etb4uy"
|
|
107
107
|
},
|
|
108
108
|
underlineInteractive: {
|
|
109
|
-
Bx11ytk: "
|
|
110
|
-
xcfy85: "
|
|
109
|
+
Bx11ytk: "f1lknskg",
|
|
110
|
+
xcfy85: "f189p366",
|
|
111
111
|
d9w3h3: 0,
|
|
112
112
|
B3778ie: 0,
|
|
113
113
|
B4j8arr: 0,
|
|
114
114
|
Bl18szs: 0,
|
|
115
|
-
Blrzh8d: "
|
|
115
|
+
Blrzh8d: "ft2z7b7"
|
|
116
116
|
},
|
|
117
117
|
filled: {
|
|
118
118
|
Bcgcnre: 0,
|
|
@@ -134,10 +134,10 @@ const useRootStyles = /*#__PURE__*/ (0, _react.__styles)({
|
|
|
134
134
|
kj8mxx: "f1kc0wz4"
|
|
135
135
|
},
|
|
136
136
|
"filled-darker": {
|
|
137
|
-
De3pzq: "
|
|
137
|
+
De3pzq: "f180mb56"
|
|
138
138
|
},
|
|
139
139
|
"filled-lighter": {
|
|
140
|
-
De3pzq: "
|
|
140
|
+
De3pzq: "f40f0c1"
|
|
141
141
|
},
|
|
142
142
|
filledInteractive: {
|
|
143
143
|
B05mzqr: "f1xqt08",
|
|
@@ -165,7 +165,7 @@ const useRootStyles = /*#__PURE__*/ (0, _react.__styles)({
|
|
|
165
165
|
},
|
|
166
166
|
disabled: {
|
|
167
167
|
Bceei9c: "fdrzuqr",
|
|
168
|
-
De3pzq: "
|
|
168
|
+
De3pzq: "frnma1a",
|
|
169
169
|
Bq4z7u6: "f1a0lfh7",
|
|
170
170
|
Bk5zm6e: [
|
|
171
171
|
"f1p2ejm6",
|
|
@@ -194,20 +194,20 @@ const useRootStyles = /*#__PURE__*/ (0, _react.__styles)({
|
|
|
194
194
|
".fy9rknc{font-size:var(--fontSizeBase200);}",
|
|
195
195
|
".figsok6{font-weight:var(--fontWeightRegular);}",
|
|
196
196
|
".fwrc4pm{line-height:var(--lineHeightBase200);}",
|
|
197
|
-
".
|
|
198
|
-
".
|
|
197
|
+
".f1sx6ail{padding-left:var(--1703, var(--1704, var(--spacingHorizontalS)));}",
|
|
198
|
+
".f1250ga{padding-right:var(--1703, var(--1704, var(--spacingHorizontalS)));}",
|
|
199
199
|
".f1o236ok::before{border-top-width:0;}",
|
|
200
200
|
".faeg28l::before{border-right-width:0;}",
|
|
201
201
|
".f64aojp::before{border-left-width:0;}",
|
|
202
202
|
".fdw6hkg::before{border-bottom-width:1px;}",
|
|
203
203
|
[
|
|
204
|
-
".
|
|
204
|
+
".f1etb4uy::before{border-radius:var(--1709, var(--1710, var(--borderRadiusNone)));}",
|
|
205
205
|
{
|
|
206
206
|
p: -1
|
|
207
207
|
}
|
|
208
208
|
],
|
|
209
209
|
[
|
|
210
|
-
".
|
|
210
|
+
".ft2z7b7::after{border-radius:var(--1715, var(--1716, var(--borderRadiusNone)));}",
|
|
211
211
|
{
|
|
212
212
|
p: -1
|
|
213
213
|
}
|
|
@@ -218,14 +218,14 @@ const useRootStyles = /*#__PURE__*/ (0, _react.__styles)({
|
|
|
218
218
|
p: -2
|
|
219
219
|
}
|
|
220
220
|
],
|
|
221
|
-
".
|
|
222
|
-
".
|
|
221
|
+
".f180mb56{background-color:var(--1717, var(--1718, var(--colorNeutralBackground3)));}",
|
|
222
|
+
".f40f0c1{background-color:var(--1719, var(--1720, var(--colorNeutralBackground1)));}",
|
|
223
223
|
".fl48pg9:not(:focus-within)::before,.fl48pg9:hover:not(:focus-within)::before{border-top-color:var(--colorPaletteRedBorder2);}",
|
|
224
224
|
".f1a168p3:not(:focus-within)::before,.f1a168p3:hover:not(:focus-within)::before{border-right-color:var(--colorPaletteRedBorder2);}",
|
|
225
225
|
".f1pvdymy:not(:focus-within)::before,.f1pvdymy:hover:not(:focus-within)::before{border-left-color:var(--colorPaletteRedBorder2);}",
|
|
226
226
|
".f11knvgl:not(:focus-within)::before,.f11knvgl:hover:not(:focus-within)::before{border-bottom-color:var(--colorPaletteRedBorder2);}",
|
|
227
227
|
".fdrzuqr{cursor:not-allowed;}",
|
|
228
|
-
".
|
|
228
|
+
".frnma1a{background-color:var(--1721, var(--1722, var(--colorTransparentBackground)));}",
|
|
229
229
|
".f1a0lfh7::before{border-top-color:var(--colorNeutralStrokeDisabled);}",
|
|
230
230
|
".f1p2ejm6::before{border-right-color:var(--colorNeutralStrokeDisabled);}",
|
|
231
231
|
".fmzytvz::before{border-left-color:var(--colorNeutralStrokeDisabled);}",
|
|
@@ -235,8 +235,8 @@ const useRootStyles = /*#__PURE__*/ (0, _react.__styles)({
|
|
|
235
235
|
".f1w2y1rc:hover::before{border-top-color:var(--colorNeutralStroke1Hover);}",
|
|
236
236
|
".f1gofhvl:hover::before{border-right-color:var(--colorNeutralStroke1Hover);}",
|
|
237
237
|
".f18htlvq:hover::before{border-left-color:var(--colorNeutralStroke1Hover);}",
|
|
238
|
-
".
|
|
239
|
-
".
|
|
238
|
+
".f1bad2pt:hover::before{border-bottom-color:var(--1705, var(--1706, var(--colorNeutralStrokeAccessibleHover)));}",
|
|
239
|
+
".f1lknskg:hover::before{border-bottom-color:var(--1711, var(--1712, var(--colorNeutralStrokeAccessibleHover)));}",
|
|
240
240
|
".f1xqt08:hover::before,.f1xqt08:focus-within::before{border-top-color:var(--colorTransparentStrokeInteractive);}",
|
|
241
241
|
".fzt5lgo:hover::before,.fzt5lgo:focus-within::before{border-right-color:var(--colorTransparentStrokeInteractive);}",
|
|
242
242
|
".f8tv3r9:hover::before,.f8tv3r9:focus-within::before{border-left-color:var(--colorTransparentStrokeInteractive);}",
|
|
@@ -246,8 +246,8 @@ const useRootStyles = /*#__PURE__*/ (0, _react.__styles)({
|
|
|
246
246
|
".f6lmxco:active::before,.f6lmxco:focus-within::before{border-top-color:var(--colorNeutralStroke1Pressed);}",
|
|
247
247
|
".fcoc0mf:active::before,.fcoc0mf:focus-within::before{border-right-color:var(--colorNeutralStroke1Pressed);}",
|
|
248
248
|
".f15r4wkl:active::before,.f15r4wkl:focus-within::before{border-left-color:var(--colorNeutralStroke1Pressed);}",
|
|
249
|
-
".
|
|
250
|
-
".
|
|
249
|
+
".f1l3wxm7:active::before,.f1l3wxm7:focus-within::before{border-bottom-color:var(--1707, var(--1708, var(--colorNeutralStrokeAccessiblePressed)));}",
|
|
250
|
+
".f189p366:active::before,.f189p366:focus-within::before{border-bottom-color:var(--1713, var(--1714, var(--colorNeutralStrokeAccessiblePressed)));}"
|
|
251
251
|
],
|
|
252
252
|
m: [
|
|
253
253
|
[
|
|
@@ -270,42 +270,42 @@ const useRootStyles = /*#__PURE__*/ (0, _react.__styles)({
|
|
|
270
270
|
]
|
|
271
271
|
]
|
|
272
272
|
});
|
|
273
|
-
const useInputClassName = /*#__PURE__*/ (0, _react.__resetStyles)("
|
|
274
|
-
".
|
|
275
|
-
".
|
|
276
|
-
".
|
|
277
|
-
".
|
|
273
|
+
const useInputClassName = /*#__PURE__*/ (0, _react.__resetStyles)("ro8hqci", null, [
|
|
274
|
+
".ro8hqci{grid-column-start:1;grid-column-end:2;grid-row-start:1;grid-row-end:3;outline-style:none;border:0;padding:0;color:var(--1723, var(--1724, var(--colorNeutralForeground1)));background-color:transparent;font-family:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;width:100%;}",
|
|
275
|
+
".ro8hqci::-webkit-input-placeholder{color:var(--1725, var(--1726, var(--colorNeutralForeground4)));opacity:1;}",
|
|
276
|
+
".ro8hqci::-moz-placeholder{color:var(--1725, var(--1726, var(--colorNeutralForeground4)));opacity:1;}",
|
|
277
|
+
".ro8hqci::placeholder{color:var(--1725, var(--1726, var(--colorNeutralForeground4)));opacity:1;}"
|
|
278
278
|
]);
|
|
279
279
|
const useInputStyles = /*#__PURE__*/ (0, _react.__styles)({
|
|
280
280
|
disabled: {
|
|
281
|
-
sj55zd: "
|
|
281
|
+
sj55zd: "f1dkgjv9",
|
|
282
282
|
Bceei9c: "fdrzuqr",
|
|
283
|
-
De3pzq: "
|
|
284
|
-
yvdlaj: "
|
|
283
|
+
De3pzq: "f601p4",
|
|
284
|
+
yvdlaj: "f1v02krl"
|
|
285
285
|
}
|
|
286
286
|
}, {
|
|
287
287
|
d: [
|
|
288
|
-
".
|
|
288
|
+
".f1dkgjv9{color:var(--1727, var(--1728, var(--colorNeutralForegroundDisabled)));}",
|
|
289
289
|
".fdrzuqr{cursor:not-allowed;}",
|
|
290
|
-
".
|
|
291
|
-
".
|
|
292
|
-
".
|
|
290
|
+
".f601p4{background-color:var(--1729, var(--1730, var(--colorTransparentBackground)));}",
|
|
291
|
+
".f1v02krl::-webkit-input-placeholder{color:var(--1731, var(--1732, var(--colorNeutralForegroundDisabled)));}",
|
|
292
|
+
".f1v02krl::-moz-placeholder{color:var(--1731, var(--1732, var(--colorNeutralForegroundDisabled)));}"
|
|
293
293
|
]
|
|
294
294
|
});
|
|
295
|
-
const useBaseButtonClassName = /*#__PURE__*/ (0, _react.__resetStyles)("
|
|
296
|
-
".
|
|
297
|
-
".
|
|
298
|
-
".
|
|
299
|
-
".
|
|
300
|
-
".
|
|
301
|
-
".
|
|
295
|
+
const useBaseButtonClassName = /*#__PURE__*/ (0, _react.__resetStyles)("r1ortv9s", null, [
|
|
296
|
+
".r1ortv9s{display:inline-flex;width:24px;align-items:center;justify-content:center;border:0;position:absolute;outline-style:none;height:16px;background-color:transparent;color:var(--1733, var(--1734, var(--colorNeutralForeground3)));grid-column-start:2;border-radius:0;padding:0 5px 0 5px;}",
|
|
297
|
+
".r1ortv9s:active{outline-style:none;}",
|
|
298
|
+
".r1ortv9s:enabled:hover{cursor:pointer;color:var(--1735, var(--1736, var(--colorNeutralForeground3Hover)));background-color:var(--1737, var(--1738, var(--colorSubtleBackgroundHover)));}",
|
|
299
|
+
".r1ortv9s:enabled:active{color:var(--1739, var(--1740, var(--colorNeutralForeground3Pressed)));background-color:var(--1741, var(--1742, var(--colorSubtleBackgroundPressed)));}",
|
|
300
|
+
".r1ortv9s:enabled.fui-SpinButton__button_active{color:var(--1743, var(--1744, var(--colorNeutralForeground3Pressed)));background-color:var(--1745, var(--1746, var(--colorSubtleBackgroundPressed)));}",
|
|
301
|
+
".r1ortv9s:disabled{cursor:not-allowed;color:var(--1747, var(--1748, var(--colorNeutralForegroundDisabled)));}"
|
|
302
302
|
]);
|
|
303
303
|
const useButtonStyles = /*#__PURE__*/ (0, _react.__styles)({
|
|
304
304
|
increment: {
|
|
305
305
|
Ijaq50: "f16hsg94",
|
|
306
306
|
B7oj6ja: [
|
|
307
|
-
"
|
|
308
|
-
"
|
|
307
|
+
"f1enkjru",
|
|
308
|
+
"fc0d0l3"
|
|
309
309
|
],
|
|
310
310
|
z8tnut: "f10ra9hq",
|
|
311
311
|
Byoj8tv: "f1brlhvm"
|
|
@@ -313,8 +313,8 @@ const useButtonStyles = /*#__PURE__*/ (0, _react.__styles)({
|
|
|
313
313
|
decrement: {
|
|
314
314
|
Ijaq50: "faunodf",
|
|
315
315
|
Bbmb7ep: [
|
|
316
|
-
"
|
|
317
|
-
"
|
|
316
|
+
"f1itypd8",
|
|
317
|
+
"f1njhcie"
|
|
318
318
|
],
|
|
319
319
|
z8tnut: "f1sl3k7w",
|
|
320
320
|
Byoj8tv: "f1y2xyjm"
|
|
@@ -344,45 +344,45 @@ const useButtonStyles = /*#__PURE__*/ (0, _react.__styles)({
|
|
|
344
344
|
outline: {},
|
|
345
345
|
underline: {
|
|
346
346
|
De3pzq: "f3rmtva",
|
|
347
|
-
sj55zd: "
|
|
348
|
-
r4wkhp: "
|
|
349
|
-
B95qlz1: "
|
|
350
|
-
p743kt: "
|
|
351
|
-
B7xitij: "
|
|
352
|
-
B6siaa6: "
|
|
353
|
-
Ba9qmo4: "
|
|
354
|
-
Dyrjrp: "
|
|
347
|
+
sj55zd: "fl79i16",
|
|
348
|
+
r4wkhp: "f1sx7h5e",
|
|
349
|
+
B95qlz1: "f18iwgzt",
|
|
350
|
+
p743kt: "f1lq3bel",
|
|
351
|
+
B7xitij: "f1ljbul0",
|
|
352
|
+
B6siaa6: "fjghton",
|
|
353
|
+
Ba9qmo4: "f8vy5o4",
|
|
354
|
+
Dyrjrp: "fzvsvgq"
|
|
355
355
|
},
|
|
356
356
|
"filled-darker": {
|
|
357
357
|
De3pzq: "f3rmtva",
|
|
358
|
-
sj55zd: "
|
|
359
|
-
r4wkhp: "
|
|
360
|
-
B95qlz1: "
|
|
361
|
-
p743kt: "
|
|
362
|
-
B7xitij: "
|
|
363
|
-
B6siaa6: "
|
|
364
|
-
Ba9qmo4: "
|
|
365
|
-
Dyrjrp: "
|
|
358
|
+
sj55zd: "f1289gkm",
|
|
359
|
+
r4wkhp: "f1eyi9o",
|
|
360
|
+
B95qlz1: "f1ycivh3",
|
|
361
|
+
p743kt: "f11ekxri",
|
|
362
|
+
B7xitij: "f1d7dyj1",
|
|
363
|
+
B6siaa6: "f1rb3mog",
|
|
364
|
+
Ba9qmo4: "f13ipcz7",
|
|
365
|
+
Dyrjrp: "flb91bu"
|
|
366
366
|
},
|
|
367
367
|
"filled-lighter": {
|
|
368
368
|
De3pzq: "f3rmtva",
|
|
369
|
-
sj55zd: "
|
|
370
|
-
r4wkhp: "
|
|
371
|
-
B95qlz1: "
|
|
372
|
-
drw0cw: "
|
|
373
|
-
idzz8t: "
|
|
374
|
-
Dyrjrp: "
|
|
369
|
+
sj55zd: "fn4nw2l",
|
|
370
|
+
r4wkhp: "f1inmhgz",
|
|
371
|
+
B95qlz1: "fv10ljp",
|
|
372
|
+
drw0cw: "f3gty43",
|
|
373
|
+
idzz8t: "fuweiaj",
|
|
374
|
+
Dyrjrp: "fd13w83"
|
|
375
375
|
}
|
|
376
376
|
}, {
|
|
377
377
|
d: [
|
|
378
378
|
".f16hsg94{grid-row-start:1;}",
|
|
379
|
-
".
|
|
380
|
-
".
|
|
379
|
+
".f1enkjru{border-top-right-radius:var(--1749, var(--1750, var(--borderRadiusMedium)));}",
|
|
380
|
+
".fc0d0l3{border-top-left-radius:var(--1749, var(--1750, var(--borderRadiusMedium)));}",
|
|
381
381
|
".f10ra9hq{padding-top:4px;}",
|
|
382
382
|
".f1brlhvm{padding-bottom:1px;}",
|
|
383
383
|
".faunodf{grid-row-start:2;}",
|
|
384
|
-
".
|
|
385
|
-
".
|
|
384
|
+
".f1itypd8{border-bottom-right-radius:var(--1751, var(--1752, var(--borderRadiusMedium)));}",
|
|
385
|
+
".f1njhcie{border-bottom-left-radius:var(--1751, var(--1752, var(--borderRadiusMedium)));}",
|
|
386
386
|
".f1sl3k7w{padding-top:1px;}",
|
|
387
387
|
".f1y2xyjm{padding-bottom:4px;}",
|
|
388
388
|
[
|
|
@@ -411,28 +411,28 @@ const useButtonStyles = /*#__PURE__*/ (0, _react.__styles)({
|
|
|
411
411
|
}
|
|
412
412
|
],
|
|
413
413
|
".f3rmtva{background-color:transparent;}",
|
|
414
|
-
".
|
|
415
|
-
".
|
|
416
|
-
".
|
|
417
|
-
".
|
|
418
|
-
".
|
|
419
|
-
".
|
|
420
|
-
".
|
|
421
|
-
".
|
|
422
|
-
".
|
|
423
|
-
".
|
|
424
|
-
".
|
|
425
|
-
".
|
|
426
|
-
".
|
|
427
|
-
".
|
|
428
|
-
".
|
|
429
|
-
".
|
|
430
|
-
".
|
|
431
|
-
".
|
|
432
|
-
".
|
|
433
|
-
".
|
|
434
|
-
".
|
|
435
|
-
".
|
|
414
|
+
".fl79i16{color:var(--1753, var(--1754, var(--colorNeutralForeground3)));}",
|
|
415
|
+
".f1sx7h5e:enabled:hover{color:var(--1755, var(--1756, var(--colorNeutralForeground3Hover)));}",
|
|
416
|
+
".f18iwgzt:enabled:hover{background-color:var(--1757, var(--1758, var(--colorSubtleBackgroundHover)));}",
|
|
417
|
+
".f1lq3bel:enabled:active{color:var(--1759, var(--1760, var(--colorNeutralForeground3Pressed)));}",
|
|
418
|
+
".f1ljbul0:enabled:active{background-color:var(--1761, var(--1762, var(--colorSubtleBackgroundPressed)));}",
|
|
419
|
+
".fjghton:enabled.fui-SpinButton__button_active{color:var(--1763, var(--1764, var(--colorNeutralForeground3Pressed)));}",
|
|
420
|
+
".f8vy5o4:enabled.fui-SpinButton__button_active{background-color:var(--1765, var(--1766, var(--colorSubtleBackgroundPressed)));}",
|
|
421
|
+
".fzvsvgq:disabled{color:var(--1767, var(--1768, var(--colorNeutralForegroundDisabled)));}",
|
|
422
|
+
".f1289gkm{color:var(--1769, var(--1770, var(--colorNeutralForeground3)));}",
|
|
423
|
+
".f1eyi9o:enabled:hover{color:var(--1771, var(--1772, var(--colorNeutralForeground3Hover)));}",
|
|
424
|
+
".f1ycivh3:enabled:hover{background-color:var(--1773, var(--1774, var(--colorNeutralBackground3Hover)));}",
|
|
425
|
+
".f11ekxri:enabled:active{color:var(--1775, var(--1776, var(--colorNeutralForeground3Pressed)));}",
|
|
426
|
+
".f1d7dyj1:enabled:active{background-color:var(--1777, var(--1778, var(--colorNeutralBackground3Pressed)));}",
|
|
427
|
+
".f1rb3mog:enabled.fui-SpinButton__button_active{color:var(--1779, var(--1780, var(--colorNeutralForeground3Pressed)));}",
|
|
428
|
+
".f13ipcz7:enabled.fui-SpinButton__button_active{background-color:var(--1781, var(--1782, var(--colorNeutralBackground3Pressed)));}",
|
|
429
|
+
".flb91bu:disabled{color:var(--1783, var(--1784, var(--colorNeutralForegroundDisabled)));}",
|
|
430
|
+
".fn4nw2l{color:var(--1785, var(--1786, var(--colorNeutralForeground3)));}",
|
|
431
|
+
".f1inmhgz:enabled:hover{color:var(--1787, var(--1788, var(--colorNeutralForeground3Hover)));}",
|
|
432
|
+
".fv10ljp:enabled:hover{background-color:var(--1789, var(--1790, var(--colorNeutralBackground1Hover)));}",
|
|
433
|
+
".f3gty43:enabled:active,.f3gty43:enabled.fui-SpinButton__button_active{color:var(--1791, var(--1792, var(--colorNeutralForeground3Pressed)));}",
|
|
434
|
+
".fuweiaj:enabled:active,.fuweiaj:enabled.fui-SpinButton__button_active{background-color:var(--1793, var(--1794, var(--colorNeutralBackground1Pressed)));}",
|
|
435
|
+
".fd13w83:disabled{color:var(--1795, var(--1796, var(--colorNeutralForegroundDisabled)));}"
|
|
436
436
|
]
|
|
437
437
|
});
|
|
438
438
|
// Cannot just disable button as they need to remain
|
|
@@ -443,63 +443,63 @@ const useButtonDisabledStyles = /*#__PURE__*/ (0, _react.__styles)({
|
|
|
443
443
|
eoavqd: "fphbwmw"
|
|
444
444
|
},
|
|
445
445
|
outline: {
|
|
446
|
-
sj55zd: "
|
|
447
|
-
r4wkhp: "
|
|
446
|
+
sj55zd: "fiid27c",
|
|
447
|
+
r4wkhp: "fz5qnvo",
|
|
448
448
|
B95qlz1: "f110wuh6",
|
|
449
|
-
p743kt: "
|
|
449
|
+
p743kt: "f1hhcf0c",
|
|
450
450
|
B7xitij: "f10404rc",
|
|
451
|
-
B6siaa6: "
|
|
451
|
+
B6siaa6: "f73qtbv",
|
|
452
452
|
Ba9qmo4: "f1snwkb6"
|
|
453
453
|
},
|
|
454
454
|
underline: {
|
|
455
|
-
sj55zd: "
|
|
456
|
-
r4wkhp: "
|
|
455
|
+
sj55zd: "f2pzdli",
|
|
456
|
+
r4wkhp: "f17yl3pb",
|
|
457
457
|
B95qlz1: "f110wuh6",
|
|
458
|
-
p743kt: "
|
|
458
|
+
p743kt: "f1axhou9",
|
|
459
459
|
B7xitij: "f10404rc",
|
|
460
|
-
B6siaa6: "
|
|
460
|
+
B6siaa6: "f9vzv5h",
|
|
461
461
|
Ba9qmo4: "f1snwkb6"
|
|
462
462
|
},
|
|
463
463
|
"filled-darker": {
|
|
464
|
-
sj55zd: "
|
|
465
|
-
r4wkhp: "
|
|
464
|
+
sj55zd: "f16va189",
|
|
465
|
+
r4wkhp: "f1h72h8v",
|
|
466
466
|
B95qlz1: "f110wuh6",
|
|
467
|
-
p743kt: "
|
|
467
|
+
p743kt: "frv3xmz",
|
|
468
468
|
B7xitij: "f10404rc",
|
|
469
|
-
B6siaa6: "
|
|
469
|
+
B6siaa6: "fhyhpye",
|
|
470
470
|
Ba9qmo4: "f1snwkb6"
|
|
471
471
|
},
|
|
472
472
|
"filled-lighter": {
|
|
473
|
-
sj55zd: "
|
|
474
|
-
r4wkhp: "
|
|
473
|
+
sj55zd: "fi86hyn",
|
|
474
|
+
r4wkhp: "fyvm6bq",
|
|
475
475
|
B95qlz1: "f110wuh6",
|
|
476
|
-
p743kt: "
|
|
476
|
+
p743kt: "f1kx767k",
|
|
477
477
|
B7xitij: "f10404rc",
|
|
478
|
-
B6siaa6: "
|
|
478
|
+
B6siaa6: "f1etx616",
|
|
479
479
|
Ba9qmo4: "f1snwkb6"
|
|
480
480
|
}
|
|
481
481
|
}, {
|
|
482
482
|
d: [
|
|
483
483
|
".fdrzuqr{cursor:not-allowed;}",
|
|
484
|
-
".
|
|
485
|
-
".
|
|
484
|
+
".fiid27c{color:var(--1797, var(--1798, var(--colorNeutralForegroundDisabled)));}",
|
|
485
|
+
".fz5qnvo:enabled:hover{color:var(--1799, var(--1800, var(--colorNeutralForegroundDisabled)));}",
|
|
486
486
|
".f110wuh6:enabled:hover{background-color:transparent;}",
|
|
487
|
-
".
|
|
487
|
+
".f1hhcf0c:enabled:active{color:var(--1801, var(--1802, var(--colorNeutralForegroundDisabled)));}",
|
|
488
488
|
".f10404rc:enabled:active{background-color:transparent;}",
|
|
489
|
-
".
|
|
489
|
+
".f73qtbv:enabled.fui-SpinButton__button_active{color:var(--1803, var(--1804, var(--colorNeutralForegroundDisabled)));}",
|
|
490
490
|
".f1snwkb6:enabled.fui-SpinButton__button_active{background-color:transparent;}",
|
|
491
|
-
".
|
|
492
|
-
".
|
|
493
|
-
".
|
|
494
|
-
".
|
|
495
|
-
".
|
|
496
|
-
".
|
|
497
|
-
".
|
|
498
|
-
".
|
|
499
|
-
".
|
|
500
|
-
".
|
|
501
|
-
".
|
|
502
|
-
".
|
|
491
|
+
".f2pzdli{color:var(--1805, var(--1806, var(--colorNeutralForegroundDisabled)));}",
|
|
492
|
+
".f17yl3pb:enabled:hover{color:var(--1807, var(--1808, var(--colorNeutralForegroundDisabled)));}",
|
|
493
|
+
".f1axhou9:enabled:active{color:var(--1809, var(--1810, var(--colorNeutralForegroundDisabled)));}",
|
|
494
|
+
".f9vzv5h:enabled.fui-SpinButton__button_active{color:var(--1811, var(--1812, var(--colorNeutralForegroundDisabled)));}",
|
|
495
|
+
".f16va189{color:var(--1813, var(--1814, var(--colorNeutralForegroundDisabled)));}",
|
|
496
|
+
".f1h72h8v:enabled:hover{color:var(--1815, var(--1816, var(--colorNeutralForegroundDisabled)));}",
|
|
497
|
+
".frv3xmz:enabled:active{color:var(--1817, var(--1818, var(--colorNeutralForegroundDisabled)));}",
|
|
498
|
+
".fhyhpye:enabled.fui-SpinButton__button_active{color:var(--1819, var(--1820, var(--colorNeutralForegroundDisabled)));}",
|
|
499
|
+
".fi86hyn{color:var(--1821, var(--1822, var(--colorNeutralForegroundDisabled)));}",
|
|
500
|
+
".fyvm6bq:enabled:hover{color:var(--1823, var(--1824, var(--colorNeutralForegroundDisabled)));}",
|
|
501
|
+
".f1kx767k:enabled:active{color:var(--1825, var(--1826, var(--colorNeutralForegroundDisabled)));}",
|
|
502
|
+
".f1etx616:enabled.fui-SpinButton__button_active{color:var(--1827, var(--1828, var(--colorNeutralForegroundDisabled)));}"
|
|
503
503
|
],
|
|
504
504
|
h: [
|
|
505
505
|
".fphbwmw:hover{cursor:not-allowed;}"
|