@fluentui/react-button 0.0.0-nightly-20240819-2137.1 → 0.0.0-nightly-20240822-0407.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 (22) hide show
  1. package/CHANGELOG.md +33 -13
  2. package/lib/components/Button/useButtonStyles.styles.js +79 -79
  3. package/lib/components/Button/useButtonStyles.styles.js.map +1 -1
  4. package/lib/components/CompoundButton/useCompoundButtonStyles.styles.js +40 -40
  5. package/lib/components/CompoundButton/useCompoundButtonStyles.styles.js.map +1 -1
  6. package/lib/components/MenuButton/useMenuButtonStyles.styles.js +19 -19
  7. package/lib/components/MenuButton/useMenuButtonStyles.styles.js.map +1 -1
  8. package/lib/components/SplitButton/useSplitButtonStyles.styles.js +14 -14
  9. package/lib/components/SplitButton/useSplitButtonStyles.styles.js.map +1 -1
  10. package/lib/components/ToggleButton/useToggleButtonStyles.styles.js +45 -45
  11. package/lib/components/ToggleButton/useToggleButtonStyles.styles.js.map +1 -1
  12. package/lib-commonjs/components/Button/useButtonStyles.styles.js +120 -130
  13. package/lib-commonjs/components/Button/useButtonStyles.styles.js.map +1 -1
  14. package/lib-commonjs/components/CompoundButton/useCompoundButtonStyles.styles.js +55 -64
  15. package/lib-commonjs/components/CompoundButton/useCompoundButtonStyles.styles.js.map +1 -1
  16. package/lib-commonjs/components/MenuButton/useMenuButtonStyles.styles.js +30 -34
  17. package/lib-commonjs/components/MenuButton/useMenuButtonStyles.styles.js.map +1 -1
  18. package/lib-commonjs/components/SplitButton/useSplitButtonStyles.styles.js +42 -48
  19. package/lib-commonjs/components/SplitButton/useSplitButtonStyles.styles.js.map +1 -1
  20. package/lib-commonjs/components/ToggleButton/useToggleButtonStyles.styles.js +74 -80
  21. package/lib-commonjs/components/ToggleButton/useToggleButtonStyles.styles.js.map +1 -1
  22. package/package.json +10 -10
@@ -32,30 +32,30 @@ const buttonSpacingLargeWithIcon = '7px';
32
32
  * this will ensure the inset boxShadow is always uniform
33
33
  * without affecting other browser platforms
34
34
  */ const boxShadowStrokeWidthThinMoz = `calc(${_reacttheme.tokens.strokeWidthThin} + 0.25px)`;
