@deque/cauldron-styles 4.0.0-canary.debe968f → 4.1.0-canary.ab3e71e6
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 +28 -1
- 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 {
|
|
@@ -3286,11 +3313,11 @@ button.TooltipTabstop {
|
|
|
3286
3313
|
}
|
|
3287
3314
|
|
|
3288
3315
|
.Table {
|
|
3316
|
+
table-layout: auto;
|
|
3289
3317
|
font-size: var(--text-size-small);
|
|
3290
3318
|
border-collapse: collapse;
|
|
3291
3319
|
text-align: left;
|
|
3292
3320
|
width: 100%;
|
|
3293
|
-
table-layout: fixed;
|
|
3294
3321
|
overflow-wrap: break-word;
|
|
3295
3322
|
}
|
|
3296
3323
|
|
package/package.json
CHANGED