@fluentui-copilot/react-suggestions 0.0.0-nightly-20250611-0405-d9945da4.1 → 0.0.0-nightly-20250613-0405-485ea952.1

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 (7) hide show
  1. package/CHANGELOG.json +24 -3
  2. package/CHANGELOG.md +14 -4
  3. package/lib/components/Suggestion/useSuggestionStyles.styles.js +51 -3
  4. package/lib/components/Suggestion/useSuggestionStyles.styles.js.map +1 -1
  5. package/lib-commonjs/components/Suggestion/useSuggestionStyles.styles.js +135 -3
  6. package/lib-commonjs/components/Suggestion/useSuggestionStyles.styles.js.map +1 -1
  7. package/package.json +3 -3
package/CHANGELOG.json CHANGED
@@ -2,9 +2,9 @@
2
2
  "name": "@fluentui-copilot/react-suggestions",
3
3
  "entries": [
4
4
  {
5
- "date": "Wed, 11 Jun 2025 04:12:25 GMT",
6
- "tag": "@fluentui-copilot/react-suggestions_v0.0.0-nightly-20250611-0405-d9945da4.1",
7
- "version": "0.0.0-nightly-20250611-0405-d9945da4.1",
5
+ "date": "Fri, 13 Jun 2025 04:12:33 GMT",
6
+ "tag": "@fluentui-copilot/react-suggestions_v0.0.0-nightly-20250613-0405-485ea952.1",
7
+ "version": "0.0.0-nightly-20250613-0405-485ea952.1",
8
8
  "comments": {
9
9
  "prerelease": [
10
10
  {
@@ -16,6 +16,27 @@
16
16
  ]
17
17
  }
18
18
  },
19
+ {
20
+ "date": "Thu, 12 Jun 2025 17:50:58 GMT",
21
+ "tag": "@fluentui-copilot/react-suggestions_v0.13.0",
22
+ "version": "0.13.0",
23
+ "comments": {
24
+ "patch": [
25
+ {
26
+ "author": "owcampbe@microsoft.com",
27
+ "package": "@fluentui-copilot/react-suggestions",
28
+ "commit": "df6e69dbb38b7cb817ac44532fb14d423607f010",
29
+ "comment": "fix: Update Suggestions appearance to use neutral colors when designVersion is 'next'"
30
+ },
31
+ {
32
+ "author": "Humberto.Morimoto@microsoft.com",
33
+ "package": "@fluentui-copilot/react-suggestions",
34
+ "commit": "53a6e5419e6170dea520ebec933d347ce0bedb60",
35
+ "comment": "chore: Update typographyStyles import to use @fluentui-copilot/tokens instead of @fluentui/react-components"
36
+ }
37
+ ]
38
+ }
39
+ },
19
40
  {
20
41
  "date": "Mon, 19 May 2025 18:04:28 GMT",
21
42
  "tag": "@fluentui-copilot/react-suggestions_v0.12.3",
package/CHANGELOG.md CHANGED
@@ -1,18 +1,28 @@
1
1
  # Change Log - @fluentui-copilot/react-suggestions
2
2
 
3
- This log was last generated on Wed, 11 Jun 2025 04:12:25 GMT and should not be manually modified.
3
+ This log was last generated on Fri, 13 Jun 2025 04:12:33 GMT and should not be manually modified.
4
4
 
5
5
  <!-- Start content -->
6
6
 
7
- ## [0.0.0-nightly-20250611-0405-d9945da4.1](https://github.com/microsoft/fluentai/tree/@fluentui-copilot/react-suggestions_v0.0.0-nightly-20250611-0405-d9945da4.1)
7
+ ## [0.0.0-nightly-20250613-0405-485ea952.1](https://github.com/microsoft/fluentai/tree/@fluentui-copilot/react-suggestions_v0.0.0-nightly-20250613-0405-485ea952.1)
8
8
 
9
- Wed, 11 Jun 2025 04:12:25 GMT
10
- [Compare changes](https://github.com/microsoft/fluentai/compare/@fluentui-copilot/react-suggestions_v0.12.3..@fluentui-copilot/react-suggestions_v0.0.0-nightly-20250611-0405-d9945da4.1)
9
+ Fri, 13 Jun 2025 04:12:33 GMT
10
+ [Compare changes](https://github.com/microsoft/fluentai/compare/@fluentui-copilot/react-suggestions_v0.13.0..@fluentui-copilot/react-suggestions_v0.0.0-nightly-20250613-0405-485ea952.1)
11
11
 
12
12
  ### Changes
13
13
 
14
14
  - Release nightly ([commit](https://github.com/microsoft/fluentai/commit/not available) by fluentui-internal@service.microsoft.com)
15
15
 
16
+ ## [0.13.0](https://github.com/microsoft/fluentai/tree/@fluentui-copilot/react-suggestions_v0.13.0)
17
+
18
+ Thu, 12 Jun 2025 17:50:58 GMT
19
+ [Compare changes](https://github.com/microsoft/fluentai/compare/@fluentui-copilot/react-suggestions_v0.12.3..@fluentui-copilot/react-suggestions_v0.13.0)
20
+
21
+ ### Patches
22
+
23
+ - fix: Update Suggestions appearance to use neutral colors when designVersion is 'next' ([PR #3045](https://github.com/microsoft/fluentai/pull/3045) by owcampbe@microsoft.com)
24
+ - chore: Update typographyStyles import to use @fluentui-copilot/tokens instead of @fluentui/react-components ([PR #3125](https://github.com/microsoft/fluentai/pull/3125) by Humberto.Morimoto@microsoft.com)
25
+
16
26
  ## [0.12.3](https://github.com/microsoft/fluentai/tree/@fluentui-copilot/react-suggestions_v0.12.3)
17
27
 
18
28
  Sat, 03 May 2025 01:27:45 GMT
package/lib/components/Suggestion/useSuggestionStyles.styles.js CHANGED
@@ -94,10 +94,58 @@ const useNextStyles = __styles({
94
94
  root: {
95
95
  qh2i5f: "f1m56mwy",
96
96
  Bvf7fsn: "frhssjw",
97
- Be2twd7: "fy9rknc"
97
+ Be2twd7: "fy9rknc",
98
+ B4j52fo: "f192inf7",
99
+ Bekrc4i: ["f5tn483", "f1ojsxk5"],
100
+ Bn0qgzm: "f1vxd6vx",
101
+ ibv6hh: ["f1ojsxk5", "f5tn483"],
102
+ icvyot: "fzkkow9",
103
+ vrafjx: ["fcdblym", "fjik90z"],
104
+ oivjwe: "fg706s2",
105
+ wvpqe5: ["fjik90z", "fcdblym"],
106
+ g2u3we: "f68mrw8",
107
+ h3c5rm: ["f7pw515", "fw35ms5"],
108
+ B9xav0g: "frpde29",
109
+ zhjwy3: ["fw35ms5", "f7pw515"],
110
+ De3pzq: "fhovq9v"
111
+ },
112
+ enabled: {
113
+ B9di4we: "f106pmgz",
114
+ B1f0e9u: ["fesy4wo", "f9xbgkc"],
115
+ bb0oo: "fil0yj2",
116
+ B88lpqa: ["f9xbgkc", "fesy4wo"],
117
+ grrwut: "fnx31mg",
118
+ Bejlia0: "feiahij",
119
+ v5djml: "f1ytgj83",
120
+ Bptf8dt: ["f16m5b8m", "fwlads5"],
121
+ j4j8r: "f17ux6es",
122
+ H566xl: ["fwlads5", "f16m5b8m"],
123
+ a9g2gr: "f1kqxwtj",
124
+ rgbxn1: "f10o6k9l"
98
125
  }
99
126
  }, {
100
- d: [".f1m56mwy{padding-horizontal:var(--spacingHorizontalM);padding-horizontal:var(--spacingHorizontalM);}", ".frhssjw{padding-vertical:var(--spacingVerticalSNudge);}", ".fy9rknc{font-size:var(--fontSizeBase200);}"]
127
+ d: [".f1m56mwy{padding-horizontal:var(--spacingHorizontalM);padding-horizontal:var(--spacingHorizontalM);}", ".frhssjw{padding-vertical:var(--spacingVerticalSNudge);}", ".fy9rknc{font-size:var(--fontSizeBase200);}", ".f192inf7{border-top-width:var(--strokeWidthThin);}", ".f5tn483{border-right-width:var(--strokeWidthThin);}", ".f1ojsxk5{border-left-width:var(--strokeWidthThin);}", ".f1vxd6vx{border-bottom-width:var(--strokeWidthThin);}", ".fzkkow9{border-top-style:solid;}", ".fcdblym{border-right-style:solid;}", ".fjik90z{border-left-style:solid;}", ".fg706s2{border-bottom-style:solid;}", ".f68mrw8{border-top-color:var(--colorNeutralStroke2);}", ".f7pw515{border-right-color:var(--colorNeutralStroke2);}", ".fw35ms5{border-left-color:var(--colorNeutralStroke2);}", ".frpde29{border-bottom-color:var(--colorNeutralStroke2);}", ".fhovq9v{background-color:var(--colorSubtleBackground);}"],
128
+ m: [["@media (forced-colors: none){.f106pmgz:hover{border-top-color:var(--colorNeutralStroke2);}}", {
129
+ m: "(forced-colors: none)"
130
+ }], ["@media (forced-colors: none){.f9xbgkc:hover{border-left-color:var(--colorNeutralStroke2);}.fesy4wo:hover{border-right-color:var(--colorNeutralStroke2);}}", {
131
+ m: "(forced-colors: none)"
132
+ }], ["@media (forced-colors: none){.fil0yj2:hover{border-bottom-color:var(--colorNeutralStroke2);}}", {
133
+ m: "(forced-colors: none)"
134
+ }], ["@media (forced-colors: none){.fnx31mg:hover{color:var(--colorNeutralForeground2Hover);}}", {
135
+ m: "(forced-colors: none)"
136
+ }], ["@media (forced-colors: none){.feiahij:hover{background-color:var(--colorSubtleBackgroundHover);}}", {
137
+ m: "(forced-colors: none)"
138
+ }], ["@media (forced-colors: none){.f1ytgj83:active:hover{border-top-color:var(--colorNeutralStroke2);}}", {
139
+ m: "(forced-colors: none)"
140
+ }], ["@media (forced-colors: none){.f16m5b8m:active:hover{border-right-color:var(--colorNeutralStroke2);}.fwlads5:active:hover{border-left-color:var(--colorNeutralStroke2);}}", {
141
+ m: "(forced-colors: none)"
142
+ }], ["@media (forced-colors: none){.f17ux6es:active:hover{border-bottom-color:var(--colorNeutralStroke2);}}", {
143
+ m: "(forced-colors: none)"
144
+ }], ["@media (forced-colors: none){.f1kqxwtj:active:hover{color:var(--colorNeutralForeground2Pressed);}}", {
145
+ m: "(forced-colors: none)"
146
+ }], ["@media (forced-colors: none){.f10o6k9l:active:hover{background-color:var(--colorSubtleBackgroundPressed);}}", {
147
+ m: "(forced-colors: none)"
148
+ }]]
101
149
  });
102
150
  export const useSuggestionStyles_unstable = state => {
103
151
  'use no memo';
@@ -108,7 +156,7 @@ export const useSuggestionStyles_unstable = state => {
108
156
  } = state;
109
157
  const styles = useSuggestionStyles();
110
158
  const nextStyles = useNextStyles();
111
- state.root.className = mergeClasses(suggestionClassNames.root, styles.root, mode === 'canvas' && styles.canvas, designVersion === 'next' && nextStyles.root, !state.disabled && styles.enabled, state.root.className);
159
+ state.root.className = mergeClasses(suggestionClassNames.root, styles.root, mode === 'canvas' && styles.canvas, designVersion === 'next' && nextStyles.root, !state.disabled && styles.enabled, designVersion === 'next' && !state.disabled && nextStyles.enabled, state.root.className);
112
160
  return state;
113
161
  };
114
162
  //# sourceMappingURL=useSuggestionStyles.styles.js.map
package/lib/components/Suggestion/useSuggestionStyles.styles.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["useSuggestionStyles.styles.ts"],"sourcesContent":["import { makeStyles, mergeClasses, shorthands } from '@fluentui/react-components';\nimport { tokens, typographyStyles } 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","tokens","typographyStyles","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,QAAQ,6BAA6B;AAClF,SAASC,MAAM,EAAEC,gBAAgB,QAAQ,2BAA2B;AAIpE,OAAO,MAAMC,uBAAoD;IAC/DC,MAAM;IACNC,MAAM;AACR,EAAE;AAEF,MAAMC,sBAAsBR,WAAW;IACrCM,MAAM;QACJ,GAAGF,iBAAiBK,QAAQ;QAC5B,kBAAkB;QAClB,GAAGP,WAAWQ,MAAM,CAAC,OAAO,SAASP,OAAOQ,iBAAiB,CAAC;QAC9DC,cAAcT,OAAOU,kBAAkB;QACvCC,SAAS,CAAC,EAAEX,OAAOY,iBAAiB,CAAC,CAAC,EAAEZ,OAAOa,gBAAgB,CAAC,CAAC;QACjEC,OAAOd,OAAOe,uBAAuB;QACrCC,WAAW;IAGb;IACAC,SAAS;QACP,gCAAgC;YAC9B,UAAU;gBACR,kBAAkB;gBAClB,GAAGlB,WAAWmB,WAAW,CAAClB,OAAOmB,sBAAsB,CAAC;gBACxDL,OAAOd,OAAOoB,0BAA0B;gBACxCC,iBAAiBrB,OAAOsB,0BAA0B;YACpD;YACA,4CAA4C;YAC5C,iBAAiB;gBACf,kBAAkB;gBAClB,GAAGvB,WAAWmB,WAAW,CAAClB,OAAOuB,wBAAwB,CAAC;gBAC1DT,OAAOd,OAAOwB,4BAA4B;gBAC1CH,iBAAiBrB,OAAOyB,4BAA4B;YACtD;QACF;IACF;IACAC,QAAQ;QACN,GAAGzB,iBAAiB0B,KAAK;QACzBhB,SAAS,CAAC,EAAEX,OAAO4B,qBAAqB,CAAC,CAAC,EAAE5B,OAAO6B,kBAAkB,CAAC,CAAC;IACzE;AACF;AAEA,MAAMC,gBAAgBjC,WAAW;IAC/BM,MAAM;QACJ4B,mBAAmB/B,OAAO6B,kBAAkB;QAC5CG,iBAAiBhC,OAAO4B,qBAAqB;QAC7CK,UAAUjC,OAAOkC,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"}
1
+ {"version":3,"sources":["useSuggestionStyles.styles.ts"],"sourcesContent":["import { makeStyles, mergeClasses, shorthands } from '@fluentui/react-components';\nimport { tokens, typographyStyles } 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 ...shorthands.border(tokens.strokeWidthThin, 'solid', tokens.colorNeutralStroke2),\n backgroundColor: tokens.colorSubtleBackground,\n },\n enabled: {\n '@media (forced-colors: none)': {\n ':hover': {\n ...shorthands.borderColor(tokens.colorNeutralStroke2),\n color: tokens.colorNeutralForeground2Hover,\n backgroundColor: tokens.colorSubtleBackgroundHover,\n },\n ':active:hover': {\n ...shorthands.borderColor(tokens.colorNeutralStroke2),\n color: tokens.colorNeutralForeground2Pressed,\n backgroundColor: tokens.colorSubtleBackgroundPressed,\n },\n },\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 designVersion === 'next' && !state.disabled && nextStyles.enabled,\n state.root.className,\n );\n\n return state;\n};\n"],"names":["makeStyles","mergeClasses","shorthands","tokens","typographyStyles","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","strokeWidthThin","colorNeutralStroke2","colorSubtleBackground","colorNeutralForeground2Hover","colorSubtleBackgroundHover","colorNeutralForeground2Pressed","colorSubtleBackgroundPressed","useSuggestionStyles_unstable","state","designVersion","mode","styles","nextStyles","className","disabled"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,SAASA,UAAU,EAAEC,YAAY,EAAEC,UAAU,QAAQ,6BAA6B;AAClF,SAASC,MAAM,EAAEC,gBAAgB,QAAQ,2BAA2B;AAIpE,OAAO,MAAMC,uBAAoD;IAC/DC,MAAM;IACNC,MAAM;AACR,EAAE;AAEF,MAAMC,sBAAsBR,WAAW;IACrCM,MAAM;QACJ,GAAGF,iBAAiBK,QAAQ;QAC5B,kBAAkB;QAClB,GAAGP,WAAWQ,MAAM,CAAC,OAAO,SAASP,OAAOQ,iBAAiB,CAAC;QAC9DC,cAAcT,OAAOU,kBAAkB;QACvCC,SAAS,CAAC,EAAEX,OAAOY,iBAAiB,CAAC,CAAC,EAAEZ,OAAOa,gBAAgB,CAAC,CAAC;QACjEC,OAAOd,OAAOe,uBAAuB;QACrCC,WAAW;IAGb;IACAC,SAAS;QACP,gCAAgC;YAC9B,UAAU;gBACR,kBAAkB;gBAClB,GAAGlB,WAAWmB,WAAW,CAAClB,OAAOmB,sBAAsB,CAAC;gBACxDL,OAAOd,OAAOoB,0BAA0B;gBACxCC,iBAAiBrB,OAAOsB,0BAA0B;YACpD;YACA,4CAA4C;YAC5C,iBAAiB;gBACf,kBAAkB;gBAClB,GAAGvB,WAAWmB,WAAW,CAAClB,OAAOuB,wBAAwB,CAAC;gBAC1DT,OAAOd,OAAOwB,4BAA4B;gBAC1CH,iBAAiBrB,OAAOyB,4BAA4B;YACtD;QACF;IACF;IACAC,QAAQ;QACN,GAAGzB,iBAAiB0B,KAAK;QACzBhB,SAAS,CAAC,EAAEX,OAAO4B,qBAAqB,CAAC,CAAC,EAAE5B,OAAO6B,kBAAkB,CAAC,CAAC;IACzE;AACF;AAEA,MAAMC,gBAAgBjC,WAAW;IAC/BM,MAAM;QACJ4B,mBAAmB/B,OAAO6B,kBAAkB;QAC5CG,iBAAiBhC,OAAO4B,qBAAqB;QAC7CK,UAAUjC,OAAOkC,eAAe;QAChC,GAAGnC,WAAWQ,MAAM,CAACP,OAAOmC,eAAe,EAAE,SAASnC,OAAOoC,mBAAmB,CAAC;QACjFf,iBAAiBrB,OAAOqC,qBAAqB;IAC/C;IACApB,SAAS;QACP,gCAAgC;YAC9B,UAAU;gBACR,GAAGlB,WAAWmB,WAAW,CAAClB,OAAOoC,mBAAmB,CAAC;gBACrDtB,OAAOd,OAAOsC,4BAA4B;gBAC1CjB,iBAAiBrB,OAAOuC,0BAA0B;YACpD;YACA,iBAAiB;gBACf,GAAGxC,WAAWmB,WAAW,CAAClB,OAAOoC,mBAAmB,CAAC;gBACrDtB,OAAOd,OAAOwC,8BAA8B;gBAC5CnB,iBAAiBrB,OAAOyC,4BAA4B;YACtD;QACF;IACF;AACF;AAEA,OAAO,MAAMC,+BAA+B,CAACC;IAC3C;IAEA,MAAM,EAAEC,aAAa,EAAEC,IAAI,EAAE,GAAGF;IAEhC,MAAMG,SAASzC;IACf,MAAM0C,aAAajB;IACnBa,MAAMxC,IAAI,CAAC6C,SAAS,GAAGlD,aACrBI,qBAAqBC,IAAI,EACzB2C,OAAO3C,IAAI,EACX0C,SAAS,YAAYC,OAAOpB,MAAM,EAClCkB,kBAAkB,UAAUG,WAAW5C,IAAI,EAC3C,CAACwC,MAAMM,QAAQ,IAAIH,OAAO7B,OAAO,EACjC2B,kBAAkB,UAAU,CAACD,MAAMM,QAAQ,IAAIF,WAAW9B,OAAO,EACjE0B,MAAMxC,IAAI,CAAC6C,SAAS;IAGtB,OAAOL;AACT,EAAE"}
package/lib-commonjs/components/Suggestion/useSuggestionStyles.styles.js CHANGED
@@ -215,13 +215,145 @@ const useNextStyles = (0, _reactcomponents.__styles)({
215
215
  root: {
216
216
  qh2i5f: "f1m56mwy",
217
217
  Bvf7fsn: "frhssjw",
218
- Be2twd7: "fy9rknc"
218
+ Be2twd7: "fy9rknc",
219
+ B4j52fo: "f192inf7",
220
+ Bekrc4i: [
221
+ "f5tn483",
222
+ "f1ojsxk5"
223
+ ],
224
+ Bn0qgzm: "f1vxd6vx",
225
+ ibv6hh: [
226
+ "f1ojsxk5",
227
+ "f5tn483"
228
+ ],
229
+ icvyot: "fzkkow9",
230
+ vrafjx: [
231
+ "fcdblym",
232
+ "fjik90z"
233
+ ],
234
+ oivjwe: "fg706s2",
235
+ wvpqe5: [
236
+ "fjik90z",
237
+ "fcdblym"
238
+ ],
239
+ g2u3we: "f68mrw8",
240
+ h3c5rm: [
241
+ "f7pw515",
242
+ "fw35ms5"
243
+ ],
244
+ B9xav0g: "frpde29",
245
+ zhjwy3: [
246
+ "fw35ms5",
247
+ "f7pw515"
248
+ ],
249
+ De3pzq: "fhovq9v"
250
+ },
251
+ enabled: {
252
+ B9di4we: "f106pmgz",
253
+ B1f0e9u: [
254
+ "fesy4wo",
255
+ "f9xbgkc"
256
+ ],
257
+ bb0oo: "fil0yj2",
258
+ B88lpqa: [
259
+ "f9xbgkc",
260
+ "fesy4wo"
261
+ ],
262
+ grrwut: "fnx31mg",
263
+ Bejlia0: "feiahij",
264
+ v5djml: "f1ytgj83",
265
+ Bptf8dt: [
266
+ "f16m5b8m",
267
+ "fwlads5"
268
+ ],
269
+ j4j8r: "f17ux6es",
270
+ H566xl: [
271
+ "fwlads5",
272
+ "f16m5b8m"
273
+ ],
274
+ a9g2gr: "f1kqxwtj",
275
+ rgbxn1: "f10o6k9l"
219
276
  }
220
277
  }, {
221
278
  d: [
222
279
  ".f1m56mwy{padding-horizontal:var(--spacingHorizontalM);padding-horizontal:var(--spacingHorizontalM);}",
223
280
  ".frhssjw{padding-vertical:var(--spacingVerticalSNudge);}",
224
- ".fy9rknc{font-size:var(--fontSizeBase200);}"
281
+ ".fy9rknc{font-size:var(--fontSizeBase200);}",
282
+ ".f192inf7{border-top-width:var(--strokeWidthThin);}",
283
+ ".f5tn483{border-right-width:var(--strokeWidthThin);}",
284
+ ".f1ojsxk5{border-left-width:var(--strokeWidthThin);}",
285
+ ".f1vxd6vx{border-bottom-width:var(--strokeWidthThin);}",
286
+ ".fzkkow9{border-top-style:solid;}",
287
+ ".fcdblym{border-right-style:solid;}",
288
+ ".fjik90z{border-left-style:solid;}",
289
+ ".fg706s2{border-bottom-style:solid;}",
290
+ ".f68mrw8{border-top-color:var(--colorNeutralStroke2);}",
291
+ ".f7pw515{border-right-color:var(--colorNeutralStroke2);}",
292
+ ".fw35ms5{border-left-color:var(--colorNeutralStroke2);}",
293
+ ".frpde29{border-bottom-color:var(--colorNeutralStroke2);}",
294
+ ".fhovq9v{background-color:var(--colorSubtleBackground);}"
295
+ ],
296
+ m: [
297
+ [
298
+ "@media (forced-colors: none){.f106pmgz:hover{border-top-color:var(--colorNeutralStroke2);}}",
299
+ {
300
+ m: "(forced-colors: none)"
301
+ }
302
+ ],
303
+ [
304
+ "@media (forced-colors: none){.f9xbgkc:hover{border-left-color:var(--colorNeutralStroke2);}.fesy4wo:hover{border-right-color:var(--colorNeutralStroke2);}}",
305
+ {
306
+ m: "(forced-colors: none)"
307
+ }
308
+ ],
309
+ [
310
+ "@media (forced-colors: none){.fil0yj2:hover{border-bottom-color:var(--colorNeutralStroke2);}}",
311
+ {
312
+ m: "(forced-colors: none)"
313
+ }
314
+ ],
315
+ [
316
+ "@media (forced-colors: none){.fnx31mg:hover{color:var(--colorNeutralForeground2Hover);}}",
317
+ {
318
+ m: "(forced-colors: none)"
319
+ }
320
+ ],
321
+ [
322
+ "@media (forced-colors: none){.feiahij:hover{background-color:var(--colorSubtleBackgroundHover);}}",
323
+ {
324
+ m: "(forced-colors: none)"
325
+ }
326
+ ],
327
+ [
328
+ "@media (forced-colors: none){.f1ytgj83:active:hover{border-top-color:var(--colorNeutralStroke2);}}",
329
+ {
330
+ m: "(forced-colors: none)"
331
+ }
332
+ ],
333
+ [
334
+ "@media (forced-colors: none){.f16m5b8m:active:hover{border-right-color:var(--colorNeutralStroke2);}.fwlads5:active:hover{border-left-color:var(--colorNeutralStroke2);}}",
335
+ {
336
+ m: "(forced-colors: none)"
337
+ }
338
+ ],
339
+ [
340
+ "@media (forced-colors: none){.f17ux6es:active:hover{border-bottom-color:var(--colorNeutralStroke2);}}",
341
+ {
342
+ m: "(forced-colors: none)"
343
+ }
344
+ ],
345
+ [
346
+ "@media (forced-colors: none){.f1kqxwtj:active:hover{color:var(--colorNeutralForeground2Pressed);}}",
347
+ {
348
+ m: "(forced-colors: none)"
349
+ }
350
+ ],
351
+ [
352
+ "@media (forced-colors: none){.f10o6k9l:active:hover{background-color:var(--colorSubtleBackgroundPressed);}}",
353
+ {
354
+ m: "(forced-colors: none)"
355
+ }
356
+ ]
225
357
  ]
226
358
  });
227
359
  const useSuggestionStyles_unstable = (state)=>{
@@ -229,6 +361,6 @@ const useSuggestionStyles_unstable = (state)=>{
229
361
  const { designVersion, mode } = state;
230
362
  const styles = useSuggestionStyles();
231
363
  const nextStyles = useNextStyles();
232
- 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);
364
+ state.root.className = (0, _reactcomponents.mergeClasses)(suggestionClassNames.root, styles.root, mode === 'canvas' && styles.canvas, designVersion === 'next' && nextStyles.root, !state.disabled && styles.enabled, designVersion === 'next' && !state.disabled && nextStyles.enabled, state.root.className);
233
365
  return state;
234
366
  }; //# sourceMappingURL=useSuggestionStyles.styles.js.map
package/lib-commonjs/components/Suggestion/useSuggestionStyles.styles.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["useSuggestionStyles.styles.ts"],"sourcesContent":["import { makeStyles, mergeClasses, shorthands } from '@fluentui/react-components';\nimport { tokens, typographyStyles } 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","root","icon","useSuggestionStyles","makeStyles","typographyStyles","shorthands","borderRadius","padding","color","colorNeutralForeground2","textAlign","ibv6hh","enabled","tokens","colorBrandForeground2Hover","z8tnut","canvas","B9di4we","useNextStyles","paddingHorizontal","paddingVertical","spacingVerticalSNudge","fontSize","Bejlia0","v5djml","Bptf8dt","useSuggestionStyles_unstable","j4j8r","H566xl","designVersion","a9g2gr","styles","rgbxn1","nextStyles","Bahqtrf"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAKaA,oBAAAA;eAAAA;;;;;;iCALgC;AAKtC,MAAMA,uBAAoD;UAC/DC;UACAC;AACF;AAEA,MAAMC,sBAAsBC,IAAAA,yBAAAA,EAAAA;UAC1BH;iBACKI;iBACH;iBACGC;iBACHC;iBACAC;iBACAC;YAAAA;YAAcC;SAAAA;iBACdC;QAGFC,QAAA;YAAA;YAAA;SAAA;QACAC,QAAAA;gBACE;YAAA;YAAA;SAAA;gBACE;;;YACE;SAAkB;;;;YAEXC;SAAOC;;gBAEhB;YAAA;YAAA;SAAA;iBACA;iBACA;;;;;gBAKA;gBACF;QACFC,QAAA;QACAC,SAAQ;gBACHZ;gBACHG;;IAEJK,SAAA;QAEAK,SAAMC;QACJlB,SAAM;YAAA;YAAA;SAAA;eACJmB;iBACAC;YAAAA;YAAiBP;SAAOQ;gBACxBC;QACFC,SAAA;QACFC,QAAA;QAEAC,SAAaC;YAAAA;YAAAA;SAAAA;QACXC,OAAA;QAEAC,QAAQC;YAAAA;YAAa;SAAQ;QAE7BC,QAAMC;QACNC,QAAMC;;YAUN;QACAC,SAAA"}
1
+ {"version":3,"sources":["useSuggestionStyles.styles.ts"],"sourcesContent":["import { makeStyles, mergeClasses, shorthands } from '@fluentui/react-components';\nimport { tokens, typographyStyles } 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 ...shorthands.border(tokens.strokeWidthThin, 'solid', tokens.colorNeutralStroke2),\n backgroundColor: tokens.colorSubtleBackground,\n },\n enabled: {\n '@media (forced-colors: none)': {\n ':hover': {\n ...shorthands.borderColor(tokens.colorNeutralStroke2),\n color: tokens.colorNeutralForeground2Hover,\n backgroundColor: tokens.colorSubtleBackgroundHover,\n },\n ':active:hover': {\n ...shorthands.borderColor(tokens.colorNeutralStroke2),\n color: tokens.colorNeutralForeground2Pressed,\n backgroundColor: tokens.colorSubtleBackgroundPressed,\n },\n },\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 designVersion === 'next' && !state.disabled && nextStyles.enabled,\n state.root.className,\n );\n\n return state;\n};\n"],"names":["suggestionClassNames","root","icon","useSuggestionStyles","makeStyles","typographyStyles","shorthands","borderRadius","padding","color","colorNeutralForeground2","textAlign","ibv6hh","enabled","tokens","colorBrandForeground2Hover","z8tnut","canvas","B9di4we","useNextStyles","paddingHorizontal","paddingVertical","spacingVerticalSNudge","fontSize","backgroundColor","Bptf8dt","B0ocmuz","state","p"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAKaA,oBAAAA;eAAAA;;;;;;iCALgC;AAKtC,MAAMA,uBAAoD;UAC/DC;UACAC;AACF;AAEA,MAAMC,sBAAsBC,IAAAA,yBAAAA,EAAAA;UAC1BH;iBACKI;iBACH;iBACGC;iBACHC;iBACAC;iBACAC;YAAAA;YAAcC;SAAAA;iBACdC;QAGFC,QAAA;YAAA;YAAA;SAAA;QACAC,QAAAA;gBACE;YAAA;YAAA;SAAA;gBACE;;;YACE;SAAkB;;;;YAEXC;SAAOC;;gBAEhB;YAAA;YAAA;SAAA;iBACA;iBACA;;;;;gBAKA;gBACF;QACFC,QAAA;QACAC,SAAQ;gBACHZ;gBACHG;;IAEJK,SAAA;QAEAK,SAAMC;QACJlB,SAAM;YAAA;YAAA;SAAA;eACJmB;iBACAC;YAAAA;YAAiBP;SAAOQ;gBACxBC;iBACGjB;gBACHkB;QACFC,SAAA;YAAA;YAAA;SAAA;QACAZ,OAAAA;gBACE;YAAA;YAAA;SAAA;gBACE;;;;iBAIA;iBACA;;;;gBAIA;gBACF;QACFG,QAAA;QACFU,SAAA;IAEA;;OAGE;QAAA;QAAgCC;QAAAA;QAAAA;QAAAA;QAAAA;QAAAA;QAAAA;QAAAA;QAAAA;QAAAA;QAAAA;QAAAA;QAAAA;QAAAA;QAAAA;QAAAA;YAAAA;YAAAA;gBAEhCC,GAAA,CAAA;;SACA;QAAA;YAAA;YAAmBT;gBACnBQ,GAAAA,CAAAA;;SAUA;QAAA;QAAOA;QAAAA;QAAAA;QAAAA;YAAAA;YAAAA;gBACPC,GAAA,CAAA"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@fluentui-copilot/react-suggestions",
3
- "version": "0.0.0-nightly-20250611-0405-d9945da4.1",
3
+ "version": "0.0.0-nightly-20250613-0405-485ea952.1",
4
4
  "description": "A Fluent AI package",
5
5
  "main": "lib-commonjs/index.js",
6
6
  "module": "lib/index.js",
@@ -12,8 +12,8 @@
12
12
  },
13
13
  "license": "MIT",
14
14
  "dependencies": {
15
- "@fluentui-copilot/react-provider": "^0.0.0-nightly-20250611-0405-d9945da4.1",
16
- "@fluentui-copilot/tokens": "^0.0.0-nightly-20250611-0405-d9945da4.1",
15
+ "@fluentui-copilot/react-provider": "^0.0.0-nightly-20250613-0405-485ea952.1",
16
+ "@fluentui-copilot/tokens": "^0.0.0-nightly-20250613-0405-485ea952.1",
17
17
  "@swc/helpers": "^0.5.1"
18
18
  },
19
19
  "peerDependencies": {