@fluentui/react-accordion 0.0.0-nightly-20230317-1454.1 → 0.0.0-nightly-20230321-0440.1

package/lib/components/AccordionHeader/useAccordionHeader.js

@@ -1,10 +1,10 @@
-import * as React from "react";
-import { getNativeElementProps, resolveShorthand, useEventCallback } from "@fluentui/react-utilities";
-import { useAccordionItemContext_unstable } from "../AccordionItem/index";
-import { useARIAButtonShorthand } from "@fluentui/react-aria";
-import { useAccordionContext_unstable } from "../Accordion/AccordionContext";
-import { ChevronRightRegular } from "@fluentui/react-icons";
-import { useFluent_unstable as useFluent } from "@fluentui/react-shared-contexts";
+import * as React from 'react';
+import { getNativeElementProps, resolveShorthand, useEventCallback } from '@fluentui/react-utilities';
+import { useAccordionItemContext_unstable } from '../AccordionItem/index';
+import { useARIAButtonShorthand } from '@fluentui/react-aria';
+import { useAccordionContext_unstable } from '../Accordion/AccordionContext';
+import { ChevronRightRegular } from '@fluentui/react-icons';
+import { useFluent_unstable as useFluent } from '@fluentui/react-shared-contexts';
 /**
  * Returns the props and state required to render the component
  * @param props - AccordionHeader properties
@@ -17,8 +17,8 @@ export const useAccordionHeader_unstable = (props, ref) => {
     button,
     expandIcon,
     inline = false,
-    size = "medium",
-    expandIconPosition = "start"
+    size = 'medium',
+    expandIconPosition = 'start'
   } = props;
   const {
     onHeaderClick: onAccordionHeaderClick,
@@ -26,29 +26,29 @@ export const useAccordionHeader_unstable = (props, ref) => {
     open
   } = useAccordionItemContext_unstable();
   /**
-  * force disabled state on button if accordion isn't collapsible
-  * and this is the only item opened
-  */
+   * force disabled state on button if accordion isn't collapsible
+   * and this is the only item opened
+   */
   const disabledFocusable = useAccordionContext_unstable(ctx => !ctx.collapsible && ctx.openItems.length === 1 && open);
   const {
     dir
   } = useFluent();
   // Calculate how to rotate the expand icon [>] (ChevronRightRegular)
   let expandIconRotation;
