@nurl/panda-preset/build/modern/recipes/switch.cjs.map

Official Panda-CSS preset for the Ganglion Design System.

{"version":3,"sources":["../../../src/recipes/switch.ts"],"sourcesContent":["import { defineSlotRecipe } from '@pandacss/dev'\nimport { focusStates } from './shared/states'\n\nexport const switchInput = defineSlotRecipe({\n  className: 'switch-input',\n  description: 'The styles for the SwitchInput component',\n  slots: ['root', 'track', 'control', 'thumb'],\n\n  base: {\n    root: {\n      // just use the hstack recipe\n      userSelect: 'none',\n      _invalid: {\n        color: 'danger.text.200',\n      },\n      _disabled: {\n        opacity: 0.5,\n        cursor: 'not-allowed',\n      },\n    },\n    track: {\n      alignItems: 'center',\n      bgColor: 'inherit',\n      display: 'flex',\n      justifyContent: 'flex-start',\n      rounded: 'full',\n      outline: '1px solid',\n      outlineColor: 'action.border.initial',\n      overflow: 'hidden',\n      transition: 'all 200ms ease-in-out',\n      _groupChecked: {\n        bgColor: 'action.bg.initial',\n      },\n      _groupInvalid: {\n        outlineColor: 'danger.border.initial',\n        _groupChecked: {\n          bgColor: 'danger.bg.initial',\n        },\n      },\n    },\n    control: {\n      display: 'none',\n      h: 'full',\n      w: 'full',\n      rounded: 'full',\n      ...focusStates,\n    },\n    thumb: {\n      bgColor: 'action.text.100',\n      rounded: 'full',\n      shadow: 'sm',\n      scale: 0.6,\n      transformOrigin: 'center',\n      transition: 'all 150ms ease-in-out',\n      willChange: 'transform, scale, background-color',\n      _peerInvalid: {\n        bgColor: 'danger.bg.initial',\n        _groupChecked: {\n          bgColor: 'danger.text.inverse',\n        },\n      },\n      _peerChecked: {\n        bgColor: 'action.text.initial',\n        scale: 1,\n        transform: 'translate3d(130%, 0, 0)',\n      },\n    },\n  },\n\n  variants: {\n    size: {\n      sm: {\n        track: {\n          h: '1rem',\n          pxi: '2px',\n          w: '2rem',\n        },\n        thumb: {\n          h: '0.75rem',\n          w: '0.75rem',\n        },\n      },\n      lg: {\n        track: {\n          h: '1.5rem',\n          pxi: '3px',\n          w: '3rem',\n        },\n        thumb: {\n          h: '1.125rem',\n          w: '1.125rem',\n        },\n      },\n    },\n  },\n\n  defaultVariants: {\n    size: 'lg',\n  },\n})\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,iBAAiC;AACjC,oBAA4B;AAErB,IAAM,kBAAc,6BAAiB;AAAA,EAC1C,WAAW;AAAA,EACX,aAAa;AAAA,EACb,OAAO,CAAC,QAAQ,SAAS,WAAW,OAAO;AAAA,EAE3C,MAAM;AAAA,IACJ,MAAM;AAAA;AAAA,MAEJ,YAAY;AAAA,MACZ,UAAU;AAAA,QACR,OAAO;AAAA,MACT;AAAA,MACA,WAAW;AAAA,QACT,SAAS;AAAA,QACT,QAAQ;AAAA,MACV;AAAA,IACF;AAAA,IACA,OAAO;AAAA,MACL,YAAY;AAAA,MACZ,SAAS;AAAA,MACT,SAAS;AAAA,MACT,gBAAgB;AAAA,MAChB,SAAS;AAAA,MACT,SAAS;AAAA,MACT,cAAc;AAAA,MACd,UAAU;AAAA,MACV,YAAY;AAAA,MACZ,eAAe;AAAA,QACb,SAAS;AAAA,MACX;AAAA,MACA,eAAe;AAAA,QACb,cAAc;AAAA,QACd,eAAe;AAAA,UACb,SAAS;AAAA,QACX;AAAA,MACF;AAAA,IACF;AAAA,IACA,SAAS;AAAA,MACP,SAAS;AAAA,MACT,GAAG;AAAA,MACH,GAAG;AAAA,MACH,SAAS;AAAA,MACT,GAAG;AAAA,IACL;AAAA,IACA,OAAO;AAAA,MACL,SAAS;AAAA,MACT,SAAS;AAAA,MACT,QAAQ;AAAA,MACR,OAAO;AAAA,MACP,iBAAiB;AAAA,MACjB,YAAY;AAAA,MACZ,YAAY;AAAA,MACZ,cAAc;AAAA,QACZ,SAAS;AAAA,QACT,eAAe;AAAA,UACb,SAAS;AAAA,QACX;AAAA,MACF;AAAA,MACA,cAAc;AAAA,QACZ,SAAS;AAAA,QACT,OAAO;AAAA,QACP,WAAW;AAAA,MACb;AAAA,IACF;AAAA,EACF;AAAA,EAEA,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,IAAI;AAAA,QACF,OAAO;AAAA,UACL,GAAG;AAAA,UACH,KAAK;AAAA,UACL,GAAG;AAAA,QACL;AAAA,QACA,OAAO;AAAA,UACL,GAAG;AAAA,UACH,GAAG;AAAA,QACL;AAAA,MACF;AAAA,MACA,IAAI;AAAA,QACF,OAAO;AAAA,UACL,GAAG;AAAA,UACH,KAAK;AAAA,UACL,GAAG;AAAA,QACL;AAAA,QACA,OAAO;AAAA,UACL,GAAG;AAAA,UACH,GAAG;AAAA,QACL;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAAA,EAEA,iBAAiB;AAAA,IACf,MAAM;AAAA,EACR;AACF,CAAC;","names":[]}