@parto-system-design/ui 1.1.7 → 1.1.8

package/dist/index.css

@@ -4,6 +4,9 @@
   container-type: inline-size;
   container-name: field-group;
 }
+.pointer-events-auto {
+  pointer-events: auto;
+}
 .pointer-events-none {
   pointer-events: none;
 }
@@ -75,6 +78,9 @@
 .isolate {
   isolation: isolate;
 }
+.z-0 {
+  z-index: 0;
+}
 .z-10 {
   z-index: 10;
 }
@@ -111,6 +117,9 @@
 .row-0 {
   grid-row: 0;
 }
+.row-span-2 {
+  grid-row: span 2 / span 2;
+}
 .container {
   width: 100%;
 }
@@ -190,6 +199,9 @@
 .field-sizing-content {
   field-sizing: content;
 }
+.aspect-\[4\/3\] {
+  aspect-ratio: 4/3;
+}
 .aspect-\[4\/5\] {
   aspect-ratio: 4/5;
 }
@@ -358,6 +370,9 @@
 .w-\[1px\] {
   width: 1px;
 }
+.w-\[3px\] {
+  width: 3px;
+}
 .w-\[28px\] {
   width: 28px;
 }
@@ -406,6 +421,9 @@
 .max-w-\[8rem\] {
   max-width: 8rem;
 }
+.max-w-\[80\%\] {
+  max-width: 80%;
+}
 .max-w-\[120px\] {
   max-width: 120px;
 }
@@ -460,6 +478,9 @@
 .flex-shrink-0 {
   flex-shrink: 0;
 }
+.shrink {
+  flex-shrink: 1;
+}
 .shrink-0 {
   flex-shrink: 0;
 }
@@ -524,6 +545,12 @@
   --tw-translate-y: -50%;
   translate: var(--tw-translate-x) var(--tw-translate-y);
 }
