@luminescent/ui 0.4.2 → 0.5.1

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

@@ -4,6 +4,7 @@ export declare const buttonColorClasses: {
     purple: string;
     pink: string;
     gray: string;
+    darkgray: string;
     red: string;
     green: string;
     yellow: string;

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

@@ -1,7 +1,7 @@
 import type { PropsOf } from '@builder.io/qwik';
 interface CardProps extends Omit<PropsOf<'div'>, 'class'> {
     color?: keyof typeof cardColorClasses;
-    hoverable?: boolean;
+    hover?: boolean | 'clickable';
     href?: string;
     row?: boolean;
     blobs?: boolean;
@@ -19,6 +19,7 @@ export declare const cardColorClasses: {
             bg_blobs: string;
             bg: string;
             hover: string;
+            click: string;
         };
         blobs: string[];
     };
@@ -27,6 +28,7 @@ export declare const cardColorClasses: {
             bg_blobs: string;
             bg: string;
             hover: string;
+            click: string;
         };
         blobs: string[];
     };
@@ -35,6 +37,7 @@ export declare const cardColorClasses: {
             bg_blobs: string;
             bg: string;
             hover: string;
+            click: string;
         };
         blobs: string[];
     };
@@ -43,6 +46,7 @@ export declare const cardColorClasses: {
             bg_blobs: string;
             bg: string;
             hover: string;
+            click: string;
         };
         blobs: string[];
     };
@@ -51,6 +55,7 @@ export declare const cardColorClasses: {
             bg_blobs: string;
             bg: string;
             hover: string;
+            click: string;
         };
         blobs: string[];
     };
@@ -59,6 +64,7 @@ export declare const cardColorClasses: {
             bg_blobs: string;
             bg: string;
             hover: string;
+            click: string;
         };
         blobs: string[];
     };
@@ -67,6 +73,7 @@ export declare const cardColorClasses: {
             bg_blobs: string;
             bg: string;
             hover: string;
+            click: string;
         };
         blobs: string[];
     };
@@ -75,6 +82,7 @@ export declare const cardColorClasses: {
             bg_blobs: string;
             bg: string;
             hover: string;
+            click: string;
         };
         blobs: string[];
     };
@@ -83,6 +91,7 @@ export declare const cardColorClasses: {
             bg_blobs: string;
             bg: string;
             hover: string;
+            click: string;
         };
         blobs: string[];
     };
@@ -91,6 +100,7 @@ export declare const cardColorClasses: {
             bg_blobs: string;
             bg: string;
             hover: string;
+            click: string;
         };
         blobs: string[];
     };

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

@@ -1,9 +1,9 @@
 import type { QRL } from '@builder.io/qwik';
 import type { TextInputRawProps } from './TextInput';
-interface ColorInputProps extends Omit<TextInputRawProps, 'onInput$' | 'children'> {
+export interface ColorInputProps extends Omit<TextInputRawProps, 'onInput$' | 'children'> {
     onInput$?: QRL<(color: string, element: HTMLInputElement) => void>;
     value?: string;
     presetColors?: string[];
+    preview?: 'left' | 'right' | 'top' | 'bottom' | 'full';
 }
 export declare const ColorInput: import("@builder.io/qwik").Component<ColorInputProps>;
-export {};

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

@@ -1,13 +1,14 @@
 import type { PropsOf } from '@builder.io/qwik';
-interface SelectInputRawProps extends Omit<PropsOf<'select'>, 'class'> {
+interface SelectInputProps extends Omit<PropsOf<'select'>, 'class'> {
     class?: {
         [key: string]: boolean;
     };
-    transparent?: boolean;
-}
-interface SelectInputProps extends SelectInputRawProps {
     id: string;
+    values: {
+        name: string;
+        value: string | number;
+    }[];
 }
 export declare const SelectInput: import("@builder.io/qwik").Component<SelectInputProps>;
-export declare const SelectInputRaw: import("@builder.io/qwik").Component<SelectInputRawProps>;
+export declare const SelectInputRaw: import("@builder.io/qwik").Component<SelectInputProps>;
 export {};

package/lib-types/components/elements/{TextAreaInput.d.ts → TextArea.d.ts}

@@ -1,12 +1,13 @@
 import type { PropsOf } from '@builder.io/qwik';
-export interface TextAreaRawProps extends Omit<PropsOf<'textarea'>, 'class'> {
+export interface TextAreaRawProps extends Omit<PropsOf<'textarea'>, 'class' | 'onChange$' | 'onClick$'> {
     class?: {
         [key: string]: boolean;
     };
+    output?: boolean;
 }
 interface TextAreaProps extends Omit<TextAreaRawProps, 'children'> {
     id: string;
 }
-export declare const TextAreaInput: import("@builder.io/qwik").Component<TextAreaProps>;
-export declare const TextAreaInputRaw: import("@builder.io/qwik").Component<TextAreaRawProps>;
+export declare const TextArea: import("@builder.io/qwik").Component<TextAreaProps>;
+export declare const TextAreaRaw: import("@builder.io/qwik").Component<TextAreaRawProps>;
 export {};

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

@@ -9,6 +9,7 @@ export interface TextInputRawProps extends Omit<(PropsOf<'input'> & {
 interface TextInputProps extends Omit<TextInputRawProps, 'children'> {
     id: string;
 }
+export declare const InputClasses = "transition ease-in-out text-lg border border-gray-700 bg-gray-800 text-gray-50 hover:bg-gray-700 hover:shadow-lg focus:bg-gray-700 focus:outline-none focus:border-gray-400 rounded-md px-3 py-2";
 export declare const TextInput: import("@builder.io/qwik").Component<TextInputProps>;
 export declare const TextInputRaw: import("@builder.io/qwik").Component<TextInputRawProps>;
 export {};

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

@@ -3,8 +3,7 @@ export * from './elements/Button';
 export * from './elements/Card';
 export * from './elements/ColorInput';
 export * from './elements/NumberInput';
-export * from './elements/OutputField';
 export * from './elements/SelectInput';
-export * from './elements/TextAreaInput';
+export * from './elements/TextArea';
 export * from './elements/TextInput';
 export * from './elements/Toggle';

package/lib-types/svg/ChevronDown.d.ts

@@ -0,0 +1,2 @@
+import type { IconProps } from '../components/logos/IconProps';
+export declare const ChevronDown: import("@builder.io/qwik").Component<IconProps>;

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

@@ -30,6 +30,7 @@ export declare class Color {
     get isDark(): boolean;
     get isLight(): boolean;
 }
+export declare function getBrightness(color: RGBAColor): number;
 export declare function hexNumberToRgb(color: number): {
     r: number;
     g: number;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@luminescent/ui",
-  "version": "0.4.2",
+  "version": "0.5.1",
   "description": "Luminescent UI library",
   "main": "./lib/index.qwik.mjs",
   "qwik": "./lib/index.qwik.mjs",
@@ -40,6 +40,7 @@
     "qwik": "qwik"
   },
   "devDependencies": {
+    "@anuragroy/tailwindcss-animate": "^1.0.6",
     "@builder.io/qwik": "1.4.5",
     "@builder.io/qwik-city": "^1.4.5",
     "@types/eslint": "^8.56.2",

package/src/tailwind.config.js

@@ -66,7 +66,7 @@ module.exports = {
         blob4: getBlobKeyFrame(),
         blob5: getBlobKeyFrame(),
         blob6: getBlobKeyFrame(),
-      },    
-    }
-  }
+      },
+    },
+  },
 };

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

