@getpara/core-components 0.1.0

package/dist/types/constants.d.ts

@@ -0,0 +1,17 @@
+import { Theme } from './interface.js';
+export declare const MOBILE_SIZE = 480;
+export declare const DEFAULT_THEME: Theme;
+export declare const COLOR_MIXES: number[];
+export declare const UTILITY_COLORS: {
+    red: string;
+    yellow: string;
+    green: string;
+};
+export declare const DEFAULT_Z_INDICES: {
+    modalNoOverlay: number;
+    appBar: number;
+    overlay: number;
+    drawer: number;
+    modal: number;
+    popover: number;
+};

package/dist/types/index.d.ts

@@ -0,0 +1,6 @@
+export * from './components.d.ts';
+export { generateTheme } from './utils/theme/generateTheme.js';
+export type { Theme, BorderRadius, IconType } from './interface.js';
+export { getPseudoRandomBackground } from './utils/prand.js';
+
+export * from '../loader/index.d.ts';

package/dist/types/interface.d.ts

@@ -0,0 +1,264 @@
+import { Icons } from './assets/icons/index.js';
+import { Images } from './assets/images/index.js';
+export type PredefinedColors = 'primary' | 'secondary' | 'tertiary' | 'success' | 'warning' | 'danger' | 'light' | 'medium' | 'dark';
+export type AutocompleteTypes = 'on' | 'off' | 'name' | 'honorific-prefix' | 'given-name' | 'additional-name' | 'family-name' | 'honorific-suffix' | 'nickname' | 'email' | 'username' | 'new-password' | 'current-password' | 'one-time-code' | 'organization-title' | 'organization' | 'street-address' | 'address-line1' | 'address-line2' | 'address-line3' | 'address-level4' | 'address-level3' | 'address-level2' | 'address-level1' | 'country' | 'country-name' | 'postal-code' | 'cc-name' | 'cc-given-name' | 'cc-additional-name' | 'cc-family-name' | 'cc-family-name' | 'cc-number' | 'cc-exp' | 'cc-exp-month' | 'cc-exp-year' | 'cc-csc' | 'cc-type' | 'transaction-currency' | 'transaction-amount' | 'language' | 'bday' | 'bday-day' | 'bday-month' | 'bday-year' | 'sex' | 'tel' | 'tel-country-code' | 'tel-national' | 'tel-area-code' | 'tel-local' | 'tel-extension' | 'impp' | 'url' | 'photo';
+export type TextFieldTypes = 'date' | 'email' | 'number' | 'password' | 'search' | 'tel' | 'text' | 'url' | 'time' | 'week' | 'month' | 'datetime-local';
+export type LiteralUnion<T extends U, U = string> = T | (U & Record<never, never>);
+export type Color = LiteralUnion<PredefinedColors, string>;
+export type CssClassMap = {
+    [className: string]: boolean;
+};
+export type IconType = keyof typeof Icons;
+export type ImageType = keyof typeof Images;
+export type Theme = {
+    foregroundColor?: string;
+    backgroundColor?: string;
+    accentColor?: string;
+    darkForegroundColor?: string;
+    darkBackgroundColor?: string;
+    darkAccentColor?: string;
+    mode?: 'light' | 'dark';
+    borderRadius?: BorderRadius;
+    font?: string;
+    customPalette?: CustomPalette;
+    customFontSizes?: CustomFontSizes;
+    customBorderRadii?: CustomBorderRadii;
+};
+export type BorderRadius = 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'full';
+export interface CustomBorderRadii {
+    input?: string;
+    select?: string;
+    fileSelect?: string;
+    alert?: string;
+    tabs?: string;
+    primaryButton?: string;
+    secondaryButton?: string;
+    destructiveButton?: string;
+    tileButton?: string;
+    modal?: string;
+    pill?: string;
+    qrCode?: string;
+    infoBox?: string;
+    tableContainer?: string;
+    switch?: string;
+    checkbox?: string;
+    radio?: string;
+    avatar?: string;
+    card?: string;
+    buttonGroup?: string;
+}
+export interface CustomFontSizes {
+    body2XS?: string;
+    bodyXS?: string;
+    bodyS?: string;
+    bodyM?: string;
+    bodyL?: string;
+    bodyXL?: string;
+    headingXS?: string;
+    headingS?: string;
+    headingM?: string;
+    headingL?: string;
+    headingXL?: string;
+    heading2XL?: string;
+}
+export interface CustomPalette {
+    text?: {
+        primary?: string;
+        secondary?: string;
+        subtle?: string;
+        inverted?: string;
+        error?: string;
+    };
+    modal?: {
+        surface?: {
+            main?: string;
+            footer?: string;
+        };
+        border?: string;
+    };
+    input?: {
+        surface?: {
+            disabled?: string;
+            default?: string;
+            hover?: string;
+        };
+        border?: {
+            placeholder?: string;
+            active?: string;
+            error?: string;
+        };
+    };
+    select?: {
+        surface?: {
+            disabled?: string;
+            default?: string;
+            hover?: string;
+        };
+        border?: {
+            placeholder?: string;
+            active?: string;
+            error?: string;
+        };
+        dropdown?: {
+            border?: string;
+        };
+    };
+    file?: {
+        surface?: {
+            disabled?: string;
+            default?: string;
+            drag?: string;
+        };
+        border?: {
+            placeholder?: string;
+            error?: string;
+        };
+    };
+    tileButton?: {
+        surface?: {
+            default?: string;
+            hover?: string;
+            pressed?: string;
+        };
+        border?: string;
+    };
+    primaryButton?: {
+        surface?: {
+            default?: string;
+            hover?: string;
+            pressed?: string;
+            disabled?: string;
+        };
+        border?: {
+            default?: string;
+            disabled?: string;
+        };
+        outline?: string;
+    };
+    secondaryButton?: {
+        surface?: {
+            default?: string;
+            hover?: string;
+            pressed?: string;
+            disabled?: string;
+        };
+        border?: {
+            default?: string;
+            disabled?: string;
+        };
+        outline?: string;
+    };
+    destructiveButton?: {
+        surface?: {
+            default?: string;
+            hover?: string;
+            pressed?: string;
+            disabled?: string;
+        };
+        border?: {
+            default?: string;
+            disabled?: string;
+        };
+        outline?: string;
+    };
+    divider?: string;
+    spinner?: {
+        path?: string;
+        circle?: string;
+    };
+    pill?: {
+        text?: string;
+        container?: {
+            background?: string;
+            border?: string;
+        };
+    };
+    progressIndicator?: {
+        active?: string;
+        next?: string;
+        previous?: string;
+    };
+    qr?: {
+        fill?: string;
+        background?: string;
+        border?: string;
+    };
+    slideButton?: {
+        slider?: {
+            background?: string;
+            border?: string;
+            text?: string;
+            container?: {
+                start?: {
+                    background?: string;
+                    border?: string;
+                };
+                end?: {
+                    background?: string;
+                    border?: string;
+                };
+            };
+        };
+        start?: {
+            text?: string;
+        };
+        end?: {
+            text?: string;
+        };
+    };
+    alert?: {
+        surface?: {
+            error?: string;
+        };
+        border?: {
+            error?: string;
+        };
+    };
+    switch?: {
+        surface?: {
+            default?: string;
+            checked?: string;
+        };
+        thumb?: {
+            default?: string;
+            checked?: string;
+        };
+    };
+    checkbox?: {
+        surface?: {
+            default?: string;
+            checked?: string;
+        };
+        border?: {
+            default?: string;
+            checked?: string;
+        };
+        icon?: string;
+    };
+    radio?: {
+        surface?: {
+            default?: string;
+            checked?: string;
+        };
+        border?: {
+            default?: string;
+            checked?: string;
+        };
+    };
+    card?: {
+        surface?: string;
+        border?: string;
+    };
+    iconGroup?: {
+        surface?: string;
+        border?: string;
+        icon?: {
+            default?: string;
+            disabled?: string;
+        };
+    };
+}
+export interface InteractionCallback {
+    eventName: string;
+    callback: (ev: any) => void;
+}

