@synertech/ui 0.40.0 → 0.41.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/.claude/skills/use-synertech-ui/SKILL.md +83 -0
- package/dist/index.cjs +10 -10
- package/dist/index.d.cts +427 -46
- package/dist/index.d.ts +427 -46
- package/dist/index.js +10 -10
- package/dist/styles.css +109 -0
- package/package.json +2 -2
package/dist/styles.css
CHANGED
|
@@ -216,6 +216,24 @@
|
|
|
216
216
|
--color-chart-7: #7f22fe;
|
|
217
217
|
--color-chart-8: #00a63e;
|
|
218
218
|
--color-chart-muted: #99a1af;
|
|
219
|
+
--color-chart-seq-1: #dbeafe;
|
|
220
|
+
--color-chart-seq-2: #bedbff;
|
|
221
|
+
--color-chart-seq-3: #8ec5ff;
|
|
222
|
+
--color-chart-seq-4: #2b7fff;
|
|
223
|
+
--color-chart-seq-5: #1447e6;
|
|
224
|
+
--color-chart-seq-6: #1c398e;
|
|
225
|
+
--color-chart-ord-1: #51a2ff;
|
|
226
|
+
--color-chart-ord-2: #2b7fff;
|
|
227
|
+
--color-chart-ord-3: #155dfc;
|
|
228
|
+
--color-chart-ord-4: #193cb8;
|
|
229
|
+
--color-chart-ord-5: #162456;
|
|
230
|
+
--color-chart-div-1: #1447e6;
|
|
231
|
+
--color-chart-div-2: #2b7fff;
|
|
232
|
+
--color-chart-div-3: #8ec5ff;
|
|
233
|
+
--color-chart-div-4: #e5e7eb;
|
|
234
|
+
--color-chart-div-5: #ffb86a;
|
|
235
|
+
--color-chart-div-6: #ff6900;
|
|
236
|
+
--color-chart-div-7: #ca3500;
|
|
219
237
|
}
|
|
220
238
|
}
|
|
221
239
|
@layer base {
|
|
@@ -1079,6 +1097,9 @@
|
|
|
1079
1097
|
.max-w-16 {
|
|
1080
1098
|
max-width: calc(var(--spacing) * 16);
|
|
1081
1099
|
}
|
|
1100
|
+
.max-w-80 {
|
|
1101
|
+
max-width: calc(var(--spacing) * 80);
|
|
1102
|
+
}
|
|
1082
1103
|
.max-w-full {
|
|
1083
1104
|
max-width: 100%;
|
|
1084
1105
|
}
|
|
@@ -1496,6 +1517,9 @@
|
|
|
1496
1517
|
.gap-y-2 {
|
|
1497
1518
|
row-gap: calc(var(--spacing) * 2);
|
|
1498
1519
|
}
|
|
1520
|
+
.gap-y-3 {
|
|
1521
|
+
row-gap: calc(var(--spacing) * 3);
|
|
1522
|
+
}
|
|
1499
1523
|
.divide-x {
|
|
1500
1524
|
:where(& > :not(:last-child)) {
|
|
1501
1525
|
--tw-divide-x-reverse: 0;
|
|
@@ -2553,6 +2577,15 @@
|
|
|
2553
2577
|
.fill-blue-500 {
|
|
2554
2578
|
fill: var(--color-blue-500);
|
|
2555
2579
|
}
|
|
2580
|
+
.fill-gray-50 {
|
|
2581
|
+
fill: var(--color-gray-50);
|
|
2582
|
+
}
|
|
2583
|
+
.fill-gray-100 {
|
|
2584
|
+
fill: var(--color-gray-100);
|
|
2585
|
+
}
|
|
2586
|
+
.fill-gray-200 {
|
|
2587
|
+
fill: var(--color-gray-200);
|
|
2588
|
+
}
|
|
2556
2589
|
.fill-gray-300 {
|
|
2557
2590
|
fill: var(--color-gray-300);
|
|
2558
2591
|
}
|
|
@@ -2565,6 +2598,9 @@
|
|
|
2565
2598
|
.fill-gray-600 {
|
|
2566
2599
|
fill: var(--color-gray-600);
|
|
2567
2600
|
}
|
|
2601
|
+
.fill-gray-700 {
|
|
2602
|
+
fill: var(--color-gray-700);
|
|
2603
|
+
}
|
|
2568
2604
|
.fill-gray-900 {
|
|
2569
2605
|
fill: var(--color-gray-900);
|
|
2570
2606
|
}
|
|
@@ -2589,6 +2625,9 @@
|
|
|
2589
2625
|
.stroke-gray-500 {
|
|
2590
2626
|
stroke: var(--color-gray-500);
|
|
2591
2627
|
}
|
|
2628
|
+
.stroke-gray-900 {
|
|
2629
|
+
stroke: var(--color-gray-900);
|
|
2630
|
+
}
|
|
2592
2631
|
.stroke-green-600 {
|
|
2593
2632
|
stroke: var(--color-green-600);
|
|
2594
2633
|
}
|
|
@@ -3225,6 +3264,10 @@
|
|
|
3225
3264
|
.italic {
|
|
3226
3265
|
font-style: italic;
|
|
3227
3266
|
}
|
|
3267
|
+
.ordinal {
|
|
3268
|
+
--tw-ordinal: ordinal;
|
|
3269
|
+
font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
|
|
3270
|
+
}
|
|
3228
3271
|
.tabular-nums {
|
|
3229
3272
|
--tw-numeric-spacing: tabular-nums;
|
|
3230
3273
|
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 @@
|
|
|
5603
5646
|
--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));
|
|
5604
5647
|
}
|
|
5605
5648
|
}
|
|
5649
|
+
.dark\:fill-gray-50 {
|
|
5650
|
+
@media (prefers-color-scheme: dark) {
|
|
5651
|
+
fill: var(--color-gray-50);
|
|
5652
|
+
}
|
|
5653
|
+
}
|
|
5606
5654
|
.dark\:fill-gray-100 {
|
|
5607
5655
|
@media (prefers-color-scheme: dark) {
|
|
5608
5656
|
fill: var(--color-gray-100);
|
|
5609
5657
|
}
|
|
5610
5658
|
}
|
|
5659
|
+
.dark\:fill-gray-200 {
|
|
5660
|
+
@media (prefers-color-scheme: dark) {
|
|
5661
|
+
fill: var(--color-gray-200);
|
|
5662
|
+
}
|
|
5663
|
+
}
|
|
5611
5664
|
.dark\:fill-gray-300 {
|
|
5612
5665
|
@media (prefers-color-scheme: dark) {
|
|
5613
5666
|
fill: var(--color-gray-300);
|
|
@@ -5628,6 +5681,21 @@
|
|
|
5628
5681
|
fill: var(--color-gray-600);
|
|
5629
5682
|
}
|
|
5630
5683
|
}
|
|
5684
|
+
.dark\:fill-gray-700 {
|
|
5685
|
+
@media (prefers-color-scheme: dark) {
|
|
5686
|
+
fill: var(--color-gray-700);
|
|
5687
|
+
}
|
|
5688
|
+
}
|
|
5689
|
+
.dark\:fill-gray-800 {
|
|
5690
|
+
@media (prefers-color-scheme: dark) {
|
|
5691
|
+
fill: var(--color-gray-800);
|
|
5692
|
+
}
|
|
5693
|
+
}
|
|
5694
|
+
.dark\:fill-gray-900 {
|
|
5695
|
+
@media (prefers-color-scheme: dark) {
|
|
5696
|
+
fill: var(--color-gray-900);
|
|
5697
|
+
}
|
|
5698
|
+
}
|
|
5631
5699
|
.dark\:stroke-blue-500 {
|
|
5632
5700
|
@media (prefers-color-scheme: dark) {
|
|
5633
5701
|
stroke: var(--color-blue-500);
|
|
@@ -5673,6 +5741,11 @@
|
|
|
5673
5741
|
stroke: var(--color-red-500);
|
|
5674
5742
|
}
|
|
5675
5743
|
}
|
|
5744
|
+
.dark\:stroke-white {
|
|
5745
|
+
@media (prefers-color-scheme: dark) {
|
|
5746
|
+
stroke: var(--color-white);
|
|
5747
|
+
}
|
|
5748
|
+
}
|
|
5676
5749
|
.dark\:stroke-yellow-400 {
|
|
5677
5750
|
@media (prefers-color-scheme: dark) {
|
|
5678
5751
|
stroke: var(--color-yellow-400);
|
|
@@ -6551,6 +6624,24 @@
|
|
|
6551
6624
|
--color-chart-6: #fb2c36;
|
|
6552
6625
|
--color-chart-7: #8e51ff;
|
|
6553
6626
|
--color-chart-muted: #6a7282;
|
|
6627
|
+
--color-chart-seq-1: #162456;
|
|
6628
|
+
--color-chart-seq-2: #1c398e;
|
|
6629
|
+
--color-chart-seq-3: #1447e6;
|
|
6630
|
+
--color-chart-seq-4: #2b7fff;
|
|
6631
|
+
--color-chart-seq-5: #8ec5ff;
|
|
6632
|
+
--color-chart-seq-6: #dbeafe;
|
|
6633
|
+
--color-chart-ord-1: #1447e6;
|
|
6634
|
+
--color-chart-ord-2: #2b7fff;
|
|
6635
|
+
--color-chart-ord-3: #51a2ff;
|
|
6636
|
+
--color-chart-ord-4: #8ec5ff;
|
|
6637
|
+
--color-chart-ord-5: #dbeafe;
|
|
6638
|
+
--color-chart-div-1: #8ec5ff;
|
|
6639
|
+
--color-chart-div-2: #2b7fff;
|
|
6640
|
+
--color-chart-div-3: #1447e6;
|
|
6641
|
+
--color-chart-div-4: #364153;
|
|
6642
|
+
--color-chart-div-5: #ca3500;
|
|
6643
|
+
--color-chart-div-6: #ff6900;
|
|
6644
|
+
--color-chart-div-7: #ffb86a;
|
|
6554
6645
|
}
|
|
6555
6646
|
}
|
|
6556
6647
|
:root.dark,
|
|
@@ -6560,6 +6651,24 @@
|
|
|
6560
6651
|
--color-chart-6: #fb2c36;
|
|
6561
6652
|
--color-chart-7: #8e51ff;
|
|
6562
6653
|
--color-chart-muted: #6a7282;
|
|
6654
|
+
--color-chart-seq-1: #162456;
|
|
6655
|
+
--color-chart-seq-2: #1c398e;
|
|
6656
|
+
--color-chart-seq-3: #1447e6;
|
|
6657
|
+
--color-chart-seq-4: #2b7fff;
|
|
6658
|
+
--color-chart-seq-5: #8ec5ff;
|
|
6659
|
+
--color-chart-seq-6: #dbeafe;
|
|
6660
|
+
--color-chart-ord-1: #1447e6;
|
|
6661
|
+
--color-chart-ord-2: #2b7fff;
|
|
6662
|
+
--color-chart-ord-3: #51a2ff;
|
|
6663
|
+
--color-chart-ord-4: #8ec5ff;
|
|
6664
|
+
--color-chart-ord-5: #dbeafe;
|
|
6665
|
+
--color-chart-div-1: #8ec5ff;
|
|
6666
|
+
--color-chart-div-2: #2b7fff;
|
|
6667
|
+
--color-chart-div-3: #1447e6;
|
|
6668
|
+
--color-chart-div-4: #364153;
|
|
6669
|
+
--color-chart-div-5: #ca3500;
|
|
6670
|
+
--color-chart-div-6: #ff6900;
|
|
6671
|
+
--color-chart-div-7: #ffb86a;
|
|
6563
6672
|
}
|
|
6564
6673
|
@property --tw-translate-x {
|
|
6565
6674
|
syntax: "*";
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@synertech/ui",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.41.0",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"description": "Synertech UI component library",
|
|
6
6
|
"main": "./dist/index.cjs",
|
|
@@ -30,7 +30,7 @@
|
|
|
30
30
|
"./styles.css": "./dist/styles.css"
|
|
31
31
|
},
|
|
32
32
|
"bin": {
|
|
33
|
-
"setup-claude-skill": "
|
|
33
|
+
"setup-claude-skill": "bin/setup-claude-skill.mjs"
|
|
34
34
|
},
|
|
35
35
|
"files": [
|
|
36
36
|
"dist",
|