@luminescent/ui 0.10.0-4 → 0.12.0

package/lib-types/components/docs/Anchor.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("@builder.io/qwik").Component<unknown>;
+export default _default;

package/lib-types/components/docs/Blobs.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("@builder.io/qwik").Component<unknown>;
+export default _default;

package/lib-types/components/docs/Button.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("@builder.io/qwik").Component<unknown>;
+export default _default;

package/lib-types/components/docs/Card.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("@builder.io/qwik").Component<unknown>;
+export default _default;

package/lib-types/components/docs/ColorInput.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("@builder.io/qwik").Component<unknown>;
+export default _default;

package/lib-types/components/docs/Dropdown.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("@builder.io/qwik").Component<unknown>;
+export default _default;

package/lib-types/components/docs/IconsLogos.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("@builder.io/qwik").Component<unknown>;
+export default _default;

package/lib-types/components/docs/Nav.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("@builder.io/qwik").Component<unknown>;
+export default _default;

package/lib-types/components/docs/NumberInput.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("@builder.io/qwik").Component<unknown>;
+export default _default;

package/lib-types/components/docs/SelectInput.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("@builder.io/qwik").Component<unknown>;
+export default _default;

package/lib-types/components/docs/TextArea.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("@builder.io/qwik").Component<unknown>;
+export default _default;

package/lib-types/components/docs/TextInput.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("@builder.io/qwik").Component<unknown>;
+export default _default;

package/lib-types/components/docs/Toggle.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("@builder.io/qwik").Component<unknown>;
+export default _default;

package/lib-types/components/elements/Blobs.d.ts

@@ -0,0 +1,22 @@
+import type { sizeClasses } from './Button';
+interface BlobProps {
+    class?: {
+        [key: string]: boolean;
+    };
+    color?: keyof typeof blobColorClasses | [string, string, string];
+    blur?: keyof typeof sizeClasses;
+}
+export declare const blobColorClasses: {
+    pink: string[];
+    red: string[];
+    orange: string[];
+    yellow: string[];
+    green: string[];
+    blue: string[];
+    purple: string[];
+    gray: string[];
+    darkgray: string[];
+    darkergray: string[];
+};
+export declare const Blobs: import("@builder.io/qwik").Component<BlobProps>;
+export {};

package/lib-types/components/elements/Card.d.ts

@@ -17,7 +17,6 @@ export declare const cardColorClasses: {
             hover: string;
             click: string;
         };
