@knime/kds-styles 2.2.0 → 2.4.0

package/dist/tokens/css/_properties.css

@@ -5,889 +5,889 @@
 @property --kds-core-color-neutral-25 {
 syntax: "<color>";
   inherits: true;
-  initial-value: hsl(0 0% 99%);
+  initial-value: hsl(0, 0%, 99%);
 }
 
 @property --kds-core-color-neutral-50 {
 syntax: "<color>";
   inherits: true;
-  initial-value: hsl(0 0% 98%);
+  initial-value: hsl(0, 0%, 98%);
 }
 
 @property --kds-core-color-neutral-100 {
 syntax: "<color>";
   inherits: true;
-  initial-value: hsl(0 0% 94%);
+  initial-value: hsl(0, 0%, 94.1%);
 }
 
 @property --kds-core-color-neutral-175 {
 syntax: "<color>";
   inherits: true;
-  initial-value: hsl(0 0% 90%);
+  initial-value: hsl(0, 0%, 90.2%);
 }
 
 @property --kds-core-color-neutral-250 {
 syntax: "<color>";
   inherits: true;
-  initial-value: hsl(0 0% 73%);
+  initial-value: hsl(0, 0%, 72.5%);
 }
 
 @property --kds-core-color-neutral-275 {
 syntax: "<color>";
   inherits: true;
-  initial-value: hsl(0 0% 64%);
+  initial-value: hsl(0, 0%, 64%);
 }
 
 @property --kds-core-color-neutral-325 {
 syntax: "<color>";
   inherits: true;
-  initial-value: hsl(0 0% 48%);
+  initial-value: hsl(0, 0%, 48.2%);
 }
 
 @property --kds-core-color-neutral-375 {
 syntax: "<color>";
   inherits: true;
-  initial-value: hsl(0 0% 43%);
+  initial-value: hsl(0, 0%, 43%);
 }
 
 @property --kds-core-color-neutral-400 {
 syntax: "<color>";
   inherits: true;
-  initial-value: hsl(0 0% 32%);
+  initial-value: hsl(0, 0%, 32.2%);
 }
 
 @property --kds-core-color-neutral-475 {
 syntax: "<color>";
   inherits: true;
-  initial-value: hsl(0 0% 22%);
+  initial-value: hsl(0, 0%, 22%);
 }
 
 @property --kds-core-color-neutral-550 {
 syntax: "<color>";
   inherits: true;
-  initial-value: hsl(0 0% 19%);
+  initial-value: hsl(0, 0%, 18.8%);
 }
 
 @property --kds-core-color-neutral-650 {
 syntax: "<color>";
   inherits: true;
-  initial-value: hsl(0 0% 16%);
+  initial-value: hsl(0, 0%, 15.7%);
 }
 
 @property --kds-core-color-neutral-725 {
 syntax: "<color>";
   inherits: true;
-  initial-value: hsl(0 0% 13%);
+  initial-value: hsl(0, 0%, 12.9%);
 }
 
 @property --kds-core-color-neutral-800 {
 syntax: "<color>";
   inherits: true;
-  initial-value: hsl(0 0% 11%);
+  initial-value: hsl(0, 0%, 11.4%);
 }
 
 @property --kds-core-color-neutral-875 {
 syntax: "<color>";
   inherits: true;
-  initial-value: hsl(0 0% 10%);
+  initial-value: hsl(0, 0%, 10.2%);
 }
 
 @property --kds-core-color-red-25 {
 syntax: "<color>";
   inherits: true;
-  initial-value: hsl(0 56% 98%);
+  initial-value: hsl(0, 55.6%, 98.2%);
 }
 
 @property --kds-core-color-red-50 {
 syntax: "<color>";
   inherits: true;
-  initial-value: hsl(0 100% 97%);
+  initial-value: hsl(0, 100%, 97.1%);
 }
 
 @property --kds-core-color-red-100 {
 syntax: "<color>";
   inherits: true;
-  initial-value: hsl(2 100% 92%);
+  initial-value: hsl(1.5, 100%, 92.4%);
 }
 
 @property --kds-core-color-red-175 {
 syntax: "<color>";
   inherits: true;
-  initial-value: hsl(3 100% 86%);
+  initial-value: hsl(3.4, 100%, 86.1%);
 }
 
 @property --kds-core-color-red-250 {
 syntax: "<color>";
   inherits: true;
-  initial-value: hsl(4 100% 80%);
+  initial-value: hsl(3.5, 100%, 79.6%);
 }
 
 @property --kds-core-color-red-325 {
 syntax: "<color>";
   inherits: true;
-  initial-value: hsl(3 100% 72%);
+  initial-value: hsl(2.6, 100%, 72.4%);
 }
 
 @property --kds-core-color-red-400 {
 syntax: "<color>";
   inherits: true;
-  initial-value: hsl(0 100% 66%);
+  initial-value: hsl(0, 100%, 66.1%);
 }
 
 @property --kds-core-color-red-435 {
 syntax: "<color>";
   inherits: true;
-  initial-value: hsl(360 84% 63%);
+  initial-value: hsl(359.6, 84.3%, 62.5%);
 }
 
 @property --kds-core-color-red-475 {
 syntax: "<color>";
   inherits: true;
-  initial-value: hsl(356 77% 54%);
+  initial-value: hsl(356.3, 76.8%, 54.3%);
 }
 
 @property --kds-core-color-red-550 {
 syntax: "<color>";
   inherits: true;
-  initial-value: hsl(353 75% 45%);
+  initial-value: hsl(353, 74.7%, 44.9%);
 }
 
 @property --kds-core-color-red-650 {
 syntax: "<color>";
   inherits: true;
-  initial-value: hsl(349 91% 35%);
+  initial-value: hsl(348.8, 90.9%, 34.5%);
 }
 
 @property --kds-core-color-red-725 {
 syntax: "<color>";
   inherits: true;
-  initial-value: hsl(348 97% 27%);
+  initial-value: hsl(347.6, 97.1%, 27.3%);
 }
 
 @property --kds-core-color-red-800 {
 syntax: "<color>";
   inherits: true;
-  initial-value: hsl(348 94% 21%);
+  initial-value: hsl(348, 94.3%, 20.8%);
 }
 
 @property --kds-core-color-red-875 {
 syntax: "<color>";
   inherits: true;
-  initial-value: hsl(353 84% 15%);
+  initial-value: hsl(352.6, 84.4%, 15.1%);
 }
 
 @property --kds-core-color-orange-25 {
 syntax: "<color>";
   inherits: true;
-  initial-value: hsl(34 54% 98%);
+  initial-value: hsl(34.3, 53.8%, 97.5%);
 }
 
 @property --kds-core-color-orange-50 {
 syntax: "<color>";
   inherits: true;
-  initial-value: hsl(30 95% 92%);
+  initial-value: hsl(30, 95.2%, 91.8%);
 }
 
 @property --kds-core-color-orange-100 {
 syntax: "<color>";
   inherits: true;
-  initial-value: hsl(31 100% 83%);
+  initial-value: hsl(31, 100%, 82.5%);
 }
 
 @property --kds-core-color-orange-175 {
 syntax: "<color>";
   inherits: true;
-  initial-value: hsl(31 79% 74%);
+  initial-value: hsl(30.8, 79.3%, 73.5%);
 }
 
 @property --kds-core-color-orange-250 {
 syntax: "<color>";
   inherits: true;
-  initial-value: hsl(31 83% 66%);
+  initial-value: hsl(31.2, 82.8%, 65.9%);
 }
 
 @property --kds-core-color-orange-325 {
 syntax: "<color>";
   inherits: true;
-  initial-value: hsl(30 80% 60%);
+  initial-value: hsl(30, 80.4%, 60%);
 }
 
 @property --kds-core-color-orange-375 {
 syntax: "<color>";
   inherits: true;
-  initial-value: hsl(29 88% 60%);
+  initial-value: hsl(29.3, 88%, 59.8%);
 }
 
 @property --kds-core-color-orange-400 {
 syntax: "<color>";
   inherits: true;
-  initial-value: hsl(27 68% 55%);
+  initial-value: hsl(27.3, 67.8%, 54.9%);
 }
 
 @property --kds-core-color-orange-475 {
 syntax: "<color>";
   inherits: true;
-  initial-value: hsl(25 59% 51%);
+  initial-value: hsl(24.7, 58.7%, 50.6%);
 }
 
 @property --kds-core-color-orange-550 {
 syntax: "<color>";
   inherits: true;
-  initial-value: hsl(22 60% 45%);
+  initial-value: hsl(21.9, 60.4%, 44.5%);
 }
 
 @property --kds-core-color-orange-650 {
 syntax: "<color>";
   inherits: true;
-  initial-value: hsl(19 63% 38%);
+  initial-value: hsl(19, 63.1%, 38.2%);
 }
 
 @property --kds-core-color-orange-725 {
 syntax: "<color>";
   inherits: true;
-  initial-value: hsl(16 67% 31%);
+  initial-value: hsl(16, 66.9%, 30.8%);
 }
 
 @property --kds-core-color-orange-800 {
 syntax: "<color>";
   inherits: true;
-  initial-value: hsl(13 66% 23%);
+  initial-value: hsl(13.1, 66.1%, 23.1%);
 }
 
 @property --kds-core-color-orange-875 {
 syntax: "<color>";
   inherits: true;
-  initial-value: hsl(13 58% 14%);
+  initial-value: hsl(13.2, 57.7%, 13.9%);
 }
 
 @property --kds-core-color-yellow-25 {
 syntax: "<color>";
   inherits: true;
-  initial-value: hsl(43 78% 97%);
+  initial-value: hsl(42.9, 77.8%, 96.5%);
 }
 
 @property --kds-core-color-yellow-50 {
 syntax: "<color>";
   inherits: true;
-  initial-value: hsl(43 100% 89%);
+  initial-value: hsl(42.9, 100%, 89%);
 }
 
 @property --kds-core-color-yellow-100 {
 syntax: "<color>";
   inherits: true;
-  initial-value: hsl(45 100% 78%);
+  initial-value: hsl(45.4, 100%, 77.5%);
 }
 
 @property --kds-core-color-yellow-175 {
 syntax: "<color>";
   inherits: true;
-  initial-value: hsl(48 100% 68%);
+  initial-value: hsl(47.6, 100%, 67.6%);
 }
 
 @property --kds-core-color-yellow-250 {
 syntax: "<color>";
   inherits: true;
-  initial-value: hsl(51 100% 50%);
+  initial-value: hsl(50.8, 100%, 50%);
 }
 
 @property --kds-core-color-yellow-325 {
 syntax: "<color>";
   inherits: true;
-  initial-value: hsl(51 99% 47%);
+  initial-value: hsl(51.1, 99.2%, 46.9%);
 }
 
 @property --kds-core-color-yellow-400 {
 syntax: "<color>";
   inherits: true;
-  initial-value: hsl(49 99% 44%);
+  initial-value: hsl(49.1, 99.1%, 43.7%);
 }
 
 @property --kds-core-color-yellow-475 {
 syntax: "<color>";
   inherits: true;
-  initial-value: hsl(47 100% 39%);
+  initial-value: hsl(47, 100%, 39%);
 }
 
 @property --kds-core-color-yellow-550 {
 syntax: "<color>";
   inherits: true;
-  initial-value: hsl(46 100% 34%);
+  initial-value: hsl(45.6, 100%, 33.5%);
 }
 
 @property --kds-core-color-yellow-650 {
 syntax: "<color>";
   inherits: true;
-  initial-value: hsl(44 100% 26%);
+  initial-value: hsl(43.9, 100%, 26.3%);
 }
 
 @property --kds-core-color-yellow-725 {
 syntax: "<color>";
   inherits: true;
-  initial-value: hsl(43 100% 19%);
+  initial-value: hsl(43.1, 100%, 18.8%);
 }
 
 @property --kds-core-color-yellow-800 {
 syntax: "<color>";
   inherits: true;
-  initial-value: hsl(44 94% 14%);
+  initial-value: hsl(44.3, 94.2%, 13.5%);
 }
 
 @property --kds-core-color-yellow-875 {
 syntax: "<color>";
   inherits: true;
-  initial-value: hsl(51 100% 8%);
+  initial-value: hsl(50.8, 100%, 7.6%);
 }
 
 @property --kds-core-color-green-25 {
 syntax: "<color>";
   inherits: true;
-  initial-value: hsl(125 65% 97%);
+  initial-value: hsl(125.5, 64.7%, 96.7%);
 }
 
 @property --kds-core-color-green-50 {
 syntax: "<color>";
   inherits: true;
-  initial-value: hsl(120 95% 92%);
+  initial-value: hsl(120, 95.3%, 91.6%);
 }
 
 @property --kds-core-color-green-100 {
 syntax: "<color>";
   inherits: true;
-  initial-value: hsl(116 72% 82%);
+  initial-value: hsl(115.5, 71.7%, 82%);
 }
 
 @property --kds-core-color-green-175 {
 syntax: "<color>";
   inherits: true;
-  initial-value: hsl(112 57% 71%);
+  initial-value: hsl(112, 56.5%, 71.2%);
 }
 
 @property --kds-core-color-green-250 {
 syntax: "<color>";
   inherits: true;
-  initial-value: hsl(109 47% 61%);
+  initial-value: hsl(109, 47.2%, 61.4%);
 }
 
 @property --kds-core-color-green-325 {
 syntax: "<color>";
   inherits: true;
-  initial-value: hsl(107 43% 55%);
+  initial-value: hsl(106.5, 42.6%, 54.9%);
 }
 
 @property --kds-core-color-green-400 {
 syntax: "<color>";
   inherits: true;
-  initial-value: hsl(107 42% 44%);
+  initial-value: hsl(107.4, 42.2%, 44.1%);
 }
 
 @property --kds-core-color-green-475 {
 syntax: "<color>";
   inherits: true;
-  initial-value: hsl(108 46% 37%);
+  initial-value: hsl(107.6, 46%, 37.1%);
 }
 
 @property --kds-core-color-green-550 {
 syntax: "<color>";
   inherits: true;
-  initial-value: hsl(111 48% 31%);
+  initial-value: hsl(111.3, 47.5%, 31.4%);
 }
 
 @property --kds-core-color-green-650 {
 syntax: "<color>";
   inherits: true;
-  initial-value: hsl(116 47% 26%);
+  initial-value: hsl(116.1, 46.6%, 25.7%);
 }
 
 @property --kds-core-color-green-725 {
 syntax: "<color>";
   inherits: true;
-  initial-value: hsl(124 47% 21%);
+  initial-value: hsl(123.7, 46.7%, 20.6%);
 }
 
 @property --kds-core-color-green-800 {
 syntax: "<color>";
   inherits: true;
-  initial-value: hsl(132 52% 15%);
+  initial-value: hsl(132.3, 52%, 14.7%);
 }
 
 @property --kds-core-color-green-875 {
 syntax: "<color>";
   inherits: true;
-  initial-value: hsl(139 56% 10%);
+  initial-value: hsl(139.3, 56%, 9.8%);
 }
 
 @property --kds-core-color-teal-25 {
 syntax: "<color>";
   inherits: true;
-  initial-value: hsl(165 80% 96%);
+  initial-value: hsl(165, 80%, 96.1%);
 }
 
 @property --kds-core-color-teal-50 {
 syntax: "<color>";
   inherits: true;
-  initial-value: hsl(166 68% 93%);
+  initial-value: hsl(165.6, 67.6%, 92.7%);
 }
 
 @property --kds-core-color-teal-100 {
 syntax: "<color>";
   inherits: true;
-  initial-value: hsl(168 47% 85%);
+  initial-value: hsl(168, 46.7%, 85.3%);
 }
 
 @property --kds-core-color-teal-175 {
 syntax: "<color>";
   inherits: true;
-  initial-value: hsl(169 34% 76%);
+  initial-value: hsl(168.8, 34.4%, 75.5%);
 }
 
 @property --kds-core-color-teal-250 {
 syntax: "<color>";
   inherits: true;
-  initial-value: hsl(170 31% 66%);
+  initial-value: hsl(169.8, 30.6%, 66.1%);
 }
 
 @property --kds-core-color-teal-325 {
 syntax: "<color>";
   inherits: true;
-  initial-value: hsl(170 28% 57%);
+  initial-value: hsl(170.2, 27.6%, 56.7%);
 }
 
 @property --kds-core-color-teal-400 {
 syntax: "<color>";
   inherits: true;
-  initial-value: hsl(172 27% 48%);
+  initial-value: hsl(171.8, 27%, 47.8%);
 }
 
 @property --kds-core-color-teal-475 {
 syntax: "<color>";
   inherits: true;
-  initial-value: hsl(173 37% 39%);
+  initial-value: hsl(173.4, 37.1%, 38.6%);
 }
 
 @property --kds-core-color-teal-550 {
 syntax: "<color>";
   inherits: true;
-  initial-value: hsl(174 48% 31%);
+  initial-value: hsl(174.4, 47.8%, 30.8%);
 }
 
 @property --kds-core-color-teal-650 {
 syntax: "<color>";
   inherits: true;
-  initial-value: hsl(176 67% 22%);
+  initial-value: hsl(176.1, 66.7%, 22.4%);
 }
 
 @property --kds-core-color-teal-725 {
 syntax: "<color>";
   inherits: true;
-  initial-value: hsl(177 82% 18%);
+  initial-value: hsl(176.7, 82%, 17.5%);
 }
 
 @property --kds-core-color-teal-800 {
 syntax: "<color>";
   inherits: true;
-  initial-value: hsl(175 93% 12%);
+  initial-value: hsl(174.5, 93.2%, 11.6%);
 }
 
 @property --kds-core-color-teal-875 {
 syntax: "<color>";
   inherits: true;
-  initial-value: hsl(174 73% 9%);
+  initial-value: hsl(174.4, 72.7%, 8.6%);
 }
 
 @property --kds-core-color-blue-25 {
 syntax: "<color>";
   inherits: true;
-  initial-value: hsl(225 40% 98%);
+  initial-value: hsl(225, 40%, 98%);
 }
 
 @property --kds-core-color-blue-50 {
 syntax: "<color>";
   inherits: true;
-  initial-value: hsl(217 100% 97%);
+  initial-value: hsl(216.7, 100%, 96.5%);
 }
 
 @property --kds-core-color-blue-100 {
 syntax: "<color>";
   inherits: true;
-  initial-value: hsl(216 100% 92%);
+  initial-value: hsl(215.7, 100%, 91.8%);
 }
 
 @property --kds-core-color-blue-175 {
 syntax: "<color>";
   inherits: true;
-  initial-value: hsl(215 100% 84%);
+  initial-value: hsl(214.5, 100%, 84.3%);
 }
 
 @property --kds-core-color-blue-250 {
 syntax: "<color>";
   inherits: true;
-  initial-value: hsl(214 92% 77%);
+  initial-value: hsl(213.6, 91.6%, 76.7%);
 }
 
 @property --kds-core-color-blue-325 {
 syntax: "<color>";
   inherits: true;
-  initial-value: hsl(212 78% 68%);
+  initial-value: hsl(212.1, 78.2%, 67.6%);
 }
 
 @property --kds-core-color-blue-400 {
 syntax: "<color>";
   inherits: true;
-  initial-value: hsl(211 67% 59%);
+  initial-value: hsl(211.3, 67.3%, 59.2%);
 }
 
 @property --kds-core-color-blue-475 {
 syntax: "<color>";
   inherits: true;
-  initial-value: hsl(209 57% 50%);
+  initial-value: hsl(209.4, 57.3%, 49.6%);
 }
 
 @property --kds-core-color-blue-550 {
 syntax: "<color>";
   inherits: true;
-  initial-value: hsl(208 63% 41%);
+  initial-value: hsl(208.2, 62.9%, 41.2%);
 }
 
 @property --kds-core-color-blue-650 {
 syntax: "<color>";
   inherits: true;
-  initial-value: hsl(208 61% 34%);
+  initial-value: hsl(208.3, 60.5%, 33.7%);
 }
 
 @property --kds-core-color-blue-725 {
 syntax: "<color>";
   inherits: true;
-  initial-value: hsl(210 50% 28%);
+  initial-value: hsl(210, 50%, 27.5%);
 }
 
 @property --kds-core-color-blue-800 {
 syntax: "<color>";
   inherits: true;
-  initial-value: hsl(209 50% 20%);
+  initial-value: hsl(209.4, 49.5%, 20.2%);
 }
 
 @property --kds-core-color-blue-875 {
 syntax: "<color>";
   inherits: true;
-  initial-value: hsl(209 59% 14%);
+  initial-value: hsl(209.3, 59.4%, 13.5%);
 }
 
 @property --kds-core-color-purple-25 {
 syntax: "<color>";
   inherits: true;
-  initial-value: hsl(314 39% 94%);
+  initial-value: hsl(313.8, 39.4%, 93.5%);
 }
 
 @property --kds-core-color-purple-50 {
 syntax: "<color>";
   inherits: true;
-  initial-value: hsl(315 42% 91%);
+  initial-value: hsl(315.0, 41.7%, 90.6%);
 }
 
 @property --kds-core-color-purple-100 {
 syntax: "<color>";
   inherits: true;
-  initial-value: hsl(318 43% 88%);
+  initial-value: hsl(317.8, 42.9%, 87.6%);
 }
 
 @property --kds-core-color-purple-175 {
 syntax: "<color>";
   inherits: true;
-  initial-value: hsl(319 44% 85%);
+  initial-value: hsl(319.4, 43.6%, 84.7%);
 }
 
 @property --kds-core-color-purple-250 {
 syntax: "<color>";
   inherits: true;
-  initial-value: hsl(320 45% 82%);
+  initial-value: hsl(320.0, 44.7%, 81.6%);
 }
 
 @property --kds-core-color-purple-325 {
 syntax: "<color>";
   inherits: true;
-  initial-value: hsl(316 41% 73%);
+  initial-value: hsl(316.1, 40.6%, 72.9%);
 }
 
 @property --kds-core-color-purple-400 {
 syntax: "<color>";
   inherits: true;
-  initial-value: hsl(312 36% 64%);
+  initial-value: hsl(311.8, 35.9%, 63.9%);
 }
 
 @property --kds-core-color-purple-475 {
 syntax: "<color>";
   inherits: true;
-  initial-value: hsl(308 32% 55%);
+  initial-value: hsl(308.3, 31.6%, 55.3%);
 }
 
 @property --kds-core-color-purple-550 {
 syntax: "<color>";
   inherits: true;
-  initial-value: hsl(305 27% 47%);
+  initial-value: hsl(304.6, 27.4%, 46.5%);
 }
 
 @property --kds-core-color-purple-650 {
 syntax: "<color>";
   inherits: true;
-  initial-value: hsl(302 29% 39%);
+  initial-value: hsl(302.1, 29.3%, 38.8%);
 }
 
 @property --kds-core-color-purple-725 {
 syntax: "<color>";
   inherits: true;
-  initial-value: hsl(299 32% 31%);
+  initial-value: hsl(298.8, 31.6%, 31.0%);
 }
 
 @property --kds-core-color-purple-800 {
 syntax: "<color>";
   inherits: true;
-  initial-value: hsl(296 34% 23%);
+  initial-value: hsl(295.5, 33.9%, 23.1%);
 }
 
 @property --kds-core-color-purple-875 {
 syntax: "<color>";
   inherits: true;
-  initial-value: hsl(294 36% 15%);
+  initial-value: hsl(293.6, 35.9%, 15.3%);
 }
 
 @property --kds-core-color-aquamarine-25 {
 syntax: "<color>";
   inherits: true;
-  initial-value: hsl(186 44% 95%);
+  initial-value: hsl(185.5, 44.0%, 95.1%);
 }
 
 @property --kds-core-color-aquamarine-50 {
 syntax: "<color>";
   inherits: true;
-  initial-value: hsl(188 47% 93%);
+  initial-value: hsl(187.5, 47.1%, 93.3%);
 }
 
 @property --kds-core-color-aquamarine-100 {
 syntax: "<color>";
   inherits: true;
-  initial-value: hsl(186 46% 91%);
+  initial-value: hsl(186.0, 45.5%, 91.4%);
 }
 
 @property --kds-core-color-aquamarine-175 {
 syntax: "<color>";
   inherits: true;
-  initial-value: hsl(185 48% 89%);
+  initial-value: hsl(184.6, 48.1%, 89.4%);
 }
 
 @property --kds-core-color-aquamarine-250 {
 syntax: "<color>";
   inherits: true;
-  initial-value: hsl(186 49% 88%);
+  initial-value: hsl(185.8, 49.2%, 87.6%);
 }
 
 @property --kds-core-color-aquamarine-325 {
 syntax: "<color>";
   inherits: true;
-  initial-value: hsl(188 52% 77%);
+  initial-value: hsl(187.7, 51.7%, 76.5%);
 }
 
 @property --kds-core-color-aquamarine-400 {
 syntax: "<color>";
   inherits: true;
-  initial-value: hsl(189 55% 66%);
+  initial-value: hsl(189.4, 54.5%, 65.5%);
 }
 
 @property --kds-core-color-aquamarine-475 {
 syntax: "<color>";
   inherits: true;
-  initial-value: hsl(191 57% 54%);
+  initial-value: hsl(191.3, 57.1%, 54.3%);
 }
 
 @property --kds-core-color-aquamarine-550 {
 syntax: "<color>";
   inherits: true;
-  initial-value: hsl(193 60% 43%);
+  initial-value: hsl(193.1, 60.2%, 43.3%);
 }
 
 @property --kds-core-color-aquamarine-650 {
 syntax: "<color>";
   inherits: true;
-  initial-value: hsl(196 62% 38%);
+  initial-value: hsl(195.8, 61.5%, 37.6%);
 }
 
 @property --kds-core-color-aquamarine-725 {
 syntax: "<color>";
   inherits: true;
-  initial-value: hsl(198 62% 32%);
+  initial-value: hsl(198.2, 62.2%, 32.2%);
 }
 
 @property --kds-core-color-aquamarine-800 {
 syntax: "<color>";
   inherits: true;
-  initial-value: hsl(201 63% 27%);
+  initial-value: hsl(200.9, 63.2%, 26.7%);
 }
 
 @property --kds-core-color-aquamarine-875 {
 syntax: "<color>";
   inherits: true;
-  initial-value: hsl(204 65% 21%);
+  initial-value: hsl(203.5, 64.5%, 21.0%);
 }
 
 @property --kds-core-color-grassgreen-25 {
 syntax: "<color>";
   inherits: true;
-  initial-value: hsl(76 52% 96%);
+  initial-value: hsl(76.4, 52.4%, 95.9%);
 }
 
 @property --kds-core-color-grassgreen-50 {
 syntax: "<color>";
   inherits: true;
-  initial-value: hsl(73 57% 91%);
+  initial-value: hsl(73.3, 57.4%, 90.8%);
 }
 
 @property --kds-core-color-grassgreen-100 {
 syntax: "<color>";
   inherits: true;
-  initial-value: hsl(70 60% 86%);
+  initial-value: hsl(69.5, 59.5%, 85.5%);
 }
 
 @property --kds-core-color-grassgreen-175 {
 syntax: "<color>";
   inherits: true;
-  initial-value: hsl(67 64% 80%);
+  initial-value: hsl(66.5, 64.4%, 80.2%);
 }
 
 @property --kds-core-color-grassgreen-250 {
 syntax: "<color>";
   inherits: true;
-  initial-value: hsl(63 69% 75%);
+  initial-value: hsl(63.4, 68.5%, 75.1%);
 }
 
 @property --kds-core-color-grassgreen-325 {
 syntax: "<color>";
   inherits: true;
-  initial-value: hsl(65 69% 70%);
+  initial-value: hsl(64.6, 68.6%, 70.0%);
 }
 
 @property --kds-core-color-grassgreen-400 {
 syntax: "<color>";
   inherits: true;
-  initial-value: hsl(65 69% 65%);
+  initial-value: hsl(65.4, 68.5%, 65.1%);
 }
 
 @property --kds-core-color-grassgreen-475 {
 syntax: "<color>";
   inherits: true;
-  initial-value: hsl(66 68% 60%);
+  initial-value: hsl(66.0, 67.8%, 59.8%);
 }
 
 @property --kds-core-color-grassgreen-550 {
 syntax: "<color>";
   inherits: true;
-  initial-value: hsl(67 68% 55%);
+  initial-value: hsl(67.3, 67.8%, 54.9%);
 }
 
 @property --kds-core-color-grassgreen-650 {
 syntax: "<color>";
   inherits: true;
-  initial-value: hsl(69 61% 47%);
+  initial-value: hsl(68.6, 61.0%, 47.3%);
 }
 
 @property --kds-core-color-grassgreen-725 {
 syntax: "<color>";
   inherits: true;
-  initial-value: hsl(69 54% 40%);
+  initial-value: hsl(69.4, 53.5%, 39.6%);
 }
 
 @property --kds-core-color-grassgreen-800 {
 syntax: "<color>";
   inherits: true;
-  initial-value: hsl(71 46% 32%);
+  initial-value: hsl(71.1, 46.3%, 32.2%);
 }
 
 @property --kds-core-color-grassgreen-875 {
 syntax: "<color>";
   inherits: true;
-  initial-value: hsl(72 39% 25%);
+  initial-value: hsl(72.2, 39.2%, 24.5%);
 }
 
 @property --kds-core-color-brown-25 {
 syntax: "<color>";
   inherits: true;
-  initial-value: hsl(35 60% 95%);
+  initial-value: hsl(35, 60%, 95%);
 }
 
 @property --kds-core-color-brown-50 {
 syntax: "<color>";
   inherits: true;
-  initial-value: hsl(33 55% 89%);
+  initial-value: hsl(33, 55%, 89%);
 }
 
 @property --kds-core-color-brown-100 {
 syntax: "<color>";
   inherits: true;
-  initial-value: hsl(32 50% 82%);
+  initial-value: hsl(32, 50%, 82%);
 }
 
 @property --kds-core-color-brown-175 {
 syntax: "<color>";
   inherits: true;
-  initial-value: hsl(31 48% 74%);
+  initial-value: hsl(31, 48%, 74%);
 }
 
 @property --kds-core-color-brown-250 {
 syntax: "<color>";
   inherits: true;
-  initial-value: hsl(30 47% 68%);
+  initial-value: hsl(30, 47%, 68%);
 }
 
 @property --kds-core-color-brown-325 {
 syntax: "<color>";
   inherits: true;
-  initial-value: hsl(29 43% 58%);
+  initial-value: hsl(29, 43%, 58%);
 }
 
 @property --kds-core-color-brown-400 {
 syntax: "<color>";
   inherits: true;
-  initial-value: hsl(28 39% 50%);
+  initial-value: hsl(28, 39%, 50%);
 }
 
 @property --kds-core-color-brown-475 {
 syntax: "<color>";
   inherits: true;
-  initial-value: hsl(27 35% 44%);
+  initial-value: hsl(27, 35%, 44%);
 }
 
 @property --kds-core-color-brown-550 {
 syntax: "<color>";
   inherits: true;
-  initial-value: hsl(26 32% 39%);
+  initial-value: hsl(26, 32%, 39%);
 }
 
 @property --kds-core-color-brown-650 {
 syntax: "<color>";
   inherits: true;
-  initial-value: hsl(25 30% 35%);
+  initial-value: hsl(25, 30%, 35%);
 }
 
 @property --kds-core-color-brown-725 {
 syntax: "<color>";
   inherits: true;
-  initial-value: hsl(24 28% 30%);
+  initial-value: hsl(24, 28%, 30%);
 }
 
 @property --kds-core-color-brown-800 {
 syntax: "<color>";
   inherits: true;
-  initial-value: hsl(23 27% 24%);
+  initial-value: hsl(23, 27%, 24%);
 }
 
 @property --kds-core-color-brown-875 {
 syntax: "<color>";
   inherits: true;
-  initial-value: hsl(22 25% 18%);
+  initial-value: hsl(22, 25%, 18%);
 }
 
 @property --kds-core-color-transparent {
 syntax: "<color>";
   inherits: true;
-  initial-value: hsl(330 0% 11% / 0);
+  initial-value: hsl(345 0% 11.4% / 0);
 }
 
 @property --kds-core-font-size-0-5x {
@@ -1199,175 +1199,175 @@ syntax: "<length>";
 @property --kds-color-surface-default {
 syntax: "<color>";
   inherits: true;
-  initial-value: light-dark(hsl(0 0% 98%), hsl(0 0% 16%));
+  initial-value: light-dark(hsl(0, 0%, 98%), hsl(0, 0%, 15.7%));
 }
 
 @property --kds-color-surface-muted {
 syntax: "<color>";
   inherits: true;
-  initial-value: light-dark(hsl(0 0% 94%), hsl(0 0% 19%));
+  initial-value: light-dark(hsl(0, 0%, 94.1%), hsl(0, 0%, 18.8%));
 }
 
 @property --kds-color-surface-subtle {
 syntax: "<color>";
   inherits: true;
-  initial-value: light-dark(hsl(0 0% 90%), hsl(0 0% 22%));
+  initial-value: light-dark(hsl(0, 0%, 90.2%), hsl(0, 0%, 22%));
 }
 
 @property --kds-color-page-default {
 syntax: "<color>";
   inherits: true;
-  initial-value: light-dark(hsl(0 0% 99%), hsl(0 0% 13%));
+  initial-value: light-dark(hsl(0, 0%, 99%), hsl(0, 0%, 12.9%));
 }
 
 @property --kds-color-background-neutral-initial {
 syntax: "<color>";
   inherits: true;
-  initial-value: hsl(330 0% 11% / 0);
+  initial-value: hsl(345 0% 11.4% / 0);
 }
 
 @property --kds-color-background-neutral-hover {
 syntax: "<color>";
   inherits: true;
-  initial-value: light-dark(hsl(180 0% 48% / 0.1), hsl(300 0% 90% / 0.1));
+  initial-value: light-dark(hsl(340 0% 48.2% / 0.1), hsl(180 0% 90.2% / 0.1));
 }
 
 @property --kds-color-background-neutral-active {
 syntax: "<color>";
   inherits: true;
-  initial-value: light-dark(hsl(180 0% 48% / 0.2), hsl(180 0% 48% / 0.36));
+  initial-value: light-dark(hsl(340 0% 48.2% / 0.2), hsl(340 0% 48.2% / 0.36));
 }
 
 @property --kds-color-background-neutral-bold-initial {
 syntax: "<color>";
   inherits: true;
-  initial-value: light-dark(hsl(330 0% 73% / 0.4), hsl(0 0% 32%));
+  initial-value: light-dark(hsl(210 0% 72.5% / 0.4), hsl(0, 0%, 32.2%));
 }
 
 @property --kds-color-background-neutral-bold-hover {
 syntax: "<color>";
   inherits: true;
-  initial-value: light-dark(hsl(330 0% 63.406% / 0.4), hsl(0 0% 48%));
+  initial-value: light-dark(hsl(210 0% 62.977% / 0.4), hsl(0, 0%, 48.2%));
 }
 
 @property --kds-color-background-neutral-bold-active {
 syntax: "<color>";
   inherits: true;
-  initial-value: light-dark(hsl(180 0% 60.265% / 0.4), hsl(0 0% 73%));
+  initial-value: light-dark(hsl(0 0% 59.859% / 0.4), hsl(0, 0%, 72.5%));
 }
 
 @property --kds-color-background-primary-initial {
 syntax: "<color>";
   inherits: true;
-  initial-value: light-dark(hsl(168 47% 85%), hsl(170 31% 66%));
+  initial-value: light-dark(hsl(168, 46.7%, 85.3%), hsl(169.8, 30.6%, 66.1%));
 }
 
 @property --kds-color-background-primary-hover {
 syntax: "<color>";
   inherits: true;
-  initial-value: light-dark(hsl(167.99 28.225% 77.432%), hsl(169.8 30.912% 68.747%));
+  initial-value: light-dark(hsl(167.99 27.818% 77.703%), hsl(169.6 30.517% 68.835%));
 }
 
 @property --kds-color-background-primary-active {
 syntax: "<color>";
   inherits: true;
-  initial-value: light-dark(hsl(167.97 19.012% 70%), hsl(169.17 30.736% 78.281%));
+  initial-value: light-dark(hsl(167.97 18.664% 70.242%), hsl(168.98 30.352% 78.334%));
 }
 
 @property --kds-color-background-primary-bold-initial {
 syntax: "<color>";
   inherits: true;
-  initial-value: light-dark(hsl(176 67% 22%), hsl(174 48% 31%));
+  initial-value: light-dark(hsl(176.1, 66.7%, 22.4%), hsl(174.4, 47.8%, 30.8%));
 }
 
 @property --kds-color-background-primary-bold-hover {
 syntax: "<color>";
   inherits: true;
-  initial-value: light-dark(hsl(175.68 58.452% 19.462%), hsl(172.81 27.176% 42.604%));
+  initial-value: light-dark(hsl(175.79 58.284% 19.792%), hsl(173.26 27.023% 42.409%));
 }
 
 @property --kds-color-background-primary-bold-active {
 syntax: "<color>";
   inherits: true;
-  initial-value: light-dark(hsl(175.24 49.005% 15.917%), hsl(171.42 19.56% 64.2%));
+  initial-value: light-dark(hsl(175.36 48.936% 16.164%), hsl(171.91 19.296% 64.061%));
 }
 
 @property --kds-color-background-selected-initial {
 syntax: "<color>";
   inherits: true;
-  initial-value: light-dark(hsl(166 68% 93%), hsl(176 67% 22% / 0.32));
+  initial-value: light-dark(hsl(165.6, 67.6%, 92.7%), hsl(176.1 66.7% 22.4% / 0.32));
 }
 
 @property --kds-color-background-selected-hover {
 syntax: "<color>";
   inherits: true;
-  initial-value: light-dark(hsl(168 47% 85%), hsl(174 48% 31% / 0.56));
+  initial-value: light-dark(hsl(168, 46.7%, 85.3%), hsl(174.4 47.8% 30.8% / 0.56));
 }
 
 @property --kds-color-background-selected-active {
 syntax: "<color>";
   inherits: true;
-  initial-value: light-dark(hsl(169 34% 76%), hsl(172 27% 48% / 0.72));
+  initial-value: light-dark(hsl(168.8, 34.4%, 75.5%), hsl(171.8 27% 47.8% / 0.72));
 }
 
 @property --kds-color-background-selected-bold-initial {
 syntax: "<color>";
   inherits: true;
-  initial-value: light-dark(hsl(174 48% 31%), hsl(176 67% 22%));
+  initial-value: light-dark(hsl(174.4, 47.8%, 30.8%), hsl(176.1, 66.7%, 22.4%));
 }
 
 @property --kds-color-background-selected-bold-hover {
 syntax: "<color>";
   inherits: true;
-  initial-value: light-dark(hsl(176 67% 22%), hsl(174 48% 31%));
+  initial-value: light-dark(hsl(176.1, 66.7%, 22.4%), hsl(174.4, 47.8%, 30.8%));
 }
 
 @property --kds-color-background-selected-bold-active {
 syntax: "<color>";
   inherits: true;
-  initial-value: light-dark(hsl(177 82% 18%), hsl(172 27% 48%));
+  initial-value: light-dark(hsl(176.7, 82%, 17.5%), hsl(171.8, 27%, 47.8%));
 }
 
 @property --kds-color-background-danger-initial {
 syntax: "<color>";
   inherits: true;
-  initial-value: light-dark(hsl(0 100% 97%), hsl(356.66 65.093% 15.235%));
+  initial-value: light-dark(hsl(0, 100%, 97.1%), hsl(356.76 65.215% 15.117%));
 }
 
 @property --kds-color-background-danger-hover {
 syntax: "<color>";
   inherits: true;
-  initial-value: light-dark(hsl(2 100% 92%), hsl(349 91% 35% / 0.72));
+  initial-value: light-dark(hsl(1.5, 100%, 92.4%), hsl(348.8 90.9% 34.5% / 0.72));
 }
 
 @property --kds-color-background-danger-active {
 syntax: "<color>";
   inherits: true;
-  initial-value: light-dark(hsl(3 100% 86%), hsl(353 75% 45% / 0.72));
+  initial-value: light-dark(hsl(3.4, 100%, 86.1%), hsl(353 74.7% 44.9% / 0.72));
 }
 
 @property --kds-color-background-danger-bold-initial {
 syntax: "<color>";
   inherits: true;
-  initial-value: light-dark(hsl(349 91% 35%), hsl(348 97% 27%));
+  initial-value: light-dark(hsl(348.8, 90.9%, 34.5%), hsl(347.6, 97.1%, 27.3%));
 }
 
 @property --kds-color-background-danger-bold-hover {
 syntax: "<color>";
   inherits: true;
-  initial-value: light-dark(hsl(348 97% 27%), hsl(353 75% 45% / 0.8));
+  initial-value: light-dark(hsl(347.6, 97.1%, 27.3%), hsl(353 74.7% 44.9% / 0.8));
 }
 
 @property --kds-color-background-danger-bold-active {
 syntax: "<color>";
   inherits: true;
-  initial-value: light-dark(hsl(348 94% 21%), hsl(356 77% 54% / 0.8));
+  initial-value: light-dark(hsl(348, 94.3%, 20.8%), hsl(356.3 76.8% 54.3% / 0.8));
 }
 
 @property --kds-color-background-input-initial {
 syntax: "<color>";
   inherits: true;
-  initial-value: light-dark(hsl(0 0% 99%), hsl(0 0% 22%));
+  initial-value: light-dark(hsl(0, 0%, 99%), hsl(0, 0%, 22%));
 }
 
 @property --kds-color-background-input-hover {
@@ -1385,919 +1385,919 @@ syntax: "<color>";
 @property --kds-color-background-disabled-default {
 syntax: "<color>";
   inherits: true;
-  initial-value: hsl(180 0% 48% / 0.48);
+  initial-value: hsl(340 0% 48.2% / 0.48);
 }
 
 @property --kds-color-background-disabled-primary {
 syntax: "<color>";
   inherits: true;
-  initial-value: hsl(173.77 18.031% 40.307%);
+  initial-value: hsl(173.91 18.134% 40.592%);
 }
 
 @property --kds-color-background-disabled-danger {
 syntax: "<color>";
   inherits: true;
-  initial-value: hsl(1.5788 43.542% 37.998%);
+  initial-value: hsl(1.3489 43.031% 37.79%);
 }
 
 @property --kds-color-background-success-bold-initial {
 syntax: "<color>";
   inherits: true;
-  initial-value: light-dark(hsl(111 48% 31%), hsl(124 47% 21%));
+  initial-value: light-dark(hsl(111.3, 47.5%, 31.4%), hsl(123.7, 46.7%, 20.6%));
 }
 
 @property --kds-color-background-info-bold-initial {
 syntax: "<color>";
   inherits: true;
-  initial-value: light-dark(hsl(209 57% 50%), hsl(212 78% 68%));
+  initial-value: light-dark(hsl(209.4, 57.3%, 49.6%), hsl(212.1, 78.2%, 67.6%));
 }
 
 @property --kds-color-background-info-bold-hover {
 syntax: "<color>";
   inherits: true;
-  initial-value: light-dark(hsl(208 63% 41%), hsl(214 92% 77%));
+  initial-value: light-dark(hsl(208.2, 62.9%, 41.2%), hsl(213.6, 91.6%, 76.7%));
 }
 
 @property --kds-color-background-info-bold-active {
 syntax: "<color>";
   inherits: true;
-  initial-value: light-dark(hsl(208 61% 34%), hsl(215 100% 84%));
+  initial-value: light-dark(hsl(208.3, 60.5%, 33.7%), hsl(214.5, 100%, 84.3%));
 }
 
 @property --kds-color-background-static-info {
 syntax: "<color>";
   inherits: true;
-  initial-value: light-dark(hsl(217 100% 97%), hsl(210 50% 28%));
+  initial-value: light-dark(hsl(216.7, 100%, 96.5%), hsl(210, 50%, 27.5%));
 }
 
 @property --kds-color-background-static-info-muted {
 syntax: "<color>";
   inherits: true;
-  initial-value: light-dark(hsl(217.11 100.13% 97.725%), hsl(211.86 41.035% 17.864%));
+  initial-value: light-dark(hsl(216.83 100.14% 97.347%), hsl(211.86 40.97% 17.58%));
 }
 
 @property --kds-color-background-static-warning {
 syntax: "<color>";
   inherits: true;
-  initial-value: light-dark(hsl(30 95% 92%), hsl(13 66% 23%));
+  initial-value: light-dark(hsl(30, 95.2%, 91.8%), hsl(13.1, 66.1%, 23.1%));
 }
 
 @property --kds-color-background-static-warning-muted {
 syntax: "<color>";
   inherits: true;
-  initial-value: light-dark(hsl(29.611 97.821% 95.88%), hsl(14.626 60.206% 14.715%));
+  initial-value: light-dark(hsl(29.601 98.108% 95.778%), hsl(14.687 60.252% 14.775%));
 }
 
 @property --kds-color-background-static-danger {
 syntax: "<color>";
   inherits: true;
-  initial-value: light-dark(hsl(2 100% 92%), hsl(348 97% 27%));
+  initial-value: light-dark(hsl(1.5, 100%, 92.4%), hsl(347.6, 97.1%, 27.3%));
 }
 
 @property --kds-color-background-static-danger-muted {
 syntax: "<color>";
   inherits: true;
-  initial-value: light-dark(hsl(0 100% 97%), hsl(356.66 65.093% 15.235%));
+  initial-value: light-dark(hsl(0, 100%, 97.1%), hsl(356.76 65.215% 15.117%));
 }
 
 @property --kds-color-background-static-success {
 syntax: "<color>";
   inherits: true;
-  initial-value: light-dark(hsl(119.44 95.797% 93.942%), hsl(124 47% 21%));
+  initial-value: light-dark(hsl(119.4 96.139% 93.64%), hsl(123.7, 46.7%, 20.6%));
 }
 
 @property --kds-color-background-static-success-muted {
 syntax: "<color>";
   inherits: true;
-  initial-value: light-dark(hsl(124.89 65.088% 97.723%), hsl(128.09 38.652% 10.529%));
+  initial-value: light-dark(hsl(125.38 64.795% 97.496%), hsl(128.3 38.542% 10.352%));
 }
 
 @property --kds-color-background-static-brand {
 syntax: "<color>";
   inherits: true;
-  initial-value: hsl(51 100% 50%);
+  initial-value: hsl(50.8, 100%, 50%);
 }
 
 @property --kds-color-background-static-overlay {
 syntax: "<color>";
   inherits: true;
-  initial-value: light-dark(hsl(0 0% 13%), hsl(0 0% 22%));
+  initial-value: light-dark(hsl(0, 0%, 12.9%), hsl(0, 0%, 22%));
 }
 
 @property --kds-color-background-static-chart-0 {
 syntax: "<color>";
   inherits: true;
-  initial-value: light-dark(hsl(0 0% 94%), hsl(0 0% 32%));
+  initial-value: light-dark(hsl(0, 0%, 94.1%), hsl(0, 0%, 32.2%));
 }
 
 @property --kds-color-background-static-chart-1 {
 syntax: "<color>";
   inherits: true;
-  initial-value: light-dark(hsl(176 67% 22%), hsl(173 37% 39%));
+  initial-value: light-dark(hsl(176.1, 66.7%, 22.4%), hsl(173.4, 37.1%, 38.6%));
 }
 
 @property --kds-color-background-static-chart-2 {
 syntax: "<color>";
   inherits: true;
-  initial-value: light-dark(hsl(172 27% 48%), hsl(176 67% 22%));
+  initial-value: light-dark(hsl(171.8, 27%, 47.8%), hsl(176.1, 66.7%, 22.4%));
 }
 
 @property --kds-color-text-and-icon-neutral {
 syntax: "<color>";
   inherits: true;
-  initial-value: light-dark(hsl(0 0% 16%), hsl(0 0% 94%));
+  initial-value: light-dark(hsl(0, 0%, 15.7%), hsl(0, 0%, 94.1%));
 }
 
 @property --kds-color-text-and-icon-muted {
 syntax: "<color>";
   inherits: true;
-  initial-value: light-dark(hsl(0 0% 32%), hsl(0 0% 90%));
+  initial-value: light-dark(hsl(0, 0%, 32.2%), hsl(0, 0%, 90.2%));
 }
 
 @property --kds-color-text-and-icon-subtle {
 syntax: "<color>";
   inherits: true;
-  initial-value: light-dark(hsl(0 0% 43%), hsl(0 0% 73%));
+  initial-value: light-dark(hsl(0, 0%, 43%), hsl(0, 0%, 72.5%));
 }
 
 @property --kds-color-text-and-icon-neutral-inverted {
 syntax: "<color>";
   inherits: true;
-  initial-value: light-dark(hsl(0 0% 98%), hsl(0 0% 16%));
+  initial-value: light-dark(hsl(0, 0%, 98%), hsl(0, 0%, 15.7%));
 }
 
 @property --kds-color-text-and-icon-primary {
 syntax: "<color>";
   inherits: true;
-  initial-value: hsl(176 67% 22%);
+  initial-value: hsl(176.1, 66.7%, 22.4%);
 }
 
 @property --kds-color-text-and-icon-primary-inverted {
 syntax: "<color>";
   inherits: true;
-  initial-value: hsl(166 68% 93%);
+  initial-value: hsl(165.6, 67.6%, 92.7%);
 }
 
 @property --kds-color-text-and-icon-selected {
 syntax: "<color>";
   inherits: true;
-  initial-value: light-dark(hsl(176 67% 22%), hsl(169 34% 76%));
+  initial-value: light-dark(hsl(176.1, 66.7%, 22.4%), hsl(168.8, 34.4%, 75.5%));
 }
 
 @property --kds-color-text-and-icon-selected-inverted {
 syntax: "<color>";
   inherits: true;
-  initial-value: hsl(165 80% 96%);
+  initial-value: hsl(165, 80%, 96.1%);
 }
 
 @property --kds-color-text-and-icon-warning {
 syntax: "<color>";
   inherits: true;
-  initial-value: light-dark(hsl(19 63% 38%), hsl(31 83% 66%));
+  initial-value: light-dark(hsl(19, 63.1%, 38.2%), hsl(31.2, 82.8%, 65.9%));
 }
 
 @property --kds-color-text-and-icon-warning-inverted {
 syntax: "<color>";
   inherits: true;
-  initial-value: hsl(31 100% 83%);
+  initial-value: hsl(31, 100%, 82.5%);
 }
 
 @property --kds-color-text-and-icon-danger {
 syntax: "<color>";
   inherits: true;
-  initial-value: light-dark(hsl(349 91% 35%), hsl(4 100% 80%));
+  initial-value: light-dark(hsl(348.8, 90.9%, 34.5%), hsl(3.5, 100%, 79.6%));
 }
 
 @property --kds-color-text-and-icon-danger-inverted {
 syntax: "<color>";
   inherits: true;
-  initial-value: light-dark(hsl(0 100% 97%), hsl(2 100% 92%));
+  initial-value: light-dark(hsl(0, 100%, 97.1%), hsl(1.5, 100%, 92.4%));
 }
 
 @property --kds-color-text-and-icon-success {
 syntax: "<color>";
   inherits: true;
-  initial-value: light-dark(hsl(116 47% 26%), hsl(109 47% 61%));
+  initial-value: light-dark(hsl(116.1, 46.6%, 25.7%), hsl(109, 47.2%, 61.4%));
 }
 
 @property --kds-color-text-and-icon-success-inverted {
 syntax: "<color>";
   inherits: true;
-  initial-value: hsl(120 95% 92%);
+  initial-value: hsl(120, 95.3%, 91.6%);
 }
 
 @property --kds-color-text-and-icon-disabled {
 syntax: "<color>";
   inherits: true;
-  initial-value: light-dark(hsl(0 0% 64%), hsl(0 0% 48%));
+  initial-value: light-dark(hsl(0, 0%, 64%), hsl(0, 0%, 48.2%));
 }
 
 @property --kds-color-text-and-icon-disabled-inverted {
 syntax: "<color>";
   inherits: true;
-  initial-value: hsl(0 0% 73%);
+  initial-value: hsl(0, 0%, 72.5%);
 }
 
 @property --kds-color-text-and-icon-info {
 syntax: "<color>";
   inherits: true;
-  initial-value: light-dark(hsl(208 61% 34%), hsl(214 92% 77%));
+  initial-value: light-dark(hsl(208.3, 60.5%, 33.7%), hsl(213.6, 91.6%, 76.7%));
 }
 
 @property --kds-color-text-and-icon-editor {
 syntax: "<color>";
   inherits: true;
-  initial-value: light-dark(hsl(0 0% 11%), hsl(0 0% 94%));
+  initial-value: light-dark(hsl(0, 0%, 11.4%), hsl(0, 0%, 94.1%));
 }
 
 @property --kds-color-border-neutral {
 syntax: "<color>";
   inherits: true;
-  initial-value: light-dark(hsl(345 0% 10% / 0.4), hsl(330 0% 99% / 0.5));
+  initial-value: light-dark(hsl(330 0% 10.2% / 0.4), hsl(330 0% 99% / 0.5));
 }
 
 @property --kds-color-border-muted {
 syntax: "<color>";
   inherits: true;
-  initial-value: light-dark(hsl(345 0% 10% / 0.2), hsl(330 0% 99% / 0.2));
+  initial-value: light-dark(hsl(330 0% 10.2% / 0.2), hsl(330 0% 99% / 0.2));
 }
 
 @property --kds-color-border-subtle {
 syntax: "<color>";
   inherits: true;
-  initial-value: light-dark(hsl(345 0% 10% / 0.1), hsl(330 0% 99% / 0.1));
+  initial-value: light-dark(hsl(330 0% 10.2% / 0.1), hsl(330 0% 99% / 0.1));
 }
 
 @property --kds-color-border-primary-bold {
 syntax: "<color>";
   inherits: true;
-  initial-value: hsl(177 82% 18%);
+  initial-value: hsl(176.7, 82%, 17.5%);
 }
 
 @property --kds-color-border-primary {
 syntax: "<color>";
   inherits: true;
-  initial-value: light-dark(hsl(170 31% 66%), hsl(169 34% 76%));
+  initial-value: light-dark(hsl(169.8, 30.6%, 66.1%), hsl(168.8, 34.4%, 75.5%));
 }
 
 @property --kds-color-border-selected-bold {
 syntax: "<color>";
   inherits: true;
-  initial-value: light-dark(hsl(174 48% 31%), hsl(169 34% 76%));
+  initial-value: light-dark(hsl(174.4, 47.8%, 30.8%), hsl(168.8, 34.4%, 75.5%));
 }
 
 @property --kds-color-border-selected {
 syntax: "<color>";
   inherits: true;
-  initial-value: light-dark(hsl(172 27% 48%), hsl(168 47% 85%));
+  initial-value: light-dark(hsl(171.8, 27%, 47.8%), hsl(168, 46.7%, 85.3%));
 }
 
 @property --kds-color-border-selected-accent {
 syntax: "<color>";
   inherits: true;
-  initial-value: light-dark(hsl(209 57% 50%), hsl(214 92% 77%));
+  initial-value: light-dark(hsl(209.4, 57.3%, 49.6%), hsl(213.6, 91.6%, 76.7%));
 }
 
 @property --kds-color-border-warning-bold {
 syntax: "<color>";
   inherits: true;
-  initial-value: light-dark(hsl(19 63% 38%), hsl(31 100% 83%));
+  initial-value: light-dark(hsl(19, 63.1%, 38.2%), hsl(31, 100%, 82.5%));
 }
 
 @property --kds-color-border-warning {
 syntax: "<color>";
   inherits: true;
-  initial-value: light-dark(hsl(31 79% 74%), hsl(13 66% 23%));
+  initial-value: light-dark(hsl(30.8, 79.3%, 73.5%), hsl(13.1, 66.1%, 23.1%));
 }
 
 @property --kds-color-border-danger-bold {
 syntax: "<color>";
   inherits: true;
-  initial-value: light-dark(hsl(349 91% 35%), hsl(4 100% 80%));
+  initial-value: light-dark(hsl(348.8, 90.9%, 34.5%), hsl(3.5, 100%, 79.6%));
 }
 
 @property --kds-color-border-danger {
 syntax: "<color>";
   inherits: true;
-  initial-value: light-dark(hsl(3 100% 86%), hsl(348 94% 21%));
+  initial-value: light-dark(hsl(3.4, 100%, 86.1%), hsl(348, 94.3%, 20.8%));
 }
 
 @property --kds-color-border-success-bold {
 syntax: "<color>";
   inherits: true;
-  initial-value: light-dark(hsl(116 47% 26%), hsl(112 57% 71%));
+  initial-value: light-dark(hsl(116.1, 46.6%, 25.7%), hsl(112, 56.5%, 71.2%));
 }
 
 @property --kds-color-border-success {
 syntax: "<color>";
   inherits: true;
-  initial-value: light-dark(hsl(112 57% 71%), hsl(124 47% 21%));
+  initial-value: light-dark(hsl(112, 56.5%, 71.2%), hsl(123.7, 46.7%, 20.6%));
 }
 
 @property --kds-color-border-info-bold {
 syntax: "<color>";
   inherits: true;
-  initial-value: light-dark(hsl(208 61% 34%), hsl(215 100% 84%));
+  initial-value: light-dark(hsl(208.3, 60.5%, 33.7%), hsl(214.5, 100%, 84.3%));
 }
 
 @property --kds-color-border-info {
 syntax: "<color>";
   inherits: true;
-  initial-value: light-dark(hsl(215 100% 84%), hsl(210 50% 28%));
+  initial-value: light-dark(hsl(214.5, 100%, 84.3%), hsl(210, 50%, 27.5%));
 }
 
 @property --kds-color-border-transparent {
 syntax: "<color>";
   inherits: true;
-  initial-value: hsl(330 0% 11% / 0);
+  initial-value: hsl(345 0% 11.4% / 0);
 }
 
 @property --kds-color-border-disabled {
 syntax: "<color>";
   inherits: true;
-  initial-value: light-dark(hsl(0 0% 73%), hsl(0 0% 48%));
+  initial-value: light-dark(hsl(0, 0%, 72.5%), hsl(0, 0%, 48.2%));
 }
 
 @property --kds-color-border-brand {
 syntax: "<color>";
   inherits: true;
-  initial-value: hsl(51 100% 50%);
+  initial-value: hsl(50.8, 100%, 50%);
 }
 
 @property --kds-color-border-neutral-bold-initial {
 syntax: "<color>";
   inherits: true;
-  initial-value: light-dark(hsl(345 0% 10% / 0.4), hsl(330 0% 99% / 0.4));
+  initial-value: light-dark(hsl(330 0% 10.2% / 0.4), hsl(330 0% 99% / 0.4));
 }
 
 @property --kds-color-border-neutral-bold-hover {
 syntax: "<color>";
   inherits: true;
-  initial-value: light-dark(hsl(345 0% 10% / 0.64), hsl(330 0% 99% / 0.58));
+  initial-value: light-dark(hsl(330 0% 10.2% / 0.64), hsl(330 0% 99% / 0.58));
 }
 
 @property --kds-color-border-neutral-bold-active {
 syntax: "<color>";
   inherits: true;
-  initial-value: light-dark(hsl(345 0% 10% / 0.74), hsl(330 0% 99% / 0.68));
+  initial-value: light-dark(hsl(330 0% 10.2% / 0.74), hsl(330 0% 99% / 0.68));
 }
 
 @property --kds-color-focus-outline {
 syntax: "<color>";
   inherits: true;
-  initial-value: light-dark(hsl(209 57% 50%), hsl(214 92% 77%));
+  initial-value: light-dark(hsl(209.4, 57.3%, 49.6%), hsl(213.6, 91.6%, 76.7%));
 }
 
 @property --kds-color-focus-background {
 syntax: "<color>";
   inherits: true;
-  initial-value: light-dark(hsl(216 100% 92% / 0.4), hsl(209 50% 20% / 0.5));
+  initial-value: light-dark(hsl(215.7 100% 91.8% / 0.4), hsl(209.4 49.5% 20.2% / 0.5));
 }
 
 @property --kds-color-blanket-default {
 syntax: "<color>";
   inherits: true;
-  initial-value: hsl(330 0% 11% / 0.8);
+  initial-value: hsl(345 0% 11.4% / 0.8);
 }
 
 @property --kds-color-nodes-and-variables-flow-variable {
 syntax: "<color>";
   inherits: true;
-  initial-value: light-dark(hsl(360 84% 63%), hsl(0 100% 66%));
+  initial-value: light-dark(hsl(359.6, 84.3%, 62.5%), hsl(0, 100%, 66.1%));
 }
 
 @property --kds-color-nodes-and-variables-loop {
 syntax: "<color>";
   inherits: true;
-  initial-value: hsl(188 52% 77%);
+  initial-value: hsl(187.7, 51.7%, 76.5%);
 }
 
 @property --kds-color-nodes-and-variables-manipulator {
 syntax: "<color>";
   inherits: true;
-  initial-value: hsl(51 100% 50%);
+  initial-value: hsl(50.8, 100%, 50%);
 }
 
 @property --kds-color-nodes-and-variables-predictor {
 syntax: "<color>";
   inherits: true;
-  initial-value: light-dark(hsl(107 43% 55%), hsl(109 47% 61%));
+  initial-value: light-dark(hsl(106.5, 42.6%, 54.9%), hsl(109, 47.2%, 61.4%));
 }
 
 @property --kds-color-nodes-and-variables-source {
 syntax: "<color>";
   inherits: true;
-  initial-value: hsl(30 80% 60%);
+  initial-value: hsl(30, 80.4%, 60%);
 }
 
 @property --kds-color-nodes-and-variables-visualizer {
 syntax: "<color>";
   inherits: true;
-  initial-value: light-dark(hsl(193 60% 43%), hsl(191 57% 54%));
+  initial-value: light-dark(hsl(193.1, 60.2%, 43.3%), hsl(191.3, 57.1%, 54.3%));
 }
 
 @property --kds-color-nodes-and-variables-scope {
 syntax: "<color>";
   inherits: true;
-  initial-value: light-dark(hsl(305 27% 47%), hsl(308 32% 55%));
+  initial-value: light-dark(hsl(304.6, 27.4%, 46.5%), hsl(308.3, 31.6%, 55.3%));
 }
 
 @property --kds-color-nodes-and-variables-learner {
 syntax: "<color>";
   inherits: true;
-  initial-value: light-dark(hsl(67 68% 55%), hsl(65 69% 65%));
+  initial-value: light-dark(hsl(67.3, 67.8%, 54.9%), hsl(65.4, 68.5%, 65.1%));
 }
 
 @property --kds-color-nodes-and-variables-sink {
 syntax: "<color>";
   inherits: true;
-  initial-value: light-dark(hsl(360 84% 63%), hsl(0 100% 66%));
+  initial-value: light-dark(hsl(359.6, 84.3%, 62.5%), hsl(0, 100%, 66.1%));
 }
 
 @property --kds-color-nodes-and-variables-container {
 syntax: "<color>";
   inherits: true;
-  initial-value: hsl(69 54% 40%);
+  initial-value: hsl(69.4, 53.5%, 39.6%);
 }
 
 @property --kds-color-nodes-and-variables-unknown {
 syntax: "<color>";
   inherits: true;
-  initial-value: light-dark(hsl(353 75% 45%), hsl(356 77% 54%));
+  initial-value: light-dark(hsl(353, 74.7%, 44.9%), hsl(356.3, 76.8%, 54.3%));
 }
 
 @property --kds-color-nodes-and-variables-other {
 syntax: "<color>";
   inherits: true;
-  initial-value: light-dark(hsl(29 43% 58%), hsl(30 47% 68%));
+  initial-value: light-dark(hsl(29, 43%, 58%), hsl(30, 47%, 68%));
 }
 
 @property --kds-color-nodes-and-variables-metanode {
 syntax: "<color>";
   inherits: true;
-  initial-value: light-dark(hsl(0 0% 99%), hsl(0 0% 13%));
+  initial-value: light-dark(hsl(0, 0%, 99%), hsl(0, 0%, 12.9%));
 }
 
 @property --kds-color-nodes-and-variables-metanode-border {
 syntax: "<color>";
   inherits: true;
-  initial-value: light-dark(hsl(0 0% 32%), hsl(0 0% 94%));
+  initial-value: light-dark(hsl(0, 0%, 32.2%), hsl(0, 0%, 94.1%));
 }
 
 @property --kds-color-nodes-and-variables-component {
 syntax: "<color>";
   inherits: true;
-  initial-value: light-dark(hsl(0 0% 73%), hsl(0 0% 43%));
+  initial-value: light-dark(hsl(0, 0%, 72.5%), hsl(0, 0%, 43%));
 }
 
 @property --kds-color-nodes-and-variables-special-state {
 syntax: "<color>";
   inherits: true;
-  initial-value: light-dark(hsl(0 0% 99%), hsl(0 0% 13%));
+  initial-value: light-dark(hsl(0, 0%, 99%), hsl(0, 0%, 12.9%));
 }
 
 @property --kds-color-nodes-and-variables-forbidden-border {
 syntax: "<color>";
   inherits: true;
-  initial-value: light-dark(hsl(0 0% 19%), hsl(0 0% 90%));
+  initial-value: light-dark(hsl(0, 0%, 18.8%), hsl(0, 0%, 90.2%));
 }
 
 @property --kds-color-nodes-and-variables-forbidden {
 syntax: "<color>";
   inherits: true;
-  initial-value: light-dark(hsl(0 0% 90%), hsl(0 0% 22%));
+  initial-value: light-dark(hsl(0, 0%, 90.2%), hsl(0, 0%, 22%));
 }
 
 @property --kds-color-nodes-and-variables-warning-border {
 syntax: "<color>";
   inherits: true;
-  initial-value: light-dark(hsl(19 63% 38%), hsl(31 83% 66%));
+  initial-value: light-dark(hsl(19, 63.1%, 38.2%), hsl(31.2, 82.8%, 65.9%));
 }
 
 @property --kds-color-nodes-and-variables-warning {
 syntax: "<color>";
   inherits: true;
-  initial-value: light-dark(hsl(31 100% 83%), hsl(0 0% 22%));
+  initial-value: light-dark(hsl(31, 100%, 82.5%), hsl(0, 0%, 22%));
 }
 
 @property --kds-color-nodes-and-variables-error-border {
 syntax: "<color>";
   inherits: true;
-  initial-value: light-dark(hsl(349 91% 35%), hsl(0 100% 66%));
+  initial-value: light-dark(hsl(348.8, 90.9%, 34.5%), hsl(0, 100%, 66.1%));
 }
 
 @property --kds-color-nodes-and-variables-error {
 syntax: "<color>";
   inherits: true;
-  initial-value: light-dark(hsl(2 100% 92%), hsl(0 0% 22%));
+  initial-value: light-dark(hsl(1.5, 100%, 92.4%), hsl(0, 0%, 22%));
 }
 
 @property --kds-color-nodes-and-variables-loading-border {
 syntax: "<color>";
   inherits: true;
-  initial-value: light-dark(hsl(208 61% 34%), hsl(215 100% 84%));
+  initial-value: light-dark(hsl(208.3, 60.5%, 33.7%), hsl(214.5, 100%, 84.3%));
 }
 
 @property --kds-color-nodes-and-variables-loading {
 syntax: "<color>";
   inherits: true;
-  initial-value: light-dark(hsl(216 100% 92%), hsl(209 50% 20%));
+  initial-value: light-dark(hsl(215.7, 100%, 91.8%), hsl(209.4, 49.5%, 20.2%));
 }
 
 @property --kds-color-nodes-and-variables-configuration {
 syntax: "<color>";
   inherits: true;
-  initial-value: light-dark(hsl(65 69% 70%), hsl(70 60% 86%));
+  initial-value: light-dark(hsl(64.6, 68.6%, 70.0%), hsl(69.5, 59.5%, 85.5%));
 }
 
 @property --kds-color-nodes-and-variables-quickform {
 syntax: "<color>";
   inherits: true;
-  initial-value: light-dark(hsl(212 78% 68%), hsl(215 100% 84%));
+  initial-value: light-dark(hsl(212.1, 78.2%, 67.6%), hsl(214.5, 100%, 84.3%));
 }
 
 @property --kds-color-port-data {
 syntax: "<color>";
   inherits: true;
-  initial-value: light-dark(hsl(0 0% 11%), hsl(0 0% 94%));
+  initial-value: light-dark(hsl(0, 0%, 11.4%), hsl(0, 0%, 94.1%));
 }
 
 @property --kds-color-port-flow-variable {
 syntax: "<color>";
   inherits: true;
-  initial-value: hsl(360 84% 63%);
+  initial-value: hsl(359.6, 84.3%, 62.5%);
 }
 
 @property --kds-color-port-neutral-inverted {
 syntax: "<color>";
   inherits: true;
-  initial-value: light-dark(hsl(0 0% 99%), hsl(0 0% 13%));
+  initial-value: light-dark(hsl(0, 0%, 99%), hsl(0, 0%, 12.9%));
 }
 
 @property --kds-color-annotations-special-nodes {
 syntax: "<color>";
   inherits: true;
-  initial-value: light-dark(hsl(0 0% 73%), hsl(0 0% 32%));
+  initial-value: light-dark(hsl(0, 0%, 72.5%), hsl(0, 0%, 32.2%));
 }
 
 @property --kds-color-annotations-special-nodes-bold {
 syntax: "<color>";
   inherits: true;
-  initial-value: light-dark(hsl(0 0% 32%), hsl(0 0% 90%));
+  initial-value: light-dark(hsl(0, 0%, 32.2%), hsl(0, 0%, 90.2%));
 }
 
 @property --kds-color-annotations-visualizer {
 syntax: "<color>";
   inherits: true;
-  initial-value: light-dark(hsl(193 60% 43%), hsl(191 57% 54%));
+  initial-value: light-dark(hsl(193.1, 60.2%, 43.3%), hsl(191.3, 57.1%, 54.3%));
 }
 
 @property --kds-color-annotations-loading-bold {
 syntax: "<color>";
   inherits: true;
-  initial-value: light-dark(hsl(208 61% 34%), hsl(215 100% 84%));
+  initial-value: light-dark(hsl(208.3, 60.5%, 33.7%), hsl(214.5, 100%, 84.3%));
 }
 
 @property --kds-color-annotations-manipulator {
 syntax: "<color>";
   inherits: true;
-  initial-value: hsl(51 100% 50%);
+  initial-value: hsl(50.8, 100%, 50%);
 }
 
 @property --kds-color-annotations-source {
 syntax: "<color>";
   inherits: true;
-  initial-value: hsl(30 80% 60%);
+  initial-value: hsl(30, 80.4%, 60%);
 }
 
 @property --kds-color-annotations-sink {
 syntax: "<color>";
   inherits: true;
-  initial-value: light-dark(hsl(360 84% 63%), hsl(0 100% 66%));
+  initial-value: light-dark(hsl(359.6, 84.3%, 62.5%), hsl(0, 100%, 66.1%));
 }
 
 @property --kds-color-annotations-learner {
 syntax: "<color>";
   inherits: true;
-  initial-value: light-dark(hsl(67 68% 55%), hsl(65 69% 65%));
+  initial-value: light-dark(hsl(67.3, 67.8%, 54.9%), hsl(65.4, 68.5%, 65.1%));
 }
 
 @property --kds-color-annotations-predictor {
 syntax: "<color>";
   inherits: true;
-  initial-value: light-dark(hsl(107 43% 55%), hsl(109 47% 61%));
+  initial-value: light-dark(hsl(106.5, 42.6%, 54.9%), hsl(109, 47.2%, 61.4%));
 }
 
 @property --kds-color-annotations-container {
 syntax: "<color>";
   inherits: true;
-  initial-value: light-dark(hsl(67 64% 80%), hsl(70 60% 86%));
+  initial-value: light-dark(hsl(66.5, 64.4%, 80.2%), hsl(69.5, 59.5%, 85.5%));
 }
 
 @property --kds-color-annotations-flow-variable {
 syntax: "<color>";
   inherits: true;
-  initial-value: light-dark(hsl(173 37% 39%), hsl(172 27% 48%));
+  initial-value: light-dark(hsl(173.4, 37.1%, 38.6%), hsl(171.8, 27%, 47.8%));
 }
 
 @property --kds-color-annotations-teal-dark {
 syntax: "<color>";
   inherits: true;
-  initial-value: light-dark(hsl(177 82% 18%), hsl(176 67% 22%));
+  initial-value: light-dark(hsl(176.7, 82%, 17.5%), hsl(176.1, 66.7%, 22.4%));
 }
 
 @property --kds-color-annotations-other {
 syntax: "<color>";
   inherits: true;
-  initial-value: light-dark(hsl(29 43% 58%), hsl(30 47% 68%));
+  initial-value: light-dark(hsl(29, 43%, 58%), hsl(30, 47%, 68%));
 }
 
 @property --kds-color-annotations-loop {
 syntax: "<color>";
   inherits: true;
-  initial-value: light-dark(hsl(25 30% 35%), hsl(27 35% 44%));
+  initial-value: light-dark(hsl(25, 30%, 35%), hsl(27, 35%, 44%));
 }
 
 @property --kds-color-state-error {
 syntax: "<color>";
   inherits: true;
-  initial-value: light-dark(hsl(353 75% 45%), hsl(348 97% 27%));
+  initial-value: light-dark(hsl(353, 74.7%, 44.9%), hsl(347.6, 97.1%, 27.3%));
 }
 
 @property --kds-color-state-error-border {
 syntax: "<color>";
   inherits: true;
-  initial-value: light-dark(hsl(348 94% 21%), hsl(3 100% 72%));
+  initial-value: light-dark(hsl(348, 94.3%, 20.8%), hsl(2.6, 100%, 72.4%));
 }
 
 @property --kds-color-state-warning {
 syntax: "<color>";
   inherits: true;
-  initial-value: light-dark(hsl(48 100% 68%), hsl(44 100% 26%));
+  initial-value: light-dark(hsl(47.6, 100%, 67.6%), hsl(43.9, 100%, 26.3%));
 }
 
 @property --kds-color-state-warning-border {
 syntax: "<color>";
   inherits: true;
-  initial-value: light-dark(hsl(19 63% 38%), hsl(49 99% 44%));
+  initial-value: light-dark(hsl(19, 63.1%, 38.2%), hsl(49.1, 99.1%, 43.7%));
 }
 
 @property --kds-color-state-success {
 syntax: "<color>";
   inherits: true;
-  initial-value: light-dark(hsl(107 43% 55%), hsl(108 46% 37%));
+  initial-value: light-dark(hsl(106.5, 42.6%, 54.9%), hsl(107.6, 46%, 37.1%));
 }
 
 @property --kds-color-state-success-border {
 syntax: "<color>";
   inherits: true;
-  initial-value: light-dark(hsl(116 47% 26%), hsl(107 43% 55%));
+  initial-value: light-dark(hsl(116.1, 46.6%, 25.7%), hsl(106.5, 42.6%, 54.9%));
 }
 
 @property --kds-color-state-loading {
 syntax: "<color>";
   inherits: true;
-  initial-value: light-dark(hsl(208 61% 34%), hsl(215 100% 84%));
+  initial-value: light-dark(hsl(208.3, 60.5%, 33.7%), hsl(214.5, 100%, 84.3%));
 }
 
 @property --kds-color-state-inactive {
 syntax: "<color>";
   inherits: true;
-  initial-value: light-dark(hsl(0 0% 99%), hsl(0 0% 11%));
+  initial-value: light-dark(hsl(0, 0%, 99%), hsl(0, 0%, 11.4%));
 }
 
 @property --kds-color-state-inactive-border {
 syntax: "<color>";
   inherits: true;
-  initial-value: light-dark(hsl(0 0% 90%), hsl(0 0% 32%));
+  initial-value: light-dark(hsl(0, 0%, 90.2%), hsl(0, 0%, 32.2%));
 }
 
 @property --kds-color-state-disabled {
 syntax: "<color>";
   inherits: true;
-  initial-value: light-dark(hsl(0 0% 73%), hsl(0 0% 22%));
+  initial-value: light-dark(hsl(0, 0%, 72.5%), hsl(0, 0%, 22%));
 }
 
 @property --kds-color-state-disabled-border {
 syntax: "<color>";
   inherits: true;
-  initial-value: hsl(0 0% 48%);
+  initial-value: hsl(0, 0%, 48.2%);
 }
 
 @property --kds-color-state-background {
 syntax: "<color>";
   inherits: true;
-  initial-value: light-dark(hsl(0 0% 90%), hsl(0 0% 32%));
+  initial-value: light-dark(hsl(0, 0%, 90.2%), hsl(0, 0%, 32.2%));
 }
 
 @property --kds-color-connector-data {
 syntax: "<color>";
   inherits: true;
-  initial-value: light-dark(hsl(0 0% 16%), hsl(0 0% 94%));
+  initial-value: light-dark(hsl(0, 0%, 15.7%), hsl(0, 0%, 94.1%));
 }
 
 @property --kds-color-connector-flow-variable {
 syntax: "<color>";
   inherits: true;
-  initial-value: hsl(360 84% 63%);
+  initial-value: hsl(359.6, 84.3%, 62.5%);
 }
 
 @property --kds-color-elevation-top {
 syntax: "<color>";
   inherits: true;
-  initial-value: light-dark(hsl(330 0% 73% / 0.32), hsl(345 0% 10% / 0.9));
+  initial-value: light-dark(hsl(210 0% 72.5% / 0.32), hsl(330 0% 10.2% / 0.9));
 }
 
 @property --kds-color-elevation-middle {
 syntax: "<color>";
   inherits: true;
-  initial-value: light-dark(hsl(330 0% 32% / 0.14), hsl(345 0% 10% / 0.94));
+  initial-value: light-dark(hsl(180 0% 32.2% / 0.14), hsl(330 0% 10.2% / 0.94));
 }
 
 @property --kds-color-elevation-bottom {
 syntax: "<color>";
   inherits: true;
-  initial-value: light-dark(hsl(330 0% 32% / 0.12), hsl(345 0% 10% / 0.98));
+  initial-value: light-dark(hsl(180 0% 32.2% / 0.12), hsl(330 0% 10.2% / 0.98));
 }
 
 @property --kds-color-elevation-knob {
 syntax: "<color>";
   inherits: true;
-  initial-value: light-dark(hsl(330 0% 32% / 0.5), hsl(345 0% 10% / 0.6));
+  initial-value: light-dark(hsl(180 0% 32.2% / 0.5), hsl(330 0% 10.2% / 0.6));
 }
 
 @property --kds-color-desktop-header-background-default {
 syntax: "<color>";
   inherits: true;
-  initial-value: hsl(0 0% 10%);
+  initial-value: hsl(0, 0%, 10.2%);
 }
 
 @property --kds-color-desktop-header-background-muted {
 syntax: "<color>";
   inherits: true;
-  initial-value: light-dark(hsl(0 0% 98%), hsl(0 0% 16%));
+  initial-value: light-dark(hsl(0, 0%, 98%), hsl(0, 0%, 15.7%));
 }
 
 @property --kds-color-desktop-header-background-accent {
 syntax: "<color>";
   inherits: true;
-  initial-value: light-dark(hsl(0 0% 98%), hsl(0 0% 16%));
+  initial-value: light-dark(hsl(0, 0%, 98%), hsl(0, 0%, 15.7%));
 }
 
 @property --kds-color-desktop-header-text-and-icon-neutral {
 syntax: "<color>";
   inherits: true;
-  initial-value: light-dark(hsl(0 0% 16%), hsl(0 0% 94%));
+  initial-value: light-dark(hsl(0, 0%, 15.7%), hsl(0, 0%, 94.1%));
 }
 
 @property --kds-color-desktop-header-text-and-icon-muted {
 syntax: "<color>";
   inherits: true;
-  initial-value: light-dark(hsl(0 0% 32%), hsl(0 0% 90%));
+  initial-value: light-dark(hsl(0, 0%, 32.2%), hsl(0, 0%, 90.2%));
 }
 
 @property --kds-color-desktop-header-border-default {
 syntax: "<color>";
   inherits: true;
-  initial-value: light-dark(hsl(345 0% 10% / 0.1), hsl(330 0% 99% / 0.1));
+  initial-value: light-dark(hsl(330 0% 10.2% / 0.1), hsl(330 0% 99% / 0.1));
 }
 
 @property --kds-color-table-header-background-default {
 syntax: "<color>";
   inherits: true;
-  initial-value: hsl(0 0% 99%);
+  initial-value: hsl(0, 0%, 99%);
 }
 
 @property --kds-color-toggle-switch-knob-initial {
 syntax: "<color>";
   inherits: true;
-  initial-value: hsl(0 0% 99%);
+  initial-value: hsl(0, 0%, 99%);
 }
 
 @property --kds-color-toggle-switch-knob-disabled {
 syntax: "<color>";
   inherits: true;
-  initial-value: hsl(0 0% 90%);
+  initial-value: hsl(0, 0%, 90.2%);
 }
 
 @property --kds-color-toggle-switch-icon-on {
 syntax: "<color>";
   inherits: true;
-  initial-value: hsl(176 67% 22%);
+  initial-value: hsl(176.1, 66.7%, 22.4%);
 }
 
 @property --kds-color-toggle-switch-icon-off {
 syntax: "<color>";
   inherits: true;
-  initial-value: hsl(0 0% 43%);
+  initial-value: hsl(0, 0%, 43%);
 }
 
 @property --kds-color-toggle-switch-icon-disabled {
 syntax: "<color>";
   inherits: true;
-  initial-value: hsl(0 0% 64%);
+  initial-value: hsl(0, 0%, 64%);
 }
 
 @property --kds-color-loading-spinner-progress-on-primary {
 syntax: "<color>";
   inherits: true;
-  initial-value: hsl(166 68% 93%);
+  initial-value: hsl(165.6 67.6% 92.7%);
 }
 
 @property --kds-color-loading-spinner-progress-on-surface {
 syntax: "<color>";
   inherits: true;
-  initial-value: light-dark(hsl(0 0% 16%), hsl(0 0% 94%));
+  initial-value: light-dark(hsl(0, 0%, 15.7%), hsl(0, 0%, 94.1%));
 }
 
 @property --kds-color-loading-spinner-track-on-primary {
 syntax: "<color>";
   inherits: true;
-  initial-value: hsl(166 68% 93% / 0.24);
+  initial-value: hsl(165.6 67.6% 92.7% / 0.24);
 }
 
 @property --kds-color-loading-spinner-track-on-surface {
 syntax: "<color>";
   inherits: true;
-  initial-value: light-dark(hsl(120 0% 16% / 0.24), hsl(0 0% 94% / 0.24));
+  initial-value: light-dark(hsl(332.73 0% 15.7% / 0.24), hsl(240 0% 94.1% / 0.24));
 }
 
 @property --kds-color-tooltip-background-default {
 syntax: "<color>";
   inherits: true;
-  initial-value: light-dark(hsl(0 0% 13%), hsl(0 0% 22%));
+  initial-value: light-dark(hsl(0, 0%, 12.9%), hsl(0, 0%, 22%));
 }
 
 @property --kds-color-tooltip-text-and-icon-neutral {
 syntax: "<color>";
   inherits: true;
-  initial-value: hsl(0 0% 98%);
+  initial-value: hsl(0, 0%, 98%);
 }
 
 @property --kds-color-text-highlight-background-default {
 syntax: "<color>";
   inherits: true;
-  initial-value: hsl(212 78% 68% / 0.6);
+  initial-value: hsl(212.1 78.2% 67.6% / 0.6);
 }
 
 @property --kds-color-avatar-background-red {
 syntax: "<color>";
   inherits: true;
-  initial-value: hsl(4 100% 80%);
+  initial-value: hsl(3.5, 100%, 79.6%);
 }
 
 @property --kds-color-avatar-background-orange {
 syntax: "<color>";
   inherits: true;
-  initial-value: hsl(31 83% 66%);
+  initial-value: hsl(31.2, 82.8%, 65.9%);
 }
 
 @property --kds-color-avatar-background-yellow {
 syntax: "<color>";
   inherits: true;
-  initial-value: hsl(51 100% 50%);
+  initial-value: hsl(50.8, 100%, 50%);
 }
 
 @property --kds-color-avatar-background-green {
 syntax: "<color>";
   inherits: true;
-  initial-value: hsl(109 47% 61%);
+  initial-value: hsl(109, 47.2%, 61.4%);
 }
 
 @property --kds-color-avatar-background-teal {
 syntax: "<color>";
   inherits: true;
-  initial-value: hsl(170 31% 66%);
+  initial-value: hsl(169.8, 30.6%, 66.1%);
 }
 
 @property --kds-color-avatar-background-blue {
 syntax: "<color>";
   inherits: true;
-  initial-value: hsl(214 92% 77%);
+  initial-value: hsl(213.6, 91.6%, 76.7%);
 }
 
 @property --kds-color-avatar-background-purple {
 syntax: "<color>";
   inherits: true;
-  initial-value: hsl(320 45% 82%);
+  initial-value: hsl(320.0, 44.7%, 81.6%);
 }
 
 @property --kds-color-avatar-background-aquamarine {
 syntax: "<color>";
   inherits: true;
-  initial-value: hsl(186 49% 88%);
+  initial-value: hsl(185.8, 49.2%, 87.6%);
 }
 
 @property --kds-color-avatar-background-grassgreen {
 syntax: "<color>";
   inherits: true;
-  initial-value: hsl(63 69% 75%);
+  initial-value: hsl(63.4, 68.5%, 75.1%);
 }
 
 @property --kds-color-avatar-background-brown {
 syntax: "<color>";
   inherits: true;
-  initial-value: hsl(30 47% 68%);
+  initial-value: hsl(30, 47%, 68%);
 }
 
 @property --kds-color-avatar-background-empty {
@@ -2309,61 +2309,61 @@ syntax: "<color>";
 @property --kds-color-avatar-text-and-icon-red {
 syntax: "<color>";
   inherits: true;
-  initial-value: hsl(348 94% 21%);
+  initial-value: hsl(348, 94.3%, 20.8%);
 }
 
 @property --kds-color-avatar-text-and-icon-orange {
 syntax: "<color>";
   inherits: true;
-  initial-value: hsl(13 66% 23%);
+  initial-value: hsl(13.1, 66.1%, 23.1%);
 }
 
 @property --kds-color-avatar-text-and-icon-yellow {
 syntax: "<color>";
   inherits: true;
-  initial-value: hsl(44 94% 14%);
+  initial-value: hsl(44.3, 94.2%, 13.5%);
 }
 
 @property --kds-color-avatar-text-and-icon-green {
 syntax: "<color>";
   inherits: true;
-  initial-value: hsl(132 52% 15%);
+  initial-value: hsl(132.3, 52%, 14.7%);
 }
 
 @property --kds-color-avatar-text-and-icon-teal {
 syntax: "<color>";
   inherits: true;
-  initial-value: hsl(175 93% 12%);
+  initial-value: hsl(174.5, 93.2%, 11.6%);
 }
 
 @property --kds-color-avatar-text-and-icon-blue {
 syntax: "<color>";
   inherits: true;
-  initial-value: hsl(209 50% 20%);
+  initial-value: hsl(209.4, 49.5%, 20.2%);
 }
 
 @property --kds-color-avatar-text-and-icon-purple {
 syntax: "<color>";
   inherits: true;
-  initial-value: hsl(296 34% 23%);
+  initial-value: hsl(295.5, 33.9%, 23.1%);
 }
 
 @property --kds-color-avatar-text-and-icon-aquamarine {
 syntax: "<color>";
   inherits: true;
-  initial-value: hsl(201 63% 27%);
+  initial-value: hsl(200.9, 63.2%, 26.7%);
 }
 
 @property --kds-color-avatar-text-and-icon-grassgreen {
 syntax: "<color>";
   inherits: true;
-  initial-value: hsl(72 39% 25%);
+  initial-value: hsl(72.2, 39.2%, 24.5%);
 }
 
 @property --kds-color-avatar-text-and-icon-brown {
 syntax: "<color>";
   inherits: true;
-  initial-value: hsl(23 27% 24%);
+  initial-value: hsl(23, 27%, 24%);
 }
 
 @property --kds-border-radius-container-none {
@@ -2447,151 +2447,151 @@ syntax: "<length>";
 @property --kds-border-action-transparent {
 syntax: "<string>";
   inherits: false;
-  initial-value: 1px solid hsl(330 0% 11% / 0);
+  initial-value: 1px solid hsl(345 0% 11.4% / 0);
 }
 
 @property --kds-border-action-default {
 syntax: "<string>";
   inherits: false;
-  initial-value: 1px solid light-dark(hsl(345 0% 10% / 0.4), hsl(330 0% 99% / 0.5));
+  initial-value: 1px solid light-dark(hsl(330 0% 10.2% / 0.4), hsl(330 0% 99% / 0.5));
 }
 
 @property --kds-border-action-disabled {
 syntax: "<string>";
   inherits: false;
-  initial-value: 1px solid light-dark(hsl(0 0% 73%), hsl(0 0% 48%));
+  initial-value: 1px solid light-dark(hsl(0, 0%, 72.5%), hsl(0, 0%, 48.2%));
 }
 
 @property --kds-border-action-focused {
 syntax: "<string>";
   inherits: false;
-  initial-value: 2px solid light-dark(hsl(209 57% 50%), hsl(214 92% 77%));
+  initial-value: 2px solid light-dark(hsl(209.4, 57.3%, 49.6%), hsl(213.6, 91.6%, 76.7%));
 }
 
 @property --kds-border-action-selected {
 syntax: "<string>";
   inherits: false;
-  initial-value: 1px solid light-dark(hsl(172 27% 48%), hsl(168 47% 85%));
+  initial-value: 1px solid light-dark(hsl(171.8, 27%, 47.8%), hsl(168, 46.7%, 85.3%));
 }
 
 @property --kds-border-action-selected-accent {
 syntax: "<string>";
   inherits: false;
-  initial-value: 1px solid light-dark(hsl(209 57% 50%), hsl(214 92% 77%));
+  initial-value: 1px solid light-dark(hsl(209.4, 57.3%, 49.6%), hsl(213.6, 91.6%, 76.7%));
 }
 
 @property --kds-border-action-error {
 syntax: "<string>";
   inherits: false;
-  initial-value: 1px solid light-dark(hsl(349 91% 35%), hsl(4 100% 80%));
+  initial-value: 1px solid light-dark(hsl(348.8, 90.9%, 34.5%), hsl(3.5, 100%, 79.6%));
 }
 
 @property --kds-border-action-primary {
 syntax: "<string>";
   inherits: false;
-  initial-value: 1px solid hsl(177 82% 18%);
+  initial-value: 1px solid hsl(176.7, 82%, 17.5%);
 }
 
 @property --kds-border-action-input {
 syntax: "<string>";
   inherits: false;
-  initial-value: 1px solid light-dark(hsl(345 0% 10% / 0.4), hsl(330 0% 99% / 0.5));
+  initial-value: 1px solid light-dark(hsl(330 0% 10.2% / 0.4), hsl(330 0% 99% / 0.5));
 }
 
 @property --kds-border-base-default {
 syntax: "<string>";
   inherits: false;
-  initial-value: 1px solid light-dark(hsl(345 0% 10% / 0.4), hsl(330 0% 99% / 0.5));
+  initial-value: 1px solid light-dark(hsl(330 0% 10.2% / 0.4), hsl(330 0% 99% / 0.5));
 }
 
 @property --kds-border-base-muted {
 syntax: "<string>";
   inherits: false;
-  initial-value: 1px solid light-dark(hsl(345 0% 10% / 0.2), hsl(330 0% 99% / 0.2));
+  initial-value: 1px solid light-dark(hsl(330 0% 10.2% / 0.2), hsl(330 0% 99% / 0.2));
 }
 
 @property --kds-border-base-subtle {
 syntax: "<string>";
   inherits: false;
-  initial-value: 1px solid light-dark(hsl(345 0% 10% / 0.1), hsl(330 0% 99% / 0.1));
+  initial-value: 1px solid light-dark(hsl(330 0% 10.2% / 0.1), hsl(330 0% 99% / 0.1));
 }
 
 @property --kds-border-base-brand {
 syntax: "<string>";
   inherits: false;
-  initial-value: 1px solid hsl(51 100% 50%);
+  initial-value: 1px solid hsl(50.8, 100%, 50%);
 }
 
 @property --kds-border-base-danger {
 syntax: "<string>";
   inherits: false;
-  initial-value: 1px solid light-dark(hsl(3 100% 86%), hsl(348 94% 21%));
+  initial-value: 1px solid light-dark(hsl(3.4, 100%, 86.1%), hsl(348, 94.3%, 20.8%));
 }
 
 @property --kds-border-base-warning {
 syntax: "<string>";
   inherits: false;
-  initial-value: 1px solid light-dark(hsl(31 79% 74%), hsl(13 66% 23%));
+  initial-value: 1px solid light-dark(hsl(30.8, 79.3%, 73.5%), hsl(13.1, 66.1%, 23.1%));
 }
 
 @property --kds-border-base-success {
 syntax: "<string>";
   inherits: false;
-  initial-value: 1px solid light-dark(hsl(112 57% 71%), hsl(124 47% 21%));
+  initial-value: 1px solid light-dark(hsl(112, 56.5%, 71.2%), hsl(123.7, 46.7%, 20.6%));
 }
 
 @property --kds-border-base-info {
 syntax: "<string>";
   inherits: false;
-  initial-value: 1px solid light-dark(hsl(215 100% 84%), hsl(210 50% 28%));
+  initial-value: 1px solid light-dark(hsl(214.5, 100%, 84.3%), hsl(210, 50%, 27.5%));
 }
 
 @property --kds-border-node-status-empty {
 syntax: "<string>";
   inherits: false;
-  initial-value: 1px solid light-dark(hsl(0 0% 90%), hsl(0 0% 32%));
+  initial-value: 1px solid light-dark(hsl(0, 0%, 90.2%), hsl(0, 0%, 32.2%));
 }
 
 @property --kds-border-node-status-error {
 syntax: "<string>";
   inherits: false;
-  initial-value: 1px solid light-dark(hsl(348 94% 21%), hsl(3 100% 72%));
+  initial-value: 1px solid light-dark(hsl(348, 94.3%, 20.8%), hsl(2.6, 100%, 72.4%));
 }
 
 @property --kds-border-node-status-warning {
 syntax: "<string>";
   inherits: false;
-  initial-value: 1px solid light-dark(hsl(19 63% 38%), hsl(49 99% 44%));
+  initial-value: 1px solid light-dark(hsl(19, 63.1%, 38.2%), hsl(49.1, 99.1%, 43.7%));
 }
 
 @property --kds-border-node-status-success {
 syntax: "<string>";
   inherits: false;
-  initial-value: 1px solid light-dark(hsl(116 47% 26%), hsl(107 43% 55%));
+  initial-value: 1px solid light-dark(hsl(116.1, 46.6%, 25.7%), hsl(106.5, 42.6%, 54.9%));
 }
 
 @property --kds-border-resize-handle-initial {
 syntax: "<string>";
   inherits: false;
-  initial-value: 2px solid light-dark(hsl(345 0% 10% / 0.4), hsl(330 0% 99% / 0.4));
+  initial-value: 2px solid light-dark(hsl(330 0% 10.2% / 0.4), hsl(330 0% 99% / 0.4));
 }
 
 @property --kds-border-resize-handle-hover {
 syntax: "<string>";
   inherits: false;
-  initial-value: 2px solid light-dark(hsl(345 0% 10% / 0.64), hsl(330 0% 99% / 0.58));
+  initial-value: 2px solid light-dark(hsl(330 0% 10.2% / 0.64), hsl(330 0% 99% / 0.58));
 }
 
 @property --kds-border-resize-handle-active {
 syntax: "<string>";
   inherits: false;
-  initial-value: 2px solid light-dark(hsl(345 0% 10% / 0.74), hsl(330 0% 99% / 0.68));
+  initial-value: 2px solid light-dark(hsl(330 0% 10.2% / 0.74), hsl(330 0% 99% / 0.68));
 }
 
 @property --kds-border-color-picker-handle-initial {
 syntax: "<string>";
   inherits: false;
-  initial-value: 2px solid hsl(0 0% 99%);
+  initial-value: 2px solid hsl(0, 0%, 99%);
 }
 
 @property --kds-sizing-viewport-breakpoints-576 {
@@ -3377,31 +3377,31 @@ syntax: "<string>";
 @property --kds-elevation-level-0 {
 syntax: "<string>";
   inherits: false;
-  initial-value: 0 0 0 0 light-dark(hsl(330 0% 73% / 0.32), hsl(345 0% 10% / 0.9));
+  initial-value: 0 0 0 0 light-dark(hsl(210 0% 72.5% / 0.32), hsl(330 0% 10.2% / 0.9));
 }
 
 @property --kds-elevation-level-1 {
 syntax: "<string>";
   inherits: false;
-  initial-value: 0 1px 1px 0 light-dark(hsl(330 0% 73% / 0.32), hsl(345 0% 10% / 0.9)), 0 0 1px 0 light-dark(hsl(330 0% 32% / 0.14), hsl(345 0% 10% / 0.94)), 0 0 8px 0 light-dark(hsl(330 0% 32% / 0.12), hsl(345 0% 10% / 0.98));
+  initial-value: 0 1px 1px 0 light-dark(hsl(210 0% 72.5% / 0.32), hsl(330 0% 10.2% / 0.9)), 0 0 1px 0 light-dark(hsl(180 0% 32.2% / 0.14), hsl(330 0% 10.2% / 0.94)), 0 0 8px 0 light-dark(hsl(180 0% 32.2% / 0.12), hsl(330 0% 10.2% / 0.98));
 }
 
 @property --kds-elevation-level-3 {
 syntax: "<string>";
   inherits: false;
-  initial-value: 0 2px 4px 0 light-dark(hsl(330 0% 73% / 0.32), hsl(345 0% 10% / 0.9)), 0 4px 8px 0 light-dark(hsl(330 0% 32% / 0.14), hsl(345 0% 10% / 0.94)), 0 0 20px 0 light-dark(hsl(330 0% 32% / 0.12), hsl(345 0% 10% / 0.98));
+  initial-value: 0 2px 4px 0 light-dark(hsl(210 0% 72.5% / 0.32), hsl(330 0% 10.2% / 0.9)), 0 4px 8px 0 light-dark(hsl(180 0% 32.2% / 0.14), hsl(330 0% 10.2% / 0.94)), 0 0 20px 0 light-dark(hsl(180 0% 32.2% / 0.12), hsl(330 0% 10.2% / 0.98));
 }
 
 @property --kds-fake-border-xs-muted {
 syntax: "<string>";
   inherits: false;
-  initial-value: 0 0 0 0.5px light-dark(hsl(345 0% 10% / 0.2), hsl(330 0% 99% / 0.2));
+  initial-value: 0 0 0 0.5px light-dark(hsl(330 0% 10.2% / 0.2), hsl(330 0% 99% / 0.2));
 }
 
 @property --kds-box-shadow-knob {
 syntax: "<string>";
   inherits: false;
-  initial-value: 0 1px 2px 0 light-dark(hsl(330 0% 32% / 0.5), hsl(345 0% 10% / 0.6));
+  initial-value: 0 1px 2px 0 light-dark(hsl(180 0% 32.2% / 0.5), hsl(330 0% 10.2% / 0.6));
 }
 
 @property --kds-width-side-drawer-default {