flowbite-svelte 0.35.3 → 0.36.2

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 (56) hide show
  1. package/dist/accordion/Accordion.svelte.d.ts +5 -5
  2. package/dist/accordion/Accordion.svelte.d.ts.map +1 -1
  3. package/dist/accordion/AccordionItem.svelte +6 -2
  4. package/dist/accordion/AccordionItem.svelte.d.ts +1 -0
  5. package/dist/accordion/AccordionItem.svelte.d.ts.map +1 -1
  6. package/dist/buttons/Button.svelte +48 -66
  7. package/dist/buttons/Button.svelte.d.ts +3 -4
  8. package/dist/buttons/Button.svelte.d.ts.map +1 -1
  9. package/dist/buttons/GradientButton.svelte +70 -0
  10. package/dist/buttons/GradientButton.svelte.d.ts +28 -0
  11. package/dist/buttons/GradientButton.svelte.d.ts.map +1 -0
  12. package/dist/darkmode/DarkMode.svelte +5 -3
  13. package/dist/darkmode/DarkMode.svelte.d.ts +1 -0
  14. package/dist/darkmode/DarkMode.svelte.d.ts.map +1 -1
  15. package/dist/device-mockup/Android.svelte +5 -0
  16. package/dist/device-mockup/Android.svelte.d.ts +24 -0
  17. package/dist/device-mockup/Android.svelte.d.ts.map +1 -0
  18. package/dist/device-mockup/Default.svelte +4 -0
  19. package/dist/device-mockup/Default.svelte.d.ts +24 -0
  20. package/dist/device-mockup/Default.svelte.d.ts.map +1 -0
  21. package/dist/device-mockup/DeviceMockup.svelte +69 -0
  22. package/dist/device-mockup/DeviceMockup.svelte.d.ts +19 -0
  23. package/dist/device-mockup/DeviceMockup.svelte.d.ts.map +1 -0
  24. package/dist/device-mockup/Ios.svelte +4 -0
  25. package/dist/device-mockup/Ios.svelte.d.ts +24 -0
  26. package/dist/device-mockup/Ios.svelte.d.ts.map +1 -0
  27. package/dist/device-mockup/SmartWatch.svelte +2 -0
  28. package/dist/device-mockup/SmartWatch.svelte.d.ts +24 -0
  29. package/dist/device-mockup/SmartWatch.svelte.d.ts.map +1 -0
  30. package/dist/device-mockup/Tablet.svelte +4 -0
  31. package/dist/device-mockup/Tablet.svelte.d.ts +24 -0
  32. package/dist/device-mockup/Tablet.svelte.d.ts.map +1 -0
  33. package/dist/index.d.ts +5 -0
  34. package/dist/index.d.ts.map +1 -1
  35. package/dist/index.js +6 -0
  36. package/dist/ratings/Heart.svelte +41 -0
  37. package/dist/ratings/Heart.svelte.d.ts +25 -0
  38. package/dist/ratings/Heart.svelte.d.ts.map +1 -0
  39. package/dist/ratings/Rating.svelte +20 -16
  40. package/dist/ratings/Rating.svelte.d.ts +4 -6
  41. package/dist/ratings/Rating.svelte.d.ts.map +1 -1
  42. package/dist/ratings/RatingComment.svelte +4 -10
  43. package/dist/ratings/RatingComment.svelte.d.ts +0 -2
  44. package/dist/ratings/RatingComment.svelte.d.ts.map +1 -1
  45. package/dist/ratings/Star.svelte +34 -33
  46. package/dist/ratings/Star.svelte.d.ts +5 -3
  47. package/dist/ratings/Star.svelte.d.ts.map +1 -1
  48. package/dist/ratings/Thumbup.svelte +41 -0
  49. package/dist/ratings/Thumbup.svelte.d.ts +25 -0
  50. package/dist/ratings/Thumbup.svelte.d.ts.map +1 -0
  51. package/dist/speed-dial/SpeedDial.svelte +42 -24
  52. package/dist/speed-dial/SpeedDial.svelte.d.ts +1 -3
  53. package/dist/speed-dial/SpeedDial.svelte.d.ts.map +1 -1
  54. package/dist/speed-dial/SpeedDialButton.svelte +6 -12
  55. package/dist/speed-dial/SpeedDialButton.svelte.d.ts.map +1 -1
  56. package/package.json +37 -1