+.scale-105 {
+  --tw-scale-x: 105%;
+  --tw-scale-y: 105%;
+  --tw-scale-z: 105%;
+  scale: var(--tw-scale-x) var(--tw-scale-y);
+}
 .scale-110 {
   --tw-scale-x: 110%;
   --tw-scale-y: 110%;
@@ -533,9 +560,6 @@
 .-rotate-90 {
   rotate: calc(90deg * -1);
 }
-.rotate-0 {
-  rotate: 0deg;
-}
 .rotate-45 {
   rotate: 45deg;
 }
@@ -551,6 +575,9 @@
 .animate-pulse-subtle {
   animation: pulse-subtle 2s ease-in-out infinite;
 }
+.animate-slide-up {
+  animation: slide-up 0.2s cubic-bezier(0.4, 0, 0.2, 1);
+}
 .cursor-col-resize {
   cursor: col-resize;
 }
@@ -611,6 +638,9 @@
 .grid-cols-\[repeat\(auto-fit\,minmax\(7rem\,1fr\)\)\] {
   grid-template-columns: repeat(auto-fit,minmax(7rem,1fr));
 }
+.grid-rows-2 {
+  grid-template-rows: repeat(2, minmax(0, 1fr));
+}
 .flex-col {
   flex-direction: column;
 }
@@ -653,6 +683,9 @@
 .justify-start {
   justify-content: flex-start;
 }
+.gap-px {
+  gap: 1px;
+}
 .divide-y {
   :where(& > :not(:last-child)) {
     --tw-divide-y-reverse: 0;
@@ -729,6 +762,10 @@
 .rounded-xs {
   border-radius: var(--borderradius-xs);
 }
+.rounded-t-md {
+  border-top-left-radius: calc(var(--radius) - 2px);
+  border-top-right-radius: calc(var(--radius) - 2px);
+}
 .rounded-tl-sm {
   border-top-left-radius: calc(var(--radius) - 4px);
 }
@@ -744,6 +781,10 @@
   border-style: var(--tw-border-style);
   border-width: var(--borderwidth-sm);
 }
+.border-x {
+  border-inline-style: var(--tw-border-style);
+  border-inline-width: var(--borderwidth-xs);
+}
 .border-y {
   border-block-style: var(--tw-border-style);
   border-block-width: var(--borderwidth-xs);
@@ -810,12 +851,18 @@
 .border-\[hsl\(var\(--brand\)\/0\.3\)\] {
   border-color: hsl(var(--brand)/0.3);
 }
+.border-\[hsl\(var\(--brand-default\)\)\] {
+  border-color: hsl(var(--brand-default));
+}
 .border-\[hsl\(var\(--brand-default\)\/0\.3\)\] {
   border-color: hsl(var(--brand-default)/0.3);
 }
 .border-\[hsl\(var\(--brand-default\)\/0\.4\)\] {
   border-color: hsl(var(--brand-default)/0.4);
 }
+.border-\[hsl\(var\(--brand-default\)\/0\.5\)\] {
+  border-color: hsl(var(--brand-default)/0.5);
+}
 .border-\[hsl\(var\(--destructive-default\)\/0\.3\)\] {
   border-color: hsl(var(--destructive-default)/0.3);
 }
@@ -837,6 +884,30 @@
 .border-\[hsl\(var\(--sentiment-positive\)\/0\.3\)\] {
   border-color: hsl(var(--sentiment-positive)/0.3);
 }
+.border-\[hsl\(var\(--severity-high\)\/0\.3\)\] {
+  border-color: hsl(var(--severity-high)/0.3);
+}
+.border-\[hsl\(var\(--severity-high\)\/0\.4\)\] {
+  border-color: hsl(var(--severity-high)/0.4);
+}
+.border-\[hsl\(var\(--severity-low\)\/0\.3\)\] {
+  border-color: hsl(var(--severity-low)/0.3);
+}
+.border-\[hsl\(var\(--severity-low\)\/0\.4\)\] {
+  border-color: hsl(var(--severity-low)/0.4);
+}
+.border-\[hsl\(var\(--severity-medium\)\/0\.3\)\] {
+  border-color: hsl(var(--severity-medium)/0.3);
+}
+.border-\[hsl\(var\(--severity-medium\)\/0\.4\)\] {
+  border-color: hsl(var(--severity-medium)/0.4);
+}
+.border-\[hsl\(var\(--status-critical\)\/0\.35\)\] {
+  border-color: hsl(var(--status-critical)/0.35);
+}
+.border-\[hsl\(var\(--status-critical\)\/0\.45\)\] {
+  border-color: hsl(var(--status-critical)/0.45);
+}
 .border-\[hsl\(var\(--warning-default\)\/0\.3\)\] {
   border-color: hsl(var(--warning-default)/0.3);
 }
@@ -882,12 +953,6 @@
     border-color: color-mix(in oklab, hsl(var(--brand-500)) 75%, transparent);
   }
 }
-.border-brand\/50 {
-  border-color: hsl(var(--brand-default));
-  @supports (color: color-mix(in lab, red, red)) {
-    border-color: color-mix(in oklab, hsl(var(--brand-default)) 50%, transparent);
-  }
-}
 .border-button {
   border-color: hsl(var(--border-button-default));
 }
@@ -951,6 +1016,9 @@
 .border-warning-500 {
   border-color: hsl(var(--warning-500));
 }
+.border-s-\[hsl\(var\(--brand-default\)\)\] {
+  border-inline-start-color: hsl(var(--brand-default));
+}
 .border-s-transparent {
   border-inline-start-color: transparent;
 }
@@ -972,24 +1040,45 @@
 .bg {
   background-color: hsl(var(--background-default));
 }
+.bg-\[hsl\(0_0\%_0\%\)\] {
+  background-color: hsl(0 0% 0%);
+}
 .bg-\[hsl\(0_0\%_0\%\/0\.2\)\] {
   background-color: hsl(0 0% 0%/0.2);
 }
 .bg-\[hsl\(0_0\%_0\%\/0\.6\)\] {
   background-color: hsl(0 0% 0%/0.6);
 }
+.bg-\[hsl\(0_0\%_0\%\/0\.7\)\] {
+  background-color: hsl(0 0% 0%/0.7);
+}
+.bg-\[hsl\(0_0\%_0\%\/0\.45\)\] {
+  background-color: hsl(0 0% 0%/0.45);
+}
+.bg-\[hsl\(0_0\%_0\%\/0\.55\)\] {
+  background-color: hsl(0 0% 0%/0.55);
+}
+.bg-\[hsl\(0_0\%_100\%\)\] {
+  background-color: hsl(0 0% 100%);
+}
+.bg-\[hsl\(0_0\%_100\%\/0\.5\)\] {
+  background-color: hsl(0 0% 100%/0.5);
+}
+.bg-\[hsl\(0_0\%_100\%\/0\.35\)\] {
+  background-color: hsl(0 0% 100%/0.35);
+}
+.bg-\[hsl\(0_0\%_100\%\/0\.85\)\] {
+  background-color: hsl(0 0% 100%/0.85);
+}
+.bg-\[hsl\(0_0\%_100\%\/0\.92\)\] {
+  background-color: hsl(0 0% 100%/0.92);
+}
 .bg-\[hsl\(var\(--brand\)\/0\.1\)\] {
   background-color: hsl(var(--brand)/0.1);
 }
-.bg-\[hsl\(var\(--brand\)\/0\.02\)\] {
-  background-color: hsl(var(--brand)/0.02);
-}
 .bg-\[hsl\(var\(--brand\)\/0\.04\)\] {
   background-color: hsl(var(--brand)/0.04);
 }
-.bg-\[hsl\(var\(--brand\)\/0\.06\)\] {
-  background-color: hsl(var(--brand)/0.06);
-}
 .bg-\[hsl\(var\(--brand\)\/0\.08\)\] {
   background-color: hsl(var(--brand)/0.08);
 }
@@ -999,9 +1088,21 @@
 .bg-\[hsl\(var\(--brand-default\)\/0\.1\)\] {
   background-color: hsl(var(--brand-default)/0.1);
 }
+.bg-\[hsl\(var\(--brand-default\)\/0\.02\)\] {
+  background-color: hsl(var(--brand-default)/0.02);
+}
+.bg-\[hsl\(var\(--brand-default\)\/0\.04\)\] {
+  background-color: hsl(var(--brand-default)/0.04);
+}
+.bg-\[hsl\(var\(--brand-default\)\/0\.06\)\] {
+  background-color: hsl(var(--brand-default)/0.06);
+}
 .bg-\[hsl\(var\(--brand-default\)\/0\.08\)\] {
   background-color: hsl(var(--brand-default)/0.08);
 }
+.bg-\[hsl\(var\(--brand-default\)\/0\.15\)\] {
+  background-color: hsl(var(--brand-default)/0.15);
+}
 .bg-\[hsl\(var\(--destructive-default\)\)\] {
   background-color: hsl(var(--destructive-default));
 }
@@ -1059,6 +1160,36 @@
 .bg-\[hsl\(var\(--sentiment-positive\)\/0\.12\)\] {
   background-color: hsl(var(--sentiment-positive)/0.12);
 }
+.bg-\[hsl\(var\(--severity-high\)\/0\.1\)\] {
+  background-color: hsl(var(--severity-high)/0.1);
+}
+.bg-\[hsl\(var\(--severity-high\)\/0\.12\)\] {
+  background-color: hsl(var(--severity-high)/0.12);
+}
+.bg-\[hsl\(var\(--severity-low\)\/0\.1\)\] {
+  background-color: hsl(var(--severity-low)/0.1);
+}
+.bg-\[hsl\(var\(--severity-low\)\/0\.12\)\] {
+  background-color: hsl(var(--severity-low)/0.12);
+}
+.bg-\[hsl\(var\(--severity-medium\)\/0\.1\)\] {
+  background-color: hsl(var(--severity-medium)/0.1);
+}
+.bg-\[hsl\(var\(--severity-medium\)\/0\.12\)\] {
+  background-color: hsl(var(--severity-medium)/0.12);
+}
+.bg-\[hsl\(var\(--status-critical\)\)\] {
+  background-color: hsl(var(--status-critical));
+}
+.bg-\[hsl\(var\(--status-critical\)\/0\.12\)\] {
+  background-color: hsl(var(--status-critical)/0.12);
+}
+.bg-\[hsl\(var\(--status-critical\)\/0\.14\)\] {
+  background-color: hsl(var(--status-critical)/0.14);
+}
+.bg-\[hsl\(var\(--status-warning\)\/0\.12\)\] {
+  background-color: hsl(var(--status-warning)/0.12);
+}
 .bg-\[hsl\(var\(--warning-default\)\)\] {
   background-color: hsl(var(--warning-default));
 }
@@ -1143,6 +1274,12 @@
     background-color: color-mix(in oklab, hsl(var(--background-default)) 80%, transparent);
   }
 }
