@fluentui-copilot/react-morse-code 0.0.6 → 0.0.8-hotfix.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.
Files changed (104) hide show
  1. package/CHANGELOG.json +66 -1
  2. package/CHANGELOG.md +31 -2
  3. package/dist/index.d.ts +11 -2
  4. package/lib/components/MorseCode.types.js +1 -2
  5. package/lib/components/MorseCode.types.js.map +1 -1
  6. package/lib/components/hooks/useAddModule.js +18 -0
  7. package/lib/components/hooks/useAddModule.js.map +1 -0
  8. package/lib/components/hooks/useFallbackRef.js +21 -0
  9. package/lib/components/hooks/useFallbackRef.js.map +1 -0
  10. package/lib/components/{MorseCode.js → large/MorseCode.js} +5 -6
  11. package/lib/components/large/MorseCode.js.map +1 -0
  12. package/lib/components/large/MorseCode.styles.raw.js +21 -0
  13. package/lib/components/large/MorseCode.styles.raw.js.map +1 -0
  14. package/lib/components/large/MorseCodeFallback.js +13 -0
  15. package/lib/components/large/MorseCodeFallback.js.map +1 -0
  16. package/lib/components/large/MorseCodeHoudini.js +15 -0
  17. package/lib/components/large/MorseCodeHoudini.js.map +1 -0
  18. package/lib/components/{MorseCodeHoudini.js → large/MorseCodeHoudini.styles.js} +10 -31
  19. package/lib/components/large/MorseCodeHoudini.styles.js.map +1 -0
  20. package/lib/components/large/MorseCodeHoudini.styles.raw.js +22 -0
  21. package/lib/components/large/MorseCodeHoudini.styles.raw.js.map +1 -0
  22. package/lib/components/shared/renderMorseCode.js +10 -0
  23. package/lib/components/shared/renderMorseCode.js.map +1 -0
  24. package/lib/components/small/MorseCodeSmall.js +11 -0
  25. package/lib/components/small/MorseCodeSmall.js.map +1 -0
  26. package/lib/components/small/MorseCodeSmall.styles.js +21 -0
  27. package/lib/components/small/MorseCodeSmall.styles.js.map +1 -0
  28. package/lib/components/small/MorseCodeSmall.styles.raw.js +21 -0
  29. package/lib/components/small/MorseCodeSmall.styles.raw.js.map +1 -0
  30. package/lib/components/small/MorseCodeSmallFallback.js +13 -0
  31. package/lib/components/small/MorseCodeSmallFallback.js.map +1 -0
  32. package/lib/components/small/MorseCodeSmallHoudini.js +15 -0
  33. package/lib/components/small/MorseCodeSmallHoudini.js.map +1 -0
  34. package/lib/components/small/MorseCodeSmallHoudini.styles.js +13 -0
  35. package/lib/components/small/MorseCodeSmallHoudini.styles.js.map +1 -0
  36. package/lib/components/small/MorseCodeSmallHoudini.styles.raw.js +22 -0
  37. package/lib/components/small/MorseCodeSmallHoudini.styles.raw.js.map +1 -0
  38. package/lib/index.js +6 -4
  39. package/lib/index.js.map +1 -1
  40. package/lib-commonjs/components/MorseCode.types.js +0 -1
  41. package/lib-commonjs/components/MorseCode.types.js.map +1 -1
  42. package/lib-commonjs/components/hooks/useAddModule.js +29 -0
  43. package/lib-commonjs/components/hooks/useAddModule.js.map +1 -0
  44. package/lib-commonjs/components/hooks/useFallbackRef.js +32 -0
  45. package/lib-commonjs/components/hooks/useFallbackRef.js.map +1 -0
  46. package/lib-commonjs/components/{MorseCode.js → large/MorseCode.js} +1 -1
  47. package/lib-commonjs/components/large/MorseCode.js.map +1 -0
  48. package/lib-commonjs/components/large/MorseCode.styles.raw.js +31 -0
  49. package/lib-commonjs/components/large/MorseCode.styles.raw.js.map +1 -0
  50. package/lib-commonjs/components/large/MorseCodeFallback.js +23 -0
  51. package/lib-commonjs/components/large/MorseCodeFallback.js.map +1 -0
  52. package/lib-commonjs/components/large/MorseCodeHoudini.js +25 -0
  53. package/lib-commonjs/components/large/MorseCodeHoudini.js.map +1 -0
  54. package/lib-commonjs/components/{MorseCodeHoudini.js → large/MorseCodeHoudini.styles.js} +10 -32
  55. package/lib-commonjs/components/large/MorseCodeHoudini.styles.js.map +1 -0
  56. package/lib-commonjs/components/large/MorseCodeHoudini.styles.raw.js +32 -0
  57. package/lib-commonjs/components/large/MorseCodeHoudini.styles.raw.js.map +1 -0
  58. package/lib-commonjs/components/shared/renderMorseCode.js +21 -0
  59. package/lib-commonjs/components/shared/renderMorseCode.js.map +1 -0
  60. package/lib-commonjs/components/small/MorseCodeSmall.js +22 -0
  61. package/lib-commonjs/components/small/MorseCodeSmall.js.map +1 -0
  62. package/lib-commonjs/components/small/MorseCodeSmall.styles.js +40 -0
  63. package/lib-commonjs/components/small/MorseCodeSmall.styles.js.map +1 -0
  64. package/lib-commonjs/components/small/MorseCodeSmall.styles.raw.js +31 -0
  65. package/lib-commonjs/components/small/MorseCodeSmall.styles.raw.js.map +1 -0
  66. package/lib-commonjs/components/small/MorseCodeSmallFallback.js +23 -0
  67. package/lib-commonjs/components/small/MorseCodeSmallFallback.js.map +1 -0
  68. package/lib-commonjs/components/small/MorseCodeSmallHoudini.js +25 -0
  69. package/lib-commonjs/components/small/MorseCodeSmallHoudini.js.map +1 -0
  70. package/lib-commonjs/components/small/MorseCodeSmallHoudini.styles.js +30 -0
  71. package/lib-commonjs/components/small/MorseCodeSmallHoudini.styles.js.map +1 -0
  72. package/lib-commonjs/components/small/MorseCodeSmallHoudini.styles.raw.js +32 -0
  73. package/lib-commonjs/components/small/MorseCodeSmallHoudini.styles.raw.js.map +1 -0
  74. package/lib-commonjs/index.js +15 -4
  75. package/lib-commonjs/index.js.map +1 -1
  76. package/package.json +4 -9
  77. package/lib/components/MorseCode.js.map +0 -1
  78. package/lib/components/MorseCodeFallback.js +0 -37
  79. package/lib/components/MorseCodeFallback.js.map +0 -1
  80. package/lib/components/MorseCodeHoudini.js.map +0 -1
  81. package/lib/hooks/types.js +0 -2
  82. package/lib/hooks/types.js.map +0 -1
  83. package/lib/hooks/useFallbackMorseCode.js +0 -2
  84. package/lib/hooks/useFallbackMorseCode.js.map +0 -1
  85. package/lib/hooks/useHoudiniMorseCode.js +0 -2
  86. package/lib/hooks/useHoudiniMorseCode.js.map +0 -1
  87. package/lib/hooks/useMorseCode.js +0 -2
  88. package/lib/hooks/useMorseCode.js.map +0 -1
  89. package/lib-commonjs/components/MorseCode.js.map +0 -1
  90. package/lib-commonjs/components/MorseCodeFallback.js +0 -47
  91. package/lib-commonjs/components/MorseCodeFallback.js.map +0 -1
  92. package/lib-commonjs/components/MorseCodeHoudini.js.map +0 -1
  93. package/lib-commonjs/hooks/types.js +0 -5
  94. package/lib-commonjs/hooks/types.js.map +0 -1
  95. package/lib-commonjs/hooks/useFallbackMorseCode.js +0 -5
  96. package/lib-commonjs/hooks/useFallbackMorseCode.js.map +0 -1
  97. package/lib-commonjs/hooks/useHoudiniMorseCode.js +0 -5
  98. package/lib-commonjs/hooks/useHoudiniMorseCode.js.map +0 -1
  99. package/lib-commonjs/hooks/useMorseCode.js +0 -5
  100. package/lib-commonjs/hooks/useMorseCode.js.map +0 -1
  101. /package/lib/components/{MorseCode.styles.js → large/MorseCode.styles.js} +0 -0
  102. /package/lib/components/{MorseCode.styles.js.map → large/MorseCode.styles.js.map} +0 -0
  103. /package/lib-commonjs/components/{MorseCode.styles.js → large/MorseCode.styles.js} +0 -0
  104. /package/lib-commonjs/components/{MorseCode.styles.js.map → large/MorseCode.styles.js.map} +0 -0
package/CHANGELOG.json CHANGED
@@ -2,7 +2,72 @@
2
2
  "name": "@fluentui-copilot/react-morse-code",
