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

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

{"version":3,"file":"tag.style.cjs","names":["defineComponentSlotStyle"],"sources":["../../../../src/components/tag/tag.style.ts"],"sourcesContent":["import { defineComponentSlotStyle } from \"../../core\"\n\nexport const tagStyle = defineComponentSlotStyle({\n  base: {\n    closeButton: {\n      alignItems: \"center\",\n      color: \"currentcolor\",\n      cursor: \"pointer\",\n      display: \"inline-flex\",\n      justifyContent: \"center\",\n      rounded: \"full\",\n      transitionDuration: \"moderate\",\n      transitionProperty: \"common\",\n      _hover: {\n        layerStyle: \"hover\",\n      },\n      _active: {\n        layerStyle: \"active\",\n      },\n      _disabled: {\n        layerStyle: \"disabled\",\n      },\n    },\n    content: {\n      lineClamp: 1,\n    },\n    endIcon: {},\n    icon: {\n      alignItems: \"center\",\n      display: \"inline-flex\",\n      flexShrink: 0,\n      justifyContent: \"center\",\n    },\n    root: {\n      alignItems: \"center\",\n      display: \"inline-flex\",\n      gap: \"1\",\n      maxW: \"full\",\n      rounded: \"l2\",\n      userSelect: \"none\",\n      verticalAlign: \"top\",\n    },\n    startIcon: {},\n  },\n\n  props: {\n    /**\n     * If `true`, the tag is full rounded. Else, it'll be slightly round.\n     *\n     * @default false\n     */\n    fullRounded: {\n      true: { root: { rounded: \"full\" } },\n    },\n  },\n\n  variants: {\n    outline: {\n      root: {\n        layerStyle: \"outline\",\n      },\n    },\n    plain: {\n      root: {\n        borderColor: \"transparent\",\n        borderWidth: \"1px\",\n      },\n    },\n    solid: {\n      root: {\n        layerStyle: \"solid\",\n      },\n    },\n    subtle: {\n      root: {\n        layerStyle: \"subtle\",\n      },\n    },\n    surface: {\n      root: {\n        layerStyle: \"surface\",\n      },\n    },\n  },\n\n  sizes: {\n    sm: {\n      element: {\n        fontSize: \"1.25em\",\n      },\n      root: {\n        fontSize: \"xs\",\n        lineHeight: \"{sizes.5}\",\n        minH: \"5\",\n        minW: \"5\",\n        px: \"1.5\",\n      },\n    },\n    md: {\n      element: {\n        fontSize: \"1.25em\",\n      },\n      root: {\n        fontSize: \"sm\",\n        lineHeight: \"{sizes.6}\",\n        minH: \"6\",\n        minW: \"6\",\n        px: \"2\",\n      },\n    },\n    lg: {\n      element: {\n        fontSize: \"1.25em\",\n      },\n      root: {\n        fontSize: \"md\",\n        lineHeight: \"{sizes.7}\",\n        minH: \"7\",\n        minW: \"7\",\n        px: \"2.5\",\n      },\n    },\n  },\n\n  defaultProps: {\n    size: \"md\",\n    variant: \"subtle\",\n  },\n})\n\nexport type TagStyle = typeof tagStyle\n"],"mappings":";;;AAEA,MAAa,WAAWA,wCAAyB;CAC/C,MAAM;EACJ,aAAa;GACX,YAAY;GACZ,OAAO;GACP,QAAQ;GACR,SAAS;GACT,gBAAgB;GAChB,SAAS;GACT,oBAAoB;GACpB,oBAAoB;GACpB,QAAQ,EACN,YAAY,SACb;GACD,SAAS,EACP,YAAY,UACb;GACD,WAAW,EACT,YAAY,YACb;GACF;EACD,SAAS,EACP,WAAW,GACZ;EACD,SAAS,EAAE;EACX,MAAM;GACJ,YAAY;GACZ,SAAS;GACT,YAAY;GACZ,gBAAgB;GACjB;EACD,MAAM;GACJ,YAAY;GACZ,SAAS;GACT,KAAK;GACL,MAAM;GACN,SAAS;GACT,YAAY;GACZ,eAAe;GAChB;EACD,WAAW,EAAE;EACd;CAED,OAAO,EAML,aAAa,EACX,MAAM,EAAE,MAAM,EAAE,SAAS,QAAQ,EAAE,EACpC,EACF;CAED,UAAU;EACR,SAAS,EACP,MAAM,EACJ,YAAY,WACb,EACF;EACD,OAAO,EACL,MAAM;GACJ,aAAa;GACb,aAAa;GACd,EACF;EACD,OAAO,EACL,MAAM,EACJ,YAAY,SACb,EACF;EACD,QAAQ,EACN,MAAM,EACJ,YAAY,UACb,EACF;EACD,SAAS,EACP,MAAM,EACJ,YAAY,WACb,EACF;EACF;CAED,OAAO;EACL,IAAI;GACF,SAAS,EACP,UAAU,UACX;GACD,MAAM;IACJ,UAAU;IACV,YAAY;IACZ,MAAM;IACN,MAAM;IACN,IAAI;IACL;GACF;EACD,IAAI;GACF,SAAS,EACP,UAAU,UACX;GACD,MAAM;IACJ,UAAU;IACV,YAAY;IACZ,MAAM;IACN,MAAM;IACN,IAAI;IACL;GACF;EACD,IAAI;GACF,SAAS,EACP,UAAU,UACX;GACD,MAAM;IACJ,UAAU;IACV,YAAY;IACZ,MAAM;IACN,MAAM;IACN,IAAI;IACL;GACF;EACF;CAED,cAAc;EACZ,MAAM;EACN,SAAS;EACV;CACF,CAAC"}