@fluentui-copilot/react-prompt-starter 0.0.0-nightly-20240527-0406-162a35f3.1 → 0.0.0-nightly-20240531-0407-49d6b52e.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 +5 -5
- package/CHANGELOG.md +5 -5
- package/lib/components/PromptStarter/usePromptStarterStyles.styles.js +2 -0
- package/lib/components/PromptStarter/usePromptStarterStyles.styles.js.map +1 -1
- package/lib-commonjs/components/PromptStarter/usePromptStarterStyles.styles.js +1 -0
- package/lib-commonjs/components/PromptStarter/usePromptStarterStyles.styles.js.map +1 -1
- package/package.json +2 -2
package/CHANGELOG.json
CHANGED
|
@@ -2,9 +2,9 @@
|
|
|
2
2
|
"name": "@fluentui-copilot/react-prompt-starter",
|
|
3
3
|
"entries": [
|
|
4
4
|
{
|
|
5
|
-
"date": "
|
|
6
|
-
"tag": "@fluentui-copilot/react-prompt-starter_v0.0.0-nightly-
|
|
7
|
-
"version": "0.0.0-nightly-
|
|
5
|
+
"date": "Fri, 31 May 2024 04:15:48 GMT",
|
|
6
|
+
"tag": "@fluentui-copilot/react-prompt-starter_v0.0.0-nightly-20240531-0407-49d6b52e.1",
|
|
7
|
+
"version": "0.0.0-nightly-20240531-0407-49d6b52e.1",
|
|
8
8
|
"comments": {
|
|
9
9
|
"prerelease": [
|
|
10
10
|
{
|
|
@@ -16,8 +16,8 @@
|
|
|
16
16
|
{
|
|
17
17
|
"author": "beachball",
|
|
18
18
|
"package": "@fluentui-copilot/react-prompt-starter",
|
|
19
|
-
"comment": "Bump @fluentui-copilot/react-provider to v0.0.0-nightly-
|
|
20
|
-
"commit": "
|
|
19
|
+
"comment": "Bump @fluentui-copilot/react-provider to v0.0.0-nightly-20240531-0407-49d6b52e.1",
|
|
20
|
+
"commit": "9c3be0e96b259a17f931d3bbc23affaa0d137cea"
|
|
21
21
|
}
|
|
22
22
|
]
|
|
23
23
|
}
|
package/CHANGELOG.md
CHANGED
|
@@ -1,18 +1,18 @@
|
|
|
1
1
|
# Change Log - @fluentui-copilot/react-prompt-starter
|
|
2
2
|
|
|
3
|
-
This log was last generated on
|
|
3
|
+
This log was last generated on Fri, 31 May 2024 04:15:48 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-20240531-0407-49d6b52e.1](https://github.com/microsoft/fluentai/tree/@fluentui-copilot/react-prompt-starter_v0.0.0-nightly-20240531-0407-49d6b52e.1)
|
|
8
8
|
|
|
9
|
-
|
|
10
|
-
[Compare changes](https://github.com/microsoft/fluentai/compare/@fluentui-copilot/react-prompt-starter_v0.6.2..@fluentui-copilot/react-prompt-starter_v0.0.0-nightly-
|
|
9
|
+
Fri, 31 May 2024 04:15:48 GMT
|
|
10
|
+
[Compare changes](https://github.com/microsoft/fluentai/compare/@fluentui-copilot/react-prompt-starter_v0.6.2..@fluentui-copilot/react-prompt-starter_v0.0.0-nightly-20240531-0407-49d6b52e.1)
|
|
11
11
|
|
|
12
12
|
### Changes
|
|
13
13
|
|
|
14
14
|
- Release nightly ([commit](https://github.com/microsoft/fluentai/commit/not available) by fluentui-internal@service.microsoft.com)
|
|
15
|
-
- Bump @fluentui-copilot/react-provider to v0.0.0-nightly-
|
|
15
|
+
- Bump @fluentui-copilot/react-provider to v0.0.0-nightly-20240531-0407-49d6b52e.1 ([commit](https://github.com/microsoft/fluentai/commit/9c3be0e96b259a17f931d3bbc23affaa0d137cea) by beachball)
|
|
16
16
|
|
|
17
17
|
## [0.6.2](https://github.com/microsoft/fluentai/tree/@fluentui-copilot/react-prompt-starter_v0.6.2)
|
|
18
18
|
|
|
@@ -93,6 +93,8 @@ const useStyles = __styles({
|
|
|
93
93
|
a: [".f1ryyzvn:active{background-color:var(--colorNeutralBackgroundDisabled);}", ".fk7lb2a:active{border-top-width:var(--strokeWidthThin);}", ".f1knhbbd:active{border-right-width:var(--strokeWidthThin);}", ".f17itt0b:active{border-left-width:var(--strokeWidthThin);}", ".f15pjvi3:active{border-bottom-width:var(--strokeWidthThin);}", ".f6ginmj:active{border-top-style:solid;}", ".f1grcyuh:active{border-right-style:solid;}", ".fgzu20w:active{border-left-style:solid;}", ".fk1xjsr:active{border-bottom-style:solid;}", ".fdi4vxw:active{border-top-color:var(--colorNeutralStrokeDisabled);}", ".f4ryxzl:active{border-right-color:var(--colorNeutralStrokeDisabled);}", ".fkdgpbx:active{border-left-color:var(--colorNeutralStrokeDisabled);}", ".fcmhn06:active{border-bottom-color:var(--colorNeutralStrokeDisabled);}"]
|
|
94
94
|
});
|
|
95
95
|
export const usePromptStarterStyles_unstable = state => {
|
|
96
|
+
'use no memo';
|
|
97
|
+
|
|
96
98
|
const styles = useStyles();
|
|
97
99
|
const rootResetStyles = useRootResetStyles();
|
|
98
100
|
state.root.className = mergeClasses(promptStarterClassNames.root, rootResetStyles, state.root.disabled && styles.disabled, state.root.className);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["usePromptStarterStyles.styles.ts"],"sourcesContent":["import {\n makeStyles,\n makeResetStyles,\n mergeClasses,\n shorthands,\n typographyStyles,\n tokens,\n createFocusOutlineStyle,\n} from '@fluentui/react-components';\nimport type { PromptStarterSlots, PromptStarterState } from './PromptStarter.types';\nimport type { SlotClassNames } from '@fluentui/react-components';\n\nexport const promptStarterClassNames: SlotClassNames<PromptStarterSlots> = {\n root: 'fai-PromptStarter',\n category: 'fai-PromptStarter__category',\n icon: 'fai-PromptStarter__icon',\n prompt: 'fai-PromptStarter__prompt',\n badge: 'fai-PromptStarter__badge',\n};\n\nconst useRootResetStyles = makeResetStyles({\n position: 'relative',\n display: 'grid',\n gridTemplateColumns: 'auto 1fr',\n gridTemplateRows: 'auto auto',\n gridTemplateAreas: `\n \"icon category\"\n \". prompt\"\n `,\n backgroundColor: tokens.colorNeutralBackground1,\n color: tokens.colorNeutralForeground1,\n fontFamily: tokens.fontFamilyBase,\n cursor: 'pointer',\n outlineStyle: 'none',\n textAlign: 'left',\n ...shorthands.gap('8px', '0px'),\n ...shorthands.padding('6px', '8px', '8px', '8px'),\n ...shorthands.border(tokens.strokeWidthThin, 'solid', tokens.colorNeutralStroke1),\n ...shorthands.borderRadius(tokens.borderRadiusMedium),\n '&:hover': {\n backgroundColor: tokens.colorNeutralBackground1Hover,\n ...shorthands.border(tokens.strokeWidthThin, 'solid', tokens.colorNeutralStroke1Hover),\n },\n '&:active': {\n backgroundColor: tokens.colorNeutralBackground1Pressed,\n ...shorthands.border(tokens.strokeWidthThin, 'solid', tokens.colorNeutralStroke1Pressed),\n },\n ...createFocusOutlineStyle(),\n});\n\nconst useStyles = makeStyles({\n disabled: {\n cursor: 'not-allowed',\n backgroundColor: tokens.colorNeutralBackgroundDisabled,\n ...shorthands.border(tokens.strokeWidthThin, 'solid', tokens.colorNeutralStrokeDisabled),\n '&:hover': {\n backgroundColor: tokens.colorNeutralBackgroundDisabled,\n ...shorthands.border(tokens.strokeWidthThin, 'solid', tokens.colorNeutralStrokeDisabled),\n },\n '&:active': {\n backgroundColor: tokens.colorNeutralBackgroundDisabled,\n ...shorthands.border(tokens.strokeWidthThin, 'solid', tokens.colorNeutralStrokeDisabled),\n },\n },\n icon: { ...shorthands.gridArea('icon'), display: 'flex', alignSelf: 'center' },\n\n category: {\n ...typographyStyles.body1Strong,\n ...shorthands.gridArea('category'),\n },\n prompt: { ...typographyStyles.body1, ...shorthands.gridArea('prompt') },\n disabledText: {\n color: tokens.colorNeutralForegroundDisabled,\n },\n disabledBadge: {\n opacity: '40%',\n },\n});\n\nexport const usePromptStarterStyles_unstable = (state: PromptStarterState): PromptStarterState => {\n const styles = useStyles();\n const rootResetStyles = useRootResetStyles();\n state.root.className = mergeClasses(\n promptStarterClassNames.root,\n rootResetStyles,\n state.root.disabled && styles.disabled,\n state.root.className,\n );\n state.icon.className = mergeClasses(\n promptStarterClassNames.icon,\n styles.icon,\n state.root.disabled && styles.disabledText,\n state.icon.className,\n );\n state.category.className = mergeClasses(\n promptStarterClassNames.category,\n styles.category,\n state.category.className,\n state.root.disabled && styles.disabledText,\n );\n if (state.prompt) {\n state.prompt.className = mergeClasses(\n promptStarterClassNames.prompt,\n styles.prompt,\n state.root.disabled && styles.disabledText,\n state.prompt.className,\n );\n }\n if (state.badge) {\n state.badge.className = mergeClasses(\n promptStarterClassNames.badge,\n state.root.disabled && styles.disabledBadge,\n state.badge.className,\n );\n }\n\n return state;\n};\n"],"names":["makeStyles","makeResetStyles","mergeClasses","shorthands","typographyStyles","tokens","createFocusOutlineStyle","promptStarterClassNames","root","category","icon","prompt","badge","useRootResetStyles","position","display","gridTemplateColumns","gridTemplateRows","gridTemplateAreas","backgroundColor","colorNeutralBackground1","color","colorNeutralForeground1","fontFamily","fontFamilyBase","cursor","outlineStyle","textAlign","gap","padding","border","strokeWidthThin","colorNeutralStroke1","borderRadius","borderRadiusMedium","colorNeutralBackground1Hover","colorNeutralStroke1Hover","colorNeutralBackground1Pressed","colorNeutralStroke1Pressed","useStyles","disabled","colorNeutralBackgroundDisabled","colorNeutralStrokeDisabled","gridArea","alignSelf","body1Strong","body1","disabledText","colorNeutralForegroundDisabled","disabledBadge","opacity","usePromptStarterStyles_unstable","state","styles","rootResetStyles","className"],"rangeMappings":"
|
|
1
|
+
{"version":3,"sources":["usePromptStarterStyles.styles.ts"],"sourcesContent":["import {\n makeStyles,\n makeResetStyles,\n mergeClasses,\n shorthands,\n typographyStyles,\n tokens,\n createFocusOutlineStyle,\n} from '@fluentui/react-components';\nimport type { PromptStarterSlots, PromptStarterState } from './PromptStarter.types';\nimport type { SlotClassNames } from '@fluentui/react-components';\n\nexport const promptStarterClassNames: SlotClassNames<PromptStarterSlots> = {\n root: 'fai-PromptStarter',\n category: 'fai-PromptStarter__category',\n icon: 'fai-PromptStarter__icon',\n prompt: 'fai-PromptStarter__prompt',\n badge: 'fai-PromptStarter__badge',\n};\n\nconst useRootResetStyles = makeResetStyles({\n position: 'relative',\n display: 'grid',\n gridTemplateColumns: 'auto 1fr',\n gridTemplateRows: 'auto auto',\n gridTemplateAreas: `\n \"icon category\"\n \". prompt\"\n `,\n backgroundColor: tokens.colorNeutralBackground1,\n color: tokens.colorNeutralForeground1,\n fontFamily: tokens.fontFamilyBase,\n cursor: 'pointer',\n outlineStyle: 'none',\n textAlign: 'left',\n ...shorthands.gap('8px', '0px'),\n ...shorthands.padding('6px', '8px', '8px', '8px'),\n ...shorthands.border(tokens.strokeWidthThin, 'solid', tokens.colorNeutralStroke1),\n ...shorthands.borderRadius(tokens.borderRadiusMedium),\n '&:hover': {\n backgroundColor: tokens.colorNeutralBackground1Hover,\n ...shorthands.border(tokens.strokeWidthThin, 'solid', tokens.colorNeutralStroke1Hover),\n },\n '&:active': {\n backgroundColor: tokens.colorNeutralBackground1Pressed,\n ...shorthands.border(tokens.strokeWidthThin, 'solid', tokens.colorNeutralStroke1Pressed),\n },\n ...createFocusOutlineStyle(),\n});\n\nconst useStyles = makeStyles({\n disabled: {\n cursor: 'not-allowed',\n backgroundColor: tokens.colorNeutralBackgroundDisabled,\n ...shorthands.border(tokens.strokeWidthThin, 'solid', tokens.colorNeutralStrokeDisabled),\n '&:hover': {\n backgroundColor: tokens.colorNeutralBackgroundDisabled,\n ...shorthands.border(tokens.strokeWidthThin, 'solid', tokens.colorNeutralStrokeDisabled),\n },\n '&:active': {\n backgroundColor: tokens.colorNeutralBackgroundDisabled,\n ...shorthands.border(tokens.strokeWidthThin, 'solid', tokens.colorNeutralStrokeDisabled),\n },\n },\n icon: { ...shorthands.gridArea('icon'), display: 'flex', alignSelf: 'center' },\n\n category: {\n ...typographyStyles.body1Strong,\n ...shorthands.gridArea('category'),\n },\n prompt: { ...typographyStyles.body1, ...shorthands.gridArea('prompt') },\n disabledText: {\n color: tokens.colorNeutralForegroundDisabled,\n },\n disabledBadge: {\n opacity: '40%',\n },\n});\n\nexport const usePromptStarterStyles_unstable = (state: PromptStarterState): PromptStarterState => {\n 'use no memo';\n\n const styles = useStyles();\n const rootResetStyles = useRootResetStyles();\n state.root.className = mergeClasses(\n promptStarterClassNames.root,\n rootResetStyles,\n state.root.disabled && styles.disabled,\n state.root.className,\n );\n state.icon.className = mergeClasses(\n promptStarterClassNames.icon,\n styles.icon,\n state.root.disabled && styles.disabledText,\n state.icon.className,\n );\n state.category.className = mergeClasses(\n promptStarterClassNames.category,\n styles.category,\n state.category.className,\n state.root.disabled && styles.disabledText,\n );\n if (state.prompt) {\n state.prompt.className = mergeClasses(\n promptStarterClassNames.prompt,\n styles.prompt,\n state.root.disabled && styles.disabledText,\n state.prompt.className,\n );\n }\n if (state.badge) {\n state.badge.className = mergeClasses(\n promptStarterClassNames.badge,\n state.root.disabled && styles.disabledBadge,\n state.badge.className,\n );\n }\n\n return state;\n};\n"],"names":["makeStyles","makeResetStyles","mergeClasses","shorthands","typographyStyles","tokens","createFocusOutlineStyle","promptStarterClassNames","root","category","icon","prompt","badge","useRootResetStyles","position","display","gridTemplateColumns","gridTemplateRows","gridTemplateAreas","backgroundColor","colorNeutralBackground1","color","colorNeutralForeground1","fontFamily","fontFamilyBase","cursor","outlineStyle","textAlign","gap","padding","border","strokeWidthThin","colorNeutralStroke1","borderRadius","borderRadiusMedium","colorNeutralBackground1Hover","colorNeutralStroke1Hover","colorNeutralBackground1Pressed","colorNeutralStroke1Pressed","useStyles","disabled","colorNeutralBackgroundDisabled","colorNeutralStrokeDisabled","gridArea","alignSelf","body1Strong","body1","disabledText","colorNeutralForegroundDisabled","disabledBadge","opacity","usePromptStarterStyles_unstable","state","styles","rootResetStyles","className"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}
|
|
@@ -247,6 +247,7 @@ const useStyles = (0, _reactcomponents.__styles)({
|
|
|
247
247
|
]
|
|
248
248
|
});
|
|
249
249
|
const usePromptStarterStyles_unstable = (state)=>{
|
|
250
|
+
'use no memo';
|
|
250
251
|
const styles = useStyles();
|
|
251
252
|
const rootResetStyles = useRootResetStyles();
|
|
252
253
|
state.root.className = (0, _reactcomponents.mergeClasses)(promptStarterClassNames.root, rootResetStyles, state.root.disabled && styles.disabled, state.root.className);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["usePromptStarterStyles.styles.ts"],"sourcesContent":["import {\n makeStyles,\n makeResetStyles,\n mergeClasses,\n shorthands,\n typographyStyles,\n tokens,\n createFocusOutlineStyle,\n} from '@fluentui/react-components';\nimport type { PromptStarterSlots, PromptStarterState } from './PromptStarter.types';\nimport type { SlotClassNames } from '@fluentui/react-components';\n\nexport const promptStarterClassNames: SlotClassNames<PromptStarterSlots> = {\n root: 'fai-PromptStarter',\n category: 'fai-PromptStarter__category',\n icon: 'fai-PromptStarter__icon',\n prompt: 'fai-PromptStarter__prompt',\n badge: 'fai-PromptStarter__badge',\n};\n\nconst useRootResetStyles = makeResetStyles({\n position: 'relative',\n display: 'grid',\n gridTemplateColumns: 'auto 1fr',\n gridTemplateRows: 'auto auto',\n gridTemplateAreas: `\n \"icon category\"\n \". prompt\"\n `,\n backgroundColor: tokens.colorNeutralBackground1,\n color: tokens.colorNeutralForeground1,\n fontFamily: tokens.fontFamilyBase,\n cursor: 'pointer',\n outlineStyle: 'none',\n textAlign: 'left',\n ...shorthands.gap('8px', '0px'),\n ...shorthands.padding('6px', '8px', '8px', '8px'),\n ...shorthands.border(tokens.strokeWidthThin, 'solid', tokens.colorNeutralStroke1),\n ...shorthands.borderRadius(tokens.borderRadiusMedium),\n '&:hover': {\n backgroundColor: tokens.colorNeutralBackground1Hover,\n ...shorthands.border(tokens.strokeWidthThin, 'solid', tokens.colorNeutralStroke1Hover),\n },\n '&:active': {\n backgroundColor: tokens.colorNeutralBackground1Pressed,\n ...shorthands.border(tokens.strokeWidthThin, 'solid', tokens.colorNeutralStroke1Pressed),\n },\n ...createFocusOutlineStyle(),\n});\n\nconst useStyles = makeStyles({\n disabled: {\n cursor: 'not-allowed',\n backgroundColor: tokens.colorNeutralBackgroundDisabled,\n ...shorthands.border(tokens.strokeWidthThin, 'solid', tokens.colorNeutralStrokeDisabled),\n '&:hover': {\n backgroundColor: tokens.colorNeutralBackgroundDisabled,\n ...shorthands.border(tokens.strokeWidthThin, 'solid', tokens.colorNeutralStrokeDisabled),\n },\n '&:active': {\n backgroundColor: tokens.colorNeutralBackgroundDisabled,\n ...shorthands.border(tokens.strokeWidthThin, 'solid', tokens.colorNeutralStrokeDisabled),\n },\n },\n icon: { ...shorthands.gridArea('icon'), display: 'flex', alignSelf: 'center' },\n\n category: {\n ...typographyStyles.body1Strong,\n ...shorthands.gridArea('category'),\n },\n prompt: { ...typographyStyles.body1, ...shorthands.gridArea('prompt') },\n disabledText: {\n color: tokens.colorNeutralForegroundDisabled,\n },\n disabledBadge: {\n opacity: '40%',\n },\n});\n\nexport const usePromptStarterStyles_unstable = (state: PromptStarterState): PromptStarterState => {\n const styles = useStyles();\n const rootResetStyles = useRootResetStyles();\n state.root.className = mergeClasses(\n promptStarterClassNames.root,\n rootResetStyles,\n state.root.disabled && styles.disabled,\n state.root.className,\n );\n state.icon.className = mergeClasses(\n promptStarterClassNames.icon,\n styles.icon,\n state.root.disabled && styles.disabledText,\n state.icon.className,\n );\n state.category.className = mergeClasses(\n promptStarterClassNames.category,\n styles.category,\n state.category.className,\n state.root.disabled && styles.disabledText,\n );\n if (state.prompt) {\n state.prompt.className = mergeClasses(\n promptStarterClassNames.prompt,\n styles.prompt,\n state.root.disabled && styles.disabledText,\n state.prompt.className,\n );\n }\n if (state.badge) {\n state.badge.className = mergeClasses(\n promptStarterClassNames.badge,\n state.root.disabled && styles.disabledBadge,\n state.badge.className,\n );\n }\n\n return state;\n};\n"],"names":["promptStarterClassNames","root","category","icon","prompt","badge","useRootResetStyles","makeResetStyles","position","display","gridTemplateRows","gridTemplateAreas","B4j52fo","backgroundColor","tokens","colorNeutralBackground1","color","fontFamily","fontFamilyBase","cursor","outlineStyle","textAlign","wvpqe5","shorthands","g2u3we","h3c5rm","strokeWidthThin","B9xav0g","zhjwy3","B2zwrfe","xv9156","colorNeutralBackground1Pressed","Bop6t4b","gvrnp0","createFocusOutlineStyle","Beu9t3s","Bgoe8wy","useStyles","disabled","colorNeutralBackgroundDisabled","B6oc9vd","typographyStyles","Bw0ie65","disabledText","Bhrd7zp","disabledBadge","opacity","Br312pm","nk6f5a","usePromptStarterStyles_unstable","rootResetStyles","state","
|
|
1
|
+
{"version":3,"sources":["usePromptStarterStyles.styles.ts"],"sourcesContent":["import {\n makeStyles,\n makeResetStyles,\n mergeClasses,\n shorthands,\n typographyStyles,\n tokens,\n createFocusOutlineStyle,\n} from '@fluentui/react-components';\nimport type { PromptStarterSlots, PromptStarterState } from './PromptStarter.types';\nimport type { SlotClassNames } from '@fluentui/react-components';\n\nexport const promptStarterClassNames: SlotClassNames<PromptStarterSlots> = {\n root: 'fai-PromptStarter',\n category: 'fai-PromptStarter__category',\n icon: 'fai-PromptStarter__icon',\n prompt: 'fai-PromptStarter__prompt',\n badge: 'fai-PromptStarter__badge',\n};\n\nconst useRootResetStyles = makeResetStyles({\n position: 'relative',\n display: 'grid',\n gridTemplateColumns: 'auto 1fr',\n gridTemplateRows: 'auto auto',\n gridTemplateAreas: `\n \"icon category\"\n \". prompt\"\n `,\n backgroundColor: tokens.colorNeutralBackground1,\n color: tokens.colorNeutralForeground1,\n fontFamily: tokens.fontFamilyBase,\n cursor: 'pointer',\n outlineStyle: 'none',\n textAlign: 'left',\n ...shorthands.gap('8px', '0px'),\n ...shorthands.padding('6px', '8px', '8px', '8px'),\n ...shorthands.border(tokens.strokeWidthThin, 'solid', tokens.colorNeutralStroke1),\n ...shorthands.borderRadius(tokens.borderRadiusMedium),\n '&:hover': {\n backgroundColor: tokens.colorNeutralBackground1Hover,\n ...shorthands.border(tokens.strokeWidthThin, 'solid', tokens.colorNeutralStroke1Hover),\n },\n '&:active': {\n backgroundColor: tokens.colorNeutralBackground1Pressed,\n ...shorthands.border(tokens.strokeWidthThin, 'solid', tokens.colorNeutralStroke1Pressed),\n },\n ...createFocusOutlineStyle(),\n});\n\nconst useStyles = makeStyles({\n disabled: {\n cursor: 'not-allowed',\n backgroundColor: tokens.colorNeutralBackgroundDisabled,\n ...shorthands.border(tokens.strokeWidthThin, 'solid', tokens.colorNeutralStrokeDisabled),\n '&:hover': {\n backgroundColor: tokens.colorNeutralBackgroundDisabled,\n ...shorthands.border(tokens.strokeWidthThin, 'solid', tokens.colorNeutralStrokeDisabled),\n },\n '&:active': {\n backgroundColor: tokens.colorNeutralBackgroundDisabled,\n ...shorthands.border(tokens.strokeWidthThin, 'solid', tokens.colorNeutralStrokeDisabled),\n },\n },\n icon: { ...shorthands.gridArea('icon'), display: 'flex', alignSelf: 'center' },\n\n category: {\n ...typographyStyles.body1Strong,\n ...shorthands.gridArea('category'),\n },\n prompt: { ...typographyStyles.body1, ...shorthands.gridArea('prompt') },\n disabledText: {\n color: tokens.colorNeutralForegroundDisabled,\n },\n disabledBadge: {\n opacity: '40%',\n },\n});\n\nexport const usePromptStarterStyles_unstable = (state: PromptStarterState): PromptStarterState => {\n 'use no memo';\n\n const styles = useStyles();\n const rootResetStyles = useRootResetStyles();\n state.root.className = mergeClasses(\n promptStarterClassNames.root,\n rootResetStyles,\n state.root.disabled && styles.disabled,\n state.root.className,\n );\n state.icon.className = mergeClasses(\n promptStarterClassNames.icon,\n styles.icon,\n state.root.disabled && styles.disabledText,\n state.icon.className,\n );\n state.category.className = mergeClasses(\n promptStarterClassNames.category,\n styles.category,\n state.category.className,\n state.root.disabled && styles.disabledText,\n );\n if (state.prompt) {\n state.prompt.className = mergeClasses(\n promptStarterClassNames.prompt,\n styles.prompt,\n state.root.disabled && styles.disabledText,\n state.prompt.className,\n );\n }\n if (state.badge) {\n state.badge.className = mergeClasses(\n promptStarterClassNames.badge,\n state.root.disabled && styles.disabledBadge,\n state.badge.className,\n );\n }\n\n return state;\n};\n"],"names":["promptStarterClassNames","root","category","icon","prompt","badge","useRootResetStyles","makeResetStyles","position","display","gridTemplateRows","gridTemplateAreas","B4j52fo","backgroundColor","tokens","colorNeutralBackground1","color","fontFamily","fontFamilyBase","cursor","outlineStyle","textAlign","wvpqe5","shorthands","g2u3we","h3c5rm","strokeWidthThin","B9xav0g","zhjwy3","B2zwrfe","xv9156","colorNeutralBackground1Pressed","Bop6t4b","gvrnp0","createFocusOutlineStyle","Beu9t3s","Bgoe8wy","useStyles","disabled","colorNeutralBackgroundDisabled","B6oc9vd","typographyStyles","Bw0ie65","disabledText","Bhrd7zp","disabledBadge","opacity","Br312pm","nk6f5a","usePromptStarterStyles_unstable","styles","Bahqtrf","rootResetStyles","state","Ijaq50","sj55zd"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAYaA,uBAAAA;eAAAA;;;;;;iCALY;AAKlB,MAAMA,0BAA8D;UACzEC;cACAC;UACAC;YACAC;WACAC;AACF;AAEA,MAAMC,qBAAqBC,IAAAA,8BAAAA,EAAAA,YAAgB,YAAA;OACzCC;QAAAA;QAAU;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;KAAA;OACVC;QAAAA;QAAS;KAAA;;MAETC,YAAAA,IAAAA,yBAAkB,EAAA;cAClBC;;;QAGCC,SAAA;QACDC,SAAAA;YAAAA;YAAiBC;SAAOC;QACxBC,SAAOF;QACPG,QAAAA;YAAAA;YAAmBC;SAAAA;QACnBC,QAAQ;QACRC,QAAAA;YAAAA;YAAc;SAAA;QACdC,QAAAA;QACAC,QAAGC;YAAAA;YAAe;SAAO;QACzBC,QAAGD;QACHE,QAAGF;YAAAA;YAAiB;SAAQG;QAC5BC,SAAGJ;QACHK,QAAA;YAAA;YAAW;SAAA;gBACTf;gBACGU;QACLM,SAAA;YAAA;YAAA;SAAA;QACAC,QAAA;gBACEjB;YAAAA;YAAiBC;SAAOiB;iBACrBR;QACLS,SAAA;YAAA;YAAA;SAAA;QACAC,QAAGC;QACLC,SAAA;YAAA;YAAA;SAAA;QAEAC,SAAMC;QACJC,SAAAA;YAAU;YAAA;SAAA;gBACRnB;gBACAN;YAAAA;YAAiBC;SAAOyB;gBACrBhB;gBACH;iBACEV;YAAAA;YAAAA;SAAwB0B;iBACxB;gBACF;YAAA;YAAA;SAAA;gBACA;iBACE1B;YAAAA;YAAAA;SAAwB0B;iBACxB;gBACF;YAAA;YAAA;SAAA;QACFC,SAAA;QACArC,QAAM;YAAA;YAAA;SAAA;gBAAKoB;iBAA6Bd;YAAAA;YAAS;SAAA;;UAA4B;QAE7EP,QAAAA;iBACKuC;gBACAlB;QACLmB,SAAA;QACAtC,QAAQ;gBAAKqC;;cAAyD;QACtEE,SAAAA;iBACE3B;QACF4B,SAAA;QACAC,SAAAA;gBACEC;QACFC,SAAA;QACFC,QAAA;QAEAN,SAAaO;;YAGLC;QACNC,SAAMC;QACNC,SAAMpD;QAMNoD,SAAMlD;QAMNkD,SAAMnD;QAMNoD,QAAID;iBACFA;QAMFL,QAAA;QACAN,SAAIW;;kBAMJ;QAEAE,QAAOF;IACP"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@fluentui-copilot/react-prompt-starter",
|
|
3
|
-
"version": "0.0.0-nightly-
|
|
3
|
+
"version": "0.0.0-nightly-20240531-0407-49d6b52e.1",
|
|
4
4
|
"description": "A Fluent AI package",
|
|
5
5
|
"main": "lib-commonjs/index.js",
|
|
6
6
|
"module": "lib/index.js",
|
|
@@ -12,7 +12,7 @@
|
|
|
12
12
|
},
|
|
13
13
|
"license": "MIT",
|
|
14
14
|
"dependencies": {
|
|
15
|
-
"@fluentui-copilot/react-provider": "0.0.0-nightly-
|
|
15
|
+
"@fluentui-copilot/react-provider": "0.0.0-nightly-20240531-0407-49d6b52e.1",
|
|
16
16
|
"@swc/helpers": "^0.5.1"
|
|
17
17
|
},
|
|
18
18
|
"peerDependencies": {
|