@@ -0,0 +1,24 @@
1
+ /** @typedef {typeof __propDef.props} SmartWatchProps */
2
+ /** @typedef {typeof __propDef.events} SmartWatchEvents */
3
+ /** @typedef {typeof __propDef.slots} SmartWatchSlots */
4
+ export default class SmartWatch extends SvelteComponentTyped<{
5
+ [x: string]: never;
6
+ }, {
7
+ [evt: string]: CustomEvent<any>;
8
+ }, {}> {
9
+ }
10
+ export type SmartWatchProps = typeof __propDef.props;
11
+ export type SmartWatchEvents = typeof __propDef.events;
12
+ export type SmartWatchSlots = typeof __propDef.slots;
13
+ import { SvelteComponentTyped } from "svelte";
14
+ declare const __propDef: {
15
+ props: {
16
+ [x: string]: never;
17
+ };
18
+ events: {
19
+ [evt: string]: CustomEvent<any>;
20
+ };
21
+ slots: {};
22
+ };
23
+ export {};
24
+ //# sourceMappingURL=SmartWatch.svelte.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"SmartWatch.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/device-mockup/SmartWatch.svelte.js"],"names":[],"mappings":"AAOA,yDAAyD;AACzD,2DAA2D;AAC3D,yDAAyD;AAEzD;;;;;CACC;8BALa,OAAO,UAAU,KAAK;+BACtB,OAAO,UAAU,MAAM;8BACvB,OAAO,UAAU,KAAK;qCATC,QAAQ;AAM7C;;;;;;;;EAA8E"}
@@ -0,0 +1,4 @@
1
+ <div class="h-[32px] w-[3px] bg-gray-800 dark:bg-gray-800 absolute -left-[17px] top-[72px] rounded-l-lg"></div>
2
+ <div class="h-[46px] w-[3px] bg-gray-800 dark:bg-gray-800 absolute -left-[17px] top-[124px] rounded-l-lg"></div>
3
+ <div class="h-[46px] w-[3px] bg-gray-800 dark:bg-gray-800 absolute -left-[17px] top-[178px] rounded-l-lg"></div>
4
+ <div class="h-[64px] w-[3px] bg-gray-800 dark:bg-gray-800 absolute -right-[17px] top-[142px] rounded-r-lg"></div>
@@ -0,0 +1,24 @@
1
+ /** @typedef {typeof __propDef.props} TabletProps */
2
+ /** @typedef {typeof __propDef.events} TabletEvents */
3
+ /** @typedef {typeof __propDef.slots} TabletSlots */
4
+ export default class Tablet extends SvelteComponentTyped<{
5
+ [x: string]: never;
6
+ }, {
7
+ [evt: string]: CustomEvent<any>;
8
+ }, {}> {
9
+ }
10
+ export type TabletProps = typeof __propDef.props;
11
+ export type TabletEvents = typeof __propDef.events;
12
+ export type TabletSlots = typeof __propDef.slots;
13
+ import { SvelteComponentTyped } from "svelte";
14
+ declare const __propDef: {
15
+ props: {
16
+ [x: string]: never;
17
+ };
18
+ events: {
19
+ [evt: string]: CustomEvent<any>;
20
+ };
21
+ slots: {};
22
+ };
23
+ export {};
24
+ //# sourceMappingURL=Tablet.svelte.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Tablet.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/device-mockup/Tablet.svelte.js"],"names":[],"mappings":"AASA,qDAAqD;AACrD,uDAAuD;AACvD,qDAAqD;AAErD;;;;;CACC;0BALa,OAAO,UAAU,KAAK;2BACtB,OAAO,UAAU,MAAM;0BACvB,OAAO,UAAU,KAAK;qCAXC,QAAQ;AAQ7C;;;;;;;;EAA8E"}
package/dist/index.d.ts CHANGED
@@ -11,12 +11,14 @@ export { default as BottomNavHeaderItem } from './bottom-nav/BottomNavHeaderItem
11
11
  export { default as Breadcrumb } from './breadcrumbs/Breadcrumb.svelte';
12
12
  export { default as BreadcrumbItem } from './breadcrumbs/BreadcrumbItem.svelte';
13
13
  export { default as Button } from './buttons/Button.svelte';
14
+ export { default as GradientButton } from './buttons/GradientButton.svelte';
14
15
  export { default as ButtonGroup } from './buttongroups/ButtonGroup.svelte';
15
16
  export { default as Card } from './cards/Card.svelte';
16
17
  export { default as Carousel } from './carousels/Carousel.svelte';
17
18
  export { default as CarouselTransition } from './carousels/CarouselTransition.svelte';
18
19
  export { default as DarkMode } from './darkmode/DarkMode.svelte';
19
20
  export { default as Datepicker } from './datepicker/Datepicker.svelte';
21
+ export { default as DeviceMockup } from './device-mockup/DeviceMockup.svelte';
20
22
  export { default as Drawer } from './drawer/Drawer.svelte';
21
23
  export { default as Dropdown } from './dropdowns/Dropdown.svelte';
22
24
  export { default as DropdownDivider } from './dropdowns/DropdownDivider.svelte';
@@ -70,6 +72,9 @@ export { default as AdvancedRating } from './ratings/AdvancedRating.svelte';
70
72
  export { default as ScoreRating } from './ratings/ScoreRating.svelte';
71
73
  export { default as RatingComment } from './ratings/RatingComment.svelte';
72
74
  export { default as Review } from './ratings/Review.svelte';
