@consumidor-positivo/aurora 0.0.42 → 0.0.44

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (10) hide show
  1. package/dist/components/InputField/index.d.ts +1 -1
  2. package/dist/components/InputField/index.es.js +1 -1
  3. package/dist/components/tokens/styles.css +1 -1
  4. package/dist/core/tokens/.cache/tokens.d.ts +2 -2
  5. package/dist/main.es.js +3 -3
  6. package/dist/{tokens-De7TPGXF.js → tokens-rQ0Hp63r.js} +7 -7
  7. package/dist/tokens-rQ0Hp63r.js.map +1 -0
  8. package/dist/variables.scss +2 -2
  9. package/package.json +1 -1
  10. package/dist/tokens-De7TPGXF.js.map +0 -1
package/dist/components/InputField/index.d.ts CHANGED
@@ -6,7 +6,7 @@ type InputProps = React.InputHTMLAttributes<HTMLInputElement> & {
6
6
  error?: boolean;
7
7
  errorMessage?: string;
8
8
  label?: string;
9
- ref?: React.MutableRefObject<HTMLInputElement>;
9
+ ref?: React.RefObject<HTMLInputElement>;
10
10
  };
11
11
  export declare const InputField: ({ optional, requiredInput, success, error, errorMessage, label, ref, id, disabled, style, ...props }: InputProps) => import("react/jsx-runtime").JSX.Element;
12
12
  export {};
package/dist/components/InputField/index.es.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import "react/jsx-runtime";
2
2
  import "../../index-CweZ_OcN.js";
3
- import { I } from "../../tokens-De7TPGXF.js";
3
+ import { I } from "../../tokens-rQ0Hp63r.js";
4
4
  import "../Conditional/index.es.js";
5
5
  import "../Icon/index.es.js";
6
6
  import "../icons/IconAlertCircle/index.es.js";
package/dist/components/tokens/styles.css CHANGED
@@ -1 +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:24px;padding:16px;width:100%}.au-input__field:focus{border:1px 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{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}}
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}}
package/dist/core/tokens/.cache/tokens.d.ts CHANGED
@@ -81,8 +81,8 @@ export declare const SHADOW_01 = "0px 2px 8px 0px rgba(169, 177, 197, 0.08), 0px
81
81
  export declare const SHADOW_02 = "0px 8px 24px 0px rgba(118, 134, 173, 0.08), 0px 4px 4px 0px rgba(0, 72, 219, 0.04)";
82
82
  export declare const SHADOW_03 = "0px 16px 40px 0px rgba(118, 134, 173, 0.08), 0px 8px 8px 0px rgba(0, 72, 219, 0.04)";
83
83
  export declare const SHADOW_04 = "0px 24px 56px 0px rgba(118, 134, 173, 0.08), 0px 12px 12px 0px rgba(0, 72, 219, 0.04)";
84
- export declare const FONT_LEXEND_DECA = "'Lexend Deca', sans-serif";
85
- export declare const FONT_SOURCE_SANS_3 = "'Source Sans 3', sans-serif";
84
+ export declare const FONT_TITLE = "'Lexend Deca', sans-serif";
85
+ export declare const FONT_BODY = "'Source Sans 3', sans-serif";
86
86
  export declare const FONT_WEIGHT_BOLD = "700";
87
87
  export declare const FONT_WEIGHT_SEMIBOLD = "600";
88
88
  export declare const FONT_WEIGHT_MEDIUM = "500";
package/dist/main.es.js CHANGED
@@ -1,4 +1,4 @@
1
- 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, au, aA, aB, aC, aD, aE, aF, aG, aH, aI, aJ, av, 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-De7TPGXF.js";
1
+ 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";
2
2
  import { Button } from "./components/Button/index.es.js";
3
3
  import { Conditional } from "./components/Conditional/index.es.js";
4
4
  import { Drawer } from "./components/Drawer/index.es.js";
