@devup-ui/components 0.1.17 → 0.1.18

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.
@@ -1,2 +1,2 @@
1
1
  "use client";
2
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),p=require("@devup-ui/react"),l=require("react");function H({defaultValue:x=null,value:d=null,onChange:a,disabled:u,className:b,style:v,variant:h="default",colors:r,classNames:n,styles:g}){const[m,y]=l.useState(d??x??!1),i=d??m;function f(w){a==null||a(!w),y(B=>!B)}const e=h==="default";return t.jsxs(t.Fragment,{children:[t.jsx(p.Box,{"aria-disabled":u,bg:i?"var(--primary)":"var(--bg, light-dark(#E4E4E4, #383838))",borderRadius:"500px",boxSizing:"border-box",className:b,cursor:"pointer",h:e?"28px":"8px",justifyContent:i&&"flex-end",onClick:()=>!u&&f(i),p:!e&&1,position:"relative",role:"group",selectors:{"&[aria-disabled=true]":{cursor:"not-allowed",bg:"var(--disabledBg, light-dark(#D6D7DE, #373737))"},"&:hover:not([aria-disabled=true]):not(:disabled)":{bg:i?"var(--primaryHoverBg, light-dark(color-mix(in srgb, var(--primary) 100%, #000 15%), color-mix(in srgb, var(--primary) 100%, #FFF 15%)))":"var(--hoverBg, light-dark(#C3C2C8, #696A6F))"}},style:v,styleVars:{primary:r==null?void 0:r.primary,bg:r==null?void 0:r.bg,primaryHoverBg:r==null?void 0:r.primaryHoverBg,hoverBg:r==null?void 0:r.hoverBg,disabledBg:r==null?void 0:r.disabledBg},"test-id":"toggle-wrapper",transition:".25s",w:e?"50px":"40px",children:t.jsx(p.Box,{_groupHover:!e&&{outline:"4px solid",outlineColor:"var(--switchHoverOutline, light-dark(color-mix(in srgb, var(--primary) 20%, transparent), color-mix(in srgb, var(--primary) 50%, transparent)))"},backgroundColor:"#fff",borderRadius:"100%",boxSize:"20px",className:n==null?void 0:n.toggle,filter:!e&&"drop-shadow(0px 0px 3px var(--switchShadow, rgba(0, 0, 0, 0.10)));",outline:"4px",pos:"absolute",style:g==null?void 0:g.toggle,styleVars:{primary:r==null?void 0:r.primary,primaryHoverBg:r==null?void 0:r.primaryHoverBg,switchShadow:r==null?void 0:r.switchShadow,switchHoverOutline:r==null?void 0:r.switchHoverOutline},top:!e&&"-6px",transform:i&&"translateX(calc(100% + 2px))",transition:e?".25s":"transform .25s"})}),t.jsx(p.Input,{type:"hidden",value:String(i)})]})}exports.Toggle=H;
2
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),p=require("@devup-ui/react"),l=require("react");function H({defaultValue:x=null,value:d=null,onChange:a,disabled:u,className:b,style:v,variant:h="default",colors:r,classNames:n,styles:g}){const[m,y]=l.useState(d??x??!1),i=d??m;function f(w){a==null||a(!w),y(B=>!B)}const e=h==="default";return t.jsxs(t.Fragment,{children:[t.jsx(p.Box,{"aria-disabled":u,bg:i?"var(--primary)":"var(--bg, light-dark(#E4E4E4, #383838))",borderRadius:"500px",boxSizing:"border-box",className:b,cursor:"pointer",h:e?"28px":"8px",justifyContent:i&&"flex-end",onClick:()=>!u&&f(i),p:e&&1,position:"relative",role:"group",selectors:{"&[aria-disabled=true]":{cursor:"not-allowed",bg:"var(--disabledBg, light-dark(#D6D7DE, #373737))"},"&:hover:not([aria-disabled=true]):not(:disabled)":{bg:i?"var(--primaryHoverBg, light-dark(color-mix(in srgb, var(--primary) 100%, #000 15%), color-mix(in srgb, var(--primary) 100%, #FFF 15%)))":"var(--hoverBg, light-dark(#C3C2C8, #696A6F))"}},style:v,styleVars:{primary:r==null?void 0:r.primary,bg:r==null?void 0:r.bg,primaryHoverBg:r==null?void 0:r.primaryHoverBg,hoverBg:r==null?void 0:r.hoverBg,disabledBg:r==null?void 0:r.disabledBg},"test-id":"toggle-wrapper",transition:".25s",w:e?"50px":"40px",children:t.jsx(p.Box,{_groupHover:!e&&{outline:"4px solid",outlineColor:"var(--switchHoverOutline, light-dark(color-mix(in srgb, var(--primary) 20%, transparent), color-mix(in srgb, var(--primary) 50%, transparent)))"},backgroundColor:"#fff",borderRadius:"100%",boxSize:"20px",className:n==null?void 0:n.toggle,filter:!e&&"drop-shadow(0px 0px 3px var(--switchShadow, rgba(0, 0, 0, 0.10)));",outline:"4px",pos:"absolute",style:g==null?void 0:g.toggle,styleVars:{primary:r==null?void 0:r.primary,primaryHoverBg:r==null?void 0:r.primaryHoverBg,switchShadow:r==null?void 0:r.switchShadow,switchHoverOutline:r==null?void 0:r.switchHoverOutline},top:!e&&"-6px",transform:i&&"translateX(calc(100% + 2px))",transition:e?".25s":"transform .25s"})}),t.jsx(p.Input,{type:"hidden",value:String(i)})]})}exports.Toggle=H;
@@ -34,7 +34,7 @@ function E({
34
34
  h: i ? "28px" : "8px",
35
35
  justifyContent: t && "flex-end",
36
36
  onClick: () => !g && y(t),
37
- p: !i && 1,
37
+ p: i && 1,
38
38
  position: "relative",
39
39
  role: "group",
40
40
  selectors: {
package/package.json CHANGED
@@ -16,7 +16,7 @@
16
16
  "css-in-js-framework",
17
17
  "react"
18
18
  ],
19
- "version": "0.1.17",
19
+ "version": "0.1.18",
20
20
  "type": "module",
21
21
  "publishConfig": {
22
22
  "access": "public"
@@ -52,7 +52,7 @@
52
52
  "vite": "^7.1.5",
53
53
  "vite-plugin-dts": "^4.5.4",
54
54
  "vitest": "^3.2.4",
55
- "@devup-ui/vite-plugin": "1.0.36"
55
+ "@devup-ui/vite-plugin": "1.0.37"
56
56
  },
57
57
  "peerDependencies": {
58
58
  "csstype": "*",