@pedidopago/ui 1.16.73 → 1.17.0
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/Flex/styles.d.ts +144 -0
- package/dist/components/Flex/styles.d.ts.map +1 -1
- package/dist/components/Grid/styles.d.ts +144 -0
- package/dist/components/Grid/styles.d.ts.map +1 -1
- package/dist/components/NewAlert/components/AlertBody/index.d.ts +6 -0
- package/dist/components/NewAlert/components/AlertBody/index.d.ts.map +1 -0
- package/dist/components/NewAlert/components/AlertBody/index.js +1 -0
- package/dist/components/NewAlert/components/AlertButton/index.d.ts +3 -0
- package/dist/components/NewAlert/components/AlertButton/index.d.ts.map +1 -0
- package/dist/components/NewAlert/components/AlertButton/index.js +3 -0
- package/dist/components/NewAlert/components/AlertButton/types.d.ts +3 -0
- package/dist/components/NewAlert/components/AlertButton/types.d.ts.map +1 -0
- package/dist/components/NewAlert/components/AlertButton/types.js +1 -0
- package/dist/components/NewAlert/components/AlertButtonContainer/index.d.ts +6 -0
- package/dist/components/NewAlert/components/AlertButtonContainer/index.d.ts.map +1 -0
- package/dist/components/NewAlert/components/AlertButtonContainer/index.js +1 -0
- package/dist/components/NewAlert/components/AlertContent/index.d.ts +3 -0
- package/dist/components/NewAlert/components/AlertContent/index.d.ts.map +1 -0
- package/dist/components/NewAlert/components/AlertContent/index.js +3 -0
- package/dist/components/NewAlert/components/AlertContent/types.d.ts +3 -0
- package/dist/components/NewAlert/components/AlertContent/types.d.ts.map +1 -0
- package/dist/components/NewAlert/components/AlertContent/types.js +1 -0
- package/dist/components/NewAlert/components/AlertHeader/index.d.ts +3 -0
- package/dist/components/NewAlert/components/AlertHeader/index.d.ts.map +1 -0
- package/dist/components/NewAlert/components/AlertHeader/index.js +5 -0
- package/dist/components/NewAlert/components/AlertHeader/styles.d.ts +7 -0
- package/dist/components/NewAlert/components/AlertHeader/styles.d.ts.map +1 -0
- package/dist/components/NewAlert/components/AlertHeader/styles.js +1 -0
- package/dist/components/NewAlert/components/AlertHeader/types.d.ts +6 -0
- package/dist/components/NewAlert/components/AlertHeader/types.d.ts.map +1 -0
- package/dist/components/NewAlert/components/AlertHeader/types.js +1 -0
- package/dist/components/NewAlert/components/AlertIcon/index.d.ts +3 -0
- package/dist/components/NewAlert/components/AlertIcon/index.d.ts.map +1 -0
- package/dist/components/NewAlert/components/AlertIcon/index.js +3 -0
- package/dist/components/NewAlert/components/AlertIcon/types.d.ts +6 -0
- package/dist/components/NewAlert/components/AlertIcon/types.d.ts.map +1 -0
- package/dist/components/NewAlert/components/AlertIcon/types.js +1 -0
- package/dist/components/NewAlert/components/AlertTitle/index.d.ts +3 -0
- package/dist/components/NewAlert/components/AlertTitle/index.d.ts.map +1 -0
- package/dist/components/NewAlert/components/AlertTitle/index.js +3 -0
- package/dist/components/NewAlert/components/AlertTitle/types.d.ts +3 -0
- package/dist/components/NewAlert/components/AlertTitle/types.d.ts.map +1 -0
- package/dist/components/NewAlert/components/AlertTitle/types.js +1 -0
- package/dist/components/NewAlert/constants.d.ts +7 -0
- package/dist/components/NewAlert/constants.d.ts.map +1 -0
- package/dist/components/NewAlert/constants.js +1 -0
- package/dist/components/NewAlert/contexts/alert-context/index.d.ts +11 -0
- package/dist/components/NewAlert/contexts/alert-context/index.d.ts.map +1 -0
- package/dist/components/NewAlert/contexts/alert-context/index.js +1 -0
- package/dist/components/NewAlert/index.d.ts +4 -0
- package/dist/components/NewAlert/index.d.ts.map +1 -0
- package/dist/components/NewAlert/index.js +5 -0
- package/dist/components/NewAlert/styles.d.ts +7 -0
- package/dist/components/NewAlert/styles.d.ts.map +1 -0
- package/dist/components/NewAlert/styles.js +1 -0
- package/dist/components/NewAlert/types.d.ts +14 -0
- package/dist/components/NewAlert/types.d.ts.map +1 -0
- package/dist/components/NewAlert/types.js +1 -0
- package/dist/components/Progress/Linear/types.d.ts +1 -1
- package/dist/components/Progress/Linear/types.d.ts.map +1 -1
- package/dist/components/Progress/types.d.ts +1 -1
- package/dist/components/Progress/types.d.ts.map +1 -1
- package/dist/components/Spinner/styles.d.ts +144 -0
- package/dist/components/Spinner/styles.d.ts.map +1 -1
- package/dist/components/Tag/styles.d.ts +432 -0
- package/dist/components/Tag/styles.d.ts.map +1 -1
- package/dist/index.d.ts +1 -0
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +1 -1
- package/dist/shared/theme/hooks/useTheme.d.ts +144 -0
- package/dist/shared/theme/hooks/useTheme.d.ts.map +1 -1
- package/dist/shared/theme/objects/colors.d.ts +96 -0
- package/dist/shared/theme/objects/colors.d.ts.map +1 -1
- package/dist/shared/theme/objects/colors.js +1 -1
- package/dist/shared/theme/theme.d.ts +144 -0
- package/dist/shared/theme/theme.d.ts.map +1 -1
- package/package.json +1 -1
|
@@ -122,6 +122,54 @@ export declare const StyledFlexContainer: import("@emotion/styled").StyledCompon
|
|
|
122
122
|
dark: string;
|
|
123
123
|
gradient: string;
|
|
124
124
|
};
|
|
125
|
+
emerald: {
|
|
126
|
+
50: string;
|
|
127
|
+
100: string;
|
|
128
|
+
200: string;
|
|
129
|
+
300: string;
|
|
130
|
+
400: string;
|
|
131
|
+
default: string;
|
|
132
|
+
};
|
|
133
|
+
blue: {
|
|
134
|
+
50: string;
|
|
135
|
+
100: string;
|
|
136
|
+
200: string;
|
|
137
|
+
300: string;
|
|
138
|
+
400: string;
|
|
139
|
+
default: string;
|
|
140
|
+
};
|
|
141
|
+
orange: {
|
|
142
|
+
50: string;
|
|
143
|
+
100: string;
|
|
144
|
+
200: string;
|
|
145
|
+
300: string;
|
|
146
|
+
400: string;
|
|
147
|
+
default: string;
|
|
148
|
+
};
|
|
149
|
+
amber: {
|
|
150
|
+
50: string;
|
|
151
|
+
100: string;
|
|
152
|
+
200: string;
|
|
153
|
+
300: string;
|
|
154
|
+
400: string;
|
|
155
|
+
default: string;
|
|
156
|
+
};
|
|
157
|
+
red: {
|
|
158
|
+
50: string;
|
|
159
|
+
100: string;
|
|
160
|
+
200: string;
|
|
161
|
+
300: string;
|
|
162
|
+
400: string;
|
|
163
|
+
default: string;
|
|
164
|
+
};
|
|
165
|
+
rose: {
|
|
166
|
+
50: string;
|
|
167
|
+
100: string;
|
|
168
|
+
200: string;
|
|
169
|
+
300: string;
|
|
170
|
+
400: string;
|
|
171
|
+
default: string;
|
|
172
|
+
};
|
|
125
173
|
};
|
|
126
174
|
lightColors: {
|
|
127
175
|
body: {
|
|
@@ -206,6 +254,54 @@ export declare const StyledFlexContainer: import("@emotion/styled").StyledCompon
|
|
|
206
254
|
dark: string;
|
|
207
255
|
gradient: string;
|
|
208
256
|
};
|
|
257
|
+
emerald: {
|
|
258
|
+
50: string;
|
|
259
|
+
100: string;
|
|
260
|
+
200: string;
|
|
261
|
+
300: string;
|
|
262
|
+
400: string;
|
|
263
|
+
default: string;
|
|
264
|
+
};
|
|
265
|
+
blue: {
|
|
266
|
+
50: string;
|
|
267
|
+
100: string;
|
|
268
|
+
200: string;
|
|
269
|
+
300: string;
|
|
270
|
+
400: string;
|
|
271
|
+
default: string;
|
|
272
|
+
};
|
|
273
|
+
orange: {
|
|
274
|
+
50: string;
|
|
275
|
+
100: string;
|
|
276
|
+
200: string;
|
|
277
|
+
300: string;
|
|
278
|
+
400: string;
|
|
279
|
+
default: string;
|
|
280
|
+
};
|
|
281
|
+
amber: {
|
|
282
|
+
50: string;
|
|
283
|
+
100: string;
|
|
284
|
+
200: string;
|
|
285
|
+
300: string;
|
|
286
|
+
400: string;
|
|
287
|
+
default: string;
|
|
288
|
+
};
|
|
289
|
+
red: {
|
|
290
|
+
50: string;
|
|
291
|
+
100: string;
|
|
292
|
+
200: string;
|
|
293
|
+
300: string;
|
|
294
|
+
400: string;
|
|
295
|
+
default: string;
|
|
296
|
+
};
|
|
297
|
+
rose: {
|
|
298
|
+
50: string;
|
|
299
|
+
100: string;
|
|
300
|
+
200: string;
|
|
301
|
+
300: string;
|
|
302
|
+
400: string;
|
|
303
|
+
default: string;
|
|
304
|
+
};
|
|
209
305
|
};
|
|
210
306
|
darkColors: {
|
|
211
307
|
body: {
|
|
@@ -290,6 +386,54 @@ export declare const StyledFlexContainer: import("@emotion/styled").StyledCompon
|
|
|
290
386
|
dark: string;
|
|
291
387
|
gradient: string;
|
|
292
388
|
};
|
|
389
|
+
emerald: {
|
|
390
|
+
50: string;
|
|
391
|
+
100: string;
|
|
392
|
+
200: string;
|
|
393
|
+
300: string;
|
|
394
|
+
400: string;
|
|
395
|
+
default: string;
|
|
396
|
+
};
|
|
397
|
+
blue: {
|
|
398
|
+
50: string;
|
|
399
|
+
100: string;
|
|
400
|
+
200: string;
|
|
401
|
+
300: string;
|
|
402
|
+
400: string;
|
|
403
|
+
default: string;
|
|
404
|
+
};
|
|
405
|
+
orange: {
|
|
406
|
+
50: string;
|
|
407
|
+
100: string;
|
|
408
|
+
200: string;
|
|
409
|
+
300: string;
|
|
410
|
+
400: string;
|
|
411
|
+
default: string;
|
|
412
|
+
};
|
|
413
|
+
amber: {
|
|
414
|
+
50: string;
|
|
415
|
+
100: string;
|
|
416
|
+
200: string;
|
|
417
|
+
300: string;
|
|
418
|
+
400: string;
|
|
419
|
+
default: string;
|
|
420
|
+
};
|
|
421
|
+
red: {
|
|
422
|
+
50: string;
|
|
423
|
+
100: string;
|
|
424
|
+
200: string;
|
|
425
|
+
300: string;
|
|
426
|
+
400: string;
|
|
427
|
+
default: string;
|
|
428
|
+
};
|
|
429
|
+
rose: {
|
|
430
|
+
50: string;
|
|
431
|
+
100: string;
|
|
432
|
+
200: string;
|
|
433
|
+
300: string;
|
|
434
|
+
400: string;
|
|
435
|
+
default: string;
|
|
436
|
+
};
|
|
293
437
|
};
|
|
294
438
|
space: {
|
|
295
439
|
px: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/components/Flex/styles.ts"],"names":[],"mappings":";AAKA,eAAO,MAAM,mBAAmB
|
|
1
|
+
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/components/Flex/styles.ts"],"names":[],"mappings":";AAKA,eAAO,MAAM,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;yGAyZ9B,CAAC"}
|
|
@@ -122,6 +122,54 @@ export declare const GridComponent: import("@emotion/styled").StyledComponent<{
|
|
|
122
122
|
dark: string;
|
|
123
123
|
gradient: string;
|
|
124
124
|
};
|
|
125
|
+
emerald: {
|
|
126
|
+
50: string;
|
|
127
|
+
100: string;
|
|
128
|
+
200: string;
|
|
129
|
+
300: string;
|
|
130
|
+
400: string;
|
|
131
|
+
default: string;
|
|
132
|
+
};
|
|
133
|
+
blue: {
|
|
134
|
+
50: string;
|
|
135
|
+
100: string;
|
|
136
|
+
200: string;
|
|
137
|
+
300: string;
|
|
138
|
+
400: string;
|
|
139
|
+
default: string;
|
|
140
|
+
};
|
|
141
|
+
orange: {
|
|
142
|
+
50: string;
|
|
143
|
+
100: string;
|
|
144
|
+
200: string;
|
|
145
|
+
300: string;
|
|
146
|
+
400: string;
|
|
147
|
+
default: string;
|
|
148
|
+
};
|
|
149
|
+
amber: {
|
|
150
|
+
50: string;
|
|
151
|
+
100: string;
|
|
152
|
+
200: string;
|
|
153
|
+
300: string;
|
|
154
|
+
400: string;
|
|
155
|
+
default: string;
|
|
156
|
+
};
|
|
157
|
+
red: {
|
|
158
|
+
50: string;
|
|
159
|
+
100: string;
|
|
160
|
+
200: string;
|
|
161
|
+
300: string;
|
|
162
|
+
400: string;
|
|
163
|
+
default: string;
|
|
164
|
+
};
|
|
165
|
+
rose: {
|
|
166
|
+
50: string;
|
|
167
|
+
100: string;
|
|
168
|
+
200: string;
|
|
169
|
+
300: string;
|
|
170
|
+
400: string;
|
|
171
|
+
default: string;
|
|
172
|
+
};
|
|
125
173
|
};
|
|
126
174
|
lightColors: {
|
|
127
175
|
body: {
|
|
@@ -206,6 +254,54 @@ export declare const GridComponent: import("@emotion/styled").StyledComponent<{
|
|
|
206
254
|
dark: string;
|
|
207
255
|
gradient: string;
|
|
208
256
|
};
|
|
257
|
+
emerald: {
|
|
258
|
+
50: string;
|
|
259
|
+
100: string;
|
|
260
|
+
200: string;
|
|
261
|
+
300: string;
|
|
262
|
+
400: string;
|
|
263
|
+
default: string;
|
|
264
|
+
};
|
|
265
|
+
blue: {
|
|
266
|
+
50: string;
|
|
267
|
+
100: string;
|
|
268
|
+
200: string;
|
|
269
|
+
300: string;
|
|
270
|
+
400: string;
|
|
271
|
+
default: string;
|
|
272
|
+
};
|
|
273
|
+
orange: {
|
|
274
|
+
50: string;
|
|
275
|
+
100: string;
|
|
276
|
+
200: string;
|
|
277
|
+
300: string;
|
|
278
|
+
400: string;
|
|
279
|
+
default: string;
|
|
280
|
+
};
|
|
281
|
+
amber: {
|
|
282
|
+
50: string;
|
|
283
|
+
100: string;
|
|
284
|
+
200: string;
|
|
285
|
+
300: string;
|
|
286
|
+
400: string;
|
|
287
|
+
default: string;
|
|
288
|
+
};
|
|
289
|
+
red: {
|
|
290
|
+
50: string;
|
|
291
|
+
100: string;
|
|
292
|
+
200: string;
|
|
293
|
+
300: string;
|
|
294
|
+
400: string;
|
|
295
|
+
default: string;
|
|
296
|
+
};
|
|
297
|
+
rose: {
|
|
298
|
+
50: string;
|
|
299
|
+
100: string;
|
|
300
|
+
200: string;
|
|
301
|
+
300: string;
|
|
302
|
+
400: string;
|
|
303
|
+
default: string;
|
|
304
|
+
};
|
|
209
305
|
};
|
|
210
306
|
darkColors: {
|
|
211
307
|
body: {
|
|
@@ -290,6 +386,54 @@ export declare const GridComponent: import("@emotion/styled").StyledComponent<{
|
|
|
290
386
|
dark: string;
|
|
291
387
|
gradient: string;
|
|
292
388
|
};
|
|
389
|
+
emerald: {
|
|
390
|
+
50: string;
|
|
391
|
+
100: string;
|
|
392
|
+
200: string;
|
|
393
|
+
300: string;
|
|
394
|
+
400: string;
|
|
395
|
+
default: string;
|
|
396
|
+
};
|
|
397
|
+
blue: {
|
|
398
|
+
50: string;
|
|
399
|
+
100: string;
|
|
400
|
+
200: string;
|
|
401
|
+
300: string;
|
|
402
|
+
400: string;
|
|
403
|
+
default: string;
|
|
404
|
+
};
|
|
405
|
+
orange: {
|
|
406
|
+
50: string;
|
|
407
|
+
100: string;
|
|
408
|
+
200: string;
|
|
409
|
+
300: string;
|
|
410
|
+
400: string;
|
|
411
|
+
default: string;
|
|
412
|
+
};
|
|
413
|
+
amber: {
|
|
414
|
+
50: string;
|
|
415
|
+
100: string;
|
|
416
|
+
200: string;
|
|
417
|
+
300: string;
|
|
418
|
+
400: string;
|
|
419
|
+
default: string;
|
|
420
|
+
};
|
|
421
|
+
red: {
|
|
422
|
+
50: string;
|
|
423
|
+
100: string;
|
|
424
|
+
200: string;
|
|
425
|
+
300: string;
|
|
426
|
+
400: string;
|
|
427
|
+
default: string;
|
|
428
|
+
};
|
|
429
|
+
rose: {
|
|
430
|
+
50: string;
|
|
431
|
+
100: string;
|
|
432
|
+
200: string;
|
|
433
|
+
300: string;
|
|
434
|
+
400: string;
|
|
435
|
+
default: string;
|
|
436
|
+
};
|
|
293
437
|
};
|
|
294
438
|
space: {
|
|
295
439
|
px: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/components/Grid/styles.ts"],"names":[],"mappings":";AAKA,eAAO,MAAM,aAAa
|
|
1
|
+
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/components/Grid/styles.ts"],"names":[],"mappings":";AAKA,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;yGA4azB,CAAC"}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
export declare const AlertBody: import("@emotion/styled").StyledComponent<{
|
|
3
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
4
|
+
as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
|
|
5
|
+
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
6
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/NewAlert/components/AlertBody/index.tsx"],"names":[],"mappings":";AAEA,eAAO,MAAM,SAAS;;;yGASrB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.AlertBody=void 0;var _templateObject,_styled=_interopRequireDefault(require("@emotion/styled"));function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}function _taggedTemplateLiteral(strings,raw){return raw||(raw=strings.slice(0)),Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}))}var AlertBody=_styled.default.div(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n display: flex;\n gap: 0.75rem;\n padding: 0.5rem;\n\n &:not(:has(.alert-title)):has(.alert-content),\n &:not(:has(.alert-content)):has(.alert-title) {\n align-items: center;\n }\n"])));exports.AlertBody=AlertBody;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/NewAlert/components/AlertButton/index.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAE3C,wBAAgB,WAAW,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,gBAAgB,2CAM5E"}
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
"use strict";function _typeof(obj){"@babel/helpers - typeof";return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(obj){return typeof obj}:function(obj){return obj&&"function"==typeof Symbol&&obj.constructor===Symbol&&obj!==Symbol.prototype?"symbol":typeof obj},_typeof(obj)}Object.defineProperty(exports,"__esModule",{value:!0}),exports.AlertButton=AlertButton;var _Button=_interopRequireDefault(require("../../../../components/Button")),_jsxRuntime=require("react/jsx-runtime"),_excluded=["children","onClick"];// Components
|
|
2
|
+
// Types
|
|
3
|
+
function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable})),keys.push.apply(keys,symbols)}return keys}function _objectSpread(target){for(var source,i=1;i<arguments.length;i++)source=null==arguments[i]?{}:arguments[i],i%2?ownKeys(Object(source),!0).forEach(function(key){_defineProperty(target,key,source[key])}):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))});return target}function _defineProperty(obj,key,value){return key=_toPropertyKey(key),key in obj?Object.defineProperty(obj,key,{value:value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}function _toPropertyKey(arg){var key=_toPrimitive(arg,"string");return"symbol"===_typeof(key)?key:key+""}function _toPrimitive(input,hint){if("object"!==_typeof(input)||null===input)return input;var prim=input[Symbol.toPrimitive];if(prim!==void 0){var res=prim.call(input,hint||"default");if("object"!==_typeof(res))return res;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===hint?String:Number)(input)}function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=_objectWithoutPropertiesLoose(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],0<=excluded.indexOf(key)||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],0<=excluded.indexOf(key)||(target[key]=source[key]);return target}function AlertButton(_ref){var children=_ref.children,onClick=_ref.onClick,props=_objectWithoutProperties(_ref,_excluded);return/*#__PURE__*/(0,_jsxRuntime.jsx)(_Button.default,_objectSpread(_objectSpread({variant:"link",onClick:onClick,style:{padding:0}},props),{},{children:children}))}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/components/NewAlert/components/AlertButton/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,OAAO,CAAC;AAE7C,MAAM,MAAM,gBAAgB,GAAG,oBAAoB,CAAC,iBAAiB,CAAC,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
export declare const AlertButtonContainer: import("@emotion/styled").StyledComponent<{
|
|
3
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
4
|
+
as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
|
|
5
|
+
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
6
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/NewAlert/components/AlertButtonContainer/index.tsx"],"names":[],"mappings":";AAEA,eAAO,MAAM,oBAAoB;;;yGAIhC,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.AlertButtonContainer=void 0;var _templateObject,_styled=_interopRequireDefault(require("@emotion/styled"));function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}function _taggedTemplateLiteral(strings,raw){return raw||(raw=strings.slice(0)),Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}))}var AlertButtonContainer=_styled.default.div(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n display: flex;\n margin-top: 1.5rem;\n gap: 1rem;\n"])));exports.AlertButtonContainer=AlertButtonContainer;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/NewAlert/components/AlertContent/index.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAE5C,wBAAgB,YAAY,CAAC,EAAE,QAAQ,EAAE,EAAE,iBAAiB,2CAM3D"}
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.AlertContent=AlertContent;var _Typography=_interopRequireDefault(require("../../../../components/Typography")),_jsxRuntime=require("react/jsx-runtime");function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}// Components
|
|
2
|
+
// Types
|
|
3
|
+
function AlertContent(_ref){var children=_ref.children;return/*#__PURE__*/(0,_jsxRuntime.jsx)(_Typography.default,{className:"alert-content",fontSize:"xs",fontWeight:"400",children:children})}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/components/NewAlert/components/AlertContent/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,MAAM,iBAAiB,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/NewAlert/components/AlertHeader/index.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAQ3C,wBAAgB,WAAW,CAAC,EAAE,QAAQ,EAAE,EAAE,gBAAgB,2CASzD"}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.AlertHeader=AlertHeader;var _Typography=_interopRequireDefault(require("../../../../components/Typography")),_styles=require("./styles"),_alertContext=require("../../contexts/alert-context"),_jsxRuntime=require("react/jsx-runtime");function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}// Components
|
|
2
|
+
// Types
|
|
3
|
+
// Styles
|
|
4
|
+
// Context
|
|
5
|
+
function AlertHeader(_ref){var children=_ref.children,_useAlertContext=(0,_alertContext.useAlertContext)(),type=_useAlertContext.type;return/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.StyledAlertHeader,{type:type,children:/*#__PURE__*/(0,_jsxRuntime.jsx)(_Typography.default,{color:"#FFFFFF",fontSize:"xs",fontWeight:"600",children:children})})}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { IStyledAlert } from '../../types';
|
|
3
|
+
export declare const StyledAlertHeader: import("@emotion/styled").StyledComponent<{
|
|
4
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
5
|
+
as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
|
|
6
|
+
} & IStyledAlert, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
7
|
+
//# sourceMappingURL=styles.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/NewAlert/components/AlertHeader/styles.ts"],"names":[],"mappings":";AACA,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAI3C,eAAO,MAAM,iBAAiB;;;wHAa5B,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.StyledAlertHeader=void 0;var _templateObject,_styled=_interopRequireDefault(require("@emotion/styled")),_react=require("@emotion/react"),_constants=require("../../constants");function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}function _taggedTemplateLiteral(strings,raw){return raw||(raw=strings.slice(0)),Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}))}var StyledAlertHeader=_styled.default.div(function(_ref){var theme=_ref.theme,type=_ref.type,mappedColor=type?_constants.colorMapping[type]:null,backgroundColor=mappedColor?theme.colors[mappedColor][200]:theme.colors.neutral.neutral6;return(0,_react.css)(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n background-color: ",";\n padding: 0.5rem;\n border-top-left-radius: 4px;\n border-top-right-radius: 4px;\n "])),backgroundColor)});exports.StyledAlertHeader=StyledAlertHeader;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/components/NewAlert/components/AlertHeader/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAE5C,MAAM,MAAM,gBAAgB,GAAG,cAAc,CAAC,cAAc,CAAC,GAAG;IAC9D,IAAI,CAAC,EAAE,aAAa,CAAC;CACtB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/NewAlert/components/AlertIcon/index.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAEzC,wBAAgB,SAAS,CAAC,EAAE,IAAa,EAAE,EAAE,cAAc,2CAE1D"}
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.AlertIcon=AlertIcon;var _Icon=_interopRequireDefault(require("../../../../components/Icon")),_jsxRuntime=require("react/jsx-runtime");function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}// Libs
|
|
2
|
+
// Types
|
|
3
|
+
function AlertIcon(_ref){var _ref$icon=_ref.icon,icon=void 0===_ref$icon?"info":_ref$icon;return/*#__PURE__*/(0,_jsxRuntime.jsx)(_Icon.default,{size:"22px",name:icon})}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/components/NewAlert/components/AlertIcon/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAE/C,MAAM,MAAM,cAAc,GAAG,cAAc,CAAC,cAAc,CAAC,GAAG;IAC5D,IAAI,CAAC,EAAE,QAAQ,CAAC;CACjB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/NewAlert/components/AlertTitle/index.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAE1C,wBAAgB,UAAU,CAAC,EAAE,QAAQ,EAAE,EAAE,eAAe,2CAMvD"}
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.AlertTitle=AlertTitle;var _Typography=_interopRequireDefault(require("../../../../components/Typography")),_jsxRuntime=require("react/jsx-runtime");function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}// Libs
|
|
2
|
+
// Types
|
|
3
|
+
function AlertTitle(_ref){var children=_ref.children;return/*#__PURE__*/(0,_jsxRuntime.jsx)(_Typography.default,{className:"alert-title",fontSize:"xs",fontWeight:"600",children:children})}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/components/NewAlert/components/AlertTitle/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,MAAM,eAAe,GAAG,cAAc,CAAC,kBAAkB,CAAC,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../src/components/NewAlert/constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,YAAY;;;;;CAKf,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.colorMapping=void 0;var colorMapping={success:"emerald",info:"blue",warning:"orange",error:"red"};exports.colorMapping=colorMapping;
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { NewAlertTypes } from '../../types';
|
|
3
|
+
type AlertContextType = {
|
|
4
|
+
type?: NewAlertTypes;
|
|
5
|
+
onClose?: () => void;
|
|
6
|
+
closable?: boolean;
|
|
7
|
+
};
|
|
8
|
+
export declare const AlertContext: import("react").Context<AlertContextType | null>;
|
|
9
|
+
export declare const useAlertContext: () => AlertContextType;
|
|
10
|
+
export {};
|
|
11
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/NewAlert/contexts/alert-context/index.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAE5C,KAAK,gBAAgB,GAAG;IACtB,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,YAAY,kDAA+C,CAAC;AAEzE,eAAO,MAAM,eAAe,wBAM3B,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useAlertContext=exports.AlertContext=void 0;var _react=require("react"),AlertContext=/*#__PURE__*/(0,_react.createContext)(null);exports.AlertContext=AlertContext;var useAlertContext=function(){var context=(0,_react.useContext)(AlertContext);if(!context)throw new Error("useAlertContext deve ser usado dentro de <NewAlert.Root>");return context};exports.useAlertContext=useAlertContext;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/NewAlert/index.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAKxC,iBAAS,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,aAAa,2CAa/E;AAED,eAAe,QAAQ,CAAC"}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
"use strict";function _typeof(obj){"@babel/helpers - typeof";return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(obj){return typeof obj}:function(obj){return obj&&"function"==typeof Symbol&&obj.constructor===Symbol&&obj!==Symbol.prototype?"symbol":typeof obj},_typeof(obj)}Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _Button=_interopRequireDefault(require("../Button")),_Icon=_interopRequireDefault(require("../Icon")),_styles=require("./styles"),_alertContext=require("./contexts/alert-context"),_jsxRuntime=require("react/jsx-runtime"),_excluded=["type","onClose","closable","children"];// Components
|
|
2
|
+
// Styles
|
|
3
|
+
// Types
|
|
4
|
+
// Contexts
|
|
5
|
+
function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable})),keys.push.apply(keys,symbols)}return keys}function _objectSpread(target){for(var source,i=1;i<arguments.length;i++)source=null==arguments[i]?{}:arguments[i],i%2?ownKeys(Object(source),!0).forEach(function(key){_defineProperty(target,key,source[key])}):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))});return target}function _defineProperty(obj,key,value){return key=_toPropertyKey(key),key in obj?Object.defineProperty(obj,key,{value:value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}function _toPropertyKey(arg){var key=_toPrimitive(arg,"string");return"symbol"===_typeof(key)?key:key+""}function _toPrimitive(input,hint){if("object"!==_typeof(input)||null===input)return input;var prim=input[Symbol.toPrimitive];if(prim!==void 0){var res=prim.call(input,hint||"default");if("object"!==_typeof(res))return res;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===hint?String:Number)(input)}function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=_objectWithoutPropertiesLoose(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],0<=excluded.indexOf(key)||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],0<=excluded.indexOf(key)||(target[key]=source[key]);return target}function NewAlert(_ref){var type=_ref.type,onClose=_ref.onClose,closable=_ref.closable,children=_ref.children,props=_objectWithoutProperties(_ref,_excluded);return/*#__PURE__*/(0,_jsxRuntime.jsx)(_alertContext.AlertContext.Provider,{value:{type:type,closable:closable,onClose:onClose},children:/*#__PURE__*/(0,_jsxRuntime.jsxs)(_styles.StyledNewAlertWrapper,_objectSpread(_objectSpread({type:type},props),{},{children:[/*#__PURE__*/(0,_jsxRuntime.jsx)("div",{style:{width:"100%"},children:children}),closable&&/*#__PURE__*/(0,_jsxRuntime.jsx)(_Button.default,{variant:"ghost",onClick:onClose,style:{padding:"0.5rem"},children:/*#__PURE__*/(0,_jsxRuntime.jsx)(_Icon.default,{name:"x"})})]}))})}var _default=NewAlert;exports.default=_default;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { IStyledAlert } from './types';
|
|
3
|
+
export declare const StyledNewAlertWrapper: import("@emotion/styled").StyledComponent<{
|
|
4
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
5
|
+
as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
|
|
6
|
+
} & IStyledAlert, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
7
|
+
//# sourceMappingURL=styles.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/components/NewAlert/styles.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAIvC,eAAO,MAAM,qBAAqB;;;wHAiCjC,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.StyledNewAlertWrapper=void 0;var _templateObject,_styled=_interopRequireDefault(require("@emotion/styled")),_react=require("@emotion/react"),_constants=require("./constants");function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}function _taggedTemplateLiteral(strings,raw){return raw||(raw=strings.slice(0)),Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}))}var StyledNewAlertWrapper=_styled.default.div(function(_ref){var theme=_ref.theme,type=_ref.type,fullWidth=_ref.fullWidth,highlighted=_ref.highlighted,borderRadius=_ref.borderRadius,mappedColor=type?_constants.colorMapping[type]:null,color="dark"===theme.colorMode?"#FFFFFF":mappedColor?theme.colors[mappedColor][400]:theme.colors.neutral.neutral6,secondaryColor=mappedColor?theme.colors[mappedColor][50]:theme.colors.neutral.neutral1;return(0,_react.css)(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n display: flex;\n align-items: start;\n align-content: flex-start;\n justify-content: space-between;\n gap: 1rem;\n border-radius: ",";\n width: ",";\n background-color: ",";\n font-weight: 500;\n color: ",";\n border-left: ",";\n\n button {\n color: ",";\n }\n "])),borderRadius?"".concat(borderRadius,"px"):"4px",fullWidth?"100%":"500px",secondaryColor,color,highlighted?"4px solid ".concat(color):"",color)});exports.StyledNewAlertWrapper=StyledNewAlertWrapper;
|