@infonomic/uikit 5.41.0 → 5.43.0

package/src/styles/functional/colors.css

@@ -18,7 +18,6 @@
  */
 
 @layer infonomic-functional {
-
   /* ===================================================================
      LIGHT MODE (default)
      =================================================================== */
@@ -37,7 +36,10 @@
 
     --fill-primary-outlined: transparent;
     --fill-primary-outlined-hover: oklch(from var(--primary-500) calc(l * 2) calc(c * 0.2) h / 0.7);
-    --fill-primary-outlined-disabled: oklch(from var(--primary-500) calc(l * 2) calc(c * 0.2) h / 0.7);
+    --fill-primary-outlined-disabled: oklch(
+      from var(--primary-500) calc(l * 2) calc(c * 0.2) h /
+      0.7
+    );
 
     --fill-primary-text: transparent;
     --fill-primary-text-hover: oklch(from var(--primary-500) calc(l * 2) calc(c * 0.2) h / 0.7);
@@ -54,7 +56,9 @@
 
     --text-on-primary-outlined: oklch(from var(--primary-500) calc(l * 0.7) c h);
     --text-on-primary-outlined-hover: oklch(from var(--primary-600) calc(l * 1.5) calc(c * 0.5) h);
-    --text-on-primary-outlined-disabled: oklch(from var(--primary-600) calc(l * 1.5) calc(c * 0.5) h);
+    --text-on-primary-outlined-disabled: oklch(
+      from var(--primary-600) calc(l * 1.5) calc(c * 0.5) h
+    );
 
     --text-primary: var(--primary-500);
     --text-primary-weak: oklch(from var(--primary-500) calc(l * 0.7) c h);
@@ -81,19 +85,36 @@
     /* Fill tokens - for filled variant */
     --fill-secondary-strong: var(--secondary-500);
     --fill-secondary-strong-hover: oklch(from var(--secondary-500) calc(l * 0.95) c h);
-    --fill-secondary-strong-disabled: oklch(from var(--secondary-500) calc(l * 1.1) calc(c * 0.85) h);
+    --fill-secondary-strong-disabled: oklch(
+      from var(--secondary-500) calc(l * 1.1) calc(c * 0.85) h
+    );
 
     --fill-secondary-weak: oklch(from var(--secondary-500) calc(l * 1.6) calc(c * 0.4) h / 0.5);
-    --fill-secondary-weak-hover: oklch(from var(--secondary-500) calc(l * 1.2) calc(c * 0.4) h / 0.5);
-    --fill-secondary-weak-disabled: oklch(from var(--secondary-500) calc(l * 2) calc(c * 0.4) c h / 0.5);
+    --fill-secondary-weak-hover: oklch(
+      from var(--secondary-500) calc(l * 1.2) calc(c * 0.4) h /
+      0.5
+    );
+    --fill-secondary-weak-disabled: oklch(
+      from var(--secondary-500) calc(l * 2) calc(c * 0.4) c h /
+      0.5
+    );
 
     --fill-secondary-outlined: var(--fill-secondary-outlined);
-    --fill-secondary-outlined-hover: oklch(from var(--secondary-500) calc(l * 2) calc(c * 0.4) h / 0.7);
-    --fill-secondary-outlined-disabled: oklch(from var(--secondary-500) calc(l * 2) calc(c * 0.4) c h / 0.7);
+    --fill-secondary-outlined-hover: oklch(
+      from var(--secondary-500) calc(l * 2) calc(c * 0.4) h /
+      0.7
+    );
+    --fill-secondary-outlined-disabled: oklch(
+      from var(--secondary-500) calc(l * 2) calc(c * 0.4) c h /
+      0.7
+    );
 
     --fill-secondary-text: transparent;
     --fill-secondary-text-hover: oklch(from var(--secondary-500) calc(l * 2) calc(c * 0.4) h / 0.7);
-    --fill-secondary-text-disabled: oklch(from var(--secondary-500) calc(l * 2) calc(c * 0.4) c h / 0.7);
+    --fill-secondary-text-disabled: oklch(
+      from var(--secondary-500) calc(l * 2) calc(c * 0.4) c h /
+      0.7
+    );
 
     /* Text tokens - for text/icons on top of fills */
     --text-on-secondary-strong: black;
@@ -102,11 +123,17 @@
 
     --text-on-secondary-weak: var(--secondary-900);
     --text-on-secondary-weak-hover: oklch(from var(--secondary-900) calc(l * 1.5) calc(c * 0.5) h);
-    --text-on-secondary-weak-disabled: oklch(from var(--secondary-900) calc(l * 1.5) calc(c * 0.5) h);
+    --text-on-secondary-weak-disabled: oklch(
+      from var(--secondary-900) calc(l * 1.5) calc(c * 0.5) h
+    );
 
     --text-on-secondary-outlined: var(--secondary-800);
-    --text-on-secondary-outlined-hover: oklch(from var(--secondary-950) calc(l * 1.5) calc(c * 0.5) h);
-    --text-on-secondary-outlined-disabled: oklch(from var(--secondary-950) calc(l * 1.5) calc(c * 0.5) h);
+    --text-on-secondary-outlined-hover: oklch(
+      from var(--secondary-950) calc(l * 1.5) calc(c * 0.5) h
+    );
+    --text-on-secondary-outlined-disabled: oklch(
+      from var(--secondary-950) calc(l * 1.5) calc(c * 0.5) h
+    );
 
     --text-secondary: var(--secondary-800);
     --text-secondary-weak: oklch(from var(--secondary-500) calc(l * 0.7) c h);
@@ -186,15 +213,27 @@
 
     --fill-success-weak: oklch(from var(--green-100) calc(l * 1.09) calc(c * 0.85) h / 0.5);
     --fill-success-weak-hover: oklch(from var(--green-100) calc(l * 0.975) calc(c * 0.85) h / 0.5);
-    --fill-success-weak-disabled: oklch(from var(--green-100) calc(l * 1.07) calc(c * 0.85) h / 0.5);
+    --fill-success-weak-disabled: oklch(
+      from var(--green-100) calc(l * 1.07) calc(c * 0.85) h /
+      0.5
+    );
 
     --fill-success-outlined: transparent;
-    --fill-success-outlined-hover: oklch(from var(--green-100) calc(l * 0.975) calc(c * 0.85) h / 0.4);
-    --fill-success-outlined-disabled: oklch(from var(--green-100) calc(l * 1.07) calc(c * 0.85) h / 0.4);
+    --fill-success-outlined-hover: oklch(
+      from var(--green-100) calc(l * 0.975) calc(c * 0.85) h /
+      0.4
+    );
+    --fill-success-outlined-disabled: oklch(
+      from var(--green-100) calc(l * 1.07) calc(c * 0.85) h /
+      0.4
+    );
 
     --fill-success-text: transparent;
     --fill-success-text-hover: oklch(from var(--green-100) calc(l * 0.975) calc(c * 0.85) h / 0.4);
-    --fill-success-text-disabled: oklch(from var(--green-100) calc(l * 1.07) calc(c * 0.85) h / 0.4);
+    --fill-success-text-disabled: oklch(
+      from var(--green-100) calc(l * 1.07) calc(c * 0.85) h /
+      0.4
+    );
 
     /* Text tokens - for text/icons on top of fills */
     --text-on-success-strong: white;
@@ -286,8 +325,14 @@
     --fill-warning-weak-disabled: oklch(from var(--yellow-300) calc(l * 1.8) calc(c * 0.5) h / 0.7);
 
     --fill-warning-outlined: transparent;
-    --fill-warning-outlined-hover: oklch(from var(--yellow-300) calc(l * 1.15) calc(c * 0.5) h / 0.7);
-    --fill-warning-outlined-disabled: oklch(from var(--yellow-300) calc(l * 1.8) calc(c * 0.5) h / 0.7);
+    --fill-warning-outlined-hover: oklch(
+      from var(--yellow-300) calc(l * 1.15) calc(c * 0.5) h /
+      0.7
+    );
+    --fill-warning-outlined-disabled: oklch(
+      from var(--yellow-300) calc(l * 1.8) calc(c * 0.5) h /
+      0.7
+    );
 
     --fill-warning-text: transparent;
     --fill-warning-text-hover: oklch(from var(--yellow-300) calc(l * 1.15) calc(c * 0.5) h / 0.7);
@@ -304,7 +349,9 @@
 
     --text-on-warning-outlined: var(--yellow-800);
     --text-on-warning-outlined-hover: oklch(from var(--yellow-800) calc(l * 0.9) calc(c * 0.85) h);
-    --text-on-warning-outlined-disabled: oklch(from var(--yellow-800) calc(l * 0.9) calc(c * 0.85) h);
+    --text-on-warning-outlined-disabled: oklch(
+      from var(--yellow-800) calc(l * 0.9) calc(c * 0.85) h
+    );
 
     --text-warning: var(--yellow-700);
     --text-warning-weak: oklch(from var(--yellow-700) calc(l * 0.6) c h);
@@ -336,7 +383,10 @@
 
     --fill-danger-outlined: transparent;
     --fill-danger-outlined-hover: oklch(from var(--red-300) calc(l * 1.65) calc(c * 0.5) h / 0.7);
-    --fill-danger-outlined-disabled: oklch(from var(--red-300) calc(l * 1.65) calc(c * 0.5) h / 0.7);
+    --fill-danger-outlined-disabled: oklch(
+      from var(--red-300) calc(l * 1.65) calc(c * 0.5) h /
+      0.7
+    );
 
     --fill-danger-text: transparent;
     --fill-danger-text-hover: oklch(from var(--red-300) calc(l * 1.65) calc(c * 0.5) h / 0.7);
@@ -395,12 +445,21 @@
     --fill-primary-weak-disabled: oklch(from var(--primary-500) l calc(c * 0.9) h / 0.5);
 
     --fill-primary-outlined: transparent;
-    --fill-primary-outlined-hover: oklch(from var(--primary-500) calc(l * 0.9) calc(c * 0.9) h / 0.3);
-    --fill-primary-outlined-disabled: oklch(from var(--primary-500) calc(l * 0.9) calc(c * 0.9) h / 0.3);
+    --fill-primary-outlined-hover: oklch(
+      from var(--primary-500) calc(l * 0.9) calc(c * 0.9) h /
+      0.3
+    );
+    --fill-primary-outlined-disabled: oklch(
+      from var(--primary-500) calc(l * 0.9) calc(c * 0.9) h /
+      0.3
+    );
 
     --fill-primary-text: transparent;
     --fill-primary-text-hover: oklch(from var(--primary-500) calc(l * 0.9) calc(c * 0.9) h / 0.3);
-    --fill-primary-text-disabled: oklch(from var(--primary-500) calc(l * 0.9) calc(c * 0.9) h / 0.3);
+    --fill-primary-text-disabled: oklch(
+      from var(--primary-500) calc(l * 0.9) calc(c * 0.9) h /
+      0.3
+    );
 
     /* Text tokens - for text/icons on top of fills */
     --text-on-primary-strong: white;
@@ -439,19 +498,33 @@
     /* Fill tokens - for filled variant */
     --fill-secondary-strong: var(--secondary-500);
     --fill-secondary-strong-hover: oklch(from var(--secondary-500) calc(l * 0.95) c h);
-    --fill-secondary-strong-disabled: oklch(from var(--secondary-500) calc(l * 1.1) calc(c * 0.85) h);
+    --fill-secondary-strong-disabled: oklch(
+      from var(--secondary-500) calc(l * 1.1) calc(c * 0.85) h
+    );
 
     --fill-secondary-weak: oklch(from var(--secondary-500) calc(l * 1.1) calc(c * 0.8) h / 0.2);
     --fill-secondary-weak-hover: oklch(from var(--secondary-500) l calc(c * 0.8) h / 0.2);
     --fill-secondary-weak-disabled: oklch(from var(--secondary-500) l calc(c * 0.8) c h / 0.2);
 
     --fill-secondary-outlined: transparent;
-    --fill-secondary-outlined-hover: oklch(from var(--secondary-500) calc(l * 1.1) calc(c * 0.8) h / 0.1);
-    --fill-secondary-outlined-disabled: oklch(from var(--secondary-500) calc(l * 1.1) calc(c * 0.8) h / 0.1);
+    --fill-secondary-outlined-hover: oklch(
+      from var(--secondary-500) calc(l * 1.1) calc(c * 0.8) h /
+      0.1
+    );
+    --fill-secondary-outlined-disabled: oklch(
+      from var(--secondary-500) calc(l * 1.1) calc(c * 0.8) h /
+      0.1
+    );
 
     --fill-secondary-text: transparent;
-    --fill-secondary-text-hover: oklch(from var(--secondary-500) calc(l * 1.1) calc(c * 0.8) h / 0.1);
-    --fill-secondary-text-disabled: oklch(from var(--secondary-500) calc(l * 1.1) calc(c * 0.8) h / 0.1);
+    --fill-secondary-text-hover: oklch(
+      from var(--secondary-500) calc(l * 1.1) calc(c * 0.8) h /
+      0.1
+    );
+    --fill-secondary-text-disabled: oklch(
+      from var(--secondary-500) calc(l * 1.1) calc(c * 0.8) h /
+      0.1
+    );
 
     /* Text tokens - for text/icons on top of fills */
     --text-on-secondary-strong: black;
@@ -460,11 +533,17 @@
 
     --text-on-secondary-weak: oklch(from var(--secondary-500) calc(l * 0.7) c h);
     --text-on-secondary-weak-hover: oklch(from var(--secondary-950) calc(l * 1.5) calc(c * 0.5) h);
-    --text-on-secondary-weak-disabled: oklch(from var(--secondary-950) calc(l * 1.5) calc(c * 0.5) h);
+    --text-on-secondary-weak-disabled: oklch(
+      from var(--secondary-950) calc(l * 1.5) calc(c * 0.5) h
+    );
 
     --text-on-secondary-outlined: oklch(from var(--secondary-500) calc(l * 0.7) c h);
-    --text-on-secondary-outlined-hover: oklch(from var(--secondary-950) calc(l * 1.5) calc(c * 0.5) h);
-    --text-on-secondary-outlined-disabled: oklch(from var(--secondary-950) calc(l * 1.5) calc(c * 0.5) h);
+    --text-on-secondary-outlined-hover: oklch(
+      from var(--secondary-950) calc(l * 1.5) calc(c * 0.5) h
+    );
+    --text-on-secondary-outlined-disabled: oklch(
+      from var(--secondary-950) calc(l * 1.5) calc(c * 0.5) h
+    );
 
     --text-secondary: var(--secondary-500);
     --text-secondary-weak: oklch(from var(--secondary-500) calc(l * 0.7) c h);
@@ -540,15 +619,27 @@
 
     --fill-success-weak: oklch(from var(--green-100) calc(l * 1.09) calc(c * 0.85) h / 0.2);
     --fill-success-weak-hover: oklch(from var(--green-100) calc(l * 0.975) calc(c * 0.85) h / 0.2);
-    --fill-success-weak-disabled: oklch(from var(--green-100) calc(l * 1.07) calc(c * 0.85) h / 0.2);
+    --fill-success-weak-disabled: oklch(
+      from var(--green-100) calc(l * 1.07) calc(c * 0.85) h /
+      0.2
+    );
 
     --fill-success-outlined: transparent;
-    --fill-success-outlined-hover: oklch(from var(--green-300) calc(l * 0.975) calc(c * 0.85) h / 0.2);
-    --fill-success-outlined-disabled: oklch(from var(--green-300) calc(l * 1.07) calc(c * 0.85) h / 0.2);
+    --fill-success-outlined-hover: oklch(
+      from var(--green-300) calc(l * 0.975) calc(c * 0.85) h /
+      0.2
+    );
+    --fill-success-outlined-disabled: oklch(
+      from var(--green-300) calc(l * 1.07) calc(c * 0.85) h /
+      0.2
+    );
 
     --fill-success-text: transparent;
     --fill-success-text-hover: oklch(from var(--green-300) calc(l * 0.975) calc(c * 0.85) h / 0.1);
-    --fill-success-text-disabled: oklch(from var(--green-300) calc(l * 1.07) calc(c * 0.85) h / 0.1);
+    --fill-success-text-disabled: oklch(
+      from var(--green-300) calc(l * 1.07) calc(c * 0.85) h /
+      0.1
+    );
 
     /* Text tokens - for text/icons on top of fills */
     --text-on-success-strong: white;
@@ -635,8 +726,14 @@
     --fill-warning-weak-disabled: oklch(from var(--yellow-300) calc(l * 1.8) calc(c * 0.8) h / 0.2);
 
     --fill-warning-outlined: transparent;
-    --fill-warning-outlined-hover: oklch(from var(--yellow-300) calc(l * 1.15) calc(c * 0.8) h / 0.1);
-    --fill-warning-outlined-disabled: oklch(from var(--yellow-300) calc(l * 1.8) calc(c * 0.8) h / 0.1);
+    --fill-warning-outlined-hover: oklch(
+      from var(--yellow-300) calc(l * 1.15) calc(c * 0.8) h /
+      0.1
+    );
+    --fill-warning-outlined-disabled: oklch(
+      from var(--yellow-300) calc(l * 1.8) calc(c * 0.8) h /
+      0.1
+    );
 
     --fill-warning-text: transparent;
     --fill-warning-text-hover: oklch(from var(--yellow-300) calc(l * 1.15) calc(c * 0.8) h / 0.1);
@@ -653,7 +750,9 @@
 
     --text-on-warning-outlined: var(--yellow-400);
     --text-on-warning-outlined-hover: oklch(from var(--yellow-400) calc(l * 0.9) calc(c * 0.85) h);
-    --text-on-warning-outlined-disabled: oklch(from var(--yellow-400) calc(l * 0.9) calc(c * 0.85) h);
+    --text-on-warning-outlined-disabled: oklch(
+      from var(--yellow-400) calc(l * 0.9) calc(c * 0.85) h
+    );
 
     --text-warning: var(--yellow-400);
     --text-warning-weak: oklch(from var(--yellow-300) calc(l * 0.6) c h);
@@ -738,7 +837,10 @@
 
     --fill-primary-outlined: transparent;
     --fill-primary-outlined-hover: oklch(from var(--primary-500) calc(l * 2) calc(c * 0.2) h / 0.7);
-    --fill-primary-outlined-disabled: oklch(from var(--primary-500) calc(l * 2) calc(c * 0.2) h / 0.7);
+    --fill-primary-outlined-disabled: oklch(
+      from var(--primary-500) calc(l * 2) calc(c * 0.2) h /
+      0.7
+    );
 
     --fill-primary-text: transparent;
     --fill-primary-text-hover: oklch(from var(--primary-500) calc(l * 2) calc(c * 0.2) h / 0.7);
@@ -755,7 +857,9 @@
 
     --text-on-primary-outlined: oklch(from var(--primary-500) calc(l * 0.7) c h);
     --text-on-primary-outlined-hover: oklch(from var(--primary-600) calc(l * 1.5) calc(c * 0.5) h);
-    --text-on-primary-outlined-disabled: oklch(from var(--primary-600) calc(l * 1.5) calc(c * 0.5) h);
+    --text-on-primary-outlined-disabled: oklch(
+      from var(--primary-600) calc(l * 1.5) calc(c * 0.5) h
+    );
 
     --text-primary: var(--primary-500);
     --text-primary-weak: oklch(from var(--primary-500) calc(l * 0.7) c h);
@@ -782,19 +886,33 @@
     /* Fill tokens - for filled variant */
     --fill-secondary-strong: var(--secondary-500);
     --fill-secondary-strong-hover: oklch(from var(--secondary-500) calc(l * 0.95) c h);
-    --fill-secondary-strong-disabled: oklch(from var(--secondary-500) calc(l * 1.1) calc(c * 0.85) h);
+    --fill-secondary-strong-disabled: oklch(
+      from var(--secondary-500) calc(l * 1.1) calc(c * 0.85) h
+    );
 
     --fill-secondary-weak: oklch(from var(--secondary-500) calc(l * 1.6) calc(c * 0.4) h / 0.5);
     --fill-secondary-weak-hover: oklch(from var(--secondary-500) calc(l * 2) calc(c * 0.4) h / 0.5);
-    --fill-secondary-weak-disabled: oklch(from var(--secondary-500) calc(l * 2) calc(c * 0.4) c h / 0.5);
+    --fill-secondary-weak-disabled: oklch(
+      from var(--secondary-500) calc(l * 2) calc(c * 0.4) c h /
+      0.5
+    );
 
     --fill-secondary-outlined: transparent;
-    --fill-secondary-outlined-hover: oklch(from var(--secondary-500) calc(l * 2) calc(c * 0.4) h / 0.7);
-    --fill-secondary-outlined-disabled: oklch(from var(--secondary-500) calc(l * 2) calc(c * 0.4) c h / 0.7);
+    --fill-secondary-outlined-hover: oklch(
+      from var(--secondary-500) calc(l * 2) calc(c * 0.4) h /
+      0.7
+    );
+    --fill-secondary-outlined-disabled: oklch(
+      from var(--secondary-500) calc(l * 2) calc(c * 0.4) c h /
+      0.7
+    );
 
     --fill-secondary-text: transparent;
     --fill-secondary-text-hover: oklch(from var(--secondary-500) calc(l * 2) calc(c * 0.4) h / 0.7);
-    --fill-secondary-text-disabled: oklch(from var(--secondary-500) calc(l * 2) calc(c * 0.4) c h / 0.7);
+    --fill-secondary-text-disabled: oklch(
+      from var(--secondary-500) calc(l * 2) calc(c * 0.4) c h /
+      0.7
+    );
 
     /* Text tokens - for text/icons on top of fills */
     --text-on-secondary-strong: black;
@@ -803,11 +921,17 @@
 
     --text-on-secondary-weak: oklch(from var(--secondary-500) calc(l * 0.7) c h);
     --text-on-secondary-weak-hover: oklch(from var(--secondary-950) calc(l * 1.5) calc(c * 0.5) h);
-    --text-on-secondary-weak-disabled: oklch(from var(--secondary-950) calc(l * 1.5) calc(c * 0.5) h);
+    --text-on-secondary-weak-disabled: oklch(
+      from var(--secondary-950) calc(l * 1.5) calc(c * 0.5) h
+    );
 
     --text-on-secondary-outlined: oklch(from var(--secondary-500) calc(l * 0.7) c h);
-    --text-on-secondary-outlined-hover: oklch(from var(--secondary-950) calc(l * 1.5) calc(c * 0.5) h);
-    --text-on-secondary-outlined-disabled: oklch(from var(--secondary-950) calc(l * 1.5) calc(c * 0.5) h);
+    --text-on-secondary-outlined-hover: oklch(
+      from var(--secondary-950) calc(l * 1.5) calc(c * 0.5) h
+    );
+    --text-on-secondary-outlined-disabled: oklch(
+      from var(--secondary-950) calc(l * 1.5) calc(c * 0.5) h
+    );
 
     --text-secondary: var(--secondary-500);
     --text-secondary-weak: oklch(from var(--secondary-500) calc(l * 0.7) c h);
@@ -883,15 +1007,27 @@
 
     --fill-success-weak: oklch(from var(--green-100) calc(l * 1.09) calc(c * 0.85) h / 0.7);
     --fill-success-weak-hover: oklch(from var(--green-100) calc(l * 0.975) calc(c * 0.85) h / 0.7);
-    --fill-success-weak-disabled: oklch(from var(--green-100) calc(l * 1.07) calc(c * 0.85) h / 0.7);
+    --fill-success-weak-disabled: oklch(
+      from var(--green-100) calc(l * 1.07) calc(c * 0.85) h /
+      0.7
+    );
 
     --fill-success-outlined: transparent;
-    --fill-success-outlined-hover: oklch(from var(--green-100) calc(l * 0.975) calc(c * 0.85) h / 0.7);
-    --fill-success-outlined-disabled: oklch(from var(--green-100) calc(l * 1.07) calc(c * 0.85) h / 0.7);
+    --fill-success-outlined-hover: oklch(
+      from var(--green-100) calc(l * 0.975) calc(c * 0.85) h /
+      0.7
+    );
+    --fill-success-outlined-disabled: oklch(
+      from var(--green-100) calc(l * 1.07) calc(c * 0.85) h /
+      0.7
+    );
 
     --fill-success-text: transparent;
     --fill-success-text-hover: oklch(from var(--green-100) calc(l * 0.975) calc(c * 0.85) h / 0.7);
-    --fill-success-text-disabled: oklch(from var(--green-100) calc(l * 1.07) calc(c * 0.85) h / 0.7);
+    --fill-success-text-disabled: oklch(
+      from var(--green-100) calc(l * 1.07) calc(c * 0.85) h /
+      0.7
+    );
 
     /* Text tokens - for text/icons on top of fills */
     --text-on-success-strong: white;
@@ -983,8 +1119,14 @@
     --fill-warning-weak-disabled: oklch(from var(--yellow-300) calc(l * 1.8) calc(c * 0.5) h / 0.7);
 
     --fill-warning-outlined: transparent;
-    --fill-warning-outlined-hover: oklch(from var(--yellow-300) calc(l * 1.15) calc(c * 0.5) h / 0.7);
-    --fill-warning-outlined-disabled: oklch(from var(--yellow-300) calc(l * 1.8) calc(c * 0.5) h / 0.7);
+    --fill-warning-outlined-hover: oklch(
+      from var(--yellow-300) calc(l * 1.15) calc(c * 0.5) h /
+      0.7
+    );
+    --fill-warning-outlined-disabled: oklch(
+      from var(--yellow-300) calc(l * 1.8) calc(c * 0.5) h /
+      0.7
+    );
 
     --fill-warning-text: transparent;
     --fill-warning-text-hover: oklch(from var(--yellow-300) calc(l * 1.15) calc(c * 0.5) h / 0.7);
@@ -1033,7 +1175,10 @@
 
     --fill-danger-outlined: transparent;
     --fill-danger-outlined-hover: oklch(from var(--red-300) calc(l * 1.65) calc(c * 0.5) h / 0.7);
-    --fill-danger-outlined-disabled: oklch(from var(--red-300) calc(l * 1.65) calc(c * 0.5) h / 0.7);
+    --fill-danger-outlined-disabled: oklch(
+      from var(--red-300) calc(l * 1.65) calc(c * 0.5) h /
+      0.7
+    );
 
     --fill-danger-text: transparent;
     --fill-danger-text-hover: oklch(from var(--red-300) calc(l * 1.65) calc(c * 0.5) h / 0.7);
@@ -1068,4 +1213,4 @@
     --gradient-danger-foreground: white;
     --gradient-danger-disabled: oklch(from var(--red-700) calc(l * 1.2) calc(c * 0.85) h);
   }