35
- const useRootBaseClassName = /*#__PURE__*/ (0, _react.__resetStyles)("rwn5z10", null, {
35
+ const useRootBaseClassName = /*#__PURE__*/ (0, _react.__resetStyles)("r1alrhcs", null, {
36
36
  r: [
37
- ".rwn5z10{align-items:center;box-sizing:border-box;display:inline-flex;justify-content:center;text-decoration-line:none;vertical-align:middle;margin:0;overflow:hidden;background-color:var(--ctrl-token-Button-1, var(--semantic-token-Button-2, var(--colorNeutralBackground1)));color:var(--ctrl-token-Button-3, var(--semantic-token-Button-4, var(--colorNeutralForeground1)));border:var(--strokeWidthThin) solid var(--colorNeutralStroke1);font-family:var(--ctrl-token-Button-5, var(--semantic-token-Button-6, var(--fontFamilyBase)));outline-style:none;padding:5px var(--spacingHorizontalM);min-width:96px;border-radius:var(--ctrl-token-Button-19, var(--semantic-token-Button-20, var(--borderRadiusMedium)));font-size:var(--ctrl-token-Button-21, var(--semantic-token-Button-22, var(--fontSizeBase300)));font-weight:var(--ctrl-token-Button-23, var(--semantic-token-Button-24, var(--fontWeightSemibold)));line-height:var(--ctrl-token-Button-25, var(--semantic-token-Button-26, var(--lineHeightBase300)));transition-duration:var(--ctrl-token-Button-27, var(--semantic-token-Button-28, var(--durationFaster)));transition-property:background,border,color;transition-timing-function:var(--ctrl-token-Button-29, var(--semantic-token-Button-30, var(--curveEasyEase)));}",
38
- ".rwn5z10:hover{background-color:var(--ctrl-token-Button-7, var(--semantic-token-Button-8, var(--colorNeutralBackground1Hover)));border-color:var(--ctrl-token-Button-9, var(--semantic-token-Button-10, var(--colorNeutralStroke1Hover)));color:var(--ctrl-token-Button-11, var(--semantic-token-Button-12, var(--colorNeutralForeground1Hover)));cursor:pointer;}",
39
- ".rwn5z10:hover:active{background-color:var(--ctrl-token-Button-13, var(--semantic-token-Button-14, var(--colorNeutralBackground1Pressed)));border-color:var(--ctrl-token-Button-15, var(--semantic-token-Button-16, var(--colorNeutralStroke1Pressed)));color:var(--ctrl-token-Button-17, var(--semantic-token-Button-18, var(--colorNeutralForeground1Pressed)));outline-style:none;}",
40
- ".rwn5z10[data-fui-focus-visible]{border-color:var(--ctrl-token-Button-31, var(--semantic-token-Button-32, var(--colorStrokeFocus2)));border-radius:var(--ctrl-token-Button-33, var(--semantic-token-Button-34, var(--borderRadiusMedium)));border-width:1px;outline:var(--strokeWidthThick) solid var(--colorTransparentStroke);box-shadow:0 0 0 var(--strokeWidthThin) var(--colorStrokeFocus2) inset;z-index:1;}"
37
+ ".r1alrhcs{align-items:center;box-sizing:border-box;display:inline-flex;justify-content:center;text-decoration-line:none;vertical-align:middle;margin:0;overflow:hidden;background-color:var(--colorNeutralBackground1);color:var(--colorNeutralForeground1);border:var(--strokeWidthThin) solid var(--colorNeutralStroke1);font-family:var(--fontFamilyBase);outline-style:none;padding:5px var(--spacingHorizontalM);min-width:96px;border-radius:var(--borderRadiusMedium);font-size:var(--fontSizeBase300);font-weight:var(--fontWeightSemibold);line-height:var(--lineHeightBase300);transition-duration:var(--durationFaster);transition-property:background,border,color;transition-timing-function:var(--curveEasyEase);}",
38
+ ".r1alrhcs:hover{background-color:var(--colorNeutralBackground1Hover);border-color:var(--colorNeutralStroke1Hover);color:var(--colorNeutralForeground1Hover);cursor:pointer;}",
39
+ ".r1alrhcs:hover:active{background-color:var(--colorNeutralBackground1Pressed);border-color:var(--colorNeutralStroke1Pressed);color:var(--colorNeutralForeground1Pressed);outline-style:none;}",
40
+ ".r1alrhcs[data-fui-focus-visible]{border-color:var(--colorStrokeFocus2);border-radius:var(--borderRadiusMedium);border-width:1px;outline:var(--strokeWidthThick) solid var(--colorTransparentStroke);box-shadow:0 0 0 var(--strokeWidthThin) var(--colorStrokeFocus2) inset;z-index:1;}"
41
41
  ],
42
42
  s: [
43
- "@media screen and (prefers-reduced-motion: reduce){.rwn5z10{transition-duration:0.01ms;}}",
44
- "@media (forced-colors: active){.rwn5z10:focus{border-color:ButtonText;}.rwn5z10:hover{background-color:HighlightText;border-color:Highlight;color:Highlight;forced-color-adjust:none;}.rwn5z10:hover:active{background-color:HighlightText;border-color:Highlight;color:Highlight;forced-color-adjust:none;}}",
45
- "@supports (-moz-appearance:button){.rwn5z10[data-fui-focus-visible]{box-shadow:0 0 0 calc(var(--strokeWidthThin) + 0.25px) var(--colorStrokeFocus2) inset;}}"
43
+ "@media screen and (prefers-reduced-motion: reduce){.r1alrhcs{transition-duration:0.01ms;}}",
44
+ "@media (forced-colors: active){.r1alrhcs:focus{border-color:ButtonText;}.r1alrhcs:hover{background-color:HighlightText;border-color:Highlight;color:Highlight;forced-color-adjust:none;}.r1alrhcs:hover:active{background-color:HighlightText;border-color:Highlight;color:Highlight;forced-color-adjust:none;}}",
45
+ "@supports (-moz-appearance:button){.r1alrhcs[data-fui-focus-visible]{box-shadow:0 0 0 calc(var(--strokeWidthThin) + 0.25px) var(--colorStrokeFocus2) inset;}}"
46
46
  ]
47
47
  });
48
- const useIconBaseClassName = /*#__PURE__*/ (0, _react.__resetStyles)("rjhju60", null, [
49
- ".rjhju60{align-items:center;display:inline-flex;justify-content:center;font-size:20px;height:20px;width:20px;--fui-Button__icon--spacing:var(--ctrl-token-Button-35, var(--semantic-token-Button-36, var(--spacingHorizontalSNudge)));}"
48
+ const useIconBaseClassName = /*#__PURE__*/ (0, _react.__resetStyles)("rywnvv2", null, [
49
+ ".rywnvv2{align-items:center;display:inline-flex;justify-content:center;font-size:20px;height:20px;width:20px;--fui-Button__icon--spacing:var(--spacingHorizontalSNudge);}"
50
50
  ]);
51
51
  const useRootStyles = /*#__PURE__*/ (0, _react.__styles)({
52
52
  outline: {
53
- De3pzq: "f1eouddg",
54
- Jwef8y: "fj890eg",
55
- iro3zm: "fp7cah7"
53
+ De3pzq: "f1c21dwh",
54
+ Jwef8y: "fjxutwb",
55
+ iro3zm: "fwiml72"
56
56
  },
57
57
  primary: {
58
- De3pzq: "f1jo0kc4",
58
+ De3pzq: "ffp7eso",
59
59
  g2u3we: "f1p3nwhy",
60
60
  h3c5rm: [
61
61
  "f11589ue",
@@ -66,8 +66,8 @@ const useRootStyles = /*#__PURE__*/ (0, _react.__styles)({
66
66
  "f1pdflbu",
67
67
  "f11589ue"
68
68
  ],
69
- sj55zd: "f1tfrua9",
70
- Jwef8y: "fhfauqh",
69
+ sj55zd: "f1phragk",
70
+ Jwef8y: "f15wkkf3",
71
71
  Bgoe8wy: "f1s2uweq",
72
72
  Bwzppfd: [
73
73
  "fr80ssc",
@@ -78,8 +78,8 @@ const useRootStyles = /*#__PURE__*/ (0, _react.__styles)({
78
78
  "fecsdlb",
79
79
  "fr80ssc"
80
80
  ],
81
- Bi91k9c: "f1m12vgd",
82
- iro3zm: "f1a744jy",
81
+ Bi91k9c: "f1rq72xc",
82
+ iro3zm: "fnp9lpt",
83
83
  b661bw: "f1h0usnq",
84
84
  Bk6r4ia: [
85
85
  "fs4ktlq",
@@ -90,7 +90,7 @@ const useRootStyles = /*#__PURE__*/ (0, _react.__styles)({
90
90
  "fx2bmrt",
91
91
  "fs4ktlq"
92
92
  ],
93
- B2d53fq: "f22sk3l",
93
+ B2d53fq: "f1d6v5y2",
94
94
  Bsw6fvg: "f1rirnrt",
95
95
  Bjwas2f: "f1uu00uk",
96
96
  Bn1d65q: [
@@ -131,7 +131,7 @@ const useRootStyles = /*#__PURE__*/ (0, _react.__styles)({
131
131
  },
132
132
  secondary: {},
133
133
  subtle: {
134
- De3pzq: "fcqf3ay",
134
+ De3pzq: "fhovq9v",
135
135
  g2u3we: "f1p3nwhy",
136
136
  h3c5rm: [
137
137
  "f11589ue",
@@ -142,8 +142,8 @@ const useRootStyles = /*#__PURE__*/ (0, _react.__styles)({
142
142
  "f1pdflbu",
143
143
  "f11589ue"
144
144
  ],
145
- sj55zd: "facbcro",
146
- Jwef8y: "f17cpoba",
145
+ sj55zd: "fkfq4zb",
146
+ Jwef8y: "f1t94bn6",
147
147
  Bgoe8wy: "f1s2uweq",
148
148
  Bwzppfd: [
149
149
  "fr80ssc",
@@ -154,11 +154,11 @@ const useRootStyles = /*#__PURE__*/ (0, _react.__styles)({
154
154
  "fecsdlb",
155
155
  "fr80ssc"
156
156
  ],
157
- Bi91k9c: "fl0l5mk",
157
+ Bi91k9c: "fnwyq0v",
158
158
  Bk3fhr4: "ft1hn21",
159
159
  Bmfj8id: "fuxngvv",
160
- Bbdnnc7: "f1e22ucq",
161
- iro3zm: "ft2oq02",
160
+ Bbdnnc7: "fy5bs14",
161
+ iro3zm: "fsv2rcd",
162
162
  b661bw: "f1h0usnq",
163
163
  Bk6r4ia: [
164
164
  "fs4ktlq",
@@ -169,17 +169,17 @@ const useRootStyles = /*#__PURE__*/ (0, _react.__styles)({
169
169
  "fx2bmrt",
170
170
  "fs4ktlq"
171
171
  ],
172
- B2d53fq: "f1fbgxgw",
172
+ B2d53fq: "f1omzyqd",
173
173
  em6i61: "f1dfjoow",
174
174
  vm6p8p: "f1j98vj9",
175
- x3br3k: "f939htu",
175
+ x3br3k: "fj8yq94",
176
176
  ze5xyy: "f4xjyn1",
177
177
  Bx3q9su: "f1et0tmh",
178
178
  pc6evw: "f9ddjv3",
179
179
  xd2cci: "f1wi8ngl"
180
180
  },
181
181
  transparent: {
182
- De3pzq: "f1r0wfzh",
182
+ De3pzq: "f1c21dwh",
183
183
  g2u3we: "f1p3nwhy",
184
184
  h3c5rm: [
185
185
  "f11589ue",
@@ -190,8 +190,8 @@ const useRootStyles = /*#__PURE__*/ (0, _react.__styles)({
190
190
  "f1pdflbu",
191
191
  "f11589ue"
192
192
  ],
193
- sj55zd: "f7tu2s8",
194
- Jwef8y: "f1keu3yc",
193
+ sj55zd: "fkfq4zb",
194
+ Jwef8y: "fjxutwb",
195
195
  Bgoe8wy: "f1s2uweq",
196
196
  Bwzppfd: [
197
197
  "fr80ssc",
@@ -202,10 +202,10 @@ const useRootStyles = /*#__PURE__*/ (0, _react.__styles)({
202
202
  "fecsdlb",
203
203
  "fr80ssc"
204
204
  ],
205
- Bi91k9c: "f1icn6bw",
205
+ Bi91k9c: "f139oj5f",
206
206
  Bk3fhr4: "ft1hn21",
207
207
  Bmfj8id: "fuxngvv",
208
- iro3zm: "f1obcw2h",
208
+ iro3zm: "fwiml72",
209
209
  b661bw: "f1h0usnq",
210
210
  Bk6r4ia: [
211
211
  "fs4ktlq",
@@ -216,12 +216,12 @@ const useRootStyles = /*#__PURE__*/ (0, _react.__styles)({
216
216
  "fx2bmrt",
217
217
  "fs4ktlq"
218
218
  ],
219
- B2d53fq: "f1hziq7e",
219
+ B2d53fq: "f1fg1p5m",
220
220
  em6i61: "f1dfjoow",
221
221
  vm6p8p: "f1j98vj9",
222
- Bqrx1nm: "f4jdi9f",
222
+ Bqrx1nm: "f1tme0vf",
223
223
  ze5xyy: "f4xjyn1",
224
- g2kj27: "fx1ym7w",
224
+ g2kj27: "f18onu3q",
225
225
  pc6evw: "f9ddjv3"
226
226
  },
227
227
  circular: {
@@ -229,7 +229,7 @@ const useRootStyles = /*#__PURE__*/ (0, _react.__styles)({
229
229
  Bbmb7ep: 0,
230
230
  Btl43ni: 0,
231
231
  B7oj6ja: 0,
232
- Dimara: "ftu8dxo"
232
+ Dimara: "f44lkw9"
233
233
  },
234
234
  rounded: {},
235
235
  square: {
@@ -237,7 +237,7 @@ const useRootStyles = /*#__PURE__*/ (0, _react.__styles)({
237
237
  Bbmb7ep: 0,
238
238
  Btl43ni: 0,
239
239
  B7oj6ja: 0,
240
- Dimara: "f1jlnq56"
240
+ Dimara: "f1fabniw"
241
241
  },
242
242
  small: {
243
243
  Bf4jedk: "fh7ncta",
@@ -250,10 +250,10 @@ const useRootStyles = /*#__PURE__*/ (0, _react.__styles)({
250
250
  Bbmb7ep: 0,
251
251
  Btl43ni: 0,
252
252
  B7oj6ja: 0,
253
- Dimara: "f7gzlmc",
254
- Be2twd7: "fyfeqws",
255
- Bhrd7zp: "f1q4cs6n",
256
- Bg96gwp: "f1bh4f08"
253
+ Dimara: "ft85np5",
254
+ Be2twd7: "fy9rknc",
255
+ Bhrd7zp: "figsok6",
256
+ Bg96gwp: "fwrc4pm"
257
257
  },
258
258
  smallWithIcon: {
259
259
  Byoj8tv: "f1brlhvm",
@@ -271,10 +271,10 @@ const useRootStyles = /*#__PURE__*/ (0, _react.__styles)({
271
271
  Bbmb7ep: 0,
272
272
  Btl43ni: 0,
273
273
  B7oj6ja: 0,
274
- Dimara: "frxf9co",
275
- Be2twd7: "f1fexiz4",
276
- Bhrd7zp: "ffl0wkr",
277
- Bg96gwp: "f1bn82zg"
274
+ Dimara: "ft85np5",
275
+ Be2twd7: "fod5ikn",
276
+ Bhrd7zp: "fl43uef",
277
+ Bg96gwp: "faaz57k"
278
278
  },
279
279
  largeWithIcon: {
280
280
  Byoj8tv: "fy7v416",
@@ -282,25 +282,23 @@ const useRootStyles = /*#__PURE__*/ (0, _react.__styles)({
282
282
  }
283
283
  }, {
284
284
  d: [
285
- ".f1eouddg{background-color:var(--ctrl-token-Button-37, var(--semantic-token-Button-38, var(--colorTransparentBackground)));}",
286
- ".f1jo0kc4{background-color:var(--ctrl-token-Button-43, var(--semantic-token-Button-44, var(--colorBrandBackground)));}",
285
+ ".f1c21dwh{background-color:var(--colorTransparentBackground);}",
286
+ ".ffp7eso{background-color:var(--colorBrandBackground);}",
287
287
  ".f1p3nwhy{border-top-color:transparent;}",
288
288
  ".f11589ue{border-right-color:transparent;}",
289
289
  ".f1pdflbu{border-left-color:transparent;}",
290
290
  ".f1q5o8ev{border-bottom-color:transparent;}",
291
- ".f1tfrua9{color:var(--ctrl-token-Button-45, var(--semantic-token-Button-46, var(--colorNeutralForegroundOnBrand)));}",
292
- ".fcqf3ay{background-color:var(--ctrl-token-Button-55, var(--semantic-token-Button-56, var(--colorSubtleBackground)));}",
293
- ".facbcro{color:var(--ctrl-token-Button-57, var(--semantic-token-Button-58, var(--colorNeutralForeground2)));}",
294
- ".f1r0wfzh{background-color:var(--ctrl-token-Button-71, var(--semantic-token-Button-72, var(--colorTransparentBackground)));}",
295
- ".f7tu2s8{color:var(--ctrl-token-Button-73, var(--semantic-token-Button-74, var(--colorNeutralForeground2)));}",
291
+ ".f1phragk{color:var(--colorNeutralForegroundOnBrand);}",
292
+ ".fhovq9v{background-color:var(--colorSubtleBackground);}",
293
+ ".fkfq4zb{color:var(--colorNeutralForeground2);}",
296
294
  [
297
- ".ftu8dxo{border-radius:var(--ctrl-token-Button-87, var(--semantic-token-Button-88, var(--borderRadiusCircular)));}",
295
+ ".f44lkw9{border-radius:var(--borderRadiusCircular);}",
298
296
  {
299
297
  p: -1
300
298
  }
301
299
  ],
302
300
  [
303
- ".f1jlnq56{border-radius:var(--ctrl-token-Button-89, var(--semantic-token-Button-90, var(--borderRadiusNone)));}",
301
+ ".f1fabniw{border-radius:var(--borderRadiusNone);}",
304
302
  {
305
303
  p: -1
306
304
  }
@@ -313,14 +311,14 @@ const useRootStyles = /*#__PURE__*/ (0, _react.__styles)({
313
311
  }
314
312
  ],
315
313
  [
316
- ".f7gzlmc{border-radius:var(--ctrl-token-Button-91, var(--semantic-token-Button-92, var(--borderRadiusMedium)));}",
314
+ ".ft85np5{border-radius:var(--borderRadiusMedium);}",
317
315
  {
318
316
  p: -1
319
317
  }
320
318
  ],
321
- ".fyfeqws{font-size:var(--ctrl-token-Button-93, var(--semantic-token-Button-94, var(--fontSizeBase200)));}",
322
- ".f1q4cs6n{font-weight:var(--ctrl-token-Button-95, var(--semantic-token-Button-96, var(--fontWeightRegular)));}",
323
- ".f1bh4f08{line-height:var(--ctrl-token-Button-97, var(--semantic-token-Button-98, var(--lineHeightBase200)));}",
319
+ ".fy9rknc{font-size:var(--fontSizeBase200);}",
320
+ ".figsok6{font-weight:var(--fontWeightRegular);}",
321
+ ".fwrc4pm{line-height:var(--lineHeightBase200);}",
324
322
  ".f1brlhvm{padding-bottom:1px;}",
325
323
  ".f1sl3k7w{padding-top:1px;}",
326
324
  ".f14es27b{min-width:96px;}",
@@ -331,46 +329,44 @@ const useRootStyles = /*#__PURE__*/ (0, _react.__styles)({
331
329
  }
332
330
  ],
333
331
  [
334
- ".frxf9co{border-radius:var(--ctrl-token-Button-99, var(--semantic-token-Button-100, var(--borderRadiusMedium)));}",
332
+ ".ft85np5{border-radius:var(--borderRadiusMedium);}",
335
333
  {
336
334
  p: -1
337
335
  }
338
336
  ],
339
- ".f1fexiz4{font-size:var(--ctrl-token-Button-101, var(--semantic-token-Button-102, var(--fontSizeBase400)));}",
340
- ".ffl0wkr{font-weight:var(--ctrl-token-Button-103, var(--semantic-token-Button-104, var(--fontWeightSemibold)));}",
341
- ".f1bn82zg{line-height:var(--ctrl-token-Button-105, var(--semantic-token-Button-106, var(--lineHeightBase400)));}",
337
+ ".fod5ikn{font-size:var(--fontSizeBase400);}",
338
+ ".fl43uef{font-weight:var(--fontWeightSemibold);}",
339
+ ".faaz57k{line-height:var(--lineHeightBase400);}",
342
340
  ".fy7v416{padding-bottom:7px;}",
343
341
  ".f1a1bwwz{padding-top:7px;}"
344
342
  ],
345
343
  h: [
346
- ".fj890eg:hover{background-color:var(--ctrl-token-Button-39, var(--semantic-token-Button-40, var(--colorTransparentBackgroundHover)));}",
347
- ".fp7cah7:hover:active{background-color:var(--ctrl-token-Button-41, var(--semantic-token-Button-42, var(--colorTransparentBackgroundPressed)));}",
348
- ".fhfauqh:hover{background-color:var(--ctrl-token-Button-47, var(--semantic-token-Button-48, var(--colorBrandBackgroundHover)));}",
344
+ ".fjxutwb:hover{background-color:var(--colorTransparentBackgroundHover);}",
345
+ ".fwiml72:hover:active{background-color:var(--colorTransparentBackgroundPressed);}",
346
+ ".f15wkkf3:hover{background-color:var(--colorBrandBackgroundHover);}",
349
347
  ".f1s2uweq:hover{border-top-color:transparent;}",
350
348
  ".fr80ssc:hover{border-right-color:transparent;}",
351
349
  ".fecsdlb:hover{border-left-color:transparent;}",
352
350
  ".f1ukrpxl:hover{border-bottom-color:transparent;}",
353
- ".f1m12vgd:hover{color:var(--ctrl-token-Button-49, var(--semantic-token-Button-50, var(--colorNeutralForegroundOnBrand)));}",
354
- ".f1a744jy:hover:active{background-color:var(--ctrl-token-Button-51, var(--semantic-token-Button-52, var(--colorBrandBackgroundPressed)));}",
351
+ ".f1rq72xc:hover{color:var(--colorNeutralForegroundOnBrand);}",
352
+ ".fnp9lpt:hover:active{background-color:var(--colorBrandBackgroundPressed);}",
355
353
  ".f1h0usnq:hover:active{border-top-color:transparent;}",
356
354
  ".fs4ktlq:hover:active{border-right-color:transparent;}",
357
355
  ".fx2bmrt:hover:active{border-left-color:transparent;}",
358
356
  ".f16h9ulv:hover:active{border-bottom-color:transparent;}",
359
- ".f22sk3l:hover:active{color:var(--ctrl-token-Button-53, var(--semantic-token-Button-54, var(--colorNeutralForegroundOnBrand)));}",
360
- ".f17cpoba:hover{background-color:var(--ctrl-token-Button-59, var(--semantic-token-Button-60, var(--colorSubtleBackgroundHover)));}",
361
- ".fl0l5mk:hover{color:var(--ctrl-token-Button-61, var(--semantic-token-Button-62, var(--colorNeutralForeground2Hover)));}",
357
+ ".f1d6v5y2:hover:active{color:var(--colorNeutralForegroundOnBrand);}",
358
+ ".f1t94bn6:hover{background-color:var(--colorSubtleBackgroundHover);}",
359
+ ".fnwyq0v:hover{color:var(--colorNeutralForeground2Hover);}",
362
360
  ".ft1hn21:hover .fui-Icon-filled{display:inline;}",
363
361
  ".fuxngvv:hover .fui-Icon-regular{display:none;}",
364
- ".f1e22ucq:hover .fui-Button__icon{color:var(--ctrl-token-Button-63, var(--semantic-token-Button-64, var(--colorNeutralForeground2BrandHover)));}",
365
- ".ft2oq02:hover:active{background-color:var(--ctrl-token-Button-65, var(--semantic-token-Button-66, var(--colorSubtleBackgroundPressed)));}",
366
- ".f1fbgxgw:hover:active{color:var(--ctrl-token-Button-67, var(--semantic-token-Button-68, var(--colorNeutralForeground2Pressed)));}",
362
+ ".fy5bs14:hover .fui-Button__icon{color:var(--colorNeutralForeground2BrandHover);}",
363
+ ".fsv2rcd:hover:active{background-color:var(--colorSubtleBackgroundPressed);}",
364
+ ".f1omzyqd:hover:active{color:var(--colorNeutralForeground2Pressed);}",
367
365
  ".f1dfjoow:hover:active .fui-Icon-filled{display:inline;}",
368
366
  ".f1j98vj9:hover:active .fui-Icon-regular{display:none;}",
369
- ".f939htu:hover:active .fui-Button__icon{color:var(--ctrl-token-Button-69, var(--semantic-token-Button-70, var(--colorNeutralForeground2BrandPressed)));}",
370
- ".f1keu3yc:hover{background-color:var(--ctrl-token-Button-75, var(--semantic-token-Button-76, var(--colorTransparentBackgroundHover)));}",
371
- ".f1icn6bw:hover{color:var(--ctrl-token-Button-77, var(--semantic-token-Button-78, var(--colorNeutralForeground2BrandHover)));}",
372
- ".f1obcw2h:hover:active{background-color:var(--ctrl-token-Button-79, var(--semantic-token-Button-80, var(--colorTransparentBackgroundPressed)));}",
373
- ".f1hziq7e:hover:active{color:var(--ctrl-token-Button-81, var(--semantic-token-Button-82, var(--colorNeutralForeground2BrandPressed)));}"
367
+ ".fj8yq94:hover:active .fui-Button__icon{color:var(--colorNeutralForeground2BrandPressed);}",
368
+ ".f139oj5f:hover{color:var(--colorNeutralForeground2BrandHover);}",
369
+ ".f1fg1p5m:hover:active{color:var(--colorNeutralForeground2BrandPressed);}"
374
370
  ],
375
371
  m: [
376
372
  [
@@ -482,13 +478,13 @@ const useRootStyles = /*#__PURE__*/ (0, _react.__styles)({
482
478
  }
483
479
  ],
484
480
  [
485
- "@media (forced-colors: active){.f4jdi9f:hover{background-color:var(--ctrl-token-Button-83, var(--semantic-token-Button-84, var(--colorTransparentBackground)));}}",
481
+ "@media (forced-colors: active){.f1tme0vf:hover{background-color:var(--colorTransparentBackground);}}",
486
482
  {
487
483
  m: "(forced-colors: active)"
488
484
  }
489
485
  ],
490
486
  [
491
- "@media (forced-colors: active){.fx1ym7w:hover:active{background-color:var(--ctrl-token-Button-85, var(--semantic-token-Button-86, var(--colorTransparentBackground)));}}",
487
+ "@media (forced-colors: active){.f18onu3q:hover:active{background-color:var(--colorTransparentBackground);}}",
492
488
  {
493
489
  m: "(forced-colors: active)"
494
490
  }
@@ -497,7 +493,7 @@ const useRootStyles = /*#__PURE__*/ (0, _react.__styles)({
497
493
  });
498
494
  const useRootDisabledStyles = /*#__PURE__*/ (0, _react.__styles)({
499
495
  base: {
500
- De3pzq: "fcs0obq",
496
+ De3pzq: "f1bg9a2p",
501
497
  g2u3we: "f1jj8ep1",
502
498
  h3c5rm: [
503
499
  "f15xbau",
@@ -508,10 +504,10 @@ const useRootDisabledStyles = /*#__PURE__*/ (0, _react.__styles)({
508
504
  "fy0fskl",
509
505
  "f15xbau"
510
506
  ],
511
- sj55zd: "fc48gqn",
507
+ sj55zd: "f1s2aq7o",
512
508
  Bceei9c: "fdrzuqr",
513
- Bfinmwp: "f1k3dur3",
514
- Jwef8y: "fhqlcuo",
509
+ Bfinmwp: "f15x8b5r",
510
+ Jwef8y: "f1falr9n",
515
511
  Bgoe8wy: "f12mpcsy",
516
512
  Bwzppfd: [
517
513
  "f1gwvigk",
@@ -522,12 +518,12 @@ const useRootDisabledStyles = /*#__PURE__*/ (0, _react.__styles)({
522
518
  "f18rmfxp",
523
519
  "f1gwvigk"
524
520
  ],
525
- Bi91k9c: "f1mnyqwt",
521
+ Bi91k9c: "fvgxktp",
526
522
  eoavqd: "fphbwmw",
527
523
  Bk3fhr4: "f19vpps7",
528
524
  Bmfj8id: "fv5swzo",
529
- Bbdnnc7: "f127ycqn",
530
- iro3zm: "f1yv1ocr",
525
+ Bbdnnc7: "f1al02dq",
526
+ iro3zm: "f1t6o4dc",
531
527
  b661bw: "f10ztigi",
532
528
  Bk6r4ia: [
533
529
  "f1ft5sdu",
@@ -538,11 +534,11 @@ const useRootDisabledStyles = /*#__PURE__*/ (0, _react.__styles)({
538
534
  "f1gzf82w",
539
535
  "f1ft5sdu"
540
536
  ],
541
- B2d53fq: "f19ud50m",
537
+ B2d53fq: "fcvwxyo",
542
538
  c3iz72: "f8w4c43",
543
539
  em6i61: "f1ol4fw6",
544
540
  vm6p8p: "f1q1lw4e",
545
- x3br3k: "f12mguyw"
541
+ x3br3k: "f1dwjv2g"
546
542
  },
547
543
  highContrast: {
548
544
  Bsw6fvg: "f4lkoma",
@@ -593,9 +589,9 @@ const useRootDisabledStyles = /*#__PURE__*/ (0, _react.__styles)({
593
589
  pc6evw: "fb3rf2x"
594
590
  },
595
591
  outline: {
596
- De3pzq: "f3pttju",
597
- Jwef8y: "f1q092r8",
598
- iro3zm: "f179lky8"
592
+ De3pzq: "f1c21dwh",
593
+ Jwef8y: "f9ql6rf",
594
+ iro3zm: "f3h1zc4"
599
595
  },
600
596
  primary: {
601
597
  g2u3we: "f1p3nwhy",
@@ -631,7 +627,7 @@ const useRootDisabledStyles = /*#__PURE__*/ (0, _react.__styles)({
631
627
  },
632
628
  secondary: {},
633
629
  subtle: {
634
- De3pzq: "fqya840",
630
+ De3pzq: "f1c21dwh",
635
631
  g2u3we: "f1p3nwhy",
636
632
  h3c5rm: [
637
633
  "f11589ue",
@@ -642,7 +638,7 @@ const useRootDisabledStyles = /*#__PURE__*/ (0, _react.__styles)({
642
638
  "f1pdflbu",
643
639
  "f11589ue"
644
640
  ],
645
- Jwef8y: "fw11tfn",
641
+ Jwef8y: "f9ql6rf",
646
642
  Bgoe8wy: "f1s2uweq",
647
643
  Bwzppfd: [
648
644
  "fr80ssc",
@@ -653,7 +649,7 @@ const useRootDisabledStyles = /*#__PURE__*/ (0, _react.__styles)({
653
649
  "fecsdlb",
654
650
  "fr80ssc"
655
651
  ],
656
- iro3zm: "fa1lhi2",
652
+ iro3zm: "f3h1zc4",
657
653
  b661bw: "f1h0usnq",
658
654
  Bk6r4ia: [
659
655
  "fs4ktlq",
@@ -666,7 +662,7 @@ const useRootDisabledStyles = /*#__PURE__*/ (0, _react.__styles)({
666
662
  ]
667
663
  },
668
664
  transparent: {
669
- De3pzq: "f1bebd5s",
665
+ De3pzq: "f1c21dwh",
670
666
  g2u3we: "f1p3nwhy",
671
667
  h3c5rm: [
672
668
  "f11589ue",
@@ -677,7 +673,7 @@ const useRootDisabledStyles = /*#__PURE__*/ (0, _react.__styles)({
677
673
  "f1pdflbu",
678
674
  "f11589ue"
679
675
  ],
680
- Jwef8y: "fjlpaey",
676
+ Jwef8y: "f9ql6rf",
681
677
  Bgoe8wy: "f1s2uweq",
682
678
  Bwzppfd: [
683
679
  "fr80ssc",
@@ -688,7 +684,7 @@ const useRootDisabledStyles = /*#__PURE__*/ (0, _react.__styles)({
688
684
  "fecsdlb",
689
685
  "fr80ssc"
690
686
  ],
691
- iro3zm: "f13p7ut8",
687
+ iro3zm: "f3h1zc4",
692
688
  b661bw: "f1h0usnq",
693
689
  Bk6r4ia: [
694
690
  "fs4ktlq",
@@ -702,45 +698,43 @@ const useRootDisabledStyles = /*#__PURE__*/ (0, _react.__styles)({
702
698
  }
703
699
  }, {
704
700
  d: [
705
- ".fcs0obq{background-color:var(--ctrl-token-Button-107, var(--semantic-token-Button-108, var(--colorNeutralBackgroundDisabled)));}",
701
+ ".f1bg9a2p{background-color:var(--colorNeutralBackgroundDisabled);}",
706
702
  ".f1jj8ep1{border-top-color:var(--colorNeutralStrokeDisabled);}",
707
703
  ".f15xbau{border-right-color:var(--colorNeutralStrokeDisabled);}",
708
704
  ".fy0fskl{border-left-color:var(--colorNeutralStrokeDisabled);}",
709
705
  ".f4ikngz{border-bottom-color:var(--colorNeutralStrokeDisabled);}",
710
- ".fc48gqn{color:var(--ctrl-token-Button-109, var(--semantic-token-Button-110, var(--colorNeutralForegroundDisabled)));}",
706
+ ".f1s2aq7o{color:var(--colorNeutralForegroundDisabled);}",
711
707
  ".fdrzuqr{cursor:not-allowed;}",
712
- ".f1k3dur3 .fui-Button__icon{color:var(--ctrl-token-Button-111, var(--semantic-token-Button-112, var(--colorNeutralForegroundDisabled)));}",
713
- ".f3pttju{background-color:var(--ctrl-token-Button-125, var(--semantic-token-Button-126, var(--colorTransparentBackground)));}",
708
+ ".f15x8b5r .fui-Button__icon{color:var(--colorNeutralForegroundDisabled);}",
709
+ ".f1c21dwh{background-color:var(--colorTransparentBackground);}",
714
710
  ".f1p3nwhy{border-top-color:transparent;}",
715
711
  ".f11589ue{border-right-color:transparent;}",
716
712
  ".f1pdflbu{border-left-color:transparent;}",
717
- ".f1q5o8ev{border-bottom-color:transparent;}",
718
- ".fqya840{background-color:var(--ctrl-token-Button-131, var(--semantic-token-Button-132, var(--colorTransparentBackground)));}",
719
- ".f1bebd5s{background-color:var(--ctrl-token-Button-137, var(--semantic-token-Button-138, var(--colorTransparentBackground)));}"
713
+ ".f1q5o8ev{border-bottom-color:transparent;}"
720
714
  ],
721
715
  h: [
722
- ".fhqlcuo:hover{background-color:var(--ctrl-token-Button-113, var(--semantic-token-Button-114, var(--colorNeutralBackgroundDisabled)));}",
716
+ ".f1falr9n:hover{background-color:var(--colorNeutralBackgroundDisabled);}",
723
717
  ".f12mpcsy:hover{border-top-color:var(--colorNeutralStrokeDisabled);}",
724
718
  ".f1gwvigk:hover{border-right-color:var(--colorNeutralStrokeDisabled);}",
725
719
  ".f18rmfxp:hover{border-left-color:var(--colorNeutralStrokeDisabled);}",
726
720
  ".f1jnshp0:hover{border-bottom-color:var(--colorNeutralStrokeDisabled);}",
727
- ".f1mnyqwt:hover{color:var(--ctrl-token-Button-115, var(--semantic-token-Button-116, var(--colorNeutralForegroundDisabled)));}",
721
+ ".fvgxktp:hover{color:var(--colorNeutralForegroundDisabled);}",
728
722
  ".fphbwmw:hover{cursor:not-allowed;}",
729
723
  ".f19vpps7:hover .fui-Icon-filled{display:none;}",
730
724
  ".fv5swzo:hover .fui-Icon-regular{display:inline;}",
731
- ".f127ycqn:hover .fui-Button__icon{color:var(--ctrl-token-Button-117, var(--semantic-token-Button-118, var(--colorNeutralForegroundDisabled)));}",
732
- ".f1yv1ocr:hover:active{background-color:var(--ctrl-token-Button-119, var(--semantic-token-Button-120, var(--colorNeutralBackgroundDisabled)));}",
725
+ ".f1al02dq:hover .fui-Button__icon{color:var(--colorNeutralForegroundDisabled);}",
726
+ ".f1t6o4dc:hover:active{background-color:var(--colorNeutralBackgroundDisabled);}",
733
727
  ".f10ztigi:hover:active{border-top-color:var(--colorNeutralStrokeDisabled);}",
734
728
  ".f1ft5sdu:hover:active{border-right-color:var(--colorNeutralStrokeDisabled);}",
735
729
  ".f1gzf82w:hover:active{border-left-color:var(--colorNeutralStrokeDisabled);}",
736
730
  ".f12zbtn2:hover:active{border-bottom-color:var(--colorNeutralStrokeDisabled);}",
737
- ".f19ud50m:hover:active{color:var(--ctrl-token-Button-121, var(--semantic-token-Button-122, var(--colorNeutralForegroundDisabled)));}",
731
+ ".fcvwxyo:hover:active{color:var(--colorNeutralForegroundDisabled);}",
738
732
  ".f8w4c43:hover:active{cursor:not-allowed;}",
739
733
  ".f1ol4fw6:hover:active .fui-Icon-filled{display:none;}",
740
734
  ".f1q1lw4e:hover:active .fui-Icon-regular{display:inline;}",
741
- ".f12mguyw:hover:active .fui-Button__icon{color:var(--ctrl-token-Button-123, var(--semantic-token-Button-124, var(--colorNeutralForegroundDisabled)));}",
742
- ".f1q092r8:hover{background-color:var(--ctrl-token-Button-127, var(--semantic-token-Button-128, var(--colorTransparentBackground)));}",
743
- ".f179lky8:hover:active{background-color:var(--ctrl-token-Button-129, var(--semantic-token-Button-130, var(--colorTransparentBackground)));}",
735
+ ".f1dwjv2g:hover:active .fui-Button__icon{color:var(--colorNeutralForegroundDisabled);}",
736
+ ".f9ql6rf:hover{background-color:var(--colorTransparentBackground);}",
737
+ ".f3h1zc4:hover:active{background-color:var(--colorTransparentBackground);}",
744
738
  ".f1s2uweq:hover{border-top-color:transparent;}",
745
739
  ".fr80ssc:hover{border-right-color:transparent;}",
746
740
  ".fecsdlb:hover{border-left-color:transparent;}",
@@ -748,11 +742,7 @@ const useRootDisabledStyles = /*#__PURE__*/ (0, _react.__styles)({
748
742
  ".f1h0usnq:hover:active{border-top-color:transparent;}",
749
743
  ".fs4ktlq:hover:active{border-right-color:transparent;}",
750
744
  ".fx2bmrt:hover:active{border-left-color:transparent;}",
751
- ".f16h9ulv:hover:active{border-bottom-color:transparent;}",
752
- ".fw11tfn:hover{background-color:var(--ctrl-token-Button-133, var(--semantic-token-Button-134, var(--colorTransparentBackground)));}",
753
- ".fa1lhi2:hover:active{background-color:var(--ctrl-token-Button-135, var(--semantic-token-Button-136, var(--colorTransparentBackground)));}",
754
- ".fjlpaey:hover{background-color:var(--ctrl-token-Button-139, var(--semantic-token-Button-140, var(--colorTransparentBackground)));}",
755
- ".f13p7ut8:hover:active{background-color:var(--ctrl-token-Button-141, var(--semantic-token-Button-142, var(--colorTransparentBackground)));}"
745
+ ".f16h9ulv:hover:active{border-bottom-color:transparent;}"
756
746
  ],
757
747
  m: [
758
748
  [
@@ -871,7 +861,7 @@ const useRootFocusStyles = /*#__PURE__*/ (0, _react.__styles)({
871
861
  kdpuga: 0,
872
862
  dm238s: 0,
873
863
  B6xbmo0: 0,
874
- B3whbx2: "f162i0ns"
864
+ B3whbx2: "f1062rbf"
875
865
  },
876
866
  rounded: {},
877
867
  square: {
@@ -879,7 +869,7 @@ const useRootFocusStyles = /*#__PURE__*/ (0, _react.__styles)({
879
869
  kdpuga: 0,
880
870
  dm238s: 0,
881
871
  B6xbmo0: 0,
882
- B3whbx2: "fxoxqnf"
872
+ B3whbx2: "fj0ryk1"
883
873
  },
884
874
  primary: {
885
875
  B8q5s1w: "f17t0x8g",
@@ -918,7 +908,7 @@ const useRootFocusStyles = /*#__PURE__*/ (0, _react.__styles)({
918
908
  kdpuga: 0,
919
909
  dm238s: 0,
920
910
  B6xbmo0: 0,
921
- B3whbx2: "f1l0ufzv"
911
+ B3whbx2: "fazmxh"
922
912
  },
923
913
  medium: {},
924
914
  large: {
@@ -926,18 +916,18 @@ const useRootFocusStyles = /*#__PURE__*/ (0, _react.__styles)({
926
916
  kdpuga: 0,
927
917
  dm238s: 0,
928
918
  B6xbmo0: 0,
929
- B3whbx2: "f1ulbsbf"
919
+ B3whbx2: "f1b6alqh"
930
920
  }
931
921
  }, {
932
922
  d: [
933
923
  [
934
- ".f162i0ns[data-fui-focus-visible]{border-radius:var(--ctrl-token-Button-143, var(--semantic-token-Button-144, var(--borderRadiusCircular)));}",
924
+ ".f1062rbf[data-fui-focus-visible]{border-radius:var(--borderRadiusCircular);}",
935
925
  {
936
926
  p: -1
937
927
  }
938
928
  ],
939
929
  [
940
- ".fxoxqnf[data-fui-focus-visible]{border-radius:var(--ctrl-token-Button-145, var(--semantic-token-Button-146, var(--borderRadiusNone)));}",
930
+ ".fj0ryk1[data-fui-focus-visible]{border-radius:var(--borderRadiusNone);}",
941
931
  {
942
932
  p: -1
943
933
  }
@@ -954,13 +944,13 @@ const useRootFocusStyles = /*#__PURE__*/ (0, _react.__styles)({
954
944
  ".f1nl83rv[data-fui-focus-visible]:hover{border-left-color:var(--colorStrokeFocus2);}",
955
945
  ".f1czftr5[data-fui-focus-visible]:hover{border-bottom-color:var(--colorStrokeFocus2);}",
956
946
  [
957
- ".f1l0ufzv[data-fui-focus-visible]{border-radius:var(--ctrl-token-Button-147, var(--semantic-token-Button-148, var(--borderRadiusSmall)));}",
947
+ ".fazmxh[data-fui-focus-visible]{border-radius:var(--borderRadiusSmall);}",
958
948
  {
959
949
  p: -1
960
950
  }
961
951
  ],
962
952
  [
963
- ".f1ulbsbf[data-fui-focus-visible]{border-radius:var(--ctrl-token-Button-149, var(--semantic-token-Button-150, var(--borderRadiusLarge)));}",
953
+ ".f1b6alqh[data-fui-focus-visible]{border-radius:var(--borderRadiusLarge);}",
964
954
  {
965
955
  p: -1
966
956
  }
@@ -1032,14 +1022,14 @@ const useIconStyles = /*#__PURE__*/ (0, _react.__styles)({
1032
1022
  Be2twd7: "fe5j1ua",
1033
1023
  Bqenvij: "fjamq6b",
1034
1024
  a9b677: "f64fuq3",
1035
- Bqrlyyl: "f1be447b"
1025
+ Bqrlyyl: "fbaiahx"
1036
1026
  },
1037
1027
  medium: {},
1038
1028
  large: {
1039
1029
  Be2twd7: "f1rt2boy",
1040
1030
  Bqenvij: "frvgh55",
1041
1031
  a9b677: "fq4mcun",
1042
- Bqrlyyl: "fd1re4p"
1032
+ Bqrlyyl: "f1exjqw5"
1043
1033
  },
1044
1034
  before: {
1045
1035
  t21cq0: [
@@ -1058,11 +1048,11 @@ const useIconStyles = /*#__PURE__*/ (0, _react.__styles)({
1058
1048
  ".fe5j1ua{font-size:20px;}",
1059
1049
  ".fjamq6b{height:20px;}",
1060
1050
  ".f64fuq3{width:20px;}",
1061
- ".f1be447b{--fui-Button__icon--spacing:var(--ctrl-token-Button-151, var(--semantic-token-Button-152, var(--spacingHorizontalXS)));}",
1051
+ ".fbaiahx{--fui-Button__icon--spacing:var(--spacingHorizontalXS);}",
1062
1052
  ".f1rt2boy{font-size:24px;}",
1063
1053
  ".frvgh55{height:24px;}",
1064
1054
  ".fq4mcun{width:24px;}",
1065
- ".fd1re4p{--fui-Button__icon--spacing:var(--ctrl-token-Button-153, var(--semantic-token-Button-154, var(--spacingHorizontalSNudge)));}",
1055
+ ".f1exjqw5{--fui-Button__icon--spacing:var(--spacingHorizontalSNudge);}",
1066
1056
  ".f1nizpg2{margin-right:var(--fui-Button__icon--spacing);}",
1067
1057
  ".f1a695kz{margin-left:var(--fui-Button__icon--spacing);}"
1068
1058
  ]