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