@consumidor-positivo/aurora 0.0.114 → 0.0.115

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

@@ -7,8 +7,8 @@ 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 { IconX } from "../icons/IconX/index.es.js";
-import { g as COLOR_NEUTRAL_70, C as COLOR_SUCCESS_50, a as COLOR_ERROR_50, V as COLOR_WARNING_50, a0 as COLOR_INFO_50 } from "../../tokens-9EQe5J43.js";
 import { Conditional } from "../Conditional/index.es.js";
+import { h as COLOR_NEUTRAL_70, C as COLOR_SUCCESS_50, b as COLOR_ERROR_50, W as COLOR_WARNING_50, a1 as COLOR_INFO_50 } from "../../tokens-BwvPtuyb.js";
 import './styles.css';const Alert = ({
   status = "info",
   type = 1,

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

@@ -1,9 +1,9 @@
 import "react/jsx-runtime";
 import "../../index-CweZ_OcN.js";
-import "../../index-IsOA3-1p.js";
+import "../../index-B9cLhrrb.js";
 import "../Button/index.es.js";
 import "../PortalHolder/index.es.js";
-import { a } from "../../index-BOlJU5IV.js";
+import { a } from "../../index-C9HFx59f.js";
 export {
   a as DatepickerCalendar
 };

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

@@ -3,8 +3,8 @@ import "../../index-CweZ_OcN.js";
 import "../Icon/index.es.js";
 import "../icons/IconChevronLeft/index.es.js";
 import "../icons/IconChevronRight/index.es.js";
-import "../../index-BKpn7DZ_.js";
-import { C } from "../../index-IsOA3-1p.js";
+import "../../index-BDy8i79S.js";
+import { C } from "../../index-B9cLhrrb.js";
 export {
   C as CalendarHeader
 };

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

@@ -1,10 +1,16 @@
 import { CardContainer } from "../Container/index.es.js";
 import { CardEmphasis } from "../Emphasis/index.es.js";
-import { CardImage } from "../Image/index.es.js";
 import { jsx } from "react/jsx-runtime";
 import { c as classNames } from "../../index-CweZ_OcN.js";
 import { CardTag } from "../Tag/index.es.js";
-import './styles.css';const CardRoot = ({
+import './styles.css';const CardImage = ({ src, alt, width, height }) => {
+  const imageSize = {
+    width: `${width}px`,
+    height: `${height}px`
+  };
+  return /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx("img", { style: imageSize, src, alt }) });
+};
+const CardRoot = ({
   border = true,
   color = "primary",
   width,

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

@@ -1 +1 @@
-{"version":3,"file":"index.es.js","sources":["../../../lib/components/Card/Root/index.tsx","../../../lib/components/Card/index.tsx"],"sourcesContent":["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":";;;;;;AAYO,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/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;"}

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

@@ -3,8 +3,8 @@ import $dbSRa$react__default, { useState, useEffect } from "react";
 import { c as classNames } from "../../index-CweZ_OcN.js";
 import "../Icon/index.es.js";
 import { IconCheck } from "../icons/IconCheck/index.es.js";
-import { m as COLOR_NEUTRAL_00 } from "../../tokens-9EQe5J43.js";
 import { F as Field } from "../../index-ZE6zszxw.js";
+import { n as COLOR_NEUTRAL_00 } from "../../tokens-BwvPtuyb.js";
 import { Conditional } from "../Conditional/index.es.js";
 import { Text } from "../Text/index.es.js";
 import './styles.css';const CheckboxField = ({

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

@@ -1,13 +1,13 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import { B as BREAKPOINT_MD, b as COLOR_NEUTRAL_40 } from "../../tokens-9EQe5J43.js";
 import "../../index-CweZ_OcN.js";
 import "../Icon/index.es.js";
 import { IconCalendar } from "../icons/IconCalendar/index.es.js";
 import { InputField } from "../InputField/index.es.js";
-import { g as getDefaultDate, D as DDMMYYYY, a as DatepickerCalendar, A as AUCalendarDate } from "../../index-BOlJU5IV.js";
+import { g as getDefaultDate, D as DDMMYYYY, a as DatepickerCalendar, A as AUCalendarDate } from "../../index-C9HFx59f.js";
 import { useRef, useState, useMemo, useEffect } from "react";
 import { a as above } from "../../screen-DfYo7XQ_.js";
-import { u as useOutsideClick } from "../../index-BKpn7DZ_.js";
+import { u as useOutsideClick } from "../../index-BDy8i79S.js";
+import { B as BREAKPOINT_MD, c as COLOR_NEUTRAL_40 } from "../../tokens-BwvPtuyb.js";
 import './styles.css';function useDatepicker({
   value,
   defaultValue = "empty",

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

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+type ImageProps = React.ImgHTMLAttributes<HTMLImageElement> & {
+    srcMob?: string;
+    srcTablet?: string;
+    srcDesk?: string;
+};
+export declare const Image: ({ srcMob, srcTablet, srcDesk, ...props }: ImageProps) => import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -1,12 +1,13 @@
-import { jsx } from "react/jsx-runtime";
-const CardImage = ({ src, alt, width, height }) => {
-  const imageSize = {
-    width: `${width}px`,
-    height: `${height}px`
-  };
-  return /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx("img", { style: imageSize, src, alt }) });
+import { jsxs, jsx } from "react/jsx-runtime";
+import { B as BREAKPOINT_MD, a as BREAKPOINT_LG } from "../../tokens-BwvPtuyb.js";
+const Image = ({ srcMob, srcTablet, srcDesk, ...props }) => {
+  return /* @__PURE__ */ jsxs("picture", { children: [
+    /* @__PURE__ */ jsx("source", { media: `(max-width: ${BREAKPOINT_MD})`, srcSet: srcMob }),
+    /* @__PURE__ */ jsx("source", { media: `(max-width: ${BREAKPOINT_LG})`, srcSet: srcTablet }),
+    /* @__PURE__ */ jsx("img", { src: srcDesk, ...props })
+  ] });
 };
 export {
-  CardImage
+  Image
 };
 //# sourceMappingURL=index.es.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.es.js","sources":["../../../lib/components/Card/Image/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"],"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;"}
+{"version":3,"file":"index.es.js","sources":["../../../lib/components/Image/index.tsx"],"sourcesContent":["import { BREAKPOINT_LG, BREAKPOINT_MD } from \"@core/tokens\"\n\ntype ImageProps = React.ImgHTMLAttributes<HTMLImageElement> & {\n  srcMob?: string\n  srcTablet?: string\n  srcDesk?: string\n}\n\nexport const Image = ({ srcMob, srcTablet, srcDesk, ...props }: ImageProps) => {\n  return (\n    <picture>\n      <source media={`(max-width: ${BREAKPOINT_MD})`} srcSet={srcMob} />\n      <source media={`(max-width: ${BREAKPOINT_LG})`} srcSet={srcTablet} />\n      <img src={srcDesk} {...props} />\n    </picture>\n  )\n}\n"],"names":[],"mappings":";;AAQa,MAAA,QAAQ,CAAC,EAAE,QAAQ,WAAW,SAAS,GAAG,YAAwB;AAC7E,8BACG,WACC,EAAA,UAAA;AAAA,IAAA,oBAAC,YAAO,OAAO,eAAe,aAAa,KAAK,QAAQ,QAAQ;AAAA,wBAC/D,UAAO,EAAA,OAAO,eAAe,aAAa,KAAK,QAAQ,WAAW;AAAA,IAClE,oBAAA,OAAA,EAAI,KAAK,SAAU,GAAG,MAAO,CAAA;AAAA,EAChC,EAAA,CAAA;AAEJ;"}

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

@@ -4,7 +4,7 @@ import "../Icon/index.es.js";
 import { IconAlertOctagon } from "../icons/IconAlertOctagon/index.es.js";
 import { IconCheck } from "../icons/IconCheck/index.es.js";
 import { IconSlash } from "../icons/IconSlash/index.es.js";
-import { C as COLOR_SUCCESS_50, a as COLOR_ERROR_50, b as COLOR_NEUTRAL_40 } from "../../tokens-9EQe5J43.js";
+import { C as COLOR_SUCCESS_50, b as COLOR_ERROR_50, c as COLOR_NEUTRAL_40 } from "../../tokens-BwvPtuyb.js";
 const FieldLabel = ({
   id,
   text,

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

@@ -1,7 +1,7 @@
 import { jsx, Fragment } from "react/jsx-runtime";
 import { a as above } from "../../screen-DfYo7XQ_.js";
-import { B as BREAKPOINT_MD } from "../../tokens-9EQe5J43.js";
 import { Portal } from "../Portal/index.es.js";
+import { B as BREAKPOINT_MD } from "../../tokens-BwvPtuyb.js";
 const PortalHolder = ({ withPortal, children }) => {
   const shouldUsePortal = !above(BREAKPOINT_MD) && withPortal;
   if (shouldUsePortal) return /* @__PURE__ */ jsx(Portal, { children });

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

@@ -4,7 +4,7 @@ import "../Icon/index.es.js";
 import "../icons/IconChevronDown/index.es.js";
 import "../icons/IconChevronLeft/index.es.js";
 import "../icons/IconX/index.es.js";
-import { S } from "../../index-BKpn7DZ_.js";
+import { S } from "../../index-BDy8i79S.js";
 export {
   S as Segment
 };

package/dist/{index-IsOA3-1p.js → index-B9cLhrrb.js}

@@ -3,7 +3,7 @@ import "./index-CweZ_OcN.js";
 import "./components/Icon/index.es.js";
 import { IconChevronLeft } from "./components/icons/IconChevronLeft/index.es.js";
 import { IconChevronRight } from "./components/icons/IconChevronRight/index.es.js";
-import { S as Segment } from "./index-BKpn7DZ_.js";
+import { S as Segment } from "./index-BDy8i79S.js";
 import $dbSRa$react__default, { createContext, useContext, useState, useRef, useCallback, useEffect, useMemo, forwardRef } from "react";
 import "react-dom";
 createContext(null);
@@ -5686,4 +5686,4 @@ export {
   $dfd62f934fc76fed$export$e11f8ba65d857bff as e,
   $dfd62f934fc76fed$export$5d847498420df57b as f
 };
-//# sourceMappingURL=index-IsOA3-1p.js.map
+//# sourceMappingURL=index-B9cLhrrb.js.map