@fluentui/react-skeleton 9.1.4 → 9.1.6

package/CHANGELOG.md

@@ -1,12 +1,33 @@
 # Change Log - @fluentui/react-skeleton
 
-This log was last generated on Mon, 20 May 2024 12:36:39 GMT and should not be manually modified.
+This log was last generated on Thu, 06 Jun 2024 15:22:20 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [9.1.6](https://github.com/microsoft/fluentui/tree/@fluentui/react-skeleton_v9.1.6)
+
+Thu, 06 Jun 2024 15:22:20 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-skeleton_v9.1.5..@fluentui/react-skeleton_v9.1.6)
+
+### Patches
+
+- chore: rename useSkeletonStyles.ts to useSkeletonStyles.styles.ts ([PR #31503](https://github.com/microsoft/fluentui/pull/31503) by seanmonahan@microsoft.com)
+- Bump @fluentui/react-field to v9.1.67 ([PR #31586](https://github.com/microsoft/fluentui/pull/31586) by beachball)
+- Bump @fluentui/react-jsx-runtime to v9.0.39 ([PR #31586](https://github.com/microsoft/fluentui/pull/31586) by beachball)
+- Bump @fluentui/react-utilities to v9.18.10 ([PR #31586](https://github.com/microsoft/fluentui/pull/31586) by beachball)
+
+## [9.1.5](https://github.com/microsoft/fluentui/tree/@fluentui/react-skeleton_v9.1.5)
+
+Thu, 23 May 2024 08:02:47 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-skeleton_v9.1.4..@fluentui/react-skeleton_v9.1.5)
+
+### Patches
+
+- chore: replace usage of .shorthands() in styles ([PR #31449](https://github.com/microsoft/fluentui/pull/31449) by olfedias@microsoft.com)
+
 ## [9.1.4](https://github.com/microsoft/fluentui/tree/@fluentui/react-skeleton_v9.1.4)
 
-Mon, 20 May 2024 12:36:39 GMT 
+Mon, 20 May 2024 12:45:03 GMT 
 [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-skeleton_v9.1.3..@fluentui/react-skeleton_v9.1.4)
 
 ### Patches

package/lib/components/Skeleton/Skeleton.js

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { useSkeleton_unstable } from './useSkeleton';
 import { renderSkeleton_unstable } from './renderSkeleton';
-import { useSkeletonStyles_unstable } from './useSkeletonStyles';
+import { useSkeletonStyles_unstable } from './useSkeletonStyles.styles';
 import { useSkeletonContextValues } from './useSkeletonContextValues';
 /**
  * Skeleton component - TODO: add more docs

package/lib/components/Skeleton/Skeleton.js.map

@@ -1 +1 @@
-{"version":3,"sources":["Skeleton.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useSkeleton_unstable } from './useSkeleton';\nimport { renderSkeleton_unstable } from './renderSkeleton';\nimport { useSkeletonStyles_unstable } from './useSkeletonStyles';\nimport { useSkeletonContextValues } from './useSkeletonContextValues';\nimport type { SkeletonProps } from './Skeleton.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\n\n/**\n * Skeleton component - TODO: add more docs\n */\nexport const Skeleton: ForwardRefComponent<SkeletonProps> = React.forwardRef((props, ref) => {\n  const state = useSkeleton_unstable(props, ref);\n  const contextValues = useSkeletonContextValues(state);\n\n  useSkeletonStyles_unstable(state);\n  return renderSkeleton_unstable(state, contextValues);\n});\n\nSkeleton.displayName = 'Skeleton';\n"],"names":["React","useSkeleton_unstable","renderSkeleton_unstable","useSkeletonStyles_unstable","useSkeletonContextValues","Skeleton","forwardRef","props","ref","state","contextValues","displayName"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,oBAAoB,QAAQ,gBAAgB;AACrD,SAASC,uBAAuB,QAAQ,mBAAmB;AAC3D,SAASC,0BAA0B,QAAQ,sBAAsB;AACjE,SAASC,wBAAwB,QAAQ,6BAA6B;AAItE;;CAEC,GACD,OAAO,MAAMC,yBAA+CL,MAAMM,UAAU,CAAC,CAACC,OAAOC;IACnF,MAAMC,QAAQR,qBAAqBM,OAAOC;IAC1C,MAAME,gBAAgBN,yBAAyBK;IAE/CN,2BAA2BM;IAC3B,OAAOP,wBAAwBO,OAAOC;AACxC,GAAG;AAEHL,SAASM,WAAW,GAAG"}
+{"version":3,"sources":["Skeleton.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useSkeleton_unstable } from './useSkeleton';\nimport { renderSkeleton_unstable } from './renderSkeleton';\nimport { useSkeletonStyles_unstable } from './useSkeletonStyles.styles';\nimport { useSkeletonContextValues } from './useSkeletonContextValues';\nimport type { SkeletonProps } from './Skeleton.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\n\n/**\n * Skeleton component - TODO: add more docs\n */\nexport const Skeleton: ForwardRefComponent<SkeletonProps> = React.forwardRef((props, ref) => {\n  const state = useSkeleton_unstable(props, ref);\n  const contextValues = useSkeletonContextValues(state);\n\n  useSkeletonStyles_unstable(state);\n  return renderSkeleton_unstable(state, contextValues);\n});\n\nSkeleton.displayName = 'Skeleton';\n"],"names":["React","useSkeleton_unstable","renderSkeleton_unstable","useSkeletonStyles_unstable","useSkeletonContextValues","Skeleton","forwardRef","props","ref","state","contextValues","displayName"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,oBAAoB,QAAQ,gBAAgB;AACrD,SAASC,uBAAuB,QAAQ,mBAAmB;AAC3D,SAASC,0BAA0B,QAAQ,6BAA6B;AACxE,SAASC,wBAAwB,QAAQ,6BAA6B;AAItE;;CAEC,GACD,OAAO,MAAMC,yBAA+CL,MAAMM,UAAU,CAAC,CAACC,OAAOC;IACnF,MAAMC,QAAQR,qBAAqBM,OAAOC;IAC1C,MAAME,gBAAgBN,yBAAyBK;IAE/CN,2BAA2BM;IAC3B,OAAOP,wBAAwBO,OAAOC;AACxC,GAAG;AAEHL,SAASM,WAAW,GAAG"}

package/lib/components/Skeleton/index.js

@@ -3,4 +3,4 @@ export * from './Skeleton.types';
 export * from './renderSkeleton';
 export * from './useSkeleton';
 export * from './useSkeletonContextValues';
-export * from './useSkeletonStyles';
+export * from './useSkeletonStyles.styles';

package/lib/components/Skeleton/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["index.ts"],"sourcesContent":["export * from './Skeleton';\nexport * from './Skeleton.types';\nexport * from './renderSkeleton';\nexport * from './useSkeleton';\nexport * from './useSkeletonContextValues';\nexport * from './useSkeletonStyles';\n"],"names":[],"mappings":"AAAA,cAAc,aAAa;AAC3B,cAAc,mBAAmB;AACjC,cAAc,mBAAmB;AACjC,cAAc,gBAAgB;AAC9B,cAAc,6BAA6B;AAC3C,cAAc,sBAAsB"}
+{"version":3,"sources":["index.ts"],"sourcesContent":["export * from './Skeleton';\nexport * from './Skeleton.types';\nexport * from './renderSkeleton';\nexport * from './useSkeleton';\nexport * from './useSkeletonContextValues';\nexport * from './useSkeletonStyles.styles';\n"],"names":[],"mappings":"AAAA,cAAc,aAAa;AAC3B,cAAc,mBAAmB;AACjC,cAAc,mBAAmB;AACjC,cAAc,gBAAgB;AAC9B,cAAc,6BAA6B;AAC3C,cAAc,6BAA6B"}

package/lib/components/Skeleton/useSkeletonStyles.styles.js

@@ -0,0 +1,12 @@
+import { mergeClasses } from '@griffel/react';
+export const skeletonClassNames = {
+  root: 'fui-Skeleton'
+};
+/**
+ * Apply styling to the Skeleton slots based on the state
+ */
+export const useSkeletonStyles_unstable = state => {
+  state.root.className = mergeClasses(skeletonClassNames.root, state.root.className);
+  return state;
+};
+//# sourceMappingURL=useSkeletonStyles.styles.js.map

package/lib/components/Skeleton/useSkeletonStyles.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["mergeClasses","skeletonClassNames","root","useSkeletonStyles_unstable","state","className"],"sources":["useSkeletonStyles.styles.js"],"sourcesContent":["import { mergeClasses } from '@griffel/react';\nexport const skeletonClassNames = {\n    root: 'fui-Skeleton'\n};\n/**\n * Apply styling to the Skeleton slots based on the state\n */ export const useSkeletonStyles_unstable = (state)=>{\n    state.root.className = mergeClasses(skeletonClassNames.root, state.root.className);\n    return state;\n};\n"],"mappings":"AAAA,SAASA,YAAY,QAAQ,gBAAgB;AAC7C,OAAO,MAAMC,kBAAkB,GAAG;EAC9BC,IAAI,EAAE;AACV,CAAC;AACD;AACA;AACA;AAAI,OAAO,MAAMC,0BAA0B,GAAIC,KAAK,IAAG;EACnDA,KAAK,CAACF,IAAI,CAACG,SAAS,GAAGL,YAAY,CAACC,kBAAkB,CAACC,IAAI,EAAEE,KAAK,CAACF,IAAI,CAACG,SAAS,CAAC;EAClF,OAAOD,KAAK;AAChB,CAAC","ignoreList":[]}

package/lib/components/SkeletonItem/useSkeletonItemStyles.styles.js

@@ -1,4 +1,4 @@
-import { __styles, mergeClasses, shorthands } from '@griffel/react';
+import { __styles, mergeClasses } from '@griffel/react';
 import { useFluent_unstable as useFluent } from '@fluentui/react-shared-contexts';
 import { tokens } from '@fluentui/react-theme';
 export const skeletonItemClassNames = {
@@ -37,8 +37,9 @@ const skeletonPulseAnimation = {
 const useStyles = /*#__PURE__*/__styles({
   root: {
     qhf8xq: "f10pi13n",
-    B68tc82: "f1p9o1ba",
-    Bmxbyg5: "f1sil6mw",
+    B68tc82: 0,
+    Bmxbyg5: 0,
+    Bpg54ce: "f1a3p1vp",
     Bkjc3bi: "f1qx3921",
     B8a6bjv: "fj9j8l8",
     Bpptf2m: "f1b6djjb",
@@ -71,7 +72,9 @@ const useStyles = /*#__PURE__*/__styles({
     De3pzq: "f162mh4z"
   }
 }, {
-  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);}"],
+  d: [".f10pi13n{position:relative;}", [".f1a3p1vp{overflow:hidden;}", {
+    p: -1
+  }], ".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);}"],
   m: [["@media screen and (prefers-reduced-motion: reduce){.f4akx1t{animation-duration:0.01ms;}}", {
     m: "screen and (prefers-reduced-motion: reduce)"
   }], ["@media screen and (prefers-reduced-motion: reduce){.f18p5put{animation-iteration-count:1;}}", {
@@ -132,13 +135,16 @@ const useRectangleStyles = /*#__PURE__*/__styles({
   },
   root: {
     a9b677: "fly5x3f",
-    Bbmb7ep: ["fff7au0", "f1bjk9e1"],
-    Beyfa6y: ["f1bjk9e1", "fff7au0"],
-    B7oj6ja: ["fwsfkhu", "f8wkphi"],
-    Btl43ni: ["f8wkphi", "fwsfkhu"]
+    Beyfa6y: 0,
+    Bbmb7ep: 0,
+    Btl43ni: 0,
+    B7oj6ja: 0,
+    Dimara: "ff3glw6"
   }
 }, {
-  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;}"]
+  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;}", {
+    p: -1
+  }]]
 });
 const useSizeStyles = /*#__PURE__*/__styles({
   "8": {
@@ -210,13 +216,16 @@ const useSizeStyles = /*#__PURE__*/__styles({
 });
 const useCircleSizeStyles = /*#__PURE__*/__styles({
   root: {
-    Bbmb7ep: ["fqgqgel", "fchfifz"],
-    Beyfa6y: ["fchfifz", "fqgqgel"],
-    B7oj6ja: ["fc7b1hi", "f1dpx5h9"],
-    Btl43ni: ["f1dpx5h9", "fc7b1hi"]
+    Beyfa6y: 0,
+    Bbmb7ep: 0,
+    Btl43ni: 0,
+    B7oj6ja: 0,
+    Dimara: "f5q2cvs"
   }
 }, {
-  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%;}"]
+  d: [[".f5q2cvs{border-radius:50%;}", {
+    p: -1
+  }]]
 });
 /**
  * Apply styling to the SkeletonItem slots based on the state

package/lib/components/SkeletonItem/useSkeletonItemStyles.styles.js.map

@@ -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":[]}
+{"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":[]}

package/lib-commonjs/components/Skeleton/Skeleton.js

@@ -12,12 +12,12 @@ const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildc
 const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
 const _useSkeleton = require("./useSkeleton");
 const _renderSkeleton = require("./renderSkeleton");
-const _useSkeletonStyles = require("./useSkeletonStyles");
+const _useSkeletonStylesstyles = require("./useSkeletonStyles.styles");
 const _useSkeletonContextValues = require("./useSkeletonContextValues");
 const Skeleton = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
     const state = (0, _useSkeleton.useSkeleton_unstable)(props, ref);
     const contextValues = (0, _useSkeletonContextValues.useSkeletonContextValues)(state);
-    (0, _useSkeletonStyles.useSkeletonStyles_unstable)(state);
+    (0, _useSkeletonStylesstyles.useSkeletonStyles_unstable)(state);
     return (0, _renderSkeleton.renderSkeleton_unstable)(state, contextValues);
 });
 Skeleton.displayName = 'Skeleton';

package/lib-commonjs/components/Skeleton/Skeleton.js.map

@@ -1 +1 @@
-{"version":3,"sources":["Skeleton.js"],"sourcesContent":["import * as React from 'react';\nimport { useSkeleton_unstable } from './useSkeleton';\nimport { renderSkeleton_unstable } from './renderSkeleton';\nimport { useSkeletonStyles_unstable } from './useSkeletonStyles';\nimport { useSkeletonContextValues } from './useSkeletonContextValues';\n/**\n * Skeleton component - TODO: add more docs\n */ export const Skeleton = /*#__PURE__*/ React.forwardRef((props, ref)=>{\n    const state = useSkeleton_unstable(props, ref);\n    const contextValues = useSkeletonContextValues(state);\n    useSkeletonStyles_unstable(state);\n    return renderSkeleton_unstable(state, contextValues);\n});\nSkeleton.displayName = 'Skeleton';\n"],"names":["Skeleton","React","forwardRef","props","ref","state","useSkeleton_unstable","contextValues","useSkeletonContextValues","useSkeletonStyles_unstable","renderSkeleton_unstable","displayName"],"mappings":";;;;+BAOiBA;;;eAAAA;;;;iEAPM;6BACc;gCACG;mCACG;0CACF;AAG9B,MAAMA,WAAW,WAAW,GAAGC,OAAMC,UAAU,CAAC,CAACC,OAAOC;IAC/D,MAAMC,QAAQC,IAAAA,iCAAoB,EAACH,OAAOC;IAC1C,MAAMG,gBAAgBC,IAAAA,kDAAwB,EAACH;IAC/CI,IAAAA,6CAA0B,EAACJ;IAC3B,OAAOK,IAAAA,uCAAuB,EAACL,OAAOE;AAC1C;AACAP,SAASW,WAAW,GAAG"}
+{"version":3,"sources":["Skeleton.js"],"sourcesContent":["import * as React from 'react';\nimport { useSkeleton_unstable } from './useSkeleton';\nimport { renderSkeleton_unstable } from './renderSkeleton';\nimport { useSkeletonStyles_unstable } from './useSkeletonStyles.styles';\nimport { useSkeletonContextValues } from './useSkeletonContextValues';\n/**\n * Skeleton component - TODO: add more docs\n */ export const Skeleton = /*#__PURE__*/ React.forwardRef((props, ref)=>{\n    const state = useSkeleton_unstable(props, ref);\n    const contextValues = useSkeletonContextValues(state);\n    useSkeletonStyles_unstable(state);\n    return renderSkeleton_unstable(state, contextValues);\n});\nSkeleton.displayName = 'Skeleton';\n"],"names":["Skeleton","React","forwardRef","props","ref","state","useSkeleton_unstable","contextValues","useSkeletonContextValues","useSkeletonStyles_unstable","renderSkeleton_unstable","displayName"],"mappings":";;;;+BAOiBA;;;eAAAA;;;;iEAPM;6BACc;gCACG;yCACG;0CACF;AAG9B,MAAMA,WAAW,WAAW,GAAGC,OAAMC,UAAU,CAAC,CAACC,OAAOC;IAC/D,MAAMC,QAAQC,IAAAA,iCAAoB,EAACH,OAAOC;IAC1C,MAAMG,gBAAgBC,IAAAA,kDAAwB,EAACH;IAC/CI,IAAAA,mDAA0B,EAACJ;IAC3B,OAAOK,IAAAA,uCAAuB,EAACL,OAAOE;AAC1C;AACAP,SAASW,WAAW,GAAG"}

package/lib-commonjs/components/Skeleton/index.js

@@ -8,4 +8,4 @@ _export_star._(require("./Skeleton.types"), exports);
 _export_star._(require("./renderSkeleton"), exports);
 _export_star._(require("./useSkeleton"), exports);
 _export_star._(require("./useSkeletonContextValues"), exports);
-_export_star._(require("./useSkeletonStyles"), exports);
+_export_star._(require("./useSkeletonStyles.styles"), exports);

package/lib-commonjs/components/Skeleton/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["index.js"],"sourcesContent":["export * from './Skeleton';\nexport * from './Skeleton.types';\nexport * from './renderSkeleton';\nexport * from './useSkeleton';\nexport * from './useSkeletonContextValues';\nexport * from './useSkeletonStyles';\n"],"names":[],"mappings":";;;;;uBAAc;uBACA;uBACA;uBACA;uBACA;uBACA"}
+{"version":3,"sources":["index.js"],"sourcesContent":["export * from './Skeleton';\nexport * from './Skeleton.types';\nexport * from './renderSkeleton';\nexport * from './useSkeleton';\nexport * from './useSkeletonContextValues';\nexport * from './useSkeletonStyles.styles';\n"],"names":[],"mappings":";;;;;uBAAc;uBACA;uBACA;uBACA;uBACA;uBACA"}

package/lib-commonjs/components/Skeleton/{useSkeletonStyles.js → useSkeletonStyles.styles.js}

@@ -23,4 +23,4 @@ const skeletonClassNames = {
 const useSkeletonStyles_unstable = (state)=>{
     state.root.className = (0, _react.mergeClasses)(skeletonClassNames.root, state.root.className);
     return state;
-};
+}; //# sourceMappingURL=useSkeletonStyles.styles.js.map

package/lib-commonjs/components/Skeleton/useSkeletonStyles.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["useSkeletonStyles.styles.js"],"sourcesContent":["import { mergeClasses } from '@griffel/react';\nexport const skeletonClassNames = {\n  root: 'fui-Skeleton'\n};\n/**\n * Apply styling to the Skeleton slots based on the state\n */\nexport const useSkeletonStyles_unstable = state => {\n  state.root.className = mergeClasses(skeletonClassNames.root, state.root.className);\n  return state;\n};\n//# sourceMappingURL=useSkeletonStyles.styles.js.map"],"names":["skeletonClassNames","useSkeletonStyles_unstable","root","state","className","mergeClasses"],"mappings":";;;;;;;;;;;IACaA,kBAAkB;eAAlBA;;IAMAC,0BAA0B;eAA1BA;;;uBAPgB;AACtB,MAAMD,qBAAqB;IAChCE,MAAM;AACR;AAIO,MAAMD,6BAA6BE,CAAAA;IACxCA,MAAMD,IAAI,CAACE,SAAS,GAAGC,IAAAA,mBAAY,EAACL,mBAAmBE,IAAI,EAAEC,MAAMD,IAAI,CAACE,SAAS;IACjF,OAAOD;AACT,GACA,oDAAoD"}

package/lib-commonjs/components/SkeletonItem/useSkeletonItemStyles.styles.js

@@ -53,8 +53,9 @@ const skeletonPulseAnimation = {
  */ const useStyles = /*#__PURE__*/ (0, _react.__styles)({
     root: {
         qhf8xq: "f10pi13n",
-        B68tc82: "f1p9o1ba",
-        Bmxbyg5: "f1sil6mw",
+        B68tc82: 0,
+        Bmxbyg5: 0,
+        Bpg54ce: "f1a3p1vp",
         Bkjc3bi: "f1qx3921",
         B8a6bjv: "fj9j8l8",
         Bpptf2m: "f1b6djjb",
@@ -98,8 +99,12 @@ const skeletonPulseAnimation = {
 }, {
     d: [
         ".f10pi13n{position:relative;}",
-        ".f1p9o1ba{overflow-x:hidden;}",
-        ".f1sil6mw{overflow-y:hidden;}",
+        [
+            ".f1a3p1vp{overflow:hidden;}",
+            {
+                p: -1
+            }
+        ],
         ".f1qx3921{background-size:300% 100%;}",
         ".fj9j8l8{background-position-x:center;}",
         ".f1b6djjb{background-position-y:center;}",
@@ -195,22 +200,11 @@ const useRectangleStyles = /*#__PURE__*/ (0, _react.__styles)({
     },
     root: {
         a9b677: "fly5x3f",
-        Bbmb7ep: [
-            "fff7au0",
-            "f1bjk9e1"
-        ],
-        Beyfa6y: [
-            "f1bjk9e1",
-            "fff7au0"
-        ],
-        B7oj6ja: [
-            "fwsfkhu",
-            "f8wkphi"
-        ],
-        Btl43ni: [
-            "f8wkphi",
-            "fwsfkhu"
-        ]
+        Beyfa6y: 0,
+        Bbmb7ep: 0,
+        Btl43ni: 0,
+        B7oj6ja: 0,
+        Dimara: "ff3glw6"
     }
 }, {
     d: [
@@ -231,10 +225,12 @@ const useRectangleStyles = /*#__PURE__*/ (0, _react.__styles)({
         ".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;}"
+        [
+            ".ff3glw6{border-radius:4px;}",
+            {
+                p: -1
+            }
+        ]
     ]
 });
 const useSizeStyles = /*#__PURE__*/ (0, _react.__styles)({
@@ -340,29 +336,20 @@ const useSizeStyles = /*#__PURE__*/ (0, _react.__styles)({
 });
 const useCircleSizeStyles = /*#__PURE__*/ (0, _react.__styles)({
     root: {
-        Bbmb7ep: [
-            "fqgqgel",
-            "fchfifz"
-        ],
-        Beyfa6y: [
-            "fchfifz",
-            "fqgqgel"
-        ],
-        B7oj6ja: [
-            "fc7b1hi",
-            "f1dpx5h9"
-        ],
-        Btl43ni: [
-            "f1dpx5h9",
-            "fc7b1hi"
-        ]
+        Beyfa6y: 0,
+        Bbmb7ep: 0,
+        Btl43ni: 0,
+        B7oj6ja: 0,
+        Dimara: "f5q2cvs"
     }
 }, {
     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%;}"
+        [
+            ".f5q2cvs{border-radius:50%;}",
+            {
+                p: -1
+            }
+        ]
     ]
 });
 const useSkeletonItemStyles_unstable = (state)=>{

package/lib-commonjs/components/SkeletonItem/useSkeletonItemStyles.styles.js.map

@@ -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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"}
+{"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

@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-skeleton",
-  "version": "9.1.4",
+  "version": "9.1.6",
   "description": "Converged v9 Skeleton Component",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -32,11 +32,11 @@
     "@fluentui/scripts-tasks": "*"
   },
   "dependencies": {
-    "@fluentui/react-field": "^9.1.66",
-    "@fluentui/react-jsx-runtime": "^9.0.38",
+    "@fluentui/react-field": "^9.1.67",
+    "@fluentui/react-jsx-runtime": "^9.0.39",
     "@fluentui/react-shared-contexts": "^9.19.0",
     "@fluentui/react-theme": "^9.1.19",
-    "@fluentui/react-utilities": "^9.18.9",
+    "@fluentui/react-utilities": "^9.18.10",
     "@griffel/react": "^1.5.22",
     "@swc/helpers": "^0.5.1"
   },

package/lib/components/Skeleton/useSkeletonStyles.js

@@ -1,10 +0,0 @@
-import { mergeClasses } from '@griffel/react';
-export const skeletonClassNames = {
-    root: 'fui-Skeleton'
-};
-/**
- * Apply styling to the Skeleton slots based on the state
- */ export const useSkeletonStyles_unstable = (state)=>{
-    state.root.className = mergeClasses(skeletonClassNames.root, state.root.className);
-    return state;
-};

package/lib/components/Skeleton/useSkeletonStyles.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["useSkeletonStyles.ts"],"sourcesContent":["import { mergeClasses } from '@griffel/react';\nimport type { SkeletonSlots, SkeletonState } from './Skeleton.types';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nexport const skeletonClassNames: SlotClassNames<SkeletonSlots> = {\n  root: 'fui-Skeleton',\n};\n\n/**\n * Apply styling to the Skeleton slots based on the state\n */\nexport const useSkeletonStyles_unstable = (state: SkeletonState): SkeletonState => {\n  state.root.className = mergeClasses(skeletonClassNames.root, state.root.className);\n\n  return state;\n};\n"],"names":["mergeClasses","skeletonClassNames","root","useSkeletonStyles_unstable","state","className"],"mappings":"AAAA,SAASA,YAAY,QAAQ,iBAAiB;AAG9C,OAAO,MAAMC,qBAAoD;IAC/DC,MAAM;AACR,EAAE;AAEF;;CAEC,GACD,OAAO,MAAMC,6BAA6B,CAACC;IACzCA,MAAMF,IAAI,CAACG,SAAS,GAAGL,aAAaC,mBAAmBC,IAAI,EAAEE,MAAMF,IAAI,CAACG,SAAS;IAEjF,OAAOD;AACT,EAAE"}

package/lib-commonjs/components/Skeleton/useSkeletonStyles.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["useSkeletonStyles.js"],"sourcesContent":["import { mergeClasses } from '@griffel/react';\nexport const skeletonClassNames = {\n    root: 'fui-Skeleton'\n};\n/**\n * Apply styling to the Skeleton slots based on the state\n */ export const useSkeletonStyles_unstable = (state)=>{\n    state.root.className = mergeClasses(skeletonClassNames.root, state.root.className);\n    return state;\n};\n"],"names":["skeletonClassNames","useSkeletonStyles_unstable","root","state","className","mergeClasses"],"mappings":";;;;;;;;;;;IACaA,kBAAkB;eAAlBA;;IAKIC,0BAA0B;eAA1BA;;;uBANY;AACtB,MAAMD,qBAAqB;IAC9BE,MAAM;AACV;AAGW,MAAMD,6BAA6B,CAACE;IAC3CA,MAAMD,IAAI,CAACE,SAAS,GAAGC,IAAAA,mBAAY,EAACL,mBAAmBE,IAAI,EAAEC,MAAMD,IAAI,CAACE,SAAS;IACjF,OAAOD;AACX"}