@fluentui/react-badge 0.0.0-nightly-20240819-2110.1 → 0.0.0-nightly-20240820-2210.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (10) hide show
  1. package/CHANGELOG.md +10 -10
  2. package/lib/components/Badge/useBadgeStyles.styles.js +56 -56
  3. package/lib/components/Badge/useBadgeStyles.styles.js.map +1 -1
  4. package/lib/components/PresenceBadge/usePresenceBadgeStyles.styles.js +12 -12
  5. package/lib/components/PresenceBadge/usePresenceBadgeStyles.styles.js.map +1 -1
  6. package/lib-commonjs/components/Badge/useBadgeStyles.styles.js +107 -107
  7. package/lib-commonjs/components/Badge/useBadgeStyles.styles.js.map +1 -1
  8. package/lib-commonjs/components/PresenceBadge/usePresenceBadgeStyles.styles.js +22 -22
  9. package/lib-commonjs/components/PresenceBadge/usePresenceBadgeStyles.styles.js.map +1 -1
  10. package/package.json +7 -7
package/lib-commonjs/components/Badge/useBadgeStyles.styles.js CHANGED
@@ -25,11 +25,11 @@ const badgeClassNames = {
25
25
  // The text content of the badge has additional horizontal padding, but there is no `text` slot to add that padding to.
26
26
  // Instead, add extra padding to the root, and a negative margin on the icon to "remove" the extra padding on the icon.
27
27
  const textPadding = _reacttheme.tokens.spacingHorizontalXXS;
28
- const useRootClassName = /*#__PURE__*/ (0, _react.__resetStyles)("r1wz0xho", "r1waubuv", [
29
- ".r1wz0xho{display:inline-flex;box-sizing:border-box;align-items:center;justify-content:center;position:relative;font-family:var(--fontFamilyBase);font-size:var(--fontSizeBase200);font-weight:var(--fontWeightSemibold);line-height:var(--lineHeightBase200);height:20px;width:20px;min-width:max-content;padding:0 calc(var(--spacingHorizontalXS) + var(--spacingHorizontalXXS));border-radius:var(--ctrl-token-Badge-341, var(--semantic-token-Badge-342, var(--borderRadiusCircular)));border-color:var(--ctrl-token-Badge-343, var(--semantic-token-Badge-344, var(--colorTransparentStroke)));}",
30
- ".r1wz0xho::after{content:\"\";position:absolute;top:0;left:0;bottom:0;right:0;border-style:solid;border-color:inherit;border-width:var(--ctrl-token-Badge-345, var(--semantic-token-Badge-346, var(--strokeWidthThin)));border-radius:inherit;}",
31
- ".r1waubuv{display:inline-flex;box-sizing:border-box;align-items:center;justify-content:center;position:relative;font-family:var(--fontFamilyBase);font-size:var(--fontSizeBase200);font-weight:var(--fontWeightSemibold);line-height:var(--lineHeightBase200);height:20px;width:20px;min-width:max-content;padding:0 calc(var(--spacingHorizontalXS) + var(--spacingHorizontalXXS));border-radius:var(--ctrl-token-Badge-341, var(--semantic-token-Badge-342, var(--borderRadiusCircular)));border-color:var(--ctrl-token-Badge-343, var(--semantic-token-Badge-344, var(--colorTransparentStroke)));}",
32
- ".r1waubuv::after{content:\"\";position:absolute;top:0;right:0;bottom:0;left:0;border-style:solid;border-color:inherit;border-width:var(--ctrl-token-Badge-345, var(--semantic-token-Badge-346, var(--strokeWidthThin)));border-radius:inherit;}"
28
+ const useRootClassName = /*#__PURE__*/ (0, _react.__resetStyles)("r10nfv4h", "ruauajt", [
29
+ ".r10nfv4h{display:inline-flex;box-sizing:border-box;align-items:center;justify-content:center;position:relative;font-family:var(--fontFamilyBase);font-size:var(--fontSizeBase200);font-weight:var(--fontWeightSemibold);line-height:var(--lineHeightBase200);height:20px;width:20px;min-width:max-content;padding:0 calc(var(--spacingHorizontalXS) + var(--spacingHorizontalXXS));border-radius:var(--341, var(--342, var(--borderRadiusCircular)));border-color:var(--343, var(--344, var(--colorTransparentStroke)));}",
30
+ ".r10nfv4h::after{content:\"\";position:absolute;top:0;left:0;bottom:0;right:0;border-style:solid;border-color:inherit;border-width:var(--345, var(--346, var(--strokeWidthThin)));border-radius:inherit;}",
31
+ ".ruauajt{display:inline-flex;box-sizing:border-box;align-items:center;justify-content:center;position:relative;font-family:var(--fontFamilyBase);font-size:var(--fontSizeBase200);font-weight:var(--fontWeightSemibold);line-height:var(--lineHeightBase200);height:20px;width:20px;min-width:max-content;padding:0 calc(var(--spacingHorizontalXS) + var(--spacingHorizontalXXS));border-radius:var(--341, var(--342, var(--borderRadiusCircular)));border-color:var(--343, var(--344, var(--colorTransparentStroke)));}",
32
+ ".ruauajt::after{content:\"\";position:absolute;top:0;right:0;bottom:0;left:0;border-style:solid;border-color:inherit;border-width:var(--345, var(--346, var(--strokeWidthThin)));border-radius:inherit;}"
33
33
  ]);
34
34
  const useRootStyles = /*#__PURE__*/ (0, _react.__styles)({
35
35
  fontSmallToTiny: {
@@ -95,21 +95,21 @@ const useRootStyles = /*#__PURE__*/ (0, _react.__styles)({
95
95
  Bbmb7ep: 0,
96
96
  Btl43ni: 0,
97
97
  B7oj6ja: 0,
98
- Dimara: "f7abyiv"
98
+ Dimara: "fai50ut"
99
99
  },
100
100
  rounded: {
101
101
  Beyfa6y: 0,
102
102
  Bbmb7ep: 0,
103
103
  Btl43ni: 0,
104
104
  B7oj6ja: 0,
105
- Dimara: "fou3nt3"
105
+ Dimara: "f1e5tea3"
106
106
  },
107
107
  roundedSmallToTiny: {
108
108
  Beyfa6y: 0,
109
109
  Bbmb7ep: 0,
110
110
  Btl43ni: 0,
111
111
  B7oj6ja: 0,
112
- Dimara: "fzlx6wr"
112
+ Dimara: "f1mplvw1"
113
113
  },
114
114
  circular: {},
115
115
  borderGhost: {
@@ -117,61 +117,61 @@ const useRootStyles = /*#__PURE__*/ (0, _react.__styles)({
117
117
  },
118
118
  filled: {},
119
119
  "filled-brand": {
120
- De3pzq: "fdqjzqe",
121
- sj55zd: "fnyk02w"
120
+ De3pzq: "f19hwuml",
121
+ sj55zd: "f7ou5un"
122
122
  },
123
123
  "filled-danger": {
124
- De3pzq: "flx86sn",
125
- sj55zd: "fgvu3al"
124
+ De3pzq: "frr1ynz",
125
+ sj55zd: "fs397sr"
126
126
  },
127
127
  "filled-important": {
128
- De3pzq: "f15xs996",
129
- sj55zd: "f1vch7lf"
128
+ De3pzq: "f1vkul9e",
129
+ sj55zd: "f10deorr"
130
130
  },
131
131
  "filled-informative": {
132
- De3pzq: "f3d2lzq",
133
- sj55zd: "fq41cgs"
132
+ De3pzq: "f12mr7aq",
133
+ sj55zd: "fc1lalz"
134
134
  },
135
135
  "filled-severe": {
136
- De3pzq: "f1k98sz0",
137
- sj55zd: "ftq7wa"
136
+ De3pzq: "fso1mzb",
137
+ sj55zd: "f1apyimk"
138
138
  },
139
139
  "filled-subtle": {
140
- De3pzq: "fwbw61e",
141
- sj55zd: "ffv5pt6"
140
+ De3pzq: "f1570tmq",
141
+ sj55zd: "f1ih66gz"
142
142
  },
143
143
  "filled-success": {
144
- De3pzq: "fqovzr4",
145
- sj55zd: "f1b7taaf"
144
+ De3pzq: "f1xvu00u",
145
+ sj55zd: "f1a2a3s"
146
146
  },
147
147
  "filled-warning": {
148
- De3pzq: "fkkae45",
149
- sj55zd: "fuk51dr"
148
+ De3pzq: "fopv15x",
149
+ sj55zd: "fyehek6"
150
150
  },
151
151
  ghost: {},
152
152
  "ghost-brand": {
153
- sj55zd: "fn0grvs"
153
+ sj55zd: "fapxi05"
154
154
  },
155
155
  "ghost-danger": {
156
- sj55zd: "f1ymzm00"
156
+ sj55zd: "fr2bi5m"
157
157
  },
158
158
  "ghost-important": {
159
- sj55zd: "f1l7x15h"
159
+ sj55zd: "fkcwhv5"
160
160
  },
161
161
  "ghost-informative": {
162
- sj55zd: "f1g3ccf2"
162
+ sj55zd: "f1m2rgkd"
163
163
  },
164
164
  "ghost-severe": {
165
- sj55zd: "f1ry7oaq"
165
+ sj55zd: "f9r2fi"
166
166
  },
167
167
  "ghost-subtle": {
168
- sj55zd: "f14dtlz5"
168
+ sj55zd: "f18ujb"
169
169
  },
170
170
  "ghost-success": {
171
- sj55zd: "f1dl7s23"
171
+ sj55zd: "f1ip27zr"
172
172
  },
173
173
  "ghost-warning": {
174
- sj55zd: "f139i9j4"
174
+ sj55zd: "f1g3245m"
175
175
  },
176
176
  outline: {
177
177
  g2u3we: "f23ftbb",
@@ -186,10 +186,10 @@ const useRootStyles = /*#__PURE__*/ (0, _react.__styles)({
186
186
  ]
187
187
  },
188
188
  "outline-brand": {
189
- sj55zd: "f1u0h5xc"
189
+ sj55zd: "f18fr6fe"
190
190
  },
191
191
  "outline-danger": {
192
- sj55zd: "fy5c1di",
192
+ sj55zd: "febqro7",
193
193
  g2u3we: "fyqpifd",
194
194
  h3c5rm: [
195
195
  "f3ukxca",
@@ -202,7 +202,7 @@ const useRootStyles = /*#__PURE__*/ (0, _react.__styles)({
202
202
  ]
203
203
  },
204
204
  "outline-important": {
205
- sj55zd: "f17om6wp",
205
+ sj55zd: "ffs1hx6",
206
206
  g2u3we: "fq0vr37",
207
207
  h3c5rm: [
208
208
  "f1byw159",
@@ -215,7 +215,7 @@ const useRootStyles = /*#__PURE__*/ (0, _react.__styles)({
215
215
  ]
216
216
  },
217
217
  "outline-informative": {
218
- sj55zd: "f1px5c6m",
218
+ sj55zd: "f13yqyjw",
219
219
  g2u3we: "f68mrw8",
220
220
  h3c5rm: [
221
221
  "f7pw515",
@@ -228,13 +228,13 @@ const useRootStyles = /*#__PURE__*/ (0, _react.__styles)({
228
228
  ]
229
229
  },
230
230
  "outline-severe": {
231
- sj55zd: "f1eq2dgn"
231
+ sj55zd: "f1ckjb0u"
232
232
  },
233
233
  "outline-subtle": {
234
- sj55zd: "f1r5gmdf"
234
+ sj55zd: "f12iazmu"
235
235
  },
236
236
  "outline-success": {
237
- sj55zd: "f14ta1hi",
237
+ sj55zd: "f1sja6nl",
238
238
  g2u3we: "f1mmhl11",
239
239
  h3c5rm: [
240
240
  "f1tjpp2f",
@@ -247,12 +247,12 @@ const useRootStyles = /*#__PURE__*/ (0, _react.__styles)({
247
247
  ]
248
248
  },
249
249
  "outline-warning": {
250
- sj55zd: "f175uq3x"
250
+ sj55zd: "f867xiw"
251
251
  },
252
252
  tint: {},
253
253
  "tint-brand": {
254
- De3pzq: "f1eumk4b",
255
- sj55zd: "f1yfpvl9",
254
+ De3pzq: "f146wntt",
255
+ sj55zd: "f1bfvynb",
256
256
  g2u3we: "f161y7kd",
257
257
  h3c5rm: [
258
258
  "f1c8dzaj",
@@ -265,8 +265,8 @@ const useRootStyles = /*#__PURE__*/ (0, _react.__styles)({
265
265
  ]
266
266
  },
267
267
  "tint-danger": {
268
- De3pzq: "f1ieeejy",
269
- sj55zd: "fbaokgc",
268
+ De3pzq: "f1j7js5g",
269
+ sj55zd: "f88p1ow",
270
270
  g2u3we: "f1oqjm8o",
271
271
  h3c5rm: [
272
272
  "fkgrb8g",
@@ -279,8 +279,8 @@ const useRootStyles = /*#__PURE__*/ (0, _react.__styles)({
279
279
  ]
280
280
  },
281
281
  "tint-important": {
282
- De3pzq: "f1qepuxg",
283
- sj55zd: "fwpt6fm",
282
+ De3pzq: "fevsi08",
283
+ sj55zd: "foodvkd",
284
284
  g2u3we: "fghlq4f",
285
285
  h3c5rm: [
286
286
  "f1gn591s",
@@ -293,8 +293,8 @@ const useRootStyles = /*#__PURE__*/ (0, _react.__styles)({
293
293
  ]
294
294
  },
295
295
  "tint-informative": {
296
- De3pzq: "fxa5gpb",
297
- sj55zd: "f6s6cv4",
296
+ De3pzq: "f13o4ny3",
297
+ sj55zd: "f1kyw6sm",
298
298
  g2u3we: "f68mrw8",
299
299
  h3c5rm: [
300
300
  "f7pw515",
@@ -307,8 +307,8 @@ const useRootStyles = /*#__PURE__*/ (0, _react.__styles)({
307
307
  ]
308
308
  },
309
309
  "tint-severe": {
310
- De3pzq: "frjxuu5",
311
- sj55zd: "fl6s856",
310
+ De3pzq: "fdxi31b",
311
+ sj55zd: "f1le075t",
312
312
  g2u3we: "fxy9dsj",
313
313
  h3c5rm: [
314
314
  "f54u6j2",
@@ -321,8 +321,8 @@ const useRootStyles = /*#__PURE__*/ (0, _react.__styles)({
321
321
  ]
322
322
  },
323
323
  "tint-subtle": {
324
- De3pzq: "foy4zr5",
325
- sj55zd: "f1g6xc6w",
324
+ De3pzq: "f1f72teq",
325
+ sj55zd: "f76hxaz",
326
326
  g2u3we: "f68mrw8",
327
327
  h3c5rm: [
328
328
  "f7pw515",
@@ -335,8 +335,8 @@ const useRootStyles = /*#__PURE__*/ (0, _react.__styles)({
335
335
  ]
336
336
  },
337
337
  "tint-success": {
338
- De3pzq: "fsq3r5k",
339
- sj55zd: "fc5dy85",
338
+ De3pzq: "f1xeb5ba",
339
+ sj55zd: "f17js1cg",
340
340
  g2u3we: "fdmic9h",
341
341
  h3c5rm: [
342
342
  "f196y6m",
@@ -349,8 +349,8 @@ const useRootStyles = /*#__PURE__*/ (0, _react.__styles)({
349
349
  ]
350
350
  },
351
351
  "tint-warning": {
352
- De3pzq: "f1ijqsw1",
353
- sj55zd: "f1n1qx92",
352
+ De3pzq: "f1wkb02k",
353
+ sj55zd: "f5u1fiz",
354
354
  g2u3we: "fn9i3n",
355
355
  h3c5rm: [
356
356
  "f1aw8cx4",
@@ -414,112 +414,112 @@ const useRootStyles = /*#__PURE__*/ (0, _react.__styles)({
414
414
  }
415
415
  ],
416
416
  [
417
- ".f7abyiv{border-radius:var(--ctrl-token-Badge-347, var(--semantic-token-Badge-348, var(--borderRadiusNone)));}",
417
+ ".fai50ut{border-radius:var(--347, var(--348, var(--borderRadiusNone)));}",
418
418
  {
419
419
  p: -1
420
420
  }
421
421
  ],
422
422
  [
423
- ".fou3nt3{border-radius:var(--ctrl-token-Badge-349, var(--semantic-token-Badge-350, var(--borderRadiusMedium)));}",
423
+ ".f1e5tea3{border-radius:var(--349, var(--350, var(--borderRadiusMedium)));}",
424
424
  {
425
425
  p: -1
426
426
  }
427
427
  ],
428
428
  [
429
- ".fzlx6wr{border-radius:var(--ctrl-token-Badge-351, var(--semantic-token-Badge-352, var(--borderRadiusSmall)));}",
429
+ ".f1mplvw1{border-radius:var(--351, var(--352, var(--borderRadiusSmall)));}",
430
430
  {
431
431
  p: -1
432
432
  }
433
433
  ],
434
434
  ".f10ludwy::after{display:none;}",
435
- ".fdqjzqe{background-color:var(--ctrl-token-Badge-353, var(--semantic-token-Badge-354, var(--colorBrandBackground)));}",
436
- ".fnyk02w{color:var(--ctrl-token-Badge-355, var(--semantic-token-Badge-356, var(--colorNeutralForegroundOnBrand)));}",
437
- ".flx86sn{background-color:var(--ctrl-token-Badge-357, var(--semantic-token-Badge-358, var(--colorPaletteRedBackground3)));}",
438
- ".fgvu3al{color:var(--ctrl-token-Badge-359, var(--semantic-token-Badge-360, var(--colorNeutralForegroundOnBrand)));}",
439
- ".f15xs996{background-color:var(--ctrl-token-Badge-361, var(--semantic-token-Badge-362, var(--colorNeutralForeground1)));}",
440
- ".f1vch7lf{color:var(--ctrl-token-Badge-363, var(--semantic-token-Badge-364, var(--colorNeutralBackground1)));}",
441
- ".f3d2lzq{background-color:var(--ctrl-token-Badge-365, var(--semantic-token-Badge-366, var(--colorNeutralBackground5)));}",
442
- ".fq41cgs{color:var(--ctrl-token-Badge-367, var(--semantic-token-Badge-368, var(--colorNeutralForeground3)));}",
443
- ".f1k98sz0{background-color:var(--ctrl-token-Badge-369, var(--semantic-token-Badge-370, var(--colorPaletteDarkOrangeBackground3)));}",
444
- ".ftq7wa{color:var(--ctrl-token-Badge-371, var(--semantic-token-Badge-372, var(--colorNeutralForegroundOnBrand)));}",
445
- ".fwbw61e{background-color:var(--ctrl-token-Badge-373, var(--semantic-token-Badge-374, var(--colorNeutralBackground1)));}",
446
- ".ffv5pt6{color:var(--ctrl-token-Badge-375, var(--semantic-token-Badge-376, var(--colorNeutralForeground1)));}",
447
- ".fqovzr4{background-color:var(--ctrl-token-Badge-377, var(--semantic-token-Badge-378, var(--colorPaletteGreenBackground3)));}",
448
- ".f1b7taaf{color:var(--ctrl-token-Badge-379, var(--semantic-token-Badge-380, var(--colorNeutralForegroundOnBrand)));}",
449
- ".fkkae45{background-color:var(--ctrl-token-Badge-381, var(--semantic-token-Badge-382, var(--colorPaletteYellowBackground3)));}",
450
- ".fuk51dr{color:var(--ctrl-token-Badge-383, var(--semantic-token-Badge-384, var(--colorNeutralForeground1Static)));}",
451
- ".fn0grvs{color:var(--ctrl-token-Badge-385, var(--semantic-token-Badge-386, var(--colorBrandForeground1)));}",
452
- ".f1ymzm00{color:var(--ctrl-token-Badge-387, var(--semantic-token-Badge-388, var(--colorPaletteRedForeground3)));}",
453
- ".f1l7x15h{color:var(--ctrl-token-Badge-389, var(--semantic-token-Badge-390, var(--colorNeutralForeground1)));}",
454
- ".f1g3ccf2{color:var(--ctrl-token-Badge-391, var(--semantic-token-Badge-392, var(--colorNeutralForeground3)));}",
455
- ".f1ry7oaq{color:var(--ctrl-token-Badge-393, var(--semantic-token-Badge-394, var(--colorPaletteDarkOrangeForeground3)));}",
456
- ".f14dtlz5{color:var(--ctrl-token-Badge-395, var(--semantic-token-Badge-396, var(--colorNeutralForegroundStaticInverted)));}",
457
- ".f1dl7s23{color:var(--ctrl-token-Badge-397, var(--semantic-token-Badge-398, var(--colorPaletteGreenForeground3)));}",
458
- ".f139i9j4{color:var(--ctrl-token-Badge-399, var(--semantic-token-Badge-400, var(--colorPaletteYellowForeground2)));}",
435
+ ".f19hwuml{background-color:var(--353, var(--354, var(--colorBrandBackground)));}",
436
+ ".f7ou5un{color:var(--355, var(--356, var(--colorNeutralForegroundOnBrand)));}",
437
+ ".frr1ynz{background-color:var(--357, var(--358, var(--colorPaletteRedBackground3)));}",
438
+ ".fs397sr{color:var(--359, var(--360, var(--colorNeutralForegroundOnBrand)));}",
439
+ ".f1vkul9e{background-color:var(--361, var(--362, var(--colorNeutralForeground1)));}",
440
+ ".f10deorr{color:var(--363, var(--364, var(--colorNeutralBackground1)));}",
441
+ ".f12mr7aq{background-color:var(--365, var(--366, var(--colorNeutralBackground5)));}",
442
+ ".fc1lalz{color:var(--367, var(--368, var(--colorNeutralForeground3)));}",
443
+ ".fso1mzb{background-color:var(--369, var(--370, var(--colorPaletteDarkOrangeBackground3)));}",
444
+ ".f1apyimk{color:var(--371, var(--372, var(--colorNeutralForegroundOnBrand)));}",
445
+ ".f1570tmq{background-color:var(--373, var(--374, var(--colorNeutralBackground1)));}",
446
+ ".f1ih66gz{color:var(--375, var(--376, var(--colorNeutralForeground1)));}",
447
+ ".f1xvu00u{background-color:var(--377, var(--378, var(--colorPaletteGreenBackground3)));}",
448
+ ".f1a2a3s{color:var(--379, var(--380, var(--colorNeutralForegroundOnBrand)));}",
449
+ ".fopv15x{background-color:var(--381, var(--382, var(--colorPaletteYellowBackground3)));}",
450
+ ".fyehek6{color:var(--383, var(--384, var(--colorNeutralForeground1Static)));}",
451
+ ".fapxi05{color:var(--385, var(--386, var(--colorBrandForeground1)));}",
452
+ ".fr2bi5m{color:var(--387, var(--388, var(--colorPaletteRedForeground3)));}",
453
+ ".fkcwhv5{color:var(--389, var(--390, var(--colorNeutralForeground1)));}",
454
+ ".f1m2rgkd{color:var(--391, var(--392, var(--colorNeutralForeground3)));}",
455
+ ".f9r2fi{color:var(--393, var(--394, var(--colorPaletteDarkOrangeForeground3)));}",
456
+ ".f18ujb{color:var(--395, var(--396, var(--colorNeutralForegroundStaticInverted)));}",
457
+ ".f1ip27zr{color:var(--397, var(--398, var(--colorPaletteGreenForeground3)));}",
458
+ ".f1g3245m{color:var(--399, var(--400, var(--colorPaletteYellowForeground2)));}",
459
459
  ".f23ftbb{border-top-color:currentColor;}",
460
460
  ".f1gkuv52{border-right-color:currentColor;}",
461
461
  ".f1p1bl80{border-left-color:currentColor;}",
462
462
  ".fioka3i{border-bottom-color:currentColor;}",
463
- ".f1u0h5xc{color:var(--ctrl-token-Badge-401, var(--semantic-token-Badge-402, var(--colorBrandForeground1)));}",
464
- ".fy5c1di{color:var(--ctrl-token-Badge-403, var(--semantic-token-Badge-404, var(--colorPaletteRedForeground3)));}",
463
+ ".f18fr6fe{color:var(--401, var(--402, var(--colorBrandForeground1)));}",
464
+ ".febqro7{color:var(--403, var(--404, var(--colorPaletteRedForeground3)));}",
465
465
  ".fyqpifd{border-top-color:var(--colorPaletteRedBorder2);}",
466
466
  ".f3ukxca{border-right-color:var(--colorPaletteRedBorder2);}",
467
467
  ".f1k7dugc{border-left-color:var(--colorPaletteRedBorder2);}",
468
468
  ".f1njxb2b{border-bottom-color:var(--colorPaletteRedBorder2);}",
469
- ".f17om6wp{color:var(--ctrl-token-Badge-405, var(--semantic-token-Badge-406, var(--colorNeutralForeground3)));}",
469
+ ".ffs1hx6{color:var(--405, var(--406, var(--colorNeutralForeground3)));}",
470
470
  ".fq0vr37{border-top-color:var(--colorNeutralStrokeAccessible);}",
471
471
  ".f1byw159{border-right-color:var(--colorNeutralStrokeAccessible);}",
472
472
  ".f11cr0be{border-left-color:var(--colorNeutralStrokeAccessible);}",
473
473
  ".f1c1zstj{border-bottom-color:var(--colorNeutralStrokeAccessible);}",
474
- ".f1px5c6m{color:var(--ctrl-token-Badge-407, var(--semantic-token-Badge-408, var(--colorNeutralForeground3)));}",
474
+ ".f13yqyjw{color:var(--407, var(--408, var(--colorNeutralForeground3)));}",
475
475
  ".f68mrw8{border-top-color:var(--colorNeutralStroke2);}",
476
476
  ".f7pw515{border-right-color:var(--colorNeutralStroke2);}",
477
477
  ".fw35ms5{border-left-color:var(--colorNeutralStroke2);}",
478
478
  ".frpde29{border-bottom-color:var(--colorNeutralStroke2);}",
479
- ".f1eq2dgn{color:var(--ctrl-token-Badge-409, var(--semantic-token-Badge-410, var(--colorPaletteDarkOrangeForeground3)));}",
480
- ".f1r5gmdf{color:var(--ctrl-token-Badge-411, var(--semantic-token-Badge-412, var(--colorNeutralForegroundStaticInverted)));}",
481
- ".f14ta1hi{color:var(--ctrl-token-Badge-413, var(--semantic-token-Badge-414, var(--colorPaletteGreenForeground3)));}",
479
+ ".f1ckjb0u{color:var(--409, var(--410, var(--colorPaletteDarkOrangeForeground3)));}",
480
+ ".f12iazmu{color:var(--411, var(--412, var(--colorNeutralForegroundStaticInverted)));}",
481
+ ".f1sja6nl{color:var(--413, var(--414, var(--colorPaletteGreenForeground3)));}",
482
482
  ".f1mmhl11{border-top-color:var(--colorPaletteGreenBorder2);}",
483
483
  ".f1tjpp2f{border-right-color:var(--colorPaletteGreenBorder2);}",
484
484
  ".f1ocn5n7{border-left-color:var(--colorPaletteGreenBorder2);}",
485
485
  ".f1gjv25d{border-bottom-color:var(--colorPaletteGreenBorder2);}",
486
- ".f175uq3x{color:var(--ctrl-token-Badge-415, var(--semantic-token-Badge-416, var(--colorPaletteYellowForeground2)));}",
487
- ".f1eumk4b{background-color:var(--ctrl-token-Badge-417, var(--semantic-token-Badge-418, var(--colorBrandBackground2)));}",
488
- ".f1yfpvl9{color:var(--ctrl-token-Badge-419, var(--semantic-token-Badge-420, var(--colorBrandForeground2)));}",
486
+ ".f867xiw{color:var(--415, var(--416, var(--colorPaletteYellowForeground2)));}",
487
+ ".f146wntt{background-color:var(--417, var(--418, var(--colorBrandBackground2)));}",
488
+ ".f1bfvynb{color:var(--419, var(--420, var(--colorBrandForeground2)));}",
489
489
  ".f161y7kd{border-top-color:var(--colorBrandStroke2);}",
490
490
  ".f1c8dzaj{border-right-color:var(--colorBrandStroke2);}",
491
491
  ".f1sl6hi9{border-left-color:var(--colorBrandStroke2);}",
492
492
  ".f1619yhw{border-bottom-color:var(--colorBrandStroke2);}",
493
- ".f1ieeejy{background-color:var(--ctrl-token-Badge-421, var(--semantic-token-Badge-422, var(--colorPaletteRedBackground1)));}",
494
- ".fbaokgc{color:var(--ctrl-token-Badge-423, var(--semantic-token-Badge-424, var(--colorPaletteRedForeground1)));}",
493
+ ".f1j7js5g{background-color:var(--421, var(--422, var(--colorPaletteRedBackground1)));}",
494
+ ".f88p1ow{color:var(--423, var(--424, var(--colorPaletteRedForeground1)));}",
495
495
  ".f1oqjm8o{border-top-color:var(--colorPaletteRedBorder1);}",
496
496
  ".fkgrb8g{border-right-color:var(--colorPaletteRedBorder1);}",
497
497
  ".frb5wm0{border-left-color:var(--colorPaletteRedBorder1);}",
498
498
  ".f1iai1ph{border-bottom-color:var(--colorPaletteRedBorder1);}",
499
- ".f1qepuxg{background-color:var(--ctrl-token-Badge-425, var(--semantic-token-Badge-426, var(--colorNeutralForeground3)));}",
500
- ".fwpt6fm{color:var(--ctrl-token-Badge-427, var(--semantic-token-Badge-428, var(--colorNeutralBackground1)));}",
499
+ ".fevsi08{background-color:var(--425, var(--426, var(--colorNeutralForeground3)));}",
500
+ ".foodvkd{color:var(--427, var(--428, var(--colorNeutralBackground1)));}",
501
501
  ".fghlq4f{border-top-color:var(--colorTransparentStroke);}",
502
502
  ".f1gn591s{border-right-color:var(--colorTransparentStroke);}",
503
503
  ".fjscplz{border-left-color:var(--colorTransparentStroke);}",
504
504
  ".fb073pr{border-bottom-color:var(--colorTransparentStroke);}",
505
- ".fxa5gpb{background-color:var(--ctrl-token-Badge-429, var(--semantic-token-Badge-430, var(--colorNeutralBackground4)));}",
506
- ".f6s6cv4{color:var(--ctrl-token-Badge-431, var(--semantic-token-Badge-432, var(--colorNeutralForeground3)));}",
507
- ".frjxuu5{background-color:var(--ctrl-token-Badge-433, var(--semantic-token-Badge-434, var(--colorPaletteDarkOrangeBackground1)));}",
508
- ".fl6s856{color:var(--ctrl-token-Badge-435, var(--semantic-token-Badge-436, var(--colorPaletteDarkOrangeForeground1)));}",
505
+ ".f13o4ny3{background-color:var(--429, var(--430, var(--colorNeutralBackground4)));}",
506
+ ".f1kyw6sm{color:var(--431, var(--432, var(--colorNeutralForeground3)));}",
507
+ ".fdxi31b{background-color:var(--433, var(--434, var(--colorPaletteDarkOrangeBackground1)));}",
508
+ ".f1le075t{color:var(--435, var(--436, var(--colorPaletteDarkOrangeForeground1)));}",
509
509
  ".fxy9dsj{border-top-color:var(--colorPaletteDarkOrangeBorder1);}",
510
510
  ".f54u6j2{border-right-color:var(--colorPaletteDarkOrangeBorder1);}",
511
511
  ".fcm23ze{border-left-color:var(--colorPaletteDarkOrangeBorder1);}",
512
512
  ".f4vf0uq{border-bottom-color:var(--colorPaletteDarkOrangeBorder1);}",
513
- ".foy4zr5{background-color:var(--ctrl-token-Badge-437, var(--semantic-token-Badge-438, var(--colorNeutralBackground1)));}",
514
- ".f1g6xc6w{color:var(--ctrl-token-Badge-439, var(--semantic-token-Badge-440, var(--colorNeutralForeground3)));}",
515
- ".fsq3r5k{background-color:var(--ctrl-token-Badge-441, var(--semantic-token-Badge-442, var(--colorPaletteGreenBackground1)));}",
516
- ".fc5dy85{color:var(--ctrl-token-Badge-443, var(--semantic-token-Badge-444, var(--colorPaletteGreenForeground1)));}",
513
+ ".f1f72teq{background-color:var(--437, var(--438, var(--colorNeutralBackground1)));}",
514
+ ".f76hxaz{color:var(--439, var(--440, var(--colorNeutralForeground3)));}",
515
+ ".f1xeb5ba{background-color:var(--441, var(--442, var(--colorPaletteGreenBackground1)));}",
516
+ ".f17js1cg{color:var(--443, var(--444, var(--colorPaletteGreenForeground1)));}",
517
517
  ".fdmic9h{border-top-color:var(--colorPaletteGreenBorder1);}",
518
518
  ".f196y6m{border-right-color:var(--colorPaletteGreenBorder1);}",
519
519
  ".fetptd8{border-left-color:var(--colorPaletteGreenBorder1);}",
520
520
  ".f1pev5xq{border-bottom-color:var(--colorPaletteGreenBorder1);}",
521
- ".f1ijqsw1{background-color:var(--ctrl-token-Badge-445, var(--semantic-token-Badge-446, var(--colorPaletteYellowBackground1)));}",
522
- ".f1n1qx92{color:var(--ctrl-token-Badge-447, var(--semantic-token-Badge-448, var(--colorPaletteYellowForeground1)));}",
521
+ ".f1wkb02k{background-color:var(--445, var(--446, var(--colorPaletteYellowBackground1)));}",
522
+ ".f5u1fiz{color:var(--447, var(--448, var(--colorPaletteYellowForeground1)));}",
523
523
  ".fn9i3n{border-top-color:var(--colorPaletteYellowBorder1);}",
524
524
  ".f1aw8cx4{border-right-color:var(--colorPaletteYellowBorder1);}",
525
525
  ".f51if14{border-left-color:var(--colorPaletteYellowBorder1);}",
package/lib-commonjs/components/Badge/useBadgeStyles.styles.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["useBadgeStyles.styles.js"],"sourcesContent":["import { shorthands, makeResetStyles, makeStyles, mergeClasses } from '@griffel/react';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\nexport const badgeClassNames = {\n root: 'fui-Badge',\n icon: 'fui-Badge__icon'\n};\n// The text content of the badge has additional horizontal padding, but there is no `text` slot to add that padding to.\n// Instead, add extra padding to the root, and a negative margin on the icon to \"remove\" the extra padding on the icon.\nconst textPadding = tokens.spacingHorizontalXXS;\nconst useRootClassName = makeResetStyles({\n display: 'inline-flex',\n boxSizing: 'border-box',\n alignItems: 'center',\n justifyContent: 'center',\n position: 'relative',\n ...typographyStyles.caption1Strong,\n height: '20px',\n width: '20px',\n minWidth: 'max-content',\n padding: `0 calc(${tokens.spacingHorizontalXS} + ${textPadding})`,\n borderRadius: `var(--ctrl-token-Badge-341, var(--semantic-token-Badge-342, ${tokens.borderRadiusCircular}))`,\n // Use a transparent stroke (rather than no border) so the border is visible in high contrast\n borderColor: `var(--ctrl-token-Badge-343, var(--semantic-token-Badge-344, ${tokens.colorTransparentStroke}))`,\n '::after': {\n content: '\"\"',\n position: 'absolute',\n top: 0,\n left: 0,\n bottom: 0,\n right: 0,\n borderStyle: 'solid',\n borderColor: 'inherit',\n borderWidth: `var(--ctrl-token-Badge-345, var(--semantic-token-Badge-346, ${tokens.strokeWidthThin}))`,\n borderRadius: 'inherit'\n }\n});\nconst useRootStyles = makeStyles({\n fontSmallToTiny: {\n ...typographyStyles.caption2Strong\n },\n // size\n tiny: {\n width: '6px',\n height: '6px',\n fontSize: '4px',\n lineHeight: '4px',\n minWidth: 'unset',\n padding: 'unset'\n },\n 'extra-small': {\n width: '10px',\n height: '10px',\n fontSize: '6px',\n lineHeight: '6px',\n minWidth: 'unset',\n padding: 'unset'\n },\n small: {\n width: '16px',\n height: '16px',\n padding: `0 calc(${tokens.spacingHorizontalXXS} + ${textPadding})`\n },\n medium: {\n },\n large: {\n width: '24px',\n height: '24px',\n padding: `0 calc(${tokens.spacingHorizontalXS} + ${textPadding})`\n },\n 'extra-large': {\n width: '32px',\n height: '32px',\n padding: `0 calc(${tokens.spacingHorizontalSNudge} + ${textPadding})`\n },\n // shape\n square: {\n borderRadius: `var(--ctrl-token-Badge-347, var(--semantic-token-Badge-348, ${tokens.borderRadiusNone}))`\n },\n rounded: {\n borderRadius: `var(--ctrl-token-Badge-349, var(--semantic-token-Badge-350, ${tokens.borderRadiusMedium}))`\n },\n roundedSmallToTiny: {\n borderRadius: `var(--ctrl-token-Badge-351, var(--semantic-token-Badge-352, ${tokens.borderRadiusSmall}))`\n },\n circular: {\n },\n // hide the boder when appearance is \"ghost\"\n borderGhost: {\n // The border is applied in an ::after pseudo-element because it should not affect layout.\n // The padding and size of the badge should be the same regardless of whether or not it has a border.\n '::after': {\n display: 'none'\n }\n },\n // appearance: filled\n filled: {\n },\n 'filled-brand': {\n backgroundColor: `var(--ctrl-token-Badge-353, var(--semantic-token-Badge-354, ${tokens.colorBrandBackground}))`,\n color: `var(--ctrl-token-Badge-355, var(--semantic-token-Badge-356, ${tokens.colorNeutralForegroundOnBrand}))`\n },\n 'filled-danger': {\n backgroundColor: `var(--ctrl-token-Badge-357, var(--semantic-token-Badge-358, ${tokens.colorPaletteRedBackground3}))`,\n color: `var(--ctrl-token-Badge-359, var(--semantic-token-Badge-360, ${tokens.colorNeutralForegroundOnBrand}))`\n },\n 'filled-important': {\n backgroundColor: `var(--ctrl-token-Badge-361, var(--semantic-token-Badge-362, ${tokens.colorNeutralForeground1}))`,\n color: `var(--ctrl-token-Badge-363, var(--semantic-token-Badge-364, ${tokens.colorNeutralBackground1}))`\n },\n 'filled-informative': {\n backgroundColor: `var(--ctrl-token-Badge-365, var(--semantic-token-Badge-366, ${tokens.colorNeutralBackground5}))`,\n color: `var(--ctrl-token-Badge-367, var(--semantic-token-Badge-368, ${tokens.colorNeutralForeground3}))`\n },\n 'filled-severe': {\n backgroundColor: `var(--ctrl-token-Badge-369, var(--semantic-token-Badge-370, ${tokens.colorPaletteDarkOrangeBackground3}))`,\n color: `var(--ctrl-token-Badge-371, var(--semantic-token-Badge-372, ${tokens.colorNeutralForegroundOnBrand}))`\n },\n 'filled-subtle': {\n backgroundColor: `var(--ctrl-token-Badge-373, var(--semantic-token-Badge-374, ${tokens.colorNeutralBackground1}))`,\n color: `var(--ctrl-token-Badge-375, var(--semantic-token-Badge-376, ${tokens.colorNeutralForeground1}))`\n },\n 'filled-success': {\n backgroundColor: `var(--ctrl-token-Badge-377, var(--semantic-token-Badge-378, ${tokens.colorPaletteGreenBackground3}))`,\n color: `var(--ctrl-token-Badge-379, var(--semantic-token-Badge-380, ${tokens.colorNeutralForegroundOnBrand}))`\n },\n 'filled-warning': {\n backgroundColor: `var(--ctrl-token-Badge-381, var(--semantic-token-Badge-382, ${tokens.colorPaletteYellowBackground3}))`,\n color: `var(--ctrl-token-Badge-383, var(--semantic-token-Badge-384, ${tokens.colorNeutralForeground1Static}))`\n },\n // appearance: ghost\n ghost: {\n },\n 'ghost-brand': {\n color: `var(--ctrl-token-Badge-385, var(--semantic-token-Badge-386, ${tokens.colorBrandForeground1}))`\n },\n 'ghost-danger': {\n color: `var(--ctrl-token-Badge-387, var(--semantic-token-Badge-388, ${tokens.colorPaletteRedForeground3}))`\n },\n 'ghost-important': {\n color: `var(--ctrl-token-Badge-389, var(--semantic-token-Badge-390, ${tokens.colorNeutralForeground1}))`\n },\n 'ghost-informative': {\n color: `var(--ctrl-token-Badge-391, var(--semantic-token-Badge-392, ${tokens.colorNeutralForeground3}))`\n },\n 'ghost-severe': {\n color: `var(--ctrl-token-Badge-393, var(--semantic-token-Badge-394, ${tokens.colorPaletteDarkOrangeForeground3}))`\n },\n 'ghost-subtle': {\n color: `var(--ctrl-token-Badge-395, var(--semantic-token-Badge-396, ${tokens.colorNeutralForegroundStaticInverted}))`\n },\n 'ghost-success': {\n color: `var(--ctrl-token-Badge-397, var(--semantic-token-Badge-398, ${tokens.colorPaletteGreenForeground3}))`\n },\n 'ghost-warning': {\n color: `var(--ctrl-token-Badge-399, var(--semantic-token-Badge-400, ${tokens.colorPaletteYellowForeground2}))`\n },\n // appearance: outline\n outline: {\n ...shorthands.borderColor('currentColor')\n },\n 'outline-brand': {\n color: `var(--ctrl-token-Badge-401, var(--semantic-token-Badge-402, ${tokens.colorBrandForeground1}))`\n },\n 'outline-danger': {\n color: `var(--ctrl-token-Badge-403, var(--semantic-token-Badge-404, ${tokens.colorPaletteRedForeground3}))`,\n ...shorthands.borderColor(tokens.colorPaletteRedBorder2)\n },\n 'outline-important': {\n color: `var(--ctrl-token-Badge-405, var(--semantic-token-Badge-406, ${tokens.colorNeutralForeground3}))`,\n ...shorthands.borderColor(tokens.colorNeutralStrokeAccessible)\n },\n 'outline-informative': {\n color: `var(--ctrl-token-Badge-407, var(--semantic-token-Badge-408, ${tokens.colorNeutralForeground3}))`,\n ...shorthands.borderColor(tokens.colorNeutralStroke2)\n },\n 'outline-severe': {\n color: `var(--ctrl-token-Badge-409, var(--semantic-token-Badge-410, ${tokens.colorPaletteDarkOrangeForeground3}))`\n },\n 'outline-subtle': {\n color: `var(--ctrl-token-Badge-411, var(--semantic-token-Badge-412, ${tokens.colorNeutralForegroundStaticInverted}))`\n },\n 'outline-success': {\n color: `var(--ctrl-token-Badge-413, var(--semantic-token-Badge-414, ${tokens.colorPaletteGreenForeground3}))`,\n ...shorthands.borderColor(tokens.colorPaletteGreenBorder2)\n },\n 'outline-warning': {\n color: `var(--ctrl-token-Badge-415, var(--semantic-token-Badge-416, ${tokens.colorPaletteYellowForeground2}))`\n },\n // appearance: tint\n tint: {\n },\n 'tint-brand': {\n backgroundColor: `var(--ctrl-token-Badge-417, var(--semantic-token-Badge-418, ${tokens.colorBrandBackground2}))`,\n color: `var(--ctrl-token-Badge-419, var(--semantic-token-Badge-420, ${tokens.colorBrandForeground2}))`,\n ...shorthands.borderColor(tokens.colorBrandStroke2)\n },\n 'tint-danger': {\n backgroundColor: `var(--ctrl-token-Badge-421, var(--semantic-token-Badge-422, ${tokens.colorPaletteRedBackground1}))`,\n color: `var(--ctrl-token-Badge-423, var(--semantic-token-Badge-424, ${tokens.colorPaletteRedForeground1}))`,\n ...shorthands.borderColor(tokens.colorPaletteRedBorder1)\n },\n 'tint-important': {\n backgroundColor: `var(--ctrl-token-Badge-425, var(--semantic-token-Badge-426, ${tokens.colorNeutralForeground3}))`,\n color: `var(--ctrl-token-Badge-427, var(--semantic-token-Badge-428, ${tokens.colorNeutralBackground1}))`,\n ...shorthands.borderColor(tokens.colorTransparentStroke)\n },\n 'tint-informative': {\n backgroundColor: `var(--ctrl-token-Badge-429, var(--semantic-token-Badge-430, ${tokens.colorNeutralBackground4}))`,\n color: `var(--ctrl-token-Badge-431, var(--semantic-token-Badge-432, ${tokens.colorNeutralForeground3}))`,\n ...shorthands.borderColor(tokens.colorNeutralStroke2)\n },\n 'tint-severe': {\n backgroundColor: `var(--ctrl-token-Badge-433, var(--semantic-token-Badge-434, ${tokens.colorPaletteDarkOrangeBackground1}))`,\n color: `var(--ctrl-token-Badge-435, var(--semantic-token-Badge-436, ${tokens.colorPaletteDarkOrangeForeground1}))`,\n ...shorthands.borderColor(tokens.colorPaletteDarkOrangeBorder1)\n },\n 'tint-subtle': {\n backgroundColor: `var(--ctrl-token-Badge-437, var(--semantic-token-Badge-438, ${tokens.colorNeutralBackground1}))`,\n color: `var(--ctrl-token-Badge-439, var(--semantic-token-Badge-440, ${tokens.colorNeutralForeground3}))`,\n ...shorthands.borderColor(tokens.colorNeutralStroke2)\n },\n 'tint-success': {\n backgroundColor: `var(--ctrl-token-Badge-441, var(--semantic-token-Badge-442, ${tokens.colorPaletteGreenBackground1}))`,\n color: `var(--ctrl-token-Badge-443, var(--semantic-token-Badge-444, ${tokens.colorPaletteGreenForeground1}))`,\n ...shorthands.borderColor(tokens.colorPaletteGreenBorder1)\n },\n 'tint-warning': {\n backgroundColor: `var(--ctrl-token-Badge-445, var(--semantic-token-Badge-446, ${tokens.colorPaletteYellowBackground1}))`,\n color: `var(--ctrl-token-Badge-447, var(--semantic-token-Badge-448, ${tokens.colorPaletteYellowForeground1}))`,\n ...shorthands.borderColor(tokens.colorPaletteYellowBorder1)\n }\n});\nconst useIconRootClassName = makeResetStyles({\n display: 'flex',\n lineHeight: '1',\n margin: `0 calc(-1 * ${textPadding})`,\n fontSize: '12px'\n});\nconst useIconStyles = makeStyles({\n beforeText: {\n marginRight: `calc(${tokens.spacingHorizontalXXS} + ${textPadding})`\n },\n afterText: {\n marginLeft: `calc(${tokens.spacingHorizontalXXS} + ${textPadding})`\n },\n beforeTextXL: {\n marginRight: `calc(${tokens.spacingHorizontalXS} + ${textPadding})`\n },\n afterTextXL: {\n marginLeft: `calc(${tokens.spacingHorizontalXS} + ${textPadding})`\n },\n // size\n tiny: {\n fontSize: '6px'\n },\n 'extra-small': {\n fontSize: '10px'\n },\n small: {\n fontSize: '12px'\n },\n medium: {\n },\n large: {\n fontSize: '16px'\n },\n 'extra-large': {\n fontSize: '20px'\n }\n});\n/**\n * Applies style classnames to slots\n */ export const useBadgeStyles_unstable = (state)=>{\n 'use no memo';\n const rootClassName = useRootClassName();\n const rootStyles = useRootStyles();\n const smallToTiny = state.size === 'small' || state.size === 'extra-small' || state.size === 'tiny';\n state.root.className = mergeClasses(badgeClassNames.root, rootClassName, smallToTiny && rootStyles.fontSmallToTiny, rootStyles[state.size], rootStyles[state.shape], state.shape === 'rounded' && smallToTiny && rootStyles.roundedSmallToTiny, state.appearance === 'ghost' && rootStyles.borderGhost, rootStyles[state.appearance], rootStyles[`${state.appearance}-${state.color}`], state.root.className);\n const iconRootClassName = useIconRootClassName();\n const iconStyles = useIconStyles();\n if (state.icon) {\n let iconPositionClass;\n if (state.root.children) {\n if (state.size === 'extra-large') {\n iconPositionClass = state.iconPosition === 'after' ? iconStyles.afterTextXL : iconStyles.beforeTextXL;\n } else {\n iconPositionClass = state.iconPosition === 'after' ? iconStyles.afterText : iconStyles.beforeText;\n }\n }\n state.icon.className = mergeClasses(badgeClassNames.icon, iconRootClassName, iconPositionClass, iconStyles[state.size], state.icon.className);\n }\n return state;\n};\n"],"names":["badgeClassNames","useBadgeStyles_unstable","root","icon","textPadding","tokens","spacingHorizontalXXS","useRootClassName","__resetStyles","useRootStyles","__styles","fontSmallToTiny","Bahqtrf","Be2twd7","Bhrd7zp","Bg96gwp","tiny","a9b677","Bqenvij","Bf4jedk","Byoj8tv","uwmqm3","z189sj","z8tnut","B0ocmuz","small","medium","large","square","Beyfa6y","Bbmb7ep","Btl43ni","B7oj6ja","Dimara","rounded","roundedSmallToTiny","circular","borderGhost","ap17g6","filled","De3pzq","sj55zd","ghost","outline","g2u3we","h3c5rm","B9xav0g","zhjwy3","tint","d","p","useIconRootClassName","useIconStyles","beforeText","t21cq0","afterText","Frg6f3","beforeTextXL","afterTextXL","state","rootClassName","rootStyles","smallToTiny","size","className","mergeClasses","shape","appearance","color","iconRootClassName","iconStyles","iconPositionClass","children","iconPosition"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}
1
+ {"version":3,"sources":["useBadgeStyles.styles.js"],"sourcesContent":["import { shorthands, makeResetStyles, makeStyles, mergeClasses } from '@griffel/react';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\nexport const badgeClassNames = {\n root: 'fui-Badge',\n icon: 'fui-Badge__icon'\n};\n// The text content of the badge has additional horizontal padding, but there is no `text` slot to add that padding to.\n// Instead, add extra padding to the root, and a negative margin on the icon to \"remove\" the extra padding on the icon.\nconst textPadding = tokens.spacingHorizontalXXS;\nconst useRootClassName = makeResetStyles({\n display: 'inline-flex',\n boxSizing: 'border-box',\n alignItems: 'center',\n justifyContent: 'center',\n position: 'relative',\n ...typographyStyles.caption1Strong,\n height: '20px',\n width: '20px',\n minWidth: 'max-content',\n padding: `0 calc(${tokens.spacingHorizontalXS} + ${textPadding})`,\n borderRadius: `var(--341, var(--342, ${tokens.borderRadiusCircular}))`,\n // Use a transparent stroke (rather than no border) so the border is visible in high contrast\n borderColor: `var(--343, var(--344, ${tokens.colorTransparentStroke}))`,\n '::after': {\n content: '\"\"',\n position: 'absolute',\n top: 0,\n left: 0,\n bottom: 0,\n right: 0,\n borderStyle: 'solid',\n borderColor: 'inherit',\n borderWidth: `var(--345, var(--346, ${tokens.strokeWidthThin}))`,\n borderRadius: 'inherit'\n }\n});\nconst useRootStyles = makeStyles({\n fontSmallToTiny: {\n ...typographyStyles.caption2Strong\n },\n // size\n tiny: {\n width: '6px',\n height: '6px',\n fontSize: '4px',\n lineHeight: '4px',\n minWidth: 'unset',\n padding: 'unset'\n },\n 'extra-small': {\n width: '10px',\n height: '10px',\n fontSize: '6px',\n lineHeight: '6px',\n minWidth: 'unset',\n padding: 'unset'\n },\n small: {\n width: '16px',\n height: '16px',\n padding: `0 calc(${tokens.spacingHorizontalXXS} + ${textPadding})`\n },\n medium: {\n },\n large: {\n width: '24px',\n height: '24px',\n padding: `0 calc(${tokens.spacingHorizontalXS} + ${textPadding})`\n },\n 'extra-large': {\n width: '32px',\n height: '32px',\n padding: `0 calc(${tokens.spacingHorizontalSNudge} + ${textPadding})`\n },\n // shape\n square: {\n borderRadius: `var(--347, var(--348, ${tokens.borderRadiusNone}))`\n },\n rounded: {\n borderRadius: `var(--349, var(--350, ${tokens.borderRadiusMedium}))`\n },\n roundedSmallToTiny: {\n borderRadius: `var(--351, var(--352, ${tokens.borderRadiusSmall}))`\n },\n circular: {\n },\n // hide the boder when appearance is \"ghost\"\n borderGhost: {\n // The border is applied in an ::after pseudo-element because it should not affect layout.\n // The padding and size of the badge should be the same regardless of whether or not it has a border.\n '::after': {\n display: 'none'\n }\n },\n // appearance: filled\n filled: {\n },\n 'filled-brand': {\n backgroundColor: `var(--353, var(--354, ${tokens.colorBrandBackground}))`,\n color: `var(--355, var(--356, ${tokens.colorNeutralForegroundOnBrand}))`\n },\n 'filled-danger': {\n backgroundColor: `var(--357, var(--358, ${tokens.colorPaletteRedBackground3}))`,\n color: `var(--359, var(--360, ${tokens.colorNeutralForegroundOnBrand}))`\n },\n 'filled-important': {\n backgroundColor: `var(--361, var(--362, ${tokens.colorNeutralForeground1}))`,\n color: `var(--363, var(--364, ${tokens.colorNeutralBackground1}))`\n },\n 'filled-informative': {\n backgroundColor: `var(--365, var(--366, ${tokens.colorNeutralBackground5}))`,\n color: `var(--367, var(--368, ${tokens.colorNeutralForeground3}))`\n },\n 'filled-severe': {\n backgroundColor: `var(--369, var(--370, ${tokens.colorPaletteDarkOrangeBackground3}))`,\n color: `var(--371, var(--372, ${tokens.colorNeutralForegroundOnBrand}))`\n },\n 'filled-subtle': {\n backgroundColor: `var(--373, var(--374, ${tokens.colorNeutralBackground1}))`,\n color: `var(--375, var(--376, ${tokens.colorNeutralForeground1}))`\n },\n 'filled-success': {\n backgroundColor: `var(--377, var(--378, ${tokens.colorPaletteGreenBackground3}))`,\n color: `var(--379, var(--380, ${tokens.colorNeutralForegroundOnBrand}))`\n },\n 'filled-warning': {\n backgroundColor: `var(--381, var(--382, ${tokens.colorPaletteYellowBackground3}))`,\n color: `var(--383, var(--384, ${tokens.colorNeutralForeground1Static}))`\n },\n // appearance: ghost\n ghost: {\n },\n 'ghost-brand': {\n color: `var(--385, var(--386, ${tokens.colorBrandForeground1}))`\n },\n 'ghost-danger': {\n color: `var(--387, var(--388, ${tokens.colorPaletteRedForeground3}))`\n },\n 'ghost-important': {\n color: `var(--389, var(--390, ${tokens.colorNeutralForeground1}))`\n },\n 'ghost-informative': {\n color: `var(--391, var(--392, ${tokens.colorNeutralForeground3}))`\n },\n 'ghost-severe': {\n color: `var(--393, var(--394, ${tokens.colorPaletteDarkOrangeForeground3}))`\n },\n 'ghost-subtle': {\n color: `var(--395, var(--396, ${tokens.colorNeutralForegroundStaticInverted}))`\n },\n 'ghost-success': {\n color: `var(--397, var(--398, ${tokens.colorPaletteGreenForeground3}))`\n },\n 'ghost-warning': {\n color: `var(--399, var(--400, ${tokens.colorPaletteYellowForeground2}))`\n },\n // appearance: outline\n outline: {\n ...shorthands.borderColor('currentColor')\n },\n 'outline-brand': {\n color: `var(--401, var(--402, ${tokens.colorBrandForeground1}))`\n },\n 'outline-danger': {\n color: `var(--403, var(--404, ${tokens.colorPaletteRedForeground3}))`,\n ...shorthands.borderColor(tokens.colorPaletteRedBorder2)\n },\n 'outline-important': {\n color: `var(--405, var(--406, ${tokens.colorNeutralForeground3}))`,\n ...shorthands.borderColor(tokens.colorNeutralStrokeAccessible)\n },\n 'outline-informative': {\n color: `var(--407, var(--408, ${tokens.colorNeutralForeground3}))`,\n ...shorthands.borderColor(tokens.colorNeutralStroke2)\n },\n 'outline-severe': {\n color: `var(--409, var(--410, ${tokens.colorPaletteDarkOrangeForeground3}))`\n },\n 'outline-subtle': {\n color: `var(--411, var(--412, ${tokens.colorNeutralForegroundStaticInverted}))`\n },\n 'outline-success': {\n color: `var(--413, var(--414, ${tokens.colorPaletteGreenForeground3}))`,\n ...shorthands.borderColor(tokens.colorPaletteGreenBorder2)\n },\n 'outline-warning': {\n color: `var(--415, var(--416, ${tokens.colorPaletteYellowForeground2}))`\n },\n // appearance: tint\n tint: {\n },\n 'tint-brand': {\n backgroundColor: `var(--417, var(--418, ${tokens.colorBrandBackground2}))`,\n color: `var(--419, var(--420, ${tokens.colorBrandForeground2}))`,\n ...shorthands.borderColor(tokens.colorBrandStroke2)\n },\n 'tint-danger': {\n backgroundColor: `var(--421, var(--422, ${tokens.colorPaletteRedBackground1}))`,\n color: `var(--423, var(--424, ${tokens.colorPaletteRedForeground1}))`,\n ...shorthands.borderColor(tokens.colorPaletteRedBorder1)\n },\n 'tint-important': {\n backgroundColor: `var(--425, var(--426, ${tokens.colorNeutralForeground3}))`,\n color: `var(--427, var(--428, ${tokens.colorNeutralBackground1}))`,\n ...shorthands.borderColor(tokens.colorTransparentStroke)\n },\n 'tint-informative': {\n backgroundColor: `var(--429, var(--430, ${tokens.colorNeutralBackground4}))`,\n color: `var(--431, var(--432, ${tokens.colorNeutralForeground3}))`,\n ...shorthands.borderColor(tokens.colorNeutralStroke2)\n },\n 'tint-severe': {\n backgroundColor: `var(--433, var(--434, ${tokens.colorPaletteDarkOrangeBackground1}))`,\n color: `var(--435, var(--436, ${tokens.colorPaletteDarkOrangeForeground1}))`,\n ...shorthands.borderColor(tokens.colorPaletteDarkOrangeBorder1)\n },\n 'tint-subtle': {\n backgroundColor: `var(--437, var(--438, ${tokens.colorNeutralBackground1}))`,\n color: `var(--439, var(--440, ${tokens.colorNeutralForeground3}))`,\n ...shorthands.borderColor(tokens.colorNeutralStroke2)\n },\n 'tint-success': {\n backgroundColor: `var(--441, var(--442, ${tokens.colorPaletteGreenBackground1}))`,\n color: `var(--443, var(--444, ${tokens.colorPaletteGreenForeground1}))`,\n ...shorthands.borderColor(tokens.colorPaletteGreenBorder1)\n },\n 'tint-warning': {\n backgroundColor: `var(--445, var(--446, ${tokens.colorPaletteYellowBackground1}))`,\n color: `var(--447, var(--448, ${tokens.colorPaletteYellowForeground1}))`,\n ...shorthands.borderColor(tokens.colorPaletteYellowBorder1)\n }\n});\nconst useIconRootClassName = makeResetStyles({\n display: 'flex',\n lineHeight: '1',\n margin: `0 calc(-1 * ${textPadding})`,\n fontSize: '12px'\n});\nconst useIconStyles = makeStyles({\n beforeText: {\n marginRight: `calc(${tokens.spacingHorizontalXXS} + ${textPadding})`\n },\n afterText: {\n marginLeft: `calc(${tokens.spacingHorizontalXXS} + ${textPadding})`\n },\n beforeTextXL: {\n marginRight: `calc(${tokens.spacingHorizontalXS} + ${textPadding})`\n },\n afterTextXL: {\n marginLeft: `calc(${tokens.spacingHorizontalXS} + ${textPadding})`\n },\n // size\n tiny: {\n fontSize: '6px'\n },\n 'extra-small': {\n fontSize: '10px'\n },\n small: {\n fontSize: '12px'\n },\n medium: {\n },\n large: {\n fontSize: '16px'\n },\n 'extra-large': {\n fontSize: '20px'\n }\n});\n/**\n * Applies style classnames to slots\n */ export const useBadgeStyles_unstable = (state)=>{\n 'use no memo';\n const rootClassName = useRootClassName();\n const rootStyles = useRootStyles();\n const smallToTiny = state.size === 'small' || state.size === 'extra-small' || state.size === 'tiny';\n state.root.className = mergeClasses(badgeClassNames.root, rootClassName, smallToTiny && rootStyles.fontSmallToTiny, rootStyles[state.size], rootStyles[state.shape], state.shape === 'rounded' && smallToTiny && rootStyles.roundedSmallToTiny, state.appearance === 'ghost' && rootStyles.borderGhost, rootStyles[state.appearance], rootStyles[`${state.appearance}-${state.color}`], state.root.className);\n const iconRootClassName = useIconRootClassName();\n const iconStyles = useIconStyles();\n if (state.icon) {\n let iconPositionClass;\n if (state.root.children) {\n if (state.size === 'extra-large') {\n iconPositionClass = state.iconPosition === 'after' ? iconStyles.afterTextXL : iconStyles.beforeTextXL;\n } else {\n iconPositionClass = state.iconPosition === 'after' ? iconStyles.afterText : iconStyles.beforeText;\n }\n }\n state.icon.className = mergeClasses(badgeClassNames.icon, iconRootClassName, iconPositionClass, iconStyles[state.size], state.icon.className);\n }\n return state;\n};\n"],"names":["badgeClassNames","useBadgeStyles_unstable","root","icon","textPadding","tokens","spacingHorizontalXXS","useRootClassName","__resetStyles","useRootStyles","__styles","fontSmallToTiny","Bahqtrf","Be2twd7","Bhrd7zp","Bg96gwp","tiny","a9b677","Bqenvij","Bf4jedk","Byoj8tv","uwmqm3","z189sj","z8tnut","B0ocmuz","small","medium","large","square","Beyfa6y","Bbmb7ep","Btl43ni","B7oj6ja","Dimara","rounded","roundedSmallToTiny","circular","borderGhost","ap17g6","filled","De3pzq","sj55zd","ghost","outline","g2u3we","h3c5rm","B9xav0g","zhjwy3","tint","d","p","useIconRootClassName","useIconStyles","beforeText","t21cq0","afterText","Frg6f3","beforeTextXL","afterTextXL","state","rootClassName","rootStyles","smallToTiny","size","className","mergeClasses","shape","appearance","color","iconRootClassName","iconStyles","iconPositionClass","children","iconPosition"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}
package/lib-commonjs/components/PresenceBadge/usePresenceBadgeStyles.styles.js CHANGED
@@ -27,42 +27,42 @@ const getIsBusy = (status)=>{
27
27
  }
28
28
  return false;
29
29
  };
30
- const useRootClassName = /*#__PURE__*/ (0, _react.__resetStyles)("r16xh2wq", null, [
31
- ".r16xh2wq{display:inline-flex;box-sizing:border-box;align-items:center;justify-content:center;border-radius:var(--ctrl-token-PresenceBadge-449, var(--semantic-token-PresenceBadge-450, var(--borderRadiusCircular)));background-color:var(--ctrl-token-PresenceBadge-451, var(--semantic-token-PresenceBadge-452, var(--colorNeutralBackground1)));padding:1px;background-clip:content-box;}"
30
+ const useRootClassName = /*#__PURE__*/ (0, _react.__resetStyles)("r1711c1n", null, [
31
+ ".r1711c1n{display:inline-flex;box-sizing:border-box;align-items:center;justify-content:center;border-radius:var(--449, var(--450, var(--borderRadiusCircular)));background-color:var(--451, var(--452, var(--colorNeutralBackground1)));padding:1px;background-clip:content-box;}"
32
32
  ]);
33
33
  const useIconClassName = /*#__PURE__*/ (0, _react.__resetStyles)("r11ag4qr", null, [
34
34
  ".r11ag4qr{display:flex;margin:-1px;}"
35
35
  ]);
36
36
  const useStyles = /*#__PURE__*/ (0, _react.__styles)({
37
37
  statusBusy: {
38
- sj55zd: "fjj7m6t"
38
+ sj55zd: "f12aalvp"
39
39
  },
40
40
  statusAway: {
41
- sj55zd: "fp6zxrg"
41
+ sj55zd: "f10owiir"
42
42
  },
43
43
  statusAvailable: {
44
- sj55zd: "fyr71qh"
44
+ sj55zd: "fahcler"
45
45
  },
46
46
  statusOffline: {
47
- sj55zd: "f1mrss32"
47
+ sj55zd: "f11odu81"
48
48
  },
49
49
  statusOutOfOffice: {
50
- sj55zd: "fyh3q86"
50
+ sj55zd: "f1ovxq8r"
51
51
  },
52
52
  statusUnknown: {
53
- sj55zd: "f1w5nunp"
53
+ sj55zd: "f16r53qq"
54
54
  },
55
55
  outOfOffice: {
56
- sj55zd: "frj3a8e"
56
+ sj55zd: "f1lneuuo"
57
57
  },
58
58
  outOfOfficeAvailable: {
59
- sj55zd: "fif43yf"
59
+ sj55zd: "f187kc00"
60
60
  },
61
61
  outOfOfficeBusy: {
62
- sj55zd: "f9kshtx"
62
+ sj55zd: "f1vz3tl8"
63
63
  },
64
64
  outOfOfficeUnknown: {
65
- sj55zd: "fizqual"
65
+ sj55zd: "f13mef6d"
66
66
  },
67
67
  tiny: {
68
68
  Bubjx69: "f9ikmtg",
@@ -85,16 +85,16 @@ const useStyles = /*#__PURE__*/ (0, _react.__styles)({
85
85
  }
86
86
  }, {
87
87
  d: [
88
- ".fjj7m6t{color:var(--ctrl-token-PresenceBadge-453, var(--semantic-token-PresenceBadge-454, var(--colorPaletteRedBackground3)));}",
89
- ".fp6zxrg{color:var(--ctrl-token-PresenceBadge-455, var(--semantic-token-PresenceBadge-456, var(--colorPaletteMarigoldBackground3)));}",
90
- ".fyr71qh{color:var(--ctrl-token-PresenceBadge-457, var(--semantic-token-PresenceBadge-458, var(--colorPaletteLightGreenForeground3)));}",
91
- ".f1mrss32{color:var(--ctrl-token-PresenceBadge-459, var(--semantic-token-PresenceBadge-460, var(--colorNeutralForeground3)));}",
92
- ".fyh3q86{color:var(--ctrl-token-PresenceBadge-461, var(--semantic-token-PresenceBadge-462, var(--colorPaletteBerryForeground3)));}",
93
- ".f1w5nunp{color:var(--ctrl-token-PresenceBadge-463, var(--semantic-token-PresenceBadge-464, var(--colorNeutralForeground3)));}",
94
- ".frj3a8e{color:var(--ctrl-token-PresenceBadge-465, var(--semantic-token-PresenceBadge-466, var(--colorNeutralBackground1)));}",
95
- ".fif43yf{color:var(--ctrl-token-PresenceBadge-467, var(--semantic-token-PresenceBadge-468, var(--colorPaletteLightGreenForeground3)));}",
96
- ".f9kshtx{color:var(--ctrl-token-PresenceBadge-469, var(--semantic-token-PresenceBadge-470, var(--colorPaletteRedBackground3)));}",
97
- ".fizqual{color:var(--ctrl-token-PresenceBadge-471, var(--semantic-token-PresenceBadge-472, var(--colorNeutralForeground3)));}",
88
+ ".f12aalvp{color:var(--453, var(--454, var(--colorPaletteRedBackground3)));}",
89
+ ".f10owiir{color:var(--455, var(--456, var(--colorPaletteMarigoldBackground3)));}",
90
+ ".fahcler{color:var(--457, var(--458, var(--colorPaletteLightGreenForeground3)));}",
91
+ ".f11odu81{color:var(--459, var(--460, var(--colorNeutralForeground3)));}",
92
+ ".f1ovxq8r{color:var(--461, var(--462, var(--colorPaletteBerryForeground3)));}",
93
+ ".f16r53qq{color:var(--463, var(--464, var(--colorNeutralForeground3)));}",
94
+ ".f1lneuuo{color:var(--465, var(--466, var(--colorNeutralBackground1)));}",
95
+ ".f187kc00{color:var(--467, var(--468, var(--colorPaletteLightGreenForeground3)));}",
96
+ ".f1vz3tl8{color:var(--469, var(--470, var(--colorPaletteRedBackground3)));}",
97
+ ".f13mef6d{color:var(--471, var(--472, var(--colorNeutralForeground3)));}",
98
98
  ".f9ikmtg{aspect-ratio:1;}",
99
99
  ".f16dn6v3{width:6px;}",
100
100
  ".f1w2irj7{background-clip:unset;}",