@synertech/ui 0.42.0 → 0.43.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 +36 -0
- package/dist/index.cjs +9 -9
- package/dist/index.d.cts +391 -9
- package/dist/index.d.ts +391 -9
- package/dist/index.js +9 -9
- package/dist/styles.css +41 -0
- package/package.json +1 -1
package/dist/styles.css
CHANGED
|
@@ -95,6 +95,7 @@
|
|
|
95
95
|
--color-blue-700: oklch(48.8% 0.243 264.376);
|
|
96
96
|
--color-blue-800: oklch(42.4% 0.199 265.638);
|
|
97
97
|
--color-blue-900: oklch(37.9% 0.146 265.522);
|
|
98
|
+
--color-blue-950: oklch(28.2% 0.091 267.935);
|
|
98
99
|
--color-indigo-50: oklch(96.2% 0.018 272.314);
|
|
99
100
|
--color-indigo-100: oklch(93% 0.034 272.788);
|
|
100
101
|
--color-indigo-200: oklch(87% 0.065 274.039);
|
|
@@ -216,6 +217,7 @@
|
|
|
216
217
|
--color-chart-7: #7f22fe;
|
|
217
218
|
--color-chart-8: #00a63e;
|
|
218
219
|
--color-chart-muted: #99a1af;
|
|
220
|
+
--color-chart-surface: #ffffff;
|
|
219
221
|
--color-chart-up: #00a63e;
|
|
220
222
|
--color-chart-down: #e7000b;
|
|
221
223
|
--color-chart-seq-1: #dbeafe;
|
|
@@ -903,6 +905,9 @@
|
|
|
903
905
|
.h-\[400px\] {
|
|
904
906
|
height: 400px;
|
|
905
907
|
}
|
|
908
|
+
.h-\[560px\] {
|
|
909
|
+
height: 560px;
|
|
910
|
+
}
|
|
906
911
|
.h-\[700px\] {
|
|
907
912
|
height: 700px;
|
|
908
913
|
}
|
|
@@ -1035,6 +1040,9 @@
|
|
|
1035
1040
|
.w-48 {
|
|
1036
1041
|
width: calc(var(--spacing) * 48);
|
|
1037
1042
|
}
|
|
1043
|
+
.w-52 {
|
|
1044
|
+
width: calc(var(--spacing) * 52);
|
|
1045
|
+
}
|
|
1038
1046
|
.w-56 {
|
|
1039
1047
|
width: calc(var(--spacing) * 56);
|
|
1040
1048
|
}
|
|
@@ -1153,6 +1161,9 @@
|
|
|
1153
1161
|
.min-w-40 {
|
|
1154
1162
|
min-width: calc(var(--spacing) * 40);
|
|
1155
1163
|
}
|
|
1164
|
+
.min-w-44 {
|
|
1165
|
+
min-width: calc(var(--spacing) * 44);
|
|
1166
|
+
}
|
|
1156
1167
|
.min-w-\[3ch\] {
|
|
1157
1168
|
min-width: 3ch;
|
|
1158
1169
|
}
|
|
@@ -2350,6 +2361,12 @@
|
|
|
2350
2361
|
background-color: color-mix(in oklab, var(--color-white) 90%, transparent);
|
|
2351
2362
|
}
|
|
2352
2363
|
}
|
|
2364
|
+
.bg-white\/95 {
|
|
2365
|
+
background-color: color-mix(in srgb, #fff 95%, transparent);
|
|
2366
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
2367
|
+
background-color: color-mix(in oklab, var(--color-white) 95%, transparent);
|
|
2368
|
+
}
|
|
2369
|
+
}
|
|
2353
2370
|
.bg-yellow-50 {
|
|
2354
2371
|
background-color: var(--color-yellow-50);
|
|
2355
2372
|
}
|
|
@@ -3478,6 +3495,10 @@
|
|
|
3478
3495
|
--tw-blur: blur(8px);
|
|
3479
3496
|
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,);
|
|
3480
3497
|
}
|
|
3498
|
+
.grayscale {
|
|
3499
|
+
--tw-grayscale: grayscale(100%);
|
|
3500
|
+
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,);
|
|
3501
|
+
}
|
|
3481
3502
|
.invert {
|
|
3482
3503
|
--tw-invert: invert(100%);
|
|
3483
3504
|
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 +4575,11 @@
|
|
|
4554
4575
|
outline-offset: 2px;
|
|
4555
4576
|
}
|
|
4556
4577
|
}
|
|
4578
|
+
.focus-visible\:outline-offset-\[-2px\] {
|
|
4579
|
+
&:focus-visible {
|
|
4580
|
+
outline-offset: -2px;
|
|
4581
|
+
}
|
|
4582
|
+
}
|
|
4557
4583
|
.focus-visible\:outline-blue-500 {
|
|
4558
4584
|
&:focus-visible {
|
|
4559
4585
|
outline-color: var(--color-blue-500);
|
|
@@ -5181,6 +5207,11 @@
|
|
|
5181
5207
|
}
|
|
5182
5208
|
}
|
|
5183
5209
|
}
|
|
5210
|
+
.dark\:bg-blue-950 {
|
|
5211
|
+
@media (prefers-color-scheme: dark) {
|
|
5212
|
+
background-color: var(--color-blue-950);
|
|
5213
|
+
}
|
|
5214
|
+
}
|
|
5184
5215
|
.dark\:bg-cyan-500 {
|
|
5185
5216
|
@media (prefers-color-scheme: dark) {
|
|
5186
5217
|
background-color: var(--color-cyan-500);
|
|
@@ -5317,6 +5348,14 @@
|
|
|
5317
5348
|
}
|
|
5318
5349
|
}
|
|
5319
5350
|
}
|
|
5351
|
+
.dark\:bg-gray-900\/95 {
|
|
5352
|
+
@media (prefers-color-scheme: dark) {
|
|
5353
|
+
background-color: color-mix(in srgb, oklch(21% 0.034 264.665) 95%, transparent);
|
|
5354
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
5355
|
+
background-color: color-mix(in oklab, var(--color-gray-900) 95%, transparent);
|
|
5356
|
+
}
|
|
5357
|
+
}
|
|
5358
|
+
}
|
|
5320
5359
|
.dark\:bg-gray-950 {
|
|
5321
5360
|
@media (prefers-color-scheme: dark) {
|
|
5322
5361
|
background-color: var(--color-gray-950);
|
|
@@ -6645,6 +6684,7 @@
|
|
|
6645
6684
|
--color-chart-6: #fb2c36;
|
|
6646
6685
|
--color-chart-7: #8e51ff;
|
|
6647
6686
|
--color-chart-muted: #6a7282;
|
|
6687
|
+
--color-chart-surface: #1e2939;
|
|
6648
6688
|
--color-chart-up: #00c950;
|
|
6649
6689
|
--color-chart-down: #fb2c36;
|
|
6650
6690
|
--color-chart-seq-1: #162456;
|
|
@@ -6674,6 +6714,7 @@
|
|
|
6674
6714
|
--color-chart-6: #fb2c36;
|
|
6675
6715
|
--color-chart-7: #8e51ff;
|
|
6676
6716
|
--color-chart-muted: #6a7282;
|
|
6717
|
+
--color-chart-surface: #1e2939;
|
|
6677
6718
|
--color-chart-up: #00c950;
|
|
6678
6719
|
--color-chart-down: #fb2c36;
|
|
6679
6720
|
--color-chart-seq-1: #162456;
|