@parto-system-design/ui 1.1.7 → 1.1.9

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;
 }
@@ -42,9 +45,15 @@
 .sticky {
   position: sticky;
 }
+.\!start-auto {
+  inset-inline-start: auto !important;
+}
 .start-1\/2 {
   inset-inline-start: calc(1/2 * 100%);
 }
+.\!end-auto {
+  inset-inline-end: auto !important;
+}
 .top-1\/2 {
   top: calc(1 / 2 * 100%);
 }
@@ -66,6 +75,9 @@
 .bottom-\[-0\.75rem\] {
   bottom: -0.75rem;
 }
+.\!left-auto {
+  left: auto !important;
+}
 .left-1\/2 {
   left: calc(1 / 2 * 100%);
 }
@@ -75,6 +87,9 @@
 .isolate {
   isolation: isolate;
 }
+.z-0 {
+  z-index: 0;
+}
 .z-10 {
   z-index: 10;
 }
@@ -111,6 +126,9 @@
 .row-0 {
   grid-row: 0;
 }
+.row-span-2 {
+  grid-row: span 2 / span 2;
+}
 .container {
   width: 100%;
 }
@@ -136,12 +154,6 @@
 .mt-auto {
   margin-top: auto;
 }
-.line-clamp-1 {
-  overflow: hidden;
-  display: -webkit-box;
-  -webkit-box-orient: vertical;
-  -webkit-line-clamp: 1;
-}
 .line-clamp-2 {
   overflow: hidden;
   display: -webkit-box;
@@ -190,6 +202,9 @@
 .field-sizing-content {
   field-sizing: content;
 }
+.aspect-\[4\/3\] {
+  aspect-ratio: 4/3;
+}
 .aspect-\[4\/5\] {
   aspect-ratio: 4/5;
 }
@@ -220,9 +235,6 @@
 .h-\[16px\] {
   height: 16px;
 }
-.h-\[18px\] {
-  height: 18px;
-}
 .h-\[20px\] {
   height: 20px;
 }
@@ -286,9 +298,6 @@
 .max-h-\[70vh\] {
   max-height: 70vh;
 }
-.max-h-\[90vh\] {
-  max-height: 90vh;
-}
 .max-h-\[300px\] {
   max-height: 300px;
 }
@@ -346,18 +355,18 @@
 .w-3\/5 {
   width: calc(3 / 5 * 100%);
 }
-.w-4\/6 {
-  width: calc(4 / 6 * 100%);
-}
-.w-5\/6 {
-  width: calc(5 / 6 * 100%);
-}
 .w-\[--radix-popover-trigger-width\] {
   width: --radix-popover-trigger-width;
 }
 .w-\[1px\] {
   width: 1px;
 }
+.w-\[3px\] {
+  width: 3px;
+}
+.w-\[6\.5rem\] {
+  width: 6.5rem;
+}
 .w-\[28px\] {
   width: 28px;
 }
@@ -373,9 +382,6 @@
 .w-\[44px\] {
   width: 44px;
 }
-.w-\[95vw\] {
-  width: 95vw;
-}
 .w-\[100px\] {
   width: 100px;
 }
@@ -406,12 +412,18 @@
 .max-w-\[8rem\] {
   max-width: 8rem;
 }
+.max-w-\[80\%\] {
+  max-width: 80%;
+}
 .max-w-\[120px\] {
   max-width: 120px;
 }
 .max-w-\[140px\] {
   max-width: 140px;
 }
+.max-w-\[240px\] {
+  max-width: 240px;
+}
 .max-w-\[calc\(100\%-2rem\)\] {
   max-width: calc(100% - 2rem);
 }
@@ -436,9 +448,6 @@
 .min-w-\[12rem\] {
   min-width: 12rem;
 }
-.min-w-\[18px\] {
-  min-width: 18px;
-}
 .min-w-\[80px\] {
   min-width: 80px;
 }
@@ -460,6 +469,9 @@
 .flex-shrink-0 {
   flex-shrink: 0;
 }
+.shrink {
+  flex-shrink: 1;
+}
 .shrink-0 {
   flex-shrink: 0;
 }
@@ -524,6 +536,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 +551,6 @@
 .-rotate-90 {
   rotate: calc(90deg * -1);
 }
-.rotate-0 {
-  rotate: 0deg;
-}
 .rotate-45 {
   rotate: 45deg;
 }
@@ -551,6 +566,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;
 }
@@ -605,12 +623,21 @@
 .grid-cols-4 {
   grid-template-columns: repeat(4, minmax(0, 1fr));
 }
+.grid-cols-\[80px_1fr_36px\] {
+  grid-template-columns: 80px 1fr 36px;
+}
+.grid-cols-\[110px_1fr\] {
+  grid-template-columns: 110px 1fr;
+}
 .grid-cols-\[auto_auto_auto_1fr_auto_auto\] {
   grid-template-columns: auto auto auto 1fr auto auto;
 }
 .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 +680,9 @@
 .justify-start {
   justify-content: flex-start;
 }
