1 line
4.0 KiB
Plaintext
1 line
4.0 KiB
Plaintext
{"version":3,"sources":["../src/components/card.ts"],"sourcesContent":["import { cardAnatomy as parts } from \"@chakra-ui/anatomy\"\nimport { createMultiStyleConfigHelpers, cssVar } from \"@chakra-ui/styled-system\"\n\nconst { definePartsStyle, defineMultiStyleConfig } =\n createMultiStyleConfigHelpers(parts.keys)\n\nconst $bg = cssVar(\"card-bg\")\nconst $padding = cssVar(\"card-padding\")\nconst $shadow = cssVar(\"card-shadow\")\nconst $radius = cssVar(\"card-radius\")\nconst $border = cssVar(\"card-border-width\", \"0\")\nconst $borderColor = cssVar(\"card-border-color\")\n\nconst baseStyle = definePartsStyle({\n container: {\n [$bg.variable]: \"colors.chakra-body-bg\",\n backgroundColor: $bg.reference,\n boxShadow: $shadow.reference,\n borderRadius: $radius.reference,\n color: \"chakra-body-text\",\n borderWidth: $border.reference,\n borderColor: $borderColor.reference,\n },\n body: {\n padding: $padding.reference,\n flex: \"1 1 0%\",\n },\n header: {\n padding: $padding.reference,\n },\n footer: {\n padding: $padding.reference,\n },\n})\n\nconst sizes = {\n sm: definePartsStyle({\n container: {\n [$radius.variable]: \"radii.base\",\n [$padding.variable]: \"space.3\",\n },\n }),\n md: definePartsStyle({\n container: {\n [$radius.variable]: \"radii.md\",\n [$padding.variable]: \"space.5\",\n },\n }),\n lg: definePartsStyle({\n container: {\n [$radius.variable]: \"radii.xl\",\n [$padding.variable]: \"space.7\",\n },\n }),\n}\n\nconst variants = {\n elevated: definePartsStyle({\n container: {\n [$shadow.variable]: \"shadows.base\",\n _dark: {\n [$bg.variable]: \"colors.gray.700\",\n },\n },\n }),\n outline: definePartsStyle({\n container: {\n [$border.variable]: \"1px\",\n [$borderColor.variable]: \"colors.chakra-border-color\",\n },\n }),\n filled: definePartsStyle({\n container: {\n [$bg.variable]: \"colors.chakra-subtle-bg\",\n },\n }),\n unstyled: {\n body: {\n [$padding.variable]: 0,\n },\n header: {\n [$padding.variable]: 0,\n },\n footer: {\n [$padding.variable]: 0,\n },\n },\n}\n\nexport const cardTheme = defineMultiStyleConfig({\n baseStyle,\n variants,\n sizes,\n defaultProps: {\n variant: \"elevated\",\n size: \"md\",\n },\n})\n"],"mappings":";AAAA,SAAS,eAAe,aAAa;AACrC,SAAS,+BAA+B,cAAc;AAEtD,IAAM,EAAE,kBAAkB,uBAAuB,IAC/C,8BAA8B,MAAM,IAAI;AAE1C,IAAM,MAAM,OAAO,SAAS;AAC5B,IAAM,WAAW,OAAO,cAAc;AACtC,IAAM,UAAU,OAAO,aAAa;AACpC,IAAM,UAAU,OAAO,aAAa;AACpC,IAAM,UAAU,OAAO,qBAAqB,GAAG;AAC/C,IAAM,eAAe,OAAO,mBAAmB;AAE/C,IAAM,YAAY,iBAAiB;AAAA,EACjC,WAAW;AAAA,IACT,CAAC,IAAI,QAAQ,GAAG;AAAA,IAChB,iBAAiB,IAAI;AAAA,IACrB,WAAW,QAAQ;AAAA,IACnB,cAAc,QAAQ;AAAA,IACtB,OAAO;AAAA,IACP,aAAa,QAAQ;AAAA,IACrB,aAAa,aAAa;AAAA,EAC5B;AAAA,EACA,MAAM;AAAA,IACJ,SAAS,SAAS;AAAA,IAClB,MAAM;AAAA,EACR;AAAA,EACA,QAAQ;AAAA,IACN,SAAS,SAAS;AAAA,EACpB;AAAA,EACA,QAAQ;AAAA,IACN,SAAS,SAAS;AAAA,EACpB;AACF,CAAC;AAED,IAAM,QAAQ;AAAA,EACZ,IAAI,iBAAiB;AAAA,IACnB,WAAW;AAAA,MACT,CAAC,QAAQ,QAAQ,GAAG;AAAA,MACpB,CAAC,SAAS,QAAQ,GAAG;AAAA,IACvB;AAAA,EACF,CAAC;AAAA,EACD,IAAI,iBAAiB;AAAA,IACnB,WAAW;AAAA,MACT,CAAC,QAAQ,QAAQ,GAAG;AAAA,MACpB,CAAC,SAAS,QAAQ,GAAG;AAAA,IACvB;AAAA,EACF,CAAC;AAAA,EACD,IAAI,iBAAiB;AAAA,IACnB,WAAW;AAAA,MACT,CAAC,QAAQ,QAAQ,GAAG;AAAA,MACpB,CAAC,SAAS,QAAQ,GAAG;AAAA,IACvB;AAAA,EACF,CAAC;AACH;AAEA,IAAM,WAAW;AAAA,EACf,UAAU,iBAAiB;AAAA,IACzB,WAAW;AAAA,MACT,CAAC,QAAQ,QAAQ,GAAG;AAAA,MACpB,OAAO;AAAA,QACL,CAAC,IAAI,QAAQ,GAAG;AAAA,MAClB;AAAA,IACF;AAAA,EACF,CAAC;AAAA,EACD,SAAS,iBAAiB;AAAA,IACxB,WAAW;AAAA,MACT,CAAC,QAAQ,QAAQ,GAAG;AAAA,MACpB,CAAC,aAAa,QAAQ,GAAG;AAAA,IAC3B;AAAA,EACF,CAAC;AAAA,EACD,QAAQ,iBAAiB;AAAA,IACvB,WAAW;AAAA,MACT,CAAC,IAAI,QAAQ,GAAG;AAAA,IAClB;AAAA,EACF,CAAC;AAAA,EACD,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,CAAC,SAAS,QAAQ,GAAG;AAAA,IACvB;AAAA,IACA,QAAQ;AAAA,MACN,CAAC,SAAS,QAAQ,GAAG;AAAA,IACvB;AAAA,IACA,QAAQ;AAAA,MACN,CAAC,SAAS,QAAQ,GAAG;AAAA,IACvB;AAAA,EACF;AACF;AAEO,IAAM,YAAY,uBAAuB;AAAA,EAC9C;AAAA,EACA;AAAA,EACA;AAAA,EACA,cAAc;AAAA,IACZ,SAAS;AAAA,IACT,MAAM;AAAA,EACR;AACF,CAAC;","names":[]} |