@remotion/design 4.0.418 → 4.0.419
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/Switch.js +1 -1
- package/dist/esm/index.mjs +1 -1
- package/dist/tailwind.css +3 -0
- package/package.json +6 -6
package/dist/Switch.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
2
|
export const Switch = ({ active, onToggle }) => {
|
|
3
|
-
return (_jsx("div", { "data-active": active, className: "h-[34px] transition-all rounded-full w-[56px] border-2 border-b-4 bg-gray-200 p-[2px] cursor-pointer data-[active=true]:bg-brand border-black relative", onClick: onToggle, children: _jsx("div", { "data-active": active, className: "h-[20px] w-[20px] box-content left-[4px] top-[4px] transition-all rounded-full bg-white border-2 border-black absolute data-[active=true]:left-[calc(100%-24px)]" }) }));
|
|
3
|
+
return (_jsx("div", { "data-active": active, className: "h-[34px] transition-all rounded-full w-[56px] border-2 border-b-4 bg-gray-200 p-[2px] cursor-pointer data-[active=true]:bg-brand border-black relative shrink-0", onClick: onToggle, children: _jsx("div", { "data-active": active, className: "h-[20px] w-[20px] box-content left-[4px] top-[4px] transition-all rounded-full bg-white border-2 border-black absolute data-[active=true]:left-[calc(100%-24px)]" }) }));
|
|
4
4
|
};
|
package/dist/esm/index.mjs
CHANGED
|
@@ -5544,7 +5544,7 @@ import { jsx as jsx25 } from "react/jsx-runtime";
|
|
|
5544
5544
|
var Switch = ({ active, onToggle }) => {
|
|
5545
5545
|
return /* @__PURE__ */ jsx25("div", {
|
|
5546
5546
|
"data-active": active,
|
|
5547
|
-
className: "h-[34px] transition-all rounded-full w-[56px] border-2 border-b-4 bg-gray-200 p-[2px] cursor-pointer data-[active=true]:bg-brand border-black relative",
|
|
5547
|
+
className: "h-[34px] transition-all rounded-full w-[56px] border-2 border-b-4 bg-gray-200 p-[2px] cursor-pointer data-[active=true]:bg-brand border-black relative shrink-0",
|
|
5548
5548
|
onClick: onToggle,
|
|
5549
5549
|
children: /* @__PURE__ */ jsx25("div", {
|
|
5550
5550
|
"data-active": active,
|
package/dist/tailwind.css
CHANGED
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@remotion/design",
|
|
3
|
-
"version": "4.0.
|
|
3
|
+
"version": "4.0.419",
|
|
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.419",
|
|
23
|
+
"@remotion/shapes": "4.0.419",
|
|
24
|
+
"@remotion/svg-3d-engine": "4.0.419",
|
|
25
25
|
"clsx": "^2.1.1",
|
|
26
|
-
"remotion": "4.0.
|
|
26
|
+
"remotion": "4.0.419",
|
|
27
27
|
"@radix-ui/react-select": "2.1.1",
|
|
28
28
|
"@radix-ui/react-tabs": "^1.1.0",
|
|
29
29
|
"lucide-react": "0.439.0"
|
|
@@ -33,7 +33,7 @@
|
|
|
33
33
|
"react-dom": ">=16.8.0"
|
|
34
34
|
},
|
|
35
35
|
"devDependencies": {
|
|
36
|
-
"@remotion/eslint-config-internal": "4.0.
|
|
36
|
+
"@remotion/eslint-config-internal": "4.0.419",
|
|
37
37
|
"eslint": "9.19.0",
|
|
38
38
|
"react": "19.2.3",
|
|
39
39
|
"react-dom": "19.2.3",
|