@fluentui/react-spinbutton 0.0.0-nightly-20240819-2052.1 → 0.0.0-nightly-20240819-2137.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.
Files changed (6) hide show
  1. package/CHANGELOG.md +13 -22
  2. package/lib/components/SpinButton/useSpinButtonStyles.styles.js +67 -67
  3. package/lib/components/SpinButton/useSpinButtonStyles.styles.js.map +1 -1
  4. package/lib-commonjs/components/SpinButton/useSpinButtonStyles.styles.js +142 -142
  5. package/lib-commonjs/components/SpinButton/useSpinButtonStyles.styles.js.map +1 -1
  6. package/package.json +10 -10
package/lib-commonjs/components/SpinButton/useSpinButtonStyles.styles.js CHANGED
@@ -30,26 +30,26 @@ const fieldHeights = {
30
30
  small: '24px',
31
31
  medium: '32px'
32
32
  };
33
- const useRootClassName = /*#__PURE__*/ (0, _react.__resetStyles)("rh2pj7w", "r1re7sna", {
33
+ const useRootClassName = /*#__PURE__*/ (0, _react.__resetStyles)("rh3jdeq", "r5s979w", {
34
34
  r: [
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;}"
35
+ ".rh3jdeq{display:inline-grid;grid-template-columns:1fr 24px;grid-template-rows:1fr 1fr;column-gap:var(--ctrl-token-SpinButton-1679, var(--semantic-token-SpinButton-1680, var(--spacingHorizontalXS)));row-gap:0;position:relative;isolation:isolate;vertical-align:middle;background-color:var(--ctrl-token-SpinButton-1681, var(--semantic-token-SpinButton-1682, var(--colorNeutralBackground1)));min-height:32px;padding:0 0 0 var(--spacingHorizontalMNudge);border-radius:var(--ctrl-token-SpinButton-1683, var(--semantic-token-SpinButton-1684, var(--borderRadiusMedium)));}",
36
+ ".rh3jdeq::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(--ctrl-token-SpinButton-1685, var(--semantic-token-SpinButton-1686, var(--colorNeutralStrokeAccessible)));border-radius:var(--ctrl-token-SpinButton-1687, var(--semantic-token-SpinButton-1688, var(--borderRadiusMedium)));}",
37
+ ".rh3jdeq::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(--ctrl-token-SpinButton-1689, var(--semantic-token-SpinButton-1690, var(--borderRadiusMedium)));border-bottom-right-radius:var(--ctrl-token-SpinButton-1691, var(--semantic-token-SpinButton-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(--ctrl-token-SpinButton-1693, var(--semantic-token-SpinButton-1694, var(--durationUltraFast)));transition-delay:var(--ctrl-token-SpinButton-1695, var(--semantic-token-SpinButton-1696, var(--curveAccelerateMid)));}",
38
+ ".rh3jdeq:focus-within::after{transform:scaleX(1);transition-property:transform;transition-duration:var(--ctrl-token-SpinButton-1697, var(--semantic-token-SpinButton-1698, var(--durationNormal)));transition-delay:var(--ctrl-token-SpinButton-1699, var(--semantic-token-SpinButton-1700, var(--curveDecelerateMid)));}",
39
+ ".rh3jdeq:focus-within:active::after{border-bottom-color:var(--ctrl-token-SpinButton-1701, var(--semantic-token-SpinButton-1702, var(--colorCompoundBrandStrokePressed)));}",
40
+ ".rh3jdeq:focus-within{outline:2px solid transparent;}",
41
+ ".r5s979w{display:inline-grid;grid-template-columns:1fr 24px;grid-template-rows:1fr 1fr;column-gap:var(--ctrl-token-SpinButton-1679, var(--semantic-token-SpinButton-1680, var(--spacingHorizontalXS)));row-gap:0;position:relative;isolation:isolate;vertical-align:middle;background-color:var(--ctrl-token-SpinButton-1681, var(--semantic-token-SpinButton-1682, var(--colorNeutralBackground1)));min-height:32px;padding:0 var(--spacingHorizontalMNudge) 0 0;border-radius:var(--ctrl-token-SpinButton-1683, var(--semantic-token-SpinButton-1684, var(--borderRadiusMedium)));}",
42
+ ".r5s979w::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(--ctrl-token-SpinButton-1685, var(--semantic-token-SpinButton-1686, var(--colorNeutralStrokeAccessible)));border-radius:var(--ctrl-token-SpinButton-1687, var(--semantic-token-SpinButton-1688, var(--borderRadiusMedium)));}",
43
+ ".r5s979w::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(--ctrl-token-SpinButton-1689, var(--semantic-token-SpinButton-1690, var(--borderRadiusMedium)));border-bottom-left-radius:var(--ctrl-token-SpinButton-1691, var(--semantic-token-SpinButton-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(--ctrl-token-SpinButton-1693, var(--semantic-token-SpinButton-1694, var(--durationUltraFast)));transition-delay:var(--ctrl-token-SpinButton-1695, var(--semantic-token-SpinButton-1696, var(--curveAccelerateMid)));}",
44
+ ".r5s979w:focus-within::after{transform:scaleX(1);transition-property:transform;transition-duration:var(--ctrl-token-SpinButton-1697, var(--semantic-token-SpinButton-1698, var(--durationNormal)));transition-delay:var(--ctrl-token-SpinButton-1699, var(--semantic-token-SpinButton-1700, var(--curveDecelerateMid)));}",
45
+ ".r5s979w:focus-within:active::after{border-bottom-color:var(--ctrl-token-SpinButton-1701, var(--semantic-token-SpinButton-1702, var(--colorCompoundBrandStrokePressed)));}",
46
+ ".r5s979w:focus-within{outline:2px solid transparent;}"
47
47
  ],
48
48
  s: [
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;}}"
49
+ "@media screen and (prefers-reduced-motion: reduce){.rh3jdeq::after{transition-duration:0.01ms;transition-delay:0.01ms;}}",
50
+ "@media screen and (prefers-reduced-motion: reduce){.rh3jdeq:focus-within::after{transition-duration:0.01ms;transition-delay:0.01ms;}}",
51
+ "@media screen and (prefers-reduced-motion: reduce){.r5s979w::after{transition-duration:0.01ms;transition-delay:0.01ms;}}",
52
+ "@media screen and (prefers-reduced-motion: reduce){.r5s979w: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
- "f1sx6ail",
64
- "f1250ga"
63
+ "f1j8zwyv",
64
+ "f1vlli27"
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: "f1bad2pt",
75
+ Bx11ytk: "f1lfd2ic",
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: "f1l3wxm7",
85
+ xcfy85: "f1v3sfeo",
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: "f1etb4uy"
106
+ Gng75u: "f1dg5oo6"
107
107
  },
108
108
  underlineInteractive: {
109
- Bx11ytk: "f1lknskg",
110
- xcfy85: "f189p366",
109
+ Bx11ytk: "f1iwfssu",
110
+ xcfy85: "f1qekkkg",
111
111
  d9w3h3: 0,
112
112
  B3778ie: 0,
113
113
  B4j8arr: 0,
114
114
  Bl18szs: 0,
115
- Blrzh8d: "ft2z7b7"
115
+ Blrzh8d: "f1se4ths"
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: "f180mb56"
137
+ De3pzq: "f1e5utr6"
138
138
  },
139
139
  "filled-lighter": {
140
- De3pzq: "f40f0c1"
140
+ De3pzq: "fcco06x"
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: "frnma1a",
168
+ De3pzq: "f15wxwvh",
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
- ".f1sx6ail{padding-left:var(--1703, var(--1704, var(--spacingHorizontalS)));}",
198
- ".f1250ga{padding-right:var(--1703, var(--1704, var(--spacingHorizontalS)));}",
197
+ ".f1j8zwyv{padding-left:var(--ctrl-token-SpinButton-1703, var(--semantic-token-SpinButton-1704, var(--spacingHorizontalS)));}",
198
+ ".f1vlli27{padding-right:var(--ctrl-token-SpinButton-1703, var(--semantic-token-SpinButton-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
- ".f1etb4uy::before{border-radius:var(--1709, var(--1710, var(--borderRadiusNone)));}",
204
+ ".f1dg5oo6::before{border-radius:var(--ctrl-token-SpinButton-1709, var(--semantic-token-SpinButton-1710, var(--borderRadiusNone)));}",
205
205
  {
206
206
  p: -1
207
207
  }
208
208
  ],
209
209
  [
210
- ".ft2z7b7::after{border-radius:var(--1715, var(--1716, var(--borderRadiusNone)));}",
210
+ ".f1se4ths::after{border-radius:var(--ctrl-token-SpinButton-1715, var(--semantic-token-SpinButton-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
- ".f180mb56{background-color:var(--1717, var(--1718, var(--colorNeutralBackground3)));}",
222
- ".f40f0c1{background-color:var(--1719, var(--1720, var(--colorNeutralBackground1)));}",
221
+ ".f1e5utr6{background-color:var(--ctrl-token-SpinButton-1717, var(--semantic-token-SpinButton-1718, var(--colorNeutralBackground3)));}",
222
+ ".fcco06x{background-color:var(--ctrl-token-SpinButton-1719, var(--semantic-token-SpinButton-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
- ".frnma1a{background-color:var(--1721, var(--1722, var(--colorTransparentBackground)));}",
228
+ ".f15wxwvh{background-color:var(--ctrl-token-SpinButton-1721, var(--semantic-token-SpinButton-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
- ".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)));}",
238
+ ".f1lfd2ic:hover::before{border-bottom-color:var(--ctrl-token-SpinButton-1705, var(--semantic-token-SpinButton-1706, var(--colorNeutralStrokeAccessibleHover)));}",
239
+ ".f1iwfssu:hover::before{border-bottom-color:var(--ctrl-token-SpinButton-1711, var(--semantic-token-SpinButton-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
- ".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)));}"
249
+ ".f1v3sfeo:active::before,.f1v3sfeo:focus-within::before{border-bottom-color:var(--ctrl-token-SpinButton-1707, var(--semantic-token-SpinButton-1708, var(--colorNeutralStrokeAccessiblePressed)));}",
250
+ ".f1qekkkg:active::before,.f1qekkkg:focus-within::before{border-bottom-color:var(--ctrl-token-SpinButton-1713, var(--semantic-token-SpinButton-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)("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;}"
273
+ const useInputClassName = /*#__PURE__*/ (0, _react.__resetStyles)("r2hmsw2", null, [
274
+ ".r2hmsw2{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(--ctrl-token-SpinButton-1723, var(--semantic-token-SpinButton-1724, var(--colorNeutralForeground1)));background-color:transparent;font-family:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;width:100%;}",
275
+ ".r2hmsw2::-webkit-input-placeholder{color:var(--ctrl-token-SpinButton-1725, var(--semantic-token-SpinButton-1726, var(--colorNeutralForeground4)));opacity:1;}",
276
+ ".r2hmsw2::-moz-placeholder{color:var(--ctrl-token-SpinButton-1725, var(--semantic-token-SpinButton-1726, var(--colorNeutralForeground4)));opacity:1;}",
277
+ ".r2hmsw2::placeholder{color:var(--ctrl-token-SpinButton-1725, var(--semantic-token-SpinButton-1726, var(--colorNeutralForeground4)));opacity:1;}"
278
278
  ]);
279
279
  const useInputStyles = /*#__PURE__*/ (0, _react.__styles)({
280
280
  disabled: {
281
- sj55zd: "f1dkgjv9",
281
+ sj55zd: "f1xwzfv3",
282
282
  Bceei9c: "fdrzuqr",
283
- De3pzq: "f601p4",
284
- yvdlaj: "f1v02krl"
283
+ De3pzq: "fwiaa8s",
284
+ yvdlaj: "fv3kiq7"
285
285
  }
286
286
  }, {
287
287
  d: [
288
- ".f1dkgjv9{color:var(--1727, var(--1728, var(--colorNeutralForegroundDisabled)));}",
288
+ ".f1xwzfv3{color:var(--ctrl-token-SpinButton-1727, var(--semantic-token-SpinButton-1728, var(--colorNeutralForegroundDisabled)));}",
289
289
  ".fdrzuqr{cursor:not-allowed;}",
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)));}"
290
+ ".fwiaa8s{background-color:var(--ctrl-token-SpinButton-1729, var(--semantic-token-SpinButton-1730, var(--colorTransparentBackground)));}",
291
+ ".fv3kiq7::-webkit-input-placeholder{color:var(--ctrl-token-SpinButton-1731, var(--semantic-token-SpinButton-1732, var(--colorNeutralForegroundDisabled)));}",
292
+ ".fv3kiq7::-moz-placeholder{color:var(--ctrl-token-SpinButton-1731, var(--semantic-token-SpinButton-1732, var(--colorNeutralForegroundDisabled)));}"
293
293
  ]
