@fluentui-copilot/react-preview 0.0.0-nightly-20240926-0405-e738554b.1 → 0.0.0-nightly-20241001-0406-74e3622a.1

package/CHANGELOG.json

@@ -2,9 +2,9 @@
   "name": "@fluentui-copilot/react-preview",
   "entries": [
     {
-      "date": "Thu, 26 Sep 2024 04:12:54 GMT",
-      "tag": "@fluentui-copilot/react-preview_v0.0.0-nightly-20240926-0405-e738554b.1",
-      "version": "0.0.0-nightly-20240926-0405-e738554b.1",
+      "date": "Tue, 01 Oct 2024 04:13:17 GMT",
+      "tag": "@fluentui-copilot/react-preview_v0.0.0-nightly-20241001-0406-74e3622a.1",
+      "version": "0.0.0-nightly-20241001-0406-74e3622a.1",
       "comments": {
         "prerelease": [
           {

package/CHANGELOG.md

@@ -1,13 +1,13 @@
 # Change Log - @fluentui-copilot/react-preview
 
-This log was last generated on Thu, 26 Sep 2024 04:12:54 GMT and should not be manually modified.
+This log was last generated on Tue, 01 Oct 2024 04:13:17 GMT and should not be manually modified.
 
 <!-- Start content -->
 
-## [0.0.0-nightly-20240926-0405-e738554b.1](https://github.com/microsoft/fluentai/tree/@fluentui-copilot/react-preview_v0.0.0-nightly-20240926-0405-e738554b.1)
+## [0.0.0-nightly-20241001-0406-74e3622a.1](https://github.com/microsoft/fluentai/tree/@fluentui-copilot/react-preview_v0.0.0-nightly-20241001-0406-74e3622a.1)
 
-Thu, 26 Sep 2024 04:12:54 GMT 
-[Compare changes](https://github.com/microsoft/fluentai/compare/@fluentui-copilot/react-preview_v0.5.4..@fluentui-copilot/react-preview_v0.0.0-nightly-20240926-0405-e738554b.1)
+Tue, 01 Oct 2024 04:13:17 GMT 
+[Compare changes](https://github.com/microsoft/fluentai/compare/@fluentui-copilot/react-preview_v0.5.4..@fluentui-copilot/react-preview_v0.0.0-nightly-20241001-0406-74e3622a.1)
 
 ### Changes
 

package/lib/components/PreviewContent/usePreviewContentStyles.styles.js

@@ -5,7 +5,7 @@ export const previewContentClassNames = {
 /**
  * Styles for the root slot
  */
-const useRootBaseClassName = __resetStyles("r1jbsjc3", null, [".r1jbsjc3{color:var(--colorNeutralForeground3);display:flex;flex-direction:column;padding:var(--spacingVerticalS) var(--spacingHorizontalS);row-gap:var(--spacingVerticalXS);word-break:break-word;font-family:var(--fontFamilyBase);font-size:var(--fontSizeBase200);font-weight:var(--fontWeightRegular);line-height:var(--lineHeightBase200);}"]);
+const useRootBaseClassName = __resetStyles("rd6u8g", null, [".rd6u8g{color:var(--colorNeutralForeground3);display:flex;flex-direction:column;max-width:calc(256px - var(--spacingHorizontalXS) * 2);padding:var(--spacingVerticalS) var(--spacingHorizontalS);row-gap:var(--spacingVerticalXS);word-break:break-word;box-sizing:border-box;font-family:var(--fontFamilyBase);font-size:var(--fontSizeBase200);font-weight:var(--fontWeightRegular);line-height:var(--lineHeightBase200);}"]);
 /**
  * Apply styling to the PreviewContent slots based on the state
  */

package/lib/components/PreviewContent/usePreviewContentStyles.styles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["usePreviewContentStyles.styles.ts"],"sourcesContent":["import { makeResetStyles, mergeClasses, tokens, typographyStyles } from '@fluentui/react-components';\nimport type { PreviewContentSlots, PreviewContentState } from './PreviewContent.types';\nimport type { SlotClassNames } from '@fluentui/react-components';\n\nexport const previewContentClassNames: SlotClassNames<PreviewContentSlots> = {\n  root: 'fai-PreviewContent',\n};\n\n/**\n * Styles for the root slot\n */\nconst useRootBaseClassName = makeResetStyles({\n  color: tokens.colorNeutralForeground3,\n  display: 'flex',\n  flexDirection: 'column',\n  padding: `${tokens.spacingVerticalS} ${tokens.spacingHorizontalS}`,\n  rowGap: tokens.spacingVerticalXS,\n  wordBreak: 'break-word',\n\n  ...typographyStyles.caption1,\n});\n\n/**\n * Apply styling to the PreviewContent slots based on the state\n */\nexport const usePreviewContentStyles_unstable = (state: PreviewContentState): PreviewContentState => {\n  'use no memo';\n\n  const rootBaseClassName = useRootBaseClassName();\n\n  state.root.className = mergeClasses(previewContentClassNames.root, rootBaseClassName, state.root.className);\n\n  return state;\n};\n"],"names":["makeResetStyles","mergeClasses","tokens","typographyStyles","previewContentClassNames","root","useRootBaseClassName","color","colorNeutralForeground3","display","flexDirection","padding","spacingVerticalS","spacingHorizontalS","rowGap","spacingVerticalXS","wordBreak","caption1","usePreviewContentStyles_unstable","state","rootBaseClassName","className"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,SAASA,eAAe,EAAEC,YAAY,EAAEC,MAAM,EAAEC,gBAAgB,QAAQ,6BAA6B;AAIrG,OAAO,MAAMC,2BAAgE;IAC3EC,MAAM;AACR,EAAE;AAEF;;CAEC,GACD,MAAMC,uBAAuBN,gBAAgB;IAC3CO,OAAOL,OAAOM,uBAAuB;IACrCC,SAAS;IACTC,eAAe;IACfC,SAAS,CAAC,EAAET,OAAOU,gBAAgB,CAAC,CAAC,EAAEV,OAAOW,kBAAkB,CAAC,CAAC;IAClEC,QAAQZ,OAAOa,iBAAiB;IAChCC,WAAW;IAEX,GAAGb,iBAAiBc,QAAQ;AAC9B;AAEA;;CAEC,GACD,OAAO,MAAMC,mCAAmC,CAACC;IAC/C;IAEA,MAAMC,oBAAoBd;IAE1Ba,MAAMd,IAAI,CAACgB,SAAS,GAAGpB,aAAaG,yBAAyBC,IAAI,EAAEe,mBAAmBD,MAAMd,IAAI,CAACgB,SAAS;IAE1G,OAAOF;AACT,EAAE"}
+{"version":3,"sources":["usePreviewContentStyles.styles.ts"],"sourcesContent":["import { makeResetStyles, mergeClasses, tokens, typographyStyles } from '@fluentui/react-components';\nimport type { PreviewContentSlots, PreviewContentState } from './PreviewContent.types';\nimport type { SlotClassNames } from '@fluentui/react-components';\n\nexport const previewContentClassNames: SlotClassNames<PreviewContentSlots> = {\n  root: 'fai-PreviewContent',\n};\n\n/**\n * Styles for the root slot\n */\nconst useRootBaseClassName = makeResetStyles({\n  color: tokens.colorNeutralForeground3,\n  display: 'flex',\n  flexDirection: 'column',\n  maxWidth: `calc(256px - ${tokens.spacingHorizontalXS} * 2)`,\n  padding: `${tokens.spacingVerticalS} ${tokens.spacingHorizontalS}`,\n  rowGap: tokens.spacingVerticalXS,\n  wordBreak: 'break-word',\n  boxSizing: 'border-box',\n  ...typographyStyles.caption1,\n});\n\n/**\n * Apply styling to the PreviewContent slots based on the state\n */\nexport const usePreviewContentStyles_unstable = (state: PreviewContentState): PreviewContentState => {\n  'use no memo';\n\n  const rootBaseClassName = useRootBaseClassName();\n\n  state.root.className = mergeClasses(previewContentClassNames.root, rootBaseClassName, state.root.className);\n\n  return state;\n};\n"],"names":["makeResetStyles","mergeClasses","tokens","typographyStyles","previewContentClassNames","root","useRootBaseClassName","color","colorNeutralForeground3","display","flexDirection","maxWidth","spacingHorizontalXS","padding","spacingVerticalS","spacingHorizontalS","rowGap","spacingVerticalXS","wordBreak","boxSizing","caption1","usePreviewContentStyles_unstable","state","rootBaseClassName","className"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,SAASA,eAAe,EAAEC,YAAY,EAAEC,MAAM,EAAEC,gBAAgB,QAAQ,6BAA6B;AAIrG,OAAO,MAAMC,2BAAgE;IAC3EC,MAAM;AACR,EAAE;AAEF;;CAEC,GACD,MAAMC,uBAAuBN,gBAAgB;IAC3CO,OAAOL,OAAOM,uBAAuB;IACrCC,SAAS;IACTC,eAAe;IACfC,UAAU,CAAC,aAAa,EAAET,OAAOU,mBAAmB,CAAC,KAAK,CAAC;IAC3DC,SAAS,CAAC,EAAEX,OAAOY,gBAAgB,CAAC,CAAC,EAAEZ,OAAOa,kBAAkB,CAAC,CAAC;IAClEC,QAAQd,OAAOe,iBAAiB;IAChCC,WAAW;IACXC,WAAW;IACX,GAAGhB,iBAAiBiB,QAAQ;AAC9B;AAEA;;CAEC,GACD,OAAO,MAAMC,mCAAmC,CAACC;IAC/C;IAEA,MAAMC,oBAAoBjB;IAE1BgB,MAAMjB,IAAI,CAACmB,SAAS,GAAGvB,aAAaG,yBAAyBC,IAAI,EAAEkB,mBAAmBD,MAAMjB,IAAI,CAACmB,SAAS;IAE1G,OAAOF;AACT,EAAE"}

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

@@ -7,17 +7,17 @@ export const previewSurfaceClassNames = {
  */
 const useRootStyles = __styles({
   base: {
-    B2u0y6b: "f2rbwfs",
     Byoj8tv: 0,
     uwmqm3: 0,
     z189sj: 0,
     z8tnut: 0,
-    B0ocmuz: "f16d74zd"
+    B0ocmuz: "f16d74zd",
+    B7ck84d: "f1ewtqcl"
   }
 }, {
-  d: [".f2rbwfs{max-width:256px;}", [".f16d74zd{padding:var(--spacingVerticalXS) var(--spacingHorizontalXS);}", {
+  d: [[".f16d74zd{padding:var(--spacingVerticalXS) var(--spacingHorizontalXS);}", {
     p: -1
-  }]]
+  }], ".f1ewtqcl{box-sizing:border-box;}"]
 });
 /**
  * Apply styling to the PreviewSurface slots based on the state

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

@@ -1 +1 @@
-{"version":3,"sources":["usePreviewSurfaceStyles.styles.ts"],"sourcesContent":["import { makeStyles, mergeClasses, tokens, usePopoverSurfaceStyles_unstable } from '@fluentui/react-components';\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    maxWidth: '256px',\n    padding: `${tokens.spacingVerticalXS} ${tokens.spacingHorizontalXS}`,\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","tokens","usePopoverSurfaceStyles_unstable","previewSurfaceClassNames","root","useRootStyles","base","maxWidth","padding","spacingVerticalXS","spacingHorizontalXS","usePreviewSurfaceStyles_unstable","state","rootStyles","className"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,SAASA,UAAU,EAAEC,YAAY,EAAEC,MAAM,EAAEC,gCAAgC,QAAQ,6BAA6B;AAIhH,OAAO,MAAMC,2BAAgE;IAC3EC,MAAM;AACR,EAAE;AAEF;;CAEC,GACD,MAAMC,gBAAgBN,WAAW;IAC/BO,MAAM;QACJC,UAAU;QACVC,SAAS,CAAC,EAAEP,OAAOQ,iBAAiB,CAAC,CAAC,EAAER,OAAOS,mBAAmB,CAAC,CAAC;IACtE;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;IAExGZ,iCAAiCU;IAEjC,OAAOA;AACT,EAAE"}
+{"version":3,"sources":["usePreviewSurfaceStyles.styles.ts"],"sourcesContent":["import { makeStyles, mergeClasses, tokens, usePopoverSurfaceStyles_unstable } from '@fluentui/react-components';\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","tokens","usePopoverSurfaceStyles_unstable","previewSurfaceClassNames","root","useRootStyles","base","padding","spacingVerticalXS","spacingHorizontalXS","boxSizing","usePreviewSurfaceStyles_unstable","state","rootStyles","className"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,SAASA,UAAU,EAAEC,YAAY,EAAEC,MAAM,EAAEC,gCAAgC,QAAQ,6BAA6B;AAIhH,OAAO,MAAMC,2BAAgE;IAC3EC,MAAM;AACR,EAAE;AAEF;;CAEC,GACD,MAAMC,gBAAgBN,WAAW;IAC/BO,MAAM;QACJC,SAAS,CAAC,EAAEN,OAAOO,iBAAiB,CAAC,CAAC,EAAEP,OAAOQ,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;IAExGZ,iCAAiCU;IAEjC,OAAOA;AACT,EAAE"}

package/lib-commonjs/components/PreviewContent/usePreviewContentStyles.styles.js

@@ -22,8 +22,8 @@ const previewContentClassNames = {
 };
 /**
  * Styles for the root slot
- */ const useRootBaseClassName = (0, _reactcomponents.__resetStyles)("r1jbsjc3", null, [
-    ".r1jbsjc3{color:var(--colorNeutralForeground3);display:flex;flex-direction:column;padding:var(--spacingVerticalS) var(--spacingHorizontalS);row-gap:var(--spacingVerticalXS);word-break:break-word;font-family:var(--fontFamilyBase);font-size:var(--fontSizeBase200);font-weight:var(--fontWeightRegular);line-height:var(--lineHeightBase200);}"
+ */ const useRootBaseClassName = (0, _reactcomponents.__resetStyles)("rd6u8g", null, [
+    ".rd6u8g{color:var(--colorNeutralForeground3);display:flex;flex-direction:column;max-width:calc(256px - var(--spacingHorizontalXS) * 2);padding:var(--spacingVerticalS) var(--spacingHorizontalS);row-gap:var(--spacingVerticalXS);word-break:break-word;box-sizing:border-box;font-family:var(--fontFamilyBase);font-size:var(--fontSizeBase200);font-weight:var(--fontWeightRegular);line-height:var(--lineHeightBase200);}"
 ]);
 const usePreviewContentStyles_unstable = (state)=>{
     'use no memo';

package/lib-commonjs/components/PreviewContent/usePreviewContentStyles.styles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["usePreviewContentStyles.styles.ts"],"sourcesContent":["import { makeResetStyles, mergeClasses, tokens, typographyStyles } from '@fluentui/react-components';\nimport type { PreviewContentSlots, PreviewContentState } from './PreviewContent.types';\nimport type { SlotClassNames } from '@fluentui/react-components';\n\nexport const previewContentClassNames: SlotClassNames<PreviewContentSlots> = {\n  root: 'fai-PreviewContent',\n};\n\n/**\n * Styles for the root slot\n */\nconst useRootBaseClassName = makeResetStyles({\n  color: tokens.colorNeutralForeground3,\n  display: 'flex',\n  flexDirection: 'column',\n  padding: `${tokens.spacingVerticalS} ${tokens.spacingHorizontalS}`,\n  rowGap: tokens.spacingVerticalXS,\n  wordBreak: 'break-word',\n\n  ...typographyStyles.caption1,\n});\n\n/**\n * Apply styling to the PreviewContent slots based on the state\n */\nexport const usePreviewContentStyles_unstable = (state: PreviewContentState): PreviewContentState => {\n  'use no memo';\n\n  const rootBaseClassName = useRootBaseClassName();\n\n  state.root.className = mergeClasses(previewContentClassNames.root, rootBaseClassName, state.root.className);\n\n  return state;\n};\n"],"names":["previewContentClassNames","tokens","root","color","colorNeutralForeground3","rowGap","state","rootBaseClassName","useRootBaseClassName","className","mergeClasses"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAIaA,wBAAAA;eAAAA;;IAYHC,gCAAwB;eAAxBA;;;iCAhBsD;AAIzD,MAAMD,2BAAgE;UAC3EE;AACF;AAEA;;CAEC,SAECC,uBAAcC,IAAAA,8BAAuB,EAAA,YAAA,MAAA;IAAA;CAAA;AAIrCC,MAAQJ,mCAAwBK,CAAAA;;IAIlC,MAAAC,oBAAAC;IAEAF,MAAAJ,IAAA,CAAAO,SAAA,GAAAC,IAAAA,6BAAA,EAAAV,yBAAAE,IAAA,EAAAK,mBAAAD,MAAAJ,IAAA,CAAAO,SAAA;;6DAIE"}
+{"version":3,"sources":["usePreviewContentStyles.styles.ts"],"sourcesContent":["import { makeResetStyles, mergeClasses, tokens, typographyStyles } from '@fluentui/react-components';\nimport type { PreviewContentSlots, PreviewContentState } from './PreviewContent.types';\nimport type { SlotClassNames } from '@fluentui/react-components';\n\nexport const previewContentClassNames: SlotClassNames<PreviewContentSlots> = {\n  root: 'fai-PreviewContent',\n};\n\n/**\n * Styles for the root slot\n */\nconst useRootBaseClassName = makeResetStyles({\n  color: tokens.colorNeutralForeground3,\n  display: 'flex',\n  flexDirection: 'column',\n  maxWidth: `calc(256px - ${tokens.spacingHorizontalXS} * 2)`,\n  padding: `${tokens.spacingVerticalS} ${tokens.spacingHorizontalS}`,\n  rowGap: tokens.spacingVerticalXS,\n  wordBreak: 'break-word',\n  boxSizing: 'border-box',\n  ...typographyStyles.caption1,\n});\n\n/**\n * Apply styling to the PreviewContent slots based on the state\n */\nexport const usePreviewContentStyles_unstable = (state: PreviewContentState): PreviewContentState => {\n  'use no memo';\n\n  const rootBaseClassName = useRootBaseClassName();\n\n  state.root.className = mergeClasses(previewContentClassNames.root, rootBaseClassName, state.root.className);\n\n  return state;\n};\n"],"names":["previewContentClassNames","usePreviewContentStyles_unstable","tokens","root","color","colorNeutralForeground3","padding","boxSizing","useRootBaseClassName","typographyStyles","caption1","rootBaseClassName","state","className"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAIaA,wBAAAA;eAAAA;;IAYFC,gCAA8BC;eAA9BD;;;iCAhBqD;AAIzD,MAAMD,2BAAgE;UAC3EG;AACF;AAEA;;CAEC,SAECC,uBAAcC,IAAAA,8BAAuB,EAAA,UAAA,MAAA;IAAA;CAAA;AAIrCC,MAASL,mCAA8BC,CAAAA;;UAGvCK,oBAAWC;UACRC,IAAAA,CAAAA,SAAAA,GAAiBC,IAAAA,6BAAQ,EAAAV,yBAAAG,IAAA,EAAAQ,mBAAAC,MAAAT,IAAA,CAAAU,SAAA;IAC9B,OAAAD;AAEA"}

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

@@ -24,22 +24,22 @@ const previewSurfaceClassNames = {
  * Styles for the root slot
  */ const useRootStyles = (0, _reactcomponents.__styles)({
     base: {
-        B2u0y6b: "f2rbwfs",
         Byoj8tv: 0,
         uwmqm3: 0,
         z189sj: 0,
         z8tnut: 0,
-        B0ocmuz: "f16d74zd"
+        B0ocmuz: "f16d74zd",
+        B7ck84d: "f1ewtqcl"
     }
 }, {
     d: [
-        ".f2rbwfs{max-width:256px;}",
         [
             ".f16d74zd{padding:var(--spacingVerticalXS) var(--spacingHorizontalXS);}",
             {
                 p: -1
             }
-        ]
+        ],
+        ".f1ewtqcl{box-sizing:border-box;}"
     ]
 });
 const usePreviewSurfaceStyles_unstable = (state)=>{

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

@@ -1 +1 @@
-{"version":3,"sources":["usePreviewSurfaceStyles.styles.ts"],"sourcesContent":["import { makeStyles, mergeClasses, tokens, usePopoverSurfaceStyles_unstable } from '@fluentui/react-components';\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    maxWidth: '256px',\n    padding: `${tokens.spacingVerticalXS} ${tokens.spacingHorizontalXS}`,\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","maxWidth","padding","Byoj8tv","uwmqm3","z189sj","B0ocmuz","state","mergeClasses","usePopoverSurfaceStyles_unstable"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAIaA,wBAAAA;eAAAA;;;;;;iCAJ8D;AAIpE,MAAMA,2BAAgE;UAC3EC;AACF;AAEA;;CAEC,SAECC,gBAAMC,IAAAA,yBAAA,EAAA;UACJC;iBACAC;QACFC,SAAA;QACFC,QAAA;QAEAC,QAAA;;QAGAC,SAAO;;;OAKLC;QAAAA;QAAuBC;YAAAA;YAAiF;gBAExGC,GAAAA,CAAAA;;SAEA;KAAA;AACF"}
+{"version":3,"sources":["usePreviewSurfaceStyles.styles.ts"],"sourcesContent":["import { makeStyles, mergeClasses, tokens, usePopoverSurfaceStyles_unstable } from '@fluentui/react-components';\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":";;;;;;;;;;;IAIaA,wBAAAA;eAAAA;;;;;;iCAJ8D;AAIpE,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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fluentui-copilot/react-preview",
-  "version": "0.0.0-nightly-20240926-0405-e738554b.1",
+  "version": "0.0.0-nightly-20241001-0406-74e3622a.1",
   "description": "Preview components.",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",