3
3
  "entries": [
4
4
  {
5
- "date": "Sat, 03 May 2025 01:25:53 GMT",
5
+ "date": "Tue, 12 Aug 2025 16:09:21 GMT",
6
+ "tag": "@fluentui-copilot/react-morse-code_v0.0.8-hotfix.1",
7
+ "version": "0.0.8-hotfix.1",
8
+ "comments": {
9
+ "prerelease": [
10
+ {
11
+ "author": "hochelmartin@gmail.com",
12
+ "package": "@fluentui-copilot/react-morse-code",
13
+ "commit": "3e4ebe676646c4c4346dbbab83511f963ffefd85",
14
+ "comment": "release: prepare hotfix 0.26.2-hotfix.1"
15
+ }
16
+ ]
17
+ }
18
+ },
19
+ {
20
+ "date": "Wed, 28 May 2025 16:45:32 GMT",
21
+ "tag": "@fluentui-copilot/react-morse-code_v0.0.8",
22
+ "version": "0.0.8",
23
+ "comments": {
24
+ "patch": [
25
+ {
26
+ "author": "seanmonahan@microsoft.com",
27
+ "package": "@fluentui-copilot/react-morse-code",
28
+ "commit": "f6b84adfa5aa24ba5882e672c0b1468927b8e387",
29
+ "comment": "refactor react-morse-code internals"
30
+ },
31
+ {
32
+ "author": "seanmonahan@microsoft.com",
33
+ "package": "@fluentui-copilot/react-morse-code",
34
+ "commit": "fad34f16a42d0e06b2581ddf39f00b47b0ea3783",
35
+ "comment": "add 'small' MorseCode component"
36
+ }
37
+ ]
38
+ }
39
+ },
40
+ {
41
+ "date": "Mon, 19 May 2025 18:04:28 GMT",
42
+ "tag": "@fluentui-copilot/react-morse-code_v0.0.7",
43
+ "version": "0.0.7",
44
+ "comments": {
45
+ "patch": [
46
+ {
47
+ "author": "seanmonahan@microsoft.com",
48
+ "package": "@fluentui-copilot/react-morse-code",
49
+ "commit": "fbac9207adceef0452cb82deb5086ea80bee0d1b",
50
+ "comment": "feat: pass props through to underlying DOM elements"
51
+ },
52
+ {
53
+ "author": "seanmonahan@microsoft.com",
54
+ "package": "@fluentui-copilot/react-morse-code",
55
+ "commit": "330a550d94b417426f04be631de75174655daa7a",
56
+ "comment": "fix: remove Webkit-specific code path"
57
+ }
58
+ ],
59
+ "none": [
60
+ {
61
+ "author": "hochelmartin@gmail.com",
62
+ "package": "@fluentui-copilot/react-morse-code",
63
+ "commit": "442954951d0eca92de20ecb0ff0fa9492431b62d",
64
+ "comment": "fix: exclude story files from production build"
65
+ }
66
+ ]
67
+ }
68
+ },
69
+ {
70
+ "date": "Sat, 03 May 2025 01:27:44 GMT",
6
71
  "tag": "@fluentui-copilot/react-morse-code_v0.0.6",
7
72
  "version": "0.0.6",
8
73
  "comments": {
package/CHANGELOG.md CHANGED
@@ -1,12 +1,41 @@
1
1
  # Change Log - @fluentui-copilot/react-morse-code
2
2
 
3
- This log was last generated on Sat, 03 May 2025 01:25:53 GMT and should not be manually modified.
3
+ This log was last generated on Tue, 12 Aug 2025 16:09:21 GMT and should not be manually modified.
4
4
 
5
5
  <!-- Start content -->
6
6
 
7
+ ## [0.0.8-hotfix.1](https://github.com/microsoft/fluentai/tree/@fluentui-copilot/react-morse-code_v0.0.8-hotfix.1)
8
+
9
+ Tue, 12 Aug 2025 16:09:21 GMT
10
+ [Compare changes](https://github.com/microsoft/fluentai/compare/@fluentui-copilot/react-morse-code_v0.0.8..@fluentui-copilot/react-morse-code_v0.0.8-hotfix.1)
11
+
12
+ ### Changes
13
+
14
+ - release: prepare hotfix 0.26.2-hotfix.1 ([PR #3284](https://github.com/microsoft/fluentai/pull/3284) by hochelmartin@gmail.com)
15
+
16
+ ## [0.0.8](https://github.com/microsoft/fluentai/tree/@fluentui-copilot/react-morse-code_v0.0.8)
17
+
18
+ Wed, 28 May 2025 16:45:32 GMT
19
+ [Compare changes](https://github.com/microsoft/fluentai/compare/@fluentui-copilot/react-morse-code_v0.0.7..@fluentui-copilot/react-morse-code_v0.0.8)
20
+
21
+ ### Patches
22
+
23
+ - refactor react-morse-code internals ([PR #3042](https://github.com/microsoft/fluentai/pull/3042) by seanmonahan@microsoft.com)
24
+ - add 'small' MorseCode component ([PR #3034](https://github.com/microsoft/fluentai/pull/3034) by seanmonahan@microsoft.com)
25
+
26
+ ## [0.0.7](https://github.com/microsoft/fluentai/tree/@fluentui-copilot/react-morse-code_v0.0.7)
27
+
28
+ Mon, 19 May 2025 18:04:28 GMT
29
+ [Compare changes](https://github.com/microsoft/fluentai/compare/@fluentui-copilot/react-morse-code_v0.0.6..@fluentui-copilot/react-morse-code_v0.0.7)
30
+
31
+ ### Patches
32
+
33
+ - feat: pass props through to underlying DOM elements ([PR #2991](https://github.com/microsoft/fluentai/pull/2991) by seanmonahan@microsoft.com)
34
+ - fix: remove Webkit-specific code path ([PR #2993](https://github.com/microsoft/fluentai/pull/2993) by seanmonahan@microsoft.com)
35
+
7
36
  ## [0.0.6](https://github.com/microsoft/fluentai/tree/@fluentui-copilot/react-morse-code_v0.0.6)
8
37
 
9
- Sat, 03 May 2025 01:25:53 GMT
38
+ Sat, 03 May 2025 01:27:44 GMT
10
39
  [Compare changes](https://github.com/microsoft/fluentai/compare/@fluentui-copilot/react-morse-code_v0.0.5..@fluentui-copilot/react-morse-code_v0.0.6)
11
40
 
12
41
  ### Patches
package/dist/index.d.ts CHANGED
@@ -1,14 +1,23 @@
1
+ /// <reference types="react" />
2
+
1
3
  import * as React_2 from 'react';
2
4
 
3
5
  export declare const MorseCode: React_2.FC<MorseCodeProps>;
4
6
 
5
- export declare const MorseCodeFallback: React_2.FC<MorseCodeProps>;
7
+ export declare const MorseCodeFallback: React.FC<MorseCodeProps>;
6
8
 
7
- export declare const MorseCodeHoudini: React_2.FC<MorseCodeProps>;
9
+ export declare const MorseCodeHoudini: React.FC<MorseCodeProps>;
8
10
 
9
11
  export declare type MorseCodeProps = {
10
12
  baseUrl?: string;
11
13
  fileName?: string;
14
+ className?: string;
12
15
  };
13
16
 
17
+ export declare const MorseCodeSmall: React_2.FC<MorseCodeProps>;
18
+
19
+ export declare const MorseCodeSmallFallback: React.FC<MorseCodeProps>;
20
+
21
+ export declare const MorseCodeSmallHoudini: React.FC<MorseCodeProps>;
22
+
14
23
  export { }
@@ -1,2 +1 @@
1
- export {};
2
- //# sourceMappingURL=MorseCode.types.js.map
1
+ export { };
@@ -1 +1 @@
1
- {"version":3,"sources":["MorseCode.types.tsx"],"sourcesContent":["export type MorseCodeProps = {\n baseUrl?: string;\n fileName?: string;\n};\n"],"names":[],"rangeMappings":"","mappings":"AAAA,WAGE"}
1
+ {"version":3,"sources":["MorseCode.types.tsx"],"sourcesContent":["export type MorseCodeProps = {\n baseUrl?: string;\n fileName?: string;\n className?: string;\n};\n"],"names":[],"rangeMappings":"","mappings":"AAAA,WAIE"}
@@ -0,0 +1,18 @@
1
+ import * as React from 'react';
2
+ import { addModule } from '@fluentui-contrib/houdini-utils';
3
+ const initializedModules = {};
4
+ export const useAddModule = (baseUrl, fileName)=>{
5
+ React.useEffect(()=>{
6
+ const path = `${baseUrl}${fileName}`;
7
+ if (!initializedModules[path]) {
8
+ addModule(baseUrl, fileName).then(()=>{
9
+ initializedModules[path] = true;
10
+ }).catch((_err)=>{
11
+ initializedModules[path] = false;
12
+ });
13
+ }
14
+ }, [
15
+ baseUrl,
16
+ fileName
17
+ ]);
18
+ };
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["useAddModule.ts"],"sourcesContent":["import * as React from 'react';\nimport { addModule } from '@fluentui-contrib/houdini-utils';\n\nconst initializedModules = {} as Record<string, boolean>;\n\nexport const useAddModule = (baseUrl: string, fileName: string): void => {\n React.useEffect(() => {\n const path = `${baseUrl}${fileName}`;\n if (!initializedModules[path]) {\n addModule(baseUrl, fileName)\n .then(() => {\n initializedModules[path] = true;\n })\n .catch(_err => {\n initializedModules[path] = false;\n });\n }\n }, [baseUrl, fileName]);\n};\n"],"names":["React","addModule","initializedModules","useAddModule","baseUrl","fileName","useEffect","path","then","catch","_err"],"rangeMappings":";;;;;;;;;;;;;;;;;","mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,SAAS,QAAQ,kCAAkC;AAE5D,MAAMC,qBAAqB,CAAC;AAE5B,OAAO,MAAMC,eAAe,CAACC,SAAiBC;IAC5CL,MAAMM,SAAS,CAAC;QACd,MAAMC,OAAO,CAAC,EAAEH,QAAQ,EAAEC,SAAS,CAAC;QACpC,IAAI,CAACH,kBAAkB,CAACK,KAAK,EAAE;YAC7BN,UAAUG,SAASC,UAChBG,IAAI,CAAC;gBACJN,kBAAkB,CAACK,KAAK,GAAG;YAC7B,GACCE,KAAK,CAACC,CAAAA;gBACLR,kBAAkB,CAACK,KAAK,GAAG;YAC7B;QACJ;IACF,GAAG;QAACH;QAASC;KAAS;AACxB,EAAE"}
@@ -0,0 +1,21 @@
1
+ import * as React from 'react';
2
+ // eslint-disable-next-line @typescript-eslint/no-empty-function
3
+ const ON_COMPLETE_NOOP = ()=>{};
4
+ export const useFallbackRef = (anim)=>{
5
+ const targetRef = React.useCallback((node)=>{
6
+ let animControls;
7
+ if (node) {
8
+ animControls = anim(node);
9
+ animControls.play(ON_COMPLETE_NOOP);
10
+ } else {
11
+ if (animControls) {
12
+ animControls.stop();
13
+ animControls.cleanup();
14
+ animControls = undefined;
15
+ }
16
+ }
17
+ }, [
18
+ anim
19
+ ]);
20
+ return targetRef;
21
+ };
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["useFallbackRef.ts"],"sourcesContent":["import * as React from 'react';\nimport type { fallbackPaintAnimation } from '@fluentui-contrib/houdini-utils';\n// eslint-disable-next-line @typescript-eslint/no-empty-function\nconst ON_COMPLETE_NOOP = () => {};\n\nexport type FallbackAnim = (target: HTMLElement) => ReturnType<typeof fallbackPaintAnimation>;\n\nexport const useFallbackRef = (anim: FallbackAnim) => {\n const targetRef = React.useCallback(\n (node: HTMLElement | null) => {\n let animControls: ReturnType<typeof fallbackPaintAnimation> | undefined;\n\n if (node) {\n animControls = anim(node);\n animControls.play(ON_COMPLETE_NOOP);\n } else {\n if (animControls) {\n animControls.stop();\n animControls.cleanup();\n animControls = undefined;\n }\n }\n },\n [anim],\n );\n\n return targetRef;\n};\n"],"names":["React","ON_COMPLETE_NOOP","useFallbackRef","anim","targetRef","useCallback","node","animControls","play","stop","cleanup","undefined"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,YAAYA,WAAW,QAAQ;AAE/B,gEAAgE;AAChE,MAAMC,mBAAmB,KAAO;AAIhC,OAAO,MAAMC,iBAAiB,CAACC;IAC7B,MAAMC,YAAYJ,MAAMK,WAAW,CACjC,CAACC;QACC,IAAIC;QAEJ,IAAID,MAAM;YACRC,eAAeJ,KAAKG;YACpBC,aAAaC,IAAI,CAACP;QACpB,OAAO;YACL,IAAIM,cAAc;gBAChBA,aAAaE,IAAI;gBACjBF,aAAaG,OAAO;gBACpBH,eAAeI;YACjB;QACF;IACF,GACA;QAACR;KAAK;IAGR,OAAOC;AACT,EAAE"}
@@ -3,10 +3,9 @@ import { hasHoudini } from '@fluentui-contrib/houdini-utils';
3
3
  import { MorseCodeFallback } from './MorseCodeFallback';
4
4
  import { MorseCodeHoudini } from './MorseCodeHoudini';
5
5
  const houdiniAvailable = hasHoudini();
6
- export const MorseCode = props => {
7
- if (houdiniAvailable) {
8
- return /*#__PURE__*/React.createElement(MorseCodeHoudini, props);
9
- }
10
- return /*#__PURE__*/React.createElement(MorseCodeFallback, props);
6
+ export const MorseCode = (props)=>{
7
+ if (houdiniAvailable) {
8
+ return /*#__PURE__*/ React.createElement(MorseCodeHoudini, props);
9
+ }
10
+ return /*#__PURE__*/ React.createElement(MorseCodeFallback, props);
11
11
  };
12
- //# sourceMappingURL=MorseCode.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["MorseCode.tsx"],"sourcesContent":["import * as React from 'react';\nimport { hasHoudini } from '@fluentui-contrib/houdini-utils';\nimport { MorseCodeFallback } from './MorseCodeFallback';\nimport { MorseCodeHoudini } from './MorseCodeHoudini';\n\nimport type { MorseCodeProps } from '../MorseCode.types';\n\nconst houdiniAvailable = hasHoudini();\n\nexport const MorseCode: React.FC<MorseCodeProps> = props => {\n if (houdiniAvailable) {\n return <MorseCodeHoudini {...props} />;\n }\n\n return <MorseCodeFallback {...props} />;\n};\n"],"names":["React","hasHoudini","MorseCodeFallback","MorseCodeHoudini","houdiniAvailable","MorseCode","props"],"rangeMappings":";;;;;;;;;;","mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,UAAU,QAAQ,kCAAkC;AAC7D,SAASC,iBAAiB,QAAQ,sBAAsB;AACxD,SAASC,gBAAgB,QAAQ,qBAAqB;AAItD,MAAMC,mBAAmBH;AAEzB,OAAO,MAAMI,YAAsCC,CAAAA;IACjD,IAAIF,kBAAkB;QACpB,qBAAO,oBAACD,kBAAqBG;IAC/B;IAEA,qBAAO,oBAACJ,mBAAsBI;AAChC,EAAE"}
@@ -0,0 +1,21 @@
1
+ import { makeStyles } from '@fluentui/react-components';
2
+ import { morseCodeTokens } from '@fluentui-copilot/morse-code';
3
+ export const useMorseCodeStyles = makeStyles({
4
+ base: {
5
+ '@supports (aspect-ratio: 20 / 1)': {
6
+ aspectRatio: morseCodeTokens.morseCodeAspectRatio
7
+ },
8
+ '@supports not (aspect-ratio: 20 / 1)': {
9
+ paddingTop: morseCodeTokens.morseCodeAspectRatioFallbackPaddingTop
10
+ },
11
+ minHeight: '5px',
12
+ forcedColorAdjust: 'none',
13
+ '--fai-morse-code-color-stop-1': morseCodeTokens.morseCodeColorStop1,
14
+ '--fai-morse-code-color-stop-2': morseCodeTokens.morseCodeColorStop2,
15
+ '--fai-morse-code-color-stop-3': morseCodeTokens.morseCodeColorStop3
16
+ },
17
+ wrapper: {
18
+ width: '100%',
19
+ height: '100%'
20
+ }
21
+ });
@@ -0,0 +1 @@
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"}
@@ -0,0 +1,13 @@
1
+ import { mergeClasses } from '@fluentui/react-components';
2
+ import { morseCode } from '@fluentui-copilot/morse-code';
3
+ import { useMorseCodeStyles } from './MorseCode.styles';
4
+ import { useFallbackRef } from '../hooks/useFallbackRef';
5
+ import { renderMorseCode } from '../shared/renderMorseCode';
6
+ export const MorseCodeFallback = (props)=>{
7
+ const morseCodeStyles = useMorseCodeStyles();
8
+ const targetRef = useFallbackRef(morseCode);
9
+ const { className, ...restProps } = props;
10
+ const wrapperClassName = mergeClasses(morseCodeStyles.wrapper, className);
11
+ const morseCodeClassName = mergeClasses('fai-MorseCode', 'fai-MorseCodeFallback', morseCodeStyles.base);
12
+ return renderMorseCode(wrapperClassName, restProps, morseCodeClassName, targetRef);
13
+ };
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["MorseCodeFallback.tsx"],"sourcesContent":["import { mergeClasses } from '@fluentui/react-components';\nimport { morseCode } from '@fluentui-copilot/morse-code';\nimport { useMorseCodeStyles } from './MorseCode.styles';\n\nimport type { MorseCodeProps } from '../MorseCode.types';\nimport { useFallbackRef } from '../hooks/useFallbackRef';\nimport { renderMorseCode } from '../shared/renderMorseCode';\n\nexport const MorseCodeFallback: React.FC<MorseCodeProps> = props => {\n const morseCodeStyles = useMorseCodeStyles();\n\n const targetRef = useFallbackRef(morseCode);\n\n const { className, ...restProps } = props;\n const wrapperClassName = mergeClasses(morseCodeStyles.wrapper, className);\n const morseCodeClassName = mergeClasses('fai-MorseCode', 'fai-MorseCodeFallback', morseCodeStyles.base);\n\n return renderMorseCode(wrapperClassName, restProps, morseCodeClassName, targetRef);\n};\n"],"names":["mergeClasses","morseCode","useMorseCodeStyles","useFallbackRef","renderMorseCode","MorseCodeFallback","props","morseCodeStyles","targetRef","className","restProps","wrapperClassName","wrapper","morseCodeClassName","base"],"rangeMappings":";;;;;;;;;;;;","mappings":"AAAA,SAASA,YAAY,QAAQ,6BAA6B;AAC1D,SAASC,SAAS,QAAQ,+BAA+B;AACzD,SAASC,kBAAkB,QAAQ,qBAAqB;AAGxD,SAASC,cAAc,QAAQ,0BAA0B;AACzD,SAASC,eAAe,QAAQ,4BAA4B;AAE5D,OAAO,MAAMC,oBAA8CC,CAAAA;IACzD,MAAMC,kBAAkBL;IAExB,MAAMM,YAAYL,eAAeF;IAEjC,MAAM,EAAEQ,SAAS,EAAE,GAAGC,WAAW,GAAGJ;IACpC,MAAMK,mBAAmBX,aAAaO,gBAAgBK,OAAO,EAAEH;IAC/D,MAAMI,qBAAqBb,aAAa,iBAAiB,yBAAyBO,gBAAgBO,IAAI;IAEtG,OAAOV,gBAAgBO,kBAAkBD,WAAWG,oBAAoBL;AAC1E,EAAE"}
@@ -0,0 +1,15 @@
1
+ import { mergeClasses } from '@fluentui/react-components';
2
+ import { useAddModule } from '../hooks/useAddModule';
3
+ import { useMorseCodeStyles } from './MorseCode.styles';
4
+ import { initializeMorseCodeCustomProperties, DEFAULT_BASE_URL, DEFAULT_FILE_URL } from '@fluentui-copilot/morse-code';
5
+ import { renderMorseCode } from '../shared/renderMorseCode';
6
+ import { useMorseCodeAnimationClassName } from './MorseCodeHoudini.styles';
7
+ initializeMorseCodeCustomProperties();
8
+ export const MorseCodeHoudini = ({ baseUrl = DEFAULT_BASE_URL, fileName = DEFAULT_FILE_URL, className, ...restProps })=>{
9
+ useAddModule(baseUrl, fileName);
10
+ const morseCodeStyles = useMorseCodeStyles();
11
+ const animationClassName = useMorseCodeAnimationClassName();
12
+ const wrapperClassName = mergeClasses(morseCodeStyles.wrapper, className);
13
+ const morseCodeClassName = mergeClasses('fai-MorseCode', 'fai-MorseCodeHoudini', morseCodeStyles.base, animationClassName);
14
+ return renderMorseCode(wrapperClassName, restProps, morseCodeClassName);
15
+ };
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["MorseCodeHoudini.tsx"],"sourcesContent":["import { mergeClasses } from '@fluentui/react-components';\nimport { useAddModule } from '../hooks/useAddModule';\nimport { useMorseCodeStyles } from './MorseCode.styles';\n\nimport { initializeMorseCodeCustomProperties, DEFAULT_BASE_URL, DEFAULT_FILE_URL } from '@fluentui-copilot/morse-code';\n\nimport type { MorseCodeProps } from '../MorseCode.types';\nimport { renderMorseCode } from '../shared/renderMorseCode';\nimport { useMorseCodeAnimationClassName } from './MorseCodeHoudini.styles';\n\ninitializeMorseCodeCustomProperties();\n\nexport const MorseCodeHoudini: React.FC<MorseCodeProps> = ({\n baseUrl = DEFAULT_BASE_URL,\n fileName = DEFAULT_FILE_URL,\n className,\n ...restProps\n}) => {\n useAddModule(baseUrl, fileName);\n\n const morseCodeStyles = useMorseCodeStyles();\n const animationClassName = useMorseCodeAnimationClassName();\n const wrapperClassName = mergeClasses(morseCodeStyles.wrapper, className);\n const morseCodeClassName = mergeClasses(\n 'fai-MorseCode',\n 'fai-MorseCodeHoudini',\n morseCodeStyles.base,\n animationClassName,\n );\n\n return renderMorseCode(wrapperClassName, restProps, morseCodeClassName);\n};\n"],"names":["mergeClasses","useAddModule","useMorseCodeStyles","initializeMorseCodeCustomProperties","DEFAULT_BASE_URL","DEFAULT_FILE_URL","renderMorseCode","useMorseCodeAnimationClassName","MorseCodeHoudini","baseUrl","fileName","className","restProps","morseCodeStyles","animationClassName","wrapperClassName","wrapper","morseCodeClassName","base"],"rangeMappings":";;;;;;;;;;;;;;","mappings":"AAAA,SAASA,YAAY,QAAQ,6BAA6B;AAC1D,SAASC,YAAY,QAAQ,wBAAwB;AACrD,SAASC,kBAAkB,QAAQ,qBAAqB;AAExD,SAASC,mCAAmC,EAAEC,gBAAgB,EAAEC,gBAAgB,QAAQ,+BAA+B;AAGvH,SAASC,eAAe,QAAQ,4BAA4B;AAC5D,SAASC,8BAA8B,QAAQ,4BAA4B;AAE3EJ;AAEA,OAAO,MAAMK,mBAA6C,CAAC,EACzDC,UAAUL,gBAAgB,EAC1BM,WAAWL,gBAAgB,EAC3BM,SAAS,EACT,GAAGC,WACJ;IACCX,aAAaQ,SAASC;IAEtB,MAAMG,kBAAkBX;IACxB,MAAMY,qBAAqBP;IAC3B,MAAMQ,mBAAmBf,aAAaa,gBAAgBG,OAAO,EAAEL;IAC/D,MAAMM,qBAAqBjB,aACzB,iBACA,wBACAa,gBAAgBK,IAAI,EACpBJ;IAGF,OAAOR,gBAAgBS,kBAAkBH,WAAWK;AACtD,EAAE"}
@@ -1,34 +1,13 @@
1
- import * as React from 'react';
2
- import { __resetStyles, mergeClasses } from '@fluentui/react-components';
3
- import { addModule } from '@fluentui-contrib/houdini-utils';
4
- import { useMorseCodeStyles } from './MorseCode.styles';
5
- import { initializeMorseCodeCustomProperties, morseCodeAnimationTokens, morseCodeTokens, DEFAULT_BASE_URL, DEFAULT_FILE_URL } from '@fluentui-copilot/morse-code';
6
- const initializedModules = {};
7
- initializeMorseCodeCustomProperties();
8
- const useMorseCodeAnimationClassName = __resetStyles("r1ms8zpq", "rqpk8qn", {
1
+ import { morseCodeAnimationTokens, morseCodeTokens } from '@fluentui-copilot/morse-code';
2
+ import { __resetStyles } from '@fluentui/react-components';
3
+ const sharedStyles = {
4
+ backgroundImage: morseCodeTokens.backgroundImage,
5
+ animationIterationCount: morseCodeTokens.morseCodeAnimationIterationCount,
6
+ animationDuration: morseCodeTokens.morseCodeAnimationDuration,
7
+ animationTimingFunction: morseCodeTokens.morseCodeAnimationTimingFunction
8
+ };
9
+ export const useMorseCodeAnimationClassName = __resetStyles("r1ms8zpq", "rqpk8qn", {
9
10
  r: [".r1ms8zpq{background-image:paint(morseCode);animation-iteration-count:infinite,infinite;animation-duration:2000ms,2000ms;animation-timing-function:linear,linear;animation-name:rarbvpc,r1i9k8jr;}", "@keyframes rarbvpc{0%{--fai-morse-code-gradient-color-1:var(--colorBrandMorseCode1);--fai-morse-code-gradient-color-2:var(--colorBrandMorseCode2);--fai-morse-code-gradient-color-3:var(--colorBrandMorseCode3);}20%{--fai-morse-code-gradient-color-1:var(--colorBrandMorseCode1);--fai-morse-code-gradient-color-2:var(--colorBrandMorseCode2);--fai-morse-code-gradient-color-3:var(--colorBrandMorseCode3);}33%{--fai-morse-code-gradient-color-1:var(--colorBrandMorseCode4);--fai-morse-code-gradient-color-2:var(--colorBrandMorseCode5);--fai-morse-code-gradient-color-3:var(--colorBrandMorseCode6);}50%{--fai-morse-code-gradient-color-1:var(--colorBrandMorseCode4);--fai-morse-code-gradient-color-2:var(--colorBrandMorseCode5);--fai-morse-code-gradient-color-3:var(--colorBrandMorseCode6);}66%{--fai-morse-code-gradient-color-1:var(--colorBrandMorseCode7);--fai-morse-code-gradient-color-2:var(--colorBrandMorseCode8);--fai-morse-code-gradient-color-3:var(--colorBrandMorseCode9);}80%{--fai-morse-code-gradient-color-1:var(--colorBrandMorseCode7);--fai-morse-code-gradient-color-2:var(--colorBrandMorseCode8);--fai-morse-code-gradient-color-3:var(--colorBrandMorseCode9);}100%{--fai-morse-code-gradient-color-1:var(--colorBrandMorseCode1);--fai-morse-code-gradient-color-2:var(--colorBrandMorseCode2);--fai-morse-code-gradient-color-3:var(--colorBrandMorseCode3);}}", "@keyframes r1i9k8jr{0%{--fai-morse-code-width-1:20px;--fai-morse-code-x-position-1:26px;--fai-morse-code-opacity-1:1;--fai-morse-code-width-2:104px;--fai-morse-code-x-position-2:62px;--fai-morse-code-opacity-2:1;--fai-morse-code-width-3:20px;--fai-morse-code-x-position-3:182px;--fai-morse-code-opacity-3:1;--fai-morse-code-width-4:60px;--fai-morse-code-x-position-4:218px;--fai-morse-code-opacity-4:1;--fai-morse-code-width-5:40px;--fai-morse-code-x-position-5:294px;--fai-morse-code-opacity-5:1;--fai-morse-code-width-6:20px;--fai-morse-code-x-position-6:350px;--fai-morse-code-opacity-6:1;--fai-morse-code-width-7:20px;--fai-morse-code-x-position-7:386px;--fai-morse-code-opacity-7:0;--fai-morse-code-width-8:20px;--fai-morse-code-x-position-8:422px;--fai-morse-code-opacity-8:0;}20%{--fai-morse-code-width-1:20px;--fai-morse-code-x-position-1:26px;--fai-morse-code-opacity-1:1;--fai-morse-code-width-2:104px;--fai-morse-code-x-position-2:62px;--fai-morse-code-opacity-2:1;--fai-morse-code-width-3:20px;--fai-morse-code-x-position-3:182px;--fai-morse-code-opacity-3:1;--fai-morse-code-width-4:60px;--fai-morse-code-x-position-4:218px;--fai-morse-code-opacity-4:1;--fai-morse-code-width-5:40px;--fai-morse-code-x-position-5:294px;--fai-morse-code-opacity-5:1;--fai-morse-code-width-6:20px;--fai-morse-code-x-position-6:350px;--fai-morse-code-opacity-6:1;--fai-morse-code-width-7:20px;--fai-morse-code-x-position-7:386px;--fai-morse-code-opacity-7:0;--fai-morse-code-width-8:20px;--fai-morse-code-x-position-8:422px;--fai-morse-code-opacity-8:0;}33%{--fai-morse-code-width-1:30px;--fai-morse-code-x-position-1:26px;--fai-morse-code-opacity-1:1;--fai-morse-code-width-2:20px;--fai-morse-code-x-position-2:72px;--fai-morse-code-opacity-2:1;--fai-morse-code-width-3:60px;--fai-morse-code-x-position-3:108px;--fai-morse-code-opacity-3:1;--fai-morse-code-width-4:80px;--fai-morse-code-x-position-4:184px;--fai-morse-code-opacity-4:1;--fai-morse-code-width-5:20px;--fai-morse-code-x-position-5:280px;--fai-morse-code-opacity-5:1;--fai-morse-code-width-6:60px;--fai-morse-code-x-position-6:316px;--fai-morse-code-opacity-6:1;--fai-morse-code-width-7:20px;--fai-morse-code-x-position-7:392px;--fai-morse-code-opacity-7:0;--fai-morse-code-width-8:20px;--fai-morse-code-x-position-8:428px;--fai-morse-code-opacity-8:0;}50%{--fai-morse-code-width-1:30px;--fai-morse-code-x-position-1:26px;--fai-morse-code-opacity-1:1;--fai-morse-code-width-2:20px;--fai-morse-code-x-position-2:72px;--fai-morse-code-opacity-2:1;--fai-morse-code-width-3:60px;--fai-morse-code-x-position-3:108px;--fai-morse-code-opacity-3:1;--fai-morse-code-width-4:80px;--fai-morse-code-x-position-4:184px;--fai-morse-code-opacity-4:1;--fai-morse-code-width-5:20px;--fai-morse-code-x-position-5:280px;--fai-morse-code-opacity-5:1;--fai-morse-code-width-6:60px;--fai-morse-code-x-position-6:316px;--fai-morse-code-opacity-6:1;--fai-morse-code-width-7:20px;--fai-morse-code-x-position-7:392px;--fai-morse-code-opacity-7:0;--fai-morse-code-width-8:20px;--fai-morse-code-x-position-8:428px;--fai-morse-code-opacity-8:0;}66%{--fai-morse-code-width-1:20px;--fai-morse-code-opacity-1:0;--fai-morse-code-x-position-1:0px;--fai-morse-code-width-2:70px;--fai-morse-code-opacity-2:1;--fai-morse-code-x-position-2:26px;--fai-morse-code-width-3:20px;--fai-morse-code-opacity-3:1;--fai-morse-code-x-position-3:112px;--fai-morse-code-width-4:40px;--fai-morse-code-x-position-4:148px;--fai-morse-code-opacity-4:1;--fai-morse-code-width-5:80px;--fai-morse-code-x-position-5:204px;--fai-morse-code-opacity-5:1;--fai-morse-code-width-6:20px;--fai-morse-code-x-position-6:300px;--fai-morse-code-opacity-6:1;--fai-morse-code-width-7:40px;--fai-morse-code-x-position-7:336px;--fai-morse-code-opacity-7:1;--fai-morse-code-width-8:20px;--fai-morse-code-x-position-8:392px;--fai-morse-code-opacity-8:0;}80%{--fai-morse-code-width-1:20px;--fai-morse-code-opacity-1:0;--fai-morse-code-x-position-1:0px;--fai-morse-code-width-2:70px;--fai-morse-code-opacity-2:1;--fai-morse-code-x-position-2:26px;--fai-morse-code-width-3:20px;--fai-morse-code-opacity-3:1;--fai-morse-code-x-position-3:112px;--fai-morse-code-width-4:40px;--fai-morse-code-x-position-4:148px;--fai-morse-code-opacity-4:1;--fai-morse-code-width-5:80px;--fai-morse-code-x-position-5:204px;--fai-morse-code-opacity-5:1;--fai-morse-code-width-6:20px;--fai-morse-code-x-position-6:300px;--fai-morse-code-opacity-6:1;--fai-morse-code-width-7:40px;--fai-morse-code-x-position-7:336px;--fai-morse-code-opacity-7:1;--fai-morse-code-width-8:20px;--fai-morse-code-x-position-8:392px;--fai-morse-code-opacity-8:0;}100%{--fai-morse-code-width-1:20px;--fai-morse-code-opacity-1:0;--fai-morse-code-x-position-1:0px;--fai-morse-code-width-2:20px;--fai-morse-code-opacity-2:0;--fai-morse-code-x-position-2:0px;--fai-morse-code-width-3:20px;--fai-morse-code-opacity-3:1;--fai-morse-code-x-position-3:26px;--fai-morse-code-width-4:104px;--fai-morse-code-x-position-4:62px;--fai-morse-code-opacity-4:1;--fai-morse-code-width-5:20px;--fai-morse-code-x-position-5:182px;--fai-morse-code-opacity-5:1;--fai-morse-code-width-6:60px;--fai-morse-code-x-position-6:218px;--fai-morse-code-opacity-6:1;--fai-morse-code-width-7:40px;--fai-morse-code-x-position-7:294px;--fai-morse-code-opacity-7:1;--fai-morse-code-width-8:20px;--fai-morse-code-x-position-8:350px;--fai-morse-code-opacity-8:1;}}", ".rqpk8qn{background-image:paint(morseCode);animation-iteration-count:infinite,infinite;animation-duration:2000ms,2000ms;animation-timing-function:linear,linear;animation-name:rarbvpc,r1i9k8jr;}"],
10
11
  s: ["@media (forced-colors: active){.r1ms8zpq{background-image:paint(morseCode);animation-iteration-count:infinite,infinite;animation-duration:2000ms,2000ms;animation-timing-function:linear,linear;animation-name:r9zjrdo,r1i9k8jr;}@keyframes r9zjrdo{0%{--fai-morse-code-gradient-color-1:var(--colorHCMorseCode1);--fai-morse-code-gradient-color-2:var(--colorHCMorseCode2);--fai-morse-code-gradient-color-3:var(--colorHCMorseCode3);}20%{--fai-morse-code-gradient-color-1:var(--colorHCMorseCode1);--fai-morse-code-gradient-color-2:var(--colorHCMorseCode2);--fai-morse-code-gradient-color-3:var(--colorHCMorseCode3);}33%{--fai-morse-code-gradient-color-1:var(--colorHCMorseCode4);--fai-morse-code-gradient-color-2:var(--colorHCMorseCode5);--fai-morse-code-gradient-color-3:var(--colorHCMorseCode6);}50%{--fai-morse-code-gradient-color-1:var(--colorHCMorseCode4);--fai-morse-code-gradient-color-2:var(--colorHCMorseCode5);--fai-morse-code-gradient-color-3:var(--colorHCMorseCode6);}66%{--fai-morse-code-gradient-color-1:var(--colorHCMorseCode7);--fai-morse-code-gradient-color-2:var(--colorHCMorseCode8);--fai-morse-code-gradient-color-3:var(--colorHCMorseCode9);}80%{--fai-morse-code-gradient-color-1:var(--colorHCMorseCode7);--fai-morse-code-gradient-color-2:var(--colorHCMorseCode8);--fai-morse-code-gradient-color-3:var(--colorHCMorseCode9);}100%{--fai-morse-code-gradient-color-1:var(--colorHCMorseCode1);--fai-morse-code-gradient-color-2:var(--colorHCMorseCode2);--fai-morse-code-gradient-color-3:var(--colorHCMorseCode3);}}@keyframes r1i9k8jr{0%{--fai-morse-code-width-1:20px;--fai-morse-code-x-position-1:26px;--fai-morse-code-opacity-1:1;--fai-morse-code-width-2:104px;--fai-morse-code-x-position-2:62px;--fai-morse-code-opacity-2:1;--fai-morse-code-width-3:20px;--fai-morse-code-x-position-3:182px;--fai-morse-code-opacity-3:1;--fai-morse-code-width-4:60px;--fai-morse-code-x-position-4:218px;--fai-morse-code-opacity-4:1;--fai-morse-code-width-5:40px;--fai-morse-code-x-position-5:294px;--fai-morse-code-opacity-5:1;--fai-morse-code-width-6:20px;--fai-morse-code-x-position-6:350px;--fai-morse-code-opacity-6:1;--fai-morse-code-width-7:20px;--fai-morse-code-x-position-7:386px;--fai-morse-code-opacity-7:0;--fai-morse-code-width-8:20px;--fai-morse-code-x-position-8:422px;--fai-morse-code-opacity-8:0;}20%{--fai-morse-code-width-1:20px;--fai-morse-code-x-position-1:26px;--fai-morse-code-opacity-1:1;--fai-morse-code-width-2:104px;--fai-morse-code-x-position-2:62px;--fai-morse-code-opacity-2:1;--fai-morse-code-width-3:20px;--fai-morse-code-x-position-3:182px;--fai-morse-code-opacity-3:1;--fai-morse-code-width-4:60px;--fai-morse-code-x-position-4:218px;--fai-morse-code-opacity-4:1;--fai-morse-code-width-5:40px;--fai-morse-code-x-position-5:294px;--fai-morse-code-opacity-5:1;--fai-morse-code-width-6:20px;--fai-morse-code-x-position-6:350px;--fai-morse-code-opacity-6:1;--fai-morse-code-width-7:20px;--fai-morse-code-x-position-7:386px;--fai-morse-code-opacity-7:0;--fai-morse-code-width-8:20px;--fai-morse-code-x-position-8:422px;--fai-morse-code-opacity-8:0;}33%{--fai-morse-code-width-1:30px;--fai-morse-code-x-position-1:26px;--fai-morse-code-opacity-1:1;--fai-morse-code-width-2:20px;--fai-morse-code-x-position-2:72px;--fai-morse-code-opacity-2:1;--fai-morse-code-width-3:60px;--fai-morse-code-x-position-3:108px;--fai-morse-code-opacity-3:1;--fai-morse-code-width-4:80px;--fai-morse-code-x-position-4:184px;--fai-morse-code-opacity-4:1;--fai-morse-code-width-5:20px;--fai-morse-code-x-position-5:280px;--fai-morse-code-opacity-5:1;--fai-morse-code-width-6:60px;--fai-morse-code-x-position-6:316px;--fai-morse-code-opacity-6:1;--fai-morse-code-width-7:20px;--fai-morse-code-x-position-7:392px;--fai-morse-code-opacity-7:0;--fai-morse-code-width-8:20px;--fai-morse-code-x-position-8:428px;--fai-morse-code-opacity-8:0;}50%{--fai-morse-code-width-1:30px;--fai-morse-code-x-position-1:26px;--fai-morse-code-opacity-1:1;--fai-morse-code-width-2:20px;--fai-morse-code-x-position-2:72px;--fai-morse-code-opacity-2:1;--fai-morse-code-width-3:60px;--fai-morse-code-x-position-3:108px;--fai-morse-code-opacity-3:1;--fai-morse-code-width-4:80px;--fai-morse-code-x-position-4:184px;--fai-morse-code-opacity-4:1;--fai-morse-code-width-5:20px;--fai-morse-code-x-position-5:280px;--fai-morse-code-opacity-5:1;--fai-morse-code-width-6:60px;--fai-morse-code-x-position-6:316px;--fai-morse-code-opacity-6:1;--fai-morse-code-width-7:20px;--fai-morse-code-x-position-7:392px;--fai-morse-code-opacity-7:0;--fai-morse-code-width-8:20px;--fai-morse-code-x-position-8:428px;--fai-morse-code-opacity-8:0;}66%{--fai-morse-code-width-1:20px;--fai-morse-code-opacity-1:0;--fai-morse-code-x-position-1:0px;--fai-morse-code-width-2:70px;--fai-morse-code-opacity-2:1;--fai-morse-code-x-position-2:26px;--fai-morse-code-width-3:20px;--fai-morse-code-opacity-3:1;--fai-morse-code-x-position-3:112px;--fai-morse-code-width-4:40px;--fai-morse-code-x-position-4:148px;--fai-morse-code-opacity-4:1;--fai-morse-code-width-5:80px;--fai-morse-code-x-position-5:204px;--fai-morse-code-opacity-5:1;--fai-morse-code-width-6:20px;--fai-morse-code-x-position-6:300px;--fai-morse-code-opacity-6:1;--fai-morse-code-width-7:40px;--fai-morse-code-x-position-7:336px;--fai-morse-code-opacity-7:1;--fai-morse-code-width-8:20px;--fai-morse-code-x-position-8:392px;--fai-morse-code-opacity-8:0;}80%{--fai-morse-code-width-1:20px;--fai-morse-code-opacity-1:0;--fai-morse-code-x-position-1:0px;--fai-morse-code-width-2:70px;--fai-morse-code-opacity-2:1;--fai-morse-code-x-position-2:26px;--fai-morse-code-width-3:20px;--fai-morse-code-opacity-3:1;--fai-morse-code-x-position-3:112px;--fai-morse-code-width-4:40px;--fai-morse-code-x-position-4:148px;--fai-morse-code-opacity-4:1;--fai-morse-code-width-5:80px;--fai-morse-code-x-position-5:204px;--fai-morse-code-opacity-5:1;--fai-morse-code-width-6:20px;--fai-morse-code-x-position-6:300px;--fai-morse-code-opacity-6:1;--fai-morse-code-width-7:40px;--fai-morse-code-x-position-7:336px;--fai-morse-code-opacity-7:1;--fai-morse-code-width-8:20px;--fai-morse-code-x-position-8:392px;--fai-morse-code-opacity-8:0;}100%{--fai-morse-code-width-1:20px;--fai-morse-code-opacity-1:0;--fai-morse-code-x-position-1:0px;--fai-morse-code-width-2:20px;--fai-morse-code-opacity-2:0;--fai-morse-code-x-position-2:0px;--fai-morse-code-width-3:20px;--fai-morse-code-opacity-3:1;--fai-morse-code-x-position-3:26px;--fai-morse-code-width-4:104px;--fai-morse-code-x-position-4:62px;--fai-morse-code-opacity-4:1;--fai-morse-code-width-5:20px;--fai-morse-code-x-position-5:182px;--fai-morse-code-opacity-5:1;--fai-morse-code-width-6:60px;--fai-morse-code-x-position-6:218px;--fai-morse-code-opacity-6:1;--fai-morse-code-width-7:40px;--fai-morse-code-x-position-7:294px;--fai-morse-code-opacity-7:1;--fai-morse-code-width-8:20px;--fai-morse-code-x-position-8:350px;--fai-morse-code-opacity-8:1;}}}", "@media (forced-colors: active){.rqpk8qn{background-image:paint(morseCode);animation-iteration-count:infinite,infinite;animation-duration:2000ms,2000ms;animation-timing-function:linear,linear;animation-name:r9zjrdo,r1i9k8jr;}}"]
11
12
  });
12
- export const MorseCodeHoudini = ({
13
- baseUrl = DEFAULT_BASE_URL,
14
- fileName = DEFAULT_FILE_URL
15
- }) => {
16
- React.useEffect(() => {
17
- const path = `${baseUrl}${fileName}`;
18
- if (!initializedModules[path]) {
19
- addModule(baseUrl, fileName).then(() => {
20
- initializedModules[path] = true;
21
- }).catch(err => {
22
- initializedModules[path] = false;
23
- });
24
- }
25
- }, [baseUrl, fileName]);
26
- const morseCodeStyles = useMorseCodeStyles();
27
- const animationClassName = useMorseCodeAnimationClassName();
28
- return /*#__PURE__*/React.createElement("div", {
29
- className: morseCodeStyles.wrapper
30
- }, /*#__PURE__*/React.createElement("div", {
31
- className: mergeClasses('fai-MorseCode', 'fai-MorseCodeHoudini', morseCodeStyles.base, animationClassName)
32
- }));
33
- };
34
- //# sourceMappingURL=MorseCodeHoudini.js.map
13
+ //# sourceMappingURL=MorseCodeHoudini.styles.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["MorseCodeHoudini.styles.ts"],"sourcesContent":["import { morseCodeAnimationTokens, morseCodeTokens } from '@fluentui-copilot/morse-code';\nimport { makeResetStyles } from '@fluentui/react-components';\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":["morseCodeAnimationTokens","morseCodeTokens","makeResetStyles","sharedStyles","backgroundImage","animationIterationCount","morseCodeAnimationIterationCount","animationDuration","morseCodeAnimationDuration","animationTimingFunction","morseCodeAnimationTimingFunction","useMorseCodeAnimationClassName","animationName","colorAnimation","dotsAndDashes","colorHCAnimation"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,SAASA,wBAAwB,EAAEC,eAAe,QAAQ,+BAA+B;AACzF,SAASC,eAAe,QAAQ,6BAA6B;AAE7D,MAAMC,eAAe;IACnBC,iBAAiBH,gBAAgBG,eAAe;IAChDC,yBAAyBJ,gBAAgBK,gCAAgC;IACzEC,mBAAmBN,gBAAgBO,0BAA0B;IAC7DC,yBAAyBR,gBAAgBS,gCAAgC;AAC3E;AAEA,OAAO,MAAMC,iCAAiCT,gBAAgB;IAC5D,GAAGC,YAAY;IACfS,eAAe;QAACZ,yBAAyBa,cAAc;QAAEb,yBAAyBc,aAAa;KAAC;IAEhG,kCAAkC;QAChC,GAAGX,YAAY;QACfS,eAAe;YAACZ,yBAAyBe,gBAAgB;YAAEf,yBAAyBc,aAAa;SAAC;IACpG;AACF,GAAG"}
@@ -0,0 +1,22 @@
1
+ import { morseCodeAnimationTokens, morseCodeTokens } from '@fluentui-copilot/morse-code';
2
+ import { makeResetStyles } from '@fluentui/react-components';
3
+ const sharedStyles = {
4
+ backgroundImage: morseCodeTokens.backgroundImage,
5
+ animationIterationCount: morseCodeTokens.morseCodeAnimationIterationCount,
6
+ animationDuration: morseCodeTokens.morseCodeAnimationDuration,
7
+ animationTimingFunction: morseCodeTokens.morseCodeAnimationTimingFunction
8
+ };
9
+ export const useMorseCodeAnimationClassName = makeResetStyles({
10
+ ...sharedStyles,
11
+ animationName: [
12
+ morseCodeAnimationTokens.colorAnimation,
13
+ morseCodeAnimationTokens.dotsAndDashes
14
+ ],
15
+ '@media (forced-colors: active)': {
16
+ ...sharedStyles,
17
+ animationName: [
18
+ morseCodeAnimationTokens.colorHCAnimation,
19
+ morseCodeAnimationTokens.dotsAndDashes
20
+ ]
21
+ }
22
+ });
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["MorseCodeHoudini.styles.ts"],"sourcesContent":["import { morseCodeAnimationTokens, morseCodeTokens } from '@fluentui-copilot/morse-code';\nimport { makeResetStyles } from '@fluentui/react-components';\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":["morseCodeAnimationTokens","morseCodeTokens","makeResetStyles","sharedStyles","backgroundImage","animationIterationCount","morseCodeAnimationIterationCount","animationDuration","morseCodeAnimationDuration","animationTimingFunction","morseCodeAnimationTimingFunction","useMorseCodeAnimationClassName","animationName","colorAnimation","dotsAndDashes","colorHCAnimation"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,SAASA,wBAAwB,EAAEC,eAAe,QAAQ,+BAA+B;AACzF,SAASC,eAAe,QAAQ,6BAA6B;AAE7D,MAAMC,eAAe;IACnBC,iBAAiBH,gBAAgBG,eAAe;IAChDC,yBAAyBJ,gBAAgBK,gCAAgC;IACzEC,mBAAmBN,gBAAgBO,0BAA0B;IAC7DC,yBAAyBR,gBAAgBS,gCAAgC;AAC3E;AAEA,OAAO,MAAMC,iCAAiCT,gBAAgB;IAC5D,GAAGC,YAAY;IACfS,eAAe;QAACZ,yBAAyBa,cAAc;QAAEb,yBAAyBc,aAAa;KAAC;IAEhG,kCAAkC;QAChC,GAAGX,YAAY;QACfS,eAAe;YAACZ,yBAAyBe,gBAAgB;YAAEf,yBAAyBc,aAAa;SAAC;IACpG;AACF,GAAG"}
@@ -0,0 +1,10 @@
1
+ import * as React from 'react';
2
+ export const renderMorseCode = (wrapperClassName, wrapperProps, morseCodeClassName, targetRef)=>{
3
+ return /*#__PURE__*/ React.createElement("div", {
4
+ className: wrapperClassName,
5
+ ...wrapperProps
6
+ }, /*#__PURE__*/ React.createElement("div", {
7
+ ref: targetRef,
8
+ className: morseCodeClassName
9
+ }));
10
+ };
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["renderMorseCode.tsx"],"sourcesContent":["import * as React from 'react';\n\nexport const renderMorseCode = (\n wrapperClassName: string,\n wrapperProps: React.HTMLAttributes<HTMLDivElement>,\n morseCodeClassName: string,\n targetRef?: (node: HTMLElement | null) => void,\n) => {\n return (\n <div className={wrapperClassName} {...wrapperProps}>\n <div ref={targetRef} className={morseCodeClassName} />\n </div>\n );\n};\n"],"names":["React","renderMorseCode","wrapperClassName","wrapperProps","morseCodeClassName","targetRef","div","className","ref"],"rangeMappings":";;;;;;;;;","mappings":"AAAA,YAAYA,WAAW,QAAQ;AAE/B,OAAO,MAAMC,kBAAkB,CAC7BC,kBACAC,cACAC,oBACAC;IAEA,qBACE,oBAACC;QAAIC,WAAWL;QAAmB,GAAGC,YAAY;qBAChD,oBAACG;QAAIE,KAAKH;QAAWE,WAAWH;;AAGtC,EAAE"}
@@ -0,0 +1,11 @@
1
+ import * as React from 'react';
2
+ import { hasHoudini } from '@fluentui-contrib/houdini-utils';
3
+ import { MorseCodeSmallFallback } from './MorseCodeSmallFallback';
4
+ import { MorseCodeSmallHoudini } from './MorseCodeSmallHoudini';
5
+ const houdiniAvailable = hasHoudini();
6
+ export const MorseCodeSmall = (props)=>{
7
+ if (houdiniAvailable) {
8
+ return /*#__PURE__*/ React.createElement(MorseCodeSmallHoudini, props);
9
+ }
10
+ return /*#__PURE__*/ React.createElement(MorseCodeSmallFallback, props);
11
+ };
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["MorseCodeSmall.tsx"],"sourcesContent":["import * as React from 'react';\nimport { hasHoudini } from '@fluentui-contrib/houdini-utils';\nimport { MorseCodeSmallFallback } from './MorseCodeSmallFallback';\nimport { MorseCodeSmallHoudini } from './MorseCodeSmallHoudini';\n\nimport type { MorseCodeProps } from '../MorseCode.types';\n\nconst houdiniAvailable = hasHoudini();\n\nexport const MorseCodeSmall: React.FC<MorseCodeProps> = props => {\n if (houdiniAvailable) {\n return <MorseCodeSmallHoudini {...props} />;\n }\n\n return <MorseCodeSmallFallback {...props} />;\n};\n"],"names":["React","hasHoudini","MorseCodeSmallFallback","MorseCodeSmallHoudini","houdiniAvailable","MorseCodeSmall","props"],"rangeMappings":";;;;;;;;;;","mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,UAAU,QAAQ,kCAAkC;AAC7D,SAASC,sBAAsB,QAAQ,2BAA2B;AAClE,SAASC,qBAAqB,QAAQ,0BAA0B;AAIhE,MAAMC,mBAAmBH;AAEzB,OAAO,MAAMI,iBAA2CC,CAAAA;IACtD,IAAIF,kBAAkB;QACpB,qBAAO,oBAACD,uBAA0BG;IACpC;IAEA,qBAAO,oBAACJ,wBAA2BI;AACrC,EAAE"}
@@ -0,0 +1,21 @@
1
+ import { __styles } from '@fluentui/react-components';
2
+ import { morseCodeSmallTokens } from '@fluentui-copilot/morse-code';
3
+ export const useMorseCodeSmallStyles = __styles({
4
+ base: {
5
+ B3jt8gx: "fziq3oc",
6
+ Bcicc91: "f10hrr0e",
7
+ sshi5w: "f1csse87",
8
+ Bvjb7m6: "fdgv6k0",
9
+ jekbwv: "f1x4gczw",
10
+ B20m2qn: "f1mvgrou",
11
+ It5emp: "f1p87gnb"
12
+ },
13
+ wrapper: {
14
+ a9b677: "fly5x3f",
15
+ Bqenvij: "f1l02sjl"
16
+ }
17
+ }, {
18
+ t: ["@supports (aspect-ratio: 10 / 1){.fziq3oc{aspect-ratio:10/1;}}", "@supports not (aspect-ratio: 10 / 1){.f10hrr0e{padding-top:10%;}}"],
19
+ d: [".f1csse87{min-height:5px;}", ".fdgv6k0{forced-color-adjust:none;}", ".f1x4gczw{--fai-morse-code-color-stop-1:0%;}", ".f1mvgrou{--fai-morse-code-color-stop-2:50%;}", ".f1p87gnb{--fai-morse-code-color-stop-3:100%;}", ".fly5x3f{width:100%;}", ".f1l02sjl{height:100%;}"]
20
+ });
21
+ //# sourceMappingURL=MorseCodeSmall.styles.js.map
@@ -0,0 +1 @@
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"}
@@ -0,0 +1,21 @@
1
+ import { makeStyles } from '@fluentui/react-components';
2
+ import { morseCodeSmallTokens } from '@fluentui-copilot/morse-code';
3
+ export const useMorseCodeSmallStyles = makeStyles({
4
+ base: {
5
+ '@supports (aspect-ratio: 10 / 1)': {
6
+ aspectRatio: morseCodeSmallTokens.morseCodeAspectRatio
7
+ },
8
+ '@supports not (aspect-ratio: 10 / 1)': {
9
+ paddingTop: morseCodeSmallTokens.morseCodeAspectRatioFallbackPaddingTop
10
+ },
11
+ minHeight: '5px',
12
+ forcedColorAdjust: 'none',
13
+ '--fai-morse-code-color-stop-1': morseCodeSmallTokens.morseCodeColorStop1,
14
+ '--fai-morse-code-color-stop-2': morseCodeSmallTokens.morseCodeColorStop2,
15
+ '--fai-morse-code-color-stop-3': morseCodeSmallTokens.morseCodeColorStop3
16
+ },
17
+ wrapper: {
18
+ width: '100%',
19
+ height: '100%'
20
+ }
21
+ });
@@ -0,0 +1 @@
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"}
@@ -0,0 +1,13 @@
1
+ import { mergeClasses } from '@fluentui/react-components';
2
+ import { morseCodeSmall } from '@fluentui-copilot/morse-code';
3
+ import { useMorseCodeSmallStyles } from './MorseCodeSmall.styles';
4
+ import { useFallbackRef } from '../hooks/useFallbackRef';
5
+ import { renderMorseCode } from '../shared/renderMorseCode';
6
+ export const MorseCodeSmallFallback = (props)=>{
7
+ const morseCodeStyles = useMorseCodeSmallStyles();
8
+ const targetRef = useFallbackRef(morseCodeSmall);
9
+ const { className, ...restProps } = props;
10
+ const wrapperClassName = mergeClasses(morseCodeStyles.wrapper, className);
11
+ const morseCodeClassName = mergeClasses('fai-MorseCodeSmall', 'fai-MorseCodeSmallFallback', morseCodeStyles.base);
12
+ return renderMorseCode(wrapperClassName, restProps, morseCodeClassName, targetRef);
13
+ };
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["MorseCodeSmallFallback.tsx"],"sourcesContent":["import { mergeClasses } from '@fluentui/react-components';\nimport { morseCodeSmall } from '@fluentui-copilot/morse-code';\nimport { useMorseCodeSmallStyles } from './MorseCodeSmall.styles';\n\nimport type { MorseCodeProps } from '../MorseCode.types';\nimport { useFallbackRef } from '../hooks/useFallbackRef';\nimport { renderMorseCode } from '../shared/renderMorseCode';\n\nexport const MorseCodeSmallFallback: React.FC<MorseCodeProps> = props => {\n const morseCodeStyles = useMorseCodeSmallStyles();\n\n const targetRef = useFallbackRef(morseCodeSmall);\n const { className, ...restProps } = props;\n const wrapperClassName = mergeClasses(morseCodeStyles.wrapper, className);\n const morseCodeClassName = mergeClasses('fai-MorseCodeSmall', 'fai-MorseCodeSmallFallback', morseCodeStyles.base);\n\n return renderMorseCode(wrapperClassName, restProps, morseCodeClassName, targetRef);\n};\n"],"names":["mergeClasses","morseCodeSmall","useMorseCodeSmallStyles","useFallbackRef","renderMorseCode","MorseCodeSmallFallback","props","morseCodeStyles","targetRef","className","restProps","wrapperClassName","wrapper","morseCodeClassName","base"],"rangeMappings":";;;;;;;;;;;;","mappings":"AAAA,SAASA,YAAY,QAAQ,6BAA6B;AAC1D,SAASC,cAAc,QAAQ,+BAA+B;AAC9D,SAASC,uBAAuB,QAAQ,0BAA0B;AAGlE,SAASC,cAAc,QAAQ,0BAA0B;AACzD,SAASC,eAAe,QAAQ,4BAA4B;AAE5D,OAAO,MAAMC,yBAAmDC,CAAAA;IAC9D,MAAMC,kBAAkBL;IAExB,MAAMM,YAAYL,eAAeF;IACjC,MAAM,EAAEQ,SAAS,EAAE,GAAGC,WAAW,GAAGJ;IACpC,MAAMK,mBAAmBX,aAAaO,gBAAgBK,OAAO,EAAEH;IAC/D,MAAMI,qBAAqBb,aAAa,sBAAsB,8BAA8BO,gBAAgBO,IAAI;IAEhH,OAAOV,gBAAgBO,kBAAkBD,WAAWG,oBAAoBL;AAC1E,EAAE"}
@@ -0,0 +1,15 @@
1
+ import { mergeClasses } from '@fluentui/react-components';
2
+ import { useAddModule } from '../hooks/useAddModule';
3
+ import { useMorseCodeSmallStyles } from './MorseCodeSmall.styles';
4
+ import { initializeMorseCodeSmallCustomProperties, DEFAULT_BASE_URL, DEFAULT_SMALL_FILE_URL } from '@fluentui-copilot/morse-code';
5
+ import { renderMorseCode } from '../shared/renderMorseCode';
6
+ import { useMorseCodeAnimationClassName } from './MorseCodeSmallHoudini.styles';
7
+ initializeMorseCodeSmallCustomProperties();
8
+ export const MorseCodeSmallHoudini = ({ baseUrl = DEFAULT_BASE_URL, fileName = DEFAULT_SMALL_FILE_URL, className, ...restProps })=>{
9
+ useAddModule(baseUrl, fileName);
10
+ const morseCodeSmallStyles = useMorseCodeSmallStyles();
11
+ const animationClassName = useMorseCodeAnimationClassName();
12
+ const wrapperClassName = mergeClasses(morseCodeSmallStyles.wrapper, className);
13
+ const morseCodeClassName = mergeClasses('fai-MorseCodeSmall', 'fai-MorseCodeSmallHoudini', morseCodeSmallStyles.base, animationClassName);
14
+ return renderMorseCode(wrapperClassName, restProps, morseCodeClassName);
15
+ };
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["MorseCodeSmallHoudini.tsx"],"sourcesContent":["import { mergeClasses } from '@fluentui/react-components';\nimport { useAddModule } from '../hooks/useAddModule';\nimport { useMorseCodeSmallStyles } from './MorseCodeSmall.styles';\n\nimport {\n initializeMorseCodeSmallCustomProperties,\n DEFAULT_BASE_URL,\n DEFAULT_SMALL_FILE_URL,\n} from '@fluentui-copilot/morse-code';\n\nimport type { MorseCodeProps } from '../MorseCode.types';\nimport { renderMorseCode } from '../shared/renderMorseCode';\nimport { useMorseCodeAnimationClassName } from './MorseCodeSmallHoudini.styles';\n\ninitializeMorseCodeSmallCustomProperties();\n\nexport const MorseCodeSmallHoudini: React.FC<MorseCodeProps> = ({\n baseUrl = DEFAULT_BASE_URL,\n fileName = DEFAULT_SMALL_FILE_URL,\n className,\n ...restProps\n}) => {\n useAddModule(baseUrl, fileName);\n\n const morseCodeSmallStyles = useMorseCodeSmallStyles();\n const animationClassName = useMorseCodeAnimationClassName();\n const wrapperClassName = mergeClasses(morseCodeSmallStyles.wrapper, className);\n const morseCodeClassName = mergeClasses(\n 'fai-MorseCodeSmall',\n 'fai-MorseCodeSmallHoudini',\n morseCodeSmallStyles.base,\n animationClassName,\n );\n\n return renderMorseCode(wrapperClassName, restProps, morseCodeClassName);\n};\n"],"names":["mergeClasses","useAddModule","useMorseCodeSmallStyles","initializeMorseCodeSmallCustomProperties","DEFAULT_BASE_URL","DEFAULT_SMALL_FILE_URL","renderMorseCode","useMorseCodeAnimationClassName","MorseCodeSmallHoudini","baseUrl","fileName","className","restProps","morseCodeSmallStyles","animationClassName","wrapperClassName","wrapper","morseCodeClassName","base"],"rangeMappings":";;;;;;;;;;;;;;","mappings":"AAAA,SAASA,YAAY,QAAQ,6BAA6B;AAC1D,SAASC,YAAY,QAAQ,wBAAwB;AACrD,SAASC,uBAAuB,QAAQ,0BAA0B;AAElE,SACEC,wCAAwC,EACxCC,gBAAgB,EAChBC,sBAAsB,QACjB,+BAA+B;AAGtC,SAASC,eAAe,QAAQ,4BAA4B;AAC5D,SAASC,8BAA8B,QAAQ,iCAAiC;AAEhFJ;AAEA,OAAO,MAAMK,wBAAkD,CAAC,EAC9DC,UAAUL,gBAAgB,EAC1BM,WAAWL,sBAAsB,EACjCM,SAAS,EACT,GAAGC,WACJ;IACCX,aAAaQ,SAASC;IAEtB,MAAMG,uBAAuBX;IAC7B,MAAMY,qBAAqBP;IAC3B,MAAMQ,mBAAmBf,aAAaa,qBAAqBG,OAAO,EAAEL;IACpE,MAAMM,qBAAqBjB,aACzB,sBACA,6BACAa,qBAAqBK,IAAI,EACzBJ;IAGF,OAAOR,gBAAgBS,kBAAkBH,WAAWK;AACtD,EAAE"}
@@ -0,0 +1,13 @@
1
+ import { morseCodeSmallAnimationTokens, morseCodeSmallTokens } from '@fluentui-copilot/morse-code';
2
+ import { __resetStyles } from '@fluentui/react-components';
3
+ const sharedStyles = {
4
+ backgroundImage: morseCodeSmallTokens.backgroundImage,
5
+ animationIterationCount: morseCodeSmallTokens.morseCodeAnimationIterationCount,
6
+ animationDuration: morseCodeSmallTokens.morseCodeAnimationDuration,
7
+ animationTimingFunction: morseCodeSmallTokens.morseCodeAnimationTimingFunction
8
+ };
9
+ export const useMorseCodeAnimationClassName = __resetStyles("r1qt6fj8", "rfhkifx", {
10
+ r: [".r1qt6fj8{background-image:paint(morseCodeSmall);animation-iteration-count:infinite,infinite;animation-duration:2000ms,2000ms;animation-timing-function:linear,linear;animation-name:rarbvpc,r14jeaho;}", "@keyframes rarbvpc{0%{--fai-morse-code-gradient-color-1:var(--colorBrandMorseCode1);--fai-morse-code-gradient-color-2:var(--colorBrandMorseCode2);--fai-morse-code-gradient-color-3:var(--colorBrandMorseCode3);}20%{--fai-morse-code-gradient-color-1:var(--colorBrandMorseCode1);--fai-morse-code-gradient-color-2:var(--colorBrandMorseCode2);--fai-morse-code-gradient-color-3:var(--colorBrandMorseCode3);}33%{--fai-morse-code-gradient-color-1:var(--colorBrandMorseCode4);--fai-morse-code-gradient-color-2:var(--colorBrandMorseCode5);--fai-morse-code-gradient-color-3:var(--colorBrandMorseCode6);}50%{--fai-morse-code-gradient-color-1:var(--colorBrandMorseCode4);--fai-morse-code-gradient-color-2:var(--colorBrandMorseCode5);--fai-morse-code-gradient-color-3:var(--colorBrandMorseCode6);}66%{--fai-morse-code-gradient-color-1:var(--colorBrandMorseCode7);--fai-morse-code-gradient-color-2:var(--colorBrandMorseCode8);--fai-morse-code-gradient-color-3:var(--colorBrandMorseCode9);}80%{--fai-morse-code-gradient-color-1:var(--colorBrandMorseCode7);--fai-morse-code-gradient-color-2:var(--colorBrandMorseCode8);--fai-morse-code-gradient-color-3:var(--colorBrandMorseCode9);}100%{--fai-morse-code-gradient-color-1:var(--colorBrandMorseCode1);--fai-morse-code-gradient-color-2:var(--colorBrandMorseCode2);--fai-morse-code-gradient-color-3:var(--colorBrandMorseCode3);}}", "@keyframes r14jeaho{0%{--fai-morse-code-small-width-1:20px;--fai-morse-code-small-x-position-1:20px;--fai-morse-code-small-opacity-1:1;--fai-morse-code-small-width-2:60px;--fai-morse-code-small-x-position-2:56px;--fai-morse-code-small-opacity-2:1;--fai-morse-code-small-width-3:20px;--fai-morse-code-small-x-position-3:132px;--fai-morse-code-small-opacity-3:1;--fai-morse-code-small-width-4:20px;--fai-morse-code-small-x-position-4:220px;--fai-morse-code-small-opacity-4:0;--fai-morse-code-small-width-5:20px;--fai-morse-code-small-x-position-5:240px;--fai-morse-code-small-opacity-5:0;}10%{--fai-morse-code-small-width-1:20px;--fai-morse-code-small-x-position-1:20px;--fai-morse-code-small-opacity-1:1;--fai-morse-code-small-width-2:60px;--fai-morse-code-small-x-position-2:56px;--fai-morse-code-small-opacity-2:1;--fai-morse-code-small-width-3:20px;--fai-morse-code-small-x-position-3:132px;--fai-morse-code-small-opacity-3:1;--fai-morse-code-small-width-4:20px;--fai-morse-code-small-x-position-4:220px;--fai-morse-code-small-opacity-4:0;--fai-morse-code-small-width-5:20px;--fai-morse-code-small-x-position-5:240px;--fai-morse-code-small-opacity-5:0;}25%{--fai-morse-code-small-width-1:40px;--fai-morse-code-small-x-position-1:20px;--fai-morse-code-small-opacity-1:1;--fai-morse-code-small-width-2:20px;--fai-morse-code-small-x-position-2:72px;--fai-morse-code-small-opacity-2:1;--fai-morse-code-small-width-3:50px;--fai-morse-code-small-x-position-3:102px;--fai-morse-code-small-opacity-3:1;--fai-morse-code-small-width-4:20px;--fai-morse-code-small-x-position-4:162px;--fai-morse-code-small-opacity-4:0;--fai-morse-code-small-width-5:20px;--fai-morse-code-small-x-position-5:162px;--fai-morse-code-small-opacity-5:0;}35%{--fai-morse-code-small-width-1:40px;--fai-morse-code-small-x-position-1:20px;--fai-morse-code-small-opacity-1:1;--fai-morse-code-small-width-2:20px;--fai-morse-code-small-x-position-2:72px;--fai-morse-code-small-opacity-2:1;--fai-morse-code-small-width-3:50px;--fai-morse-code-small-x-position-3:102px;--fai-morse-code-small-opacity-3:1;--fai-morse-code-small-width-4:20px;--fai-morse-code-small-x-position-4:162px;--fai-morse-code-small-opacity-4:0;--fai-morse-code-small-width-5:20px;--fai-morse-code-small-x-position-5:162px;--fai-morse-code-small-opacity-5:0;}50%{--fai-morse-code-small-width-1:20px;--fai-morse-code-small-x-position-1:0px;--fai-morse-code-small-opacity-1:0;--fai-morse-code-small-width-2:30px;--fai-morse-code-small-x-position-2:20px;--fai-morse-code-small-opacity-2:1;--fai-morse-code-small-width-3:60px;--fai-morse-code-small-x-position-3:60px;--fai-morse-code-small-opacity-3:1;--fai-morse-code-small-width-4:20px;--fai-morse-code-small-x-position-4:132px;--fai-morse-code-small-opacity-4:1;--fai-morse-code-small-width-5:20px;--fai-morse-code-small-x-position-5:162px;--fai-morse-code-small-opacity-5:0;}60%{--fai-morse-code-small-width-1:20px;--fai-morse-code-small-x-position-1:0px;--fai-morse-code-small-opacity-1:0;--fai-morse-code-small-width-2:30px;--fai-morse-code-small-x-position-2:20px;--fai-morse-code-small-opacity-2:1;--fai-morse-code-small-width-3:60px;--fai-morse-code-small-x-position-3:60px;--fai-morse-code-small-opacity-3:1;--fai-morse-code-small-width-4:20px;--fai-morse-code-small-x-position-4:132px;--fai-morse-code-small-opacity-4:1;--fai-morse-code-small-width-5:20px;--fai-morse-code-small-x-position-5:162px;--fai-morse-code-small-opacity-5:0;}75%{--fai-morse-code-small-width-1:20px;--fai-morse-code-small-x-position-1:0px;--fai-morse-code-small-opacity-1:0;--fai-morse-code-small-width-2:20px;--fai-morse-code-small-x-position-2:20px;--fai-morse-code-small-opacity-2:1;--fai-morse-code-small-width-3:20px;--fai-morse-code-small-x-position-3:56px;--fai-morse-code-small-opacity-3:1;--fai-morse-code-small-width-4:60px;--fai-morse-code-small-x-position-4:92px;--fai-morse-code-small-opacity-4:1;--fai-morse-code-small-width-5:20px;--fai-morse-code-small-x-position-5:162px;--fai-morse-code-small-opacity-5:0;}85%{--fai-morse-code-small-width-1:20px;--fai-morse-code-small-x-position-1:0px;--fai-morse-code-small-opacity-1:0;--fai-morse-code-small-width-2:20px;--fai-morse-code-small-x-position-2:20px;--fai-morse-code-small-opacity-2:1;--fai-morse-code-small-width-3:20px;--fai-morse-code-small-x-position-3:56px;--fai-morse-code-small-opacity-3:1;--fai-morse-code-small-width-4:60px;--fai-morse-code-small-x-position-4:92px;--fai-morse-code-small-opacity-4:1;--fai-morse-code-small-width-5:20px;--fai-morse-code-small-x-position-5:162px;--fai-morse-code-small-opacity-5:0;}100%{--fai-morse-code-small-width-1:20px;--fai-morse-code-small-x-position-1:0px;--fai-morse-code-small-opacity-1:0;--fai-morse-code-small-width-2:20px;--fai-morse-code-small-x-position-2:0px;--fai-morse-code-small-opacity-2:0;--fai-morse-code-small-width-3:20px;--fai-morse-code-small-x-position-3:20px;--fai-morse-code-small-opacity-3:1;--fai-morse-code-small-width-4:60px;--fai-morse-code-small-x-position-4:56px;--fai-morse-code-small-opacity-4:1;--fai-morse-code-small-width-5:20px;--fai-morse-code-small-x-position-5:132px;--fai-morse-code-small-opacity-5:1;}}", ".rfhkifx{background-image:paint(morseCodeSmall);animation-iteration-count:infinite,infinite;animation-duration:2000ms,2000ms;animation-timing-function:linear,linear;animation-name:rarbvpc,r14jeaho;}"],
11
+ s: ["@media (forced-colors: active){.r1qt6fj8{background-image:paint(morseCodeSmall);animation-iteration-count:infinite,infinite;animation-duration:2000ms,2000ms;animation-timing-function:linear,linear;animation-name:r9zjrdo,r14jeaho;}@keyframes r9zjrdo{0%{--fai-morse-code-gradient-color-1:var(--colorHCMorseCode1);--fai-morse-code-gradient-color-2:var(--colorHCMorseCode2);--fai-morse-code-gradient-color-3:var(--colorHCMorseCode3);}20%{--fai-morse-code-gradient-color-1:var(--colorHCMorseCode1);--fai-morse-code-gradient-color-2:var(--colorHCMorseCode2);--fai-morse-code-gradient-color-3:var(--colorHCMorseCode3);}33%{--fai-morse-code-gradient-color-1:var(--colorHCMorseCode4);--fai-morse-code-gradient-color-2:var(--colorHCMorseCode5);--fai-morse-code-gradient-color-3:var(--colorHCMorseCode6);}50%{--fai-morse-code-gradient-color-1:var(--colorHCMorseCode4);--fai-morse-code-gradient-color-2:var(--colorHCMorseCode5);--fai-morse-code-gradient-color-3:var(--colorHCMorseCode6);}66%{--fai-morse-code-gradient-color-1:var(--colorHCMorseCode7);--fai-morse-code-gradient-color-2:var(--colorHCMorseCode8);--fai-morse-code-gradient-color-3:var(--colorHCMorseCode9);}80%{--fai-morse-code-gradient-color-1:var(--colorHCMorseCode7);--fai-morse-code-gradient-color-2:var(--colorHCMorseCode8);--fai-morse-code-gradient-color-3:var(--colorHCMorseCode9);}100%{--fai-morse-code-gradient-color-1:var(--colorHCMorseCode1);--fai-morse-code-gradient-color-2:var(--colorHCMorseCode2);--fai-morse-code-gradient-color-3:var(--colorHCMorseCode3);}}@keyframes r14jeaho{0%{--fai-morse-code-small-width-1:20px;--fai-morse-code-small-x-position-1:20px;--fai-morse-code-small-opacity-1:1;--fai-morse-code-small-width-2:60px;--fai-morse-code-small-x-position-2:56px;--fai-morse-code-small-opacity-2:1;--fai-morse-code-small-width-3:20px;--fai-morse-code-small-x-position-3:132px;--fai-morse-code-small-opacity-3:1;--fai-morse-code-small-width-4:20px;--fai-morse-code-small-x-position-4:220px;--fai-morse-code-small-opacity-4:0;--fai-morse-code-small-width-5:20px;--fai-morse-code-small-x-position-5:240px;--fai-morse-code-small-opacity-5:0;}10%{--fai-morse-code-small-width-1:20px;--fai-morse-code-small-x-position-1:20px;--fai-morse-code-small-opacity-1:1;--fai-morse-code-small-width-2:60px;--fai-morse-code-small-x-position-2:56px;--fai-morse-code-small-opacity-2:1;--fai-morse-code-small-width-3:20px;--fai-morse-code-small-x-position-3:132px;--fai-morse-code-small-opacity-3:1;--fai-morse-code-small-width-4:20px;--fai-morse-code-small-x-position-4:220px;--fai-morse-code-small-opacity-4:0;--fai-morse-code-small-width-5:20px;--fai-morse-code-small-x-position-5:240px;--fai-morse-code-small-opacity-5:0;}25%{--fai-morse-code-small-width-1:40px;--fai-morse-code-small-x-position-1:20px;--fai-morse-code-small-opacity-1:1;--fai-morse-code-small-width-2:20px;--fai-morse-code-small-x-position-2:72px;--fai-morse-code-small-opacity-2:1;--fai-morse-code-small-width-3:50px;--fai-morse-code-small-x-position-3:102px;--fai-morse-code-small-opacity-3:1;--fai-morse-code-small-width-4:20px;--fai-morse-code-small-x-position-4:162px;--fai-morse-code-small-opacity-4:0;--fai-morse-code-small-width-5:20px;--fai-morse-code-small-x-position-5:162px;--fai-morse-code-small-opacity-5:0;}35%{--fai-morse-code-small-width-1:40px;--fai-morse-code-small-x-position-1:20px;--fai-morse-code-small-opacity-1:1;--fai-morse-code-small-width-2:20px;--fai-morse-code-small-x-position-2:72px;--fai-morse-code-small-opacity-2:1;--fai-morse-code-small-width-3:50px;--fai-morse-code-small-x-position-3:102px;--fai-morse-code-small-opacity-3:1;--fai-morse-code-small-width-4:20px;--fai-morse-code-small-x-position-4:162px;--fai-morse-code-small-opacity-4:0;--fai-morse-code-small-width-5:20px;--fai-morse-code-small-x-position-5:162px;--fai-morse-code-small-opacity-5:0;}50%{--fai-morse-code-small-width-1:20px;--fai-morse-code-small-x-position-1:0px;--fai-morse-code-small-opacity-1:0;--fai-morse-code-small-width-2:30px;--fai-morse-code-small-x-position-2:20px;--fai-morse-code-small-opacity-2:1;--fai-morse-code-small-width-3:60px;--fai-morse-code-small-x-position-3:60px;--fai-morse-code-small-opacity-3:1;--fai-morse-code-small-width-4:20px;--fai-morse-code-small-x-position-4:132px;--fai-morse-code-small-opacity-4:1;--fai-morse-code-small-width-5:20px;--fai-morse-code-small-x-position-5:162px;--fai-morse-code-small-opacity-5:0;}60%{--fai-morse-code-small-width-1:20px;--fai-morse-code-small-x-position-1:0px;--fai-morse-code-small-opacity-1:0;--fai-morse-code-small-width-2:30px;--fai-morse-code-small-x-position-2:20px;--fai-morse-code-small-opacity-2:1;--fai-morse-code-small-width-3:60px;--fai-morse-code-small-x-position-3:60px;--fai-morse-code-small-opacity-3:1;--fai-morse-code-small-width-4:20px;--fai-morse-code-small-x-position-4:132px;--fai-morse-code-small-opacity-4:1;--fai-morse-code-small-width-5:20px;--fai-morse-code-small-x-position-5:162px;--fai-morse-code-small-opacity-5:0;}75%{--fai-morse-code-small-width-1:20px;--fai-morse-code-small-x-position-1:0px;--fai-morse-code-small-opacity-1:0;--fai-morse-code-small-width-2:20px;--fai-morse-code-small-x-position-2:20px;--fai-morse-code-small-opacity-2:1;--fai-morse-code-small-width-3:20px;--fai-morse-code-small-x-position-3:56px;--fai-morse-code-small-opacity-3:1;--fai-morse-code-small-width-4:60px;--fai-morse-code-small-x-position-4:92px;--fai-morse-code-small-opacity-4:1;--fai-morse-code-small-width-5:20px;--fai-morse-code-small-x-position-5:162px;--fai-morse-code-small-opacity-5:0;}85%{--fai-morse-code-small-width-1:20px;--fai-morse-code-small-x-position-1:0px;--fai-morse-code-small-opacity-1:0;--fai-morse-code-small-width-2:20px;--fai-morse-code-small-x-position-2:20px;--fai-morse-code-small-opacity-2:1;--fai-morse-code-small-width-3:20px;--fai-morse-code-small-x-position-3:56px;--fai-morse-code-small-opacity-3:1;--fai-morse-code-small-width-4:60px;--fai-morse-code-small-x-position-4:92px;--fai-morse-code-small-opacity-4:1;--fai-morse-code-small-width-5:20px;--fai-morse-code-small-x-position-5:162px;--fai-morse-code-small-opacity-5:0;}100%{--fai-morse-code-small-width-1:20px;--fai-morse-code-small-x-position-1:0px;--fai-morse-code-small-opacity-1:0;--fai-morse-code-small-width-2:20px;--fai-morse-code-small-x-position-2:0px;--fai-morse-code-small-opacity-2:0;--fai-morse-code-small-width-3:20px;--fai-morse-code-small-x-position-3:20px;--fai-morse-code-small-opacity-3:1;--fai-morse-code-small-width-4:60px;--fai-morse-code-small-x-position-4:56px;--fai-morse-code-small-opacity-4:1;--fai-morse-code-small-width-5:20px;--fai-morse-code-small-x-position-5:132px;--fai-morse-code-small-opacity-5:1;}}}", "@media (forced-colors: active){.rfhkifx{background-image:paint(morseCodeSmall);animation-iteration-count:infinite,infinite;animation-duration:2000ms,2000ms;animation-timing-function:linear,linear;animation-name:r9zjrdo,r14jeaho;}}"]
12
+ });
13
+ //# sourceMappingURL=MorseCodeSmallHoudini.styles.js.map