+.bg-background\/85 {
+  background-color: hsl(var(--background-default));
+  @supports (color: color-mix(in lab, red, red)) {
+    background-color: color-mix(in oklab, hsl(var(--background-default)) 85%, transparent);
+  }
+}
 .bg-background\/95 {
   background-color: hsl(var(--background-default));
   @supports (color: color-mix(in lab, red, red)) {
@@ -1158,6 +1295,9 @@
 .bg-border-overlay {
   background-color: hsl(var(--border-overlay));
 }
+.bg-border-strong {
+  background-color: hsl(var(--border-strong));
+}
 .bg-brand {
   background-color: hsl(var(--brand-default));
 }
@@ -1185,6 +1325,9 @@
 .bg-card {
   background-color: hsl(var(--background-surface-100));
 }
+.bg-current {
+  background-color: currentcolor;
+}
 .bg-destructive {
   background-color: hsl(var(--destructive-default));
 }
@@ -1218,6 +1361,12 @@
 .bg-foreground-muted {
   background-color: hsl(var(--foreground-muted));
 }
+.bg-foreground-muted\/60 {
+  background-color: hsl(var(--foreground-muted));
+  @supports (color: color-mix(in lab, red, red)) {
+    background-color: color-mix(in oklab, hsl(var(--foreground-muted)) 60%, transparent);
+  }
+}
 .bg-foreground\/70 {
   background-color: hsl(var(--foreground-default));
   @supports (color: color-mix(in lab, red, red)) {
@@ -1302,6 +1451,10 @@
 .bg-warning-500 {
   background-color: hsl(var(--warning-500));
 }
+.bg-gradient-to-b {
+  --tw-gradient-position: to bottom in oklab;
+  background-image: linear-gradient(var(--tw-gradient-stops));
+}
 .bg-gradient-to-br {
   --tw-gradient-position: to bottom right in oklab;
   background-image: linear-gradient(var(--tw-gradient-stops));
@@ -1310,10 +1463,22 @@
   --tw-gradient-position: to top in oklab;
   background-image: linear-gradient(var(--tw-gradient-stops));
 }
+.from-\[hsl\(0_0\%_0\%\/0\.3\)\] {
+  --tw-gradient-from: hsl(0 0% 0%/0.3);
+  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
+}
 .from-\[hsl\(0_0\%_0\%\/0\.4\)\] {
   --tw-gradient-from: hsl(0 0% 0%/0.4);
   --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
 }
+.from-\[hsl\(0_0\%_0\%\/0\.45\)\] {
+  --tw-gradient-from: hsl(0 0% 0%/0.45);
+  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
+}
+.from-\[hsl\(0_0\%_0\%\/0\.72\)\] {
+  --tw-gradient-from: hsl(0 0% 0%/0.72);
+  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
+}
 .from-brand {
   --tw-gradient-from: hsl(var(--brand-default));
   --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
@@ -1322,6 +1487,11 @@
   --tw-gradient-from: hsl(var(--brand-400));
   --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
 }
+.via-\[hsl\(0_0\%_0\%\/0\.25\)\] {
+  --tw-gradient-via: hsl(0 0% 0%/0.25);
+  --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
+  --tw-gradient-stops: var(--tw-gradient-via-stops);
+}
 .via-brand {
   --tw-gradient-via: hsl(var(--brand-default));
   --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
@@ -1337,6 +1507,10 @@
   --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
   --tw-gradient-stops: var(--tw-gradient-via-stops);
 }
+.to-\[hsl\(0_0\%_0\%\/0\.55\)\] {
+  --tw-gradient-to: hsl(0 0% 0%/0.55);
+  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
+}
 .to-brand {
   --tw-gradient-to: hsl(var(--brand-default));
   --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
@@ -1355,6 +1529,9 @@
 .fill-\[hsl\(var\(--brand\)\/0\.15\)\] {
   fill: hsl(var(--brand)/0.15);
 }
+.fill-\[hsl\(var\(--brand-default\)\)\] {
+  fill: hsl(var(--brand-default));
+}
 .fill-brand {
   fill: hsl(var(--brand-default));
 }
@@ -1454,6 +1631,9 @@
 .text-\[0px\] {
   font-size: 0px;
 }
+.text-\[9px\] {
+  font-size: 9px;
+}
 .text-\[10px\] {
   font-size: 10px;
 }
@@ -1506,6 +1686,9 @@
 .text {
   color: hsl(var(--foreground-default));
 }
+.text-\[hsl\(0_0\%_10\%\)\] {
+  color: hsl(0 0% 10%);
+}
 .text-\[hsl\(0_0\%_100\%\)\] {
   color: hsl(0 0% 100%);
 }
@@ -1530,6 +1713,21 @@
 .text-\[hsl\(var\(--sentiment-positive\)\)\] {
   color: hsl(var(--sentiment-positive));
 }
+.text-\[hsl\(var\(--severity-high\)\)\] {
+  color: hsl(var(--severity-high));
+}
+.text-\[hsl\(var\(--severity-low\)\)\] {
+  color: hsl(var(--severity-low));
+}
+.text-\[hsl\(var\(--severity-medium\)\)\] {
+  color: hsl(var(--severity-medium));
+}
+.text-\[hsl\(var\(--status-critical\)\)\] {
+  color: hsl(var(--status-critical));
+}
+.text-\[hsl\(var\(--status-warning\)\)\] {
+  color: hsl(var(--status-warning));
+}
 .text-\[hsl\(var\(--token\)\)\] {
   color: hsl(var(--token));
 }
@@ -1690,9 +1888,15 @@
 .opacity-70 {
   opacity: 70%;
 }
+.opacity-80 {
+  opacity: 80%;
+}
 .opacity-90 {
   opacity: 90%;
 }
+.opacity-95 {
+  opacity: 95%;
+}
 .opacity-100 {
   opacity: 100%;
 }
@@ -1751,6 +1955,9 @@
 .\[--tw-ring-color\:conic-gradient\(from_180deg\,hsl\(var\(--brand-default\)\)\,hsl\(var\(--brand-400\)\)\,hsl\(var\(--brand-default\)\)\)\] {
   --tw-ring-color: conic-gradient(from 180deg,hsl(var(--brand-default)),hsl(var(--brand-400)),hsl(var(--brand-default)));
 }
+.ring-\[hsl\(var\(--brand-default\)\/0\.4\)\] {
+  --tw-ring-color: hsl(var(--brand-default)/0.4);
+}
 .ring-background {
   --tw-ring-color: hsl(var(--background-default));
 }
@@ -2012,6 +2219,13 @@
     }
   }
 }
+.group-hover\:underline {
+  &:is(:where(.group):hover *) {
+    @media (hover: hover) {
+      text-decoration-line: underline;
+    }
+  }
+}
 .group-hover\:opacity-100 {
   &:is(:where(.group):hover *) {
     @media (hover: hover) {
@@ -2566,6 +2780,13 @@
     }
   }
 }
+.hover\:border-border-strong {
+  &:hover {
+    @media (hover: hover) {
+      border-color: hsl(var(--border-strong));
+    }
+  }
+}
 .hover\:border-border-stronger {
   &:hover {
     @media (hover: hover) {
@@ -2646,6 +2867,20 @@
     }
   }
 }
+.hover\:bg-\[hsl\(0_0\%_0\%\/0\.6\)\] {
+  &:hover {
+    @media (hover: hover) {
+      background-color: hsl(0 0% 0%/0.6);
+    }
+  }
+}
+.hover\:bg-\[hsl\(0_0\%_100\%\)\] {
+  &:hover {
+    @media (hover: hover) {
+      background-color: hsl(0 0% 100%);
+    }
+  }
+}
 .hover\:bg-accent {
   &:hover {
     @media (hover: hover) {
@@ -2653,6 +2888,13 @@
     }
   }
 }
+.hover\:bg-background {
+  &:hover {
+    @media (hover: hover) {
+      background-color: hsl(var(--background-default));
+    }
+  }
+}
 .hover\:bg-background-surface-200 {
   &:hover {
     @media (hover: hover) {
@@ -3008,6 +3250,16 @@
     color: hsl(var(--border-control));
   }
 }
+.focus-visible\:underline {
+  &:focus-visible {
+    text-decoration-line: underline;
+  }
+}
+.focus-visible\:opacity-100 {
+  &:focus-visible {
+    opacity: 100%;
+  }
+}
 .focus-visible\:ring-0 {
   &:focus-visible {
     --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
@@ -3120,6 +3372,22 @@
     --tw-ring-inset: inset;
   }
 }
+.focus-visible\:before\:\!bg-brand {
+  &:focus-visible {
+    &::before {
+      content: var(--tw-content);
+      background-color: hsl(var(--brand-default)) !important;
+    }
+  }
+}
+.focus-visible\:before\:opacity-100 {
+  &:focus-visible {
+    &::before {
+      content: var(--tw-content);
+      opacity: 100%;
+    }
+  }
+}
 .active\:scale-\[0\.97\] {
   &:active {
     scale: 0.97;
@@ -3161,6 +3429,11 @@
     color: hsl(var(--foreground-muted));
   }
 }
+.disabled\:opacity-0 {
+  &:disabled {
+    opacity: 0%;
+  }
+}
 .disabled\:opacity-50 {
   &:disabled {
     opacity: 50%;
@@ -4266,6 +4539,11 @@
     animation: job-indeterminate 1.2s cubic-bezier(0.4, 0, 0.2, 1) infinite;
   }
 }
+.motion-reduce\:animate-none {
+  @media (prefers-reduced-motion: reduce) {
+    animation: none;
+  }
+}
 .ltr\:hidden {
   &:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
     display: none;
@@ -4495,29 +4773,38 @@
     }
   }
 }
-.dark\:hover\:bg-brand-600 {
+.dark\:hover\:bg-brand-500\/80 {
   &:is([data-theme="dark"] *) {
     &:hover {
       @media (hover: hover) {
-        background-color: hsl(var(--brand-600));
+        background-color: hsl(var(--brand-500));
+        @supports (color: color-mix(in lab, red, red)) {
+          background-color: color-mix(in oklab, hsl(var(--brand-500)) 80%, transparent);
+        }
       }
     }
   }
 }
-.dark\:hover\:bg-destructive-600 {
+.dark\:hover\:bg-destructive-400\/80 {
   &:is([data-theme="dark"] *) {
     &:hover {
       @media (hover: hover) {
-        background-color: hsl(var(--destructive-600));
+        background-color: hsl(var(--destructive-400));
+        @supports (color: color-mix(in lab, red, red)) {
+          background-color: color-mix(in oklab, hsl(var(--destructive-400)) 80%, transparent);
+        }
       }
     }
   }
 }
-.dark\:hover\:bg-warning-600 {
+.dark\:hover\:bg-warning-400\/80 {
   &:is([data-theme="dark"] *) {
     &:hover {
       @media (hover: hover) {
-        background-color: hsl(var(--warning-600));
+        background-color: hsl(var(--warning-400));
+        @supports (color: color-mix(in lab, red, red)) {
+          background-color: color-mix(in oklab, hsl(var(--warning-400)) 80%, transparent);
+        }
       }
     }
   }
@@ -5364,6 +5651,7 @@
   --social-platform-youtube: #FF0000;
   --social-platform-linkedin: #0A66C2;
   --social-platform-telegram: #26A5E4;
+  --social-platform-facebook: #1877F2;
   --social-platform-tv: #D32F2F;
   --social-platform-radio: #F57C00;
 }
@@ -5372,6 +5660,7 @@
   --social-platform-twitter: #000000;
   --social-platform-threads: #000000;
   --social-platform-press: #1A2332;
+  --social-platform-web: #475569;
   --shadow-tooltip: 0 2px 12px rgba(0, 0, 0, 0.12);
   --shadow-tooltip-lg: 0 20px 25px -5px rgba(0, 0, 0, 0.08), 0 8px 10px -6px rgba(0, 0, 0, 0.06);
   --focus-ring-color: hsl(var(--brand-default));
@@ -5469,21 +5758,21 @@
   --engagement-poor: 0deg 84% 60%;
   --engagement-poor-hover: 0deg 72% 51%;
   --engagement-inactive: var(--border-strong);
-  --sentiment-positive: 142deg 71% 45%;
+  --sentiment-positive: 142deg 71% 38%;
   --sentiment-negative: 0deg 84% 60%;
   --sentiment-neutral: 0deg 0% 43.5%;
-  --sentiment-mixed: 30deg 80% 48%;
+  --sentiment-mixed: 30deg 80% 40%;
   --emotion-anger: 0deg 72% 48%;
-  --emotion-anticipation: 28deg 82% 50%;
-  --emotion-joy: 48deg 88% 48%;
+  --emotion-anticipation: 28deg 82% 42%;
+  --emotion-joy: 45deg 90% 36%;
   --emotion-trust: 140deg 50% 42%;
   --emotion-fear: 275deg 30% 36%;
-  --emotion-surprise: 200deg 75% 52%;
+  --emotion-surprise: 200deg 75% 42%;
   --emotion-sadness: 230deg 58% 48%;
   --emotion-disgust: 285deg 50% 48%;
   --emotion-neutral: 215deg 8% 52%;
   --flow-pro-gov: 153deg 55% 42%;
-  --flow-internal-critic: 35deg 65% 48%;
+  --flow-internal-critic: 35deg 70% 40%;
   --flow-internal-opponent: 20deg 75% 50%;
   --flow-external-opponent: 355deg 65% 52%;
   --flow-grey: 215deg 10% 52%;
@@ -5492,22 +5781,22 @@
   --status-normal: var(--sentiment-positive);
   --severity-urgent: 0deg 82% 50%;
   --severity-high: 22deg 88% 52%;
-  --severity-medium: 40deg 88% 50%;
+  --severity-medium: 40deg 92% 38%;
   --severity-low: 215deg 10% 55%;
   --action-type-like: 347deg 77% 50%;
   --action-type-comment: 217deg 91% 60%;
-  --action-type-save: 38deg 92% 50%;
-  --action-type-follow: 142deg 71% 45%;
+  --action-type-save: 38deg 92% 38%;
+  --action-type-follow: 142deg 71% 38%;
   --action-type-unfollow: 215deg 10% 55%;
   --action-type-dm: 262deg 83% 58%;
-  --action-type-share: 172deg 76% 40%;
+  --action-type-share: 172deg 80% 30%;
   --score-excellent: 142deg 76% 26%;
   --score-excellent-bg: 142deg 76% 95%;
-  --score-good: 84deg 81% 44%;
+  --score-good: 84deg 85% 30%;
   --score-good-bg: 84deg 81% 94%;
-  --score-moderate: 48deg 96% 50%;
+  --score-moderate: 38deg 100% 35%;
   --score-moderate-bg: 48deg 96% 94%;
-  --score-poor: 25deg 95% 53%;
+  --score-poor: 22deg 100% 42%;
   --score-poor-bg: 25deg 95% 94%;
   --score-critical: 0deg 84% 60%;
   --score-critical-bg: 0deg 84% 95%;
@@ -5522,6 +5811,7 @@
   --social-platform-twitter: #E7E9EA;
   --social-platform-threads: #E7E9EA;
   --social-platform-press: #C5D0DB;
+  --social-platform-web: #94A3B8;
   --shadow-tooltip: 0 2px 12px rgba(0, 0, 0, 0.4);
   --shadow-tooltip-lg: 0 20px 25px -5px rgba(0, 0, 0, 0.3), 0 8px 10px -6px rgba(0, 0, 0, 0.2);
   --focus-ring-color: hsl(var(--brand-default));
@@ -6210,6 +6500,9 @@
   .dark .bg-brand-500, .dark\:bg-brand-500:is(.dark *) {
     background-color: hsl(var(--brand-500));
   }
+  .dark .hover\:bg-brand-500\/80:hover, .dark\:hover\:bg-brand-500\/80:is(.dark *):hover {
+    background-color: hsl(var(--brand-500) / 0.8);
+  }
   .bg-brand-600 {
     background-color: hsl(var(--brand-600));
   }
@@ -6279,6 +6572,9 @@
   .dark .bg-destructive-400, .dark\:bg-destructive-400:is(.dark *) {
     background-color: hsl(var(--destructive-400));
   }
+  .dark .hover\:bg-destructive-400\/80:hover, .dark\:hover\:bg-destructive-400\/80:is(.dark *):hover {
+    background-color: hsl(var(--destructive-400) / 0.8);
+  }
   .dark .bg-destructive-500, .dark\:bg-destructive-500:is(.dark *) {
     background-color: hsl(var(--destructive-500));
   }
@@ -6378,6 +6674,9 @@
   .dark .bg-warning-400, .dark\:bg-warning-400:is(.dark *) {
     background-color: hsl(var(--warning-400));
   }
+  .dark .hover\:bg-warning-400\/80:hover, .dark\:hover\:bg-warning-400\/80:is(.dark *):hover {
+    background-color: hsl(var(--warning-400) / 0.8);
+  }
   .bg-destructive-200 {
     background-color: hsl(var(--destructive-200));
   }