@fluentui-copilot/react-response-count 0.0.0-nightly-20250717-0405-eecbae35.1 → 0.0.0-nightly-20250723-0404-b6756f49.1

package/CHANGELOG.json

@@ -2,9 +2,9 @@
   "name": "@fluentui-copilot/react-response-count",
   "entries": [
     {
-      "date": "Thu, 17 Jul 2025 04:13:02 GMT",
-      "tag": "@fluentui-copilot/react-response-count_v0.0.0-nightly-20250717-0405-eecbae35.1",
-      "version": "0.0.0-nightly-20250717-0405-eecbae35.1",
+      "date": "Wed, 23 Jul 2025 04:11:47 GMT",
+      "tag": "@fluentui-copilot/react-response-count_v0.0.0-nightly-20250723-0404-b6756f49.1",
+      "version": "0.0.0-nightly-20250723-0404-b6756f49.1",
       "comments": {
         "prerelease": [
           {
@@ -16,6 +16,21 @@
         ]
       }
     },
+    {
+      "date": "Thu, 17 Jul 2025 17:49:25 GMT",
+      "tag": "@fluentui-copilot/react-response-count_v0.2.17",
+      "version": "0.2.17",
+      "comments": {
+        "patch": [
+          {
+            "author": "hochelmartin@gmail.com",
+            "package": "@fluentui-copilot/react-response-count",
+            "commit": "fef5160c07333e8d9996952a305b34e357604919",
+            "comment": "feat: enable griffel raw styles"
+          }
+        ]
+      }
+    },
     {
       "date": "Tue, 01 Jul 2025 14:45:29 GMT",
       "tag": "@fluentui-copilot/react-response-count_v0.2.16",

package/CHANGELOG.md

@@ -1,18 +1,27 @@
 # Change Log - @fluentui-copilot/react-response-count
 
-This log was last generated on Thu, 17 Jul 2025 04:13:02 GMT and should not be manually modified.
+This log was last generated on Wed, 23 Jul 2025 04:11:47 GMT and should not be manually modified.
 
 <!-- Start content -->
 
-## [0.0.0-nightly-20250717-0405-eecbae35.1](https://github.com/microsoft/fluentai/tree/@fluentui-copilot/react-response-count_v0.0.0-nightly-20250717-0405-eecbae35.1)
+## [0.0.0-nightly-20250723-0404-b6756f49.1](https://github.com/microsoft/fluentai/tree/@fluentui-copilot/react-response-count_v0.0.0-nightly-20250723-0404-b6756f49.1)
 
-Thu, 17 Jul 2025 04:13:02 GMT 
-[Compare changes](https://github.com/microsoft/fluentai/compare/@fluentui-copilot/react-response-count_v0.2.16..@fluentui-copilot/react-response-count_v0.0.0-nightly-20250717-0405-eecbae35.1)
+Wed, 23 Jul 2025 04:11:47 GMT 
+[Compare changes](https://github.com/microsoft/fluentai/compare/@fluentui-copilot/react-response-count_v0.2.17..@fluentui-copilot/react-response-count_v0.0.0-nightly-20250723-0404-b6756f49.1)
 
 ### Changes
 
 - Release nightly ([commit](https://github.com/microsoft/fluentai/commit/not available) by fluentui-internal@service.microsoft.com)
 
+## [0.2.17](https://github.com/microsoft/fluentai/tree/@fluentui-copilot/react-response-count_v0.2.17)
+
+Thu, 17 Jul 2025 17:49:25 GMT 
+[Compare changes](https://github.com/microsoft/fluentai/compare/@fluentui-copilot/react-response-count_v0.2.16..@fluentui-copilot/react-response-count_v0.2.17)
+
+### Patches
+
+- feat: enable griffel raw styles ([PR #3227](https://github.com/microsoft/fluentai/pull/3227) by hochelmartin@gmail.com)
+
 ## [0.2.16](https://github.com/microsoft/fluentai/tree/@fluentui-copilot/react-response-count_v0.2.16)
 
 Tue, 01 Jul 2025 14:45:29 GMT 

package/lib/components/ResponseCount/useResponseCountStyles.styles.raw.js

@@ -0,0 +1,44 @@
+import { makeStyles, mergeClasses } from '@fluentui/react-components';
+import { tokens, typographyStyles } from '@fluentui-copilot/tokens';
+export const responseCountClassNames = {
+    root: 'fai-ResponseCount',
+    indicator: 'fai-ResponseCount__indicator'
+};
+/**
+ * Styles for the root slot
+ */ const useStyles = makeStyles({
+    root: {
+        display: 'inline-flex',
+        flexDirection: 'row',
+        alignItems: 'center',
+        gap: tokens.spacingHorizontalXS,
+        ...typographyStyles.caption2,
+        color: tokens.colorNeutralForeground4
+    },
+    indicator: {
+        display: 'inline-block',
+        width: '8px',
+        height: '8px',
+        borderRadius: '50%'
+    },
+    success: {
+        backgroundColor: tokens.colorStatusSuccessForeground3
+    },
+    warning: {
+        backgroundColor: tokens.colorStatusWarningForeground2
+    },
+    danger: {
+        backgroundColor: tokens.colorStatusDangerForeground3
+    }
+});
+/**
+ * Apply styling to the ResponseCount slots based on the state
+ */ export const useResponseCountStyles_unstable = (state)=>{
+    'use no memo';
+    const styles = useStyles();
+    state.root.className = mergeClasses(responseCountClassNames.root, styles.root, state.root.className);
+    if (state.indicator) {
+        state.indicator.className = mergeClasses(responseCountClassNames.indicator, styles.indicator, styles[state.status], state.indicator.className);
+    }
+    return state;
+};

package/lib/components/ResponseCount/useResponseCountStyles.styles.raw.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["useResponseCountStyles.styles.ts"],"sourcesContent":["import { makeStyles, mergeClasses } from '@fluentui/react-components';\nimport { tokens, typographyStyles } from '@fluentui-copilot/tokens';\nimport type { ResponseCountSlots, ResponseCountState } from './ResponseCount.types';\nimport type { SlotClassNames } from '@fluentui/react-components';\n\nexport const responseCountClassNames: SlotClassNames<ResponseCountSlots> = {\n  root: 'fai-ResponseCount',\n  indicator: 'fai-ResponseCount__indicator',\n};\n\n/**\n * Styles for the root slot\n */\nconst useStyles = makeStyles({\n  root: {\n    display: 'inline-flex',\n    flexDirection: 'row',\n    alignItems: 'center',\n    gap: tokens.spacingHorizontalXS,\n    ...typographyStyles.caption2,\n    color: tokens.colorNeutralForeground4,\n  },\n  indicator: {\n    display: 'inline-block',\n    width: '8px',\n    height: '8px',\n    borderRadius: '50%',\n  },\n  success: {\n    backgroundColor: tokens.colorStatusSuccessForeground3,\n  },\n  warning: {\n    backgroundColor: tokens.colorStatusWarningForeground2,\n  },\n  danger: {\n    backgroundColor: tokens.colorStatusDangerForeground3,\n  },\n});\n\n/**\n * Apply styling to the ResponseCount slots based on the state\n */\nexport const useResponseCountStyles_unstable = (state: ResponseCountState): ResponseCountState => {\n  'use no memo';\n\n  const styles = useStyles();\n  state.root.className = mergeClasses(responseCountClassNames.root, styles.root, state.root.className);\n\n  if (state.indicator) {\n    state.indicator.className = mergeClasses(\n      responseCountClassNames.indicator,\n      styles.indicator,\n      styles[state.status],\n      state.indicator.className,\n    );\n  }\n\n  return state;\n};\n"],"names":["makeStyles","mergeClasses","tokens","typographyStyles","responseCountClassNames","root","indicator","useStyles","display","flexDirection","alignItems","gap","spacingHorizontalXS","caption2","color","colorNeutralForeground4","width","height","borderRadius","success","backgroundColor","colorStatusSuccessForeground3","warning","colorStatusWarningForeground2","danger","colorStatusDangerForeground3","useResponseCountStyles_unstable","state","styles","className","status"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,SAASA,UAAU,EAAEC,YAAY,QAAQ,6BAA6B;AACtE,SAASC,MAAM,EAAEC,gBAAgB,QAAQ,2BAA2B;AAIpE,OAAO,MAAMC,0BAA8D;IACzEC,MAAM;IACNC,WAAW;AACb,EAAE;AAEF;;CAEC,GACD,MAAMC,YAAYP,WAAW;IAC3BK,MAAM;QACJG,SAAS;QACTC,eAAe;QACfC,YAAY;QACZC,KAAKT,OAAOU,mBAAmB;QAC/B,GAAGT,iBAAiBU,QAAQ;QAC5BC,OAAOZ,OAAOa,uBAAuB;IACvC;IACAT,WAAW;QACTE,SAAS;QACTQ,OAAO;QACPC,QAAQ;QACRC,cAAc;IAChB;IACAC,SAAS;QACPC,iBAAiBlB,OAAOmB,6BAA6B;IACvD;IACAC,SAAS;QACPF,iBAAiBlB,OAAOqB,6BAA6B;IACvD;IACAC,QAAQ;QACNJ,iBAAiBlB,OAAOuB,4BAA4B;IACtD;AACF;AAEA;;CAEC,GACD,OAAO,MAAMC,kCAAkC,CAACC;IAC9C;IAEA,MAAMC,SAASrB;IACfoB,MAAMtB,IAAI,CAACwB,SAAS,GAAG5B,aAAaG,wBAAwBC,IAAI,EAAEuB,OAAOvB,IAAI,EAAEsB,MAAMtB,IAAI,CAACwB,SAAS;IAEnG,IAAIF,MAAMrB,SAAS,EAAE;QACnBqB,MAAMrB,SAAS,CAACuB,SAAS,GAAG5B,aAC1BG,wBAAwBE,SAAS,EACjCsB,OAAOtB,SAAS,EAChBsB,MAAM,CAACD,MAAMG,MAAM,CAAC,EACpBH,MAAMrB,SAAS,CAACuB,SAAS;IAE7B;IAEA,OAAOF;AACT,EAAE"}

package/lib-commonjs/components/ResponseCount/useResponseCountStyles.styles.raw.js

@@ -0,0 +1,60 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    responseCountClassNames: function() {
+        return responseCountClassNames;
+    },
+    useResponseCountStyles_unstable: function() {
+        return useResponseCountStyles_unstable;
+    }
+});
+const _reactcomponents = require("@fluentui/react-components");
+const _tokens = require("@fluentui-copilot/tokens");
+const responseCountClassNames = {
+    root: 'fai-ResponseCount',
+    indicator: 'fai-ResponseCount__indicator'
+};
+/**
+ * Styles for the root slot
+ */ const useStyles = (0, _reactcomponents.makeStyles)({
+    root: {
+        display: 'inline-flex',
+        flexDirection: 'row',
+        alignItems: 'center',
+        gap: _tokens.tokens.spacingHorizontalXS,
+        ..._tokens.typographyStyles.caption2,
+        color: _tokens.tokens.colorNeutralForeground4
+    },
+    indicator: {
+        display: 'inline-block',
+        width: '8px',
+        height: '8px',
+        borderRadius: '50%'
+    },
+    success: {
+        backgroundColor: _tokens.tokens.colorStatusSuccessForeground3
+    },
+    warning: {
+        backgroundColor: _tokens.tokens.colorStatusWarningForeground2
+    },
+    danger: {
+        backgroundColor: _tokens.tokens.colorStatusDangerForeground3
+    }
+});
+const useResponseCountStyles_unstable = (state)=>{
+    'use no memo';
+    const styles = useStyles();
+    state.root.className = (0, _reactcomponents.mergeClasses)(responseCountClassNames.root, styles.root, state.root.className);
+    if (state.indicator) {
+        state.indicator.className = (0, _reactcomponents.mergeClasses)(responseCountClassNames.indicator, styles.indicator, styles[state.status], state.indicator.className);
+    }
+    return state;
+};

package/lib-commonjs/components/ResponseCount/useResponseCountStyles.styles.raw.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["useResponseCountStyles.styles.ts"],"sourcesContent":["import { makeStyles, mergeClasses } from '@fluentui/react-components';\nimport { tokens, typographyStyles } from '@fluentui-copilot/tokens';\nimport type { ResponseCountSlots, ResponseCountState } from './ResponseCount.types';\nimport type { SlotClassNames } from '@fluentui/react-components';\n\nexport const responseCountClassNames: SlotClassNames<ResponseCountSlots> = {\n  root: 'fai-ResponseCount',\n  indicator: 'fai-ResponseCount__indicator',\n};\n\n/**\n * Styles for the root slot\n */\nconst useStyles = makeStyles({\n  root: {\n    display: 'inline-flex',\n    flexDirection: 'row',\n    alignItems: 'center',\n    gap: tokens.spacingHorizontalXS,\n    ...typographyStyles.caption2,\n    color: tokens.colorNeutralForeground4,\n  },\n  indicator: {\n    display: 'inline-block',\n    width: '8px',\n    height: '8px',\n    borderRadius: '50%',\n  },\n  success: {\n    backgroundColor: tokens.colorStatusSuccessForeground3,\n  },\n  warning: {\n    backgroundColor: tokens.colorStatusWarningForeground2,\n  },\n  danger: {\n    backgroundColor: tokens.colorStatusDangerForeground3,\n  },\n});\n\n/**\n * Apply styling to the ResponseCount slots based on the state\n */\nexport const useResponseCountStyles_unstable = (state: ResponseCountState): ResponseCountState => {\n  'use no memo';\n\n  const styles = useStyles();\n  state.root.className = mergeClasses(responseCountClassNames.root, styles.root, state.root.className);\n\n  if (state.indicator) {\n    state.indicator.className = mergeClasses(\n      responseCountClassNames.indicator,\n      styles.indicator,\n      styles[state.status],\n      state.indicator.className,\n    );\n  }\n\n  return state;\n};\n"],"names":["responseCountClassNames","useResponseCountStyles_unstable","root","indicator","useStyles","makeStyles","display","flexDirection","alignItems","gap","tokens","spacingHorizontalXS","typographyStyles","caption2","color","colorNeutralForeground4","width","height","borderRadius","success","backgroundColor","colorStatusSuccessForeground3","warning","colorStatusWarningForeground2","danger","colorStatusDangerForeground3","state","styles","className","mergeClasses","status"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAKaA,uBAAAA;eAAAA;;IAqCAC,+BAAAA;eAAAA;;;iCA1C4B;wBACA;AAIlC,MAAMD,0BAA8D;IACzEE,MAAM;IACNC,WAAW;AACb;AAEA;;CAEC,GACD,MAAMC,YAAYC,IAAAA,2BAAAA,EAAW;IAC3BH,MAAM;QACJI,SAAS;QACTC,eAAe;QACfC,YAAY;QACZC,KAAKC,cAAAA,CAAOC,mBAAmB;QAC/B,GAAGC,wBAAAA,CAAiBC,QAAQ;QAC5BC,OAAOJ,cAAAA,CAAOK,uBAAuB;IACvC;IACAZ,WAAW;QACTG,SAAS;QACTU,OAAO;QACPC,QAAQ;QACRC,cAAc;IAChB;IACAC,SAAS;QACPC,iBAAiBV,cAAAA,CAAOW,6BAA6B;IACvD;IACAC,SAAS;QACPF,iBAAiBV,cAAAA,CAAOa,6BAA6B;IACvD;IACAC,QAAQ;QACNJ,iBAAiBV,cAAAA,CAAOe,4BAA4B;IACtD;AACF;AAKO,MAAMxB,kCAAkC,CAACyB;IAC9C;IAEA,MAAMC,SAASvB;IACfsB,MAAMxB,IAAI,CAAC0B,SAAS,GAAGC,IAAAA,6BAAAA,EAAa7B,wBAAwBE,IAAI,EAAEyB,OAAOzB,IAAI,EAAEwB,MAAMxB,IAAI,CAAC0B,SAAS;IAEnG,IAAIF,MAAMvB,SAAS,EAAE;QACnBuB,MAAMvB,SAAS,CAACyB,SAAS,GAAGC,IAAAA,6BAAAA,EAC1B7B,wBAAwBG,SAAS,EACjCwB,OAAOxB,SAAS,EAChBwB,MAAM,CAACD,MAAMI,MAAM,CAAC,EACpBJ,MAAMvB,SAAS,CAACyB,SAAS;IAE7B;IAEA,OAAOF;AACT"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fluentui-copilot/react-response-count",
-  "version": "0.0.0-nightly-20250717-0405-eecbae35.1",
+  "version": "0.0.0-nightly-20250723-0404-b6756f49.1",
   "description": "Fluent AI control for displaying the number of responses and the remaining response count",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -12,7 +12,7 @@
   },
   "license": "MIT",
   "dependencies": {
-    "@fluentui-copilot/tokens": "0.0.0-nightly-20250717-0405-eecbae35.1",
+    "@fluentui-copilot/tokens": "0.0.0-nightly-20250723-0404-b6756f49.1",
     "@swc/helpers": "^0.5.1"
   },
   "peerDependencies": {