@eric-emg/symphiq-components 1.2.327 → 1.2.328
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/fesm2022/symphiq-components.mjs +1440 -431
- package/fesm2022/symphiq-components.mjs.map +1 -1
- package/index.d.ts +36 -26
- package/index.d.ts.map +1 -1
- package/package.json +1 -1
- package/styles.css +48 -18
package/styles.css
CHANGED
|
@@ -142,6 +142,7 @@
|
|
|
142
142
|
--color-pink-100: oklch(94.8% 0.028 342.258);
|
|
143
143
|
--color-pink-400: oklch(71.8% 0.202 349.761);
|
|
144
144
|
--color-pink-500: oklch(65.6% 0.241 354.308);
|
|
145
|
+
--color-pink-600: oklch(59.2% 0.249 0.584);
|
|
145
146
|
--color-pink-700: oklch(52.5% 0.223 3.958);
|
|
146
147
|
--color-rose-50: oklch(96.9% 0.015 12.422);
|
|
147
148
|
--color-rose-100: oklch(94.1% 0.03 12.58);
|
|
@@ -430,6 +431,9 @@
|
|
|
430
431
|
.inset-y-0 {
|
|
431
432
|
inset-block: calc(var(--spacing) * 0);
|
|
432
433
|
}
|
|
434
|
+
.-top-3 {
|
|
435
|
+
top: calc(var(--spacing) * -3);
|
|
436
|
+
}
|
|
433
437
|
.-top-20 {
|
|
434
438
|
top: calc(var(--spacing) * -20);
|
|
435
439
|
}
|
|
@@ -730,6 +734,9 @@
|
|
|
730
734
|
.mb-20 {
|
|
731
735
|
margin-bottom: calc(var(--spacing) * 20);
|
|
732
736
|
}
|
|
737
|
+
.mb-32 {
|
|
738
|
+
margin-bottom: calc(var(--spacing) * 32);
|
|
739
|
+
}
|
|
733
740
|
.ml-1 {
|
|
734
741
|
margin-left: calc(var(--spacing) * 1);
|
|
735
742
|
}
|
|
@@ -1202,6 +1209,12 @@
|
|
|
1202
1209
|
--tw-translate-y: calc(calc(1/2 * 100%) * -1);
|
|
1203
1210
|
translate: var(--tw-translate-x) var(--tw-translate-y);
|
|
1204
1211
|
}
|
|
1212
|
+
.scale-105 {
|
|
1213
|
+
--tw-scale-x: 105%;
|
|
1214
|
+
--tw-scale-y: 105%;
|
|
1215
|
+
--tw-scale-z: 105%;
|
|
1216
|
+
scale: var(--tw-scale-x) var(--tw-scale-y);
|
|
1217
|
+
}
|
|
1205
1218
|
.-rotate-90 {
|
|
1206
1219
|
rotate: calc(90deg * -1);
|
|
1207
1220
|
}
|
|
@@ -4950,6 +4963,10 @@
|
|
|
4950
4963
|
}
|
|
4951
4964
|
--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));
|
|
4952
4965
|
}
|
|
4966
|
+
.to-pink-600 {
|
|
4967
|
+
--tw-gradient-to: var(--color-pink-600);
|
|
4968
|
+
--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));
|
|
4969
|
+
}
|
|
4953
4970
|
.to-purple-50 {
|
|
4954
4971
|
--tw-gradient-to: var(--color-purple-50);
|
|
4955
4972
|
--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));
|
|
@@ -6038,6 +6055,9 @@
|
|
|
6038
6055
|
.opacity-10 {
|
|
6039
6056
|
opacity: 10%;
|
|
6040
6057
|
}
|
|
6058
|
+
.opacity-20 {
|
|
6059
|
+
opacity: 20%;
|
|
6060
|
+
}
|
|
6041
6061
|
.opacity-25 {
|
|
6042
6062
|
opacity: 25%;
|
|
6043
6063
|
}
|
|
@@ -7831,6 +7851,16 @@
|
|
|
7831
7851
|
}
|
|
7832
7852
|
}
|
|
7833
7853
|
}
|
|
7854
|
+
.hover\:bg-slate-200\/50 {
|
|
7855
|
+
&:hover {
|
|
7856
|
+
@media (hover: hover) {
|
|
7857
|
+
background-color: color-mix(in srgb, oklch(92.9% 0.013 255.508) 50%, transparent);
|
|
7858
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
7859
|
+
background-color: color-mix(in oklab, var(--color-slate-200) 50%, transparent);
|
|
7860
|
+
}
|
|
7861
|
+
}
|
|
7862
|
+
}
|
|
7863
|
+
}
|
|
7834
7864
|
.hover\:bg-slate-300 {
|
|
7835
7865
|
&:hover {
|
|
7836
7866
|
@media (hover: hover) {
|
|
@@ -10094,6 +10124,21 @@ h1, h2, h3, h4, h5, h6 {
|
|
|
10094
10124
|
inherits: false;
|
|
10095
10125
|
initial-value: 0;
|
|
10096
10126
|
}
|
|
10127
|
+
@property --tw-scale-x {
|
|
10128
|
+
syntax: "*";
|
|
10129
|
+
inherits: false;
|
|
10130
|
+
initial-value: 1;
|
|
10131
|
+
}
|
|
10132
|
+
@property --tw-scale-y {
|
|
10133
|
+
syntax: "*";
|
|
10134
|
+
inherits: false;
|
|
10135
|
+
initial-value: 1;
|
|
10136
|
+
}
|
|
10137
|
+
@property --tw-scale-z {
|
|
10138
|
+
syntax: "*";
|
|
10139
|
+
inherits: false;
|
|
10140
|
+
initial-value: 1;
|
|
10141
|
+
}
|
|
10097
10142
|
@property --tw-rotate-x {
|
|
10098
10143
|
syntax: "*";
|
|
10099
10144
|
inherits: false;
|
|
@@ -10375,21 +10420,6 @@ h1, h2, h3, h4, h5, h6 {
|
|
|
10375
10420
|
syntax: "*";
|
|
10376
10421
|
inherits: false;
|
|
10377
10422
|
}
|
|
10378
|
-
@property --tw-scale-x {
|
|
10379
|
-
syntax: "*";
|
|
10380
|
-
inherits: false;
|
|
10381
|
-
initial-value: 1;
|
|
10382
|
-
}
|
|
10383
|
-
@property --tw-scale-y {
|
|
10384
|
-
syntax: "*";
|
|
10385
|
-
inherits: false;
|
|
10386
|
-
initial-value: 1;
|
|
10387
|
-
}
|
|
10388
|
-
@property --tw-scale-z {
|
|
10389
|
-
syntax: "*";
|
|
10390
|
-
inherits: false;
|
|
10391
|
-
initial-value: 1;
|
|
10392
|
-
}
|
|
10393
10423
|
@keyframes spin {
|
|
10394
10424
|
to {
|
|
10395
10425
|
transform: rotate(360deg);
|
|
@@ -10416,6 +10446,9 @@ h1, h2, h3, h4, h5, h6 {
|
|
|
10416
10446
|
--tw-translate-x: 0;
|
|
10417
10447
|
--tw-translate-y: 0;
|
|
10418
10448
|
--tw-translate-z: 0;
|
|
10449
|
+
--tw-scale-x: 1;
|
|
10450
|
+
--tw-scale-y: 1;
|
|
10451
|
+
--tw-scale-z: 1;
|
|
10419
10452
|
--tw-rotate-x: initial;
|
|
10420
10453
|
--tw-rotate-y: initial;
|
|
10421
10454
|
--tw-rotate-z: initial;
|
|
@@ -10481,9 +10514,6 @@ h1, h2, h3, h4, h5, h6 {
|
|
|
10481
10514
|
--tw-backdrop-sepia: initial;
|
|
10482
10515
|
--tw-duration: initial;
|
|
10483
10516
|
--tw-ease: initial;
|
|
10484
|
-
--tw-scale-x: 1;
|
|
10485
|
-
--tw-scale-y: 1;
|
|
10486
|
-
--tw-scale-z: 1;
|
|
10487
10517
|
}
|
|
10488
10518
|
}
|
|
10489
10519
|
}
|