@synertech/ui 0.40.1 → 0.42.0

package/dist/styles.css

@@ -216,6 +216,26 @@
     --color-chart-7: #7f22fe;
     --color-chart-8: #00a63e;
     --color-chart-muted: #99a1af;
+    --color-chart-up: #00a63e;
+    --color-chart-down: #e7000b;
+    --color-chart-seq-1: #dbeafe;
+    --color-chart-seq-2: #bedbff;
+    --color-chart-seq-3: #8ec5ff;
+    --color-chart-seq-4: #2b7fff;
+    --color-chart-seq-5: #1447e6;
+    --color-chart-seq-6: #1c398e;
+    --color-chart-ord-1: #51a2ff;
+    --color-chart-ord-2: #2b7fff;
+    --color-chart-ord-3: #155dfc;
+    --color-chart-ord-4: #193cb8;
+    --color-chart-ord-5: #162456;
+    --color-chart-div-1: #1447e6;
+    --color-chart-div-2: #2b7fff;
+    --color-chart-div-3: #8ec5ff;
+    --color-chart-div-4: #e5e7eb;
+    --color-chart-div-5: #ffb86a;
+    --color-chart-div-6: #ff6900;
+    --color-chart-div-7: #ca3500;
   }
 }
 @layer base {
@@ -745,6 +765,9 @@
   .block {
     display: block;
   }
+  .contents {
+    display: contents;
+  }
   .flex {
     display: flex;
   }
@@ -1079,6 +1102,9 @@
   .max-w-16 {
     max-width: calc(var(--spacing) * 16);
   }
+  .max-w-80 {
+    max-width: calc(var(--spacing) * 80);
+  }
   .max-w-full {
     max-width: 100%;
   }
@@ -1318,6 +1344,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;
   }
@@ -1468,6 +1497,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);
@@ -1490,12 +1523,18 @@
       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);
   }
   .gap-y-2 {
     row-gap: calc(var(--spacing) * 2);
   }
