@remotion/design 4.0.412 → 4.0.413

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 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-[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)]" }) }));
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)]" }) }));
4
4
  };
@@ -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-[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",
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",
5548
5548
  onClick: onToggle,
5549
5549
  children: /* @__PURE__ */ jsx25("div", {
5550
5550
  "data-active": active,
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)]"
5551
+ 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)]"
5552
5552
  })
5553
5553
  });
5554
5554
  };
package/dist/tailwind.css CHANGED
@@ -301,11 +301,11 @@
301
301
  .h-14 {
302
302
  height: calc(var(--spacing) * 14);
303
303
  }
304
- .h-\[16px\] {
305
- height: 16px;
304
+ .h-\[20px\] {
305
+ height: 20px;
306
306
  }
307
- .h-\[24px\] {
308
- height: 24px;
307
+ .h-\[34px\] {
308
+ height: 34px;
309
309
  }
310
310
  .h-full {
311
311
  height: 100%;
@@ -325,11 +325,11 @@
325
325
  .w-4 {
326
326
  width: calc(var(--spacing) * 4);
327
327
  }
328
- .w-\[16px\] {
329
- width: 16px;
328
+ .w-\[20px\] {
329
+ width: 20px;
330
330
  }
331
- .w-\[48px\] {
332
- width: 48px;
331
+ .w-\[56px\] {
332
+ width: 56px;
333
333
  }
334
334
  .w-\[140px\] {
335
335
  width: 140px;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@remotion/design",
3
- "version": "4.0.412",
3
+ "version": "4.0.413",
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.411",
23
- "@remotion/shapes": "4.0.411",
24
- "@remotion/svg-3d-engine": "4.0.411",
22
+ "@remotion/paths": "4.0.413",
23
+ "@remotion/shapes": "4.0.413",
24
+ "@remotion/svg-3d-engine": "4.0.413",
25
25
  "clsx": "^2.1.1",
26
- "remotion": "4.0.411",
26
+ "remotion": "4.0.413",
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.411",
36
+ "@remotion/eslint-config-internal": "4.0.413",
37
37
  "eslint": "9.19.0",
38
38
  "react": "19.2.3",
39
39
  "react-dom": "19.2.3",