package/dist/types/lib/prando.d.ts

@@ -0,0 +1,92 @@
+export default class Prando {
+    private static readonly MIN;
+    private static readonly MAX;
+    private _seed;
+    private _value;
+    /**
+     * Generate a new Prando pseudo-random number generator.
+     *
+     * @param seed - A number or string seed that determines which pseudo-random number sequence will be created. Defaults to a random seed based on `Math.random()`.
+     */
+    constructor(seed?: number | string);
+    /**
+     * Generates a pseudo-random number between a lower (inclusive) and a higher (exclusive) bounds.
+     *
+     * @param min - The minimum number that can be randomly generated.
+     * @param pseudoMax - The maximum number that can be randomly generated (exclusive).
+     * @return The generated pseudo-random number.
+     */
+    next(min?: number, pseudoMax?: number): number;
+    /**
+     * Generates a pseudo-random integer number in a range (inclusive).
+     *
+     * @param min - The minimum number that can be randomly generated.
+     * @param max - The maximum number that can be randomly generated.
+     * @return The generated pseudo-random number.
+     */
+    nextInt(min?: number, max?: number): number;
+    /**
+     * Generates a pseudo-random string sequence of a particular length from a specific character range.
+     *
+     * Note: keep in mind that creating a random string sequence does not guarantee uniqueness; there is always a
+     * 1 in (char_length^string_length) chance of collision. For real unique string ids, always check for
+     * pre-existing ids, or employ a robust GUID/UUID generator.
+     *
+     * @param length - Length of the string to be generated.
+     * @param chars - Characters that are used when creating the random string. Defaults to all alphanumeric chars (A-Z, a-z, 0-9).
+     * @return The generated string sequence.
+     */
+    nextString(length?: number, chars?: string): string;
+    /**
+     * Generates a pseudo-random string of 1 character specific character range.
+     *
+     * @param chars - Characters that are used when creating the random string. Defaults to all alphanumeric chars (A-Z, a-z, 0-9).
+     * @return The generated character.
+     */
+    nextChar(chars?: string): string;
+    /**
+     * Picks a pseudo-random item from an array. The array is left unmodified.
+     *
+     * Note: keep in mind that while the returned item will be random enough, picking one item from the array at a time
+     * does not guarantee nor imply that a sequence of random non-repeating items will be picked. If you want to
+     * *pick items in a random order* from an array, instead of *pick one random item from an array*, it's best to
+     * apply a *shuffle* transformation to the array instead, then read it linearly.
+     *
+     * @param array - Array of any type containing one or more candidates for random picking.
+     * @return An item from the array.
+     */
+    nextArrayItem<T>(array: T[]): T;
+    /**
+     * Generates a pseudo-random boolean.
+     *
+     * @return A value of true or false.
+     */
+    nextBoolean(): boolean;
+    /**
+     * Skips ahead in the sequence of numbers that are being generated. This is equivalent to
+     * calling next() a specified number of times, but faster since it doesn't need to map the
+     * new random numbers to a range and return it.
+     *
+     * @param iterations - The number of items to skip ahead.
+     */
+    skip(iterations?: number): void;
+    /**
+     * Reset the pseudo-random number sequence back to its starting seed. Further calls to next()
+     * will then produce the same sequence of numbers it had produced before. This is equivalent to
+     * creating a new Prando instance with the same seed as another Prando instance.
+     *
+     * Example:
+     * let rng = new Prando(12345678);
+     * console.log(rng.next()); // 0.6177754114889017
+     * console.log(rng.next()); // 0.5784605181725837
+     * rng.reset();
+     * console.log(rng.next()); // 0.6177754114889017 again
+     * console.log(rng.next()); // 0.5784605181725837 again
+     */
+    reset(): void;
+    private recalculate;
+    private xorshift;
+    private map;
+    private hashCode;
+    private getSafeSeed;
+}