75
+ export { default as Star } from './ratings/Star.svelte';
76
+ export { default as Heart } from './ratings/Heart.svelte';
77
+ export { default as Thumbup } from './ratings/Thumbup.svelte';
73
78
  export { default as Sidebar } from './sidebars/Sidebar.svelte';
74
79
  export { default as SidebarItem } from './sidebars/SidebarItem.svelte';
75
80
  export { default as SidebarBrand } from './sidebars/SidebarBrand.svelte';
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/lib/index.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/lib/index.ts"],"names":[],"mappings":"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"}
package/dist/index.js CHANGED
@@ -19,6 +19,7 @@ export { default as Breadcrumb } from './breadcrumbs/Breadcrumb.svelte';
19
19
  export { default as BreadcrumbItem } from './breadcrumbs/BreadcrumbItem.svelte';
20
20
  // Buttons
21
21
  export { default as Button } from './buttons/Button.svelte';
22
+ export { default as GradientButton } from './buttons/GradientButton.svelte';
22
23
  // Buttongroups
23
24
  export { default as ButtonGroup } from './buttongroups/ButtonGroup.svelte';
24
25
  // Cards
@@ -30,6 +31,8 @@ export { default as CarouselTransition } from './carousels/CarouselTransition.sv
30
31
  export { default as DarkMode } from './darkmode/DarkMode.svelte';
31
32
  // Datepicker
32
33
  export { default as Datepicker } from './datepicker/Datepicker.svelte';
34
+ // DeviceMockup
35
+ export { default as DeviceMockup } from './device-mockup/DeviceMockup.svelte';
33
36
  // Drawer
34
37
  export { default as Drawer } from './drawer/Drawer.svelte';
35
38
  // Dropdown
@@ -98,6 +101,9 @@ export { default as AdvancedRating } from './ratings/AdvancedRating.svelte';
98
101
  export { default as ScoreRating } from './ratings/ScoreRating.svelte';
99
102
  export { default as RatingComment } from './ratings/RatingComment.svelte';
100
103
  export { default as Review } from './ratings/Review.svelte';
104
+ export { default as Star } from './ratings/Star.svelte';
105
+ export { default as Heart } from './ratings/Heart.svelte';
106
+ export { default as Thumbup } from './ratings/Thumbup.svelte';
101
107
  // Sidebar
102
108
  export { default as Sidebar } from './sidebars/Sidebar.svelte';
103
109
  export { default as SidebarItem } from './sidebars/SidebarItem.svelte';
