@deque/cauldron-styles 5.0.0-canary.4bf529af → 5.0.0-canary.4f3537bf
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 +16 -9
- package/package.json +1 -1
package/dist/index.css
CHANGED
|
@@ -37,7 +37,7 @@
|
|
|
37
37
|
--accent-primary-active: #316091;
|
|
38
38
|
--accent-secondary: var(--gray-20);
|
|
39
39
|
--accent-secondary-active: var(--gray-30);
|
|
40
|
-
--focus-light: #
|
|
40
|
+
--focus-light: #b51ad1;
|
|
41
41
|
--focus-dark: #eb94ff;
|
|
42
42
|
--issue-critical: var(--accent-danger);
|
|
43
43
|
--issue-serious: var(--accent-warning);
|
|
@@ -102,6 +102,9 @@
|
|
|
102
102
|
--font-weight-bold: 700;
|
|
103
103
|
--font-weight-ultra-bold: 900;
|
|
104
104
|
|
|
105
|
+
/* icon sizes */
|
|
106
|
+
--icon-size: 24px;
|
|
107
|
+
|
|
105
108
|
/* dimensions */
|
|
106
109
|
--border-width: 6px;
|
|
107
110
|
--layout-padding: 9px;
|
|
@@ -942,8 +945,8 @@ a.IconButton {
|
|
|
942
945
|
}
|
|
943
946
|
|
|
944
947
|
.Dialog__close svg {
|
|
945
|
-
height:
|
|
946
|
-
width:
|
|
948
|
+
height: var(--icon-size);
|
|
949
|
+
width: var(--icon-size);
|
|
947
950
|
}
|
|
948
951
|
|
|
949
952
|
.Dialog__content {
|
|
@@ -1205,8 +1208,8 @@ a.IconButton {
|
|
|
1205
1208
|
.Pointout__dismiss .Icon svg,
|
|
1206
1209
|
.Pointout__next .Icon svg,
|
|
1207
1210
|
.Pointout__previous .Icon svg {
|
|
1208
|
-
height:
|
|
1209
|
-
width:
|
|
1211
|
+
height: var(--icon-size);
|
|
1212
|
+
width: var(--icon-size);
|
|
1210
1213
|
}
|
|
1211
1214
|
|
|
1212
1215
|
.Pointout__dismiss:hover {
|
|
@@ -1829,7 +1832,7 @@ textarea.Field--has-error:focus:hover,
|
|
|
1829
1832
|
|
|
1830
1833
|
:root {
|
|
1831
1834
|
--link-text-color: var(--gray-90);
|
|
1832
|
-
--link-text-color-hover:
|
|
1835
|
+
--link-text-color-hover: #3873a3;
|
|
1833
1836
|
--link-text-color-light: rgba(60, 122, 174, 0.1);
|
|
1834
1837
|
}
|
|
1835
1838
|
|
|
@@ -1862,7 +1865,7 @@ p .Link {
|
|
|
1862
1865
|
margin: 0 2px;
|
|
1863
1866
|
display: inline;
|
|
1864
1867
|
text-decoration: underline;
|
|
1865
|
-
color: var(--
|
|
1868
|
+
color: var(--link-text-color);
|
|
1866
1869
|
font-weight: var(--font-weight-normal);
|
|
1867
1870
|
}
|
|
1868
1871
|
|
|
@@ -3787,10 +3790,11 @@ button.TooltipTabstop {
|
|
|
3787
3790
|
--panel-border-color: var(--gray-40);
|
|
3788
3791
|
--panel-background-color: var(--white);
|
|
3789
3792
|
--panel-heading-color: var(--gray-90);
|
|
3793
|
+
--panel-padding: var(--space-small);
|
|
3790
3794
|
}
|
|
3791
3795
|
|
|
3792
3796
|
.Panel {
|
|
3793
|
-
padding: var(--
|
|
3797
|
+
padding: var(--panel-padding);
|
|
3794
3798
|
border: 1px solid var(--panel-border-color);
|
|
3795
3799
|
border-radius: 3px;
|
|
3796
3800
|
box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.15);
|
|
@@ -3819,7 +3823,7 @@ fieldset.Panel {
|
|
|
3819
3823
|
}
|
|
3820
3824
|
|
|
3821
3825
|
.Panel--collapsed {
|
|
3822
|
-
padding: 12px;
|
|
3826
|
+
--panel-padding: 12px;
|
|
3823
3827
|
}
|
|
3824
3828
|
|
|
3825
3829
|
.Panel--collapsed .Panel__Heading {
|
|
@@ -4176,6 +4180,7 @@ fieldset.Panel {
|
|
|
4176
4180
|
list-style-type: none;
|
|
4177
4181
|
padding: 0;
|
|
4178
4182
|
margin: 0;
|
|
4183
|
+
flex-wrap: wrap;
|
|
4179
4184
|
}
|
|
4180
4185
|
|
|
4181
4186
|
.Breadcrumb__Separator {
|
|
@@ -4191,6 +4196,8 @@ fieldset.Panel {
|
|
|
4191
4196
|
.Breadcrumb__Item {
|
|
4192
4197
|
font-weight: 500;
|
|
4193
4198
|
color: var(--link-text-color);
|
|
4199
|
+
display: flex;
|
|
4200
|
+
flex-wrap: nowrap;
|
|
4194
4201
|
}
|
|
4195
4202
|
|
|
4196
4203
|
:root {
|
package/package.json
CHANGED