@fluentui-copilot/react-response-count 0.0.0-nightly-20240523-0404-0f9673a1.1 → 0.0.0-nightly-20240527-0406-162a35f3.1

package/CHANGELOG.json

@@ -2,9 +2,9 @@
   "name": "@fluentui-copilot/react-response-count",
   "entries": [
     {
-      "date": "Thu, 23 May 2024 04:10:37 GMT",
-      "tag": "@fluentui-copilot/react-response-count_v0.0.0-nightly-20240523-0404-0f9673a1.1",
-      "version": "0.0.0-nightly-20240523-0404-0f9673a1.1",
+      "date": "Mon, 27 May 2024 04:12:08 GMT",
+      "tag": "@fluentui-copilot/react-response-count_v0.0.0-nightly-20240527-0406-162a35f3.1",
+      "version": "0.0.0-nightly-20240527-0406-162a35f3.1",
       "comments": {
         "prerelease": [
           {

package/CHANGELOG.md

@@ -1,13 +1,13 @@
 # Change Log - @fluentui-copilot/react-response-count
 
-This log was last generated on Thu, 23 May 2024 04:10:37 GMT and should not be manually modified.
+This log was last generated on Mon, 27 May 2024 04:12:08 GMT and should not be manually modified.
 
 <!-- Start content -->
 
-## [0.0.0-nightly-20240523-0404-0f9673a1.1](https://github.com/microsoft/fluentai/tree/@fluentui-copilot/react-response-count_v0.0.0-nightly-20240523-0404-0f9673a1.1)
+## [0.0.0-nightly-20240527-0406-162a35f3.1](https://github.com/microsoft/fluentai/tree/@fluentui-copilot/react-response-count_v0.0.0-nightly-20240527-0406-162a35f3.1)
 
-Thu, 23 May 2024 04:10:37 GMT 
-[Compare changes](https://github.com/microsoft/fluentai/compare/@fluentui-copilot/react-response-count_v0.2.2..@fluentui-copilot/react-response-count_v0.0.0-nightly-20240523-0404-0f9673a1.1)
+Mon, 27 May 2024 04:12:08 GMT 
+[Compare changes](https://github.com/microsoft/fluentai/compare/@fluentui-copilot/react-response-count_v0.2.2..@fluentui-copilot/react-response-count_v0.0.0-nightly-20240527-0406-162a35f3.1)
 
 ### Changes
 

package/lib/components/ResponseCount/ResponseCount.js

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { useResponseCount_unstable } from './useResponseCount';
 import { renderResponseCount_unstable } from './renderResponseCount';
-import { useResponseCountStyles_unstable } from './useResponseCountStyles';
+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);

package/lib/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';\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":["React","useResponseCount_unstable","renderResponseCount_unstable","useResponseCountStyles_unstable","ResponseCount","forwardRef","props","ref","state","displayName"],"rangeMappings":";;;;;;;;;;","mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,yBAAyB,QAAQ,qBAAqB;AAC/D,SAASC,4BAA4B,QAAQ,wBAAwB;AACrE,SAASC,+BAA+B,QAAQ,2BAA2B;AAI3E,gDAAgD;AAChD,OAAO,MAAMC,8BAAyDJ,MAAMK,UAAU,CAAC,CAACC,OAAOC;IAC7F,MAAMC,QAAQP,0BAA0BK,OAAOC;IAE/CJ,gCAAgCK;IAChC,OAAON,6BAA6BM;AACtC,GAAG;AAEHJ,cAAcK,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":["React","useResponseCount_unstable","renderResponseCount_unstable","useResponseCountStyles_unstable","ResponseCount","forwardRef","props","ref","state","displayName"],"rangeMappings":";;;;;;;;;;","mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,yBAAyB,QAAQ,qBAAqB;AAC/D,SAASC,4BAA4B,QAAQ,wBAAwB;AACrE,SAASC,+BAA+B,QAAQ,kCAAkC;AAIlF,gDAAgD;AAChD,OAAO,MAAMC,8BAAyDJ,MAAMK,UAAU,CAAC,CAACC,OAAOC;IAC7F,MAAMC,QAAQP,0BAA0BK,OAAOC;IAE/CJ,gCAAgCK;IAChC,OAAON,6BAA6BM;AACtC,GAAG;AAEHJ,cAAcK,WAAW,GAAG"}

package/lib/components/ResponseCount/index.js

@@ -2,5 +2,5 @@ export * from './ResponseCount';
 export * from './ResponseCount.types';
 export * from './renderResponseCount';
 export * from './useResponseCount';
-export * from './useResponseCountStyles';
+export * from './useResponseCountStyles.styles';
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["index.ts"],"sourcesContent":["export * from './ResponseCount';\nexport * from './ResponseCount.types';\nexport * from './renderResponseCount';\nexport * from './useResponseCount';\nexport * from './useResponseCountStyles';\n"],"names":[],"rangeMappings":";;;;","mappings":"AAAA,cAAc,kBAAkB;AAChC,cAAc,wBAAwB;AACtC,cAAc,wBAAwB;AACtC,cAAc,qBAAqB;AACnC,cAAc,2BAA2B"}
+{"version":3,"sources":["index.ts"],"sourcesContent":["export * from './ResponseCount';\nexport * from './ResponseCount.types';\nexport * from './renderResponseCount';\nexport * from './useResponseCount';\nexport * from './useResponseCountStyles.styles';\n"],"names":[],"rangeMappings":";;;;","mappings":"AAAA,cAAc,kBAAkB;AAChC,cAAc,wBAAwB;AACtC,cAAc,wBAAwB;AACtC,cAAc,qBAAqB;AACnC,cAAc,kCAAkC"}

package/lib/components/ResponseCount/{useResponseCountStyles.js → useResponseCountStyles.styles.js}

@@ -51,4 +51,4 @@ export const useResponseCountStyles_unstable = state => {
   }
   return state;
 };
-//# sourceMappingURL=useResponseCountStyles.js.map
+//# sourceMappingURL=useResponseCountStyles.styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["useResponseCountStyles.styles.ts"],"sourcesContent":["import { makeStyles, mergeClasses, shorthands, tokens, typographyStyles } from '@fluentui/react-components';\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    ...shorthands.gap(tokens.spacingHorizontalXS),\n    ...typographyStyles.caption2,\n    color: tokens.colorNeutralForeground4,\n  },\n  indicator: {\n    display: 'inline-block',\n    width: '8px',\n    height: '8px',\n    ...shorthands.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  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","shorthands","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,EAAEC,UAAU,EAAEC,MAAM,EAAEC,gBAAgB,QAAQ,6BAA6B;AAI5G,OAAO,MAAMC,0BAA8D;IACzEC,MAAM;IACNC,WAAW;AACb,EAAE;AAEF;;CAEC,GACD,MAAMC,YAAYR,WAAW;IAC3BM,MAAM;QACJG,SAAS;QACTC,eAAe;QACfC,YAAY;QACZ,GAAGT,WAAWU,GAAG,CAACT,OAAOU,mBAAmB,CAAC;QAC7C,GAAGT,iBAAiBU,QAAQ;QAC5BC,OAAOZ,OAAOa,uBAAuB;IACvC;IACAT,WAAW;QACTE,SAAS;QACTQ,OAAO;QACPC,QAAQ;QACR,GAAGhB,WAAWiB,YAAY,CAAC,MAAM;IACnC;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,MAAMC,SAASrB;IACfoB,MAAMtB,IAAI,CAACwB,SAAS,GAAG7B,aAAaI,wBAAwBC,IAAI,EAAEuB,OAAOvB,IAAI,EAAEsB,MAAMtB,IAAI,CAACwB,SAAS;IAEnG,IAAIF,MAAMrB,SAAS,EAAE;QACnBqB,MAAMrB,SAAS,CAACuB,SAAS,GAAG7B,aAC1BI,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/ResponseCount.js

@@ -12,10 +12,10 @@ const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildc
 const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
 const _useResponseCount = require("./useResponseCount");
 const _renderResponseCount = require("./renderResponseCount");
-const _useResponseCountStyles = require("./useResponseCountStyles");
+const _useResponseCountStylesstyles = require("./useResponseCountStyles.styles");
 const ResponseCount = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
     const state = (0, _useResponseCount.useResponseCount_unstable)(props, ref);
-    (0, _useResponseCountStyles.useResponseCountStyles_unstable)(state);
+    (0, _useResponseCountStylesstyles.useResponseCountStyles_unstable)(state);
     return (0, _renderResponseCount.renderResponseCount_unstable)(state);
 });
 ResponseCount.displayName = 'ResponseCount'; //# sourceMappingURL=ResponseCount.js.map

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';\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;wCACG;AAKzC,MAAMA,gBAAAA,WAAAA,GAAAA,OAAyDC,UAAMC,CAAU,CAACC,OAACA;UACtFC,QAAMA,IAAAA,2CAAQC,EAAAA,OAA0BF;+DAExCG,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","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"}

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

@@ -7,5 +7,5 @@ _export_star._(require("./ResponseCount"), exports);
 _export_star._(require("./ResponseCount.types"), exports);
 _export_star._(require("./renderResponseCount"), exports);
 _export_star._(require("./useResponseCount"), exports);
-_export_star._(require("./useResponseCountStyles"), exports);
+_export_star._(require("./useResponseCountStyles.styles"), exports);
  //# sourceMappingURL=index.js.map

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

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

package/lib-commonjs/components/ResponseCount/{useResponseCountStyles.js → useResponseCountStyles.styles.js}

@@ -97,4 +97,4 @@ const useResponseCountStyles_unstable = (state)=>{
         state.indicator.className = (0, _reactcomponents.mergeClasses)(responseCountClassNames.indicator, styles.indicator, styles[state.status], state.indicator.className);
     }
     return state;
-}; //# sourceMappingURL=useResponseCountStyles.js.map
+}; //# sourceMappingURL=useResponseCountStyles.styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["useResponseCountStyles.styles.ts"],"sourcesContent":["import { makeStyles, mergeClasses, shorthands, tokens, typographyStyles } from '@fluentui/react-components';\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    ...shorthands.gap(tokens.spacingHorizontalXS),\n    ...typographyStyles.caption2,\n    color: tokens.colorNeutralForeground4,\n  },\n  indicator: {\n    display: 'inline-block',\n    width: '8px',\n    height: '8px',\n    ...shorthands.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  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","root","indicator","__styles","display","flexDirection","alignItems","shorthands","typographyStyles","color","Bahqtrf","width","height","success","backgroundColor","Bqenvij","warning","tokens","colorStatusWarningForeground2","B7oj6ja","danger","De3pzq","state"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAIaA,uBAAAA;eAAAA;;;;;;iCAJ0D;AAIhE,MAAMA,0BAA8D;UACzEC;eACAC;AACF;AAEA;;CAEC,SAECD,YAAME,IAAAA,yBAAA,EAAA;UACJC;gBACAC;iBACAC;iBACGC;gBACAC;iBACHC;QACFC,SAAA;QACAR,SAAAA;iBACEE;iBACAO;gBACAC;;eAEF;QACAC,QAAAA;gBACEC;QACFC,SAAA;QACAC,SAAS;YAAA;YAAA;SAAA;iBACPF;YAAAA;YAAiBG;SAAOC;QAC1BC,SAAA;YAAA;YAAA;SAAA;QACAC,SAAQ;YAAA;YAAA;SAAA;;aAER;QACFC,QAAA;IAEA;;QAGAA,QAAO;;YAECpB;QAENoB,QAAIC;;;OASJ;QAAA;QAAOA;QAAAA;QAAAA;QAAAA;QAAAA;QAAAA;QAAAA;QAAAA;QAAAA;QAAAA;QAAAA;QAAAA;QAAAA;QAAAA;QAAAA;QAAAA;QAAAA;QAAAA;QAAAA;KAAAA;AACT"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fluentui-copilot/react-response-count",
-  "version": "0.0.0-nightly-20240523-0404-0f9673a1.1",
+  "version": "0.0.0-nightly-20240527-0406-162a35f3.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",

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

