@fluentui/react-menu 0.0.0-nightlycbf184efa720211222.1 → 0.0.0-nightlyecca467a8920220110.1

package/lib-commonjs/components/MenuSplitGroup/renderMenuSplitGroup.js

@@ -0,0 +1,28 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.renderMenuSplitGroup = void 0;
+
+const React = /*#__PURE__*/require("react");
+
+const react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
+
+const useMenuSplitGroup_1 = /*#__PURE__*/require("./useMenuSplitGroup");
+/**
+ * Render the final JSX of MenuSplitGroup
+ */
+
+
+const renderMenuSplitGroup = state => {
+  const {
+    slots,
+    slotProps
+  } = react_utilities_1.getSlots(state, useMenuSplitGroup_1.menuSplitGroupShorthandProps);
+  return React.createElement(slots.root, { ...slotProps.root
+  });
+};
+
+exports.renderMenuSplitGroup = renderMenuSplitGroup;
+//# sourceMappingURL=renderMenuSplitGroup.js.map

package/lib-commonjs/components/MenuSplitGroup/renderMenuSplitGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/MenuSplitGroup/renderMenuSplitGroup.tsx"],"names":[],"mappings":";;;;;;;AAAA,MAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AACA,MAAA,iBAAA,gBAAA,OAAA,CAAA,2BAAA,CAAA;;AACA,MAAA,mBAAA,gBAAA,OAAA,CAAA,qBAAA,CAAA;AAGA;;AAEG;;;AACI,MAAM,oBAAoB,GAAI,KAAD,IAA+B;AACjE,QAAM;AAAE,IAAA,KAAF;AAAS,IAAA;AAAT,MAAuB,iBAAA,CAAA,QAAA,CAA8B,KAA9B,EAAqC,mBAAA,CAAA,4BAArC,CAA7B;AAEA,SAAO,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,IAAP,EAAW,EAAA,GAAK,SAAS,CAAC;AAAf,GAAX,CAAP;AACD,CAJM;;AAAM,OAAA,CAAA,oBAAA,GAAoB,oBAApB","sourceRoot":""}

package/lib-commonjs/components/MenuSplitGroup/useMenuSplitGroup.d.ts

@@ -0,0 +1,16 @@
+import * as React from 'react';
+import type { MenuSplitGroupProps, MenuSplitGroupSlots, MenuSplitGroupState } from './MenuSplitGroup.types';
+/**
+ * Array of all shorthand properties listed in MenuSplitGroupSlots
+ */
+export declare const menuSplitGroupShorthandProps: (keyof MenuSplitGroupSlots)[];
+/**
+ * Create the state required to render MenuSplitGroup.
+ *
+ * The returned state can be modified with hooks such as useMenuSplitGroupStyles,
+ * before being passed to renderMenuSplitGroup.
+ *
+ * @param props - props from this instance of MenuSplitGroup
+ * @param ref - reference to root HTMLElement of MenuSplitGroup
+ */
+export declare const useMenuSplitGroup: (props: MenuSplitGroupProps, ref: React.Ref<HTMLElement>) => MenuSplitGroupState;

package/lib-commonjs/components/MenuSplitGroup/useMenuSplitGroup.js

