@deque/cauldron-styles 4.7.0-canary.8277faf1 → 4.7.0-canary.b6bfee02
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 +23 -15
- package/package.json +1 -1
package/dist/index.css
CHANGED
|
@@ -37,10 +37,10 @@
|
|
|
37
37
|
--accent-secondary-active: var(--gray-30);
|
|
38
38
|
--focus-light: #c11bde;
|
|
39
39
|
--focus-dark: #eb94ff;
|
|
40
|
-
--issue-critical:
|
|
41
|
-
--issue-serious: #
|
|
42
|
-
--issue-moderate:
|
|
43
|
-
--issue-minor:
|
|
40
|
+
--issue-critical: var(--accent-danger);
|
|
41
|
+
--issue-serious: #ed9a55;
|
|
42
|
+
--issue-moderate: var(--accent-warning);
|
|
43
|
+
--issue-minor: var(--gray-20);
|
|
44
44
|
|
|
45
45
|
/* text colours */
|
|
46
46
|
--text-color-base: var(--gray-60);
|
|
@@ -101,7 +101,7 @@
|
|
|
101
101
|
--content-max-width: 1000px;
|
|
102
102
|
|
|
103
103
|
/* z-index */
|
|
104
|
-
--z-index-tooltip:
|
|
104
|
+
--z-index-tooltip: 22;
|
|
105
105
|
--z-index-loader: 8;
|
|
106
106
|
--z-index-scrim: 7;
|
|
107
107
|
--z-index-dialog: 21;
|
|
@@ -1488,9 +1488,10 @@ textarea:focus,
|
|
|
1488
1488
|
[role='listbox']:focus,
|
|
1489
1489
|
[role='spinbutton']:focus {
|
|
1490
1490
|
outline: 0;
|
|
1491
|
-
border:
|
|
1492
|
-
box-shadow:
|
|
1493
|
-
|
|
1491
|
+
border: 1px solid var(--field-border-color-focus);
|
|
1492
|
+
box-shadow: 0 0 0 2px var(--field-border-color-focus),
|
|
1493
|
+
0 0 5px var(--field-border-color-focus-glow),
|
|
1494
|
+
inset 0 1px 2px rgba(0, 0, 0, 0.05);
|
|
1494
1495
|
}
|
|
1495
1496
|
|
|
1496
1497
|
input:hover,
|
|
@@ -1514,7 +1515,7 @@ textarea:focus:hover,
|
|
|
1514
1515
|
[aria-haspopup='listbox']:focus:hover,
|
|
1515
1516
|
[role='listbox']:focus:hover,
|
|
1516
1517
|
[role='spinbutton']:focus:hover {
|
|
1517
|
-
border:
|
|
1518
|
+
border: 1px solid var(--field-border-color-focus-hover);
|
|
1518
1519
|
}
|
|
1519
1520
|
|
|
1520
1521
|
input.Field--has-error,
|
|
@@ -1554,9 +1555,10 @@ textarea.Field--has-error:focus,
|
|
|
1554
1555
|
[aria-haspopup='listbox'].Field--has-error:focus,
|
|
1555
1556
|
[role='listbox'].Field--has-error:focus,
|
|
1556
1557
|
[role='spinbutton'].Field--has-error:focus {
|
|
1557
|
-
border:
|
|
1558
|
-
box-shadow:
|
|
1559
|
-
|
|
1558
|
+
border: 1px solid var(--field-border-color-error);
|
|
1559
|
+
box-shadow: 0 0 0 1px var(--field-border-color-error-hover),
|
|
1560
|
+
inset 0 2px 3px 0 rgba(0, 0, 0, 0.05),
|
|
1561
|
+
0 0 5px 0 var(--field-border-color-error-focus-glow);
|
|
1560
1562
|
}
|
|
1561
1563
|
|
|
1562
1564
|
input.Field--has-error:focus:hover,
|
|
@@ -2257,7 +2259,12 @@ p .Link {
|
|
|
2257
2259
|
}
|
|
2258
2260
|
|
|
2259
2261
|
.RadioCardGroup__Icon.Icon svg {
|
|
2260
|
-
|
|
2262
|
+
/**
|
|
2263
|
+
* this is edge case to pass color-contrast when the radio-card is selected,
|
|
2264
|
+
* it is not a color we want to live in cauldron as a variable
|
|
2265
|
+
* @see https://github.com/dequelabs/cauldron/pull/736
|
|
2266
|
+
*/
|
|
2267
|
+
color: #4f990f;
|
|
2261
2268
|
height: 44px;
|
|
2262
2269
|
width: 44px;
|
|
2263
2270
|
}
|
|
@@ -4418,8 +4425,9 @@ fieldset.Panel {
|
|
|
4418
4425
|
all: unset;
|
|
4419
4426
|
}
|
|
4420
4427
|
|
|
4421
|
-
.Accordion__trigger
|
|
4422
|
-
|
|
4428
|
+
.Accordion__trigger,
|
|
4429
|
+
button.Accordion__trigger {
|
|
4430
|
+
background-color: var(--accordion-trigger-background-color);
|
|
4423
4431
|
padding: calc(var(--space-small) - var(--space-half));
|
|
4424
4432
|
width: 100%;
|
|
4425
4433
|
display: flex;
|
package/package.json
CHANGED