@fluentui-copilot/react-response-count 0.0.0-nightly-20240806-0406-907c63c4.1 → 0.0.0-nightly-20240807-0406-0ae2e0d2.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 +3 -3
- package/CHANGELOG.md +4 -4
- package/lib/components/ResponseCount/useResponseCountStyles.styles.js +14 -8
- package/lib/components/ResponseCount/useResponseCountStyles.styles.js.map +1 -1
- package/lib-commonjs/components/ResponseCount/useResponseCountStyles.styles.js +20 -24
- package/lib-commonjs/components/ResponseCount/useResponseCountStyles.styles.js.map +1 -1
- package/package.json +1 -1
package/CHANGELOG.json
CHANGED
|
@@ -2,9 +2,9 @@
|
|
|
2
2
|
"name": "@fluentui-copilot/react-response-count",
|
|
3
3
|
"entries": [
|
|
4
4
|
{
|
|
5
|
-
"date": "
|
|
6
|
-
"tag": "@fluentui-copilot/react-response-count_v0.0.0-nightly-
|
|
7
|
-
"version": "0.0.0-nightly-
|
|
5
|
+
"date": "Wed, 07 Aug 2024 04:13:14 GMT",
|
|
6
|
+
"tag": "@fluentui-copilot/react-response-count_v0.0.0-nightly-20240807-0406-0ae2e0d2.1",
|
|
7
|
+
"version": "0.0.0-nightly-20240807-0406-0ae2e0d2.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
|
|
3
|
+
This log was last generated on Wed, 07 Aug 2024 04:13:14 GMT and should not be manually modified.
|
|
4
4
|
|
|
5
5
|
<!-- Start content -->
|
|
6
6
|
|
|
7
|
-
## [0.0.0-nightly-
|
|
7
|
+
## [0.0.0-nightly-20240807-0406-0ae2e0d2.1](https://github.com/microsoft/fluentai/tree/@fluentui-copilot/react-response-count_v0.0.0-nightly-20240807-0406-0ae2e0d2.1)
|
|
8
8
|
|
|
9
|
-
|
|
10
|
-
[Compare changes](https://github.com/microsoft/fluentai/compare/@fluentui-copilot/react-response-count_v0.2.4..@fluentui-copilot/react-response-count_v0.0.0-nightly-
|
|
9
|
+
Wed, 07 Aug 2024 04:13:14 GMT
|
|
10
|
+
[Compare changes](https://github.com/microsoft/fluentai/compare/@fluentui-copilot/react-response-count_v0.2.4..@fluentui-copilot/react-response-count_v0.0.0-nightly-20240807-0406-0ae2e0d2.1)
|
|
11
11
|
|
|
12
12
|
### Changes
|
|
13
13
|
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { __styles, mergeClasses,
|
|
1
|
+
import { __styles, mergeClasses, tokens, typographyStyles } from '@fluentui/react-components';
|
|
2
2
|
export const responseCountClassNames = {
|
|
3
3
|
root: 'fai-ResponseCount',
|
|
4
4
|
indicator: 'fai-ResponseCount__indicator'
|
|
@@ -11,8 +11,9 @@ const useStyles = __styles({
|
|
|
11
11
|
mc9l5x: "ftuwxu6",
|
|
12
12
|
Beiy3e4: "f1063pyq",
|
|
13
13
|
Bt984gj: "f122n59",
|
|
14
|
-
i8kkvl:
|
|
15
|
-
Belr9w4:
|
|
14
|
+
i8kkvl: 0,
|
|
15
|
+
Belr9w4: 0,
|
|
16
|
+
rmohyg: "fkln5zr",
|
|
16
17
|
Bahqtrf: "fk6fouc",
|
|
17
18
|
Be2twd7: "f13mqy1h",
|
|
18
19
|
Bhrd7zp: "figsok6",
|
|
@@ -23,10 +24,11 @@ const useStyles = __styles({
|
|
|
23
24
|
mc9l5x: "f14t3ns0",
|
|
24
25
|
a9b677: "f1o3cbw4",
|
|
25
26
|
Bqenvij: "f1x82gua",
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
27
|
+
Beyfa6y: 0,
|
|
28
|
+
Bbmb7ep: 0,
|
|
29
|
+
Btl43ni: 0,
|
|
30
|
+
B7oj6ja: 0,
|
|
31
|
+
Dimara: "f5q2cvs"
|
|
30
32
|
},
|
|
31
33
|
success: {
|
|
32
34
|
De3pzq: "f1l9zcvb"
|
|
@@ -38,7 +40,11 @@ const useStyles = __styles({
|
|
|
38
40
|
De3pzq: "fms76vi"
|
|
39
41
|
}
|
|
40
42
|
}, {
|
|
41
|
-
d: [".ftuwxu6{display:inline-flex;}", ".f1063pyq{flex-direction:row;}", ".f122n59{align-items:center;}", ".
|
|
43
|
+
d: [".ftuwxu6{display:inline-flex;}", ".f1063pyq{flex-direction:row;}", ".f122n59{align-items:center;}", [".fkln5zr{gap:var(--spacingHorizontalXS);}", {
|
|
44
|
+
p: -1
|
|
45
|
+
}], ".fk6fouc{font-family:var(--fontFamilyBase);}", ".f13mqy1h{font-size:var(--fontSizeBase100);}", ".figsok6{font-weight:var(--fontWeightRegular);}", ".fcpl73t{line-height:var(--lineHeightBase100);}", ".fxc4j92{color:var(--colorNeutralForeground4);}", ".f14t3ns0{display:inline-block;}", ".f1o3cbw4{width:8px;}", ".f1x82gua{height:8px;}", [".f5q2cvs{border-radius:50%;}", {
|
|
46
|
+
p: -1
|
|
47
|
+
}], ".f1l9zcvb{background-color:var(--colorStatusSuccessForeground3);}", ".f1w7p0oj{background-color:var(--colorStatusWarningForeground2);}", ".fms76vi{background-color:var(--colorStatusDangerForeground3);}"]
|
|
42
48
|
});
|
|
43
49
|
/**
|
|
44
50
|
* Apply styling to the ResponseCount slots based on the state
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["useResponseCountStyles.styles.ts"],"sourcesContent":["import { makeStyles, mergeClasses,
|
|
1
|
+
{"version":3,"sources":["useResponseCountStyles.styles.ts"],"sourcesContent":["import { makeStyles, mergeClasses, 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 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,EAAEC,MAAM,EAAEC,gBAAgB,QAAQ,6BAA6B;AAIhG,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"}
|
|
@@ -28,8 +28,9 @@ const responseCountClassNames = {
|
|
|
28
28
|
mc9l5x: "ftuwxu6",
|
|
29
29
|
Beiy3e4: "f1063pyq",
|
|
30
30
|
Bt984gj: "f122n59",
|
|
31
|
-
i8kkvl:
|
|
32
|
-
Belr9w4:
|
|
31
|
+
i8kkvl: 0,
|
|
32
|
+
Belr9w4: 0,
|
|
33
|
+
rmohyg: "fkln5zr",
|
|
33
34
|
Bahqtrf: "fk6fouc",
|
|
34
35
|
Be2twd7: "f13mqy1h",
|
|
35
36
|
Bhrd7zp: "figsok6",
|
|
@@ -40,22 +41,11 @@ const responseCountClassNames = {
|
|
|
40
41
|
mc9l5x: "f14t3ns0",
|
|
41
42
|
a9b677: "f1o3cbw4",
|
|
42
43
|
Bqenvij: "f1x82gua",
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
"fchfifz",
|
|
49
|
-
"fqgqgel"
|
|
50
|
-
],
|
|
51
|
-
B7oj6ja: [
|
|
52
|
-
"fc7b1hi",
|
|
53
|
-
"f1dpx5h9"
|
|
54
|
-
],
|
|
55
|
-
Btl43ni: [
|
|
56
|
-
"f1dpx5h9",
|
|
57
|
-
"fc7b1hi"
|
|
58
|
-
]
|
|
44
|
+
Beyfa6y: 0,
|
|
45
|
+
Bbmb7ep: 0,
|
|
46
|
+
Btl43ni: 0,
|
|
47
|
+
B7oj6ja: 0,
|
|
48
|
+
Dimara: "f5q2cvs"
|
|
59
49
|
},
|
|
60
50
|
success: {
|
|
61
51
|
De3pzq: "f1l9zcvb"
|
|
@@ -71,8 +61,12 @@ const responseCountClassNames = {
|
|
|
71
61
|
".ftuwxu6{display:inline-flex;}",
|
|
72
62
|
".f1063pyq{flex-direction:row;}",
|
|
73
63
|
".f122n59{align-items:center;}",
|
|
74
|
-
|
|
75
|
-
|
|
64
|
+
[
|
|
65
|
+
".fkln5zr{gap:var(--spacingHorizontalXS);}",
|
|
66
|
+
{
|
|
67
|
+
p: -1
|
|
68
|
+
}
|
|
69
|
+
],
|
|
76
70
|
".fk6fouc{font-family:var(--fontFamilyBase);}",
|
|
77
71
|
".f13mqy1h{font-size:var(--fontSizeBase100);}",
|
|
78
72
|
".figsok6{font-weight:var(--fontWeightRegular);}",
|
|
@@ -81,10 +75,12 @@ const responseCountClassNames = {
|
|
|
81
75
|
".f14t3ns0{display:inline-block;}",
|
|
82
76
|
".f1o3cbw4{width:8px;}",
|
|
83
77
|
".f1x82gua{height:8px;}",
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
78
|
+
[
|
|
79
|
+
".f5q2cvs{border-radius:50%;}",
|
|
80
|
+
{
|
|
81
|
+
p: -1
|
|
82
|
+
}
|
|
83
|
+
],
|
|
88
84
|
".f1l9zcvb{background-color:var(--colorStatusSuccessForeground3);}",
|
|
89
85
|
".f1w7p0oj{background-color:var(--colorStatusWarningForeground2);}",
|
|
90
86
|
".fms76vi{background-color:var(--colorStatusDangerForeground3);}"
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["useResponseCountStyles.styles.ts"],"sourcesContent":["import { makeStyles, mergeClasses,
|
|
1
|
+
{"version":3,"sources":["useResponseCountStyles.styles.ts"],"sourcesContent":["import { makeStyles, mergeClasses, 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 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","root","indicator","__styles","display","flexDirection","alignItems","tokens","typographyStyles","color","rmohyg","width","height","borderRadius","backgroundColor","a9b677","warning","Bbmb7ep","danger","Dimara","success","De3pzq","styles","state","d"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAIaA,uBAAAA;eAAAA;;;;;;iCAJ8C;AAIpD,MAAMA,0BAA8D;UACzEC;eACAC;AACF;AAEA;;CAEC,SAECD,YAAME,IAAAA,yBAAA,EAAA;UACJC;gBACAC;iBACAC;iBACKC;gBACFC;iBACHC;QACFC,QAAA;QACAR,SAAAA;iBACEE;iBACAO;iBACAC;gBACAC;;eAEO;gBACPC;QACFC,QAAA;QACAC,SAAS;iBACPF;QACFG,SAAA;QACAC,SAAQ;iBACNJ;QACFK,QAAA;IACF;IAEAC,SAAA;;IAEC;aAEC;QAEAC,QAAMC;;YAGFC;gBACFA;;;IASFC,GAAA;QAAA;QAAA;QAAA;QAAA;YAAA;YAAA"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@fluentui-copilot/react-response-count",
|
|
3
|
-
"version": "0.0.0-nightly-
|
|
3
|
+
"version": "0.0.0-nightly-20240807-0406-0ae2e0d2.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",
|