@fluentui/react-progress 9.1.24 → 9.1.26

package/CHANGELOG.json

@@ -2,7 +2,91 @@
   "name": "@fluentui/react-progress",
   "entries": [
     {
-      "date": "Tue, 01 Aug 2023 10:14:29 GMT",
+      "date": "Wed, 09 Aug 2023 13:11:42 GMT",
+      "tag": "@fluentui/react-progress_v9.1.26",
+      "version": "9.1.26",
+      "comments": {
+        "patch": [
+          {
+            "author": "olfedias@microsoft.com",
+            "package": "@fluentui/react-progress",
+            "commit": "b090c0339983847a62b9dc6187d08dc8c4b1d55f",
+            "comment": "chore: Update Griffel to latest version"
+          },
+          {
+            "author": "bernardo.sunderhus@gmail.com",
+            "package": "@fluentui/react-progress",
+            "commit": "796e4426c50ede34b30e2dc2392328dcbadc2702",
+            "comment": "chore(cxe-red): migrate to new slot API"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-progress",
+            "comment": "Bump @fluentui/react-field to v9.1.16",
+            "commit": "d0e28b405dc91c4682aec72dd784767a3ce95c78"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-progress",
+            "comment": "Bump @fluentui/react-jsx-runtime to v9.0.0-alpha.14",
+            "commit": "d0e28b405dc91c4682aec72dd784767a3ce95c78"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-progress",
+            "comment": "Bump @fluentui/react-shared-contexts to v9.7.2",
+            "commit": "d0e28b405dc91c4682aec72dd784767a3ce95c78"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-progress",
+            "comment": "Bump @fluentui/react-theme to v9.1.11",
+            "commit": "d0e28b405dc91c4682aec72dd784767a3ce95c78"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Fri, 04 Aug 2023 08:52:58 GMT",
+      "tag": "@fluentui/react-progress_v9.1.25",
+      "version": "9.1.25",
+      "comments": {
+        "patch": [
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-progress",
+            "comment": "Bump @fluentui/react-field to v9.1.15",
+            "commit": "0bf7d9438c1d0ff90cd2b28bc4cceb4f807afbca"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-progress",
+            "comment": "Bump @fluentui/react-jsx-runtime to v9.0.0-alpha.13",
+            "commit": "0bf7d9438c1d0ff90cd2b28bc4cceb4f807afbca"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-progress",
+            "comment": "Bump @fluentui/react-shared-contexts to v9.7.1",
+            "commit": "0bf7d9438c1d0ff90cd2b28bc4cceb4f807afbca"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-progress",
+            "comment": "Bump @fluentui/react-theme to v9.1.10",
+            "commit": "0bf7d9438c1d0ff90cd2b28bc4cceb4f807afbca"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-progress",
+            "comment": "Bump @fluentui/react-utilities to v9.11.0",
+            "commit": "0bf7d9438c1d0ff90cd2b28bc4cceb4f807afbca"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Tue, 01 Aug 2023 10:17:21 GMT",
       "tag": "@fluentui/react-progress_v9.1.24",
       "version": "9.1.24",
       "comments": {

package/CHANGELOG.md

@@ -1,12 +1,39 @@
 # Change Log - @fluentui/react-progress
 
-This log was last generated on Tue, 01 Aug 2023 10:14:29 GMT and should not be manually modified.
+This log was last generated on Wed, 09 Aug 2023 13:11:42 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [9.1.26](https://github.com/microsoft/fluentui/tree/@fluentui/react-progress_v9.1.26)
+
+Wed, 09 Aug 2023 13:11:42 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-progress_v9.1.25..@fluentui/react-progress_v9.1.26)
+
+### Patches
+
+- chore: Update Griffel to latest version ([PR #28684](https://github.com/microsoft/fluentui/pull/28684) by olfedias@microsoft.com)
+- chore(cxe-red): migrate to new slot API ([PR #28753](https://github.com/microsoft/fluentui/pull/28753) by bernardo.sunderhus@gmail.com)
+- Bump @fluentui/react-field to v9.1.16 ([commit](https://github.com/microsoft/fluentui/commit/d0e28b405dc91c4682aec72dd784767a3ce95c78) by beachball)
+- Bump @fluentui/react-jsx-runtime to v9.0.0-alpha.14 ([commit](https://github.com/microsoft/fluentui/commit/d0e28b405dc91c4682aec72dd784767a3ce95c78) by beachball)
+- Bump @fluentui/react-shared-contexts to v9.7.2 ([commit](https://github.com/microsoft/fluentui/commit/d0e28b405dc91c4682aec72dd784767a3ce95c78) by beachball)
+- Bump @fluentui/react-theme to v9.1.11 ([commit](https://github.com/microsoft/fluentui/commit/d0e28b405dc91c4682aec72dd784767a3ce95c78) by beachball)
+
+## [9.1.25](https://github.com/microsoft/fluentui/tree/@fluentui/react-progress_v9.1.25)
+
+Fri, 04 Aug 2023 08:52:58 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-progress_v9.1.24..@fluentui/react-progress_v9.1.25)
+
+### Patches
+
+- Bump @fluentui/react-field to v9.1.15 ([commit](https://github.com/microsoft/fluentui/commit/0bf7d9438c1d0ff90cd2b28bc4cceb4f807afbca) by beachball)
+- Bump @fluentui/react-jsx-runtime to v9.0.0-alpha.13 ([commit](https://github.com/microsoft/fluentui/commit/0bf7d9438c1d0ff90cd2b28bc4cceb4f807afbca) by beachball)
+- Bump @fluentui/react-shared-contexts to v9.7.1 ([commit](https://github.com/microsoft/fluentui/commit/0bf7d9438c1d0ff90cd2b28bc4cceb4f807afbca) by beachball)
+- Bump @fluentui/react-theme to v9.1.10 ([commit](https://github.com/microsoft/fluentui/commit/0bf7d9438c1d0ff90cd2b28bc4cceb4f807afbca) by beachball)
+- Bump @fluentui/react-utilities to v9.11.0 ([commit](https://github.com/microsoft/fluentui/commit/0bf7d9438c1d0ff90cd2b28bc4cceb4f807afbca) by beachball)
+
 ## [9.1.24](https://github.com/microsoft/fluentui/tree/@fluentui/react-progress_v9.1.24)
 
-Tue, 01 Aug 2023 10:14:29 GMT 
+Tue, 01 Aug 2023 10:17:21 GMT 
 [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-progress_v9.1.23..@fluentui/react-progress_v9.1.24)
 
 ### Patches

package/lib/components/ProgressBar/renderProgressBar.js

@@ -1,8 +1,8 @@
 /** @jsxRuntime classic */ /** @jsx createElement */ import { createElement } from '@fluentui/react-jsx-runtime';
-import { getSlotsNext } from '@fluentui/react-utilities';
+import { assertSlots } from '@fluentui/react-utilities';
 /**
  * Render the final JSX of ProgressBar
  */ export const renderProgressBar_unstable = (state)=>{
-    const { slots , slotProps  } = getSlotsNext(state);
-    return /*#__PURE__*/ createElement(slots.root, slotProps.root, slots.bar && /*#__PURE__*/ createElement(slots.bar, slotProps.bar));
+    assertSlots(state);
+    return /*#__PURE__*/ createElement(state.root, null, state.bar && /*#__PURE__*/ createElement(state.bar, null));
 };

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

@@ -1 +1 @@
-{"version":3,"sources":["renderProgressBar.tsx"],"sourcesContent":["/** @jsxRuntime classic */\n/** @jsx createElement */\n\nimport { createElement } from '@fluentui/react-jsx-runtime';\n\nimport { getSlotsNext } 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 } = getSlotsNext<ProgressBarSlots>(state);\n  return <slots.root {...slotProps.root}>{slots.bar && <slots.bar {...slotProps.bar} />}</slots.root>;\n};\n"],"names":["createElement","getSlotsNext","renderProgressBar_unstable","state","slots","slotProps","root","bar"],"mappings":"AAAA,wBAAwB,GACxB,uBAAuB,GAEvB,SAASA,aAAa,QAAQ,8BAA8B;AAE5D,SAASC,YAAY,QAAQ,4BAA4B;AAGzD;;CAEC,GACD,OAAO,MAAMC,6BAA6B,CAACC,QAA4B;IACrE,MAAM,EAAEC,MAAK,EAAEC,UAAS,EAAE,GAAGJ,aAA+BE;IAC5D,qBAAO,AAZT,cAYUC,MAAME,IAAI,EAAKD,UAAUC,IAAI,EAAGF,MAAMG,GAAG,kBAAI,AAZvD,cAYwDH,MAAMG,GAAG,EAAKF,UAAUE,GAAG;AACnF,EAAE"}
+{"version":3,"sources":["renderProgressBar.tsx"],"sourcesContent":["/** @jsxRuntime classic */\n/** @jsx createElement */\n\nimport { createElement } from '@fluentui/react-jsx-runtime';\n\nimport { assertSlots } 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  assertSlots<ProgressBarSlots>(state);\n  return <state.root>{state.bar && <state.bar />}</state.root>;\n};\n"],"names":["createElement","assertSlots","renderProgressBar_unstable","state","root","bar"],"mappings":"AAAA,wBAAwB,GACxB,uBAAuB,GAEvB,SAASA,aAAa,QAAQ,8BAA8B;AAE5D,SAASC,WAAW,QAAQ,4BAA4B;AAGxD;;CAEC,GACD,OAAO,MAAMC,6BAA6B,CAACC,QAA4B;IACrEF,YAA8BE;IAC9B,qBAAO,AAZT,cAYUA,MAAMC,IAAI,QAAED,MAAME,GAAG,kBAAI,AAZnC,cAYoCF,MAAME,GAAG;AAC7C,EAAE"}

package/lib/components/ProgressBar/useProgressBar.js

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { useFieldContext_unstable } from '@fluentui/react-field';
-import { getNativeElementProps, resolveShorthand } from '@fluentui/react-utilities';
+import { getNativeElementProps, slot } from '@fluentui/react-utilities';
 import { clampValue, clampMax } from '../../utils/index';
 /**
  * Create the state required to render ProgressBar.
@@ -17,7 +17,7 @@ import { clampValue, clampMax } from '../../utils/index';
     var _props_max;
     const max = clampMax((_props_max = props.max) !== null && _props_max !== void 0 ? _props_max : 1);
     const value = clampValue(props.value, max);
-    const root = getNativeElementProps('div', {
+    const root = slot.always(getNativeElementProps('div', {
         ref,
         role: 'progressbar',
         'aria-valuemin': value !== undefined ? 0 : undefined,
@@ -25,6 +25,8 @@ import { clampValue, clampMax } from '../../utils/index';
         'aria-valuenow': value,
         'aria-labelledby': field === null || field === void 0 ? void 0 : field.labelId,
         ...props
+    }), {
+        elementType: 'div'
     });
     if (field && (field.validationMessageId || field.hintId)) {
         // Prepend the field's validation message and/or hint to the user's aria-describedby
@@ -34,8 +36,8 @@ import { clampValue, clampMax } from '../../utils/index';
             root['aria-describedby']
         ].filter(Boolean).join(' ');
     }
-    const bar = resolveShorthand(props.bar, {
-        required: true
+    const bar = slot.always(props.bar, {
+        elementType: 'div'
     });
     const state = {
         color,

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

@@ -1 +1 @@
-{"version":3,"sources":["useProgressBar.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useFieldContext_unstable } from '@fluentui/react-field';\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  const field = useFieldContext_unstable();\n  const fieldState = field?.validationState;\n\n  const {\n    color = fieldState === 'error' || fieldState === 'warning' || fieldState === 'success' ? fieldState : 'brand',\n    shape = 'rounded',\n    thickness = 'medium',\n  } = 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    'aria-labelledby': field?.labelId,\n    ...props,\n  });\n\n  if (field && (field.validationMessageId || field.hintId)) {\n    // Prepend the field's validation message and/or hint to the user's aria-describedby\n    root['aria-describedby'] = [field?.validationMessageId, field?.hintId, root['aria-describedby']]\n      .filter(Boolean)\n      .join(' ');\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"],"names":["React","useFieldContext_unstable","getNativeElementProps","resolveShorthand","clampValue","clampMax","useProgressBar_unstable","props","ref","field","fieldState","validationState","color","shape","thickness","max","value","root","role","undefined","labelId","validationMessageId","hintId","filter","Boolean","join","bar","required","state","components"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,wBAAwB,QAAQ,wBAAwB;AACjE,SAASC,qBAAqB,EAAEC,gBAAgB,QAAQ,4BAA4B;AACpF,SAASC,UAAU,EAAEC,QAAQ,QAAQ,oBAAoB;AAGzD;;;;;;;;CAQC,GACD,OAAO,MAAMC,0BAA0B,CAACC,OAAyBC,MAAkD;IACjH,MAAMC,QAAQR;IACd,MAAMS,aAAaD,kBAAAA,mBAAAA,KAAAA,IAAAA,MAAOE,eAAe;IAEzC,MAAM,EACJC,OAAQF,eAAe,WAAWA,eAAe,aAAaA,eAAe,YAAYA,aAAa,OAAO,CAAA,EAC7GG,OAAQ,UAAS,EACjBC,WAAY,SAAQ,EACrB,GAAGP;QACiBA;IAArB,MAAMQ,MAAMV,SAASE,CAAAA,aAAAA,MAAMQ,GAAG,cAATR,wBAAAA,aAAa,CAAC;IACnC,MAAMS,QAAQZ,WAAWG,MAAMS,KAAK,EAAED;IAEtC,MAAME,OAAOf,sBAAsB,OAAO;QACxCM;QACAU,MAAM;QACN,iBAAiBF,UAAUG,YAAY,IAAIA,SAAS;QACpD,iBAAiBH,UAAUG,YAAYJ,MAAMI,SAAS;QACtD,iBAAiBH;QACjB,mBAAmBP,kBAAAA,mBAAAA,KAAAA,IAAAA,MAAOW,OAAO;QACjC,GAAGb,KAAK;IACV;IAEA,IAAIE,SAAUA,CAAAA,MAAMY,mBAAmB,IAAIZ,MAAMa,MAAM,AAAD,GAAI;QACxD,oFAAoF;QACpFL,IAAI,CAAC,mBAAmB,GAAG;YAACR,kBAAAA,mBAAAA,KAAAA,IAAAA,MAAOY,mBAAmB;YAAEZ,kBAAAA,mBAAAA,KAAAA,IAAAA,MAAOa,MAAM;YAAEL,IAAI,CAAC,mBAAmB;SAAC,CAC7FM,MAAM,CAACC,SACPC,IAAI,CAAC;IACV,CAAC;IAED,MAAMC,MAAMvB,iBAAiBI,MAAMmB,GAAG,EAAE;QACtCC,UAAU,IAAI;IAChB;IAEA,MAAMC,QAA0B;QAC9BhB;QACAG;QACAF;QACAC;QACAE;QACAa,YAAY;YACVZ,MAAM;YACNS,KAAK;QACP;QACAT;QACAS;IACF;IAEA,OAAOE;AACT,EAAE"}
+{"version":3,"sources":["useProgressBar.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useFieldContext_unstable } from '@fluentui/react-field';\nimport { getNativeElementProps, slot } 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  const field = useFieldContext_unstable();\n  const fieldState = field?.validationState;\n\n  const {\n    color = fieldState === 'error' || fieldState === 'warning' || fieldState === 'success' ? fieldState : 'brand',\n    shape = 'rounded',\n    thickness = 'medium',\n  } = props;\n  const max = clampMax(props.max ?? 1);\n  const value = clampValue(props.value, max);\n\n  const root = slot.always(\n    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      'aria-labelledby': field?.labelId,\n      ...props,\n    }),\n    { elementType: 'div' },\n  );\n  if (field && (field.validationMessageId || field.hintId)) {\n    // Prepend the field's validation message and/or hint to the user's aria-describedby\n    root['aria-describedby'] = [field?.validationMessageId, field?.hintId, root['aria-describedby']]\n      .filter(Boolean)\n      .join(' ');\n  }\n  const bar = slot.always(props.bar, { elementType: 'div' });\n  const state: ProgressBarState = {\n    color,\n    max,\n    shape,\n    thickness,\n    value,\n    components: { root: 'div', bar: 'div' },\n    root,\n    bar,\n  };\n\n  return state;\n};\n"],"names":["React","useFieldContext_unstable","getNativeElementProps","slot","clampValue","clampMax","useProgressBar_unstable","props","ref","field","fieldState","validationState","color","shape","thickness","max","value","root","always","role","undefined","labelId","elementType","validationMessageId","hintId","filter","Boolean","join","bar","state","components"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,wBAAwB,QAAQ,wBAAwB;AACjE,SAASC,qBAAqB,EAAEC,IAAI,QAAQ,4BAA4B;AACxE,SAASC,UAAU,EAAEC,QAAQ,QAAQ,oBAAoB;AAGzD;;;;;;;;CAQC,GACD,OAAO,MAAMC,0BAA0B,CAACC,OAAyBC,MAAkD;IACjH,MAAMC,QAAQR;IACd,MAAMS,aAAaD,kBAAAA,mBAAAA,KAAAA,IAAAA,MAAOE,eAAe;IAEzC,MAAM,EACJC,OAAQF,eAAe,WAAWA,eAAe,aAAaA,eAAe,YAAYA,aAAa,OAAO,CAAA,EAC7GG,OAAQ,UAAS,EACjBC,WAAY,SAAQ,EACrB,GAAGP;QACiBA;IAArB,MAAMQ,MAAMV,SAASE,CAAAA,aAAAA,MAAMQ,GAAG,cAATR,wBAAAA,aAAa,CAAC;IACnC,MAAMS,QAAQZ,WAAWG,MAAMS,KAAK,EAAED;IAEtC,MAAME,OAAOd,KAAKe,MAAM,CACtBhB,sBAAsB,OAAO;QAC3BM;QACAW,MAAM;QACN,iBAAiBH,UAAUI,YAAY,IAAIA,SAAS;QACpD,iBAAiBJ,UAAUI,YAAYL,MAAMK,SAAS;QACtD,iBAAiBJ;QACjB,mBAAmBP,kBAAAA,mBAAAA,KAAAA,IAAAA,MAAOY,OAAO;QACjC,GAAGd,KAAK;IACV,IACA;QAAEe,aAAa;IAAM;IAEvB,IAAIb,SAAUA,CAAAA,MAAMc,mBAAmB,IAAId,MAAMe,MAAM,AAAD,GAAI;QACxD,oFAAoF;QACpFP,IAAI,CAAC,mBAAmB,GAAG;YAACR,kBAAAA,mBAAAA,KAAAA,IAAAA,MAAOc,mBAAmB;YAAEd,kBAAAA,mBAAAA,KAAAA,IAAAA,MAAOe,MAAM;YAAEP,IAAI,CAAC,mBAAmB;SAAC,CAC7FQ,MAAM,CAACC,SACPC,IAAI,CAAC;IACV,CAAC;IACD,MAAMC,MAAMzB,KAAKe,MAAM,CAACX,MAAMqB,GAAG,EAAE;QAAEN,aAAa;IAAM;IACxD,MAAMO,QAA0B;QAC9BjB;QACAG;QACAF;QACAC;QACAE;QACAc,YAAY;YAAEb,MAAM;YAAOW,KAAK;QAAM;QACtCX;QACAW;IACF;IAEA,OAAOC;AACT,EAAE"}

package/lib/components/ProgressBar/useProgressBarStyles.styles.js

@@ -98,13 +98,13 @@ const useBarStyles = /*#__PURE__*/__styles({
 }, {
   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;}}", {
+  }], ["@media screen and (prefers-reduced-motion: reduce){.f4akx1t{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;}}", {
+  }], ["@media screen and (prefers-reduced-motion: reduce){.f18p5put{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%;}}"]
+  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{animation-name:f1keuaan;}", ".f14gig94{animation-name:f10x8f8u;}", ".f1a27w2r{animation-duration:3s;}", ".f452v7t{animation-timing-function:linear;}", ".f1cpbl36{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: ["@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

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

@@ -9,6 +9,6 @@ Object.defineProperty(exports, "renderProgressBar_unstable", {
 const _reactJsxRuntime = require("@fluentui/react-jsx-runtime");
 const _reactUtilities = require("@fluentui/react-utilities");
 const renderProgressBar_unstable = (state)=>{
-    const { slots , slotProps  } = (0, _reactUtilities.getSlotsNext)(state);
-    return /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(slots.root, slotProps.root, slots.bar && /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(slots.bar, slotProps.bar));
+    (0, _reactUtilities.assertSlots)(state);
+    return /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(state.root, null, state.bar && /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(state.bar, null));
 };

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

@@ -1 +1 @@
-{"version":3,"sources":["renderProgressBar.js"],"sourcesContent":["/** @jsxRuntime classic */ /** @jsx createElement */ import { createElement } from '@fluentui/react-jsx-runtime';\nimport { getSlotsNext } from '@fluentui/react-utilities';\n/**\n * Render the final JSX of ProgressBar\n */ export const renderProgressBar_unstable = (state)=>{\n    const { slots , slotProps  } = getSlotsNext(state);\n    return /*#__PURE__*/ createElement(slots.root, slotProps.root, slots.bar && /*#__PURE__*/ createElement(slots.bar, slotProps.bar));\n};\n"],"names":["renderProgressBar_unstable","state","slots","slotProps","getSlotsNext","createElement","root","bar"],"mappings":"AAAA,wBAAwB,GAAG,uBAAuB;;;;+BAIjCA;;aAAAA;;iCAJkE;gCACtD;AAGlB,MAAMA,6BAA6B,CAACC,QAAQ;IACnD,MAAM,EAAEC,MAAK,EAAGC,UAAS,EAAG,GAAGC,IAAAA,4BAAY,EAACH;IAC5C,OAAO,WAAW,GAAGI,IAAAA,8BAAa,EAACH,MAAMI,IAAI,EAAEH,UAAUG,IAAI,EAAEJ,MAAMK,GAAG,IAAI,WAAW,GAAGF,IAAAA,8BAAa,EAACH,MAAMK,GAAG,EAAEJ,UAAUI,GAAG;AACpI"}
+{"version":3,"sources":["renderProgressBar.js"],"sourcesContent":["/** @jsxRuntime classic */ /** @jsx createElement */ import { createElement } from '@fluentui/react-jsx-runtime';\nimport { assertSlots } from '@fluentui/react-utilities';\n/**\n * Render the final JSX of ProgressBar\n */ export const renderProgressBar_unstable = (state)=>{\n    assertSlots(state);\n    return /*#__PURE__*/ createElement(state.root, null, state.bar && /*#__PURE__*/ createElement(state.bar, null));\n};\n"],"names":["renderProgressBar_unstable","state","assertSlots","createElement","root","bar"],"mappings":"AAAA,wBAAwB,GAAG,uBAAuB;;;;+BAIjCA;;aAAAA;;iCAJkE;gCACvD;AAGjB,MAAMA,6BAA6B,CAACC,QAAQ;IACnDC,IAAAA,2BAAW,EAACD;IACZ,OAAO,WAAW,GAAGE,IAAAA,8BAAa,EAACF,MAAMG,IAAI,EAAE,IAAI,EAAEH,MAAMI,GAAG,IAAI,WAAW,GAAGF,IAAAA,8BAAa,EAACF,MAAMI,GAAG,EAAE,IAAI;AACjH"}

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

@@ -18,7 +18,7 @@ const useProgressBar_unstable = (props, ref)=>{
     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', {
+    const root = _reactUtilities.slot.always((0, _reactUtilities.getNativeElementProps)('div', {
         ref,
         role: 'progressbar',
         'aria-valuemin': value !== undefined ? 0 : undefined,
@@ -26,6 +26,8 @@ const useProgressBar_unstable = (props, ref)=>{
         'aria-valuenow': value,
         'aria-labelledby': field === null || field === void 0 ? void 0 : field.labelId,
         ...props
+    }), {
+        elementType: 'div'
     });
     if (field && (field.validationMessageId || field.hintId)) {
         // Prepend the field's validation message and/or hint to the user's aria-describedby
@@ -35,8 +37,8 @@ const useProgressBar_unstable = (props, ref)=>{
             root['aria-describedby']
         ].filter(Boolean).join(' ');
     }
-    const bar = (0, _reactUtilities.resolveShorthand)(props.bar, {
-        required: true
+    const bar = _reactUtilities.slot.always(props.bar, {
+        elementType: 'div'
     });
     const state = {
         color,

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

@@ -1 +1 @@
-{"version":3,"sources":["useProgressBar.js"],"sourcesContent":["import * as React from 'react';\nimport { useFieldContext_unstable } from '@fluentui/react-field';\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 */ export const useProgressBar_unstable = (props, ref)=>{\n    const field = useFieldContext_unstable();\n    const fieldState = field === null || field === void 0 ? void 0 : field.validationState;\n    const { color =fieldState === 'error' || fieldState === 'warning' || fieldState === 'success' ? fieldState : 'brand' , shape ='rounded' , thickness ='medium'  } = 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        'aria-labelledby': field === null || field === void 0 ? void 0 : field.labelId,\n        ...props\n    });\n    if (field && (field.validationMessageId || field.hintId)) {\n        // Prepend the field's validation message and/or hint to the user's aria-describedby\n        root['aria-describedby'] = [\n            field === null || field === void 0 ? void 0 : field.validationMessageId,\n            field === null || field === void 0 ? void 0 : field.hintId,\n            root['aria-describedby']\n        ].filter(Boolean).join(' ');\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"],"names":["useProgressBar_unstable","props","ref","field","useFieldContext_unstable","fieldState","validationState","color","shape","thickness","_props_max","max","clampMax","value","clampValue","root","getNativeElementProps","role","undefined","labelId","validationMessageId","hintId","filter","Boolean","join","bar","resolveShorthand","required","state","components"],"mappings":";;;;+BAYiBA;;aAAAA;;;6DAZM;4BACkB;gCACe;uBACnB;AAS1B,MAAMA,0BAA0B,CAACC,OAAOC,MAAM;IACrD,MAAMC,QAAQC,IAAAA,oCAAwB;IACtC,MAAMC,aAAaF,UAAU,IAAI,IAAIA,UAAU,KAAK,IAAI,KAAK,IAAIA,MAAMG,eAAe;IACtF,MAAM,EAAEC,OAAOF,eAAe,WAAWA,eAAe,aAAaA,eAAe,YAAYA,aAAa,OAAO,CAAA,EAAGG,OAAO,UAAS,EAAGC,WAAW,SAAQ,EAAG,GAAGR;IACnK,IAAIS;IACJ,MAAMC,MAAMC,IAAAA,eAAQ,EAAC,AAACF,CAAAA,aAAaT,MAAMU,GAAG,AAAD,MAAO,IAAI,IAAID,eAAe,KAAK,IAAIA,aAAa,CAAC;IAChG,MAAMG,QAAQC,IAAAA,iBAAU,EAACb,MAAMY,KAAK,EAAEF;IACtC,MAAMI,OAAOC,IAAAA,qCAAqB,EAAC,OAAO;QACtCd;QACAe,MAAM;QACN,iBAAiBJ,UAAUK,YAAY,IAAIA,SAAS;QACpD,iBAAiBL,UAAUK,YAAYP,MAAMO,SAAS;QACtD,iBAAiBL;QACjB,mBAAmBV,UAAU,IAAI,IAAIA,UAAU,KAAK,IAAI,KAAK,IAAIA,MAAMgB,OAAO;QAC9E,GAAGlB,KAAK;IACZ;IACA,IAAIE,SAAUA,CAAAA,MAAMiB,mBAAmB,IAAIjB,MAAMkB,MAAM,AAAD,GAAI;QACtD,oFAAoF;QACpFN,IAAI,CAAC,mBAAmB,GAAG;YACvBZ,UAAU,IAAI,IAAIA,UAAU,KAAK,IAAI,KAAK,IAAIA,MAAMiB,mBAAmB;YACvEjB,UAAU,IAAI,IAAIA,UAAU,KAAK,IAAI,KAAK,IAAIA,MAAMkB,MAAM;YAC1DN,IAAI,CAAC,mBAAmB;SAC3B,CAACO,MAAM,CAACC,SAASC,IAAI,CAAC;IAC3B,CAAC;IACD,MAAMC,MAAMC,IAAAA,gCAAgB,EAACzB,MAAMwB,GAAG,EAAE;QACpCE,UAAU,IAAI;IAClB;IACA,MAAMC,QAAQ;QACVrB;QACAI;QACAH;QACAC;QACAI;QACAgB,YAAY;YACRd,MAAM;YACNU,KAAK;QACT;QACAV;QACAU;IACJ;IACA,OAAOG;AACX"}
+{"version":3,"sources":["useProgressBar.js"],"sourcesContent":["import * as React from 'react';\nimport { useFieldContext_unstable } from '@fluentui/react-field';\nimport { getNativeElementProps, slot } 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 */ export const useProgressBar_unstable = (props, ref)=>{\n    const field = useFieldContext_unstable();\n    const fieldState = field === null || field === void 0 ? void 0 : field.validationState;\n    const { color =fieldState === 'error' || fieldState === 'warning' || fieldState === 'success' ? fieldState : 'brand' , shape ='rounded' , thickness ='medium'  } = 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 = slot.always(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        'aria-labelledby': field === null || field === void 0 ? void 0 : field.labelId,\n        ...props\n    }), {\n        elementType: 'div'\n    });\n    if (field && (field.validationMessageId || field.hintId)) {\n        // Prepend the field's validation message and/or hint to the user's aria-describedby\n        root['aria-describedby'] = [\n            field === null || field === void 0 ? void 0 : field.validationMessageId,\n            field === null || field === void 0 ? void 0 : field.hintId,\n            root['aria-describedby']\n        ].filter(Boolean).join(' ');\n    }\n    const bar = slot.always(props.bar, {\n        elementType: 'div'\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"],"names":["useProgressBar_unstable","props","ref","field","useFieldContext_unstable","fieldState","validationState","color","shape","thickness","_props_max","max","clampMax","value","clampValue","root","slot","always","getNativeElementProps","role","undefined","labelId","elementType","validationMessageId","hintId","filter","Boolean","join","bar","state","components"],"mappings":";;;;+BAYiBA;;aAAAA;;;6DAZM;4BACkB;gCACG;uBACP;AAS1B,MAAMA,0BAA0B,CAACC,OAAOC,MAAM;IACrD,MAAMC,QAAQC,IAAAA,oCAAwB;IACtC,MAAMC,aAAaF,UAAU,IAAI,IAAIA,UAAU,KAAK,IAAI,KAAK,IAAIA,MAAMG,eAAe;IACtF,MAAM,EAAEC,OAAOF,eAAe,WAAWA,eAAe,aAAaA,eAAe,YAAYA,aAAa,OAAO,CAAA,EAAGG,OAAO,UAAS,EAAGC,WAAW,SAAQ,EAAG,GAAGR;IACnK,IAAIS;IACJ,MAAMC,MAAMC,IAAAA,eAAQ,EAAC,AAACF,CAAAA,aAAaT,MAAMU,GAAG,AAAD,MAAO,IAAI,IAAID,eAAe,KAAK,IAAIA,aAAa,CAAC;IAChG,MAAMG,QAAQC,IAAAA,iBAAU,EAACb,MAAMY,KAAK,EAAEF;IACtC,MAAMI,OAAOC,oBAAI,CAACC,MAAM,CAACC,IAAAA,qCAAqB,EAAC,OAAO;QAClDhB;QACAiB,MAAM;QACN,iBAAiBN,UAAUO,YAAY,IAAIA,SAAS;QACpD,iBAAiBP,UAAUO,YAAYT,MAAMS,SAAS;QACtD,iBAAiBP;QACjB,mBAAmBV,UAAU,IAAI,IAAIA,UAAU,KAAK,IAAI,KAAK,IAAIA,MAAMkB,OAAO;QAC9E,GAAGpB,KAAK;IACZ,IAAI;QACAqB,aAAa;IACjB;IACA,IAAInB,SAAUA,CAAAA,MAAMoB,mBAAmB,IAAIpB,MAAMqB,MAAM,AAAD,GAAI;QACtD,oFAAoF;QACpFT,IAAI,CAAC,mBAAmB,GAAG;YACvBZ,UAAU,IAAI,IAAIA,UAAU,KAAK,IAAI,KAAK,IAAIA,MAAMoB,mBAAmB;YACvEpB,UAAU,IAAI,IAAIA,UAAU,KAAK,IAAI,KAAK,IAAIA,MAAMqB,MAAM;YAC1DT,IAAI,CAAC,mBAAmB;SAC3B,CAACU,MAAM,CAACC,SAASC,IAAI,CAAC;IAC3B,CAAC;IACD,MAAMC,MAAMZ,oBAAI,CAACC,MAAM,CAAChB,MAAM2B,GAAG,EAAE;QAC/BN,aAAa;IACjB;IACA,MAAMO,QAAQ;QACVtB;QACAI;QACAH;QACAC;QACAI;QACAiB,YAAY;YACRf,MAAM;YACNa,KAAK;QACT;QACAb;QACAa;IACJ;IACA,OAAOC;AACX"}

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

@@ -178,13 +178,13 @@ const indeterminateProgressBar = {
             }
         ],
         [
-            "@media screen and (prefers-reduced-motion: reduce){.f4akx1t{-webkit-animation-duration:0.01ms;animation-duration:0.01ms;}}",
+            "@media screen and (prefers-reduced-motion: reduce){.f4akx1t{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;}}",
+            "@media screen and (prefers-reduced-motion: reduce){.f18p5put{animation-iteration-count:1;}}",
             {
                 m: "screen and (prefers-reduced-motion: reduce)"
             }
@@ -203,19 +203,17 @@ const indeterminateProgressBar = {
         ".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;}",
+        ".fwd2bol{animation-name:f1keuaan;}",
+        ".f14gig94{animation-name:f10x8f8u;}",
+        ".f1a27w2r{animation-duration:3s;}",
+        ".f452v7t{animation-timing-function:linear;}",
+        ".f1cpbl36{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%;}}"
     ]

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

@@ -1 +1 @@
-{"version":3,"sources":["useProgressBarStyles.styles.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.styles.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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"}
+{"version":3,"sources":["useProgressBarStyles.styles.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{animation-duration:0.01ms;}}\", {\n    m: \"screen and (prefers-reduced-motion: reduce)\"\n  }], [\"@media screen and (prefers-reduced-motion: reduce){.f18p5put{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{animation-name:f1keuaan;}\", \".f14gig94{animation-name:f10x8f8u;}\", \".f1a27w2r{animation-duration:3s;}\", \".f452v7t{animation-timing-function:linear;}\", \".f1cpbl36{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: [\"@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.styles.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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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-progress",
-  "version": "9.1.24",
+  "version": "9.1.26",
   "description": "Progress component for FluentUI v9",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -33,12 +33,12 @@
     "@fluentui/scripts-tasks": "*"
   },
   "dependencies": {
-    "@fluentui/react-field": "^9.1.14",
-    "@fluentui/react-jsx-runtime": "9.0.0-alpha.12",
-    "@fluentui/react-shared-contexts": "^9.7.0",
-    "@fluentui/react-theme": "^9.1.9",
-    "@fluentui/react-utilities": "^9.10.1",
-    "@griffel/react": "^1.5.7",
+    "@fluentui/react-field": "^9.1.16",
+    "@fluentui/react-jsx-runtime": "9.0.0-alpha.14",
+    "@fluentui/react-shared-contexts": "^9.7.2",
+    "@fluentui/react-theme": "^9.1.11",
+    "@fluentui/react-utilities": "^9.11.0",
+    "@griffel/react": "^1.5.14",
     "@swc/helpers": "^0.4.14"
   },
   "peerDependencies": {