@consumidor-positivo/aurora 0.0.69 → 0.0.71

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 (52) hide show
  1. package/dist/components/Calendar/index.es.js +2 -2
  2. package/dist/components/CalendarHeader/index.es.js +2 -2
  3. package/dist/components/CheckboxField/index.es.js +2 -2
  4. package/dist/components/Datepicker/index.es.js +3 -3
  5. package/dist/components/ErrorMessage/index.es.js +9 -0
  6. package/dist/components/ErrorMessage/index.es.js.map +1 -0
  7. package/dist/components/Group/index.es.js +1 -1
  8. package/dist/components/Input/index.es.js +14 -0
  9. package/dist/components/Input/index.es.js.map +1 -0
  10. package/dist/components/InputField/index.es.js +1 -1
  11. package/dist/components/InputHolder/index.es.js +14 -0
  12. package/dist/components/InputHolder/index.es.js.map +1 -0
  13. package/dist/components/Label/index.es.js +49 -0
  14. package/dist/components/Label/index.es.js.map +1 -0
  15. package/dist/components/PasswordField/index.es.js +1 -1
  16. package/dist/components/PortalHolder/index.es.js +1 -1
  17. package/dist/components/Root/index.es.js +21 -0
  18. package/dist/components/Root/index.es.js.map +1 -0
  19. package/dist/components/Segment/index.es.js +1 -1
  20. package/dist/components/SelectField/index.es.js +1 -1
  21. package/dist/components/TextArea/index.es.js +58 -0
  22. package/dist/components/TextArea/index.es.js.map +1 -0
  23. package/dist/components/TextareaField/index.es.js +3 -15
  24. package/dist/components/TextareaField/index.es.js.map +1 -1
  25. package/dist/components/TokenField/index.es.js +1 -1
  26. package/dist/components/form/Field/TextArea/hook.d.ts +9 -0
  27. package/dist/components/form/Field/TextArea/index.d.ts +10 -0
  28. package/dist/components/form/Field/index.d.ts +4 -2
  29. package/dist/components/form/TextareaField/index.d.ts +2 -1
  30. package/dist/components/index/styles.css +1 -1
  31. package/dist/components/index/styles2.css +1 -1
  32. package/dist/components/index/styles3.css +1 -1
  33. package/dist/{index-EAEcmr1o.js → index-B2qlxNd4.js} +4 -4
  34. package/dist/{index-EAEcmr1o.js.map → index-B2qlxNd4.js.map} +1 -1
  35. package/dist/{index-CLq9qZyb.js → index-CclsoEnK.js} +3 -3
  36. package/dist/{index-CLq9qZyb.js.map → index-CclsoEnK.js.map} +1 -1
  37. package/dist/{index-BuHGuwbT.js → index-D1oGcejt.js} +2 -2
  38. package/dist/{index-BuHGuwbT.js.map → index-D1oGcejt.js.map} +1 -1
  39. package/dist/index-DfksciAR.js +18 -0
  40. package/dist/index-DfksciAR.js.map +1 -0
  41. package/dist/main.es.js +41 -41
  42. package/dist/{tokens-TYOJv1j5.js → tokens-DGTtjw-_.js} +41 -41
  43. package/dist/{tokens-TYOJv1j5.js.map → tokens-DGTtjw-_.js.map} +1 -1
  44. package/package.json +1 -1
  45. package/dist/components/form/Field/TextArea.d.ts +0 -7
  46. package/dist/index-DY3hp3Pl.js +0 -101
  47. package/dist/index-DY3hp3Pl.js.map +0 -1
  48. /package/dist/components/form/Field/{ErrorMessage.d.ts → ErrorMessage/index.d.ts} +0 -0
  49. /package/dist/components/form/Field/{Input.d.ts → Input/index.d.ts} +0 -0
  50. /package/dist/components/form/Field/{InputHolder.d.ts → InputHolder/index.d.ts} +0 -0
  51. /package/dist/components/form/Field/{Label.d.ts → Label/index.d.ts} +0 -0
  52. /package/dist/components/form/Field/{Root.d.ts → Root/index.d.ts} +0 -0
