@fluentui/react-button 0.0.0-nightly-20240731-0407.1 → 0.0.0-nightly-20240819-2052.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 +13 -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 +130 -120
  13. package/lib-commonjs/components/Button/useButtonStyles.styles.js.map +1 -1
  14. package/lib-commonjs/components/CompoundButton/useCompoundButtonStyles.styles.js +64 -55
  15. package/lib-commonjs/components/CompoundButton/useCompoundButtonStyles.styles.js.map +1 -1
  16. package/lib-commonjs/components/MenuButton/useMenuButtonStyles.styles.js +34 -30
  17. package/lib-commonjs/components/MenuButton/useMenuButtonStyles.styles.js.map +1 -1
  18. package/lib-commonjs/components/SplitButton/useSplitButtonStyles.styles.js +48 -42
  19. package/lib-commonjs/components/SplitButton/useSplitButtonStyles.styles.js.map +1 -1
  20. package/lib-commonjs/components/ToggleButton/useToggleButtonStyles.styles.js +80 -74
  21. package/lib-commonjs/components/ToggleButton/useToggleButtonStyles.styles.js.map +1 -1
  22. package/package.json +10 -10
package/CHANGELOG.md CHANGED
@@ -1,26 +1,26 @@
1
1
  # Change Log - @fluentui/react-button
2
2
 
3
- This log was last generated on Wed, 31 Jul 2024 04:18:17 GMT and should not be manually modified.
3
+ This log was last generated on Mon, 19 Aug 2024 20:57:25 GMT and should not be manually modified.
4
4
 
5
5
  <!-- Start content -->
6
6
 
7
- ## [0.0.0-nightly-20240731-0407.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-button_v0.0.0-nightly-20240731-0407.1)
7
+ ## [0.0.0-nightly-20240819-2052.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-button_v0.0.0-nightly-20240819-2052.1)
8
8
 
9
- Wed, 31 Jul 2024 04:18:17 GMT
10
- [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-button_v9.3.87..@fluentui/react-button_v0.0.0-nightly-20240731-0407.1)
9
+ Mon, 19 Aug 2024 20:57:25 GMT
10
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-button_v9.3.87..@fluentui/react-button_v0.0.0-nightly-20240819-2052.1)
11
11
 
12
12
  ### Changes
13
13
 
