@synertech/ui 0.40.1 → 0.41.0

package/dist/styles.css

@@ -216,6 +216,24 @@
     --color-chart-7: #7f22fe;
     --color-chart-8: #00a63e;
     --color-chart-muted: #99a1af;
+    --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 {
@@ -1079,6 +1097,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%;
   }
@@ -1496,6 +1517,9 @@
   .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;
@@ -2553,6 +2577,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,6 +2598,9 @@
   .fill-gray-600 {
     fill: var(--color-gray-600);
   }
+  .fill-gray-700 {
+    fill: var(--color-gray-700);
+  }
   .fill-gray-900 {
     fill: var(--color-gray-900);
   }
@@ -2589,6 +2625,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 +3264,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 +5646,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 +5681,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 +5741,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 +6624,24 @@
     --color-chart-6: #fb2c36;
     --color-chart-7: #8e51ff;
     --color-chart-muted: #6a7282;
+    --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 +6651,24 @@
   --color-chart-6: #fb2c36;
   --color-chart-7: #8e51ff;
   --color-chart-muted: #6a7282;
+  --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.41.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",