@instructure/ui-progress 8.13.0 → 8.13.1-snapshot.10

package/src/ProgressBar/index.tsx

@@ -32,13 +32,14 @@ import { withStyle, jsx } from '@instructure/emotion'
 
 import generateStyle from './styles'
 import generateComponentTheme from './theme'
-import type { ProgressBarProps } from './props'
+import type { ProgressBarProps, Values } from './props'
 import { allowedProps, propTypes } from './props'
 
 /**
 ---
 category: components
 ---
+@tsProps
 **/
 @withStyle(generateStyle, generateComponentTheme)
 @testable()
@@ -49,8 +50,7 @@ class ProgressBar extends Component<ProgressBarProps> {
   static propTypes = propTypes
 
   static defaultProps = {
-    // @ts-expect-error ts-migrate(7031) FIXME: Binding element 'valueNow' implicitly has an 'any'... Remove this comment to see the full error message
-    formatScreenReaderValue: ({ valueNow, valueMax }) =>
+    formatScreenReaderValue: ({ valueNow, valueMax }: Values) =>
       `${valueNow} / ${valueMax}`,
     size: 'medium',
     valueMax: 100,
@@ -59,8 +59,7 @@ class ProgressBar extends Component<ProgressBarProps> {
     color: 'primary',
 
     // default to showing `success` color on completion
-    // @ts-expect-error ts-migrate(7031) FIXME: Binding element 'valueNow' implicitly has an 'any'... Remove this comment to see the full error message
-    meterColor: ({ valueNow, valueMax }) =>
+    meterColor: ({ valueNow, valueMax }: Values) =>
       valueNow / valueMax >= 1 ? 'success' : 'brand'
   }
 
@@ -99,8 +98,9 @@ class ProgressBar extends Component<ProgressBarProps> {
     } = this.props
 
     const valueText =
-      typeof formatScreenReaderValue === 'function' &&
-      formatScreenReaderValue({ valueNow, valueMax })
+      typeof formatScreenReaderValue === 'function'
+        ? formatScreenReaderValue({ valueNow: valueNow!, valueMax: valueMax! })
+        : undefined
     // consolidating the label and aria-valuetext to put in aria-label because
     // NVDA does not read aria-valuetext: https://github.com/nvaccess/nvda/issues/913
     // But leaving aria-valuetext because JAWS ignores aria-label
@@ -140,7 +140,6 @@ class ProgressBar extends Component<ProgressBarProps> {
         )}
       </View>
     )
-    /* eslint-enable jsx-a11y/no-redundant-roles, jsx-a11y/no-noninteractive-element-to-interactive-role */
   }
 }
 

package/src/ProgressBar/props.ts

@@ -45,85 +45,87 @@ export type ProgressBarMeterColor =
   | 'success'
   | 'brand'
 
-type ProgressBarOwnProps = {
-  screenReaderLabel: string
-  size?: 'x-small' | 'small' | 'medium' | 'large'
-  valueMax?: number
-  valueNow?: number
-  formatScreenReaderValue?: (...args: any[]) => any
-  renderValue?: ((...args: any[]) => any) | React.ReactNode
-  color?: 'primary' | 'primary-inverse'
-  meterColor?:
-    | ((...args: any[]) => ProgressBarMeterColor)
-    | ProgressBarMeterColor
-  margin?: Spacing
-  elementRef?: (element: Element | null) => void
-  as?: AsElementType
-}
+export type Values = { valueNow: number; valueMax: number }
 
