flowbite-svelte 0.36.2 → 0.36.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (121) hide show
  1. package/README.md +2 -2
  2. package/dist/avatar/Placeholder.svelte +5 -10
  3. package/dist/banner/Banner.svelte +16 -16
  4. package/dist/banner/Banner.svelte.d.ts.map +1 -1
  5. package/dist/bottom-nav/BottomNav.svelte +3 -4
  6. package/dist/bottom-nav/BottomNav.svelte.d.ts.map +1 -1
  7. package/dist/bottom-nav/BottomNavHeader.svelte +6 -7
  8. package/dist/bottom-nav/BottomNavHeader.svelte.d.ts.map +1 -1
  9. package/dist/bottom-nav/BottomNavHeaderItem.svelte +3 -3
  10. package/dist/bottom-nav/BottomNavHeaderItem.svelte.d.ts.map +1 -1
  11. package/dist/bottom-nav/BottomNavItem.svelte +8 -5
  12. package/dist/bottom-nav/BottomNavItem.svelte.d.ts.map +1 -1
  13. package/dist/breadcrumbs/Breadcrumb.svelte +3 -3
  14. package/dist/buttongroups/ButtonGroup.svelte.d.ts.map +1 -1
  15. package/dist/buttons/GradientButton.svelte +10 -11
  16. package/dist/darkmode/DarkMode.svelte +3 -0
  17. package/dist/darkmode/DarkMode.svelte.d.ts.map +1 -1
  18. package/dist/datepicker/Calender.svelte +9 -11
  19. package/dist/device-mockup/Android.svelte +12 -5
  20. package/dist/device-mockup/Android.svelte.d.ts +10 -13
  21. package/dist/device-mockup/Android.svelte.d.ts.map +1 -1
  22. package/dist/device-mockup/DefaultMockup.svelte +10 -0
  23. package/dist/device-mockup/DefaultMockup.svelte.d.ts +20 -0
  24. package/dist/device-mockup/DefaultMockup.svelte.d.ts.map +1 -0
  25. package/dist/device-mockup/DeviceMockup.svelte +85 -44
  26. package/dist/device-mockup/DeviceMockup.svelte.d.ts +42 -0
  27. package/dist/device-mockup/DeviceMockup.svelte.d.ts.map +1 -1
  28. package/dist/device-mockup/Ios.svelte +10 -4
  29. package/dist/device-mockup/Ios.svelte.d.ts +9 -13
  30. package/dist/device-mockup/Ios.svelte.d.ts.map +1 -1
  31. package/dist/device-mockup/Smartwatch.svelte +6 -0
  32. package/dist/device-mockup/Smartwatch.svelte.d.ts +18 -0
  33. package/dist/device-mockup/Smartwatch.svelte.d.ts.map +1 -0
  34. package/dist/device-mockup/Tablet.svelte +10 -4
  35. package/dist/device-mockup/Tablet.svelte.d.ts +9 -13
  36. package/dist/device-mockup/Tablet.svelte.d.ts.map +1 -1
  37. package/dist/dropdowns/Dropdown.svelte +1 -1
  38. package/dist/dropdowns/DropdownHeader.svelte +2 -2
  39. package/dist/dropdowns/DropdownItem.svelte.d.ts.map +1 -1
  40. package/dist/footer/FooterLinkGroup.svelte +1 -1
  41. package/dist/forms/Dropzone.svelte +9 -1
  42. package/dist/forms/FloatingLabelInput.svelte +34 -37
  43. package/dist/forms/FloatingLabelInput.svelte.d.ts.map +1 -1
  44. package/dist/forms/Helper.svelte +1 -1
  45. package/dist/forms/RadioInline.svelte +1 -1
  46. package/dist/forms/VoiceSearch.svelte +31 -45
  47. package/dist/forms/VoiceSearch.svelte.d.ts.map +1 -1
  48. package/dist/gallery/Gallery.svelte +2 -2
  49. package/dist/kbd/ArrowKeyDown.svelte +8 -10
  50. package/dist/kbd/ArrowKeyLeft.svelte +8 -10
  51. package/dist/kbd/ArrowKeyRight.svelte +8 -10
  52. package/dist/kbd/ArrowKeyUp.svelte +8 -10
  53. package/dist/kbd/Kbd.svelte +1 -1
  54. package/dist/modals/Modal.svelte +4 -7
  55. package/dist/modals/Modal.svelte.d.ts +3 -1
  56. package/dist/modals/Modal.svelte.d.ts.map +1 -1
  57. package/dist/navbar/Menu.svelte +11 -11
  58. package/dist/navbar/NavBrand.svelte +1 -1
  59. package/dist/navbar/NavHamburger.svelte +1 -1
  60. package/dist/navbar/NavSidebarHamburger.svelte +1 -1
  61. package/dist/navbar/SidebarMenu.svelte +11 -11
  62. package/dist/ratings/AdvancedRating.svelte +9 -9
  63. package/dist/ratings/Heart.svelte +7 -9
  64. package/dist/ratings/Rating.svelte +5 -5
  65. package/dist/ratings/RatingComment.svelte +3 -1
  66. package/dist/ratings/RatingComment.svelte.d.ts.map +1 -1
  67. package/dist/ratings/Review.svelte +52 -53
  68. package/dist/ratings/ScoreRating.svelte +42 -39
  69. package/dist/ratings/ScoreRating.svelte.d.ts.map +1 -1
  70. package/dist/ratings/Star.svelte +20 -20
  71. package/dist/ratings/Star.svelte.d.ts.map +1 -1
  72. package/dist/ratings/Thumbup.svelte +7 -9
  73. package/dist/sidebars/Sidebar.svelte +1 -1
  74. package/dist/sidebars/SidebarBrand.svelte +2 -2
  75. package/dist/sidebars/SidebarBrand.svelte.d.ts.map +1 -1
  76. package/dist/sidebars/SidebarCta.svelte +8 -13
  77. package/dist/sidebars/SidebarGroup.svelte +1 -1
  78. package/dist/sidebars/SidebarWrapper.svelte +1 -1
  79. package/dist/skeleton/CardPlaceholder.svelte +33 -37
  80. package/dist/skeleton/ImagePlaceholder.svelte +23 -26
  81. package/dist/skeleton/ImagePlaceholder.svelte.d.ts.map +1 -1
  82. package/dist/skeleton/ListPlaceholder.svelte +36 -36
  83. package/dist/skeleton/Skeleton.svelte +8 -8
  84. package/dist/skeleton/TestimonialPlaceholder.svelte +17 -19
  85. package/dist/skeleton/TextPlaceholder.svelte +31 -31
  86. package/dist/skeleton/VideoPlaceholder.svelte +11 -13
  87. package/dist/skeleton/WidgetPlaceholder.svelte +12 -12
  88. package/dist/steps/StepIndicator.svelte +1 -5
  89. package/dist/steps/StepIndicator.svelte.d.ts.map +1 -1
  90. package/dist/tables/TableBodyCell.svelte +11 -10
  91. package/dist/tables/TableHeadCell.svelte +12 -11
  92. package/dist/tables/TableSearch.svelte +25 -31
  93. package/dist/tables/TableSearch.svelte.d.ts.map +1 -1
  94. package/dist/timeline/Activity.svelte +1 -1
  95. package/dist/timeline/ActivityItem.svelte +21 -24
  96. package/dist/timeline/Group.svelte +4 -4
  97. package/dist/timeline/Group.svelte.d.ts.map +1 -1
  98. package/dist/timeline/GroupItem.svelte +39 -44
  99. package/dist/timeline/TimelineItem.svelte +87 -87
  100. package/dist/timeline/TimelineItem.svelte.d.ts.map +1 -1
  101. package/dist/timeline/TimelineItemHorizontal.svelte +38 -43
  102. package/dist/timeline/TimelineItemVertical.svelte +23 -24
  103. package/dist/toolbar/ToolbarGroup.svelte +2 -2
  104. package/dist/types.d.ts.map +1 -1
  105. package/dist/typography/Img.svelte +1 -5
  106. package/dist/utils/ChevronDown.svelte +11 -11
  107. package/dist/utils/ChevronLeft.svelte +11 -11
  108. package/dist/utils/ChevronRight.svelte +11 -11
  109. package/dist/utils/ChevronUp.svelte +11 -11
  110. package/dist/utils/InformationCircle.svelte +11 -12
  111. package/dist/utils/UserCircle.svelte +11 -12
  112. package/dist/utils/clickOutside.d.ts.map +1 -1
  113. package/dist/utils/clickOutside.js +1 -1
  114. package/dist/utils/generateId.js +2 -2
  115. package/package.json +25 -25
  116. package/dist/device-mockup/Default.svelte +0 -4
  117. package/dist/device-mockup/Default.svelte.d.ts +0 -24
  118. package/dist/device-mockup/Default.svelte.d.ts.map +0 -1
  119. package/dist/device-mockup/SmartWatch.svelte +0 -2
  120. package/dist/device-mockup/SmartWatch.svelte.d.ts +0 -24
  121. package/dist/device-mockup/SmartWatch.svelte.d.ts.map +0 -1
