@yamada-ui/react/dist/cjs/components/alert/alert.style.cjs.map

React UI components of the Yamada, by the Yamada, for the Yamada built with React and Emotion

{"version":3,"file":"alert.style.cjs","names":["defineComponentSlotStyle"],"sources":["../../../../src/components/alert/alert.style.ts"],"sourcesContent":["import { defineComponentSlotStyle } from \"../../core\"\n\nexport const alertStyle = defineComponentSlotStyle({\n  base: {\n    description: {\n      lineHeight: \"shorter\",\n    },\n    icon: {\n      boxSize: \"5\",\n      flexShrink: 0,\n      fontSize: \"xl\",\n      me: \"3\",\n    },\n    loading: {\n      flexShrink: 0,\n      fontSize: \"xl\",\n      me: \"3\",\n    },\n    root: {\n      alignItems: \"start\",\n      display: \"flex\",\n      overflow: \"hidden\",\n      position: \"relative\",\n      px: \"4\",\n      py: \"3\",\n      rounded: \"l2\",\n      w: \"full\",\n    },\n    title: {\n      display: \"block\",\n      lineHeight: \"shorter\",\n      me: \"2\",\n    },\n  },\n\n  variants: {\n    island: {\n      description: {\n        color: \"fg.muted\",\n      },\n      icon: { color: \"colorScheme.solid\" },\n      root: {\n        layerStyle: \"panel\",\n        pl: 7,\n        _before: {\n          bg: \"colorScheme.solid\",\n          h: \"calc(100% - {sizes.5})\",\n          left: \"3\",\n          position: \"absolute\",\n          rounded: \"full\",\n          top: \"50%\",\n          transform: \"translateY(-50%)\",\n          w: 1,\n        },\n      },\n    },\n    plain: {\n      description: {\n        color: \"fg.muted\",\n      },\n      icon: {\n        color: \"colorScheme.solid\",\n      },\n      root: {\n        layerStyle: \"panel\",\n      },\n    },\n    solid: {\n      icon: {\n        textStyle: \"solid\",\n      },\n      root: {\n        layerStyle: \"solid\",\n      },\n    },\n    subtle: {\n      icon: {\n        textStyle: \"subtle\",\n      },\n      root: {\n        layerStyle: \"subtle\",\n      },\n    },\n    surface: {\n      icon: {\n        textStyle: \"surface\",\n      },\n      root: {\n        layerStyle: \"surface\",\n      },\n    },\n  },\n\n  compounds: [\n    {\n      css: {\n        icon: {\n          color: [\"colorScheme.600\", \"colorScheme.400\"],\n        },\n      },\n      colorScheme: [\"secondary\", \"gray\"],\n      variant: \"plain\",\n    },\n  ],\n\n  defaultProps: {\n    variant: \"plain\",\n  },\n})\n\nexport type AlertStyle = typeof alertStyle\n"],"mappings":";;;AAEA,MAAa,aAAaA,wCAAyB;CACjD,MAAM;EACJ,aAAa,EACX,YAAY,WACb;EACD,MAAM;GACJ,SAAS;GACT,YAAY;GACZ,UAAU;GACV,IAAI;GACL;EACD,SAAS;GACP,YAAY;GACZ,UAAU;GACV,IAAI;GACL;EACD,MAAM;GACJ,YAAY;GACZ,SAAS;GACT,UAAU;GACV,UAAU;GACV,IAAI;GACJ,IAAI;GACJ,SAAS;GACT,GAAG;GACJ;EACD,OAAO;GACL,SAAS;GACT,YAAY;GACZ,IAAI;GACL;EACF;CAED,UAAU;EACR,QAAQ;GACN,aAAa,EACX,OAAO,YACR;GACD,MAAM,EAAE,OAAO,qBAAqB;GACpC,MAAM;IACJ,YAAY;IACZ,IAAI;IACJ,SAAS;KACP,IAAI;KACJ,GAAG;KACH,MAAM;KACN,UAAU;KACV,SAAS;KACT,KAAK;KACL,WAAW;KACX,GAAG;KACJ;IACF;GACF;EACD,OAAO;GACL,aAAa,EACX,OAAO,YACR;GACD,MAAM,EACJ,OAAO,qBACR;GACD,MAAM,EACJ,YAAY,SACb;GACF;EACD,OAAO;GACL,MAAM,EACJ,WAAW,SACZ;GACD,MAAM,EACJ,YAAY,SACb;GACF;EACD,QAAQ;GACN,MAAM,EACJ,WAAW,UACZ;GACD,MAAM,EACJ,YAAY,UACb;GACF;EACD,SAAS;GACP,MAAM,EACJ,WAAW,WACZ;GACD,MAAM,EACJ,YAAY,WACb;GACF;EACF;CAED,WAAW,CACT;EACE,KAAK,EACH,MAAM,EACJ,OAAO,CAAC,mBAAmB,kBAAkB,EAC9C,EACF;EACD,aAAa,CAAC,aAAa,OAAO;EAClC,SAAS;EACV,CACF;CAED,cAAc,EACZ,SAAS,SACV;CACF,CAAC"}