@fluentui-copilot/react-morse-code 0.0.0-nightly-20250717-0405-eecbae35.1 → 0.0.0-nightly-20250723-0404-b6756f49.1

package/CHANGELOG.json

@@ -2,9 +2,9 @@
   "name": "@fluentui-copilot/react-morse-code",
   "entries": [
     {
-      "date": "Thu, 17 Jul 2025 04:13:01 GMT",
-      "tag": "@fluentui-copilot/react-morse-code_v0.0.0-nightly-20250717-0405-eecbae35.1",
-      "version": "0.0.0-nightly-20250717-0405-eecbae35.1",
+      "date": "Wed, 23 Jul 2025 04:11:49 GMT",
+      "tag": "@fluentui-copilot/react-morse-code_v0.0.0-nightly-20250723-0404-b6756f49.1",
+      "version": "0.0.0-nightly-20250723-0404-b6756f49.1",
       "comments": {
         "prerelease": [
           {
@@ -16,6 +16,21 @@
         ]
       }
     },
+    {
+      "date": "Thu, 17 Jul 2025 17:49:25 GMT",
+      "tag": "@fluentui-copilot/react-morse-code_v0.0.11",
+      "version": "0.0.11",
+      "comments": {
+        "patch": [
+          {
+            "author": "hochelmartin@gmail.com",
+            "package": "@fluentui-copilot/react-morse-code",
+            "commit": "fef5160c07333e8d9996952a305b34e357604919",
+            "comment": "feat: enable griffel raw styles"
+          }
+        ]
+      }
+    },
     {
       "date": "Thu, 10 Jul 2025 17:18:10 GMT",
       "tag": "@fluentui-copilot/react-morse-code_v0.0.10",

package/CHANGELOG.md

@@ -1,18 +1,27 @@
 # Change Log - @fluentui-copilot/react-morse-code
 
-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 Wed, 23 Jul 2025 04:11:49 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-morse-code_v0.0.0-nightly-20250717-0405-eecbae35.1)
+## [0.0.0-nightly-20250723-0404-b6756f49.1](https://github.com/microsoft/fluentai/tree/@fluentui-copilot/react-morse-code_v0.0.0-nightly-20250723-0404-b6756f49.1)
 
-Thu, 17 Jul 2025 04:13:01 GMT 
-[Compare changes](https://github.com/microsoft/fluentai/compare/@fluentui-copilot/react-morse-code_v0.0.10..@fluentui-copilot/react-morse-code_v0.0.0-nightly-20250717-0405-eecbae35.1)
+Wed, 23 Jul 2025 04:11:49 GMT 
+[Compare changes](https://github.com/microsoft/fluentai/compare/@fluentui-copilot/react-morse-code_v0.0.11..@fluentui-copilot/react-morse-code_v0.0.0-nightly-20250723-0404-b6756f49.1)
 
 ### Changes
 
 - Release nightly ([commit](https://github.com/microsoft/fluentai/commit/not available) by fluentui-internal@service.microsoft.com)
 
+## [0.0.11](https://github.com/microsoft/fluentai/tree/@fluentui-copilot/react-morse-code_v0.0.11)
+
+Thu, 17 Jul 2025 17:49:25 GMT 
+[Compare changes](https://github.com/microsoft/fluentai/compare/@fluentui-copilot/react-morse-code_v0.0.10..@fluentui-copilot/react-morse-code_v0.0.11)
+
+### Patches
+
+- feat: enable griffel raw styles ([PR #3227](https://github.com/microsoft/fluentai/pull/3227) by hochelmartin@gmail.com)
+
 ## [0.0.10](https://github.com/microsoft/fluentai/tree/@fluentui-copilot/react-morse-code_v0.0.10)
 
 Thu, 10 Jul 2025 17:18:10 GMT 

package/lib/components/large/MorseCode.styles.raw.js

@@ -0,0 +1,21 @@
+import { makeStyles } from '@fluentui/react-components';
+import { morseCodeTokens } from '@fluentui-copilot/morse-code';
+export const useMorseCodeStyles = makeStyles({
+    base: {
+        '@supports (aspect-ratio:  20 / 1)': {
+            aspectRatio: morseCodeTokens.morseCodeAspectRatio
+        },
+        '@supports not (aspect-ratio:  20 / 1)': {
+            paddingTop: morseCodeTokens.morseCodeAspectRatioFallbackPaddingTop
+        },
+        minHeight: '5px',
+        forcedColorAdjust: 'none',
+        '--fai-morse-code-color-stop-1': morseCodeTokens.morseCodeColorStop1,
+        '--fai-morse-code-color-stop-2': morseCodeTokens.morseCodeColorStop2,
+        '--fai-morse-code-color-stop-3': morseCodeTokens.morseCodeColorStop3
+    },
+    wrapper: {
+        width: '100%',
+        height: '100%'
+    }
+});

package/lib/components/large/MorseCode.styles.raw.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["MorseCode.styles.ts"],"sourcesContent":["import { makeStyles } from '@fluentui/react-components';\nimport { morseCodeTokens } from '@fluentui-copilot/morse-code';\n\nexport const useMorseCodeStyles = makeStyles({\n  base: {\n    '@supports (aspect-ratio:  20 / 1)': {\n      aspectRatio: morseCodeTokens.morseCodeAspectRatio,\n    },\n    '@supports not (aspect-ratio:  20 / 1)': {\n      paddingTop: morseCodeTokens.morseCodeAspectRatioFallbackPaddingTop,\n    },\n    minHeight: '5px',\n    forcedColorAdjust: 'none',\n    '--fai-morse-code-color-stop-1': morseCodeTokens.morseCodeColorStop1,\n    '--fai-morse-code-color-stop-2': morseCodeTokens.morseCodeColorStop2,\n    '--fai-morse-code-color-stop-3': morseCodeTokens.morseCodeColorStop3,\n  },\n  wrapper: {\n    width: '100%',\n    height: '100%',\n  },\n});\n"],"names":["makeStyles","morseCodeTokens","useMorseCodeStyles","base","aspectRatio","morseCodeAspectRatio","paddingTop","morseCodeAspectRatioFallbackPaddingTop","minHeight","forcedColorAdjust","morseCodeColorStop1","morseCodeColorStop2","morseCodeColorStop3","wrapper","width","height"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,SAASA,UAAU,QAAQ,6BAA6B;AACxD,SAASC,eAAe,QAAQ,+BAA+B;AAE/D,OAAO,MAAMC,qBAAqBF,WAAW;IAC3CG,MAAM;QACJ,qCAAqC;YACnCC,aAAaH,gBAAgBI,oBAAoB;QACnD;QACA,yCAAyC;YACvCC,YAAYL,gBAAgBM,sCAAsC;QACpE;QACAC,WAAW;QACXC,mBAAmB;QACnB,iCAAiCR,gBAAgBS,mBAAmB;QACpE,iCAAiCT,gBAAgBU,mBAAmB;QACpE,iCAAiCV,gBAAgBW,mBAAmB;IACtE;IACAC,SAAS;QACPC,OAAO;QACPC,QAAQ;IACV;AACF,GAAG"}

package/lib/components/large/MorseCodeHoudini.styles.raw.js

@@ -0,0 +1,22 @@
+import { makeResetStyles } from '@fluentui/react-components';
+import { morseCodeAnimationTokens, morseCodeTokens } from '@fluentui-copilot/morse-code';
+const sharedStyles = {
+    backgroundImage: morseCodeTokens.backgroundImage,
+    animationIterationCount: morseCodeTokens.morseCodeAnimationIterationCount,
+    animationDuration: morseCodeTokens.morseCodeAnimationDuration,
+    animationTimingFunction: morseCodeTokens.morseCodeAnimationTimingFunction
+};
+export const useMorseCodeAnimationClassName = makeResetStyles({
+    ...sharedStyles,
+    animationName: [
+        morseCodeAnimationTokens.colorAnimation,
+        morseCodeAnimationTokens.dotsAndDashes
+    ],
+    '@media (forced-colors: active)': {
+        ...sharedStyles,
+        animationName: [
+            morseCodeAnimationTokens.colorHCAnimation,
+            morseCodeAnimationTokens.dotsAndDashes
+        ]
+    }
+});

package/lib/components/large/MorseCodeHoudini.styles.raw.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["MorseCodeHoudini.styles.ts"],"sourcesContent":["import { makeResetStyles } from '@fluentui/react-components';\nimport { morseCodeAnimationTokens, morseCodeTokens } from '@fluentui-copilot/morse-code';\n\nconst sharedStyles = {\n  backgroundImage: morseCodeTokens.backgroundImage,\n  animationIterationCount: morseCodeTokens.morseCodeAnimationIterationCount,\n  animationDuration: morseCodeTokens.morseCodeAnimationDuration,\n  animationTimingFunction: morseCodeTokens.morseCodeAnimationTimingFunction,\n};\n\nexport const useMorseCodeAnimationClassName = makeResetStyles({\n  ...sharedStyles,\n  animationName: [morseCodeAnimationTokens.colorAnimation, morseCodeAnimationTokens.dotsAndDashes],\n\n  '@media (forced-colors: active)': {\n    ...sharedStyles,\n    animationName: [morseCodeAnimationTokens.colorHCAnimation, morseCodeAnimationTokens.dotsAndDashes],\n  },\n});\n"],"names":["makeResetStyles","morseCodeAnimationTokens","morseCodeTokens","sharedStyles","backgroundImage","animationIterationCount","morseCodeAnimationIterationCount","animationDuration","morseCodeAnimationDuration","animationTimingFunction","morseCodeAnimationTimingFunction","useMorseCodeAnimationClassName","animationName","colorAnimation","dotsAndDashes","colorHCAnimation"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,SAASA,eAAe,QAAQ,6BAA6B;AAC7D,SAASC,wBAAwB,EAAEC,eAAe,QAAQ,+BAA+B;AAEzF,MAAMC,eAAe;IACnBC,iBAAiBF,gBAAgBE,eAAe;IAChDC,yBAAyBH,gBAAgBI,gCAAgC;IACzEC,mBAAmBL,gBAAgBM,0BAA0B;IAC7DC,yBAAyBP,gBAAgBQ,gCAAgC;AAC3E;AAEA,OAAO,MAAMC,iCAAiCX,gBAAgB;IAC5D,GAAGG,YAAY;IACfS,eAAe;QAACX,yBAAyBY,cAAc;QAAEZ,yBAAyBa,aAAa;KAAC;IAEhG,kCAAkC;QAChC,GAAGX,YAAY;QACfS,eAAe;YAACX,yBAAyBc,gBAAgB;YAAEd,yBAAyBa,aAAa;SAAC;IACpG;AACF,GAAG"}

package/lib/components/small/MorseCodeSmall.styles.raw.js

@@ -0,0 +1,21 @@
+import { makeStyles } from '@fluentui/react-components';
+import { morseCodeSmallTokens } from '@fluentui-copilot/morse-code';
+export const useMorseCodeSmallStyles = makeStyles({
+    base: {
+        '@supports (aspect-ratio:  10 / 1)': {
+            aspectRatio: morseCodeSmallTokens.morseCodeAspectRatio
+        },
+        '@supports not (aspect-ratio:  10 / 1)': {
+            paddingTop: morseCodeSmallTokens.morseCodeAspectRatioFallbackPaddingTop
+        },
+        minHeight: '5px',
+        forcedColorAdjust: 'none',
+        '--fai-morse-code-color-stop-1': morseCodeSmallTokens.morseCodeColorStop1,
+        '--fai-morse-code-color-stop-2': morseCodeSmallTokens.morseCodeColorStop2,
+        '--fai-morse-code-color-stop-3': morseCodeSmallTokens.morseCodeColorStop3
+    },
+    wrapper: {
+        width: '100%',
+        height: '100%'
+    }
+});

package/lib/components/small/MorseCodeSmall.styles.raw.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["MorseCodeSmall.styles.ts"],"sourcesContent":["import { makeStyles } from '@fluentui/react-components';\nimport { morseCodeSmallTokens } from '@fluentui-copilot/morse-code';\n\nexport const useMorseCodeSmallStyles = makeStyles({\n  base: {\n    '@supports (aspect-ratio:  10 / 1)': {\n      aspectRatio: morseCodeSmallTokens.morseCodeAspectRatio,\n    },\n    '@supports not (aspect-ratio:  10 / 1)': {\n      paddingTop: morseCodeSmallTokens.morseCodeAspectRatioFallbackPaddingTop,\n    },\n    minHeight: '5px',\n    forcedColorAdjust: 'none',\n    '--fai-morse-code-color-stop-1': morseCodeSmallTokens.morseCodeColorStop1,\n    '--fai-morse-code-color-stop-2': morseCodeSmallTokens.morseCodeColorStop2,\n    '--fai-morse-code-color-stop-3': morseCodeSmallTokens.morseCodeColorStop3,\n  },\n  wrapper: {\n    width: '100%',\n    height: '100%',\n  },\n});\n"],"names":["makeStyles","morseCodeSmallTokens","useMorseCodeSmallStyles","base","aspectRatio","morseCodeAspectRatio","paddingTop","morseCodeAspectRatioFallbackPaddingTop","minHeight","forcedColorAdjust","morseCodeColorStop1","morseCodeColorStop2","morseCodeColorStop3","wrapper","width","height"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,SAASA,UAAU,QAAQ,6BAA6B;AACxD,SAASC,oBAAoB,QAAQ,+BAA+B;AAEpE,OAAO,MAAMC,0BAA0BF,WAAW;IAChDG,MAAM;QACJ,qCAAqC;YACnCC,aAAaH,qBAAqBI,oBAAoB;QACxD;QACA,yCAAyC;YACvCC,YAAYL,qBAAqBM,sCAAsC;QACzE;QACAC,WAAW;QACXC,mBAAmB;QACnB,iCAAiCR,qBAAqBS,mBAAmB;QACzE,iCAAiCT,qBAAqBU,mBAAmB;QACzE,iCAAiCV,qBAAqBW,mBAAmB;IAC3E;IACAC,SAAS;QACPC,OAAO;QACPC,QAAQ;IACV;AACF,GAAG"}

package/lib/components/small/MorseCodeSmallHoudini.styles.raw.js

@@ -0,0 +1,23 @@
+import { makeResetStyles } from '@fluentui/react-components';
+import { initializeMorseCodeSmallCustomProperties, morseCodeSmallAnimationTokens, morseCodeSmallTokens } from '@fluentui-copilot/morse-code';
+initializeMorseCodeSmallCustomProperties();
+const sharedStyles = {
+    backgroundImage: morseCodeSmallTokens.backgroundImage,
+    animationIterationCount: morseCodeSmallTokens.morseCodeAnimationIterationCount,
+    animationDuration: morseCodeSmallTokens.morseCodeAnimationDuration,
+    animationTimingFunction: morseCodeSmallTokens.morseCodeAnimationTimingFunction
+};
+export const useMorseCodeAnimationClassName = makeResetStyles({
+    ...sharedStyles,
+    animationName: [
+        morseCodeSmallAnimationTokens.colorAnimation,
+        morseCodeSmallAnimationTokens.dotsAndDashes
+    ],
+    '@media (forced-colors: active)': {
+        ...sharedStyles,
+        animationName: [
+            morseCodeSmallAnimationTokens.colorHCAnimation,
+            morseCodeSmallAnimationTokens.dotsAndDashes
+        ]
+    }
+});

package/lib/components/small/MorseCodeSmallHoudini.styles.raw.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["MorseCodeSmallHoudini.styles.ts"],"sourcesContent":["import { makeResetStyles } from '@fluentui/react-components';\n\nimport {\n  initializeMorseCodeSmallCustomProperties,\n  morseCodeSmallAnimationTokens,\n  morseCodeSmallTokens,\n} from '@fluentui-copilot/morse-code';\n\ninitializeMorseCodeSmallCustomProperties();\n\nconst sharedStyles = {\n  backgroundImage: morseCodeSmallTokens.backgroundImage,\n  animationIterationCount: morseCodeSmallTokens.morseCodeAnimationIterationCount,\n  animationDuration: morseCodeSmallTokens.morseCodeAnimationDuration,\n  animationTimingFunction: morseCodeSmallTokens.morseCodeAnimationTimingFunction,\n};\n\nexport const useMorseCodeAnimationClassName = makeResetStyles({\n  ...sharedStyles,\n  animationName: [morseCodeSmallAnimationTokens.colorAnimation, morseCodeSmallAnimationTokens.dotsAndDashes],\n\n  '@media (forced-colors: active)': {\n    ...sharedStyles,\n    animationName: [morseCodeSmallAnimationTokens.colorHCAnimation, morseCodeSmallAnimationTokens.dotsAndDashes],\n  },\n});\n"],"names":["makeResetStyles","initializeMorseCodeSmallCustomProperties","morseCodeSmallAnimationTokens","morseCodeSmallTokens","sharedStyles","backgroundImage","animationIterationCount","morseCodeAnimationIterationCount","animationDuration","morseCodeAnimationDuration","animationTimingFunction","morseCodeAnimationTimingFunction","useMorseCodeAnimationClassName","animationName","colorAnimation","dotsAndDashes","colorHCAnimation"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,SAASA,eAAe,QAAQ,6BAA6B;AAE7D,SACEC,wCAAwC,EACxCC,6BAA6B,EAC7BC,oBAAoB,QACf,+BAA+B;AAEtCF;AAEA,MAAMG,eAAe;IACnBC,iBAAiBF,qBAAqBE,eAAe;IACrDC,yBAAyBH,qBAAqBI,gCAAgC;IAC9EC,mBAAmBL,qBAAqBM,0BAA0B;IAClEC,yBAAyBP,qBAAqBQ,gCAAgC;AAChF;AAEA,OAAO,MAAMC,iCAAiCZ,gBAAgB;IAC5D,GAAGI,YAAY;IACfS,eAAe;QAACX,8BAA8BY,cAAc;QAAEZ,8BAA8Ba,aAAa;KAAC;IAE1G,kCAAkC;QAChC,GAAGX,YAAY;QACfS,eAAe;YAACX,8BAA8Bc,gBAAgB;YAAEd,8BAA8Ba,aAAa;SAAC;IAC9G;AACF,GAAG"}

package/lib-commonjs/components/large/MorseCode.styles.raw.js

@@ -0,0 +1,31 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "useMorseCodeStyles", {
+    enumerable: true,
+    get: function() {
+        return useMorseCodeStyles;
+    }
+});
+const _reactcomponents = require("@fluentui/react-components");
+const _morsecode = require("@fluentui-copilot/morse-code");
+const useMorseCodeStyles = (0, _reactcomponents.makeStyles)({
+    base: {
+        '@supports (aspect-ratio:  20 / 1)': {
+            aspectRatio: _morsecode.morseCodeTokens.morseCodeAspectRatio
+        },
+        '@supports not (aspect-ratio:  20 / 1)': {
+            paddingTop: _morsecode.morseCodeTokens.morseCodeAspectRatioFallbackPaddingTop
+        },
+        minHeight: '5px',
+        forcedColorAdjust: 'none',
+        '--fai-morse-code-color-stop-1': _morsecode.morseCodeTokens.morseCodeColorStop1,
+        '--fai-morse-code-color-stop-2': _morsecode.morseCodeTokens.morseCodeColorStop2,
+        '--fai-morse-code-color-stop-3': _morsecode.morseCodeTokens.morseCodeColorStop3
+    },
+    wrapper: {
+        width: '100%',
+        height: '100%'
+    }
+});

package/lib-commonjs/components/large/MorseCode.styles.raw.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["MorseCode.styles.ts"],"sourcesContent":["import { makeStyles } from '@fluentui/react-components';\nimport { morseCodeTokens } from '@fluentui-copilot/morse-code';\n\nexport const useMorseCodeStyles = makeStyles({\n  base: {\n    '@supports (aspect-ratio:  20 / 1)': {\n      aspectRatio: morseCodeTokens.morseCodeAspectRatio,\n    },\n    '@supports not (aspect-ratio:  20 / 1)': {\n      paddingTop: morseCodeTokens.morseCodeAspectRatioFallbackPaddingTop,\n    },\n    minHeight: '5px',\n    forcedColorAdjust: 'none',\n    '--fai-morse-code-color-stop-1': morseCodeTokens.morseCodeColorStop1,\n    '--fai-morse-code-color-stop-2': morseCodeTokens.morseCodeColorStop2,\n    '--fai-morse-code-color-stop-3': morseCodeTokens.morseCodeColorStop3,\n  },\n  wrapper: {\n    width: '100%',\n    height: '100%',\n  },\n});\n"],"names":["useMorseCodeStyles","makeStyles","base","aspectRatio","morseCodeTokens","morseCodeAspectRatio","paddingTop","morseCodeAspectRatioFallbackPaddingTop","minHeight","forcedColorAdjust","morseCodeColorStop1","morseCodeColorStop2","morseCodeColorStop3","wrapper","width","height"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAGaA;;;eAAAA;;;iCAHc;2BACK;AAEzB,MAAMA,qBAAqBC,IAAAA,2BAAAA,EAAW;IAC3CC,MAAM;QACJ,qCAAqC;YACnCC,aAAaC,0BAAAA,CAAgBC,oBAAoB;QACnD;QACA,yCAAyC;YACvCC,YAAYF,0BAAAA,CAAgBG,sCAAsC;QACpE;QACAC,WAAW;QACXC,mBAAmB;QACnB,iCAAiCL,0BAAAA,CAAgBM,mBAAmB;QACpE,iCAAiCN,0BAAAA,CAAgBO,mBAAmB;QACpE,iCAAiCP,0BAAAA,CAAgBQ,mBAAmB;IACtE;IACAC,SAAS;QACPC,OAAO;QACPC,QAAQ;IACV;AACF"}

package/lib-commonjs/components/large/MorseCodeHoudini.styles.raw.js

@@ -0,0 +1,32 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "useMorseCodeAnimationClassName", {
+    enumerable: true,
+    get: function() {
+        return useMorseCodeAnimationClassName;
+    }
+});
+const _reactcomponents = require("@fluentui/react-components");
+const _morsecode = require("@fluentui-copilot/morse-code");
+const sharedStyles = {
+    backgroundImage: _morsecode.morseCodeTokens.backgroundImage,
+    animationIterationCount: _morsecode.morseCodeTokens.morseCodeAnimationIterationCount,
+    animationDuration: _morsecode.morseCodeTokens.morseCodeAnimationDuration,
+    animationTimingFunction: _morsecode.morseCodeTokens.morseCodeAnimationTimingFunction
+};
+const useMorseCodeAnimationClassName = (0, _reactcomponents.makeResetStyles)({
+    ...sharedStyles,
+    animationName: [
+        _morsecode.morseCodeAnimationTokens.colorAnimation,
+        _morsecode.morseCodeAnimationTokens.dotsAndDashes
+    ],
+    '@media (forced-colors: active)': {
+        ...sharedStyles,
+        animationName: [
+            _morsecode.morseCodeAnimationTokens.colorHCAnimation,
+            _morsecode.morseCodeAnimationTokens.dotsAndDashes
+        ]
+    }
+});

package/lib-commonjs/components/large/MorseCodeHoudini.styles.raw.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["MorseCodeHoudini.styles.ts"],"sourcesContent":["import { makeResetStyles } from '@fluentui/react-components';\nimport { morseCodeAnimationTokens, morseCodeTokens } from '@fluentui-copilot/morse-code';\n\nconst sharedStyles = {\n  backgroundImage: morseCodeTokens.backgroundImage,\n  animationIterationCount: morseCodeTokens.morseCodeAnimationIterationCount,\n  animationDuration: morseCodeTokens.morseCodeAnimationDuration,\n  animationTimingFunction: morseCodeTokens.morseCodeAnimationTimingFunction,\n};\n\nexport const useMorseCodeAnimationClassName = makeResetStyles({\n  ...sharedStyles,\n  animationName: [morseCodeAnimationTokens.colorAnimation, morseCodeAnimationTokens.dotsAndDashes],\n\n  '@media (forced-colors: active)': {\n    ...sharedStyles,\n    animationName: [morseCodeAnimationTokens.colorHCAnimation, morseCodeAnimationTokens.dotsAndDashes],\n  },\n});\n"],"names":["useMorseCodeAnimationClassName","sharedStyles","backgroundImage","morseCodeTokens","animationIterationCount","morseCodeAnimationIterationCount","animationDuration","morseCodeAnimationDuration","animationTimingFunction","morseCodeAnimationTimingFunction","makeResetStyles","animationName","morseCodeAnimationTokens","colorAnimation","dotsAndDashes","colorHCAnimation"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAUaA;;;eAAAA;;;iCAVmB;2BAC0B;AAE1D,MAAMC,eAAe;IACnBC,iBAAiBC,0BAAAA,CAAgBD,eAAe;IAChDE,yBAAyBD,0BAAAA,CAAgBE,gCAAgC;IACzEC,mBAAmBH,0BAAAA,CAAgBI,0BAA0B;IAC7DC,yBAAyBL,0BAAAA,CAAgBM,gCAAgC;AAC3E;AAEO,MAAMT,iCAAiCU,IAAAA,gCAAAA,EAAgB;IAC5D,GAAGT,YAAY;IACfU,eAAe;QAACC,mCAAAA,CAAyBC,cAAc;QAAED,mCAAAA,CAAyBE,aAAa;KAAC;IAEhG,kCAAkC;QAChC,GAAGb,YAAY;QACfU,eAAe;YAACC,mCAAAA,CAAyBG,gBAAgB;YAAEH,mCAAAA,CAAyBE,aAAa;SAAC;IACpG;AACF"}

package/lib-commonjs/components/small/MorseCodeSmall.styles.raw.js

@@ -0,0 +1,31 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "useMorseCodeSmallStyles", {
+    enumerable: true,
+    get: function() {
+        return useMorseCodeSmallStyles;
+    }
+});
+const _reactcomponents = require("@fluentui/react-components");
+const _morsecode = require("@fluentui-copilot/morse-code");
+const useMorseCodeSmallStyles = (0, _reactcomponents.makeStyles)({
+    base: {
+        '@supports (aspect-ratio:  10 / 1)': {
+            aspectRatio: _morsecode.morseCodeSmallTokens.morseCodeAspectRatio
+        },
+        '@supports not (aspect-ratio:  10 / 1)': {
+            paddingTop: _morsecode.morseCodeSmallTokens.morseCodeAspectRatioFallbackPaddingTop
+        },
+        minHeight: '5px',
+        forcedColorAdjust: 'none',
+        '--fai-morse-code-color-stop-1': _morsecode.morseCodeSmallTokens.morseCodeColorStop1,
+        '--fai-morse-code-color-stop-2': _morsecode.morseCodeSmallTokens.morseCodeColorStop2,
+        '--fai-morse-code-color-stop-3': _morsecode.morseCodeSmallTokens.morseCodeColorStop3
+    },
+    wrapper: {
+        width: '100%',
+        height: '100%'
+    }
+});

package/lib-commonjs/components/small/MorseCodeSmall.styles.raw.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["MorseCodeSmall.styles.ts"],"sourcesContent":["import { makeStyles } from '@fluentui/react-components';\nimport { morseCodeSmallTokens } from '@fluentui-copilot/morse-code';\n\nexport const useMorseCodeSmallStyles = makeStyles({\n  base: {\n    '@supports (aspect-ratio:  10 / 1)': {\n      aspectRatio: morseCodeSmallTokens.morseCodeAspectRatio,\n    },\n    '@supports not (aspect-ratio:  10 / 1)': {\n      paddingTop: morseCodeSmallTokens.morseCodeAspectRatioFallbackPaddingTop,\n    },\n    minHeight: '5px',\n    forcedColorAdjust: 'none',\n    '--fai-morse-code-color-stop-1': morseCodeSmallTokens.morseCodeColorStop1,\n    '--fai-morse-code-color-stop-2': morseCodeSmallTokens.morseCodeColorStop2,\n    '--fai-morse-code-color-stop-3': morseCodeSmallTokens.morseCodeColorStop3,\n  },\n  wrapper: {\n    width: '100%',\n    height: '100%',\n  },\n});\n"],"names":["useMorseCodeSmallStyles","makeStyles","base","aspectRatio","morseCodeSmallTokens","morseCodeAspectRatio","paddingTop","morseCodeAspectRatioFallbackPaddingTop","minHeight","forcedColorAdjust","morseCodeColorStop1","morseCodeColorStop2","morseCodeColorStop3","wrapper","width","height"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAGaA;;;eAAAA;;;iCAHc;2BACU;AAE9B,MAAMA,0BAA0BC,IAAAA,2BAAAA,EAAW;IAChDC,MAAM;QACJ,qCAAqC;YACnCC,aAAaC,+BAAAA,CAAqBC,oBAAoB;QACxD;QACA,yCAAyC;YACvCC,YAAYF,+BAAAA,CAAqBG,sCAAsC;QACzE;QACAC,WAAW;QACXC,mBAAmB;QACnB,iCAAiCL,+BAAAA,CAAqBM,mBAAmB;QACzE,iCAAiCN,+BAAAA,CAAqBO,mBAAmB;QACzE,iCAAiCP,+BAAAA,CAAqBQ,mBAAmB;IAC3E;IACAC,SAAS;QACPC,OAAO;QACPC,QAAQ;IACV;AACF"}

package/lib-commonjs/components/small/MorseCodeSmallHoudini.styles.raw.js

@@ -0,0 +1,33 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "useMorseCodeAnimationClassName", {
+    enumerable: true,
+    get: function() {
+        return useMorseCodeAnimationClassName;
+    }
+});
+const _reactcomponents = require("@fluentui/react-components");
+const _morsecode = require("@fluentui-copilot/morse-code");
+(0, _morsecode.initializeMorseCodeSmallCustomProperties)();
+const sharedStyles = {
+    backgroundImage: _morsecode.morseCodeSmallTokens.backgroundImage,
+    animationIterationCount: _morsecode.morseCodeSmallTokens.morseCodeAnimationIterationCount,
+    animationDuration: _morsecode.morseCodeSmallTokens.morseCodeAnimationDuration,
+    animationTimingFunction: _morsecode.morseCodeSmallTokens.morseCodeAnimationTimingFunction
+};
+const useMorseCodeAnimationClassName = (0, _reactcomponents.makeResetStyles)({
+    ...sharedStyles,
+    animationName: [
+        _morsecode.morseCodeSmallAnimationTokens.colorAnimation,
+        _morsecode.morseCodeSmallAnimationTokens.dotsAndDashes
+    ],
+    '@media (forced-colors: active)': {
+        ...sharedStyles,
+        animationName: [
+            _morsecode.morseCodeSmallAnimationTokens.colorHCAnimation,
+            _morsecode.morseCodeSmallAnimationTokens.dotsAndDashes
+        ]
+    }
+});

package/lib-commonjs/components/small/MorseCodeSmallHoudini.styles.raw.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["MorseCodeSmallHoudini.styles.ts"],"sourcesContent":["import { makeResetStyles } from '@fluentui/react-components';\n\nimport {\n  initializeMorseCodeSmallCustomProperties,\n  morseCodeSmallAnimationTokens,\n  morseCodeSmallTokens,\n} from '@fluentui-copilot/morse-code';\n\ninitializeMorseCodeSmallCustomProperties();\n\nconst sharedStyles = {\n  backgroundImage: morseCodeSmallTokens.backgroundImage,\n  animationIterationCount: morseCodeSmallTokens.morseCodeAnimationIterationCount,\n  animationDuration: morseCodeSmallTokens.morseCodeAnimationDuration,\n  animationTimingFunction: morseCodeSmallTokens.morseCodeAnimationTimingFunction,\n};\n\nexport const useMorseCodeAnimationClassName = makeResetStyles({\n  ...sharedStyles,\n  animationName: [morseCodeSmallAnimationTokens.colorAnimation, morseCodeSmallAnimationTokens.dotsAndDashes],\n\n  '@media (forced-colors: active)': {\n    ...sharedStyles,\n    animationName: [morseCodeSmallAnimationTokens.colorHCAnimation, morseCodeSmallAnimationTokens.dotsAndDashes],\n  },\n});\n"],"names":["useMorseCodeAnimationClassName","initializeMorseCodeSmallCustomProperties","sharedStyles","backgroundImage","morseCodeSmallTokens","animationIterationCount","morseCodeAnimationIterationCount","animationDuration","morseCodeAnimationDuration","animationTimingFunction","morseCodeAnimationTimingFunction","makeResetStyles","animationName","morseCodeSmallAnimationTokens","colorAnimation","dotsAndDashes","colorHCAnimation"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAiBaA;;;eAAAA;;;iCAjBmB;2BAMzB;AAEPC,IAAAA,mDAAAA;AAEA,MAAMC,eAAe;IACnBC,iBAAiBC,+BAAAA,CAAqBD,eAAe;IACrDE,yBAAyBD,+BAAAA,CAAqBE,gCAAgC;IAC9EC,mBAAmBH,+BAAAA,CAAqBI,0BAA0B;IAClEC,yBAAyBL,+BAAAA,CAAqBM,gCAAgC;AAChF;AAEO,MAAMV,iCAAiCW,IAAAA,gCAAAA,EAAgB;IAC5D,GAAGT,YAAY;IACfU,eAAe;QAACC,wCAAAA,CAA8BC,cAAc;QAAED,wCAAAA,CAA8BE,aAAa;KAAC;IAE1G,kCAAkC;QAChC,GAAGb,YAAY;QACfU,eAAe;YAACC,wCAAAA,CAA8BG,gBAAgB;YAAEH,wCAAAA,CAA8BE,aAAa;SAAC;IAC9G;AACF"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fluentui-copilot/react-morse-code",
-  "version": "0.0.0-nightly-20250717-0405-eecbae35.1",
+  "version": "0.0.0-nightly-20250723-0404-b6756f49.1",
   "description": "A Fluent AI package",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -13,7 +13,7 @@
   "license": "MIT",
   "dependencies": {
     "@fluentui-contrib/houdini-utils": "0.3.5",
-    "@fluentui-copilot/morse-code": "0.0.0-nightly-20250717-0405-eecbae35.1",
+    "@fluentui-copilot/morse-code": "0.0.0-nightly-20250723-0404-b6756f49.1",
     "@swc/helpers": "^0.5.1"
   },
   "peerDependencies": {