@deframe-sdk/components 0.1.15 → 0.1.16
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 +320 -294
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +322 -289
- package/dist/index.mjs.map +1 -1
- package/dist/styles.css +23 -12
- 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);
|
|
@@ -1839,10 +1837,6 @@
|
|
|
1839
1837
|
.font-\[inherit\] {
|
|
1840
1838
|
font-family: inherit;
|
|
1841
1839
|
}
|
|
1842
|
-
.text-lg {
|
|
1843
|
-
font-size: var(--text-lg);
|
|
1844
|
-
line-height: var(--tw-leading, var(--text-lg--line-height));
|
|
1845
|
-
}
|
|
1846
1840
|
.text-sm {
|
|
1847
1841
|
font-size: var(--text-sm);
|
|
1848
1842
|
line-height: var(--tw-leading, var(--text-sm--line-height));
|
|
@@ -2282,6 +2276,10 @@
|
|
|
2282
2276
|
}
|
|
2283
2277
|
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
2284
2278
|
}
|
|
2279
|
+
.shadow-md {
|
|
2280
|
+
--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));
|
|
2281
|
+
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
2282
|
+
}
|
|
2285
2283
|
.shadow-sm {
|
|
2286
2284
|
--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
2285
|
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 +2385,11 @@
|
|
|
2387
2385
|
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
|
|
2388
2386
|
transition-duration: var(--tw-duration, var(--default-transition-duration));
|
|
2389
2387
|
}
|
|
2388
|
+
.transition-shadow {
|
|
2389
|
+
transition-property: box-shadow;
|
|
2390
|
+
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
|
|
2391
|
+
transition-duration: var(--tw-duration, var(--default-transition-duration));
|
|
2392
|
+
}
|
|
2390
2393
|
.transition-transform {
|
|
2391
2394
|
transition-property: transform, translate, scale, rotate;
|
|
2392
2395
|
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
|
|
@@ -2633,6 +2636,14 @@
|
|
|
2633
2636
|
}
|
|
2634
2637
|
}
|
|
2635
2638
|
}
|
|
2639
|
+
.hover\:shadow-lg {
|
|
2640
|
+
&:hover {
|
|
2641
|
+
@media (hover: hover) {
|
|
2642
|
+
--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));
|
|
2643
|
+
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
2644
|
+
}
|
|
2645
|
+
}
|
|
2646
|
+
}
|
|
2636
2647
|
.focus\:border-\[color\:var\(--deframe-widget-color-brand-primary\)\] {
|
|
2637
2648
|
&:focus {
|
|
2638
2649
|
border-color: var(--deframe-widget-color-brand-primary);
|