@deque/cauldron-styles 5.0.0-canary.09ebdf83 → 5.0.0-canary.2c53f9c3
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 +14 -5
- package/package.json +1 -1
package/dist/index.css
CHANGED
|
@@ -8,6 +8,7 @@
|
|
|
8
8
|
/* color palette */
|
|
9
9
|
--white: #ffffff;
|
|
10
10
|
--dark-workspace-color: #53636e;
|
|
11
|
+
--stroke-light: #b3bfc6;
|
|
11
12
|
--stroke-dark: #5d676f;
|
|
12
13
|
--gray-10: #fdfdfe;
|
|
13
14
|
--gray-20: #f2f2f2;
|
|
@@ -36,7 +37,7 @@
|
|
|
36
37
|
--accent-primary-active: #316091;
|
|
37
38
|
--accent-secondary: var(--gray-20);
|
|
38
39
|
--accent-secondary-active: var(--gray-30);
|
|
39
|
-
--focus-light: #
|
|
40
|
+
--focus-light: #b51ad1;
|
|
40
41
|
--focus-dark: #eb94ff;
|
|
41
42
|
--issue-critical: var(--accent-danger);
|
|
42
43
|
--issue-serious: var(--accent-warning);
|
|
@@ -50,6 +51,9 @@
|
|
|
50
51
|
--header-text-color: var(--gray-80);
|
|
51
52
|
--header-text-color-dark: var(--gray-90);
|
|
52
53
|
|
|
54
|
+
/* background colours */
|
|
55
|
+
--background-light: #f0f2f5;
|
|
56
|
+
|
|
53
57
|
/* accents */
|
|
54
58
|
--error: var(--accent-error);
|
|
55
59
|
--disabled: var(--gray-40);
|
|
@@ -66,6 +70,7 @@
|
|
|
66
70
|
|
|
67
71
|
/* spacing (padding/margin) */
|
|
68
72
|
--space-smallest: 8px;
|
|
73
|
+
--space-smaller: 12px;
|
|
69
74
|
--space-small: 16px;
|
|
70
75
|
--space-medium: 18px;
|
|
71
76
|
--space-large: 24px;
|
|
@@ -81,6 +86,7 @@
|
|
|
81
86
|
--text-size-larger: 56px;
|
|
82
87
|
--text-size-large: 45px;
|
|
83
88
|
--text-size-large-medium: 34px;
|
|
89
|
+
--text-size-medium-large: 32px;
|
|
84
90
|
--text-size-medium: 24px;
|
|
85
91
|
--text-small-medium: 20px;
|
|
86
92
|
--text-size-normal: 18px;
|
|
@@ -1823,7 +1829,7 @@ textarea.Field--has-error:focus:hover,
|
|
|
1823
1829
|
|
|
1824
1830
|
:root {
|
|
1825
1831
|
--link-text-color: var(--gray-90);
|
|
1826
|
-
--link-text-color-hover:
|
|
1832
|
+
--link-text-color-hover: #3873a3;
|
|
1827
1833
|
--link-text-color-light: rgba(60, 122, 174, 0.1);
|
|
1828
1834
|
}
|
|
1829
1835
|
|
|
@@ -1856,7 +1862,7 @@ p .Link {
|
|
|
1856
1862
|
margin: 0 2px;
|
|
1857
1863
|
display: inline;
|
|
1858
1864
|
text-decoration: underline;
|
|
1859
|
-
color: var(--
|
|
1865
|
+
color: var(--link-text-color);
|
|
1860
1866
|
font-weight: var(--font-weight-normal);
|
|
1861
1867
|
}
|
|
1862
1868
|
|
|
@@ -1944,7 +1950,8 @@ p .Link {
|
|
|
1944
1950
|
}
|
|
1945
1951
|
|
|
1946
1952
|
.OptionsMenu__list-item:focus {
|
|
1947
|
-
box-shadow: inset 0 0 0
|
|
1953
|
+
box-shadow: inset 0 0 0 1px var(--options-menu-hover-background-color),
|
|
1954
|
+
inset 0 0 0 3px var(--focus);
|
|
1948
1955
|
}
|
|
1949
1956
|
|
|
1950
1957
|
.OptionsMenu__list-item[aria-disabled='true'] {
|
|
@@ -3470,7 +3477,6 @@ button.TooltipTabstop {
|
|
|
3470
3477
|
outline-offset: unset;
|
|
3471
3478
|
}
|
|
3472
3479
|
|
|
3473
|
-
.TableHeader,
|
|
3474
3480
|
.TableHeader--sort-ascending,
|
|
3475
3481
|
.TableHeader--sort-descending {
|
|
3476
3482
|
background: var(--table-header-sorting-background-color);
|
|
@@ -4170,6 +4176,7 @@ fieldset.Panel {
|
|
|
4170
4176
|
list-style-type: none;
|
|
4171
4177
|
padding: 0;
|
|
4172
4178
|
margin: 0;
|
|
4179
|
+
flex-wrap: wrap;
|
|
4173
4180
|
}
|
|
4174
4181
|
|
|
4175
4182
|
.Breadcrumb__Separator {
|
|
@@ -4185,6 +4192,8 @@ fieldset.Panel {
|
|
|
4185
4192
|
.Breadcrumb__Item {
|
|
4186
4193
|
font-weight: 500;
|
|
4187
4194
|
color: var(--link-text-color);
|
|
4195
|
+
display: flex;
|
|
4196
|
+
flex-wrap: nowrap;
|
|
4188
4197
|
}
|
|
4189
4198
|
|
|
4190
4199
|
:root {
|
package/package.json
CHANGED