@@ -405,7 +405,7 @@ export {
405
405
  ak as CONTAINER_SIZE,
406
406
  Conditional,
407
407
  Drawer,
408
- au as FONT_LEXEND_DECA,
408
+ av as FONT_BODY,
409
409
  aA as FONT_SIZE_H1,
410
410
  aB as FONT_SIZE_H2,
411
411
  aC as FONT_SIZE_H3,
@@ -416,7 +416,7 @@ export {
416
416
  aH as FONT_SIZE_P2,
417
417
  aI as FONT_SIZE_P3,
418
418
  aJ as FONT_SIZE_P4,
419
- av as FONT_SOURCE_SANS_3,
419
+ au as FONT_TITLE,
420
420
  aw as FONT_WEIGHT_BOLD,
421
421
  ay as FONT_WEIGHT_MEDIUM,
422
422
  az as FONT_WEIGHT_REGULAR,
package/dist/{tokens-De7TPGXF.js → tokens-rQ0Hp63r.js} RENAMED
@@ -29,8 +29,8 @@ const InputField = ({
29
29
  }) => {
30
30
  const inputClasses = classNames("au-input", {
31
31
  "au-input--disabled": disabled,
32
- "au-input--error": error,
33
- "au-input--success": success
32
+ "au-input--success": success,
33
+ "au-input--error": error
34
34
  });
35
35
  const statesFlag = [
36
36
  { state: "optional", value: !!optional, icon: /* @__PURE__ */ jsx("span", { children: "(Opcional)" }) },
@@ -168,8 +168,8 @@ const SHADOW_01 = "0px 2px 8px 0px rgba(169, 177, 197, 0.08), 0px 4px 4px 0px rg
168
168
  const SHADOW_02 = "0px 8px 24px 0px rgba(118, 134, 173, 0.08), 0px 4px 4px 0px rgba(0, 72, 219, 0.04)";
169
169
  const SHADOW_03 = "0px 16px 40px 0px rgba(118, 134, 173, 0.08), 0px 8px 8px 0px rgba(0, 72, 219, 0.04)";
170
170
  const SHADOW_04 = "0px 24px 56px 0px rgba(118, 134, 173, 0.08), 0px 12px 12px 0px rgba(0, 72, 219, 0.04)";
171
- const FONT_LEXEND_DECA = "'Lexend Deca', sans-serif";
172
- const FONT_SOURCE_SANS_3 = "'Source Sans 3', sans-serif";
171
+ const FONT_TITLE = "'Lexend Deca', sans-serif";
172
+ const FONT_BODY = "'Source Sans 3', sans-serif";
173
173
  const FONT_WEIGHT_BOLD = "700";
174
174
  const FONT_WEIGHT_SEMIBOLD = "600";
175
175
  const FONT_WEIGHT_MEDIUM = "500";
@@ -254,8 +254,8 @@ export {
254
254
  SHADOW_02 as ar,
255
255
  SHADOW_03 as as,
256
256
  SHADOW_04 as at,
257
- FONT_LEXEND_DECA as au,
258
- FONT_SOURCE_SANS_3 as av,
257
+ FONT_TITLE as au,
258
+ FONT_BODY as av,
259
259
  FONT_WEIGHT_BOLD as aw,
260
260
  FONT_WEIGHT_SEMIBOLD as ax,
261
261
  FONT_WEIGHT_MEDIUM as ay,
@@ -286,4 +286,4 @@ export {
286
286
  COLOR_BRAND_CYAN_40 as y,
287
287
  COLOR_BRAND_CYAN_30 as z
288
288
  };
289
- //# sourceMappingURL=tokens-De7TPGXF.js.map
289
+ //# sourceMappingURL=tokens-rQ0Hp63r.js.map
package/dist/tokens-rQ0Hp63r.js.map ADDED
@@ -0,0 +1 @@
1
+ {"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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"}
package/dist/variables.scss CHANGED
@@ -81,8 +81,8 @@ $shadow-01: 0px 2px 8px 0px rgba(169, 177, 197, 0.08), 0px 4px 4px 0px rgba(0, 7
81
81
  $shadow-02: 0px 8px 24px 0px rgba(118, 134, 173, 0.08), 0px 4px 4px 0px rgba(0, 72, 219, 0.04);
82
82
  $shadow-03: 0px 16px 40px 0px rgba(118, 134, 173, 0.08), 0px 8px 8px 0px rgba(0, 72, 219, 0.04);
83
83
  $shadow-04: 0px 24px 56px 0px rgba(118, 134, 173, 0.08), 0px 12px 12px 0px rgba(0, 72, 219, 0.04);
84
- $font-lexend-deca: 'Lexend Deca', sans-serif;
85
- $font-source-sans-3: 'Source Sans 3', sans-serif;
84
+ $font-title: 'Lexend Deca', sans-serif;
85
+ $font-body: 'Source Sans 3', sans-serif;
86
86
  $font-weight-bold: 700;
87
87
  $font-weight-semibold: 600;
88
88
  $font-weight-medium: 500;
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@consumidor-positivo/aurora",
3
3
  "private": false,
4
- "version": "0.0.42",
4
+ "version": "0.0.44",
5
5
  "type": "module",
6
6
  "main": "./dist/main.es.js",
7
7
  "modules": "./dist/main.es.js",
package/dist/tokens-De7TPGXF.js.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"file":"tokens-De7TPGXF.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.MutableRefObject<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--error': error,\n 'au-input--success': success,\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_LEXEND_DECA = \"'Lexend Deca', sans-serif\";\nexport const FONT_SOURCE_SANS_3 = \"'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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"}