@fluentui-copilot/react-prompt-starter 0.0.0-nightly-20251002-0405-17b34fb7.1 → 0.0.0-nightly-20251010-0406-7df7c6d1.1

package/lib-commonjs/components/PromptStarterV2/PromptStarter/usePromptStarterStyles.styles.js

@@ -1,516 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-function _export(target, all) {
-    for(var name in all)Object.defineProperty(target, name, {
-        enumerable: true,
-        get: all[name]
-    });
-}
-_export(exports, {
-    promptStarterClassNames: function() {
-        return promptStarterClassNames;
-    },
-    usePromptStarterStyles_unstable: function() {
-        return usePromptStarterStyles_unstable;
-    }
-});
-const _reactcomponents = require("@fluentui/react-components");
-const promptStarterClassNames = {
-    root: 'fai-PromptStarter',
-    primaryAction: 'fai-PromptStarter__primaryAction',
-    icon: 'fai-PromptStarter__icon',
-    prompt: 'fai-PromptStarter__prompt',
-    reasonMarker: 'fai-PromptStarter__reasonMarker',
-    actions: 'fai-PromptStarter__actions'
-};
-const useRootResetStyles = (0, _reactcomponents.__resetStyles)("r1x2hm06", null, [
-    ".r1x2hm06{display:grid;grid-template-columns:1fr auto;grid-template-rows:max-content auto;min-width:214px;}",
-    ".r1x2hm06:hover .fai-PromptStarter__primaryAction{box-shadow:var(--shadow16);transform:scale(1.03);transition:transform var(--durationNormal) var(--curveDecelerateMin);}",
-    ".r1x2hm06:active .fai-PromptStarter__primaryAction{box-shadow:var(--shadow8);transform:scale(1.03);transition:transform var(--durationNormal) var(--curveDecelerateMin);}",
-    ".r1x2hm06:not(:focus-within):not(:hover) .fai-PromptStarter__actions{clip:rect(0px, 0px, 0px, 0px);height:1px;margin:-1px;overflow:hidden;padding:0px;width:1px;position:absolute;opacity:0;}"
-]);
-const useStyles = (0, _reactcomponents.__styles)({
-    primaryAction: {
-        nk6f5a: 0,
-        Ijaq50: 0,
-        h3tjnc: "fcdwmbt",
-        Bw0ie65: 0,
-        Br312pm: 0,
-        Beweih1: "f1eb8yyf",
-        mc9l5x: "f22iagw",
-        Beiy3e4: "f1vx9l62",
-        qhf8xq: "f10pi13n",
-        Beyfa6y: 0,
-        Bbmb7ep: 0,
-        Btl43ni: 0,
-        B7oj6ja: 0,
-        Dimara: "f14w4nd",
-        De3pzq: "fxugw4r",
-        sj55zd: "fkfq4zb",
-        Bahqtrf: "fk6fouc",
-        Bceei9c: "f1k6fduh",
-        oeaueh: "f1s6fcnf",
-        fsow6f: [
-            "f1o700av",
-            "fes3tcz"
-        ],
-        Belr9w4: "fylz90v",
-        Byoj8tv: 0,
-        uwmqm3: 0,
-        z189sj: 0,
-        z8tnut: 0,
-        B0ocmuz: "fq88wcj",
-        B4j52fo: "f192inf7",
-        Bekrc4i: [
-            "f5tn483",
-            "f1ojsxk5"
-        ],
-        Bn0qgzm: "f1vxd6vx",
-        ibv6hh: [
-            "f1ojsxk5",
-            "f5tn483"
-        ],
-        icvyot: "fzkkow9",
-        vrafjx: [
-            "fcdblym",
-            "fjik90z"
-        ],
-        oivjwe: "fg706s2",
-        wvpqe5: [
-            "fjik90z",
-            "fcdblym"
-        ],
-        g2u3we: "f68mrw8",
-        h3c5rm: [
-            "f7pw515",
-            "fw35ms5"
-        ],
-        B9xav0g: "frpde29",
-        zhjwy3: [
-            "fw35ms5",
-            "f7pw515"
-        ],
-        Brovlpu: "ftqa4ok",
-        B486eqv: "f2hkw1w",
-        B8q5s1w: "f8hki3x",
-        Bci5o5g: [
-            "f1d2448m",
-            "ffh67wi"
-        ],
-        n8qw10: "f1bjia2o",
-        Bdrgwmp: [
-            "ffh67wi",
-            "f1d2448m"
-        ],
-        Bqhya38: "f1j6vpng",
-        Bwxa6fj: [
-            "f1pniga2",
-            "f1ffjurs"
-        ],
-        Bdhvstf: "f987i1v",
-        B7zbvrb: [
-            "f1ffjurs",
-            "f1pniga2"
-        ],
-        Bm4h7ae: "f15bsgw9",
-        B7ys5i9: "f14e48fq",
-        Busjfv9: "f18yb2kv",
-        Bhk32uz: "fd6o370",
-        f6g5ot: 0,
-        Boxcth7: 0,
-        Bhdgwq3: 0,
-        hgwjuy: 0,
-        Bshpdp8: 0,
-        Bsom6fd: 0,
-        Blkhhs4: 0,
-        Bonggc9: 0,
-        Ddfuxk: 0,
-        i03rao: 0,
-        kclons: 0,
-        clg4pj: 0,
-        Bpqj9nj: 0,
-        B6dhp37: 0,
-        Bf4ptjt: 0,
-        Bqtpl0w: 0,
-        i4rwgc: "ffwy5si",
-        Dah5zi: 0,
-        B1tsrr9: 0,
-        qqdqy8: 0,
-        Bkh64rk: 0,
-        e3fwne: "faugzkp",
-        J0r882: "f57olzd",
-        Bule8hv: [
-            "f4stah7",
-            "fs1por5"
-        ],
-        Bjwuhne: "f480a47",
-        Ghsupd: [
-            "fs1por5",
-            "f4stah7"
-        ]
-    },
-    primaryActionHovered: {
-        E5pizo: "f1hg901r",
-        Bz10aip: "f15ncuxf",
-        Bn62ygk: 0,
-        Cwk7ip: 0,
-        B3o57yi: 0,
-        Bmy1vo4: 0,
-        Bkqvd7p: 0,
-        Bi2q7bf: "ffrhwuo"
-    },
-    icon: {
-        mc9l5x: "f22iagw",
-        Bt984gj: "f122n59",
-        sshi5w: "fntfeoj"
-    },
-    actions: {
-        jrapky: 0,
-        Frg6f3: 0,
-        t21cq0: 0,
-        B6of3ja: 0,
-        B74szlk: [
-            "foizga4",
-            "f5m8a6r"
-        ],
-        qhf8xq: "f10pi13n",
-        nk6f5a: 0,
-        Ijaq50: 0,
-        h3tjnc: "f3hl5xl",
-        Bw0ie65: 0,
-        Br312pm: 0,
-        Beweih1: "f14q5zaz",
-        abs64n: "f5p0z4x",
-        Bn62ygk: 0,
-        Cwk7ip: 0,
-        B3o57yi: 0,
-        Bmy1vo4: 0,
-        Bkqvd7p: 0,
-        Bi2q7bf: "f1964ud6"
-    },
-    prompt: {
-        Bahqtrf: "fk6fouc",
-        Be2twd7: "fkhj508",
-        Bhrd7zp: "fl43uef",
-        Bg96gwp: "f1i3iumi",
-        mc9l5x: "f1rvi9lw",
-        Fd1uvx: "fpfc2by",
-        Bh9c35c: "f1lvsx7g",
-        Bmxbyg5: "f1sil6mw"
-    },
-    reasonMarker: {
-        Bahqtrf: "fk6fouc",
-        Be2twd7: "f13mqy1h",
-        Bhrd7zp: "figsok6",
-        Bg96gwp: "fcpl73t"
-    }
-}, {
-    d: [
-        [
-            ".fcdwmbt{grid-row:1/3;}",
-            {
-                p: -1
-            }
-        ],
-        [
-            ".f1eb8yyf{grid-column:1/3;}",
-            {
-                p: -1
-            }
-        ],
-        ".f22iagw{display:flex;}",
-        ".f1vx9l62{flex-direction:column;}",
-        ".f10pi13n{position:relative;}",
-        [
-            ".f14w4nd{border-radius:28px;}",
-            {
-                p: -1
-            }
-        ],
-        ".fxugw4r{background-color:var(--colorNeutralBackground1);}",
-        ".fkfq4zb{color:var(--colorNeutralForeground2);}",
-        ".fk6fouc{font-family:var(--fontFamilyBase);}",
-        ".f1k6fduh{cursor:pointer;}",
-        ".f1s6fcnf{outline-style:none;}",
-        ".f1o700av{text-align:left;}",
-        ".fes3tcz{text-align:right;}",
-        ".fylz90v{row-gap:var(--spacingHorizontalS);}",
-        [
-            ".fq88wcj{padding:var(--spacingVerticalL) var(--spacingHorizontalL);}",
-            {
-                p: -1
-            }
-        ],
-        ".f192inf7{border-top-width:var(--strokeWidthThin);}",
-        ".f5tn483{border-right-width:var(--strokeWidthThin);}",
-        ".f1ojsxk5{border-left-width:var(--strokeWidthThin);}",
-        ".f1vxd6vx{border-bottom-width:var(--strokeWidthThin);}",
-        ".fzkkow9{border-top-style:solid;}",
-        ".fcdblym{border-right-style:solid;}",
-        ".fjik90z{border-left-style:solid;}",
-        ".fg706s2{border-bottom-style:solid;}",
-        ".f68mrw8{border-top-color:var(--colorNeutralStroke2);}",
-        ".f7pw515{border-right-color:var(--colorNeutralStroke2);}",
-        ".fw35ms5{border-left-color:var(--colorNeutralStroke2);}",
-        ".frpde29{border-bottom-color:var(--colorNeutralStroke2);}",
-        ".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);}",
-            {
-                p: -2
-            }
-        ],
-        [
-            ".faugzkp[data-fui-focus-visible]::after{border-radius:28px;}",
-            {
-                p: -1
-            }
-        ],
-        ".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);}",
-        ".f1hg901r{box-shadow:var(--shadow16);}",
-        ".f15ncuxf{transform:scale(1.03);}",
-        [
-            ".ffrhwuo{transition:transform var(--durationNormal) var(--curveDecelerateMin);}",
-            {
-                p: -1
-            }
-        ],
-        ".f122n59{align-items:center;}",
-        ".fntfeoj{min-height:var(--spacingVerticalXXL);}",
-        [
-            ".foizga4{margin:var(--spacingVerticalL) var(--spacingHorizontalL) var(--spacingVerticalNone) var(--spacingHorizontalNone);}",
-            {
-                p: -1
-            }
-        ],
-        [
-            ".f5m8a6r{margin:var(--spacingVerticalL) var(--spacingHorizontalNone) var(--spacingVerticalNone) var(--spacingHorizontalL);}",
-            {
-                p: -1
-            }
-        ],
-        [
-            ".f3hl5xl{grid-row:1/2;}",
-            {
-                p: -1
-            }
-        ],
-        [
-            ".f14q5zaz{grid-column:2/3;}",
-            {
-                p: -1
-            }
-        ],
-        ".f5p0z4x{opacity:1;}",
-        [
-            ".f1964ud6{transition:opacity var(--durationFast) var(--curveLinear);}",
-            {
-                p: -1
-            }
-        ],
-        ".fkhj508{font-size:var(--fontSizeBase300);}",
-        ".fl43uef{font-weight:var(--fontWeightSemibold);}",
-        ".f1i3iumi{line-height:var(--lineHeightBase300);}",
-        ".f1rvi9lw{display:-webkit-box;}",
-        ".fpfc2by{-webkit-box-orient:vertical;}",
-        ".f1lvsx7g{-webkit-line-clamp:2;}",
-        ".f1sil6mw{overflow-y:hidden;}",
-        ".f13mqy1h{font-size:var(--fontSizeBase100);}",
-        ".figsok6{font-weight:var(--fontWeightRegular);}",
-        ".fcpl73t{line-height:var(--lineHeightBase100);}"
-    ],
-    f: [
-        ".ftqa4ok:focus{outline-style:none;}"
-    ],
-    i: [
-        ".f2hkw1w:focus-visible{outline-style:none;}"
-    ],
-    m: [
-        [
-            "@media (forced-colors: active){.f1j6vpng[data-fui-focus-visible]::after{border-top-color:Highlight;}}",
-            {
-                m: "(forced-colors: active)"
-            }
-        ],
-        [
-            "@media (forced-colors: active){.f1ffjurs[data-fui-focus-visible]::after{border-left-color:Highlight;}.f1pniga2[data-fui-focus-visible]::after{border-right-color:Highlight;}}",
-            {
-                m: "(forced-colors: active)"
-            }
-        ],
-        [
-            "@media (forced-colors: active){.f987i1v[data-fui-focus-visible]::after{border-bottom-color:Highlight;}}",
-            {
-                m: "(forced-colors: active)"
-            }
-        ]
-    ]
-});
-const useSingleColumnStyles = (0, _reactcomponents.__styles)({
-    primaryAction: {
-        Beyfa6y: 0,
-        Bbmb7ep: 0,
-        Btl43ni: 0,
-        B7oj6ja: 0,
-        Dimara: "f1jxijnj",
-        Brovlpu: "ftqa4ok",
-        B486eqv: "f2hkw1w",
-        B8q5s1w: "f8hki3x",
-        Bci5o5g: [
-            "f1d2448m",
-            "ffh67wi"
-        ],
-        n8qw10: "f1bjia2o",
-        Bdrgwmp: [
-            "ffh67wi",
-            "f1d2448m"
-        ],
-        Bqhya38: "f1j6vpng",
-        Bwxa6fj: [
-            "f1pniga2",
-            "f1ffjurs"
-        ],
-        Bdhvstf: "f987i1v",
-        B7zbvrb: [
-            "f1ffjurs",
-            "f1pniga2"
-        ],
-        Bm4h7ae: "f15bsgw9",
-        B7ys5i9: "f14e48fq",
-        Busjfv9: "f18yb2kv",
-        Bhk32uz: "fd6o370",
-        f6g5ot: 0,
-        Boxcth7: 0,
-        Bhdgwq3: 0,
-        hgwjuy: 0,
-        Bshpdp8: 0,
-        Bsom6fd: 0,
-        Blkhhs4: 0,
-        Bonggc9: 0,
-        Ddfuxk: 0,
-        i03rao: 0,
-        kclons: 0,
-        clg4pj: 0,
-        Bpqj9nj: 0,
-        B6dhp37: 0,
-        Bf4ptjt: 0,
-        Bqtpl0w: 0,
-        i4rwgc: "ffwy5si",
-        Dah5zi: 0,
-        B1tsrr9: 0,
-        qqdqy8: 0,
-        Bkh64rk: 0,
-        e3fwne: "f178id4l",
-        J0r882: "f57olzd",
-        Bule8hv: [
-            "f4stah7",
-            "fs1por5"
-        ],
-        Bjwuhne: "f480a47",
-        Ghsupd: [
-            "fs1por5",
-            "f4stah7"
-        ]
-    },
-    prompt: {
-        Bahqtrf: "fk6fouc",
-        Be2twd7: "fy9rknc",
-        Bhrd7zp: "fl43uef",
-        Bg96gwp: "fwrc4pm"
-    }
-}, {
-    d: [
-        [
-            ".f1jxijnj{border-radius:var(--borderRadius2XL);}",
-            {
-                p: -1
-            }
-        ],
-        ".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);}",
-            {
-                p: -2
-            }
-        ],
-        [
-            ".f178id4l[data-fui-focus-visible]::after{border-radius:var(--borderRadius2XL);}",
-            {
-                p: -1
-            }
-        ],
-        ".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);}"
-    ],
-    f: [
-        ".ftqa4ok:focus{outline-style:none;}"
-    ],
-    i: [
-        ".f2hkw1w:focus-visible{outline-style:none;}"
-    ],
-    m: [
-        [
-            "@media (forced-colors: active){.f1j6vpng[data-fui-focus-visible]::after{border-top-color:Highlight;}}",
-            {
-                m: "(forced-colors: active)"
-            }
-        ],
-        [
-            "@media (forced-colors: active){.f1ffjurs[data-fui-focus-visible]::after{border-left-color:Highlight;}.f1pniga2[data-fui-focus-visible]::after{border-right-color:Highlight;}}",
-            {
-                m: "(forced-colors: active)"
-            }
-        ],
-        [
-            "@media (forced-colors: active){.f987i1v[data-fui-focus-visible]::after{border-bottom-color:Highlight;}}",
-            {
-                m: "(forced-colors: active)"
-            }
-        ]
-    ]
-});
-const usePromptStarterStyles_unstable = (state)=>{
-    'use no memo';
-    const { isSingleColumn } = state;
-    const styles = useStyles();
-    const rootResetStyles = useRootResetStyles();
-    const singleColumnStyles = useSingleColumnStyles();
-    state.root.className = (0, _reactcomponents.mergeClasses)(promptStarterClassNames.root, rootResetStyles, state.root.className);
-    state.primaryAction.className = (0, _reactcomponents.mergeClasses)(promptStarterClassNames.primaryAction, styles.primaryAction, isSingleColumn && singleColumnStyles.primaryAction, state.primaryAction.className);
-    if (state.icon) {
-        state.icon.className = (0, _reactcomponents.mergeClasses)(promptStarterClassNames.icon, styles.icon, state.icon.className);
-    }
-    state.prompt.className = (0, _reactcomponents.mergeClasses)(promptStarterClassNames.prompt, styles.prompt, isSingleColumn && singleColumnStyles.prompt, state.prompt.className);
-    if (state.reasonMarker) {
-        state.reasonMarker.className = (0, _reactcomponents.mergeClasses)(promptStarterClassNames.reasonMarker, styles.reasonMarker, state.reasonMarker.className);
-    }
-    if (state.actions) {
-        state.actions.className = (0, _reactcomponents.mergeClasses)(promptStarterClassNames.actions, styles.actions, state.actions.className);
-    }
-    return state;
-}; //# sourceMappingURL=usePromptStarterStyles.styles.js.map

