@fluentui/react-button 0.0.0-nightly-20240819-2052.1 → 0.0.0-nightly-20240819-2110.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +13 -13
- package/lib/components/Button/useButtonStyles.styles.js +79 -79
- package/lib/components/Button/useButtonStyles.styles.js.map +1 -1
- package/lib/components/CompoundButton/useCompoundButtonStyles.styles.js +40 -40
- package/lib/components/CompoundButton/useCompoundButtonStyles.styles.js.map +1 -1
- package/lib/components/MenuButton/useMenuButtonStyles.styles.js +19 -19
- package/lib/components/MenuButton/useMenuButtonStyles.styles.js.map +1 -1
- package/lib/components/SplitButton/useSplitButtonStyles.styles.js +14 -14
- package/lib/components/SplitButton/useSplitButtonStyles.styles.js.map +1 -1
- package/lib/components/ToggleButton/useToggleButtonStyles.styles.js +45 -45
- package/lib/components/ToggleButton/useToggleButtonStyles.styles.js.map +1 -1
- package/lib-commonjs/components/Button/useButtonStyles.styles.js +128 -128
- package/lib-commonjs/components/Button/useButtonStyles.styles.js.map +1 -1
- package/lib-commonjs/components/CompoundButton/useCompoundButtonStyles.styles.js +64 -64
- package/lib-commonjs/components/CompoundButton/useCompoundButtonStyles.styles.js.map +1 -1
- package/lib-commonjs/components/MenuButton/useMenuButtonStyles.styles.js +34 -34
- package/lib-commonjs/components/MenuButton/useMenuButtonStyles.styles.js.map +1 -1
- package/lib-commonjs/components/SplitButton/useSplitButtonStyles.styles.js +48 -48
- package/lib-commonjs/components/SplitButton/useSplitButtonStyles.styles.js.map +1 -1
- package/lib-commonjs/components/ToggleButton/useToggleButtonStyles.styles.js +80 -80
- package/lib-commonjs/components/ToggleButton/useToggleButtonStyles.styles.js.map +1 -1
- 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 Mon, 19 Aug 2024
|
3
|
+
This log was last generated on Mon, 19 Aug 2024 21:21:03 GMT and should not be manually modified.
|
4
4
|
|
5
5
|
<!-- Start content -->
|
6
6
|
|
7
|
-
## [0.0.0-nightly-20240819-
|
7
|
+
## [0.0.0-nightly-20240819-2110.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-button_v0.0.0-nightly-20240819-2110.1)
|
8
8
|
|
9
|
-
Mon, 19 Aug 2024
|
10
|
-
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-button_v9.3.87..@fluentui/react-button_v0.0.0-nightly-20240819-
|
9
|
+
Mon, 19 Aug 2024 21:21:03 GMT
|
10
|
+
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-button_v9.3.87..@fluentui/react-button_v0.0.0-nightly-20240819-2110.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-20240819-
|
16
|
-
- Bump @fluentui/react-aria to v0.0.0-nightly-20240819-
|
17
|
-
- Bump @fluentui/react-jsx-runtime to v0.0.0-nightly-20240819-
|
18
|
-
- Bump @fluentui/react-shared-contexts to v0.0.0-nightly-20240819-
|
19
|
-
- Bump @fluentui/react-tabster to v0.0.0-nightly-20240819-
|
20
|
-
- Bump @fluentui/react-theme to v0.0.0-nightly-20240819-
|
21
|
-
- Bump @fluentui/react-utilities to v0.0.0-nightly-20240819-
|
22
|
-
- Bump @fluentui/react-conformance to v0.0.0-nightly-20240819-
|
23
|
-
- Bump @fluentui/react-conformance-griffel to v0.0.0-nightly-20240819-
|
15
|
+
- Bump @fluentui/keyboard-keys to v0.0.0-nightly-20240819-2110.1 ([commit](https://github.com/microsoft/fluentui/commit/99f7b9c0d9c2a4cb1f7dad43045108122895102e) by beachball)
|
16
|
+
- Bump @fluentui/react-aria to v0.0.0-nightly-20240819-2110.1 ([commit](https://github.com/microsoft/fluentui/commit/99f7b9c0d9c2a4cb1f7dad43045108122895102e) by beachball)
|
17
|
+
- Bump @fluentui/react-jsx-runtime to v0.0.0-nightly-20240819-2110.1 ([commit](https://github.com/microsoft/fluentui/commit/99f7b9c0d9c2a4cb1f7dad43045108122895102e) by beachball)
|
18
|
+
- Bump @fluentui/react-shared-contexts to v0.0.0-nightly-20240819-2110.1 ([commit](https://github.com/microsoft/fluentui/commit/99f7b9c0d9c2a4cb1f7dad43045108122895102e) by beachball)
|
19
|
+
- Bump @fluentui/react-tabster to v0.0.0-nightly-20240819-2110.1 ([commit](https://github.com/microsoft/fluentui/commit/99f7b9c0d9c2a4cb1f7dad43045108122895102e) by beachball)
|
20
|
+
- Bump @fluentui/react-theme to v0.0.0-nightly-20240819-2110.1 ([commit](https://github.com/microsoft/fluentui/commit/99f7b9c0d9c2a4cb1f7dad43045108122895102e) by beachball)
|
21
|
+
- Bump @fluentui/react-utilities to v0.0.0-nightly-20240819-2110.1 ([commit](https://github.com/microsoft/fluentui/commit/99f7b9c0d9c2a4cb1f7dad43045108122895102e) by beachball)
|
22
|
+
- Bump @fluentui/react-conformance to v0.0.0-nightly-20240819-2110.1 ([commit](https://github.com/microsoft/fluentui/commit/99f7b9c0d9c2a4cb1f7dad43045108122895102e) by beachball)
|
23
|
+
- Bump @fluentui/react-conformance-griffel to v0.0.0-nightly-20240819-2110.1 ([commit](https://github.com/microsoft/fluentui/commit/99f7b9c0d9c2a4cb1f7dad43045108122895102e) by beachball)
|
24
24
|
|
25
25
|
## [9.3.87](https://github.com/microsoft/fluentui/tree/@fluentui/react-button_v9.3.87)
|
26
26
|
|
@@ -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("
|
21
|
-
r: [".
|
22
|
-
s: ["@media screen and (prefers-reduced-motion: reduce){.
|
20
|
+
const useRootBaseClassName = /*#__PURE__*/__resetStyles("rwn5z10", null, {
|
21
|
+
r: [".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)));}", ".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;}", ".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;}", ".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;}"],
|
22
|
+
s: ["@media screen and (prefers-reduced-motion: reduce){.rwn5z10{transition-duration:0.01ms;}}", "@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;}}", "@supports (-moz-appearance:button){.rwn5z10[data-fui-focus-visible]{box-shadow:0 0 0 calc(var(--strokeWidthThin) + 0.25px) var(--colorStrokeFocus2) inset;}}"]
|
23
23
|
});
|
24
|
-
const useIconBaseClassName = /*#__PURE__*/__resetStyles("
|
24
|
+
const useIconBaseClassName = /*#__PURE__*/__resetStyles("rjhju60", null, [".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)));}"]);
|
25
25
|
const useRootStyles = /*#__PURE__*/__styles({
|
26
26
|
outline: {
|
27
|
-
De3pzq: "
|
28
|
-
Jwef8y: "
|
29
|
-
iro3zm: "
|
27
|
+
De3pzq: "f1eouddg",
|
28
|
+
Jwef8y: "fj890eg",
|
29
|
+
iro3zm: "fp7cah7"
|
30
30
|
},
|
31
31
|
primary: {
|
32
|
-
De3pzq: "
|
32
|
+
De3pzq: "f1jo0kc4",
|
33
33
|
g2u3we: "f1p3nwhy",
|
34
34
|
h3c5rm: ["f11589ue", "f1pdflbu"],
|
35
35
|
B9xav0g: "f1q5o8ev",
|
36
36
|
zhjwy3: ["f1pdflbu", "f11589ue"],
|
37
|
-
sj55zd: "
|
38
|
-
Jwef8y: "
|
37
|
+
sj55zd: "f1tfrua9",
|
38
|
+
Jwef8y: "fhfauqh",
|
39
39
|
Bgoe8wy: "f1s2uweq",
|
40
40
|
Bwzppfd: ["fr80ssc", "fecsdlb"],
|
41
41
|
oetu4i: "f1ukrpxl",
|
42
42
|
gg5e9n: ["fecsdlb", "fr80ssc"],
|
43
|
-
Bi91k9c: "
|
44
|
-
iro3zm: "
|
43
|
+
Bi91k9c: "f1m12vgd",
|
44
|
+
iro3zm: "f1a744jy",
|
45
45
|
b661bw: "f1h0usnq",
|
46
46
|
Bk6r4ia: ["fs4ktlq", "fx2bmrt"],
|
47
47
|
B9zn80p: "f16h9ulv",
|
48
48
|
Bpld233: ["fx2bmrt", "fs4ktlq"],
|
49
|
-
B2d53fq: "
|
49
|
+
B2d53fq: "f22sk3l",
|
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: "
|
72
|
+
De3pzq: "fcqf3ay",
|
73
73
|
g2u3we: "f1p3nwhy",
|
74
74
|
h3c5rm: ["f11589ue", "f1pdflbu"],
|
75
75
|
B9xav0g: "f1q5o8ev",
|
76
76
|
zhjwy3: ["f1pdflbu", "f11589ue"],
|
77
|
-
sj55zd: "
|
78
|
-
Jwef8y: "
|
77
|
+
sj55zd: "facbcro",
|
78
|
+
Jwef8y: "f17cpoba",
|
79
79
|
Bgoe8wy: "f1s2uweq",
|
80
80
|
Bwzppfd: ["fr80ssc", "fecsdlb"],
|
81
81
|
oetu4i: "f1ukrpxl",
|
82
82
|
gg5e9n: ["fecsdlb", "fr80ssc"],
|
83
|
-
Bi91k9c: "
|
83
|
+
Bi91k9c: "fl0l5mk",
|
84
84
|
Bk3fhr4: "ft1hn21",
|
85
85
|
Bmfj8id: "fuxngvv",
|
86
|
-
Bbdnnc7: "
|
87
|
-
iro3zm: "
|
86
|
+
Bbdnnc7: "f1e22ucq",
|
87
|
+
iro3zm: "ft2oq02",
|
88
88
|
b661bw: "f1h0usnq",
|
89
89
|
Bk6r4ia: ["fs4ktlq", "fx2bmrt"],
|
90
90
|
B9zn80p: "f16h9ulv",
|
91
91
|
Bpld233: ["fx2bmrt", "fs4ktlq"],
|
92
|
-
B2d53fq: "
|
92
|
+
B2d53fq: "f1fbgxgw",
|
93
93
|
em6i61: "f1dfjoow",
|
94
94
|
vm6p8p: "f1j98vj9",
|
95
|
-
x3br3k: "
|
95
|
+
x3br3k: "f939htu",
|
96
96
|
ze5xyy: "f4xjyn1",
|
97
97
|
Bx3q9su: "f1et0tmh",
|
98
98
|
pc6evw: "f9ddjv3",
|
99
99
|
xd2cci: "f1wi8ngl"
|
100
100
|
},
|
101
101
|
transparent: {
|
102
|
-
De3pzq: "
|
102
|
+
De3pzq: "f1r0wfzh",
|
103
103
|
g2u3we: "f1p3nwhy",
|
104
104
|
h3c5rm: ["f11589ue", "f1pdflbu"],
|
105
105
|
B9xav0g: "f1q5o8ev",
|
106
106
|
zhjwy3: ["f1pdflbu", "f11589ue"],
|
107
|
-
sj55zd: "
|
108
|
-
Jwef8y: "
|
107
|
+
sj55zd: "f7tu2s8",
|
108
|
+
Jwef8y: "f1keu3yc",
|
109
109
|
Bgoe8wy: "f1s2uweq",
|
110
110
|
Bwzppfd: ["fr80ssc", "fecsdlb"],
|
111
111
|
oetu4i: "f1ukrpxl",
|
112
112
|
gg5e9n: ["fecsdlb", "fr80ssc"],
|
113
|
-
Bi91k9c: "
|
113
|
+
Bi91k9c: "f1icn6bw",
|
114
114
|
Bk3fhr4: "ft1hn21",
|
115
115
|
Bmfj8id: "fuxngvv",
|
116
|
-
iro3zm: "
|
116
|
+
iro3zm: "f1obcw2h",
|
117
117
|
b661bw: "f1h0usnq",
|
118
118
|
Bk6r4ia: ["fs4ktlq", "fx2bmrt"],
|
119
119
|
B9zn80p: "f16h9ulv",
|
120
120
|
Bpld233: ["fx2bmrt", "fs4ktlq"],
|
121
|
-
B2d53fq: "
|
121
|
+
B2d53fq: "f1hziq7e",
|
122
122
|
em6i61: "f1dfjoow",
|
123
123
|
vm6p8p: "f1j98vj9",
|
124
|
-
Bqrx1nm: "
|
124
|
+
Bqrx1nm: "f4jdi9f",
|
125
125
|
ze5xyy: "f4xjyn1",
|
126
|
-
g2kj27: "
|
126
|
+
g2kj27: "fx1ym7w",
|
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: "
|
134
|
+
Dimara: "ftu8dxo"
|
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: "
|
142
|
+
Dimara: "f1jlnq56"
|
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: "
|
156
|
-
Be2twd7: "
|
157
|
-
Bhrd7zp: "
|
158
|
-
Bg96gwp: "
|
155
|
+
Dimara: "f7gzlmc",
|
156
|
+
Be2twd7: "fyfeqws",
|
157
|
+
Bhrd7zp: "f1q4cs6n",
|
158
|
+
Bg96gwp: "f1bh4f08"
|
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: "
|
177
|
-
Be2twd7: "
|
178
|
-
Bhrd7zp: "
|
179
|
-
Bg96gwp: "
|
176
|
+
Dimara: "frxf9co",
|
177
|
+
Be2twd7: "f1fexiz4",
|
178
|
+
Bhrd7zp: "ffl0wkr",
|
179
|
+
Bg96gwp: "f1bn82zg"
|
180
180
|
},
|
181
181
|
largeWithIcon: {
|
182
182
|
Byoj8tv: "fy7v416",
|
183
183
|
z8tnut: "f1a1bwwz"
|
184
184
|
}
|
185
185
|
}, {
|
186
|
-
d: [".
|
186
|
+
d: [".f1eouddg{background-color:var(--ctrl-token-Button-37, var(--semantic-token-Button-38, var(--colorTransparentBackground)));}", ".f1jo0kc4{background-color:var(--ctrl-token-Button-43, var(--semantic-token-Button-44, var(--colorBrandBackground)));}", ".f1p3nwhy{border-top-color:transparent;}", ".f11589ue{border-right-color:transparent;}", ".f1pdflbu{border-left-color:transparent;}", ".f1q5o8ev{border-bottom-color:transparent;}", ".f1tfrua9{color:var(--ctrl-token-Button-45, var(--semantic-token-Button-46, var(--colorNeutralForegroundOnBrand)));}", ".fcqf3ay{background-color:var(--ctrl-token-Button-55, var(--semantic-token-Button-56, var(--colorSubtleBackground)));}", ".facbcro{color:var(--ctrl-token-Button-57, var(--semantic-token-Button-58, var(--colorNeutralForeground2)));}", ".f1r0wfzh{background-color:var(--ctrl-token-Button-71, var(--semantic-token-Button-72, var(--colorTransparentBackground)));}", ".f7tu2s8{color:var(--ctrl-token-Button-73, var(--semantic-token-Button-74, var(--colorNeutralForeground2)));}", [".ftu8dxo{border-radius:var(--ctrl-token-Button-87, var(--semantic-token-Button-88, var(--borderRadiusCircular)));}", {
|
187
187
|
p: -1
|
188
|
-
}], [".
|
188
|
+
}], [".f1jlnq56{border-radius:var(--ctrl-token-Button-89, var(--semantic-token-Button-90, var(--borderRadiusNone)));}", {
|
189
189
|
p: -1
|
190
190
|
}], ".fh7ncta{min-width:64px;}", [".fneth5b{padding:3px var(--spacingHorizontalS);}", {
|
191
191
|
p: -1
|
192
|
-
}], [".
|
192
|
+
}], [".f7gzlmc{border-radius:var(--ctrl-token-Button-91, var(--semantic-token-Button-92, var(--borderRadiusMedium)));}", {
|
193
193
|
p: -1
|
194
|
-
}], ".
|
194
|
+
}], ".fyfeqws{font-size:var(--ctrl-token-Button-93, var(--semantic-token-Button-94, var(--fontSizeBase200)));}", ".f1q4cs6n{font-weight:var(--ctrl-token-Button-95, var(--semantic-token-Button-96, var(--fontWeightRegular)));}", ".f1bh4f08{line-height:var(--ctrl-token-Button-97, var(--semantic-token-Button-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
|
-
}], [".
|
196
|
+
}], [".frxf9co{border-radius:var(--ctrl-token-Button-99, var(--semantic-token-Button-100, var(--borderRadiusMedium)));}", {
|
197
197
|
p: -1
|
198
|
-
}], ".
|
199
|
-
h: [".
|
198
|
+
}], ".f1fexiz4{font-size:var(--ctrl-token-Button-101, var(--semantic-token-Button-102, var(--fontSizeBase400)));}", ".ffl0wkr{font-weight:var(--ctrl-token-Button-103, var(--semantic-token-Button-104, var(--fontWeightSemibold)));}", ".f1bn82zg{line-height:var(--ctrl-token-Button-105, var(--semantic-token-Button-106, var(--lineHeightBase400)));}", ".fy7v416{padding-bottom:7px;}", ".f1a1bwwz{padding-top:7px;}"],
|
199
|
+
h: [".fj890eg:hover{background-color:var(--ctrl-token-Button-39, var(--semantic-token-Button-40, var(--colorTransparentBackgroundHover)));}", ".fp7cah7:hover:active{background-color:var(--ctrl-token-Button-41, var(--semantic-token-Button-42, var(--colorTransparentBackgroundPressed)));}", ".fhfauqh:hover{background-color:var(--ctrl-token-Button-47, var(--semantic-token-Button-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;}", ".f1m12vgd:hover{color:var(--ctrl-token-Button-49, var(--semantic-token-Button-50, var(--colorNeutralForegroundOnBrand)));}", ".f1a744jy:hover:active{background-color:var(--ctrl-token-Button-51, var(--semantic-token-Button-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;}", ".f22sk3l:hover:active{color:var(--ctrl-token-Button-53, var(--semantic-token-Button-54, var(--colorNeutralForegroundOnBrand)));}", ".f17cpoba:hover{background-color:var(--ctrl-token-Button-59, var(--semantic-token-Button-60, var(--colorSubtleBackgroundHover)));}", ".fl0l5mk:hover{color:var(--ctrl-token-Button-61, var(--semantic-token-Button-62, var(--colorNeutralForeground2Hover)));}", ".ft1hn21:hover .fui-Icon-filled{display:inline;}", ".fuxngvv:hover .fui-Icon-regular{display:none;}", ".f1e22ucq:hover .fui-Button__icon{color:var(--ctrl-token-Button-63, var(--semantic-token-Button-64, var(--colorNeutralForeground2BrandHover)));}", ".ft2oq02:hover:active{background-color:var(--ctrl-token-Button-65, var(--semantic-token-Button-66, var(--colorSubtleBackgroundPressed)));}", ".f1fbgxgw:hover:active{color:var(--ctrl-token-Button-67, var(--semantic-token-Button-68, var(--colorNeutralForeground2Pressed)));}", ".f1dfjoow:hover:active .fui-Icon-filled{display:inline;}", ".f1j98vj9:hover:active .fui-Icon-regular{display:none;}", ".f939htu:hover:active .fui-Button__icon{color:var(--ctrl-token-Button-69, var(--semantic-token-Button-70, var(--colorNeutralForeground2BrandPressed)));}", ".f1keu3yc:hover{background-color:var(--ctrl-token-Button-75, var(--semantic-token-Button-76, var(--colorTransparentBackgroundHover)));}", ".f1icn6bw:hover{color:var(--ctrl-token-Button-77, var(--semantic-token-Button-78, var(--colorNeutralForeground2BrandHover)));}", ".f1obcw2h:hover:active{background-color:var(--ctrl-token-Button-79, var(--semantic-token-Button-80, var(--colorTransparentBackgroundPressed)));}", ".f1hziq7e:hover:active{color:var(--ctrl-token-Button-81, var(--semantic-token-Button-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){.
|
236
|
+
}], ["@media (forced-colors: active){.f4jdi9f:hover{background-color:var(--ctrl-token-Button-83, var(--semantic-token-Button-84, var(--colorTransparentBackground)));}}", {
|
237
237
|
m: "(forced-colors: active)"
|
238
|
-
}], ["@media (forced-colors: active){.
|
238
|
+
}], ["@media (forced-colors: active){.fx1ym7w:hover:active{background-color:var(--ctrl-token-Button-85, var(--semantic-token-Button-86, var(--colorTransparentBackground)));}}", {
|
239
239
|
m: "(forced-colors: active)"
|
240
240
|
}]]
|
241
241
|
});
|
242
242
|
const useRootDisabledStyles = /*#__PURE__*/__styles({
|
243
243
|
base: {
|
244
|
-
De3pzq: "
|
244
|
+
De3pzq: "fcs0obq",
|
245
245
|
g2u3we: "f1jj8ep1",
|
246
246
|
h3c5rm: ["f15xbau", "fy0fskl"],
|
247
247
|
B9xav0g: "f4ikngz",
|
248
248
|
zhjwy3: ["fy0fskl", "f15xbau"],
|
249
|
-
sj55zd: "
|
249
|
+
sj55zd: "fc48gqn",
|
250
250
|
Bceei9c: "fdrzuqr",
|
251
|
-
Bfinmwp: "
|
252
|
-
Jwef8y: "
|
251
|
+
Bfinmwp: "f1k3dur3",
|
252
|
+
Jwef8y: "fhqlcuo",
|
253
253
|
Bgoe8wy: "f12mpcsy",
|
254
254
|
Bwzppfd: ["f1gwvigk", "f18rmfxp"],
|
255
255
|
oetu4i: "f1jnshp0",
|
256
256
|
gg5e9n: ["f18rmfxp", "f1gwvigk"],
|
257
|
-
Bi91k9c: "
|
257
|
+
Bi91k9c: "f1mnyqwt",
|
258
258
|
eoavqd: "fphbwmw",
|
259
259
|
Bk3fhr4: "f19vpps7",
|
260
260
|
Bmfj8id: "fv5swzo",
|
261
|
-
Bbdnnc7: "
|
262
|
-
iro3zm: "
|
261
|
+
Bbdnnc7: "f127ycqn",
|
262
|
+
iro3zm: "f1yv1ocr",
|
263
263
|
b661bw: "f10ztigi",
|
264
264
|
Bk6r4ia: ["f1ft5sdu", "f1gzf82w"],
|
265
265
|
B9zn80p: "f12zbtn2",
|
266
266
|
Bpld233: ["f1gzf82w", "f1ft5sdu"],
|
267
|
-
B2d53fq: "
|
267
|
+
B2d53fq: "f19ud50m",
|
268
268
|
c3iz72: "f8w4c43",
|
269
269
|
em6i61: "f1ol4fw6",
|
270
270
|
vm6p8p: "f1q1lw4e",
|
271
|
-
x3br3k: "
|
271
|
+
x3br3k: "f12mguyw"
|
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: "
|
299
|
-
Jwef8y: "
|
300
|
-
iro3zm: "
|
298
|
+
De3pzq: "f3pttju",
|
299
|
+
Jwef8y: "f1q092r8",
|
300
|
+
iro3zm: "f179lky8"
|
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: "
|
318
|
+
De3pzq: "fqya840",
|
319
319
|
g2u3we: "f1p3nwhy",
|
320
320
|
h3c5rm: ["f11589ue", "f1pdflbu"],
|
321
321
|
B9xav0g: "f1q5o8ev",
|
322
322
|
zhjwy3: ["f1pdflbu", "f11589ue"],
|
323
|
-
Jwef8y: "
|
323
|
+
Jwef8y: "fw11tfn",
|
324
324
|
Bgoe8wy: "f1s2uweq",
|
325
325
|
Bwzppfd: ["fr80ssc", "fecsdlb"],
|
326
326
|
oetu4i: "f1ukrpxl",
|
327
327
|
gg5e9n: ["fecsdlb", "fr80ssc"],
|
328
|
-
iro3zm: "
|
328
|
+
iro3zm: "fa1lhi2",
|
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: "
|
335
|
+
De3pzq: "f1bebd5s",
|
336
336
|
g2u3we: "f1p3nwhy",
|
337
337
|
h3c5rm: ["f11589ue", "f1pdflbu"],
|
338
338
|
B9xav0g: "f1q5o8ev",
|
339
339
|
zhjwy3: ["f1pdflbu", "f11589ue"],
|
340
|
-
Jwef8y: "
|
340
|
+
Jwef8y: "fjlpaey",
|
341
341
|
Bgoe8wy: "f1s2uweq",
|
342
342
|
Bwzppfd: ["fr80ssc", "fecsdlb"],
|
343
343
|
oetu4i: "f1ukrpxl",
|
344
344
|
gg5e9n: ["fecsdlb", "fr80ssc"],
|
345
|
-
iro3zm: "
|
345
|
+
iro3zm: "f13p7ut8",
|
346
346
|
b661bw: "f1h0usnq",
|
347
347
|
Bk6r4ia: ["fs4ktlq", "fx2bmrt"],
|
348
348
|
B9zn80p: "f16h9ulv",
|
349
349
|
Bpld233: ["fx2bmrt", "fs4ktlq"]
|
350
350
|
}
|
351
351
|
}, {
|
352
|
-
d: [".
|
353
|
-
h: [".
|
352
|
+
d: [".fcs0obq{background-color:var(--ctrl-token-Button-107, var(--semantic-token-Button-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);}", ".fc48gqn{color:var(--ctrl-token-Button-109, var(--semantic-token-Button-110, var(--colorNeutralForegroundDisabled)));}", ".fdrzuqr{cursor:not-allowed;}", ".f1k3dur3 .fui-Button__icon{color:var(--ctrl-token-Button-111, var(--semantic-token-Button-112, var(--colorNeutralForegroundDisabled)));}", ".f3pttju{background-color:var(--ctrl-token-Button-125, var(--semantic-token-Button-126, var(--colorTransparentBackground)));}", ".f1p3nwhy{border-top-color:transparent;}", ".f11589ue{border-right-color:transparent;}", ".f1pdflbu{border-left-color:transparent;}", ".f1q5o8ev{border-bottom-color:transparent;}", ".fqya840{background-color:var(--ctrl-token-Button-131, var(--semantic-token-Button-132, var(--colorTransparentBackground)));}", ".f1bebd5s{background-color:var(--ctrl-token-Button-137, var(--semantic-token-Button-138, var(--colorTransparentBackground)));}"],
|
353
|
+
h: [".fhqlcuo:hover{background-color:var(--ctrl-token-Button-113, var(--semantic-token-Button-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);}", ".f1mnyqwt:hover{color:var(--ctrl-token-Button-115, var(--semantic-token-Button-116, var(--colorNeutralForegroundDisabled)));}", ".fphbwmw:hover{cursor:not-allowed;}", ".f19vpps7:hover .fui-Icon-filled{display:none;}", ".fv5swzo:hover .fui-Icon-regular{display:inline;}", ".f127ycqn:hover .fui-Button__icon{color:var(--ctrl-token-Button-117, var(--semantic-token-Button-118, var(--colorNeutralForegroundDisabled)));}", ".f1yv1ocr:hover:active{background-color:var(--ctrl-token-Button-119, var(--semantic-token-Button-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);}", ".f19ud50m:hover:active{color:var(--ctrl-token-Button-121, var(--semantic-token-Button-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;}", ".f12mguyw:hover:active .fui-Button__icon{color:var(--ctrl-token-Button-123, var(--semantic-token-Button-124, var(--colorNeutralForegroundDisabled)));}", ".f1q092r8:hover{background-color:var(--ctrl-token-Button-127, var(--semantic-token-Button-128, var(--colorTransparentBackground)));}", ".f179lky8:hover:active{background-color:var(--ctrl-token-Button-129, var(--semantic-token-Button-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;}", ".fw11tfn:hover{background-color:var(--ctrl-token-Button-133, var(--semantic-token-Button-134, var(--colorTransparentBackground)));}", ".fa1lhi2:hover:active{background-color:var(--ctrl-token-Button-135, var(--semantic-token-Button-136, var(--colorTransparentBackground)));}", ".fjlpaey:hover{background-color:var(--ctrl-token-Button-139, var(--semantic-token-Button-140, var(--colorTransparentBackground)));}", ".f13p7ut8:hover:active{background-color:var(--ctrl-token-Button-141, var(--semantic-token-Button-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: "
|
398
|
+
B3whbx2: "f162i0ns"
|
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: "
|
406
|
+
B3whbx2: "fxoxqnf"
|
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: "
|
427
|
+
B3whbx2: "f1l0ufzv"
|
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: "
|
435
|
+
B3whbx2: "f1ulbsbf"
|
436
436
|
}
|
437
437
|
}, {
|
438
|
-
d: [[".
|
438
|
+
d: [[".f162i0ns[data-fui-focus-visible]{border-radius:var(--ctrl-token-Button-143, var(--semantic-token-Button-144, var(--borderRadiusCircular)));}", {
|
439
439
|
p: -1
|
440
|
-
}], [".
|
440
|
+
}], [".fxoxqnf[data-fui-focus-visible]{border-radius:var(--ctrl-token-Button-145, var(--semantic-token-Button-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);}", [".
|
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);}", [".f1l0ufzv[data-fui-focus-visible]{border-radius:var(--ctrl-token-Button-147, var(--semantic-token-Button-148, var(--borderRadiusSmall)));}", {
|
443
443
|
p: -1
|
444
|
-
}], [".
|
444
|
+
}], [".f1ulbsbf[data-fui-focus-visible]{border-radius:var(--ctrl-token-Button-149, var(--semantic-token-Button-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: "
|
491
|
+
Bqrlyyl: "f1be447b"
|
492
492
|
},
|
493
493
|
medium: {},
|
494
494
|
large: {
|
495
495
|
Be2twd7: "f1rt2boy",
|
496
496
|
Bqenvij: "frvgh55",
|
497
497
|
a9b677: "fq4mcun",
|
498
|
-
Bqrlyyl: "
|
498
|
+
Bqrlyyl: "fd1re4p"
|
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;}", ".
|
507
|
+
d: [".fe5j1ua{font-size:20px;}", ".fjamq6b{height:20px;}", ".f64fuq3{width:20px;}", ".f1be447b{--fui-Button__icon--spacing:var(--ctrl-token-Button-151, var(--semantic-token-Button-152, var(--spacingHorizontalXS)));}", ".f1rt2boy{font-size:24px;}", ".frvgh55{height:24px;}", ".fq4mcun{width:24px;}", ".fd1re4p{--fui-Button__icon--spacing:var(--ctrl-token-Button-153, var(--semantic-token-Button-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';
|