@eric-emg/symphiq-components 1.2.261 → 1.2.263
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 +1442 -256
- package/fesm2022/symphiq-components.mjs.map +1 -1
- package/index.d.ts +28 -25
- package/index.d.ts.map +1 -1
- package/package.json +1 -1
- package/styles.css +85 -0
package/styles.css
CHANGED
|
@@ -1961,12 +1961,21 @@
|
|
|
1961
1961
|
border-color: color-mix(in oklab, var(--color-purple-500) 30%, transparent);
|
|
1962
1962
|
}
|
|
1963
1963
|
}
|
|
1964
|
+
.border-purple-500\/40 {
|
|
1965
|
+
border-color: color-mix(in srgb, oklch(62.7% 0.265 303.9) 40%, transparent);
|
|
1966
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
1967
|
+
border-color: color-mix(in oklab, var(--color-purple-500) 40%, transparent);
|
|
1968
|
+
}
|
|
1969
|
+
}
|
|
1964
1970
|
.border-purple-500\/50 {
|
|
1965
1971
|
border-color: color-mix(in srgb, oklch(62.7% 0.265 303.9) 50%, transparent);
|
|
1966
1972
|
@supports (color: color-mix(in lab, red, red)) {
|
|
1967
1973
|
border-color: color-mix(in oklab, var(--color-purple-500) 50%, transparent);
|
|
1968
1974
|
}
|
|
1969
1975
|
}
|
|
1976
|
+
.border-purple-600 {
|
|
1977
|
+
border-color: var(--color-purple-600);
|
|
1978
|
+
}
|
|
1970
1979
|
.border-purple-700\/50 {
|
|
1971
1980
|
border-color: color-mix(in srgb, oklch(49.6% 0.265 301.924) 50%, transparent);
|
|
1972
1981
|
@supports (color: color-mix(in lab, red, red)) {
|
|
@@ -2978,6 +2987,12 @@
|
|
|
2978
2987
|
background-color: color-mix(in oklab, var(--color-purple-500) 25%, transparent);
|
|
2979
2988
|
}
|
|
2980
2989
|
}
|
|
2990
|
+
.bg-purple-500\/30 {
|
|
2991
|
+
background-color: color-mix(in srgb, oklch(62.7% 0.265 303.9) 30%, transparent);
|
|
2992
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
2993
|
+
background-color: color-mix(in oklab, var(--color-purple-500) 30%, transparent);
|
|
2994
|
+
}
|
|
2995
|
+
}
|
|
2981
2996
|
.bg-purple-500\/40 {
|
|
2982
2997
|
background-color: color-mix(in srgb, oklch(62.7% 0.265 303.9) 40%, transparent);
|
|
2983
2998
|
@supports (color: color-mix(in lab, red, red)) {
|
|
@@ -2999,6 +3014,12 @@
|
|
|
2999
3014
|
background-color: color-mix(in oklab, var(--color-purple-600) 90%, transparent);
|
|
3000
3015
|
}
|
|
3001
3016
|
}
|
|
3017
|
+
.bg-purple-800\/60 {
|
|
3018
|
+
background-color: color-mix(in srgb, oklch(43.8% 0.218 303.724) 60%, transparent);
|
|
3019
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
3020
|
+
background-color: color-mix(in oklab, var(--color-purple-800) 60%, transparent);
|
|
3021
|
+
}
|
|
3022
|
+
}
|
|
3002
3023
|
.bg-purple-900\/30 {
|
|
3003
3024
|
background-color: color-mix(in srgb, oklch(38.1% 0.176 304.987) 30%, transparent);
|
|
3004
3025
|
@supports (color: color-mix(in lab, red, red)) {
|
|
@@ -3188,6 +3209,12 @@
|
|
|
3188
3209
|
background-color: color-mix(in oklab, var(--color-slate-500) 20%, transparent);
|
|
3189
3210
|
}
|
|
3190
3211
|
}
|
|
3212
|
+
.bg-slate-500\/30 {
|
|
3213
|
+
background-color: color-mix(in srgb, oklch(55.4% 0.046 257.417) 30%, transparent);
|
|
3214
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
3215
|
+
background-color: color-mix(in oklab, var(--color-slate-500) 30%, transparent);
|
|
3216
|
+
}
|
|
3217
|
+
}
|
|
3191
3218
|
.bg-slate-600 {
|
|
3192
3219
|
background-color: var(--color-slate-600);
|
|
3193
3220
|
}
|
|
@@ -3936,6 +3963,13 @@
|
|
|
3936
3963
|
}
|
|
3937
3964
|
--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));
|
|
3938
3965
|
}
|
|
3966
|
+
.from-purple-900\/60 {
|
|
3967
|
+
--tw-gradient-from: color-mix(in srgb, oklch(38.1% 0.176 304.987) 60%, transparent);
|
|
3968
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
3969
|
+
--tw-gradient-from: color-mix(in oklab, var(--color-purple-900) 60%, transparent);
|
|
3970
|
+
}
|
|
3971
|
+
--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));
|
|
3972
|
+
}
|
|
3939
3973
|
.from-purple-950\/20 {
|
|
3940
3974
|
--tw-gradient-from: color-mix(in srgb, oklch(29.1% 0.149 302.717) 20%, transparent);
|
|
3941
3975
|
@supports (color: color-mix(in lab, red, red)) {
|
|
@@ -4256,6 +4290,14 @@
|
|
|
4256
4290
|
--tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
|
|
4257
4291
|
--tw-gradient-stops: var(--tw-gradient-via-stops);
|
|
4258
4292
|
}
|
|
4293
|
+
.via-indigo-900\/40 {
|
|
4294
|
+
--tw-gradient-via: color-mix(in srgb, oklch(35.9% 0.144 278.697) 40%, transparent);
|
|
4295
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
4296
|
+
--tw-gradient-via: color-mix(in oklab, var(--color-indigo-900) 40%, transparent);
|
|
4297
|
+
}
|
|
4298
|
+
--tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
|
|
4299
|
+
--tw-gradient-stops: var(--tw-gradient-via-stops);
|
|
4300
|
+
}
|
|
4259
4301
|
.via-purple-50 {
|
|
4260
4302
|
--tw-gradient-via: var(--color-purple-50);
|
|
4261
4303
|
--tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
|
|
@@ -4897,6 +4939,13 @@
|
|
|
4897
4939
|
}
|
|
4898
4940
|
--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));
|
|
4899
4941
|
}
|
|
4942
|
+
.to-purple-900\/60 {
|
|
4943
|
+
--tw-gradient-to: color-mix(in srgb, oklch(38.1% 0.176 304.987) 60%, transparent);
|
|
4944
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
4945
|
+
--tw-gradient-to: color-mix(in oklab, var(--color-purple-900) 60%, transparent);
|
|
4946
|
+
}
|
|
4947
|
+
--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));
|
|
4948
|
+
}
|
|
4900
4949
|
.to-red-50 {
|
|
4901
4950
|
--tw-gradient-to: var(--color-red-50);
|
|
4902
4951
|
--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));
|
|
@@ -7028,6 +7077,13 @@
|
|
|
7028
7077
|
}
|
|
7029
7078
|
}
|
|
7030
7079
|
}
|
|
7080
|
+
.hover\:border-purple-700 {
|
|
7081
|
+
&:hover {
|
|
7082
|
+
@media (hover: hover) {
|
|
7083
|
+
border-color: var(--color-purple-700);
|
|
7084
|
+
}
|
|
7085
|
+
}
|
|
7086
|
+
}
|
|
7031
7087
|
.hover\:border-red-300 {
|
|
7032
7088
|
&:hover {
|
|
7033
7089
|
@media (hover: hover) {
|
|
@@ -7103,6 +7159,13 @@
|
|
|
7103
7159
|
}
|
|
7104
7160
|
}
|
|
7105
7161
|
}
|
|
7162
|
+
.hover\:border-slate-400 {
|
|
7163
|
+
&:hover {
|
|
7164
|
+
@media (hover: hover) {
|
|
7165
|
+
border-color: var(--color-slate-400);
|
|
7166
|
+
}
|
|
7167
|
+
}
|
|
7168
|
+
}
|
|
7106
7169
|
.hover\:border-slate-500 {
|
|
7107
7170
|
&:hover {
|
|
7108
7171
|
@media (hover: hover) {
|
|
@@ -7471,6 +7534,13 @@
|
|
|
7471
7534
|
}
|
|
7472
7535
|
}
|
|
7473
7536
|
}
|
|
7537
|
+
.hover\:bg-purple-500 {
|
|
7538
|
+
&:hover {
|
|
7539
|
+
@media (hover: hover) {
|
|
7540
|
+
background-color: var(--color-purple-500);
|
|
7541
|
+
}
|
|
7542
|
+
}
|
|
7543
|
+
}
|
|
7474
7544
|
.hover\:bg-purple-500\/10 {
|
|
7475
7545
|
&:hover {
|
|
7476
7546
|
@media (hover: hover) {
|
|
@@ -8518,6 +8588,11 @@
|
|
|
8518
8588
|
border-color: var(--color-blue-500);
|
|
8519
8589
|
}
|
|
8520
8590
|
}
|
|
8591
|
+
.focus\:border-purple-400 {
|
|
8592
|
+
&:focus {
|
|
8593
|
+
border-color: var(--color-purple-400);
|
|
8594
|
+
}
|
|
8595
|
+
}
|
|
8521
8596
|
.focus\:border-purple-500 {
|
|
8522
8597
|
&:focus {
|
|
8523
8598
|
border-color: var(--color-purple-500);
|
|
@@ -8549,6 +8624,11 @@
|
|
|
8549
8624
|
--tw-ring-color: var(--color-blue-500);
|
|
8550
8625
|
}
|
|
8551
8626
|
}
|
|
8627
|
+
.focus\:ring-purple-200 {
|
|
8628
|
+
&:focus {
|
|
8629
|
+
--tw-ring-color: var(--color-purple-200);
|
|
8630
|
+
}
|
|
8631
|
+
}
|
|
8552
8632
|
.focus\:ring-purple-500\/20 {
|
|
8553
8633
|
&:focus {
|
|
8554
8634
|
--tw-ring-color: color-mix(in srgb, oklch(62.7% 0.265 303.9) 20%, transparent);
|
|
@@ -8635,6 +8715,11 @@
|
|
|
8635
8715
|
color: var(--color-slate-500);
|
|
8636
8716
|
}
|
|
8637
8717
|
}
|
|
8718
|
+
.disabled\:opacity-50 {
|
|
8719
|
+
&:disabled {
|
|
8720
|
+
opacity: 50%;
|
|
8721
|
+
}
|
|
8722
|
+
}
|
|
8638
8723
|
.disabled\:hover\:scale-100 {
|
|
8639
8724
|
&:disabled {
|
|
8640
8725
|
&:hover {
|