@@ -0,0 +1,86 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useMenuSplitGroup = exports.menuSplitGroupShorthandProps = void 0;
+
+const React = /*#__PURE__*/require("react");
+
+const react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
+
+const react_tabster_1 = /*#__PURE__*/require("@fluentui/react-tabster");
+
+const react_shared_contexts_1 = /*#__PURE__*/require("@fluentui/react-shared-contexts");
+
+const keyboard_keys_1 = /*#__PURE__*/require("@fluentui/keyboard-keys");
+/**
+ * Array of all shorthand properties listed in MenuSplitGroupSlots
+ */
+
+
+exports.menuSplitGroupShorthandProps = ['root'];
+/**
+ * Create the state required to render MenuSplitGroup.
+ *
+ * The returned state can be modified with hooks such as useMenuSplitGroupStyles,
+ * before being passed to renderMenuSplitGroup.
+ *
+ * @param props - props from this instance of MenuSplitGroup
+ * @param ref - reference to root HTMLElement of MenuSplitGroup
+ */
+
+const useMenuSplitGroup = (props, ref) => {
+  const innerRef = React.useRef();
+  const {
+    dir,
+    targetDocument
+  } = react_shared_contexts_1.useFluent();
+  const nextArrowKey = react_utilities_1.getRTLSafeKey(keyboard_keys_1.ArrowRight, dir);
+  const prevArrowKey = react_utilities_1.getRTLSafeKey(keyboard_keys_1.ArrowLeft, dir);
+  const {
+    findNextFocusable,
+    findPrevFocusable
+  } = react_tabster_1.useFocusFinders();
+  const onKeyDown = React.useCallback(e => {
+    var _a;
+
+    const activeElement = targetDocument === null || targetDocument === void 0 ? void 0 : targetDocument.activeElement;
+
+    if (!activeElement) {
+      return;
+    }
+
+    if (!((_a = innerRef.current) === null || _a === void 0 ? void 0 : _a.contains(activeElement))) {
+      return;
+    }
+
+    if (e.key === nextArrowKey) {
+      const next = findNextFocusable(activeElement, {
+        container: innerRef.current
+      });
+      next === null || next === void 0 ? void 0 : next.focus();
+    }
+
+    if (e.key === prevArrowKey) {
+      const prev = findPrevFocusable(activeElement, {
+        container: innerRef.current
+      });
+      prev === null || prev === void 0 ? void 0 : prev.focus();
+    }
+  }, [findNextFocusable, findPrevFocusable, targetDocument, nextArrowKey, prevArrowKey]);
+  return {
+    components: {
+      root: 'div'
+    },
+    root: react_utilities_1.getNativeElementProps('div', {
+      role: 'group',
+      ref: react_utilities_1.useMergedRefs(ref, innerRef),
+      onKeyDown,
+      ...props
+    })
+  };
+};
+
+exports.useMenuSplitGroup = useMenuSplitGroup;
+//# sourceMappingURL=useMenuSplitGroup.js.map

package/lib-commonjs/components/MenuSplitGroup/useMenuSplitGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/MenuSplitGroup/useMenuSplitGroup.ts"],"names":[],"mappings":";;;;;;;AAAA,MAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AACA,MAAA,iBAAA,gBAAA,OAAA,CAAA,2BAAA,CAAA;;AACA,MAAA,eAAA,gBAAA,OAAA,CAAA,yBAAA,CAAA;;AACA,MAAA,uBAAA,gBAAA,OAAA,CAAA,iCAAA,CAAA;;AAEA,MAAA,eAAA,gBAAA,OAAA,CAAA,yBAAA,CAAA;AAEA;;AAEG;;;AACU,OAAA,CAAA,4BAAA,GAA8D,CAAC,MAAD,CAA9D;AAEb;;;;;;;;AAQG;;AACI,MAAM,iBAAiB,GAAG,CAAC,KAAD,EAA6B,GAA7B,KAAiF;AAChH,QAAM,QAAQ,GAAG,KAAK,CAAC,MAAN,EAAjB;AACA,QAAM;AAAE,IAAA,GAAF;AAAO,IAAA;AAAP,MAA0B,uBAAA,CAAA,SAAA,EAAhC;AAEA,QAAM,YAAY,GAAG,iBAAA,CAAA,aAAA,CAAc,eAAA,CAAA,UAAd,EAA0B,GAA1B,CAArB;AACA,QAAM,YAAY,GAAG,iBAAA,CAAA,aAAA,CAAc,eAAA,CAAA,SAAd,EAAyB,GAAzB,CAArB;AAEA,QAAM;AAAE,IAAA,iBAAF;AAAqB,IAAA;AAArB,MAA2C,eAAA,CAAA,eAAA,EAAjD;AAEA,QAAM,SAAS,GAAG,KAAK,CAAC,WAAN,CACf,CAAD,IAAwC;;;AACtC,UAAM,aAAa,GAAG,cAAc,KAAA,IAAd,IAAA,cAAc,KAAA,KAAA,CAAd,GAAc,KAAA,CAAd,GAAA,cAAc,CAAE,aAAtC;;AACA,QAAI,CAAC,aAAL,EAAoB;AAClB;AACD;;AAED,QAAI,EAAC,CAAA,EAAA,GAAA,QAAQ,CAAC,OAAT,MAAgB,IAAhB,IAAgB,EAAA,KAAA,KAAA,CAAhB,GAAgB,KAAA,CAAhB,GAAgB,EAAA,CAAE,QAAF,CAAW,aAAX,CAAjB,CAAJ,EAAgD;AAC9C;AACD;;AAED,QAAI,CAAC,CAAC,GAAF,KAAU,YAAd,EAA4B;AAC1B,YAAM,IAAI,GAAG,iBAAiB,CAAC,aAAD,EAA+B;AAAE,QAAA,SAAS,EAAE,QAAQ,CAAC;AAAtB,OAA/B,CAA9B;AACA,MAAA,IAAI,KAAA,IAAJ,IAAA,IAAI,KAAA,KAAA,CAAJ,GAAI,KAAA,CAAJ,GAAA,IAAI,CAAE,KAAN,EAAA;AACD;;AAED,QAAI,CAAC,CAAC,GAAF,KAAU,YAAd,EAA4B;AAC1B,YAAM,IAAI,GAAG,iBAAiB,CAAC,aAAD,EAA+B;AAAE,QAAA,SAAS,EAAE,QAAQ,CAAC;AAAtB,OAA/B,CAA9B;AACA,MAAA,IAAI,KAAA,IAAJ,IAAA,IAAI,KAAA,KAAA,CAAJ,GAAI,KAAA,CAAJ,GAAA,IAAI,CAAE,KAAN,EAAA;AACD;AACF,GApBe,EAqBhB,CAAC,iBAAD,EAAoB,iBAApB,EAAuC,cAAvC,EAAuD,YAAvD,EAAqE,YAArE,CArBgB,CAAlB;AAwBA,SAAO;AACL,IAAA,UAAU,EAAE;AACV,MAAA,IAAI,EAAE;AADI,KADP;AAIL,IAAA,IAAI,EAAE,iBAAA,CAAA,qBAAA,CAAsB,KAAtB,EAA6B;AACjC,MAAA,IAAI,EAAE,OAD2B;AAEjC,MAAA,GAAG,EAAE,iBAAA,CAAA,aAAA,CAAc,GAAd,EAAmB,QAAnB,CAF4B;AAGjC,MAAA,SAHiC;AAIjC,SAAG;AAJ8B,KAA7B;AAJD,GAAP;AAWD,CA5CM;;AAAM,OAAA,CAAA,iBAAA,GAAiB,iBAAjB","sourceRoot":""}

