@fluentui-copilot/react-suggestions 0.8.2 → 0.8.3

package/CHANGELOG.json

@@ -2,7 +2,34 @@
   "name": "@fluentui-copilot/react-suggestions",
   "entries": [
     {
-      "date": "Wed, 08 May 2024 22:09:00 GMT",
+      "date": "Fri, 31 May 2024 18:42:06 GMT",
+      "tag": "@fluentui-copilot/react-suggestions_v0.8.3",
+      "version": "0.8.3",
+      "comments": {
+        "patch": [
+          {
+            "author": "tristan.watanabe@gmail.com",
+            "package": "@fluentui-copilot/react-suggestions",
+            "commit": "6df44dbcd267772e1b62426d14abe54a0b35bb97",
+            "comment": "chore: useStyle hook files now properly contain .styles. within filename."
+          },
+          {
+            "author": "seanmonahan@microsoft.com",
+            "package": "@fluentui-copilot/react-suggestions",
+            "commit": "c2e14c44cafafbdc10f52b9855384748a7524a63",
+            "comment": "chore: add eslint-plugin-react-compiler"
+          },
+          {
+            "author": "tristan.watanabe@gmail.com",
+            "package": "@fluentui-copilot/react-suggestions",
+            "commit": "7583464747aec7a8a79a8c79eaeff85d749025e4",
+            "comment": "chore: bump @fluentui dependencies to latest 9.52.0."
+          }
+        ]
+      }
+    },
+    {
+      "date": "Wed, 08 May 2024 22:10:20 GMT",
       "tag": "@fluentui-copilot/react-suggestions_v0.8.2",
       "version": "0.8.2",
       "comments": {

package/CHANGELOG.md

@@ -1,12 +1,23 @@
 # Change Log - @fluentui-copilot/react-suggestions
 
-This log was last generated on Wed, 08 May 2024 22:09:00 GMT and should not be manually modified.
+This log was last generated on Fri, 31 May 2024 18:42:06 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [0.8.3](https://github.com/microsoft/fluentai/tree/@fluentui-copilot/react-suggestions_v0.8.3)
+
+Fri, 31 May 2024 18:42:06 GMT 
+[Compare changes](https://github.com/microsoft/fluentai/compare/@fluentui-copilot/react-suggestions_v0.8.2..@fluentui-copilot/react-suggestions_v0.8.3)
+
+### Patches
+
+- chore: useStyle hook files now properly contain .styles. within filename. ([PR #1671](https://github.com/microsoft/fluentai/pull/1671) by tristan.watanabe@gmail.com)
+- chore: add eslint-plugin-react-compiler ([PR #1642](https://github.com/microsoft/fluentai/pull/1642) by seanmonahan@microsoft.com)
+- chore: bump @fluentui dependencies to latest 9.52.0. ([PR #1657](https://github.com/microsoft/fluentai/pull/1657) by tristan.watanabe@gmail.com)
+
 ## [0.8.2](https://github.com/microsoft/fluentai/tree/@fluentui-copilot/react-suggestions_v0.8.2)
 
-Wed, 08 May 2024 22:09:00 GMT 
+Wed, 08 May 2024 22:10:20 GMT 
 [Compare changes](https://github.com/microsoft/fluentai/compare/@fluentui-copilot/react-suggestions_v0.8.1..@fluentui-copilot/react-suggestions_v0.8.2)
 
 ### Patches

package/lib/components/Suggestion/Suggestion.js

@@ -1,9 +1,11 @@
 import * as React from 'react';
-import { useSuggestionStyles_unstable } from './useSuggestionStyles';
+import { useSuggestionStyles_unstable } from './useSuggestionStyles.styles';
 import { renderButton_unstable, useButtonStyles_unstable, useButton_unstable } from '@fluentui/react-components';
 import { useCustomStyleHook } from '@fluentui-copilot/react-provider';
 // Suggestion component - TODO: add more docs
 export const Suggestion = /*#__PURE__*/React.forwardRef((props, ref) => {
+  'use no memo';
+
   const state = useButton_unstable(props, ref);
   state.appearance = props.appearance || 'outline';
   useButtonStyles_unstable(state);

package/lib/components/Suggestion/Suggestion.js.map

@@ -1 +1 @@
-{"version":3,"sources":["Suggestion.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useSuggestionStyles_unstable } from './useSuggestionStyles';\nimport type { ButtonProps, ForwardRefComponent } from '@fluentui/react-components';\nimport { renderButton_unstable, useButtonStyles_unstable, useButton_unstable } from '@fluentui/react-components';\nimport { useCustomStyleHook } from '@fluentui-copilot/react-provider';\n\n// Suggestion component - TODO: add more docs\nexport const Suggestion: ForwardRefComponent<ButtonProps> = React.forwardRef((props, ref) => {\n  const state = useButton_unstable(props, ref);\n  state.appearance = props.appearance || 'outline';\n  useButtonStyles_unstable(state);\n  useSuggestionStyles_unstable(state);\n  useCustomStyleHook('useSuggestionStyles')(state);\n\n  return renderButton_unstable(state);\n});\n\nSuggestion.displayName = 'Suggestion';\n"],"names":["React","useSuggestionStyles_unstable","renderButton_unstable","useButtonStyles_unstable","useButton_unstable","useCustomStyleHook","Suggestion","forwardRef","props","ref","state","appearance","displayName"],"rangeMappings":";;;;;;;;;;;;;","mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,4BAA4B,QAAQ,wBAAwB;AAErE,SAASC,qBAAqB,EAAEC,wBAAwB,EAAEC,kBAAkB,QAAQ,6BAA6B;AACjH,SAASC,kBAAkB,QAAQ,mCAAmC;AAEtE,6CAA6C;AAC7C,OAAO,MAAMC,2BAA+CN,MAAMO,UAAU,CAAC,CAACC,OAAOC;IACnF,MAAMC,QAAQN,mBAAmBI,OAAOC;IACxCC,MAAMC,UAAU,GAAGH,MAAMG,UAAU,IAAI;IACvCR,yBAAyBO;IACzBT,6BAA6BS;IAC7BL,mBAAmB,uBAAuBK;IAE1C,OAAOR,sBAAsBQ;AAC/B,GAAG;AAEHJ,WAAWM,WAAW,GAAG"}
+{"version":3,"sources":["Suggestion.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useSuggestionStyles_unstable } from './useSuggestionStyles.styles';\nimport type { ButtonProps, ForwardRefComponent } from '@fluentui/react-components';\nimport { renderButton_unstable, useButtonStyles_unstable, useButton_unstable } from '@fluentui/react-components';\nimport { useCustomStyleHook } from '@fluentui-copilot/react-provider';\n\n// Suggestion component - TODO: add more docs\nexport const Suggestion: ForwardRefComponent<ButtonProps> = React.forwardRef((props, ref) => {\n  'use no memo';\n\n  const state = useButton_unstable(props, ref);\n  state.appearance = props.appearance || 'outline';\n  useButtonStyles_unstable(state);\n  useSuggestionStyles_unstable(state);\n  useCustomStyleHook('useSuggestionStyles')(state);\n\n  return renderButton_unstable(state);\n});\n\nSuggestion.displayName = 'Suggestion';\n"],"names":["React","useSuggestionStyles_unstable","renderButton_unstable","useButtonStyles_unstable","useButton_unstable","useCustomStyleHook","Suggestion","forwardRef","props","ref","state","appearance","displayName"],"rangeMappings":";;;;;;;;;;;;;;","mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,4BAA4B,QAAQ,+BAA+B;AAE5E,SAASC,qBAAqB,EAAEC,wBAAwB,EAAEC,kBAAkB,QAAQ,6BAA6B;AACjH,SAASC,kBAAkB,QAAQ,mCAAmC;AAEtE,6CAA6C;AAC7C,OAAO,MAAMC,2BAA+CN,MAAMO,UAAU,CAAC,CAACC,OAAOC;IACnF;IAEA,MAAMC,QAAQN,mBAAmBI,OAAOC;IACxCC,MAAMC,UAAU,GAAGH,MAAMG,UAAU,IAAI;IACvCR,yBAAyBO;IACzBT,6BAA6BS;IAC7BL,mBAAmB,uBAAuBK;IAE1C,OAAOR,sBAAsBQ;AAC/B,GAAG;AAEHJ,WAAWM,WAAW,GAAG"}

package/lib/components/Suggestion/index.js

@@ -1,3 +1,3 @@
 export * from './Suggestion';
-export * from './useSuggestionStyles';
+export * from './useSuggestionStyles.styles';
 //# sourceMappingURL=index.js.map

package/lib/components/Suggestion/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["index.ts"],"sourcesContent":["export * from './Suggestion';\nexport * from './useSuggestionStyles';\n"],"names":[],"rangeMappings":";","mappings":"AAAA,cAAc,eAAe;AAC7B,cAAc,wBAAwB"}
+{"version":3,"sources":["index.ts"],"sourcesContent":["export * from './Suggestion';\nexport * from './useSuggestionStyles.styles';\n"],"names":[],"rangeMappings":";","mappings":"AAAA,cAAc,eAAe;AAC7B,cAAc,+BAA+B"}

package/lib/components/Suggestion/{useSuggestionStyles.js → useSuggestionStyles.styles.js}

@@ -33,46 +33,48 @@ const useSuggestionStylesStyles = __styles({
     fsow6f: "fpgzoln"
   },
   enabled: {
-    Bqpvblf: "f1a1i2uh",
-    tx73yv: ["fi00pzo", "f1tv449a"],
-    Bywfcay: "f1z0xeij",
-    Bjrr5vw: ["f1tv449a", "fi00pzo"],
-    Fk0w0g: "f1jkkftd",
-    Brzxin3: "figqkp4",
-    Bc0jgcm: "f1ychr38",
-    Bqrtbk8: ["fswk3fw", "f1kukf3h"],
-    B8jt3u8: "f11x9sk1",
-    vaa8ot: ["f1kukf3h", "fswk3fw"],
-    lra3qj: "f1m1pvl4",
-    Bfra55o: "f1vpimpm"
+    B9di4we: "fxuoarf",
+    B1f0e9u: ["f1qi0eim", "fiwk2rq"],
+    bb0oo: "f1jsw6og",
+    B88lpqa: ["fiwk2rq", "f1qi0eim"],
+    grrwut: "f1ggo121",
+    Bejlia0: "f1jg9xd",
+    v5djml: "fihmelj",
+    Bptf8dt: ["fs1n9un", "f1u9p12n"],
+    j4j8r: "f12ds35j",
+    H566xl: ["f1u9p12n", "fs1n9un"],
+    a9g2gr: "fezean8",
+    rgbxn1: "f1yr11xb"
   }
 }, {
   d: [".fk6fouc{font-family:var(--fontFamilyBase);}", ".fy9rknc{font-size:var(--fontSizeBase200);}", ".figsok6{font-weight:var(--fontWeightRegular);}", ".fwrc4pm{line-height:var(--lineHeightBase200);}", ".f5ogflp{border-top-width:1px;}", ".f1hqa2wf{border-right-width:1px;}", ".finvdd3{border-left-width:1px;}", ".f1f09k3d{border-bottom-width:1px;}", ".fzkkow9{border-top-style:solid;}", ".fcdblym{border-right-style:solid;}", ".fjik90z{border-left-style:solid;}", ".fg706s2{border-bottom-style:solid;}", ".f161y7kd{border-top-color:var(--colorBrandStroke2);}", ".f1c8dzaj{border-right-color:var(--colorBrandStroke2);}", ".f1sl6hi9{border-left-color:var(--colorBrandStroke2);}", ".f1619yhw{border-bottom-color:var(--colorBrandStroke2);}", ".fnivh3a{border-bottom-right-radius:var(--borderRadiusXLarge);}", ".fc7yr5o{border-bottom-left-radius:var(--borderRadiusXLarge);}", ".f1el4m67{border-top-right-radius:var(--borderRadiusXLarge);}", ".f8yange{border-top-left-radius:var(--borderRadiusXLarge);}", ".f1ywm7hm{padding-top:var(--spacingVerticalXS);}", ".f1yjm1ar{padding-right:var(--spacingVerticalS);}", ".f1egtk6x{padding-left:var(--spacingVerticalS);}", ".f14wxoun{padding-bottom:var(--spacingVerticalXS);}", ".fkfq4zb{color:var(--colorNeutralForeground2);}", ".fpgzoln{text-align:start;}"],
-  m: [["@media (forced-colors: none){.f1a1i2uh:hover{border-top-color:var(--colorBrandStroke2Hover);}}", {
+  m: [["@media (forced-colors: none){.fxuoarf:hover{border-top-color:var(--colorBrandStroke2Hover);}}", {
     m: "(forced-colors: none)"
-  }], ["@media (forced-colors: none){.f1tv449a:hover{border-left-color:var(--colorBrandStroke2Hover);}.fi00pzo:hover{border-right-color:var(--colorBrandStroke2Hover);}}", {
+  }], ["@media (forced-colors: none){.f1qi0eim:hover{border-right-color:var(--colorBrandStroke2Hover);}.fiwk2rq:hover{border-left-color:var(--colorBrandStroke2Hover);}}", {
     m: "(forced-colors: none)"
-  }], ["@media (forced-colors: none){.f1z0xeij:hover{border-bottom-color:var(--colorBrandStroke2Hover);}}", {
+  }], ["@media (forced-colors: none){.f1jsw6og:hover{border-bottom-color:var(--colorBrandStroke2Hover);}}", {
     m: "(forced-colors: none)"
-  }], ["@media (forced-colors: none){.f1jkkftd:hover{color:var(--colorBrandForeground2Hover);}}", {
+  }], ["@media (forced-colors: none){.f1ggo121:hover{color:var(--colorBrandForeground2Hover);}}", {
     m: "(forced-colors: none)"
-  }], ["@media (forced-colors: none){.figqkp4:hover{background-color:var(--colorBrandBackground2Hover);}}", {
+  }], ["@media (forced-colors: none){.f1jg9xd:hover{background-color:var(--colorBrandBackground2Hover);}}", {
     m: "(forced-colors: none)"
-  }], ["@media (forced-colors: none){.f1ychr38:active:hover{border-top-color:var(--colorBrandStroke2Pressed);}}", {
+  }], ["@media (forced-colors: none){.fihmelj:active:hover{border-top-color:var(--colorBrandStroke2Pressed);}}", {
     m: "(forced-colors: none)"
-  }], ["@media (forced-colors: none){.f1kukf3h:active:hover{border-left-color:var(--colorBrandStroke2Pressed);}.fswk3fw:active:hover{border-right-color:var(--colorBrandStroke2Pressed);}}", {
+  }], ["@media (forced-colors: none){.f1u9p12n:active:hover{border-left-color:var(--colorBrandStroke2Pressed);}.fs1n9un:active:hover{border-right-color:var(--colorBrandStroke2Pressed);}}", {
     m: "(forced-colors: none)"
-  }], ["@media (forced-colors: none){.f11x9sk1:active:hover{border-bottom-color:var(--colorBrandStroke2Pressed);}}", {
+  }], ["@media (forced-colors: none){.f12ds35j:active:hover{border-bottom-color:var(--colorBrandStroke2Pressed);}}", {
     m: "(forced-colors: none)"
-  }], ["@media (forced-colors: none){.f1m1pvl4:active:hover{color:var(--colorBrandForeground2Pressed);}}", {
+  }], ["@media (forced-colors: none){.fezean8:active:hover{color:var(--colorBrandForeground2Pressed);}}", {
     m: "(forced-colors: none)"
-  }], ["@media (forced-colors: none){.f1vpimpm:active:hover{background-color:var(--colorBrandBackground2Pressed);}}", {
+  }], ["@media (forced-colors: none){.f1yr11xb:active:hover{background-color:var(--colorBrandBackground2Pressed);}}", {
     m: "(forced-colors: none)"
   }]]
 });
 export const useSuggestionStyles_unstable = state => {
+  'use no memo';
+
   const styles = useSuggestionStylesStyles();
   state.root.className = mergeClasses(suggestionClassNames.root, styles.root, !state.disabled && styles.enabled, state.root.className);
   return state;
 };
-//# sourceMappingURL=useSuggestionStyles.js.map
+//# sourceMappingURL=useSuggestionStyles.styles.js.map

package/lib/components/Suggestion/useSuggestionStyles.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["useSuggestionStyles.styles.ts"],"sourcesContent":["import { makeStyles, mergeClasses, shorthands, tokens, typographyStyles } from '@fluentui/react-components';\nimport type { SlotClassNames, ButtonSlots, ButtonState } from '@fluentui/react-components';\n\nexport const suggestionClassNames: SlotClassNames<ButtonSlots> = {\n  root: 'fai-Suggestion',\n  icon: 'fai-Suggestion__icon',\n};\n\nconst useSuggestionStylesStyles = makeStyles({\n  root: {\n    ...typographyStyles.caption1,\n    //  Brand/M365/140\n    ...shorthands.border('1px', 'solid', tokens.colorBrandStroke2),\n    ...shorthands.borderRadius(tokens.borderRadiusXLarge),\n    ...shorthands.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});\n\nexport const useSuggestionStyles_unstable = (state: ButtonState): ButtonState => {\n  'use no memo';\n\n  const styles = useSuggestionStylesStyles();\n  state.root.className = mergeClasses(\n    suggestionClassNames.root,\n    styles.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","useSuggestionStylesStyles","caption1","border","colorBrandStroke2","borderRadius","borderRadiusXLarge","padding","spacingVerticalXS","spacingVerticalS","color","colorNeutralForeground2","textAlign","enabled","borderColor","colorBrandStroke2Hover","colorBrandForeground2Hover","backgroundColor","colorBrandBackground2Hover","colorBrandStroke2Pressed","colorBrandForeground2Pressed","colorBrandBackground2Pressed","useSuggestionStyles_unstable","state","styles","className","disabled"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,SAASA,UAAU,EAAEC,YAAY,EAAEC,UAAU,EAAEC,MAAM,EAAEC,gBAAgB,QAAQ,6BAA6B;AAG5G,OAAO,MAAMC,uBAAoD;IAC/DC,MAAM;IACNC,MAAM;AACR,EAAE;AAEF,MAAMC,4BAA4BR,WAAW;IAC3CM,MAAM;QACJ,GAAGF,iBAAiBK,QAAQ;QAC5B,kBAAkB;QAClB,GAAGP,WAAWQ,MAAM,CAAC,OAAO,SAASP,OAAOQ,iBAAiB,CAAC;QAC9D,GAAGT,WAAWU,YAAY,CAACT,OAAOU,kBAAkB,CAAC;QACrD,GAAGX,WAAWY,OAAO,CAACX,OAAOY,iBAAiB,EAAEZ,OAAOa,gBAAgB,CAAC;QACxEC,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;AACF;AAEA,OAAO,MAAMC,+BAA+B,CAACC;IAC3C;IAEA,MAAMC,SAASvB;IACfsB,MAAMxB,IAAI,CAAC0B,SAAS,GAAG/B,aACrBI,qBAAqBC,IAAI,EACzByB,OAAOzB,IAAI,EACX,CAACwB,MAAMG,QAAQ,IAAIF,OAAOX,OAAO,EACjCU,MAAMxB,IAAI,CAAC0B,SAAS;IAGtB,OAAOF;AACT,EAAE"}

package/lib/components/SuggestionList/SuggestionList.js

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { useSuggestionList_unstable } from './useSuggestionList';
 import { renderSuggestionList_unstable } from './renderSuggestionList';
-import { useSuggestionListStyles_unstable } from './useSuggestionListStyles';
+import { useSuggestionListStyles_unstable } from './useSuggestionListStyles.styles';
 import { useCustomStyleHook } from '@fluentui-copilot/react-provider';
 // SuggestionList component - TODO: add more docs
 export const SuggestionList = /*#__PURE__*/React.forwardRef((props, ref) => {

package/lib/components/SuggestionList/SuggestionList.js.map

@@ -1 +1 @@
-{"version":3,"sources":["SuggestionList.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useSuggestionList_unstable } from './useSuggestionList';\nimport { renderSuggestionList_unstable } from './renderSuggestionList';\nimport { useSuggestionListStyles_unstable } from './useSuggestionListStyles';\nimport type { SuggestionListProps } from './SuggestionList.types';\nimport type { ForwardRefComponent } from '@fluentui/react-components';\nimport { useCustomStyleHook } from '@fluentui-copilot/react-provider';\n\n// SuggestionList component - TODO: add more docs\nexport const SuggestionList: ForwardRefComponent<SuggestionListProps> = React.forwardRef((props, ref) => {\n  const state = useSuggestionList_unstable(props, ref);\n\n  useSuggestionListStyles_unstable(state);\n  useCustomStyleHook('useSuggestionListStyles')(state);\n\n  return renderSuggestionList_unstable(state);\n});\n\nSuggestionList.displayName = 'SuggestionList';\n"],"names":["React","useSuggestionList_unstable","renderSuggestionList_unstable","useSuggestionListStyles_unstable","useCustomStyleHook","SuggestionList","forwardRef","props","ref","state","displayName"],"rangeMappings":";;;;;;;;;;;;","mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,0BAA0B,QAAQ,sBAAsB;AACjE,SAASC,6BAA6B,QAAQ,yBAAyB;AACvE,SAASC,gCAAgC,QAAQ,4BAA4B;AAG7E,SAASC,kBAAkB,QAAQ,mCAAmC;AAEtE,iDAAiD;AACjD,OAAO,MAAMC,+BAA2DL,MAAMM,UAAU,CAAC,CAACC,OAAOC;IAC/F,MAAMC,QAAQR,2BAA2BM,OAAOC;IAEhDL,iCAAiCM;IACjCL,mBAAmB,2BAA2BK;IAE9C,OAAOP,8BAA8BO;AACvC,GAAG;AAEHJ,eAAeK,WAAW,GAAG"}
+{"version":3,"sources":["SuggestionList.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useSuggestionList_unstable } from './useSuggestionList';\nimport { renderSuggestionList_unstable } from './renderSuggestionList';\nimport { useSuggestionListStyles_unstable } from './useSuggestionListStyles.styles';\nimport type { SuggestionListProps } from './SuggestionList.types';\nimport type { ForwardRefComponent } from '@fluentui/react-components';\nimport { useCustomStyleHook } from '@fluentui-copilot/react-provider';\n\n// SuggestionList component - TODO: add more docs\nexport const SuggestionList: ForwardRefComponent<SuggestionListProps> = React.forwardRef((props, ref) => {\n  const state = useSuggestionList_unstable(props, ref);\n\n  useSuggestionListStyles_unstable(state);\n  useCustomStyleHook('useSuggestionListStyles')(state);\n\n  return renderSuggestionList_unstable(state);\n});\n\nSuggestionList.displayName = 'SuggestionList';\n"],"names":["React","useSuggestionList_unstable","renderSuggestionList_unstable","useSuggestionListStyles_unstable","useCustomStyleHook","SuggestionList","forwardRef","props","ref","state","displayName"],"rangeMappings":";;;;;;;;;;;;","mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,0BAA0B,QAAQ,sBAAsB;AACjE,SAASC,6BAA6B,QAAQ,yBAAyB;AACvE,SAASC,gCAAgC,QAAQ,mCAAmC;AAGpF,SAASC,kBAAkB,QAAQ,mCAAmC;AAEtE,iDAAiD;AACjD,OAAO,MAAMC,+BAA2DL,MAAMM,UAAU,CAAC,CAACC,OAAOC;IAC/F,MAAMC,QAAQR,2BAA2BM,OAAOC;IAEhDL,iCAAiCM;IACjCL,mBAAmB,2BAA2BK;IAE9C,OAAOP,8BAA8BO;AACvC,GAAG;AAEHJ,eAAeK,WAAW,GAAG"}

package/lib/components/SuggestionList/index.js

@@ -2,5 +2,5 @@ export * from './SuggestionList';
 export * from './SuggestionList.types';
 export * from './renderSuggestionList';
 export * from './useSuggestionList';
-export * from './useSuggestionListStyles';
+export * from './useSuggestionListStyles.styles';
 //# sourceMappingURL=index.js.map

package/lib/components/SuggestionList/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["index.ts"],"sourcesContent":["export * from './SuggestionList';\nexport * from './SuggestionList.types';\nexport * from './renderSuggestionList';\nexport * from './useSuggestionList';\nexport * from './useSuggestionListStyles';\n"],"names":[],"rangeMappings":";;;;","mappings":"AAAA,cAAc,mBAAmB;AACjC,cAAc,yBAAyB;AACvC,cAAc,yBAAyB;AACvC,cAAc,sBAAsB;AACpC,cAAc,4BAA4B"}
+{"version":3,"sources":["index.ts"],"sourcesContent":["export * from './SuggestionList';\nexport * from './SuggestionList.types';\nexport * from './renderSuggestionList';\nexport * from './useSuggestionList';\nexport * from './useSuggestionListStyles.styles';\n"],"names":[],"rangeMappings":";;;;","mappings":"AAAA,cAAc,mBAAmB;AACjC,cAAc,yBAAyB;AACvC,cAAc,yBAAyB;AACvC,cAAc,sBAAsB;AACpC,cAAc,mCAAmC"}

package/lib/components/SuggestionList/{useSuggestionListStyles.js → useSuggestionListStyles.styles.js}

@@ -36,6 +36,8 @@ const useStyles = __styles({
  * 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.root.className);
   if (state.reload) {
@@ -46,4 +48,4 @@ export const useSuggestionListStyles_unstable = state => {
   }
   return state;
 };
-//# sourceMappingURL=useSuggestionListStyles.js.map
+//# sourceMappingURL=useSuggestionListStyles.styles.js.map

package/lib/components/SuggestionList/useSuggestionListStyles.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["useSuggestionListStyles.styles.ts"],"sourcesContent":["import { makeStyles, mergeClasses, shorthands, tokens } from '@fluentui/react-components';\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  reload: 'fai-SuggestionList__reload',\n  reloadTooltip: 'fai-SuggestionList__reloadTooltip',\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    ...shorthands.gap(tokens.spacingVerticalS),\n    ...shorthands.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  reload: {\n    minWidth: tokens.spacingHorizontalXXL,\n    maxWidth: tokens.spacingHorizontalXXL,\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(suggestionListClassNames.root, styles.root, state.root.className);\n\n  if (state.reload) {\n    state.reload.className = mergeClasses(suggestionListClassNames.reload, styles.reload, state.reload.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","shorthands","tokens","suggestionListClassNames","root","reload","reloadTooltip","action","useStyles","display","flexWrap","justifyContent","gap","spacingVerticalS","margin","spacingVerticalNone","spacingHorizontalNone","maxWidth","spacingHorizontalXXL","minWidth","useSuggestionListStyles_unstable","state","styles","className"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,SAASA,UAAU,EAAEC,YAAY,EAAEC,UAAU,EAAEC,MAAM,QAAQ,6BAA6B;AAI1F,OAAO,MAAMC,2BAAgE;IAC3EC,MAAM;IACNC,QAAQ;IACRC,eAAe;IACfC,QAAQ;AACV,EAAE;AAEF;;CAEC,GACD,MAAMC,YAAYT,WAAW;IAC3BK,MAAM;QACJK,SAAS;QACTC,UAAU;QACVC,gBAAgB;QAChB,GAAGV,WAAWW,GAAG,CAACV,OAAOW,gBAAgB,CAAC;QAC1C,GAAGZ,WAAWa,MAAM,CAClBZ,OAAOa,mBAAmB,EAC1Bb,OAAOc,qBAAqB,EAC5Bd,OAAOW,gBAAgB,EACvBX,OAAOc,qBAAqB,CAC7B;QACD,0BAA0B;YACxBC,UAAU,CAAC,YAAY,EAAEf,OAAOgB,oBAAoB,CAAC,GAAG,EAAEhB,OAAOW,gBAAgB,CAAC,CAAC,CAAC;QACtF;IACF;IACAR,QAAQ;QACNc,UAAUjB,OAAOgB,oBAAoB;QACrCD,UAAUf,OAAOgB,oBAAoB;IACvC;IAEAX,QAAQ;QACNY,UAAUjB,OAAOgB,oBAAoB;QACrCD,UAAUf,OAAOgB,oBAAoB;IACvC;AAGF;AAEA;;CAEC,GACD,OAAO,MAAME,mCAAmC,CAACC;IAC/C;IAEA,MAAMC,SAASd;IACfa,MAAMjB,IAAI,CAACmB,SAAS,GAAGvB,aAAaG,yBAAyBC,IAAI,EAAEkB,OAAOlB,IAAI,EAAEiB,MAAMjB,IAAI,CAACmB,SAAS;IAEpG,IAAIF,MAAMhB,MAAM,EAAE;QAChBgB,MAAMhB,MAAM,CAACkB,SAAS,GAAGvB,aAAaG,yBAAyBE,MAAM,EAAEiB,OAAOjB,MAAM,EAAEgB,MAAMhB,MAAM,CAACkB,SAAS;IAC9G;IAEA,IAAIF,MAAMd,MAAM,EAAE;QAChBc,MAAMd,MAAM,CAACgB,SAAS,GAAGvB,aAAaG,yBAAyBI,MAAM,EAAEe,OAAOf,MAAM,EAAEc,MAAMd,MAAM,CAACgB,SAAS;IAC9G;IAEA,OAAOF;AACT,EAAE"}

package/lib-commonjs/components/Suggestion/Suggestion.js

@@ -10,14 +10,15 @@ Object.defineProperty(exports, "Suggestion", {
 });
 const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
 const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
-const _useSuggestionStyles = require("./useSuggestionStyles");
+const _useSuggestionStylesstyles = require("./useSuggestionStyles.styles");
 const _reactcomponents = require("@fluentui/react-components");
 const _reactprovider = require("@fluentui-copilot/react-provider");
 const Suggestion = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
+    'use no memo';
     const state = (0, _reactcomponents.useButton_unstable)(props, ref);
     state.appearance = props.appearance || 'outline';
     (0, _reactcomponents.useButtonStyles_unstable)(state);
-    (0, _useSuggestionStyles.useSuggestionStyles_unstable)(state);
+    (0, _useSuggestionStylesstyles.useSuggestionStyles_unstable)(state);
     (0, _reactprovider.useCustomStyleHook)('useSuggestionStyles')(state);
     return (0, _reactcomponents.renderButton_unstable)(state);
 });

package/lib-commonjs/components/Suggestion/Suggestion.js.map

@@ -1 +1 @@
-{"version":3,"sources":["Suggestion.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useSuggestionStyles_unstable } from './useSuggestionStyles';\nimport type { ButtonProps, ForwardRefComponent } from '@fluentui/react-components';\nimport { renderButton_unstable, useButtonStyles_unstable, useButton_unstable } from '@fluentui/react-components';\nimport { useCustomStyleHook } from '@fluentui-copilot/react-provider';\n\n// Suggestion component - TODO: add more docs\nexport const Suggestion: ForwardRefComponent<ButtonProps> = React.forwardRef((props, ref) => {\n  const state = useButton_unstable(props, ref);\n  state.appearance = props.appearance || 'outline';\n  useButtonStyles_unstable(state);\n  useSuggestionStyles_unstable(state);\n  useCustomStyleHook('useSuggestionStyles')(state);\n\n  return renderButton_unstable(state);\n});\n\nSuggestion.displayName = 'Suggestion';\n"],"names":["Suggestion","React","forwardRef","props","state","useButton_unstable","appearance","useButtonStyles_unstable","useSuggestionStyles_unstable","useCustomStyleHook","renderButton_unstable","displayName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAOaA;;;eAAAA;;;;iEAPU;qCACsB;iCAEuC;+BACjD;AAG5B,MAAMA,aAAAA,WAAAA,GAAAA,OAA+CC,UAAMC,CAAU,CAACC,OAACA;UAC5EC,QAAMA,IAAAA,mCAAQC,EAAAA,OAAmBF;UACjCC,UAAME,GAAUH,MAAGA,UAAMG,IAAU;iDACnCC,EAAAA;yDACAC,EAAAA;yCACAC,EAAAA,uBAAmBL;WAEnBM,IAAAA,sCAAOA,EAAAA;AACT;AAEAV,WAAWW,WAAW,GAAG"}
+{"version":3,"sources":["Suggestion.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useSuggestionStyles_unstable } from './useSuggestionStyles.styles';\nimport type { ButtonProps, ForwardRefComponent } from '@fluentui/react-components';\nimport { renderButton_unstable, useButtonStyles_unstable, useButton_unstable } from '@fluentui/react-components';\nimport { useCustomStyleHook } from '@fluentui-copilot/react-provider';\n\n// Suggestion component - TODO: add more docs\nexport const Suggestion: ForwardRefComponent<ButtonProps> = React.forwardRef((props, ref) => {\n  'use no memo';\n\n  const state = useButton_unstable(props, ref);\n  state.appearance = props.appearance || 'outline';\n  useButtonStyles_unstable(state);\n  useSuggestionStyles_unstable(state);\n  useCustomStyleHook('useSuggestionStyles')(state);\n\n  return renderButton_unstable(state);\n});\n\nSuggestion.displayName = 'Suggestion';\n"],"names":["Suggestion","React","forwardRef","props","state","appearance","ref","useButtonStyles_unstable","useSuggestionStyles_unstable","renderButton_unstable"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAOaA;;;eAAAA;;;;iEAPU;2CACsB;iCAEuC;+BACjD;AAG5B,MAAMA,aAAAA,WAAAA,GAAAA,OAA+CC,UAAMC,CAAU,CAACC,OAACA;;UAI5EC,QAAMC,IAAAA,mCAAmBA,EAAAA,OAAUC;UACnCC,UAAAA,GAAAA,MAAAA,UAAyBH,IAAAA;iDACzBI,EAAAA;+DACmB,EAAAJ;yCAEZK,EAAAA,uBAAsBL;IAC/B,OAAGK,IAAAA,sCAAA,EAAAL;AAEHJ"}

package/lib-commonjs/components/Suggestion/index.js

@@ -4,5 +4,5 @@ Object.defineProperty(exports, "__esModule", {
 });
 const _export_star = require("@swc/helpers/_/_export_star");
 _export_star._(require("./Suggestion"), exports);
-_export_star._(require("./useSuggestionStyles"), exports);
+_export_star._(require("./useSuggestionStyles.styles"), exports);
  //# sourceMappingURL=index.js.map

package/lib-commonjs/components/Suggestion/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["index.ts"],"sourcesContent":["export * from './Suggestion';\nexport * from './useSuggestionStyles';\n"],"names":[],"rangeMappings":";;;;;;","mappings":";;;;;uBAAc;uBACA"}
+{"version":3,"sources":["index.ts"],"sourcesContent":["export * from './Suggestion';\nexport * from './useSuggestionStyles.styles';\n"],"names":[],"rangeMappings":";;;;;;","mappings":";;;;;uBAAc;uBACA"}

package/lib-commonjs/components/Suggestion/{useSuggestionStyles.js → useSuggestionStyles.styles.js}

@@ -87,30 +87,30 @@ const useSuggestionStylesStyles = (0, _reactcomponents.__styles)({
         fsow6f: "fpgzoln"
     },
     enabled: {
-        Bqpvblf: "f1a1i2uh",
-        tx73yv: [
-            "fi00pzo",
-            "f1tv449a"
-        ],
-        Bywfcay: "f1z0xeij",
-        Bjrr5vw: [
-            "f1tv449a",
-            "fi00pzo"
-        ],
-        Fk0w0g: "f1jkkftd",
-        Brzxin3: "figqkp4",
-        Bc0jgcm: "f1ychr38",
-        Bqrtbk8: [
-            "fswk3fw",
-            "f1kukf3h"
-        ],
-        B8jt3u8: "f11x9sk1",
-        vaa8ot: [
-            "f1kukf3h",
-            "fswk3fw"
-        ],
-        lra3qj: "f1m1pvl4",
-        Bfra55o: "f1vpimpm"
+        B9di4we: "fxuoarf",
+        B1f0e9u: [
+            "f1qi0eim",
+            "fiwk2rq"
+        ],
+        bb0oo: "f1jsw6og",
+        B88lpqa: [
+            "fiwk2rq",
+            "f1qi0eim"
+        ],
+        grrwut: "f1ggo121",
+        Bejlia0: "f1jg9xd",
+        v5djml: "fihmelj",
+        Bptf8dt: [
+            "fs1n9un",
+            "f1u9p12n"
+        ],
+        j4j8r: "f12ds35j",
+        H566xl: [
+            "f1u9p12n",
+            "fs1n9un"
+        ],
+        a9g2gr: "fezean8",
+        rgbxn1: "f1yr11xb"
     }
 }, {
     d: [
@@ -143,61 +143,61 @@ const useSuggestionStylesStyles = (0, _reactcomponents.__styles)({
     ],
     m: [
         [
-            "@media (forced-colors: none){.f1a1i2uh:hover{border-top-color:var(--colorBrandStroke2Hover);}}",
+            "@media (forced-colors: none){.fxuoarf:hover{border-top-color:var(--colorBrandStroke2Hover);}}",
             {
                 m: "(forced-colors: none)"
             }
         ],
         [
-            "@media (forced-colors: none){.f1tv449a:hover{border-left-color:var(--colorBrandStroke2Hover);}.fi00pzo:hover{border-right-color:var(--colorBrandStroke2Hover);}}",
+            "@media (forced-colors: none){.f1qi0eim:hover{border-right-color:var(--colorBrandStroke2Hover);}.fiwk2rq:hover{border-left-color:var(--colorBrandStroke2Hover);}}",
             {
                 m: "(forced-colors: none)"
             }
         ],
         [
-            "@media (forced-colors: none){.f1z0xeij:hover{border-bottom-color:var(--colorBrandStroke2Hover);}}",
+            "@media (forced-colors: none){.f1jsw6og:hover{border-bottom-color:var(--colorBrandStroke2Hover);}}",
             {
                 m: "(forced-colors: none)"
             }
         ],
         [
-            "@media (forced-colors: none){.f1jkkftd:hover{color:var(--colorBrandForeground2Hover);}}",
+            "@media (forced-colors: none){.f1ggo121:hover{color:var(--colorBrandForeground2Hover);}}",
             {
                 m: "(forced-colors: none)"
             }
         ],
         [
-            "@media (forced-colors: none){.figqkp4:hover{background-color:var(--colorBrandBackground2Hover);}}",
+            "@media (forced-colors: none){.f1jg9xd:hover{background-color:var(--colorBrandBackground2Hover);}}",
             {
                 m: "(forced-colors: none)"
             }
         ],
         [
-            "@media (forced-colors: none){.f1ychr38:active:hover{border-top-color:var(--colorBrandStroke2Pressed);}}",
+            "@media (forced-colors: none){.fihmelj:active:hover{border-top-color:var(--colorBrandStroke2Pressed);}}",
             {
                 m: "(forced-colors: none)"
             }
         ],
         [
-            "@media (forced-colors: none){.f1kukf3h:active:hover{border-left-color:var(--colorBrandStroke2Pressed);}.fswk3fw:active:hover{border-right-color:var(--colorBrandStroke2Pressed);}}",
+            "@media (forced-colors: none){.f1u9p12n:active:hover{border-left-color:var(--colorBrandStroke2Pressed);}.fs1n9un:active:hover{border-right-color:var(--colorBrandStroke2Pressed);}}",
             {
                 m: "(forced-colors: none)"
             }
         ],
         [
-            "@media (forced-colors: none){.f11x9sk1:active:hover{border-bottom-color:var(--colorBrandStroke2Pressed);}}",
+            "@media (forced-colors: none){.f12ds35j:active:hover{border-bottom-color:var(--colorBrandStroke2Pressed);}}",
             {
                 m: "(forced-colors: none)"
             }
         ],
         [
-            "@media (forced-colors: none){.f1m1pvl4:active:hover{color:var(--colorBrandForeground2Pressed);}}",
+            "@media (forced-colors: none){.fezean8:active:hover{color:var(--colorBrandForeground2Pressed);}}",
             {
                 m: "(forced-colors: none)"
             }
         ],
         [
-            "@media (forced-colors: none){.f1vpimpm:active:hover{background-color:var(--colorBrandBackground2Pressed);}}",
+            "@media (forced-colors: none){.f1yr11xb:active:hover{background-color:var(--colorBrandBackground2Pressed);}}",
             {
                 m: "(forced-colors: none)"
             }
@@ -205,7 +205,8 @@ const useSuggestionStylesStyles = (0, _reactcomponents.__styles)({
     ]
 });
 const useSuggestionStyles_unstable = (state)=>{
+    'use no memo';
     const styles = useSuggestionStylesStyles();
     state.root.className = (0, _reactcomponents.mergeClasses)(suggestionClassNames.root, styles.root, !state.disabled && styles.enabled, state.root.className);
     return state;
-}; //# sourceMappingURL=useSuggestionStyles.js.map
+}; //# sourceMappingURL=useSuggestionStyles.styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["useSuggestionStyles.styles.ts"],"sourcesContent":["import { makeStyles, mergeClasses, shorthands, tokens, typographyStyles } from '@fluentui/react-components';\nimport type { SlotClassNames, ButtonSlots, ButtonState } from '@fluentui/react-components';\n\nexport const suggestionClassNames: SlotClassNames<ButtonSlots> = {\n  root: 'fai-Suggestion',\n  icon: 'fai-Suggestion__icon',\n};\n\nconst useSuggestionStylesStyles = makeStyles({\n  root: {\n    ...typographyStyles.caption1,\n    //  Brand/M365/140\n    ...shorthands.border('1px', 'solid', tokens.colorBrandStroke2),\n    ...shorthands.borderRadius(tokens.borderRadiusXLarge),\n    ...shorthands.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});\n\nexport const useSuggestionStyles_unstable = (state: ButtonState): ButtonState => {\n  'use no memo';\n\n  const styles = useSuggestionStylesStyles();\n  state.root.className = mergeClasses(\n    suggestionClassNames.root,\n    styles.root,\n    !state.disabled && styles.enabled,\n    state.root.className,\n  );\n\n  return state;\n};\n"],"names":["suggestionClassNames","root","icon","useSuggestionStylesStyles","makeStyles","typographyStyles","shorthands","color","colorNeutralForeground2","textAlign","ibv6hh","enabled","tokens","colorBrandForeground2Hover","borderColor","backgroundColor","sj55zd","fsow6f","B9di4we","styles","state","mergeClasses","bb0oo","B88lpqa"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAGaA,oBAAAA;eAAAA;;;;;;iCAH0D;AAGhE,MAAMA,uBAAoD;UAC/DC;UACAC;AACF;AAEA,MAAMC,4BAA4BC,IAAAA,yBAAAA,EAAAA;UAChCH;iBACKI;iBACH;iBACGC;iBACAA;iBACAA;iBACHC;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;YAAA;YAAA;SAAA;iBACA;YAAA;YAAA;SAAiB;;;YACf;SAAkB;;;YACfP;SAAWQ;;;;YAEdC;SAAiBH;iBACnB;gBACF;YAAA;YAAA;SAAA;QACFI,QAAA;QACFC,QAAA;IAEA;aACE;QAEAC,SAAMC;QACNC,SAAMnB;YAAI;YAAU;SAAGoB;QAOvBC,OAAOF;QACPG,SAAA;YAAA;YAAA;SAAA"}

package/lib-commonjs/components/SuggestionList/SuggestionList.js

@@ -12,11 +12,11 @@ const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildc
 const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
 const _useSuggestionList = require("./useSuggestionList");
 const _renderSuggestionList = require("./renderSuggestionList");
-const _useSuggestionListStyles = require("./useSuggestionListStyles");
+const _useSuggestionListStylesstyles = require("./useSuggestionListStyles.styles");
 const _reactprovider = require("@fluentui-copilot/react-provider");
 const SuggestionList = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
     const state = (0, _useSuggestionList.useSuggestionList_unstable)(props, ref);
-    (0, _useSuggestionListStyles.useSuggestionListStyles_unstable)(state);
+    (0, _useSuggestionListStylesstyles.useSuggestionListStyles_unstable)(state);
     (0, _reactprovider.useCustomStyleHook)('useSuggestionListStyles')(state);
     return (0, _renderSuggestionList.renderSuggestionList_unstable)(state);
 });

package/lib-commonjs/components/SuggestionList/SuggestionList.js.map

@@ -1 +1 @@
-{"version":3,"sources":["SuggestionList.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useSuggestionList_unstable } from './useSuggestionList';\nimport { renderSuggestionList_unstable } from './renderSuggestionList';\nimport { useSuggestionListStyles_unstable } from './useSuggestionListStyles';\nimport type { SuggestionListProps } from './SuggestionList.types';\nimport type { ForwardRefComponent } from '@fluentui/react-components';\nimport { useCustomStyleHook } from '@fluentui-copilot/react-provider';\n\n// SuggestionList component - TODO: add more docs\nexport const SuggestionList: ForwardRefComponent<SuggestionListProps> = React.forwardRef((props, ref) => {\n  const state = useSuggestionList_unstable(props, ref);\n\n  useSuggestionListStyles_unstable(state);\n  useCustomStyleHook('useSuggestionListStyles')(state);\n\n  return renderSuggestionList_unstable(state);\n});\n\nSuggestionList.displayName = 'SuggestionList';\n"],"names":["SuggestionList","React","forwardRef","props","state","useSuggestionList_unstable","useSuggestionListStyles_unstable","useCustomStyleHook","renderSuggestionList_unstable","displayName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BASaA;;;eAAAA;;;;iEATU;mCACoB;sCACG;yCACG;+BAGd;AAG5B,MAAMA,iBAAAA,WAAAA,GAAAA,OAA2DC,UAAMC,CAAU,CAACC,OAACA;UACxFC,QAAMA,IAAAA,6CAAQC,EAAAA,OAA2BF;iEAEzCG,EAAAA;yCACAC,EAAAA,2BAAmBH;WAEnBI,IAAAA,mDAAOA,EAAAA;AACT;AAEAR,eAAeS,WAAW,GAAG"}
+{"version":3,"sources":["SuggestionList.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useSuggestionList_unstable } from './useSuggestionList';\nimport { renderSuggestionList_unstable } from './renderSuggestionList';\nimport { useSuggestionListStyles_unstable } from './useSuggestionListStyles.styles';\nimport type { SuggestionListProps } from './SuggestionList.types';\nimport type { ForwardRefComponent } from '@fluentui/react-components';\nimport { useCustomStyleHook } from '@fluentui-copilot/react-provider';\n\n// SuggestionList component - TODO: add more docs\nexport const SuggestionList: ForwardRefComponent<SuggestionListProps> = React.forwardRef((props, ref) => {\n  const state = useSuggestionList_unstable(props, ref);\n\n  useSuggestionListStyles_unstable(state);\n  useCustomStyleHook('useSuggestionListStyles')(state);\n\n  return renderSuggestionList_unstable(state);\n});\n\nSuggestionList.displayName = 'SuggestionList';\n"],"names":["SuggestionList","React","forwardRef","props","state","useSuggestionList_unstable","useSuggestionListStyles_unstable","useCustomStyleHook","renderSuggestionList_unstable","displayName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BASaA;;;eAAAA;;;;iEATU;mCACoB;sCACG;+CACG;+BAGd;AAG5B,MAAMA,iBAAAA,WAAAA,GAAAA,OAA2DC,UAAMC,CAAU,CAACC,OAACA;UACxFC,QAAMA,IAAAA,6CAAQC,EAAAA,OAA2BF;uEAEzCG,EAAAA;yCACAC,EAAAA,2BAAmBH;WAEnBI,IAAAA,mDAAOA,EAAAA;AACT;AAEAR,eAAeS,WAAW,GAAG"}

package/lib-commonjs/components/SuggestionList/index.js

@@ -7,5 +7,5 @@ _export_star._(require("./SuggestionList"), exports);
 _export_star._(require("./SuggestionList.types"), exports);
 _export_star._(require("./renderSuggestionList"), exports);
 _export_star._(require("./useSuggestionList"), exports);
-_export_star._(require("./useSuggestionListStyles"), exports);
+_export_star._(require("./useSuggestionListStyles.styles"), exports);
  //# sourceMappingURL=index.js.map

package/lib-commonjs/components/SuggestionList/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["index.ts"],"sourcesContent":["export * from './SuggestionList';\nexport * from './SuggestionList.types';\nexport * from './renderSuggestionList';\nexport * from './useSuggestionList';\nexport * from './useSuggestionListStyles';\n"],"names":[],"rangeMappings":";;;;;;;;;","mappings":";;;;;uBAAc;uBACA;uBACA;uBACA;uBACA"}
+{"version":3,"sources":["index.ts"],"sourcesContent":["export * from './SuggestionList';\nexport * from './SuggestionList.types';\nexport * from './renderSuggestionList';\nexport * from './useSuggestionList';\nexport * from './useSuggestionListStyles.styles';\n"],"names":[],"rangeMappings":";;;;;;;;;","mappings":";;;;;uBAAc;uBACA;uBACA;uBACA;uBACA"}

package/lib-commonjs/components/SuggestionList/{useSuggestionListStyles.js → useSuggestionListStyles.styles.js}

@@ -69,6 +69,7 @@ const suggestionListClassNames = {
     ]
 });
 const useSuggestionListStyles_unstable = (state)=>{
+    'use no memo';
     const styles = useStyles();
     state.root.className = (0, _reactcomponents.mergeClasses)(suggestionListClassNames.root, styles.root, state.root.className);
     if (state.reload) {
@@ -78,4 +79,4 @@ const useSuggestionListStyles_unstable = (state)=>{
         state.action.className = (0, _reactcomponents.mergeClasses)(suggestionListClassNames.action, styles.action, state.action.className);
     }
     return state;
-}; //# sourceMappingURL=useSuggestionListStyles.js.map
+}; //# sourceMappingURL=useSuggestionListStyles.styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["useSuggestionListStyles.styles.ts"],"sourcesContent":["import { makeStyles, mergeClasses, shorthands, tokens } from '@fluentui/react-components';\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  reload: 'fai-SuggestionList__reload',\n  reloadTooltip: 'fai-SuggestionList__reloadTooltip',\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    ...shorthands.gap(tokens.spacingVerticalS),\n    ...shorthands.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  reload: {\n    minWidth: tokens.spacingHorizontalXXL,\n    maxWidth: tokens.spacingHorizontalXXL,\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(suggestionListClassNames.root, styles.root, state.root.className);\n\n  if (state.reload) {\n    state.reload.className = mergeClasses(suggestionListClassNames.reload, styles.reload, state.reload.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","useSuggestionListStyles_unstable","root","reload","reloadTooltip","action","__styles","display","flexWrap","justifyContent","shorthands","maxWidth","jrapky","minWidth","Bf4jedk","B2u0y6b","state","styles","useStyles"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAIaA,wBAAAA;eAAAA;;IAkDXC,gCAAA;eAAAA;;;iCAtDmD;AAI9C,MAAMD,2BAAgE;UAC3EE;YACAC;mBACAC;YACAC;AACF;AAEA;;CAEC,SAECH,YAAMI,IAAAA,yBAAA,EAAA;UACJC;gBACAC;gBACAC;iBACGC;gBACAA;iBAMH;iBACEC;gBACF;YAAA;YAAA;SAAA;QACFC,QAAA;QACAT,QAAQ;YAAA;YAAA;SAAA;iBACNU;;YAEF;QAEAR,SAAQ;iBACNQ;;YAEF;QAGFC,SAAA;QAEAC,SAAA;;GAEC;OAEC;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;KAAA;;AAOA,MAAAd,mCAAAe,CAAAA;;UAIAC,SAAAC;UAEAhB,IAAOc,CAAAA,SAAAA,GAAAA,IAAAA,6BAAAA,EAAAA,yBAAAA,IAAAA,EAAAA,OAAAA,IAAAA,EAAAA,MAAAA,IAAAA,CAAAA,SAAAA;IACP,IAAAA,MAAAb,MAAA,EAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fluentui-copilot/react-suggestions",
-  "version": "0.8.2",
+  "version": "0.8.3",
   "description": "A Fluent AI package",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -12,16 +12,16 @@
   },
   "license": "MIT",
   "dependencies": {
-    "@fluentui-copilot/react-provider": "^0.8.2",
+    "@fluentui-copilot/react-provider": "^0.8.3",
     "@swc/helpers": "^0.5.1"
   },
   "peerDependencies": {
-    "@fluentui/react-components": ">=9.49.2 <10.0.0",
-    "@fluentui/react-context-selector": ">=9.1.59 <10.0.0",
-    "@fluentui/react-icons": ">=2.0.239 <3.0.0",
-    "@fluentui/react-jsx-runtime": ">=9.0.37 <10.0.0",
-    "@fluentui/react-shared-contexts": ">=9.18.0 <10.0.0",
-    "@fluentui/react-utilities": ">=9.18.8 <10.0.0",
+    "@fluentui/react-components": ">=9.52.0 <10.0.0",
+    "@fluentui/react-context-selector": ">=9.1.60 <10.0.0",
+    "@fluentui/react-icons": ">=2.0.240 <3.0.0",
+    "@fluentui/react-jsx-runtime": ">=9.0.38 <10.0.0",
+    "@fluentui/react-shared-contexts": ">=9.19.0 <10.0.0",
+    "@fluentui/react-utilities": ">=9.18.9 <10.0.0",
     "@types/react": ">=16.14.0 <19.0.0",
     "@types/react-dom": ">=16.9.8 <19.0.0",
     "react": ">=16.14.0 <19.0.0",

package/lib/components/Suggestion/useSuggestionStyles.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["useSuggestionStyles.ts"],"sourcesContent":["import { makeStyles, mergeClasses, shorthands, tokens, typographyStyles } from '@fluentui/react-components';\nimport type { SlotClassNames, ButtonSlots, ButtonState } from '@fluentui/react-components';\n\nexport const suggestionClassNames: SlotClassNames<ButtonSlots> = {\n  root: 'fai-Suggestion',\n  icon: 'fai-Suggestion__icon',\n};\n\nconst useSuggestionStylesStyles = makeStyles({\n  root: {\n    ...typographyStyles.caption1,\n    //  Brand/M365/140\n    ...shorthands.border('1px', 'solid', tokens.colorBrandStroke2),\n    ...shorthands.borderRadius(tokens.borderRadiusXLarge),\n    ...shorthands.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});\n\nexport const useSuggestionStyles_unstable = (state: ButtonState): ButtonState => {\n  const styles = useSuggestionStylesStyles();\n  state.root.className = mergeClasses(\n    suggestionClassNames.root,\n    styles.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","useSuggestionStylesStyles","caption1","border","colorBrandStroke2","borderRadius","borderRadiusXLarge","padding","spacingVerticalXS","spacingVerticalS","color","colorNeutralForeground2","textAlign","enabled","borderColor","colorBrandStroke2Hover","colorBrandForeground2Hover","backgroundColor","colorBrandBackground2Hover","colorBrandStroke2Pressed","colorBrandForeground2Pressed","colorBrandBackground2Pressed","useSuggestionStyles_unstable","state","styles","className","disabled"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,SAASA,UAAU,EAAEC,YAAY,EAAEC,UAAU,EAAEC,MAAM,EAAEC,gBAAgB,QAAQ,6BAA6B;AAG5G,OAAO,MAAMC,uBAAoD;IAC/DC,MAAM;IACNC,MAAM;AACR,EAAE;AAEF,MAAMC,4BAA4BR,WAAW;IAC3CM,MAAM;QACJ,GAAGF,iBAAiBK,QAAQ;QAC5B,kBAAkB;QAClB,GAAGP,WAAWQ,MAAM,CAAC,OAAO,SAASP,OAAOQ,iBAAiB,CAAC;QAC9D,GAAGT,WAAWU,YAAY,CAACT,OAAOU,kBAAkB,CAAC;QACrD,GAAGX,WAAWY,OAAO,CAACX,OAAOY,iBAAiB,EAAEZ,OAAOa,gBAAgB,CAAC;QACxEC,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;AACF;AAEA,OAAO,MAAMC,+BAA+B,CAACC;IAC3C,MAAMC,SAASvB;IACfsB,MAAMxB,IAAI,CAAC0B,SAAS,GAAG/B,aACrBI,qBAAqBC,IAAI,EACzByB,OAAOzB,IAAI,EACX,CAACwB,MAAMG,QAAQ,IAAIF,OAAOX,OAAO,EACjCU,MAAMxB,IAAI,CAAC0B,SAAS;IAGtB,OAAOF;AACT,EAAE"}

package/lib/components/SuggestionList/useSuggestionListStyles.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["useSuggestionListStyles.ts"],"sourcesContent":["import { makeStyles, mergeClasses, shorthands, tokens } from '@fluentui/react-components';\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  reload: 'fai-SuggestionList__reload',\n  reloadTooltip: 'fai-SuggestionList__reloadTooltip',\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    ...shorthands.gap(tokens.spacingVerticalS),\n    ...shorthands.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  reload: {\n    minWidth: tokens.spacingHorizontalXXL,\n    maxWidth: tokens.spacingHorizontalXXL,\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  const styles = useStyles();\n  state.root.className = mergeClasses(suggestionListClassNames.root, styles.root, state.root.className);\n\n  if (state.reload) {\n    state.reload.className = mergeClasses(suggestionListClassNames.reload, styles.reload, state.reload.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","shorthands","tokens","suggestionListClassNames","root","reload","reloadTooltip","action","useStyles","display","flexWrap","justifyContent","gap","spacingVerticalS","margin","spacingVerticalNone","spacingHorizontalNone","maxWidth","spacingHorizontalXXL","minWidth","useSuggestionListStyles_unstable","state","styles","className"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,SAASA,UAAU,EAAEC,YAAY,EAAEC,UAAU,EAAEC,MAAM,QAAQ,6BAA6B;AAI1F,OAAO,MAAMC,2BAAgE;IAC3EC,MAAM;IACNC,QAAQ;IACRC,eAAe;IACfC,QAAQ;AACV,EAAE;AAEF;;CAEC,GACD,MAAMC,YAAYT,WAAW;IAC3BK,MAAM;QACJK,SAAS;QACTC,UAAU;QACVC,gBAAgB;QAChB,GAAGV,WAAWW,GAAG,CAACV,OAAOW,gBAAgB,CAAC;QAC1C,GAAGZ,WAAWa,MAAM,CAClBZ,OAAOa,mBAAmB,EAC1Bb,OAAOc,qBAAqB,EAC5Bd,OAAOW,gBAAgB,EACvBX,OAAOc,qBAAqB,CAC7B;QACD,0BAA0B;YACxBC,UAAU,CAAC,YAAY,EAAEf,OAAOgB,oBAAoB,CAAC,GAAG,EAAEhB,OAAOW,gBAAgB,CAAC,CAAC,CAAC;QACtF;IACF;IACAR,QAAQ;QACNc,UAAUjB,OAAOgB,oBAAoB;QACrCD,UAAUf,OAAOgB,oBAAoB;IACvC;IAEAX,QAAQ;QACNY,UAAUjB,OAAOgB,oBAAoB;QACrCD,UAAUf,OAAOgB,oBAAoB;IACvC;AAGF;AAEA;;CAEC,GACD,OAAO,MAAME,mCAAmC,CAACC;IAC/C,MAAMC,SAASd;IACfa,MAAMjB,IAAI,CAACmB,SAAS,GAAGvB,aAAaG,yBAAyBC,IAAI,EAAEkB,OAAOlB,IAAI,EAAEiB,MAAMjB,IAAI,CAACmB,SAAS;IAEpG,IAAIF,MAAMhB,MAAM,EAAE;QAChBgB,MAAMhB,MAAM,CAACkB,SAAS,GAAGvB,aAAaG,yBAAyBE,MAAM,EAAEiB,OAAOjB,MAAM,EAAEgB,MAAMhB,MAAM,CAACkB,SAAS;IAC9G;IAEA,IAAIF,MAAMd,MAAM,EAAE;QAChBc,MAAMd,MAAM,CAACgB,SAAS,GAAGvB,aAAaG,yBAAyBI,MAAM,EAAEe,OAAOf,MAAM,EAAEc,MAAMd,MAAM,CAACgB,SAAS;IAC9G;IAEA,OAAOF;AACT,EAAE"}

package/lib-commonjs/components/Suggestion/useSuggestionStyles.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["useSuggestionStyles.ts"],"sourcesContent":["import { makeStyles, mergeClasses, shorthands, tokens, typographyStyles } from '@fluentui/react-components';\nimport type { SlotClassNames, ButtonSlots, ButtonState } from '@fluentui/react-components';\n\nexport const suggestionClassNames: SlotClassNames<ButtonSlots> = {\n  root: 'fai-Suggestion',\n  icon: 'fai-Suggestion__icon',\n};\n\nconst useSuggestionStylesStyles = makeStyles({\n  root: {\n    ...typographyStyles.caption1,\n    //  Brand/M365/140\n    ...shorthands.border('1px', 'solid', tokens.colorBrandStroke2),\n    ...shorthands.borderRadius(tokens.borderRadiusXLarge),\n    ...shorthands.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});\n\nexport const useSuggestionStyles_unstable = (state: ButtonState): ButtonState => {\n  const styles = useSuggestionStylesStyles();\n  state.root.className = mergeClasses(\n    suggestionClassNames.root,\n    styles.root,\n    !state.disabled && styles.enabled,\n    state.root.className,\n  );\n\n  return state;\n};\n"],"names":["suggestionClassNames","root","icon","useSuggestionStylesStyles","makeStyles","typographyStyles","shorthands","color","colorNeutralForeground2","textAlign","ibv6hh","enabled","tokens","colorBrandForeground2Hover","borderColor","backgroundColor","sj55zd","fsow6f","styles","state","tx73yv","Bywfcay"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAGaA,oBAAAA;eAAAA;;;;;;iCAH0D;AAGhE,MAAMA,uBAAoD;UAC/DC;UACAC;AACF;AAEA,MAAMC,4BAA4BC,IAAAA,yBAAAA,EAAAA;UAChCH;iBACKI;iBACH;iBACGC;iBACAA;iBACAA;iBACHC;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;YAAA;YAAA;SAAA;iBACA;YAAA;YAAA;SAAiB;;;YACf;SAAkB;;;YACfP;SAAWQ;;;;YAEdC;SAAiBH;iBACnB;gBACF;YAAA;YAAA;SAAA;QACFI,QAAA;QACFC,QAAA;IAEA;aACQC;QACNC,SAAMlB;QAONmB,QAAOD;YAAAA;YAAAA;SAAAA;QACPE,SAAA"}

package/lib-commonjs/components/SuggestionList/useSuggestionListStyles.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["useSuggestionListStyles.ts"],"sourcesContent":["import { makeStyles, mergeClasses, shorthands, tokens } from '@fluentui/react-components';\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  reload: 'fai-SuggestionList__reload',\n  reloadTooltip: 'fai-SuggestionList__reloadTooltip',\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    ...shorthands.gap(tokens.spacingVerticalS),\n    ...shorthands.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  reload: {\n    minWidth: tokens.spacingHorizontalXXL,\n    maxWidth: tokens.spacingHorizontalXXL,\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  const styles = useStyles();\n  state.root.className = mergeClasses(suggestionListClassNames.root, styles.root, state.root.className);\n\n  if (state.reload) {\n    state.reload.className = mergeClasses(suggestionListClassNames.reload, styles.reload, state.reload.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","state","root","reload","reloadTooltip","action","__styles","display","flexWrap","justifyContent","shorthands","maxWidth","jrapky","minWidth","Bf4jedk","B2u0y6b","useStyles","className","mergeClasses","styles"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAIaA,wBAAAA;eAAAA;;IAkDPC,gCAAc;eAAdA;;;iCAtD+C;AAI9C,MAAMD,2BAAgE;UAC3EE;YACAC;mBACAC;YACAC;AACF;AAEA;;CAEC,SAECH,YAAMI,IAAAA,yBAAA,EAAA;UACJC;gBACAC;gBACAC;iBACGC;gBACAA;iBAMH;iBACEC;gBACF;YAAA;YAAA;SAAA;QACFC,QAAA;QACAT,QAAQ;YAAA;YAAA;SAAA;iBACNU;;YAEF;QAEAR,SAAQ;iBACNQ;;YAEF;QAGFC,SAAA;QAEAC,SAAA;;GAEC;OAEC;QAAA;QAAeC;QAAAA;QAAAA;QAAAA;QAAAA;QAAAA;QAAAA;QAAAA;QAAAA;QAAAA;QAAAA;KAAAA;;AAOf,MAAIf,mCAAcA,CAAAA;UAChBA,SAAMI;UACRH,IAAA,CAAAe,SAAA,GAAAC,IAAAA,6BAAA,EAAAlB,yBAAAE,IAAA,EAAAiB,OAAAjB,IAAA,EAAAD,MAAAC,IAAA,CAAAe,SAAA;QAEAhB,MAAOA,MAAAA,EAAAA;QACPA,MAAAE,MAAA,CAAAc,SAAA,GAAAC,IAAAA,6BAAA,EAAAlB,yBAAAG,MAAA,EAAAgB,OAAAhB,MAAA,EAAAF,MAAAE,MAAA,CAAAc,SAAA"}