@fluentui/react-accordion 0.0.0-nightlyfc5cfdc52420220215.1 → 0.0.0

package/lib-commonjs/components/AccordionItem/useAccordionItem.js

@@ -9,8 +9,6 @@ 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_context_selector_1 = /*#__PURE__*/require("@fluentui/react-context-selector");
 
 const AccordionContext_1 = /*#__PURE__*/require("../Accordion/AccordionContext");
@@ -26,10 +24,6 @@ const useAccordionItem_unstable = (props, ref) => {
     value,
     disabled = false
   } = props;
-  const navigable = react_context_selector_1.useContextSelector(AccordionContext_1.AccordionContext, ctx => ctx.navigable);
-  const tabsterAttributes = react_tabster_1.useTabsterAttributes({
-    groupper: {}
-  });
   const requestToggle = react_context_selector_1.useContextSelector(AccordionContext_1.AccordionContext, ctx => ctx.requestToggle);
   const open = react_context_selector_1.useContextSelector(AccordionContext_1.AccordionContext, ctx => ctx.openItems.includes(value));
   const onAccordionHeaderClick = React.useCallback(ev => requestToggle(ev, {
@@ -37,7 +31,6 @@ const useAccordionItem_unstable = (props, ref) => {
   }), [requestToggle, value]);
   return {
     open,
-    value,
     disabled,
     onHeaderClick: onAccordionHeaderClick,
     components: {
@@ -45,7 +38,6 @@ const useAccordionItem_unstable = (props, ref) => {
     },
     root: react_utilities_1.getNativeElementProps('div', {
       ref: ref,
-      ...(navigable ? tabsterAttributes : {}),
       ...props
     })
   };

package/lib-commonjs/components/AccordionItem/useAccordionItem.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/AccordionItem/useAccordionItem.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,wBAAA,gBAAA,OAAA,CAAA,kCAAA,CAAA;;AACA,MAAA,kBAAA,gBAAA,OAAA,CAAA,+BAAA,CAAA;AAIA;;;;AAIG;;;AACI,MAAM,yBAAyB,GAAG,CACvC,KADuC,EAEvC,GAFuC,KAGjB;AACtB,QAAM;AAAE,IAAA,KAAF;AAAS,IAAA,QAAQ,GAAG;AAApB,MAA8B,KAApC;AACA,QAAM,SAAS,GAAG,wBAAA,CAAA,kBAAA,CAAmB,kBAAA,CAAA,gBAAnB,EAAqC,GAAG,IAAI,GAAG,CAAC,SAAhD,CAAlB;AACA,QAAM,iBAAiB,GAAG,eAAA,CAAA,oBAAA,CAAqB;AAC7C,IAAA,QAAQ,EAAE;AADmC,GAArB,CAA1B;AAIA,QAAM,aAAa,GAAG,wBAAA,CAAA,kBAAA,CAAmB,kBAAA,CAAA,gBAAnB,EAAqC,GAAG,IAAI,GAAG,CAAC,aAAhD,CAAtB;AACA,QAAM,IAAI,GAAG,wBAAA,CAAA,kBAAA,CAAmB,kBAAA,CAAA,gBAAnB,EAAqC,GAAG,IAAI,GAAG,CAAC,SAAJ,CAAc,QAAd,CAAuB,KAAvB,CAA5C,CAAb;AACA,QAAM,sBAAsB,GAAG,KAAK,CAAC,WAAN,CAAmB,EAAD,IAA8B,aAAa,CAAC,EAAD,EAAK;AAAE,IAAA;AAAF,GAAL,CAA7D,EAA8E,CAC3G,aAD2G,EAE3G,KAF2G,CAA9E,CAA/B;AAKA,SAAO;AACL,IAAA,IADK;AAEL,IAAA,KAFK;AAGL,IAAA,QAHK;AAIL,IAAA,aAAa,EAAE,sBAJV;AAKL,IAAA,UAAU,EAAE;AACV,MAAA,IAAI,EAAE;AADI,KALP;AAQL,IAAA,IAAI,EAAE,iBAAA,CAAA,qBAAA,CAAsB,KAAtB,EAA6B;AACjC,MAAA,GAAG,EAAE,GAD4B;AAEjC,UAAI,SAAS,GAAG,iBAAH,GAAuB,EAApC,CAFiC;AAGjC,SAAG;AAH8B,KAA7B;AARD,GAAP;AAcD,CA/BM;;AAAM,OAAA,CAAA,yBAAA,GAAyB,yBAAzB","sourceRoot":""}
+{"version":3,"sources":["components/AccordionItem/useAccordionItem.ts"],"names":[],"mappings":";;;;;;;AAAA,MAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AACA,MAAA,iBAAA,gBAAA,OAAA,CAAA,2BAAA,CAAA;;AACA,MAAA,wBAAA,gBAAA,OAAA,CAAA,kCAAA,CAAA;;AACA,MAAA,kBAAA,gBAAA,OAAA,CAAA,+BAAA,CAAA;AAIA;;;;AAIG;;;AACI,MAAM,yBAAyB,GAAG,CACvC,KADuC,EAEvC,GAFuC,KAGjB;EACtB,MAAM;IAAE,KAAF;IAAS,QAAQ,GAAG;EAApB,IAA8B,KAApC;EAEA,MAAM,aAAa,GAAG,wBAAA,CAAA,kBAAA,CAAmB,kBAAA,CAAA,gBAAnB,EAAqC,GAAG,IAAI,GAAG,CAAC,aAAhD,CAAtB;EACA,MAAM,IAAI,GAAG,wBAAA,CAAA,kBAAA,CAAmB,kBAAA,CAAA,gBAAnB,EAAqC,GAAG,IAAI,GAAG,CAAC,SAAJ,CAAc,QAAd,CAAuB,KAAvB,CAA5C,CAAb;EACA,MAAM,sBAAsB,GAAG,KAAK,CAAC,WAAN,CAAmB,EAAD,IAA8B,aAAa,CAAC,EAAD,EAAK;IAAE;EAAF,CAAL,CAA7D,EAA8E,CAC3G,aAD2G,EAE3G,KAF2G,CAA9E,CAA/B;EAKA,OAAO;IACL,IADK;IAEL,QAFK;IAGL,aAAa,EAAE,sBAHV;IAIL,UAAU,EAAE;MACV,IAAI,EAAE;IADI,CAJP;IAOL,IAAI,EAAE,iBAAA,CAAA,qBAAA,CAAsB,KAAtB,EAA6B;MACjC,GAAG,EAAE,GAD4B;MAEjC,GAAG;IAF8B,CAA7B;EAPD,CAAP;AAYD,CAzBM;;AAAM,OAAA,CAAA,yBAAA,GAAyB,yBAAzB","sourcesContent":["import * as React from 'react';\nimport { getNativeElementProps } from '@fluentui/react-utilities';\nimport { useContextSelector } from '@fluentui/react-context-selector';\nimport { AccordionContext } from '../Accordion/AccordionContext';\nimport type { AccordionItemProps, AccordionItemState } from './AccordionItem.types';\nimport type { AccordionToggleEvent } from '../Accordion/Accordion.types';\n\n/**\n * Returns the props and state required to render the component\n * @param props - AccordionItem properties\n * @param ref - reference to root HTMLElement of AccordionItem\n */\nexport const useAccordionItem_unstable = (\n  props: AccordionItemProps,\n  ref: React.Ref<HTMLElement>,\n): AccordionItemState => {\n  const { value, disabled = false } = props;\n\n  const requestToggle = useContextSelector(AccordionContext, ctx => ctx.requestToggle);\n  const open = useContextSelector(AccordionContext, ctx => ctx.openItems.includes(value));\n  const onAccordionHeaderClick = React.useCallback((ev: AccordionToggleEvent) => requestToggle(ev, { value }), [\n    requestToggle,\n    value,\n  ]);\n\n  return {\n    open,\n    disabled,\n    onHeaderClick: onAccordionHeaderClick,\n    components: {\n      root: 'div',\n    },\n    root: getNativeElementProps('div', {\n      ref: ref,\n      ...props,\n    }),\n  };\n};\n"],"sourceRoot":"../src/"}

package/lib-commonjs/components/AccordionItem/useAccordionItemContextValues.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/AccordionItem/useAccordionItemContextValues.ts"],"names":[],"mappings":";;;;;;;AAAA,MAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AAGA,SAAgB,sCAAhB,CAAuD,KAAvD,EAAgF;AAC9E,QAAM;AAAE,IAAA,QAAF;AAAY,IAAA,aAAZ;AAA2B,IAAA;AAA3B,MAAoC,KAA1C;AACA,QAAM,aAAa,GAAG,KAAK,CAAC,OAAN,CAAyC,OAAO;AAAE,IAAA,QAAF;AAAY,IAAA,aAAZ;AAA2B,IAAA;AAA3B,GAAP,CAAzC,EAAoF,CACxG,QADwG,EAExG,aAFwG,EAGxG,IAHwG,CAApF,CAAtB;AAMA,SAAO;AAAE,IAAA;AAAF,GAAP;AACD;;AATD,OAAA,CAAA,sCAAA,GAAA,sCAAA","sourceRoot":""}
+{"version":3,"sources":["components/AccordionItem/useAccordionItemContextValues.ts"],"names":[],"mappings":";;;;;;;AAAA,MAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AAGA,SAAgB,sCAAhB,CAAuD,KAAvD,EAAgF;EAC9E,MAAM;IAAE,QAAF;IAAY,aAAZ;IAA2B;EAA3B,IAAoC,KAA1C;EACA,MAAM,aAAa,GAAG,KAAK,CAAC,OAAN,CAAyC,OAAO;IAAE,QAAF;IAAY,aAAZ;IAA2B;EAA3B,CAAP,CAAzC,EAAoF,CACxG,QADwG,EAExG,aAFwG,EAGxG,IAHwG,CAApF,CAAtB;EAMA,OAAO;IAAE;EAAF,CAAP;AACD;;AATD,OAAA,CAAA,sCAAA,GAAA,sCAAA","sourcesContent":["import * as React from 'react';\nimport type { AccordionItemContextValue, AccordionItemContextValues, AccordionItemState } from './AccordionItem.types';\n\nexport function useAccordionItemContextValues_unstable(state: AccordionItemState): AccordionItemContextValues {\n  const { disabled, onHeaderClick, open } = state;\n  const accordionItem = React.useMemo<AccordionItemContextValue>(() => ({ disabled, onHeaderClick, open }), [\n    disabled,\n    onHeaderClick,\n    open,\n  ]);\n\n  return { accordionItem };\n}\n"],"sourceRoot":"../src/"}

package/lib-commonjs/components/AccordionItem/useAccordionItemStyles.js

@@ -3,14 +3,16 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.useAccordionItemStyles_unstable = exports.accordionItemClassName = void 0;
+exports.useAccordionItemStyles_unstable = exports.accordionItemClassNames = void 0;
 
 const react_1 = /*#__PURE__*/require("@griffel/react");
 
-exports.accordionItemClassName = 'fui-AccordionItem';
+exports.accordionItemClassNames = {
+  root: 'fui-AccordionItem'
+};
 
 const useAccordionItemStyles_unstable = state => {
-  state.root.className = react_1.mergeClasses(exports.accordionItemClassName, state.root.className);
+  state.root.className = react_1.mergeClasses(exports.accordionItemClassNames.root, state.root.className);
   return state;
 };
 

package/lib-commonjs/components/AccordionItem/useAccordionItemStyles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/AccordionItem/useAccordionItemStyles.ts"],"names":[],"mappings":";;;;;;;AAAA,MAAA,OAAA,gBAAA,OAAA,CAAA,gBAAA,CAAA;;AAGa,OAAA,CAAA,sBAAA,GAAyB,mBAAzB;;AAEN,MAAM,+BAA+B,GAAI,KAAD,IAA8B;AAC3E,EAAA,KAAK,CAAC,IAAN,CAAW,SAAX,GAAuB,OAAA,CAAA,YAAA,CAAa,OAAA,CAAA,sBAAb,EAAqC,KAAK,CAAC,IAAN,CAAW,SAAhD,CAAvB;AAEA,SAAO,KAAP;AACD,CAJM;;AAAM,OAAA,CAAA,+BAAA,GAA+B,+BAA/B","sourceRoot":""}
+{"version":3,"sources":["components/AccordionItem/useAccordionItemStyles.ts"],"names":[],"mappings":";;;;;;;AACA,MAAA,OAAA,gBAAA,OAAA,CAAA,gBAAA,CAAA;;AAGa,OAAA,CAAA,uBAAA,GAA8D;EACzE,IAAI,EAAE;AADmE,CAA9D;;AAIN,MAAM,+BAA+B,GAAI,KAAD,IAA8B;EAC3E,KAAK,CAAC,IAAN,CAAW,SAAX,GAAuB,OAAA,CAAA,YAAA,CAAa,OAAA,CAAA,uBAAA,CAAwB,IAArC,EAA2C,KAAK,CAAC,IAAN,CAAW,SAAtD,CAAvB;EAEA,OAAO,KAAP;AACD,CAJM;;AAAM,OAAA,CAAA,+BAAA,GAA+B,+BAA/B","sourcesContent":["import type { SlotClassNames } from '@fluentui/react-utilities';\nimport { mergeClasses } from '@griffel/react';\nimport type { AccordionItemSlots, AccordionItemState } from './AccordionItem.types';\n\nexport const accordionItemClassNames: SlotClassNames<AccordionItemSlots> = {\n  root: 'fui-AccordionItem',\n};\n\nexport const useAccordionItemStyles_unstable = (state: AccordionItemState) => {\n  state.root.className = mergeClasses(accordionItemClassNames.root, state.root.className);\n\n  return state;\n};\n"],"sourceRoot":"../src/"}

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,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":""}
+{"version":3,"sources":["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;EACtG,MAAM,KAAK,GAAG,mBAAA,CAAA,0BAAA,CAA2B,KAA3B,EAAkC,GAAlC,CAAd;EAEA,yBAAA,CAAA,gCAAA,CAAiC,KAAjC;EACA,OAAO,sBAAA,CAAA,6BAAA,CAA8B,KAA9B,CAAP;AACD,CALuE,CAA3D;AAOb,OAAA,CAAA,cAAA,CAAe,WAAf,GAA6B,gBAA7B","sourcesContent":["import * as React from 'react';\nimport { useAccordionPanel_unstable } from './useAccordionPanel';\nimport { renderAccordionPanel_unstable } from './renderAccordionPanel';\nimport { useAccordionPanelStyles_unstable } from './useAccordionPanelStyles';\nimport type { AccordionPanelProps } from './AccordionPanel.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\n\n/**\n * Define a styled AccordionPanel, using the `useAccordionPanel_unstable` and `useAccordionPanelStyles_unstable` hooks.\n */\nexport const AccordionPanel: ForwardRefComponent<AccordionPanelProps> = React.forwardRef((props, ref) => {\n  const state = useAccordionPanel_unstable(props, ref);\n\n  useAccordionPanelStyles_unstable(state);\n  return renderAccordionPanel_unstable(state);\n});\n\nAccordionPanel.displayName = 'AccordionPanel';\n"],"sourceRoot":"../src/"}

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

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","sourceRoot":""}
+{"version":3,"sources":[],"names":[],"mappings":"","sourceRoot":"../src/"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/AccordionPanel/index.ts"],"names":[],"mappings":";;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,kBAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,wBAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,wBAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,qBAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,2BAAA,CAAA,EAAA,OAAA","sourceRoot":""}
+{"version":3,"sources":["components/AccordionPanel/index.ts"],"names":[],"mappings":";;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,kBAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,wBAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,wBAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,qBAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,2BAAA,CAAA,EAAA,OAAA","sourcesContent":["export * from './AccordionPanel';\nexport * from './AccordionPanel.types';\nexport * from './renderAccordionPanel';\nexport * from './useAccordionPanel';\nexport * from './useAccordionPanelStyles';\n"],"sourceRoot":"../src/"}

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,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":""}
+{"version":3,"sources":["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;EAC1E,MAAM;IAAE,KAAF;IAAS;EAAT,IAAuB,iBAAA,CAAA,QAAA,CAA8B,KAA9B,CAA7B;EACA,OAAO,KAAK,CAAC,IAAN,GAAa,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,IAAP,EAAW,EAAA,GAAK,SAAS,CAAC;EAAf,CAAX,EAAiC,SAAS,CAAC,IAAV,CAAe,QAAhD,CAAb,GAAsF,IAA7F;AACD,CAHM;;AAAM,OAAA,CAAA,6BAAA,GAA6B,6BAA7B","sourcesContent":["import * as React from 'react';\nimport { getSlots } from '@fluentui/react-utilities';\nimport type { AccordionPanelState, AccordionPanelSlots } from './AccordionPanel.types';\n\n/**\n * Function that renders the final JSX of the component\n */\nexport const renderAccordionPanel_unstable = (state: AccordionPanelState) => {\n  const { slots, slotProps } = getSlots<AccordionPanelSlots>(state);\n  return state.open ? <slots.root {...slotProps.root}>{slotProps.root.children}</slots.root> : null;\n};\n"],"sourceRoot":"../src/"}

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

@@ -7,7 +7,13 @@ exports.useAccordionPanel_unstable = void 0;
 
 const react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
 
+const react_tabster_1 = /*#__PURE__*/require("@fluentui/react-tabster");
+
 const index_1 = /*#__PURE__*/require("../AccordionItem/index");
+
+const react_context_selector_1 = /*#__PURE__*/require("@fluentui/react-context-selector");
+
+const AccordionContext_1 = /*#__PURE__*/require("../Accordion/AccordionContext");
 /**
  * Returns the props and state required to render the component
  * @param props - AccordionPanel properties
@@ -19,6 +25,12 @@ const useAccordionPanel_unstable = (props, ref) => {
   const {
     open
   } = index_1.useAccordionItemContext_unstable();
+  const focusableProps = react_tabster_1.useTabsterAttributes({
+    focusable: {
+      excludeFromMover: true
+    }
+  });
+  const navigation = react_context_selector_1.useContextSelector(AccordionContext_1.AccordionContext, ctx => ctx.navigation);
   return {
     open,
     components: {
@@ -26,7 +38,8 @@ const useAccordionPanel_unstable = (props, ref) => {
     },
     root: react_utilities_1.getNativeElementProps('div', {
       ref,
-      ...props
+      ...props,
+      ...(navigation && focusableProps)
     })
   };
 };

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,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":""}
+{"version":3,"sources":["components/AccordionPanel/useAccordionPanel.ts"],"names":[],"mappings":";;;;;;;AACA,MAAA,iBAAA,gBAAA,OAAA,CAAA,2BAAA,CAAA;;AACA,MAAA,eAAA,gBAAA,OAAA,CAAA,yBAAA,CAAA;;AACA,MAAA,OAAA,gBAAA,OAAA,CAAA,wBAAA,CAAA;;AACA,MAAA,wBAAA,gBAAA,OAAA,CAAA,kCAAA,CAAA;;AACA,MAAA,kBAAA,gBAAA,OAAA,CAAA,+BAAA,CAAA;AAGA;;;;AAIG;;;AACI,MAAM,0BAA0B,GAAG,CACxC,KADwC,EAExC,GAFwC,KAGjB;EACvB,MAAM;IAAE;EAAF,IAAW,OAAA,CAAA,gCAAA,EAAjB;EACA,MAAM,cAAc,GAAG,eAAA,CAAA,oBAAA,CAAqB;IAAE,SAAS,EAAE;MAAE,gBAAgB,EAAE;IAApB;EAAb,CAArB,CAAvB;EACA,MAAM,UAAU,GAAG,wBAAA,CAAA,kBAAA,CAAmB,kBAAA,CAAA,gBAAnB,EAAqC,GAAG,IAAI,GAAG,CAAC,UAAhD,CAAnB;EAEA,OAAO;IACL,IADK;IAEL,UAAU,EAAE;MACV,IAAI,EAAE;IADI,CAFP;IAKL,IAAI,EAAE,iBAAA,CAAA,qBAAA,CAAsB,KAAtB,EAA6B;MACjC,GADiC;MAEjC,GAAG,KAF8B;MAGjC,IAAI,UAAU,IAAI,cAAlB;IAHiC,CAA7B;EALD,CAAP;AAWD,CAnBM;;AAAM,OAAA,CAAA,0BAAA,GAA0B,0BAA1B","sourcesContent":["import * as React from 'react';\nimport { getNativeElementProps } from '@fluentui/react-utilities';\nimport { useTabsterAttributes } from '@fluentui/react-tabster';\nimport { useAccordionItemContext_unstable } from '../AccordionItem/index';\nimport { useContextSelector } from '@fluentui/react-context-selector';\nimport { AccordionContext } from '../Accordion/AccordionContext';\nimport type { AccordionPanelProps, AccordionPanelState } from './AccordionPanel.types';\n\n/**\n * Returns the props and state required to render the component\n * @param props - AccordionPanel properties\n * @param ref - reference to root HTMLElement of AccordionPanel\n */\nexport const useAccordionPanel_unstable = (\n  props: AccordionPanelProps,\n  ref: React.Ref<HTMLElement>,\n): AccordionPanelState => {\n  const { open } = useAccordionItemContext_unstable();\n  const focusableProps = useTabsterAttributes({ focusable: { excludeFromMover: true } });\n  const navigation = useContextSelector(AccordionContext, ctx => ctx.navigation);\n\n  return {\n    open,\n    components: {\n      root: 'div',\n    },\n    root: getNativeElementProps('div', {\n      ref,\n      ...props,\n      ...(navigation && focusableProps),\n    }),\n  };\n};\n"],"sourceRoot":"../src/"}

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

@@ -3,29 +3,35 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.useAccordionPanelStyles_unstable = exports.accordionPanelClassName = void 0;
+exports.useAccordionPanelStyles_unstable = exports.accordionPanelClassNames = void 0;
 
 const react_1 = /*#__PURE__*/require("@griffel/react");
 
-exports.accordionPanelClassName = 'fui-AccordionPanel';
+const react_theme_1 = /*#__PURE__*/require("@fluentui/react-theme");
+
+exports.accordionPanelClassNames = {
+  root: 'fui-AccordionPanel'
+};
 /**
  * Styles for the root slot
  */
 
 const useStyles = /*#__PURE__*/react_1.__styles({
   "root": {
-    "t21cq0": ["f1x4n1mu", "f1hf5xhj"],
-    "Frg6f3": ["f1hf5xhj", "f1x4n1mu"]
+    "B6of3ja": "f1hu3pq6",
+    "t21cq0": ["fkujibs", "f199hnxi"],
+    "jrapky": "f19f4twv",
+    "Frg6f3": ["f199hnxi", "fkujibs"]
   }
 }, {
-  "d": [".f1x4n1mu{margin-right:12px;}", ".f1hf5xhj{margin-left:12px;}"]
+  "d": [".f1hu3pq6{margin-top:0;}", ".fkujibs{margin-right:var(--spacingHorizontalM);}", ".f199hnxi{margin-left:var(--spacingHorizontalM);}", ".f19f4twv{margin-bottom:0;}"]
 });
 /** Applies style classnames to slots */
 
 
 const useAccordionPanelStyles_unstable = state => {
   const styles = useStyles();
-  state.root.className = react_1.mergeClasses(exports.accordionPanelClassName, styles.root, state.root.className);
+  state.root.className = react_1.mergeClasses(exports.accordionPanelClassNames.root, styles.root, state.root.className);
   return state;
 };
 

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

@@ -1 +1 @@
-{"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":""}
+{"version":3,"sources":["components/AccordionPanel/useAccordionPanelStyles.ts"],"names":[],"mappings":";;;;;;;AACA,MAAA,OAAA,gBAAA,OAAA,CAAA,gBAAA,CAAA;;AACA,MAAA,aAAA,gBAAA,OAAA,CAAA,uBAAA,CAAA;;AAIa,OAAA,CAAA,wBAAA,GAAgE;EAC3E,IAAI,EAAE;AADqE,CAAhE;AAIb;;AAEG;;AACH,MAAM,SAAS,gBAAG,OAAA,SAAA;EAAA;IAAA;IAAA;IAAA;IAAA;EAAA;AAAA;EAAA;AAAA,EAAlB;AAMA;;;AACO,MAAM,gCAAgC,GAAI,KAAD,IAA+B;EAC7E,MAAM,MAAM,GAAG,SAAS,EAAxB;EACA,KAAK,CAAC,IAAN,CAAW,SAAX,GAAuB,OAAA,CAAA,YAAA,CAAa,OAAA,CAAA,wBAAA,CAAyB,IAAtC,EAA4C,MAAM,CAAC,IAAnD,EAAyD,KAAK,CAAC,IAAN,CAAW,SAApE,CAAvB;EAEA,OAAO,KAAP;AACD,CALM;;AAAM,OAAA,CAAA,gCAAA,GAAgC,gCAAhC","sourcesContent":["import type { SlotClassNames } from '@fluentui/react-utilities';\nimport { makeStyles, mergeClasses, shorthands } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\n\nimport type { AccordionPanelSlots, AccordionPanelState } from './AccordionPanel.types';\n\nexport const accordionPanelClassNames: SlotClassNames<AccordionPanelSlots> = {\n  root: 'fui-AccordionPanel',\n};\n\n/**\n * Styles for the root slot\n */\nconst useStyles = makeStyles({\n  root: {\n    ...shorthands.margin(0, tokens.spacingHorizontalM),\n  },\n});\n\n/** Applies style classnames to slots */\nexport const useAccordionPanelStyles_unstable = (state: AccordionPanelState) => {\n  const styles = useStyles();\n  state.root.className = mergeClasses(accordionPanelClassNames.root, styles.root, state.root.className);\n\n  return state;\n};\n"],"sourceRoot":"../src/"}

package/lib-commonjs/index.js

@@ -3,14 +3,179 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+exports.useAccordionPanel_unstable = exports.useAccordionPanelStyles_unstable = exports.renderAccordionPanel_unstable = exports.accordionPanelClassNames = exports.AccordionPanel = exports.useAccordionHeader_unstable = exports.useAccordionHeaderStyles_unstable = exports.useAccordionHeaderContextValues_unstable = exports.renderAccordionHeader_unstable = exports.accordionHeaderClassNames = exports.AccordionHeader = exports.useAccordionItem_unstable = exports.useAccordionItemStyles_unstable = exports.useAccordionItemContext_unstable = exports.useAccordionItemContextValues_unstable = exports.renderAccordionItem_unstable = exports.accordionItemClassNames = exports.AccordionItemProvider = exports.AccordionItem = exports.useAccordion_unstable = exports.useAccordionStyles_unstable = exports.useAccordionContextValues_unstable = exports.useAccordionContext_unstable = exports.renderAccordion_unstable = exports.accordionClassNames = exports.AccordionProvider = exports.Accordion = void 0;
 
-const tslib_1 = /*#__PURE__*/require("tslib");
+var Accordion_1 = /*#__PURE__*/require("./Accordion");
 
-tslib_1.__exportStar(require("./Accordion"), exports);
+Object.defineProperty(exports, "Accordion", {
+  enumerable: true,
+  get: function () {
+    return Accordion_1.Accordion;
+  }
+});
+Object.defineProperty(exports, "AccordionProvider", {
+  enumerable: true,
+  get: function () {
+    return Accordion_1.AccordionProvider;
+  }
+});
+Object.defineProperty(exports, "accordionClassNames", {
+  enumerable: true,
+  get: function () {
+    return Accordion_1.accordionClassNames;
+  }
+});
+Object.defineProperty(exports, "renderAccordion_unstable", {
+  enumerable: true,
+  get: function () {
+    return Accordion_1.renderAccordion_unstable;
+  }
+});
+Object.defineProperty(exports, "useAccordionContext_unstable", {
+  enumerable: true,
+  get: function () {
+    return Accordion_1.useAccordionContext_unstable;
+  }
+});
+Object.defineProperty(exports, "useAccordionContextValues_unstable", {
+  enumerable: true,
+  get: function () {
+    return Accordion_1.useAccordionContextValues_unstable;
+  }
+});
+Object.defineProperty(exports, "useAccordionStyles_unstable", {
+  enumerable: true,
+  get: function () {
+    return Accordion_1.useAccordionStyles_unstable;
+  }
+});
+Object.defineProperty(exports, "useAccordion_unstable", {
+  enumerable: true,
+  get: function () {
+    return Accordion_1.useAccordion_unstable;
+  }
+});
+
+var AccordionItem_1 = /*#__PURE__*/require("./AccordionItem");
+
+Object.defineProperty(exports, "AccordionItem", {
+  enumerable: true,
+  get: function () {
+    return AccordionItem_1.AccordionItem;
+  }
+});
+Object.defineProperty(exports, "AccordionItemProvider", {
+  enumerable: true,
+  get: function () {
+    return AccordionItem_1.AccordionItemProvider;
+  }
+});
+Object.defineProperty(exports, "accordionItemClassNames", {
+  enumerable: true,
+  get: function () {
+    return AccordionItem_1.accordionItemClassNames;
+  }
+});
+Object.defineProperty(exports, "renderAccordionItem_unstable", {
+  enumerable: true,
+  get: function () {
+    return AccordionItem_1.renderAccordionItem_unstable;
+  }
+});
+Object.defineProperty(exports, "useAccordionItemContextValues_unstable", {
+  enumerable: true,
+  get: function () {
+    return AccordionItem_1.useAccordionItemContextValues_unstable;
+  }
+});
+Object.defineProperty(exports, "useAccordionItemContext_unstable", {
+  enumerable: true,
+  get: function () {
+    return AccordionItem_1.useAccordionItemContext_unstable;
+  }
+});
+Object.defineProperty(exports, "useAccordionItemStyles_unstable", {
+  enumerable: true,
+  get: function () {
+    return AccordionItem_1.useAccordionItemStyles_unstable;
+  }
+});
+Object.defineProperty(exports, "useAccordionItem_unstable", {
+  enumerable: true,
+  get: function () {
+    return AccordionItem_1.useAccordionItem_unstable;
+  }
+});
 
-tslib_1.__exportStar(require("./AccordionItem"), exports);
+var AccordionHeader_1 = /*#__PURE__*/require("./AccordionHeader");
 
-tslib_1.__exportStar(require("./AccordionHeader"), exports);
+Object.defineProperty(exports, "AccordionHeader", {
+  enumerable: true,
+  get: function () {
+    return AccordionHeader_1.AccordionHeader;
+  }
+});
+Object.defineProperty(exports, "accordionHeaderClassNames", {
+  enumerable: true,
+  get: function () {
+    return AccordionHeader_1.accordionHeaderClassNames;
+  }
+});
+Object.defineProperty(exports, "renderAccordionHeader_unstable", {
+  enumerable: true,
+  get: function () {
+    return AccordionHeader_1.renderAccordionHeader_unstable;
+  }
+});
+Object.defineProperty(exports, "useAccordionHeaderContextValues_unstable", {
+  enumerable: true,
+  get: function () {
+    return AccordionHeader_1.useAccordionHeaderContextValues_unstable;
+  }
+});
+Object.defineProperty(exports, "useAccordionHeaderStyles_unstable", {
+  enumerable: true,
+  get: function () {
+    return AccordionHeader_1.useAccordionHeaderStyles_unstable;
+  }
+});
+Object.defineProperty(exports, "useAccordionHeader_unstable", {
+  enumerable: true,
+  get: function () {
+    return AccordionHeader_1.useAccordionHeader_unstable;
+  }
+});
+
+var AccordionPanel_1 = /*#__PURE__*/require("./AccordionPanel");
 
-tslib_1.__exportStar(require("./AccordionPanel"), exports);
+Object.defineProperty(exports, "AccordionPanel", {
+  enumerable: true,
+  get: function () {
+    return AccordionPanel_1.AccordionPanel;
+  }
+});
+Object.defineProperty(exports, "accordionPanelClassNames", {
+  enumerable: true,
+  get: function () {
+    return AccordionPanel_1.accordionPanelClassNames;
+  }
+});
+Object.defineProperty(exports, "renderAccordionPanel_unstable", {
+  enumerable: true,
+  get: function () {
+    return AccordionPanel_1.renderAccordionPanel_unstable;
+  }
+});
+Object.defineProperty(exports, "useAccordionPanelStyles_unstable", {
+  enumerable: true,
+  get: function () {
+    return AccordionPanel_1.useAccordionPanelStyles_unstable;
+  }
+});
+Object.defineProperty(exports, "useAccordionPanel_unstable", {
+  enumerable: true,
+  get: function () {
+    return AccordionPanel_1.useAccordionPanel_unstable;
+  }
+});
 //# 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,aAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,iBAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,mBAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,kBAAA,CAAA,EAAA,OAAA","sourceRoot":""}
+{"version":3,"sources":["index.ts"],"names":[],"mappings":";;;;;;;AAAA,IAAA,WAAA,gBAAA,OAAA,CAAA,aAAA,CAAA;;AACE,MAAA,CAAA,cAAA,CAAA,OAAA,EAAA,WAAA,EAAA;EAAA,UAAA,EAAA,IAAA;EAAA,GAAA,EAAA,YAAA;IAAA,OAAA,WAAA,CAAA,SAAA;EAAS;AAAT,CAAA;AACA,MAAA,CAAA,cAAA,CAAA,OAAA,EAAA,mBAAA,EAAA;EAAA,UAAA,EAAA,IAAA;EAAA,GAAA,EAAA,YAAA;IAAA,OAAA,WAAA,CAAA,iBAAA;EAAiB;AAAjB,CAAA;AACA,MAAA,CAAA,cAAA,CAAA,OAAA,EAAA,qBAAA,EAAA;EAAA,UAAA,EAAA,IAAA;EAAA,GAAA,EAAA,YAAA;IAAA,OAAA,WAAA,CAAA,mBAAA;EAAmB;AAAnB,CAAA;AACA,MAAA,CAAA,cAAA,CAAA,OAAA,EAAA,0BAAA,EAAA;EAAA,UAAA,EAAA,IAAA;EAAA,GAAA,EAAA,YAAA;IAAA,OAAA,WAAA,CAAA,wBAAA;EAAwB;AAAxB,CAAA;AACA,MAAA,CAAA,cAAA,CAAA,OAAA,EAAA,8BAAA,EAAA;EAAA,UAAA,EAAA,IAAA;EAAA,GAAA,EAAA,YAAA;IAAA,OAAA,WAAA,CAAA,4BAAA;EAA4B;AAA5B,CAAA;AACA,MAAA,CAAA,cAAA,CAAA,OAAA,EAAA,oCAAA,EAAA;EAAA,UAAA,EAAA,IAAA;EAAA,GAAA,EAAA,YAAA;IAAA,OAAA,WAAA,CAAA,kCAAA;EAAkC;AAAlC,CAAA;AACA,MAAA,CAAA,cAAA,CAAA,OAAA,EAAA,6BAAA,EAAA;EAAA,UAAA,EAAA,IAAA;EAAA,GAAA,EAAA,YAAA;IAAA,OAAA,WAAA,CAAA,2BAAA;EAA2B;AAA3B,CAAA;AACA,MAAA,CAAA,cAAA,CAAA,OAAA,EAAA,uBAAA,EAAA;EAAA,UAAA,EAAA,IAAA;EAAA,GAAA,EAAA,YAAA;IAAA,OAAA,WAAA,CAAA,qBAAA;EAAqB;AAArB,CAAA;;AAaF,IAAA,eAAA,gBAAA,OAAA,CAAA,iBAAA,CAAA;;AACE,MAAA,CAAA,cAAA,CAAA,OAAA,EAAA,eAAA,EAAA;EAAA,UAAA,EAAA,IAAA;EAAA,GAAA,EAAA,YAAA;IAAA,OAAA,eAAA,CAAA,aAAA;EAAa;AAAb,CAAA;AACA,MAAA,CAAA,cAAA,CAAA,OAAA,EAAA,uBAAA,EAAA;EAAA,UAAA,EAAA,IAAA;EAAA,GAAA,EAAA,YAAA;IAAA,OAAA,eAAA,CAAA,qBAAA;EAAqB;AAArB,CAAA;AACA,MAAA,CAAA,cAAA,CAAA,OAAA,EAAA,yBAAA,EAAA;EAAA,UAAA,EAAA,IAAA;EAAA,GAAA,EAAA,YAAA;IAAA,OAAA,eAAA,CAAA,uBAAA;EAAuB;AAAvB,CAAA;AACA,MAAA,CAAA,cAAA,CAAA,OAAA,EAAA,8BAAA,EAAA;EAAA,UAAA,EAAA,IAAA;EAAA,GAAA,EAAA,YAAA;IAAA,OAAA,eAAA,CAAA,4BAAA;EAA4B;AAA5B,CAAA;AACA,MAAA,CAAA,cAAA,CAAA,OAAA,EAAA,wCAAA,EAAA;EAAA,UAAA,EAAA,IAAA;EAAA,GAAA,EAAA,YAAA;IAAA,OAAA,eAAA,CAAA,sCAAA;EAAsC;AAAtC,CAAA;AACA,MAAA,CAAA,cAAA,CAAA,OAAA,EAAA,kCAAA,EAAA;EAAA,UAAA,EAAA,IAAA;EAAA,GAAA,EAAA,YAAA;IAAA,OAAA,eAAA,CAAA,gCAAA;EAAgC;AAAhC,CAAA;AACA,MAAA,CAAA,cAAA,CAAA,OAAA,EAAA,iCAAA,EAAA;EAAA,UAAA,EAAA,IAAA;EAAA,GAAA,EAAA,YAAA;IAAA,OAAA,eAAA,CAAA,+BAAA;EAA+B;AAA/B,CAAA;AACA,MAAA,CAAA,cAAA,CAAA,OAAA,EAAA,2BAAA,EAAA;EAAA,UAAA,EAAA,IAAA;EAAA,GAAA,EAAA,YAAA;IAAA,OAAA,eAAA,CAAA,yBAAA;EAAyB;AAAzB,CAAA;;AAUF,IAAA,iBAAA,gBAAA,OAAA,CAAA,mBAAA,CAAA;;AACE,MAAA,CAAA,cAAA,CAAA,OAAA,EAAA,iBAAA,EAAA;EAAA,UAAA,EAAA,IAAA;EAAA,GAAA,EAAA,YAAA;IAAA,OAAA,iBAAA,CAAA,eAAA;EAAe;AAAf,CAAA;AACA,MAAA,CAAA,cAAA,CAAA,OAAA,EAAA,2BAAA,EAAA;EAAA,UAAA,EAAA,IAAA;EAAA,GAAA,EAAA,YAAA;IAAA,OAAA,iBAAA,CAAA,yBAAA;EAAyB;AAAzB,CAAA;AACA,MAAA,CAAA,cAAA,CAAA,OAAA,EAAA,gCAAA,EAAA;EAAA,UAAA,EAAA,IAAA;EAAA,GAAA,EAAA,YAAA;IAAA,OAAA,iBAAA,CAAA,8BAAA;EAA8B;AAA9B,CAAA;AACA,MAAA,CAAA,cAAA,CAAA,OAAA,EAAA,0CAAA,EAAA;EAAA,UAAA,EAAA,IAAA;EAAA,GAAA,EAAA,YAAA;IAAA,OAAA,iBAAA,CAAA,wCAAA;EAAwC;AAAxC,CAAA;AACA,MAAA,CAAA,cAAA,CAAA,OAAA,EAAA,mCAAA,EAAA;EAAA,UAAA,EAAA,IAAA;EAAA,GAAA,EAAA,YAAA;IAAA,OAAA,iBAAA,CAAA,iCAAA;EAAiC;AAAjC,CAAA;AACA,MAAA,CAAA,cAAA,CAAA,OAAA,EAAA,6BAAA,EAAA;EAAA,UAAA,EAAA,IAAA;EAAA,GAAA,EAAA,YAAA;IAAA,OAAA,iBAAA,CAAA,2BAAA;EAA2B;AAA3B,CAAA;;AAWF,IAAA,gBAAA,gBAAA,OAAA,CAAA,kBAAA,CAAA;;AACE,MAAA,CAAA,cAAA,CAAA,OAAA,EAAA,gBAAA,EAAA;EAAA,UAAA,EAAA,IAAA;EAAA,GAAA,EAAA,YAAA;IAAA,OAAA,gBAAA,CAAA,cAAA;EAAc;AAAd,CAAA;AACA,MAAA,CAAA,cAAA,CAAA,OAAA,EAAA,0BAAA,EAAA;EAAA,UAAA,EAAA,IAAA;EAAA,GAAA,EAAA,YAAA;IAAA,OAAA,gBAAA,CAAA,wBAAA;EAAwB;AAAxB,CAAA;AACA,MAAA,CAAA,cAAA,CAAA,OAAA,EAAA,+BAAA,EAAA;EAAA,UAAA,EAAA,IAAA;EAAA,GAAA,EAAA,YAAA;IAAA,OAAA,gBAAA,CAAA,6BAAA;EAA6B;AAA7B,CAAA;AACA,MAAA,CAAA,cAAA,CAAA,OAAA,EAAA,kCAAA,EAAA;EAAA,UAAA,EAAA,IAAA;EAAA,GAAA,EAAA,YAAA;IAAA,OAAA,gBAAA,CAAA,gCAAA;EAAgC;AAAhC,CAAA;AACA,MAAA,CAAA,cAAA,CAAA,OAAA,EAAA,4BAAA,EAAA;EAAA,UAAA,EAAA,IAAA;EAAA,GAAA,EAAA,YAAA;IAAA,OAAA,gBAAA,CAAA,0BAAA;EAA0B;AAA1B,CAAA","sourcesContent":["export {\n  Accordion,\n  AccordionProvider,\n  accordionClassNames,\n  renderAccordion_unstable,\n  useAccordionContext_unstable,\n  useAccordionContextValues_unstable,\n  useAccordionStyles_unstable,\n  useAccordion_unstable,\n} from './Accordion';\nexport type {\n  AccordionContextValue,\n  AccordionContextValues,\n  AccordionIndex,\n  AccordionProps,\n  AccordionSlots,\n  AccordionState,\n  AccordionToggleData,\n  AccordionToggleEvent,\n  AccordionToggleEventHandler,\n} from './Accordion';\nexport {\n  AccordionItem,\n  AccordionItemProvider,\n  accordionItemClassNames,\n  renderAccordionItem_unstable,\n  useAccordionItemContextValues_unstable,\n  useAccordionItemContext_unstable,\n  useAccordionItemStyles_unstable,\n  useAccordionItem_unstable,\n} from './AccordionItem';\nexport type {\n  AccordionItemContextValue,\n  AccordionItemContextValues,\n  AccordionItemProps,\n  AccordionItemSlots,\n  AccordionItemState,\n  AccordionItemValue,\n} from './AccordionItem';\nexport {\n  AccordionHeader,\n  accordionHeaderClassNames,\n  renderAccordionHeader_unstable,\n  useAccordionHeaderContextValues_unstable,\n  useAccordionHeaderStyles_unstable,\n  useAccordionHeader_unstable,\n} from './AccordionHeader';\nexport type {\n  AccordionHeaderContextValue,\n  AccordionHeaderContextValues,\n  AccordionHeaderExpandIconPosition,\n  AccordionHeaderProps,\n  AccordionHeaderSize,\n  AccordionHeaderSlots,\n  AccordionHeaderState,\n} from './AccordionHeader';\nexport {\n  AccordionPanel,\n  accordionPanelClassNames,\n  renderAccordionPanel_unstable,\n  useAccordionPanelStyles_unstable,\n  useAccordionPanel_unstable,\n} from './AccordionPanel';\nexport type { AccordionPanelProps, AccordionPanelSlots, AccordionPanelState } from './AccordionPanel';\n"],"sourceRoot":"../src/"}

package/package.json

@@ -1,10 +1,10 @@
 {
   "name": "@fluentui/react-accordion",
-  "version": "0.0.0-nightlyfc5cfdc52420220215.1",
+  "version": "0.0.0",
   "description": "Fluent UI accordion component",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
-  "typings": "lib/index.d.ts",
+  "typings": "dist/index.d.ts",
   "sideEffects": false,
   "repository": {
     "type": "git",
@@ -21,47 +21,44 @@
     "start": "yarn storybook",
     "test": "jest --passWithNoTests",
     "docs": "api-extractor run --config=config/api-extractor.local.json --local",
-    "build:local": "tsc -p ./tsconfig.lib.json --module esnext --emitDeclarationOnly && node ../../scripts/typescript/normalize-import --output ./dist/packages/react-accordion/src && yarn docs",
-    "storybook": "node ../../scripts/storybook/runner",
+    "build:local": "tsc -p ./tsconfig.lib.json --module esnext --emitDeclarationOnly && node ../../../scripts/typescript/normalize-import --output ./dist/types/packages/react-components/react-accordion/src && yarn docs",
+    "storybook": "node ../../../scripts/storybook/runner",
     "type-check": "tsc -b tsconfig.json"
   },
   "devDependencies": {
     "@fluentui/eslint-plugin": "*",
     "@fluentui/react-conformance": "*",
-    "@fluentui/react-conformance-griffel": "0.0.0-nightlyfc5cfdc52420220215.1",
-    "@fluentui/scripts": "^1.0.0",
-    "@types/enzyme": "3.10.3",
-    "@types/enzyme-adapter-react-16": "1.0.3",
-    "@types/react": "16.9.42",
-    "@types/react-dom": "16.9.10",
-    "@types/react-test-renderer": "^16.0.0",
-    "enzyme": "~3.10.0",
-    "enzyme-adapter-react-16": "^1.15.0",
-    "react": "16.8.6",
-    "react-dom": "16.8.6",
-    "react-test-renderer": "^16.3.0"
+    "@fluentui/react-conformance-griffel": "0.0.0-nightly-20220628-0417.1",
+    "@fluentui/scripts": "^1.0.0"
   },
   "dependencies": {
-    "@fluentui/react-aria": "0.0.0-nightlyfc5cfdc52420220215.1",
-    "@fluentui/react-context-selector": "0.0.0-nightlyfc5cfdc52420220215.1",
-    "@fluentui/react-icons": "^2.0.159-beta.10",
-    "@griffel/react": "1.0.0",
-    "@fluentui/react-tabster": "0.0.0-nightlyfc5cfdc52420220215.1",
-    "@fluentui/react-theme": "0.0.0-nightlyfc5cfdc52420220215.1",
-    "@fluentui/react-utilities": "0.0.0-nightlyfc5cfdc52420220215.1",
+    "@fluentui/react-aria": "^0.0.0",
+    "@fluentui/react-context-selector": "^0.0.0",
+    "@fluentui/react-icons": "^2.0.172-rc.8",
+    "@fluentui/react-shared-contexts": "^0.0.0",
+    "@fluentui/react-tabster": "^0.0.0",
+    "@fluentui/react-theme": "^0.0.0",
+    "@fluentui/react-utilities": "^0.0.0",
+    "@griffel/react": "1.2.0",
     "tslib": "^2.1.0"
   },
   "peerDependencies": {
     "@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"
+    "react-dom": ">=16.8.0 <18.0.0",
+    "scheduler": "^0.19.0 || ^0.20.0"
   },
   "beachball": {
     "disallowedChangeTypes": [
-      "major",
-      "minor",
-      "patch"
+      "major"
     ]
+  },
+  "exports": {
+    ".": {
+      "types": "./lib/index.d.ts",
+      "import": "./lib/index.js",
+      "require": "./lib-commonjs/index.js"
+    }
   }
 }

package/lib/Accordion.d.ts

@@ -1 +0,0 @@
-export * from './components/Accordion/index';

package/lib/AccordionHeader.d.ts

@@ -1 +0,0 @@
-export * from './components/AccordionHeader/index';

package/lib/AccordionItem.d.ts

@@ -1 +0,0 @@
-export * from './components/AccordionItem/index';

package/lib/AccordionPanel.d.ts

@@ -1 +0,0 @@
-export * from './components/AccordionPanel/index';

package/lib/components/Accordion/Accordion.d.ts

@@ -1,6 +0,0 @@
-import type { AccordionProps } from './Accordion.types';
-import type { ForwardRefComponent } from '@fluentui/react-utilities';
-/**
- * Define a styled Accordion, using the `useAccordion_unstable` and `useAccordionStyles_unstable` hooks.
- */
-export declare const Accordion: ForwardRefComponent<AccordionProps>;

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

@@ -1,53 +0,0 @@
-import * as React from 'react';
-import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';
-import type { AccordionItemValue } from '../AccordionItem/AccordionItem.types';
-export declare type AccordionIndex = number | number[];
-export declare type AccordionToggleEvent<E = HTMLElement> = React.MouseEvent<E> | React.KeyboardEvent<E>;
-export declare type AccordionToggleEventHandler = (event: AccordionToggleEvent, data: AccordionToggleData) => void;
-declare type AccordionCommons = {
-    /**
-     * Indicates if keyboard navigation is available
-     */
-    navigable: boolean;
-    /**
-     * Indicates if Accordion support multiple Panels opened at the same time
-     */
-    multiple: boolean;
-    /**
-     * Indicates if Accordion support multiple Panels closed at the same time
-     */
-    collapsible: boolean;
-};
-export declare type AccordionContextValue = Omit<AccordionCommons, 'multiple'> & {
-    /**
-     * The list of opened panels by index
-     */
-    openItems: AccordionItemValue[];
-    /**
-     * Callback used by AccordionItem to request a change on it's own opened state
-     * Should be used to toggle AccordionItem
-     */
-    requestToggle: (event: AccordionToggleEvent, data: AccordionToggleData) => void;
-};
-export declare type AccordionContextValues = {
-    accordion: AccordionContextValue;
-};
-export declare type AccordionSlots = {
-    root: Slot<'div'>;
-};
-export declare type AccordionToggleData = {
-    value: AccordionItemValue;
-};
-export declare type AccordionProps = ComponentProps<AccordionSlots> & Partial<AccordionCommons> & {
-    /**
-     * Controls the state of the panel
-     */
-    openItems?: AccordionItemValue | AccordionItemValue[];
-    /**
-     * Default value for the uncontrolled state of the panel
-     */
-    defaultOpenItems?: AccordionItemValue | AccordionItemValue[];
-    onToggle?: AccordionToggleEventHandler;
-};
-export declare type AccordionState = ComponentState<AccordionSlots> & AccordionCommons & AccordionContextValue;
-export {};

package/lib/components/Accordion/AccordionContext.d.ts

@@ -1,3 +0,0 @@
-import type { Context } from '@fluentui/react-context-selector';
-import type { AccordionContextValue } from './Accordion.types';
-export declare const AccordionContext: Context<AccordionContextValue>;

package/lib/components/Accordion/index.d.ts

@@ -1,7 +0,0 @@
-export * from './Accordion';
-export * from './Accordion.types';
-export * from './renderAccordion';
-export * from './useAccordion';
-export * from './useAccordionStyles';
-export * from './useAccordionContextValues';
-export * from './AccordionContext';

package/lib/components/Accordion/renderAccordion.d.ts

@@ -1,5 +0,0 @@
-import type { AccordionState, AccordionContextValues } from './Accordion.types';
-/**
- * Function that renders the final JSX of the component
- */
-export declare const renderAccordion_unstable: (state: AccordionState, contextValues: AccordionContextValues) => JSX.Element;

package/lib/components/Accordion/useAccordion.d.ts

@@ -1,8 +0,0 @@
-import * as React from 'react';
-import type { AccordionProps, AccordionState } from './Accordion.types';
-/**
- * Returns the props and state required to render the component
- * @param props - Accordion properties
- * @param ref - reference to root HTMLElement of Accordion
- */
-export declare const useAccordion_unstable: (props: AccordionProps, ref: React.Ref<HTMLElement>) => AccordionState;

package/lib/components/Accordion/useAccordionContextValues.d.ts

@@ -1,2 +0,0 @@
-import type { AccordionContextValues, AccordionState } from './Accordion.types';
-export declare function useAccordionContextValues_unstable(state: AccordionState): AccordionContextValues;

package/lib/components/Accordion/useAccordionStyles.d.ts

@@ -1,3 +0,0 @@
-import type { AccordionState } from './Accordion.types';
-export declare const accordionClassName = "fui-Accordion";
-export declare const useAccordionStyles_unstable: (state: AccordionState) => AccordionState;

package/lib/components/AccordionHeader/AccordionHeader.d.ts

@@ -1,7 +0,0 @@
-import type { AccordionHeaderProps } from './AccordionHeader.types';
-import type { ForwardRefComponent } from '@fluentui/react-utilities';
-/**
- * Define a styled AccordionHeader, using the `useAccordionHeader_unstable` and `useAccordionHeaderStyles_unstable`
- * hooks.
- */
-export declare const AccordionHeader: ForwardRefComponent<AccordionHeaderProps>;