@@ -1,19 +0,0 @@
-import type { PropsOf, QRL } from '@builder.io/qwik';
-interface alertsStore {
-    alerts: {
-        class: string;
-        text: string;
-    }[];
-}
-interface OutputFieldRawProps extends Omit<PropsOf<'textarea'>, 'class' | 'onChange$'> {
-    class?: {
-        [key: string]: boolean;
-    };
-    onChange$?: QRL<(event: Event, element: HTMLTextAreaElement, alertsStore: alertsStore) => any>;
-}
-interface OutputFieldProps extends Omit<OutputFieldRawProps, 'children'> {
-    id: string;
-}
-export declare const OutputField: import("@builder.io/qwik").Component<OutputFieldProps>;
-export declare const OutputFieldRaw: import("@builder.io/qwik").Component<OutputFieldRawProps>;
-export {};

package/lib-types/tailwind-config.d.ts

@@ -1,114 +0,0 @@
-declare const _default: {
-    content: string[];
-    animation: {
-        blob: string;
-        blob1: string;
-        blob2: string;
-        blob3: string;
-        blob4: string;
-        blob5: string;
-        blob6: string;
-        float: string;
-    };
-    keyframes: {
-        blob: {
-            '0%, 100%': {
-                transform: string;
-            };
-            '25%': {
-                transform: string;
-            };
-            '50%': {
-                transform: string;
-            };
-            '75%': {
-                transform: string;
-            };
-        };
-        blob1: {
-            '0%, 100%': {
-                transform: string;
-            };
-            '25%': {
-                transform: string;
-            };
-            '50%': {
-                transform: string;
-            };
-            '75%': {
-                transform: string;
-            };
-        };
-        blob2: {
-            '0%, 100%': {
-                transform: string;
-            };
-            '25%': {
-                transform: string;
-            };
-            '50%': {
-                transform: string;
-            };
-            '75%': {
-                transform: string;
-            };
-        };
-        blob3: {
-            '0%, 100%': {
-                transform: string;
-            };
-            '25%': {
-                transform: string;
-            };
-            '50%': {
-                transform: string;
-            };
-            '75%': {
-                transform: string;
-            };
-        };
-        blob4: {
-            '0%, 100%': {
-                transform: string;
-            };
-            '25%': {
-                transform: string;
-            };
-            '50%': {
-                transform: string;
-            };
-            '75%': {
-                transform: string;
-            };
-        };
-        blob5: {
-            '0%, 100%': {
-                transform: string;
-            };
-            '25%': {
-                transform: string;
-            };
-            '50%': {
-                transform: string;
-            };
-            '75%': {
-                transform: string;
-            };
-        };
-        blob6: {
-            '0%, 100%': {
-                transform: string;
-            };
-            '25%': {
-                transform: string;
-            };
-            '50%': {
-                transform: string;
-            };
-            '75%': {
-                transform: string;
-            };
-        };
-    };
-};
-export default _default;