@yamada-ui/progress 0.2.6 → 0.3.1

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.
@@ -2,15 +2,65 @@ import * as _yamada_ui_core from '@yamada-ui/core';
2
2
  import { HTMLUIProps, CSSUIProps } from '@yamada-ui/core';
3
3
 
4
4
  type CircleProgressOptions = {
5
+ /**
6
+ * The CSS `box-size` property.
7
+ *
8
+ * @default '6rem'
9
+ */
5
10
  size?: CSSUIProps['boxSize'];
11
+ /**
12
+ * The CSS `width` property.
13
+ *
14
+ * @default '0.625ewm'
15
+ */
6
16
  thickness?: CSSUIProps['width'];
17
+ /**
18
+ * The CSS `color` property.
19
+ *
20
+ * @default 'primary'
21
+ */
7
22
  color?: CSSUIProps['color'];
23
+ /**
24
+ * The CSS `color` property.
25
+ *
26
+ * @default 'border'
27
+ */
8
28
  trackColor?: CSSUIProps['color'];
29
+ /**
30
+ * The value of the progress.
31
+ *
32
+ * @default 0
33
+ */
9
34
  value?: number;
35
+ /**
36
+ * The minimum value of the progress.
37
+ *
38
+ * @default 0
39
+ */
10
40
  min?: number;
41
+ /**
42
+ * The maximum value of the progress.
43
+ *
44
+ * @default 100
45
+ */
11
46
  max?: number;
47
+ /**
48
+ * If `true`, the cap of the progress indicator will be rounded.
49
+ *
50
+ * @default false
51
+ */
12
52
  isRounded?: boolean;
53
+ /**
54
+ * If `true`, the progress will be indeterminate and the `value` prop will be ignored.
55
+ *
56
+ * @default false
57
+ */
13
58
  isAnimation?: boolean;
59
+ /**
60
+ * The animation speed in seconds.
61
+ *
62
+ * @default '[1.4s, 2s]'
63
+ */
14
64
  speed?: [string | number, string | number];
15
65
  };
16
66
  type CircleProgressProps = Omit<HTMLUIProps<'div'>, 'color'> & CircleProgressOptions;
@@ -2,13 +2,51 @@ import * as _yamada_ui_core from '@yamada-ui/core';
2
2
  import { HTMLUIProps, ThemeProps, CSSUIProps } from '@yamada-ui/core';
3
3
 
4
4
  type ProgressOptions = {
5
+ /**
6
+ * The value of the progress.
7
+ *
8
+ * @default 0
9
+ */
5
10
  value?: number;
11
+ /**
12
+ * The minimum value of the progress.
13
+ *
14
+ * @default 0
15
+ */
6
16
  min?: number;
17
+ /**
18
+ * The maximum value of the progress.
19
+ *
20
+ * @default 100
21
+ */
7
22
  max?: number;
23
+ /**
24
+ * If `true`, the progress bar will show stripe.
25
+ *
26
+ * @default false
27
+ */
8
28
  hasStripe?: boolean;
29
+ /**
30
+ * If `true`, and hasStripe is `true`, the stripes will be animated.
31
+ *
32
+ * @default false
33
+ */
9
34
  isStripeAnimation?: boolean;
35
+ /**
36
+ * If `true`, the progress will be indeterminate and the `value` prop will be ignored.
37
+ *
38
+ * @default false
39
+ */
10
40
  isAnimation?: boolean;
41
+ /**
42
+ * The animation speed in seconds.
43
+ *
44
+ * @default '1.4s'
45
+ */
11
46
  speed?: string | number;
47
+ /**
48
+ * The CSS `color` property.
49
+ */
12
50
  filledTrackColor?: CSSUIProps<'unResponsive'>['color'];
13
51
  };
14
52
  type ProgressProps = HTMLUIProps<'div'> & ThemeProps<'Progress'> & ProgressOptions;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@yamada-ui/progress",
3
- "version": "0.2.6",
3
+ "version": "0.3.1",
4
4
  "description": "Yamada UI progress components",
5
5
  "keywords": [
6
6
  "yamada",
@@ -35,11 +35,11 @@
35
35
  "url": "https://github.com/hirotomoyamada/yamada-ui/issues"
36
36
  },
37
37
  "dependencies": {
38
- "@yamada-ui/core": "0.3.0",
38
+ "@yamada-ui/core": "0.4.0",
39
39
  "@yamada-ui/utils": "0.1.1",
40
- "@yamada-ui/use-value": "0.1.11",
41
- "@yamada-ui/use-token": "0.1.11",
42
- "@yamada-ui/use-animation": "0.1.11"
40
+ "@yamada-ui/use-value": "0.1.13",
41
+ "@yamada-ui/use-token": "0.1.13",
42
+ "@yamada-ui/use-animation": "0.1.13"
43
43
  },
44
44
  "devDependencies": {
45
45
  "react": "^18.0.0",
@@ -73,6 +73,6 @@
73
73
  "build:fast": "tsup src",
74
74
  "clean": "rimraf dist .turbo",
75
75
  "typecheck": "tsc --noEmit",
76
- "gen:types": "tsx ../../../scripts/generate-types"
76
+ "gen:docs": "tsx ../../../scripts/generate-docs"
77
77
  }
78
78
  }