@fluentui/react-spinner 9.1.4 → 9.1.5

package/lib-commonjs/components/Spinner/useSpinnerStyles.js

@@ -1,260 +1,378 @@
 "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, {
+    spinnerClassNames: ()=>spinnerClassNames,
+    useSpinnerStyles_unstable: ()=>useSpinnerStyles_unstable
 });
-exports.useSpinnerStyles_unstable = exports.spinnerClassNames = void 0;
-const react_1 = /*#__PURE__*/require("@griffel/react");
-const react_theme_1 = /*#__PURE__*/require("@fluentui/react-theme");
-exports.spinnerClassNames = {
-  root: 'fui-Spinner',
-  spinner: 'fui-Spinner__spinner',
-  label: 'fui-Spinner__label'
+const _react = require("@griffel/react");
+const spinnerClassNames = {
+    root: 'fui-Spinner',
+    spinner: 'fui-Spinner__spinner',
+    label: 'fui-Spinner__label'
 };
 /*
  * TODO: Update with proper tokens when added
  * Radii for the Spinner circles
- */
-const rValues = {
-  tiny: '9px',
-  extraSmall: '11px',
-  small: '13px',
-  medium: '14.5px',
-  large: '16.5px',
-  extraLarge: '18.5px',
-  huge: '20px'
+ */ const rValues = {
+    tiny: '9px',
+    extraSmall: '11px',
+    small: '13px',
+    medium: '14.5px',
+    large: '16.5px',
+    extraLarge: '18.5px',
+    huge: '20px'
 };
 /*
  * TODO: Update with proper tokens when added
  * Sizes for the Spinner
- */
-const spinnnerSizes = {
-  tiny: '20px',
-  extraSmall: '24px',
-  small: '28px',
-  medium: '32px',
-  large: '36px',
-  extraLarge: '40px',
-  huge: '44px'
+ */ const spinnnerSizes = {
+    tiny: '20px',
+    extraSmall: '24px',
+    small: '28px',
+    medium: '32px',
+    large: '36px',
+    extraLarge: '40px',
+    huge: '44px'
 };
 /*
  * TODO: Update with proper tokens when added
  * Animation for Spinner
- */
-const spinnerAnimation = {
-  container: {
-    animationDuration: '3s',
-    animationIterationCount: 'infinite',
-    animationTimingFunction: 'linear',
-    backgroundColor: 'transparent'
-  }
+ */ const spinnerAnimation = {
+    container: {
+        animationDuration: '3s',
+        animationIterationCount: 'infinite',
+        animationTimingFunction: 'linear',
+        backgroundColor: 'transparent'
+    }
 };
 /**
  * Styles for the root slot
- */
-const useRootStyles = /*#__PURE__*/react_1.__styles({
-  root: {
-    mc9l5x: "f22iagw",
-    Bt984gj: "f122n59",
-    Brf1p80: "f4d9j23",
-    Bg96gwp: "fez10in",
-    i8kkvl: "f4px1ci",
-    Belr9w4: "fn67r4l"
-  },
-  horizontal: {
-    Beiy3e4: "f1063pyq"
-  },
-  vertical: {
-    Beiy3e4: "f1vx9l62"
-  }
+ */ const useRootStyles = /*#__PURE__*/ (0, _react["__styles"])({
+    root: {
+        mc9l5x: "f22iagw",
+        Bt984gj: "f122n59",
+        Brf1p80: "f4d9j23",
+        Bg96gwp: "fez10in",
+        i8kkvl: "f4px1ci",
+        Belr9w4: "fn67r4l"
+    },
+    horizontal: {
+        Beiy3e4: "f1063pyq"
+    },
+    vertical: {
+        Beiy3e4: "f1vx9l62"
+    }
 }, {
-  d: [".f22iagw{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}", ".f122n59{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}", ".f4d9j23{-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;}", ".fez10in{line-height:0;}", ".f4px1ci{-webkit-column-gap:8px;column-gap:8px;}", ".fn67r4l{row-gap:8px;}", ".f1063pyq{-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;}", ".f1vx9l62{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}"]
+    d: [
+        ".f22iagw{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}",
+        ".f122n59{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}",
+        ".f4d9j23{-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;}",
+        ".fez10in{line-height:0;}",
+        ".f4px1ci{-webkit-column-gap:8px;column-gap:8px;}",
+        ".fn67r4l{row-gap:8px;}",
+        ".f1063pyq{-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;}",
+        ".f1vx9l62{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}"
+    ]
 });
-const useLoaderStyles = /*#__PURE__*/react_1.__styles({
-  spinnerSVG: {
-    B3aqqti: "f1or16p5",
-    Brovlpu: "f1grzc83",
-    Bxa1mx5: "f19shzzi",
-    Bwaue66: ["f5tbecn", "f15qb8s7"],
-    fyp1ls: "fn4mtlg",
-    ag6ruv: "f1y80fxs",
-    osj692: "f1r2crtq",
-    aq5vjd: "f1wsi8sr",
-    tlu9e1: "f1bkm2qd",
-    J3u96z: "f1urqz7h",
-    d32isg: "f1da2vov",
-    Bsvqbuc: "f11rfva0",
-    b3s3i5: "f1exc66"
-  },
-  tiny: {
-    Bah9ito: "f1j4wmu2",
-    ut6tcf: "f1vppzuq",
-    B7p06xz: "fv1u54w",
-    B807ibg: "fngtx1d"
-  },
-  "extra-small": {
-    Bah9ito: "fmpqlna",
-    ut6tcf: "f15z5jzu",
-    B7p06xz: "fv1u54w",
-    B807ibg: "fadawes"
-  },
-  small: {
-    Bah9ito: "fo52gbo",
-    ut6tcf: "f1b41i3v",
-    B7p06xz: "fv1u54w",
-    B807ibg: "f1xqyyrl"
-  },
-  medium: {
-    Bah9ito: "f1aiqagr",
-    ut6tcf: "f1wtx80b",
-    B7p06xz: "f1flujpd",
-    B807ibg: "f1u06hy7"
-  },
-  large: {
-    Bah9ito: "f1trdq7b",
-    ut6tcf: "f9e0mc5",
-    B7p06xz: "f1flujpd",
-    B807ibg: "f13pmvhl"
-  },
-  "extra-large": {
-    Bah9ito: "f89rf2a",
-    ut6tcf: "f1w2xg3q",
-    B7p06xz: "f1flujpd",
-    B807ibg: "fmn74v6"
-  },
-  huge: {
-    Bah9ito: "f1rx7k5y",
-    ut6tcf: "f1vtyt49",
-    B7p06xz: "f1owbg48",
-    B807ibg: "f1fr1izd"
-  }
+const useLoaderStyles = /*#__PURE__*/ (0, _react["__styles"])({
+    spinnerSVG: {
+        B3aqqti: "f1or16p5",
+        Brovlpu: "f1grzc83",
+        Bxa1mx5: "f19shzzi",
+        Bwaue66: [
+            "f5tbecn",
+            "f15qb8s7"
+        ],
+        fyp1ls: "fn4mtlg",
+        ag6ruv: "f1y80fxs",
+        osj692: "f1r2crtq",
+        aq5vjd: "f1wsi8sr",
+        tlu9e1: "f1bkm2qd",
+        J3u96z: "f1urqz7h",
+        d32isg: "f1da2vov",
+        Bsvqbuc: "f11rfva0",
+        b3s3i5: "f1exc66"
+    },
+    tiny: {
+        Bah9ito: "f1j4wmu2",
+        ut6tcf: "f1vppzuq",
+        B7p06xz: "fv1u54w",
+        B807ibg: "fngtx1d"
+    },
+    "extra-small": {
+        Bah9ito: "fmpqlna",
+        ut6tcf: "f15z5jzu",
+        B7p06xz: "fv1u54w",
+        B807ibg: "fadawes"
+    },
+    small: {
+        Bah9ito: "fo52gbo",
+        ut6tcf: "f1b41i3v",
+        B7p06xz: "fv1u54w",
+        B807ibg: "f1xqyyrl"
+    },
+    medium: {
+        Bah9ito: "f1aiqagr",
+        ut6tcf: "f1wtx80b",
+        B7p06xz: "f1flujpd",
+        B807ibg: "f1u06hy7"
+    },
+    large: {
+        Bah9ito: "f1trdq7b",
+        ut6tcf: "f9e0mc5",
+        B7p06xz: "f1flujpd",
+        B807ibg: "f13pmvhl"
+    },
+    "extra-large": {
+        Bah9ito: "f89rf2a",
+        ut6tcf: "f1w2xg3q",
+        B7p06xz: "f1flujpd",
+        B807ibg: "fmn74v6"
+    },
+    huge: {
+        Bah9ito: "f1rx7k5y",
+        ut6tcf: "f1vtyt49",
+        B7p06xz: "f1owbg48",
+        B807ibg: "f1fr1izd"
+    }
 }, {
-  f: [".f1or16p5:focus{outline-width:3px;}", ".f1grzc83:focus{outline-style:solid;}", ".f19shzzi:focus{outline-color:transparent;}"],
-  k: ["@-webkit-keyframes fb7n1on{0%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);}100%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}}", "@-webkit-keyframes f1gx3jof{0%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);}100%{-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);-ms-transform:rotate(-360deg);transform:rotate(-360deg);}}", "@keyframes fb7n1on{0%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);}100%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}}", "@keyframes f1gx3jof{0%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);}100%{-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);-ms-transform:rotate(-360deg);transform:rotate(-360deg);}}"],
-  d: [".f5tbecn>svg{-webkit-animation-name:fb7n1on;animation-name:fb7n1on;}", ".f15qb8s7>svg{-webkit-animation-name:f1gx3jof;animation-name:f1gx3jof;}", ".fn4mtlg>svg{-webkit-animation-duration:3s;animation-duration:3s;}", ".f1y80fxs>svg{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;}", ".f1r2crtq>svg{-webkit-animation-timing-function:linear;animation-timing-function:linear;}", ".f1wsi8sr>svg{background-color:transparent;}", ".f1da2vov>svg>circle{cx:50%;}", ".f11rfva0>svg>circle{cy:50%;}", ".f1exc66>svg>circle{fill:none;}", ".f1j4wmu2>svg{height:20px;}", ".f1vppzuq>svg{width:20px;}", ".fv1u54w>svg>circle{stroke-width:var(--strokeWidthThick);}", ".fngtx1d>svg>circle{r:9px;}", ".fmpqlna>svg{height:24px;}", ".f15z5jzu>svg{width:24px;}", ".fadawes>svg>circle{r:11px;}", ".fo52gbo>svg{height:28px;}", ".f1b41i3v>svg{width:28px;}", ".f1xqyyrl>svg>circle{r:13px;}", ".f1aiqagr>svg{height:32px;}", ".f1wtx80b>svg{width:32px;}", ".f1flujpd>svg>circle{stroke-width:var(--strokeWidthThicker);}", ".f1u06hy7>svg>circle{r:14.5px;}", ".f1trdq7b>svg{height:36px;}", ".f9e0mc5>svg{width:36px;}", ".f13pmvhl>svg>circle{r:16.5px;}", ".f89rf2a>svg{height:40px;}", ".f1w2xg3q>svg{width:40px;}", ".fmn74v6>svg>circle{r:18.5px;}", ".f1rx7k5y>svg{height:44px;}", ".f1vtyt49>svg{width:44px;}", ".f1owbg48>svg>circle{stroke-width:var(--strokeWidthThickest);}", ".f1fr1izd>svg>circle{r:20px;}"],
-  m: [["@media screen and (prefers-reduced-motion: reduce){.f1bkm2qd>svg{-webkit-animation-duration:0.01ms;animation-duration:0.01ms;}}", {
-    m: "screen and (prefers-reduced-motion: reduce)"
-  }], ["@media screen and (prefers-reduced-motion: reduce){.f1urqz7h>svg{-webkit-animation-iteration-count:1;animation-iteration-count:1;}}", {
-    m: "screen and (prefers-reduced-motion: reduce)"
-  }]]
+    f: [
+        ".f1or16p5:focus{outline-width:3px;}",
+        ".f1grzc83:focus{outline-style:solid;}",
+        ".f19shzzi:focus{outline-color:transparent;}"
+    ],
+    k: [
+        "@-webkit-keyframes fb7n1on{0%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);}100%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}}",
+        "@-webkit-keyframes f1gx3jof{0%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);}100%{-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);-ms-transform:rotate(-360deg);transform:rotate(-360deg);}}",
+        "@keyframes fb7n1on{0%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);}100%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}}",
+        "@keyframes f1gx3jof{0%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);}100%{-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);-ms-transform:rotate(-360deg);transform:rotate(-360deg);}}"
+    ],
+    d: [
+        ".f5tbecn>svg{-webkit-animation-name:fb7n1on;animation-name:fb7n1on;}",
+        ".f15qb8s7>svg{-webkit-animation-name:f1gx3jof;animation-name:f1gx3jof;}",
+        ".fn4mtlg>svg{-webkit-animation-duration:3s;animation-duration:3s;}",
+        ".f1y80fxs>svg{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;}",
+        ".f1r2crtq>svg{-webkit-animation-timing-function:linear;animation-timing-function:linear;}",
+        ".f1wsi8sr>svg{background-color:transparent;}",
+        ".f1da2vov>svg>circle{cx:50%;}",
+        ".f11rfva0>svg>circle{cy:50%;}",
+        ".f1exc66>svg>circle{fill:none;}",
+        ".f1j4wmu2>svg{height:20px;}",
+        ".f1vppzuq>svg{width:20px;}",
+        ".fv1u54w>svg>circle{stroke-width:var(--strokeWidthThick);}",
+        ".fngtx1d>svg>circle{r:9px;}",
+        ".fmpqlna>svg{height:24px;}",
+        ".f15z5jzu>svg{width:24px;}",
+        ".fadawes>svg>circle{r:11px;}",
+        ".fo52gbo>svg{height:28px;}",
+        ".f1b41i3v>svg{width:28px;}",
+        ".f1xqyyrl>svg>circle{r:13px;}",
+        ".f1aiqagr>svg{height:32px;}",
+        ".f1wtx80b>svg{width:32px;}",
+        ".f1flujpd>svg>circle{stroke-width:var(--strokeWidthThicker);}",
+        ".f1u06hy7>svg>circle{r:14.5px;}",
+        ".f1trdq7b>svg{height:36px;}",
+        ".f9e0mc5>svg{width:36px;}",
+        ".f13pmvhl>svg>circle{r:16.5px;}",
+        ".f89rf2a>svg{height:40px;}",
+        ".f1w2xg3q>svg{width:40px;}",
+        ".fmn74v6>svg>circle{r:18.5px;}",
+        ".f1rx7k5y>svg{height:44px;}",
+        ".f1vtyt49>svg{width:44px;}",
+        ".f1owbg48>svg>circle{stroke-width:var(--strokeWidthThickest);}",
+        ".f1fr1izd>svg>circle{r:20px;}"
+    ],
+    m: [
+        [
+            "@media screen and (prefers-reduced-motion: reduce){.f1bkm2qd>svg{-webkit-animation-duration:0.01ms;animation-duration:0.01ms;}}",
+            {
+                m: "screen and (prefers-reduced-motion: reduce)"
+            }
+        ],
+        [
+            "@media screen and (prefers-reduced-motion: reduce){.f1urqz7h>svg{-webkit-animation-iteration-count:1;animation-iteration-count:1;}}",
+            {
+                m: "screen and (prefers-reduced-motion: reduce)"
+            }
+        ]
+    ]
 });
-const useTrackStyles = /*#__PURE__*/react_1.__styles({
-  inverted: {
-    gwg7kz: "f1jvpmnu",
-    Bvrehnu: "fq8a5sv",
-    Bidp6o: "f1b4lwqj",
-    cq3kgi: "f1najlst",
-    Btwiser: "fjxod4",
-    B8001xd: "fu3xdw0",
-    Bdordwa: ["f1ttdh6v", "fmyjox0"],
-    Bo2mdfu: "f1eseayc",
-    E10nrc: "folzdkc",
-    Bwl7w15: "fhlfkde",
-    Bksq7rz: "f1esql28"
-  },
-  primary: {
-    gwg7kz: "f11ditju",
-    B8k2rxp: "f1m9nikz",
-    Bvrehnu: "fq8a5sv",
-    Bidp6o: "f1b4lwqj",
-    cq3kgi: "f1najlst",
-    Btwiser: "fjxod4",
-    B8001xd: "fu3xdw0",
-    Bdordwa: ["f1ttdh6v", "fmyjox0"],
-    Bo2mdfu: "f1eseayc",
-    E10nrc: "folzdkc",
-    Bwl7w15: "fhlfkde",
-    Bksq7rz: "f61h2gu",
-    y14cdu: "flglbw1"
-  }
+const useTrackStyles = /*#__PURE__*/ (0, _react["__styles"])({
+    inverted: {
+        gwg7kz: "f1jvpmnu",
+        Bvrehnu: "fq8a5sv",
+        Bidp6o: "f1b4lwqj",
+        cq3kgi: "f1najlst",
+        Btwiser: "fjxod4",
+        B8001xd: "fu3xdw0",
+        Bdordwa: [
+            "f1ttdh6v",
+            "fmyjox0"
+        ],
+        Bo2mdfu: "f1eseayc",
+        E10nrc: "folzdkc",
+        Bwl7w15: "fhlfkde",
+        Bksq7rz: "f1esql28"
+    },
+    primary: {
+        gwg7kz: "f11ditju",
+        B8k2rxp: "f1m9nikz",
+        Bvrehnu: "fq8a5sv",
+        Bidp6o: "f1b4lwqj",
+        cq3kgi: "f1najlst",
+        Btwiser: "fjxod4",
+        B8001xd: "fu3xdw0",
+        Bdordwa: [
+            "f1ttdh6v",
+            "fmyjox0"
+        ],
+        Bo2mdfu: "f1eseayc",
+        E10nrc: "folzdkc",
+        Bwl7w15: "fhlfkde",
+        Bksq7rz: "f61h2gu",
+        y14cdu: "flglbw1"
+    }
 }, {
-  d: [".f1jvpmnu>svg>circle.fui-Spinner__Tail{stroke:var(--colorNeutralStrokeOnBrand2);}", ".fq8a5sv>svg>circle.fui-Spinner__Tail{-webkit-animation-name:f1v1ql0f;animation-name:f1v1ql0f;}", ".f1b4lwqj>svg>circle.fui-Spinner__Tail{-webkit-animation-duration:1.5s;animation-duration:1.5s;}", ".f1najlst>svg>circle.fui-Spinner__Tail{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;}", ".fjxod4>svg>circle.fui-Spinner__Tail{-webkit-animation-timing-function:var(--curveEasyEase);animation-timing-function:var(--curveEasyEase);}", ".fu3xdw0>svg>circle.fui-Spinner__Tail{stroke-linecap:round;}", ".f1ttdh6v>svg>circle.fui-Spinner__Tail{-webkit-transform:rotate(-90deg);-moz-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);}", ".fmyjox0>svg>circle.fui-Spinner__Tail{-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}", ".f1eseayc>svg>circle.fui-Spinner__Tail{transform-origin:50% 50%;}", ".f1esql28>svg>circle.fui-Spinner__Track{stroke:rgba(255, 255, 255, 0.2);}", ".f11ditju>svg>circle.fui-Spinner__Tail{stroke:var(--colorBrandStroke1);}", ".f61h2gu>svg>circle.fui-Spinner__Track{stroke:var(--colorBrandStroke2);}"],
-  k: ["@-webkit-keyframes f1v1ql0f{0%{stroke-dasharray:1,150;stroke-dashoffset:0;}50%{stroke-dasharray:90,150;stroke-dashoffset:-35;}100%{stroke-dasharray:90,150;stroke-dashoffset:-124;}}", "@keyframes f1v1ql0f{0%{stroke-dasharray:1,150;stroke-dashoffset:0;}50%{stroke-dasharray:90,150;stroke-dashoffset:-35;}100%{stroke-dasharray:90,150;stroke-dashoffset:-124;}}"],
-  m: [["@media screen and (prefers-reduced-motion: reduce){.folzdkc>svg>circle.fui-Spinner__Tail{-webkit-animation-duration:0.01ms;animation-duration:0.01ms;}}", {
-    m: "screen and (prefers-reduced-motion: reduce)"
-  }], ["@media screen and (prefers-reduced-motion: reduce){.fhlfkde>svg>circle.fui-Spinner__Tail{-webkit-animation-iteration-count:1;animation-iteration-count:1;}}", {
-    m: "screen and (prefers-reduced-motion: reduce)"
-  }], ["@media screen and (forced-colors: active){.f1m9nikz>svg>circle.fui-Spinner__Tail{stroke:var(--colorNeutralStrokeOnBrand2);}}", {
-    m: "screen and (forced-colors: active)"
-  }], ["@media screen and (prefers-reduced-motion: reduce){.folzdkc>svg>circle.fui-Spinner__Tail{-webkit-animation-duration:0.01ms;animation-duration:0.01ms;}}", {
-    m: "screen and (prefers-reduced-motion: reduce)"
-  }], ["@media screen and (prefers-reduced-motion: reduce){.fhlfkde>svg>circle.fui-Spinner__Tail{-webkit-animation-iteration-count:1;animation-iteration-count:1;}}", {
-    m: "screen and (prefers-reduced-motion: reduce)"
-  }], ["@media screen and (forced-colors: active){.flglbw1>svg>circle.fui-Spinner__Track{stroke:var(--colorNeutralBackgroundInverted);}}", {
-    m: "screen and (forced-colors: active)"
-  }]]
+    d: [
+        ".f1jvpmnu>svg>circle.fui-Spinner__Tail{stroke:var(--colorNeutralStrokeOnBrand2);}",
+        ".fq8a5sv>svg>circle.fui-Spinner__Tail{-webkit-animation-name:f1v1ql0f;animation-name:f1v1ql0f;}",
+        ".f1b4lwqj>svg>circle.fui-Spinner__Tail{-webkit-animation-duration:1.5s;animation-duration:1.5s;}",
+        ".f1najlst>svg>circle.fui-Spinner__Tail{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;}",
+        ".fjxod4>svg>circle.fui-Spinner__Tail{-webkit-animation-timing-function:var(--curveEasyEase);animation-timing-function:var(--curveEasyEase);}",
+        ".fu3xdw0>svg>circle.fui-Spinner__Tail{stroke-linecap:round;}",
+        ".f1ttdh6v>svg>circle.fui-Spinner__Tail{-webkit-transform:rotate(-90deg);-moz-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);}",
+        ".fmyjox0>svg>circle.fui-Spinner__Tail{-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}",
+        ".f1eseayc>svg>circle.fui-Spinner__Tail{transform-origin:50% 50%;}",
+        ".f1esql28>svg>circle.fui-Spinner__Track{stroke:rgba(255, 255, 255, 0.2);}",
+        ".f11ditju>svg>circle.fui-Spinner__Tail{stroke:var(--colorBrandStroke1);}",
+        ".f61h2gu>svg>circle.fui-Spinner__Track{stroke:var(--colorBrandStroke2);}"
+    ],
+    k: [
+        "@-webkit-keyframes f1v1ql0f{0%{stroke-dasharray:1,150;stroke-dashoffset:0;}50%{stroke-dasharray:90,150;stroke-dashoffset:-35;}100%{stroke-dasharray:90,150;stroke-dashoffset:-124;}}",
+        "@keyframes f1v1ql0f{0%{stroke-dasharray:1,150;stroke-dashoffset:0;}50%{stroke-dasharray:90,150;stroke-dashoffset:-35;}100%{stroke-dasharray:90,150;stroke-dashoffset:-124;}}"
+    ],
+    m: [
+        [
+            "@media screen and (prefers-reduced-motion: reduce){.folzdkc>svg>circle.fui-Spinner__Tail{-webkit-animation-duration:0.01ms;animation-duration:0.01ms;}}",
+            {
+                m: "screen and (prefers-reduced-motion: reduce)"
+            }
+        ],
+        [
+            "@media screen and (prefers-reduced-motion: reduce){.fhlfkde>svg>circle.fui-Spinner__Tail{-webkit-animation-iteration-count:1;animation-iteration-count:1;}}",
+            {
+                m: "screen and (prefers-reduced-motion: reduce)"
+            }
+        ],
+        [
+            "@media screen and (forced-colors: active){.f1m9nikz>svg>circle.fui-Spinner__Tail{stroke:var(--colorNeutralStrokeOnBrand2);}}",
+            {
+                m: "screen and (forced-colors: active)"
+            }
+        ],
+        [
+            "@media screen and (prefers-reduced-motion: reduce){.folzdkc>svg>circle.fui-Spinner__Tail{-webkit-animation-duration:0.01ms;animation-duration:0.01ms;}}",
+            {
+                m: "screen and (prefers-reduced-motion: reduce)"
+            }
+        ],
+        [
+            "@media screen and (prefers-reduced-motion: reduce){.fhlfkde>svg>circle.fui-Spinner__Tail{-webkit-animation-iteration-count:1;animation-iteration-count:1;}}",
+            {
+                m: "screen and (prefers-reduced-motion: reduce)"
+            }
+        ],
+        [
+            "@media screen and (forced-colors: active){.flglbw1>svg>circle.fui-Spinner__Track{stroke:var(--colorNeutralBackgroundInverted);}}",
+            {
+                m: "screen and (forced-colors: active)"
+            }
+        ]
+    ]
 });
-const useLabelStyles = /*#__PURE__*/react_1.__styles({
-  inverted: {
-    sj55zd: "f15aqcq"
-  },
-  primary: {},
-  tiny: {
-    Bahqtrf: "fk6fouc",
-    Be2twd7: "fkhj508",
-    Bhrd7zp: "figsok6",
-    Bg96gwp: "f1i3iumi"
-  },
-  "extra-small": {
-    Bahqtrf: "fk6fouc",
-    Be2twd7: "fkhj508",
-    Bhrd7zp: "figsok6",
-    Bg96gwp: "f1i3iumi"
-  },
-  small: {
-    Bahqtrf: "fk6fouc",
-    Be2twd7: "fkhj508",
-    Bhrd7zp: "figsok6",
-    Bg96gwp: "f1i3iumi"
-  },
-  medium: {
-    Bahqtrf: "fk6fouc",
-    Be2twd7: "fod5ikn",
-    Bhrd7zp: "fl43uef",
-    Bg96gwp: "faaz57k"
-  },
-  large: {
-    Bahqtrf: "fk6fouc",
-    Be2twd7: "fod5ikn",
-    Bhrd7zp: "fl43uef",
-    Bg96gwp: "faaz57k"
-  },
-  "extra-large": {
-    Bahqtrf: "fk6fouc",
-    Be2twd7: "fod5ikn",
-    Bhrd7zp: "fl43uef",
-    Bg96gwp: "faaz57k"
-  },
-  huge: {
-    Bahqtrf: "fk6fouc",
-    Be2twd7: "f1pp30po",
-    Bhrd7zp: "fl43uef",
-    Bg96gwp: "f106mvju"
-  }
+const useLabelStyles = /*#__PURE__*/ (0, _react["__styles"])({
+    inverted: {
+        sj55zd: "f15aqcq"
+    },
+    primary: {},
+    tiny: {
+        Bahqtrf: "fk6fouc",
+        Be2twd7: "fkhj508",
+        Bhrd7zp: "figsok6",
+        Bg96gwp: "f1i3iumi"
+    },
+    "extra-small": {
+        Bahqtrf: "fk6fouc",
+        Be2twd7: "fkhj508",
+        Bhrd7zp: "figsok6",
+        Bg96gwp: "f1i3iumi"
+    },
+    small: {
+        Bahqtrf: "fk6fouc",
+        Be2twd7: "fkhj508",
+        Bhrd7zp: "figsok6",
+        Bg96gwp: "f1i3iumi"
+    },
+    medium: {
+        Bahqtrf: "fk6fouc",
+        Be2twd7: "fod5ikn",
+        Bhrd7zp: "fl43uef",
+        Bg96gwp: "faaz57k"
+    },
+    large: {
+        Bahqtrf: "fk6fouc",
+        Be2twd7: "fod5ikn",
+        Bhrd7zp: "fl43uef",
+        Bg96gwp: "faaz57k"
+    },
+    "extra-large": {
+        Bahqtrf: "fk6fouc",
+        Be2twd7: "fod5ikn",
+        Bhrd7zp: "fl43uef",
+        Bg96gwp: "faaz57k"
+    },
+    huge: {
+        Bahqtrf: "fk6fouc",
+        Be2twd7: "f1pp30po",
+        Bhrd7zp: "fl43uef",
+        Bg96gwp: "f106mvju"
+    }
 }, {
-  d: [".f15aqcq{color:rgba(255, 255, 255, 1);}", ".fk6fouc{font-family:var(--fontFamilyBase);}", ".fkhj508{font-size:var(--fontSizeBase300);}", ".figsok6{font-weight:var(--fontWeightRegular);}", ".f1i3iumi{line-height:var(--lineHeightBase300);}", ".fod5ikn{font-size:var(--fontSizeBase400);}", ".fl43uef{font-weight:var(--fontWeightSemibold);}", ".faaz57k{line-height:var(--lineHeightBase400);}", ".f1pp30po{font-size:var(--fontSizeBase500);}", ".f106mvju{line-height:var(--lineHeightBase500);}"]
+    d: [
+        ".f15aqcq{color:rgba(255, 255, 255, 1);}",
+        ".fk6fouc{font-family:var(--fontFamilyBase);}",
+        ".fkhj508{font-size:var(--fontSizeBase300);}",
+        ".figsok6{font-weight:var(--fontWeightRegular);}",
+        ".f1i3iumi{line-height:var(--lineHeightBase300);}",
+        ".fod5ikn{font-size:var(--fontSizeBase400);}",
+        ".fl43uef{font-weight:var(--fontWeightSemibold);}",
+        ".faaz57k{line-height:var(--lineHeightBase400);}",
+        ".f1pp30po{font-size:var(--fontSizeBase500);}",
+        ".f106mvju{line-height:var(--lineHeightBase500);}"
+    ]
 });
-/**
- * Apply styling to the Spinner slots based on the state
- */
-const useSpinnerStyles_unstable = state => {
-  const {
-    labelPosition,
-    size,
-    appearance = 'primary'
-  } = state;
-  const rootStyles = useRootStyles();
-  const spinnerStyles = useLoaderStyles();
-  const labelStyles = useLabelStyles();
-  const trackStyles = useTrackStyles();
-  state.root.className = react_1.mergeClasses(exports.spinnerClassNames.root, rootStyles.root, (labelPosition === 'above' || labelPosition === 'below') && rootStyles.vertical, (labelPosition === 'before' || labelPosition === 'after') && rootStyles.horizontal, state.root.className);
-  if (state.spinner) {
-    state.spinner.className = react_1.mergeClasses(exports.spinnerClassNames.spinner, spinnerStyles.spinnerSVG, spinnerStyles[size], trackStyles[appearance], state.spinner.className);
-  }
-  if (state.label) {
-    state.label.className = react_1.mergeClasses(exports.spinnerClassNames.label, labelStyles[size], labelStyles[appearance], state.label.className);
-  }
-  return state;
-};
-exports.useSpinnerStyles_unstable = useSpinnerStyles_unstable;
+const useSpinnerStyles_unstable = (state)=>{
+    const { labelPosition , size , appearance ='primary'  } = state;
+    const rootStyles = useRootStyles();
+    const spinnerStyles = useLoaderStyles();
+    const labelStyles = useLabelStyles();
+    const trackStyles = useTrackStyles();
+    state.root.className = (0, _react.mergeClasses)(spinnerClassNames.root, rootStyles.root, (labelPosition === 'above' || labelPosition === 'below') && rootStyles.vertical, (labelPosition === 'before' || labelPosition === 'after') && rootStyles.horizontal, state.root.className);
+    if (state.spinner) {
+        state.spinner.className = (0, _react.mergeClasses)(spinnerClassNames.spinner, spinnerStyles.spinnerSVG, spinnerStyles[size], trackStyles[appearance], state.spinner.className);
+    }
+    if (state.label) {
+        state.label.className = (0, _react.mergeClasses)(spinnerClassNames.label, labelStyles[size], labelStyles[appearance], state.label.className);
+    }
+    return state;
+}; //# sourceMappingURL=useSpinnerStyles.js.map
+
 //# sourceMappingURL=useSpinnerStyles.js.map