-}
+}

package/src/styles/functional/surfaces.css

@@ -88,7 +88,6 @@
     --foreground: var(--gray-900);
     --shadow: var(--shadow-md);
     --loader-color: currentColor;
-    ;
 
     /* SURFACE TOKENS (Force Light Mode)
        ----------------------------------------------------------------- */
@@ -113,4 +112,4 @@
     --surface-panel-scrollbar: var(--gray-50);
     --surface-panel-scrollbar-thumb: var(--primary-100);
   }
-}
+}

package/src/styles/functional/typography.css

@@ -43,4 +43,4 @@
     --muted: oklch(from var(--foreground) calc(l * 2) c h);
     --error: var(--red-500);
   }
-}
+}

package/src/widgets/datepicker/datepicker.module.css

@@ -1,7 +1,6 @@
 @layer infonomic-base, infonomic-utilities, infonomic-theme, infonomic-components;
 
 @layer infonomic-components {
-
   .container,
   :global(.infonomic-datepicker-container) {
     position: relative;
@@ -205,4 +204,4 @@
       transform: translateX(0);
     }
   }
-}
+}

package/src/widgets/datepicker/datepicker.tsx

@@ -39,7 +39,7 @@ export interface DatePickerProps extends React.InputHTMLAttributes<HTMLInputElem
   inputWrapperClassName?: string
   inputClassName?: string
   intent?: Intent
