@fluentui/react-badge 0.0.0-nightly0e0cf06c3420211029.1 → 0.0.0-nightly131c59c96120211203.1

package/lib/components/Badge/useBadgeStyles.js

@@ -1,6 +1,7 @@
-import { mergeClasses, __styles } from '@fluentui/react-make-styles';
+import { shorthands, mergeClasses, __styles } from '@fluentui/react-make-styles';
+export const badgeClassName = 'fui-Badge';
 
-var useStyles = /*#__PURE__*/__styles({
+const useStyles = /*#__PURE__*/__styles({
   "root": {
     "mc9l5x": "ftuwxu6",
     "B7ck84d": "f1ewtqcl",
@@ -39,13 +40,15 @@ var useStyles = /*#__PURE__*/__styles({
     "Bqenvij": "fd461yt",
     "z189sj": ["f1sgzk6v", "f1bg5zqg"],
     "uwmqm3": ["f1bg5zqg", "f1sgzk6v"],
-    "rmohyg": "f4xv25i",
+    "i8kkvl": "f1q8lukm",
+    "Belr9w4": "f1ma2n7n",
     "Be2twd7": "f1n0apg3"
   },
   "rootMedium": {
     "Bqenvij": "fjamq6b",
     "Bf4jedk": "f11u7vat",
-    "rmohyg": "f4xv25i",
+    "i8kkvl": "f1q8lukm",
+    "Belr9w4": "f1ma2n7n",
     "z189sj": ["f19lj068", "f177v4lu"],
     "uwmqm3": ["f177v4lu", "f19lj068"],
     "Be2twd7": "fnmn6fi"
@@ -56,14 +59,16 @@ var useStyles = /*#__PURE__*/__styles({
     "z189sj": ["f19lj068", "f177v4lu"],
     "uwmqm3": ["f177v4lu", "f19lj068"],
     "Be2twd7": "f1ugzwwg",
-    "rmohyg": "f19jf40t"
+    "i8kkvl": "fgfbwa2",
+    "Belr9w4": "f1y3hx6l"
   },
   "rootExtraLarge": {
     "Bf4jedk": "fwbmr0d",
     "Bqenvij": "f1d2rq10",
     "z189sj": ["f11qrl6u", "fjlbh76"],
     "uwmqm3": ["fjlbh76", "f11qrl6u"],
-    "rmohyg": "f19jf40t",
+    "i8kkvl": "fgfbwa2",
+    "Belr9w4": "f1y3hx6l",
     "Be2twd7": "f1ugzwwg",
     "B4j52fo": "f18zi460",
     "Bekrc4i": ["f1wpluaz", "fsfsuhs"],
@@ -71,16 +76,25 @@ var useStyles = /*#__PURE__*/__styles({
     "ibv6hh": ["fsfsuhs", "f1wpluaz"]
   },
   "rootRounded": {
-    "Dimara": "ft85np5"
+    "Bbmb7ep": ["f1aa9q02", "f16jpd5f"],
+    "Beyfa6y": ["f16jpd5f", "f1aa9q02"],
+    "B7oj6ja": ["f1jar5jt", "fyu767a"],
+    "Btl43ni": ["fyu767a", "f1jar5jt"]
   },
   "rootRoundedSmallToTiny": {
-    "Dimara": "fq9zq91"
+    "Bbmb7ep": ["f1g3puop", "fi2rrw2"],
+    "Beyfa6y": ["fi2rrw2", "f1g3puop"],
+    "B7oj6ja": ["f1rstyi9", "f1s4nn1u"],
+    "Btl43ni": ["f1s4nn1u", "f1rstyi9"]
   },
   "rootCircular": {
-    "Dimara": "f1rt4pet"
+    "Bbmb7ep": ["fxyqdnz", "fib3qew"],
+    "Beyfa6y": ["fib3qew", "fxyqdnz"],
+    "B7oj6ja": ["f14p2bvz", "fdqj3q4"],
+    "Btl43ni": ["fdqj3q4", "f14p2bvz"]
   },
   "rootGhost": {
-    "ayd6f0": "f2imlf6",
+    "De3pzq": "f3rmtva",
     "icvyot": "f1ern45e",
     "vrafjx": ["f1n71otn", "f1deefiw"],
     "oivjwe": "f1h8hb77",
@@ -88,7 +102,7 @@ var useStyles = /*#__PURE__*/__styles({
     "sj55zd": "f1817uup"
   },
   "rootOutline": {
-    "ayd6f0": "f2imlf6",
+    "De3pzq": "f3rmtva",
     "g2u3we": "f1vp46cd",
     "h3c5rm": ["f1lxz1cr", "ff8nh0i"],
     "B9xav0g": "fe9j8it",
@@ -98,10 +112,10 @@ var useStyles = /*#__PURE__*/__styles({
   "rootTint": {
     "De3pzq": "f16xkysk",
     "sj55zd": "faj9fo0",
-    "g2u3we": "fwhevhj",
-    "h3c5rm": ["f61n433", "f1q8l70w"],
-    "B9xav0g": "fv1dfc8",
-    "zhjwy3": ["f1q8l70w", "f61n433"]
+    "g2u3we": "f161y7kd",
+    "h3c5rm": ["f1c8dzaj", "f1sl6hi9"],
+    "B9xav0g": "f1619yhw",
+    "zhjwy3": ["f1sl6hi9", "f1c8dzaj"]
   },
   "rootFilledDanger": {
     "De3pzq": "fdl5y0r",
@@ -132,10 +146,10 @@ var useStyles = /*#__PURE__*/__styles({
   "rootFilledSevere": {
     "De3pzq": "f1s438gw",
     "sj55zd": "f1phragk",
-    "g2u3we": "fwhevhj",
-    "h3c5rm": ["f61n433", "f1q8l70w"],
-    "B9xav0g": "fv1dfc8",
-    "zhjwy3": ["f1q8l70w", "f61n433"]
+    "g2u3we": "fghlq4f",
+    "h3c5rm": ["f1gn591s", "fjscplz"],
+    "B9xav0g": "fb073pr",
+    "zhjwy3": ["fjscplz", "f1gn591s"]
   },
   "rootOutlineSevere": {
     "sj55zd": "f1l8vj45",
@@ -184,10 +198,10 @@ var useStyles = /*#__PURE__*/__styles({
   "rootFilledSuccess": {
     "De3pzq": "flxk52p",
     "sj55zd": "f1phragk",
-    "g2u3we": "fwhevhj",
-    "h3c5rm": ["f61n433", "f1q8l70w"],
-    "B9xav0g": "fv1dfc8",
-    "zhjwy3": ["f1q8l70w", "f61n433"]
+    "g2u3we": "fghlq4f",
+    "h3c5rm": ["f1gn591s", "fjscplz"],
+    "B9xav0g": "fb073pr",
+    "zhjwy3": ["fjscplz", "f1gn591s"]
   },
   "rootOutlineSuccess": {
     "sj55zd": "f1sms7z7",
@@ -242,7 +256,6 @@ var useStyles = /*#__PURE__*/__styles({
     "zhjwy3": ["fjscplz", "f1gn591s"]
   },
   "rootOutlineInformative": {
-    "De3pzq": "f1s438gw",
     "sj55zd": "f11z005f",
     "g2u3we": "f1o6yoc8",
     "h3c5rm": ["fdav146", "f6dh4jx"],
@@ -269,11 +282,11 @@ var useStyles = /*#__PURE__*/__styles({
     "zhjwy3": ["fjscplz", "f1gn591s"]
   },
   "rootOutlineSubtle": {
-    "sj55zd": "f1phragk",
-    "g2u3we": "fm1ebug",
-    "h3c5rm": ["f28omuz", "f1uhflii"],
-    "B9xav0g": "f1ixw5o4",
-    "zhjwy3": ["f1uhflii", "f28omuz"]
+    "sj55zd": "fqpbvvt",
+    "g2u3we": "fgtodeh",
+    "h3c5rm": ["fm9lria", "fvwj3xt"],
+    "B9xav0g": "f7asi1z",
+    "zhjwy3": ["fvwj3xt", "fm9lria"]
   },
   "rootTintSubtle": {
     "De3pzq": "fxugw4r",
@@ -284,7 +297,7 @@ var useStyles = /*#__PURE__*/__styles({
     "zhjwy3": ["fw35ms5", "f7pw515"]
   },
   "rootGhostSubtle": {
-    "sj55zd": "f1phragk"
+    "sj55zd": "fqpbvvt"
   },
   "icon": {
     "mc9l5x": "f22iagw",
@@ -293,27 +306,27 @@ var useStyles = /*#__PURE__*/__styles({
     "Bqenvij": "f1l02sjl"
   }
 }, {
-  "d": [".ftuwxu6{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}", ".f1ewtqcl{box-sizing:border-box;}", ".f122n59{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}", ".f4d9j23{-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;}", ".ffp7eso{background-color:var(--colorBrandBackground);}", ".f1vp46cd{border-top-color:var(--colorBrandBackground);}", ".f1lxz1cr{border-right-color:var(--colorBrandBackground);}", ".ff8nh0i{border-left-color:var(--colorBrandBackground);}", ".fe9j8it{border-bottom-color:var(--colorBrandBackground);}", ".f1phragk{color:var(--colorNeutralForegroundOnBrand);}", ".fl43uef{font-weight:var(--fontWeightSemibold);}", ".f192inf7{border-top-width:var(--strokeWidthThin);}", ".f5tn483{border-right-width:var(--strokeWidthThin);}", ".f1ojsxk5{border-left-width:var(--strokeWidthThin);}", ".f1vxd6vx{border-bottom-width:var(--strokeWidthThin);}", ".fzkkow9{border-top-style:solid;}", ".fcdblym{border-right-style:solid;}", ".fjik90z{border-left-style:solid;}", ".fg706s2{border-bottom-style:solid;}", ".fk6fouc{font-family:var(--fontFamilyBase);}", ".f10pi13n{position:relative;}", ".f16dn6v3{width:6px;}", ".f3mu39s{height:6px;}", ".f130uwy9{font-size:4px;}", ".fpd43o0{width:10px;}", ".f30q22z{height:10px;}", ".f1tccstq{font-size:6px;}", ".fq2vo04{min-width:16px;}", ".fd461yt{height:16px;}", ".f1sgzk6v{padding-right:6px;}", ".f1bg5zqg{padding-left:6px;}", ".f4xv25i{gap:4px;}", ".f1n0apg3{font-size:8px;}", ".fjamq6b{height:20px;}", ".f11u7vat{min-width:20px;}", ".f19lj068{padding-right:8px;}", ".f177v4lu{padding-left:8px;}", ".fnmn6fi{font-size:10px;}", ".f17fgpbq{min-width:24px;}", ".frvgh55{height:24px;}", ".f1ugzwwg{font-size:12px;}", ".f19jf40t{gap:6px;}", ".fwbmr0d{min-width:32px;}", ".f1d2rq10{height:32px;}", ".f11qrl6u{padding-right:12px;}", ".fjlbh76{padding-left:12px;}", ".f18zi460{border-top-width:var(--strokeWidthThick);}", ".f1wpluaz{border-right-width:var(--strokeWidthThick);}", ".fsfsuhs{border-left-width:var(--strokeWidthThick);}", ".fmklw6v{border-bottom-width:var(--strokeWidthThick);}", ".ft85np5{border-radius:var(--borderRadiusMedium);}", ".fq9zq91{border-radius:var(--borderRadiusSmall);}", ".f1rt4pet{border-radius:99px;}", ".f2imlf6{background:transparent;}", ".f1ern45e{border-top-style:none;}", ".f1n71otn{border-right-style:none;}", ".f1deefiw{border-left-style:none;}", ".f1h8hb77{border-bottom-style:none;}", ".f1817uup{color:var(--colorBrandBackground);}", ".f16xkysk{background-color:var(--colorBrandBackground2);}", ".faj9fo0{color:var(--colorBrandForeground2);}", ".fwhevhj{border-top-color:none;}", ".f61n433{border-right-color:none;}", ".f1q8l70w{border-left-color:none;}", ".fv1dfc8{border-bottom-color:none;}", ".fdl5y0r{background-color:var(--colorPaletteRedBackground3);}", ".f11ttmz8{border-top-color:var(--colorPaletteRedBackground3);}", ".f1ratw88{border-right-color:var(--colorPaletteRedBackground3);}", ".f459ikj{border-left-color:var(--colorPaletteRedBackground3);}", ".fvovscg{border-bottom-color:var(--colorPaletteRedBackground3);}", ".f1whyuy6{color:var(--colorPaletteRedForeground3);}", ".f1tg094z{border-top-color:var(--colorPaletteRedForeground3);}", ".f19abfc5{border-right-color:var(--colorPaletteRedForeground3);}", ".f1cj97ds{border-left-color:var(--colorPaletteRedForeground3);}", ".f1i5u4jy{border-bottom-color:var(--colorPaletteRedForeground3);}", ".ff0poqj{background-color:var(--colorPaletteRedBackground1);}", ".f1hcrxcs{color:var(--colorPaletteRedForeground1);}", ".fkvqoq2{border-top-color:var(--colorPaletteRedForeground2);}", ".f1abpjw7{border-right-color:var(--colorPaletteRedForeground2);}", ".fzsnz0r{border-left-color:var(--colorPaletteRedForeground2);}", ".f9kvmvw{border-bottom-color:var(--colorPaletteRedForeground2);}", ".f1s438gw{background-color:var(--colorPaletteDarkOrangeBackground3);}", ".f1l8vj45{color:var(--colorPaletteDarkOrangeForeground3);}", ".f1wahxdx{border-top-color:var(--colorPaletteDarkOrangeForeground3);}", ".fpbzgcg{border-right-color:var(--colorPaletteDarkOrangeForeground3);}", ".f1g7u8zt{border-left-color:var(--colorPaletteDarkOrangeForeground3);}", ".f1wrnc4t{border-bottom-color:var(--colorPaletteDarkOrangeForeground3);}", ".f1xzsg4{background-color:var(--colorPaletteDarkOrangeBackground1);}", ".f1k5f75o{color:var(--colorPaletteDarkOrangeForeground1);}", ".f18s257e{border-top-color:var(--colorPaletteDarkOrangeForeground2);}", ".f13ptu4t{border-right-color:var(--colorPaletteDarkOrangeForeground2);}", ".fiwx4jo{border-left-color:var(--colorPaletteDarkOrangeForeground2);}", ".f1geyuz0{border-bottom-color:var(--colorPaletteDarkOrangeForeground2);}", ".ffq97bm{background-color:var(--colorPaletteYellowBackground3);}", ".f19n0e5{color:var(--colorNeutralForeground1);}", ".f1gyeiz5{border-top-color:var(--colorPaletteYellowBackground3);}", ".f1jnj1iq{border-right-color:var(--colorPaletteYellowBackground3);}", ".fd1epeu{border-left-color:var(--colorPaletteYellowBackground3);}", ".f102bkgo{border-bottom-color:var(--colorPaletteYellowBackground3);}", ".fpti2h4{color:var(--colorPaletteYellowForeground2);}", ".fbahunb{border-top-color:var(--colorPaletteYellowForeground2);}", ".fa2hcp6{border-right-color:var(--colorPaletteYellowForeground2);}", ".f1cr20yc{border-left-color:var(--colorPaletteYellowForeground2);}", ".f1fbl5g1{border-bottom-color:var(--colorPaletteYellowForeground2);}", ".f10s6hli{background-color:var(--colorPaletteYellowBackground1);}", ".f1e2bpek{border-top-color:var(--colorPaletteYellowBackground2);}", ".fnu3uvp{border-right-color:var(--colorPaletteYellowBackground2);}", ".fdpwmi9{border-left-color:var(--colorPaletteYellowBackground2);}", ".fk8fs0c{border-bottom-color:var(--colorPaletteYellowBackground2);}", ".flxk52p{background-color:var(--colorPaletteGreenBackground3);}", ".f1sms7z7{color:var(--colorPaletteGreenForeground2);}", ".f7obisw{border-top-color:var(--colorPaletteGreenForeground2);}", ".f108f34s{border-right-color:var(--colorPaletteGreenForeground2);}", ".f1chpoyh{border-left-color:var(--colorPaletteGreenForeground2);}", ".f1xtovf2{border-bottom-color:var(--colorPaletteGreenForeground2);}", ".f2vsrz6{background-color:var(--colorPaletteGreenBackground1);}", ".ffmvakt{color:var(--colorPaletteGreenForeground1);}", ".f3m3qtd{border-top-color:var(--colorPaletteGreenBackground2);}", ".f1bjyn17{border-right-color:var(--colorPaletteGreenBackground2);}", ".fksln3n{border-left-color:var(--colorPaletteGreenBackground2);}", ".frg4y0o{border-bottom-color:var(--colorPaletteGreenBackground2);}", ".f1m7fhi8{color:var(--colorPaletteGreenForeground3);}", ".f1c73kur{background-color:var(--colorNeutralForeground1);}", ".fr0bkrk{color:var(--colorNeutralBackground1);}", ".fghlq4f{border-top-color:var(--colorTransparentStroke);}", ".f1gn591s{border-right-color:var(--colorTransparentStroke);}", ".fjscplz{border-left-color:var(--colorTransparentStroke);}", ".fb073pr{border-bottom-color:var(--colorTransparentStroke);}", ".fnp0ra0{border-top-color:var(--colorNeutralForeground1);}", ".fanr40h{border-right-color:var(--colorNeutralForeground1);}", ".f1nwaeql{border-left-color:var(--colorNeutralForeground1);}", ".f15ntglx{border-bottom-color:var(--colorNeutralForeground1);}", ".f945g0u{background-color:var(--colorNeutralForeground3);}", ".f3vzo32{background-color:var(--colorNeutralBackground5);}", ".f11d4kpn{color:var(--colorNeutralForeground3);}", ".f11z005f{color:var(--colorNeutralBackground5);}", ".f1o6yoc8{border-top-color:var(--colorNeutralBackground5);}", ".fdav146{border-right-color:var(--colorNeutralBackground5);}", ".f6dh4jx{border-left-color:var(--colorNeutralBackground5);}", ".fhjohzm{border-bottom-color:var(--colorNeutralBackground5);}", ".f1ctqxl6{background-color:var(--colorNeutralBackground4);}", ".f68mrw8{border-top-color:var(--colorNeutralStroke2);}", ".f7pw515{border-right-color:var(--colorNeutralStroke2);}", ".fw35ms5{border-left-color:var(--colorNeutralStroke2);}", ".frpde29{border-bottom-color:var(--colorNeutralStroke2);}", ".fxugw4r{background-color:var(--colorNeutralBackground1);}", ".fm1ebug{border-top-color:var(--colorNeutralForegroundOnBrand);}", ".f28omuz{border-right-color:var(--colorNeutralForegroundOnBrand);}", ".f1uhflii{border-left-color:var(--colorNeutralForegroundOnBrand);}", ".f1ixw5o4{border-bottom-color:var(--colorNeutralForegroundOnBrand);}", ".f22iagw{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}", ".fxe27oy{-webkit-align-content:center;-ms-flex-line-pack:center;align-content:center;}", ".f1l02sjl{height:100%;}"]
+  "d": [".ftuwxu6{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}", ".f1ewtqcl{box-sizing:border-box;}", ".f122n59{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}", ".f4d9j23{-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;}", ".ffp7eso{background-color:var(--colorBrandBackground);}", ".f1vp46cd{border-top-color:var(--colorBrandBackground);}", ".f1lxz1cr{border-right-color:var(--colorBrandBackground);}", ".ff8nh0i{border-left-color:var(--colorBrandBackground);}", ".fe9j8it{border-bottom-color:var(--colorBrandBackground);}", ".f1phragk{color:var(--colorNeutralForegroundOnBrand);}", ".fl43uef{font-weight:var(--fontWeightSemibold);}", ".f192inf7{border-top-width:var(--strokeWidthThin);}", ".f5tn483{border-right-width:var(--strokeWidthThin);}", ".f1ojsxk5{border-left-width:var(--strokeWidthThin);}", ".f1vxd6vx{border-bottom-width:var(--strokeWidthThin);}", ".fzkkow9{border-top-style:solid;}", ".fcdblym{border-right-style:solid;}", ".fjik90z{border-left-style:solid;}", ".fg706s2{border-bottom-style:solid;}", ".fk6fouc{font-family:var(--fontFamilyBase);}", ".f10pi13n{position:relative;}", ".f16dn6v3{width:6px;}", ".f3mu39s{height:6px;}", ".f130uwy9{font-size:4px;}", ".fpd43o0{width:10px;}", ".f30q22z{height:10px;}", ".f1tccstq{font-size:6px;}", ".fq2vo04{min-width:16px;}", ".fd461yt{height:16px;}", ".f1sgzk6v{padding-right:6px;}", ".f1bg5zqg{padding-left:6px;}", ".f1q8lukm{-webkit-column-gap:4px;column-gap:4px;}", ".f1ma2n7n{row-gap:4px;}", ".f1n0apg3{font-size:8px;}", ".fjamq6b{height:20px;}", ".f11u7vat{min-width:20px;}", ".f19lj068{padding-right:8px;}", ".f177v4lu{padding-left:8px;}", ".fnmn6fi{font-size:10px;}", ".f17fgpbq{min-width:24px;}", ".frvgh55{height:24px;}", ".f1ugzwwg{font-size:12px;}", ".fgfbwa2{-webkit-column-gap:6px;column-gap:6px;}", ".f1y3hx6l{row-gap:6px;}", ".fwbmr0d{min-width:32px;}", ".f1d2rq10{height:32px;}", ".f11qrl6u{padding-right:12px;}", ".fjlbh76{padding-left:12px;}", ".f18zi460{border-top-width:var(--strokeWidthThick);}", ".f1wpluaz{border-right-width:var(--strokeWidthThick);}", ".fsfsuhs{border-left-width:var(--strokeWidthThick);}", ".fmklw6v{border-bottom-width:var(--strokeWidthThick);}", ".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);}", ".fxyqdnz{border-bottom-right-radius:99px;}", ".fib3qew{border-bottom-left-radius:99px;}", ".f14p2bvz{border-top-right-radius:99px;}", ".fdqj3q4{border-top-left-radius:99px;}", ".f3rmtva{background-color:transparent;}", ".f1ern45e{border-top-style:none;}", ".f1n71otn{border-right-style:none;}", ".f1deefiw{border-left-style:none;}", ".f1h8hb77{border-bottom-style:none;}", ".f1817uup{color:var(--colorBrandBackground);}", ".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);}", ".fdl5y0r{background-color:var(--colorPaletteRedBackground3);}", ".f11ttmz8{border-top-color:var(--colorPaletteRedBackground3);}", ".f1ratw88{border-right-color:var(--colorPaletteRedBackground3);}", ".f459ikj{border-left-color:var(--colorPaletteRedBackground3);}", ".fvovscg{border-bottom-color:var(--colorPaletteRedBackground3);}", ".f1whyuy6{color:var(--colorPaletteRedForeground3);}", ".f1tg094z{border-top-color:var(--colorPaletteRedForeground3);}", ".f19abfc5{border-right-color:var(--colorPaletteRedForeground3);}", ".f1cj97ds{border-left-color:var(--colorPaletteRedForeground3);}", ".f1i5u4jy{border-bottom-color:var(--colorPaletteRedForeground3);}", ".ff0poqj{background-color:var(--colorPaletteRedBackground1);}", ".f1hcrxcs{color:var(--colorPaletteRedForeground1);}", ".fkvqoq2{border-top-color:var(--colorPaletteRedForeground2);}", ".f1abpjw7{border-right-color:var(--colorPaletteRedForeground2);}", ".fzsnz0r{border-left-color:var(--colorPaletteRedForeground2);}", ".f9kvmvw{border-bottom-color:var(--colorPaletteRedForeground2);}", ".f1s438gw{background-color:var(--colorPaletteDarkOrangeBackground3);}", ".fghlq4f{border-top-color:var(--colorTransparentStroke);}", ".f1gn591s{border-right-color:var(--colorTransparentStroke);}", ".fjscplz{border-left-color:var(--colorTransparentStroke);}", ".fb073pr{border-bottom-color:var(--colorTransparentStroke);}", ".f1l8vj45{color:var(--colorPaletteDarkOrangeForeground3);}", ".f1wahxdx{border-top-color:var(--colorPaletteDarkOrangeForeground3);}", ".fpbzgcg{border-right-color:var(--colorPaletteDarkOrangeForeground3);}", ".f1g7u8zt{border-left-color:var(--colorPaletteDarkOrangeForeground3);}", ".f1wrnc4t{border-bottom-color:var(--colorPaletteDarkOrangeForeground3);}", ".f1xzsg4{background-color:var(--colorPaletteDarkOrangeBackground1);}", ".f1k5f75o{color:var(--colorPaletteDarkOrangeForeground1);}", ".f18s257e{border-top-color:var(--colorPaletteDarkOrangeForeground2);}", ".f13ptu4t{border-right-color:var(--colorPaletteDarkOrangeForeground2);}", ".fiwx4jo{border-left-color:var(--colorPaletteDarkOrangeForeground2);}", ".f1geyuz0{border-bottom-color:var(--colorPaletteDarkOrangeForeground2);}", ".ffq97bm{background-color:var(--colorPaletteYellowBackground3);}", ".f19n0e5{color:var(--colorNeutralForeground1);}", ".f1gyeiz5{border-top-color:var(--colorPaletteYellowBackground3);}", ".f1jnj1iq{border-right-color:var(--colorPaletteYellowBackground3);}", ".fd1epeu{border-left-color:var(--colorPaletteYellowBackground3);}", ".f102bkgo{border-bottom-color:var(--colorPaletteYellowBackground3);}", ".fpti2h4{color:var(--colorPaletteYellowForeground2);}", ".fbahunb{border-top-color:var(--colorPaletteYellowForeground2);}", ".fa2hcp6{border-right-color:var(--colorPaletteYellowForeground2);}", ".f1cr20yc{border-left-color:var(--colorPaletteYellowForeground2);}", ".f1fbl5g1{border-bottom-color:var(--colorPaletteYellowForeground2);}", ".f10s6hli{background-color:var(--colorPaletteYellowBackground1);}", ".f1e2bpek{border-top-color:var(--colorPaletteYellowBackground2);}", ".fnu3uvp{border-right-color:var(--colorPaletteYellowBackground2);}", ".fdpwmi9{border-left-color:var(--colorPaletteYellowBackground2);}", ".fk8fs0c{border-bottom-color:var(--colorPaletteYellowBackground2);}", ".flxk52p{background-color:var(--colorPaletteGreenBackground3);}", ".f1sms7z7{color:var(--colorPaletteGreenForeground2);}", ".f7obisw{border-top-color:var(--colorPaletteGreenForeground2);}", ".f108f34s{border-right-color:var(--colorPaletteGreenForeground2);}", ".f1chpoyh{border-left-color:var(--colorPaletteGreenForeground2);}", ".f1xtovf2{border-bottom-color:var(--colorPaletteGreenForeground2);}", ".f2vsrz6{background-color:var(--colorPaletteGreenBackground1);}", ".ffmvakt{color:var(--colorPaletteGreenForeground1);}", ".f3m3qtd{border-top-color:var(--colorPaletteGreenBackground2);}", ".f1bjyn17{border-right-color:var(--colorPaletteGreenBackground2);}", ".fksln3n{border-left-color:var(--colorPaletteGreenBackground2);}", ".frg4y0o{border-bottom-color:var(--colorPaletteGreenBackground2);}", ".f1m7fhi8{color:var(--colorPaletteGreenForeground3);}", ".f1c73kur{background-color:var(--colorNeutralForeground1);}", ".fr0bkrk{color:var(--colorNeutralBackground1);}", ".fnp0ra0{border-top-color:var(--colorNeutralForeground1);}", ".fanr40h{border-right-color:var(--colorNeutralForeground1);}", ".f1nwaeql{border-left-color:var(--colorNeutralForeground1);}", ".f15ntglx{border-bottom-color:var(--colorNeutralForeground1);}", ".f945g0u{background-color:var(--colorNeutralForeground3);}", ".f3vzo32{background-color:var(--colorNeutralBackground5);}", ".f11d4kpn{color:var(--colorNeutralForeground3);}", ".f11z005f{color:var(--colorNeutralBackground5);}", ".f1o6yoc8{border-top-color:var(--colorNeutralBackground5);}", ".fdav146{border-right-color:var(--colorNeutralBackground5);}", ".f6dh4jx{border-left-color:var(--colorNeutralBackground5);}", ".fhjohzm{border-bottom-color:var(--colorNeutralBackground5);}", ".f1ctqxl6{background-color:var(--colorNeutralBackground4);}", ".f68mrw8{border-top-color:var(--colorNeutralStroke2);}", ".f7pw515{border-right-color:var(--colorNeutralStroke2);}", ".fw35ms5{border-left-color:var(--colorNeutralStroke2);}", ".frpde29{border-bottom-color:var(--colorNeutralStroke2);}", ".fxugw4r{background-color:var(--colorNeutralBackground1);}", ".fqpbvvt{color:var(--colorNeutralForegroundInverted);}", ".fgtodeh{border-top-color:var(--colorNeutralForegroundInverted);}", ".fm9lria{border-right-color:var(--colorNeutralForegroundInverted);}", ".fvwj3xt{border-left-color:var(--colorNeutralForegroundInverted);}", ".f7asi1z{border-bottom-color:var(--colorNeutralForegroundInverted);}", ".f22iagw{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}", ".fxe27oy{-webkit-align-content:center;-ms-flex-line-pack:center;align-content:center;}", ".f1l02sjl{height:100%;}"]
 });
 /**
  * Applies style classnames to slots
  */
 
 
-export var useBadgeStyles = function (state) {
-  var styles = useStyles();
-  var isGhost = state.appearance === 'ghost';
-  var isOutline = state.appearance === 'outline';
-  var isTint = state.appearance === 'tint';
-  var isFilled = state.appearance === 'filled';
-  var isDanger = state.color === 'danger';
-  var isSevere = state.color === 'severe';
-  var isWarning = state.color === 'warning';
-  var isSuccess = state.color === 'success';
-  var isImportant = state.color === 'important';
-  var isInformative = state.color === 'informative';
-  var isSubtle = state.color === 'subtle';
-  state.root.className = mergeClasses(styles.root, state.size === 'tiny' && styles.rootTiny, state.size === 'extra-small' && styles.rootExtraSmall, state.size === 'small' && styles.rootSmall, state.size === 'medium' && styles.rootMedium, state.size === 'large' && styles.rootLarge, state.size === 'extra-large' && styles.rootExtraLarge, state.shape === 'circular' && styles.rootCircular, state.shape === 'rounded' && styles.rootRounded, state.shape === 'rounded' && (state.size === 'small' || state.size === 'extra-small' || state.size === 'tiny') && styles.rootRoundedSmallToTiny, isGhost && styles.rootGhost, isOutline && styles.rootOutline, isTint && styles.rootTint, isFilled && isDanger && styles.rootFilledDanger, isOutline && isDanger && styles.rootOutlineDanger, isTint && isDanger && styles.rootTintDanger, isGhost && isDanger && styles.rootGhostDanger, isFilled && isSevere && styles.rootFilledSevere, isOutline && isSevere && styles.rootOutlineSevere, isTint && isSevere && styles.rootTintSevere, isGhost && isSevere && styles.rootGhostSevere, isFilled && isWarning && styles.rootFilledWarning, isOutline && isWarning && styles.rootOutlineWarning, isTint && isWarning && styles.rootTintWarning, isGhost && isWarning && styles.rootGhostWarning, isFilled && isSuccess && styles.rootFilledSuccess, isOutline && isSuccess && styles.rootOutlineSuccess, isTint && isSuccess && styles.rootTintSuccess, isGhost && isSuccess && styles.rootGhostSuccess, isFilled && isImportant && styles.rootFilledImportant, isOutline && isImportant && styles.rootOutlineImportant, isTint && isImportant && styles.rootTintImportant, isGhost && isImportant && styles.rootGhostImportant, isFilled && isInformative && styles.rootFilledInformative, isOutline && isInformative && styles.rootOutlineInformative, isTint && isInformative && styles.rootTintInformative, isGhost && isInformative && styles.rootGhostInformative, isFilled && isSubtle && styles.rootFilledSubtle, isOutline && isSubtle && styles.rootOutlineSubtle, isTint && isSubtle && styles.rootTintSubtle, isGhost && isSubtle && styles.rootGhostSubtle, state.root.className);
+export const useBadgeStyles = state => {
+  const styles = useStyles();
+  const isGhost = state.appearance === 'ghost';
+  const isOutline = state.appearance === 'outline';
+  const isTint = state.appearance === 'tint';
+  const isFilled = state.appearance === 'filled';
+  const isDanger = state.color === 'danger';
+  const isSevere = state.color === 'severe';
+  const isWarning = state.color === 'warning';
+  const isSuccess = state.color === 'success';
+  const isImportant = state.color === 'important';
+  const isInformative = state.color === 'informative';
+  const isSubtle = state.color === 'subtle';
+  state.root.className = mergeClasses(badgeClassName, styles.root, state.size === 'tiny' && styles.rootTiny, state.size === 'extra-small' && styles.rootExtraSmall, state.size === 'small' && styles.rootSmall, state.size === 'medium' && styles.rootMedium, state.size === 'large' && styles.rootLarge, state.size === 'extra-large' && styles.rootExtraLarge, state.shape === 'circular' && styles.rootCircular, state.shape === 'rounded' && styles.rootRounded, state.shape === 'rounded' && (state.size === 'small' || state.size === 'extra-small' || state.size === 'tiny') && styles.rootRoundedSmallToTiny, isGhost && styles.rootGhost, isOutline && styles.rootOutline, isTint && styles.rootTint, isFilled && isDanger && styles.rootFilledDanger, isOutline && isDanger && styles.rootOutlineDanger, isTint && isDanger && styles.rootTintDanger, isGhost && isDanger && styles.rootGhostDanger, isFilled && isSevere && styles.rootFilledSevere, isOutline && isSevere && styles.rootOutlineSevere, isTint && isSevere && styles.rootTintSevere, isGhost && isSevere && styles.rootGhostSevere, isFilled && isWarning && styles.rootFilledWarning, isOutline && isWarning && styles.rootOutlineWarning, isTint && isWarning && styles.rootTintWarning, isGhost && isWarning && styles.rootGhostWarning, isFilled && isSuccess && styles.rootFilledSuccess, isOutline && isSuccess && styles.rootOutlineSuccess, isTint && isSuccess && styles.rootTintSuccess, isGhost && isSuccess && styles.rootGhostSuccess, isFilled && isImportant && styles.rootFilledImportant, isOutline && isImportant && styles.rootOutlineImportant, isTint && isImportant && styles.rootTintImportant, isGhost && isImportant && styles.rootGhostImportant, isFilled && isInformative && styles.rootFilledInformative, isOutline && isInformative && styles.rootOutlineInformative, isTint && isInformative && styles.rootTintInformative, isGhost && isInformative && styles.rootGhostInformative, isFilled && isSubtle && styles.rootFilledSubtle, isOutline && isSubtle && styles.rootOutlineSubtle, isTint && isSubtle && styles.rootTintSubtle, isGhost && isSubtle && styles.rootGhostSubtle, state.root.className);
 
   if (state.icon) {
     state.icon.className = mergeClasses(styles.icon, state.icon.className);

package/lib/components/Badge/useBadgeStyles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/Badge/useBadgeStyles.ts"],"names":[],"mappings":"AAAA,SAAS,YAAT,kBAAyC,6BAAzC;;AAGA,IAAM,SAAS,gBAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA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","sourceRoot":""}
+{"version":3,"sources":["../../../src/components/Badge/useBadgeStyles.ts"],"names":[],"mappings":"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","sourceRoot":""}

package/lib/components/CounterBadge/CounterBadge.js

@@ -6,8 +6,8 @@ import { renderBadge } from '../Badge/index';
  * Define a styled CounterBadge, using the `useCounterBadge` hook.
  */
 
-export var CounterBadge = /*#__PURE__*/React.forwardRef(function (props, ref) {
-  var state = useCounterBadge(props, ref);
+export const CounterBadge = /*#__PURE__*/React.forwardRef((props, ref) => {
+  const state = useCounterBadge(props, ref);
   useCounterBadgeStyles(state);
   return renderBadge(state);
 });

package/lib/components/CounterBadge/CounterBadge.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/CounterBadge/CounterBadge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AACA,SAAS,eAAT,QAAgC,mBAAhC;AACA,SAAS,qBAAT,QAAsC,yBAAtC;AACA,SAAS,WAAT,QAA4B,gBAA5B;AAIA;;AAEG;;AACH,OAAO,IAAM,YAAY,gBAA2C,KAAK,CAAC,UAAN,CAAiB,UAAC,KAAD,EAAQ,GAAR,EAAW;AAC9F,MAAM,KAAK,GAAG,eAAe,CAAC,KAAD,EAAQ,GAAR,CAA7B;AACA,EAAA,qBAAqB,CAAC,KAAD,CAArB;AAEA,SAAO,WAAW,CAAC,KAAD,CAAlB;AACD,CALmE,CAA7D;AAOP,YAAY,CAAC,WAAb,GAA2B,cAA3B","sourceRoot":""}
+{"version":3,"sources":["../../../src/components/CounterBadge/CounterBadge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AACA,SAAS,eAAT,QAAgC,mBAAhC;AACA,SAAS,qBAAT,QAAsC,yBAAtC;AACA,SAAS,WAAT,QAA4B,gBAA5B;AAIA;;AAEG;;AACH,OAAO,MAAM,YAAY,gBAA2C,KAAK,CAAC,UAAN,CAAiB,CAAC,KAAD,EAAQ,GAAR,KAAe;AAClG,QAAM,KAAK,GAAG,eAAe,CAAC,KAAD,EAAQ,GAAR,CAA7B;AACA,EAAA,qBAAqB,CAAC,KAAD,CAArB;AAEA,SAAO,WAAW,CAAC,KAAD,CAAlB;AACD,CALmE,CAA7D;AAOP,YAAY,CAAC,WAAb,GAA2B,cAA3B","sourceRoot":""}

package/lib/components/CounterBadge/CounterBadge.types.d.ts

@@ -30,12 +30,17 @@ export declare type CounterBadgeCommons = {
      * @default filled
      */
     appearance: 'filled' | 'ghost';
+    /**
+     * Semantic colors for a counter badge
+     * @default brand
+     */
+    color: Extract<BadgeProps['color'], 'brand' | 'danger' | 'important' | 'informative'>;
 };
 /**
  * {@docCategory CounterBadge}
  */
-export declare type CounterBadgeProps = Omit<BadgeProps, 'appearance' | 'shape'> & Partial<CounterBadgeCommons>;
+export declare type CounterBadgeProps = Omit<BadgeProps, 'appearance' | 'shape' | 'color'> & Partial<CounterBadgeCommons>;
 /**
  * {@docCategory CounterBadge}
  */
-export declare type CounterBadgeState = Omit<BadgeState, 'appearance' | 'shape'> & CounterBadgeCommons;
+export declare type CounterBadgeState = Omit<BadgeState, 'appearance' | 'shape' | 'color'> & CounterBadgeCommons;

package/lib/components/CounterBadge/useCounterBadge.js

@@ -1,34 +1,28 @@
-import { __assign } from "tslib";
 import { useBadge } from '../Badge/index';
 /**
  * Returns the props and state required to render the component
  */
 
-export var useCounterBadge = function (props, ref) {
-  var _a = props.shape,
-      shape = _a === void 0 ? 'circular' : _a,
-      _b = props.appearance,
-      appearance = _b === void 0 ? 'filled' : _b,
-      _c = props.showZero,
-      showZero = _c === void 0 ? false : _c,
-      _d = props.overflowCount,
-      overflowCount = _d === void 0 ? 99 : _d,
-      _e = props.count,
-      count = _e === void 0 ? 0 : _e,
-      _f = props.dot,
-      dot = _f === void 0 ? false : _f;
-
-  var state = __assign(__assign({}, useBadge(props, ref)), {
-    shape: shape,
-    appearance: appearance,
-    showZero: showZero,
-    overflowCount: overflowCount,
-    count: count,
-    dot: dot
-  });
+export const useCounterBadge = (props, ref) => {
+  const {
+    shape = 'circular',
+    appearance = 'filled',
+    showZero = false,
+    overflowCount = 99,
+    count = 0,
+    dot = false
+  } = props;
+  const state = { ...useBadge(props, ref),
+    shape,
+    appearance,
+    showZero,
+    overflowCount,
+    count,
+    dot
+  };
 
   if (!state.dot && !state.root.children) {
-    state.root.children = state.count > state.overflowCount ? state.overflowCount + "+" : "" + state.count;
+    state.root.children = state.count > state.overflowCount ? `${state.overflowCount}+` : `${state.count}`;
   }
 
   return state;

package/lib/components/CounterBadge/useCounterBadge.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/CounterBadge/useCounterBadge.ts"],"names":[],"mappings":";AACA,SAAS,QAAT,QAAyB,gBAAzB;AAGA;;AAEG;;AACH,OAAO,IAAM,eAAe,GAAG,UAAC,KAAD,EAA2B,GAA3B,EAAsD;AAEjF,MAAA,EAAA,GAME,KAAK,CANW,KAAlB;AAAA,MAAA,KAAK,GAAA,EAAA,KAAA,KAAA,CAAA,GAAG,UAAH,GAAa,EAAlB;AAAA,MACA,EAAA,GAKE,KAAK,CALc,UADrB;AAAA,MACA,UAAU,GAAA,EAAA,KAAA,KAAA,CAAA,GAAG,QAAH,GAAW,EADrB;AAAA,MAEA,EAAA,GAIE,KAAK,CAJS,QAFhB;AAAA,MAEA,QAAQ,GAAA,EAAA,KAAA,KAAA,CAAA,GAAG,KAAH,GAAQ,EAFhB;AAAA,MAGA,EAAA,GAGE,KAAK,CAHW,aAHlB;AAAA,MAGA,aAAa,GAAA,EAAA,KAAA,KAAA,CAAA,GAAG,EAAH,GAAK,EAHlB;AAAA,MAIA,EAAA,GAEE,KAAK,CAFE,KAJT;AAAA,MAIA,KAAK,GAAA,EAAA,KAAA,KAAA,CAAA,GAAG,CAAH,GAAI,EAJT;AAAA,MAKA,EAAA,GACE,KAAK,CADI,GALX;AAAA,MAKA,GAAG,GAAA,EAAA,KAAA,KAAA,CAAA,GAAG,KAAH,GAAQ,EALX;;AAQF,MAAM,KAAK,GAAA,QAAA,CAAA,QAAA,CAAA,EAAA,EACN,QAAQ,CAAC,KAAD,EAAQ,GAAR,CADF,CAAA,EACc;AACvB,IAAA,KAAK,EAAA,KADkB;AAEvB,IAAA,UAAU,EAAA,UAFa;AAGvB,IAAA,QAAQ,EAAA,QAHe;AAIvB,IAAA,aAAa,EAAA,aAJU;AAKvB,IAAA,KAAK,EAAA,KALkB;AAMvB,IAAA,GAAG,EAAA;AANoB,GADd,CAAX;;AAUA,MAAI,CAAC,KAAK,CAAC,GAAP,IAAc,CAAC,KAAK,CAAC,IAAN,CAAW,QAA9B,EAAwC;AACtC,IAAA,KAAK,CAAC,IAAN,CAAW,QAAX,GAAsB,KAAK,CAAC,KAAN,GAAc,KAAK,CAAC,aAApB,GAAuC,KAAK,CAAC,aAAN,GAAmB,GAA1D,GAAgE,KAAG,KAAK,CAAC,KAA/F;AACD;;AAED,SAAO,KAAP;AACD,CAzBM","sourceRoot":""}
+{"version":3,"sources":["../../../src/components/CounterBadge/useCounterBadge.ts"],"names":[],"mappings":"AACA,SAAS,QAAT,QAAyB,gBAAzB;AAGA;;AAEG;;AACH,OAAO,MAAM,eAAe,GAAG,CAAC,KAAD,EAA2B,GAA3B,KAA6E;AAC1G,QAAM;AACJ,IAAA,KAAK,GAAG,UADJ;AAEJ,IAAA,UAAU,GAAG,QAFT;AAGJ,IAAA,QAAQ,GAAG,KAHP;AAIJ,IAAA,aAAa,GAAG,EAJZ;AAKJ,IAAA,KAAK,GAAG,CALJ;AAMJ,IAAA,GAAG,GAAG;AANF,MAOF,KAPJ;AASA,QAAM,KAAK,GAAsB,EAC/B,GAAI,QAAQ,CAAC,KAAD,EAAQ,GAAR,CADmB;AAE/B,IAAA,KAF+B;AAG/B,IAAA,UAH+B;AAI/B,IAAA,QAJ+B;AAK/B,IAAA,aAL+B;AAM/B,IAAA,KAN+B;AAO/B,IAAA;AAP+B,GAAjC;;AAUA,MAAI,CAAC,KAAK,CAAC,GAAP,IAAc,CAAC,KAAK,CAAC,IAAN,CAAW,QAA9B,EAAwC;AACtC,IAAA,KAAK,CAAC,IAAN,CAAW,QAAX,GAAsB,KAAK,CAAC,KAAN,GAAc,KAAK,CAAC,aAApB,GAAoC,GAAG,KAAK,CAAC,aAAa,GAA1D,GAAgE,GAAG,KAAK,CAAC,KAAK,EAApG;AACD;;AAED,SAAO,KAAP;AACD,CAzBM","sourceRoot":""}

package/lib/components/CounterBadge/useCounterBadgeStyles.d.ts

@@ -1,4 +1,5 @@
 import type { CounterBadgeState } from './CounterBadge.types';
+export declare const counterBadgeClassName = "fui-CounterBadge";
 /**
  * Applies style classnames to slots
  */

package/lib/components/CounterBadge/useCounterBadgeStyles.js

@@ -1,39 +1,11 @@
-import { mergeClasses, __styles } from '@fluentui/react-make-styles';
+import { shorthands, mergeClasses, __styles } from '@fluentui/react-make-styles';
 import { useBadgeStyles } from '../Badge/useBadgeStyles';
+export const counterBadgeClassName = 'fui-CounterBadge';
 
-var useStyles = /*#__PURE__*/__styles({
+const useStyles = /*#__PURE__*/__styles({
   "root": {
     "Bf4jedk": "fgfkb25"
   },
-  "warning": {
-    "De3pzq": "fic4z9l",
-    "g2u3we": "f1g6aqbb",
-    "h3c5rm": ["f1xc4egn", "f1y13pv"],
-    "B9xav0g": "f12f05r9",
-    "zhjwy3": ["f1y13pv", "f1xc4egn"]
-  },
-  "important": {
-    "De3pzq": "f1y11cvn",
-    "g2u3we": "f9ag23u",
-    "h3c5rm": ["fzlvby", "fj2uge6"],
-    "B9xav0g": "fk41dq4",
-    "zhjwy3": ["fj2uge6", "fzlvby"]
-  },
-  "severe": {
-    "De3pzq": "ftpr1dl",
-    "g2u3we": "fx7g4rx",
-    "h3c5rm": ["f1edxl4n", "f5hlgd2"],
-    "B9xav0g": "f5ppncr",
-    "zhjwy3": ["f5hlgd2", "f1edxl4n"]
-  },
-  "informative": {
-    "De3pzq": "f6zwqgc",
-    "g2u3we": "f1pdtvjr",
-    "h3c5rm": ["f1ctwv29", "f1m7luuw"],
-    "B9xav0g": "f1ijpqjr",
-    "zhjwy3": ["f1m7luuw", "f1ctwv29"],
-    "sj55zd": "f11d4kpn"
-  },
   "dot": {
     "a9b677": "f16dn6v3",
     "Bqenvij": "f3mu39s",
@@ -46,16 +18,16 @@ var useStyles = /*#__PURE__*/__styles({
     "mc9l5x": "fjseox"
   }
 }, {
-  "d": [".fgfkb25{min-width:auto;}", ".fic4z9l{background-color:#c50f1f;}", ".f1g6aqbb{border-top-color:#c50f1f;}", ".f1xc4egn{border-right-color:#c50f1f;}", ".f1y13pv{border-left-color:#c50f1f;}", ".f12f05r9{border-bottom-color:#c50f1f;}", ".f1y11cvn{background-color:#242424;}", ".f9ag23u{border-top-color:#242424;}", ".fzlvby{border-right-color:#242424;}", ".fj2uge6{border-left-color:#242424;}", ".fk41dq4{border-bottom-color:#242424;}", ".ftpr1dl{background-color:#d13438;}", ".fx7g4rx{border-top-color:#d13438;}", ".f1edxl4n{border-right-color:#d13438;}", ".f5hlgd2{border-left-color:#d13438;}", ".f5ppncr{border-bottom-color:#d13438;}", ".f6zwqgc{background-color:#ebebeb;}", ".f1pdtvjr{border-top-color:#ebebeb;}", ".f1ctwv29{border-right-color:#ebebeb;}", ".f1m7luuw{border-left-color:#ebebeb;}", ".f1ijpqjr{border-bottom-color:#ebebeb;}", ".f11d4kpn{color:var(--colorNeutralForeground3);}", ".f16dn6v3{width:6px;}", ".f3mu39s{height:6px;}", ".f1g0x7ka{padding-top:0;}", ".fhxju0i{padding-right:0;}", ".f1cnd47f{padding-left:0;}", ".f1qch9an{padding-bottom:0;}", ".fjseox{display:none;}"]
+  "d": [".fgfkb25{min-width:auto;}", ".f16dn6v3{width:6px;}", ".f3mu39s{height:6px;}", ".f1g0x7ka{padding-top:0;}", ".fhxju0i{padding-right:0;}", ".f1cnd47f{padding-left:0;}", ".f1qch9an{padding-bottom:0;}", ".fjseox{display:none;}"]
 });
 /**
  * Applies style classnames to slots
  */
 
 
-export var useCounterBadgeStyles = function (state) {
-  var styles = useStyles();
-  state.root.className = mergeClasses(styles.root, state.color === 'warning' && styles.warning, state.color === 'important' && styles.important, state.color === 'severe' && styles.severe, state.color === 'informative' && styles.informative, state.dot && styles.dot, !state.showZero && state.count === 0 && !state.dot && styles.hide, state.root.className);
+export const useCounterBadgeStyles = state => {
+  const styles = useStyles();
+  state.root.className = mergeClasses(counterBadgeClassName, styles.root, state.dot && styles.dot, !state.showZero && state.count === 0 && !state.dot && styles.hide, state.root.className);
   return useBadgeStyles(state);
 };
 //# sourceMappingURL=useCounterBadgeStyles.js.map

package/lib/components/CounterBadge/useCounterBadgeStyles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/CounterBadge/useCounterBadgeStyles.ts"],"names":[],"mappings":"AAAA,SAAS,YAAT,kBAAyC,6BAAzC;AACA,SAAS,cAAT,QAA+B,yBAA/B;;AAGA,IAAM,SAAS,gBAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAlB;AAgCA;;AAEG;;;AACH,OAAO,IAAM,qBAAqB,GAAG,UAAC,KAAD,EAAyB;AAC5D,MAAM,MAAM,GAAG,SAAS,EAAxB;AACA,EAAA,KAAK,CAAC,IAAN,CAAW,SAAX,GAAuB,YAAY,CACjC,MAAM,CAAC,IAD0B,EAEjC,KAAK,CAAC,KAAN,KAAgB,SAAhB,IAA6B,MAAM,CAAC,OAFH,EAGjC,KAAK,CAAC,KAAN,KAAgB,WAAhB,IAA+B,MAAM,CAAC,SAHL,EAIjC,KAAK,CAAC,KAAN,KAAgB,QAAhB,IAA4B,MAAM,CAAC,MAJF,EAKjC,KAAK,CAAC,KAAN,KAAgB,aAAhB,IAAiC,MAAM,CAAC,WALP,EAMjC,KAAK,CAAC,GAAN,IAAa,MAAM,CAAC,GANa,EAOjC,CAAC,KAAK,CAAC,QAAP,IAAmB,KAAK,CAAC,KAAN,KAAgB,CAAnC,IAAwC,CAAC,KAAK,CAAC,GAA/C,IAAsD,MAAM,CAAC,IAP5B,EAQjC,KAAK,CAAC,IAAN,CAAW,SARsB,CAAnC;AAUA,SAAO,cAAc,CAAC,KAAD,CAArB;AACD,CAbM","sourceRoot":""}
+{"version":3,"sources":["../../../src/components/CounterBadge/useCounterBadgeStyles.ts"],"names":[],"mappings":"AAAA,SAAS,UAAT,EAAqB,YAArB,kBAAqD,6BAArD;AACA,SAAS,cAAT,QAA+B,yBAA/B;AAGA,OAAO,MAAM,qBAAqB,GAAG,kBAA9B;;AAEP,MAAM,SAAS,gBAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAlB;AAcA;;AAEG;;;AACH,OAAO,MAAM,qBAAqB,GAAI,KAAD,IAAgD;AACnF,QAAM,MAAM,GAAG,SAAS,EAAxB;AACA,EAAA,KAAK,CAAC,IAAN,CAAW,SAAX,GAAuB,YAAY,CACjC,qBADiC,EAEjC,MAAM,CAAC,IAF0B,EAGjC,KAAK,CAAC,GAAN,IAAa,MAAM,CAAC,GAHa,EAIjC,CAAC,KAAK,CAAC,QAAP,IAAmB,KAAK,CAAC,KAAN,KAAgB,CAAnC,IAAwC,CAAC,KAAK,CAAC,GAA/C,IAAsD,MAAM,CAAC,IAJ5B,EAKjC,KAAK,CAAC,IAAN,CAAW,SALsB,CAAnC;AAOA,SAAO,cAAc,CAAC,KAAD,CAArB;AACD,CAVM","sourceRoot":""}

package/lib/components/PresenceBadge/PresenceBadge.js

@@ -6,8 +6,8 @@ import { renderBadge } from '../../Badge';
  * Define a styled Badge, using the `useBadge` hook.
  */
 
-export var PresenceBadge = /*#__PURE__*/React.forwardRef(function (props, ref) {
-  var state = usePresenceBadge(props, ref);
+export const PresenceBadge = /*#__PURE__*/React.forwardRef((props, ref) => {
+  const state = usePresenceBadge(props, ref);
   usePresenceBadgeStyles(state);
   return renderBadge(state);
 });

package/lib/components/PresenceBadge/PresenceBadge.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/PresenceBadge/PresenceBadge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AACA,SAAS,gBAAT,QAAiC,oBAAjC;AACA,SAAS,sBAAT,QAAuC,0BAAvC;AACA,SAAS,WAAT,QAA4B,aAA5B;AAIA;;AAEG;;AACH,OAAO,IAAM,aAAa,gBAA4C,KAAK,CAAC,UAAN,CAAiB,UAAC,KAAD,EAAQ,GAAR,EAAW;AAChG,MAAM,KAAK,GAAG,gBAAgB,CAAC,KAAD,EAAQ,GAAR,CAA9B;AACA,EAAA,sBAAsB,CAAC,KAAD,CAAtB;AAEA,SAAO,WAAW,CAAC,KAAD,CAAlB;AACD,CALqE,CAA/D;AAOP,aAAa,CAAC,WAAd,GAA4B,eAA5B","sourceRoot":""}
+{"version":3,"sources":["../../../src/components/PresenceBadge/PresenceBadge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AACA,SAAS,gBAAT,QAAiC,oBAAjC;AACA,SAAS,sBAAT,QAAuC,0BAAvC;AACA,SAAS,WAAT,QAA4B,aAA5B;AAIA;;AAEG;;AACH,OAAO,MAAM,aAAa,gBAA4C,KAAK,CAAC,UAAN,CAAiB,CAAC,KAAD,EAAQ,GAAR,KAAe;AACpG,QAAM,KAAK,GAAG,gBAAgB,CAAC,KAAD,EAAQ,GAAR,CAA9B;AACA,EAAA,sBAAsB,CAAC,KAAD,CAAtB;AAEA,SAAO,WAAW,CAAC,KAAD,CAAlB;AACD,CALqE,CAA/D;AAOP,aAAa,CAAC,WAAd,GAA4B,eAA5B","sourceRoot":""}

package/lib/components/PresenceBadge/PresenceBadge.types.d.ts

@@ -1,6 +1,7 @@
-import type { BadgeProps, BadgeState } from '../Badge/index';
+import type { ComponentProps, ComponentState } from '@fluentui/react-utilities';
+import type { BadgeCommons, BadgeSlots } from '../Badge/index';
 export declare type PresenceBadgeStatus = 'busy' | 'outOfOffice' | 'away' | 'available' | 'offline' | 'doNotDisturb';
-export interface PresenceBadgeCommons {
+export declare type PresenceBadgeCommons = {
     /**
      * Represents several status
      * @default available
@@ -12,6 +13,6 @@ export interface PresenceBadgeCommons {
      * @default false
      */
     outOfOffice: boolean;
-}
-export declare type PresenceBadgeProps = BadgeProps & Partial<PresenceBadgeCommons>;
-export declare type PresenceBadgeState = BadgeState & PresenceBadgeCommons;
+} & BadgeCommons;
+export declare type PresenceBadgeProps = ComponentProps<Partial<Pick<BadgeSlots, 'root'>>> & Partial<Pick<PresenceBadgeCommons, 'status' | 'outOfOffice' | 'size'>>;
+export declare type PresenceBadgeState = PresenceBadgeCommons & ComponentState<BadgeSlots>;

package/lib/components/PresenceBadge/presenceIcons.d.ts

@@ -0,0 +1,11 @@
+import * as React from 'react';
+import type { PresenceBadgeState } from './PresenceBadge.types';
+export declare const presenceAwayFilled: Record<PresenceBadgeState['size'], React.FunctionComponent | null>;
+export declare const presenceAvailableRegular: Record<PresenceBadgeState['size'], React.FunctionComponent | null>;
+export declare const presenceAvailableFilled: Record<PresenceBadgeState['size'], React.FunctionComponent | null>;
+export declare const presenceBusyFilled: Record<PresenceBadgeState['size'], React.FunctionComponent | null>;
+export declare const presenceDndFilled: Record<PresenceBadgeState['size'], React.FunctionComponent | null>;
+export declare const presenceDndRegular: Record<PresenceBadgeState['size'], React.FunctionComponent | null>;
+export declare const presenceOofRegular: Record<PresenceBadgeState['size'], React.FunctionComponent | null>;
+export declare const presenceOfflineRegular: Record<PresenceBadgeState['size'], React.FunctionComponent | null>;
+export declare const presenceUnknownRegular: Record<PresenceBadgeState['size'], React.FunctionComponent | null>;