@fluentui/react-badge 9.2.36 → 9.2.38
Sign up to get free protection for your applications and to get access to all the features.
- package/CHANGELOG.md +21 -2
- package/lib/components/Badge/useBadgeStyles.styles.js +57 -33
- package/lib/components/Badge/useBadgeStyles.styles.js.map +1 -1
- package/lib/components/CounterBadge/useCounterBadgeStyles.styles.js +9 -6
- package/lib/components/CounterBadge/useCounterBadgeStyles.styles.js.map +1 -1
- package/lib-commonjs/components/Badge/useBadgeStyles.styles.js +88 -122
- package/lib-commonjs/components/Badge/useBadgeStyles.styles.js.map +1 -1
- package/lib-commonjs/components/CounterBadge/useCounterBadgeStyles.styles.js +11 -14
- package/lib-commonjs/components/CounterBadge/useCounterBadgeStyles.styles.js.map +1 -1
- package/package.json +3 -3
package/CHANGELOG.md
CHANGED
@@ -1,12 +1,31 @@
|
|
1
1
|
# Change Log - @fluentui/react-badge
|
2
2
|
|
3
|
-
This log was last generated on
|
3
|
+
This log was last generated on Thu, 06 Jun 2024 15:22:27 GMT and should not be manually modified.
|
4
4
|
|
5
5
|
<!-- Start content -->
|
6
6
|
|
7
|
+
## [9.2.38](https://github.com/microsoft/fluentui/tree/@fluentui/react-badge_v9.2.38)
|
8
|
+
|
9
|
+
Thu, 06 Jun 2024 15:22:27 GMT
|
10
|
+
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-badge_v9.2.37..@fluentui/react-badge_v9.2.38)
|
11
|
+
|
12
|
+
### Patches
|
13
|
+
|
14
|
+
- Bump @fluentui/react-jsx-runtime to v9.0.39 ([PR #31586](https://github.com/microsoft/fluentui/pull/31586) by beachball)
|
15
|
+
- Bump @fluentui/react-utilities to v9.18.10 ([PR #31586](https://github.com/microsoft/fluentui/pull/31586) by beachball)
|
16
|
+
|
17
|
+
## [9.2.37](https://github.com/microsoft/fluentui/tree/@fluentui/react-badge_v9.2.37)
|
18
|
+
|
19
|
+
Thu, 23 May 2024 08:02:40 GMT
|
20
|
+
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-badge_v9.2.36..@fluentui/react-badge_v9.2.37)
|
21
|
+
|
22
|
+
### Patches
|
23
|
+
|
24
|
+
- chore: replace usage of .shorthands() in styles ([PR #31449](https://github.com/microsoft/fluentui/pull/31449) by olfedias@microsoft.com)
|
25
|
+
|
7
26
|
## [9.2.36](https://github.com/microsoft/fluentui/tree/@fluentui/react-badge_v9.2.36)
|
8
27
|
|
9
|
-
Mon, 20 May 2024 12:
|
28
|
+
Mon, 20 May 2024 12:44:52 GMT
|
10
29
|
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-badge_v9.2.35..@fluentui/react-badge_v9.2.36)
|
11
30
|
|
12
31
|
### Patches
|
@@ -21,10 +21,11 @@ const useRootStyles = /*#__PURE__*/__styles({
|
|
21
21
|
Be2twd7: "f130uwy9",
|
22
22
|
Bg96gwp: "fod1mrr",
|
23
23
|
Bf4jedk: "f18p0k4z",
|
24
|
-
|
25
|
-
|
26
|
-
|
27
|
-
|
24
|
+
Byoj8tv: 0,
|
25
|
+
uwmqm3: 0,
|
26
|
+
z189sj: 0,
|
27
|
+
z8tnut: 0,
|
28
|
+
B0ocmuz: "f19jm9xf"
|
28
29
|
},
|
29
30
|
"extra-small": {
|
30
31
|
a9b677: "fpd43o0",
|
@@ -32,53 +33,60 @@ const useRootStyles = /*#__PURE__*/__styles({
|
|
32
33
|
Be2twd7: "f1tccstq",
|
33
34
|
Bg96gwp: "f1y3arg5",
|
34
35
|
Bf4jedk: "f18p0k4z",
|
35
|
-
|
36
|
-
|
37
|
-
|
38
|
-
|
36
|
+
Byoj8tv: 0,
|
37
|
+
uwmqm3: 0,
|
38
|
+
z189sj: 0,
|
39
|
+
z8tnut: 0,
|
40
|
+
B0ocmuz: "f19jm9xf"
|
39
41
|
},
|
40
42
|
small: {
|
41
43
|
a9b677: "fjw5fx7",
|
42
44
|
Bqenvij: "fd461yt",
|
43
|
-
|
44
|
-
|
45
|
-
|
46
|
-
|
45
|
+
Byoj8tv: 0,
|
46
|
+
uwmqm3: 0,
|
47
|
+
z189sj: 0,
|
48
|
+
z8tnut: 0,
|
49
|
+
B0ocmuz: "fupdldz"
|
47
50
|
},
|
48
51
|
medium: {},
|
49
52
|
large: {
|
50
53
|
a9b677: "fq4mcun",
|
51
54
|
Bqenvij: "frvgh55",
|
52
|
-
|
53
|
-
|
54
|
-
|
55
|
-
|
55
|
+
Byoj8tv: 0,
|
56
|
+
uwmqm3: 0,
|
57
|
+
z189sj: 0,
|
58
|
+
z8tnut: 0,
|
59
|
+
B0ocmuz: "f1996nqw"
|
56
60
|
},
|
57
61
|
"extra-large": {
|
58
62
|
a9b677: "f1szoe96",
|
59
63
|
Bqenvij: "f1d2rq10",
|
60
|
-
|
61
|
-
|
62
|
-
|
63
|
-
|
64
|
+
Byoj8tv: 0,
|
65
|
+
uwmqm3: 0,
|
66
|
+
z189sj: 0,
|
67
|
+
z8tnut: 0,
|
68
|
+
B0ocmuz: "fty64o7"
|
64
69
|
},
|
65
70
|
square: {
|
66
|
-
|
67
|
-
|
68
|
-
|
69
|
-
|
71
|
+
Beyfa6y: 0,
|
72
|
+
Bbmb7ep: 0,
|
73
|
+
Btl43ni: 0,
|
74
|
+
B7oj6ja: 0,
|
75
|
+
Dimara: "f1fabniw"
|
70
76
|
},
|
71
77
|
rounded: {
|
72
|
-
|
73
|
-
|
74
|
-
|
75
|
-
|
78
|
+
Beyfa6y: 0,
|
79
|
+
Bbmb7ep: 0,
|
80
|
+
Btl43ni: 0,
|
81
|
+
B7oj6ja: 0,
|
82
|
+
Dimara: "ft85np5"
|
76
83
|
},
|
77
84
|
roundedSmallToTiny: {
|
78
|
-
|
79
|
-
|
80
|
-
|
81
|
-
|
85
|
+
Beyfa6y: 0,
|
86
|
+
Bbmb7ep: 0,
|
87
|
+
Btl43ni: 0,
|
88
|
+
B7oj6ja: 0,
|
89
|
+
Dimara: "fq9zq91"
|
82
90
|
},
|
83
91
|
circular: {},
|
84
92
|
borderGhost: {
|
@@ -254,7 +262,23 @@ const useRootStyles = /*#__PURE__*/__styles({
|
|
254
262
|
zhjwy3: ["f51if14", "f1aw8cx4"]
|
255
263
|
}
|
256
264
|
}, {
|
257
|
-
d: [".fk6fouc{font-family:var(--fontFamilyBase);}", ".f13mqy1h{font-size:var(--fontSizeBase100);}", ".fl43uef{font-weight:var(--fontWeightSemibold);}", ".fcpl73t{line-height:var(--lineHeightBase100);}", ".f16dn6v3{width:6px;}", ".f3mu39s{height:6px;}", ".f130uwy9{font-size:4px;}", ".fod1mrr{line-height:4px;}", ".f18p0k4z{min-width:unset;}", ".
|
265
|
+
d: [".fk6fouc{font-family:var(--fontFamilyBase);}", ".f13mqy1h{font-size:var(--fontSizeBase100);}", ".fl43uef{font-weight:var(--fontWeightSemibold);}", ".fcpl73t{line-height:var(--lineHeightBase100);}", ".f16dn6v3{width:6px;}", ".f3mu39s{height:6px;}", ".f130uwy9{font-size:4px;}", ".fod1mrr{line-height:4px;}", ".f18p0k4z{min-width:unset;}", [".f19jm9xf{padding:unset;}", {
|
266
|
+
p: -1
|
267
|
+
}], ".fpd43o0{width:10px;}", ".f30q22z{height:10px;}", ".f1tccstq{font-size:6px;}", ".f1y3arg5{line-height:6px;}", [".f19jm9xf{padding:unset;}", {
|
268
|
+
p: -1
|
269
|
+
}], ".fjw5fx7{width:16px;}", ".fd461yt{height:16px;}", [".fupdldz{padding:0 calc(var(--spacingHorizontalXXS) + var(--spacingHorizontalXXS));}", {
|
270
|
+
p: -1
|
271
|
+
}], ".fq4mcun{width:24px;}", ".frvgh55{height:24px;}", [".f1996nqw{padding:0 calc(var(--spacingHorizontalXS) + var(--spacingHorizontalXXS));}", {
|
272
|
+
p: -1
|
273
|
+
}], ".f1szoe96{width:32px;}", ".f1d2rq10{height:32px;}", [".fty64o7{padding:0 calc(var(--spacingHorizontalSNudge) + var(--spacingHorizontalXXS));}", {
|
274
|
+
p: -1
|
275
|
+
}], [".f1fabniw{border-radius:var(--borderRadiusNone);}", {
|
276
|
+
p: -1
|
277
|
+
}], [".ft85np5{border-radius:var(--borderRadiusMedium);}", {
|
278
|
+
p: -1
|
279
|
+
}], [".fq9zq91{border-radius:var(--borderRadiusSmall);}", {
|
280
|
+
p: -1
|
281
|
+
}], ".f10ludwy::after{display:none;}", ".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);}", ".fghlq4f{border-top-color:var(--colorTransparentStroke);}", ".f1gn591s{border-right-color:var(--colorTransparentStroke);}", ".fjscplz{border-left-color:var(--colorTransparentStroke);}", ".fb073pr{border-bottom-color:var(--colorTransparentStroke);}", ".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);}"]
|
258
282
|
});
|
259
283
|
const useIconRootClassName = /*#__PURE__*/__resetStyles("rttl5z0", null, [".rttl5z0{display:flex;line-height:1;margin:0 calc(-1 * var(--spacingHorizontalXXS));font-size:12px;}"]);
|
260
284
|
const useIconStyles = /*#__PURE__*/__styles({
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"names":["shorthands","__resetStyles","__styles","mergeClasses","tokens","typographyStyles","badgeClassNames","root","icon","textPadding","spacingHorizontalXXS","useRootClassName","useRootStyles","fontSmallToTiny","Bahqtrf","Be2twd7","Bhrd7zp","Bg96gwp","tiny","a9b677","Bqenvij","Bf4jedk","z8tnut","z189sj","Byoj8tv","uwmqm3","small","medium","large","square","Bbmb7ep","Beyfa6y","B7oj6ja","Btl43ni","rounded","roundedSmallToTiny","circular","borderGhost","ap17g6","filled","De3pzq","sj55zd","ghost","outline","g2u3we","h3c5rm","B9xav0g","zhjwy3","tint","d","useIconRootClassName","useIconStyles","beforeText","t21cq0","afterText","Frg6f3","beforeTextXL","afterTextXL","useBadgeStyles_unstable","state","rootClassName","rootStyles","smallToTiny","size","className","shape","appearance","color","iconRootClassName","iconStyles","iconPositionClass","children","iconPosition"],"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: tokens.borderRadiusCircular,\n // Use a transparent stroke (rather than no border) so the border is visible in high contrast\n borderColor: 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: 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 ...shorthands.padding('unset')\n },\n 'extra-small': {\n width: '10px',\n height: '10px',\n fontSize: '6px',\n lineHeight: '6px',\n minWidth: 'unset',\n ...shorthands.padding('unset')\n },\n small: {\n width: '16px',\n height: '16px',\n ...shorthands.padding(0, `calc(${tokens.spacingHorizontalXXS} + ${textPadding})`)\n },\n medium: {\n },\n large: {\n width: '24px',\n height: '24px',\n ...shorthands.padding(0, `calc(${tokens.spacingHorizontalXS} + ${textPadding})`)\n },\n 'extra-large': {\n width: '32px',\n height: '32px',\n ...shorthands.padding(0, `calc(${tokens.spacingHorizontalSNudge} + ${textPadding})`)\n },\n // shape\n square: {\n ...shorthands.borderRadius(tokens.borderRadiusNone)\n },\n rounded: {\n ...shorthands.borderRadius(tokens.borderRadiusMedium)\n },\n roundedSmallToTiny: {\n ...shorthands.borderRadius(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: tokens.colorBrandBackground,\n color: tokens.colorNeutralForegroundOnBrand\n },\n 'filled-danger': {\n backgroundColor: tokens.colorPaletteRedBackground3,\n color: tokens.colorNeutralForegroundOnBrand\n },\n 'filled-important': {\n backgroundColor: tokens.colorNeutralForeground1,\n color: tokens.colorNeutralBackground1\n },\n 'filled-informative': {\n backgroundColor: tokens.colorNeutralBackground5,\n color: tokens.colorNeutralForeground3\n },\n 'filled-severe': {\n backgroundColor: tokens.colorPaletteDarkOrangeBackground3,\n color: tokens.colorNeutralForegroundOnBrand\n },\n 'filled-subtle': {\n backgroundColor: tokens.colorNeutralBackground1,\n color: tokens.colorNeutralForeground1\n },\n 'filled-success': {\n backgroundColor: tokens.colorPaletteGreenBackground3,\n color: tokens.colorNeutralForegroundOnBrand\n },\n 'filled-warning': {\n backgroundColor: tokens.colorPaletteYellowBackground3,\n color: tokens.colorNeutralForeground1Static\n },\n // appearance: ghost\n ghost: {\n },\n 'ghost-brand': {\n color: tokens.colorBrandForeground1\n },\n 'ghost-danger': {\n color: tokens.colorPaletteRedForeground3\n },\n 'ghost-important': {\n color: tokens.colorNeutralForeground1\n },\n 'ghost-informative': {\n color: tokens.colorNeutralForeground3\n },\n 'ghost-severe': {\n color: tokens.colorPaletteDarkOrangeForeground3\n },\n 'ghost-subtle': {\n color: tokens.colorNeutralForegroundStaticInverted\n },\n 'ghost-success': {\n color: tokens.colorPaletteGreenForeground3\n },\n 'ghost-warning': {\n color: tokens.colorPaletteYellowForeground2\n },\n // appearance: outline\n outline: {\n ...shorthands.borderColor('currentColor')\n },\n 'outline-brand': {\n color: tokens.colorBrandForeground1\n },\n 'outline-danger': {\n color: tokens.colorPaletteRedForeground3,\n ...shorthands.borderColor(tokens.colorPaletteRedBorder2)\n },\n 'outline-important': {\n color: tokens.colorNeutralForeground3,\n ...shorthands.borderColor(tokens.colorNeutralStrokeAccessible)\n },\n 'outline-informative': {\n color: tokens.colorNeutralForeground3,\n ...shorthands.borderColor(tokens.colorNeutralStroke2)\n },\n 'outline-severe': {\n color: tokens.colorPaletteDarkOrangeForeground3\n },\n 'outline-subtle': {\n color: tokens.colorNeutralForegroundStaticInverted\n },\n 'outline-success': {\n color: tokens.colorPaletteGreenForeground3,\n ...shorthands.borderColor(tokens.colorPaletteGreenBorder2)\n },\n 'outline-warning': {\n color: tokens.colorPaletteYellowForeground2\n },\n // appearance: tint\n tint: {\n },\n 'tint-brand': {\n backgroundColor: tokens.colorBrandBackground2,\n color: tokens.colorBrandForeground2,\n ...shorthands.borderColor(tokens.colorBrandStroke2)\n },\n 'tint-danger': {\n backgroundColor: tokens.colorPaletteRedBackground1,\n color: tokens.colorPaletteRedForeground1,\n ...shorthands.borderColor(tokens.colorPaletteRedBorder1)\n },\n 'tint-important': {\n backgroundColor: tokens.colorNeutralForeground3,\n color: tokens.colorNeutralBackground1,\n ...shorthands.borderColor(tokens.colorTransparentStroke)\n },\n 'tint-informative': {\n backgroundColor: tokens.colorNeutralBackground4,\n color: tokens.colorNeutralForeground3,\n ...shorthands.borderColor(tokens.colorNeutralStroke2)\n },\n 'tint-severe': {\n backgroundColor: tokens.colorPaletteDarkOrangeBackground1,\n color: tokens.colorPaletteDarkOrangeForeground1,\n ...shorthands.borderColor(tokens.colorPaletteDarkOrangeBorder1)\n },\n 'tint-subtle': {\n backgroundColor: tokens.colorNeutralBackground1,\n color: tokens.colorNeutralForeground3,\n ...shorthands.borderColor(tokens.colorNeutralStroke2)\n },\n 'tint-success': {\n backgroundColor: tokens.colorPaletteGreenBackground1,\n color: tokens.colorPaletteGreenForeground1,\n ...shorthands.borderColor(tokens.colorPaletteGreenBorder1)\n },\n 'tint-warning': {\n backgroundColor: tokens.colorPaletteYellowBackground1,\n color: 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 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"],"mappings":"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","ignoreList":[]}
|
1
|
+
{"version":3,"names":["shorthands","__resetStyles","__styles","mergeClasses","tokens","typographyStyles","badgeClassNames","root","icon","textPadding","spacingHorizontalXXS","useRootClassName","useRootStyles","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","useBadgeStyles_unstable","state","rootClassName","rootStyles","smallToTiny","size","className","shape","appearance","color","iconRootClassName","iconStyles","iconPositionClass","children","iconPosition"],"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: tokens.borderRadiusCircular,\n // Use a transparent stroke (rather than no border) so the border is visible in high contrast\n borderColor: 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: 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: tokens.borderRadiusNone\n },\n rounded: {\n borderRadius: tokens.borderRadiusMedium\n },\n roundedSmallToTiny: {\n borderRadius: 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: tokens.colorBrandBackground,\n color: tokens.colorNeutralForegroundOnBrand\n },\n 'filled-danger': {\n backgroundColor: tokens.colorPaletteRedBackground3,\n color: tokens.colorNeutralForegroundOnBrand\n },\n 'filled-important': {\n backgroundColor: tokens.colorNeutralForeground1,\n color: tokens.colorNeutralBackground1\n },\n 'filled-informative': {\n backgroundColor: tokens.colorNeutralBackground5,\n color: tokens.colorNeutralForeground3\n },\n 'filled-severe': {\n backgroundColor: tokens.colorPaletteDarkOrangeBackground3,\n color: tokens.colorNeutralForegroundOnBrand\n },\n 'filled-subtle': {\n backgroundColor: tokens.colorNeutralBackground1,\n color: tokens.colorNeutralForeground1\n },\n 'filled-success': {\n backgroundColor: tokens.colorPaletteGreenBackground3,\n color: tokens.colorNeutralForegroundOnBrand\n },\n 'filled-warning': {\n backgroundColor: tokens.colorPaletteYellowBackground3,\n color: tokens.colorNeutralForeground1Static\n },\n // appearance: ghost\n ghost: {\n },\n 'ghost-brand': {\n color: tokens.colorBrandForeground1\n },\n 'ghost-danger': {\n color: tokens.colorPaletteRedForeground3\n },\n 'ghost-important': {\n color: tokens.colorNeutralForeground1\n },\n 'ghost-informative': {\n color: tokens.colorNeutralForeground3\n },\n 'ghost-severe': {\n color: tokens.colorPaletteDarkOrangeForeground3\n },\n 'ghost-subtle': {\n color: tokens.colorNeutralForegroundStaticInverted\n },\n 'ghost-success': {\n color: tokens.colorPaletteGreenForeground3\n },\n 'ghost-warning': {\n color: tokens.colorPaletteYellowForeground2\n },\n // appearance: outline\n outline: {\n ...shorthands.borderColor('currentColor')\n },\n 'outline-brand': {\n color: tokens.colorBrandForeground1\n },\n 'outline-danger': {\n color: tokens.colorPaletteRedForeground3,\n ...shorthands.borderColor(tokens.colorPaletteRedBorder2)\n },\n 'outline-important': {\n color: tokens.colorNeutralForeground3,\n ...shorthands.borderColor(tokens.colorNeutralStrokeAccessible)\n },\n 'outline-informative': {\n color: tokens.colorNeutralForeground3,\n ...shorthands.borderColor(tokens.colorNeutralStroke2)\n },\n 'outline-severe': {\n color: tokens.colorPaletteDarkOrangeForeground3\n },\n 'outline-subtle': {\n color: tokens.colorNeutralForegroundStaticInverted\n },\n 'outline-success': {\n color: tokens.colorPaletteGreenForeground3,\n ...shorthands.borderColor(tokens.colorPaletteGreenBorder2)\n },\n 'outline-warning': {\n color: tokens.colorPaletteYellowForeground2\n },\n // appearance: tint\n tint: {\n },\n 'tint-brand': {\n backgroundColor: tokens.colorBrandBackground2,\n color: tokens.colorBrandForeground2,\n ...shorthands.borderColor(tokens.colorBrandStroke2)\n },\n 'tint-danger': {\n backgroundColor: tokens.colorPaletteRedBackground1,\n color: tokens.colorPaletteRedForeground1,\n ...shorthands.borderColor(tokens.colorPaletteRedBorder1)\n },\n 'tint-important': {\n backgroundColor: tokens.colorNeutralForeground3,\n color: tokens.colorNeutralBackground1,\n ...shorthands.borderColor(tokens.colorTransparentStroke)\n },\n 'tint-informative': {\n backgroundColor: tokens.colorNeutralBackground4,\n color: tokens.colorNeutralForeground3,\n ...shorthands.borderColor(tokens.colorNeutralStroke2)\n },\n 'tint-severe': {\n backgroundColor: tokens.colorPaletteDarkOrangeBackground1,\n color: tokens.colorPaletteDarkOrangeForeground1,\n ...shorthands.borderColor(tokens.colorPaletteDarkOrangeBorder1)\n },\n 'tint-subtle': {\n backgroundColor: tokens.colorNeutralBackground1,\n color: tokens.colorNeutralForeground3,\n ...shorthands.borderColor(tokens.colorNeutralStroke2)\n },\n 'tint-success': {\n backgroundColor: tokens.colorPaletteGreenBackground1,\n color: tokens.colorPaletteGreenForeground1,\n ...shorthands.borderColor(tokens.colorPaletteGreenBorder1)\n },\n 'tint-warning': {\n backgroundColor: tokens.colorPaletteYellowBackground1,\n color: 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 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"],"mappings":"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","ignoreList":[]}
|
@@ -1,4 +1,4 @@
|
|
1
|
-
import {
|
1
|
+
import { mergeClasses, __styles } from '@griffel/react';
|
2
2
|
import { useBadgeStyles_unstable } from '../Badge/useBadgeStyles.styles';
|
3
3
|
export const counterBadgeClassNames = {
|
4
4
|
root: 'fui-CounterBadge',
|
@@ -9,16 +9,19 @@ const useStyles = /*#__PURE__*/__styles({
|
|
9
9
|
Bf4jedk: "fgfkb25",
|
10
10
|
a9b677: "f16dn6v3",
|
11
11
|
Bqenvij: "f3mu39s",
|
12
|
-
|
13
|
-
|
14
|
-
|
15
|
-
|
12
|
+
Byoj8tv: 0,
|
13
|
+
uwmqm3: 0,
|
14
|
+
z189sj: 0,
|
15
|
+
z8tnut: 0,
|
16
|
+
B0ocmuz: "f1mk8lai"
|
16
17
|
},
|
17
18
|
hide: {
|
18
19
|
mc9l5x: "fjseox"
|
19
20
|
}
|
20
21
|
}, {
|
21
|
-
d: [".fgfkb25{min-width:auto;}", ".f16dn6v3{width:6px;}", ".f3mu39s{height:6px;}", ".
|
22
|
+
d: [".fgfkb25{min-width:auto;}", ".f16dn6v3{width:6px;}", ".f3mu39s{height:6px;}", [".f1mk8lai{padding:0;}", {
|
23
|
+
p: -1
|
24
|
+
}], ".fjseox{display:none;}"]
|
22
25
|
});
|
23
26
|
/**
|
24
27
|
* Applies style classnames to slots
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"names":["
|
1
|
+
{"version":3,"names":["mergeClasses","__styles","useBadgeStyles_unstable","counterBadgeClassNames","root","icon","useStyles","dot","Bf4jedk","a9b677","Bqenvij","Byoj8tv","uwmqm3","z189sj","z8tnut","B0ocmuz","hide","mc9l5x","d","p","useCounterBadgeStyles_unstable","state","styles","className","children"],"sources":["useCounterBadgeStyles.styles.js"],"sourcesContent":["import { mergeClasses, makeStyles } from '@griffel/react';\nimport { useBadgeStyles_unstable } from '../Badge/useBadgeStyles.styles';\nexport const counterBadgeClassNames = {\n root: 'fui-CounterBadge',\n icon: 'fui-CounterBadge__icon'\n};\nconst useStyles = makeStyles({\n dot: {\n minWidth: 'auto',\n width: '6px',\n height: '6px',\n padding: '0'\n },\n hide: {\n display: 'none'\n }\n});\n/**\n * Applies style classnames to slots\n */ export const useCounterBadgeStyles_unstable = (state)=>{\n const styles = useStyles();\n state.root.className = mergeClasses(counterBadgeClassNames.root, state.dot && styles.dot, !state.root.children && !state.dot && styles.hide, state.root.className);\n if (state.icon) {\n state.icon.className = mergeClasses(counterBadgeClassNames.icon, state.icon.className);\n }\n return useBadgeStyles_unstable(state);\n};\n"],"mappings":"AAAA,SAASA,YAAY,EAAAC,QAAA,QAAoB,gBAAgB;AACzD,SAASC,uBAAuB,QAAQ,gCAAgC;AACxE,OAAO,MAAMC,sBAAsB,GAAG;EAClCC,IAAI,EAAE,kBAAkB;EACxBC,IAAI,EAAE;AACV,CAAC;AACD,MAAMC,SAAS,gBAAGL,QAAA;EAAAM,GAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;EAAA;EAAAC,IAAA;IAAAC,MAAA;EAAA;AAAA;EAAAC,CAAA;IAAAC,CAAA;EAAA;AAAA,CAUjB,CAAC;AACF;AACA;AACA;AAAI,OAAO,MAAMC,8BAA8B,GAAIC,KAAK,IAAG;EACvD,MAAMC,MAAM,GAAGhB,SAAS,CAAC,CAAC;EAC1Be,KAAK,CAACjB,IAAI,CAACmB,SAAS,GAAGvB,YAAY,CAACG,sBAAsB,CAACC,IAAI,EAAEiB,KAAK,CAACd,GAAG,IAAIe,MAAM,CAACf,GAAG,EAAE,CAACc,KAAK,CAACjB,IAAI,CAACoB,QAAQ,IAAI,CAACH,KAAK,CAACd,GAAG,IAAIe,MAAM,CAACN,IAAI,EAAEK,KAAK,CAACjB,IAAI,CAACmB,SAAS,CAAC;EAClK,IAAIF,KAAK,CAAChB,IAAI,EAAE;IACZgB,KAAK,CAAChB,IAAI,CAACkB,SAAS,GAAGvB,YAAY,CAACG,sBAAsB,CAACE,IAAI,EAAEgB,KAAK,CAAChB,IAAI,CAACkB,SAAS,CAAC;EAC1F;EACA,OAAOrB,uBAAuB,CAACmB,KAAK,CAAC;AACzC,CAAC","ignoreList":[]}
|
@@ -44,16 +44,11 @@ const useRootStyles = /*#__PURE__*/ (0, _react.__styles)({
|
|
44
44
|
Be2twd7: "f130uwy9",
|
45
45
|
Bg96gwp: "fod1mrr",
|
46
46
|
Bf4jedk: "f18p0k4z",
|
47
|
-
|
48
|
-
|
49
|
-
|
50
|
-
|
51
|
-
|
52
|
-
Byoj8tv: "f9yu9nh",
|
53
|
-
uwmqm3: [
|
54
|
-
"fkiw60q",
|
55
|
-
"fio2s09"
|
56
|
-
]
|
47
|
+
Byoj8tv: 0,
|
48
|
+
uwmqm3: 0,
|
49
|
+
z189sj: 0,
|
50
|
+
z8tnut: 0,
|
51
|
+
B0ocmuz: "f19jm9xf"
|
57
52
|
},
|
58
53
|
"extra-small": {
|
59
54
|
a9b677: "fpd43o0",
|
@@ -61,113 +56,60 @@ const useRootStyles = /*#__PURE__*/ (0, _react.__styles)({
|
|
61
56
|
Be2twd7: "f1tccstq",
|
62
57
|
Bg96gwp: "f1y3arg5",
|
63
58
|
Bf4jedk: "f18p0k4z",
|
64
|
-
|
65
|
-
|
66
|
-
|
67
|
-
|
68
|
-
|
69
|
-
Byoj8tv: "f9yu9nh",
|
70
|
-
uwmqm3: [
|
71
|
-
"fkiw60q",
|
72
|
-
"fio2s09"
|
73
|
-
]
|
59
|
+
Byoj8tv: 0,
|
60
|
+
uwmqm3: 0,
|
61
|
+
z189sj: 0,
|
62
|
+
z8tnut: 0,
|
63
|
+
B0ocmuz: "f19jm9xf"
|
74
64
|
},
|
75
65
|
small: {
|
76
66
|
a9b677: "fjw5fx7",
|
77
67
|
Bqenvij: "fd461yt",
|
78
|
-
|
79
|
-
|
80
|
-
|
81
|
-
|
82
|
-
|
83
|
-
Byoj8tv: "f1qch9an",
|
84
|
-
uwmqm3: [
|
85
|
-
"f17ae1jz",
|
86
|
-
"fps1v9c"
|
87
|
-
]
|
68
|
+
Byoj8tv: 0,
|
69
|
+
uwmqm3: 0,
|
70
|
+
z189sj: 0,
|
71
|
+
z8tnut: 0,
|
72
|
+
B0ocmuz: "fupdldz"
|
88
73
|
},
|
89
74
|
medium: {},
|
90
75
|
large: {
|
91
76
|
a9b677: "fq4mcun",
|
92
77
|
Bqenvij: "frvgh55",
|
93
|
-
|
94
|
-
|
95
|
-
|
96
|
-
|
97
|
-
|
98
|
-
Byoj8tv: "f1qch9an",
|
99
|
-
uwmqm3: [
|
100
|
-
"f1pe0i86",
|
101
|
-
"f17a92cs"
|
102
|
-
]
|
78
|
+
Byoj8tv: 0,
|
79
|
+
uwmqm3: 0,
|
80
|
+
z189sj: 0,
|
81
|
+
z8tnut: 0,
|
82
|
+
B0ocmuz: "f1996nqw"
|
103
83
|
},
|
104
84
|
"extra-large": {
|
105
85
|
a9b677: "f1szoe96",
|
106
86
|
Bqenvij: "f1d2rq10",
|
107
|
-
|
108
|
-
|
109
|
-
|
110
|
-
|
111
|
-
|
112
|
-
Byoj8tv: "f1qch9an",
|
113
|
-
uwmqm3: [
|
114
|
-
"f1xile11",
|
115
|
-
"fqznh8f"
|
116
|
-
]
|
87
|
+
Byoj8tv: 0,
|
88
|
+
uwmqm3: 0,
|
89
|
+
z189sj: 0,
|
90
|
+
z8tnut: 0,
|
91
|
+
B0ocmuz: "fty64o7"
|
117
92
|
},
|
118
93
|
square: {
|
119
|
-
|
120
|
-
|
121
|
-
|
122
|
-
|
123
|
-
|
124
|
-
"fyowgf4",
|
125
|
-
"fzi6hpg"
|
126
|
-
],
|
127
|
-
B7oj6ja: [
|
128
|
-
"f3fg2lr",
|
129
|
-
"f13av6d4"
|
130
|
-
],
|
131
|
-
Btl43ni: [
|
132
|
-
"f13av6d4",
|
133
|
-
"f3fg2lr"
|
134
|
-
]
|
94
|
+
Beyfa6y: 0,
|
95
|
+
Bbmb7ep: 0,
|
96
|
+
Btl43ni: 0,
|
97
|
+
B7oj6ja: 0,
|
98
|
+
Dimara: "f1fabniw"
|
135
99
|
},
|
136
100
|
rounded: {
|
137
|
-
|
138
|
-
|
139
|
-
|
140
|
-
|
141
|
-
|
142
|
-
"f16jpd5f",
|
143
|
-
"f1aa9q02"
|
144
|
-
],
|
145
|
-
B7oj6ja: [
|
146
|
-
"f1jar5jt",
|
147
|
-
"fyu767a"
|
148
|
-
],
|
149
|
-
Btl43ni: [
|
150
|
-
"fyu767a",
|
151
|
-
"f1jar5jt"
|
152
|
-
]
|
101
|
+
Beyfa6y: 0,
|
102
|
+
Bbmb7ep: 0,
|
103
|
+
Btl43ni: 0,
|
104
|
+
B7oj6ja: 0,
|
105
|
+
Dimara: "ft85np5"
|
153
106
|
},
|
154
107
|
roundedSmallToTiny: {
|
155
|
-
|
156
|
-
|
157
|
-
|
158
|
-
|
159
|
-
|
160
|
-
"fi2rrw2",
|
161
|
-
"f1g3puop"
|
162
|
-
],
|
163
|
-
B7oj6ja: [
|
164
|
-
"f1rstyi9",
|
165
|
-
"f1s4nn1u"
|
166
|
-
],
|
167
|
-
Btl43ni: [
|
168
|
-
"f1s4nn1u",
|
169
|
-
"f1rstyi9"
|
170
|
-
]
|
108
|
+
Beyfa6y: 0,
|
109
|
+
Bbmb7ep: 0,
|
110
|
+
Btl43ni: 0,
|
111
|
+
B7oj6ja: 0,
|
112
|
+
Dimara: "fq9zq91"
|
171
113
|
},
|
172
114
|
circular: {},
|
173
115
|
borderGhost: {
|
@@ -431,40 +373,64 @@ const useRootStyles = /*#__PURE__*/ (0, _react.__styles)({
|
|
431
373
|
".f130uwy9{font-size:4px;}",
|
432
374
|
".fod1mrr{line-height:4px;}",
|
433
375
|
".f18p0k4z{min-width:unset;}",
|
434
|
-
|
435
|
-
|
436
|
-
|
437
|
-
|
376
|
+
[
|
377
|
+
".f19jm9xf{padding:unset;}",
|
378
|
+
{
|
379
|
+
p: -1
|
380
|
+
}
|
381
|
+
],
|
438
382
|
".fpd43o0{width:10px;}",
|
439
383
|
".f30q22z{height:10px;}",
|
440
384
|
".f1tccstq{font-size:6px;}",
|
441
385
|
".f1y3arg5{line-height:6px;}",
|
386
|
+
[
|
387
|
+
".f19jm9xf{padding:unset;}",
|
388
|
+
{
|
389
|
+
p: -1
|
390
|
+
}
|
391
|
+
],
|
442
392
|
".fjw5fx7{width:16px;}",
|
443
393
|
".fd461yt{height:16px;}",
|
444
|
-
|
445
|
-
|
446
|
-
|
447
|
-
|
394
|
+
[
|
395
|
+
".fupdldz{padding:0 calc(var(--spacingHorizontalXXS) + var(--spacingHorizontalXXS));}",
|
396
|
+
{
|
397
|
+
p: -1
|
398
|
+
}
|
399
|
+
],
|
448
400
|
".fq4mcun{width:24px;}",
|
449
401
|
".frvgh55{height:24px;}",
|
450
|
-
|
451
|
-
|
402
|
+
[
|
403
|
+
".f1996nqw{padding:0 calc(var(--spacingHorizontalXS) + var(--spacingHorizontalXXS));}",
|
404
|
+
{
|
405
|
+
p: -1
|
406
|
+
}
|
407
|
+
],
|
452
408
|
".f1szoe96{width:32px;}",
|
453
409
|
".f1d2rq10{height:32px;}",
|
454
|
-
|
455
|
-
|
456
|
-
|
457
|
-
|
458
|
-
|
459
|
-
|
460
|
-
|
461
|
-
|
462
|
-
|
463
|
-
|
464
|
-
|
465
|
-
|
466
|
-
|
467
|
-
|
410
|
+
[
|
411
|
+
".fty64o7{padding:0 calc(var(--spacingHorizontalSNudge) + var(--spacingHorizontalXXS));}",
|
412
|
+
{
|
413
|
+
p: -1
|
414
|
+
}
|
415
|
+
],
|
416
|
+
[
|
417
|
+
".f1fabniw{border-radius:var(--borderRadiusNone);}",
|
418
|
+
{
|
419
|
+
p: -1
|
420
|
+
}
|
421
|
+
],
|
422
|
+
[
|
423
|
+
".ft85np5{border-radius:var(--borderRadiusMedium);}",
|
424
|
+
{
|
425
|
+
p: -1
|
426
|
+
}
|
427
|
+
],
|
428
|
+
[
|
429
|
+
".fq9zq91{border-radius:var(--borderRadiusSmall);}",
|
430
|
+
{
|
431
|
+
p: -1
|
432
|
+
}
|
433
|
+
],
|
468
434
|
".f10ludwy::after{display:none;}",
|
469
435
|
".ffp7eso{background-color:var(--colorBrandBackground);}",
|
470
436
|
".f1phragk{color:var(--colorNeutralForegroundOnBrand);}",
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"sources":["useBadgeStyles.styles.js"],"sourcesContent":["import { shorthands, __resetStyles, __styles, 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 = /*#__PURE__*/__resetStyles(\"r1l7mb74\", \"rntuq2r\", [\".r1l7mb74{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(--borderRadiusCircular);border-color:var(--colorTransparentStroke);}\", \".r1l7mb74::after{content:\\\"\\\";position:absolute;top:0;left:0;bottom:0;right:0;border-style:solid;border-color:inherit;border-width:var(--strokeWidthThin);border-radius:inherit;}\", \".rntuq2r{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(--borderRadiusCircular);border-color:var(--colorTransparentStroke);}\", \".rntuq2r::after{content:\\\"\\\";position:absolute;top:0;right:0;bottom:0;left:0;border-style:solid;border-color:inherit;border-width:var(--strokeWidthThin);border-radius:inherit;}\"]);\nconst useRootStyles = /*#__PURE__*/__styles({\n fontSmallToTiny: {\n Bahqtrf: \"fk6fouc\",\n Be2twd7: \"f13mqy1h\",\n Bhrd7zp: \"fl43uef\",\n Bg96gwp: \"fcpl73t\"\n },\n tiny: {\n a9b677: \"f16dn6v3\",\n Bqenvij: \"f3mu39s\",\n Be2twd7: \"f130uwy9\",\n Bg96gwp: \"fod1mrr\",\n Bf4jedk: \"f18p0k4z\",\n z8tnut: \"f1q8r6hh\",\n z189sj: [\"fio2s09\", \"fkiw60q\"],\n Byoj8tv: \"f9yu9nh\",\n uwmqm3: [\"fkiw60q\", \"fio2s09\"]\n },\n \"extra-small\": {\n a9b677: \"fpd43o0\",\n Bqenvij: \"f30q22z\",\n Be2twd7: \"f1tccstq\",\n Bg96gwp: \"f1y3arg5\",\n Bf4jedk: \"f18p0k4z\",\n z8tnut: \"f1q8r6hh\",\n z189sj: [\"fio2s09\", \"fkiw60q\"],\n Byoj8tv: \"f9yu9nh\",\n uwmqm3: [\"fkiw60q\", \"fio2s09\"]\n },\n small: {\n a9b677: \"fjw5fx7\",\n Bqenvij: \"fd461yt\",\n z8tnut: \"f1g0x7ka\",\n z189sj: [\"fps1v9c\", \"f17ae1jz\"],\n Byoj8tv: \"f1qch9an\",\n uwmqm3: [\"f17ae1jz\", \"fps1v9c\"]\n },\n medium: {},\n large: {\n a9b677: \"fq4mcun\",\n Bqenvij: \"frvgh55\",\n z8tnut: \"f1g0x7ka\",\n z189sj: [\"f17a92cs\", \"f1pe0i86\"],\n Byoj8tv: \"f1qch9an\",\n uwmqm3: [\"f1pe0i86\", \"f17a92cs\"]\n },\n \"extra-large\": {\n a9b677: \"f1szoe96\",\n Bqenvij: \"f1d2rq10\",\n z8tnut: \"f1g0x7ka\",\n z189sj: [\"fqznh8f\", \"f1xile11\"],\n Byoj8tv: \"f1qch9an\",\n uwmqm3: [\"f1xile11\", \"fqznh8f\"]\n },\n square: {\n Bbmb7ep: [\"fzi6hpg\", \"fyowgf4\"],\n Beyfa6y: [\"fyowgf4\", \"fzi6hpg\"],\n B7oj6ja: [\"f3fg2lr\", \"f13av6d4\"],\n Btl43ni: [\"f13av6d4\", \"f3fg2lr\"]\n },\n rounded: {\n Bbmb7ep: [\"f1aa9q02\", \"f16jpd5f\"],\n Beyfa6y: [\"f16jpd5f\", \"f1aa9q02\"],\n B7oj6ja: [\"f1jar5jt\", \"fyu767a\"],\n Btl43ni: [\"fyu767a\", \"f1jar5jt\"]\n },\n roundedSmallToTiny: {\n Bbmb7ep: [\"f1g3puop\", \"fi2rrw2\"],\n Beyfa6y: [\"fi2rrw2\", \"f1g3puop\"],\n B7oj6ja: [\"f1rstyi9\", \"f1s4nn1u\"],\n Btl43ni: [\"f1s4nn1u\", \"f1rstyi9\"]\n },\n circular: {},\n borderGhost: {\n ap17g6: \"f10ludwy\"\n },\n filled: {},\n \"filled-brand\": {\n De3pzq: \"ffp7eso\",\n sj55zd: \"f1phragk\"\n },\n \"filled-danger\": {\n De3pzq: \"fdl5y0r\",\n sj55zd: \"f1phragk\"\n },\n \"filled-important\": {\n De3pzq: \"f1c73kur\",\n sj55zd: \"fr0bkrk\"\n },\n \"filled-informative\": {\n De3pzq: \"f3vzo32\",\n sj55zd: \"f11d4kpn\"\n },\n \"filled-severe\": {\n De3pzq: \"f1s438gw\",\n sj55zd: \"f1phragk\"\n },\n \"filled-subtle\": {\n De3pzq: \"fxugw4r\",\n sj55zd: \"f19n0e5\"\n },\n \"filled-success\": {\n De3pzq: \"flxk52p\",\n sj55zd: \"f1phragk\"\n },\n \"filled-warning\": {\n De3pzq: \"ffq97bm\",\n sj55zd: \"ff5vbop\"\n },\n ghost: {},\n \"ghost-brand\": {\n sj55zd: \"f16muhyy\"\n },\n \"ghost-danger\": {\n sj55zd: \"f1whyuy6\"\n },\n \"ghost-important\": {\n sj55zd: \"f19n0e5\"\n },\n \"ghost-informative\": {\n sj55zd: \"f11d4kpn\"\n },\n \"ghost-severe\": {\n sj55zd: \"f1l8vj45\"\n },\n \"ghost-subtle\": {\n sj55zd: \"fonrgv7\"\n },\n \"ghost-success\": {\n sj55zd: \"f1m7fhi8\"\n },\n \"ghost-warning\": {\n sj55zd: \"fpti2h4\"\n },\n outline: {\n g2u3we: \"f23ftbb\",\n h3c5rm: [\"f1gkuv52\", \"f1p1bl80\"],\n B9xav0g: \"fioka3i\",\n zhjwy3: [\"f1p1bl80\", \"f1gkuv52\"]\n },\n \"outline-brand\": {\n sj55zd: \"f16muhyy\"\n },\n \"outline-danger\": {\n sj55zd: \"f1whyuy6\",\n g2u3we: \"fyqpifd\",\n h3c5rm: [\"f3ukxca\", \"f1k7dugc\"],\n B9xav0g: \"f1njxb2b\",\n zhjwy3: [\"f1k7dugc\", \"f3ukxca\"]\n },\n \"outline-important\": {\n sj55zd: \"f11d4kpn\",\n g2u3we: \"fq0vr37\",\n h3c5rm: [\"f1byw159\", \"f11cr0be\"],\n B9xav0g: \"f1c1zstj\",\n zhjwy3: [\"f11cr0be\", \"f1byw159\"]\n },\n \"outline-informative\": {\n sj55zd: \"f11d4kpn\",\n g2u3we: \"f68mrw8\",\n h3c5rm: [\"f7pw515\", \"fw35ms5\"],\n B9xav0g: \"frpde29\",\n zhjwy3: [\"fw35ms5\", \"f7pw515\"]\n },\n \"outline-severe\": {\n sj55zd: \"f1l8vj45\"\n },\n \"outline-subtle\": {\n sj55zd: \"fonrgv7\"\n },\n \"outline-success\": {\n sj55zd: \"f1m7fhi8\",\n g2u3we: \"f1mmhl11\",\n h3c5rm: [\"f1tjpp2f\", \"f1ocn5n7\"],\n B9xav0g: \"f1gjv25d\",\n zhjwy3: [\"f1ocn5n7\", \"f1tjpp2f\"]\n },\n \"outline-warning\": {\n sj55zd: \"fpti2h4\"\n },\n tint: {},\n \"tint-brand\": {\n De3pzq: \"f16xkysk\",\n sj55zd: \"faj9fo0\",\n g2u3we: \"f161y7kd\",\n h3c5rm: [\"f1c8dzaj\", \"f1sl6hi9\"],\n B9xav0g: \"f1619yhw\",\n zhjwy3: [\"f1sl6hi9\", \"f1c8dzaj\"]\n },\n \"tint-danger\": {\n De3pzq: \"ff0poqj\",\n sj55zd: \"f1hcrxcs\",\n g2u3we: \"f1oqjm8o\",\n h3c5rm: [\"fkgrb8g\", \"frb5wm0\"],\n B9xav0g: \"f1iai1ph\",\n zhjwy3: [\"frb5wm0\", \"fkgrb8g\"]\n },\n \"tint-important\": {\n De3pzq: \"f945g0u\",\n sj55zd: \"fr0bkrk\",\n g2u3we: \"fghlq4f\",\n h3c5rm: [\"f1gn591s\", \"fjscplz\"],\n B9xav0g: \"fb073pr\",\n zhjwy3: [\"fjscplz\", \"f1gn591s\"]\n },\n \"tint-informative\": {\n De3pzq: \"f1ctqxl6\",\n sj55zd: \"f11d4kpn\",\n g2u3we: \"f68mrw8\",\n h3c5rm: [\"f7pw515\", \"fw35ms5\"],\n B9xav0g: \"frpde29\",\n zhjwy3: [\"fw35ms5\", \"f7pw515\"]\n },\n \"tint-severe\": {\n De3pzq: \"f1xzsg4\",\n sj55zd: \"f1k5f75o\",\n g2u3we: \"fxy9dsj\",\n h3c5rm: [\"f54u6j2\", \"fcm23ze\"],\n B9xav0g: \"f4vf0uq\",\n zhjwy3: [\"fcm23ze\", \"f54u6j2\"]\n },\n \"tint-subtle\": {\n De3pzq: \"fxugw4r\",\n sj55zd: \"f11d4kpn\",\n g2u3we: \"f68mrw8\",\n h3c5rm: [\"f7pw515\", \"fw35ms5\"],\n B9xav0g: \"frpde29\",\n zhjwy3: [\"fw35ms5\", \"f7pw515\"]\n },\n \"tint-success\": {\n De3pzq: \"f2vsrz6\",\n sj55zd: \"ffmvakt\",\n g2u3we: \"fdmic9h\",\n h3c5rm: [\"f196y6m\", \"fetptd8\"],\n B9xav0g: \"f1pev5xq\",\n zhjwy3: [\"fetptd8\", \"f196y6m\"]\n },\n \"tint-warning\": {\n De3pzq: \"f10s6hli\",\n sj55zd: \"f42v8de\",\n g2u3we: \"fn9i3n\",\n h3c5rm: [\"f1aw8cx4\", \"f51if14\"],\n B9xav0g: \"fvq8iai\",\n zhjwy3: [\"f51if14\", \"f1aw8cx4\"]\n }\n}, {\n d: [\".fk6fouc{font-family:var(--fontFamilyBase);}\", \".f13mqy1h{font-size:var(--fontSizeBase100);}\", \".fl43uef{font-weight:var(--fontWeightSemibold);}\", \".fcpl73t{line-height:var(--lineHeightBase100);}\", \".f16dn6v3{width:6px;}\", \".f3mu39s{height:6px;}\", \".f130uwy9{font-size:4px;}\", \".fod1mrr{line-height:4px;}\", \".f18p0k4z{min-width:unset;}\", \".f1q8r6hh{padding-top:unset;}\", \".fio2s09{padding-right:unset;}\", \".fkiw60q{padding-left:unset;}\", \".f9yu9nh{padding-bottom:unset;}\", \".fpd43o0{width:10px;}\", \".f30q22z{height:10px;}\", \".f1tccstq{font-size:6px;}\", \".f1y3arg5{line-height:6px;}\", \".fjw5fx7{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;}\", \".fq4mcun{width:24px;}\", \".frvgh55{height:24px;}\", \".f17a92cs{padding-right:calc(var(--spacingHorizontalXS) + var(--spacingHorizontalXXS));}\", \".f1pe0i86{padding-left:calc(var(--spacingHorizontalXS) + var(--spacingHorizontalXXS));}\", \".f1szoe96{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);}\", \".f10ludwy::after{display:none;}\", \".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);}\", \".fghlq4f{border-top-color:var(--colorTransparentStroke);}\", \".f1gn591s{border-right-color:var(--colorTransparentStroke);}\", \".fjscplz{border-left-color:var(--colorTransparentStroke);}\", \".fb073pr{border-bottom-color:var(--colorTransparentStroke);}\", \".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);}\"]\n});\nconst useIconRootClassName = /*#__PURE__*/__resetStyles(\"rttl5z0\", null, [\".rttl5z0{display:flex;line-height:1;margin:0 calc(-1 * var(--spacingHorizontalXXS));font-size:12px;}\"]);\nconst useIconStyles = /*#__PURE__*/__styles({\n beforeText: {\n t21cq0: [\"f1t8l4o1\", \"f11juvx6\"]\n },\n afterText: {\n Frg6f3: [\"f11juvx6\", \"f1t8l4o1\"]\n },\n beforeTextXL: {\n t21cq0: [\"f1rs9grm\", \"f1kwmkpi\"]\n },\n afterTextXL: {\n Frg6f3: [\"f1kwmkpi\", \"f1rs9grm\"]\n },\n tiny: {\n Be2twd7: \"f1tccstq\"\n },\n \"extra-small\": {\n Be2twd7: \"fnmn6fi\"\n },\n small: {\n Be2twd7: \"f1ugzwwg\"\n },\n medium: {},\n large: {\n Be2twd7: \"f4ybsrx\"\n },\n \"extra-large\": {\n Be2twd7: \"fe5j1ua\"\n }\n}, {\n d: [\".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;}\"]\n});\n/**\n * Applies style classnames to slots\n */\nexport const useBadgeStyles_unstable = state => {\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//# sourceMappingURL=useBadgeStyles.styles.js.map"],"names":["badgeClassNames","useBadgeStyles_unstable","root","icon","textPadding","tokens","spacingHorizontalXXS","useRootClassName","__resetStyles","useRootStyles","__styles","fontSmallToTiny","Bahqtrf","Be2twd7","Bhrd7zp","Bg96gwp","tiny","a9b677","Bqenvij","Bf4jedk","z8tnut","z189sj","Byoj8tv","uwmqm3","small","medium","large","square","Bbmb7ep","Beyfa6y","B7oj6ja","Btl43ni","rounded","roundedSmallToTiny","circular","borderGhost","ap17g6","filled","De3pzq","sj55zd","ghost","outline","g2u3we","h3c5rm","B9xav0g","zhjwy3","tint","d","useIconRootClassName","useIconStyles","beforeText","t21cq0","afterText","Frg6f3","beforeTextXL","afterTextXL","state","rootClassName","rootStyles","smallToTiny","size","className","mergeClasses","shape","appearance","color","iconRootClassName","iconStyles","iconPositionClass","children","iconPosition"],"mappings":"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"}
|
1
|
+
{"version":3,"sources":["useBadgeStyles.styles.js"],"sourcesContent":["import { shorthands, __resetStyles, __styles, 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 = /*#__PURE__*/__resetStyles(\"r1l7mb74\", \"rntuq2r\", [\".r1l7mb74{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(--borderRadiusCircular);border-color:var(--colorTransparentStroke);}\", \".r1l7mb74::after{content:\\\"\\\";position:absolute;top:0;left:0;bottom:0;right:0;border-style:solid;border-color:inherit;border-width:var(--strokeWidthThin);border-radius:inherit;}\", \".rntuq2r{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(--borderRadiusCircular);border-color:var(--colorTransparentStroke);}\", \".rntuq2r::after{content:\\\"\\\";position:absolute;top:0;right:0;bottom:0;left:0;border-style:solid;border-color:inherit;border-width:var(--strokeWidthThin);border-radius:inherit;}\"]);\nconst useRootStyles = /*#__PURE__*/__styles({\n fontSmallToTiny: {\n Bahqtrf: \"fk6fouc\",\n Be2twd7: \"f13mqy1h\",\n Bhrd7zp: \"fl43uef\",\n Bg96gwp: \"fcpl73t\"\n },\n tiny: {\n a9b677: \"f16dn6v3\",\n Bqenvij: \"f3mu39s\",\n Be2twd7: \"f130uwy9\",\n Bg96gwp: \"fod1mrr\",\n Bf4jedk: \"f18p0k4z\",\n Byoj8tv: 0,\n uwmqm3: 0,\n z189sj: 0,\n z8tnut: 0,\n B0ocmuz: \"f19jm9xf\"\n },\n \"extra-small\": {\n a9b677: \"fpd43o0\",\n Bqenvij: \"f30q22z\",\n Be2twd7: \"f1tccstq\",\n Bg96gwp: \"f1y3arg5\",\n Bf4jedk: \"f18p0k4z\",\n Byoj8tv: 0,\n uwmqm3: 0,\n z189sj: 0,\n z8tnut: 0,\n B0ocmuz: \"f19jm9xf\"\n },\n small: {\n a9b677: \"fjw5fx7\",\n Bqenvij: \"fd461yt\",\n Byoj8tv: 0,\n uwmqm3: 0,\n z189sj: 0,\n z8tnut: 0,\n B0ocmuz: \"fupdldz\"\n },\n medium: {},\n large: {\n a9b677: \"fq4mcun\",\n Bqenvij: \"frvgh55\",\n Byoj8tv: 0,\n uwmqm3: 0,\n z189sj: 0,\n z8tnut: 0,\n B0ocmuz: \"f1996nqw\"\n },\n \"extra-large\": {\n a9b677: \"f1szoe96\",\n Bqenvij: \"f1d2rq10\",\n Byoj8tv: 0,\n uwmqm3: 0,\n z189sj: 0,\n z8tnut: 0,\n B0ocmuz: \"fty64o7\"\n },\n square: {\n Beyfa6y: 0,\n Bbmb7ep: 0,\n Btl43ni: 0,\n B7oj6ja: 0,\n Dimara: \"f1fabniw\"\n },\n rounded: {\n Beyfa6y: 0,\n Bbmb7ep: 0,\n Btl43ni: 0,\n B7oj6ja: 0,\n Dimara: \"ft85np5\"\n },\n roundedSmallToTiny: {\n Beyfa6y: 0,\n Bbmb7ep: 0,\n Btl43ni: 0,\n B7oj6ja: 0,\n Dimara: \"fq9zq91\"\n },\n circular: {},\n borderGhost: {\n ap17g6: \"f10ludwy\"\n },\n filled: {},\n \"filled-brand\": {\n De3pzq: \"ffp7eso\",\n sj55zd: \"f1phragk\"\n },\n \"filled-danger\": {\n De3pzq: \"fdl5y0r\",\n sj55zd: \"f1phragk\"\n },\n \"filled-important\": {\n De3pzq: \"f1c73kur\",\n sj55zd: \"fr0bkrk\"\n },\n \"filled-informative\": {\n De3pzq: \"f3vzo32\",\n sj55zd: \"f11d4kpn\"\n },\n \"filled-severe\": {\n De3pzq: \"f1s438gw\",\n sj55zd: \"f1phragk\"\n },\n \"filled-subtle\": {\n De3pzq: \"fxugw4r\",\n sj55zd: \"f19n0e5\"\n },\n \"filled-success\": {\n De3pzq: \"flxk52p\",\n sj55zd: \"f1phragk\"\n },\n \"filled-warning\": {\n De3pzq: \"ffq97bm\",\n sj55zd: \"ff5vbop\"\n },\n ghost: {},\n \"ghost-brand\": {\n sj55zd: \"f16muhyy\"\n },\n \"ghost-danger\": {\n sj55zd: \"f1whyuy6\"\n },\n \"ghost-important\": {\n sj55zd: \"f19n0e5\"\n },\n \"ghost-informative\": {\n sj55zd: \"f11d4kpn\"\n },\n \"ghost-severe\": {\n sj55zd: \"f1l8vj45\"\n },\n \"ghost-subtle\": {\n sj55zd: \"fonrgv7\"\n },\n \"ghost-success\": {\n sj55zd: \"f1m7fhi8\"\n },\n \"ghost-warning\": {\n sj55zd: \"fpti2h4\"\n },\n outline: {\n g2u3we: \"f23ftbb\",\n h3c5rm: [\"f1gkuv52\", \"f1p1bl80\"],\n B9xav0g: \"fioka3i\",\n zhjwy3: [\"f1p1bl80\", \"f1gkuv52\"]\n },\n \"outline-brand\": {\n sj55zd: \"f16muhyy\"\n },\n \"outline-danger\": {\n sj55zd: \"f1whyuy6\",\n g2u3we: \"fyqpifd\",\n h3c5rm: [\"f3ukxca\", \"f1k7dugc\"],\n B9xav0g: \"f1njxb2b\",\n zhjwy3: [\"f1k7dugc\", \"f3ukxca\"]\n },\n \"outline-important\": {\n sj55zd: \"f11d4kpn\",\n g2u3we: \"fq0vr37\",\n h3c5rm: [\"f1byw159\", \"f11cr0be\"],\n B9xav0g: \"f1c1zstj\",\n zhjwy3: [\"f11cr0be\", \"f1byw159\"]\n },\n \"outline-informative\": {\n sj55zd: \"f11d4kpn\",\n g2u3we: \"f68mrw8\",\n h3c5rm: [\"f7pw515\", \"fw35ms5\"],\n B9xav0g: \"frpde29\",\n zhjwy3: [\"fw35ms5\", \"f7pw515\"]\n },\n \"outline-severe\": {\n sj55zd: \"f1l8vj45\"\n },\n \"outline-subtle\": {\n sj55zd: \"fonrgv7\"\n },\n \"outline-success\": {\n sj55zd: \"f1m7fhi8\",\n g2u3we: \"f1mmhl11\",\n h3c5rm: [\"f1tjpp2f\", \"f1ocn5n7\"],\n B9xav0g: \"f1gjv25d\",\n zhjwy3: [\"f1ocn5n7\", \"f1tjpp2f\"]\n },\n \"outline-warning\": {\n sj55zd: \"fpti2h4\"\n },\n tint: {},\n \"tint-brand\": {\n De3pzq: \"f16xkysk\",\n sj55zd: \"faj9fo0\",\n g2u3we: \"f161y7kd\",\n h3c5rm: [\"f1c8dzaj\", \"f1sl6hi9\"],\n B9xav0g: \"f1619yhw\",\n zhjwy3: [\"f1sl6hi9\", \"f1c8dzaj\"]\n },\n \"tint-danger\": {\n De3pzq: \"ff0poqj\",\n sj55zd: \"f1hcrxcs\",\n g2u3we: \"f1oqjm8o\",\n h3c5rm: [\"fkgrb8g\", \"frb5wm0\"],\n B9xav0g: \"f1iai1ph\",\n zhjwy3: [\"frb5wm0\", \"fkgrb8g\"]\n },\n \"tint-important\": {\n De3pzq: \"f945g0u\",\n sj55zd: \"fr0bkrk\",\n g2u3we: \"fghlq4f\",\n h3c5rm: [\"f1gn591s\", \"fjscplz\"],\n B9xav0g: \"fb073pr\",\n zhjwy3: [\"fjscplz\", \"f1gn591s\"]\n },\n \"tint-informative\": {\n De3pzq: \"f1ctqxl6\",\n sj55zd: \"f11d4kpn\",\n g2u3we: \"f68mrw8\",\n h3c5rm: [\"f7pw515\", \"fw35ms5\"],\n B9xav0g: \"frpde29\",\n zhjwy3: [\"fw35ms5\", \"f7pw515\"]\n },\n \"tint-severe\": {\n De3pzq: \"f1xzsg4\",\n sj55zd: \"f1k5f75o\",\n g2u3we: \"fxy9dsj\",\n h3c5rm: [\"f54u6j2\", \"fcm23ze\"],\n B9xav0g: \"f4vf0uq\",\n zhjwy3: [\"fcm23ze\", \"f54u6j2\"]\n },\n \"tint-subtle\": {\n De3pzq: \"fxugw4r\",\n sj55zd: \"f11d4kpn\",\n g2u3we: \"f68mrw8\",\n h3c5rm: [\"f7pw515\", \"fw35ms5\"],\n B9xav0g: \"frpde29\",\n zhjwy3: [\"fw35ms5\", \"f7pw515\"]\n },\n \"tint-success\": {\n De3pzq: \"f2vsrz6\",\n sj55zd: \"ffmvakt\",\n g2u3we: \"fdmic9h\",\n h3c5rm: [\"f196y6m\", \"fetptd8\"],\n B9xav0g: \"f1pev5xq\",\n zhjwy3: [\"fetptd8\", \"f196y6m\"]\n },\n \"tint-warning\": {\n De3pzq: \"f10s6hli\",\n sj55zd: \"f42v8de\",\n g2u3we: \"fn9i3n\",\n h3c5rm: [\"f1aw8cx4\", \"f51if14\"],\n B9xav0g: \"fvq8iai\",\n zhjwy3: [\"f51if14\", \"f1aw8cx4\"]\n }\n}, {\n d: [\".fk6fouc{font-family:var(--fontFamilyBase);}\", \".f13mqy1h{font-size:var(--fontSizeBase100);}\", \".fl43uef{font-weight:var(--fontWeightSemibold);}\", \".fcpl73t{line-height:var(--lineHeightBase100);}\", \".f16dn6v3{width:6px;}\", \".f3mu39s{height:6px;}\", \".f130uwy9{font-size:4px;}\", \".fod1mrr{line-height:4px;}\", \".f18p0k4z{min-width:unset;}\", [\".f19jm9xf{padding:unset;}\", {\n p: -1\n }], \".fpd43o0{width:10px;}\", \".f30q22z{height:10px;}\", \".f1tccstq{font-size:6px;}\", \".f1y3arg5{line-height:6px;}\", [\".f19jm9xf{padding:unset;}\", {\n p: -1\n }], \".fjw5fx7{width:16px;}\", \".fd461yt{height:16px;}\", [\".fupdldz{padding:0 calc(var(--spacingHorizontalXXS) + var(--spacingHorizontalXXS));}\", {\n p: -1\n }], \".fq4mcun{width:24px;}\", \".frvgh55{height:24px;}\", [\".f1996nqw{padding:0 calc(var(--spacingHorizontalXS) + var(--spacingHorizontalXXS));}\", {\n p: -1\n }], \".f1szoe96{width:32px;}\", \".f1d2rq10{height:32px;}\", [\".fty64o7{padding:0 calc(var(--spacingHorizontalSNudge) + var(--spacingHorizontalXXS));}\", {\n p: -1\n }], [\".f1fabniw{border-radius:var(--borderRadiusNone);}\", {\n p: -1\n }], [\".ft85np5{border-radius:var(--borderRadiusMedium);}\", {\n p: -1\n }], [\".fq9zq91{border-radius:var(--borderRadiusSmall);}\", {\n p: -1\n }], \".f10ludwy::after{display:none;}\", \".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);}\", \".fghlq4f{border-top-color:var(--colorTransparentStroke);}\", \".f1gn591s{border-right-color:var(--colorTransparentStroke);}\", \".fjscplz{border-left-color:var(--colorTransparentStroke);}\", \".fb073pr{border-bottom-color:var(--colorTransparentStroke);}\", \".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);}\"]\n});\nconst useIconRootClassName = /*#__PURE__*/__resetStyles(\"rttl5z0\", null, [\".rttl5z0{display:flex;line-height:1;margin:0 calc(-1 * var(--spacingHorizontalXXS));font-size:12px;}\"]);\nconst useIconStyles = /*#__PURE__*/__styles({\n beforeText: {\n t21cq0: [\"f1t8l4o1\", \"f11juvx6\"]\n },\n afterText: {\n Frg6f3: [\"f11juvx6\", \"f1t8l4o1\"]\n },\n beforeTextXL: {\n t21cq0: [\"f1rs9grm\", \"f1kwmkpi\"]\n },\n afterTextXL: {\n Frg6f3: [\"f1kwmkpi\", \"f1rs9grm\"]\n },\n tiny: {\n Be2twd7: \"f1tccstq\"\n },\n \"extra-small\": {\n Be2twd7: \"fnmn6fi\"\n },\n small: {\n Be2twd7: \"f1ugzwwg\"\n },\n medium: {},\n large: {\n Be2twd7: \"f4ybsrx\"\n },\n \"extra-large\": {\n Be2twd7: \"fe5j1ua\"\n }\n}, {\n d: [\".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;}\"]\n});\n/**\n * Applies style classnames to slots\n */\nexport const useBadgeStyles_unstable = state => {\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//# sourceMappingURL=useBadgeStyles.styles.js.map"],"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"],"mappings":";;;;;;;;;;;IAEaA,eAAe;eAAfA;;IA4TAC,uBAAuB;eAAvBA;;;uBA9TqD;4BACzB;AAClC,MAAMD,kBAAkB;IAC7BE,MAAM;IACNC,MAAM;AACR;AACA,uHAAuH;AACvH,uHAAuH;AACvH,MAAMC,cAAcC,kBAAM,CAACC,oBAAoB;AAC/C,MAAMC,mBAAmB,WAAW,GAAEC,IAAAA,oBAAa,EAAC,YAAY,WAAW;IAAC;IAA8c;IAAqL;IAA6c;CAAmL;AAC/0C,MAAMC,gBAAgB,WAAW,GAAEC,IAAAA,eAAQ,EAAC;IAC1CC,iBAAiB;QACfC,SAAS;QACTC,SAAS;QACTC,SAAS;QACTC,SAAS;IACX;IACAC,MAAM;QACJC,QAAQ;QACRC,SAAS;QACTL,SAAS;QACTE,SAAS;QACTI,SAAS;QACTC,SAAS;QACTC,QAAQ;QACRC,QAAQ;QACRC,QAAQ;QACRC,SAAS;IACX;IACA,eAAe;QACbP,QAAQ;QACRC,SAAS;QACTL,SAAS;QACTE,SAAS;QACTI,SAAS;QACTC,SAAS;QACTC,QAAQ;QACRC,QAAQ;QACRC,QAAQ;QACRC,SAAS;IACX;IACAC,OAAO;QACLR,QAAQ;QACRC,SAAS;QACTE,SAAS;QACTC,QAAQ;QACRC,QAAQ;QACRC,QAAQ;QACRC,SAAS;IACX;IACAE,QAAQ,CAAC;IACTC,OAAO;QACLV,QAAQ;QACRC,SAAS;QACTE,SAAS;QACTC,QAAQ;QACRC,QAAQ;QACRC,QAAQ;QACRC,SAAS;IACX;IACA,eAAe;QACbP,QAAQ;QACRC,SAAS;QACTE,SAAS;QACTC,QAAQ;QACRC,QAAQ;QACRC,QAAQ;QACRC,SAAS;IACX;IACAI,QAAQ;QACNC,SAAS;QACTC,SAAS;QACTC,SAAS;QACTC,SAAS;QACTC,QAAQ;IACV;IACAC,SAAS;QACPL,SAAS;QACTC,SAAS;QACTC,SAAS;QACTC,SAAS;QACTC,QAAQ;IACV;IACAE,oBAAoB;QAClBN,SAAS;QACTC,SAAS;QACTC,SAAS;QACTC,SAAS;QACTC,QAAQ;IACV;IACAG,UAAU,CAAC;IACXC,aAAa;QACXC,QAAQ;IACV;IACAC,QAAQ,CAAC;IACT,gBAAgB;QACdC,QAAQ;QACRC,QAAQ;IACV;IACA,iBAAiB;QACfD,QAAQ;QACRC,QAAQ;IACV;IACA,oBAAoB;QAClBD,QAAQ;QACRC,QAAQ;IACV;IACA,sBAAsB;QACpBD,QAAQ;QACRC,QAAQ;IACV;IACA,iBAAiB;QACfD,QAAQ;QACRC,QAAQ;IACV;IACA,iBAAiB;QACfD,QAAQ;QACRC,QAAQ;IACV;IACA,kBAAkB;QAChBD,QAAQ;QACRC,QAAQ;IACV;IACA,kBAAkB;QAChBD,QAAQ;QACRC,QAAQ;IACV;IACAC,OAAO,CAAC;IACR,eAAe;QACbD,QAAQ;IACV;IACA,gBAAgB;QACdA,QAAQ;IACV;IACA,mBAAmB;QACjBA,QAAQ;IACV;IACA,qBAAqB;QACnBA,QAAQ;IACV;IACA,gBAAgB;QACdA,QAAQ;IACV;IACA,gBAAgB;QACdA,QAAQ;IACV;IACA,iBAAiB;QACfA,QAAQ;IACV;IACA,iBAAiB;QACfA,QAAQ;IACV;IACAE,SAAS;QACPC,QAAQ;QACRC,QAAQ;YAAC;YAAY;SAAW;QAChCC,SAAS;QACTC,QAAQ;YAAC;YAAY;SAAW;IAClC;IACA,iBAAiB;QACfN,QAAQ;IACV;IACA,kBAAkB;QAChBA,QAAQ;QACRG,QAAQ;QACRC,QAAQ;YAAC;YAAW;SAAW;QAC/BC,SAAS;QACTC,QAAQ;YAAC;YAAY;SAAU;IACjC;IACA,qBAAqB;QACnBN,QAAQ;QACRG,QAAQ;QACRC,QAAQ;YAAC;YAAY;SAAW;QAChCC,SAAS;QACTC,QAAQ;YAAC;YAAY;SAAW;IAClC;IACA,uBAAuB;QACrBN,QAAQ;QACRG,QAAQ;QACRC,QAAQ;YAAC;YAAW;SAAU;QAC9BC,SAAS;QACTC,QAAQ;YAAC;YAAW;SAAU;IAChC;IACA,kBAAkB;QAChBN,QAAQ;IACV;IACA,kBAAkB;QAChBA,QAAQ;IACV;IACA,mBAAmB;QACjBA,QAAQ;QACRG,QAAQ;QACRC,QAAQ;YAAC;YAAY;SAAW;QAChCC,SAAS;QACTC,QAAQ;YAAC;YAAY;SAAW;IAClC;IACA,mBAAmB;QACjBN,QAAQ;IACV;IACAO,MAAM,CAAC;IACP,cAAc;QACZR,QAAQ;QACRC,QAAQ;QACRG,QAAQ;QACRC,QAAQ;YAAC;YAAY;SAAW;QAChCC,SAAS;QACTC,QAAQ;YAAC;YAAY;SAAW;IAClC;IACA,eAAe;QACbP,QAAQ;QACRC,QAAQ;QACRG,QAAQ;QACRC,QAAQ;YAAC;YAAW;SAAU;QAC9BC,SAAS;QACTC,QAAQ;YAAC;YAAW;SAAU;IAChC;IACA,kBAAkB;QAChBP,QAAQ;QACRC,QAAQ;QACRG,QAAQ;QACRC,QAAQ;YAAC;YAAY;SAAU;QAC/BC,SAAS;QACTC,QAAQ;YAAC;YAAW;SAAW;IACjC;IACA,oBAAoB;QAClBP,QAAQ;QACRC,QAAQ;QACRG,QAAQ;QACRC,QAAQ;YAAC;YAAW;SAAU;QAC9BC,SAAS;QACTC,QAAQ;YAAC;YAAW;SAAU;IAChC;IACA,eAAe;QACbP,QAAQ;QACRC,QAAQ;QACRG,QAAQ;QACRC,QAAQ;YAAC;YAAW;SAAU;QAC9BC,SAAS;QACTC,QAAQ;YAAC;YAAW;SAAU;IAChC;IACA,eAAe;QACbP,QAAQ;QACRC,QAAQ;QACRG,QAAQ;QACRC,QAAQ;YAAC;YAAW;SAAU;QAC9BC,SAAS;QACTC,QAAQ;YAAC;YAAW;SAAU;IAChC;IACA,gBAAgB;QACdP,QAAQ;QACRC,QAAQ;QACRG,QAAQ;QACRC,QAAQ;YAAC;YAAW;SAAU;QAC9BC,SAAS;QACTC,QAAQ;YAAC;YAAW;SAAU;IAChC;IACA,gBAAgB;QACdP,QAAQ;QACRC,QAAQ;QACRG,QAAQ;QACRC,QAAQ;YAAC;YAAY;SAAU;QAC/BC,SAAS;QACTC,QAAQ;YAAC;YAAW;SAAW;IACjC;AACF,GAAG;IACDE,GAAG;QAAC;QAAgD;QAAgD;QAAoD;QAAmD;QAAyB;QAAyB;QAA6B;QAA8B;QAA+B;YAAC;YAA6B;gBACnXC,GAAG,CAAC;YACN;SAAE;QAAE;QAAyB;QAA0B;QAA6B;QAA+B;YAAC;YAA6B;gBAC/IA,GAAG,CAAC;YACN;SAAE;QAAE;QAAyB;QAA0B;YAAC;YAAwF;gBAC9IA,GAAG,CAAC;YACN;SAAE;QAAE;QAAyB;QAA0B;YAAC;YAAwF;gBAC9IA,GAAG,CAAC;YACN;SAAE;QAAE;QAA0B;QAA2B;YAAC;YAA2F;gBACnJA,GAAG,CAAC;YACN;SAAE;QAAE;YAAC;YAAqD;gBACxDA,GAAG,CAAC;YACN;SAAE;QAAE;YAAC;YAAsD;gBACzDA,GAAG,CAAC;YACN;SAAE;QAAE;YAAC;YAAqD;gBACxDA,GAAG,CAAC;YACN;SAAE;QAAE;QAAmC;QAA2D;QAA0D;QAAiE;QAA+D;QAAmD;QAA8D;QAAoD;QAAyE;QAA8D;QAAmD;QAAmE;QAAoE;QAAyD;QAAkD;QAAuD;QAA8D;QAAgE;QAAyD;QAAyD;QAA4C;QAA+C;QAA8C;QAA+C;QAA6D;QAA+D;QAA+D;QAAiE;QAAmE;QAAsE;QAAqE;QAAuE;QAA0D;QAA4D;QAA2D;QAA6D;QAAgE;QAAkE;QAAiE;QAAmE;QAA6D;QAAiD;QAAyD;QAA2D;QAA0D;QAA4D;QAAiE;QAAuD;QAA8D;QAA+D;QAA8D;QAAiE;QAA8D;QAA6D;QAAgE;QAA8D;QAAgE;QAA+D;QAAwE;QAA8D;QAAoE;QAAsE;QAAqE;QAAuE;QAAmE;QAAwD;QAA+D;QAAiE;QAAgE;QAAmE;QAAqE;QAAyD;QAA+D;QAAmE;QAAiE;KAAkE;AACpjJ;AACA,MAAMC,uBAAuB,WAAW,GAAE3C,IAAAA,oBAAa,EAAC,WAAW,MAAM;IAAC;CAAuG;AACjL,MAAM4C,gBAAgB,WAAW,GAAE1C,IAAAA,eAAQ,EAAC;IAC1C2C,YAAY;QACVC,QAAQ;YAAC;YAAY;SAAW;IAClC;IACAC,WAAW;QACTC,QAAQ;YAAC;YAAY;SAAW;IAClC;IACAC,cAAc;QACZH,QAAQ;YAAC;YAAY;SAAW;IAClC;IACAI,aAAa;QACXF,QAAQ;YAAC;YAAY;SAAW;IAClC;IACAxC,MAAM;QACJH,SAAS;IACX;IACA,eAAe;QACbA,SAAS;IACX;IACAY,OAAO;QACLZ,SAAS;IACX;IACAa,QAAQ,CAAC;IACTC,OAAO;QACLd,SAAS;IACX;IACA,eAAe;QACbA,SAAS;IACX;AACF,GAAG;IACDoC,GAAG;QAAC;QAA4F;QAA2F;QAA2F;QAA0F;QAA6B;QAA6B;QAA8B;QAA6B;KAA4B;AACngB;AAIO,MAAMhD,0BAA0B0D,CAAAA;IACrC,MAAMC,gBAAgBrD;IACtB,MAAMsD,aAAapD;IACnB,MAAMqD,cAAcH,MAAMI,IAAI,KAAK,WAAWJ,MAAMI,IAAI,KAAK,iBAAiBJ,MAAMI,IAAI,KAAK;IAC7FJ,MAAMzD,IAAI,CAAC8D,SAAS,GAAGC,IAAAA,mBAAY,EAACjE,gBAAgBE,IAAI,EAAE0D,eAAeE,eAAeD,WAAWlD,eAAe,EAAEkD,UAAU,CAACF,MAAMI,IAAI,CAAC,EAAEF,UAAU,CAACF,MAAMO,KAAK,CAAC,EAAEP,MAAMO,KAAK,KAAK,aAAaJ,eAAeD,WAAW1B,kBAAkB,EAAEwB,MAAMQ,UAAU,KAAK,WAAWN,WAAWxB,WAAW,EAAEwB,UAAU,CAACF,MAAMQ,UAAU,CAAC,EAAEN,UAAU,CAAC,CAAC,EAAEF,MAAMQ,UAAU,CAAC,CAAC,EAAER,MAAMS,KAAK,CAAC,CAAC,CAAC,EAAET,MAAMzD,IAAI,CAAC8D,SAAS;IAC5Y,MAAMK,oBAAoBlB;IAC1B,MAAMmB,aAAalB;IACnB,IAAIO,MAAMxD,IAAI,EAAE;QACd,IAAIoE;QACJ,IAAIZ,MAAMzD,IAAI,CAACsE,QAAQ,EAAE;YACvB,IAAIb,MAAMI,IAAI,KAAK,eAAe;gBAChCQ,oBAAoBZ,MAAMc,YAAY,KAAK,UAAUH,WAAWZ,WAAW,GAAGY,WAAWb,YAAY;YACvG,OAAO;gBACLc,oBAAoBZ,MAAMc,YAAY,KAAK,UAAUH,WAAWf,SAAS,GAAGe,WAAWjB,UAAU;YACnG;QACF;QACAM,MAAMxD,IAAI,CAAC6D,SAAS,GAAGC,IAAAA,mBAAY,EAACjE,gBAAgBG,IAAI,EAAEkE,mBAAmBE,mBAAmBD,UAAU,CAACX,MAAMI,IAAI,CAAC,EAAEJ,MAAMxD,IAAI,CAAC6D,SAAS;IAC9I;IACA,OAAOL;AACT,GACA,iDAAiD"}
|
@@ -27,16 +27,11 @@ const useStyles = /*#__PURE__*/ (0, _react.__styles)({
|
|
27
27
|
Bf4jedk: "fgfkb25",
|
28
28
|
a9b677: "f16dn6v3",
|
29
29
|
Bqenvij: "f3mu39s",
|
30
|
-
|
31
|
-
|
32
|
-
|
33
|
-
|
34
|
-
|
35
|
-
Byoj8tv: "f1qch9an",
|
36
|
-
uwmqm3: [
|
37
|
-
"f1cnd47f",
|
38
|
-
"fhxju0i"
|
39
|
-
]
|
30
|
+
Byoj8tv: 0,
|
31
|
+
uwmqm3: 0,
|
32
|
+
z189sj: 0,
|
33
|
+
z8tnut: 0,
|
34
|
+
B0ocmuz: "f1mk8lai"
|
40
35
|
},
|
41
36
|
hide: {
|
42
37
|
mc9l5x: "fjseox"
|
@@ -46,10 +41,12 @@ const useStyles = /*#__PURE__*/ (0, _react.__styles)({
|
|
46
41
|
".fgfkb25{min-width:auto;}",
|
47
42
|
".f16dn6v3{width:6px;}",
|
48
43
|
".f3mu39s{height:6px;}",
|
49
|
-
|
50
|
-
|
51
|
-
|
52
|
-
|
44
|
+
[
|
45
|
+
".f1mk8lai{padding:0;}",
|
46
|
+
{
|
47
|
+
p: -1
|
48
|
+
}
|
49
|
+
],
|
53
50
|
".fjseox{display:none;}"
|
54
51
|
]
|
55
52
|
});
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"sources":["useCounterBadgeStyles.styles.js"],"sourcesContent":["import {
|
1
|
+
{"version":3,"sources":["useCounterBadgeStyles.styles.js"],"sourcesContent":["import { mergeClasses, __styles } from '@griffel/react';\nimport { useBadgeStyles_unstable } from '../Badge/useBadgeStyles.styles';\nexport const counterBadgeClassNames = {\n root: 'fui-CounterBadge',\n icon: 'fui-CounterBadge__icon'\n};\nconst useStyles = /*#__PURE__*/__styles({\n dot: {\n Bf4jedk: \"fgfkb25\",\n a9b677: \"f16dn6v3\",\n Bqenvij: \"f3mu39s\",\n Byoj8tv: 0,\n uwmqm3: 0,\n z189sj: 0,\n z8tnut: 0,\n B0ocmuz: \"f1mk8lai\"\n },\n hide: {\n mc9l5x: \"fjseox\"\n }\n}, {\n d: [\".fgfkb25{min-width:auto;}\", \".f16dn6v3{width:6px;}\", \".f3mu39s{height:6px;}\", [\".f1mk8lai{padding:0;}\", {\n p: -1\n }], \".fjseox{display:none;}\"]\n});\n/**\n * Applies style classnames to slots\n */\nexport const useCounterBadgeStyles_unstable = state => {\n const styles = useStyles();\n state.root.className = mergeClasses(counterBadgeClassNames.root, state.dot && styles.dot, !state.root.children && !state.dot && styles.hide, state.root.className);\n if (state.icon) {\n state.icon.className = mergeClasses(counterBadgeClassNames.icon, state.icon.className);\n }\n return useBadgeStyles_unstable(state);\n};\n//# sourceMappingURL=useCounterBadgeStyles.styles.js.map"],"names":["counterBadgeClassNames","useCounterBadgeStyles_unstable","root","icon","useStyles","__styles","dot","Bf4jedk","a9b677","Bqenvij","Byoj8tv","uwmqm3","z189sj","z8tnut","B0ocmuz","hide","mc9l5x","d","p","state","styles","className","mergeClasses","children","useBadgeStyles_unstable"],"mappings":";;;;;;;;;;;IAEaA,sBAAsB;eAAtBA;;IA0BAC,8BAA8B;eAA9BA;;;uBA5B0B;sCACC;AACjC,MAAMD,yBAAyB;IACpCE,MAAM;IACNC,MAAM;AACR;AACA,MAAMC,YAAY,WAAW,GAAEC,IAAAA,eAAQ,EAAC;IACtCC,KAAK;QACHC,SAAS;QACTC,QAAQ;QACRC,SAAS;QACTC,SAAS;QACTC,QAAQ;QACRC,QAAQ;QACRC,QAAQ;QACRC,SAAS;IACX;IACAC,MAAM;QACJC,QAAQ;IACV;AACF,GAAG;IACDC,GAAG;QAAC;QAA6B;QAAyB;QAAyB;YAAC;YAAyB;gBAC3GC,GAAG,CAAC;YACN;SAAE;QAAE;KAAyB;AAC/B;AAIO,MAAMjB,iCAAiCkB,CAAAA;IAC5C,MAAMC,SAAShB;IACfe,MAAMjB,IAAI,CAACmB,SAAS,GAAGC,IAAAA,mBAAY,EAACtB,uBAAuBE,IAAI,EAAEiB,MAAMb,GAAG,IAAIc,OAAOd,GAAG,EAAE,CAACa,MAAMjB,IAAI,CAACqB,QAAQ,IAAI,CAACJ,MAAMb,GAAG,IAAIc,OAAOL,IAAI,EAAEI,MAAMjB,IAAI,CAACmB,SAAS;IACjK,IAAIF,MAAMhB,IAAI,EAAE;QACdgB,MAAMhB,IAAI,CAACkB,SAAS,GAAGC,IAAAA,mBAAY,EAACtB,uBAAuBG,IAAI,EAAEgB,MAAMhB,IAAI,CAACkB,SAAS;IACvF;IACA,OAAOG,IAAAA,6CAAuB,EAACL;AACjC,GACA,wDAAwD"}
|
package/package.json
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
{
|
2
2
|
"name": "@fluentui/react-badge",
|
3
|
-
"version": "9.2.
|
3
|
+
"version": "9.2.38",
|
4
4
|
"description": "React components for building web experiences",
|
5
5
|
"main": "lib-commonjs/index.js",
|
6
6
|
"module": "lib/index.js",
|
@@ -34,10 +34,10 @@
|
|
34
34
|
},
|
35
35
|
"dependencies": {
|
36
36
|
"@fluentui/react-icons": "^2.0.239",
|
37
|
-
"@fluentui/react-jsx-runtime": "^9.0.
|
37
|
+
"@fluentui/react-jsx-runtime": "^9.0.39",
|
38
38
|
"@fluentui/react-shared-contexts": "^9.19.0",
|
39
39
|
"@fluentui/react-theme": "^9.1.19",
|
40
|
-
"@fluentui/react-utilities": "^9.18.
|
40
|
+
"@fluentui/react-utilities": "^9.18.10",
|
41
41
|
"@griffel/react": "^1.5.22",
|
42
42
|
"@swc/helpers": "^0.5.1"
|
43
43
|
},
|