@fluentui-copilot/react-response-count 0.2.16 → 0.2.17

package/CHANGELOG.json

@@ -2,7 +2,22 @@
   "name": "@fluentui-copilot/react-response-count",
   "entries": [
     {
-      "date": "Tue, 01 Jul 2025 14:43:47 GMT",
+      "date": "Thu, 17 Jul 2025 17:47:34 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",
       "version": "0.2.16",
       "comments": {

package/CHANGELOG.md

@@ -1,12 +1,21 @@
 # Change Log - @fluentui-copilot/react-response-count
 
-This log was last generated on Tue, 01 Jul 2025 14:43:47 GMT and should not be manually modified.
+This log was last generated on Thu, 17 Jul 2025 17:47:34 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [0.2.17](https://github.com/microsoft/fluentai/tree/@fluentui-copilot/react-response-count_v0.2.17)
+
+Thu, 17 Jul 2025 17:47:34 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:43:47 GMT 
+Tue, 01 Jul 2025 14:45:29 GMT 
 [Compare changes](https://github.com/microsoft/fluentai/compare/@fluentui-copilot/react-response-count_v0.2.15..@fluentui-copilot/react-response-count_v0.2.16)
 
 ### Patches

package/lib/ResponseCount.js

@@ -1,2 +1 @@
 export { ResponseCount, renderResponseCount_unstable, responseCountClassNames, useResponseCountStyles_unstable, useResponseCount_unstable } from './components/ResponseCount/index';
-//# sourceMappingURL=ResponseCount.js.map

package/lib/components/ResponseCount/ResponseCount.js

@@ -3,10 +3,9 @@ import { useResponseCount_unstable } from './useResponseCount';
 import { renderResponseCount_unstable } from './renderResponseCount';
 import { useResponseCountStyles_unstable } from './useResponseCountStyles.styles';
 // ResponseCount component - TODO: add more docs
-export const ResponseCount = /*#__PURE__*/React.forwardRef((props, ref) => {
-  const state = useResponseCount_unstable(props, ref);
-  useResponseCountStyles_unstable(state);
-  return renderResponseCount_unstable(state);
+export const ResponseCount = /*#__PURE__*/ React.forwardRef((props, ref)=>{
+    const state = useResponseCount_unstable(props, ref);
+    useResponseCountStyles_unstable(state);
+    return renderResponseCount_unstable(state);
 });
 ResponseCount.displayName = 'ResponseCount';
-//# sourceMappingURL=ResponseCount.js.map

package/lib/components/ResponseCount/ResponseCount.types.js

@@ -1,4 +1,3 @@
 /**
  * State used in rendering ResponseCount
- */export {};
-//# sourceMappingURL=ResponseCount.types.js.map
+ */ export { };

package/lib/components/ResponseCount/index.js

@@ -2,4 +2,3 @@ export { ResponseCount } from './ResponseCount';
 export { renderResponseCount_unstable } from './renderResponseCount';
 export { useResponseCount_unstable } from './useResponseCount';
 export { responseCountClassNames, useResponseCountStyles_unstable } from './useResponseCountStyles.styles';
-//# sourceMappingURL=index.js.map

package/lib/components/ResponseCount/renderResponseCount.js

@@ -1,12 +1,13 @@
-import { jsx as _jsx, jsxs as _jsxs } from "@fluentui/react-jsx-runtime/jsx-runtime";
+  import { jsx as _jsx, jsxs as _jsxs } from "@fluentui/react-jsx-runtime/jsx-runtime";
 import { assertSlots } from '@fluentui/react-components';
 /**
  * Render the final JSX of ResponseCount
- */
-export const renderResponseCount_unstable = state => {
-  assertSlots(state);
-  return /*#__PURE__*/_jsxs(state.root, {
-    children: [state.indicator && /*#__PURE__*/_jsx(state.indicator, {}), state.root.children]
-  });
+ */ export const renderResponseCount_unstable = (state)=>{
+    assertSlots(state);
+    return /*#__PURE__*/ _jsxs(state.root, {
+        children: [
+            state.indicator && /*#__PURE__*/ _jsx(state.indicator, {}),
+            state.root.children
+        ]
+    });
 };
-//# sourceMappingURL=renderResponseCount.js.map

package/lib/components/ResponseCount/useResponseCount.js

@@ -8,27 +8,23 @@ import { getIntrinsicElementProps, slot } from '@fluentui/react-components';
  *
  * @param props - props from this instance of ResponseCount
  * @param ref - reference to root HTMLElement of ResponseCount
- */
-export const useResponseCount_unstable = (props, ref) => {
-  const {
-    status
-  } = props;
-  return {
-    status,
-    components: {
-      root: 'span',
-      indicator: 'span'
-    },
-    root: slot.always(getIntrinsicElementProps('span', {
-      ref,
-      ...props
-    }), {
-      elementType: 'span'
-    }),
-    indicator: slot.optional(props.indicator, {
-      elementType: 'span',
-      renderByDefault: true
-    })
-  };
+ */ export const useResponseCount_unstable = (props, ref)=>{
+    const { status } = props;
+    return {
+        status,
+        components: {
+            root: 'span',
+            indicator: 'span'
+        },
+        root: slot.always(getIntrinsicElementProps('span', {
+            ref,
+            ...props
+        }), {
+            elementType: 'span'
+        }),
+        indicator: slot.optional(props.indicator, {
+            elementType: 'span',
+            renderByDefault: true
+        })
+    };
 };
-//# sourceMappingURL=useResponseCount.js.map

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/index.js

@@ -1,2 +1 @@
 export { ResponseCount, renderResponseCount_unstable, responseCountClassNames, useResponseCountStyles_unstable, useResponseCount_unstable } from './ResponseCount';
-//# sourceMappingURL=index.js.map

package/lib-commonjs/ResponseCount.js

@@ -26,4 +26,3 @@ _export(exports, {
     }
 });
 const _index = require("./components/ResponseCount/index");
- //# sourceMappingURL=ResponseCount.js.map

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

@@ -18,4 +18,4 @@ const ResponseCount = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
     (0, _useResponseCountStylesstyles.useResponseCountStyles_unstable)(state);
     return (0, _renderResponseCount.renderResponseCount_unstable)(state);
 });
-ResponseCount.displayName = 'ResponseCount'; //# sourceMappingURL=ResponseCount.js.map
+ResponseCount.displayName = 'ResponseCount';

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

@@ -1 +1 @@
-{"version":3,"sources":["ResponseCount.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useResponseCount_unstable } from './useResponseCount';\nimport { renderResponseCount_unstable } from './renderResponseCount';\nimport { useResponseCountStyles_unstable } from './useResponseCountStyles.styles';\nimport type { ResponseCountProps } from './ResponseCount.types';\nimport type { ForwardRefComponent } from '@fluentui/react-components';\n\n// ResponseCount component - TODO: add more docs\nexport const ResponseCount: ForwardRefComponent<ResponseCountProps> = React.forwardRef((props, ref) => {\n  const state = useResponseCount_unstable(props, ref);\n\n  useResponseCountStyles_unstable(state);\n  return renderResponseCount_unstable(state);\n});\n\nResponseCount.displayName = 'ResponseCount';\n"],"names":["ResponseCount","React","forwardRef","props","state","useResponseCount_unstable","useResponseCountStyles_unstable","renderResponseCount_unstable","displayName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAQaA;;;eAAAA;;;;iEARU;kCACmB;qCACG;8CACG;AAKzC,MAAMA,gBAAAA,WAAAA,GAAAA,OAAyDC,UAAMC,CAAU,CAACC,OAACA;UACtFC,QAAMA,IAAAA,2CAAQC,EAAAA,OAA0BF;qEAExCG,EAAAA;WACAC,IAAAA,iDAAOA,EAAAA;AACT;AAEAP,cAAcQ,WAAW,GAAG"}
+{"version":3,"sources":["ResponseCount.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useResponseCount_unstable } from './useResponseCount';\nimport { renderResponseCount_unstable } from './renderResponseCount';\nimport { useResponseCountStyles_unstable } from './useResponseCountStyles.styles';\nimport type { ResponseCountProps } from './ResponseCount.types';\nimport type { ForwardRefComponent } from '@fluentui/react-components';\n\n// ResponseCount component - TODO: add more docs\nexport const ResponseCount: ForwardRefComponent<ResponseCountProps> = React.forwardRef((props, ref) => {\n  const state = useResponseCount_unstable(props, ref);\n\n  useResponseCountStyles_unstable(state);\n  return renderResponseCount_unstable(state);\n});\n\nResponseCount.displayName = 'ResponseCount';\n"],"names":["ResponseCount","React","forwardRef","props","ref","state","useResponseCount_unstable","useResponseCountStyles_unstable","renderResponseCount_unstable","displayName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAQaA;;;eAAAA;;;;iEARU;kCACmB;qCACG;8CACG;AAKzC,MAAMA,gBAAAA,WAAAA,GAAyDC,OAAMC,UAAU,CAAC,CAACC,OAAOC;IAC7F,MAAMC,QAAQC,IAAAA,2CAAAA,EAA0BH,OAAOC;IAE/CG,IAAAA,6DAAAA,EAAgCF;IAChC,OAAOG,IAAAA,iDAAAA,EAA6BH;AACtC;AAEAL,cAAcS,WAAW,GAAG"}

package/lib-commonjs/components/ResponseCount/ResponseCount.types.js

@@ -4,4 +4,3 @@
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
- //# sourceMappingURL=ResponseCount.types.js.map

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

@@ -29,4 +29,3 @@ const _ResponseCount = require("./ResponseCount");
 const _renderResponseCount = require("./renderResponseCount");
 const _useResponseCount = require("./useResponseCount");
 const _useResponseCountStylesstyles = require("./useResponseCountStyles.styles");
- //# sourceMappingURL=index.js.map

package/lib-commonjs/components/ResponseCount/renderResponseCount.js

@@ -18,4 +18,4 @@ const renderResponseCount_unstable = (state)=>{
             state.root.children
         ]
     });
-}; //# sourceMappingURL=renderResponseCount.js.map
+};

package/lib-commonjs/components/ResponseCount/renderResponseCount.js.map

@@ -1 +1 @@
-{"version":3,"sources":["renderResponseCount.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\n\nimport { assertSlots } from '@fluentui/react-components';\nimport type { ResponseCountState, ResponseCountSlots } from './ResponseCount.types';\n\n/**\n * Render the final JSX of ResponseCount\n */\nexport const renderResponseCount_unstable = (state: ResponseCountState) => {\n  assertSlots<ResponseCountSlots>(state);\n\n  return (\n    <state.root>\n      {state.indicator && <state.indicator />}\n      {state.root.children}\n    </state.root>\n  );\n};\n"],"names":["assertSlots","state","indicator","_jsx","root","children"],"rangeMappings":";;;;;;;;;;;;;;;;;;","mappings":";;;;+BAUEA;;;eAAAA;;;4BATF;iCAE4B;AAO1BA,MAAAA,+BAAgCC,CAAAA;oCAEhC,EAAAA;;kBAEKA;YAAAA,MAAMC,SAAS,IAAA,WAAI,GAAAC,IAAAA,eAACF,EAAAA,MAAMC,SAAS,EAAA,CAAA;YAAAD,MAAAG,IAAA,CAAAC,QAAA;SAAA"}
+{"version":3,"sources":["renderResponseCount.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\n\nimport { assertSlots } from '@fluentui/react-components';\nimport type { ResponseCountState, ResponseCountSlots } from './ResponseCount.types';\n\n/**\n * Render the final JSX of ResponseCount\n */\nexport const renderResponseCount_unstable = (state: ResponseCountState) => {\n  assertSlots<ResponseCountSlots>(state);\n\n  return (\n    <state.root>\n      {state.indicator && <state.indicator />}\n      {state.root.children}\n    </state.root>\n  );\n};\n"],"names":["renderResponseCount_unstable","state","assertSlots","_jsxs","root","indicator","_jsx","children"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BASaA;;;eAAAA;;;4BARb;iCAE4B;AAMrB,MAAMA,+BAA+B,CAACC;IAC3CC,IAAAA,4BAAAA,EAAgCD;IAEhC,OAAA,WAAA,GACEE,IAAAA,gBAAA,EAACF,MAAMG,IAAI,EAAA;;YACRH,MAAMI,SAAS,IAAA,WAAA,GAAIC,IAAAA,eAAA,EAACL,MAAMI,SAAS,EAAA,CAAA;YACnCJ,MAAMG,IAAI,CAACG,QAAQ;;;AAG1B"}

package/lib-commonjs/components/ResponseCount/useResponseCount.js

@@ -28,4 +28,4 @@ const useResponseCount_unstable = (props, ref)=>{
             renderByDefault: true
         })
     };
-}; //# sourceMappingURL=useResponseCount.js.map
+};

package/lib-commonjs/components/ResponseCount/useResponseCount.js.map

@@ -1 +1 @@
-{"version":3,"sources":["useResponseCount.ts"],"sourcesContent":["import type * as React from 'react';\nimport { getIntrinsicElementProps, slot } from '@fluentui/react-components';\nimport type { ResponseCountProps, ResponseCountState } from './ResponseCount.types';\n\n// If you add JSX to this file, be sure to change the file type to .tsx\n\n/**\n * Create the state required to render ResponseCount.\n *\n * The returned state can be modified with hooks such as useResponseCountStyles_unstable,\n * before being passed to renderResponseCount_unstable.\n *\n * @param props - props from this instance of ResponseCount\n * @param ref - reference to root HTMLElement of ResponseCount\n */\nexport const useResponseCount_unstable = (\n  props: ResponseCountProps,\n  ref: React.Ref<HTMLElement>,\n): ResponseCountState => {\n  const { status } = props;\n  return {\n    status,\n\n    components: {\n      root: 'span',\n      indicator: 'span',\n    },\n\n    root: slot.always(\n      getIntrinsicElementProps('span', {\n        ref,\n        ...props,\n      }),\n      { elementType: 'span' },\n    ),\n    indicator: slot.optional(props.indicator, { elementType: 'span', renderByDefault: true }),\n  };\n};\n"],"names":["status","props","root","ref","slot","always","getIntrinsicElementProps","indicator","elementType","optional","renderByDefault"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAmBUA;;;eAAAA;;;iCAlBqC;AAkB7C,MAAQA,4BAAWC,CAAAA,OAAAA;UACnB,QACED;;;oBAKA;kBAEAE;uBAEIC;;cAEFC,qBACA,CAAAC,MAAA,CAAAC,IAAAA,yCAAA,EAAA,QAAA;;eAAsBL,KAAA;YAExBM;yBAA4CC;;mBAA2CJ,qBAAA,CAAAK,QAAA,CAAAR,MAAAM,SAAA,EAAA;YACzFC,aAAA;YACAE,iBAAA"}
+{"version":3,"sources":["useResponseCount.ts"],"sourcesContent":["import type * as React from 'react';\nimport { getIntrinsicElementProps, slot } from '@fluentui/react-components';\nimport type { ResponseCountProps, ResponseCountState } from './ResponseCount.types';\n\n// If you add JSX to this file, be sure to change the file type to .tsx\n\n/**\n * Create the state required to render ResponseCount.\n *\n * The returned state can be modified with hooks such as useResponseCountStyles_unstable,\n * before being passed to renderResponseCount_unstable.\n *\n * @param props - props from this instance of ResponseCount\n * @param ref - reference to root HTMLElement of ResponseCount\n */\nexport const useResponseCount_unstable = (\n  props: ResponseCountProps,\n  ref: React.Ref<HTMLElement>,\n): ResponseCountState => {\n  const { status } = props;\n  return {\n    status,\n\n    components: {\n      root: 'span',\n      indicator: 'span',\n    },\n\n    root: slot.always(\n      getIntrinsicElementProps('span', {\n        ref,\n        ...props,\n      }),\n      { elementType: 'span' },\n    ),\n    indicator: slot.optional(props.indicator, { elementType: 'span', renderByDefault: true }),\n  };\n};\n"],"names":["useResponseCount_unstable","props","ref","status","components","root","indicator","slot","always","getIntrinsicElementProps","elementType","optional","renderByDefault"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAeaA;;;eAAAA;;;iCAdkC;AAcxC,MAAMA,4BAA4B,CACvCC,OACAC;IAEA,MAAM,EAAEC,MAAM,EAAE,GAAGF;IACnB,OAAO;QACLE;QAEAC,YAAY;YACVC,MAAM;YACNC,WAAW;QACb;QAEAD,MAAME,qBAAAA,CAAKC,MAAM,CACfC,IAAAA,yCAAAA,EAAyB,QAAQ;YAC/BP;YACA,GAAGD,KAAK;QACV,IACA;YAAES,aAAa;QAAO;QAExBJ,WAAWC,qBAAAA,CAAKI,QAAQ,CAACV,MAAMK,SAAS,EAAE;YAAEI,aAAa;YAAQE,iBAAiB;QAAK;IACzF;AACF"}

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/lib-commonjs/index.js

@@ -26,4 +26,3 @@ _export(exports, {
     }
 });
 const _ResponseCount = require("./ResponseCount");
- //# sourceMappingURL=index.js.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fluentui-copilot/react-response-count",
-  "version": "0.2.16",
+  "version": "0.2.17",
   "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.3.11",
+    "@fluentui-copilot/tokens": "^0.3.12",
     "@swc/helpers": "^0.5.1"
   },
   "peerDependencies": {