@fluentui/react-badge 0.0.0-nightlye0b8e1fa6920220128.1 → 0.0.0-nightlye1926bfeca20220204.1

package/lib-commonjs/components/Badge/useBadgeStyles.js

@@ -11,18 +11,12 @@ const react_theme_1 = /*#__PURE__*/require("@fluentui/react-theme");
 
 exports.badgeClassName = 'fui-Badge';
 
-const useStyles = /*#__PURE__*/react_1.__styles({
-  "root": {
+const useRootStyles = /*#__PURE__*/react_1.__styles({
+  "base": {
     "mc9l5x": "ftuwxu6",
     "B7ck84d": "f1ewtqcl",
     "Bt984gj": "f122n59",
     "Brf1p80": "f4d9j23",
-    "De3pzq": "ffp7eso",
-    "g2u3we": "f1vp46cd",
-    "h3c5rm": ["f1lxz1cr", "ff8nh0i"],
-    "B9xav0g": "fe9j8it",
-    "zhjwy3": ["ff8nh0i", "f1lxz1cr"],
-    "sj55zd": "f1phragk",
     "Bhrd7zp": "fl43uef",
     "B4j52fo": "f192inf7",
     "Bekrc4i": ["f5tn483", "f1ojsxk5"],
@@ -35,17 +29,17 @@ const useStyles = /*#__PURE__*/react_1.__styles({
     "Bahqtrf": "fk6fouc",
     "qhf8xq": "f10pi13n"
   },
-  "rootTiny": {
+  "tiny": {
     "a9b677": "f16dn6v3",
     "Bqenvij": "f3mu39s",
     "Be2twd7": "f130uwy9"
   },
-  "rootExtraSmall": {
+  "extra-small": {
     "a9b677": "fpd43o0",
     "Bqenvij": "f30q22z",
     "Be2twd7": "f1tccstq"
   },
-  "rootSmall": {
+  "small": {
     "Bf4jedk": "fq2vo04",
     "Bqenvij": "fd461yt",
     "z8tnut": "fq1loh5",
@@ -56,7 +50,7 @@ const useStyles = /*#__PURE__*/react_1.__styles({
     "Belr9w4": "f1ma2n7n",
     "Be2twd7": "f1n0apg3"
   },
-  "rootMedium": {
+  "medium": {
     "Bqenvij": "fjamq6b",
     "Bf4jedk": "f11u7vat",
     "i8kkvl": "f1q8lukm",
@@ -67,7 +61,7 @@ const useStyles = /*#__PURE__*/react_1.__styles({
     "uwmqm3": ["fycuoez", "f8wuabp"],
     "Be2twd7": "fnmn6fi"
   },
-  "rootLarge": {
+  "large": {
     "Bf4jedk": "f17fgpbq",
     "Bqenvij": "frvgh55",
     "z8tnut": "f10ra9hq",
@@ -78,7 +72,7 @@ const useStyles = /*#__PURE__*/react_1.__styles({
     "i8kkvl": "f1q8lukm",
     "Belr9w4": "f1ma2n7n"
   },
-  "rootExtraLarge": {
+  "extra-large": {
     "Bf4jedk": "fwbmr0d",
     "Bqenvij": "f1d2rq10",
     "z8tnut": "f1xp5gbu",
@@ -93,49 +87,40 @@ const useStyles = /*#__PURE__*/react_1.__styles({
     "Bn0qgzm": "fmklw6v",
     "ibv6hh": ["fsfsuhs", "f1wpluaz"]
   },
-  "rootRounded": {
+  "square": {},
+  "rounded": {
     "Bbmb7ep": ["f1aa9q02", "f16jpd5f"],
     "Beyfa6y": ["f16jpd5f", "f1aa9q02"],
     "B7oj6ja": ["f1jar5jt", "fyu767a"],
     "Btl43ni": ["fyu767a", "f1jar5jt"]
   },
-  "rootRoundedSmallToTiny": {
+  "roundedSmallToTiny": {
     "Bbmb7ep": ["f1g3puop", "fi2rrw2"],
     "Beyfa6y": ["fi2rrw2", "f1g3puop"],
     "B7oj6ja": ["f1rstyi9", "f1s4nn1u"],
     "Btl43ni": ["f1s4nn1u", "f1rstyi9"]
   },
-  "rootCircular": {
+  "circular": {
     "Bbmb7ep": ["fxyqdnz", "fib3qew"],
     "Beyfa6y": ["fib3qew", "fxyqdnz"],
     "B7oj6ja": ["f14p2bvz", "fdqj3q4"],
     "Btl43ni": ["fdqj3q4", "f14p2bvz"]
   },
-  "rootGhost": {
-    "De3pzq": "f3rmtva",
-    "icvyot": "f1ern45e",
-    "vrafjx": ["f1n71otn", "f1deefiw"],
-    "oivjwe": "f1h8hb77",
-    "wvpqe5": ["f1deefiw", "f1n71otn"],
-    "sj55zd": "f1817uup"
+  "filled": {
+    "g2u3we": "fghlq4f",
+    "h3c5rm": ["f1gn591s", "fjscplz"],
+    "B9xav0g": "fb073pr",
+    "zhjwy3": ["fjscplz", "f1gn591s"]
   },
-  "rootOutline": {
-    "De3pzq": "f3rmtva",
+  "filled-brand": {
+    "De3pzq": "ffp7eso",
+    "sj55zd": "f1phragk",
     "g2u3we": "f1vp46cd",
     "h3c5rm": ["f1lxz1cr", "ff8nh0i"],
     "B9xav0g": "fe9j8it",
-    "zhjwy3": ["ff8nh0i", "f1lxz1cr"],
-    "sj55zd": "f1817uup"
-  },
-  "rootTint": {
-    "De3pzq": "f16xkysk",
-    "sj55zd": "faj9fo0",
-    "g2u3we": "f161y7kd",
-    "h3c5rm": ["f1c8dzaj", "f1sl6hi9"],
-    "B9xav0g": "f1619yhw",
-    "zhjwy3": ["f1sl6hi9", "f1c8dzaj"]
+    "zhjwy3": ["ff8nh0i", "f1lxz1cr"]
   },
-  "rootFilledDanger": {
+  "filled-danger": {
     "De3pzq": "fdl5y0r",
     "sj55zd": "f1phragk",
     "g2u3we": "f11ttmz8",
@@ -143,51 +128,27 @@ const useStyles = /*#__PURE__*/react_1.__styles({
     "B9xav0g": "fvovscg",
     "zhjwy3": ["f459ikj", "f1ratw88"]
   },
-  "rootOutlineDanger": {
-    "sj55zd": "f1whyuy6",
-    "g2u3we": "f1tg094z",
-    "h3c5rm": ["f19abfc5", "f1cj97ds"],
-    "B9xav0g": "f1i5u4jy",
-    "zhjwy3": ["f1cj97ds", "f19abfc5"]
-  },
-  "rootTintDanger": {
-    "De3pzq": "ff0poqj",
-    "sj55zd": "f1hcrxcs",
-    "g2u3we": "f1oqjm8o",
-    "h3c5rm": ["fkgrb8g", "frb5wm0"],
-    "B9xav0g": "f1iai1ph",
-    "zhjwy3": ["frb5wm0", "fkgrb8g"]
+  "filled-important": {
+    "De3pzq": "f1c73kur",
+    "sj55zd": "fr0bkrk"
   },
-  "rootGhostDanger": {
-    "sj55zd": "f1whyuy6"
+  "filled-informative": {
+    "De3pzq": "f3vzo32",
+    "sj55zd": "f11d4kpn"
   },
-  "rootFilledSevere": {
+  "filled-severe": {
     "De3pzq": "f1s438gw",
-    "sj55zd": "f1phragk",
-    "g2u3we": "fghlq4f",
-    "h3c5rm": ["f1gn591s", "fjscplz"],
-    "B9xav0g": "fb073pr",
-    "zhjwy3": ["fjscplz", "f1gn591s"]
-  },
-  "rootOutlineSevere": {
-    "sj55zd": "f1l8vj45",
-    "g2u3we": "f1wahxdx",
-    "h3c5rm": ["fpbzgcg", "f1g7u8zt"],
-    "B9xav0g": "f1wrnc4t",
-    "zhjwy3": ["f1g7u8zt", "fpbzgcg"]
+    "sj55zd": "f1phragk"
   },
-  "rootTintSevere": {
-    "De3pzq": "f1xzsg4",
-    "sj55zd": "f1k5f75o",
-    "g2u3we": "f18s257e",
-    "h3c5rm": ["f13ptu4t", "fiwx4jo"],
-    "B9xav0g": "f1geyuz0",
-    "zhjwy3": ["fiwx4jo", "f13ptu4t"]
+  "filled-subtle": {
+    "De3pzq": "fxugw4r",
+    "sj55zd": "f19n0e5"
   },
-  "rootGhostSevere": {
-    "sj55zd": "f1l8vj45"
+  "filled-success": {
+    "De3pzq": "flxk52p",
+    "sj55zd": "f1phragk"
   },
-  "rootFilledWarning": {
+  "filled-warning": {
     "De3pzq": "ffq97bm",
     "sj55zd": "f19n0e5",
     "g2u3we": "f1gyeiz5",
@@ -195,92 +156,100 @@ const useStyles = /*#__PURE__*/react_1.__styles({
     "B9xav0g": "f102bkgo",
     "zhjwy3": ["fd1epeu", "f1jnj1iq"]
   },
-  "rootOutlineWarning": {
-    "sj55zd": "fpti2h4",
-    "g2u3we": "fbahunb",
-    "h3c5rm": ["fa2hcp6", "f1cr20yc"],
-    "B9xav0g": "f1fbl5g1",
-    "zhjwy3": ["f1cr20yc", "fa2hcp6"]
+  "ghost": {
+    "icvyot": "f1ern45e",
+    "vrafjx": ["f1n71otn", "f1deefiw"],
+    "oivjwe": "f1h8hb77",
+    "wvpqe5": ["f1deefiw", "f1n71otn"]
   },
-  "rootTintWarning": {
-    "De3pzq": "f10s6hli",
-    "sj55zd": "fpti2h4",
-    "g2u3we": "f1e2bpek",
-    "h3c5rm": ["fnu3uvp", "fdpwmi9"],
-    "B9xav0g": "fk8fs0c",
-    "zhjwy3": ["fdpwmi9", "fnu3uvp"]
+  "ghost-brand": {
+    "sj55zd": "f1817uup"
   },
-  "rootGhostWarning": {
-    "sj55zd": "fpti2h4"
+  "ghost-danger": {
+    "sj55zd": "f1whyuy6"
   },
-  "rootFilledSuccess": {
-    "De3pzq": "flxk52p",
-    "sj55zd": "f1phragk",
-    "g2u3we": "fghlq4f",
-    "h3c5rm": ["f1gn591s", "fjscplz"],
-    "B9xav0g": "fb073pr",
-    "zhjwy3": ["fjscplz", "f1gn591s"]
+  "ghost-important": {
+    "sj55zd": "f19n0e5"
   },
-  "rootOutlineSuccess": {
-    "sj55zd": "f1sms7z7",
-    "g2u3we": "f7obisw",
-    "h3c5rm": ["f108f34s", "f1chpoyh"],
-    "B9xav0g": "f1xtovf2",
-    "zhjwy3": ["f1chpoyh", "f108f34s"]
+  "ghost-informative": {
+    "sj55zd": "f11d4kpn"
   },
-  "rootTintSuccess": {
-    "De3pzq": "f2vsrz6",
-    "sj55zd": "ffmvakt",
-    "g2u3we": "f3m3qtd",
-    "h3c5rm": ["f1bjyn17", "fksln3n"],
-    "B9xav0g": "frg4y0o",
-    "zhjwy3": ["fksln3n", "f1bjyn17"]
+  "ghost-severe": {
+    "sj55zd": "f1l8vj45"
   },
-  "rootGhostSuccess": {
+  "ghost-subtle": {
+    "sj55zd": "fqpbvvt"
+  },
+  "ghost-success": {
     "sj55zd": "f1m7fhi8"
   },
-  "rootFilledImportant": {
-    "De3pzq": "f1c73kur",
-    "sj55zd": "fr0bkrk",
-    "g2u3we": "fghlq4f",
-    "h3c5rm": ["f1gn591s", "fjscplz"],
-    "B9xav0g": "fb073pr",
-    "zhjwy3": ["fjscplz", "f1gn591s"]
+  "ghost-warning": {
+    "sj55zd": "fpti2h4"
+  },
+  "outline": {
+    "g2u3we": "f23ftbb",
+    "h3c5rm": ["f1gkuv52", "f1p1bl80"],
+    "B9xav0g": "fioka3i",
+    "zhjwy3": ["f1p1bl80", "f1gkuv52"]
   },
-  "rootOutlineImportant": {
+  "outline-brand": {
+    "sj55zd": "f1817uup"
+  },
+  "outline-danger": {
+    "sj55zd": "f1whyuy6"
+  },
+  "outline-important": {
     "sj55zd": "f11d4kpn",
     "g2u3we": "fq0vr37",
     "h3c5rm": ["f1byw159", "f11cr0be"],
     "B9xav0g": "f1c1zstj",
     "zhjwy3": ["f11cr0be", "f1byw159"]
   },
-  "rootTintImportant": {
-    "De3pzq": "f945g0u",
-    "sj55zd": "fr0bkrk",
-    "g2u3we": "fghlq4f",
-    "h3c5rm": ["f1gn591s", "fjscplz"],
-    "B9xav0g": "fb073pr",
-    "zhjwy3": ["fjscplz", "f1gn591s"]
+  "outline-informative": {
+    "sj55zd": "f11d4kpn",
+    "g2u3we": "f68mrw8",
+    "h3c5rm": ["f7pw515", "fw35ms5"],
+    "B9xav0g": "frpde29",
+    "zhjwy3": ["fw35ms5", "f7pw515"]
   },
-  "rootGhostImportant": {
-    "sj55zd": "f19n0e5"
+  "outline-severe": {
+    "sj55zd": "f1l8vj45"
   },
-  "rootFilledInformative": {
-    "De3pzq": "f3vzo32",
-    "sj55zd": "f11d4kpn",
+  "outline-subtle": {
+    "sj55zd": "fqpbvvt"
+  },
+  "outline-success": {
+    "sj55zd": "f1sms7z7"
+  },
+  "outline-warning": {
+    "sj55zd": "fpti2h4"
+  },
+  "tint": {},
+  "tint-brand": {
+    "De3pzq": "f16xkysk",
+    "sj55zd": "faj9fo0",
+    "g2u3we": "f161y7kd",
+    "h3c5rm": ["f1c8dzaj", "f1sl6hi9"],
+    "B9xav0g": "f1619yhw",
+    "zhjwy3": ["f1sl6hi9", "f1c8dzaj"]
+  },
+  "tint-danger": {
+    "De3pzq": "ff0poqj",
+    "sj55zd": "f1hcrxcs",
+    "g2u3we": "f1oqjm8o",
+    "h3c5rm": ["fkgrb8g", "frb5wm0"],
+    "B9xav0g": "f1iai1ph",
+    "zhjwy3": ["frb5wm0", "fkgrb8g"]
+  },
+  "tint-important": {
+    "De3pzq": "f945g0u",
+    "sj55zd": "fr0bkrk",
     "g2u3we": "fghlq4f",
     "h3c5rm": ["f1gn591s", "fjscplz"],
     "B9xav0g": "fb073pr",
     "zhjwy3": ["fjscplz", "f1gn591s"]
   },
-  "rootOutlineInformative": {
-    "sj55zd": "f11d4kpn",
-    "g2u3we": "f68mrw8",
-    "h3c5rm": ["f7pw515", "fw35ms5"],
-    "B9xav0g": "frpde29",
-    "zhjwy3": ["fw35ms5", "f7pw515"]
-  },
-  "rootTintInformative": {
+  "tint-informative": {
     "De3pzq": "f1ctqxl6",
     "sj55zd": "f11d4kpn",
     "g2u3we": "f68mrw8",
@@ -288,25 +257,15 @@ const useStyles = /*#__PURE__*/react_1.__styles({
     "B9xav0g": "frpde29",
     "zhjwy3": ["fw35ms5", "f7pw515"]
   },
-  "rootGhostInformative": {
-    "sj55zd": "f11d4kpn"
-  },
-  "rootFilledSubtle": {
-    "De3pzq": "fxugw4r",
-    "sj55zd": "f19n0e5",
-    "g2u3we": "fghlq4f",
-    "h3c5rm": ["f1gn591s", "fjscplz"],
-    "B9xav0g": "fb073pr",
-    "zhjwy3": ["fjscplz", "f1gn591s"]
-  },
-  "rootOutlineSubtle": {
-    "sj55zd": "fqpbvvt",
-    "g2u3we": "fgtodeh",
-    "h3c5rm": ["fm9lria", "fvwj3xt"],
-    "B9xav0g": "f7asi1z",
-    "zhjwy3": ["fvwj3xt", "fm9lria"]
+  "tint-severe": {
+    "De3pzq": "f1xzsg4",
+    "sj55zd": "f1k5f75o",
+    "g2u3we": "f18s257e",
+    "h3c5rm": ["f13ptu4t", "fiwx4jo"],
+    "B9xav0g": "f1geyuz0",
+    "zhjwy3": ["fiwx4jo", "f13ptu4t"]
   },
-  "rootTintSubtle": {
+  "tint-subtle": {
     "De3pzq": "fxugw4r",
     "sj55zd": "f11d4kpn",
     "g2u3we": "f68mrw8",
@@ -314,35 +273,53 @@ const useStyles = /*#__PURE__*/react_1.__styles({
     "B9xav0g": "frpde29",
     "zhjwy3": ["fw35ms5", "f7pw515"]
   },
-  "rootGhostSubtle": {
-    "sj55zd": "fqpbvvt"
+  "tint-success": {
+    "De3pzq": "f2vsrz6",
+    "sj55zd": "ffmvakt",
+    "g2u3we": "f3m3qtd",
+    "h3c5rm": ["f1bjyn17", "fksln3n"],
+    "B9xav0g": "frg4y0o",
+    "zhjwy3": ["fksln3n", "f1bjyn17"]
   },
-  "icon": {
+  "tint-warning": {
+    "De3pzq": "f10s6hli",
+    "sj55zd": "fpti2h4",
+    "g2u3we": "f1e2bpek",
+    "h3c5rm": ["fnu3uvp", "fdpwmi9"],
+    "B9xav0g": "fk8fs0c",
+    "zhjwy3": ["fdpwmi9", "fnu3uvp"]
+  }
+}, {
+  "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;}", ".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;}", ".fq1loh5{padding-top:2px;}", ".f12huiiw{padding-right:2px;}", ".f161knb0{padding-left:2px;}", ".futqtb8{padding-bottom:2px;}", ".f1q8lukm{-webkit-column-gap:4px;column-gap:4px;}", ".f1ma2n7n{row-gap:4px;}", ".f1n0apg3{font-size:8px;}", ".fjamq6b{height:20px;}", ".f11u7vat{min-width:20px;}", ".f10ra9hq{padding-top:4px;}", ".f8wuabp{padding-right:4px;}", ".fycuoez{padding-left:4px;}", ".f1y2xyjm{padding-bottom:4px;}", ".fnmn6fi{font-size:10px;}", ".f17fgpbq{min-width:24px;}", ".frvgh55{height:24px;}", ".f1ugzwwg{font-size:12px;}", ".fwbmr0d{min-width:32px;}", ".f1d2rq10{height:32px;}", ".f1xp5gbu{padding-top:6px;}", ".f1sgzk6v{padding-right:6px;}", ".f1bg5zqg{padding-left:6px;}", ".f1d7kygh{padding-bottom:6px;}", ".fgfbwa2{-webkit-column-gap:6px;column-gap:6px;}", ".f1y3hx6l{row-gap:6px;}", ".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;}", ".fghlq4f{border-top-color:var(--colorTransparentStroke);}", ".f1gn591s{border-right-color:var(--colorTransparentStroke);}", ".fjscplz{border-left-color:var(--colorTransparentStroke);}", ".fb073pr{border-bottom-color:var(--colorTransparentStroke);}", ".ffp7eso{background-color:var(--colorBrandBackground);}", ".f1phragk{color:var(--colorNeutralForegroundOnBrand);}", ".f1vp46cd{border-top-color:var(--colorBrandBackground);}", ".f1lxz1cr{border-right-color:var(--colorBrandBackground);}", ".ff8nh0i{border-left-color:var(--colorBrandBackground);}", ".fe9j8it{border-bottom-color:var(--colorBrandBackground);}", ".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);}", ".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);}", ".f1gyeiz5{border-top-color:var(--colorPaletteYellowBackground3);}", ".f1jnj1iq{border-right-color:var(--colorPaletteYellowBackground3);}", ".fd1epeu{border-left-color:var(--colorPaletteYellowBackground3);}", ".f102bkgo{border-bottom-color:var(--colorPaletteYellowBackground3);}", ".f1ern45e{border-top-style:none;}", ".f1n71otn{border-right-style:none;}", ".f1deefiw{border-left-style:none;}", ".f1h8hb77{border-bottom-style:none;}", ".f1817uup{color:var(--colorBrandBackground);}", ".f1whyuy6{color:var(--colorPaletteRedForeground3);}", ".f1l8vj45{color:var(--colorPaletteDarkOrangeForeground3);}", ".fqpbvvt{color:var(--colorNeutralForegroundInverted);}", ".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;}", ".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);}", ".f1sms7z7{color:var(--colorPaletteGreenForeground2);}", ".f16xkysk{background-color:var(--colorBrandBackground2);}", ".faj9fo0{color:var(--colorBrandForeground2);}", ".f161y7kd{border-top-color:var(--colorBrandStroke2);}", ".f1c8dzaj{border-right-color:var(--colorBrandStroke2);}", ".f1sl6hi9{border-left-color:var(--colorBrandStroke2);}", ".f1619yhw{border-bottom-color:var(--colorBrandStroke2);}", ".ff0poqj{background-color:var(--colorPaletteRedBackground1);}", ".f1hcrxcs{color:var(--colorPaletteRedForeground1);}", ".f1oqjm8o{border-top-color:var(--colorPaletteRedBorder1);}", ".fkgrb8g{border-right-color:var(--colorPaletteRedBorder1);}", ".frb5wm0{border-left-color:var(--colorPaletteRedBorder1);}", ".f1iai1ph{border-bottom-color:var(--colorPaletteRedBorder1);}", ".f945g0u{background-color:var(--colorNeutralForeground3);}", ".f1ctqxl6{background-color:var(--colorNeutralBackground4);}", ".f1xzsg4{background-color:var(--colorPaletteDarkOrangeBackground1);}", ".f1k5f75o{color:var(--colorPaletteDarkOrangeForeground1);}", ".f18s257e{border-top-color:var(--colorPaletteDarkOrangeForeground2);}", ".f13ptu4t{border-right-color:var(--colorPaletteDarkOrangeForeground2);}", ".fiwx4jo{border-left-color:var(--colorPaletteDarkOrangeForeground2);}", ".f1geyuz0{border-bottom-color:var(--colorPaletteDarkOrangeForeground2);}", ".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);}", ".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);}"]
+});
+
+const useIconStyles = /*#__PURE__*/react_1.__styles({
+  "base": {
     "mc9l5x": "f22iagw",
     "Bmliigx": "fxe27oy",
     "Bt984gj": "f122n59",
     "Bqenvij": "f1l02sjl"
   },
-  "iconTiny": {
+  "tiny": {
     "Be2twd7": "f1tccstq"
   },
-  "iconExtraSmall": {
+  "extra-small": {
     "Be2twd7": "fnmn6fi"
   },
-  "iconSmall": {
+  "small": {
     "Be2twd7": "f1ugzwwg"
   },
-  "iconMedium": {
+  "medium": {
     "Be2twd7": "f1ugzwwg"
   },
-  "iconLarge": {
+  "large": {
     "Be2twd7": "f4ybsrx"
   },
-  "iconExtraLarge": {
+  "extra-large": {
     "Be2twd7": "fe5j1ua"
   }
 }, {
-  "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;}", ".fq1loh5{padding-top:2px;}", ".f12huiiw{padding-right:2px;}", ".f161knb0{padding-left:2px;}", ".futqtb8{padding-bottom:2px;}", ".f1q8lukm{-webkit-column-gap:4px;column-gap:4px;}", ".f1ma2n7n{row-gap:4px;}", ".f1n0apg3{font-size:8px;}", ".fjamq6b{height:20px;}", ".f11u7vat{min-width:20px;}", ".f10ra9hq{padding-top:4px;}", ".f8wuabp{padding-right:4px;}", ".fycuoez{padding-left:4px;}", ".f1y2xyjm{padding-bottom:4px;}", ".fnmn6fi{font-size:10px;}", ".f17fgpbq{min-width:24px;}", ".frvgh55{height:24px;}", ".f1ugzwwg{font-size:12px;}", ".fwbmr0d{min-width:32px;}", ".f1d2rq10{height:32px;}", ".f1xp5gbu{padding-top:6px;}", ".f1sgzk6v{padding-right:6px;}", ".f1bg5zqg{padding-left:6px;}", ".f1d7kygh{padding-bottom:6px;}", ".fgfbwa2{-webkit-column-gap:6px;column-gap:6px;}", ".f1y3hx6l{row-gap:6px;}", ".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);}", ".f1oqjm8o{border-top-color:var(--colorPaletteRedBorder1);}", ".fkgrb8g{border-right-color:var(--colorPaletteRedBorder1);}", ".frb5wm0{border-left-color:var(--colorPaletteRedBorder1);}", ".f1iai1ph{border-bottom-color:var(--colorPaletteRedBorder1);}", ".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);}", ".f11d4kpn{color:var(--colorNeutralForeground3);}", ".fq0vr37{border-top-color:var(--colorNeutralStrokeAccessible);}", ".f1byw159{border-right-color:var(--colorNeutralStrokeAccessible);}", ".f11cr0be{border-left-color:var(--colorNeutralStrokeAccessible);}", ".f1c1zstj{border-bottom-color:var(--colorNeutralStrokeAccessible);}", ".f945g0u{background-color:var(--colorNeutralForeground3);}", ".f3vzo32{background-color:var(--colorNeutralBackground5);}", ".f68mrw8{border-top-color:var(--colorNeutralStroke2);}", ".f7pw515{border-right-color:var(--colorNeutralStroke2);}", ".fw35ms5{border-left-color:var(--colorNeutralStroke2);}", ".frpde29{border-bottom-color:var(--colorNeutralStroke2);}", ".f1ctqxl6{background-color:var(--colorNeutralBackground4);}", ".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%;}", ".f4ybsrx{font-size:16px;}", ".fe5j1ua{font-size:20px;}"]
+  "d": [".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;}", ".f122n59{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}", ".f1l02sjl{height:100%;}", ".f1tccstq{font-size:6px;}", ".fnmn6fi{font-size:10px;}", ".f1ugzwwg{font-size:12px;}", ".f4ybsrx{font-size:16px;}", ".fe5j1ua{font-size:20px;}"]
 });
 /**
  * Applies style classnames to slots
@@ -350,22 +327,12 @@ const useStyles = /*#__PURE__*/react_1.__styles({
 
 
 const useBadgeStyles_unstable = 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 = react_1.mergeClasses(exports.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);
+  const rootStyles = useRootStyles();
+  state.root.className = react_1.mergeClasses(exports.badgeClassName, rootStyles.base, rootStyles[state.size], rootStyles[state.shape], state.shape === 'rounded' && (state.size === 'small' || state.size === 'extra-small' || state.size === 'tiny') && rootStyles.roundedSmallToTiny, rootStyles[state.appearance], rootStyles[`${state.appearance}-${state.color}`], state.root.className);
+  const iconStyles = useIconStyles();
 
   if (state.icon) {
-    state.icon.className = react_1.mergeClasses(styles.icon, state.size === 'tiny' && styles.iconTiny, state.size === 'extra-small' && styles.iconExtraSmall, state.size === 'small' && styles.iconSmall, state.size === 'medium' && styles.iconMedium, state.size === 'large' && styles.iconLarge, state.size === 'extra-large' && styles.iconExtraLarge, state.icon.className);
+    state.icon.className = react_1.mergeClasses(iconStyles.base, iconStyles[state.size], state.icon.className);
   }
 
   return state;

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/Badge/useBadgeStyles.ts"],"names":[],"mappings":"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","sourceRoot":""}
+{"version":3,"sources":["../../../src/components/Badge/useBadgeStyles.ts"],"names":[],"mappings":"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","sourceRoot":""}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-badge",
-  "version": "0.0.0-nightlye0b8e1fa6920220128.1",
+  "version": "0.0.0-nightlye1926bfeca20220204.1",
   "description": "React components for building web experiences",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -28,7 +28,7 @@
   "devDependencies": {
     "@fluentui/eslint-plugin": "*",
     "@fluentui/react-conformance": "*",
-    "@fluentui/react-conformance-griffel": "0.0.0-nightlye0b8e1fa6920220128.1",
+    "@fluentui/react-conformance-griffel": "0.0.0-nightlye1926bfeca20220204.1",
     "@fluentui/scripts": "^1.0.0",
     "@types/enzyme": "3.10.3",
     "@types/enzyme-adapter-react-16": "1.0.3",
@@ -42,17 +42,17 @@
     "react-test-renderer": "^16.3.0"
   },
   "dependencies": {
-    "@fluentui/react-icons": "^2.0.154-beta.5",
+    "@fluentui/react-icons": "^2.0.159-beta.10",
     "@griffel/react": "1.0.0",
-    "@fluentui/react-theme": "0.0.0-nightlye0b8e1fa6920220128.1",
-    "@fluentui/react-utilities": "0.0.0-nightlye0b8e1fa6920220128.1",
+    "@fluentui/react-theme": "0.0.0-nightlye1926bfeca20220204.1",
+    "@fluentui/react-utilities": "0.0.0-nightlye1926bfeca20220204.1",
     "tslib": "^2.1.0"
   },
   "peerDependencies": {
-    "@types/react": ">=16.8.0 <17.0.0",
-    "@types/react-dom": ">=16.8.0 <17.0.0",
-    "react": ">=16.8.0 <17.0.0",
-    "react-dom": ">=16.8.0 <17.0.0"
+    "@types/react": ">=16.8.0 <18.0.0",
+    "@types/react-dom": ">=16.8.0 <18.0.0",
+    "react": ">=16.8.0 <18.0.0",
+    "react-dom": ">=16.8.0 <18.0.0"
   },
   "beachball": {
     "disallowedChangeTypes": [