+.gap-px {
+  gap: 1px;
+}
 .divide-y {
   :where(& > :not(:last-child)) {
     --tw-divide-y-reverse: 0;
@@ -729,6 +759,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 +778,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);
@@ -807,8 +845,8 @@
 .border {
   border-color: hsl(var(--border-default));
 }
-.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);
@@ -816,6 +854,9 @@
 .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 +878,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 +947,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 +1010,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,26 +1034,38 @@
 .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\(var\(--brand\)\/0\.1\)\] {
-  background-color: hsl(var(--brand)/0.1);
+.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\(var\(--brand\)\/0\.02\)\] {
-  background-color: hsl(var(--brand)/0.02);
+.bg-\[hsl\(0_0\%_100\%\)\] {
+  background-color: hsl(0 0% 100%);
 }
-.bg-\[hsl\(var\(--brand\)\/0\.04\)\] {
-  background-color: hsl(var(--brand)/0.04);
+.bg-\[hsl\(0_0\%_100\%\/0\.5\)\] {
+  background-color: hsl(0 0% 100%/0.5);
 }
-.bg-\[hsl\(var\(--brand\)\/0\.06\)\] {
-  background-color: hsl(var(--brand)/0.06);
+.bg-\[hsl\(0_0\%_100\%\/0\.35\)\] {
+  background-color: hsl(0 0% 100%/0.35);
 }
-.bg-\[hsl\(var\(--brand\)\/0\.08\)\] {
-  background-color: hsl(var(--brand)/0.08);
+.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-default\)\)\] {
   background-color: hsl(var(--brand-default));
@@ -999,9 +1073,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));
 }
@@ -1035,9 +1121,6 @@
 .bg-\[hsl\(var\(--sentiment-negative\)\/0\.1\)\] {
   background-color: hsl(var(--sentiment-negative)/0.1);
 }
-.bg-\[hsl\(var\(--sentiment-negative\)\/0\.05\)\] {
-  background-color: hsl(var(--sentiment-negative)/0.05);
-}
 .bg-\[hsl\(var\(--sentiment-negative\)\/0\.12\)\] {
   background-color: hsl(var(--sentiment-negative)/0.12);
 }
@@ -1059,6 +1142,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 +1256,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 +1277,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 +1307,9 @@
 .bg-card {
   background-color: hsl(var(--background-surface-100));
 }
+.bg-current {
+  background-color: currentcolor;
+}
 .bg-destructive {
   background-color: hsl(var(--destructive-default));
 }
@@ -1215,8 +1340,11 @@
 .bg-foreground-lighter {
   background-color: hsl(var(--foreground-lighter));
 }
-.bg-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));
@@ -1302,6 +1430,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 +1442,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 +1466,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 +1486,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));
@@ -1352,8 +1505,8 @@
 .fill-\[hsl\(0_0\%_100\%\)\] {
   fill: hsl(0 0% 100%);
 }
-.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 +1607,9 @@
 .text-\[0px\] {
   font-size: 0px;
 }
+.text-\[9px\] {
+  font-size: 9px;
+}
 .text-\[10px\] {
   font-size: 10px;
 }
@@ -1494,9 +1650,6 @@
 .break-words {
   overflow-wrap: break-word;
 }
-.break-all {
-  word-break: break-all;
-}
 .whitespace-nowrap {
   white-space: nowrap;
 }
@@ -1506,6 +1659,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 +1686,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));
 }
@@ -1605,9 +1776,6 @@
 .text-foreground-muted {
   color: hsl(var(--foreground-muted));
 }
-.text-inherit {
-  color: inherit;
-}
 .text-light {
   color: hsl(var(--foreground-light));
 }
@@ -1690,9 +1858,15 @@
 .opacity-70 {
   opacity: 70%;
 }
+.opacity-80 {
+  opacity: 80%;
+}
 .opacity-90 {
   opacity: 90%;
 }
+.opacity-95 {
+  opacity: 95%;
+}
 .opacity-100 {
   opacity: 100%;
 }
@@ -1751,6 +1925,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 +2189,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 +2750,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 +2837,27 @@
     }
   }
 }
+.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\%_0\%\/0\.7\)\] {
+  &:hover {
+    @media (hover: hover) {
+      background-color: hsl(0 0% 0%/0.7);
+    }
+  }
+}
+.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 +2865,13 @@
     }
   }
 }
+.hover\:bg-background {
+  &:hover {
+    @media (hover: hover) {
+      background-color: hsl(var(--background-default));
+    }
+  }
+}
 .hover\:bg-background-surface-200 {
   &:hover {
     @media (hover: hover) {
@@ -2908,14 +3127,6 @@
     }
   }
 }
-.focus\:border-brand\/50 {
-  &:focus {
-    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);
-    }
-  }
-}
 .focus\:bg-accent {
   &:focus {
     background-color: hsl(var(--background-surface-200));
@@ -2965,14 +3176,6 @@
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
   }
 }
-.focus\:ring-brand\/20 {
-  &:focus {
-    --tw-ring-color: hsl(var(--brand-default));
-    @supports (color: color-mix(in lab, red, red)) {
-      --tw-ring-color: color-mix(in oklab, hsl(var(--brand-default)) 20%, transparent);
-    }
-  }
-}
 .focus\:ring-ring {
   &:focus {
     --tw-ring-color: hsl(var(--border-strong));
@@ -3003,11 +3206,26 @@
     border-color: hsl(var(--border-strong));
   }
 }
+.focus-visible\:bg-overlay-hover {
+  &:focus-visible {
+    background-color: hsl(var(--background-overlay-hover));
+  }
+}
 .focus-visible\:text-border-control {
   &:focus-visible {
     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 +3338,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 +3395,11 @@
     color: hsl(var(--foreground-muted));
   }
 }
+.disabled\:opacity-0 {
+  &:disabled {
+    opacity: 0%;
+  }
+}
 .disabled\:opacity-50 {
   &:disabled {
     opacity: 50%;
@@ -4266,6 +4505,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 +4739,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 +5617,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 +5626,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 +5724,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 +5747,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 +5777,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 +6466,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 +6538,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 +6640,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));
   }