@fluentui/react-progress 0.0.0-nightly-20230317-1454.1 → 0.0.0-nightly-20230321-0440.1

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../lib/components/ProgressBar/ProgressBar.js"],"sourcesContent":["import * as React from \"react\";\nimport { useProgressBar_unstable } from \"./useProgressBar\";\nimport { renderProgressBar_unstable } from \"./renderProgressBar\";\nimport { useProgressBarStyles_unstable } from \"./useProgressBarStyles\";\nimport { useCustomStyleHooks_unstable } from \"@fluentui/react-shared-contexts\";\n/**\n * A ProgressBar bar shows the progression of a task.\n */\nexport const ProgressBar = /*#__PURE__*/React.forwardRef((props, ref) => {\n  const state = useProgressBar_unstable(props, ref);\n  useProgressBarStyles_unstable(state);\n  const {\n    useProgressBarStyles_unstable: useCustomStyles\n  } = useCustomStyleHooks_unstable();\n  useCustomStyles(state);\n  return renderProgressBar_unstable(state);\n});\nProgressBar.displayName = \"ProgressBar\";\n//# sourceMappingURL=ProgressBar.js.map"],"names":["ProgressBar","React","forwardRef","props","ref","state","useProgressBar_unstable","useProgressBarStyles_unstable","useCustomStyles","useCustomStyleHooks_unstable","renderProgressBar_unstable","displayName"],"mappings":";;;;+BAQaA;;aAAAA;;;6DARU;gCACiB;mCACG;sCACG;qCACD;AAItC,MAAMA,cAAc,WAAW,GAAEC,OAAMC,UAAU,CAAC,CAACC,OAAOC,MAAQ;IACvE,MAAMC,QAAQC,IAAAA,uCAAuB,EAACH,OAAOC;IAC7CG,IAAAA,mDAA6B,EAACF;IAC9B,MAAM,EACJE,+BAA+BC,gBAAe,EAC/C,GAAGC,IAAAA,iDAA4B;IAChCD,gBAAgBH;IAChB,OAAOK,IAAAA,6CAA0B,EAACL;AACpC;AACAL,YAAYW,WAAW,GAAG,eAC1B,uCAAuC"}
+{"version":3,"names":["React","require","useProgressBar_1","renderProgressBar_1","useProgressBarStyles_1","react_shared_contexts_1","exports","ProgressBar","forwardRef","props","ref","state","useProgressBar_unstable","useProgressBarStyles_unstable","useCustomStyles","useCustomStyleHooks_unstable","renderProgressBar_unstable","displayName"],"sources":["../../../../../../../../../packages/react-components/react-progress/src/components/ProgressBar/ProgressBar.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useProgressBar_unstable } from './useProgressBar';\nimport { renderProgressBar_unstable } from './renderProgressBar';\nimport { useProgressBarStyles_unstable } from './useProgressBarStyles';\nimport type { ProgressBarProps } from './ProgressBar.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { useCustomStyleHooks_unstable } from '@fluentui/react-shared-contexts';\n\n/**\n * A ProgressBar bar shows the progression of a task.\n */\nexport const ProgressBar: ForwardRefComponent<ProgressBarProps> = React.forwardRef((props, ref) => {\n  const state = useProgressBar_unstable(props, ref);\n\n  useProgressBarStyles_unstable(state);\n\n  const { useProgressBarStyles_unstable: useCustomStyles } = useCustomStyleHooks_unstable();\n  useCustomStyles(state);\n\n  return renderProgressBar_unstable(state);\n});\n\nProgressBar.displayName = 'ProgressBar';\n"],"mappings":";;;;;;AAAA,MAAAA,KAAA,gBAAAC,OAAA;AACA,MAAAC,gBAAA,gBAAAD,OAAA;AACA,MAAAE,mBAAA,gBAAAF,OAAA;AACA,MAAAG,sBAAA,gBAAAH,OAAA;AAGA,MAAAI,uBAAA,gBAAAJ,OAAA;AAEA;;;AAGaK,OAAA,CAAAC,WAAW,gBAA0CP,KAAK,CAACQ,UAAU,CAAC,CAACC,KAAK,EAAEC,GAAG,KAAI;EAChG,MAAMC,KAAK,GAAGT,gBAAA,CAAAU,uBAAuB,CAACH,KAAK,EAAEC,GAAG,CAAC;EAEjDN,sBAAA,CAAAS,6BAA6B,CAACF,KAAK,CAAC;EAEpC,MAAM;IAAEE,6BAA6B,EAAEC;EAAe,CAAE,GAAGT,uBAAA,CAAAU,4BAA4B,EAAE;EACzFD,eAAe,CAACH,KAAK,CAAC;EAEtB,OAAOR,mBAAA,CAAAa,0BAA0B,CAACL,KAAK,CAAC;AAC1C,CAAC,CAAC;AAEFL,OAAA,CAAAC,WAAW,CAACU,WAAW,GAAG,aAAa"}

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