-type PropKeys = keyof ProgressBarOwnProps
-
-type AllowedPropKeys = Readonly<Array<PropKeys>>
-
-type ProgressBarProps = ProgressBarOwnProps &
-  WithStyleProps<ProgressBarTheme, ProgressBarStyle> &
-  OtherHTMLAttributes<ProgressBarOwnProps>
-
-type ProgressBarStyle = ComponentStyle<
-  'progressBar' | 'trackLayout' | 'trackBorder' | 'track' | 'value'
->
-
-const propTypes: PropValidators<PropKeys> = {
+type ProgressBarOwnProps = {
   /**
    * A label is required for accessibility
    */
-  screenReaderLabel: PropTypes.string.isRequired,
+  screenReaderLabel: string
   /**
    * Control the height of the progress bar
    */
-  size: PropTypes.oneOf(['x-small', 'small', 'medium', 'large']),
+  size?: 'x-small' | 'small' | 'medium' | 'large'
   /**
    * Maximum value (defaults to 100)
    */
-  valueMax: PropTypes.number,
+  valueMax?: Values['valueMax']
   /**
    * Receives the progress of the event
    */
-  valueNow: PropTypes.number,
+  valueNow?: Values['valueNow']
   /**
    * A function for formatting the text provided to screen readers via `aria-valuenow`
    */
-  formatScreenReaderValue: PropTypes.func,
+  formatScreenReaderValue?: (values: Values) => string
   /**
    * A function to format the displayed value. If null the value will not display.
    * Takes `valueNow` and `valueMax` as parameters.
    */
-  renderValue: PropTypes.oneOfType([PropTypes.func, PropTypes.node]),
+  renderValue?: ((values: Values) => React.ReactNode) | React.ReactNode
   /**
    * Controls the overall color scheme of the component
    */
-  color: PropTypes.oneOf(['primary', 'primary-inverse']),
+  color?: 'primary' | 'primary-inverse'
   /**
    * Control the color of the progress meter. Defaults to showing theme success
    * color on completion, based on `valueNow` and `valueMax`.
    */
-  meterColor: PropTypes.oneOfType([
-    PropTypes.func,
-    PropTypes.oneOf(['info', 'warning', 'danger', 'alert', 'success', 'brand'])
-  ]),
+  meterColor?:
+    | ((values: Values) => ProgressBarMeterColor)
+    | ProgressBarMeterColor
   /**
    * Valid values are `0`, `none`, `auto`, `xxx-small`, `xx-small`, `x-small`,
    * `small`, `medium`, `large`, `x-large`, `xx-large`. Apply these values via
    * familiar CSS-like shorthand. For example: `margin="small auto large"`.
    */
-  margin: ThemeablePropTypes.spacing,
+  margin?: Spacing
   /**
    * Provides a reference to the component's root HTML element
    */
-  elementRef: PropTypes.func,
+  elementRef?: (element: Element | null) => void
   /**
    * Set the element type of the component's root
    */
+  as?: AsElementType
+}
+
+type PropKeys = keyof ProgressBarOwnProps
+
+type AllowedPropKeys = Readonly<Array<PropKeys>>
+
+type ProgressBarProps = ProgressBarOwnProps &
+  WithStyleProps<ProgressBarTheme, ProgressBarStyle> &
+  OtherHTMLAttributes<ProgressBarOwnProps>
+
+type ProgressBarStyle = ComponentStyle<
+  'progressBar' | 'trackLayout' | 'trackBorder' | 'track' | 'value'
+>
+
+const propTypes: PropValidators<PropKeys> = {
+  screenReaderLabel: PropTypes.string.isRequired,
+  size: PropTypes.oneOf(['x-small', 'small', 'medium', 'large']),
+  valueMax: PropTypes.number,
+  valueNow: PropTypes.number,
+  formatScreenReaderValue: PropTypes.func,
+  renderValue: PropTypes.oneOfType([PropTypes.func, PropTypes.node]),
+  color: PropTypes.oneOf(['primary', 'primary-inverse']),
+  meterColor: PropTypes.oneOfType([
+    PropTypes.func,
+    PropTypes.oneOf(['info', 'warning', 'danger', 'alert', 'success', 'brand'])
+  ]),
+  margin: ThemeablePropTypes.spacing,
+  elementRef: PropTypes.func,
   as: PropTypes.elementType
 }
 

package/src/ProgressBar/styles.ts

@@ -39,7 +39,7 @@ const generateStyle = (
   componentTheme: ProgressBarTheme,
   props: ProgressBarProps
 ): ProgressBarStyle => {
-  const { valueNow, valueMax, size, color, meterColor } = props
+  const { valueNow = 0, valueMax = 100, size, color, meterColor } = props
 
   const meterColorClassName =
     typeof meterColor === 'function'

package/src/ProgressCircle/__examples__/ProgressCircle.examples.tsx

@@ -22,6 +22,7 @@
  * SOFTWARE.
  */
 import React from 'react'
+import type { ProgressCircleProps, Values } from '../props'
 
 const valueMax = 100
 
@@ -31,28 +32,22 @@ export default {
     valueNow: [0, 40, 80, 100],
     renderValue: [
       null,
-      // @ts-expect-error ts-migrate(7031) FIXME: Binding element 'valueNow' implicitly has an 'any'... Remove this comment to see the full error message
-      // eslint-disable-next-line react/display-name
-      ({ valueNow, valueMax }) => (
+      ({ valueNow, valueMax }: Values) => (
         <span>{Math.round((valueNow / valueMax) * 100)}</span>
       )
     ]
   },
-  // @ts-expect-error ts-migrate(6133) FIXME: 'props' is declared but its value is never read.
-  getComponentProps: (props) => {
+  getComponentProps: () => {
     return {
       screenReaderLabel: 'Passing students',
       valueMax
     }
   },
-  // @ts-expect-error ts-migrate(7006) FIXME: Parameter 'props' implicitly has an 'any' type.
-  getExampleProps: (props) => {
+  getExampleProps: (props: ProgressCircleProps) => {
     return {
-      background: props.color.includes('inverse')
+      background: props.color!.includes('inverse')
         ? 'primary-inverse'
         : 'primary'
     }
-  },
-  // @ts-expect-error ts-migrate(6133) FIXME: 'props' is declared but its value is never read.
-  filter: (props) => {}
+  }
 }

package/src/ProgressCircle/index.tsx

@@ -34,13 +34,14 @@ import { withStyle, jsx } from '@instructure/emotion'
 
 import generateStyle from './styles'
 import generateComponentTheme from './theme'
-import type { ProgressCircleProps, ProgressCircleState } from './props'
+import type { ProgressCircleProps, ProgressCircleState, Values } from './props'
 import { allowedProps, propTypes } from './props'
 
 /**
 ---
 category: components
 ---
+@tsProps
 **/
 @withStyle(generateStyle, generateComponentTheme)
 @testable()
@@ -54,8 +55,7 @@ class ProgressCircle extends Component<
   static propTypes = propTypes
 
   static defaultProps = {
-    // @ts-expect-error ts-migrate(7031) FIXME: Binding element 'valueNow' implicitly has an 'any'... Remove this comment to see the full error message
-    formatScreenReaderValue: ({ valueNow, valueMax }) =>
+    formatScreenReaderValue: ({ valueNow, valueMax }: Values) =>
       `${valueNow} / ${valueMax}`,
     size: 'medium',
     valueMax: 100,
@@ -65,20 +65,18 @@ class ProgressCircle extends Component<
     shouldAnimateOnMount: false,
 
     // default to showing `success` color on completion
-    // @ts-expect-error ts-migrate(7031) FIXME: Binding element 'valueNow' implicitly has an 'any'... Remove this comment to see the full error message
-    meterColor: ({ valueNow, valueMax }) =>
+    meterColor: ({ valueNow, valueMax }: Values) =>
       valueNow / valueMax >= 1 ? 'success' : 'brand'
   }
 
-  _timeouts = []
+  _timeouts: Array<ReturnType<typeof setTimeout>> = []
   ref: Element | null = null
 
-  // @ts-expect-error ts-migrate(7006) FIXME: Parameter 'props' implicitly has an 'any' type.
-  constructor(props) {
+  constructor(props: ProgressCircleProps) {
     super(props)
 
     this.state = {
-      shouldAnimateOnMount: props.shouldAnimateOnMount
+      shouldAnimateOnMount: props.shouldAnimateOnMount!
     }
   }
 
@@ -99,7 +97,6 @@ class ProgressCircle extends Component<
   componentDidMount() {
     if (this.state.shouldAnimateOnMount) {
       this._timeouts.push(
-        // @ts-expect-error ts-migrate(2345) FIXME: Argument of type 'Timeout' is not assignable to pa... Remove this comment to see the full error message
         setTimeout(() => {
           this.setState({
             shouldAnimateOnMount: false
@@ -134,8 +131,9 @@ class ProgressCircle extends Component<
     } = this.props
 
     const valueText =
-      typeof formatScreenReaderValue === 'function' &&
-      formatScreenReaderValue({ valueNow, valueMax })
+      typeof formatScreenReaderValue === 'function'
+        ? formatScreenReaderValue({ valueNow: valueNow!, valueMax: valueMax! })
+        : undefined
     // consolidating the label and aria-valuetext to put in aria-label because
     // NVDA does not read aria-valuetext: https://github.com/nvaccess/nvda/issues/913
     // But leaving aria-valuetext because JAWS ignores aria-label
@@ -143,12 +141,9 @@ class ProgressCircle extends Component<
 
     const value = callRenderProp(renderValue, { valueNow, valueMax })
 
-    // @ts-expect-error ts-migrate(2339) FIXME: Property 'animateOnMount' does not exist on type '... Remove this comment to see the full error message
-    const style = this.state.animateOnMount
-      ? null
-      : {
-          strokeDashoffset: `${styles?.dashOffset}em`
-        }
+    const style = {
+      strokeDashoffset: `${styles?.dashOffset}em`
+    }
 
     return (
       <View
@@ -179,7 +174,6 @@ class ProgressCircle extends Component<
             role="presentation"
             cx="50%"
             cy="50%"
-            //@ts-expect-error TODO:
             r={styles?.radii?.radius}
           />
           <circle
@@ -187,17 +181,14 @@ class ProgressCircle extends Component<
             role="presentation"
             cx="50%"
             cy="50%"
-            //@ts-expect-error TODO:
             r={styles?.radii?.borderOffsetRadius}
           />
           <circle
             css={styles?.meter}
             role="presentation"
-            // @ts-expect-error ts-migrate(2322) FIXME: Type '{ strokeDashoffset: string; } | null' is not... Remove this comment to see the full error message
             style={style}
             cx="50%"
             cy="50%"
-            //@ts-expect-error TODO:
             r={styles?.radii?.radius}
           />
         </svg>

package/src/ProgressCircle/props.ts

@@ -44,19 +44,58 @@ export type ProgressCircleMeterColor =
   | 'success'
   | 'brand'
 
+export type Values = { valueNow: number; valueMax: number }
+
 type ProgressCircleOwnProps = {
+  /**
+   * A label is required for accessibility
+   */
   screenReaderLabel: string
+  /**
+   * Control the size of the progress circle
+   */
   size?: 'x-small' | 'small' | 'medium' | 'large'
-  valueMax?: number
-  valueNow?: number
-  formatScreenReaderValue?: ((...args: any[]) => any) | React.ReactNode
-  renderValue?: ((...args: any[]) => any) | React.ReactNode
+  /**
+   * Maximum value (defaults to 100)
+   */
+  valueMax?: Values['valueMax']
+  /**
+   * Receives the progress of the event
+   */
+  valueNow?: Values['valueNow']
+  /**
+   * A function for formatting the text provided to screen readers via `aria-valuenow`
+   */
+  formatScreenReaderValue?: (values: Values) => string
+  /**
+   * A function to format the displayed value. If null the value will not display.
+   * Takes `valueNow` and `valueMax` as parameters.
+   */
+  renderValue?: ((values: Values) => React.ReactNode) | React.ReactNode
+  /**
+   * Controls the overall color scheme of the component
+   */
   color?: 'primary' | 'primary-inverse'
+  /**
+   * Control the color of the progress meter. Defaults to showing theme success
+   * color on completion, based on `valueNow` and `valueMax`.
+   */
   meterColor?:
-    | ((...args: any[]) => ProgressCircleMeterColor)
+    | ((values: Values) => ProgressCircleMeterColor)
     | ProgressCircleMeterColor
+  /**
+   * Valid values are `0`, `none`, `auto`, `xxx-small`, `xx-small`, `x-small`,
+   * `small`, `medium`, `large`, `x-large`, `xx-large`. Apply these values via
+   * familiar CSS-like shorthand. For example: `margin="small auto large"`.
+   */
   margin?: Spacing
+  /**
+   * Provides a reference to the component's root HTML element
+   */
   elementRef?: (element: Element | null) => void
+  /**
+   * Set the element type of the component's root
+   */
   as?: AsElementType
   shouldAnimateOnMount?: boolean
   animationDelay?: number
@@ -82,64 +121,23 @@ type ProgressCircleStyle = ComponentStyle<
   | 'track'
   | 'border'
   | 'meter'
-  | 'radii'
   | 'dashOffset'
->
+> & { radii: { radius: string; borderOffsetRadius: string } }
 
 const propTypes: PropValidators<PropKeys> = {
-  /**
-   * A label is required for accessibility
-   */
   screenReaderLabel: PropTypes.string.isRequired,
-  /**
-   * Control the size of the progress circle
-   */
   size: PropTypes.oneOf(['x-small', 'small', 'medium', 'large']),
-  /**
-   * Maximum value (defaults to 100)
-   */
   valueMax: PropTypes.number,
-  /**
-   * Receives the progress of the event
-   */
   valueNow: PropTypes.number,
-  /**
-   * A function for formatting the text provided to screen readers via `aria-valuenow`
-   */
-  formatScreenReaderValue: PropTypes.oneOfType([
-    PropTypes.func,
-    PropTypes.node
-  ]),
-  /**
-   * A function to format the displayed value. If null the value will not display.
-   * Takes `valueNow` and `valueMax` as parameters.
-   */
+  formatScreenReaderValue: PropTypes.func,
   renderValue: PropTypes.oneOfType([PropTypes.func, PropTypes.node]),
-  /**
-   * Controls the overall color scheme of the component
-   */
   color: PropTypes.oneOf(['primary', 'primary-inverse']),
-  /**
-   * Control the color of the progress meter. Defaults to showing theme success
-   * color on completion, based on `valueNow` and `valueMax`.
-   */
   meterColor: PropTypes.oneOfType([
     PropTypes.func,
     PropTypes.oneOf(['info', 'warning', 'danger', 'alert', 'success', 'brand'])
   ]),
-  /**
-   * Valid values are `0`, `none`, `auto`, `xxx-small`, `xx-small`, `x-small`,
-   * `small`, `medium`, `large`, `x-large`, `xx-large`. Apply these values via
-   * familiar CSS-like shorthand. For example: `margin="small auto large"`.
-   */
   margin: ThemeablePropTypes.spacing,
-  /**
-   * Provides a reference to the component's root HTML element
-   */
   elementRef: PropTypes.func,
-  /**
-   * Set the element type of the component's root
-   */
   as: PropTypes.elementType,
   shouldAnimateOnMount: PropTypes.bool,
   animationDelay: PropTypes.number

package/src/ProgressCircle/styles.ts

@@ -44,7 +44,7 @@ const generateStyle = (
   props: ProgressCircleProps,
   state: ProgressCircleState
 ): ProgressCircleStyle => {
-  const { size, color, meterColor, valueNow, valueMax } = props
+  const { size, color, meterColor, valueNow = 0, valueMax = 100 } = props
   const { shouldAnimateOnMount } = state
 
   const getMeterColorClassName =
@@ -58,7 +58,7 @@ const generateStyle = (
     return parseFloat(componentTheme[`${camelSize}Circumference` as const])
   }
 
-  const getRadii = () => {
+  const getRadii = (): { radius: string; borderOffsetRadius: string } => {
     const camelSize = size === 'x-small' ? 'xSmall' : size!
     return {
       radius: componentTheme[`${camelSize}Radius` as const],

package/src/ProgressCircle/theme.ts

@@ -57,13 +57,10 @@ const borderOffsetRadius = {
   large: radius.large - strokeWidth.large / 2 + borderWidth
 }
 
-// @ts-expect-error ts-migrate(7006) FIXME: Parameter 'r' implicitly has an 'any' type.
-const circumference = function (r) {
+const circumference = function (r: number) {
   return (2 * Math.PI * r).toFixed(3)
 }
-
-// @ts-expect-error ts-migrate(7006) FIXME: Parameter 's' implicitly has an 'any' type.
-const transform = function (s) {
+const transform = function (s: number) {
   return s / 2
 }
 

package/types/ProgressBar/__examples__/ProgressBar.examples.d.ts

@@ -1,21 +1,18 @@
 /// <reference types="react" />
+import type { ProgressBarProps, Values } from '../props';
 declare const _default: {
     sectionProp: string;
     propValues: {
         valueNow: number[];
-        renderValue: ((({ valueNow, valueMax }: {
-            valueNow: any;
-            valueMax: any;
-        }) => JSX.Element) | null)[];
+        renderValue: ((({ valueNow, valueMax }: Values) => JSX.Element) | null)[];
     };
-    getComponentProps: (props: any) => {
+    getComponentProps: () => {
         screenReaderLabel: string;
         valueMax: number;
     };
-    getExampleProps: (props: any) => {
+    getExampleProps: (props: ProgressBarProps) => {
         background: string;
     };
-    filter: (props: any) => void;
 };
 export default _default;
 //# sourceMappingURL=ProgressBar.examples.d.ts.map

package/types/ProgressBar/__examples__/ProgressBar.examples.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ProgressBar.examples.d.ts","sourceRoot":"","sources":["../../../src/ProgressBar/__examples__/ProgressBar.examples.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;AA2BA,wBA8BC"}
+{"version":3,"file":"ProgressBar.examples.d.ts","sourceRoot":"","sources":["../../../src/ProgressBar/__examples__/ProgressBar.examples.tsx"],"names":[],"mappings":";AAwBA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;;;;;gDAUzB,MAAM;;;;;;6BAWV,gBAAgB;;;;AAjB3C,wBAwBC"}

package/types/ProgressBar/index.d.ts

@@ -1,11 +1,12 @@
 /** @jsx jsx */
 import { Component } from 'react';
 import { jsx } from '@instructure/emotion';
-import type { ProgressBarProps } from './props';
+import type { ProgressBarProps, Values } from './props';
 /**
 ---
 category: components
 ---
+@tsProps
 **/
 declare class ProgressBar extends Component<ProgressBarProps> {
     static readonly componentId = "ProgressBar";
@@ -14,10 +15,10 @@ declare class ProgressBar extends Component<ProgressBarProps> {
         size?: "x-small" | "small" | "medium" | "large" | undefined;
         valueMax?: number | undefined;
         valueNow?: number | undefined;
-        formatScreenReaderValue?: ((...args: any[]) => any) | undefined;
-        renderValue?: import("react").ReactNode | ((...args: any[]) => any);
+        formatScreenReaderValue?: ((values: Values) => string) | undefined;
+        renderValue?: import("react").ReactNode | ((values: Values) => import("react").ReactNode);
         color?: "primary" | "primary-inverse" | undefined;
-        meterColor?: import("./props").ProgressBarMeterColor | ((...args: any[]) => import("./props").ProgressBarMeterColor) | undefined;
+        meterColor?: import("./props").ProgressBarMeterColor | ((values: Values) => import("./props").ProgressBarMeterColor) | undefined;
         margin?: import("@instructure/emotion/types/styleUtils/ThemeablePropValues").Spacing | undefined;
         elementRef?: ((element: Element | null) => void) | undefined;
         as?: import("@instructure/shared-types/types/CommonProps").AsElementType | undefined;
@@ -27,28 +28,22 @@ declare class ProgressBar extends Component<ProgressBarProps> {
         size?: "x-small" | "small" | "medium" | "large" | undefined;
         valueMax?: number | undefined;
         valueNow?: number | undefined;
-        formatScreenReaderValue?: ((...args: any[]) => any) | undefined;
-        renderValue?: import("react").ReactNode | ((...args: any[]) => any);
+        formatScreenReaderValue?: ((values: Values) => string) | undefined;
+        renderValue?: import("react").ReactNode | ((values: Values) => import("react").ReactNode);
         color?: "primary" | "primary-inverse" | undefined;
-        meterColor?: import("./props").ProgressBarMeterColor | ((...args: any[]) => import("./props").ProgressBarMeterColor) | undefined;
+        meterColor?: import("./props").ProgressBarMeterColor | ((values: Values) => import("./props").ProgressBarMeterColor) | undefined;
         margin?: import("@instructure/emotion/types/styleUtils/ThemeablePropValues").Spacing | undefined;
         elementRef?: ((element: Element | null) => void) | undefined;
         as?: import("@instructure/shared-types/types/CommonProps").AsElementType | undefined;
     }>;
     static defaultProps: {
-        formatScreenReaderValue: ({ valueNow, valueMax }: {
-            valueNow: any;
-            valueMax: any;
-        }) => string;
+        formatScreenReaderValue: ({ valueNow, valueMax }: Values) => string;
         size: string;
         valueMax: number;
         valueNow: number;
         as: string;
         color: string;
-        meterColor: ({ valueNow, valueMax }: {
-            valueNow: any;
-            valueMax: any;
-        }) => "success" | "brand";
+        meterColor: ({ valueNow, valueMax }: Values) => "success" | "brand";
     };
     ref: Element | null;
     componentDidMount(): void;

package/types/ProgressBar/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/ProgressBar/index.tsx"],"names":[],"mappings":"AAuBA,eAAe;AACf,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAMjC,OAAO,EAAa,GAAG,EAAE,MAAM,sBAAsB,CAAA;AAIrD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAA;AAG/C;;;;GAIG;AACH,cAEM,WAAY,SAAQ,SAAS,CAAC,gBAAgB,CAAC;IACnD,MAAM,CAAC,QAAQ,CAAC,WAAW,iBAAgB;IAE3C,MAAM,CAAC,YAAY;;;;;;;;;;;;SAAe;IAClC,MAAM,CAAC,SAAS;;;;;;;;;;;;OAAY;IAE5B,MAAM,CAAC,YAAY;;;;;;;;;;;;;;MAclB;IAED,GAAG,EAAE,OAAO,GAAG,IAAI,CAAO;IAE1B,iBAAiB;IAIjB,kBAAkB;IAIlB,SAAS,OAAQ,OAAO,GAAG,IAAI,UAQ9B;IAED,MAAM;CA0DP;AAED,eAAe,WAAW,CAAA;AAC1B,OAAO,EAAE,WAAW,EAAE,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/ProgressBar/index.tsx"],"names":[],"mappings":"AAuBA,eAAe;AACf,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAMjC,OAAO,EAAa,GAAG,EAAE,MAAM,sBAAsB,CAAA;AAIrD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,EAAE,MAAM,SAAS,CAAA;AAGvD;;;;;GAKG;AACH,cAEM,WAAY,SAAQ,SAAS,CAAC,gBAAgB,CAAC;IACnD,MAAM,CAAC,QAAQ,CAAC,WAAW,iBAAgB;IAE3C,MAAM,CAAC,YAAY;;;;;;;;;;;;SAAe;IAClC,MAAM,CAAC,SAAS;;;;;;;;;;;;OAAY;IAE5B,MAAM,CAAC,YAAY;0DACiC,MAAM;;;;;;6CASnB,MAAM;MAE5C;IAED,GAAG,EAAE,OAAO,GAAG,IAAI,CAAO;IAE1B,iBAAiB;IAIjB,kBAAkB;IAIlB,SAAS,OAAQ,OAAO,GAAG,IAAI,UAQ9B;IAED,MAAM;CA0DP;AAED,eAAe,WAAW,CAAA;AAC1B,OAAO,EAAE,WAAW,EAAE,CAAA"}