@fluentui/react-accordion 0.0.0-nightlyd514b3e0ee20220121.1 → 0.0.0-nightlyd80c90385320220216.1

package/lib-commonjs/components/AccordionPanel/AccordionPanel.js

@@ -13,14 +13,14 @@ const renderAccordionPanel_1 = /*#__PURE__*/require("./renderAccordionPanel");
 
 const useAccordionPanelStyles_1 = /*#__PURE__*/require("./useAccordionPanelStyles");
 /**
- * Define a styled AccordionPanel, using the `useAccordionPanel` and `useAccordionPanelStyles` hooks.
+ * Define a styled AccordionPanel, using the `useAccordionPanel_unstable` and `useAccordionPanelStyles_unstable` hooks.
  */
 
 
 exports.AccordionPanel = /*#__PURE__*/React.forwardRef((props, ref) => {
-  const state = useAccordionPanel_1.useAccordionPanel(props, ref);
-  useAccordionPanelStyles_1.useAccordionPanelStyles(state);
-  return renderAccordionPanel_1.renderAccordionPanel(state);
+  const state = useAccordionPanel_1.useAccordionPanel_unstable(props, ref);
+  useAccordionPanelStyles_1.useAccordionPanelStyles_unstable(state);
+  return renderAccordionPanel_1.renderAccordionPanel_unstable(state);
 });
 exports.AccordionPanel.displayName = 'AccordionPanel';
 //# sourceMappingURL=AccordionPanel.js.map

package/lib-commonjs/components/AccordionPanel/AccordionPanel.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/AccordionPanel/AccordionPanel.tsx"],"names":[],"mappings":";;;;;;;AAAA,MAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AACA,MAAA,mBAAA,gBAAA,OAAA,CAAA,qBAAA,CAAA;;AACA,MAAA,sBAAA,gBAAA,OAAA,CAAA,wBAAA,CAAA;;AACA,MAAA,yBAAA,gBAAA,OAAA,CAAA,2BAAA,CAAA;AAIA;;AAEG;;;AACU,OAAA,CAAA,cAAA,gBAA2D,KAAK,CAAC,UAAN,CAAiB,CAAC,KAAD,EAAQ,GAAR,KAAe;AACtG,QAAM,KAAK,GAAG,mBAAA,CAAA,iBAAA,CAAkB,KAAlB,EAAyB,GAAzB,CAAd;AAEA,EAAA,yBAAA,CAAA,uBAAA,CAAwB,KAAxB;AACA,SAAO,sBAAA,CAAA,oBAAA,CAAqB,KAArB,CAAP;AACD,CALuE,CAA3D;AAOb,OAAA,CAAA,cAAA,CAAe,WAAf,GAA6B,gBAA7B","sourceRoot":""}
+{"version":3,"sources":["../../../src/components/AccordionPanel/AccordionPanel.tsx"],"names":[],"mappings":";;;;;;;AAAA,MAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AACA,MAAA,mBAAA,gBAAA,OAAA,CAAA,qBAAA,CAAA;;AACA,MAAA,sBAAA,gBAAA,OAAA,CAAA,wBAAA,CAAA;;AACA,MAAA,yBAAA,gBAAA,OAAA,CAAA,2BAAA,CAAA;AAIA;;AAEG;;;AACU,OAAA,CAAA,cAAA,gBAA2D,KAAK,CAAC,UAAN,CAAiB,CAAC,KAAD,EAAQ,GAAR,KAAe;AACtG,QAAM,KAAK,GAAG,mBAAA,CAAA,0BAAA,CAA2B,KAA3B,EAAkC,GAAlC,CAAd;AAEA,EAAA,yBAAA,CAAA,gCAAA,CAAiC,KAAjC;AACA,SAAO,sBAAA,CAAA,6BAAA,CAA8B,KAA9B,CAAP;AACD,CALuE,CAA3D;AAOb,OAAA,CAAA,cAAA,CAAe,WAAf,GAA6B,gBAA7B","sourceRoot":""}

package/lib-commonjs/components/AccordionPanel/AccordionPanel.types.d.ts

