@deque/cauldron-styles 5.0.0-canary.6f23ee63 → 5.0.0-canary.75d70780
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 +25 -11
- 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);
|
|
@@ -94,6 +94,9 @@
|
|
|
94
94
|
--text-size-smaller: 13px;
|
|
95
95
|
--text-size-smallest: 12px;
|
|
96
96
|
|
|
97
|
+
/* fonts */
|
|
98
|
+
--base-font-family: 'Roboto', Helvetica, Arial, sans-serif;
|
|
99
|
+
|
|
97
100
|
/* font weight */
|
|
98
101
|
--font-weight-thin: 100;
|
|
99
102
|
--font-weight-light: 300;
|
|
@@ -102,6 +105,9 @@
|
|
|
102
105
|
--font-weight-bold: 700;
|
|
103
106
|
--font-weight-ultra-bold: 900;
|
|
104
107
|
|
|
108
|
+
/* icon sizes */
|
|
109
|
+
--icon-size: 24px;
|
|
110
|
+
|
|
105
111
|
/* dimensions */
|
|
106
112
|
--border-width: 6px;
|
|
107
113
|
--layout-padding: 9px;
|
|
@@ -157,7 +163,7 @@ html {
|
|
|
157
163
|
}
|
|
158
164
|
|
|
159
165
|
body {
|
|
160
|
-
font-family:
|
|
166
|
+
font-family: var(--base-font-family);
|
|
161
167
|
font-style: normal;
|
|
162
168
|
font-weight: 400;
|
|
163
169
|
color: var(--text-color-base);
|
|
@@ -193,6 +199,11 @@ ul {
|
|
|
193
199
|
padding: 0;
|
|
194
200
|
}
|
|
195
201
|
|
|
202
|
+
button {
|
|
203
|
+
font-family: var(--base-font-family);
|
|
204
|
+
font-weight: 500;
|
|
205
|
+
}
|
|
206
|
+
|
|
196
207
|
button,
|
|
197
208
|
[role='button'] {
|
|
198
209
|
display: inline-block;
|
|
@@ -942,8 +953,8 @@ a.IconButton {
|
|
|
942
953
|
}
|
|
943
954
|
|
|
944
955
|
.Dialog__close svg {
|
|
945
|
-
height:
|
|
946
|
-
width:
|
|
956
|
+
height: var(--icon-size);
|
|
957
|
+
width: var(--icon-size);
|
|
947
958
|
}
|
|
948
959
|
|
|
949
960
|
.Dialog__content {
|
|
@@ -1205,8 +1216,8 @@ a.IconButton {
|
|
|
1205
1216
|
.Pointout__dismiss .Icon svg,
|
|
1206
1217
|
.Pointout__next .Icon svg,
|
|
1207
1218
|
.Pointout__previous .Icon svg {
|
|
1208
|
-
height:
|
|
1209
|
-
width:
|
|
1219
|
+
height: var(--icon-size);
|
|
1220
|
+
width: var(--icon-size);
|
|
1210
1221
|
}
|
|
1211
1222
|
|
|
1212
1223
|
.Pointout__dismiss:hover {
|
|
@@ -1862,7 +1873,7 @@ p .Link {
|
|
|
1862
1873
|
margin: 0 2px;
|
|
1863
1874
|
display: inline;
|
|
1864
1875
|
text-decoration: underline;
|
|
1865
|
-
color: var(--
|
|
1876
|
+
color: var(--link-text-color);
|
|
1866
1877
|
font-weight: var(--font-weight-normal);
|
|
1867
1878
|
}
|
|
1868
1879
|
|
|
@@ -3395,11 +3406,10 @@ button.TooltipTabstop {
|
|
|
3395
3406
|
font-size: var(--text-size-smaller);
|
|
3396
3407
|
border: 1px solid var(--tag-border-color);
|
|
3397
3408
|
border-radius: 11px;
|
|
3398
|
-
display: flex;
|
|
3409
|
+
display: inline-flex;
|
|
3399
3410
|
justify-content: center;
|
|
3400
3411
|
align-items: center;
|
|
3401
3412
|
padding: 2px 8px;
|
|
3402
|
-
width: 90px;
|
|
3403
3413
|
font-weight: var(--font-weight-medium);
|
|
3404
3414
|
}
|
|
3405
3415
|
|
|
@@ -3787,10 +3797,11 @@ button.TooltipTabstop {
|
|
|
3787
3797
|
--panel-border-color: var(--gray-40);
|
|
3788
3798
|
--panel-background-color: var(--white);
|
|
3789
3799
|
--panel-heading-color: var(--gray-90);
|
|
3800
|
+
--panel-padding: var(--space-small);
|
|
3790
3801
|
}
|
|
3791
3802
|
|
|
3792
3803
|
.Panel {
|
|
3793
|
-
padding: var(--
|
|
3804
|
+
padding: var(--panel-padding);
|
|
3794
3805
|
border: 1px solid var(--panel-border-color);
|
|
3795
3806
|
border-radius: 3px;
|
|
3796
3807
|
box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.15);
|
|
@@ -3819,7 +3830,7 @@ fieldset.Panel {
|
|
|
3819
3830
|
}
|
|
3820
3831
|
|
|
3821
3832
|
.Panel--collapsed {
|
|
3822
|
-
padding: 12px;
|
|
3833
|
+
--panel-padding: 12px;
|
|
3823
3834
|
}
|
|
3824
3835
|
|
|
3825
3836
|
.Panel--collapsed .Panel__Heading {
|
|
@@ -4176,6 +4187,7 @@ fieldset.Panel {
|
|
|
4176
4187
|
list-style-type: none;
|
|
4177
4188
|
padding: 0;
|
|
4178
4189
|
margin: 0;
|
|
4190
|
+
flex-wrap: wrap;
|
|
4179
4191
|
}
|
|
4180
4192
|
|
|
4181
4193
|
.Breadcrumb__Separator {
|
|
@@ -4191,6 +4203,8 @@ fieldset.Panel {
|
|
|
4191
4203
|
.Breadcrumb__Item {
|
|
4192
4204
|
font-weight: 500;
|
|
4193
4205
|
color: var(--link-text-color);
|
|
4206
|
+
display: flex;
|
|
4207
|
+
flex-wrap: nowrap;
|
|
4194
4208
|
}
|
|
4195
4209
|
|
|
4196
4210
|
:root {
|
package/package.json
CHANGED