@fluentui/react-progress 0.0.0-nightly-20221214-0424.1 → 0.0.0-nightly-20221215-0425.1

package/CHANGELOG.json

@@ -2,9 +2,9 @@
   "name": "@fluentui/react-progress",
   "entries": [
     {
-      "date": "Wed, 14 Dec 2022 04:32:46 GMT",
-      "tag": "@fluentui/react-progress_v0.0.0-nightly-20221214-0424.1",
-      "version": "0.0.0-nightly-20221214-0424.1",
+      "date": "Thu, 15 Dec 2022 04:33:16 GMT",
+      "tag": "@fluentui/react-progress_v0.0.0-nightly-20221215-0425.1",
+      "version": "0.0.0-nightly-20221215-0425.1",
       "comments": {
         "prerelease": [
           {
@@ -16,32 +16,32 @@
           {
             "author": "beachball",
             "package": "@fluentui/react-progress",
-            "comment": "Bump @fluentui/react-field to v0.0.0-nightly-20221214-0424.1",
-            "commit": "8b6bd666aa40c11f4193be7c180b14cb3f167f32"
+            "comment": "Bump @fluentui/react-field to v0.0.0-nightly-20221215-0425.1",
+            "commit": "3d0804ecb5f17d1a0e8623ac1952880f768aa5fb"
           },
           {
             "author": "beachball",
             "package": "@fluentui/react-progress",
-            "comment": "Bump @fluentui/react-shared-contexts to v0.0.0-nightly-20221214-0424.1",
-            "commit": "8b6bd666aa40c11f4193be7c180b14cb3f167f32"
+            "comment": "Bump @fluentui/react-shared-contexts to v0.0.0-nightly-20221215-0425.1",
+            "commit": "3d0804ecb5f17d1a0e8623ac1952880f768aa5fb"
           },
           {
             "author": "beachball",
             "package": "@fluentui/react-progress",
-            "comment": "Bump @fluentui/react-theme to v0.0.0-nightly-20221214-0424.1",
-            "commit": "8b6bd666aa40c11f4193be7c180b14cb3f167f32"
+            "comment": "Bump @fluentui/react-theme to v0.0.0-nightly-20221215-0425.1",
+            "commit": "3d0804ecb5f17d1a0e8623ac1952880f768aa5fb"
           },
           {
             "author": "beachball",
             "package": "@fluentui/react-progress",
-            "comment": "Bump @fluentui/react-utilities to v0.0.0-nightly-20221214-0424.1",
-            "commit": "8b6bd666aa40c11f4193be7c180b14cb3f167f32"
+            "comment": "Bump @fluentui/react-utilities to v0.0.0-nightly-20221215-0425.1",
+            "commit": "3d0804ecb5f17d1a0e8623ac1952880f768aa5fb"
           },
           {
             "author": "beachball",
             "package": "@fluentui/react-progress",
-            "comment": "Bump @fluentui/react-conformance-griffel to v0.0.0-nightly-20221214-0424.1",
-            "commit": "8b6bd666aa40c11f4193be7c180b14cb3f167f32"
+            "comment": "Bump @fluentui/react-conformance-griffel to v0.0.0-nightly-20221215-0425.1",
+            "commit": "3d0804ecb5f17d1a0e8623ac1952880f768aa5fb"
           }
         ]
       }

package/CHANGELOG.md

@@ -1,22 +1,22 @@
 # Change Log - @fluentui/react-progress
 
-This log was last generated on Wed, 14 Dec 2022 04:32:46 GMT and should not be manually modified.
+This log was last generated on Thu, 15 Dec 2022 04:33:16 GMT and should not be manually modified.
 
 <!-- Start content -->
 
-## [0.0.0-nightly-20221214-0424.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-progress_v0.0.0-nightly-20221214-0424.1)
+## [0.0.0-nightly-20221215-0425.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-progress_v0.0.0-nightly-20221215-0425.1)
 
-Wed, 14 Dec 2022 04:32:46 GMT 
-[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-progress_v9.0.0-alpha.7..@fluentui/react-progress_v0.0.0-nightly-20221214-0424.1)
+Thu, 15 Dec 2022 04:33:16 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-progress_v9.0.0-alpha.7..@fluentui/react-progress_v0.0.0-nightly-20221215-0425.1)
 
 ### Changes
 
 - Release nightly v9 ([commit](https://github.com/microsoft/fluentui/commit/not available) by fluentui-internal@service.microsoft.com)
-- Bump @fluentui/react-field to v0.0.0-nightly-20221214-0424.1 ([commit](https://github.com/microsoft/fluentui/commit/8b6bd666aa40c11f4193be7c180b14cb3f167f32) by beachball)
-- Bump @fluentui/react-shared-contexts to v0.0.0-nightly-20221214-0424.1 ([commit](https://github.com/microsoft/fluentui/commit/8b6bd666aa40c11f4193be7c180b14cb3f167f32) by beachball)
-- Bump @fluentui/react-theme to v0.0.0-nightly-20221214-0424.1 ([commit](https://github.com/microsoft/fluentui/commit/8b6bd666aa40c11f4193be7c180b14cb3f167f32) by beachball)
-- Bump @fluentui/react-utilities to v0.0.0-nightly-20221214-0424.1 ([commit](https://github.com/microsoft/fluentui/commit/8b6bd666aa40c11f4193be7c180b14cb3f167f32) by beachball)
-- Bump @fluentui/react-conformance-griffel to v0.0.0-nightly-20221214-0424.1 ([commit](https://github.com/microsoft/fluentui/commit/8b6bd666aa40c11f4193be7c180b14cb3f167f32) by beachball)
+- Bump @fluentui/react-field to v0.0.0-nightly-20221215-0425.1 ([commit](https://github.com/microsoft/fluentui/commit/3d0804ecb5f17d1a0e8623ac1952880f768aa5fb) by beachball)
+- Bump @fluentui/react-shared-contexts to v0.0.0-nightly-20221215-0425.1 ([commit](https://github.com/microsoft/fluentui/commit/3d0804ecb5f17d1a0e8623ac1952880f768aa5fb) by beachball)
+- Bump @fluentui/react-theme to v0.0.0-nightly-20221215-0425.1 ([commit](https://github.com/microsoft/fluentui/commit/3d0804ecb5f17d1a0e8623ac1952880f768aa5fb) by beachball)
+- Bump @fluentui/react-utilities to v0.0.0-nightly-20221215-0425.1 ([commit](https://github.com/microsoft/fluentui/commit/3d0804ecb5f17d1a0e8623ac1952880f768aa5fb) by beachball)
+- Bump @fluentui/react-conformance-griffel to v0.0.0-nightly-20221215-0425.1 ([commit](https://github.com/microsoft/fluentui/commit/3d0804ecb5f17d1a0e8623ac1952880f768aa5fb) by beachball)
 
 ## [9.0.0-alpha.7](https://github.com/microsoft/fluentui/tree/@fluentui/react-progress_v9.0.0-alpha.7)
 

package/dist/index.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 
-import type { ComponentProps } from '@fluentui/react-utilities';
+import { ComponentProps } from '@fluentui/react-utilities';
 import type { ComponentState } from '@fluentui/react-utilities';
 import { FieldControl } from '@fluentui/react-field';
 import type { FieldProps } from '@fluentui/react-field';
@@ -10,23 +10,26 @@ import * as React_2 from 'react';
 import type { Slot } from '@fluentui/react-utilities';
 import { SlotClassNames } from '@fluentui/react-utilities';
 
+/** @deprecated renamed to ProgressBar */
+export declare const Progress: React_2.ForwardRefExoticComponent<Omit<ComponentProps<ProgressBarSlots, "root">, "size"> & {
+    shape?: "rounded" | "rectangular" | undefined;
+    value?: number | undefined;
+    max?: number | undefined;
+    thickness?: "medium" | "large" | undefined;
+    validationState?: "error" | "success" | "warning" | undefined;
+} & React_2.RefAttributes<HTMLDivElement>>;
+
 /**
- * A progress bar shows the progression of a task.
+ * A ProgressBar bar shows the progression of a task.
  */
-export declare const Progress: ForwardRefComponent<ProgressProps>;
-
-export declare const progressClassNames: SlotClassNames<ProgressSlots>;
+export declare const ProgressBar: ForwardRefComponent<ProgressBarProps>;
 
-export declare const ProgressField_unstable: ForwardRefComponent<ProgressFieldProps_unstable>;
-
-export declare const progressFieldClassNames: SlotClassNames<FieldSlots<FieldControl>>;
-
-export declare type ProgressFieldProps_unstable = FieldProps<typeof Progress>;
+export declare const progressBarClassNames: SlotClassNames<ProgressBarSlots>;
 
 /**
- * Progress Props
+ * ProgressBar Props
  */
-export declare type ProgressProps = Omit<ComponentProps<ProgressSlots>, 'size'> & {
+export declare type ProgressBarProps = Omit<ComponentProps<ProgressBarSlots>, 'size'> & {
     /**
      * The shape of the bar and track.
      * @default 'rounded'
@@ -36,61 +39,88 @@ export declare type ProgressProps = Omit<ComponentProps<ProgressSlots>, 'size'>
      * A decimal number between `0` and `1` (or between `0` and `max` if given),
      * which specifies how much of the task has been completed.
      *
-     * If `undefined` (default), the Progress will display an **indeterminate** state.
+     * If `undefined` (default), the ProgressBar will display an **indeterminate** state.
      */
     value?: number;
     /**
      * The maximum value, which indicates the task is complete.
-     * The progress bar will be full when `value` equals `max`.
+     * The ProgressBar bar will be full when `value` equals `max`.
      * @default 1
      */
     max?: number;
     /**
-     * The thickness of the Progress bar
+     * The thickness of the ProgressBar bar
      * @default 'medium'
      */
     thickness?: 'medium' | 'large';
     /**
-     * The status of the progress bar. Changes the color of the bar.
+     * The status of the ProgressBar bar. Changes the color of the bar.
      */
     validationState?: 'success' | 'warning' | 'error';
 };
 
-export declare type ProgressSlots = {
+export declare type ProgressBarSlots = {
     /**
-     * The track behind the progress bar
+     * The track behind the ProgressBar bar
      */
     root: NonNullable<Slot<'div'>>;
     /**
-     * The filled portion of the progress bar. Animated in the indeterminate state, when no value is provided.
+     * The filled portion of the ProgressBar bar. Animated in the indeterminate state, when no value is provided.
      */
     bar?: NonNullable<Slot<'div'>>;
 };
 
 /**
- * State used in rendering Progress
+ * State used in rendering ProgressBar
  */
-export declare type ProgressState = ComponentState<ProgressSlots> & Required<Pick<ProgressProps, 'max' | 'shape' | 'thickness'>> & Pick<ProgressProps, 'value' | 'validationState'>;
+export declare type ProgressBarState = ComponentState<ProgressBarSlots> & Required<Pick<ProgressBarProps, 'max' | 'shape' | 'thickness'>> & Pick<ProgressBarProps, 'value' | 'validationState'>;
+
+/** @deprecated renamed to progressBarClassNames */
+export declare const progressClassNames: SlotClassNames<ProgressBarSlots>;
+
+export declare const ProgressField_unstable: ForwardRefComponent<ProgressFieldProps_unstable>;
+
+export declare const progressFieldClassNames: SlotClassNames<FieldSlots<FieldControl>>;
+
+export declare type ProgressFieldProps_unstable = FieldProps<typeof ProgressBar>;
+
+/** @deprecated renamed to ProgressBarProps */
+export declare type ProgressProps = ProgressBarProps;
+
+/** @deprecated renamed to ProgressBarSlots */
+export declare type ProgressSlots = ProgressBarSlots;
+
+/** @deprecated renamed to ProgressBarState */
+export declare type ProgressState = ProgressBarState;
+
+/** @deprecated renamed to renderProgressBar_unstable */
+export declare const renderProgress_unstable: (state: ProgressBarState) => JSX.Element;
 
 /**
- * Render the final JSX of Progress
+ * Render the final JSX of ProgressBar
  */
-export declare const renderProgress_unstable: (state: ProgressState) => JSX.Element;
+export declare const renderProgressBar_unstable: (state: ProgressBarState) => JSX.Element;
+
+/** @deprecated renamed to useProgressBar_unstable */
+export declare const useProgress_unstable: (props: ProgressBarProps, ref: React_2.Ref<HTMLElement>) => ProgressBarState;
 
 /**
- * Create the state required to render Progress.
+ * Create the state required to render ProgressBar.
  *
- * The returned state can be modified with hooks such as useProgressStyles_unstable,
- * before being passed to renderProgress_unstable.
+ * 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 Progress
- * @param ref - reference to root HTMLElement of Progress
+ * @param props - props from this instance of ProgressBar
+ * @param ref - reference to root HTMLElement of ProgressBar
  */
-export declare const useProgress_unstable: (props: ProgressProps, ref: React_2.Ref<HTMLElement>) => ProgressState;
+export declare const useProgressBar_unstable: (props: ProgressBarProps, ref: React_2.Ref<HTMLElement>) => ProgressBarState;
 
 /**
- * Apply styling to the Progress slots based on the state
+ * Apply styling to the ProgressBar slots based on the state
  */
-export declare const useProgressStyles_unstable: (state: ProgressState) => ProgressState;
+export declare const useProgressBarStyles_unstable: (state: ProgressBarState) => ProgressBarState;
+
+/** @deprecated renamed to useProgressBarStyles_unstable */
+export declare const useProgressStyles_unstable: (state: ProgressBarState) => ProgressBarState;
 
 export { }

package/lib/ProgressBar.js

@@ -0,0 +1,2 @@
+export * from './components/ProgressBar/index';
+//# sourceMappingURL=ProgressBar.js.map

package/lib/ProgressBar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressBar.js","sourceRoot":"","sources":["../../../../../../../packages/react-components/react-progress/src/ProgressBar.ts"],"names":[],"mappings":"AAAA,cAAc,gCAAgC,CAAC","sourcesContent":["export * from './components/ProgressBar/index';\n"]}

package/lib/components/ProgressBar/ProgressBar.js

@@ -0,0 +1,19 @@
+import * as React from 'react';
+import { useProgressBar_unstable } from './useProgressBar';
+import { renderProgressBar_unstable } from './renderProgressBar';
+import { useProgressBarStyles_unstable } from './useProgressBarStyles';
+/**
+ * A ProgressBar bar shows the progression of a task.
+ */
+
+export const ProgressBar = /*#__PURE__*/React.forwardRef((props, ref) => {
+  const state = useProgressBar_unstable(props, ref);
+  useProgressBarStyles_unstable(state);
+  return renderProgressBar_unstable(state);
+}); // TODO #25997: Remove deprecated export before ProgressBar is released as stable
+
+/** @deprecated renamed to ProgressBar */
+
+export const Progress = ProgressBar;
+ProgressBar.displayName = 'ProgressBar';
+//# sourceMappingURL=ProgressBar.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../../../packages/react-components/react-progress/src/components/ProgressBar/ProgressBar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AACA,SAAS,uBAAT,QAAwC,kBAAxC;AACA,SAAS,0BAAT,QAA2C,qBAA3C;AACA,SAAS,6BAAT,QAA8C,wBAA9C;AAIA;;AAEG;;AACH,OAAO,MAAM,WAAW,gBAA0C,KAAK,CAAC,UAAN,CAAiB,CAAC,KAAD,EAAQ,GAAR,KAAe;EAChG,MAAM,KAAK,GAAG,uBAAuB,CAAC,KAAD,EAAQ,GAAR,CAArC;EAEA,6BAA6B,CAAC,KAAD,CAA7B;EACA,OAAO,0BAA0B,CAAC,KAAD,CAAjC;AACD,CALiE,CAA3D,C,CAOP;;AACA;;AACA,OAAO,MAAM,QAAQ,GAAG,WAAjB;AAEP,WAAW,CAAC,WAAZ,GAA0B,aAA1B","sourcesContent":["import * as React from 'react';\nimport { useProgressBar_unstable } from './useProgressBar';\nimport { renderProgressBar_unstable } from './renderProgressBar';\nimport { useProgressBarStyles_unstable } from './useProgressBarStyles';\nimport type { ProgressBarProps } from './ProgressBar.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\n\n/**\n * A ProgressBar bar shows the progression of a task.\n */\nexport const ProgressBar: ForwardRefComponent<ProgressBarProps> = React.forwardRef((props, ref) => {\n  const state = useProgressBar_unstable(props, ref);\n\n  useProgressBarStyles_unstable(state);\n  return renderProgressBar_unstable(state);\n});\n\n// TODO #25997: Remove deprecated export before ProgressBar is released as stable\n/** @deprecated renamed to ProgressBar */\nexport const Progress = ProgressBar;\n\nProgressBar.displayName = 'ProgressBar';\n"],"sourceRoot":""}

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

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=ProgressBar.types.js.map

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

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

package/lib/components/ProgressBar/index.js

@@ -0,0 +1,6 @@
+export * from './ProgressBar';
+export * from './ProgressBar.types';
+export * from './renderProgressBar';
+export * from './useProgressBar';
+export * from './useProgressBarStyles';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-progress/src/components/ProgressBar/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC;AAC9B,cAAc,qBAAqB,CAAC;AACpC,cAAc,qBAAqB,CAAC;AACpC,cAAc,kBAAkB,CAAC;AACjC,cAAc,wBAAwB,CAAC","sourcesContent":["export * from './ProgressBar';\nexport * from './ProgressBar.types';\nexport * from './renderProgressBar';\nexport * from './useProgressBar';\nexport * from './useProgressBarStyles';\n"]}

package/lib/components/ProgressBar/renderProgressBar.js

@@ -0,0 +1,20 @@
+import * as React from 'react';
+import { getSlots } from '@fluentui/react-utilities';
+/**
+ * Render the final JSX of ProgressBar
+ */
+
+export const renderProgressBar_unstable = state => {
+  const {
+    slots,
+    slotProps
+  } = getSlots(state);
+  return /*#__PURE__*/React.createElement(slots.root, { ...slotProps.root
+  }, slots.bar && /*#__PURE__*/React.createElement(slots.bar, { ...slotProps.bar
+  }));
+}; // TODO #25997: Remove deprecated export before ProgressBar is released as stable
+
+/** @deprecated renamed to renderProgressBar_unstable */
+
+export const renderProgress_unstable = renderProgressBar_unstable;
+//# sourceMappingURL=renderProgressBar.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../../../packages/react-components/react-progress/src/components/ProgressBar/renderProgressBar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AACA,SAAS,QAAT,QAAyB,2BAAzB;AAGA;;AAEG;;AACH,OAAO,MAAM,0BAA0B,GAAI,KAAD,IAA4B;EACpE,MAAM;IAAE,KAAF;IAAS;EAAT,IAAuB,QAAQ,CAAmB,KAAnB,CAArC;EACA,oBAAO,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,IAAP,EAAW,EAAA,GAAK,SAAS,CAAC;EAAf,CAAX,EAAiC,KAAK,CAAC,GAAN,iBAAa,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,GAAP,EAAU,EAAA,GAAK,SAAS,CAAC;EAAf,CAAV,CAA9C,CAAP;AACD,CAHM,C,CAKP;;AACA;;AACA,OAAO,MAAM,uBAAuB,GAAG,0BAAhC","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\n// TODO #25997: Remove deprecated export before ProgressBar is released as stable\n/** @deprecated renamed to renderProgressBar_unstable */\nexport const renderProgress_unstable = renderProgressBar_unstable;\n"],"sourceRoot":""}

package/lib/components/{Progress/useProgress.js → ProgressBar/useProgressBar.js}

@@ -1,15 +1,15 @@
 import { getNativeElementProps, resolveShorthand } from '@fluentui/react-utilities';
 /**
- * Create the state required to render Progress.
+ * Create the state required to render ProgressBar.
  *
- * The returned state can be modified with hooks such as useProgressStyles_unstable,
- * before being passed to renderProgress_unstable.
+ * 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 Progress
- * @param ref - reference to root HTMLElement of Progress
+ * @param props - props from this instance of ProgressBar
+ * @param ref - reference to root HTMLElement of ProgressBar
  */
 
-export const useProgress_unstable = (props, ref) => {
+export const useProgressBar_unstable = (props, ref) => {
   // Props
   const {
     max = 1.0,
@@ -43,5 +43,9 @@ export const useProgress_unstable = (props, ref) => {
     bar
   };
   return state;
-};
-//# sourceMappingURL=useProgress.js.map
+}; // TODO #25997: Remove deprecated export before ProgressBar is released as stable
+
+/** @deprecated renamed to useProgressBar_unstable */
+
+export const useProgress_unstable = useProgressBar_unstable;
+//# sourceMappingURL=useProgressBar.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../../../packages/react-components/react-progress/src/components/ProgressBar/useProgressBar.tsx"],"names":[],"mappings":"AACA,SAAS,qBAAT,EAAgC,gBAAhC,QAAwD,2BAAxD;AAGA;;;;;;;;AAQG;;AACH,OAAO,MAAM,uBAAuB,GAAG,CAAC,KAAD,EAA0B,GAA1B,KAA2E;EAChH;EACA,MAAM;IAAE,GAAG,GAAG,GAAR;IAAa,KAAK,GAAG,SAArB;IAAgC,SAAS,GAAG,QAA5C;IAAsD,eAAtD;IAAuE;EAAvE,IAAiF,KAAvF;EAEA,MAAM,IAAI,GAAG,qBAAqB,CAAC,KAAD,EAAQ;IACxC,GADwC;IAExC,IAAI,EAAE,aAFkC;IAGxC,iBAAiB,KAAK,KAAK,SAAV,GAAsB,CAAtB,GAA0B,SAHH;IAIxC,iBAAiB,KAAK,KAAK,SAAV,GAAsB,GAAtB,GAA4B,SAJL;IAKxC,iBAAiB,KALuB;IAMxC,GAAG;EANqC,CAAR,CAAlC;EASA,MAAM,GAAG,GAAG,gBAAgB,CAAC,KAAK,CAAC,GAAP,EAAY;IACtC,QAAQ,EAAE;EAD4B,CAAZ,CAA5B;EAIA,MAAM,KAAK,GAAqB;IAC9B,GAD8B;IAE9B,KAF8B;IAG9B,SAH8B;IAI9B,KAJ8B;IAK9B,eAL8B;IAM9B,UAAU,EAAE;MACV,IAAI,EAAE,KADI;MAEV,GAAG,EAAE;IAFK,CANkB;IAU9B,IAV8B;IAW9B;EAX8B,CAAhC;EAcA,OAAO,KAAP;AACD,CAhCM,C,CAkCP;;AACA;;AACA,OAAO,MAAM,oBAAoB,GAAG,uBAA7B","sourcesContent":["import * as React from 'react';\nimport { getNativeElementProps, resolveShorthand } from '@fluentui/react-utilities';\nimport type { ProgressBarProps, ProgressBarState } from './ProgressBar.types';\n\n/**\n * Create the state required to render ProgressBar.\n *\n * The returned state can be modified with hooks such as useProgressBarStyles_unstable,\n * before being passed to renderProgressBar_unstable.\n *\n * @param props - props from this instance of ProgressBar\n * @param ref - reference to root HTMLElement of ProgressBar\n */\nexport const useProgressBar_unstable = (props: ProgressBarProps, ref: React.Ref<HTMLElement>): ProgressBarState => {\n  // Props\n  const { max = 1.0, shape = 'rounded', thickness = 'medium', validationState, value } = props;\n\n  const root = getNativeElementProps('div', {\n    ref,\n    role: 'progressbar',\n    'aria-valuemin': value !== undefined ? 0 : undefined,\n    'aria-valuemax': value !== undefined ? max : undefined,\n    'aria-valuenow': value,\n    ...props,\n  });\n\n  const bar = resolveShorthand(props.bar, {\n    required: true,\n  });\n\n  const state: ProgressBarState = {\n    max,\n    shape,\n    thickness,\n    value,\n    validationState,\n    components: {\n      root: 'div',\n      bar: 'div',\n    },\n    root,\n    bar,\n  };\n\n  return state;\n};\n\n// TODO #25997: Remove deprecated export before ProgressBar is released as stable\n/** @deprecated renamed to useProgressBar_unstable */\nexport const useProgress_unstable = useProgressBar_unstable;\n"],"sourceRoot":""}

package/lib/components/{Progress/useProgressStyles.js → ProgressBar/useProgressBarStyles.js}

@@ -1,10 +1,14 @@
 import { __styles, mergeClasses, shorthands } from '@griffel/react';
 import { tokens } from '@fluentui/react-theme';
 import { useFluent_unstable as useFluent } from '@fluentui/react-shared-contexts';
-export const progressClassNames = {
-  root: 'fui-Progress',
-  bar: 'fui-Progress__bar'
-}; // If the percentComplete is near 0, don't animate it.
+export const progressBarClassNames = {
+  root: 'fui-ProgressBar',
+  bar: 'fui-ProgressBar__bar'
+}; // TODO #25997: Remove deprecated export before ProgressBar is released as stable
+
+/** @deprecated renamed to progressBarClassNames */
+
+export const progressClassNames = progressBarClassNames; // If the percentComplete is near 0, don't animate it.
 // This prevents animations on reset to 0 scenarios.
 
 const ZERO_THRESHOLD = 0.01;
@@ -12,7 +16,7 @@ const barThicknessValues = {
   medium: '2px',
   large: '4px'
 };
-const indeterminateProgress = {
+const indeterminateProgressBar = {
   '0%': {
     left: '0%'
   },
@@ -20,7 +24,7 @@ const indeterminateProgress = {
     left: '100%'
   }
 };
-const indeterminateProgressRTL = {
+const indeterminateProgressBarRTL = {
   '100%': {
     right: '-100%'
   },
@@ -72,7 +76,7 @@ const useRootStyles = /*#__PURE__*/__styles({
   }]]
 });
 /**
- * Styles for the progress bar
+ * Styles for the ProgressBar bar
  */
 
 
@@ -130,11 +134,11 @@ const useBarStyles = /*#__PURE__*/__styles({
   "k": ["@-webkit-keyframes fgj6rna{0%{left:0%;}100%{left:100%;}}", "@-webkit-keyframes fknt0w3{0%{right:0%;}100%{right:100%;}}", "@keyframes fgj6rna{0%{left:0%;}100%{left:100%;}}", "@keyframes fknt0w3{0%{right:0%;}100%{right:100%;}}", "@-webkit-keyframes f869nhd{100%{right:-100%;}0%{right:100%;}}", "@-webkit-keyframes f1gy5aix{100%{left:-100%;}0%{left:100%;}}", "@keyframes f869nhd{100%{right:-100%;}0%{right:100%;}}", "@keyframes f1gy5aix{100%{left:-100%;}0%{left:100%;}}"]
 });
 /**
- * Apply styling to the Progress slots based on the state
+ * Apply styling to the ProgressBar slots based on the state
  */
 
 
-export const useProgressStyles_unstable = state => {
+export const useProgressBarStyles_unstable = state => {
   const {
     max,
     shape,
@@ -147,10 +151,10 @@ export const useProgressStyles_unstable = state => {
   const {
     dir
   } = useFluent();
-  state.root.className = mergeClasses(progressClassNames.root, rootStyles.root, rootStyles[shape], rootStyles[thickness], state.root.className);
+  state.root.className = mergeClasses(progressBarClassNames.root, rootStyles.root, rootStyles[shape], rootStyles[thickness], state.root.className);
 
   if (state.bar) {
-    state.bar.className = mergeClasses(progressClassNames.bar, barStyles.base, value === undefined && barStyles.indeterminate, value === undefined && dir === 'rtl' && barStyles.rtl, barStyles[thickness], value !== undefined && value > ZERO_THRESHOLD && barStyles.nonZeroDeterminate, validationState && barStyles[validationState], state.bar.className);
+    state.bar.className = mergeClasses(progressBarClassNames.bar, barStyles.base, value === undefined && barStyles.indeterminate, value === undefined && dir === 'rtl' && barStyles.rtl, barStyles[thickness], value !== undefined && value > ZERO_THRESHOLD && barStyles.nonZeroDeterminate, validationState && barStyles[validationState], state.bar.className);
   }
 
   if (state.bar && value !== undefined) {
@@ -161,5 +165,9 @@ export const useProgressStyles_unstable = state => {
   }
 
   return state;
-};
-//# sourceMappingURL=useProgressStyles.js.map
+}; // TODO #25997: Remove deprecated export before ProgressBar is released as stable
+
+/** @deprecated renamed to useProgressBarStyles_unstable */
+
+export const useProgressStyles_unstable = useProgressBarStyles_unstable;
+//# sourceMappingURL=useProgressBarStyles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../../../packages/react-components/react-progress/src/components/ProgressBar/useProgressBarStyles.ts"],"names":[],"mappings":"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","sourcesContent":["import { makeStyles, mergeClasses, shorthands } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nimport { useFluent_unstable as useFluent } from '@fluentui/react-shared-contexts';\nimport type { ProgressBarState, ProgressBarSlots } from './ProgressBar.types';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\n\nexport const progressBarClassNames: SlotClassNames<ProgressBarSlots> = {\n  root: 'fui-ProgressBar',\n  bar: 'fui-ProgressBar__bar',\n};\n\n// TODO #25997: Remove deprecated export before ProgressBar is released as stable\n/** @deprecated renamed to progressBarClassNames */\nexport const progressClassNames = progressBarClassNames;\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: '0%',\n  },\n  '100%': {\n    left: '100%',\n  },\n};\nconst indeterminateProgressBarRTL = {\n  '100%': {\n    right: '-100%',\n  },\n  '0%': {\n    right: '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    justifySelf: 'stretch',\n    ...shorthands.overflow('hidden'),\n\n    '@media screen and (forced-colors: active)': {\n      ...shorthands.borderBottom('1px', 'solid', 'CanvasText'),\n    },\n  },\n  rounded: {\n    ...shorthands.borderRadius(tokens.borderRadiusMedium),\n  },\n  rectangular: {\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    backgroundColor: tokens.colorCompoundBrandBackground,\n\n    '@media screen and (forced-colors: active)': {\n      backgroundColor: 'Highlight',\n    },\n    ...shorthands.borderRadius('inherit'),\n  },\n  medium: {\n    height: barThicknessValues.medium,\n  },\n  large: {\n    height: barThicknessValues.large,\n  },\n  nonZeroDeterminate: {\n    transitionProperty: 'width',\n    transitionDuration: '0.3s',\n    transitionTimingFunction: 'ease',\n  },\n  indeterminate: {\n    maxWidth: '33%',\n    position: 'relative',\n    backgroundImage: `linear-gradient(\n      to right,\n      ${tokens.colorNeutralBackground6} 0%,\n      ${tokens.colorTransparentBackground} 50%,\n      ${tokens.colorNeutralBackground6} 100%\n    )`,\n    animationName: indeterminateProgressBar,\n    animationDuration: '3s',\n    animationIterationCount: 'infinite',\n    '@media screen and (prefers-reduced-motion: reduce)': {\n      animationDuration: '0.01ms',\n      animationIterationCount: '1',\n    },\n  },\n\n  rtl: {\n    animationName: indeterminateProgressBarRTL,\n  },\n\n  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 { max, shape, thickness, validationState, value } = state;\n  const rootStyles = useRootStyles();\n  const barStyles = useBarStyles();\n  const { dir } = useFluent();\n\n  state.root.className = mergeClasses(\n    progressBarClassNames.root,\n    rootStyles.root,\n    rootStyles[shape],\n    rootStyles[thickness],\n    state.root.className,\n  );\n\n  if (state.bar) {\n    state.bar.className = mergeClasses(\n      progressBarClassNames.bar,\n      barStyles.base,\n      value === undefined && barStyles.indeterminate,\n      value === undefined && dir === 'rtl' && barStyles.rtl,\n      barStyles[thickness],\n      value !== undefined && value > ZERO_THRESHOLD && barStyles.nonZeroDeterminate,\n      validationState && barStyles[validationState],\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\n// TODO #25997: Remove deprecated export before ProgressBar is released as stable\n/** @deprecated renamed to useProgressBarStyles_unstable */\nexport const useProgressStyles_unstable = useProgressBarStyles_unstable;\n"],"sourceRoot":""}

package/lib/components/ProgressField/ProgressField.js

@@ -1,10 +1,10 @@
 import * as React from 'react';
 import { getFieldClassNames, renderField_unstable, useFieldStyles_unstable, useField_unstable } from '@fluentui/react-field';
-import { Progress } from '../../Progress';
+import { ProgressBar } from '../../ProgressBar';
 export const progressFieldClassNames = /*#__PURE__*/getFieldClassNames('ProgressField');
 export const ProgressField = /*#__PURE__*/React.forwardRef((props, ref) => {
   const state = useField_unstable(props, ref, {
-    component: Progress,
+    component: ProgressBar,
     classNames: progressFieldClassNames,
     labelConnection: 'aria-labelledby',
     ariaInvalidOnError: false

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../../../../packages/react-components/react-progress/src/components/ProgressField/ProgressField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AAEA,SACE,kBADF,EAEE,oBAFF,EAGE,uBAHF,EAIE,iBAJF,QAKO,uBALP;AAOA,SAAS,QAAT,QAAyB,gBAAzB;AAIA,OAAO,MAAM,uBAAuB,gBAAG,kBAAkB,CAAC,eAAD,CAAlD;AAEP,OAAO,MAAM,aAAa,gBAA4C,KAAK,CAAC,UAAN,CAAiB,CAAC,KAAD,EAAQ,GAAR,KAAe;EACpG,MAAM,KAAK,GAAG,iBAAiB,CAAC,KAAD,EAAQ,GAAR,EAAa;IAC1C,SAAS,EAAE,QAD+B;IAE1C,UAAU,EAAE,uBAF8B;IAG1C,eAAe,EAAE,iBAHyB;IAI1C,kBAAkB,EAAE;EAJsB,CAAb,CAA/B;EAMA,KAAK,CAAC,OAAN,CAAc,eAAd,GAAgC,KAAK,CAAC,eAAtC;EACA,uBAAuB,CAAC,KAAD,CAAvB;EACA,OAAO,oBAAoB,CAAC,KAAD,CAA3B;AACD,CAVqE,CAA/D;AAYP,aAAa,CAAC,WAAd,GAA4B,eAA5B","sourcesContent":["import * as React from 'react';\nimport type { FieldProps } from '@fluentui/react-field';\nimport {\n  getFieldClassNames,\n  renderField_unstable,\n  useFieldStyles_unstable,\n  useField_unstable,\n} from '@fluentui/react-field';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { Progress } from '../../Progress';\n\nexport type ProgressFieldProps = FieldProps<typeof Progress>;\n\nexport const progressFieldClassNames = getFieldClassNames('ProgressField');\n\nexport const ProgressField: ForwardRefComponent<ProgressFieldProps> = React.forwardRef((props, ref) => {\n  const state = useField_unstable(props, ref, {\n    component: Progress,\n    classNames: progressFieldClassNames,\n    labelConnection: 'aria-labelledby',\n    ariaInvalidOnError: false,\n  });\n  state.control.validationState = state.validationState;\n  useFieldStyles_unstable(state);\n  return renderField_unstable(state);\n});\n\nProgressField.displayName = 'ProgressField';\n"],"sourceRoot":""}
+{"version":3,"sources":["../../../../../../../../../packages/react-components/react-progress/src/components/ProgressField/ProgressField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AAEA,SACE,kBADF,EAEE,oBAFF,EAGE,uBAHF,EAIE,iBAJF,QAKO,uBALP;AAOA,SAAS,WAAT,QAA4B,mBAA5B;AAIA,OAAO,MAAM,uBAAuB,gBAAG,kBAAkB,CAAC,eAAD,CAAlD;AAEP,OAAO,MAAM,aAAa,gBAA4C,KAAK,CAAC,UAAN,CAAiB,CAAC,KAAD,EAAQ,GAAR,KAAe;EACpG,MAAM,KAAK,GAAG,iBAAiB,CAAC,KAAD,EAAQ,GAAR,EAAa;IAC1C,SAAS,EAAE,WAD+B;IAE1C,UAAU,EAAE,uBAF8B;IAG1C,eAAe,EAAE,iBAHyB;IAI1C,kBAAkB,EAAE;EAJsB,CAAb,CAA/B;EAMA,KAAK,CAAC,OAAN,CAAc,eAAd,GAAgC,KAAK,CAAC,eAAtC;EACA,uBAAuB,CAAC,KAAD,CAAvB;EACA,OAAO,oBAAoB,CAAC,KAAD,CAA3B;AACD,CAVqE,CAA/D;AAYP,aAAa,CAAC,WAAd,GAA4B,eAA5B","sourcesContent":["import * as React from 'react';\nimport type { FieldProps } from '@fluentui/react-field';\nimport {\n  getFieldClassNames,\n  renderField_unstable,\n  useFieldStyles_unstable,\n  useField_unstable,\n} from '@fluentui/react-field';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { ProgressBar } from '../../ProgressBar';\n\nexport type ProgressFieldProps = FieldProps<typeof ProgressBar>;\n\nexport const progressFieldClassNames = getFieldClassNames('ProgressField');\n\nexport const ProgressField: ForwardRefComponent<ProgressFieldProps> = React.forwardRef((props, ref) => {\n  const state = useField_unstable(props, ref, {\n    component: ProgressBar,\n    classNames: progressFieldClassNames,\n    labelConnection: 'aria-labelledby',\n    ariaInvalidOnError: false,\n  });\n  state.control.validationState = state.validationState;\n  useFieldStyles_unstable(state);\n  return renderField_unstable(state);\n});\n\nProgressField.displayName = 'ProgressField';\n"],"sourceRoot":""}

package/lib/index.js

@@ -1,3 +1,13 @@
-export { Progress, progressClassNames, renderProgress_unstable, useProgress_unstable, useProgressStyles_unstable } from './Progress';
+export { // TODO #25997: Remove deprecated export before ProgressBar is released as stable
+// eslint-disable-next-line deprecation/deprecation
+Progress, // TODO #25997: Remove deprecated export before ProgressBar is released as stable
+// eslint-disable-next-line deprecation/deprecation
+progressClassNames, // TODO #25997: Remove deprecated export before ProgressBar is released as stable
+// eslint-disable-next-line deprecation/deprecation
+renderProgress_unstable, // TODO #25997: Remove deprecated export before ProgressBar is released as stable
+// eslint-disable-next-line deprecation/deprecation
+useProgress_unstable, // TODO #25997: Remove deprecated export before ProgressBar is released as stable
+// eslint-disable-next-line deprecation/deprecation
+useProgressStyles_unstable, ProgressBar, progressBarClassNames, renderProgressBar_unstable, useProgressBar_unstable, useProgressBarStyles_unstable } from './ProgressBar';
 export { ProgressField as ProgressField_unstable, progressFieldClassNames } from './ProgressField';
 //# sourceMappingURL=index.js.map

package/lib/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../../packages/react-components/react-progress/src/index.ts"],"names":[],"mappings":"AAAA,SACE,QADF,EAEE,kBAFF,EAGE,uBAHF,EAIE,oBAJF,EAKE,0BALF,QAMO,YANP;AASA,SAAS,aAAa,IAAI,sBAA1B,EAAkD,uBAAlD,QAAiF,iBAAjF","sourcesContent":["export {\n  Progress,\n  progressClassNames,\n  renderProgress_unstable,\n  useProgress_unstable,\n  useProgressStyles_unstable,\n} from './Progress';\nexport type { ProgressProps, ProgressSlots, ProgressState } from './Progress';\n\nexport { ProgressField as ProgressField_unstable, progressFieldClassNames } from './ProgressField';\nexport type { ProgressFieldProps as ProgressFieldProps_unstable } from './ProgressField';\n"],"sourceRoot":""}
+{"version":3,"sources":["../../../../../../../packages/react-components/react-progress/src/index.ts"],"names":[],"mappings":"AAAA,SACE;AACA;AACA,QAHF,EAIE;AACA;AACA,kBANF,EAOE;AACA;AACA,uBATF,EAUE;AACA;AACA,oBAZF,EAaE;AACA;AACA,0BAfF,EAgBE,WAhBF,EAiBE,qBAjBF,EAkBE,0BAlBF,EAmBE,uBAnBF,EAoBE,6BApBF,QAqBO,eArBP;AAqCA,SAAS,aAAa,IAAI,sBAA1B,EAAkD,uBAAlD,QAAiF,iBAAjF","sourcesContent":["export {\n  // TODO #25997: Remove deprecated export before ProgressBar is released as stable\n  // eslint-disable-next-line deprecation/deprecation\n  Progress,\n  // TODO #25997: Remove deprecated export before ProgressBar is released as stable\n  // eslint-disable-next-line deprecation/deprecation\n  progressClassNames,\n  // TODO #25997: Remove deprecated export before ProgressBar is released as stable\n  // eslint-disable-next-line deprecation/deprecation\n  renderProgress_unstable,\n  // TODO #25997: Remove deprecated export before ProgressBar is released as stable\n  // eslint-disable-next-line deprecation/deprecation\n  useProgress_unstable,\n  // TODO #25997: Remove deprecated export before ProgressBar is released as stable\n  // eslint-disable-next-line deprecation/deprecation\n  useProgressStyles_unstable,\n  ProgressBar,\n  progressBarClassNames,\n  renderProgressBar_unstable,\n  useProgressBar_unstable,\n  useProgressBarStyles_unstable,\n} from './ProgressBar';\nexport type {\n  // TODO #25997: Remove deprecated export before ProgressBar is released as stable\n  // eslint-disable-next-line deprecation/deprecation\n  ProgressProps,\n  // TODO #25997: Remove deprecated export before ProgressBar is released as stable\n  // eslint-disable-next-line deprecation/deprecation\n  ProgressSlots,\n  // TODO #25997: Remove deprecated export before ProgressBar is released as stable\n  // eslint-disable-next-line deprecation/deprecation\n  ProgressState,\n  ProgressBarProps,\n  ProgressBarSlots,\n  ProgressBarState,\n} from './ProgressBar';\n\nexport { ProgressField as ProgressField_unstable, progressFieldClassNames } from './ProgressField';\nexport type { ProgressFieldProps as ProgressFieldProps_unstable } from './ProgressField';\n"],"sourceRoot":""}

package/lib-commonjs/{Progress.js → ProgressBar.js}

@@ -6,5 +6,5 @@ Object.defineProperty(exports, "__esModule", {
 
 const tslib_1 = /*#__PURE__*/require("tslib");
 
-tslib_1.__exportStar(require("./components/Progress/index"), exports);
-//# sourceMappingURL=Progress.js.map
+tslib_1.__exportStar(require("./components/ProgressBar/index"), exports);
+//# sourceMappingURL=ProgressBar.js.map

package/lib-commonjs/ProgressBar.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../packages/react-components/react-progress/src/ProgressBar.ts"],"names":[],"mappings":";;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,gCAAA,CAAA,EAAA,OAAA","sourcesContent":["export * from './components/ProgressBar/index';\n"],"sourceRoot":""}

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

@@ -0,0 +1,30 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Progress = exports.ProgressBar = void 0;
+
+const React = /*#__PURE__*/require("react");
+
+const useProgressBar_1 = /*#__PURE__*/require("./useProgressBar");
+
+const renderProgressBar_1 = /*#__PURE__*/require("./renderProgressBar");
+
+const useProgressBarStyles_1 = /*#__PURE__*/require("./useProgressBarStyles");
+/**
+ * A ProgressBar bar shows the progression of a task.
+ */
+
+
+exports.ProgressBar = /*#__PURE__*/React.forwardRef((props, ref) => {
+  const state = useProgressBar_1.useProgressBar_unstable(props, ref);
+  useProgressBarStyles_1.useProgressBarStyles_unstable(state);
+  return renderProgressBar_1.renderProgressBar_unstable(state);
+}); // TODO #25997: Remove deprecated export before ProgressBar is released as stable
+
+/** @deprecated renamed to ProgressBar */
+
+exports.Progress = exports.ProgressBar;
+exports.ProgressBar.displayName = 'ProgressBar';
+//# sourceMappingURL=ProgressBar.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../../../packages/react-components/react-progress/src/components/ProgressBar/ProgressBar.tsx"],"names":[],"mappings":";;;;;;;AAAA,MAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AACA,MAAA,gBAAA,gBAAA,OAAA,CAAA,kBAAA,CAAA;;AACA,MAAA,mBAAA,gBAAA,OAAA,CAAA,qBAAA,CAAA;;AACA,MAAA,sBAAA,gBAAA,OAAA,CAAA,wBAAA,CAAA;AAIA;;AAEG;;;AACU,OAAA,CAAA,WAAA,gBAAqD,KAAK,CAAC,UAAN,CAAiB,CAAC,KAAD,EAAQ,GAAR,KAAe;EAChG,MAAM,KAAK,GAAG,gBAAA,CAAA,uBAAA,CAAwB,KAAxB,EAA+B,GAA/B,CAAd;EAEA,sBAAA,CAAA,6BAAA,CAA8B,KAA9B;EACA,OAAO,mBAAA,CAAA,0BAAA,CAA2B,KAA3B,CAAP;AACD,CALiE,CAArD,C,CAOb;;AACA;;AACa,OAAA,CAAA,QAAA,GAAW,OAAA,CAAA,WAAX;AAEb,OAAA,CAAA,WAAA,CAAY,WAAZ,GAA0B,aAA1B","sourcesContent":["import * as React from 'react';\nimport { useProgressBar_unstable } from './useProgressBar';\nimport { renderProgressBar_unstable } from './renderProgressBar';\nimport { useProgressBarStyles_unstable } from './useProgressBarStyles';\nimport type { ProgressBarProps } from './ProgressBar.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\n\n/**\n * A ProgressBar bar shows the progression of a task.\n */\nexport const ProgressBar: ForwardRefComponent<ProgressBarProps> = React.forwardRef((props, ref) => {\n  const state = useProgressBar_unstable(props, ref);\n\n  useProgressBarStyles_unstable(state);\n  return renderProgressBar_unstable(state);\n});\n\n// TODO #25997: Remove deprecated export before ProgressBar is released as stable\n/** @deprecated renamed to ProgressBar */\nexport const Progress = ProgressBar;\n\nProgressBar.displayName = 'ProgressBar';\n"],"sourceRoot":""}

package/lib-commonjs/components/{Progress/Progress.types.js → ProgressBar/ProgressBar.types.js}

@@ -3,4 +3,4 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-//# sourceMappingURL=Progress.types.js.map
+//# sourceMappingURL=ProgressBar.types.js.map

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

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

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../../../packages/react-components/react-progress/src/components/ProgressBar/index.ts"],"names":[],"mappings":";;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,eAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,qBAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,qBAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,kBAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,wBAAA,CAAA,EAAA,OAAA","sourcesContent":["export * from './ProgressBar';\nexport * from './ProgressBar.types';\nexport * from './renderProgressBar';\nexport * from './useProgressBar';\nexport * from './useProgressBarStyles';\n"],"sourceRoot":""}