@nurl/panda-preset
Version:
Official Panda-CSS preset for the Ganglion Design System.
1 lines • 4.11 kB
Source Map (JSON)
{"version":3,"sources":["../../../src/recipes/radio.ts"],"sourcesContent":["import { defineSlotRecipe } from '@pandacss/dev'\nimport { focusStates, formStates } from './shared/states'\nimport { inputControl } from './shared/input.base'\n\nconst DANGER_SURFACE_TOKEN = 'danger.surface.initial'\n\nexport const radio = defineSlotRecipe({\n className: 'radio',\n description: 'The styles for the Radio component',\n slots: ['root', 'container', 'control'],\n\n base: {\n root: {\n alignItems: 'center',\n cursor: 'pointer',\n display: 'inline-flex',\n marginInlineStart: '4',\n verticalAlign: 'top',\n },\n container: {\n ...focusStates,\n alignItems: 'center',\n bg: 'inherit',\n border: '2px solid',\n borderColor: 'action.border.initial',\n borderImage: 'initial',\n borderRadius: '50%',\n color: 'neutral.text.initial',\n display: 'inline-flex',\n flexShrink: '0',\n height: '1.125rem',\n justifyContent: 'center',\n marginBottom: '2px',\n marginInlineEnd: '0.437rem',\n transitionDuration: '150ms',\n transitionProperty: 'background, box-shadow',\n width: '1.125rem',\n _peerChecked: {\n background: 'action.bg.initial',\n borderColor: 'action.bg.initial',\n borderWidth: 'initial',\n _before: {\n background: 'action.text.initial',\n borderRadius: '50%',\n content: \"''\",\n display: 'inline-block',\n height: '50%',\n position: 'relative',\n w: '50%',\n },\n },\n _hover: {\n bg: 'neutral.bg.hover',\n _disabled: {\n bg: 'inherit',\n },\n _peerChecked: {\n background: 'action.bg.hover',\n borderColor: 'action.bg.hover',\n },\n _peerInvalid: {\n bg: DANGER_SURFACE_TOKEN,\n borderColor: DANGER_SURFACE_TOKEN,\n },\n _peerReadOnly: {\n bg: 'initial',\n },\n },\n _peerInvalid: {\n bg: DANGER_SURFACE_TOKEN,\n borderColor: DANGER_SURFACE_TOKEN,\n color: 'danger.text.inverse',\n },\n _peerDisabled: {\n bg: 'neutral.surface.initial',\n borderColor: 'neutral.surface.initial',\n ...formStates._disabled,\n },\n },\n control: {\n ...inputControl,\n border: '0',\n clip: 'rect(0, 0, 0, 0)',\n height: '1px',\n margin: '-1px',\n overflow: 'hidden',\n padding: '0',\n position: 'absolute',\n whiteSpace: 'nowrap',\n width: '1px',\n },\n },\n\n variants: {},\n\n defaultVariants: {},\n})\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,iBAAiC;AACjC,oBAAwC;AACxC,mBAA6B;AAE7B,IAAM,uBAAuB;AAEtB,IAAM,YAAQ,6BAAiB;AAAA,EACpC,WAAW;AAAA,EACX,aAAa;AAAA,EACb,OAAO,CAAC,QAAQ,aAAa,SAAS;AAAA,EAEtC,MAAM;AAAA,IACJ,MAAM;AAAA,MACJ,YAAY;AAAA,MACZ,QAAQ;AAAA,MACR,SAAS;AAAA,MACT,mBAAmB;AAAA,MACnB,eAAe;AAAA,IACjB;AAAA,IACA,WAAW;AAAA,MACT,GAAG;AAAA,MACH,YAAY;AAAA,MACZ,IAAI;AAAA,MACJ,QAAQ;AAAA,MACR,aAAa;AAAA,MACb,aAAa;AAAA,MACb,cAAc;AAAA,MACd,OAAO;AAAA,MACP,SAAS;AAAA,MACT,YAAY;AAAA,MACZ,QAAQ;AAAA,MACR,gBAAgB;AAAA,MAChB,cAAc;AAAA,MACd,iBAAiB;AAAA,MACjB,oBAAoB;AAAA,MACpB,oBAAoB;AAAA,MACpB,OAAO;AAAA,MACP,cAAc;AAAA,QACZ,YAAY;AAAA,QACZ,aAAa;AAAA,QACb,aAAa;AAAA,QACb,SAAS;AAAA,UACP,YAAY;AAAA,UACZ,cAAc;AAAA,UACd,SAAS;AAAA,UACT,SAAS;AAAA,UACT,QAAQ;AAAA,UACR,UAAU;AAAA,UACV,GAAG;AAAA,QACL;AAAA,MACF;AAAA,MACA,QAAQ;AAAA,QACN,IAAI;AAAA,QACJ,WAAW;AAAA,UACT,IAAI;AAAA,QACN;AAAA,QACA,cAAc;AAAA,UACZ,YAAY;AAAA,UACZ,aAAa;AAAA,QACf;AAAA,QACA,cAAc;AAAA,UACZ,IAAI;AAAA,UACJ,aAAa;AAAA,QACf;AAAA,QACA,eAAe;AAAA,UACb,IAAI;AAAA,QACN;AAAA,MACF;AAAA,MACA,cAAc;AAAA,QACZ,IAAI;AAAA,QACJ,aAAa;AAAA,QACb,OAAO;AAAA,MACT;AAAA,MACA,eAAe;AAAA,QACb,IAAI;AAAA,QACJ,aAAa;AAAA,QACb,GAAG,yBAAW;AAAA,MAChB;AAAA,IACF;AAAA,IACA,SAAS;AAAA,MACP,GAAG;AAAA,MACH,QAAQ;AAAA,MACR,MAAM;AAAA,MACN,QAAQ;AAAA,MACR,QAAQ;AAAA,MACR,UAAU;AAAA,MACV,SAAS;AAAA,MACT,UAAU;AAAA,MACV,YAAY;AAAA,MACZ,OAAO;AAAA,IACT;AAAA,EACF;AAAA,EAEA,UAAU,CAAC;AAAA,EAEX,iBAAiB,CAAC;AACpB,CAAC;","names":[]}