@fluentui-copilot/react-preview 0.0.0-nightly-20250319-0404-611607b9.1 → 0.0.0-nightly-20250320-0405-4a9638ac.1

package/CHANGELOG.json

@@ -2,9 +2,9 @@
   "name": "@fluentui-copilot/react-preview",
   "entries": [
     {
-      "date": "Wed, 19 Mar 2025 04:13:46 GMT",
-      "tag": "@fluentui-copilot/react-preview_v0.0.0-nightly-20250319-0404-611607b9.1",
-      "version": "0.0.0-nightly-20250319-0404-611607b9.1",
+      "date": "Thu, 20 Mar 2025 04:14:23 GMT",
+      "tag": "@fluentui-copilot/react-preview_v0.0.0-nightly-20250320-0405-4a9638ac.1",
+      "version": "0.0.0-nightly-20250320-0405-4a9638ac.1",
       "comments": {
         "prerelease": [
           {

package/CHANGELOG.md

@@ -1,13 +1,13 @@
 # Change Log - @fluentui-copilot/react-preview
 
-This log was last generated on Wed, 19 Mar 2025 04:13:46 GMT and should not be manually modified.
+This log was last generated on Thu, 20 Mar 2025 04:14:23 GMT and should not be manually modified.
 
 <!-- Start content -->
 
-## [0.0.0-nightly-20250319-0404-611607b9.1](https://github.com/microsoft/fluentai/tree/@fluentui-copilot/react-preview_v0.0.0-nightly-20250319-0404-611607b9.1)
+## [0.0.0-nightly-20250320-0405-4a9638ac.1](https://github.com/microsoft/fluentai/tree/@fluentui-copilot/react-preview_v0.0.0-nightly-20250320-0405-4a9638ac.1)
 
-Wed, 19 Mar 2025 04:13:46 GMT 
-[Compare changes](https://github.com/microsoft/fluentai/compare/@fluentui-copilot/react-preview_v0.5.8..@fluentui-copilot/react-preview_v0.0.0-nightly-20250319-0404-611607b9.1)
+Thu, 20 Mar 2025 04:14:23 GMT 
+[Compare changes](https://github.com/microsoft/fluentai/compare/@fluentui-copilot/react-preview_v0.5.8..@fluentui-copilot/react-preview_v0.0.0-nightly-20250320-0405-4a9638ac.1)
 
 ### Changes
 

package/dist/index.d.ts

@@ -4,6 +4,7 @@ import type { ComponentProps } from '@fluentui/react-components';
 import type { ComponentState } from '@fluentui/react-components';
 import type { Context } from '@fluentui/react-context-selector';
 import type { ContextSelector } from '@fluentui/react-context-selector';
+import type { DesignVersion } from '@fluentui-copilot/react-provider';
 import { FC } from 'react';
 import type { ForwardRefComponent } from '@fluentui/react-components';
 import { JSXElementConstructor } from 'react';
@@ -149,14 +150,14 @@ export declare const previewSurfaceClassNames: SlotClassNames<PreviewSurfaceSlot
 /**
  * PreviewSurface Props
  */
-export declare type PreviewSurfaceProps = ComponentProps<PreviewSurfaceSlots> & PopoverSurfaceProps & {};
+export declare type PreviewSurfaceProps = ComponentProps<PreviewSurfaceSlots> & PopoverSurfaceProps & DesignVersion & {};
 
 export declare type PreviewSurfaceSlots = PopoverSurfaceSlots & {};
 
 /**
  * State used in rendering PreviewSurface
  */
-export declare type PreviewSurfaceState = ComponentState<PreviewSurfaceSlots> & PopoverSurfaceState & {};
+export declare type PreviewSurfaceState = ComponentState<PreviewSurfaceSlots> & PopoverSurfaceState & Pick<Required<PreviewSurfaceProps>, 'designVersion'> & {};
 
 export declare const PreviewTrigger: React_2.FC<PreviewTriggerProps>;
 

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

@@ -1 +1 @@
-{"version":3,"sources":["PreviewSurface.types.ts"],"sourcesContent":["import type {\n  ComponentProps,\n  ComponentState,\n  PopoverSurfaceProps,\n  PopoverSurfaceSlots,\n  PopoverSurfaceState,\n} from '@fluentui/react-components';\n\nexport type PreviewSurfaceSlots = PopoverSurfaceSlots & {};\n\n/**\n * PreviewSurface Props\n */\nexport type PreviewSurfaceProps = ComponentProps<PreviewSurfaceSlots> & PopoverSurfaceProps & {};\n\n/**\n * State used in rendering PreviewSurface\n */\nexport type PreviewSurfaceState = ComponentState<PreviewSurfaceSlots> & PopoverSurfaceState & {};\n"],"names":[],"rangeMappings":";;","mappings":"AAeA;;CAEC,GACD,WAAiG"}
+{"version":3,"sources":["PreviewSurface.types.ts"],"sourcesContent":["import type { DesignVersion } from '@fluentui-copilot/react-provider';\nimport type {\n  ComponentProps,\n  ComponentState,\n  PopoverSurfaceProps,\n  PopoverSurfaceSlots,\n  PopoverSurfaceState,\n} from '@fluentui/react-components';\n\nexport type PreviewSurfaceSlots = PopoverSurfaceSlots & {};\n\n/**\n * PreviewSurface Props\n */\nexport type PreviewSurfaceProps = ComponentProps<PreviewSurfaceSlots> & PopoverSurfaceProps & DesignVersion & {};\n\n/**\n * State used in rendering PreviewSurface\n */\nexport type PreviewSurfaceState = ComponentState<PreviewSurfaceSlots> &\n  PopoverSurfaceState &\n  Pick<Required<PreviewSurfaceProps>, 'designVersion'> & {};\n"],"names":[],"rangeMappings":";;","mappings":"AAgBA;;CAEC,GACD,WAE4D"}

package/lib/components/PreviewSurface/usePreviewSurface.js

@@ -1,4 +1,5 @@
 import { usePopoverSurface_unstable } from '@fluentui/react-components';
+import { useDesignVersion } from '@fluentui-copilot/react-provider';
 // If you add JSX to this file, be sure to change the file type to .tsx
 /**
  * Create the state required to render PreviewSurface.
@@ -10,6 +11,10 @@ import { usePopoverSurface_unstable } from '@fluentui/react-components';
  * @param ref - reference to root HTMLElement of PreviewSurface
  */
 export const usePreviewSurface_unstable = (props, ref) => {
-  return usePopoverSurface_unstable(props, ref);
+  const designVersion = useDesignVersion(props.designVersion);
+  return {
+    designVersion,
+    ...usePopoverSurface_unstable(props, ref)
+  };
 };
 //# sourceMappingURL=usePreviewSurface.js.map

package/lib/components/PreviewSurface/usePreviewSurface.js.map

@@ -1 +1 @@
-{"version":3,"sources":["usePreviewSurface.ts"],"sourcesContent":["import type * as React from 'react';\nimport { usePopoverSurface_unstable } from '@fluentui/react-components';\nimport type { PreviewSurfaceProps, PreviewSurfaceState } from './PreviewSurface.types';\n\n// If you add JSX to this file, be sure to change the file type to .tsx\n\n/**\n * Create the state required to render PreviewSurface.\n *\n * The returned state can be modified with hooks such as usePreviewSurfaceStyles_unstable,\n * before being passed to renderPreviewSurface_unstable.\n *\n * @param props - props from this instance of PreviewSurface\n * @param ref - reference to root HTMLElement of PreviewSurface\n */\nexport const usePreviewSurface_unstable = (\n  props: PreviewSurfaceProps,\n  ref: React.Ref<HTMLDivElement>,\n): PreviewSurfaceState => {\n  return usePopoverSurface_unstable(props, ref);\n};\n"],"names":["usePopoverSurface_unstable","usePreviewSurface_unstable","props","ref"],"rangeMappings":";;;;;;;;;;;;","mappings":"AACA,SAASA,0BAA0B,QAAQ,6BAA6B;AAGxE,uEAAuE;AAEvE;;;;;;;;CAQC,GACD,OAAO,MAAMC,6BAA6B,CACxCC,OACAC;IAEA,OAAOH,2BAA2BE,OAAOC;AAC3C,EAAE"}
+{"version":3,"sources":["usePreviewSurface.ts"],"sourcesContent":["import type * as React from 'react';\nimport { usePopoverSurface_unstable } from '@fluentui/react-components';\nimport type { PreviewSurfaceProps, PreviewSurfaceState } from './PreviewSurface.types';\nimport { useDesignVersion } from '@fluentui-copilot/react-provider';\n\n// If you add JSX to this file, be sure to change the file type to .tsx\n\n/**\n * Create the state required to render PreviewSurface.\n *\n * The returned state can be modified with hooks such as usePreviewSurfaceStyles_unstable,\n * before being passed to renderPreviewSurface_unstable.\n *\n * @param props - props from this instance of PreviewSurface\n * @param ref - reference to root HTMLElement of PreviewSurface\n */\nexport const usePreviewSurface_unstable = (\n  props: PreviewSurfaceProps,\n  ref: React.Ref<HTMLDivElement>,\n): PreviewSurfaceState => {\n  const designVersion = useDesignVersion(props.designVersion);\n  return { designVersion, ...usePopoverSurface_unstable(props, ref) };\n};\n"],"names":["usePopoverSurface_unstable","useDesignVersion","usePreviewSurface_unstable","props","ref","designVersion"],"rangeMappings":";;;;;;;;;;;;;;;;;","mappings":"AACA,SAASA,0BAA0B,QAAQ,6BAA6B;AAExE,SAASC,gBAAgB,QAAQ,mCAAmC;AAEpE,uEAAuE;AAEvE;;;;;;;;CAQC,GACD,OAAO,MAAMC,6BAA6B,CACxCC,OACAC;IAEA,MAAMC,gBAAgBJ,iBAAiBE,MAAME,aAAa;IAC1D,OAAO;QAAEA;QAAe,GAAGL,2BAA2BG,OAAOC,IAAI;IAAC;AACpE,EAAE"}

package/lib/components/PreviewSurface/usePreviewSurfaceStyles.styles.js

@@ -20,14 +20,31 @@ const useRootStyles = __styles({
     p: -1
   }], ".f1ewtqcl{box-sizing:border-box;}"]
 });
+const useNextStyles = __styles({
+  root: {
+    Beyfa6y: 0,
+    Bbmb7ep: 0,
+    Btl43ni: 0,
+    B7oj6ja: 0,
+    Dimara: "f1kijzfu"
+  }
+}, {
+  d: [[".f1kijzfu{border-radius:var(--borderRadiusXLarge);}", {
+    p: -1
+  }]]
+});
 /**
  * Apply styling to the PreviewSurface slots based on the state
  */
 export const usePreviewSurfaceStyles_unstable = state => {
   'use no memo';
 
+  const {
+    designVersion
+  } = state;
   const rootStyles = useRootStyles();
-  state.root.className = mergeClasses(previewSurfaceClassNames.root, rootStyles.base, state.root.className);
+  const nextStyles = useNextStyles();
+  state.root.className = mergeClasses(previewSurfaceClassNames.root, rootStyles.base, designVersion === 'next' && nextStyles.root, state.root.className);
   usePopoverSurfaceStyles_unstable(state);
   return state;
 };

package/lib/components/PreviewSurface/usePreviewSurfaceStyles.styles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["usePreviewSurfaceStyles.styles.ts"],"sourcesContent":["import { makeStyles, mergeClasses, usePopoverSurfaceStyles_unstable } from '@fluentui/react-components';\nimport { tokens } from '@fluentui-copilot/tokens';\nimport type { PreviewSurfaceSlots, PreviewSurfaceState } from './PreviewSurface.types';\nimport type { SlotClassNames } from '@fluentui/react-components';\n\nexport const previewSurfaceClassNames: SlotClassNames<PreviewSurfaceSlots> = {\n  root: 'fai-PreviewSurface',\n};\n\n/**\n * Styles for the root slot\n */\nconst useRootStyles = makeStyles({\n  base: {\n    padding: `${tokens.spacingVerticalXS} ${tokens.spacingHorizontalXS}`,\n    boxSizing: 'border-box',\n  },\n});\n\n/**\n * Apply styling to the PreviewSurface slots based on the state\n */\nexport const usePreviewSurfaceStyles_unstable = (state: PreviewSurfaceState): PreviewSurfaceState => {\n  'use no memo';\n\n  const rootStyles = useRootStyles();\n\n  state.root.className = mergeClasses(previewSurfaceClassNames.root, rootStyles.base, state.root.className);\n\n  usePopoverSurfaceStyles_unstable(state);\n\n  return state;\n};\n"],"names":["makeStyles","mergeClasses","usePopoverSurfaceStyles_unstable","tokens","previewSurfaceClassNames","root","useRootStyles","base","padding","spacingVerticalXS","spacingHorizontalXS","boxSizing","usePreviewSurfaceStyles_unstable","state","rootStyles","className"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,SAASA,UAAU,EAAEC,YAAY,EAAEC,gCAAgC,QAAQ,6BAA6B;AACxG,SAASC,MAAM,QAAQ,2BAA2B;AAIlD,OAAO,MAAMC,2BAAgE;IAC3EC,MAAM;AACR,EAAE;AAEF;;CAEC,GACD,MAAMC,gBAAgBN,WAAW;IAC/BO,MAAM;QACJC,SAAS,CAAC,EAAEL,OAAOM,iBAAiB,CAAC,CAAC,EAAEN,OAAOO,mBAAmB,CAAC,CAAC;QACpEC,WAAW;IACb;AACF;AAEA;;CAEC,GACD,OAAO,MAAMC,mCAAmC,CAACC;IAC/C;IAEA,MAAMC,aAAaR;IAEnBO,MAAMR,IAAI,CAACU,SAAS,GAAGd,aAAaG,yBAAyBC,IAAI,EAAES,WAAWP,IAAI,EAAEM,MAAMR,IAAI,CAACU,SAAS;IAExGb,iCAAiCW;IAEjC,OAAOA;AACT,EAAE"}
+{"version":3,"sources":["usePreviewSurfaceStyles.styles.ts"],"sourcesContent":["import { makeStyles, mergeClasses, usePopoverSurfaceStyles_unstable } from '@fluentui/react-components';\nimport { tokens } from '@fluentui-copilot/tokens';\nimport type { PreviewSurfaceSlots, PreviewSurfaceState } from './PreviewSurface.types';\nimport type { SlotClassNames } from '@fluentui/react-components';\n\nexport const previewSurfaceClassNames: SlotClassNames<PreviewSurfaceSlots> = {\n  root: 'fai-PreviewSurface',\n};\n\n/**\n * Styles for the root slot\n */\nconst useRootStyles = makeStyles({\n  base: {\n    padding: `${tokens.spacingVerticalXS} ${tokens.spacingHorizontalXS}`,\n    boxSizing: 'border-box',\n  },\n});\n\nconst useNextStyles = makeStyles({\n  root: {\n    borderRadius: tokens.borderRadiusXLarge,\n  },\n});\n\n/**\n * Apply styling to the PreviewSurface slots based on the state\n */\nexport const usePreviewSurfaceStyles_unstable = (state: PreviewSurfaceState): PreviewSurfaceState => {\n  'use no memo';\n\n  const { designVersion } = state;\n\n  const rootStyles = useRootStyles();\n  const nextStyles = useNextStyles();\n\n  state.root.className = mergeClasses(\n    previewSurfaceClassNames.root,\n    rootStyles.base,\n    designVersion === 'next' && nextStyles.root,\n    state.root.className,\n  );\n\n  usePopoverSurfaceStyles_unstable(state);\n\n  return state;\n};\n"],"names":["makeStyles","mergeClasses","usePopoverSurfaceStyles_unstable","tokens","previewSurfaceClassNames","root","useRootStyles","base","padding","spacingVerticalXS","spacingHorizontalXS","boxSizing","useNextStyles","borderRadius","borderRadiusXLarge","usePreviewSurfaceStyles_unstable","state","designVersion","rootStyles","nextStyles","className"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,SAASA,UAAU,EAAEC,YAAY,EAAEC,gCAAgC,QAAQ,6BAA6B;AACxG,SAASC,MAAM,QAAQ,2BAA2B;AAIlD,OAAO,MAAMC,2BAAgE;IAC3EC,MAAM;AACR,EAAE;AAEF;;CAEC,GACD,MAAMC,gBAAgBN,WAAW;IAC/BO,MAAM;QACJC,SAAS,CAAC,EAAEL,OAAOM,iBAAiB,CAAC,CAAC,EAAEN,OAAOO,mBAAmB,CAAC,CAAC;QACpEC,WAAW;IACb;AACF;AAEA,MAAMC,gBAAgBZ,WAAW;IAC/BK,MAAM;QACJQ,cAAcV,OAAOW,kBAAkB;IACzC;AACF;AAEA;;CAEC,GACD,OAAO,MAAMC,mCAAmC,CAACC;IAC/C;IAEA,MAAM,EAAEC,aAAa,EAAE,GAAGD;IAE1B,MAAME,aAAaZ;IACnB,MAAMa,aAAaP;IAEnBI,MAAMX,IAAI,CAACe,SAAS,GAAGnB,aACrBG,yBAAyBC,IAAI,EAC7Ba,WAAWX,IAAI,EACfU,kBAAkB,UAAUE,WAAWd,IAAI,EAC3CW,MAAMX,IAAI,CAACe,SAAS;IAGtBlB,iCAAiCc;IAEjC,OAAOA;AACT,EAAE"}

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

@@ -1 +1 @@
-{"version":3,"sources":["PreviewSurface.types.ts"],"sourcesContent":["import type {\n  ComponentProps,\n  ComponentState,\n  PopoverSurfaceProps,\n  PopoverSurfaceSlots,\n  PopoverSurfaceState,\n} from '@fluentui/react-components';\n\nexport type PreviewSurfaceSlots = PopoverSurfaceSlots & {};\n\n/**\n * PreviewSurface Props\n */\nexport type PreviewSurfaceProps = ComponentProps<PreviewSurfaceSlots> & PopoverSurfaceProps & {};\n\n/**\n * State used in rendering PreviewSurface\n */\nexport type PreviewSurfaceState = ComponentState<PreviewSurfaceSlots> & PopoverSurfaceState & {};\n"],"names":[],"rangeMappings":";;","mappings":"AAeA;;CAEC"}
+{"version":3,"sources":["PreviewSurface.types.ts"],"sourcesContent":["import type { DesignVersion } from '@fluentui-copilot/react-provider';\nimport type {\n  ComponentProps,\n  ComponentState,\n  PopoverSurfaceProps,\n  PopoverSurfaceSlots,\n  PopoverSurfaceState,\n} from '@fluentui/react-components';\n\nexport type PreviewSurfaceSlots = PopoverSurfaceSlots & {};\n\n/**\n * PreviewSurface Props\n */\nexport type PreviewSurfaceProps = ComponentProps<PreviewSurfaceSlots> & PopoverSurfaceProps & DesignVersion & {};\n\n/**\n * State used in rendering PreviewSurface\n */\nexport type PreviewSurfaceState = ComponentState<PreviewSurfaceSlots> &\n  PopoverSurfaceState &\n  Pick<Required<PreviewSurfaceProps>, 'designVersion'> & {};\n"],"names":[],"rangeMappings":";;","mappings":"AAgBA;;CAEC"}

package/lib-commonjs/components/PreviewSurface/usePreviewSurface.js

@@ -9,6 +9,11 @@ Object.defineProperty(exports, "usePreviewSurface_unstable", {
     }
 });
 const _reactcomponents = require("@fluentui/react-components");
+const _reactprovider = require("@fluentui-copilot/react-provider");
 const usePreviewSurface_unstable = (props, ref)=>{
-    return (0, _reactcomponents.usePopoverSurface_unstable)(props, ref);
+    const designVersion = (0, _reactprovider.useDesignVersion)(props.designVersion);
+    return {
+        designVersion,
+        ...(0, _reactcomponents.usePopoverSurface_unstable)(props, ref)
+    };
 }; //# sourceMappingURL=usePreviewSurface.js.map

package/lib-commonjs/components/PreviewSurface/usePreviewSurface.js.map

@@ -1 +1 @@
-{"version":3,"sources":["usePreviewSurface.ts"],"sourcesContent":["import type * as React from 'react';\nimport { usePopoverSurface_unstable } from '@fluentui/react-components';\nimport type { PreviewSurfaceProps, PreviewSurfaceState } from './PreviewSurface.types';\n\n// If you add JSX to this file, be sure to change the file type to .tsx\n\n/**\n * Create the state required to render PreviewSurface.\n *\n * The returned state can be modified with hooks such as usePreviewSurfaceStyles_unstable,\n * before being passed to renderPreviewSurface_unstable.\n *\n * @param props - props from this instance of PreviewSurface\n * @param ref - reference to root HTMLElement of PreviewSurface\n */\nexport const usePreviewSurface_unstable = (\n  props: PreviewSurfaceProps,\n  ref: React.Ref<HTMLDivElement>,\n): PreviewSurfaceState => {\n  return usePopoverSurface_unstable(props, ref);\n};\n"],"names":["usePopoverSurface_unstable","props","ref"],"rangeMappings":";;;;;;;;;;;;","mappings":";;;;+BAmBSA;;;eAAAA;;;iCAlBkC;AAkBzC,MAAOA,6BAA2BC,CAAAA,OAAOC;IACzC,OAAAF,IAAAA,2CAAA,EAAAC,OAAAC"}
+{"version":3,"sources":["usePreviewSurface.ts"],"sourcesContent":["import type * as React from 'react';\nimport { usePopoverSurface_unstable } from '@fluentui/react-components';\nimport type { PreviewSurfaceProps, PreviewSurfaceState } from './PreviewSurface.types';\nimport { useDesignVersion } from '@fluentui-copilot/react-provider';\n\n// If you add JSX to this file, be sure to change the file type to .tsx\n\n/**\n * Create the state required to render PreviewSurface.\n *\n * The returned state can be modified with hooks such as usePreviewSurfaceStyles_unstable,\n * before being passed to renderPreviewSurface_unstable.\n *\n * @param props - props from this instance of PreviewSurface\n * @param ref - reference to root HTMLElement of PreviewSurface\n */\nexport const usePreviewSurface_unstable = (\n  props: PreviewSurfaceProps,\n  ref: React.Ref<HTMLDivElement>,\n): PreviewSurfaceState => {\n  const designVersion = useDesignVersion(props.designVersion);\n  return { designVersion, ...usePopoverSurface_unstable(props, ref) };\n};\n"],"names":["designVersion","useDesignVersion","props","usePopoverSurface_unstable","ref"],"rangeMappings":";;;;;;;;;;;;;;;;;","mappings":";;;;+BAoBQA;;;eAAAA;;;iCAnBmC;+BAEV;AAiB/B,MAAMA,6BAAgBC,CAAiBC,OAAMF;UAC7CA,gBAAOC,IAAAA,+BAAA,EAAAC,MAAAF,aAAA;WAAEA;;QAAyD,GAAAG,IAAAA,2CAAA,EAAAD,OAAAE,IAAA;IAClE"}

package/lib-commonjs/components/PreviewSurface/usePreviewSurfaceStyles.styles.js

@@ -42,10 +42,30 @@ const previewSurfaceClassNames = {
         ".f1ewtqcl{box-sizing:border-box;}"
     ]
 });
+const useNextStyles = (0, _reactcomponents.__styles)({
+    root: {
+        Beyfa6y: 0,
+        Bbmb7ep: 0,
+        Btl43ni: 0,
+        B7oj6ja: 0,
+        Dimara: "f1kijzfu"
+    }
+}, {
+    d: [
+        [
+            ".f1kijzfu{border-radius:var(--borderRadiusXLarge);}",
+            {
+                p: -1
+            }
+        ]
+    ]
+});
 const usePreviewSurfaceStyles_unstable = (state)=>{
     'use no memo';
+    const { designVersion } = state;
     const rootStyles = useRootStyles();
-    state.root.className = (0, _reactcomponents.mergeClasses)(previewSurfaceClassNames.root, rootStyles.base, state.root.className);
+    const nextStyles = useNextStyles();
+    state.root.className = (0, _reactcomponents.mergeClasses)(previewSurfaceClassNames.root, rootStyles.base, designVersion === 'next' && nextStyles.root, state.root.className);
     (0, _reactcomponents.usePopoverSurfaceStyles_unstable)(state);
     return state;
 }; //# sourceMappingURL=usePreviewSurfaceStyles.styles.js.map

package/lib-commonjs/components/PreviewSurface/usePreviewSurfaceStyles.styles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["usePreviewSurfaceStyles.styles.ts"],"sourcesContent":["import { makeStyles, mergeClasses, usePopoverSurfaceStyles_unstable } from '@fluentui/react-components';\nimport { tokens } from '@fluentui-copilot/tokens';\nimport type { PreviewSurfaceSlots, PreviewSurfaceState } from './PreviewSurface.types';\nimport type { SlotClassNames } from '@fluentui/react-components';\n\nexport const previewSurfaceClassNames: SlotClassNames<PreviewSurfaceSlots> = {\n  root: 'fai-PreviewSurface',\n};\n\n/**\n * Styles for the root slot\n */\nconst useRootStyles = makeStyles({\n  base: {\n    padding: `${tokens.spacingVerticalXS} ${tokens.spacingHorizontalXS}`,\n    boxSizing: 'border-box',\n  },\n});\n\n/**\n * Apply styling to the PreviewSurface slots based on the state\n */\nexport const usePreviewSurfaceStyles_unstable = (state: PreviewSurfaceState): PreviewSurfaceState => {\n  'use no memo';\n\n  const rootStyles = useRootStyles();\n\n  state.root.className = mergeClasses(previewSurfaceClassNames.root, rootStyles.base, state.root.className);\n\n  usePopoverSurfaceStyles_unstable(state);\n\n  return state;\n};\n"],"names":["previewSurfaceClassNames","root","base","__styles","padding","boxSizing","uwmqm3","z189sj","z8tnut","B7ck84d","state","usePopoverSurfaceStyles_unstable"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAKaA,wBAAAA;eAAAA;;;;;;iCALsD;AAK5D,MAAMA,2BAAgE;UAC3EC;AACF;AAEA;;CAEC,SAECC,gBAAMC,IAAAA,yBAAA,EAAA;UACJC;iBACAC;QACFC,QAAA;QACFC,QAAA;QAEAC,QAAA;;QAGAC,SAAO;;;OAKLC;QAAAA;YAAAA;YAA8ER;gBAE9ES,GAAAA,CAAAA;;SAEA;QAAA;KAAOD;AACT"}
+{"version":3,"sources":["usePreviewSurfaceStyles.styles.ts"],"sourcesContent":["import { makeStyles, mergeClasses, usePopoverSurfaceStyles_unstable } from '@fluentui/react-components';\nimport { tokens } from '@fluentui-copilot/tokens';\nimport type { PreviewSurfaceSlots, PreviewSurfaceState } from './PreviewSurface.types';\nimport type { SlotClassNames } from '@fluentui/react-components';\n\nexport const previewSurfaceClassNames: SlotClassNames<PreviewSurfaceSlots> = {\n  root: 'fai-PreviewSurface',\n};\n\n/**\n * Styles for the root slot\n */\nconst useRootStyles = makeStyles({\n  base: {\n    padding: `${tokens.spacingVerticalXS} ${tokens.spacingHorizontalXS}`,\n    boxSizing: 'border-box',\n  },\n});\n\nconst useNextStyles = makeStyles({\n  root: {\n    borderRadius: tokens.borderRadiusXLarge,\n  },\n});\n\n/**\n * Apply styling to the PreviewSurface slots based on the state\n */\nexport const usePreviewSurfaceStyles_unstable = (state: PreviewSurfaceState): PreviewSurfaceState => {\n  'use no memo';\n\n  const { designVersion } = state;\n\n  const rootStyles = useRootStyles();\n  const nextStyles = useNextStyles();\n\n  state.root.className = mergeClasses(\n    previewSurfaceClassNames.root,\n    rootStyles.base,\n    designVersion === 'next' && nextStyles.root,\n    state.root.className,\n  );\n\n  usePopoverSurfaceStyles_unstable(state);\n\n  return state;\n};\n"],"names":["previewSurfaceClassNames","root","base","__styles","padding","boxSizing","uwmqm3","z189sj","z8tnut","useNextStyles","borderRadius","d","usePreviewSurfaceStyles_unstable","designVersion","state","Beyfa6y","nextStyles","usePopoverSurfaceStyles_unstable","B7oj6ja","Dimara"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAKaA,wBAAAA;eAAAA;;;;;;iCALsD;AAK5D,MAAMA,2BAAgE;UAC3EC;AACF;AAEA;;CAEC,SAECC,gBAAMC,IAAAA,yBAAA,EAAA;UACJC;iBACAC;QACFC,QAAA;QACFC,QAAA;QAEAC,QAAMC;QACJR,SAAM;iBACJS;;AAEJ,GAAA;IAEAC,GAAA;QAAA;YAAA;YAAA;;YAEC;SACD;QAAA;KAAaC;;MAGXH,gBAAQI,IAAAA,yBAAkBC,EAAAA;UAE1B;QACAC,SAAMC;QAENF,SAAMb;QAONgB,SAAAA;QAEAC,SAAOJ;QACPK,QAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fluentui-copilot/react-preview",
-  "version": "0.0.0-nightly-20250319-0404-611607b9.1",
+  "version": "0.0.0-nightly-20250320-0405-4a9638ac.1",
   "description": "Preview components.",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -12,7 +12,8 @@
   },
   "license": "MIT",
   "dependencies": {
-    "@fluentui-copilot/tokens": "^0.0.0-nightly-20250319-0404-611607b9.1",
+    "@fluentui-copilot/react-provider": "^0.0.0-nightly-20250320-0405-4a9638ac.1",
+    "@fluentui-copilot/tokens": "^0.0.0-nightly-20250320-0405-4a9638ac.1",
     "@swc/helpers": "^0.5.1"
   },
   "peerDependencies": {