@zonos/amino 5.5.38 → 5.5.40
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.
|
@@ -7,6 +7,11 @@ export type ToggleProps<TValue extends SelectValue = SelectValue> = BaseProps &
|
|
|
7
7
|
* @default false
|
|
8
8
|
*/
|
|
9
9
|
fullWidth?: boolean;
|
|
10
|
+
/**
|
|
11
|
+
* If true, the toggle will be disabled
|
|
12
|
+
* @default false
|
|
13
|
+
*/
|
|
14
|
+
isDisabled?: boolean;
|
|
10
15
|
/**
|
|
11
16
|
* Function called when a toggle option is selected
|
|
12
17
|
*/
|
|
@@ -115,4 +120,4 @@ export type ToggleProps<TValue extends SelectValue = SelectValue> = BaseProps &
|
|
|
115
120
|
* />
|
|
116
121
|
* ```
|
|
117
122
|
*/
|
|
118
|
-
export declare const Toggle: <TValue extends SelectValue>({ className, fullWidth, onChange, options, size, style, value, }: ToggleProps<TValue>) => import("react").JSX.Element;
|
|
123
|
+
export declare const Toggle: <TValue extends SelectValue>({ className, fullWidth, isDisabled, onChange, options, size, style, value, }: ToggleProps<TValue>) => import("react").JSX.Element;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var o=require("../../tslib.es6-8c21e256.js"),e=require("react"),
|
|
1
|
+
"use strict";var o=require("../../tslib.es6-8c21e256.js"),e=require("react"),i=require("clsx"),l=require("framer-motion"),r=require("../../style-inject.es-d4ddeae4.js"),n=require("react/jsx-runtime");function _(o){return o&&o.__esModule?o:{default:o}}var d=_(i),p="Amino_Toggle-module__shrinkWrapper--osh3J",m="Amino_Toggle-module__wrapper--NF4v5",a="Amino_Toggle-module__selectedSlider--WsUDo",g="Amino_Toggle-module__optionWrapper--0wrNp",t="Amino_Toggle-module__icon--8o1Om",s="Amino_Toggle-module__selected--badUt",u="Amino_Toggle-module__fullWidth--vw3dd",h="Amino_Toggle-module__disabled--FZh46";r.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}.Amino_Toggle-module__shrinkWrapper--osh3J.Amino_Toggle-module__disabled--FZh46{opacity:.6}.Amino_Toggle-module__shrinkWrapper--osh3J.Amino_Toggle-module__disabled--FZh46 .Amino_Toggle-module__optionWrapper--0wrNp{cursor:not-allowed}");exports.Toggle=function(i){var r=i.className,_=i.fullWidth,c=void 0!==_&&_,A=i.isDisabled,T=void 0!==A&&A,f=i.onChange,W=i.options,v=i.size,x=void 0===v?"sm":v,w=i.style,k=i.value,N=e.useRef(null),b=e.useRef(null),J=o.__read(e.useState({left:0,width:0}),2),j=J[0],y=J[1],F=o.__read(e.useState(!1),2),q=F[0],z=F[1];return e.useEffect((function(){var o,e,i=function(o,e){if(!e||!o)return{left:0,width:0};var i=e.width;return{left:e.left-o.left,width:i}}((null===(o=N.current)||void 0===o?void 0:o.getBoundingClientRect())||null,(null===(e=b.current)||void 0===e?void 0:e.getBoundingClientRect())||null);y(i)}),[k,x]),n.jsx("div",{className:d.default(r,p,c&&u,T&&h,x),style:w,children:n.jsxs("div",{ref:N,className:m,children:[n.jsx(l.motion.div,{animate:{width:j.width,x:j.left},className:a,initial:!1,onAnimationComplete:function(){z(!0)},transition:{duration:q?.2:0}}),W.map((function(o){var e=o.value===k;return n.jsxs("button",{ref:e?b:null,className:d.default([g,e&&s]),disabled:T,onClick:function(){f(o.value)},type:"button",children:[o.icon&&n.jsx("div",{className:t,children:o.icon}),n.jsx("div",{children:o.label})]},o.value)}))]})})};
|