@synertech/ui 0.42.0 → 0.44.0

package/dist/styles.css

@@ -95,6 +95,7 @@
     --color-blue-700: oklch(48.8% 0.243 264.376);
     --color-blue-800: oklch(42.4% 0.199 265.638);
     --color-blue-900: oklch(37.9% 0.146 265.522);
+    --color-blue-950: oklch(28.2% 0.091 267.935);
     --color-indigo-50: oklch(96.2% 0.018 272.314);
     --color-indigo-100: oklch(93% 0.034 272.788);
     --color-indigo-200: oklch(87% 0.065 274.039);
@@ -216,6 +217,7 @@
     --color-chart-7: #7f22fe;
     --color-chart-8: #00a63e;
     --color-chart-muted: #99a1af;
+    --color-chart-surface: #ffffff;
     --color-chart-up: #00a63e;
     --color-chart-down: #e7000b;
     --color-chart-seq-1: #dbeafe;
@@ -903,6 +905,9 @@
   .h-\[400px\] {
     height: 400px;
   }
+  .h-\[560px\] {
+    height: 560px;
+  }
   .h-\[700px\] {
     height: 700px;
   }
@@ -1035,6 +1040,9 @@
   .w-48 {
     width: calc(var(--spacing) * 48);
   }
+  .w-52 {
+    width: calc(var(--spacing) * 52);
+  }
   .w-56 {
     width: calc(var(--spacing) * 56);
   }
@@ -1153,6 +1161,9 @@
   .min-w-40 {
     min-width: calc(var(--spacing) * 40);
   }
+  .min-w-44 {
+    min-width: calc(var(--spacing) * 44);
+  }
   .min-w-\[3ch\] {
     min-width: 3ch;
   }
@@ -1192,6 +1203,9 @@
   .flex-shrink-0 {
     flex-shrink: 0;
   }
+  .shrink {
+    flex-shrink: 1;
+  }
   .shrink-0 {
     flex-shrink: 0;
   }
@@ -2350,6 +2364,12 @@
       background-color: color-mix(in oklab, var(--color-white) 90%, transparent);
     }
   }
+  .bg-white\/95 {
+    background-color: color-mix(in srgb, #fff 95%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-white) 95%, transparent);
+    }
+  }
   .bg-yellow-50 {
     background-color: var(--color-yellow-50);
   }
@@ -2622,6 +2642,9 @@
   .fill-gray-900 {
     fill: var(--color-gray-900);
   }
+  .fill-green-500 {
+    fill: var(--color-green-500);
+  }
   .fill-white {
     fill: var(--color-white);
   }
@@ -2658,6 +2681,9 @@
   .stroke-indigo-600 {
     stroke: var(--color-indigo-600);
   }
+  .stroke-none {
+    stroke: none;
+  }
   .stroke-pink-100 {
     stroke: var(--color-pink-100);
   }
@@ -3478,6 +3504,10 @@
     --tw-blur: blur(8px);
     filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
   }
+  .grayscale {
+    --tw-grayscale: grayscale(100%);
+    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
+  }
   .invert {
     --tw-invert: invert(100%);
     filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
@@ -4554,6 +4584,11 @@
       outline-offset: 2px;
     }
   }
+  .focus-visible\:outline-offset-\[-2px\] {
+    &:focus-visible {
+      outline-offset: -2px;
+    }
+  }
   .focus-visible\:outline-blue-500 {
     &:focus-visible {
       outline-color: var(--color-blue-500);
@@ -5181,6 +5216,11 @@
       }
     }
   }
+  .dark\:bg-blue-950 {
+    @media (prefers-color-scheme: dark) {
+      background-color: var(--color-blue-950);
+    }
+  }
   .dark\:bg-cyan-500 {
     @media (prefers-color-scheme: dark) {
       background-color: var(--color-cyan-500);
@@ -5317,6 +5357,14 @@
       }
     }
   }
+  .dark\:bg-gray-900\/95 {
+    @media (prefers-color-scheme: dark) {
+      background-color: color-mix(in srgb, oklch(21% 0.034 264.665) 95%, transparent);
+      @supports (color: color-mix(in lab, red, red)) {
+        background-color: color-mix(in oklab, var(--color-gray-900) 95%, transparent);
+      }
+    }
+  }
   .dark\:bg-gray-950 {
     @media (prefers-color-scheme: dark) {
       background-color: var(--color-gray-950);
@@ -5717,6 +5765,11 @@
       fill: var(--color-gray-900);
     }
   }
+  .dark\:stroke-blue-400 {
+    @media (prefers-color-scheme: dark) {
+      stroke: var(--color-blue-400);
+    }
+  }
   .dark\:stroke-blue-500 {
     @media (prefers-color-scheme: dark) {
       stroke: var(--color-blue-500);
@@ -6645,6 +6698,7 @@
     --color-chart-6: #fb2c36;
     --color-chart-7: #8e51ff;
     --color-chart-muted: #6a7282;
+    --color-chart-surface: #1e2939;
     --color-chart-up: #00c950;
     --color-chart-down: #fb2c36;
     --color-chart-seq-1: #162456;
@@ -6674,6 +6728,7 @@
   --color-chart-6: #fb2c36;
   --color-chart-7: #8e51ff;
   --color-chart-muted: #6a7282;
+  --color-chart-surface: #1e2939;
   --color-chart-up: #00c950;
   --color-chart-down: #fb2c36;
   --color-chart-seq-1: #162456;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@synertech/ui",
-  "version": "0.42.0",
+  "version": "0.44.0",
   "type": "module",
   "description": "Synertech UI component library",
   "main": "./dist/index.cjs",