@luminescent/ui 0.12.6 → 0.12.7
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/lib/index.qwik.cjs +6 -6
- package/lib/index.qwik.mjs +6 -6
- package/package.json +1 -1
package/lib/index.qwik.cjs
CHANGED
|
@@ -545,7 +545,7 @@ const ColorInput = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inline
|
|
|
545
545
|
get class() {
|
|
546
546
|
return {
|
|
547
547
|
"motion-safe:transition-all absolute top-full mt-2 left-0 gap-1 z-[1000]": true,
|
|
548
|
-
"opacity-0 pointer-events-none
|
|
548
|
+
"opacity-0 scale-95 pointer-events-none": !store.opened
|
|
549
549
|
};
|
|
550
550
|
},
|
|
551
551
|
onInput$: /* @__PURE__ */ qwik.inlinedQrl((color) => {
|
|
@@ -578,10 +578,10 @@ const ColorInput = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inline
|
|
|
578
578
|
[qwik._IMMUTABLE]: {
|
|
579
579
|
class: qwik._fnSignal((p0) => ({
|
|
580
580
|
"motion-safe:transition-all absolute top-full mt-2 left-0 gap-1 z-[1000]": true,
|
|
581
|
-
"opacity-0 pointer-events-none
|
|
581
|
+
"opacity-0 scale-95 pointer-events-none": !p0.opened
|
|
582
582
|
}), [
|
|
583
583
|
store
|
|
584
|
-
], '{"motion-safe:transition-all absolute top-full mt-2 left-0 gap-1 z-[1000]":true,"opacity-0 pointer-events-none
|
|
584
|
+
], '{"motion-safe:transition-all absolute top-full mt-2 left-0 gap-1 z-[1000]":true,"opacity-0 scale-95 pointer-events-none":!p0.opened}'),
|
|
585
585
|
color: qwik._fnSignal((p0) => p0.value ?? "#000000", [
|
|
586
586
|
props
|
|
587
587
|
], 'p0.value??"#000000"'),
|
|
@@ -982,7 +982,7 @@ const DropdownRaw = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlin
|
|
|
982
982
|
/* @__PURE__ */ qwik._jsxQ("div", {
|
|
983
983
|
class: {
|
|
984
984
|
"absolute top-full pt-2 left-0 z-[1000] ": true,
|
|
985
|
-
"
|
|
985
|
+
"opacity-0 scale-95 pointer-events-none": !store.opened,
|
|
986
986
|
"group-hover:pointer-events-auto group-hover:opacity-100 group-hover:scale-100": props.hover
|
|
987
987
|
}
|
|
988
988
|
}, null, /* @__PURE__ */ qwik._jsxQ("div", null, {
|
|
@@ -1125,11 +1125,11 @@ const Nav = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl((p
|
|
|
1125
1125
|
class: {
|
|
1126
1126
|
"sm:hidden motion-safe:transition-all flex flex-col px-2 items-center absolute w-full": true,
|
|
1127
1127
|
"top-full mt-2": menu.value,
|
|
1128
|
-
"opacity-0 top-0 scale-95": !menu.value
|
|
1128
|
+
"opacity-0 top-0 scale-95 pointer-events-none": !menu.value
|
|
1129
1129
|
}
|
|
1130
1130
|
}, null, /* @__PURE__ */ qwik._jsxQ("div", null, {
|
|
1131
1131
|
class: {
|
|
1132
|
-
"flex flex-col gap-2 motion-safe:transition-all max-w-7xl w-full
|
|
1132
|
+
"flex flex-col gap-2 motion-safe:transition-all max-w-7xl w-full px-2 py-4 bg-gray-800/50 border border-gray-700/50 rounded-lg": true,
|
|
1133
1133
|
'before:absolute before:content-[""] before:w-full before:h-full before:backdrop-blur-lg before:drop-shadow-xl before:-z-10': true
|
|
1134
1134
|
}
|
|
1135
1135
|
}, /* @__PURE__ */ qwik._jsxC(qwik.Slot, {
|
package/lib/index.qwik.mjs
CHANGED
|
@@ -543,7 +543,7 @@ const ColorInput = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((prop
|
|
|
543
543
|
get class() {
|
|
544
544
|
return {
|
|
545
545
|
"motion-safe:transition-all absolute top-full mt-2 left-0 gap-1 z-[1000]": true,
|
|
546
|
-
"opacity-0 pointer-events-none
|
|
546
|
+
"opacity-0 scale-95 pointer-events-none": !store.opened
|
|
547
547
|
};
|
|
548
548
|
},
|
|
549
549
|
onInput$: /* @__PURE__ */ inlinedQrl((color) => {
|
|
@@ -576,10 +576,10 @@ const ColorInput = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((prop
|
|
|
576
576
|
[_IMMUTABLE]: {
|
|
577
577
|
class: _fnSignal((p0) => ({
|
|
578
578
|
"motion-safe:transition-all absolute top-full mt-2 left-0 gap-1 z-[1000]": true,
|
|
579
|
-
"opacity-0 pointer-events-none
|
|
579
|
+
"opacity-0 scale-95 pointer-events-none": !p0.opened
|
|
580
580
|
}), [
|
|
581
581
|
store
|
|
582
|
-
], '{"motion-safe:transition-all absolute top-full mt-2 left-0 gap-1 z-[1000]":true,"opacity-0 pointer-events-none
|
|
582
|
+
], '{"motion-safe:transition-all absolute top-full mt-2 left-0 gap-1 z-[1000]":true,"opacity-0 scale-95 pointer-events-none":!p0.opened}'),
|
|
583
583
|
color: _fnSignal((p0) => p0.value ?? "#000000", [
|
|
584
584
|
props
|
|
585
585
|
], 'p0.value??"#000000"'),
|
|
@@ -980,7 +980,7 @@ const DropdownRaw = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((pro
|
|
|
980
980
|
/* @__PURE__ */ _jsxQ("div", {
|
|
981
981
|
class: {
|
|
982
982
|
"absolute top-full pt-2 left-0 z-[1000] ": true,
|
|
983
|
-
"
|
|
983
|
+
"opacity-0 scale-95 pointer-events-none": !store.opened,
|
|
984
984
|
"group-hover:pointer-events-auto group-hover:opacity-100 group-hover:scale-100": props.hover
|
|
985
985
|
}
|
|
986
986
|
}, null, /* @__PURE__ */ _jsxQ("div", null, {
|
|
@@ -1123,11 +1123,11 @@ const Nav = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
|
|
|
1123
1123
|
class: {
|
|
1124
1124
|
"sm:hidden motion-safe:transition-all flex flex-col px-2 items-center absolute w-full": true,
|
|
1125
1125
|
"top-full mt-2": menu.value,
|
|
1126
|
-
"opacity-0 top-0 scale-95": !menu.value
|
|
1126
|
+
"opacity-0 top-0 scale-95 pointer-events-none": !menu.value
|
|
1127
1127
|
}
|
|
1128
1128
|
}, null, /* @__PURE__ */ _jsxQ("div", null, {
|
|
1129
1129
|
class: {
|
|
1130
|
-
"flex flex-col gap-2 motion-safe:transition-all max-w-7xl w-full
|
|
1130
|
+
"flex flex-col gap-2 motion-safe:transition-all max-w-7xl w-full px-2 py-4 bg-gray-800/50 border border-gray-700/50 rounded-lg": true,
|
|
1131
1131
|
'before:absolute before:content-[""] before:w-full before:h-full before:backdrop-blur-lg before:drop-shadow-xl before:-z-10': true
|
|
1132
1132
|
}
|
|
1133
1133
|
}, /* @__PURE__ */ _jsxC(Slot, {
|