@deframe-sdk/components 0.1.12 → 0.1.13
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 +43 -7
- package/dist/index.d.ts +43 -7
- package/dist/index.js +375 -17
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +372 -18
- package/dist/index.mjs.map +1 -1
- package/dist/styles.css +71 -0
- package/package.json +1 -1
package/dist/styles.css
CHANGED
|
@@ -480,6 +480,9 @@
|
|
|
480
480
|
.h-24 {
|
|
481
481
|
height: calc(var(--spacing) * 24);
|
|
482
482
|
}
|
|
483
|
+
.h-32 {
|
|
484
|
+
height: calc(var(--spacing) * 32);
|
|
485
|
+
}
|
|
483
486
|
.h-80 {
|
|
484
487
|
height: calc(var(--spacing) * 80);
|
|
485
488
|
}
|
|
@@ -519,12 +522,18 @@
|
|
|
519
522
|
.h-\[83px\] {
|
|
520
523
|
height: 83px;
|
|
521
524
|
}
|
|
525
|
+
.h-\[84px\] {
|
|
526
|
+
height: 84px;
|
|
527
|
+
}
|
|
522
528
|
.h-\[200px\] {
|
|
523
529
|
height: 200px;
|
|
524
530
|
}
|
|
525
531
|
.h-\[300px\] {
|
|
526
532
|
height: 300px;
|
|
527
533
|
}
|
|
534
|
+
.h-\[420px\] {
|
|
535
|
+
height: 420px;
|
|
536
|
+
}
|
|
528
537
|
.h-\[700px\] {
|
|
529
538
|
height: 700px;
|
|
530
539
|
}
|
|
@@ -654,6 +663,9 @@
|
|
|
654
663
|
.w-\[83px\] {
|
|
655
664
|
width: 83px;
|
|
656
665
|
}
|
|
666
|
+
.w-\[84px\] {
|
|
667
|
+
width: 84px;
|
|
668
|
+
}
|
|
657
669
|
.w-\[210px\] {
|
|
658
670
|
width: 210px;
|
|
659
671
|
}
|
|
@@ -699,6 +711,9 @@
|
|
|
699
711
|
.max-w-\[200px\] {
|
|
700
712
|
max-width: 200px;
|
|
701
713
|
}
|
|
714
|
+
.max-w-\[260px\] {
|
|
715
|
+
max-width: 260px;
|
|
716
|
+
}
|
|
702
717
|
.max-w-\[320px\] {
|
|
703
718
|
max-width: 320px;
|
|
704
719
|
}
|
|
@@ -974,6 +989,9 @@
|
|
|
974
989
|
.rounded-\[60px\] {
|
|
975
990
|
border-radius: 60px;
|
|
976
991
|
}
|
|
992
|
+
.rounded-\[inherit\] {
|
|
993
|
+
border-radius: inherit;
|
|
994
|
+
}
|
|
977
995
|
.rounded-\[var\(--deframe-widget-size-radius-full\)\] {
|
|
978
996
|
border-radius: var(--deframe-widget-size-radius-full);
|
|
979
997
|
}
|
|
@@ -1021,6 +1039,10 @@
|
|
|
1021
1039
|
border-style: var(--tw-border-style);
|
|
1022
1040
|
border-width: 1px;
|
|
1023
1041
|
}
|
|
1042
|
+
.border-0 {
|
|
1043
|
+
border-style: var(--tw-border-style);
|
|
1044
|
+
border-width: 0px;
|
|
1045
|
+
}
|
|
1024
1046
|
.border-\[length\:var\(--deframe-widget-size-border-sm\)\] {
|
|
1025
1047
|
border-style: var(--tw-border-style);
|
|
1026
1048
|
border-width: var(--deframe-widget-size-border-sm);
|
|
@@ -1164,6 +1186,12 @@
|
|
|
1164
1186
|
.bg-\[\#ff7a45\] {
|
|
1165
1187
|
background-color: #ff7a45;
|
|
1166
1188
|
}
|
|
1189
|
+
.bg-\[color-mix\(in_srgb\,var\(--deframe-widget-color-bg-primary\)_88\%\,transparent\)\] {
|
|
1190
|
+
background-color: var(--deframe-widget-color-bg-primary);
|
|
1191
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
1192
|
+
background-color: color-mix(in srgb,var(--deframe-widget-color-bg-primary) 88%,transparent);
|
|
1193
|
+
}
|
|
1194
|
+
}
|
|
1167
1195
|
.bg-\[color\:color-mix\(in_srgb\,var\(--deframe-widget-color-bg-primary\)_88\%\,transparent\)\] {
|
|
1168
1196
|
background-color: var(--deframe-widget-color-bg-primary);
|
|
1169
1197
|
@supports (color: color-mix(in lab, red, red)) {
|
|
@@ -1435,12 +1463,18 @@
|
|
|
1435
1463
|
.\!p-\[24px\] {
|
|
1436
1464
|
padding: 24px !important;
|
|
1437
1465
|
}
|
|
1466
|
+
.p-0 {
|
|
1467
|
+
padding: calc(var(--spacing) * 0);
|
|
1468
|
+
}
|
|
1438
1469
|
.p-\[3px\] {
|
|
1439
1470
|
padding: 3px;
|
|
1440
1471
|
}
|
|
1441
1472
|
.p-\[var\(--deframe-widget-size-gap-lg\)\] {
|
|
1442
1473
|
padding: var(--deframe-widget-size-gap-lg);
|
|
1443
1474
|
}
|
|
1475
|
+
.p-\[var\(--deframe-widget-size-padding-x-md\)\] {
|
|
1476
|
+
padding: var(--deframe-widget-size-padding-x-md);
|
|
1477
|
+
}
|
|
1444
1478
|
.p-px {
|
|
1445
1479
|
padding: 1px;
|
|
1446
1480
|
}
|
|
@@ -1628,6 +1662,12 @@
|
|
|
1628
1662
|
.\!text-\[21px\] {
|
|
1629
1663
|
font-size: 21px !important;
|
|
1630
1664
|
}
|
|
1665
|
+
.\[font-size\:12px\] {
|
|
1666
|
+
font-size: 12px;
|
|
1667
|
+
}
|
|
1668
|
+
.\[font-size\:22px\] {
|
|
1669
|
+
font-size: 22px;
|
|
1670
|
+
}
|
|
1631
1671
|
.\[font-size\:var\(--deframe-widget-font-size-lg\)\] {
|
|
1632
1672
|
font-size: var(--deframe-widget-font-size-lg);
|
|
1633
1673
|
}
|
|
@@ -1734,9 +1774,15 @@
|
|
|
1734
1774
|
.\[line-height\:1\.4\] {
|
|
1735
1775
|
line-height: 1.4;
|
|
1736
1776
|
}
|
|
1777
|
+
.\[line-height\:1\.6\] {
|
|
1778
|
+
line-height: 1.6;
|
|
1779
|
+
}
|
|
1737
1780
|
.\[line-height\:1\.15\] {
|
|
1738
1781
|
line-height: 1.15;
|
|
1739
1782
|
}
|
|
1783
|
+
.\[line-height\:1\.25\] {
|
|
1784
|
+
line-height: 1.25;
|
|
1785
|
+
}
|
|
1740
1786
|
.\[line-height\:1\.45\] {
|
|
1741
1787
|
line-height: 1.45;
|
|
1742
1788
|
}
|
|
@@ -1797,6 +1843,9 @@
|
|
|
1797
1843
|
--tw-tracking: var(--tracking-wide);
|
|
1798
1844
|
letter-spacing: var(--tracking-wide);
|
|
1799
1845
|
}
|
|
1846
|
+
.\[letter-spacing\:0\.10em\] {
|
|
1847
|
+
letter-spacing: 0.10em;
|
|
1848
|
+
}
|
|
1800
1849
|
.break-all {
|
|
1801
1850
|
word-break: break-all;
|
|
1802
1851
|
}
|
|
@@ -1976,6 +2025,20 @@
|
|
|
1976
2025
|
--tw-shadow: 0 0 0 2px var(--tw-shadow-color, var(--deframe-widget-color-bg-secondary));
|
|
1977
2026
|
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
1978
2027
|
}
|
|
2028
|
+
.shadow-\[0_0_0_10px_color-mix\(in_srgb\,var\(--deframe-widget-color-brand-primary\)_12\%\,transparent\)\,0_0_32px_color-mix\(in_srgb\,var\(--deframe-widget-color-brand-primary\)_22\%\,transparent\)\] {
|
|
2029
|
+
--tw-shadow: 0 0 0 10px var(--tw-shadow-color, var(--deframe-widget-color-brand-primary)), 0 0 32px var(--tw-shadow-color, var(--deframe-widget-color-brand-primary));
|
|
2030
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
2031
|
+
--tw-shadow: 0 0 0 10px var(--tw-shadow-color, color-mix(in srgb,var(--deframe-widget-color-brand-primary) 12%,transparent)), 0 0 32px var(--tw-shadow-color, color-mix(in srgb,var(--deframe-widget-color-brand-primary) 22%,transparent));
|
|
2032
|
+
}
|
|
2033
|
+
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
2034
|
+
}
|
|
2035
|
+
.shadow-\[0_0_0_10px_color-mix\(in_srgb\,var\(--deframe-widget-color-state-error\)_12\%\,transparent\)\,0_0_32px_color-mix\(in_srgb\,var\(--deframe-widget-color-state-error\)_22\%\,transparent\)\] {
|
|
2036
|
+
--tw-shadow: 0 0 0 10px var(--tw-shadow-color, var(--deframe-widget-color-state-error)), 0 0 32px var(--tw-shadow-color, var(--deframe-widget-color-state-error));
|
|
2037
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
2038
|
+
--tw-shadow: 0 0 0 10px var(--tw-shadow-color, color-mix(in srgb,var(--deframe-widget-color-state-error) 12%,transparent)), 0 0 32px var(--tw-shadow-color, color-mix(in srgb,var(--deframe-widget-color-state-error) 22%,transparent));
|
|
2039
|
+
}
|
|
2040
|
+
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
2041
|
+
}
|
|
1979
2042
|
.shadow-\[0_2px_8px_color-mix\(in_srgb\,var\(--deframe-widget-color-text-primary\)_18\%\,transparent\)\] {
|
|
1980
2043
|
--tw-shadow: 0 2px 8px var(--tw-shadow-color, var(--deframe-widget-color-text-primary));
|
|
1981
2044
|
@supports (color: color-mix(in lab, red, red)) {
|
|
@@ -2037,6 +2100,11 @@
|
|
|
2037
2100
|
-webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
|
|
2038
2101
|
backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
|
|
2039
2102
|
}
|
|
2103
|
+
.backdrop-blur-\[12px\] {
|
|
2104
|
+
--tw-backdrop-blur: blur(12px);
|
|
2105
|
+
-webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
|
|
2106
|
+
backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
|
|
2107
|
+
}
|
|
2040
2108
|
.backdrop-blur-sm {
|
|
2041
2109
|
--tw-backdrop-blur: blur(var(--blur-sm));
|
|
2042
2110
|
-webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
|
|
@@ -2122,6 +2190,9 @@
|
|
|
2122
2190
|
--tw-outline-style: none;
|
|
2123
2191
|
outline-style: none;
|
|
2124
2192
|
}
|
|
2193
|
+
.\[-webkit-backdrop-filter\:blur\(12px\)\] {
|
|
2194
|
+
-webkit-backdrop-filter: blur(12px);
|
|
2195
|
+
}
|
|
2125
2196
|
.\[scrollbar-width\:none\] {
|
|
2126
2197
|
scrollbar-width: none;
|
|
2127
2198
|
}
|