{"version":3,"sources":["../../../src/Button/TextButton/TextButton.css.ts"],"names":["css","vars","buttonCSS","large","medium","small","sizeStyles","primary","secondary","critical","warning","on","variantStyles"],"mappings":";AAAA,OAAS,OAAAA,MAAW,iBACpB,OAAS,QAAAC,MAAY,sBAEd,IAAMC,EAAYF,EAAI,CAC3B,QAAS,cACT,WAAY,QACd,CAAC,EAEKG,EAAQH,EAAI,CAChB,IAAKC,EAAK,QAAQ,EAAI,CACxB,CAAC,EAEKG,EAASJ,EAAI,CACjB,IAAKC,EAAK,QAAQ,CAAC,CACrB,CAAC,EAEKI,EAAQL,EAAI,CAChB,IAAKC,EAAK,QAAQ,IAAI,CACxB,CAAC,EAEYK,EAAa,CACxB,MAAAH,EACA,OAAAC,EACA,MAAAC,CACF,EAEME,EAAUP,EAAI,CAClB,MAAOC,EAAK,SAAS,MAAM,WAC3B,IAAK,CACH,MAAOA,EAAK,SAAS,MAAM,UAC7B,EAEA,UAAW,CACT,MAAOA,EAAK,SAAS,MAAM,gBAC3B,IAAK,CACH,MAAOA,EAAK,SAAS,MAAM,eAC7B,CACF,CACF,CAAC,EAEKO,EAAYR,EAAI,CACpB,MAAOC,EAAK,SAAS,MAAM,cAC3B,IAAK,CACH,MAAOA,EAAK,SAAS,MAAM,aAC7B,EAEA,UAAW,CACT,MAAOA,EAAK,SAAS,MAAM,mBAC3B,IAAK,CACH,MAAOA,EAAK,SAAS,MAAM,kBAC7B,CACF,EAEA,+BAAgC,CAC9B,IAAK,CACH,MAAOA,EAAK,SAAS,MAAM,IAC7B,CACF,CACF,CAAC,EAEKQ,EAAWT,EAAI,CACnB,MAAOC,EAAK,SAAS,MAAM,aAC3B,IAAK,CACH,MAAOA,EAAK,SAAS,MAAM,YAC7B,EAEA,UAAW,CACT,MAAOA,EAAK,SAAS,MAAM,kBAC3B,IAAK,CACH,MAAOA,EAAK,SAAS,MAAM,iBAC7B,CACF,CACF,CAAC,EAEKS,EAAUV,EAAI,CAClB,MAAOC,EAAK,SAAS,MAAM,YAC3B,IAAK,CACH,MAAOA,EAAK,SAAS,MAAM,WAC7B,EAEA,UAAW,CACT,MAAOA,EAAK,SAAS,MAAM,iBAC3B,IAAK,CACH,MAAOA,EAAK,SAAS,MAAM,gBAC7B,CACF,CACF,CAAC,EAEKU,EAAKX,EAAI,CACb,MAAOC,EAAK,SAAS,MAAM,OAC3B,IAAK,CACH,MAAOA,EAAK,SAAS,MAAM,MAC7B,EAEA,UAAW,CACT,QAAS,GACX,CACF,CAAC,EAEYW,EAAgB,CAC3B,QAAAL,EACA,UAAAC,EACA,SAAAC,EACA,QAAAC,EACA,GAAAC,CACF","sourcesContent":["import { css } from \"@emotion/react\";\nimport { vars } from \"@imwebme/clay-token\";\n\nexport const buttonCSS = css({\n  display: \"inline-flex\",\n  alignItems: \"center\",\n});\n\nconst large = css({\n  gap: vars.spacing[\"15\"],\n});\n\nconst medium = css({\n  gap: vars.spacing[1],\n});\n\nconst small = css({\n  gap: vars.spacing[\"05\"],\n});\n\nexport const sizeStyles = {\n  large,\n  medium,\n  small,\n};\n\nconst primary = css({\n  color: vars.semantic.color.textAccent,\n  svg: {\n    color: vars.semantic.color.textAccent,\n  },\n\n  \"&:hover\": {\n    color: vars.semantic.color.textAccentHover,\n    svg: {\n      color: vars.semantic.color.textAccentHover,\n    },\n  },\n});\n\nconst secondary = css({\n  color: vars.semantic.color.textSecondary,\n  svg: {\n    color: vars.semantic.color.textSecondary,\n  },\n\n  \"&:hover\": {\n    color: vars.semantic.color.textSecondaryHover,\n    svg: {\n      color: vars.semantic.color.textSecondaryHover,\n    },\n  },\n\n  '&[data-imweb-loading=\"true\"]': {\n    svg: {\n      color: vars.semantic.color.icon,\n    },\n  },\n});\n\nconst critical = css({\n  color: vars.semantic.color.textCritical,\n  svg: {\n    color: vars.semantic.color.textCritical,\n  },\n\n  \"&:hover\": {\n    color: vars.semantic.color.textCriticalHover,\n    svg: {\n      color: vars.semantic.color.textCriticalHover,\n    },\n  },\n});\n\nconst warning = css({\n  color: vars.semantic.color.textWarning,\n  svg: {\n    color: vars.semantic.color.textWarning,\n  },\n\n  \"&:hover\": {\n    color: vars.semantic.color.textWarningHover,\n    svg: {\n      color: vars.semantic.color.textWarningHover,\n    },\n  },\n});\n\nconst on = css({\n  color: vars.semantic.color.textOn,\n  svg: {\n    color: vars.semantic.color.textOn,\n  },\n\n  \"&:hover\": {\n    opacity: 0.75,\n  },\n});\n\nexport const variantStyles = {\n  primary,\n  secondary,\n  critical,\n  warning,\n  on,\n};\n"]}