@luminescent/ui 0.7.5 → 0.7.6

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.
@@ -1275,6 +1275,28 @@ const SelectInputRaw = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.in
1275
1275
  const store = qwik.useStore({
1276
1276
  opened: false
1277
1277
  });
1278
+ qwik.useStylesQrl(/* @__PURE__ */ qwik.inlinedQrl(`
1279
+ .lui-scroll {
1280
+ scroll-behavior: smooth;
1281
+ }
1282
+ .lui-scroll::-webkit-scrollbar {
1283
+ appearance: none;
1284
+ -webkit-appearance: none;
1285
+ width: 8px;
1286
+ height: 8px;
1287
+ }
1288
+ .lui-scroll::-webkit-scrollbar-track {
1289
+ background-color: transparent;
1290
+ }
1291
+ .lui-scroll::-webkit-scrollbar-thumb {
1292
+ background-color: #ffffff20;
1293
+ border: 1px solid #ffffff20;
1294
+ border-radius: 3px;
1295
+ }
1296
+ .lui-scroll::-webkit-scrollbar-corner {
1297
+ background-color: transparent;
1298
+ }
1299
+ `, "SelectInputRaw_component_useStyles_Zc40Za0ngqc"));
1278
1300
  return /* @__PURE__ */ qwik._jsxQ("div", null, {
1279
1301
  class: "relative"
1280
1302
  }, [
@@ -1344,7 +1366,7 @@ const SelectInputRaw = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.in
1344
1366
  }, 1, "cA_4"),
1345
1367
  /* @__PURE__ */ qwik._jsxQ("div", {
1346
1368
  class: {
1347
- "transition-all absolute top-full left-0 p-1 mt-2 gap-1 bg-gray-800/50 backdrop-blur-xl flex flex-col rounded-lg border border-gray-700 z-[1000] max-h-72 overflow-scroll select-none": true,
1369
+ "transition-all absolute top-full left-0 p-1 mt-2 gap-1 bg-gray-800/50 backdrop-blur-xl flex flex-col rounded-lg border border-gray-700 z-[1000] max-h-72 lui-scroll overflow-auto select-none": true,
1348
1370
  "pointer-events-none opacity-0 scale-95": !store.opened
1349
1371
  }
1350
1372
  }, {
@@ -1273,6 +1273,28 @@ const SelectInputRaw = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((
1273
1273
  const store = useStore({
1274
1274
  opened: false
1275
1275
  });
1276
+ useStylesQrl(/* @__PURE__ */ inlinedQrl(`
1277
+ .lui-scroll {
1278
+ scroll-behavior: smooth;
1279
+ }
1280
+ .lui-scroll::-webkit-scrollbar {
1281
+ appearance: none;
1282
+ -webkit-appearance: none;
1283
+ width: 8px;
1284
+ height: 8px;
1285
+ }
1286
+ .lui-scroll::-webkit-scrollbar-track {
1287
+ background-color: transparent;
1288
+ }
1289
+ .lui-scroll::-webkit-scrollbar-thumb {
1290
+ background-color: #ffffff20;
1291
+ border: 1px solid #ffffff20;
1292
+ border-radius: 3px;
1293
+ }
1294
+ .lui-scroll::-webkit-scrollbar-corner {
1295
+ background-color: transparent;
1296
+ }
1297
+ `, "SelectInputRaw_component_useStyles_Zc40Za0ngqc"));
1276
1298
  return /* @__PURE__ */ _jsxQ("div", null, {
1277
1299
  class: "relative"
1278
1300
  }, [
@@ -1342,7 +1364,7 @@ const SelectInputRaw = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((
1342
1364
  }, 1, "cA_4"),
1343
1365
  /* @__PURE__ */ _jsxQ("div", {
1344
1366
  class: {
1345
- "transition-all absolute top-full left-0 p-1 mt-2 gap-1 bg-gray-800/50 backdrop-blur-xl flex flex-col rounded-lg border border-gray-700 z-[1000] max-h-72 overflow-scroll select-none": true,
1367
+ "transition-all absolute top-full left-0 p-1 mt-2 gap-1 bg-gray-800/50 backdrop-blur-xl flex flex-col rounded-lg border border-gray-700 z-[1000] max-h-72 lui-scroll overflow-auto select-none": true,
1346
1368
  "pointer-events-none opacity-0 scale-95": !store.opened
1347
1369
  }
1348
1370
  }, {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@luminescent/ui",
3
- "version": "0.7.5",
3
+ "version": "0.7.6",
4
4
  "description": "Luminescent UI library",
5
5
  "main": "./lib/index.qwik.mjs",
6
6
  "qwik": "./lib/index.qwik.mjs",