@@ -3,40 +3,40 @@ export let divClass = 'p-4 space-y-4 max-w-md rounded border border-gray-200 div
3
3
  </script>
4
4
 
5
5
  <div role="status" class={classNames(divClass, $$props.class)}>
6
- <div class="flex justify-between items-center">
7
- <div>
8
- <div class="h-2.5 bg-gray-300 rounded-full dark:bg-gray-600 w-24 mb-2.5" />
9
- <div class="w-32 h-2 bg-gray-200 rounded-full dark:bg-gray-700" />
10
- </div>
11
- <div class="h-2.5 bg-gray-300 rounded-full dark:bg-gray-700 w-12" />
12
- </div>
13
- <div class="flex justify-between items-center pt-4">
14
- <div>
15
- <div class="h-2.5 bg-gray-300 rounded-full dark:bg-gray-600 w-24 mb-2.5" />
16
- <div class="w-32 h-2 bg-gray-200 rounded-full dark:bg-gray-700" />
17
- </div>
18
- <div class="h-2.5 bg-gray-300 rounded-full dark:bg-gray-700 w-12" />
19
- </div>
20
- <div class="flex justify-between items-center pt-4">
21
- <div>
22
- <div class="h-2.5 bg-gray-300 rounded-full dark:bg-gray-600 w-24 mb-2.5" />
23
- <div class="w-32 h-2 bg-gray-200 rounded-full dark:bg-gray-700" />
24
- </div>
25
- <div class="h-2.5 bg-gray-300 rounded-full dark:bg-gray-700 w-12" />
26
- </div>
27
- <div class="flex justify-between items-center pt-4">
28
- <div>
29
- <div class="h-2.5 bg-gray-300 rounded-full dark:bg-gray-600 w-24 mb-2.5" />
30
- <div class="w-32 h-2 bg-gray-200 rounded-full dark:bg-gray-700" />
31
- </div>
32
- <div class="h-2.5 bg-gray-300 rounded-full dark:bg-gray-700 w-12" />
33
- </div>
34
- <div class="flex justify-between items-center pt-4">
35
- <div>
36
- <div class="h-2.5 bg-gray-300 rounded-full dark:bg-gray-600 w-24 mb-2.5" />
37
- <div class="w-32 h-2 bg-gray-200 rounded-full dark:bg-gray-700" />
38
- </div>
39
- <div class="h-2.5 bg-gray-300 rounded-full dark:bg-gray-700 w-12" />
40
- </div>
41
- <span class="sr-only">Loading...</span>
6
+ <div class="flex justify-between items-center">
7
+ <div>
8
+ <div class="h-2.5 bg-gray-300 rounded-full dark:bg-gray-600 w-24 mb-2.5" />
9
+ <div class="w-32 h-2 bg-gray-200 rounded-full dark:bg-gray-700" />
10
+ </div>
11
+ <div class="h-2.5 bg-gray-300 rounded-full dark:bg-gray-700 w-12" />
12
+ </div>
13
+ <div class="flex justify-between items-center pt-4">
14
+ <div>
15
+ <div class="h-2.5 bg-gray-300 rounded-full dark:bg-gray-600 w-24 mb-2.5" />
16
+ <div class="w-32 h-2 bg-gray-200 rounded-full dark:bg-gray-700" />
17
+ </div>
18
+ <div class="h-2.5 bg-gray-300 rounded-full dark:bg-gray-700 w-12" />
19
+ </div>
20
+ <div class="flex justify-between items-center pt-4">
21
+ <div>
22
+ <div class="h-2.5 bg-gray-300 rounded-full dark:bg-gray-600 w-24 mb-2.5" />
23
+ <div class="w-32 h-2 bg-gray-200 rounded-full dark:bg-gray-700" />
24
+ </div>
25
+ <div class="h-2.5 bg-gray-300 rounded-full dark:bg-gray-700 w-12" />
26
+ </div>
27
+ <div class="flex justify-between items-center pt-4">
28
+ <div>
29
+ <div class="h-2.5 bg-gray-300 rounded-full dark:bg-gray-600 w-24 mb-2.5" />
30
+ <div class="w-32 h-2 bg-gray-200 rounded-full dark:bg-gray-700" />
31
+ </div>
32
+ <div class="h-2.5 bg-gray-300 rounded-full dark:bg-gray-700 w-12" />
33
+ </div>
34
+ <div class="flex justify-between items-center pt-4">
35
+ <div>
36
+ <div class="h-2.5 bg-gray-300 rounded-full dark:bg-gray-600 w-24 mb-2.5" />
37
+ <div class="w-32 h-2 bg-gray-200 rounded-full dark:bg-gray-700" />
38
+ </div>
39
+ <div class="h-2.5 bg-gray-300 rounded-full dark:bg-gray-700 w-12" />
40
+ </div>
41
+ <span class="sr-only">Loading...</span>
42
42
  </div>