@@ -0,0 +1,18 @@
1
+ import { FieldErrorMessage } from "./components/ErrorMessage/index.es.js";
2
+ import { FieldInput } from "./components/Input/index.es.js";
3
+ import { FieldInputHolder } from "./components/InputHolder/index.es.js";
4
+ import { FieldLabel } from "./components/Label/index.es.js";
5
+ import { FieldRoot } from "./components/Root/index.es.js";
6
+ import { FieldTextArea } from "./components/TextArea/index.es.js";
7
+ import './components/index/styles.css';const Field = {
8
+ Root: FieldRoot,
9
+ Input: FieldInput,
10
+ InputHolder: FieldInputHolder,
11
+ Label: FieldLabel,
12
+ ErrorMessage: FieldErrorMessage,
13
+ TextArea: FieldTextArea
14
+ };
15
+ export {
16
+ Field as F
17
+ };
18
+ //# sourceMappingURL=index-DfksciAR.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index-DfksciAR.js","sources":["../lib/components/form/Field/index.tsx"],"sourcesContent":["import { FieldErrorMessage } from './ErrorMessage'\nimport { FieldInput } from './Input'\nimport { FieldInputHolder } from './InputHolder'\nimport { FieldLabel } from './Label'\nimport { FieldRoot } from './Root'\nimport { FieldTextArea } from './TextArea'\nimport './styles.scss'\n\nexport default {\n Root: FieldRoot,\n Input: FieldInput,\n InputHolder: FieldInputHolder,\n Label: FieldLabel,\n ErrorMessage: FieldErrorMessage,\n TextArea: FieldTextArea,\n}"],"names":[],"mappings":";;;;;;AAQA,MAAe,QAAA;AAAA,EACX,MAAM;AAAA,EACN,OAAO;AAAA,EACP,aAAa;AAAA,EACb,OAAO;AAAA,EACP,cAAc;AAAA,EACd,UAAU;AACd;"}
package/dist/main.es.js CHANGED
@@ -329,7 +329,7 @@ import { IconZapOff } from "./components/icons/IconZapOff/index.es.js";
329
329
  import { IconZoomIn } from "./components/icons/IconZoomIn/index.es.js";
330
330
  import { IconZoomOut } from "./components/icons/IconZoomOut/index.es.js";
331
331
  import { IconSocialGoogle } from "./components/icons/IconSocialGoogle/index.es.js";
