@fluentui-copilot/react-morse-code 0.0.8 → 0.0.10
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.json +37 -1
- package/CHANGELOG.md +21 -2
- package/lib/components/large/MorseCodeHoudini.js +3 -12
- package/lib/components/large/MorseCodeHoudini.js.map +1 -1
- package/lib/components/large/MorseCodeHoudini.styles.js +13 -0
- package/lib/components/large/MorseCodeHoudini.styles.js.map +1 -0
- package/lib/components/small/MorseCodeSmallHoudini.js +3 -12
- package/lib/components/small/MorseCodeSmallHoudini.js.map +1 -1
- package/lib/components/small/MorseCodeSmallHoudini.styles.js +14 -0
- package/lib/components/small/MorseCodeSmallHoudini.styles.js.map +1 -0
- package/lib-commonjs/components/large/MorseCodeHoudini.js +2 -19
- package/lib-commonjs/components/large/MorseCodeHoudini.js.map +1 -1
- package/lib-commonjs/components/large/MorseCodeHoudini.styles.js +30 -0
- package/lib-commonjs/components/large/MorseCodeHoudini.styles.js.map +1 -0
- package/lib-commonjs/components/small/MorseCodeSmallHoudini.js +2 -19
- package/lib-commonjs/components/small/MorseCodeSmallHoudini.js.map +1 -1
- package/lib-commonjs/components/small/MorseCodeSmallHoudini.styles.js +31 -0
- package/lib-commonjs/components/small/MorseCodeSmallHoudini.styles.js.map +1 -0
- package/package.json +3 -3
package/CHANGELOG.json
CHANGED
|
@@ -2,7 +2,43 @@
|
|
|
2
2
|
"name": "@fluentui-copilot/react-morse-code",
|
|
3
3
|
"entries": [
|
|
4
4
|
{
|
|
5
|
-
"date": "
|
|
5
|
+
"date": "Thu, 10 Jul 2025 17:17:41 GMT",
|
|
6
|
+
"tag": "@fluentui-copilot/react-morse-code_v0.0.10",
|
|
7
|
+
"version": "0.0.10",
|
|
8
|
+
"comments": {
|
|
9
|
+
"patch": [
|
|
10
|
+
{
|
|
11
|
+
"author": "hochelmartin@gmail.com",
|
|
12
|
+
"package": "@fluentui-copilot/react-morse-code",
|
|
13
|
+
"commit": "a2774574c01dbe85df2c5e891ffc10b1d2829702",
|
|
14
|
+
"comment": "feat: apply .styles module hook pattern to enable raw styles processing"
|
|
15
|
+
}
|
|
16
|
+
]
|
|
17
|
+
}
|
|
18
|
+
},
|
|
19
|
+
{
|
|
20
|
+
"date": "Tue, 01 Jul 2025 14:45:29 GMT",
|
|
21
|
+
"tag": "@fluentui-copilot/react-morse-code_v0.0.9",
|
|
22
|
+
"version": "0.0.9",
|
|
23
|
+
"comments": {
|
|
24
|
+
"patch": [
|
|
25
|
+
{
|
|
26
|
+
"author": "jiangemma@microsoft.com",
|
|
27
|
+
"package": "@fluentui-copilot/react-morse-code",
|
|
28
|
+
"commit": "93c39ced303a2ffdb20764a1d1a1595a12b4ae27",
|
|
29
|
+
"comment": "chore: Bump v9 to 9.66.0 dependency deduplication followup"
|
|
30
|
+
},
|
|
31
|
+
{
|
|
32
|
+
"author": "jiangemma@microsoft.com",
|
|
33
|
+
"package": "@fluentui-copilot/react-morse-code",
|
|
34
|
+
"commit": "c9607d83ec7c4f592e563a391e0e7fa87af24929",
|
|
35
|
+
"comment": "Bump v9 to ^9.66.0"
|
|
36
|
+
}
|
|
37
|
+
]
|
|
38
|
+
}
|
|
39
|
+
},
|
|
40
|
+
{
|
|
41
|
+
"date": "Wed, 28 May 2025 16:45:32 GMT",
|
|
6
42
|
"tag": "@fluentui-copilot/react-morse-code_v0.0.8",
|
|
7
43
|
"version": "0.0.8",
|
|
8
44
|
"comments": {
|
package/CHANGELOG.md
CHANGED
|
@@ -1,12 +1,31 @@
|
|
|
1
1
|
# Change Log - @fluentui-copilot/react-morse-code
|
|
2
2
|
|
|
3
|
-
This log was last generated on
|
|
3
|
+
This log was last generated on Thu, 10 Jul 2025 17:17:41 GMT and should not be manually modified.
|
|
4
4
|
|
|
5
5
|
<!-- Start content -->
|
|
6
6
|
|
|
7
|
+
## [0.0.10](https://github.com/microsoft/fluentai/tree/@fluentui-copilot/react-morse-code_v0.0.10)
|
|
8
|
+
|
|
9
|
+
Thu, 10 Jul 2025 17:17:41 GMT
|
|
10
|
+
[Compare changes](https://github.com/microsoft/fluentai/compare/@fluentui-copilot/react-morse-code_v0.0.9..@fluentui-copilot/react-morse-code_v0.0.10)
|
|
11
|
+
|
|
12
|
+
### Patches
|
|
13
|
+
|
|
14
|
+
- feat: apply .styles module hook pattern to enable raw styles processing ([PR #3212](https://github.com/microsoft/fluentai/pull/3212) by hochelmartin@gmail.com)
|
|
15
|
+
|
|
16
|
+
## [0.0.9](https://github.com/microsoft/fluentai/tree/@fluentui-copilot/react-morse-code_v0.0.9)
|
|
17
|
+
|
|
18
|
+
Tue, 01 Jul 2025 14:45:29 GMT
|
|
19
|
+
[Compare changes](https://github.com/microsoft/fluentai/compare/@fluentui-copilot/react-morse-code_v0.0.8..@fluentui-copilot/react-morse-code_v0.0.9)
|
|
20
|
+
|
|
21
|
+
### Patches
|
|
22
|
+
|
|
23
|
+
- chore: Bump v9 to 9.66.0 dependency deduplication followup ([PR #3176](https://github.com/microsoft/fluentai/pull/3176) by jiangemma@microsoft.com)
|
|
24
|
+
- Bump v9 to ^9.66.0 ([PR #3169](https://github.com/microsoft/fluentai/pull/3169) by jiangemma@microsoft.com)
|
|
25
|
+
|
|
7
26
|
## [0.0.8](https://github.com/microsoft/fluentai/tree/@fluentui-copilot/react-morse-code_v0.0.8)
|
|
8
27
|
|
|
9
|
-
Wed, 28 May 2025 16:45:
|
|
28
|
+
Wed, 28 May 2025 16:45:32 GMT
|
|
10
29
|
[Compare changes](https://github.com/microsoft/fluentai/compare/@fluentui-copilot/react-morse-code_v0.0.7..@fluentui-copilot/react-morse-code_v0.0.8)
|
|
11
30
|
|
|
12
31
|
### Patches
|
|
@@ -1,19 +1,10 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { mergeClasses } from '@fluentui/react-components';
|
|
2
2
|
import { useAddModule } from '../hooks/useAddModule';
|
|
3
3
|
import { useMorseCodeStyles } from './MorseCode.styles';
|
|
4
|
-
import { initializeMorseCodeCustomProperties,
|
|
4
|
+
import { initializeMorseCodeCustomProperties, DEFAULT_BASE_URL, DEFAULT_FILE_URL } from '@fluentui-copilot/morse-code';
|
|
5
5
|
import { renderMorseCode } from '../shared/renderMorseCode';
|
|
6
|
+
import { useMorseCodeAnimationClassName } from './MorseCodeHoudini.styles';
|
|
6
7
|
initializeMorseCodeCustomProperties();
|
|
7
|
-
const sharedStyles = {
|
|
8
|
-
backgroundImage: morseCodeTokens.backgroundImage,
|
|
9
|
-
animationIterationCount: morseCodeTokens.morseCodeAnimationIterationCount,
|
|
10
|
-
animationDuration: morseCodeTokens.morseCodeAnimationDuration,
|
|
11
|
-
animationTimingFunction: morseCodeTokens.morseCodeAnimationTimingFunction
|
|
12
|
-
};
|
|
13
|
-
const useMorseCodeAnimationClassName = __resetStyles("r1ms8zpq", "rqpk8qn", {
|
|
14
|
-
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;}"],
|
|
15
|
-
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;}}"]
|
|
16
|
-
});
|
|
17
8
|
export const MorseCodeHoudini = ({
|
|
18
9
|
baseUrl = DEFAULT_BASE_URL,
|
|
19
10
|
fileName = DEFAULT_FILE_URL,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["MorseCodeHoudini.tsx"],"sourcesContent":["import {
|
|
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"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { __resetStyles } from '@fluentui/react-components';
|
|
2
|
+
import { morseCodeAnimationTokens, morseCodeTokens } from '@fluentui-copilot/morse-code';
|
|
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", {
|
|
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;}"],
|
|
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;}}"]
|
|
12
|
+
});
|
|
13
|
+
//# sourceMappingURL=MorseCodeHoudini.styles.js.map
|
|
@@ -0,0 +1 @@
|
|
|
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"}
|
|
@@ -1,19 +1,10 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { mergeClasses } from '@fluentui/react-components';
|
|
2
2
|
import { useAddModule } from '../hooks/useAddModule';
|
|
3
3
|
import { useMorseCodeSmallStyles } from './MorseCodeSmall.styles';
|
|
4
|
-
import { initializeMorseCodeSmallCustomProperties,
|
|
4
|
+
import { initializeMorseCodeSmallCustomProperties, DEFAULT_BASE_URL, DEFAULT_SMALL_FILE_URL } from '@fluentui-copilot/morse-code';
|
|
5
5
|
import { renderMorseCode } from '../shared/renderMorseCode';
|
|
6
|
+
import { useMorseCodeAnimationClassName } from './MorseCodeSmallHoudini.styles';
|
|
6
7
|
initializeMorseCodeSmallCustomProperties();
|
|
7
|
-
const sharedStyles = {
|
|
8
|
-
backgroundImage: morseCodeSmallTokens.backgroundImage,
|
|
9
|
-
animationIterationCount: morseCodeSmallTokens.morseCodeAnimationIterationCount,
|
|
10
|
-
animationDuration: morseCodeSmallTokens.morseCodeAnimationDuration,
|
|
11
|
-
animationTimingFunction: morseCodeSmallTokens.morseCodeAnimationTimingFunction
|
|
12
|
-
};
|
|
13
|
-
const useMorseCodeAnimationClassName = __resetStyles("r1qt6fj8", "rfhkifx", {
|
|
14
|
-
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;}"],
|
|
15
|
-
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;}}"]
|
|
16
|
-
});
|
|
17
8
|
export const MorseCodeSmallHoudini = ({
|
|
18
9
|
baseUrl = DEFAULT_BASE_URL,
|
|
19
10
|
fileName = DEFAULT_SMALL_FILE_URL,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["MorseCodeSmallHoudini.tsx"],"sourcesContent":["import {
|
|
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,14 @@
|
|
|
1
|
+
import { __resetStyles } from '@fluentui/react-components';
|
|
2
|
+
import { initializeMorseCodeSmallCustomProperties, morseCodeSmallAnimationTokens, morseCodeSmallTokens } from '@fluentui-copilot/morse-code';
|
|
3
|
+
initializeMorseCodeSmallCustomProperties();
|
|
4
|
+
const sharedStyles = {
|
|
5
|
+
backgroundImage: morseCodeSmallTokens.backgroundImage,
|
|
6
|
+
animationIterationCount: morseCodeSmallTokens.morseCodeAnimationIterationCount,
|
|
7
|
+
animationDuration: morseCodeSmallTokens.morseCodeAnimationDuration,
|
|
8
|
+
animationTimingFunction: morseCodeSmallTokens.morseCodeAnimationTimingFunction
|
|
9
|
+
};
|
|
10
|
+
export const useMorseCodeAnimationClassName = __resetStyles("r1qt6fj8", "rfhkifx", {
|
|
11
|
+
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;}"],
|
|
12
|
+
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;}}"]
|
|
13
|
+
});
|
|
14
|
+
//# sourceMappingURL=MorseCodeSmallHoudini.styles.js.map
|
|
@@ -0,0 +1 @@
|
|
|
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"}
|
|
@@ -13,29 +13,12 @@ const _useAddModule = require("../hooks/useAddModule");
|
|
|
13
13
|
const _MorseCodestyles = require("./MorseCode.styles");
|
|
14
14
|
const _morsecode = require("@fluentui-copilot/morse-code");
|
|
15
15
|
const _renderMorseCode = require("../shared/renderMorseCode");
|
|
16
|
+
const _MorseCodeHoudinistyles = require("./MorseCodeHoudini.styles");
|
|
16
17
|
(0, _morsecode.initializeMorseCodeCustomProperties)();
|
|
17
|
-
const sharedStyles = {
|
|
18
|
-
backgroundImage: _morsecode.morseCodeTokens.backgroundImage,
|
|
19
|
-
animationIterationCount: _morsecode.morseCodeTokens.morseCodeAnimationIterationCount,
|
|
20
|
-
animationDuration: _morsecode.morseCodeTokens.morseCodeAnimationDuration,
|
|
21
|
-
animationTimingFunction: _morsecode.morseCodeTokens.morseCodeAnimationTimingFunction
|
|
22
|
-
};
|
|
23
|
-
const useMorseCodeAnimationClassName = (0, _reactcomponents.__resetStyles)("r1ms8zpq", "rqpk8qn", {
|
|
24
|
-
r: [
|
|
25
|
-
".r1ms8zpq{background-image:paint(morseCode);animation-iteration-count:infinite,infinite;animation-duration:2000ms,2000ms;animation-timing-function:linear,linear;animation-name:rarbvpc,r1i9k8jr;}",
|
|
26
|
-
"@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);}}",
|
|
27
|
-
"@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;}}",
|
|
28
|
-
".rqpk8qn{background-image:paint(morseCode);animation-iteration-count:infinite,infinite;animation-duration:2000ms,2000ms;animation-timing-function:linear,linear;animation-name:rarbvpc,r1i9k8jr;}"
|
|
29
|
-
],
|
|
30
|
-
s: [
|
|
31
|
-
"@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;}}}",
|
|
32
|
-
"@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;}}"
|
|
33
|
-
]
|
|
34
|
-
});
|
|
35
18
|
const MorseCodeHoudini = ({ baseUrl = _morsecode.DEFAULT_BASE_URL, fileName = _morsecode.DEFAULT_FILE_URL, className, ...restProps })=>{
|
|
36
19
|
(0, _useAddModule.useAddModule)(baseUrl, fileName);
|
|
37
20
|
const morseCodeStyles = (0, _MorseCodestyles.useMorseCodeStyles)();
|
|
38
|
-
const animationClassName = useMorseCodeAnimationClassName();
|
|
21
|
+
const animationClassName = (0, _MorseCodeHoudinistyles.useMorseCodeAnimationClassName)();
|
|
39
22
|
const wrapperClassName = (0, _reactcomponents.mergeClasses)(morseCodeStyles.wrapper, className);
|
|
40
23
|
const morseCodeClassName = (0, _reactcomponents.mergeClasses)('fai-MorseCode', 'fai-MorseCodeHoudini', morseCodeStyles.base, animationClassName);
|
|
41
24
|
return (0, _renderMorseCode.renderMorseCode)(wrapperClassName, restProps, morseCodeClassName);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["MorseCodeHoudini.tsx"],"sourcesContent":["import {
|
|
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":["MorseCodeHoudini","initializeMorseCodeCustomProperties","useAddModule","fileName","morseCodeStyles","useMorseCodeStyles","animationClassName","restProps","renderMorseCode"],"rangeMappings":";;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAYaA;;;eAAAA;;;iCAZgB;8BACA;iCACM;2BAEqD;iCAGxD;wCACe;AAE/CC,IAAAA,8CAAAA;AAEO,MAAMD,mBAA6C,CAAC,YAMzDE,2BAAsBC,aAEhBC,2BAAkBC,WAClBC,KACNC;kCAQOC,EAAAA,SAAAA;IACP,MAAAJ,kBAAAC,IAAAA,mCAAA"}
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", {
|
|
3
|
+
value: true
|
|
4
|
+
});
|
|
5
|
+
Object.defineProperty(exports, "useMorseCodeAnimationClassName", {
|
|
6
|
+
enumerable: true,
|
|
7
|
+
get: function() {
|
|
8
|
+
return useMorseCodeAnimationClassName;
|
|
9
|
+
}
|
|
10
|
+
});
|
|
11
|
+
const _reactcomponents = require("@fluentui/react-components");
|
|
12
|
+
const _morsecode = require("@fluentui-copilot/morse-code");
|
|
13
|
+
const sharedStyles = {
|
|
14
|
+
backgroundImage: _morsecode.morseCodeTokens.backgroundImage,
|
|
15
|
+
animationIterationCount: _morsecode.morseCodeTokens.morseCodeAnimationIterationCount,
|
|
16
|
+
animationDuration: _morsecode.morseCodeTokens.morseCodeAnimationDuration,
|
|
17
|
+
animationTimingFunction: _morsecode.morseCodeTokens.morseCodeAnimationTimingFunction
|
|
18
|
+
};
|
|
19
|
+
const useMorseCodeAnimationClassName = (0, _reactcomponents.__resetStyles)("r1ms8zpq", "rqpk8qn", {
|
|
20
|
+
r: [
|
|
21
|
+
".r1ms8zpq{background-image:paint(morseCode);animation-iteration-count:infinite,infinite;animation-duration:2000ms,2000ms;animation-timing-function:linear,linear;animation-name:rarbvpc,r1i9k8jr;}",
|
|
22
|
+
"@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);}}",
|
|
23
|
+
"@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;}}",
|
|
24
|
+
".rqpk8qn{background-image:paint(morseCode);animation-iteration-count:infinite,infinite;animation-duration:2000ms,2000ms;animation-timing-function:linear,linear;animation-name:rarbvpc,r1i9k8jr;}"
|
|
25
|
+
],
|
|
26
|
+
s: [
|
|
27
|
+
"@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;}}}",
|
|
28
|
+
"@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;}}"
|
|
29
|
+
]
|
|
30
|
+
}); //# sourceMappingURL=MorseCodeHoudini.styles.js.map
|
|
@@ -0,0 +1 @@
|
|
|
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"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAUaA;;;eAAAA;;;iCAVW;2BACkC;AAE1D,MAAMC,eAAe;qBACnBC,0BAAiBC,CAAAA,eAAgBD;6BACjCE,0BAAyBD,CAAAA,gCAAgBE;uBACzCC,0BAAmBH,CAAAA,0BAAgBI;6BACnCC,0BAAyBL,CAAAA,gCAAgBM;AAC3C;AAEO,MAAMT,iCAAiCU,IAAAA,8BAAAA,EAAAA,YAAgB,WAAA;OAC5D;QAAA;QAAe;QAAA;QAAA;KAAA;OACfC;QAAAA;QAAe;KAAA;uDAAgF"}
|
|
@@ -13,29 +13,12 @@ const _useAddModule = require("../hooks/useAddModule");
|
|
|
13
13
|
const _MorseCodeSmallstyles = require("./MorseCodeSmall.styles");
|
|
14
14
|
const _morsecode = require("@fluentui-copilot/morse-code");
|
|
15
15
|
const _renderMorseCode = require("../shared/renderMorseCode");
|
|
16
|
+
const _MorseCodeSmallHoudinistyles = require("./MorseCodeSmallHoudini.styles");
|
|
16
17
|
(0, _morsecode.initializeMorseCodeSmallCustomProperties)();
|
|
17
|
-
const sharedStyles = {
|
|
18
|
-
backgroundImage: _morsecode.morseCodeSmallTokens.backgroundImage,
|
|
19
|
-
animationIterationCount: _morsecode.morseCodeSmallTokens.morseCodeAnimationIterationCount,
|
|
20
|
-
animationDuration: _morsecode.morseCodeSmallTokens.morseCodeAnimationDuration,
|
|
21
|
-
animationTimingFunction: _morsecode.morseCodeSmallTokens.morseCodeAnimationTimingFunction
|
|
22
|
-
};
|
|
23
|
-
const useMorseCodeAnimationClassName = (0, _reactcomponents.__resetStyles)("r1qt6fj8", "rfhkifx", {
|
|
24
|
-
r: [
|
|
25
|
-
".r1qt6fj8{background-image:paint(morseCodeSmall);animation-iteration-count:infinite,infinite;animation-duration:2000ms,2000ms;animation-timing-function:linear,linear;animation-name:rarbvpc,r14jeaho;}",
|
|
26
|
-
"@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);}}",
|
|
27
|
-
"@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;}}",
|
|
28
|
-
".rfhkifx{background-image:paint(morseCodeSmall);animation-iteration-count:infinite,infinite;animation-duration:2000ms,2000ms;animation-timing-function:linear,linear;animation-name:rarbvpc,r14jeaho;}"
|
|
29
|
-
],
|
|
30
|
-
s: [
|
|
31
|
-
"@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;}}}",
|
|
32
|
-
"@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;}}"
|
|
33
|
-
]
|
|
34
|
-
});
|
|
35
18
|
const MorseCodeSmallHoudini = ({ baseUrl = _morsecode.DEFAULT_BASE_URL, fileName = _morsecode.DEFAULT_SMALL_FILE_URL, className, ...restProps })=>{
|
|
36
19
|
(0, _useAddModule.useAddModule)(baseUrl, fileName);
|
|
37
20
|
const morseCodeSmallStyles = (0, _MorseCodeSmallstyles.useMorseCodeSmallStyles)();
|
|
38
|
-
const animationClassName = useMorseCodeAnimationClassName();
|
|
21
|
+
const animationClassName = (0, _MorseCodeSmallHoudinistyles.useMorseCodeAnimationClassName)();
|
|
39
22
|
const wrapperClassName = (0, _reactcomponents.mergeClasses)(morseCodeSmallStyles.wrapper, className);
|
|
40
23
|
const morseCodeClassName = (0, _reactcomponents.mergeClasses)('fai-MorseCodeSmall', 'fai-MorseCodeSmallHoudini', morseCodeSmallStyles.base, animationClassName);
|
|
41
24
|
return (0, _renderMorseCode.renderMorseCode)(wrapperClassName, restProps, morseCodeClassName);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["MorseCodeSmallHoudini.tsx"],"sourcesContent":["import {
|
|
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":["MorseCodeSmallHoudini","initializeMorseCodeSmallCustomProperties","useAddModule","fileName","morseCodeSmallStyles","useMorseCodeSmallStyles","animationClassName","restProps","renderMorseCode"],"rangeMappings":";;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAgBaA;;;eAAAA;;;iCAhBgB;8BACA;sCACW;2BAMjC;iCAGyB;6CACe;AAE/CC,IAAAA,mDAAAA;AAEO,MAAMD,wBAAkD,CAAC,YAM9DE,2BAAsBC,aAEhBC,iCAAuBC,WACvBC,KACNC;kCAQOC,EAAAA,SAAAA;IACP,MAAAJ,uBAAAC,IAAAA,6CAAA"}
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", {
|
|
3
|
+
value: true
|
|
4
|
+
});
|
|
5
|
+
Object.defineProperty(exports, "useMorseCodeAnimationClassName", {
|
|
6
|
+
enumerable: true,
|
|
7
|
+
get: function() {
|
|
8
|
+
return useMorseCodeAnimationClassName;
|
|
9
|
+
}
|
|
10
|
+
});
|
|
11
|
+
const _reactcomponents = require("@fluentui/react-components");
|
|
12
|
+
const _morsecode = require("@fluentui-copilot/morse-code");
|
|
13
|
+
(0, _morsecode.initializeMorseCodeSmallCustomProperties)();
|
|
14
|
+
const sharedStyles = {
|
|
15
|
+
backgroundImage: _morsecode.morseCodeSmallTokens.backgroundImage,
|
|
16
|
+
animationIterationCount: _morsecode.morseCodeSmallTokens.morseCodeAnimationIterationCount,
|
|
17
|
+
animationDuration: _morsecode.morseCodeSmallTokens.morseCodeAnimationDuration,
|
|
18
|
+
animationTimingFunction: _morsecode.morseCodeSmallTokens.morseCodeAnimationTimingFunction
|
|
19
|
+
};
|
|
20
|
+
const useMorseCodeAnimationClassName = (0, _reactcomponents.__resetStyles)("r1qt6fj8", "rfhkifx", {
|
|
21
|
+
r: [
|
|
22
|
+
".r1qt6fj8{background-image:paint(morseCodeSmall);animation-iteration-count:infinite,infinite;animation-duration:2000ms,2000ms;animation-timing-function:linear,linear;animation-name:rarbvpc,r14jeaho;}",
|
|
23
|
+
"@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);}}",
|
|
24
|
+
"@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;}}",
|
|
25
|
+
".rfhkifx{background-image:paint(morseCodeSmall);animation-iteration-count:infinite,infinite;animation-duration:2000ms,2000ms;animation-timing-function:linear,linear;animation-name:rarbvpc,r14jeaho;}"
|
|
26
|
+
],
|
|
27
|
+
s: [
|
|
28
|
+
"@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;}}}",
|
|
29
|
+
"@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;}}"
|
|
30
|
+
]
|
|
31
|
+
}); //# sourceMappingURL=MorseCodeSmallHoudini.styles.js.map
|
|
@@ -0,0 +1 @@
|
|
|
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"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAiBaA;;;eAAAA;;;iCAjBW;2BAMjB;AAEPC,IAAAA,mDAAAA;AAEA,MAAMC,eAAe;qBACnBC,+BAAiBC,CAAAA,eAAqBD;6BACtCE,+BAAyBD,CAAAA,gCAAqBE;uBAC9CC,+BAAmBH,CAAAA,0BAAqBI;6BACxCC,+BAAyBL,CAAAA,gCAAqBM;AAChD;AAEO,MAAMV,iCAAiCW,IAAAA,8BAAAA,EAAAA,YAAgB,WAAA;OAC5D;QAAA;QAAe;QAAA;QAAA;KAAA;OACfC;QAAAA;QAAe;KAAA;4DAA0F"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@fluentui-copilot/react-morse-code",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.10",
|
|
4
4
|
"description": "A Fluent AI package",
|
|
5
5
|
"main": "lib-commonjs/index.js",
|
|
6
6
|
"module": "lib/index.js",
|
|
@@ -17,8 +17,8 @@
|
|
|
17
17
|
"@swc/helpers": "^0.5.1"
|
|
18
18
|
},
|
|
19
19
|
"peerDependencies": {
|
|
20
|
-
"@fluentui/react-components": ">=9.
|
|
21
|
-
"@fluentui/react-jsx-runtime": ">=9.
|
|
20
|
+
"@fluentui/react-components": ">=9.66.0 <10.0.0",
|
|
21
|
+
"@fluentui/react-jsx-runtime": ">=9.1.1 <10.0.0",
|
|
22
22
|
"@types/react": ">=16.14.0 <19.0.0",
|
|
23
23
|
"@types/react-dom": ">=16.9.8 <19.0.0",
|
|
24
24
|
"react": ">=16.14.0 <19.0.0",
|