@remotion/design 4.0.410 → 4.0.412
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 +2 -2
- package/dist/tailwind.css +13 -7
- 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-
|
|
3
|
+
return (_jsx("div", { "data-active": active, className: "h-[24px] transition-all rounded-full w-[48px] 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-[16px] w-[16px] 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,11 +5544,11 @@ 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-
|
|
5547
|
+
className: "h-[24px] transition-all rounded-full w-[48px] border-2 border-b-4 bg-gray-200 p-[2px] cursor-pointer data-[active=true]:bg-brand border-black relative",
|
|
5548
5548
|
onClick: onToggle,
|
|
5549
5549
|
children: /* @__PURE__ */ jsx25("div", {
|
|
5550
5550
|
"data-active": active,
|
|
5551
|
-
className: "h-
|
|
5551
|
+
className: "h-[16px] w-[16px] box-content left-[4px] top-[4px] transition-all rounded-full bg-white border-2 border-black absolute data-[active=true]:left-[calc(100%-24px)]"
|
|
5552
5552
|
})
|
|
5553
5553
|
});
|
|
5554
5554
|
};
|
package/dist/tailwind.css
CHANGED
|
@@ -226,8 +226,8 @@
|
|
|
226
226
|
.inset-0 {
|
|
227
227
|
inset: calc(var(--spacing) * 0);
|
|
228
228
|
}
|
|
229
|
-
.top-\[
|
|
230
|
-
top:
|
|
229
|
+
.top-\[4px\] {
|
|
230
|
+
top: 4px;
|
|
231
231
|
}
|
|
232
232
|
.left-2 {
|
|
233
233
|
left: calc(var(--spacing) * 2);
|
|
@@ -292,9 +292,6 @@
|
|
|
292
292
|
.h-4 {
|
|
293
293
|
height: calc(var(--spacing) * 4);
|
|
294
294
|
}
|
|
295
|
-
.h-8 {
|
|
296
|
-
height: calc(var(--spacing) * 8);
|
|
297
|
-
}
|
|
298
295
|
.h-10 {
|
|
299
296
|
height: calc(var(--spacing) * 10);
|
|
300
297
|
}
|
|
@@ -304,6 +301,12 @@
|
|
|
304
301
|
.h-14 {
|
|
305
302
|
height: calc(var(--spacing) * 14);
|
|
306
303
|
}
|
|
304
|
+
.h-\[16px\] {
|
|
305
|
+
height: 16px;
|
|
306
|
+
}
|
|
307
|
+
.h-\[24px\] {
|
|
308
|
+
height: 24px;
|
|
309
|
+
}
|
|
307
310
|
.h-full {
|
|
308
311
|
height: 100%;
|
|
309
312
|
}
|
|
@@ -322,8 +325,11 @@
|
|
|
322
325
|
.w-4 {
|
|
323
326
|
width: calc(var(--spacing) * 4);
|
|
324
327
|
}
|
|
325
|
-
.w
|
|
326
|
-
width:
|
|
328
|
+
.w-\[16px\] {
|
|
329
|
+
width: 16px;
|
|
330
|
+
}
|
|
331
|
+
.w-\[48px\] {
|
|
332
|
+
width: 48px;
|
|
327
333
|
}
|
|
328
334
|
.w-\[140px\] {
|
|
329
335
|
width: 140px;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@remotion/design",
|
|
3
|
-
"version": "4.0.
|
|
3
|
+
"version": "4.0.412",
|
|
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.411",
|
|
23
|
+
"@remotion/shapes": "4.0.411",
|
|
24
|
+
"@remotion/svg-3d-engine": "4.0.411",
|
|
25
25
|
"clsx": "^2.1.1",
|
|
26
|
-
"remotion": "4.0.
|
|
26
|
+
"remotion": "4.0.411",
|
|
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.411",
|
|
37
37
|
"eslint": "9.19.0",
|
|
38
38
|
"react": "19.2.3",
|
|
39
39
|
"react-dom": "19.2.3",
|