@fluentui-copilot/react-prompt-starter 0.0.0-nightly-20240524-0405-c4d67c24.1 → 0.0.0-nightly-20240527-0406-162a35f3.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.json +5 -5
- package/CHANGELOG.md +5 -5
- package/lib/components/PromptStarter/PromptStarter.js +1 -1
- package/lib/components/PromptStarter/PromptStarter.js.map +1 -1
- package/lib/components/PromptStarter/index.js +1 -1
- package/lib/components/PromptStarter/index.js.map +1 -1
- package/lib/components/PromptStarter/{usePromptStarterStyles.js → usePromptStarterStyles.styles.js} +1 -1
- package/lib/components/PromptStarter/usePromptStarterStyles.styles.js.map +1 -0
- package/lib-commonjs/components/PromptStarter/PromptStarter.js +2 -2
- package/lib-commonjs/components/PromptStarter/PromptStarter.js.map +1 -1
- package/lib-commonjs/components/PromptStarter/index.js +1 -1
- package/lib-commonjs/components/PromptStarter/index.js.map +1 -1
- package/lib-commonjs/components/PromptStarter/{usePromptStarterStyles.js → usePromptStarterStyles.styles.js} +1 -1
- package/lib-commonjs/components/PromptStarter/usePromptStarterStyles.styles.js.map +1 -0
- package/package.json +2 -2
- package/lib/components/PromptStarter/usePromptStarterStyles.js.map +0 -1
- package/lib-commonjs/components/PromptStarter/usePromptStarterStyles.js.map +0 -1
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": "Mon, 27 May 2024 04:12:08 GMT",
|
|
6
|
+
"tag": "@fluentui-copilot/react-prompt-starter_v0.0.0-nightly-20240527-0406-162a35f3.1",
|
|
7
|
+
"version": "0.0.0-nightly-20240527-0406-162a35f3.1",
|
|
8
8
|
"comments": {
|
|
9
9
|
"prerelease": [
|
|
10
10
|
{
|
|
@@ -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-20240527-0406-162a35f3.1",
|
|
20
|
+
"commit": "fd58b558e69c7196413ebeed442641e3abe8ae38"
|
|
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 Mon, 27 May 2024 04:12:08 GMT and should not be manually modified.
|
|
4
4
|
|
|
5
5
|
<!-- Start content -->
|
|
6
6
|
|
|
7
|
-
## [0.0.0-nightly-
|
|
7
|
+
## [0.0.0-nightly-20240527-0406-162a35f3.1](https://github.com/microsoft/fluentai/tree/@fluentui-copilot/react-prompt-starter_v0.0.0-nightly-20240527-0406-162a35f3.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
|
+
Mon, 27 May 2024 04:12:08 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-20240527-0406-162a35f3.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-20240527-0406-162a35f3.1 ([commit](https://github.com/microsoft/fluentai/commit/fd58b558e69c7196413ebeed442641e3abe8ae38) 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
|
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
import { usePromptStarter_unstable } from './usePromptStarter';
|
|
3
3
|
import { renderPromptStarter_unstable } from './renderPromptStarter';
|
|
4
|
-
import { usePromptStarterStyles_unstable } from './usePromptStarterStyles';
|
|
4
|
+
import { usePromptStarterStyles_unstable } from './usePromptStarterStyles.styles';
|
|
5
5
|
import { useCustomStyleHook } from '@fluentui-copilot/react-provider';
|
|
6
6
|
export const PromptStarter = /*#__PURE__*/React.forwardRef((props, ref) => {
|
|
7
7
|
const state = usePromptStarter_unstable(props, ref);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["PromptStarter.tsx"],"sourcesContent":["import * as React from 'react';\nimport { usePromptStarter_unstable } from './usePromptStarter';\nimport { renderPromptStarter_unstable } from './renderPromptStarter';\nimport { usePromptStarterStyles_unstable } from './usePromptStarterStyles';\nimport { useCustomStyleHook } from '@fluentui-copilot/react-provider';\nimport type { PromptStarterProps } from './PromptStarter.types';\nimport type { ForwardRefComponent } from '@fluentui/react-components';\n\nexport const PromptStarter: ForwardRefComponent<PromptStarterProps> = React.forwardRef((props, ref) => {\n const state = usePromptStarter_unstable(props, ref);\n\n usePromptStarterStyles_unstable(state);\n useCustomStyleHook('usePromptStarterStyles')(state);\n\n return renderPromptStarter_unstable(state);\n});\n\nPromptStarter.displayName = 'PromptStarter';\n"],"names":["React","usePromptStarter_unstable","renderPromptStarter_unstable","usePromptStarterStyles_unstable","useCustomStyleHook","PromptStarter","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,
|
|
1
|
+
{"version":3,"sources":["PromptStarter.tsx"],"sourcesContent":["import * as React from 'react';\nimport { usePromptStarter_unstable } from './usePromptStarter';\nimport { renderPromptStarter_unstable } from './renderPromptStarter';\nimport { usePromptStarterStyles_unstable } from './usePromptStarterStyles.styles';\nimport { useCustomStyleHook } from '@fluentui-copilot/react-provider';\nimport type { PromptStarterProps } from './PromptStarter.types';\nimport type { ForwardRefComponent } from '@fluentui/react-components';\n\nexport const PromptStarter: ForwardRefComponent<PromptStarterProps> = React.forwardRef((props, ref) => {\n const state = usePromptStarter_unstable(props, ref);\n\n usePromptStarterStyles_unstable(state);\n useCustomStyleHook('usePromptStarterStyles')(state);\n\n return renderPromptStarter_unstable(state);\n});\n\nPromptStarter.displayName = 'PromptStarter';\n"],"names":["React","usePromptStarter_unstable","renderPromptStarter_unstable","usePromptStarterStyles_unstable","useCustomStyleHook","PromptStarter","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;AAClF,SAASC,kBAAkB,QAAQ,mCAAmC;AAItE,OAAO,MAAMC,8BAAyDL,MAAMM,UAAU,CAAC,CAACC,OAAOC;IAC7F,MAAMC,QAAQR,0BAA0BM,OAAOC;IAE/CL,gCAAgCM;IAChCL,mBAAmB,0BAA0BK;IAE7C,OAAOP,6BAA6BO;AACtC,GAAG;AAEHJ,cAAcK,WAAW,GAAG"}
|
|
@@ -2,5 +2,5 @@ export * from './PromptStarter';
|
|
|
2
2
|
export * from './PromptStarter.types';
|
|
3
3
|
export * from './renderPromptStarter';
|
|
4
4
|
export * from './usePromptStarter';
|
|
5
|
-
export * from './usePromptStarterStyles';
|
|
5
|
+
export * from './usePromptStarterStyles.styles';
|
|
6
6
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["index.ts"],"sourcesContent":["export * from './PromptStarter';\nexport * from './PromptStarter.types';\nexport * from './renderPromptStarter';\nexport * from './usePromptStarter';\nexport * from './usePromptStarterStyles';\n"],"names":[],"rangeMappings":";;;;","mappings":"AAAA,cAAc,kBAAkB;AAChC,cAAc,wBAAwB;AACtC,cAAc,wBAAwB;AACtC,cAAc,qBAAqB;AACnC,cAAc,
|
|
1
|
+
{"version":3,"sources":["index.ts"],"sourcesContent":["export * from './PromptStarter';\nexport * from './PromptStarter.types';\nexport * from './renderPromptStarter';\nexport * from './usePromptStarter';\nexport * from './usePromptStarterStyles.styles';\n"],"names":[],"rangeMappings":";;;;","mappings":"AAAA,cAAc,kBAAkB;AAChC,cAAc,wBAAwB;AACtC,cAAc,wBAAwB;AACtC,cAAc,qBAAqB;AACnC,cAAc,kCAAkC"}
|
|
@@ -0,0 +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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}
|
|
@@ -12,11 +12,11 @@ const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildc
|
|
|
12
12
|
const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
|
|
13
13
|
const _usePromptStarter = require("./usePromptStarter");
|
|
14
14
|
const _renderPromptStarter = require("./renderPromptStarter");
|
|
15
|
-
const
|
|
15
|
+
const _usePromptStarterStylesstyles = require("./usePromptStarterStyles.styles");
|
|
16
16
|
const _reactprovider = require("@fluentui-copilot/react-provider");
|
|
17
17
|
const PromptStarter = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
|
|
18
18
|
const state = (0, _usePromptStarter.usePromptStarter_unstable)(props, ref);
|
|
19
|
-
(0,
|
|
19
|
+
(0, _usePromptStarterStylesstyles.usePromptStarterStyles_unstable)(state);
|
|
20
20
|
(0, _reactprovider.useCustomStyleHook)('usePromptStarterStyles')(state);
|
|
21
21
|
return (0, _renderPromptStarter.renderPromptStarter_unstable)(state);
|
|
22
22
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["PromptStarter.tsx"],"sourcesContent":["import * as React from 'react';\nimport { usePromptStarter_unstable } from './usePromptStarter';\nimport { renderPromptStarter_unstable } from './renderPromptStarter';\nimport { usePromptStarterStyles_unstable } from './usePromptStarterStyles';\nimport { useCustomStyleHook } from '@fluentui-copilot/react-provider';\nimport type { PromptStarterProps } from './PromptStarter.types';\nimport type { ForwardRefComponent } from '@fluentui/react-components';\n\nexport const PromptStarter: ForwardRefComponent<PromptStarterProps> = React.forwardRef((props, ref) => {\n const state = usePromptStarter_unstable(props, ref);\n\n usePromptStarterStyles_unstable(state);\n useCustomStyleHook('usePromptStarterStyles')(state);\n\n return renderPromptStarter_unstable(state);\n});\n\nPromptStarter.displayName = 'PromptStarter';\n"],"names":["PromptStarter","React","forwardRef","props","state","usePromptStarter_unstable","usePromptStarterStyles_unstable","useCustomStyleHook","renderPromptStarter_unstable","displayName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAQaA;;;eAAAA;;;;iEARU;kCACmB;qCACG;
|
|
1
|
+
{"version":3,"sources":["PromptStarter.tsx"],"sourcesContent":["import * as React from 'react';\nimport { usePromptStarter_unstable } from './usePromptStarter';\nimport { renderPromptStarter_unstable } from './renderPromptStarter';\nimport { usePromptStarterStyles_unstable } from './usePromptStarterStyles.styles';\nimport { useCustomStyleHook } from '@fluentui-copilot/react-provider';\nimport type { PromptStarterProps } from './PromptStarter.types';\nimport type { ForwardRefComponent } from '@fluentui/react-components';\n\nexport const PromptStarter: ForwardRefComponent<PromptStarterProps> = React.forwardRef((props, ref) => {\n const state = usePromptStarter_unstable(props, ref);\n\n usePromptStarterStyles_unstable(state);\n useCustomStyleHook('usePromptStarterStyles')(state);\n\n return renderPromptStarter_unstable(state);\n});\n\nPromptStarter.displayName = 'PromptStarter';\n"],"names":["PromptStarter","React","forwardRef","props","state","usePromptStarter_unstable","usePromptStarterStyles_unstable","useCustomStyleHook","renderPromptStarter_unstable","displayName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAQaA;;;eAAAA;;;;iEARU;kCACmB;qCACG;8CACG;+BACb;AAI5B,MAAMA,gBAAAA,WAAAA,GAAAA,OAAyDC,UAAMC,CAAU,CAACC,OAACA;UACtFC,QAAMA,IAAAA,2CAAQC,EAAAA,OAA0BF;qEAExCG,EAAAA;yCACAC,EAAAA,0BAAmBH;WAEnBI,IAAAA,iDAAOA,EAAAA;AACT;AAEAR,cAAcS,WAAW,GAAG"}
|
|
@@ -7,5 +7,5 @@ _export_star._(require("./PromptStarter"), exports);
|
|
|
7
7
|
_export_star._(require("./PromptStarter.types"), exports);
|
|
8
8
|
_export_star._(require("./renderPromptStarter"), exports);
|
|
9
9
|
_export_star._(require("./usePromptStarter"), exports);
|
|
10
|
-
_export_star._(require("./usePromptStarterStyles"), exports);
|
|
10
|
+
_export_star._(require("./usePromptStarterStyles.styles"), exports);
|
|
11
11
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["index.ts"],"sourcesContent":["export * from './PromptStarter';\nexport * from './PromptStarter.types';\nexport * from './renderPromptStarter';\nexport * from './usePromptStarter';\nexport * from './usePromptStarterStyles';\n"],"names":[],"rangeMappings":";;;;;;;;;","mappings":";;;;;uBAAc;uBACA;uBACA;uBACA;uBACA"}
|
|
1
|
+
{"version":3,"sources":["index.ts"],"sourcesContent":["export * from './PromptStarter';\nexport * from './PromptStarter.types';\nexport * from './renderPromptStarter';\nexport * from './usePromptStarter';\nexport * from './usePromptStarterStyles.styles';\n"],"names":[],"rangeMappings":";;;;;;;;;","mappings":";;;;;uBAAc;uBACA;uBACA;uBACA;uBACA"}
|
|
@@ -259,4 +259,4 @@ const usePromptStarterStyles_unstable = (state)=>{
|
|
|
259
259
|
state.badge.className = (0, _reactcomponents.mergeClasses)(promptStarterClassNames.badge, state.root.disabled && styles.disabledBadge, state.badge.className);
|
|
260
260
|
}
|
|
261
261
|
return state;
|
|
262
|
-
}; //# sourceMappingURL=usePromptStarterStyles.js.map
|
|
262
|
+
}; //# sourceMappingURL=usePromptStarterStyles.styles.js.map
|
|
@@ -0,0 +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","Bg96gwp","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;;YAELC;QACNC,SAAMlD;QAMNkD,SAAMhD;QAMNgD,SAAMjD;QAMNkD,SAAID;gBACFA;QAMFJ,SAAA;QACAC,QAAIG;iBACFA;;kBAOKA;QACPE,QAAA"}
|
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-20240527-0406-162a35f3.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-20240527-0406-162a35f3.1",
|
|
16
16
|
"@swc/helpers": "^0.5.1"
|
|
17
17
|
},
|
|
18
18
|
"peerDependencies": {
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["usePromptStarterStyles.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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["usePromptStarterStyles.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","Bg96gwp","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;;YAELC;QACNC,SAAMlD;QAMNkD,SAAMhD;QAMNgD,SAAMjD;QAMNkD,SAAID;gBACFA;QAMFJ,SAAA;QACAC,QAAIG;iBACFA;;kBAOKA;QACPE,QAAA"}
|