flowbite-svelte 0.44.1 → 0.44.4

package/dist/timeline/ActivityItem.svelte.d.ts

@@ -22,56 +22,17 @@ export type ActivityItemProps = typeof __propDef.props;
 export type ActivityItemEvents = typeof __propDef.events;
 export type ActivityItemSlots = typeof __propDef.slots;
 /**
- * ## Features
- * [Go to Timeline Activity Log](https://flowbite-svelte.com/docs/components/timeline#Activity_Log)
- * - Setup
- * - Default timeline
- * - Vertical Timeline
- * - Horizontal Timeline
- * - Activity Log
- * - Grouped timeline
+ * [Go to docs](https://flowbite-svelte.com/)
  * ## Props
- * @prop activities: ActivityType[];
- * @prop liClass: string';
- * @prop spanClass: string;
- * @prop imgClass: string;
- * @prop outerDivClass: string;
- * @prop innerDivClass: string;
- * @prop timeClass
- * @prop titleClass
- * @prop textClass
- * ## Example
- * ```
- * <script>
- *   import { Activity, ActivityItem } from 'flowbite-svelte';
- *   let activities = [
- *     {
- *       title:
- *         'Bonnie moved <a href="/" class="font-semibold text-blue-600 dark:text-blue-500 hover:underline">Jese Leos</a> to <span class="bg-gray-100 text-gray-800 text-xs font-normal mr-2 px-2.5 py-0.5 rounded dark:bg-gray-600 dark:text-gray-300">Funny Group</span>',
- *       date: 'just now',
- *       alt: 'image alt here',
- *       src: '/images/profile-picture-2.webp'
- *     },
- *     {
- *       title: 'We don’t serve their kind here! What? Your droids. ',
- *       date: '2 hours ago',
- *       alt: 'image alt here',
- *       src: '/images/profile-picture-2.webp',
- *       text: 'The approach will not be easy. You are required to maneuver straight down this trench and skim the surface to this point. The target area is only two meters wide. '
- *     },
- *     {
- *       title: 'They’ll have to wait outside. We don’t want them here. ',
- *       date: '1 day ago',
- *       alt: 'image alt here',
- *       src: '/images/profile-picture-3.webp'
- *     }
- *   ];
- * </script>
- *
- * <Activity>
- *   <ActivityItem {activities} />
- * </Activity>
- * ```
+ * @prop export let activities: ActivityType[];
+ * @prop export let liClass: string = 'mb-10 ml-6';
+ * @prop export let spanClass: string = 'flex absolute -left-3 justify-center items-center w-6 h-6 bg-blue-200 rounded-full ring-8 ring-white dark:ring-gray-900 dark:bg-blue-900';
+ * @prop export let imgClass: string = 'rounded-full shadow-lg';
+ * @prop export let outerDivClass: string = 'p-4 bg-white rounded-lg border border-gray-200 shadow-sm dark:bg-gray-700 dark:border-gray-600';
+ * @prop export let innerDivClass: string = 'justify-between items-center mb-3 sm:flex';
+ * @prop export let timeClass: string = 'mb-1 text-xs font-normal text-gray-400 sm:order-last sm:mb-0';
+ * @prop export let titleClass: string = 'text-sm font-normal text-gray-500 lex dark:text-gray-300';
+ * @prop export let textClass: string = 'p-3 text-xs italic font-normal text-gray-500 bg-gray-50 rounded-lg border border-gray-200 dark:bg-gray-600 dark:border-gray-500 dark:text-gray-300';
  */
 export default class ActivityItem extends SvelteComponentTyped<ActivityItemProps, ActivityItemEvents, ActivityItemSlots> {
 }

package/dist/timeline/ActivityItem.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ActivityItem.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/timeline/ActivityItem.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AAED,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAmD7C,QAAA,MAAM,SAAS;;;oBAD8O,YAAY,EAAE;;;;;;;;;;;;;;CAC7L,CAAC;AAC/E,MAAM,MAAM,iBAAiB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AACvD,MAAM,MAAM,kBAAkB,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AACzD,MAAM,MAAM,iBAAiB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAEvD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAmDG;AACH,MAAM,CAAC,OAAO,OAAO,YAAa,SAAQ,oBAAoB,CAAC,iBAAiB,EAAE,kBAAkB,EAAE,iBAAiB,CAAC;CACvH"}
+{"version":3,"file":"ActivityItem.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/timeline/ActivityItem.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AAED,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAmD7C,QAAA,MAAM,SAAS;;;oBAD8O,YAAY,EAAE;;;;;;;;;;;;;;CAC7L,CAAC;AAC/E,MAAM,MAAM,iBAAiB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AACvD,MAAM,MAAM,kBAAkB,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AACzD,MAAM,MAAM,iBAAiB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAEvD;;;;;;;;;;;;GAYG;AACH,MAAM,CAAC,OAAO,OAAO,YAAa,SAAQ,oBAAoB,CAAC,iBAAiB,EAAE,kBAAkB,EAAE,iBAAiB,CAAC;CACvH"}