+  .gap-y-3 {
+    row-gap: calc(var(--spacing) * 3);
+  }
   .divide-x {
     :where(& > :not(:last-child)) {
       --tw-divide-x-reverse: 0;
@@ -1534,6 +1573,9 @@
   .self-start {
     align-self: flex-start;
   }
+  .justify-self-end {
+    justify-self: flex-end;
+  }
   .truncate {
     overflow: hidden;
     text-overflow: ellipsis;
@@ -2553,6 +2595,15 @@
   .fill-blue-500 {
     fill: var(--color-blue-500);
   }
+  .fill-gray-50 {
+    fill: var(--color-gray-50);
+  }
+  .fill-gray-100 {
+    fill: var(--color-gray-100);
+  }
+  .fill-gray-200 {
+    fill: var(--color-gray-200);
+  }
   .fill-gray-300 {
     fill: var(--color-gray-300);
   }
@@ -2565,9 +2616,15 @@
   .fill-gray-600 {
     fill: var(--color-gray-600);
   }
+  .fill-gray-700 {
+    fill: var(--color-gray-700);
+  }
   .fill-gray-900 {
     fill: var(--color-gray-900);
   }
+  .fill-white {
+    fill: var(--color-white);
+  }
   .stroke-blue-500 {
     stroke: var(--color-blue-500);
   }
@@ -2589,6 +2646,9 @@
   .stroke-gray-500 {
     stroke: var(--color-gray-500);
   }
+  .stroke-gray-900 {
+    stroke: var(--color-gray-900);
+  }
   .stroke-green-600 {
     stroke: var(--color-green-600);
   }
@@ -3225,6 +3285,10 @@
   .italic {
     font-style: italic;
   }
+  .ordinal {
+    --tw-ordinal: ordinal;
+    font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
+  }
   .tabular-nums {
     --tw-numeric-spacing: tabular-nums;
     font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
@@ -5603,11 +5667,21 @@
       --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
     }
   }
+  .dark\:fill-gray-50 {
+    @media (prefers-color-scheme: dark) {
+      fill: var(--color-gray-50);
+    }
+  }
   .dark\:fill-gray-100 {
     @media (prefers-color-scheme: dark) {
       fill: var(--color-gray-100);
     }
   }
+  .dark\:fill-gray-200 {
+    @media (prefers-color-scheme: dark) {
+      fill: var(--color-gray-200);
+    }
+  }
   .dark\:fill-gray-300 {
     @media (prefers-color-scheme: dark) {
       fill: var(--color-gray-300);
@@ -5628,6 +5702,21 @@
       fill: var(--color-gray-600);
     }
   }
+  .dark\:fill-gray-700 {
+    @media (prefers-color-scheme: dark) {
+      fill: var(--color-gray-700);
+    }
+  }
+  .dark\:fill-gray-800 {
+    @media (prefers-color-scheme: dark) {
+      fill: var(--color-gray-800);
+    }
+  }
+  .dark\:fill-gray-900 {
+    @media (prefers-color-scheme: dark) {
+      fill: var(--color-gray-900);
+    }
+  }
   .dark\:stroke-blue-500 {
     @media (prefers-color-scheme: dark) {
       stroke: var(--color-blue-500);
@@ -5673,6 +5762,11 @@
       stroke: var(--color-red-500);
     }
   }
+  .dark\:stroke-white {
+    @media (prefers-color-scheme: dark) {
+      stroke: var(--color-white);
+    }
+  }
   .dark\:stroke-yellow-400 {
     @media (prefers-color-scheme: dark) {
       stroke: var(--color-yellow-400);
@@ -6551,6 +6645,26 @@
     --color-chart-6: #fb2c36;
     --color-chart-7: #8e51ff;
     --color-chart-muted: #6a7282;
+    --color-chart-up: #00c950;
+    --color-chart-down: #fb2c36;
+    --color-chart-seq-1: #162456;
+    --color-chart-seq-2: #1c398e;
+    --color-chart-seq-3: #1447e6;
+    --color-chart-seq-4: #2b7fff;
+    --color-chart-seq-5: #8ec5ff;
+    --color-chart-seq-6: #dbeafe;
+    --color-chart-ord-1: #1447e6;
+    --color-chart-ord-2: #2b7fff;
+    --color-chart-ord-3: #51a2ff;
+    --color-chart-ord-4: #8ec5ff;
+    --color-chart-ord-5: #dbeafe;
+    --color-chart-div-1: #8ec5ff;
+    --color-chart-div-2: #2b7fff;
+    --color-chart-div-3: #1447e6;
+    --color-chart-div-4: #364153;
+    --color-chart-div-5: #ca3500;
+    --color-chart-div-6: #ff6900;
+    --color-chart-div-7: #ffb86a;
   }
 }
 :root.dark,
@@ -6560,6 +6674,26 @@
   --color-chart-6: #fb2c36;
   --color-chart-7: #8e51ff;
   --color-chart-muted: #6a7282;
+  --color-chart-up: #00c950;
+  --color-chart-down: #fb2c36;
+  --color-chart-seq-1: #162456;
+  --color-chart-seq-2: #1c398e;
+  --color-chart-seq-3: #1447e6;
+  --color-chart-seq-4: #2b7fff;
+  --color-chart-seq-5: #8ec5ff;
+  --color-chart-seq-6: #dbeafe;
+  --color-chart-ord-1: #1447e6;
+  --color-chart-ord-2: #2b7fff;
+  --color-chart-ord-3: #51a2ff;
+  --color-chart-ord-4: #8ec5ff;
+  --color-chart-ord-5: #dbeafe;
+  --color-chart-div-1: #8ec5ff;
+  --color-chart-div-2: #2b7fff;
+  --color-chart-div-3: #1447e6;
+  --color-chart-div-4: #364153;
+  --color-chart-div-5: #ca3500;
+  --color-chart-div-6: #ff6900;
+  --color-chart-div-7: #ffb86a;
 }
 @property --tw-translate-x {
   syntax: "*";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@synertech/ui",
-  "version": "0.40.1",
+  "version": "0.42.0",
   "type": "module",
   "description": "Synertech UI component library",
   "main": "./dist/index.cjs",
@@ -30,7 +30,7 @@
     "./styles.css": "./dist/styles.css"
   },
   "bin": {
-    "setup-claude-skill": "./bin/setup-claude-skill.mjs"
+    "setup-claude-skill": "bin/setup-claude-skill.mjs"
   },
   "files": [
     "dist",