@consumidor-positivo/aurora 0.0.45 → 0.0.47

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

@@ -0,0 +1,5 @@
+import { aJ } from "../../tokens-BPzuCjxd.js";
+export {
+  aJ as default
+};
+//# sourceMappingURL=index.es.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.es.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

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

@@ -1,21 +1,47 @@
-import "react/jsx-runtime";
-import "../../index-CweZ_OcN.js";
-import { I } from "../../tokens-rQ0Hp63r.js";
-import "../Conditional/index.es.js";
-import "../Icon/index.es.js";
-import "../icons/IconAlertCircle/index.es.js";
-import "../icons/IconCheck/index.es.js";
-import "../icons/IconSlash/index.es.js";
-import '../styles/styles3.css';import '../styles/styles5.css';import '../styles/styles4.css';import '../styles/styles2.css';import '../styles/styles.css';/* empty css                    */
-/* empty css                    */
-import "../Header/index.es.js";
-import "react";
-import "../NavbarVertical/index.es.js";
-import "../Text/index.es.js";
-/* empty css                    */
-/* empty css                    */
-/* empty css                    */
+import { jsxs, jsx } from "react/jsx-runtime";
+import { aJ as Field } from "../../tokens-BPzuCjxd.js";
+const InputField = ({
+  optional,
+  requiredInput,
+  success,
+  error,
+  errorMessage,
+  label,
+  ref,
+  id,
+  disabled,
+  style,
+  className,
+  ...props
+}) => {
+  return /* @__PURE__ */ jsxs(
+    Field.Root,
+    {
+      style,
+      customclass: className,
+      success,
+      error,
+      disabled,
+      children: [
+        /* @__PURE__ */ jsx(
+          Field.Label,
+          {
+            text: label,
+            id,
+            required: requiredInput,
+            optional,
+            success,
+            error,
+            disabled
+          }
+        ),
+        /* @__PURE__ */ jsx(Field.Input, { id, ref, disabled, ...props }),
+        /* @__PURE__ */ jsx(Field.ErrorMessage, { hasError: !!error, message: errorMessage })
+      ]
+    }
+  );
+};
 export {
-  I as InputField
+  InputField
 };
 //# sourceMappingURL=index.es.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.es.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.es.js","sources":["../../../lib/components/form/InputField/index.tsx"],"sourcesContent":["import Field from '../Field'\n\ntype InputProps = React.InputHTMLAttributes<HTMLInputElement> & {\n  optional?: boolean\n  requiredInput?: boolean\n  success?: boolean\n  error?: boolean\n  errorMessage?: string\n  label?: string\n  ref?: React.RefObject<HTMLInputElement>\n}\n\nexport const InputField = ({\n  optional,\n  requiredInput,\n  success,\n  error,\n  errorMessage,\n  label,\n  ref,\n  id,\n  disabled,\n  style,\n  className,\n  ...props\n}: InputProps) => {\n  return (\n    <Field.Root\n      style={style}\n      customclass={className}\n      success={success}\n      error={error}\n      disabled={disabled}>\n      <Field.Label\n        text={label}\n        id={id}\n        required={requiredInput}\n        optional={optional}\n        success={success}\n        error={error}\n        disabled={disabled}\n      />\n      <Field.Input id={id} ref={ref} disabled={disabled} {...props} />\n      <Field.ErrorMessage hasError={!!error} message={errorMessage} />\n    </Field.Root>\n  )\n}\n"],"names":[],"mappings":";;AAYO,MAAM,aAAa,CAAC;AAAA,EACzB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAkB;AAEd,SAAA;AAAA,IAAC,MAAM;AAAA,IAAN;AAAA,MACC;AAAA,MACA,aAAa;AAAA,MACb;AAAA,MACA;AAAA,MACA;AAAA,MACA,UAAA;AAAA,QAAA;AAAA,UAAC,MAAM;AAAA,UAAN;AAAA,YACC,MAAM;AAAA,YACN;AAAA,YACA,UAAU;AAAA,YACV;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,UAAA;AAAA,QACF;AAAA,QACA,oBAAC,MAAM,OAAN,EAAY,IAAQ,KAAU,UAAqB,GAAG,OAAO;AAAA,QAC9D,oBAAC,MAAM,cAAN,EAAmB,UAAU,CAAC,CAAC,OAAO,SAAS,cAAc;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGpE;"}

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

