@deframe-sdk/components 0.1.2 → 0.1.4
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/styles.css +51 -0
- package/package.json +1 -1
package/dist/styles.css
CHANGED
|
@@ -468,6 +468,9 @@
|
|
|
468
468
|
.h-\[844px\] {
|
|
469
469
|
height: 844px;
|
|
470
470
|
}
|
|
471
|
+
.h-\[var\(--deframe-widget-button-height\)\] {
|
|
472
|
+
height: var(--deframe-widget-button-height);
|
|
473
|
+
}
|
|
471
474
|
.h-auto {
|
|
472
475
|
height: auto;
|
|
473
476
|
}
|
|
@@ -739,12 +742,21 @@
|
|
|
739
742
|
.rounded-2xl {
|
|
740
743
|
border-radius: var(--radius-2xl);
|
|
741
744
|
}
|
|
745
|
+
.rounded-\[18px\] {
|
|
746
|
+
border-radius: 18px;
|
|
747
|
+
}
|
|
742
748
|
.rounded-\[56px\] {
|
|
743
749
|
border-radius: 56px;
|
|
744
750
|
}
|
|
745
751
|
.rounded-\[60px\] {
|
|
746
752
|
border-radius: 60px;
|
|
747
753
|
}
|
|
754
|
+
.rounded-\[var\(--deframe-widget-button-radius\)\] {
|
|
755
|
+
border-radius: var(--deframe-widget-button-radius);
|
|
756
|
+
}
|
|
757
|
+
.rounded-\[var\(--deframe-widget-radius-lg\)\] {
|
|
758
|
+
border-radius: var(--deframe-widget-radius-lg);
|
|
759
|
+
}
|
|
748
760
|
.rounded-full {
|
|
749
761
|
border-radius: calc(infinity * 1px);
|
|
750
762
|
}
|
|
@@ -846,6 +858,9 @@
|
|
|
846
858
|
.bg-\[\#121212\] {
|
|
847
859
|
background-color: #121212;
|
|
848
860
|
}
|
|
861
|
+
.bg-\[\#ff7a45\] {
|
|
862
|
+
background-color: #ff7a45;
|
|
863
|
+
}
|
|
849
864
|
.bg-\[var\(--color-bg-muted\,\#2a2a2a\)\] {
|
|
850
865
|
background-color: var(--color-bg-muted,#2a2a2a);
|
|
851
866
|
}
|
|
@@ -855,6 +870,15 @@
|
|
|
855
870
|
.bg-\[var\(--color-bg-subtle\,\#1a1a1a\)\] {
|
|
856
871
|
background-color: var(--color-bg-subtle,#1a1a1a);
|
|
857
872
|
}
|
|
873
|
+
.bg-\[var\(--deframe-widget-color-brand-primary\)\] {
|
|
874
|
+
background-color: var(--deframe-widget-color-brand-primary);
|
|
875
|
+
}
|
|
876
|
+
.bg-\[var\(--deframe-widget-color-surface-default\)\] {
|
|
877
|
+
background-color: var(--deframe-widget-color-surface-default);
|
|
878
|
+
}
|
|
879
|
+
.bg-\[var\(--deframe-widget-color-surface-muted\)\] {
|
|
880
|
+
background-color: var(--deframe-widget-color-surface-muted);
|
|
881
|
+
}
|
|
858
882
|
.bg-\[var\(--sheet-bg\,\#0A0A0A\)\] {
|
|
859
883
|
background-color: var(--sheet-bg,#0A0A0A);
|
|
860
884
|
}
|
|
@@ -1020,6 +1044,9 @@
|
|
|
1020
1044
|
.p-8 {
|
|
1021
1045
|
padding: calc(var(--spacing) * 8);
|
|
1022
1046
|
}
|
|
1047
|
+
.p-\[var\(--deframe-widget-space-md\)\] {
|
|
1048
|
+
padding: var(--deframe-widget-space-md);
|
|
1049
|
+
}
|
|
1023
1050
|
.px-0 {
|
|
1024
1051
|
padding-inline: calc(var(--spacing) * 0);
|
|
1025
1052
|
}
|
|
@@ -1035,6 +1062,12 @@
|
|
|
1035
1062
|
.px-6 {
|
|
1036
1063
|
padding-inline: calc(var(--spacing) * 6);
|
|
1037
1064
|
}
|
|
1065
|
+
.px-\[28px\] {
|
|
1066
|
+
padding-inline: 28px;
|
|
1067
|
+
}
|
|
1068
|
+
.px-\[var\(--deframe-widget-button-padding-x\)\] {
|
|
1069
|
+
padding-inline: var(--deframe-widget-button-padding-x);
|
|
1070
|
+
}
|
|
1038
1071
|
.py-1 {
|
|
1039
1072
|
padding-block: calc(var(--spacing) * 1);
|
|
1040
1073
|
}
|
|
@@ -1143,6 +1176,12 @@
|
|
|
1143
1176
|
font-size: var(--text-xs);
|
|
1144
1177
|
line-height: var(--tw-leading, var(--text-xs--line-height));
|
|
1145
1178
|
}
|
|
1179
|
+
.\[font-size\:var\(--deframe-widget-font-size-h4\)\] {
|
|
1180
|
+
font-size: var(--deframe-widget-font-size-h4);
|
|
1181
|
+
}
|
|
1182
|
+
.\[font-size\:var\(--deframe-widget-font-size-text-medium\)\] {
|
|
1183
|
+
font-size: var(--deframe-widget-font-size-text-medium);
|
|
1184
|
+
}
|
|
1146
1185
|
.text-\[12px\] {
|
|
1147
1186
|
font-size: 12px;
|
|
1148
1187
|
}
|
|
@@ -1214,6 +1253,9 @@
|
|
|
1214
1253
|
--tw-font-weight: var(--font-weight-semibold);
|
|
1215
1254
|
font-weight: var(--font-weight-semibold);
|
|
1216
1255
|
}
|
|
1256
|
+
.\[font-weight\:var\(--deframe-widget-font-weight-semibold\)\] {
|
|
1257
|
+
font-weight: var(--deframe-widget-font-weight-semibold);
|
|
1258
|
+
}
|
|
1217
1259
|
.tracking-\[0\] {
|
|
1218
1260
|
--tw-tracking: 0;
|
|
1219
1261
|
letter-spacing: 0;
|
|
@@ -1245,6 +1287,15 @@
|
|
|
1245
1287
|
.text-\[var\(--color-text-tertiary\,\#888\)\] {
|
|
1246
1288
|
color: var(--color-text-tertiary,#888);
|
|
1247
1289
|
}
|
|
1290
|
+
.text-\[var\(--deframe-widget-color-content-inverse\)\] {
|
|
1291
|
+
color: var(--deframe-widget-color-content-inverse);
|
|
1292
|
+
}
|
|
1293
|
+
.text-\[var\(--deframe-widget-color-content-primary\)\] {
|
|
1294
|
+
color: var(--deframe-widget-color-content-primary);
|
|
1295
|
+
}
|
|
1296
|
+
.text-\[var\(--deframe-widget-color-content-secondary\)\] {
|
|
1297
|
+
color: var(--deframe-widget-color-content-secondary);
|
|
1298
|
+
}
|
|
1248
1299
|
.text-blue-100 {
|
|
1249
1300
|
color: var(--color-blue-100);
|
|
1250
1301
|
}
|