UNPKG

@nurl/panda-preset

Version:

Official Panda-CSS preset for the Ganglion Design System.

1 lines 1.97 kB
{"version":3,"sources":["../../../src/recipes/iconButton.ts"],"sourcesContent":["import { defineRecipe } from '@pandacss/dev'\nimport { buttonBase, filledUsage, textUsage } from './shared/button.base'\nimport { allPalettes } from './shared/palettes'\n\nexport const iconButton = defineRecipe({\n className: 'icon-button',\n description: 'The styles for the IconButton component',\n\n base: {\n ...buttonBase,\n },\n\n variants: {\n palette: allPalettes,\n size: {\n xs: {\n h: '1.5rem',\n w: '1.5rem',\n pxi: '1',\n },\n sm: {\n h: '2rem',\n w: '2rem',\n pxi: '2',\n },\n md: {\n h: '2.5rem',\n w: '2.5rem',\n pxi: '2.5',\n },\n lg: {\n h: '3rem',\n w: '3rem',\n pxi: '3',\n },\n },\n shape: {\n circle: {\n borderRadius: '50%',\n },\n square: {\n borderRadius: '0.375rem',\n },\n },\n usage: {\n text: textUsage,\n filled: filledUsage,\n },\n },\n\n defaultVariants: {\n palette: 'action',\n size: 'lg',\n shape: 'square',\n usage: 'filled',\n },\n})\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,iBAA6B;AAC7B,oBAAmD;AACnD,sBAA4B;AAErB,IAAM,iBAAa,yBAAa;AAAA,EACrC,WAAW;AAAA,EACX,aAAa;AAAA,EAEb,MAAM;AAAA,IACJ,GAAG;AAAA,EACL;AAAA,EAEA,UAAU;AAAA,IACR,SAAS;AAAA,IACT,MAAM;AAAA,MACJ,IAAI;AAAA,QACF,GAAG;AAAA,QACH,GAAG;AAAA,QACH,KAAK;AAAA,MACP;AAAA,MACA,IAAI;AAAA,QACF,GAAG;AAAA,QACH,GAAG;AAAA,QACH,KAAK;AAAA,MACP;AAAA,MACA,IAAI;AAAA,QACF,GAAG;AAAA,QACH,GAAG;AAAA,QACH,KAAK;AAAA,MACP;AAAA,MACA,IAAI;AAAA,QACF,GAAG;AAAA,QACH,GAAG;AAAA,QACH,KAAK;AAAA,MACP;AAAA,IACF;AAAA,IACA,OAAO;AAAA,MACL,QAAQ;AAAA,QACN,cAAc;AAAA,MAChB;AAAA,MACA,QAAQ;AAAA,QACN,cAAc;AAAA,MAChB;AAAA,IACF;AAAA,IACA,OAAO;AAAA,MACL,MAAM;AAAA,MACN,QAAQ;AAAA,IACV;AAAA,EACF;AAAA,EAEA,iBAAiB;AAAA,IACf,SAAS;AAAA,IACT,MAAM;AAAA,IACN,OAAO;AAAA,IACP,OAAO;AAAA,EACT;AACF,CAAC;","names":[]}