package/lib-commonjs/components/MenuSplitGroup/useMenuSplitGroupStyles.d.ts

@@ -0,0 +1,6 @@
+import type { MenuSplitGroupState } from './MenuSplitGroup.types';
+export declare const menuSplitGroupClassName = "fui-MenuSplitGroup";
+/**
+ * Apply styling to the MenuSplitGroup slots based on the state
+ */
+export declare const useMenuSplitGroupStyles: (state: MenuSplitGroupState) => MenuSplitGroupState;

package/lib-commonjs/components/MenuSplitGroup/useMenuSplitGroupStyles.js

@@ -0,0 +1,45 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useMenuSplitGroupStyles = exports.menuSplitGroupClassName = void 0;
+
+const react_make_styles_1 = /*#__PURE__*/require("@fluentui/react-make-styles");
+
+const useMenuItemStyles_1 = /*#__PURE__*/require("../MenuItem/useMenuItemStyles");
+
+exports.menuSplitGroupClassName = 'fui-MenuSplitGroup';
+/**
+ * Styles for the root slot
+ */
+
+const useStyles = /*#__PURE__*/react_make_styles_1.__styles({
+  "root": {
+    "mc9l5x": "f22iagw",
+    "u7v6m2": "f168awwq",
+    "Bo1wru1": ["f1om2jlk", "fcyhg04"],
+    "Bhkyaub": ["fgqgg70", "fqo1hry"],
+    "J9ixe0": ["fh1zedf", "f1auaj6e"],
+    "rj29m3": ["fokbbcd", "f1xlvh9o"],
+    "lispf9": "f1et5qag",
+    "B9hwub1": "f13ngu1f",
+    "dvf9w6": "f1db9j62",
+    "Hjn5ok": "f92z21p"
+  }
+}, {
+  "d": [".f22iagw{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}", ".f168awwq>.fui-MenuItem:nth-child(1){width:100%;}", ".f1om2jlk>.fui-MenuItem:nth-child(2){border-top-left-radius:0;}", ".fcyhg04>.fui-MenuItem:nth-child(2){border-top-right-radius:0;}", ".fgqgg70>.fui-MenuItem:nth-child(2){border-bottom-left-radius:0;}", ".fqo1hry>.fui-MenuItem:nth-child(2){border-bottom-right-radius:0;}", ".fh1zedf>.fui-MenuItem:nth-child(2){padding-left:0;}", ".f1auaj6e>.fui-MenuItem:nth-child(2){padding-right:0;}", ".fokbbcd>.fui-MenuItem:nth-child(2){margin-left:auto;}", ".f1xlvh9o>.fui-MenuItem:nth-child(2){margin-right:auto;}", ".f1et5qag>.fui-MenuItem:nth-child(2):before{content:\"\";}", ".f13ngu1f>.fui-MenuItem:nth-child(2):before{width:var(--strokeWidthThin);}", ".f1db9j62>.fui-MenuItem:nth-child(2):before{height:24px;}", ".f92z21p>.fui-MenuItem:nth-child(2):before{background-color:var(--colorNeutralStroke1);}"]
+});
+/**
+ * Apply styling to the MenuSplitGroup slots based on the state
+ */
+
+
+const useMenuSplitGroupStyles = state => {
+  const styles = useStyles();
+  state.root.className = react_make_styles_1.mergeClasses(exports.menuSplitGroupClassName, styles.root, state.root.className);
+  return state;
+};
+
+exports.useMenuSplitGroupStyles = useMenuSplitGroupStyles;
+//# sourceMappingURL=useMenuSplitGroupStyles.js.map