@@ -12,12 +12,12 @@ $: outDivclass = classNames(sizes[size], divClass, $$props.class);
12
12
  </script>
13
13
 
14
14
  <div role="status" class={outDivclass}>
15
- <div class="h-2.5 bg-gray-200 rounded-full dark:bg-gray-700 w-1/2 mb-4" />
16
- <div class="h-2 bg-gray-200 rounded-full dark:bg-gray-700 w-9/12 mb-2.5" />
17
- <div class="h-2 bg-gray-200 rounded-full dark:bg-gray-700 mb-2.5" />
18
- <div class="h-2 bg-gray-200 rounded-full dark:bg-gray-700 mb-2.5" />
19
- <div class="h-2 bg-gray-200 rounded-full dark:bg-gray-700 w-10/12 mb-2.5" />
20
- <div class="h-2 bg-gray-200 rounded-full dark:bg-gray-700 w-11/12 mb-2.5" />
21
- <div class="h-2 bg-gray-200 rounded-full dark:bg-gray-700 w-9/12" />
22
- <span class="sr-only">Loading...</span>
15
+ <div class="h-2.5 bg-gray-200 rounded-full dark:bg-gray-700 w-1/2 mb-4" />
16
+ <div class="h-2 bg-gray-200 rounded-full dark:bg-gray-700 w-9/12 mb-2.5" />
17
+ <div class="h-2 bg-gray-200 rounded-full dark:bg-gray-700 mb-2.5" />
18
+ <div class="h-2 bg-gray-200 rounded-full dark:bg-gray-700 mb-2.5" />
19
+ <div class="h-2 bg-gray-200 rounded-full dark:bg-gray-700 w-10/12 mb-2.5" />
20
+ <div class="h-2 bg-gray-200 rounded-full dark:bg-gray-700 w-11/12 mb-2.5" />
21
+ <div class="h-2 bg-gray-200 rounded-full dark:bg-gray-700 w-9/12" />
22
+ <span class="sr-only">Loading...</span>
23
23
  </div>
@@ -3,23 +3,21 @@ export let divClass = 'animate-pulse';
3
3
  </script>
4
4
 
5
5
  <div role="status" class={classNames(divClass, $$props.class)}>
