@deque/cauldron-styles 3.0.1-canary.41ff0487 → 3.0.1-canary.43fb6953
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 +27 -7
- package/package.json +1 -1
package/dist/index.css
CHANGED
|
@@ -2281,6 +2281,7 @@ p .Link {
|
|
|
2281
2281
|
.Toast__dismiss {
|
|
2282
2282
|
background: transparent;
|
|
2283
2283
|
border: 0;
|
|
2284
|
+
height: calc(var(--text-size-small) + 9px);
|
|
2284
2285
|
}
|
|
2285
2286
|
|
|
2286
2287
|
.Toast__dismiss:focus {
|
|
@@ -3169,6 +3170,13 @@ button.TooltipTabstop {
|
|
|
3169
3170
|
--table-space: 11px;
|
|
3170
3171
|
}
|
|
3171
3172
|
|
|
3173
|
+
.cauldron--theme-dark {
|
|
3174
|
+
--table-header-text-color: var(--white);
|
|
3175
|
+
--table-header-background-color: var(--accent-dark);
|
|
3176
|
+
--table-cell-text-color: var(--accent-light);
|
|
3177
|
+
--table-cell-background-color: var(--accent-medium);
|
|
3178
|
+
}
|
|
3179
|
+
|
|
3172
3180
|
.Table {
|
|
3173
3181
|
font-size: var(--text-size-small);
|
|
3174
3182
|
border-collapse: collapse;
|
|
@@ -3180,8 +3188,7 @@ button.TooltipTabstop {
|
|
|
3180
3188
|
|
|
3181
3189
|
.TableHeader {
|
|
3182
3190
|
background: var(--table-header-background-color);
|
|
3183
|
-
font-
|
|
3184
|
-
font-weight: var(--font-weight-bold);
|
|
3191
|
+
font-weight: var(--font-weight-medium);
|
|
3185
3192
|
color: var(--table-header-text-color);
|
|
3186
3193
|
border-bottom: 2px solid var(--table-row-border-color);
|
|
3187
3194
|
}
|
|
@@ -3202,14 +3209,23 @@ button.TooltipTabstop {
|
|
|
3202
3209
|
}
|
|
3203
3210
|
|
|
3204
3211
|
:root {
|
|
3205
|
-
--data-list-
|
|
3212
|
+
--data-list-background-color: var(--gray-20);
|
|
3213
|
+
--data-list-value-background-color: var(--white);
|
|
3206
3214
|
--data-list-border-color: var(--gray-40);
|
|
3207
3215
|
--data-list-text-color: var(--gray-90);
|
|
3208
|
-
--data-list-value-text-color: var(--gray-
|
|
3216
|
+
--data-list-value-text-color: var(--gray-80);
|
|
3209
3217
|
--data-list-space: 11px;
|
|
3210
3218
|
--data-list-value-width: 187px;
|
|
3211
3219
|
}
|
|
3212
3220
|
|
|
3221
|
+
.cauldron--theme-dark {
|
|
3222
|
+
--data-list-background-color: var(--accent-dark);
|
|
3223
|
+
--data-list-value-background-color: var(--accent-medium);
|
|
3224
|
+
--data-list-text-color: var(--white);
|
|
3225
|
+
--data-list-value-text-color: var(--accent-light);
|
|
3226
|
+
--data-list-border-color: #5d676f;
|
|
3227
|
+
}
|
|
3228
|
+
|
|
3213
3229
|
.DescriptionList {
|
|
3214
3230
|
color: var(--data-list-text-color);
|
|
3215
3231
|
font-size: var(--text-size-small);
|
|
@@ -3228,6 +3244,7 @@ button.TooltipTabstop {
|
|
|
3228
3244
|
padding: var(--data-list-space);
|
|
3229
3245
|
border-top: 1px solid var(--data-list-border-color);
|
|
3230
3246
|
border-bottom: 1px solid var(--data-list-border-color);
|
|
3247
|
+
background-color: var(--data-list-value-background-color);
|
|
3231
3248
|
}
|
|
3232
3249
|
|
|
3233
3250
|
.DescriptionList__item {
|
|
@@ -3239,6 +3256,7 @@ button.TooltipTabstop {
|
|
|
3239
3256
|
border: 0;
|
|
3240
3257
|
margin-bottom: var(--space-small);
|
|
3241
3258
|
display: block;
|
|
3259
|
+
background-color: var(--data-list-value-background-color);
|
|
3242
3260
|
}
|
|
3243
3261
|
|
|
3244
3262
|
.DescriptionList__item:first-child {
|
|
@@ -3258,12 +3276,11 @@ button.TooltipTabstop {
|
|
|
3258
3276
|
}
|
|
3259
3277
|
|
|
3260
3278
|
.DescriptionList__term {
|
|
3261
|
-
background-color: var(--data-list-
|
|
3279
|
+
background-color: var(--data-list-background-color);
|
|
3262
3280
|
width: var(--data-list-value-width);
|
|
3263
|
-
font-weight: var(--font-weight-
|
|
3281
|
+
font-weight: var(--font-weight-medium);
|
|
3264
3282
|
border-right: 1px solid var(--data-list-border-color);
|
|
3265
3283
|
flex: 0 0 auto;
|
|
3266
|
-
font-family: 'Lato', sans-serif;
|
|
3267
3284
|
}
|
|
3268
3285
|
|
|
3269
3286
|
.DescriptionList--collapsed .DescriptionList__term {
|
|
@@ -3273,7 +3290,10 @@ button.TooltipTabstop {
|
|
|
3273
3290
|
}
|
|
3274
3291
|
|
|
3275
3292
|
.DescriptionList__details {
|
|
3293
|
+
width: 100%;
|
|
3276
3294
|
color: var(--data-list-value-text-color);
|
|
3295
|
+
background-color: var(--data-list-value-background-color);
|
|
3296
|
+
font-weight: var(--font-weight-normal);
|
|
3277
3297
|
}
|
|
3278
3298
|
|
|
3279
3299
|
.DescriptionList__term,
|
package/package.json
CHANGED