294
294
  });
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)));}"
295
+ const useBaseButtonClassName = /*#__PURE__*/ (0, _react.__resetStyles)("r1bfueos", null, [
296
+ ".r1bfueos{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(--ctrl-token-SpinButton-1733, var(--semantic-token-SpinButton-1734, var(--colorNeutralForeground3)));grid-column-start:2;border-radius:0;padding:0 5px 0 5px;}",
297
+ ".r1bfueos:active{outline-style:none;}",
298
+ ".r1bfueos:enabled:hover{cursor:pointer;color:var(--ctrl-token-SpinButton-1735, var(--semantic-token-SpinButton-1736, var(--colorNeutralForeground3Hover)));background-color:var(--ctrl-token-SpinButton-1737, var(--semantic-token-SpinButton-1738, var(--colorSubtleBackgroundHover)));}",
299
+ ".r1bfueos:enabled:active{color:var(--ctrl-token-SpinButton-1739, var(--semantic-token-SpinButton-1740, var(--colorNeutralForeground3Pressed)));background-color:var(--ctrl-token-SpinButton-1741, var(--semantic-token-SpinButton-1742, var(--colorSubtleBackgroundPressed)));}",
300
+ ".r1bfueos:enabled.fui-SpinButton__button_active{color:var(--ctrl-token-SpinButton-1743, var(--semantic-token-SpinButton-1744, var(--colorNeutralForeground3Pressed)));background-color:var(--ctrl-token-SpinButton-1745, var(--semantic-token-SpinButton-1746, var(--colorSubtleBackgroundPressed)));}",
301
+ ".r1bfueos:disabled{cursor:not-allowed;color:var(--ctrl-token-SpinButton-1747, var(--semantic-token-SpinButton-1748, var(--colorNeutralForegroundDisabled)));}"
302
302
  ]);