@@ -1,7 +1,6 @@
 "use strict";
+
 Object.defineProperty(exports, "__esModule", {
-    value: true
+  value: true
 });
- //# sourceMappingURL=ProgressBar.types.js.map
-
 //# sourceMappingURL=ProgressBar.types.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../lib/components/ProgressBar/ProgressBar.types.js"],"sourcesContent":["export {};\n//# sourceMappingURL=ProgressBar.types.js.map"],"names":[],"mappings":";;;;CACA,6CAA6C"}
+{"version":3,"names":[],"sources":["../../../../../../../../../packages/react-components/react-progress/src/components/ProgressBar/ProgressBar.types.ts"],"sourcesContent":["import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\n\nexport type ProgressBarSlots = {\n  /**\n   * The track behind the ProgressBar bar\n   */\n  root: NonNullable<Slot<'div'>>;\n  /**\n   * The filled portion of the ProgressBar bar. Animated in the indeterminate state, when no value is provided.\n   */\n  bar?: NonNullable<Slot<'div'>>;\n};\n\n/**\n * ProgressBar Props\n */\nexport type ProgressBarProps = Omit<ComponentProps<ProgressBarSlots>, 'size'> & {\n  /**\n   * The shape of the bar and track.\n   * @default rounded\n   */\n  shape?: 'rounded' | 'square';\n  /**\n   * A decimal number between `0` and `1` (or between `0` and `max` if given),\n   * which specifies how much of the task has been completed.\n   *\n   * If `undefined` (default), the ProgressBar will display an **indeterminate** state.\n   */\n  value?: number;\n  /**\n   * The maximum value, which indicates the task is complete.\n   * The ProgressBar bar will be full when `value` equals `max`.\n   * @default 1\n   */\n  max?: number;\n  /**\n   * The thickness of the ProgressBar bar\n   * @default medium\n   */\n  thickness?: 'medium' | 'large';\n\n  /**\n   * The status of the ProgressBar bar. Changes the color of the bar.\n   * @default brand\n   */\n  color?: 'brand' | 'success' | 'warning' | 'error';\n};\n\n/**\n * State used in rendering ProgressBar\n */\nexport type ProgressBarState = ComponentState<ProgressBarSlots> &\n  Required<Pick<ProgressBarProps, 'max' | 'shape' | 'thickness'>> &\n  Pick<ProgressBarProps, 'value' | 'color'>;\n"],"mappings":""}

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

@@ -1,13 +1,12 @@
 "use strict";
+
 Object.defineProperty(exports, "__esModule", {
-    value: true
+  value: true
 });
