@fluentui-copilot/react-morse-code 0.0.0-nightly-20250717-0405-eecbae35.1 → 0.0.0-nightly-20250723-0404-b6756f49.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.json +18 -3
- package/CHANGELOG.md +13 -4
- package/lib/components/large/MorseCode.styles.raw.js +21 -0
- package/lib/components/large/MorseCode.styles.raw.js.map +1 -0
- package/lib/components/large/MorseCodeHoudini.styles.raw.js +22 -0
- package/lib/components/large/MorseCodeHoudini.styles.raw.js.map +1 -0
- package/lib/components/small/MorseCodeSmall.styles.raw.js +21 -0
- package/lib/components/small/MorseCodeSmall.styles.raw.js.map +1 -0
- package/lib/components/small/MorseCodeSmallHoudini.styles.raw.js +23 -0
- package/lib/components/small/MorseCodeSmallHoudini.styles.raw.js.map +1 -0
- package/lib-commonjs/components/large/MorseCode.styles.raw.js +31 -0
- package/lib-commonjs/components/large/MorseCode.styles.raw.js.map +1 -0
- package/lib-commonjs/components/large/MorseCodeHoudini.styles.raw.js +32 -0
- package/lib-commonjs/components/large/MorseCodeHoudini.styles.raw.js.map +1 -0
- package/lib-commonjs/components/small/MorseCodeSmall.styles.raw.js +31 -0
- package/lib-commonjs/components/small/MorseCodeSmall.styles.raw.js.map +1 -0
- package/lib-commonjs/components/small/MorseCodeSmallHoudini.styles.raw.js +33 -0
- package/lib-commonjs/components/small/MorseCodeSmallHoudini.styles.raw.js.map +1 -0
- package/package.json +2 -2
package/CHANGELOG.json
CHANGED
|
@@ -2,9 +2,9 @@
|
|
|
2
2
|
"name": "@fluentui-copilot/react-morse-code",
|
|
3
3
|
"entries": [
|
|
4
4
|
{
|
|
5
|
-
"date": "
|
|
6
|
-
"tag": "@fluentui-copilot/react-morse-code_v0.0.0-nightly-
|
|
7
|
-
"version": "0.0.0-nightly-
|
|
5
|
+
"date": "Wed, 23 Jul 2025 04:11:49 GMT",
|
|
6
|
+
"tag": "@fluentui-copilot/react-morse-code_v0.0.0-nightly-20250723-0404-b6756f49.1",
|
|
7
|
+
"version": "0.0.0-nightly-20250723-0404-b6756f49.1",
|
|
8
8
|
"comments": {
|
|
9
9
|
"prerelease": [
|
|
10
10
|
{
|
|
@@ -16,6 +16,21 @@
|
|
|
16
16
|
]
|
|
17
17
|
}
|
|
18
18
|
},
|
|
19
|
+
{
|
|
20
|
+
"date": "Thu, 17 Jul 2025 17:49:25 GMT",
|
|
21
|
+
"tag": "@fluentui-copilot/react-morse-code_v0.0.11",
|
|
22
|
+
"version": "0.0.11",
|
|
23
|
+
"comments": {
|
|
24
|
+
"patch": [
|
|
25
|
+
{
|
|
26
|
+
"author": "hochelmartin@gmail.com",
|
|
27
|
+
"package": "@fluentui-copilot/react-morse-code",
|
|
28
|
+
"commit": "fef5160c07333e8d9996952a305b34e357604919",
|
|
29
|
+
"comment": "feat: enable griffel raw styles"
|
|
30
|
+
}
|
|
31
|
+
]
|
|
32
|
+
}
|
|
33
|
+
},
|
|
19
34
|
{
|
|
20
35
|
"date": "Thu, 10 Jul 2025 17:18:10 GMT",
|
|
21
36
|
"tag": "@fluentui-copilot/react-morse-code_v0.0.10",
|
package/CHANGELOG.md
CHANGED
|
@@ -1,18 +1,27 @@
|
|
|
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 Wed, 23 Jul 2025 04:11:49 GMT and should not be manually modified.
|
|
4
4
|
|
|
5
5
|
<!-- Start content -->
|
|
6
6
|
|
|
7
|
-
## [0.0.0-nightly-
|
|
7
|
+
## [0.0.0-nightly-20250723-0404-b6756f49.1](https://github.com/microsoft/fluentai/tree/@fluentui-copilot/react-morse-code_v0.0.0-nightly-20250723-0404-b6756f49.1)
|
|
8
8
|
|
|
9
|
-
|
|
10
|
-
[Compare changes](https://github.com/microsoft/fluentai/compare/@fluentui-copilot/react-morse-code_v0.0.
|
|
9
|
+
Wed, 23 Jul 2025 04:11:49 GMT
|
|
10
|
+
[Compare changes](https://github.com/microsoft/fluentai/compare/@fluentui-copilot/react-morse-code_v0.0.11..@fluentui-copilot/react-morse-code_v0.0.0-nightly-20250723-0404-b6756f49.1)
|
|
11
11
|
|
|
12
12
|
### Changes
|
|
13
13
|
|
|
14
14
|
- Release nightly ([commit](https://github.com/microsoft/fluentai/commit/not available) by fluentui-internal@service.microsoft.com)
|
|
15
15
|
|
|
16
|
+
## [0.0.11](https://github.com/microsoft/fluentai/tree/@fluentui-copilot/react-morse-code_v0.0.11)
|
|
17
|
+
|
|
18
|
+
Thu, 17 Jul 2025 17:49:25 GMT
|
|
19
|
+
[Compare changes](https://github.com/microsoft/fluentai/compare/@fluentui-copilot/react-morse-code_v0.0.10..@fluentui-copilot/react-morse-code_v0.0.11)
|
|
20
|
+
|
|
21
|
+
### Patches
|
|
22
|
+
|
|
23
|
+
- feat: enable griffel raw styles ([PR #3227](https://github.com/microsoft/fluentai/pull/3227) by hochelmartin@gmail.com)
|
|
24
|
+
|
|
16
25
|
## [0.0.10](https://github.com/microsoft/fluentai/tree/@fluentui-copilot/react-morse-code_v0.0.10)
|
|
17
26
|
|
|
18
27
|
Thu, 10 Jul 2025 17:18:10 GMT
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import { makeStyles } from '@fluentui/react-components';
|
|
2
|
+
import { morseCodeTokens } from '@fluentui-copilot/morse-code';
|
|
3
|
+
export const useMorseCodeStyles = makeStyles({
|
|
4
|
+
base: {
|
|
5
|
+
'@supports (aspect-ratio: 20 / 1)': {
|
|
6
|
+
aspectRatio: morseCodeTokens.morseCodeAspectRatio
|
|
7
|
+
},
|
|
8
|
+
'@supports not (aspect-ratio: 20 / 1)': {
|
|
9
|
+
paddingTop: morseCodeTokens.morseCodeAspectRatioFallbackPaddingTop
|
|
10
|
+
},
|
|
11
|
+
minHeight: '5px',
|
|
12
|
+
forcedColorAdjust: 'none',
|
|
13
|
+
'--fai-morse-code-color-stop-1': morseCodeTokens.morseCodeColorStop1,
|
|
14
|
+
'--fai-morse-code-color-stop-2': morseCodeTokens.morseCodeColorStop2,
|
|
15
|
+
'--fai-morse-code-color-stop-3': morseCodeTokens.morseCodeColorStop3
|
|
16
|
+
},
|
|
17
|
+
wrapper: {
|
|
18
|
+
width: '100%',
|
|
19
|
+
height: '100%'
|
|
20
|
+
}
|
|
21
|
+
});
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["MorseCode.styles.ts"],"sourcesContent":["import { makeStyles } from '@fluentui/react-components';\nimport { morseCodeTokens } from '@fluentui-copilot/morse-code';\n\nexport const useMorseCodeStyles = makeStyles({\n base: {\n '@supports (aspect-ratio: 20 / 1)': {\n aspectRatio: morseCodeTokens.morseCodeAspectRatio,\n },\n '@supports not (aspect-ratio: 20 / 1)': {\n paddingTop: morseCodeTokens.morseCodeAspectRatioFallbackPaddingTop,\n },\n minHeight: '5px',\n forcedColorAdjust: 'none',\n '--fai-morse-code-color-stop-1': morseCodeTokens.morseCodeColorStop1,\n '--fai-morse-code-color-stop-2': morseCodeTokens.morseCodeColorStop2,\n '--fai-morse-code-color-stop-3': morseCodeTokens.morseCodeColorStop3,\n },\n wrapper: {\n width: '100%',\n height: '100%',\n },\n});\n"],"names":["makeStyles","morseCodeTokens","useMorseCodeStyles","base","aspectRatio","morseCodeAspectRatio","paddingTop","morseCodeAspectRatioFallbackPaddingTop","minHeight","forcedColorAdjust","morseCodeColorStop1","morseCodeColorStop2","morseCodeColorStop3","wrapper","width","height"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,SAASA,UAAU,QAAQ,6BAA6B;AACxD,SAASC,eAAe,QAAQ,+BAA+B;AAE/D,OAAO,MAAMC,qBAAqBF,WAAW;IAC3CG,MAAM;QACJ,qCAAqC;YACnCC,aAAaH,gBAAgBI,oBAAoB;QACnD;QACA,yCAAyC;YACvCC,YAAYL,gBAAgBM,sCAAsC;QACpE;QACAC,WAAW;QACXC,mBAAmB;QACnB,iCAAiCR,gBAAgBS,mBAAmB;QACpE,iCAAiCT,gBAAgBU,mBAAmB;QACpE,iCAAiCV,gBAAgBW,mBAAmB;IACtE;IACAC,SAAS;QACPC,OAAO;QACPC,QAAQ;IACV;AACF,GAAG"}
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { makeResetStyles } 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 = makeResetStyles({
|
|
10
|
+
...sharedStyles,
|
|
11
|
+
animationName: [
|
|
12
|
+
morseCodeAnimationTokens.colorAnimation,
|
|
13
|
+
morseCodeAnimationTokens.dotsAndDashes
|
|
14
|
+
],
|
|
15
|
+
'@media (forced-colors: active)': {
|
|
16
|
+
...sharedStyles,
|
|
17
|
+
animationName: [
|
|
18
|
+
morseCodeAnimationTokens.colorHCAnimation,
|
|
19
|
+
morseCodeAnimationTokens.dotsAndDashes
|
|
20
|
+
]
|
|
21
|
+
}
|
|
22
|
+
});
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["MorseCodeHoudini.styles.ts"],"sourcesContent":["import { 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"}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import { makeStyles } from '@fluentui/react-components';
|
|
2
|
+
import { morseCodeSmallTokens } from '@fluentui-copilot/morse-code';
|
|
3
|
+
export const useMorseCodeSmallStyles = makeStyles({
|
|
4
|
+
base: {
|
|
5
|
+
'@supports (aspect-ratio: 10 / 1)': {
|
|
6
|
+
aspectRatio: morseCodeSmallTokens.morseCodeAspectRatio
|
|
7
|
+
},
|
|
8
|
+
'@supports not (aspect-ratio: 10 / 1)': {
|
|
9
|
+
paddingTop: morseCodeSmallTokens.morseCodeAspectRatioFallbackPaddingTop
|
|
10
|
+
},
|
|
11
|
+
minHeight: '5px',
|
|
12
|
+
forcedColorAdjust: 'none',
|
|
13
|
+
'--fai-morse-code-color-stop-1': morseCodeSmallTokens.morseCodeColorStop1,
|
|
14
|
+
'--fai-morse-code-color-stop-2': morseCodeSmallTokens.morseCodeColorStop2,
|
|
15
|
+
'--fai-morse-code-color-stop-3': morseCodeSmallTokens.morseCodeColorStop3
|
|
16
|
+
},
|
|
17
|
+
wrapper: {
|
|
18
|
+
width: '100%',
|
|
19
|
+
height: '100%'
|
|
20
|
+
}
|
|
21
|
+
});
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["MorseCodeSmall.styles.ts"],"sourcesContent":["import { makeStyles } from '@fluentui/react-components';\nimport { morseCodeSmallTokens } from '@fluentui-copilot/morse-code';\n\nexport const useMorseCodeSmallStyles = makeStyles({\n base: {\n '@supports (aspect-ratio: 10 / 1)': {\n aspectRatio: morseCodeSmallTokens.morseCodeAspectRatio,\n },\n '@supports not (aspect-ratio: 10 / 1)': {\n paddingTop: morseCodeSmallTokens.morseCodeAspectRatioFallbackPaddingTop,\n },\n minHeight: '5px',\n forcedColorAdjust: 'none',\n '--fai-morse-code-color-stop-1': morseCodeSmallTokens.morseCodeColorStop1,\n '--fai-morse-code-color-stop-2': morseCodeSmallTokens.morseCodeColorStop2,\n '--fai-morse-code-color-stop-3': morseCodeSmallTokens.morseCodeColorStop3,\n },\n wrapper: {\n width: '100%',\n height: '100%',\n },\n});\n"],"names":["makeStyles","morseCodeSmallTokens","useMorseCodeSmallStyles","base","aspectRatio","morseCodeAspectRatio","paddingTop","morseCodeAspectRatioFallbackPaddingTop","minHeight","forcedColorAdjust","morseCodeColorStop1","morseCodeColorStop2","morseCodeColorStop3","wrapper","width","height"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,SAASA,UAAU,QAAQ,6BAA6B;AACxD,SAASC,oBAAoB,QAAQ,+BAA+B;AAEpE,OAAO,MAAMC,0BAA0BF,WAAW;IAChDG,MAAM;QACJ,qCAAqC;YACnCC,aAAaH,qBAAqBI,oBAAoB;QACxD;QACA,yCAAyC;YACvCC,YAAYL,qBAAqBM,sCAAsC;QACzE;QACAC,WAAW;QACXC,mBAAmB;QACnB,iCAAiCR,qBAAqBS,mBAAmB;QACzE,iCAAiCT,qBAAqBU,mBAAmB;QACzE,iCAAiCV,qBAAqBW,mBAAmB;IAC3E;IACAC,SAAS;QACPC,OAAO;QACPC,QAAQ;IACV;AACF,GAAG"}
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import { makeResetStyles } 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 = makeResetStyles({
|
|
11
|
+
...sharedStyles,
|
|
12
|
+
animationName: [
|
|
13
|
+
morseCodeSmallAnimationTokens.colorAnimation,
|
|
14
|
+
morseCodeSmallAnimationTokens.dotsAndDashes
|
|
15
|
+
],
|
|
16
|
+
'@media (forced-colors: active)': {
|
|
17
|
+
...sharedStyles,
|
|
18
|
+
animationName: [
|
|
19
|
+
morseCodeSmallAnimationTokens.colorHCAnimation,
|
|
20
|
+
morseCodeSmallAnimationTokens.dotsAndDashes
|
|
21
|
+
]
|
|
22
|
+
}
|
|
23
|
+
});
|
|
@@ -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"}
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", {
|
|
3
|
+
value: true
|
|
4
|
+
});
|
|
5
|
+
Object.defineProperty(exports, "useMorseCodeStyles", {
|
|
6
|
+
enumerable: true,
|
|
7
|
+
get: function() {
|
|
8
|
+
return useMorseCodeStyles;
|
|
9
|
+
}
|
|
10
|
+
});
|
|
11
|
+
const _reactcomponents = require("@fluentui/react-components");
|
|
12
|
+
const _morsecode = require("@fluentui-copilot/morse-code");
|
|
13
|
+
const useMorseCodeStyles = (0, _reactcomponents.makeStyles)({
|
|
14
|
+
base: {
|
|
15
|
+
'@supports (aspect-ratio: 20 / 1)': {
|
|
16
|
+
aspectRatio: _morsecode.morseCodeTokens.morseCodeAspectRatio
|
|
17
|
+
},
|
|
18
|
+
'@supports not (aspect-ratio: 20 / 1)': {
|
|
19
|
+
paddingTop: _morsecode.morseCodeTokens.morseCodeAspectRatioFallbackPaddingTop
|
|
20
|
+
},
|
|
21
|
+
minHeight: '5px',
|
|
22
|
+
forcedColorAdjust: 'none',
|
|
23
|
+
'--fai-morse-code-color-stop-1': _morsecode.morseCodeTokens.morseCodeColorStop1,
|
|
24
|
+
'--fai-morse-code-color-stop-2': _morsecode.morseCodeTokens.morseCodeColorStop2,
|
|
25
|
+
'--fai-morse-code-color-stop-3': _morsecode.morseCodeTokens.morseCodeColorStop3
|
|
26
|
+
},
|
|
27
|
+
wrapper: {
|
|
28
|
+
width: '100%',
|
|
29
|
+
height: '100%'
|
|
30
|
+
}
|
|
31
|
+
});
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["MorseCode.styles.ts"],"sourcesContent":["import { makeStyles } from '@fluentui/react-components';\nimport { morseCodeTokens } from '@fluentui-copilot/morse-code';\n\nexport const useMorseCodeStyles = makeStyles({\n base: {\n '@supports (aspect-ratio: 20 / 1)': {\n aspectRatio: morseCodeTokens.morseCodeAspectRatio,\n },\n '@supports not (aspect-ratio: 20 / 1)': {\n paddingTop: morseCodeTokens.morseCodeAspectRatioFallbackPaddingTop,\n },\n minHeight: '5px',\n forcedColorAdjust: 'none',\n '--fai-morse-code-color-stop-1': morseCodeTokens.morseCodeColorStop1,\n '--fai-morse-code-color-stop-2': morseCodeTokens.morseCodeColorStop2,\n '--fai-morse-code-color-stop-3': morseCodeTokens.morseCodeColorStop3,\n },\n wrapper: {\n width: '100%',\n height: '100%',\n },\n});\n"],"names":["useMorseCodeStyles","makeStyles","base","aspectRatio","morseCodeTokens","morseCodeAspectRatio","paddingTop","morseCodeAspectRatioFallbackPaddingTop","minHeight","forcedColorAdjust","morseCodeColorStop1","morseCodeColorStop2","morseCodeColorStop3","wrapper","width","height"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAGaA;;;eAAAA;;;iCAHc;2BACK;AAEzB,MAAMA,qBAAqBC,IAAAA,2BAAAA,EAAW;IAC3CC,MAAM;QACJ,qCAAqC;YACnCC,aAAaC,0BAAAA,CAAgBC,oBAAoB;QACnD;QACA,yCAAyC;YACvCC,YAAYF,0BAAAA,CAAgBG,sCAAsC;QACpE;QACAC,WAAW;QACXC,mBAAmB;QACnB,iCAAiCL,0BAAAA,CAAgBM,mBAAmB;QACpE,iCAAiCN,0BAAAA,CAAgBO,mBAAmB;QACpE,iCAAiCP,0BAAAA,CAAgBQ,mBAAmB;IACtE;IACAC,SAAS;QACPC,OAAO;QACPC,QAAQ;IACV;AACF"}
|
|
@@ -0,0 +1,32 @@
|
|
|
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.makeResetStyles)({
|
|
20
|
+
...sharedStyles,
|
|
21
|
+
animationName: [
|
|
22
|
+
_morsecode.morseCodeAnimationTokens.colorAnimation,
|
|
23
|
+
_morsecode.morseCodeAnimationTokens.dotsAndDashes
|
|
24
|
+
],
|
|
25
|
+
'@media (forced-colors: active)': {
|
|
26
|
+
...sharedStyles,
|
|
27
|
+
animationName: [
|
|
28
|
+
_morsecode.morseCodeAnimationTokens.colorHCAnimation,
|
|
29
|
+
_morsecode.morseCodeAnimationTokens.dotsAndDashes
|
|
30
|
+
]
|
|
31
|
+
}
|
|
32
|
+
});
|
|
@@ -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","morseCodeAnimationTokens","colorAnimation","dotsAndDashes","colorHCAnimation"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAUaA;;;eAAAA;;;iCAVmB;2BAC0B;AAE1D,MAAMC,eAAe;IACnBC,iBAAiBC,0BAAAA,CAAgBD,eAAe;IAChDE,yBAAyBD,0BAAAA,CAAgBE,gCAAgC;IACzEC,mBAAmBH,0BAAAA,CAAgBI,0BAA0B;IAC7DC,yBAAyBL,0BAAAA,CAAgBM,gCAAgC;AAC3E;AAEO,MAAMT,iCAAiCU,IAAAA,gCAAAA,EAAgB;IAC5D,GAAGT,YAAY;IACfU,eAAe;QAACC,mCAAAA,CAAyBC,cAAc;QAAED,mCAAAA,CAAyBE,aAAa;KAAC;IAEhG,kCAAkC;QAChC,GAAGb,YAAY;QACfU,eAAe;YAACC,mCAAAA,CAAyBG,gBAAgB;YAAEH,mCAAAA,CAAyBE,aAAa;SAAC;IACpG;AACF"}
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", {
|
|
3
|
+
value: true
|
|
4
|
+
});
|
|
5
|
+
Object.defineProperty(exports, "useMorseCodeSmallStyles", {
|
|
6
|
+
enumerable: true,
|
|
7
|
+
get: function() {
|
|
8
|
+
return useMorseCodeSmallStyles;
|
|
9
|
+
}
|
|
10
|
+
});
|
|
11
|
+
const _reactcomponents = require("@fluentui/react-components");
|
|
12
|
+
const _morsecode = require("@fluentui-copilot/morse-code");
|
|
13
|
+
const useMorseCodeSmallStyles = (0, _reactcomponents.makeStyles)({
|
|
14
|
+
base: {
|
|
15
|
+
'@supports (aspect-ratio: 10 / 1)': {
|
|
16
|
+
aspectRatio: _morsecode.morseCodeSmallTokens.morseCodeAspectRatio
|
|
17
|
+
},
|
|
18
|
+
'@supports not (aspect-ratio: 10 / 1)': {
|
|
19
|
+
paddingTop: _morsecode.morseCodeSmallTokens.morseCodeAspectRatioFallbackPaddingTop
|
|
20
|
+
},
|
|
21
|
+
minHeight: '5px',
|
|
22
|
+
forcedColorAdjust: 'none',
|
|
23
|
+
'--fai-morse-code-color-stop-1': _morsecode.morseCodeSmallTokens.morseCodeColorStop1,
|
|
24
|
+
'--fai-morse-code-color-stop-2': _morsecode.morseCodeSmallTokens.morseCodeColorStop2,
|
|
25
|
+
'--fai-morse-code-color-stop-3': _morsecode.morseCodeSmallTokens.morseCodeColorStop3
|
|
26
|
+
},
|
|
27
|
+
wrapper: {
|
|
28
|
+
width: '100%',
|
|
29
|
+
height: '100%'
|
|
30
|
+
}
|
|
31
|
+
});
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["MorseCodeSmall.styles.ts"],"sourcesContent":["import { makeStyles } from '@fluentui/react-components';\nimport { morseCodeSmallTokens } from '@fluentui-copilot/morse-code';\n\nexport const useMorseCodeSmallStyles = makeStyles({\n base: {\n '@supports (aspect-ratio: 10 / 1)': {\n aspectRatio: morseCodeSmallTokens.morseCodeAspectRatio,\n },\n '@supports not (aspect-ratio: 10 / 1)': {\n paddingTop: morseCodeSmallTokens.morseCodeAspectRatioFallbackPaddingTop,\n },\n minHeight: '5px',\n forcedColorAdjust: 'none',\n '--fai-morse-code-color-stop-1': morseCodeSmallTokens.morseCodeColorStop1,\n '--fai-morse-code-color-stop-2': morseCodeSmallTokens.morseCodeColorStop2,\n '--fai-morse-code-color-stop-3': morseCodeSmallTokens.morseCodeColorStop3,\n },\n wrapper: {\n width: '100%',\n height: '100%',\n },\n});\n"],"names":["useMorseCodeSmallStyles","makeStyles","base","aspectRatio","morseCodeSmallTokens","morseCodeAspectRatio","paddingTop","morseCodeAspectRatioFallbackPaddingTop","minHeight","forcedColorAdjust","morseCodeColorStop1","morseCodeColorStop2","morseCodeColorStop3","wrapper","width","height"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAGaA;;;eAAAA;;;iCAHc;2BACU;AAE9B,MAAMA,0BAA0BC,IAAAA,2BAAAA,EAAW;IAChDC,MAAM;QACJ,qCAAqC;YACnCC,aAAaC,+BAAAA,CAAqBC,oBAAoB;QACxD;QACA,yCAAyC;YACvCC,YAAYF,+BAAAA,CAAqBG,sCAAsC;QACzE;QACAC,WAAW;QACXC,mBAAmB;QACnB,iCAAiCL,+BAAAA,CAAqBM,mBAAmB;QACzE,iCAAiCN,+BAAAA,CAAqBO,mBAAmB;QACzE,iCAAiCP,+BAAAA,CAAqBQ,mBAAmB;IAC3E;IACAC,SAAS;QACPC,OAAO;QACPC,QAAQ;IACV;AACF"}
|
|
@@ -0,0 +1,33 @@
|
|
|
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.makeResetStyles)({
|
|
21
|
+
...sharedStyles,
|
|
22
|
+
animationName: [
|
|
23
|
+
_morsecode.morseCodeSmallAnimationTokens.colorAnimation,
|
|
24
|
+
_morsecode.morseCodeSmallAnimationTokens.dotsAndDashes
|
|
25
|
+
],
|
|
26
|
+
'@media (forced-colors: active)': {
|
|
27
|
+
...sharedStyles,
|
|
28
|
+
animationName: [
|
|
29
|
+
_morsecode.morseCodeSmallAnimationTokens.colorHCAnimation,
|
|
30
|
+
_morsecode.morseCodeSmallAnimationTokens.dotsAndDashes
|
|
31
|
+
]
|
|
32
|
+
}
|
|
33
|
+
});
|
|
@@ -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","morseCodeSmallAnimationTokens","colorAnimation","dotsAndDashes","colorHCAnimation"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAiBaA;;;eAAAA;;;iCAjBmB;2BAMzB;AAEPC,IAAAA,mDAAAA;AAEA,MAAMC,eAAe;IACnBC,iBAAiBC,+BAAAA,CAAqBD,eAAe;IACrDE,yBAAyBD,+BAAAA,CAAqBE,gCAAgC;IAC9EC,mBAAmBH,+BAAAA,CAAqBI,0BAA0B;IAClEC,yBAAyBL,+BAAAA,CAAqBM,gCAAgC;AAChF;AAEO,MAAMV,iCAAiCW,IAAAA,gCAAAA,EAAgB;IAC5D,GAAGT,YAAY;IACfU,eAAe;QAACC,wCAAAA,CAA8BC,cAAc;QAAED,wCAAAA,CAA8BE,aAAa;KAAC;IAE1G,kCAAkC;QAChC,GAAGb,YAAY;QACfU,eAAe;YAACC,wCAAAA,CAA8BG,gBAAgB;YAAEH,wCAAAA,CAA8BE,aAAa;SAAC;IAC9G;AACF"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@fluentui-copilot/react-morse-code",
|
|
3
|
-
"version": "0.0.0-nightly-
|
|
3
|
+
"version": "0.0.0-nightly-20250723-0404-b6756f49.1",
|
|
4
4
|
"description": "A Fluent AI package",
|
|
5
5
|
"main": "lib-commonjs/index.js",
|
|
6
6
|
"module": "lib/index.js",
|
|
@@ -13,7 +13,7 @@
|
|
|
13
13
|
"license": "MIT",
|
|
14
14
|
"dependencies": {
|
|
15
15
|
"@fluentui-contrib/houdini-utils": "0.3.5",
|
|
16
|
-
"@fluentui-copilot/morse-code": "0.0.0-nightly-
|
|
16
|
+
"@fluentui-copilot/morse-code": "0.0.0-nightly-20250723-0404-b6756f49.1",
|
|
17
17
|
"@swc/helpers": "^0.5.1"
|
|
18
18
|
},
|
|
19
19
|
"peerDependencies": {
|