@caratlogic/design-system 0.1.51 → 0.1.52
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.esm.js
CHANGED
|
@@ -26488,14 +26488,15 @@ function pinnedHeaderClass() {
|
|
|
26488
26488
|
function pinnedCellClass(pinnedBg) {
|
|
26489
26489
|
return cn('sticky right-0 z-10', PINNED_BEFORE, PINNED_SHADOW, pinnedBg);
|
|
26490
26490
|
}
|
|
26491
|
+
// Dark badge backgrounds sit too close to the dark card, so dark mode tints with the status colour itself.
|
|
26491
26492
|
const ROW_TONE = {
|
|
26492
|
-
warning: 'bg-badge-amber-bg/40 hover:bg-badge-amber-bg/60',
|
|
26493
|
-
info: 'bg-badge-blue-bg/40 hover:bg-badge-blue-bg/60',
|
|
26493
|
+
warning: 'bg-badge-amber-bg/40 hover:bg-badge-amber-bg/60 dark:bg-warning/15 dark:hover:bg-warning/25',
|
|
26494
|
+
info: 'bg-badge-blue-bg/40 hover:bg-badge-blue-bg/60 dark:bg-info/15 dark:hover:bg-info/25',
|
|
26494
26495
|
};
|
|
26495
26496
|
// The pinned cell must stay opaque, so the tint is an overlay painted under its content.
|
|
26496
26497
|
const PINNED_TONE = {
|
|
26497
|
-
warning: 'after:bg-badge-amber-bg/40',
|
|
26498
|
-
info: 'after:bg-badge-blue-bg/40',
|
|
26498
|
+
warning: 'after:bg-badge-amber-bg/40 dark:after:bg-warning/15',
|
|
26499
|
+
info: 'after:bg-badge-blue-bg/40 dark:after:bg-info/15',
|
|
26499
26500
|
};
|
|
26500
26501
|
function rowToneClass(tone) {
|
|
26501
26502
|
return ROW_TONE[tone];
|