UNPKG

@nurl/panda-preset

Version:

Official Panda-CSS preset for the Ganglion Design System.

1 lines 1.95 kB
{"version":3,"sources":["../../../src/recipes/badge.ts"],"sourcesContent":["import { defineRecipe } from '@pandacss/dev'\nimport { badgePalettes } from './shared/badge.base'\n\nexport const badge = defineRecipe({\n className: 'badge',\n description: 'The styles for the Badge component',\n\n base: {\n alignItems: 'center',\n borderRadius: '1px',\n color: 'colorPalette.text.initial',\n display: 'inline-flex',\n fontVariationSettings: \"'wght' 600\",\n gap: '4px',\n lineHeight: 'initial',\n maxW: 'initial',\n pxi: '8px',\n textTransform: 'uppercase',\n userSelect: 'none',\n verticalAlign: 'middle',\n whiteSpace: 'nowrap',\n },\n\n variants: {\n palette: badgePalettes,\n size: {\n lg: {\n fontSize: 'xs',\n h: '1.5rem',\n },\n md: {\n fontSize: 'xs',\n h: '1.125rem',\n },\n },\n usage: {\n filled: {\n bgColor: 'colorPalette.surface.initial',\n },\n outline: {\n border: '1px solid',\n borderColor: 'colorPalette.border.initial',\n },\n },\n },\n\n defaultVariants: {\n palette: 'neutral',\n size: 'lg',\n usage: 'filled',\n },\n})\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,iBAA6B;AAC7B,mBAA8B;AAEvB,IAAM,YAAQ,yBAAa;AAAA,EAChC,WAAW;AAAA,EACX,aAAa;AAAA,EAEb,MAAM;AAAA,IACJ,YAAY;AAAA,IACZ,cAAc;AAAA,IACd,OAAO;AAAA,IACP,SAAS;AAAA,IACT,uBAAuB;AAAA,IACvB,KAAK;AAAA,IACL,YAAY;AAAA,IACZ,MAAM;AAAA,IACN,KAAK;AAAA,IACL,eAAe;AAAA,IACf,YAAY;AAAA,IACZ,eAAe;AAAA,IACf,YAAY;AAAA,EACd;AAAA,EAEA,UAAU;AAAA,IACR,SAAS;AAAA,IACT,MAAM;AAAA,MACJ,IAAI;AAAA,QACF,UAAU;AAAA,QACV,GAAG;AAAA,MACL;AAAA,MACA,IAAI;AAAA,QACF,UAAU;AAAA,QACV,GAAG;AAAA,MACL;AAAA,IACF;AAAA,IACA,OAAO;AAAA,MACL,QAAQ;AAAA,QACN,SAAS;AAAA,MACX;AAAA,MACA,SAAS;AAAA,QACP,QAAQ;AAAA,QACR,aAAa;AAAA,MACf;AAAA,IACF;AAAA,EACF;AAAA,EAEA,iBAAiB;AAAA,IACf,SAAS;AAAA,IACT,MAAM;AAAA,IACN,OAAO;AAAA,EACT;AACF,CAAC;","names":[]}