package/lib-commonjs/components/PromptStarterV2/PromptStarter/usePromptStarterStyles.styles.js.map

@@ -1 +0,0 @@
-{"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  primaryAction: 'fai-PromptStarter__primaryAction',\n  icon: 'fai-PromptStarter__icon',\n  prompt: 'fai-PromptStarter__prompt',\n  reasonMarker: 'fai-PromptStarter__reasonMarker',\n  actions: 'fai-PromptStarter__actions',\n};\n\nconst useRootResetStyles = makeResetStyles({\n  display: 'grid',\n  gridTemplateColumns: '1fr auto',\n  gridTemplateRows: 'max-content auto',\n  minWidth: '214px',\n\n  // Apply styles to the primary action on hover / active states\n  '&:hover': {\n    [`& .${promptStarterClassNames.primaryAction}`]: {\n      boxShadow: tokens.shadow16,\n      transform: 'scale(1.03)',\n      transition: `transform ${tokens.durationNormal} ${tokens.curveDecelerateMin}`,\n    },\n  },\n  '&:active': {\n    [`& .${promptStarterClassNames.primaryAction}`]: {\n      boxShadow: tokens.shadow8,\n      transform: 'scale(1.03)',\n      transition: `transform ${tokens.durationNormal} ${tokens.curveDecelerateMin}`,\n    },\n  },\n\n  // Hide actions when not focused or hovered\n  ':not(:focus-within):not(:hover)': {\n    [`& .${promptStarterClassNames.actions}`]: {\n      clip: 'rect(0px, 0px, 0px, 0px)',\n      height: '1px',\n      margin: '-1px',\n      overflow: 'hidden',\n      padding: '0px',\n      width: '1px',\n      position: 'absolute',\n      opacity: 0,\n    },\n  },\n});\n\nconst useStyles = makeStyles({\n  primaryAction: {\n    gridRow: '1 / 3',\n    gridColumn: '1 / 3',\n    display: 'flex',\n    flexDirection: 'column',\n    position: 'relative',\n    borderRadius: '28px',\n    backgroundColor: tokens.colorNeutralBackground1,\n    color: tokens.colorNeutralForeground2,\n    fontFamily: tokens.fontFamilyBase,\n    cursor: 'pointer',\n    outlineStyle: 'none',\n    textAlign: 'left',\n    rowGap: tokens.spacingHorizontalS,\n    padding: `${tokens.spacingVerticalL} ${tokens.spacingHorizontalL}`,\n    ...shorthands.border(tokens.strokeWidthThin, 'solid', tokens.colorNeutralStroke2),\n    ...createFocusOutlineStyle({ style: { outlineRadius: '28px' } }),\n  },\n\n  primaryActionHovered: {\n    boxShadow: tokens.shadow16,\n    transform: 'scale(1.03)',\n    transition: `transform ${tokens.durationNormal} ${tokens.curveDecelerateMin}`,\n  },\n\n  icon: {\n    display: 'flex',\n    alignItems: 'center',\n    minHeight: tokens.spacingVerticalXXL,\n  },\n  actions: {\n    margin: `${tokens.spacingVerticalL} ${tokens.spacingHorizontalL}\n             ${tokens.spacingVerticalNone} ${tokens.spacingHorizontalNone}`,\n    position: 'relative',\n    gridRow: '1 / 2',\n    gridColumn: '2 / 3',\n\n    opacity: 1,\n    transition: `opacity ${tokens.durationFast} ${tokens.curveLinear}`,\n  },\n  prompt: {\n    ...typographyStyles.body1Strong,\n\n    // Truncate text after two lines.\n    display: '-webkit-box',\n    '-webkit-box-orient': 'vertical',\n    '-webkit-line-clamp': '2',\n    overflowY: 'hidden',\n  },\n  reasonMarker: {\n    ...typographyStyles.caption2,\n  },\n});\n\nconst useSingleColumnStyles = makeStyles({\n  primaryAction: {\n    borderRadius: tokens.borderRadius2XL,\n    ...createFocusOutlineStyle({ style: { outlineRadius: tokens.borderRadius2XL } }),\n  },\n  prompt: {\n    ...typographyStyles.caption1Strong,\n  },\n});\n\nexport const usePromptStarterStyles_unstable = (state: PromptStarterState): PromptStarterState => {\n  'use no memo';\n\n  const { isSingleColumn } = state;\n\n  const styles = useStyles();\n  const rootResetStyles = useRootResetStyles();\n  const singleColumnStyles = useSingleColumnStyles();\n  state.root.className = mergeClasses(promptStarterClassNames.root, rootResetStyles, state.root.className);\n  state.primaryAction.className = mergeClasses(\n    promptStarterClassNames.primaryAction,\n    styles.primaryAction,\n    isSingleColumn && singleColumnStyles.primaryAction,\n    state.primaryAction.className,\n  );\n  if (state.icon) {\n    state.icon.className = mergeClasses(promptStarterClassNames.icon, styles.icon, state.icon.className);\n  }\n  state.prompt.className = mergeClasses(\n    promptStarterClassNames.prompt,\n    styles.prompt,\n    isSingleColumn && singleColumnStyles.prompt,\n    state.prompt.className,\n  );\n  if (state.reasonMarker) {\n    state.reasonMarker.className = mergeClasses(\n      promptStarterClassNames.reasonMarker,\n      styles.reasonMarker,\n      state.reasonMarker.className,\n    );\n  }\n  if (state.actions) {\n    state.actions.className = mergeClasses(promptStarterClassNames.actions, styles.actions, state.actions.className);\n  }\n\n  return state;\n};\n"],"names":["promptStarterClassNames","root","primaryAction","icon","prompt","reasonMarker","actions","useRootResetStyles","makeResetStyles","display","__styles","gridTemplateColumns","gridTemplateRows","minWidth","h3tjnc","Bw0ie65","boxShadow","transform","transition","Beyfa6y","Bbmb7ep","Bahqtrf","Bceei9c","oeaueh","clip","height","margin","overflow","padding","width","position","opacity","ibv6hh","icvyot","vrafjx","useStyles","makeStyles","gridRow","gridColumn","flexDirection","borderRadius","backgroundColor","color","fontFamily","tokens","fontFamilyBase","cursor","outlineStyle","textAlign","rowGap","spacingHorizontalS","shorthands","border","strokeWidthThin","createFocusOutlineStyle","style","Boxcth7","primaryActionHovered","Blkhhs4","alignItems","minHeight","clg4pj","Bkh64rk","typographyStyles","E5pizo","Cwk7ip","B3o57yi","Bmy1vo4","useSingleColumnStyles","Frg6f3","t21cq0","B6of3ja","usePromptStarterStyles_unstable","B74szlk","qhf8xq","isSingleColumn","nk6f5a","styles","Ijaq50","rootResetStyles","singleColumnStyles","state","Beweih1","Bn62ygk","Bkqvd7p","Bi2q7bf","Be2twd7"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAYaA,uBAAAA;eAAAA;;;;;;iCANY;AAMlB,MAAMA,0BAA8D;UACzEC;mBACAC;UACAC;YACAC;kBACAC;aACAC;AACF;AAEA,MAAMC,qBAAqBC,IAAAA,8BAAAA,EAAAA,YAAgB,MAAA;IAAA;IAAA;IAAA;IAAA;CAAA;MACzCC,YAASC,IAAAA,yBAAA,EAAA;mBACTC;QACAC,QAAAA;QACAC,QAAAA;QAEAC,QAAA;QACAC,SAAA;iBACO;iBACHC;gBACAC;iBACAC;gBACF;QACFC,SAAA;QACAC,SAAA;iBACO;iBACHJ;gBACAC;gBACAC;gBACF;QACFG,SAAA;QAEAC,SAAA;QACAC,QAAA;gBACI;YAAG;YAAEvB;SAAAA;iBACLwB;iBACAC;gBACAC;gBACAC;gBACAC;iBACAC;iBACAC;iBACAC;YAAAA;YAAS;SAAA;iBACX;QACFC,QAAA;YAAA;YAAA;SAAA;QACFC,QAAA;QAEAC,QAAMC;YAAAA;YAAYC;SAAW;QAC3BlC,QAAAA;gBACEmC;YAAAA;YAAS;SAAA;gBACTC;gBACA7B;YAAAA;YAAS;SAAA;iBACT8B;gBACAT;YAAAA;YAAU;SAAA;iBACVU;iBACAC;iBACAC;iBACAC;YAAAA;YAAYC;SAAOC;gBACnBC;iBACAC;YAAAA;YAAc;SAAA;iBACdC;iBACAC;YAAAA;YAAeC;SAAAA;iBACftB;iBACGuB;YAAAA;YAAWC;SAAcC;iBACzBC;iBAA0BC;;iBAA+B;gBAAI;QAClEC,SAAA;QAEAC,SAAAA;gBACEzC;iBACAC;iBACAC;QACFwC,SAAA;QAEAvD,SAAM;gBACJM;gBACAkD;gBACAC;QACFC,QAAA;QACAvD,SAAS;iBACPoB;iBACS;iBACTI;gBACAO;gBACAC;iBAEAP;gBACAb;QACF4C,SAAA;QACA1D,QAAQ;gBACH2D;iBAEH;YAAA;YAAA;SAAA;iBACAtD;gBACA;YAAA;YAAA;SAAsB;;0BAEX;QACbuD,QAAA;QACA3D,SAAAA;iBACK0D;QACLE,QAAA;QACFC,SAAA;QAEAC,SAAMC;QACJlE,SAAAA;iBACEsC;;;;iBAC4E;gBAAI;;aAElFpC;gBACK2D;QACLM,QAAA;QACFC,QAAA;QAEAC,SAAaC;QACXC,SAAA;YAAA;YAAA;SAAA;QAEAC,QAAQC;QAERC,QAAMC;QACNC,QAAMC;QACNjE,QAAMkE;QACNC,SAAMhF;QACNgF,SAAM/E;QAMNgF,SAAID;gBACFA;QACFE,SAAA;QACAF,QAAM7E;QAMN8D,SAAIe;iBACFA;QAKFG,SAAA;QACAC,SAAIJ;;YAEJ;QAEA5D,SAAO4D;QACPK,SAAA"}

package/lib-commonjs/components/PromptStarterV2/PromptStarter/usePromptStarterStyles.styles.raw.js

@@ -1,149 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-function _export(target, all) {
-    for(var name in all)Object.defineProperty(target, name, {
-        enumerable: true,
-        get: all[name]
-    });
-}
-_export(exports, {
-    promptStarterClassNames: function() {
-        return promptStarterClassNames;
-    },
-    usePromptStarterStyles_unstable: function() {
-        return usePromptStarterStyles_unstable;
-    }
-});
-const _reactcomponents = require("@fluentui/react-components");
-const _tokens = require("@fluentui-copilot/tokens");
-const promptStarterClassNames = {
-    root: 'fai-PromptStarter',
-    primaryAction: 'fai-PromptStarter__primaryAction',
-    icon: 'fai-PromptStarter__icon',
-    prompt: 'fai-PromptStarter__prompt',
-    reasonMarker: 'fai-PromptStarter__reasonMarker',
-    actions: 'fai-PromptStarter__actions'
-};
-const useRootResetStyles = (0, _reactcomponents.makeResetStyles)({
-    display: 'grid',
-    gridTemplateColumns: '1fr auto',
-    gridTemplateRows: 'max-content auto',
-    minWidth: '214px',
-    // Apply styles to the primary action on hover / active states
-    '&:hover': {
-        [`& .${promptStarterClassNames.primaryAction}`]: {
-            boxShadow: _tokens.tokens.shadow16,
-            transform: 'scale(1.03)',
-            transition: `transform ${_tokens.tokens.durationNormal} ${_tokens.tokens.curveDecelerateMin}`
-        }
-    },
-    '&:active': {
-        [`& .${promptStarterClassNames.primaryAction}`]: {
-            boxShadow: _tokens.tokens.shadow8,
-            transform: 'scale(1.03)',
-            transition: `transform ${_tokens.tokens.durationNormal} ${_tokens.tokens.curveDecelerateMin}`
-        }
-    },
-    // Hide actions when not focused or hovered
-    ':not(:focus-within):not(:hover)': {
-        [`& .${promptStarterClassNames.actions}`]: {
-            clip: 'rect(0px, 0px, 0px, 0px)',
-            height: '1px',
-            margin: '-1px',
-            overflow: 'hidden',
-            padding: '0px',
-            width: '1px',
-            position: 'absolute',
-            opacity: 0
-        }
-    }
-});
-const useStyles = (0, _reactcomponents.makeStyles)({
-    primaryAction: {
-        gridRow: '1 / 3',
-        gridColumn: '1 / 3',
-        display: 'flex',
-        flexDirection: 'column',
-        position: 'relative',
-        borderRadius: '28px',
-        backgroundColor: _tokens.tokens.colorNeutralBackground1,
-        color: _tokens.tokens.colorNeutralForeground2,
-        fontFamily: _tokens.tokens.fontFamilyBase,
-        cursor: 'pointer',
-        outlineStyle: 'none',
-        textAlign: 'left',
-        rowGap: _tokens.tokens.spacingHorizontalS,
-        padding: `${_tokens.tokens.spacingVerticalL} ${_tokens.tokens.spacingHorizontalL}`,
-        ..._reactcomponents.shorthands.border(_tokens.tokens.strokeWidthThin, 'solid', _tokens.tokens.colorNeutralStroke2),
-        ...(0, _reactcomponents.createFocusOutlineStyle)({
-            style: {
-                outlineRadius: '28px'
-            }
-        })
-    },
-    primaryActionHovered: {
-        boxShadow: _tokens.tokens.shadow16,
-        transform: 'scale(1.03)',
-        transition: `transform ${_tokens.tokens.durationNormal} ${_tokens.tokens.curveDecelerateMin}`
-    },
-    icon: {
-        display: 'flex',
-        alignItems: 'center',
-        minHeight: _tokens.tokens.spacingVerticalXXL
-    },
-    actions: {
-        margin: `${_tokens.tokens.spacingVerticalL} ${_tokens.tokens.spacingHorizontalL}
-             ${_tokens.tokens.spacingVerticalNone} ${_tokens.tokens.spacingHorizontalNone}`,
-        position: 'relative',
-        gridRow: '1 / 2',
-        gridColumn: '2 / 3',
-        opacity: 1,
-        transition: `opacity ${_tokens.tokens.durationFast} ${_tokens.tokens.curveLinear}`
-    },
-    prompt: {
-        ..._reactcomponents.typographyStyles.body1Strong,
-        // Truncate text after two lines.
-        display: '-webkit-box',
-        '-webkit-box-orient': 'vertical',
-        '-webkit-line-clamp': '2',
-        overflowY: 'hidden'
-    },
-    reasonMarker: {
-        ..._reactcomponents.typographyStyles.caption2
-    }
-});
-const useSingleColumnStyles = (0, _reactcomponents.makeStyles)({
-    primaryAction: {
-        borderRadius: _tokens.tokens.borderRadius2XL,
-        ...(0, _reactcomponents.createFocusOutlineStyle)({
-            style: {
-                outlineRadius: _tokens.tokens.borderRadius2XL
-            }
-        })
-    },
-    prompt: {
-        ..._reactcomponents.typographyStyles.caption1Strong
-    }
-});
-const usePromptStarterStyles_unstable = (state)=>{
-    'use no memo';
-    const { isSingleColumn } = state;
-    const styles = useStyles();
-    const rootResetStyles = useRootResetStyles();
-    const singleColumnStyles = useSingleColumnStyles();
-    state.root.className = (0, _reactcomponents.mergeClasses)(promptStarterClassNames.root, rootResetStyles, state.root.className);
-    state.primaryAction.className = (0, _reactcomponents.mergeClasses)(promptStarterClassNames.primaryAction, styles.primaryAction, isSingleColumn && singleColumnStyles.primaryAction, state.primaryAction.className);
-    if (state.icon) {
-        state.icon.className = (0, _reactcomponents.mergeClasses)(promptStarterClassNames.icon, styles.icon, state.icon.className);
-    }
-    state.prompt.className = (0, _reactcomponents.mergeClasses)(promptStarterClassNames.prompt, styles.prompt, isSingleColumn && singleColumnStyles.prompt, state.prompt.className);
-    if (state.reasonMarker) {
-        state.reasonMarker.className = (0, _reactcomponents.mergeClasses)(promptStarterClassNames.reasonMarker, styles.reasonMarker, state.reasonMarker.className);
-    }
-    if (state.actions) {
-        state.actions.className = (0, _reactcomponents.mergeClasses)(promptStarterClassNames.actions, styles.actions, state.actions.className);
-    }
-    return state;
-};