flowbite-angular 1.3.0 → 20.0.2

package/tailwind.config.js

@@ -1,303 +0,0 @@
-/* eslint-disable @typescript-eslint/no-unsafe-argument */
-/* eslint-disable @typescript-eslint/no-unsafe-assignment */
-/* eslint-disable @typescript-eslint/no-unsafe-call */
-/* eslint-disable @typescript-eslint/no-var-requires */
-
-/** @type {import('tailwindcss').Config} */
-module.exports = {
-  darkMode: 'class',
-  theme: {
-    extend: {
-      colors: {
-        primary: {
-          50: '#FFF0F1',
-          100: '#FFE1E4',
-          200: '#FFC8CF',
-          300: '#FF9BA8',
-          400: '#FF637B',
-          500: '#FF2C51',
-          600: '#F6083B',
-          700: '#C3002F',
-          800: '#AE0331',
-          900: '#940732',
-        },
-        gray: {
-          50: '#F9FAFB',
-          100: '#F3F4F6',
-          200: '#E5E7EB',
-          300: '#D1D5DB',
-          400: '#9CA3AF',
-          500: '#6B7280',
-          600: '#4B5563',
-          700: '#374151',
-          800: '#1F2A37',
-          900: '#111928',
-        },
-        blue: {
-          50: '#EBF5FF',
-          100: '#E1EFFE',
-          200: '#C3DDFD',
-          300: '#A4CAFE',
-          400: '#76A9FA',
-          500: '#3F83F8',
-          600: '#1C64F2',
-          700: '#1A56DB',
-          800: '#1E429F',
-          900: '#233876',
-        },
-        red: {
-          50: '#FDF2F2',
-          100: '#FDE8E8',
-          200: '#FBD5D5',
-          300: '#F8B4B4',
-          400: '#F98080',
-          500: '#F05252',
-          600: '#E02424',
-          700: '#C81E1E',
-          800: '#9B1C1C',
-          900: '#771D1D',
-        },
-        orange: {
-          50: '#FFF8F1',
-          100: '#FEECDC',
-          200: '#FCD9BD',
-          300: '#FDBA8C',
-          400: '#FF8A4C',
-          500: '#FF5A1F',
-          600: '#D03801',
-          700: '#B43403',
-          800: '#8A2C0D',
-          900: '#771D1D',
-        },
-        yellow: {
-          50: '#FDFDEA',
-          100: '#FDF6B2',
-          200: '#FCE96A',
-          300: '#FACA15',
-          400: '#E3A008',
-          500: '#C27803',
-          600: '#9F580A',
-          700: '#8E4B10',
-          800: '#723B13',
-          900: '#633112',
-        },
-        green: {
-          50: '#F3FAF7',
-          100: '#DEF7EC',
-          200: '#BCF0DA',
-          300: '#84E1BC',
-          400: '#31C48D',
-          500: '#0E9F6E',
-          600: '#057A55',
-          700: '#046C4E',
-          800: '#03543F',
-          900: '#014737',
-        },
-        teal: {
-          50: '#EDFAFA',
-          100: '#D5F5F6',
-          200: '#AFECEF',
-          300: '#7EDCE2',
-          400: '#16BDCA',
-          500: '#0694A2',
-          600: '#047481',
-          700: '#036672',
-          800: '#036672',
-          900: '#014451',
-        },
-        indigo: {
-          50: '#F0F5FF',
-          100: '#E5EDFF',
-          200: '#CDDBFE',
-          300: '#B4C6FC',
-          400: '#8DA2FB',
-          500: '#6875F5',
-          600: '#5850EC',
-          700: '#5145CD',
-          800: '#42389D',
-          900: '#362F78',
-        },
-        purple: {
-          50: '#F6F5FF',
-          100: '#EDEBFE',
-          200: '#DCD7FE',
-          300: '#CABFFD',
-          400: '#AC94FA',
-          500: '#9061F9',
-          600: '#7E3AF2',
-          700: '#6C2BD9',
-          800: '#5521B5',
-          900: '#4A1D96',
-        },
-        pink: {
-          50: '#FDF2F8',
-          100: '#FCE8F3',
-          200: '#FAD1E8',
-          300: '#F8B4D9',
-          400: '#F17EB8',
-          500: '#E74694',
-          600: '#D61F69',
-          700: '#BF125D',
-          800: '#99154B',
-          900: '#751A3D',
-        },
-      },
-      screens: {
-        sm: '640px',
-        md: '768px',
-        lg: '1024px',
-        xl: '1280px',
-        '2xl': '1536px',
-      },
-      spacing: {
-        0: '0px',
-        px: '1px',
-        0.5: '2px',
-        1: '4px',
-        1.5: '6px',
-        2: '8px',
-        2.5: '10px',
-        3: '12px',
-        3.5: '14px',
-        4: '16px',
-        5: '20px',
-        6: '24px',
-        7: '28px',
-        8: '32px',
-        9: '36px',
-        10: '40px',
-        11: '44px',
-        12: '48px',
-        14: '56px',
-        16: '64px',
-        20: '80px',
-        24: '96px',
-        28: '112px',
-        32: '128px',
-        36: '144px',
-        40: '160px',
-        44: '176px',
-        48: '192px',
-        52: '208px',
-        56: '224px',
-        60: '240px',
-        64: '256px',
-        72: '288px',
-        80: '320px',
-        96: '384px',
-      },
-      borderRadius: {
-        sm: '2px',
-        DEFAULT: '4px',
-        md: '6px',
-        lg: '8px',
-        xl: '12px',
-        '2xl': '16px',
-        '3xl': '24px',
-        full: '999px',
-      },
-      boxShadow: {
-        sm: '0px 1px 2px 0px #00000014',
-        DEFAULT: '0px 1px 2px -1px #0000001A',
-        md: '0px 2px 4px -2px #0000000D',
-        lg: '0px 4px 6px 0px #0000000D',
-        xl: '0px 10px 10px 0px #0000000A',
-        '2xl': '0px 25px 50px -12px #00000040',
-      },
-      borderWidth: {
-        0: '0px',
-        DEFAULT: '1px',
-        2: '2px',
-        4: '4px',
-        8: '8px',
-      },
-      fontSize: {
-        xs: [
-          '12px',
-          {
-            lineHeight: '1',
-          },
-        ],
-        sm: [
-          '14px',
-          {
-            lineHeight: '1',
-          },
-        ],
-        DEFAULT: [
-          '16px',
-          {
-            lineHeight: '1',
-          },
-        ],
-        lg: [
-          '18px',
-          {
-            lineHeight: '1',
-          },
-        ],
-        xl: [
-          '20px',
-          {
-            lineHeight: '1',
-          },
-        ],
-        '2xl': [
-          '24px',
-          {
-            lineHeight: '1',
-          },
-        ],
-        '3xl': [
-          '30px',
-          {
-            lineHeight: '1',
-          },
-        ],
-        '4xl': [
-          '36px',
-          {
-            lineHeight: '1',
-          },
-        ],
-        '5xl': [
-          '48px',
-          {
-            lineHeight: '1',
-          },
-        ],
-        '6xl': [
-          '60px',
-          {
-            lineHeight: '1',
-          },
-        ],
-        '7xl': [
-          '72px',
-          {
-            lineHeight: '1',
-          },
-        ],
-        '8xl': [
-          '96px',
-          {
-            lineHeight: '1',
-          },
-        ],
-        '9xl': [
-          '128px',
-          {
-            lineHeight: '1',
-          },
-        ],
-      },
-      aria: {
-        current: 'current="true"',
-      },
-    },
-    fontFamily: {
-      sans: 'Inter',
-    },
-  },
-  plugins: [],
-};

