@blockle/blocks 0.14.3 → 0.15.0
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.cjs +4 -4
- package/dist/index.mjs +4 -4
- package/dist/momotaro.chunk.d.ts +272 -269
- package/dist/styles/components/form/Slider/Slider.cjs +64 -31
- package/dist/styles/components/form/Slider/Slider.mjs +65 -32
- package/dist/styles/components/form/Slider/slider.css.cjs +1 -0
- package/dist/styles/components/form/Slider/slider.css.mjs +1 -0
- package/dist/styles/lib/css/utils/cssUtils.cjs +5 -0
- package/dist/styles/lib/css/utils/cssUtils.mjs +6 -0
- package/dist/styles/themes/momotaro/components/dialog.css.cjs +11 -11
- package/dist/styles/themes/momotaro/components/dialog.css.mjs +11 -11
- package/dist/styles/themes/momotaro/components/slider.css.cjs +26 -2
- package/dist/styles/themes/momotaro/components/slider.css.mjs +26 -2
- package/dist/styles/themes/momotaro/tokens.css.cjs +11 -10
- package/dist/styles/themes/momotaro/tokens.css.mjs +11 -10
- package/package.json +1 -1
package/dist/index.cjs
CHANGED
|
@@ -21,7 +21,8 @@ const reactDom = require("react-dom");
|
|
|
21
21
|
const styles_components_overlay_Dialog_Dialog_cjs = require("./styles/components/overlay/Dialog/Dialog.cjs");
|
|
22
22
|
const styles_components_typography_Heading_Heading_cjs = require("./styles/components/typography/Heading/Heading.cjs");
|
|
23
23
|
const styles_components_typography_Text_Text_cjs = require("./styles/components/typography/Text/Text.cjs");
|
|
24
|
-
const Progress = react.forwardRef(function Progress2({
|
|
24
|
+
const Progress = react.forwardRef(function Progress2({ className, indeterminate, max = 100, value = 0, ...restProps }, ref) {
|
|
25
|
+
const progress = value / max * 100;
|
|
25
26
|
const containerClassName = styles_components_display_Divider_Divider_cjs.useComponentStyles(
|
|
26
27
|
"progress",
|
|
27
28
|
{
|
|
@@ -31,10 +32,9 @@ const Progress = react.forwardRef(function Progress2({ value, max = 100, classNa
|
|
|
31
32
|
);
|
|
32
33
|
const barClassName = styles_components_display_Divider_Divider_cjs.useComponentStyles(
|
|
33
34
|
"progress",
|
|
34
|
-
{ bar: true, variants: { indeterminate
|
|
35
|
+
{ bar: true, variants: { indeterminate } },
|
|
35
36
|
false
|
|
36
37
|
);
|
|
37
|
-
const progress = value === void 0 ? 0 : value / max * 100;
|
|
38
38
|
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
39
39
|
styles_components_display_Divider_Divider_cjs.Box,
|
|
40
40
|
{
|
|
@@ -53,7 +53,7 @@ const Progress = react.forwardRef(function Progress2({ value, max = 100, classNa
|
|
|
53
53
|
backgroundColor: "currentColor",
|
|
54
54
|
inlineSize: "full",
|
|
55
55
|
blockSize: "full",
|
|
56
|
-
style: { transform:
|
|
56
|
+
style: { transform: indeterminate ? void 0 : `translateX(-${100 - progress}%)` }
|
|
57
57
|
}
|
|
58
58
|
)
|
|
59
59
|
}
|
package/dist/index.mjs
CHANGED
|
@@ -23,7 +23,8 @@ import { useIsomorphicLayoutEffect, hasAnimationDuration, useKeyboard, useClickO
|
|
|
23
23
|
import { Dialog, usePreventBodyScroll } from "./styles/components/overlay/Dialog/Dialog.mjs";
|
|
24
24
|
import { Heading } from "./styles/components/typography/Heading/Heading.mjs";
|
|
25
25
|
import { Text } from "./styles/components/typography/Text/Text.mjs";
|
|
26
|
-
const Progress = forwardRef(function Progress2({
|
|
26
|
+
const Progress = forwardRef(function Progress2({ className, indeterminate, max = 100, value = 0, ...restProps }, ref) {
|
|
27
|
+
const progress = value / max * 100;
|
|
27
28
|
const containerClassName = useComponentStyles(
|
|
28
29
|
"progress",
|
|
29
30
|
{
|
|
@@ -33,10 +34,9 @@ const Progress = forwardRef(function Progress2({ value, max = 100, className, ..
|
|
|
33
34
|
);
|
|
34
35
|
const barClassName = useComponentStyles(
|
|
35
36
|
"progress",
|
|
36
|
-
{ bar: true, variants: { indeterminate
|
|
37
|
+
{ bar: true, variants: { indeterminate } },
|
|
37
38
|
false
|
|
38
39
|
);
|
|
39
|
-
const progress = value === void 0 ? 0 : value / max * 100;
|
|
40
40
|
return /* @__PURE__ */ jsx(
|
|
41
41
|
Box,
|
|
42
42
|
{
|
|
@@ -55,7 +55,7 @@ const Progress = forwardRef(function Progress2({ value, max = 100, className, ..
|
|
|
55
55
|
backgroundColor: "currentColor",
|
|
56
56
|
inlineSize: "full",
|
|
57
57
|
blockSize: "full",
|
|
58
|
-
style: { transform:
|
|
58
|
+
style: { transform: indeterminate ? void 0 : `translateX(-${100 - progress}%)` }
|
|
59
59
|
}
|
|
60
60
|
)
|
|
61
61
|
}
|