@deque/cauldron-styles 6.25.3 → 6.26.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/index.css +30 -3
- package/package.json +1 -1
package/dist/index.css
CHANGED
|
@@ -1210,12 +1210,13 @@ textarea.Field--has-error:focus:hover,
|
|
|
1210
1210
|
--button-background-color-badge-active: var(--gray-20);
|
|
1211
1211
|
|
|
1212
1212
|
--button-background-color-danger: var(--error);
|
|
1213
|
-
--button-background-color-danger-disabled:
|
|
1213
|
+
--button-background-color-danger-disabled: var(--accent-error-disabled);
|
|
1214
1214
|
--button-background-color-danger-active: var(--accent-error-active);
|
|
1215
1215
|
--button-outline-color-danger: var(--error);
|
|
1216
|
+
--button-outline-color-danger-disabled: var(--gray-40);
|
|
1216
1217
|
|
|
1217
1218
|
--button-background-color-error: var(--error);
|
|
1218
|
-
--button-background-color-error-disabled:
|
|
1219
|
+
--button-background-color-error-disabled: var(--accent-error-disabled);
|
|
1219
1220
|
--button-background-color-error-active: var(--accent-error-active);
|
|
1220
1221
|
--button-outline-color-error: var(--error);
|
|
1221
1222
|
|
|
@@ -1416,6 +1417,18 @@ button.Link {
|
|
|
1416
1417
|
background-color: var(--button-background-color-error-disabled);
|
|
1417
1418
|
}
|
|
1418
1419
|
|
|
1420
|
+
.Button--danger[aria-disabled='true'],
|
|
1421
|
+
.Button--danger[disabled] {
|
|
1422
|
+
color: var(--button-text-color-light);
|
|
1423
|
+
background-color: var(--button-background-color-danger-disabled);
|
|
1424
|
+
}
|
|
1425
|
+
|
|
1426
|
+
.Button--danger-secondary[aria-disabled='true'],
|
|
1427
|
+
.Button--danger-secondary[disabled] {
|
|
1428
|
+
color: var(--button-text-color-disabled);
|
|
1429
|
+
border: 1px solid var(--button-outline-color-danger-disabled);
|
|
1430
|
+
}
|
|
1431
|
+
|
|
1419
1432
|
.Button--error:not([disabled]):not([aria-disabled='true']):active {
|
|
1420
1433
|
background-color: var(--button-background-color-error-active);
|
|
1421
1434
|
}
|
|
@@ -1943,6 +1956,8 @@ a.IconButton {
|
|
|
1943
1956
|
--dialog-padding: var(--space-small);
|
|
1944
1957
|
--dialog-header-height: 2.625rem;
|
|
1945
1958
|
--dialog-close-button-size: var(--target-size-minimum);
|
|
1959
|
+
--dialog-vertical-offset: 6.25rem;
|
|
1960
|
+
--dialog-bottom-spacing: 1.875rem;
|
|
1946
1961
|
}
|
|
1947
1962
|
|
|
1948
1963
|
.cauldron--theme-dark {
|
|
@@ -1971,7 +1986,7 @@ a.IconButton {
|
|
|
1971
1986
|
width: 400px;
|
|
1972
1987
|
max-width: 90%;
|
|
1973
1988
|
left: 50%;
|
|
1974
|
-
top:
|
|
1989
|
+
top: var(--dialog-vertical-offset);
|
|
1975
1990
|
display: flex;
|
|
1976
1991
|
flex-direction: column;
|
|
1977
1992
|
transform: translateX(-50%);
|
|
@@ -2095,6 +2110,18 @@ a.IconButton {
|
|
|
2095
2110
|
padding-top: 0;
|
|
2096
2111
|
}
|
|
2097
2112
|
|
|
2113
|
+
@media (min-width: 20rem) {
|
|
2114
|
+
.Dialog__inner {
|
|
2115
|
+
max-height: calc(
|
|
2116
|
+
100vh - var(--dialog-vertical-offset) - var(--dialog-bottom-spacing)
|
|
2117
|
+
);
|
|
2118
|
+
}
|
|
2119
|
+
|
|
2120
|
+
.Dialog__content {
|
|
2121
|
+
overflow-y: auto;
|
|
2122
|
+
}
|
|
2123
|
+
}
|
|
2124
|
+
|
|
2098
2125
|
/* Dark Theme */
|
|
2099
2126
|
|
|
2100
2127
|
.cauldron--theme-dark .Dialog__inner {
|