@fluentui-copilot/react-response-count 0.0.0-nightly-20240524-0405-c4d67c24.1 → 0.0.0-nightly-20240527-0406-162a35f3.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/CHANGELOG.json CHANGED
@@ -2,9 +2,9 @@
2
2
  "name": "@fluentui-copilot/react-response-count",
3
3
  "entries": [
4
4
  {
5
- "date": "Fri, 24 May 2024 04:11:13 GMT",
6
- "tag": "@fluentui-copilot/react-response-count_v0.0.0-nightly-20240524-0405-c4d67c24.1",
7
- "version": "0.0.0-nightly-20240524-0405-c4d67c24.1",
5
+ "date": "Mon, 27 May 2024 04:12:08 GMT",
6
+ "tag": "@fluentui-copilot/react-response-count_v0.0.0-nightly-20240527-0406-162a35f3.1",
7
+ "version": "0.0.0-nightly-20240527-0406-162a35f3.1",
8
8
  "comments": {
9
9
  "prerelease": [
10
10
  {
package/CHANGELOG.md CHANGED
@@ -1,13 +1,13 @@
1
1
  # Change Log - @fluentui-copilot/react-response-count
2
2
 
3
- This log was last generated on Fri, 24 May 2024 04:11:13 GMT and should not be manually modified.
3
+ This log was last generated on Mon, 27 May 2024 04:12:08 GMT and should not be manually modified.
4
4
 
5
5
  <!-- Start content -->
6
6
 
7
- ## [0.0.0-nightly-20240524-0405-c4d67c24.1](https://github.com/microsoft/fluentai/tree/@fluentui-copilot/react-response-count_v0.0.0-nightly-20240524-0405-c4d67c24.1)
7
+ ## [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)
8
8
 
9
- Fri, 24 May 2024 04:11:13 GMT
10
- [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-20240524-0405-c4d67c24.1)
9
+ Mon, 27 May 2024 04:12:08 GMT
10
+ [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)
11
11
 
12
12
  ### Changes
13
13
 
@@ -1,7 +1,7 @@
1
1
  import * as React from 'react';
2
2
  import { useResponseCount_unstable } from './useResponseCount';
3
3
  import { renderResponseCount_unstable } from './renderResponseCount';
4
- import { useResponseCountStyles_unstable } from './useResponseCountStyles';
4
+ import { useResponseCountStyles_unstable } from './useResponseCountStyles.styles';
5
5
  // ResponseCount component - TODO: add more docs
6
6
  export const ResponseCount = /*#__PURE__*/React.forwardRef((props, ref) => {
7
7
  const state = useResponseCount_unstable(props, ref);
@@ -1 +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"}
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":["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"}
@@ -2,5 +2,5 @@ export * from './ResponseCount';
2
2
  export * from './ResponseCount.types';
3
3
  export * from './renderResponseCount';
4
4
  export * from './useResponseCount';
5
- export * from './useResponseCountStyles';
5
+ export * from './useResponseCountStyles.styles';
6
6
  //# sourceMappingURL=index.js.map
@@ -1 +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"}
1
+ {"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"}
@@ -51,4 +51,4 @@ export const useResponseCountStyles_unstable = state => {
51
51
  }
52
52
  return state;
53
53
  };
54
- //# sourceMappingURL=useResponseCountStyles.js.map
54
+ //# sourceMappingURL=useResponseCountStyles.styles.js.map
@@ -0,0 +1 @@
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"}
@@ -12,10 +12,10 @@ const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildc
12
12
  const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
13
13
  const _useResponseCount = require("./useResponseCount");
14
14
  const _renderResponseCount = require("./renderResponseCount");
15
- const _useResponseCountStyles = require("./useResponseCountStyles");
15
+ const _useResponseCountStylesstyles = require("./useResponseCountStyles.styles");
16
16
  const ResponseCount = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
17
17
  const state = (0, _useResponseCount.useResponseCount_unstable)(props, ref);
18
- (0, _useResponseCountStyles.useResponseCountStyles_unstable)(state);
18
+ (0, _useResponseCountStylesstyles.useResponseCountStyles_unstable)(state);
19
19
  return (0, _renderResponseCount.renderResponseCount_unstable)(state);
20
20
  });
21
21
  ResponseCount.displayName = 'ResponseCount'; //# sourceMappingURL=ResponseCount.js.map
@@ -1 +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"}
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"}
@@ -7,5 +7,5 @@ _export_star._(require("./ResponseCount"), exports);
7
7
  _export_star._(require("./ResponseCount.types"), exports);
8
8
  _export_star._(require("./renderResponseCount"), exports);
9
9
  _export_star._(require("./useResponseCount"), exports);
10
- _export_star._(require("./useResponseCountStyles"), exports);
10
+ _export_star._(require("./useResponseCountStyles.styles"), exports);
11
11
  //# sourceMappingURL=index.js.map
@@ -1 +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"}
1
+ {"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"}
@@ -97,4 +97,4 @@ const useResponseCountStyles_unstable = (state)=>{
97
97
  state.indicator.className = (0, _reactcomponents.mergeClasses)(responseCountClassNames.indicator, styles.indicator, styles[state.status], state.indicator.className);
98
98
  }
99
99
  return state;
100
- }; //# sourceMappingURL=useResponseCountStyles.js.map
100
+ }; //# sourceMappingURL=useResponseCountStyles.styles.js.map
@@ -0,0 +1 @@
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 CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@fluentui-copilot/react-response-count",
3
- "version": "0.0.0-nightly-20240524-0405-c4d67c24.1",
3
+ "version": "0.0.0-nightly-20240527-0406-162a35f3.1",
4
4
  "description": "Fluent AI control for displaying the number of responses and the remaining response count",
5
5
  "main": "lib-commonjs/index.js",
6
6
  "module": "lib/index.js",
@@ -1 +0,0 @@
1
- {"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"}
@@ -1 +0,0 @@
1
- {"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"}