-const _exportStar = require("@swc/helpers/lib/_export_star.js").default;
-_exportStar(require("./ProgressBar"), exports);
-_exportStar(require("./ProgressBar.types"), exports);
-_exportStar(require("./renderProgressBar"), exports);
-_exportStar(require("./useProgressBar"), exports);
-_exportStar(require("./useProgressBarStyles"), exports);
- //# sourceMappingURL=index.js.map
-
+const tslib_1 = /*#__PURE__*/require("tslib");
+tslib_1.__exportStar(require("./ProgressBar"), exports);
+tslib_1.__exportStar(require("./ProgressBar.types"), exports);
+tslib_1.__exportStar(require("./renderProgressBar"), exports);
+tslib_1.__exportStar(require("./useProgressBar"), exports);
+tslib_1.__exportStar(require("./useProgressBarStyles"), exports);
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../lib/components/ProgressBar/index.js"],"sourcesContent":["export * from \"./ProgressBar\";\nexport * from \"./ProgressBar.types\";\nexport * from \"./renderProgressBar\";\nexport * from \"./useProgressBar\";\nexport * from \"./useProgressBarStyles\";\n//# sourceMappingURL=index.js.map"],"names":[],"mappings":";;;;;oBAAc;oBACA;oBACA;oBACA;oBACA;CACd,iCAAiC"}
+{"version":3,"names":["tslib_1","__exportStar","require","exports"],"sources":["../../../../../../../../../packages/react-components/react-progress/src/components/ProgressBar/index.ts"],"sourcesContent":["export * from './ProgressBar';\nexport * from './ProgressBar.types';\nexport * from './renderProgressBar';\nexport * from './useProgressBar';\nexport * from './useProgressBarStyles';\n"],"mappings":";;;;;;AAAAA,OAAA,CAAAC,YAAA,CAAAC,OAAA,mBAAAC,OAAA;AACAH,OAAA,CAAAC,YAAA,CAAAC,OAAA,yBAAAC,OAAA;AACAH,OAAA,CAAAC,YAAA,CAAAC,OAAA,yBAAAC,OAAA;AACAH,OAAA,CAAAC,YAAA,CAAAC,OAAA,sBAAAC,OAAA;AACAH,OAAA,CAAAC,YAAA,CAAAC,OAAA,4BAAAC,OAAA"}

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

@@ -1,17 +1,24 @@
 "use strict";
+
 Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "renderProgressBar_unstable", {
-    enumerable: true,
-    get: ()=>renderProgressBar_unstable
+  value: true
 });
-const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
-const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
-const _reactUtilities = require("@fluentui/react-utilities");
-const renderProgressBar_unstable = (state)=>{
-    const { slots , slotProps  } = (0, _reactUtilities.getSlots)(state);
-    return /*#__PURE__*/ _react.createElement(slots.root, slotProps.root, slots.bar && /*#__PURE__*/ _react.createElement(slots.bar, slotProps.bar));
-}; //# sourceMappingURL=renderProgressBar.js.map
-
+exports.renderProgressBar_unstable = void 0;
+const React = /*#__PURE__*/require("react");
+const react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
+/**
+ * Render the final JSX of ProgressBar
+ */
+const renderProgressBar_unstable = state => {
+  const {
+    slots,
+    slotProps
+  } = react_utilities_1.getSlots(state);
+  return React.createElement(slots.root, {
+    ...slotProps.root
+  }, slots.bar && React.createElement(slots.bar, {
+    ...slotProps.bar
+  }));
+};
+exports.renderProgressBar_unstable = renderProgressBar_unstable;
 //# sourceMappingURL=renderProgressBar.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../lib/components/ProgressBar/renderProgressBar.js"],"sourcesContent":["import * as React from \"react\";\nimport { getSlots } from \"@fluentui/react-utilities\";\n/**\n * Render the final JSX of ProgressBar\n */\nexport const renderProgressBar_unstable = state => {\n  const {\n    slots,\n    slotProps\n  } = getSlots(state);\n  return /*#__PURE__*/React.createElement(slots.root, slotProps.root, slots.bar && /*#__PURE__*/React.createElement(slots.bar, slotProps.bar));\n};\n//# sourceMappingURL=renderProgressBar.js.map"],"names":["renderProgressBar_unstable","state","slots","slotProps","getSlots","React","createElement","root","bar"],"mappings":";;;;+BAKaA;;aAAAA;;;6DALU;gCACE;AAIlB,MAAMA,6BAA6BC,CAAAA,QAAS;IACjD,MAAM,EACJC,MAAK,EACLC,UAAS,EACV,GAAGC,IAAAA,wBAAQ,EAACH;IACb,OAAO,WAAW,GAAEI,OAAMC,aAAa,CAACJ,MAAMK,IAAI,EAAEJ,UAAUI,IAAI,EAAEL,MAAMM,GAAG,IAAI,WAAW,GAAEH,OAAMC,aAAa,CAACJ,MAAMM,GAAG,EAAEL,UAAUK,GAAG;AAC5I,GACA,6CAA6C"}
