@geoinsight/react-components 0.3.2 → 0.3.3
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/cjs/index.css +12 -8
- package/dist/esm/index.css +12 -8
- package/package.json +1 -1
package/dist/cjs/index.css
CHANGED
|
@@ -282,42 +282,46 @@
|
|
|
282
282
|
color: var(--color-neutral-100);
|
|
283
283
|
}
|
|
284
284
|
|
|
285
|
+
.modal {
|
|
286
|
+
color: var(--color-neutral-900);
|
|
287
|
+
}
|
|
288
|
+
|
|
285
289
|
.modal__overlay {
|
|
286
|
-
|
|
287
|
-
top: 0;
|
|
288
|
-
left: 0;
|
|
290
|
+
background: rgba(0, 0, 0, 0.3);
|
|
289
291
|
bottom: 0;
|
|
292
|
+
left: 0;
|
|
293
|
+
position: fixed;
|
|
290
294
|
right: 0;
|
|
291
|
-
|
|
295
|
+
top: 0;
|
|
292
296
|
}
|
|
293
297
|
|
|
294
298
|
.modal__body {
|
|
295
299
|
background: white;
|
|
296
300
|
border-radius: var(--spacing-8);
|
|
297
301
|
border: 1px solid var(--color-neutral-600);
|
|
302
|
+
left: 50%;
|
|
298
303
|
padding: var(--spacing-4) var(--spacing-4);
|
|
299
304
|
position: absolute;
|
|
300
|
-
left: 50%;
|
|
301
305
|
right: var(--spacing-16);
|
|
302
|
-
transform: translate(-50%, -50%);
|
|
303
306
|
top: 50%;
|
|
307
|
+
transform: translate(-50%, -50%);
|
|
304
308
|
z-index: 5;
|
|
305
309
|
}
|
|
306
310
|
|
|
307
311
|
.modal__close {
|
|
308
312
|
position: absolute;
|
|
309
|
-
top: calc(var(--spacing-16) * -1);
|
|
310
313
|
right: calc(var(--spacing-16) * -1);
|
|
314
|
+
top: calc(var(--spacing-16) * -1);
|
|
311
315
|
z-index: 5;
|
|
312
316
|
}
|
|
313
317
|
|
|
314
318
|
.modal__content {
|
|
315
319
|
border: 1px solid var(--color-neutral-100);
|
|
316
320
|
border-radius: var(--spacing-8);
|
|
317
|
-
align-items: center;
|
|
318
321
|
display: flex;
|
|
319
322
|
flex-direction: column;
|
|
320
323
|
gap: var(--spacing-16);
|
|
324
|
+
padding: 0 var(--spacing-16);
|
|
321
325
|
}
|
|
322
326
|
|
|
323
327
|
.modal__footer {
|
package/dist/esm/index.css
CHANGED
|
@@ -282,42 +282,46 @@
|
|
|
282
282
|
color: var(--color-neutral-100);
|
|
283
283
|
}
|
|
284
284
|
|
|
285
|
+
.modal {
|
|
286
|
+
color: var(--color-neutral-900);
|
|
287
|
+
}
|
|
288
|
+
|
|
285
289
|
.modal__overlay {
|
|
286
|
-
|
|
287
|
-
top: 0;
|
|
288
|
-
left: 0;
|
|
290
|
+
background: rgba(0, 0, 0, 0.3);
|
|
289
291
|
bottom: 0;
|
|
292
|
+
left: 0;
|
|
293
|
+
position: fixed;
|
|
290
294
|
right: 0;
|
|
291
|
-
|
|
295
|
+
top: 0;
|
|
292
296
|
}
|
|
293
297
|
|
|
294
298
|
.modal__body {
|
|
295
299
|
background: white;
|
|
296
300
|
border-radius: var(--spacing-8);
|
|
297
301
|
border: 1px solid var(--color-neutral-600);
|
|
302
|
+
left: 50%;
|
|
298
303
|
padding: var(--spacing-4) var(--spacing-4);
|
|
299
304
|
position: absolute;
|
|
300
|
-
left: 50%;
|
|
301
305
|
right: var(--spacing-16);
|
|
302
|
-
transform: translate(-50%, -50%);
|
|
303
306
|
top: 50%;
|
|
307
|
+
transform: translate(-50%, -50%);
|
|
304
308
|
z-index: 5;
|
|
305
309
|
}
|
|
306
310
|
|
|
307
311
|
.modal__close {
|
|
308
312
|
position: absolute;
|
|
309
|
-
top: calc(var(--spacing-16) * -1);
|
|
310
313
|
right: calc(var(--spacing-16) * -1);
|
|
314
|
+
top: calc(var(--spacing-16) * -1);
|
|
311
315
|
z-index: 5;
|
|
312
316
|
}
|
|
313
317
|
|
|
314
318
|
.modal__content {
|
|
315
319
|
border: 1px solid var(--color-neutral-100);
|
|
316
320
|
border-radius: var(--spacing-8);
|
|
317
|
-
align-items: center;
|
|
318
321
|
display: flex;
|
|
319
322
|
flex-direction: column;
|
|
320
323
|
gap: var(--spacing-16);
|
|
324
|
+
padding: 0 var(--spacing-16);
|
|
321
325
|
}
|
|
322
326
|
|
|
323
327
|
.modal__footer {
|