303
303
  const useButtonStyles = /*#__PURE__*/ (0, _react.__styles)({
304
304
  increment: {
305
305
  Ijaq50: "f16hsg94",
306
306
  B7oj6ja: [
307
- "f1enkjru",
308
- "fc0d0l3"
307
+ "f14jfzwc",
308
+ "f1p51xtu"
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
- "f1itypd8",
317
- "f1njhcie"
316
+ "f1gl9ztj",
317
+ "fekja2g"
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: "fl79i16",
348
- r4wkhp: "f1sx7h5e",
349
- B95qlz1: "f18iwgzt",
350
- p743kt: "f1lq3bel",
351
- B7xitij: "f1ljbul0",
352
- B6siaa6: "fjghton",
353
- Ba9qmo4: "f8vy5o4",
354
- Dyrjrp: "fzvsvgq"
347
+ sj55zd: "ftjtjgg",
348
+ r4wkhp: "fmxr6h1",
349
+ B95qlz1: "f159rbb9",
350
+ p743kt: "f1f61phu",
351
+ B7xitij: "f11bru7e",
352
+ B6siaa6: "f1wnbjcb",
353
+ Ba9qmo4: "f19zu09e",
354
+ Dyrjrp: "f59gf7h"
355
355
  },
356
356
  "filled-darker": {
357
357
  De3pzq: "f3rmtva",
358
- sj55zd: "f1289gkm",
359
- r4wkhp: "f1eyi9o",
360
- B95qlz1: "f1ycivh3",
361
- p743kt: "f11ekxri",
362
- B7xitij: "f1d7dyj1",
363
- B6siaa6: "f1rb3mog",
364
- Ba9qmo4: "f13ipcz7",
365
- Dyrjrp: "flb91bu"
358
+ sj55zd: "ftz87y7",
359
+ r4wkhp: "fyzdehd",
360
+ B95qlz1: "f1t0huit",
361
+ p743kt: "fqvhx9d",
362
+ B7xitij: "f52eh0d",
363
+ B6siaa6: "fzhlmla",
364
+ Ba9qmo4: "f3v2m6a",
365
+ Dyrjrp: "f50q7fd"
366
366
  },
367
367
  "filled-lighter": {
368
368
  De3pzq: "f3rmtva",
369
- sj55zd: "fn4nw2l",
370
- r4wkhp: "f1inmhgz",
371
- B95qlz1: "fv10ljp",
372
- drw0cw: "f3gty43",
373
- idzz8t: "fuweiaj",
374
- Dyrjrp: "fd13w83"
369
+ sj55zd: "ff0mds",
370
+ r4wkhp: "fc4lrwn",
371
+ B95qlz1: "fwg3vk8",
372
+ drw0cw: "fzac2m3",
373
+ idzz8t: "fdfsw6w",
374
+ Dyrjrp: "f9zhxxo"
375
375
  }
376
376
  }, {
377
377
  d: [
378
378
  ".f16hsg94{grid-row-start:1;}",
379
- ".f1enkjru{border-top-right-radius:var(--1749, var(--1750, var(--borderRadiusMedium)));}",
380
- ".fc0d0l3{border-top-left-radius:var(--1749, var(--1750, var(--borderRadiusMedium)));}",
379
+ ".f14jfzwc{border-top-right-radius:var(--ctrl-token-SpinButton-1749, var(--semantic-token-SpinButton-1750, var(--borderRadiusMedium)));}",
380
+ ".f1p51xtu{border-top-left-radius:var(--ctrl-token-SpinButton-1749, var(--semantic-token-SpinButton-1750, var(--borderRadiusMedium)));}",
381
381
  ".f10ra9hq{padding-top:4px;}",
382
382
  ".f1brlhvm{padding-bottom:1px;}",
383
383
  ".faunodf{grid-row-start:2;}",
384
- ".f1itypd8{border-bottom-right-radius:var(--1751, var(--1752, var(--borderRadiusMedium)));}",
385
- ".f1njhcie{border-bottom-left-radius:var(--1751, var(--1752, var(--borderRadiusMedium)));}",
384
+ ".f1gl9ztj{border-bottom-right-radius:var(--ctrl-token-SpinButton-1751, var(--semantic-token-SpinButton-1752, var(--borderRadiusMedium)));}",
385
+ ".fekja2g{border-bottom-left-radius:var(--ctrl-token-SpinButton-1751, var(--semantic-token-SpinButton-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
- ".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)));}"
414
+ ".ftjtjgg{color:var(--ctrl-token-SpinButton-1753, var(--semantic-token-SpinButton-1754, var(--colorNeutralForeground3)));}",
415
+ ".fmxr6h1:enabled:hover{color:var(--ctrl-token-SpinButton-1755, var(--semantic-token-SpinButton-1756, var(--colorNeutralForeground3Hover)));}",
416
+ ".f159rbb9:enabled:hover{background-color:var(--ctrl-token-SpinButton-1757, var(--semantic-token-SpinButton-1758, var(--colorSubtleBackgroundHover)));}",
417
+ ".f1f61phu:enabled:active{color:var(--ctrl-token-SpinButton-1759, var(--semantic-token-SpinButton-1760, var(--colorNeutralForeground3Pressed)));}",
418
+ ".f11bru7e:enabled:active{background-color:var(--ctrl-token-SpinButton-1761, var(--semantic-token-SpinButton-1762, var(--colorSubtleBackgroundPressed)));}",
419
+ ".f1wnbjcb:enabled.fui-SpinButton__button_active{color:var(--ctrl-token-SpinButton-1763, var(--semantic-token-SpinButton-1764, var(--colorNeutralForeground3Pressed)));}",
420
+ ".f19zu09e:enabled.fui-SpinButton__button_active{background-color:var(--ctrl-token-SpinButton-1765, var(--semantic-token-SpinButton-1766, var(--colorSubtleBackgroundPressed)));}",
421
+ ".f59gf7h:disabled{color:var(--ctrl-token-SpinButton-1767, var(--semantic-token-SpinButton-1768, var(--colorNeutralForegroundDisabled)));}",
422
+ ".ftz87y7{color:var(--ctrl-token-SpinButton-1769, var(--semantic-token-SpinButton-1770, var(--colorNeutralForeground3)));}",
423
+ ".fyzdehd:enabled:hover{color:var(--ctrl-token-SpinButton-1771, var(--semantic-token-SpinButton-1772, var(--colorNeutralForeground3Hover)));}",
424
+ ".f1t0huit:enabled:hover{background-color:var(--ctrl-token-SpinButton-1773, var(--semantic-token-SpinButton-1774, var(--colorNeutralBackground3Hover)));}",
425
+ ".fqvhx9d:enabled:active{color:var(--ctrl-token-SpinButton-1775, var(--semantic-token-SpinButton-1776, var(--colorNeutralForeground3Pressed)));}",
426
+ ".f52eh0d:enabled:active{background-color:var(--ctrl-token-SpinButton-1777, var(--semantic-token-SpinButton-1778, var(--colorNeutralBackground3Pressed)));}",
427
+ ".fzhlmla:enabled.fui-SpinButton__button_active{color:var(--ctrl-token-SpinButton-1779, var(--semantic-token-SpinButton-1780, var(--colorNeutralForeground3Pressed)));}",
428
+ ".f3v2m6a:enabled.fui-SpinButton__button_active{background-color:var(--ctrl-token-SpinButton-1781, var(--semantic-token-SpinButton-1782, var(--colorNeutralBackground3Pressed)));}",
429
+ ".f50q7fd:disabled{color:var(--ctrl-token-SpinButton-1783, var(--semantic-token-SpinButton-1784, var(--colorNeutralForegroundDisabled)));}",
430
+ ".ff0mds{color:var(--ctrl-token-SpinButton-1785, var(--semantic-token-SpinButton-1786, var(--colorNeutralForeground3)));}",
431
+ ".fc4lrwn:enabled:hover{color:var(--ctrl-token-SpinButton-1787, var(--semantic-token-SpinButton-1788, var(--colorNeutralForeground3Hover)));}",
432
+ ".fwg3vk8:enabled:hover{background-color:var(--ctrl-token-SpinButton-1789, var(--semantic-token-SpinButton-1790, var(--colorNeutralBackground1Hover)));}",
433
+ ".fzac2m3:enabled:active,.fzac2m3:enabled.fui-SpinButton__button_active{color:var(--ctrl-token-SpinButton-1791, var(--semantic-token-SpinButton-1792, var(--colorNeutralForeground3Pressed)));}",
434
+ ".fdfsw6w:enabled:active,.fdfsw6w:enabled.fui-SpinButton__button_active{background-color:var(--ctrl-token-SpinButton-1793, var(--semantic-token-SpinButton-1794, var(--colorNeutralBackground1Pressed)));}",
435
+ ".f9zhxxo:disabled{color:var(--ctrl-token-SpinButton-1795, var(--semantic-token-SpinButton-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: "fiid27c",
447
- r4wkhp: "fz5qnvo",
446
+ sj55zd: "flmj02y",
447
+ r4wkhp: "fdrpovn",
448
448
  B95qlz1: "f110wuh6",
449
- p743kt: "f1hhcf0c",
449
+ p743kt: "frkll7s",
450
450
  B7xitij: "f10404rc",
451
- B6siaa6: "f73qtbv",
451
+ B6siaa6: "fdjk730",
452
452
  Ba9qmo4: "f1snwkb6"
453
453
  },
454
454
  underline: {
455
- sj55zd: "f2pzdli",
456
- r4wkhp: "f17yl3pb",
455
+ sj55zd: "f1sgg4g9",
456
+ r4wkhp: "f1v7pcia",
457
457
  B95qlz1: "f110wuh6",
458
- p743kt: "f1axhou9",
458
+ p743kt: "f1813qqb",
459
459
  B7xitij: "f10404rc",
460
- B6siaa6: "f9vzv5h",
460
+ B6siaa6: "f1hs5qo3",
461
461
  Ba9qmo4: "f1snwkb6"
462
462
  },
463
463
  "filled-darker": {
464
- sj55zd: "f16va189",
465
- r4wkhp: "f1h72h8v",
464
+ sj55zd: "f1ig0yi1",
465
+ r4wkhp: "f1x19cl1",
466
466
  B95qlz1: "f110wuh6",
467
- p743kt: "frv3xmz",
467
+ p743kt: "fxqoy03",
468
468
  B7xitij: "f10404rc",
469
- B6siaa6: "fhyhpye",
469
+ B6siaa6: "fbp5f9",
470
470
  Ba9qmo4: "f1snwkb6"
471
471
  },
472
472
  "filled-lighter": {
473
- sj55zd: "fi86hyn",
474
- r4wkhp: "fyvm6bq",
473
+ sj55zd: "fmmuwj6",
474
+ r4wkhp: "f14oh8th",
475
475
  B95qlz1: "f110wuh6",
476
- p743kt: "f1kx767k",
476
+ p743kt: "f1wn8trp",
477
477
  B7xitij: "f10404rc",
478
- B6siaa6: "f1etx616",
478
+ B6siaa6: "f1n6vm53",
479
479
  Ba9qmo4: "f1snwkb6"
480
480
  }
481
481
  }, {
482
482
  d: [
483
483
  ".fdrzuqr{cursor:not-allowed;}",
484
- ".fiid27c{color:var(--1797, var(--1798, var(--colorNeutralForegroundDisabled)));}",
485
- ".fz5qnvo:enabled:hover{color:var(--1799, var(--1800, var(--colorNeutralForegroundDisabled)));}",
484
+ ".flmj02y{color:var(--ctrl-token-SpinButton-1797, var(--semantic-token-SpinButton-1798, var(--colorNeutralForegroundDisabled)));}",
485
+ ".fdrpovn:enabled:hover{color:var(--ctrl-token-SpinButton-1799, var(--semantic-token-SpinButton-1800, var(--colorNeutralForegroundDisabled)));}",
486
486
  ".f110wuh6:enabled:hover{background-color:transparent;}",
487
- ".f1hhcf0c:enabled:active{color:var(--1801, var(--1802, var(--colorNeutralForegroundDisabled)));}",
487
+ ".frkll7s:enabled:active{color:var(--ctrl-token-SpinButton-1801, var(--semantic-token-SpinButton-1802, var(--colorNeutralForegroundDisabled)));}",
488
488
  ".f10404rc:enabled:active{background-color:transparent;}",
489
- ".f73qtbv:enabled.fui-SpinButton__button_active{color:var(--1803, var(--1804, var(--colorNeutralForegroundDisabled)));}",
489
+ ".fdjk730:enabled.fui-SpinButton__button_active{color:var(--ctrl-token-SpinButton-1803, var(--semantic-token-SpinButton-1804, var(--colorNeutralForegroundDisabled)));}",
490
490
  ".f1snwkb6:enabled.fui-SpinButton__button_active{background-color:transparent;}",
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)));}"
491
+ ".f1sgg4g9{color:var(--ctrl-token-SpinButton-1805, var(--semantic-token-SpinButton-1806, var(--colorNeutralForegroundDisabled)));}",
492
+ ".f1v7pcia:enabled:hover{color:var(--ctrl-token-SpinButton-1807, var(--semantic-token-SpinButton-1808, var(--colorNeutralForegroundDisabled)));}",
493
+ ".f1813qqb:enabled:active{color:var(--ctrl-token-SpinButton-1809, var(--semantic-token-SpinButton-1810, var(--colorNeutralForegroundDisabled)));}",
494
+ ".f1hs5qo3:enabled.fui-SpinButton__button_active{color:var(--ctrl-token-SpinButton-1811, var(--semantic-token-SpinButton-1812, var(--colorNeutralForegroundDisabled)));}",
495
+ ".f1ig0yi1{color:var(--ctrl-token-SpinButton-1813, var(--semantic-token-SpinButton-1814, var(--colorNeutralForegroundDisabled)));}",
496
+ ".f1x19cl1:enabled:hover{color:var(--ctrl-token-SpinButton-1815, var(--semantic-token-SpinButton-1816, var(--colorNeutralForegroundDisabled)));}",
497
+ ".fxqoy03:enabled:active{color:var(--ctrl-token-SpinButton-1817, var(--semantic-token-SpinButton-1818, var(--colorNeutralForegroundDisabled)));}",
498
+ ".fbp5f9:enabled.fui-SpinButton__button_active{color:var(--ctrl-token-SpinButton-1819, var(--semantic-token-SpinButton-1820, var(--colorNeutralForegroundDisabled)));}",
499
+ ".fmmuwj6{color:var(--ctrl-token-SpinButton-1821, var(--semantic-token-SpinButton-1822, var(--colorNeutralForegroundDisabled)));}",
500
+ ".f14oh8th:enabled:hover{color:var(--ctrl-token-SpinButton-1823, var(--semantic-token-SpinButton-1824, var(--colorNeutralForegroundDisabled)));}",
501
+ ".f1wn8trp:enabled:active{color:var(--ctrl-token-SpinButton-1825, var(--semantic-token-SpinButton-1826, var(--colorNeutralForegroundDisabled)));}",
502
+ ".f1n6vm53:enabled.fui-SpinButton__button_active{color:var(--ctrl-token-SpinButton-1827, var(--semantic-token-SpinButton-1828, var(--colorNeutralForegroundDisabled)));}"
503
503
  ],
504
504
  h: [
505
505
  ".fphbwmw:hover{cursor:not-allowed;}"