package/theme/README.md

@@ -1,4 +0,0 @@
-# flowbite-angular/theme
-
-Secondary entry point of `flowbite-angular`. It can be used by importing from
-`flowbite-angular/theme`.

package/theme/flowbite-theme.directive.d.ts

@@ -1,36 +0,0 @@
-import type { FlowbiteTheme } from 'flowbite-angular';
-import type { OnInit } from '@angular/core';
-import * as i0 from "@angular/core";
-/**
- * Use to give a clean API on the current application theme
- */
-export declare class FlowbiteThemeDirective implements OnInit {
-    private readonly injector;
-    private readonly localStorageKey;
-    private readonly _currentTheme;
-    ngOnInit(): void;
-    /**
-     * Get the application theme based on `signals`
-     */
-    readonly currentTheme: import("@angular/core").Signal<FlowbiteTheme>;
-    /**
-     * Get theme from the `localStorage`
-     *
-     * @returns The current theme saved in the `localStorage` with the key `color-theme`
-     */
-    getLocalStorageTheme(): FlowbiteTheme;
-    /**
-     * Toggle the theme saved in the `localStorage` and available in `currentTheme`
-     *
-     * @param theme If provided, force the theme instead of toggling it between light and dark mode
-     */
-    toggleTheme(theme?: FlowbiteTheme): void;
-    /**
-     * Set the theme inside the page
-     *
-     * @param theme Theme to apply
-     */
-    setTheme(theme: FlowbiteTheme): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<FlowbiteThemeDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<FlowbiteThemeDirective, "[flowbiteTheme]", never, {}, {}, never, never, true, never>;
-}

