UNPKG

@nurl/panda-preset

Version:

Official Panda-CSS preset for the Ganglion Design System.

1 lines 2.63 kB
{"version":3,"sources":["../../../src/recipes/skeleton.ts"],"sourcesContent":["import { defineRecipe } from '@pandacss/dev'\n\nexport const skeleton = defineRecipe({\n className: 'skeleton',\n description: 'The styles for the Skeleton component',\n\n base: {\n animationName: 'pulse',\n animationDuration: '1.5s',\n animationIterationCount: 'infinite',\n bgColor: 'neutral.bg.initial',\n color: 'transparent',\n cursor: 'default',\n pointerEvents: 'none',\n userSelect: 'none',\n width: 'full',\n },\n\n variants: {\n shape: {\n circle: {\n rounded: 'full',\n },\n block: {\n rounded: 'sm',\n mb: '2',\n },\n },\n size: {\n sm: {\n h: '4',\n },\n md: {\n h: '8',\n },\n lg: {\n h: '10',\n },\n xl: {\n h: '20',\n },\n },\n },\n\n compoundVariants: [\n {\n shape: 'circle',\n size: 'sm',\n css: {\n h: '3rem',\n w: '3rem',\n },\n },\n {\n shape: 'circle',\n size: 'md',\n css: {\n h: '5rem',\n w: '5rem',\n },\n },\n {\n shape: 'circle',\n size: 'lg',\n css: {\n h: '7.5rem',\n w: '7.5rem',\n },\n },\n {\n shape: 'circle',\n size: 'xl',\n css: {\n h: '10rem',\n w: '10rem',\n },\n },\n ],\n\n defaultVariants: {\n shape: 'block',\n size: 'md',\n },\n})\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,iBAA6B;AAEtB,IAAM,eAAW,yBAAa;AAAA,EACnC,WAAW;AAAA,EACX,aAAa;AAAA,EAEb,MAAM;AAAA,IACJ,eAAe;AAAA,IACf,mBAAmB;AAAA,IACnB,yBAAyB;AAAA,IACzB,SAAS;AAAA,IACT,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,eAAe;AAAA,IACf,YAAY;AAAA,IACZ,OAAO;AAAA,EACT;AAAA,EAEA,UAAU;AAAA,IACR,OAAO;AAAA,MACL,QAAQ;AAAA,QACN,SAAS;AAAA,MACX;AAAA,MACA,OAAO;AAAA,QACL,SAAS;AAAA,QACT,IAAI;AAAA,MACN;AAAA,IACF;AAAA,IACA,MAAM;AAAA,MACJ,IAAI;AAAA,QACF,GAAG;AAAA,MACL;AAAA,MACA,IAAI;AAAA,QACF,GAAG;AAAA,MACL;AAAA,MACA,IAAI;AAAA,QACF,GAAG;AAAA,MACL;AAAA,MACA,IAAI;AAAA,QACF,GAAG;AAAA,MACL;AAAA,IACF;AAAA,EACF;AAAA,EAEA,kBAAkB;AAAA,IAChB;AAAA,MACE,OAAO;AAAA,MACP,MAAM;AAAA,MACN,KAAK;AAAA,QACH,GAAG;AAAA,QACH,GAAG;AAAA,MACL;AAAA,IACF;AAAA,IACA;AAAA,MACE,OAAO;AAAA,MACP,MAAM;AAAA,MACN,KAAK;AAAA,QACH,GAAG;AAAA,QACH,GAAG;AAAA,MACL;AAAA,IACF;AAAA,IACA;AAAA,MACE,OAAO;AAAA,MACP,MAAM;AAAA,MACN,KAAK;AAAA,QACH,GAAG;AAAA,QACH,GAAG;AAAA,MACL;AAAA,IACF;AAAA,IACA;AAAA,MACE,OAAO;AAAA,MACP,MAAM;AAAA,MACN,KAAK;AAAA,QACH,GAAG;AAAA,QACH,GAAG;AAAA,MACL;AAAA,IACF;AAAA,EACF;AAAA,EAEA,iBAAiB;AAAA,IACf,OAAO;AAAA,IACP,MAAM;AAAA,EACR;AACF,CAAC;","names":[]}