@fluentui/react-skeleton 9.0.0-beta.2 → 9.0.0-beta.4

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

@@ -1,236 +1,354 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    skeletonItemClassNames: ()=>skeletonItemClassNames,
+    useSkeletonItemStyles_unstable: ()=>useSkeletonItemStyles_unstable
 });
-exports.useSkeletonItemStyles_unstable = exports.skeletonItemClassNames = void 0;
-const react_1 = /*#__PURE__*/require("@griffel/react");
-const react_shared_contexts_1 = /*#__PURE__*/require("@fluentui/react-shared-contexts");
-const react_theme_1 = /*#__PURE__*/require("@fluentui/react-theme");
-exports.skeletonItemClassNames = {
-  root: 'fui-SkeletonItem'
+const _react = require("@griffel/react");
+const _reactSharedContexts = require("@fluentui/react-shared-contexts");
+const skeletonItemClassNames = {
+    root: 'fui-SkeletonItem'
 };
 const skeletonWaveAnimationRTL = {
-  from: {
-    backgroundPositionX: '300% /* @noflip */'
-  },
-  to: {
-    backgroundPositionX: '0% /* @noflip */'
-  }
+    from: {
+        backgroundPositionX: '300% /* @noflip */'
+    },
+    to: {
+        backgroundPositionX: '0% /* @noflip */'
+    }
 };
 const skeletonWaveAnimation = {
-  from: {
-    backgroundPositionX: '0% /* @noflip */'
-  },
-  to: {
-    backgroundPositionX: '300% /* @noflip */'
-  }
+    from: {
+        backgroundPositionX: '0% /* @noflip */'
+    },
+    to: {
+        backgroundPositionX: '300% /* @noflip */'
+    }
 };
 const skeletonPulseAnimation = {
-  from: {
-    opacity: '1'
-  },
-  to: {
-    opacity: '0.4'
-  }
+    from: {
+        opacity: '1'
+    },
+    to: {
+        opacity: '0.4'
+    }
 };
 /**
  * Styles for the root slot
- */
-const useStyles = /*#__PURE__*/react_1.__styles({
-  root: {
-    qhf8xq: "f10pi13n",
-    B68tc82: "f1p9o1ba",
-    Bmxbyg5: "f1sil6mw",
-    Bkjc3bi: "f1qx3921",
-    B8a6bjv: "fj9j8l8",
-    Bpptf2m: "f1b6djjb",
-    Bgh53k4: "f1dsdmen",
-    w3vfg9: "f1cpbl36",
-    vin17d: "f1a27w2r",
-    Ezkn3b: "f452v7t"
-  },
-  wave: {
-    Bv12yb3: "f105t0nc",
-    Bcmaq0h: ["f101ziu5", "f152emvt"],
-    Bpep1pd: "f9jxvrw"
-  },
-  waveRtl: {
-    Bv12yb3: "fj20wtk"
-  },
-  pulse: {
-    Bv12yb3: "f1lslbfe",
-    De3pzq: "f1gjxg63"
-  },
-  translucent: {
-    Bcmaq0h: ["fss7axp", "f4160cw"]
-  },
-  translucentPulse: {
-    De3pzq: "f162mh4z"
-  }
+ */ const useStyles = /*#__PURE__*/ (0, _react["__styles"])({
+    root: {
+        qhf8xq: "f10pi13n",
+        B68tc82: "f1p9o1ba",
+        Bmxbyg5: "f1sil6mw",
+        Bkjc3bi: "f1qx3921",
+        B8a6bjv: "fj9j8l8",
+        Bpptf2m: "f1b6djjb",
+        Bgh53k4: "f1dsdmen",
+        w3vfg9: "f1cpbl36",
+        vin17d: "f1a27w2r",
+        Ezkn3b: "f452v7t"
+    },
+    wave: {
+        Bv12yb3: "f105t0nc",
+        Bcmaq0h: [
+            "f101ziu5",
+            "f152emvt"
+        ],
+        Bpep1pd: "f9jxvrw"
+    },
+    waveRtl: {
+        Bv12yb3: "fj20wtk"
+    },
+    pulse: {
+        Bv12yb3: "f1lslbfe",
+        De3pzq: "f1gjxg63"
+    },
+    translucent: {
+        Bcmaq0h: [
+            "fss7axp",
+            "f4160cw"
+        ]
+    },
+    translucentPulse: {
+        De3pzq: "f162mh4z"
+    }
 }, {
-  d: [".f10pi13n{position:relative;}", ".f1p9o1ba{overflow-x:hidden;}", ".f1sil6mw{overflow-y:hidden;}", ".f1qx3921{-webkit-background-size:300% 100%;background-size:300% 100%;}", ".fj9j8l8{background-position-x:center;}", ".f1b6djjb{background-position-y:center;}", ".f1dsdmen{background-attachment:fixed;}", ".f1cpbl36{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;}", ".f1a27w2r{-webkit-animation-duration:3s;animation-duration:3s;}", ".f452v7t{-webkit-animation-timing-function:linear;animation-timing-function:linear;}", ".f105t0nc{-webkit-animation-name:fj9wi3p;animation-name:fj9wi3p;}", ".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%);}", ".fj20wtk{-webkit-animation-name:fma800j;animation-name:fma800j;}", ".f1lslbfe{-webkit-animation-name:f1t0xrs;animation-name:f1t0xrs;}", ".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);}"],
-  k: ["@-webkit-keyframes fj9wi3p{from{background-position-x:0%;}to{background-position-x:300%;}}", "@keyframes fj9wi3p{from{background-position-x:0%;}to{background-position-x:300%;}}", "@-webkit-keyframes fma800j{from{background-position-x:300%;}to{background-position-x:0%;}}", "@keyframes fma800j{from{background-position-x:300%;}to{background-position-x:0%;}}", "@-webkit-keyframes f1t0xrs{from{opacity:1;}to{opacity:0.4;}}", "@keyframes f1t0xrs{from{opacity:1;}to{opacity:0.4;}}"],
-  m: [["@media screen and (forced-colors: active){.f9jxvrw{background-color:WindowText;}}", {
-    m: "screen and (forced-colors: active)"
-  }]]
+    d: [
+        ".f10pi13n{position:relative;}",
+        ".f1p9o1ba{overflow-x:hidden;}",
+        ".f1sil6mw{overflow-y:hidden;}",
+        ".f1qx3921{-webkit-background-size:300% 100%;background-size:300% 100%;}",
+        ".fj9j8l8{background-position-x:center;}",
+        ".f1b6djjb{background-position-y:center;}",
+        ".f1dsdmen{background-attachment:fixed;}",
+        ".f1cpbl36{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;}",
+        ".f1a27w2r{-webkit-animation-duration:3s;animation-duration:3s;}",
+        ".f452v7t{-webkit-animation-timing-function:linear;animation-timing-function:linear;}",
+        ".f105t0nc{-webkit-animation-name:fj9wi3p;animation-name:fj9wi3p;}",
+        ".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%);}",
+        ".fj20wtk{-webkit-animation-name:fma800j;animation-name:fma800j;}",
+        ".f1lslbfe{-webkit-animation-name:f1t0xrs;animation-name:f1t0xrs;}",
+        ".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);}"
+    ],
+    k: [
+        "@-webkit-keyframes fj9wi3p{from{background-position-x:0%;}to{background-position-x:300%;}}",
+        "@keyframes fj9wi3p{from{background-position-x:0%;}to{background-position-x:300%;}}",
+        "@-webkit-keyframes fma800j{from{background-position-x:300%;}to{background-position-x:0%;}}",
+        "@keyframes fma800j{from{background-position-x:300%;}to{background-position-x:0%;}}",
+        "@-webkit-keyframes f1t0xrs{from{opacity:1;}to{opacity:0.4;}}",
+        "@keyframes f1t0xrs{from{opacity:1;}to{opacity:0.4;}}"
+    ],
+    m: [
+        [
+            "@media screen and (forced-colors: active){.f9jxvrw{background-color:WindowText;}}",
+            {
+                m: "screen and (forced-colors: active)"
+            }
+        ]
+    ]
 });
-const useRectangleStyles = /*#__PURE__*/react_1.__styles({
-  "8": {
-    Bqenvij: "f1x82gua"
-  },
-  "12": {
-    Bqenvij: "fvblgha"
-  },
-  "16": {
-    Bqenvij: "fd461yt"
-  },
-  "20": {
-    Bqenvij: "fjamq6b"
-  },
-  "24": {
-    Bqenvij: "frvgh55"
-  },
-  "28": {
-    Bqenvij: "fxldao9"
-  },
-  "32": {
-    Bqenvij: "f1d2rq10"
-  },
-  "36": {
-    Bqenvij: "f8ljn23"
-  },
-  "40": {
-    Bqenvij: "fbhnoac"
-  },
-  "48": {
-    Bqenvij: "ff2sm71"
-  },
-  "56": {
-    Bqenvij: "fzki0ko"
-  },
-  "64": {
-    Bqenvij: "f16k9i2m"
-  },
-  "72": {
-    Bqenvij: "f1shusfg"
-  },
-  "96": {
-    Bqenvij: "fypu0ge"
-  },
-  "120": {
-    Bqenvij: "fjr5b71"
-  },
-  "128": {
-    Bqenvij: "fele2au"
-  },
-  root: {
-    a9b677: "fly5x3f",
-    Bbmb7ep: ["fff7au0", "f1bjk9e1"],
-    Beyfa6y: ["f1bjk9e1", "fff7au0"],
-    B7oj6ja: ["fwsfkhu", "f8wkphi"],
-    Btl43ni: ["f8wkphi", "fwsfkhu"]
-  }
+const useRectangleStyles = /*#__PURE__*/ (0, _react["__styles"])({
+    "8": {
+        Bqenvij: "f1x82gua"
+    },
+    "12": {
+        Bqenvij: "fvblgha"
+    },
+    "16": {
+        Bqenvij: "fd461yt"
+    },
+    "20": {
+        Bqenvij: "fjamq6b"
+    },
+    "24": {
+        Bqenvij: "frvgh55"
+    },
+    "28": {
+        Bqenvij: "fxldao9"
+    },
+    "32": {
+        Bqenvij: "f1d2rq10"
+    },
+    "36": {
+        Bqenvij: "f8ljn23"
+    },
+    "40": {
+        Bqenvij: "fbhnoac"
+    },
+    "48": {
+        Bqenvij: "ff2sm71"
+    },
+    "56": {
+        Bqenvij: "fzki0ko"
+    },
+    "64": {
+        Bqenvij: "f16k9i2m"
+    },
+    "72": {
+        Bqenvij: "f1shusfg"
+    },
+    "96": {
+        Bqenvij: "fypu0ge"
+    },
+    "120": {
+        Bqenvij: "fjr5b71"
+    },
+    "128": {
+        Bqenvij: "fele2au"
+    },
+    root: {
+        a9b677: "fly5x3f",
+        Bbmb7ep: [
+            "fff7au0",
+            "f1bjk9e1"
+        ],
+        Beyfa6y: [
+            "f1bjk9e1",
+            "fff7au0"
+        ],
+        B7oj6ja: [
+            "fwsfkhu",
+            "f8wkphi"
+        ],
+        Btl43ni: [
+            "f8wkphi",
+            "fwsfkhu"
+        ]
+    }
 }, {
-  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%;}",
+        ".fff7au0{border-bottom-right-radius:4px;}",
+        ".f1bjk9e1{border-bottom-left-radius:4px;}",
+        ".fwsfkhu{border-top-right-radius:4px;}",
+        ".f8wkphi{border-top-left-radius:4px;}"
+    ]
 });
-const useSizeStyles = /*#__PURE__*/react_1.__styles({
-  "8": {
-    a9b677: "f1o3cbw4",
-    Bqenvij: "f1x82gua"
-  },
-  "12": {
-    a9b677: "frx94fk",
-    Bqenvij: "fvblgha"
-  },
-  "16": {
-    a9b677: "fjw5fx7",
-    Bqenvij: "fd461yt"
-  },
-  "20": {
-    a9b677: "f64fuq3",
-    Bqenvij: "fjamq6b"
-  },
-  "24": {
-    a9b677: "fq4mcun",
-    Bqenvij: "frvgh55"
-  },
-  "28": {
-    a9b677: "f1w9dchk",
-    Bqenvij: "fxldao9"
-  },
-  "32": {
-    a9b677: "f1szoe96",
-    Bqenvij: "f1d2rq10"
-  },
-  "36": {
-    a9b677: "fpdz1er",
-    Bqenvij: "f8ljn23"
-  },
-  "40": {
-    a9b677: "feqmc2u",
-    Bqenvij: "fbhnoac"
-  },
-  "48": {
-    a9b677: "f124akge",
-    Bqenvij: "ff2sm71"
-  },
-  "56": {
-    a9b677: "f1u66zr1",
-    Bqenvij: "fzki0ko"
-  },
-  "64": {
-    a9b677: "fa9ln6p",
-    Bqenvij: "f16k9i2m"
-  },
-  "72": {
-    a9b677: "fhcae8x",
-    Bqenvij: "f1shusfg"
-  },
-  "96": {
-    a9b677: "f1kyr2gn",
-    Bqenvij: "fypu0ge"
-  },
-  "120": {
-    a9b677: "fwfqyga",
-    Bqenvij: "fjr5b71"
-  },
-  "128": {
-    a9b677: "f1iksgmy",
-    Bqenvij: "fele2au"
-  }
+const useSizeStyles = /*#__PURE__*/ (0, _react["__styles"])({
+    "8": {
+        a9b677: "f1o3cbw4",
+        Bqenvij: "f1x82gua"
+    },
+    "12": {
+        a9b677: "frx94fk",
+        Bqenvij: "fvblgha"
+    },
+    "16": {
+        a9b677: "fjw5fx7",
+        Bqenvij: "fd461yt"
+    },
+    "20": {
+        a9b677: "f64fuq3",
+        Bqenvij: "fjamq6b"
+    },
+    "24": {
+        a9b677: "fq4mcun",
+        Bqenvij: "frvgh55"
+    },
+    "28": {
+        a9b677: "f1w9dchk",
+        Bqenvij: "fxldao9"
+    },
+    "32": {
+        a9b677: "f1szoe96",
+        Bqenvij: "f1d2rq10"
+    },
+    "36": {
+        a9b677: "fpdz1er",
+        Bqenvij: "f8ljn23"
+    },
+    "40": {
+        a9b677: "feqmc2u",
+        Bqenvij: "fbhnoac"
+    },
+    "48": {
+        a9b677: "f124akge",
+        Bqenvij: "ff2sm71"
+    },
+    "56": {
+        a9b677: "f1u66zr1",
+        Bqenvij: "fzki0ko"
+    },
+    "64": {
+        a9b677: "fa9ln6p",
+        Bqenvij: "f16k9i2m"
+    },
+    "72": {
+        a9b677: "fhcae8x",
+        Bqenvij: "f1shusfg"
+    },
+    "96": {
+        a9b677: "f1kyr2gn",
+        Bqenvij: "fypu0ge"
+    },
+    "120": {
+        a9b677: "fwfqyga",
+        Bqenvij: "fjr5b71"
+    },
+    "128": {
+        a9b677: "f1iksgmy",
+        Bqenvij: "fele2au"
+    }
 }, {
-  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;}"]
+    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;}"
+    ]
 });
-const useCircleSizeStyles = /*#__PURE__*/react_1.__styles({
-  root: {
-    Bbmb7ep: ["fqgqgel", "fchfifz"],
-    Beyfa6y: ["fchfifz", "fqgqgel"],
-    B7oj6ja: ["fc7b1hi", "f1dpx5h9"],
-    Btl43ni: ["f1dpx5h9", "fc7b1hi"]
-  }
+const useCircleSizeStyles = /*#__PURE__*/ (0, _react["__styles"])({
+    root: {
+        Bbmb7ep: [
+            "fqgqgel",
+            "fchfifz"
+        ],
+        Beyfa6y: [
+            "fchfifz",
+            "fqgqgel"
+        ],
+        B7oj6ja: [
+            "fc7b1hi",
+            "f1dpx5h9"
+        ],
+        Btl43ni: [
+            "f1dpx5h9",
+            "fc7b1hi"
+        ]
+    }
 }, {
-  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: [
+        ".fqgqgel{border-bottom-right-radius:50%;}",
+        ".fchfifz{border-bottom-left-radius:50%;}",
+        ".fc7b1hi{border-top-right-radius:50%;}",
+        ".f1dpx5h9{border-top-left-radius:50%;}"
+    ]
 });
-/**
- * Apply styling to the SkeletonItem slots based on the state
- */
-const useSkeletonItemStyles_unstable = state => {
-  const {
-    animation,
-    appearance,
-    size,
-    shape
-  } = state;
-  const {
-    dir
-  } = react_shared_contexts_1.useFluent_unstable();
-  const rootStyles = useStyles();
-  const rectStyles = useRectangleStyles();
-  const sizeStyles = useSizeStyles();
-  const circleStyles = useCircleSizeStyles();
-  state.root.className = react_1.mergeClasses(exports.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);
-  return state;
-};
-exports.useSkeletonItemStyles_unstable = useSkeletonItemStyles_unstable;
+const useSkeletonItemStyles_unstable = (state)=>{
+    const { animation , appearance , size , shape  } = state;
+    const { dir  } = (0, _reactSharedContexts.useFluent_unstable)();
+    const rootStyles = useStyles();
+    const rectStyles = useRectangleStyles();
+    const sizeStyles = useSizeStyles();
+    const circleStyles = useCircleSizeStyles();
+    state.root.className = (0, _react.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);
+    return state;
+}; //# sourceMappingURL=useSkeletonItemStyles.js.map
+
 //# sourceMappingURL=useSkeletonItemStyles.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["react_1","require","react_shared_contexts_1","react_theme_1","exports","skeletonItemClassNames","root","skeletonWaveAnimationRTL","from","backgroundPositionX","to","skeletonWaveAnimation","skeletonPulseAnimation","opacity","useStyles","__styles","qhf8xq","B68tc82","Bmxbyg5","Bkjc3bi","B8a6bjv","Bpptf2m","Bgh53k4","w3vfg9","vin17d","Ezkn3b","wave","Bv12yb3","Bcmaq0h","Bpep1pd","waveRtl","pulse","De3pzq","translucent","translucentPulse","d","k","m","useRectangleStyles","Bqenvij","a9b677","Bbmb7ep","Beyfa6y","B7oj6ja","Btl43ni","useSizeStyles","useCircleSizeStyles","useSkeletonItemStyles_unstable","state","animation","appearance","size","shape","dir","useFluent_unstable","rootStyles","rectStyles","sizeStyles","circleStyles","className","mergeClasses"],"sources":["../src/packages/react-components/react-skeleton/src/components/SkeletonItem/useSkeletonItemStyles.ts"],"sourcesContent":["import { makeStyles, mergeClasses, shorthands } from '@griffel/react';\nimport type { SkeletonItemSlots, SkeletonItemState } from './SkeletonItem.types';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport { useFluent_unstable as useFluent } from '@fluentui/react-shared-contexts';\nimport { tokens } from '@fluentui/react-theme';\n\nexport const skeletonItemClassNames: SlotClassNames<SkeletonItemSlots> = {\n  root: 'fui-SkeletonItem',\n};\n\nconst skeletonWaveAnimationRTL = {\n  from: {\n    backgroundPositionX: '300% /* @noflip */',\n  },\n  to: {\n    backgroundPositionX: '0% /* @noflip */',\n  },\n};\n\nconst skeletonWaveAnimation = {\n  from: {\n    backgroundPositionX: '0% /* @noflip */',\n  },\n  to: {\n    backgroundPositionX: '300% /* @noflip */',\n  },\n};\n\nconst skeletonPulseAnimation = {\n  from: {\n    opacity: '1',\n  },\n  to: {\n    opacity: '0.4',\n  },\n};\n\n/**\n * Styles for the root slot\n */\nconst 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  },\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  },\n  pulse: {\n    animationName: skeletonPulseAnimation,\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});\n\nconst useRectangleStyles = makeStyles({\n  root: {\n    width: '100%',\n    ...shorthands.borderRadius('4px'),\n  },\n  8: { height: '8px' },\n  12: { height: '12px' },\n  16: { height: '16px' },\n  20: { height: '20px' },\n  24: { height: '24px' },\n  28: { height: '28px' },\n  32: { height: '32px' },\n  36: { height: '36px' },\n  40: { height: '40px' },\n  48: { height: '48px' },\n  56: { height: '56px' },\n  64: { height: '64px' },\n  72: { height: '72px' },\n  96: { height: '96px' },\n  120: { height: '120px' },\n  128: { height: '128px' },\n});\n\nconst useSizeStyles = makeStyles({\n  8: { width: '8px', height: '8px' },\n  12: { width: '12px', height: '12px' },\n  16: { width: '16px', height: '16px' },\n  20: { width: '20px', height: '20px' },\n  24: { width: '24px', height: '24px' },\n  28: { width: '28px', height: '28px' },\n  32: { width: '32px', height: '32px' },\n  36: { width: '36px', height: '36px' },\n  40: { width: '40px', height: '40px' },\n  48: { width: '48px', height: '48px' },\n  56: { width: '56px', height: '56px' },\n  64: { width: '64px', height: '64px' },\n  72: { width: '72px', height: '72px' },\n  96: { width: '96px', height: '96px' },\n  120: { width: '120px', height: '120px' },\n  128: { width: '128px', height: '128px' },\n});\n\nconst useCircleSizeStyles = makeStyles({\n  root: {\n    ...shorthands.borderRadius('50%'),\n  },\n});\n\n/**\n * Apply styling to the SkeletonItem slots based on the state\n */\nexport const useSkeletonItemStyles_unstable = (state: SkeletonItemState): SkeletonItemState => {\n  const { animation, appearance, size, shape } = state;\n  const { dir } = useFluent();\n\n  const rootStyles = useStyles();\n  const rectStyles = useRectangleStyles();\n  const sizeStyles = useSizeStyles();\n  const circleStyles = useCircleSizeStyles();\n\n  state.root.className = mergeClasses(\n    skeletonItemClassNames.root,\n    rootStyles.root,\n    animation === 'wave' && rootStyles.wave,\n    animation === 'wave' && dir === 'rtl' && rootStyles.waveRtl,\n    animation === 'pulse' && rootStyles.pulse,\n    appearance === 'translucent' && rootStyles.translucent,\n    animation === 'pulse' && appearance === 'translucent' && rootStyles.translucentPulse,\n    shape === 'rectangle' && rectStyles.root,\n    shape === 'rectangle' && rectStyles[size],\n    shape === 'square' && sizeStyles[size],\n    shape === 'circle' && circleStyles.root,\n    shape === 'circle' && sizeStyles[size],\n    state.root.className,\n  );\n\n  return state;\n};\n"],"mappings":"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"}
+{"version":3,"sources":["../../../lib/components/SkeletonItem/useSkeletonItemStyles.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 skeletonWaveAnimationRTL = {\n  from: {\n    backgroundPositionX: '300% /* @noflip */'\n  },\n  to: {\n    backgroundPositionX: '0% /* @noflip */'\n  }\n};\nconst skeletonWaveAnimation = {\n  from: {\n    backgroundPositionX: '0% /* @noflip */'\n  },\n  to: {\n    backgroundPositionX: '300% /* @noflip */'\n  }\n};\nconst skeletonPulseAnimation = {\n  from: {\n    opacity: '1'\n  },\n  to: {\n    opacity: '0.4'\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  },\n  wave: {\n    Bv12yb3: \"f105t0nc\",\n    Bcmaq0h: [\"f101ziu5\", \"f152emvt\"],\n    Bpep1pd: \"f9jxvrw\"\n  },\n  waveRtl: {\n    Bv12yb3: \"fj20wtk\"\n  },\n  pulse: {\n    Bv12yb3: \"f1lslbfe\",\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{-webkit-background-size:300% 100%;background-size:300% 100%;}\", \".fj9j8l8{background-position-x:center;}\", \".f1b6djjb{background-position-y:center;}\", \".f1dsdmen{background-attachment:fixed;}\", \".f1cpbl36{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;}\", \".f1a27w2r{-webkit-animation-duration:3s;animation-duration:3s;}\", \".f452v7t{-webkit-animation-timing-function:linear;animation-timing-function:linear;}\", \".f105t0nc{-webkit-animation-name:fj9wi3p;animation-name:fj9wi3p;}\", \".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%);}\", \".fj20wtk{-webkit-animation-name:fma800j;animation-name:fma800j;}\", \".f1lslbfe{-webkit-animation-name:f1t0xrs;animation-name:f1t0xrs;}\", \".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  k: [\"@-webkit-keyframes fj9wi3p{from{background-position-x:0%;}to{background-position-x:300%;}}\", \"@keyframes fj9wi3p{from{background-position-x:0%;}to{background-position-x:300%;}}\", \"@-webkit-keyframes fma800j{from{background-position-x:300%;}to{background-position-x:0%;}}\", \"@keyframes fma800j{from{background-position-x:300%;}to{background-position-x:0%;}}\", \"@-webkit-keyframes f1t0xrs{from{opacity:1;}to{opacity:0.4;}}\", \"@keyframes f1t0xrs{from{opacity:1;}to{opacity:0.4;}}\"],\n  m: [[\"@media screen and (forced-colors: active){.f9jxvrw{background-color:WindowText;}}\", {\n    m: \"screen and (forced-colors: active)\"\n  }]]\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.js.map"],"names":["skeletonItemClassNames","useSkeletonItemStyles_unstable","root","skeletonWaveAnimationRTL","from","backgroundPositionX","to","skeletonWaveAnimation","skeletonPulseAnimation","opacity","useStyles","__styles","qhf8xq","B68tc82","Bmxbyg5","Bkjc3bi","B8a6bjv","Bpptf2m","Bgh53k4","w3vfg9","vin17d","Ezkn3b","wave","Bv12yb3","Bcmaq0h","Bpep1pd","waveRtl","pulse","De3pzq","translucent","translucentPulse","d","k","m","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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"}