-  containerClassName?: string,
+  containerClassName?: string
   contentClassName?: string
   helpText?: string
   errorText?: string
@@ -70,8 +70,8 @@ export function DatePicker({
   inputWrapperClassName,
   containerClassName,
   contentClassName,
-  onClear = () => { },
-  onDateChange = () => { },
+  onClear = () => {},
+  onDateChange = () => {},
   validatorFn,
   helpText,
   errorText,
@@ -149,7 +149,11 @@ export function DatePicker({
           inputSize={inputSize}
           ref={inputRef}
           className={cx('infonomic-datepicker-input', styles.input, inputClassName)}
-          inputWrapperClassName={cx('infonomic-datepicker-input-wrapper', styles['input-wrapper'], inputWrapperClassName)}
+          inputWrapperClassName={cx(
+            'infonomic-datepicker-input-wrapper',
+            styles['input-wrapper'],
+            inputWrapperClassName
+          )}
           onKeyDown={handleOnKeyDown}
           onClick={(e) => {
             e.preventDefault()
@@ -200,8 +204,16 @@ export function DatePicker({
           </div>
         </Popover.Trigger>
         <Popover.Portal>
-          <Popover.Content sideOffset={5} className={cx('infonomic-datepicker-content', styles.content, contentClassName)}>
-            <div className={cx('infonomic-datepicker-content-components', styles['content-components'])}>
+          <Popover.Content
+            sideOffset={5}
+            className={cx('infonomic-datepicker-content', styles.content, contentClassName)}
+          >
+            <div
+              className={cx(
+                'infonomic-datepicker-content-components',
+                styles['content-components']
+              )}
+            >
               <div ref={calendarRef}>
                 <Calendar
                   mode="single"
@@ -224,11 +236,11 @@ export function DatePicker({
                   }}
                   startMonth={new Date(new Date().getFullYear() - yearsInPast, 0)}
                   endMonth={new Date(new Date().getFullYear() + yearsInFuture, 0)}
-                // TODO: add props
-                // disabled={(date) =>
-                //   Number(date) < Date.now() - 1000 * 60 * 60 * 24 ||
-                //   Number(date) > Date.now() + 1000 * 60 * 60 * 24 * 30
-                // }
+                  // TODO: add props
+                  // disabled={(date) =>
+                  //   Number(date) < Date.now() - 1000 * 60 * 60 * 24 ||
+                  //   Number(date) > Date.now() + 1000 * 60 * 60 * 24 * 30
+                  // }
                 />
               </div>
               {mode === 'datetime' && (
@@ -270,16 +282,26 @@ export function DatePicker({
                 </div>
               )}
             </div>
-            <div className={cx('infonomic-datepicker-status-and-actions', styles['status-and-actions'])}>
+            <div
+              className={cx(
+                'infonomic-datepicker-status-and-actions',
+                styles['status-and-actions']
+              )}
+            >
               <div className={cx('infonomic-datepicker-content-status', styles['content-status'])}>
                 {date ? format(date, mode === 'datetime' ? 'PPPp' : 'PPP') : 'No date selected'}
               </div>
-              <div className={cx('infonomic-datepicker-content-actions', styles['content-actions'])}>
+              <div
+                className={cx('infonomic-datepicker-content-actions', styles['content-actions'])}
+              >
                 <div>
                   <Button
                     variant="outlined"
                     size="sm"
-                    className={cx('infonomic-datepicker-content-actions-button', styles['content-actions-button'])}
+                    className={cx(
+                      'infonomic-datepicker-content-actions-button',
+                      styles['content-actions-button']
+                    )}
                     onClick={() => {
                       const today = new Date()
                       setDate(today)
@@ -294,7 +316,10 @@ export function DatePicker({
                   <Button
                     size="sm"
                     intent="noeffect"
-                    className={cx('infonomic-datepicker-content-actions-button', styles['content-actions-button'])}
+                    className={cx(
+                      'infonomic-datepicker-content-actions-button',
+                      styles['content-actions-button']
+                    )}
                     onClick={() => {
                       setIsOpen(false)
                     }}
@@ -304,7 +329,10 @@ export function DatePicker({
                   <Button
                     variant="outlined"
                     size="sm"
-                    className={cx('infonomic-datepicker-content-actions-button', styles['content-actions-button'])}
+                    className={cx(
+                      'infonomic-datepicker-content-actions-button',
+                      styles['content-actions-button']
+                    )}
                     onClick={() => {
                       setIsOpen(false)
                       handleOnDateChange(date)

package/src/widgets/drawer/drawer-container.tsx

@@ -20,7 +20,12 @@ export function DrawerContainer({
   ref?: React.RefObject<HTMLDivElement>
 }) {
   return (
-    <div ref={ref} role="dialog" className={cx('infonomic-drawer-container', styles['drawer-container'], className)} {...rest}>
+    <div
+      ref={ref}
+      role="dialog"
+      className={cx('infonomic-drawer-container', styles['drawer-container'], className)}
+      {...rest}
+    >
       {children}
     </div>
   )

package/src/widgets/drawer/drawer-content.tsx

@@ -20,7 +20,11 @@ export function DrawerContent({
   ref?: React.RefObject<HTMLDivElement>
 }) {
   return (
-    <div ref={ref} {...rest} className={cx('infonomic-drawer-content', styles['drawer-content'], className)}>
+    <div
+      ref={ref}
+      {...rest}
+      className={cx('infonomic-drawer-content', styles['drawer-content'], className)}
+    >
       {children}
     </div>
   )

package/src/widgets/drawer/drawer.module.css

@@ -1,7 +1,6 @@
 @layer infonomic-base, infonomic-utilities, infonomic-theme, infonomic-components;
 
 @layer infonomic-components {
-
   .drawer-wrapper,
   :global(.infonomic-drawer-wrapper) {
     position: fixed;
@@ -53,7 +52,6 @@
   }
 
   @media (min-width: 48rem) {
-
     .drawer-depth-0.drawer-medium .drawer-container,
     :global(.infonomic-drawer-depth-0.drawer-medium .drawer-container) {
       width: 600px;
@@ -129,4 +127,4 @@
       opacity: 1;
     }
   }
-}
+}

package/src/widgets/modal/modal-actions.tsx

@@ -20,7 +20,11 @@ export const ModalActions = function ModalActions({
   ref?: React.RefObject<HTMLDivElement>
 }) {
   return (
-    <div ref={ref} {...rest} className={cx('infonomic-modal-actions', styles['modal-actions'], className)}>
+    <div
+      ref={ref}
+      {...rest}
+      className={cx('infonomic-modal-actions', styles['modal-actions'], className)}
+    >
       {children}
     </div>
   )