+{"version":3,"names":["React","require","react_utilities_1","renderProgressBar_unstable","state","slots","slotProps","getSlots","createElement","root","bar","exports"],"sources":["../../../../../../../../../packages/react-components/react-progress/src/components/ProgressBar/renderProgressBar.tsx"],"sourcesContent":["import * as React from 'react';\nimport { getSlots } from '@fluentui/react-utilities';\nimport type { ProgressBarState, ProgressBarSlots } from './ProgressBar.types';\n\n/**\n * Render the final JSX of ProgressBar\n */\nexport const renderProgressBar_unstable = (state: ProgressBarState) => {\n  const { slots, slotProps } = getSlots<ProgressBarSlots>(state);\n  return <slots.root {...slotProps.root}>{slots.bar && <slots.bar {...slotProps.bar} />}</slots.root>;\n};\n"],"mappings":";;;;;;AAAA,MAAAA,KAAA,gBAAAC,OAAA;AACA,MAAAC,iBAAA,gBAAAD,OAAA;AAGA;;;AAGO,MAAME,0BAA0B,GAAIC,KAAuB,IAAI;EACpE,MAAM;IAAEC,KAAK;IAAEC;EAAS,CAAE,GAAGJ,iBAAA,CAAAK,QAAQ,CAAmBH,KAAK,CAAC;EAC9D,OAAOJ,KAAA,CAAAQ,aAAA,CAACH,KAAK,CAACI,IAAI;IAAA,GAAKH,SAAS,CAACG;EAAI,GAAGJ,KAAK,CAACK,GAAG,IAAIV,KAAA,CAAAQ,aAAA,CAACH,KAAK,CAACK,GAAG;IAAA,GAAKJ,SAAS,CAACI;EAAG,EAAI,CAAc;AACrG,CAAC;AAHYC,OAAA,CAAAR,0BAA0B,GAAAA,0BAAA"}

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

@@ -1,45 +1,55 @@
 "use strict";
+
 Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "useProgressBar_unstable", {
-    enumerable: true,
-    get: ()=>useProgressBar_unstable
+  value: true
 });
