@deque/cauldron-styles 5.10.0 → 5.11.0-canary.06dfa4e8
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/index.css +29 -11
- package/package.json +2 -2
package/dist/index.css
CHANGED
|
@@ -345,22 +345,37 @@ p {
|
|
|
345
345
|
:root {
|
|
346
346
|
--alert-warning-background-color: #d93251;
|
|
347
347
|
--alert-warning-header-text-color: #fff;
|
|
348
|
+
|
|
349
|
+
--alert-border-color: var(--accent-primary);
|
|
350
|
+
--alert-warning-border-color: var(--accent-error);
|
|
351
|
+
|
|
352
|
+
--alert-icon-color: var(--accent-primary);
|
|
353
|
+
--alert-warning-icon-color: var(--accent-error);
|
|
354
|
+
}
|
|
355
|
+
|
|
356
|
+
.cauldron--theme-dark {
|
|
357
|
+
--alert-border-color: var(--accent-info);
|
|
358
|
+
--alert-warning-border-color: var(--accent-danger);
|
|
359
|
+
|
|
360
|
+
--alert-icon-color: var(--accent-info);
|
|
361
|
+
--alert-warning-icon-color: var(--accent-danger);
|
|
348
362
|
}
|
|
349
363
|
|
|
350
364
|
.Alert .Dialog__header .Icon {
|
|
351
365
|
padding-right: var(--space-smallest);
|
|
366
|
+
color: var(--alert-icon-color);
|
|
352
367
|
}
|
|
353
368
|
|
|
354
|
-
.
|
|
355
|
-
border: 3px solid var(--alert-
|
|
369
|
+
.Alert .Dialog__inner {
|
|
370
|
+
border: 3px solid var(--alert-border-color);
|
|
356
371
|
}
|
|
357
372
|
|
|
358
|
-
.Alert__warning .Dialog__header {
|
|
359
|
-
|
|
373
|
+
.Alert__warning .Dialog__header .Icon {
|
|
374
|
+
color: var(--alert-warning-icon-color);
|
|
360
375
|
}
|
|
361
376
|
|
|
362
|
-
.Alert__warning .
|
|
363
|
-
|
|
377
|
+
.Alert__warning .Dialog__inner {
|
|
378
|
+
border: 3px solid var(--alert-warning-border-color);
|
|
364
379
|
}
|
|
365
380
|
|
|
366
381
|
.Alert .Dialog__footer {
|
|
@@ -371,8 +386,9 @@ p {
|
|
|
371
386
|
background-color: transparent;
|
|
372
387
|
}
|
|
373
388
|
|
|
374
|
-
.
|
|
375
|
-
border-
|
|
389
|
+
.cauldron--theme-dark .Alert .Dialog__footer {
|
|
390
|
+
border-top: none;
|
|
391
|
+
background: transparent;
|
|
376
392
|
}
|
|
377
393
|
|
|
378
394
|
.FadeIn,
|
|
@@ -894,6 +910,10 @@ a.IconButton {
|
|
|
894
910
|
}
|
|
895
911
|
|
|
896
912
|
.cauldron--theme-dark {
|
|
913
|
+
--dialog-background-color: var(--accent-medium);
|
|
914
|
+
--dialog-border-color: var(--gray-20);
|
|
915
|
+
--dialog-header-background-color: var(--accent-dark);
|
|
916
|
+
--dialog-footer-background-color: var(--accent-dark);
|
|
897
917
|
--dialog-heading-text-color: #fff;
|
|
898
918
|
}
|
|
899
919
|
|
|
@@ -1041,9 +1061,8 @@ a.IconButton {
|
|
|
1041
1061
|
/* Dark Theme */
|
|
1042
1062
|
|
|
1043
1063
|
.cauldron--theme-dark .Dialog__inner {
|
|
1044
|
-
background-color: var(--accent-medium);
|
|
1045
1064
|
color: var(--white);
|
|
1046
|
-
border: 4px
|
|
1065
|
+
border-width: 4px;
|
|
1047
1066
|
}
|
|
1048
1067
|
|
|
1049
1068
|
.cauldron--theme-dark .Dialog__header {
|
|
@@ -1056,7 +1075,6 @@ a.IconButton {
|
|
|
1056
1075
|
|
|
1057
1076
|
.cauldron--theme-dark .Dialog__header,
|
|
1058
1077
|
.cauldron--theme-dark .Dialog__footer {
|
|
1059
|
-
background-color: var(--accent-dark);
|
|
1060
1078
|
color: var(--gray-20);
|
|
1061
1079
|
}
|
|
1062
1080
|
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@deque/cauldron-styles",
|
|
3
|
-
"version": "5.
|
|
3
|
+
"version": "5.11.0-canary.06dfa4e8",
|
|
4
4
|
"license": "MPL-2.0",
|
|
5
5
|
"description": "deque cauldron pattern library styles",
|
|
6
6
|
"repository": "https://github.com/dequelabs/cauldron",
|
|
@@ -22,4 +22,4 @@
|
|
|
22
22
|
"postcss-cli": "^7.1.1",
|
|
23
23
|
"postcss-import": "^12.0.1"
|
|
24
24
|
}
|
|
25
|
-
}
|
|
25
|
+
}
|