@deframe-sdk/components 0.1.15 → 0.1.17
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 +60 -58
- package/dist/index.d.ts +60 -58
- package/dist/index.js +338 -305
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +340 -300
- package/dist/index.mjs.map +1 -1
- package/dist/styles.css +40 -21
- package/package.json +1 -1
package/dist/styles.css
CHANGED
|
@@ -43,8 +43,6 @@
|
|
|
43
43
|
--text-xs--line-height: calc(1 / 0.75);
|
|
44
44
|
--text-sm: 0.875rem;
|
|
45
45
|
--text-sm--line-height: calc(1.25 / 0.875);
|
|
46
|
-
--text-lg: 1.125rem;
|
|
47
|
-
--text-lg--line-height: calc(1.75 / 1.125);
|
|
48
46
|
--font-weight-normal: 400;
|
|
49
47
|
--font-weight-medium: 500;
|
|
50
48
|
--font-weight-semibold: 600;
|
|
@@ -342,8 +340,8 @@
|
|
|
342
340
|
.mx-auto {
|
|
343
341
|
margin-inline: auto;
|
|
344
342
|
}
|
|
345
|
-
.-my-
|
|
346
|
-
margin-block: calc(var(--spacing) * -
|
|
343
|
+
.-my-5 {
|
|
344
|
+
margin-block: calc(var(--spacing) * -5);
|
|
347
345
|
}
|
|
348
346
|
.-my-\[var\(--deframe-widget-size-gap-sm\)\] {
|
|
349
347
|
margin-block: calc(var(--deframe-widget-size-gap-sm) * -1);
|
|
@@ -504,11 +502,11 @@
|
|
|
504
502
|
.h-32 {
|
|
505
503
|
height: calc(var(--spacing) * 32);
|
|
506
504
|
}
|
|
507
|
-
.h-
|
|
508
|
-
height: calc(var(--spacing) *
|
|
505
|
+
.h-40 {
|
|
506
|
+
height: calc(var(--spacing) * 40);
|
|
509
507
|
}
|
|
510
|
-
.h-
|
|
511
|
-
height: calc(var(--spacing) *
|
|
508
|
+
.h-60 {
|
|
509
|
+
height: calc(var(--spacing) * 60);
|
|
512
510
|
}
|
|
513
511
|
.h-80 {
|
|
514
512
|
height: calc(var(--spacing) * 80);
|
|
@@ -1241,9 +1239,6 @@
|
|
|
1241
1239
|
.border-\[color\:var\(--deframe-widget-color-border-secondary-dark\)\] {
|
|
1242
1240
|
border-color: var(--deframe-widget-color-border-secondary-dark);
|
|
1243
1241
|
}
|
|
1244
|
-
.border-\[color\:var\(--deframe-widget-color-border-secondary-disabled\)\] {
|
|
1245
|
-
border-color: var(--deframe-widget-color-border-secondary-disabled);
|
|
1246
|
-
}
|
|
1247
1242
|
.border-\[color\:var\(--deframe-widget-color-border-tertiary\)\] {
|
|
1248
1243
|
border-color: var(--deframe-widget-color-border-tertiary);
|
|
1249
1244
|
}
|
|
@@ -1253,6 +1248,9 @@
|
|
|
1253
1248
|
.border-\[color\:var\(--deframe-widget-color-brand-primary\)\] {
|
|
1254
1249
|
border-color: var(--deframe-widget-color-brand-primary);
|
|
1255
1250
|
}
|
|
1251
|
+
.border-\[color\:var\(--deframe-widget-color-brand-primary-disabled\)\] {
|
|
1252
|
+
border-color: var(--deframe-widget-color-brand-primary-disabled);
|
|
1253
|
+
}
|
|
1256
1254
|
.border-\[var\(--deframe-widget-color-bg-secondary\)\] {
|
|
1257
1255
|
border-color: var(--deframe-widget-color-bg-secondary);
|
|
1258
1256
|
}
|
|
@@ -1424,12 +1422,21 @@
|
|
|
1424
1422
|
.bg-\[var\(--deframe-widget-color-bg-primary-disabled\)\] {
|
|
1425
1423
|
background-color: var(--deframe-widget-color-bg-primary-disabled);
|
|
1426
1424
|
}
|
|
1425
|
+
.bg-\[var\(--deframe-widget-color-bg-raised\)\] {
|
|
1426
|
+
background-color: var(--deframe-widget-color-bg-raised);
|
|
1427
|
+
}
|
|
1428
|
+
.bg-\[var\(--deframe-widget-color-bg-raised-disabled\)\] {
|
|
1429
|
+
background-color: var(--deframe-widget-color-bg-raised-disabled);
|
|
1430
|
+
}
|
|
1427
1431
|
.bg-\[var\(--deframe-widget-color-bg-secondary\)\] {
|
|
1428
1432
|
background-color: var(--deframe-widget-color-bg-secondary);
|
|
1429
1433
|
}
|
|
1430
1434
|
.bg-\[var\(--deframe-widget-color-bg-secondary-dark\)\] {
|
|
1431
1435
|
background-color: var(--deframe-widget-color-bg-secondary-dark);
|
|
1432
1436
|
}
|
|
1437
|
+
.bg-\[var\(--deframe-widget-color-bg-subtle\)\] {
|
|
1438
|
+
background-color: var(--deframe-widget-color-bg-subtle);
|
|
1439
|
+
}
|
|
1433
1440
|
.bg-\[var\(--deframe-widget-color-bg-tertiary\)\] {
|
|
1434
1441
|
background-color: var(--deframe-widget-color-bg-tertiary);
|
|
1435
1442
|
}
|
|
@@ -1839,10 +1846,6 @@
|
|
|
1839
1846
|
.font-\[inherit\] {
|
|
1840
1847
|
font-family: inherit;
|
|
1841
1848
|
}
|
|
1842
|
-
.text-lg {
|
|
1843
|
-
font-size: var(--text-lg);
|
|
1844
|
-
line-height: var(--tw-leading, var(--text-lg--line-height));
|
|
1845
|
-
}
|
|
1846
1849
|
.text-sm {
|
|
1847
1850
|
font-size: var(--text-sm);
|
|
1848
1851
|
line-height: var(--tw-leading, var(--text-sm--line-height));
|
|
@@ -2098,12 +2101,6 @@
|
|
|
2098
2101
|
.text-\[color\:var\(--deframe-widget-color-state-warning\)\] {
|
|
2099
2102
|
color: var(--deframe-widget-color-state-warning);
|
|
2100
2103
|
}
|
|
2101
|
-
.text-\[color\:var\(--deframe-widget-color-text-highlight\)\] {
|
|
2102
|
-
color: var(--deframe-widget-color-text-highlight);
|
|
2103
|
-
}
|
|
2104
|
-
.text-\[color\:var\(--deframe-widget-color-text-highlight-disabled\)\] {
|
|
2105
|
-
color: var(--deframe-widget-color-text-highlight-disabled);
|
|
2106
|
-
}
|
|
2107
2104
|
.text-\[color\:var\(--deframe-widget-color-text-inverse\)\] {
|
|
2108
2105
|
color: var(--deframe-widget-color-text-inverse);
|
|
2109
2106
|
}
|
|
@@ -2282,6 +2279,10 @@
|
|
|
2282
2279
|
}
|
|
2283
2280
|
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
2284
2281
|
}
|
|
2282
|
+
.shadow-md {
|
|
2283
|
+
--tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
|
|
2284
|
+
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
2285
|
+
}
|
|
2285
2286
|
.shadow-sm {
|
|
2286
2287
|
--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));
|
|
2287
2288
|
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
@@ -2387,6 +2388,11 @@
|
|
|
2387
2388
|
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
|
|
2388
2389
|
transition-duration: var(--tw-duration, var(--default-transition-duration));
|
|
2389
2390
|
}
|
|
2391
|
+
.transition-shadow {
|
|
2392
|
+
transition-property: box-shadow;
|
|
2393
|
+
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
|
|
2394
|
+
transition-duration: var(--tw-duration, var(--default-transition-duration));
|
|
2395
|
+
}
|
|
2390
2396
|
.transition-transform {
|
|
2391
2397
|
transition-property: transform, translate, scale, rotate;
|
|
2392
2398
|
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
|
|
@@ -2633,6 +2639,14 @@
|
|
|
2633
2639
|
}
|
|
2634
2640
|
}
|
|
2635
2641
|
}
|
|
2642
|
+
.hover\:shadow-lg {
|
|
2643
|
+
&:hover {
|
|
2644
|
+
@media (hover: hover) {
|
|
2645
|
+
--tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
|
|
2646
|
+
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
2647
|
+
}
|
|
2648
|
+
}
|
|
2649
|
+
}
|
|
2636
2650
|
.focus\:border-\[color\:var\(--deframe-widget-color-brand-primary\)\] {
|
|
2637
2651
|
&:focus {
|
|
2638
2652
|
border-color: var(--deframe-widget-color-brand-primary);
|
|
@@ -2714,6 +2728,11 @@
|
|
|
2714
2728
|
background-color: var(--deframe-widget-color-bg-secondary) !important;
|
|
2715
2729
|
}
|
|
2716
2730
|
}
|
|
2731
|
+
.lg\:bg-\[var\(--deframe-widget-color-bg-raised\)\] {
|
|
2732
|
+
@media (width >= 64rem) {
|
|
2733
|
+
background-color: var(--deframe-widget-color-bg-raised);
|
|
2734
|
+
}
|
|
2735
|
+
}
|
|
2717
2736
|
.lg\:bg-\[var\(--deframe-widget-color-bg-secondary\)\] {
|
|
2718
2737
|
@media (width >= 64rem) {
|
|
2719
2738
|
background-color: var(--deframe-widget-color-bg-secondary);
|