@@ -0,0 +1,186 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { aJ as Field } from "../../tokens-BPzuCjxd.js";
+import { useRef, useState, useEffect } from "react";
+function inputtedValueIsValid(value) {
+  const numberValue = Number(value);
+  const isNaN = Number.isNaN(numberValue);
+  return !isNaN;
+}
+function useTokenField({
+  size,
+  onComplete,
+  onChange,
+  onChangeTimer,
+  timer = null
+}) {
+  const rootElementRef = useRef(null);
+  const [tokenMap, setTokenMap] = useState(_getDefaultTokens());
+  const [timerTime, setTimerTime] = useState(timer);
+  useEffect(_handleValueEvents, [tokenMap]);
+  useEffect(_handleStartTimer, [timer]);
+  useEffect(_handleTimerUpdate, [timerTime]);
+  function _handleValueEvents() {
+    const tokenValueArray = Object.keys(tokenMap).map((key) => tokenMap[key]) || [];
+    const stringField = tokenValueArray.join("");
+    const isTokenValid = stringField.length === size;
+    if (onChange) onChange(stringField);
+    if (!!isTokenValid && !!onComplete) {
+      onComplete(stringField);
+    }
+  }
+  function _handleStartTimer() {
+    let interval;
+    if (timer) {
+      interval = setInterval(() => {
+        setTimerTime((currentTime) => {
+          if (!currentTime) return null;
+          const reachedTheLimit = currentTime === 0;
+          if (reachedTheLimit) {
+            return timer;
+          } else {
+            return currentTime - 1;
+          }
+        });
+      }, 1e3);
+      if (interval) {
+        return () => clearInterval(interval);
+      }
+    }
+  }
+  function _handleTimerUpdate() {
+    if (onChangeTimer && timerTime) onChangeTimer(timerTime);
+    if (timerTime === 0) {
+      setTokenMap(_getDefaultTokens());
+      _resetFocus();
+    }
+  }
+  function _getDefaultTokens() {
+    return [...Array(size)].reduce((acc, _, i) => ({ ...acc, [i]: "" }), {});
+  }
+  function _goToNextInput(i) {
+    var _a;
+    const nextItem = (_a = rootElementRef == null ? void 0 : rootElementRef.current) == null ? void 0 : _a.querySelector(
+      `[data-token-i='${i + 1}']`
+    );
+    if (nextItem) nextItem.focus();
+  }
+  function _resetFocus() {
+    var _a;
+    const firstItem = (_a = rootElementRef.current) == null ? void 0 : _a.querySelector(
+      `[data-token-i='0']`
+    );
+    firstItem == null ? void 0 : firstItem.focus();
+  }
+  function onKeyUpHandler(e, i) {
+    var _a, _b;
+    const hasBackspacePressed = e.which === 8 || e.key === "Backspace";
+    if (hasBackspacePressed) {
+      const previousItem = (_a = rootElementRef == null ? void 0 : rootElementRef.current) == null ? void 0 : _a.querySelector(
+        `[data-token-i='${i - 1}']`
+      );
+      const currentItem = (_b = rootElementRef == null ? void 0 : rootElementRef.current) == null ? void 0 : _b.querySelector(
+        `[data-token-i='${i}']`
+      );
+      setTokenMap({ ...tokenMap, [i]: "" });
+      if (!!previousItem && !(currentItem == null ? void 0 : currentItem.value)) previousItem.focus();
+    }
+  }
+  function onChangeNumber(e, i) {
+    var _a;
+    e.preventDefault();
+    let value = (_a = e == null ? void 0 : e.target) == null ? void 0 : _a.value;
+    const isNumberValid = inputtedValueIsValid(value);
+    const isEmpty = value === "";
+    if (isNumberValid) {
+      let firstEmptyIndex = Object.keys(tokenMap).findIndex(
+        (index) => tokenMap[index] === ""
+      );
+      if (value.length > 1) {
+        firstEmptyIndex = firstEmptyIndex - 1;
+        value = value[value.length - 1];
+      }
+      if (firstEmptyIndex < 0) {
+        if (value) {
+          setTokenMap({ ...tokenMap, [i]: value });
+        }
+        return;
+      }
+      setTokenMap({ ...tokenMap, [firstEmptyIndex]: value });
+      if (!isEmpty) _goToNextInput(firstEmptyIndex);
+    }
+  }
+  function onPasteNumber(e) {
+    e.preventDefault();
+    const value = e.clipboardData.getData("Text");
+    const isNumberValid = inputtedValueIsValid(value);
+    if (isNumberValid) {
+      const arrValue = value.split("").slice(0, size);
+      setTokenMap({ ..._getDefaultTokens(), ...arrValue });
+      _goToNextInput(arrValue.length - 1);
+    } else {
+      setTokenMap(_getDefaultTokens());
+    }
+  }
+  return {
+    onKeyUpHandler,
+    onChangeNumber,
+    onPasteNumber,
+    tokenMap,
+    rootElementRef
+  };
+}
+const TokenField = ({
+  label,
+  disabled,
+  success,
+  error,
+  errorMessage,
+  size = 6,
+  type,
+  style,
+  timer,
+  onChangeTimer,
+  onComplete,
+  onChange
+}) => {
+  const { tokenMap, rootElementRef, onChangeNumber, onKeyUpHandler, onPasteNumber } = useTokenField({ size, onComplete, onChange, onChangeTimer, timer });
+  return /* @__PURE__ */ jsxs(
+    Field.Root,
+    {
+      style,
+      customclass: "au-token-field",
+      success,
+      error,
+      disabled,
+      children: [
+        /* @__PURE__ */ jsx(
+          Field.Label,
+          {
+            text: label,
+            success,
+            error,
+            disabled
+          }
+        ),
+        /* @__PURE__ */ jsx("div", { ref: rootElementRef, className: "au-token-field__container", children: [...Object.values(tokenMap)].map((_, i) => /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
+          Field.Input,
+          {
+            customclass: "au-token-field__input",
+            type: type || "number",
+            value: tokenMap[i],
+            disabled,
+            onChange: (e) => onChangeNumber(e, i),
+            onKeyUp: (e) => onKeyUpHandler(e, i),
+            onPaste: (e) => onPasteNumber(e),
+            "data-token-i": i
+          }
+        ) }, `token-digit-${i}`)) }),
+        /* @__PURE__ */ jsx(Field.ErrorMessage, { hasError: error, message: errorMessage })
+      ]
+    }
+  );
+};
+export {
+  TokenField
+};
+//# sourceMappingURL=index.es.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.es.js","sources":["../../../lib/components/form/TokenField/hook.tsx","../../../lib/components/form/TokenField/index.tsx"],"sourcesContent":["import { useState, useEffect, useRef } from 'react'\n\ntype UseTokenInputProps = {\n  size: number\n  onComplete?: (token: string) => void\n  onChange?: (value: string) => void\n  onChangeTimer?: (time: number) => void\n  timer?: number | null\n}\n\nfunction inputtedValueIsValid(value: unknown) {\n  const numberValue = Number(value)\n  const isNaN = Number.isNaN(numberValue)\n  return !isNaN\n}\n\nexport default function useTokenField({\n  size,\n  onComplete,\n  onChange,\n  onChangeTimer,\n  timer = null,\n}: UseTokenInputProps) {\n  const rootElementRef = useRef<HTMLDivElement | null>(null)\n  const [tokenMap, setTokenMap] = useState(_getDefaultTokens())\n  const [timerTime, setTimerTime] = useState<number | null>(timer)\n\n  useEffect(_handleValueEvents, [tokenMap])\n  useEffect(_handleStartTimer, [timer])\n  useEffect(_handleTimerUpdate, [timerTime])\n\n  function _handleValueEvents() {\n    const tokenValueArray =\n      Object.keys(tokenMap).map((key) => tokenMap[key]) || []\n    const stringField = tokenValueArray.join('')\n    const isTokenValid = stringField.length === size\n    if (onChange) onChange(stringField)\n\n    if (!!isTokenValid && !!onComplete) {\n      onComplete(stringField)\n    }\n  }\n\n  function _handleStartTimer() {\n    let interval: NodeJS.Timeout\n\n    if (timer) {\n      interval = setInterval(() => {\n        setTimerTime((currentTime) => {\n          if (!currentTime) return null\n          const reachedTheLimit = currentTime === 0\n          if (reachedTheLimit) {\n            return timer\n          } else {\n            return currentTime - 1\n          }\n        })\n      }, 1000)\n      \n      if (interval) {\n        return () => clearInterval(interval)\n      }\n    }\n  }\n\n  function _handleTimerUpdate() {\n    if (onChangeTimer && timerTime) onChangeTimer(timerTime)\n\n    if (timerTime === 0) {\n      setTokenMap(_getDefaultTokens())\n      _resetFocus()\n    }\n  }\n\n  function _getDefaultTokens() {\n    return [...Array(size)].reduce((acc, _, i) => ({ ...acc, [i]: '' }), {})\n  }\n\n  function _goToNextInput(i: number) {\n    const nextItem = rootElementRef?.current?.querySelector<HTMLInputElement>(\n      `[data-token-i='${i + 1}']`,\n    )\n    if (nextItem) nextItem.focus()\n  }\n\n  function _resetFocus() {\n    const firstItem =\n      rootElementRef.current?.querySelector<HTMLInputElement>(\n        `[data-token-i='0']`,\n      )\n    firstItem?.focus()\n  }\n\n  function onKeyUpHandler(e: React.KeyboardEvent<HTMLInputElement>, i: number) {\n    const hasBackspacePressed = e.which === 8 || e.key === 'Backspace'\n    if (hasBackspacePressed) {\n      const previousItem =\n        rootElementRef?.current?.querySelector<HTMLInputElement>(\n          `[data-token-i='${i - 1}']`,\n        )\n      const currentItem =\n        rootElementRef?.current?.querySelector<HTMLInputElement>(\n          `[data-token-i='${i}']`,\n        )\n\n      setTokenMap({ ...tokenMap, [i]: '' })\n      if (!!previousItem && !currentItem?.value) previousItem.focus()\n    }\n  }\n\n  function onChangeNumber(e: React.ChangeEvent<HTMLInputElement>, i: number) {\n    e.preventDefault()\n    let value = e?.target?.value\n    const isNumberValid = inputtedValueIsValid(value)\n    const isEmpty = value === ''\n\n    if (isNumberValid) {\n      let firstEmptyIndex = Object.keys(tokenMap).findIndex(\n        (index) => tokenMap[index] === '',\n      )\n\n      if (value.length > 1) {\n        firstEmptyIndex = firstEmptyIndex - 1\n        value = value[value.length - 1]\n      }\n\n      if (firstEmptyIndex < 0) {\n        if (value) {\n          setTokenMap({ ...tokenMap, [i]: value })\n        }\n\n        return\n      }\n\n      setTokenMap({ ...tokenMap, [firstEmptyIndex]: value })\n      if (!isEmpty) _goToNextInput(firstEmptyIndex)\n    }\n  }\n\n  function onPasteNumber(e: React.ClipboardEvent<HTMLInputElement>) {\n    e.preventDefault()\n    const value = e.clipboardData.getData('Text')\n    const isNumberValid = inputtedValueIsValid(value)\n\n    if (isNumberValid) {\n      const arrValue = value.split('').slice(0, size)\n      setTokenMap({ ..._getDefaultTokens(), ...arrValue })\n\n      _goToNextInput(arrValue.length - 1)\n    } else {\n      setTokenMap(_getDefaultTokens())\n    }\n  }\n\n  return {\n    onKeyUpHandler,\n    onChangeNumber,\n    onPasteNumber,\n    tokenMap,\n    rootElementRef,\n  }\n}\n","import Field from '../Field'\nimport useTokenField from './hook'\nimport './styles.scss'\n\ntype TokenFieldProps = {\n  label?: string\n  disabled?: boolean\n  success?: boolean\n  error?: boolean\n  errorMessage?: string\n  size?: number\n  type?: 'number' | 'password' | 'text'\n  style?: React.CSSProperties\n  timer?: number\n  onChangeTimer?: () => void\n  onComplete?: (value: string) => void\n  onChange?: (value: string) => void\n}\n\nexport const TokenField = ({\n  label,\n  disabled,\n  success,\n  error,\n  errorMessage,\n  size = 6,\n  type,\n  style,\n  timer,\n  onChangeTimer,\n  onComplete,\n  onChange,\n}: TokenFieldProps) => {\n  const { tokenMap, rootElementRef, onChangeNumber, onKeyUpHandler, onPasteNumber } =\n    useTokenField({ size, onComplete, onChange, onChangeTimer, timer })\n\n  return (\n    <Field.Root\n      style={style}\n      customclass=\"au-token-field\"\n      success={success}\n      error={error}\n      disabled={disabled}>\n      <Field.Label\n        text={label}\n        success={success}\n        error={error}\n        disabled={disabled}\n      />\n      <div ref={rootElementRef} className=\"au-token-field__container\">\n        {[...Object.values(tokenMap)].map((_, i) => (\n          <div key={`token-digit-${i}`}>\n            <Field.Input\n              customclass=\"au-token-field__input\"\n              type={type || 'number'}\n              value={tokenMap[i]}\n              disabled={disabled}\n              onChange={(e) => onChangeNumber(e, i)}\n              onKeyUp={(e) => onKeyUpHandler(e, i)}\n              onPaste={(e) => onPasteNumber(e)}\n              data-token-i={i}\n            />\n          </div>\n        ))}\n      </div>\n      <Field.ErrorMessage hasError={error} message={errorMessage} />\n    </Field.Root>\n  )\n}\n"],"names":[],"mappings":"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"}

