flowbite-svelte 0.27.13 → 0.27.15

package/typography/A.svelte.d.ts

@@ -1,21 +0,0 @@
-import { SvelteComponentTyped } from "svelte";
-declare const __propDef: {
-    props: {
-        [x: string]: any;
-        href?: string | undefined;
-        color?: string | undefined;
-        aClass?: string | undefined;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {
-        default: {};
-    };
-};
-export declare type AProps = typeof __propDef.props;
-export declare type AEvents = typeof __propDef.events;
-export declare type ASlots = typeof __propDef.slots;
-export default class A extends SvelteComponentTyped<AProps, AEvents, ASlots> {
-}
-export {};

package/typography/Blockquote.svelte

@@ -1,44 +0,0 @@
-<script>import classNames from 'classnames';
-export let border = false;
-export let italic = true;
-export let borderClass = 'border-l-4 border-gray-300 dark:border-gray-500';
-export let bgClass = 'bg-gray-50 dark:bg-gray-800';
-export let bg = false;
-export let baseClass = 'font-semibold text-gray-900 dark:text-white';
-export let alignment = 'left';
-let alignmentClasses = {
-    left: 'text-left',
-    center: 'text-center',
-    right: 'text-right'
-};
-export let size = 'lg';
-const sizes = {
-    xs: 'text-xs',
-    sm: 'text-sm',
-    base: 'text-base',
-    lg: 'text-lg',
-    xl: 'text-xl',
-    '2xl': 'text-2xl',
-    '3xl': 'text-3xl',
-    '4xl': 'text-4xl',
-    '5xl': 'text-5xl',
-    '6xl': 'text-6xl',
-    '7xl': 'text-7xl',
-    '8xl': 'text-8xl',
-    '9xl': 'text-9xl'
-};
-</script>
-
-<blockquote
-  {...$$restProps}
-  class={classNames(
-    baseClass,
-    alignmentClasses[alignment],
-    sizes[size],
-    bg && bgClass,
-    border && borderClass,
-    italic && 'italic',
-    $$props.class
-  )}>
-  <slot />
-</blockquote>

package/typography/Blockquote.svelte.d.ts

@@ -1,26 +0,0 @@
-import { SvelteComponentTyped } from "svelte";
-declare const __propDef: {
-    props: {
-        [x: string]: any;
-        border?: boolean | undefined;
-        italic?: boolean | undefined;
-        borderClass?: string | undefined;
-        bgClass?: string | undefined;
-        bg?: boolean | undefined;
-        baseClass?: string | undefined;
-        alignment?: "left" | "right" | "center" | undefined;
-        size?: "xs" | "sm" | "lg" | "xl" | "base" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | undefined;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {
-        default: {};
-    };
-};
-export declare type BlockquoteProps = typeof __propDef.props;
-export declare type BlockquoteEvents = typeof __propDef.events;
-export declare type BlockquoteSlots = typeof __propDef.slots;
-export default class Blockquote extends SvelteComponentTyped<BlockquoteProps, BlockquoteEvents, BlockquoteSlots> {
-}
-export {};

package/typography/DescriptionList.svelte

@@ -1,10 +0,0 @@
-<script>import classNames from 'classnames';
-export let tag;
-export let dtClass = 'text-gray-500 md:text-lg dark:text-gray-400';
-export let ddClass = 'text-lg font-semibold';
-let classDesc = classNames(tag === 'dt' ? dtClass : ddClass, $$props.class);
-</script>
-
-<svelte:element this={tag} {...$$restProps} class={classDesc}>
-  <slot />
-</svelte:element>

package/typography/DescriptionList.svelte.d.ts

@@ -1,21 +0,0 @@
-import { SvelteComponentTyped } from "svelte";
-declare const __propDef: {
-    props: {
-        [x: string]: any;
-        tag: 'dt' | 'dd';
-        dtClass?: string | undefined;
-        ddClass?: string | undefined;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {
-        default: {};
-    };
-};
-export declare type DescriptionListProps = typeof __propDef.props;
-export declare type DescriptionListEvents = typeof __propDef.events;
-export declare type DescriptionListSlots = typeof __propDef.slots;
-export default class DescriptionList extends SvelteComponentTyped<DescriptionListProps, DescriptionListEvents, DescriptionListSlots> {
-}
-export {};

package/typography/Heading.svelte

@@ -1,20 +0,0 @@
-<script>import classNames from 'classnames';
-export let tag = 'h1';
-export let color = 'text-gray-900 dark:text-white';
-export let customSize = '';
-const textSizes = {
-    h1: 'text-5xl font-extrabold',
-    h2: 'text-4xl font-bold',
-    h3: 'text-3xl font-bold',
-    h4: 'text-2xl font-bold',
-    h5: 'text-xl font-bold',
-    h6: 'text-lg font-bold'
-};
-</script>
-
-<svelte:element
-  this={tag}
-  {...$$restProps}
-  class={classNames(customSize ? customSize : textSizes[tag], color, 'w-full', $$props.class)}>
-  <slot />
-</svelte:element>

package/typography/Heading.svelte.d.ts

@@ -1,21 +0,0 @@
-import { SvelteComponentTyped } from "svelte";
-declare const __propDef: {
-    props: {
-        [x: string]: any;
-        tag?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | undefined;
-        color?: string | undefined;
-        customSize?: string | undefined;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {
-        default: {};
-    };
-};
-export declare type HeadingProps = typeof __propDef.props;
-export declare type HeadingEvents = typeof __propDef.events;
-export declare type HeadingSlots = typeof __propDef.slots;
-export default class Heading extends SvelteComponentTyped<HeadingProps, HeadingEvents, HeadingSlots> {
-}
-export {};

package/typography/Hr.svelte

@@ -1,24 +0,0 @@
-<script>import classNames from 'classnames';
-export let icon = false;
-export let width = 'w-full';
-export let height = 'h-px';
-export let divClass = 'inline-flex justify-center items-center w-full';
-export let hrClass = 'bg-gray-200 rounded border-0 dark:bg-gray-700';
-export let iconDivClass = 'absolute left-1/2 px-4 bg-white -translate-x-1/2 ';
-export let textSpanClass = 'absolute left-1/2 px-3 font-medium text-gray-900 bg-white -translate-x-1/2 dark:text-white ';
-export let middleBgColor = 'dark:bg-gray-900';
-let horizontalClass = classNames(hrClass, width, height, $$props.class);
-let classDiv = classNames(divClass, $$slots && 'relative', $$props.classDiv);
-let middleClass = classNames(middleBgColor, icon ? iconDivClass : textSpanClass);
-</script>
-
-{#if $$slots}
-  <div {...$$restProps} class={classDiv}>
-    <hr class={horizontalClass} />
-    <div class={middleClass}>
-      <slot />
-    </div>
-  </div>
-{:else}
-  <hr class={horizontalClass} />
-{/if}

package/typography/Hr.svelte.d.ts

@@ -1,26 +0,0 @@
-import { SvelteComponentTyped } from "svelte";
-declare const __propDef: {
-    props: {
-        [x: string]: any;
-        icon?: boolean | undefined;
-        width?: string | undefined;
-        height?: string | undefined;
-        divClass?: string | undefined;
-        hrClass?: string | undefined;
-        iconDivClass?: string | undefined;
-        textSpanClass?: string | undefined;
-        middleBgColor?: string | undefined;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {
-        default: {};
-    };
-};
-export declare type HrProps = typeof __propDef.props;
-export declare type HrEvents = typeof __propDef.events;
-export declare type HrSlots = typeof __propDef.slots;
-export default class Hr extends SvelteComponentTyped<HrProps, HrEvents, HrSlots> {
-}
-export {};

package/typography/Img.svelte

@@ -1,30 +0,0 @@
-<script>import classNames from 'classnames';
-export let caption = undefined;
-export let src = undefined;
-export let srcset = undefined;
-export let size = 'max-w-full';
-export let alignment = '';
-export let imgClass = 'h-auto';
-export let figClass = 'max-w-lg';
-export let alt = '';
-export let effect = '';
-export let captionClass = 'mt-2 text-sm text-center text-gray-500 dark:text-gray-400';
-</script>
-
-{#if caption}
-  <figure class={figClass}>
-    <img
-      class={classNames(imgClass, size, alignment, effect, $$props.class)}
-      {src}
-      {srcset}
-      {alt} />
-    <figcaption class={captionClass}>{@html caption}</figcaption>
-  </figure>
-{:else}
-  <img
-    {...$$restProps}
-    class={classNames(imgClass, size, alignment, effect, $$props.class)}
-    {src}
-    {srcset}
-    {alt} />
-{/if}

package/typography/Img.svelte.d.ts

@@ -1,26 +0,0 @@
-import { SvelteComponentTyped } from "svelte";
-declare const __propDef: {
-    props: {
-        [x: string]: any;
-        caption?: string | undefined;
-        src?: string | undefined;
-        srcset?: string | undefined;
-        size?: string | undefined;
-        alignment?: string | undefined;
-        imgClass?: string | undefined;
-        figClass?: string | undefined;
-        alt?: string | undefined;
-        effect?: string | undefined;
-        captionClass?: string | undefined;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export declare type ImgProps = typeof __propDef.props;
-export declare type ImgEvents = typeof __propDef.events;
-export declare type ImgSlots = typeof __propDef.slots;
-export default class Img extends SvelteComponentTyped<ImgProps, ImgEvents, ImgSlots> {
-}
-export {};

package/typography/Layout.svelte

@@ -1,10 +0,0 @@
-<script>import classNames from 'classnames';
-export let divClass = 'grid';
-export let cols = 'grid-cols-1 sm:grid-cols-2';
-export let gap;
-let classDiv = classNames(divClass, 'gap-' + String(gap), cols);
-</script>
-
-<div {...$$restProps} class={classDiv}>
-  <slot />
-</div>

package/typography/Layout.svelte.d.ts

@@ -1,21 +0,0 @@
-import { SvelteComponentTyped } from "svelte";
-declare const __propDef: {
-    props: {
-        [x: string]: any;
-        divClass?: string | undefined;
-        cols?: string | undefined;
-        gap: number;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {
-        default: {};
-    };
-};
-export declare type LayoutProps = typeof __propDef.props;
-export declare type LayoutEvents = typeof __propDef.events;
-export declare type LayoutSlots = typeof __propDef.slots;
-export default class Layout extends SvelteComponentTyped<LayoutProps, LayoutEvents, LayoutSlots> {
-}
-export {};

package/typography/Li.svelte

@@ -1,9 +0,0 @@
-<script>import classNames from 'classnames';
-export let icon = false;
-export let liClass = '';
-let classLi = classNames(liClass, icon && 'flex items-center', $$props.class);
-</script>
-
-<li {...$$restProps} class={classLi}>
-  <slot />
-</li>

package/typography/Li.svelte.d.ts

@@ -1,20 +0,0 @@
-import { SvelteComponentTyped } from "svelte";
-declare const __propDef: {
-    props: {
-        [x: string]: any;
-        icon?: boolean | undefined;
-        liClass?: string | undefined;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {
-        default: {};
-    };
-};
-export declare type LiProps = typeof __propDef.props;
-export declare type LiEvents = typeof __propDef.events;
-export declare type LiSlots = typeof __propDef.slots;
-export default class Li extends SvelteComponentTyped<LiProps, LiEvents, LiSlots> {
-}
-export {};

package/typography/List.svelte

@@ -1,23 +0,0 @@
-<script>import classNames from 'classnames';
-export let tag = 'ul';
-export let list = 'disc';
-export let position = 'inside';
-export let color = 'text-gray-500 dark:text-gray-400';
-export let olClass = 'list-decimal list-inside';
-export let ulClass = 'max-w-md';
-export let dlClass = 'max-w-md divide-y divide-gray-200  dark:divide-gray-700';
-let lists = {
-    disc: 'list-disc',
-    none: 'list-none',
-    decimal: 'list-decimal'
-};
-let positions = {
-    inside: 'list-inside',
-    outside: 'list-outside'
-};
-let classList = classNames(color, tag === 'ul' ? ulClass : 'ol' ? olClass : dlClass, lists[list], positions[position], $$props.class);
-</script>
-
-<svelte:element this={tag} {...$$restProps} class={classList}>
-  <slot />
-</svelte:element>

package/typography/List.svelte.d.ts

@@ -1,25 +0,0 @@
-import { SvelteComponentTyped } from "svelte";
-declare const __propDef: {
-    props: {
-        [x: string]: any;
-        tag?: "dl" | "ol" | "ul" | undefined;
-        list?: "none" | "disc" | "decimal" | undefined;
-        position?: "inside" | "outside" | undefined;
-        color?: string | undefined;
-        olClass?: string | undefined;
-        ulClass?: string | undefined;
-        dlClass?: string | undefined;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {
-        default: {};
-    };
-};
-export declare type ListProps = typeof __propDef.props;
-export declare type ListEvents = typeof __propDef.events;
-export declare type ListSlots = typeof __propDef.slots;
-export default class List extends SvelteComponentTyped<ListProps, ListEvents, ListSlots> {
-}
-export {};

package/typography/Mark.svelte

@@ -1,9 +0,0 @@
-<script>import classNames from 'classnames';
-export let color = 'text-white dark:bg-blue-500';
-export let bgColor = 'bg-blue-600';
-export let markClass = 'px-2 rounded';
-</script>
-
-<mark {...$$restProps} class={classNames(markClass, bgColor, color, $$props.class)}>
-  <slot />
-</mark>

package/typography/Mark.svelte.d.ts

@@ -1,21 +0,0 @@
-import { SvelteComponentTyped } from "svelte";
-declare const __propDef: {
-    props: {
-        [x: string]: any;
-        color?: string | undefined;
-        bgColor?: string | undefined;
-        markClass?: string | undefined;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {
-        default: {};
-    };
-};
-export declare type MarkProps = typeof __propDef.props;
-export declare type MarkEvents = typeof __propDef.events;
-export declare type MarkSlots = typeof __propDef.slots;
-export default class Mark extends SvelteComponentTyped<MarkProps, MarkEvents, MarkSlots> {
-}
-export {};

package/typography/P.svelte

@@ -1,75 +0,0 @@
-<script>import classNames from 'classnames';
-export let color = 'text-gray-900 dark:text-white';
-export let height = 'normal';
-export let align = 'left';
-export let justify = false;
-export let italic = false;
-export let firstupper = false;
-export let upperClass = 'first-line:uppercase first-line:tracking-widest first-letter:text-7xl first-letter:font-bold first-letter:text-gray-900 dark:first-letter:text-gray-100 first-letter:mr-3 first-letter:float-left';
-export let opacity = undefined;
-export let whitespace = 'normal';
-export let size = 'base';
-export let space = undefined;
-export let weight = 'normal';
-const sizes = {
-    xs: 'text-xs',
-    sm: 'text-sm',
-    base: 'text-base',
-    lg: 'text-lg',
-    xl: 'text-xl',
-    '2xl': 'text-2xl',
-    '3xl': 'text-3xl',
-    '4xl': 'text-4xl',
-    '5xl': 'text-5xl',
-    '6xl': 'text-6xl',
-    '7xl': 'text-7xl',
-    '8xl': 'text-8xl',
-    '9xl': 'text-9xl'
-};
-const weights = {
-    thin: 'font-thin',
-    extralight: 'font-extralight',
-    light: 'font-light',
-    normal: 'font-normal',
-    medium: 'font-medium',
-    semibold: 'font-semibold',
-    bold: 'font-bold',
-    extrabold: 'font-extrabold',
-    black: 'font-black'
-};
-const spaces = {
-    tighter: 'tracking-tighter',
-    tight: 'tracking-tight',
-    normal: 'tracking-normal',
-    wide: 'tracking-wide',
-    wider: 'tracking-wider',
-    widest: 'tracking-widest'
-};
-const heights = {
-    normal: 'leading-normal',
-    relaxed: 'leading-relaxed',
-    loose: 'leading-loose'
-};
-const aligns = {
-    left: 'text-left',
-    center: 'text-center',
-    right: 'text-right'
-};
-const whitespaces = {
-    normal: 'whitespace-normal',
-    nowrap: 'whitespace-nowrap',
-    pre: 'whitespace-pre',
-    preline: 'whitespace-pre-line',
-    prewrap: 'whitespace-pre-wrap'
-};
-let colorAndopacity = color
-    .split(' ')
-    .map((element) => element.trim())
-    .map((element) => element + '/' + String(opacity))
-    .join(' ');
-let classP = classNames(size && sizes[size], (opacity && colorAndopacity) || (color && color), height && heights[height], weight && weights[weight], space && spaces[space], align && aligns[align], justify && 'text-justify', italic && 'italic', firstupper && upperClass, whitespace && whitespaces[whitespace], $$props.class);
-</script>
-
-<p {...$$restProps} class={classP}>
-  <slot />
-</p>

package/typography/P.svelte.d.ts

@@ -1,30 +0,0 @@
-import { SvelteComponentTyped } from "svelte";
-declare const __propDef: {
-    props: {
-        [x: string]: any;
-        color?: string | undefined;
-        height?: "normal" | "relaxed" | "loose" | undefined;
-        align?: "left" | "right" | "center" | undefined;
-        justify?: boolean | undefined;
-        italic?: boolean | undefined;
-        firstupper?: boolean | undefined;
-        upperClass?: string | undefined;
-        opacity?: number | undefined;
-        whitespace?: "pre" | "normal" | "nowrap" | "preline" | "prewrap" | undefined;
-        size?: "xs" | "sm" | "lg" | "xl" | "base" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | undefined;
-        space?: 'tighter' | 'tight' | 'normal' | 'wide' | 'wider' | 'widest' | undefined;
-        weight?: "light" | "bold" | "normal" | "thin" | "extralight" | "medium" | "semibold" | "extrabold" | "black" | undefined;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {
-        default: {};
-    };
-};
-export declare type PProps = typeof __propDef.props;
-export declare type PEvents = typeof __propDef.events;
-export declare type PSlots = typeof __propDef.slots;
-export default class P extends SvelteComponentTyped<PProps, PEvents, PSlots> {
-}
-export {};

package/typography/Secondary.svelte

@@ -1,8 +0,0 @@
-<script>import classNames from 'classnames';
-export let color = 'text-gray-500 dark:text-gray-400';
-export let secondaryClass = 'font-semibold';
-</script>
-
-<small {...$$restProps} class={classNames(color, secondaryClass, $$props.class)}>
-  <slot />
-</small>

package/typography/Secondary.svelte.d.ts

@@ -1,20 +0,0 @@
-import { SvelteComponentTyped } from "svelte";
-declare const __propDef: {
-    props: {
-        [x: string]: any;
-        color?: string | undefined;
-        secondaryClass?: string | undefined;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {
-        default: {};
-    };
-};
-export declare type SecondaryProps = typeof __propDef.props;
-export declare type SecondaryEvents = typeof __propDef.events;
-export declare type SecondarySlots = typeof __propDef.slots;
-export default class Secondary extends SvelteComponentTyped<SecondaryProps, SecondaryEvents, SecondarySlots> {
-}
-export {};

package/typography/Span.svelte

@@ -1,17 +0,0 @@
-<script>import classNames from 'classnames';
-export let italic = false;
-export let underline = false;
-export let linethrough = false;
-export let uppercase = false;
-export let gradient = false;
-export let highlight = false;
-export let highlightClass = 'text-blue-600 dark:text-blue-500';
-export let decorationClass = 'decoration-2 decoration-blue-400 dark:decoration-blue-600';
-export let gradientClass = 'text-transparent bg-clip-text bg-gradient-to-r to-emerald-600 from-sky-400';
-let underlineClass = classNames('underline', decorationClass);
-let classSpan = classNames(italic && 'italic', underline && underlineClass, linethrough && 'line-through', uppercase && 'uppercase', gradient ? gradientClass : 'font-semibold text-gray-900 dark:text-white', highlight && highlightClass, $$props.class);
-</script>
-
-<span {...$$restProps} class={classSpan}>
-  <slot />
-</span>

package/typography/Span.svelte.d.ts

@@ -1,27 +0,0 @@
-import { SvelteComponentTyped } from "svelte";
-declare const __propDef: {
-    props: {
-        [x: string]: any;
-        italic?: boolean | undefined;
-        underline?: boolean | undefined;
-        linethrough?: boolean | undefined;
-        uppercase?: boolean | undefined;
-        gradient?: boolean | undefined;
-        highlight?: boolean | undefined;
-        highlightClass?: string | undefined;
-        decorationClass?: string | undefined;
-        gradientClass?: string | undefined;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {
-        default: {};
-    };
-};
-export declare type SpanProps = typeof __propDef.props;
-export declare type SpanEvents = typeof __propDef.events;
-export declare type SpanSlots = typeof __propDef.slots;
-export default class Span extends SvelteComponentTyped<SpanProps, SpanEvents, SpanSlots> {
-}
-export {};

package/typography/Ul.svelte

@@ -1,20 +0,0 @@
-<script>import classNames from 'classnames';
-export let list = 'disc';
-export let position = 'inside';
-export let ulClass = 'max-w-md text-gray-500 dark:text-gray-400';
-let lists = {
-    disc: 'list-disc',
-    none: 'list-none',
-    decimal: 'list-decimal'
-};
-let positions = {
-    inside: 'list-inside',
-    outside: 'list-outside'
-};
-let classUl = classNames(ulClass, lists[list], positions[position], $$props.class);
-console.log('list', list);
-</script>
-
-<ul {...$$restProps} class={classUl} {list}>
-  <slot />
-</ul>

package/typography/Ul.svelte.d.ts

@@ -1,21 +0,0 @@
-import { SvelteComponentTyped } from "svelte";
-declare const __propDef: {
-    props: {
-        [x: string]: any;
-        list?: "none" | "disc" | "decimal" | undefined;
-        position?: "inside" | "outside" | undefined;
-        ulClass?: string | undefined;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {
-        default: {};
-    };
-};
-export declare type UlProps = typeof __propDef.props;
-export declare type UlEvents = typeof __propDef.events;
-export declare type UlSlots = typeof __propDef.slots;
-export default class Ul extends SvelteComponentTyped<UlProps, UlEvents, UlSlots> {
-}
-export {};