package/dist/timeline/Group.svelte

@@ -16,49 +16,11 @@ let olCls = twMerge(olClass, $$props.classOl);
 </div>
 
 <!--
-  @component
-  ## Features
-  [Go to Grouped Timeline](https://flowbite-svelte.com/docs/components/timeline#Grouped_timeline)
-  - Setup
-  - Default timeline
-  - Vertical Timeline
-  - Horizontal Timeline
-  - Activity Log
-  - Grouped timeline
-  ## Props
-  @prop divClass: string;
-  @prop timeClass: string;
-  @prop date: Date | string;
-  @prop olClass: string;
-  ## Example
-  ```
-  <script>
-    import { Group, GroupItem } from 'flowbite-svelte';
-    let groupTimelines = [
-      {
-        title:
-          '<span class="font-medium text-gray-900 dark:text-white">Jese Leos</span> likes <span class="font-medium text-gray-900 dark:text-white">Bonnie Green\'s</span> post in <span class="font-medium text-gray-900 dark:text-white"> How to start with Flowbite library</span>',
-        src: '/images/profile-picture-1.webp',
-        alt: 'alt here',
-        href: '/',
-        isPrivate: true,
-        comment: '"I wanted to share a webinar zeroheight."'
-      },
-      {
-        title:
-          '<span class="font-medium text-gray-900 dark:text-white">Bonnie Green</span> react to <span class="font-medium text-gray-900 dark:text-white">Thomas Lean\'s</span> comment',
-        src: '/images/profile-picture-2.webp',
-        alt: 'alt here',
-        href: '/',
-        isPrivate: true,
-        comment: '"I wanted to share a webinar zeroheight."'
-      }
-    ];
-  </script>
-
-  <Group date="January 13th, 2022">
-    <GroupItem timelines={groupTimelines} />
-  </Group>
-  ```
-  
+@component
+[Go to docs](https://flowbite-svelte.com/)
+## Props
+@prop export let divClass: string = 'p-5 mb-4 bg-gray-50 rounded-lg border border-gray-100 dark:bg-gray-800 dark:border-gray-700';
+@prop export let timeClass: string = 'text-lg font-semibold text-gray-900 dark:text-white';
+@prop export let date: Date | string;
+@prop export let olClass: string = 'mt-3 divide-y divider-gray-200 dark:divide-gray-700';
 -->

package/dist/timeline/Group.svelte.d.ts

@@ -18,49 +18,12 @@ export type GroupProps = typeof __propDef.props;
 export type GroupEvents = typeof __propDef.events;
 export type GroupSlots = typeof __propDef.slots;
 /**
- * ## Features
- * [Go to Grouped Timeline](https://flowbite-svelte.com/docs/components/timeline#Grouped_timeline)
- * - Setup
- * - Default timeline
- * - Vertical Timeline
- * - Horizontal Timeline
- * - Activity Log
- * - Grouped timeline
+ * [Go to docs](https://flowbite-svelte.com/)
  * ## Props
- * @prop divClass: string;
- * @prop timeClass: string;
- * @prop date: Date | string;
- * @prop olClass: string;
- * ## Example
- * ```
- * <script>
- *   import { Group, GroupItem } from 'flowbite-svelte';
- *   let groupTimelines = [
- *     {
- *       title:
- *         '<span class="font-medium text-gray-900 dark:text-white">Jese Leos</span> likes <span class="font-medium text-gray-900 dark:text-white">Bonnie Green\'s</span> post in <span class="font-medium text-gray-900 dark:text-white"> How to start with Flowbite library</span>',
- *       src: '/images/profile-picture-1.webp',
- *       alt: 'alt here',
- *       href: '/',
- *       isPrivate: true,
- *       comment: '"I wanted to share a webinar zeroheight."'
- *     },
- *     {
- *       title:
- *         '<span class="font-medium text-gray-900 dark:text-white">Bonnie Green</span> react to <span class="font-medium text-gray-900 dark:text-white">Thomas Lean\'s</span> comment',
- *       src: '/images/profile-picture-2.webp',
- *       alt: 'alt here',
- *       href: '/',
- *       isPrivate: true,
- *       comment: '"I wanted to share a webinar zeroheight."'
- *     }
- *   ];
- * </script>
- *
- * <Group date="January 13th, 2022">
- *   <GroupItem timelines={groupTimelines} />
- * </Group>
- * ```
+ * @prop export let divClass: string = 'p-5 mb-4 bg-gray-50 rounded-lg border border-gray-100 dark:bg-gray-800 dark:border-gray-700';
+ * @prop export let timeClass: string = 'text-lg font-semibold text-gray-900 dark:text-white';
+ * @prop export let date: Date | string;
+ * @prop export let olClass: string = 'mt-3 divide-y divider-gray-200 dark:divide-gray-700';
  */
 export default class Group extends SvelteComponentTyped<GroupProps, GroupEvents, GroupSlots> {
 }

package/dist/timeline/Group.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Group.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/timeline/Group.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AAyBD,QAAA,MAAM,SAAS;;;;;cAD8H,IAAI,GAAG,MAAM;;;;;;;;;CAC5E,CAAC;AAC/E,MAAM,MAAM,UAAU,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAChD,MAAM,MAAM,WAAW,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AAClD,MAAM,MAAM,UAAU,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAEhD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4CG;AACH,MAAM,CAAC,OAAO,OAAO,KAAM,SAAQ,oBAAoB,CAAC,UAAU,EAAE,WAAW,EAAE,UAAU,CAAC;CAC3F"}
+{"version":3,"file":"Group.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/timeline/Group.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AAyBD,QAAA,MAAM,SAAS;;;;;cAD8H,IAAI,GAAG,MAAM;;;;;;;;;CAC5E,CAAC;AAC/E,MAAM,MAAM,UAAU,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAChD,MAAM,MAAM,WAAW,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AAClD,MAAM,MAAM,UAAU,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAEhD;;;;;;;GAOG;AACH,MAAM,CAAC,OAAO,OAAO,KAAM,SAAQ,oBAAoB,CAAC,UAAU,EAAE,WAAW,EAAE,UAAU,CAAC;CAC3F"}

package/dist/timeline/GroupItem.svelte

@@ -43,52 +43,13 @@ let spanCls = twMerge(spanClass, $$props.classSpan);
 {/each}
 
 <!--
-  @component
-  ## Features
-  [Go to Grouped Timeline](https://flowbite-svelte.com/docs/components/timeline#Grouped_timeline)
-  - Setup
-  - Default timeline
-  - Vertical Timeline
-  - Horizontal Timeline
-  - Activity Log
-  - Grouped timeline
-  ## Props
-  @prop timelines: GroupTimelineType[];
-  @prop aClass: string
-  @prop imgClass: string;
-  @prop divClass: string;
-  @prop titleClass: string;
-  @prop spanClass: string;
-
-  ## Example
-  ```
-  <script>
-    import { Group, GroupItem } from 'flowbite-svelte';
-    let groupTimelines = [
-      {
-        title:
-          '<span class="font-medium text-gray-900 dark:text-white">Jese Leos</span> likes <span class="font-medium text-gray-900 dark:text-white">Bonnie Green\'s</span> post in <span class="font-medium text-gray-900 dark:text-white"> How to start with Flowbite library</span>',
-        src: '/images/profile-picture-1.webp',
-        alt: 'alt here',
-        href: '/',
-        isPrivate: true,
-        comment: '"I wanted to share a webinar zeroheight."'
-      },
-      {
-        title:
-          '<span class="font-medium text-gray-900 dark:text-white">Bonnie Green</span> react to <span class="font-medium text-gray-900 dark:text-white">Thomas Lean\'s</span> comment',
-        src: '/images/profile-picture-2.webp',
-        alt: 'alt here',
-        href: '/',
-        isPrivate: true,
-        comment: '"I wanted to share a webinar zeroheight."'
-      }
-    ];
-  </script>
-
-  <Group date="January 13th, 2022">
-    <GroupItem timelines={groupTimelines} />
-  </Group>
-  ```
-  
+@component
+[Go to docs](https://flowbite-svelte.com/)
+## Props
+@prop export let timelines: GroupTimelineType[];
+@prop export let aClass: string = 'block items-center p-3 sm:flex hover:bg-gray-100 dark:hover:bg-gray-700';
+@prop export let imgClass: string = 'mr-3 mb-3 w-12 h-12 rounded-full sm:mb-0';
+@prop export let divClass: string = 'text-gray-600 dark:text-gray-400';
+@prop export let titleClass: string = 'text-base font-normal';
+@prop export let spanClass: string = 'inline-flex items-center text-xs font-normal text-gray-500 dark:text-gray-400';
 -->

package/dist/timeline/GroupItem.svelte.d.ts

@@ -19,52 +19,14 @@ export type GroupItemProps = typeof __propDef.props;
 export type GroupItemEvents = typeof __propDef.events;
 export type GroupItemSlots = typeof __propDef.slots;
 /**
- * ## Features
- * [Go to Grouped Timeline](https://flowbite-svelte.com/docs/components/timeline#Grouped_timeline)
- * - Setup
- * - Default timeline
- * - Vertical Timeline
- * - Horizontal Timeline
- * - Activity Log
- * - Grouped timeline
+ * [Go to docs](https://flowbite-svelte.com/)
  * ## Props
- * @prop timelines: GroupTimelineType[];
- * @prop aClass: string
- * @prop imgClass: string;
- * @prop divClass: string;
- * @prop titleClass: string;
- * @prop spanClass: string;
- *
- * ## Example
- * ```
- * <script>
- *   import { Group, GroupItem } from 'flowbite-svelte';
- *   let groupTimelines = [
- *     {
- *       title:
- *         '<span class="font-medium text-gray-900 dark:text-white">Jese Leos</span> likes <span class="font-medium text-gray-900 dark:text-white">Bonnie Green\'s</span> post in <span class="font-medium text-gray-900 dark:text-white"> How to start with Flowbite library</span>',
- *       src: '/images/profile-picture-1.webp',
- *       alt: 'alt here',
- *       href: '/',
- *       isPrivate: true,
- *       comment: '"I wanted to share a webinar zeroheight."'
- *     },
- *     {
- *       title:
- *         '<span class="font-medium text-gray-900 dark:text-white">Bonnie Green</span> react to <span class="font-medium text-gray-900 dark:text-white">Thomas Lean\'s</span> comment',
- *       src: '/images/profile-picture-2.webp',
- *       alt: 'alt here',
- *       href: '/',
- *       isPrivate: true,
- *       comment: '"I wanted to share a webinar zeroheight."'
- *     }
- *   ];
- * </script>
- *
- * <Group date="January 13th, 2022">
- *   <GroupItem timelines={groupTimelines} />
- * </Group>
- * ```
+ * @prop export let timelines: GroupTimelineType[];
+ * @prop export let aClass: string = 'block items-center p-3 sm:flex hover:bg-gray-100 dark:hover:bg-gray-700';
+ * @prop export let imgClass: string = 'mr-3 mb-3 w-12 h-12 rounded-full sm:mb-0';
+ * @prop export let divClass: string = 'text-gray-600 dark:text-gray-400';
+ * @prop export let titleClass: string = 'text-base font-normal';
+ * @prop export let spanClass: string = 'inline-flex items-center text-xs font-normal text-gray-500 dark:text-gray-400';
  */
 export default class GroupItem extends SvelteComponentTyped<GroupItemProps, GroupItemEvents, GroupItemSlots> {
 }

package/dist/timeline/GroupItem.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"GroupItem.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/timeline/GroupItem.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AAED,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAoDlD,QAAA,MAAM,SAAS;;;mBADkJ,iBAAiB,EAAE;;;;;;;;;;;CACtG,CAAC;AAC/E,MAAM,MAAM,cAAc,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AACpD,MAAM,MAAM,eAAe,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AACtD,MAAM,MAAM,cAAc,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAEpD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+CG;AACH,MAAM,CAAC,OAAO,OAAO,SAAU,SAAQ,oBAAoB,CAAC,cAAc,EAAE,eAAe,EAAE,cAAc,CAAC;CAC3G"}
+{"version":3,"file":"GroupItem.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/timeline/GroupItem.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AAED,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAoDlD,QAAA,MAAM,SAAS;;;mBADkJ,iBAAiB,EAAE;;;;;;;;;;;CACtG,CAAC;AAC/E,MAAM,MAAM,cAAc,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AACpD,MAAM,MAAM,eAAe,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AACtD,MAAM,MAAM,cAAc,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAEpD;;;;;;;;;GASG;AACH,MAAM,CAAC,OAAO,OAAO,SAAU,SAAQ,oBAAoB,CAAC,cAAc,EAAE,eAAe,EAAE,cAAc,CAAC;CAC3G"}

package/dist/timeline/Timeline.svelte

@@ -16,55 +16,8 @@ let olClasses = {
 </ol>
 
 <!--
-  @component
-  ## Features
-  [Go to Timeline](https://flowbite-svelte.com/docs/components/timeline#Default_timeline)
-  - Setup
-  - Default timeline
-  - Vertical Timeline
-  - Horizontal Timeline
-  - Activity Log
-  - Grouped timeline
-  ## Props
-  @prop customClass: string = '';
-  @prop order: 'default' | 'vertical' | 'horizontal' | 'activity' | 'group' | 'custom' = 'default';
-  ## Example
-  ```
-  <script>
-    import { Timeline, TimelineItem, Button } from 'flowbite-svelte';
-  </script>
-
-  <Timeline>
-    <TimelineItem title="Application UI code in Tailwind CSS" date="February 2022">
-      <p class="mb-4 text-base font-normal text-gray-500 dark:text-gray-400">
-        Get access to over 20+ pages including a dashboard layout, charts, kanban board, calendar,
-        and pre-order E-commerce & Marketing pages.
-      </p>
-      <Button color="alternative"
-        >Learn more<svg
-          class="ml-2 w-3 h-3"
-          fill="currentColor"
-          viewBox="0 0 20 20"
-          xmlns="http://www.w3.org/2000/svg"
-          ><path
-            fill-rule="evenodd"
-            d="M12.293 5.293a1 1 0 011.414 0l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414-1.414L14.586 11H3a1 1 0 110-2h11.586l-2.293-2.293a1 1 0 010-1.414z"
-            clip-rule="evenodd" /></svg
-        ></Button>
-    </TimelineItem>
-    <TimelineItem title="Application UI code in Tailwind CSS" date="March 2022">
-      <p class="text-base font-normal text-gray-500 dark:text-gray-400">
-        All of the pages and components are first designed in Figma and we keep a parity between the
-        two versions even as we update the project.
-      </p>
-    </TimelineItem>
-    <TimelineItem title="Application UI code in Tailwind CSS" date="April 2022">
-      <p class="text-base font-normal text-gray-500 dark:text-gray-400">
-        Get started with dozens of web components and interactive elements built on top of Tailwind
-        CSS.
-      </p>
-    </TimelineItem>
-  </Timeline>
-  ```
-  
+@component
+[Go to docs](https://flowbite-svelte.com/)
+## Props
+@prop export let order: 'default' | 'vertical' | 'horizontal' | 'activity' | 'group' = 'default';
 -->

package/dist/timeline/Timeline.svelte.d.ts

@@ -15,55 +15,9 @@ export type TimelineProps = typeof __propDef.props;
 export type TimelineEvents = typeof __propDef.events;
 export type TimelineSlots = typeof __propDef.slots;
 /**
- * ## Features
- * [Go to Timeline](https://flowbite-svelte.com/docs/components/timeline#Default_timeline)
- * - Setup
- * - Default timeline
- * - Vertical Timeline
- * - Horizontal Timeline
- * - Activity Log
- * - Grouped timeline
+ * [Go to docs](https://flowbite-svelte.com/)
  * ## Props
- * @prop customClass: string = '';
- * @prop order: 'default' | 'vertical' | 'horizontal' | 'activity' | 'group' | 'custom' = 'default';
- * ## Example
- * ```
- * <script>
- *   import { Timeline, TimelineItem, Button } from 'flowbite-svelte';
- * </script>
- *
- * <Timeline>
- *   <TimelineItem title="Application UI code in Tailwind CSS" date="February 2022">
- *     <p class="mb-4 text-base font-normal text-gray-500 dark:text-gray-400">
- *       Get access to over 20+ pages including a dashboard layout, charts, kanban board, calendar,
- *       and pre-order E-commerce & Marketing pages.
- *     </p>
- *     <Button color="alternative"
- *       >Learn more<svg
- *         class="ml-2 w-3 h-3"
- *         fill="currentColor"
- *         viewBox="0 0 20 20"
- *         xmlns="http://www.w3.org/2000/svg"
- *         ><path
- *           fill-rule="evenodd"
- *           d="M12.293 5.293a1 1 0 011.414 0l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414-1.414L14.586 11H3a1 1 0 110-2h11.586l-2.293-2.293a1 1 0 010-1.414z"
- *           clip-rule="evenodd" /></svg
- *       ></Button>
- *   </TimelineItem>
- *   <TimelineItem title="Application UI code in Tailwind CSS" date="March 2022">
- *     <p class="text-base font-normal text-gray-500 dark:text-gray-400">
- *       All of the pages and components are first designed in Figma and we keep a parity between the
- *       two versions even as we update the project.
- *     </p>
- *   </TimelineItem>
- *   <TimelineItem title="Application UI code in Tailwind CSS" date="April 2022">
- *     <p class="text-base font-normal text-gray-500 dark:text-gray-400">
- *       Get started with dozens of web components and interactive elements built on top of Tailwind
- *       CSS.
- *     </p>
- *   </TimelineItem>
- * </Timeline>
- * ```
+ * @prop export let order: 'default' | 'vertical' | 'horizontal' | 'activity' | 'group' = 'default';
  */
 export default class Timeline extends SvelteComponentTyped<TimelineProps, TimelineEvents, TimelineSlots> {
 }

package/dist/timeline/Timeline.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Timeline.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/timeline/Timeline.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AA2BD,QAAA,MAAM,SAAS;;;;;;;;;;;CAA+D,CAAC;AAC/E,MAAM,MAAM,aAAa,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AACnD,MAAM,MAAM,cAAc,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AACrD,MAAM,MAAM,aAAa,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAEnD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkDG;AACH,MAAM,CAAC,OAAO,OAAO,QAAS,SAAQ,oBAAoB,CAAC,aAAa,EAAE,cAAc,EAAE,aAAa,CAAC;CACvG"}
+{"version":3,"file":"Timeline.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/timeline/Timeline.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AA2BD,QAAA,MAAM,SAAS;;;;;;;;;;;CAA+D,CAAC;AAC/E,MAAM,MAAM,aAAa,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AACnD,MAAM,MAAM,cAAc,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AACrD,MAAM,MAAM,aAAa,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAEnD;;;;GAIG;AACH,MAAM,CAAC,OAAO,OAAO,QAAS,SAAQ,oBAAoB,CAAC,aAAa,EAAE,cAAc,EAAE,aAAa,CAAC;CACvG"}

package/dist/timeline/TimelineHorizontal.svelte

@@ -8,63 +8,8 @@ let olCls = twMerge(olClass, $$props.class);
 </ol>
 
 <!--
-  @component
-  ## Features
-  [Go to Horizontal Timeline](https://flowbite-svelte.com/docs/components/timeline#Horizontal_Timeline)
-  - Setup
-  - Default timeline
-  - Vertical Timeline
-  - Horizontal Timeline
-  - Activity Log
-  - Grouped timeline
-  ## Props
-  @prop olClass: string = 'sm:flex';
-  ## Example
-  ```
-  <script>
-    import { Timeline, TimelineItem } from 'flowbite-svelte';
-  </script>
-  
-  <Timeline order="horizontal">
-    <TimelineItem title="Flowbite Library v1.0.0" date="Released on December 2nd, 2021">
-      <svelte:fragment slot="icon">
-          <div class="flex items-center">
-            <div class="flex z-10 justify-center items-center w-6 h-6 bg-blue-200 rounded-full ring-0 ring-white dark:bg-blue-900 sm:ring-8 dark:ring-gray-900 shrink-0">
-                <svg aria-hidden="true" class="w-3 h-3 text-blue-600 dark:text-blue-300" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M6 2a1 1 0 00-1 1v1H4a2 2 0 00-2 2v10a2 2 0 002 2h12a2 2 0 002-2V6a2 2 0 00-2-2h-1V3a1 1 0 10-2 0v1H7V3a1 1 0 00-1-1zm0 5a1 1 0 000 2h8a1 1 0 100-2H6z" clip-rule="evenodd"></path></svg>
-            </div>
-            <div class="hidden sm:flex w-full bg-gray-200 h-0.5 dark:bg-gray-700"></div>
-        </div>
-      </svelte:fragment>
-      <p class="text-base font-normal text-gray-500 dark:text-gray-400">
-        Get started with dozens of web components and interactive elements.
-      </p>
-    </TimelineItem>
-    <TimelineItem title="Flowbite Library v1.2.0" date="Released on December 23th, 2021">
-      <svelte:fragment slot="icon">
-          <div class="flex items-center">
-            <div class="flex z-10 justify-center items-center w-6 h-6 bg-blue-200 rounded-full ring-0 ring-white dark:bg-blue-900 sm:ring-8 dark:ring-gray-900 shrink-0">
-                <svg aria-hidden="true" class="w-3 h-3 text-blue-600 dark:text-blue-300" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M6 2a1 1 0 00-1 1v1H4a2 2 0 00-2 2v10a2 2 0 002 2h12a2 2 0 002-2V6a2 2 0 00-2-2h-1V3a1 1 0 10-2 0v1H7V3a1 1 0 00-1-1zm0 5a1 1 0 000 2h8a1 1 0 100-2H6z" clip-rule="evenodd"></path></svg>
-            </div>
-            <div class="hidden sm:flex w-full bg-gray-200 h-0.5 dark:bg-gray-700"></div>
-        </div>
-      </svelte:fragment>
-      <p class="text-base font-normal text-gray-500 dark:text-gray-400">
-        Get started with dozens of web components and interactive elements.
-      </p>
-    </TimelineItem>
-    <TimelineItem title="Flowbite Library v1.3.0" date="Released on January 5th, 2021">
-      <svelte:fragment slot="icon">
-          <div class="flex items-center">
-            <div class="flex z-10 justify-center items-center w-6 h-6 bg-blue-200 rounded-full ring-0 ring-white dark:bg-blue-900 sm:ring-8 dark:ring-gray-900 shrink-0">
-                <svg aria-hidden="true" class="w-3 h-3 text-blue-600 dark:text-blue-300" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M6 2a1 1 0 00-1 1v1H4a2 2 0 00-2 2v10a2 2 0 002 2h12a2 2 0 002-2V6a2 2 0 00-2-2h-1V3a1 1 0 10-2 0v1H7V3a1 1 0 00-1-1zm0 5a1 1 0 000 2h8a1 1 0 100-2H6z" clip-rule="evenodd"></path></svg>
-            </div>
-            <div class="hidden sm:flex w-full bg-gray-200 h-0.5 dark:bg-gray-700"></div>
-        </div>
-      </svelte:fragment>
-      <p class="text-base font-normal text-gray-500 dark:text-gray-400">
-        Get started with dozens of web components and interactive elements.
-      </p>
-    </TimelineItem>
-  </Timeline>
-  ```
+@component
+[Go to docs](https://flowbite-svelte.com/)
+## Props
+@prop export let olClass: string = 'sm:flex';
 -->

package/dist/timeline/TimelineHorizontal.svelte.d.ts

@@ -15,64 +15,9 @@ export type TimelineHorizontalProps = typeof __propDef.props;
 export type TimelineHorizontalEvents = typeof __propDef.events;
 export type TimelineHorizontalSlots = typeof __propDef.slots;
 /**
- * ## Features
- * [Go to Horizontal Timeline](https://flowbite-svelte.com/docs/components/timeline#Horizontal_Timeline)
- * - Setup
- * - Default timeline
- * - Vertical Timeline
- * - Horizontal Timeline
- * - Activity Log
- * - Grouped timeline
+ * [Go to docs](https://flowbite-svelte.com/)
  * ## Props
- * @prop olClass: string = 'sm:flex';
- * ## Example
- * ```
- * <script>
- *   import { Timeline, TimelineItem } from 'flowbite-svelte';
- * </script>
- *
- * <Timeline order="horizontal">
- *   <TimelineItem title="Flowbite Library v1.0.0" date="Released on December 2nd, 2021">
- *     <svelte:fragment slot="icon">
- *         <div class="flex items-center">
- *           <div class="flex z-10 justify-center items-center w-6 h-6 bg-blue-200 rounded-full ring-0 ring-white dark:bg-blue-900 sm:ring-8 dark:ring-gray-900 shrink-0">
- *               <svg aria-hidden="true" class="w-3 h-3 text-blue-600 dark:text-blue-300" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M6 2a1 1 0 00-1 1v1H4a2 2 0 00-2 2v10a2 2 0 002 2h12a2 2 0 002-2V6a2 2 0 00-2-2h-1V3a1 1 0 10-2 0v1H7V3a1 1 0 00-1-1zm0 5a1 1 0 000 2h8a1 1 0 100-2H6z" clip-rule="evenodd"></path></svg>
- *           </div>
- *           <div class="hidden sm:flex w-full bg-gray-200 h-0.5 dark:bg-gray-700"></div>
- *       </div>
- *     </svelte:fragment>
- *     <p class="text-base font-normal text-gray-500 dark:text-gray-400">
- *       Get started with dozens of web components and interactive elements.
- *     </p>
- *   </TimelineItem>
- *   <TimelineItem title="Flowbite Library v1.2.0" date="Released on December 23th, 2021">
- *     <svelte:fragment slot="icon">
- *         <div class="flex items-center">
- *           <div class="flex z-10 justify-center items-center w-6 h-6 bg-blue-200 rounded-full ring-0 ring-white dark:bg-blue-900 sm:ring-8 dark:ring-gray-900 shrink-0">
- *               <svg aria-hidden="true" class="w-3 h-3 text-blue-600 dark:text-blue-300" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M6 2a1 1 0 00-1 1v1H4a2 2 0 00-2 2v10a2 2 0 002 2h12a2 2 0 002-2V6a2 2 0 00-2-2h-1V3a1 1 0 10-2 0v1H7V3a1 1 0 00-1-1zm0 5a1 1 0 000 2h8a1 1 0 100-2H6z" clip-rule="evenodd"></path></svg>
- *           </div>
- *           <div class="hidden sm:flex w-full bg-gray-200 h-0.5 dark:bg-gray-700"></div>
- *       </div>
- *     </svelte:fragment>
- *     <p class="text-base font-normal text-gray-500 dark:text-gray-400">
- *       Get started with dozens of web components and interactive elements.
- *     </p>
- *   </TimelineItem>
- *   <TimelineItem title="Flowbite Library v1.3.0" date="Released on January 5th, 2021">
- *     <svelte:fragment slot="icon">
- *         <div class="flex items-center">
- *           <div class="flex z-10 justify-center items-center w-6 h-6 bg-blue-200 rounded-full ring-0 ring-white dark:bg-blue-900 sm:ring-8 dark:ring-gray-900 shrink-0">
- *               <svg aria-hidden="true" class="w-3 h-3 text-blue-600 dark:text-blue-300" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M6 2a1 1 0 00-1 1v1H4a2 2 0 00-2 2v10a2 2 0 002 2h12a2 2 0 002-2V6a2 2 0 00-2-2h-1V3a1 1 0 10-2 0v1H7V3a1 1 0 00-1-1zm0 5a1 1 0 000 2h8a1 1 0 100-2H6z" clip-rule="evenodd"></path></svg>
- *           </div>
- *           <div class="hidden sm:flex w-full bg-gray-200 h-0.5 dark:bg-gray-700"></div>
- *       </div>
- *     </svelte:fragment>
- *     <p class="text-base font-normal text-gray-500 dark:text-gray-400">
- *       Get started with dozens of web components and interactive elements.
- *     </p>
- *   </TimelineItem>
- * </Timeline>
- * ```
+ * @prop export let olClass: string = 'sm:flex';
  */
 export default class TimelineHorizontal extends SvelteComponentTyped<TimelineHorizontalProps, TimelineHorizontalEvents, TimelineHorizontalSlots> {
 }

package/dist/timeline/TimelineHorizontal.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TimelineHorizontal.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/timeline/TimelineHorizontal.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AAkBD,QAAA,MAAM,SAAS;;;;;;;;;;;CAA+D,CAAC;AAC/E,MAAM,MAAM,uBAAuB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAC7D,MAAM,MAAM,wBAAwB,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AAC/D,MAAM,MAAM,uBAAuB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAE7D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2DG;AACH,MAAM,CAAC,OAAO,OAAO,kBAAmB,SAAQ,oBAAoB,CAAC,uBAAuB,EAAE,wBAAwB,EAAE,uBAAuB,CAAC;CAC/I"}
+{"version":3,"file":"TimelineHorizontal.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/timeline/TimelineHorizontal.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AAkBD,QAAA,MAAM,SAAS;;;;;;;;;;;CAA+D,CAAC;AAC/E,MAAM,MAAM,uBAAuB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAC7D,MAAM,MAAM,wBAAwB,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AAC/D,MAAM,MAAM,uBAAuB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAE7D;;;;GAIG;AACH,MAAM,CAAC,OAAO,OAAO,kBAAmB,SAAQ,oBAAoB,CAAC,uBAAuB,EAAE,wBAAwB,EAAE,uBAAuB,CAAC;CAC/I"}