@fluentui/react-progress 0.0.0-nightly-20230222-0421.1 → 0.0.0-nightly-20230223-2115.1

package/lib-commonjs/components/ProgressBar/useProgressBar.js

@@ -1,53 +1,42 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
+});
+Object.defineProperty(exports, "useProgressBar_unstable", {
+    enumerable: true,
+    get: ()=>useProgressBar_unstable
 });
-exports.useProgressBar_unstable = void 0;
-const react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
-/**
- * Create the state required to render ProgressBar.
- *
- * The returned state can be modified with hooks such as useProgressBarStyles_unstable,
- * before being passed to renderProgressBar_unstable.
- *
- * @param props - props from this instance of ProgressBar
- * @param ref - reference to root HTMLElement of ProgressBar
- */
-const useProgressBar_unstable = (props, ref) => {
-  // Props
-  const {
-    color = 'brand',
-    max = 1.0,
-    shape = 'rounded',
-    thickness = 'medium',
-    value
-  } = props;
-  const root = react_utilities_1.getNativeElementProps('div', {
-    ref,
-    role: 'progressbar',
-    'aria-valuemin': value !== undefined ? 0 : undefined,
-    'aria-valuemax': value !== undefined ? max : undefined,
-    'aria-valuenow': value,
-    ...props
-  });
-  const bar = react_utilities_1.resolveShorthand(props.bar, {
-    required: true
-  });
-  const state = {
-    color,
-    max,
-    shape,
-    thickness,
-    value,
-    components: {
-      root: 'div',
-      bar: 'div'
-    },
-    root,
-    bar
-  };
-  return state;
-};
-exports.useProgressBar_unstable = useProgressBar_unstable;
+const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
+const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
+const _reactUtilities = require("@fluentui/react-utilities");
+const useProgressBar_unstable = (props, ref)=>{
+    // Props
+    const { color ='brand' , max =1.0 , shape ='rounded' , thickness ='medium' , value  } = props;
+    const root = (0, _reactUtilities.getNativeElementProps)('div', {
+        ref,
+        role: 'progressbar',
+        'aria-valuemin': value !== undefined ? 0 : undefined,
+        'aria-valuemax': value !== undefined ? max : undefined,
+        'aria-valuenow': value,
+        ...props
+    });
+    const bar = (0, _reactUtilities.resolveShorthand)(props.bar, {
+        required: true
+    });
+    const state = {
+        color,
+        max,
+        shape,
+        thickness,
+        value,
+        components: {
+            root: 'div',
+            bar: 'div'
+        },
+        root,
+        bar
+    };
+    return state;
+}; //# sourceMappingURL=useProgressBar.js.map
+
 //# sourceMappingURL=useProgressBar.js.map

package/lib-commonjs/components/ProgressBar/useProgressBar.js.map

@@ -1 +1 @@
-{"version":3,"mappings":";;;;;;AACA;AAGA;;;;;;;;;AASO,MAAMA,uBAAuB,GAAG,CAACC,KAAuB,EAAEC,GAA2B,KAAsB;EAChH;EACA,MAAM;IAAEC,KAAK,GAAG,OAAO;IAAEC,GAAG,GAAG,GAAG;IAAEC,KAAK,GAAG,SAAS;IAAEC,SAAS,GAAG,QAAQ;IAAEC;EAAK,CAAE,GAAGN,KAAK;EAE5F,MAAMO,IAAI,GAAGC,uCAAqB,CAAC,KAAK,EAAE;IACxCP,GAAG;IACHQ,IAAI,EAAE,aAAa;IACnB,eAAe,EAAEH,KAAK,KAAKI,SAAS,GAAG,CAAC,GAAGA,SAAS;IACpD,eAAe,EAAEJ,KAAK,KAAKI,SAAS,GAAGP,GAAG,GAAGO,SAAS;IACtD,eAAe,EAAEJ,KAAK;IACtB,GAAGN;GACJ,CAAC;EAEF,MAAMW,GAAG,GAAGH,kCAAgB,CAACR,KAAK,CAACW,GAAG,EAAE;IACtCC,QAAQ,EAAE;GACX,CAAC;EAEF,MAAMC,KAAK,GAAqB;IAC9BX,KAAK;IACLC,GAAG;IACHC,KAAK;IACLC,SAAS;IACTC,KAAK;IACLQ,UAAU,EAAE;MACVP,IAAI,EAAE,KAAK;MACXI,GAAG,EAAE;KACN;IACDJ,IAAI;IACJI;GACD;EAED,OAAOE,KAAK;AACd,CAAC;AAhCYE,+BAAuB","names":["useProgressBar_unstable","props","ref","color","max","shape","thickness","value","root","react_utilities_1","role","undefined","bar","required","state","components","exports"],"sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-progress/src/components/ProgressBar/useProgressBar.tsx"],"sourcesContent":["import * as React from 'react';\nimport { getNativeElementProps, resolveShorthand } from '@fluentui/react-utilities';\nimport type { ProgressBarProps, ProgressBarState } from './ProgressBar.types';\n\n/**\n * Create the state required to render ProgressBar.\n *\n * The returned state can be modified with hooks such as useProgressBarStyles_unstable,\n * before being passed to renderProgressBar_unstable.\n *\n * @param props - props from this instance of ProgressBar\n * @param ref - reference to root HTMLElement of ProgressBar\n */\nexport const useProgressBar_unstable = (props: ProgressBarProps, ref: React.Ref<HTMLElement>): ProgressBarState => {\n  // Props\n  const { color = 'brand', max = 1.0, shape = 'rounded', thickness = 'medium', value } = props;\n\n  const root = getNativeElementProps('div', {\n    ref,\n    role: 'progressbar',\n    'aria-valuemin': value !== undefined ? 0 : undefined,\n    'aria-valuemax': value !== undefined ? max : undefined,\n    'aria-valuenow': value,\n    ...props,\n  });\n\n  const bar = resolveShorthand(props.bar, {\n    required: true,\n  });\n\n  const state: ProgressBarState = {\n    color,\n    max,\n    shape,\n    thickness,\n    value,\n    components: {\n      root: 'div',\n      bar: 'div',\n    },\n    root,\n    bar,\n  };\n\n  return state;\n};\n"]}
+{"version":3,"sources":["../../../lib/components/ProgressBar/useProgressBar.js"],"sourcesContent":["import * as React from 'react';\nimport { getNativeElementProps, resolveShorthand } from '@fluentui/react-utilities';\n/**\n * Create the state required to render ProgressBar.\n *\n * The returned state can be modified with hooks such as useProgressBarStyles_unstable,\n * before being passed to renderProgressBar_unstable.\n *\n * @param props - props from this instance of ProgressBar\n * @param ref - reference to root HTMLElement of ProgressBar\n */\nexport const useProgressBar_unstable = (props, ref) => {\n  // Props\n  const {\n    color = 'brand',\n    max = 1.0,\n    shape = 'rounded',\n    thickness = 'medium',\n    value\n  } = props;\n  const root = getNativeElementProps('div', {\n    ref,\n    role: 'progressbar',\n    'aria-valuemin': value !== undefined ? 0 : undefined,\n    'aria-valuemax': value !== undefined ? max : undefined,\n    'aria-valuenow': value,\n    ...props\n  });\n  const bar = resolveShorthand(props.bar, {\n    required: true\n  });\n  const state = {\n    color,\n    max,\n    shape,\n    thickness,\n    value,\n    components: {\n      root: 'div',\n      bar: 'div'\n    },\n    root,\n    bar\n  };\n  return state;\n};\n//# sourceMappingURL=useProgressBar.js.map"],"names":["useProgressBar_unstable","props","ref","color","max","shape","thickness","value","root","getNativeElementProps","role","undefined","bar","resolveShorthand","required","state","components"],"mappings":";;;;+BAWaA;;aAAAA;;;6DAXU;gCACiC;AAUjD,MAAMA,0BAA0B,CAACC,OAAOC,MAAQ;IACrD,QAAQ;IACR,MAAM,EACJC,OAAQ,QAAO,EACfC,KAAM,IAAG,EACTC,OAAQ,UAAS,EACjBC,WAAY,SAAQ,EACpBC,MAAK,EACN,GAAGN;IACJ,MAAMO,OAAOC,IAAAA,qCAAqB,EAAC,OAAO;QACxCP;QACAQ,MAAM;QACN,iBAAiBH,UAAUI,YAAY,IAAIA,SAAS;QACpD,iBAAiBJ,UAAUI,YAAYP,MAAMO,SAAS;QACtD,iBAAiBJ;QACjB,GAAGN,KAAK;IACV;IACA,MAAMW,MAAMC,IAAAA,gCAAgB,EAACZ,MAAMW,GAAG,EAAE;QACtCE,UAAU,IAAI;IAChB;IACA,MAAMC,QAAQ;QACZZ;QACAC;QACAC;QACAC;QACAC;QACAS,YAAY;YACVR,MAAM;YACNI,KAAK;QACP;QACAJ;QACAI;IACF;IACA,OAAOG;AACT,GACA,0CAA0C"}

