@fluentui/react-badge 9.0.16 → 9.0.18
Sign up to get free protection for your applications and to get access to all the features.
- package/CHANGELOG.json +57 -1
- package/CHANGELOG.md +22 -2
- package/lib/components/Badge/Badge.js +0 -1
- package/lib/components/Badge/Badge.js.map +1 -1
- package/lib/components/Badge/renderBadge.js +6 -3
- package/lib/components/Badge/renderBadge.js.map +1 -1
- package/lib/components/Badge/useBadge.js +0 -1
- package/lib/components/Badge/useBadge.js.map +1 -1
- package/lib/components/Badge/useBadgeStyles.js +242 -250
- package/lib/components/Badge/useBadgeStyles.js.map +1 -1
- package/lib/components/CounterBadge/CounterBadge.js +0 -1
- package/lib/components/CounterBadge/CounterBadge.js.map +1 -1
- package/lib/components/CounterBadge/useCounterBadge.js +2 -4
- package/lib/components/CounterBadge/useCounterBadge.js.map +1 -1
- package/lib/components/CounterBadge/useCounterBadgeStyles.js +11 -16
- package/lib/components/CounterBadge/useCounterBadgeStyles.js.map +1 -1
- package/lib/components/PresenceBadge/PresenceBadge.js +0 -1
- package/lib/components/PresenceBadge/PresenceBadge.js.map +1 -1
- package/lib/components/PresenceBadge/presenceIcons.js.map +1 -1
- package/lib/components/PresenceBadge/usePresenceBadge.js +2 -10
- package/lib/components/PresenceBadge/usePresenceBadge.js.map +1 -1
- package/lib/components/PresenceBadge/usePresenceBadgeStyles.js +49 -56
- package/lib/components/PresenceBadge/usePresenceBadgeStyles.js.map +1 -1
- package/lib/index.js.map +1 -1
- package/lib-commonjs/Badge.js +0 -2
- package/lib-commonjs/Badge.js.map +1 -1
- package/lib-commonjs/CounterBadge.js +0 -2
- package/lib-commonjs/CounterBadge.js.map +1 -1
- package/lib-commonjs/PresenceBadge.js +0 -2
- package/lib-commonjs/PresenceBadge.js.map +1 -1
- package/lib-commonjs/components/Badge/Badge.js +0 -6
- package/lib-commonjs/components/Badge/Badge.js.map +1 -1
- package/lib-commonjs/components/Badge/Badge.types.js.map +1 -1
- package/lib-commonjs/components/Badge/index.js +0 -5
- package/lib-commonjs/components/Badge/index.js.map +1 -1
- package/lib-commonjs/components/Badge/renderBadge.js +6 -7
- package/lib-commonjs/components/Badge/renderBadge.js.map +1 -1
- package/lib-commonjs/components/Badge/useBadge.js +0 -4
- package/lib-commonjs/components/Badge/useBadge.js.map +1 -1
- package/lib-commonjs/components/Badge/useBadgeStyles.js +242 -254
- package/lib-commonjs/components/Badge/useBadgeStyles.js.map +1 -1
- package/lib-commonjs/components/CounterBadge/CounterBadge.js +0 -6
- package/lib-commonjs/components/CounterBadge/CounterBadge.js.map +1 -1
- package/lib-commonjs/components/CounterBadge/CounterBadge.types.js.map +1 -1
- package/lib-commonjs/components/CounterBadge/index.js +0 -5
- package/lib-commonjs/components/CounterBadge/index.js.map +1 -1
- package/lib-commonjs/components/CounterBadge/useCounterBadge.js +2 -7
- package/lib-commonjs/components/CounterBadge/useCounterBadge.js.map +1 -1
- package/lib-commonjs/components/CounterBadge/useCounterBadgeStyles.js +11 -20
- package/lib-commonjs/components/CounterBadge/useCounterBadgeStyles.js.map +1 -1
- package/lib-commonjs/components/PresenceBadge/PresenceBadge.js +0 -6
- package/lib-commonjs/components/PresenceBadge/PresenceBadge.js.map +1 -1
- package/lib-commonjs/components/PresenceBadge/PresenceBadge.types.js.map +1 -1
- package/lib-commonjs/components/PresenceBadge/index.js +0 -5
- package/lib-commonjs/components/PresenceBadge/index.js.map +1 -1
- package/lib-commonjs/components/PresenceBadge/presenceIcons.js +0 -2
- package/lib-commonjs/components/PresenceBadge/presenceIcons.js.map +1 -1
- package/lib-commonjs/components/PresenceBadge/usePresenceBadge.js +2 -15
- package/lib-commonjs/components/PresenceBadge/usePresenceBadge.js.map +1 -1
- package/lib-commonjs/components/PresenceBadge/usePresenceBadgeStyles.js +49 -60
- package/lib-commonjs/components/PresenceBadge/usePresenceBadgeStyles.js.map +1 -1
- package/lib-commonjs/index.js +0 -6
- package/lib-commonjs/index.js.map +1 -1
- package/package.json +5 -5
@@ -3,355 +3,349 @@ import { tokens, typographyStyles } from '@fluentui/react-theme';
|
|
3
3
|
export const badgeClassNames = {
|
4
4
|
root: 'fui-Badge',
|
5
5
|
icon: 'fui-Badge__icon'
|
6
|
-
};
|
6
|
+
};
|
7
|
+
// The text content of the badge has additional horizontal padding, but there is no `text` slot to add that padding to.
|
7
8
|
// Instead, add extra padding to the root, and a negative margin on the icon to "remove" the extra padding on the icon.
|
8
|
-
|
9
9
|
const textPadding = tokens.spacingHorizontalXXS;
|
10
|
-
|
11
10
|
const useRootStyles = /*#__PURE__*/__styles({
|
12
|
-
|
13
|
-
|
14
|
-
|
15
|
-
|
16
|
-
|
17
|
-
|
18
|
-
|
19
|
-
|
20
|
-
|
21
|
-
|
22
|
-
},
|
23
|
-
|
24
|
-
|
25
|
-
|
26
|
-
|
27
|
-
|
28
|
-
},
|
29
|
-
|
30
|
-
|
31
|
-
|
32
|
-
|
33
|
-
|
11
|
+
base: {
|
12
|
+
mc9l5x: "ftuwxu6",
|
13
|
+
B7ck84d: "f1ewtqcl",
|
14
|
+
Bt984gj: "f122n59",
|
15
|
+
Brf1p80: "f4d9j23",
|
16
|
+
qhf8xq: "f10pi13n",
|
17
|
+
Bahqtrf: "fk6fouc",
|
18
|
+
Be2twd7: "fy9rknc",
|
19
|
+
Bhrd7zp: "fl43uef",
|
20
|
+
Bg96gwp: "fwrc4pm"
|
21
|
+
},
|
22
|
+
fontSmallToTiny: {
|
23
|
+
Bahqtrf: "fk6fouc",
|
24
|
+
Be2twd7: "f13mqy1h",
|
25
|
+
Bhrd7zp: "fl43uef",
|
26
|
+
Bg96gwp: "fcpl73t"
|
27
|
+
},
|
28
|
+
tiny: {
|
29
|
+
a9b677: "f16dn6v3",
|
30
|
+
Bqenvij: "f3mu39s",
|
31
|
+
Be2twd7: "f130uwy9",
|
32
|
+
Bg96gwp: "fod1mrr"
|
34
33
|
},
|
35
34
|
"extra-small": {
|
36
|
-
|
37
|
-
|
38
|
-
|
39
|
-
|
40
|
-
},
|
41
|
-
|
42
|
-
|
43
|
-
|
44
|
-
|
45
|
-
|
46
|
-
|
47
|
-
|
48
|
-
},
|
49
|
-
|
50
|
-
|
51
|
-
|
52
|
-
|
53
|
-
|
54
|
-
|
55
|
-
|
56
|
-
},
|
57
|
-
|
58
|
-
|
59
|
-
|
60
|
-
|
61
|
-
|
62
|
-
|
63
|
-
|
35
|
+
a9b677: "fpd43o0",
|
36
|
+
Bqenvij: "f30q22z",
|
37
|
+
Be2twd7: "f1tccstq",
|
38
|
+
Bg96gwp: "f1y3arg5"
|
39
|
+
},
|
40
|
+
small: {
|
41
|
+
Bf4jedk: "fq2vo04",
|
42
|
+
Bqenvij: "fd461yt",
|
43
|
+
z8tnut: "f1g0x7ka",
|
44
|
+
z189sj: ["fps1v9c", "f17ae1jz"],
|
45
|
+
Byoj8tv: "f1qch9an",
|
46
|
+
uwmqm3: ["f17ae1jz", "fps1v9c"]
|
47
|
+
},
|
48
|
+
medium: {
|
49
|
+
Bqenvij: "fjamq6b",
|
50
|
+
Bf4jedk: "f11u7vat",
|
51
|
+
z8tnut: "f1g0x7ka",
|
52
|
+
z189sj: ["f17a92cs", "f1pe0i86"],
|
53
|
+
Byoj8tv: "f1qch9an",
|
54
|
+
uwmqm3: ["f1pe0i86", "f17a92cs"]
|
55
|
+
},
|
56
|
+
large: {
|
57
|
+
Bf4jedk: "f17fgpbq",
|
58
|
+
Bqenvij: "frvgh55",
|
59
|
+
z8tnut: "f1g0x7ka",
|
60
|
+
z189sj: ["f17a92cs", "f1pe0i86"],
|
61
|
+
Byoj8tv: "f1qch9an",
|
62
|
+
uwmqm3: ["f1pe0i86", "f17a92cs"]
|
64
63
|
},
|
65
64
|
"extra-large": {
|
66
|
-
|
67
|
-
|
68
|
-
|
69
|
-
|
70
|
-
|
71
|
-
|
72
|
-
},
|
73
|
-
|
74
|
-
|
75
|
-
|
76
|
-
|
77
|
-
|
78
|
-
},
|
79
|
-
|
80
|
-
|
81
|
-
|
82
|
-
|
83
|
-
|
84
|
-
},
|
85
|
-
|
86
|
-
|
87
|
-
|
88
|
-
|
89
|
-
|
90
|
-
},
|
91
|
-
|
92
|
-
|
93
|
-
|
94
|
-
|
95
|
-
|
96
|
-
},
|
97
|
-
|
98
|
-
|
99
|
-
|
100
|
-
|
101
|
-
|
102
|
-
|
103
|
-
|
104
|
-
|
105
|
-
|
106
|
-
|
107
|
-
|
108
|
-
|
109
|
-
|
110
|
-
|
111
|
-
|
112
|
-
|
113
|
-
|
114
|
-
|
115
|
-
|
116
|
-
|
117
|
-
|
118
|
-
|
119
|
-
|
120
|
-
},
|
121
|
-
|
122
|
-
|
123
|
-
|
124
|
-
|
125
|
-
|
65
|
+
Bf4jedk: "fwbmr0d",
|
66
|
+
Bqenvij: "f1d2rq10",
|
67
|
+
z8tnut: "f1g0x7ka",
|
68
|
+
z189sj: ["fqznh8f", "f1xile11"],
|
69
|
+
Byoj8tv: "f1qch9an",
|
70
|
+
uwmqm3: ["f1xile11", "fqznh8f"]
|
71
|
+
},
|
72
|
+
square: {
|
73
|
+
Bbmb7ep: ["fzi6hpg", "fyowgf4"],
|
74
|
+
Beyfa6y: ["fyowgf4", "fzi6hpg"],
|
75
|
+
B7oj6ja: ["f3fg2lr", "f13av6d4"],
|
76
|
+
Btl43ni: ["f13av6d4", "f3fg2lr"]
|
77
|
+
},
|
78
|
+
rounded: {
|
79
|
+
Bbmb7ep: ["f1aa9q02", "f16jpd5f"],
|
80
|
+
Beyfa6y: ["f16jpd5f", "f1aa9q02"],
|
81
|
+
B7oj6ja: ["f1jar5jt", "fyu767a"],
|
82
|
+
Btl43ni: ["fyu767a", "f1jar5jt"]
|
83
|
+
},
|
84
|
+
roundedSmallToTiny: {
|
85
|
+
Bbmb7ep: ["f1g3puop", "fi2rrw2"],
|
86
|
+
Beyfa6y: ["fi2rrw2", "f1g3puop"],
|
87
|
+
B7oj6ja: ["f1rstyi9", "f1s4nn1u"],
|
88
|
+
Btl43ni: ["f1s4nn1u", "f1rstyi9"]
|
89
|
+
},
|
90
|
+
circular: {
|
91
|
+
Bbmb7ep: ["f8fbkgy", "f1nfllo7"],
|
92
|
+
Beyfa6y: ["f1nfllo7", "f8fbkgy"],
|
93
|
+
B7oj6ja: ["f1djnp8u", "f1s8kh49"],
|
94
|
+
Btl43ni: ["f1s8kh49", "f1djnp8u"]
|
95
|
+
},
|
96
|
+
border: {
|
97
|
+
Bsft5z2: "f13zj6fq",
|
98
|
+
E3zdtr: "f1mdlcz9",
|
99
|
+
bn5sak: "frwkxtg",
|
100
|
+
Eqx8gd: ["f1n6gb5g", "f15yvnhg"],
|
101
|
+
By385i5: "fo72kxq",
|
102
|
+
B1piin3: ["f15yvnhg", "f1n6gb5g"],
|
103
|
+
Bm2nyyq: "f8rth92",
|
104
|
+
Barhvk9: ["flthirb", "ftkbnf5"],
|
105
|
+
Bw17bha: "f1lh990p",
|
106
|
+
vfts7: ["ftkbnf5", "flthirb"],
|
107
|
+
xrcqlc: "f6czdpx",
|
108
|
+
Ihftqj: ["f13hvwk3", "f1en4csx"],
|
109
|
+
Bcgy8vk: "f1i1u9k0",
|
110
|
+
Bhxzhr1: ["f1en4csx", "f13hvwk3"],
|
111
|
+
B0n5ga8: "fhtl3ys",
|
112
|
+
s924m2: ["f140b627", "f1wihoeh"],
|
113
|
+
B1q35kw: "fplas78",
|
114
|
+
Gp14am: ["f1wihoeh", "f140b627"],
|
115
|
+
B3778ie: ["f1lf1ovl", "f1ydfmkj"],
|
116
|
+
d9w3h3: ["f1ydfmkj", "f1lf1ovl"],
|
117
|
+
Bl18szs: ["feq0ynf", "f1ss7ivt"],
|
118
|
+
B4j8arr: ["f1ss7ivt", "feq0ynf"]
|
119
|
+
},
|
120
|
+
filled: {
|
121
|
+
g2u3we: "fghlq4f",
|
122
|
+
h3c5rm: ["f1gn591s", "fjscplz"],
|
123
|
+
B9xav0g: "fb073pr",
|
124
|
+
zhjwy3: ["fjscplz", "f1gn591s"]
|
126
125
|
},
|
127
126
|
"filled-brand": {
|
128
|
-
|
129
|
-
|
127
|
+
De3pzq: "ffp7eso",
|
128
|
+
sj55zd: "f1phragk"
|
130
129
|
},
|
131
130
|
"filled-danger": {
|
132
|
-
|
133
|
-
|
131
|
+
De3pzq: "fdl5y0r",
|
132
|
+
sj55zd: "f1phragk"
|
134
133
|
},
|
135
134
|
"filled-important": {
|
136
|
-
|
137
|
-
|
135
|
+
De3pzq: "f1c73kur",
|
136
|
+
sj55zd: "fr0bkrk"
|
138
137
|
},
|
139
138
|
"filled-informative": {
|
140
|
-
|
141
|
-
|
139
|
+
De3pzq: "f3vzo32",
|
140
|
+
sj55zd: "f11d4kpn"
|
142
141
|
},
|
143
142
|
"filled-severe": {
|
144
|
-
|
145
|
-
|
143
|
+
De3pzq: "f1s438gw",
|
144
|
+
sj55zd: "f1phragk"
|
146
145
|
},
|
147
146
|
"filled-subtle": {
|
148
|
-
|
149
|
-
|
147
|
+
De3pzq: "fxugw4r",
|
148
|
+
sj55zd: "f19n0e5"
|
150
149
|
},
|
151
150
|
"filled-success": {
|
152
|
-
|
153
|
-
|
151
|
+
De3pzq: "flxk52p",
|
152
|
+
sj55zd: "f1phragk"
|
154
153
|
},
|
155
154
|
"filled-warning": {
|
156
|
-
|
157
|
-
|
155
|
+
De3pzq: "ffq97bm",
|
156
|
+
sj55zd: "ff5vbop"
|
158
157
|
},
|
159
|
-
|
158
|
+
ghost: {},
|
160
159
|
"ghost-brand": {
|
161
|
-
|
160
|
+
sj55zd: "f16muhyy"
|
162
161
|
},
|
163
162
|
"ghost-danger": {
|
164
|
-
|
163
|
+
sj55zd: "f1whyuy6"
|
165
164
|
},
|
166
165
|
"ghost-important": {
|
167
|
-
|
166
|
+
sj55zd: "f19n0e5"
|
168
167
|
},
|
169
168
|
"ghost-informative": {
|
170
|
-
|
169
|
+
sj55zd: "f11d4kpn"
|
171
170
|
},
|
172
171
|
"ghost-severe": {
|
173
|
-
|
172
|
+
sj55zd: "f1l8vj45"
|
174
173
|
},
|
175
174
|
"ghost-subtle": {
|
176
|
-
|
175
|
+
sj55zd: "fonrgv7"
|
177
176
|
},
|
178
177
|
"ghost-success": {
|
179
|
-
|
178
|
+
sj55zd: "f1m7fhi8"
|
180
179
|
},
|
181
180
|
"ghost-warning": {
|
182
|
-
|
181
|
+
sj55zd: "fpti2h4"
|
183
182
|
},
|
184
|
-
|
185
|
-
|
186
|
-
|
187
|
-
|
188
|
-
|
183
|
+
outline: {
|
184
|
+
g2u3we: "f23ftbb",
|
185
|
+
h3c5rm: ["f1gkuv52", "f1p1bl80"],
|
186
|
+
B9xav0g: "fioka3i",
|
187
|
+
zhjwy3: ["f1p1bl80", "f1gkuv52"]
|
189
188
|
},
|
190
189
|
"outline-brand": {
|
191
|
-
|
190
|
+
sj55zd: "f16muhyy"
|
192
191
|
},
|
193
192
|
"outline-danger": {
|
194
|
-
|
195
|
-
|
196
|
-
|
197
|
-
|
198
|
-
|
193
|
+
sj55zd: "f1whyuy6",
|
194
|
+
g2u3we: "fyqpifd",
|
195
|
+
h3c5rm: ["f3ukxca", "f1k7dugc"],
|
196
|
+
B9xav0g: "f1njxb2b",
|
197
|
+
zhjwy3: ["f1k7dugc", "f3ukxca"]
|
199
198
|
},
|
200
199
|
"outline-important": {
|
201
|
-
|
202
|
-
|
203
|
-
|
204
|
-
|
205
|
-
|
200
|
+
sj55zd: "f11d4kpn",
|
201
|
+
g2u3we: "fq0vr37",
|
202
|
+
h3c5rm: ["f1byw159", "f11cr0be"],
|
203
|
+
B9xav0g: "f1c1zstj",
|
204
|
+
zhjwy3: ["f11cr0be", "f1byw159"]
|
206
205
|
},
|
207
206
|
"outline-informative": {
|
208
|
-
|
209
|
-
|
210
|
-
|
211
|
-
|
212
|
-
|
207
|
+
sj55zd: "f11d4kpn",
|
208
|
+
g2u3we: "f68mrw8",
|
209
|
+
h3c5rm: ["f7pw515", "fw35ms5"],
|
210
|
+
B9xav0g: "frpde29",
|
211
|
+
zhjwy3: ["fw35ms5", "f7pw515"]
|
213
212
|
},
|
214
213
|
"outline-severe": {
|
215
|
-
|
214
|
+
sj55zd: "f1l8vj45"
|
216
215
|
},
|
217
216
|
"outline-subtle": {
|
218
|
-
|
217
|
+
sj55zd: "fonrgv7"
|
219
218
|
},
|
220
219
|
"outline-success": {
|
221
|
-
|
222
|
-
|
223
|
-
|
224
|
-
|
225
|
-
|
220
|
+
sj55zd: "f1m7fhi8",
|
221
|
+
g2u3we: "f1mmhl11",
|
222
|
+
h3c5rm: ["f1tjpp2f", "f1ocn5n7"],
|
223
|
+
B9xav0g: "f1gjv25d",
|
224
|
+
zhjwy3: ["f1ocn5n7", "f1tjpp2f"]
|
226
225
|
},
|
227
226
|
"outline-warning": {
|
228
|
-
|
227
|
+
sj55zd: "fpti2h4"
|
229
228
|
},
|
230
|
-
|
229
|
+
tint: {},
|
231
230
|
"tint-brand": {
|
232
|
-
|
233
|
-
|
234
|
-
|
235
|
-
|
236
|
-
|
237
|
-
|
231
|
+
De3pzq: "f16xkysk",
|
232
|
+
sj55zd: "faj9fo0",
|
233
|
+
g2u3we: "f161y7kd",
|
234
|
+
h3c5rm: ["f1c8dzaj", "f1sl6hi9"],
|
235
|
+
B9xav0g: "f1619yhw",
|
236
|
+
zhjwy3: ["f1sl6hi9", "f1c8dzaj"]
|
238
237
|
},
|
239
238
|
"tint-danger": {
|
240
|
-
|
241
|
-
|
242
|
-
|
243
|
-
|
244
|
-
|
245
|
-
|
239
|
+
De3pzq: "ff0poqj",
|
240
|
+
sj55zd: "f1hcrxcs",
|
241
|
+
g2u3we: "f1oqjm8o",
|
242
|
+
h3c5rm: ["fkgrb8g", "frb5wm0"],
|
243
|
+
B9xav0g: "f1iai1ph",
|
244
|
+
zhjwy3: ["frb5wm0", "fkgrb8g"]
|
246
245
|
},
|
247
246
|
"tint-important": {
|
248
|
-
|
249
|
-
|
250
|
-
|
251
|
-
|
252
|
-
|
253
|
-
|
247
|
+
De3pzq: "f945g0u",
|
248
|
+
sj55zd: "fr0bkrk",
|
249
|
+
g2u3we: "fghlq4f",
|
250
|
+
h3c5rm: ["f1gn591s", "fjscplz"],
|
251
|
+
B9xav0g: "fb073pr",
|
252
|
+
zhjwy3: ["fjscplz", "f1gn591s"]
|
254
253
|
},
|
255
254
|
"tint-informative": {
|
256
|
-
|
257
|
-
|
258
|
-
|
259
|
-
|
260
|
-
|
261
|
-
|
255
|
+
De3pzq: "f1ctqxl6",
|
256
|
+
sj55zd: "f11d4kpn",
|
257
|
+
g2u3we: "f68mrw8",
|
258
|
+
h3c5rm: ["f7pw515", "fw35ms5"],
|
259
|
+
B9xav0g: "frpde29",
|
260
|
+
zhjwy3: ["fw35ms5", "f7pw515"]
|
262
261
|
},
|
263
262
|
"tint-severe": {
|
264
|
-
|
265
|
-
|
266
|
-
|
267
|
-
|
268
|
-
|
269
|
-
|
263
|
+
De3pzq: "f1xzsg4",
|
264
|
+
sj55zd: "f1k5f75o",
|
265
|
+
g2u3we: "fxy9dsj",
|
266
|
+
h3c5rm: ["f54u6j2", "fcm23ze"],
|
267
|
+
B9xav0g: "f4vf0uq",
|
268
|
+
zhjwy3: ["fcm23ze", "f54u6j2"]
|
270
269
|
},
|
271
270
|
"tint-subtle": {
|
272
|
-
|
273
|
-
|
274
|
-
|
275
|
-
|
276
|
-
|
277
|
-
|
271
|
+
De3pzq: "fxugw4r",
|
272
|
+
sj55zd: "f11d4kpn",
|
273
|
+
g2u3we: "f68mrw8",
|
274
|
+
h3c5rm: ["f7pw515", "fw35ms5"],
|
275
|
+
B9xav0g: "frpde29",
|
276
|
+
zhjwy3: ["fw35ms5", "f7pw515"]
|
278
277
|
},
|
279
278
|
"tint-success": {
|
280
|
-
|
281
|
-
|
282
|
-
|
283
|
-
|
284
|
-
|
285
|
-
|
279
|
+
De3pzq: "f2vsrz6",
|
280
|
+
sj55zd: "ffmvakt",
|
281
|
+
g2u3we: "fdmic9h",
|
282
|
+
h3c5rm: ["f196y6m", "fetptd8"],
|
283
|
+
B9xav0g: "f1pev5xq",
|
284
|
+
zhjwy3: ["fetptd8", "f196y6m"]
|
286
285
|
},
|
287
286
|
"tint-warning": {
|
288
|
-
|
289
|
-
|
290
|
-
|
291
|
-
|
292
|
-
|
293
|
-
|
287
|
+
De3pzq: "f10s6hli",
|
288
|
+
sj55zd: "f42v8de",
|
289
|
+
g2u3we: "fn9i3n",
|
290
|
+
h3c5rm: ["f1aw8cx4", "f51if14"],
|
291
|
+
B9xav0g: "fvq8iai",
|
292
|
+
zhjwy3: ["f51if14", "f1aw8cx4"]
|
294
293
|
}
|
295
294
|
}, {
|
296
|
-
|
295
|
+
d: [".ftuwxu6{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}", ".f1ewtqcl{box-sizing:border-box;}", ".f122n59{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}", ".f4d9j23{-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;}", ".f10pi13n{position:relative;}", ".fk6fouc{font-family:var(--fontFamilyBase);}", ".fy9rknc{font-size:var(--fontSizeBase200);}", ".fl43uef{font-weight:var(--fontWeightSemibold);}", ".fwrc4pm{line-height:var(--lineHeightBase200);}", ".f13mqy1h{font-size:var(--fontSizeBase100);}", ".fcpl73t{line-height:var(--lineHeightBase100);}", ".f16dn6v3{width:6px;}", ".f3mu39s{height:6px;}", ".f130uwy9{font-size:4px;}", ".fod1mrr{line-height:4px;}", ".fpd43o0{width:10px;}", ".f30q22z{height:10px;}", ".f1tccstq{font-size:6px;}", ".f1y3arg5{line-height:6px;}", ".fq2vo04{min-width:16px;}", ".fd461yt{height:16px;}", ".f1g0x7ka{padding-top:0;}", ".fps1v9c{padding-right:calc(var(--spacingHorizontalXXS) + var(--spacingHorizontalXXS));}", ".f17ae1jz{padding-left:calc(var(--spacingHorizontalXXS) + var(--spacingHorizontalXXS));}", ".f1qch9an{padding-bottom:0;}", ".fjamq6b{height:20px;}", ".f11u7vat{min-width:20px;}", ".f17a92cs{padding-right:calc(var(--spacingHorizontalXS) + var(--spacingHorizontalXXS));}", ".f1pe0i86{padding-left:calc(var(--spacingHorizontalXS) + var(--spacingHorizontalXXS));}", ".f17fgpbq{min-width:24px;}", ".frvgh55{height:24px;}", ".fwbmr0d{min-width:32px;}", ".f1d2rq10{height:32px;}", ".fqznh8f{padding-right:calc(var(--spacingHorizontalSNudge) + var(--spacingHorizontalXXS));}", ".f1xile11{padding-left:calc(var(--spacingHorizontalSNudge) + var(--spacingHorizontalXXS));}", ".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);}", ".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);}", ".f1g3puop{border-bottom-right-radius:var(--borderRadiusSmall);}", ".fi2rrw2{border-bottom-left-radius:var(--borderRadiusSmall);}", ".f1rstyi9{border-top-right-radius:var(--borderRadiusSmall);}", ".f1s4nn1u{border-top-left-radius:var(--borderRadiusSmall);}", ".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);}", ".f13zj6fq::after{content:\"\";}", ".f1mdlcz9::after{position:absolute;}", ".frwkxtg::after{top:0;}", ".f1n6gb5g::after{left:0;}", ".f15yvnhg::after{right:0;}", ".fo72kxq::after{bottom:0;}", ".f8rth92::after{border-top-style:solid;}", ".flthirb::after{border-right-style:solid;}", ".ftkbnf5::after{border-left-style:solid;}", ".f1lh990p::after{border-bottom-style:solid;}", ".f6czdpx::after{border-top-width:var(--strokeWidthThin);}", ".f13hvwk3::after{border-right-width:var(--strokeWidthThin);}", ".f1en4csx::after{border-left-width:var(--strokeWidthThin);}", ".f1i1u9k0::after{border-bottom-width:var(--strokeWidthThin);}", ".fhtl3ys::after{border-top-color:inherit;}", ".f140b627::after{border-right-color:inherit;}", ".f1wihoeh::after{border-left-color:inherit;}", ".fplas78::after{border-bottom-color:inherit;}", ".f1lf1ovl::after{border-bottom-right-radius:inherit;}", ".f1ydfmkj::after{border-bottom-left-radius:inherit;}", ".feq0ynf::after{border-top-right-radius:inherit;}", ".f1ss7ivt::after{border-top-left-radius:inherit;}", ".fghlq4f{border-top-color:var(--colorTransparentStroke);}", ".f1gn591s{border-right-color:var(--colorTransparentStroke);}", ".fjscplz{border-left-color:var(--colorTransparentStroke);}", ".fb073pr{border-bottom-color:var(--colorTransparentStroke);}", ".ffp7eso{background-color:var(--colorBrandBackground);}", ".f1phragk{color:var(--colorNeutralForegroundOnBrand);}", ".fdl5y0r{background-color:var(--colorPaletteRedBackground3);}", ".f1c73kur{background-color:var(--colorNeutralForeground1);}", ".fr0bkrk{color:var(--colorNeutralBackground1);}", ".f3vzo32{background-color:var(--colorNeutralBackground5);}", ".f11d4kpn{color:var(--colorNeutralForeground3);}", ".f1s438gw{background-color:var(--colorPaletteDarkOrangeBackground3);}", ".fxugw4r{background-color:var(--colorNeutralBackground1);}", ".f19n0e5{color:var(--colorNeutralForeground1);}", ".flxk52p{background-color:var(--colorPaletteGreenBackground3);}", ".ffq97bm{background-color:var(--colorPaletteYellowBackground3);}", ".ff5vbop{color:var(--colorNeutralForeground1Static);}", ".f16muhyy{color:var(--colorBrandForeground1);}", ".f1whyuy6{color:var(--colorPaletteRedForeground3);}", ".f1l8vj45{color:var(--colorPaletteDarkOrangeForeground3);}", ".fonrgv7{color:var(--colorNeutralForegroundStaticInverted);}", ".f1m7fhi8{color:var(--colorPaletteGreenForeground3);}", ".fpti2h4{color:var(--colorPaletteYellowForeground2);}", ".f23ftbb{border-top-color:currentColor;}", ".f1gkuv52{border-right-color:currentColor;}", ".f1p1bl80{border-left-color:currentColor;}", ".fioka3i{border-bottom-color:currentColor;}", ".fyqpifd{border-top-color:var(--colorPaletteRedBorder2);}", ".f3ukxca{border-right-color:var(--colorPaletteRedBorder2);}", ".f1k7dugc{border-left-color:var(--colorPaletteRedBorder2);}", ".f1njxb2b{border-bottom-color:var(--colorPaletteRedBorder2);}", ".fq0vr37{border-top-color:var(--colorNeutralStrokeAccessible);}", ".f1byw159{border-right-color:var(--colorNeutralStrokeAccessible);}", ".f11cr0be{border-left-color:var(--colorNeutralStrokeAccessible);}", ".f1c1zstj{border-bottom-color:var(--colorNeutralStrokeAccessible);}", ".f68mrw8{border-top-color:var(--colorNeutralStroke2);}", ".f7pw515{border-right-color:var(--colorNeutralStroke2);}", ".fw35ms5{border-left-color:var(--colorNeutralStroke2);}", ".frpde29{border-bottom-color:var(--colorNeutralStroke2);}", ".f1mmhl11{border-top-color:var(--colorPaletteGreenBorder2);}", ".f1tjpp2f{border-right-color:var(--colorPaletteGreenBorder2);}", ".f1ocn5n7{border-left-color:var(--colorPaletteGreenBorder2);}", ".f1gjv25d{border-bottom-color:var(--colorPaletteGreenBorder2);}", ".f16xkysk{background-color:var(--colorBrandBackground2);}", ".faj9fo0{color:var(--colorBrandForeground2);}", ".f161y7kd{border-top-color:var(--colorBrandStroke2);}", ".f1c8dzaj{border-right-color:var(--colorBrandStroke2);}", ".f1sl6hi9{border-left-color:var(--colorBrandStroke2);}", ".f1619yhw{border-bottom-color:var(--colorBrandStroke2);}", ".ff0poqj{background-color:var(--colorPaletteRedBackground1);}", ".f1hcrxcs{color:var(--colorPaletteRedForeground1);}", ".f1oqjm8o{border-top-color:var(--colorPaletteRedBorder1);}", ".fkgrb8g{border-right-color:var(--colorPaletteRedBorder1);}", ".frb5wm0{border-left-color:var(--colorPaletteRedBorder1);}", ".f1iai1ph{border-bottom-color:var(--colorPaletteRedBorder1);}", ".f945g0u{background-color:var(--colorNeutralForeground3);}", ".f1ctqxl6{background-color:var(--colorNeutralBackground4);}", ".f1xzsg4{background-color:var(--colorPaletteDarkOrangeBackground1);}", ".f1k5f75o{color:var(--colorPaletteDarkOrangeForeground1);}", ".fxy9dsj{border-top-color:var(--colorPaletteDarkOrangeBorder1);}", ".f54u6j2{border-right-color:var(--colorPaletteDarkOrangeBorder1);}", ".fcm23ze{border-left-color:var(--colorPaletteDarkOrangeBorder1);}", ".f4vf0uq{border-bottom-color:var(--colorPaletteDarkOrangeBorder1);}", ".f2vsrz6{background-color:var(--colorPaletteGreenBackground1);}", ".ffmvakt{color:var(--colorPaletteGreenForeground1);}", ".fdmic9h{border-top-color:var(--colorPaletteGreenBorder1);}", ".f196y6m{border-right-color:var(--colorPaletteGreenBorder1);}", ".fetptd8{border-left-color:var(--colorPaletteGreenBorder1);}", ".f1pev5xq{border-bottom-color:var(--colorPaletteGreenBorder1);}", ".f10s6hli{background-color:var(--colorPaletteYellowBackground1);}", ".f42v8de{color:var(--colorPaletteYellowForeground1);}", ".fn9i3n{border-top-color:var(--colorPaletteYellowBorder1);}", ".f1aw8cx4{border-right-color:var(--colorPaletteYellowBorder1);}", ".f51if14{border-left-color:var(--colorPaletteYellowBorder1);}", ".fvq8iai{border-bottom-color:var(--colorPaletteYellowBorder1);}"]
|
297
296
|
});
|
298
|
-
|
299
297
|
const useIconStyles = /*#__PURE__*/__styles({
|
300
|
-
|
301
|
-
|
302
|
-
|
303
|
-
|
304
|
-
|
305
|
-
|
306
|
-
|
298
|
+
base: {
|
299
|
+
mc9l5x: "f22iagw",
|
300
|
+
Bg96gwp: "fp6vxd",
|
301
|
+
B6of3ja: "f1hu3pq6",
|
302
|
+
t21cq0: ["fqq8nkd", "f1fdzpd1"],
|
303
|
+
jrapky: "f19f4twv",
|
304
|
+
Frg6f3: ["f1fdzpd1", "fqq8nkd"]
|
307
305
|
},
|
308
|
-
|
309
|
-
|
306
|
+
beforeText: {
|
307
|
+
t21cq0: ["f1t8l4o1", "f11juvx6"]
|
310
308
|
},
|
311
|
-
|
312
|
-
|
309
|
+
afterText: {
|
310
|
+
Frg6f3: ["f11juvx6", "f1t8l4o1"]
|
313
311
|
},
|
314
|
-
|
315
|
-
|
312
|
+
beforeTextXL: {
|
313
|
+
t21cq0: ["f1rs9grm", "f1kwmkpi"]
|
316
314
|
},
|
317
|
-
|
318
|
-
|
315
|
+
afterTextXL: {
|
316
|
+
Frg6f3: ["f1kwmkpi", "f1rs9grm"]
|
319
317
|
},
|
320
|
-
|
321
|
-
|
318
|
+
tiny: {
|
319
|
+
Be2twd7: "f1tccstq"
|
322
320
|
},
|
323
321
|
"extra-small": {
|
324
|
-
|
322
|
+
Be2twd7: "fnmn6fi"
|
325
323
|
},
|
326
|
-
|
327
|
-
|
324
|
+
small: {
|
325
|
+
Be2twd7: "f1ugzwwg"
|
328
326
|
},
|
329
|
-
|
330
|
-
|
327
|
+
medium: {
|
328
|
+
Be2twd7: "f1ugzwwg"
|
331
329
|
},
|
332
|
-
|
333
|
-
|
330
|
+
large: {
|
331
|
+
Be2twd7: "f4ybsrx"
|
334
332
|
},
|
335
333
|
"extra-large": {
|
336
|
-
|
334
|
+
Be2twd7: "fe5j1ua"
|
337
335
|
}
|
338
336
|
}, {
|
339
|
-
|
337
|
+
d: [".f22iagw{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}", ".fp6vxd{line-height:1;}", ".f1hu3pq6{margin-top:0;}", ".fqq8nkd{margin-right:calc(-1 * var(--spacingHorizontalXXS));}", ".f1fdzpd1{margin-left:calc(-1 * var(--spacingHorizontalXXS));}", ".f19f4twv{margin-bottom:0;}", ".f1t8l4o1{margin-right:calc(var(--spacingHorizontalXXS) + var(--spacingHorizontalXXS));}", ".f11juvx6{margin-left:calc(var(--spacingHorizontalXXS) + var(--spacingHorizontalXXS));}", ".f1rs9grm{margin-right:calc(var(--spacingHorizontalXS) + var(--spacingHorizontalXXS));}", ".f1kwmkpi{margin-left:calc(var(--spacingHorizontalXS) + var(--spacingHorizontalXXS));}", ".f1tccstq{font-size:6px;}", ".fnmn6fi{font-size:10px;}", ".f1ugzwwg{font-size:12px;}", ".f4ybsrx{font-size:16px;}", ".fe5j1ua{font-size:20px;}"]
|
340
338
|
});
|
341
339
|
/**
|
342
340
|
* Applies style classnames to slots
|
343
341
|
*/
|
344
|
-
|
345
|
-
|
346
342
|
export const useBadgeStyles_unstable = state => {
|
347
343
|
const rootStyles = useRootStyles();
|
348
344
|
const smallToTiny = state.size === 'small' || state.size === 'extra-small' || state.size === 'tiny';
|
349
345
|
state.root.className = mergeClasses(badgeClassNames.root, rootStyles.base, smallToTiny && rootStyles.fontSmallToTiny, rootStyles[state.size], rootStyles[state.shape], state.shape === 'rounded' && smallToTiny && rootStyles.roundedSmallToTiny, state.appearance !== 'ghost' && rootStyles.border, rootStyles[state.appearance], rootStyles[`${state.appearance}-${state.color}`], state.root.className);
|
350
346
|
const iconStyles = useIconStyles();
|
351
|
-
|
352
347
|
if (state.icon) {
|
353
348
|
let iconPositionClass;
|
354
|
-
|
355
349
|
if (state.root.children) {
|
356
350
|
if (state.size === 'extra-large') {
|
357
351
|
iconPositionClass = state.iconPosition === 'after' ? iconStyles.afterTextXL : iconStyles.beforeTextXL;
|
@@ -359,10 +353,8 @@ export const useBadgeStyles_unstable = state => {
|
|
359
353
|
iconPositionClass = state.iconPosition === 'after' ? iconStyles.afterText : iconStyles.beforeText;
|
360
354
|
}
|
361
355
|
}
|
362
|
-
|
363
356
|
state.icon.className = mergeClasses(badgeClassNames.icon, iconStyles.base, iconPositionClass, iconStyles[state.size], state.icon.className);
|
364
357
|
}
|
365
|
-
|
366
358
|
return state;
|
367
359
|
};
|
368
360
|
//# sourceMappingURL=useBadgeStyles.js.map
|