@remotion/design 4.0.374 → 4.0.375
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/Button.js +1 -1
- package/dist/esm/index.mjs +2 -1
- package/dist/helpers/Outer.js +1 -0
- package/package.json +6 -6
package/dist/Button.js
CHANGED
|
@@ -44,6 +44,6 @@ export const Button = ({ children, className, disabled, depth, loading, ...butto
|
|
|
44
44
|
};
|
|
45
45
|
});
|
|
46
46
|
}, []);
|
|
47
|
-
const content = (_jsxs("button", { type: "button", disabled: disabled || loading, className: cn('text-text', 'flex', 'justify-center', 'bg-button-bg', 'items-center', 'font-brand', 'border-solid', 'text-[1em]', 'rounded-lg', 'border-black', 'border-2', 'border-b-4', 'cursor-pointer', 'px-4', 'h-12', 'flex', 'flex-row', 'items-center', 'disabled:cursor-default', 'disabled:opacity-50', 'relative', 'overflow-hidden', className), ...buttonProps, children: [_jsx("div", { className: cn(loading && 'invisible'), children: children }), loading ? (_jsx("div", { className: cn('absolute w-full h-full flex inset-0 items-center justify-center text-inherit bg-inherit'), children: _jsx(Spinner, { size: 20, duration: 1 }) })) : null] }));
|
|
47
|
+
const content = (_jsxs("button", { type: "button", disabled: disabled || loading, className: cn('text-text', 'flex', 'justify-center', 'bg-button-bg', 'items-center', 'font-brand', 'border-solid', 'text-[1em]', 'rounded-lg', 'border-black', 'border-2', 'border-b-4', 'cursor-pointer', 'px-4', 'h-12', 'flex', 'flex-row', 'items-center', 'disabled:cursor-default', 'disabled:opacity-50', 'relative', 'overflow-hidden', className), ...buttonProps, children: [_jsx("div", { className: cn(loading && 'invisible', 'inline-flex'), children: children }), loading ? (_jsx("div", { className: cn('absolute w-full h-full flex inset-0 items-center justify-center text-inherit bg-inherit'), children: _jsx(Spinner, { size: 20, duration: 1 }) })) : null] }));
|
|
48
48
|
return (_jsx("div", { ref: ref, className: "contents", onPointerEnter: onPointerEnter, children: dimensions && (isActive || progress > 0) ? (_jsx(Outer, { parentRef: ref, width: dimensions.width, height: dimensions.height, cornerRadius: dimensions.borderRadius, hoverTransform: progress, depthFactor: depth ?? 1, children: content })) : (content) }));
|
|
49
49
|
};
|
package/dist/esm/index.mjs
CHANGED
|
@@ -264,6 +264,7 @@ var Outer = ({
|
|
|
264
264
|
const depth = depthFromHover;
|
|
265
265
|
const frontFace = reduceMatrices([
|
|
266
266
|
translateZ(-depth / 2 + depthFromClick),
|
|
267
|
+
translateZ(1.1),
|
|
267
268
|
transformation
|
|
268
269
|
]);
|
|
269
270
|
const centerOriented = reduceMatrices([
|
|
@@ -412,7 +413,7 @@ var Button = ({ children, className, disabled, depth, loading, ...buttonProps })
|
|
|
412
413
|
...buttonProps,
|
|
413
414
|
children: [
|
|
414
415
|
/* @__PURE__ */ jsx4("div", {
|
|
415
|
-
className: cn(loading && "invisible"),
|
|
416
|
+
className: cn(loading && "invisible", "inline-flex"),
|
|
416
417
|
children
|
|
417
418
|
}),
|
|
418
419
|
loading ? /* @__PURE__ */ jsx4("div", {
|
package/dist/helpers/Outer.js
CHANGED
|
@@ -24,6 +24,7 @@ export const Outer = ({ children, width, height, cornerRadius, hoverTransform, p
|
|
|
24
24
|
const depth = depthFromHover;
|
|
25
25
|
const frontFace = reduceMatrices([
|
|
26
26
|
translateZ(-depth / 2 + depthFromClick),
|
|
27
|
+
translateZ(1.1),
|
|
27
28
|
transformation,
|
|
28
29
|
]);
|
|
29
30
|
const centerOriented = reduceMatrices([
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@remotion/design",
|
|
3
|
-
"version": "4.0.
|
|
3
|
+
"version": "4.0.375",
|
|
4
4
|
"main": "dist/index.js",
|
|
5
5
|
"types": "dist/index.d.ts",
|
|
6
6
|
"module": "dist/esm/index.mjs",
|
|
@@ -19,11 +19,11 @@
|
|
|
19
19
|
"make": "tsc -d && bun --env-file=../.env.bundle bundle.ts"
|
|
20
20
|
},
|
|
21
21
|
"dependencies": {
|
|
22
|
-
"@remotion/paths": "4.0.
|
|
23
|
-
"@remotion/shapes": "4.0.
|
|
24
|
-
"@remotion/svg-3d-engine": "4.0.
|
|
22
|
+
"@remotion/paths": "4.0.375",
|
|
23
|
+
"@remotion/shapes": "4.0.375",
|
|
24
|
+
"@remotion/svg-3d-engine": "4.0.375",
|
|
25
25
|
"clsx": "^2.1.1",
|
|
26
|
-
"remotion": "4.0.
|
|
26
|
+
"remotion": "4.0.375",
|
|
27
27
|
"@radix-ui/react-select": "2.1.1",
|
|
28
28
|
"lucide-react": "0.439.0"
|
|
29
29
|
},
|
|
@@ -32,7 +32,7 @@
|
|
|
32
32
|
"react-dom": ">=16.8.0"
|
|
33
33
|
},
|
|
34
34
|
"devDependencies": {
|
|
35
|
-
"@remotion/eslint-config-internal": "4.0.
|
|
35
|
+
"@remotion/eslint-config-internal": "4.0.375",
|
|
36
36
|
"eslint": "9.19.0",
|
|
37
37
|
"react": "19.0.0",
|
|
38
38
|
"react-dom": "19.0.0",
|