@fluentui/react-button 9.1.0 → 9.1.2
Sign up to get free protection for your applications and to get access to all the features.
- package/CHANGELOG.json +108 -4
- package/CHANGELOG.md +33 -5
- package/lib/components/Button/useButtonStyles.js +68 -67
- package/lib/components/Button/useButtonStyles.js.map +1 -1
- package/lib/components/CompoundButton/useCompoundButtonStyles.js +3 -4
- package/lib/components/CompoundButton/useCompoundButtonStyles.js.map +1 -1
- package/lib/components/MenuButton/useMenuButton.js +3 -0
- package/lib/components/MenuButton/useMenuButton.js.map +1 -1
- package/lib/components/SplitButton/useSplitButtonStyles.js +15 -15
- package/lib/components/SplitButton/useSplitButtonStyles.js.map +1 -1
- package/lib/components/ToggleButton/useToggleButtonStyles.js +48 -33
- package/lib/components/ToggleButton/useToggleButtonStyles.js.map +1 -1
- package/lib/utils/useToggleState.js +2 -2
- package/lib/utils/useToggleState.js.map +1 -1
- package/lib-commonjs/components/Button/useButtonStyles.js +68 -67
- package/lib-commonjs/components/Button/useButtonStyles.js.map +1 -1
- package/lib-commonjs/components/CompoundButton/useCompoundButtonStyles.js +3 -4
- package/lib-commonjs/components/CompoundButton/useCompoundButtonStyles.js.map +1 -1
- package/lib-commonjs/components/MenuButton/useMenuButton.js +3 -0
- package/lib-commonjs/components/MenuButton/useMenuButton.js.map +1 -1
- package/lib-commonjs/components/SplitButton/useSplitButtonStyles.js +15 -15
- package/lib-commonjs/components/SplitButton/useSplitButtonStyles.js.map +1 -1
- package/lib-commonjs/components/ToggleButton/useToggleButtonStyles.js +50 -36
- package/lib-commonjs/components/ToggleButton/useToggleButtonStyles.js.map +1 -1
- package/lib-commonjs/utils/useToggleState.js +1 -1
- package/lib-commonjs/utils/useToggleState.js.map +1 -1
- package/package.json +9 -9
- package/dist/tsdoc-metadata.json +0 -11
package/CHANGELOG.json
CHANGED
|
@@ -2,7 +2,111 @@
|
|
|
2
2
|
"name": "@fluentui/react-button",
|
|
3
3
|
"entries": [
|
|
4
4
|
{
|
|
5
|
-
"date": "
|
|
5
|
+
"date": "Tue, 20 Sep 2022 20:54:08 GMT",
|
|
6
|
+
"tag": "@fluentui/react-button_v9.1.2",
|
|
7
|
+
"version": "9.1.2",
|
|
8
|
+
"comments": {
|
|
9
|
+
"patch": [
|
|
10
|
+
{
|
|
11
|
+
"author": "beachball",
|
|
12
|
+
"package": "@fluentui/react-button",
|
|
13
|
+
"comment": "Bump @fluentui/react-conformance-griffel to v9.0.0-beta.14",
|
|
14
|
+
"commit": "9617a5a46ef4c5e310a066a5374ff2ed61db3c66"
|
|
15
|
+
}
|
|
16
|
+
]
|
|
17
|
+
}
|
|
18
|
+
},
|
|
19
|
+
{
|
|
20
|
+
"date": "Thu, 15 Sep 2022 09:49:56 GMT",
|
|
21
|
+
"tag": "@fluentui/react-button_v9.1.1",
|
|
22
|
+
"version": "9.1.1",
|
|
23
|
+
"comments": {
|
|
24
|
+
"patch": [
|
|
25
|
+
{
|
|
26
|
+
"author": "humberto_makoto@hotmail.com",
|
|
27
|
+
"package": "@fluentui/react-button",
|
|
28
|
+
"commit": "17b9063802b28bf7f4b1c4d439623819ad8940fa",
|
|
29
|
+
"comment": "fix: Adding 'aria-expanded=false' to collapsed MenuButtons."
|
|
30
|
+
},
|
|
31
|
+
{
|
|
32
|
+
"author": "makotom@microsoft.com",
|
|
33
|
+
"package": "@fluentui/react-button",
|
|
34
|
+
"commit": "6bc03a4e9ee815da750466f9dc2d25df1373f3e9",
|
|
35
|
+
"comment": "chore: Remove max-width style from Button components."
|
|
36
|
+
},
|
|
37
|
+
{
|
|
38
|
+
"author": "humberto_makoto@hotmail.com",
|
|
39
|
+
"package": "@fluentui/react-button",
|
|
40
|
+
"commit": "ef3ea2307fd97c893eded2164d96f1f56e378fd3",
|
|
41
|
+
"comment": "chore: Cleaning up tokens in Button components so they better adhere to the design spec."
|
|
42
|
+
},
|
|
43
|
+
{
|
|
44
|
+
"author": "humberto_makoto@hotmail.com",
|
|
45
|
+
"package": "@fluentui/react-button",
|
|
46
|
+
"commit": "28f55597050bcdd293e57e7d1fdc87802150c59d",
|
|
47
|
+
"comment": "fix: Wrapping long text in Button components."
|
|
48
|
+
},
|
|
49
|
+
{
|
|
50
|
+
"author": "behowell@microsoft.com",
|
|
51
|
+
"package": "@fluentui/react-button",
|
|
52
|
+
"commit": "e598325b985cad3e5057f00893e0176416edd292",
|
|
53
|
+
"comment": "refactor: Replace useMergedEventCallbacks utility with mergeCallbacks"
|
|
54
|
+
},
|
|
55
|
+
{
|
|
56
|
+
"author": "olfedias@microsoft.com",
|
|
57
|
+
"package": "@fluentui/react-button",
|
|
58
|
+
"commit": "e610024474cfe5d45f61501a8b6a21daf4c794a2",
|
|
59
|
+
"comment": "chore: Update Griffel to latest version"
|
|
60
|
+
},
|
|
61
|
+
{
|
|
62
|
+
"author": "beachball",
|
|
63
|
+
"package": "@fluentui/react-button",
|
|
64
|
+
"comment": "Bump @fluentui/react-aria to v9.2.0",
|
|
65
|
+
"commit": "a33448fe4a0f4117686c378f80b893d1406d95a8"
|
|
66
|
+
},
|
|
67
|
+
{
|
|
68
|
+
"author": "beachball",
|
|
69
|
+
"package": "@fluentui/react-button",
|
|
70
|
+
"comment": "Bump @fluentui/react-tabster to v9.1.1",
|
|
71
|
+
"commit": "a33448fe4a0f4117686c378f80b893d1406d95a8"
|
|
72
|
+
},
|
|
73
|
+
{
|
|
74
|
+
"author": "beachball",
|
|
75
|
+
"package": "@fluentui/react-button",
|
|
76
|
+
"comment": "Bump @fluentui/react-theme to v9.1.0",
|
|
77
|
+
"commit": "a33448fe4a0f4117686c378f80b893d1406d95a8"
|
|
78
|
+
},
|
|
79
|
+
{
|
|
80
|
+
"author": "beachball",
|
|
81
|
+
"package": "@fluentui/react-button",
|
|
82
|
+
"comment": "Bump @fluentui/react-utilities to v9.1.0",
|
|
83
|
+
"commit": "a33448fe4a0f4117686c378f80b893d1406d95a8"
|
|
84
|
+
},
|
|
85
|
+
{
|
|
86
|
+
"author": "beachball",
|
|
87
|
+
"package": "@fluentui/react-button",
|
|
88
|
+
"comment": "Bump @fluentui/react-conformance-griffel to v9.0.0-beta.13",
|
|
89
|
+
"commit": "a33448fe4a0f4117686c378f80b893d1406d95a8"
|
|
90
|
+
}
|
|
91
|
+
],
|
|
92
|
+
"none": [
|
|
93
|
+
{
|
|
94
|
+
"author": "martinhochel@microsoft.com",
|
|
95
|
+
"package": "@fluentui/react-button",
|
|
96
|
+
"commit": "e6cf183695d6d67a24e038c49a876224e5ed35e5",
|
|
97
|
+
"comment": "chore: update package scaffold"
|
|
98
|
+
},
|
|
99
|
+
{
|
|
100
|
+
"author": "makotom@microsoft.com",
|
|
101
|
+
"package": "@fluentui/react-button",
|
|
102
|
+
"commit": "e176621e71d595c6d17655c108db0b73eb9ec188",
|
|
103
|
+
"comment": "chore: Removing CompoundButtonAsToggleButton story since it was using non-exported functions."
|
|
104
|
+
}
|
|
105
|
+
]
|
|
106
|
+
}
|
|
107
|
+
},
|
|
108
|
+
{
|
|
109
|
+
"date": "Wed, 03 Aug 2022 16:03:39 GMT",
|
|
6
110
|
"tag": "@fluentui/react-button_v9.1.0",
|
|
7
111
|
"version": "9.1.0",
|
|
8
112
|
"comments": {
|
|
@@ -17,19 +121,19 @@
|
|
|
17
121
|
"author": "beachball",
|
|
18
122
|
"package": "@fluentui/react-button",
|
|
19
123
|
"comment": "Bump @fluentui/react-aria to v9.1.0",
|
|
20
|
-
"commit": "
|
|
124
|
+
"commit": "ee4a8be0d0831a6615f878f98db6a97cc61a802d"
|
|
21
125
|
},
|
|
22
126
|
{
|
|
23
127
|
"author": "beachball",
|
|
24
128
|
"package": "@fluentui/react-button",
|
|
25
129
|
"comment": "Bump @fluentui/react-tabster to v9.1.0",
|
|
26
|
-
"commit": "
|
|
130
|
+
"commit": "ee4a8be0d0831a6615f878f98db6a97cc61a802d"
|
|
27
131
|
},
|
|
28
132
|
{
|
|
29
133
|
"author": "beachball",
|
|
30
134
|
"package": "@fluentui/react-button",
|
|
31
135
|
"comment": "Bump @fluentui/react-conformance-griffel to v9.0.0-beta.12",
|
|
32
|
-
"commit": "
|
|
136
|
+
"commit": "ee4a8be0d0831a6615f878f98db6a97cc61a802d"
|
|
33
137
|
}
|
|
34
138
|
],
|
|
35
139
|
"none": [
|
package/CHANGELOG.md
CHANGED
|
@@ -1,20 +1,48 @@
|
|
|
1
1
|
# Change Log - @fluentui/react-button
|
|
2
2
|
|
|
3
|
-
This log was last generated on
|
|
3
|
+
This log was last generated on Tue, 20 Sep 2022 20:54:08 GMT and should not be manually modified.
|
|
4
4
|
|
|
5
5
|
<!-- Start content -->
|
|
6
6
|
|
|
7
|
+
## [9.1.2](https://github.com/microsoft/fluentui/tree/@fluentui/react-button_v9.1.2)
|
|
8
|
+
|
|
9
|
+
Tue, 20 Sep 2022 20:54:08 GMT
|
|
10
|
+
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-button_v9.1.1..@fluentui/react-button_v9.1.2)
|
|
11
|
+
|
|
12
|
+
### Patches
|
|
13
|
+
|
|
14
|
+
- Bump @fluentui/react-conformance-griffel to v9.0.0-beta.14 ([PR #24870](https://github.com/microsoft/fluentui/pull/24870) by beachball)
|
|
15
|
+
|
|
16
|
+
## [9.1.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-button_v9.1.1)
|
|
17
|
+
|
|
18
|
+
Thu, 15 Sep 2022 09:49:56 GMT
|
|
19
|
+
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-button_v9.1.0..@fluentui/react-button_v9.1.1)
|
|
20
|
+
|
|
21
|
+
### Patches
|
|
22
|
+
|
|
23
|
+
- fix: Adding 'aria-expanded=false' to collapsed MenuButtons. ([PR #24782](https://github.com/microsoft/fluentui/pull/24782) by humberto_makoto@hotmail.com)
|
|
24
|
+
- chore: Remove max-width style from Button components. ([PR #24647](https://github.com/microsoft/fluentui/pull/24647) by makotom@microsoft.com)
|
|
25
|
+
- chore: Cleaning up tokens in Button components so they better adhere to the design spec. ([PR #24732](https://github.com/microsoft/fluentui/pull/24732) by humberto_makoto@hotmail.com)
|
|
26
|
+
- fix: Wrapping long text in Button components. ([PR #24682](https://github.com/microsoft/fluentui/pull/24682) by humberto_makoto@hotmail.com)
|
|
27
|
+
- refactor: Replace useMergedEventCallbacks utility with mergeCallbacks ([PR #24152](https://github.com/microsoft/fluentui/pull/24152) by behowell@microsoft.com)
|
|
28
|
+
- chore: Update Griffel to latest version ([PR #24221](https://github.com/microsoft/fluentui/pull/24221) by olfedias@microsoft.com)
|
|
29
|
+
- Bump @fluentui/react-aria to v9.2.0 ([PR #24808](https://github.com/microsoft/fluentui/pull/24808) by beachball)
|
|
30
|
+
- Bump @fluentui/react-tabster to v9.1.1 ([PR #24808](https://github.com/microsoft/fluentui/pull/24808) by beachball)
|
|
31
|
+
- Bump @fluentui/react-theme to v9.1.0 ([PR #24808](https://github.com/microsoft/fluentui/pull/24808) by beachball)
|
|
32
|
+
- Bump @fluentui/react-utilities to v9.1.0 ([PR #24808](https://github.com/microsoft/fluentui/pull/24808) by beachball)
|
|
33
|
+
- Bump @fluentui/react-conformance-griffel to v9.0.0-beta.13 ([PR #24808](https://github.com/microsoft/fluentui/pull/24808) by beachball)
|
|
34
|
+
|
|
7
35
|
## [9.1.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-button_v9.1.0)
|
|
8
36
|
|
|
9
|
-
Wed, 03 Aug 2022 16:
|
|
37
|
+
Wed, 03 Aug 2022 16:03:39 GMT
|
|
10
38
|
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-button_v9.0.3..@fluentui/react-button_v9.1.0)
|
|
11
39
|
|
|
12
40
|
### Minor changes
|
|
13
41
|
|
|
14
42
|
- chore: Updates Button to use useARIAButton over useARIAButtonShorthand ([PR #24032](https://github.com/microsoft/fluentui/pull/24032) by bernardo.sunderhus@gmail.com)
|
|
15
|
-
- Bump @fluentui/react-aria to v9.1.0 ([PR #
|
|
16
|
-
- Bump @fluentui/react-tabster to v9.1.0 ([PR #
|
|
17
|
-
- Bump @fluentui/react-conformance-griffel to v9.0.0-beta.12 ([PR #
|
|
43
|
+
- Bump @fluentui/react-aria to v9.1.0 ([PR #24131](https://github.com/microsoft/fluentui/pull/24131) by beachball)
|
|
44
|
+
- Bump @fluentui/react-tabster to v9.1.0 ([PR #24131](https://github.com/microsoft/fluentui/pull/24131) by beachball)
|
|
45
|
+
- Bump @fluentui/react-conformance-griffel to v9.0.0-beta.12 ([PR #24131](https://github.com/microsoft/fluentui/pull/24131) by beachball)
|
|
18
46
|
|
|
19
47
|
### Patches
|
|
20
48
|
|
|
@@ -7,6 +7,8 @@ export const buttonClassNames = {
|
|
|
7
7
|
icon: 'fui-Button__icon'
|
|
8
8
|
};
|
|
9
9
|
const iconSpacingVar = '--fui-Button__icon--spacing';
|
|
10
|
+
const buttonSpacingSmall = '3px';
|
|
11
|
+
const buttonSpacingMedium = '5px';
|
|
10
12
|
|
|
11
13
|
const useRootStyles = /*#__PURE__*/__styles({
|
|
12
14
|
"base": {
|
|
@@ -18,11 +20,8 @@ const useRootStyles = /*#__PURE__*/__styles({
|
|
|
18
20
|
"t21cq0": ["f11qmguv", "f1tyq0we"],
|
|
19
21
|
"jrapky": "f19f4twv",
|
|
20
22
|
"Frg6f3": ["f1tyq0we", "f11qmguv"],
|
|
21
|
-
"B2u0y6b": "f1n52uh2",
|
|
22
23
|
"B68tc82": "f1p9o1ba",
|
|
23
24
|
"Bmxbyg5": "f1sil6mw",
|
|
24
|
-
"ygn44y": "f1cmbuwj",
|
|
25
|
-
"Huce71": "fz5stix",
|
|
26
25
|
"De3pzq": "fxugw4r",
|
|
27
26
|
"sj55zd": "f19n0e5",
|
|
28
27
|
"B4j52fo": "f192inf7",
|
|
@@ -116,13 +115,13 @@ const useRootStyles = /*#__PURE__*/__styles({
|
|
|
116
115
|
"Bwzppfd": ["fr80ssc", "fecsdlb"],
|
|
117
116
|
"oetu4i": "f1ukrpxl",
|
|
118
117
|
"gg5e9n": ["fecsdlb", "fr80ssc"],
|
|
119
|
-
"Bi91k9c": "
|
|
118
|
+
"Bi91k9c": "fnwyq0v",
|
|
120
119
|
"iro3zm": "fsv2rcd",
|
|
121
120
|
"b661bw": "f1h0usnq",
|
|
122
121
|
"Bk6r4ia": ["fs4ktlq", "fx2bmrt"],
|
|
123
122
|
"B9zn80p": "f16h9ulv",
|
|
124
123
|
"Bpld233": ["fx2bmrt", "fs4ktlq"],
|
|
125
|
-
"B2d53fq": "
|
|
124
|
+
"B2d53fq": "f1omzyqd"
|
|
126
125
|
},
|
|
127
126
|
"transparent": {
|
|
128
127
|
"De3pzq": "f1c21dwh",
|
|
@@ -158,26 +157,24 @@ const useRootStyles = /*#__PURE__*/__styles({
|
|
|
158
157
|
"Btl43ni": ["f13av6d4", "f3fg2lr"]
|
|
159
158
|
},
|
|
160
159
|
"small": {
|
|
161
|
-
"z8tnut": "
|
|
160
|
+
"z8tnut": "f1khb0e9",
|
|
162
161
|
"z189sj": ["f1vdfbxk", "f1f5gg8d"],
|
|
163
|
-
"Byoj8tv": "
|
|
162
|
+
"Byoj8tv": "f1jnq6q7",
|
|
164
163
|
"uwmqm3": ["f1f5gg8d", "f1vdfbxk"],
|
|
165
|
-
"Bqenvij": "frvgh55",
|
|
166
164
|
"Bf4jedk": "fh7ncta",
|
|
167
|
-
"Bbmb7ep": ["
|
|
168
|
-
"Beyfa6y": ["
|
|
169
|
-
"B7oj6ja": ["
|
|
170
|
-
"Btl43ni": ["
|
|
165
|
+
"Bbmb7ep": ["fclariu", "fyjfh2l"],
|
|
166
|
+
"Beyfa6y": ["fyjfh2l", "fclariu"],
|
|
167
|
+
"B7oj6ja": ["f11xeu6h", "f1knf8zw"],
|
|
168
|
+
"Btl43ni": ["f1knf8zw", "f11xeu6h"],
|
|
171
169
|
"Be2twd7": "fy9rknc",
|
|
172
170
|
"Bhrd7zp": "figsok6",
|
|
173
171
|
"Bg96gwp": "fwrc4pm"
|
|
174
172
|
},
|
|
175
173
|
"medium": {
|
|
176
|
-
"z8tnut": "
|
|
174
|
+
"z8tnut": "f1sbtcvk",
|
|
177
175
|
"z189sj": ["fw5db7e", "f1uw59to"],
|
|
178
|
-
"Byoj8tv": "
|
|
176
|
+
"Byoj8tv": "fdghr9",
|
|
179
177
|
"uwmqm3": ["f1uw59to", "fw5db7e"],
|
|
180
|
-
"Bqenvij": "f1d2rq10",
|
|
181
178
|
"Bf4jedk": "f14es27b",
|
|
182
179
|
"Bbmb7ep": ["f1aa9q02", "f16jpd5f"],
|
|
183
180
|
"Beyfa6y": ["f16jpd5f", "f1aa9q02"],
|
|
@@ -188,11 +185,10 @@ const useRootStyles = /*#__PURE__*/__styles({
|
|
|
188
185
|
"Bg96gwp": "f1i3iumi"
|
|
189
186
|
},
|
|
190
187
|
"large": {
|
|
191
|
-
"z8tnut": "
|
|
188
|
+
"z8tnut": "f1kwiid1",
|
|
192
189
|
"z189sj": ["fjodcmx", "fhx4nu"],
|
|
193
|
-
"Byoj8tv": "
|
|
190
|
+
"Byoj8tv": "f5b47ha",
|
|
194
191
|
"uwmqm3": ["fhx4nu", "fjodcmx"],
|
|
195
|
-
"Bqenvij": "fbhnoac",
|
|
196
192
|
"Bf4jedk": "f14es27b",
|
|
197
193
|
"Bbmb7ep": ["f1aa9q02", "f16jpd5f"],
|
|
198
194
|
"Beyfa6y": ["f16jpd5f", "f1aa9q02"],
|
|
@@ -203,8 +199,8 @@ const useRootStyles = /*#__PURE__*/__styles({
|
|
|
203
199
|
"Bg96gwp": "faaz57k"
|
|
204
200
|
}
|
|
205
201
|
}, {
|
|
206
|
-
"d": [".f122n59{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}", ".ftuwxu6{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}", ".f4d9j23{-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;}", ".fmrv4ls{vertical-align:middle;}", ".f1hu3pq6{margin-top:0;}", ".f11qmguv{margin-right:0;}", ".f1tyq0we{margin-left:0;}", ".f19f4twv{margin-bottom:0;}", ".
|
|
207
|
-
"h": [".f1knas48:hover{background-color:var(--colorNeutralBackground1Hover);}", ".fvcxoqz:hover{border-top-color:var(--colorNeutralStroke1Hover);}", ".f1ub3y4t:hover{border-right-color:var(--colorNeutralStroke1Hover);}", ".f1m52nbi:hover{border-left-color:var(--colorNeutralStroke1Hover);}", ".f1xlaoq0:hover{border-bottom-color:var(--colorNeutralStroke1Hover);}", ".feu1g3u:hover{color:var(--colorNeutralForeground1Hover);}", ".f8491dx:hover{cursor:pointer;}", ".ft1hn21:hover .fui-Icon-filled{display:inline;}", ".fuxngvv:hover .fui-Icon-regular{display:none;}", ".f141de4g:hover:active{background-color:var(--colorNeutralBackground1Pressed);}", ".f11v6sdu:hover:active{border-top-color:var(--colorNeutralStroke1Pressed);}", ".f9yn8i4:hover:active{border-right-color:var(--colorNeutralStroke1Pressed);}", ".f1ajwf28:hover:active{border-left-color:var(--colorNeutralStroke1Pressed);}", ".f1uwu36w:hover:active{border-bottom-color:var(--colorNeutralStroke1Pressed);}", ".f9olfzr:hover:active{color:var(--colorNeutralForeground1Pressed);}", ".fiu5zv5:hover:active{outline-style:none;}", ".f1dfjoow:hover:active .fui-Icon-filled{display:inline;}", ".f1j98vj9:hover:active .fui-Icon-regular{display:none;}", ".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);}", ".
|
|
202
|
+
"d": [".f122n59{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}", ".ftuwxu6{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}", ".f4d9j23{-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;}", ".fmrv4ls{vertical-align:middle;}", ".f1hu3pq6{margin-top:0;}", ".f11qmguv{margin-right:0;}", ".f1tyq0we{margin-left:0;}", ".f19f4twv{margin-bottom:0;}", ".f1p9o1ba{overflow-x:hidden;}", ".f1sil6mw{overflow-y:hidden;}", ".fxugw4r{background-color:var(--colorNeutralBackground1);}", ".f19n0e5{color:var(--colorNeutralForeground1);}", ".f192inf7{border-top-width:var(--strokeWidthThin);}", ".f5tn483{border-right-width:var(--strokeWidthThin);}", ".f1ojsxk5{border-left-width:var(--strokeWidthThin);}", ".f1vxd6vx{border-bottom-width:var(--strokeWidthThin);}", ".fzkkow9{border-top-style:solid;}", ".fcdblym{border-right-style:solid;}", ".fjik90z{border-left-style:solid;}", ".fg706s2{border-bottom-style:solid;}", ".fj3muxo{border-top-color:var(--colorNeutralStroke1);}", ".f1akhkt{border-right-color:var(--colorNeutralStroke1);}", ".f1lxtadh{border-left-color:var(--colorNeutralStroke1);}", ".f1aperda{border-bottom-color:var(--colorNeutralStroke1);}", ".fk6fouc{font-family:var(--fontFamilyBase);}", ".f1s6fcnf{outline-style:none;}", ".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);}", ".f8fbkgy{border-bottom-right-radius:var(--borderRadiusCircular);}", ".f1nfllo7{border-bottom-left-radius:var(--borderRadiusCircular);}", ".f1djnp8u{border-top-right-radius:var(--borderRadiusCircular);}", ".f1s8kh49{border-top-left-radius:var(--borderRadiusCircular);}", ".fzi6hpg{border-bottom-right-radius:var(--borderRadiusNone);}", ".fyowgf4{border-bottom-left-radius:var(--borderRadiusNone);}", ".f3fg2lr{border-top-right-radius:var(--borderRadiusNone);}", ".f13av6d4{border-top-left-radius:var(--borderRadiusNone);}", ".f1khb0e9{padding-top:3px;}", ".f1vdfbxk{padding-right:var(--spacingHorizontalS);}", ".f1f5gg8d{padding-left:var(--spacingHorizontalS);}", ".f1jnq6q7{padding-bottom:3px;}", ".fh7ncta{min-width:64px;}", ".fclariu{border-bottom-right-radius:3px;}", ".fyjfh2l{border-bottom-left-radius:3px;}", ".f11xeu6h{border-top-right-radius:3px;}", ".f1knf8zw{border-top-left-radius:3px;}", ".fy9rknc{font-size:var(--fontSizeBase200);}", ".figsok6{font-weight:var(--fontWeightRegular);}", ".fwrc4pm{line-height:var(--lineHeightBase200);}", ".f1sbtcvk{padding-top:5px;}", ".fw5db7e{padding-right:var(--spacingHorizontalM);}", ".f1uw59to{padding-left:var(--spacingHorizontalM);}", ".fdghr9{padding-bottom:5px;}", ".f14es27b{min-width:96px;}", ".f1aa9q02{border-bottom-right-radius:var(--borderRadiusMedium);}", ".f16jpd5f{border-bottom-left-radius:var(--borderRadiusMedium);}", ".f1jar5jt{border-top-right-radius:var(--borderRadiusMedium);}", ".fyu767a{border-top-left-radius:var(--borderRadiusMedium);}", ".fkhj508{font-size:var(--fontSizeBase300);}", ".fl43uef{font-weight:var(--fontWeightSemibold);}", ".f1i3iumi{line-height:var(--lineHeightBase300);}", ".f1kwiid1{padding-top:var(--spacingVerticalS);}", ".fjodcmx{padding-right:var(--spacingHorizontalL);}", ".fhx4nu{padding-left:var(--spacingHorizontalL);}", ".f5b47ha{padding-bottom:var(--spacingVerticalS);}", ".fod5ikn{font-size:var(--fontSizeBase400);}", ".faaz57k{line-height:var(--lineHeightBase400);}"],
|
|
203
|
+
"h": [".f1knas48:hover{background-color:var(--colorNeutralBackground1Hover);}", ".fvcxoqz:hover{border-top-color:var(--colorNeutralStroke1Hover);}", ".f1ub3y4t:hover{border-right-color:var(--colorNeutralStroke1Hover);}", ".f1m52nbi:hover{border-left-color:var(--colorNeutralStroke1Hover);}", ".f1xlaoq0:hover{border-bottom-color:var(--colorNeutralStroke1Hover);}", ".feu1g3u:hover{color:var(--colorNeutralForeground1Hover);}", ".f8491dx:hover{cursor:pointer;}", ".ft1hn21:hover .fui-Icon-filled{display:inline;}", ".fuxngvv:hover .fui-Icon-regular{display:none;}", ".f141de4g:hover:active{background-color:var(--colorNeutralBackground1Pressed);}", ".f11v6sdu:hover:active{border-top-color:var(--colorNeutralStroke1Pressed);}", ".f9yn8i4:hover:active{border-right-color:var(--colorNeutralStroke1Pressed);}", ".f1ajwf28:hover:active{border-left-color:var(--colorNeutralStroke1Pressed);}", ".f1uwu36w:hover:active{border-bottom-color:var(--colorNeutralStroke1Pressed);}", ".f9olfzr:hover:active{color:var(--colorNeutralForeground1Pressed);}", ".fiu5zv5:hover:active{outline-style:none;}", ".f1dfjoow:hover:active .fui-Icon-filled{display:inline;}", ".f1j98vj9:hover:active .fui-Icon-regular{display:none;}", ".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);}", ".fsv2rcd:hover:active{background-color:var(--colorSubtleBackgroundPressed);}", ".f1omzyqd:hover:active{color:var(--colorNeutralForeground2Pressed);}", ".f139oj5f:hover{color:var(--colorNeutralForeground2BrandHover);}", ".f1fg1p5m:hover:active{color:var(--colorNeutralForeground2BrandPressed);}"],
|
|
208
204
|
"m": [["@media (forced-colors: active){.f8rnyb3:focus{border-top-color:ButtonText;}}", {
|
|
209
205
|
"m": "(forced-colors: active)"
|
|
210
206
|
}], ["@media (forced-colors: active){.fhb3ry5:focus{border-right-color:ButtonText;}.f11223yd:focus{border-left-color:ButtonText;}}", {
|
|
@@ -295,8 +291,8 @@ const useRootDisabledStyles = /*#__PURE__*/__styles({
|
|
|
295
291
|
},
|
|
296
292
|
"outline": {
|
|
297
293
|
"De3pzq": "f1c21dwh",
|
|
298
|
-
"Jwef8y": "
|
|
299
|
-
"iro3zm": "
|
|
294
|
+
"Jwef8y": "f9ql6rf",
|
|
295
|
+
"iro3zm": "f3h1zc4"
|
|
300
296
|
},
|
|
301
297
|
"primary": {
|
|
302
298
|
"g2u3we": "f1p3nwhy",
|
|
@@ -314,42 +310,42 @@ const useRootDisabledStyles = /*#__PURE__*/__styles({
|
|
|
314
310
|
},
|
|
315
311
|
"secondary": {},
|
|
316
312
|
"subtle": {
|
|
317
|
-
"De3pzq": "
|
|
313
|
+
"De3pzq": "f1c21dwh",
|
|
318
314
|
"g2u3we": "f1p3nwhy",
|
|
319
315
|
"h3c5rm": ["f11589ue", "f1pdflbu"],
|
|
320
316
|
"B9xav0g": "f1q5o8ev",
|
|
321
317
|
"zhjwy3": ["f1pdflbu", "f11589ue"],
|
|
322
|
-
"Jwef8y": "
|
|
318
|
+
"Jwef8y": "f9ql6rf",
|
|
323
319
|
"Bgoe8wy": "f1s2uweq",
|
|
324
320
|
"Bwzppfd": ["fr80ssc", "fecsdlb"],
|
|
325
321
|
"oetu4i": "f1ukrpxl",
|
|
326
322
|
"gg5e9n": ["fecsdlb", "fr80ssc"],
|
|
327
|
-
"iro3zm": "
|
|
323
|
+
"iro3zm": "f3h1zc4",
|
|
328
324
|
"b661bw": "f1h0usnq",
|
|
329
325
|
"Bk6r4ia": ["fs4ktlq", "fx2bmrt"],
|
|
330
326
|
"B9zn80p": "f16h9ulv",
|
|
331
327
|
"Bpld233": ["fx2bmrt", "fs4ktlq"]
|
|
332
328
|
},
|
|
333
329
|
"transparent": {
|
|
334
|
-
"De3pzq": "
|
|
330
|
+
"De3pzq": "f1c21dwh",
|
|
335
331
|
"g2u3we": "f1p3nwhy",
|
|
336
332
|
"h3c5rm": ["f11589ue", "f1pdflbu"],
|
|
337
333
|
"B9xav0g": "f1q5o8ev",
|
|
338
334
|
"zhjwy3": ["f1pdflbu", "f11589ue"],
|
|
339
|
-
"Jwef8y": "
|
|
335
|
+
"Jwef8y": "f9ql6rf",
|
|
340
336
|
"Bgoe8wy": "f1s2uweq",
|
|
341
337
|
"Bwzppfd": ["fr80ssc", "fecsdlb"],
|
|
342
338
|
"oetu4i": "f1ukrpxl",
|
|
343
339
|
"gg5e9n": ["fecsdlb", "fr80ssc"],
|
|
344
|
-
"iro3zm": "
|
|
340
|
+
"iro3zm": "f3h1zc4",
|
|
345
341
|
"b661bw": "f1h0usnq",
|
|
346
342
|
"Bk6r4ia": ["fs4ktlq", "fx2bmrt"],
|
|
347
343
|
"B9zn80p": "f16h9ulv",
|
|
348
344
|
"Bpld233": ["fx2bmrt", "fs4ktlq"]
|
|
349
345
|
}
|
|
350
346
|
}, {
|
|
351
|
-
"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;}", ".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;}"
|
|
352
|
-
"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;}", ".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;}", ".
|
|
347
|
+
"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;}", ".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;}"],
|
|
348
|
+
"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;}", ".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;}", ".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;}"],
|
|
353
349
|
"m": [["@media (forced-colors: active){.fg455y9{border-top-color:GrayText;}}", {
|
|
354
350
|
"m": "(forced-colors: active)"
|
|
355
351
|
}], ["@media (forced-colors: active){.f1rvyvqg{border-right-color:GrayText;}.f14g86mu{border-left-color:GrayText;}}", {
|
|
@@ -395,70 +391,70 @@ const useRootFocusStyles = /*#__PURE__*/__styles({
|
|
|
395
391
|
"base": {
|
|
396
392
|
"Brovlpu": "ftqa4ok",
|
|
397
393
|
"B486eqv": "f2hkw1w",
|
|
398
|
-
"
|
|
399
|
-
"
|
|
400
|
-
"
|
|
401
|
-
"
|
|
402
|
-
"
|
|
403
|
-
"
|
|
404
|
-
"
|
|
405
|
-
"
|
|
406
|
-
"
|
|
394
|
+
"r6j8yp": "fzz1rnl",
|
|
395
|
+
"w235jp": ["f1hpg7at", "fh6rkwf"],
|
|
396
|
+
"Bjm0d8m": "f1ny4l2p",
|
|
397
|
+
"jwfw70": ["fh6rkwf", "f1hpg7at"],
|
|
398
|
+
"Hbfjuj": "f3rp3js",
|
|
399
|
+
"zog540": "f1rsleix",
|
|
400
|
+
"yj03m6": "fv9e16l",
|
|
401
|
+
"Bcbq7yz": ["f1e1uf74", "f1e1uf74"],
|
|
402
|
+
"kr7n4t": "f15l0jh8"
|
|
407
403
|
},
|
|
408
404
|
"circular": {
|
|
409
405
|
"Brovlpu": "ftqa4ok",
|
|
410
406
|
"B486eqv": "f2hkw1w",
|
|
411
|
-
"
|
|
412
|
-
"
|
|
413
|
-
"
|
|
414
|
-
"
|
|
407
|
+
"B3fzizb": ["f1gr658c", "fz9uktw"],
|
|
408
|
+
"zxn10j": ["fz9uktw", "f1gr658c"],
|
|
409
|
+
"Bs5i094": ["f947r6p", "f1ecwm5t"],
|
|
410
|
+
"Beda4ul": ["f1ecwm5t", "f947r6p"]
|
|
415
411
|
},
|
|
416
412
|
"rounded": {},
|
|
417
413
|
"square": {
|
|
418
414
|
"Brovlpu": "ftqa4ok",
|
|
419
415
|
"B486eqv": "f2hkw1w",
|
|
420
|
-
"
|
|
421
|
-
"
|
|
422
|
-
"
|
|
423
|
-
"
|
|
416
|
+
"B3fzizb": ["f10sz6u9", "fnb1cyx"],
|
|
417
|
+
"zxn10j": ["fnb1cyx", "f10sz6u9"],
|
|
418
|
+
"Bs5i094": ["f4vuef", "f1mmwllp"],
|
|
419
|
+
"Beda4ul": ["f1mmwllp", "f4vuef"]
|
|
424
420
|
},
|
|
425
421
|
"primary": {
|
|
426
422
|
"Brovlpu": "ftqa4ok",
|
|
427
423
|
"B486eqv": "f2hkw1w",
|
|
428
|
-
"
|
|
429
|
-
"
|
|
430
|
-
"
|
|
431
|
-
"
|
|
432
|
-
"
|
|
424
|
+
"r6j8yp": "f1yg6d3y",
|
|
425
|
+
"w235jp": ["f12447lo", "f6gc21s"],
|
|
426
|
+
"Bjm0d8m": "f1qg05n1",
|
|
427
|
+
"jwfw70": ["f6gc21s", "f12447lo"],
|
|
428
|
+
"Bcbq7yz": "fvp2bj7"
|
|
433
429
|
},
|
|
434
430
|
"small": {
|
|
435
431
|
"Brovlpu": "ftqa4ok",
|
|
436
432
|
"B486eqv": "f2hkw1w",
|
|
437
|
-
"
|
|
438
|
-
"
|
|
439
|
-
"
|
|
440
|
-
"
|
|
433
|
+
"B3fzizb": ["f1sfnwev", "f129zd7g"],
|
|
434
|
+
"zxn10j": ["f129zd7g", "f1sfnwev"],
|
|
435
|
+
"Bs5i094": ["f19i0cdt", "f1wivjbl"],
|
|
436
|
+
"Beda4ul": ["f1wivjbl", "f19i0cdt"]
|
|
441
437
|
},
|
|
442
438
|
"medium": {
|
|
443
439
|
"Brovlpu": "ftqa4ok",
|
|
444
440
|
"B486eqv": "f2hkw1w",
|
|
445
|
-
"
|
|
446
|
-
"
|
|
447
|
-
"
|
|
448
|
-
"
|
|
441
|
+
"B3fzizb": ["f4s7boy", "fhtq267"],
|
|
442
|
+
"zxn10j": ["fhtq267", "f4s7boy"],
|
|
443
|
+
"Bs5i094": ["f911gz9", "f1c94j14"],
|
|
444
|
+
"Beda4ul": ["f1c94j14", "f911gz9"]
|
|
449
445
|
},
|
|
450
446
|
"large": {
|
|
451
447
|
"Brovlpu": "ftqa4ok",
|
|
452
448
|
"B486eqv": "f2hkw1w",
|
|
453
|
-
"
|
|
454
|
-
"
|
|
455
|
-
"
|
|
456
|
-
"
|
|
449
|
+
"B3fzizb": ["f1bnioy3", "f194dlff"],
|
|
450
|
+
"zxn10j": ["f194dlff", "f1bnioy3"],
|
|
451
|
+
"Bs5i094": ["f1u2riu4", "f17ik75h"],
|
|
452
|
+
"Beda4ul": ["f17ik75h", "f1u2riu4"]
|
|
457
453
|
}
|
|
458
454
|
}, {
|
|
459
455
|
"f": [".ftqa4ok:focus{outline-style:none;}"],
|
|
460
456
|
"i": [".f2hkw1w:focus-visible{outline-style:none;}"],
|
|
461
|
-
"d": [".
|
|
457
|
+
"d": [".fzz1rnl.fui-focus-visible{border-top-color:var(--colorTransparentStroke);}", ".f1hpg7at.fui-focus-visible{border-right-color:var(--colorTransparentStroke);}", ".fh6rkwf.fui-focus-visible{border-left-color:var(--colorTransparentStroke);}", ".f1ny4l2p.fui-focus-visible{border-bottom-color:var(--colorTransparentStroke);}", ".f3rp3js.fui-focus-visible{outline-color:var(--colorTransparentStroke);}", ".f1rsleix.fui-focus-visible{outline-width:var(--strokeWidthThick);}", ".fv9e16l.fui-focus-visible{outline-style:solid;}", ".f1e1uf74.fui-focus-visible{box-shadow:var(--shadow4),0 0 0 2px var(--colorStrokeFocus2);}", ".f15l0jh8.fui-focus-visible{z-index:1;}", ".f1gr658c.fui-focus-visible{border-bottom-right-radius:var(--borderRadiusCircular);}", ".fz9uktw.fui-focus-visible{border-bottom-left-radius:var(--borderRadiusCircular);}", ".f947r6p.fui-focus-visible{border-top-right-radius:var(--borderRadiusCircular);}", ".f1ecwm5t.fui-focus-visible{border-top-left-radius:var(--borderRadiusCircular);}", ".f10sz6u9.fui-focus-visible{border-bottom-right-radius:var(--borderRadiusNone);}", ".fnb1cyx.fui-focus-visible{border-bottom-left-radius:var(--borderRadiusNone);}", ".f4vuef.fui-focus-visible{border-top-right-radius:var(--borderRadiusNone);}", ".f1mmwllp.fui-focus-visible{border-top-left-radius:var(--borderRadiusNone);}", ".f1yg6d3y.fui-focus-visible{border-top-color:var(--colorNeutralForegroundOnBrand);}", ".f12447lo.fui-focus-visible{border-right-color:var(--colorNeutralForegroundOnBrand);}", ".f6gc21s.fui-focus-visible{border-left-color:var(--colorNeutralForegroundOnBrand);}", ".f1qg05n1.fui-focus-visible{border-bottom-color:var(--colorNeutralForegroundOnBrand);}", ".fvp2bj7.fui-focus-visible{box-shadow:var(--shadow2),0 0 0 2px var(--colorStrokeFocus2);}", ".f1sfnwev.fui-focus-visible{border-bottom-right-radius:var(--borderRadiusSmall);}", ".f129zd7g.fui-focus-visible{border-bottom-left-radius:var(--borderRadiusSmall);}", ".f19i0cdt.fui-focus-visible{border-top-right-radius:var(--borderRadiusSmall);}", ".f1wivjbl.fui-focus-visible{border-top-left-radius:var(--borderRadiusSmall);}", ".f4s7boy.fui-focus-visible{border-bottom-right-radius:var(--borderRadiusMedium);}", ".fhtq267.fui-focus-visible{border-bottom-left-radius:var(--borderRadiusMedium);}", ".f911gz9.fui-focus-visible{border-top-right-radius:var(--borderRadiusMedium);}", ".f1c94j14.fui-focus-visible{border-top-left-radius:var(--borderRadiusMedium);}", ".f1bnioy3.fui-focus-visible{border-bottom-right-radius:var(--borderRadiusLarge);}", ".f194dlff.fui-focus-visible{border-bottom-left-radius:var(--borderRadiusLarge);}", ".f1u2riu4.fui-focus-visible{border-top-right-radius:var(--borderRadiusLarge);}", ".f17ik75h.fui-focus-visible{border-top-left-radius:var(--borderRadiusLarge);}"]
|
|
462
458
|
});
|
|
463
459
|
|
|
464
460
|
const useRootIconOnlyStyles = /*#__PURE__*/__styles({
|
|
@@ -514,6 +510,10 @@ const useIconStyles = /*#__PURE__*/__styles({
|
|
|
514
510
|
"a9b677": "fq4mcun",
|
|
515
511
|
"Bqrlyyl": "f1exjqw5"
|
|
516
512
|
},
|
|
513
|
+
"subtle": {
|
|
514
|
+
"Bi91k9c": "f139oj5f",
|
|
515
|
+
"B2d53fq": "f1fg1p5m"
|
|
516
|
+
},
|
|
517
517
|
"before": {
|
|
518
518
|
"t21cq0": ["f1nizpg2", "f1a695kz"]
|
|
519
519
|
},
|
|
@@ -521,7 +521,8 @@ const useIconStyles = /*#__PURE__*/__styles({
|
|
|
521
521
|
"Frg6f3": ["f1a695kz", "f1nizpg2"]
|
|
522
522
|
}
|
|
523
523
|
}, {
|
|
524
|
-
"d": [".f122n59{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}", ".ftuwxu6{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}", ".f4d9j23{-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;}", ".fe5j1ua{font-size:20px;}", ".fjamq6b{height:20px;}", ".f64fuq3{width:20px;}", ".fbaiahx{--fui-Button__icon--spacing:var(--spacingHorizontalXS);}", ".f1exjqw5{--fui-Button__icon--spacing:var(--spacingHorizontalSNudge);}", ".f1rt2boy{font-size:24px;}", ".frvgh55{height:24px;}", ".fq4mcun{width:24px;}", ".f1nizpg2{margin-right:var(--fui-Button__icon--spacing);}", ".f1a695kz{margin-left:var(--fui-Button__icon--spacing);}"]
|
|
524
|
+
"d": [".f122n59{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}", ".ftuwxu6{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}", ".f4d9j23{-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;}", ".fe5j1ua{font-size:20px;}", ".fjamq6b{height:20px;}", ".f64fuq3{width:20px;}", ".fbaiahx{--fui-Button__icon--spacing:var(--spacingHorizontalXS);}", ".f1exjqw5{--fui-Button__icon--spacing:var(--spacingHorizontalSNudge);}", ".f1rt2boy{font-size:24px;}", ".frvgh55{height:24px;}", ".fq4mcun{width:24px;}", ".f1nizpg2{margin-right:var(--fui-Button__icon--spacing);}", ".f1a695kz{margin-left:var(--fui-Button__icon--spacing);}"],
|
|
525
|
+
"h": [".f139oj5f:hover{color:var(--colorNeutralForeground2BrandHover);}", ".f1fg1p5m:hover:active{color:var(--colorNeutralForeground2BrandPressed);}"]
|
|
525
526
|
});
|
|
526
527
|
|
|
527
528
|
export const useButtonStyles_unstable = state => {
|
|
@@ -547,7 +548,7 @@ export const useButtonStyles_unstable = state => {
|
|
|
547
548
|
state.root.className);
|
|
548
549
|
|
|
549
550
|
if (state.icon) {
|
|
550
|
-
state.icon.className = mergeClasses(buttonClassNames.icon, iconStyles.base, state.root.children !== undefined && state.root.children !== null && iconStyles[iconPosition], iconStyles[size], state.icon.className);
|
|
551
|
+
state.icon.className = mergeClasses(buttonClassNames.icon, iconStyles.base, state.root.children !== undefined && state.root.children !== null && iconStyles[iconPosition], appearance === 'subtle' && iconStyles.subtle, iconStyles[size], state.icon.className);
|
|
551
552
|
}
|
|
552
553
|
|
|
553
554
|
return state;
|