@deque/cauldron-styles 6.6.1 → 6.7.0-canary.66d0087d
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 -2
- package/package.json +1 -1
package/dist/index.css
CHANGED
|
@@ -1567,6 +1567,7 @@ button.Link {
|
|
|
1567
1567
|
--icon-button-background-color-error-disabled: var(
|
|
1568
1568
|
--button-background-color-error-disabled
|
|
1569
1569
|
);
|
|
1570
|
+
--icon-button-icon-size: var(--icon-size);
|
|
1570
1571
|
}
|
|
1571
1572
|
|
|
1572
1573
|
.IconButton {
|
|
@@ -1593,8 +1594,8 @@ a.IconButton {
|
|
|
1593
1594
|
}
|
|
1594
1595
|
|
|
1595
1596
|
.IconButton .Icon {
|
|
1596
|
-
height: var(--
|
|
1597
|
-
width: var(--
|
|
1597
|
+
height: calc(var(--icon-button-icon-size) - 8px);
|
|
1598
|
+
width: calc(var(--icon-button-icon-size) - 8px);
|
|
1598
1599
|
pointer-events: none;
|
|
1599
1600
|
}
|
|
1600
1601
|
|
|
@@ -1623,6 +1624,11 @@ a.IconButton {
|
|
|
1623
1624
|
width: var(--icon-button-large-height);
|
|
1624
1625
|
}
|
|
1625
1626
|
|
|
1627
|
+
.IconButton--large .Icon {
|
|
1628
|
+
height: var(--icon-button-icon-size);
|
|
1629
|
+
width: var(--icon-button-icon-size);
|
|
1630
|
+
}
|
|
1631
|
+
|
|
1626
1632
|
.IconButton--secondary:is([aria-disabled='true'], [disabled]),
|
|
1627
1633
|
.IconButton--secondary:is([aria-disabled='true'], [disabled]):active {
|
|
1628
1634
|
color: var(--icon-button-text-color-disabled);
|
|
@@ -3200,6 +3206,15 @@ button.TooltipTabstop {
|
|
|
3200
3206
|
--code-border-color: var(--stroke-dark);
|
|
3201
3207
|
}
|
|
3202
3208
|
|
|
3209
|
+
.Code__Header {
|
|
3210
|
+
display: flex;
|
|
3211
|
+
justify-content: space-between;
|
|
3212
|
+
align-items: center;
|
|
3213
|
+
margin-bottom: var(--space-smallest);
|
|
3214
|
+
font-weight: var(--font-weight-medium);
|
|
3215
|
+
font-size: var(--text-size-body);
|
|
3216
|
+
}
|
|
3217
|
+
|
|
3203
3218
|
.Code.hljs {
|
|
3204
3219
|
display: block;
|
|
3205
3220
|
padding: var(--space-smaller);
|
|
@@ -4993,18 +5008,24 @@ button.Accordion__trigger {
|
|
|
4993
5008
|
--notice-border-color: var(--accent-dark);
|
|
4994
5009
|
--notice-link-hover-color: var(--accent-medium);
|
|
4995
5010
|
--notice-icon-size: 1rem;
|
|
5011
|
+
--notice-info-border-color: var(--accent-primary-disabled);
|
|
5012
|
+
--notice-caution-border-color: var(--accent-warning);
|
|
5013
|
+
--notice-danger-border-color: var(--accent-error-disabled);
|
|
4996
5014
|
}
|
|
4997
5015
|
|
|
4998
5016
|
.Notice--info {
|
|
4999
5017
|
--notice-background-color: var(--notice-info-color);
|
|
5018
|
+
--notice-border-color: var(--notice-info-border-color);
|
|
5000
5019
|
}
|
|
5001
5020
|
|
|
5002
5021
|
.Notice--caution {
|
|
5003
5022
|
--notice-background-color: var(--notice-caution-color);
|
|
5023
|
+
--notice-border-color: var(--notice-caution-border-color);
|
|
5004
5024
|
}
|
|
5005
5025
|
|
|
5006
5026
|
.Notice--danger {
|
|
5007
5027
|
--notice-background-color: var(--notice-danger-color);
|
|
5028
|
+
--notice-border-color: var(--notice-danger-border-color);
|
|
5008
5029
|
}
|
|
5009
5030
|
|
|
5010
5031
|
.Notice {
|