14
14
  - Release nightly v9 ([commit](https://github.com/microsoft/fluentui/commit/not available) by fluentui-internal@service.microsoft.com)
15
- - Bump @fluentui/keyboard-keys to v0.0.0-nightly-20240731-0407.1 ([commit](https://github.com/microsoft/fluentui/commit/85947bd0979efeeddb849c91c07c547e8d562781) by beachball)
16
- - Bump @fluentui/react-aria to v0.0.0-nightly-20240731-0407.1 ([commit](https://github.com/microsoft/fluentui/commit/85947bd0979efeeddb849c91c07c547e8d562781) by beachball)
17
- - Bump @fluentui/react-jsx-runtime to v0.0.0-nightly-20240731-0407.1 ([commit](https://github.com/microsoft/fluentui/commit/85947bd0979efeeddb849c91c07c547e8d562781) by beachball)
18
- - Bump @fluentui/react-shared-contexts to v0.0.0-nightly-20240731-0407.1 ([commit](https://github.com/microsoft/fluentui/commit/85947bd0979efeeddb849c91c07c547e8d562781) by beachball)
19
- - Bump @fluentui/react-tabster to v0.0.0-nightly-20240731-0407.1 ([commit](https://github.com/microsoft/fluentui/commit/85947bd0979efeeddb849c91c07c547e8d562781) by beachball)
20
- - Bump @fluentui/react-theme to v0.0.0-nightly-20240731-0407.1 ([commit](https://github.com/microsoft/fluentui/commit/85947bd0979efeeddb849c91c07c547e8d562781) by beachball)
21
- - Bump @fluentui/react-utilities to v0.0.0-nightly-20240731-0407.1 ([commit](https://github.com/microsoft/fluentui/commit/85947bd0979efeeddb849c91c07c547e8d562781) by beachball)
22
- - Bump @fluentui/react-conformance to v0.0.0-nightly-20240731-0407.1 ([commit](https://github.com/microsoft/fluentui/commit/85947bd0979efeeddb849c91c07c547e8d562781) by beachball)
23
- - Bump @fluentui/react-conformance-griffel to v0.0.0-nightly-20240731-0407.1 ([commit](https://github.com/microsoft/fluentui/commit/85947bd0979efeeddb849c91c07c547e8d562781) by beachball)
15
+ - Bump @fluentui/keyboard-keys to v0.0.0-nightly-20240819-2052.1 ([commit](https://github.com/microsoft/fluentui/commit/f7885920740849a4ba4aa36957bde7ce8e856a3e) by beachball)
16
+ - Bump @fluentui/react-aria to v0.0.0-nightly-20240819-2052.1 ([commit](https://github.com/microsoft/fluentui/commit/f7885920740849a4ba4aa36957bde7ce8e856a3e) by beachball)
17
+ - Bump @fluentui/react-jsx-runtime to v0.0.0-nightly-20240819-2052.1 ([commit](https://github.com/microsoft/fluentui/commit/f7885920740849a4ba4aa36957bde7ce8e856a3e) by beachball)
18
+ - Bump @fluentui/react-shared-contexts to v0.0.0-nightly-20240819-2052.1 ([commit](https://github.com/microsoft/fluentui/commit/f7885920740849a4ba4aa36957bde7ce8e856a3e) by beachball)
19
+ - Bump @fluentui/react-tabster to v0.0.0-nightly-20240819-2052.1 ([commit](https://github.com/microsoft/fluentui/commit/f7885920740849a4ba4aa36957bde7ce8e856a3e) by beachball)
20
+ - Bump @fluentui/react-theme to v0.0.0-nightly-20240819-2052.1 ([commit](https://github.com/microsoft/fluentui/commit/f7885920740849a4ba4aa36957bde7ce8e856a3e) by beachball)
21
+ - Bump @fluentui/react-utilities to v0.0.0-nightly-20240819-2052.1 ([commit](https://github.com/microsoft/fluentui/commit/f7885920740849a4ba4aa36957bde7ce8e856a3e) by beachball)
22
+ - Bump @fluentui/react-conformance to v0.0.0-nightly-20240819-2052.1 ([commit](https://github.com/microsoft/fluentui/commit/f7885920740849a4ba4aa36957bde7ce8e856a3e) by beachball)
23
+ - Bump @fluentui/react-conformance-griffel to v0.0.0-nightly-20240819-2052.1 ([commit](https://github.com/microsoft/fluentui/commit/f7885920740849a4ba4aa36957bde7ce8e856a3e) by beachball)
24
24
 
25
25
  ## [9.3.87](https://github.com/microsoft/fluentui/tree/@fluentui/react-button_v9.3.87)
26
26
 
package/lib/components/Button/useButtonStyles.styles.js CHANGED
@@ -17,36 +17,36 @@ const buttonSpacingLargeWithIcon = '7px';
17
17
  * without affecting other browser platforms
18
18
  */
19
19
  const boxShadowStrokeWidthThinMoz = `calc(${tokens.strokeWidthThin} + 0.25px)`;
20
- const useRootBaseClassName = /*#__PURE__*/__resetStyles("r1alrhcs", null, {
21
- r: [".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);}", ".r1alrhcs:hover{background-color:var(--colorNeutralBackground1Hover);border-color:var(--colorNeutralStroke1Hover);color:var(--colorNeutralForeground1Hover);cursor:pointer;}", ".r1alrhcs:hover:active{background-color:var(--colorNeutralBackground1Pressed);border-color:var(--colorNeutralStroke1Pressed);color:var(--colorNeutralForeground1Pressed);outline-style:none;}", ".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;}"],
22
- s: ["@media screen and (prefers-reduced-motion: reduce){.r1alrhcs{transition-duration:0.01ms;}}", "@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;}}", "@supports (-moz-appearance:button){.r1alrhcs[data-fui-focus-visible]{box-shadow:0 0 0 calc(var(--strokeWidthThin) + 0.25px) var(--colorStrokeFocus2) inset;}}"]
20
+ const useRootBaseClassName = /*#__PURE__*/__resetStyles("rcldc9l", null, {
21
+ r: [".rcldc9l{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(--1, var(--2, var(--colorNeutralBackground1)));color:var(--3, var(--4, var(--colorNeutralForeground1)));border:var(--strokeWidthThin) solid var(--colorNeutralStroke1);font-family:var(--5, var(--6, var(--fontFamilyBase)));outline-style:none;padding:5px var(--spacingHorizontalM);min-width:96px;border-radius:var(--19, var(--20, var(--borderRadiusMedium)));font-size:var(--21, var(--22, var(--fontSizeBase300)));font-weight:var(--23, var(--24, var(--fontWeightSemibold)));line-height:var(--25, var(--26, var(--lineHeightBase300)));transition-duration:var(--27, var(--28, var(--durationFaster)));transition-property:background,border,color;transition-timing-function:var(--29, var(--30, var(--curveEasyEase)));}", ".rcldc9l:hover{background-color:var(--7, var(--8, var(--colorNeutralBackground1Hover)));border-color:var(--9, var(--10, var(--colorNeutralStroke1Hover)));color:var(--11, var(--12, var(--colorNeutralForeground1Hover)));cursor:pointer;}", ".rcldc9l:hover:active{background-color:var(--13, var(--14, var(--colorNeutralBackground1Pressed)));border-color:var(--15, var(--16, var(--colorNeutralStroke1Pressed)));color:var(--17, var(--18, var(--colorNeutralForeground1Pressed)));outline-style:none;}", ".rcldc9l[data-fui-focus-visible]{border-color:var(--31, var(--32, var(--colorStrokeFocus2)));border-radius:var(--33, var(--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;}"],
22
+ s: ["@media screen and (prefers-reduced-motion: reduce){.rcldc9l{transition-duration:0.01ms;}}", "@media (forced-colors: active){.rcldc9l:focus{border-color:ButtonText;}.rcldc9l:hover{background-color:HighlightText;border-color:Highlight;color:Highlight;forced-color-adjust:none;}.rcldc9l:hover:active{background-color:HighlightText;border-color:Highlight;color:Highlight;forced-color-adjust:none;}}", "@supports (-moz-appearance:button){.rcldc9l[data-fui-focus-visible]{box-shadow:0 0 0 calc(var(--strokeWidthThin) + 0.25px) var(--colorStrokeFocus2) inset;}}"]
23
23
  });
24
- const useIconBaseClassName = /*#__PURE__*/__resetStyles("rywnvv2", null, [".rywnvv2{align-items:center;display:inline-flex;justify-content:center;font-size:20px;height:20px;width:20px;--fui-Button__icon--spacing:var(--spacingHorizontalSNudge);}"]);
24
+ const useIconBaseClassName = /*#__PURE__*/__resetStyles("rjvjuh1", null, [".rjvjuh1{align-items:center;display:inline-flex;justify-content:center;font-size:20px;height:20px;width:20px;--fui-Button__icon--spacing:var(--35, var(--36, var(--spacingHorizontalSNudge)));}"]);
25
25
  const useRootStyles = /*#__PURE__*/__styles({
26
26
  outline: {
27
- De3pzq: "f1c21dwh",
28
- Jwef8y: "fjxutwb",
29
- iro3zm: "fwiml72"
27
+ De3pzq: "favd00m",
28
+ Jwef8y: "f1jlfcpx",
29
+ iro3zm: "f1fovm4r"
30
30
  },
31
31
  primary: {
32
- De3pzq: "ffp7eso",
32
+ De3pzq: "f1yiavn6",
33
33
  g2u3we: "f1p3nwhy",
34
34
  h3c5rm: ["f11589ue", "f1pdflbu"],
35
35
  B9xav0g: "f1q5o8ev",
36
36
  zhjwy3: ["f1pdflbu", "f11589ue"],
37
- sj55zd: "f1phragk",
38
- Jwef8y: "f15wkkf3",
37
+ sj55zd: "f147gany",
38
+ Jwef8y: "f1v2ig5q",
39
39
  Bgoe8wy: "f1s2uweq",
40
40
  Bwzppfd: ["fr80ssc", "fecsdlb"],
41
41
  oetu4i: "f1ukrpxl",
42
42
  gg5e9n: ["fecsdlb", "fr80ssc"],
43
- Bi91k9c: "f1rq72xc",
44
- iro3zm: "fnp9lpt",
43
+ Bi91k9c: "f1kyym2e",
44
+ iro3zm: "ftwsmdl",
45
45
  b661bw: "f1h0usnq",
46
46
  Bk6r4ia: ["fs4ktlq", "fx2bmrt"],
47
47
  B9zn80p: "f16h9ulv",
48
48
  Bpld233: ["fx2bmrt", "fs4ktlq"],
49
- B2d53fq: "f1d6v5y2",
49
+ B2d53fq: "f10ziroe",
50
50
  Bsw6fvg: "f1rirnrt",
51
51
  Bjwas2f: "f1uu00uk",
52
52
  Bn1d65q: ["fkvaka8", "f9a0qzu"],
@@ -69,61 +69,61 @@ const useRootStyles = /*#__PURE__*/__styles({
69
69
  },
70
70
  secondary: {},
71
71
  subtle: {
72
- De3pzq: "fhovq9v",
72
+ De3pzq: "f3ihjpl",
73
73
  g2u3we: "f1p3nwhy",
74
74
  h3c5rm: ["f11589ue", "f1pdflbu"],
75
75
  B9xav0g: "f1q5o8ev",
76
76
  zhjwy3: ["f1pdflbu", "f11589ue"],
77
- sj55zd: "fkfq4zb",
78
- Jwef8y: "f1t94bn6",
77
+ sj55zd: "f1f29j1b",
78
+ Jwef8y: "fzypk7",
79
79
  Bgoe8wy: "f1s2uweq",
80
80
  Bwzppfd: ["fr80ssc", "fecsdlb"],
81
81
  oetu4i: "f1ukrpxl",
82
82
  gg5e9n: ["fecsdlb", "fr80ssc"],
83
- Bi91k9c: "fnwyq0v",
83
+ Bi91k9c: "fkni20b",
84
84
  Bk3fhr4: "ft1hn21",
85
85
  Bmfj8id: "fuxngvv",
86
- Bbdnnc7: "fy5bs14",
87
- iro3zm: "fsv2rcd",
86
+ Bbdnnc7: "f1qlveqg",
87
+ iro3zm: "fpedn3v",
88
88
  b661bw: "f1h0usnq",
89
89
  Bk6r4ia: ["fs4ktlq", "fx2bmrt"],
90
90
  B9zn80p: "f16h9ulv",
91
91
  Bpld233: ["fx2bmrt", "fs4ktlq"],
92
- B2d53fq: "f1omzyqd",
92
+ B2d53fq: "f1ysq38h",
93
93
  em6i61: "f1dfjoow",
94
94
  vm6p8p: "f1j98vj9",
95
- x3br3k: "fj8yq94",
95
+ x3br3k: "f5a9wio",
96
96
  ze5xyy: "f4xjyn1",
97
97
  Bx3q9su: "f1et0tmh",
98
98
  pc6evw: "f9ddjv3",
99
99
  xd2cci: "f1wi8ngl"
100
100
  },
101
101
  transparent: {
102
- De3pzq: "f1c21dwh",
102
+ De3pzq: "f1rwsqvi",
103
103
  g2u3we: "f1p3nwhy",
104
104
  h3c5rm: ["f11589ue", "f1pdflbu"],
105
105
  B9xav0g: "f1q5o8ev",
106
106
  zhjwy3: ["f1pdflbu", "f11589ue"],
107
- sj55zd: "fkfq4zb",
108
- Jwef8y: "fjxutwb",
107
+ sj55zd: "f1kk4q8e",
108
+ Jwef8y: "f1g2jd2r",
109
109
  Bgoe8wy: "f1s2uweq",
110
110
  Bwzppfd: ["fr80ssc", "fecsdlb"],
111
111
  oetu4i: "f1ukrpxl",
112
112
  gg5e9n: ["fecsdlb", "fr80ssc"],
113
- Bi91k9c: "f139oj5f",
113
+ Bi91k9c: "f15tg7a0",
114
114
  Bk3fhr4: "ft1hn21",
115
115
  Bmfj8id: "fuxngvv",
116
- iro3zm: "fwiml72",
116
+ iro3zm: "fkrvwd4",
117
117
  b661bw: "f1h0usnq",
118
118
  Bk6r4ia: ["fs4ktlq", "fx2bmrt"],
119
119
  B9zn80p: "f16h9ulv",
120
120
  Bpld233: ["fx2bmrt", "fs4ktlq"],
121
- B2d53fq: "f1fg1p5m",
121
+ B2d53fq: "fydzngg",
122
122
  em6i61: "f1dfjoow",
123
123
  vm6p8p: "f1j98vj9",
124
- Bqrx1nm: "f1tme0vf",
124
+ Bqrx1nm: "f1ur2eto",
125
125
  ze5xyy: "f4xjyn1",
126
- g2kj27: "f18onu3q",
126
+ g2kj27: "f5r8knc",
127
127
  pc6evw: "f9ddjv3"
128
128
  },
129
129
  circular: {
@@ -131,7 +131,7 @@ const useRootStyles = /*#__PURE__*/__styles({
131
131
  Bbmb7ep: 0,
132
132
  Btl43ni: 0,
133
133
  B7oj6ja: 0,
134
- Dimara: "f44lkw9"
134
+ Dimara: "flzsvll"
135
135
  },
136
136
  rounded: {},
137
137
  square: {
@@ -139,7 +139,7 @@ const useRootStyles = /*#__PURE__*/__styles({
139
139
  Bbmb7ep: 0,
140
140
  Btl43ni: 0,
141
141
  B7oj6ja: 0,
142
- Dimara: "f1fabniw"
142
+ Dimara: "f1s3fluu"
143
143
  },
144
144
  small: {
145
145
  Bf4jedk: "fh7ncta",
@@ -152,10 +152,10 @@ const useRootStyles = /*#__PURE__*/__styles({
152
152
  Bbmb7ep: 0,
153
153
  Btl43ni: 0,
154
154
  B7oj6ja: 0,
155
- Dimara: "ft85np5",
156
- Be2twd7: "fy9rknc",
157
- Bhrd7zp: "figsok6",
158
- Bg96gwp: "fwrc4pm"
155
+ Dimara: "f194ic6c",
156
+ Be2twd7: "fnltbal",
157
+ Bhrd7zp: "f1fk4m78",
158
+ Bg96gwp: "f1xzsb5v"
159
159
  },
160
160
  smallWithIcon: {
161
161
  Byoj8tv: "f1brlhvm",
@@ -173,30 +173,30 @@ const useRootStyles = /*#__PURE__*/__styles({
173
173
  Bbmb7ep: 0,
174
174
  Btl43ni: 0,
175
175
  B7oj6ja: 0,
176
- Dimara: "ft85np5",
177
- Be2twd7: "fod5ikn",
178
- Bhrd7zp: "fl43uef",
179
- Bg96gwp: "faaz57k"
176
+ Dimara: "fh2riwq",
177
+ Be2twd7: "f1m8kw6o",
178
+ Bhrd7zp: "f1ldc7uk",
179
+ Bg96gwp: "f18h2bgy"
180
180
  },
181
181
  largeWithIcon: {
182
182
  Byoj8tv: "fy7v416",
183
183
  z8tnut: "f1a1bwwz"
184
184
  }
185
185
  }, {
186
- d: [".f1c21dwh{background-color:var(--colorTransparentBackground);}", ".ffp7eso{background-color:var(--colorBrandBackground);}", ".f1p3nwhy{border-top-color:transparent;}", ".f11589ue{border-right-color:transparent;}", ".f1pdflbu{border-left-color:transparent;}", ".f1q5o8ev{border-bottom-color:transparent;}", ".f1phragk{color:var(--colorNeutralForegroundOnBrand);}", ".fhovq9v{background-color:var(--colorSubtleBackground);}", ".fkfq4zb{color:var(--colorNeutralForeground2);}", [".f44lkw9{border-radius:var(--borderRadiusCircular);}", {
186
+ d: [".favd00m{background-color:var(--37, var(--38, var(--colorTransparentBackground)));}", ".f1yiavn6{background-color:var(--43, var(--44, var(--colorBrandBackground)));}", ".f1p3nwhy{border-top-color:transparent;}", ".f11589ue{border-right-color:transparent;}", ".f1pdflbu{border-left-color:transparent;}", ".f1q5o8ev{border-bottom-color:transparent;}", ".f147gany{color:var(--45, var(--46, var(--colorNeutralForegroundOnBrand)));}", ".f3ihjpl{background-color:var(--55, var(--56, var(--colorSubtleBackground)));}", ".f1f29j1b{color:var(--57, var(--58, var(--colorNeutralForeground2)));}", ".f1rwsqvi{background-color:var(--71, var(--72, var(--colorTransparentBackground)));}", ".f1kk4q8e{color:var(--73, var(--74, var(--colorNeutralForeground2)));}", [".flzsvll{border-radius:var(--87, var(--88, var(--borderRadiusCircular)));}", {
187
187
  p: -1
188
- }], [".f1fabniw{border-radius:var(--borderRadiusNone);}", {
188
+ }], [".f1s3fluu{border-radius:var(--89, var(--90, var(--borderRadiusNone)));}", {
189
189
  p: -1
190
190
  }], ".fh7ncta{min-width:64px;}", [".fneth5b{padding:3px var(--spacingHorizontalS);}", {
191
191
  p: -1
192
- }], [".ft85np5{border-radius:var(--borderRadiusMedium);}", {
192
+ }], [".f194ic6c{border-radius:var(--91, var(--92, var(--borderRadiusMedium)));}", {
193
193
  p: -1
194
- }], ".fy9rknc{font-size:var(--fontSizeBase200);}", ".figsok6{font-weight:var(--fontWeightRegular);}", ".fwrc4pm{line-height:var(--lineHeightBase200);}", ".f1brlhvm{padding-bottom:1px;}", ".f1sl3k7w{padding-top:1px;}", ".f14es27b{min-width:96px;}", [".f4db1ww{padding:8px var(--spacingHorizontalL);}", {
194
+ }], ".fnltbal{font-size:var(--93, var(--94, var(--fontSizeBase200)));}", ".f1fk4m78{font-weight:var(--95, var(--96, var(--fontWeightRegular)));}", ".f1xzsb5v{line-height:var(--97, var(--98, var(--lineHeightBase200)));}", ".f1brlhvm{padding-bottom:1px;}", ".f1sl3k7w{padding-top:1px;}", ".f14es27b{min-width:96px;}", [".f4db1ww{padding:8px var(--spacingHorizontalL);}", {
195
195
  p: -1
196
- }], [".ft85np5{border-radius:var(--borderRadiusMedium);}", {
196
+ }], [".fh2riwq{border-radius:var(--99, var(--100, var(--borderRadiusMedium)));}", {
197
197
  p: -1
198
- }], ".fod5ikn{font-size:var(--fontSizeBase400);}", ".fl43uef{font-weight:var(--fontWeightSemibold);}", ".faaz57k{line-height:var(--lineHeightBase400);}", ".fy7v416{padding-bottom:7px;}", ".f1a1bwwz{padding-top:7px;}"],
199
- h: [".fjxutwb:hover{background-color:var(--colorTransparentBackgroundHover);}", ".fwiml72:hover:active{background-color:var(--colorTransparentBackgroundPressed);}", ".f15wkkf3:hover{background-color:var(--colorBrandBackgroundHover);}", ".f1s2uweq:hover{border-top-color:transparent;}", ".fr80ssc:hover{border-right-color:transparent;}", ".fecsdlb:hover{border-left-color:transparent;}", ".f1ukrpxl:hover{border-bottom-color:transparent;}", ".f1rq72xc:hover{color:var(--colorNeutralForegroundOnBrand);}", ".fnp9lpt:hover:active{background-color:var(--colorBrandBackgroundPressed);}", ".f1h0usnq:hover:active{border-top-color:transparent;}", ".fs4ktlq:hover:active{border-right-color:transparent;}", ".fx2bmrt:hover:active{border-left-color:transparent;}", ".f16h9ulv:hover:active{border-bottom-color:transparent;}", ".f1d6v5y2:hover:active{color:var(--colorNeutralForegroundOnBrand);}", ".f1t94bn6:hover{background-color:var(--colorSubtleBackgroundHover);}", ".fnwyq0v:hover{color:var(--colorNeutralForeground2Hover);}", ".ft1hn21:hover .fui-Icon-filled{display:inline;}", ".fuxngvv:hover .fui-Icon-regular{display:none;}", ".fy5bs14:hover .fui-Button__icon{color:var(--colorNeutralForeground2BrandHover);}", ".fsv2rcd:hover:active{background-color:var(--colorSubtleBackgroundPressed);}", ".f1omzyqd:hover:active{color:var(--colorNeutralForeground2Pressed);}", ".f1dfjoow:hover:active .fui-Icon-filled{display:inline;}", ".f1j98vj9:hover:active .fui-Icon-regular{display:none;}", ".fj8yq94:hover:active .fui-Button__icon{color:var(--colorNeutralForeground2BrandPressed);}", ".f139oj5f:hover{color:var(--colorNeutralForeground2BrandHover);}", ".f1fg1p5m:hover:active{color:var(--colorNeutralForeground2BrandPressed);}"],
198
+ }], ".f1m8kw6o{font-size:var(--101, var(--102, var(--fontSizeBase400)));}", ".f1ldc7uk{font-weight:var(--103, var(--104, var(--fontWeightSemibold)));}", ".f18h2bgy{line-height:var(--105, var(--106, var(--lineHeightBase400)));}", ".fy7v416{padding-bottom:7px;}", ".f1a1bwwz{padding-top:7px;}"],
199
+ h: [".f1jlfcpx:hover{background-color:var(--39, var(--40, var(--colorTransparentBackgroundHover)));}", ".f1fovm4r:hover:active{background-color:var(--41, var(--42, var(--colorTransparentBackgroundPressed)));}", ".f1v2ig5q:hover{background-color:var(--47, var(--48, var(--colorBrandBackgroundHover)));}", ".f1s2uweq:hover{border-top-color:transparent;}", ".fr80ssc:hover{border-right-color:transparent;}", ".fecsdlb:hover{border-left-color:transparent;}", ".f1ukrpxl:hover{border-bottom-color:transparent;}", ".f1kyym2e:hover{color:var(--49, var(--50, var(--colorNeutralForegroundOnBrand)));}", ".ftwsmdl:hover:active{background-color:var(--51, var(--52, var(--colorBrandBackgroundPressed)));}", ".f1h0usnq:hover:active{border-top-color:transparent;}", ".fs4ktlq:hover:active{border-right-color:transparent;}", ".fx2bmrt:hover:active{border-left-color:transparent;}", ".f16h9ulv:hover:active{border-bottom-color:transparent;}", ".f10ziroe:hover:active{color:var(--53, var(--54, var(--colorNeutralForegroundOnBrand)));}", ".fzypk7:hover{background-color:var(--59, var(--60, var(--colorSubtleBackgroundHover)));}", ".fkni20b:hover{color:var(--61, var(--62, var(--colorNeutralForeground2Hover)));}", ".ft1hn21:hover .fui-Icon-filled{display:inline;}", ".fuxngvv:hover .fui-Icon-regular{display:none;}", ".f1qlveqg:hover .fui-Button__icon{color:var(--63, var(--64, var(--colorNeutralForeground2BrandHover)));}", ".fpedn3v:hover:active{background-color:var(--65, var(--66, var(--colorSubtleBackgroundPressed)));}", ".f1ysq38h:hover:active{color:var(--67, var(--68, var(--colorNeutralForeground2Pressed)));}", ".f1dfjoow:hover:active .fui-Icon-filled{display:inline;}", ".f1j98vj9:hover:active .fui-Icon-regular{display:none;}", ".f5a9wio:hover:active .fui-Button__icon{color:var(--69, var(--70, var(--colorNeutralForeground2BrandPressed)));}", ".f1g2jd2r:hover{background-color:var(--75, var(--76, var(--colorTransparentBackgroundHover)));}", ".f15tg7a0:hover{color:var(--77, var(--78, var(--colorNeutralForeground2BrandHover)));}", ".fkrvwd4:hover:active{background-color:var(--79, var(--80, var(--colorTransparentBackgroundPressed)));}", ".fydzngg:hover:active{color:var(--81, var(--82, var(--colorNeutralForeground2BrandPressed)));}"],
200
200
  m: [["@media (forced-colors: active){.f1rirnrt{background-color:Highlight;}}", {
201
201
  m: "(forced-colors: active)"
202
202
  }], ["@media (forced-colors: active){.f1uu00uk{border-top-color:HighlightText;}}", {
@@ -233,42 +233,42 @@ const useRootStyles = /*#__PURE__*/__styles({
233
233
  m: "(forced-colors: active)"
234
234
  }], ["@media (forced-colors: active){.f1wi8ngl:hover:active .fui-Button__icon{color:Highlight;}}", {
235
235
  m: "(forced-colors: active)"
236
- }], ["@media (forced-colors: active){.f1tme0vf:hover{background-color:var(--colorTransparentBackground);}}", {
236
+ }], ["@media (forced-colors: active){.f1ur2eto:hover{background-color:var(--83, var(--84, var(--colorTransparentBackground)));}}", {
237
237
  m: "(forced-colors: active)"
238
- }], ["@media (forced-colors: active){.f18onu3q:hover:active{background-color:var(--colorTransparentBackground);}}", {
238
+ }], ["@media (forced-colors: active){.f5r8knc:hover:active{background-color:var(--85, var(--86, var(--colorTransparentBackground)));}}", {
239
239
  m: "(forced-colors: active)"
240
240
  }]]
241
241
  });
242
242
  const useRootDisabledStyles = /*#__PURE__*/__styles({
243
243
  base: {
244
- De3pzq: "f1bg9a2p",
244
+ De3pzq: "frhfvzv",
245
245
  g2u3we: "f1jj8ep1",
246
246
  h3c5rm: ["f15xbau", "fy0fskl"],
247
247
  B9xav0g: "f4ikngz",
248
248
  zhjwy3: ["fy0fskl", "f15xbau"],
249
- sj55zd: "f1s2aq7o",
249
+ sj55zd: "fzobr5l",
250
250
  Bceei9c: "fdrzuqr",
251
- Bfinmwp: "f15x8b5r",
252
- Jwef8y: "f1falr9n",
251
+ Bfinmwp: "fgd0022",
252
+ Jwef8y: "f1tesxrz",
253
253
  Bgoe8wy: "f12mpcsy",
254
254
  Bwzppfd: ["f1gwvigk", "f18rmfxp"],
255
255
  oetu4i: "f1jnshp0",
256
256
  gg5e9n: ["f18rmfxp", "f1gwvigk"],
257
- Bi91k9c: "fvgxktp",
257
+ Bi91k9c: "frafaxp",
258
258
  eoavqd: "fphbwmw",
259
259
  Bk3fhr4: "f19vpps7",
260
260
  Bmfj8id: "fv5swzo",
261
- Bbdnnc7: "f1al02dq",
262
- iro3zm: "f1t6o4dc",
261
+ Bbdnnc7: "f1qp763u",
262
+ iro3zm: "f14djvvj",
263
263
  b661bw: "f10ztigi",
264
264
  Bk6r4ia: ["f1ft5sdu", "f1gzf82w"],
265
265
  B9zn80p: "f12zbtn2",
266
266
  Bpld233: ["f1gzf82w", "f1ft5sdu"],
267
- B2d53fq: "fcvwxyo",
267
+ B2d53fq: "faxwmxw",
268
268
  c3iz72: "f8w4c43",
269
269
  em6i61: "f1ol4fw6",
270
270
  vm6p8p: "f1q1lw4e",
271
- x3br3k: "f1dwjv2g"
271
+ x3br3k: "f15h2u3k"
272
272
  },
273
273
  highContrast: {
274
274
  Bsw6fvg: "f4lkoma",
@@ -295,9 +295,9 @@ const useRootDisabledStyles = /*#__PURE__*/__styles({
295
295
  pc6evw: "fb3rf2x"
296
296
  },
297
297
  outline: {
298
- De3pzq: "f1c21dwh",
299
- Jwef8y: "f9ql6rf",
300
- iro3zm: "f3h1zc4"
298
+ De3pzq: "fyi9log",
299
+ Jwef8y: "ff1rlgk",
300
+ iro3zm: "fe123kk"
301
301
  },
302
302
  primary: {
303
303
  g2u3we: "f1p3nwhy",
@@ -315,42 +315,42 @@ const useRootDisabledStyles = /*#__PURE__*/__styles({
315
315
  },
316
316
  secondary: {},
317
317
  subtle: {
318
- De3pzq: "f1c21dwh",
318
+ De3pzq: "fq3tchs",
319
319
  g2u3we: "f1p3nwhy",
320
320
  h3c5rm: ["f11589ue", "f1pdflbu"],
321
321
  B9xav0g: "f1q5o8ev",
322
322
  zhjwy3: ["f1pdflbu", "f11589ue"],
323
- Jwef8y: "f9ql6rf",
323
+ Jwef8y: "f1ejnv35",
324
324
  Bgoe8wy: "f1s2uweq",
325
325
  Bwzppfd: ["fr80ssc", "fecsdlb"],
326
326
  oetu4i: "f1ukrpxl",
327
327
  gg5e9n: ["fecsdlb", "fr80ssc"],
328
- iro3zm: "f3h1zc4",
328
+ iro3zm: "f1ox8cy",
329
329
  b661bw: "f1h0usnq",
330
330
  Bk6r4ia: ["fs4ktlq", "fx2bmrt"],
331
331
  B9zn80p: "f16h9ulv",
332
332
  Bpld233: ["fx2bmrt", "fs4ktlq"]
333
333
  },
334
334
  transparent: {
335
- De3pzq: "f1c21dwh",
335
+ De3pzq: "f1p3nfov",
336
336
  g2u3we: "f1p3nwhy",
337
337
  h3c5rm: ["f11589ue", "f1pdflbu"],
338
338
  B9xav0g: "f1q5o8ev",
339
339
  zhjwy3: ["f1pdflbu", "f11589ue"],
340
- Jwef8y: "f9ql6rf",
340
+ Jwef8y: "f1xw1o7i",
341
341
  Bgoe8wy: "f1s2uweq",
342
342
  Bwzppfd: ["fr80ssc", "fecsdlb"],
343
343
  oetu4i: "f1ukrpxl",
344
344
  gg5e9n: ["fecsdlb", "fr80ssc"],
345
- iro3zm: "f3h1zc4",
345
+ iro3zm: "f1ddp76x",
346
346
  b661bw: "f1h0usnq",
347
347
  Bk6r4ia: ["fs4ktlq", "fx2bmrt"],
348
348
  B9zn80p: "f16h9ulv",
349
349
  Bpld233: ["fx2bmrt", "fs4ktlq"]
350
350
  }
351
351
  }, {
352
- d: [".f1bg9a2p{background-color:var(--colorNeutralBackgroundDisabled);}", ".f1jj8ep1{border-top-color:var(--colorNeutralStrokeDisabled);}", ".f15xbau{border-right-color:var(--colorNeutralStrokeDisabled);}", ".fy0fskl{border-left-color:var(--colorNeutralStrokeDisabled);}", ".f4ikngz{border-bottom-color:var(--colorNeutralStrokeDisabled);}", ".f1s2aq7o{color:var(--colorNeutralForegroundDisabled);}", ".fdrzuqr{cursor:not-allowed;}", ".f15x8b5r .fui-Button__icon{color:var(--colorNeutralForegroundDisabled);}", ".f1c21dwh{background-color:var(--colorTransparentBackground);}", ".f1p3nwhy{border-top-color:transparent;}", ".f11589ue{border-right-color:transparent;}", ".f1pdflbu{border-left-color:transparent;}", ".f1q5o8ev{border-bottom-color:transparent;}"],
353
- h: [".f1falr9n:hover{background-color:var(--colorNeutralBackgroundDisabled);}", ".f12mpcsy:hover{border-top-color:var(--colorNeutralStrokeDisabled);}", ".f1gwvigk:hover{border-right-color:var(--colorNeutralStrokeDisabled);}", ".f18rmfxp:hover{border-left-color:var(--colorNeutralStrokeDisabled);}", ".f1jnshp0:hover{border-bottom-color:var(--colorNeutralStrokeDisabled);}", ".fvgxktp:hover{color:var(--colorNeutralForegroundDisabled);}", ".fphbwmw:hover{cursor:not-allowed;}", ".f19vpps7:hover .fui-Icon-filled{display:none;}", ".fv5swzo:hover .fui-Icon-regular{display:inline;}", ".f1al02dq:hover .fui-Button__icon{color:var(--colorNeutralForegroundDisabled);}", ".f1t6o4dc:hover:active{background-color:var(--colorNeutralBackgroundDisabled);}", ".f10ztigi:hover:active{border-top-color:var(--colorNeutralStrokeDisabled);}", ".f1ft5sdu:hover:active{border-right-color:var(--colorNeutralStrokeDisabled);}", ".f1gzf82w:hover:active{border-left-color:var(--colorNeutralStrokeDisabled);}", ".f12zbtn2:hover:active{border-bottom-color:var(--colorNeutralStrokeDisabled);}", ".fcvwxyo:hover:active{color:var(--colorNeutralForegroundDisabled);}", ".f8w4c43:hover:active{cursor:not-allowed;}", ".f1ol4fw6:hover:active .fui-Icon-filled{display:none;}", ".f1q1lw4e:hover:active .fui-Icon-regular{display:inline;}", ".f1dwjv2g:hover:active .fui-Button__icon{color:var(--colorNeutralForegroundDisabled);}", ".f9ql6rf:hover{background-color:var(--colorTransparentBackground);}", ".f3h1zc4:hover:active{background-color:var(--colorTransparentBackground);}", ".f1s2uweq:hover{border-top-color:transparent;}", ".fr80ssc:hover{border-right-color:transparent;}", ".fecsdlb:hover{border-left-color:transparent;}", ".f1ukrpxl:hover{border-bottom-color:transparent;}", ".f1h0usnq:hover:active{border-top-color:transparent;}", ".fs4ktlq:hover:active{border-right-color:transparent;}", ".fx2bmrt:hover:active{border-left-color:transparent;}", ".f16h9ulv:hover:active{border-bottom-color:transparent;}"],
352
+ d: [".frhfvzv{background-color:var(--107, var(--108, var(--colorNeutralBackgroundDisabled)));}", ".f1jj8ep1{border-top-color:var(--colorNeutralStrokeDisabled);}", ".f15xbau{border-right-color:var(--colorNeutralStrokeDisabled);}", ".fy0fskl{border-left-color:var(--colorNeutralStrokeDisabled);}", ".f4ikngz{border-bottom-color:var(--colorNeutralStrokeDisabled);}", ".fzobr5l{color:var(--109, var(--110, var(--colorNeutralForegroundDisabled)));}", ".fdrzuqr{cursor:not-allowed;}", ".fgd0022 .fui-Button__icon{color:var(--111, var(--112, var(--colorNeutralForegroundDisabled)));}", ".fyi9log{background-color:var(--125, var(--126, var(--colorTransparentBackground)));}", ".f1p3nwhy{border-top-color:transparent;}", ".f11589ue{border-right-color:transparent;}", ".f1pdflbu{border-left-color:transparent;}", ".f1q5o8ev{border-bottom-color:transparent;}", ".fq3tchs{background-color:var(--131, var(--132, var(--colorTransparentBackground)));}", ".f1p3nfov{background-color:var(--137, var(--138, var(--colorTransparentBackground)));}"],
353
+ h: [".f1tesxrz:hover{background-color:var(--113, var(--114, var(--colorNeutralBackgroundDisabled)));}", ".f12mpcsy:hover{border-top-color:var(--colorNeutralStrokeDisabled);}", ".f1gwvigk:hover{border-right-color:var(--colorNeutralStrokeDisabled);}", ".f18rmfxp:hover{border-left-color:var(--colorNeutralStrokeDisabled);}", ".f1jnshp0:hover{border-bottom-color:var(--colorNeutralStrokeDisabled);}", ".frafaxp:hover{color:var(--115, var(--116, var(--colorNeutralForegroundDisabled)));}", ".fphbwmw:hover{cursor:not-allowed;}", ".f19vpps7:hover .fui-Icon-filled{display:none;}", ".fv5swzo:hover .fui-Icon-regular{display:inline;}", ".f1qp763u:hover .fui-Button__icon{color:var(--117, var(--118, var(--colorNeutralForegroundDisabled)));}", ".f14djvvj:hover:active{background-color:var(--119, var(--120, var(--colorNeutralBackgroundDisabled)));}", ".f10ztigi:hover:active{border-top-color:var(--colorNeutralStrokeDisabled);}", ".f1ft5sdu:hover:active{border-right-color:var(--colorNeutralStrokeDisabled);}", ".f1gzf82w:hover:active{border-left-color:var(--colorNeutralStrokeDisabled);}", ".f12zbtn2:hover:active{border-bottom-color:var(--colorNeutralStrokeDisabled);}", ".faxwmxw:hover:active{color:var(--121, var(--122, var(--colorNeutralForegroundDisabled)));}", ".f8w4c43:hover:active{cursor:not-allowed;}", ".f1ol4fw6:hover:active .fui-Icon-filled{display:none;}", ".f1q1lw4e:hover:active .fui-Icon-regular{display:inline;}", ".f15h2u3k:hover:active .fui-Button__icon{color:var(--123, var(--124, var(--colorNeutralForegroundDisabled)));}", ".ff1rlgk:hover{background-color:var(--127, var(--128, var(--colorTransparentBackground)));}", ".fe123kk:hover:active{background-color:var(--129, var(--130, var(--colorTransparentBackground)));}", ".f1s2uweq:hover{border-top-color:transparent;}", ".fr80ssc:hover{border-right-color:transparent;}", ".fecsdlb:hover{border-left-color:transparent;}", ".f1ukrpxl:hover{border-bottom-color:transparent;}", ".f1h0usnq:hover:active{border-top-color:transparent;}", ".fs4ktlq:hover:active{border-right-color:transparent;}", ".fx2bmrt:hover:active{border-left-color:transparent;}", ".f16h9ulv:hover:active{border-bottom-color:transparent;}", ".f1ejnv35:hover{background-color:var(--133, var(--134, var(--colorTransparentBackground)));}", ".f1ox8cy:hover:active{background-color:var(--135, var(--136, var(--colorTransparentBackground)));}", ".f1xw1o7i:hover{background-color:var(--139, var(--140, var(--colorTransparentBackground)));}", ".f1ddp76x:hover:active{background-color:var(--141, var(--142, var(--colorTransparentBackground)));}"],
354
354
  m: [["@media (forced-colors: active){.f4lkoma{background-color:ButtonFace;}}", {
355
355
  m: "(forced-colors: active)"
356
356
  }], ["@media (forced-colors: active){.fg455y9{border-top-color:GrayText;}}", {
@@ -395,7 +395,7 @@ const useRootFocusStyles = /*#__PURE__*/__styles({
395
395
  kdpuga: 0,
396
396
  dm238s: 0,
397
397
  B6xbmo0: 0,
398
- B3whbx2: "f1062rbf"
398
+ B3whbx2: "f1bx8dc2"
399
399
  },
400
400
  rounded: {},
401
401
  square: {
@@ -403,7 +403,7 @@ const useRootFocusStyles = /*#__PURE__*/__styles({
403
403
  kdpuga: 0,
404
404
  dm238s: 0,
405
405
  B6xbmo0: 0,
406
- B3whbx2: "fj0ryk1"
406
+ B3whbx2: "fd666qa"
407
407
  },
408
408
  primary: {
409
409
  B8q5s1w: "f17t0x8g",
@@ -424,7 +424,7 @@ const useRootFocusStyles = /*#__PURE__*/__styles({
424
424
  kdpuga: 0,
425
425
  dm238s: 0,
426
426
  B6xbmo0: 0,
427
- B3whbx2: "fazmxh"
427
+ B3whbx2: "fdt9xh3"
428
428
  },
429
429
  medium: {},
430
430
  large: {
@@ -432,16 +432,16 @@ const useRootFocusStyles = /*#__PURE__*/__styles({
432
432
  kdpuga: 0,
433
433
  dm238s: 0,
434
434
  B6xbmo0: 0,
435
- B3whbx2: "f1b6alqh"
435
+ B3whbx2: "f1kvjb74"
436
436
  }
437
437
  }, {
438
- d: [[".f1062rbf[data-fui-focus-visible]{border-radius:var(--borderRadiusCircular);}", {
438
+ d: [[".f1bx8dc2[data-fui-focus-visible]{border-radius:var(--143, var(--144, var(--borderRadiusCircular)));}", {
439
439
  p: -1
440
- }], [".fj0ryk1[data-fui-focus-visible]{border-radius:var(--borderRadiusNone);}", {
440
+ }], [".fd666qa[data-fui-focus-visible]{border-radius:var(--145, var(--146, var(--borderRadiusNone)));}", {
441
441
  p: -1
442
- }], ".f17t0x8g[data-fui-focus-visible]{border-top-color:var(--colorStrokeFocus2);}", ".f194v5ow[data-fui-focus-visible]{border-right-color:var(--colorStrokeFocus2);}", ".fk7jm04[data-fui-focus-visible]{border-left-color:var(--colorStrokeFocus2);}", ".f1qgg65p[data-fui-focus-visible]{border-bottom-color:var(--colorStrokeFocus2);}", ".fhgccpy[data-fui-focus-visible]{box-shadow:var(--shadow2),0 0 0 var(--strokeWidthThin) var(--colorStrokeFocus2) inset,0 0 0 var(--strokeWidthThick) var(--colorNeutralForegroundOnBrand) inset;}", ".fjo7pq6[data-fui-focus-visible]{box-shadow:var(--shadow2),0 0 0 var(--strokeWidthThin) var(--colorStrokeFocus2) inset,0 0 0 var(--strokeWidthThick) var(--colorNeutralForegroundOnBrand) inset;}", ".f32wu9k[data-fui-focus-visible]:hover{box-shadow:var(--shadow2),0 0 0 var(--strokeWidthThin) var(--colorStrokeFocus2) inset;}", ".fu5nqqq[data-fui-focus-visible]:hover{border-top-color:var(--colorStrokeFocus2);}", ".f13prjl2[data-fui-focus-visible]:hover{border-right-color:var(--colorStrokeFocus2);}", ".f1nl83rv[data-fui-focus-visible]:hover{border-left-color:var(--colorStrokeFocus2);}", ".f1czftr5[data-fui-focus-visible]:hover{border-bottom-color:var(--colorStrokeFocus2);}", [".fazmxh[data-fui-focus-visible]{border-radius:var(--borderRadiusSmall);}", {
442
+ }], ".f17t0x8g[data-fui-focus-visible]{border-top-color:var(--colorStrokeFocus2);}", ".f194v5ow[data-fui-focus-visible]{border-right-color:var(--colorStrokeFocus2);}", ".fk7jm04[data-fui-focus-visible]{border-left-color:var(--colorStrokeFocus2);}", ".f1qgg65p[data-fui-focus-visible]{border-bottom-color:var(--colorStrokeFocus2);}", ".fhgccpy[data-fui-focus-visible]{box-shadow:var(--shadow2),0 0 0 var(--strokeWidthThin) var(--colorStrokeFocus2) inset,0 0 0 var(--strokeWidthThick) var(--colorNeutralForegroundOnBrand) inset;}", ".fjo7pq6[data-fui-focus-visible]{box-shadow:var(--shadow2),0 0 0 var(--strokeWidthThin) var(--colorStrokeFocus2) inset,0 0 0 var(--strokeWidthThick) var(--colorNeutralForegroundOnBrand) inset;}", ".f32wu9k[data-fui-focus-visible]:hover{box-shadow:var(--shadow2),0 0 0 var(--strokeWidthThin) var(--colorStrokeFocus2) inset;}", ".fu5nqqq[data-fui-focus-visible]:hover{border-top-color:var(--colorStrokeFocus2);}", ".f13prjl2[data-fui-focus-visible]:hover{border-right-color:var(--colorStrokeFocus2);}", ".f1nl83rv[data-fui-focus-visible]:hover{border-left-color:var(--colorStrokeFocus2);}", ".f1czftr5[data-fui-focus-visible]:hover{border-bottom-color:var(--colorStrokeFocus2);}", [".fdt9xh3[data-fui-focus-visible]{border-radius:var(--147, var(--148, var(--borderRadiusSmall)));}", {
443
443
  p: -1
444
- }], [".f1b6alqh[data-fui-focus-visible]{border-radius:var(--borderRadiusLarge);}", {
444
+ }], [".f1kvjb74[data-fui-focus-visible]{border-radius:var(--149, var(--150, var(--borderRadiusLarge)));}", {
445
445
  p: -1
446
446
  }]],
447
447
  t: ["@supports (-moz-appearance:button){.f12k37oa[data-fui-focus-visible]{box-shadow:var(--shadow2),0 0 0 calc(var(--strokeWidthThin) + 0.25px) var(--colorStrokeFocus2) inset,0 0 0 var(--strokeWidthThick) var(--colorNeutralForegroundOnBrand) inset;}.fdnykm2[data-fui-focus-visible]{box-shadow:var(--shadow2),0 0 0 calc(var(--strokeWidthThin) + 0.25px) var(--colorStrokeFocus2) inset,0 0 0 var(--strokeWidthThick) var(--colorNeutralForegroundOnBrand) inset;}}", "@supports (-moz-appearance:button){.fr96u23[data-fui-focus-visible]:hover{box-shadow:var(--shadow2),0 0 0 calc(var(--strokeWidthThin) + 0.25px) var(--colorStrokeFocus2) inset;}}"]
@@ -488,14 +488,14 @@ const useIconStyles = /*#__PURE__*/__styles({
488
488
  Be2twd7: "fe5j1ua",
489
489
  Bqenvij: "fjamq6b",
490
490
  a9b677: "f64fuq3",
491
- Bqrlyyl: "fbaiahx"
491
+ Bqrlyyl: "f1grhd4t"
492
492
  },
493
493
  medium: {},
494
494
  large: {
495
495
  Be2twd7: "f1rt2boy",
496
496
  Bqenvij: "frvgh55",
497
497
  a9b677: "fq4mcun",
498
- Bqrlyyl: "f1exjqw5"
498
+ Bqrlyyl: "fht5m1c"
499
499
  },
500
500
  before: {
501
501
  t21cq0: ["f1nizpg2", "f1a695kz"]
@@ -504,7 +504,7 @@ const useIconStyles = /*#__PURE__*/__styles({
504
504
  Frg6f3: ["f1a695kz", "f1nizpg2"]
505
505
  }
506
506
  }, {
507
- d: [".fe5j1ua{font-size:20px;}", ".fjamq6b{height:20px;}", ".f64fuq3{width:20px;}", ".fbaiahx{--fui-Button__icon--spacing:var(--spacingHorizontalXS);}", ".f1rt2boy{font-size:24px;}", ".frvgh55{height:24px;}", ".fq4mcun{width:24px;}", ".f1exjqw5{--fui-Button__icon--spacing:var(--spacingHorizontalSNudge);}", ".f1nizpg2{margin-right:var(--fui-Button__icon--spacing);}", ".f1a695kz{margin-left:var(--fui-Button__icon--spacing);}"]
507
+ d: [".fe5j1ua{font-size:20px;}", ".fjamq6b{height:20px;}", ".f64fuq3{width:20px;}", ".f1grhd4t{--fui-Button__icon--spacing:var(--151, var(--152, var(--spacingHorizontalXS)));}", ".f1rt2boy{font-size:24px;}", ".frvgh55{height:24px;}", ".fq4mcun{width:24px;}", ".fht5m1c{--fui-Button__icon--spacing:var(--153, var(--154, var(--spacingHorizontalSNudge)));}", ".f1nizpg2{margin-right:var(--fui-Button__icon--spacing);}", ".f1a695kz{margin-left:var(--fui-Button__icon--spacing);}"]
508
508
  });
509
509
  export const useButtonStyles_unstable = state => {
510
510
  'use no memo';
package/lib/components/Button/useButtonStyles.styles.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"names":["iconFilledClassName","iconRegularClassName","createCustomFocusIndicatorStyle","tokens","shorthands","__styles","__resetStyles","mergeClasses","buttonClassNames","root","icon","iconSpacingVar","buttonSpacingSmall","buttonSpacingSmallWithIcon","buttonSpacingMedium","buttonSpacingLarge","buttonSpacingLargeWithIcon","boxShadowStrokeWidthThinMoz","strokeWidthThin","useRootBaseClassName","r","s","useIconBaseClassName","useRootStyles","outline","De3pzq","Jwef8y","iro3zm","primary","g2u3we","h3c5rm","B9xav0g","zhjwy3","sj55zd","Bgoe8wy","Bwzppfd","oetu4i","gg5e9n","Bi91k9c","b661bw","Bk6r4ia","B9zn80p","Bpld233","B2d53fq","Bsw6fvg","Bjwas2f","Bn1d65q","Bxeuatn","n51gp8","Bbusuzp","ycbfsm","Bqrx1nm","pgvf35","Bh7lczh","dpv3f4","Bpnjhaq","ze5xyy","g2kj27","Bf756sw","Bow2dr7","Bvhedfk","Gye4lf","pc6evw","secondary","subtle","Bk3fhr4","Bmfj8id","Bbdnnc7","em6i61","vm6p8p","x3br3k","Bx3q9su","xd2cci","transparent","circular","Beyfa6y","Bbmb7ep","Btl43ni","B7oj6ja","Dimara","rounded","square","small","Bf4jedk","Byoj8tv","uwmqm3","z189sj","z8tnut","B0ocmuz","Be2twd7","Bhrd7zp","Bg96gwp","smallWithIcon","medium","large","largeWithIcon","d","p","h","m","useRootDisabledStyles","base","Bceei9c","Bfinmwp","eoavqd","c3iz72","highContrast","G867l3","gdbnj","mxns5l","o3nasb","useRootFocusStyles","Bw81rd7","kdpuga","dm238s","B6xbmo0","B3whbx2","B8q5s1w","Bci5o5g","n8qw10","Bdrgwmp","j6ew2k","he4mth","Byr4aka","lks7q5","Bnan3qt","k1dn9","Boium3a","tm8e47","t","useRootIconOnlyStyles","B2u0y6b","useIconStyles","Bqenvij","a9b677","Bqrlyyl","before","t21cq0","after","Frg6f3","useButtonStyles_unstable","state","rootBaseClassName","iconBaseClassName","rootStyles","rootDisabledStyles","rootFocusStyles","rootIconOnlyStyles","iconStyles","appearance","disabled","disabledFocusable","iconOnly","iconPosition","shape","size","className","children"],"sources":["useButtonStyles.styles.js"],"sourcesContent":["import { iconFilledClassName, iconRegularClassName } from '@fluentui/react-icons';\nimport { createCustomFocusIndicatorStyle } from '@fluentui/react-tabster';\nimport { tokens } from '@fluentui/react-theme';\nimport { shorthands, makeStyles, makeResetStyles, mergeClasses } from '@griffel/react';\nexport const buttonClassNames = {\n root: 'fui-Button',\n icon: 'fui-Button__icon'\n};\nconst iconSpacingVar = '--fui-Button__icon--spacing';\nconst buttonSpacingSmall = '3px';\nconst buttonSpacingSmallWithIcon = '1px';\nconst buttonSpacingMedium = '5px';\nconst buttonSpacingLarge = '8px';\nconst buttonSpacingLargeWithIcon = '7px';\n/* Firefox has box shadow sizing issue at some zoom levels\n * this will ensure the inset boxShadow is always uniform\n * without affecting other browser platforms\n */ const boxShadowStrokeWidthThinMoz = `calc(${tokens.strokeWidthThin} + 0.25px)`;\nconst useRootBaseClassName = makeResetStyles({\n alignItems: 'center',\n boxSizing: 'border-box',\n display: 'inline-flex',\n justifyContent: 'center',\n textDecorationLine: 'none',\n verticalAlign: 'middle',\n margin: 0,\n overflow: 'hidden',\n backgroundColor: tokens.colorNeutralBackground1,\n color: tokens.colorNeutralForeground1,\n border: `${tokens.strokeWidthThin} solid ${tokens.colorNeutralStroke1}`,\n fontFamily: tokens.fontFamilyBase,\n outlineStyle: 'none',\n ':hover': {\n backgroundColor: tokens.colorNeutralBackground1Hover,\n borderColor: tokens.colorNeutralStroke1Hover,\n color: tokens.colorNeutralForeground1Hover,\n cursor: 'pointer'\n },\n ':hover:active': {\n backgroundColor: tokens.colorNeutralBackground1Pressed,\n borderColor: tokens.colorNeutralStroke1Pressed,\n color: tokens.colorNeutralForeground1Pressed,\n outlineStyle: 'none'\n },\n padding: `${buttonSpacingMedium} ${tokens.spacingHorizontalM}`,\n minWidth: '96px',\n borderRadius: tokens.borderRadiusMedium,\n fontSize: tokens.fontSizeBase300,\n fontWeight: tokens.fontWeightSemibold,\n lineHeight: tokens.lineHeightBase300,\n // Transition styles\n transitionDuration: tokens.durationFaster,\n transitionProperty: 'background, border, color',\n transitionTimingFunction: tokens.curveEasyEase,\n '@media screen and (prefers-reduced-motion: reduce)': {\n transitionDuration: '0.01ms'\n },\n // High contrast styles\n '@media (forced-colors: active)': {\n ':focus': {\n borderColor: 'ButtonText'\n },\n ':hover': {\n backgroundColor: 'HighlightText',\n borderColor: 'Highlight',\n color: 'Highlight',\n forcedColorAdjust: 'none'\n },\n ':hover:active': {\n backgroundColor: 'HighlightText',\n borderColor: 'Highlight',\n color: 'Highlight',\n forcedColorAdjust: 'none'\n }\n },\n // Focus styles\n ...createCustomFocusIndicatorStyle({\n borderColor: tokens.colorStrokeFocus2,\n borderRadius: tokens.borderRadiusMedium,\n borderWidth: '1px',\n outline: `${tokens.strokeWidthThick} solid ${tokens.colorTransparentStroke}`,\n boxShadow: `0 0 0 ${tokens.strokeWidthThin} ${tokens.colorStrokeFocus2}\n inset\n `,\n zIndex: 1\n }),\n // BUGFIX: Mozilla specific styles (Mozilla BugID: 1857642)\n '@supports (-moz-appearance:button)': {\n ...createCustomFocusIndicatorStyle({\n boxShadow: `0 0 0 ${boxShadowStrokeWidthThinMoz} ${tokens.colorStrokeFocus2}\n inset\n `\n })\n }\n});\nconst useIconBaseClassName = makeResetStyles({\n alignItems: 'center',\n display: 'inline-flex',\n justifyContent: 'center',\n fontSize: '20px',\n height: '20px',\n width: '20px',\n [iconSpacingVar]: tokens.spacingHorizontalSNudge\n});\nconst useRootStyles = makeStyles({\n // Appearance variations\n outline: {\n backgroundColor: tokens.colorTransparentBackground,\n ':hover': {\n backgroundColor: tokens.colorTransparentBackgroundHover\n },\n ':hover:active': {\n backgroundColor: tokens.colorTransparentBackgroundPressed\n }\n },\n primary: {\n backgroundColor: tokens.colorBrandBackground,\n ...shorthands.borderColor('transparent'),\n color: tokens.colorNeutralForegroundOnBrand,\n ':hover': {\n backgroundColor: tokens.colorBrandBackgroundHover,\n ...shorthands.borderColor('transparent'),\n color: tokens.colorNeutralForegroundOnBrand\n },\n ':hover:active': {\n backgroundColor: tokens.colorBrandBackgroundPressed,\n ...shorthands.borderColor('transparent'),\n color: tokens.colorNeutralForegroundOnBrand\n },\n '@media (forced-colors: active)': {\n backgroundColor: 'Highlight',\n ...shorthands.borderColor('HighlightText'),\n color: 'HighlightText',\n forcedColorAdjust: 'none',\n ':hover': {\n backgroundColor: 'HighlightText',\n ...shorthands.borderColor('Highlight'),\n color: 'Highlight'\n },\n ':hover:active': {\n backgroundColor: 'HighlightText',\n ...shorthands.borderColor('Highlight'),\n color: 'Highlight'\n }\n }\n },\n secondary: {\n },\n subtle: {\n backgroundColor: tokens.colorSubtleBackground,\n ...shorthands.borderColor('transparent'),\n color: tokens.colorNeutralForeground2,\n ':hover': {\n backgroundColor: tokens.colorSubtleBackgroundHover,\n ...shorthands.borderColor('transparent'),\n color: tokens.colorNeutralForeground2Hover,\n [`& .${iconFilledClassName}`]: {\n display: 'inline'\n },\n [`& .${iconRegularClassName}`]: {\n display: 'none'\n },\n [`& .${buttonClassNames.icon}`]: {\n color: tokens.colorNeutralForeground2BrandHover\n }\n },\n ':hover:active': {\n backgroundColor: tokens.colorSubtleBackgroundPressed,\n ...shorthands.borderColor('transparent'),\n color: tokens.colorNeutralForeground2Pressed,\n [`& .${iconFilledClassName}`]: {\n display: 'inline'\n },\n [`& .${iconRegularClassName}`]: {\n display: 'none'\n },\n [`& .${buttonClassNames.icon}`]: {\n color: tokens.colorNeutralForeground2BrandPressed\n }\n },\n '@media (forced-colors: active)': {\n ':hover': {\n color: 'Highlight',\n [`& .${buttonClassNames.icon}`]: {\n color: 'Highlight'\n }\n },\n ':hover:active': {\n color: 'Highlight',\n [`& .${buttonClassNames.icon}`]: {\n color: 'Highlight'\n }\n }\n }\n },\n transparent: {\n backgroundColor: tokens.colorTransparentBackground,\n ...shorthands.borderColor('transparent'),\n color: tokens.colorNeutralForeground2,\n ':hover': {\n backgroundColor: tokens.colorTransparentBackgroundHover,\n ...shorthands.borderColor('transparent'),\n color: tokens.colorNeutralForeground2BrandHover,\n [`& .${iconFilledClassName}`]: {\n display: 'inline'\n },\n [`& .${iconRegularClassName}`]: {\n display: 'none'\n }\n },\n ':hover:active': {\n backgroundColor: tokens.colorTransparentBackgroundPressed,\n ...shorthands.borderColor('transparent'),\n color: tokens.colorNeutralForeground2BrandPressed,\n [`& .${iconFilledClassName}`]: {\n display: 'inline'\n },\n [`& .${iconRegularClassName}`]: {\n display: 'none'\n }\n },\n '@media (forced-colors: active)': {\n ':hover': {\n backgroundColor: tokens.colorTransparentBackground,\n color: 'Highlight'\n },\n ':hover:active': {\n backgroundColor: tokens.colorTransparentBackground,\n color: 'Highlight'\n }\n }\n },\n // Shape variations\n circular: {\n borderRadius: tokens.borderRadiusCircular\n },\n rounded: {\n },\n square: {\n borderRadius: tokens.borderRadiusNone\n },\n // Size variations\n small: {\n minWidth: '64px',\n padding: `${buttonSpacingSmall} ${tokens.spacingHorizontalS}`,\n borderRadius: tokens.borderRadiusMedium,\n fontSize: tokens.fontSizeBase200,\n fontWeight: tokens.fontWeightRegular,\n lineHeight: tokens.lineHeightBase200\n },\n smallWithIcon: {\n paddingBottom: buttonSpacingSmallWithIcon,\n paddingTop: buttonSpacingSmallWithIcon\n },\n medium: {\n },\n large: {\n minWidth: '96px',\n padding: `${buttonSpacingLarge} ${tokens.spacingHorizontalL}`,\n borderRadius: tokens.borderRadiusMedium,\n fontSize: tokens.fontSizeBase400,\n fontWeight: tokens.fontWeightSemibold,\n lineHeight: tokens.lineHeightBase400\n },\n largeWithIcon: {\n paddingBottom: buttonSpacingLargeWithIcon,\n paddingTop: buttonSpacingLargeWithIcon\n }\n});\nconst useRootDisabledStyles = makeStyles({\n // Base styles\n base: {\n backgroundColor: tokens.colorNeutralBackgroundDisabled,\n ...shorthands.borderColor(tokens.colorNeutralStrokeDisabled),\n color: tokens.colorNeutralForegroundDisabled,\n cursor: 'not-allowed',\n [`& .${buttonClassNames.icon}`]: {\n color: tokens.colorNeutralForegroundDisabled\n },\n ':hover': {\n backgroundColor: tokens.colorNeutralBackgroundDisabled,\n ...shorthands.borderColor(tokens.colorNeutralStrokeDisabled),\n color: tokens.colorNeutralForegroundDisabled,\n cursor: 'not-allowed',\n [`& .${iconFilledClassName}`]: {\n display: 'none'\n },\n [`& .${iconRegularClassName}`]: {\n display: 'inline'\n },\n [`& .${buttonClassNames.icon}`]: {\n color: tokens.colorNeutralForegroundDisabled\n }\n },\n ':hover:active': {\n backgroundColor: tokens.colorNeutralBackgroundDisabled,\n ...shorthands.borderColor(tokens.colorNeutralStrokeDisabled),\n color: tokens.colorNeutralForegroundDisabled,\n cursor: 'not-allowed',\n [`& .${iconFilledClassName}`]: {\n display: 'none'\n },\n [`& .${iconRegularClassName}`]: {\n display: 'inline'\n },\n [`& .${buttonClassNames.icon}`]: {\n color: tokens.colorNeutralForegroundDisabled\n }\n }\n },\n // High contrast styles\n highContrast: {\n '@media (forced-colors: active)': {\n backgroundColor: 'ButtonFace',\n ...shorthands.borderColor('GrayText'),\n color: 'GrayText',\n ':focus': {\n ...shorthands.borderColor('GrayText')\n },\n ':hover': {\n backgroundColor: 'ButtonFace',\n ...shorthands.borderColor('GrayText'),\n color: 'GrayText'\n },\n ':hover:active': {\n backgroundColor: 'ButtonFace',\n ...shorthands.borderColor('GrayText'),\n color: 'GrayText'\n }\n }\n },\n // Appearance variations\n outline: {\n backgroundColor: tokens.colorTransparentBackground,\n ':hover': {\n backgroundColor: tokens.colorTransparentBackground\n },\n ':hover:active': {\n backgroundColor: tokens.colorTransparentBackground\n }\n },\n primary: {\n ...shorthands.borderColor('transparent'),\n ':hover': {\n ...shorthands.borderColor('transparent')\n },\n ':hover:active': {\n ...shorthands.borderColor('transparent')\n }\n },\n secondary: {\n },\n subtle: {\n backgroundColor: tokens.colorTransparentBackground,\n ...shorthands.borderColor('transparent'),\n ':hover': {\n backgroundColor: tokens.colorTransparentBackground,\n ...shorthands.borderColor('transparent')\n },\n ':hover:active': {\n backgroundColor: tokens.colorTransparentBackground,\n ...shorthands.borderColor('transparent')\n }\n },\n transparent: {\n backgroundColor: tokens.colorTransparentBackground,\n ...shorthands.borderColor('transparent'),\n ':hover': {\n backgroundColor: tokens.colorTransparentBackground,\n ...shorthands.borderColor('transparent')\n },\n ':hover:active': {\n backgroundColor: tokens.colorTransparentBackground,\n ...shorthands.borderColor('transparent')\n }\n }\n});\nconst useRootFocusStyles = makeStyles({\n // Shape variations\n circular: createCustomFocusIndicatorStyle({\n borderRadius: tokens.borderRadiusCircular\n }),\n rounded: {\n },\n square: createCustomFocusIndicatorStyle({\n borderRadius: tokens.borderRadiusNone\n }),\n // Primary styles\n primary: {\n ...createCustomFocusIndicatorStyle({\n ...shorthands.borderColor(tokens.colorStrokeFocus2),\n boxShadow: `${tokens.shadow2}, 0 0 0 ${tokens.strokeWidthThin} ${tokens.colorStrokeFocus2} inset, 0 0 0 ${tokens.strokeWidthThick} ${tokens.colorNeutralForegroundOnBrand} inset`,\n ':hover': {\n boxShadow: `${tokens.shadow2}, 0 0 0 ${tokens.strokeWidthThin} ${tokens.colorStrokeFocus2} inset`,\n ...shorthands.borderColor(tokens.colorStrokeFocus2)\n }\n }),\n // BUGFIX: Mozilla specific styles (Mozilla BugID: 1857642)\n '@supports (-moz-appearance:button)': {\n ...createCustomFocusIndicatorStyle({\n boxShadow: `${tokens.shadow2}, 0 0 0 ${boxShadowStrokeWidthThinMoz} ${tokens.colorStrokeFocus2} inset, 0 0 0 ${tokens.strokeWidthThick} ${tokens.colorNeutralForegroundOnBrand} inset`,\n ':hover': {\n boxShadow: `${tokens.shadow2}, 0 0 0 ${boxShadowStrokeWidthThinMoz} ${tokens.colorStrokeFocus2} inset`\n }\n })\n }\n },\n // Size variations\n small: createCustomFocusIndicatorStyle({\n borderRadius: tokens.borderRadiusSmall\n }),\n medium: {\n },\n large: createCustomFocusIndicatorStyle({\n borderRadius: tokens.borderRadiusLarge\n })\n});\nconst useRootIconOnlyStyles = makeStyles({\n // Size variations\n small: {\n padding: buttonSpacingSmallWithIcon,\n minWidth: '24px',\n maxWidth: '24px'\n },\n medium: {\n padding: buttonSpacingMedium,\n minWidth: '32px',\n maxWidth: '32px'\n },\n large: {\n padding: buttonSpacingLargeWithIcon,\n minWidth: '40px',\n maxWidth: '40px'\n }\n});\nconst useIconStyles = makeStyles({\n // Size variations\n small: {\n fontSize: '20px',\n height: '20px',\n width: '20px',\n [iconSpacingVar]: tokens.spacingHorizontalXS\n },\n medium: {\n },\n large: {\n fontSize: '24px',\n height: '24px',\n width: '24px',\n [iconSpacingVar]: tokens.spacingHorizontalSNudge\n },\n // Icon position variations\n before: {\n marginRight: `var(${iconSpacingVar})`\n },\n after: {\n marginLeft: `var(${iconSpacingVar})`\n }\n});\nexport const useButtonStyles_unstable = (state)=>{\n 'use no memo';\n const rootBaseClassName = useRootBaseClassName();\n const iconBaseClassName = useIconBaseClassName();\n const rootStyles = useRootStyles();\n const rootDisabledStyles = useRootDisabledStyles();\n const rootFocusStyles = useRootFocusStyles();\n const rootIconOnlyStyles = useRootIconOnlyStyles();\n const iconStyles = useIconStyles();\n const { appearance, disabled, disabledFocusable, icon, iconOnly, iconPosition, shape, size } = state;\n state.root.className = mergeClasses(buttonClassNames.root, rootBaseClassName, appearance && rootStyles[appearance], rootStyles[size], icon && size === 'small' && rootStyles.smallWithIcon, icon && size === 'large' && rootStyles.largeWithIcon, rootStyles[shape], // Disabled styles\n (disabled || disabledFocusable) && rootDisabledStyles.base, (disabled || disabledFocusable) && rootDisabledStyles.highContrast, appearance && (disabled || disabledFocusable) && rootDisabledStyles[appearance], // Focus styles\n appearance === 'primary' && rootFocusStyles.primary, rootFocusStyles[size], rootFocusStyles[shape], // Icon-only styles\n iconOnly && rootIconOnlyStyles[size], // User provided class name\n state.root.className);\n if (state.icon) {\n state.icon.className = mergeClasses(buttonClassNames.icon, iconBaseClassName, !!state.root.children && iconStyles[iconPosition], iconStyles[size], state.icon.className);\n }\n return state;\n};\n"],"mappings":"AAAA,SAASA,mBAAmB,EAAEC,oBAAoB,QAAQ,uBAAuB;AACjF,SAASC,+BAA+B,QAAQ,yBAAyB;AACzE,SAASC,MAAM,QAAQ,uBAAuB;AAC9C,SAASC,UAAU,EAAAC,QAAA,EAAAC,aAAA,EAA+BC,YAAY,QAAQ,gBAAgB;AACtF,OAAO,MAAMC,gBAAgB,GAAG;EAC5BC,IAAI,EAAE,YAAY;EAClBC,IAAI,EAAE;AACV,CAAC;AACD,MAAMC,cAAc,GAAG,6BAA6B;AACpD,MAAMC,kBAAkB,GAAG,KAAK;AAChC,MAAMC,0BAA0B,GAAG,KAAK;AACxC,MAAMC,mBAAmB,GAAG,KAAK;AACjC,MAAMC,kBAAkB,GAAG,KAAK;AAChC,MAAMC,0BAA0B,GAAG,KAAK;AACxC;AACA;AACA;AACA;AAAI,MAAMC,2BAA2B,GAAG,QAAQd,MAAM,CAACe,eAAe,YAAY;AAClF,MAAMC,oBAAoB,gBAAGb,aAAA;EAAAc,CAAA;EAAAC,CAAA;AAAA,CA4E5B,CAAC;AACF,MAAMC,oBAAoB,gBAAGhB,aAAA,+LAQ5B,CAAC;AACF,MAAMiB,aAAa,gBAAGlB,QAAA;EAAAmB,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;EAAA;EAAAC,OAAA;IAAAH,MAAA;IAAAI,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAP,MAAA;IAAAQ,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAX,MAAA;IAAAY,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;EAAA;EAAAC,SAAA;EAAAC,MAAA;IAAAvC,MAAA;IAAAI,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAP,MAAA;IAAAQ,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAA2B,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAxC,MAAA;IAAAY,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAyB,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAd,MAAA;IAAAe,OAAA;IAAAT,MAAA;IAAAU,MAAA;EAAA;EAAAC,WAAA;IAAAhD,MAAA;IAAAI,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAP,MAAA;IAAAQ,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAA2B,OAAA;IAAAC,OAAA;IAAAvC,MAAA;IAAAY,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAyB,MAAA;IAAAC,MAAA;IAAAlB,OAAA;IAAAK,MAAA;IAAAC,MAAA;IAAAK,MAAA;EAAA;EAAAY,QAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;EAAA;EAAAC,OAAA;EAAAC,MAAA;IAAAN,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;EAAA;EAAAG,KAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAb,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAU,OAAA;IAAAC,OAAA;IAAAC,OAAA;EAAA;EAAAC,aAAA;IAAAR,OAAA;IAAAG,MAAA;EAAA;EAAAM,MAAA;EAAAC,KAAA;IAAAX,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAb,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAU,OAAA;IAAAC,OAAA;IAAAC,OAAA;EAAA;EAAAI,aAAA;IAAAX,OAAA;IAAAG,MAAA;EAAA;AAAA;EAAAS,CAAA;IAAAC,CAAA;EAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;EAAAC,CAAA;EAAAC,CAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;AAAA,CAoKrB,CAAC;AACF,MAAMC,qBAAqB,gBAAG/F,QAAA;EAAAgG,IAAA;IAAA5E,MAAA;IAAAI,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAqE,OAAA;IAAAC,OAAA;IAAA7E,MAAA;IAAAQ,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAkE,MAAA;IAAAvC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAxC,MAAA;IAAAY,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAA8D,MAAA;IAAArC,MAAA;IAAAC,MAAA;IAAAC,MAAA;EAAA;EAAAoC,YAAA;IAAA9D,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAA0D,MAAA;IAAAC,KAAA;IAAAC,MAAA;IAAAC,MAAA;IAAA3D,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;EAAA;EAAAtC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;EAAA;EAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAE,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAE,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;EAAA;EAAAqB,SAAA;EAAAC,MAAA;IAAAvC,MAAA;IAAAI,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAN,MAAA;IAAAQ,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAV,MAAA;IAAAY,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;EAAA;EAAA+B,WAAA;IAAAhD,MAAA;IAAAI,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAN,MAAA;IAAAQ,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAV,MAAA;IAAAY,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;EAAA;AAAA;EAAAsD,CAAA;EAAAE,CAAA;EAAAC,CAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;AAAA,CA2G7B,CAAC;AACF,MAAMY,kBAAkB,gBAAG1G,QAAA;EAAAqE,QAAA;IAAAsC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;EAAA;EAAApC,OAAA;EAAAC,MAAA;IAAA+B,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;EAAA;EAAAxF,OAAA;IAAAyF,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,KAAA;IAAAC,OAAA;IAAAC,MAAA;EAAA;EAAA9C,KAAA;IAAA8B,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;EAAA;EAAAvB,MAAA;EAAAC,KAAA;IAAAkB,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;EAAA;AAAA;EAAApB,CAAA;IAAAC,CAAA;EAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;EAAAgC,CAAA;AAAA,CAuC1B,CAAC;AACF,MAAMC,qBAAqB,gBAAG7H,QAAA;EAAA6E,KAAA;IAAAE,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAL,OAAA;IAAAgD,OAAA;EAAA;EAAAtC,MAAA;IAAAT,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAL,OAAA;IAAAgD,OAAA;EAAA;EAAArC,KAAA;IAAAV,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAL,OAAA;IAAAgD,OAAA;EAAA;AAAA;EAAAnC,CAAA;IAAAC,CAAA;EAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;AAAA,CAiB7B,CAAC;AACF,MAAMmC,aAAa,gBAAG/H,QAAA;EAAA6E,KAAA;IAAAO,OAAA;IAAA4C,OAAA;IAAAC,MAAA;IAAAC,OAAA;EAAA;EAAA1C,MAAA;EAAAC,KAAA;IAAAL,OAAA;IAAA4C,OAAA;IAAAC,MAAA;IAAAC,OAAA;EAAA;EAAAC,MAAA;IAAAC,MAAA;EAAA;EAAAC,KAAA;IAAAC,MAAA;EAAA;AAAA;EAAA3C,CAAA;AAAA,CAuBrB,CAAC;AACF,OAAO,MAAM4C,wBAAwB,GAAIC,KAAK,IAAG;EAC7C,aAAa;;EACb,MAAMC,iBAAiB,GAAG3H,oBAAoB,CAAC,CAAC;EAChD,MAAM4H,iBAAiB,GAAGzH,oBAAoB,CAAC,CAAC;EAChD,MAAM0H,UAAU,GAAGzH,aAAa,CAAC,CAAC;EAClC,MAAM0H,kBAAkB,GAAG7C,qBAAqB,CAAC,CAAC;EAClD,MAAM8C,eAAe,GAAGnC,kBAAkB,CAAC,CAAC;EAC5C,MAAMoC,kBAAkB,GAAGjB,qBAAqB,CAAC,CAAC;EAClD,MAAMkB,UAAU,GAAGhB,aAAa,CAAC,CAAC;EAClC,MAAM;IAAEiB,UAAU;IAAEC,QAAQ;IAAEC,iBAAiB;IAAE7I,IAAI;IAAE8I,QAAQ;IAAEC,YAAY;IAAEC,KAAK;IAAEC;EAAK,CAAC,GAAGd,KAAK;EACpGA,KAAK,CAACpI,IAAI,CAACmJ,SAAS,GAAGrJ,YAAY,CAACC,gBAAgB,CAACC,IAAI,EAAEqI,iBAAiB,EAAEO,UAAU,IAAIL,UAAU,CAACK,UAAU,CAAC,EAAEL,UAAU,CAACW,IAAI,CAAC,EAAEjJ,IAAI,IAAIiJ,IAAI,KAAK,OAAO,IAAIX,UAAU,CAACpD,aAAa,EAAElF,IAAI,IAAIiJ,IAAI,KAAK,OAAO,IAAIX,UAAU,CAACjD,aAAa,EAAEiD,UAAU,CAACU,KAAK,CAAC;EAAE;EACrQ,CAACJ,QAAQ,IAAIC,iBAAiB,KAAKN,kBAAkB,CAAC5C,IAAI,EAAE,CAACiD,QAAQ,IAAIC,iBAAiB,KAAKN,kBAAkB,CAACvC,YAAY,EAAE2C,UAAU,KAAKC,QAAQ,IAAIC,iBAAiB,CAAC,IAAIN,kBAAkB,CAACI,UAAU,CAAC;EAAE;EACjNA,UAAU,KAAK,SAAS,IAAIH,eAAe,CAACtH,OAAO,EAAEsH,eAAe,CAACS,IAAI,CAAC,EAAET,eAAe,CAACQ,KAAK,CAAC;EAAE;EACpGF,QAAQ,IAAIL,kBAAkB,CAACQ,IAAI,CAAC;EAAE;EACtCd,KAAK,CAACpI,IAAI,CAACmJ,SAAS,CAAC;EACrB,IAAIf,KAAK,CAACnI,IAAI,EAAE;IACZmI,KAAK,CAACnI,IAAI,CAACkJ,SAAS,GAAGrJ,YAAY,CAACC,gBAAgB,CAACE,IAAI,EAAEqI,iBAAiB,EAAE,CAAC,CAACF,KAAK,CAACpI,IAAI,CAACoJ,QAAQ,IAAIT,UAAU,CAACK,YAAY,CAAC,EAAEL,UAAU,CAACO,IAAI,CAAC,EAAEd,KAAK,CAACnI,IAAI,CAACkJ,SAAS,CAAC;EAC5K;EACA,OAAOf,KAAK;AAChB,CAAC","ignoreList":[]}
1
+ {"version":3,"names":["iconFilledClassName","iconRegularClassName","createCustomFocusIndicatorStyle","tokens","shorthands","__styles","__resetStyles","mergeClasses","buttonClassNames","root","icon","iconSpacingVar","buttonSpacingSmall","buttonSpacingSmallWithIcon","buttonSpacingMedium","buttonSpacingLarge","buttonSpacingLargeWithIcon","boxShadowStrokeWidthThinMoz","strokeWidthThin","useRootBaseClassName","r","s","useIconBaseClassName","useRootStyles","outline","De3pzq","Jwef8y","iro3zm","primary","g2u3we","h3c5rm","B9xav0g","zhjwy3","sj55zd","Bgoe8wy","Bwzppfd","oetu4i","gg5e9n","Bi91k9c","b661bw","Bk6r4ia","B9zn80p","Bpld233","B2d53fq","Bsw6fvg","Bjwas2f","Bn1d65q","Bxeuatn","n51gp8","Bbusuzp","ycbfsm","Bqrx1nm","pgvf35","Bh7lczh","dpv3f4","Bpnjhaq","ze5xyy","g2kj27","Bf756sw","Bow2dr7","Bvhedfk","Gye4lf","pc6evw","secondary","subtle","Bk3fhr4","Bmfj8id","Bbdnnc7","em6i61","vm6p8p","x3br3k","Bx3q9su","xd2cci","transparent","circular","Beyfa6y","Bbmb7ep","Btl43ni","B7oj6ja","Dimara","rounded","square","small","Bf4jedk","Byoj8tv","uwmqm3","z189sj","z8tnut","B0ocmuz","Be2twd7","Bhrd7zp","Bg96gwp","smallWithIcon","medium","large","largeWithIcon","d","p","h","m","useRootDisabledStyles","base","Bceei9c","Bfinmwp","eoavqd","c3iz72","highContrast","G867l3","gdbnj","mxns5l","o3nasb","useRootFocusStyles","Bw81rd7","kdpuga","dm238s","B6xbmo0","B3whbx2","B8q5s1w","Bci5o5g","n8qw10","Bdrgwmp","j6ew2k","he4mth","Byr4aka","lks7q5","Bnan3qt","k1dn9","Boium3a","tm8e47","t","useRootIconOnlyStyles","B2u0y6b","useIconStyles","Bqenvij","a9b677","Bqrlyyl","before","t21cq0","after","Frg6f3","useButtonStyles_unstable","state","rootBaseClassName","iconBaseClassName","rootStyles","rootDisabledStyles","rootFocusStyles","rootIconOnlyStyles","iconStyles","appearance","disabled","disabledFocusable","iconOnly","iconPosition","shape","size","className","children"],"sources":["useButtonStyles.styles.js"],"sourcesContent":["import { iconFilledClassName, iconRegularClassName } from '@fluentui/react-icons';\nimport { createCustomFocusIndicatorStyle } from '@fluentui/react-tabster';\nimport { tokens } from '@fluentui/react-theme';\nimport { shorthands, makeStyles, makeResetStyles, mergeClasses } from '@griffel/react';\nexport const buttonClassNames = {\n root: 'fui-Button',\n icon: 'fui-Button__icon'\n};\nconst iconSpacingVar = '--fui-Button__icon--spacing';\nconst buttonSpacingSmall = '3px';\nconst buttonSpacingSmallWithIcon = '1px';\nconst buttonSpacingMedium = '5px';\nconst buttonSpacingLarge = '8px';\nconst buttonSpacingLargeWithIcon = '7px';\n/* Firefox has box shadow sizing issue at some zoom levels\n * this will ensure the inset boxShadow is always uniform\n * without affecting other browser platforms\n */ const boxShadowStrokeWidthThinMoz = `calc(${tokens.strokeWidthThin} + 0.25px)`;\nconst useRootBaseClassName = makeResetStyles({\n alignItems: 'center',\n boxSizing: 'border-box',\n display: 'inline-flex',\n justifyContent: 'center',\n textDecorationLine: 'none',\n verticalAlign: 'middle',\n margin: 0,\n overflow: 'hidden',\n backgroundColor: `var(--1, var(--2, ${tokens.colorNeutralBackground1}))`,\n color: `var(--3, var(--4, ${tokens.colorNeutralForeground1}))`,\n border: `${tokens.strokeWidthThin} solid ${tokens.colorNeutralStroke1}`,\n fontFamily: `var(--5, var(--6, ${tokens.fontFamilyBase}))`,\n outlineStyle: 'none',\n ':hover': {\n backgroundColor: `var(--7, var(--8, ${tokens.colorNeutralBackground1Hover}))`,\n borderColor: `var(--9, var(--10, ${tokens.colorNeutralStroke1Hover}))`,\n color: `var(--11, var(--12, ${tokens.colorNeutralForeground1Hover}))`,\n cursor: 'pointer'\n },\n ':hover:active': {\n backgroundColor: `var(--13, var(--14, ${tokens.colorNeutralBackground1Pressed}))`,\n borderColor: `var(--15, var(--16, ${tokens.colorNeutralStroke1Pressed}))`,\n color: `var(--17, var(--18, ${tokens.colorNeutralForeground1Pressed}))`,\n outlineStyle: 'none'\n },\n padding: `${buttonSpacingMedium} ${tokens.spacingHorizontalM}`,\n minWidth: '96px',\n borderRadius: `var(--19, var(--20, ${tokens.borderRadiusMedium}))`,\n fontSize: `var(--21, var(--22, ${tokens.fontSizeBase300}))`,\n fontWeight: `var(--23, var(--24, ${tokens.fontWeightSemibold}))`,\n lineHeight: `var(--25, var(--26, ${tokens.lineHeightBase300}))`,\n // Transition styles\n transitionDuration: `var(--27, var(--28, ${tokens.durationFaster}))`,\n transitionProperty: 'background, border, color',\n transitionTimingFunction: `var(--29, var(--30, ${tokens.curveEasyEase}))`,\n '@media screen and (prefers-reduced-motion: reduce)': {\n transitionDuration: '0.01ms'\n },\n // High contrast styles\n '@media (forced-colors: active)': {\n ':focus': {\n borderColor: 'ButtonText'\n },\n ':hover': {\n backgroundColor: 'HighlightText',\n borderColor: 'Highlight',\n color: 'Highlight',\n forcedColorAdjust: 'none'\n },\n ':hover:active': {\n backgroundColor: 'HighlightText',\n borderColor: 'Highlight',\n color: 'Highlight',\n forcedColorAdjust: 'none'\n }\n },\n // Focus styles\n ...createCustomFocusIndicatorStyle({\n borderColor: `var(--31, var(--32, ${tokens.colorStrokeFocus2}))`,\n borderRadius: `var(--33, var(--34, ${tokens.borderRadiusMedium}))`,\n borderWidth: '1px',\n outline: `${tokens.strokeWidthThick} solid ${tokens.colorTransparentStroke}`,\n boxShadow: `0 0 0 ${tokens.strokeWidthThin} ${tokens.colorStrokeFocus2}\n inset\n `,\n zIndex: 1\n }),\n // BUGFIX: Mozilla specific styles (Mozilla BugID: 1857642)\n '@supports (-moz-appearance:button)': {\n ...createCustomFocusIndicatorStyle({\n boxShadow: `0 0 0 ${boxShadowStrokeWidthThinMoz} ${tokens.colorStrokeFocus2}\n inset\n `\n })\n }\n});\nconst useIconBaseClassName = makeResetStyles({\n alignItems: 'center',\n display: 'inline-flex',\n justifyContent: 'center',\n fontSize: '20px',\n height: '20px',\n width: '20px',\n [iconSpacingVar]: `var(--35, var(--36, ${tokens.spacingHorizontalSNudge}))`\n});\nconst useRootStyles = makeStyles({\n // Appearance variations\n outline: {\n backgroundColor: `var(--37, var(--38, ${tokens.colorTransparentBackground}))`,\n ':hover': {\n backgroundColor: `var(--39, var(--40, ${tokens.colorTransparentBackgroundHover}))`\n },\n ':hover:active': {\n backgroundColor: `var(--41, var(--42, ${tokens.colorTransparentBackgroundPressed}))`\n }\n },\n primary: {\n backgroundColor: `var(--43, var(--44, ${tokens.colorBrandBackground}))`,\n ...shorthands.borderColor('transparent'),\n color: `var(--45, var(--46, ${tokens.colorNeutralForegroundOnBrand}))`,\n ':hover': {\n backgroundColor: `var(--47, var(--48, ${tokens.colorBrandBackgroundHover}))`,\n ...shorthands.borderColor('transparent'),\n color: `var(--49, var(--50, ${tokens.colorNeutralForegroundOnBrand}))`\n },\n ':hover:active': {\n backgroundColor: `var(--51, var(--52, ${tokens.colorBrandBackgroundPressed}))`,\n ...shorthands.borderColor('transparent'),\n color: `var(--53, var(--54, ${tokens.colorNeutralForegroundOnBrand}))`\n },\n '@media (forced-colors: active)': {\n backgroundColor: 'Highlight',\n ...shorthands.borderColor('HighlightText'),\n color: 'HighlightText',\n forcedColorAdjust: 'none',\n ':hover': {\n backgroundColor: 'HighlightText',\n ...shorthands.borderColor('Highlight'),\n color: 'Highlight'\n },\n ':hover:active': {\n backgroundColor: 'HighlightText',\n ...shorthands.borderColor('Highlight'),\n color: 'Highlight'\n }\n }\n },\n secondary: {\n },\n subtle: {\n backgroundColor: `var(--55, var(--56, ${tokens.colorSubtleBackground}))`,\n ...shorthands.borderColor('transparent'),\n color: `var(--57, var(--58, ${tokens.colorNeutralForeground2}))`,\n ':hover': {\n backgroundColor: `var(--59, var(--60, ${tokens.colorSubtleBackgroundHover}))`,\n ...shorthands.borderColor('transparent'),\n color: `var(--61, var(--62, ${tokens.colorNeutralForeground2Hover}))`,\n [`& .${iconFilledClassName}`]: {\n display: 'inline'\n },\n [`& .${iconRegularClassName}`]: {\n display: 'none'\n },\n [`& .${buttonClassNames.icon}`]: {\n color: `var(--63, var(--64, ${tokens.colorNeutralForeground2BrandHover}))`\n }\n },\n ':hover:active': {\n backgroundColor: `var(--65, var(--66, ${tokens.colorSubtleBackgroundPressed}))`,\n ...shorthands.borderColor('transparent'),\n color: `var(--67, var(--68, ${tokens.colorNeutralForeground2Pressed}))`,\n [`& .${iconFilledClassName}`]: {\n display: 'inline'\n },\n [`& .${iconRegularClassName}`]: {\n display: 'none'\n },\n [`& .${buttonClassNames.icon}`]: {\n color: `var(--69, var(--70, ${tokens.colorNeutralForeground2BrandPressed}))`\n }\n },\n '@media (forced-colors: active)': {\n ':hover': {\n color: 'Highlight',\n [`& .${buttonClassNames.icon}`]: {\n color: 'Highlight'\n }\n },\n ':hover:active': {\n color: 'Highlight',\n [`& .${buttonClassNames.icon}`]: {\n color: 'Highlight'\n }\n }\n }\n },\n transparent: {\n backgroundColor: `var(--71, var(--72, ${tokens.colorTransparentBackground}))`,\n ...shorthands.borderColor('transparent'),\n color: `var(--73, var(--74, ${tokens.colorNeutralForeground2}))`,\n ':hover': {\n backgroundColor: `var(--75, var(--76, ${tokens.colorTransparentBackgroundHover}))`,\n ...shorthands.borderColor('transparent'),\n color: `var(--77, var(--78, ${tokens.colorNeutralForeground2BrandHover}))`,\n [`& .${iconFilledClassName}`]: {\n display: 'inline'\n },\n [`& .${iconRegularClassName}`]: {\n display: 'none'\n }\n },\n ':hover:active': {\n backgroundColor: `var(--79, var(--80, ${tokens.colorTransparentBackgroundPressed}))`,\n ...shorthands.borderColor('transparent'),\n color: `var(--81, var(--82, ${tokens.colorNeutralForeground2BrandPressed}))`,\n [`& .${iconFilledClassName}`]: {\n display: 'inline'\n },\n [`& .${iconRegularClassName}`]: {\n display: 'none'\n }\n },\n '@media (forced-colors: active)': {\n ':hover': {\n backgroundColor: `var(--83, var(--84, ${tokens.colorTransparentBackground}))`,\n color: 'Highlight'\n },\n ':hover:active': {\n backgroundColor: `var(--85, var(--86, ${tokens.colorTransparentBackground}))`,\n color: 'Highlight'\n }\n }\n },\n // Shape variations\n circular: {\n borderRadius: `var(--87, var(--88, ${tokens.borderRadiusCircular}))`\n },\n rounded: {\n },\n square: {\n borderRadius: `var(--89, var(--90, ${tokens.borderRadiusNone}))`\n },\n // Size variations\n small: {\n minWidth: '64px',\n padding: `${buttonSpacingSmall} ${tokens.spacingHorizontalS}`,\n borderRadius: `var(--91, var(--92, ${tokens.borderRadiusMedium}))`,\n fontSize: `var(--93, var(--94, ${tokens.fontSizeBase200}))`,\n fontWeight: `var(--95, var(--96, ${tokens.fontWeightRegular}))`,\n lineHeight: `var(--97, var(--98, ${tokens.lineHeightBase200}))`\n },\n smallWithIcon: {\n paddingBottom: buttonSpacingSmallWithIcon,\n paddingTop: buttonSpacingSmallWithIcon\n },\n medium: {\n },\n large: {\n minWidth: '96px',\n padding: `${buttonSpacingLarge} ${tokens.spacingHorizontalL}`,\n borderRadius: `var(--99, var(--100, ${tokens.borderRadiusMedium}))`,\n fontSize: `var(--101, var(--102, ${tokens.fontSizeBase400}))`,\n fontWeight: `var(--103, var(--104, ${tokens.fontWeightSemibold}))`,\n lineHeight: `var(--105, var(--106, ${tokens.lineHeightBase400}))`\n },\n largeWithIcon: {\n paddingBottom: buttonSpacingLargeWithIcon,\n paddingTop: buttonSpacingLargeWithIcon\n }\n});\nconst useRootDisabledStyles = makeStyles({\n // Base styles\n base: {\n backgroundColor: `var(--107, var(--108, ${tokens.colorNeutralBackgroundDisabled}))`,\n ...shorthands.borderColor(tokens.colorNeutralStrokeDisabled),\n color: `var(--109, var(--110, ${tokens.colorNeutralForegroundDisabled}))`,\n cursor: 'not-allowed',\n [`& .${buttonClassNames.icon}`]: {\n color: `var(--111, var(--112, ${tokens.colorNeutralForegroundDisabled}))`\n },\n ':hover': {\n backgroundColor: `var(--113, var(--114, ${tokens.colorNeutralBackgroundDisabled}))`,\n ...shorthands.borderColor(tokens.colorNeutralStrokeDisabled),\n color: `var(--115, var(--116, ${tokens.colorNeutralForegroundDisabled}))`,\n cursor: 'not-allowed',\n [`& .${iconFilledClassName}`]: {\n display: 'none'\n },\n [`& .${iconRegularClassName}`]: {\n display: 'inline'\n },\n [`& .${buttonClassNames.icon}`]: {\n color: `var(--117, var(--118, ${tokens.colorNeutralForegroundDisabled}))`\n }\n },\n ':hover:active': {\n backgroundColor: `var(--119, var(--120, ${tokens.colorNeutralBackgroundDisabled}))`,\n ...shorthands.borderColor(tokens.colorNeutralStrokeDisabled),\n color: `var(--121, var(--122, ${tokens.colorNeutralForegroundDisabled}))`,\n cursor: 'not-allowed',\n [`& .${iconFilledClassName}`]: {\n display: 'none'\n },\n [`& .${iconRegularClassName}`]: {\n display: 'inline'\n },\n [`& .${buttonClassNames.icon}`]: {\n color: `var(--123, var(--124, ${tokens.colorNeutralForegroundDisabled}))`\n }\n }\n },\n // High contrast styles\n highContrast: {\n '@media (forced-colors: active)': {\n backgroundColor: 'ButtonFace',\n ...shorthands.borderColor('GrayText'),\n color: 'GrayText',\n ':focus': {\n ...shorthands.borderColor('GrayText')\n },\n ':hover': {\n backgroundColor: 'ButtonFace',\n ...shorthands.borderColor('GrayText'),\n color: 'GrayText'\n },\n ':hover:active': {\n backgroundColor: 'ButtonFace',\n ...shorthands.borderColor('GrayText'),\n color: 'GrayText'\n }\n }\n },\n // Appearance variations\n outline: {\n backgroundColor: `var(--125, var(--126, ${tokens.colorTransparentBackground}))`,\n ':hover': {\n backgroundColor: `var(--127, var(--128, ${tokens.colorTransparentBackground}))`\n },\n ':hover:active': {\n backgroundColor: `var(--129, var(--130, ${tokens.colorTransparentBackground}))`\n }\n },\n primary: {\n ...shorthands.borderColor('transparent'),\n ':hover': {\n ...shorthands.borderColor('transparent')\n },\n ':hover:active': {\n ...shorthands.borderColor('transparent')\n }\n },\n secondary: {\n },\n subtle: {\n backgroundColor: `var(--131, var(--132, ${tokens.colorTransparentBackground}))`,\n ...shorthands.borderColor('transparent'),\n ':hover': {\n backgroundColor: `var(--133, var(--134, ${tokens.colorTransparentBackground}))`,\n ...shorthands.borderColor('transparent')\n },\n ':hover:active': {\n backgroundColor: `var(--135, var(--136, ${tokens.colorTransparentBackground}))`,\n ...shorthands.borderColor('transparent')\n }\n },\n transparent: {\n backgroundColor: `var(--137, var(--138, ${tokens.colorTransparentBackground}))`,\n ...shorthands.borderColor('transparent'),\n ':hover': {\n backgroundColor: `var(--139, var(--140, ${tokens.colorTransparentBackground}))`,\n ...shorthands.borderColor('transparent')\n },\n ':hover:active': {\n backgroundColor: `var(--141, var(--142, ${tokens.colorTransparentBackground}))`,\n ...shorthands.borderColor('transparent')\n }\n }\n});\nconst useRootFocusStyles = makeStyles({\n // Shape variations\n circular: createCustomFocusIndicatorStyle({\n borderRadius: `var(--143, var(--144, ${tokens.borderRadiusCircular}))`\n }),\n rounded: {\n },\n square: createCustomFocusIndicatorStyle({\n borderRadius: `var(--145, var(--146, ${tokens.borderRadiusNone}))`\n }),\n // Primary styles\n primary: {\n ...createCustomFocusIndicatorStyle({\n ...shorthands.borderColor(tokens.colorStrokeFocus2),\n boxShadow: `${tokens.shadow2}, 0 0 0 ${tokens.strokeWidthThin} ${tokens.colorStrokeFocus2} inset, 0 0 0 ${tokens.strokeWidthThick} ${tokens.colorNeutralForegroundOnBrand} inset`,\n ':hover': {\n boxShadow: `${tokens.shadow2}, 0 0 0 ${tokens.strokeWidthThin} ${tokens.colorStrokeFocus2} inset`,\n ...shorthands.borderColor(tokens.colorStrokeFocus2)\n }\n }),\n // BUGFIX: Mozilla specific styles (Mozilla BugID: 1857642)\n '@supports (-moz-appearance:button)': {\n ...createCustomFocusIndicatorStyle({\n boxShadow: `${tokens.shadow2}, 0 0 0 ${boxShadowStrokeWidthThinMoz} ${tokens.colorStrokeFocus2} inset, 0 0 0 ${tokens.strokeWidthThick} ${tokens.colorNeutralForegroundOnBrand} inset`,\n ':hover': {\n boxShadow: `${tokens.shadow2}, 0 0 0 ${boxShadowStrokeWidthThinMoz} ${tokens.colorStrokeFocus2} inset`\n }\n })\n }\n },\n // Size variations\n small: createCustomFocusIndicatorStyle({\n borderRadius: `var(--147, var(--148, ${tokens.borderRadiusSmall}))`\n }),\n medium: {\n },\n large: createCustomFocusIndicatorStyle({\n borderRadius: `var(--149, var(--150, ${tokens.borderRadiusLarge}))`\n })\n});\nconst useRootIconOnlyStyles = makeStyles({\n // Size variations\n small: {\n padding: buttonSpacingSmallWithIcon,\n minWidth: '24px',\n maxWidth: '24px'\n },\n medium: {\n padding: buttonSpacingMedium,\n minWidth: '32px',\n maxWidth: '32px'\n },\n large: {\n padding: buttonSpacingLargeWithIcon,\n minWidth: '40px',\n maxWidth: '40px'\n }\n});\nconst useIconStyles = makeStyles({\n // Size variations\n small: {\n fontSize: '20px',\n height: '20px',\n width: '20px',\n [iconSpacingVar]: `var(--151, var(--152, ${tokens.spacingHorizontalXS}))`\n },\n medium: {\n },\n large: {\n fontSize: '24px',\n height: '24px',\n width: '24px',\n [iconSpacingVar]: `var(--153, var(--154, ${tokens.spacingHorizontalSNudge}))`\n },\n // Icon position variations\n before: {\n marginRight: `var(${iconSpacingVar})`\n },\n after: {\n marginLeft: `var(${iconSpacingVar})`\n }\n});\nexport const useButtonStyles_unstable = (state)=>{\n 'use no memo';\n const rootBaseClassName = useRootBaseClassName();\n const iconBaseClassName = useIconBaseClassName();\n const rootStyles = useRootStyles();\n const rootDisabledStyles = useRootDisabledStyles();\n const rootFocusStyles = useRootFocusStyles();\n const rootIconOnlyStyles = useRootIconOnlyStyles();\n const iconStyles = useIconStyles();\n const { appearance, disabled, disabledFocusable, icon, iconOnly, iconPosition, shape, size } = state;\n state.root.className = mergeClasses(buttonClassNames.root, rootBaseClassName, appearance && rootStyles[appearance], rootStyles[size], icon && size === 'small' && rootStyles.smallWithIcon, icon && size === 'large' && rootStyles.largeWithIcon, rootStyles[shape], // Disabled styles\n (disabled || disabledFocusable) && rootDisabledStyles.base, (disabled || disabledFocusable) && rootDisabledStyles.highContrast, appearance && (disabled || disabledFocusable) && rootDisabledStyles[appearance], // Focus styles\n appearance === 'primary' && rootFocusStyles.primary, rootFocusStyles[size], rootFocusStyles[shape], // Icon-only styles\n iconOnly && rootIconOnlyStyles[size], // User provided class name\n state.root.className);\n if (state.icon) {\n state.icon.className = mergeClasses(buttonClassNames.icon, iconBaseClassName, !!state.root.children && iconStyles[iconPosition], iconStyles[size], state.icon.className);\n }\n return state;\n};\n"],"mappings":"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","ignoreList":[]}