@@ -0,0 +1,41 @@
1
+ <script>export let fillPercent = 100;
2
+ export let fillColor = '#ff0000';
3
+ export let strokeColor = '#ff0000';
4
+ export let size = 24;
5
+ export let ariaLabel = 'heart';
6
+ export let id = 'heart';
7
+ </script>
8
+
9
+ <svg
10
+ width={size}
11
+ height={size}
12
+ class={$$props.class}
13
+ {...$$restProps}
14
+ aria-label={ariaLabel}
15
+ viewBox="0 0 24 24"
16
+ stroke-width="1.5"
17
+ stroke="currentColor"
18
+ fill="none"
19
+ on:click
20
+ >
21
+ <defs>
22
+ <linearGradient {id}>
23
+ {#if fillPercent !== 100}
24
+ <stop offset="0%" stop-color="{fillColor}" />
25
+ <stop offset="{fillPercent}%" stop-color="{fillColor}" />
26
+ <stop offset="{fillPercent}%" stop-color="transparent" />
27
+ <stop offset="100%" stop-color="transparent" />
28
+ {:else}
29
+ <stop offset="0%" stop-color="{fillColor}" />
30
+ <stop offset="100%" stop-color="{fillColor}" />
31
+ {/if}
32
+ </linearGradient>
33
+ </defs>
34
+ <path
35
+ fill="url(#{id})"
36
+ stroke="{strokeColor}"
37
+ stroke-linecap="round"
38
+ stroke-linejoin="round"
39
+ d="M21 8.25c0-2.485-2.099-4.5-4.688-4.5-1.935 0-3.597 1.126-4.312 2.733-.715-1.607-2.377-2.733-4.313-2.733C5.1 3.75 3 5.765 3 8.25c0 7.22 9 12 9 12s9-4.78 9-12z"
40
+ />
41
+ </svg>
@@ -0,0 +1,25 @@
1
+ import { SvelteComponentTyped } from "svelte";
2
+ declare const __propDef: {
3
+ props: {
4
+ [x: string]: any;
5
+ fillPercent?: number | undefined;
6
+ fillColor?: string | undefined;
7
+ strokeColor?: string | undefined;
8
+ size?: number | undefined;
9
+ ariaLabel?: string | undefined;
10
+ id?: string | undefined;
11
+ };
12
+ events: {
13
+ click: MouseEvent;
14
+ } & {
15
+ [evt: string]: CustomEvent<any>;
16
+ };
17
+ slots: {};
18
+ };
19
+ export type HeartProps = typeof __propDef.props;
20
+ export type HeartEvents = typeof __propDef.events;
21
+ export type HeartSlots = typeof __propDef.slots;
22
+ export default class Heart extends SvelteComponentTyped<HeartProps, HeartEvents, HeartSlots> {
23
+ }
24
+ export {};
25
+ //# sourceMappingURL=Heart.svelte.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Heart.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/ratings/Heart.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AA6BD,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;CAA+D,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,MAAM,CAAC,OAAO,OAAO,KAAM,SAAQ,oBAAoB,CAAC,UAAU,EAAE,WAAW,EAAE,UAAU,CAAC;CAC3F"}
@@ -1,33 +1,37 @@
1
1
  <script>import Star from './Star.svelte';
2
2
  import classNames from 'classnames';
3
+ import generateId from '../utils/generateId.js';
3
4
  export let divClass = 'flex items-center';
4
- export let size = '24';
5
+ export let size = 24;
5
6
  export let total = 5;
6
7
  export let rating = 4;
7
- // default is floor
8
- export let ceil = false;
8
+ export let partialId = 'partialStar' + generateId();
9
+ export let icon = Star;
9
10
  export let count = false;
10
- export let starUpClass = 'text-yellow-300 dark:text-yellow-200';
11
- export let starDownClass = 'text-gray-300 dark:text-gray-500';
12
- let roundedRating = ceil ? Math.ceil(rating) : Math.floor(rating);
13
- let grayStars = total - roundedRating;
11
+ // generate unique id for full star and gray star
12
+ const fullStarId = generateId();
13
+ const grayStarId = generateId();
14
+ let fullStars = Math.floor(rating);
15
+ let rateDiffence = rating - fullStars;
16
+ let percentRating = Math.round(rateDiffence * 100);
17
+ let grayStars = total - (fullStars + Math.ceil(rateDiffence));
18
+ // console.log(fullStars, grayStars, rateDiffence, percentRating)
14
19
  </script>
15
20
 
16
21
  <div class={classNames(divClass, $$props.class)}>
17
22
  {#if count}
18
- <Star variation="solid" {size} class="{starUpClass}" />
23
+ <svelte:component this={icon} fillPercent={100} {size} />
19
24
  <p class="ml-2 text-sm font-bold text-gray-900 dark:text-white">{rating}</p>
20
25
  <slot />
21
26
  {:else}
22
- {#each Array(roundedRating) as _}
23
- <slot name="ratingUp">
24
- <Star variation="solid" {size} class="{starUpClass}" />
25
- </slot>
27
+ {#each Array(fullStars) as star}
28
+ <svelte:component this={icon} {size} fillPercent={100} id="{fullStarId}"/>
26
29
  {/each}
27
- {#each Array(grayStars) as _}
28
- <slot name="ratingDown">
29
- <Star {size} class="{starDownClass}" />
30
- </slot>
30
+ {#if percentRating }
31
+ <svelte:component this={icon} {size} fillPercent={percentRating} id={partialId}/>
32
+ {/if}
33
+ {#each Array(grayStars) as star}
34
+ <svelte:component this={icon} {size} fillPercent={0} id="{grayStarId}"/>
31
35
  {/each}
32
36
  {#if $$slots.text}
33
37
  <slot name="text" />
@@ -1,23 +1,21 @@
1
1
  import { SvelteComponentTyped } from "svelte";
2
+ import type { ComponentType } from 'svelte';
2
3
  declare const __propDef: {
3
4
  props: {
4
5
  [x: string]: any;
5
6
  divClass?: string | undefined;
6
- size?: string | undefined;
7
+ size?: number | undefined;
7
8
  total?: number | undefined;
8
9
  rating?: number | undefined;
9
- ceil?: boolean | undefined;
10
+ partialId?: string | undefined;
11
+ icon?: ComponentType | undefined;
10
12
  count?: boolean | undefined;
11
- starUpClass?: string | undefined;
12
- starDownClass?: string | undefined;
13
13
  };
14
14
  events: {
15
15
  [evt: string]: CustomEvent<any>;
16
16
  };
17
17
  slots: {
18
18
  default: {};
19
- ratingUp: {};
20
- ratingDown: {};
21
19
  text: {};
22
20
  };
23
21
  };
@@ -1 +1 @@
1
- {"version":3,"file":"Rating.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/ratings/Rating.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AA8CD,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;CAA+D,CAAC;AAC/E,MAAM,MAAM,WAAW,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AACjD,MAAM,MAAM,YAAY,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AACnD,MAAM,MAAM,WAAW,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAEjD,MAAM,CAAC,OAAO,OAAO,MAAO,SAAQ,oBAAoB,CAAC,WAAW,EAAE,YAAY,EAAE,WAAW,CAAC;CAC/F"}
1
+ {"version":3,"file":"Rating.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/ratings/Rating.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AAID,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,QAAQ,CAAC;AAiD5C,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;CAA+D,CAAC;AAC/E,MAAM,MAAM,WAAW,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AACjD,MAAM,MAAM,YAAY,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AACnD,MAAM,MAAM,WAAW,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAEjD,MAAM,CAAC,OAAO,OAAO,MAAO,SAAQ,oBAAoB,CAAC,WAAW,EAAE,YAAY,EAAE,WAAW,CAAC;CAC/F"}
@@ -1,5 +1,6 @@
1
1
  <script>import Button from '../buttons/Button.svelte';
2
2
  import Star from './Star.svelte';
3
+ import Rating from './Rating.svelte';
3
4
  // default is floor
4
5
  export let ceil = false;
5
6
  export let helpfullink = '';
@@ -21,16 +22,9 @@ let grayStars = comment.total - roundedRating;
21
22
  </div>
22
23
  </div>
23
24
  <div class="flex items-center mb-1">
24
- {#each Array(roundedRating) as _}
25
- <slot name="ratingUp">
26
- <Star variation="solid" size="24" class="text-yellow-300 dark:text-yellow-200" />
27
- </slot>
28
- {/each}
29
- {#each Array(grayStars) as _}
30
- <slot name="ratingDown">
31
- <Star size="24" class="px-0.5 text-gray-300 dark:text-gray-500" />
32
- </slot>
33
- {/each}
25
+ <Rating total={comment.total} rating={comment.rating}>
26
+ <p slot="text" class="ml-2 text-sm font-medium text-gray-500 dark:text-gray-400">{comment.rating} out of {comment.total}</p>
27
+ </Rating>
34
28
  {#if comment.heading}
35
29
  <h3 class="ml-2 text-sm font-semibold text-gray-900 dark:text-white">
36
30
  {comment.heading}
@@ -25,8 +25,6 @@ declare const __propDef: {
25
25
  [evt: string]: CustomEvent<any>;
26
26
  };
27
27
  slots: {
28
- ratingUp: {};
29
- ratingDown: {};
30
28
  default: {};
31
29
  evaluation: {};
32
30
  };
@@ -1 +1 @@
1
- {"version":3,"file":"RatingComment.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/ratings/RatingComment.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AAmGD,QAAA,MAAM,SAAS;;;;;iBAhB0J;YACrK,EAAE,EAAE,MAAM,CAAC;YACX,IAAI,EAAE;gBACJ,MAAM,MAAM,CAAC;gBACb,GAAG,EAAE;oBACH,GAAG,EAAE,MAAM,CAAC;oBACZ,GAAG,EAAE,MAAM,CAAC;iBACb,CAAC;gBACF,MAAM,EAAE,MAAM,CAAC;aAChB,CAAC;YACF,KAAK,EAAE,MAAM,CAAC;YACd,MAAM,EAAE,MAAM,CAAC;YACf,OAAO,EAAE,MAAM,CAAC;YAChB,OAAO,EAAE,MAAM,CAAC;YAChB,QAAQ,EAAE,MAAM,CAAC;SAClB;;;;;;;;;;;CACoD,CAAC;AACxD,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":"RatingComment.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/ratings/RatingComment.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AA8FD,QAAA,MAAM,SAAS;;;;;iBAhB0J;YACrK,EAAE,EAAE,MAAM,CAAC;YACX,IAAI,EAAE;gBACJ,MAAM,MAAM,CAAC;gBACb,GAAG,EAAE;oBACH,GAAG,EAAE,MAAM,CAAC;oBACZ,GAAG,EAAE,MAAM,CAAC;iBACb,CAAC;gBACF,MAAM,EAAE,MAAM,CAAC;aAChB,CAAC;YACF,KAAK,EAAE,MAAM,CAAC;YACd,MAAM,EAAE,MAAM,CAAC;YACf,OAAO,EAAE,MAAM,CAAC;YAChB,OAAO,EAAE,MAAM,CAAC;YAChB,QAAQ,EAAE,MAAM,CAAC;SAClB;;;;;;;;;CACoD,CAAC;AACxD,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,36 +1,37 @@
1
- <script>export let size = '24';
2
- export let color = 'currentColor';
3
- export let variation = 'outline';
1
+ <script>export let fillPercent = 100;
2
+ export let fillColor = '#F5CA14';
3
+ export let strokeColor = '#F5CA14';
4
+ export let size = 24;
4
5
  export let ariaLabel = 'star';
5
- let viewBox;
6
- let svgpath;
7
- let svgoutline = `<path d="M11.4806 3.49883C11.6728 3.03685 12.3272 3.03685 12.5193 3.49883L14.6453 8.61028C14.7263 8.80504 14.9095 8.93811 15.1197 8.95497L20.638 9.39736C21.1367 9.43735 21.339 10.0598 20.959 10.3853L16.7546 13.9867C16.5945 14.1239 16.5245 14.3392 16.5734 14.5444L17.8579 19.9293C17.974 20.416 17.4446 20.8007 17.0176 20.5398L12.2932 17.6542C12.1132 17.5443 11.8868 17.5443 11.7068 17.6542L6.98238 20.5398C6.55539 20.8007 6.02594 20.416 6.14203 19.9293L7.42652 14.5444C7.47546 14.3392 7.4055 14.1239 7.24531 13.9867L3.04099 10.3853C2.661 10.0598 2.86323 9.43735 3.36197 9.39736L8.88022 8.95497C9.09048 8.93811 9.27363 8.80504 9.35464 8.61028L11.4806 3.49883Z" stroke="${color}" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> `;
8
- let svgsolid = `<path fill-rule="evenodd" clip-rule="evenodd" d="M10.7881 3.2108C11.2364 2.13286 12.7635 2.13286 13.2118 3.2108L15.2938 8.21652L20.6979 8.64976C21.8616 8.74306 22.3335 10.1953 21.4469 10.9549L17.3295 14.4818L18.5874 19.7553C18.8583 20.8909 17.6229 21.7884 16.6266 21.1799L11.9999 18.354L7.37329 21.1799C6.37697 21.7884 5.14158 20.8909 5.41246 19.7553L6.67038 14.4818L2.55303 10.9549C1.66639 10.1953 2.13826 8.74306 3.302 8.64976L8.70609 8.21652L10.7881 3.2108Z" fill="${color}"/> `;
9
- $: switch (variation) {
10
- case 'outline':
11
- svgpath = svgoutline;
12
- viewBox = '0 0 24 24';
13
- break;
14
- case 'solid':
15
- svgpath = svgsolid;
16
- viewBox = '0 0 24 24';
17
- break;
18
- default:
19
- svgpath = svgoutline;
20
- viewBox = '0 0 24 24';
21
- }
6
+ export let id = "star";
22
7
  </script>
23
8
 
24
- <svg
25
- xmlns="http://www.w3.org/2000/svg"
26
- width={size}
27
- height={size}
28
- class={$$props.class}
29
- {...$$restProps}
30
- aria-label={ariaLabel}
31
- fill="none"
32
- {viewBox}
33
- stroke-width="2"
34
- on:click>
35
- {@html svgpath}
36
- </svg>
9
+ <svg
10
+ width={size}
11
+ height={size}
12
+ class={$$props.class}
13
+ {...$$restProps}
14
+ aria-label={ariaLabel}
15
+ viewBox="100 100 120 120"
16
+ on:click
17
+ >
18
+ <defs>
19
+ <linearGradient {id}>
20
+ {#if fillPercent !== 100}
21
+ <stop offset="0%" stop-color="{fillColor}" />
22
+ <stop offset="{fillPercent}%" stop-color="{fillColor}" />
23
+ <stop offset="{fillPercent}%" stop-color="transparent" />
24
+ <stop offset="100%" stop-color="transparent" />
25
+ {:else}
26
+ <stop offset="0%" stop-color="{fillColor}" />
27
+ <stop offset="100%" stop-color="{fillColor}" />
28
+ {/if}
29
+ </linearGradient>
30
+ </defs>
31
+ <g fill="url(#{id})" stroke="{strokeColor}" stroke-width="2">
32
+ <polygon points="165.000, 185.000, 188.511, 197.361, 184.021, 171.180,
33
+ 203.042, 152.639, 176.756, 148.820, 165.000, 125.000,
34
+ 153.244, 148.820, 126.958, 152.639, 145.979, 171.180,
35
+ 141.489, 197.361, 165.000, 185.000"/>
36
+ </g>
37
+ </svg>
@@ -2,10 +2,12 @@ import { SvelteComponentTyped } from "svelte";
2
2
  declare const __propDef: {
3
3
  props: {
4
4
  [x: string]: any;
5
- size?: string | undefined;
6
- color?: string | undefined;
7
- variation?: "solid" | "outline" | undefined;
5
+ fillPercent?: number | undefined;
6
+ fillColor?: string | undefined;
7
+ strokeColor?: string | undefined;
8
+ size?: number | undefined;
8
9
  ariaLabel?: string | undefined;
10
+ id?: string | undefined;
9
11
  };
10
12
  events: {
11
13
  click: MouseEvent;
@@ -1 +1 @@
1
- {"version":3,"file":"Star.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/ratings/Star.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AAgCD,QAAA,MAAM,SAAS;;;;;;;;;;;;;;CAA+D,CAAC;AAC/E,MAAM,MAAM,SAAS,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAC/C,MAAM,MAAM,UAAU,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AACjD,MAAM,MAAM,SAAS,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAE/C,MAAM,CAAC,OAAO,OAAO,IAAK,SAAQ,oBAAoB,CAAC,SAAS,EAAE,UAAU,EAAE,SAAS,CAAC;CACvF"}
1
+ {"version":3,"file":"Star.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/ratings/Star.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AAiCD,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;CAA+D,CAAC;AAC/E,MAAM,MAAM,SAAS,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAC/C,MAAM,MAAM,UAAU,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AACjD,MAAM,MAAM,SAAS,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAE/C,MAAM,CAAC,OAAO,OAAO,IAAK,SAAQ,oBAAoB,CAAC,SAAS,EAAE,UAAU,EAAE,SAAS,CAAC;CACvF"}
@@ -0,0 +1,41 @@
1
+ <script>export let fillPercent = 100;
2
+ export let fillColor = '#00b500';
3
+ export let strokeColor = '#00b500';
4
+ export let size = 24;
5
+ export let ariaLabel = 'thumbup';
6
+ export let id = 'thumbup';
7
+ </script>
8
+
9
+ <svg
10
+ width={size}
11
+ height={size}
12
+ class={$$props.class}
13
+ {...$$restProps}
14
+ aria-label={ariaLabel}
15
+ viewBox="0 0 24 24"
16
+ stroke-width="1.5"
17
+ stroke="currentColor"
18
+ fill="none"
19
+ on:click
20
+ >
21
+ <defs>
22
+ <linearGradient {id}>
23
+ {#if fillPercent !== 100}
24
+ <stop offset="0%" stop-color="{fillColor}" />
25
+ <stop offset="{fillPercent}%" stop-color="{fillColor}" />
26
+ <stop offset="{fillPercent}%" stop-color="transparent" />
27
+ <stop offset="100%" stop-color="transparent" />
28
+ {:else}
29
+ <stop offset="0%" stop-color="{fillColor}" />
30
+ <stop offset="100%" stop-color="{fillColor}" />
31
+ {/if}
32
+ </linearGradient>
33
+ </defs>
34
+ <path
35
+ fill="url(#{id})"
36
+ stroke="{strokeColor}"
37
+ stroke-linecap="round"
38
+ stroke-linejoin="round"
39
+ d="M6.633 10.5c.806 0 1.533-.446 2.031-1.08a9.041 9.041 0 012.861-2.4c.723-.384 1.35-.956 1.653-1.715a4.498 4.498 0 00.322-1.672V3a.75.75 0 01.75-.75A2.25 2.25 0 0116.5 4.5c0 1.152-.26 2.243-.723 3.218-.266.558.107 1.282.725 1.282h3.126c1.026 0 1.945.694 2.054 1.715.045.422.068.85.068 1.285a11.95 11.95 0 01-2.649 7.521c-.388.482-.987.729-1.605.729H13.48c-.483 0-.964-.078-1.423-.23l-3.114-1.04a4.501 4.501 0 00-1.423-.23H5.904M14.25 9h2.25M5.904 18.75c.083.205.173.405.27.602.197.4-.078.898-.523.898h-.908c-.889 0-1.713-.518-1.972-1.368a12 12 0 01-.521-3.507c0-1.553.295-3.036.831-4.398C3.387 10.203 4.167 9.75 5 9.75h1.053c.472 0 .745.556.5.96a8.958 8.958 0 00-1.302 4.665c0 1.194.232 2.333.654 3.375z"
40
+ />
41
+ </svg>
@@ -0,0 +1,25 @@
1
+ import { SvelteComponentTyped } from "svelte";
2
+ declare const __propDef: {
3
+ props: {
4
+ [x: string]: any;
5
+ fillPercent?: number | undefined;
6
+ fillColor?: string | undefined;
7
+ strokeColor?: string | undefined;
8
+ size?: number | undefined;
9
+ ariaLabel?: string | undefined;
10
+ id?: string | undefined;
11
+ };
12
+ events: {
13
+ click: MouseEvent;
14
+ } & {
15
+ [evt: string]: CustomEvent<any>;
16
+ };
17
+ slots: {};
18
+ };
19
+ export type ThumbupProps = typeof __propDef.props;
20
+ export type ThumbupEvents = typeof __propDef.events;
21
+ export type ThumbupSlots = typeof __propDef.slots;
22
+ export default class Thumbup extends SvelteComponentTyped<ThumbupProps, ThumbupEvents, ThumbupSlots> {
23
+ }
24
+ export {};
25
+ //# sourceMappingURL=Thumbup.svelte.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Thumbup.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/ratings/Thumbup.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AA6BD,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;CAA+D,CAAC;AAC/E,MAAM,MAAM,YAAY,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAClD,MAAM,MAAM,aAAa,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AACpD,MAAM,MAAM,YAAY,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAElD,MAAM,CAAC,OAAO,OAAO,OAAQ,SAAQ,oBAAoB,CAAC,YAAY,EAAE,aAAa,EAAE,YAAY,CAAC;CACnG"}
@@ -1,12 +1,12 @@
1
1
  <script context="module">export {};
2
2
  </script>
3
3
 
4
- <script>import { getContext } from 'svelte';
5
- import classNames from 'classnames';
4
+ <script>import classNames from 'classnames';
6
5
  import Button from '../buttons/Button.svelte';
7
6
  import Popper from '../utils/Popper.svelte';
8
7
  import { setContext } from 'svelte';
9
8
  import generateId from '../utils/generateId';
9
+ import GradientButton from '../buttons/GradientButton.svelte';
10
10
  export let defaultClass = 'fixed right-6 bottom-6';
11
11
  export let popperDefaultClass = 'flex items-center mb-4 gap-2';
12
12
  export let placement = 'top';
@@ -15,37 +15,55 @@ export let tooltip = 'left';
15
15
  export let trigger = 'hover';
16
16
  export let textOutside = false;
17
17
  export let id = generateId();
18
- export let shadow = null;
19
- export let outline = false;
20
- const group = getContext('group');
21
- export let color = group ? (outline ? 'dark' : 'alternative') : 'blue';
18
+ export let name = 'Open actions menu';
22
19
  export let gradient = false;
23
20
  setContext('speed-dial', { pill, tooltip, textOutside });
24
21
  let divClass;
25
22
  $: divClass = classNames(defaultClass, 'group', $$props.class);
26
23
  let poperClass;
27
24
  $: poperClass = classNames(popperDefaultClass, ['top', 'bottom'].includes(placement) && 'flex-col');
25
+ let open = false;
28
26
  </script>
29
27
 
30
28
  <div class={divClass}>
31
- <Button {pill} name="Open actions menu" aria-controls={id} aria-expanded="false" {color} {gradient} {outline} {shadow} class="!p-3">
32
- <slot name="icon">
33
- <svg
34
- aria-hidden="true"
35
- class="w-8 h-8 transition-transform group-hover:rotate-45"
36
- fill="none"
37
- stroke="currentColor"
38
- viewBox="0 0 24 24"
39
- xmlns="http://www.w3.org/2000/svg"
40
- ><path
41
- stroke-linecap="round"
42
- stroke-linejoin="round"
43
- stroke-width="2"
44
- d="M12 6v6m0 0v6m0-6h6m-6 0H6" /></svg>
45
- </slot>
46
- <span class="sr-only">Open actions menu</span>
47
- </Button>
48
- <Popper {id} {trigger} arrow={false} color="none" activeContent {placement} class={poperClass}>
29
+ {#if gradient}
30
+ <GradientButton {pill} {name} aria-controls={id} aria-expanded={open} {...$$restProps} class="!p-3">
31
+ <slot name="icon">
32
+ <svg
33
+ aria-hidden="true"
34
+ class="w-8 h-8 transition-transform group-hover:rotate-45"
35
+ fill="none"
36
+ stroke="currentColor"
37
+ viewBox="0 0 24 24"
38
+ xmlns="http://www.w3.org/2000/svg"
39
+ ><path
40
+ stroke-linecap="round"
41
+ stroke-linejoin="round"
42
+ stroke-width="2"
43
+ d="M12 6v6m0 0v6m0-6h6m-6 0H6" /></svg>
44
+ </slot>
45
+ <span class="sr-only">{name}</span>
46
+ </GradientButton>
47
+ {:else}
48
+ <Button {pill} {name} aria-controls={id} aria-expanded={open} {...$$restProps} class="!p-3">
49
+ <slot name="icon">
50
+ <svg
51
+ aria-hidden="true"
52
+ class="w-8 h-8 transition-transform group-hover:rotate-45"
53
+ fill="none"
54
+ stroke="currentColor"
55
+ viewBox="0 0 24 24"
56
+ xmlns="http://www.w3.org/2000/svg"
57
+ ><path
58
+ stroke-linecap="round"
59
+ stroke-linejoin="round"
60
+ stroke-width="2"
61
+ d="M12 6v6m0 0v6m0-6h6m-6 0H6" /></svg>
62
+ </slot>
63
+ <span class="sr-only">{name}</span>
64
+ </Button>
65
+ {/if}
66
+ <Popper {id} {trigger} arrow={false} color="none" activeContent {placement} class={poperClass} bind:open>
49
67
  <slot />
50
68
  </Popper>
51
69
  </div>
@@ -16,9 +16,7 @@ declare const __propDef: {
16
16
  trigger?: "click" | "hover" | undefined;
17
17
  textOutside?: boolean | undefined;
18
18
  id?: string | undefined;
19
- shadow?: "red" | "green" | "purple" | "pink" | "blue" | "cyan" | "lime" | "teal" | null | undefined;
20
- outline?: boolean | undefined;
21
- color?: "red" | "yellow" | "green" | "purple" | "pink" | "blue" | "light" | "dark" | "primary" | "alternative" | "cyan" | "lime" | "teal" | "purpleToBlue" | "cyanToBlue" | "greenToBlue" | "purpleToPink" | "pinkToOrange" | "tealToLime" | "redToYellow" | undefined;
19
+ name?: string | undefined;
22
20
  gradient?: boolean | undefined;
23
21
  };
24
22
  events: {