@deque/cauldron-styles 6.1.0 → 6.2.0
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 +75 -2
- package/package.json +1 -1
package/dist/index.css
CHANGED
|
@@ -1061,8 +1061,8 @@ a.IconButton {
|
|
|
1061
1061
|
}
|
|
1062
1062
|
|
|
1063
1063
|
.Dialog__close svg {
|
|
1064
|
-
height
|
|
1065
|
-
|
|
1064
|
+
/* match icon size with height/width of button */
|
|
1065
|
+
--icon-size: 100%;
|
|
1066
1066
|
}
|
|
1067
1067
|
|
|
1068
1068
|
.cauldron--theme-dark .Dialog__close {
|
|
@@ -1684,11 +1684,13 @@ textarea.Field--has-error:focus:hover,
|
|
|
1684
1684
|
.Radio__overlay--disabled.Icon--radio-checked,
|
|
1685
1685
|
.Checkbox__overlay--disabled.Icon--checkbox-checked {
|
|
1686
1686
|
color: var(--field-icon-checked-disabled-color);
|
|
1687
|
+
cursor: default;
|
|
1687
1688
|
}
|
|
1688
1689
|
|
|
1689
1690
|
.Checkbox__overlay--disabled.Icon--checkbox-unchecked,
|
|
1690
1691
|
.Radio__overlay--disabled.Icon--radio-unchecked {
|
|
1691
1692
|
color: var(--field-icon-unchecked-disabled-color);
|
|
1693
|
+
cursor: default;
|
|
1692
1694
|
}
|
|
1693
1695
|
|
|
1694
1696
|
.Field__label:hover ~ .Radio__overlay:not(.Radio__overlay--disabled),
|
|
@@ -5027,3 +5029,74 @@ button.Accordion__trigger {
|
|
|
5027
5029
|
padding: var(--space-smaller);
|
|
5028
5030
|
text-align: center;
|
|
5029
5031
|
}
|
|
5032
|
+
|
|
5033
|
+
:root {
|
|
5034
|
+
--timeline-mark-color: var(--accent-success-dark);
|
|
5035
|
+
--timeline-mark-border-color: #fff;
|
|
5036
|
+
--timeline-separator-color: var(--gray-40);
|
|
5037
|
+
--timeline-icon-size: 18px;
|
|
5038
|
+
}
|
|
5039
|
+
|
|
5040
|
+
.cauldron--theme-dark {
|
|
5041
|
+
--timeline-mark-color: var(--accent-success-light);
|
|
5042
|
+
--timeline-mark-border-color: var(--accent-medium);
|
|
5043
|
+
--timeline-separator-color: #54636f;
|
|
5044
|
+
}
|
|
5045
|
+
|
|
5046
|
+
.Timeline {
|
|
5047
|
+
margin: 0;
|
|
5048
|
+
padding: 0;
|
|
5049
|
+
}
|
|
5050
|
+
|
|
5051
|
+
.Timeline:is(ol) {
|
|
5052
|
+
list-style-type: none;
|
|
5053
|
+
}
|
|
5054
|
+
|
|
5055
|
+
.TimelineItem {
|
|
5056
|
+
display: flex;
|
|
5057
|
+
margin-left: var(--space-smaller);
|
|
5058
|
+
}
|
|
5059
|
+
|
|
5060
|
+
.TimelineItem:not(:last-child) {
|
|
5061
|
+
min-height: 3.75rem;
|
|
5062
|
+
padding-bottom: var(--space-half);
|
|
5063
|
+
}
|
|
5064
|
+
|
|
5065
|
+
.TimelineItem:not(:last-child) .TimelineItem__details {
|
|
5066
|
+
padding-bottom: var(--space-smaller);
|
|
5067
|
+
}
|
|
5068
|
+
|
|
5069
|
+
.TimelineItem__separator {
|
|
5070
|
+
display: flex;
|
|
5071
|
+
flex-direction: column;
|
|
5072
|
+
width: var(--timeline-icon-size);
|
|
5073
|
+
--icon-size: var(--timeline-icon-size);
|
|
5074
|
+
}
|
|
5075
|
+
|
|
5076
|
+
.TimelineItem__separator:empty:before,
|
|
5077
|
+
.TimelineItem__separator > * {
|
|
5078
|
+
transform: translateX(calc(-50% + 2px));
|
|
5079
|
+
margin-bottom: var(--space-smallest);
|
|
5080
|
+
max-width: var(--timeline-icon-size);
|
|
5081
|
+
}
|
|
5082
|
+
|
|
5083
|
+
.TimelineItem__separator:empty:before {
|
|
5084
|
+
content: '';
|
|
5085
|
+
display: block;
|
|
5086
|
+
height: 8px;
|
|
5087
|
+
width: 8px;
|
|
5088
|
+
margin-top: var(--space-half);
|
|
5089
|
+
border-radius: 50%;
|
|
5090
|
+
background-color: var(--timeline-mark-color);
|
|
5091
|
+
}
|
|
5092
|
+
|
|
5093
|
+
.TimelineItem:not(:last-child) .TimelineItem__separator:after {
|
|
5094
|
+
content: '';
|
|
5095
|
+
display: block;
|
|
5096
|
+
flex: 1;
|
|
5097
|
+
width: 6px;
|
|
5098
|
+
border-radius: 3px;
|
|
5099
|
+
background-color: var(--timeline-separator-color);
|
|
5100
|
+
border: 1px solid var(--timeline-mark-border-color);
|
|
5101
|
+
transform: translateX(-1px);
|
|
5102
|
+
}
|