@@ -1 +0,0 @@
-{"version":3,"sources":["useResponseCountStyles.ts"],"sourcesContent":["import { makeStyles, mergeClasses, shorthands, tokens, typographyStyles } from '@fluentui/react-components';\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    ...shorthands.gap(tokens.spacingHorizontalXS),\n    ...typographyStyles.caption2,\n    color: tokens.colorNeutralForeground4,\n  },\n  indicator: {\n    display: 'inline-block',\n    width: '8px',\n    height: '8px',\n    ...shorthands.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  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","shorthands","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,EAAEC,UAAU,EAAEC,MAAM,EAAEC,gBAAgB,QAAQ,6BAA6B;AAI5G,OAAO,MAAMC,0BAA8D;IACzEC,MAAM;IACNC,WAAW;AACb,EAAE;AAEF;;CAEC,GACD,MAAMC,YAAYR,WAAW;IAC3BM,MAAM;QACJG,SAAS;QACTC,eAAe;QACfC,YAAY;QACZ,GAAGT,WAAWU,GAAG,CAACT,OAAOU,mBAAmB,CAAC;QAC7C,GAAGT,iBAAiBU,QAAQ;QAC5BC,OAAOZ,OAAOa,uBAAuB;IACvC;IACAT,WAAW;QACTE,SAAS;QACTQ,OAAO;QACPC,QAAQ;QACR,GAAGhB,WAAWiB,YAAY,CAAC,MAAM;IACnC;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,MAAMC,SAASrB;IACfoB,MAAMtB,IAAI,CAACwB,SAAS,GAAG7B,aAAaI,wBAAwBC,IAAI,EAAEuB,OAAOvB,IAAI,EAAEsB,MAAMtB,IAAI,CAACwB,SAAS;IAEnG,IAAIF,MAAMrB,SAAS,EAAE;QACnBqB,MAAMrB,SAAS,CAACuB,SAAS,GAAG7B,aAC1BI,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.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["useResponseCountStyles.ts"],"sourcesContent":["import { makeStyles, mergeClasses, shorthands, tokens, typographyStyles } from '@fluentui/react-components';\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    ...shorthands.gap(tokens.spacingHorizontalXS),\n    ...typographyStyles.caption2,\n    color: tokens.colorNeutralForeground4,\n  },\n  indicator: {\n    display: 'inline-block',\n    width: '8px',\n    height: '8px',\n    ...shorthands.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  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","root","indicator","__styles","display","flexDirection","alignItems","shorthands","typographyStyles","color","Bahqtrf","width","height","success","backgroundColor","Bqenvij","warning","tokens","colorStatusWarningForeground2","B7oj6ja","danger","De3pzq","state"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAIaA,uBAAAA;eAAAA;;;;;;iCAJ0D;AAIhE,MAAMA,0BAA8D;UACzEC;eACAC;AACF;AAEA;;CAEC,SAECD,YAAME,IAAAA,yBAAA,EAAA;UACJC;gBACAC;iBACAC;iBACGC;gBACAC;iBACHC;QACFC,SAAA;QACAR,SAAAA;iBACEE;iBACAO;gBACAC;;eAEF;QACAC,QAAAA;gBACEC;QACFC,SAAA;QACAC,SAAS;YAAA;YAAA;SAAA;iBACPF;YAAAA;YAAiBG;SAAOC;QAC1BC,SAAA;YAAA;YAAA;SAAA;QACAC,SAAQ;YAAA;YAAA;SAAA;;aAER;QACFC,QAAA;IAEA;;QAGAA,QAAO;;YAECpB;QAENoB,QAAIC;;;OASJ;QAAA;QAAOA;QAAAA;QAAAA;QAAAA;QAAAA;QAAAA;QAAAA;QAAAA;QAAAA;QAAAA;QAAAA;QAAAA;QAAAA;QAAAA;QAAAA;QAAAA;QAAAA;QAAAA;QAAAA;KAAAA;AACT"}