6
- <div class="h-2.5 bg-gray-300 rounded-full dark:bg-gray-700 max-w-[640px] mb-2.5 mx-auto" />
7
- <div class="h-2.5 mx-auto bg-gray-300 rounded-full dark:bg-gray-700 max-w-[540px]" />
8
- <div class="flex justify-center items-center mt-4">
9
- <svg
10
- class="mr-2 w-10 h-10 text-gray-200 dark:text-gray-700"
11
- aria-hidden="true"
12
- fill="currentColor"
13
- viewBox="0 0 20 20"
14
- xmlns="http://www.w3.org/2000/svg"
15
- ><path
16
- fill-rule="evenodd"
17
- d="M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-6-3a2 2 0 11-4 0 2 2 0 014 0zm-2 4a5 5 0 00-4.546 2.916A5.986 5.986 0 0010 16a5.986 5.986 0 004.546-2.084A5 5 0 0010 11z"
18
- clip-rule="evenodd"
19
- /></svg
20
- >
21
- <div class="w-20 h-2.5 bg-gray-200 rounded-full dark:bg-gray-700 mr-3" />
22
- <div class="w-24 h-2 bg-gray-200 rounded-full dark:bg-gray-700" />
23
- </div>
24
- <span class="sr-only">Loading...</span>
6
+ <div class="h-2.5 bg-gray-300 rounded-full dark:bg-gray-700 max-w-[640px] mb-2.5 mx-auto" />
7
+ <div class="h-2.5 mx-auto bg-gray-300 rounded-full dark:bg-gray-700 max-w-[540px]" />
8
+ <div class="flex justify-center items-center mt-4">
9
+ <svg
10
+ class="mr-2 w-10 h-10 text-gray-200 dark:text-gray-700"
11
+ aria-hidden="true"
12
+ fill="currentColor"
13
+ viewBox="0 0 20 20"
14
+ xmlns="http://www.w3.org/2000/svg"
15
+ ><path
16
+ fill-rule="evenodd"
17
+ d="M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-6-3a2 2 0 11-4 0 2 2 0 014 0zm-2 4a5 5 0 00-4.546 2.916A5.986 5.986 0 0010 16a5.986 5.986 0 004.546-2.084A5 5 0 0010 11z"
18
+ clip-rule="evenodd" /></svg>
19
+ <div class="w-20 h-2.5 bg-gray-200 rounded-full dark:bg-gray-700 mr-3" />
20
+ <div class="w-24 h-2 bg-gray-200 rounded-full dark:bg-gray-700" />
21
+ </div>
22
+ <span class="sr-only">Loading...</span>
25
23
  </div>
@@ -12,35 +12,35 @@ $: outDivclass = classNames(sizes[size], divClass, $$props.class);
12
12
  </script>
13
13
 
14
14
  <div role="status" class={outDivclass}>
15
- <div class="flex items-center space-x-2 w-full">
16
- <div class="h-2.5 bg-gray-200 rounded-full dark:bg-gray-700 w-32" />
17
- <div class="h-2.5 bg-gray-300 rounded-full dark:bg-gray-600 w-24" />
18
- <div class="h-2.5 bg-gray-300 rounded-full dark:bg-gray-600 w-full" />
19
- </div>
20
- <div class="flex items-center space-x-2 w-11/12">
21
- <div class="h-2.5 bg-gray-200 rounded-full dark:bg-gray-700 w-full" />
22
- <div class="h-2.5 bg-gray-300 rounded-full dark:bg-gray-600 w-full" />
23
- <div class="h-2.5 bg-gray-300 rounded-full dark:bg-gray-600 w-24" />
24
- </div>
25
- <div class="flex items-center space-x-2 w-9/12">
26
- <div class="h-2.5 bg-gray-300 rounded-full dark:bg-gray-600 w-full" />
27
- <div class="h-2.5 bg-gray-200 rounded-full dark:bg-gray-700 w-80" />
28
- <div class="h-2.5 bg-gray-300 rounded-full dark:bg-gray-600 w-full" />
29
- </div>
30
- <div class="flex items-center space-x-2 w-11/12">
31
- <div class="h-2.5 bg-gray-200 rounded-full dark:bg-gray-700 w-full" />
32
- <div class="h-2.5 bg-gray-300 rounded-full dark:bg-gray-600 w-full" />
33
- <div class="h-2.5 bg-gray-300 rounded-full dark:bg-gray-600 w-24" />
34
- </div>
35
- <div class="flex items-center space-x-2 w-10/12">
36
- <div class="h-2.5 bg-gray-300 rounded-full dark:bg-gray-600 w-32" />
37
- <div class="h-2.5 bg-gray-300 rounded-full dark:bg-gray-600 w-24" />
38
- <div class="h-2.5 bg-gray-200 rounded-full dark:bg-gray-700 w-full" />
39
- </div>
40
- <div class="flex items-center space-x-2 w-8/12">
41
- <div class="h-2.5 bg-gray-300 rounded-full dark:bg-gray-600 w-full" />
42
- <div class="h-2.5 bg-gray-200 rounded-full dark:bg-gray-700 w-80" />
43
- <div class="h-2.5 bg-gray-300 rounded-full dark:bg-gray-600 w-full" />
44
- </div>
45
- <span class="sr-only">Loading...</span>
15
+ <div class="flex items-center space-x-2 w-full">
16
+ <div class="h-2.5 bg-gray-200 rounded-full dark:bg-gray-700 w-32" />
17
+ <div class="h-2.5 bg-gray-300 rounded-full dark:bg-gray-600 w-24" />
18
+ <div class="h-2.5 bg-gray-300 rounded-full dark:bg-gray-600 w-full" />
19
+ </div>
20
+ <div class="flex items-center space-x-2 w-11/12">
21
+ <div class="h-2.5 bg-gray-200 rounded-full dark:bg-gray-700 w-full" />
22
+ <div class="h-2.5 bg-gray-300 rounded-full dark:bg-gray-600 w-full" />
23
+ <div class="h-2.5 bg-gray-300 rounded-full dark:bg-gray-600 w-24" />
24
+ </div>
25
+ <div class="flex items-center space-x-2 w-9/12">
26
+ <div class="h-2.5 bg-gray-300 rounded-full dark:bg-gray-600 w-full" />
27
+ <div class="h-2.5 bg-gray-200 rounded-full dark:bg-gray-700 w-80" />
28
+ <div class="h-2.5 bg-gray-300 rounded-full dark:bg-gray-600 w-full" />
29
+ </div>
30
+ <div class="flex items-center space-x-2 w-11/12">
31
+ <div class="h-2.5 bg-gray-200 rounded-full dark:bg-gray-700 w-full" />
32
+ <div class="h-2.5 bg-gray-300 rounded-full dark:bg-gray-600 w-full" />
33
+ <div class="h-2.5 bg-gray-300 rounded-full dark:bg-gray-600 w-24" />
34
+ </div>
35
+ <div class="flex items-center space-x-2 w-10/12">
36
+ <div class="h-2.5 bg-gray-300 rounded-full dark:bg-gray-600 w-32" />
37
+ <div class="h-2.5 bg-gray-300 rounded-full dark:bg-gray-600 w-24" />
38
+ <div class="h-2.5 bg-gray-200 rounded-full dark:bg-gray-700 w-full" />
39
+ </div>
40
+ <div class="flex items-center space-x-2 w-8/12">
41
+ <div class="h-2.5 bg-gray-300 rounded-full dark:bg-gray-600 w-full" />
42
+ <div class="h-2.5 bg-gray-200 rounded-full dark:bg-gray-700 w-80" />
43
+ <div class="h-2.5 bg-gray-300 rounded-full dark:bg-gray-600 w-full" />
44
+ </div>
45
+ <span class="sr-only">Loading...</span>
46
46
  </div>
