@pittorica/progress-react 0.23.0 → 0.23.2
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/dist/index.js +24 -22
- package/package.json +6 -6
package/dist/index.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsx as n, jsxs as b } from "react/jsx-runtime";
|
|
2
|
-
import { useId as
|
|
2
|
+
import { useId as q } from "react";
|
|
3
3
|
function $(t) {
|
|
4
4
|
var e, i, r = "";
|
|
5
5
|
if (typeof t == "string" || typeof t == "number") r += t;
|
|
@@ -9,7 +9,7 @@ function $(t) {
|
|
|
9
9
|
} else for (i in t) t[i] && (r && (r += " "), r += i);
|
|
10
10
|
return r;
|
|
11
11
|
}
|
|
12
|
-
function
|
|
12
|
+
function C() {
|
|
13
13
|
for (var t, e, i = 0, r = "", s = arguments.length; i < s; i++) (t = arguments[i]) && (e = $(t)) && (r && (r += " "), r += e);
|
|
14
14
|
return r;
|
|
15
15
|
}
|
|
@@ -22,7 +22,7 @@ function w(t) {
|
|
|
22
22
|
} else for (i in t) t[i] && (r && (r += " "), r += i);
|
|
23
23
|
return r;
|
|
24
24
|
}
|
|
25
|
-
function
|
|
25
|
+
function F() {
|
|
26
26
|
for (var t, e, i = 0, r = "", s = arguments.length; i < s; i++) (t = arguments[i]) && (e = w(t)) && (r && (r += " "), r += e);
|
|
27
27
|
return r;
|
|
28
28
|
}
|
|
@@ -45,18 +45,19 @@ const N = ({
|
|
|
45
45
|
height: v,
|
|
46
46
|
position: y,
|
|
47
47
|
style: x,
|
|
48
|
-
className:
|
|
49
|
-
href:
|
|
50
|
-
target:
|
|
51
|
-
rel:
|
|
48
|
+
className: j,
|
|
49
|
+
href: A,
|
|
50
|
+
target: T,
|
|
51
|
+
rel: k,
|
|
52
52
|
htmlFor: B,
|
|
53
53
|
type: I,
|
|
54
|
-
|
|
55
|
-
|
|
54
|
+
name: L,
|
|
55
|
+
disabled: M,
|
|
56
|
+
...S
|
|
56
57
|
}) => {
|
|
57
58
|
const a = {};
|
|
58
59
|
r && (a.display = r), u && (a.width = u), v && (a.height = v), y && (a.position = y), s && (a.margin = `var(--pittorica-space-${s})`), c && (a.marginTop = `var(--pittorica-space-${c})`), d && (a.marginRight = `var(--pittorica-space-${d})`), m && (a.marginBottom = `var(--pittorica-space-${m})`), p && (a.marginLeft = `var(--pittorica-space-${p})`), h && (a.padding = `var(--pittorica-space-${h})`), g && (a.paddingTop = `var(--pittorica-space-${g})`), o && (a.paddingRight = `var(--pittorica-space-${o})`), l && (a.paddingBottom = `var(--pittorica-space-${l})`), f && (a.paddingLeft = `var(--pittorica-space-${f})`);
|
|
59
|
-
const
|
|
60
|
+
const W = {
|
|
60
61
|
...x,
|
|
61
62
|
...a
|
|
62
63
|
};
|
|
@@ -64,21 +65,22 @@ const N = ({
|
|
|
64
65
|
e,
|
|
65
66
|
{
|
|
66
67
|
ref: t,
|
|
67
|
-
className:
|
|
68
|
-
style:
|
|
69
|
-
href:
|
|
70
|
-
target:
|
|
71
|
-
rel:
|
|
68
|
+
className: F("pittorica-box", j),
|
|
69
|
+
style: W,
|
|
70
|
+
href: A,
|
|
71
|
+
target: T,
|
|
72
|
+
rel: k,
|
|
72
73
|
htmlFor: B,
|
|
73
74
|
type: I,
|
|
74
|
-
|
|
75
|
-
|
|
75
|
+
name: L,
|
|
76
|
+
disabled: M,
|
|
77
|
+
...S,
|
|
76
78
|
children: i
|
|
77
79
|
}
|
|
78
80
|
);
|
|
79
81
|
};
|
|
80
82
|
N.displayName = "Box";
|
|
81
|
-
const
|
|
83
|
+
const P = ({
|
|
82
84
|
value: t = 0,
|
|
83
85
|
max: e = 100,
|
|
84
86
|
color: i = "indigo",
|
|
@@ -87,7 +89,7 @@ const F = ({
|
|
|
87
89
|
style: c,
|
|
88
90
|
...d
|
|
89
91
|
}) => {
|
|
90
|
-
const m =
|
|
92
|
+
const m = q(), p = Math.min(Math.max(0, t / e * 100), 100), g = i !== "inherit" && !(i != null && i.startsWith("#")) && !(i != null && i.startsWith("rgb")) ? `var(--pittorica-${i}-9)` : i, o = `pittorica-progress-pattern-${m}`;
|
|
91
93
|
return /* @__PURE__ */ b(
|
|
92
94
|
N,
|
|
93
95
|
{
|
|
@@ -96,7 +98,7 @@ const F = ({
|
|
|
96
98
|
"aria-valuenow": t,
|
|
97
99
|
"aria-valuemin": 0,
|
|
98
100
|
"aria-valuemax": e,
|
|
99
|
-
className:
|
|
101
|
+
className: C("pittorica-progress-root", s),
|
|
100
102
|
style: {
|
|
101
103
|
"--pittorica-source-color": g,
|
|
102
104
|
...c
|
|
@@ -155,7 +157,7 @@ const F = ({
|
|
|
155
157
|
}
|
|
156
158
|
);
|
|
157
159
|
};
|
|
158
|
-
|
|
160
|
+
P.displayName = "Progress";
|
|
159
161
|
export {
|
|
160
|
-
|
|
162
|
+
P as Progress
|
|
161
163
|
};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@pittorica/progress-react",
|
|
3
|
-
"version": "0.23.
|
|
3
|
+
"version": "0.23.2",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"main": "./dist/index.js",
|
|
6
6
|
"module": "./dist/index.js",
|
|
@@ -10,8 +10,8 @@
|
|
|
10
10
|
],
|
|
11
11
|
"dependencies": {
|
|
12
12
|
"clsx": "^2.1.1",
|
|
13
|
-
"@pittorica/
|
|
14
|
-
"@pittorica/
|
|
13
|
+
"@pittorica/text-react": "0.23.2",
|
|
14
|
+
"@pittorica/box-react": "0.23.2"
|
|
15
15
|
},
|
|
16
16
|
"devDependencies": {
|
|
17
17
|
"@testing-library/jest-dom": "^6.9.1",
|
|
@@ -23,9 +23,9 @@
|
|
|
23
23
|
"typescript": "^5.0.0",
|
|
24
24
|
"vite": "^5.0.0",
|
|
25
25
|
"vitest": "^2.1.9",
|
|
26
|
-
"@pittorica/
|
|
27
|
-
"
|
|
28
|
-
"pittorica": "0.23.
|
|
26
|
+
"@pittorica/theme-react": "0.23.2",
|
|
27
|
+
"pittorica": "0.23.2",
|
|
28
|
+
"@pittorica/flex-react": "0.23.2"
|
|
29
29
|
},
|
|
30
30
|
"peerDependencies": {
|
|
31
31
|
"react": ">=19",
|