@fluentui/react-progress 9.1.6 → 9.1.8

package/CHANGELOG.json

@@ -2,22 +2,49 @@
   "name": "@fluentui/react-progress",
   "entries": [
     {
-      "date": "Thu, 23 Mar 2023 12:28:45 GMT",
-      "tag": "@fluentui/react-progress_v9.1.6",
-      "version": "9.1.6",
+      "date": "Thu, 06 Apr 2023 23:59:49 GMT",
+      "tag": "@fluentui/react-progress_v9.1.8",
+      "version": "9.1.8",
+      "comments": {
+        "patch": [
+          {
+            "author": "behowell@microsoft.com",
+            "package": "@fluentui/react-progress",
+            "commit": "eee5716e76dc6a5bef9316546a352694bbe5750a",
+            "comment": "chore: Update package version of react-field"
+          },
+          {
+            "author": "behowell@microsoft.com",
+            "package": "@fluentui/react-progress",
+            "commit": "5a8d7a29645b3b500eb7145d2e42ac34fcafc4c6",
+            "comment": "chore: Hook up FieldContext for use inside a Field"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-progress",
+            "comment": "Bump @fluentui/react-field to v9.0.0-beta.1",
+            "commit": "7a46cab3d31a233b89b7188e994b24712af5393c"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Tue, 04 Apr 2023 18:44:50 GMT",
+      "tag": "@fluentui/react-progress_v9.1.7",
+      "version": "9.1.7",
       "comments": {
         "patch": [
           {
             "author": "beachball",
             "package": "@fluentui/react-progress",
-            "comment": "Bump @fluentui/react-field to v9.0.0-alpha.28",
-            "commit": "be0ca69899300abe3c8478c435e0f6837138479b"
+            "comment": "Bump @fluentui/react-field to v9.0.0-alpha.29",
+            "commit": "6778d76bbbad7e1975c151c797f28c2708cde2ce"
           },
           {
             "author": "beachball",
             "package": "@fluentui/react-progress",
-            "comment": "Bump @fluentui/react-shared-contexts to v9.3.3",
-            "commit": "be0ca69899300abe3c8478c435e0f6837138479b"
+            "comment": "Bump @fluentui/react-utilities to v9.7.3",
+            "commit": "6778d76bbbad7e1975c151c797f28c2708cde2ce"
           }
         ]
       }

package/CHANGELOG.md

@@ -1,18 +1,29 @@
 # Change Log - @fluentui/react-progress
 
-This log was last generated on Thu, 23 Mar 2023 12:28:45 GMT and should not be manually modified.
+This log was last generated on Thu, 06 Apr 2023 23:59:49 GMT and should not be manually modified.
 
 <!-- Start content -->
 
-## [9.1.6](https://github.com/microsoft/fluentui/tree/@fluentui/react-progress_v9.1.6)
+## [9.1.8](https://github.com/microsoft/fluentui/tree/@fluentui/react-progress_v9.1.8)
 
-Thu, 23 Mar 2023 12:28:45 GMT 
-[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-progress_v9.1.5..@fluentui/react-progress_v9.1.6)
+Thu, 06 Apr 2023 23:59:49 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-progress_v9.1.7..@fluentui/react-progress_v9.1.8)
 
 ### Patches
 
-- Bump @fluentui/react-field to v9.0.0-alpha.28 ([PR #27286](https://github.com/microsoft/fluentui/pull/27286) by beachball)
-- Bump @fluentui/react-shared-contexts to v9.3.3 ([PR #27286](https://github.com/microsoft/fluentui/pull/27286) by beachball)
+- chore: Update package version of react-field ([PR #27458](https://github.com/microsoft/fluentui/pull/27458) by behowell@microsoft.com)
+- chore: Hook up FieldContext for use inside a Field ([PR #27399](https://github.com/microsoft/fluentui/pull/27399) by behowell@microsoft.com)
+- Bump @fluentui/react-field to v9.0.0-beta.1 ([PR #27420](https://github.com/microsoft/fluentui/pull/27420) by beachball)
+
+## [9.1.7](https://github.com/microsoft/fluentui/tree/@fluentui/react-progress_v9.1.7)
+
+Tue, 04 Apr 2023 18:44:50 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-progress_v9.1.5..@fluentui/react-progress_v9.1.7)
+
+### Patches
+
+- Bump @fluentui/react-field to v9.0.0-alpha.29 ([PR #27434](https://github.com/microsoft/fluentui/pull/27434) by beachball)
+- Bump @fluentui/react-utilities to v9.7.3 ([PR #27434](https://github.com/microsoft/fluentui/pull/27434) by beachball)
 
 ## [9.1.5](https://github.com/microsoft/fluentui/tree/@fluentui/react-progress_v9.1.5)
 

package/lib/components/ProgressBar/useProgressBar.js

@@ -1,4 +1,5 @@
 import * as React from 'react';
+import { useFieldContext_unstable } from '@fluentui/react-field';
 import { getNativeElementProps, resolveShorthand } from '@fluentui/react-utilities';
 import { clampValue, clampMax } from '../../utils/index';
 /**
@@ -11,9 +12,10 @@ import { clampValue, clampMax } from '../../utils/index';
  * @param ref - reference to root HTMLElement of ProgressBar
  */
 export const useProgressBar_unstable = (props, ref) => {
-  // Props
+  const field = useFieldContext_unstable();
+  const fieldState = field === null || field === void 0 ? void 0 : field.validationState;
   const {
-    color = 'brand',
+    color = fieldState === 'error' || fieldState === 'warning' || fieldState === 'success' ? fieldState : 'brand',
     shape = 'rounded',
     thickness = 'medium'
   } = props;
@@ -26,8 +28,13 @@ export const useProgressBar_unstable = (props, ref) => {
     'aria-valuemin': value !== undefined ? 0 : undefined,
     'aria-valuemax': value !== undefined ? max : undefined,
     'aria-valuenow': value,
+    'aria-labelledby': field === null || field === void 0 ? void 0 : field.labelId,
     ...props
   });
+  if (field && (field.validationMessageId || field.hintId)) {
+    // Prepend the field's validation message and/or hint to the user's aria-describedby
+    root['aria-describedby'] = [field === null || field === void 0 ? void 0 : field.validationMessageId, field === null || field === void 0 ? void 0 : field.hintId, root['aria-describedby']].filter(Boolean).join(' ');
+  }
   const bar = resolveShorthand(props.bar, {
     required: true
   });

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

@@ -1 +1 @@
-{"version":3,"names":["React","getNativeElementProps","resolveShorthand","clampValue","clampMax","useProgressBar_unstable","props","ref","color","shape","thickness","_props_max","max","value","root","role","undefined","bar","required","state","components"],"sources":["../../../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":"AAAA,YAAYA,KAAA,MAAW;AACvB,SAASC,qBAAqB,EAAEC,gBAAgB,QAAQ;AACxD,SAASC,UAAU,EAAEC,QAAQ,QAAQ;AAGrC;;;;;;;;;AASA,OAAO,MAAMC,uBAAA,GAA0BA,CAACC,KAAA,EAAyBC,GAAA,KAAkD;EACjH;EACA,MAAM;IAAEC,KAAA,GAAQ;IAASC,KAAA,GAAQ;IAAWC,SAAA,GAAY;EAAQ,CAAE,GAAGJ,KAAA;MAChDK,UAAA;EAArB,MAAMC,GAAA,GAAMR,QAAA,CAAS,CAAAO,UAAA,GAAAL,KAAA,CAAMM,GAAG,cAATD,UAAA,cAAAA,UAAA,GAAa,CAAC;EACnC,MAAME,KAAA,GAAQV,UAAA,CAAWG,KAAA,CAAMO,KAAK,EAAED,GAAA;EAEtC,MAAME,IAAA,GAAOb,qBAAA,CAAsB,OAAO;IACxCM,GAAA;IACAQ,IAAA,EAAM;IACN,iBAAiBF,KAAA,KAAUG,SAAA,GAAY,IAAIA,SAAS;IACpD,iBAAiBH,KAAA,KAAUG,SAAA,GAAYJ,GAAA,GAAMI,SAAS;IACtD,iBAAiBH,KAAA;IACjB,GAAGP;EACL;EAEA,MAAMW,GAAA,GAAMf,gBAAA,CAAiBI,KAAA,CAAMW,GAAG,EAAE;IACtCC,QAAA,EAAU;EACZ;EAEA,MAAMC,KAAA,GAA0B;IAC9BX,KAAA;IACAI,GAAA;IACAH,KAAA;IACAC,SAAA;IACAG,KAAA;IACAO,UAAA,EAAY;MACVN,IAAA,EAAM;MACNG,GAAA,EAAK;IACP;IACAH,IAAA;IACAG;EACF;EAEA,OAAOE,KAAA;AACT"}
+{"version":3,"names":["React","useFieldContext_unstable","getNativeElementProps","resolveShorthand","clampValue","clampMax","useProgressBar_unstable","props","ref","field","fieldState","validationState","color","shape","thickness","_props_max","max","value","root","role","undefined","labelId","validationMessageId","hintId","filter","Boolean","join","bar","required","state","components"],"sources":["../../../src/components/ProgressBar/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"],"mappings":"AAAA,YAAYA,KAAA,MAAW;AACvB,SAASC,wBAAwB,QAAQ;AACzC,SAASC,qBAAqB,EAAEC,gBAAgB,QAAQ;AACxD,SAASC,UAAU,EAAEC,QAAQ,QAAQ;AAGrC;;;;;;;;;AASA,OAAO,MAAMC,uBAAA,GAA0BA,CAACC,KAAA,EAAyBC,GAAA,KAAkD;EACjH,MAAMC,KAAA,GAAQR,wBAAA;EACd,MAAMS,UAAA,GAAaD,KAAA,aAAAA,KAAA,uBAAAA,KAAA,CAAOE,eAAe;EAEzC,MAAM;IACJC,KAAA,GAAQF,UAAA,KAAe,WAAWA,UAAA,KAAe,aAAaA,UAAA,KAAe,YAAYA,UAAA,GAAa,OAAO;IAC7GG,KAAA,GAAQ;IACRC,SAAA,GAAY;EAAQ,CACrB,GAAGP,KAAA;MACiBQ,UAAA;EAArB,MAAMC,GAAA,GAAMX,QAAA,CAAS,CAAAU,UAAA,GAAAR,KAAA,CAAMS,GAAG,cAATD,UAAA,cAAAA,UAAA,GAAa,CAAC;EACnC,MAAME,KAAA,GAAQb,UAAA,CAAWG,KAAA,CAAMU,KAAK,EAAED,GAAA;EAEtC,MAAME,IAAA,GAAOhB,qBAAA,CAAsB,OAAO;IACxCM,GAAA;IACAW,IAAA,EAAM;IACN,iBAAiBF,KAAA,KAAUG,SAAA,GAAY,IAAIA,SAAS;IACpD,iBAAiBH,KAAA,KAAUG,SAAA,GAAYJ,GAAA,GAAMI,SAAS;IACtD,iBAAiBH,KAAA;IACjB,mBAAmBR,KAAA,aAAAA,KAAA,uBAAAA,KAAA,CAAOY,OAAO;IACjC,GAAGd;EACL;EAEA,IAAIE,KAAA,KAAUA,KAAA,CAAMa,mBAAmB,IAAIb,KAAA,CAAMc,MAAM,CAAD,EAAI;IACxD;IACAL,IAAI,CAAC,mBAAmB,GAAG,CAACT,KAAA,aAAAA,KAAA,uBAAAA,KAAA,CAAOa,mBAAmB,EAAEb,KAAA,aAAAA,KAAA,uBAAAA,KAAA,CAAOc,MAAM,EAAEL,IAAI,CAAC,mBAAmB,CAAC,CAC7FM,MAAM,CAACC,OAAA,EACPC,IAAI,CAAC;EACV;EAEA,MAAMC,GAAA,GAAMxB,gBAAA,CAAiBI,KAAA,CAAMoB,GAAG,EAAE;IACtCC,QAAA,EAAU;EACZ;EAEA,MAAMC,KAAA,GAA0B;IAC9BjB,KAAA;IACAI,GAAA;IACAH,KAAA;IACAC,SAAA;IACAG,KAAA;IACAa,UAAA,EAAY;MACVZ,IAAA,EAAM;MACNS,GAAA,EAAK;IACP;IACAT,IAAA;IACAS;EACF;EAEA,OAAOE,KAAA;AACT"}

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

@@ -8,11 +8,13 @@ Object.defineProperty(exports, "useProgressBar_unstable", {
 });
 const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
 const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
+const _reactField = require("@fluentui/react-field");
 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 field = (0, _reactField.useFieldContext_unstable)();
+    const fieldState = field === null || field === void 0 ? void 0 : field.validationState;
+    const { color =fieldState === 'error' || fieldState === 'warning' || fieldState === 'success' ? fieldState : '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);
@@ -22,8 +24,17 @@ const useProgressBar_unstable = (props, ref)=>{
         'aria-valuemin': value !== undefined ? 0 : undefined,
         'aria-valuemax': value !== undefined ? max : undefined,
         'aria-valuenow': value,
+        'aria-labelledby': field === null || field === void 0 ? void 0 : field.labelId,
         ...props
     });
+    if (field && (field.validationMessageId || field.hintId)) {
+        // Prepend the field's validation message and/or hint to the user's aria-describedby
+        root['aria-describedby'] = [
+            field === null || field === void 0 ? void 0 : field.validationMessageId,
+            field === null || field === void 0 ? void 0 : field.hintId,
+            root['aria-describedby']
+        ].filter(Boolean).join(' ');
+    }
     const bar = (0, _reactUtilities.resolveShorthand)(props.bar, {
         required: true
     });

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  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"}
+{"version":3,"sources":["../../../lib/components/ProgressBar/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 */\nexport const useProgressBar_unstable = (props, ref) => {\n  const field = useFieldContext_unstable();\n  const fieldState = field === null || field === void 0 ? void 0 : field.validationState;\n  const {\n    color = fieldState === 'error' || fieldState === 'warning' || fieldState === 'success' ? fieldState : '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    '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'] = [field === null || field === void 0 ? void 0 : field.validationMessageId, field === null || field === void 0 ? void 0 : field.hintId, root['aria-describedby']].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//# sourceMappingURL=useProgressBar.js.map"],"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":";;;;+BAaaA;;aAAAA;;;6DAbU;4BACkB;gCACe;uBACnB;AAU9B,MAAMA,0BAA0B,CAACC,OAAOC,MAAQ;IACrD,MAAMC,QAAQC,IAAAA,oCAAwB;IACtC,MAAMC,aAAaF,UAAU,IAAI,IAAIA,UAAU,KAAK,IAAI,KAAK,IAAIA,MAAMG,eAAe;IACtF,MAAM,EACJC,OAAQF,eAAe,WAAWA,eAAe,aAAaA,eAAe,YAAYA,aAAa,OAAO,CAAA,EAC7GG,OAAQ,UAAS,EACjBC,WAAY,SAAQ,EACrB,GAAGR;IACJ,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;QACxCd;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;IACV;IACA,IAAIE,SAAUA,CAAAA,MAAMiB,mBAAmB,IAAIjB,MAAMkB,MAAM,AAAD,GAAI;QACxD,oFAAoF;QACpFN,IAAI,CAAC,mBAAmB,GAAG;YAACZ,UAAU,IAAI,IAAIA,UAAU,KAAK,IAAI,KAAK,IAAIA,MAAMiB,mBAAmB;YAAEjB,UAAU,IAAI,IAAIA,UAAU,KAAK,IAAI,KAAK,IAAIA,MAAMkB,MAAM;YAAEN,IAAI,CAAC,mBAAmB;SAAC,CAACO,MAAM,CAACC,SAASC,IAAI,CAAC;IAClN,CAAC;IACD,MAAMC,MAAMC,IAAAA,gCAAgB,EAACzB,MAAMwB,GAAG,EAAE;QACtCE,UAAU,IAAI;IAChB;IACA,MAAMC,QAAQ;QACZrB;QACAI;QACAH;QACAC;QACAI;QACAgB,YAAY;YACVd,MAAM;YACNU,KAAK;QACP;QACAV;QACAU;IACF;IACA,OAAOG;AACT,GACA,0CAA0C"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-progress",
-  "version": "9.1.6",
+  "version": "9.1.8",
   "description": "Progress component for FluentUI v9",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -32,10 +32,10 @@
     "@fluentui/scripts-tasks": "*"
   },
   "dependencies": {
-    "@fluentui/react-field": "9.0.0-alpha.28",
+    "@fluentui/react-field": "9.0.0-beta.1",
     "@fluentui/react-shared-contexts": "^9.3.3",
     "@fluentui/react-theme": "^9.1.7",
-    "@fluentui/react-utilities": "^9.7.2",
+    "@fluentui/react-utilities": "^9.7.3",
     "@griffel/react": "^1.5.2",
     "@swc/helpers": "^0.4.14"
   },