@tomaszjarosz/react-visualizers 0.2.13 → 0.2.14
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/README.md +209 -40
- package/dist/index.cjs +166 -13
- package/dist/index.cjs.map +1 -1
- package/dist/index.js +166 -13
- package/dist/index.js.map +1 -1
- package/dist/react-visualizers.css +40 -0
- package/package.json +1 -1
|
@@ -721,6 +721,10 @@
|
|
|
721
721
|
height: calc(var(--spacing) * 12);
|
|
722
722
|
}
|
|
723
723
|
|
|
724
|
+
.h-14 {
|
|
725
|
+
height: calc(var(--spacing) * 14);
|
|
726
|
+
}
|
|
727
|
+
|
|
724
728
|
.h-16 {
|
|
725
729
|
height: calc(var(--spacing) * 16);
|
|
726
730
|
}
|
|
@@ -889,6 +893,10 @@
|
|
|
889
893
|
scale: var(--tw-scale-x) var(--tw-scale-y);
|
|
890
894
|
}
|
|
891
895
|
|
|
896
|
+
.rotate-90 {
|
|
897
|
+
rotate: 90deg;
|
|
898
|
+
}
|
|
899
|
+
|
|
892
900
|
.transform {
|
|
893
901
|
transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, );
|
|
894
902
|
}
|
|
@@ -1197,6 +1205,10 @@
|
|
|
1197
1205
|
border-color: var(--color-green-600);
|
|
1198
1206
|
}
|
|
1199
1207
|
|
|
1208
|
+
.border-indigo-100 {
|
|
1209
|
+
border-color: var(--color-indigo-100);
|
|
1210
|
+
}
|
|
1211
|
+
|
|
1200
1212
|
.border-indigo-200 {
|
|
1201
1213
|
border-color: var(--color-indigo-200);
|
|
1202
1214
|
}
|
|
@@ -1429,6 +1441,16 @@
|
|
|
1429
1441
|
background-color: var(--color-indigo-100);
|
|
1430
1442
|
}
|
|
1431
1443
|
|
|
1444
|
+
.bg-indigo-100\/50 {
|
|
1445
|
+
background-color: #e0e7ff80;
|
|
1446
|
+
}
|
|
1447
|
+
|
|
1448
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
1449
|
+
.bg-indigo-100\/50 {
|
|
1450
|
+
background-color: color-mix(in oklab, var(--color-indigo-100) 50%, transparent);
|
|
1451
|
+
}
|
|
1452
|
+
}
|
|
1453
|
+
|
|
1432
1454
|
.bg-indigo-500 {
|
|
1433
1455
|
background-color: var(--color-indigo-500);
|
|
1434
1456
|
}
|
|
@@ -1994,6 +2016,10 @@
|
|
|
1994
2016
|
padding-top: calc(var(--spacing) * 2);
|
|
1995
2017
|
}
|
|
1996
2018
|
|
|
2019
|
+
.pr-4 {
|
|
2020
|
+
padding-right: calc(var(--spacing) * 4);
|
|
2021
|
+
}
|
|
2022
|
+
|
|
1997
2023
|
.pb-1 {
|
|
1998
2024
|
padding-bottom: calc(var(--spacing) * 1);
|
|
1999
2025
|
}
|
|
@@ -2323,6 +2349,10 @@
|
|
|
2323
2349
|
color: var(--color-purple-900);
|
|
2324
2350
|
}
|
|
2325
2351
|
|
|
2352
|
+
.text-red-400 {
|
|
2353
|
+
color: var(--color-red-400);
|
|
2354
|
+
}
|
|
2355
|
+
|
|
2326
2356
|
.text-red-500 {
|
|
2327
2357
|
color: var(--color-red-500);
|
|
2328
2358
|
}
|
|
@@ -2567,6 +2597,12 @@
|
|
|
2567
2597
|
transition-duration: var(--tw-duration, var(--default-transition-duration));
|
|
2568
2598
|
}
|
|
2569
2599
|
|
|
2600
|
+
.transition-transform {
|
|
2601
|
+
transition-property: transform, translate, scale, rotate;
|
|
2602
|
+
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
|
|
2603
|
+
transition-duration: var(--tw-duration, var(--default-transition-duration));
|
|
2604
|
+
}
|
|
2605
|
+
|
|
2570
2606
|
.duration-150 {
|
|
2571
2607
|
--tw-duration: .15s;
|
|
2572
2608
|
transition-duration: .15s;
|
|
@@ -2776,6 +2812,10 @@
|
|
|
2776
2812
|
color: var(--color-gray-800);
|
|
2777
2813
|
}
|
|
2778
2814
|
|
|
2815
|
+
.hover\:text-indigo-800:hover {
|
|
2816
|
+
color: var(--color-indigo-800);
|
|
2817
|
+
}
|
|
2818
|
+
|
|
2779
2819
|
.hover\:text-yellow-700:hover {
|
|
2780
2820
|
color: var(--color-yellow-700);
|
|
2781
2821
|
}
|
package/package.json
CHANGED