@deque/cauldron-styles 4.0.0-canary.debe968f → 4.1.0-canary.d1059d02
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 +27 -0
- package/package.json +1 -1
package/dist/index.css
CHANGED
|
@@ -1441,6 +1441,7 @@ ul.semantic-only {
|
|
|
1441
1441
|
--field-background-color-disabled: #f7f7f7;
|
|
1442
1442
|
--field-required-text-color: var(--gray-60);
|
|
1443
1443
|
--field-label-text-color: var(--gray-90);
|
|
1444
|
+
--field-label-description-text-color: var(--gray-60);
|
|
1444
1445
|
--input-min-width: 250px;
|
|
1445
1446
|
}
|
|
1446
1447
|
|
|
@@ -1456,6 +1457,7 @@ ul.semantic-only {
|
|
|
1456
1457
|
--field-background-color-disabled: #5d676f;
|
|
1457
1458
|
--field-required-text-color: var(--white);
|
|
1458
1459
|
--field-label-text-color: var(--white);
|
|
1460
|
+
--field-label-description-text-color: rgba(255, 255, 255, 0.8);
|
|
1459
1461
|
}
|
|
1460
1462
|
|
|
1461
1463
|
input,
|
|
@@ -1611,6 +1613,7 @@ textarea.Field--has-error:focus:hover,
|
|
|
1611
1613
|
margin-bottom: 0;
|
|
1612
1614
|
flex-direction: row-reverse;
|
|
1613
1615
|
justify-content: flex-end;
|
|
1616
|
+
flex-wrap: wrap;
|
|
1614
1617
|
}
|
|
1615
1618
|
|
|
1616
1619
|
.Checkbox {
|
|
@@ -1694,6 +1697,28 @@ textarea.Field--has-error:focus:hover,
|
|
|
1694
1697
|
border: 1px solid var(--field-border-color);
|
|
1695
1698
|
}
|
|
1696
1699
|
|
|
1700
|
+
.Field__labelDescription {
|
|
1701
|
+
flex-basis: 100%;
|
|
1702
|
+
color: var(--field-label-description-text-color);
|
|
1703
|
+
font-size: var(--text-size-small);
|
|
1704
|
+
font-weight: var(--font-weight-normal);
|
|
1705
|
+
line-height: 1;
|
|
1706
|
+
margin-left: calc(24px + 2px + var(--space-half));
|
|
1707
|
+
cursor: default;
|
|
1708
|
+
}
|
|
1709
|
+
|
|
1710
|
+
.Icon + .Error {
|
|
1711
|
+
flex-basis: 100%;
|
|
1712
|
+
margin-top: var(--space-smallest);
|
|
1713
|
+
}
|
|
1714
|
+
|
|
1715
|
+
.Field__labelDescription + .Error {
|
|
1716
|
+
border-top: 1px solid var(--error);
|
|
1717
|
+
margin-left: calc(24px + 2px + var(--space-half));
|
|
1718
|
+
padding: 4px 0;
|
|
1719
|
+
margin-top: 4px;
|
|
1720
|
+
}
|
|
1721
|
+
|
|
1697
1722
|
.Radio__overlay,
|
|
1698
1723
|
.Checkbox__overlay {
|
|
1699
1724
|
border: 1px solid transparent;
|
|
@@ -2362,6 +2387,8 @@ p .Link {
|
|
|
2362
2387
|
|
|
2363
2388
|
.Tooltip--hidden {
|
|
2364
2389
|
visibility: hidden;
|
|
2390
|
+
/* Take the tooltip out of the DOM layout flow so it doesn't reserve space when hidden */
|
|
2391
|
+
position: fixed !important;
|
|
2365
2392
|
}
|
|
2366
2393
|
|
|
2367
2394
|
.TooltipInfo {
|
package/package.json
CHANGED