@@ -1,6 +1,6 @@
-import type { ComponentProps, ComponentState, IntrinsicShorthandProps } from '@fluentui/react-utilities';
+import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';
 export declare type AccordionPanelSlots = {
-    root: IntrinsicShorthandProps<'div'>;
+    root: Slot<'div'>;
 };
 export declare type AccordionPanelProps = ComponentProps<AccordionPanelSlots>;
 export declare type AccordionPanelState = ComponentState<AccordionPanelSlots> & {

package/lib-commonjs/components/AccordionPanel/renderAccordionPanel.d.ts

@@ -2,4 +2,4 @@ import type { AccordionPanelState } from './AccordionPanel.types';
 /**
  * Function that renders the final JSX of the component
  */
-export declare const renderAccordionPanel: (state: AccordionPanelState) => JSX.Element | null;
+export declare const renderAccordionPanel_unstable: (state: AccordionPanelState) => JSX.Element | null;

package/lib-commonjs/components/AccordionPanel/renderAccordionPanel.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.renderAccordionPanel = void 0;
+exports.renderAccordionPanel_unstable = void 0;
 
 const React = /*#__PURE__*/require("react");
 
@@ -13,7 +13,7 @@ const react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
  */
 
 
-const renderAccordionPanel = state => {
+const renderAccordionPanel_unstable = state => {
   const {
     slots,
     slotProps
@@ -22,5 +22,5 @@ const renderAccordionPanel = state => {
   }, slotProps.root.children) : null;
 };
 
-exports.renderAccordionPanel = renderAccordionPanel;
+exports.renderAccordionPanel_unstable = renderAccordionPanel_unstable;
 //# sourceMappingURL=renderAccordionPanel.js.map

package/lib-commonjs/components/AccordionPanel/renderAccordionPanel.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/AccordionPanel/renderAccordionPanel.tsx"],"names":[],"mappings":";;;;;;;AAAA,MAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AACA,MAAA,iBAAA,gBAAA,OAAA,CAAA,2BAAA,CAAA;AAGA;;AAEG;;;AACI,MAAM,oBAAoB,GAAI,KAAD,IAA+B;AACjE,QAAM;AAAE,IAAA,KAAF;AAAS,IAAA;AAAT,MAAuB,iBAAA,CAAA,QAAA,CAA8B,KAA9B,CAA7B;AACA,SAAO,KAAK,CAAC,IAAN,GAAa,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,IAAP,EAAW,EAAA,GAAK,SAAS,CAAC;AAAf,GAAX,EAAiC,SAAS,CAAC,IAAV,CAAe,QAAhD,CAAb,GAAsF,IAA7F;AACD,CAHM;;AAAM,OAAA,CAAA,oBAAA,GAAoB,oBAApB","sourceRoot":""}
+{"version":3,"sources":["../../../src/components/AccordionPanel/renderAccordionPanel.tsx"],"names":[],"mappings":";;;;;;;AAAA,MAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AACA,MAAA,iBAAA,gBAAA,OAAA,CAAA,2BAAA,CAAA;AAGA;;AAEG;;;AACI,MAAM,6BAA6B,GAAI,KAAD,IAA+B;AAC1E,QAAM;AAAE,IAAA,KAAF;AAAS,IAAA;AAAT,MAAuB,iBAAA,CAAA,QAAA,CAA8B,KAA9B,CAA7B;AACA,SAAO,KAAK,CAAC,IAAN,GAAa,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,IAAP,EAAW,EAAA,GAAK,SAAS,CAAC;AAAf,GAAX,EAAiC,SAAS,CAAC,IAAV,CAAe,QAAhD,CAAb,GAAsF,IAA7F;AACD,CAHM;;AAAM,OAAA,CAAA,6BAAA,GAA6B,6BAA7B","sourceRoot":""}

package/lib-commonjs/components/AccordionPanel/useAccordionPanel.d.ts

@@ -5,4 +5,4 @@ import type { AccordionPanelProps, AccordionPanelState } from './AccordionPanel.
  * @param props - AccordionPanel properties
  * @param ref - reference to root HTMLElement of AccordionPanel
  */
-export declare const useAccordionPanel: (props: AccordionPanelProps, ref: React.Ref<HTMLElement>) => AccordionPanelState;
+export declare const useAccordionPanel_unstable: (props: AccordionPanelProps, ref: React.Ref<HTMLElement>) => AccordionPanelState;

package/lib-commonjs/components/AccordionPanel/useAccordionPanel.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.useAccordionPanel = void 0;
+exports.useAccordionPanel_unstable = void 0;
 
 const react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
 
@@ -15,10 +15,10 @@ const index_1 = /*#__PURE__*/require("../AccordionItem/index");
  */
 
 
-const useAccordionPanel = (props, ref) => {
+const useAccordionPanel_unstable = (props, ref) => {
   const {
     open
-  } = index_1.useAccordionItemContext();
+  } = index_1.useAccordionItemContext_unstable();
   return {
     open,
     components: {
@@ -26,11 +26,10 @@ const useAccordionPanel = (props, ref) => {
     },
     root: react_utilities_1.getNativeElementProps('div', {
       ref,
-      role: 'region',
       ...props
     })
   };
 };
 
-exports.useAccordionPanel = useAccordionPanel;
+exports.useAccordionPanel_unstable = useAccordionPanel_unstable;
 //# sourceMappingURL=useAccordionPanel.js.map

package/lib-commonjs/components/AccordionPanel/useAccordionPanel.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/AccordionPanel/useAccordionPanel.ts"],"names":[],"mappings":";;;;;;;AACA,MAAA,iBAAA,gBAAA,OAAA,CAAA,2BAAA,CAAA;;AACA,MAAA,OAAA,gBAAA,OAAA,CAAA,wBAAA,CAAA;AAGA;;;;AAIG;;;AACI,MAAM,iBAAiB,GAAG,CAAC,KAAD,EAA6B,GAA7B,KAAiF;AAChH,QAAM;AAAE,IAAA;AAAF,MAAW,OAAA,CAAA,uBAAA,EAAjB;AACA,SAAO;AACL,IAAA,IADK;AAEL,IAAA,UAAU,EAAE;AACV,MAAA,IAAI,EAAE;AADI,KAFP;AAKL,IAAA,IAAI,EAAE,iBAAA,CAAA,qBAAA,CAAsB,KAAtB,EAA6B;AACjC,MAAA,GADiC;AAEjC,MAAA,IAAI,EAAE,QAF2B;AAGjC,SAAG;AAH8B,KAA7B;AALD,GAAP;AAWD,CAbM;;AAAM,OAAA,CAAA,iBAAA,GAAiB,iBAAjB","sourceRoot":""}
+{"version":3,"sources":["../../../src/components/AccordionPanel/useAccordionPanel.ts"],"names":[],"mappings":";;;;;;;AACA,MAAA,iBAAA,gBAAA,OAAA,CAAA,2BAAA,CAAA;;AACA,MAAA,OAAA,gBAAA,OAAA,CAAA,wBAAA,CAAA;AAGA;;;;AAIG;;;AACI,MAAM,0BAA0B,GAAG,CACxC,KADwC,EAExC,GAFwC,KAGjB;AACvB,QAAM;AAAE,IAAA;AAAF,MAAW,OAAA,CAAA,gCAAA,EAAjB;AACA,SAAO;AACL,IAAA,IADK;AAEL,IAAA,UAAU,EAAE;AACV,MAAA,IAAI,EAAE;AADI,KAFP;AAKL,IAAA,IAAI,EAAE,iBAAA,CAAA,qBAAA,CAAsB,KAAtB,EAA6B;AACjC,MAAA,GADiC;AAEjC,SAAG;AAF8B,KAA7B;AALD,GAAP;AAUD,CAfM;;AAAM,OAAA,CAAA,0BAAA,GAA0B,0BAA1B","sourceRoot":""}

package/lib-commonjs/components/AccordionPanel/useAccordionPanelStyles.d.ts

@@ -1,4 +1,4 @@
 import type { AccordionPanelState } from './AccordionPanel.types';
 export declare const accordionPanelClassName = "fui-AccordionPanel";
 /** Applies style classnames to slots */
-export declare const useAccordionPanelStyles: (state: AccordionPanelState) => AccordionPanelState;
+export declare const useAccordionPanelStyles_unstable: (state: AccordionPanelState) => AccordionPanelState;

package/lib-commonjs/components/AccordionPanel/useAccordionPanelStyles.js

@@ -3,16 +3,16 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.useAccordionPanelStyles = exports.accordionPanelClassName = void 0;
+exports.useAccordionPanelStyles_unstable = exports.accordionPanelClassName = void 0;
 
-const react_make_styles_1 = /*#__PURE__*/require("@fluentui/react-make-styles");
+const react_1 = /*#__PURE__*/require("@griffel/react");
 
 exports.accordionPanelClassName = 'fui-AccordionPanel';
 /**
  * Styles for the root slot
  */
 
-const useStyles = /*#__PURE__*/react_make_styles_1.__styles({
+const useStyles = /*#__PURE__*/react_1.__styles({
   "root": {
     "t21cq0": ["f1x4n1mu", "f1hf5xhj"],
     "Frg6f3": ["f1hf5xhj", "f1x4n1mu"]
@@ -23,11 +23,11 @@ const useStyles = /*#__PURE__*/react_make_styles_1.__styles({
 /** Applies style classnames to slots */
 
 
-const useAccordionPanelStyles = state => {
+const useAccordionPanelStyles_unstable = state => {
   const styles = useStyles();
-  state.root.className = react_make_styles_1.mergeClasses(exports.accordionPanelClassName, styles.root, state.root.className);
+  state.root.className = react_1.mergeClasses(exports.accordionPanelClassName, styles.root, state.root.className);
   return state;
 };
 
-exports.useAccordionPanelStyles = useAccordionPanelStyles;
+exports.useAccordionPanelStyles_unstable = useAccordionPanelStyles_unstable;
 //# sourceMappingURL=useAccordionPanelStyles.js.map

package/lib-commonjs/components/AccordionPanel/useAccordionPanelStyles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/AccordionPanel/useAccordionPanelStyles.ts"],"names":[],"mappings":";;;;;;;AAAA,MAAA,mBAAA,gBAAA,OAAA,CAAA,6BAAA,CAAA;;AAGa,OAAA,CAAA,uBAAA,GAA0B,oBAA1B;AAEb;;AAEG;;AACH,MAAM,SAAS,gBAAG,mBAAA,SAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAlB;AAOA;;;AACO,MAAM,uBAAuB,GAAI,KAAD,IAA+B;AACpE,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;AAEA,SAAO,KAAP;AACD,CALM;;AAAM,OAAA,CAAA,uBAAA,GAAuB,uBAAvB","sourceRoot":""}
+{"version":3,"sources":["../../../src/components/AccordionPanel/useAccordionPanelStyles.ts"],"names":[],"mappings":";;;;;;;AAAA,MAAA,OAAA,gBAAA,OAAA,CAAA,gBAAA,CAAA;;AAGa,OAAA,CAAA,uBAAA,GAA0B,oBAA1B;AAEb;;AAEG;;AACH,MAAM,SAAS,gBAAG,OAAA,SAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAlB;AAOA;;;AACO,MAAM,gCAAgC,GAAI,KAAD,IAA+B;AAC7E,QAAM,MAAM,GAAG,SAAS,EAAxB;AACA,EAAA,KAAK,CAAC,IAAN,CAAW,SAAX,GAAuB,OAAA,CAAA,YAAA,CAAa,OAAA,CAAA,uBAAb,EAAsC,MAAM,CAAC,IAA7C,EAAmD,KAAK,CAAC,IAAN,CAAW,SAA9D,CAAvB;AAEA,SAAO,KAAP;AACD,CALM;;AAAM,OAAA,CAAA,gCAAA,GAAgC,gCAAhC","sourceRoot":""}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-accordion",
-  "version": "0.0.0-nightlyd514b3e0ee20220121.1",
+  "version": "0.0.0-nightlyd80c90385320220216.1",
   "description": "Fluent UI accordion component",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -26,11 +26,9 @@
     "type-check": "tsc -b tsconfig.json"
   },
   "devDependencies": {
-    "@fluentui/babel-make-styles": "0.0.0-nightlyd514b3e0ee20220121.1",
     "@fluentui/eslint-plugin": "*",
-    "@fluentui/jest-serializer-make-styles": "0.0.0-nightlyd514b3e0ee20220121.1",
     "@fluentui/react-conformance": "*",
-    "@fluentui/react-conformance-make-styles": "0.0.0-nightlyd514b3e0ee20220121.1",
+    "@fluentui/react-conformance-griffel": "0.0.0-nightlyd80c90385320220216.1",
     "@fluentui/scripts": "^1.0.0",
     "@types/enzyme": "3.10.3",
     "@types/enzyme-adapter-react-16": "1.0.3",
@@ -44,20 +42,20 @@
     "react-test-renderer": "^16.3.0"
   },
   "dependencies": {
-    "@fluentui/react-aria": "0.0.0-nightlyd514b3e0ee20220121.1",
-    "@fluentui/react-context-selector": "0.0.0-nightlyd514b3e0ee20220121.1",
-    "@fluentui/react-icons": "^2.0.154-beta.5",
-    "@fluentui/react-make-styles": "0.0.0-nightlyd514b3e0ee20220121.1",
-    "@fluentui/react-tabster": "0.0.0-nightlyd514b3e0ee20220121.1",
-    "@fluentui/react-theme": "0.0.0-nightlyd514b3e0ee20220121.1",
-    "@fluentui/react-utilities": "0.0.0-nightlyd514b3e0ee20220121.1",
+    "@fluentui/react-aria": "0.0.0-nightlyd80c90385320220216.1",
+    "@fluentui/react-context-selector": "0.0.0-nightlyd80c90385320220216.1",
+    "@fluentui/react-icons": "^2.0.159-beta.10",
+    "@griffel/react": "1.0.0",
+    "@fluentui/react-tabster": "0.0.0-nightlyd80c90385320220216.1",
+    "@fluentui/react-theme": "0.0.0-nightlyd80c90385320220216.1",
+    "@fluentui/react-utilities": "0.0.0-nightlyd80c90385320220216.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": [