package/dist/components/form/Field/ErrorMessage.d.ts

@@ -0,0 +1,6 @@
+type ErrorMessageProps = {
+    hasError?: boolean;
+    message?: string;
+};
+export declare const FieldErrorMessage: ({ hasError, message }: ErrorMessageProps) => import("react/jsx-runtime").JSX.Element | undefined;
+export {};

package/dist/components/form/Field/Input.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+type FieldInputProps = React.InputHTMLAttributes<HTMLInputElement> & {
+    ref?: React.RefObject<HTMLInputElement>;
+    customclass?: string;
+};
+export declare const FieldInput: (props: FieldInputProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/form/Field/Label.d.ts

@@ -0,0 +1,11 @@
+type FieldLabelProps = {
+    id?: string;
+    text?: string;
+    required?: boolean;
+    optional?: boolean;
+    success?: boolean;
+    error?: boolean;
+    disabled?: boolean;
+};
+export declare const FieldLabel: ({ id, text, required, optional, success, error, disabled, }: FieldLabelProps) => import("react/jsx-runtime").JSX.Element | undefined;
+export {};

package/dist/components/form/Field/Root.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+type FieldRootProps = {
+    children: React.ReactNode;
+    disabled?: boolean;
+    success?: boolean;
+    error?: boolean;
+    style?: React.CSSProperties;
+    customclass?: string;
+};
+export declare const FieldRoot: ({ children, disabled, success, error, style, customclass, }: FieldRootProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/form/Field/index.d.ts

@@ -0,0 +1,29 @@
+
+declare const _default: {
+    Root: ({ children, disabled, success, error, style, customclass, }: {
+        children: import('react').ReactNode;
+        disabled?: boolean | undefined;
+        success?: boolean | undefined;
+        error?: boolean | undefined;
+        style?: import('react').CSSProperties | undefined;
+        customclass?: string | undefined;
+    }) => import("react/jsx-runtime").JSX.Element;
+    Input: (props: import('react').InputHTMLAttributes<HTMLInputElement> & {
+        ref?: import('react').RefObject<HTMLInputElement> | undefined;
+        customclass?: string | undefined;
+    }) => import("react/jsx-runtime").JSX.Element;
+    Label: ({ id, text, required, optional, success, error, disabled, }: {
+        id?: string | undefined;
+        text?: string | undefined;
+        required?: boolean | undefined;
+        optional?: boolean | undefined;
+        success?: boolean | undefined;
+        error?: boolean | undefined;
+        disabled?: boolean | undefined;
+    }) => import("react/jsx-runtime").JSX.Element | undefined;
+    ErrorMessage: ({ hasError, message }: {
+        hasError?: boolean | undefined;
+        message?: string | undefined;
+    }) => import("react/jsx-runtime").JSX.Element | undefined;
+};
+export default _default;

package/dist/components/{InputField → form/InputField}/index.d.ts

@@ -1,4 +1,4 @@
-
+/// <reference types="react" />
 type InputProps = React.InputHTMLAttributes<HTMLInputElement> & {
     optional?: boolean;
     requiredInput?: boolean;
@@ -8,5 +8,5 @@ type InputProps = React.InputHTMLAttributes<HTMLInputElement> & {
     label?: string;
     ref?: React.RefObject<HTMLInputElement>;
 };
-export declare const InputField: ({ optional, requiredInput, success, error, errorMessage, label, ref, id, disabled, style, ...props }: InputProps) => import("react/jsx-runtime").JSX.Element;
+export declare const InputField: ({ optional, requiredInput, success, error, errorMessage, label, ref, id, disabled, style, className, ...props }: InputProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/form/TokenField/hook.d.ts

@@ -0,0 +1,16 @@
+/// <reference types="react" />
+type UseTokenInputProps = {
+    size: number;
+    onComplete?: (token: string) => void;
+    onChange?: (value: string) => void;
+    onChangeTimer?: (time: number) => void;
+    timer?: number | null;
+};
+export default function useTokenField({ size, onComplete, onChange, onChangeTimer, timer, }: UseTokenInputProps): {
+    onKeyUpHandler: (e: React.KeyboardEvent<HTMLInputElement>, i: number) => void;
+    onChangeNumber: (e: React.ChangeEvent<HTMLInputElement>, i: number) => void;
+    onPasteNumber: (e: React.ClipboardEvent<HTMLInputElement>) => void;
+    tokenMap: any;
+    rootElementRef: import('react').MutableRefObject<HTMLDivElement | null>;
+};
+export {};

package/dist/components/form/TokenField/index.d.ts

@@ -0,0 +1,17 @@
+
+type TokenFieldProps = {
+    label?: string;
+    disabled?: boolean;
+    success?: boolean;
+    error?: boolean;
+    errorMessage?: string;
+    size?: number;
+    type?: 'number' | 'password' | 'text';
+    style?: React.CSSProperties;
+    timer?: number;
+    onChangeTimer?: () => void;
+    onComplete?: (value: string) => void;
+    onChange?: (value: string) => void;
+};
+export declare const TokenField: ({ label, disabled, success, error, errorMessage, size, type, style, timer, onChangeTimer, onComplete, onChange, }: TokenFieldProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/tokens/styles.css

@@ -1 +1 @@
-html{box-sizing:border-box;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}*,*:before,*:after{box-sizing:inherit;margin:0;padding:0}:focus{outline:none}body{font-family:"Source Sans 3",sans-serif;background-color:#fff}.au-input{cursor:pointer}.au-input__field{border:1px solid #454a54;background-color:#fff;border-radius:8px;font-size:16px;line-height:22px;padding:16px;width:100%}.au-input__field:hover{border:1px solid #16181d}.au-input__field:focus{border:2px solid #0048db}.au-input:focus-within:not(.au-input--error) [class*=__header-label],.au-input:focus-within:not(.au-input--error) .au-input{color:#0048db}.au-input__header{display:flex;justify-content:space-between;padding-bottom:8px}.au-input__header-label{color:#454a54;cursor:pointer;font-size:14px;font-weight:600;line-height:22px}.au-input__header-label--required{color:#991717}.au-input__header-icon span{font-size:14px;color:#454a54}.au-input__error-message{color:#991717;font-size:16px;font-weight:400;line-height:24px;padding-top:8px}.au-input--disabled{cursor:not-allowed}.au-input--disabled [class*=__field],.au-input--disabled .au-input{background-color:#e2e4e9;border-color:#5e6573;color:#5e6573;cursor:not-allowed}.au-input--disabled [class*=__header-label],.au-input--disabled .au-input{color:#5e6573;cursor:not-allowed}.au-input--error [class*=__field],.au-input--error .au-input{background-color:#f5eff0;border-color:#991717}.au-input--error [class*=__header-label],.au-input--error .au-input{color:#991717}.au-input--success [class*=__field],.au-input--success .au-input{animation:inputSuccess 2s forwards}.au-input--success [class*=__header-label],.au-input--success .au-input{animation:labelSuccess 2s forwards}.au-input--success [class*=__header-icon] .au-icon{animation:iconSucess 2s forwards}@keyframes inputSuccess{0%,70%{background-color:#f0fcf5;border-color:#10593b}}@keyframes labelSuccess{0%,70%{color:#10593b}}@keyframes iconSucess{0%,70%{opacity:1}to{opacity:0}}
+html{box-sizing:border-box;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}*,*:before,*:after{box-sizing:inherit;margin:0;padding:0}:focus{outline:none}body{font-family:"Source Sans 3",sans-serif;background-color:#fff}.au-field{cursor:pointer}.au-field__input{background-color:#fff;border:1px solid #454a54;border-radius:8px;box-sizing:border-box;font-size:16px;line-height:22px;padding:16px;height:56px;width:100%}.au-field__input:hover{border:1px solid #16181d}.au-field__input:focus{border-color:#0048db;outline:1px solid #0048db}.au-field:focus-within:not(.au-field--error) [class*=__header-label],.au-field:focus-within:not(.au-field--error) .au-field{color:#0048db}.au-field__header{display:flex;justify-content:space-between;align-items:center;padding-bottom:8px}.au-field__header-label{color:#454a54;cursor:pointer;font-size:14px;font-weight:600}.au-field__header-label--required{color:#991717}.au-field__header-icon span{font-size:14px;color:#454a54}.au-field__error-message{color:#991717;font-size:16px;font-weight:400;line-height:24px;padding-top:8px}.au-field--disabled{cursor:not-allowed}.au-field--disabled [class*=__input],.au-field--disabled .au-field{background-color:#e2e4e9;border-color:#5e6573;color:#5e6573;cursor:not-allowed}.au-field--disabled [class*=__header-label],.au-field--disabled .au-field{color:#5e6573;cursor:not-allowed}.au-field--error [class*=__input],.au-field--error .au-field{background-color:#f5eff0;border-color:#991717}.au-field--error [class*=__input]:focus,.au-field--error .au-field:focus{border-color:#991717;outline:1px solid #991717}.au-field--error [class*=__header-label],.au-field--error .au-field{color:#991717}.au-field--success [class*=__input],.au-field--success .au-field{animation:inputSuccess 2s forwards}.au-field--success [class*=__header-label],.au-field--success .au-field{animation:labelSuccess 2s forwards}.au-field--success [class*=__header-icon] .au-icon{animation:iconSucess 2s forwards}@keyframes inputSuccess{0%,70%{background-color:#f0fcf5;border-color:#10593b}}@keyframes labelSuccess{0%,70%{color:#10593b}}@keyframes iconSucess{0%,70%{opacity:1}to{opacity:0}}.au-token-field{max-width:max-content}.au-token-field__container{display:flex;gap:8px}.au-token-field__input{font-size:20px;text-align:center;padding:8px}.au-token-field__input[type=number]::-webkit-inner-spin-button,.au-token-field__input[type=number]::-webkit-outer-spin-button{display:none}

package/dist/main.d.ts

@@ -9,7 +9,8 @@ export { NotificationsBar } from './components/NotificationsBar';
 export { ProfileNav } from './components/ProfileNav';
 export { Text } from './components/Text';
 export { Footer } from './components/Footer';
-export { InputField } from './components/InputField';
+export { InputField } from './components/form/InputField';
+export { TokenField } from './components/form/TokenField';
 export { useDrawer } from './components/Drawer/hooks';
 export * from './components/Logo';
 export * from './components/icons';

package/dist/main.es.js

@@ -1,4 +1,4 @@
-import { b, a, c, B, ai, ah, ag, aj, af, p, o, n, m, l, k, D, A, z, y, x, w, v, u, t, s, r, q, S, R, Q, P, O, N, M, a4, a3, a2, a1, a0, $, _, j, i, h, g, f, e, d, C, L, K, J, H, G, F, E, Z, Y, X, W, V, U, T, ak, av, aA, aB, aC, aD, aE, aF, aG, aH, aI, aJ, au, aw, ay, az, ax, I, al, am, an, ao, ap, aq, ar, as, at, a5, a6, a7, a8, a9, aa, ab, ac, ad, ae } from "./tokens-rQ0Hp63r.js";
+import { b, a, c, B, ah, ag, af, ai, ae, p, o, n, m, l, k, D, A, z, y, x, w, v, u, t, s, r, q, R, Q, P, O, N, M, L, a3, a2, a1, a0, $, _, Z, j, i, h, g, f, e, d, C, K, J, I, H, G, F, E, Y, X, W, V, U, T, S, aj, au, az, aA, aB, aC, aD, aE, aF, aG, aH, aI, at, av, ax, ay, aw, ak, al, am, an, ao, ap, aq, ar, as, a4, a5, a6, a7, a8, a9, aa, ab, ac, ad } from "./tokens-BPzuCjxd.js";
 import { Button } from "./components/Button/index.es.js";
 import { Conditional } from "./components/Conditional/index.es.js";
 import { Drawer } from "./components/Drawer/index.es.js";
@@ -9,6 +9,8 @@ import { NotificationsBar } from "./components/NotificationsBar/index.es.js";
 import { ProfileNav } from "./components/ProfileNav/index.es.js";
 import { Text } from "./components/Text/index.es.js";
 import { Footer } from "./components/Footer/index.es.js";
+import { InputField } from "./components/InputField/index.es.js";
+import { TokenField } from "./components/TokenField/index.es.js";
 import { useState } from "react";
 import { L as L2, a as a10, b as b2, c as c2, d as d2, e as e2, f as f2, g as g2, h as h2, i as i2, j as j2, k as k2, l as l2, m as m2 } from "./Tertiary-DMp-1eWT.js";
 import { IconActivity } from "./components/icons/IconActivity/index.es.js";
@@ -342,11 +344,11 @@ export {
   a as BORDER_RADIUS_MEDIUM,
   c as BORDER_RADIUS_PILL,
   B as BORDER_RADIUS_SMALL,
-  ai as BREAKPOINT_LG,
-  ah as BREAKPOINT_MD,
-  ag as BREAKPOINT_SM,
-  aj as BREAKPOINT_XLG,
-  af as BREAKPOINT_XSM,
+  ah as BREAKPOINT_LG,
+  ag as BREAKPOINT_MD,
+  af as BREAKPOINT_SM,
+  ai as BREAKPOINT_XLG,
+  ae as BREAKPOINT_XSM,
   Button,
   p as COLOR_BRAND_BLUE_10,
   o as COLOR_BRAND_BLUE_20,
@@ -366,20 +368,20 @@ export {
   s as COLOR_BRAND_EMERALD_40,
   r as COLOR_BRAND_EMERALD_50,
   q as COLOR_BRAND_EMERALD_60,
-  S as COLOR_ERROR_00,
-  R as COLOR_ERROR_10,
-  Q as COLOR_ERROR_20,
-  P as COLOR_ERROR_30,
-  O as COLOR_ERROR_40,
-  N as COLOR_ERROR_50,
-  M as COLOR_ERROR_60,
-  a4 as COLOR_INFO_00,
-  a3 as COLOR_INFO_10,
-  a2 as COLOR_INFO_20,
-  a1 as COLOR_INFO_30,
-  a0 as COLOR_INFO_40,
-  $ as COLOR_INFO_50,
-  _ as COLOR_INFO_60,
+  R as COLOR_ERROR_00,
+  Q as COLOR_ERROR_10,
+  P as COLOR_ERROR_20,
+  O as COLOR_ERROR_30,
+  N as COLOR_ERROR_40,
+  M as COLOR_ERROR_50,
+  L as COLOR_ERROR_60,
+  a3 as COLOR_INFO_00,
+  a2 as COLOR_INFO_10,
+  a1 as COLOR_INFO_20,
+  a0 as COLOR_INFO_30,
+  $ as COLOR_INFO_40,
+  _ as COLOR_INFO_50,
+  Z as COLOR_INFO_60,
   j as COLOR_NEUTRAL_00,
   i as COLOR_NEUTRAL_10,
   h as COLOR_NEUTRAL_20,
@@ -388,39 +390,39 @@ export {
   e as COLOR_NEUTRAL_50,
   d as COLOR_NEUTRAL_60,
   C as COLOR_NEUTRAL_70,
-  L as COLOR_SUCCESS_00,
-  K as COLOR_SUCCESS_10,
-  J as COLOR_SUCCESS_20,
+  K as COLOR_SUCCESS_00,
+  J as COLOR_SUCCESS_10,
+  I as COLOR_SUCCESS_20,
   H as COLOR_SUCCESS_30,
   G as COLOR_SUCCESS_40,
   F as COLOR_SUCCESS_50,
   E as COLOR_SUCCESS_60,
-  Z as COLOR_WARNING_00,
-  Y as COLOR_WARNING_10,
-  X as COLOR_WARNING_20,
-  W as COLOR_WARNING_30,
-  V as COLOR_WARNING_40,
-  U as COLOR_WARNING_50,
-  T as COLOR_WARNING_60,
-  ak as CONTAINER_SIZE,
+  Y as COLOR_WARNING_00,
+  X as COLOR_WARNING_10,
+  W as COLOR_WARNING_20,
+  V as COLOR_WARNING_30,
+  U as COLOR_WARNING_40,
+  T as COLOR_WARNING_50,
+  S as COLOR_WARNING_60,
+  aj as CONTAINER_SIZE,
   Conditional,
   Drawer,
-  av as FONT_BODY,
-  aA as FONT_SIZE_H1,
-  aB as FONT_SIZE_H2,
-  aC as FONT_SIZE_H3,
-  aD as FONT_SIZE_H4,
-  aE as FONT_SIZE_H5,
-  aF as FONT_SIZE_H6,
-  aG as FONT_SIZE_P1,
-  aH as FONT_SIZE_P2,
-  aI as FONT_SIZE_P3,
-  aJ as FONT_SIZE_P4,
-  au as FONT_TITLE,
-  aw as FONT_WEIGHT_BOLD,
-  ay as FONT_WEIGHT_MEDIUM,
-  az as FONT_WEIGHT_REGULAR,
-  ax as FONT_WEIGHT_SEMIBOLD,
+  au as FONT_BODY,
+  az as FONT_SIZE_H1,
+  aA as FONT_SIZE_H2,
+  aB as FONT_SIZE_H3,
+  aC as FONT_SIZE_H4,
+  aD as FONT_SIZE_H5,
+  aE as FONT_SIZE_H6,
+  aF as FONT_SIZE_P1,
+  aG as FONT_SIZE_P2,
+  aH as FONT_SIZE_P3,
+  aI as FONT_SIZE_P4,
+  at as FONT_TITLE,
+  av as FONT_WEIGHT_BOLD,
+  ax as FONT_WEIGHT_MEDIUM,
+  ay as FONT_WEIGHT_REGULAR,
+  aw as FONT_WEIGHT_SEMIBOLD,
   Footer,
   Header,
   IconActivity,
@@ -734,7 +736,7 @@ export {
   IconZapOff,
   IconZoomIn,
   IconZoomOut,
-  I as InputField,
+  InputField,
   LazyImage,
   L2 as LogoBadgetAC,
   a10 as LogoBadgetCP,
@@ -752,27 +754,28 @@ export {
   m2 as LogoTertiaryAC,
   NavbarVertical,
   NotificationsBar,
-  al as OPACITY_00,
-  am as OPACITY_10,
-  an as OPACITY_20,
-  ao as OPACITY_30,
-  ap as OPACITY_40,
+  ak as OPACITY_00,
+  al as OPACITY_10,
+  am as OPACITY_20,
+  an as OPACITY_30,
+  ao as OPACITY_40,
   ProfileNav,
-  aq as SHADOW_01,
-  ar as SHADOW_02,
-  as as SHADOW_03,
-  at as SHADOW_04,
-  a5 as SPACING_050,
-  a6 as SPACING_100,
-  a7 as SPACING_200,
-  a8 as SPACING_300,
-  a9 as SPACING_400,
-  aa as SPACING_500,
-  ab as SPACING_600,
-  ac as SPACING_700,
-  ad as SPACING_800,
-  ae as SPACING_900,
+  ap as SHADOW_01,
+  aq as SHADOW_02,
+  ar as SHADOW_03,
+  as as SHADOW_04,
+  a4 as SPACING_050,
+  a5 as SPACING_100,
+  a6 as SPACING_200,
+  a7 as SPACING_300,
+  a8 as SPACING_400,
+  a9 as SPACING_500,
+  aa as SPACING_600,
+  ab as SPACING_700,
+  ac as SPACING_800,
+  ad as SPACING_900,
   Text,
+  TokenField,
   useDrawer
 };
 //# sourceMappingURL=main.es.js.map

package/dist/main.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"main.es.js","sources":["../lib/components/Drawer/hooks.ts"],"sourcesContent":["import { useState } from 'react'\n\ntype UseDrawerProps = Record<string, boolean>\n\nexport function useDrawer(props: UseDrawerProps) {\n  const [drawerOpen, setDrawerOpen] = useState<UseDrawerProps>(props)\n\n  function handleOpenDrawer(name: string) {\n    setDrawerOpen((prev) => {\n      return {\n        ...prev,\n        [name]: !prev[name],\n      }\n    })\n  }\n\n  return {\n    handleOpenDrawer,\n    drawerOpen,\n  }\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAIO,SAAS,UAAU,OAAuB;AAC/C,QAAM,CAAC,YAAY,aAAa,IAAI,SAAyB,KAAK;AAElE,WAAS,iBAAiB,MAAc;AACtC,kBAAc,CAAC,SAAS;AACf,aAAA;AAAA,QACL,GAAG;AAAA,QACH,CAAC,IAAI,GAAG,CAAC,KAAK,IAAI;AAAA,MAAA;AAAA,IACpB,CACD;AAAA,EACH;AAEO,SAAA;AAAA,IACL;AAAA,IACA;AAAA,EAAA;AAEJ;"}
+{"version":3,"file":"main.es.js","sources":["../lib/components/Drawer/hooks.ts"],"sourcesContent":["import { useState } from 'react'\n\ntype UseDrawerProps = Record<string, boolean>\n\nexport function useDrawer(props: UseDrawerProps) {\n  const [drawerOpen, setDrawerOpen] = useState<UseDrawerProps>(props)\n\n  function handleOpenDrawer(name: string) {\n    setDrawerOpen((prev) => {\n      return {\n        ...prev,\n        [name]: !prev[name],\n      }\n    })\n  }\n\n  return {\n    handleOpenDrawer,\n    drawerOpen,\n  }\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAIO,SAAS,UAAU,OAAuB;AAC/C,QAAM,CAAC,YAAY,aAAa,IAAI,SAAyB,KAAK;AAElE,WAAS,iBAAiB,MAAc;AACtC,kBAAc,CAAC,SAAS;AACf,aAAA;AAAA,QACL,GAAG;AAAA,QACH,CAAC,IAAI,GAAG,CAAC,KAAK,IAAI;AAAA,MAAA;AAAA,IACpB,CACD;AAAA,EACH;AAEO,SAAA;AAAA,IACL;AAAA,IACA;AAAA,EAAA;AAEJ;"}

package/dist/{tokens-rQ0Hp63r.js → tokens-BPzuCjxd.js}

@@ -1,6 +1,5 @@
-import { jsxs, jsx } from "react/jsx-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { c as classNames } from "./index-CweZ_OcN.js";
-import { Conditional } from "./components/Conditional/index.es.js";
 import "./components/Icon/index.es.js";
 import { IconAlertCircle } from "./components/icons/IconAlertCircle/index.es.js";
 import { IconCheck } from "./components/icons/IconCheck/index.es.js";
@@ -14,25 +13,26 @@ import "./components/Text/index.es.js";
 /* empty css                */
 /* empty css                */
 /* empty css                */
-const InputField = ({
+const FieldErrorMessage = ({ hasError, message }) => {
+  if (!hasError || !message) return;
+  return /* @__PURE__ */ jsx("p", { className: "au-field__error-message", children: message });
+};
+const FieldInput = (props) => {
+  const { ref, customclass } = props;
+  const inputClasses = classNames("au-field__input", customclass);
+  return /* @__PURE__ */ jsx("input", { className: inputClasses, ref, ...props });
+};
+const FieldLabel = ({
+  id,
+  text,
+  required,
   optional,
-  requiredInput,
   success,
   error,
-  errorMessage,
-  label,
-  ref,
-  id,
-  disabled,
-  style,
-  ...props
+  disabled
 }) => {
-  const inputClasses = classNames("au-input", {
-    "au-input--disabled": disabled,
-    "au-input--success": success,
-    "au-input--error": error
-  });
-  const statesFlag = [
+  if (!text) return;
+  const states = [
     { state: "optional", value: !!optional, icon: /* @__PURE__ */ jsx("span", { children: "(Opcional)" }) },
     {
       state: "success",
@@ -50,41 +50,37 @@ const InputField = ({
       icon: /* @__PURE__ */ jsx(IconSlash, { rawColor: COLOR_NEUTRAL_40 })
     }
   ];
-  const currentState = statesFlag.find(({ value }) => !!value);
-  return /* @__PURE__ */ jsxs("div", { className: inputClasses, style, children: [
-    /* @__PURE__ */ jsxs("div", { className: "au-input__header", children: [
-      /* @__PURE__ */ jsx(
-        Conditional,
-        {
-          condition: !!label,
-          renderIf: /* @__PURE__ */ jsxs("label", { htmlFor: id, className: "au-input__header-label", children: [
-            label,
-            " ",
-            requiredInput && /* @__PURE__ */ jsx("strong", { className: "au-input__header-label--required", children: "*" })
-          ] })
-        }
-      ),
-      /* @__PURE__ */ jsx("div", { className: "au-input__header-icon", children: currentState == null ? void 0 : currentState.icon })
+  const currentState = states.find(({ value }) => !!value);
+  return /* @__PURE__ */ jsxs("div", { className: "au-field__header", children: [
+    /* @__PURE__ */ jsxs("label", { htmlFor: id, className: "au-field__header-label", children: [
+      text,
+      " ",
+      required && /* @__PURE__ */ jsx("strong", { className: "au-field__header-label--required", children: "*" })
     ] }),
-    /* @__PURE__ */ jsx(
-      "input",
-      {
-        id,
-        className: "au-input__field",
-        ref,
-        disabled,
-        ...props
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      Conditional,
-      {
-        condition: !!errorMessage && !!error,
-        renderIf: /* @__PURE__ */ jsx("p", { className: "au-input__error-message", children: errorMessage })
-      }
-    )
+    /* @__PURE__ */ jsx("div", { className: "au-field__header-icon", children: currentState == null ? void 0 : currentState.icon })
   ] });
 };
+const FieldRoot = ({
+  children,
+  disabled,
+  success,
+  error,
+  style,
+  customclass
+}) => {
+  const inputClasses = classNames("au-field", customclass, {
+    "au-field--disabled": !!disabled,
+    "au-field--success": !!success,
+    "au-field--error": !!error
+  });
+  return /* @__PURE__ */ jsx("div", { className: inputClasses, style, children });
+};
+const Field = {
+  Root: FieldRoot,
+  Input: FieldInput,
+  Label: FieldLabel,
+  ErrorMessage: FieldErrorMessage
+};
 const BORDER_RADIUS_SMALL = "4px";
 const BORDER_RADIUS_MEDIUM = "8px";
 const BORDER_RADIUS_BIG = "16px";
@@ -185,7 +181,7 @@ const FONT_SIZE_P2 = "16px";
 const FONT_SIZE_P3 = "14px";
 const FONT_SIZE_P4 = "12px";
 export {
-  COLOR_INFO_50 as $,
+  COLOR_INFO_40 as $,
   COLOR_BRAND_CYAN_20 as A,
   BORDER_RADIUS_SMALL as B,
   COLOR_NEUTRAL_70 as C,
@@ -194,72 +190,72 @@ export {
   COLOR_SUCCESS_50 as F,
   COLOR_SUCCESS_40 as G,
   COLOR_SUCCESS_30 as H,
-  InputField as I,
-  COLOR_SUCCESS_20 as J,
-  COLOR_SUCCESS_10 as K,
-  COLOR_SUCCESS_00 as L,
-  COLOR_ERROR_60 as M,
-  COLOR_ERROR_50 as N,
-  COLOR_ERROR_40 as O,
-  COLOR_ERROR_30 as P,
-  COLOR_ERROR_20 as Q,
-  COLOR_ERROR_10 as R,
-  COLOR_ERROR_00 as S,
-  COLOR_WARNING_60 as T,
-  COLOR_WARNING_50 as U,
-  COLOR_WARNING_40 as V,
-  COLOR_WARNING_30 as W,
-  COLOR_WARNING_20 as X,
-  COLOR_WARNING_10 as Y,
-  COLOR_WARNING_00 as Z,
-  COLOR_INFO_60 as _,
+  COLOR_SUCCESS_20 as I,
+  COLOR_SUCCESS_10 as J,
+  COLOR_SUCCESS_00 as K,
+  COLOR_ERROR_60 as L,
+  COLOR_ERROR_50 as M,
+  COLOR_ERROR_40 as N,
+  COLOR_ERROR_30 as O,
+  COLOR_ERROR_20 as P,
+  COLOR_ERROR_10 as Q,
+  COLOR_ERROR_00 as R,
+  COLOR_WARNING_60 as S,
+  COLOR_WARNING_50 as T,
+  COLOR_WARNING_40 as U,
+  COLOR_WARNING_30 as V,
+  COLOR_WARNING_20 as W,
+  COLOR_WARNING_10 as X,
+  COLOR_WARNING_00 as Y,
+  COLOR_INFO_60 as Z,
+  COLOR_INFO_50 as _,
   BORDER_RADIUS_MEDIUM as a,
-  COLOR_INFO_40 as a0,
-  COLOR_INFO_30 as a1,
-  COLOR_INFO_20 as a2,
-  COLOR_INFO_10 as a3,
-  COLOR_INFO_00 as a4,
-  SPACING_050 as a5,
-  SPACING_100 as a6,
-  SPACING_200 as a7,
-  SPACING_300 as a8,
-  SPACING_400 as a9,
-  FONT_SIZE_H1 as aA,
-  FONT_SIZE_H2 as aB,
-  FONT_SIZE_H3 as aC,
-  FONT_SIZE_H4 as aD,
-  FONT_SIZE_H5 as aE,
-  FONT_SIZE_H6 as aF,
-  FONT_SIZE_P1 as aG,
-  FONT_SIZE_P2 as aH,
-  FONT_SIZE_P3 as aI,
-  FONT_SIZE_P4 as aJ,
-  SPACING_500 as aa,
-  SPACING_600 as ab,
-  SPACING_700 as ac,
-  SPACING_800 as ad,
-  SPACING_900 as ae,
-  BREAKPOINT_XSM as af,
-  BREAKPOINT_SM as ag,
-  BREAKPOINT_MD as ah,
-  BREAKPOINT_LG as ai,
-  BREAKPOINT_XLG as aj,
-  CONTAINER_SIZE as ak,
-  OPACITY_00 as al,
-  OPACITY_10 as am,
-  OPACITY_20 as an,
-  OPACITY_30 as ao,
-  OPACITY_40 as ap,
-  SHADOW_01 as aq,
-  SHADOW_02 as ar,
-  SHADOW_03 as as,
-  SHADOW_04 as at,
-  FONT_TITLE as au,
-  FONT_BODY as av,
-  FONT_WEIGHT_BOLD as aw,
-  FONT_WEIGHT_SEMIBOLD as ax,
-  FONT_WEIGHT_MEDIUM as ay,
-  FONT_WEIGHT_REGULAR as az,
+  COLOR_INFO_30 as a0,
+  COLOR_INFO_20 as a1,
+  COLOR_INFO_10 as a2,
+  COLOR_INFO_00 as a3,
+  SPACING_050 as a4,
+  SPACING_100 as a5,
+  SPACING_200 as a6,
+  SPACING_300 as a7,
+  SPACING_400 as a8,
+  SPACING_500 as a9,
+  FONT_SIZE_H2 as aA,
+  FONT_SIZE_H3 as aB,
+  FONT_SIZE_H4 as aC,
+  FONT_SIZE_H5 as aD,
+  FONT_SIZE_H6 as aE,
+  FONT_SIZE_P1 as aF,
+  FONT_SIZE_P2 as aG,
+  FONT_SIZE_P3 as aH,
+  FONT_SIZE_P4 as aI,
+  Field as aJ,
+  SPACING_600 as aa,
+  SPACING_700 as ab,
+  SPACING_800 as ac,
+  SPACING_900 as ad,
+  BREAKPOINT_XSM as ae,
+  BREAKPOINT_SM as af,
+  BREAKPOINT_MD as ag,
+  BREAKPOINT_LG as ah,
+  BREAKPOINT_XLG as ai,
+  CONTAINER_SIZE as aj,
+  OPACITY_00 as ak,
+  OPACITY_10 as al,
+  OPACITY_20 as am,
+  OPACITY_30 as an,
+  OPACITY_40 as ao,
+  SHADOW_01 as ap,
+  SHADOW_02 as aq,
+  SHADOW_03 as ar,
+  SHADOW_04 as as,
+  FONT_TITLE as at,
+  FONT_BODY as au,
+  FONT_WEIGHT_BOLD as av,
+  FONT_WEIGHT_SEMIBOLD as aw,
+  FONT_WEIGHT_MEDIUM as ax,
+  FONT_WEIGHT_REGULAR as ay,
+  FONT_SIZE_H1 as az,
   BORDER_RADIUS_BIG as b,
   BORDER_RADIUS_PILL as c,
   COLOR_NEUTRAL_60 as d,
@@ -286,4 +282,4 @@ export {
   COLOR_BRAND_CYAN_40 as y,
   COLOR_BRAND_CYAN_30 as z
 };
-//# sourceMappingURL=tokens-rQ0Hp63r.js.map
+//# sourceMappingURL=tokens-BPzuCjxd.js.map

package/dist/tokens-BPzuCjxd.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tokens-BPzuCjxd.js","sources":["../lib/components/form/Field/ErrorMessage.tsx","../lib/components/form/Field/Input.tsx","../lib/components/form/Field/Label.tsx","../lib/components/form/Field/Root.tsx","../lib/components/form/Field/index.tsx","../lib/core/tokens/.cache/tokens.ts"],"sourcesContent":["type ErrorMessageProps = {\n  hasError?: boolean\n  message?: string\n}\n\nexport const FieldErrorMessage = ({ hasError, message }: ErrorMessageProps) => {\n  if (!hasError || !message) return\n\n  return <p className=\"au-field__error-message\">{message}</p>\n}\n","import classNames from \"classnames\"\n\ntype FieldInputProps = React.InputHTMLAttributes<HTMLInputElement> & {\n  ref?: React.RefObject<HTMLInputElement>\n  customclass?: string\n}\n\nexport const FieldInput = (props: FieldInputProps) => {\n  const { ref, customclass } = props\n\n  const inputClasses = classNames(\"au-field__input\", customclass)\n\n  return <input className={inputClasses} ref={ref} {...props} />\n}\n","import { IconAlertCircle, IconCheck, IconSlash } from '../../icons'\nimport {\n  COLOR_ERROR_50,\n  COLOR_NEUTRAL_40,\n  COLOR_SUCCESS_50,\n} from '../../../main'\n\ntype FieldLabelProps = {\n  id?: string\n  text?: string\n  required?: boolean\n  optional?: boolean\n  success?: boolean\n  error?: boolean\n  disabled?: boolean\n}\n\nexport const FieldLabel = ({\n  id,\n  text,\n  required,\n  optional,\n  success,\n  error,\n  disabled,\n}: FieldLabelProps) => {\n  if (!text) return\n\n  const states = [\n    { state: 'optional', value: !!optional, icon: <span>(Opcional)</span> },\n    {\n      state: 'success',\n      value: !!success,\n      icon: <IconCheck rawColor={COLOR_SUCCESS_50} />,\n    },\n    {\n      state: 'error',\n      value: !!error,\n      icon: <IconAlertCircle rawColor={COLOR_ERROR_50} />,\n    },\n    {\n      state: 'disabled',\n      value: !!disabled,\n      icon: <IconSlash rawColor={COLOR_NEUTRAL_40} />,\n    },\n  ]\n\n  const currentState = states.find(({ value }) => !!value)\n\n  return (\n    <div className=\"au-field__header\">\n      <label htmlFor={id} className=\"au-field__header-label\">\n        {text}{' '}\n        {required && (\n          <strong className=\"au-field__header-label--required\">*</strong>\n        )}\n      </label>\n      <div className=\"au-field__header-icon\">{currentState?.icon}</div>\n    </div>\n  )\n}\n","import classNames from 'classnames'\n\ntype FieldRootProps = {\n  children: React.ReactNode\n  disabled?: boolean\n  success?: boolean\n  error?: boolean\n  style?: React.CSSProperties\n  customclass?: string\n}\n\nexport const FieldRoot = ({\n  children,\n  disabled,\n  success,\n  error,\n  style,\n  customclass,\n}: FieldRootProps) => {\n  const inputClasses = classNames('au-field', customclass, {\n    'au-field--disabled': !!disabled,\n    'au-field--success': !!success,\n    'au-field--error': !!error,\n  })\n\n  return (\n    <div className={inputClasses} style={style}>\n      {children}\n    </div>\n  )\n}\n","import { FieldErrorMessage } from './ErrorMessage'\nimport { FieldInput } from './Input'\nimport { FieldLabel } from './Label'\nimport { FieldRoot } from './Root'\nimport './styles.scss'\n\nexport default {\n    Root: FieldRoot,\n    Input: FieldInput,\n    Label: FieldLabel,\n    ErrorMessage: FieldErrorMessage\n}","export const BORDER_RADIUS_SMALL = \"4px\";\nexport const BORDER_RADIUS_MEDIUM = \"8px\";\nexport const BORDER_RADIUS_BIG = \"16px\";\nexport const BORDER_RADIUS_PILL = \"999px\";\nexport const COLOR_NEUTRAL_70 = \"#16181d\";\nexport const COLOR_NEUTRAL_60 = \"#313131\";\nexport const COLOR_NEUTRAL_50 = \"#454a54\";\nexport const COLOR_NEUTRAL_40 = \"#5e6573\";\nexport const COLOR_NEUTRAL_30 = \"#c4c9d4\";\nexport const COLOR_NEUTRAL_20 = \"#e2e4e9\";\nexport const COLOR_NEUTRAL_10 = \"#f6f7fa\";\nexport const COLOR_NEUTRAL_00 = \"#ffffff\";\nexport const COLOR_BRAND_BLUE_60 = \"#18256c\";\nexport const COLOR_BRAND_BLUE_50 = \"#1737a4\";\nexport const COLOR_BRAND_BLUE_40 = \"#0048db\";\nexport const COLOR_BRAND_BLUE_30 = \"#9abcff\";\nexport const COLOR_BRAND_BLUE_20 = \"#dce8ff\";\nexport const COLOR_BRAND_BLUE_10 = \"#fafbff\";\nexport const COLOR_BRAND_EMERALD_60 = \"#013220\";\nexport const COLOR_BRAND_EMERALD_50 = \"#026441\";\nexport const COLOR_BRAND_EMERALD_40 = \"#04d98c\";\nexport const COLOR_BRAND_EMERALD_30 = \"#95f0cf\";\nexport const COLOR_BRAND_EMERALD_20 = \"#ccf2e4\";\nexport const COLOR_BRAND_EMERALD_10 = \"#edfef7\";\nexport const COLOR_BRAND_CYAN_60 = \"#004155\";\nexport const COLOR_BRAND_CYAN_50 = \"#005c77\";\nexport const COLOR_BRAND_CYAN_40 = \"#02bedf\";\nexport const COLOR_BRAND_CYAN_30 = \"#3edcff\";\nexport const COLOR_BRAND_CYAN_20 = \"#ccf3ff\";\nexport const COLOR_BRAND_CYAN_10 = \"#f1fcff\";\nexport const COLOR_SUCCESS_60 = \"#08331a\";\nexport const COLOR_SUCCESS_50 = \"#10593b\";\nexport const COLOR_SUCCESS_40 = \"#138040\";\nexport const COLOR_SUCCESS_30 = \"#66cc90\";\nexport const COLOR_SUCCESS_20 = \"#a1e5bd\";\nexport const COLOR_SUCCESS_10 = \"#e5fff0\";\nexport const COLOR_SUCCESS_00 = \"#f0fcf5\";\nexport const COLOR_ERROR_60 = \"#731111\";\nexport const COLOR_ERROR_50 = \"#991717\";\nexport const COLOR_ERROR_40 = \"#e52222\";\nexport const COLOR_ERROR_30 = \"#ff8080\";\nexport const COLOR_ERROR_20 = \"#ffbfbf\";\nexport const COLOR_ERROR_10 = \"#ffe5e5\";\nexport const COLOR_ERROR_00 = \"#f5eff0\";\nexport const COLOR_WARNING_60 = \"#803500\";\nexport const COLOR_WARNING_50 = \"#a64a08\";\nexport const COLOR_WARNING_40 = \"#fa822c\";\nexport const COLOR_WARNING_30 = \"#ffc59c\";\nexport const COLOR_WARNING_20 = \"#ffdabf\";\nexport const COLOR_WARNING_10 = \"#fff0e6\";\nexport const COLOR_WARNING_00 = \"#fcf4f0\";\nexport const COLOR_INFO_60 = \"#46008c\";\nexport const COLOR_INFO_50 = \"#510cb2\";\nexport const COLOR_INFO_40 = \"#6728e5\";\nexport const COLOR_INFO_30 = \"#bd9cff\";\nexport const COLOR_INFO_20 = \"#d4bfff\";\nexport const COLOR_INFO_10 = \"#eee6ff\";\nexport const COLOR_INFO_00 = \"#f3f0fc\";\nexport const SPACING_050 = \"4px\";\nexport const SPACING_100 = \"8px\";\nexport const SPACING_200 = \"16px\";\nexport const SPACING_300 = \"24px\";\nexport const SPACING_400 = \"32px\";\nexport const SPACING_500 = \"40px\";\nexport const SPACING_600 = \"48px\";\nexport const SPACING_700 = \"56px\";\nexport const SPACING_800 = \"64px\";\nexport const SPACING_900 = \"72px\";\nexport const BREAKPOINT_XSM = \"0px\";\nexport const BREAKPOINT_SM = \"320px\";\nexport const BREAKPOINT_MD = \"600px\";\nexport const BREAKPOINT_LG = \"1024px\";\nexport const BREAKPOINT_XLG = \"1920px\";\nexport const CONTAINER_SIZE = \"1240px\";\nexport const OPACITY_00 = \"0.05\";\nexport const OPACITY_10 = \"0.2\";\nexport const OPACITY_20 = \"0.4\";\nexport const OPACITY_30 = \"0.6\";\nexport const OPACITY_40 = \"0.8\";\nexport const SHADOW_01 = \"0px 2px 8px 0px rgba(169, 177, 197, 0.08), 0px 4px 4px 0px rgba(0, 72, 219, 0.04)\";\nexport const SHADOW_02 = \"0px 8px 24px 0px rgba(118, 134, 173, 0.08), 0px 4px 4px 0px rgba(0, 72, 219, 0.04)\";\nexport const SHADOW_03 = \"0px 16px 40px 0px rgba(118, 134, 173, 0.08), 0px 8px 8px 0px rgba(0, 72, 219, 0.04)\";\nexport const SHADOW_04 = \"0px 24px 56px 0px rgba(118, 134, 173, 0.08), 0px 12px 12px 0px rgba(0, 72, 219, 0.04)\";\nexport const FONT_TITLE = \"'Lexend Deca', sans-serif\";\nexport const FONT_BODY = \"'Source Sans 3', sans-serif\";\nexport const FONT_WEIGHT_BOLD = \"700\";\nexport const FONT_WEIGHT_SEMIBOLD = \"600\";\nexport const FONT_WEIGHT_MEDIUM = \"500\";\nexport const FONT_WEIGHT_REGULAR = \"400\";\nexport const FONT_SIZE_H1 = \"56px\";\nexport const FONT_SIZE_H2 = \"48px\";\nexport const FONT_SIZE_H3 = \"40px\";\nexport const FONT_SIZE_H4 = \"32px\";\nexport const FONT_SIZE_H5 = \"28px\";\nexport const FONT_SIZE_H6 = \"24px\";\nexport const FONT_SIZE_P1 = \"20px\";\nexport const FONT_SIZE_P2 = \"16px\";\nexport const FONT_SIZE_P3 = \"14px\";\nexport const FONT_SIZE_P4 = \"12px\";"],"names":[],"mappings":"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"}

package/package.json

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

package/dist/tokens-rQ0Hp63r.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"tokens-rQ0Hp63r.js","sources":["../lib/components/InputField/index.tsx","../lib/core/tokens/.cache/tokens.ts"],"sourcesContent":["import classNames from 'classnames'\nimport { COLOR_ERROR_50, COLOR_NEUTRAL_40, COLOR_SUCCESS_50 } from '../../main'\nimport { IconAlertCircle, IconCheck, IconSlash } from '../icons'\nimport { Conditional } from '../misc'\n\nimport './styles.scss'\n\ntype InputProps = React.InputHTMLAttributes<HTMLInputElement> & {\n  optional?: boolean\n  requiredInput?: boolean\n  success?: boolean\n  error?: boolean\n  errorMessage?: string\n  label?: string\n  ref?: React.RefObject<HTMLInputElement>\n}\n\nexport const InputField = ({\n  optional,\n  requiredInput,\n  success,\n  error,\n  errorMessage,\n  label,\n  ref,\n  id,\n  disabled,\n  style,\n  ...props\n}: InputProps) => {\n  const inputClasses = classNames('au-input', {\n    'au-input--disabled': disabled,\n    'au-input--success': success,\n    'au-input--error': error,\n  })\n\n  const statesFlag = [\n    { state: 'optional', value: !!optional, icon: <span>(Opcional)</span> },\n    {\n      state: 'success',\n      value: !!success,\n      icon: <IconCheck rawColor={COLOR_SUCCESS_50} />,\n    },\n    {\n      state: 'error',\n      value: !!error,\n      icon: <IconAlertCircle rawColor={COLOR_ERROR_50} />,\n    },\n    {\n      state: 'disabled',\n      value: !!disabled,\n      icon: <IconSlash rawColor={COLOR_NEUTRAL_40} />,\n    },\n  ]\n\n  const currentState = statesFlag.find(({ value }) => !!value)\n\n  return (\n    <div className={inputClasses} style={style}>\n      <div className=\"au-input__header\">\n        <Conditional\n          condition={!!label}\n          renderIf={\n            <label htmlFor={id} className=\"au-input__header-label\">\n              {label}{' '}\n              {requiredInput && (\n                <strong className=\"au-input__header-label--required\">*</strong>\n              )}\n            </label>\n          }\n        />\n        <div className=\"au-input__header-icon\">{currentState?.icon}</div>\n      </div>\n      <input\n        id={id}\n        className=\"au-input__field\"\n        ref={ref}\n        disabled={disabled}\n        {...props}\n      />\n      <Conditional\n        condition={!!errorMessage && !!error}\n        renderIf={<p className=\"au-input__error-message\">{errorMessage}</p>}\n      />\n    </div>\n  )\n}\n","export const BORDER_RADIUS_SMALL = \"4px\";\nexport const BORDER_RADIUS_MEDIUM = \"8px\";\nexport const BORDER_RADIUS_BIG = \"16px\";\nexport const BORDER_RADIUS_PILL = \"999px\";\nexport const COLOR_NEUTRAL_70 = \"#16181d\";\nexport const COLOR_NEUTRAL_60 = \"#313131\";\nexport const COLOR_NEUTRAL_50 = \"#454a54\";\nexport const COLOR_NEUTRAL_40 = \"#5e6573\";\nexport const COLOR_NEUTRAL_30 = \"#c4c9d4\";\nexport const COLOR_NEUTRAL_20 = \"#e2e4e9\";\nexport const COLOR_NEUTRAL_10 = \"#f6f7fa\";\nexport const COLOR_NEUTRAL_00 = \"#ffffff\";\nexport const COLOR_BRAND_BLUE_60 = \"#18256c\";\nexport const COLOR_BRAND_BLUE_50 = \"#1737a4\";\nexport const COLOR_BRAND_BLUE_40 = \"#0048db\";\nexport const COLOR_BRAND_BLUE_30 = \"#9abcff\";\nexport const COLOR_BRAND_BLUE_20 = \"#dce8ff\";\nexport const COLOR_BRAND_BLUE_10 = \"#fafbff\";\nexport const COLOR_BRAND_EMERALD_60 = \"#013220\";\nexport const COLOR_BRAND_EMERALD_50 = \"#026441\";\nexport const COLOR_BRAND_EMERALD_40 = \"#04d98c\";\nexport const COLOR_BRAND_EMERALD_30 = \"#95f0cf\";\nexport const COLOR_BRAND_EMERALD_20 = \"#ccf2e4\";\nexport const COLOR_BRAND_EMERALD_10 = \"#edfef7\";\nexport const COLOR_BRAND_CYAN_60 = \"#004155\";\nexport const COLOR_BRAND_CYAN_50 = \"#005c77\";\nexport const COLOR_BRAND_CYAN_40 = \"#02bedf\";\nexport const COLOR_BRAND_CYAN_30 = \"#3edcff\";\nexport const COLOR_BRAND_CYAN_20 = \"#ccf3ff\";\nexport const COLOR_BRAND_CYAN_10 = \"#f1fcff\";\nexport const COLOR_SUCCESS_60 = \"#08331a\";\nexport const COLOR_SUCCESS_50 = \"#10593b\";\nexport const COLOR_SUCCESS_40 = \"#138040\";\nexport const COLOR_SUCCESS_30 = \"#66cc90\";\nexport const COLOR_SUCCESS_20 = \"#a1e5bd\";\nexport const COLOR_SUCCESS_10 = \"#e5fff0\";\nexport const COLOR_SUCCESS_00 = \"#f0fcf5\";\nexport const COLOR_ERROR_60 = \"#731111\";\nexport const COLOR_ERROR_50 = \"#991717\";\nexport const COLOR_ERROR_40 = \"#e52222\";\nexport const COLOR_ERROR_30 = \"#ff8080\";\nexport const COLOR_ERROR_20 = \"#ffbfbf\";\nexport const COLOR_ERROR_10 = \"#ffe5e5\";\nexport const COLOR_ERROR_00 = \"#f5eff0\";\nexport const COLOR_WARNING_60 = \"#803500\";\nexport const COLOR_WARNING_50 = \"#a64a08\";\nexport const COLOR_WARNING_40 = \"#fa822c\";\nexport const COLOR_WARNING_30 = \"#ffc59c\";\nexport const COLOR_WARNING_20 = \"#ffdabf\";\nexport const COLOR_WARNING_10 = \"#fff0e6\";\nexport const COLOR_WARNING_00 = \"#fcf4f0\";\nexport const COLOR_INFO_60 = \"#46008c\";\nexport const COLOR_INFO_50 = \"#510cb2\";\nexport const COLOR_INFO_40 = \"#6728e5\";\nexport const COLOR_INFO_30 = \"#bd9cff\";\nexport const COLOR_INFO_20 = \"#d4bfff\";\nexport const COLOR_INFO_10 = \"#eee6ff\";\nexport const COLOR_INFO_00 = \"#f3f0fc\";\nexport const SPACING_050 = \"4px\";\nexport const SPACING_100 = \"8px\";\nexport const SPACING_200 = \"16px\";\nexport const SPACING_300 = \"24px\";\nexport const SPACING_400 = \"32px\";\nexport const SPACING_500 = \"40px\";\nexport const SPACING_600 = \"48px\";\nexport const SPACING_700 = \"56px\";\nexport const SPACING_800 = \"64px\";\nexport const SPACING_900 = \"72px\";\nexport const BREAKPOINT_XSM = \"0px\";\nexport const BREAKPOINT_SM = \"320px\";\nexport const BREAKPOINT_MD = \"600px\";\nexport const BREAKPOINT_LG = \"1024px\";\nexport const BREAKPOINT_XLG = \"1920px\";\nexport const CONTAINER_SIZE = \"1240px\";\nexport const OPACITY_00 = \"0.05\";\nexport const OPACITY_10 = \"0.2\";\nexport const OPACITY_20 = \"0.4\";\nexport const OPACITY_30 = \"0.6\";\nexport const OPACITY_40 = \"0.8\";\nexport const SHADOW_01 = \"0px 2px 8px 0px rgba(169, 177, 197, 0.08), 0px 4px 4px 0px rgba(0, 72, 219, 0.04)\";\nexport const SHADOW_02 = \"0px 8px 24px 0px rgba(118, 134, 173, 0.08), 0px 4px 4px 0px rgba(0, 72, 219, 0.04)\";\nexport const SHADOW_03 = \"0px 16px 40px 0px rgba(118, 134, 173, 0.08), 0px 8px 8px 0px rgba(0, 72, 219, 0.04)\";\nexport const SHADOW_04 = \"0px 24px 56px 0px rgba(118, 134, 173, 0.08), 0px 12px 12px 0px rgba(0, 72, 219, 0.04)\";\nexport const FONT_TITLE = \"'Lexend Deca', sans-serif\";\nexport const FONT_BODY = \"'Source Sans 3', sans-serif\";\nexport const FONT_WEIGHT_BOLD = \"700\";\nexport const FONT_WEIGHT_SEMIBOLD = \"600\";\nexport const FONT_WEIGHT_MEDIUM = \"500\";\nexport const FONT_WEIGHT_REGULAR = \"400\";\nexport const FONT_SIZE_H1 = \"56px\";\nexport const FONT_SIZE_H2 = \"48px\";\nexport const FONT_SIZE_H3 = \"40px\";\nexport const FONT_SIZE_H4 = \"32px\";\nexport const FONT_SIZE_H5 = \"28px\";\nexport const FONT_SIZE_H6 = \"24px\";\nexport const FONT_SIZE_P1 = \"20px\";\nexport const FONT_SIZE_P2 = \"16px\";\nexport const FONT_SIZE_P3 = \"14px\";\nexport const FONT_SIZE_P4 = \"12px\";"],"names":[],"mappings":"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"}