@deframe-sdk/components 0.1.50 → 0.1.52
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 +32 -22
- package/dist/index.d.ts +32 -22
- package/dist/index.js +54 -38
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +54 -38
- package/dist/index.mjs.map +1 -1
- package/dist/styles.css +18 -0
- package/package.json +1 -1
package/dist/styles.css
CHANGED
|
@@ -664,6 +664,9 @@
|
|
|
664
664
|
.h-\[42px\] {
|
|
665
665
|
height: 42px;
|
|
666
666
|
}
|
|
667
|
+
.h-\[44px\] {
|
|
668
|
+
height: 44px;
|
|
669
|
+
}
|
|
667
670
|
.h-\[48px\] {
|
|
668
671
|
height: 48px;
|
|
669
672
|
}
|
|
@@ -916,6 +919,9 @@
|
|
|
916
919
|
.w-\[40\%\] {
|
|
917
920
|
width: 40%;
|
|
918
921
|
}
|
|
922
|
+
.w-\[44px\] {
|
|
923
|
+
width: 44px;
|
|
924
|
+
}
|
|
919
925
|
.w-\[48px\] {
|
|
920
926
|
width: 48px;
|
|
921
927
|
}
|
|
@@ -3142,6 +3148,12 @@
|
|
|
3142
3148
|
--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
|
|
3143
3149
|
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
3144
3150
|
}
|
|
3151
|
+
.\[box-shadow\:0_0_0_7px_color-mix\(in_srgb\,var\(--deframe-widget-color-brand-primary\)_12\%\,transparent\)\,0_0_24px_color-mix\(in_srgb\,var\(--deframe-widget-color-brand-primary\)_22\%\,transparent\)\] {
|
|
3152
|
+
box-shadow: 0 0 0 7px var(--deframe-widget-color-brand-primary),0 0 24px var(--deframe-widget-color-brand-primary);
|
|
3153
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
3154
|
+
box-shadow: 0 0 0 7px color-mix(in srgb,var(--deframe-widget-color-brand-primary) 12%,transparent),0 0 24px color-mix(in srgb,var(--deframe-widget-color-brand-primary) 22%,transparent);
|
|
3155
|
+
}
|
|
3156
|
+
}
|
|
3145
3157
|
.outline {
|
|
3146
3158
|
outline-style: var(--tw-outline-style);
|
|
3147
3159
|
outline-width: 1px;
|
|
@@ -3313,6 +3325,12 @@
|
|
|
3313
3325
|
.\[-webkit-backdrop-filter\:blur\(12px\)\] {
|
|
3314
3326
|
-webkit-backdrop-filter: blur(12px);
|
|
3315
3327
|
}
|
|
3328
|
+
.\[background\:color-mix\(in_srgb\,var\(--deframe-widget-color-brand-primary\)_12\%\,transparent\)\] {
|
|
3329
|
+
background: var(--deframe-widget-color-brand-primary);
|
|
3330
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
3331
|
+
background: color-mix(in srgb,var(--deframe-widget-color-brand-primary) 12%,transparent);
|
|
3332
|
+
}
|
|
3333
|
+
}
|
|
3316
3334
|
.\[font-feature-settings\:\"tnum\"\] {
|
|
3317
3335
|
font-feature-settings: "tnum";
|
|
3318
3336
|
}
|