@@ -12,17 +12,15 @@ $: outDivclass = classNames(sizes[size], divClass, $$props.class);
12
12
  </script>
13
13
 
14
14
  <div role="status" class={outDivclass}>
15
- <svg
16
- width=48
17
- height=48
18
- class="text-gray-200 dark:text-gray-600"
19
- xmlns="http://www.w3.org/2000/svg"
20
- aria-hidden="true"
21
- fill="currentColor"
22
- viewBox="0 0 384 512"
23
- ><path
24
- d="M361 215C375.3 223.8 384 239.3 384 256C384 272.7 375.3 288.2 361 296.1L73.03 472.1C58.21 482 39.66 482.4 24.52 473.9C9.377 465.4 0 449.4 0 432V80C0 62.64 9.377 46.63 24.52 38.13C39.66 29.64 58.21 29.99 73.03 39.04L361 215z"
25
- /></svg
26
- >
27
- <span class="sr-only">Loading...</span>
15
+ <svg
16
+ width="48"
17
+ height="48"
18
+ class="text-gray-200 dark:text-gray-600"
19
+ xmlns="http://www.w3.org/2000/svg"
20
+ aria-hidden="true"
21
+ fill="currentColor"
22
+ viewBox="0 0 384 512"
23
+ ><path
24
+ d="M361 215C375.3 223.8 384 239.3 384 256C384 272.7 375.3 288.2 361 296.1L73.03 472.1C58.21 482 39.66 482.4 24.52 473.9C9.377 465.4 0 449.4 0 432V80C0 62.64 9.377 46.63 24.52 38.13C39.66 29.64 58.21 29.99 73.03 39.04L361 215z" /></svg>
25
+ <span class="sr-only">Loading...</span>
28
26
  </div>
@@ -3,16 +3,16 @@ export let divClass = 'p-4 max-w-sm rounded border border-gray-200 shadow animat
3
3
  </script>
4
4
 
5
5
  <div role="status" class={classNames(divClass, $$props.class)}>
6
- <div class="h-2.5 bg-gray-200 rounded-full dark:bg-gray-700 w-32 mb-2.5" />
7
- <div class="mb-10 w-48 h-2 bg-gray-200 rounded-full dark:bg-gray-700" />
8
- <div class="flex items-baseline mt-4 space-x-6">
9
- <div class="w-full h-72 bg-gray-200 rounded-t-lg dark:bg-gray-700" />
10
- <div class="w-full h-56 bg-gray-200 rounded-t-lg dark:bg-gray-700" />
11
- <div class="w-full h-72 bg-gray-200 rounded-t-lg dark:bg-gray-700" />
12
- <div class="w-full h-64 bg-gray-200 rounded-t-lg dark:bg-gray-700" />
13
- <div class="w-full h-80 bg-gray-200 rounded-t-lg dark:bg-gray-700" />
14
- <div class="w-full h-72 bg-gray-200 rounded-t-lg dark:bg-gray-700" />
15
- <div class="w-full h-80 bg-gray-200 rounded-t-lg dark:bg-gray-700" />
16
- </div>
17
- <span class="sr-only">Loading...</span>
6
+ <div class="h-2.5 bg-gray-200 rounded-full dark:bg-gray-700 w-32 mb-2.5" />
7
+ <div class="mb-10 w-48 h-2 bg-gray-200 rounded-full dark:bg-gray-700" />
8
+ <div class="flex items-baseline mt-4 space-x-6">
9
+ <div class="w-full h-72 bg-gray-200 rounded-t-lg dark:bg-gray-700" />
10
+ <div class="w-full h-56 bg-gray-200 rounded-t-lg dark:bg-gray-700" />
11
+ <div class="w-full h-72 bg-gray-200 rounded-t-lg dark:bg-gray-700" />
12
+ <div class="w-full h-64 bg-gray-200 rounded-t-lg dark:bg-gray-700" />
13
+ <div class="w-full h-80 bg-gray-200 rounded-t-lg dark:bg-gray-700" />
14
+ <div class="w-full h-72 bg-gray-200 rounded-t-lg dark:bg-gray-700" />
15
+ <div class="w-full h-80 bg-gray-200 rounded-t-lg dark:bg-gray-700" />
16
+ </div>
17
+ <span class="sr-only">Loading...</span>
18
18
  </div>
