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

Official Panda-CSS preset for the Ganglion Design System.

{"version":3,"sources":["../../../src/recipes/input.ts"],"sourcesContent":["import { defineSlotRecipe } from '@pandacss/dev'\nimport { formStates } from './shared/states'\nimport { INPUT_COLOR, inputControl } from './shared/input.base'\n\nconst inputIconProps = {\n  color: INPUT_COLOR,\n  position: 'absolute',\n  top: '50%',\n  transform: 'translateY(-50%)',\n  w: '1.5rem',\n\n  _peerInvalid: {\n    color: 'danger.text.100',\n  },\n\n  _peerDisabled: {\n    opacity: formStates._disabled.opacity,\n  },\n}\n\nexport const input = defineSlotRecipe({\n  className: 'input',\n  description: 'The styles for the Input component',\n  slots: ['root', 'control', 'icon', 'startIcon'],\n\n  base: {\n    root: {\n      marginTop: '2',\n      position: 'relative',\n      paddingInlineEnd: '4',\n      w: 'full',\n    },\n    control: {\n      ...inputControl,\n      _startIcon: {\n        paddingInlineStart: '10',\n      },\n    },\n    icon: {\n      ...inputIconProps,\n      right: '1.5rem',\n    },\n    startIcon: {\n      ...inputIconProps,\n      left: '0.7rem',\n    },\n  },\n\n  variants: {\n    size: {\n      md: {\n        root: {\n          h: '2.5rem',\n          fontSize: 'sm',\n        },\n      },\n      lg: {\n        root: {\n          h: '3rem',\n        },\n      },\n    },\n  },\n\n  defaultVariants: {\n    size: 'lg',\n  },\n})\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,iBAAiC;AACjC,oBAA2B;AAC3B,mBAA0C;AAE1C,IAAM,iBAAiB;AAAA,EACrB,OAAO;AAAA,EACP,UAAU;AAAA,EACV,KAAK;AAAA,EACL,WAAW;AAAA,EACX,GAAG;AAAA,EAEH,cAAc;AAAA,IACZ,OAAO;AAAA,EACT;AAAA,EAEA,eAAe;AAAA,IACb,SAAS,yBAAW,UAAU;AAAA,EAChC;AACF;AAEO,IAAM,YAAQ,6BAAiB;AAAA,EACpC,WAAW;AAAA,EACX,aAAa;AAAA,EACb,OAAO,CAAC,QAAQ,WAAW,QAAQ,WAAW;AAAA,EAE9C,MAAM;AAAA,IACJ,MAAM;AAAA,MACJ,WAAW;AAAA,MACX,UAAU;AAAA,MACV,kBAAkB;AAAA,MAClB,GAAG;AAAA,IACL;AAAA,IACA,SAAS;AAAA,MACP,GAAG;AAAA,MACH,YAAY;AAAA,QACV,oBAAoB;AAAA,MACtB;AAAA,IACF;AAAA,IACA,MAAM;AAAA,MACJ,GAAG;AAAA,MACH,OAAO;AAAA,IACT;AAAA,IACA,WAAW;AAAA,MACT,GAAG;AAAA,MACH,MAAM;AAAA,IACR;AAAA,EACF;AAAA,EAEA,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,IAAI;AAAA,QACF,MAAM;AAAA,UACJ,GAAG;AAAA,UACH,UAAU;AAAA,QACZ;AAAA,MACF;AAAA,MACA,IAAI;AAAA,QACF,MAAM;AAAA,UACJ,GAAG;AAAA,QACL;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAAA,EAEA,iBAAiB;AAAA,IACf,MAAM;AAAA,EACR;AACF,CAAC;","names":[]}