package/lib-commonjs/components/MenuSplitGroup/useMenuSplitGroupStyles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/MenuSplitGroup/useMenuSplitGroupStyles.ts"],"names":[],"mappings":";;;;;;;AAAA,MAAA,mBAAA,gBAAA,OAAA,CAAA,6BAAA,CAAA;;AACA,MAAA,mBAAA,gBAAA,OAAA,CAAA,+BAAA,CAAA;;AAGa,OAAA,CAAA,uBAAA,GAA0B,oBAA1B;AAEb;;AAEG;;AACH,MAAM,SAAS,gBAAG,mBAAA,SAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAlB;AAqBA;;AAEG;;;AACI,MAAM,uBAAuB,GAAI,KAAD,IAAoD;AACzF,QAAM,MAAM,GAAG,SAAS,EAAxB;AACA,EAAA,KAAK,CAAC,IAAN,CAAW,SAAX,GAAuB,mBAAA,CAAA,YAAA,CAAa,OAAA,CAAA,uBAAb,EAAsC,MAAM,CAAC,IAA7C,EAAmD,KAAK,CAAC,IAAN,CAAW,SAA9D,CAAvB;AACA,SAAO,KAAP;AACD,CAJM;;AAAM,OAAA,CAAA,uBAAA,GAAuB,uBAAvB","sourceRoot":""}

package/lib-commonjs/index.d.ts

@@ -1,15 +1,16 @@
-export * from './MenuItem';
-export * from './MenuList';
-export * from './MenuItemCheckbox';
-export * from './MenuItemRadio';
-export * from './MenuDivider';
-export * from './MenuGroupHeader';
-export * from './MenuGroup';
-export * from './selectable/index';
-export * from './MenuTrigger';
-export * from './Menu';
 export * from './contexts/menuContext';
 export * from './contexts/menuTriggerContext';
 export * from './contexts/menuGroupContext';
 export * from './contexts/menuListContext';
+export * from './Menu';
+export * from './MenuDivider';
+export * from './MenuGroup';
+export * from './MenuGroupHeader';
+export * from './MenuItem';
+export * from './MenuItemCheckbox';
+export * from './MenuItemRadio';
+export * from './MenuList';
 export * from './MenuPopover';
+export * from './MenuSplitGroup';
+export * from './MenuTrigger';
+export * from './selectable/index';

package/lib-commonjs/index.js

