@fluentui-copilot/react-prompt-starter 0.10.7 → 0.10.8
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 +36 -1
- package/CHANGELOG.md +13 -2
- package/dist/index.d.ts +48 -0
- package/lib/components/PromptStarter/PromptStarter.js +4 -1
- package/lib/components/PromptStarter/PromptStarter.js.map +1 -1
- package/lib/components/PromptStarter/PromptStarter.types.js +2 -0
- package/lib/components/PromptStarter/PromptStarter.types.js.map +1 -1
- package/lib/components/PromptStarter/renderPromptStarter.js +4 -1
- package/lib/components/PromptStarter/renderPromptStarter.js.map +1 -1
- package/lib/components/PromptStarter/usePromptStarter.js +3 -0
- package/lib/components/PromptStarter/usePromptStarter.js.map +1 -1
- package/lib/components/PromptStarter/usePromptStarterStyles.styles.js +4 -0
- package/lib/components/PromptStarter/usePromptStarterStyles.styles.js.map +1 -1
- package/lib/components/PromptStarter/usePromptStarterStyles.styles.raw.js +4 -1
- package/lib/components/PromptStarter/usePromptStarterStyles.styles.raw.js.map +1 -1
- package/lib/components/PromptStarterV2/PromptStarter/usePromptStarter.js +2 -2
- package/lib/components/PromptStarterV2/PromptStarter/usePromptStarter.js.map +1 -1
- package/lib/components/PromptStarterV2/PromptStarter/usePromptStarterStyles.styles.js +58 -31
- package/lib/components/PromptStarterV2/PromptStarter/usePromptStarterStyles.styles.js.map +1 -1
- package/lib/components/PromptStarterV2/PromptStarter/usePromptStarterStyles.styles.raw.js +33 -12
- package/lib/components/PromptStarterV2/PromptStarter/usePromptStarterStyles.styles.raw.js.map +1 -1
- package/lib/components/PromptStarterV2/PromptStarterList/PromptStarterList.types.js.map +1 -1
- package/lib/components/PromptStarterV2/PromptStarterList/usePromptStarterList.js +27 -8
- package/lib/components/PromptStarterV2/PromptStarterList/usePromptStarterList.js.map +1 -1
- package/lib-commonjs/components/PromptStarter/PromptStarter.js.map +1 -1
- package/lib-commonjs/components/PromptStarter/PromptStarter.types.js +2 -0
- package/lib-commonjs/components/PromptStarter/PromptStarter.types.js.map +1 -1
- package/lib-commonjs/components/PromptStarter/renderPromptStarter.js.map +1 -1
- package/lib-commonjs/components/PromptStarter/usePromptStarter.js.map +1 -1
- package/lib-commonjs/components/PromptStarter/usePromptStarterStyles.styles.js.map +1 -1
- package/lib-commonjs/components/PromptStarter/usePromptStarterStyles.styles.raw.js.map +1 -1
- package/lib-commonjs/components/PromptStarterV2/PromptStarter/usePromptStarter.js +2 -2
- package/lib-commonjs/components/PromptStarterV2/PromptStarter/usePromptStarter.js.map +1 -1
- package/lib-commonjs/components/PromptStarterV2/PromptStarter/usePromptStarterStyles.styles.js +72 -34
- package/lib-commonjs/components/PromptStarterV2/PromptStarter/usePromptStarterStyles.styles.js.map +1 -1
- package/lib-commonjs/components/PromptStarterV2/PromptStarter/usePromptStarterStyles.styles.raw.js +33 -12
- package/lib-commonjs/components/PromptStarterV2/PromptStarter/usePromptStarterStyles.styles.raw.js.map +1 -1
- package/lib-commonjs/components/PromptStarterV2/PromptStarterList/PromptStarterList.types.js.map +1 -1
- package/lib-commonjs/components/PromptStarterV2/PromptStarterList/usePromptStarterList.js +27 -8
- package/lib-commonjs/components/PromptStarterV2/PromptStarterList/usePromptStarterList.js.map +1 -1
- package/package.json +1 -1
package/CHANGELOG.json
CHANGED
|
@@ -2,7 +2,42 @@
|
|
|
2
2
|
"name": "@fluentui-copilot/react-prompt-starter",
|
|
3
3
|
"entries": [
|
|
4
4
|
{
|
|
5
|
-
"date": "
|
|
5
|
+
"date": "Wed, 22 Oct 2025 17:50:53 GMT",
|
|
6
|
+
"tag": "@fluentui-copilot/react-prompt-starter_v0.10.8",
|
|
7
|
+
"version": "0.10.8",
|
|
8
|
+
"comments": {
|
|
9
|
+
"none": [
|
|
10
|
+
{
|
|
11
|
+
"author": "hochelmartin@gmail.com",
|
|
12
|
+
"package": "@fluentui-copilot/react-prompt-starter",
|
|
13
|
+
"commit": "85efb411485b778327290c03aacb479fc9779dab",
|
|
14
|
+
"comment": "chore: migrate to dts generation against public api instead of internal path aliases tsc resolution"
|
|
15
|
+
}
|
|
16
|
+
],
|
|
17
|
+
"patch": [
|
|
18
|
+
{
|
|
19
|
+
"author": "jiangemma@microsoft.com",
|
|
20
|
+
"package": "@fluentui-copilot/react-prompt-starter",
|
|
21
|
+
"commit": "012c069ebe3726f92e187da98dd5f3c9efbfbf19",
|
|
22
|
+
"comment": "chore: Deprecate PromptStarter"
|
|
23
|
+
},
|
|
24
|
+
{
|
|
25
|
+
"author": "jiangemma@microsoft.com",
|
|
26
|
+
"package": "@fluentui-copilot/react-prompt-starter",
|
|
27
|
+
"commit": "5c071f6393d1c2b3b7f607665500abced904271c",
|
|
28
|
+
"comment": "feat: Add truncation, add category to single column styles"
|
|
29
|
+
},
|
|
30
|
+
{
|
|
31
|
+
"author": "jiangemma@microsoft.com",
|
|
32
|
+
"package": "@fluentui-copilot/react-prompt-starter",
|
|
33
|
+
"commit": "90196598fdd81974f5e9525bf2c60a111821cf50",
|
|
34
|
+
"comment": "feat: Allow configuring visible rows, make expand controllable, hide expand button when all content is visible"
|
|
35
|
+
}
|
|
36
|
+
]
|
|
37
|
+
}
|
|
38
|
+
},
|
|
39
|
+
{
|
|
40
|
+
"date": "Tue, 14 Oct 2025 00:04:51 GMT",
|
|
6
41
|
"tag": "@fluentui-copilot/react-prompt-starter_v0.10.7",
|
|
7
42
|
"version": "0.10.7",
|
|
8
43
|
"comments": {
|
package/CHANGELOG.md
CHANGED
|
@@ -1,12 +1,23 @@
|
|
|
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 Wed, 22 Oct 2025 17:50:53 GMT and should not be manually modified.
|
|
4
4
|
|
|
5
5
|
<!-- Start content -->
|
|
6
6
|
|
|
7
|
+
## [0.10.8](https://github.com/microsoft/fluentai/tree/@fluentui-copilot/react-prompt-starter_v0.10.8)
|
|
8
|
+
|
|
9
|
+
Wed, 22 Oct 2025 17:50:53 GMT
|
|
10
|
+
[Compare changes](https://github.com/microsoft/fluentai/compare/@fluentui-copilot/react-prompt-starter_v0.10.7..@fluentui-copilot/react-prompt-starter_v0.10.8)
|
|
11
|
+
|
|
12
|
+
### Patches
|
|
13
|
+
|
|
14
|
+
- chore: Deprecate PromptStarter ([PR #3401](https://github.com/microsoft/fluentai/pull/3401) by jiangemma@microsoft.com)
|
|
15
|
+
- feat: Add truncation, add category to single column styles ([PR #3399](https://github.com/microsoft/fluentai/pull/3399) by jiangemma@microsoft.com)
|
|
16
|
+
- feat: Allow configuring visible rows, make expand controllable, hide expand button when all content is visible ([PR #3394](https://github.com/microsoft/fluentai/pull/3394) by jiangemma@microsoft.com)
|
|
17
|
+
|
|
7
18
|
## [0.10.7](https://github.com/microsoft/fluentai/tree/@fluentui-copilot/react-prompt-starter_v0.10.7)
|
|
8
19
|
|
|
9
|
-
Tue, 14 Oct 2025 00:
|
|
20
|
+
Tue, 14 Oct 2025 00:04:51 GMT
|
|
10
21
|
[Compare changes](https://github.com/microsoft/fluentai/compare/@fluentui-copilot/react-prompt-starter_v0.10.6..@fluentui-copilot/react-prompt-starter_v0.10.7)
|
|
11
22
|
|
|
12
23
|
### Patches
|
package/dist/index.d.ts
CHANGED
|
@@ -1,3 +1,5 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
|
|
1
3
|
import type { BadgeProps } from '@fluentui/react-components';
|
|
2
4
|
import type { Button } from '@fluentui/react-components';
|
|
3
5
|
import type { ComponentProps } from '@fluentui/react-components';
|
|
@@ -10,6 +12,10 @@ import type { Slot } from '@fluentui/react-components';
|
|
|
10
12
|
import type { SlotClassNames } from '@fluentui/react-components';
|
|
11
13
|
import type { UseArrowNavigationGroupOptions } from '@fluentui/react-components';
|
|
12
14
|
|
|
15
|
+
/**
|
|
16
|
+
* @deprecated Use PromptStarterV2 instead.
|
|
17
|
+
* Deprecated on 10/21/2025
|
|
18
|
+
*/
|
|
13
19
|
export declare const PromptStarter: ForwardRefComponent<PromptStarterProps>;
|
|
14
20
|
|
|
15
21
|
export declare const promptStarterClassNames: SlotClassNames<PromptStarterSlots>;
|
|
@@ -24,6 +30,22 @@ declare type PromptStarterListContextValue = Pick<PromptStarterListState, 'numbe
|
|
|
24
30
|
* PromptStarterList Props
|
|
25
31
|
*/
|
|
26
32
|
export declare type PromptStarterListProps = ComponentProps<Partial<PromptStarterListSlots>, 'gridWrapper'> & DesignVersion & {
|
|
33
|
+
/**
|
|
34
|
+
* Uncontrolled initial value for the expanded prop.
|
|
35
|
+
*
|
|
36
|
+
* @default false
|
|
37
|
+
*/
|
|
38
|
+
defaultExpanded?: boolean;
|
|
39
|
+
/**
|
|
40
|
+
* Controls whether the PromptStarterList is expanded.
|
|
41
|
+
*/
|
|
42
|
+
isExpanded?: boolean;
|
|
43
|
+
/**
|
|
44
|
+
* Callback to execute when the expanded state changes.
|
|
45
|
+
*/
|
|
46
|
+
onExpandedChange?: (event: React.MouseEvent<HTMLElement>, data: {
|
|
47
|
+
isExpanded: boolean;
|
|
48
|
+
}) => void;
|
|
27
49
|
/**
|
|
28
50
|
* Text for the expand button when the list is collapsed.
|
|
29
51
|
*
|
|
@@ -49,6 +71,13 @@ export declare type PromptStarterListProps = ComponentProps<Partial<PromptStarte
|
|
|
49
71
|
* @default true
|
|
50
72
|
*/
|
|
51
73
|
animateOnMount?: boolean;
|
|
74
|
+
/**
|
|
75
|
+
* The number of rows that are visible in the two and three column layouts.
|
|
76
|
+
* In the one column layout, there will always be three visible PromptStarters.
|
|
77
|
+
*
|
|
78
|
+
* @default 1
|
|
79
|
+
*/
|
|
80
|
+
visibleRows?: number;
|
|
52
81
|
};
|
|
53
82
|
|
|
54
83
|
export declare type PromptStarterListSlots = {
|
|
@@ -68,9 +97,15 @@ export declare type PromptStarterListState = ComponentState<PromptStarterListSlo
|
|
|
68
97
|
|
|
69
98
|
/**
|
|
70
99
|
* PromptStarter Props
|
|
100
|
+
* @deprecated Use PromptStarterV2 instead.
|
|
101
|
+
* Deprecated on 10/21/2025
|
|
71
102
|
*/
|
|
72
103
|
export declare type PromptStarterProps = ComponentProps<PromptStarterSlots> & DesignVersion & {};
|
|
73
104
|
|
|
105
|
+
/**
|
|
106
|
+
* @deprecated Use PromptStarterV2 instead.
|
|
107
|
+
* Deprecated on 10/21/2025
|
|
108
|
+
*/
|
|
74
109
|
export declare type PromptStarterSlots = {
|
|
75
110
|
root: Slot<'button'>;
|
|
76
111
|
icon: NonNullable<Slot<'span'>>;
|
|
@@ -81,6 +116,8 @@ export declare type PromptStarterSlots = {
|
|
|
81
116
|
|
|
82
117
|
/**
|
|
83
118
|
* State used in rendering PromptStarter
|
|
119
|
+
* @deprecated Use PromptStarterV2 instead.
|
|
120
|
+
* Deprecated on 10/21/2025
|
|
84
121
|
*/
|
|
85
122
|
export declare type PromptStarterState = ComponentState<PromptStarterSlots> & Pick<Required<PromptStarterProps>, 'designVersion'>;
|
|
86
123
|
|
|
@@ -110,6 +147,10 @@ export declare type PromptStarterV2State = ComponentState<PromptStarterV2Slots>
|
|
|
110
147
|
isSingleColumn?: boolean;
|
|
111
148
|
};
|
|
112
149
|
|
|
150
|
+
/**
|
|
151
|
+
* @deprecated Use PromptStarterV2 instead.
|
|
152
|
+
* Deprecated on 10/21/2025
|
|
153
|
+
*/
|
|
113
154
|
export declare const renderPromptStarter_unstable: (state: PromptStarterState) => JSXElement;
|
|
114
155
|
|
|
115
156
|
/**
|
|
@@ -125,6 +166,9 @@ export declare const renderPromptStarterV2_unstable: (state: PromptStarterV2Stat
|
|
|
125
166
|
* The returned state can be modified with hooks such as usePromptStarterStyles_unstable,
|
|
126
167
|
* before being passed to renderPromptStarter_unstable.
|
|
127
168
|
*
|
|
169
|
+
* @deprecated Use PromptStarterV2 instead.
|
|
170
|
+
* Deprecated on 10/21/2025
|
|
171
|
+
*
|
|
128
172
|
* @param props - props from this instance of PromptStarter
|
|
129
173
|
* @param ref - reference to root HTMLElement of PromptStarter
|
|
130
174
|
*/
|
|
@@ -146,6 +190,10 @@ export declare const usePromptStarterList_unstable: (props: PromptStarterListPro
|
|
|
146
190
|
*/
|
|
147
191
|
export declare const usePromptStarterListStyles_unstable: (state: PromptStarterListState) => PromptStarterListState;
|
|
148
192
|
|
|
193
|
+
/**
|
|
194
|
+
* @deprecated Use PromptStarterV2 instead.
|
|
195
|
+
* Deprecated on 10/21/2025
|
|
196
|
+
*/
|
|
149
197
|
export declare const usePromptStarterStyles_unstable: (state: PromptStarterState) => PromptStarterState;
|
|
150
198
|
|
|
151
199
|
/**
|
|
@@ -3,7 +3,10 @@ import { usePromptStarter_unstable } from './usePromptStarter';
|
|
|
3
3
|
import { renderPromptStarter_unstable } from './renderPromptStarter';
|
|
4
4
|
import { usePromptStarterStyles_unstable } from './usePromptStarterStyles.styles';
|
|
5
5
|
import { useCustomStyleHook } from '@fluentui-copilot/react-provider';
|
|
6
|
-
|
|
6
|
+
/**
|
|
7
|
+
* @deprecated Use PromptStarterV2 instead.
|
|
8
|
+
* Deprecated on 10/21/2025
|
|
9
|
+
*/ export const PromptStarter = /*#__PURE__*/ React.forwardRef((props, ref)=>{
|
|
7
10
|
const state = usePromptStarter_unstable(props, ref);
|
|
8
11
|
usePromptStarterStyles_unstable(state);
|
|
9
12
|
useCustomStyleHook('usePromptStarterStyles')(state);
|
|
@@ -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.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":"
|
|
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\n/**\n * @deprecated Use PromptStarterV2 instead.\n * Deprecated on 10/21/2025\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;;;CAGC,GACD,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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["PromptStarter.types.ts"],"sourcesContent":["import type { DesignVersion } from '@fluentui-copilot/react-provider';\nimport type { ComponentProps, ComponentState, Slot, BadgeProps } from '@fluentui/react-components';\n\nexport type PromptStarterSlots = {\n root: Slot<'button'>;\n icon: NonNullable<Slot<'span'>>;\n category: NonNullable<Slot<'span'>>;\n prompt?: Slot<'span'>;\n badge?: Slot<BadgeProps>;\n};\n\n/**\n * PromptStarter Props\n */\nexport type PromptStarterProps = ComponentProps<PromptStarterSlots> & DesignVersion & {};\n\n/**\n * State used in rendering PromptStarter\n */\nexport type PromptStarterState = ComponentState<PromptStarterSlots> &\n Pick<Required<PromptStarterProps>, 'designVersion'>;\n"],"names":[],"rangeMappings":"
|
|
1
|
+
{"version":3,"sources":["PromptStarter.types.ts"],"sourcesContent":["import type { DesignVersion } from '@fluentui-copilot/react-provider';\nimport type { ComponentProps, ComponentState, Slot, BadgeProps } from '@fluentui/react-components';\n\n/**\n * @deprecated Use PromptStarterV2 instead.\n * Deprecated on 10/21/2025\n */\nexport type PromptStarterSlots = {\n root: Slot<'button'>;\n icon: NonNullable<Slot<'span'>>;\n category: NonNullable<Slot<'span'>>;\n prompt?: Slot<'span'>;\n badge?: Slot<BadgeProps>;\n};\n\n/**\n * PromptStarter Props\n * @deprecated Use PromptStarterV2 instead.\n * Deprecated on 10/21/2025\n */\nexport type PromptStarterProps = ComponentProps<PromptStarterSlots> & DesignVersion & {};\n\n/**\n * State used in rendering PromptStarter\n * @deprecated Use PromptStarterV2 instead.\n * Deprecated on 10/21/2025\n */\nexport type PromptStarterState = ComponentState<PromptStarterSlots> &\n Pick<Required<PromptStarterProps>, 'designVersion'>;\n"],"names":[],"rangeMappings":";;;;","mappings":"AAsBA;;;;CAIC,GACD,WACsD"}
|
|
@@ -1,6 +1,9 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "@fluentui/react-jsx-runtime/jsx-runtime";
|
|
2
2
|
import { assertSlots } from '@fluentui/react-components';
|
|
3
|
-
|
|
3
|
+
/**
|
|
4
|
+
* @deprecated Use PromptStarterV2 instead.
|
|
5
|
+
* Deprecated on 10/21/2025
|
|
6
|
+
*/ export const renderPromptStarter_unstable = (state)=>{
|
|
4
7
|
assertSlots(state);
|
|
5
8
|
return /*#__PURE__*/ _jsxs(state.root, {
|
|
6
9
|
children: [
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["renderPromptStarter.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\n\nimport { assertSlots } from '@fluentui/react-components';\nimport type { JSXElement } from '@fluentui/react-components';\nimport type { PromptStarterState, PromptStarterSlots } from './PromptStarter.types';\n\nexport const renderPromptStarter_unstable = (state: PromptStarterState): JSXElement => {\n assertSlots<PromptStarterSlots>(state);\n\n return (\n <state.root>\n <state.icon />\n <state.category>\n {state.category.children} {state.badge && <state.badge />}\n </state.category>\n {state.prompt && <state.prompt />}\n </state.root>\n );\n};\n"],"names":["assertSlots","renderPromptStarter_unstable","state","root","icon","category","children","badge","prompt"],"rangeMappings":"
|
|
1
|
+
{"version":3,"sources":["renderPromptStarter.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\n\nimport { assertSlots } from '@fluentui/react-components';\nimport type { JSXElement } from '@fluentui/react-components';\nimport type { PromptStarterState, PromptStarterSlots } from './PromptStarter.types';\n\n/**\n * @deprecated Use PromptStarterV2 instead.\n * Deprecated on 10/21/2025\n */\nexport const renderPromptStarter_unstable = (state: PromptStarterState): JSXElement => {\n assertSlots<PromptStarterSlots>(state);\n\n return (\n <state.root>\n <state.icon />\n <state.category>\n {state.category.children} {state.badge && <state.badge />}\n </state.category>\n {state.prompt && <state.prompt />}\n </state.root>\n );\n};\n"],"names":["assertSlots","renderPromptStarter_unstable","state","root","icon","category","children","badge","prompt"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,0BAA0B,GAC1B,iDAAiD;AAEjD,SAASA,WAAW,QAAQ,6BAA6B;AAIzD;;;CAGC,GACD,OAAO,MAAMC,+BAA+B,CAACC;IAC3CF,YAAgCE;IAEhC,qBACE,MAACA,MAAMC,IAAI;;0BACT,KAACD,MAAME,IAAI;0BACX,MAACF,MAAMG,QAAQ;;oBACZH,MAAMG,QAAQ,CAACC,QAAQ;oBAAC;oBAAEJ,MAAMK,KAAK,kBAAI,KAACL,MAAMK,KAAK;;;YAEvDL,MAAMM,MAAM,kBAAI,KAACN,MAAMM,MAAM;;;AAGpC,EAAE"}
|
|
@@ -6,6 +6,9 @@ import { Badge, getIntrinsicElementProps, slot, useId } from '@fluentui/react-co
|
|
|
6
6
|
* The returned state can be modified with hooks such as usePromptStarterStyles_unstable,
|
|
7
7
|
* before being passed to renderPromptStarter_unstable.
|
|
8
8
|
*
|
|
9
|
+
* @deprecated Use PromptStarterV2 instead.
|
|
10
|
+
* Deprecated on 10/21/2025
|
|
11
|
+
*
|
|
9
12
|
* @param props - props from this instance of PromptStarter
|
|
10
13
|
* @param ref - reference to root HTMLElement of PromptStarter
|
|
11
14
|
*/ export const usePromptStarter_unstable = (props, ref)=>{
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["usePromptStarter.ts"],"sourcesContent":["import { useDesignVersion } from '@fluentui-copilot/react-provider';\nimport { Badge, getIntrinsicElementProps, slot, useId } from '@fluentui/react-components';\nimport type { PromptStarterProps, PromptStarterState } from './PromptStarter.types';\n\n/**\n * Create the state required to render PromptStarter.\n *\n * The returned state can be modified with hooks such as usePromptStarterStyles_unstable,\n * before being passed to renderPromptStarter_unstable.\n *\n * @param props - props from this instance of PromptStarter\n * @param ref - reference to root HTMLElement of PromptStarter\n */\nexport const usePromptStarter_unstable = (\n props: PromptStarterProps,\n ref: React.Ref<HTMLButtonElement>,\n): PromptStarterState => {\n const designVersion = useDesignVersion(props.designVersion);\n const idPrefix = useId('prompt-starter');\n\n return {\n components: {\n root: 'button',\n icon: 'span',\n category: 'span',\n prompt: 'span',\n badge: Badge,\n },\n root: slot.always(\n getIntrinsicElementProps('button', {\n ref,\n 'aria-labelledby': `${idPrefix}-category`,\n 'aria-describedby': `${idPrefix}-prompt`,\n ...props,\n }),\n { elementType: 'button' },\n ),\n icon: slot.always(props.icon, { elementType: 'span' }),\n category: slot.always(props.category, { defaultProps: { id: `${idPrefix}-category` }, elementType: 'span' }),\n prompt: slot.optional(props.prompt, { defaultProps: { id: `${idPrefix}-prompt` }, elementType: 'span' }),\n badge: slot.optional(props.badge, { defaultProps: { appearance: 'tint' }, elementType: Badge }),\n designVersion,\n };\n};\n"],"names":["useDesignVersion","Badge","getIntrinsicElementProps","slot","useId","usePromptStarter_unstable","props","ref","designVersion","idPrefix","components","root","icon","category","prompt","badge","always","elementType","defaultProps","id","optional","appearance"],"rangeMappings":"
|
|
1
|
+
{"version":3,"sources":["usePromptStarter.ts"],"sourcesContent":["import { useDesignVersion } from '@fluentui-copilot/react-provider';\nimport { Badge, getIntrinsicElementProps, slot, useId } from '@fluentui/react-components';\nimport type { PromptStarterProps, PromptStarterState } from './PromptStarter.types';\n\n/**\n * Create the state required to render PromptStarter.\n *\n * The returned state can be modified with hooks such as usePromptStarterStyles_unstable,\n * before being passed to renderPromptStarter_unstable.\n *\n * @deprecated Use PromptStarterV2 instead.\n * Deprecated on 10/21/2025\n *\n * @param props - props from this instance of PromptStarter\n * @param ref - reference to root HTMLElement of PromptStarter\n */\nexport const usePromptStarter_unstable = (\n props: PromptStarterProps,\n ref: React.Ref<HTMLButtonElement>,\n): PromptStarterState => {\n const designVersion = useDesignVersion(props.designVersion);\n const idPrefix = useId('prompt-starter');\n\n return {\n components: {\n root: 'button',\n icon: 'span',\n category: 'span',\n prompt: 'span',\n badge: Badge,\n },\n root: slot.always(\n getIntrinsicElementProps('button', {\n ref,\n 'aria-labelledby': `${idPrefix}-category`,\n 'aria-describedby': `${idPrefix}-prompt`,\n ...props,\n }),\n { elementType: 'button' },\n ),\n icon: slot.always(props.icon, { elementType: 'span' }),\n category: slot.always(props.category, { defaultProps: { id: `${idPrefix}-category` }, elementType: 'span' }),\n prompt: slot.optional(props.prompt, { defaultProps: { id: `${idPrefix}-prompt` }, elementType: 'span' }),\n badge: slot.optional(props.badge, { defaultProps: { appearance: 'tint' }, elementType: Badge }),\n designVersion,\n };\n};\n"],"names":["useDesignVersion","Badge","getIntrinsicElementProps","slot","useId","usePromptStarter_unstable","props","ref","designVersion","idPrefix","components","root","icon","category","prompt","badge","always","elementType","defaultProps","id","optional","appearance"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,SAASA,gBAAgB,QAAQ,mCAAmC;AACpE,SAASC,KAAK,EAAEC,wBAAwB,EAAEC,IAAI,EAAEC,KAAK,QAAQ,6BAA6B;AAG1F;;;;;;;;;;;CAWC,GACD,OAAO,MAAMC,4BAA4B,CACvCC,OACAC;IAEA,MAAMC,gBAAgBR,iBAAiBM,MAAME,aAAa;IAC1D,MAAMC,WAAWL,MAAM;IAEvB,OAAO;QACLM,YAAY;YACVC,MAAM;YACNC,MAAM;YACNC,UAAU;YACVC,QAAQ;YACRC,OAAOd;QACT;QACAU,MAAMR,KAAKa,MAAM,CACfd,yBAAyB,UAAU;YACjCK;YACA,mBAAmB,CAAC,EAAEE,SAAS,SAAS,CAAC;YACzC,oBAAoB,CAAC,EAAEA,SAAS,OAAO,CAAC;YACxC,GAAGH,KAAK;QACV,IACA;YAAEW,aAAa;QAAS;QAE1BL,MAAMT,KAAKa,MAAM,CAACV,MAAMM,IAAI,EAAE;YAAEK,aAAa;QAAO;QACpDJ,UAAUV,KAAKa,MAAM,CAACV,MAAMO,QAAQ,EAAE;YAAEK,cAAc;gBAAEC,IAAI,CAAC,EAAEV,SAAS,SAAS,CAAC;YAAC;YAAGQ,aAAa;QAAO;QAC1GH,QAAQX,KAAKiB,QAAQ,CAACd,MAAMQ,MAAM,EAAE;YAAEI,cAAc;gBAAEC,IAAI,CAAC,EAAEV,SAAS,OAAO,CAAC;YAAC;YAAGQ,aAAa;QAAO;QACtGF,OAAOZ,KAAKiB,QAAQ,CAACd,MAAMS,KAAK,EAAE;YAAEG,cAAc;gBAAEG,YAAY;YAAO;YAAGJ,aAAahB;QAAM;QAC7FO;IACF;AACF,EAAE"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["usePromptStarterStyles.styles.ts"],"sourcesContent":["import {\n makeStyles,\n makeResetStyles,\n mergeClasses,\n shorthands,\n typographyStyles,\n createFocusOutlineStyle,\n} from '@fluentui/react-components';\nimport { tokens } from '@fluentui-copilot/tokens';\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 gap: '0px 8px',\n padding: '6px 8px 8px 8px',\n ...shorthands.border(tokens.strokeWidthThin, 'solid', tokens.colorNeutralStroke1),\n 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: { gridArea: 'icon', display: 'flex', alignSelf: 'center' },\n\n category: {\n ...typographyStyles.body1Strong,\n gridArea: 'category',\n },\n prompt: { ...typographyStyles.body1, gridArea: 'prompt' },\n disabledText: {\n color: tokens.colorNeutralForegroundDisabled,\n },\n disabledBadge: {\n opacity: '40%',\n },\n});\n\nconst useNextStyles = makeStyles({ root: { borderRadius: tokens.borderRadiusXLarge } });\n\nexport const usePromptStarterStyles_unstable = (state: PromptStarterState): PromptStarterState => {\n 'use no memo';\n\n const { designVersion } = state;\n\n const styles = useStyles();\n const nextStyles = useNextStyles();\n const rootResetStyles = useRootResetStyles();\n state.root.className = mergeClasses(\n promptStarterClassNames.root,\n rootResetStyles,\n designVersion === 'next' && nextStyles.root,\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","createFocusOutlineStyle","tokens","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","useNextStyles","borderRadiusXLarge","usePromptStarterStyles_unstable","state","designVersion","styles","nextStyles","rootResetStyles","className"],"rangeMappings":"
|
|
1
|
+
{"version":3,"sources":["usePromptStarterStyles.styles.ts"],"sourcesContent":["import {\n makeStyles,\n makeResetStyles,\n mergeClasses,\n shorthands,\n typographyStyles,\n createFocusOutlineStyle,\n} from '@fluentui/react-components';\nimport { tokens } from '@fluentui-copilot/tokens';\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 gap: '0px 8px',\n padding: '6px 8px 8px 8px',\n ...shorthands.border(tokens.strokeWidthThin, 'solid', tokens.colorNeutralStroke1),\n 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: { gridArea: 'icon', display: 'flex', alignSelf: 'center' },\n\n category: {\n ...typographyStyles.body1Strong,\n gridArea: 'category',\n },\n prompt: { ...typographyStyles.body1, gridArea: 'prompt' },\n disabledText: {\n color: tokens.colorNeutralForegroundDisabled,\n },\n disabledBadge: {\n opacity: '40%',\n },\n});\n\nconst useNextStyles = makeStyles({ root: { borderRadius: tokens.borderRadiusXLarge } });\n\n/**\n * @deprecated Use PromptStarterV2 instead.\n * Deprecated on 10/21/2025\n */\nexport const usePromptStarterStyles_unstable = (state: PromptStarterState): PromptStarterState => {\n 'use no memo';\n\n const { designVersion } = state;\n\n const styles = useStyles();\n const nextStyles = useNextStyles();\n const rootResetStyles = useRootResetStyles();\n state.root.className = mergeClasses(\n promptStarterClassNames.root,\n rootResetStyles,\n designVersion === 'next' && nextStyles.root,\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","createFocusOutlineStyle","tokens","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","useNextStyles","borderRadiusXLarge","usePromptStarterStyles_unstable","state","designVersion","styles","nextStyles","rootResetStyles","className"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}
|
|
@@ -75,7 +75,10 @@ const useNextStyles = makeStyles({
|
|
|
75
75
|
borderRadius: tokens.borderRadiusXLarge
|
|
76
76
|
}
|
|
77
77
|
});
|
|
78
|
-
|
|
78
|
+
/**
|
|
79
|
+
* @deprecated Use PromptStarterV2 instead.
|
|
80
|
+
* Deprecated on 10/21/2025
|
|
81
|
+
*/ export const usePromptStarterStyles_unstable = (state)=>{
|
|
79
82
|
'use no memo';
|
|
80
83
|
const { designVersion } = state;
|
|
81
84
|
const styles = useStyles();
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["usePromptStarterStyles.styles.ts"],"sourcesContent":["import {\n makeStyles,\n makeResetStyles,\n mergeClasses,\n shorthands,\n typographyStyles,\n createFocusOutlineStyle,\n} from '@fluentui/react-components';\nimport { tokens } from '@fluentui-copilot/tokens';\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 gap: '0px 8px',\n padding: '6px 8px 8px 8px',\n ...shorthands.border(tokens.strokeWidthThin, 'solid', tokens.colorNeutralStroke1),\n 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: { gridArea: 'icon', display: 'flex', alignSelf: 'center' },\n\n category: {\n ...typographyStyles.body1Strong,\n gridArea: 'category',\n },\n prompt: { ...typographyStyles.body1, gridArea: 'prompt' },\n disabledText: {\n color: tokens.colorNeutralForegroundDisabled,\n },\n disabledBadge: {\n opacity: '40%',\n },\n});\n\nconst useNextStyles = makeStyles({ root: { borderRadius: tokens.borderRadiusXLarge } });\n\nexport const usePromptStarterStyles_unstable = (state: PromptStarterState): PromptStarterState => {\n 'use no memo';\n\n const { designVersion } = state;\n\n const styles = useStyles();\n const nextStyles = useNextStyles();\n const rootResetStyles = useRootResetStyles();\n state.root.className = mergeClasses(\n promptStarterClassNames.root,\n rootResetStyles,\n designVersion === 'next' && nextStyles.root,\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","createFocusOutlineStyle","tokens","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","useNextStyles","borderRadiusXLarge","usePromptStarterStyles_unstable","state","designVersion","styles","nextStyles","rootResetStyles","className"],"rangeMappings":"
|
|
1
|
+
{"version":3,"sources":["usePromptStarterStyles.styles.ts"],"sourcesContent":["import {\n makeStyles,\n makeResetStyles,\n mergeClasses,\n shorthands,\n typographyStyles,\n createFocusOutlineStyle,\n} from '@fluentui/react-components';\nimport { tokens } from '@fluentui-copilot/tokens';\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 gap: '0px 8px',\n padding: '6px 8px 8px 8px',\n ...shorthands.border(tokens.strokeWidthThin, 'solid', tokens.colorNeutralStroke1),\n 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: { gridArea: 'icon', display: 'flex', alignSelf: 'center' },\n\n category: {\n ...typographyStyles.body1Strong,\n gridArea: 'category',\n },\n prompt: { ...typographyStyles.body1, gridArea: 'prompt' },\n disabledText: {\n color: tokens.colorNeutralForegroundDisabled,\n },\n disabledBadge: {\n opacity: '40%',\n },\n});\n\nconst useNextStyles = makeStyles({ root: { borderRadius: tokens.borderRadiusXLarge } });\n\n/**\n * @deprecated Use PromptStarterV2 instead.\n * Deprecated on 10/21/2025\n */\nexport const usePromptStarterStyles_unstable = (state: PromptStarterState): PromptStarterState => {\n 'use no memo';\n\n const { designVersion } = state;\n\n const styles = useStyles();\n const nextStyles = useNextStyles();\n const rootResetStyles = useRootResetStyles();\n state.root.className = mergeClasses(\n promptStarterClassNames.root,\n rootResetStyles,\n designVersion === 'next' && nextStyles.root,\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","createFocusOutlineStyle","tokens","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","useNextStyles","borderRadiusXLarge","usePromptStarterStyles_unstable","state","designVersion","styles","nextStyles","rootResetStyles","className"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}
|
|
@@ -47,12 +47,12 @@ import { usePromptStarterListContext } from '../../../contexts/PromptStarterList
|
|
|
47
47
|
},
|
|
48
48
|
elementType: 'span'
|
|
49
49
|
}) : undefined,
|
|
50
|
-
category:
|
|
50
|
+
category: slot.optional(props.category, {
|
|
51
51
|
defaultProps: {
|
|
52
52
|
id: `${id}-category`
|
|
53
53
|
},
|
|
54
54
|
elementType: 'span'
|
|
55
|
-
})
|
|
55
|
+
}),
|
|
56
56
|
prompt: slot.always(props.prompt, {
|
|
57
57
|
defaultProps: {
|
|
58
58
|
id: `${id}-prompt`
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["usePromptStarter.ts"],"sourcesContent":["import { getIntrinsicElementProps, slot, useFocusableGroup, useId } from '@fluentui/react-components';\nimport { usePromptStarterListContext } from '../../../contexts/PromptStarterListContext';\nimport type { PromptStarterProps, PromptStarterState } from './PromptStarter.types';\n\n/**\n * Create the state required to render PromptStarter.\n *\n * The returned state can be modified with hooks such as usePromptStarterStyles_unstable,\n * before being passed to renderPromptStarter_unstable.\n *\n * @param props - props from this instance of PromptStarter\n * @param ref - reference to root HTMLElement of PromptStarter\n */\nexport const usePromptStarter_unstable = (\n props: PromptStarterProps,\n ref: React.Ref<HTMLDivElement>,\n): PromptStarterState => {\n const id = useId('prompt-starter');\n const focusAttrs = useFocusableGroup();\n\n const numberOfColumns = usePromptStarterListContext(ctx => ctx.numberOfColumns);\n // if this is defined, the context exists and the Prompt is within PromptStarterList\n const isWithinList = typeof numberOfColumns === 'number';\n\n const isSingleColumn = numberOfColumns === 1;\n\n const state: PromptStarterState = {\n isSingleColumn,\n components: {\n root: 'div',\n primaryAction: 'button',\n icon: 'span',\n category: 'span',\n prompt: 'span',\n reasonMarker: 'span',\n actions: 'span',\n },\n root: slot.always(\n getIntrinsicElementProps('div', {\n ref,\n role: isWithinList ? 'listitem' : undefined,\n ...focusAttrs,\n ...props,\n }),\n { elementType: 'div' },\n ),\n primaryAction: slot.always(props.primaryAction, {\n defaultProps: {\n 'aria-labelledby': `${id}-category ${id}-prompt`,\n 'aria-describedby': `${id}-icon ${id}-reasonMarker`,\n },\n elementType: 'button',\n }),\n icon: !isSingleColumn\n ? slot.optional(props.icon, {\n defaultProps: { id: `${id}-icon` },\n elementType: 'span',\n })\n : undefined,\n category:
|
|
1
|
+
{"version":3,"sources":["usePromptStarter.ts"],"sourcesContent":["import { getIntrinsicElementProps, slot, useFocusableGroup, useId } from '@fluentui/react-components';\nimport { usePromptStarterListContext } from '../../../contexts/PromptStarterListContext';\nimport type { PromptStarterProps, PromptStarterState } from './PromptStarter.types';\n\n/**\n * Create the state required to render PromptStarter.\n *\n * The returned state can be modified with hooks such as usePromptStarterStyles_unstable,\n * before being passed to renderPromptStarter_unstable.\n *\n * @param props - props from this instance of PromptStarter\n * @param ref - reference to root HTMLElement of PromptStarter\n */\nexport const usePromptStarter_unstable = (\n props: PromptStarterProps,\n ref: React.Ref<HTMLDivElement>,\n): PromptStarterState => {\n const id = useId('prompt-starter');\n const focusAttrs = useFocusableGroup();\n\n const numberOfColumns = usePromptStarterListContext(ctx => ctx.numberOfColumns);\n // if this is defined, the context exists and the Prompt is within PromptStarterList\n const isWithinList = typeof numberOfColumns === 'number';\n\n const isSingleColumn = numberOfColumns === 1;\n\n const state: PromptStarterState = {\n isSingleColumn,\n components: {\n root: 'div',\n primaryAction: 'button',\n icon: 'span',\n category: 'span',\n prompt: 'span',\n reasonMarker: 'span',\n actions: 'span',\n },\n root: slot.always(\n getIntrinsicElementProps('div', {\n ref,\n role: isWithinList ? 'listitem' : undefined,\n ...focusAttrs,\n ...props,\n }),\n { elementType: 'div' },\n ),\n primaryAction: slot.always(props.primaryAction, {\n defaultProps: {\n 'aria-labelledby': `${id}-category ${id}-prompt`,\n 'aria-describedby': `${id}-icon ${id}-reasonMarker`,\n },\n elementType: 'button',\n }),\n icon: !isSingleColumn\n ? slot.optional(props.icon, {\n defaultProps: { id: `${id}-icon` },\n elementType: 'span',\n })\n : undefined,\n category: slot.optional(props.category, {\n defaultProps: { id: `${id}-category` },\n elementType: 'span',\n }),\n prompt: slot.always(props.prompt, {\n defaultProps: { id: `${id}-prompt` },\n elementType: 'span',\n }),\n reasonMarker: !isSingleColumn\n ? slot.optional(props.reasonMarker, {\n defaultProps: { id: `${id}-reasonMarker` },\n elementType: 'span',\n })\n : undefined,\n actions: !isSingleColumn ? slot.optional(props.actions, { elementType: 'span' }) : undefined,\n };\n\n return state;\n};\n"],"names":["getIntrinsicElementProps","slot","useFocusableGroup","useId","usePromptStarterListContext","usePromptStarter_unstable","props","ref","id","focusAttrs","numberOfColumns","ctx","isWithinList","isSingleColumn","state","components","root","primaryAction","icon","category","prompt","reasonMarker","actions","always","role","undefined","elementType","defaultProps","optional"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,SAASA,wBAAwB,EAAEC,IAAI,EAAEC,iBAAiB,EAAEC,KAAK,QAAQ,6BAA6B;AACtG,SAASC,2BAA2B,QAAQ,6CAA6C;AAGzF;;;;;;;;CAQC,GACD,OAAO,MAAMC,4BAA4B,CACvCC,OACAC;IAEA,MAAMC,KAAKL,MAAM;IACjB,MAAMM,aAAaP;IAEnB,MAAMQ,kBAAkBN,4BAA4BO,CAAAA,MAAOA,IAAID,eAAe;IAC9E,oFAAoF;IACpF,MAAME,eAAe,OAAOF,oBAAoB;IAEhD,MAAMG,iBAAiBH,oBAAoB;IAE3C,MAAMI,QAA4B;QAChCD;QACAE,YAAY;YACVC,MAAM;YACNC,eAAe;YACfC,MAAM;YACNC,UAAU;YACVC,QAAQ;YACRC,cAAc;YACdC,SAAS;QACX;QACAN,MAAMf,KAAKsB,MAAM,CACfvB,yBAAyB,OAAO;YAC9BO;YACAiB,MAAMZ,eAAe,aAAaa;YAClC,GAAGhB,UAAU;YACb,GAAGH,KAAK;QACV,IACA;YAAEoB,aAAa;QAAM;QAEvBT,eAAehB,KAAKsB,MAAM,CAACjB,MAAMW,aAAa,EAAE;YAC9CU,cAAc;gBACZ,mBAAmB,CAAC,EAAEnB,GAAG,UAAU,EAAEA,GAAG,OAAO,CAAC;gBAChD,oBAAoB,CAAC,EAAEA,GAAG,MAAM,EAAEA,GAAG,aAAa,CAAC;YACrD;YACAkB,aAAa;QACf;QACAR,MAAM,CAACL,iBACHZ,KAAK2B,QAAQ,CAACtB,MAAMY,IAAI,EAAE;YACxBS,cAAc;gBAAEnB,IAAI,CAAC,EAAEA,GAAG,KAAK,CAAC;YAAC;YACjCkB,aAAa;QACf,KACAD;QACJN,UAAUlB,KAAK2B,QAAQ,CAACtB,MAAMa,QAAQ,EAAE;YACtCQ,cAAc;gBAAEnB,IAAI,CAAC,EAAEA,GAAG,SAAS,CAAC;YAAC;YACrCkB,aAAa;QACf;QACAN,QAAQnB,KAAKsB,MAAM,CAACjB,MAAMc,MAAM,EAAE;YAChCO,cAAc;gBAAEnB,IAAI,CAAC,EAAEA,GAAG,OAAO,CAAC;YAAC;YACnCkB,aAAa;QACf;QACAL,cAAc,CAACR,iBACXZ,KAAK2B,QAAQ,CAACtB,MAAMe,YAAY,EAAE;YAChCM,cAAc;gBAAEnB,IAAI,CAAC,EAAEA,GAAG,aAAa,CAAC;YAAC;YACzCkB,aAAa;QACf,KACAD;QACJH,SAAS,CAACT,iBAAiBZ,KAAK2B,QAAQ,CAACtB,MAAMgB,OAAO,EAAE;YAAEI,aAAa;QAAO,KAAKD;IACrF;IAEA,OAAOX;AACT,EAAE"}
|
|
@@ -115,32 +115,37 @@ const useStyles = __styles({
|
|
|
115
115
|
Beweih1: "f12k0sjh"
|
|
116
116
|
},
|
|
117
117
|
category: {
|
|
118
|
-
mc9l5x: "f22iagw",
|
|
119
|
-
Bt984gj: "f122n59",
|
|
120
|
-
Bahqtrf: "fk6fouc",
|
|
121
|
-
Be2twd7: "fkhj508",
|
|
122
|
-
Bhrd7zp: "fl43uef",
|
|
123
|
-
Bg96gwp: "f1i3iumi",
|
|
124
118
|
nk6f5a: 0,
|
|
125
119
|
Ijaq50: 0,
|
|
126
120
|
h3tjnc: "fm1owph",
|
|
127
121
|
Bw0ie65: 0,
|
|
128
122
|
Br312pm: 0,
|
|
129
|
-
Beweih1: "f14q5zaz"
|
|
123
|
+
Beweih1: "f14q5zaz",
|
|
124
|
+
qb2dma: "f7nlbp4",
|
|
125
|
+
sj55zd: "f19n0e5",
|
|
126
|
+
Bahqtrf: "fk6fouc",
|
|
127
|
+
Be2twd7: "fkhj508",
|
|
128
|
+
Bhrd7zp: "fl43uef",
|
|
129
|
+
Bg96gwp: "f1i3iumi",
|
|
130
|
+
mc9l5x: "f1rvi9lw",
|
|
131
|
+
Fd1uvx: "fpfc2by",
|
|
132
|
+
Bh9c35c: "fvvof4m",
|
|
133
|
+
Bmxbyg5: "f1sil6mw",
|
|
134
|
+
Biipf1f: "f9ijwd5"
|
|
130
135
|
},
|
|
131
136
|
actions: {
|
|
132
|
-
jrapky: 0,
|
|
133
|
-
Frg6f3: 0,
|
|
134
|
-
t21cq0: 0,
|
|
135
|
-
B6of3ja: 0,
|
|
136
|
-
B74szlk: ["foizga4", "f5m8a6r"],
|
|
137
|
-
qhf8xq: "f10pi13n",
|
|
138
137
|
nk6f5a: 0,
|
|
139
138
|
Ijaq50: 0,
|
|
140
139
|
h3tjnc: "f3hl5xl",
|
|
141
140
|
Bw0ie65: 0,
|
|
142
141
|
Br312pm: 0,
|
|
143
142
|
Beweih1: "f14q5zaz",
|
|
143
|
+
qhf8xq: "f10pi13n",
|
|
144
|
+
jrapky: 0,
|
|
145
|
+
Frg6f3: 0,
|
|
146
|
+
t21cq0: 0,
|
|
147
|
+
B6of3ja: 0,
|
|
148
|
+
B74szlk: ["foizga4", "f5m8a6r"],
|
|
144
149
|
abs64n: "f5p0z4x",
|
|
145
150
|
Bn62ygk: 0,
|
|
146
151
|
Cwk7ip: 0,
|
|
@@ -154,6 +159,12 @@ const useStyles = __styles({
|
|
|
154
159
|
E5pizo: ["f1u7pq1e", "f1pdyzui"]
|
|
155
160
|
},
|
|
156
161
|
prompt: {
|
|
162
|
+
nk6f5a: 0,
|
|
163
|
+
Ijaq50: 0,
|
|
164
|
+
h3tjnc: "f1daok31",
|
|
165
|
+
Bw0ie65: 0,
|
|
166
|
+
Br312pm: 0,
|
|
167
|
+
Beweih1: "f1eb8yyf",
|
|
157
168
|
Bahqtrf: "fk6fouc",
|
|
158
169
|
Be2twd7: "fkhj508",
|
|
159
170
|
Bhrd7zp: "fl43uef",
|
|
@@ -162,12 +173,7 @@ const useStyles = __styles({
|
|
|
162
173
|
Fd1uvx: "fpfc2by",
|
|
163
174
|
Bh9c35c: "f1lvsx7g",
|
|
164
175
|
Bmxbyg5: "f1sil6mw",
|
|
165
|
-
|
|
166
|
-
Ijaq50: 0,
|
|
167
|
-
h3tjnc: "f1daok31",
|
|
168
|
-
Bw0ie65: 0,
|
|
169
|
-
Br312pm: 0,
|
|
170
|
-
Beweih1: "f1eb8yyf"
|
|
176
|
+
Biipf1f: "f9ijwd5"
|
|
171
177
|
},
|
|
172
178
|
promptNoReasonMarker: {
|
|
173
179
|
Bh9c35c: "f197wrh9"
|
|
@@ -182,7 +188,12 @@ const useStyles = __styles({
|
|
|
182
188
|
Bahqtrf: "fk6fouc",
|
|
183
189
|
Be2twd7: "f13mqy1h",
|
|
184
190
|
Bhrd7zp: "figsok6",
|
|
185
|
-
Bg96gwp: "fcpl73t"
|
|
191
|
+
Bg96gwp: "fcpl73t",
|
|
192
|
+
mc9l5x: "f1rvi9lw",
|
|
193
|
+
Fd1uvx: "fpfc2by",
|
|
194
|
+
Bh9c35c: "fvvof4m",
|
|
195
|
+
Bmxbyg5: "f1sil6mw",
|
|
196
|
+
Biipf1f: "f9ijwd5"
|
|
186
197
|
}
|
|
187
198
|
}, {
|
|
188
199
|
d: [[".fcdwmbt{grid-row:1/3;}", {
|
|
@@ -203,25 +214,25 @@ const useStyles = __styles({
|
|
|
203
214
|
p: -1
|
|
204
215
|
}], [".f12k0sjh{grid-column:1/2;}", {
|
|
205
216
|
p: -1
|
|
206
|
-
}],
|
|
217
|
+
}], [".fm1owph{grid-row:1;}", {
|
|
207
218
|
p: -1
|
|
208
219
|
}], [".f14q5zaz{grid-column:2/3;}", {
|
|
209
220
|
p: -1
|
|
210
|
-
}],
|
|
221
|
+
}], ".f7nlbp4{align-self:center;}", ".f19n0e5{color:var(--colorNeutralForeground1);}", ".fkhj508{font-size:var(--fontSizeBase300);}", ".fl43uef{font-weight:var(--fontWeightSemibold);}", ".f1i3iumi{line-height:var(--lineHeightBase300);}", ".f1rvi9lw{display:-webkit-box;}", ".fpfc2by{-webkit-box-orient:vertical;}", ".fvvof4m{-webkit-line-clamp:1;}", ".f1sil6mw{overflow-y:hidden;}", ".f9ijwd5{word-break:break-word;}", [".f3hl5xl{grid-row:1/2;}", {
|
|
211
222
|
p: -1
|
|
212
|
-
}], [".
|
|
223
|
+
}], [".f14q5zaz{grid-column:2/3;}", {
|
|
213
224
|
p: -1
|
|
214
|
-
}], [".
|
|
225
|
+
}], [".foizga4{margin:var(--spacingVerticalL) var(--spacingHorizontalL) var(--spacingVerticalNone) var(--spacingHorizontalNone);}", {
|
|
215
226
|
p: -1
|
|
216
|
-
}], [".
|
|
227
|
+
}], [".f5m8a6r{margin:var(--spacingVerticalL) var(--spacingHorizontalNone) var(--spacingVerticalNone) var(--spacingHorizontalL);}", {
|
|
217
228
|
p: -1
|
|
218
229
|
}], ".f5p0z4x{opacity:1;}", [".f1964ud6{transition:opacity var(--durationFast) var(--curveLinear);}", {
|
|
219
230
|
p: -1
|
|
220
|
-
}], ".f1u7pq1e{box-shadow:-12px 0 12px 0 var(--colorNeutralBackground1);}", ".f1pdyzui{box-shadow:12px 0 12px 0 var(--colorNeutralBackground1);}",
|
|
231
|
+
}], ".f1u7pq1e{box-shadow:-12px 0 12px 0 var(--colorNeutralBackground1);}", ".f1pdyzui{box-shadow:12px 0 12px 0 var(--colorNeutralBackground1);}", [".f1daok31{grid-row:2;}", {
|
|
221
232
|
p: -1
|
|
222
233
|
}], [".f1eb8yyf{grid-column:1/3;}", {
|
|
223
234
|
p: -1
|
|
224
|
-
}], ".f197wrh9{-webkit-line-clamp:3;}", [".f17e42vn{grid-row:3;}", {
|
|
235
|
+
}], ".f1lvsx7g{-webkit-line-clamp:2;}", ".f197wrh9{-webkit-line-clamp:3;}", [".f17e42vn{grid-row:3;}", {
|
|
225
236
|
p: -1
|
|
226
237
|
}], [".f1eb8yyf{grid-column:1/3;}", {
|
|
227
238
|
p: -1
|
|
@@ -239,6 +250,12 @@ const useStyles = __styles({
|
|
|
239
250
|
const useSingleColumnStyles = __styles({
|
|
240
251
|
primaryAction: {
|
|
241
252
|
mc9l5x: "f22iagw",
|
|
253
|
+
Beiy3e4: "f1vx9l62",
|
|
254
|
+
Byoj8tv: 0,
|
|
255
|
+
uwmqm3: 0,
|
|
256
|
+
z189sj: 0,
|
|
257
|
+
z8tnut: 0,
|
|
258
|
+
B0ocmuz: "fcvcxyf",
|
|
242
259
|
Beyfa6y: 0,
|
|
243
260
|
Bbmb7ep: 0,
|
|
244
261
|
Btl43ni: 0,
|
|
@@ -285,20 +302,30 @@ const useSingleColumnStyles = __styles({
|
|
|
285
302
|
Bjwuhne: "f480a47",
|
|
286
303
|
Ghsupd: ["fs1por5", "f4stah7"]
|
|
287
304
|
},
|
|
305
|
+
category: {
|
|
306
|
+
Bahqtrf: "fk6fouc",
|
|
307
|
+
Be2twd7: "fy9rknc",
|
|
308
|
+
Bhrd7zp: "fl43uef",
|
|
309
|
+
Bg96gwp: "fwrc4pm",
|
|
310
|
+
qb2dma: "fio29c6"
|
|
311
|
+
},
|
|
288
312
|
prompt: {
|
|
289
313
|
Bahqtrf: "fk6fouc",
|
|
290
314
|
Be2twd7: "fy9rknc",
|
|
291
315
|
Bhrd7zp: "fl43uef",
|
|
292
|
-
Bg96gwp: "fwrc4pm"
|
|
316
|
+
Bg96gwp: "fwrc4pm",
|
|
317
|
+
Bh9c35c: "f1lvsx7g"
|
|
293
318
|
}
|
|
294
319
|
}, {
|
|
295
|
-
d: [".f22iagw{display:flex;}",
|
|
320
|
+
d: [".f22iagw{display:flex;}", ".f1vx9l62{flex-direction:column;}", [".fcvcxyf{padding:var(--spacingVerticalM) var(--spacingHorizontalM);}", {
|
|
321
|
+
p: -1
|
|
322
|
+
}], [".f1jxijnj{border-radius:var(--borderRadius2XL);}", {
|
|
296
323
|
p: -1
|
|
297
324
|
}], ".f8hki3x[data-fui-focus-visible]{border-top-color:transparent;}", ".f1d2448m[data-fui-focus-visible]{border-right-color:transparent;}", ".ffh67wi[data-fui-focus-visible]{border-left-color:transparent;}", ".f1bjia2o[data-fui-focus-visible]{border-bottom-color:transparent;}", ".f15bsgw9[data-fui-focus-visible]::after{content:\"\";}", ".f14e48fq[data-fui-focus-visible]::after{position:absolute;}", ".f18yb2kv[data-fui-focus-visible]::after{pointer-events:none;}", ".fd6o370[data-fui-focus-visible]::after{z-index:1;}", [".ffwy5si[data-fui-focus-visible]::after{border:2px solid var(--colorStrokeFocus2);}", {
|
|
298
325
|
p: -2
|
|
299
326
|
}], [".f178id4l[data-fui-focus-visible]::after{border-radius:var(--borderRadius2XL);}", {
|
|
300
327
|
p: -1
|
|
301
|
-
}], ".f57olzd[data-fui-focus-visible]::after{top:calc(2px * -1);}", ".f4stah7[data-fui-focus-visible]::after{right:calc(2px * -1);}", ".fs1por5[data-fui-focus-visible]::after{left:calc(2px * -1);}", ".f480a47[data-fui-focus-visible]::after{bottom:calc(2px * -1);}", ".fk6fouc{font-family:var(--fontFamilyBase);}", ".fy9rknc{font-size:var(--fontSizeBase200);}", ".fl43uef{font-weight:var(--fontWeightSemibold);}", ".fwrc4pm{line-height:var(--lineHeightBase200);}"],
|
|
328
|
+
}], ".f57olzd[data-fui-focus-visible]::after{top:calc(2px * -1);}", ".f4stah7[data-fui-focus-visible]::after{right:calc(2px * -1);}", ".fs1por5[data-fui-focus-visible]::after{left:calc(2px * -1);}", ".f480a47[data-fui-focus-visible]::after{bottom:calc(2px * -1);}", ".fk6fouc{font-family:var(--fontFamilyBase);}", ".fy9rknc{font-size:var(--fontSizeBase200);}", ".fl43uef{font-weight:var(--fontWeightSemibold);}", ".fwrc4pm{line-height:var(--lineHeightBase200);}", ".fio29c6{align-self:auto;}", ".f1lvsx7g{-webkit-line-clamp:2;}"],
|
|
302
329
|
f: [".ftqa4ok:focus{outline-style:none;}"],
|
|
303
330
|
i: [".f2hkw1w:focus-visible{outline-style:none;}"],
|
|
304
331
|
m: [["@media (forced-colors: active){.f1j6vpng[data-fui-focus-visible]::after{border-top-color:Highlight;}}", {
|
|
@@ -324,7 +351,7 @@ export const usePromptStarterStyles_unstable = state => {
|
|
|
324
351
|
state.icon.className = mergeClasses(promptStarterClassNames.icon, styles.icon, state.icon.className);
|
|
325
352
|
}
|
|
326
353
|
if (state.category) {
|
|
327
|
-
state.category.className = mergeClasses(promptStarterClassNames.category, styles.category, state.category.className);
|
|
354
|
+
state.category.className = mergeClasses(promptStarterClassNames.category, styles.category, isSingleColumn && singleColumnStyles.category, state.category.className);
|
|
328
355
|
}
|
|
329
356
|
state.prompt.className = mergeClasses(promptStarterClassNames.prompt, styles.prompt, !state.reasonMarker && styles.promptNoReasonMarker, isSingleColumn && singleColumnStyles.prompt, state.prompt.className);
|
|
330
357
|
if (state.reasonMarker) {
|