@fluentui-copilot/react-prompt-starter 0.5.0 → 0.6.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 +31 -1
- package/CHANGELOG.md +20 -2
- package/dist/index.d.ts +1 -1
- package/lib/PromptStarter.js.map +1 -1
- package/lib/components/PromptStarter/PromptStarter.js.map +1 -1
- package/lib/components/PromptStarter/PromptStarter.types.js +3 -1
- package/lib/components/PromptStarter/PromptStarter.types.js.map +1 -1
- package/lib/components/PromptStarter/index.js.map +1 -1
- package/lib/components/PromptStarter/renderPromptStarter.js.map +1 -1
- package/lib/components/PromptStarter/usePromptStarter.js +2 -2
- package/lib/components/PromptStarter/usePromptStarter.js.map +1 -1
- package/lib/components/PromptStarter/usePromptStarterStyles.js +4 -1
- package/lib/components/PromptStarter/usePromptStarterStyles.js.map +1 -1
- package/lib/index.js.map +1 -1
- package/lib-commonjs/PromptStarter.js.map +1 -1
- package/lib-commonjs/components/PromptStarter/PromptStarter.js.map +1 -1
- package/lib-commonjs/components/PromptStarter/PromptStarter.types.js +3 -1
- package/lib-commonjs/components/PromptStarter/PromptStarter.types.js.map +1 -1
- package/lib-commonjs/components/PromptStarter/index.js.map +1 -1
- package/lib-commonjs/components/PromptStarter/renderPromptStarter.js.map +1 -1
- package/lib-commonjs/components/PromptStarter/usePromptStarter.js +1 -1
- package/lib-commonjs/components/PromptStarter/usePromptStarter.js.map +1 -1
- package/lib-commonjs/components/PromptStarter/usePromptStarterStyles.js +22 -16
- package/lib-commonjs/components/PromptStarter/usePromptStarterStyles.js.map +1 -1
- package/lib-commonjs/index.js.map +1 -1
- package/package.json +7 -7
package/CHANGELOG.json
CHANGED
|
@@ -2,7 +2,37 @@
|
|
|
2
2
|
"name": "@fluentui-copilot/react-prompt-starter",
|
|
3
3
|
"entries": [
|
|
4
4
|
{
|
|
5
|
-
"date": "
|
|
5
|
+
"date": "Tue, 30 Apr 2024 20:54:47 GMT",
|
|
6
|
+
"tag": "@fluentui-copilot/react-prompt-starter_v0.6.1",
|
|
7
|
+
"version": "0.6.1",
|
|
8
|
+
"comments": {
|
|
9
|
+
"patch": [
|
|
10
|
+
{
|
|
11
|
+
"author": "sarah.higley@microsoft.com",
|
|
12
|
+
"package": "@fluentui-copilot/react-prompt-starter",
|
|
13
|
+
"commit": "66eba4eb0956384ecc14b2a40c5fa722680f79d8",
|
|
14
|
+
"comment": "chore: bump @fluentui/react-components to latest, 9.49.0 "
|
|
15
|
+
}
|
|
16
|
+
]
|
|
17
|
+
}
|
|
18
|
+
},
|
|
19
|
+
{
|
|
20
|
+
"date": "Wed, 10 Apr 2024 23:07:50 GMT",
|
|
21
|
+
"tag": "@fluentui-copilot/react-prompt-starter_v0.6.0",
|
|
22
|
+
"version": "0.6.0",
|
|
23
|
+
"comments": {
|
|
24
|
+
"minor": [
|
|
25
|
+
{
|
|
26
|
+
"author": "Humberto.Morimoto@microsoft.com",
|
|
27
|
+
"package": "@fluentui-copilot/react-prompt-starter",
|
|
28
|
+
"commit": "2afa98912cd99ed6f604c582caee4d49d1ba895d",
|
|
29
|
+
"comment": "fix: Replace usage of deprecated getNativeElementProps with getIntrinsicElementProps."
|
|
30
|
+
}
|
|
31
|
+
]
|
|
32
|
+
}
|
|
33
|
+
},
|
|
34
|
+
{
|
|
35
|
+
"date": "Wed, 13 Mar 2024 18:01:50 GMT",
|
|
6
36
|
"tag": "@fluentui-copilot/react-prompt-starter_v0.5.0",
|
|
7
37
|
"version": "0.5.0",
|
|
8
38
|
"comments": {
|
package/CHANGELOG.md
CHANGED
|
@@ -1,12 +1,30 @@
|
|
|
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 Tue, 30 Apr 2024 20:54:47 GMT and should not be manually modified.
|
|
4
4
|
|
|
5
5
|
<!-- Start content -->
|
|
6
6
|
|
|
7
|
+
## [0.6.1](https://github.com/microsoft/fluentai/tree/@fluentui-copilot/react-prompt-starter_v0.6.1)
|
|
8
|
+
|
|
9
|
+
Tue, 30 Apr 2024 20:54:47 GMT
|
|
10
|
+
[Compare changes](https://github.com/microsoft/fluentai/compare/@fluentui-copilot/react-prompt-starter_v0.6.0..@fluentui-copilot/react-prompt-starter_v0.6.1)
|
|
11
|
+
|
|
12
|
+
### Patches
|
|
13
|
+
|
|
14
|
+
- chore: bump @fluentui/react-components to latest, 9.49.0 ([PR #1580](https://github.com/microsoft/fluentai/pull/1580) by sarah.higley@microsoft.com)
|
|
15
|
+
|
|
16
|
+
## [0.6.0](https://github.com/microsoft/fluentai/tree/@fluentui-copilot/react-prompt-starter_v0.6.0)
|
|
17
|
+
|
|
18
|
+
Wed, 10 Apr 2024 23:07:50 GMT
|
|
19
|
+
[Compare changes](https://github.com/microsoft/fluentai/compare/@fluentui-copilot/react-prompt-starter_v0.5.0..@fluentui-copilot/react-prompt-starter_v0.6.0)
|
|
20
|
+
|
|
21
|
+
### Minor changes
|
|
22
|
+
|
|
23
|
+
- fix: Replace usage of deprecated getNativeElementProps with getIntrinsicElementProps. ([PR #1512](https://github.com/microsoft/fluentai/pull/1512) by Humberto.Morimoto@microsoft.com)
|
|
24
|
+
|
|
7
25
|
## [0.5.0](https://github.com/microsoft/fluentai/tree/@fluentui-copilot/react-prompt-starter_v0.5.0)
|
|
8
26
|
|
|
9
|
-
Wed, 13 Mar 2024 18:
|
|
27
|
+
Wed, 13 Mar 2024 18:01:50 GMT
|
|
10
28
|
[Compare changes](https://github.com/microsoft/fluentai/compare/@fluentai/prompt-starter_v0.4.1..@fluentui-copilot/react-prompt-starter_v0.5.0)
|
|
11
29
|
|
|
12
30
|
### Minor changes
|
package/dist/index.d.ts
CHANGED
|
@@ -38,7 +38,7 @@ export declare const renderPromptStarter_unstable: (state: PromptStarterState) =
|
|
|
38
38
|
* @param props - props from this instance of PromptStarter
|
|
39
39
|
* @param ref - reference to root HTMLElement of PromptStarter
|
|
40
40
|
*/
|
|
41
|
-
export declare const usePromptStarter_unstable: (props: PromptStarterProps, ref: React.Ref<
|
|
41
|
+
export declare const usePromptStarter_unstable: (props: PromptStarterProps, ref: React.Ref<HTMLButtonElement>) => PromptStarterState;
|
|
42
42
|
|
|
43
43
|
export declare const usePromptStarterStyles_unstable: (state: PromptStarterState) => PromptStarterState;
|
|
44
44
|
|
package/lib/PromptStarter.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["PromptStarter.ts"],"sourcesContent":["export * from './components/PromptStarter/index';\n"],"names":[],"mappings":"AAAA,cAAc,mCAAmC"}
|
|
1
|
+
{"version":3,"sources":["PromptStarter.ts"],"sourcesContent":["export * from './components/PromptStarter/index';\n"],"names":[],"rangeMappings":"","mappings":"AAAA,cAAc,mCAAmC"}
|
|
@@ -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"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,yBAAyB,QAAQ,qBAAqB;AAC/D,SAASC,4BAA4B,QAAQ,wBAAwB;AACrE,SAASC,+BAA+B,QAAQ,2BAA2B;AAC3E,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"}
|
|
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,2BAA2B;AAC3E,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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["PromptStarter.types.ts"],"sourcesContent":["import 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> & {};\n\n/**\n * State used in rendering PromptStarter\n */\nexport type PromptStarterState = ComponentState<PromptStarterSlots>;\n"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"sources":["PromptStarter.types.ts"],"sourcesContent":["import 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> & {};\n\n/**\n * State used in rendering PromptStarter\n */\nexport type PromptStarterState = ComponentState<PromptStarterSlots>;\n"],"names":[],"rangeMappings":";;","mappings":"AAeA;;CAEC,GACD,WAAoE"}
|
|
@@ -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":[],"mappings":"AAAA,cAAc,kBAAkB;AAChC,cAAc,wBAAwB;AACtC,cAAc,wBAAwB;AACtC,cAAc,qBAAqB;AACnC,cAAc,2BAA2B"}
|
|
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,2BAA2B"}
|
|
@@ -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 { PromptStarterState, PromptStarterSlots } from './PromptStarter.types';\n\nexport const renderPromptStarter_unstable = (state: PromptStarterState) => {\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"],"mappings":"AAAA,0BAA0B,GAC1B,iDAAiD;AAEjD,SAASA,WAAW,QAAQ,6BAA6B;AAGzD,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"}
|
|
1
|
+
{"version":3,"sources":["renderPromptStarter.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\n\nimport { assertSlots } from '@fluentui/react-components';\nimport type { PromptStarterState, PromptStarterSlots } from './PromptStarter.types';\n\nexport const renderPromptStarter_unstable = (state: PromptStarterState) => {\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;AAGzD,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"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { Badge,
|
|
1
|
+
import { Badge, getIntrinsicElementProps, slot } from '@fluentui/react-components';
|
|
2
2
|
/**
|
|
3
3
|
* Create the state required to render PromptStarter.
|
|
4
4
|
*
|
|
@@ -17,7 +17,7 @@ export const usePromptStarter_unstable = (props, ref) => {
|
|
|
17
17
|
prompt: 'span',
|
|
18
18
|
badge: Badge
|
|
19
19
|
},
|
|
20
|
-
root: slot.always(
|
|
20
|
+
root: slot.always(getIntrinsicElementProps('button', {
|
|
21
21
|
ref,
|
|
22
22
|
...props
|
|
23
23
|
}), {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["usePromptStarter.ts"],"sourcesContent":["import { Badge,
|
|
1
|
+
{"version":3,"sources":["usePromptStarter.ts"],"sourcesContent":["import { Badge, getIntrinsicElementProps, slot } 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 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 ...props,\n }),\n { elementType: 'button' },\n ),\n icon: slot.always(props.icon, { elementType: 'span' }),\n category: slot.always(props.category, { elementType: 'span' }),\n prompt: slot.optional(props.prompt, { elementType: 'span' }),\n badge: slot.optional(props.badge, { defaultProps: { appearance: 'tint' }, elementType: Badge }),\n };\n};\n"],"names":["Badge","getIntrinsicElementProps","slot","usePromptStarter_unstable","props","ref","components","root","icon","category","prompt","badge","always","elementType","optional","defaultProps","appearance"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,SAASA,KAAK,EAAEC,wBAAwB,EAAEC,IAAI,QAAQ,6BAA6B;AAGnF;;;;;;;;CAQC,GACD,OAAO,MAAMC,4BAA4B,CACvCC,OACAC;IAEA,OAAO;QACLC,YAAY;YACVC,MAAM;YACNC,MAAM;YACNC,UAAU;YACVC,QAAQ;YACRC,OAAOX;QACT;QACAO,MAAML,KAAKU,MAAM,CACfX,yBAAyB,UAAU;YACjCI;YACA,GAAGD,KAAK;QACV,IACA;YAAES,aAAa;QAAS;QAE1BL,MAAMN,KAAKU,MAAM,CAACR,MAAMI,IAAI,EAAE;YAAEK,aAAa;QAAO;QACpDJ,UAAUP,KAAKU,MAAM,CAACR,MAAMK,QAAQ,EAAE;YAAEI,aAAa;QAAO;QAC5DH,QAAQR,KAAKY,QAAQ,CAACV,MAAMM,MAAM,EAAE;YAAEG,aAAa;QAAO;QAC1DF,OAAOT,KAAKY,QAAQ,CAACV,MAAMO,KAAK,EAAE;YAAEI,cAAc;gBAAEC,YAAY;YAAO;YAAGH,aAAab;QAAM;IAC/F;AACF,EAAE"}
|
|
@@ -6,7 +6,10 @@ export const promptStarterClassNames = {
|
|
|
6
6
|
prompt: 'fai-PromptStarter__prompt',
|
|
7
7
|
badge: 'fai-PromptStarter__badge'
|
|
8
8
|
};
|
|
9
|
-
const useRootResetStyles = __resetStyles("
|
|
9
|
+
const useRootResetStyles = __resetStyles("r1t6pqal", "r1n4yp2k", {
|
|
10
|
+
r: [".r1t6pqal{position:relative;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;grid-template-areas:\"icon category\" \". prompt\";background-color:var(--colorNeutralBackground1);color:var(--colorNeutralForeground1);font-family:var(--fontFamilyBase);cursor:pointer;outline-style:none;text-align:left;column-gap:8px;row-gap:0px;padding-top:6px;padding-right:8px;padding-bottom:8px;padding-left:8px;border-top-width:var(--strokeWidthThin);border-right-width:var(--strokeWidthThin);border-bottom-width:var(--strokeWidthThin);border-left-width:var(--strokeWidthThin);border-top-style:solid;border-right-style:solid;border-bottom-style:solid;border-left-style:solid;border-top-color:var(--colorNeutralStroke1);border-right-color:var(--colorNeutralStroke1);border-bottom-color:var(--colorNeutralStroke1);border-left-color:var(--colorNeutralStroke1);border-bottom-right-radius:var(--borderRadiusMedium);border-bottom-left-radius:var(--borderRadiusMedium);border-top-right-radius:var(--borderRadiusMedium);border-top-left-radius:var(--borderRadiusMedium);}", ".r1t6pqal:hover{background-color:var(--colorNeutralBackground1Hover);border-top-width:var(--strokeWidthThin);border-right-width:var(--strokeWidthThin);border-bottom-width:var(--strokeWidthThin);border-left-width:var(--strokeWidthThin);border-top-style:solid;border-right-style:solid;border-bottom-style:solid;border-left-style:solid;border-top-color:var(--colorNeutralStroke1Hover);border-right-color:var(--colorNeutralStroke1Hover);border-bottom-color:var(--colorNeutralStroke1Hover);border-left-color:var(--colorNeutralStroke1Hover);}", ".r1t6pqal:active{background-color:var(--colorNeutralBackground1Pressed);border-top-width:var(--strokeWidthThin);border-right-width:var(--strokeWidthThin);border-bottom-width:var(--strokeWidthThin);border-left-width:var(--strokeWidthThin);border-top-style:solid;border-right-style:solid;border-bottom-style:solid;border-left-style:solid;border-top-color:var(--colorNeutralStroke1Pressed);border-right-color:var(--colorNeutralStroke1Pressed);border-bottom-color:var(--colorNeutralStroke1Pressed);border-left-color:var(--colorNeutralStroke1Pressed);}", ".r1t6pqal:focus{outline-style:none;}", ".r1t6pqal:focus-visible{outline-style:none;}", ".r1t6pqal[data-fui-focus-visible]{border-top-color:transparent;border-right-color:transparent;border-bottom-color:transparent;border-left-color:transparent;}", ".r1t6pqal[data-fui-focus-visible]::after{content:\"\";position:absolute;pointer-events:none;z-index:1;border-top-style:solid;border-right-style:solid;border-bottom-style:solid;border-left-style:solid;border-top-width:2px;border-right-width:2px;border-bottom-width:2px;border-left-width:2px;border-bottom-right-radius:var(--borderRadiusMedium);border-bottom-left-radius:var(--borderRadiusMedium);border-top-right-radius:var(--borderRadiusMedium);border-top-left-radius:var(--borderRadiusMedium);border-top-color:var(--colorStrokeFocus2);border-right-color:var(--colorStrokeFocus2);border-bottom-color:var(--colorStrokeFocus2);border-left-color:var(--colorStrokeFocus2);top:calc(2px * -1);right:calc(2px * -1);bottom:calc(2px * -1);left:calc(2px * -1);}", ".r1n4yp2k{position:relative;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;grid-template-areas:\"icon category\" \". prompt\";background-color:var(--colorNeutralBackground1);color:var(--colorNeutralForeground1);font-family:var(--fontFamilyBase);cursor:pointer;outline-style:none;text-align:right;column-gap:8px;row-gap:0px;padding-top:6px;padding-left:8px;padding-bottom:8px;padding-right:8px;border-top-width:var(--strokeWidthThin);border-left-width:var(--strokeWidthThin);border-bottom-width:var(--strokeWidthThin);border-right-width:var(--strokeWidthThin);border-top-style:solid;border-left-style:solid;border-bottom-style:solid;border-right-style:solid;border-top-color:var(--colorNeutralStroke1);border-left-color:var(--colorNeutralStroke1);border-bottom-color:var(--colorNeutralStroke1);border-right-color:var(--colorNeutralStroke1);border-bottom-left-radius:var(--borderRadiusMedium);border-bottom-right-radius:var(--borderRadiusMedium);border-top-left-radius:var(--borderRadiusMedium);border-top-right-radius:var(--borderRadiusMedium);}", ".r1n4yp2k:hover{background-color:var(--colorNeutralBackground1Hover);border-top-width:var(--strokeWidthThin);border-left-width:var(--strokeWidthThin);border-bottom-width:var(--strokeWidthThin);border-right-width:var(--strokeWidthThin);border-top-style:solid;border-left-style:solid;border-bottom-style:solid;border-right-style:solid;border-top-color:var(--colorNeutralStroke1Hover);border-left-color:var(--colorNeutralStroke1Hover);border-bottom-color:var(--colorNeutralStroke1Hover);border-right-color:var(--colorNeutralStroke1Hover);}", ".r1n4yp2k:active{background-color:var(--colorNeutralBackground1Pressed);border-top-width:var(--strokeWidthThin);border-left-width:var(--strokeWidthThin);border-bottom-width:var(--strokeWidthThin);border-right-width:var(--strokeWidthThin);border-top-style:solid;border-left-style:solid;border-bottom-style:solid;border-right-style:solid;border-top-color:var(--colorNeutralStroke1Pressed);border-left-color:var(--colorNeutralStroke1Pressed);border-bottom-color:var(--colorNeutralStroke1Pressed);border-right-color:var(--colorNeutralStroke1Pressed);}", ".r1n4yp2k:focus{outline-style:none;}", ".r1n4yp2k:focus-visible{outline-style:none;}", ".r1n4yp2k[data-fui-focus-visible]{border-top-color:transparent;border-left-color:transparent;border-bottom-color:transparent;border-right-color:transparent;}", ".r1n4yp2k[data-fui-focus-visible]::after{content:\"\";position:absolute;pointer-events:none;z-index:1;border-top-style:solid;border-left-style:solid;border-bottom-style:solid;border-right-style:solid;border-top-width:2px;border-left-width:2px;border-bottom-width:2px;border-right-width:2px;border-bottom-left-radius:var(--borderRadiusMedium);border-bottom-right-radius:var(--borderRadiusMedium);border-top-left-radius:var(--borderRadiusMedium);border-top-right-radius:var(--borderRadiusMedium);border-top-color:var(--colorStrokeFocus2);border-left-color:var(--colorStrokeFocus2);border-bottom-color:var(--colorStrokeFocus2);border-right-color:var(--colorStrokeFocus2);top:calc(2px * -1);left:calc(2px * -1);bottom:calc(2px * -1);right:calc(2px * -1);}"],
|
|
11
|
+
s: ["@media (forced-colors: active){.r1t6pqal[data-fui-focus-visible]::after{border-top-color:Highlight;border-right-color:Highlight;border-bottom-color:Highlight;border-left-color:Highlight;}}", "@media (forced-colors: active){.r1n4yp2k[data-fui-focus-visible]::after{border-top-color:Highlight;border-left-color:Highlight;border-bottom-color:Highlight;border-right-color:Highlight;}}"]
|
|
12
|
+
});
|
|
10
13
|
const useStyles = __styles({
|
|
11
14
|
disabled: {
|
|
12
15
|
Bceei9c: "fdrzuqr",
|
|
@@ -1 +1 @@
|
|
|
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"],"mappings":"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"}
|
|
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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"}
|
package/lib/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["index.ts"],"sourcesContent":["export type { PromptStarterProps, PromptStarterSlots, PromptStarterState } from './PromptStarter';\nexport {\n PromptStarter,\n promptStarterClassNames,\n renderPromptStarter_unstable,\n usePromptStarterStyles_unstable,\n usePromptStarter_unstable,\n} from './PromptStarter';\n"],"names":["PromptStarter","promptStarterClassNames","renderPromptStarter_unstable","usePromptStarterStyles_unstable","usePromptStarter_unstable"],"mappings":"AACA,SACEA,aAAa,EACbC,uBAAuB,EACvBC,4BAA4B,EAC5BC,+BAA+B,EAC/BC,yBAAyB,QACpB,kBAAkB"}
|
|
1
|
+
{"version":3,"sources":["index.ts"],"sourcesContent":["export type { PromptStarterProps, PromptStarterSlots, PromptStarterState } from './PromptStarter';\nexport {\n PromptStarter,\n promptStarterClassNames,\n renderPromptStarter_unstable,\n usePromptStarterStyles_unstable,\n usePromptStarter_unstable,\n} from './PromptStarter';\n"],"names":["PromptStarter","promptStarterClassNames","renderPromptStarter_unstable","usePromptStarterStyles_unstable","usePromptStarter_unstable"],"rangeMappings":"","mappings":"AACA,SACEA,aAAa,EACbC,uBAAuB,EACvBC,4BAA4B,EAC5BC,+BAA+B,EAC/BC,yBAAyB,QACpB,kBAAkB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["PromptStarter.
|
|
1
|
+
{"version":3,"sources":["PromptStarter.ts"],"sourcesContent":["export * from './components/PromptStarter/index';\n"],"names":[],"rangeMappings":";;;;;","mappings":";;;;;uBAAc"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["PromptStarter.
|
|
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;wCACG;+BACb;AAI5B,MAAMA,gBAAAA,WAAAA,GAAAA,OAAyDC,UAAMC,CAAU,CAACC,OAACA;UACtFC,QAAMA,IAAAA,2CAAQC,EAAAA,OAA0BF;+DAExCG,EAAAA;yCACAC,EAAAA,0BAAmBH;WAEnBI,IAAAA,iDAAOA,EAAAA;AACT;AAEAR,cAAcS,WAAW,GAAG"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["PromptStarter.types.
|
|
1
|
+
{"version":3,"sources":["PromptStarter.types.ts"],"sourcesContent":["import 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> & {};\n\n/**\n * State used in rendering PromptStarter\n */\nexport type PromptStarterState = ComponentState<PromptStarterSlots>;\n"],"names":[],"rangeMappings":";;","mappings":"AAeA;;CAEC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["index.
|
|
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 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["renderPromptStarter.
|
|
1
|
+
{"version":3,"sources":["renderPromptStarter.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\n\nimport { assertSlots } from '@fluentui/react-components';\nimport type { PromptStarterState, PromptStarterSlots } from './PromptStarter.types';\n\nexport const renderPromptStarter_unstable = (state: PromptStarterState) => {\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":["renderPromptStarter_unstable","state","assertSlots","_jsxs","root","icon","badge","_jsx","category","prompt"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAMaA;;;eAAAA;;;4BALb;iCAE4B;AAGrB,MAAMA,+BAA+BC,CAAAA;oCAC1CC,EAAAA;WAEA,WAAA,GAAAC,IAAAA,gBACE,EAAAF,MAACA,IAAMG,EAAAA;;;;;kCACJH,CAAAA,QAAMI;oBAAI;oBAAAJ,MAAAK,KAAA,IAAA,WAAA,GAAAC,IAAAA,eAAA,EAAAN,MAAAK,KAAA,EAAA,CAAA;iBAAA;;uCACVL,GAAAA,IAAAA,eAAMO,EAAAA,MAAQC,MAAA,EAAA,CAAA;SAAA;;kDACY"}
|
|
@@ -18,7 +18,7 @@ const usePromptStarter_unstable = (props, ref)=>{
|
|
|
18
18
|
prompt: 'span',
|
|
19
19
|
badge: _reactcomponents.Badge
|
|
20
20
|
},
|
|
21
|
-
root: _reactcomponents.slot.always((0, _reactcomponents.
|
|
21
|
+
root: _reactcomponents.slot.always((0, _reactcomponents.getIntrinsicElementProps)('button', {
|
|
22
22
|
ref,
|
|
23
23
|
...props
|
|
24
24
|
}), {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["usePromptStarter.
|
|
1
|
+
{"version":3,"sources":["usePromptStarter.ts"],"sourcesContent":["import { Badge, getIntrinsicElementProps, slot } 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 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 ...props,\n }),\n { elementType: 'button' },\n ),\n icon: slot.always(props.icon, { elementType: 'span' }),\n category: slot.always(props.category, { elementType: 'span' }),\n prompt: slot.optional(props.prompt, { elementType: 'span' }),\n badge: slot.optional(props.badge, { defaultProps: { appearance: 'tint' }, elementType: Badge }),\n };\n};\n"],"names":["usePromptStarter_unstable","props","ref","components","root","icon","category","prompt","badge","Badge","elementType","defaultProps","appearance"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAgBSA;;;eAAAA;;;iCAhB6C;AAgBpD,MAAOA,4BAAA,CAAAC,OAAAC;WACLC;oBACEC;kBACAC;kBACAC;sBACAC;oBACAC;mBACFC,sBAAA;;mCAGIP,CAAAA,MAAAA,CAAAA,IAAAA,yCAAAA,EAAAA,UAAAA;;eAEFD,KACA;;yBAAwB;;mCAEMS,CAAAA,MAAAA,CAAAA,MAAaL,IAAA,EAAA;yBAAO;;kBACZK,qBAAAA,CAAAA,MAAa,CAAAT,MAAAK,QAAA,EAAA;yBAAO;;gBACtBI,qBAAAA,CAAAA,QAAa,CAAAT,MAAAM,MAAA,EAAA;yBAAO;;oCACtBI,CAAAA,QAAAA,CAAAA,MAAcH,KAAA,EAAA;0BAAEI;4BAAmB;;yBAAsBH,sBAAA;QAC/F;IACA"}
|
|
@@ -24,22 +24,28 @@ const promptStarterClassNames = {
|
|
|
24
24
|
prompt: 'fai-PromptStarter__prompt',
|
|
25
25
|
badge: 'fai-PromptStarter__badge'
|
|
26
26
|
};
|
|
27
|
-
const useRootResetStyles = (0, _reactcomponents.__resetStyles)("
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
]);
|
|
27
|
+
const useRootResetStyles = (0, _reactcomponents.__resetStyles)("r1t6pqal", "r1n4yp2k", {
|
|
28
|
+
r: [
|
|
29
|
+
".r1t6pqal{position:relative;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;grid-template-areas:\"icon category\" \". prompt\";background-color:var(--colorNeutralBackground1);color:var(--colorNeutralForeground1);font-family:var(--fontFamilyBase);cursor:pointer;outline-style:none;text-align:left;column-gap:8px;row-gap:0px;padding-top:6px;padding-right:8px;padding-bottom:8px;padding-left:8px;border-top-width:var(--strokeWidthThin);border-right-width:var(--strokeWidthThin);border-bottom-width:var(--strokeWidthThin);border-left-width:var(--strokeWidthThin);border-top-style:solid;border-right-style:solid;border-bottom-style:solid;border-left-style:solid;border-top-color:var(--colorNeutralStroke1);border-right-color:var(--colorNeutralStroke1);border-bottom-color:var(--colorNeutralStroke1);border-left-color:var(--colorNeutralStroke1);border-bottom-right-radius:var(--borderRadiusMedium);border-bottom-left-radius:var(--borderRadiusMedium);border-top-right-radius:var(--borderRadiusMedium);border-top-left-radius:var(--borderRadiusMedium);}",
|
|
30
|
+
".r1t6pqal:hover{background-color:var(--colorNeutralBackground1Hover);border-top-width:var(--strokeWidthThin);border-right-width:var(--strokeWidthThin);border-bottom-width:var(--strokeWidthThin);border-left-width:var(--strokeWidthThin);border-top-style:solid;border-right-style:solid;border-bottom-style:solid;border-left-style:solid;border-top-color:var(--colorNeutralStroke1Hover);border-right-color:var(--colorNeutralStroke1Hover);border-bottom-color:var(--colorNeutralStroke1Hover);border-left-color:var(--colorNeutralStroke1Hover);}",
|
|
31
|
+
".r1t6pqal:active{background-color:var(--colorNeutralBackground1Pressed);border-top-width:var(--strokeWidthThin);border-right-width:var(--strokeWidthThin);border-bottom-width:var(--strokeWidthThin);border-left-width:var(--strokeWidthThin);border-top-style:solid;border-right-style:solid;border-bottom-style:solid;border-left-style:solid;border-top-color:var(--colorNeutralStroke1Pressed);border-right-color:var(--colorNeutralStroke1Pressed);border-bottom-color:var(--colorNeutralStroke1Pressed);border-left-color:var(--colorNeutralStroke1Pressed);}",
|
|
32
|
+
".r1t6pqal:focus{outline-style:none;}",
|
|
33
|
+
".r1t6pqal:focus-visible{outline-style:none;}",
|
|
34
|
+
".r1t6pqal[data-fui-focus-visible]{border-top-color:transparent;border-right-color:transparent;border-bottom-color:transparent;border-left-color:transparent;}",
|
|
35
|
+
".r1t6pqal[data-fui-focus-visible]::after{content:\"\";position:absolute;pointer-events:none;z-index:1;border-top-style:solid;border-right-style:solid;border-bottom-style:solid;border-left-style:solid;border-top-width:2px;border-right-width:2px;border-bottom-width:2px;border-left-width:2px;border-bottom-right-radius:var(--borderRadiusMedium);border-bottom-left-radius:var(--borderRadiusMedium);border-top-right-radius:var(--borderRadiusMedium);border-top-left-radius:var(--borderRadiusMedium);border-top-color:var(--colorStrokeFocus2);border-right-color:var(--colorStrokeFocus2);border-bottom-color:var(--colorStrokeFocus2);border-left-color:var(--colorStrokeFocus2);top:calc(2px * -1);right:calc(2px * -1);bottom:calc(2px * -1);left:calc(2px * -1);}",
|
|
36
|
+
".r1n4yp2k{position:relative;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;grid-template-areas:\"icon category\" \". prompt\";background-color:var(--colorNeutralBackground1);color:var(--colorNeutralForeground1);font-family:var(--fontFamilyBase);cursor:pointer;outline-style:none;text-align:right;column-gap:8px;row-gap:0px;padding-top:6px;padding-left:8px;padding-bottom:8px;padding-right:8px;border-top-width:var(--strokeWidthThin);border-left-width:var(--strokeWidthThin);border-bottom-width:var(--strokeWidthThin);border-right-width:var(--strokeWidthThin);border-top-style:solid;border-left-style:solid;border-bottom-style:solid;border-right-style:solid;border-top-color:var(--colorNeutralStroke1);border-left-color:var(--colorNeutralStroke1);border-bottom-color:var(--colorNeutralStroke1);border-right-color:var(--colorNeutralStroke1);border-bottom-left-radius:var(--borderRadiusMedium);border-bottom-right-radius:var(--borderRadiusMedium);border-top-left-radius:var(--borderRadiusMedium);border-top-right-radius:var(--borderRadiusMedium);}",
|
|
37
|
+
".r1n4yp2k:hover{background-color:var(--colorNeutralBackground1Hover);border-top-width:var(--strokeWidthThin);border-left-width:var(--strokeWidthThin);border-bottom-width:var(--strokeWidthThin);border-right-width:var(--strokeWidthThin);border-top-style:solid;border-left-style:solid;border-bottom-style:solid;border-right-style:solid;border-top-color:var(--colorNeutralStroke1Hover);border-left-color:var(--colorNeutralStroke1Hover);border-bottom-color:var(--colorNeutralStroke1Hover);border-right-color:var(--colorNeutralStroke1Hover);}",
|
|
38
|
+
".r1n4yp2k:active{background-color:var(--colorNeutralBackground1Pressed);border-top-width:var(--strokeWidthThin);border-left-width:var(--strokeWidthThin);border-bottom-width:var(--strokeWidthThin);border-right-width:var(--strokeWidthThin);border-top-style:solid;border-left-style:solid;border-bottom-style:solid;border-right-style:solid;border-top-color:var(--colorNeutralStroke1Pressed);border-left-color:var(--colorNeutralStroke1Pressed);border-bottom-color:var(--colorNeutralStroke1Pressed);border-right-color:var(--colorNeutralStroke1Pressed);}",
|
|
39
|
+
".r1n4yp2k:focus{outline-style:none;}",
|
|
40
|
+
".r1n4yp2k:focus-visible{outline-style:none;}",
|
|
41
|
+
".r1n4yp2k[data-fui-focus-visible]{border-top-color:transparent;border-left-color:transparent;border-bottom-color:transparent;border-right-color:transparent;}",
|
|
42
|
+
".r1n4yp2k[data-fui-focus-visible]::after{content:\"\";position:absolute;pointer-events:none;z-index:1;border-top-style:solid;border-left-style:solid;border-bottom-style:solid;border-right-style:solid;border-top-width:2px;border-left-width:2px;border-bottom-width:2px;border-right-width:2px;border-bottom-left-radius:var(--borderRadiusMedium);border-bottom-right-radius:var(--borderRadiusMedium);border-top-left-radius:var(--borderRadiusMedium);border-top-right-radius:var(--borderRadiusMedium);border-top-color:var(--colorStrokeFocus2);border-left-color:var(--colorStrokeFocus2);border-bottom-color:var(--colorStrokeFocus2);border-right-color:var(--colorStrokeFocus2);top:calc(2px * -1);left:calc(2px * -1);bottom:calc(2px * -1);right:calc(2px * -1);}"
|
|
43
|
+
],
|
|
44
|
+
s: [
|
|
45
|
+
"@media (forced-colors: active){.r1t6pqal[data-fui-focus-visible]::after{border-top-color:Highlight;border-right-color:Highlight;border-bottom-color:Highlight;border-left-color:Highlight;}}",
|
|
46
|
+
"@media (forced-colors: active){.r1n4yp2k[data-fui-focus-visible]::after{border-top-color:Highlight;border-left-color:Highlight;border-bottom-color:Highlight;border-right-color:Highlight;}}"
|
|
47
|
+
]
|
|
48
|
+
});
|
|
43
49
|
const useStyles = (0, _reactcomponents.__styles)({
|
|
44
50
|
disabled: {
|
|
45
51
|
Bceei9c: "fdrzuqr",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["usePromptStarterStyles.js"],"sourcesContent":["import { __styles, __resetStyles, mergeClasses, shorthands, typographyStyles, tokens, createFocusOutlineStyle } from '@fluentui/react-components';\nexport const promptStarterClassNames = {\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};\nconst useRootResetStyles = __resetStyles(\"rwcguh8\", \"rlt4typ\", [\".rwcguh8{position:relative;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;grid-template-areas:\\\"icon category\\\" \\\". prompt\\\";background-color:var(--colorNeutralBackground1);color:var(--colorNeutralForeground1);font-family:var(--fontFamilyBase);cursor:pointer;outline-style:none;text-align:left;column-gap:8px;row-gap:0px;padding-top:6px;padding-right:8px;padding-bottom:8px;padding-left:8px;border-top-width:var(--strokeWidthThin);border-right-width:var(--strokeWidthThin);border-bottom-width:var(--strokeWidthThin);border-left-width:var(--strokeWidthThin);border-top-style:solid;border-right-style:solid;border-bottom-style:solid;border-left-style:solid;border-top-color:var(--colorNeutralStroke1);border-right-color:var(--colorNeutralStroke1);border-bottom-color:var(--colorNeutralStroke1);border-left-color:var(--colorNeutralStroke1);border-bottom-right-radius:var(--borderRadiusMedium);border-bottom-left-radius:var(--borderRadiusMedium);border-top-right-radius:var(--borderRadiusMedium);border-top-left-radius:var(--borderRadiusMedium);}\", \".rwcguh8:hover{background-color:var(--colorNeutralBackground1Hover);border-top-width:var(--strokeWidthThin);border-right-width:var(--strokeWidthThin);border-bottom-width:var(--strokeWidthThin);border-left-width:var(--strokeWidthThin);border-top-style:solid;border-right-style:solid;border-bottom-style:solid;border-left-style:solid;border-top-color:var(--colorNeutralStroke1Hover);border-right-color:var(--colorNeutralStroke1Hover);border-bottom-color:var(--colorNeutralStroke1Hover);border-left-color:var(--colorNeutralStroke1Hover);}\", \".rwcguh8:active{background-color:var(--colorNeutralBackground1Pressed);border-top-width:var(--strokeWidthThin);border-right-width:var(--strokeWidthThin);border-bottom-width:var(--strokeWidthThin);border-left-width:var(--strokeWidthThin);border-top-style:solid;border-right-style:solid;border-bottom-style:solid;border-left-style:solid;border-top-color:var(--colorNeutralStroke1Pressed);border-right-color:var(--colorNeutralStroke1Pressed);border-bottom-color:var(--colorNeutralStroke1Pressed);border-left-color:var(--colorNeutralStroke1Pressed);}\", \".rwcguh8:focus{outline-style:none;}\", \".rwcguh8:focus-visible{outline-style:none;}\", \".rwcguh8[data-fui-focus-visible]{border-top-color:transparent;border-right-color:transparent;border-bottom-color:transparent;border-left-color:transparent;}\", \".rwcguh8[data-fui-focus-visible]::after{content:\\\"\\\";position:absolute;pointer-events:none;z-index:1;border-top-style:solid;border-right-style:solid;border-bottom-style:solid;border-left-style:solid;border-top-width:2px;border-right-width:2px;border-bottom-width:2px;border-left-width:2px;border-bottom-right-radius:var(--borderRadiusMedium);border-bottom-left-radius:var(--borderRadiusMedium);border-top-right-radius:var(--borderRadiusMedium);border-top-left-radius:var(--borderRadiusMedium);border-top-color:var(--colorStrokeFocus2);border-right-color:var(--colorStrokeFocus2);border-bottom-color:var(--colorStrokeFocus2);border-left-color:var(--colorStrokeFocus2);top:calc(2px * -1);right:calc(2px * -1);bottom:calc(2px * -1);left:calc(2px * -1);}\", \".rlt4typ{position:relative;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;grid-template-areas:\\\"icon category\\\" \\\". prompt\\\";background-color:var(--colorNeutralBackground1);color:var(--colorNeutralForeground1);font-family:var(--fontFamilyBase);cursor:pointer;outline-style:none;text-align:right;column-gap:8px;row-gap:0px;padding-top:6px;padding-left:8px;padding-bottom:8px;padding-right:8px;border-top-width:var(--strokeWidthThin);border-left-width:var(--strokeWidthThin);border-bottom-width:var(--strokeWidthThin);border-right-width:var(--strokeWidthThin);border-top-style:solid;border-left-style:solid;border-bottom-style:solid;border-right-style:solid;border-top-color:var(--colorNeutralStroke1);border-left-color:var(--colorNeutralStroke1);border-bottom-color:var(--colorNeutralStroke1);border-right-color:var(--colorNeutralStroke1);border-bottom-left-radius:var(--borderRadiusMedium);border-bottom-right-radius:var(--borderRadiusMedium);border-top-left-radius:var(--borderRadiusMedium);border-top-right-radius:var(--borderRadiusMedium);}\", \".rlt4typ:hover{background-color:var(--colorNeutralBackground1Hover);border-top-width:var(--strokeWidthThin);border-left-width:var(--strokeWidthThin);border-bottom-width:var(--strokeWidthThin);border-right-width:var(--strokeWidthThin);border-top-style:solid;border-left-style:solid;border-bottom-style:solid;border-right-style:solid;border-top-color:var(--colorNeutralStroke1Hover);border-left-color:var(--colorNeutralStroke1Hover);border-bottom-color:var(--colorNeutralStroke1Hover);border-right-color:var(--colorNeutralStroke1Hover);}\", \".rlt4typ:active{background-color:var(--colorNeutralBackground1Pressed);border-top-width:var(--strokeWidthThin);border-left-width:var(--strokeWidthThin);border-bottom-width:var(--strokeWidthThin);border-right-width:var(--strokeWidthThin);border-top-style:solid;border-left-style:solid;border-bottom-style:solid;border-right-style:solid;border-top-color:var(--colorNeutralStroke1Pressed);border-left-color:var(--colorNeutralStroke1Pressed);border-bottom-color:var(--colorNeutralStroke1Pressed);border-right-color:var(--colorNeutralStroke1Pressed);}\", \".rlt4typ:focus{outline-style:none;}\", \".rlt4typ:focus-visible{outline-style:none;}\", \".rlt4typ[data-fui-focus-visible]{border-top-color:transparent;border-left-color:transparent;border-bottom-color:transparent;border-right-color:transparent;}\", \".rlt4typ[data-fui-focus-visible]::after{content:\\\"\\\";position:absolute;pointer-events:none;z-index:1;border-top-style:solid;border-left-style:solid;border-bottom-style:solid;border-right-style:solid;border-top-width:2px;border-left-width:2px;border-bottom-width:2px;border-right-width:2px;border-bottom-left-radius:var(--borderRadiusMedium);border-bottom-right-radius:var(--borderRadiusMedium);border-top-left-radius:var(--borderRadiusMedium);border-top-right-radius:var(--borderRadiusMedium);border-top-color:var(--colorStrokeFocus2);border-left-color:var(--colorStrokeFocus2);border-bottom-color:var(--colorStrokeFocus2);border-right-color:var(--colorStrokeFocus2);top:calc(2px * -1);left:calc(2px * -1);bottom:calc(2px * -1);right:calc(2px * -1);}\"]);\nconst useStyles = __styles({\n disabled: {\n Bceei9c: \"fdrzuqr\",\n De3pzq: \"f1bg9a2p\",\n B4j52fo: \"f192inf7\",\n Bekrc4i: [\"f5tn483\", \"f1ojsxk5\"],\n Bn0qgzm: \"f1vxd6vx\",\n ibv6hh: [\"f1ojsxk5\", \"f5tn483\"],\n icvyot: \"fzkkow9\",\n vrafjx: [\"fcdblym\", \"fjik90z\"],\n oivjwe: \"fg706s2\",\n wvpqe5: [\"fjik90z\", \"fcdblym\"],\n g2u3we: \"f1jj8ep1\",\n h3c5rm: [\"f15xbau\", \"fy0fskl\"],\n B9xav0g: \"f4ikngz\",\n zhjwy3: [\"fy0fskl\", \"f15xbau\"],\n Jwef8y: \"f1falr9n\",\n ckks6v: \"f7ic3uo\",\n B2zwrfe: [\"f1omjgsz\", \"f1snvl17\"],\n xv9156: \"fn6xmsl\",\n dt87k2: [\"f1snvl17\", \"f1omjgsz\"],\n Bf40cpq: \"f1sn8sm0\",\n Bop6t4b: [\"f1wovo5e\", \"f716mnf\"],\n gvrnp0: \"fm0h710\",\n Beu9t3s: [\"f716mnf\", \"f1wovo5e\"],\n Bgoe8wy: \"f12mpcsy\",\n Bwzppfd: [\"f1gwvigk\", \"f18rmfxp\"],\n oetu4i: \"f1jnshp0\",\n gg5e9n: [\"f18rmfxp\", \"f1gwvigk\"],\n ecr2s2: \"f1ryyzvn\",\n uqwnxt: \"fk7lb2a\",\n Bvecx4l: [\"f1knhbbd\", \"f17itt0b\"],\n Bs0cc2w: \"f15pjvi3\",\n e1hlit: [\"f17itt0b\", \"f1knhbbd\"],\n e2sjt0: \"f6ginmj\",\n Bbcopvn: [\"f1grcyuh\", \"fgzu20w\"],\n Bj33j0h: \"fk1xjsr\",\n f7epvg: [\"fgzu20w\", \"f1grcyuh\"],\n B6oc9vd: \"fdi4vxw\",\n ak43y8: [\"f4ryxzl\", \"fkdgpbx\"],\n wmxk5l: \"fcmhn06\",\n B50zh58: [\"fkdgpbx\", \"f4ryxzl\"]\n },\n icon: {\n Ijaq50: \"fcq5f4l\",\n Br312pm: \"f12w6cgp\",\n nk6f5a: \"fs94neu\",\n Bw0ie65: \"f3509ff\",\n mc9l5x: \"f22iagw\",\n qb2dma: \"f7nlbp4\"\n },\n category: {\n Bahqtrf: \"fk6fouc\",\n Be2twd7: \"fkhj508\",\n Bhrd7zp: \"fl43uef\",\n Bg96gwp: \"f1i3iumi\",\n Ijaq50: \"f8b8ore\",\n Br312pm: \"fl70id\",\n nk6f5a: \"fjt5miy\",\n Bw0ie65: \"f8acw1c\"\n },\n prompt: {\n Bahqtrf: \"fk6fouc\",\n Be2twd7: \"fkhj508\",\n Bhrd7zp: \"figsok6\",\n Bg96gwp: \"f1i3iumi\",\n Ijaq50: \"f15b8j1x\",\n Br312pm: \"f1mkmnjo\",\n nk6f5a: \"ff1ub5w\",\n Bw0ie65: \"f6r8qgo\"\n },\n disabledText: {\n sj55zd: \"f1s2aq7o\"\n },\n disabledBadge: {\n abs64n: \"fege8ms\"\n }\n}, {\n d: [\".fdrzuqr{cursor:not-allowed;}\", \".f1bg9a2p{background-color:var(--colorNeutralBackgroundDisabled);}\", \".f192inf7{border-top-width:var(--strokeWidthThin);}\", \".f5tn483{border-right-width:var(--strokeWidthThin);}\", \".f1ojsxk5{border-left-width:var(--strokeWidthThin);}\", \".f1vxd6vx{border-bottom-width:var(--strokeWidthThin);}\", \".fzkkow9{border-top-style:solid;}\", \".fcdblym{border-right-style:solid;}\", \".fjik90z{border-left-style:solid;}\", \".fg706s2{border-bottom-style:solid;}\", \".f1jj8ep1{border-top-color:var(--colorNeutralStrokeDisabled);}\", \".f15xbau{border-right-color:var(--colorNeutralStrokeDisabled);}\", \".fy0fskl{border-left-color:var(--colorNeutralStrokeDisabled);}\", \".f4ikngz{border-bottom-color:var(--colorNeutralStrokeDisabled);}\", \".fcq5f4l{grid-row-start:icon;}\", \".f12w6cgp{grid-column-start:icon;}\", \".fs94neu{grid-row-end:icon;}\", \".f3509ff{grid-column-end:icon;}\", \".f22iagw{display:flex;}\", \".f7nlbp4{align-self:center;}\", \".fk6fouc{font-family:var(--fontFamilyBase);}\", \".fkhj508{font-size:var(--fontSizeBase300);}\", \".fl43uef{font-weight:var(--fontWeightSemibold);}\", \".f1i3iumi{line-height:var(--lineHeightBase300);}\", \".f8b8ore{grid-row-start:category;}\", \".fl70id{grid-column-start:category;}\", \".fjt5miy{grid-row-end:category;}\", \".f8acw1c{grid-column-end:category;}\", \".figsok6{font-weight:var(--fontWeightRegular);}\", \".f15b8j1x{grid-row-start:prompt;}\", \".f1mkmnjo{grid-column-start:prompt;}\", \".ff1ub5w{grid-row-end:prompt;}\", \".f6r8qgo{grid-column-end:prompt;}\", \".f1s2aq7o{color:var(--colorNeutralForegroundDisabled);}\", \".fege8ms{opacity:40%;}\"],\n h: [\".f1falr9n:hover{background-color:var(--colorNeutralBackgroundDisabled);}\", \".f7ic3uo:hover{border-top-width:var(--strokeWidthThin);}\", \".f1omjgsz:hover{border-right-width:var(--strokeWidthThin);}\", \".f1snvl17:hover{border-left-width:var(--strokeWidthThin);}\", \".fn6xmsl:hover{border-bottom-width:var(--strokeWidthThin);}\", \".f1sn8sm0:hover{border-top-style:solid;}\", \".f1wovo5e:hover{border-right-style:solid;}\", \".f716mnf:hover{border-left-style:solid;}\", \".fm0h710:hover{border-bottom-style:solid;}\", \".f12mpcsy:hover{border-top-color:var(--colorNeutralStrokeDisabled);}\", \".f1gwvigk:hover{border-right-color:var(--colorNeutralStrokeDisabled);}\", \".f18rmfxp:hover{border-left-color:var(--colorNeutralStrokeDisabled);}\", \".f1jnshp0:hover{border-bottom-color:var(--colorNeutralStrokeDisabled);}\"],\n a: [\".f1ryyzvn:active{background-color:var(--colorNeutralBackgroundDisabled);}\", \".fk7lb2a:active{border-top-width:var(--strokeWidthThin);}\", \".f1knhbbd:active{border-right-width:var(--strokeWidthThin);}\", \".f17itt0b:active{border-left-width:var(--strokeWidthThin);}\", \".f15pjvi3:active{border-bottom-width:var(--strokeWidthThin);}\", \".f6ginmj:active{border-top-style:solid;}\", \".f1grcyuh:active{border-right-style:solid;}\", \".fgzu20w:active{border-left-style:solid;}\", \".fk1xjsr:active{border-bottom-style:solid;}\", \".fdi4vxw:active{border-top-color:var(--colorNeutralStrokeDisabled);}\", \".f4ryxzl:active{border-right-color:var(--colorNeutralStrokeDisabled);}\", \".fkdgpbx:active{border-left-color:var(--colorNeutralStrokeDisabled);}\", \".fcmhn06:active{border-bottom-color:var(--colorNeutralStrokeDisabled);}\"]\n});\nexport const usePromptStarterStyles_unstable = state => {\n const styles = useStyles();\n const rootResetStyles = useRootResetStyles();\n state.root.className = mergeClasses(promptStarterClassNames.root, rootResetStyles, state.root.disabled && styles.disabled, state.root.className);\n state.icon.className = mergeClasses(promptStarterClassNames.icon, styles.icon, state.root.disabled && styles.disabledText, state.icon.className);\n state.category.className = mergeClasses(promptStarterClassNames.category, styles.category, state.category.className, state.root.disabled && styles.disabledText);\n if (state.prompt) {\n state.prompt.className = mergeClasses(promptStarterClassNames.prompt, styles.prompt, state.root.disabled && styles.disabledText, state.prompt.className);\n }\n if (state.badge) {\n state.badge.className = mergeClasses(promptStarterClassNames.badge, state.root.disabled && styles.disabledBadge, state.badge.className);\n }\n return state;\n};\n//# sourceMappingURL=usePromptStarterStyles.js.map"],"names":["promptStarterClassNames","usePromptStarterStyles_unstable","root","category","icon","prompt","badge","useRootResetStyles","__resetStyles","useStyles","__styles","disabled","Bceei9c","De3pzq","B4j52fo","Bekrc4i","Bn0qgzm","ibv6hh","icvyot","vrafjx","oivjwe","wvpqe5","g2u3we","h3c5rm","B9xav0g","zhjwy3","Jwef8y","ckks6v","B2zwrfe","xv9156","dt87k2","Bf40cpq","Bop6t4b","gvrnp0","Beu9t3s","Bgoe8wy","Bwzppfd","oetu4i","gg5e9n","ecr2s2","uqwnxt","Bvecx4l","Bs0cc2w","e1hlit","e2sjt0","Bbcopvn","Bj33j0h","f7epvg","B6oc9vd","ak43y8","wmxk5l","B50zh58","Ijaq50","Br312pm","nk6f5a","Bw0ie65","mc9l5x","qb2dma","Bahqtrf","Be2twd7","Bhrd7zp","Bg96gwp","disabledText","sj55zd","disabledBadge","abs64n","d","h","a","state","styles","rootResetStyles","className","mergeClasses"],"mappings":"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"}
|
|
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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["index.
|
|
1
|
+
{"version":3,"sources":["index.ts"],"sourcesContent":["export type { PromptStarterProps, PromptStarterSlots, PromptStarterState } from './PromptStarter';\nexport {\n PromptStarter,\n promptStarterClassNames,\n renderPromptStarter_unstable,\n usePromptStarterStyles_unstable,\n usePromptStarter_unstable,\n} from './PromptStarter';\n"],"names":["PromptStarter","promptStarterClassNames","renderPromptStarter_unstable","usePromptStarterStyles_unstable","usePromptStarter_unstable"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAEEA,aAAa;eAAbA,4BAAa;;IACbC,uBAAuB;eAAvBA,sCAAuB;;IACvBC,4BAA4B;eAA5BA,2CAA4B;;IAC5BC,+BAA+B;eAA/BA,8CAA+B;;IAC/BC,yBAAyB;eAAzBA,wCAAyB;;;+BACpB"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@fluentui-copilot/react-prompt-starter",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.6.1",
|
|
4
4
|
"description": "A Fluent AI package",
|
|
5
5
|
"main": "lib-commonjs/index.js",
|
|
6
6
|
"module": "lib/index.js",
|
|
@@ -12,15 +12,15 @@
|
|
|
12
12
|
},
|
|
13
13
|
"license": "MIT",
|
|
14
14
|
"dependencies": {
|
|
15
|
-
"@fluentui-copilot/react-provider": "^0.8.
|
|
15
|
+
"@fluentui-copilot/react-provider": "^0.8.1",
|
|
16
16
|
"@swc/helpers": "^0.5.1"
|
|
17
17
|
},
|
|
18
18
|
"peerDependencies": {
|
|
19
|
-
"@fluentui/react-components": ">=9.
|
|
20
|
-
"@fluentui/react-context-selector": ">=9.1.
|
|
21
|
-
"@fluentui/react-jsx-runtime": ">=9.0.
|
|
22
|
-
"@fluentui/react-shared-contexts": ">=9.
|
|
23
|
-
"@fluentui/react-utilities": ">=9.
|
|
19
|
+
"@fluentui/react-components": ">=9.49.0 <10.0.0",
|
|
20
|
+
"@fluentui/react-context-selector": ">=9.1.58 <10.0.0",
|
|
21
|
+
"@fluentui/react-jsx-runtime": ">=9.0.36 <10.0.0",
|
|
22
|
+
"@fluentui/react-shared-contexts": ">=9.17.0 <10.0.0",
|
|
23
|
+
"@fluentui/react-utilities": ">=9.18.7 <10.0.0",
|
|
24
24
|
"@types/react": ">=16.14.0 <19.0.0",
|
|
25
25
|
"@types/react-dom": ">=16.9.8 <19.0.0",
|
|
26
26
|
"react": ">=16.14.0 <19.0.0",
|