@@ -6,33 +6,35 @@ Object.defineProperty(exports, "__esModule", {
 
 const tslib_1 = /*#__PURE__*/require("tslib");
 
-tslib_1.__exportStar(require("./MenuItem"), exports);
+tslib_1.__exportStar(require("./contexts/menuContext"), exports);
 
-tslib_1.__exportStar(require("./MenuList"), exports);
+tslib_1.__exportStar(require("./contexts/menuTriggerContext"), exports);
 
-tslib_1.__exportStar(require("./MenuItemCheckbox"), exports);
+tslib_1.__exportStar(require("./contexts/menuGroupContext"), exports);
 
-tslib_1.__exportStar(require("./MenuItemRadio"), exports);
+tslib_1.__exportStar(require("./contexts/menuListContext"), exports);
 
-tslib_1.__exportStar(require("./MenuDivider"), exports);
+tslib_1.__exportStar(require("./Menu"), exports);
 
-tslib_1.__exportStar(require("./MenuGroupHeader"), exports);
+tslib_1.__exportStar(require("./MenuDivider"), exports);
 
 tslib_1.__exportStar(require("./MenuGroup"), exports);
 
-tslib_1.__exportStar(require("./selectable/index"), exports);
+tslib_1.__exportStar(require("./MenuGroupHeader"), exports);
 
-tslib_1.__exportStar(require("./MenuTrigger"), exports);
+tslib_1.__exportStar(require("./MenuItem"), exports);
 
-tslib_1.__exportStar(require("./Menu"), exports);
+tslib_1.__exportStar(require("./MenuItemCheckbox"), exports);
 
-tslib_1.__exportStar(require("./contexts/menuContext"), exports);
+tslib_1.__exportStar(require("./MenuItemRadio"), exports);
 
-tslib_1.__exportStar(require("./contexts/menuTriggerContext"), exports);
+tslib_1.__exportStar(require("./MenuList"), exports);
 
-tslib_1.__exportStar(require("./contexts/menuGroupContext"), exports);
+tslib_1.__exportStar(require("./MenuPopover"), exports);
 
-tslib_1.__exportStar(require("./contexts/menuListContext"), exports);
+tslib_1.__exportStar(require("./MenuSplitGroup"), exports);
 
-tslib_1.__exportStar(require("./MenuPopover"), exports);
+tslib_1.__exportStar(require("./MenuTrigger"), exports);
+
+tslib_1.__exportStar(require("./selectable/index"), exports);
 //# sourceMappingURL=index.js.map

package/lib-commonjs/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.ts"],"names":[],"mappings":";;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,YAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,YAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,oBAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,iBAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,eAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,mBAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,aAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,oBAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,eAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,QAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,wBAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,+BAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,6BAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,4BAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,eAAA,CAAA,EAAA,OAAA","sourceRoot":""}
+{"version":3,"sources":["../src/index.ts"],"names":[],"mappings":";;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,wBAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,+BAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,6BAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,4BAAA,CAAA,EAAA,OAAA;;AAEA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,QAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,eAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,aAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,mBAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,YAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,oBAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,iBAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,YAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,eAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,kBAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,eAAA,CAAA,EAAA,OAAA;;AAEA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,oBAAA,CAAA,EAAA,OAAA","sourceRoot":""}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-menu",
-  "version": "0.0.0-nightlycbf184efa720211222.1",
+  "version": "0.0.0-nightlyecca467a8920220110.1",
   "description": "Fluent UI menu component",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -27,11 +27,11 @@
     "type-check": "tsc -b tsconfig.json"
   },
   "devDependencies": {
-    "@fluentui/babel-make-styles": "0.0.0-nightlycbf184efa720211222.1",
+    "@fluentui/babel-make-styles": "0.0.0-nightlyecca467a8920220110.1",
     "@fluentui/eslint-plugin": "*",
-    "@fluentui/jest-serializer-make-styles": "0.0.0-nightlycbf184efa720211222.1",
+    "@fluentui/jest-serializer-make-styles": "0.0.0-nightlyecca467a8920220110.1",
     "@fluentui/react-conformance": "*",
-    "@fluentui/react-conformance-make-styles": "0.0.0-nightlycbf184efa720211222.1",
+    "@fluentui/react-conformance-make-styles": "0.0.0-nightlyecca467a8920220110.1",
     "@fluentui/scripts": "^1.0.0",
     "@types/enzyme": "3.10.3",
     "@types/enzyme-adapter-react-16": "1.0.3",
@@ -45,15 +45,15 @@
     "react-test-renderer": "^16.3.0"
   },
   "dependencies": {
-    "@fluentui/keyboard-keys": "0.0.0-nightlycbf184efa720211222.1",
-    "@fluentui/react-context-selector": "0.0.0-nightlycbf184efa720211222.1",
+    "@fluentui/keyboard-keys": "0.0.0-nightlyecca467a8920220110.1",
+    "@fluentui/react-context-selector": "0.0.0-nightlyecca467a8920220110.1",
     "@fluentui/react-icons": "^2.0.154-beta.5",
-    "@fluentui/react-make-styles": "0.0.0-nightlycbf184efa720211222.1",
-    "@fluentui/react-portal": "0.0.0-nightlycbf184efa720211222.1",
-    "@fluentui/react-positioning": "0.0.0-nightlycbf184efa720211222.1",
-    "@fluentui/react-shared-contexts": "0.0.0-nightlycbf184efa720211222.1",
-    "@fluentui/react-tabster": "0.0.0-nightlycbf184efa720211222.1",
-    "@fluentui/react-utilities": "0.0.0-nightlycbf184efa720211222.1",
+    "@fluentui/react-make-styles": "0.0.0-nightlyecca467a8920220110.1",
+    "@fluentui/react-portal": "0.0.0-nightlyecca467a8920220110.1",
+    "@fluentui/react-positioning": "0.0.0-nightlyecca467a8920220110.1",
+    "@fluentui/react-shared-contexts": "0.0.0-nightlyecca467a8920220110.1",
+    "@fluentui/react-tabster": "0.0.0-nightlyecca467a8920220110.1",
+    "@fluentui/react-utilities": "0.0.0-nightlyecca467a8920220110.1",
     "tslib": "^2.1.0"
   },
   "peerDependencies": {