@consumidor-positivo/aurora 0.0.143 → 0.0.144

package/dist/components/Card/index.es.js

@@ -1,8 +1,7 @@
 import { CardContainer } from "../Container/index.es.js";
 import { CardEmphasis } from "../Emphasis/index.es.js";
-import { jsx } from "react/jsx-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { c as classNames } from "../../index-CweZ_OcN.js";
-import { CardTag } from "../Tag/index.es.js";
 import './styles.css';const CardImage = ({ src, alt, width, height }) => {
   const imageSize = {
     width: `${width}px`,
@@ -38,6 +37,20 @@ const CardRoot = ({
     }
   );
 };
+const CardTag = ({
+  color = "primary",
+  icon,
+  children
+}) => {
+  const tagClasses = classNames("au-card__tag", {
+    "au-card__tag--primary": color === "primary",
+    "au-card__tag--secondary": color === "secondary"
+  });
+  return /* @__PURE__ */ jsxs("div", { className: tagClasses, children: [
+    /* @__PURE__ */ jsx("span", { children: icon }),
+    /* @__PURE__ */ jsx("span", { children })
+  ] });
+};
 const components = {
   Root: CardRoot,
   Container: CardContainer,

package/dist/components/Card/index.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es.js","sources":["../../../lib/components/Card/Image/index.tsx","../../../lib/components/Card/Root/index.tsx","../../../lib/components/Card/index.tsx"],"sourcesContent":["import { CSSProperties } from 'react'\n\nexport type CardImageProps = {\n  src: string\n  alt?: string\n  width?: number\n  height?: number\n}\nexport const CardImage = ({ src, alt, width, height }: CardImageProps) => {\n  const imageSize: CSSProperties = {\n    width: `${width}px`,\n    height: `${height}px`,\n  }\n\n  return (\n    <div>\n      <img style={imageSize} src={src} alt={alt} />\n    </div>\n  )\n}\n","import classNames from 'classnames'\nimport { CSSProperties, ReactNode } from 'react'\n\nexport type CardRootProps = {\n  border?: boolean\n  color?: 'primary' | 'secondary'\n  width?: number\n  height?: number\n  maxWidth?: number\n  maxHeight?: number\n  children: ReactNode\n}\nexport const CardRoot = ({\n  border = true,\n  color = 'primary',\n  width,\n  height,\n  maxWidth,\n  maxHeight,\n  children,\n}: CardRootProps) => {\n  const rootClasses = classNames('au-card__root', {\n    'au-card__root--border-none': !border,\n    'au-card__root--color-secondary': color === 'secondary',\n  })\n  const rootSize: CSSProperties = {\n    width: `${width}px`,\n    height: `${height}px`,\n    maxWidth: `${maxWidth}px`,\n    maxHeight: `${maxHeight}px`\n  }\n\n  return (\n    <div\n      style={rootSize}\n      className={rootClasses}>\n      {children}\n    </div>\n  )\n}\n","import { CardContainer, CardContainerProps } from './Container'\nimport { CardEmphasis, CardEmphasisProps } from './Emphasis'\nimport { CardImage, CardImageProps } from './Image'\nimport { CardRoot, CardRootProps } from './Root'\nimport { CardTag, CardTagProps } from './Tag'\nimport './styles.scss'\n\ntype Components = {\n  Root: React.FC<CardRootProps>\n  Container: React.FC<CardContainerProps>\n  Emphasis: React.FC<CardEmphasisProps>\n  Image: React.FC<CardImageProps>\n  Tag: React.FC<CardTagProps>\n}\n\nconst components: Components = {\n  Root: CardRoot,\n  Container: CardContainer,\n  Emphasis: CardEmphasis,\n  Image: CardImage,\n  Tag: CardTag,\n}\n\nObject.keys(components).forEach((key) => {\n  const component = components[key as keyof Components]\n  component.displayName = `Card.${key}`\n})\n\nexport { components as Card }\n"],"names":[],"mappings":";;;;;AAQO,MAAM,YAAY,CAAC,EAAE,KAAK,KAAK,OAAO,aAA6B;AACxE,QAAM,YAA2B;AAAA,IAC/B,OAAO,GAAG,KAAK;AAAA,IACf,QAAQ,GAAG,MAAM;AAAA,EAAA;AAIjB,SAAA,oBAAC,SACC,UAAC,oBAAA,OAAA,EAAI,OAAO,WAAW,KAAU,IAAU,CAAA,EAC7C,CAAA;AAEJ;ACPO,MAAM,WAAW,CAAC;AAAA,EACvB,SAAS;AAAA,EACT,QAAQ;AAAA,EACR;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAqB;AACb,QAAA,cAAc,WAAW,iBAAiB;AAAA,IAC9C,8BAA8B,CAAC;AAAA,IAC/B,kCAAkC,UAAU;AAAA,EAAA,CAC7C;AACD,QAAM,WAA0B;AAAA,IAC9B,OAAO,GAAG,KAAK;AAAA,IACf,QAAQ,GAAG,MAAM;AAAA,IACjB,UAAU,GAAG,QAAQ;AAAA,IACrB,WAAW,GAAG,SAAS;AAAA,EAAA;AAIvB,SAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,OAAO;AAAA,MACP,WAAW;AAAA,MACV;AAAA,IAAA;AAAA,EAAA;AAGP;ACxBA,MAAM,aAAyB;AAAA,EAC7B,MAAM;AAAA,EACN,WAAW;AAAA,EACX,UAAU;AAAA,EACV,OAAO;AAAA,EACP,KAAK;AACP;AAEA,OAAO,KAAK,UAAU,EAAE,QAAQ,CAAC,QAAQ;AACjC,QAAA,YAAY,WAAW,GAAuB;AAC1C,YAAA,cAAc,QAAQ,GAAG;AACrC,CAAC;"}
+{"version":3,"file":"index.es.js","sources":["../../../lib/components/Card/Image/index.tsx","../../../lib/components/Card/Root/index.tsx","../../../lib/components/Card/Tag/index.tsx","../../../lib/components/Card/index.tsx"],"sourcesContent":["import { CSSProperties } from 'react'\n\nexport type CardImageProps = {\n  src: string\n  alt?: string\n  width?: number\n  height?: number\n}\nexport const CardImage = ({ src, alt, width, height }: CardImageProps) => {\n  const imageSize: CSSProperties = {\n    width: `${width}px`,\n    height: `${height}px`,\n  }\n\n  return (\n    <div>\n      <img style={imageSize} src={src} alt={alt} />\n    </div>\n  )\n}\n","import classNames from 'classnames'\nimport { CSSProperties, ReactNode } from 'react'\n\nexport type CardRootProps = {\n  border?: boolean\n  color?: 'primary' | 'secondary'\n  width?: number\n  height?: number\n  maxWidth?: number\n  maxHeight?: number\n  children: ReactNode\n}\nexport const CardRoot = ({\n  border = true,\n  color = 'primary',\n  width,\n  height,\n  maxWidth,\n  maxHeight,\n  children,\n}: CardRootProps) => {\n  const rootClasses = classNames('au-card__root', {\n    'au-card__root--border-none': !border,\n    'au-card__root--color-secondary': color === 'secondary',\n  })\n  const rootSize: CSSProperties = {\n    width: `${width}px`,\n    height: `${height}px`,\n    maxWidth: `${maxWidth}px`,\n    maxHeight: `${maxHeight}px`\n  }\n\n  return (\n    <div\n      style={rootSize}\n      className={rootClasses}>\n      {children}\n    </div>\n  )\n}\n","import classNames from 'classnames'\nimport { ReactNode } from 'react'\n\nexport type CardTagProps = {\n  color?: 'primary' | 'secondary'\n  icon?: ReactNode\n  children: ReactNode\n}\nexport const CardTag = ({\n  color = 'primary',\n  icon,\n  children,\n}: CardTagProps) => {\n  const tagClasses = classNames('au-card__tag', {\n    'au-card__tag--primary': color === 'primary',\n    'au-card__tag--secondary': color === 'secondary',\n  })\n  return (\n    <div className={tagClasses}>\n      <span>{icon}</span>\n      <span>{children}</span>\n    </div>\n  )\n}\n","import { CardContainer, CardContainerProps } from './Container'\nimport { CardEmphasis, CardEmphasisProps } from './Emphasis'\nimport { CardImage, CardImageProps } from './Image'\nimport { CardRoot, CardRootProps } from './Root'\nimport { CardTag, CardTagProps } from './Tag'\nimport './styles.scss'\n\ntype Components = {\n  Root: React.FC<CardRootProps>\n  Container: React.FC<CardContainerProps>\n  Emphasis: React.FC<CardEmphasisProps>\n  Image: React.FC<CardImageProps>\n  Tag: React.FC<CardTagProps>\n}\n\nconst components: Components = {\n  Root: CardRoot,\n  Container: CardContainer,\n  Emphasis: CardEmphasis,\n  Image: CardImage,\n  Tag: CardTag,\n}\n\nObject.keys(components).forEach((key) => {\n  const component = components[key as keyof Components]\n  component.displayName = `Card.${key}`\n})\n\nexport { components as Card }\n"],"names":[],"mappings":";;;;AAQO,MAAM,YAAY,CAAC,EAAE,KAAK,KAAK,OAAO,aAA6B;AACxE,QAAM,YAA2B;AAAA,IAC/B,OAAO,GAAG,KAAK;AAAA,IACf,QAAQ,GAAG,MAAM;AAAA,EAAA;AAIjB,SAAA,oBAAC,SACC,UAAC,oBAAA,OAAA,EAAI,OAAO,WAAW,KAAU,IAAU,CAAA,EAC7C,CAAA;AAEJ;ACPO,MAAM,WAAW,CAAC;AAAA,EACvB,SAAS;AAAA,EACT,QAAQ;AAAA,EACR;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAqB;AACb,QAAA,cAAc,WAAW,iBAAiB;AAAA,IAC9C,8BAA8B,CAAC;AAAA,IAC/B,kCAAkC,UAAU;AAAA,EAAA,CAC7C;AACD,QAAM,WAA0B;AAAA,IAC9B,OAAO,GAAG,KAAK;AAAA,IACf,QAAQ,GAAG,MAAM;AAAA,IACjB,UAAU,GAAG,QAAQ;AAAA,IACrB,WAAW,GAAG,SAAS;AAAA,EAAA;AAIvB,SAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,OAAO;AAAA,MACP,WAAW;AAAA,MACV;AAAA,IAAA;AAAA,EAAA;AAGP;AC/BO,MAAM,UAAU,CAAC;AAAA,EACtB,QAAQ;AAAA,EACR;AAAA,EACA;AACF,MAAoB;AACZ,QAAA,aAAa,WAAW,gBAAgB;AAAA,IAC5C,yBAAyB,UAAU;AAAA,IACnC,2BAA2B,UAAU;AAAA,EAAA,CACtC;AAEC,SAAA,qBAAC,OAAI,EAAA,WAAW,YACd,UAAA;AAAA,IAAA,oBAAC,UAAM,UAAK,KAAA,CAAA;AAAA,IACZ,oBAAC,UAAM,UAAS;AAAA,EAClB,EAAA,CAAA;AAEJ;ACRA,MAAM,aAAyB;AAAA,EAC7B,MAAM;AAAA,EACN,WAAW;AAAA,EACX,UAAU;AAAA,EACV,OAAO;AAAA,EACP,KAAK;AACP;AAEA,OAAO,KAAK,UAAU,EAAE,QAAQ,CAAC,QAAQ;AACjC,QAAA,YAAY,WAAW,GAAuB;AAC1C,YAAA,cAAc,QAAQ,GAAG;AACrC,CAAC;"}

package/dist/components/Tag/index.d.ts

@@ -0,0 +1,12 @@
+
+export type TagProps = {
+    status: 'info' | 'success' | 'error' | 'warning' | 'support' | 'neutral';
+    border?: 'rounded' | 'square';
+    type?: 'read-only' | 'badge';
+    color?: 'primary' | 'secondary';
+    size?: 'small' | 'medium' | 'large';
+    text: string;
+    children?: React.ReactNode;
+    customIcon?: string | JSX.Element;
+};
+export declare const Tag: ({ status, border, size, type, color, customIcon, text, children, }: TagProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Tag/index.es.js

@@ -1,20 +1,74 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { c as classNames } from "../../index-CweZ_OcN.js";
-const CardTag = ({
+import "../Icon/index.es.js";
+import { IconAlertOctagon } from "../icons/IconAlertOctagon/index.es.js";
+import { IconAlertTriangle } from "../icons/IconAlertTriangle/index.es.js";
+import { IconCheck } from "../icons/IconCheck/index.es.js";
+import { IconInfo } from "../icons/IconInfo/index.es.js";
+import { IconSlash } from "../icons/IconSlash/index.es.js";
+import { C as COLOR_SUCCESS_50, b as COLOR_ERROR_50, W as COLOR_WARNING_50, a1 as COLOR_INFO_50, E as COLOR_BRAND_CYAN_50, h as COLOR_NEUTRAL_70 } from "../../tokens-BwvPtuyb.js";
+import { Conditional } from "../Conditional/index.es.js";
+import './styles.css';const Tag = ({
+  status,
+  border = "square",
+  size = "medium",
+  type = "read-only",
   color = "primary",
-  icon,
+  customIcon,
+  text,
   children
 }) => {
-  const tagClasses = classNames("au-card__tag", {
-    "au-card__tag--primary": color === "primary",
-    "au-card__tag--secondary": color === "secondary"
+  const statusMap = {
+    success: {
+      option: "success",
+      icon: /* @__PURE__ */ jsx(IconCheck, { rawColor: COLOR_SUCCESS_50 })
+    },
+    error: {
+      option: "error",
+      icon: /* @__PURE__ */ jsx(IconAlertOctagon, { rawColor: COLOR_ERROR_50 })
+    },
+    warning: {
+      option: "warning",
+      icon: /* @__PURE__ */ jsx(IconAlertTriangle, { rawColor: COLOR_WARNING_50 })
+    },
+    info: { option: "info", icon: /* @__PURE__ */ jsx(IconInfo, { rawColor: COLOR_INFO_50 }) },
+    support: {
+      option: "support",
+      icon: /* @__PURE__ */ jsx(IconInfo, { rawColor: COLOR_BRAND_CYAN_50 })
+    },
+    neutral: {
+      option: "neutral",
+      icon: /* @__PURE__ */ jsx(IconSlash, { rawColor: COLOR_NEUTRAL_70 })
+    },
+    custom: {
+      option: "custom",
+      icon: customIcon
+    }
+  };
+  const tagClasses = classNames("au-tag", {
+    [`au-tag--${statusMap[status].option}`]: statusMap[status].option,
+    [`au-tag--size-${size}`]: !!size,
+    [`au-tag--type-${type}`]: !!type,
+    [`au-tag--border-${border}`]: !!border,
+    [`au-tag--color-${color}`]: !!color
   });
+  const isBadgeTag = type === "badge";
+  const supportText = isBadgeTag ? text.toUpperCase() : text;
   return /* @__PURE__ */ jsxs("div", { className: tagClasses, children: [
-    /* @__PURE__ */ jsx("span", { children: icon }),
-    /* @__PURE__ */ jsx("span", { children })
+    /* @__PURE__ */ jsxs("div", { className: "au-tag__content", children: [
+      /* @__PURE__ */ jsx(
+        Conditional,
+        {
+          condition: !isBadgeTag,
+          renderIf: /* @__PURE__ */ jsx("div", { className: "au-tag__content-icon", children: /* @__PURE__ */ jsx(Conditional, { condition: !!customIcon, renderIf: customIcon, renderElse: statusMap[status].icon }) })
+        }
+      ),
+      /* @__PURE__ */ jsx("p", { className: `au-tag__content-support-text`, children: supportText })
+    ] }),
+    children
   ] });
 };
 export {
-  CardTag
+  Tag
 };
 //# sourceMappingURL=index.es.js.map

package/dist/components/Tag/index.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es.js","sources":["../../../lib/components/Card/Tag/index.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport { ReactNode } from 'react'\n\nexport type CardTagProps = {\n  color?: 'primary' | 'secondary'\n  icon?: ReactNode\n  children: ReactNode\n}\nexport const CardTag = ({\n  color = 'primary',\n  icon,\n  children,\n}: CardTagProps) => {\n  const tagClasses = classNames('au-card__tag', {\n    'au-card__tag--primary': color === 'primary',\n    'au-card__tag--secondary': color === 'secondary',\n  })\n  return (\n    <div className={tagClasses}>\n      <span>{icon}</span>\n      <span>{children}</span>\n    </div>\n  )\n}\n"],"names":[],"mappings":";;AAQO,MAAM,UAAU,CAAC;AAAA,EACtB,QAAQ;AAAA,EACR;AAAA,EACA;AACF,MAAoB;AACZ,QAAA,aAAa,WAAW,gBAAgB;AAAA,IAC5C,yBAAyB,UAAU;AAAA,IACnC,2BAA2B,UAAU;AAAA,EAAA,CACtC;AAEC,SAAA,qBAAC,OAAI,EAAA,WAAW,YACd,UAAA;AAAA,IAAA,oBAAC,UAAM,UAAK,KAAA,CAAA;AAAA,IACZ,oBAAC,UAAM,UAAS;AAAA,EAClB,EAAA,CAAA;AAEJ;"}
+{"version":3,"file":"index.es.js","sources":["../../../lib/components/Tag/index.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport {\n  IconAlertOctagon,\n  IconAlertTriangle,\n  IconCheck,\n  IconInfo,\n  IconSlash,\n} from '@components/icons'\nimport {\n  COLOR_ERROR_50,\n  COLOR_INFO_50,\n  COLOR_SUCCESS_50,\n  COLOR_WARNING_50,\n  COLOR_BRAND_CYAN_50,\n  COLOR_NEUTRAL_70,\n} from '@core/tokens'\nimport './styles.scss'\nimport { Conditional } from '@components/misc'\n\nexport type TagProps = {\n  status: 'info' | 'success' | 'error' | 'warning' | 'support' | 'neutral'\n  border?: 'rounded' | 'square'\n  type?: 'read-only' | 'badge'\n  color?: 'primary' | 'secondary'\n  size?: 'small' | 'medium' | 'large'\n  text: string\n  children?: React.ReactNode\n  customIcon?: string | JSX.Element\n}\n\nexport const Tag = ({\n  status,\n  border = 'square',\n  size = 'medium',\n  type = 'read-only',\n  color = 'primary',\n  customIcon,\n  text,\n  children,\n}: TagProps) => {\n\n  const statusMap = {\n    success: {\n      option: 'success',\n      icon: <IconCheck rawColor={COLOR_SUCCESS_50} />,\n    },\n    error: {\n      option: 'error',\n      icon: <IconAlertOctagon rawColor={COLOR_ERROR_50} />,\n    },\n    warning: {\n      option: 'warning',\n      icon: <IconAlertTriangle rawColor={COLOR_WARNING_50} />,\n    },\n    info: { option: 'info', icon: <IconInfo rawColor={COLOR_INFO_50} /> },\n    support: {\n      option: 'support',\n      icon: <IconInfo rawColor={COLOR_BRAND_CYAN_50} />,\n    },\n    neutral: {\n      option: 'neutral',\n      icon: <IconSlash rawColor={COLOR_NEUTRAL_70} />,\n    },\n    custom: {\n      option: 'custom',\n      icon: customIcon,\n    },\n  }\n\n  const tagClasses = classNames('au-tag', {\n    [`au-tag--${statusMap[status].option}`]: statusMap[status].option,\n    [`au-tag--size-${size}`]: !!size,\n    [`au-tag--type-${type}`]: !!type,\n    [`au-tag--border-${border}`]: !!border,\n    [`au-tag--color-${color}`]: !!color,\n  })\n\n  const isBadgeTag = type === 'badge';\n  const supportText = isBadgeTag ? text.toUpperCase() : text\n\n  return (\n    <div className={tagClasses}>\n      <div className=\"au-tag__content\">\n        <Conditional\n          condition={!isBadgeTag}\n          renderIf={\n            <div className=\"au-tag__content-icon\">\n              <Conditional condition={!!customIcon} renderIf={customIcon} renderElse={statusMap[status].icon}/>\n            </div>\n          }\n        />\n        <p className={`au-tag__content-support-text`}>{supportText}</p>\n      </div>\n      {children}\n    </div>\n  )\n}\n"],"names":[],"mappings":";;;;;;;;;;AA8BO,MAAM,MAAM,CAAC;AAAA,EAClB;AAAA,EACA,SAAS;AAAA,EACT,OAAO;AAAA,EACP,OAAO;AAAA,EACP,QAAQ;AAAA,EACR;AAAA,EACA;AAAA,EACA;AACF,MAAgB;AAEd,QAAM,YAAY;AAAA,IAChB,SAAS;AAAA,MACP,QAAQ;AAAA,MACR,MAAM,oBAAC,WAAU,EAAA,UAAU,iBAAkB,CAAA;AAAA,IAC/C;AAAA,IACA,OAAO;AAAA,MACL,QAAQ;AAAA,MACR,MAAM,oBAAC,kBAAiB,EAAA,UAAU,eAAgB,CAAA;AAAA,IACpD;AAAA,IACA,SAAS;AAAA,MACP,QAAQ;AAAA,MACR,MAAM,oBAAC,mBAAkB,EAAA,UAAU,iBAAkB,CAAA;AAAA,IACvD;AAAA,IACA,MAAM,EAAE,QAAQ,QAAQ,MAAO,oBAAA,UAAA,EAAS,UAAU,cAAA,CAAe,EAAG;AAAA,IACpE,SAAS;AAAA,MACP,QAAQ;AAAA,MACR,MAAM,oBAAC,UAAS,EAAA,UAAU,oBAAqB,CAAA;AAAA,IACjD;AAAA,IACA,SAAS;AAAA,MACP,QAAQ;AAAA,MACR,MAAM,oBAAC,WAAU,EAAA,UAAU,iBAAkB,CAAA;AAAA,IAC/C;AAAA,IACA,QAAQ;AAAA,MACN,QAAQ;AAAA,MACR,MAAM;AAAA,IACR;AAAA,EAAA;AAGI,QAAA,aAAa,WAAW,UAAU;AAAA,IACtC,CAAC,WAAW,UAAU,MAAM,EAAE,MAAM,EAAE,GAAG,UAAU,MAAM,EAAE;AAAA,IAC3D,CAAC,gBAAgB,IAAI,EAAE,GAAG,CAAC,CAAC;AAAA,IAC5B,CAAC,gBAAgB,IAAI,EAAE,GAAG,CAAC,CAAC;AAAA,IAC5B,CAAC,kBAAkB,MAAM,EAAE,GAAG,CAAC,CAAC;AAAA,IAChC,CAAC,iBAAiB,KAAK,EAAE,GAAG,CAAC,CAAC;AAAA,EAAA,CAC/B;AAED,QAAM,aAAa,SAAS;AAC5B,QAAM,cAAc,aAAa,KAAK,YAAA,IAAgB;AAGpD,SAAA,qBAAC,OAAI,EAAA,WAAW,YACd,UAAA;AAAA,IAAC,qBAAA,OAAA,EAAI,WAAU,mBACb,UAAA;AAAA,MAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAW,CAAC;AAAA,UACZ,UACG,oBAAA,OAAA,EAAI,WAAU,wBACb,UAAA,oBAAC,eAAY,WAAW,CAAC,CAAC,YAAY,UAAU,YAAY,YAAY,UAAU,MAAM,EAAE,KAAK,CAAA,GACjG;AAAA,QAAA;AAAA,MAEJ;AAAA,MACC,oBAAA,KAAA,EAAE,WAAW,gCAAiC,UAAY,aAAA;AAAA,IAAA,GAC7D;AAAA,IACC;AAAA,EACH,EAAA,CAAA;AAEJ;"}

package/dist/components/Tag/styles.css

@@ -0,0 +1 @@
+.au-tag{font-family:"Source Sans 3",sans-serif;display:flex;justify-content:center;border-radius:8px;padding:8px;width:fit-content}.au-tag__content{display:flex;gap:8px;justify-content:center;align-items:center}.au-tag__content-icon .au-icon,.au-tag__content-icon .au-icon>svg{width:16px;height:16px}.au-tag__content-support-text{color:#16181d;font-size:12px;font-weight:600;line-height:18px}.au-tag--size-small{height:26px;padding:4px 8px}.au-tag--size-medium{height:36px}.au-tag--size-large{height:38px}.au-tag--size-large-support-text{font-size:14px;line-height:22px}.au-tag--border-rounded{border-radius:500px}.au-tag--color-primary.au-tag--info{background-color:#eee6ff}.au-tag--color-primary.au-tag--success{background-color:#e5fff0}.au-tag--color-primary.au-tag--error{background-color:#ffe5e5}.au-tag--color-primary.au-tag--warning{background-color:#fff0e6}.au-tag--color-primary.au-tag--support{background-color:#f1fcff}.au-tag--color-primary.au-tag--neutral{background-color:#e2e4e9}.au-tag--color-secondary.au-tag--info{background-color:#d4bfff}.au-tag--color-secondary.au-tag--success{background-color:#a1e5bd}.au-tag--color-secondary.au-tag--error{background-color:#ffbfbf}.au-tag--color-secondary.au-tag--warning{background-color:#ffdabf}.au-tag--color-secondary.au-tag--support{background-color:#ccf3ff}.au-tag--color-secondary.au-tag--neutral{background-color:#c4c9d4}.au-tag--type-badge.au-tag--info p{color:#46008c}.au-tag--type-badge.au-tag--error p{color:#731111}.au-tag--type-badge.au-tag--success p{color:#08331a}.au-tag--type-badge.au-tag--warning p{color:#803500}.au-tag--type-badge.au-tag--support p{color:#004155}.au-tag--type-badge.au-tag--size-large{height:36px;font-size:12px;line-height:18px}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@consumidor-positivo/aurora",
   "private": false,
-  "version": "0.0.143",
+  "version": "0.0.144",
   "type": "module",
   "main": "./dist/main.es.js",
   "modules": "./dist/main.es.js",