package/theme/index.d.ts

@@ -1 +0,0 @@
-export { FlowbiteThemeDirective } from './flowbite-theme.directive';

package/type-definitions/colors/flowbite.colors.d.ts

@@ -1,19 +0,0 @@
-/**
- * Base definition of colors used in flowbite-angular.
- */
-export interface FlowbiteColors {
-    primary: string;
-    light: string;
-    dark: string;
-    blue: string;
-    cyan: string;
-    gray: string;
-    green: string;
-    indigo: string;
-    lime: string;
-    pink: string;
-    purple: string;
-    red: string;
-    teal: string;
-    yellow: string;
-}

package/type-definitions/colors/flowbite.gradient-colors.d.ts

@@ -1,11 +0,0 @@
-import type { FlowbiteColors } from './flowbite.colors';
-/**
- * Base definition of gradient colors used in flowbite-angular.
- */
-export interface FlowbiteGradientColors extends Omit<FlowbiteColors, 'warning'> {
-    cyan: string;
-    lime: string;
-    pink: string;
-    purple: string;
-    teal: string;
-}

package/type-definitions/colors/flowbite.gradient-duo-tone-colors.d.ts

@@ -1,12 +0,0 @@
-/**
- * Base definition of gradient color with fade from one color to another used in flowbite-angular.
- */
-export interface FlowbiteGradientDuoToneColors {
-    cyanToBlue: string;
-    greenToBlue: string;
-    pinkToOrange: string;
-    purpleToBlue: string;
-    purpleToPink: string;
-    redToYellow: string;
-    tealToLime: string;
-}

package/type-definitions/colors/index.d.ts

@@ -1,3 +0,0 @@
-export type { FlowbiteColors } from './flowbite.colors';
-export type { FlowbiteGradientColors } from './flowbite.gradient-colors';
-export type { FlowbiteGradientDuoToneColors } from './flowbite.gradient-duo-tone-colors';

package/type-definitions/flowbite.boolean.d.ts

@@ -1,14 +0,0 @@
-/**
- * Base definition of boolean used in flowbite-angular.
- */
-export interface FlowbiteBoolean {
-    enabled: string;
-    disabled: string;
-}
-/**
- * This function cast a boolean to the internal flowbute-angular boolean type.
- *
- * @param value The input to be cast.
- * @returns enabled if value is true ; disabled if value is false.
- */
-export declare function booleanToFlowbiteBoolean(value: boolean): keyof FlowbiteBoolean;

package/type-definitions/flowbite.class.d.ts

@@ -1,6 +0,0 @@
-/**
- * Base definition of classes used in flowbite-angular.
- */
-export interface FlowbiteClass {
-    rootClass: string;
-}

package/type-definitions/flowbite.combination.d.ts

@@ -1,8 +0,0 @@
-/**
- * Type describing all the combinations possible between two types.
- */
-export type Combination<T extends string | number | symbol, U extends string | number | symbol, TOut> = {
-    [K1 in T]: {
-        [K2 in U]: TOut;
-    };
-};

package/type-definitions/flowbite.content-positions.d.ts

@@ -1,6 +0,0 @@
-/**
- * Base definition of content positions used in flowbite-angular.
- */
-export interface FlowbiteContentPositions {
-    center: string;
-}

package/type-definitions/flowbite.deep-partial.d.ts

@@ -1,6 +0,0 @@
-/**
- * Type describing partial object from another, by getting every sub-child of provided type in itself.
- */
-export type DeepPartial<T> = T extends object ? {
-    [P in keyof T]?: DeepPartial<T[P]>;
-} : T;