-const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
-const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
-const _reactUtilities = require("@fluentui/react-utilities");
-const _index = require("../../utils/index");
-const useProgressBar_unstable = (props, ref)=>{
-    // Props
-    const { color ="brand" , shape ="rounded" , thickness ="medium"  } = props;
-    const max = (0, _index.clampMax)(props.max ?? 1);
-    const value = (0, _index.clampValue)(props.value, max);
-    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
-
+exports.useProgressBar_unstable = void 0;
+const react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
+const index_1 = /*#__PURE__*/require("../../utils/index");
+/**
+ * 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) => {
+  var _a;
+  // Props
+  const {
+    color = 'brand',
+    shape = 'rounded',
+    thickness = 'medium'
+  } = props;
+  const max = index_1.clampMax((_a = props.max) !== null && _a !== void 0 ? _a : 1);
+  const value = index_1.clampValue(props.value, max);
+  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;
 //# sourceMappingURL=useProgressBar.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../lib/components/ProgressBar/useProgressBar.js"],"sourcesContent":["import * as React from \"react\";\nimport { getNativeElementProps, resolveShorthand } from \"@fluentui/react-utilities\";\nimport { clampValue, clampMax } from \"../../utils/index\";\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    shape = \"rounded\",\n    thickness = \"medium\"\n  } = props;\n  const max = clampMax(props.max ?? 1);\n  const value = clampValue(props.value, max);\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","shape","thickness","max","clampMax","value","clampValue","root","getNativeElementProps","role","undefined","bar","resolveShorthand","required","state","components"],"mappings":";;;;+BAYaA;;aAAAA;;;6DAZU;gCACiC;uBACnB;AAU9B,MAAMA,0BAA0B,CAACC,OAAOC,MAAQ;IACrD,QAAQ;IACR,MAAM,EACJC,OAAQ,QAAO,EACfC,OAAQ,UAAS,EACjBC,WAAY,SAAQ,EACrB,GAAGJ;IACJ,MAAMK,MAAMC,IAAAA,eAAQ,EAACN,MAAMK,GAAG,IAAI;IAClC,MAAME,QAAQC,IAAAA,iBAAU,EAACR,MAAMO,KAAK,EAAEF;IACtC,MAAMI,OAAOC,IAAAA,qCAAqB,EAAC,OAAO;QACxCT;QACAU,MAAM;QACN,iBAAiBJ,UAAUK,YAAY,IAAIA,SAAS;QACpD,iBAAiBL,UAAUK,YAAYP,MAAMO,SAAS;QACtD,iBAAiBL;QACjB,GAAGP,KAAK;IACV;IACA,MAAMa,MAAMC,IAAAA,gCAAgB,EAACd,MAAMa,GAAG,EAAE;QACtCE,UAAU,IAAI;IAChB;IACA,MAAMC,QAAQ;QACZd;QACAG;QACAF;QACAC;QACAG;QACAU,YAAY;YACVR,MAAM;YACNI,KAAK;QACP;QACAJ;QACAI;IACF;IACA,OAAOG;AACT,GACA,0CAA0C"}
+{"version":3,"names":["react_utilities_1","require","index_1","useProgressBar_unstable","props","ref","color","shape","thickness","max","clampMax","_a","value","clampValue","root","getNativeElementProps","role","undefined","bar","resolveShorthand","required","state","components","exports"],"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 { clampValue, clampMax } from '../../utils/index';\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', shape = 'rounded', thickness = 'medium' } = props;\n  const max = clampMax(props.max ?? 1);\n  const value = clampValue(props.value, max);\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"],"mappings":";;;;;;AACA,MAAAA,iBAAA,gBAAAC,OAAA;AACA,MAAAC,OAAA,gBAAAD,OAAA;AAGA;;;;;;;;;AASO,MAAME,uBAAuB,GAAGA,CAACC,KAAuB,EAAEC,GAA2B,KAAsB;;EAChH;EACA,MAAM;IAAEC,KAAK,GAAG,OAAO;IAAEC,KAAK,GAAG,SAAS;IAAEC,SAAS,GAAG;EAAQ,CAAE,GAAGJ,KAAK;EAC1E,MAAMK,GAAG,GAAGP,OAAA,CAAAQ,QAAQ,CAAC,CAAAC,EAAA,GAAAP,KAAK,CAACK,GAAG,cAAAE,EAAA,cAAAA,EAAA,GAAI,CAAC,CAAC;EACpC,MAAMC,KAAK,GAAGV,OAAA,CAAAW,UAAU,CAACT,KAAK,CAACQ,KAAK,EAAEH,GAAG,CAAC;EAE1C,MAAMK,IAAI,GAAGd,iBAAA,CAAAe,qBAAqB,CAAC,KAAK,EAAE;IACxCV,GAAG;IACHW,IAAI,EAAE,aAAa;IACnB,eAAe,EAAEJ,KAAK,KAAKK,SAAS,GAAG,CAAC,GAAGA,SAAS;IACpD,eAAe,EAAEL,KAAK,KAAKK,SAAS,GAAGR,GAAG,GAAGQ,SAAS;IACtD,eAAe,EAAEL,KAAK;IACtB,GAAGR;GACJ,CAAC;EAEF,MAAMc,GAAG,GAAGlB,iBAAA,CAAAmB,gBAAgB,CAACf,KAAK,CAACc,GAAG,EAAE;IACtCE,QAAQ,EAAE;GACX,CAAC;EAEF,MAAMC,KAAK,GAAqB;IAC9Bf,KAAK;IACLG,GAAG;IACHF,KAAK;IACLC,SAAS;IACTI,KAAK;IACLU,UAAU,EAAE;MACVR,IAAI,EAAE,KAAK;MACXI,GAAG,EAAE;KACN;IACDJ,IAAI;IACJI;GACD;EAED,OAAOG,KAAK;AACd,CAAC;AAlCYE,OAAA,CAAApB,uBAAuB,GAAAA,uBAAA"}

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

@@ -1,240 +1,142 @@
 "use strict";
+
 Object.defineProperty(exports, "__esModule", {
-    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
+  value: true
 });
-const _react = require("@griffel/react");
-const progressBarClassNames = {
-    root: "fui-ProgressBar",
-    bar: "fui-ProgressBar__bar"
+exports.useProgressBarStyles_unstable = exports.progressBarClassNames = void 0;
+const react_1 = /*#__PURE__*/require("@griffel/react");
+const react_theme_1 = /*#__PURE__*/require("@fluentui/react-theme");
+exports.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: "-33%"
-    },
-    "100%": {
-        left: "100%"
-    }
+  '0%': {
+    left: '-33%' // matches indeterminate bar width
+  },
+
+  '100%': {
+    left: '100%'
+  }
 };
 /**
  * Styles for the root slot
- */ const useRootStyles = /*#__PURE__*/ (0, _react["__styles"])({
-    root: {
-        mc9l5x: "ftgm304",
-        De3pzq: "f18f03hv",
-        a9b677: "fly5x3f",
-        B68tc82: "f1p9o1ba",
-        Bmxbyg5: "f1sil6mw",
-        Bpep1pd: "fu42dvn"
-    },
-    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__*/react_1.__styles({
+  root: {
+    mc9l5x: "ftgm304",
+    De3pzq: "f18f03hv",
+    a9b677: "fly5x3f",
+    B68tc82: "f1p9o1ba",
+    Bmxbyg5: "f1sil6mw",
+    Bpep1pd: "fu42dvn"
+  },
+  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);}",
-        ".fly5x3f{width:100%;}",
-        ".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){.fu42dvn{background-color:CanvasText;}}",
-            {
-                m: "screen and (forced-colors: active)"
-            }
-        ]
-    ]
+  d: [".ftgm304{display:block;}", ".f18f03hv{background-color:var(--colorNeutralBackground6);}", ".fly5x3f{width:100%;}", ".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){.fu42dvn{background-color:CanvasText;}}", {
+    m: "screen and (forced-colors: active)"
+  }]]
 });
 /**
  * Styles for the ProgressBar bar
- */ const useBarStyles = /*#__PURE__*/ (0, _react["__styles"])({
-    base: {
-        Bpep1pd: "f1neahkh",
-        Bbmb7ep: [
-            "f1d9uwra",
-            "fzibvwi"
-        ],
-        Beyfa6y: [
-            "fzibvwi",
-            "f1d9uwra"
-        ],
-        B7oj6ja: [
-            "fuoumxm",
-            "f1vtqnvc"
-        ],
-        Btl43ni: [
-            "f1vtqnvc",
-            "fuoumxm"
-        ],
-        Bqenvij: "f1l02sjl"
-    },
-    nonZeroDeterminate: {
-        Bmy1vo4: "fjt6zfz",
-        B3o57yi: "f1wofebd",
-        Bkqvd7p: "fv71qf3"
-    },
-    indeterminate: {
-        B2u0y6b: "fa0wk36",
-        qhf8xq: "f10pi13n",
-        Bcmaq0h: [
-            "fpo0yib",
-            "f1u5hf6c"
-        ],
-        Bv12yb3: [
-            "fwd2bol",
-            "f14gig94"
-        ],
-        vin17d: "f1a27w2r",
-        Ezkn3b: "f452v7t",
-        w3vfg9: "f1cpbl36",
-        Gqtpxc: "f4akx1t",
-        B3vm3ge: "f18p5put"
-    },
-    brand: {
-        De3pzq: "ftywsgz"
-    },
-    error: {
-        De3pzq: "fdl5y0r"
-    },
-    warning: {
-        De3pzq: "f1s438gw"
-    },
-    success: {
-        De3pzq: "flxk52p"
-    }
+ */
+const useBarStyles = /*#__PURE__*/react_1.__styles({
+  base: {
+    Bpep1pd: "f1neahkh",
+    Bbmb7ep: ["f1d9uwra", "fzibvwi"],
+    Beyfa6y: ["fzibvwi", "f1d9uwra"],
+    B7oj6ja: ["fuoumxm", "f1vtqnvc"],
+    Btl43ni: ["f1vtqnvc", "fuoumxm"],
+    Bqenvij: "f1l02sjl"
+  },
+  nonZeroDeterminate: {
+    Bmy1vo4: "fjt6zfz",
+    B3o57yi: "f1wofebd",
+    Bkqvd7p: "fv71qf3"
+  },
+  indeterminate: {
+    B2u0y6b: "fa0wk36",
+    qhf8xq: "f10pi13n",
+    Bcmaq0h: ["fpo0yib", "f1u5hf6c"],
+    Bv12yb3: ["fwd2bol", "f14gig94"],
+    vin17d: "f1a27w2r",
+    Ezkn3b: "f452v7t",
+    w3vfg9: "f1cpbl36",
+    Gqtpxc: "f4akx1t",
+    B3vm3ge: "f18p5put"
+  },
+  brand: {
+    De3pzq: "ftywsgz"
+  },
+  error: {
+    De3pzq: "fdl5y0r"
+  },
+  warning: {
+    De3pzq: "f1s438gw"
+  },
+  success: {
+    De3pzq: "flxk52p"
+  }
 }, {
-    m: [
-        [
-            "@media screen and (forced-colors: active){.f1neahkh{background-color:Highlight;}}",
-            {
-                m: "screen and (forced-colors: active)"
-            }
-        ],
-        [
-            "@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)"
-            }
-        ]
-    ],
-    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;}",
-        ".f1l02sjl{height:100%;}",
-        ".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    );}",
-        ".fwd2bol{-webkit-animation-name:f1keuaan;animation-name:f1keuaan;}",
-        ".f14gig94{-webkit-animation-name:f10x8f8u;animation-name:f10x8f8u;}",
-        ".f1a27w2r{-webkit-animation-duration:3s;animation-duration:3s;}",
-        ".f452v7t{-webkit-animation-timing-function:linear;animation-timing-function:linear;}",
-        ".f1cpbl36{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;}",
-        ".ftywsgz{background-color:var(--colorCompoundBrandBackground);}",
-        ".fdl5y0r{background-color:var(--colorPaletteRedBackground3);}",
-        ".f1s438gw{background-color:var(--colorPaletteDarkOrangeBackground3);}",
-        ".flxk52p{background-color:var(--colorPaletteGreenBackground3);}"
-    ],
-    k: [
-        "@-webkit-keyframes f1keuaan{0%{left:-33%;}100%{left:100%;}}",
-        "@-webkit-keyframes f10x8f8u{0%{right:-33%;}100%{right:100%;}}",
-        "@keyframes f1keuaan{0%{left:-33%;}100%{left:100%;}}",
-        "@keyframes f10x8f8u{0%{right:-33%;}100%{right:100%;}}"
-    ]
+  m: [["@media screen and (forced-colors: active){.f1neahkh{background-color:Highlight;}}", {
+    m: "screen and (forced-colors: active)"
+  }], ["@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)"
+  }]],
+  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;}", ".f1l02sjl{height:100%;}", ".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    );}", ".fwd2bol{-webkit-animation-name:f1keuaan;animation-name:f1keuaan;}", ".f14gig94{-webkit-animation-name:f10x8f8u;animation-name:f10x8f8u;}", ".f1a27w2r{-webkit-animation-duration:3s;animation-duration:3s;}", ".f452v7t{-webkit-animation-timing-function:linear;animation-timing-function:linear;}", ".f1cpbl36{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;}", ".ftywsgz{background-color:var(--colorCompoundBrandBackground);}", ".fdl5y0r{background-color:var(--colorPaletteRedBackground3);}", ".f1s438gw{background-color:var(--colorPaletteDarkOrangeBackground3);}", ".flxk52p{background-color:var(--colorPaletteGreenBackground3);}"],
+  k: ["@-webkit-keyframes f1keuaan{0%{left:-33%;}100%{left:100%;}}", "@-webkit-keyframes f10x8f8u{0%{right:-33%;}100%{right:100%;}}", "@keyframes f1keuaan{0%{left:-33%;}100%{left:100%;}}", "@keyframes f10x8f8u{0%{right:-33%;}100%{right:100%;}}"]
 });
-const useProgressBarStyles_unstable = (state)=>{
-    const { color , max , shape , thickness , value  } = state;
-    const rootStyles = useRootStyles();
-    const barStyles = useBarStyles();
-    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 && 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
-
+/**
+ * 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();
+  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 && 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;
 //# sourceMappingURL=useProgressBarStyles.js.map