@zonos/amino 5.5.32 → 5.5.33
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 +1 @@
|
|
|
1
|
-
"use strict";var
|
|
1
|
+
"use strict";var o=require("../../tslib.es6-8c21e256.js"),e=require("react"),r=require("clsx"),i=require("framer-motion"),l=require("../../style-inject.es-d4ddeae4.js"),n=require("react/jsx-runtime");function _(o){return o&&o.__esModule?o:{default:o}}var d=_(r),p="Amino_Toggle-module__shrinkWrapper--osh3J",t="Amino_Toggle-module__wrapper--NF4v5",a="Amino_Toggle-module__selectedSlider--WsUDo",m="Amino_Toggle-module__optionWrapper--0wrNp",g="Amino_Toggle-module__icon--8o1Om",u="Amino_Toggle-module__selected--badUt",s="Amino_Toggle-module__fullWidth--vw3dd";l.styleInject(".Amino_Toggle-module__shrinkWrapper--osh3J{display:inline-flex}.Amino_Toggle-module__shrinkWrapper--osh3J .Amino_Toggle-module__wrapper--NF4v5{background-color:#050a280f;border-radius:6px;display:flex;height:32px;position:relative}[data-theme=night] .Amino_Toggle-module__shrinkWrapper--osh3J .Amino_Toggle-module__wrapper--NF4v5{background-color:#dce1ff1a}.Amino_Toggle-module__shrinkWrapper--osh3J .Amino_Toggle-module__selectedSlider--WsUDo{background-color:var(--amino-raised-surface-color);border-radius:6px;box-shadow:var(--amino-shadow-raised-standard);height:100%;height:30px;margin-top:1px;position:absolute;z-index:1}.Amino_Toggle-module__shrinkWrapper--osh3J .Amino_Toggle-module__optionWrapper--0wrNp{border-radius:6px;color:var(--amino-text-color-secondary);cursor:pointer;display:flex;font-size:var(--amino-font-size-base);font-weight:500;gap:6px;justify-content:center;padding:4px 12px;text-align:center;z-index:2}.Amino_Toggle-module__shrinkWrapper--osh3J .Amino_Toggle-module__optionWrapper--0wrNp .Amino_Toggle-module__icon--8o1Om,.Amino_Toggle-module__shrinkWrapper--osh3J .Amino_Toggle-module__optionWrapper--0wrNp .Amino_Toggle-module__icon--8o1Om svg{max-height:100%;width:auto}.Amino_Toggle-module__shrinkWrapper--osh3J .Amino_Toggle-module__optionWrapper--0wrNp:focus{outline:none}.Amino_Toggle-module__shrinkWrapper--osh3J .Amino_Toggle-module__optionWrapper--0wrNp.Amino_Toggle-module__selected--badUt,.Amino_Toggle-module__shrinkWrapper--osh3J .Amino_Toggle-module__optionWrapper--0wrNp:hover:not(.Amino_Toggle-module__selected--badUt){color:var(--amino-text-color)}.Amino_Toggle-module__shrinkWrapper--osh3J.Amino_Toggle-module__fullWidth--vw3dd,.Amino_Toggle-module__shrinkWrapper--osh3J.Amino_Toggle-module__fullWidth--vw3dd .Amino_Toggle-module__wrapper--NF4v5{width:100%}.Amino_Toggle-module__shrinkWrapper--osh3J.Amino_Toggle-module__fullWidth--vw3dd .Amino_Toggle-module__wrapper--NF4v5 .Amino_Toggle-module__optionWrapper--0wrNp{flex-grow:1}.Amino_Toggle-module__shrinkWrapper--osh3J.sm .Amino_Toggle-module__optionWrapper--0wrNp{padding:6px 12px}.Amino_Toggle-module__shrinkWrapper--osh3J.md .Amino_Toggle-module__optionWrapper--0wrNp{padding:10px 12px}.Amino_Toggle-module__shrinkWrapper--osh3J.lg .Amino_Toggle-module__optionWrapper--0wrNp{padding:14px}.Amino_Toggle-module__shrinkWrapper--osh3J.xl .Amino_Toggle-module__optionWrapper--0wrNp{padding:18px 16px}");exports.Toggle=function(r){var l=r.className,_=r.fullWidth,h=void 0!==_&&_,c=r.onChange,A=r.options,T=r.size,f=void 0===T?"sm":T,v=r.style,x=r.value,W=e.useRef(null),w=e.useRef(null),N=o.__read(e.useState({left:0,width:0}),2),k=N[0],J=N[1],b=o.__read(e.useState(!1),2),j=b[0],y=b[1];return e.useEffect((function(){var o,e,r=function(o,e){if(!e||!o)return{left:0,width:0};var r=e.width;return{left:e.left-o.left,width:r}}((null===(o=W.current)||void 0===o?void 0:o.getBoundingClientRect())||null,(null===(e=w.current)||void 0===e?void 0:e.getBoundingClientRect())||null);J(r)}),[x,f]),n.jsx("div",{className:d.default(l,p,h&&s,f),style:v,children:n.jsxs("div",{ref:W,className:t,children:[n.jsx(i.motion.div,{animate:{width:k.width,x:k.left},className:a,initial:!1,onAnimationComplete:function(){y(!0)},transition:{duration:j?.2:0}}),A.map((function(o){var e=o.value===x;return n.jsxs("button",{ref:e?w:null,className:d.default([m,e&&u]),onClick:function(){return c(o.value)},type:"button",children:[o.icon&&n.jsx("div",{className:g,children:o.icon}),n.jsx("div",{children:o.label})]},o.value)}))]})})};
|