package/type-definitions/flowbite.heading-levels.d.ts

@@ -1,4 +0,0 @@
-/**
- * Base definition of heading level used in flowbite-angular.
- */
-export type FlowbiteHeadingLevel = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';

package/type-definitions/flowbite.positions.d.ts

@@ -1,14 +0,0 @@
-/**
- * Base definition of positions used in flowbite-angular.
- */
-export interface FlowbitePositions {
-    'bottom-left': string;
-    'bottom-right': string;
-    'bottom-center': string;
-    'top-left': string;
-    'top-center': string;
-    'top-right': string;
-    'center-left': string;
-    center: string;
-    'center-right': string;
-}

package/type-definitions/flowbite.router-link-parameter.d.ts

@@ -1,5 +0,0 @@
-import type { UrlTree } from '@angular/router';
-/**
- * Type describing RouterLink parameters.
- */
-export type RouterLinkParameter = UrlTree | null;

package/type-definitions/flowbite.sizes.d.ts

@@ -1,10 +0,0 @@
-/**
- * Base definition of sizes used in flowbite-angular.
- */
-export interface FlowbiteSizes {
-    xs: string;
-    sm: string;
-    md: string;
-    lg: string;
-    xl: string;
-}

package/type-definitions/flowbite.themes.d.ts

@@ -1,4 +0,0 @@
-/**
- * Base definition of theme used in flowbite-angular.
- */
-export type FlowbiteTheme = 'dark' | 'light';

package/type-definitions/index.d.ts

@@ -1,12 +0,0 @@
-export { booleanToFlowbiteBoolean } from './flowbite.boolean';
-export type { FlowbiteBoolean } from './flowbite.boolean';
-export type { FlowbiteClass } from './flowbite.class';
-export type { FlowbiteContentPositions } from './flowbite.content-positions';
-export type { FlowbiteHeadingLevel } from './flowbite.heading-levels';
-export type { FlowbitePositions } from './flowbite.positions';
-export type { FlowbiteSizes } from './flowbite.sizes';
-export type { FlowbiteTheme } from './flowbite.themes';
-export type { Combination } from './flowbite.combination';
-export type { DeepPartial } from './flowbite.deep-partial';
-export type { RouterLinkParameter } from './flowbite.router-link-parameter';
-export * from './colors';

package/utils/README.md

@@ -1,4 +0,0 @@
-# flowbite-angular/utils
-
-Secondary entry point of `flowbite-angular`. It can be used by importing from
-`flowbite-angular/utils`.

package/utils/icon.list.d.ts

@@ -1,7 +0,0 @@
-export declare const CLOSE_SVG_ICON = "\n<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\">\n  <path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"\n    d=\"M6 18 17.94 6M18 18 6.06 6\" />\n</svg>\n";
-export declare const CHEVRON_UP_SVG_ICON = "\n<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\">\n  <path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"m16 14-4-4-4 4\" />\n</svg>\n";
-export declare const CHEVRON_DOWN_SVG_ICON = "\n<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\">\n  <path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"m8 10 4 4 4-4\" />\n</svg>\n";
-export declare const CHEVRON_RIGHT_SVG_ICON = "\n<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\">\n  <path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"m10 16 4-4-4-4\" />\n</svg>\n";
-export declare const SUN_SVG_ICON = "\n<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\">\n  <path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"\n    d=\"M12 5V3m0 18v-2M7.05 7.05 5.636 5.636m12.728 12.728L16.95 16.95M5 12H3m18 0h-2M7.05 16.95l-1.414 1.414M18.364 5.636 16.95 7.05M16 12a4 4 0 1 1-8 0 4 4 0 0 1 8 0Z\" />\n</svg>\n";
-export declare const MOON_SVG_ICON = "\n<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\">\n  <path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"\n    d=\"M12 21a9 9 0 0 1-.5-17.986V3c-.354.966-.5 1.911-.5 3a9 9 0 0 0 9 9c.239 0 .254.018.488 0A9.004 9.004 0 0 1 12 21Z\" />\n</svg>\n";
-export declare const BARS_SVG_ICON = "\n<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\">\n  <path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-width=\"2\" d=\"M5 7h14M5 12h14M5 17h14\" />\n</svg>\n";

