npm - @fluentui-copilot/react-suggestions - Versions diffs - 0.12.2 → 0.12.3-hotfix.2 - Mend

@fluentui-copilot/react-suggestions 0.12.2 → 0.12.3-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 (11) hide show

package/CHANGELOG.json CHANGED Viewed

@@ -2,7 +2,52 @@
   "name": "@fluentui-copilot/react-suggestions",
   "entries": [
     {
-      "date": "Wed, 30 Apr 2025 01:46:04 GMT",
+      "date": "Fri, 19 Sep 2025 15:10:20 GMT",
+      "tag": "@fluentui-copilot/react-suggestions_v0.12.3-hotfix.2",
+      "version": "0.12.3-hotfix.2",
+      "comments": {
+        "prerelease": [
+          {
+            "author": "hochelmartin@gmail.com",
+            "package": "@fluentui-copilot/react-suggestions",
+            "commit": "3e4ebe676646c4c4346dbbab83511f963ffefd85",
+            "comment": "release: prepare hotfix 0.26.2-hotfix.2"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Mon, 19 May 2025 18:04:28 GMT",
+      "tag": "@fluentui-copilot/react-suggestions_v0.12.3",
+      "version": "0.12.3",
+      "comments": {
+        "none": [
+          {
+            "author": "hochelmartin@gmail.com",
+            "package": "@fluentui-copilot/react-suggestions",
+            "commit": "442954951d0eca92de20ecb0ff0fa9492431b62d",
+            "comment": "fix: exclude story files from production build"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Sat, 03 May 2025 01:27:45 GMT",
+      "tag": "@fluentui-copilot/react-suggestions_v0.12.3",
+      "version": "0.12.3",
+      "comments": {
+        "patch": [
+          {
+            "author": "estebanmu@microsoft.com",
+            "package": "@fluentui-copilot/react-suggestions",
+            "commit": "3dc05bb66ec473691f198f65b5124cc24390f47c",
+            "comment": "chore: Bump @fluentui/react-components to 9.63.0."
+          }
+        ]
+      }
+    },
+    {
+      "date": "Wed, 30 Apr 2025 01:47:50 GMT",
       "tag": "@fluentui-copilot/react-suggestions_v0.12.2",
       "version": "0.12.2",
       "comments": {

package/CHANGELOG.md CHANGED Viewed

@@ -1,12 +1,30 @@
 # Change Log - @fluentui-copilot/react-suggestions
-This log was last generated on Wed, 30 Apr 2025 01:46:04 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.12.3-hotfix.2](https://github.com/microsoft/fluentai/tree/@fluentui-copilot/react-suggestions_v0.12.3-hotfix.2)
+Fri, 19 Sep 2025 15:10:20 GMT
+[Compare changes](https://github.com/microsoft/fluentai/compare/@fluentui-copilot/react-suggestions_v0.12.3..@fluentui-copilot/react-suggestions_v0.12.3-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.12.3](https://github.com/microsoft/fluentai/tree/@fluentui-copilot/react-suggestions_v0.12.3)
+Sat, 03 May 2025 01:27:45 GMT
+[Compare changes](https://github.com/microsoft/fluentai/compare/@fluentui-copilot/react-suggestions_v0.12.2..@fluentui-copilot/react-suggestions_v0.12.3)
+### Patches
+- chore: Bump @fluentui/react-components to 9.63.0. ([PR #2917](https://github.com/microsoft/fluentai/pull/2917) by estebanmu@microsoft.com)
 ## [0.12.2](https://github.com/microsoft/fluentai/tree/@fluentui-copilot/react-suggestions_v0.12.2)
-Wed, 30 Apr 2025 01:46:04 GMT
+Wed, 30 Apr 2025 01:47:50 GMT
 [Compare changes](https://github.com/microsoft/fluentai/compare/@fluentui-copilot/react-suggestions_v0.11.0..@fluentui-copilot/react-suggestions_v0.12.2)
 ### Patches

package/lib/components/Suggestion/useSuggestionStyles.styles.raw.js ADDED Viewed

@@ -0,0 +1,58 @@
+import { makeStyles, mergeClasses, shorthands, typographyStyles } from '@fluentui/react-components';
+import { tokens } from '@fluentui-copilot/tokens';
+export const suggestionClassNames = {
+  root: 'fai-Suggestion',
+  icon: 'fai-Suggestion__icon'
+};
+const useSuggestionStyles = makeStyles({
+  root: {
+    ...typographyStyles.caption1,
+    //  Brand/M365/140
+    ...shorthands.border('1px', 'solid', tokens.colorBrandStroke2),
+    borderRadius: tokens.borderRadiusXLarge,
+    padding: `${tokens.spacingVerticalXS} ${tokens.spacingVerticalS}`,
+    color: tokens.colorNeutralForeground2,
+    textAlign: 'start'
+  },
+  enabled: {
+    '@media (forced-colors: none)': {
+      ':hover': {
+        //  Brand/M365/120
+        ...shorthands.borderColor(tokens.colorBrandStroke2Hover),
+        color: tokens.colorBrandForeground2Hover,
+        backgroundColor: tokens.colorBrandBackground2Hover
+      },
+      // Figma states 'on hover and pressed state'
+      ':active:hover': {
+        //  Brand/M365/120
+        ...shorthands.borderColor(tokens.colorBrandStroke2Pressed),
+        color: tokens.colorBrandForeground2Pressed,
+        backgroundColor: tokens.colorBrandBackground2Pressed
+      }
+    }
+  },
+  canvas: {
+    ...typographyStyles.body1,
+    padding: `${tokens.spacingVerticalSNudge} ${tokens.spacingHorizontalM}`
+  }
+});
+const useNextStyles = makeStyles({
+  root: {
+    paddingHorizontal: tokens.spacingHorizontalM,
+    paddingVertical: tokens.spacingVerticalSNudge,
+    fontSize: tokens.fontSizeBase200
+  }
+});
+export const useSuggestionStyles_unstable = state => {
+  'use no memo';
+  const {
+    designVersion,
+    mode
+  } = state;
+  const styles = useSuggestionStyles();
+  const nextStyles = useNextStyles();
+  state.root.className = mergeClasses(suggestionClassNames.root, styles.root, mode === 'canvas' && styles.canvas, designVersion === 'next' && nextStyles.root, !state.disabled && styles.enabled, state.root.className);
+  return state;
+};
+//# sourceMappingURL=useSuggestionStyles.styles.raw.js.map

package/lib/components/Suggestion/useSuggestionStyles.styles.raw.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"sources":["useSuggestionStyles.styles.ts"],"sourcesContent":["import { makeStyles, mergeClasses, shorthands, typographyStyles } from '@fluentui/react-components';\nimport { tokens } from '@fluentui-copilot/tokens';\nimport type { SlotClassNames, ButtonSlots } from '@fluentui/react-components';\nimport type { SuggestionState } from './Suggestion.types';\n\nexport const suggestionClassNames: SlotClassNames<ButtonSlots> = {\n root: 'fai-Suggestion',\n icon: 'fai-Suggestion__icon',\n};\n\nconst useSuggestionStyles = makeStyles({\n root: {\n ...typographyStyles.caption1,\n // Brand/M365/140\n ...shorthands.border('1px', 'solid', tokens.colorBrandStroke2),\n borderRadius: tokens.borderRadiusXLarge,\n padding: `${tokens.spacingVerticalXS} ${tokens.spacingVerticalS}`,\n color: tokens.colorNeutralForeground2,\n textAlign: 'start',\n // remove this MQ once https://github.com/microsoft/fluentui/issues/28552 is resolved\n // media queries have zero specificity\n },\n enabled: {\n '@media (forced-colors: none)': {\n ':hover': {\n // Brand/M365/120\n ...shorthands.borderColor(tokens.colorBrandStroke2Hover),\n color: tokens.colorBrandForeground2Hover,\n backgroundColor: tokens.colorBrandBackground2Hover,\n },\n // Figma states 'on hover and pressed state'\n ':active:hover': {\n // Brand/M365/120\n ...shorthands.borderColor(tokens.colorBrandStroke2Pressed),\n color: tokens.colorBrandForeground2Pressed,\n backgroundColor: tokens.colorBrandBackground2Pressed,\n },\n },\n },\n canvas: {\n ...typographyStyles.body1,\n padding: `${tokens.spacingVerticalSNudge} ${tokens.spacingHorizontalM}`,\n },\n});\n\nconst useNextStyles = makeStyles({\n root: {\n paddingHorizontal: tokens.spacingHorizontalM,\n paddingVertical: tokens.spacingVerticalSNudge,\n fontSize: tokens.fontSizeBase200,\n },\n});\n\nexport const useSuggestionStyles_unstable = (state: SuggestionState): SuggestionState => {\n 'use no memo';\n\n const { designVersion, mode } = state;\n\n const styles = useSuggestionStyles();\n const nextStyles = useNextStyles();\n state.root.className = mergeClasses(\n suggestionClassNames.root,\n styles.root,\n mode === 'canvas' && styles.canvas,\n designVersion === 'next' && nextStyles.root,\n !state.disabled && styles.enabled,\n state.root.className,\n );\n\n return state;\n};\n"],"names":["makeStyles","mergeClasses","shorthands","typographyStyles","tokens","suggestionClassNames","root","icon","useSuggestionStyles","caption1","border","colorBrandStroke2","borderRadius","borderRadiusXLarge","padding","spacingVerticalXS","spacingVerticalS","color","colorNeutralForeground2","textAlign","enabled","borderColor","colorBrandStroke2Hover","colorBrandForeground2Hover","backgroundColor","colorBrandBackground2Hover","colorBrandStroke2Pressed","colorBrandForeground2Pressed","colorBrandBackground2Pressed","canvas","body1","spacingVerticalSNudge","spacingHorizontalM","useNextStyles","paddingHorizontal","paddingVertical","fontSize","fontSizeBase200","useSuggestionStyles_unstable","state","designVersion","mode","styles","nextStyles","className","disabled"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,SAASA,UAAU,EAAEC,YAAY,EAAEC,UAAU,EAAEC,gBAAgB,QAAQ,6BAA6B;AACpG,SAASC,MAAM,QAAQ,2BAA2B;AAIlD,OAAO,MAAMC,uBAAoD;IAC/DC,MAAM;IACNC,MAAM;AACR,EAAE;AAEF,MAAMC,sBAAsBR,WAAW;IACrCM,MAAM;QACJ,GAAGH,iBAAiBM,QAAQ;QAC5B,kBAAkB;QAClB,GAAGP,WAAWQ,MAAM,CAAC,OAAO,SAASN,OAAOO,iBAAiB,CAAC;QAC9DC,cAAcR,OAAOS,kBAAkB;QACvCC,SAAS,CAAC,EAAEV,OAAOW,iBAAiB,CAAC,CAAC,EAAEX,OAAOY,gBAAgB,CAAC,CAAC;QACjEC,OAAOb,OAAOc,uBAAuB;QACrCC,WAAW;IAGb;IACAC,SAAS;QACP,gCAAgC;YAC9B,UAAU;gBACR,kBAAkB;gBAClB,GAAGlB,WAAWmB,WAAW,CAACjB,OAAOkB,sBAAsB,CAAC;gBACxDL,OAAOb,OAAOmB,0BAA0B;gBACxCC,iBAAiBpB,OAAOqB,0BAA0B;YACpD;YACA,4CAA4C;YAC5C,iBAAiB;gBACf,kBAAkB;gBAClB,GAAGvB,WAAWmB,WAAW,CAACjB,OAAOsB,wBAAwB,CAAC;gBAC1DT,OAAOb,OAAOuB,4BAA4B;gBAC1CH,iBAAiBpB,OAAOwB,4BAA4B;YACtD;QACF;IACF;IACAC,QAAQ;QACN,GAAG1B,iBAAiB2B,KAAK;QACzBhB,SAAS,CAAC,EAAEV,OAAO2B,qBAAqB,CAAC,CAAC,EAAE3B,OAAO4B,kBAAkB,CAAC,CAAC;IACzE;AACF;AAEA,MAAMC,gBAAgBjC,WAAW;IAC/BM,MAAM;QACJ4B,mBAAmB9B,OAAO4B,kBAAkB;QAC5CG,iBAAiB/B,OAAO2B,qBAAqB;QAC7CK,UAAUhC,OAAOiC,eAAe;IAClC;AACF;AAEA,OAAO,MAAMC,+BAA+B,CAACC;IAC3C;IAEA,MAAM,EAAEC,aAAa,EAAEC,IAAI,EAAE,GAAGF;IAEhC,MAAMG,SAASlC;IACf,MAAMmC,aAAaV;IACnBM,MAAMjC,IAAI,CAACsC,SAAS,GAAG3C,aACrBI,qBAAqBC,IAAI,EACzBoC,OAAOpC,IAAI,EACXmC,SAAS,YAAYC,OAAOb,MAAM,EAClCW,kBAAkB,UAAUG,WAAWrC,IAAI,EAC3C,CAACiC,MAAMM,QAAQ,IAAIH,OAAOtB,OAAO,EACjCmB,MAAMjC,IAAI,CAACsC,SAAS;IAGtB,OAAOL;AACT,EAAE"}

package/lib/components/SuggestionList/useSuggestionListStyles.styles.raw.js ADDED Viewed

@@ -0,0 +1,47 @@
+import { makeStyles, mergeClasses } from '@fluentui/react-components';
+import { tokens } from '@fluentui-copilot/tokens';
+export const suggestionListClassNames = {
+  root: 'fai-SuggestionList',
+  action: 'fai-SuggestionList__action'
+};
+/**
+ * Styles for the root slot
+ */
+const useStyles = makeStyles({
+  root: {
+    display: 'flex',
+    flexWrap: 'wrap',
+    justifyContent: 'flex-end',
+    gap: tokens.spacingVerticalS,
+    margin: `
+      ${tokens.spacingVerticalNone}
+      ${tokens.spacingHorizontalNone}
+      ${tokens.spacingVerticalS}
+      ${tokens.spacingHorizontalNone}
+    `,
+    '> :nth-last-of-type(2)': {
+      maxWidth: `calc(100% - ${tokens.spacingHorizontalXXL} - ${tokens.spacingVerticalS})`
+    }
+  },
+  horizontalAlignmentStart: {
+    justifyContent: 'flex-start'
+  },
+  action: {
+    minWidth: tokens.spacingHorizontalXXL,
+    maxWidth: tokens.spacingHorizontalXXL
+  }
+});
+/**
+ * Apply styling to the SuggestionList slots based on the state
+ */
+export const useSuggestionListStyles_unstable = state => {
+  'use no memo';
+  const styles = useStyles();
+  state.root.className = mergeClasses(suggestionListClassNames.root, styles.root, state.horizontalAlignment === 'start' && styles.horizontalAlignmentStart, state.root.className);
+  if (state.action) {
+    state.action.className = mergeClasses(suggestionListClassNames.action, styles.action, state.action.className);
+  }
+  return state;
+};
+//# sourceMappingURL=useSuggestionListStyles.styles.raw.js.map

package/lib/components/SuggestionList/useSuggestionListStyles.styles.raw.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"sources":["useSuggestionListStyles.styles.ts"],"sourcesContent":["import { makeStyles, mergeClasses } from '@fluentui/react-components';\nimport { tokens } from '@fluentui-copilot/tokens';\nimport type { SuggestionListSlots, SuggestionListState } from './SuggestionList.types';\nimport type { SlotClassNames } from '@fluentui/react-components';\n\nexport const suggestionListClassNames: SlotClassNames<SuggestionListSlots> = {\n root: 'fai-SuggestionList',\n action: 'fai-SuggestionList__action',\n};\n\n/**\n * Styles for the root slot\n */\nconst useStyles = makeStyles({\n root: {\n display: 'flex',\n flexWrap: 'wrap',\n justifyContent: 'flex-end',\n gap: tokens.spacingVerticalS,\n margin: `\n ${tokens.spacingVerticalNone}\n ${tokens.spacingHorizontalNone}\n ${tokens.spacingVerticalS}\n ${tokens.spacingHorizontalNone}\n `,\n '> :nth-last-of-type(2)': {\n maxWidth: `calc(100% - ${tokens.spacingHorizontalXXL} - ${tokens.spacingVerticalS})`,\n },\n },\n horizontalAlignmentStart: {\n justifyContent: 'flex-start',\n },\n\n action: {\n minWidth: tokens.spacingHorizontalXXL,\n maxWidth: tokens.spacingHorizontalXXL,\n },\n\n // TODO add additional classes for different states and/or slots\n});\n\n/**\n * Apply styling to the SuggestionList slots based on the state\n */\nexport const useSuggestionListStyles_unstable = (state: SuggestionListState): SuggestionListState => {\n 'use no memo';\n\n const styles = useStyles();\n state.root.className = mergeClasses(\n suggestionListClassNames.root,\n styles.root,\n state.horizontalAlignment === 'start' && styles.horizontalAlignmentStart,\n state.root.className,\n );\n\n if (state.action) {\n state.action.className = mergeClasses(suggestionListClassNames.action, styles.action, state.action.className);\n }\n\n return state;\n};\n"],"names":["makeStyles","mergeClasses","tokens","suggestionListClassNames","root","action","useStyles","display","flexWrap","justifyContent","gap","spacingVerticalS","margin","spacingVerticalNone","spacingHorizontalNone","maxWidth","spacingHorizontalXXL","horizontalAlignmentStart","minWidth","useSuggestionListStyles_unstable","state","styles","className","horizontalAlignment"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,SAASA,UAAU,EAAEC,YAAY,QAAQ,6BAA6B;AACtE,SAASC,MAAM,QAAQ,2BAA2B;AAIlD,OAAO,MAAMC,2BAAgE;IAC3EC,MAAM;IACNC,QAAQ;AACV,EAAE;AAEF;;CAEC,GACD,MAAMC,YAAYN,WAAW;IAC3BI,MAAM;QACJG,SAAS;QACTC,UAAU;QACVC,gBAAgB;QAChBC,KAAKR,OAAOS,gBAAgB;QAC5BC,QAAQ,CAAC;MACP,EAAEV,OAAOW,mBAAmB,CAAC;MAC7B,EAAEX,OAAOY,qBAAqB,CAAC;MAC/B,EAAEZ,OAAOS,gBAAgB,CAAC;MAC1B,EAAET,OAAOY,qBAAqB,CAAC;IACjC,CAAC;QACD,0BAA0B;YACxBC,UAAU,CAAC,YAAY,EAAEb,OAAOc,oBAAoB,CAAC,GAAG,EAAEd,OAAOS,gBAAgB,CAAC,CAAC,CAAC;QACtF;IACF;IACAM,0BAA0B;QACxBR,gBAAgB;IAClB;IAEAJ,QAAQ;QACNa,UAAUhB,OAAOc,oBAAoB;QACrCD,UAAUb,OAAOc,oBAAoB;IACvC;AAGF;AAEA;;CAEC,GACD,OAAO,MAAMG,mCAAmC,CAACC;IAC/C;IAEA,MAAMC,SAASf;IACfc,MAAMhB,IAAI,CAACkB,SAAS,GAAGrB,aACrBE,yBAAyBC,IAAI,EAC7BiB,OAAOjB,IAAI,EACXgB,MAAMG,mBAAmB,KAAK,WAAWF,OAAOJ,wBAAwB,EACxEG,MAAMhB,IAAI,CAACkB,SAAS;IAGtB,IAAIF,MAAMf,MAAM,EAAE;QAChBe,MAAMf,MAAM,CAACiB,SAAS,GAAGrB,aAAaE,yBAAyBE,MAAM,EAAEgB,OAAOhB,MAAM,EAAEe,MAAMf,MAAM,CAACiB,SAAS;IAC9G;IAEA,OAAOF;AACT,EAAE"}

package/lib-commonjs/components/Suggestion/useSuggestionStyles.styles.raw.js ADDED Viewed

@@ -0,0 +1,71 @@
+"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, {
+    suggestionClassNames: function() {
+        return suggestionClassNames;
+    },
+    useSuggestionStyles_unstable: function() {
+        return useSuggestionStyles_unstable;
+    }
+});
+const _reactcomponents = require("@fluentui/react-components");
+const _tokens = require("@fluentui-copilot/tokens");
+const suggestionClassNames = {
+    root: 'fai-Suggestion',
+    icon: 'fai-Suggestion__icon'
+};
+const useSuggestionStyles = (0, _reactcomponents.makeStyles)({
+    root: {
+        ..._reactcomponents.typographyStyles.caption1,
+        //  Brand/M365/140
+        ..._reactcomponents.shorthands.border('1px', 'solid', _tokens.tokens.colorBrandStroke2),
+        borderRadius: _tokens.tokens.borderRadiusXLarge,
+        padding: `${_tokens.tokens.spacingVerticalXS} ${_tokens.tokens.spacingVerticalS}`,
+        color: _tokens.tokens.colorNeutralForeground2,
+        textAlign: 'start'
+    },
+    enabled: {
+        '@media (forced-colors: none)': {
+            ':hover': {
+                //  Brand/M365/120
+                ..._reactcomponents.shorthands.borderColor(_tokens.tokens.colorBrandStroke2Hover),
+                color: _tokens.tokens.colorBrandForeground2Hover,
+                backgroundColor: _tokens.tokens.colorBrandBackground2Hover
+            },
+            // Figma states 'on hover and pressed state'
+            ':active:hover': {
+                //  Brand/M365/120
+                ..._reactcomponents.shorthands.borderColor(_tokens.tokens.colorBrandStroke2Pressed),
+                color: _tokens.tokens.colorBrandForeground2Pressed,
+                backgroundColor: _tokens.tokens.colorBrandBackground2Pressed
+            }
+        }
+    },
+    canvas: {
+        ..._reactcomponents.typographyStyles.body1,
+        padding: `${_tokens.tokens.spacingVerticalSNudge} ${_tokens.tokens.spacingHorizontalM}`
+    }
+});
+const useNextStyles = (0, _reactcomponents.makeStyles)({
+    root: {
+        paddingHorizontal: _tokens.tokens.spacingHorizontalM,
+        paddingVertical: _tokens.tokens.spacingVerticalSNudge,
+        fontSize: _tokens.tokens.fontSizeBase200
+    }
+});
+const useSuggestionStyles_unstable = (state)=>{
+    'use no memo';
+    const { designVersion, mode } = state;
+    const styles = useSuggestionStyles();
+    const nextStyles = useNextStyles();
+    state.root.className = (0, _reactcomponents.mergeClasses)(suggestionClassNames.root, styles.root, mode === 'canvas' && styles.canvas, designVersion === 'next' && nextStyles.root, !state.disabled && styles.enabled, state.root.className);
+    return state;
+}; //# sourceMappingURL=useSuggestionStyles.styles.raw.js.map

package/lib-commonjs/components/Suggestion/useSuggestionStyles.styles.raw.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"sources":["useSuggestionStyles.styles.ts"],"sourcesContent":["import { makeStyles, mergeClasses, shorthands, typographyStyles } from '@fluentui/react-components';\nimport { tokens } from '@fluentui-copilot/tokens';\nimport type { SlotClassNames, ButtonSlots } from '@fluentui/react-components';\nimport type { SuggestionState } from './Suggestion.types';\n\nexport const suggestionClassNames: SlotClassNames<ButtonSlots> = {\n root: 'fai-Suggestion',\n icon: 'fai-Suggestion__icon',\n};\n\nconst useSuggestionStyles = makeStyles({\n root: {\n ...typographyStyles.caption1,\n // Brand/M365/140\n ...shorthands.border('1px', 'solid', tokens.colorBrandStroke2),\n borderRadius: tokens.borderRadiusXLarge,\n padding: `${tokens.spacingVerticalXS} ${tokens.spacingVerticalS}`,\n color: tokens.colorNeutralForeground2,\n textAlign: 'start',\n // remove this MQ once https://github.com/microsoft/fluentui/issues/28552 is resolved\n // media queries have zero specificity\n },\n enabled: {\n '@media (forced-colors: none)': {\n ':hover': {\n // Brand/M365/120\n ...shorthands.borderColor(tokens.colorBrandStroke2Hover),\n color: tokens.colorBrandForeground2Hover,\n backgroundColor: tokens.colorBrandBackground2Hover,\n },\n // Figma states 'on hover and pressed state'\n ':active:hover': {\n // Brand/M365/120\n ...shorthands.borderColor(tokens.colorBrandStroke2Pressed),\n color: tokens.colorBrandForeground2Pressed,\n backgroundColor: tokens.colorBrandBackground2Pressed,\n },\n },\n },\n canvas: {\n ...typographyStyles.body1,\n padding: `${tokens.spacingVerticalSNudge} ${tokens.spacingHorizontalM}`,\n },\n});\n\nconst useNextStyles = makeStyles({\n root: {\n paddingHorizontal: tokens.spacingHorizontalM,\n paddingVertical: tokens.spacingVerticalSNudge,\n fontSize: tokens.fontSizeBase200,\n },\n});\n\nexport const useSuggestionStyles_unstable = (state: SuggestionState): SuggestionState => {\n 'use no memo';\n\n const { designVersion, mode } = state;\n\n const styles = useSuggestionStyles();\n const nextStyles = useNextStyles();\n state.root.className = mergeClasses(\n suggestionClassNames.root,\n styles.root,\n mode === 'canvas' && styles.canvas,\n designVersion === 'next' && nextStyles.root,\n !state.disabled && styles.enabled,\n state.root.className,\n );\n\n return state;\n};\n"],"names":["suggestionClassNames","useSuggestionStyles_unstable","root","icon","useSuggestionStyles","makeStyles","typographyStyles","caption1","shorthands","border","tokens","colorBrandStroke2","borderRadius","borderRadiusXLarge","padding","spacingVerticalXS","spacingVerticalS","color","colorNeutralForeground2","textAlign","enabled","borderColor","colorBrandStroke2Hover","colorBrandForeground2Hover","backgroundColor","colorBrandBackground2Hover","colorBrandStroke2Pressed","colorBrandForeground2Pressed","colorBrandBackground2Pressed","canvas","body1","spacingVerticalSNudge","spacingHorizontalM","useNextStyles","paddingHorizontal","paddingVertical","fontSize","fontSizeBase200","state","designVersion","nextStyles","styles"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAKaA,oBAAAA;eAAAA;;IAgDAC,4BAAAA;eAAAA;;;iCArD0D;wBAChD;AAIhB,MAAMD,uBAAoD;UAC/DE;UACAC;AACF;AAEA,MAAMC,sBAAsBC,IAAAA,2BAAAA,EAAW;UACrCH;4CACKI,CAAAA,QAAiBC;0BACpB;sCACGC,CAAAA,MAAWC,CAAAA,OAAO,SAAOC,cAASA,CAAAA,iBAAOC,CAAAA;sBAC5CC,cAAcF,CAAAA,kBAAOG;iBACrBC,CAAAA,EAAAA,cAAYJ,CAAAA,iBAAOK,CAAAA,CAAAA,EAAiBL,cAAIA,CAAAA,gBAAOM,CAAAA,CAAAA;eAC/CC,cAAOP,CAAAA,uBAAOQ;mBACdC;;aAIFC;wCACE;sBACE;kCACE;8CACGZ,CAAAA,WAAWa,CAAAA,cAAAA,CAAWC,sBAAQA,CAAAA;qCACjCL,CAAAA,0BAAcM;iCACdC,cAAAA,CAAAA,0BAAwBC;;wDAE1B;6BACA;kCACE;8CACGjB,CAAAA,WAAWa,CAAAA,cAAAA,CAAWK,wBAAQA,CAAAA;qCACjCT,CAAAA,4BAAcU;iCACdH,cAAAA,CAAAA,4BAAwBI;;;;YAI9BC;4CACKvB,CAAAA,KAAiBwB;iBACpBhB,CAAAA,EAAAA,cAAYJ,CAAAA,qBAAOqB,CAAAA,CAAAA,EAAqBrB,cAAIA,CAAAA,kBAAOsB,CAAAA,CAAAA;;AAEvD;AAEA,MAAMC,gBAAgB5B,IAAAA,2BAAAA,EAAW;UAC/BH;2BACEgC,cAAmBxB,CAAAA,kBAAOsB;yBAC1BG,cAAiBzB,CAAAA,qBAAOqB;kBACxBK,cAAU1B,CAAAA,eAAO2B;;AAErB;AAEO,MAAMpC,+BAA+BqC,CAAAA;;UAK1C,EACAC,aAAMC,EACNF,IAAAA,KASAA;IACA,MAAAG,SAAArC"}

package/lib-commonjs/components/SuggestionList/useSuggestionListStyles.styles.raw.js ADDED Viewed

@@ -0,0 +1,59 @@
+"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, {
+    suggestionListClassNames: function() {
+        return suggestionListClassNames;
+    },
+    useSuggestionListStyles_unstable: function() {
+        return useSuggestionListStyles_unstable;
+    }
+});
+const _reactcomponents = require("@fluentui/react-components");
+const _tokens = require("@fluentui-copilot/tokens");
+const suggestionListClassNames = {
+    root: 'fai-SuggestionList',
+    action: 'fai-SuggestionList__action'
+};
+/**
+ * Styles for the root slot
+ */ const useStyles = (0, _reactcomponents.makeStyles)({
+    root: {
+        display: 'flex',
+        flexWrap: 'wrap',
+        justifyContent: 'flex-end',
+        gap: _tokens.tokens.spacingVerticalS,
+        margin: `
+      ${_tokens.tokens.spacingVerticalNone}
+      ${_tokens.tokens.spacingHorizontalNone}
+      ${_tokens.tokens.spacingVerticalS}
+      ${_tokens.tokens.spacingHorizontalNone}
+    `,
+        '> :nth-last-of-type(2)': {
+            maxWidth: `calc(100% - ${_tokens.tokens.spacingHorizontalXXL} - ${_tokens.tokens.spacingVerticalS})`
+        }
+    },
+    horizontalAlignmentStart: {
+        justifyContent: 'flex-start'
+    },
+    action: {
+        minWidth: _tokens.tokens.spacingHorizontalXXL,
+        maxWidth: _tokens.tokens.spacingHorizontalXXL
+    }
+});
+const useSuggestionListStyles_unstable = (state)=>{
+    'use no memo';
+    const styles = useStyles();
+    state.root.className = (0, _reactcomponents.mergeClasses)(suggestionListClassNames.root, styles.root, state.horizontalAlignment === 'start' && styles.horizontalAlignmentStart, state.root.className);
+    if (state.action) {
+        state.action.className = (0, _reactcomponents.mergeClasses)(suggestionListClassNames.action, styles.action, state.action.className);
+    }
+    return state;
+}; //# sourceMappingURL=useSuggestionListStyles.styles.raw.js.map

package/lib-commonjs/components/SuggestionList/useSuggestionListStyles.styles.raw.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"sources":["useSuggestionListStyles.styles.ts"],"sourcesContent":["import { makeStyles, mergeClasses } from '@fluentui/react-components';\nimport { tokens } from '@fluentui-copilot/tokens';\nimport type { SuggestionListSlots, SuggestionListState } from './SuggestionList.types';\nimport type { SlotClassNames } from '@fluentui/react-components';\n\nexport const suggestionListClassNames: SlotClassNames<SuggestionListSlots> = {\n root: 'fai-SuggestionList',\n action: 'fai-SuggestionList__action',\n};\n\n/**\n * Styles for the root slot\n */\nconst useStyles = makeStyles({\n root: {\n display: 'flex',\n flexWrap: 'wrap',\n justifyContent: 'flex-end',\n gap: tokens.spacingVerticalS,\n margin: `\n ${tokens.spacingVerticalNone}\n ${tokens.spacingHorizontalNone}\n ${tokens.spacingVerticalS}\n ${tokens.spacingHorizontalNone}\n `,\n '> :nth-last-of-type(2)': {\n maxWidth: `calc(100% - ${tokens.spacingHorizontalXXL} - ${tokens.spacingVerticalS})`,\n },\n },\n horizontalAlignmentStart: {\n justifyContent: 'flex-start',\n },\n\n action: {\n minWidth: tokens.spacingHorizontalXXL,\n maxWidth: tokens.spacingHorizontalXXL,\n },\n\n // TODO add additional classes for different states and/or slots\n});\n\n/**\n * Apply styling to the SuggestionList slots based on the state\n */\nexport const useSuggestionListStyles_unstable = (state: SuggestionListState): SuggestionListState => {\n 'use no memo';\n\n const styles = useStyles();\n state.root.className = mergeClasses(\n suggestionListClassNames.root,\n styles.root,\n state.horizontalAlignment === 'start' && styles.horizontalAlignmentStart,\n state.root.className,\n );\n\n if (state.action) {\n state.action.className = mergeClasses(suggestionListClassNames.action, styles.action, state.action.className);\n }\n\n return state;\n};\n"],"names":["suggestionListClassNames","styles","useStyles","root","action","makeStyles","display","flexWrap","justifyContent","spacingVerticalS","margin","tokens","spacingHorizontalNone","spacingHorizontalXXL","minWidth","maxWidth","state","className","mergeClasses","horizontalAlignment","horizontalAlignmentStart"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAKaA,wBAAAA;eAAAA;;IA0CLC,gCAASC;eAATD;;;iCA/CiC;wBAClB;AAIhB,MAAMD,2BAAgE;UAC3EG;YACAC;AACF;AAEA;;CAEC,SAECD,YAAME,IAAAA,2BAAA,EAAA;UACJC;iBACAC;kBACAC;wBACYC;aACZC,cAAAA,CAAQD,gBAAC;gBACLE,CAAAA;MACF,EAAEA,cAAAA,CAAOC,mBAAAA,CAAAA;MACT,EAAED,cAAAA,CAAOF,qBAAiB,CAAA;MAC1B,EAAEE,cAAAA,CAAOC,gBAAAA,CAAAA;MACV,EAAAD,cAAA,CAAAC,qBAAA,CAAA;;kCAEY;sBACb,CAAA,YAAA,EAAAD,cAAA,CAAAE,oBAAA,CAAA,GAAA,EAAAF,cAAA,CAAAF,gBAAA,CAAA,CAAA,CAAA;QACF;;8BAEkB;QAClBD,gBAAA;;YAGEM;kBACAC,cAAUJ,CAAAA,oBAAOE;QACnBE,UAAAJ,cAAA,CAAAE,oBAAA;IAGF;AAEA;AAME,MAAMZ,mCAASC,CAAAA;;UASbc,SAAMZ;UACRD,IAAA,CAAAc,SAAA,GAAAC,IAAAA,6BAAA,EAAAlB,yBAAAG,IAAA,EAAAF,OAAAE,IAAA,EAAAa,MAAAG,mBAAA,KAAA,WAAAlB,OAAAmB,wBAAA,EAAAJ,MAAAb,IAAA,CAAAc,SAAA;QAEAD,MAAOA,MAAAA,EAAAA;QACPA,MAAAZ,MAAA,CAAAa,SAAA,GAAAC,IAAAA,6BAAA,EAAAlB,yBAAAI,MAAA,EAAAH,OAAAG,MAAA,EAAAY,MAAAZ,MAAA,CAAAa,SAAA"}

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@fluentui-copilot/react-suggestions",
-  "version": "0.12.2",
+  "version": "0.12.3-hotfix.2",
   "description": "A Fluent AI package",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -12,15 +12,15 @@
   },
   "license": "MIT",
   "dependencies": {
-    "@fluentui-copilot/react-provider": "^0.11.2",
-    "@fluentui-copilot/tokens": "^0.3.10",
+    "@fluentui-copilot/react-provider": "0.11.3-hotfix.2",
+    "@fluentui-copilot/tokens": "0.3.11-hotfix.2",
     "@swc/helpers": "^0.5.1"
   },
   "peerDependencies": {
-    "@fluentui/react-components": ">=9.58.3 <10.0.0",
+    "@fluentui/react-components": ">=9.63.0 <10.0.0",
     "@fluentui/react-context-selector": ">=9.1.76 <10.0.0",
     "@fluentui/react-icons": ">=2.0.260 <3.0.0",
-    "@fluentui/react-jsx-runtime": ">=9.0.50 <10.0.0",
+    "@fluentui/react-jsx-runtime": ">=9.0.54 <10.0.0",
     "@fluentui/react-shared-contexts": ">=9.23.1 <10.0.0",
     "@fluentui/react-utilities": ">=9.19.0 <10.0.0",
     "@types/react": ">=16.14.0 <19.0.0",
@@ -28,11 +28,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",