@luminescent/ui 0.12.6 → 0.12.8

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.
Files changed (3) hide show
  1. package/lib/index.qwik.cjs +8 -8
  2. package/lib/index.qwik.mjs +8 -8
  3. package/package.json +1 -1
package/lib/index.qwik.cjs CHANGED
@@ -310,7 +310,7 @@ const Card = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl((
310
310
  }, 3, "OW_2")
311
311
  ],
312
312
  class: {
313
- "relative flex gap-4 p-7 border rounded-lg motion-safe:transition-all": true,
313
+ "relative flex gap-3 sm:gap-4 p-5 sm:p-7 border rounded-lg motion-safe:transition-all": true,
314
314
  "flex-col": !props.row,
315
315
  [cardColorClasses[props.color ?? "darkgray"].card.bg]: !props.blobs,
316
316
  [cardColorClasses[props.color ?? "darkgray"].card.bg_blobs]: props.blobs,
@@ -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 scale-95": !store.opened
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 scale-95": !p0.opened
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 scale-95":!p0.opened}'),
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
- "pointer-events-none opacity-0 scale-95": !store.opened,
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, {
@@ -1062,7 +1062,7 @@ const Header = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl
1062
1062
  let Component = /* @__PURE__ */ qwik._jsxC(jsxRuntime.Fragment, {
1063
1063
  children: /* @__PURE__ */ qwik._jsxQ("h2", {
1064
1064
  class: {
1065
- "flex gap-2 flex-1 items-center font-bold text-2xl whitespace-nowrap text-white": true,
1065
+ "flex gap-2 flex-1 items-center font-bold text-xl sm:text-2xl whitespace-nowrap text-white": true,
1066
1066
  ...props1.class
1067
1067
  }
1068
1068
  }, 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 p-2 bg-gray-800/50 border border-gray-700/50 rounded-lg": true,
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
@@ -308,7 +308,7 @@ const Card = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) =>
308
308
  }, 3, "OW_2")
309
309
  ],
310
310
  class: {
311
- "relative flex gap-4 p-7 border rounded-lg motion-safe:transition-all": true,
311
+ "relative flex gap-3 sm:gap-4 p-5 sm:p-7 border rounded-lg motion-safe:transition-all": true,
312
312
  "flex-col": !props.row,
313
313
  [cardColorClasses[props.color ?? "darkgray"].card.bg]: !props.blobs,
314
314
  [cardColorClasses[props.color ?? "darkgray"].card.bg_blobs]: props.blobs,
@@ -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 scale-95": !store.opened
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 scale-95": !p0.opened
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 scale-95":!p0.opened}'),
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
- "pointer-events-none opacity-0 scale-95": !store.opened,
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, {
@@ -1060,7 +1060,7 @@ const Header = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) =
1060
1060
  let Component = /* @__PURE__ */ _jsxC(Fragment, {
1061
1061
  children: /* @__PURE__ */ _jsxQ("h2", {
1062
1062
  class: {
1063
- "flex gap-2 flex-1 items-center font-bold text-2xl whitespace-nowrap text-white": true,
1063
+ "flex gap-2 flex-1 items-center font-bold text-xl sm:text-2xl whitespace-nowrap text-white": true,
1064
1064
  ...props1.class
1065
1065
  }
1066
1066
  }, 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 p-2 bg-gray-800/50 border border-gray-700/50 rounded-lg": true,
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, {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@luminescent/ui",
3
- "version": "0.12.6",
3
+ "version": "0.12.8",
4
4
  "description": "Luminescent UI library",
5
5
  "main": "./lib/index.qwik.mjs",
6
6
  "qwik": "./lib/index.qwik.mjs",