@consumidor-positivo/aurora 0.0.36 → 0.0.37
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.
- package/dist/components/Button/index.es.js +2 -1
- package/dist/components/Button/index.es.js.map +1 -1
- package/dist/components/Drawer/index.es.js +2 -1
- package/dist/components/Drawer/index.es.js.map +1 -1
- package/dist/components/Footer/index.es.js +2 -1
- package/dist/components/Footer/index.es.js.map +1 -1
- package/dist/components/InputField/index.d.ts +12 -0
- package/dist/components/InputField/index.es.js +21 -0
- package/dist/components/InputField/index.es.js.map +1 -0
- package/dist/components/NotificationsBar/index.es.js +2 -1
- package/dist/components/NotificationsBar/index.es.js.map +1 -1
- package/dist/components/ProfileNav/index.es.js +2 -1
- package/dist/components/ProfileNav/index.es.js.map +1 -1
- package/dist/components/styles/styles2.css +1 -0
- package/dist/components/tokens/styles.css +1 -0
- package/dist/main.d.ts +1 -0
- package/dist/main.es.js +117 -214
- package/dist/main.es.js.map +1 -1
- package/dist/tokens-DTUH_PDm.js +289 -0
- package/dist/tokens-DTUH_PDm.js.map +1 -0
- package/package.json +16 -13
- package/dist/components/Drawer/styles.css +0 -1
- package/dist/components/main/styles.css +0 -1
- /package/dist/components/{Button → styles}/styles.css +0 -0
- /package/dist/components/{Footer/styles.css → styles/styles3.css} +0 -0
- /package/dist/components/{NotificationsBar/styles.css → styles/styles4.css} +0 -0
- /package/dist/components/{ProfileNav/styles.css → styles/styles5.css} +0 -0
|
@@ -0,0 +1,289 @@
|
|
|
1
|
+
import { jsxs, jsx } from "react/jsx-runtime";
|
|
2
|
+
import { c as classNames } from "./index-CweZ_OcN.js";
|
|
3
|
+
import { Conditional } from "./components/Conditional/index.es.js";
|
|
4
|
+
import "./components/Icon/index.es.js";
|
|
5
|
+
import { IconAlertCircle } from "./components/icons/IconAlertCircle/index.es.js";
|
|
6
|
+
import { IconCheck } from "./components/icons/IconCheck/index.es.js";
|
|
7
|
+
import { IconSlash } from "./components/icons/IconSlash/index.es.js";
|
|
8
|
+
import './components/styles/styles3.css';import './components/styles/styles5.css';import './components/styles/styles4.css';import './components/styles/styles2.css';import './components/styles/styles.css';import './components/tokens/styles.css';/* empty css */
|
|
9
|
+
/* empty css */
|
|
10
|
+
import "./components/Header/index.es.js";
|
|
11
|
+
import "react";
|
|
12
|
+
import "./components/NavbarVertical/index.es.js";
|
|
13
|
+
import "./components/Text/index.es.js";
|
|
14
|
+
/* empty css */
|
|
15
|
+
/* empty css */
|
|
16
|
+
/* empty css */
|
|
17
|
+
const InputField = ({
|
|
18
|
+
optional,
|
|
19
|
+
requiredInput,
|
|
20
|
+
success,
|
|
21
|
+
error,
|
|
22
|
+
errorMessage,
|
|
23
|
+
label,
|
|
24
|
+
ref,
|
|
25
|
+
id,
|
|
26
|
+
disabled,
|
|
27
|
+
style,
|
|
28
|
+
...props
|
|
29
|
+
}) => {
|
|
30
|
+
const inputClasses = classNames("au-input", {
|
|
31
|
+
"au-input--disabled": disabled,
|
|
32
|
+
"au-input--error": error,
|
|
33
|
+
"au-input--success": success
|
|
34
|
+
});
|
|
35
|
+
const statesFlag = [
|
|
36
|
+
{ state: "optional", value: !!optional, icon: /* @__PURE__ */ jsx("span", { children: "(Opcional)" }) },
|
|
37
|
+
{
|
|
38
|
+
state: "success",
|
|
39
|
+
value: !!success,
|
|
40
|
+
icon: /* @__PURE__ */ jsx(IconCheck, { rawColor: COLOR_SUCCESS_50 })
|
|
41
|
+
},
|
|
42
|
+
{
|
|
43
|
+
state: "error",
|
|
44
|
+
value: !!error,
|
|
45
|
+
icon: /* @__PURE__ */ jsx(IconAlertCircle, { rawColor: COLOR_ERROR_50 })
|
|
46
|
+
},
|
|
47
|
+
{
|
|
48
|
+
state: "disabled",
|
|
49
|
+
value: !!disabled,
|
|
50
|
+
icon: /* @__PURE__ */ jsx(IconSlash, { rawColor: COLOR_NEUTRAL_40 })
|
|
51
|
+
}
|
|
52
|
+
];
|
|
53
|
+
const currentState = statesFlag.find(({ value }) => !!value);
|
|
54
|
+
return /* @__PURE__ */ jsxs("div", { className: inputClasses, style, children: [
|
|
55
|
+
/* @__PURE__ */ jsxs("div", { className: "au-input__header", children: [
|
|
56
|
+
/* @__PURE__ */ jsx(
|
|
57
|
+
Conditional,
|
|
58
|
+
{
|
|
59
|
+
condition: !!label,
|
|
60
|
+
renderIf: /* @__PURE__ */ jsxs("label", { htmlFor: id, className: "au-input__header-label", children: [
|
|
61
|
+
label,
|
|
62
|
+
" ",
|
|
63
|
+
requiredInput && /* @__PURE__ */ jsx("strong", { className: "au-input__header-label--required", children: "*" })
|
|
64
|
+
] })
|
|
65
|
+
}
|
|
66
|
+
),
|
|
67
|
+
/* @__PURE__ */ jsx("div", { className: "au-input__header-icon", children: currentState == null ? void 0 : currentState.icon })
|
|
68
|
+
] }),
|
|
69
|
+
/* @__PURE__ */ jsx(
|
|
70
|
+
"input",
|
|
71
|
+
{
|
|
72
|
+
id,
|
|
73
|
+
className: "au-input__field",
|
|
74
|
+
ref,
|
|
75
|
+
disabled,
|
|
76
|
+
...props
|
|
77
|
+
}
|
|
78
|
+
),
|
|
79
|
+
/* @__PURE__ */ jsx(
|
|
80
|
+
Conditional,
|
|
81
|
+
{
|
|
82
|
+
condition: !!errorMessage && !!error,
|
|
83
|
+
renderIf: /* @__PURE__ */ jsx("p", { className: "au-input__error-message", children: errorMessage })
|
|
84
|
+
}
|
|
85
|
+
)
|
|
86
|
+
] });
|
|
87
|
+
};
|
|
88
|
+
const BORDER_RADIUS_SMALL = "4px";
|
|
89
|
+
const BORDER_RADIUS_MEDIUM = "8px";
|
|
90
|
+
const BORDER_RADIUS_BIG = "16px";
|
|
91
|
+
const BORDER_RADIUS_PILL = "999px";
|
|
92
|
+
const COLOR_NEUTRAL_70 = "#16181d";
|
|
93
|
+
const COLOR_NEUTRAL_60 = "#313131";
|
|
94
|
+
const COLOR_NEUTRAL_50 = "#454a54";
|
|
95
|
+
const COLOR_NEUTRAL_40 = "#5e6573";
|
|
96
|
+
const COLOR_NEUTRAL_30 = "#c4c9d4";
|
|
97
|
+
const COLOR_NEUTRAL_20 = "#e2e4e9";
|
|
98
|
+
const COLOR_NEUTRAL_10 = "#f6f7fa";
|
|
99
|
+
const COLOR_NEUTRAL_00 = "#ffffff";
|
|
100
|
+
const COLOR_BRAND_BLUE_60 = "#18256c";
|
|
101
|
+
const COLOR_BRAND_BLUE_50 = "#1737a4";
|
|
102
|
+
const COLOR_BRAND_BLUE_40 = "#0048db";
|
|
103
|
+
const COLOR_BRAND_BLUE_30 = "#9abcff";
|
|
104
|
+
const COLOR_BRAND_BLUE_20 = "#dce8ff";
|
|
105
|
+
const COLOR_BRAND_BLUE_10 = "#fafbff";
|
|
106
|
+
const COLOR_BRAND_EMERALD_60 = "#013220";
|
|
107
|
+
const COLOR_BRAND_EMERALD_50 = "#026441";
|
|
108
|
+
const COLOR_BRAND_EMERALD_40 = "#04d98c";
|
|
109
|
+
const COLOR_BRAND_EMERALD_30 = "#95f0cf";
|
|
110
|
+
const COLOR_BRAND_EMERALD_20 = "#ccf2e4";
|
|
111
|
+
const COLOR_BRAND_EMERALD_10 = "#edfef7";
|
|
112
|
+
const COLOR_BRAND_CYAN_60 = "#004155";
|
|
113
|
+
const COLOR_BRAND_CYAN_50 = "#005c77";
|
|
114
|
+
const COLOR_BRAND_CYAN_40 = "#02bedf";
|
|
115
|
+
const COLOR_BRAND_CYAN_30 = "#3edcff";
|
|
116
|
+
const COLOR_BRAND_CYAN_20 = "#ccf3ff";
|
|
117
|
+
const COLOR_BRAND_CYAN_10 = "#f1fcff";
|
|
118
|
+
const COLOR_SUCCESS_60 = "#08331a";
|
|
119
|
+
const COLOR_SUCCESS_50 = "#10593b";
|
|
120
|
+
const COLOR_SUCCESS_40 = "#138040";
|
|
121
|
+
const COLOR_SUCCESS_30 = "#66cc90";
|
|
122
|
+
const COLOR_SUCCESS_20 = "#a1e5bd";
|
|
123
|
+
const COLOR_SUCCESS_10 = "#e5fff0";
|
|
124
|
+
const COLOR_SUCCESS_00 = "#f0fcf5";
|
|
125
|
+
const COLOR_ERROR_60 = "#731111";
|
|
126
|
+
const COLOR_ERROR_50 = "#991717";
|
|
127
|
+
const COLOR_ERROR_40 = "#e52222";
|
|
128
|
+
const COLOR_ERROR_30 = "#ff8080";
|
|
129
|
+
const COLOR_ERROR_20 = "#ffbfbf";
|
|
130
|
+
const COLOR_ERROR_10 = "#ffe5e5";
|
|
131
|
+
const COLOR_ERROR_00 = "#f5eff0";
|
|
132
|
+
const COLOR_WARNING_60 = "#803500";
|
|
133
|
+
const COLOR_WARNING_50 = "#a64a08";
|
|
134
|
+
const COLOR_WARNING_40 = "#fa822c";
|
|
135
|
+
const COLOR_WARNING_30 = "#ffc59c";
|
|
136
|
+
const COLOR_WARNING_20 = "#ffdabf";
|
|
137
|
+
const COLOR_WARNING_10 = "#fff0e6";
|
|
138
|
+
const COLOR_WARNING_00 = "#fcf4f0";
|
|
139
|
+
const COLOR_INFO_60 = "#46008c";
|
|
140
|
+
const COLOR_INFO_50 = "#510cb2";
|
|
141
|
+
const COLOR_INFO_40 = "#6728e5";
|
|
142
|
+
const COLOR_INFO_30 = "#bd9cff";
|
|
143
|
+
const COLOR_INFO_20 = "#d4bfff";
|
|
144
|
+
const COLOR_INFO_10 = "#eee6ff";
|
|
145
|
+
const COLOR_INFO_00 = "#f3f0fc";
|
|
146
|
+
const SPACING_050 = "4px";
|
|
147
|
+
const SPACING_100 = "8px";
|
|
148
|
+
const SPACING_200 = "16px";
|
|
149
|
+
const SPACING_300 = "24px";
|
|
150
|
+
const SPACING_400 = "32px";
|
|
151
|
+
const SPACING_500 = "40px";
|
|
152
|
+
const SPACING_600 = "48px";
|
|
153
|
+
const SPACING_700 = "56px";
|
|
154
|
+
const SPACING_800 = "64px";
|
|
155
|
+
const SPACING_900 = "72px";
|
|
156
|
+
const BREAKPOINT_XSM = "0px";
|
|
157
|
+
const BREAKPOINT_SM = "320px";
|
|
158
|
+
const BREAKPOINT_MD = "600px";
|
|
159
|
+
const BREAKPOINT_LG = "1024px";
|
|
160
|
+
const BREAKPOINT_XLG = "1920px";
|
|
161
|
+
const CONTAINER_SIZE = "1240px";
|
|
162
|
+
const OPACITY_00 = "0.05";
|
|
163
|
+
const OPACITY_10 = "0.2";
|
|
164
|
+
const OPACITY_20 = "0.4";
|
|
165
|
+
const OPACITY_30 = "0.6";
|
|
166
|
+
const OPACITY_40 = "0.8";
|
|
167
|
+
const SHADOW_01 = "0px 2px 8px 0px rgba(169, 177, 197, 0.08), 0px 4px 4px 0px rgba(0, 72, 219, 0.04)";
|
|
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
|
+
const SHADOW_03 = "0px 16px 40px 0px rgba(118, 134, 173, 0.08), 0px 8px 8px 0px rgba(0, 72, 219, 0.04)";
|
|
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 Variable', 'Lexend Deca', sans-serif";
|
|
172
|
+
const FONT_SOURCE_SANS_3 = "'Source Sans 3 Variable', 'Source Sans 3', sans-serif";
|
|
173
|
+
const FONT_WEIGHT_BOLD = "700";
|
|
174
|
+
const FONT_WEIGHT_SEMIBOLD = "600";
|
|
175
|
+
const FONT_WEIGHT_MEDIUM = "500";
|
|
176
|
+
const FONT_WEIGHT_REGULAR = "400";
|
|
177
|
+
const FONT_SIZE_H1 = "56px";
|
|
178
|
+
const FONT_SIZE_H2 = "48px";
|
|
179
|
+
const FONT_SIZE_H3 = "40px";
|
|
180
|
+
const FONT_SIZE_H4 = "32px";
|
|
181
|
+
const FONT_SIZE_H5 = "28px";
|
|
182
|
+
const FONT_SIZE_H6 = "24px";
|
|
183
|
+
const FONT_SIZE_P1 = "20px";
|
|
184
|
+
const FONT_SIZE_P2 = "16px";
|
|
185
|
+
const FONT_SIZE_P3 = "14px";
|
|
186
|
+
const FONT_SIZE_P4 = "12px";
|
|
187
|
+
export {
|
|
188
|
+
COLOR_INFO_50 as $,
|
|
189
|
+
COLOR_BRAND_CYAN_20 as A,
|
|
190
|
+
BORDER_RADIUS_SMALL as B,
|
|
191
|
+
COLOR_NEUTRAL_70 as C,
|
|
192
|
+
COLOR_BRAND_CYAN_10 as D,
|
|
193
|
+
COLOR_SUCCESS_60 as E,
|
|
194
|
+
COLOR_SUCCESS_50 as F,
|
|
195
|
+
COLOR_SUCCESS_40 as G,
|
|
196
|
+
COLOR_SUCCESS_30 as H,
|
|
197
|
+
InputField as I,
|
|
198
|
+
COLOR_SUCCESS_20 as J,
|
|
199
|
+
COLOR_SUCCESS_10 as K,
|
|
200
|
+
COLOR_SUCCESS_00 as L,
|
|
201
|
+
COLOR_ERROR_60 as M,
|
|
202
|
+
COLOR_ERROR_50 as N,
|
|
203
|
+
COLOR_ERROR_40 as O,
|
|
204
|
+
COLOR_ERROR_30 as P,
|
|
205
|
+
COLOR_ERROR_20 as Q,
|
|
206
|
+
COLOR_ERROR_10 as R,
|
|
207
|
+
COLOR_ERROR_00 as S,
|
|
208
|
+
COLOR_WARNING_60 as T,
|
|
209
|
+
COLOR_WARNING_50 as U,
|
|
210
|
+
COLOR_WARNING_40 as V,
|
|
211
|
+
COLOR_WARNING_30 as W,
|
|
212
|
+
COLOR_WARNING_20 as X,
|
|
213
|
+
COLOR_WARNING_10 as Y,
|
|
214
|
+
COLOR_WARNING_00 as Z,
|
|
215
|
+
COLOR_INFO_60 as _,
|
|
216
|
+
BORDER_RADIUS_MEDIUM as a,
|
|
217
|
+
COLOR_INFO_40 as a0,
|
|
218
|
+
COLOR_INFO_30 as a1,
|
|
219
|
+
COLOR_INFO_20 as a2,
|
|
220
|
+
COLOR_INFO_10 as a3,
|
|
221
|
+
COLOR_INFO_00 as a4,
|
|
222
|
+
SPACING_050 as a5,
|
|
223
|
+
SPACING_100 as a6,
|
|
224
|
+
SPACING_200 as a7,
|
|
225
|
+
SPACING_300 as a8,
|
|
226
|
+
SPACING_400 as a9,
|
|
227
|
+
FONT_SIZE_H1 as aA,
|
|
228
|
+
FONT_SIZE_H2 as aB,
|
|
229
|
+
FONT_SIZE_H3 as aC,
|
|
230
|
+
FONT_SIZE_H4 as aD,
|
|
231
|
+
FONT_SIZE_H5 as aE,
|
|
232
|
+
FONT_SIZE_H6 as aF,
|
|
233
|
+
FONT_SIZE_P1 as aG,
|
|
234
|
+
FONT_SIZE_P2 as aH,
|
|
235
|
+
FONT_SIZE_P3 as aI,
|
|
236
|
+
FONT_SIZE_P4 as aJ,
|
|
237
|
+
SPACING_500 as aa,
|
|
238
|
+
SPACING_600 as ab,
|
|
239
|
+
SPACING_700 as ac,
|
|
240
|
+
SPACING_800 as ad,
|
|
241
|
+
SPACING_900 as ae,
|
|
242
|
+
BREAKPOINT_XSM as af,
|
|
243
|
+
BREAKPOINT_SM as ag,
|
|
244
|
+
BREAKPOINT_MD as ah,
|
|
245
|
+
BREAKPOINT_LG as ai,
|
|
246
|
+
BREAKPOINT_XLG as aj,
|
|
247
|
+
CONTAINER_SIZE as ak,
|
|
248
|
+
OPACITY_00 as al,
|
|
249
|
+
OPACITY_10 as am,
|
|
250
|
+
OPACITY_20 as an,
|
|
251
|
+
OPACITY_30 as ao,
|
|
252
|
+
OPACITY_40 as ap,
|
|
253
|
+
SHADOW_01 as aq,
|
|
254
|
+
SHADOW_02 as ar,
|
|
255
|
+
SHADOW_03 as as,
|
|
256
|
+
SHADOW_04 as at,
|
|
257
|
+
FONT_LEXEND_DECA as au,
|
|
258
|
+
FONT_SOURCE_SANS_3 as av,
|
|
259
|
+
FONT_WEIGHT_BOLD as aw,
|
|
260
|
+
FONT_WEIGHT_SEMIBOLD as ax,
|
|
261
|
+
FONT_WEIGHT_MEDIUM as ay,
|
|
262
|
+
FONT_WEIGHT_REGULAR as az,
|
|
263
|
+
BORDER_RADIUS_BIG as b,
|
|
264
|
+
BORDER_RADIUS_PILL as c,
|
|
265
|
+
COLOR_NEUTRAL_60 as d,
|
|
266
|
+
COLOR_NEUTRAL_50 as e,
|
|
267
|
+
COLOR_NEUTRAL_40 as f,
|
|
268
|
+
COLOR_NEUTRAL_30 as g,
|
|
269
|
+
COLOR_NEUTRAL_20 as h,
|
|
270
|
+
COLOR_NEUTRAL_10 as i,
|
|
271
|
+
COLOR_NEUTRAL_00 as j,
|
|
272
|
+
COLOR_BRAND_BLUE_60 as k,
|
|
273
|
+
COLOR_BRAND_BLUE_50 as l,
|
|
274
|
+
COLOR_BRAND_BLUE_40 as m,
|
|
275
|
+
COLOR_BRAND_BLUE_30 as n,
|
|
276
|
+
COLOR_BRAND_BLUE_20 as o,
|
|
277
|
+
COLOR_BRAND_BLUE_10 as p,
|
|
278
|
+
COLOR_BRAND_EMERALD_60 as q,
|
|
279
|
+
COLOR_BRAND_EMERALD_50 as r,
|
|
280
|
+
COLOR_BRAND_EMERALD_40 as s,
|
|
281
|
+
COLOR_BRAND_EMERALD_30 as t,
|
|
282
|
+
COLOR_BRAND_EMERALD_20 as u,
|
|
283
|
+
COLOR_BRAND_EMERALD_10 as v,
|
|
284
|
+
COLOR_BRAND_CYAN_60 as w,
|
|
285
|
+
COLOR_BRAND_CYAN_50 as x,
|
|
286
|
+
COLOR_BRAND_CYAN_40 as y,
|
|
287
|
+
COLOR_BRAND_CYAN_30 as z
|
|
288
|
+
};
|
|
289
|
+
//# sourceMappingURL=tokens-DTUH_PDm.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"tokens-DTUH_PDm.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 Variable', 'Lexend Deca', sans-serif\";\nexport const FONT_SOURCE_SANS_3 = \"'Source Sans 3 Variable', '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
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@consumidor-positivo/aurora",
|
|
3
3
|
"private": false,
|
|
4
|
-
"version": "0.0.
|
|
4
|
+
"version": "0.0.37",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"main": "./dist/main.es.js",
|
|
7
7
|
"modules": "./dist/main.es.js",
|
|
@@ -46,17 +46,17 @@
|
|
|
46
46
|
"devDependencies": {
|
|
47
47
|
"@chromatic-com/storybook": "1.6.1",
|
|
48
48
|
"@rollup/plugin-terser": "0.4.4",
|
|
49
|
-
"@storybook/addon-docs": "
|
|
50
|
-
"@storybook/addon-essentials": "
|
|
51
|
-
"@storybook/addon-interactions": "
|
|
52
|
-
"@storybook/addon-links": "
|
|
53
|
-
"@storybook/addon-onboarding": "
|
|
54
|
-
"@storybook/blocks": "
|
|
55
|
-
"@storybook/manager-api": "
|
|
56
|
-
"@storybook/react": "
|
|
57
|
-
"@storybook/react-vite": "
|
|
58
|
-
"@storybook/test": "
|
|
59
|
-
"@storybook/theming": "
|
|
49
|
+
"@storybook/addon-docs": "8.2.7",
|
|
50
|
+
"@storybook/addon-essentials": "8.2.7",
|
|
51
|
+
"@storybook/addon-interactions": "8.2.7",
|
|
52
|
+
"@storybook/addon-links": "8.2.7",
|
|
53
|
+
"@storybook/addon-onboarding": "8.2.7",
|
|
54
|
+
"@storybook/blocks": "8.2.7",
|
|
55
|
+
"@storybook/manager-api": "8.2.7",
|
|
56
|
+
"@storybook/react": "8.2.7",
|
|
57
|
+
"@storybook/react-vite": "8.2.7",
|
|
58
|
+
"@storybook/test": "8.2.7",
|
|
59
|
+
"@storybook/theming": "8.2.7",
|
|
60
60
|
"@types/react": "18.3.3",
|
|
61
61
|
"@types/react-dom": "18.3.0",
|
|
62
62
|
"@typescript-eslint/eslint-plugin": "7.15.0",
|
|
@@ -78,12 +78,15 @@
|
|
|
78
78
|
"rimraf": "6.0.1",
|
|
79
79
|
"rollup-plugin-css-only": "4.5.2",
|
|
80
80
|
"sass": "1.77.8",
|
|
81
|
-
"storybook": "
|
|
81
|
+
"storybook": "8.2.7",
|
|
82
82
|
"storybook-addon-pseudo-states": "3.1.1",
|
|
83
83
|
"tsx": "4.17.0",
|
|
84
84
|
"typescript": "5.2.2",
|
|
85
85
|
"vite": "5.3.4",
|
|
86
86
|
"vite-plugin-lib-inject-css": "2.1.1",
|
|
87
87
|
"vite-plugin-static-copy": "1.0.6"
|
|
88
|
+
},
|
|
89
|
+
"optionalDependencies": {
|
|
90
|
+
"@rollup/rollup-linux-x64-gnu": "4.21.1"
|
|
88
91
|
}
|
|
89
92
|
}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
.au-drawer{height:100vh;width:100vw;position:fixed;top:0;left:0;background-color:#16181dcc;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .3s ease,visibility .4s ease;z-index:5}.au-drawer.is-open{opacity:1;visibility:visible;pointer-events:all;transition:opacity .3s ease}.au-drawer.is-open [class*=__container]{transform:translateY(0)}.au-drawer__container{background-color:#fff;width:100%;height:100vh;position:fixed;z-index:6;top:0;right:0;transform:translate(100%);transition:transform .3s ease;overflow:hidden}@media (min-width: 600px){.au-drawer__container{border-radius:16px 0 0 16px;box-shadow:0 24px 56px #7686ad14,0 12px 12px #0048db0a;max-width:414px}}.au-drawer__header{position:relative;border-bottom:1px solid #e2e4e9;padding:16px 24px;height:80px;display:flex;align-items:center;justify-content:space-between}.au-drawer__header-close{cursor:pointer}.au-drawer__header .au-logo{margin:8px 0;display:block;height:100%}.au-drawer__header .au-logo svg{height:100%}.au-drawer__content{height:calc(100% - 80px)}
|
|
@@ -1 +0,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 Variable","Source Sans 3",sans-serif;background-color:#fff}
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|