@fluentui/react-checkbox - npm Package Compare versions

Comparing version 0.0.0-nightly-20240820-2210.1 to 0.0.0-nightly-20240822-0407.1

lib-commonjs/components/Checkbox/useCheckboxStyles.styles.js

@@ -35,18 +35,18 @@ "use strict";
 const indicatorSizeLarge = '20px';
-const useRootBaseClassName = /*#__PURE__*/ (0, _react.__resetStyles)("r1u59m7b", "r1773a46", {
+const useRootBaseClassName = /*#__PURE__*/ (0, _react.__resetStyles)("r1q22k1j", "r18ze4k2", {
     r: [
-        ".r1u59m7b{position:relative;display:inline-flex;cursor:pointer;vertical-align:middle;color:var(--791, var(--792, var(--colorNeutralForeground3)));}",
-        ".r1u59m7b:focus{outline-style:none;}",
-        ".r1u59m7b:focus-visible{outline-style:none;}",
-        ".r1u59m7b[data-fui-focus-within]:focus-within{border-top-color:transparent;border-right-color:transparent;border-bottom-color:transparent;border-left-color:transparent;}",
-        ".r1u59m7b[data-fui-focus-within]:focus-within::after{content:\"\";position:absolute;pointer-events:none;z-index:1;border:2px solid var(--colorStrokeFocus2);border-radius:var(--borderRadiusMedium);top:calc(2px * -1);right:calc(2px * -1);bottom:calc(2px * -1);left:calc(2px * -1);}",
-        ".r1773a46{position:relative;display:inline-flex;cursor:pointer;vertical-align:middle;color:var(--791, var(--792, var(--colorNeutralForeground3)));}",
-        ".r1773a46:focus{outline-style:none;}",
-        ".r1773a46:focus-visible{outline-style:none;}",
-        ".r1773a46[data-fui-focus-within]:focus-within{border-top-color:transparent;border-left-color:transparent;border-bottom-color:transparent;border-right-color:transparent;}",
-        ".r1773a46[data-fui-focus-within]:focus-within::after{content:\"\";position:absolute;pointer-events:none;z-index:1;border:2px solid var(--colorStrokeFocus2);border-radius:var(--borderRadiusMedium);top:calc(2px * -1);left:calc(2px * -1);bottom:calc(2px * -1);right:calc(2px * -1);}"
+        ".r1q22k1j{position:relative;display:inline-flex;cursor:pointer;vertical-align:middle;color:var(--colorNeutralForeground3);}",
+        ".r1q22k1j:focus{outline-style:none;}",
+        ".r1q22k1j:focus-visible{outline-style:none;}",
+        ".r1q22k1j[data-fui-focus-within]:focus-within{border-top-color:transparent;border-right-color:transparent;border-bottom-color:transparent;border-left-color:transparent;}",
+        ".r1q22k1j[data-fui-focus-within]:focus-within::after{content:\"\";position:absolute;pointer-events:none;z-index:1;border:2px solid var(--colorStrokeFocus2);border-radius:var(--borderRadiusMedium);top:calc(2px * -1);right:calc(2px * -1);bottom:calc(2px * -1);left:calc(2px * -1);}",
+        ".r18ze4k2{position:relative;display:inline-flex;cursor:pointer;vertical-align:middle;color:var(--colorNeutralForeground3);}",
+        ".r18ze4k2:focus{outline-style:none;}",
+        ".r18ze4k2:focus-visible{outline-style:none;}",
+        ".r18ze4k2[data-fui-focus-within]:focus-within{border-top-color:transparent;border-left-color:transparent;border-bottom-color:transparent;border-right-color:transparent;}",
+        ".r18ze4k2[data-fui-focus-within]:focus-within::after{content:\"\";position:absolute;pointer-events:none;z-index:1;border:2px solid var(--colorStrokeFocus2);border-radius:var(--borderRadiusMedium);top:calc(2px * -1);left:calc(2px * -1);bottom:calc(2px * -1);right:calc(2px * -1);}"
     ],
     s: [
-        "@media (forced-colors: active){.r1u59m7b[data-fui-focus-within]:focus-within::after{border-top-color:Highlight;border-right-color:Highlight;border-bottom-color:Highlight;border-left-color:Highlight;}}",
-        "@media (forced-colors: active){.r1773a46[data-fui-focus-within]:focus-within::after{border-top-color:Highlight;border-left-color:Highlight;border-bottom-color:Highlight;border-right-color:Highlight;}}"
+        "@media (forced-colors: active){.r1q22k1j[data-fui-focus-within]:focus-within::after{border-top-color:Highlight;border-right-color:Highlight;border-bottom-color:Highlight;border-left-color:Highlight;}}",
+        "@media (forced-colors: active){.r18ze4k2[data-fui-focus-within]:focus-within::after{border-top-color:Highlight;border-left-color:Highlight;border-bottom-color:Highlight;border-right-color:Highlight;}}"
     ]
@@ -56,31 +56,31 @@ });
     unchecked: {
-        Bi91k9c: "f1wadau2",
-        pv5h1i: "fcrdqlt",
-        lj723h: "fi58lgl",
-        Hnthvo: "focym6i"
+        Bi91k9c: "f3p8bqa",
+        pv5h1i: "fium13f",
+        lj723h: "f1r2dosr",
+        Hnthvo: "f1729es6"
     },
     checked: {
-        sj55zd: "f1hyaz4f",
-        wkncrt: "f1nsshw",
-        zxk7z7: "f1mhwl99",
-        Hmsnfy: "f105s2ke",
-        e6czan: "fqiycg9",
-        pv5h1i: "f1f5k9jm",
-        qbydtz: "f1yz1vo9",
-        Hnthvo: "flo9xny"
+        sj55zd: "f19n0e5",
+        wkncrt: "f35ds98",
+        zxk7z7: "f12mnkne",
+        Hmsnfy: "fei9a8h",
+        e6czan: "fix56y3",
+        pv5h1i: "f1bcv2js",
+        qbydtz: "f7dr4go",
+        Hnthvo: "f1r5cpua"
     },
     mixed: {
-        sj55zd: "f1y8h8l7",
-        Hmsnfy: "f17z9ias",
-        zxk7z7: "fwo1epu",
-        pv5h1i: "fgc7zix",
-        Bunfa6h: "fu9utjo",
-        Hnthvo: "fl4grx9",
-        B15ykmv: "fb0qkar"
+        sj55zd: "f19n0e5",
+        Hmsnfy: "f1l27tf0",
+        zxk7z7: "fcilktj",
+        pv5h1i: "f1lphd54",
+        Bunfa6h: "f1obkvq7",
+        Hnthvo: "f2gmbuh",
+        B15ykmv: "f1oy4fa1"
     },
     disabled: {
         Bceei9c: "f158kwzp",
-        sj55zd: "fu1741q",
-        Hmsnfy: "fv2atiy",
-        zxk7z7: "f1rj5rwq",
+        sj55zd: "f1s2aq7o",
+        Hmsnfy: "f1w7mfl5",
+        zxk7z7: "fcoafq6",
         Bbusuzp: "f1dcs8yz",
@@ -91,29 +91,28 @@ mrqfp9: "fxb3eh3"
     h: [
-        ".f1wadau2:hover{color:var(--793, var(--794, var(--colorNeutralForeground2)));}",
-        ".fcrdqlt:hover{--fui-Checkbox__indicator--borderColor:var(--795, var(--796, var(--colorNeutralStrokeAccessibleHover)));}",
-        ".fqiycg9:hover{--fui-Checkbox__indicator--backgroundColor:var(--809, var(--810, var(--colorCompoundBrandBackgroundHover)));}",
-        ".f1f5k9jm:hover{--fui-Checkbox__indicator--borderColor:var(--811, var(--812, var(--colorCompoundBrandBackgroundHover)));}",
-        ".fgc7zix:hover{--fui-Checkbox__indicator--borderColor:var(--823, var(--824, var(--colorCompoundBrandStrokeHover)));}",
-        ".fu9utjo:hover{--fui-Checkbox__indicator--color:var(--825, var(--826, var(--colorCompoundBrandForeground1Hover)));}"
+        ".f3p8bqa:hover{color:var(--colorNeutralForeground2);}",
+        ".fium13f:hover{--fui-Checkbox__indicator--borderColor:var(--colorNeutralStrokeAccessibleHover);}",
+        ".fix56y3:hover{--fui-Checkbox__indicator--backgroundColor:var(--colorCompoundBrandBackgroundHover);}",
+        ".f1bcv2js:hover{--fui-Checkbox__indicator--borderColor:var(--colorCompoundBrandBackgroundHover);}",
+        ".f1lphd54:hover{--fui-Checkbox__indicator--borderColor:var(--colorCompoundBrandStrokeHover);}",
+        ".f1obkvq7:hover{--fui-Checkbox__indicator--color:var(--colorCompoundBrandForeground1Hover);}"
     ],
     a: [
-        ".fi58lgl:active{color:var(--797, var(--798, var(--colorNeutralForeground1)));}",
-        ".focym6i:active{--fui-Checkbox__indicator--borderColor:var(--799, var(--800, var(--colorNeutralStrokeAccessiblePressed)));}",
-        ".f1yz1vo9:active{--fui-Checkbox__indicator--backgroundColor:var(--813, var(--814, var(--colorCompoundBrandBackgroundPressed)));}",
-        ".flo9xny:active{--fui-Checkbox__indicator--borderColor:var(--815, var(--816, var(--colorCompoundBrandBackgroundPressed)));}",
-        ".fl4grx9:active{--fui-Checkbox__indicator--borderColor:var(--827, var(--828, var(--colorCompoundBrandStrokePressed)));}",
-        ".fb0qkar:active{--fui-Checkbox__indicator--color:var(--829, var(--830, var(--colorCompoundBrandForeground1Pressed)));}"
+        ".f1r2dosr:active{color:var(--colorNeutralForeground1);}",
+        ".f1729es6:active{--fui-Checkbox__indicator--borderColor:var(--colorNeutralStrokeAccessiblePressed);}",
+        ".f7dr4go:active{--fui-Checkbox__indicator--backgroundColor:var(--colorCompoundBrandBackgroundPressed);}",
+        ".f1r5cpua:active{--fui-Checkbox__indicator--borderColor:var(--colorCompoundBrandBackgroundPressed);}",
+        ".f2gmbuh:active{--fui-Checkbox__indicator--borderColor:var(--colorCompoundBrandStrokePressed);}",
+        ".f1oy4fa1:active{--fui-Checkbox__indicator--color:var(--colorCompoundBrandForeground1Pressed);}"
     ],
     d: [
-        ".f1hyaz4f{color:var(--801, var(--802, var(--colorNeutralForeground1)));}",
-        ".f1nsshw{--fui-Checkbox__indicator--backgroundColor:var(--803, var(--804, var(--colorCompoundBrandBackground)));}",
-        ".f1mhwl99{--fui-Checkbox__indicator--color:var(--805, var(--806, var(--colorNeutralForegroundInverted)));}",
-        ".f105s2ke{--fui-Checkbox__indicator--borderColor:var(--807, var(--808, var(--colorCompoundBrandBackground)));}",
-        ".f1y8h8l7{color:var(--817, var(--818, var(--colorNeutralForeground1)));}",
-        ".f17z9ias{--fui-Checkbox__indicator--borderColor:var(--819, var(--820, var(--colorCompoundBrandStroke)));}",
-        ".fwo1epu{--fui-Checkbox__indicator--color:var(--821, var(--822, var(--colorCompoundBrandForeground1)));}",
+        ".f19n0e5{color:var(--colorNeutralForeground1);}",
+        ".f35ds98{--fui-Checkbox__indicator--backgroundColor:var(--colorCompoundBrandBackground);}",
+        ".f12mnkne{--fui-Checkbox__indicator--color:var(--colorNeutralForegroundInverted);}",
+        ".fei9a8h{--fui-Checkbox__indicator--borderColor:var(--colorCompoundBrandBackground);}",
+        ".f1l27tf0{--fui-Checkbox__indicator--borderColor:var(--colorCompoundBrandStroke);}",
+        ".fcilktj{--fui-Checkbox__indicator--color:var(--colorCompoundBrandForeground1);}",
         ".f158kwzp{cursor:default;}",
-        ".fu1741q{color:var(--831, var(--832, var(--colorNeutralForegroundDisabled)));}",
-        ".fv2atiy{--fui-Checkbox__indicator--borderColor:var(--833, var(--834, var(--colorNeutralStrokeDisabled)));}",
-        ".f1rj5rwq{--fui-Checkbox__indicator--color:var(--835, var(--836, var(--colorNeutralForegroundDisabled)));}"
+        ".f1s2aq7o{color:var(--colorNeutralForegroundDisabled);}",
+        ".f1w7mfl5{--fui-Checkbox__indicator--borderColor:var(--colorNeutralStrokeDisabled);}",
+        ".fcoafq6{--fui-Checkbox__indicator--color:var(--colorNeutralForegroundDisabled);}"
     ],
@@ -161,4 +160,4 @@ m: [
 });
-const useIndicatorBaseClassName = /*#__PURE__*/ (0, _react.__resetStyles)("r1h23ha1", null, [
-    ".r1h23ha1{align-self:flex-start;box-sizing:border-box;flex-shrink:0;display:flex;align-items:center;justify-content:center;overflow:hidden;color:var(--fui-Checkbox__indicator--color);background-color:var(--fui-Checkbox__indicator--backgroundColor);border-color:var(--fui-Checkbox__indicator--borderColor, var(--colorNeutralStrokeAccessible));border-style:solid;border-width:var(--837, var(--838, var(--strokeWidthThin)));border-radius:var(--839, var(--840, var(--borderRadiusSmall)));margin:var(--spacingVerticalS) var(--spacingHorizontalS);fill:currentColor;pointer-events:none;font-size:12px;height:16px;width:16px;}"
+const useIndicatorBaseClassName = /*#__PURE__*/ (0, _react.__resetStyles)("rl7ci6d", null, [
+    ".rl7ci6d{align-self:flex-start;box-sizing:border-box;flex-shrink:0;display:flex;align-items:center;justify-content:center;overflow:hidden;color:var(--fui-Checkbox__indicator--color);background-color:var(--fui-Checkbox__indicator--backgroundColor);border-color:var(--fui-Checkbox__indicator--borderColor, var(--colorNeutralStrokeAccessible));border-style:solid;border-width:var(--strokeWidthThin);border-radius:var(--borderRadiusSmall);margin:var(--spacingVerticalS) var(--spacingHorizontalS);fill:currentColor;pointer-events:none;font-size:12px;height:16px;width:16px;}"
 ]);
@@ -176,3 +175,3 @@ const useIndicatorStyles = /*#__PURE__*/ (0, _react.__styles)({
         B7oj6ja: 0,
-        Dimara: "fhehn9o"
+        Dimara: "f44lkw9"
     }
@@ -185,3 +184,3 @@ }, {
         [
-            ".fhehn9o{border-radius:var(--841, var(--842, var(--borderRadiusCircular)));}",
+            ".f44lkw9{border-radius:var(--borderRadiusCircular);}",
             {
@@ -207,4 +206,4 @@ p: -1
         z189sj: [
-            "f1yo2rmt",
-            "fxwxxmy"
+            "f7x41pl",
+            "fruq291"
         ]
@@ -214,4 +213,4 @@ },
         uwmqm3: [
-            "f18bcw7q",
-            "fd2034c"
+            "fruq291",
+            "f7x41pl"
         ]
@@ -238,6 +237,4 @@ },
         ],
-        ".f1yo2rmt{padding-right:var(--843, var(--844, var(--spacingHorizontalXS)));}",
-        ".fxwxxmy{padding-left:var(--843, var(--844, var(--spacingHorizontalXS)));}",
-        ".f18bcw7q{padding-left:var(--845, var(--846, var(--spacingHorizontalXS)));}",
-        ".fd2034c{padding-right:var(--845, var(--846, var(--spacingHorizontalXS)));}",
+        ".f7x41pl{padding-right:var(--spacingHorizontalXS);}",
+        ".fruq291{padding-left:var(--spacingHorizontalXS);}",
         ".fjzwpt6{margin-top:calc((16px - var(--lineHeightBase300)) / 2);}",
@@ -244,0 +241,0 @@ ".fh6j2fo{margin-bottom:calc((16px - var(--lineHeightBase300)) / 2);}",

lib/components/Checkbox/useCheckboxStyles.styles.js

@@ -19,37 +19,37 @@ import { __resetStyles, __styles, mergeClasses } from '@griffel/react';
 const indicatorSizeLarge = '20px';
-const useRootBaseClassName = /*#__PURE__*/__resetStyles("r1u59m7b", "r1773a46", {
-  r: [".r1u59m7b{position:relative;display:inline-flex;cursor:pointer;vertical-align:middle;color:var(--791, var(--792, var(--colorNeutralForeground3)));}", ".r1u59m7b:focus{outline-style:none;}", ".r1u59m7b:focus-visible{outline-style:none;}", ".r1u59m7b[data-fui-focus-within]:focus-within{border-top-color:transparent;border-right-color:transparent;border-bottom-color:transparent;border-left-color:transparent;}", ".r1u59m7b[data-fui-focus-within]:focus-within::after{content:\"\";position:absolute;pointer-events:none;z-index:1;border:2px solid var(--colorStrokeFocus2);border-radius:var(--borderRadiusMedium);top:calc(2px * -1);right:calc(2px * -1);bottom:calc(2px * -1);left:calc(2px * -1);}", ".r1773a46{position:relative;display:inline-flex;cursor:pointer;vertical-align:middle;color:var(--791, var(--792, var(--colorNeutralForeground3)));}", ".r1773a46:focus{outline-style:none;}", ".r1773a46:focus-visible{outline-style:none;}", ".r1773a46[data-fui-focus-within]:focus-within{border-top-color:transparent;border-left-color:transparent;border-bottom-color:transparent;border-right-color:transparent;}", ".r1773a46[data-fui-focus-within]:focus-within::after{content:\"\";position:absolute;pointer-events:none;z-index:1;border:2px solid var(--colorStrokeFocus2);border-radius:var(--borderRadiusMedium);top:calc(2px * -1);left:calc(2px * -1);bottom:calc(2px * -1);right:calc(2px * -1);}"],
-  s: ["@media (forced-colors: active){.r1u59m7b[data-fui-focus-within]:focus-within::after{border-top-color:Highlight;border-right-color:Highlight;border-bottom-color:Highlight;border-left-color:Highlight;}}", "@media (forced-colors: active){.r1773a46[data-fui-focus-within]:focus-within::after{border-top-color:Highlight;border-left-color:Highlight;border-bottom-color:Highlight;border-right-color:Highlight;}}"]
+const useRootBaseClassName = /*#__PURE__*/__resetStyles("r1q22k1j", "r18ze4k2", {
+  r: [".r1q22k1j{position:relative;display:inline-flex;cursor:pointer;vertical-align:middle;color:var(--colorNeutralForeground3);}", ".r1q22k1j:focus{outline-style:none;}", ".r1q22k1j:focus-visible{outline-style:none;}", ".r1q22k1j[data-fui-focus-within]:focus-within{border-top-color:transparent;border-right-color:transparent;border-bottom-color:transparent;border-left-color:transparent;}", ".r1q22k1j[data-fui-focus-within]:focus-within::after{content:\"\";position:absolute;pointer-events:none;z-index:1;border:2px solid var(--colorStrokeFocus2);border-radius:var(--borderRadiusMedium);top:calc(2px * -1);right:calc(2px * -1);bottom:calc(2px * -1);left:calc(2px * -1);}", ".r18ze4k2{position:relative;display:inline-flex;cursor:pointer;vertical-align:middle;color:var(--colorNeutralForeground3);}", ".r18ze4k2:focus{outline-style:none;}", ".r18ze4k2:focus-visible{outline-style:none;}", ".r18ze4k2[data-fui-focus-within]:focus-within{border-top-color:transparent;border-left-color:transparent;border-bottom-color:transparent;border-right-color:transparent;}", ".r18ze4k2[data-fui-focus-within]:focus-within::after{content:\"\";position:absolute;pointer-events:none;z-index:1;border:2px solid var(--colorStrokeFocus2);border-radius:var(--borderRadiusMedium);top:calc(2px * -1);left:calc(2px * -1);bottom:calc(2px * -1);right:calc(2px * -1);}"],
+  s: ["@media (forced-colors: active){.r1q22k1j[data-fui-focus-within]:focus-within::after{border-top-color:Highlight;border-right-color:Highlight;border-bottom-color:Highlight;border-left-color:Highlight;}}", "@media (forced-colors: active){.r18ze4k2[data-fui-focus-within]:focus-within::after{border-top-color:Highlight;border-left-color:Highlight;border-bottom-color:Highlight;border-right-color:Highlight;}}"]
 });
 const useRootStyles = /*#__PURE__*/__styles({
   unchecked: {
-    Bi91k9c: "f1wadau2",
-    pv5h1i: "fcrdqlt",
-    lj723h: "fi58lgl",
-    Hnthvo: "focym6i"
+    Bi91k9c: "f3p8bqa",
+    pv5h1i: "fium13f",
+    lj723h: "f1r2dosr",
+    Hnthvo: "f1729es6"
   },
   checked: {
-    sj55zd: "f1hyaz4f",
-    wkncrt: "f1nsshw",
-    zxk7z7: "f1mhwl99",
-    Hmsnfy: "f105s2ke",
-    e6czan: "fqiycg9",
-    pv5h1i: "f1f5k9jm",
-    qbydtz: "f1yz1vo9",
-    Hnthvo: "flo9xny"
+    sj55zd: "f19n0e5",
+    wkncrt: "f35ds98",
+    zxk7z7: "f12mnkne",
+    Hmsnfy: "fei9a8h",
+    e6czan: "fix56y3",
+    pv5h1i: "f1bcv2js",
+    qbydtz: "f7dr4go",
+    Hnthvo: "f1r5cpua"
   },
   mixed: {
-    sj55zd: "f1y8h8l7",
-    Hmsnfy: "f17z9ias",
-    zxk7z7: "fwo1epu",
-    pv5h1i: "fgc7zix",
-    Bunfa6h: "fu9utjo",
-    Hnthvo: "fl4grx9",
-    B15ykmv: "fb0qkar"
+    sj55zd: "f19n0e5",
+    Hmsnfy: "f1l27tf0",
+    zxk7z7: "fcilktj",
+    pv5h1i: "f1lphd54",
+    Bunfa6h: "f1obkvq7",
+    Hnthvo: "f2gmbuh",
+    B15ykmv: "f1oy4fa1"
   },
   disabled: {
     Bceei9c: "f158kwzp",
-    sj55zd: "fu1741q",
-    Hmsnfy: "fv2atiy",
-    zxk7z7: "f1rj5rwq",
+    sj55zd: "f1s2aq7o",
+    Hmsnfy: "f1w7mfl5",
+    zxk7z7: "fcoafq6",
     Bbusuzp: "f1dcs8yz",
@@ -59,5 +59,5 @@ mrqfp9: "fxb3eh3"
 }, {
-  h: [".f1wadau2:hover{color:var(--793, var(--794, var(--colorNeutralForeground2)));}", ".fcrdqlt:hover{--fui-Checkbox__indicator--borderColor:var(--795, var(--796, var(--colorNeutralStrokeAccessibleHover)));}", ".fqiycg9:hover{--fui-Checkbox__indicator--backgroundColor:var(--809, var(--810, var(--colorCompoundBrandBackgroundHover)));}", ".f1f5k9jm:hover{--fui-Checkbox__indicator--borderColor:var(--811, var(--812, var(--colorCompoundBrandBackgroundHover)));}", ".fgc7zix:hover{--fui-Checkbox__indicator--borderColor:var(--823, var(--824, var(--colorCompoundBrandStrokeHover)));}", ".fu9utjo:hover{--fui-Checkbox__indicator--color:var(--825, var(--826, var(--colorCompoundBrandForeground1Hover)));}"],
-  a: [".fi58lgl:active{color:var(--797, var(--798, var(--colorNeutralForeground1)));}", ".focym6i:active{--fui-Checkbox__indicator--borderColor:var(--799, var(--800, var(--colorNeutralStrokeAccessiblePressed)));}", ".f1yz1vo9:active{--fui-Checkbox__indicator--backgroundColor:var(--813, var(--814, var(--colorCompoundBrandBackgroundPressed)));}", ".flo9xny:active{--fui-Checkbox__indicator--borderColor:var(--815, var(--816, var(--colorCompoundBrandBackgroundPressed)));}", ".fl4grx9:active{--fui-Checkbox__indicator--borderColor:var(--827, var(--828, var(--colorCompoundBrandStrokePressed)));}", ".fb0qkar:active{--fui-Checkbox__indicator--color:var(--829, var(--830, var(--colorCompoundBrandForeground1Pressed)));}"],
-  d: [".f1hyaz4f{color:var(--801, var(--802, var(--colorNeutralForeground1)));}", ".f1nsshw{--fui-Checkbox__indicator--backgroundColor:var(--803, var(--804, var(--colorCompoundBrandBackground)));}", ".f1mhwl99{--fui-Checkbox__indicator--color:var(--805, var(--806, var(--colorNeutralForegroundInverted)));}", ".f105s2ke{--fui-Checkbox__indicator--borderColor:var(--807, var(--808, var(--colorCompoundBrandBackground)));}", ".f1y8h8l7{color:var(--817, var(--818, var(--colorNeutralForeground1)));}", ".f17z9ias{--fui-Checkbox__indicator--borderColor:var(--819, var(--820, var(--colorCompoundBrandStroke)));}", ".fwo1epu{--fui-Checkbox__indicator--color:var(--821, var(--822, var(--colorCompoundBrandForeground1)));}", ".f158kwzp{cursor:default;}", ".fu1741q{color:var(--831, var(--832, var(--colorNeutralForegroundDisabled)));}", ".fv2atiy{--fui-Checkbox__indicator--borderColor:var(--833, var(--834, var(--colorNeutralStrokeDisabled)));}", ".f1rj5rwq{--fui-Checkbox__indicator--color:var(--835, var(--836, var(--colorNeutralForegroundDisabled)));}"],
+  h: [".f3p8bqa:hover{color:var(--colorNeutralForeground2);}", ".fium13f:hover{--fui-Checkbox__indicator--borderColor:var(--colorNeutralStrokeAccessibleHover);}", ".fix56y3:hover{--fui-Checkbox__indicator--backgroundColor:var(--colorCompoundBrandBackgroundHover);}", ".f1bcv2js:hover{--fui-Checkbox__indicator--borderColor:var(--colorCompoundBrandBackgroundHover);}", ".f1lphd54:hover{--fui-Checkbox__indicator--borderColor:var(--colorCompoundBrandStrokeHover);}", ".f1obkvq7:hover{--fui-Checkbox__indicator--color:var(--colorCompoundBrandForeground1Hover);}"],
+  a: [".f1r2dosr:active{color:var(--colorNeutralForeground1);}", ".f1729es6:active{--fui-Checkbox__indicator--borderColor:var(--colorNeutralStrokeAccessiblePressed);}", ".f7dr4go:active{--fui-Checkbox__indicator--backgroundColor:var(--colorCompoundBrandBackgroundPressed);}", ".f1r5cpua:active{--fui-Checkbox__indicator--borderColor:var(--colorCompoundBrandBackgroundPressed);}", ".f2gmbuh:active{--fui-Checkbox__indicator--borderColor:var(--colorCompoundBrandStrokePressed);}", ".f1oy4fa1:active{--fui-Checkbox__indicator--color:var(--colorCompoundBrandForeground1Pressed);}"],
+  d: [".f19n0e5{color:var(--colorNeutralForeground1);}", ".f35ds98{--fui-Checkbox__indicator--backgroundColor:var(--colorCompoundBrandBackground);}", ".f12mnkne{--fui-Checkbox__indicator--color:var(--colorNeutralForegroundInverted);}", ".fei9a8h{--fui-Checkbox__indicator--borderColor:var(--colorCompoundBrandBackground);}", ".f1l27tf0{--fui-Checkbox__indicator--borderColor:var(--colorCompoundBrandStroke);}", ".fcilktj{--fui-Checkbox__indicator--color:var(--colorCompoundBrandForeground1);}", ".f158kwzp{cursor:default;}", ".f1s2aq7o{color:var(--colorNeutralForegroundDisabled);}", ".f1w7mfl5{--fui-Checkbox__indicator--borderColor:var(--colorNeutralStrokeDisabled);}", ".fcoafq6{--fui-Checkbox__indicator--color:var(--colorNeutralForegroundDisabled);}"],
   m: [["@media (forced-colors: active){.f1dcs8yz{color:GrayText;}}", {
@@ -83,3 +83,3 @@ m: "(forced-colors: active)"
 });
-const useIndicatorBaseClassName = /*#__PURE__*/__resetStyles("r1h23ha1", null, [".r1h23ha1{align-self:flex-start;box-sizing:border-box;flex-shrink:0;display:flex;align-items:center;justify-content:center;overflow:hidden;color:var(--fui-Checkbox__indicator--color);background-color:var(--fui-Checkbox__indicator--backgroundColor);border-color:var(--fui-Checkbox__indicator--borderColor, var(--colorNeutralStrokeAccessible));border-style:solid;border-width:var(--837, var(--838, var(--strokeWidthThin)));border-radius:var(--839, var(--840, var(--borderRadiusSmall)));margin:var(--spacingVerticalS) var(--spacingHorizontalS);fill:currentColor;pointer-events:none;font-size:12px;height:16px;width:16px;}"]);
+const useIndicatorBaseClassName = /*#__PURE__*/__resetStyles("rl7ci6d", null, [".rl7ci6d{align-self:flex-start;box-sizing:border-box;flex-shrink:0;display:flex;align-items:center;justify-content:center;overflow:hidden;color:var(--fui-Checkbox__indicator--color);background-color:var(--fui-Checkbox__indicator--backgroundColor);border-color:var(--fui-Checkbox__indicator--borderColor, var(--colorNeutralStrokeAccessible));border-style:solid;border-width:var(--strokeWidthThin);border-radius:var(--borderRadiusSmall);margin:var(--spacingVerticalS) var(--spacingHorizontalS);fill:currentColor;pointer-events:none;font-size:12px;height:16px;width:16px;}"]);
 const useIndicatorStyles = /*#__PURE__*/__styles({
@@ -96,6 +96,6 @@ large: {
     B7oj6ja: 0,
-    Dimara: "fhehn9o"
+    Dimara: "f44lkw9"
   }
 }, {
-  d: [".f4ybsrx{font-size:16px;}", ".fjamq6b{height:20px;}", ".f64fuq3{width:20px;}", [".fhehn9o{border-radius:var(--841, var(--842, var(--borderRadiusCircular)));}", {
+  d: [".f4ybsrx{font-size:16px;}", ".fjamq6b{height:20px;}", ".f64fuq3{width:20px;}", [".f44lkw9{border-radius:var(--borderRadiusCircular);}", {
     p: -1
@@ -117,6 +117,6 @@ }]]
   before: {
-    z189sj: ["f1yo2rmt", "fxwxxmy"]
+    z189sj: ["f7x41pl", "fruq291"]
   },
   after: {
-    uwmqm3: ["f18bcw7q", "fd2034c"]
+    uwmqm3: ["fruq291", "f7x41pl"]
   },
@@ -134,3 +134,3 @@ medium: {
     p: -1
-  }], ".f1yo2rmt{padding-right:var(--843, var(--844, var(--spacingHorizontalXS)));}", ".fxwxxmy{padding-left:var(--843, var(--844, var(--spacingHorizontalXS)));}", ".f18bcw7q{padding-left:var(--845, var(--846, var(--spacingHorizontalXS)));}", ".fd2034c{padding-right:var(--845, var(--846, var(--spacingHorizontalXS)));}", ".fjzwpt6{margin-top:calc((16px - var(--lineHeightBase300)) / 2);}", ".fh6j2fo{margin-bottom:calc((16px - var(--lineHeightBase300)) / 2);}", ".f1xlvstr{margin-top:calc((20px - var(--lineHeightBase300)) / 2);}", ".f49ad5g{margin-bottom:calc((20px - var(--lineHeightBase300)) / 2);}"]
+  }], ".f7x41pl{padding-right:var(--spacingHorizontalXS);}", ".fruq291{padding-left:var(--spacingHorizontalXS);}", ".fjzwpt6{margin-top:calc((16px - var(--lineHeightBase300)) / 2);}", ".fh6j2fo{margin-bottom:calc((16px - var(--lineHeightBase300)) / 2);}", ".f1xlvstr{margin-top:calc((20px - var(--lineHeightBase300)) / 2);}", ".f49ad5g{margin-bottom:calc((20px - var(--lineHeightBase300)) / 2);}"]
 });
@@ -137,0 +137,0 @@ /**

package.json

 {
   "name": "@fluentui/react-checkbox",
-  "version": "0.0.0-nightly-20240820-2210.1",
+  "version": "0.0.0-nightly-20240822-0407.1",
   "description": "Fluent UI checkbox component",
@@ -29,4 +29,4 @@ "main": "lib-commonjs/index.js",
     "@fluentui/eslint-plugin": "*",
-    "@fluentui/react-conformance": "0.0.0-nightly-20240820-2210.1",
-    "@fluentui/react-conformance-griffel": "0.0.0-nightly-20240820-2210.1",
+    "@fluentui/react-conformance": "0.0.0-nightly-20240822-0407.1",
+    "@fluentui/react-conformance-griffel": "0.0.0-nightly-20240822-0407.1",
     "@fluentui/scripts-api-extractor": "*",
@@ -36,10 +36,10 @@ "@fluentui/scripts-tasks": "*"
   "dependencies": {
-    "@fluentui/react-field": "0.0.0-nightly-20240820-2210.1",
+    "@fluentui/react-field": "0.0.0-nightly-20240822-0407.1",
     "@fluentui/react-icons": "^2.0.245",
-    "@fluentui/react-jsx-runtime": "0.0.0-nightly-20240820-2210.1",
-    "@fluentui/react-label": "0.0.0-nightly-20240820-2210.1",
-    "@fluentui/react-shared-contexts": "0.0.0-nightly-20240820-2210.1",
-    "@fluentui/react-tabster": "0.0.0-nightly-20240820-2210.1",
-    "@fluentui/react-theme": "0.0.0-nightly-20240820-2210.1",
-    "@fluentui/react-utilities": "0.0.0-nightly-20240820-2210.1",
+    "@fluentui/react-jsx-runtime": "0.0.0-nightly-20240822-0407.1",
+    "@fluentui/react-label": "0.0.0-nightly-20240822-0407.1",
+    "@fluentui/react-shared-contexts": "0.0.0-nightly-20240822-0407.1",
+    "@fluentui/react-tabster": "0.0.0-nightly-20240822-0407.1",
+    "@fluentui/react-theme": "0.0.0-nightly-20240822-0407.1",
+    "@fluentui/react-utilities": "0.0.0-nightly-20240822-0407.1",
     "@griffel/react": "^1.5.22",
@@ -46,0 +46,0 @@ "@swc/helpers": "^0.5.1"

No alert changes

Worsened metrics

Total package byte prevSize

250071

decreased by-0.98%

Lines of code

915

decreased by-0.54%

Dependency changes

• + Added@fluentui/keyboard-keys@0.0.0-nightly-20240822-0407.1(transitive)

• + Added@fluentui/react-context-selector@0.0.0-nightly-20240822-0407.1(transitive)

• + Added@fluentui/react-field@0.0.0-nightly-20240822-0407.1(transitive)

• + Added@fluentui/react-jsx-runtime@0.0.0-nightly-20240822-0407.1(transitive)

• + Added@fluentui/react-label@0.0.0-nightly-20240822-0407.1(transitive)

• + Added@fluentui/react-shared-contexts@0.0.0-nightly-20240822-0407.1(transitive)

• + Added@fluentui/react-tabster@0.0.0-nightly-20240822-0407.1(transitive)

• + Added@fluentui/react-theme@0.0.0-nightly-20240822-0407.1(transitive)

• + Added@fluentui/react-utilities@0.0.0-nightly-20240822-0407.1(transitive)

• + Added@fluentui/tokens@0.0.0-nightly-20240822-0407.1(transitive)

• + Addedtabster@8.4.1(transitive)

• - Removed@fluentui/keyboard-keys@0.0.0-nightly-20240820-2210.1(transitive)

• - Removed@fluentui/react-context-selector@0.0.0-nightly-20240820-2210.1(transitive)

• - Removed@fluentui/react-field@0.0.0-nightly-20240820-2210.1(transitive)

• - Removed@fluentui/react-jsx-runtime@0.0.0-nightly-20240820-2210.1(transitive)

• - Removed@fluentui/react-label@0.0.0-nightly-20240820-2210.1(transitive)

• - Removed@fluentui/react-shared-contexts@0.0.0-nightly-20240820-2210.1(transitive)

• - Removed@fluentui/react-tabster@0.0.0-nightly-20240820-2210.1(transitive)

• - Removed@fluentui/react-theme@0.0.0-nightly-20240820-2210.1(transitive)

• - Removed@fluentui/react-utilities@0.0.0-nightly-20240820-2210.1(transitive)

• - Removed@fluentui/tokens@0.0.0-nightly-20240820-2210.1(transitive)

• - Removedtabster@8.4.0(transitive)

• Updated@fluentui/react-field@0.0.0-nightly-20240822-0407.1

• Updated@fluentui/react-jsx-runtime@0.0.0-nightly-20240822-0407.1

• Updated@fluentui/react-label@0.0.0-nightly-20240822-0407.1

• Updated@fluentui/react-shared-contexts@0.0.0-nightly-20240822-0407.1

• Updated@fluentui/react-tabster@0.0.0-nightly-20240822-0407.1

• Updated@fluentui/react-theme@0.0.0-nightly-20240822-0407.1

• Updated@fluentui/react-utilities@0.0.0-nightly-20240822-0407.1