@fluentui/react-skeleton 9.1.4 → 9.1.5
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.md +11 -2
- package/lib/components/SkeletonItem/useSkeletonItemStyles.styles.js +23 -14
- package/lib/components/SkeletonItem/useSkeletonItemStyles.styles.js.map +1 -1
- package/lib-commonjs/components/SkeletonItem/useSkeletonItemStyles.styles.js +31 -44
- package/lib-commonjs/components/SkeletonItem/useSkeletonItemStyles.styles.js.map +1 -1
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -1,12 +1,21 @@
|
|
|
1
1
|
# Change Log - @fluentui/react-skeleton
|
|
2
2
|
|
|
3
|
-
This log was last generated on
|
|
3
|
+
This log was last generated on Thu, 23 May 2024 07:57:59 GMT and should not be manually modified.
|
|
4
4
|
|
|
5
5
|
<!-- Start content -->
|
|
6
6
|
|
|
7
|
+
## [9.1.5](https://github.com/microsoft/fluentui/tree/@fluentui/react-skeleton_v9.1.5)
|
|
8
|
+
|
|
9
|
+
Thu, 23 May 2024 07:57:59 GMT
|
|
10
|
+
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-skeleton_v9.1.4..@fluentui/react-skeleton_v9.1.5)
|
|
11
|
+
|
|
12
|
+
### Patches
|
|
13
|
+
|
|
14
|
+
- chore: replace usage of .shorthands() in styles ([PR #31449](https://github.com/microsoft/fluentui/pull/31449) by olfedias@microsoft.com)
|
|
15
|
+
|
|
7
16
|
## [9.1.4](https://github.com/microsoft/fluentui/tree/@fluentui/react-skeleton_v9.1.4)
|
|
8
17
|
|
|
9
|
-
Mon, 20 May 2024 12:
|
|
18
|
+
Mon, 20 May 2024 12:45:03 GMT
|
|
10
19
|
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-skeleton_v9.1.3..@fluentui/react-skeleton_v9.1.4)
|
|
11
20
|
|
|
12
21
|
### Patches
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { __styles, mergeClasses
|
|
1
|
+
import { __styles, mergeClasses } from '@griffel/react';
|
|
2
2
|
import { useFluent_unstable as useFluent } from '@fluentui/react-shared-contexts';
|
|
3
3
|
import { tokens } from '@fluentui/react-theme';
|
|
4
4
|
export const skeletonItemClassNames = {
|
|
@@ -37,8 +37,9 @@ const skeletonPulseAnimation = {
|
|
|
37
37
|
const useStyles = /*#__PURE__*/__styles({
|
|
38
38
|
root: {
|
|
39
39
|
qhf8xq: "f10pi13n",
|
|
40
|
-
B68tc82:
|
|
41
|
-
Bmxbyg5:
|
|
40
|
+
B68tc82: 0,
|
|
41
|
+
Bmxbyg5: 0,
|
|
42
|
+
Bpg54ce: "f1a3p1vp",
|
|
42
43
|
Bkjc3bi: "f1qx3921",
|
|
43
44
|
B8a6bjv: "fj9j8l8",
|
|
44
45
|
Bpptf2m: "f1b6djjb",
|
|
@@ -71,7 +72,9 @@ const useStyles = /*#__PURE__*/__styles({
|
|
|
71
72
|
De3pzq: "f162mh4z"
|
|
72
73
|
}
|
|
73
74
|
}, {
|
|
74
|
-
d: [".f10pi13n{position:relative;}", ".
|
|
75
|
+
d: [".f10pi13n{position:relative;}", [".f1a3p1vp{overflow:hidden;}", {
|
|
76
|
+
p: -1
|
|
77
|
+
}], ".f1qx3921{background-size:300% 100%;}", ".fj9j8l8{background-position-x:center;}", ".f1b6djjb{background-position-y:center;}", ".f1dsdmen{background-attachment:fixed;}", ".f1cpbl36{animation-iteration-count:infinite;}", ".f1a27w2r{animation-duration:3s;}", ".f452v7t{animation-timing-function:linear;}", ".fj20wtk{animation-name:fma800j;}", ".f101ziu5{background-image:linear-gradient(\n to right,\n var(--colorNeutralStencil1) 0%,\n var(--colorNeutralStencil2) 50%,\n var(--colorNeutralStencil1) 100%);}", ".f152emvt{background-image:linear-gradient(\n to left,\n var(--colorNeutralStencil1) 0%,\n var(--colorNeutralStencil2) 50%,\n var(--colorNeutralStencil1) 100%);}", ".f105t0nc{animation-name:fj9wi3p;}", ".fnm2mpv{animation-name:f12o7gg6;}", ".f1iuewzk{animation-duration:1s;}", ".f1gjxg63{background-color:var(--colorNeutralStencil1);}", ".fss7axp{background-image:linear-gradient(\n to right,\n var(--colorNeutralStencil1Alpha) 0%,\n var(--colorNeutralStencil2Alpha) 50%,\n var(--colorNeutralStencil1Alpha) 100%);}", ".f4160cw{background-image:linear-gradient(\n to left,\n var(--colorNeutralStencil1Alpha) 0%,\n var(--colorNeutralStencil2Alpha) 50%,\n var(--colorNeutralStencil1Alpha) 100%);}", ".f162mh4z{background-color:var(--colorNeutralStencil1Alpha);}"],
|
|
75
78
|
m: [["@media screen and (prefers-reduced-motion: reduce){.f4akx1t{animation-duration:0.01ms;}}", {
|
|
76
79
|
m: "screen and (prefers-reduced-motion: reduce)"
|
|
77
80
|
}], ["@media screen and (prefers-reduced-motion: reduce){.f18p5put{animation-iteration-count:1;}}", {
|
|
@@ -132,13 +135,16 @@ const useRectangleStyles = /*#__PURE__*/__styles({
|
|
|
132
135
|
},
|
|
133
136
|
root: {
|
|
134
137
|
a9b677: "fly5x3f",
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
138
|
+
Beyfa6y: 0,
|
|
139
|
+
Bbmb7ep: 0,
|
|
140
|
+
Btl43ni: 0,
|
|
141
|
+
B7oj6ja: 0,
|
|
142
|
+
Dimara: "ff3glw6"
|
|
139
143
|
}
|
|
140
144
|
}, {
|
|
141
|
-
d: [".f1x82gua{height:8px;}", ".fvblgha{height:12px;}", ".fd461yt{height:16px;}", ".fjamq6b{height:20px;}", ".frvgh55{height:24px;}", ".fxldao9{height:28px;}", ".f1d2rq10{height:32px;}", ".f8ljn23{height:36px;}", ".fbhnoac{height:40px;}", ".ff2sm71{height:48px;}", ".fzki0ko{height:56px;}", ".f16k9i2m{height:64px;}", ".f1shusfg{height:72px;}", ".fypu0ge{height:96px;}", ".fjr5b71{height:120px;}", ".fele2au{height:128px;}", ".fly5x3f{width:100%;}", ".
|
|
145
|
+
d: [".f1x82gua{height:8px;}", ".fvblgha{height:12px;}", ".fd461yt{height:16px;}", ".fjamq6b{height:20px;}", ".frvgh55{height:24px;}", ".fxldao9{height:28px;}", ".f1d2rq10{height:32px;}", ".f8ljn23{height:36px;}", ".fbhnoac{height:40px;}", ".ff2sm71{height:48px;}", ".fzki0ko{height:56px;}", ".f16k9i2m{height:64px;}", ".f1shusfg{height:72px;}", ".fypu0ge{height:96px;}", ".fjr5b71{height:120px;}", ".fele2au{height:128px;}", ".fly5x3f{width:100%;}", [".ff3glw6{border-radius:4px;}", {
|
|
146
|
+
p: -1
|
|
147
|
+
}]]
|
|
142
148
|
});
|
|
143
149
|
const useSizeStyles = /*#__PURE__*/__styles({
|
|
144
150
|
"8": {
|
|
@@ -210,13 +216,16 @@ const useSizeStyles = /*#__PURE__*/__styles({
|
|
|
210
216
|
});
|
|
211
217
|
const useCircleSizeStyles = /*#__PURE__*/__styles({
|
|
212
218
|
root: {
|
|
213
|
-
|
|
214
|
-
|
|
215
|
-
|
|
216
|
-
|
|
219
|
+
Beyfa6y: 0,
|
|
220
|
+
Bbmb7ep: 0,
|
|
221
|
+
Btl43ni: 0,
|
|
222
|
+
B7oj6ja: 0,
|
|
223
|
+
Dimara: "f5q2cvs"
|
|
217
224
|
}
|
|
218
225
|
}, {
|
|
219
|
-
d: [".
|
|
226
|
+
d: [[".f5q2cvs{border-radius:50%;}", {
|
|
227
|
+
p: -1
|
|
228
|
+
}]]
|
|
220
229
|
});
|
|
221
230
|
/**
|
|
222
231
|
* Apply styling to the SkeletonItem slots based on the state
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["__styles","mergeClasses","
|
|
1
|
+
{"version":3,"names":["__styles","mergeClasses","useFluent_unstable","useFluent","tokens","skeletonItemClassNames","root","skeletonWaveAnimation","from","backgroundPositionX","to","skeletonWaveAnimationRTL","skeletonPulseAnimation","opacity","useStyles","qhf8xq","B68tc82","Bmxbyg5","Bpg54ce","Bkjc3bi","B8a6bjv","Bpptf2m","Bgh53k4","w3vfg9","vin17d","Ezkn3b","Gqtpxc","B3vm3ge","wave","Bv12yb3","Bcmaq0h","Bpep1pd","waveRtl","pulse","De3pzq","translucent","translucentPulse","d","p","m","k","useRectangleStyles","Bqenvij","a9b677","Beyfa6y","Bbmb7ep","Btl43ni","B7oj6ja","Dimara","useSizeStyles","useCircleSizeStyles","useSkeletonItemStyles_unstable","state","animation","appearance","size","shape","dir","rootStyles","rectStyles","sizeStyles","circleStyles","className"],"sources":["useSkeletonItemStyles.styles.js"],"sourcesContent":["import { makeStyles, mergeClasses } from '@griffel/react';\nimport { useFluent_unstable as useFluent } from '@fluentui/react-shared-contexts';\nimport { tokens } from '@fluentui/react-theme';\nexport const skeletonItemClassNames = {\n root: 'fui-SkeletonItem'\n};\nconst skeletonWaveAnimation = {\n from: {\n backgroundPositionX: '300% /* @noflip */'\n },\n to: {\n backgroundPositionX: '0% /* @noflip */'\n }\n};\nconst skeletonWaveAnimationRTL = {\n from: {\n backgroundPositionX: '0% /* @noflip */'\n },\n to: {\n backgroundPositionX: '300% /* @noflip */'\n }\n};\nconst skeletonPulseAnimation = {\n '0%': {\n opacity: '1'\n },\n '50%': {\n opacity: '0.4'\n },\n '100%': {\n opacity: '1'\n }\n};\n/**\n * Styles for the root slot\n */ const useStyles = makeStyles({\n root: {\n position: 'relative',\n overflow: 'hidden',\n backgroundSize: '300% 100%',\n backgroundPositionX: 'center',\n backgroundPositionY: 'center',\n backgroundAttachment: 'fixed',\n animationIterationCount: 'infinite',\n animationDuration: '3s',\n animationTimingFunction: 'linear',\n '@media screen and (prefers-reduced-motion: reduce)': {\n animationDuration: '0.01ms',\n animationIterationCount: '1'\n }\n },\n wave: {\n animationName: skeletonWaveAnimation,\n backgroundImage: `linear-gradient(\n to right,\n ${tokens.colorNeutralStencil1} 0%,\n ${tokens.colorNeutralStencil2} 50%,\n ${tokens.colorNeutralStencil1} 100%)`,\n '@media screen and (forced-colors: active)': {\n backgroundColor: 'WindowText'\n }\n },\n waveRtl: {\n animationName: skeletonWaveAnimationRTL,\n backgroundImage: `linear-gradient(\n to right,\n ${tokens.colorNeutralStencil1} 0%,\n ${tokens.colorNeutralStencil2} 50%,\n ${tokens.colorNeutralStencil1} 100%)`,\n '@media screen and (forced-colors: active)': {\n backgroundColor: 'WindowText'\n }\n },\n pulse: {\n animationName: skeletonPulseAnimation,\n animationDuration: '1s',\n backgroundColor: tokens.colorNeutralStencil1\n },\n translucent: {\n backgroundImage: `linear-gradient(\n to right,\n ${tokens.colorNeutralStencil1Alpha} 0%,\n ${tokens.colorNeutralStencil2Alpha} 50%,\n ${tokens.colorNeutralStencil1Alpha} 100%)`\n },\n translucentPulse: {\n backgroundColor: tokens.colorNeutralStencil1Alpha\n }\n});\nconst useRectangleStyles = makeStyles({\n root: {\n width: '100%',\n borderRadius: '4px'\n },\n 8: {\n height: '8px'\n },\n 12: {\n height: '12px'\n },\n 16: {\n height: '16px'\n },\n 20: {\n height: '20px'\n },\n 24: {\n height: '24px'\n },\n 28: {\n height: '28px'\n },\n 32: {\n height: '32px'\n },\n 36: {\n height: '36px'\n },\n 40: {\n height: '40px'\n },\n 48: {\n height: '48px'\n },\n 56: {\n height: '56px'\n },\n 64: {\n height: '64px'\n },\n 72: {\n height: '72px'\n },\n 96: {\n height: '96px'\n },\n 120: {\n height: '120px'\n },\n 128: {\n height: '128px'\n }\n});\nconst useSizeStyles = makeStyles({\n 8: {\n width: '8px',\n height: '8px'\n },\n 12: {\n width: '12px',\n height: '12px'\n },\n 16: {\n width: '16px',\n height: '16px'\n },\n 20: {\n width: '20px',\n height: '20px'\n },\n 24: {\n width: '24px',\n height: '24px'\n },\n 28: {\n width: '28px',\n height: '28px'\n },\n 32: {\n width: '32px',\n height: '32px'\n },\n 36: {\n width: '36px',\n height: '36px'\n },\n 40: {\n width: '40px',\n height: '40px'\n },\n 48: {\n width: '48px',\n height: '48px'\n },\n 56: {\n width: '56px',\n height: '56px'\n },\n 64: {\n width: '64px',\n height: '64px'\n },\n 72: {\n width: '72px',\n height: '72px'\n },\n 96: {\n width: '96px',\n height: '96px'\n },\n 120: {\n width: '120px',\n height: '120px'\n },\n 128: {\n width: '128px',\n height: '128px'\n }\n});\nconst useCircleSizeStyles = makeStyles({\n root: {\n borderRadius: '50%'\n }\n});\n/**\n * Apply styling to the SkeletonItem slots based on the state\n */ export const useSkeletonItemStyles_unstable = (state)=>{\n const { animation, appearance, size, shape } = state;\n const { dir } = useFluent();\n const rootStyles = useStyles();\n const rectStyles = useRectangleStyles();\n const sizeStyles = useSizeStyles();\n const circleStyles = useCircleSizeStyles();\n state.root.className = mergeClasses(skeletonItemClassNames.root, rootStyles.root, animation === 'wave' && rootStyles.wave, animation === 'wave' && dir === 'rtl' && rootStyles.waveRtl, animation === 'pulse' && rootStyles.pulse, appearance === 'translucent' && rootStyles.translucent, animation === 'pulse' && appearance === 'translucent' && rootStyles.translucentPulse, shape === 'rectangle' && rectStyles.root, shape === 'rectangle' && rectStyles[size], shape === 'square' && sizeStyles[size], shape === 'circle' && circleStyles.root, shape === 'circle' && sizeStyles[size], state.root.className);\n return state;\n};\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -53,8 +53,9 @@ const skeletonPulseAnimation = {
|
|
|
53
53
|
*/ const useStyles = /*#__PURE__*/ (0, _react.__styles)({
|
|
54
54
|
root: {
|
|
55
55
|
qhf8xq: "f10pi13n",
|
|
56
|
-
B68tc82:
|
|
57
|
-
Bmxbyg5:
|
|
56
|
+
B68tc82: 0,
|
|
57
|
+
Bmxbyg5: 0,
|
|
58
|
+
Bpg54ce: "f1a3p1vp",
|
|
58
59
|
Bkjc3bi: "f1qx3921",
|
|
59
60
|
B8a6bjv: "fj9j8l8",
|
|
60
61
|
Bpptf2m: "f1b6djjb",
|
|
@@ -98,8 +99,12 @@ const skeletonPulseAnimation = {
|
|
|
98
99
|
}, {
|
|
99
100
|
d: [
|
|
100
101
|
".f10pi13n{position:relative;}",
|
|
101
|
-
|
|
102
|
-
|
|
102
|
+
[
|
|
103
|
+
".f1a3p1vp{overflow:hidden;}",
|
|
104
|
+
{
|
|
105
|
+
p: -1
|
|
106
|
+
}
|
|
107
|
+
],
|
|
103
108
|
".f1qx3921{background-size:300% 100%;}",
|
|
104
109
|
".fj9j8l8{background-position-x:center;}",
|
|
105
110
|
".f1b6djjb{background-position-y:center;}",
|
|
@@ -195,22 +200,11 @@ const useRectangleStyles = /*#__PURE__*/ (0, _react.__styles)({
|
|
|
195
200
|
},
|
|
196
201
|
root: {
|
|
197
202
|
a9b677: "fly5x3f",
|
|
198
|
-
|
|
199
|
-
|
|
200
|
-
|
|
201
|
-
|
|
202
|
-
|
|
203
|
-
"f1bjk9e1",
|
|
204
|
-
"fff7au0"
|
|
205
|
-
],
|
|
206
|
-
B7oj6ja: [
|
|
207
|
-
"fwsfkhu",
|
|
208
|
-
"f8wkphi"
|
|
209
|
-
],
|
|
210
|
-
Btl43ni: [
|
|
211
|
-
"f8wkphi",
|
|
212
|
-
"fwsfkhu"
|
|
213
|
-
]
|
|
203
|
+
Beyfa6y: 0,
|
|
204
|
+
Bbmb7ep: 0,
|
|
205
|
+
Btl43ni: 0,
|
|
206
|
+
B7oj6ja: 0,
|
|
207
|
+
Dimara: "ff3glw6"
|
|
214
208
|
}
|
|
215
209
|
}, {
|
|
216
210
|
d: [
|
|
@@ -231,10 +225,12 @@ const useRectangleStyles = /*#__PURE__*/ (0, _react.__styles)({
|
|
|
231
225
|
".fjr5b71{height:120px;}",
|
|
232
226
|
".fele2au{height:128px;}",
|
|
233
227
|
".fly5x3f{width:100%;}",
|
|
234
|
-
|
|
235
|
-
|
|
236
|
-
|
|
237
|
-
|
|
228
|
+
[
|
|
229
|
+
".ff3glw6{border-radius:4px;}",
|
|
230
|
+
{
|
|
231
|
+
p: -1
|
|
232
|
+
}
|
|
233
|
+
]
|
|
238
234
|
]
|
|
239
235
|
});
|
|
240
236
|
const useSizeStyles = /*#__PURE__*/ (0, _react.__styles)({
|
|
@@ -340,29 +336,20 @@ const useSizeStyles = /*#__PURE__*/ (0, _react.__styles)({
|
|
|
340
336
|
});
|
|
341
337
|
const useCircleSizeStyles = /*#__PURE__*/ (0, _react.__styles)({
|
|
342
338
|
root: {
|
|
343
|
-
|
|
344
|
-
|
|
345
|
-
|
|
346
|
-
|
|
347
|
-
|
|
348
|
-
"fchfifz",
|
|
349
|
-
"fqgqgel"
|
|
350
|
-
],
|
|
351
|
-
B7oj6ja: [
|
|
352
|
-
"fc7b1hi",
|
|
353
|
-
"f1dpx5h9"
|
|
354
|
-
],
|
|
355
|
-
Btl43ni: [
|
|
356
|
-
"f1dpx5h9",
|
|
357
|
-
"fc7b1hi"
|
|
358
|
-
]
|
|
339
|
+
Beyfa6y: 0,
|
|
340
|
+
Bbmb7ep: 0,
|
|
341
|
+
Btl43ni: 0,
|
|
342
|
+
B7oj6ja: 0,
|
|
343
|
+
Dimara: "f5q2cvs"
|
|
359
344
|
}
|
|
360
345
|
}, {
|
|
361
346
|
d: [
|
|
362
|
-
|
|
363
|
-
|
|
364
|
-
|
|
365
|
-
|
|
347
|
+
[
|
|
348
|
+
".f5q2cvs{border-radius:50%;}",
|
|
349
|
+
{
|
|
350
|
+
p: -1
|
|
351
|
+
}
|
|
352
|
+
]
|
|
366
353
|
]
|
|
367
354
|
});
|
|
368
355
|
const useSkeletonItemStyles_unstable = (state)=>{
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["useSkeletonItemStyles.styles.js"],"sourcesContent":["import { __styles, mergeClasses, shorthands } from '@griffel/react';\nimport { useFluent_unstable as useFluent } from '@fluentui/react-shared-contexts';\nimport { tokens } from '@fluentui/react-theme';\nexport const skeletonItemClassNames = {\n root: 'fui-SkeletonItem'\n};\nconst skeletonWaveAnimation = {\n from: {\n backgroundPositionX: '300% /* @noflip */'\n },\n to: {\n backgroundPositionX: '0% /* @noflip */'\n }\n};\nconst skeletonWaveAnimationRTL = {\n from: {\n backgroundPositionX: '0% /* @noflip */'\n },\n to: {\n backgroundPositionX: '300% /* @noflip */'\n }\n};\nconst skeletonPulseAnimation = {\n '0%': {\n opacity: '1'\n },\n '50%': {\n opacity: '0.4'\n },\n '100%': {\n opacity: '1'\n }\n};\n/**\n * Styles for the root slot\n */\nconst useStyles = /*#__PURE__*/__styles({\n root: {\n qhf8xq: \"f10pi13n\",\n B68tc82: \"f1p9o1ba\",\n Bmxbyg5: \"f1sil6mw\",\n Bkjc3bi: \"f1qx3921\",\n B8a6bjv: \"fj9j8l8\",\n Bpptf2m: \"f1b6djjb\",\n Bgh53k4: \"f1dsdmen\",\n w3vfg9: \"f1cpbl36\",\n vin17d: \"f1a27w2r\",\n Ezkn3b: \"f452v7t\",\n Gqtpxc: \"f4akx1t\",\n B3vm3ge: \"f18p5put\"\n },\n wave: {\n Bv12yb3: \"fj20wtk\",\n Bcmaq0h: [\"f101ziu5\", \"f152emvt\"],\n Bpep1pd: \"f9jxvrw\"\n },\n waveRtl: {\n Bv12yb3: \"f105t0nc\",\n Bcmaq0h: [\"f101ziu5\", \"f152emvt\"],\n Bpep1pd: \"f9jxvrw\"\n },\n pulse: {\n Bv12yb3: \"fnm2mpv\",\n vin17d: \"f1iuewzk\",\n De3pzq: \"f1gjxg63\"\n },\n translucent: {\n Bcmaq0h: [\"fss7axp\", \"f4160cw\"]\n },\n translucentPulse: {\n De3pzq: \"f162mh4z\"\n }\n}, {\n d: [\".f10pi13n{position:relative;}\", \".f1p9o1ba{overflow-x:hidden;}\", \".f1sil6mw{overflow-y:hidden;}\", \".f1qx3921{background-size:300% 100%;}\", \".fj9j8l8{background-position-x:center;}\", \".f1b6djjb{background-position-y:center;}\", \".f1dsdmen{background-attachment:fixed;}\", \".f1cpbl36{animation-iteration-count:infinite;}\", \".f1a27w2r{animation-duration:3s;}\", \".f452v7t{animation-timing-function:linear;}\", \".fj20wtk{animation-name:fma800j;}\", \".f101ziu5{background-image:linear-gradient(\\n to right,\\n var(--colorNeutralStencil1) 0%,\\n var(--colorNeutralStencil2) 50%,\\n var(--colorNeutralStencil1) 100%);}\", \".f152emvt{background-image:linear-gradient(\\n to left,\\n var(--colorNeutralStencil1) 0%,\\n var(--colorNeutralStencil2) 50%,\\n var(--colorNeutralStencil1) 100%);}\", \".f105t0nc{animation-name:fj9wi3p;}\", \".fnm2mpv{animation-name:f12o7gg6;}\", \".f1iuewzk{animation-duration:1s;}\", \".f1gjxg63{background-color:var(--colorNeutralStencil1);}\", \".fss7axp{background-image:linear-gradient(\\n to right,\\n var(--colorNeutralStencil1Alpha) 0%,\\n var(--colorNeutralStencil2Alpha) 50%,\\n var(--colorNeutralStencil1Alpha) 100%);}\", \".f4160cw{background-image:linear-gradient(\\n to left,\\n var(--colorNeutralStencil1Alpha) 0%,\\n var(--colorNeutralStencil2Alpha) 50%,\\n var(--colorNeutralStencil1Alpha) 100%);}\", \".f162mh4z{background-color:var(--colorNeutralStencil1Alpha);}\"],\n m: [[\"@media screen and (prefers-reduced-motion: reduce){.f4akx1t{animation-duration:0.01ms;}}\", {\n m: \"screen and (prefers-reduced-motion: reduce)\"\n }], [\"@media screen and (prefers-reduced-motion: reduce){.f18p5put{animation-iteration-count:1;}}\", {\n m: \"screen and (prefers-reduced-motion: reduce)\"\n }], [\"@media screen and (forced-colors: active){.f9jxvrw{background-color:WindowText;}}\", {\n m: \"screen and (forced-colors: active)\"\n }]],\n k: [\"@keyframes fma800j{from{background-position-x:300%;}to{background-position-x:0%;}}\", \"@keyframes fj9wi3p{from{background-position-x:0%;}to{background-position-x:300%;}}\", \"@keyframes f12o7gg6{0%{opacity:1;}50%{opacity:0.4;}100%{opacity:1;}}\"]\n});\nconst useRectangleStyles = /*#__PURE__*/__styles({\n \"8\": {\n Bqenvij: \"f1x82gua\"\n },\n \"12\": {\n Bqenvij: \"fvblgha\"\n },\n \"16\": {\n Bqenvij: \"fd461yt\"\n },\n \"20\": {\n Bqenvij: \"fjamq6b\"\n },\n \"24\": {\n Bqenvij: \"frvgh55\"\n },\n \"28\": {\n Bqenvij: \"fxldao9\"\n },\n \"32\": {\n Bqenvij: \"f1d2rq10\"\n },\n \"36\": {\n Bqenvij: \"f8ljn23\"\n },\n \"40\": {\n Bqenvij: \"fbhnoac\"\n },\n \"48\": {\n Bqenvij: \"ff2sm71\"\n },\n \"56\": {\n Bqenvij: \"fzki0ko\"\n },\n \"64\": {\n Bqenvij: \"f16k9i2m\"\n },\n \"72\": {\n Bqenvij: \"f1shusfg\"\n },\n \"96\": {\n Bqenvij: \"fypu0ge\"\n },\n \"120\": {\n Bqenvij: \"fjr5b71\"\n },\n \"128\": {\n Bqenvij: \"fele2au\"\n },\n root: {\n a9b677: \"fly5x3f\",\n Bbmb7ep: [\"fff7au0\", \"f1bjk9e1\"],\n Beyfa6y: [\"f1bjk9e1\", \"fff7au0\"],\n B7oj6ja: [\"fwsfkhu\", \"f8wkphi\"],\n Btl43ni: [\"f8wkphi\", \"fwsfkhu\"]\n }\n}, {\n d: [\".f1x82gua{height:8px;}\", \".fvblgha{height:12px;}\", \".fd461yt{height:16px;}\", \".fjamq6b{height:20px;}\", \".frvgh55{height:24px;}\", \".fxldao9{height:28px;}\", \".f1d2rq10{height:32px;}\", \".f8ljn23{height:36px;}\", \".fbhnoac{height:40px;}\", \".ff2sm71{height:48px;}\", \".fzki0ko{height:56px;}\", \".f16k9i2m{height:64px;}\", \".f1shusfg{height:72px;}\", \".fypu0ge{height:96px;}\", \".fjr5b71{height:120px;}\", \".fele2au{height:128px;}\", \".fly5x3f{width:100%;}\", \".fff7au0{border-bottom-right-radius:4px;}\", \".f1bjk9e1{border-bottom-left-radius:4px;}\", \".fwsfkhu{border-top-right-radius:4px;}\", \".f8wkphi{border-top-left-radius:4px;}\"]\n});\nconst useSizeStyles = /*#__PURE__*/__styles({\n \"8\": {\n a9b677: \"f1o3cbw4\",\n Bqenvij: \"f1x82gua\"\n },\n \"12\": {\n a9b677: \"frx94fk\",\n Bqenvij: \"fvblgha\"\n },\n \"16\": {\n a9b677: \"fjw5fx7\",\n Bqenvij: \"fd461yt\"\n },\n \"20\": {\n a9b677: \"f64fuq3\",\n Bqenvij: \"fjamq6b\"\n },\n \"24\": {\n a9b677: \"fq4mcun\",\n Bqenvij: \"frvgh55\"\n },\n \"28\": {\n a9b677: \"f1w9dchk\",\n Bqenvij: \"fxldao9\"\n },\n \"32\": {\n a9b677: \"f1szoe96\",\n Bqenvij: \"f1d2rq10\"\n },\n \"36\": {\n a9b677: \"fpdz1er\",\n Bqenvij: \"f8ljn23\"\n },\n \"40\": {\n a9b677: \"feqmc2u\",\n Bqenvij: \"fbhnoac\"\n },\n \"48\": {\n a9b677: \"f124akge\",\n Bqenvij: \"ff2sm71\"\n },\n \"56\": {\n a9b677: \"f1u66zr1\",\n Bqenvij: \"fzki0ko\"\n },\n \"64\": {\n a9b677: \"fa9ln6p\",\n Bqenvij: \"f16k9i2m\"\n },\n \"72\": {\n a9b677: \"fhcae8x\",\n Bqenvij: \"f1shusfg\"\n },\n \"96\": {\n a9b677: \"f1kyr2gn\",\n Bqenvij: \"fypu0ge\"\n },\n \"120\": {\n a9b677: \"fwfqyga\",\n Bqenvij: \"fjr5b71\"\n },\n \"128\": {\n a9b677: \"f1iksgmy\",\n Bqenvij: \"fele2au\"\n }\n}, {\n d: [\".f1o3cbw4{width:8px;}\", \".f1x82gua{height:8px;}\", \".frx94fk{width:12px;}\", \".fvblgha{height:12px;}\", \".fjw5fx7{width:16px;}\", \".fd461yt{height:16px;}\", \".f64fuq3{width:20px;}\", \".fjamq6b{height:20px;}\", \".fq4mcun{width:24px;}\", \".frvgh55{height:24px;}\", \".f1w9dchk{width:28px;}\", \".fxldao9{height:28px;}\", \".f1szoe96{width:32px;}\", \".f1d2rq10{height:32px;}\", \".fpdz1er{width:36px;}\", \".f8ljn23{height:36px;}\", \".feqmc2u{width:40px;}\", \".fbhnoac{height:40px;}\", \".f124akge{width:48px;}\", \".ff2sm71{height:48px;}\", \".f1u66zr1{width:56px;}\", \".fzki0ko{height:56px;}\", \".fa9ln6p{width:64px;}\", \".f16k9i2m{height:64px;}\", \".fhcae8x{width:72px;}\", \".f1shusfg{height:72px;}\", \".f1kyr2gn{width:96px;}\", \".fypu0ge{height:96px;}\", \".fwfqyga{width:120px;}\", \".fjr5b71{height:120px;}\", \".f1iksgmy{width:128px;}\", \".fele2au{height:128px;}\"]\n});\nconst useCircleSizeStyles = /*#__PURE__*/__styles({\n root: {\n Bbmb7ep: [\"fqgqgel\", \"fchfifz\"],\n Beyfa6y: [\"fchfifz\", \"fqgqgel\"],\n B7oj6ja: [\"fc7b1hi\", \"f1dpx5h9\"],\n Btl43ni: [\"f1dpx5h9\", \"fc7b1hi\"]\n }\n}, {\n d: [\".fqgqgel{border-bottom-right-radius:50%;}\", \".fchfifz{border-bottom-left-radius:50%;}\", \".fc7b1hi{border-top-right-radius:50%;}\", \".f1dpx5h9{border-top-left-radius:50%;}\"]\n});\n/**\n * Apply styling to the SkeletonItem slots based on the state\n */\nexport const useSkeletonItemStyles_unstable = state => {\n const {\n animation,\n appearance,\n size,\n shape\n } = state;\n const {\n dir\n } = useFluent();\n const rootStyles = useStyles();\n const rectStyles = useRectangleStyles();\n const sizeStyles = useSizeStyles();\n const circleStyles = useCircleSizeStyles();\n state.root.className = mergeClasses(skeletonItemClassNames.root, rootStyles.root, animation === 'wave' && rootStyles.wave, animation === 'wave' && dir === 'rtl' && rootStyles.waveRtl, animation === 'pulse' && rootStyles.pulse, appearance === 'translucent' && rootStyles.translucent, animation === 'pulse' && appearance === 'translucent' && rootStyles.translucentPulse, shape === 'rectangle' && rectStyles.root, shape === 'rectangle' && rectStyles[size], shape === 'square' && sizeStyles[size], shape === 'circle' && circleStyles.root, shape === 'circle' && sizeStyles[size], state.root.className);\n return state;\n};\n//# sourceMappingURL=useSkeletonItemStyles.styles.js.map"],"names":["skeletonItemClassNames","useSkeletonItemStyles_unstable","root","skeletonWaveAnimation","from","backgroundPositionX","to","skeletonWaveAnimationRTL","skeletonPulseAnimation","opacity","useStyles","__styles","qhf8xq","B68tc82","Bmxbyg5","Bkjc3bi","B8a6bjv","Bpptf2m","Bgh53k4","w3vfg9","vin17d","Ezkn3b","Gqtpxc","B3vm3ge","wave","Bv12yb3","Bcmaq0h","Bpep1pd","waveRtl","pulse","De3pzq","translucent","translucentPulse","d","m","k","useRectangleStyles","Bqenvij","a9b677","Bbmb7ep","Beyfa6y","B7oj6ja","Btl43ni","useSizeStyles","useCircleSizeStyles","state","animation","appearance","size","shape","dir","useFluent","rootStyles","rectStyles","sizeStyles","circleStyles","className","mergeClasses"],"mappings":"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"}
|
|
1
|
+
{"version":3,"sources":["useSkeletonItemStyles.styles.js"],"sourcesContent":["import { __styles, mergeClasses } from '@griffel/react';\nimport { useFluent_unstable as useFluent } from '@fluentui/react-shared-contexts';\nimport { tokens } from '@fluentui/react-theme';\nexport const skeletonItemClassNames = {\n root: 'fui-SkeletonItem'\n};\nconst skeletonWaveAnimation = {\n from: {\n backgroundPositionX: '300% /* @noflip */'\n },\n to: {\n backgroundPositionX: '0% /* @noflip */'\n }\n};\nconst skeletonWaveAnimationRTL = {\n from: {\n backgroundPositionX: '0% /* @noflip */'\n },\n to: {\n backgroundPositionX: '300% /* @noflip */'\n }\n};\nconst skeletonPulseAnimation = {\n '0%': {\n opacity: '1'\n },\n '50%': {\n opacity: '0.4'\n },\n '100%': {\n opacity: '1'\n }\n};\n/**\n * Styles for the root slot\n */\nconst useStyles = /*#__PURE__*/__styles({\n root: {\n qhf8xq: \"f10pi13n\",\n B68tc82: 0,\n Bmxbyg5: 0,\n Bpg54ce: \"f1a3p1vp\",\n Bkjc3bi: \"f1qx3921\",\n B8a6bjv: \"fj9j8l8\",\n Bpptf2m: \"f1b6djjb\",\n Bgh53k4: \"f1dsdmen\",\n w3vfg9: \"f1cpbl36\",\n vin17d: \"f1a27w2r\",\n Ezkn3b: \"f452v7t\",\n Gqtpxc: \"f4akx1t\",\n B3vm3ge: \"f18p5put\"\n },\n wave: {\n Bv12yb3: \"fj20wtk\",\n Bcmaq0h: [\"f101ziu5\", \"f152emvt\"],\n Bpep1pd: \"f9jxvrw\"\n },\n waveRtl: {\n Bv12yb3: \"f105t0nc\",\n Bcmaq0h: [\"f101ziu5\", \"f152emvt\"],\n Bpep1pd: \"f9jxvrw\"\n },\n pulse: {\n Bv12yb3: \"fnm2mpv\",\n vin17d: \"f1iuewzk\",\n De3pzq: \"f1gjxg63\"\n },\n translucent: {\n Bcmaq0h: [\"fss7axp\", \"f4160cw\"]\n },\n translucentPulse: {\n De3pzq: \"f162mh4z\"\n }\n}, {\n d: [\".f10pi13n{position:relative;}\", [\".f1a3p1vp{overflow:hidden;}\", {\n p: -1\n }], \".f1qx3921{background-size:300% 100%;}\", \".fj9j8l8{background-position-x:center;}\", \".f1b6djjb{background-position-y:center;}\", \".f1dsdmen{background-attachment:fixed;}\", \".f1cpbl36{animation-iteration-count:infinite;}\", \".f1a27w2r{animation-duration:3s;}\", \".f452v7t{animation-timing-function:linear;}\", \".fj20wtk{animation-name:fma800j;}\", \".f101ziu5{background-image:linear-gradient(\\n to right,\\n var(--colorNeutralStencil1) 0%,\\n var(--colorNeutralStencil2) 50%,\\n var(--colorNeutralStencil1) 100%);}\", \".f152emvt{background-image:linear-gradient(\\n to left,\\n var(--colorNeutralStencil1) 0%,\\n var(--colorNeutralStencil2) 50%,\\n var(--colorNeutralStencil1) 100%);}\", \".f105t0nc{animation-name:fj9wi3p;}\", \".fnm2mpv{animation-name:f12o7gg6;}\", \".f1iuewzk{animation-duration:1s;}\", \".f1gjxg63{background-color:var(--colorNeutralStencil1);}\", \".fss7axp{background-image:linear-gradient(\\n to right,\\n var(--colorNeutralStencil1Alpha) 0%,\\n var(--colorNeutralStencil2Alpha) 50%,\\n var(--colorNeutralStencil1Alpha) 100%);}\", \".f4160cw{background-image:linear-gradient(\\n to left,\\n var(--colorNeutralStencil1Alpha) 0%,\\n var(--colorNeutralStencil2Alpha) 50%,\\n var(--colorNeutralStencil1Alpha) 100%);}\", \".f162mh4z{background-color:var(--colorNeutralStencil1Alpha);}\"],\n m: [[\"@media screen and (prefers-reduced-motion: reduce){.f4akx1t{animation-duration:0.01ms;}}\", {\n m: \"screen and (prefers-reduced-motion: reduce)\"\n }], [\"@media screen and (prefers-reduced-motion: reduce){.f18p5put{animation-iteration-count:1;}}\", {\n m: \"screen and (prefers-reduced-motion: reduce)\"\n }], [\"@media screen and (forced-colors: active){.f9jxvrw{background-color:WindowText;}}\", {\n m: \"screen and (forced-colors: active)\"\n }]],\n k: [\"@keyframes fma800j{from{background-position-x:300%;}to{background-position-x:0%;}}\", \"@keyframes fj9wi3p{from{background-position-x:0%;}to{background-position-x:300%;}}\", \"@keyframes f12o7gg6{0%{opacity:1;}50%{opacity:0.4;}100%{opacity:1;}}\"]\n});\nconst useRectangleStyles = /*#__PURE__*/__styles({\n \"8\": {\n Bqenvij: \"f1x82gua\"\n },\n \"12\": {\n Bqenvij: \"fvblgha\"\n },\n \"16\": {\n Bqenvij: \"fd461yt\"\n },\n \"20\": {\n Bqenvij: \"fjamq6b\"\n },\n \"24\": {\n Bqenvij: \"frvgh55\"\n },\n \"28\": {\n Bqenvij: \"fxldao9\"\n },\n \"32\": {\n Bqenvij: \"f1d2rq10\"\n },\n \"36\": {\n Bqenvij: \"f8ljn23\"\n },\n \"40\": {\n Bqenvij: \"fbhnoac\"\n },\n \"48\": {\n Bqenvij: \"ff2sm71\"\n },\n \"56\": {\n Bqenvij: \"fzki0ko\"\n },\n \"64\": {\n Bqenvij: \"f16k9i2m\"\n },\n \"72\": {\n Bqenvij: \"f1shusfg\"\n },\n \"96\": {\n Bqenvij: \"fypu0ge\"\n },\n \"120\": {\n Bqenvij: \"fjr5b71\"\n },\n \"128\": {\n Bqenvij: \"fele2au\"\n },\n root: {\n a9b677: \"fly5x3f\",\n Beyfa6y: 0,\n Bbmb7ep: 0,\n Btl43ni: 0,\n B7oj6ja: 0,\n Dimara: \"ff3glw6\"\n }\n}, {\n d: [\".f1x82gua{height:8px;}\", \".fvblgha{height:12px;}\", \".fd461yt{height:16px;}\", \".fjamq6b{height:20px;}\", \".frvgh55{height:24px;}\", \".fxldao9{height:28px;}\", \".f1d2rq10{height:32px;}\", \".f8ljn23{height:36px;}\", \".fbhnoac{height:40px;}\", \".ff2sm71{height:48px;}\", \".fzki0ko{height:56px;}\", \".f16k9i2m{height:64px;}\", \".f1shusfg{height:72px;}\", \".fypu0ge{height:96px;}\", \".fjr5b71{height:120px;}\", \".fele2au{height:128px;}\", \".fly5x3f{width:100%;}\", [\".ff3glw6{border-radius:4px;}\", {\n p: -1\n }]]\n});\nconst useSizeStyles = /*#__PURE__*/__styles({\n \"8\": {\n a9b677: \"f1o3cbw4\",\n Bqenvij: \"f1x82gua\"\n },\n \"12\": {\n a9b677: \"frx94fk\",\n Bqenvij: \"fvblgha\"\n },\n \"16\": {\n a9b677: \"fjw5fx7\",\n Bqenvij: \"fd461yt\"\n },\n \"20\": {\n a9b677: \"f64fuq3\",\n Bqenvij: \"fjamq6b\"\n },\n \"24\": {\n a9b677: \"fq4mcun\",\n Bqenvij: \"frvgh55\"\n },\n \"28\": {\n a9b677: \"f1w9dchk\",\n Bqenvij: \"fxldao9\"\n },\n \"32\": {\n a9b677: \"f1szoe96\",\n Bqenvij: \"f1d2rq10\"\n },\n \"36\": {\n a9b677: \"fpdz1er\",\n Bqenvij: \"f8ljn23\"\n },\n \"40\": {\n a9b677: \"feqmc2u\",\n Bqenvij: \"fbhnoac\"\n },\n \"48\": {\n a9b677: \"f124akge\",\n Bqenvij: \"ff2sm71\"\n },\n \"56\": {\n a9b677: \"f1u66zr1\",\n Bqenvij: \"fzki0ko\"\n },\n \"64\": {\n a9b677: \"fa9ln6p\",\n Bqenvij: \"f16k9i2m\"\n },\n \"72\": {\n a9b677: \"fhcae8x\",\n Bqenvij: \"f1shusfg\"\n },\n \"96\": {\n a9b677: \"f1kyr2gn\",\n Bqenvij: \"fypu0ge\"\n },\n \"120\": {\n a9b677: \"fwfqyga\",\n Bqenvij: \"fjr5b71\"\n },\n \"128\": {\n a9b677: \"f1iksgmy\",\n Bqenvij: \"fele2au\"\n }\n}, {\n d: [\".f1o3cbw4{width:8px;}\", \".f1x82gua{height:8px;}\", \".frx94fk{width:12px;}\", \".fvblgha{height:12px;}\", \".fjw5fx7{width:16px;}\", \".fd461yt{height:16px;}\", \".f64fuq3{width:20px;}\", \".fjamq6b{height:20px;}\", \".fq4mcun{width:24px;}\", \".frvgh55{height:24px;}\", \".f1w9dchk{width:28px;}\", \".fxldao9{height:28px;}\", \".f1szoe96{width:32px;}\", \".f1d2rq10{height:32px;}\", \".fpdz1er{width:36px;}\", \".f8ljn23{height:36px;}\", \".feqmc2u{width:40px;}\", \".fbhnoac{height:40px;}\", \".f124akge{width:48px;}\", \".ff2sm71{height:48px;}\", \".f1u66zr1{width:56px;}\", \".fzki0ko{height:56px;}\", \".fa9ln6p{width:64px;}\", \".f16k9i2m{height:64px;}\", \".fhcae8x{width:72px;}\", \".f1shusfg{height:72px;}\", \".f1kyr2gn{width:96px;}\", \".fypu0ge{height:96px;}\", \".fwfqyga{width:120px;}\", \".fjr5b71{height:120px;}\", \".f1iksgmy{width:128px;}\", \".fele2au{height:128px;}\"]\n});\nconst useCircleSizeStyles = /*#__PURE__*/__styles({\n root: {\n Beyfa6y: 0,\n Bbmb7ep: 0,\n Btl43ni: 0,\n B7oj6ja: 0,\n Dimara: \"f5q2cvs\"\n }\n}, {\n d: [[\".f5q2cvs{border-radius:50%;}\", {\n p: -1\n }]]\n});\n/**\n * Apply styling to the SkeletonItem slots based on the state\n */\nexport const useSkeletonItemStyles_unstable = state => {\n const {\n animation,\n appearance,\n size,\n shape\n } = state;\n const {\n dir\n } = useFluent();\n const rootStyles = useStyles();\n const rectStyles = useRectangleStyles();\n const sizeStyles = useSizeStyles();\n const circleStyles = useCircleSizeStyles();\n state.root.className = mergeClasses(skeletonItemClassNames.root, rootStyles.root, animation === 'wave' && rootStyles.wave, animation === 'wave' && dir === 'rtl' && rootStyles.waveRtl, animation === 'pulse' && rootStyles.pulse, appearance === 'translucent' && rootStyles.translucent, animation === 'pulse' && appearance === 'translucent' && rootStyles.translucentPulse, shape === 'rectangle' && rectStyles.root, shape === 'rectangle' && rectStyles[size], shape === 'square' && sizeStyles[size], shape === 'circle' && circleStyles.root, shape === 'circle' && sizeStyles[size], state.root.className);\n return state;\n};\n//# sourceMappingURL=useSkeletonItemStyles.styles.js.map"],"names":["skeletonItemClassNames","useSkeletonItemStyles_unstable","root","skeletonWaveAnimation","from","backgroundPositionX","to","skeletonWaveAnimationRTL","skeletonPulseAnimation","opacity","useStyles","__styles","qhf8xq","B68tc82","Bmxbyg5","Bpg54ce","Bkjc3bi","B8a6bjv","Bpptf2m","Bgh53k4","w3vfg9","vin17d","Ezkn3b","Gqtpxc","B3vm3ge","wave","Bv12yb3","Bcmaq0h","Bpep1pd","waveRtl","pulse","De3pzq","translucent","translucentPulse","d","p","m","k","useRectangleStyles","Bqenvij","a9b677","Beyfa6y","Bbmb7ep","Btl43ni","B7oj6ja","Dimara","useSizeStyles","useCircleSizeStyles","state","animation","appearance","size","shape","dir","useFluent","rootStyles","rectStyles","sizeStyles","circleStyles","className","mergeClasses"],"mappings":"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"}
|