@fluentui-copilot/react-response-count 0.2.2 → 0.2.3

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,7 +2,34 @@
2
2
  "name": "@fluentui-copilot/react-response-count",
3
3
  "entries": [
4
4
  {
5
- "date": "Wed, 08 May 2024 22:09:00 GMT",
5
+ "date": "Fri, 31 May 2024 18:42:06 GMT",
6
+ "tag": "@fluentui-copilot/react-response-count_v0.2.3",
7
+ "version": "0.2.3",
8
+ "comments": {
9
+ "patch": [
10
+ {
11
+ "author": "seanmonahan@microsoft.com",
12
+ "package": "@fluentui-copilot/react-response-count",
13
+ "commit": "c2e14c44cafafbdc10f52b9855384748a7524a63",
14
+ "comment": "chore: add eslint-plugin-react-compiler"
15
+ },
16
+ {
17
+ "author": "tristan.watanabe@gmail.com",
18
+ "package": "@fluentui-copilot/react-response-count",
19
+ "commit": "6df44dbcd267772e1b62426d14abe54a0b35bb97",
20
+ "comment": "chore: useStyle hook files now properly contain .styles. within filename."
21
+ },
22
+ {
23
+ "author": "tristan.watanabe@gmail.com",
24
+ "package": "@fluentui-copilot/react-response-count",
25
+ "commit": "7583464747aec7a8a79a8c79eaeff85d749025e4",
26
+ "comment": "chore: bump @fluentui dependencies to latest 9.52.0."
27
+ }
28
+ ]
29
+ }
30
+ },
31
+ {
32
+ "date": "Wed, 08 May 2024 22:10:20 GMT",
6
33
  "tag": "@fluentui-copilot/react-response-count_v0.2.2",
7
34
  "version": "0.2.2",
8
35
  "comments": {
package/CHANGELOG.md CHANGED
@@ -1,12 +1,23 @@
1
1
  # Change Log - @fluentui-copilot/react-response-count
2
2
 
3
- This log was last generated on Wed, 08 May 2024 22:09:00 GMT and should not be manually modified.
3
+ This log was last generated on Fri, 31 May 2024 18:42:06 GMT and should not be manually modified.
4
4
 
5
5
  <!-- Start content -->
6
6
 
7
+ ## [0.2.3](https://github.com/microsoft/fluentai/tree/@fluentui-copilot/react-response-count_v0.2.3)
8
+
9
+ Fri, 31 May 2024 18:42:06 GMT
10
+ [Compare changes](https://github.com/microsoft/fluentai/compare/@fluentui-copilot/react-response-count_v0.2.2..@fluentui-copilot/react-response-count_v0.2.3)
11
+
12
+ ### Patches
13
+
14
+ - chore: add eslint-plugin-react-compiler ([PR #1642](https://github.com/microsoft/fluentai/pull/1642) by seanmonahan@microsoft.com)
15
+ - chore: useStyle hook files now properly contain .styles. within filename. ([PR #1671](https://github.com/microsoft/fluentai/pull/1671) by tristan.watanabe@gmail.com)
16
+ - chore: bump @fluentui dependencies to latest 9.52.0. ([PR #1657](https://github.com/microsoft/fluentai/pull/1657) by tristan.watanabe@gmail.com)
17
+
7
18
  ## [0.2.2](https://github.com/microsoft/fluentai/tree/@fluentui-copilot/react-response-count_v0.2.2)
8
19
 
9
- Wed, 08 May 2024 22:09:00 GMT
20
+ Wed, 08 May 2024 22:10:20 GMT
10
21
  [Compare changes](https://github.com/microsoft/fluentai/compare/@fluentui-copilot/react-response-count_v0.2.1..@fluentui-copilot/react-response-count_v0.2.2)
11
22
 
12
23
  ### Patches
@@ -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"}
@@ -44,6 +44,8 @@ const useStyles = __styles({
44
44
  * Apply styling to the ResponseCount slots based on the state
45
45
  */
46
46
  export const useResponseCountStyles_unstable = state => {
47
+ 'use no memo';
48
+
47
49
  const styles = useStyles();
48
50
  state.root.className = mergeClasses(responseCountClassNames.root, styles.root, state.root.className);
49
51
  if (state.indicator) {
@@ -51,4 +53,4 @@ export const useResponseCountStyles_unstable = state => {
51
53
  }
52
54
  return state;
53
55
  };
54
- //# sourceMappingURL=useResponseCountStyles.js.map
56
+ //# 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 '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","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;IAEA,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"}
@@ -91,10 +91,11 @@ const responseCountClassNames = {
91
91
  ]
92
92
  });
93
93
  const useResponseCountStyles_unstable = (state)=>{
94
+ 'use no memo';
94
95
  const styles = useStyles();
95
96
  state.root.className = (0, _reactcomponents.mergeClasses)(responseCountClassNames.root, styles.root, state.root.className);
96
97
  if (state.indicator) {
97
98
  state.indicator.className = (0, _reactcomponents.mergeClasses)(responseCountClassNames.indicator, styles.indicator, styles[state.status], state.indicator.className);
98
99
  }
99
100
  return state;
100
- }; //# sourceMappingURL=useResponseCountStyles.js.map
101
+ }; //# 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 '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","root","indicator","__styles","display","flexDirection","alignItems","shorthands","typographyStyles","color","Bahqtrf","width","height","success","backgroundColor","Bqenvij","warning","tokens","colorStatusWarningForeground2","B7oj6ja","danger","De3pzq","styles","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;;YAGCC;QACNC,QAAMtB;;;OASN;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;KAAA"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@fluentui-copilot/react-response-count",
3
- "version": "0.2.2",
3
+ "version": "0.2.3",
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",
@@ -15,8 +15,8 @@
15
15
  "@swc/helpers": "^0.5.1"
16
16
  },
17
17
  "peerDependencies": {
18
- "@fluentui/react-components": ">=9.49.2 <10.0.0",
19
- "@fluentui/react-jsx-runtime": ">=9.0.37 <10.0.0",
18
+ "@fluentui/react-components": ">=9.52.0 <10.0.0",
19
+ "@fluentui/react-jsx-runtime": ">=9.0.38 <10.0.0",
20
20
  "@types/react": ">=16.14.0 <19.0.0",
21
21
  "@types/react-dom": ">=16.9.8 <19.0.0",
22
22
  "react": ">=16.14.0 <19.0.0",
@@ -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"}