@fluentui-copilot/react-suggestions 0.12.2 → 0.13.0
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 +52 -1
- package/CHANGELOG.md +21 -2
- package/lib/components/Suggestion/useSuggestionStyles.styles.js +53 -5
- package/lib/components/Suggestion/useSuggestionStyles.styles.js.map +1 -1
- package/lib-commonjs/components/Suggestion/useSuggestionStyles.styles.js +135 -3
- package/lib-commonjs/components/Suggestion/useSuggestionStyles.styles.js.map +1 -1
- package/package.json +5 -5
package/CHANGELOG.json
CHANGED
|
@@ -2,7 +2,58 @@
|
|
|
2
2
|
"name": "@fluentui-copilot/react-suggestions",
|
|
3
3
|
"entries": [
|
|
4
4
|
{
|
|
5
|
-
"date": "
|
|
5
|
+
"date": "Thu, 12 Jun 2025 17:49:29 GMT",
|
|
6
|
+
"tag": "@fluentui-copilot/react-suggestions_v0.13.0",
|
|
7
|
+
"version": "0.13.0",
|
|
8
|
+
"comments": {
|
|
9
|
+
"patch": [
|
|
10
|
+
{
|
|
11
|
+
"author": "owcampbe@microsoft.com",
|
|
12
|
+
"package": "@fluentui-copilot/react-suggestions",
|
|
13
|
+
"commit": "df6e69dbb38b7cb817ac44532fb14d423607f010",
|
|
14
|
+
"comment": "fix: Update Suggestions appearance to use neutral colors when designVersion is 'next'"
|
|
15
|
+
},
|
|
16
|
+
{
|
|
17
|
+
"author": "Humberto.Morimoto@microsoft.com",
|
|
18
|
+
"package": "@fluentui-copilot/react-suggestions",
|
|
19
|
+
"commit": "53a6e5419e6170dea520ebec933d347ce0bedb60",
|
|
20
|
+
"comment": "chore: Update typographyStyles import to use @fluentui-copilot/tokens instead of @fluentui/react-components"
|
|
21
|
+
}
|
|
22
|
+
]
|
|
23
|
+
}
|
|
24
|
+
},
|
|
25
|
+
{
|
|
26
|
+
"date": "Mon, 19 May 2025 18:04:28 GMT",
|
|
27
|
+
"tag": "@fluentui-copilot/react-suggestions_v0.12.3",
|
|
28
|
+
"version": "0.12.3",
|
|
29
|
+
"comments": {
|
|
30
|
+
"none": [
|
|
31
|
+
{
|
|
32
|
+
"author": "hochelmartin@gmail.com",
|
|
33
|
+
"package": "@fluentui-copilot/react-suggestions",
|
|
34
|
+
"commit": "442954951d0eca92de20ecb0ff0fa9492431b62d",
|
|
35
|
+
"comment": "fix: exclude story files from production build"
|
|
36
|
+
}
|
|
37
|
+
]
|
|
38
|
+
}
|
|
39
|
+
},
|
|
40
|
+
{
|
|
41
|
+
"date": "Sat, 03 May 2025 01:27:45 GMT",
|
|
42
|
+
"tag": "@fluentui-copilot/react-suggestions_v0.12.3",
|
|
43
|
+
"version": "0.12.3",
|
|
44
|
+
"comments": {
|
|
45
|
+
"patch": [
|
|
46
|
+
{
|
|
47
|
+
"author": "estebanmu@microsoft.com",
|
|
48
|
+
"package": "@fluentui-copilot/react-suggestions",
|
|
49
|
+
"commit": "3dc05bb66ec473691f198f65b5124cc24390f47c",
|
|
50
|
+
"comment": "chore: Bump @fluentui/react-components to 9.63.0."
|
|
51
|
+
}
|
|
52
|
+
]
|
|
53
|
+
}
|
|
54
|
+
},
|
|
55
|
+
{
|
|
56
|
+
"date": "Wed, 30 Apr 2025 01:47:50 GMT",
|
|
6
57
|
"tag": "@fluentui-copilot/react-suggestions_v0.12.2",
|
|
7
58
|
"version": "0.12.2",
|
|
8
59
|
"comments": {
|
package/CHANGELOG.md
CHANGED
|
@@ -1,12 +1,31 @@
|
|
|
1
1
|
# Change Log - @fluentui-copilot/react-suggestions
|
|
2
2
|
|
|
3
|
-
This log was last generated on
|
|
3
|
+
This log was last generated on Thu, 12 Jun 2025 17:49:29 GMT and should not be manually modified.
|
|
4
4
|
|
|
5
5
|
<!-- Start content -->
|
|
6
6
|
|
|
7
|
+
## [0.13.0](https://github.com/microsoft/fluentai/tree/@fluentui-copilot/react-suggestions_v0.13.0)
|
|
8
|
+
|
|
9
|
+
Thu, 12 Jun 2025 17:49:29 GMT
|
|
10
|
+
[Compare changes](https://github.com/microsoft/fluentai/compare/@fluentui-copilot/react-suggestions_v0.12.3..@fluentui-copilot/react-suggestions_v0.13.0)
|
|
11
|
+
|
|
12
|
+
### Patches
|
|
13
|
+
|
|
14
|
+
- fix: Update Suggestions appearance to use neutral colors when designVersion is 'next' ([PR #3045](https://github.com/microsoft/fluentai/pull/3045) by owcampbe@microsoft.com)
|
|
15
|
+
- chore: Update typographyStyles import to use @fluentui-copilot/tokens instead of @fluentui/react-components ([PR #3125](https://github.com/microsoft/fluentai/pull/3125) by Humberto.Morimoto@microsoft.com)
|
|
16
|
+
|
|
17
|
+
## [0.12.3](https://github.com/microsoft/fluentai/tree/@fluentui-copilot/react-suggestions_v0.12.3)
|
|
18
|
+
|
|
19
|
+
Sat, 03 May 2025 01:27:45 GMT
|
|
20
|
+
[Compare changes](https://github.com/microsoft/fluentai/compare/@fluentui-copilot/react-suggestions_v0.12.2..@fluentui-copilot/react-suggestions_v0.12.3)
|
|
21
|
+
|
|
22
|
+
### Patches
|
|
23
|
+
|
|
24
|
+
- chore: Bump @fluentui/react-components to 9.63.0. ([PR #2917](https://github.com/microsoft/fluentai/pull/2917) by estebanmu@microsoft.com)
|
|
25
|
+
|
|
7
26
|
## [0.12.2](https://github.com/microsoft/fluentai/tree/@fluentui-copilot/react-suggestions_v0.12.2)
|
|
8
27
|
|
|
9
|
-
Wed, 30 Apr 2025 01:
|
|
28
|
+
Wed, 30 Apr 2025 01:47:50 GMT
|
|
10
29
|
[Compare changes](https://github.com/microsoft/fluentai/compare/@fluentui-copilot/react-suggestions_v0.11.0..@fluentui-copilot/react-suggestions_v0.12.2)
|
|
11
30
|
|
|
12
31
|
### Patches
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { __styles, mergeClasses, shorthands
|
|
2
|
-
import { tokens } from '@fluentui-copilot/tokens';
|
|
1
|
+
import { __styles, mergeClasses, shorthands } from '@fluentui/react-components';
|
|
2
|
+
import { tokens, typographyStyles } from '@fluentui-copilot/tokens';
|
|
3
3
|
export const suggestionClassNames = {
|
|
4
4
|
root: 'fai-Suggestion',
|
|
5
5
|
icon: 'fai-Suggestion__icon'
|
|
@@ -94,10 +94,58 @@ const useNextStyles = __styles({
|
|
|
94
94
|
root: {
|
|
95
95
|
qh2i5f: "f1m56mwy",
|
|
96
96
|
Bvf7fsn: "frhssjw",
|
|
97
|
-
Be2twd7: "fy9rknc"
|
|
97
|
+
Be2twd7: "fy9rknc",
|
|
98
|
+
B4j52fo: "f192inf7",
|
|
99
|
+
Bekrc4i: ["f5tn483", "f1ojsxk5"],
|
|
100
|
+
Bn0qgzm: "f1vxd6vx",
|
|
101
|
+
ibv6hh: ["f1ojsxk5", "f5tn483"],
|
|
102
|
+
icvyot: "fzkkow9",
|
|
103
|
+
vrafjx: ["fcdblym", "fjik90z"],
|
|
104
|
+
oivjwe: "fg706s2",
|
|
105
|
+
wvpqe5: ["fjik90z", "fcdblym"],
|
|
106
|
+
g2u3we: "f68mrw8",
|
|
107
|
+
h3c5rm: ["f7pw515", "fw35ms5"],
|
|
108
|
+
B9xav0g: "frpde29",
|
|
109
|
+
zhjwy3: ["fw35ms5", "f7pw515"],
|
|
110
|
+
De3pzq: "fhovq9v"
|
|
111
|
+
},
|
|
112
|
+
enabled: {
|
|
113
|
+
B9di4we: "f106pmgz",
|
|
114
|
+
B1f0e9u: ["fesy4wo", "f9xbgkc"],
|
|
115
|
+
bb0oo: "fil0yj2",
|
|
116
|
+
B88lpqa: ["f9xbgkc", "fesy4wo"],
|
|
117
|
+
grrwut: "fnx31mg",
|
|
118
|
+
Bejlia0: "feiahij",
|
|
119
|
+
v5djml: "f1ytgj83",
|
|
120
|
+
Bptf8dt: ["f16m5b8m", "fwlads5"],
|
|
121
|
+
j4j8r: "f17ux6es",
|
|
122
|
+
H566xl: ["fwlads5", "f16m5b8m"],
|
|
123
|
+
a9g2gr: "f1kqxwtj",
|
|
124
|
+
rgbxn1: "f10o6k9l"
|
|
98
125
|
}
|
|
99
126
|
}, {
|
|
100
|
-
d: [".f1m56mwy{padding-horizontal:var(--spacingHorizontalM);padding-horizontal:var(--spacingHorizontalM);}", ".frhssjw{padding-vertical:var(--spacingVerticalSNudge);}", ".fy9rknc{font-size:var(--fontSizeBase200);}"]
|
|
127
|
+
d: [".f1m56mwy{padding-horizontal:var(--spacingHorizontalM);padding-horizontal:var(--spacingHorizontalM);}", ".frhssjw{padding-vertical:var(--spacingVerticalSNudge);}", ".fy9rknc{font-size:var(--fontSizeBase200);}", ".f192inf7{border-top-width:var(--strokeWidthThin);}", ".f5tn483{border-right-width:var(--strokeWidthThin);}", ".f1ojsxk5{border-left-width:var(--strokeWidthThin);}", ".f1vxd6vx{border-bottom-width:var(--strokeWidthThin);}", ".fzkkow9{border-top-style:solid;}", ".fcdblym{border-right-style:solid;}", ".fjik90z{border-left-style:solid;}", ".fg706s2{border-bottom-style:solid;}", ".f68mrw8{border-top-color:var(--colorNeutralStroke2);}", ".f7pw515{border-right-color:var(--colorNeutralStroke2);}", ".fw35ms5{border-left-color:var(--colorNeutralStroke2);}", ".frpde29{border-bottom-color:var(--colorNeutralStroke2);}", ".fhovq9v{background-color:var(--colorSubtleBackground);}"],
|
|
128
|
+
m: [["@media (forced-colors: none){.f106pmgz:hover{border-top-color:var(--colorNeutralStroke2);}}", {
|
|
129
|
+
m: "(forced-colors: none)"
|
|
130
|
+
}], ["@media (forced-colors: none){.f9xbgkc:hover{border-left-color:var(--colorNeutralStroke2);}.fesy4wo:hover{border-right-color:var(--colorNeutralStroke2);}}", {
|
|
131
|
+
m: "(forced-colors: none)"
|
|
132
|
+
}], ["@media (forced-colors: none){.fil0yj2:hover{border-bottom-color:var(--colorNeutralStroke2);}}", {
|
|
133
|
+
m: "(forced-colors: none)"
|
|
134
|
+
}], ["@media (forced-colors: none){.fnx31mg:hover{color:var(--colorNeutralForeground2Hover);}}", {
|
|
135
|
+
m: "(forced-colors: none)"
|
|
136
|
+
}], ["@media (forced-colors: none){.feiahij:hover{background-color:var(--colorSubtleBackgroundHover);}}", {
|
|
137
|
+
m: "(forced-colors: none)"
|
|
138
|
+
}], ["@media (forced-colors: none){.f1ytgj83:active:hover{border-top-color:var(--colorNeutralStroke2);}}", {
|
|
139
|
+
m: "(forced-colors: none)"
|
|
140
|
+
}], ["@media (forced-colors: none){.f16m5b8m:active:hover{border-right-color:var(--colorNeutralStroke2);}.fwlads5:active:hover{border-left-color:var(--colorNeutralStroke2);}}", {
|
|
141
|
+
m: "(forced-colors: none)"
|
|
142
|
+
}], ["@media (forced-colors: none){.f17ux6es:active:hover{border-bottom-color:var(--colorNeutralStroke2);}}", {
|
|
143
|
+
m: "(forced-colors: none)"
|
|
144
|
+
}], ["@media (forced-colors: none){.f1kqxwtj:active:hover{color:var(--colorNeutralForeground2Pressed);}}", {
|
|
145
|
+
m: "(forced-colors: none)"
|
|
146
|
+
}], ["@media (forced-colors: none){.f10o6k9l:active:hover{background-color:var(--colorSubtleBackgroundPressed);}}", {
|
|
147
|
+
m: "(forced-colors: none)"
|
|
148
|
+
}]]
|
|
101
149
|
});
|
|
102
150
|
export const useSuggestionStyles_unstable = state => {
|
|
103
151
|
'use no memo';
|
|
@@ -108,7 +156,7 @@ export const useSuggestionStyles_unstable = state => {
|
|
|
108
156
|
} = state;
|
|
109
157
|
const styles = useSuggestionStyles();
|
|
110
158
|
const nextStyles = useNextStyles();
|
|
111
|
-
state.root.className = mergeClasses(suggestionClassNames.root, styles.root, mode === 'canvas' && styles.canvas, designVersion === 'next' && nextStyles.root, !state.disabled && styles.enabled, state.root.className);
|
|
159
|
+
state.root.className = mergeClasses(suggestionClassNames.root, styles.root, mode === 'canvas' && styles.canvas, designVersion === 'next' && nextStyles.root, !state.disabled && styles.enabled, designVersion === 'next' && !state.disabled && nextStyles.enabled, state.root.className);
|
|
112
160
|
return state;
|
|
113
161
|
};
|
|
114
162
|
//# sourceMappingURL=useSuggestionStyles.styles.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["useSuggestionStyles.styles.ts"],"sourcesContent":["import { makeStyles, mergeClasses, shorthands
|
|
1
|
+
{"version":3,"sources":["useSuggestionStyles.styles.ts"],"sourcesContent":["import { makeStyles, mergeClasses, shorthands } from '@fluentui/react-components';\nimport { tokens, typographyStyles } from '@fluentui-copilot/tokens';\nimport type { SlotClassNames, ButtonSlots } from '@fluentui/react-components';\nimport type { SuggestionState } from './Suggestion.types';\n\nexport const suggestionClassNames: SlotClassNames<ButtonSlots> = {\n root: 'fai-Suggestion',\n icon: 'fai-Suggestion__icon',\n};\n\nconst useSuggestionStyles = makeStyles({\n root: {\n ...typographyStyles.caption1,\n // Brand/M365/140\n ...shorthands.border('1px', 'solid', tokens.colorBrandStroke2),\n borderRadius: tokens.borderRadiusXLarge,\n padding: `${tokens.spacingVerticalXS} ${tokens.spacingVerticalS}`,\n color: tokens.colorNeutralForeground2,\n textAlign: 'start',\n // remove this MQ once https://github.com/microsoft/fluentui/issues/28552 is resolved\n // media queries have zero specificity\n },\n enabled: {\n '@media (forced-colors: none)': {\n ':hover': {\n // Brand/M365/120\n ...shorthands.borderColor(tokens.colorBrandStroke2Hover),\n color: tokens.colorBrandForeground2Hover,\n backgroundColor: tokens.colorBrandBackground2Hover,\n },\n // Figma states 'on hover and pressed state'\n ':active:hover': {\n // Brand/M365/120\n ...shorthands.borderColor(tokens.colorBrandStroke2Pressed),\n color: tokens.colorBrandForeground2Pressed,\n backgroundColor: tokens.colorBrandBackground2Pressed,\n },\n },\n },\n canvas: {\n ...typographyStyles.body1,\n padding: `${tokens.spacingVerticalSNudge} ${tokens.spacingHorizontalM}`,\n },\n});\n\nconst useNextStyles = makeStyles({\n root: {\n paddingHorizontal: tokens.spacingHorizontalM,\n paddingVertical: tokens.spacingVerticalSNudge,\n fontSize: tokens.fontSizeBase200,\n ...shorthands.border(tokens.strokeWidthThin, 'solid', tokens.colorNeutralStroke2),\n backgroundColor: tokens.colorSubtleBackground,\n },\n enabled: {\n '@media (forced-colors: none)': {\n ':hover': {\n ...shorthands.borderColor(tokens.colorNeutralStroke2),\n color: tokens.colorNeutralForeground2Hover,\n backgroundColor: tokens.colorSubtleBackgroundHover,\n },\n ':active:hover': {\n ...shorthands.borderColor(tokens.colorNeutralStroke2),\n color: tokens.colorNeutralForeground2Pressed,\n backgroundColor: tokens.colorSubtleBackgroundPressed,\n },\n },\n },\n});\n\nexport const useSuggestionStyles_unstable = (state: SuggestionState): SuggestionState => {\n 'use no memo';\n\n const { designVersion, mode } = state;\n\n const styles = useSuggestionStyles();\n const nextStyles = useNextStyles();\n state.root.className = mergeClasses(\n suggestionClassNames.root,\n styles.root,\n mode === 'canvas' && styles.canvas,\n designVersion === 'next' && nextStyles.root,\n !state.disabled && styles.enabled,\n designVersion === 'next' && !state.disabled && nextStyles.enabled,\n state.root.className,\n );\n\n return state;\n};\n"],"names":["makeStyles","mergeClasses","shorthands","tokens","typographyStyles","suggestionClassNames","root","icon","useSuggestionStyles","caption1","border","colorBrandStroke2","borderRadius","borderRadiusXLarge","padding","spacingVerticalXS","spacingVerticalS","color","colorNeutralForeground2","textAlign","enabled","borderColor","colorBrandStroke2Hover","colorBrandForeground2Hover","backgroundColor","colorBrandBackground2Hover","colorBrandStroke2Pressed","colorBrandForeground2Pressed","colorBrandBackground2Pressed","canvas","body1","spacingVerticalSNudge","spacingHorizontalM","useNextStyles","paddingHorizontal","paddingVertical","fontSize","fontSizeBase200","strokeWidthThin","colorNeutralStroke2","colorSubtleBackground","colorNeutralForeground2Hover","colorSubtleBackgroundHover","colorNeutralForeground2Pressed","colorSubtleBackgroundPressed","useSuggestionStyles_unstable","state","designVersion","mode","styles","nextStyles","className","disabled"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,SAASA,UAAU,EAAEC,YAAY,EAAEC,UAAU,QAAQ,6BAA6B;AAClF,SAASC,MAAM,EAAEC,gBAAgB,QAAQ,2BAA2B;AAIpE,OAAO,MAAMC,uBAAoD;IAC/DC,MAAM;IACNC,MAAM;AACR,EAAE;AAEF,MAAMC,sBAAsBR,WAAW;IACrCM,MAAM;QACJ,GAAGF,iBAAiBK,QAAQ;QAC5B,kBAAkB;QAClB,GAAGP,WAAWQ,MAAM,CAAC,OAAO,SAASP,OAAOQ,iBAAiB,CAAC;QAC9DC,cAAcT,OAAOU,kBAAkB;QACvCC,SAAS,CAAC,EAAEX,OAAOY,iBAAiB,CAAC,CAAC,EAAEZ,OAAOa,gBAAgB,CAAC,CAAC;QACjEC,OAAOd,OAAOe,uBAAuB;QACrCC,WAAW;IAGb;IACAC,SAAS;QACP,gCAAgC;YAC9B,UAAU;gBACR,kBAAkB;gBAClB,GAAGlB,WAAWmB,WAAW,CAAClB,OAAOmB,sBAAsB,CAAC;gBACxDL,OAAOd,OAAOoB,0BAA0B;gBACxCC,iBAAiBrB,OAAOsB,0BAA0B;YACpD;YACA,4CAA4C;YAC5C,iBAAiB;gBACf,kBAAkB;gBAClB,GAAGvB,WAAWmB,WAAW,CAAClB,OAAOuB,wBAAwB,CAAC;gBAC1DT,OAAOd,OAAOwB,4BAA4B;gBAC1CH,iBAAiBrB,OAAOyB,4BAA4B;YACtD;QACF;IACF;IACAC,QAAQ;QACN,GAAGzB,iBAAiB0B,KAAK;QACzBhB,SAAS,CAAC,EAAEX,OAAO4B,qBAAqB,CAAC,CAAC,EAAE5B,OAAO6B,kBAAkB,CAAC,CAAC;IACzE;AACF;AAEA,MAAMC,gBAAgBjC,WAAW;IAC/BM,MAAM;QACJ4B,mBAAmB/B,OAAO6B,kBAAkB;QAC5CG,iBAAiBhC,OAAO4B,qBAAqB;QAC7CK,UAAUjC,OAAOkC,eAAe;QAChC,GAAGnC,WAAWQ,MAAM,CAACP,OAAOmC,eAAe,EAAE,SAASnC,OAAOoC,mBAAmB,CAAC;QACjFf,iBAAiBrB,OAAOqC,qBAAqB;IAC/C;IACApB,SAAS;QACP,gCAAgC;YAC9B,UAAU;gBACR,GAAGlB,WAAWmB,WAAW,CAAClB,OAAOoC,mBAAmB,CAAC;gBACrDtB,OAAOd,OAAOsC,4BAA4B;gBAC1CjB,iBAAiBrB,OAAOuC,0BAA0B;YACpD;YACA,iBAAiB;gBACf,GAAGxC,WAAWmB,WAAW,CAAClB,OAAOoC,mBAAmB,CAAC;gBACrDtB,OAAOd,OAAOwC,8BAA8B;gBAC5CnB,iBAAiBrB,OAAOyC,4BAA4B;YACtD;QACF;IACF;AACF;AAEA,OAAO,MAAMC,+BAA+B,CAACC;IAC3C;IAEA,MAAM,EAAEC,aAAa,EAAEC,IAAI,EAAE,GAAGF;IAEhC,MAAMG,SAASzC;IACf,MAAM0C,aAAajB;IACnBa,MAAMxC,IAAI,CAAC6C,SAAS,GAAGlD,aACrBI,qBAAqBC,IAAI,EACzB2C,OAAO3C,IAAI,EACX0C,SAAS,YAAYC,OAAOpB,MAAM,EAClCkB,kBAAkB,UAAUG,WAAW5C,IAAI,EAC3C,CAACwC,MAAMM,QAAQ,IAAIH,OAAO7B,OAAO,EACjC2B,kBAAkB,UAAU,CAACD,MAAMM,QAAQ,IAAIF,WAAW9B,OAAO,EACjE0B,MAAMxC,IAAI,CAAC6C,SAAS;IAGtB,OAAOL;AACT,EAAE"}
|
|
@@ -215,13 +215,145 @@ const useNextStyles = (0, _reactcomponents.__styles)({
|
|
|
215
215
|
root: {
|
|
216
216
|
qh2i5f: "f1m56mwy",
|
|
217
217
|
Bvf7fsn: "frhssjw",
|
|
218
|
-
Be2twd7: "fy9rknc"
|
|
218
|
+
Be2twd7: "fy9rknc",
|
|
219
|
+
B4j52fo: "f192inf7",
|
|
220
|
+
Bekrc4i: [
|
|
221
|
+
"f5tn483",
|
|
222
|
+
"f1ojsxk5"
|
|
223
|
+
],
|
|
224
|
+
Bn0qgzm: "f1vxd6vx",
|
|
225
|
+
ibv6hh: [
|
|
226
|
+
"f1ojsxk5",
|
|
227
|
+
"f5tn483"
|
|
228
|
+
],
|
|
229
|
+
icvyot: "fzkkow9",
|
|
230
|
+
vrafjx: [
|
|
231
|
+
"fcdblym",
|
|
232
|
+
"fjik90z"
|
|
233
|
+
],
|
|
234
|
+
oivjwe: "fg706s2",
|
|
235
|
+
wvpqe5: [
|
|
236
|
+
"fjik90z",
|
|
237
|
+
"fcdblym"
|
|
238
|
+
],
|
|
239
|
+
g2u3we: "f68mrw8",
|
|
240
|
+
h3c5rm: [
|
|
241
|
+
"f7pw515",
|
|
242
|
+
"fw35ms5"
|
|
243
|
+
],
|
|
244
|
+
B9xav0g: "frpde29",
|
|
245
|
+
zhjwy3: [
|
|
246
|
+
"fw35ms5",
|
|
247
|
+
"f7pw515"
|
|
248
|
+
],
|
|
249
|
+
De3pzq: "fhovq9v"
|
|
250
|
+
},
|
|
251
|
+
enabled: {
|
|
252
|
+
B9di4we: "f106pmgz",
|
|
253
|
+
B1f0e9u: [
|
|
254
|
+
"fesy4wo",
|
|
255
|
+
"f9xbgkc"
|
|
256
|
+
],
|
|
257
|
+
bb0oo: "fil0yj2",
|
|
258
|
+
B88lpqa: [
|
|
259
|
+
"f9xbgkc",
|
|
260
|
+
"fesy4wo"
|
|
261
|
+
],
|
|
262
|
+
grrwut: "fnx31mg",
|
|
263
|
+
Bejlia0: "feiahij",
|
|
264
|
+
v5djml: "f1ytgj83",
|
|
265
|
+
Bptf8dt: [
|
|
266
|
+
"f16m5b8m",
|
|
267
|
+
"fwlads5"
|
|
268
|
+
],
|
|
269
|
+
j4j8r: "f17ux6es",
|
|
270
|
+
H566xl: [
|
|
271
|
+
"fwlads5",
|
|
272
|
+
"f16m5b8m"
|
|
273
|
+
],
|
|
274
|
+
a9g2gr: "f1kqxwtj",
|
|
275
|
+
rgbxn1: "f10o6k9l"
|
|
219
276
|
}
|
|
220
277
|
}, {
|
|
221
278
|
d: [
|
|
222
279
|
".f1m56mwy{padding-horizontal:var(--spacingHorizontalM);padding-horizontal:var(--spacingHorizontalM);}",
|
|
223
280
|
".frhssjw{padding-vertical:var(--spacingVerticalSNudge);}",
|
|
224
|
-
".fy9rknc{font-size:var(--fontSizeBase200);}"
|
|
281
|
+
".fy9rknc{font-size:var(--fontSizeBase200);}",
|
|
282
|
+
".f192inf7{border-top-width:var(--strokeWidthThin);}",
|
|
283
|
+
".f5tn483{border-right-width:var(--strokeWidthThin);}",
|
|
284
|
+
".f1ojsxk5{border-left-width:var(--strokeWidthThin);}",
|
|
285
|
+
".f1vxd6vx{border-bottom-width:var(--strokeWidthThin);}",
|
|
286
|
+
".fzkkow9{border-top-style:solid;}",
|
|
287
|
+
".fcdblym{border-right-style:solid;}",
|
|
288
|
+
".fjik90z{border-left-style:solid;}",
|
|
289
|
+
".fg706s2{border-bottom-style:solid;}",
|
|
290
|
+
".f68mrw8{border-top-color:var(--colorNeutralStroke2);}",
|
|
291
|
+
".f7pw515{border-right-color:var(--colorNeutralStroke2);}",
|
|
292
|
+
".fw35ms5{border-left-color:var(--colorNeutralStroke2);}",
|
|
293
|
+
".frpde29{border-bottom-color:var(--colorNeutralStroke2);}",
|
|
294
|
+
".fhovq9v{background-color:var(--colorSubtleBackground);}"
|
|
295
|
+
],
|
|
296
|
+
m: [
|
|
297
|
+
[
|
|
298
|
+
"@media (forced-colors: none){.f106pmgz:hover{border-top-color:var(--colorNeutralStroke2);}}",
|
|
299
|
+
{
|
|
300
|
+
m: "(forced-colors: none)"
|
|
301
|
+
}
|
|
302
|
+
],
|
|
303
|
+
[
|
|
304
|
+
"@media (forced-colors: none){.f9xbgkc:hover{border-left-color:var(--colorNeutralStroke2);}.fesy4wo:hover{border-right-color:var(--colorNeutralStroke2);}}",
|
|
305
|
+
{
|
|
306
|
+
m: "(forced-colors: none)"
|
|
307
|
+
}
|
|
308
|
+
],
|
|
309
|
+
[
|
|
310
|
+
"@media (forced-colors: none){.fil0yj2:hover{border-bottom-color:var(--colorNeutralStroke2);}}",
|
|
311
|
+
{
|
|
312
|
+
m: "(forced-colors: none)"
|
|
313
|
+
}
|
|
314
|
+
],
|
|
315
|
+
[
|
|
316
|
+
"@media (forced-colors: none){.fnx31mg:hover{color:var(--colorNeutralForeground2Hover);}}",
|
|
317
|
+
{
|
|
318
|
+
m: "(forced-colors: none)"
|
|
319
|
+
}
|
|
320
|
+
],
|
|
321
|
+
[
|
|
322
|
+
"@media (forced-colors: none){.feiahij:hover{background-color:var(--colorSubtleBackgroundHover);}}",
|
|
323
|
+
{
|
|
324
|
+
m: "(forced-colors: none)"
|
|
325
|
+
}
|
|
326
|
+
],
|
|
327
|
+
[
|
|
328
|
+
"@media (forced-colors: none){.f1ytgj83:active:hover{border-top-color:var(--colorNeutralStroke2);}}",
|
|
329
|
+
{
|
|
330
|
+
m: "(forced-colors: none)"
|
|
331
|
+
}
|
|
332
|
+
],
|
|
333
|
+
[
|
|
334
|
+
"@media (forced-colors: none){.f16m5b8m:active:hover{border-right-color:var(--colorNeutralStroke2);}.fwlads5:active:hover{border-left-color:var(--colorNeutralStroke2);}}",
|
|
335
|
+
{
|
|
336
|
+
m: "(forced-colors: none)"
|
|
337
|
+
}
|
|
338
|
+
],
|
|
339
|
+
[
|
|
340
|
+
"@media (forced-colors: none){.f17ux6es:active:hover{border-bottom-color:var(--colorNeutralStroke2);}}",
|
|
341
|
+
{
|
|
342
|
+
m: "(forced-colors: none)"
|
|
343
|
+
}
|
|
344
|
+
],
|
|
345
|
+
[
|
|
346
|
+
"@media (forced-colors: none){.f1kqxwtj:active:hover{color:var(--colorNeutralForeground2Pressed);}}",
|
|
347
|
+
{
|
|
348
|
+
m: "(forced-colors: none)"
|
|
349
|
+
}
|
|
350
|
+
],
|
|
351
|
+
[
|
|
352
|
+
"@media (forced-colors: none){.f10o6k9l:active:hover{background-color:var(--colorSubtleBackgroundPressed);}}",
|
|
353
|
+
{
|
|
354
|
+
m: "(forced-colors: none)"
|
|
355
|
+
}
|
|
356
|
+
]
|
|
225
357
|
]
|
|
226
358
|
});
|
|
227
359
|
const useSuggestionStyles_unstable = (state)=>{
|
|
@@ -229,6 +361,6 @@ const useSuggestionStyles_unstable = (state)=>{
|
|
|
229
361
|
const { designVersion, mode } = state;
|
|
230
362
|
const styles = useSuggestionStyles();
|
|
231
363
|
const nextStyles = useNextStyles();
|
|
232
|
-
state.root.className = (0, _reactcomponents.mergeClasses)(suggestionClassNames.root, styles.root, mode === 'canvas' && styles.canvas, designVersion === 'next' && nextStyles.root, !state.disabled && styles.enabled, state.root.className);
|
|
364
|
+
state.root.className = (0, _reactcomponents.mergeClasses)(suggestionClassNames.root, styles.root, mode === 'canvas' && styles.canvas, designVersion === 'next' && nextStyles.root, !state.disabled && styles.enabled, designVersion === 'next' && !state.disabled && nextStyles.enabled, state.root.className);
|
|
233
365
|
return state;
|
|
234
366
|
}; //# sourceMappingURL=useSuggestionStyles.styles.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["useSuggestionStyles.styles.ts"],"sourcesContent":["import { makeStyles, mergeClasses, shorthands
|
|
1
|
+
{"version":3,"sources":["useSuggestionStyles.styles.ts"],"sourcesContent":["import { makeStyles, mergeClasses, shorthands } from '@fluentui/react-components';\nimport { tokens, typographyStyles } from '@fluentui-copilot/tokens';\nimport type { SlotClassNames, ButtonSlots } from '@fluentui/react-components';\nimport type { SuggestionState } from './Suggestion.types';\n\nexport const suggestionClassNames: SlotClassNames<ButtonSlots> = {\n root: 'fai-Suggestion',\n icon: 'fai-Suggestion__icon',\n};\n\nconst useSuggestionStyles = makeStyles({\n root: {\n ...typographyStyles.caption1,\n // Brand/M365/140\n ...shorthands.border('1px', 'solid', tokens.colorBrandStroke2),\n borderRadius: tokens.borderRadiusXLarge,\n padding: `${tokens.spacingVerticalXS} ${tokens.spacingVerticalS}`,\n color: tokens.colorNeutralForeground2,\n textAlign: 'start',\n // remove this MQ once https://github.com/microsoft/fluentui/issues/28552 is resolved\n // media queries have zero specificity\n },\n enabled: {\n '@media (forced-colors: none)': {\n ':hover': {\n // Brand/M365/120\n ...shorthands.borderColor(tokens.colorBrandStroke2Hover),\n color: tokens.colorBrandForeground2Hover,\n backgroundColor: tokens.colorBrandBackground2Hover,\n },\n // Figma states 'on hover and pressed state'\n ':active:hover': {\n // Brand/M365/120\n ...shorthands.borderColor(tokens.colorBrandStroke2Pressed),\n color: tokens.colorBrandForeground2Pressed,\n backgroundColor: tokens.colorBrandBackground2Pressed,\n },\n },\n },\n canvas: {\n ...typographyStyles.body1,\n padding: `${tokens.spacingVerticalSNudge} ${tokens.spacingHorizontalM}`,\n },\n});\n\nconst useNextStyles = makeStyles({\n root: {\n paddingHorizontal: tokens.spacingHorizontalM,\n paddingVertical: tokens.spacingVerticalSNudge,\n fontSize: tokens.fontSizeBase200,\n ...shorthands.border(tokens.strokeWidthThin, 'solid', tokens.colorNeutralStroke2),\n backgroundColor: tokens.colorSubtleBackground,\n },\n enabled: {\n '@media (forced-colors: none)': {\n ':hover': {\n ...shorthands.borderColor(tokens.colorNeutralStroke2),\n color: tokens.colorNeutralForeground2Hover,\n backgroundColor: tokens.colorSubtleBackgroundHover,\n },\n ':active:hover': {\n ...shorthands.borderColor(tokens.colorNeutralStroke2),\n color: tokens.colorNeutralForeground2Pressed,\n backgroundColor: tokens.colorSubtleBackgroundPressed,\n },\n },\n },\n});\n\nexport const useSuggestionStyles_unstable = (state: SuggestionState): SuggestionState => {\n 'use no memo';\n\n const { designVersion, mode } = state;\n\n const styles = useSuggestionStyles();\n const nextStyles = useNextStyles();\n state.root.className = mergeClasses(\n suggestionClassNames.root,\n styles.root,\n mode === 'canvas' && styles.canvas,\n designVersion === 'next' && nextStyles.root,\n !state.disabled && styles.enabled,\n designVersion === 'next' && !state.disabled && nextStyles.enabled,\n state.root.className,\n );\n\n return state;\n};\n"],"names":["suggestionClassNames","root","icon","useSuggestionStyles","makeStyles","typographyStyles","shorthands","borderRadius","padding","color","colorNeutralForeground2","textAlign","ibv6hh","enabled","tokens","colorBrandForeground2Hover","z8tnut","canvas","B9di4we","useNextStyles","paddingHorizontal","paddingVertical","spacingVerticalSNudge","fontSize","backgroundColor","Bptf8dt","B0ocmuz","state","p"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAKaA,oBAAAA;eAAAA;;;;;;iCALgC;AAKtC,MAAMA,uBAAoD;UAC/DC;UACAC;AACF;AAEA,MAAMC,sBAAsBC,IAAAA,yBAAAA,EAAAA;UAC1BH;iBACKI;iBACH;iBACGC;iBACHC;iBACAC;iBACAC;YAAAA;YAAcC;SAAAA;iBACdC;QAGFC,QAAA;YAAA;YAAA;SAAA;QACAC,QAAAA;gBACE;YAAA;YAAA;SAAA;gBACE;;;YACE;SAAkB;;;;YAEXC;SAAOC;;gBAEhB;YAAA;YAAA;SAAA;iBACA;iBACA;;;;;gBAKA;gBACF;QACFC,QAAA;QACAC,SAAQ;gBACHZ;gBACHG;;IAEJK,SAAA;QAEAK,SAAMC;QACJlB,SAAM;YAAA;YAAA;SAAA;eACJmB;iBACAC;YAAAA;YAAiBP;SAAOQ;gBACxBC;iBACGjB;gBACHkB;QACFC,SAAA;YAAA;YAAA;SAAA;QACAZ,OAAAA;gBACE;YAAA;YAAA;SAAA;gBACE;;;;iBAIA;iBACA;;;;gBAIA;gBACF;QACFG,QAAA;QACFU,SAAA;IAEA;;OAGE;QAAA;QAAgCC;QAAAA;QAAAA;QAAAA;QAAAA;QAAAA;QAAAA;QAAAA;QAAAA;QAAAA;QAAAA;QAAAA;QAAAA;QAAAA;QAAAA;QAAAA;YAAAA;YAAAA;gBAEhCC,GAAA,CAAA;;SACA;QAAA;YAAA;YAAmBT;gBACnBQ,GAAAA,CAAAA;;SAUA;QAAA;QAAOA;QAAAA;QAAAA;QAAAA;YAAAA;YAAAA;gBACPC,GAAA,CAAA"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@fluentui-copilot/react-suggestions",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.13.0",
|
|
4
4
|
"description": "A Fluent AI package",
|
|
5
5
|
"main": "lib-commonjs/index.js",
|
|
6
6
|
"module": "lib/index.js",
|
|
@@ -12,15 +12,15 @@
|
|
|
12
12
|
},
|
|
13
13
|
"license": "MIT",
|
|
14
14
|
"dependencies": {
|
|
15
|
-
"@fluentui-copilot/react-provider": "^0.
|
|
16
|
-
"@fluentui-copilot/tokens": "^0.3.
|
|
15
|
+
"@fluentui-copilot/react-provider": "^0.12.0",
|
|
16
|
+
"@fluentui-copilot/tokens": "^0.3.11",
|
|
17
17
|
"@swc/helpers": "^0.5.1"
|
|
18
18
|
},
|
|
19
19
|
"peerDependencies": {
|
|
20
|
-
"@fluentui/react-components": ">=9.
|
|
20
|
+
"@fluentui/react-components": ">=9.63.0 <10.0.0",
|
|
21
21
|
"@fluentui/react-context-selector": ">=9.1.76 <10.0.0",
|
|
22
22
|
"@fluentui/react-icons": ">=2.0.260 <3.0.0",
|
|
23
|
-
"@fluentui/react-jsx-runtime": ">=9.0.
|
|
23
|
+
"@fluentui/react-jsx-runtime": ">=9.0.54 <10.0.0",
|
|
24
24
|
"@fluentui/react-shared-contexts": ">=9.23.1 <10.0.0",
|
|
25
25
|
"@fluentui/react-utilities": ">=9.19.0 <10.0.0",
|
|
26
26
|
"@types/react": ">=16.14.0 <19.0.0",
|