package/utils/id.generator.d.ts

@@ -1,59 +0,0 @@
-/**
- * This class provide an implementation of Guid used as id for flowbite-angular components.
- *
- * @see https://gist.github.com/emptyother/1fd97db034ef848f38eca3354fa9ee90
- */
-export declare class Guid {
-    private value;
-    /**
-     * If value is given and if the value is a valid Guid, then return a Guid from the string ; Otherwise or if no value is given, create a Guid class without value.
-     *
-     * @param value Guid as string if you want to get a Guid type from string
-     */
-    constructor(value?: string);
-    /**
-     * Function that generate new Guid.
-     *
-     * @returns New Guid.
-     */
-    static newGuid(): Guid;
-    /**
-     * Function that generate an empty Guid.
-     *
-     * @return "00000000-0000-0000-0000-000000000000".
-     */
-    static get empty(): string;
-    /**
-     * Function that generate an empty Guid.
-     *
-     * @return "00000000-0000-0000-0000-000000000000".
-     */
-    get empty(): string;
-    /**
-     * Check if the provided Guid is valid.
-     *
-     * @param str The Guid to check.
-     * @returns true if the Guid is valid ; false otherwise.
-     */
-    static isValid(str: string): boolean;
-    /**
-     * ToString base method.
-     *
-     * @returns Value as string.
-     */
-    toString(): string;
-    /**
-     * ToJson base method.
-     *
-     * @returns Value as Json compatible string.
-     */
-    toJSON(): string;
-}
-/**
- * Function that return a new Guid.
- *
- * @returns New {@link Guid}.
- *
- * @see `Guid`
- */
-export declare function generateId(): Guid;

package/utils/index.d.ts

@@ -1,8 +0,0 @@
-export { cloneDeep } from './theme/clone-deep';
-export { createClass } from './theme/create-class';
-export { createTheme } from './theme/create-theme';
-export { isObject } from './theme/is-object';
-export { mergeTheme } from './theme/merge-theme';
-export { themeToString } from './theme/to-string';
-export { BARS_SVG_ICON, CHEVRON_DOWN_SVG_ICON, CHEVRON_RIGHT_SVG_ICON, CHEVRON_UP_SVG_ICON, CLOSE_SVG_ICON, MOON_SVG_ICON, SUN_SVG_ICON, } from './icon.list';
-export { Guid, generateId } from './id.generator';

package/utils/theme/clone-deep.d.ts

@@ -1,7 +0,0 @@
-/**
- * Function that return the cloned type of the provided generic type.
- *
- * @param source Generic object to be cloned.
- * @returns The clone type of th eprovided type.
- */
-export declare function cloneDeep<T>(source: T): T;

package/utils/theme/create-class.d.ts

@@ -1,7 +0,0 @@
-/**
- * This function is used to create classes for component's while keeping the intellisens up for TailwindCSS and other extensions.
- *
- * @param input Generic type to be created.
- * @returns The generic type's definition.
- */
-export declare function createClass<T>(input: T): T;

package/utils/theme/create-theme.d.ts

@@ -1,7 +0,0 @@
-/**
- * This function is used to create themes for component's while keeping the intellisens up for TailwindCSS and other extensions.
- *
- * @param input Generic type to be created.
- * @returns The generic type's definition.
- */
-export declare function createTheme<T>(input: T): T;

package/utils/theme/is-object.d.ts

@@ -1,7 +0,0 @@
-/**
- * Check if the provided parameter is an object or not.
- *
- * @param item The unknown type parameter.
- * @returns true if it's an ibject ; false otherwise.
- */
-export declare function isObject(item: unknown): item is Record<string, unknown>;

package/utils/theme/merge-theme.d.ts

@@ -1,8 +0,0 @@
-/**
- * Merge two objects into one.
- *
- * @param target Object to be merged.
- * @param source Object to be merged.
- * @returns The merged object.
- */
-export declare function mergeTheme<T extends object, S extends object>(target: T, source: S): T & S;

package/utils/theme/to-string.d.ts

@@ -1,7 +0,0 @@
-/**
- * Return theme value to an indented string.
- *
- * @param value The theme to be stringify.
- * @returns The theme as string.
- */
-export declare function themeToString(value: unknown): string;