-        blobs: string[];
     };
     red: {
         card: {
@@ -26,7 +25,6 @@ export declare const cardColorClasses: {
             hover: string;
             click: string;
         };
-        blobs: string[];
     };
     orange: {
         card: {
@@ -35,7 +33,6 @@ export declare const cardColorClasses: {
             hover: string;
             click: string;
         };
-        blobs: string[];
     };
     yellow: {
         card: {
@@ -44,7 +41,6 @@ export declare const cardColorClasses: {
             hover: string;
             click: string;
         };
-        blobs: string[];
     };
     green: {
         card: {
@@ -53,7 +49,6 @@ export declare const cardColorClasses: {
             hover: string;
             click: string;
         };
-        blobs: string[];
     };
     blue: {
         card: {
@@ -62,7 +57,6 @@ export declare const cardColorClasses: {
             hover: string;
             click: string;
         };
-        blobs: string[];
     };
     purple: {
         card: {
@@ -71,7 +65,6 @@ export declare const cardColorClasses: {
             hover: string;
             click: string;
         };
-        blobs: string[];
     };
     gray: {
         card: {
@@ -80,7 +73,6 @@ export declare const cardColorClasses: {
             hover: string;
             click: string;
         };
-        blobs: string[];
     };
     darkgray: {
         card: {
@@ -89,7 +81,6 @@ export declare const cardColorClasses: {
             hover: string;
             click: string;
         };
-        blobs: string[];
     };
     darkergray: {
         card: {
@@ -98,7 +89,6 @@ export declare const cardColorClasses: {
             hover: string;
             click: string;
         };
-        blobs: string[];
     };
 };
 export declare const Card: import("@builder.io/qwik").Component<CardProps>;

package/lib-types/components/elements/Dropdown.d.ts

@@ -0,0 +1,19 @@
+import type { JSXChildren, PropsOf } from '@builder.io/qwik';
+import type { buttonColorClasses, sizeClasses } from './Button';
+interface DropdownProps extends Omit<PropsOf<'select'>, 'class' | 'size'> {
+    class?: {
+        [key: string]: boolean;
+    };
+    display?: JSXChildren;
+    color?: keyof typeof buttonColorClasses;
+    size?: keyof typeof sizeClasses;
+    id: string;
+    values: {
+        name: JSXChildren;
+        value: string | number;
+        color?: keyof typeof buttonColorClasses;
+    }[];
+}
+export declare const Dropdown: import("@builder.io/qwik").Component<DropdownProps>;
+export declare const DropdownRaw: import("@builder.io/qwik").Component<DropdownProps>;
+export {};

package/lib-types/components/elements/SelectInput.d.ts

@@ -9,8 +9,9 @@ interface SelectInputProps extends Omit<PropsOf<'select'>, 'class' | 'size'> {
     size?: keyof typeof sizeClasses;
     id: string;
     values: {
-        name: string;
+        name: JSXChildren;
         value: string | number;
+        color?: keyof typeof buttonColorClasses;
     }[];
 }
 export declare const SelectInput: import("@builder.io/qwik").Component<SelectInputProps>;

package/lib-types/components/elements.d.ts

@@ -1,12 +1,13 @@
 export * from './elements/Anchor';
+export * from './elements/Blobs';
 export * from './elements/Button';
 export * from './elements/Card';
 export * from './elements/ColorInput';
+export * from './elements/Dropdown';
 export * from './elements/Header';
 export * from './elements/LoadingIcon';
 export * from './elements/Nav';
 export * from './elements/NumberInput';
-export * from './elements/SelectInput';
 export * from './elements/TextArea';
 export * from './elements/TextInput';
 export * from './elements/Toggle';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@luminescent/ui",
-  "version": "0.10.0-4",
+  "version": "0.12.0",
   "description": "Luminescent UI library",
   "main": "./lib/index.qwik.mjs",
   "qwik": "./lib/index.qwik.mjs",

package/src/tailwind.config.js

@@ -3,8 +3,8 @@ function getBlobKeyFrame() {
   const translateYPercentages = [0, 12, 25, 38, 50];
   const scaleValues = [0.8, 1, 1.2, 1.4];
 
-  const translateX0Key = Math.floor(Math.random() * 70);
-  const translateX0 = Math.floor(Math.random() * 70);
+  const translateX0Key = Math.floor(Math.random() * translateXPercentages.length);
+  const translateX0 = translateXPercentages[translateX0Key];
   translateXPercentages.splice(translateX0Key, 1);
   const translateX1Key = Math.floor(Math.random() * translateXPercentages.length);
   const translateX1 = translateXPercentages[translateX1Key];
@@ -44,10 +44,25 @@ function getBlobKeyFrame() {
   return keyframe;
 }
 
+const luminescent = {
+  50 : "hsl(286deg, 65%, 97%)",
+  100: "hsl(286deg, 60%, 95%)",
+  200: "hsl(286deg, 55%, 90%)",
+  300: "hsl(286deg, 50%, 82%)",
+  400: "hsl(286deg, 45%, 75%)",
+  500: "hsl(286deg, 40%, 60%)",
+  600: "hsl(286deg, 35%, 51%)",
+  700: "hsl(286deg, 30%, 42%)",
+  800: "hsl(286deg, 25%, 35%)",
+  900: "hsl(286deg, 20%, 30%)",
+  950: "hsl(286deg, 15%, 17%)"
+};
+
 module.exports = {
   content: ['./node_modules/@luminescent/ui/**/*.{mjs,cjs}'],
   theme: {
     extend: {
+      colors: { luminescent },
       animation: {
         blob: 'blob 15s infinite',
         blob1: 'blob1 15s infinite',
@@ -56,7 +71,6 @@ module.exports = {
         blob4: 'blob4 15s infinite',
         blob5: 'blob5 15s infinite',
         blob6: 'blob6 15s infinite',
-        float: 'float 6s infinite',
       },
       keyframes: {
         blob: getBlobKeyFrame(),

package/lib-types/utils/simple-color-picker/color.d.ts

@@ -1,36 +0,0 @@
-export declare const clamp: (value: number, min: number, max: number) => number;
-export declare function getMousePosition(e: MouseEvent | TouchEvent): {
-    x: number;
-    y: number;
-};
-export declare const pad2: (c: string) => string;
-export type RGBAColor = {
-    r: number;
-    g: number;
-    b: number;
-    a?: number;
-};
-export type HSVAColor = {
-    h: number;
-    s: number;
-    v: number;
-    a?: number;
-};
-export declare function getBrightness(color: RGBAColor): number;
-export declare function hexNumberToRgb(color: number): {
-    r: number;
-    g: number;
-    b: number;
-};
-export declare function rgbToHex(color: RGBAColor): string;
-export declare const hexStringToNumber: (color: string) => number;
-export declare function hsvToRgb(color: HSVAColor): {
-    r: number;
-    g: number;
-    b: number;
-};
-export declare function rgbToHsv(color: RGBAColor): {
-    h: number;
-    s: number;
-    v: number;
-};