package/lib-commonjs/components/ProgressBar/useProgressBarStyles.js

@@ -1,166 +1,268 @@
 "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, {
+    progressBarClassNames: ()=>progressBarClassNames,
+    useProgressBarStyles_unstable: ()=>useProgressBarStyles_unstable
 });
-exports.useProgressBarStyles_unstable = exports.progressBarClassNames = void 0;
-const react_1 = /*#__PURE__*/require("@griffel/react");
-const react_theme_1 = /*#__PURE__*/require("@fluentui/react-theme");
-const react_shared_contexts_1 = /*#__PURE__*/require("@fluentui/react-shared-contexts");
-exports.progressBarClassNames = {
-  root: 'fui-ProgressBar',
-  bar: 'fui-ProgressBar__bar'
+const _react = require("@griffel/react");
+const _reactSharedContexts = require("@fluentui/react-shared-contexts");
+const progressBarClassNames = {
+    root: 'fui-ProgressBar',
+    bar: 'fui-ProgressBar__bar'
 };
 // If the percentComplete is near 0, don't animate it.
 // This prevents animations on reset to 0 scenarios.
 const ZERO_THRESHOLD = 0.01;
 const barThicknessValues = {
-  medium: '2px',
-  large: '4px'
+    medium: '2px',
+    large: '4px'
 };
 const indeterminateProgressBar = {
-  '0%': {
-    left: '-100% /* @noflip */'
-  },
-  '100%': {
-    left: '100% /* @noflip */'
-  }
+    '0%': {
+        left: '-100% /* @noflip */'
+    },
+    '100%': {
+        left: '100% /* @noflip */'
+    }
 };
 const indeterminateProgressBarRTL = {
-  '100%': {
-    right: '-100% /* @noflip */'
-  },
-  '0%': {
-    right: '100% /* @noflip */'
-  }
+    '100%': {
+        right: '-100% /* @noflip */'
+    },
+    '0%': {
+        right: '100% /* @noflip */'
+    }
 };
 /**
  * Styles for the root slot
- */
-const useRootStyles = /*#__PURE__*/react_1.__styles({
-  root: {
-    mc9l5x: "ftgm304",
-    De3pzq: "f18f03hv",
-    Bdqf98w: "fhb5wj7",
-    B68tc82: "f1p9o1ba",
-    Bmxbyg5: "f1sil6mw",
-    I5kgcl: "fs8b23g",
-    tu2nte: "f1mcb20s",
-    y0r1ed: "fek7wd8"
-  },
-  rounded: {
-    Bbmb7ep: ["f1aa9q02", "f16jpd5f"],
-    Beyfa6y: ["f16jpd5f", "f1aa9q02"],
-    B7oj6ja: ["f1jar5jt", "fyu767a"],
-    Btl43ni: ["fyu767a", "f1jar5jt"]
-  },
-  square: {
-    Bbmb7ep: ["fzi6hpg", "fyowgf4"],
-    Beyfa6y: ["fyowgf4", "fzi6hpg"],
-    B7oj6ja: ["f3fg2lr", "f13av6d4"],
-    Btl43ni: ["f13av6d4", "f3fg2lr"]
-  },
-  medium: {
-    Bqenvij: "f4t8t6x"
-  },
-  large: {
-    Bqenvij: "f6ywr7j"
-  }
+ */ const useRootStyles = /*#__PURE__*/ (0, _react["__styles"])({
+    root: {
+        mc9l5x: "ftgm304",
+        De3pzq: "f18f03hv",
+        Bdqf98w: "fhb5wj7",
+        B68tc82: "f1p9o1ba",
+        Bmxbyg5: "f1sil6mw",
+        I5kgcl: "fs8b23g",
+        tu2nte: "f1mcb20s",
+        y0r1ed: "fek7wd8"
+    },
+    rounded: {
+        Bbmb7ep: [
+            "f1aa9q02",
+            "f16jpd5f"
+        ],
+        Beyfa6y: [
+            "f16jpd5f",
+            "f1aa9q02"
+        ],
+        B7oj6ja: [
+            "f1jar5jt",
+            "fyu767a"
+        ],
+        Btl43ni: [
+            "fyu767a",
+            "f1jar5jt"
+        ]
+    },
+    square: {
+        Bbmb7ep: [
+            "fzi6hpg",
+            "fyowgf4"
+        ],
+        Beyfa6y: [
+            "fyowgf4",
+            "fzi6hpg"
+        ],
+        B7oj6ja: [
+            "f3fg2lr",
+            "f13av6d4"
+        ],
+        Btl43ni: [
+            "f13av6d4",
+            "f3fg2lr"
+        ]
+    },
+    medium: {
+        Bqenvij: "f4t8t6x"
+    },
+    large: {
+        Bqenvij: "f6ywr7j"
+    }
 }, {
-  d: [".ftgm304{display:block;}", ".f18f03hv{background-color:var(--colorNeutralBackground6);}", ".fhb5wj7{justify-self:stretch;}", ".f1p9o1ba{overflow-x:hidden;}", ".f1sil6mw{overflow-y:hidden;}", ".f1aa9q02{border-bottom-right-radius:var(--borderRadiusMedium);}", ".f16jpd5f{border-bottom-left-radius:var(--borderRadiusMedium);}", ".f1jar5jt{border-top-right-radius:var(--borderRadiusMedium);}", ".fyu767a{border-top-left-radius:var(--borderRadiusMedium);}", ".fzi6hpg{border-bottom-right-radius:var(--borderRadiusNone);}", ".fyowgf4{border-bottom-left-radius:var(--borderRadiusNone);}", ".f3fg2lr{border-top-right-radius:var(--borderRadiusNone);}", ".f13av6d4{border-top-left-radius:var(--borderRadiusNone);}", ".f4t8t6x{height:2px;}", ".f6ywr7j{height:4px;}"],
-  m: [["@media screen and (forced-colors: active){.fs8b23g{border-bottom-width:1px;}}", {
-    m: "screen and (forced-colors: active)"
-  }], ["@media screen and (forced-colors: active){.f1mcb20s{border-bottom-style:solid;}}", {
-    m: "screen and (forced-colors: active)"
-  }], ["@media screen and (forced-colors: active){.fek7wd8{border-bottom-color:CanvasText;}}", {
-    m: "screen and (forced-colors: active)"
-  }]]
+    d: [
+        ".ftgm304{display:block;}",
+        ".f18f03hv{background-color:var(--colorNeutralBackground6);}",
+        ".fhb5wj7{justify-self:stretch;}",
+        ".f1p9o1ba{overflow-x:hidden;}",
+        ".f1sil6mw{overflow-y:hidden;}",
+        ".f1aa9q02{border-bottom-right-radius:var(--borderRadiusMedium);}",
+        ".f16jpd5f{border-bottom-left-radius:var(--borderRadiusMedium);}",
+        ".f1jar5jt{border-top-right-radius:var(--borderRadiusMedium);}",
+        ".fyu767a{border-top-left-radius:var(--borderRadiusMedium);}",
+        ".fzi6hpg{border-bottom-right-radius:var(--borderRadiusNone);}",
+        ".fyowgf4{border-bottom-left-radius:var(--borderRadiusNone);}",
+        ".f3fg2lr{border-top-right-radius:var(--borderRadiusNone);}",
+        ".f13av6d4{border-top-left-radius:var(--borderRadiusNone);}",
+        ".f4t8t6x{height:2px;}",
+        ".f6ywr7j{height:4px;}"
+    ],
+    m: [
+        [
+            "@media screen and (forced-colors: active){.fs8b23g{border-bottom-width:1px;}}",
+            {
+                m: "screen and (forced-colors: active)"
+            }
+        ],
+        [
+            "@media screen and (forced-colors: active){.f1mcb20s{border-bottom-style:solid;}}",
+            {
+                m: "screen and (forced-colors: active)"
+            }
+        ],
+        [
+            "@media screen and (forced-colors: active){.fek7wd8{border-bottom-color:CanvasText;}}",
+            {
+                m: "screen and (forced-colors: active)"
+            }
+        ]
+    ]
 });
 /**
  * Styles for the ProgressBar bar
- */
-const useBarStyles = /*#__PURE__*/react_1.__styles({
-  base: {
-    Bbmb7ep: ["f1d9uwra", "fzibvwi"],
-    Beyfa6y: ["fzibvwi", "f1d9uwra"],
-    B7oj6ja: ["fuoumxm", "f1vtqnvc"],
-    Btl43ni: ["f1vtqnvc", "fuoumxm"]
-  },
-  medium: {
-    Bqenvij: "f4t8t6x"
-  },
-  large: {
-    Bqenvij: "f6ywr7j"
-  },
-  nonZeroDeterminate: {
-    Bmy1vo4: "fjt6zfz",
-    B3o57yi: "f1wofebd",
-    Bkqvd7p: "fv71qf3"
-  },
-  indeterminate: {
-    B2u0y6b: "fa0wk36",
-    qhf8xq: "f10pi13n",
-    Bcmaq0h: ["fpo0yib", "f1u5hf6c"],
-    Bv12yb3: "f1jk3tlg",
-    vin17d: "f1a27w2r",
-    w3vfg9: "f1cpbl36",
-    Gqtpxc: "f4akx1t",
-    B3vm3ge: "f18p5put"
-  },
-  rtl: {
-    Bv12yb3: "fjhwsai"
-  },
-  brand: {
-    De3pzq: "ftywsgz",
-    Bpep1pd: "f1neahkh"
-  },
-  error: {
-    De3pzq: "fdl5y0r"
-  },
-  warning: {
-    De3pzq: "f1s438gw"
-  },
-  success: {
-    De3pzq: "flxk52p"
-  }
+ */ const useBarStyles = /*#__PURE__*/ (0, _react["__styles"])({
+    base: {
+        Bbmb7ep: [
+            "f1d9uwra",
+            "fzibvwi"
+        ],
+        Beyfa6y: [
+            "fzibvwi",
+            "f1d9uwra"
+        ],
+        B7oj6ja: [
+            "fuoumxm",
+            "f1vtqnvc"
+        ],
+        Btl43ni: [
+            "f1vtqnvc",
+            "fuoumxm"
+        ]
+    },
+    medium: {
+        Bqenvij: "f4t8t6x"
+    },
+    large: {
+        Bqenvij: "f6ywr7j"
+    },
+    nonZeroDeterminate: {
+        Bmy1vo4: "fjt6zfz",
+        B3o57yi: "f1wofebd",
+        Bkqvd7p: "fv71qf3"
+    },
+    indeterminate: {
+        B2u0y6b: "fa0wk36",
+        qhf8xq: "f10pi13n",
+        Bcmaq0h: [
+            "fpo0yib",
+            "f1u5hf6c"
+        ],
+        Bv12yb3: "f1jk3tlg",
+        vin17d: "f1a27w2r",
+        w3vfg9: "f1cpbl36",
+        Gqtpxc: "f4akx1t",
+        B3vm3ge: "f18p5put"
+    },
+    rtl: {
+        Bv12yb3: "fjhwsai"
+    },
+    brand: {
+        De3pzq: "ftywsgz",
+        Bpep1pd: "f1neahkh"
+    },
+    error: {
+        De3pzq: "fdl5y0r"
+    },
+    warning: {
+        De3pzq: "f1s438gw"
+    },
+    success: {
+        De3pzq: "flxk52p"
+    }
 }, {
-  d: [".f1d9uwra{border-bottom-right-radius:inherit;}", ".fzibvwi{border-bottom-left-radius:inherit;}", ".fuoumxm{border-top-right-radius:inherit;}", ".f1vtqnvc{border-top-left-radius:inherit;}", ".f4t8t6x{height:2px;}", ".f6ywr7j{height:4px;}", ".fjt6zfz{transition-property:width;}", ".f1wofebd{transition-duration:0.3s;}", ".fv71qf3{transition-timing-function:ease;}", ".fa0wk36{max-width:33%;}", ".f10pi13n{position:relative;}", ".fpo0yib{background-image:linear-gradient(\n      to right,\n      var(--colorNeutralBackground6) 0%,\n      var(--colorTransparentBackground) 50%,\n      var(--colorNeutralBackground6) 100%\n    );}", ".f1u5hf6c{background-image:linear-gradient(\n      to left,\n      var(--colorNeutralBackground6) 0%,\n      var(--colorTransparentBackground) 50%,\n      var(--colorNeutralBackground6) 100%\n    );}", ".f1jk3tlg{-webkit-animation-name:fzkbrka;animation-name:fzkbrka;}", ".f1a27w2r{-webkit-animation-duration:3s;animation-duration:3s;}", ".f1cpbl36{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;}", ".fjhwsai{-webkit-animation-name:f1kx06uz;animation-name:f1kx06uz;}", ".ftywsgz{background-color:var(--colorCompoundBrandBackground);}", ".fdl5y0r{background-color:var(--colorPaletteRedBackground3);}", ".f1s438gw{background-color:var(--colorPaletteDarkOrangeBackground3);}", ".flxk52p{background-color:var(--colorPaletteGreenBackground3);}"],
-  k: ["@-webkit-keyframes fzkbrka{0%{left:-100%;}100%{left:100%;}}", "@keyframes fzkbrka{0%{left:-100%;}100%{left:100%;}}", "@-webkit-keyframes f1kx06uz{100%{right:-100%;}0%{right:100%;}}", "@keyframes f1kx06uz{100%{right:-100%;}0%{right:100%;}}"],
-  m: [["@media screen and (prefers-reduced-motion: reduce){.f4akx1t{-webkit-animation-duration:0.01ms;animation-duration:0.01ms;}}", {
-    m: "screen and (prefers-reduced-motion: reduce)"
-  }], ["@media screen and (prefers-reduced-motion: reduce){.f18p5put{-webkit-animation-iteration-count:1;animation-iteration-count:1;}}", {
-    m: "screen and (prefers-reduced-motion: reduce)"
-  }], ["@media screen and (forced-colors: active){.f1neahkh{background-color:Highlight;}}", {
-    m: "screen and (forced-colors: active)"
-  }]]
+    d: [
+        ".f1d9uwra{border-bottom-right-radius:inherit;}",
+        ".fzibvwi{border-bottom-left-radius:inherit;}",
+        ".fuoumxm{border-top-right-radius:inherit;}",
+        ".f1vtqnvc{border-top-left-radius:inherit;}",
+        ".f4t8t6x{height:2px;}",
+        ".f6ywr7j{height:4px;}",
+        ".fjt6zfz{transition-property:width;}",
+        ".f1wofebd{transition-duration:0.3s;}",
+        ".fv71qf3{transition-timing-function:ease;}",
+        ".fa0wk36{max-width:33%;}",
+        ".f10pi13n{position:relative;}",
+        ".fpo0yib{background-image:linear-gradient(\n      to right,\n      var(--colorNeutralBackground6) 0%,\n      var(--colorTransparentBackground) 50%,\n      var(--colorNeutralBackground6) 100%\n    );}",
+        ".f1u5hf6c{background-image:linear-gradient(\n      to left,\n      var(--colorNeutralBackground6) 0%,\n      var(--colorTransparentBackground) 50%,\n      var(--colorNeutralBackground6) 100%\n    );}",
+        ".f1jk3tlg{-webkit-animation-name:fzkbrka;animation-name:fzkbrka;}",
+        ".f1a27w2r{-webkit-animation-duration:3s;animation-duration:3s;}",
+        ".f1cpbl36{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;}",
+        ".fjhwsai{-webkit-animation-name:f1kx06uz;animation-name:f1kx06uz;}",
+        ".ftywsgz{background-color:var(--colorCompoundBrandBackground);}",
+        ".fdl5y0r{background-color:var(--colorPaletteRedBackground3);}",
+        ".f1s438gw{background-color:var(--colorPaletteDarkOrangeBackground3);}",
+        ".flxk52p{background-color:var(--colorPaletteGreenBackground3);}"
+    ],
+    k: [
+        "@-webkit-keyframes fzkbrka{0%{left:-100%;}100%{left:100%;}}",
+        "@keyframes fzkbrka{0%{left:-100%;}100%{left:100%;}}",
+        "@-webkit-keyframes f1kx06uz{100%{right:-100%;}0%{right:100%;}}",
+        "@keyframes f1kx06uz{100%{right:-100%;}0%{right:100%;}}"
+    ],
+    m: [
+        [
+            "@media screen and (prefers-reduced-motion: reduce){.f4akx1t{-webkit-animation-duration:0.01ms;animation-duration:0.01ms;}}",
+            {
+                m: "screen and (prefers-reduced-motion: reduce)"
+            }
+        ],
+        [
+            "@media screen and (prefers-reduced-motion: reduce){.f18p5put{-webkit-animation-iteration-count:1;animation-iteration-count:1;}}",
+            {
+                m: "screen and (prefers-reduced-motion: reduce)"
+            }
+        ],
+        [
+            "@media screen and (forced-colors: active){.f1neahkh{background-color:Highlight;}}",
+            {
+                m: "screen and (forced-colors: active)"
+            }
+        ]
+    ]
 });
-/**
- * Apply styling to the ProgressBar slots based on the state
- */
-const useProgressBarStyles_unstable = state => {
-  const {
-    color,
-    max,
-    shape,
-    thickness,
-    value
-  } = state;
-  const rootStyles = useRootStyles();
-  const barStyles = useBarStyles();
-  const {
-    dir
-  } = react_shared_contexts_1.useFluent_unstable();
-  state.root.className = react_1.mergeClasses(exports.progressBarClassNames.root, rootStyles.root, rootStyles[shape], rootStyles[thickness], state.root.className);
-  if (state.bar) {
-    state.bar.className = react_1.mergeClasses(exports.progressBarClassNames.bar, barStyles.base, barStyles.brand, value === undefined && barStyles.indeterminate, value === undefined && dir === 'rtl' && barStyles.rtl, barStyles[thickness], value !== undefined && value > ZERO_THRESHOLD && barStyles.nonZeroDeterminate, color && value !== undefined && barStyles[color], state.bar.className);
-  }
-  if (state.bar && value !== undefined) {
-    state.bar.style = {
-      width: Math.min(100, Math.max(0, value / max * 100)) + '%',
-      ...state.bar.style
-    };
-  }
-  return state;
-};
-exports.useProgressBarStyles_unstable = useProgressBarStyles_unstable;
+const useProgressBarStyles_unstable = (state)=>{
+    const { color , max , shape , thickness , value  } = state;
+    const rootStyles = useRootStyles();
+    const barStyles = useBarStyles();
+    const { dir  } = (0, _reactSharedContexts.useFluent_unstable)();
+    state.root.className = (0, _react.mergeClasses)(progressBarClassNames.root, rootStyles.root, rootStyles[shape], rootStyles[thickness], state.root.className);
+    if (state.bar) {
+        state.bar.className = (0, _react.mergeClasses)(progressBarClassNames.bar, barStyles.base, barStyles.brand, value === undefined && barStyles.indeterminate, value === undefined && dir === 'rtl' && barStyles.rtl, barStyles[thickness], value !== undefined && value > ZERO_THRESHOLD && barStyles.nonZeroDeterminate, color && value !== undefined && barStyles[color], state.bar.className);
+    }
+    if (state.bar && value !== undefined) {
+        state.bar.style = {
+            width: Math.min(100, Math.max(0, value / max * 100)) + '%',
+            ...state.bar.style
+        };
+    }
+    return state;
+}; //# sourceMappingURL=useProgressBarStyles.js.map
+
 //# sourceMappingURL=useProgressBarStyles.js.map

package/lib-commonjs/components/ProgressBar/useProgressBarStyles.js.map

@@ -1 +1 @@
-{"version":3,"mappings":"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","names":["exports","root","bar","ZERO_THRESHOLD","barThicknessValues","medium","large","indeterminateProgressBar","left","indeterminateProgressBarRTL","right","useRootStyles","react_1","useBarStyles","useProgressBarStyles_unstable","state","color","max","shape","thickness","value","rootStyles","barStyles","dir","react_shared_contexts_1","className","base","brand","undefined","indeterminate","rtl","nonZeroDeterminate","style","width","Math","min"],"sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-progress/src/components/ProgressBar/useProgressBarStyles.ts"],"sourcesContent":["import { makeStyles, mergeClasses, shorthands } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nimport { useFluent_unstable as useFluent } from '@fluentui/react-shared-contexts';\nimport type { ProgressBarState, ProgressBarSlots } from './ProgressBar.types';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\n\nexport const progressBarClassNames: SlotClassNames<ProgressBarSlots> = {\n  root: 'fui-ProgressBar',\n  bar: 'fui-ProgressBar__bar',\n};\n\n// If the percentComplete is near 0, don't animate it.\n// This prevents animations on reset to 0 scenarios.\nconst ZERO_THRESHOLD = 0.01;\n\nconst barThicknessValues = {\n  medium: '2px',\n  large: '4px',\n};\n\nconst indeterminateProgressBar = {\n  '0%': {\n    left: '-100% /* @noflip */',\n  },\n  '100%': {\n    left: '100% /* @noflip */',\n  },\n};\nconst indeterminateProgressBarRTL = {\n  '100%': {\n    right: '-100% /* @noflip */',\n  },\n  '0%': {\n    right: '100% /* @noflip */',\n  },\n};\n\n/**\n * Styles for the root slot\n */\nconst useRootStyles = makeStyles({\n  root: {\n    display: 'block',\n    backgroundColor: tokens.colorNeutralBackground6,\n    justifySelf: 'stretch',\n    ...shorthands.overflow('hidden'),\n\n    '@media screen and (forced-colors: active)': {\n      ...shorthands.borderBottom('1px', 'solid', 'CanvasText'),\n    },\n  },\n  rounded: {\n    ...shorthands.borderRadius(tokens.borderRadiusMedium),\n  },\n  square: {\n    ...shorthands.borderRadius(tokens.borderRadiusNone),\n  },\n  medium: {\n    height: barThicknessValues.medium,\n  },\n  large: {\n    height: barThicknessValues.large,\n  },\n});\n\n/**\n * Styles for the ProgressBar bar\n */\nconst useBarStyles = makeStyles({\n  base: {\n    ...shorthands.borderRadius('inherit'),\n  },\n  medium: {\n    height: barThicknessValues.medium,\n  },\n  large: {\n    height: barThicknessValues.large,\n  },\n  nonZeroDeterminate: {\n    transitionProperty: 'width',\n    transitionDuration: '0.3s',\n    transitionTimingFunction: 'ease',\n  },\n  indeterminate: {\n    maxWidth: '33%',\n    position: 'relative',\n    backgroundImage: `linear-gradient(\n      to right,\n      ${tokens.colorNeutralBackground6} 0%,\n      ${tokens.colorTransparentBackground} 50%,\n      ${tokens.colorNeutralBackground6} 100%\n    )`,\n    animationName: indeterminateProgressBar,\n    animationDuration: '3s',\n    animationIterationCount: 'infinite',\n    '@media screen and (prefers-reduced-motion: reduce)': {\n      animationDuration: '0.01ms',\n      animationIterationCount: '1',\n    },\n  },\n\n  rtl: {\n    animationName: indeterminateProgressBarRTL,\n  },\n\n  brand: {\n    backgroundColor: tokens.colorCompoundBrandBackground,\n    '@media screen and (forced-colors: active)': {\n      backgroundColor: 'Highlight',\n    },\n  },\n\n  error: {\n    backgroundColor: tokens.colorPaletteRedBackground3,\n  },\n  warning: {\n    backgroundColor: tokens.colorPaletteDarkOrangeBackground3,\n  },\n  success: {\n    backgroundColor: tokens.colorPaletteGreenBackground3,\n  },\n});\n\n/**\n * Apply styling to the ProgressBar slots based on the state\n */\nexport const useProgressBarStyles_unstable = (state: ProgressBarState): ProgressBarState => {\n  const { color, max, shape, thickness, value } = state;\n  const rootStyles = useRootStyles();\n  const barStyles = useBarStyles();\n  const { dir } = useFluent();\n\n  state.root.className = mergeClasses(\n    progressBarClassNames.root,\n    rootStyles.root,\n    rootStyles[shape],\n    rootStyles[thickness],\n    state.root.className,\n  );\n\n  if (state.bar) {\n    state.bar.className = mergeClasses(\n      progressBarClassNames.bar,\n      barStyles.base,\n      barStyles.brand,\n      value === undefined && barStyles.indeterminate,\n      value === undefined && dir === 'rtl' && barStyles.rtl,\n      barStyles[thickness],\n      value !== undefined && value > ZERO_THRESHOLD && barStyles.nonZeroDeterminate,\n      color && value !== undefined && barStyles[color],\n      state.bar.className,\n    );\n  }\n\n  if (state.bar && value !== undefined) {\n    state.bar.style = {\n      width: Math.min(100, Math.max(0, (value / max) * 100)) + '%',\n      ...state.bar.style,\n    };\n  }\n\n  return state;\n};\n"]}
+{"version":3,"sources":["../../../lib/components/ProgressBar/useProgressBarStyles.js"],"sourcesContent":["import { __styles, mergeClasses, shorthands } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nimport { useFluent_unstable as useFluent } from '@fluentui/react-shared-contexts';\nexport const progressBarClassNames = {\n  root: 'fui-ProgressBar',\n  bar: 'fui-ProgressBar__bar'\n};\n// If the percentComplete is near 0, don't animate it.\n// This prevents animations on reset to 0 scenarios.\nconst ZERO_THRESHOLD = 0.01;\nconst barThicknessValues = {\n  medium: '2px',\n  large: '4px'\n};\nconst indeterminateProgressBar = {\n  '0%': {\n    left: '-100% /* @noflip */'\n  },\n  '100%': {\n    left: '100% /* @noflip */'\n  }\n};\nconst indeterminateProgressBarRTL = {\n  '100%': {\n    right: '-100% /* @noflip */'\n  },\n  '0%': {\n    right: '100% /* @noflip */'\n  }\n};\n/**\n * Styles for the root slot\n */\nconst useRootStyles = /*#__PURE__*/__styles({\n  root: {\n    mc9l5x: \"ftgm304\",\n    De3pzq: \"f18f03hv\",\n    Bdqf98w: \"fhb5wj7\",\n    B68tc82: \"f1p9o1ba\",\n    Bmxbyg5: \"f1sil6mw\",\n    I5kgcl: \"fs8b23g\",\n    tu2nte: \"f1mcb20s\",\n    y0r1ed: \"fek7wd8\"\n  },\n  rounded: {\n    Bbmb7ep: [\"f1aa9q02\", \"f16jpd5f\"],\n    Beyfa6y: [\"f16jpd5f\", \"f1aa9q02\"],\n    B7oj6ja: [\"f1jar5jt\", \"fyu767a\"],\n    Btl43ni: [\"fyu767a\", \"f1jar5jt\"]\n  },\n  square: {\n    Bbmb7ep: [\"fzi6hpg\", \"fyowgf4\"],\n    Beyfa6y: [\"fyowgf4\", \"fzi6hpg\"],\n    B7oj6ja: [\"f3fg2lr\", \"f13av6d4\"],\n    Btl43ni: [\"f13av6d4\", \"f3fg2lr\"]\n  },\n  medium: {\n    Bqenvij: \"f4t8t6x\"\n  },\n  large: {\n    Bqenvij: \"f6ywr7j\"\n  }\n}, {\n  d: [\".ftgm304{display:block;}\", \".f18f03hv{background-color:var(--colorNeutralBackground6);}\", \".fhb5wj7{justify-self:stretch;}\", \".f1p9o1ba{overflow-x:hidden;}\", \".f1sil6mw{overflow-y:hidden;}\", \".f1aa9q02{border-bottom-right-radius:var(--borderRadiusMedium);}\", \".f16jpd5f{border-bottom-left-radius:var(--borderRadiusMedium);}\", \".f1jar5jt{border-top-right-radius:var(--borderRadiusMedium);}\", \".fyu767a{border-top-left-radius:var(--borderRadiusMedium);}\", \".fzi6hpg{border-bottom-right-radius:var(--borderRadiusNone);}\", \".fyowgf4{border-bottom-left-radius:var(--borderRadiusNone);}\", \".f3fg2lr{border-top-right-radius:var(--borderRadiusNone);}\", \".f13av6d4{border-top-left-radius:var(--borderRadiusNone);}\", \".f4t8t6x{height:2px;}\", \".f6ywr7j{height:4px;}\"],\n  m: [[\"@media screen and (forced-colors: active){.fs8b23g{border-bottom-width:1px;}}\", {\n    m: \"screen and (forced-colors: active)\"\n  }], [\"@media screen and (forced-colors: active){.f1mcb20s{border-bottom-style:solid;}}\", {\n    m: \"screen and (forced-colors: active)\"\n  }], [\"@media screen and (forced-colors: active){.fek7wd8{border-bottom-color:CanvasText;}}\", {\n    m: \"screen and (forced-colors: active)\"\n  }]]\n});\n/**\n * Styles for the ProgressBar bar\n */\nconst useBarStyles = /*#__PURE__*/__styles({\n  base: {\n    Bbmb7ep: [\"f1d9uwra\", \"fzibvwi\"],\n    Beyfa6y: [\"fzibvwi\", \"f1d9uwra\"],\n    B7oj6ja: [\"fuoumxm\", \"f1vtqnvc\"],\n    Btl43ni: [\"f1vtqnvc\", \"fuoumxm\"]\n  },\n  medium: {\n    Bqenvij: \"f4t8t6x\"\n  },\n  large: {\n    Bqenvij: \"f6ywr7j\"\n  },\n  nonZeroDeterminate: {\n    Bmy1vo4: \"fjt6zfz\",\n    B3o57yi: \"f1wofebd\",\n    Bkqvd7p: \"fv71qf3\"\n  },\n  indeterminate: {\n    B2u0y6b: \"fa0wk36\",\n    qhf8xq: \"f10pi13n\",\n    Bcmaq0h: [\"fpo0yib\", \"f1u5hf6c\"],\n    Bv12yb3: \"f1jk3tlg\",\n    vin17d: \"f1a27w2r\",\n    w3vfg9: \"f1cpbl36\",\n    Gqtpxc: \"f4akx1t\",\n    B3vm3ge: \"f18p5put\"\n  },\n  rtl: {\n    Bv12yb3: \"fjhwsai\"\n  },\n  brand: {\n    De3pzq: \"ftywsgz\",\n    Bpep1pd: \"f1neahkh\"\n  },\n  error: {\n    De3pzq: \"fdl5y0r\"\n  },\n  warning: {\n    De3pzq: \"f1s438gw\"\n  },\n  success: {\n    De3pzq: \"flxk52p\"\n  }\n}, {\n  d: [\".f1d9uwra{border-bottom-right-radius:inherit;}\", \".fzibvwi{border-bottom-left-radius:inherit;}\", \".fuoumxm{border-top-right-radius:inherit;}\", \".f1vtqnvc{border-top-left-radius:inherit;}\", \".f4t8t6x{height:2px;}\", \".f6ywr7j{height:4px;}\", \".fjt6zfz{transition-property:width;}\", \".f1wofebd{transition-duration:0.3s;}\", \".fv71qf3{transition-timing-function:ease;}\", \".fa0wk36{max-width:33%;}\", \".f10pi13n{position:relative;}\", \".fpo0yib{background-image:linear-gradient(\\n      to right,\\n      var(--colorNeutralBackground6) 0%,\\n      var(--colorTransparentBackground) 50%,\\n      var(--colorNeutralBackground6) 100%\\n    );}\", \".f1u5hf6c{background-image:linear-gradient(\\n      to left,\\n      var(--colorNeutralBackground6) 0%,\\n      var(--colorTransparentBackground) 50%,\\n      var(--colorNeutralBackground6) 100%\\n    );}\", \".f1jk3tlg{-webkit-animation-name:fzkbrka;animation-name:fzkbrka;}\", \".f1a27w2r{-webkit-animation-duration:3s;animation-duration:3s;}\", \".f1cpbl36{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;}\", \".fjhwsai{-webkit-animation-name:f1kx06uz;animation-name:f1kx06uz;}\", \".ftywsgz{background-color:var(--colorCompoundBrandBackground);}\", \".fdl5y0r{background-color:var(--colorPaletteRedBackground3);}\", \".f1s438gw{background-color:var(--colorPaletteDarkOrangeBackground3);}\", \".flxk52p{background-color:var(--colorPaletteGreenBackground3);}\"],\n  k: [\"@-webkit-keyframes fzkbrka{0%{left:-100%;}100%{left:100%;}}\", \"@keyframes fzkbrka{0%{left:-100%;}100%{left:100%;}}\", \"@-webkit-keyframes f1kx06uz{100%{right:-100%;}0%{right:100%;}}\", \"@keyframes f1kx06uz{100%{right:-100%;}0%{right:100%;}}\"],\n  m: [[\"@media screen and (prefers-reduced-motion: reduce){.f4akx1t{-webkit-animation-duration:0.01ms;animation-duration:0.01ms;}}\", {\n    m: \"screen and (prefers-reduced-motion: reduce)\"\n  }], [\"@media screen and (prefers-reduced-motion: reduce){.f18p5put{-webkit-animation-iteration-count:1;animation-iteration-count:1;}}\", {\n    m: \"screen and (prefers-reduced-motion: reduce)\"\n  }], [\"@media screen and (forced-colors: active){.f1neahkh{background-color:Highlight;}}\", {\n    m: \"screen and (forced-colors: active)\"\n  }]]\n});\n/**\n * Apply styling to the ProgressBar slots based on the state\n */\nexport const useProgressBarStyles_unstable = state => {\n  const {\n    color,\n    max,\n    shape,\n    thickness,\n    value\n  } = state;\n  const rootStyles = useRootStyles();\n  const barStyles = useBarStyles();\n  const {\n    dir\n  } = useFluent();\n  state.root.className = mergeClasses(progressBarClassNames.root, rootStyles.root, rootStyles[shape], rootStyles[thickness], state.root.className);\n  if (state.bar) {\n    state.bar.className = mergeClasses(progressBarClassNames.bar, barStyles.base, barStyles.brand, value === undefined && barStyles.indeterminate, value === undefined && dir === 'rtl' && barStyles.rtl, barStyles[thickness], value !== undefined && value > ZERO_THRESHOLD && barStyles.nonZeroDeterminate, color && value !== undefined && barStyles[color], state.bar.className);\n  }\n  if (state.bar && value !== undefined) {\n    state.bar.style = {\n      width: Math.min(100, Math.max(0, value / max * 100)) + '%',\n      ...state.bar.style\n    };\n  }\n  return state;\n};\n//# sourceMappingURL=useProgressBarStyles.js.map"],"names":["progressBarClassNames","useProgressBarStyles_unstable","root","bar","ZERO_THRESHOLD","barThicknessValues","medium","large","indeterminateProgressBar","left","indeterminateProgressBarRTL","right","useRootStyles","__styles","mc9l5x","De3pzq","Bdqf98w","B68tc82","Bmxbyg5","I5kgcl","tu2nte","y0r1ed","rounded","Bbmb7ep","Beyfa6y","B7oj6ja","Btl43ni","square","Bqenvij","d","m","useBarStyles","base","nonZeroDeterminate","Bmy1vo4","B3o57yi","Bkqvd7p","indeterminate","B2u0y6b","qhf8xq","Bcmaq0h","Bv12yb3","vin17d","w3vfg9","Gqtpxc","B3vm3ge","rtl","brand","Bpep1pd","error","warning","success","k","state","color","max","shape","thickness","value","rootStyles","barStyles","dir","useFluent","className","mergeClasses","undefined","style","width","Math","min"],"mappings":"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"}

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

@@ -1,23 +1,29 @@
-"use strict";
-
+/* eslint-disable deprecation/deprecation */ "use strict";
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
 });
-exports.ProgressField = exports.progressFieldClassNames = void 0;
-/* eslint-disable deprecation/deprecation */
-const react_field_1 = /*#__PURE__*/require("@fluentui/react-field");
-const ProgressBar_1 = /*#__PURE__*/require("../../ProgressBar");
-/** @deprecated Use Field with ProgressBar: `<Field><ProgressBar /></Field>` */
-exports.progressFieldClassNames = /*#__PURE__*/react_field_1.getDeprecatedFieldClassNames(ProgressBar_1.progressBarClassNames.root);
-/** @deprecated Use Field with ProgressBar: `<Field><ProgressBar /></Field>` */
-exports.ProgressField = /*#__PURE__*/react_field_1.makeDeprecatedField(ProgressBar_1.ProgressBar, {
-  displayName: 'ProgressField',
-  mapProps: props => ({
-    ...props,
-    control: {
-      ...props.control,
-      validationState: props.validationState
-    }
-  })
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    progressFieldClassNames: ()=>progressFieldClassNames,
+    ProgressField: ()=>ProgressField
 });
+const _reactField = require("@fluentui/react-field");
+const _progressBar = require("../../ProgressBar");
+const progressFieldClassNames = /*#__PURE__*/ (0, _reactField.getDeprecatedFieldClassNames)(_progressBar.progressBarClassNames.root);
+const ProgressField = /*#__PURE__*/ (0, _reactField.makeDeprecatedField)(_progressBar.ProgressBar, {
+    displayName: 'ProgressField',
+    mapProps: (props)=>({
+            ...props,
+            control: {
+                ...props.control,
+                validationState: props.validationState
+            }
+        })
+}); //# sourceMappingURL=ProgressField.js.map
+
 //# sourceMappingURL=ProgressField.js.map

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

@@ -1 +1 @@
-{"version":3,"mappings":";;;;;;AAAA;AACA;AAEA;AAIA;AACaA,+BAAuB,gBAAGC,0CAA4B,CAACC,mCAAqB,CAACC,IAAI,CAAC;AAC/F;AACaH,qBAAa,gBAA4CC,iCAAmB,CAACC,yBAAW,EAAE;EACrGE,WAAW,EAAE,eAAe;EAC5BC,QAAQ,EAAGC,KAAyB,KAAM;IACxC,GAAGA,KAAK;IACRC,OAAO,EAAE;MAAE,GAAGD,KAAK,CAACC,OAAO;MAAEC,eAAe,EAAEF,KAAK,CAACE;IAAe;GACpE;CACF,CAAC","names":["exports","react_field_1","ProgressBar_1","root","displayName","mapProps","props","control","validationState"],"sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-progress/src/components/ProgressField/ProgressField.tsx"],"sourcesContent":["/* eslint-disable deprecation/deprecation */\nimport { DeprecatedFieldProps, getDeprecatedFieldClassNames, makeDeprecatedField } from '@fluentui/react-field';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { ProgressBar, progressBarClassNames, ProgressBarProps } from '../../ProgressBar';\n\n/** @deprecated Use Field with ProgressBar: `<Field><ProgressBar /></Field>` */\nexport type ProgressFieldProps = DeprecatedFieldProps<ProgressBarProps>;\n/** @deprecated Use Field with ProgressBar: `<Field><ProgressBar /></Field>` */\nexport const progressFieldClassNames = getDeprecatedFieldClassNames(progressBarClassNames.root);\n/** @deprecated Use Field with ProgressBar: `<Field><ProgressBar /></Field>` */\nexport const ProgressField: ForwardRefComponent<ProgressFieldProps> = makeDeprecatedField(ProgressBar, {\n  displayName: 'ProgressField',\n  mapProps: (props: ProgressFieldProps) => ({\n    ...props,\n    control: { ...props.control, validationState: props.validationState },\n  }),\n});\n"]}
+{"version":3,"sources":["../../../lib/components/ProgressField/ProgressField.js"],"sourcesContent":["/* eslint-disable deprecation/deprecation */import { getDeprecatedFieldClassNames, makeDeprecatedField } from '@fluentui/react-field';\nimport { ProgressBar, progressBarClassNames } from '../../ProgressBar';\n/** @deprecated Use Field with ProgressBar: `<Field><ProgressBar /></Field>` */\nexport const progressFieldClassNames = /*#__PURE__*/getDeprecatedFieldClassNames(progressBarClassNames.root);\n/** @deprecated Use Field with ProgressBar: `<Field><ProgressBar /></Field>` */\nexport const ProgressField = /*#__PURE__*/makeDeprecatedField(ProgressBar, {\n  displayName: 'ProgressField',\n  mapProps: props => ({\n    ...props,\n    control: {\n      ...props.control,\n      validationState: props.validationState\n    }\n  })\n});\n//# sourceMappingURL=ProgressField.js.map"],"names":["progressFieldClassNames","ProgressField","getDeprecatedFieldClassNames","progressBarClassNames","root","makeDeprecatedField","ProgressBar","displayName","mapProps","props","control","validationState"],"mappings":"AAAA,0CAA0C;;;;;;;;;;;IAG7BA,uBAAuB,MAAvBA;IAEAC,aAAa,MAAbA;;4BALiG;6BAC3D;AAE5C,MAAMD,0BAA0B,WAAW,GAAEE,IAAAA,wCAA4B,EAACC,kCAAqB,CAACC,IAAI;AAEpG,MAAMH,gBAAgB,WAAW,GAAEI,IAAAA,+BAAmB,EAACC,wBAAW,EAAE;IACzEC,aAAa;IACbC,UAAUC,CAAAA,QAAU,CAAA;YAClB,GAAGA,KAAK;YACRC,SAAS;gBACP,GAAGD,MAAMC,OAAO;gBAChBC,iBAAiBF,MAAME,eAAe;YACxC;QACF,CAAA;AACF,IACA,yCAAyC"}