@instructure/ui-progress 8.36.1-snapshot-18 → 8.36.1-snapshot-20
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +10 -2
- package/es/ProgressBar/__examples__/ProgressBar.examples.js +1 -0
- package/es/ProgressBar/index.js +11 -5
- package/es/ProgressBar/props.js +2 -1
- package/es/ProgressBar/styles.js +35 -34
- package/lib/ProgressBar/__examples__/ProgressBar.examples.js +1 -0
- package/lib/ProgressBar/index.js +10 -5
- package/lib/ProgressBar/props.js +2 -1
- package/lib/ProgressBar/styles.js +35 -34
- package/package.json +13 -13
- package/src/ProgressBar/README.md +106 -0
- package/src/ProgressBar/__examples__/ProgressBar.examples.tsx +1 -0
- package/src/ProgressBar/index.tsx +8 -4
- package/src/ProgressBar/props.ts +23 -1
- package/src/ProgressBar/styles.ts +44 -39
- package/tsconfig.build.tsbuildinfo +1 -1
- package/types/ProgressBar/__examples__/ProgressBar.examples.d.ts.map +1 -1
- package/types/ProgressBar/index.d.ts +3 -0
- package/types/ProgressBar/index.d.ts.map +1 -1
- package/types/ProgressBar/props.d.ts +5 -1
- package/types/ProgressBar/props.d.ts.map +1 -1
- package/types/ProgressBar/styles.d.ts.map +1 -1
|
@@ -19,6 +19,7 @@ declare class ProgressBar extends Component<ProgressBarProps> {
|
|
|
19
19
|
renderValue?: import("@instructure/shared-types").Renderable<Values>;
|
|
20
20
|
color?: "primary" | "primary-inverse" | undefined;
|
|
21
21
|
meterColor?: import("./props").ProgressBarMeterColor | ((values: Values) => import("./props").ProgressBarMeterColor) | undefined;
|
|
22
|
+
shouldAnimate?: boolean | undefined;
|
|
22
23
|
margin?: import("@instructure/emotion/types/styleUtils/ThemeablePropValues").Spacing | undefined;
|
|
23
24
|
elementRef?: ((element: Element | null) => void) | undefined;
|
|
24
25
|
as?: import("@instructure/shared-types/types/CommonProps").AsElementType | undefined;
|
|
@@ -32,6 +33,7 @@ declare class ProgressBar extends Component<ProgressBarProps> {
|
|
|
32
33
|
renderValue?: import("@instructure/shared-types").Renderable<Values>;
|
|
33
34
|
color?: "primary" | "primary-inverse" | undefined;
|
|
34
35
|
meterColor?: import("./props").ProgressBarMeterColor | ((values: Values) => import("./props").ProgressBarMeterColor) | undefined;
|
|
36
|
+
shouldAnimate?: boolean | undefined;
|
|
35
37
|
margin?: import("@instructure/emotion/types/styleUtils/ThemeablePropValues").Spacing | undefined;
|
|
36
38
|
elementRef?: ((element: Element | null) => void) | undefined;
|
|
37
39
|
as?: import("@instructure/shared-types/types/CommonProps").AsElementType | undefined;
|
|
@@ -43,6 +45,7 @@ declare class ProgressBar extends Component<ProgressBarProps> {
|
|
|
43
45
|
valueNow: number;
|
|
44
46
|
as: string;
|
|
45
47
|
color: string;
|
|
48
|
+
shouldAnimate: boolean;
|
|
46
49
|
meterColor: ({ valueNow, valueMax }: Values) => "success" | "brand";
|
|
47
50
|
};
|
|
48
51
|
ref: Element | null;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/ProgressBar/index.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/ProgressBar/index.tsx"],"names":[],"mappings":"AAwBA,eAAe;AACf,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAMjC,OAAO,EAAa,GAAG,EAAE,MAAM,sBAAsB,CAAA;AAKrD,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;;;;;;;6CAUnB,MAAM;MAE5C;IAED,GAAG,EAAE,OAAO,GAAG,IAAI,CAAO;IAE1B,iBAAiB;IAIjB,kBAAkB;IAIlB,SAAS,OAAQ,OAAO,GAAG,IAAI,UAQ9B;IAED,MAAM;CA8DP;AAED,eAAe,WAAW,CAAA;AAC1B,OAAO,EAAE,WAAW,EAAE,CAAA"}
|
|
@@ -41,6 +41,10 @@ type ProgressBarOwnProps = {
|
|
|
41
41
|
* color on completion, based on `valueNow` and `valueMax`.
|
|
42
42
|
*/
|
|
43
43
|
meterColor?: ((values: Values) => ProgressBarMeterColor) | ProgressBarMeterColor;
|
|
44
|
+
/**
|
|
45
|
+
* Whether the change of value should have a transition
|
|
46
|
+
*/
|
|
47
|
+
shouldAnimate?: boolean;
|
|
44
48
|
/**
|
|
45
49
|
* Valid values are `0`, `none`, `auto`, `xxx-small`, `xx-small`, `x-small`,
|
|
46
50
|
* `small`, `medium`, `large`, `x-large`, `xx-large`. Apply these values via
|
|
@@ -59,7 +63,7 @@ type ProgressBarOwnProps = {
|
|
|
59
63
|
type PropKeys = keyof ProgressBarOwnProps;
|
|
60
64
|
type AllowedPropKeys = Readonly<Array<PropKeys>>;
|
|
61
65
|
type ProgressBarProps = ProgressBarOwnProps & WithStyleProps<ProgressBarTheme, ProgressBarStyle> & OtherHTMLAttributes<ProgressBarOwnProps>;
|
|
62
|
-
type ProgressBarStyle = ComponentStyle<'progressBar' | 'trackLayout' | '
|
|
66
|
+
type ProgressBarStyle = ComponentStyle<'progressBar' | 'trackLayout' | 'track' | 'trackValue' | 'value' | 'htmlProgress'>;
|
|
63
67
|
declare const propTypes: PropValidators<PropKeys>;
|
|
64
68
|
declare const allowedProps: AllowedPropKeys;
|
|
65
69
|
export type { ProgressBarProps, ProgressBarStyle };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../src/ProgressBar/props.ts"],"names":[],"mappings":"AA2BA,OAAO,KAAK,EACV,OAAO,EACP,cAAc,EACd,cAAc,EACf,MAAM,sBAAsB,CAAA;AAC7B,OAAO,KAAK,EACV,cAAc,EACd,aAAa,EACb,gBAAgB,EAChB,mBAAmB,EACpB,MAAM,2BAA2B,CAAA;AAClC,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAA;AAEtD,MAAM,MAAM,qBAAqB,GAC7B,MAAM,GACN,SAAS,GACT,QAAQ,GACR,OAAO,GACP,SAAS,GACT,OAAO,CAAA;AAEX,MAAM,MAAM,MAAM,GAAG;IAAE,QAAQ,EAAE,MAAM,CAAC;IAAC,QAAQ,EAAE,MAAM,CAAA;CAAE,CAAA;AAE3D,KAAK,mBAAmB,GAAG;IACzB;;OAEG;IACH,iBAAiB,EAAE,MAAM,CAAA;
|
|
1
|
+
{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../src/ProgressBar/props.ts"],"names":[],"mappings":"AA2BA,OAAO,KAAK,EACV,OAAO,EACP,cAAc,EACd,cAAc,EACf,MAAM,sBAAsB,CAAA;AAC7B,OAAO,KAAK,EACV,cAAc,EACd,aAAa,EACb,gBAAgB,EAChB,mBAAmB,EACpB,MAAM,2BAA2B,CAAA;AAClC,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAA;AAEtD,MAAM,MAAM,qBAAqB,GAC7B,MAAM,GACN,SAAS,GACT,QAAQ,GACR,OAAO,GACP,SAAS,GACT,OAAO,CAAA;AAEX,MAAM,MAAM,MAAM,GAAG;IAAE,QAAQ,EAAE,MAAM,CAAC;IAAC,QAAQ,EAAE,MAAM,CAAA;CAAE,CAAA;AAE3D,KAAK,mBAAmB,GAAG;IACzB;;OAEG;IACH,iBAAiB,EAAE,MAAM,CAAA;IAEzB;;OAEG;IACH,IAAI,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;IAE/C;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC,UAAU,CAAC,CAAA;IAE7B;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC,UAAU,CAAC,CAAA;IAE7B;;OAEG;IACH,uBAAuB,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,MAAM,CAAA;IAEpD;;;OAGG;IACH,WAAW,CAAC,EAAE,UAAU,CAAC,MAAM,CAAC,CAAA;IAEhC;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,GAAG,iBAAiB,CAAA;IAErC;;;OAGG;IACH,UAAU,CAAC,EACP,CAAC,CAAC,MAAM,EAAE,MAAM,KAAK,qBAAqB,CAAC,GAC3C,qBAAqB,CAAA;IAEzB;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,CAAA;IAEvB;;;;OAIG;IACH,MAAM,CAAC,EAAE,OAAO,CAAA;IAEhB;;OAEG;IACH,UAAU,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,GAAG,IAAI,KAAK,IAAI,CAAA;IAE9C;;OAEG;IACH,EAAE,CAAC,EAAE,aAAa,CAAA;CACnB,CAAA;AAED,KAAK,QAAQ,GAAG,MAAM,mBAAmB,CAAA;AAEzC,KAAK,eAAe,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAA;AAEhD,KAAK,gBAAgB,GAAG,mBAAmB,GACzC,cAAc,CAAC,gBAAgB,EAAE,gBAAgB,CAAC,GAClD,mBAAmB,CAAC,mBAAmB,CAAC,CAAA;AAE1C,KAAK,gBAAgB,GAAG,cAAc,CAClC,aAAa,GACb,aAAa,GACb,OAAO,GACP,YAAY,GACZ,OAAO,GACP,cAAc,CACjB,CAAA;AAED,QAAA,MAAM,SAAS,EAAE,cAAc,CAAC,QAAQ,CAgBvC,CAAA;AAED,QAAA,MAAM,YAAY,EAAE,eAanB,CAAA;AAED,YAAY,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,CAAA;AAClD,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../src/ProgressBar/styles.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAA;AACjE,OAAO,KAAK,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAA;AAEjE;;;;;;;;;GASG;AACH,QAAA,MAAM,aAAa,mBACD,gBAAgB,SACzB,gBAAgB,KACtB,
|
|
1
|
+
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../src/ProgressBar/styles.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAA;AACjE,OAAO,KAAK,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAA;AAEjE;;;;;;;;;GASG;AACH,QAAA,MAAM,aAAa,mBACD,gBAAgB,SACzB,gBAAgB,KACtB,gBA6IF,CAAA;AAED,eAAe,aAAa,CAAA"}
|