@fluentui/react-progress 0.0.0-nightly-20230321-0440.1 → 0.0.0-nightly-20230324-0422.1

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

@@ -1,24 +1,17 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
+});
+Object.defineProperty(exports, "renderProgressBar_unstable", {
+    enumerable: true,
+    get: ()=>renderProgressBar_unstable
 });
-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;
+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
+
 //# sourceMappingURL=renderProgressBar.js.map

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

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

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

@@ -1,55 +1,46 @@
 "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");
-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;
+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;
+    var _props_max;
+    const max = (0, _index.clampMax)((_props_max = props.max) !== null && _props_max !== void 0 ? _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
+
 //# sourceMappingURL=useProgressBar.js.map

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

@@ -1 +1 @@
-{"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"}
+{"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  var _props_max;\n  const max = clampMax((_props_max = props.max) !== null && _props_max !== void 0 ? _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","_props_max","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,IAAIK;IACJ,MAAMC,MAAMC,IAAAA,eAAQ,EAAC,AAACF,CAAAA,aAAaL,MAAMM,GAAG,AAAD,MAAO,IAAI,IAAID,eAAe,KAAK,IAAIA,aAAa,CAAC;IAChG,MAAMG,QAAQC,IAAAA,iBAAU,EAACT,MAAMQ,KAAK,EAAEF;IACtC,MAAMI,OAAOC,IAAAA,qCAAqB,EAAC,OAAO;QACxCV;QACAW,MAAM;QACN,iBAAiBJ,UAAUK,YAAY,IAAIA,SAAS;QACpD,iBAAiBL,UAAUK,YAAYP,MAAMO,SAAS;QACtD,iBAAiBL;QACjB,GAAGR,KAAK;IACV;IACA,MAAMc,MAAMC,IAAAA,gCAAgB,EAACf,MAAMc,GAAG,EAAE;QACtCE,UAAU,IAAI;IAChB;IACA,MAAMC,QAAQ;QACZf;QACAI;QACAH;QACAC;QACAI;QACAU,YAAY;YACVR,MAAM;YACNI,KAAK;QACP;QACAJ;QACAI;IACF;IACA,OAAOG;AACT,GACA,0CAA0C"}

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

@@ -1,142 +1,240 @@
 "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");
-exports.progressBarClassNames = {
-  root: 'fui-ProgressBar',
-  bar: 'fui-ProgressBar__bar'
+const _react = require("@griffel/react");
+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: '-33%' // matches indeterminate bar width
-  },
-
-  '100%': {
-    left: '100%'
-  }
+    '0%': {
+        left: '-33%'
+    },
+    '100%': {
+        left: '100%'
+    }
 };
 /**
  * Styles for the root slot
- */
-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"
-  }
+ */ 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"
+    }
 }, {
-  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__*/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"
-  }
+ */ 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"
+    }
 }, {
-  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%;}}"
+    ]
 });
