@deque/cauldron-styles 4.0.0-canary.debe968f → 4.1.0-canary.50e983d0
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 -5
- 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;
|
|
@@ -2246,10 +2271,6 @@ p .Link {
|
|
|
2246
2271
|
box-sizing: border-box;
|
|
2247
2272
|
}
|
|
2248
2273
|
|
|
2249
|
-
.Card__content ul li {
|
|
2250
|
-
border-bottom: 1px solid var(--list-separator);
|
|
2251
|
-
}
|
|
2252
|
-
|
|
2253
2274
|
.Card__footer {
|
|
2254
2275
|
padding: var(--space-small);
|
|
2255
2276
|
text-align: center;
|
|
@@ -2362,6 +2383,8 @@ p .Link {
|
|
|
2362
2383
|
|
|
2363
2384
|
.Tooltip--hidden {
|
|
2364
2385
|
visibility: hidden;
|
|
2386
|
+
/* Take the tooltip out of the DOM layout flow so it doesn't reserve space when hidden */
|
|
2387
|
+
position: fixed !important;
|
|
2365
2388
|
}
|
|
2366
2389
|
|
|
2367
2390
|
.TooltipInfo {
|
|
@@ -3286,11 +3309,11 @@ button.TooltipTabstop {
|
|
|
3286
3309
|
}
|
|
3287
3310
|
|
|
3288
3311
|
.Table {
|
|
3312
|
+
table-layout: auto;
|
|
3289
3313
|
font-size: var(--text-size-small);
|
|
3290
3314
|
border-collapse: collapse;
|
|
3291
3315
|
text-align: left;
|
|
3292
3316
|
width: 100%;
|
|
3293
|
-
table-layout: fixed;
|
|
3294
3317
|
overflow-wrap: break-word;
|
|
3295
3318
|
}
|
|
3296
3319
|
|
package/package.json
CHANGED