@fluentui-copilot/react-chat-input-plugins 0.0.0-nightly-20250717-0405-eecbae35.1 → 0.0.0-nightly-20250718-0405-8e705578.1

package/CHANGELOG.json

@@ -2,9 +2,9 @@
   "name": "@fluentui-copilot/react-chat-input-plugins",
   "entries": [
     {
-      "date": "Thu, 17 Jul 2025 04:13:01 GMT",
-      "tag": "@fluentui-copilot/react-chat-input-plugins_v0.0.0-nightly-20250717-0405-eecbae35.1",
-      "version": "0.0.0-nightly-20250717-0405-eecbae35.1",
+      "date": "Fri, 18 Jul 2025 04:12:22 GMT",
+      "tag": "@fluentui-copilot/react-chat-input-plugins_v0.0.0-nightly-20250718-0405-8e705578.1",
+      "version": "0.0.0-nightly-20250718-0405-8e705578.1",
       "comments": {
         "prerelease": [
           {
@@ -16,6 +16,21 @@
         ]
       }
     },
+    {
+      "date": "Thu, 17 Jul 2025 17:49:26 GMT",
+      "tag": "@fluentui-copilot/react-chat-input-plugins_v0.5.3",
+      "version": "0.5.3",
+      "comments": {
+        "patch": [
+          {
+            "author": "hochelmartin@gmail.com",
+            "package": "@fluentui-copilot/react-chat-input-plugins",
+            "commit": "fef5160c07333e8d9996952a305b34e357604919",
+            "comment": "feat: enable griffel raw styles"
+          }
+        ]
+      }
+    },
     {
       "date": "Tue, 01 Jul 2025 14:45:28 GMT",
       "tag": "@fluentui-copilot/react-chat-input-plugins_v0.5.2",

package/CHANGELOG.md

@@ -1,18 +1,27 @@
 # Change Log - @fluentui-copilot/react-chat-input-plugins
 
-This log was last generated on Thu, 17 Jul 2025 04:13:01 GMT and should not be manually modified.
+This log was last generated on Fri, 18 Jul 2025 04:12:22 GMT and should not be manually modified.
 
 <!-- Start content -->
 
-## [0.0.0-nightly-20250717-0405-eecbae35.1](https://github.com/microsoft/fluentai/tree/@fluentui-copilot/react-chat-input-plugins_v0.0.0-nightly-20250717-0405-eecbae35.1)
+## [0.0.0-nightly-20250718-0405-8e705578.1](https://github.com/microsoft/fluentai/tree/@fluentui-copilot/react-chat-input-plugins_v0.0.0-nightly-20250718-0405-8e705578.1)
 
-Thu, 17 Jul 2025 04:13:01 GMT 
-[Compare changes](https://github.com/microsoft/fluentai/compare/@fluentui-copilot/react-chat-input-plugins_v0.5.2..@fluentui-copilot/react-chat-input-plugins_v0.0.0-nightly-20250717-0405-eecbae35.1)
+Fri, 18 Jul 2025 04:12:22 GMT 
+[Compare changes](https://github.com/microsoft/fluentai/compare/@fluentui-copilot/react-chat-input-plugins_v0.5.3..@fluentui-copilot/react-chat-input-plugins_v0.0.0-nightly-20250718-0405-8e705578.1)
 
 ### Changes
 
 - Release nightly ([commit](https://github.com/microsoft/fluentai/commit/not available) by fluentui-internal@service.microsoft.com)
 
+## [0.5.3](https://github.com/microsoft/fluentai/tree/@fluentui-copilot/react-chat-input-plugins_v0.5.3)
+
+Thu, 17 Jul 2025 17:49:26 GMT 
+[Compare changes](https://github.com/microsoft/fluentai/compare/@fluentui-copilot/react-chat-input-plugins_v0.5.2..@fluentui-copilot/react-chat-input-plugins_v0.5.3)
+
+### Patches
+
+- feat: enable griffel raw styles ([PR #3227](https://github.com/microsoft/fluentai/pull/3227) by hochelmartin@gmail.com)
+
 ## [0.5.2](https://github.com/microsoft/fluentai/tree/@fluentui-copilot/react-chat-input-plugins_v0.5.2)
 
 Tue, 01 Jul 2025 14:45:28 GMT 

package/lib/components/ChatInputEntity/useChatInputEntityStyles.styles.raw.js

@@ -0,0 +1,43 @@
+import { makeStyles, mergeClasses } from '@fluentui/react-components';
+import { tokens } from '@fluentui-copilot/tokens';
+export const chatInputEntityClassNames = {
+    root: 'fai-ChatInputEntity',
+    sensitivity: 'fai-ChatInputEntity__sensitivity',
+    text: 'fai-ChatInputEntity__text'
+};
+/**
+ * Styles for the root slot
+ */ const useStyles = makeStyles({
+    root: {},
+    text: {
+        color: tokens.colorBrandForeground1
+    },
+    href: {
+        color: tokens.colorBrandForegroundLink,
+        ':hover': {
+            textDecorationLine: 'underline',
+            color: tokens.colorBrandForegroundLinkHover
+        },
+        ':active': {
+            textDecorationLine: 'underline',
+            color: tokens.colorBrandForegroundLinkPressed
+        }
+    },
+    sensitivity: {
+        paddingLeft: tokens.spacingHorizontalXXS
+    }
+});
+/**
+ * Apply styling to the ChatInputEntity slots based on the state
+ */ export const useChatInputEntityStyles_unstable = (state)=>{
+    'use no memo';
+    const styles = useStyles();
+    state.root.className = mergeClasses(chatInputEntityClassNames.root, styles.root, state.root.className);
+    if (state.text) {
+        state.text.className = mergeClasses(chatInputEntityClassNames.text, styles.text, state.text.as === 'a' && styles.href, state.text.className);
+    }
+    if (state.sensitivity) {
+        state.sensitivity.className = mergeClasses(chatInputEntityClassNames.sensitivity, styles.sensitivity, state.sensitivity.className);
+    }
+    return state;
+};

package/lib/components/ChatInputEntity/useChatInputEntityStyles.styles.raw.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["useChatInputEntityStyles.styles.ts"],"sourcesContent":["import { makeStyles, mergeClasses } from '@fluentui/react-components';\nimport { tokens } from '@fluentui-copilot/tokens';\nimport type { ChatInputEntitySlots, ChatInputEntityState } from './ChatInputEntity.types';\nimport type { SlotClassNames } from '@fluentui/react-components';\n\nexport const chatInputEntityClassNames: SlotClassNames<ChatInputEntitySlots> = {\n  root: 'fai-ChatInputEntity',\n  sensitivity: 'fai-ChatInputEntity__sensitivity',\n  text: 'fai-ChatInputEntity__text',\n};\n\n/**\n * Styles for the root slot\n */\nconst useStyles = makeStyles({\n  root: {},\n\n  text: {\n    color: tokens.colorBrandForeground1,\n  },\n\n  href: {\n    color: tokens.colorBrandForegroundLink,\n\n    ':hover': {\n      textDecorationLine: 'underline',\n      color: tokens.colorBrandForegroundLinkHover,\n    },\n\n    ':active': {\n      textDecorationLine: 'underline',\n      color: tokens.colorBrandForegroundLinkPressed,\n    },\n  },\n  sensitivity: {\n    paddingLeft: tokens.spacingHorizontalXXS,\n  },\n});\n\n/**\n * Apply styling to the ChatInputEntity slots based on the state\n */\nexport const useChatInputEntityStyles_unstable = (state: ChatInputEntityState): ChatInputEntityState => {\n  'use no memo';\n\n  const styles = useStyles();\n\n  state.root.className = mergeClasses(chatInputEntityClassNames.root, styles.root, state.root.className);\n\n  if (state.text) {\n    state.text.className = mergeClasses(\n      chatInputEntityClassNames.text,\n      styles.text,\n      state.text.as === 'a' && styles.href,\n      state.text.className,\n    );\n  }\n\n  if (state.sensitivity) {\n    state.sensitivity.className = mergeClasses(\n      chatInputEntityClassNames.sensitivity,\n      styles.sensitivity,\n      state.sensitivity.className,\n    );\n  }\n\n  return state;\n};\n"],"names":["makeStyles","mergeClasses","tokens","chatInputEntityClassNames","root","sensitivity","text","useStyles","color","colorBrandForeground1","href","colorBrandForegroundLink","textDecorationLine","colorBrandForegroundLinkHover","colorBrandForegroundLinkPressed","paddingLeft","spacingHorizontalXXS","useChatInputEntityStyles_unstable","state","styles","className","as"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,SAASA,UAAU,EAAEC,YAAY,QAAQ,6BAA6B;AACtE,SAASC,MAAM,QAAQ,2BAA2B;AAIlD,OAAO,MAAMC,4BAAkE;IAC7EC,MAAM;IACNC,aAAa;IACbC,MAAM;AACR,EAAE;AAEF;;CAEC,GACD,MAAMC,YAAYP,WAAW;IAC3BI,MAAM,CAAC;IAEPE,MAAM;QACJE,OAAON,OAAOO,qBAAqB;IACrC;IAEAC,MAAM;QACJF,OAAON,OAAOS,wBAAwB;QAEtC,UAAU;YACRC,oBAAoB;YACpBJ,OAAON,OAAOW,6BAA6B;QAC7C;QAEA,WAAW;YACTD,oBAAoB;YACpBJ,OAAON,OAAOY,+BAA+B;QAC/C;IACF;IACAT,aAAa;QACXU,aAAab,OAAOc,oBAAoB;IAC1C;AACF;AAEA;;CAEC,GACD,OAAO,MAAMC,oCAAoC,CAACC;IAChD;IAEA,MAAMC,SAASZ;IAEfW,MAAMd,IAAI,CAACgB,SAAS,GAAGnB,aAAaE,0BAA0BC,IAAI,EAAEe,OAAOf,IAAI,EAAEc,MAAMd,IAAI,CAACgB,SAAS;IAErG,IAAIF,MAAMZ,IAAI,EAAE;QACdY,MAAMZ,IAAI,CAACc,SAAS,GAAGnB,aACrBE,0BAA0BG,IAAI,EAC9Ba,OAAOb,IAAI,EACXY,MAAMZ,IAAI,CAACe,EAAE,KAAK,OAAOF,OAAOT,IAAI,EACpCQ,MAAMZ,IAAI,CAACc,SAAS;IAExB;IAEA,IAAIF,MAAMb,WAAW,EAAE;QACrBa,MAAMb,WAAW,CAACe,SAAS,GAAGnB,aAC5BE,0BAA0BE,WAAW,EACrCc,OAAOd,WAAW,EAClBa,MAAMb,WAAW,CAACe,SAAS;IAE/B;IAEA,OAAOF;AACT,EAAE"}

package/lib/components/ChatInputToken/useChatInputTokenStyles.styles.raw.js

@@ -0,0 +1,25 @@
+import { makeResetStyles, mergeClasses } from '@fluentui/react-components';
+import { tokens, typographyStyles } from '@fluentui-copilot/tokens';
+export const chatInputTokenClassNames = {
+    root: 'fai-ChatInputToken'
+};
+/**
+ * Styles for the root slot
+ */ const useBaseClassName = makeResetStyles({
+    ...typographyStyles.caption1,
+    lineHeight: `calc(${tokens.lineHeightBase200} + (2 * ${tokens.spacingVerticalXXS}) + (2 * ${tokens.strokeWidthThin}))`,
+    backgroundColor: tokens.colorNeutralBackground3,
+    border: `${tokens.strokeWidthThin} solid ${tokens.colorTransparentStroke}`,
+    borderRadius: tokens.borderRadiusMedium,
+    boxDecorationBreak: 'clone',
+    color: tokens.colorNeutralForeground2,
+    padding: `${tokens.spacingVerticalXXS} 0`
+});
+/**
+ * Apply styling to the ChatInputToken slots based on the state
+ */ export const useChatInputTokenStyles_unstable = (state)=>{
+    'use no memo';
+    const baseClassName = useBaseClassName();
+    state.root.className = mergeClasses(chatInputTokenClassNames.root, baseClassName, state.root.className);
+    return state;
+};

package/lib/components/ChatInputToken/useChatInputTokenStyles.styles.raw.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["useChatInputTokenStyles.styles.ts"],"sourcesContent":["import { makeResetStyles, mergeClasses } from '@fluentui/react-components';\nimport { tokens, typographyStyles } from '@fluentui-copilot/tokens';\nimport type { ChatInputTokenSlots, ChatInputTokenState } from './ChatInputToken.types';\nimport type { SlotClassNames } from '@fluentui/react-components';\n\nexport const chatInputTokenClassNames: SlotClassNames<ChatInputTokenSlots> = {\n  root: 'fai-ChatInputToken',\n};\n\n/**\n * Styles for the root slot\n */\nconst useBaseClassName = makeResetStyles({\n  ...typographyStyles.caption1,\n  lineHeight: `calc(${tokens.lineHeightBase200} + (2 * ${tokens.spacingVerticalXXS}) + (2 * ${tokens.strokeWidthThin}))`,\n  backgroundColor: tokens.colorNeutralBackground3,\n  border: `${tokens.strokeWidthThin} solid ${tokens.colorTransparentStroke}`,\n  borderRadius: tokens.borderRadiusMedium,\n  boxDecorationBreak: 'clone',\n  color: tokens.colorNeutralForeground2,\n  padding: `${tokens.spacingVerticalXXS} 0`,\n});\n\n/**\n * Apply styling to the ChatInputToken slots based on the state\n */\nexport const useChatInputTokenStyles_unstable = (state: ChatInputTokenState): ChatInputTokenState => {\n  'use no memo';\n\n  const baseClassName = useBaseClassName();\n  state.root.className = mergeClasses(chatInputTokenClassNames.root, baseClassName, state.root.className);\n\n  return state;\n};\n"],"names":["makeResetStyles","mergeClasses","tokens","typographyStyles","chatInputTokenClassNames","root","useBaseClassName","caption1","lineHeight","lineHeightBase200","spacingVerticalXXS","strokeWidthThin","backgroundColor","colorNeutralBackground3","border","colorTransparentStroke","borderRadius","borderRadiusMedium","boxDecorationBreak","color","colorNeutralForeground2","padding","useChatInputTokenStyles_unstable","state","baseClassName","className"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,SAASA,eAAe,EAAEC,YAAY,QAAQ,6BAA6B;AAC3E,SAASC,MAAM,EAAEC,gBAAgB,QAAQ,2BAA2B;AAIpE,OAAO,MAAMC,2BAAgE;IAC3EC,MAAM;AACR,EAAE;AAEF;;CAEC,GACD,MAAMC,mBAAmBN,gBAAgB;IACvC,GAAGG,iBAAiBI,QAAQ;IAC5BC,YAAY,CAAC,KAAK,EAAEN,OAAOO,iBAAiB,CAAC,QAAQ,EAAEP,OAAOQ,kBAAkB,CAAC,SAAS,EAAER,OAAOS,eAAe,CAAC,EAAE,CAAC;IACtHC,iBAAiBV,OAAOW,uBAAuB;IAC/CC,QAAQ,CAAC,EAAEZ,OAAOS,eAAe,CAAC,OAAO,EAAET,OAAOa,sBAAsB,CAAC,CAAC;IAC1EC,cAAcd,OAAOe,kBAAkB;IACvCC,oBAAoB;IACpBC,OAAOjB,OAAOkB,uBAAuB;IACrCC,SAAS,CAAC,EAAEnB,OAAOQ,kBAAkB,CAAC,EAAE,CAAC;AAC3C;AAEA;;CAEC,GACD,OAAO,MAAMY,mCAAmC,CAACC;IAC/C;IAEA,MAAMC,gBAAgBlB;IACtBiB,MAAMlB,IAAI,CAACoB,SAAS,GAAGxB,aAAaG,yBAAyBC,IAAI,EAAEmB,eAAeD,MAAMlB,IAAI,CAACoB,SAAS;IAEtG,OAAOF;AACT,EAAE"}

package/lib/components/GhostText/useGhostTextStyles.styles.raw.js

@@ -0,0 +1,35 @@
+import { makeStyles, mergeClasses } from '@fluentui/react-components';
+import { tokens, typographyStyles } from '@fluentui-copilot/tokens';
+export const ghostTextClassNames = {
+    root: 'fai-GhostText',
+    indicator: 'fai-GhostText__indicator'
+};
+/**
+ * Styles for the root slot
+ */ const useStyles = makeStyles({
+    root: {
+        color: tokens.colorNeutralForeground4,
+        whiteSpace: 'pre-wrap',
+        gap: tokens.spacingHorizontalXS
+    },
+    indicator: {
+        ...typographyStyles.caption2Strong,
+        color: tokens.colorNeutralForeground3,
+        backgroundColor: tokens.colorNeutralBackground5,
+        padding: `${tokens.spacingVerticalNone} ${tokens.spacingHorizontalSNudge}`,
+        borderRadius: tokens.borderRadiusSmall,
+        marginLeft: tokens.spacingHorizontalXS,
+        merginRight: tokens.spacingHorizontalXS
+    }
+});
+/**
+ * Apply styling to the GhostText slots based on the state
+ */ export const useGhostTextStyles_unstable = (state)=>{
+    'use no memo';
+    const styles = useStyles();
+    state.root.className = mergeClasses(ghostTextClassNames.root, styles.root, state.root.className);
+    if (state.indicator) {
+        state.indicator.className = mergeClasses(ghostTextClassNames.indicator, styles.indicator, state.indicator.className);
+    }
+    return state;
+};

package/lib/components/GhostText/useGhostTextStyles.styles.raw.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["useGhostTextStyles.styles.ts"],"sourcesContent":["import { makeStyles, mergeClasses } from '@fluentui/react-components';\nimport { tokens, typographyStyles } from '@fluentui-copilot/tokens';\nimport type { GhostTextSlots, GhostTextState } from './GhostText.types';\nimport type { SlotClassNames } from '@fluentui/react-components';\n\nexport const ghostTextClassNames: SlotClassNames<GhostTextSlots> = {\n  root: 'fai-GhostText',\n  indicator: 'fai-GhostText__indicator',\n};\n\n/**\n * Styles for the root slot\n */\nconst useStyles = makeStyles({\n  root: {\n    color: tokens.colorNeutralForeground4,\n    whiteSpace: 'pre-wrap',\n    gap: tokens.spacingHorizontalXS,\n  },\n\n  indicator: {\n    ...typographyStyles.caption2Strong,\n    color: tokens.colorNeutralForeground3,\n    backgroundColor: tokens.colorNeutralBackground5,\n    padding: `${tokens.spacingVerticalNone} ${tokens.spacingHorizontalSNudge}`,\n    borderRadius: tokens.borderRadiusSmall,\n    marginLeft: tokens.spacingHorizontalXS,\n    merginRight: tokens.spacingHorizontalXS,\n  },\n});\n\n/**\n * Apply styling to the GhostText slots based on the state\n */\nexport const useGhostTextStyles_unstable = (state: GhostTextState): GhostTextState => {\n  'use no memo';\n\n  const styles = useStyles();\n  state.root.className = mergeClasses(ghostTextClassNames.root, styles.root, state.root.className);\n\n  if (state.indicator) {\n    state.indicator.className = mergeClasses(\n      ghostTextClassNames.indicator,\n      styles.indicator,\n      state.indicator.className,\n    );\n  }\n\n  return state;\n};\n"],"names":["makeStyles","mergeClasses","tokens","typographyStyles","ghostTextClassNames","root","indicator","useStyles","color","colorNeutralForeground4","whiteSpace","gap","spacingHorizontalXS","caption2Strong","colorNeutralForeground3","backgroundColor","colorNeutralBackground5","padding","spacingVerticalNone","spacingHorizontalSNudge","borderRadius","borderRadiusSmall","marginLeft","merginRight","useGhostTextStyles_unstable","state","styles","className"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,SAASA,UAAU,EAAEC,YAAY,QAAQ,6BAA6B;AACtE,SAASC,MAAM,EAAEC,gBAAgB,QAAQ,2BAA2B;AAIpE,OAAO,MAAMC,sBAAsD;IACjEC,MAAM;IACNC,WAAW;AACb,EAAE;AAEF;;CAEC,GACD,MAAMC,YAAYP,WAAW;IAC3BK,MAAM;QACJG,OAAON,OAAOO,uBAAuB;QACrCC,YAAY;QACZC,KAAKT,OAAOU,mBAAmB;IACjC;IAEAN,WAAW;QACT,GAAGH,iBAAiBU,cAAc;QAClCL,OAAON,OAAOY,uBAAuB;QACrCC,iBAAiBb,OAAOc,uBAAuB;QAC/CC,SAAS,CAAC,EAAEf,OAAOgB,mBAAmB,CAAC,CAAC,EAAEhB,OAAOiB,uBAAuB,CAAC,CAAC;QAC1EC,cAAclB,OAAOmB,iBAAiB;QACtCC,YAAYpB,OAAOU,mBAAmB;QACtCW,aAAarB,OAAOU,mBAAmB;IACzC;AACF;AAEA;;CAEC,GACD,OAAO,MAAMY,8BAA8B,CAACC;IAC1C;IAEA,MAAMC,SAASnB;IACfkB,MAAMpB,IAAI,CAACsB,SAAS,GAAG1B,aAAaG,oBAAoBC,IAAI,EAAEqB,OAAOrB,IAAI,EAAEoB,MAAMpB,IAAI,CAACsB,SAAS;IAE/F,IAAIF,MAAMnB,SAAS,EAAE;QACnBmB,MAAMnB,SAAS,CAACqB,SAAS,GAAG1B,aAC1BG,oBAAoBE,SAAS,EAC7BoB,OAAOpB,SAAS,EAChBmB,MAAMnB,SAAS,CAACqB,SAAS;IAE7B;IAEA,OAAOF;AACT,EAAE"}

package/lib-commonjs/components/ChatInputEntity/useChatInputEntityStyles.styles.raw.js

@@ -0,0 +1,59 @@
+"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, {
+    chatInputEntityClassNames: function() {
+        return chatInputEntityClassNames;
+    },
+    useChatInputEntityStyles_unstable: function() {
+        return useChatInputEntityStyles_unstable;
+    }
+});
+const _reactcomponents = require("@fluentui/react-components");
+const _tokens = require("@fluentui-copilot/tokens");
+const chatInputEntityClassNames = {
+    root: 'fai-ChatInputEntity',
+    sensitivity: 'fai-ChatInputEntity__sensitivity',
+    text: 'fai-ChatInputEntity__text'
+};
+/**
+ * Styles for the root slot
+ */ const useStyles = (0, _reactcomponents.makeStyles)({
+    root: {},
+    text: {
+        color: _tokens.tokens.colorBrandForeground1
+    },
+    href: {
+        color: _tokens.tokens.colorBrandForegroundLink,
+        ':hover': {
+            textDecorationLine: 'underline',
+            color: _tokens.tokens.colorBrandForegroundLinkHover
+        },
+        ':active': {
+            textDecorationLine: 'underline',
+            color: _tokens.tokens.colorBrandForegroundLinkPressed
+        }
+    },
+    sensitivity: {
+        paddingLeft: _tokens.tokens.spacingHorizontalXXS
+    }
+});
+const useChatInputEntityStyles_unstable = (state)=>{
+    'use no memo';
+    const styles = useStyles();
+    state.root.className = (0, _reactcomponents.mergeClasses)(chatInputEntityClassNames.root, styles.root, state.root.className);
+    if (state.text) {
+        state.text.className = (0, _reactcomponents.mergeClasses)(chatInputEntityClassNames.text, styles.text, state.text.as === 'a' && styles.href, state.text.className);
+    }
+    if (state.sensitivity) {
+        state.sensitivity.className = (0, _reactcomponents.mergeClasses)(chatInputEntityClassNames.sensitivity, styles.sensitivity, state.sensitivity.className);
+    }
+    return state;
+};

package/lib-commonjs/components/ChatInputEntity/useChatInputEntityStyles.styles.raw.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["useChatInputEntityStyles.styles.ts"],"sourcesContent":["import { makeStyles, mergeClasses } from '@fluentui/react-components';\nimport { tokens } from '@fluentui-copilot/tokens';\nimport type { ChatInputEntitySlots, ChatInputEntityState } from './ChatInputEntity.types';\nimport type { SlotClassNames } from '@fluentui/react-components';\n\nexport const chatInputEntityClassNames: SlotClassNames<ChatInputEntitySlots> = {\n  root: 'fai-ChatInputEntity',\n  sensitivity: 'fai-ChatInputEntity__sensitivity',\n  text: 'fai-ChatInputEntity__text',\n};\n\n/**\n * Styles for the root slot\n */\nconst useStyles = makeStyles({\n  root: {},\n\n  text: {\n    color: tokens.colorBrandForeground1,\n  },\n\n  href: {\n    color: tokens.colorBrandForegroundLink,\n\n    ':hover': {\n      textDecorationLine: 'underline',\n      color: tokens.colorBrandForegroundLinkHover,\n    },\n\n    ':active': {\n      textDecorationLine: 'underline',\n      color: tokens.colorBrandForegroundLinkPressed,\n    },\n  },\n  sensitivity: {\n    paddingLeft: tokens.spacingHorizontalXXS,\n  },\n});\n\n/**\n * Apply styling to the ChatInputEntity slots based on the state\n */\nexport const useChatInputEntityStyles_unstable = (state: ChatInputEntityState): ChatInputEntityState => {\n  'use no memo';\n\n  const styles = useStyles();\n\n  state.root.className = mergeClasses(chatInputEntityClassNames.root, styles.root, state.root.className);\n\n  if (state.text) {\n    state.text.className = mergeClasses(\n      chatInputEntityClassNames.text,\n      styles.text,\n      state.text.as === 'a' && styles.href,\n      state.text.className,\n    );\n  }\n\n  if (state.sensitivity) {\n    state.sensitivity.className = mergeClasses(\n      chatInputEntityClassNames.sensitivity,\n      styles.sensitivity,\n      state.sensitivity.className,\n    );\n  }\n\n  return state;\n};\n"],"names":["chatInputEntityClassNames","useChatInputEntityStyles_unstable","root","sensitivity","text","useStyles","makeStyles","color","tokens","colorBrandForeground1","href","colorBrandForegroundLink","textDecorationLine","colorBrandForegroundLinkHover","colorBrandForegroundLinkPressed","paddingLeft","spacingHorizontalXXS","state","styles","className","mergeClasses","as"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAKaA,yBAAAA;eAAAA;;IAqCAC,iCAAAA;eAAAA;;;iCA1C4B;wBAClB;AAIhB,MAAMD,4BAAkE;IAC7EE,MAAM;IACNC,aAAa;IACbC,MAAM;AACR;AAEA;;CAEC,GACD,MAAMC,YAAYC,IAAAA,2BAAAA,EAAW;IAC3BJ,MAAM,CAAC;IAEPE,MAAM;QACJG,OAAOC,cAAAA,CAAOC,qBAAqB;IACrC;IAEAC,MAAM;QACJH,OAAOC,cAAAA,CAAOG,wBAAwB;QAEtC,UAAU;YACRC,oBAAoB;YACpBL,OAAOC,cAAAA,CAAOK,6BAA6B;QAC7C;QAEA,WAAW;YACTD,oBAAoB;YACpBL,OAAOC,cAAAA,CAAOM,+BAA+B;QAC/C;IACF;IACAX,aAAa;QACXY,aAAaP,cAAAA,CAAOQ,oBAAoB;IAC1C;AACF;AAKO,MAAMf,oCAAoC,CAACgB;IAChD;IAEA,MAAMC,SAASb;IAEfY,MAAMf,IAAI,CAACiB,SAAS,GAAGC,IAAAA,6BAAAA,EAAapB,0BAA0BE,IAAI,EAAEgB,OAAOhB,IAAI,EAAEe,MAAMf,IAAI,CAACiB,SAAS;IAErG,IAAIF,MAAMb,IAAI,EAAE;QACda,MAAMb,IAAI,CAACe,SAAS,GAAGC,IAAAA,6BAAAA,EACrBpB,0BAA0BI,IAAI,EAC9Bc,OAAOd,IAAI,EACXa,MAAMb,IAAI,CAACiB,EAAE,KAAK,OAAOH,OAAOR,IAAI,EACpCO,MAAMb,IAAI,CAACe,SAAS;IAExB;IAEA,IAAIF,MAAMd,WAAW,EAAE;QACrBc,MAAMd,WAAW,CAACgB,SAAS,GAAGC,IAAAA,6BAAAA,EAC5BpB,0BAA0BG,WAAW,EACrCe,OAAOf,WAAW,EAClBc,MAAMd,WAAW,CAACgB,SAAS;IAE/B;IAEA,OAAOF;AACT"}

package/lib-commonjs/components/ChatInputToken/useChatInputTokenStyles.styles.raw.js

@@ -0,0 +1,41 @@
+"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, {
+    chatInputTokenClassNames: function() {
+        return chatInputTokenClassNames;
+    },
+    useChatInputTokenStyles_unstable: function() {
+        return useChatInputTokenStyles_unstable;
+    }
+});
+const _reactcomponents = require("@fluentui/react-components");
+const _tokens = require("@fluentui-copilot/tokens");
+const chatInputTokenClassNames = {
+    root: 'fai-ChatInputToken'
+};
+/**
+ * Styles for the root slot
+ */ const useBaseClassName = (0, _reactcomponents.makeResetStyles)({
+    ..._tokens.typographyStyles.caption1,
+    lineHeight: `calc(${_tokens.tokens.lineHeightBase200} + (2 * ${_tokens.tokens.spacingVerticalXXS}) + (2 * ${_tokens.tokens.strokeWidthThin}))`,
+    backgroundColor: _tokens.tokens.colorNeutralBackground3,
+    border: `${_tokens.tokens.strokeWidthThin} solid ${_tokens.tokens.colorTransparentStroke}`,
+    borderRadius: _tokens.tokens.borderRadiusMedium,
+    boxDecorationBreak: 'clone',
+    color: _tokens.tokens.colorNeutralForeground2,
+    padding: `${_tokens.tokens.spacingVerticalXXS} 0`
+});
+const useChatInputTokenStyles_unstable = (state)=>{
+    'use no memo';
+    const baseClassName = useBaseClassName();
+    state.root.className = (0, _reactcomponents.mergeClasses)(chatInputTokenClassNames.root, baseClassName, state.root.className);
+    return state;
+};

package/lib-commonjs/components/ChatInputToken/useChatInputTokenStyles.styles.raw.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["useChatInputTokenStyles.styles.ts"],"sourcesContent":["import { makeResetStyles, mergeClasses } from '@fluentui/react-components';\nimport { tokens, typographyStyles } from '@fluentui-copilot/tokens';\nimport type { ChatInputTokenSlots, ChatInputTokenState } from './ChatInputToken.types';\nimport type { SlotClassNames } from '@fluentui/react-components';\n\nexport const chatInputTokenClassNames: SlotClassNames<ChatInputTokenSlots> = {\n  root: 'fai-ChatInputToken',\n};\n\n/**\n * Styles for the root slot\n */\nconst useBaseClassName = makeResetStyles({\n  ...typographyStyles.caption1,\n  lineHeight: `calc(${tokens.lineHeightBase200} + (2 * ${tokens.spacingVerticalXXS}) + (2 * ${tokens.strokeWidthThin}))`,\n  backgroundColor: tokens.colorNeutralBackground3,\n  border: `${tokens.strokeWidthThin} solid ${tokens.colorTransparentStroke}`,\n  borderRadius: tokens.borderRadiusMedium,\n  boxDecorationBreak: 'clone',\n  color: tokens.colorNeutralForeground2,\n  padding: `${tokens.spacingVerticalXXS} 0`,\n});\n\n/**\n * Apply styling to the ChatInputToken slots based on the state\n */\nexport const useChatInputTokenStyles_unstable = (state: ChatInputTokenState): ChatInputTokenState => {\n  'use no memo';\n\n  const baseClassName = useBaseClassName();\n  state.root.className = mergeClasses(chatInputTokenClassNames.root, baseClassName, state.root.className);\n\n  return state;\n};\n"],"names":["chatInputTokenClassNames","useChatInputTokenStyles_unstable","root","useBaseClassName","makeResetStyles","typographyStyles","caption1","lineHeight","tokens","lineHeightBase200","spacingVerticalXXS","strokeWidthThin","backgroundColor","colorNeutralBackground3","border","colorTransparentStroke","borderRadius","borderRadiusMedium","boxDecorationBreak","color","colorNeutralForeground2","padding","state","baseClassName","className","mergeClasses"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAKaA,wBAAAA;eAAAA;;IAqBAC,gCAAAA;eAAAA;;;iCA1BiC;wBACL;AAIlC,MAAMD,2BAAgE;IAC3EE,MAAM;AACR;AAEA;;CAEC,GACD,MAAMC,mBAAmBC,IAAAA,gCAAAA,EAAgB;IACvC,GAAGC,wBAAAA,CAAiBC,QAAQ;IAC5BC,YAAY,CAAC,KAAK,EAAEC,cAAAA,CAAOC,iBAAiB,CAAC,QAAQ,EAAED,cAAAA,CAAOE,kBAAkB,CAAC,SAAS,EAAEF,cAAAA,CAAOG,eAAe,CAAC,EAAE,CAAC;IACtHC,iBAAiBJ,cAAAA,CAAOK,uBAAuB;IAC/CC,QAAQ,CAAC,EAAEN,cAAAA,CAAOG,eAAe,CAAC,OAAO,EAAEH,cAAAA,CAAOO,sBAAsB,CAAC,CAAC;IAC1EC,cAAcR,cAAAA,CAAOS,kBAAkB;IACvCC,oBAAoB;IACpBC,OAAOX,cAAAA,CAAOY,uBAAuB;IACrCC,SAAS,CAAC,EAAEb,cAAAA,CAAOE,kBAAkB,CAAC,EAAE,CAAC;AAC3C;AAKO,MAAMT,mCAAmC,CAACqB;IAC/C;IAEA,MAAMC,gBAAgBpB;IACtBmB,MAAMpB,IAAI,CAACsB,SAAS,GAAGC,IAAAA,6BAAAA,EAAazB,yBAAyBE,IAAI,EAAEqB,eAAeD,MAAMpB,IAAI,CAACsB,SAAS;IAEtG,OAAOF;AACT"}

package/lib-commonjs/components/GhostText/useGhostTextStyles.styles.raw.js

@@ -0,0 +1,51 @@
+"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, {
+    ghostTextClassNames: function() {
+        return ghostTextClassNames;
+    },
+    useGhostTextStyles_unstable: function() {
+        return useGhostTextStyles_unstable;
+    }
+});
+const _reactcomponents = require("@fluentui/react-components");
+const _tokens = require("@fluentui-copilot/tokens");
+const ghostTextClassNames = {
+    root: 'fai-GhostText',
+    indicator: 'fai-GhostText__indicator'
+};
+/**
+ * Styles for the root slot
+ */ const useStyles = (0, _reactcomponents.makeStyles)({
+    root: {
+        color: _tokens.tokens.colorNeutralForeground4,
+        whiteSpace: 'pre-wrap',
+        gap: _tokens.tokens.spacingHorizontalXS
+    },
+    indicator: {
+        ..._tokens.typographyStyles.caption2Strong,
+        color: _tokens.tokens.colorNeutralForeground3,
+        backgroundColor: _tokens.tokens.colorNeutralBackground5,
+        padding: `${_tokens.tokens.spacingVerticalNone} ${_tokens.tokens.spacingHorizontalSNudge}`,
+        borderRadius: _tokens.tokens.borderRadiusSmall,
+        marginLeft: _tokens.tokens.spacingHorizontalXS,
+        merginRight: _tokens.tokens.spacingHorizontalXS
+    }
+});
+const useGhostTextStyles_unstable = (state)=>{
+    'use no memo';
+    const styles = useStyles();
+    state.root.className = (0, _reactcomponents.mergeClasses)(ghostTextClassNames.root, styles.root, state.root.className);
+    if (state.indicator) {
+        state.indicator.className = (0, _reactcomponents.mergeClasses)(ghostTextClassNames.indicator, styles.indicator, state.indicator.className);
+    }
+    return state;
+};

package/lib-commonjs/components/GhostText/useGhostTextStyles.styles.raw.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["useGhostTextStyles.styles.ts"],"sourcesContent":["import { makeStyles, mergeClasses } from '@fluentui/react-components';\nimport { tokens, typographyStyles } from '@fluentui-copilot/tokens';\nimport type { GhostTextSlots, GhostTextState } from './GhostText.types';\nimport type { SlotClassNames } from '@fluentui/react-components';\n\nexport const ghostTextClassNames: SlotClassNames<GhostTextSlots> = {\n  root: 'fai-GhostText',\n  indicator: 'fai-GhostText__indicator',\n};\n\n/**\n * Styles for the root slot\n */\nconst useStyles = makeStyles({\n  root: {\n    color: tokens.colorNeutralForeground4,\n    whiteSpace: 'pre-wrap',\n    gap: tokens.spacingHorizontalXS,\n  },\n\n  indicator: {\n    ...typographyStyles.caption2Strong,\n    color: tokens.colorNeutralForeground3,\n    backgroundColor: tokens.colorNeutralBackground5,\n    padding: `${tokens.spacingVerticalNone} ${tokens.spacingHorizontalSNudge}`,\n    borderRadius: tokens.borderRadiusSmall,\n    marginLeft: tokens.spacingHorizontalXS,\n    merginRight: tokens.spacingHorizontalXS,\n  },\n});\n\n/**\n * Apply styling to the GhostText slots based on the state\n */\nexport const useGhostTextStyles_unstable = (state: GhostTextState): GhostTextState => {\n  'use no memo';\n\n  const styles = useStyles();\n  state.root.className = mergeClasses(ghostTextClassNames.root, styles.root, state.root.className);\n\n  if (state.indicator) {\n    state.indicator.className = mergeClasses(\n      ghostTextClassNames.indicator,\n      styles.indicator,\n      state.indicator.className,\n    );\n  }\n\n  return state;\n};\n"],"names":["ghostTextClassNames","useGhostTextStyles_unstable","root","indicator","useStyles","makeStyles","color","tokens","colorNeutralForeground4","whiteSpace","gap","spacingHorizontalXS","typographyStyles","caption2Strong","colorNeutralForeground3","backgroundColor","colorNeutralBackground5","padding","spacingVerticalNone","spacingHorizontalSNudge","borderRadius","borderRadiusSmall","marginLeft","merginRight","state","styles","className","mergeClasses"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAKaA,mBAAAA;eAAAA;;IA6BAC,2BAAAA;eAAAA;;;iCAlC4B;wBACA;AAIlC,MAAMD,sBAAsD;IACjEE,MAAM;IACNC,WAAW;AACb;AAEA;;CAEC,GACD,MAAMC,YAAYC,IAAAA,2BAAAA,EAAW;IAC3BH,MAAM;QACJI,OAAOC,cAAAA,CAAOC,uBAAuB;QACrCC,YAAY;QACZC,KAAKH,cAAAA,CAAOI,mBAAmB;IACjC;IAEAR,WAAW;QACT,GAAGS,wBAAAA,CAAiBC,cAAc;QAClCP,OAAOC,cAAAA,CAAOO,uBAAuB;QACrCC,iBAAiBR,cAAAA,CAAOS,uBAAuB;QAC/CC,SAAS,CAAC,EAAEV,cAAAA,CAAOW,mBAAmB,CAAC,CAAC,EAAEX,cAAAA,CAAOY,uBAAuB,CAAC,CAAC;QAC1EC,cAAcb,cAAAA,CAAOc,iBAAiB;QACtCC,YAAYf,cAAAA,CAAOI,mBAAmB;QACtCY,aAAahB,cAAAA,CAAOI,mBAAmB;IACzC;AACF;AAKO,MAAMV,8BAA8B,CAACuB;IAC1C;IAEA,MAAMC,SAASrB;IACfoB,MAAMtB,IAAI,CAACwB,SAAS,GAAGC,IAAAA,6BAAAA,EAAa3B,oBAAoBE,IAAI,EAAEuB,OAAOvB,IAAI,EAAEsB,MAAMtB,IAAI,CAACwB,SAAS;IAE/F,IAAIF,MAAMrB,SAAS,EAAE;QACnBqB,MAAMrB,SAAS,CAACuB,SAAS,GAAGC,IAAAA,6BAAAA,EAC1B3B,oBAAoBG,SAAS,EAC7BsB,OAAOtB,SAAS,EAChBqB,MAAMrB,SAAS,CAACuB,SAAS;IAE7B;IAEA,OAAOF;AACT"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fluentui-copilot/react-chat-input-plugins",
-  "version": "0.0.0-nightly-20250717-0405-eecbae35.1",
+  "version": "0.0.0-nightly-20250718-0405-8e705578.1",
   "description": "A Fluent AI package for React-based ChatInput plugins.",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -12,10 +12,10 @@
   },
   "license": "MIT",
   "dependencies": {
-    "@fluentui-copilot/chat-input-plugins": "0.0.0-nightly-20250717-0405-eecbae35.1",
-    "@fluentui-copilot/react-text-editor": "0.0.0-nightly-20250717-0405-eecbae35.1",
-    "@fluentui-copilot/text-editor": "0.0.0-nightly-20250717-0405-eecbae35.1",
-    "@fluentui-copilot/tokens": "0.0.0-nightly-20250717-0405-eecbae35.1",
+    "@fluentui-copilot/chat-input-plugins": "0.0.0-nightly-20250718-0405-8e705578.1",
+    "@fluentui-copilot/react-text-editor": "0.0.0-nightly-20250718-0405-8e705578.1",
+    "@fluentui-copilot/text-editor": "0.0.0-nightly-20250718-0405-8e705578.1",
+    "@fluentui-copilot/tokens": "0.0.0-nightly-20250718-0405-8e705578.1",
     "@swc/helpers": "^0.5.1"
   },
   "peerDependencies": {