332
- import { c as c2, b as b2, d as d2, a as a2, ai, B, ah, aj, ag, r, q, p, o, n, m as m2, l as l2, F, E, D, A, z, y, x, w, v, u, t, s, T, S, R, Q, P, O, N, a5, a4, a3, a2 as a22, a1, a0, $, k as k2, j as j2, i as i2, h as h2, g as g2, f as f2, e as e2, C, M, L as L2, K, J, I, H, G, _, Z, Y, X, W, V, U, ak, av, aA, aB, aC, aD, aE, aF, aG, aH, aI, aJ, au, aw, ay, az, ax, al, am, an, ao, ap, aq, ar, as, at, a6, a7, a8, a9, aa, ab, ac, ad, ae, af } from "./tokens-TYOJv1j5.js";
332
+ import { e as e2, d as d2, f as f2, c as c2, ai, B, ah, aj, ag, t, s, r, q, p, o, n, H, G, F, E, D, A, z, y, x, w, v, u, T, S, R, Q, P, a as a2, O, a5, a4, a3, a2 as a22, a1, a0, $, m as m2, l as l2, k as k2, j as j2, b as b2, i as i2, h as h2, g as g2, N, M, L as L2, K, J, C, I, _, Z, Y, X, W, V, U, ak, av, aA, aB, aC, aD, aE, aF, aG, aH, aI, aJ, au, aw, ay, az, ax, al, am, an, ao, ap, aq, ar, as, at, a6, a7, a8, a9, aa, ab, ac, ad, ae, af } from "./tokens-DGTtjw-_.js";
333
333
  import './components/main/styles.css';function useDrawer(props) {
334
334
  const [drawerOpen, setDrawerOpen] = useState(props);
335
335
  function handleOpenDrawer(name) {
@@ -346,42 +346,42 @@ import './components/main/styles.css';function useDrawer(props) {
346
346
  };
347
347
  }
348
348
  export {
349
- c2 as BORDER_RADIUS_BIG,
350
- b2 as BORDER_RADIUS_MEDIUM,
351
- d2 as BORDER_RADIUS_PILL,
352
- a2 as BORDER_RADIUS_SMALL,
349
+ e2 as BORDER_RADIUS_BIG,
350
+ d2 as BORDER_RADIUS_MEDIUM,
351
+ f2 as BORDER_RADIUS_PILL,
352
+ c2 as BORDER_RADIUS_SMALL,
353
353
  ai as BREAKPOINT_LG,
354
354
  B as BREAKPOINT_MD,
355
355
  ah as BREAKPOINT_SM,
356
356
  aj as BREAKPOINT_XLG,
357
357
  ag as BREAKPOINT_XSM,
358
358
  Button,
359
- r as COLOR_BRAND_BLUE_00,
360
- q as COLOR_BRAND_BLUE_10,
361
- p as COLOR_BRAND_BLUE_20,
362
- o as COLOR_BRAND_BLUE_30,
363
- n as COLOR_BRAND_BLUE_40,
364
- m2 as COLOR_BRAND_BLUE_50,
365
- l2 as COLOR_BRAND_BLUE_60,
366
- F as COLOR_BRAND_CYAN_10,
367
- E as COLOR_BRAND_CYAN_20,
368
- D as COLOR_BRAND_CYAN_30,
369
- A as COLOR_BRAND_CYAN_40,
370
- z as COLOR_BRAND_CYAN_50,
371
- y as COLOR_BRAND_CYAN_60,
372
- x as COLOR_BRAND_EMERALD_10,
373
- w as COLOR_BRAND_EMERALD_20,
374
- v as COLOR_BRAND_EMERALD_30,
375
- u as COLOR_BRAND_EMERALD_40,
376
- t as COLOR_BRAND_EMERALD_50,
377
- s as COLOR_BRAND_EMERALD_60,
359
+ t as COLOR_BRAND_BLUE_00,
360
+ s as COLOR_BRAND_BLUE_10,
361
+ r as COLOR_BRAND_BLUE_20,
362
+ q as COLOR_BRAND_BLUE_30,
363
+ p as COLOR_BRAND_BLUE_40,
364
+ o as COLOR_BRAND_BLUE_50,
365
+ n as COLOR_BRAND_BLUE_60,
366
+ H as COLOR_BRAND_CYAN_10,
367
+ G as COLOR_BRAND_CYAN_20,
368
+ F as COLOR_BRAND_CYAN_30,
369
+ E as COLOR_BRAND_CYAN_40,
370
+ D as COLOR_BRAND_CYAN_50,
371
+ A as COLOR_BRAND_CYAN_60,
372
+ z as COLOR_BRAND_EMERALD_10,
373
+ y as COLOR_BRAND_EMERALD_20,
374
+ x as COLOR_BRAND_EMERALD_30,
375
+ w as COLOR_BRAND_EMERALD_40,
376
+ v as COLOR_BRAND_EMERALD_50,
377
+ u as COLOR_BRAND_EMERALD_60,
378
378
  T as COLOR_ERROR_00,
379
379
  S as COLOR_ERROR_10,
380
380
  R as COLOR_ERROR_20,
381
381
  Q as COLOR_ERROR_30,
382
382
  P as COLOR_ERROR_40,
383
- O as COLOR_ERROR_50,
384
- N as COLOR_ERROR_60,
383
+ a2 as COLOR_ERROR_50,
384
+ O as COLOR_ERROR_60,
385
385
  a5 as COLOR_INFO_00,
386
386
  a4 as COLOR_INFO_10,
387
387
  a3 as COLOR_INFO_20,
@@ -389,21 +389,21 @@ export {
389
389
  a1 as COLOR_INFO_40,
390
390
  a0 as COLOR_INFO_50,
391
391
  $ as COLOR_INFO_60,
392
- k2 as COLOR_NEUTRAL_00,
393
- j2 as COLOR_NEUTRAL_10,
394
- i2 as COLOR_NEUTRAL_20,
395
- h2 as COLOR_NEUTRAL_30,
396
- g2 as COLOR_NEUTRAL_40,
397
- f2 as COLOR_NEUTRAL_50,
398
- e2 as COLOR_NEUTRAL_60,
399
- C as COLOR_NEUTRAL_70,
400
- M as COLOR_SUCCESS_00,
401
- L2 as COLOR_SUCCESS_10,
402
- K as COLOR_SUCCESS_20,
403
- J as COLOR_SUCCESS_30,
404
- I as COLOR_SUCCESS_40,
405
- H as COLOR_SUCCESS_50,
406
- G as COLOR_SUCCESS_60,
392
+ m2 as COLOR_NEUTRAL_00,
393
+ l2 as COLOR_NEUTRAL_10,
394
+ k2 as COLOR_NEUTRAL_20,
395
+ j2 as COLOR_NEUTRAL_30,
396
+ b2 as COLOR_NEUTRAL_40,
397
+ i2 as COLOR_NEUTRAL_50,
398
+ h2 as COLOR_NEUTRAL_60,
399
+ g2 as COLOR_NEUTRAL_70,
400
+ N as COLOR_SUCCESS_00,
401
+ M as COLOR_SUCCESS_10,
402
+ L2 as COLOR_SUCCESS_20,
403
+ K as COLOR_SUCCESS_30,
404
+ J as COLOR_SUCCESS_40,
405
+ C as COLOR_SUCCESS_50,
406
+ I as COLOR_SUCCESS_60,
407
407
  _ as COLOR_WARNING_00,
408
408
  Z as COLOR_WARNING_10,
409
409
  Y as COLOR_WARNING_20,
@@ -100,21 +100,21 @@ const FONT_SIZE_P3 = "14px";
100
100
  const FONT_SIZE_P4 = "12px";
101
101
  export {
102
102
  COLOR_INFO_60 as $,
103
- COLOR_BRAND_CYAN_40 as A,
103
+ COLOR_BRAND_CYAN_60 as A,
104
104
  BREAKPOINT_MD as B,
105
- COLOR_NEUTRAL_70 as C,
106
- COLOR_BRAND_CYAN_30 as D,
107
- COLOR_BRAND_CYAN_20 as E,
108
- COLOR_BRAND_CYAN_10 as F,
109
- COLOR_SUCCESS_60 as G,
110
- COLOR_SUCCESS_50 as H,
111
- COLOR_SUCCESS_40 as I,
112
- COLOR_SUCCESS_30 as J,
113
- COLOR_SUCCESS_20 as K,
114
- COLOR_SUCCESS_10 as L,
115
- COLOR_SUCCESS_00 as M,
116
- COLOR_ERROR_60 as N,
117
- COLOR_ERROR_50 as O,
105
+ COLOR_SUCCESS_50 as C,
106
+ COLOR_BRAND_CYAN_50 as D,
107
+ COLOR_BRAND_CYAN_40 as E,
108
+ COLOR_BRAND_CYAN_30 as F,
109
+ COLOR_BRAND_CYAN_20 as G,
110
+ COLOR_BRAND_CYAN_10 as H,
111
+ COLOR_SUCCESS_60 as I,
112
+ COLOR_SUCCESS_40 as J,
113
+ COLOR_SUCCESS_30 as K,
114
+ COLOR_SUCCESS_20 as L,
115
+ COLOR_SUCCESS_10 as M,
116
+ COLOR_SUCCESS_00 as N,
117
+ COLOR_ERROR_60 as O,
118
118
  COLOR_ERROR_40 as P,
119
119
  COLOR_ERROR_30 as Q,
120
120
  COLOR_ERROR_20 as R,
@@ -127,7 +127,7 @@ export {
127
127
  COLOR_WARNING_20 as Y,
128
128
  COLOR_WARNING_10 as Z,
129
129
  COLOR_WARNING_00 as _,
130
- BORDER_RADIUS_SMALL as a,
130
+ COLOR_ERROR_50 as a,
131
131
  COLOR_INFO_50 as a0,
132
132
  COLOR_INFO_40 as a1,
133
133
  COLOR_INFO_30 as a2,
@@ -174,30 +174,30 @@ export {
174
174
  FONT_WEIGHT_SEMIBOLD as ax,
175
175
  FONT_WEIGHT_MEDIUM as ay,
176
176
  FONT_WEIGHT_REGULAR as az,
177
- BORDER_RADIUS_MEDIUM as b,
178
- BORDER_RADIUS_BIG as c,
179
- BORDER_RADIUS_PILL as d,
180
- COLOR_NEUTRAL_60 as e,
181
- COLOR_NEUTRAL_50 as f,
182
- COLOR_NEUTRAL_40 as g,
183
- COLOR_NEUTRAL_30 as h,
184
- COLOR_NEUTRAL_20 as i,
185
- COLOR_NEUTRAL_10 as j,
186
- COLOR_NEUTRAL_00 as k,
187
- COLOR_BRAND_BLUE_60 as l,
188
- COLOR_BRAND_BLUE_50 as m,
189
- COLOR_BRAND_BLUE_40 as n,
190
- COLOR_BRAND_BLUE_30 as o,
191
- COLOR_BRAND_BLUE_20 as p,
192
- COLOR_BRAND_BLUE_10 as q,
193
- COLOR_BRAND_BLUE_00 as r,
194
- COLOR_BRAND_EMERALD_60 as s,
195
- COLOR_BRAND_EMERALD_50 as t,
196
- COLOR_BRAND_EMERALD_40 as u,
197
- COLOR_BRAND_EMERALD_30 as v,
198
- COLOR_BRAND_EMERALD_20 as w,
199
- COLOR_BRAND_EMERALD_10 as x,
200
- COLOR_BRAND_CYAN_60 as y,
201
- COLOR_BRAND_CYAN_50 as z
177
+ COLOR_NEUTRAL_40 as b,
178
+ BORDER_RADIUS_SMALL as c,
179
+ BORDER_RADIUS_MEDIUM as d,
180
+ BORDER_RADIUS_BIG as e,
181
+ BORDER_RADIUS_PILL as f,
182
+ COLOR_NEUTRAL_70 as g,
183
+ COLOR_NEUTRAL_60 as h,
184
+ COLOR_NEUTRAL_50 as i,
185
+ COLOR_NEUTRAL_30 as j,
186
+ COLOR_NEUTRAL_20 as k,
187
+ COLOR_NEUTRAL_10 as l,
188
+ COLOR_NEUTRAL_00 as m,
189
+ COLOR_BRAND_BLUE_60 as n,
190
+ COLOR_BRAND_BLUE_50 as o,
191
+ COLOR_BRAND_BLUE_40 as p,
192
+ COLOR_BRAND_BLUE_30 as q,
193
+ COLOR_BRAND_BLUE_20 as r,
194
+ COLOR_BRAND_BLUE_10 as s,
195
+ COLOR_BRAND_BLUE_00 as t,
196
+ COLOR_BRAND_EMERALD_60 as u,
197
+ COLOR_BRAND_EMERALD_50 as v,
198
+ COLOR_BRAND_EMERALD_40 as w,
199
+ COLOR_BRAND_EMERALD_30 as x,
200
+ COLOR_BRAND_EMERALD_20 as y,
201
+ COLOR_BRAND_EMERALD_10 as z
202
202
  };
203
- //# sourceMappingURL=tokens-TYOJv1j5.js.map
203
+ //# sourceMappingURL=tokens-DGTtjw-_.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"tokens-TYOJv1j5.js","sources":["../lib/core/tokens/.cache/tokens.ts"],"sourcesContent":["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_BLUE_00 = \"#F2F5FC\";\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":"AAAO,MAAM,sBAAsB;AAC5B,MAAM,uBAAuB;AAC7B,MAAM,oBAAoB;AAC1B,MAAM,qBAAqB;AAC3B,MAAM,mBAAmB;AACzB,MAAM,mBAAmB;AACzB,MAAM,mBAAmB;AACzB,MAAM,mBAAmB;AACzB,MAAM,mBAAmB;AACzB,MAAM,mBAAmB;AACzB,MAAM,mBAAmB;AACzB,MAAM,mBAAmB;AACzB,MAAM,sBAAsB;AAC5B,MAAM,sBAAsB;AAC5B,MAAM,sBAAsB;AAC5B,MAAM,sBAAsB;AAC5B,MAAM,sBAAsB;AAC5B,MAAM,sBAAsB;AAC5B,MAAM,sBAAsB;AAC5B,MAAM,yBAAyB;AAC/B,MAAM,yBAAyB;AAC/B,MAAM,yBAAyB;AAC/B,MAAM,yBAAyB;AAC/B,MAAM,yBAAyB;AAC/B,MAAM,yBAAyB;AAC/B,MAAM,sBAAsB;AAC5B,MAAM,sBAAsB;AAC5B,MAAM,sBAAsB;AAC5B,MAAM,sBAAsB;AAC5B,MAAM,sBAAsB;AAC5B,MAAM,sBAAsB;AAC5B,MAAM,mBAAmB;AACzB,MAAM,mBAAmB;AACzB,MAAM,mBAAmB;AACzB,MAAM,mBAAmB;AACzB,MAAM,mBAAmB;AACzB,MAAM,mBAAmB;AACzB,MAAM,mBAAmB;AACzB,MAAM,iBAAiB;AACvB,MAAM,iBAAiB;AACvB,MAAM,iBAAiB;AACvB,MAAM,iBAAiB;AACvB,MAAM,iBAAiB;AACvB,MAAM,iBAAiB;AACvB,MAAM,iBAAiB;AACvB,MAAM,mBAAmB;AACzB,MAAM,mBAAmB;AACzB,MAAM,mBAAmB;AACzB,MAAM,mBAAmB;AACzB,MAAM,mBAAmB;AACzB,MAAM,mBAAmB;AACzB,MAAM,mBAAmB;AACzB,MAAM,gBAAgB;AACtB,MAAM,gBAAgB;AACtB,MAAM,gBAAgB;AACtB,MAAM,gBAAgB;AACtB,MAAM,gBAAgB;AACtB,MAAM,gBAAgB;AACtB,MAAM,gBAAgB;AACtB,MAAM,cAAc;AACpB,MAAM,cAAc;AACpB,MAAM,cAAc;AACpB,MAAM,cAAc;AACpB,MAAM,cAAc;AACpB,MAAM,cAAc;AACpB,MAAM,cAAc;AACpB,MAAM,cAAc;AACpB,MAAM,cAAc;AACpB,MAAM,cAAc;AACpB,MAAM,iBAAiB;AACvB,MAAM,gBAAgB;AACtB,MAAM,gBAAgB;AACtB,MAAM,gBAAgB;AACtB,MAAM,iBAAiB;AACvB,MAAM,iBAAiB;AACvB,MAAM,aAAa;AACnB,MAAM,aAAa;AACnB,MAAM,aAAa;AACnB,MAAM,aAAa;AACnB,MAAM,aAAa;AACnB,MAAM,YAAY;AAClB,MAAM,YAAY;AAClB,MAAM,YAAY;AAClB,MAAM,YAAY;AAClB,MAAM,aAAa;AACnB,MAAM,YAAY;AAClB,MAAM,mBAAmB;AACzB,MAAM,uBAAuB;AAC7B,MAAM,qBAAqB;AAC3B,MAAM,sBAAsB;AAC5B,MAAM,eAAe;AACrB,MAAM,eAAe;AACrB,MAAM,eAAe;AACrB,MAAM,eAAe;AACrB,MAAM,eAAe;AACrB,MAAM,eAAe;AACrB,MAAM,eAAe;AACrB,MAAM,eAAe;AACrB,MAAM,eAAe;AACrB,MAAM,eAAe;"}
1
+ {"version":3,"file":"tokens-DGTtjw-_.js","sources":["../lib/core/tokens/.cache/tokens.ts"],"sourcesContent":["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_BLUE_00 = \"#F2F5FC\";\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":"AAAO,MAAM,sBAAsB;AAC5B,MAAM,uBAAuB;AAC7B,MAAM,oBAAoB;AAC1B,MAAM,qBAAqB;AAC3B,MAAM,mBAAmB;AACzB,MAAM,mBAAmB;AACzB,MAAM,mBAAmB;AACzB,MAAM,mBAAmB;AACzB,MAAM,mBAAmB;AACzB,MAAM,mBAAmB;AACzB,MAAM,mBAAmB;AACzB,MAAM,mBAAmB;AACzB,MAAM,sBAAsB;AAC5B,MAAM,sBAAsB;AAC5B,MAAM,sBAAsB;AAC5B,MAAM,sBAAsB;AAC5B,MAAM,sBAAsB;AAC5B,MAAM,sBAAsB;AAC5B,MAAM,sBAAsB;AAC5B,MAAM,yBAAyB;AAC/B,MAAM,yBAAyB;AAC/B,MAAM,yBAAyB;AAC/B,MAAM,yBAAyB;AAC/B,MAAM,yBAAyB;AAC/B,MAAM,yBAAyB;AAC/B,MAAM,sBAAsB;AAC5B,MAAM,sBAAsB;AAC5B,MAAM,sBAAsB;AAC5B,MAAM,sBAAsB;AAC5B,MAAM,sBAAsB;AAC5B,MAAM,sBAAsB;AAC5B,MAAM,mBAAmB;AACzB,MAAM,mBAAmB;AACzB,MAAM,mBAAmB;AACzB,MAAM,mBAAmB;AACzB,MAAM,mBAAmB;AACzB,MAAM,mBAAmB;AACzB,MAAM,mBAAmB;AACzB,MAAM,iBAAiB;AACvB,MAAM,iBAAiB;AACvB,MAAM,iBAAiB;AACvB,MAAM,iBAAiB;AACvB,MAAM,iBAAiB;AACvB,MAAM,iBAAiB;AACvB,MAAM,iBAAiB;AACvB,MAAM,mBAAmB;AACzB,MAAM,mBAAmB;AACzB,MAAM,mBAAmB;AACzB,MAAM,mBAAmB;AACzB,MAAM,mBAAmB;AACzB,MAAM,mBAAmB;AACzB,MAAM,mBAAmB;AACzB,MAAM,gBAAgB;AACtB,MAAM,gBAAgB;AACtB,MAAM,gBAAgB;AACtB,MAAM,gBAAgB;AACtB,MAAM,gBAAgB;AACtB,MAAM,gBAAgB;AACtB,MAAM,gBAAgB;AACtB,MAAM,cAAc;AACpB,MAAM,cAAc;AACpB,MAAM,cAAc;AACpB,MAAM,cAAc;AACpB,MAAM,cAAc;AACpB,MAAM,cAAc;AACpB,MAAM,cAAc;AACpB,MAAM,cAAc;AACpB,MAAM,cAAc;AACpB,MAAM,cAAc;AACpB,MAAM,iBAAiB;AACvB,MAAM,gBAAgB;AACtB,MAAM,gBAAgB;AACtB,MAAM,gBAAgB;AACtB,MAAM,iBAAiB;AACvB,MAAM,iBAAiB;AACvB,MAAM,aAAa;AACnB,MAAM,aAAa;AACnB,MAAM,aAAa;AACnB,MAAM,aAAa;AACnB,MAAM,aAAa;AACnB,MAAM,YAAY;AAClB,MAAM,YAAY;AAClB,MAAM,YAAY;AAClB,MAAM,YAAY;AAClB,MAAM,aAAa;AACnB,MAAM,YAAY;AAClB,MAAM,mBAAmB;AACzB,MAAM,uBAAuB;AAC7B,MAAM,qBAAqB;AAC3B,MAAM,sBAAsB;AAC5B,MAAM,eAAe;AACrB,MAAM,eAAe;AACrB,MAAM,eAAe;AACrB,MAAM,eAAe;AACrB,MAAM,eAAe;AACrB,MAAM,eAAe;AACrB,MAAM,eAAe;AACrB,MAAM,eAAe;AACrB,MAAM,eAAe;AACrB,MAAM,eAAe;"}
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@consumidor-positivo/aurora",
3
3
  "private": false,
4
- "version": "0.0.69",
4
+ "version": "0.0.71",
5
5
  "type": "module",
6
6
  "main": "./dist/main.es.js",
7
7
  "modules": "./dist/main.es.js",
@@ -1,7 +0,0 @@
1
- /// <reference types="react" />
2
- type FieldTextAreaProps = React.TextareaHTMLAttributes<HTMLTextAreaElement> & {
3
- textareaRef?: React.RefObject<HTMLTextAreaElement>;
4
- customclass?: string;
5
- };
6
- export declare const FieldTextArea: ({ textareaRef, customclass, ...props }: FieldTextAreaProps) => import("react/jsx-runtime").JSX.Element;
7
- export {};
@@ -1,101 +0,0 @@
1
- import { jsx, jsxs } from "react/jsx-runtime";
2
- import { c as classNames } from "./index-CweZ_OcN.js";
3
- import "./components/Icon/index.es.js";
4
- import { IconAlertCircle } from "./components/icons/IconAlertCircle/index.es.js";
5
- import { IconCheck } from "./components/icons/IconCheck/index.es.js";
6
- import { IconSlash } from "./components/icons/IconSlash/index.es.js";
7
- import { H as COLOR_SUCCESS_50, O as COLOR_ERROR_50, g as COLOR_NEUTRAL_40 } from "./tokens-TYOJv1j5.js";
8
- import './components/index/styles3.css';const FieldErrorMessage = ({ hasError, message }) => {
9
- if (!hasError || !message) return null;
10
- return /* @__PURE__ */ jsx("p", { className: "au-field__error-message", children: message });
11
- };
12
- const FieldInput = ({
13
- inputRef,
14
- customclass,
15
- ...props
16
- }) => {
17
- const inputClasses = classNames("au-field__input", customclass);
18
- return /* @__PURE__ */ jsx("input", { className: inputClasses, ref: inputRef, ...props });
19
- };
20
- const FieldInputHolder = ({
21
- children,
22
- rightSideSlot
23
- }) => {
24
- return /* @__PURE__ */ jsxs("div", { className: "au-field__input-holder", children: [
25
- children,
26
- rightSideSlot && /* @__PURE__ */ jsx("div", { className: "au-field__right-slot", children: rightSideSlot })
27
- ] });
28
- };
29
- const FieldLabel = ({
30
- id,
31
- text,
32
- required,
33
- optional,
34
- success,
35
- error,
36
- disabled
37
- }) => {
38
- if (!text) return null;
39
- const states = [
40
- { state: "optional", value: !!optional, icon: /* @__PURE__ */ jsx("span", { children: "(Opcional)" }) },
41
- {
42
- state: "success",
43
- value: !!success,
44
- icon: /* @__PURE__ */ jsx(IconCheck, { rawColor: COLOR_SUCCESS_50 })
45
- },
46
- {
47
- state: "error",
48
- value: !!error,
49
- icon: /* @__PURE__ */ jsx(IconAlertCircle, { rawColor: COLOR_ERROR_50 })
50
- },
51
- {
52
- state: "disabled",
53
- value: !!disabled,
54
- icon: /* @__PURE__ */ jsx(IconSlash, { rawColor: COLOR_NEUTRAL_40 })
55
- }
56
- ];
57
- const currentState = states.find(({ value }) => !!value);
58
- return /* @__PURE__ */ jsxs("div", { className: "au-field__header", children: [
59
- /* @__PURE__ */ jsxs("label", { htmlFor: id, className: "au-field__header-label", children: [
60
- text,
61
- " ",
62
- required && /* @__PURE__ */ jsx("strong", { className: "au-field__header-label--required", children: "*" })
63
- ] }),
64
- /* @__PURE__ */ jsx("div", { className: "au-field__header-icon", children: currentState == null ? void 0 : currentState.icon })
65
- ] });
66
- };
67
- const FieldRoot = ({
68
- children,
69
- disabled,
70
- success,
71
- error,
72
- style,
73
- customclass
74
- }) => {
75
- const inputClasses = classNames("au-field", customclass, {
76
- "au-field--disabled": !!disabled,
77
- "au-field--success": !!success,
78
- "au-field--error": !!error
79
- });
80
- return /* @__PURE__ */ jsx("div", { className: inputClasses, style, children });
81
- };
82
- const FieldTextArea = ({
83
- textareaRef,
84
- customclass,
85
- ...props
86
- }) => {
87
- const textareaClasses = classNames("au-field__textarea", customclass);
88
- return /* @__PURE__ */ jsx("textarea", { className: textareaClasses, ref: textareaRef, ...props });
89
- };
90
- const Field = {
91
- Root: FieldRoot,
92
- Input: FieldInput,
93
- InputHolder: FieldInputHolder,
94
- Label: FieldLabel,
95
- ErrorMessage: FieldErrorMessage,
96
- TextArea: FieldTextArea
97
- };
98
- export {
99
- Field as F
100
- };
101
- //# sourceMappingURL=index-DY3hp3Pl.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index-DY3hp3Pl.js","sources":["../lib/components/form/Field/ErrorMessage.tsx","../lib/components/form/Field/Input.tsx","../lib/components/form/Field/InputHolder.tsx","../lib/components/form/Field/Label.tsx","../lib/components/form/Field/Root.tsx","../lib/components/form/Field/TextArea.tsx","../lib/components/form/Field/index.tsx"],"sourcesContent":["type ErrorMessageProps = {\n hasError?: boolean\n message?: string\n}\n\nexport const FieldErrorMessage = ({ hasError, message }: ErrorMessageProps) => {\n if (!hasError || !message) return null\n\n return <p className=\"au-field__error-message\">{message}</p>\n}\n","import classNames from 'classnames'\n\ntype FieldInputProps = React.InputHTMLAttributes<HTMLInputElement> & {\n inputRef?: React.RefObject<HTMLInputElement>\n customclass?: string\n}\n\nexport const FieldInput = ({\n inputRef,\n customclass,\n ...props\n}: FieldInputProps) => {\n const inputClasses = classNames('au-field__input', customclass)\n\n return <input className={inputClasses} ref={inputRef} {...props} />\n}\n","import React from 'react'\n\ntype FieldInputHolderProps = {\n children?: React.ReactNode\n rightSideSlot?: React.ReactNode\n}\n\nexport const FieldInputHolder = ({\n children,\n rightSideSlot,\n}: FieldInputHolderProps) => {\n return (\n <div className=\"au-field__input-holder\">\n {children}\n {rightSideSlot && (\n <div className=\"au-field__right-slot\">{rightSideSlot}</div>\n )}\n </div>\n )\n}\n","import { IconAlertCircle, IconCheck, IconSlash } from '@components/icons'\nimport {\n COLOR_ERROR_50,\n COLOR_NEUTRAL_40,\n COLOR_SUCCESS_50,\n} from '@core/tokens'\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 null\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 classNames from 'classnames'\n\ntype FieldTextAreaProps = React.TextareaHTMLAttributes<HTMLTextAreaElement> & {\n textareaRef?: React.RefObject<HTMLTextAreaElement>\n customclass?: string\n}\n\nexport const FieldTextArea = ({\n textareaRef,\n customclass,\n ...props\n}: FieldTextAreaProps) => {\n const textareaClasses = classNames('au-field__textarea', customclass)\n\n return <textarea className={textareaClasses} ref={textareaRef} {...props} />\n}\n","import { FieldErrorMessage } from './ErrorMessage'\nimport { FieldInput } from './Input'\nimport { FieldInputHolder } from './InputHolder'\nimport { FieldLabel } from './Label'\nimport { FieldRoot } from './Root'\nimport { FieldTextArea } from './TextArea'\nimport './styles.scss'\n\nexport default {\n Root: FieldRoot,\n Input: FieldInput,\n InputHolder: FieldInputHolder,\n Label: FieldLabel,\n ErrorMessage: FieldErrorMessage,\n TextArea: FieldTextArea,\n}"],"names":[],"mappings":";;;;;;;AAKO,MAAM,oBAAoB,CAAC,EAAE,UAAU,cAAiC;AAC7E,MAAI,CAAC,YAAY,CAAC,QAAgB,QAAA;AAElC,SAAQ,oBAAA,KAAA,EAAE,WAAU,2BAA2B,UAAQ,QAAA,CAAA;AACzD;ACFO,MAAM,aAAa,CAAC;AAAA,EACzB;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAuB;AACf,QAAA,eAAe,WAAW,mBAAmB,WAAW;AAE9D,6BAAQ,SAAM,EAAA,WAAW,cAAc,KAAK,UAAW,GAAG,MAAO,CAAA;AACnE;ACRO,MAAM,mBAAmB,CAAC;AAAA,EAC/B;AAAA,EACA;AACF,MAA6B;AAEzB,SAAA,qBAAC,OAAI,EAAA,WAAU,0BACZ,UAAA;AAAA,IAAA;AAAA,IACA,iBACC,oBAAC,OAAI,EAAA,WAAU,wBAAwB,UAAc,eAAA;AAAA,EAEzD,EAAA,CAAA;AAEJ;ACFO,MAAM,aAAa,CAAC;AAAA,EACzB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAuB;AACjB,MAAA,CAAC,KAAa,QAAA;AAElB,QAAM,SAAS;AAAA,IACb,EAAE,OAAO,YAAY,OAAO,CAAC,CAAC,UAAU,MAAM,oBAAC,QAAK,EAAA,UAAA,aAAU,CAAA,EAAQ;AAAA,IACtE;AAAA,MACE,OAAO;AAAA,MACP,OAAO,CAAC,CAAC;AAAA,MACT,MAAM,oBAAC,WAAU,EAAA,UAAU,iBAAkB,CAAA;AAAA,IAC/C;AAAA,IACA;AAAA,MACE,OAAO;AAAA,MACP,OAAO,CAAC,CAAC;AAAA,MACT,MAAM,oBAAC,iBAAgB,EAAA,UAAU,eAAgB,CAAA;AAAA,IACnD;AAAA,IACA;AAAA,MACE,OAAO;AAAA,MACP,OAAO,CAAC,CAAC;AAAA,MACT,MAAM,oBAAC,WAAU,EAAA,UAAU,iBAAkB,CAAA;AAAA,IAC/C;AAAA,EAAA;AAGI,QAAA,eAAe,OAAO,KAAK,CAAC,EAAE,YAAY,CAAC,CAAC,KAAK;AAGrD,SAAA,qBAAC,OAAI,EAAA,WAAU,oBACb,UAAA;AAAA,IAAA,qBAAC,SAAM,EAAA,SAAS,IAAI,WAAU,0BAC3B,UAAA;AAAA,MAAA;AAAA,MAAM;AAAA,MACN,YACC,oBAAC,UAAO,EAAA,WAAU,oCAAmC,UAAC,KAAA;AAAA,IAAA,GAE1D;AAAA,IACC,oBAAA,OAAA,EAAI,WAAU,yBAAyB,uDAAc,MAAK;AAAA,EAC7D,EAAA,CAAA;AAEJ;ACjDO,MAAM,YAAY,CAAC;AAAA,EACxB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAsB;AACd,QAAA,eAAe,WAAW,YAAY,aAAa;AAAA,IACvD,sBAAsB,CAAC,CAAC;AAAA,IACxB,qBAAqB,CAAC,CAAC;AAAA,IACvB,mBAAmB,CAAC,CAAC;AAAA,EAAA,CACtB;AAED,SACG,oBAAA,OAAA,EAAI,WAAW,cAAc,OAC3B,SACH,CAAA;AAEJ;ACvBO,MAAM,gBAAgB,CAAC;AAAA,EAC5B;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAA0B;AAClB,QAAA,kBAAkB,WAAW,sBAAsB,WAAW;AAEpE,6BAAQ,YAAS,EAAA,WAAW,iBAAiB,KAAK,aAAc,GAAG,MAAO,CAAA;AAC5E;ACPA,MAAe,QAAA;AAAA,EACX,MAAM;AAAA,EACN,OAAO;AAAA,EACP,aAAa;AAAA,EACb,OAAO;AAAA,EACP,cAAc;AAAA,EACd,UAAU;AACd;"}