@synertech/ui 0.41.0 → 0.43.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,9 @@
     --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;
     --color-chart-seq-2: #bedbff;
     --color-chart-seq-3: #8ec5ff;
@@ -763,6 +767,9 @@
   .block {
     display: block;
   }
+  .contents {
+    display: contents;
+  }
   .flex {
     display: flex;
   }
@@ -898,6 +905,9 @@
   .h-\[400px\] {
     height: 400px;
   }
+  .h-\[560px\] {
+    height: 560px;
+  }
   .h-\[700px\] {
     height: 700px;
   }
@@ -1030,6 +1040,9 @@
   .w-48 {
     width: calc(var(--spacing) * 48);
   }
+  .w-52 {
+    width: calc(var(--spacing) * 52);
+  }
   .w-56 {
     width: calc(var(--spacing) * 56);
   }
@@ -1148,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;
   }
@@ -1339,6 +1355,9 @@
   .grid-cols-7 {
     grid-template-columns: repeat(7, minmax(0, 1fr));
   }
+  .grid-cols-\[auto_auto\] {
+    grid-template-columns: auto auto;
+  }
   .flex-col {
     flex-direction: column;
   }
@@ -1489,6 +1508,10 @@
       margin-block-end: calc(calc(var(--spacing) * 12) * calc(1 - var(--tw-space-y-reverse)));
     }
   }
+  .gap-x-3 {
+    -moz-column-gap: calc(var(--spacing) * 3);
+         column-gap: calc(var(--spacing) * 3);
+  }
   .gap-x-4 {
     -moz-column-gap: calc(var(--spacing) * 4);
          column-gap: calc(var(--spacing) * 4);
@@ -1511,6 +1534,9 @@
       margin-inline-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-x-reverse)));
     }
   }
+  .gap-y-0\.5 {
+    row-gap: calc(var(--spacing) * 0.5);
+  }
   .gap-y-1 {
     row-gap: calc(var(--spacing) * 1);
   }
@@ -1558,6 +1584,9 @@
   .self-start {
     align-self: flex-start;
   }
+  .justify-self-end {
+    justify-self: flex-end;
+  }
   .truncate {
     overflow: hidden;
     text-overflow: ellipsis;
@@ -2332,6 +2361,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);
   }
@@ -2604,6 +2639,9 @@
   .fill-gray-900 {
     fill: var(--color-gray-900);
   }
+  .fill-white {
+    fill: var(--color-white);
+  }
   .stroke-blue-500 {
     stroke: var(--color-blue-500);
   }
@@ -3457,6 +3495,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,);
@@ -4533,6 +4575,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);
@@ -5160,6 +5207,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);
@@ -5296,6 +5348,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);
@@ -6624,6 +6684,9 @@
     --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;
     --color-chart-seq-2: #1c398e;
     --color-chart-seq-3: #1447e6;
@@ -6651,6 +6714,9 @@
   --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;
   --color-chart-seq-2: #1c398e;
   --color-chart-seq-3: #1447e6;

package/package.json

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