-  if (expandIconPosition === "end") {
+  if (expandIconPosition === 'end') {
     // If expand icon is at the end, the chevron points up [^] when open, and down [v] when closed
     expandIconRotation = open ? -90 : 90;
   } else {
     // Otherwise, the chevron points down [v] when open, and right [>] (or left [<] in RTL) when closed
-    expandIconRotation = open ? 90 : dir !== "rtl" ? 0 : 180;
+    expandIconRotation = open ? 90 : dir !== 'rtl' ? 0 : 180;
   }
   const buttonShorthand = useARIAButtonShorthand(button, {
     required: true,
     defaultProps: {
       disabled,
       disabledFocusable,
-      "aria-expanded": open,
-      type: "button"
+      'aria-expanded': open,
+      type: 'button'
     }
   });
   return {
@@ -58,12 +58,12 @@ export const useAccordionHeader_unstable = (props, ref) => {
     inline,
     expandIconPosition,
     components: {
-      root: "div",
-      button: "button",
-      expandIcon: "span",
-      icon: "div"
+      root: 'div',
+      button: 'button',
+      expandIcon: 'span',
+      icon: 'div'
     },
-    root: getNativeElementProps(as || "div", {
+    root: getNativeElementProps(as || 'div', {
       ref,
       ...props
     }),
@@ -76,13 +76,14 @@ export const useAccordionHeader_unstable = (props, ref) => {
             transform: `rotate(${expandIconRotation}deg)`
           }
         }),
-        "aria-hidden": true
+        'aria-hidden': true
       }
     }),
     button: {
       ...buttonShorthand,
       onClick: useEventCallback(ev => {
-        buttonShorthand.onClick?.(ev);
+        var _a;
+        (_a = buttonShorthand.onClick) === null || _a === void 0 ? void 0 : _a.call(buttonShorthand, ev);
         if (!ev.defaultPrevented) {
           onAccordionHeaderClick(ev);
         }

package/lib/components/AccordionHeader/useAccordionHeader.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","getNativeElementProps","resolveShorthand","useEventCallback","useAccordionItemContext_unstable","useARIAButtonShorthand","useAccordionContext_unstable","ChevronRightRegular","useFluent_unstable","useFluent","useAccordionHeader_unstable","props","ref","as","icon","button","expandIcon","inline","size","expandIconPosition","onHeaderClick","onAccordionHeaderClick","disabled","open","disabledFocusable","ctx","collapsible","openItems","length","dir","expandIconRotation","buttonShorthand","required","defaultProps","type","components","root","children","createElement","style","transform","onClick","ev","defaultPrevented"],"sources":["../../../src/components/AccordionHeader/useAccordionHeader.tsx"],"sourcesContent":["import * as React from 'react';\nimport { getNativeElementProps, resolveShorthand, useEventCallback } from '@fluentui/react-utilities';\nimport { useAccordionItemContext_unstable } from '../AccordionItem/index';\nimport { useARIAButtonShorthand } from '@fluentui/react-aria';\nimport type { AccordionHeaderProps, AccordionHeaderState } from './AccordionHeader.types';\nimport { useAccordionContext_unstable } from '../Accordion/AccordionContext';\nimport { ChevronRightRegular } from '@fluentui/react-icons';\nimport { useFluent_unstable as useFluent } from '@fluentui/react-shared-contexts';\n\n/**\n * Returns the props and state required to render the component\n * @param props - AccordionHeader properties\n * @param ref - reference to root HTMLElement of AccordionHeader\n */\nexport const useAccordionHeader_unstable = (\n  props: AccordionHeaderProps,\n  ref: React.Ref<HTMLElement>,\n): AccordionHeaderState => {\n  const { as, icon, button, expandIcon, inline = false, size = 'medium', expandIconPosition = 'start' } = props;\n  const { onHeaderClick: onAccordionHeaderClick, disabled, open } = useAccordionItemContext_unstable();\n\n  /**\n   * force disabled state on button if accordion isn't collapsible\n   * and this is the only item opened\n   */\n  const disabledFocusable = useAccordionContext_unstable(ctx => !ctx.collapsible && ctx.openItems.length === 1 && open);\n\n  const { dir } = useFluent();\n\n  // Calculate how to rotate the expand icon [>] (ChevronRightRegular)\n  let expandIconRotation: 0 | 90 | -90 | 180;\n  if (expandIconPosition === 'end') {\n    // If expand icon is at the end, the chevron points up [^] when open, and down [v] when closed\n    expandIconRotation = open ? -90 : 90;\n  } else {\n    // Otherwise, the chevron points down [v] when open, and right [>] (or left [<] in RTL) when closed\n    expandIconRotation = open ? 90 : dir !== 'rtl' ? 0 : 180;\n  }\n\n  const buttonShorthand = useARIAButtonShorthand(button, {\n    required: true,\n    defaultProps: {\n      disabled,\n      disabledFocusable,\n      'aria-expanded': open,\n      type: 'button',\n    },\n  });\n\n  return {\n    disabled,\n    open,\n    size,\n    inline,\n    expandIconPosition,\n    components: {\n      root: 'div',\n      button: 'button',\n      expandIcon: 'span',\n      icon: 'div',\n    },\n    root: getNativeElementProps(as || 'div', {\n      ref,\n      ...props,\n    }),\n    icon: resolveShorthand(icon),\n    expandIcon: resolveShorthand(expandIcon, {\n      required: true,\n      defaultProps: {\n        children: <ChevronRightRegular style={{ transform: `rotate(${expandIconRotation}deg)` }} />,\n        'aria-hidden': true,\n      },\n    }),\n    button: {\n      ...buttonShorthand,\n      onClick: useEventCallback(\n        (ev: React.MouseEvent<HTMLButtonElement & HTMLDivElement & HTMLSpanElement & HTMLAnchorElement>) => {\n          buttonShorthand.onClick?.(ev);\n          if (!ev.defaultPrevented) {\n            onAccordionHeaderClick(ev);\n          }\n        },\n      ),\n    },\n  };\n};\n"],"mappings":"AAAA,YAAYA,KAAA,MAAW;AACvB,SAASC,qBAAqB,EAAEC,gBAAgB,EAAEC,gBAAgB,QAAQ;AAC1E,SAASC,gCAAgC,QAAQ;AACjD,SAASC,sBAAsB,QAAQ;AAEvC,SAASC,4BAA4B,QAAQ;AAC7C,SAASC,mBAAmB,QAAQ;AACpC,SAASC,kBAAA,IAAsBC,SAAS,QAAQ;AAEhD;;;;;AAKA,OAAO,MAAMC,2BAAA,GAA8BA,CACzCC,KAAA,EACAC,GAAA,KACyB;EACzB,MAAM;IAAEC,EAAA;IAAIC,IAAA;IAAMC,MAAA;IAAQC,UAAA;IAAYC,MAAA,GAAS,KAAK;IAAEC,IAAA,GAAO;IAAUC,kBAAA,GAAqB;EAAO,CAAE,GAAGR,KAAA;EACxG,MAAM;IAAES,aAAA,EAAeC,sBAAA;IAAwBC,QAAA;IAAUC;EAAI,CAAE,GAAGnB,gCAAA;EAElE;;;;EAIA,MAAMoB,iBAAA,GAAoBlB,4BAAA,CAA6BmB,GAAA,IAAO,CAACA,GAAA,CAAIC,WAAW,IAAID,GAAA,CAAIE,SAAS,CAACC,MAAM,KAAK,KAAKL,IAAA;EAEhH,MAAM;IAAEM;EAAG,CAAE,GAAGpB,SAAA;EAEhB;EACA,IAAIqB,kBAAA;EACJ,IAAIX,kBAAA,KAAuB,OAAO;IAChC;IACAW,kBAAA,GAAqBP,IAAA,GAAO,CAAC,KAAK,EAAE;EACtC,OAAO;IACL;IACAO,kBAAA,GAAqBP,IAAA,GAAO,KAAKM,GAAA,KAAQ,QAAQ,IAAI,GAAG;EAC1D;EAEA,MAAME,eAAA,GAAkB1B,sBAAA,CAAuBU,MAAA,EAAQ;IACrDiB,QAAA,EAAU,IAAI;IACdC,YAAA,EAAc;MACZX,QAAA;MACAE,iBAAA;MACA,iBAAiBD,IAAA;MACjBW,IAAA,EAAM;IACR;EACF;EAEA,OAAO;IACLZ,QAAA;IACAC,IAAA;IACAL,IAAA;IACAD,MAAA;IACAE,kBAAA;IACAgB,UAAA,EAAY;MACVC,IAAA,EAAM;MACNrB,MAAA,EAAQ;MACRC,UAAA,EAAY;MACZF,IAAA,EAAM;IACR;IACAsB,IAAA,EAAMnC,qBAAA,CAAsBY,EAAA,IAAM,OAAO;MACvCD,GAAA;MACA,GAAGD;IACL;IACAG,IAAA,EAAMZ,gBAAA,CAAiBY,IAAA;IACvBE,UAAA,EAAYd,gBAAA,CAAiBc,UAAA,EAAY;MACvCgB,QAAA,EAAU,IAAI;MACdC,YAAA,EAAc;QACZI,QAAA,eAAUrC,KAAA,CAAAsC,aAAA,CAAC/B,mBAAA;UAAoBgC,KAAA,EAAO;YAAEC,SAAA,EAAY,UAASV,kBAAmB;UAAM;;QACtF,eAAe;MACjB;IACF;IACAf,MAAA,EAAQ;MACN,GAAGgB,eAAe;MAClBU,OAAA,EAAStC,gBAAA,CACNuC,EAAA,IAAmG;QAClGX,eAAA,CAAgBU,OAAO,GAAGC,EAAA;QAC1B,IAAI,CAACA,EAAA,CAAGC,gBAAgB,EAAE;UACxBtB,sBAAA,CAAuBqB,EAAA;QACzB;MACF;IAEJ;EACF;AACF"}
+{"version":3,"names":["React","getNativeElementProps","resolveShorthand","useEventCallback","useAccordionItemContext_unstable","useARIAButtonShorthand","useAccordionContext_unstable","ChevronRightRegular","useFluent_unstable","useFluent","useAccordionHeader_unstable","props","ref","as","icon","button","expandIcon","inline","size","expandIconPosition","onHeaderClick","onAccordionHeaderClick","disabled","open","disabledFocusable","ctx","collapsible","openItems","length","dir","expandIconRotation","buttonShorthand","required","defaultProps","type","components","root","children","createElement","style","transform","onClick","ev","_a","call","defaultPrevented"],"sources":["../../../../../../../../../packages/react-components/react-accordion/src/components/AccordionHeader/useAccordionHeader.tsx"],"sourcesContent":["import * as React from 'react';\nimport { getNativeElementProps, resolveShorthand, useEventCallback } from '@fluentui/react-utilities';\nimport { useAccordionItemContext_unstable } from '../AccordionItem/index';\nimport { useARIAButtonShorthand } from '@fluentui/react-aria';\nimport type { AccordionHeaderProps, AccordionHeaderState } from './AccordionHeader.types';\nimport { useAccordionContext_unstable } from '../Accordion/AccordionContext';\nimport { ChevronRightRegular } from '@fluentui/react-icons';\nimport { useFluent_unstable as useFluent } from '@fluentui/react-shared-contexts';\n\n/**\n * Returns the props and state required to render the component\n * @param props - AccordionHeader properties\n * @param ref - reference to root HTMLElement of AccordionHeader\n */\nexport const useAccordionHeader_unstable = (\n  props: AccordionHeaderProps,\n  ref: React.Ref<HTMLElement>,\n): AccordionHeaderState => {\n  const { as, icon, button, expandIcon, inline = false, size = 'medium', expandIconPosition = 'start' } = props;\n  const { onHeaderClick: onAccordionHeaderClick, disabled, open } = useAccordionItemContext_unstable();\n\n  /**\n   * force disabled state on button if accordion isn't collapsible\n   * and this is the only item opened\n   */\n  const disabledFocusable = useAccordionContext_unstable(ctx => !ctx.collapsible && ctx.openItems.length === 1 && open);\n\n  const { dir } = useFluent();\n\n  // Calculate how to rotate the expand icon [>] (ChevronRightRegular)\n  let expandIconRotation: 0 | 90 | -90 | 180;\n  if (expandIconPosition === 'end') {\n    // If expand icon is at the end, the chevron points up [^] when open, and down [v] when closed\n    expandIconRotation = open ? -90 : 90;\n  } else {\n    // Otherwise, the chevron points down [v] when open, and right [>] (or left [<] in RTL) when closed\n    expandIconRotation = open ? 90 : dir !== 'rtl' ? 0 : 180;\n  }\n\n  const buttonShorthand = useARIAButtonShorthand(button, {\n    required: true,\n    defaultProps: {\n      disabled,\n      disabledFocusable,\n      'aria-expanded': open,\n      type: 'button',\n    },\n  });\n\n  return {\n    disabled,\n    open,\n    size,\n    inline,\n    expandIconPosition,\n    components: {\n      root: 'div',\n      button: 'button',\n      expandIcon: 'span',\n      icon: 'div',\n    },\n    root: getNativeElementProps(as || 'div', {\n      ref,\n      ...props,\n    }),\n    icon: resolveShorthand(icon),\n    expandIcon: resolveShorthand(expandIcon, {\n      required: true,\n      defaultProps: {\n        children: <ChevronRightRegular style={{ transform: `rotate(${expandIconRotation}deg)` }} />,\n        'aria-hidden': true,\n      },\n    }),\n    button: {\n      ...buttonShorthand,\n      onClick: useEventCallback(\n        (ev: React.MouseEvent<HTMLButtonElement & HTMLDivElement & HTMLSpanElement & HTMLAnchorElement>) => {\n          buttonShorthand.onClick?.(ev);\n          if (!ev.defaultPrevented) {\n            onAccordionHeaderClick(ev);\n          }\n        },\n      ),\n    },\n  };\n};\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,qBAAqB,EAAEC,gBAAgB,EAAEC,gBAAgB,QAAQ,2BAA2B;AACrG,SAASC,gCAAgC,QAAQ,wBAAwB;AACzE,SAASC,sBAAsB,QAAQ,sBAAsB;AAE7D,SAASC,4BAA4B,QAAQ,+BAA+B;AAC5E,SAASC,mBAAmB,QAAQ,uBAAuB;AAC3D,SAASC,kBAAkB,IAAIC,SAAS,QAAQ,iCAAiC;AAEjF;;;;;AAKA,OAAO,MAAMC,2BAA2B,GAAGA,CACzCC,KAA2B,EAC3BC,GAA2B,KACH;EACxB,MAAM;IAAEC,EAAE;IAAEC,IAAI;IAAEC,MAAM;IAAEC,UAAU;IAAEC,MAAM,GAAG,KAAK;IAAEC,IAAI,GAAG,QAAQ;IAAEC,kBAAkB,GAAG;EAAO,CAAE,GAAGR,KAAK;EAC7G,MAAM;IAAES,aAAa,EAAEC,sBAAsB;IAAEC,QAAQ;IAAEC;EAAI,CAAE,GAAGnB,gCAAgC,EAAE;EAEpG;;;;EAIA,MAAMoB,iBAAiB,GAAGlB,4BAA4B,CAACmB,GAAG,IAAI,CAACA,GAAG,CAACC,WAAW,IAAID,GAAG,CAACE,SAAS,CAACC,MAAM,KAAK,CAAC,IAAIL,IAAI,CAAC;EAErH,MAAM;IAAEM;EAAG,CAAE,GAAGpB,SAAS,EAAE;EAE3B;EACA,IAAIqB,kBAAsC;EAC1C,IAAIX,kBAAkB,KAAK,KAAK,EAAE;IAChC;IACAW,kBAAkB,GAAGP,IAAI,GAAG,CAAC,EAAE,GAAG,EAAE;GACrC,MAAM;IACL;IACAO,kBAAkB,GAAGP,IAAI,GAAG,EAAE,GAAGM,GAAG,KAAK,KAAK,GAAG,CAAC,GAAG,GAAG;;EAG1D,MAAME,eAAe,GAAG1B,sBAAsB,CAACU,MAAM,EAAE;IACrDiB,QAAQ,EAAE,IAAI;IACdC,YAAY,EAAE;MACZX,QAAQ;MACRE,iBAAiB;MACjB,eAAe,EAAED,IAAI;MACrBW,IAAI,EAAE;;GAET,CAAC;EAEF,OAAO;IACLZ,QAAQ;IACRC,IAAI;IACJL,IAAI;IACJD,MAAM;IACNE,kBAAkB;IAClBgB,UAAU,EAAE;MACVC,IAAI,EAAE,KAAK;MACXrB,MAAM,EAAE,QAAQ;MAChBC,UAAU,EAAE,MAAM;MAClBF,IAAI,EAAE;KACP;IACDsB,IAAI,EAAEnC,qBAAqB,CAACY,EAAE,IAAI,KAAK,EAAE;MACvCD,GAAG;MACH,GAAGD;KACJ,CAAC;IACFG,IAAI,EAAEZ,gBAAgB,CAACY,IAAI,CAAC;IAC5BE,UAAU,EAAEd,gBAAgB,CAACc,UAAU,EAAE;MACvCgB,QAAQ,EAAE,IAAI;MACdC,YAAY,EAAE;QACZI,QAAQ,eAAErC,KAAA,CAAAsC,aAAA,CAAC/B,mBAAmB;UAACgC,KAAK,EAAE;YAAEC,SAAS,EAAE,UAAUV,kBAAkB;UAAM;QAAE,EAAI;QAC3F,aAAa,EAAE;;KAElB,CAAC;IACFf,MAAM,EAAE;MACN,GAAGgB,eAAe;MAClBU,OAAO,EAAEtC,gBAAgB,CACtBuC,EAA8F,IAAI;;QACjG,CAAAC,EAAA,GAAAZ,eAAe,CAACU,OAAO,cAAAE,EAAA,uBAAAA,EAAA,CAAAC,IAAA,CAAvBb,eAAe,EAAWW,EAAE,CAAC;QAC7B,IAAI,CAACA,EAAE,CAACG,gBAAgB,EAAE;UACxBxB,sBAAsB,CAACqB,EAAE,CAAC;;MAE9B,CAAC;;GAGN;AACH,CAAC"}

package/lib/components/AccordionHeader/useAccordionHeaderContextValues.js

@@ -1,4 +1,4 @@
-import * as React from "react";
+import * as React from 'react';
 export function useAccordionHeaderContextValues_unstable(state) {
   const {
     disabled,

package/lib/components/AccordionHeader/useAccordionHeaderContextValues.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useAccordionHeaderContextValues_unstable","state","disabled","expandIconPosition","open","size","accordionHeader","useMemo"],"sources":["../../../src/components/AccordionHeader/useAccordionHeaderContextValues.ts"],"sourcesContent":["import * as React from 'react';\nimport type {\n  AccordionHeaderContextValue,\n  AccordionHeaderState,\n  AccordionHeaderContextValues,\n} from './AccordionHeader.types';\n\nexport function useAccordionHeaderContextValues_unstable(state: AccordionHeaderState): AccordionHeaderContextValues {\n  const { disabled, expandIconPosition, open, size } = state;\n\n  const accordionHeader = React.useMemo<AccordionHeaderContextValue>(\n    () => ({\n      disabled,\n      expandIconPosition,\n      open,\n      size,\n    }),\n    [disabled, expandIconPosition, open, size],\n  );\n\n  return { accordionHeader };\n}\n"],"mappings":"AAAA,YAAYA,KAAA,MAAW;AAOvB,OAAO,SAASC,yCAAyCC,KAA2B,EAAgC;EAClH,MAAM;IAAEC,QAAA;IAAUC,kBAAA;IAAoBC,IAAA;IAAMC;EAAI,CAAE,GAAGJ,KAAA;EAErD,MAAMK,eAAA,GAAkBP,KAAA,CAAMQ,OAAO,CACnC,OAAO;IACLL,QAAA;IACAC,kBAAA;IACAC,IAAA;IACAC;EACF,IACA,CAACH,QAAA,EAAUC,kBAAA,EAAoBC,IAAA,EAAMC,IAAA,CAAK;EAG5C,OAAO;IAAEC;EAAgB;AAC3B"}
+{"version":3,"names":["React","useAccordionHeaderContextValues_unstable","state","disabled","expandIconPosition","open","size","accordionHeader","useMemo"],"sources":["../../../../../../../../../packages/react-components/react-accordion/src/components/AccordionHeader/useAccordionHeaderContextValues.ts"],"sourcesContent":["import * as React from 'react';\nimport type {\n  AccordionHeaderContextValue,\n  AccordionHeaderState,\n  AccordionHeaderContextValues,\n} from './AccordionHeader.types';\n\nexport function useAccordionHeaderContextValues_unstable(state: AccordionHeaderState): AccordionHeaderContextValues {\n  const { disabled, expandIconPosition, open, size } = state;\n\n  const accordionHeader = React.useMemo<AccordionHeaderContextValue>(\n    () => ({\n      disabled,\n      expandIconPosition,\n      open,\n      size,\n    }),\n    [disabled, expandIconPosition, open, size],\n  );\n\n  return { accordionHeader };\n}\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAO9B,OAAM,SAAUC,wCAAwCA,CAACC,KAA2B;EAClF,MAAM;IAAEC,QAAQ;IAAEC,kBAAkB;IAAEC,IAAI;IAAEC;EAAI,CAAE,GAAGJ,KAAK;EAE1D,MAAMK,eAAe,GAAGP,KAAK,CAACQ,OAAO,CACnC,OAAO;IACLL,QAAQ;IACRC,kBAAkB;IAClBC,IAAI;IACJC;GACD,CAAC,EACF,CAACH,QAAQ,EAAEC,kBAAkB,EAAEC,IAAI,EAAEC,IAAI,CAAC,CAC3C;EAED,OAAO;IAAEC;EAAe,CAAE;AAC5B"}

package/lib/components/AccordionHeader/useAccordionHeaderStyles.js

@@ -1,11 +1,11 @@
-import { shorthands, __styles, mergeClasses } from "@griffel/react";
-import { createFocusOutlineStyle } from "@fluentui/react-tabster";
-import { tokens, typographyStyles } from "@fluentui/react-theme";
+import { shorthands, __styles, mergeClasses } from '@griffel/react';
+import { createFocusOutlineStyle } from '@fluentui/react-tabster';
+import { tokens, typographyStyles } from '@fluentui/react-theme';
 export const accordionHeaderClassNames = {
-  root: "fui-AccordionHeader",
-  button: "fui-AccordionHeader__button",
-  expandIcon: "fui-AccordionHeader__expandIcon",
-  icon: "fui-AccordionHeader__icon"
+  root: 'fui-AccordionHeader',
+  button: 'fui-AccordionHeader__button',
+  expandIcon: 'fui-AccordionHeader__expandIcon',
+  icon: 'fui-AccordionHeader__icon'
 };
 const useStyles = /*#__PURE__*/__styles({
   resetButton: {
@@ -160,9 +160,9 @@ const useStyles = /*#__PURE__*/__styles({
 export const useAccordionHeaderStyles_unstable = state => {
   const styles = useStyles();
   state.root.className = mergeClasses(accordionHeaderClassNames.root, styles.root, state.inline && styles.rootInline, state.disabled && styles.rootDisabled, state.root.className);
-  state.button.className = mergeClasses(accordionHeaderClassNames.button, styles.resetButton, styles.button, styles.focusIndicator, state.expandIconPosition === "end" && !state.icon && styles.buttonExpandIconEndNoIcon, state.expandIconPosition === "end" && styles.buttonExpandIconEnd, state.inline && styles.buttonInline, state.size === "small" && styles.buttonSmall, state.size === "large" && styles.buttonLarge, state.size === "extra-large" && styles.buttonExtraLarge, state.button.className);
+  state.button.className = mergeClasses(accordionHeaderClassNames.button, styles.resetButton, styles.button, styles.focusIndicator, state.expandIconPosition === 'end' && !state.icon && styles.buttonExpandIconEndNoIcon, state.expandIconPosition === 'end' && styles.buttonExpandIconEnd, state.inline && styles.buttonInline, state.size === 'small' && styles.buttonSmall, state.size === 'large' && styles.buttonLarge, state.size === 'extra-large' && styles.buttonExtraLarge, state.button.className);
   if (state.expandIcon) {
-    state.expandIcon.className = mergeClasses(accordionHeaderClassNames.expandIcon, styles.expandIcon, state.expandIconPosition === "start" && styles.expandIconStart, state.expandIconPosition === "end" && styles.expandIconEnd, state.expandIcon.className);
+    state.expandIcon.className = mergeClasses(accordionHeaderClassNames.expandIcon, styles.expandIcon, state.expandIconPosition === 'start' && styles.expandIconStart, state.expandIconPosition === 'end' && styles.expandIconEnd, state.expandIcon.className);
   }
   if (state.icon) {
     state.icon.className = mergeClasses(accordionHeaderClassNames.icon, styles.icon, state.icon.className);

package/lib/components/AccordionHeader/useAccordionHeaderStyles.js.map

@@ -1 +1 @@
-{"version":3,"names":["shorthands","__styles","mergeClasses","createFocusOutlineStyle","tokens","typographyStyles","accordionHeaderClassNames","root","button","expandIcon","icon","useStyles","resetButton","B7ck84d","De3pzq","sj55zd","Bahqtrf","Be2twd7","Bg96gwp","B68tc82","Bmxbyg5","z8tnut","z189sj","Byoj8tv","uwmqm3","Bv0vk6g","fsow6f","focusIndicator","Brovlpu","B486eqv","B8q5s1w","Bci5o5g","n8qw10","Bdrgwmp","Bm4h7ae","B7ys5i9","Busjfv9","Bhk32uz","Bf4ptjt","kclons","Bhdgwq3","Blkhhs4","Bqtpl0w","clg4pj","hgwjuy","Bonggc9","B1tsrr9","Dah5zi","Bkh64rk","qqdqy8","B6dhp37","i03rao","Boxcth7","Bsom6fd","J0r882","Bjwuhne","Ghsupd","Bule8hv","B6of3ja","t21cq0","jrapky","Frg6f3","Bbmb7ep","Beyfa6y","B7oj6ja","Btl43ni","rootDisabled","Bcmaq0h","rootInline","mc9l5x","qhf8xq","a9b677","B4j52fo","Bekrc4i","Bn0qgzm","ibv6hh","icvyot","vrafjx","oivjwe","wvpqe5","g2u3we","h3c5rm","B9xav0g","zhjwy3","sshi5w","Bt984gj","Bceei9c","Bhrd7zp","buttonSmall","buttonLarge","buttonExtraLarge","buttonInline","buttonExpandIconEndNoIcon","buttonExpandIconEnd","Bqenvij","expandIconStart","expandIconEnd","Bh6795r","Bnnss6s","xawz","Brf1p80","d","f","i","useAccordionHeaderStyles_unstable","state","styles","className","inline","disabled","expandIconPosition","size"],"sources":["../../../src/components/AccordionHeader/useAccordionHeaderStyles.ts"],"sourcesContent":["import { shorthands, makeStyles, mergeClasses } from '@griffel/react';\nimport { createFocusOutlineStyle } from '@fluentui/react-tabster';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\nimport type { AccordionHeaderSlots, AccordionHeaderState } from './AccordionHeader.types';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\n\nexport const accordionHeaderClassNames: SlotClassNames<AccordionHeaderSlots> = {\n  root: 'fui-AccordionHeader',\n  button: 'fui-AccordionHeader__button',\n  expandIcon: 'fui-AccordionHeader__expandIcon',\n  icon: 'fui-AccordionHeader__icon',\n};\n\nconst useStyles = makeStyles({\n  // TODO: this should be extracted to another package\n  resetButton: {\n    boxSizing: 'content-box',\n    backgroundColor: 'inherit',\n    color: 'inherit',\n    fontFamily: 'inherit',\n    fontSize: 'inherit',\n    lineHeight: 'normal',\n    ...shorthands.overflow('visible'),\n    ...shorthands.padding(0),\n    WebkitAppearance: 'button',\n    textAlign: 'unset',\n  },\n  focusIndicator: createFocusOutlineStyle(),\n  root: {\n    color: tokens.colorNeutralForeground1,\n    backgroundColor: tokens.colorTransparentBackground,\n    ...shorthands.margin(0),\n    ...shorthands.borderRadius(tokens.borderRadiusMedium),\n  },\n  rootDisabled: {\n    backgroundImage: 'none',\n    color: tokens.colorNeutralForegroundDisabled,\n  },\n  rootInline: {\n    display: 'inline-block',\n  },\n  button: {\n    position: 'relative',\n    width: '100%',\n    ...shorthands.border('1px', 'solid', 'transparent'),\n    ...shorthands.padding(0, tokens.spacingHorizontalM, 0, tokens.spacingHorizontalMNudge),\n    minHeight: '44px',\n    display: 'flex',\n    alignItems: 'center',\n    cursor: 'pointer',\n    ...typographyStyles.body1,\n    boxSizing: 'border-box',\n  },\n  buttonSmall: {\n    minHeight: '32px',\n    fontSize: tokens.fontSizeBase200,\n  },\n  buttonLarge: {\n    lineHeight: tokens.lineHeightBase400,\n    fontSize: tokens.fontSizeBase400,\n  },\n  buttonExtraLarge: {\n    lineHeight: tokens.lineHeightBase500,\n    fontSize: tokens.fontSizeBase500,\n  },\n  buttonInline: {\n    display: 'inline-flex',\n  },\n  buttonExpandIconEndNoIcon: {\n    paddingLeft: tokens.spacingHorizontalM,\n  },\n  buttonExpandIconEnd: {\n    paddingRight: tokens.spacingHorizontalMNudge,\n  },\n  expandIcon: {\n    height: '100%',\n    display: 'flex',\n    alignItems: 'center',\n    lineHeight: tokens.lineHeightBase500,\n    fontSize: tokens.fontSizeBase500,\n  },\n  expandIconStart: {\n    paddingRight: tokens.spacingHorizontalS,\n  },\n  expandIconEnd: {\n    flexGrow: 1,\n    flexShrink: 1,\n    flexBasis: '0%',\n    display: 'flex',\n    justifyContent: 'flex-end',\n    paddingLeft: tokens.spacingHorizontalS,\n  },\n  icon: {\n    height: '100%',\n    display: 'flex',\n    alignItems: 'center',\n    paddingRight: tokens.spacingHorizontalS,\n    lineHeight: tokens.lineHeightBase500,\n    fontSize: tokens.fontSizeBase500,\n  },\n});\n\n/** Applies style classnames to slots */\nexport const useAccordionHeaderStyles_unstable = (state: AccordionHeaderState) => {\n  const styles = useStyles();\n  state.root.className = mergeClasses(\n    accordionHeaderClassNames.root,\n    styles.root,\n    state.inline && styles.rootInline,\n    state.disabled && styles.rootDisabled,\n    state.root.className,\n  );\n\n  state.button.className = mergeClasses(\n    accordionHeaderClassNames.button,\n    styles.resetButton,\n    styles.button,\n    styles.focusIndicator,\n    state.expandIconPosition === 'end' && !state.icon && styles.buttonExpandIconEndNoIcon,\n    state.expandIconPosition === 'end' && styles.buttonExpandIconEnd,\n    state.inline && styles.buttonInline,\n    state.size === 'small' && styles.buttonSmall,\n    state.size === 'large' && styles.buttonLarge,\n    state.size === 'extra-large' && styles.buttonExtraLarge,\n    state.button.className,\n  );\n\n  if (state.expandIcon) {\n    state.expandIcon.className = mergeClasses(\n      accordionHeaderClassNames.expandIcon,\n      styles.expandIcon,\n      state.expandIconPosition === 'start' && styles.expandIconStart,\n      state.expandIconPosition === 'end' && styles.expandIconEnd,\n      state.expandIcon.className,\n    );\n  }\n  if (state.icon) {\n    state.icon.className = mergeClasses(accordionHeaderClassNames.icon, styles.icon, state.icon.className);\n  }\n  return state;\n};\n"],"mappings":"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"}
+{"version":3,"names":["shorthands","__styles","mergeClasses","createFocusOutlineStyle","tokens","typographyStyles","accordionHeaderClassNames","root","button","expandIcon","icon","useStyles","resetButton","B7ck84d","De3pzq","sj55zd","Bahqtrf","Be2twd7","Bg96gwp","B68tc82","Bmxbyg5","z8tnut","z189sj","Byoj8tv","uwmqm3","Bv0vk6g","fsow6f","focusIndicator","Brovlpu","B486eqv","B8q5s1w","Bci5o5g","n8qw10","Bdrgwmp","Bm4h7ae","B7ys5i9","Busjfv9","Bhk32uz","Bf4ptjt","kclons","Bhdgwq3","Blkhhs4","Bqtpl0w","clg4pj","hgwjuy","Bonggc9","B1tsrr9","Dah5zi","Bkh64rk","qqdqy8","B6dhp37","i03rao","Boxcth7","Bsom6fd","J0r882","Bjwuhne","Ghsupd","Bule8hv","B6of3ja","t21cq0","jrapky","Frg6f3","Bbmb7ep","Beyfa6y","B7oj6ja","Btl43ni","rootDisabled","Bcmaq0h","rootInline","mc9l5x","qhf8xq","a9b677","B4j52fo","Bekrc4i","Bn0qgzm","ibv6hh","icvyot","vrafjx","oivjwe","wvpqe5","g2u3we","h3c5rm","B9xav0g","zhjwy3","sshi5w","Bt984gj","Bceei9c","Bhrd7zp","buttonSmall","buttonLarge","buttonExtraLarge","buttonInline","buttonExpandIconEndNoIcon","buttonExpandIconEnd","Bqenvij","expandIconStart","expandIconEnd","Bh6795r","Bnnss6s","xawz","Brf1p80","d","f","i","useAccordionHeaderStyles_unstable","state","styles","className","inline","disabled","expandIconPosition","size"],"sources":["../../../../../../../../../packages/react-components/react-accordion/src/components/AccordionHeader/useAccordionHeaderStyles.ts"],"sourcesContent":["import { shorthands, makeStyles, mergeClasses } from '@griffel/react';\nimport { createFocusOutlineStyle } from '@fluentui/react-tabster';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\nimport type { AccordionHeaderSlots, AccordionHeaderState } from './AccordionHeader.types';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\n\nexport const accordionHeaderClassNames: SlotClassNames<AccordionHeaderSlots> = {\n  root: 'fui-AccordionHeader',\n  button: 'fui-AccordionHeader__button',\n  expandIcon: 'fui-AccordionHeader__expandIcon',\n  icon: 'fui-AccordionHeader__icon',\n};\n\nconst useStyles = makeStyles({\n  // TODO: this should be extracted to another package\n  resetButton: {\n    boxSizing: 'content-box',\n    backgroundColor: 'inherit',\n    color: 'inherit',\n    fontFamily: 'inherit',\n    fontSize: 'inherit',\n    lineHeight: 'normal',\n    ...shorthands.overflow('visible'),\n    ...shorthands.padding(0),\n    WebkitAppearance: 'button',\n    textAlign: 'unset',\n  },\n  focusIndicator: createFocusOutlineStyle(),\n  root: {\n    color: tokens.colorNeutralForeground1,\n    backgroundColor: tokens.colorTransparentBackground,\n    ...shorthands.margin(0),\n    ...shorthands.borderRadius(tokens.borderRadiusMedium),\n  },\n  rootDisabled: {\n    backgroundImage: 'none',\n    color: tokens.colorNeutralForegroundDisabled,\n  },\n  rootInline: {\n    display: 'inline-block',\n  },\n  button: {\n    position: 'relative',\n    width: '100%',\n    ...shorthands.border('1px', 'solid', 'transparent'),\n    ...shorthands.padding(0, tokens.spacingHorizontalM, 0, tokens.spacingHorizontalMNudge),\n    minHeight: '44px',\n    display: 'flex',\n    alignItems: 'center',\n    cursor: 'pointer',\n    ...typographyStyles.body1,\n    boxSizing: 'border-box',\n  },\n  buttonSmall: {\n    minHeight: '32px',\n    fontSize: tokens.fontSizeBase200,\n  },\n  buttonLarge: {\n    lineHeight: tokens.lineHeightBase400,\n    fontSize: tokens.fontSizeBase400,\n  },\n  buttonExtraLarge: {\n    lineHeight: tokens.lineHeightBase500,\n    fontSize: tokens.fontSizeBase500,\n  },\n  buttonInline: {\n    display: 'inline-flex',\n  },\n  buttonExpandIconEndNoIcon: {\n    paddingLeft: tokens.spacingHorizontalM,\n  },\n  buttonExpandIconEnd: {\n    paddingRight: tokens.spacingHorizontalMNudge,\n  },\n  expandIcon: {\n    height: '100%',\n    display: 'flex',\n    alignItems: 'center',\n    lineHeight: tokens.lineHeightBase500,\n    fontSize: tokens.fontSizeBase500,\n  },\n  expandIconStart: {\n    paddingRight: tokens.spacingHorizontalS,\n  },\n  expandIconEnd: {\n    flexGrow: 1,\n    flexShrink: 1,\n    flexBasis: '0%',\n    display: 'flex',\n    justifyContent: 'flex-end',\n    paddingLeft: tokens.spacingHorizontalS,\n  },\n  icon: {\n    height: '100%',\n    display: 'flex',\n    alignItems: 'center',\n    paddingRight: tokens.spacingHorizontalS,\n    lineHeight: tokens.lineHeightBase500,\n    fontSize: tokens.fontSizeBase500,\n  },\n});\n\n/** Applies style classnames to slots */\nexport const useAccordionHeaderStyles_unstable = (state: AccordionHeaderState) => {\n  const styles = useStyles();\n  state.root.className = mergeClasses(\n    accordionHeaderClassNames.root,\n    styles.root,\n    state.inline && styles.rootInline,\n    state.disabled && styles.rootDisabled,\n    state.root.className,\n  );\n\n  state.button.className = mergeClasses(\n    accordionHeaderClassNames.button,\n    styles.resetButton,\n    styles.button,\n    styles.focusIndicator,\n    state.expandIconPosition === 'end' && !state.icon && styles.buttonExpandIconEndNoIcon,\n    state.expandIconPosition === 'end' && styles.buttonExpandIconEnd,\n    state.inline && styles.buttonInline,\n    state.size === 'small' && styles.buttonSmall,\n    state.size === 'large' && styles.buttonLarge,\n    state.size === 'extra-large' && styles.buttonExtraLarge,\n    state.button.className,\n  );\n\n  if (state.expandIcon) {\n    state.expandIcon.className = mergeClasses(\n      accordionHeaderClassNames.expandIcon,\n      styles.expandIcon,\n      state.expandIconPosition === 'start' && styles.expandIconStart,\n      state.expandIconPosition === 'end' && styles.expandIconEnd,\n      state.expandIcon.className,\n    );\n  }\n  if (state.icon) {\n    state.icon.className = mergeClasses(accordionHeaderClassNames.icon, styles.icon, state.icon.className);\n  }\n  return state;\n};\n"],"mappings":"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"}

package/lib/components/AccordionItem/AccordionItem.js

@@ -1,9 +1,9 @@
-import * as React from "react";
-import { useAccordionItem_unstable } from "./useAccordionItem";
-import { useAccordionItemContextValues_unstable } from "./useAccordionItemContextValues";
-import { renderAccordionItem_unstable } from "./renderAccordionItem";
-import { useCustomStyleHooks_unstable } from "@fluentui/react-shared-contexts";
-import { useAccordionItemStyles_unstable } from "./useAccordionItemStyles";
+import * as React from 'react';
+import { useAccordionItem_unstable } from './useAccordionItem';
+import { useAccordionItemContextValues_unstable } from './useAccordionItemContextValues';
+import { renderAccordionItem_unstable } from './renderAccordionItem';
+import { useCustomStyleHooks_unstable } from '@fluentui/react-shared-contexts';
+import { useAccordionItemStyles_unstable } from './useAccordionItemStyles';
 /**
  * Define a styled AccordionItem, using the `useAccordionItem_unstable` and `useAccordionItemStyles_unstable` hooks.
  */
@@ -17,5 +17,5 @@ export const AccordionItem = /*#__PURE__*/React.forwardRef((props, ref) => {
   useCustomStyles(state);
   return renderAccordionItem_unstable(state, contextValues);
 });
-AccordionItem.displayName = "AccordionItem";
+AccordionItem.displayName = 'AccordionItem';
 //# sourceMappingURL=AccordionItem.js.map

package/lib/components/AccordionItem/AccordionItem.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useAccordionItem_unstable","useAccordionItemContextValues_unstable","renderAccordionItem_unstable","useCustomStyleHooks_unstable","useAccordionItemStyles_unstable","AccordionItem","forwardRef","props","ref","state","contextValues","useCustomStyles","displayName"],"sources":["../../../src/components/AccordionItem/AccordionItem.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useAccordionItem_unstable } from './useAccordionItem';\nimport { useAccordionItemContextValues_unstable } from './useAccordionItemContextValues';\nimport { renderAccordionItem_unstable } from './renderAccordionItem';\nimport { useCustomStyleHooks_unstable } from '@fluentui/react-shared-contexts';\nimport { useAccordionItemStyles_unstable } from './useAccordionItemStyles';\nimport type { AccordionItemProps } from './AccordionItem.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\n\n/**\n * Define a styled AccordionItem, using the `useAccordionItem_unstable` and `useAccordionItemStyles_unstable` hooks.\n */\nexport const AccordionItem: ForwardRefComponent<AccordionItemProps> = React.forwardRef((props, ref) => {\n  const state = useAccordionItem_unstable(props, ref);\n  const contextValues = useAccordionItemContextValues_unstable(state);\n\n  useAccordionItemStyles_unstable(state);\n\n  const { useAccordionItemStyles_unstable: useCustomStyles } = useCustomStyleHooks_unstable();\n  useCustomStyles(state);\n\n  return renderAccordionItem_unstable(state, contextValues);\n});\n\nAccordionItem.displayName = 'AccordionItem';\n"],"mappings":"AAAA,YAAYA,KAAA,MAAW;AACvB,SAASC,yBAAyB,QAAQ;AAC1C,SAASC,sCAAsC,QAAQ;AACvD,SAASC,4BAA4B,QAAQ;AAC7C,SAASC,4BAA4B,QAAQ;AAC7C,SAASC,+BAA+B,QAAQ;AAIhD;;;AAGA,OAAO,MAAMC,aAAA,gBAAyDN,KAAA,CAAMO,UAAU,CAAC,CAACC,KAAA,EAAOC,GAAA,KAAQ;EACrG,MAAMC,KAAA,GAAQT,yBAAA,CAA0BO,KAAA,EAAOC,GAAA;EAC/C,MAAME,aAAA,GAAgBT,sCAAA,CAAuCQ,KAAA;EAE7DL,+BAAA,CAAgCK,KAAA;EAEhC,MAAM;IAAEL,+BAAA,EAAiCO;EAAe,CAAE,GAAGR,4BAAA;EAC7DQ,eAAA,CAAgBF,KAAA;EAEhB,OAAOP,4BAAA,CAA6BO,KAAA,EAAOC,aAAA;AAC7C;AAEAL,aAAA,CAAcO,WAAW,GAAG"}
+{"version":3,"names":["React","useAccordionItem_unstable","useAccordionItemContextValues_unstable","renderAccordionItem_unstable","useCustomStyleHooks_unstable","useAccordionItemStyles_unstable","AccordionItem","forwardRef","props","ref","state","contextValues","useCustomStyles","displayName"],"sources":["../../../../../../../../../packages/react-components/react-accordion/src/components/AccordionItem/AccordionItem.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useAccordionItem_unstable } from './useAccordionItem';\nimport { useAccordionItemContextValues_unstable } from './useAccordionItemContextValues';\nimport { renderAccordionItem_unstable } from './renderAccordionItem';\nimport { useCustomStyleHooks_unstable } from '@fluentui/react-shared-contexts';\nimport { useAccordionItemStyles_unstable } from './useAccordionItemStyles';\nimport type { AccordionItemProps } from './AccordionItem.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\n\n/**\n * Define a styled AccordionItem, using the `useAccordionItem_unstable` and `useAccordionItemStyles_unstable` hooks.\n */\nexport const AccordionItem: ForwardRefComponent<AccordionItemProps> = React.forwardRef((props, ref) => {\n  const state = useAccordionItem_unstable(props, ref);\n  const contextValues = useAccordionItemContextValues_unstable(state);\n\n  useAccordionItemStyles_unstable(state);\n\n  const { useAccordionItemStyles_unstable: useCustomStyles } = useCustomStyleHooks_unstable();\n  useCustomStyles(state);\n\n  return renderAccordionItem_unstable(state, contextValues);\n});\n\nAccordionItem.displayName = 'AccordionItem';\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,yBAAyB,QAAQ,oBAAoB;AAC9D,SAASC,sCAAsC,QAAQ,iCAAiC;AACxF,SAASC,4BAA4B,QAAQ,uBAAuB;AACpE,SAASC,4BAA4B,QAAQ,iCAAiC;AAC9E,SAASC,+BAA+B,QAAQ,0BAA0B;AAI1E;;;AAGA,OAAO,MAAMC,aAAa,gBAA4CN,KAAK,CAACO,UAAU,CAAC,CAACC,KAAK,EAAEC,GAAG,KAAI;EACpG,MAAMC,KAAK,GAAGT,yBAAyB,CAACO,KAAK,EAAEC,GAAG,CAAC;EACnD,MAAME,aAAa,GAAGT,sCAAsC,CAACQ,KAAK,CAAC;EAEnEL,+BAA+B,CAACK,KAAK,CAAC;EAEtC,MAAM;IAAEL,+BAA+B,EAAEO;EAAe,CAAE,GAAGR,4BAA4B,EAAE;EAC3FQ,eAAe,CAACF,KAAK,CAAC;EAEtB,OAAOP,4BAA4B,CAACO,KAAK,EAAEC,aAAa,CAAC;AAC3D,CAAC,CAAC;AAEFL,aAAa,CAACO,WAAW,GAAG,eAAe"}

package/lib/components/AccordionItem/AccordionItem.types.js

@@ -1,2 +1,2 @@
-import * as React from "react";
+export {};
 //# sourceMappingURL=AccordionItem.types.js.map

package/lib/components/AccordionItem/AccordionItem.types.js.map

@@ -1 +1 @@
-{"version":3,"names":["React"],"sources":["../../../src/components/AccordionItem/AccordionItem.types.ts"],"sourcesContent":["import * as React from 'react';\nimport type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\n\nexport type AccordionItemContextValue = Required<Pick<AccordionItemProps, 'disabled'>> & {\n  onHeaderClick(ev: React.MouseEvent | React.KeyboardEvent): void;\n  open: boolean;\n};\n\nexport type AccordionItemContextValues = {\n  accordionItem: AccordionItemContextValue;\n};\n\nexport type AccordionItemSlots = {\n  root: Slot<'div'>;\n};\n\nexport type AccordionItemProps = ComponentProps<AccordionItemSlots> & {\n  /**\n   * Disables opening/closing of panel.\n   */\n  disabled?: boolean;\n  /**\n   * Required value that identifies this item inside an Accordion component.\n   */\n  value: AccordionItemValue;\n};\n\nexport type AccordionItemValue = unknown;\n\nexport type AccordionItemState = ComponentState<AccordionItemSlots> & AccordionItemContextValue;\n"],"mappings":"AAAA,YAAYA,KAAA,MAAW"}
+{"version":3,"file":"AccordionItem.types.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-accordion/src/components/AccordionItem/AccordionItem.types.ts"],"names":[],"mappings":"","sourcesContent":["import * as React from 'react';\nimport type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\n\nexport type AccordionItemContextValue = Required<Pick<AccordionItemProps, 'disabled'>> & {\n  onHeaderClick(ev: React.MouseEvent | React.KeyboardEvent): void;\n  open: boolean;\n};\n\nexport type AccordionItemContextValues = {\n  accordionItem: AccordionItemContextValue;\n};\n\nexport type AccordionItemSlots = {\n  root: Slot<'div'>;\n};\n\nexport type AccordionItemProps = ComponentProps<AccordionItemSlots> & {\n  /**\n   * Disables opening/closing of panel.\n   */\n  disabled?: boolean;\n  /**\n   * Required value that identifies this item inside an Accordion component.\n   */\n  value: AccordionItemValue;\n};\n\nexport type AccordionItemValue = unknown;\n\nexport type AccordionItemState = ComponentState<AccordionItemSlots> & AccordionItemContextValue;\n"]}

package/lib/components/AccordionItem/AccordionItemContext.js

@@ -1,11 +1,15 @@
-import * as React from "react";
+import * as React from 'react';
 export const AccordionItemContext = /*#__PURE__*/React.createContext(undefined);
 const accordionItemContextDefaultValue = {
   onHeaderClick() {
-    /** */},
+    /** */
+  },
   open: false,
   disabled: false
 };
 export const AccordionItemProvider = AccordionItemContext.Provider;
-export const useAccordionItemContext_unstable = () => React.useContext(AccordionItemContext) ?? accordionItemContextDefaultValue;
+export const useAccordionItemContext_unstable = () => {
+  var _a;
+  return (_a = React.useContext(AccordionItemContext)) !== null && _a !== void 0 ? _a : accordionItemContextDefaultValue;
+};
 //# sourceMappingURL=AccordionItemContext.js.map

package/lib/components/AccordionItem/AccordionItemContext.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","AccordionItemContext","createContext","undefined","accordionItemContextDefaultValue","onHeaderClick","open","disabled","AccordionItemProvider","Provider","useAccordionItemContext_unstable","useContext"],"sources":["../../../src/components/AccordionItem/AccordionItemContext.ts"],"sourcesContent":["import * as React from 'react';\nimport type { AccordionItemContextValue } from './AccordionItem.types';\n\nexport const AccordionItemContext = React.createContext<AccordionItemContextValue | undefined>(\n  undefined,\n) as React.Context<AccordionItemContextValue>;\n\nconst accordionItemContextDefaultValue: AccordionItemContextValue = {\n  onHeaderClick() {\n    /** */\n  },\n  open: false,\n  disabled: false,\n};\n\nexport const AccordionItemProvider = AccordionItemContext.Provider;\n\nexport const useAccordionItemContext_unstable = () =>\n  React.useContext(AccordionItemContext) ?? accordionItemContextDefaultValue;\n"],"mappings":"AAAA,YAAYA,KAAA,MAAW;AAGvB,OAAO,MAAMC,oBAAA,gBAAuBD,KAAA,CAAME,aAAa,CACrDC,SAAA;AAGF,MAAMC,gCAAA,GAA8D;EAClEC,cAAA,EAAgB;IACd,OACF;EACAC,IAAA,EAAM,KAAK;EACXC,QAAA,EAAU;AACZ;AAEA,OAAO,MAAMC,qBAAA,GAAwBP,oBAAA,CAAqBQ,QAAQ;AAElE,OAAO,MAAMC,gCAAA,GAAmCA,CAAA,KAC9CV,KAAA,CAAMW,UAAU,CAACV,oBAAA,KAAyBG,gCAAA"}
+{"version":3,"names":["React","AccordionItemContext","createContext","undefined","accordionItemContextDefaultValue","onHeaderClick","open","disabled","AccordionItemProvider","Provider","useAccordionItemContext_unstable","_a","useContext"],"sources":["../../../../../../../../../packages/react-components/react-accordion/src/components/AccordionItem/AccordionItemContext.ts"],"sourcesContent":["import * as React from 'react';\nimport type { AccordionItemContextValue } from './AccordionItem.types';\n\nexport const AccordionItemContext = React.createContext<AccordionItemContextValue | undefined>(\n  undefined,\n) as React.Context<AccordionItemContextValue>;\n\nconst accordionItemContextDefaultValue: AccordionItemContextValue = {\n  onHeaderClick() {\n    /** */\n  },\n  open: false,\n  disabled: false,\n};\n\nexport const AccordionItemProvider = AccordionItemContext.Provider;\n\nexport const useAccordionItemContext_unstable = () =>\n  React.useContext(AccordionItemContext) ?? accordionItemContextDefaultValue;\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAG9B,OAAO,MAAMC,oBAAoB,gBAAGD,KAAK,CAACE,aAAa,CACrDC,SAAS,CACkC;AAE7C,MAAMC,gCAAgC,GAA8B;EAClEC,aAAaA,CAAA;IACX;EAAA,CACD;EACDC,IAAI,EAAE,KAAK;EACXC,QAAQ,EAAE;CACX;AAED,OAAO,MAAMC,qBAAqB,GAAGP,oBAAoB,CAACQ,QAAQ;AAElE,OAAO,MAAMC,gCAAgC,GAAGA,CAAA,KAAK;EAAA,IAAAC,EAAA;EACnD,QAAAA,EAAA,GAAAX,KAAK,CAACY,UAAU,CAACX,oBAAoB,CAAC,cAAAU,EAAA,cAAAA,EAAA,GAAIP,gCAAgC;AAAA"}

package/lib/components/AccordionItem/index.js

@@ -1,8 +1,8 @@
-export * from "./AccordionItem";
-export * from "./AccordionItem.types";
-export * from "./renderAccordionItem";
-export * from "./useAccordionItem";
-export * from "./useAccordionItemContextValues";
-export * from "./AccordionItemContext";
-export * from "./useAccordionItemStyles";
+export * from './AccordionItem';
+export * from './AccordionItem.types';
+export * from './renderAccordionItem';
+export * from './useAccordionItem';
+export * from './useAccordionItemContextValues';
+export * from './AccordionItemContext';
+export * from './useAccordionItemStyles';
 //# sourceMappingURL=index.js.map

package/lib/components/AccordionItem/index.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["../../../src/components/AccordionItem/index.ts"],"sourcesContent":["export * from './AccordionItem';\nexport * from './AccordionItem.types';\nexport * from './renderAccordionItem';\nexport * from './useAccordionItem';\nexport * from './useAccordionItemContextValues';\nexport * from './AccordionItemContext';\nexport * from './useAccordionItemStyles';\n"],"mappings":"AAAA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-accordion/src/components/AccordionItem/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC;AAChC,cAAc,uBAAuB,CAAC;AACtC,cAAc,uBAAuB,CAAC;AACtC,cAAc,oBAAoB,CAAC;AACnC,cAAc,iCAAiC,CAAC;AAChD,cAAc,wBAAwB,CAAC;AACvC,cAAc,0BAA0B,CAAC","sourcesContent":["export * from './AccordionItem';\nexport * from './AccordionItem.types';\nexport * from './renderAccordionItem';\nexport * from './useAccordionItem';\nexport * from './useAccordionItemContextValues';\nexport * from './AccordionItemContext';\nexport * from './useAccordionItemStyles';\n"]}

package/lib/components/AccordionItem/renderAccordionItem.js

@@ -1,6 +1,6 @@
-import * as React from "react";
-import { getSlots } from "@fluentui/react-utilities";
-import { AccordionItemContext } from "./AccordionItemContext";
+import * as React from 'react';
+import { getSlots } from '@fluentui/react-utilities';
+import { AccordionItemContext } from './AccordionItemContext';
 /**
  * Function that renders the final JSX of the component
  */
@@ -9,7 +9,9 @@ export const renderAccordionItem_unstable = (state, contextValues) => {
     slots,
     slotProps
   } = getSlots(state);
-  return /*#__PURE__*/React.createElement(slots.root, slotProps.root, /*#__PURE__*/React.createElement(AccordionItemContext.Provider, {
+  return /*#__PURE__*/React.createElement(slots.root, {
+    ...slotProps.root
+  }, /*#__PURE__*/React.createElement(AccordionItemContext.Provider, {
     value: contextValues.accordionItem
   }, slotProps.root.children));
 };

package/lib/components/AccordionItem/renderAccordionItem.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","getSlots","AccordionItemContext","renderAccordionItem_unstable","state","contextValues","slots","slotProps","createElement","root","Provider","value","accordionItem","children"],"sources":["../../../src/components/AccordionItem/renderAccordionItem.tsx"],"sourcesContent":["import * as React from 'react';\nimport { getSlots } from '@fluentui/react-utilities';\nimport { AccordionItemContext } from './AccordionItemContext';\nimport type { AccordionItemState, AccordionItemSlots, AccordionItemContextValues } from './AccordionItem.types';\n\n/**\n * Function that renders the final JSX of the component\n */\nexport const renderAccordionItem_unstable = (state: AccordionItemState, contextValues: AccordionItemContextValues) => {\n  const { slots, slotProps } = getSlots<AccordionItemSlots>(state);\n\n  return (\n    <slots.root {...slotProps.root}>\n      <AccordionItemContext.Provider value={contextValues.accordionItem}>\n        {slotProps.root.children}\n      </AccordionItemContext.Provider>\n    </slots.root>\n  );\n};\n"],"mappings":"AAAA,YAAYA,KAAA,MAAW;AACvB,SAASC,QAAQ,QAAQ;AACzB,SAASC,oBAAoB,QAAQ;AAGrC;;;AAGA,OAAO,MAAMC,4BAAA,GAA+BA,CAACC,KAAA,EAA2BC,aAAA,KAA8C;EACpH,MAAM;IAAEC,KAAA;IAAOC;EAAS,CAAE,GAAGN,QAAA,CAA6BG,KAAA;EAE1D,oBACEJ,KAAA,CAAAQ,aAAA,CAACF,KAAA,CAAMG,IAAI,EAAKF,SAAA,CAAUE,IAAI,eAC5BT,KAAA,CAAAQ,aAAA,CAACN,oBAAA,CAAqBQ,QAAQ;IAACC,KAAA,EAAON,aAAA,CAAcO;KACjDL,SAAA,CAAUE,IAAI,CAACI,QAAQ;AAIhC"}
+{"version":3,"names":["React","getSlots","AccordionItemContext","renderAccordionItem_unstable","state","contextValues","slots","slotProps","createElement","root","Provider","value","accordionItem","children"],"sources":["../../../../../../../../../packages/react-components/react-accordion/src/components/AccordionItem/renderAccordionItem.tsx"],"sourcesContent":["import * as React from 'react';\nimport { getSlots } from '@fluentui/react-utilities';\nimport { AccordionItemContext } from './AccordionItemContext';\nimport type { AccordionItemState, AccordionItemSlots, AccordionItemContextValues } from './AccordionItem.types';\n\n/**\n * Function that renders the final JSX of the component\n */\nexport const renderAccordionItem_unstable = (state: AccordionItemState, contextValues: AccordionItemContextValues) => {\n  const { slots, slotProps } = getSlots<AccordionItemSlots>(state);\n\n  return (\n    <slots.root {...slotProps.root}>\n      <AccordionItemContext.Provider value={contextValues.accordionItem}>\n        {slotProps.root.children}\n      </AccordionItemContext.Provider>\n    </slots.root>\n  );\n};\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,QAAQ,QAAQ,2BAA2B;AACpD,SAASC,oBAAoB,QAAQ,wBAAwB;AAG7D;;;AAGA,OAAO,MAAMC,4BAA4B,GAAGA,CAACC,KAAyB,EAAEC,aAAyC,KAAI;EACnH,MAAM;IAAEC,KAAK;IAAEC;EAAS,CAAE,GAAGN,QAAQ,CAAqBG,KAAK,CAAC;EAEhE,oBACEJ,KAAA,CAAAQ,aAAA,CAACF,KAAK,CAACG,IAAI;IAAA,GAAKF,SAAS,CAACE;EAAI,gBAC5BT,KAAA,CAAAQ,aAAA,CAACN,oBAAoB,CAACQ,QAAQ;IAACC,KAAK,EAAEN,aAAa,CAACO;EAAa,GAC9DL,SAAS,CAACE,IAAI,CAACI,QAAQ,CACM,CACrB;AAEjB,CAAC"}

package/lib/components/AccordionItem/useAccordionItem.js

@@ -1,6 +1,6 @@
-import * as React from "react";
-import { getNativeElementProps } from "@fluentui/react-utilities";
-import { useAccordionContext_unstable } from "../Accordion/AccordionContext";
+import * as React from 'react';
+import { getNativeElementProps } from '@fluentui/react-utilities';
+import { useAccordionContext_unstable } from '../Accordion/AccordionContext';
 /**
  * Returns the props and state required to render the component
  * @param props - AccordionItem properties
@@ -21,9 +21,9 @@ export const useAccordionItem_unstable = (props, ref) => {
     disabled,
     onHeaderClick: onAccordionHeaderClick,
     components: {
-      root: "div"
+      root: 'div'
     },
-    root: getNativeElementProps("div", {
+    root: getNativeElementProps('div', {
       ref: ref,
       ...props
     })

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

@@ -1 +1 @@
-{"version":3,"names":["React","getNativeElementProps","useAccordionContext_unstable","useAccordionItem_unstable","props","ref","value","disabled","requestToggle","ctx","open","openItems","includes","onAccordionHeaderClick","useCallback","ev","onHeaderClick","components","root"],"sources":["../../../src/components/AccordionItem/useAccordionItem.ts"],"sourcesContent":["import * as React from 'react';\nimport { getNativeElementProps } from '@fluentui/react-utilities';\nimport { useAccordionContext_unstable } 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 = useAccordionContext_unstable(ctx => ctx.requestToggle);\n  const open = useAccordionContext_unstable(ctx => ctx.openItems.includes(value));\n  const onAccordionHeaderClick = React.useCallback(\n    (ev: AccordionToggleEvent) => requestToggle(ev, { value }),\n    [requestToggle, 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"],"mappings":"AAAA,YAAYA,KAAA,MAAW;AACvB,SAASC,qBAAqB,QAAQ;AACtC,SAASC,4BAA4B,QAAQ;AAI7C;;;;;AAKA,OAAO,MAAMC,yBAAA,GAA4BA,CACvCC,KAAA,EACAC,GAAA,KACuB;EACvB,MAAM;IAAEC,KAAA;IAAOC,QAAA,GAAW;EAAK,CAAE,GAAGH,KAAA;EAEpC,MAAMI,aAAA,GAAgBN,4BAAA,CAA6BO,GAAA,IAAOA,GAAA,CAAID,aAAa;EAC3E,MAAME,IAAA,GAAOR,4BAAA,CAA6BO,GAAA,IAAOA,GAAA,CAAIE,SAAS,CAACC,QAAQ,CAACN,KAAA;EACxE,MAAMO,sBAAA,GAAyBb,KAAA,CAAMc,WAAW,CAC7CC,EAAA,IAA6BP,aAAA,CAAcO,EAAA,EAAI;IAAET;EAAM,IACxD,CAACE,aAAA,EAAeF,KAAA,CAAM;EAGxB,OAAO;IACLI,IAAA;IACAH,QAAA;IACAS,aAAA,EAAeH,sBAAA;IACfI,UAAA,EAAY;MACVC,IAAA,EAAM;IACR;IACAA,IAAA,EAAMjB,qBAAA,CAAsB,OAAO;MACjCI,GAAA,EAAKA,GAAA;MACL,GAAGD;IACL;EACF;AACF"}
+{"version":3,"names":["React","getNativeElementProps","useAccordionContext_unstable","useAccordionItem_unstable","props","ref","value","disabled","requestToggle","ctx","open","openItems","includes","onAccordionHeaderClick","useCallback","ev","onHeaderClick","components","root"],"sources":["../../../../../../../../../packages/react-components/react-accordion/src/components/AccordionItem/useAccordionItem.ts"],"sourcesContent":["import * as React from 'react';\nimport { getNativeElementProps } from '@fluentui/react-utilities';\nimport { useAccordionContext_unstable } 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 = useAccordionContext_unstable(ctx => ctx.requestToggle);\n  const open = useAccordionContext_unstable(ctx => ctx.openItems.includes(value));\n  const onAccordionHeaderClick = React.useCallback(\n    (ev: AccordionToggleEvent) => requestToggle(ev, { value }),\n    [requestToggle, 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"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,qBAAqB,QAAQ,2BAA2B;AACjE,SAASC,4BAA4B,QAAQ,+BAA+B;AAI5E;;;;;AAKA,OAAO,MAAMC,yBAAyB,GAAGA,CACvCC,KAAyB,EACzBC,GAA2B,KACL;EACtB,MAAM;IAAEC,KAAK;IAAEC,QAAQ,GAAG;EAAK,CAAE,GAAGH,KAAK;EAEzC,MAAMI,aAAa,GAAGN,4BAA4B,CAACO,GAAG,IAAIA,GAAG,CAACD,aAAa,CAAC;EAC5E,MAAME,IAAI,GAAGR,4BAA4B,CAACO,GAAG,IAAIA,GAAG,CAACE,SAAS,CAACC,QAAQ,CAACN,KAAK,CAAC,CAAC;EAC/E,MAAMO,sBAAsB,GAAGb,KAAK,CAACc,WAAW,CAC7CC,EAAwB,IAAKP,aAAa,CAACO,EAAE,EAAE;IAAET;EAAK,CAAE,CAAC,EAC1D,CAACE,aAAa,EAAEF,KAAK,CAAC,CACvB;EAED,OAAO;IACLI,IAAI;IACJH,QAAQ;IACRS,aAAa,EAAEH,sBAAsB;IACrCI,UAAU,EAAE;MACVC,IAAI,EAAE;KACP;IACDA,IAAI,EAAEjB,qBAAqB,CAAC,KAAK,EAAE;MACjCI,GAAG,EAAEA,GAAG;MACR,GAAGD;KACJ;GACF;AACH,CAAC"}

package/lib/components/AccordionItem/useAccordionItemContextValues.js

@@ -1,4 +1,4 @@
-import * as React from "react";
+import * as React from 'react';
 export function useAccordionItemContextValues_unstable(state) {
   const {
     disabled,

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

@@ -1 +1 @@
-{"version":3,"names":["React","useAccordionItemContextValues_unstable","state","disabled","onHeaderClick","open","accordionItem","useMemo"],"sources":["../../../src/components/AccordionItem/useAccordionItemContextValues.ts"],"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>(\n    () => ({ disabled, onHeaderClick, open }),\n    [disabled, onHeaderClick, open],\n  );\n\n  return { accordionItem };\n}\n"],"mappings":"AAAA,YAAYA,KAAA,MAAW;AAGvB,OAAO,SAASC,uCAAuCC,KAAyB,EAA8B;EAC5G,MAAM;IAAEC,QAAA;IAAUC,aAAA;IAAeC;EAAI,CAAE,GAAGH,KAAA;EAC1C,MAAMI,aAAA,GAAgBN,KAAA,CAAMO,OAAO,CACjC,OAAO;IAAEJ,QAAA;IAAUC,aAAA;IAAeC;EAAK,IACvC,CAACF,QAAA,EAAUC,aAAA,EAAeC,IAAA,CAAK;EAGjC,OAAO;IAAEC;EAAc;AACzB"}
+{"version":3,"names":["React","useAccordionItemContextValues_unstable","state","disabled","onHeaderClick","open","accordionItem","useMemo"],"sources":["../../../../../../../../../packages/react-components/react-accordion/src/components/AccordionItem/useAccordionItemContextValues.ts"],"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>(\n    () => ({ disabled, onHeaderClick, open }),\n    [disabled, onHeaderClick, open],\n  );\n\n  return { accordionItem };\n}\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAG9B,OAAM,SAAUC,sCAAsCA,CAACC,KAAyB;EAC9E,MAAM;IAAEC,QAAQ;IAAEC,aAAa;IAAEC;EAAI,CAAE,GAAGH,KAAK;EAC/C,MAAMI,aAAa,GAAGN,KAAK,CAACO,OAAO,CACjC,OAAO;IAAEJ,QAAQ;IAAEC,aAAa;IAAEC;EAAI,CAAE,CAAC,EACzC,CAACF,QAAQ,EAAEC,aAAa,EAAEC,IAAI,CAAC,CAChC;EAED,OAAO;IAAEC;EAAa,CAAE;AAC1B"}

package/lib/components/AccordionItem/useAccordionItemStyles.js

@@ -1,6 +1,6 @@
-import { mergeClasses } from "@griffel/react";
+import { mergeClasses } from '@griffel/react';
 export const accordionItemClassNames = {
-  root: "fui-AccordionItem"
+  root: 'fui-AccordionItem'
 };
 export const useAccordionItemStyles_unstable = state => {
   state.root.className = mergeClasses(accordionItemClassNames.root, state.root.className);

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

@@ -1 +1 @@
-{"version":3,"names":["mergeClasses","accordionItemClassNames","root","useAccordionItemStyles_unstable","state","className"],"sources":["../../../src/components/AccordionItem/useAccordionItemStyles.ts"],"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"],"mappings":"AACA,SAASA,YAAY,QAAQ;AAG7B,OAAO,MAAMC,uBAAA,GAA8D;EACzEC,IAAA,EAAM;AACR;AAEA,OAAO,MAAMC,+BAAA,GAAmCC,KAAA,IAA8B;EAC5EA,KAAA,CAAMF,IAAI,CAACG,SAAS,GAAGL,YAAA,CAAaC,uBAAA,CAAwBC,IAAI,EAAEE,KAAA,CAAMF,IAAI,CAACG,SAAS;EAEtF,OAAOD,KAAA;AACT"}
+{"version":3,"names":["mergeClasses","accordionItemClassNames","root","useAccordionItemStyles_unstable","state","className"],"sources":["../../../../../../../../../packages/react-components/react-accordion/src/components/AccordionItem/useAccordionItemStyles.ts"],"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"],"mappings":"AACA,SAASA,YAAY,QAAQ,gBAAgB;AAG7C,OAAO,MAAMC,uBAAuB,GAAuC;EACzEC,IAAI,EAAE;CACP;AAED,OAAO,MAAMC,+BAA+B,GAAIC,KAAyB,IAAI;EAC3EA,KAAK,CAACF,IAAI,CAACG,SAAS,GAAGL,YAAY,CAACC,uBAAuB,CAACC,IAAI,EAAEE,KAAK,CAACF,IAAI,CAACG,SAAS,CAAC;EAEvF,OAAOD,KAAK;AACd,CAAC"}

package/lib/components/AccordionPanel/AccordionPanel.js

@@ -1,8 +1,8 @@
-import * as React from "react";
-import { useAccordionPanel_unstable } from "./useAccordionPanel";
-import { renderAccordionPanel_unstable } from "./renderAccordionPanel";
-import { useCustomStyleHooks_unstable } from "@fluentui/react-shared-contexts";
-import { useAccordionPanelStyles_unstable } from "./useAccordionPanelStyles";
+import * as React from 'react';
+import { useAccordionPanel_unstable } from './useAccordionPanel';
+import { renderAccordionPanel_unstable } from './renderAccordionPanel';
+import { useCustomStyleHooks_unstable } from '@fluentui/react-shared-contexts';
+import { useAccordionPanelStyles_unstable } from './useAccordionPanelStyles';
 /**
  * Define a styled AccordionPanel, using the `useAccordionPanel_unstable` and `useAccordionPanelStyles_unstable` hooks.
  */
@@ -15,5 +15,5 @@ export const AccordionPanel = /*#__PURE__*/React.forwardRef((props, ref) => {
   useCustomStyles(state);
   return renderAccordionPanel_unstable(state);
 });
-AccordionPanel.displayName = "AccordionPanel";
+AccordionPanel.displayName = 'AccordionPanel';
 //# sourceMappingURL=AccordionPanel.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["React","useAccordionPanel_unstable","renderAccordionPanel_unstable","useCustomStyleHooks_unstable","useAccordionPanelStyles_unstable","AccordionPanel","forwardRef","props","ref","state","useCustomStyles","displayName"],"sources":["../../../src/components/AccordionPanel/AccordionPanel.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useAccordionPanel_unstable } from './useAccordionPanel';\nimport { renderAccordionPanel_unstable } from './renderAccordionPanel';\nimport { useCustomStyleHooks_unstable } from '@fluentui/react-shared-contexts';\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\n  const { useAccordionPanelStyles_unstable: useCustomStyles } = useCustomStyleHooks_unstable();\n  useCustomStyles(state);\n\n  return renderAccordionPanel_unstable(state);\n});\n\nAccordionPanel.displayName = 'AccordionPanel';\n"],"mappings":"AAAA,YAAYA,KAAA,MAAW;AACvB,SAASC,0BAA0B,QAAQ;AAC3C,SAASC,6BAA6B,QAAQ;AAC9C,SAASC,4BAA4B,QAAQ;AAC7C,SAASC,gCAAgC,QAAQ;AAIjD;;;AAGA,OAAO,MAAMC,cAAA,gBAA2DL,KAAA,CAAMM,UAAU,CAAC,CAACC,KAAA,EAAOC,GAAA,KAAQ;EACvG,MAAMC,KAAA,GAAQR,0BAAA,CAA2BM,KAAA,EAAOC,GAAA;EAEhDJ,gCAAA,CAAiCK,KAAA;EAEjC,MAAM;IAAEL,gCAAA,EAAkCM;EAAe,CAAE,GAAGP,4BAAA;EAC9DO,eAAA,CAAgBD,KAAA;EAEhB,OAAOP,6BAAA,CAA8BO,KAAA;AACvC;AAEAJ,cAAA,CAAeM,WAAW,GAAG"}
+{"version":3,"names":["React","useAccordionPanel_unstable","renderAccordionPanel_unstable","useCustomStyleHooks_unstable","useAccordionPanelStyles_unstable","AccordionPanel","forwardRef","props","ref","state","useCustomStyles","displayName"],"sources":["../../../../../../../../../packages/react-components/react-accordion/src/components/AccordionPanel/AccordionPanel.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useAccordionPanel_unstable } from './useAccordionPanel';\nimport { renderAccordionPanel_unstable } from './renderAccordionPanel';\nimport { useCustomStyleHooks_unstable } from '@fluentui/react-shared-contexts';\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\n  const { useAccordionPanelStyles_unstable: useCustomStyles } = useCustomStyleHooks_unstable();\n  useCustomStyles(state);\n\n  return renderAccordionPanel_unstable(state);\n});\n\nAccordionPanel.displayName = 'AccordionPanel';\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,0BAA0B,QAAQ,qBAAqB;AAChE,SAASC,6BAA6B,QAAQ,wBAAwB;AACtE,SAASC,4BAA4B,QAAQ,iCAAiC;AAC9E,SAASC,gCAAgC,QAAQ,2BAA2B;AAI5E;;;AAGA,OAAO,MAAMC,cAAc,gBAA6CL,KAAK,CAACM,UAAU,CAAC,CAACC,KAAK,EAAEC,GAAG,KAAI;EACtG,MAAMC,KAAK,GAAGR,0BAA0B,CAACM,KAAK,EAAEC,GAAG,CAAC;EAEpDJ,gCAAgC,CAACK,KAAK,CAAC;EAEvC,MAAM;IAAEL,gCAAgC,EAAEM;EAAe,CAAE,GAAGP,4BAA4B,EAAE;EAC5FO,eAAe,CAACD,KAAK,CAAC;EAEtB,OAAOP,6BAA6B,CAACO,KAAK,CAAC;AAC7C,CAAC,CAAC;AAEFJ,cAAc,CAACM,WAAW,GAAG,gBAAgB"}

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

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["../../../src/components/AccordionPanel/AccordionPanel.types.ts"],"sourcesContent":["import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\n\nexport type AccordionPanelSlots = {\n  root: Slot<'div'>;\n};\n\nexport type AccordionPanelProps = ComponentProps<AccordionPanelSlots>;\n\nexport type AccordionPanelState = ComponentState<AccordionPanelSlots> & {\n  /**\n   * Internal open state, provided by context.\n   */\n  open: boolean;\n};\n"],"mappings":"AAAA"}
+{"version":3,"file":"AccordionPanel.types.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-accordion/src/components/AccordionPanel/AccordionPanel.types.ts"],"names":[],"mappings":"","sourcesContent":["import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\n\nexport type AccordionPanelSlots = {\n  root: Slot<'div'>;\n};\n\nexport type AccordionPanelProps = ComponentProps<AccordionPanelSlots>;\n\nexport type AccordionPanelState = ComponentState<AccordionPanelSlots> & {\n  /**\n   * Internal open state, provided by context.\n   */\n  open: boolean;\n};\n"]}

package/lib/components/AccordionPanel/index.js

@@ -1,6 +1,6 @@
-export * from "./AccordionPanel";
-export * from "./AccordionPanel.types";
-export * from "./renderAccordionPanel";
-export * from "./useAccordionPanel";
-export * from "./useAccordionPanelStyles";
+export * from './AccordionPanel';
+export * from './AccordionPanel.types';
+export * from './renderAccordionPanel';
+export * from './useAccordionPanel';
+export * from './useAccordionPanelStyles';
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["../../../src/components/AccordionPanel/index.ts"],"sourcesContent":["export * from './AccordionPanel';\nexport * from './AccordionPanel.types';\nexport * from './renderAccordionPanel';\nexport * from './useAccordionPanel';\nexport * from './useAccordionPanelStyles';\n"],"mappings":"AAAA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-accordion/src/components/AccordionPanel/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC;AACjC,cAAc,wBAAwB,CAAC;AACvC,cAAc,wBAAwB,CAAC;AACvC,cAAc,qBAAqB,CAAC;AACpC,cAAc,2BAA2B,CAAC","sourcesContent":["export * from './AccordionPanel';\nexport * from './AccordionPanel.types';\nexport * from './renderAccordionPanel';\nexport * from './useAccordionPanel';\nexport * from './useAccordionPanelStyles';\n"]}

package/lib/components/AccordionPanel/renderAccordionPanel.js

@@ -1,5 +1,5 @@
-import * as React from "react";
-import { getSlots } from "@fluentui/react-utilities";
+import * as React from 'react';
+import { getSlots } from '@fluentui/react-utilities';
 /**
  * Function that renders the final JSX of the component
  */
@@ -8,6 +8,8 @@ export const renderAccordionPanel_unstable = state => {
     slots,
     slotProps
   } = getSlots(state);
-  return state.open ? /*#__PURE__*/React.createElement(slots.root, slotProps.root, slotProps.root.children) : null;
+  return state.open ? /*#__PURE__*/React.createElement(slots.root, {
+    ...slotProps.root
+  }, slotProps.root.children) : null;
 };
 //# sourceMappingURL=renderAccordionPanel.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["React","getSlots","renderAccordionPanel_unstable","state","slots","slotProps","open","createElement","root","children"],"sources":["../../../src/components/AccordionPanel/renderAccordionPanel.tsx"],"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"],"mappings":"AAAA,YAAYA,KAAA,MAAW;AACvB,SAASC,QAAQ,QAAQ;AAGzB;;;AAGA,OAAO,MAAMC,6BAAA,GAAiCC,KAAA,IAA+B;EAC3E,MAAM;IAAEC,KAAA;IAAOC;EAAS,CAAE,GAAGJ,QAAA,CAA8BE,KAAA;EAC3D,OAAOA,KAAA,CAAMG,IAAI,gBAAGN,KAAA,CAAAO,aAAA,CAACH,KAAA,CAAMI,IAAI,EAAKH,SAAA,CAAUG,IAAI,EAAGH,SAAA,CAAUG,IAAI,CAACC,QAAQ,IAAiB,IAAI;AACnG"}
+{"version":3,"names":["React","getSlots","renderAccordionPanel_unstable","state","slots","slotProps","open","createElement","root","children"],"sources":["../../../../../../../../../packages/react-components/react-accordion/src/components/AccordionPanel/renderAccordionPanel.tsx"],"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"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,QAAQ,QAAQ,2BAA2B;AAGpD;;;AAGA,OAAO,MAAMC,6BAA6B,GAAIC,KAA0B,IAAI;EAC1E,MAAM;IAAEC,KAAK;IAAEC;EAAS,CAAE,GAAGJ,QAAQ,CAAsBE,KAAK,CAAC;EACjE,OAAOA,KAAK,CAACG,IAAI,gBAAGN,KAAA,CAAAO,aAAA,CAACH,KAAK,CAACI,IAAI;IAAA,GAAKH,SAAS,CAACG;EAAI,GAAGH,SAAS,CAACG,IAAI,CAACC,QAAQ,CAAc,GAAG,IAAI;AACnG,CAAC"}