@fluentui/react-skeleton 9.1.3 → 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 CHANGED
@@ -1,17 +1,39 @@
1
1
  # Change Log - @fluentui/react-skeleton
2
2
 
3
- This log was last generated on Thu, 16 May 2024 09:21:27 GMT and should not be manually modified.
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
+
16
+ ## [9.1.4](https://github.com/microsoft/fluentui/tree/@fluentui/react-skeleton_v9.1.4)
17
+
18
+ Mon, 20 May 2024 12:45:03 GMT
19
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-skeleton_v9.1.3..@fluentui/react-skeleton_v9.1.4)
20
+
21
+ ### Patches
22
+
23
+ - chore: bump @griffel/react ([PR #31258](https://github.com/microsoft/fluentui/pull/31258) by olfedias@microsoft.com)
24
+ - Bump @fluentui/react-field to v9.1.66 ([PR #26682](https://github.com/microsoft/fluentui/pull/26682) by beachball)
25
+ - Bump @fluentui/react-jsx-runtime to v9.0.38 ([PR #26682](https://github.com/microsoft/fluentui/pull/26682) by beachball)
26
+ - Bump @fluentui/react-shared-contexts to v9.19.0 ([PR #26682](https://github.com/microsoft/fluentui/pull/26682) by beachball)
27
+ - Bump @fluentui/react-utilities to v9.18.9 ([PR #26682](https://github.com/microsoft/fluentui/pull/26682) by beachball)
28
+
7
29
  ## [9.1.3](https://github.com/microsoft/fluentui/tree/@fluentui/react-skeleton_v9.1.3)
8
30
 
9
- Thu, 16 May 2024 09:21:27 GMT
31
+ Thu, 16 May 2024 09:25:20 GMT
10
32
  [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-skeleton_v9.1.2..@fluentui/react-skeleton_v9.1.3)
11
33
 
12
34
  ### Patches
13
35
 
14
- - Bump @fluentui/react-field to v9.1.65 ([commit](https://github.com/microsoft/fluentui/commit/3ae9ed772fbcedeff1a76e154f6eb7d515785698) by beachball)
36
+ - Bump @fluentui/react-field to v9.1.65 ([PR #31390](https://github.com/microsoft/fluentui/pull/31390) by beachball)
15
37
 
16
38
  ## [9.1.2](https://github.com/microsoft/fluentui/tree/@fluentui/react-skeleton_v9.1.2)
17
39
 
@@ -1,4 +1,4 @@
1
- import { __styles, mergeClasses, shorthands } from '@griffel/react';
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: "f1p9o1ba",
41
- Bmxbyg5: "f1sil6mw",
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;}", ".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);}"],
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
- Bbmb7ep: ["fff7au0", "f1bjk9e1"],
136
- Beyfa6y: ["f1bjk9e1", "fff7au0"],
137
- B7oj6ja: ["fwsfkhu", "f8wkphi"],
138
- Btl43ni: ["f8wkphi", "fwsfkhu"]
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%;}", ".fff7au0{border-bottom-right-radius:4px;}", ".f1bjk9e1{border-bottom-left-radius:4px;}", ".fwsfkhu{border-top-right-radius:4px;}", ".f8wkphi{border-top-left-radius:4px;}"]
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
- Bbmb7ep: ["fqgqgel", "fchfifz"],
214
- Beyfa6y: ["fchfifz", "fqgqgel"],
215
- B7oj6ja: ["fc7b1hi", "f1dpx5h9"],
216
- Btl43ni: ["f1dpx5h9", "fc7b1hi"]
219
+ Beyfa6y: 0,
220
+ Bbmb7ep: 0,
221
+ Btl43ni: 0,
222
+ B7oj6ja: 0,
223
+ Dimara: "f5q2cvs"
217
224
  }
218
225
  }, {
219
- 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%;}"]
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","shorthands","useFluent_unstable","useFluent","tokens","skeletonItemClassNames","root","skeletonWaveAnimation","from","backgroundPositionX","to","skeletonWaveAnimationRTL","skeletonPulseAnimation","opacity","useStyles","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","useSkeletonItemStyles_unstable","state","animation","appearance","size","shape","dir","rootStyles","rectStyles","sizeStyles","circleStyles","className"],"sources":["useSkeletonItemStyles.styles.js"],"sourcesContent":["import { makeStyles, 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 */ const useStyles = makeStyles({\n root: {\n position: 'relative',\n ...shorthands.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 ...shorthands.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 ...shorthands.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":[]}
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: "f1p9o1ba",
57
- Bmxbyg5: "f1sil6mw",
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
- ".f1p9o1ba{overflow-x:hidden;}",
102
- ".f1sil6mw{overflow-y:hidden;}",
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
- Bbmb7ep: [
199
- "fff7au0",
200
- "f1bjk9e1"
201
- ],
202
- Beyfa6y: [
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
- ".fff7au0{border-bottom-right-radius:4px;}",
235
- ".f1bjk9e1{border-bottom-left-radius:4px;}",
236
- ".fwsfkhu{border-top-right-radius:4px;}",
237
- ".f8wkphi{border-top-left-radius:4px;}"
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
- Bbmb7ep: [
344
- "fqgqgel",
345
- "fchfifz"
346
- ],
347
- Beyfa6y: [
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
- ".fqgqgel{border-bottom-right-radius:50%;}",
363
- ".fchfifz{border-bottom-left-radius:50%;}",
364
- ".fc7b1hi{border-top-right-radius:50%;}",
365
- ".f1dpx5h9{border-top-left-radius:50%;}"
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":";;;;;;;;;;;IAGaA,sBAAsB;eAAtBA;;IAqOAC,8BAA8B;eAA9BA;;;uBAxO0B;qCACS;AAEzC,MAAMD,yBAAyB;IACpCE,MAAM;AACR;AACA,MAAMC,wBAAwB;IAC5BC,MAAM;QACJC,qBAAqB;IACvB;IACAC,IAAI;QACFD,qBAAqB;IACvB;AACF;AACA,MAAME,2BAA2B;IAC/BH,MAAM;QACJC,qBAAqB;IACvB;IACAC,IAAI;QACFD,qBAAqB;IACvB;AACF;AACA,MAAMG,yBAAyB;IAC7B,MAAM;QACJC,SAAS;IACX;IACA,OAAO;QACLA,SAAS;IACX;IACA,QAAQ;QACNA,SAAS;IACX;AACF;AACA;;CAEC,GACD,MAAMC,YAAY,WAAW,GAAEC,IAAAA,eAAQ,EAAC;IACtCT,MAAM;QACJU,QAAQ;QACRC,SAAS;QACTC,SAAS;QACTC,SAAS;QACTC,SAAS;QACTC,SAAS;QACTC,SAAS;QACTC,SAAS;QACTC,QAAQ;QACRC,QAAQ;QACRC,QAAQ;QACRC,QAAQ;QACRC,SAAS;IACX;IACAC,MAAM;QACJC,SAAS;QACTC,SAAS;YAAC;YAAY;SAAW;QACjCC,SAAS;IACX;IACAC,SAAS;QACPH,SAAS;QACTC,SAAS;YAAC;YAAY;SAAW;QACjCC,SAAS;IACX;IACAE,OAAO;QACLJ,SAAS;QACTL,QAAQ;QACRU,QAAQ;IACV;IACAC,aAAa;QACXL,SAAS;YAAC;YAAW;SAAU;IACjC;IACAM,kBAAkB;QAChBF,QAAQ;IACV;AACF,GAAG;IACDG,GAAG;QAAC;QAAiC;YAAC;YAA+B;gBACnEC,GAAG,CAAC;YACN;SAAE;QAAE;QAAyC;QAA2C;QAA4C;QAA2C;QAAkD;QAAqC;QAA+C;QAAqC;QAA0L;QAAyL;QAAsC;QAAsC;QAAqC;QAA4D;QAAwM;QAAuM;KAAgE;IACz0CC,GAAG;QAAC;YAAC;YAA4F;gBAC/FA,GAAG;YACL;SAAE;QAAE;YAAC;YAA+F;gBAClGA,GAAG;YACL;SAAE;QAAE;YAAC;YAAqF;gBACxFA,GAAG;YACL;SAAE;KAAC;IACHC,GAAG;QAAC;QAAsF;QAAsF;KAAuE;AACzP;AACA,MAAMC,qBAAqB,WAAW,GAAE3B,IAAAA,eAAQ,EAAC;IAC/C,KAAK;QACH4B,SAAS;IACX;IACA,MAAM;QACJA,SAAS;IACX;IACA,MAAM;QACJA,SAAS;IACX;IACA,MAAM;QACJA,SAAS;IACX;IACA,MAAM;QACJA,SAAS;IACX;IACA,MAAM;QACJA,SAAS;IACX;IACA,MAAM;QACJA,SAAS;IACX;IACA,MAAM;QACJA,SAAS;IACX;IACA,MAAM;QACJA,SAAS;IACX;IACA,MAAM;QACJA,SAAS;IACX;IACA,MAAM;QACJA,SAAS;IACX;IACA,MAAM;QACJA,SAAS;IACX;IACA,MAAM;QACJA,SAAS;IACX;IACA,MAAM;QACJA,SAAS;IACX;IACA,OAAO;QACLA,SAAS;IACX;IACA,OAAO;QACLA,SAAS;IACX;IACArC,MAAM;QACJsC,QAAQ;QACRC,SAAS;QACTC,SAAS;QACTC,SAAS;QACTC,SAAS;QACTC,QAAQ;IACV;AACF,GAAG;IACDX,GAAG;QAAC;QAA0B;QAA0B;QAA0B;QAA0B;QAA0B;QAA0B;QAA2B;QAA0B;QAA0B;QAA0B;QAA0B;QAA2B;QAA2B;QAA0B;QAA2B;QAA2B;QAAyB;YAAC;YAAgC;gBACjeC,GAAG,CAAC;YACN;SAAE;KAAC;AACL;AACA,MAAMW,gBAAgB,WAAW,GAAEnC,IAAAA,eAAQ,EAAC;IAC1C,KAAK;QACH6B,QAAQ;QACRD,SAAS;IACX;IACA,MAAM;QACJC,QAAQ;QACRD,SAAS;IACX;IACA,MAAM;QACJC,QAAQ;QACRD,SAAS;IACX;IACA,MAAM;QACJC,QAAQ;QACRD,SAAS;IACX;IACA,MAAM;QACJC,QAAQ;QACRD,SAAS;IACX;IACA,MAAM;QACJC,QAAQ;QACRD,SAAS;IACX;IACA,MAAM;QACJC,QAAQ;QACRD,SAAS;IACX;IACA,MAAM;QACJC,QAAQ;QACRD,SAAS;IACX;IACA,MAAM;QACJC,QAAQ;QACRD,SAAS;IACX;IACA,MAAM;QACJC,QAAQ;QACRD,SAAS;IACX;IACA,MAAM;QACJC,QAAQ;QACRD,SAAS;IACX;IACA,MAAM;QACJC,QAAQ;QACRD,SAAS;IACX;IACA,MAAM;QACJC,QAAQ;QACRD,SAAS;IACX;IACA,MAAM;QACJC,QAAQ;QACRD,SAAS;IACX;IACA,OAAO;QACLC,QAAQ;QACRD,SAAS;IACX;IACA,OAAO;QACLC,QAAQ;QACRD,SAAS;IACX;AACF,GAAG;IACDL,GAAG;QAAC;QAAyB;QAA0B;QAAyB;QAA0B;QAAyB;QAA0B;QAAyB;QAA0B;QAAyB;QAA0B;QAA0B;QAA0B;QAA0B;QAA2B;QAAyB;QAA0B;QAAyB;QAA0B;QAA0B;QAA0B;QAA0B;QAA0B;QAAyB;QAA2B;QAAyB;QAA2B;QAA0B;QAA0B;QAA0B;QAA2B;QAA2B;KAA0B;AACl0B;AACA,MAAMa,sBAAsB,WAAW,GAAEpC,IAAAA,eAAQ,EAAC;IAChDT,MAAM;QACJuC,SAAS;QACTC,SAAS;QACTC,SAAS;QACTC,SAAS;QACTC,QAAQ;IACV;AACF,GAAG;IACDX,GAAG;QAAC;YAAC;YAAgC;gBACnCC,GAAG,CAAC;YACN;SAAE;KAAC;AACL;AAIO,MAAMlC,iCAAiC+C,CAAAA;IAC5C,MAAM,EACJC,SAAS,EACTC,UAAU,EACVC,IAAI,EACJC,KAAK,EACN,GAAGJ;IACJ,MAAM,EACJK,GAAG,EACJ,GAAGC,IAAAA,uCAAS;IACb,MAAMC,aAAa7C;IACnB,MAAM8C,aAAalB;IACnB,MAAMmB,aAAaX;IACnB,MAAMY,eAAeX;IACrBC,MAAM9C,IAAI,CAACyD,SAAS,GAAGC,IAAAA,mBAAY,EAAC5D,uBAAuBE,IAAI,EAAEqD,WAAWrD,IAAI,EAAE+C,cAAc,UAAUM,WAAW9B,IAAI,EAAEwB,cAAc,UAAUI,QAAQ,SAASE,WAAW1B,OAAO,EAAEoB,cAAc,WAAWM,WAAWzB,KAAK,EAAEoB,eAAe,iBAAiBK,WAAWvB,WAAW,EAAEiB,cAAc,WAAWC,eAAe,iBAAiBK,WAAWtB,gBAAgB,EAAEmB,UAAU,eAAeI,WAAWtD,IAAI,EAAEkD,UAAU,eAAeI,UAAU,CAACL,KAAK,EAAEC,UAAU,YAAYK,UAAU,CAACN,KAAK,EAAEC,UAAU,YAAYM,aAAaxD,IAAI,EAAEkD,UAAU,YAAYK,UAAU,CAACN,KAAK,EAAEH,MAAM9C,IAAI,CAACyD,SAAS;IACnlB,OAAOX;AACT,GACA,wDAAwD"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@fluentui/react-skeleton",
3
- "version": "9.1.3",
3
+ "version": "9.1.5",
4
4
  "description": "Converged v9 Skeleton Component",
5
5
  "main": "lib-commonjs/index.js",
6
6
  "module": "lib/index.js",
@@ -32,12 +32,12 @@
32
32
  "@fluentui/scripts-tasks": "*"
33
33
  },
34
34
  "dependencies": {
35
- "@fluentui/react-field": "^9.1.65",
36
- "@fluentui/react-jsx-runtime": "^9.0.37",
37
- "@fluentui/react-shared-contexts": "^9.18.0",
35
+ "@fluentui/react-field": "^9.1.66",
36
+ "@fluentui/react-jsx-runtime": "^9.0.38",
37
+ "@fluentui/react-shared-contexts": "^9.19.0",
38
38
  "@fluentui/react-theme": "^9.1.19",
39
- "@fluentui/react-utilities": "^9.18.8",
40
- "@griffel/react": "^1.5.14",
39
+ "@fluentui/react-utilities": "^9.18.9",
40
+ "@griffel/react": "^1.5.22",
41
41
  "@swc/helpers": "^0.5.1"
42
42
  },
43
43
  "peerDependencies": {