@@ -35,11 +35,7 @@ const currentStepColors = {
35
35
  {#each steps as step, i}
36
36
  {#if i === currentStep - 1}
37
37
  <div class="relative w-full h-full">
38
- <div
39
- class={classNames(
40
- 'relative w-full h-full rounded-sm',
41
- currentStepColors[color]
42
- )} />
38
+ <div class={classNames('relative w-full h-full rounded-sm', currentStepColors[color])} />
43
39
  {#if glow}
44
40
  <div
45
41
  class={classNames(
@@ -1 +1 @@
1
- {"version":3,"file":"StepIndicator.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/steps/StepIndicator.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AAkED,QAAA,MAAM,SAAS;;;;;;;;;;;;;;CAA+D,CAAC;AAC/E,MAAM,MAAM,kBAAkB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AACxD,MAAM,MAAM,mBAAmB,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AAC1D,MAAM,MAAM,kBAAkB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAExD,MAAM,CAAC,OAAO,OAAO,aAAc,SAAQ,oBAAoB,CAAC,kBAAkB,EAAE,mBAAmB,EAAE,kBAAkB,CAAC;CAC3H"}
1
+ {"version":3,"file":"StepIndicator.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/steps/StepIndicator.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AA+DD,QAAA,MAAM,SAAS;;;;;;;;;;;;;;CAA+D,CAAC;AAC/E,MAAM,MAAM,kBAAkB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AACxD,MAAM,MAAM,mBAAmB,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AAC1D,MAAM,MAAM,kBAAkB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAExD,MAAM,CAAC,OAAO,OAAO,aAAc,SAAQ,oBAAoB,CAAC,kBAAkB,EAAE,mBAAmB,EAAE,kBAAkB,CAAC;CAC3H"}
@@ -9,15 +9,16 @@ $: tdClassfinal = classNames(tdClass, color === 'default'
9
9
  : 'text-blue-50 whitespace-nowrap dark:text-blue-100', $$props.class);
10
10
  </script>
11
11
 
12
- <td {...$$restProps} class={tdClassfinal}
13
- on:click
14
- on:focus
15
- on:keydown
16
- on:keypress
17
- on:keyup
18
- on:mouseenter
19
- on:mouseleave
20
- on:mouseover
21
- >
12
+ <td
13
+ {...$$restProps}
14
+ class={tdClassfinal}
15
+ on:click
16
+ on:focus
17
+ on:keydown
18
+ on:keypress
19
+ on:keyup
20
+ on:mouseenter
21
+ on:mouseleave
22
+ on:mouseover>
22
23
  <slot />
23
24
  </td>
@@ -2,15 +2,16 @@
2
2
  export let padding = 'px-6 py-3';
3
3
  </script>
4
4
 
5
- <th {...$$restProps} class={classNames(padding, $$props.class)}
6
- on:click
7
- on:focus
8
- on:keydown
9
- on:keypress
10
- on:keyup
11
- on:mouseenter
12
- on:mouseleave
13
- on:mouseover
14
- >
15
- <slot />
5
+ <th
6
+ {...$$restProps}
7
+ class={classNames(padding, $$props.class)}
8
+ on:click
9
+ on:focus
10
+ on:keydown
11
+ on:keypress
12
+ on:keyup
13
+ on:mouseenter
14
+ on:mouseleave
15
+ on:mouseover>
16
+ <slot />
16
17
  </th>
@@ -21,35 +21,29 @@ $: setContext('color', color);
21
21
  </script>
22
22
 
23
23
  <div class={divClass}>
24
- <div class="p-4">
25
- <label for="table-search" class="sr-only">Search</label>
26
- <div class="relative mt-1">
27
- <div class="absolute inset-y-0 left-0 flex items-center pl-3 pointer-events-none">
28
- <svg
29
- class="w-5 h-5 text-gray-500 dark:text-gray-400"
30
- fill="currentColor"
31
- viewBox="0 0 20 20"
32
- xmlns="http://www.w3.org/2000/svg"
33
- ><path
34
- fill-rule="evenodd"
35
- d="M8 4a4 4 0 100 8 4 4 0 000-8zM2 8a6 6 0 1110.89 3.476l4.817 4.817a1 1 0 01-1.414 1.414l-4.816-4.816A6 6 0 012 8z"
36
- clip-rule="evenodd"
37
- /></svg
38
- >
39
- </div>
40
- <input
41
- bind:value={inputValue}
42
- type="text"
43
- id="table-search"
44
- class="bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-80 pl-10 p-2.5 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500"
45
- {placeholder}
46
- />
47
- </div>
48
- </div>
49
- <table
50
- {...$$restProps}
51
- class={classNames('w-full text-left text-sm', colors[color], $$props.class)}
52
- >
53
- <slot />
54
- </table>
24
+ <div class="p-4">
25
+ <label for="table-search" class="sr-only">Search</label>
26
+ <div class="relative mt-1">
27
+ <div class="absolute inset-y-0 left-0 flex items-center pl-3 pointer-events-none">
28
+ <svg
29
+ class="w-5 h-5 text-gray-500 dark:text-gray-400"
30
+ fill="currentColor"
31
+ viewBox="0 0 20 20"
32
+ xmlns="http://www.w3.org/2000/svg"
33
+ ><path
34
+ fill-rule="evenodd"
35
+ d="M8 4a4 4 0 100 8 4 4 0 000-8zM2 8a6 6 0 1110.89 3.476l4.817 4.817a1 1 0 01-1.414 1.414l-4.816-4.816A6 6 0 012 8z"
36
+ clip-rule="evenodd" /></svg>
37
+ </div>
38
+ <input
39
+ bind:value={inputValue}
40
+ type="text"
41
+ id="table-search"
42
+ class="bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-80 pl-10 p-2.5 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500"
43
+ {placeholder} />
44
+ </div>
45
+ </div>
46
+ <table {...$$restProps} class={classNames('w-full text-left text-sm', colors[color], $$props.class)}>
47
+ <slot />
48
+ </table>
55
49
  </div>
@@ -1 +1 @@
1
- {"version":3,"file":"TableSearch.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/tables/TableSearch.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AAgDD,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;CAA+D,CAAC;AAC/E,MAAM,MAAM,gBAAgB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AACtD,MAAM,MAAM,iBAAiB,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AACxD,MAAM,MAAM,gBAAgB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAEtD,MAAM,CAAC,OAAO,OAAO,WAAY,SAAQ,oBAAoB,CAAC,gBAAgB,EAAE,iBAAiB,EAAE,gBAAgB,CAAC;CACnH"}
1
+ {"version":3,"file":"TableSearch.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/tables/TableSearch.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AA+CD,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;CAA+D,CAAC;AAC/E,MAAM,MAAM,gBAAgB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AACtD,MAAM,MAAM,iBAAiB,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AACxD,MAAM,MAAM,gBAAgB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAEtD,MAAM,CAAC,OAAO,OAAO,WAAY,SAAQ,oBAAoB,CAAC,gBAAgB,EAAE,iBAAiB,EAAE,gBAAgB,CAAC;CACnH"}
@@ -2,5 +2,5 @@
2
2
  </script>
3
3
 
4
4
  <ol class={olClass}>
5
- <slot />
5
+ <slot />
6
6
  </ol>
@@ -2,28 +2,25 @@
2
2
  </script>
3
3
 
4
4
  {#each activities as { title, date, src, alt, text }}
5
- <li class="mb-10 ml-6">
6
- <span
7
- class="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"
8
- >
9
- <img class="rounded-full shadow-lg" {src} {alt} />
10
- </span>
11
- <div
12
- class="p-4 bg-white rounded-lg border border-gray-200 shadow-sm dark:bg-gray-700 dark:border-gray-600"
13
- >
14
- <div class="justify-between items-center mb-3 sm:flex">
15
- <time class="mb-1 text-xs font-normal text-gray-400 sm:order-last sm:mb-0">{date}</time>
16
- <div class="text-sm font-normal text-gray-500 lex dark:text-gray-300">
17
- {@html title}
18
- </div>
19
- </div>
20
- {#if text}
21
- <div
22
- class="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"
23
- >
24
- {@html text}
25
- </div>
26
- {/if}
27
- </div>
28
- </li>
5
+ <li class="mb-10 ml-6">
6
+ <span
7
+ class="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">
8
+ <img class="rounded-full shadow-lg" {src} {alt} />
9
+ </span>
10
+ <div
11
+ class="p-4 bg-white rounded-lg border border-gray-200 shadow-sm dark:bg-gray-700 dark:border-gray-600">
12
+ <div class="justify-between items-center mb-3 sm:flex">
13
+ <time class="mb-1 text-xs font-normal text-gray-400 sm:order-last sm:mb-0">{date}</time>
14
+ <div class="text-sm font-normal text-gray-500 lex dark:text-gray-300">
15
+ {@html title}
16
+ </div>
17
+ </div>
18
+ {#if text}
19
+ <div
20
+ class="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">
21
+ {@html text}
22
+ </div>
23
+ {/if}
24
+ </div>
25
+ </li>
29
26
  {/each}
@@ -4,8 +4,8 @@ export let date;
4
4
  </script>
5
5
 
6
6
  <div class={divClass}>
7
- <time class={timeClass}>{date}</time>
8
- <ol class="mt-3 divide-y divider-gray-200 dark:divide-gray-700">
9
- <slot />
10
- </ol>
7
+ <time class={timeClass}>{date}</time>
8
+ <ol class="mt-3 divide-y divider-gray-200 dark:divide-gray-700">
9
+ <slot />
10
+ </ol>
11
11
  </div>
@@ -1 +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;AAgBD,QAAA,MAAM,SAAS;;;;cAD2G,IAAI,GAAG,MAAM;;;;;;;;CAChF,CAAC;AACxD,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,MAAM,CAAC,OAAO,OAAO,KAAM,SAAQ,oBAAoB,CAAC,UAAU,EAAE,WAAW,EAAE,UAAU,CAAC;CAC3F"}
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;AAiBD,QAAA,MAAM,SAAS;;;;cAD2G,IAAI,GAAG,MAAM;;;;;;;;CAChF,CAAC;AACxD,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,MAAM,CAAC,OAAO,OAAO,KAAM,SAAQ,oBAAoB,CAAC,UAAU,EAAE,WAAW,EAAE,UAAU,CAAC;CAC3F"}
@@ -2,48 +2,43 @@
2
2
  </script>
3
3
 
4
4
  {#each timelines as { title, src, alt, isPrivate, href, comment }}
5
- <li>
6
- <a {href} class="block items-center p-3 sm:flex hover:bg-gray-100 dark:hover:bg-gray-700">
7
- <img class="mr-3 mb-3 w-12 h-12 rounded-full sm:mb-0" {src} {alt} />
8
- <div class="text-gray-600 dark:text-gray-400">
9
- <div class="text-base font-normal">
10
- {@html title}
11
- </div>
12
- {#if comment}
13
- <div class="text-sm font-normal">{comment}</div>
14
- {/if}
15
- <span class="inline-flex items-center text-xs font-normal text-gray-500 dark:text-gray-400">
16
- {#if isPrivate}
17
- <svg
18
- class="mr-1 w-3 h-3"
19
- fill="currentColor"
20
- viewBox="0 0 20 20"
21
- xmlns="http://www.w3.org/2000/svg"
22
- ><path
23
- fill-rule="evenodd"
24
- d="M3.707 2.293a1 1 0 00-1.414 1.414l14 14a1 1 0 001.414-1.414l-1.473-1.473A10.014 10.014 0 0019.542 10C18.268 5.943 14.478 3 10 3a9.958 9.958 0 00-4.512 1.074l-1.78-1.781zm4.261 4.26l1.514 1.515a2.003 2.003 0 012.45 2.45l1.514 1.514a4 4 0 00-5.478-5.478z"
25
- clip-rule="evenodd"
26
- /><path
27
- d="M12.454 16.697L9.75 13.992a4 4 0 01-3.742-3.741L2.335 6.578A9.98 9.98 0 00.458 10c1.274 4.057 5.065 7 9.542 7 .847 0 1.669-.105 2.454-.303z"
28
- /></svg
29
- >
30
- Private
31
- {:else}
32
- <svg
33
- class="mr-1 w-3 h-3"
34
- fill="currentColor"
35
- viewBox="0 0 20 20"
36
- xmlns="http://www.w3.org/2000/svg"
37
- ><path
38
- fill-rule="evenodd"
39
- d="M4.083 9h1.946c.089-1.546.383-2.97.837-4.118A6.004 6.004 0 004.083 9zM10 2a8 8 0 100 16 8 8 0 000-16zm0 2c-.076 0-.232.032-.465.262-.238.234-.497.623-.737 1.182-.389.907-.673 2.142-.766 3.556h3.936c-.093-1.414-.377-2.649-.766-3.556-.24-.56-.5-.948-.737-1.182C10.232 4.032 10.076 4 10 4zm3.971 5c-.089-1.546-.383-2.97-.837-4.118A6.004 6.004 0 0115.917 9h-1.946zm-2.003 2H8.032c.093 1.414.377 2.649.766 3.556.24.56.5.948.737 1.182.233.23.389.262.465.262.076 0 .232-.032.465-.262.238-.234.498-.623.737-1.182.389-.907.673-2.142.766-3.556zm1.166 4.118c.454-1.147.748-2.572.837-4.118h1.946a6.004 6.004 0 01-2.783 4.118zm-6.268 0C6.412 13.97 6.118 12.546 6.03 11H4.083a6.004 6.004 0 002.783 4.118z"
40
- clip-rule="evenodd"
41
- /></svg
42
- >
43
- Public
44
- {/if}
45
- </span>
46
- </div>
47
- </a>
48
- </li>
5
+ <li>
6
+ <a {href} class="block items-center p-3 sm:flex hover:bg-gray-100 dark:hover:bg-gray-700">
7
+ <img class="mr-3 mb-3 w-12 h-12 rounded-full sm:mb-0" {src} {alt} />
8
+ <div class="text-gray-600 dark:text-gray-400">
9
+ <div class="text-base font-normal">
10
+ {@html title}
11
+ </div>
12
+ {#if comment}
13
+ <div class="text-sm font-normal">{comment}</div>
14
+ {/if}
15
+ <span class="inline-flex items-center text-xs font-normal text-gray-500 dark:text-gray-400">
16
+ {#if isPrivate}
17
+ <svg
18
+ class="mr-1 w-3 h-3"
19
+ fill="currentColor"
20
+ viewBox="0 0 20 20"
21
+ xmlns="http://www.w3.org/2000/svg"
22
+ ><path
23
+ fill-rule="evenodd"
24
+ d="M3.707 2.293a1 1 0 00-1.414 1.414l14 14a1 1 0 001.414-1.414l-1.473-1.473A10.014 10.014 0 0019.542 10C18.268 5.943 14.478 3 10 3a9.958 9.958 0 00-4.512 1.074l-1.78-1.781zm4.261 4.26l1.514 1.515a2.003 2.003 0 012.45 2.45l1.514 1.514a4 4 0 00-5.478-5.478z"
25
+ clip-rule="evenodd" /><path
26
+ d="M12.454 16.697L9.75 13.992a4 4 0 01-3.742-3.741L2.335 6.578A9.98 9.98 0 00.458 10c1.274 4.057 5.065 7 9.542 7 .847 0 1.669-.105 2.454-.303z" /></svg>
27
+ Private
28
+ {:else}
29
+ <svg
30
+ class="mr-1 w-3 h-3"
31
+ fill="currentColor"
32
+ viewBox="0 0 20 20"
33
+ xmlns="http://www.w3.org/2000/svg"
34
+ ><path
35
+ fill-rule="evenodd"
36
+ d="M4.083 9h1.946c.089-1.546.383-2.97.837-4.118A6.004 6.004 0 004.083 9zM10 2a8 8 0 100 16 8 8 0 000-16zm0 2c-.076 0-.232.032-.465.262-.238.234-.497.623-.737 1.182-.389.907-.673 2.142-.766 3.556h3.936c-.093-1.414-.377-2.649-.766-3.556-.24-.56-.5-.948-.737-1.182C10.232 4.032 10.076 4 10 4zm3.971 5c-.089-1.546-.383-2.97-.837-4.118A6.004 6.004 0 0115.917 9h-1.946zm-2.003 2H8.032c.093 1.414.377 2.649.766 3.556.24.56.5.948.737 1.182.233.23.389.262.465.262.076 0 .232-.032.465-.262.238-.234.498-.623.737-1.182.389-.907.673-2.142.766-3.556zm1.166 4.118c.454-1.147.748-2.572.837-4.118h1.946a6.004 6.004 0 01-2.783 4.118zm-6.268 0C6.412 13.97 6.118 12.546 6.03 11H4.083a6.004 6.004 0 002.783 4.118z"
37
+ clip-rule="evenodd" /></svg>
38
+ Public
39
+ {/if}
40
+ </span>
41
+ </div>
42
+ </a>
43
+ </li>
49
44
  {/each}