npm - @fluentui-copilot/react-preview - Versions diffs - 0.7.3 → 0.7.4-hotfix.2 - Mend

@fluentui-copilot/react-preview 0.7.3 → 0.7.4-hotfix.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (23) hide show

package/CHANGELOG.json CHANGED Viewed

@@ -2,7 +2,45 @@
   "name": "@fluentui-copilot/react-preview",
   "entries": [
     {
-      "date": "Sat, 03 May 2025 01:25:53 GMT",
+      "date": "Fri, 19 Sep 2025 15:10:20 GMT",
+      "tag": "@fluentui-copilot/react-preview_v0.7.4-hotfix.2",
+      "version": "0.7.4-hotfix.2",
+      "comments": {
+        "prerelease": [
+          {
+            "author": "hochelmartin@gmail.com",
+            "package": "@fluentui-copilot/react-preview",
+            "commit": "3e4ebe676646c4c4346dbbab83511f963ffefd85",
+            "comment": "release: prepare hotfix 0.26.2-hotfix.2"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Mon, 19 May 2025 18:04:28 GMT",
+      "tag": "@fluentui-copilot/react-preview_v0.7.4",
+      "version": "0.7.4",
+      "comments": {
+        "patch": [
+          {
+            "author": "Humberto.Morimoto@microsoft.com",
+            "package": "@fluentui-copilot/react-preview",
+            "commit": "5f102f2e0c314897038ea0a9b2319cad70ee1c67",
+            "comment": "fix: Adding correct styles when Links are used as the label of a PreviewHeader."
+          }
+        ],
+        "none": [
+          {
+            "author": "hochelmartin@gmail.com",
+            "package": "@fluentui-copilot/react-preview",
+            "commit": "442954951d0eca92de20ecb0ff0fa9492431b62d",
+            "comment": "fix: exclude story files from production build"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Sat, 03 May 2025 01:27:44 GMT",
       "tag": "@fluentui-copilot/react-preview_v0.7.3",
       "version": "0.7.3",
       "comments": {

package/CHANGELOG.md CHANGED Viewed

@@ -1,12 +1,30 @@
 # Change Log - @fluentui-copilot/react-preview
-This log was last generated on Sat, 03 May 2025 01:25:53 GMT and should not be manually modified.
+This log was last generated on Fri, 19 Sep 2025 15:10:20 GMT and should not be manually modified.
 <!-- Start content -->
+## [0.7.4-hotfix.2](https://github.com/microsoft/fluentai/tree/@fluentui-copilot/react-preview_v0.7.4-hotfix.2)
+Fri, 19 Sep 2025 15:10:20 GMT
+[Compare changes](https://github.com/microsoft/fluentai/compare/@fluentui-copilot/react-preview_v0.7.4..@fluentui-copilot/react-preview_v0.7.4-hotfix.2)
+### Changes
+- release: prepare hotfix 0.26.2-hotfix.2 ([PR #3284](https://github.com/microsoft/fluentai/pull/3284) by hochelmartin@gmail.com)
+## [0.7.4](https://github.com/microsoft/fluentai/tree/@fluentui-copilot/react-preview_v0.7.4)
+Mon, 19 May 2025 18:04:28 GMT
+[Compare changes](https://github.com/microsoft/fluentai/compare/@fluentui-copilot/react-preview_v0.7.3..@fluentui-copilot/react-preview_v0.7.4)
+### Patches
+- fix: Adding correct styles when Links are used as the label of a PreviewHeader. ([PR #3007](https://github.com/microsoft/fluentai/pull/3007) by Humberto.Morimoto@microsoft.com)
 ## [0.7.3](https://github.com/microsoft/fluentai/tree/@fluentui-copilot/react-preview_v0.7.3)
-Sat, 03 May 2025 01:25:53 GMT
+Sat, 03 May 2025 01:27:44 GMT
 [Compare changes](https://github.com/microsoft/fluentai/compare/@fluentui-copilot/react-preview_v0.7.2..@fluentui-copilot/react-preview_v0.7.3)
 ### Patches

package/lib/components/PreviewContent/usePreviewContentStyles.styles.raw.js ADDED Viewed

@@ -0,0 +1,30 @@
+import { makeResetStyles, mergeClasses, typographyStyles } from '@fluentui/react-components';
+import { tokens } from '@fluentui-copilot/tokens';
+export const previewContentClassNames = {
+  root: 'fai-PreviewContent'
+};
+/**
+ * Styles for the root slot
+ */
+const useRootBaseClassName = makeResetStyles({
+  color: tokens.colorNeutralForeground3,
+  display: 'flex',
+  flexDirection: 'column',
+  maxWidth: `calc(256px - ${tokens.spacingHorizontalXS} * 2)`,
+  padding: `${tokens.spacingVerticalS} ${tokens.spacingHorizontalS}`,
+  rowGap: tokens.spacingVerticalXS,
+  wordBreak: 'break-word',
+  boxSizing: 'border-box',
+  ...typographyStyles.caption1
+});
+/**
+ * Apply styling to the PreviewContent slots based on the state
+ */
+export const usePreviewContentStyles_unstable = state => {
+  'use no memo';
+  const rootBaseClassName = useRootBaseClassName();
+  state.root.className = mergeClasses(previewContentClassNames.root, rootBaseClassName, state.root.className);
+  return state;
+};
+//# sourceMappingURL=usePreviewContentStyles.styles.raw.js.map

package/lib/components/PreviewContent/usePreviewContentStyles.styles.raw.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"sources":["usePreviewContentStyles.styles.ts"],"sourcesContent":["import { makeResetStyles, mergeClasses, typographyStyles } from '@fluentui/react-components';\nimport { tokens } from '@fluentui-copilot/tokens';\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","typographyStyles","tokens","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,gBAAgB,QAAQ,6BAA6B;AAC7F,SAASC,MAAM,QAAQ,2BAA2B;AAIlD,OAAO,MAAMC,2BAAgE;IAC3EC,MAAM;AACR,EAAE;AAEF;;CAEC,GACD,MAAMC,uBAAuBN,gBAAgB;IAC3CO,OAAOJ,OAAOK,uBAAuB;IACrCC,SAAS;IACTC,eAAe;IACfC,UAAU,CAAC,aAAa,EAAER,OAAOS,mBAAmB,CAAC,KAAK,CAAC;IAC3DC,SAAS,CAAC,EAAEV,OAAOW,gBAAgB,CAAC,CAAC,EAAEX,OAAOY,kBAAkB,CAAC,CAAC;IAClEC,QAAQb,OAAOc,iBAAiB;IAChCC,WAAW;IACXC,WAAW;IACX,GAAGjB,iBAAiBkB,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/PreviewHeader/usePreviewHeaderStyles.styles.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { __resetStyles, __styles, mergeClasses, typographyStyles } from '@fluentui/react-components';
+import { linkClassNames, __resetStyles, __styles, mergeClasses, typographyStyles } from '@fluentui/react-components';
 import { tokens } from '@fluentui-copilot/tokens';
 export const previewHeaderClassNames = {
   root: 'fai-PreviewHeader',
@@ -14,7 +14,7 @@ const labelFontSize = typographyStyles.caption1Strong.fontSize;
 const labelLineHeight = typographyStyles.caption1Strong.lineHeight;
 const useActionsBaseClassName = __resetStyles("ry18yy9", null, [".ry18yy9{grid-row:1;justify-self:end;}"]);
 const useCitationBaseClassName = __resetStyles("ry1eqmj", null, [".ry1eqmj{grid-row:1;}"]);
-const useLabelBaseClassName = __resetStyles("r1tp8fqc", null, [".r1tp8fqc{align-self:start;display:-webkit-box;grid-row:1/3;overflow-y:hidden;padding-top:calc((16px / 2) - (var(--lineHeightBase200) - var(--fontSizeBase200)));word-break:break-word;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-family:var(--fontFamilyBase);font-size:var(--fontSizeBase200);font-weight:var(--fontWeightSemibold);line-height:var(--lineHeightBase200);}"]);
+const useLabelBaseClassName = __resetStyles("rattnj5", null, [".rattnj5{align-self:start;display:-webkit-box;grid-row:1/3;overflow-y:hidden;padding-top:calc((16px / 2) - (var(--lineHeightBase200) - var(--fontSizeBase200)));word-break:break-word;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-family:var(--fontFamilyBase);font-size:var(--fontSizeBase200);font-weight:var(--fontWeightSemibold);line-height:var(--lineHeightBase200);}", ".rattnj5 .fui-Link{font-family:var(--fontFamilyBase);font-size:var(--fontSizeBase200);font-weight:var(--fontWeightSemibold);line-height:var(--lineHeightBase200);color:var(--colorNeutralForeground3);}", ".rattnj5 .fui-Link:hover{color:var(--colorNeutralForeground3Hover);}", ".rattnj5 .fui-Link:hover:active{color:var(--colorNeutralForeground3Pressed);}"]);
 const useMediaBaseClassName = __resetStyles("rcisese", null, [".rcisese{grid-row:1;height:16px;line-height:0;width:16px;}", ".rcisese>.fai-PreviewHeader__mediaChild{height:16px;width:16px;}"]);
 const useRootBaseClassName = __resetStyles("r1xjnine", null, [".r1xjnine{align-items:center;column-gap:var(--spacingHorizontalXS);display:grid;grid-template-rows:24px;}"]);
 // Since the grid track that needs to grow is not always guaranteed to be the first or the last, but can change positions

package/lib/components/PreviewHeader/usePreviewHeaderStyles.styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["usePreviewHeaderStyles.styles.ts"],"sourcesContent":["import { makeResetStyles, makeStyles, mergeClasses, typographyStyles } from '@fluentui/react-components';\nimport { tokens } from '@fluentui-copilot/tokens';\nimport type { PreviewHeaderSlots, PreviewHeaderState } from './PreviewHeader.types';\nimport type { SlotClassNames } from '@fluentui/react-components';\n\nexport const previewHeaderClassNames: SlotClassNames<PreviewHeaderSlots> = {\n root: 'fai-PreviewHeader',\n actions: 'fai-PreviewHeader__actions',\n citation: 'fai-PreviewHeader__citation',\n label: 'fai-PreviewHeader__label',\n media: 'fai-PreviewHeader__media',\n};\n\nexport const previewHeaderExtraClassNames = {\n mediaChild: 'fai-PreviewHeader__mediaChild',\n};\n\nconst labelFontSize = typographyStyles.caption1Strong.fontSize;\nconst labelLineHeight = typographyStyles.caption1Strong.lineHeight;\n\nconst useActionsBaseClassName = makeResetStyles({\n gridRow: 1,\n justifySelf: 'end',\n});\n\nconst useCitationBaseClassName = makeResetStyles({\n gridRow: 1,\n});\n\nconst useLabelBaseClassName = makeResetStyles({\n alignSelf: 'start',\n display: '-webkit-box',\n gridRow: '1 / 3',\n overflowY: 'hidden',\n // 16px is the height of the tallest element within the preview header\n paddingTop: `calc((16px / 2) - (${labelLineHeight} - ${labelFontSize}))`,\n wordBreak: 'break-word',\n\n '-webkit-box-orient': 'vertical',\n '-webkit-line-clamp': '2',\n\n ...typographyStyles.caption1Strong,\n});\n\nconst useMediaBaseClassName = makeResetStyles({\n gridRow: 1,\n height: '16px',\n lineHeight: 0,\n width: '16px',\n\n [`> .${previewHeaderExtraClassNames.mediaChild}`]: {\n height: '16px',\n width: '16px',\n },\n});\n\nconst useRootBaseClassName = makeResetStyles({\n alignItems: 'center',\n columnGap: tokens.spacingHorizontalXS,\n display: 'grid',\n gridTemplateRows: '24px',\n});\n\n// Since the grid track that needs to grow is not always guaranteed to be the first or the last, but can change positions\n// based on the slots present, we need to conditionally set the grid template columns based on the slots present.\nconst useRootStyles = makeStyles({\n onlyLabel: {\n gridTemplateColumns: '1fr',\n },\n previousAndLabel: {\n gridTemplateColumns: 'min-content 1fr',\n },\n labelAndActions: {\n gridTemplateColumns: '1fr min-content',\n },\n citationMediaLabel: {\n gridTemplateColumns: 'min-content min-content 1fr',\n },\n previousLabelActions: {\n gridTemplateColumns: 'min-content 1fr min-content',\n },\n all: {\n gridTemplateColumns: 'min-content min-content 1fr min-content',\n },\n});\n\n/*\n Apply styling to the PreviewHeader slots based on the state\n */\nexport const usePreviewHeaderStyles_unstable = (state: PreviewHeaderState): PreviewHeaderState => {\n 'use no memo';\n\n const actionsBaseClassName = useActionsBaseClassName();\n const citationBaseClassName = useCitationBaseClassName();\n const labelBaseClassName = useLabelBaseClassName();\n const mediaBaseClassName = useMediaBaseClassName();\n const rootBaseClassName = useRootBaseClassName();\n const rootStyles = useRootStyles();\n\n let actionsPresent = false;\n if (state.actions) {\n actionsPresent = true;\n state.actions.className = mergeClasses(\n previewHeaderClassNames.actions,\n actionsBaseClassName,\n state.actions.className,\n );\n }\n\n let citationPresent = false;\n if (state.citation) {\n citationPresent = true;\n state.citation.className = mergeClasses(\n previewHeaderClassNames.citation,\n citationBaseClassName,\n state.citation.className,\n );\n }\n\n state.label.className = mergeClasses(previewHeaderClassNames.label, labelBaseClassName, state.label.className);\n\n let mediaPresent = false;\n if (state.media) {\n mediaPresent = true;\n state.media.className = mergeClasses(previewHeaderClassNames.media, mediaBaseClassName, state.media.className);\n }\n\n state.root.className = mergeClasses(\n previewHeaderClassNames.root,\n rootBaseClassName,\n !citationPresent && !mediaPresent && !actionsPresent && rootStyles.onlyLabel,\n ((citationPresent && !mediaPresent) \|\| (mediaPresent && !citationPresent)) &&\n !actionsPresent &&\n rootStyles.previousAndLabel,\n !citationPresent && !mediaPresent && actionsPresent && rootStyles.labelAndActions,\n citationPresent && mediaPresent && !actionsPresent && rootStyles.citationMediaLabel,\n ((citationPresent && !mediaPresent) \|\| (mediaPresent && !citationPresent)) &&\n actionsPresent &&\n rootStyles.previousLabelActions,\n citationPresent && mediaPresent && actionsPresent && rootStyles.all,\n state.root.className,\n );\n\n return state;\n};\n"],"names":["makeResetStyles","makeStyles","mergeClasses","typographyStyles","tokens","previewHeaderClassNames","root","actions","citation","label","media","previewHeaderExtraClassNames","mediaChild","labelFontSize","caption1Strong","fontSize","labelLineHeight","lineHeight","useActionsBaseClassName","gridRow","justifySelf","useCitationBaseClassName","useLabelBaseClassName","alignSelf","display","overflowY","paddingTop","wordBreak","useMediaBaseClassName","height","width","useRootBaseClassName","alignItems","columnGap","spacingHorizontalXS","gridTemplateRows","useRootStyles","onlyLabel","gridTemplateColumns","previousAndLabel","labelAndActions","citationMediaLabel","previousLabelActions","all","usePreviewHeaderStyles_unstable","state","actionsBaseClassName","citationBaseClassName","labelBaseClassName","mediaBaseClassName","rootBaseClassName","rootStyles","actionsPresent","className","citationPresent","mediaPresent"],"rangeMappings":"~~;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;~~","mappings":"AAAA,~~SAASA~~,eAAe,~~EAAEC~~,UAAU,~~EAAEC~~,YAAY,~~EAAEC~~,gBAAgB,~~QAAQ~~,6BAA6B;~~AACzG~~,SAASC,MAAM,QAAQ,2BAA2B;AAIlD,OAAO,MAAMC,0BAA8D;IACzEC,MAAM;IACNC,SAAS;IACTC,UAAU;IACVC,OAAO;IACPC,OAAO;AACT,EAAE;AAEF,OAAO,MAAMC,+BAA+B;IAC1CC,YAAY;AACd,EAAE;AAEF,MAAMC,gBAAgBV,iBAAiBW,cAAc,CAACC,QAAQ;AAC9D,MAAMC,kBAAkBb,iBAAiBW,cAAc,CAACG,UAAU;AAElE,MAAMC,0BAA0BlB,gBAAgB;IAC9CmB,SAAS;IACTC,aAAa;AACf;AAEA,MAAMC,2BAA2BrB,gBAAgB;IAC/CmB,SAAS;AACX;AAEA,MAAMG,wBAAwBtB,gBAAgB;IAC5CuB,WAAW;IACXC,SAAS;IACTL,SAAS;IACTM,WAAW;IACX,sEAAsE;IACtEC,YAAY,CAAC,mBAAmB,EAAEV,gBAAgB,GAAG,EAAEH,cAAc,EAAE,CAAC;IACxEc,WAAW;IAEX,sBAAsB;IACtB,sBAAsB;IAEtB,GAAGxB,iBAAiBW,cAAc;~~AACpC~~;AAEA,~~MAAMc~~,~~wBAAwB5B~~,gBAAgB;IAC5CmB,SAAS;~~IACTU~~,QAAQ;~~IACRZ~~,YAAY;~~IACZa~~,OAAO;IAEP,CAAC,CAAC,GAAG,~~EAAEnB~~,6BAA6BC,UAAU,CAAC,CAAC,CAAC,EAAE;~~QACjDiB~~,QAAQ;QACRC,OAAO;IACT;AACF;AAEA,MAAMC,~~uBAAuB/B~~,gBAAgB;~~IAC3CgC~~,YAAY;IACZC,~~WAAW7B~~,~~OAAO8B~~,mBAAmB;~~IACrCV~~,SAAS;~~IACTW~~,kBAAkB;AACpB;AAEA,yHAAyH;AACzH,iHAAiH;AACjH,MAAMC,~~gBAAgBnC~~,WAAW;IAC/~~BoC~~,WAAW;QACTC,qBAAqB;IACvB;IACAC,kBAAkB;QAChBD,qBAAqB;IACvB;IACAE,iBAAiB;QACfF,qBAAqB;IACvB;IACAG,oBAAoB;QAClBH,qBAAqB;IACvB;IACAI,sBAAsB;QACpBJ,qBAAqB;IACvB;IACAK,KAAK;QACHL,qBAAqB;IACvB;AACF;AAEA;;CAEC,GACD,OAAO,MAAMM,kCAAkC,CAACC;IAC9C;IAEA,MAAMC,~~uBAAuB5B~~;IAC7B,~~MAAM6B~~,~~wBAAwB1B~~;IAC9B,~~MAAM2B~~,~~qBAAqB1B~~;IAC3B,~~MAAM2B~~,qBAAqBrB;IAC3B,MAAMsB,oBAAoBnB;IAC1B,MAAMoB,aAAaf;IAEnB,IAAIgB,iBAAiB;IACrB,IAAIP,~~MAAMtC~~,OAAO,EAAE;~~QACjB6C~~,iBAAiB;QACjBP,~~MAAMtC~~,OAAO,~~CAAC8C~~,SAAS,~~GAAGnD~~,aACxBG,wBAAwBE,OAAO,EAC/~~BuC~~,sBACAD,~~MAAMtC~~,OAAO,~~CAAC8C~~,SAAS;IAE3B;IAEA,IAAIC,kBAAkB;IACtB,IAAIT,~~MAAMrC~~,QAAQ,EAAE;~~QAClB8C~~,kBAAkB;QAClBT,~~MAAMrC~~,QAAQ,~~CAAC6C~~,SAAS,~~GAAGnD~~,aACzBG,wBAAwBG,QAAQ,~~EAChCuC~~,uBACAF,~~MAAMrC~~,QAAQ,~~CAAC6C~~,SAAS;IAE5B;IAEAR,~~MAAMpC~~,KAAK,~~CAAC4C~~,SAAS,~~GAAGnD~~,aAAaG,wBAAwBI,KAAK,~~EAAEuC~~,oBAAoBH,~~MAAMpC~~,KAAK,~~CAAC4C~~,SAAS;IAE7G,IAAIE,eAAe;IACnB,IAAIV,~~MAAMnC~~,KAAK,EAAE;~~QACf6C~~,eAAe;QACfV,~~MAAMnC~~,KAAK,~~CAAC2C~~,SAAS,~~GAAGnD~~,aAAaG,wBAAwBK,KAAK,~~EAAEuC~~,oBAAoBJ,~~MAAMnC~~,KAAK,~~CAAC2C~~,SAAS;IAC/G;IAEAR,~~MAAMvC~~,IAAI,~~CAAC+C~~,SAAS,~~GAAGnD~~,aACrBG,wBAAwBC,IAAI,~~EAC5B4C~~,mBACA,CAACI,mBAAmB,CAACC,gBAAgB,CAACH,kBAAkBD,WAAWd,SAAS,EAC5E,AAAC,CAAA,AAACiB,mBAAmB,CAACC,gBAAkBA,gBAAgB,CAACD,eAAe,KACtE,CAACF,kBACDD,WAAWZ,gBAAgB,EAC7B,CAACe,mBAAmB,CAACC,gBAAgBH,kBAAkBD,WAAWX,eAAe,EACjFc,mBAAmBC,gBAAgB,CAACH,kBAAkBD,WAAWV,kBAAkB,EACnF,AAAC,CAAA,AAACa,mBAAmB,CAACC,gBAAkBA,gBAAgB,CAACD,eAAe,KACtEF,kBACAD,WAAWT,oBAAoB,EACjCY,mBAAmBC,gBAAgBH,kBAAkBD,WAAWR,GAAG,EACnEE,~~MAAMvC~~,IAAI,~~CAAC+C~~,SAAS;IAGtB,OAAOR;AACT,EAAE"}
1	+ {"version":3,"sources":["usePreviewHeaderStyles.styles.ts"],"sourcesContent":["import {\n linkClassNames,\n makeResetStyles,\n makeStyles,\n mergeClasses,\n typographyStyles,\n} from '@fluentui/react-components';\nimport { tokens } from '@fluentui-copilot/tokens';\nimport type { PreviewHeaderSlots, PreviewHeaderState } from './PreviewHeader.types';\nimport type { SlotClassNames } from '@fluentui/react-components';\n\nexport const previewHeaderClassNames: SlotClassNames<PreviewHeaderSlots> = {\n root: 'fai-PreviewHeader',\n actions: 'fai-PreviewHeader__actions',\n citation: 'fai-PreviewHeader__citation',\n label: 'fai-PreviewHeader__label',\n media: 'fai-PreviewHeader__media',\n};\n\nexport const previewHeaderExtraClassNames = {\n mediaChild: 'fai-PreviewHeader__mediaChild',\n};\n\nconst labelFontSize = typographyStyles.caption1Strong.fontSize;\nconst labelLineHeight = typographyStyles.caption1Strong.lineHeight;\n\nconst useActionsBaseClassName = makeResetStyles({\n gridRow: 1,\n justifySelf: 'end',\n});\n\nconst useCitationBaseClassName = makeResetStyles({\n gridRow: 1,\n});\n\nconst useLabelBaseClassName = makeResetStyles({\n alignSelf: 'start',\n display: '-webkit-box',\n gridRow: '1 / 3',\n overflowY: 'hidden',\n // 16px is the height of the tallest element within the preview header\n paddingTop: `calc((16px / 2) - (${labelLineHeight} - ${labelFontSize}))`,\n wordBreak: 'break-word',\n\n '-webkit-box-orient': 'vertical',\n '-webkit-line-clamp': '2',\n\n ...typographyStyles.caption1Strong,\n\n [`& .${linkClassNames.root}`]: {\n ...typographyStyles.caption1Strong,\n color: tokens.colorNeutralForeground3,\n\n ':hover': {\n color: tokens.colorNeutralForeground3Hover,\n },\n ':hover:active': {\n color: tokens.colorNeutralForeground3Pressed,\n },\n },\n});\n\nconst useMediaBaseClassName = makeResetStyles({\n gridRow: 1,\n height: '16px',\n lineHeight: 0,\n width: '16px',\n\n [`> .${previewHeaderExtraClassNames.mediaChild}`]: {\n height: '16px',\n width: '16px',\n },\n});\n\nconst useRootBaseClassName = makeResetStyles({\n alignItems: 'center',\n columnGap: tokens.spacingHorizontalXS,\n display: 'grid',\n gridTemplateRows: '24px',\n});\n\n// Since the grid track that needs to grow is not always guaranteed to be the first or the last, but can change positions\n// based on the slots present, we need to conditionally set the grid template columns based on the slots present.\nconst useRootStyles = makeStyles({\n onlyLabel: {\n gridTemplateColumns: '1fr',\n },\n previousAndLabel: {\n gridTemplateColumns: 'min-content 1fr',\n },\n labelAndActions: {\n gridTemplateColumns: '1fr min-content',\n },\n citationMediaLabel: {\n gridTemplateColumns: 'min-content min-content 1fr',\n },\n previousLabelActions: {\n gridTemplateColumns: 'min-content 1fr min-content',\n },\n all: {\n gridTemplateColumns: 'min-content min-content 1fr min-content',\n },\n});\n\n/*\n Apply styling to the PreviewHeader slots based on the state\n */\nexport const usePreviewHeaderStyles_unstable = (state: PreviewHeaderState): PreviewHeaderState => {\n 'use no memo';\n\n const actionsBaseClassName = useActionsBaseClassName();\n const citationBaseClassName = useCitationBaseClassName();\n const labelBaseClassName = useLabelBaseClassName();\n const mediaBaseClassName = useMediaBaseClassName();\n const rootBaseClassName = useRootBaseClassName();\n const rootStyles = useRootStyles();\n\n let actionsPresent = false;\n if (state.actions) {\n actionsPresent = true;\n state.actions.className = mergeClasses(\n previewHeaderClassNames.actions,\n actionsBaseClassName,\n state.actions.className,\n );\n }\n\n let citationPresent = false;\n if (state.citation) {\n citationPresent = true;\n state.citation.className = mergeClasses(\n previewHeaderClassNames.citation,\n citationBaseClassName,\n state.citation.className,\n );\n }\n\n state.label.className = mergeClasses(previewHeaderClassNames.label, labelBaseClassName, state.label.className);\n\n let mediaPresent = false;\n if (state.media) {\n mediaPresent = true;\n state.media.className = mergeClasses(previewHeaderClassNames.media, mediaBaseClassName, state.media.className);\n }\n\n state.root.className = mergeClasses(\n previewHeaderClassNames.root,\n rootBaseClassName,\n !citationPresent && !mediaPresent && !actionsPresent && rootStyles.onlyLabel,\n ((citationPresent && !mediaPresent) \|\| (mediaPresent && !citationPresent)) &&\n !actionsPresent &&\n rootStyles.previousAndLabel,\n !citationPresent && !mediaPresent && actionsPresent && rootStyles.labelAndActions,\n citationPresent && mediaPresent && !actionsPresent && rootStyles.citationMediaLabel,\n ((citationPresent && !mediaPresent) \|\| (mediaPresent && !citationPresent)) &&\n actionsPresent &&\n rootStyles.previousLabelActions,\n citationPresent && mediaPresent && actionsPresent && rootStyles.all,\n state.root.className,\n );\n\n return state;\n};\n"],"names":["linkClassNames","makeResetStyles","makeStyles","mergeClasses","typographyStyles","tokens","previewHeaderClassNames","root","actions","citation","label","media","previewHeaderExtraClassNames","mediaChild","labelFontSize","caption1Strong","fontSize","labelLineHeight","lineHeight","useActionsBaseClassName","gridRow","justifySelf","useCitationBaseClassName","useLabelBaseClassName","alignSelf","display","overflowY","paddingTop","wordBreak","color","colorNeutralForeground3","colorNeutralForeground3Hover","colorNeutralForeground3Pressed","useMediaBaseClassName","height","width","useRootBaseClassName","alignItems","columnGap","spacingHorizontalXS","gridTemplateRows","useRootStyles","onlyLabel","gridTemplateColumns","previousAndLabel","labelAndActions","citationMediaLabel","previousLabelActions","all","usePreviewHeaderStyles_unstable","state","actionsBaseClassName","citationBaseClassName","labelBaseClassName","mediaBaseClassName","rootBaseClassName","rootStyles","actionsPresent","className","citationPresent","mediaPresent"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}

package/lib/components/PreviewHeader/usePreviewHeaderStyles.styles.raw.js ADDED Viewed

@@ -0,0 +1,113 @@
+import { linkClassNames, makeResetStyles, makeStyles, mergeClasses, typographyStyles } from '@fluentui/react-components';
+import { tokens } from '@fluentui-copilot/tokens';
+export const previewHeaderClassNames = {
+  root: 'fai-PreviewHeader',
+  actions: 'fai-PreviewHeader__actions',
+  citation: 'fai-PreviewHeader__citation',
+  label: 'fai-PreviewHeader__label',
+  media: 'fai-PreviewHeader__media'
+};
+export const previewHeaderExtraClassNames = {
+  mediaChild: 'fai-PreviewHeader__mediaChild'
+};
+const labelFontSize = typographyStyles.caption1Strong.fontSize;
+const labelLineHeight = typographyStyles.caption1Strong.lineHeight;
+const useActionsBaseClassName = makeResetStyles({
+  gridRow: 1,
+  justifySelf: 'end'
+});
+const useCitationBaseClassName = makeResetStyles({
+  gridRow: 1
+});
+const useLabelBaseClassName = makeResetStyles({
+  alignSelf: 'start',
+  display: '-webkit-box',
+  gridRow: '1 / 3',
+  overflowY: 'hidden',
+  // 16px is the height of the tallest element within the preview header
+  paddingTop: `calc((16px / 2) - (${labelLineHeight} - ${labelFontSize}))`,
+  wordBreak: 'break-word',
+  '-webkit-box-orient': 'vertical',
+  '-webkit-line-clamp': '2',
+  ...typographyStyles.caption1Strong,
+  [`& .${linkClassNames.root}`]: {
+    ...typographyStyles.caption1Strong,
+    color: tokens.colorNeutralForeground3,
+    ':hover': {
+      color: tokens.colorNeutralForeground3Hover
+    },
+    ':hover:active': {
+      color: tokens.colorNeutralForeground3Pressed
+    }
+  }
+});
+const useMediaBaseClassName = makeResetStyles({
+  gridRow: 1,
+  height: '16px',
+  lineHeight: 0,
+  width: '16px',
+  [`> .${previewHeaderExtraClassNames.mediaChild}`]: {
+    height: '16px',
+    width: '16px'
+  }
+});
+const useRootBaseClassName = makeResetStyles({
+  alignItems: 'center',
+  columnGap: tokens.spacingHorizontalXS,
+  display: 'grid',
+  gridTemplateRows: '24px'
+});
+// Since the grid track that needs to grow is not always guaranteed to be the first or the last, but can change positions
+// based on the slots present, we need to conditionally set the grid template columns based on the slots present.
+const useRootStyles = makeStyles({
+  onlyLabel: {
+    gridTemplateColumns: '1fr'
+  },
+  previousAndLabel: {
+    gridTemplateColumns: 'min-content 1fr'
+  },
+  labelAndActions: {
+    gridTemplateColumns: '1fr min-content'
+  },
+  citationMediaLabel: {
+    gridTemplateColumns: 'min-content min-content 1fr'
+  },
+  previousLabelActions: {
+    gridTemplateColumns: 'min-content 1fr min-content'
+  },
+  all: {
+    gridTemplateColumns: 'min-content min-content 1fr min-content'
+  }
+});
+/**
+ * Apply styling to the PreviewHeader slots based on the state
+ */
+export const usePreviewHeaderStyles_unstable = state => {
+  'use no memo';
+  const actionsBaseClassName = useActionsBaseClassName();
+  const citationBaseClassName = useCitationBaseClassName();
+  const labelBaseClassName = useLabelBaseClassName();
+  const mediaBaseClassName = useMediaBaseClassName();
+  const rootBaseClassName = useRootBaseClassName();
+  const rootStyles = useRootStyles();
+  let actionsPresent = false;
+  if (state.actions) {
+    actionsPresent = true;
+    state.actions.className = mergeClasses(previewHeaderClassNames.actions, actionsBaseClassName, state.actions.className);
+  }
+  let citationPresent = false;
+  if (state.citation) {
+    citationPresent = true;
+    state.citation.className = mergeClasses(previewHeaderClassNames.citation, citationBaseClassName, state.citation.className);
+  }
+  state.label.className = mergeClasses(previewHeaderClassNames.label, labelBaseClassName, state.label.className);
+  let mediaPresent = false;
+  if (state.media) {
+    mediaPresent = true;
+    state.media.className = mergeClasses(previewHeaderClassNames.media, mediaBaseClassName, state.media.className);
+  }
+  state.root.className = mergeClasses(previewHeaderClassNames.root, rootBaseClassName, !citationPresent && !mediaPresent && !actionsPresent && rootStyles.onlyLabel, (citationPresent && !mediaPresent || mediaPresent && !citationPresent) && !actionsPresent && rootStyles.previousAndLabel, !citationPresent && !mediaPresent && actionsPresent && rootStyles.labelAndActions, citationPresent && mediaPresent && !actionsPresent && rootStyles.citationMediaLabel, (citationPresent && !mediaPresent || mediaPresent && !citationPresent) && actionsPresent && rootStyles.previousLabelActions, citationPresent && mediaPresent && actionsPresent && rootStyles.all, state.root.className);
+  return state;
+};
+//# sourceMappingURL=usePreviewHeaderStyles.styles.raw.js.map

package/lib/components/PreviewHeader/usePreviewHeaderStyles.styles.raw.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"sources":["usePreviewHeaderStyles.styles.ts"],"sourcesContent":["import {\n linkClassNames,\n makeResetStyles,\n makeStyles,\n mergeClasses,\n typographyStyles,\n} from '@fluentui/react-components';\nimport { tokens } from '@fluentui-copilot/tokens';\nimport type { PreviewHeaderSlots, PreviewHeaderState } from './PreviewHeader.types';\nimport type { SlotClassNames } from '@fluentui/react-components';\n\nexport const previewHeaderClassNames: SlotClassNames<PreviewHeaderSlots> = {\n root: 'fai-PreviewHeader',\n actions: 'fai-PreviewHeader__actions',\n citation: 'fai-PreviewHeader__citation',\n label: 'fai-PreviewHeader__label',\n media: 'fai-PreviewHeader__media',\n};\n\nexport const previewHeaderExtraClassNames = {\n mediaChild: 'fai-PreviewHeader__mediaChild',\n};\n\nconst labelFontSize = typographyStyles.caption1Strong.fontSize;\nconst labelLineHeight = typographyStyles.caption1Strong.lineHeight;\n\nconst useActionsBaseClassName = makeResetStyles({\n gridRow: 1,\n justifySelf: 'end',\n});\n\nconst useCitationBaseClassName = makeResetStyles({\n gridRow: 1,\n});\n\nconst useLabelBaseClassName = makeResetStyles({\n alignSelf: 'start',\n display: '-webkit-box',\n gridRow: '1 / 3',\n overflowY: 'hidden',\n // 16px is the height of the tallest element within the preview header\n paddingTop: `calc((16px / 2) - (${labelLineHeight} - ${labelFontSize}))`,\n wordBreak: 'break-word',\n\n '-webkit-box-orient': 'vertical',\n '-webkit-line-clamp': '2',\n\n ...typographyStyles.caption1Strong,\n\n [`& .${linkClassNames.root}`]: {\n ...typographyStyles.caption1Strong,\n color: tokens.colorNeutralForeground3,\n\n ':hover': {\n color: tokens.colorNeutralForeground3Hover,\n },\n ':hover:active': {\n color: tokens.colorNeutralForeground3Pressed,\n },\n },\n});\n\nconst useMediaBaseClassName = makeResetStyles({\n gridRow: 1,\n height: '16px',\n lineHeight: 0,\n width: '16px',\n\n [`> .${previewHeaderExtraClassNames.mediaChild}`]: {\n height: '16px',\n width: '16px',\n },\n});\n\nconst useRootBaseClassName = makeResetStyles({\n alignItems: 'center',\n columnGap: tokens.spacingHorizontalXS,\n display: 'grid',\n gridTemplateRows: '24px',\n});\n\n// Since the grid track that needs to grow is not always guaranteed to be the first or the last, but can change positions\n// based on the slots present, we need to conditionally set the grid template columns based on the slots present.\nconst useRootStyles = makeStyles({\n onlyLabel: {\n gridTemplateColumns: '1fr',\n },\n previousAndLabel: {\n gridTemplateColumns: 'min-content 1fr',\n },\n labelAndActions: {\n gridTemplateColumns: '1fr min-content',\n },\n citationMediaLabel: {\n gridTemplateColumns: 'min-content min-content 1fr',\n },\n previousLabelActions: {\n gridTemplateColumns: 'min-content 1fr min-content',\n },\n all: {\n gridTemplateColumns: 'min-content min-content 1fr min-content',\n },\n});\n\n/**\n * Apply styling to the PreviewHeader slots based on the state\n */\nexport const usePreviewHeaderStyles_unstable = (state: PreviewHeaderState): PreviewHeaderState => {\n 'use no memo';\n\n const actionsBaseClassName = useActionsBaseClassName();\n const citationBaseClassName = useCitationBaseClassName();\n const labelBaseClassName = useLabelBaseClassName();\n const mediaBaseClassName = useMediaBaseClassName();\n const rootBaseClassName = useRootBaseClassName();\n const rootStyles = useRootStyles();\n\n let actionsPresent = false;\n if (state.actions) {\n actionsPresent = true;\n state.actions.className = mergeClasses(\n previewHeaderClassNames.actions,\n actionsBaseClassName,\n state.actions.className,\n );\n }\n\n let citationPresent = false;\n if (state.citation) {\n citationPresent = true;\n state.citation.className = mergeClasses(\n previewHeaderClassNames.citation,\n citationBaseClassName,\n state.citation.className,\n );\n }\n\n state.label.className = mergeClasses(previewHeaderClassNames.label, labelBaseClassName, state.label.className);\n\n let mediaPresent = false;\n if (state.media) {\n mediaPresent = true;\n state.media.className = mergeClasses(previewHeaderClassNames.media, mediaBaseClassName, state.media.className);\n }\n\n state.root.className = mergeClasses(\n previewHeaderClassNames.root,\n rootBaseClassName,\n !citationPresent && !mediaPresent && !actionsPresent && rootStyles.onlyLabel,\n ((citationPresent && !mediaPresent) || (mediaPresent && !citationPresent)) &&\n !actionsPresent &&\n rootStyles.previousAndLabel,\n !citationPresent && !mediaPresent && actionsPresent && rootStyles.labelAndActions,\n citationPresent && mediaPresent && !actionsPresent && rootStyles.citationMediaLabel,\n ((citationPresent && !mediaPresent) || (mediaPresent && !citationPresent)) &&\n actionsPresent &&\n rootStyles.previousLabelActions,\n citationPresent && mediaPresent && actionsPresent && rootStyles.all,\n state.root.className,\n );\n\n return state;\n};\n"],"names":["linkClassNames","makeResetStyles","makeStyles","mergeClasses","typographyStyles","tokens","previewHeaderClassNames","root","actions","citation","label","media","previewHeaderExtraClassNames","mediaChild","labelFontSize","caption1Strong","fontSize","labelLineHeight","lineHeight","useActionsBaseClassName","gridRow","justifySelf","useCitationBaseClassName","useLabelBaseClassName","alignSelf","display","overflowY","paddingTop","wordBreak","color","colorNeutralForeground3","colorNeutralForeground3Hover","colorNeutralForeground3Pressed","useMediaBaseClassName","height","width","useRootBaseClassName","alignItems","columnGap","spacingHorizontalXS","gridTemplateRows","useRootStyles","onlyLabel","gridTemplateColumns","previousAndLabel","labelAndActions","citationMediaLabel","previousLabelActions","all","usePreviewHeaderStyles_unstable","state","actionsBaseClassName","citationBaseClassName","labelBaseClassName","mediaBaseClassName","rootBaseClassName","rootStyles","actionsPresent","className","citationPresent","mediaPresent"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}

package/lib/components/PreviewMetadata/usePreviewMetadataStyles.styles.raw.js ADDED Viewed

@@ -0,0 +1,59 @@
+import { makeResetStyles, makeStyles, mergeClasses, shorthands, typographyStyles } from '@fluentui/react-components';
+import { tokens } from '@fluentui-copilot/tokens';
+export const previewMetadataClassNames = {
+  root: 'fai-PreviewMetadata',
+  icon: 'fai-PreviewMetadata__icon',
+  primaryText: 'fai-PreviewMetadata__primaryText',
+  secondaryText: 'fai-PreviewMetadata__secondaryText',
+  tertiaryText: 'fai-PreviewMetadata__tertiaryText'
+};
+const useRootBaseClassName = makeResetStyles({
+  ...typographyStyles.caption2
+});
+const useIconBaseClassName = makeResetStyles({
+  marginLeft: tokens.spacingHorizontalSNudge,
+  verticalAlign: 'middle'
+});
+const useTextStyles = makeStyles({
+  subsequentText: {
+    marginLeft: `calc(${tokens.spacingHorizontalSNudge} * 2)`,
+    position: 'relative',
+    '&::before': {
+      ...shorthands.borderLeft(tokens.strokeWidthThin, 'solid', tokens.colorNeutralStroke2),
+      content: '""',
+      display: 'block',
+      height: typographyStyles.caption2.fontSize,
+      left: `calc(-1 * ${tokens.spacingHorizontalSNudge})`,
+      position: 'absolute',
+      top: `calc((${typographyStyles.caption2.lineHeight} - ${typographyStyles.caption2.fontSize}) / 2)`
+    }
+  }
+});
+/**
+ * Apply styling to the PreviewMetadata slots based on the state
+ */
+export const usePreviewMetadataStyles_unstable = state => {
+  'use no memo';
+  const rootBaseClassName = useRootBaseClassName();
+  const iconBaseClassName = useIconBaseClassName();
+  const textStyles = useTextStyles();
+  state.root.className = mergeClasses(previewMetadataClassNames.root, rootBaseClassName, state.root.className);
+  if (state.icon) {
+    state.icon.className = mergeClasses(previewMetadataClassNames.icon, iconBaseClassName, state.icon.className);
+  }
+  let isSubsequentAfterText = false;
+  if (state.primaryText) {
+    state.primaryText.className = mergeClasses(previewMetadataClassNames.primaryText, state.primaryText.className);
+    isSubsequentAfterText = true;
+  }
+  if (state.secondaryText) {
+    state.secondaryText.className = mergeClasses(previewMetadataClassNames.secondaryText, isSubsequentAfterText && textStyles.subsequentText, state.secondaryText.className);
+    isSubsequentAfterText = true;
+  }
+  if (state.tertiaryText) {
+    state.tertiaryText.className = mergeClasses(previewMetadataClassNames.tertiaryText, isSubsequentAfterText && textStyles.subsequentText, state.tertiaryText.className);
+  }
+  return state;
+};
+//# sourceMappingURL=usePreviewMetadataStyles.styles.raw.js.map

package/lib/components/PreviewMetadata/usePreviewMetadataStyles.styles.raw.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"sources":["usePreviewMetadataStyles.styles.ts"],"sourcesContent":["import {\n makeResetStyles,\n makeStyles,\n mergeClasses,\n shorthands,\n typographyStyles,\n} from '@fluentui/react-components';\nimport { tokens } from '@fluentui-copilot/tokens';\nimport type { PreviewMetadataSlots, PreviewMetadataState } from './PreviewMetadata.types';\nimport type { SlotClassNames } from '@fluentui/react-components';\n\nexport const previewMetadataClassNames: SlotClassNames<PreviewMetadataSlots> = {\n root: 'fai-PreviewMetadata',\n icon: 'fai-PreviewMetadata__icon',\n primaryText: 'fai-PreviewMetadata__primaryText',\n secondaryText: 'fai-PreviewMetadata__secondaryText',\n tertiaryText: 'fai-PreviewMetadata__tertiaryText',\n};\n\nconst useRootBaseClassName = makeResetStyles({\n ...typographyStyles.caption2,\n});\n\nconst useIconBaseClassName = makeResetStyles({\n marginLeft: tokens.spacingHorizontalSNudge,\n verticalAlign: 'middle',\n});\n\nconst useTextStyles = makeStyles({\n subsequentText: {\n marginLeft: `calc(${tokens.spacingHorizontalSNudge} * 2)`,\n position: 'relative',\n\n '&::before': {\n ...shorthands.borderLeft(tokens.strokeWidthThin, 'solid', tokens.colorNeutralStroke2),\n content: '\"\"',\n display: 'block',\n height: typographyStyles.caption2.fontSize,\n left: `calc(-1 * ${tokens.spacingHorizontalSNudge})`,\n position: 'absolute',\n top: `calc((${typographyStyles.caption2.lineHeight} - ${typographyStyles.caption2.fontSize}) / 2)`,\n },\n },\n});\n\n/**\n * Apply styling to the PreviewMetadata slots based on the state\n */\nexport const usePreviewMetadataStyles_unstable = (state: PreviewMetadataState): PreviewMetadataState => {\n 'use no memo';\n\n const rootBaseClassName = useRootBaseClassName();\n const iconBaseClassName = useIconBaseClassName();\n const textStyles = useTextStyles();\n\n state.root.className = mergeClasses(previewMetadataClassNames.root, rootBaseClassName, state.root.className);\n\n if (state.icon) {\n state.icon.className = mergeClasses(previewMetadataClassNames.icon, iconBaseClassName, state.icon.className);\n }\n\n let isSubsequentAfterText = false;\n\n if (state.primaryText) {\n state.primaryText.className = mergeClasses(previewMetadataClassNames.primaryText, state.primaryText.className);\n isSubsequentAfterText = true;\n }\n\n if (state.secondaryText) {\n state.secondaryText.className = mergeClasses(\n previewMetadataClassNames.secondaryText,\n isSubsequentAfterText && textStyles.subsequentText,\n state.secondaryText.className,\n );\n isSubsequentAfterText = true;\n }\n\n if (state.tertiaryText) {\n state.tertiaryText.className = mergeClasses(\n previewMetadataClassNames.tertiaryText,\n isSubsequentAfterText && textStyles.subsequentText,\n state.tertiaryText.className,\n );\n }\n\n return state;\n};\n"],"names":["makeResetStyles","makeStyles","mergeClasses","shorthands","typographyStyles","tokens","previewMetadataClassNames","root","icon","primaryText","secondaryText","tertiaryText","useRootBaseClassName","caption2","useIconBaseClassName","marginLeft","spacingHorizontalSNudge","verticalAlign","useTextStyles","subsequentText","position","borderLeft","strokeWidthThin","colorNeutralStroke2","content","display","height","fontSize","left","top","lineHeight","usePreviewMetadataStyles_unstable","state","rootBaseClassName","iconBaseClassName","textStyles","className","isSubsequentAfterText"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,SACEA,eAAe,EACfC,UAAU,EACVC,YAAY,EACZC,UAAU,EACVC,gBAAgB,QACX,6BAA6B;AACpC,SAASC,MAAM,QAAQ,2BAA2B;AAIlD,OAAO,MAAMC,4BAAkE;IAC7EC,MAAM;IACNC,MAAM;IACNC,aAAa;IACbC,eAAe;IACfC,cAAc;AAChB,EAAE;AAEF,MAAMC,uBAAuBZ,gBAAgB;IAC3C,GAAGI,iBAAiBS,QAAQ;AAC9B;AAEA,MAAMC,uBAAuBd,gBAAgB;IAC3Ce,YAAYV,OAAOW,uBAAuB;IAC1CC,eAAe;AACjB;AAEA,MAAMC,gBAAgBjB,WAAW;IAC/BkB,gBAAgB;QACdJ,YAAY,CAAC,KAAK,EAAEV,OAAOW,uBAAuB,CAAC,KAAK,CAAC;QACzDI,UAAU;QAEV,aAAa;YACX,GAAGjB,WAAWkB,UAAU,CAAChB,OAAOiB,eAAe,EAAE,SAASjB,OAAOkB,mBAAmB,CAAC;YACrFC,SAAS;YACTC,SAAS;YACTC,QAAQtB,iBAAiBS,QAAQ,CAACc,QAAQ;YAC1CC,MAAM,CAAC,UAAU,EAAEvB,OAAOW,uBAAuB,CAAC,CAAC,CAAC;YACpDI,UAAU;YACVS,KAAK,CAAC,MAAM,EAAEzB,iBAAiBS,QAAQ,CAACiB,UAAU,CAAC,GAAG,EAAE1B,iBAAiBS,QAAQ,CAACc,QAAQ,CAAC,MAAM,CAAC;QACpG;IACF;AACF;AAEA;;CAEC,GACD,OAAO,MAAMI,oCAAoC,CAACC;IAChD;IAEA,MAAMC,oBAAoBrB;IAC1B,MAAMsB,oBAAoBpB;IAC1B,MAAMqB,aAAajB;IAEnBc,MAAMzB,IAAI,CAAC6B,SAAS,GAAGlC,aAAaI,0BAA0BC,IAAI,EAAE0B,mBAAmBD,MAAMzB,IAAI,CAAC6B,SAAS;IAE3G,IAAIJ,MAAMxB,IAAI,EAAE;QACdwB,MAAMxB,IAAI,CAAC4B,SAAS,GAAGlC,aAAaI,0BAA0BE,IAAI,EAAE0B,mBAAmBF,MAAMxB,IAAI,CAAC4B,SAAS;IAC7G;IAEA,IAAIC,wBAAwB;IAE5B,IAAIL,MAAMvB,WAAW,EAAE;QACrBuB,MAAMvB,WAAW,CAAC2B,SAAS,GAAGlC,aAAaI,0BAA0BG,WAAW,EAAEuB,MAAMvB,WAAW,CAAC2B,SAAS;QAC7GC,wBAAwB;IAC1B;IAEA,IAAIL,MAAMtB,aAAa,EAAE;QACvBsB,MAAMtB,aAAa,CAAC0B,SAAS,GAAGlC,aAC9BI,0BAA0BI,aAAa,EACvC2B,yBAAyBF,WAAWhB,cAAc,EAClDa,MAAMtB,aAAa,CAAC0B,SAAS;QAE/BC,wBAAwB;IAC1B;IAEA,IAAIL,MAAMrB,YAAY,EAAE;QACtBqB,MAAMrB,YAAY,CAACyB,SAAS,GAAGlC,aAC7BI,0BAA0BK,YAAY,EACtC0B,yBAAyBF,WAAWhB,cAAc,EAClDa,MAAMrB,YAAY,CAACyB,SAAS;IAEhC;IAEA,OAAOJ;AACT,EAAE"}

package/lib/components/PreviewSurface/usePreviewSurfaceStyles.styles.raw.js ADDED Viewed

@@ -0,0 +1,35 @@
+import { makeStyles, mergeClasses, usePopoverSurfaceStyles_unstable } from '@fluentui/react-components';
+import { tokens } from '@fluentui-copilot/tokens';
+export const previewSurfaceClassNames = {
+  root: 'fai-PreviewSurface'
+};
+/**
+ * Styles for the root slot
+ */
+const useRootStyles = makeStyles({
+  base: {
+    padding: `${tokens.spacingVerticalXS} ${tokens.spacingHorizontalXS}`,
+    boxSizing: 'border-box'
+  }
+});
+const useNextStyles = makeStyles({
+  root: {
+    borderRadius: tokens.borderRadiusXLarge
+  }
+});
+/**
+ * Apply styling to the PreviewSurface slots based on the state
+ */
+export const usePreviewSurfaceStyles_unstable = state => {
+  'use no memo';
+  const {
+    designVersion
+  } = state;
+  const rootStyles = useRootStyles();
+  const nextStyles = useNextStyles();
+  state.root.className = mergeClasses(previewSurfaceClassNames.root, rootStyles.base, designVersion === 'next' && nextStyles.root, state.root.className);
+  usePopoverSurfaceStyles_unstable(state);
+  return state;
+};
+//# sourceMappingURL=usePreviewSurfaceStyles.styles.raw.js.map

package/lib/components/PreviewSurface/usePreviewSurfaceStyles.styles.raw.js.map ADDED Viewed

@@ -0,0 +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\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/PreviewContent/usePreviewContentStyles.styles.raw.js ADDED Viewed

@@ -0,0 +1,42 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    previewContentClassNames: function() {
+        return previewContentClassNames;
+    },
+    usePreviewContentStyles_unstable: function() {
+        return usePreviewContentStyles_unstable;
+    }
+});
+const _reactcomponents = require("@fluentui/react-components");
+const _tokens = require("@fluentui-copilot/tokens");
+const previewContentClassNames = {
+    root: 'fai-PreviewContent'
+};
+/**
+ * Styles for the root slot
+ */ const useRootBaseClassName = (0, _reactcomponents.makeResetStyles)({
+    color: _tokens.tokens.colorNeutralForeground3,
+    display: 'flex',
+    flexDirection: 'column',
+    maxWidth: `calc(256px - ${_tokens.tokens.spacingHorizontalXS} * 2)`,
+    padding: `${_tokens.tokens.spacingVerticalS} ${_tokens.tokens.spacingHorizontalS}`,
+    rowGap: _tokens.tokens.spacingVerticalXS,
+    wordBreak: 'break-word',
+    boxSizing: 'border-box',
+    ..._reactcomponents.typographyStyles.caption1
+});
+const usePreviewContentStyles_unstable = (state)=>{
+    'use no memo';
+    const rootBaseClassName = useRootBaseClassName();
+    state.root.className = (0, _reactcomponents.mergeClasses)(previewContentClassNames.root, rootBaseClassName, state.root.className);
+    return state;
+}; //# sourceMappingURL=usePreviewContentStyles.styles.raw.js.map

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

@@ -0,0 +1 @@

+ {"version":3,"sources":["usePreviewContentStyles.styles.ts"],"sourcesContent":["import { makeResetStyles, mergeClasses, typographyStyles } from '@fluentui/react-components';\nimport { tokens } from '@fluentui-copilot/tokens';\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","rootBaseClassName","useRootBaseClassName","root","color","colorNeutralForeground3","display","flexDirection","padding","spacingVerticalS","spacingHorizontalS","rowGap","tokens","spacingVerticalXS","wordBreak","boxSizing","typographyStyles","caption1"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAKaA,wBAAAA;eAAAA;;IAyBLC,gCAAoBC;eAApBD;;;iCA9BwD;wBACzC;AAIhB,MAAMD,2BAAgE;UAC3EG;AACF;AAEA;;CAEC,SAECC,uBAAcC,IAAAA,gCAAuB,EAAA;WACrCC,cAAS,CAAAD,uBAAA;aACTE;mBACW;cACXC,CAAS,aAAUC,EAAAA,cAAAA,CAAAA,mBAA2BC,CAAAA,KAAAA,CAAAA;aAC9CC,CAAQC,EAAAA,cAAOC,CAAAA,gBAAiB,CAAA,CAAA,EAAAD,cAAA,CAAAF,kBAAA,CAAA,CAAA;YAChCI,cAAW,CAAAD,iBAAA;eACXE;eACGC;IACL,GAAAA,iCAAA,CAAAC,QAAA;AAEA;AAME,MAAMhB,mCAAoBC,CAAAA;;IAK1B,MAAAD,oBAAAC"}

package/lib-commonjs/components/PreviewHeader/usePreviewHeaderStyles.styles.js CHANGED Viewed

@@ -38,8 +38,11 @@ const useActionsBaseClassName = (0, _reactcomponents.__resetStyles)("ry18yy9", n
 const useCitationBaseClassName = (0, _reactcomponents.__resetStyles)("ry1eqmj", null, [
     ".ry1eqmj{grid-row:1;}"
 ]);
-const useLabelBaseClassName = (0, _reactcomponents.__resetStyles)("r1tp8fqc", null, [
-    ".r1tp8fqc{align-self:start;display:-webkit-box;grid-row:1/3;overflow-y:hidden;padding-top:calc((16px / 2) - (var(--lineHeightBase200) - var(--fontSizeBase200)));word-break:break-word;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-family:var(--fontFamilyBase);font-size:var(--fontSizeBase200);font-weight:var(--fontWeightSemibold);line-height:var(--lineHeightBase200);}"
+const useLabelBaseClassName = (0, _reactcomponents.__resetStyles)("rattnj5", null, [
+    ".rattnj5{align-self:start;display:-webkit-box;grid-row:1/3;overflow-y:hidden;padding-top:calc((16px / 2) - (var(--lineHeightBase200) - var(--fontSizeBase200)));word-break:break-word;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-family:var(--fontFamilyBase);font-size:var(--fontSizeBase200);font-weight:var(--fontWeightSemibold);line-height:var(--lineHeightBase200);}",
+    ".rattnj5 .fui-Link{font-family:var(--fontFamilyBase);font-size:var(--fontSizeBase200);font-weight:var(--fontWeightSemibold);line-height:var(--lineHeightBase200);color:var(--colorNeutralForeground3);}",
+    ".rattnj5 .fui-Link:hover{color:var(--colorNeutralForeground3Hover);}",
+    ".rattnj5 .fui-Link:hover:active{color:var(--colorNeutralForeground3Pressed);}"
 ]);
 const useMediaBaseClassName = (0, _reactcomponents.__resetStyles)("rcisese", null, [
     ".rcisese{grid-row:1;height:16px;line-height:0;width:16px;}",

package/lib-commonjs/components/PreviewHeader/usePreviewHeaderStyles.styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["usePreviewHeaderStyles.styles.ts"],"sourcesContent":["import { makeResetStyles, makeStyles, mergeClasses, typographyStyles } from '@fluentui/react-components';\nimport { tokens } from '@fluentui-copilot/tokens';\nimport type { PreviewHeaderSlots, PreviewHeaderState } from './PreviewHeader.types';\nimport type { SlotClassNames } from '@fluentui/react-components';\n\nexport const previewHeaderClassNames: SlotClassNames<PreviewHeaderSlots> = {\n root: 'fai-PreviewHeader',\n actions: 'fai-PreviewHeader__actions',\n citation: 'fai-PreviewHeader__citation',\n label: 'fai-PreviewHeader__label',\n media: 'fai-PreviewHeader__media',\n};\n\nexport const previewHeaderExtraClassNames = {\n mediaChild: 'fai-PreviewHeader__mediaChild',\n};\n\nconst labelFontSize = typographyStyles.caption1Strong.fontSize;\nconst labelLineHeight = typographyStyles.caption1Strong.lineHeight;\n\nconst useActionsBaseClassName = makeResetStyles({\n gridRow: 1,\n justifySelf: 'end',\n});\n\nconst useCitationBaseClassName = makeResetStyles({\n gridRow: 1,\n});\n\nconst useLabelBaseClassName = makeResetStyles({\n alignSelf: 'start',\n display: '-webkit-box',\n gridRow: '1 / 3',\n overflowY: 'hidden',\n // 16px is the height of the tallest element within the preview header\n paddingTop: `calc((16px / 2) - (${labelLineHeight} - ${labelFontSize}))`,\n wordBreak: 'break-word',\n\n '-webkit-box-orient': 'vertical',\n '-webkit-line-clamp': '2',\n\n ...typographyStyles.caption1Strong,\n});\n\nconst useMediaBaseClassName = makeResetStyles({\n gridRow: 1,\n height: '16px',\n lineHeight: 0,\n width: '16px',\n\n [`> .${previewHeaderExtraClassNames.mediaChild}`]: {\n height: '16px',\n width: '16px',\n },\n});\n\nconst useRootBaseClassName = makeResetStyles({\n alignItems: 'center',\n columnGap: tokens.spacingHorizontalXS,\n display: 'grid',\n gridTemplateRows: '24px',\n});\n\n// Since the grid track that needs to grow is not always guaranteed to be the first or the last, but can change positions\n// based on the slots present, we need to conditionally set the grid template columns based on the slots present.\nconst useRootStyles = makeStyles({\n onlyLabel: {\n gridTemplateColumns: '1fr',\n },\n previousAndLabel: {\n gridTemplateColumns: 'min-content 1fr',\n },\n labelAndActions: {\n gridTemplateColumns: '1fr min-content',\n },\n citationMediaLabel: {\n gridTemplateColumns: 'min-content min-content 1fr',\n },\n previousLabelActions: {\n gridTemplateColumns: 'min-content 1fr min-content',\n },\n all: {\n gridTemplateColumns: 'min-content min-content 1fr min-content',\n },\n});\n\n/*\n Apply styling to the PreviewHeader slots based on the state\n */\nexport const usePreviewHeaderStyles_unstable = (state: PreviewHeaderState): PreviewHeaderState => {\n 'use no memo';\n\n const actionsBaseClassName = useActionsBaseClassName();\n const citationBaseClassName = useCitationBaseClassName();\n const labelBaseClassName = useLabelBaseClassName();\n const mediaBaseClassName = useMediaBaseClassName();\n const rootBaseClassName = useRootBaseClassName();\n const rootStyles = useRootStyles();\n\n let actionsPresent = false;\n if (state.actions) {\n actionsPresent = true;\n state.actions.className = mergeClasses(\n previewHeaderClassNames.actions,\n actionsBaseClassName,\n state.actions.className,\n );\n }\n\n let citationPresent = false;\n if (state.citation) {\n citationPresent = true;\n state.citation.className = mergeClasses(\n previewHeaderClassNames.citation,\n citationBaseClassName,\n state.citation.className,\n );\n }\n\n state.label.className = mergeClasses(previewHeaderClassNames.label, labelBaseClassName, state.label.className);\n\n let mediaPresent = false;\n if (state.media) {\n mediaPresent = true;\n state.media.className = mergeClasses(previewHeaderClassNames.media, mediaBaseClassName, state.media.className);\n }\n\n state.root.className = mergeClasses(\n previewHeaderClassNames.root,\n rootBaseClassName,\n !citationPresent && !mediaPresent && !actionsPresent && rootStyles.onlyLabel,\n ((citationPresent && !mediaPresent) \|\| (mediaPresent && !citationPresent)) &&\n !actionsPresent &&\n rootStyles.previousAndLabel,\n !citationPresent && !mediaPresent && actionsPresent && rootStyles.labelAndActions,\n citationPresent && mediaPresent && !actionsPresent && rootStyles.citationMediaLabel,\n ((citationPresent && !mediaPresent) \|\| (mediaPresent && !citationPresent)) &&\n actionsPresent &&\n rootStyles.previousLabelActions,\n citationPresent && mediaPresent && actionsPresent && rootStyles.all,\n state.root.className,\n );\n\n return state;\n};\n"],"names":["previewHeaderClassNames","previewHeaderExtraClassNames","~~usePreviewHeaderStyles_unstable~~","root","actions","citation","label","media","mediaChild","labelFontSize","typographyStyles","caption1Strong","fontSize","labelLineHeight","~~lineHeight","~~useActionsBaseClassName","makeResetStyles","gridRow","__resetStyles","justifySelf","useMediaBaseClassName","useCitationBaseClassName","useLabelBaseClassName","alignSelf","display","Budl1dq","~~height~~","~~width~~","state","~~actionsBaseClassName~~","~~citationBaseClassName~~","~~useRootStyles~~","~~makeStyles~~","~~onlyLabel~~","~~gridTemplateColumns~~","~~rootStyles~~","~~previousAndLabel~~","~~actionsPresent~~","~~labelAndActions~~","mergeClasses","~~className~~","citationPresent","~~citationMediaLabel~~","~~labelBaseClassName~~","~~mediaPresent~~","~~all~~","~~mediaBaseClassName~~","rootBaseClassName","previousLabelActions"],"rangeMappings":"~~;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;~~","mappings":";;;;;;;;;;;~~IAKaA~~,uBAAAA;eAAAA;;IAQAC,4BAAAA;eAAAA;;~~IA8CFC~~,+~~BAAA~~;~~eAAAA~~;;;~~iCA3DyD~~;~~AAK7D~~,MAAMF,0BAA8D;UACzEG;aACAC;cACAC;WACAC;WACAC;AACF;AAEO,MAAMN,+BAA+B;gBAC1CO;AACF;AAEA,MAAMC,gBAAgBC,iCAAAA,CAAiBC,cAAc,CAACC,QAAQ;AAC9D,MAAMC,kBAAkBH,iCAAAA,CAAiBC,cAAc,~~CAACG~~,UAAU;AAElE,~~MAAMC~~,0BAA0BC,IAAAA,8BAAAA,EAAAA,WAAgB,MAAA;IAAA;CAAA;MAC9CC,2BAASC,IAAAA,8BAAA,EAAA,WAAA,MAAA;IAAA;CAAA;MACTC,wBAAaD,IAAAA,8BAAA,EAAA,~~YAAA~~,MAAA;IAAA;CAAA;AACf,MAAAE,wBAAAF,IAAAA,8BAAA,EAAA,WAAA,MAAA;IAAA;IAAA;CAAA;AAEA,MAAMG,uBAAAA,IAAAA,8BAA2BL,EAAAA,YAAgB,MAAA;IAAA;CAAA;yHACtC;AACX,iHAAA;AAEA,MAAMM,gBAAAA,IAAAA,yBAAwBN,EAAAA;eAC5BO;QACAC,SAAS;;sBAEE;QACXC,SAAA;;qBAEW;QAEXA,SAAA;;~~wBAGGf~~;~~QACLe~~,~~SAAA;IAEA;0BACW;QACTC,SAAQ~~;;~~SAERC~~;~~QAEAF,SAAOxB~~;;;~~OAGP~~;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;KAAA;AACF;~~AAKEuB~~,~~MAAStB~~,~~kCAAA0B~~,CAAAA;;~~IAIX~~,~~MAAAC~~,~~uBAAAd~~;~~IACA~~,~~MAAAe,wBAAAT~~;~~IACA~~,~~MAAMU~~,~~qBAAgBC~~;~~UACpBC~~,~~qBAAWb;UACTc~~,oBAAAA;~~UACFC~~,~~aAAAJ~~;~~QACAK~~,~~iBAAkB~~;~~cAChBF~~,~~OAAAA~~,~~EAAAA~~;~~QACFG~~,~~iBAAA~~;~~QACAC~~,~~MAAAA~~,~~OAAAA~~,~~CAAAA~~,~~SAAiB~~,GAAAC,IAAAA,6BAAA,EAAAvC,wBAAAI,OAAA,~~EAAAyB~~,~~sBAAAD~~,~~MAAAxB~~,OAAA,~~CAAAoC~~,SAAA~~;;QAEjBC~~,kBAAA;~~QACAC~~,MAAAA,QAAAA,~~EAAAA~~;~~0BACER~~;~~QACFN~~,~~MAAAvB~~,~~QAAA~~,~~CAAAmC~~,~~SAAA~~,~~GAAAD,~~IAAAA,6BAAA,EAAAvC,wBAAAK,QAAA,~~EAAAyB~~,~~uBAAAF~~,~~MAAAvB~~,QAAA,~~CAAAmC~~,SAAA;;~~UAEEN~~,KAAAA,CAAAA,~~SAAAA~~,~~GAAAA~~,IAAAA,~~6BAAqB~~,~~EAAAlC~~,wBAAAM,KAAA,~~EAAAqC~~,~~oBAAAf~~,~~MAAAtB~~,KAAA,~~CAAAkC~~,SAAA;~~QACvBI,eAAA~~;~~QACAC~~,~~MAAKtC~~,KAAA,EAAA;~~uBACH2B~~;~~QACFN~~,~~MAAArB~~,~~KAAA~~,~~CAAAiC~~,~~SAAA~~,~~GAAAD,~~IAAAA,~~6BAAA~~,~~EAAAvC~~,wBAAAO,KAAA,~~EAAAuC~~,~~oBAAAlB~~,~~MAAArB~~,KAAA,~~CAAAiC~~,SAAA~~;IACF;IAEAZ~~,~~MAAAzB~~,~~IAAA~~,~~CAAAqC~~,~~SAAA~~,~~GAAAD,~~IAAAA,6BAAA,EAAAvC,wBAAAG,IAAA,~~EAAA4C~~,mBAAA,~~CAAAN~~,mBAAA,~~CAAAG~~,gBAAA,~~CAAAP~~,~~kBAAAF~~,~~WAAAF~~,SAAA,EAAA,~~AAAAQ~~,CAAAA,mBAAA,~~CAAAG~~,gBAAAA,gBAAA,~~CAAAH~~,eAAA,KAAA,~~CAAAJ~~,~~kBAAAF~~,~~WAAAC~~,gBAAA,EAAA,~~CAAAK~~,mBAAA,~~CAAAG~~,~~gBAAAP~~,~~kBAAAF~~,~~WAAAG~~,eAAA,~~EAAAG~~,~~mBAAAG~~,gBAAA,~~CAAAP~~,~~kBAAAF~~,~~WAAAO~~,kBAAA,EAAA,~~AAAAD~~,CAAAA,mBAAA,~~CAAAG~~,gBAAAA,gBAAA,~~CAAAH~~,eAAA,~~KAAAJ~~,~~kBAAAF~~,~~WAAAa~~,oBAAA,~~EAAAP~~,~~mBAAAG~~,~~gBAAAP~~,~~kBAAAF~~,~~WAAAU~~,GAAA,~~EAAAjB~~,~~MAAAzB~~,IAAA,~~CAAAqC~~,SAAA~~;;4DAIE~~"}
1	+ {"version":3,"sources":["usePreviewHeaderStyles.styles.ts"],"sourcesContent":["import {\n linkClassNames,\n makeResetStyles,\n makeStyles,\n mergeClasses,\n typographyStyles,\n} from '@fluentui/react-components';\nimport { tokens } from '@fluentui-copilot/tokens';\nimport type { PreviewHeaderSlots, PreviewHeaderState } from './PreviewHeader.types';\nimport type { SlotClassNames } from '@fluentui/react-components';\n\nexport const previewHeaderClassNames: SlotClassNames<PreviewHeaderSlots> = {\n root: 'fai-PreviewHeader',\n actions: 'fai-PreviewHeader__actions',\n citation: 'fai-PreviewHeader__citation',\n label: 'fai-PreviewHeader__label',\n media: 'fai-PreviewHeader__media',\n};\n\nexport const previewHeaderExtraClassNames = {\n mediaChild: 'fai-PreviewHeader__mediaChild',\n};\n\nconst labelFontSize = typographyStyles.caption1Strong.fontSize;\nconst labelLineHeight = typographyStyles.caption1Strong.lineHeight;\n\nconst useActionsBaseClassName = makeResetStyles({\n gridRow: 1,\n justifySelf: 'end',\n});\n\nconst useCitationBaseClassName = makeResetStyles({\n gridRow: 1,\n});\n\nconst useLabelBaseClassName = makeResetStyles({\n alignSelf: 'start',\n display: '-webkit-box',\n gridRow: '1 / 3',\n overflowY: 'hidden',\n // 16px is the height of the tallest element within the preview header\n paddingTop: `calc((16px / 2) - (${labelLineHeight} - ${labelFontSize}))`,\n wordBreak: 'break-word',\n\n '-webkit-box-orient': 'vertical',\n '-webkit-line-clamp': '2',\n\n ...typographyStyles.caption1Strong,\n\n [`& .${linkClassNames.root}`]: {\n ...typographyStyles.caption1Strong,\n color: tokens.colorNeutralForeground3,\n\n ':hover': {\n color: tokens.colorNeutralForeground3Hover,\n },\n ':hover:active': {\n color: tokens.colorNeutralForeground3Pressed,\n },\n },\n});\n\nconst useMediaBaseClassName = makeResetStyles({\n gridRow: 1,\n height: '16px',\n lineHeight: 0,\n width: '16px',\n\n [`> .${previewHeaderExtraClassNames.mediaChild}`]: {\n height: '16px',\n width: '16px',\n },\n});\n\nconst useRootBaseClassName = makeResetStyles({\n alignItems: 'center',\n columnGap: tokens.spacingHorizontalXS,\n display: 'grid',\n gridTemplateRows: '24px',\n});\n\n// Since the grid track that needs to grow is not always guaranteed to be the first or the last, but can change positions\n// based on the slots present, we need to conditionally set the grid template columns based on the slots present.\nconst useRootStyles = makeStyles({\n onlyLabel: {\n gridTemplateColumns: '1fr',\n },\n previousAndLabel: {\n gridTemplateColumns: 'min-content 1fr',\n },\n labelAndActions: {\n gridTemplateColumns: '1fr min-content',\n },\n citationMediaLabel: {\n gridTemplateColumns: 'min-content min-content 1fr',\n },\n previousLabelActions: {\n gridTemplateColumns: 'min-content 1fr min-content',\n },\n all: {\n gridTemplateColumns: 'min-content min-content 1fr min-content',\n },\n});\n\n/*\n Apply styling to the PreviewHeader slots based on the state\n */\nexport const usePreviewHeaderStyles_unstable = (state: PreviewHeaderState): PreviewHeaderState => {\n 'use no memo';\n\n const actionsBaseClassName = useActionsBaseClassName();\n const citationBaseClassName = useCitationBaseClassName();\n const labelBaseClassName = useLabelBaseClassName();\n const mediaBaseClassName = useMediaBaseClassName();\n const rootBaseClassName = useRootBaseClassName();\n const rootStyles = useRootStyles();\n\n let actionsPresent = false;\n if (state.actions) {\n actionsPresent = true;\n state.actions.className = mergeClasses(\n previewHeaderClassNames.actions,\n actionsBaseClassName,\n state.actions.className,\n );\n }\n\n let citationPresent = false;\n if (state.citation) {\n citationPresent = true;\n state.citation.className = mergeClasses(\n previewHeaderClassNames.citation,\n citationBaseClassName,\n state.citation.className,\n );\n }\n\n state.label.className = mergeClasses(previewHeaderClassNames.label, labelBaseClassName, state.label.className);\n\n let mediaPresent = false;\n if (state.media) {\n mediaPresent = true;\n state.media.className = mergeClasses(previewHeaderClassNames.media, mediaBaseClassName, state.media.className);\n }\n\n state.root.className = mergeClasses(\n previewHeaderClassNames.root,\n rootBaseClassName,\n !citationPresent && !mediaPresent && !actionsPresent && rootStyles.onlyLabel,\n ((citationPresent && !mediaPresent) \|\| (mediaPresent && !citationPresent)) &&\n !actionsPresent &&\n rootStyles.previousAndLabel,\n !citationPresent && !mediaPresent && actionsPresent && rootStyles.labelAndActions,\n citationPresent && mediaPresent && !actionsPresent && rootStyles.citationMediaLabel,\n ((citationPresent && !mediaPresent) \|\| (mediaPresent && !citationPresent)) &&\n actionsPresent &&\n rootStyles.previousLabelActions,\n citationPresent && mediaPresent && actionsPresent && rootStyles.all,\n state.root.className,\n );\n\n return state;\n};\n"],"names":["previewHeaderClassNames","previewHeaderExtraClassNames","lineHeight","root","actions","citation","label","media","mediaChild","labelFontSize","typographyStyles","caption1Strong","fontSize","labelLineHeight","useActionsBaseClassName","makeResetStyles","gridRow","__resetStyles","justifySelf","useMediaBaseClassName","useCitationBaseClassName","useLabelBaseClassName","alignSelf","display","Budl1dq","linkClassNames","colorNeutralForeground3","state","height","width","labelBaseClassName","mediaBaseClassName","useRootBaseClassName","alignItems","useRootStyles","columnGap","spacingHorizontalXS","gridTemplateRows","className","mergeClasses","actionsBaseClassName","citationPresent","makeStyles","onlyLabel","gridTemplateColumns","citationBaseClassName","previousAndLabel","labelAndActions","citationMediaLabel","rootBaseClassName","mediaPresent","actionsPresent","rootStyles","previousLabelActions","all"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAWaA,uBAAAA;eAAAA;;IAQAC,4BAAAA;eAAAA;;IA8CXC,+BAAY;eAAZA;;;iCA5DgB;AAMX,MAAMF,0BAA8D;UACzEG;aACAC;cACAC;WACAC;WACAC;AACF;AAEO,MAAMN,+BAA+B;gBAC1CO;AACF;AAEA,MAAMC,gBAAgBC,iCAAAA,CAAiBC,cAAc,CAACC,QAAQ;AAC9D,MAAMC,kBAAkBH,iCAAAA,CAAiBC,cAAc,CAACT,UAAU;AAElE,MAAMY,0BAA0BC,IAAAA,8BAAAA,EAAAA,WAAgB,MAAA;IAAA;CAAA;MAC9CC,2BAASC,IAAAA,8BAAA,EAAA,WAAA,MAAA;IAAA;CAAA;MACTC,wBAAaD,IAAAA,8BAAA,EAAA,WAAA,MAAA;IAAA;IAAA;IAAA;IAAA;CAAA;AACf,MAAAE,wBAAAF,IAAAA,8BAAA,EAAA,WAAA,MAAA;IAAA;IAAA;CAAA;AAEA,MAAMG,uBAAAA,IAAAA,8BAA2BL,EAAAA,YAAgB,MAAA;IAAA;CAAA;yHACtC;AACX,iHAAA;AAEA,MAAMM,gBAAAA,IAAAA,yBAAwBN,EAAAA;eAC5BO;QACAC,SAAS;;sBAEE;QACXC,SAAA;;qBAEW;QAEXA,SAAA;;wBAGGd;QAEHc,SAAOC;;0BAESC;iBAEd;;;iBAGA;;;OAGF;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;KAAA;AACF;AAKExB,MAAAA,kCAAYyB,CAAAA;;UAIVC,uBAAQd;UACRe,wBAAOT;UACTU,qBAAAT;IACF,MAAAU,qBAAAZ;IAEA,MAAMa,oBAAAA;UACJC,aAAYC;QACZC,iBAAkBC;QAClBb,MAAAA,OAAS,EAAA;QACTc,iBAAAA;QACFV,MAAAvB,OAAA,CAAAkC,SAAA,GAAAC,IAAAA,6BAAA,EAAAvC,wBAAAI,OAAA,EAAAoC,sBAAAb,MAAAvB,OAAA,CAAAkC,SAAA;IAEA;IACA,IAAAG,kBAAA;IACA,IAAMP,MAAAA,QAAAA,EAAgBQ;QACpBC,kBAAW;cACTC,QAAAA,CAAAA,SAAAA,GAAqBL,IAAAA,6BAAA,EAAAvC,wBAAAK,QAAA,EAAAwC,uBAAAlB,MAAAtB,QAAA,CAAAiC,SAAA;;UAEvBQ,KAAAA,CAAAA,SAAkB,GAAAP,IAAAA,6BAAA,EAAAvC,wBAAAM,KAAA,EAAAwB,oBAAAH,MAAArB,KAAA,CAAAgC,SAAA;uBAChBM;QACFjB,MAAApB,KAAA,EAAA;QACAwC,eAAAA;cACEH,KAAAA,CAAAA,SAAAA,GAAAA,IAAAA,6BAAqB,EAAA5C,wBAAAO,KAAA,EAAAwB,oBAAAJ,MAAApB,KAAA,CAAA+B,SAAA;;UAEvBU,IAAAA,CAAAA,SAAAA,GAAoBT,IAAAA,6BAAA,EAAAvC,wBAAAG,IAAA,EAAA8C,mBAAA,CAAAR,mBAAA,CAAAS,gBAAA,CAAAC,kBAAAC,WAAAT,SAAA,EAAA,AAAAF,CAAAA,mBAAA,CAAAS,gBAAAA,gBAAA,CAAAT,eAAA,KAAA,CAAAU,kBAAAC,WAAAN,gBAAA,EAAA,CAAAL,mBAAA,CAAAS,gBAAAC,kBAAAC,WAAAL,eAAA,EAAAN,mBAAAS,gBAAA,CAAAC,kBAAAC,WAAAJ,kBAAA,EAAA,AAAAP,CAAAA,mBAAA,CAAAS,gBAAAA,gBAAA,CAAAT,eAAA,KAAAU,kBAAAC,WAAAC,oBAAA,EAAAZ,mBAAAS,gBAAAC,kBAAAC,WAAAE,GAAA,EAAA3B,MAAAxB,IAAA,CAAAmC,SAAA;WAClBM;4DAEoB"}

package/lib-commonjs/components/PreviewHeader/usePreviewHeaderStyles.styles.raw.js ADDED Viewed

@@ -0,0 +1,129 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    previewHeaderClassNames: function() {
+        return previewHeaderClassNames;
+    },
+    previewHeaderExtraClassNames: function() {
+        return previewHeaderExtraClassNames;
+    },
+    usePreviewHeaderStyles_unstable: function() {
+        return usePreviewHeaderStyles_unstable;
+    }
+});
+const _reactcomponents = require("@fluentui/react-components");
+const _tokens = require("@fluentui-copilot/tokens");
+const previewHeaderClassNames = {
+    root: 'fai-PreviewHeader',
+    actions: 'fai-PreviewHeader__actions',
+    citation: 'fai-PreviewHeader__citation',
+    label: 'fai-PreviewHeader__label',
+    media: 'fai-PreviewHeader__media'
+};
+const previewHeaderExtraClassNames = {
+    mediaChild: 'fai-PreviewHeader__mediaChild'
+};
+const labelFontSize = _reactcomponents.typographyStyles.caption1Strong.fontSize;
+const labelLineHeight = _reactcomponents.typographyStyles.caption1Strong.lineHeight;
+const useActionsBaseClassName = (0, _reactcomponents.makeResetStyles)({
+    gridRow: 1,
+    justifySelf: 'end'
+});
+const useCitationBaseClassName = (0, _reactcomponents.makeResetStyles)({
+    gridRow: 1
+});
+const useLabelBaseClassName = (0, _reactcomponents.makeResetStyles)({
+    alignSelf: 'start',
+    display: '-webkit-box',
+    gridRow: '1 / 3',
+    overflowY: 'hidden',
+    // 16px is the height of the tallest element within the preview header
+    paddingTop: `calc((16px / 2) - (${labelLineHeight} - ${labelFontSize}))`,
+    wordBreak: 'break-word',
+    '-webkit-box-orient': 'vertical',
+    '-webkit-line-clamp': '2',
+    ..._reactcomponents.typographyStyles.caption1Strong,
+    [`& .${_reactcomponents.linkClassNames.root}`]: {
+        ..._reactcomponents.typographyStyles.caption1Strong,
+        color: _tokens.tokens.colorNeutralForeground3,
+        ':hover': {
+            color: _tokens.tokens.colorNeutralForeground3Hover
+        },
+        ':hover:active': {
+            color: _tokens.tokens.colorNeutralForeground3Pressed
+        }
+    }
+});
+const useMediaBaseClassName = (0, _reactcomponents.makeResetStyles)({
+    gridRow: 1,
+    height: '16px',
+    lineHeight: 0,
+    width: '16px',
+    [`> .${previewHeaderExtraClassNames.mediaChild}`]: {
+        height: '16px',
+        width: '16px'
+    }
+});
+const useRootBaseClassName = (0, _reactcomponents.makeResetStyles)({
+    alignItems: 'center',
+    columnGap: _tokens.tokens.spacingHorizontalXS,
+    display: 'grid',
+    gridTemplateRows: '24px'
+});
+// Since the grid track that needs to grow is not always guaranteed to be the first or the last, but can change positions
+// based on the slots present, we need to conditionally set the grid template columns based on the slots present.
+const useRootStyles = (0, _reactcomponents.makeStyles)({
+    onlyLabel: {
+        gridTemplateColumns: '1fr'
+    },
+    previousAndLabel: {
+        gridTemplateColumns: 'min-content 1fr'
+    },
+    labelAndActions: {
+        gridTemplateColumns: '1fr min-content'
+    },
+    citationMediaLabel: {
+        gridTemplateColumns: 'min-content min-content 1fr'
+    },
+    previousLabelActions: {
+        gridTemplateColumns: 'min-content 1fr min-content'
+    },
+    all: {
+        gridTemplateColumns: 'min-content min-content 1fr min-content'
+    }
+});
+const usePreviewHeaderStyles_unstable = (state)=>{
+    'use no memo';
+    const actionsBaseClassName = useActionsBaseClassName();
+    const citationBaseClassName = useCitationBaseClassName();
+    const labelBaseClassName = useLabelBaseClassName();
+    const mediaBaseClassName = useMediaBaseClassName();
+    const rootBaseClassName = useRootBaseClassName();
+    const rootStyles = useRootStyles();
+    let actionsPresent = false;
+    if (state.actions) {
+        actionsPresent = true;
+        state.actions.className = (0, _reactcomponents.mergeClasses)(previewHeaderClassNames.actions, actionsBaseClassName, state.actions.className);
+    }
+    let citationPresent = false;
+    if (state.citation) {
+        citationPresent = true;
+        state.citation.className = (0, _reactcomponents.mergeClasses)(previewHeaderClassNames.citation, citationBaseClassName, state.citation.className);
+    }
+    state.label.className = (0, _reactcomponents.mergeClasses)(previewHeaderClassNames.label, labelBaseClassName, state.label.className);
+    let mediaPresent = false;
+    if (state.media) {
+        mediaPresent = true;
+        state.media.className = (0, _reactcomponents.mergeClasses)(previewHeaderClassNames.media, mediaBaseClassName, state.media.className);
+    }
+    state.root.className = (0, _reactcomponents.mergeClasses)(previewHeaderClassNames.root, rootBaseClassName, !citationPresent && !mediaPresent && !actionsPresent && rootStyles.onlyLabel, (citationPresent && !mediaPresent || mediaPresent && !citationPresent) && !actionsPresent && rootStyles.previousAndLabel, !citationPresent && !mediaPresent && actionsPresent && rootStyles.labelAndActions, citationPresent && mediaPresent && !actionsPresent && rootStyles.citationMediaLabel, (citationPresent && !mediaPresent || mediaPresent && !citationPresent) && actionsPresent && rootStyles.previousLabelActions, citationPresent && mediaPresent && actionsPresent && rootStyles.all, state.root.className);
+    return state;
+}; //# sourceMappingURL=usePreviewHeaderStyles.styles.raw.js.map

package/lib-commonjs/components/PreviewHeader/usePreviewHeaderStyles.styles.raw.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"sources":["usePreviewHeaderStyles.styles.ts"],"sourcesContent":["import {\n linkClassNames,\n makeResetStyles,\n makeStyles,\n mergeClasses,\n typographyStyles,\n} from '@fluentui/react-components';\nimport { tokens } from '@fluentui-copilot/tokens';\nimport type { PreviewHeaderSlots, PreviewHeaderState } from './PreviewHeader.types';\nimport type { SlotClassNames } from '@fluentui/react-components';\n\nexport const previewHeaderClassNames: SlotClassNames<PreviewHeaderSlots> = {\n root: 'fai-PreviewHeader',\n actions: 'fai-PreviewHeader__actions',\n citation: 'fai-PreviewHeader__citation',\n label: 'fai-PreviewHeader__label',\n media: 'fai-PreviewHeader__media',\n};\n\nexport const previewHeaderExtraClassNames = {\n mediaChild: 'fai-PreviewHeader__mediaChild',\n};\n\nconst labelFontSize = typographyStyles.caption1Strong.fontSize;\nconst labelLineHeight = typographyStyles.caption1Strong.lineHeight;\n\nconst useActionsBaseClassName = makeResetStyles({\n gridRow: 1,\n justifySelf: 'end',\n});\n\nconst useCitationBaseClassName = makeResetStyles({\n gridRow: 1,\n});\n\nconst useLabelBaseClassName = makeResetStyles({\n alignSelf: 'start',\n display: '-webkit-box',\n gridRow: '1 / 3',\n overflowY: 'hidden',\n // 16px is the height of the tallest element within the preview header\n paddingTop: `calc((16px / 2) - (${labelLineHeight} - ${labelFontSize}))`,\n wordBreak: 'break-word',\n\n '-webkit-box-orient': 'vertical',\n '-webkit-line-clamp': '2',\n\n ...typographyStyles.caption1Strong,\n\n [`& .${linkClassNames.root}`]: {\n ...typographyStyles.caption1Strong,\n color: tokens.colorNeutralForeground3,\n\n ':hover': {\n color: tokens.colorNeutralForeground3Hover,\n },\n ':hover:active': {\n color: tokens.colorNeutralForeground3Pressed,\n },\n },\n});\n\nconst useMediaBaseClassName = makeResetStyles({\n gridRow: 1,\n height: '16px',\n lineHeight: 0,\n width: '16px',\n\n [`> .${previewHeaderExtraClassNames.mediaChild}`]: {\n height: '16px',\n width: '16px',\n },\n});\n\nconst useRootBaseClassName = makeResetStyles({\n alignItems: 'center',\n columnGap: tokens.spacingHorizontalXS,\n display: 'grid',\n gridTemplateRows: '24px',\n});\n\n// Since the grid track that needs to grow is not always guaranteed to be the first or the last, but can change positions\n// based on the slots present, we need to conditionally set the grid template columns based on the slots present.\nconst useRootStyles = makeStyles({\n onlyLabel: {\n gridTemplateColumns: '1fr',\n },\n previousAndLabel: {\n gridTemplateColumns: 'min-content 1fr',\n },\n labelAndActions: {\n gridTemplateColumns: '1fr min-content',\n },\n citationMediaLabel: {\n gridTemplateColumns: 'min-content min-content 1fr',\n },\n previousLabelActions: {\n gridTemplateColumns: 'min-content 1fr min-content',\n },\n all: {\n gridTemplateColumns: 'min-content min-content 1fr min-content',\n },\n});\n\n/**\n * Apply styling to the PreviewHeader slots based on the state\n */\nexport const usePreviewHeaderStyles_unstable = (state: PreviewHeaderState): PreviewHeaderState => {\n 'use no memo';\n\n const actionsBaseClassName = useActionsBaseClassName();\n const citationBaseClassName = useCitationBaseClassName();\n const labelBaseClassName = useLabelBaseClassName();\n const mediaBaseClassName = useMediaBaseClassName();\n const rootBaseClassName = useRootBaseClassName();\n const rootStyles = useRootStyles();\n\n let actionsPresent = false;\n if (state.actions) {\n actionsPresent = true;\n state.actions.className = mergeClasses(\n previewHeaderClassNames.actions,\n actionsBaseClassName,\n state.actions.className,\n );\n }\n\n let citationPresent = false;\n if (state.citation) {\n citationPresent = true;\n state.citation.className = mergeClasses(\n previewHeaderClassNames.citation,\n citationBaseClassName,\n state.citation.className,\n );\n }\n\n state.label.className = mergeClasses(previewHeaderClassNames.label, labelBaseClassName, state.label.className);\n\n let mediaPresent = false;\n if (state.media) {\n mediaPresent = true;\n state.media.className = mergeClasses(previewHeaderClassNames.media, mediaBaseClassName, state.media.className);\n }\n\n state.root.className = mergeClasses(\n previewHeaderClassNames.root,\n rootBaseClassName,\n !citationPresent && !mediaPresent && !actionsPresent && rootStyles.onlyLabel,\n ((citationPresent && !mediaPresent) || (mediaPresent && !citationPresent)) &&\n !actionsPresent &&\n rootStyles.previousAndLabel,\n !citationPresent && !mediaPresent && actionsPresent && rootStyles.labelAndActions,\n citationPresent && mediaPresent && !actionsPresent && rootStyles.citationMediaLabel,\n ((citationPresent && !mediaPresent) || (mediaPresent && !citationPresent)) &&\n actionsPresent &&\n rootStyles.previousLabelActions,\n citationPresent && mediaPresent && actionsPresent && rootStyles.all,\n state.root.className,\n );\n\n return state;\n};\n"],"names":["previewHeaderClassNames","previewHeaderExtraClassNames","usePreviewHeaderStyles_unstable","root","actions","citation","label","media","mediaChild","labelFontSize","typographyStyles","caption1Strong","fontSize","labelLineHeight","lineHeight","useActionsBaseClassName","makeResetStyles","gridRow","justifySelf","useCitationBaseClassName","useLabelBaseClassName","alignSelf","display","overflowY","paddingTop","wordBreak","linkClassNames","color","tokens","colorNeutralForeground3","colorNeutralForeground3Hover","colorNeutralForeground3Pressed","useMediaBaseClassName","height","width","useRootBaseClassName","alignItems","columnGap","spacingHorizontalXS","gridTemplateRows","useRootStyles","makeStyles","onlyLabel","gridTemplateColumns","previousAndLabel","labelAndActions","citationMediaLabel","previousLabelActions","all","state","actionsBaseClassName","citationBaseClassName","labelBaseClassName","rootBaseClassName","mediaBaseClassName","actionsPresent","citationPresent","mergeClasses","className","mediaPresent","rootStyles"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}

package/lib-commonjs/components/PreviewMetadata/usePreviewMetadataStyles.styles.raw.js ADDED Viewed

@@ -0,0 +1,72 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    previewMetadataClassNames: function() {
+        return previewMetadataClassNames;
+    },
+    usePreviewMetadataStyles_unstable: function() {
+        return usePreviewMetadataStyles_unstable;
+    }
+});
+const _reactcomponents = require("@fluentui/react-components");
+const _tokens = require("@fluentui-copilot/tokens");
+const previewMetadataClassNames = {
+    root: 'fai-PreviewMetadata',
+    icon: 'fai-PreviewMetadata__icon',
+    primaryText: 'fai-PreviewMetadata__primaryText',
+    secondaryText: 'fai-PreviewMetadata__secondaryText',
+    tertiaryText: 'fai-PreviewMetadata__tertiaryText'
+};
+const useRootBaseClassName = (0, _reactcomponents.makeResetStyles)({
+    ..._reactcomponents.typographyStyles.caption2
+});
+const useIconBaseClassName = (0, _reactcomponents.makeResetStyles)({
+    marginLeft: _tokens.tokens.spacingHorizontalSNudge,
+    verticalAlign: 'middle'
+});
+const useTextStyles = (0, _reactcomponents.makeStyles)({
+    subsequentText: {
+        marginLeft: `calc(${_tokens.tokens.spacingHorizontalSNudge} * 2)`,
+        position: 'relative',
+        '&::before': {
+            ..._reactcomponents.shorthands.borderLeft(_tokens.tokens.strokeWidthThin, 'solid', _tokens.tokens.colorNeutralStroke2),
+            content: '""',
+            display: 'block',
+            height: _reactcomponents.typographyStyles.caption2.fontSize,
+            left: `calc(-1 * ${_tokens.tokens.spacingHorizontalSNudge})`,
+            position: 'absolute',
+            top: `calc((${_reactcomponents.typographyStyles.caption2.lineHeight} - ${_reactcomponents.typographyStyles.caption2.fontSize}) / 2)`
+        }
+    }
+});
+const usePreviewMetadataStyles_unstable = (state)=>{
+    'use no memo';
+    const rootBaseClassName = useRootBaseClassName();
+    const iconBaseClassName = useIconBaseClassName();
+    const textStyles = useTextStyles();
+    state.root.className = (0, _reactcomponents.mergeClasses)(previewMetadataClassNames.root, rootBaseClassName, state.root.className);
+    if (state.icon) {
+        state.icon.className = (0, _reactcomponents.mergeClasses)(previewMetadataClassNames.icon, iconBaseClassName, state.icon.className);
+    }
+    let isSubsequentAfterText = false;
+    if (state.primaryText) {
+        state.primaryText.className = (0, _reactcomponents.mergeClasses)(previewMetadataClassNames.primaryText, state.primaryText.className);
+        isSubsequentAfterText = true;
+    }
+    if (state.secondaryText) {
+        state.secondaryText.className = (0, _reactcomponents.mergeClasses)(previewMetadataClassNames.secondaryText, isSubsequentAfterText && textStyles.subsequentText, state.secondaryText.className);
+        isSubsequentAfterText = true;
+    }
+    if (state.tertiaryText) {
+        state.tertiaryText.className = (0, _reactcomponents.mergeClasses)(previewMetadataClassNames.tertiaryText, isSubsequentAfterText && textStyles.subsequentText, state.tertiaryText.className);
+    }
+    return state;
+}; //# sourceMappingURL=usePreviewMetadataStyles.styles.raw.js.map

package/lib-commonjs/components/PreviewMetadata/usePreviewMetadataStyles.styles.raw.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"sources":["usePreviewMetadataStyles.styles.ts"],"sourcesContent":["import {\n makeResetStyles,\n makeStyles,\n mergeClasses,\n shorthands,\n typographyStyles,\n} from '@fluentui/react-components';\nimport { tokens } from '@fluentui-copilot/tokens';\nimport type { PreviewMetadataSlots, PreviewMetadataState } from './PreviewMetadata.types';\nimport type { SlotClassNames } from '@fluentui/react-components';\n\nexport const previewMetadataClassNames: SlotClassNames<PreviewMetadataSlots> = {\n root: 'fai-PreviewMetadata',\n icon: 'fai-PreviewMetadata__icon',\n primaryText: 'fai-PreviewMetadata__primaryText',\n secondaryText: 'fai-PreviewMetadata__secondaryText',\n tertiaryText: 'fai-PreviewMetadata__tertiaryText',\n};\n\nconst useRootBaseClassName = makeResetStyles({\n ...typographyStyles.caption2,\n});\n\nconst useIconBaseClassName = makeResetStyles({\n marginLeft: tokens.spacingHorizontalSNudge,\n verticalAlign: 'middle',\n});\n\nconst useTextStyles = makeStyles({\n subsequentText: {\n marginLeft: `calc(${tokens.spacingHorizontalSNudge} * 2)`,\n position: 'relative',\n\n '&::before': {\n ...shorthands.borderLeft(tokens.strokeWidthThin, 'solid', tokens.colorNeutralStroke2),\n content: '\"\"',\n display: 'block',\n height: typographyStyles.caption2.fontSize,\n left: `calc(-1 * ${tokens.spacingHorizontalSNudge})`,\n position: 'absolute',\n top: `calc((${typographyStyles.caption2.lineHeight} - ${typographyStyles.caption2.fontSize}) / 2)`,\n },\n },\n});\n\n/**\n * Apply styling to the PreviewMetadata slots based on the state\n */\nexport const usePreviewMetadataStyles_unstable = (state: PreviewMetadataState): PreviewMetadataState => {\n 'use no memo';\n\n const rootBaseClassName = useRootBaseClassName();\n const iconBaseClassName = useIconBaseClassName();\n const textStyles = useTextStyles();\n\n state.root.className = mergeClasses(previewMetadataClassNames.root, rootBaseClassName, state.root.className);\n\n if (state.icon) {\n state.icon.className = mergeClasses(previewMetadataClassNames.icon, iconBaseClassName, state.icon.className);\n }\n\n let isSubsequentAfterText = false;\n\n if (state.primaryText) {\n state.primaryText.className = mergeClasses(previewMetadataClassNames.primaryText, state.primaryText.className);\n isSubsequentAfterText = true;\n }\n\n if (state.secondaryText) {\n state.secondaryText.className = mergeClasses(\n previewMetadataClassNames.secondaryText,\n isSubsequentAfterText && textStyles.subsequentText,\n state.secondaryText.className,\n );\n isSubsequentAfterText = true;\n }\n\n if (state.tertiaryText) {\n state.tertiaryText.className = mergeClasses(\n previewMetadataClassNames.tertiaryText,\n isSubsequentAfterText && textStyles.subsequentText,\n state.tertiaryText.className,\n );\n }\n\n return state;\n};\n"],"names":["previewMetadataClassNames","usePreviewMetadataStyles_unstable","root","icon","primaryText","secondaryText","tertiaryText","useRootBaseClassName","makeResetStyles","typographyStyles","caption2","useIconBaseClassName","marginLeft","tokens","spacingHorizontalSNudge","verticalAlign","useTextStyles","makeStyles","subsequentText","position","shorthands","borderLeft","strokeWidthThin","colorNeutralStroke2","content","display","height","fontSize","left","top","lineHeight","state","rootBaseClassName","mergeClasses","className","iconBaseClassName","isSubsequentAfterText","textStyles"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAWaA,yBAAAA;eAAAA;;IAsCXC,iCAAA;eAAAA;;;iCA3CK;wBACgB;AAIhB,MAAMD,4BAAkE;UAC7EE;UACAC;iBACAC;mBACAC;kBACAC;AACF;AAEA,MAAMC,uBAAuBC,IAAAA,gCAAAA,EAAgB;OAC3CC,iCAAGA,CAAAA,QAAiBC;AACtB;AAEA,MAAMC,uBAAuBH,IAAAA,gCAAAA,EAAgB;gBAC3CI,cAAYC,CAAAA,uBAAOC;mBACnBC;AACF;AAEA,MAAMC,gBAAgBC,IAAAA,2BAAAA,EAAW;oBAC/BC;oBACEN,CAAAA,KAAa,EAAAC,cAAOA,CAAAA,uBAAOC,CAAAA,KAAwB,CAAA;kBACnDK;qBAEA;0CACKC,CAAAA,UAAWC,CAAAA,cAAWR,CAAAA,eAAOS,EAAAA,SAAiBT,cAASA,CAAAA,mBAAOU,CAAAA;qBACjEC;qBACAC;oBACAC,iCAAQjB,CAAAA,QAAiBC,CAAAA,QAASiB;kBAClCC,CAAAA,UAAO,EAAAf,cAAYA,CAAAA,uBAAOC,CAAAA,CAAAA,CAAAA;sBAC1BK;kBACAU,MAAM,EAAApB,iCAAQA,CAAAA,QAAiBC,CAAAA,UAASoB,CAAAA,GAAAA,EAAUrB,iCAAMA,CAAAA,QAAiBC,CAAAA,QAASiB,CAAAA,MAAS,CAAA;;;AAGjG;AAME,MAAA1B,oCAAA8B,CAAAA;;UAIAC,oBAAmBhB;UAEnBe,oBAAuBE;UAEnBF,aAAYf;UACde,IAAAA,CAAAA,SAAWG,GAAAA,IAAAA,6BAAYD,EAAAA,0BAAajC,IAAAA,EAA0BG,mBAAMgC,MAAmBJ,IAAAA,CAAAA,SAAWG;QACpGH,MAAA5B,IAAA,EAAA;QAEA4B,MAAIK,IAAAA,CAAAA,SAAAA,GAAAA,IAAAA,6BAAwB,EAAApC,0BAAAG,IAAA,EAAAgC,mBAAAJ,MAAA5B,IAAA,CAAA+B,SAAA;;gCAGRA;cAClBE,WAAAA,EAAAA;QACFL,MAAA3B,WAAA,CAAA8B,SAAA,GAAAD,IAAAA,6BAAA,EAAAjC,0BAAAI,WAAA,EAAA2B,MAAA3B,WAAA,CAAA8B,SAAA;QAEAE,wBAAuB;;cAMrBA,aAAAA,EAAAA;QACFL,MAAA1B,aAAA,CAAA6B,SAAA,GAAAD,IAAAA,6BAAA,EAAAjC,0BAAAK,aAAA,EAAA+B,yBAAAC,WAAAnB,cAAA,EAAAa,MAAA1B,aAAA,CAAA6B,SAAA;QAEAE,wBAAwB;;QAMxBL,MAAAzB,YAAA,EAAA;QAEAyB,MAAAzB,YAAOyB,CAAAA,SAAAA,GAAAA,IAAAA,6BAAAA,EAAAA,0BAAAA,YAAAA,EAAAA,yBAAAA,WAAAA,cAAAA,EAAAA,MAAAA,YAAAA,CAAAA,SAAAA;IACP"}

package/lib-commonjs/components/PreviewSurface/usePreviewSurfaceStyles.styles.raw.js ADDED Viewed

@@ -0,0 +1,45 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    previewSurfaceClassNames: function() {
+        return previewSurfaceClassNames;
+    },
+    usePreviewSurfaceStyles_unstable: function() {
+        return usePreviewSurfaceStyles_unstable;
+    }
+});
+const _reactcomponents = require("@fluentui/react-components");
+const _tokens = require("@fluentui-copilot/tokens");
+const previewSurfaceClassNames = {
+    root: 'fai-PreviewSurface'
+};
+/**
+ * Styles for the root slot
+ */ const useRootStyles = (0, _reactcomponents.makeStyles)({
+    base: {
+        padding: `${_tokens.tokens.spacingVerticalXS} ${_tokens.tokens.spacingHorizontalXS}`,
+        boxSizing: 'border-box'
+    }
+});
+const useNextStyles = (0, _reactcomponents.makeStyles)({
+    root: {
+        borderRadius: _tokens.tokens.borderRadiusXLarge
+    }
+});
+const usePreviewSurfaceStyles_unstable = (state)=>{
+    'use no memo';
+    const { designVersion } = state;
+    const rootStyles = useRootStyles();
+    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.raw.js.map

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

@@ -0,0 +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\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","designVersion","state","root","base","makeStyles","padding","boxSizing","spacingVerticalXS","tokens","spacingHorizontalXS","borderRadius","borderRadiusXLarge","usePopoverSurfaceStyles_unstable","rootStyles","useRootStyles"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAKaA,wBAAAA;eAAAA;;IA0BHC,gCAAkBC;eAAlBD;;;iCA/BiE;wBACpD;AAIhB,MAAMD,2BAAgE;UAC3EG;AACF;AAEA;;CAEC,SAECC,gBAAMC,IAAAA,2BAAA,EAAA;UACJC;iBACAC,CAAAA,EAAAA,cAAW,CAAAC,iBAAA,CAAA,CAAA,EAAAC,cAAA,CAAAC,mBAAA,CAAA,CAAA;QACbH,WAAA;IACF;AAEA;MACEJ,gBAAME,IAAAA,2BAAA,EAAA;UACJM;QACFA,cAAAF,cAAA,CAAAG,kBAAA;IACF;AAEA;AAME,MAAQX,mCAAkBC,CAAAA;;UAK1BA,EAOAW,aAAAA,KAEAX;IACA,MAAAY,aAAAC"}

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@fluentui-copilot/react-preview",
-  "version": "0.7.3",
+  "version": "0.7.4-hotfix.2",
   "description": "Preview components.",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -12,8 +12,8 @@
   },
   "license": "MIT",
   "dependencies": {
-    "@fluentui-copilot/react-provider": "^0.11.3",
-    "@fluentui-copilot/tokens": "^0.3.11",
+    "@fluentui-copilot/react-provider": "0.11.3-hotfix.2",
+    "@fluentui-copilot/tokens": "0.3.11-hotfix.2",
     "@swc/helpers": "^0.5.1"
   },
   "peerDependencies": {
@@ -27,11 +27,7 @@
     "react": ">=16.14.0 <19.0.0",
     "react-dom": ">=16.14.0 <19.0.0"
   },
-  "beachball": {
-    "disallowedChangeTypes": [
-      "major"
-    ]
-  },
+  "beachball": {},
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",