@homlista-devs/ui 1.3.0 → 1.3.1
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/dist/design-system.cjs.js +20 -15
- package/dist/design-system.cjs.js.map +1 -1
- package/dist/design-system.es.js +873 -853
- package/dist/design-system.es.js.map +1 -1
- package/dist/index.css +38 -0
- package/package.json +1 -1
package/dist/index.css
CHANGED
|
@@ -886,6 +886,12 @@
|
|
|
886
886
|
.bg-primary-foreground {
|
|
887
887
|
background-color: var(--color-primary-foreground);
|
|
888
888
|
}
|
|
889
|
+
.bg-primary\/10 {
|
|
890
|
+
background-color: color-mix(in srgb, hsl(221.2, 83.2%, 53.3%) 10%, transparent);
|
|
891
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
892
|
+
background-color: color-mix(in oklab, var(--color-primary) 10%, transparent);
|
|
893
|
+
}
|
|
894
|
+
}
|
|
889
895
|
.bg-secondary {
|
|
890
896
|
background-color: var(--color-secondary);
|
|
891
897
|
}
|
|
@@ -913,6 +919,10 @@
|
|
|
913
919
|
.bg-white {
|
|
914
920
|
background-color: var(--color-white);
|
|
915
921
|
}
|
|
922
|
+
.bg-gradient-to-br {
|
|
923
|
+
--tw-gradient-position: to bottom right in oklab;
|
|
924
|
+
background-image: linear-gradient(var(--tw-gradient-stops));
|
|
925
|
+
}
|
|
916
926
|
.bg-gradient-to-r {
|
|
917
927
|
--tw-gradient-position: to right in oklab;
|
|
918
928
|
background-image: linear-gradient(var(--tw-gradient-stops));
|
|
@@ -924,10 +934,32 @@
|
|
|
924
934
|
--tw-gradient-from: var(--color-blue-500);
|
|
925
935
|
--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));
|
|
926
936
|
}
|
|
937
|
+
.from-primary\/10 {
|
|
938
|
+
--tw-gradient-from: color-mix(in srgb, hsl(221.2, 83.2%, 53.3%) 10%, transparent);
|
|
939
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
940
|
+
--tw-gradient-from: color-mix(in oklab, var(--color-primary) 10%, transparent);
|
|
941
|
+
}
|
|
942
|
+
--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));
|
|
943
|
+
}
|
|
944
|
+
.via-primary\/5 {
|
|
945
|
+
--tw-gradient-via: color-mix(in srgb, hsl(221.2, 83.2%, 53.3%) 5%, transparent);
|
|
946
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
947
|
+
--tw-gradient-via: color-mix(in oklab, var(--color-primary) 5%, transparent);
|
|
948
|
+
}
|
|
949
|
+
--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);
|
|
950
|
+
--tw-gradient-stops: var(--tw-gradient-via-stops);
|
|
951
|
+
}
|
|
927
952
|
.to-purple-500 {
|
|
928
953
|
--tw-gradient-to: var(--color-purple-500);
|
|
929
954
|
--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));
|
|
930
955
|
}
|
|
956
|
+
.to-secondary\/10 {
|
|
957
|
+
--tw-gradient-to: color-mix(in srgb, hsl(210, 40%, 96%) 10%, transparent);
|
|
958
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
959
|
+
--tw-gradient-to: color-mix(in oklab, var(--color-secondary) 10%, transparent);
|
|
960
|
+
}
|
|
961
|
+
--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));
|
|
962
|
+
}
|
|
931
963
|
.object-cover {
|
|
932
964
|
-o-object-fit: cover;
|
|
933
965
|
object-fit: cover;
|
|
@@ -1148,6 +1180,12 @@
|
|
|
1148
1180
|
.text-primary-foreground {
|
|
1149
1181
|
color: var(--color-primary-foreground);
|
|
1150
1182
|
}
|
|
1183
|
+
.text-primary\/40 {
|
|
1184
|
+
color: color-mix(in srgb, hsl(221.2, 83.2%, 53.3%) 40%, transparent);
|
|
1185
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
1186
|
+
color: color-mix(in oklab, var(--color-primary) 40%, transparent);
|
|
1187
|
+
}
|
|
1188
|
+
}
|
|
1151
1189
|
.text-secondary {
|
|
1152
1190
|
color: var(--color-secondary);
|
|
1153
1191
|
}
|