@deframe-sdk/components 0.1.7 → 0.1.9
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/index.d.mts +77 -123
- package/dist/index.d.ts +77 -123
- package/dist/index.js +606 -192
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +604 -190
- package/dist/index.mjs.map +1 -1
- package/dist/styles.css +204 -160
- package/package.json +1 -1
package/dist/styles.css
CHANGED
|
@@ -57,8 +57,6 @@
|
|
|
57
57
|
--text-2xl--line-height: calc(2 / 1.5);
|
|
58
58
|
--text-3xl: 1.875rem;
|
|
59
59
|
--text-3xl--line-height: calc(2.25 / 1.875);
|
|
60
|
-
--text-4xl: 2.25rem;
|
|
61
|
-
--text-4xl--line-height: calc(2.5 / 2.25);
|
|
62
60
|
--text-5xl: 3rem;
|
|
63
61
|
--text-5xl--line-height: 1;
|
|
64
62
|
--text-6xl: 3.75rem;
|
|
@@ -85,7 +83,6 @@
|
|
|
85
83
|
--color-brand-primary: var(--deframe-brand-primary, #405EFF);
|
|
86
84
|
--color-brand-primary-dark: #405EFF;
|
|
87
85
|
--color-brand-secondary: var(--deframe-brand-secondary, #A9ABF7);
|
|
88
|
-
--color-brand-secondary-dark: #A9ABF7;
|
|
89
86
|
--color-brand-primary-cryptocontrol: #1FC16B;
|
|
90
87
|
--color-bg-default: var(--deframe-bg-default, #FFFFFF);
|
|
91
88
|
--color-bg-default-dark: #121212;
|
|
@@ -271,6 +268,9 @@
|
|
|
271
268
|
}
|
|
272
269
|
}
|
|
273
270
|
@layer utilities {
|
|
271
|
+
.pointer-events-none {
|
|
272
|
+
pointer-events: none;
|
|
273
|
+
}
|
|
274
274
|
.visible {
|
|
275
275
|
visibility: visible;
|
|
276
276
|
}
|
|
@@ -298,9 +298,6 @@
|
|
|
298
298
|
.top-1\/2 {
|
|
299
299
|
top: calc(1/2 * 100%);
|
|
300
300
|
}
|
|
301
|
-
.top-2 {
|
|
302
|
-
top: calc(var(--spacing) * 2);
|
|
303
|
-
}
|
|
304
301
|
.top-4 {
|
|
305
302
|
top: calc(var(--spacing) * 4);
|
|
306
303
|
}
|
|
@@ -382,9 +379,6 @@
|
|
|
382
379
|
.mt-1 {
|
|
383
380
|
margin-top: calc(var(--spacing) * 1);
|
|
384
381
|
}
|
|
385
|
-
.mt-2 {
|
|
386
|
-
margin-top: calc(var(--spacing) * 2);
|
|
387
|
-
}
|
|
388
382
|
.mt-3 {
|
|
389
383
|
margin-top: calc(var(--spacing) * 3);
|
|
390
384
|
}
|
|
@@ -406,6 +400,9 @@
|
|
|
406
400
|
.mr-2 {
|
|
407
401
|
margin-right: calc(var(--spacing) * 2);
|
|
408
402
|
}
|
|
403
|
+
.\[margin-bottom\:var\(--deframe-widget-size-gap-xs\)\] {
|
|
404
|
+
margin-bottom: var(--deframe-widget-size-gap-xs);
|
|
405
|
+
}
|
|
409
406
|
.mb-1 {
|
|
410
407
|
margin-bottom: calc(var(--spacing) * 1);
|
|
411
408
|
}
|
|
@@ -454,6 +451,9 @@
|
|
|
454
451
|
.inline-flex {
|
|
455
452
|
display: inline-flex;
|
|
456
453
|
}
|
|
454
|
+
.list-item {
|
|
455
|
+
display: list-item;
|
|
456
|
+
}
|
|
457
457
|
.h-0\.5 {
|
|
458
458
|
height: calc(var(--spacing) * 0.5);
|
|
459
459
|
}
|
|
@@ -481,9 +481,6 @@
|
|
|
481
481
|
.h-12 {
|
|
482
482
|
height: calc(var(--spacing) * 12);
|
|
483
483
|
}
|
|
484
|
-
.h-16 {
|
|
485
|
-
height: calc(var(--spacing) * 16);
|
|
486
|
-
}
|
|
487
484
|
.h-20 {
|
|
488
485
|
height: calc(var(--spacing) * 20);
|
|
489
486
|
}
|
|
@@ -589,9 +586,6 @@
|
|
|
589
586
|
.w-12 {
|
|
590
587
|
width: calc(var(--spacing) * 12);
|
|
591
588
|
}
|
|
592
|
-
.w-16 {
|
|
593
|
-
width: calc(var(--spacing) * 16);
|
|
594
|
-
}
|
|
595
589
|
.w-20 {
|
|
596
590
|
width: calc(var(--spacing) * 20);
|
|
597
591
|
}
|
|
@@ -721,9 +715,6 @@
|
|
|
721
715
|
.grid-cols-3 {
|
|
722
716
|
grid-template-columns: repeat(3, minmax(0, 1fr));
|
|
723
717
|
}
|
|
724
|
-
.grid-cols-4 {
|
|
725
|
-
grid-template-columns: repeat(4, minmax(0, 1fr));
|
|
726
|
-
}
|
|
727
718
|
.flex-col {
|
|
728
719
|
flex-direction: column;
|
|
729
720
|
}
|
|
@@ -751,6 +742,15 @@
|
|
|
751
742
|
.justify-start {
|
|
752
743
|
justify-content: flex-start;
|
|
753
744
|
}
|
|
745
|
+
.\[gap\:var\(--deframe-widget-size-gap-md\)\] {
|
|
746
|
+
gap: var(--deframe-widget-size-gap-md);
|
|
747
|
+
}
|
|
748
|
+
.\[gap\:var\(--deframe-widget-size-gap-sm\)\] {
|
|
749
|
+
gap: var(--deframe-widget-size-gap-sm);
|
|
750
|
+
}
|
|
751
|
+
.\[gap\:var\(--deframe-widget-size-gap-xs\)\] {
|
|
752
|
+
gap: var(--deframe-widget-size-gap-xs);
|
|
753
|
+
}
|
|
754
754
|
.gap-0 {
|
|
755
755
|
gap: calc(var(--spacing) * 0);
|
|
756
756
|
}
|
|
@@ -775,9 +775,6 @@
|
|
|
775
775
|
.gap-6 {
|
|
776
776
|
gap: calc(var(--spacing) * 6);
|
|
777
777
|
}
|
|
778
|
-
.gap-8 {
|
|
779
|
-
gap: calc(var(--spacing) * 8);
|
|
780
|
-
}
|
|
781
778
|
.gap-12 {
|
|
782
779
|
gap: calc(var(--spacing) * 12);
|
|
783
780
|
}
|
|
@@ -852,6 +849,9 @@
|
|
|
852
849
|
border-color: #2A2A2A;
|
|
853
850
|
}
|
|
854
851
|
}
|
|
852
|
+
.self-start {
|
|
853
|
+
align-self: flex-start;
|
|
854
|
+
}
|
|
855
855
|
.self-stretch {
|
|
856
856
|
align-self: stretch;
|
|
857
857
|
}
|
|
@@ -896,6 +896,12 @@
|
|
|
896
896
|
.rounded-\[var\(--deframe-widget-radius-lg\)\] {
|
|
897
897
|
border-radius: var(--deframe-widget-radius-lg);
|
|
898
898
|
}
|
|
899
|
+
.rounded-\[var\(--deframe-widget-size-radius-full\)\] {
|
|
900
|
+
border-radius: var(--deframe-widget-size-radius-full);
|
|
901
|
+
}
|
|
902
|
+
.rounded-\[var\(--deframe-widget-size-radius-sm\)\] {
|
|
903
|
+
border-radius: var(--deframe-widget-size-radius-sm);
|
|
904
|
+
}
|
|
899
905
|
.rounded-\[var\(--deframe-widget-size-radius-xs\)\] {
|
|
900
906
|
border-radius: var(--deframe-widget-size-radius-xs);
|
|
901
907
|
}
|
|
@@ -927,10 +933,6 @@
|
|
|
927
933
|
border-style: var(--tw-border-style);
|
|
928
934
|
border-width: 1px;
|
|
929
935
|
}
|
|
930
|
-
.border-2 {
|
|
931
|
-
border-style: var(--tw-border-style);
|
|
932
|
-
border-width: 2px;
|
|
933
|
-
}
|
|
934
936
|
.border-\[length\:var\(--deframe-widget-size-border-xs\)\] {
|
|
935
937
|
border-style: var(--tw-border-style);
|
|
936
938
|
border-width: var(--deframe-widget-size-border-xs);
|
|
@@ -972,6 +974,24 @@
|
|
|
972
974
|
.border-\[var\(--color-border-default\,\#333\)\] {
|
|
973
975
|
border-color: var(--color-border-default,#333);
|
|
974
976
|
}
|
|
977
|
+
.border-\[var\(--deframe-widget-color-border-primary\)\] {
|
|
978
|
+
border-color: var(--deframe-widget-color-border-primary);
|
|
979
|
+
}
|
|
980
|
+
.border-\[var\(--deframe-widget-color-border-primary-disabled\)\] {
|
|
981
|
+
border-color: var(--deframe-widget-color-border-primary-disabled);
|
|
982
|
+
}
|
|
983
|
+
.border-\[var\(--deframe-widget-color-state-error\)\] {
|
|
984
|
+
border-color: var(--deframe-widget-color-state-error);
|
|
985
|
+
}
|
|
986
|
+
.border-\[var\(--deframe-widget-color-state-info\)\] {
|
|
987
|
+
border-color: var(--deframe-widget-color-state-info);
|
|
988
|
+
}
|
|
989
|
+
.border-\[var\(--deframe-widget-color-state-success\)\] {
|
|
990
|
+
border-color: var(--deframe-widget-color-state-success);
|
|
991
|
+
}
|
|
992
|
+
.border-\[var\(--deframe-widget-color-state-warning\)\] {
|
|
993
|
+
border-color: var(--deframe-widget-color-state-warning);
|
|
994
|
+
}
|
|
975
995
|
.border-bg-default {
|
|
976
996
|
border-color: var(--color-bg-default);
|
|
977
997
|
}
|
|
@@ -990,9 +1010,6 @@
|
|
|
990
1010
|
.border-brand-primary {
|
|
991
1011
|
border-color: var(--color-brand-primary);
|
|
992
1012
|
}
|
|
993
|
-
.border-gray-500 {
|
|
994
|
-
border-color: var(--color-gray-500);
|
|
995
|
-
}
|
|
996
1013
|
.border-gray-600 {
|
|
997
1014
|
border-color: var(--color-gray-600);
|
|
998
1015
|
}
|
|
@@ -1002,9 +1019,6 @@
|
|
|
1002
1019
|
.border-gray-800 {
|
|
1003
1020
|
border-color: var(--color-gray-800);
|
|
1004
1021
|
}
|
|
1005
|
-
.border-red-500 {
|
|
1006
|
-
border-color: var(--color-red-500);
|
|
1007
|
-
}
|
|
1008
1022
|
.bg-\[\#0A0A0A\] {
|
|
1009
1023
|
background-color: #0A0A0A;
|
|
1010
1024
|
}
|
|
@@ -1014,9 +1028,6 @@
|
|
|
1014
1028
|
.bg-\[\#1A1A1A\] {
|
|
1015
1029
|
background-color: #1A1A1A;
|
|
1016
1030
|
}
|
|
1017
|
-
.bg-\[\#1E1E1E\] {
|
|
1018
|
-
background-color: #1E1E1E;
|
|
1019
|
-
}
|
|
1020
1031
|
.bg-\[\#1FC16B\] {
|
|
1021
1032
|
background-color: #1FC16B;
|
|
1022
1033
|
}
|
|
@@ -1041,12 +1052,54 @@
|
|
|
1041
1052
|
.bg-\[var\(--color-bg-subtle\,\#1a1a1a\)\] {
|
|
1042
1053
|
background-color: var(--color-bg-subtle,#1a1a1a);
|
|
1043
1054
|
}
|
|
1055
|
+
.bg-\[var\(--deframe-widget-color-bg-primary\)\] {
|
|
1056
|
+
background-color: var(--deframe-widget-color-bg-primary);
|
|
1057
|
+
}
|
|
1058
|
+
.bg-\[var\(--deframe-widget-color-bg-secondary\)\] {
|
|
1059
|
+
background-color: var(--deframe-widget-color-bg-secondary);
|
|
1060
|
+
}
|
|
1044
1061
|
.bg-\[var\(--deframe-widget-color-brand-primary\)\] {
|
|
1045
1062
|
background-color: var(--deframe-widget-color-brand-primary);
|
|
1046
1063
|
}
|
|
1047
1064
|
.bg-\[var\(--deframe-widget-color-brand-primary-disabled\)\] {
|
|
1048
1065
|
background-color: var(--deframe-widget-color-brand-primary-disabled);
|
|
1049
1066
|
}
|
|
1067
|
+
.bg-\[var\(--deframe-widget-color-state-error\)\] {
|
|
1068
|
+
background-color: var(--deframe-widget-color-state-error);
|
|
1069
|
+
}
|
|
1070
|
+
.bg-\[var\(--deframe-widget-color-state-error\)\]\/20 {
|
|
1071
|
+
background-color: var(--deframe-widget-color-state-error);
|
|
1072
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
1073
|
+
background-color: color-mix(in oklab, var(--deframe-widget-color-state-error) 20%, transparent);
|
|
1074
|
+
}
|
|
1075
|
+
}
|
|
1076
|
+
.bg-\[var\(--deframe-widget-color-state-info\)\] {
|
|
1077
|
+
background-color: var(--deframe-widget-color-state-info);
|
|
1078
|
+
}
|
|
1079
|
+
.bg-\[var\(--deframe-widget-color-state-info\)\]\/20 {
|
|
1080
|
+
background-color: var(--deframe-widget-color-state-info);
|
|
1081
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
1082
|
+
background-color: color-mix(in oklab, var(--deframe-widget-color-state-info) 20%, transparent);
|
|
1083
|
+
}
|
|
1084
|
+
}
|
|
1085
|
+
.bg-\[var\(--deframe-widget-color-state-success\)\] {
|
|
1086
|
+
background-color: var(--deframe-widget-color-state-success);
|
|
1087
|
+
}
|
|
1088
|
+
.bg-\[var\(--deframe-widget-color-state-success\)\]\/20 {
|
|
1089
|
+
background-color: var(--deframe-widget-color-state-success);
|
|
1090
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
1091
|
+
background-color: color-mix(in oklab, var(--deframe-widget-color-state-success) 20%, transparent);
|
|
1092
|
+
}
|
|
1093
|
+
}
|
|
1094
|
+
.bg-\[var\(--deframe-widget-color-state-warning\)\] {
|
|
1095
|
+
background-color: var(--deframe-widget-color-state-warning);
|
|
1096
|
+
}
|
|
1097
|
+
.bg-\[var\(--deframe-widget-color-state-warning\)\]\/20 {
|
|
1098
|
+
background-color: var(--deframe-widget-color-state-warning);
|
|
1099
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
1100
|
+
background-color: color-mix(in oklab, var(--deframe-widget-color-state-warning) 20%, transparent);
|
|
1101
|
+
}
|
|
1102
|
+
}
|
|
1050
1103
|
.bg-\[var\(--deframe-widget-color-surface-default\)\] {
|
|
1051
1104
|
background-color: var(--deframe-widget-color-surface-default);
|
|
1052
1105
|
}
|
|
@@ -1095,12 +1148,6 @@
|
|
|
1095
1148
|
.bg-blue-900 {
|
|
1096
1149
|
background-color: var(--color-blue-900);
|
|
1097
1150
|
}
|
|
1098
|
-
.bg-blue-900\/20 {
|
|
1099
|
-
background-color: color-mix(in srgb, oklch(37.9% 0.146 265.522) 20%, transparent);
|
|
1100
|
-
@supports (color: color-mix(in lab, red, red)) {
|
|
1101
|
-
background-color: color-mix(in oklab, var(--color-blue-900) 20%, transparent);
|
|
1102
|
-
}
|
|
1103
|
-
}
|
|
1104
1151
|
.bg-border-default {
|
|
1105
1152
|
background-color: var(--color-border-default);
|
|
1106
1153
|
}
|
|
@@ -1254,9 +1301,6 @@
|
|
|
1254
1301
|
.p-4 {
|
|
1255
1302
|
padding: calc(var(--spacing) * 4);
|
|
1256
1303
|
}
|
|
1257
|
-
.p-5 {
|
|
1258
|
-
padding: calc(var(--spacing) * 5);
|
|
1259
|
-
}
|
|
1260
1304
|
.p-6 {
|
|
1261
1305
|
padding: calc(var(--spacing) * 6);
|
|
1262
1306
|
}
|
|
@@ -1296,6 +1340,9 @@
|
|
|
1296
1340
|
.px-\[var\(--deframe-widget-button-padding-x\)\] {
|
|
1297
1341
|
padding-inline: var(--deframe-widget-button-padding-x);
|
|
1298
1342
|
}
|
|
1343
|
+
.px-\[var\(--deframe-widget-size-padding-x-md\)\] {
|
|
1344
|
+
padding-inline: var(--deframe-widget-size-padding-x-md);
|
|
1345
|
+
}
|
|
1299
1346
|
.px-\[var\(--deframe-widget-size-padding-x-xl\)\] {
|
|
1300
1347
|
padding-inline: var(--deframe-widget-size-padding-x-xl);
|
|
1301
1348
|
}
|
|
@@ -1344,6 +1391,9 @@
|
|
|
1344
1391
|
.py-\[var\(--deframe-widget-size-padding-y-md\)\] {
|
|
1345
1392
|
padding-block: var(--deframe-widget-size-padding-y-md);
|
|
1346
1393
|
}
|
|
1394
|
+
.py-\[var\(--deframe-widget-size-padding-y-sm\)\] {
|
|
1395
|
+
padding-block: var(--deframe-widget-size-padding-y-sm);
|
|
1396
|
+
}
|
|
1347
1397
|
.py-lg {
|
|
1348
1398
|
padding-block: var(--spacing-lg);
|
|
1349
1399
|
}
|
|
@@ -1356,9 +1406,6 @@
|
|
|
1356
1406
|
.pt-6 {
|
|
1357
1407
|
padding-top: calc(var(--spacing) * 6);
|
|
1358
1408
|
}
|
|
1359
|
-
.pt-8 {
|
|
1360
|
-
padding-top: calc(var(--spacing) * 8);
|
|
1361
|
-
}
|
|
1362
1409
|
.pt-16 {
|
|
1363
1410
|
padding-top: calc(var(--spacing) * 16);
|
|
1364
1411
|
}
|
|
@@ -1419,6 +1466,9 @@
|
|
|
1419
1466
|
.text-right {
|
|
1420
1467
|
text-align: right;
|
|
1421
1468
|
}
|
|
1469
|
+
.\[font-family\:var\(--deframe-widget-font-family-primary\)\] {
|
|
1470
|
+
font-family: var(--deframe-widget-font-family-primary);
|
|
1471
|
+
}
|
|
1422
1472
|
.font-mono {
|
|
1423
1473
|
font-family: var(--font-mono);
|
|
1424
1474
|
}
|
|
@@ -1458,15 +1508,45 @@
|
|
|
1458
1508
|
font-size: var(--text-xs);
|
|
1459
1509
|
line-height: var(--tw-leading, var(--text-xs--line-height));
|
|
1460
1510
|
}
|
|
1511
|
+
.\[font-size\:var\(--deframe-widget-font-size-h-large\)\] {
|
|
1512
|
+
font-size: var(--deframe-widget-font-size-h-large);
|
|
1513
|
+
}
|
|
1514
|
+
.\[font-size\:var\(--deframe-widget-font-size-h1\)\] {
|
|
1515
|
+
font-size: var(--deframe-widget-font-size-h1);
|
|
1516
|
+
}
|
|
1517
|
+
.\[font-size\:var\(--deframe-widget-font-size-h2\)\] {
|
|
1518
|
+
font-size: var(--deframe-widget-font-size-h2);
|
|
1519
|
+
}
|
|
1520
|
+
.\[font-size\:var\(--deframe-widget-font-size-h3\)\] {
|
|
1521
|
+
font-size: var(--deframe-widget-font-size-h3);
|
|
1522
|
+
}
|
|
1461
1523
|
.\[font-size\:var\(--deframe-widget-font-size-h4\)\] {
|
|
1462
1524
|
font-size: var(--deframe-widget-font-size-h4);
|
|
1463
1525
|
}
|
|
1526
|
+
.\[font-size\:var\(--deframe-widget-font-size-h5\)\] {
|
|
1527
|
+
font-size: var(--deframe-widget-font-size-h5);
|
|
1528
|
+
}
|
|
1529
|
+
.\[font-size\:var\(--deframe-widget-font-size-lg\)\] {
|
|
1530
|
+
font-size: var(--deframe-widget-font-size-lg);
|
|
1531
|
+
}
|
|
1464
1532
|
.\[font-size\:var\(--deframe-widget-font-size-md\)\] {
|
|
1465
1533
|
font-size: var(--deframe-widget-font-size-md);
|
|
1466
1534
|
}
|
|
1535
|
+
.\[font-size\:var\(--deframe-widget-font-size-sm\)\] {
|
|
1536
|
+
font-size: var(--deframe-widget-font-size-sm);
|
|
1537
|
+
}
|
|
1467
1538
|
.\[font-size\:var\(--deframe-widget-font-size-text-medium\)\] {
|
|
1468
1539
|
font-size: var(--deframe-widget-font-size-text-medium);
|
|
1469
1540
|
}
|
|
1541
|
+
.\[font-size\:var\(--deframe-widget-font-size-xl\)\] {
|
|
1542
|
+
font-size: var(--deframe-widget-font-size-xl);
|
|
1543
|
+
}
|
|
1544
|
+
.\[font-size\:var\(--deframe-widget-font-size-xs\)\] {
|
|
1545
|
+
font-size: var(--deframe-widget-font-size-xs);
|
|
1546
|
+
}
|
|
1547
|
+
.\[font-size\:var\(--deframe-widget-font-size-xxl\)\] {
|
|
1548
|
+
font-size: var(--deframe-widget-font-size-xxl);
|
|
1549
|
+
}
|
|
1470
1550
|
.text-\[10px\] {
|
|
1471
1551
|
font-size: 10px;
|
|
1472
1552
|
}
|
|
@@ -1485,24 +1565,6 @@
|
|
|
1485
1565
|
.text-\[15px\] {
|
|
1486
1566
|
font-size: 15px;
|
|
1487
1567
|
}
|
|
1488
|
-
.text-\[16px\] {
|
|
1489
|
-
font-size: 16px;
|
|
1490
|
-
}
|
|
1491
|
-
.text-\[18px\] {
|
|
1492
|
-
font-size: 18px;
|
|
1493
|
-
}
|
|
1494
|
-
.text-\[22px\] {
|
|
1495
|
-
font-size: 22px;
|
|
1496
|
-
}
|
|
1497
|
-
.text-\[28px\] {
|
|
1498
|
-
font-size: 28px;
|
|
1499
|
-
}
|
|
1500
|
-
.text-\[40px\] {
|
|
1501
|
-
font-size: 40px;
|
|
1502
|
-
}
|
|
1503
|
-
.text-\[56px\] {
|
|
1504
|
-
font-size: 56px;
|
|
1505
|
-
}
|
|
1506
1568
|
.leading-4 {
|
|
1507
1569
|
--tw-leading: calc(var(--spacing) * 4);
|
|
1508
1570
|
line-height: calc(var(--spacing) * 4);
|
|
@@ -1511,22 +1573,6 @@
|
|
|
1511
1573
|
--tw-leading: calc(var(--spacing) * 5);
|
|
1512
1574
|
line-height: calc(var(--spacing) * 5);
|
|
1513
1575
|
}
|
|
1514
|
-
.leading-\[100\%\] {
|
|
1515
|
-
--tw-leading: 100%;
|
|
1516
|
-
line-height: 100%;
|
|
1517
|
-
}
|
|
1518
|
-
.leading-\[110\%\] {
|
|
1519
|
-
--tw-leading: 110%;
|
|
1520
|
-
line-height: 110%;
|
|
1521
|
-
}
|
|
1522
|
-
.leading-\[120\%\] {
|
|
1523
|
-
--tw-leading: 120%;
|
|
1524
|
-
line-height: 120%;
|
|
1525
|
-
}
|
|
1526
|
-
.leading-\[130\%\] {
|
|
1527
|
-
--tw-leading: 130%;
|
|
1528
|
-
line-height: 130%;
|
|
1529
|
-
}
|
|
1530
1576
|
.leading-\[140\%\] {
|
|
1531
1577
|
--tw-leading: 140%;
|
|
1532
1578
|
line-height: 140%;
|
|
@@ -1535,12 +1581,18 @@
|
|
|
1535
1581
|
--tw-leading: var(--leading-normal);
|
|
1536
1582
|
line-height: var(--leading-normal);
|
|
1537
1583
|
}
|
|
1584
|
+
.\[line-height\:var\(--deframe-widget-font-leading-lg\)\] {
|
|
1585
|
+
line-height: var(--deframe-widget-font-leading-lg);
|
|
1586
|
+
}
|
|
1538
1587
|
.\[line-height\:var\(--deframe-widget-font-leading-md\)\] {
|
|
1539
1588
|
line-height: var(--deframe-widget-font-leading-md);
|
|
1540
1589
|
}
|
|
1541
|
-
|
|
1542
|
-
|
|
1543
|
-
|
|
1590
|
+
.\[line-height\:var\(--deframe-widget-font-leading-sm\)\] {
|
|
1591
|
+
line-height: var(--deframe-widget-font-leading-sm);
|
|
1592
|
+
}
|
|
1593
|
+
.font-\[var\(--deframe-widget-font-family-primary\)\] {
|
|
1594
|
+
--tw-font-weight: var(--deframe-widget-font-family-primary);
|
|
1595
|
+
font-weight: var(--deframe-widget-font-family-primary);
|
|
1544
1596
|
}
|
|
1545
1597
|
.font-bold {
|
|
1546
1598
|
--tw-font-weight: var(--font-weight-bold);
|
|
@@ -1562,6 +1614,18 @@
|
|
|
1562
1614
|
--tw-font-weight: var(--font-weight-semibold);
|
|
1563
1615
|
font-weight: var(--font-weight-semibold);
|
|
1564
1616
|
}
|
|
1617
|
+
.\[font-weight\:var\(--deframe-widget-font-weight-bold\)\] {
|
|
1618
|
+
font-weight: var(--deframe-widget-font-weight-bold);
|
|
1619
|
+
}
|
|
1620
|
+
.\[font-weight\:var\(--deframe-widget-font-weight-extrabold\)\] {
|
|
1621
|
+
font-weight: var(--deframe-widget-font-weight-extrabold);
|
|
1622
|
+
}
|
|
1623
|
+
.\[font-weight\:var\(--deframe-widget-font-weight-medium\)\] {
|
|
1624
|
+
font-weight: var(--deframe-widget-font-weight-medium);
|
|
1625
|
+
}
|
|
1626
|
+
.\[font-weight\:var\(--deframe-widget-font-weight-regular\)\] {
|
|
1627
|
+
font-weight: var(--deframe-widget-font-weight-regular);
|
|
1628
|
+
}
|
|
1565
1629
|
.\[font-weight\:var\(--deframe-widget-font-weight-semibold\)\] {
|
|
1566
1630
|
font-weight: var(--deframe-widget-font-weight-semibold);
|
|
1567
1631
|
}
|
|
@@ -1569,10 +1633,6 @@
|
|
|
1569
1633
|
--tw-tracking: 0.07em;
|
|
1570
1634
|
letter-spacing: 0.07em;
|
|
1571
1635
|
}
|
|
1572
|
-
.tracking-\[0\] {
|
|
1573
|
-
--tw-tracking: 0;
|
|
1574
|
-
letter-spacing: 0;
|
|
1575
|
-
}
|
|
1576
1636
|
.tracking-wide {
|
|
1577
1637
|
--tw-tracking: var(--tracking-wide);
|
|
1578
1638
|
letter-spacing: var(--tracking-wide);
|
|
@@ -1598,6 +1658,9 @@
|
|
|
1598
1658
|
.text-\[color\:var\(--deframe-widget-color-brand-tertiary\)\] {
|
|
1599
1659
|
color: var(--deframe-widget-color-brand-tertiary);
|
|
1600
1660
|
}
|
|
1661
|
+
.text-\[color\:var\(--deframe-widget-color-text-primary\)\] {
|
|
1662
|
+
color: var(--deframe-widget-color-text-primary);
|
|
1663
|
+
}
|
|
1601
1664
|
.text-\[color\:var\(--deframe-widget-color-text-secondary-disabled\)\] {
|
|
1602
1665
|
color: var(--deframe-widget-color-text-secondary-disabled);
|
|
1603
1666
|
}
|
|
@@ -1625,12 +1688,33 @@
|
|
|
1625
1688
|
.text-\[var\(--deframe-widget-color-content-secondary\)\] {
|
|
1626
1689
|
color: var(--deframe-widget-color-content-secondary);
|
|
1627
1690
|
}
|
|
1691
|
+
.text-\[var\(--deframe-widget-color-link\)\] {
|
|
1692
|
+
color: var(--deframe-widget-color-link);
|
|
1693
|
+
}
|
|
1694
|
+
.text-\[var\(--deframe-widget-color-link-disabled\)\] {
|
|
1695
|
+
color: var(--deframe-widget-color-link-disabled);
|
|
1696
|
+
}
|
|
1697
|
+
.text-\[var\(--deframe-widget-color-state-error\)\] {
|
|
1698
|
+
color: var(--deframe-widget-color-state-error);
|
|
1699
|
+
}
|
|
1700
|
+
.text-\[var\(--deframe-widget-color-state-info\)\] {
|
|
1701
|
+
color: var(--deframe-widget-color-state-info);
|
|
1702
|
+
}
|
|
1703
|
+
.text-\[var\(--deframe-widget-color-state-success\)\] {
|
|
1704
|
+
color: var(--deframe-widget-color-state-success);
|
|
1705
|
+
}
|
|
1706
|
+
.text-\[var\(--deframe-widget-color-state-warning\)\] {
|
|
1707
|
+
color: var(--deframe-widget-color-state-warning);
|
|
1708
|
+
}
|
|
1628
1709
|
.text-\[var\(--deframe-widget-color-text-primary\)\] {
|
|
1629
1710
|
color: var(--deframe-widget-color-text-primary);
|
|
1630
1711
|
}
|
|
1631
1712
|
.text-\[var\(--deframe-widget-color-text-primary-disabled\)\] {
|
|
1632
1713
|
color: var(--deframe-widget-color-text-primary-disabled);
|
|
1633
1714
|
}
|
|
1715
|
+
.text-\[var\(--deframe-widget-color-text-secondary\)\] {
|
|
1716
|
+
color: var(--deframe-widget-color-text-secondary);
|
|
1717
|
+
}
|
|
1634
1718
|
.text-bg-default {
|
|
1635
1719
|
color: var(--color-bg-default);
|
|
1636
1720
|
}
|
|
@@ -1646,9 +1730,6 @@
|
|
|
1646
1730
|
.text-brand-primary {
|
|
1647
1731
|
color: var(--color-brand-primary);
|
|
1648
1732
|
}
|
|
1649
|
-
.text-brand-secondary {
|
|
1650
|
-
color: var(--color-brand-secondary);
|
|
1651
|
-
}
|
|
1652
1733
|
.text-gray-200 {
|
|
1653
1734
|
color: var(--color-gray-200);
|
|
1654
1735
|
}
|
|
@@ -1676,6 +1757,9 @@
|
|
|
1676
1757
|
.text-green-800 {
|
|
1677
1758
|
color: var(--color-green-800);
|
|
1678
1759
|
}
|
|
1760
|
+
.text-inherit {
|
|
1761
|
+
color: inherit;
|
|
1762
|
+
}
|
|
1679
1763
|
.text-red-400 {
|
|
1680
1764
|
color: var(--color-red-400);
|
|
1681
1765
|
}
|
|
@@ -1715,9 +1799,6 @@
|
|
|
1715
1799
|
.uppercase {
|
|
1716
1800
|
text-transform: uppercase;
|
|
1717
1801
|
}
|
|
1718
|
-
.italic {
|
|
1719
|
-
font-style: italic;
|
|
1720
|
-
}
|
|
1721
1802
|
.underline {
|
|
1722
1803
|
text-decoration-line: underline;
|
|
1723
1804
|
}
|
|
@@ -1728,6 +1809,11 @@
|
|
|
1728
1809
|
-webkit-font-smoothing: antialiased;
|
|
1729
1810
|
-moz-osx-font-smoothing: grayscale;
|
|
1730
1811
|
}
|
|
1812
|
+
.placeholder-\[var\(--deframe-widget-color-placeholder-primary\)\] {
|
|
1813
|
+
&::placeholder {
|
|
1814
|
+
color: var(--deframe-widget-color-placeholder-primary);
|
|
1815
|
+
}
|
|
1816
|
+
}
|
|
1731
1817
|
.placeholder-gray-400 {
|
|
1732
1818
|
&::placeholder {
|
|
1733
1819
|
color: var(--color-gray-400);
|
|
@@ -1750,10 +1836,6 @@
|
|
|
1750
1836
|
.opacity-95 {
|
|
1751
1837
|
opacity: 95%;
|
|
1752
1838
|
}
|
|
1753
|
-
.shadow {
|
|
1754
|
-
--tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
|
|
1755
|
-
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
1756
|
-
}
|
|
1757
1839
|
.shadow-2xl {
|
|
1758
1840
|
--tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, rgb(0 0 0 / 0.25));
|
|
1759
1841
|
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
@@ -1869,6 +1951,13 @@
|
|
|
1869
1951
|
}
|
|
1870
1952
|
}
|
|
1871
1953
|
}
|
|
1954
|
+
.hover\:border-\[var\(--deframe-widget-color-border-secondary\)\] {
|
|
1955
|
+
&:hover {
|
|
1956
|
+
@media (hover: hover) {
|
|
1957
|
+
border-color: var(--deframe-widget-color-border-secondary);
|
|
1958
|
+
}
|
|
1959
|
+
}
|
|
1960
|
+
}
|
|
1872
1961
|
.hover\:border-blue-500 {
|
|
1873
1962
|
&:hover {
|
|
1874
1963
|
@media (hover: hover) {
|
|
@@ -1897,24 +1986,24 @@
|
|
|
1897
1986
|
}
|
|
1898
1987
|
}
|
|
1899
1988
|
}
|
|
1900
|
-
.hover\:bg-\[\#
|
|
1989
|
+
.hover\:bg-\[\#252525\] {
|
|
1901
1990
|
&:hover {
|
|
1902
1991
|
@media (hover: hover) {
|
|
1903
|
-
background-color: #
|
|
1992
|
+
background-color: #252525;
|
|
1904
1993
|
}
|
|
1905
1994
|
}
|
|
1906
1995
|
}
|
|
1907
|
-
.hover\:bg-\[\#
|
|
1996
|
+
.hover\:bg-\[\#333333\] {
|
|
1908
1997
|
&:hover {
|
|
1909
1998
|
@media (hover: hover) {
|
|
1910
|
-
background-color: #
|
|
1999
|
+
background-color: #333333;
|
|
1911
2000
|
}
|
|
1912
2001
|
}
|
|
1913
2002
|
}
|
|
1914
|
-
.hover\:bg-\[
|
|
2003
|
+
.hover\:bg-\[var\(--deframe-widget-color-bg-tertiary\)\] {
|
|
1915
2004
|
&:hover {
|
|
1916
2005
|
@media (hover: hover) {
|
|
1917
|
-
background-color:
|
|
2006
|
+
background-color: var(--deframe-widget-color-bg-tertiary);
|
|
1918
2007
|
}
|
|
1919
2008
|
}
|
|
1920
2009
|
}
|
|
@@ -1956,13 +2045,6 @@
|
|
|
1956
2045
|
}
|
|
1957
2046
|
}
|
|
1958
2047
|
}
|
|
1959
|
-
.hover\:text-gray-300 {
|
|
1960
|
-
&:hover {
|
|
1961
|
-
@media (hover: hover) {
|
|
1962
|
-
color: var(--color-gray-300);
|
|
1963
|
-
}
|
|
1964
|
-
}
|
|
1965
|
-
}
|
|
1966
2048
|
.hover\:text-text-primary {
|
|
1967
2049
|
&:hover {
|
|
1968
2050
|
@media (hover: hover) {
|
|
@@ -2030,11 +2112,6 @@
|
|
|
2030
2112
|
}
|
|
2031
2113
|
}
|
|
2032
2114
|
}
|
|
2033
|
-
.focus\:ring-blue-500 {
|
|
2034
|
-
&:focus {
|
|
2035
|
-
--tw-ring-color: var(--color-blue-500);
|
|
2036
|
-
}
|
|
2037
|
-
}
|
|
2038
2115
|
.focus\:ring-brand-primary {
|
|
2039
2116
|
&:focus {
|
|
2040
2117
|
--tw-ring-color: var(--color-brand-primary);
|
|
@@ -2052,11 +2129,6 @@
|
|
|
2052
2129
|
outline-style: none;
|
|
2053
2130
|
}
|
|
2054
2131
|
}
|
|
2055
|
-
.active\:scale-\[0\.98\] {
|
|
2056
|
-
&:active {
|
|
2057
|
-
scale: 0.98;
|
|
2058
|
-
}
|
|
2059
|
-
}
|
|
2060
2132
|
.active\:bg-white\/20 {
|
|
2061
2133
|
&:active {
|
|
2062
2134
|
background-color: color-mix(in srgb, #fff 20%, transparent);
|
|
@@ -2080,40 +2152,12 @@
|
|
|
2080
2152
|
opacity: 50%;
|
|
2081
2153
|
}
|
|
2082
2154
|
}
|
|
2083
|
-
.sm\:flex-row {
|
|
2084
|
-
@media (width >= 40rem) {
|
|
2085
|
-
flex-direction: row;
|
|
2086
|
-
}
|
|
2087
|
-
}
|
|
2088
|
-
.sm\:text-3xl {
|
|
2089
|
-
@media (width >= 40rem) {
|
|
2090
|
-
font-size: var(--text-3xl);
|
|
2091
|
-
line-height: var(--tw-leading, var(--text-3xl--line-height));
|
|
2092
|
-
}
|
|
2093
|
-
}
|
|
2094
|
-
.sm\:text-base {
|
|
2095
|
-
@media (width >= 40rem) {
|
|
2096
|
-
font-size: var(--text-base);
|
|
2097
|
-
line-height: var(--tw-leading, var(--text-base--line-height));
|
|
2098
|
-
}
|
|
2099
|
-
}
|
|
2100
|
-
.md\:text-4xl {
|
|
2101
|
-
@media (width >= 48rem) {
|
|
2102
|
-
font-size: var(--text-4xl);
|
|
2103
|
-
line-height: var(--tw-leading, var(--text-4xl--line-height));
|
|
2104
|
-
}
|
|
2105
|
-
}
|
|
2106
2155
|
.md\:text-base {
|
|
2107
2156
|
@media (width >= 48rem) {
|
|
2108
2157
|
font-size: var(--text-base);
|
|
2109
2158
|
line-height: var(--tw-leading, var(--text-base--line-height));
|
|
2110
2159
|
}
|
|
2111
2160
|
}
|
|
2112
|
-
.md\:text-\[17px\] {
|
|
2113
|
-
@media (width >= 48rem) {
|
|
2114
|
-
font-size: 17px;
|
|
2115
|
-
}
|
|
2116
|
-
}
|
|
2117
2161
|
.lg\:\!bg-bg-raised {
|
|
2118
2162
|
@media (width >= 64rem) {
|
|
2119
2163
|
background-color: var(--color-bg-raised) !important;
|
|
@@ -2124,12 +2168,6 @@
|
|
|
2124
2168
|
background-color: var(--color-bg-subtle);
|
|
2125
2169
|
}
|
|
2126
2170
|
}
|
|
2127
|
-
.lg\:text-5xl {
|
|
2128
|
-
@media (width >= 64rem) {
|
|
2129
|
-
font-size: var(--text-5xl);
|
|
2130
|
-
line-height: var(--tw-leading, var(--text-5xl--line-height));
|
|
2131
|
-
}
|
|
2132
|
-
}
|
|
2133
2171
|
.dark\:border-border-default-dark {
|
|
2134
2172
|
@media (prefers-color-scheme: dark) {
|
|
2135
2173
|
border-color: var(--color-border-default-dark);
|
|
@@ -2185,11 +2223,6 @@
|
|
|
2185
2223
|
color: var(--color-brand-primary-dark);
|
|
2186
2224
|
}
|
|
2187
2225
|
}
|
|
2188
|
-
.dark\:text-brand-secondary-dark {
|
|
2189
|
-
@media (prefers-color-scheme: dark) {
|
|
2190
|
-
color: var(--color-brand-secondary-dark);
|
|
2191
|
-
}
|
|
2192
|
-
}
|
|
2193
2226
|
.dark\:text-state-error {
|
|
2194
2227
|
@media (prefers-color-scheme: dark) {
|
|
2195
2228
|
color: var(--color-state-error);
|
|
@@ -2310,13 +2343,21 @@ body {
|
|
|
2310
2343
|
}
|
|
2311
2344
|
:root,
|
|
2312
2345
|
.deframe-widget {
|
|
2313
|
-
--deframe-widget-font-family: 'Satoshi', sans-serif;
|
|
2346
|
+
--deframe-widget-font-family-primary: 'Satoshi', sans-serif;
|
|
2347
|
+
--deframe-widget-font-family-secondary: 'Inter', sans-serif;
|
|
2348
|
+
--deframe-widget-font-family-tertiary: 'Roboto Mono', monospace;
|
|
2314
2349
|
--deframe-widget-font-size-xs: 0.6875rem;
|
|
2315
2350
|
--deframe-widget-font-size-sm: clamp(0.6875rem, 1.8vw, 0.8125rem);
|
|
2316
2351
|
--deframe-widget-font-size-md: clamp(0.8125rem, 2vw, 0.9375rem);
|
|
2317
2352
|
--deframe-widget-font-size-lg: clamp(0.9375rem, 2.5vw, 1.125rem);
|
|
2318
2353
|
--deframe-widget-font-size-xl: clamp(1.0625rem, 2.8vw, 1.25rem);
|
|
2319
2354
|
--deframe-widget-font-size-xxl: clamp(1.25rem, 3.2vw, 1.5rem);
|
|
2355
|
+
--deframe-widget-font-heading-h-large: clamp(4rem, 5vw, 5rem);
|
|
2356
|
+
--deframe-widget-font-heading-h1: clamp(3rem, 4.5vw, 4rem);
|
|
2357
|
+
--deframe-widget-font-heading-h2: clamp(2.5rem, 4vw, 3rem);
|
|
2358
|
+
--deframe-widget-font-heading-h3: clamp(2rem, 3.5vw, 2.5rem);
|
|
2359
|
+
--deframe-widget-font-heading-h4: clamp(1.5rem, 3vw, 2rem);
|
|
2360
|
+
--deframe-widget-font-heading-h5: clamp(1.25rem, 2.5vw, 1.5rem);
|
|
2320
2361
|
--deframe-widget-font-leading-xs: clamp(0.75em, 2vw, 0.875em);
|
|
2321
2362
|
--deframe-widget-font-leading-sm: clamp(0.875em, 2.2vw, 1em);
|
|
2322
2363
|
--deframe-widget-font-leading-md: clamp(1.0625em, 2.5vw, 1.25em);
|
|
@@ -2339,6 +2380,9 @@ body {
|
|
|
2339
2380
|
--deframe-widget-color-text-tertiary: #898d95;
|
|
2340
2381
|
--deframe-widget-color-text-tertiary-dark: #898d95;
|
|
2341
2382
|
--deframe-widget-color-text-tertiary-disabled: #5c5f66;
|
|
2383
|
+
--deframe-widget-color-link: #405eff;
|
|
2384
|
+
--deframe-widget-color-link-dark: #405eff;
|
|
2385
|
+
--deframe-widget-color-link-disabled: #6f6e6e;
|
|
2342
2386
|
--deframe-widget-color-placeholder-primary: #c6c8cc;
|
|
2343
2387
|
--deframe-widget-color-placeholder-primary-dark: #c6c8cc;
|
|
2344
2388
|
--deframe-widget-color-placeholder-primary-disabled: #898d95;
|