-/**
- * 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;
+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
+
 //# sourceMappingURL=useProgressBarStyles.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["react_1","require","react_theme_1","exports","progressBarClassNames","root","bar","ZERO_THRESHOLD","barThicknessValues","medium","large","indeterminateProgressBar","left","useRootStyles","__styles","mc9l5x","De3pzq","a9b677","B68tc82","Bmxbyg5","Bpep1pd","rounded","Bbmb7ep","Beyfa6y","B7oj6ja","Btl43ni","square","Bqenvij","d","m","useBarStyles","base","nonZeroDeterminate","Bmy1vo4","B3o57yi","Bkqvd7p","indeterminate","B2u0y6b","qhf8xq","Bcmaq0h","Bv12yb3","vin17d","Ezkn3b","w3vfg9","Gqtpxc","B3vm3ge","brand","error","warning","success","k","useProgressBarStyles_unstable","state","color","max","shape","thickness","value","rootStyles","barStyles","className","mergeClasses","undefined","style","width","Math","min"],"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 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: '-33%', // matches indeterminate bar width\n  },\n  '100%': {\n    left: '100%',\n  },\n};\n\n/**\n * Styles for the root slot\n */\nconst useRootStyles = makeStyles({\n  root: {\n    display: 'block',\n    backgroundColor: tokens.colorNeutralBackground6,\n    width: '100%',\n    ...shorthands.overflow('hidden'),\n\n    '@media screen and (forced-colors: active)': {\n      backgroundColor: '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    '@media screen and (forced-colors: active)': {\n      backgroundColor: 'Highlight',\n    },\n    ...shorthands.borderRadius('inherit'),\n    height: '100%',\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    animationTimingFunction: 'linear',\n    animationIterationCount: 'infinite',\n    '@media screen and (prefers-reduced-motion: reduce)': {\n      animationDuration: '0.01ms',\n      animationIterationCount: '1',\n    },\n  },\n\n  brand: {\n    backgroundColor: tokens.colorCompoundBrandBackground,\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\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 && 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"],"mappings":"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"}
+{"version":3,"sources":["../../../lib/components/ProgressBar/useProgressBarStyles.js"],"sourcesContent":["import { __styles, mergeClasses, shorthands } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\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: '-33%'\n  },\n  '100%': {\n    left: '100%'\n  }\n};\n/**\n * Styles for the root slot\n */\nconst useRootStyles = /*#__PURE__*/__styles({\n  root: {\n    mc9l5x: \"ftgm304\",\n    De3pzq: \"f18f03hv\",\n    a9b677: \"fly5x3f\",\n    B68tc82: \"f1p9o1ba\",\n    Bmxbyg5: \"f1sil6mw\",\n    Bpep1pd: \"fu42dvn\"\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);}\", \".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;}\"],\n  m: [[\"@media screen and (forced-colors: active){.fu42dvn{background-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    Bpep1pd: \"f1neahkh\",\n    Bbmb7ep: [\"f1d9uwra\", \"fzibvwi\"],\n    Beyfa6y: [\"fzibvwi\", \"f1d9uwra\"],\n    B7oj6ja: [\"fuoumxm\", \"f1vtqnvc\"],\n    Btl43ni: [\"f1vtqnvc\", \"fuoumxm\"],\n    Bqenvij: \"f1l02sjl\"\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: [\"fwd2bol\", \"f14gig94\"],\n    vin17d: \"f1a27w2r\",\n    Ezkn3b: \"f452v7t\",\n    w3vfg9: \"f1cpbl36\",\n    Gqtpxc: \"f4akx1t\",\n    B3vm3ge: \"f18p5put\"\n  },\n  brand: {\n    De3pzq: \"ftywsgz\"\n  },\n  error: {\n    De3pzq: \"fdl5y0r\"\n  },\n  warning: {\n    De3pzq: \"f1s438gw\"\n  },\n  success: {\n    De3pzq: \"flxk52p\"\n  }\n}, {\n  m: [[\"@media screen and (forced-colors: active){.f1neahkh{background-color:Highlight;}}\", {\n    m: \"screen and (forced-colors: active)\"\n  }], [\"@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  }]],\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;}\", \".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);}\"],\n  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%;}}\"]\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  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 && 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","useRootStyles","__styles","mc9l5x","De3pzq","a9b677","B68tc82","Bmxbyg5","Bpep1pd","rounded","Bbmb7ep","Beyfa6y","B7oj6ja","Btl43ni","square","Bqenvij","d","m","useBarStyles","base","nonZeroDeterminate","Bmy1vo4","B3o57yi","Bkqvd7p","indeterminate","B2u0y6b","qhf8xq","Bcmaq0h","Bv12yb3","vin17d","Ezkn3b","w3vfg9","Gqtpxc","B3vm3ge","brand","error","warning","success","k","state","color","max","shape","thickness","value","rootStyles","barStyles","className","mergeClasses","undefined","style","width","Math","min"],"mappings":"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"}